/*------------------------------------------------------------------
[Table of contents]

1. Reset CSS
2. Tables
3. Typography
4. Buttons
5. Tabs
6. Header
7. Content
8. Footer
9. Blog
10. Gallery
11. 404
12. Contact
13. About Us
14. Faq
15. Masonry
16. Scripts
17. Responsive
18.
-------------------------------------------------------------------*/

:root {
	--ywx-inner-page-width: 1308px;
}

/* Reset CSS
-----------------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline: 0px solid red;
}
.navbar-nav ul li {
	list-style-type: none;
}


html {
	height: 100%;
}

header,
nav,
section,
article,
aside,
footer {
	display: block;
}

body {
	font: 12px/16px 'Open Sans', Arial, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #000;
	overflow-x: hidden;
}


/* Tables
-----------------------------------------------------------------------------*/


/* Table default */

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 50px;
}

td {
	/* padding: 15px; */
	font-size: 13px;
	color: #333;
	border: 1px solid #ddd;
	text-align: left;
}

thead td {
	font-weight: 700;
	background: #03A9F4;
	color: #fff;
	border: 1px solid #03A9F4;
	text-transform: uppercase;
	letter-spacing: 1px;
}

td:first-child {
	text-align: center;
}


/* Table border */

.table-border thead td {
	background: transparent;
	color: #333;
	border: 0;
	border-bottom: 1px solid #ddd;
}

.table-border td {
	border: 0;
	border-bottom: 1px solid #ddd;
}


/* Table fill */

.table-fill thead td {
	background: #f8f8f8;
	color: #333;
	border: 1px solid #ddd;
}

.table-fill td {
	border: 1px solid #ddd;
}

.table-fill tr:nth-child(2n) td {
	background: #f8f8f8;
}


/* Table fill blue */

.table-fill-blue thead td {
	background: #03A9F4;
	color: #fff;
	border: 1px solid #03A9F4;
}

.table-fill-blue td {
	border: 1px solid #ddd;
}

.table-fill-blue tr:nth-child(2n) td {
	background: #f8f8f8;
}


/* Table blue */

.table-blue thead td {
	background: #03A9F4;
	color: #fff;
	border: 1px solid #fff;
}

.table-blue td {
	border: 1px solid #fff;
	background: #03A9F4;
	color: #fff;
}


/*img {
	border: none;
	max-width:100%;
	vertical-align: middle;
}*/

:focus {
	outline: 0;
}


/* Typography
-----------------------------------------------------------------------------*/

a {
	outline: none;
	font-size: 13px;
	text-decoration: underline;
	color: #03A9F4;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #03A9F4;
	outline: none;
}

p {
	font-size: 13px;
	/* color: #909090; */
	line-height: 1.7em;
	/* margin: 0 0 20px; */
}

h1,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1 {
	color: #2b2b2b;
	font-size: 42px;
	line-height: 1.3em;
	/* margin: 0 0 20px; */
	font-weight: 900;
	text-transform: uppercase;
}

h2 {
	color: #333;
	font-size: 30px;
	line-height: 1.3em;
	/* margin: 0 0 30px; */
	font-weight: 600;
}

h3 {
	color: #2b2b2b;
	font-size: 23px;
	line-height: 1.3em;
	/* margin: 0 0 33px; */
	font-weight: 600;
	letter-spacing: 1px;
}

h4 {
	color: #333;
	font-size: 19px;
	line-height: 1.5em;
	/* margin: 0 0 16px; */
	font-weight: 700;
	letter-spacing: normal;
}

h5 {
	color: #2b2b2b;
	font-size: 18px;
	line-height: 1.3em;
	/* margin: 0 0 11px; */
	font-weight: 600;
}

h6 {
	color: #2b2b2b;
	font-size: 16px;
	line-height: 1.3em;
	/* margin: 0 0 11px; */
	font-weight: 600;
}

blockquote,
q {
	quotes: none;
}

blockquote {
	font-size: 13px;
	color: #6a6a6a;
	line-height: 1.8em;
	margin: 20px 0;
	padding: 20px;
	background: #f5f5f5;
	font-style: italic;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}


/* Clearfix */

.clear:before,
.clear:after {
	content: "";
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	zoom: 1;
}


/* Inputs */

input {
	vertical-align: middle;
}

.contact-form input[type="text"],
#contact_submitForm input[type="text"]{
	border: 1px solid #eee;
	background: #fff;
	padding: 10px 16px;
	max-width: none;
	border-radius: 0;
	height: 46px;
	font-size: 14px;
	box-shadow: none;
}

textarea {
	border: 1px solid #eee;
	height: 100px;
	background: #fff;
	padding: 10px 16px;
	max-width: none;
	border-radius: 0;
	resize: none;
	overflow: hidden;
	font-size: 14px;
	box-shadow: none;
}

input[type="submit"] {
	height: 53px;
	line-height: 38px;
	padding: 0 30px;
	background: #4CAF50;
	border: 0px;
	color: #fff;
	border-radius: 0;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}

input[type="submit"]:hover {
	background: #388E3C;
}


/* Placeholder
-----------------------------------------------------------------------------*/

::-webkit-input-placeholder {
	color: #9e9e9e;
	opacity: 1;
}

:-moz-placeholder {
	color: #9e9e9e;
	opacity: 1;
}

::-moz-placeholder {
	color: #9e9e9e;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #9e9e9e;
	opacity: 1;
}

:focus::-moz-placeholder {
	color: #9e9e9e;
	opacity: 0;
}

*::-moz-placeholder {
	opacity: 1;
}

:focus::-webkit-input-placeholder {
	color: #fff;
	opacity: 0;
}

:focus:-moz-placeholder {
	color: #fff;
	opacity: 0;
}

:focus::-moz-placeholder {
	color: #fff;
	opacity: 0;
}


/* Buttons
-----------------------------------------------------------------------------*/

.btn-block {
	margin-bottom: 40px;
	text-align: center;
}

.btn-block button {
	margin: 0 10px 15px;
}


/* Button default */

.btn {
	background: #969696;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 1px;
	border-radius: 0;
	padding: 10px 0px;
}

.btn:hover {
	background: #ccc;
	color: #fff;
}

.btn.btn-border {
	border: 2px solid #FF5722;
	background: transparent;
	color: #333;
}

.btn.btn-border:hover {
	background: #FF5722;
	color: #fff;
}

.btn.btn-radius {
	border-radius: 50px;
}


/* Button green */

.btn.btn-green {
	background: #4CAF50;
}

.btn.btn-green:hover {
	background: #388E3C;
}

.btn.btn-green.btn-border {
	border: 2px solid #4CAF50;
	background: transparent;
	color: #333;
}

.btn.btn-green.btn-border:hover {
	background: #4CAF50;
	color: #fff;
}


/* Button black */

.btn.btn-black {
	background: #333;
}

.btn.btn-black:hover {
	background: #000;
}

.btn.btn-black.btn-border {
	border: 2px solid #333;
	background: transparent;
	color: #333;
}

.btn.btn-black.btn-border:hover {
	background: #333;
	color: #fff;
}


/* Button purple */

.btn.btn-purple {
	background: #9C27B0;
}

.btn.btn-purple:hover {
	background: #861e98;
}

.btn.btn-purple.btn-border {
	border: 2px solid #9C27B0;
	background: transparent;
	color: #333;
}

.btn.btn-purple.btn-border:hover {
	background: #9C27B0;
	color: #fff;
}


/* Button blue */

.btn.btn-blue {
	background: #03A9F4;
}

.btn.btn-blue:hover {
	background: #039ee4;
}

.btn.btn-blue.btn-border {
	border: 2px solid #03A9F4;
	background: transparent;
	color: #333;
}

.btn.btn-blue.btn-border:hover {
	background: #03A9F4;
	color: #fff;
}


/* Button grey */

.btn.btn-grey {
	background: #616161;
}

.btn.btn-grey:hover {
	background: #333;
}

.btn.btn-grey.btn-border {
	border: 2px solid #616161;
	background: transparent;
	color: #333;
}

.btn.btn-grey.btn-border:hover {
	background: #616161;
	color: #fff;
}


/* Social */

.social {
	padding: 0;
	text-align: center;
}

.so-width {
	width: 185px;
	margin: 0 60px;
}

.social li {
	display: inline-block;
	margin: 0 8px;
}

.social li a {
	position: relative;
	color: #333;
	font-size: 15px;
	text-align: center;
	border-radius: 100px;
	transition: all ease-out 0.5s;
	line-height: 35px;
}

.social li a:hover {
	color: #999;
}


/* Preloader */

#page-preloader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #f8f8f8;
	z-index: 100500;
	display: none;
}

#page-preloader .spinner {
	width: 64px;
	height: 64px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url('../images/loading.gif') no-repeat 50% 50%;
	margin: -32px 0 0 -32px;
}


/* Tabs
-----------------------------------------------------------------------------*/


/* Default Tabs */

div.tabs {
	margin-bottom: 50px;
}

ul.tabs {
	overflow: hidden;
	margin: 0 0 20px;
}

ul.tabs li {
	border: 1px solid #ddd;
	padding: 15px 28px;
	color: #333;
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
	font-weight: 700;
}

ul.tabs li.active,
ul.tabs li:hover {
	background: #03A9F4;
	color: #fff;
	border: 1px solid #03A9F4;
}

.tab-block {
	display: none;
}

.tab-block.visible {
	display: block;
}

.tab-block p {
	margin: 0;
}


/* Tabs no border */

.tabs-no-border .tab-block {
	background: #f8f8f8;
	padding: 20px;
}

.tabs-no-border ul.tabs li {
	border: 0;
	padding: 0;
	color: #8b8b8b;
	font-size: 13px;
	font-weight: 600;
	margin: 0 9px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.tabs-no-border ul.tabs li.active,
.tabs-no-border ul.tabs li:hover {
	background: transparent;
	color: #333;
	border: 0;
}


/* Tabs vertical */

.tabs-vertical .tab-block {
	background: #f8f8f8;
	padding: 20px;
}

.tabs-vertical ul.tabs li {
	border: 0;
	padding: 0 0 6px;
	color: #8b8b8b;
	font-size: 13px;
	font-weight: 600;
	margin: 0 9px 13px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}

.tabs-vertical ul.tabs li.active,
.tabs-vertical ul.tabs li:hover {
	background: transparent;
	color: #333;
	border: 0;
}


/* Header
-----------------------------------------------------------------------------*/

.index-page #header {
	border-bottom: 0px;
}

.logo {
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	z-index: 100;
	height: 50px;
	/* letter-spacing: 2px;
	line-height: 20px; */
}


/* Nav & Menu */

.navbar {
	margin-bottom: 0;
	border: 0;
	clear: none;
    /* position: absolute; */
    z-index: 100;
    line-height: 30px;
    margin: 0;
    right: 0;
}
.inner-container .navbar-collapse{
	padding: 0;
}
.navbar-toggle .icon-bar {
	background: #333;
}

.navbar-toggle {
	margin: 21px -6px 0 0px;
}

.menu {
	float: right;
}

.menu>li {
	display: inline-block;
	position: relative;
}

.menu>li>a {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	/* text-transform: uppercase; */
	letter-spacing: normal;
	text-decoration: none;
	padding: 0px 13px;
}
.menu>li a{
	color: #333;
	font-size: 14px;
	/* text-transform: uppercase; */
	letter-spacing: normal;
	text-decoration: none;
	padding: 0px 13px;	
}
.nav>li>a:hover,
.nav>li>a:focus,
.dropdown:hover,
.nav-active {
	background-color: #f8f8f8;
	color: #333;
}

.nav .dropdown-menu{
	position: absolute;
	top: 80px;
	left: 0;
	width: 180px;
	min-width: 180px;
	background: #fff;
	padding: 0;
	display: none;
	box-shadow: none;
	border-radius: 0;
	border: 0;
}

.nav .dropdown-menu>li {
	position: relative;
	display: block;
	padding: 0;
}

.nav .dropdown-menu>li>a{
	padding: 10px 15px;
	color: #333;
	display: block;
	text-transform: none;
}

.nav .dropdown-menu>li>a:hover {
	background: #f8f8f8;
	color: #2b2b2b;
	text-decoration: none;
}

.navbar .nav>li .dropdown-menu {
	margin: 0;
}

/* .navbar .nav>li:hover .dropdown-menu {
	display: block;
} */

.dropdown-menu>li {
	border-bottom: 1px solid transparent !important;
}
.dropdown-menu  .child-menu2>li {
	border-bottom: 1px solid transparent !important;
}
/*
.nav .dropdown-menu.child-menu{
	width: 150px;
}

.nav .dropdown-menu.child-menu>li>a {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	line-height: 23px;
	padding: 8px 15px;
	font-size: 12px;
	min-height: 23px;
	font-family: inherit;
}
*/
.nav .dropdown-menu li a{
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.nav .dropdown-menu .child-menu2{
	position: absolute;
	top: 0;
	left: 180px;
	width: 180px;
	max-width: 180px;
	display: none;
	background-color: #fff;
}
.nav .dropdown-menu.child-menu2 li{
	width: 180px;
	max-width: 180px;
	display: block;
	padding: 0;
	border: none;
}
.nav .dropdown-menu .child-menu2>li>a {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	line-height: 23px;
	padding: 8px 15px;
	font-size: 12px;
	min-height: 23px;
	font-family: inherit;
}

/* Header right blocks */

.header-right {
	float: right;
	padding: 30px 0 0;
	position: relative;
	z-index: 100;
}

.header-search {
	display: inline-block;
	font-size: 16px;
	margin: 0 0 0 20px;
	color: #333;
}

.header-white .nav>li>a:hover,
.header-white .nav>li>a:focus {
	background-color: transparent;
	color: #03A9F4;
}

.header-white .dropdown-menu li a {
	color: #333 !important;
}

.header-white .navbar-toggle .icon-bar {
	background: #fff;
}

.header-white .nav .open>a,
.header-white .nav .open>a:hover,
.header-white .nav .open>a:focus {
	background-color: #eee;
	border-color: #337ab7;
	color: #333;
}


/* Content
-----------------------------------------------------------------------------*/

.content-wrapper {
	margin-bottom: 50px;
}

.index-page section {
	padding: 55px 0 0 0;
}
.index-page section .indexTitle {
	text-align: center;
	margin: 0 0 30px 0;
}
/* .index-page section h2 {
	text-align: center;
	margin: 0 0 54px 0;
} */

.index-page section h2 {
	text-align: center;
	margin: 0;
}
.index-page .indexTitle .indexTitle_line{
	display: inline-block;
	width:60px;
	margin:0;
	border-bottom: 2px solid #000;
}

/* Services */

#services {
	padding-bottom: 17px;
	background: #03A9F4;
}

#services h2 {
	text-align: center;
	margin: 0 0 54px;
}

#services h4 {
	color: #fff;
}

#services .col-md-4 {
	margin-bottom: 80px;
	overflow: hidden;
}

.icon-services {
	font-size: 42px;
	margin: 0px 15px 100px 0;
	color: #fff;
	line-height: 42px;
	float: left;
	width: 55px;
	text-align: center;
}

#services p {
	font-size: 13px;
	margin: 0;
	color: #fff;
}

.index-image {
	overflow: hidden;
	position: relative;
	padding: 0 !important;
	background: #03A9F4;
}

.index-image p {
	margin: 0 0 32px;
	color: #fff;
	font-size: 14px;
	line-height: 2em;
}

.index-image h3 {
	text-align: left;
	margin: 0 0 22px;
	color: #fff;
}

.img-left {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
}

.img1 {
	background: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/img24.jpg) no-repeat center center;
}

.img2 {
	background: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/img23.jpg) no-repeat center center;
}

.information-right {
	width: 50%;
	float: right;
	padding: 145px 11% 145px 49px;
	text-align: left;
}

.index-image-right .information-right {
	float: left;
	text-align: right;
	padding: 145px 49px 145px 11%;
}

.index-image.index-image-right .information-right h3 {
	text-align: right;
}

.index-image-right .img-left {
	right: 0;
	left: inherit;
}

.information-right .read-more {
	color: #FFF;
	border-bottom: 1px solid #fff;
}


/* Portfolio */

.portfolio-wrapper {
	overflow: visible;
}

.portfolio-wrapper .col-md-3 {
	padding: 0;
	text-align: center;
}

.portfolio-wrapper img {
	width: 100%;
	display: block;
	position: relative;
}

.portfolio-wrapper figure a {
	width: 100%;
	height: 260px;
	display: block;
	overflow: hidden;
	position: relative;
}

.portfolio-wrapper figure a:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
	z-index: 1;
	content: '';
}

.portfolio-wrapper figure a:after {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border-radius: 50px;
	display: none;
	margin: -18px 0 0 -18px;
	font: normal normal normal 12px/35px FontAwesome;
	content: "\f002";
	z-index: 2;
	text-align: center;
}

.portfolio-wrapper figure a:hover:before,
.portfolio-wrapper figure a:hover:after {
	display: block;
}

.portfolio-wrapper figure a:hover img {
	transform: scale(1.1);
}

.portfolio-wrapper figure img {
	transition: all .2s ease-in-out;
}

.portfolio-wrapper figure div {
	height: 25px;
	max-width: 280px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px 0px;
}

.my-sizer-element {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	width: 8.33333%;
	float: left;
}

.portfolio-menu {
	text-align: center;
	margin: 0 0 50px;
}

.portfolio-menu button,
.portfolio-menu button:hover,
.portfolio-menu button:focus {
	background: #fff;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: 12px;
	margin: 0 21px;
	outline: 0 !important;
	color: #8b8b8b;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.portfolio-menu button.active {
	box-shadow: none;
	color: #03A9F4;
}


/* Blog */

.blog-item .img {
	margin: 0;
	overflow: hidden;
	height: 270px;
}

.blog-item .img img {
	width: 100%;
	height: 100%;
}

.date {
	color: #929292;
	margin: 0 0 10px;
	line-height: 16px;
	font-size: 13px;
}

#blog_content img{
	max-width: 100%;
}

.blog-text {
	background: #fff;
	padding: 35px;
}

.blog-text a {
	text-decoration: none;
}

.blog-text a:hover,
.blog-text a:hover h5 {
	text-decoration: none;
	color: #03A9F4;
}


/* Team */

.team-text {
	padding: 98px 27px 27px;
	text-align: center;
	background: #fff;
	border:1px solid #ddd;
/* 	border-right: 6px solid #2196F3;
border-bottom: 6px solid #2196F3; */
}

.team-text h4 {
	font-weight: 400;
}
.team-text a:link,
.team-text :visited{
	text-decoration: none;
}
.ellipsis {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#team {
	/* padding-bottom: 80px; */
	/* background: #f8f8f8; */
}

#team h2 {
	color: #000;
}

#team article {
	margin-bottom: 30px;
}

.team-item .img {
	margin: 0 auto -78px;
	overflow: hidden;
	width: 168px;
	height: 168px;
	border-radius: 50%;
}

.team-item .img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 4px solid #fff;
	object-fit: cover;
	display: block;
}

.spec {
	font-size: 13px;
	color: #7f7f7f;
	margin: 0 0 18px;
	font-style: italic;
}

.read-more {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid #2b2b2b;
	display: inline-block;
	padding: 0 0 6px;
	color: #333;
}

.read-more:hover {
	border-bottom: 1px solid transparent;
	text-decoration: none !important;
}


/* Partners */

#partners {
	text-align: center;
	padding: 93px 0;
}

#carousel .swiper-slide,
#carousel.swiper-container {
	background: transparent;
}

#carousel .swiper-slide {
	vertical-align: middle;
}

#carousel .swiper-slide img {
	width: auto;
	display: inline-block;
}

.carousel-wrapper {
	padding: 0;
	position: relative;
	margin: 0;
}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 38px;
	height: 38px;
	z-index: 100;
	text-align: center;
	line-height: 40px;
	color: #999 !important;
	font-size: 17px;
	margin-top: -19px;
}

.swiper-button-prev {
	left: 0;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	color: #333 !important;
}

.swiper-button-next {
	right: 0;
}
/* related_products*/
#related_products{
	background: #f8f8f8;
	padding: 93px 0;
	overflow: hidden;
}
#related_products h2{
	text-align: center;
	font-size: 24px;
	line-height: 50px !important;
}

#related_products .related_img{
	width: 100%;
	height: 18.625rem;
	overflow: hidden;
	text-align: center;
	margin:0 auto;
}
#related_products img{
	width: 100%; 
	height: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
	transition: all .4s ease-in-out;
	transition-property: all;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
#related_products img:hover{
	transform: scale(1.1);
}
#related_products h3{
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-size: 20px;
}
#related_products .related_img{
	margin-top: 20px;
	border: 1px solid #eee;
}

.related_products_content{
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	overflow: hidden;
}
.related_products_content a:link,
.related_products_content a:visited{
	text-decoration: none;
	color: #333;
}
.related_products_content a:hover{
	color: #DA251E;
	text-decoration: none;
}

/* Contact block */

#contact {
	background: #ffffff;
	padding-bottom: 60px;
	overflow: hidden;
}

#contact h2 {
	font-size: 24px;
	line-height: 50px !important;
	text-align: center;
}

.contact-form {
	background: #fff;
	padding: 40px 59px 10px 59px;
	margin: 0 auto;
	overflow: hidden;
}

.input-block {
	position: relative;
	margin: 0 0 10px;
}

.input-block:before {
	font: normal normal normal 16px/14px FontAwesome;
	position: absolute;
	top: 14px;
	right: 15px;
	color: #d5d5d5;
}

.input-block.name-form:before {
	content: "\f007";
}

.input-block.phone-form:before {
	content: "\f1dc";
}

.input-block.email-form:before {
	content: "\f0e0";
}

.input-block.message-form:before {
	content: "\f040";
}

.contact-form input[type="text"],
.contact-form textarea {
	width: 100%;
}

.contact-form input[type="submit"] {
	float: right;
	width: 194px;
	margin: 0 15px 0 0;
}

.contact-form textarea {
	height: 158px;
}


/* Footer
-----------------------------------------------------------------------------*/

#footer {
	background: #212121;
	padding: 50px 0 0;
	color: #fff;
	text-align: left;
}
#footer ul li{
	list-style: none;
}
#footer .dropup{
	margin-top: 30px;
}
#footer .dropup button{
	background-color: #909090;
	border: 1px solid #909090;
	width: 159px;
	font-size: 12px;
}
#footer .dropup ul{
	margin: 0;
}
#footer .dropup ul li a{
	text-decoration: none;
}
#footer .dropup ul li a:hover{
	background-color: #03A9F4;
}
#footer .social {
	padding: 15px 0 20px 0;
	margin: 23px 0 0;
	border-top: 1px solid #676767;
}

#footer .social li {
	margin: 0 11px;
}

#footer .social li a {
	color: #fff;
	line-height: 18px;
}

/* #footer .social li a:hover {
	background: #2b2b2b;
	color: #fff;
} */

#footer .logo {
	float: none;
	display: inline-block;
	color: #fff;
	padding: 0;
	margin: 0 0 15px;
}

#footer #company_tip1{
	margin-top: 15px;
}
#footer,
#footer a,
#footer p,
#footer .date {
	color: #777676;
	text-decoration: none;
}
#footer a[ywx-variable="company-email"]:link,
#footer a[ywx-variable="company-email"]:visited{
	color: #fff;
} 


#footer h6 {
	color: #fff;
}

#footer p {
	font-size: 12px;
}

.news-footer {
	margin: 0 0 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-footer a {
	font-size: 12px;
	display: inline-block;
	margin: 0 0 4px;
	text-decoration: none;
	text-transform: uppercase;
}

.news-footer .date {
	font-size: 11px;
}

#footer h6 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 30px;
	letter-spacing: 1px;
}

.copy {
	font-size: 13px;
	font-weight: 300;
	padding: 30px 0 0;
	color: #fff;
}

.footer-menu {
	margin: 0;
}

.footer-menu li {
	display: block;
	margin: 0 0 11px;
}

.footer-menu li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
}

.footer-menu li a:hover {
	color: #fff;
}

.footer-phone {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #fff;
}

.footer-phone ul li{
	/**height: 30px;**/
	line-height: 30px;
}


/* Blog Page
-----------------------------------------------------------------------------*/

.breadcrumbs-wrapper {
	padding: 15px 0;
	background-color: #fafafa;
	width: 100%;
	/* margin-bottom: 40px; */
}

.breadcrumbs {
	max-width: var(--ywx-inner-page-width, 1308px);
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.breadcrumbs li {
	display: inline-block;
	margin-right: 10px;
	color: #333;
}

.breadcrumbs li:after {
	content: '/';
	margin: 0 0 0 12px;
}

.cm-nav li:after {
	content: '>';
	margin: 0 0 0 12px;
}

.breadcrumbs li:last-child:after {
	display: none;
}

.breadcrumbs a {
	font-size: 14px;
	text-decoration: none;
	color: #333;
}

.breadcrumbs a.home {
	font-size: 16px;
}
.breadcrumbs-wrapper-search {
	height: 50px;
	line-height: 50px;
	background-color: #fafafa;
	width: 100%;
	margin-bottom: 68px;
}

.breadcrumbs-wrapper-search .breadcrumbs {
	position: relative;
	max-width: var(--ywx-inner-page-width, 1308px);
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.breadcrumbs-wrapper-search .breadcrumbs>span {
	display: inline-block;
	margin-right: 10px;
	color: #333;
}

.breadcrumbs-wrapper-search .breadcrumbs>span:after {
	margin: 0 0 0 12px;
}

.breadcrumbs-wrapper-search .breadcrumbs .search_bar{
	margin-top: 8px;
	position: absolute;
	top: 0;
	left: 35%;
	color: #333;
}
.breadcrumbs-wrapper-search .breadcrumbs .search_bar>div{
	float: left;
}
.breadcrumbs-wrapper-search .breadcrumbs .search_bar select{
	position: relative;
	top: -7px;
	width: 60px;
	height: 35px;
	border: 1px solid #eee;
	background-color: #eee;	
	border-radius: 4px 0 0 4px;
}
.breadcrumbs-wrapper-search .breadcrumbs input{
	height: 35px;
	border: 1px solid #f1f1f1;
}
.breadcrumbs-wrapper-search .input-group-addon{
	height: 34px;
	cursor: pointer;
	border: 1px solid #eee;	
	border-left: none;
}
.breadcrumbs-wrapper-search .input-group-addon:hover{
	color: #fff;
	background-color: #337AB7;
	border: 1px solid #337AB7;	
}

.breadcrumbs-wrapper-search .breadcrumbs div:last-child:after {
	display: none;
}

.breadcrumbs-wrapper-search .breadcrumbs a {
	font-size: 14px;
	text-decoration: none;
	color: #333;
}

.breadcrumbs-wrapper-search .breadcrumbs a.home {
	font-size: 16px;
}

/* Category menu */


.category-menu li {
	display: block;
}

.category-menu li:first-child a {
	border-top: 0;
}

.category-menu li a {
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 13px 20px;
	font-weight: 600;
	line-height: 17px;
	color: #333;
	border-bottom: 1px solid #ededed;
}

.breadcrumbs a:hover,
.category-menu li a:hover {
	color: #03A9F4 !important;
}

.content .blog-item {
	margin-bottom: 30px;
}

.content .blog-text {
	padding: 27px 0;
}


/* Pager Navigation */

.pager {
	text-align: center;
	vertical-align: middle;
}

.pager li {
	display: inline-block;
	margin: 0 2px;
}

.pager li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	border: 0;
	padding: 0;
	text-decoration: none;
	font-weight: 600;
	background: #f8f8f8;
}

.pager li a:hover,
.pager li a.active {
	background: #03A9F4;
	color: #fff;
}

.bottom-blog {
	border-top: 1px solid #e1e1e1;
	padding: 18px 0 0;
}

.bottom-blog .date {
	float: left;
	margin: 0;
}

.bottom-blog .read-more {
	float: right;
}

.comment {
	float: right;
	font-size: 13px;
	margin: -1px 17px 0 0;
	color: #666;
}

.blog-sidebar {
	margin-bottom: 50px;
}

.blog-post-sidebar {
	overflow: hidden;
	margin-bottom: 35px;
}

.blog-post-sidebar .img {
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 100px;
	float: left;
	margin: 0 20px 0 0;
}

.blog-post-sidebar .img img {
	width: 120px;
	height: 120px;
}

.blog-post-sidebar a {
	text-decoration: none;
}

.blog-post-sidebar a:hover h5 {
	color: #03A9F4;
}

.tags {
	margin-bottom: 50px;
}

.tags a {
	display: inline-block;
	padding: 7px 15px;
	border: 1px solid #f5f5f5;
	margin: 0 4px 8px 0;
	text-decoration: none;
	font-size: 12px;
	color: #888;
}

.tags a:hover,
.tags a.active {
	background: #03A9F4;
	color: #fff;
}

.comments-list {
	overflow: hidden;
}

.comments-list li {
	margin: 0 0 30px;
	display: block;
}

.comments-author {
	position: relative;
	margin: 0 0 35px 149px;
	background: #f8f8f8;
	padding: 24px 24px;
}

.comments-answer {
	margin-left: 180px;
	background: #448AFF;
}

.comments-answer,
.comments-answer p,
.comments-answer a.person-name,
.comments-answer .date {
	color: #fff;
}

.author-avatar {
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 100px;
	position: absolute;
	top: 0;
	left: -150px;
}

.author-avatar img {
	width: 120px;
	height: 120px;
}

.comments-author p {
	margin: 0;
}

a.person-name {
	color: #333;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	display: inline-block;
	margin: 0 0 13px;
}


/* Gallery Page
-----------------------------------------------------------------------------*/

.gallery-item {
	margin-bottom: 50px;
	margin-right: 12px;
	
	/*border: 1px solid #efefef;*/
	width: 280px;
	height: 280px;
/* 	height: 300px; */
	padding-bottom: 30px;
	text-align: center;
}
.video-item{
	margin-bottom: 15px;
	margin-right: 15px;
	width: 570px !important;
	height: 320px !important;
}

.video-item3{
	margin-bottom: 15px;
	margin-right: 15px;
	width: 375px !important;
	height: 300px !important;
}
.video-item4{
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	width: 280px !important;
	height: 280px !important;
}

@media (max-width: 1024px) {
	.gallery-item,
	.video-item{
		margin-bottom: 15px;
		margin-right: 15px;
		width: 100% !important;
		max-height: 320px !important;
	}
}
.pro-item2{
	margin-bottom: 15px;
	margin-right: 15px;
	width: 570px !important;
	height: 320px !important;
}
.pro-item3{
	margin-bottom: 15px;
	margin-right: 15px;
	width: 375px !important;
	height: 300px !important;
}

.gallery-item .pro-a,
.gallery-item .video-big {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	position: relative;
	cursor: pointer;
}

.gallery-item .video-big:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.gallery-item .video-big:after {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border-radius: 50px;
	margin: -18px 0 0 -18px;
	font: normal normal normal 12px/35px FontAwesome;
	content: "\f04b";
	text-align: center;
	padding-left: 4px;
}

.gallery-item .video-big:hover:before,
.gallery-item .video-big:hover:after {
	display: block;
	color: #03A9F4;
}

.gallery-item .pro-a:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	content: '';
}

.gallery-item .pro-a:after {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border-radius: 50px;
	display: none;
	margin: -18px 0 0 -18px;
	font: normal normal normal 12px/35px FontAwesome;
	content: "\f002";
	text-align: center;
}

.gallery-item .pro-a:hover:before,
.gallery-item .pro-a:hover:after {
	display: block;
}

.gallery-item .pro-a:hover img,
.gallery-item .video-big:hover img {
	transform: scale(1.1);
}

.gallery-item img {
	transition: all .2s ease-in-out;
}

.gallery-item .pro_name {
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	/* padding-top: 7px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */
}
.video-name{
	padding-top: 5px;
	max-width: 570px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gallery-item .pro_name a {
	color: #000;
	text-decoration: none;
}

.gallery-item .pro_name a:hover {
	position: static;
	color: #03A9F4;
}

.gallery-full-width {
	margin-bottom: 50px;
}

.gallery-full-width .gallery-item {
	margin-bottom: 29px;
}

.gallery-mini .gallery-item {
	margin-bottom: 0;
	padding: 0;
}

.video-img {
	width: 100%;
	height: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}


/* Slider gallery */

.gallery-top .swiper-slide {
	height: 516px;
	background-size: cover;
	background-position: center;
}

.gallery-thumbs .swiper-slide {
	height: 196px;
	margin: 0 !important;
	background-size: cover;
	background-position: center;
}

.gallery-thumbs .swiper-slide {
	width: 25%;
	opacity: 0.4;
}

.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

.gallery-thumbs {
	background: #f8f8f8 !important;
}

.gallery-masonry .gallery-item img {
	width: 100%;
}


/* 404 Page
-----------------------------------------------------------------------------*/

.page404 {
	text-align: center;
	padding: 150px 0 180px;
}

.page404 h1 {
	font-size: 150px;
	margin: 0;
	font-weight: 700;
	letter-spacing: 8px;
}

.image404 {
	background: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/slide1.jpg) no-repeat center center;
}

.image404,
.image404 p,
.image404 a,
.image404 h1 {
	color: #fff;
}


/* Contact
-----------------------------------------------------------------------------*/

.contact-block {
	margin: 0 4% 45px 0;
	position: relative;
	padding: 0 0 0 27px;
	color: #03A9F4;
	width: 46%;
	float: left;
	border-bottom: 1px solid #eee;
	height: 103px;
}

.contact-block:before{
	position: absolute;
	width: 26px;
	height: 100%;
	font: normal normal normal 20px/20px FontAwesome;
	top: 3px;
	left: 0;
}

.contact-block.pic1:before {
	content: "\f041";
}

.contact-block.pic2:before {
	content: "\f095";
}

.contact-block.pic3:before {
	content: "\f0e0";
}

.contact-block.pic4:before {
	content: "\f26b";
}

.contact-area {
	background: #f8f8f8;
	padding: 40px 28px;
}

.contact-area input,
.contact-area textarea {
	width: 100%;
}

.contact-area h4 {
	margin: 0 0 16px;
	text-align: center;
	text-transform: uppercase;
}

.title {
	clear: both;
	text-align: center;
	margin: 20px 0 0 0;
}

/* .title h2 {
	text-transform: uppercase;
	font-size: 30px;
	padding:40px 0px 30px 0;
	line-height: 30px;
	letter-spacing: 1px;
} */

.map {
	background: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/map.jpg) no-repeat center center;
	min-height: 400px;
	border: 10px solid #fff;
	box-shadow: 0px 0px 5px #ddd;
	margin-top: 50px;
}

.full-width-map {
	border: 0;
	box-shadow: none;
}


/* About Us
-----------------------------------------------------------------------------*/

div[ywx-variable="team-list"] article{
	margin-top: 30px;
}
.team-wrap {
	margin: 0;
	text-align: center;
}
.team-wrap h2{
	margin:60px 0 30px 0;
}
.team-wrap .team-text {
	border: 1px solid #ddd;
}

#testimonials {
	padding: 80px 0;
	background: #f8f8f8;
	text-align: center;
}

#testimonials-carousel.swiper-container {
	background: transparent;
	padding: 0 0 40px;
}

#testimonials-carousel .img {
	margin: 0 auto 24px;
	overflow: hidden;
	width: 130px;
	height: 130px;
}

#testimonials-carousel .img img {
	width: 130px;
	height: 130px;
	border-radius: 100px;
	max-width: inherit;
}

.testimonials-block {
	padding: 0 29%;
}

.testimonials-block p {
	line-height: 28px;
	font-size: 17px;
}

.testimonials-pagination {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.testimonials-pagination span {
	width: 8px;
	height: 8px;
	border-radius: 50px;
	background: #03A9F4;
	display: inline-block;
	margin: 0 5px;
}

.testimonials-pagination .swiper-pagination-bullet-active {
	background: #333;
}

.Box {
	position: relative;
	width: 95%;
	margin: 0 auto;
}

.Box .Box_con {
	position: relative;
}

.Box .Box_con .btnl {
	position: absolute;
}

.Box .Box_con .btn {
	background-color: #e1e1e1;
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 150px;
	cursor: pointer;
}

.Box .Box_con .btnl {
	left: -65px;
}

.Box .Box_con .btnr {
	right: -60px;
}

.Box .Box_con .conbox {
	position: relative;
	overflow: hidden;
}

.Box .Box_con .conbox ul {
	position: relative;
	list-style: none;
}

.Box .Box_con .conbox ul li {
	float: left;
	height: 300px;
	width: 255px;
	margin: 20px 10px;
	cursor: pointer;
	text-align: center;
}

.Box .Box_con .conbox ul li:first-child {
	margin-left: 0;
}

.Box .Box_con .conbox ul li img {
	transition: all 0.5s;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.Box .Box_con .conbox ul li:hover img,
.about-activities img:hover,
#centre_blog .img img:hover {
	transform: scale(1.1);
}

.about-fc {
	padding: 10px 20px;
	width: 370px;
	height: 280px;
	transition: all 0.6s;
}

#centre_blog .img img {
	transition: all 0.6s;
}


/* Faq
-----------------------------------------------------------------------------*/

.faq-block {
	margin-bottom: 8px;
	border: 1px solid #ddd;
	padding: 17px 35px 17px 17px;
	overflow: hidden;
}

.faq-block a {
	display: block;
	font-weight: 700;
	text-decoration: none;
	color: #333;
	position: relative;
}

.faq-block a:after {
	width: 5px;
	height: 5px;
	position: absolute;
	top: 3px;
	right: -7px;
	display: inline-block;
	font: normal normal normal 12px/12px FontAwesome;
	color: #333;
	content: '\f078';
}

.faq-block a.active:after {
	content: '\f077';
}

.faq-block p {
	background: #f8f8f8;
	padding: 20px;
	display: none;
	margin: 10px 0 0 0;
}

.faq-block i {
	font-size: 17px;
	color: #666;
	width: 30px;
	position: relative;
	float: left;
}

.faq-v2 .faq-block {
	margin-bottom: 35px;
	border: 0;
	padding: 0;
}

.faq-v2 .faq-blockk a {
	color: #666;
}

.faq-v2 .faq-block a:after {
	position: static;
	top: 0;
	right: 0;
	color: #666;
	margin: 0 0 0 8px;
}

.faq-v2 .faq-block p {
	background: transparent;
	margin: 26px 0 0 0;
	border: 1px solid #ddd;
}


/* Masonry
-----------------------------------------------------------------------------*/

#grid-masonry .blog-text {
	padding: 24px 0 0;
	margin-bottom: 70px;
}


/* Scripts
-----------------------------------------------------------------------------*/


/* Swiper Slider */

.index-page #slide {
	padding-top: 110px;
}

.caption {
	background: #03A9F4;
	padding: 34px;
}

.caption h1 {
	color: #fff;
	margin: 0;
	font-weight: 300;
}

.caption h1 span {
	font-weight: 700;
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	/*background: #2b2b2b;*/
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}

.swiper-container {
	width: 100%;
}

.swiper-slide {
	/* max-height: 600px;
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center; */
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	position: relative;
}

.swiper-slide img {
	width: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}

.swiper-top-prev,
.swiper-top-next {
	position: absolute;
	top: 55%;
	width: 38px;
	height: 38px;
	display: none;
	background: #fff;
	z-index: 100;
	text-align: center;
	line-height: 40px;
	color: #333;
	font-size: 11px;
}
.swiper-top-prev {
	left: 0;
}

.swiper-top-next {
	right: 0;
}

.swiper-top-prev:hover,
.swiper-top-next:hover {
	background: #ccc;
	color: #fff;
}


/* Lightbox */

body:after {
	content: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/close.png) url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/loading.gif) url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/prev.png) url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/next.png);
	display: none;
}

body.lb-disable-scrolling {
	overflow: hidden;
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	max-height: none;
	border-radius: 3px;
	border: 4px solid white;
}

.lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 4px;
	background-color: white;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/loading.gif) no-repeat;
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container>.nav {
	left: 0;
}

.lb-nav a {
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/prev.png) left 48% no-repeat;
	filter: progid:img.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/next.png) right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-data {
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

.lb-data .lb-caption a {
	color: #4ae;
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.scroll-animation {
	opacity: 0;
}

.scroll-animation.animated {
	opacity: 1;
}

.banner1-img {
	width: 100%;
	height: 280px;
}

.banner1-img img {
	width: 100%;
	height: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}

/* Responsive Style
-----------------------------------------------------------------------------*/
@media (max-width: 1200px) {
	.swiper-slide {
		height: 500px;
	}
}

@media (max-width: 1080px) {
	.swiper-slide {
		height: 470px;
	}
	.banner1-img {
		height: 265px;
	}
}

@media (min-width: 768px) {
	.menu li:hover .dropdown-menu {
		display: block;
	}
}

@media (max-width: 991px) {
	.swiper-slide {
		height: 430px;
	}
	.swiper-top-prev,
	.swiper-top-next{
		top: 56%;
	}
	.banner1-img {
		height: 195px;
	}
	.blog-item {
		margin-bottom: 40px;
	}
	.portfolio-wrapper .col-md-3 {
		width: 100%;
	}
	.copy {
		padding: 0;
	}
	#footer .col-md-4 {
		margin: 0 0 50px;
	}
	#footer {
		text-align: center;
	}
	.gallery-item img {
		width: 100%;
	}
	.caption {
		padding: 0 19px !important;
		margin: 30px 50px 0 !important;
	}
	.caption p {
		font-size: 13px !important;
	}
}

@media (max-width: 850px) {
	.swiper-slide {
		height: 400px;
	}
	.swiper-top-prev,
	.swiper-top-next{
		top: 64%;
	}
	.banner1-img {
		height: 175px;
	}
	.img-left {
		display: none;
	}
	.information-right {
		width: auto;
		float: none;
		padding: 60px 33px;
		text-align: left;
	}
	.index-image-right .information-right {
		float: none;
		text-align: left;
		padding: 60px 33px;
	}
	.index-image.index-image-right .information-right h3 {
		text-align: left;
	}
}
@media (max-width: 800px) {
	.swiper-slide {
		height: 350px;
	}
	.swiper-top-prev,
	.swiper-top-next{
		top: 59%;
	}
}
@media (max-width: 767px) {
	.swiper-slide {
		height: 240px;
	}
	.swiper-top-prev,
	.swiper-top-next{
		top: 59%;
	}
	.banner1-img {
		height: 150px;
	}
	.menu li {
		display: block;
		text-align: center;
	}
	.menu li a {
		height: 45px;
		line-height: 45px !important;
		/*padding: 15px 0;*/
	}
	.menu li a:hover {
		color: #2b2b2b;
		background: #fff;
	}
	.navbar-collapse {
		padding: 30px 0;
		background: #f8f8f8;
	}
	.menu {
		margin: 0 !important;
		float: none;
	}
	#navbar {
		position: absolute;
		width: 100%;
		top: 80px;
		box-shadow: none;
		left: 0;
		overflow: hidden;
		padding: 0;
	}
	#navbar ul li{
		list-style:none;
	}
	.header-white .menu li a {
		color: #333;
	}
	.header-white .menu li a:hover {
		color: #2b2b2b;
		background: #fff;
	}
}

@media (max-width: 650px) {
	.swiper-slide {
		height: 195px;
	}
	.swiper-top-prev,
	.swiper-top-next{
		top: 60%;
	}
	.banner1-img {
		height: 125px;
	}
	h1 {
		font-size: 29px !important;
	}
	#services .col-md-4 {
		text-align: center;
	}
	.icon-services {
		margin: 0 0 22px;
		float: none;
		width: auto;
	}
	.breadcrumbs-wrapper {
		text-align: center;
	}
	.breadcrumbs li {
		display: block;
		margin-right: 0;
		margin-bottom: 8px;
		padding: 6px 0;
	}
	.breadcrumbs li:after {
		display: none;
	}
}

@media (max-width: 550px) {
	.swiper-slide {
		height: 185px;
	}
	.swiper-top-prev,
	.swiper-top-next{
		top: 62%;
	}
	.banner1-img {
		height: 95px;
	}
	#contact {
		background: #fff;
		padding: 0 0 93px;
	}
	.contact-form {
		padding: 0;
	}
	.bottom-blog .date {
		float: none;
		margin: 0 0 13px;
	}
	.bottom-blog .read-more {
		float: none;
	}
	.comment {
		float: none;
		display: block;
		margin: 9px 0 0;
	}
	.comments-author {
		margin: 0 0 35px 75px;
		padding: 14px 19px;
	}
	.author-avatar {
		width: 50px;
		height: 50px;
		left: -74px;
	}
	.author-avatar img {
		width: 50px;
		height: 50px;
	}
	.comments-answer {
		margin-left: 95px;
	}
	.testimonials-block {
		padding: 0 2%;
	}
}

@media (max-width: 500px) {
	.swiper-slide {
		height: 170px;
	}
	.swiper-top-prev,
	.swiper-top-next{
		top: 63%;
	}
	.portfolio-menu {
		padding: 0 15px;
	}
	.portfolio-menu button,
	.portfolio-menu button:hover,
	.portfolio-menu button:focus {
		width: 100%;
		margin: 0 0 20px;
	}
	.blog-post-sidebar .img {
		float: none;
		margin: 0 0 23px 0;
	}
	.contact-block {
		float: none;
		width: auto;
		height: auto;
		margin: 0 0 45px 0;
	}
}

@media (max-width: 450px) {}

@media (max-width: 400px) {
	.contact-form input[type="submit"] {
		width: 100%;
		margin: 0;
	}
}

.home-more,
.home-more:hover {
	text-decoration: none;
	color: #8b8b8b;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}


/*---------产品分类-------------*/

.page-title {
	width: 100%;
	clear: both;
	margin-bottom: 65px;
	padding: 30px 0 0;
	position: relative;
	z-index: 1;
}

.page-title .container .row {
	border-bottom: 1px solid #efefef;
}

ul#filters {
	float: right;
	margin-top: 6px;
}
ul#filters li{
	list-style: none;
}
ul#filters .filters-li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

ul#filters .filters-li a {
	color: #686868;
	background: #f7f7f7;
	padding: 8px 15px 9px 15px;
	margin-left: 1px;
	font-weight: 600;
	display: block;
	text-decoration: none;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

ul#filters .filters-li a:hover,
ul#filters .filters-li a.selected {
	color: #fff;
	background: #adadad;
}
#options ul[ywx-variable="classify-list1"]>li{
	position: relative;
}
#options ul[ywx-variable="classify-list1"] .product_nav_2{
	width: 150px;
	display: none;
	border-radius: 0 0 5px 5px;
	background-color: #fff;
	position: absolute;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#options ul[ywx-variable="classify-list1"] .product_nav_2 a{
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#options ul[ywx-variable="classify-list2"]{
	width: 150px;
	padding: 0;
	top: 30px;
	text-align: left;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#options ul[ywx-variable="classify-list2"] li{
	padding: 0;
	margin: 0;
}
#options ul[ywx-variable="classify-list2"]>li>a{
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#options ul[ywx-variable="classify-list2"]>li>ul{
	display: none;
}
#options ul[ywx-variable="classify-list2"]>li>ul>li{
	width: 100%;
	background-color: #ADADAD;
}
#options ul[ywx-variable="classify-list2"]>li{
	position: relative;
}
#options ul[ywx-variable="classify-list2"]>li>ul{
	position: absolute;
	left: 156px;
	top: -1px;
	width: 150px;
	text-align: left;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#options ul[ywx-variable="classify-list2"]>li>ul>li>a{
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropdown-menu li {
	border-bottom: 1px solid #efefef;
}


/*------------博客详情----------**/

.title span a {
	font-size: 1.5em;
	text-decoration: none;
	color: #0071bc;
}

.title .bg-title {
	text-transform: uppercase;
	padding: 0px 0 15px;
	letter-spacing: 2px;
	line-height: 1.3em;
	margin: 10px 0;
}

.title .bg-title .av-vertical-delimiter {
	display: block;
	margin: 0 auto;
	width: 40px;
	border-top-width: 3px;
	border-top-style: solid;
	padding-bottom: 16px;
	border-color: #e1e1e1;
}

.bg-img img {
	width: 100%;
}

.entry-content p {
	margin: 0.85em 0;
	color: #666;
	font-size: 17.25px;
}

.container .col-md-10 .post-meta-infos {
	border-color: #e1e1e1;
	font-size: 1.2em;
	position: relative;
	text-align: center;
	padding: 16px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 40px;
	width: 100%;
	clear: both;
	font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #8d8d8d;
	text-transform: uppercase;
}

.container .col-md-10 .post-meta-infos .text-sep {
	border-left-width: 1px;
	border-left-style: solid;
	padding: 0;
	display: inline-block;
	margin: 0 10px;
	text-indent: -126px;
	overflow: hidden;
	vertical-align: bottom;
	color: #8d8d8d;
}

.container .col-md-10 .post-meta-infos span a {
	text-decoration: none;
	color: #8d8d8d;
}

.bg-share {
	text-align: center;
	margin-top: 45px;
	clear: both;
}

.share-platform {
	width: 100%;
	clear: both;
	font-size: 13px;
	margin-top: 15px;
	padding: 0;
}

.share-platform ul {
	border-color: #e1e1e1;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	display: table;
	width: 100%;
	line-height: 1.2rem;
	table-layout: fixed;
	border-radius: 3px;
	background: transparent;
}

.share-platform ul li:first-child {
	border: none;
}

.share-platform ul li {
	text-align: center;
	margin: 0;
	padding: 0;
	display: table-cell;
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #e1e1e1;
	color: #7e7e7e;
}

.share-platform ul li a {
	display: block;
	padding: 20px 0;
	text-decoration: none;
	color: inherit;
	font-size: 14px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.share-platform ul li:hover {
	color: #fff;
}

.share-platform .social-facebook:hover {
	background-color: #37589b;
}

.share-platform .social-twitter:hover {
	background-color: #46d4fe;
}

.share-platform .social-google:hover {
	background-color: #de5a49;
}

.share-platform .social-pinterest:hover {
	background-color: #cb2027;
}

.share-platform .social-linkedin:hover {
	background-color: #419cca;
}

.share-platform .social-tumblr:hover {
	background-color: #345574;
}

.share-platform .social-vk:hover {
	background-color: #597BA5;
}

.share-platform .social-reddit:hover {
	background-color: #FF4500;
}

.share-platform .social-mail:hover {
	background-color: #9fae37;
}

.share-platform .social-instagram:hover {
	background-color: #9fae37;
}

.share-platform .social-youtube:hover {
	background-color: #ea0b37;
}

figure {
	left: inherit !important;
}

.figure-div {
	padding: 10px !important;
	width: 280px;
	height: 315px;
}

.figure-img {
	width: 280px;
	height: 280px;
}

.blog-text h5,
.blog-text p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.portfolio-wrapper img {
	/* height: 100%; */
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}

.blog-item .img img,
.team-item .img img,
.conbox img,
.about-activities img {
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}

#company_desc img,
.col-md-8 p .ct-intro img {
	max-width: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}

.blog-list .blog-item .img {
	max-width: 750px;
	height: 360px;
}

#sale_team .team-text p {
	min-height: 45px;
}


/* -----------video_detail----------*/
.video_detail{
	margin-top: 60px;
}
.related_product{
	width: 100%;
	font-family:arial;
}
.related_product > h3{
	font-size: 18px;
	font-weight: bold;
	padding: 15px 0;
	color: #333;
}

.related_product_list{
	width: 100%;
	max-height: 600px;
	border-top: 2px solid #f1f1f1;
	border-bottom: 2px solid #f1f1f1;
	overflow:auto;
}
.related_product_list > .related_item > a{
	display: block;
	clear: both;
	height: 100px;
	width: 100%;
}
.related_product_list > .related_item > a:hover h4{
	color: red;
}
.related_product_list > .related_item > a > div{
	float: left;
	width: 50%;	
	margin: 8px 0;
	height: 100px;
}
.related_product_list > .related_item > a > div:nth-child(1){
	padding-right: 5px;
}
.related_product_list > .related_item > a > div img{
	width: 100%; 
	height: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}
.related_product_list h4{
	font-size: 16px;
	color: #333;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.related_product_list a:link,
.related_product_list a:visited{
	text-decoration: none;
	color: #333;
}
.related_product_list a:hover{
	text-decoration: none;
}
.related_product_list p {
	color: #999;
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.now_video > h2{
	font-size: 24px;
	color: #333;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.related_video > h2{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	padding: 5px 0;
	color: #333;
	border-bottom: 2px solid #f1f1f1;
}
.now_video > div{
	color: #999;
	font-size: 14px;
	line-height: 22px;

}
.related_video_box {
	position: relative;
	width: 100%;
}

.related_video_box .Box_con {
	position: relative;
}

.related_video_box .Box_con .btnl {
	position: absolute;
}

.related_video_box .Box_con .btn {
	background-color: #fff;
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 80px;
	cursor: pointer;
}
.related_video_box .Box_con .btn i{
	color: #999;
}
.related_video_box .Box_con .btnl {
	left: -25px;
}

.related_video_box .Box_con .btnr {
	right: -25px;
}

.related_video_box .Box_con .conbox {
	position: relative;
	overflow: hidden;
}

.related_video_box .Box_con .conbox ul {
	position: relative;
	list-style: none;
}

.related_video_box .Box_con .conbox ul li {
	float: left;
	width: 196px;
	margin: 20px 5px;
	cursor: pointer;
	text-align: center;
}
.related_video_box .Box_con .conbox ul li>a{
	display: block;
	position: relative;
	width: 100%;
	height: 125px;
}

.related_video_box .Box_con .conbox ul li>a:after {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border-radius: 50px;
	margin: -18px 0 0 -18px;
	font: normal normal normal 14px/24px FontAwesome;
	content: "\f04b";
	text-align: center;
	padding-left: 3px;
	color: #333;
}
.related_video_box .Box_con .conbox ul li>a:hover:before,
.related_video_box .Box_con .conbox ul li>a:hover:after {
	color: #03A9F4;
}

.related_video_box .Box_con .conbox ul li img{
	width: 100%; 
	height: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}
.related_video_box .Box_con .conbox ul li h3 a{
	font-size: 14px;
	font-weight:normal;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.related_video_box .Box_con .conbox ul li h3 a:link,
.related_video_box .Box_con .conbox ul li h3 a:visited{
	text-decoration: none;
	color: #333;
}
.related_video_box .Box_con .conbox ul li h3 a:hover{
	color: red;
}
.related_video_box .Box_con .conbox ul li:first-child {
	margin-left: 0;
}

.related_video_box .Box_con .conbox ul li img {
	transition: all 0.5s;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.related_video_box #BoxUl{
	width: 96%;
	margin:0 auto;
}



/* -------------sitemap--------------*/

#sitemap_content ul,
#sitemap_wrapper ul {
	list-style: outside;
}

#sitemap_content a {
	outline: none;
	font-size: 13px;
	text-decoration: none;
	color: #003D7B;
	cursor: pointer;
}

#sitemap_content a:hover {
	font-size: 13px;
	color: #08620B;
	text-decoration: underline;
}

#sitemap_content ul li,
#sitemap_content .sm-ul li {
	line-height: 30px;
}

.sm-ul {
	padding-left: 20px;
}

.blog-classify-list a.active {
	color: #03A9F4;
}

.modal-body {
	max-height: 100%;
	overflow-y: auto;
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-default {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 4px;
}

.avia-section {
	padding-top: 25px;
}

.avia-left {
	text-align: left;
}

.avia-section .col-md-6 {
	padding: 0 15px;
}

.avia-title {
	padding-bottom: 10px;
}

.avia-h3 {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	overflow: hidden;
}
div[ywx-variable="imagetext-list"]>div:not(:last-child){
	border-bottom: 1px dashed #ddd;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
div[ywx-variable="imagetext-desc"]{
	max-width: 100%;
	max-height: 300px;
}
div[ywx-variable="imagetext-img"] img{
	max-width: 100%; 
	max-height: 300px;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}
div[ywx-variable="imagetext-img"] video{
	width: 100%;
	height: 100%;
}
div[ywx-variable="imagetext-desc"]{
	max-height: 263px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* -webkit-line-clamp: 10; */
	overflow: hidden;
}

div[ywx-variable="profile"]{
	text-align: left;
}

.av_minimal_header {
	position: fixed;
	z-index: 501;
	width: 100%;
	background: #fff;
}

#header_meta {
	display: -webkit-flex; /* Safari */
	display: flex;
	z-index: 10;
	min-height: 30px;
	background-color: #f8f8f8;
	border: none;
}

#header_meta .container {
	min-height: 30px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#header_meta .col-md-5,
#header_meta .col-md-7{
	padding: 0;
	margin: 0;
}
.header-ul{
	text-align: right;
	float: right;
	width: 265px;
	height: 30px;
	line-height: 30px;
	z-index: 150;
	display: flex;
	justify-content: flex-end;
}

.header-ul li {
	height: 100%;
	float: right;
	padding: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 22px;
}
.header-ul select{
	background-color: #F8F8F8;
	border-radius: 8px;
}
.btn{
	background: none;
}
.header-search{
	text-align: right;
	width: 150px;
	font-size: 14px;
	color: #AAAAAA;
	float: right;
}
.header-search button{
	color: #333;
	background-color: none;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
}
.header-search .btn:hover {
	/* background: #F8F8F8 !important; */
	background: none;
}
.search_a{
	padding-left: 10px;
	color: #333;
}
.search_a span{
	font-size: 12px;
}
.search_a span:hover{
	color: #0071BC;	
}
.header-search a{
	text-decoration: none;
}
.header-search .dropdown{
	position: relative;
}
.header-search .dropdown .languageList{
	text-align: left;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 4px;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
	background-color: #fff;
	z-index: 99999;
	color: #333;
	min-width: 148px;
	max-width: 240px;
	padding: 4px 0;
	border-radius: 4px;
}
.header-search .languageList li{
	max-width: 240px;
	padding: 6px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 1.3;
}
.header-search .languageList li:hover{
	background-color: #0071BC;
	color: #fff;
}
.header-search .languageList li.ywx-lang-current{
	background-color: rgba(0, 113, 188, 0.08);
}
.header-search .languageList li img,
.header-search .ywx-lang-flag{
	width: 18px;
	height: 12px;
	margin: 0;
	padding: 0;
	flex: 0 0 18px;
	display: inline-block;
	vertical-align: middle;
	object-fit: cover;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);
	background: none;
}
.header-search .languageList li a{
	max-width: 180px;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	color: #333;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.3;
}
.header-search .languageList li a:hover,
.header-search .languageList li:hover a{
	color: #fff;
}
.header-search .ywx-lang-trigger{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0 4px;
	line-height: 30px;
	border: 0;
	background: transparent;
	box-shadow: none;
}
.header-search .ywx-lang-trigger .ywx-lang-trigger-label{
	max-width: 88px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}
.header-search .ywx-lang-trigger .caret{
	margin-left: 2px;
}
.header-ul li a {
	float: left;
	width: 30px;
	line-height: 30px;
	display: block;
	margin: 0px;
	outline: none;
	padding: 0;
	min-height: 30px;
	height: 100%;
	overflow: visible;
	z-index: 2;
	position: relative;
	text-align: center;
	color: #aaa;
}

.header-ul li a:hover {
	color: none;
}


.user_info{
	text-align: right;
	height: 30px;
	line-height: 30px;
	width: 200px;
	float: right;
}
.user_info .logged,
.user_info .not_logged{
	display: inline-block;
}
.user_info .logged .shoping_cart{
	display: inline-block;
	position: relative;
}
.user_info .logged .shoping_cart .my_shopping_cart{
	display: none;
	text-align: left;
	position: absolute;
	background-color: #fff;
	border: 1px solid #E8E8E8;
	border-top: none;
	right: -10px;
	top: 30px;
	width: 410px;
	min-height: 50px;
	z-index: 9999;
}
.user_info .logged .shoping_cart ul{
	padding: 0 10px;
}
.user_info .logged .shoping_cart ul li{
	list-style: none;
	clear: both;
}
.user_info .logged .shoping_cart ul li a{
	text-decoration: none;
	color: #666;
}
.user_info .logged .shoping_cart ul li a:hover{
	color: #FF0000;
}
.user_info .logged .shoping_cart #cart_list{
	clear: both;
	padding-top: 15px;
}
.user_info .logged .shoping_cart #cart_list li>div{
	float: left;
}
.user_info .logged .shoping_cart #cart_list li>div:nth-child(3){
	width: 70px;
}
.user_info .logged .shoping_cart #cart_list .cart_img{
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 40px;
}
.user_info .logged .shoping_cart #cart_list .cart_detail{
	width: 250px;
	margin-right: 10px;
}
.user_info .logged .shoping_cart #cart_list .cart_attr{
	margin-top: -20px;
	color: #999;
}
.user_info .logged .shoping_cart #cart_list .cart_attr span{
	padding-right: 5px;
}
.user_info .logged .shoping_cart #cart_list img{
	width: 100%; 
	height: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}
.user_info .logged .shoping_cart #cart_list .cart_price{
	margin-top: -5px;
	display: block;
	color: red;
}
.user_info .logged .shoping_cart #cart_list .remove{
	display: block;
	cursor: pointer;
	color: #999;
	font-size: 14px;
	margin-top: -10px;

}
.user_info .logged .shoping_cart #cart_list .cart_product_name{
	margin-top: -5px;
	display: inline-block;
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.user_info .logged .glyphicon-log-out{
	cursor: pointer;
	padding-left: 5px;
}
.user_info .logged>a{
	text-decoration: none;
	color: #333;
}
.go_shopping_cart{
	clear: both;
	margin-top: 10px;
	border-top: 1px solid #eee;
	text-align: right;
}
.go_shopping_cart a{
	text-decoration: none;
	color: #fff;
}
.go_shopping_cart button{
	margin: 10px 0;
    height: 26px;
    line-height: 26px;
    border: 0;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    background-color: red;
    color: #fff;
}
.user_info .sign_in,
.user_info .join_free{
	cursor: pointer;
}
.user_info  .glyphicon-user{
	color: #666;
}
.user_info .glyphicon-shopping-cart{
	cursor: pointer;
	color: #666;
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
}
.header-phone {
	display: inline-block;
	color: #aaa;
	font-weight: bold;
	line-height: 20px;
	font-size: 11px;
	padding: 5px 0;
}
.header-phone >span >span:nth-child(2){
	padding-left: 3px;
}
.header-phone >span >span:nth-child(3){
	padding-left: 10px;
}
/* .header-phone a[ywx-variable="company-email"]{
	padding-left: 10px;
}
.header-phone span[ywx-variable="company-phone"]{
	padding-left: 3px;
} */
.header-phone a:link,
.header-phone a:visited{
	color: #aaa;
	text-decoration: none;
}
.av_minimal_header #header_main .container,
.av_minimal_header .main_menu ul:first-child>li a img {
	height: 80px;
	line-height: 80px;
}

#header_main .logo{
	text-align: left;
	overflow: hidden;
	position: relative;
	display: block;
	height: auto;
	max-height: 70px;
	line-height: normal;
	max-width: 450px;
	margin-top: 5px;
}
#header_main .logo a img {
	max-width: 450px;
	max-height: 70px;
	width: auto;
	height: auto;
	display: block;
	flex-grow: 0;
	object-fit: contain;
}
.min_logo{
	text-align: left;
	overflow: hidden;
	position: relative;
	display: block;
	height: auto !important;
	max-height: 50px !important;
	line-height: normal !important;
	max-width: 450px !important;
	margin-top: 5px !important;
}
.min_logo a img {
	max-width: 450px !important;
	max-height: 50px !important;
	width: auto !important;
	height: auto !important;
	display: block;
	flex-grow: 0;
	object-fit: contain;
}
.nav>li>a:hover,
.nav>li>a:focus,
.dropdown:hover,
.nav-active {
	background-color: transparent;
	color: #0071bc;
}

#header_main .nav .dropdown-menu li a:hover {
	color: #fff;
	background-color: #0071bc;
}

.menu>li>a {
	line-height: 80px;
}

.nav_fixed {
	position: fixed;
	top: 0;
	/* margin-top: -30px; */
}

.nav_fixed_height #header_main .container,
.nav_fixed_height .menu>li>a,
.nav_fixed_height .av_minimal_header .main_menu ul:first-child>li a img {
	height: 60px;
	line-height: 60px;
}
.nav_fixed_height .dropdown-menu{
	position: absolute;
	top: 60px !important;
}
.banner1 {
	padding-top: 110px;
}

.inner-container{
	position: relative;
    height: 100%;
    width: 100%;
}

.footer-intro{
	color: #bfbfbf !important;
    position:relative;
    line-height:1.8em;
    max-height:270px;
    overflow : hidden;
    isplay: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
	-webkit-box-orient; //必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
	text-overflow: ellipsis; //可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 13;
	-webkit-box-orient: vertical;
	
}
#header_main{
	box-shadow: 0px 0px 1px #ddd;
}
.social-background-image{
	width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(https://edm1422.yiwaixiao.com/modulhtml/img/ali.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.xinbao{
	width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
   	background-image: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/xinbao.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.chengxin{
	width: 45px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
   	background-image: url(https://wangzhan.yiwaixiao.com/website/default/ywx-mould-one/img/chengxin.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.dotted-line{
	border:0.5px dashed #ddd; 
	margin-left: 30px;
}
.blog-item .img img {
	cursor: pointer;
	transition: all 0.6s;
}
.blog-item .img img:hover {
	transform: scale(1.1);
}

/**--------帖子-------------*/

.post-item .post-img,
.pd-image .pd-img,
.post-item .img img {
	width: 100%;
	height: 350px;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
	cursor: pointer;
}


/*******************case*********************************/
.caseW-title>span:first-child{
	text-align: center;
	font-size: 32px;
	color: #000;
	font-weight: bold;
	display: block;
	margin: 0 auto;
	line-height: 1.42857143;
	text-transform: uppercase
}
.caseW-title>span:nth-child(2){
	display: block;
	border-top: 0.25rem solid #DA251E;
	margin: 0 auto;
	margin-bottom: 2rem;
	width: 3.75rem;
}
.case-descW{
	color:#A0A0A0;
	font-size:16px;
	line-height: 1.42857143

}
.productContentListW{
	margin-top:2.25rem;
}
.productContentListW>div{
	transition: all 0.7s;
	overflow: hidden;
}
.productContentListW>div:hover{
	transform: scale(1.1)
}
.content-wrapperw{margin-top:2em;}

  /* PRODUCTION 开始 PRODUCTION 开始 PRODUCTION 开始*/

  #productionTitle span:nth-child(1){
	text-align: center;
	font-size: 32px;
	color: #000;
	font-weight: bold;
	display: block;
	margin: 0 auto;
}
#productionTitle span:nth-child(2){
	display: block;
	border-top: 0.25rem solid #DA251E;
	margin: 0 auto;
	margin-bottom: 2rem;
	width: 3.75rem;
}
.productContentList{
	margin-top: 2.25rem;
}
.productContentList img{
	width: 100%;
	height: 18.75rem;
    width: 100%;
    display: inline-block;
    flex-grow: 1;
    object-fit: cover;
}
.productContentList img{
    transition: all .4s ease-in-out;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.productContentList img:hover{
	transform: scale(1.1);
	box-shadow: 0.125rem 0.125rem 0.3125rem #999;
}
/* PRODUCTION 结束 PRODUCTION 结束 PRODUCTION 结束*/


/* 解决方案开始  解决方案开始  解决方案开始 */
.pageMain{
	margin: 2.5rem 0;
	color: #A0A0A0;
}

#solutionBtnList ul li{
	position: relative;
	float: left;
	width: 25%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	list-style: none;
	background-color: #eee;	
}
.clear{
	clear: both;
}
#solutionBtnList{
	margin-bottom: 2rem;
}
#solutionBtnList .right_line{
	display:inline-block;
	line-height: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 0;
	border-right: 0.0625rem solid #C2C2C2; 
}
/* #solutionBtnList ul li span:nth-child(4n){
	border-right: none;
} */


#solutionBtnList ul li a:link,
#solutionBtnList ul li a:visited{
	color:#333;
}
.solutionPageContent{
	margin-top: 2rem;
	text-align: left;
	border-bottom: 0.0625rem dashed #999;
	padding-bottom: 1.5rem;
}
.solution-desc img{
	width: 100%;
    height: 420px;
	padding-top: 10px;
    display: inline-block;
    flex-grow: 1;
    object-fit: cover;
} 
.solutionContent>p{
	font-size: 0.875rem;
	margin: .5rem 0 0 1.4rem;
	color: #999;
}
.solutionContentTitle{
	border-left: 0.4rem solid #DA251E;
}
.solutionContentTitle h3{
	padding-left: 1rem;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

.solutionOn{
	background-color: #fff;
}
.solutionOff{
	background-color: #eee;
}


/* new */

/* Cooperative Client */
.client_img{
	text-align: center;
}
.client_img img{
	max-width: 100%;
}

/* ywx-gallery — 静态网格（每行 4 张，超出自动换行）/ 滚动图集轮播 */
.ywx-gallery--grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-flow: row;
	gap: 24px;
	padding: 12px 0;
}

.ywx-gallery--scroll {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--ywx-carousel-gap, 20px);
	padding: 0;
	margin: 0;
	transition: transform 0.45s ease;
	will-change: transform;
}

/* 滚动图集轮播：视口内固定 4 张，箭头 + 自动滚动 */
.ywx-gallery-carousel {
	position: relative;
	padding: 8px 52px;
}

.ywx-gallery-carousel__viewport {
	overflow: hidden;
	width: 100%;
	--ywx-carousel-gap: 20px;
}

.ywx-gallery-carousel .ywx-gallery--scroll {
	overflow: visible;
	scroll-snap-type: none;
}

.ywx-gallery-carousel .ywx-gallery-card {
	flex: 0 0 var(--ywx-carousel-item-width, calc(25% - 15px));
	min-width: 0;
	scroll-snap-align: unset;
}

.ywx-gallery-carousel__btn {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	padding: 0;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	background: #fff;
	color: #333;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.ywx-gallery-carousel__btn span {
	display: block;
	margin-top: -2px;
}

.ywx-gallery-carousel__btn:hover:not(:disabled) {
	background: #f7f8fa;
	border-color: #ccc;
}

.ywx-gallery-carousel__btn:disabled {
	opacity: 0.35;
	cursor: default;
}

.ywx-gallery-carousel__prev {
	left: 0;
}

.ywx-gallery-carousel__next {
	right: 0;
}

.ywx-gallery-carousel--no-nav {
	padding-left: 0;
	padding-right: 0;
}

.ywx-gallery-carousel--no-nav .ywx-gallery-carousel__btn {
	display: none;
}

.ywx-gallery-card {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	overflow: hidden;
	transition: box-shadow 0.25s ease;
}

.ywx-gallery-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.ywx-gallery-card__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f0f0f0;
}

.ywx-gallery-card__media a {
	display: block;
	height: 100%;
	line-height: 0;
}

.ywx-gallery-card__img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.ywx-gallery-card:hover .ywx-gallery-card__img {
	transform: scale(1.04);
}

.ywx-gallery-card__body {
	padding: 16px 18px 18px;
}

.ywx-gallery-card__title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	color: #222;
}

.ywx-gallery-card__intro {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.55;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 991px) {
	.ywx-gallery--grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.ywx-gallery-carousel {
		padding-left: 44px;
		padding-right: 44px;
	}
}

@media (max-width: 575px) {
	.ywx-gallery--grid {
		grid-template-columns: 1fr;
	}

	.ywx-gallery-carousel {
		padding-left: 36px;
		padding-right: 36px;
	}

	.ywx-gallery-carousel__btn {
		width: 36px;
		height: 36px;
		margin-top: -18px;
		font-size: 22px;
	}
}
/* 我的故事开始 */
.myStory{
	clear: both;	
	padding-left: 0;
	margin-left: 0;
	/* height: 32rem;	 */
	height: 450px;
	font-family: arial;
}

.myStory2{
	clear: both;
	padding-left: 0;
	margin-left: 0;
	/* height: 32rem;	 */
	height: 450px;
	font-family: arial;
}
.myStory .row .col-md-6,
.myStory2 .row .col-md-6{
	padding: 0;
	margin: 0;
}
.myStory .storyLeft,
.myStory2 .storyLeft{  
	width: 100%;
	/* height: 32rem; */
	height: 450px;
	overflow: hidden;
	text-align: center;
	margin:0 auto;
}
.myStory .storyLeft img,
.myStory2 .storyLeft img{	
	/* height: 32rem; */
	height: 450px;
    width: 100%;
    display: inline-block;
    flex-grow: 1;
    object-fit: cover;
    cursor: pointer;
    transition: all .4s ease-in-out;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.myStory .storyLeft video,
.myStory2 .storyLeft video{
	width: 100%;
	height: 100%;
}
.myStory .storyLeft :hover,
.myStory2 .storyLeft :hover{
	transform: scale(1.1);
}
.myStory .storyRight{
	width: 100%;
}
.myStory2 .storyRight2{
	width: 100%;
	float: right;
}
.myStory .storyRight #story,.myStory2 .storyRight2 #story{
	text-align: center;
	display: block;
	font-size: 30px;
	line-height: 40px;
	display: block;
	margin: 0 auto;	
	margin-top: 40px;
	max-width: 500px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
}
.myStory .storyRight .story_content,.myStory2 .storyRight2 .story_content{
	width: 100%;
	clear: both;	
}
.myStory .storyRight .story_content>div,.myStory2 .storyRight2 .story_content>div{	
	width: 85%;
	line-height: 22px;
	margin: 0 auto;
	text-align: left;
	font-size:16px;
	color: #969696;
	margin-top: 25px;
    text-align:justify;
}
.myStory .storyRight .viewMore,.myStory2 .storyRight2 .viewMore{
	text-align: center;
	display: block;
	margin-top: 32px;
	clear: both;
}
.myStory .storyRight .viewMore a:link,
.myStory .storyRight .viewMore a:visited,
.myStory2 .storyRight2 .viewMore a:link,
.myStory2 .storyRight2 .viewMore a:visited{
	border: 0.0625rem solid #999;
	color: #999;
	padding: 0.625rem 1.25rem;
}
.myStory .storyRight .viewMore a:hover,
.myStory2 .storyRight2 .viewMore a:hover{
	color: #03A9F4;
	border: 0.0625rem solid #03A9F4;
	text-decoration: none;
}

@media screen and (max-width:62rem){
	.myStory .storyRight,.myStory .storyRight2{
		margin: 0 auto;
		width: 95%;
	}
	.myStory .storyRight .viewMore,
	.myStory .storyRight2 .viewMore{
		margin-bottom: 3.125rem;
	}
}


/* 我的故事结束 */

/* 案例 */
@media screen and (max-width:1024px){
	#about_certificate{
		display: none;
	}
}

section[ywx-variable="total-home-staticimg"] .container-fluid{
	padding: 0;
	margin: 0;
}
.home_case .home_case_content{
	width: 90%;
	margin: 0 auto;
}
.home_case .case_list{
	max-height: 380px;
}
.home_case .case_list>div{
	width: 20%;
	float: left;
	margin-bottom: 20px;
}
.home_case h1{
	text-align: center;
	color: #000;
	font-size: 30px;
	line-height: 80px;
	font-family: arial;
}
.home_case  .home_case_img{
	width: 100%;
	height: 140px;
}
.home_case  .home_case_img img{	
	border-radius: 3px;
	width: 100%; 
	height: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;
}
.home_case .home_case_title .home_case_title{
	margin-top: 18px;
	line-height: 30px;
	color: #333;
	font-size: 20px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.home_case .home_case_desc{
	width: 100%;
	max-height: 200px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
}
.home_case .home_case_desc ul{
	margin-left: 15px;
}
.home_case .home_case_desc ul li{
	list-style-type:disc;
	color: #999;
	font-size: 13px;
}
.home_case .home_case_desc a:link,
.home_case .home_case_desc a:visited{
	font-size: 16px;
	color: #666;
}
.home_case .home_case_desc a:hover{
	text-decoration: none;
}

.service-bot .box1_line{
	display: block;
	width: 42px;
	border-bottom: 2px solid #999;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.service-bot .text{margin: 0 auto;text-align: center;}
/* .service-bot h1{color: #000;font-size: 30px;line-height: 80px; font-family: arial;} */
.service-bot p{color: #999;font-size: 14px;font-family: arial;margin-top: 8px;}

.service-bot img{margin-top: 36px;width: 80px;height: 80px;display: inline-block;flex-grow: 1;object-fit: cover;}
.service-bot a,
.service-bot h3{text-decoration: none;/* color: #ECA756; */font-size: 20px;font-family: arial;line-height: 40px; margin-top: 24px;}
.service-bot a:HOVER{
	text-decoration: none;
}
.service-bot .p3{
	text-align: center;
	color: #999;
	font-size: 16px;
	font-family: arial;
	line-height: 28px;
}

.service-bot .service-bot-list .box1{
	margin-bottom: 20px;
	text-align: center;
}
.service-bot .service-bot-list .box1:hover{
	box-shadow: 2px 2px 6px #ccc;
}
.service-bot .service-bot-list .icon{
	font-size: 80px;
	color: #ECA756;
}

/* 友情链接 */
.friend ul li{
	float: left;
	margin-right: 10px;
}
.friend ul li a{
	text-decoration: none;
}

#ab_factory_h2,
#ab_certificate_h2,
.blog_title{
	clear: both;
	font-size: 30px;
	margin: 60px 0 30px 0;
}



/**首页大模块的背景颜色*/
[ywx-variable*="total-home-"]:nth-child(odd){
	background: #f8f8f8;
}
[ywx-variable*="total-home-"]:nth-child(even){
	background: #fff;
}

#ab_title_h1{
	clear: both;
	margin-top: 60px;margin-bottom:30px;
}

#myCarousel img{
    width: 100%;
    display: inline-block;
    flex-grow: 1;
    object-fit: cover;
}

#myCarousel video{
	width: 100%;
}
.carousel-control.left {
    background-image: none !important;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none !important;;
}

.pro_search_keyword {
	font-weight: bold;
}

/***************搜索页面样式********************/
.product_search .product_img{
    height:260px;
}

.clear{
    clear:both
}
#indexload{
	display: none;
	z-index: 666;
	position: absolute;
	left: 0;
	top: 0;	
	opacity: .5;
	width: 100%;
	height: 1000px;
	background-color: #000;
	box-shadow: 10px 10px 5px #000;
}
#indexload span{
	opacity: 1;
	color: red;	
}
#indexload>div{
	z-index: 9999999;
	position: absolute;
	top: 35%;
	left: 45%;
}
#indexload img{
	width: 250px;
}


/* 新增首页产品分类模块 */
.catelogue{
	clear: both;
	width: 100%;
	height: 650px;
	margin: 0 auto;
}

.catelogueList>div{
	float: left;
	position: relative;
}
.catelogueList img{
	padding: 0;
	margin: 0;
	box-shadow: 2px 2px 8px #ddd;
	width: 100%; 
	height: 100%;
	display: inline-block;
	flex-grow: 1;
	object-fit: cover;	    
	cursor: pointer;
	transition: all .4s ease-in-out;
	transition-property: all;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
.catelogueList img:hover{
	transform: scale(1.1);
}


.catelogueList>div{
	overflow: hidden;
}
.catelogueList>div:nth-child(1){
	width: 28.1%;
	height: 600px;
	margin-right: 20px;
}
.catelogueList>div:nth-child(1) .catelogueList_info>div{
	width: 70%;
	margin: 0 auto;
}
.catelogueList>div:nth-child(2) .catelogueList_info>div{
	width: 80%;
	margin: 0 auto;
}
.catelogueList>div:nth-child(3) .catelogueList_info>div,
.catelogueList>div:nth-child(4) .catelogueList_info>div{
	width: 80%;
	text-align: center;
	margin: 0 auto;
}
.catelogueList_info{
	color: #fff;
	opacity: 1;
}
.catelogueList_info h2{
	font-size: 16px;
	font-family: arial;
	font-weight: bold;
}
.catelogueList_info h2 a:link,
.catelogueList_info h2 a:visited{
	color: #fff;
}
.catelogueList_info h2 a:hover{
	color: #fff;
	text-decoration: none;
}
.catelogueList_info p{
	color: #fff;
	margin: 0 auto;
	font-size: 14px;
	font-family:arial;
}
.catelogueList>div:nth-child(1)>div{
	width: 100%;
	height: 167px;
	background-color: #1B3F7D;
	opacity: .8;
	position: absolute;
	left: 0;
	bottom: 0;
}
.catelogueList>div:nth-child(1)>div h2{
	text-align: center;
	margin: 30px 0 10px 0;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.catelogueList>div:nth-child(1)>div p{
	max-width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;	
}
.catelogueList>div:nth-child(2){
	width: 70%;
	height: 290px;
}
.catelogueList>div:nth-child(2)>div{
	width: 250px;
	height: 100%;
	background-color: #1B3F7D;
	opacity: .8;
	position: absolute;
	right: 0;
	bottom: 0;
}
.catelogueList>div:nth-child(2)>div h2{
	margin: 80px 0 10px 0;
	text-align: center;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.catelogueList>div:nth-child(2)>div p{
	max-width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;	
}
.catelogueList>div:nth-child(3){
	width: 34.2%;
	height: 290px;
	margin-top:20px;
}
.catelogueList>div:nth-child(3)>div,
.catelogueList>div:nth-child(4)>div{
	width: 100%;
	height: 100px;
	background-color: #1B3F7D;
	opacity: .8;
	position: absolute;
	right: 0;
	bottom: 0;
}
.catelogueList>div:nth-child(3)>div h2,
.catelogueList>div:nth-child(4)>div h2{
	margin: 0;
	text-align: center;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}
.catelogueList>div:nth-child(3)>div p,
.catelogueList>div:nth-child(4)>div p{
	max-width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;	
}
.catelogueList>div:nth-child(4){
	width: 34.1%;
	margin:20px 0 0 20px;
	height: 290px;
}

/* 新增首页品牌信息模块 */
.total-home-brand{
	clear: both;
	width: 100%;
	background: url(https://allcss.yiwaixiao.net/website/default/ywx-mould-five/img/Home/Home_08.png) no-repeat center top !important;
	background-size: 100% auto !important;
}
.total-home-brand .brand_info_list .brand_info_detail{
	text-align: center;
	height: 300px;	
}
.total-home-brand .brand_info_list .brand_info_detail h2{
	font-size: 24px;
}
.total-home-brand .brand_info_list .brand_info_detail .icon{
	display: block;
	padding: 80px 0 50px 0;
	font-size: 64px;
	color: #199DC3;
}
.total-home-brand .brand_info_list .brand_info_detail div{
	font-size: 24px;
	line-height: 50px;
}


.box-big{
	width: 1060px; 
	margin: 0 auto;
}
			 
.box-big img{
width: 494px;
height: 375px;
display: inline-block;
flex-grow: 1;
object-fit: cover;
float: left;}
.clz-img{
margin-left: 70px;
margin-bottom: 50px;
width: 494px;
height: 475px;
float: left;
}
.clz-img:nth-child(odd){
margin-left: 0px;
}
.box-big .text{height: 60px;
 width: 494px;
 text-align: center;
 background: #999;
 float: left;}
.box-big .text:hover{background: #1B3F7D;}

.box-big p{color: #fff;
font-size: 36px;
line-height: 60px;
font-family: arial;
max-width: 494px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}

/*************solution**********************/

a{text-decoration: none}
.solution-listW{
    position: relative;   
}
#solution{
    padding-bottom:80px;
}
#solution>.container>.row{
    padding-left: 15px;
    padding-right: 15px;
}
.solution-listW img{
    object-fit: cover;
    flex-grow:1;
}

.solution-title{
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.3em;
    margin: 0 0 11px;
    font-weight: 600;
    padding-left:1em;
    padding-top:1em;
    overflow: hidden;;
    text-overflow:ellipsis;
    white-space:nowrap; 
}
.solution-listW:hover .solution-title{
    color:#0071bc
}
.solution-listW::before{
   position: absolute;
   left:50%;
   top:33%;
   width: 50px;
   height: 50px;
   background-color: #fff;
   border-radius: 50px;
   margin: 0px 0 0 -18px;
   font: normal normal normal 19px/35px FontAwesome;
   content: "\f002";
   z-index: 2;
   text-align: center;
   color:#0071bc;
   line-height: 50px;
   display: none
}
.solution-listW:hover::before{
    display: block;
}
.solution-img{
    overflow: hidden;
    border-radius: 8px;
    height:260px;
    display: flex;
}
.solution-img img{
    border-radius: 8px;
    transition: all 0.7s ;
    width:100%;
}
.solution-img:hover img{
    transform: scale(1.15)
}


/******************case********************/
#case{
    background: #f8f8f8;
    padding-bottom:80px;
}
.case-box .case-shadow{
   box-shadow: 0.1em 0.1em 0.3em #999;
   display: block;
   border-radius:8px 8px 0 0 ;
   height:382px;
}
.case-img{
    display: block;
    overflow: hidden;
}
.case-img img{
    object-fit: cover;
    flex-grow: 1;
    transition: all 1s;
    width:100%;
    max-height:225px;
}
.case-content{
    padding:1em 0.7em 1.5em;


}
.case-content h3{
    overflow: hidden;;
    text-overflow:ellipsis;
    white-space:nowrap; 
    margin-bottom:15px;
    font-size:18px;
}
.case-text{
    font-size:15px;
    color:#909090;
    line-height: 1.8;
    height:80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.case-text:hover,.case-text:focus{
    text-decoration: none;
    color:#909090;
}
.case-box:hover h3 {
    color:#0071bc
}
.case-box:hover .case-img img{
    transform: scale(1.2)
} 
.case-box:hover .case-text{
    text-decoration:underline
}
/*************solution**********************/

a{text-decoration: none}
.solution-listW{
    position: relative;   
}
#solution{
    padding-bottom:80px;
}
#solution>.container>.row{
    padding-left: 15px;
    padding-right: 15px;
}
.solution-listW img{
    object-fit: cover;
    flex-grow:1;
}

.solution-title{
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.3em;
    margin: 0 0 11px;
    font-weight: 600;
    padding-left:1em;
    padding-top:1em;
    overflow: hidden;;
    text-overflow:ellipsis;
    white-space:nowrap; 
}
.solution-listW:hover .solution-title{
    color:#0071bc
}
.solution-listW::before{
   position: absolute;
   left:50%;
   top:33%;
   width: 50px;
   height: 50px;
   background-color: #fff;
   border-radius: 50px;
   margin: 0px 0 0 -18px;
   font: normal normal normal 19px/35px FontAwesome;
   content: "\f002";
   z-index: 2;
   text-align: center;
   color:#0071bc;
   line-height: 50px;
   display: none
}
.solution-listW:hover::before{
    display: block;
}
.solution-img{
    overflow: hidden;
    border-radius: 8px;
    height:260px;
    display: flex;
}
.solution-img img{
    border-radius: 8px;
    transition: all 0.7s ;
    width:100%;
}
.solution-img:hover img{
    transform: scale(1.15)
}


/******************case********************/
#case{
    background: #f8f8f8;
    padding-bottom:80px;
}
.case-box .case-shadow{
   box-shadow: 0.1em 0.1em 0.3em #999;
   display: block;
   border-radius:8px 8px 0 0 ;
   height:382px;
}
.case-img{
    display: block;
    overflow: hidden;
}
.case-img img{
    object-fit: cover;
    flex-grow: 1;
    transition: all 1s;
    width:100%;
    max-height:225px;
}
.case-content{
    padding:1em 0.7em 1.5em;


}
.case-content h3{
    overflow: hidden;;
    text-overflow:ellipsis;
    white-space:nowrap; 
    margin-bottom:15px;
    font-size:18px;
}
.case-text{
    font-size:15px;
    color:#909090;
    line-height: 1.8;
    height:80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.case-text:hover,.case-text:focus{
    text-decoration: none;
    color:#909090;
}
.case-box:hover h3 {
    color:#0071bc
}
.case-box:hover .case-img img{
    transform: scale(1.2)
} 
.case-box:hover .case-text{
    text-decoration:underline
}