@charset "UTF-8";

/*--公共部分--*/

html {

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none;

	touch-callout: none;

	cursor: pointer;

}

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre {

	margin: 0;

	padding: 0;

	border: 0;

	background-repeat: no-repeat;

}

h1, h2, h3, h4, h5, h6, p {

	margin: 0;

	padding: 0;

	font-weight: normal;

}

body, button, input, select, textarea {

	font-size: 14px;

	line-height: 24px;

	color: #333;

	font-family: TTTGB-regular,pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif;

}

ul, li {

	list-style: none;

}

em, i, b {

	font-style: normal;

}

img {

	border: 0px;

	max-width: 100%;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

*, :after, :before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background-repeat: no-repeat;

}

article, aside, footer, header, nav, section {

	display: block;

}

a {

	background-color: transparent;

	-webkit-text-decoration-skip: objects;

	text-decoration: none;

	color: #333;

	outline: none;

	cursor: pointer;

}

a:hover {

	background-repeat: no-repeat;

	text-decoration: none;

}

a, input[type="button"], button, label, input[type="submit"] {

	cursor: pointer;

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sub {

	bottom: -0.25em;

}

sup {

	top: -0.5em;

}

audio, video {

	display: inline-block;

}

 [type="checkbox"], [type="radio"] {

 -webkit-box-sizing: border-box;

 -moz-box-sizing: border-box;

 box-sizing: border-box; /* 1 */

 padding: 0; /* 2 */

}

input, textarea, select {

	outline: none;

}



 input:-webkit-autofill {

 -webkit-box-shadow: 0 0 0px 1000px white inset !important;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.clearfix {

 *zoom: 1;

}

.clear {

	clear: both;

	line-height: 0;

	height: 0;

	font-size: 0;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.show {

	display: block !important;

}

.hide {

	display: none !important;

}

.commonweb {

	padding: 0px 15px;

}

.commonwebbox {

	margin-left: 0px;

	margin-right: 0px;

}

.commonleft {

	float: none;

}

.commonright {

	float: none;

}

.visible-sm, .visible-md, .visible-lg .visible-lg2 {

	display: none;

}

.hidden-sm, .hidden-md, .hidden-lg {

	display: block;

}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

	float: left;

	padding-left: 10px;

	padding-right: 10px;

}

.col-xs-12 {

	width: 100%;

}

.col-xs-11 {

	width: 91.66666667%;

}

.col-xs-10 {

	width: 83.33333333%;

}

.col-xs-9 {

	width: 75%;

}

.col-xs-8 {

	width: 66.66666667%;

}

.col-xs-7 {

	width: 58.33333333%;

}

.col-xs-6 {

	width: 50%;

}

.col-xs-5 {

	width: 41.66666667%;

}

.col-xs-4 {

	width: 33.33333333%;

}

.col-xs-3 {

	width: 25%;

}

.col-xs-2 {

	width: 16.66666667%;

}

.col-xs-1 {

	width: 8.33333333%;

}

 @media (max-width: 320px) {

 body {

 min-width: 320px;

}

}

 @media (min-width: 768px) {

 .commonweb {

 padding: 0px 20px;

}

 .commonwebbox {

 margin-left: -10px;

 margin-right: -10px;

}

 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

 float: left;

 padding-left: 10px;

 padding-right: 10px;

}

 .col-sm-12 {

 width: 100%;

}

 .col-sm-11 {

 width: 91.66666667%;

}

 .col-sm-10 {

 width: 83.33333333%;

}

 .col-sm-9 {

 width: 75%;

}

 .col-sm-8 {

 width: 66.66666667%;

}

 .col-sm-7 {

 width: 58.33333333%;

}

 .col-sm-6 {

 width: 50%;

}

 .col-sm-5 {

 width: 41.66666667%;

}

 .col-sm-4 {

 width: 33.33333333%;

}

 .col-sm-3 {

 width: 25%;

}

 .col-sm-2 {

 width: 16.66666667%;

}

 .col-sm-1 {

 width: 8.33333333%;

}

 .visible-sm {

 display: block;

}

 .hidden-sm {

 display: none;

}

}

 @media (min-width: 992px) {

 .commonweb {

 padding: 0px 40px;

}

 .commonwebbox {

 margin-left: -10px;

 margin-right: -10px;

}

 .commonleft {

 float: left;

}

 .commonright {

 float: right;

}

 .visible-md {

 display: block;

}

 .hidden-md {

 display: none;

}

 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

 float: left;

 padding-left: 10px;

 padding-right: 10px;

}

 .col-md-12 {

 width: 100%;

}

 .col-md-11 {

 width: 91.66666667%;

}

 .col-md-10 {

 width: 83.33333333%;

}

 .col-md-9 {

 width: 75%;

}

 .col-md-8 {

 width: 66.66666667%;

}

 .col-md-7 {

 width: 58.33333333%;

}

 .col-md-6 {

 width: 50%;

}

 .col-md-5 {

 width: 41.66666667%;

}

 .col-md-4 {

 width: 33.33333333%;

}

 .col-md-3 {

 width: 25%;

}

 .col-md-2 {

 width: 16.66666667%;

}

 .col-md-1 {

 width: 8.33333333%;

}

}

 @media (min-width: 1200px) {

 html {

 cursor: default;

}

 .commonleft {

 float: left;

}

 .commonright {

 float: right;

}

 .visible-lg {

 display: block;

}

 .visible-lg2 {

 display: inline-block;

}

 .hidden-lg {

 display: none;

}

 .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

 float: left;

 padding-left: 10px;

 padding-right: 10px;

}

 .col-lg-12 {

 width: 100%;

}

 .col-lg-11 {

 width: 91.66666667%;

}

 .col-lg-10 {

 width: 83.33333333%;

}

 .col-lg-9 {

 width: 75%;

}

 .col-lg-8 {

 width: 66.66666667%;

}

 .col-lg-7 {

 width: 58.33333333%;

}

 .col-lg-6 {

 width: 50%;

}

 .col-lg-5 {

 width: 41.66666667%;

}

 .col-lg-4 {

 width: 33.33333333%;

}

 .col-lg-3 {

 width: 25%;

}

 .col-lg-2 {

 width: 16.66666667%;

}

 .col-lg-1 {

 width: 8.33333333%;

}

}

 @media (min-width: 1260px) {

 .commonweb {

 margin: 0px auto;

 max-width: 1200px;

 padding: 0;

}

}

/* layout start*/







/*手风琴效果*/

.bussBox { padding: 3.2em 0 5.5em; background-color: #f5f6fc;}

.bussBox .tit {line-height: 1.5; text-align: center; font-weight: bold; 

font-size: 48px; color: #576aae;}

.bussBox .tit-2 { margin-top: 1.2em; line-height: 1.5; text-align: center; font-size: 16px; color: #4a5374;overflow: hidden;}

.idx-cp { font-size: 14px; margin-top:2.4em;}

.idx-cp .list {

	display: flex;

	justify-content: flex-start;

	flex-wrap: initial;

	overflow: hidden;

}

.idx-cp .list li {font-size: 14px;  margin: 4px;

 border: 2px solid #fff; background-color: #fff;

	flex: 1 1 11.6%;height: 20.2em;

	overflow: hidden;

	position: relative; z-index: 0;

	-webkit-transition: 0.8s all;

	transition: 0.8s all;

	-moz-box-shadow: 0 0 0.2em rgba(0, 0, 0, .1);

	-webkit-box-shadow: 0 0 0.2em rgba(0, 0, 0, .1);

	box-shadow: 0 0 0.2em rgba(0, 0, 0, .1);

}

.idx-cp .list li .lib { height: 100%;}

.idx-cp .list .imgbox {

	position: absolute; z-index: 0; margin: 0 0 0 auto;

		height: 100%; top: 0; right: 0;

	width: 100%; 

	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;

	

}

.idx-cp .list li .imgbox img {position: absolute; z-index: 0;

		height: 100%; top: 0; right: 0;}

.idx-cp .list li.on .imgbox::before { position: absolute; z-index: 1;

content: ""; display: block; top: 0; left: 0; width: 100%;

bottom: 0;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+58,0+100 */

background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



}

.idx-cp .list li.on .imgbox::after { position: absolute; z-index: 2;

content: ""; display: block; top: 0; left: 0; right: 0; height: 100%;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2eaf7+0,ffffff+100&1+1,0+100 */

background: linear-gradient(to bottom,  rgba(226,234,247,1) 0%,rgba(226,234,247,1) 1%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



}



.idx-cp .list li.on .imgbox img {filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;}

.idx-cp .list .img { display: block;

	width: auto; 

	height: 100%;  max-width: initial;

	object-fit: cover;

	object-position: right top;

}

.idx-cp .list li.on {

	/* width: 52.5%; */

	flex: 1 1 36.6%;

}



.idx-cp .list li .txt { display: block;

filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;

position:  absolute; z-index: 2;

left: 0.9em; top: 0;  bottom: 0;

padding: 2.7em 0 1em;  width: 28.5em;

color: #fff;

transition: all 0.5s;

-webkit-transition:all 0.5s;

}

.idx-cp .list li .txt .name { color: #fff;font-size: 20px; font-weight: bold;}

.idx-cp .list li .txt .intro { margin-top: 1.4em;

 color: #717994; font-size: 14px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; 

 height: 8em; line-height: 2em; overflow: hidden;

 text-overflow:ellipsis;

 display:-webkit-box; 

 -webkit-box-orient:vertical;

 -webkit-line-clamp:4;}

.idx-cp .list li .txt .more {margin-top: 1.4em;

	padding: 0 1.7em; display: inline-block; color: #fff; font-size: 16px;

  filter:alpha(opacity=0);-moz-opacity:0; opacity:0;

  background-color: #e7b827; line-height: 2; cursor: pointer;}



.idx-cp .list li.on .txt {left:1.3em;}

.idx-cp .list li.on .txt .name { color: #576aae; }

.idx-cp .list li.on .txt .intro {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.idx-cp .list li.on .txt .more { filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}



@media only screen and (max-width:1280px) {

	.idx-cp .list li .txt { width:29vw ;}

}



@media only screen and (max-width:828px) {

	.idx-cp .list { height: 39em; flex-direction: column;}

	.idx-cp .list .imgbox {

		height: 100%;}

	.idx-cp .list .img  { width: 100%;}

	.idx-cp .list li .txtOn { width: 100%;}

	.idx-cp .list li .txt { width: auto; left: 1.3em; right: 1.3em;}

}











.section {padding: 120px 0;}

.in-about{position:relative;}

.in-about:before{ position:absolute; left:0; bottom:0; width:100%; height:150px; background:#FFF; content:''; }

.in-about:after{ position:absolute; right:0; bottom:0; width:calc(50% + 70px); height:200px; background:var(--color); content:''; }

.in-about-left{ float:left; width:45%; position:relative;z-index:5; }

.in-about-right{ float:right; width:50%; margin-left:5%; position:relative;z-index:4; }

.in-about-left .tits{ display:flex; align-items:center;}

.in-about-left .tits .tits-con{ font-size:20px; }

.in-about-left .tits .tits-con span{ display:block; font-weight:bold;font-size: 36px;color: #576aae; padding-top:20px; padding-bottom:30px;}

.in-about-left .desc{ color:#777; line-height:30px; margin:5px 0; color:#4a5374}

.in-about-left .desc .btns{ padding:35px 0 10px; }

.in-about-left .desc .btns a{ display:flex; justify-content:space-between; align-items:center; transition:all 0.3s; width:200px; height:45px; background:var(--color); color:#FFF;  font-size:18px; border-radius:25px; }

.in-about-left .desc .btns span{ flex:1; text-align:center; }

.in-about-left .desc .btns em{ width:45px; height:45px; text-align:center; line-height:45px; background:#222; border-radius:50%; color:#FFF; }

.in-about-left .desc .btns a:hover{ transform:translateX(10px); }

.in-number{ background:#fff;box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1)!important; position:relative;right:0px;margin-top:30px; padding:30px; width:120%;}



.in-number ul{ display:flex; justify-content:center; align-items:center;}

.in-number li{ flex:1; text-align:center;    min-height: 80px;}

.in-number li:last-child{ border-right:0; }

.in-number li .num{ font-size:48px; color:#576aae;}

.in-number li .num span{ position:relative; bottom:2px; width:24px; height:24px; text-align:center; line-height:24px; color:#4a5374;font-size:14px; display:inline-block; }









.in-number li .text{ color:#4a5374; font-size:14px;}

.in-about-right .img-center{ overflow:hidden; transition:all 0.5s; }

.in-about-right .img-center:hover img{ transform:scale(1.1); }

.in-about-right .text{ position:absolute; bottom:0; left:0; width:100%; height:81px; text-align:center; color:#FFF; background:rgba(0,0,0,0.5); }

.in-about-right .text h2{ padding-top:15px; }

.in-about-right .text h2 span{ color:#ff7800; }

.in-about-right .text p{ color:rgba(255,255,255,0.4); font-size:12px; font-family:Arial; }



.img-center img {

    display: inline-block;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

    transition: all 0.5s;

}







@media screen and (max-width: 1024px){



.in-about-left{ float:none; width:100%; position:relative;z-index:5; }

.in-about-right{ float:none; width:100%; margin-left:0%; position:relative;z-index:4; margin-top: 20px;}

.in-number{ background:#fff;box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1)!important; position:relative;right:0px;margin-top:50px; padding:30px; width:100%;}

}













@media screen and (max-width: 768px){

.section {padding: 50px 0;}

.in-about-left {

    float: none;

    width: auto;

}

.in-about-right {

    float: none;

    width: auto;

    margin-top: 20px;

}



.in-number {

  

    margin-top: 30px;

    padding: 30px;

    width: 100%;

}





.in-number ul { display: block;

}



}















.ywBox {}

.ywBox ul {display: flex; justify-content: flex-start; flex-wrap: wrap; 

 align-items: stretch; font-size: 14em;}

.ywBox li { width: 24.1%; margin-right: 1.2%; margin-top: 1.2%;}

 .ywBox li:nth-child(4n) { margin-right: 0;}

 .ywBox .lib { border: 2px solid #fff; height: 100%;

 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eff2f8+0,ffffff+100 */

 background: linear-gradient(to bottom,  rgba(239,242,248,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;

display: flex;justify-content: space-between;

 align-items: center; 

 transition: all 0.5s;

 -webkit-transition:all 0.5s;}

  .ywBox li:hover .lib {

	  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e9ef+0,f6f8fa+16 */

	  background: linear-gradient(to bottom,  rgba(229,233,239,1) 0%,rgba(246,248,250,1) 16%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



  }

.ywBox .txtb { font-size: 14px; padding: 2.2em 1em 2em 2em; width: 100%;  flex: 1; color: #576aae;}

.ywBox .txtb .name { font-size: 20px;height: 1.5em;overflow: hidden; font-weight: bold;}

.ywBox .txtb .name a { color: #576aae;}

.ywBox .txtb .intro { margin-top: 0.2em; font-size: 14px; height: 1.5em;

 overflow: hidden; color: #717994;}

.ywBox .pic{ cursor: pointer;

	margin-right: 1.25em; font-size: 16px;  display: flex; justify-content: center; align-items: center;}

.ywBox .pic img { margin-top: 0.3em; display: block; font-size: 16px; width: 4.25em; height: 4.25em;

object-fit: contain;}







/*footer*/

.footer {

border-top:1px solid #efefef;

	background-color: #ffffff;

	width: 100%;

	font-size: 13px;

	line-height: 20px;

}

.footer a:hover {

	color: #e7b828;

}

#foot-share {

	font-size: 0;

	text-align: center;

	padding: 10px 0 0;

}

#foot-share a {

	float: none;

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	background-repeat: no-repeat;

	background-position: center center;

	-moz-background-size: 100%;

	-o-background-size: 100%;

	background-size: 100%;

	width: 30px;

	height: 30px;

	margin: 0 4px;

	padding: 0;

}

#foot-share .tweixin {

	background-image: url(../images/weixin.png);

}

#foot-share .txinlang {

	background-image: url(../images/weibo.png);

}

.bd_weixin_popup {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.foot-Copyright {

	padding: 10px 0;

	text-align: center;

	font-size: 13px;

	color: #a8a8a8;

}

.foot-Copyright a {

	color: #a8a8a8;

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

}

.footer-top {

	padding-top: 20px;

}

.footer-top .tel {

	display: block;

	font-family: 'Montserrat';

	color: #34364b;

	font-size: 20px;

}

.footer-top .tel img {

	vertical-align: middle;

	display: inline-block;

}

.footer-top .add {

	color: #34364b;

	opacity: .7;

	padding: 0 0 0 45px;

}

.friendlink {

	background-color: #f1f4f9;

	padding: 10px 0;

}

.friendlink a, .friendlink span {

	color: #34364b;

	opacity: .7;

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

}

 @media (min-width: 1024px) {

 .friendlink {

 padding: 17px 0;

}

 .friendlink a {

 padding-right: 10px;

}

 #foot-share {

 text-align: right;

}

 #foot-share a {

 width: 32px;

 height: 32px;

 margin: 0 5px;

}

 .foot-Copyright {

 padding: 0 0 8px 0;

 text-align: right;

}

 .foot-Copyright a {

 padding-left: 12px;

}

 .footer-top {

 padding-top: 38px;

 padding-bottom: 36px;

 line-height: 24px;

}

 .footer-top .tel {

 font-size: 30px;

}

 .footer-top .tel img {

 margin-right: 3px;

}

 .footer-top .add {

 padding: 4px 0 0 53px;

}

 .footer-top .left-cont {

 float: left;

 width: 50%;

 max-width: 280px;

}

 .footer-top .right-cont {

 float: right;

 max-width: 530px;

 position: relative;

 padding: 0 95px 0 0;

}

 #foot-share {

 position: absolute;

 right: 0;

 top: 0;

 padding: 0;

}

}

.zdsbacktop {

	z-index: 100;

	position: fixed;

	right: 20px;

	bottom: 10%;

	width: 40px;

	height: 40px;

	border: 1px solid #ccc;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

	display: none;

	background: #333333 url(../images/wicon89.png) no-repeat center center;

}

 @media (min-width: 1180px) {

 .zdsbacktop {

 width: 50px;

 height: 50px;

}

}

.visible-md {

	display: block;

}

body {

	padding-top: 59px;

}

 @media (min-width: 769px) {

 body {

 padding-top: 0px;

}

}

header {

	background-color:rgba(0,0,0,.3);

	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);

	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);

	position: fixed;

	width: 100%;

	z-index: 39;

	top: 0;

	left: 0;

	right: 0;

	-webkit-animation-fill-mode: both;

	-moz-animation-fill-mode: both;

	-o-animation-fill-mode: both;

	animation-fill-mode: both;

 -webkit-animation-duration: .6s;

 -moz-animation-duration: .6s;

 -o-animation-duration: .6s;

 animation-duration: .6s;

}

header.shadow {

	-webkit-animation-name: fadeHeaderInDown;

	-moz-animation-name: fadeHeaderInDown;

	-o-animation-name: fadeHeaderInDown;

	animation-name: fadeHeaderInDown; background-color:#FFFFFF

}

 @-webkit-keyframes fadeHeaderInDown {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: translate3d(0, 0, 0);

}

}

 @-moz-keyframes fadeHeaderInDown {

 0% {

 opacity: 0;

 -moz-transform: translate3d(0, -100%, 0);

}

 100% {

 opacity: 1;

 -moz-transform: translate3d(0, 0, 0);

}

}

 @-o-keyframes fadeHeaderInDown {

 0% {

 opacity: 0;

 -o-transform: translate3d(0, -100%, 0);

}

 100% {

 opacity: 1;

 -o-transform: translate3d(0, 0, 0);

}

}

 @keyframes fadeHeaderInDown {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 -moz-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0);

}

 100% {

 opacity: 1;

 -webkit-transform: translate3d(0, 0, 0);

 -moz-transform: translate3d(0, 0, 0);

 transform: translate3d(0, 0, 0);

}

}

.headerweb {

	max-width: 1400px;

	margin: 0 auto;

	position: relative;

	padding: 0 0px;

}

.logo {

	top: 0;

	padding: 0px 0;

	float: left;

}

.logo img {

	display: block;

	height:58px;

}

.header-nav {

	position: fixed;

	top: 55px;

	width: 100%;

	left: 0;

	height: 100%;

	background: #ffffff;

	padding: 0; display:block;

	overflow-y: scroll;

	padding-bottom: 190px;

}

.header-nav li {

	position: relative;

	border-bottom: 1px solid #898989; /*padding: 0 10px;*/

}

.header-nav li h3 {

	font-size: 16px;

	position: relative;

}

.header-nav li h3 a {

	display: block;

	padding: 10px 0;

	text-transform: uppercase; color:#000

}



header.shadow li h3 a {

	display: block;

	padding: 21px 0;

	text-transform: uppercase; color:#34364B

}







.header-nav li.cur .phsearchicon:after {

	transform: rotate(135deg);

	-moz-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-o-transform: rotate(135deg);

	-webkit-transform: rotate(135deg);

	top: 13px;

}

.phsearchicon {

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	height: 45px;

	width: 80%;

}

.phsearchicon:after {

	content: "";

	position: absolute;

	top: 17px;

	right: 10px;

	width: 10px;

	height: 10px;

	border-right: 1px solid #bebebe;

	border-top: 1px solid #bebebe;

	border-left: 0;

	border-bottom: 0;

	transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

}

.header-right {

	float: right;

	padding: 16px 0 0 0;

	font-size: 0;

}

.header-right .search-con {

	display: inline-block;

}

.header-right .search-inco {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: url(../images/winco01-1.png) center center no-repeat;

	z-index: 4;

}





header.shadow .header-right .search-inco {



	background: url(../images/winco01-1.png) center center no-repeat;



}









.header-right .searchbox {

	position: absolute;

	right: 0;

	top: 59px;

	width: 100%;

	display: none;

}

.header-right .searchbox .searchtext {

	width: 100%;

	height: 40px;

	padding: 10px 60px 10px 10px;

	border: 1px solid #ddd;

}

.header-right .searchbox .searchbtn {

	position: absolute;

	right: 0;

	top: 0;

	background: #e7b828;

	width: 60px;

	height: 40px;

	color: #fff;

	font-family: "Microsoft YaHei";

	cursor: pointer; border:none;

}

.headsearch {

	display: inline-block;

	margin-left: 5px;

}

.sub-nav {

	display: none;

	width: 100%;

	z-index: 3;

	padding: 10px 0;

}

.sub-item a {

	display: block;

	text-align: left;

	padding: 6px 0;

}

.sub-bg {

	display: none;

	position: absolute;

	left: 0;

	top: 100px;

	width: 100%;

	background: rgba(0, 0, 0, 0.4);

	height: 204px;

	z-index: 2;

}

.mobnav-btn {

	display: inline-block;

	width: 35px;

	height: 30px;

	overflow: hidden;

	cursor: pointer;

	position: relative;

	margin-left: 5px;

}

.mobnav-btn.g_close span {

	opacity: 0;

}

.mobnav-btn.g_close span:first-child {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	top: 17px;

	opacity: 1;

}

.mobnav-btn.g_close span:last-child {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	top: 17px;

	opacity: 1;

}

.mobnav-btn span {

	top: 50%;

	margin-top: -2px;

}

.mobnav-btn span:first-child {

	content: "";

	top: 6px;

	left: 0;

}

.mobnav-btn span:last-child {

	content: "";

	top: auto;

	bottom: 5px;

	left: 0;

}

.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child, .mobnav-btn .mobnav-btn {

	left: 5px;

	position: absolute;

	background: #373737;

	-webkit-transition: all 0.5s ease;

	width: 27px;

	height: 2px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-o-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.pcnavmenubtn {

	display: none;

}

.headlanguage {

	font-size: 0;

	padding: 20px;

	display: none;

	position: fixed;

	left: 0;

	bottom: 0;

	width: 100%;

	z-index: 10;

	text-align: center;

	background-color: #ffffff;

}

.headlanguage .langbtn {

	background: url(../images/wicon2.png) no-repeat center center;

	display: block;

	width: 30px;

	height: 30px;

	margin: 0 auto;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

.headcompany {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	font-size: 0;

	position: relative;

	padding-left: 10px;

}





.headcompany .Currentlan {

	display: block;

	line-height: 30px;



	color: #000;

	font-size: 12px;

	text-transform: uppercase;

}



.headcompany:hover .Currentlan {



	color: #e7b828;



}









header.shadow .headcompany .Currentlan{color:#34364b;}











.headcompany .company-choose {

	font-size: 14px;

	display: none;

	position: fixed;

	left: 0;

	right: 0;

	top: 62px;

	background-color: #ffffff;

	padding: 0 20px;

	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

}

.headcompany .company-choose a {

	display: block;

	line-height: 30px;

}

.headcompany .company-choose a:hover {

	color: #e7b828;

}















 @media (max-width: 375px) {

 .logo img {

 height: 50px; margin-top:5px;

}

}





 @media (max-width: 320px) {

 .logo img {

 height: 42px; margin-top:10px;

}

}







 @media (min-width: 1024px) {

 header {

 height:66px;

}

 .headerweb {

 max-width: 1440px;

 margin: 0 auto;

 position: static;

 height: 100%;

}

 header > .headerweb {

 max-width: 100%;

 padding: 0 0%;

 background-color:#fff;

}

 .logo {

 padding: 0px 0 0 0;

}

 .logo img {

 display: block;

 height: 65px;

}

 .header-nav {

 position: static;

 background: none;

 padding: 0 0 0 320px;

 overflow-y: visible;

}



 .header-nav li {

 border-bottom: none;

 float: left;

 padding: 0;

 position: static;padding: 0 1.1%;



}

 .header-nav li h3 {

 font-size: 16px;

}

 .header-nav li h3 a {

 display: block;

 padding: 21px 0;

 text-transform:uppercase;

}

 .header-nav li h3 a:after {

 content: "";

 height: 3px;

 position: absolute;

 bottom: 0;

 left: 51%;

 right: 51%;

 z-index: -1;

 background-color: #e7b828;

 -o-transition-property: left, right;

 -moz-transition-property: left, right;

 transition-property: left, right;

 -webkit-transition-property: left, right;

 -moz-transition-duration: 0.3s;

 -o-transition-duration: 0.3s;

 transition-duration: 0.3s;

 -webkit-transition-duration: 0.3s;

 -moz-transition-timing-function: ease-out;

 -o-transition-timing-function: ease-out;

 transition-timing-function: ease-out;

 -webkit-transition-timing-function: ease-out;

}

 .header-nav li:hover h3 a, .header-nav li.cur h3 a {



 color: #e7b828; font-weight:bold;

}





 .header-nav li:hover h3 a:after, .header-nav li.cur h3 a:after {

    content: "";

    height: 3px;

    position: absolute;

    bottom: 0;

    left: 0%;

    right: 0%;

    z-index:0;

    background-color: #e7b828;

    -o-transition-property: left, right;

    -moz-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-property: left, right;

    -moz-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-duration: 0.3s;

    -moz-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    -webkit-transition-timing-function: ease-out;

}





    /*.header-nav li.cur .sub-nav { background: rgba(0, 0, 0, 0.2); }*/

    .header-right {

 float: none;

 padding: 0;

 position: absolute;

 top: 0;

 right: 0px;

 height:auto;

}

 .header-right .search-con {

 position: relative;

}

 .header-right .search-inco {

 display: block;

 width: 35px;

 height: 66px;

 z-index: 4;

}

 .header-right .searchbox {

 position: absolute;

 right: -30px;

 top: 66px;

 width: 260px;

 display: none;

}

 .header-right .searchbox .searchtext {

 width: 100%;

 height: 40px;

 padding: 10px 60px 10px 10px;

 border: 1px solid #ddd;

}

 .header-right .searchbox .searchbtn {

 position: absolute;

 right: 0;

 top: 0;

 width: 60px;

 height: 40px;

 color: #fff;

 font-family: "Microsoft YaHei";

 cursor: pointer;

}

 .sub-nav {

 display: none;

}

 .headsearch {

 height: 66px;

 border-left: 1px solid #f5f6fc;

 padding: 0 20px;

 margin: 0;

}

 .mobnav-btn, .phsearchicon {

 display: none !important;

}

 .headlanguage {

 font-size: 16px;

 height: 100px;

 top: 0;

 border-left: 1px solid #f5f6fc;

 position: fixed;

 right: 75px;

 padding: 0 20px;

 text-align: left;

 display: block;

 width: auto;

 background: none;

 left: auto;

}

 .headlanguage .langbtn {

 height: 100px;

}

 .headcompany {

 position: relative;

 height: 66px;

 top: 0;

 border-left: 1px solid #f5f6fc;

 padding: 0 27px;

}

 .headcompany .Currentlan {

 height: 66px;

 line-height: 66px;

 font-size: 16px;

}

 .headcompany .company-choose {

 top: 66px;

 position: absolute;

 width: 100px;

 position: absolute;

 z-index: 3;

 left: 50%;

 -webkit-transform: translateX(-50%);

 -moz-transform: translateX(-50%);

 -ms-transform: translateX(-50%);

 -o-transform: translateX(-50%);

 transform: translateX(-50%); text-align:center;

}

 .pcnavmenubtn {

 border-left: 1px solid #eaeaea;

 display: block;

 position: fixed;

 right: 0;

 top: 0;

 width: 75px;

 height: 100px;

 cursor: pointer;

}

 .pcnavmenubtn .pcnav-btn {

 width: 19px;

 height: 30px;

 position: absolute;

 z-index: 3;

 left: 50%;

 top: 50%;

 -webkit-transform: translate(-50%, -50%);

 -moz-transform: translate(-50%, -50%);

 -ms-transform: translate(-50%, -50%);

 -o-transform: translate(-50%, -50%);

 transform: translate(-50%, -50%);

 display: block;

}

 .pcnavmenubtn .pcnav-btn span {

 top: 50%;

 margin-top: -2px;

}

 .pcnavmenubtn .pcnav-btn span:first-child {

 content: "";

 top: 8px;

 left: 0;

}

 .pcnavmenubtn .pcnav-btn span:last-child {

 content: "";

 top: auto;

 bottom: 7px;

 left: 0;

}

 .pcnavmenubtn .pcnav-btn span, .pcnavmenubtn .pcnav-btn span:first-child, .pcnavmenubtn .pcnav-btn span:last-child {

 left: 0;

 position: absolute;

 background: #373737;

 -webkit-transition: all 0.5s ease;

 width: 19px;

 height: 3px;

 -o-transition: all 0.5s ease;

 -moz-transition: all 0.5s ease;

 transition: all 0.5s ease;

}

 .pcnavmenubtn .pcnav-btn.g_close span {

 opacity: 0;

}

 .pcnavmenubtn .pcnav-btn.g_close span:first-child {

 -webkit-transform: rotate(45deg);

 transform: rotate(45deg);

 -moz-transform: rotate(45deg);

 -o-transform: rotate(45deg);

 -ms-transform: rotate(45deg);

 top: 17px;

 opacity: 1;

}

 .pcnavmenubtn .pcnav-btn.g_close span:last-child {

 -webkit-transform: rotate(-45deg);

 transform: rotate(-45deg);

 -moz-transform: rotate(-45deg);

 -o-transform: rotate(-45deg);

 -ms-transform: rotate(-45deg);

 top: 17px;

 opacity: 1;

}

}

 @media (min-width: 1280px) {

 .header-nav {

 display: block; padding-left:350px;

}





 .header-nav li {

 padding: 0 1.1%;

/*padding: 0 1.3%;*/

    }

 .header-right {

 padding-right: 0px;

}

 .headsearch, .headcompany, .headlanguage {

 padding: 0 5px;

}

}

 @media (min-width: 1366px) {

 .logo {

 padding: 0px 0 0 25px;

}

 .header-nav li {

 padding: 0 2%;

}

 .headsearch, .headcompany, .headlanguage {

 padding: 0 10px;

}

}

 @media (min-width: 1400px) {

 .headsearch, .headcompany, .headlanguage {

 padding: 0 15px;

}

 .header-right {

 padding-right: 0px;

}

 .header-nav {

 padding-left: 337px;

}

}

 @media (min-width: 1680px) {

 .headsearch {

 padding: 0 25px;

}

 .header-nav {

        /*padding-left: 14%; */

        padding-left: 4%;

}

 .header-nav li {

 padding: 0 1.5%;

}

 .header-right {

 padding-right: 0px;

 right:0px;

}

 .headlanguage {

 right: 100px;

 width: 100px;

}

 .pcnavmenubtn {

 width: 100px;

}

 .headcompany {

 width:auto;

 padding: 0 27px;

}

 .logo img {

 height: 65px;

}

}

 @media (min-width: 1800px) {

 .header-nav li {

 padding: 0 2%;

}

}

.headsideNav {

	display: none;

}

 @media (min-width: 1024px) {

 .headsideNav {

 position: fixed;

 top: 0;

 right: -320px;

 z-index: 999;

 background: #f9f9f9;

 height: 100%;

 width: 320px;

 display: block;

 overflow-y: auto;

 padding: 50px 30px;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

 text-align: center;

}

 .headsideNav.cur {

 right: 0;

}

 .headsideNav.cur .logo, .headsideNav.cur .slide-nav {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 -o-transform: translateY(0);

 transform: translateY(0);

 opacity: 1;

}

 .headsideNav .logo {

 float: none;

 display: block;

 -webkit-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s;

 -o-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s;

 -moz-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s;

 transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s;

 -webkit-transform: translateY(100%);

 -moz-transform: translateY(100%);

 -ms-transform: translateY(100%);

 -o-transform: translateY(100%);

 transform: translateY(100%);

 opacity: 0;

}

 .headsideNav .logo img {

 height: 34px;

}

 .headsideNav .slide-colse {

 display: block;

 width: 30px;

 height: 30px;

 background: url(../images/slide-close.png) no-repeat center center;

 position: absolute;

 top: 30px;

 right: 30px;

}

 .headsideNav .slide-nav {

 padding: 40px 0 0 0;

 font-size: 18px;

 -webkit-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s;

 -o-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s;

 -moz-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s;

 transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s;

 opacity: 0;

 -webkit-transform: translateY(100%);

 -moz-transform: translateY(100%);

 -ms-transform: translateY(100%);

 -o-transform: translateY(100%);

 transform: translateY(100%);

}

 .headsideNav .slide-nav li {

 padding-bottom: 25px;

}

 .headsideNav .slide-nav li h3 a {

 color: #8B8784;

 text-transform:uppercase;

}

 .headsideNav .sub-item {

 font-size: 16px;

}

 .headsideNav .sub-item a {

 color: #cac4bd;

 text-align: center;

}

 .headsideNav li h3 {

 position: relative;

}

 .headsideNav .phsearchicon {

 left: 0;

 top: 0;

 right: 0;

 width: 100%;

 height: 28px;

 display: block !important;

 z-index: 2;

}

 .headsideNav .phsearchicon:after {

 display: none;

}

 .exit-off-canvas {

 position: fixed;

 top: 0;

 left: 0;

 width: 0;

 height: 100%;

 cursor: pointer;

 z-index: 999;

 background: #000;

 opacity: 0.5;

 -webkit-transition: all .4s ease;

 -o-transition: all .4s ease;

 -moz-transition: all .4s ease;

 transition: all .4s ease;

}

}

.childMenu {

	position: absolute;

	top: 100px;

	left: 0;

	width: 100%;

	height: 0px;

	background: #fff;

	background: rgba(0, 0, 0, 0.31);

	font-size: 14px;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	color: #88868e;

	overflow: hidden;

	line-height: 55px;

}

.childMenu.active {

	height: 55px;

	overflow: visible;

}

.childMenu .sub-item a {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	text-align: center;

	padding: 0 20px 0 0;

	color: #ffffff;

}

.childMenu .sub-item a:hover {

	color: #e7b828;

}

.childMenu .sub-nav {

	display: block;

	padding: 0;

	width: 100%;

	z-index: 3;

}

 @charset "UTF-8";

.full-inside-subnav .channel-title::after {

 _font-size: 0;

 _line-height: 0;

 _overflow: hidden;

 width: 0;

 height: 0;

}

/*common*/

body {

	overflow-x: hidden;

}

.padtb {

	padding-top: 30px;

	padding-bottom: 30px;

}

.padtbb {

	padding-bottom: 30px;

}

.nopadtb {

	padding-top: 0;

	padding-bottom: 0;

}

.font36 {

	font-size: 22px;

}

.font30 {

	font-size: 24px;

}

.font24 {

	font-size: 20px;

}

.font22 {

	font-size: 19px;

}

.font20 {

	font-size: 18px;

}

.font18 {

	font-size: 16px;

}

.font15 {

	font-size: 15px;

}

.font16 {

	font-size: 16px;

}

.textda {

	text-transform:uppercase;

}

.alcenter {

	text-align: center;

}

.c666666 {

	color: #666666;

}

.cd82019 {

	color: #e7b828;

}

.c90c42f {

	color: #90c42f;

}

.c4c4c4c {

	color: #4c4c4c;

}

.h28 {

	height: 28px;

}

.h18 {

	height: 18px;

}

.h13 {

	height: 13px;

}

.h12 {

	height: 12px;

}

.h10 {

	height: 10px;

}

.h5 {

	height: 5px;

}

 @media (min-width: 1024px) {

 .font36 {

 font-size: 28px;

 line-height: 30px;

}

 .font34 {

 font-size: 28px;

 line-height: 30px;

}

 .font32 {

 font-size: 27px;

 line-height: 30px;

}

 .font30 {

 font-size: 26px;

 line-height: 30px;

}

 .font24 {

 font-size: 24px;

}

 .font22 {

 font-size: 22px;

}

 .font20 {

 font-size: 20px;

}

 .font18 {

 font-size: 18px;

}

}

 @media (min-width: 1199px) {

 .font36 {

 font-size: 36px;

 line-height: 38px;

}

 .font34 {

 font-size: 34px;

 line-height: 38px;

}

 .font32 {

 font-size: 32px;

 line-height: 36px;

}

 .font30 {

 font-size: 30px;

 line-height: 32px;

}

}

.cffffff {

	color: #ffffff;

}

.c333333 {

	color: #333333;

}

.c696161 {

	color: #696161;

}

.center {

	text-align: center;

}

.fontbold {

	font-weight: bold;

}

.inside-banner {

	position: relative;

	overflow: hidden;

}

.inside-banner img {

	display: block;

	width: auto;

	max-width: none;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

}

 @media (max-width: 414px) {

 .inside-banner img {

 max-height: 120px;

}

}



::-webkit-scrollbar {

 width: 5px;

 height: 8px;

 background-color: #e0e0e0;

 -webkit-border-radius: 4px;

 -moz-border-radius: 4px;

 border-radius: 0;

}



::-webkit-scrollbar-thumb {

 background-color: #aeaeae;

 -webkit-border-radius: 4px;

 -moz-border-radius: 4px;

 border-radius: 0;

}

.fontfamMontser {

	font-family: Montserrat;

}

.full-inside-subnav {

	background-color: #ffffff;

	border-bottom: 1px solid #e0e0e0;

}

.full-inside-subnav .inside-subnav {

	position: relative;

	z-index: 25;

}

.full-inside-subnav .channel-title {

	font-size: 16px;

	line-height: 50px;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

}

 .full-inside-subnav .channel-title::after {

 content: '';

 display: inline-block;

 vertical-align: middle;

 margin: 0 0 -3px 10px;

 border-width: 7px;

 border-style: solid dashed dashed dashed;

 border-color: #333 transparent transparent transparent;

}

.full-inside-subnav .subnav {

	display: none;

	position: absolute;

	left: 0;

	top: 50px;

	z-index: 10;

	width: 100%;

	background-color: #fff;

	padding-bottom: 20px;

	border-top: 1px solid #ccc;

	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);

	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);

	font-size: 0;

	overflow: hidden;

}

.full-inside-subnav .subnav.padding {

	padding: 0 44px;

}

.full-inside-subnav .subnav a {

	display: block;

	padding-left: 20px;

	font-size: 14px;

	line-height: 45px;

	border-bottom: 1px solid #ccc;

	text-transform: uppercase;

}

.full-inside-subnav .subnav a.cur {

	color: #e7b828;

}

.full-inside-subnav .subnav .sub-btn {

	display: none;

}

.full-inside-subnav .crumb {

	display: none;

}

.common-clumb-box {

	position: relative;

}

.common-clumb {

	font-size: 0;

	padding-top: 20px;

	overflow: hidden;

}

.common-clumb .clumb-box {

	width: auto;

}

.common-clumb a {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	color: #999999;

	font-size: 14px;

	text-align: center;

	padding: 5px 10px;

	width: auto;

	position: relative;

	text-transform: uppercase;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

.common-clumb a:hover, .common-clumb a.cur {

	color: #ffffff;

}

.common-clumb a:hover:before, .common-clumb a.cur:before {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.common-clumb a:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #ea3800;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

	-webkit-transition-property: transform;

	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	-o-transition-property: -o-transform;

	-moz-transition-property: transform, -moz-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;

	-webkit-transition-duration: 0.3s;

	-moz-transition-duration: 0.3s;

	-o-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.clumb-title .en {

	color: #e7b828;

	text-transform: uppercase;

	font-family: Rubik;

}

.clumb-title .cn {

	color: #34364b;

	padding: 0 0 4px 0;

}

.common-clumb-min {

	padding-top: 30px;

}

 @media (min-width: 762px) {

 .clumb-title .cn {

 padding: 0 0 7px 0;

}

}

 @media (min-width: 1024px) {

 .full-inside-subnav {

 overflow: hidden;

}

 .full-inside-subnav .channel-title {

 display: none;

}

 .full-inside-subnav .subnav {

 display: block;

 position: static;

 background-color: transparent;

 padding-bottom: 0;

 border-top: 0;

 -webkit-box-shadow: none;

 -moz-box-shadow: none;

 box-shadow: none;

}

 .full-inside-subnav .subnav ul {

 height: 60px;

}

 .full-inside-subnav .subnav li {

 width: auto;

 display: inline-block;

 -webkit-flex-shrink: 0;

 -ms-flex: 0 0 auto;

 -ms-flex-negative: 0;

 flex-shrink: 0;

 height: 100%;

 -ms-flex-pack: center;

 -webkit-box-align: center;

 -ms-flex-align: center;

 margin-right: 25px;

 text-transform: uppercase;

}

 .full-inside-subnav .subnav li:hover a, .full-inside-subnav .subnav li.cur a {

 color: #e7b828;

}

 .full-inside-subnav .subnav li:hover a:after, .full-inside-subnav .subnav li.cur a:after {

 left: 0;

 right: 0;

 z-index: 1;

}

 .full-inside-subnav .subnav a {

 float: left;

 display: block;

 line-height: 60px;

 border-bottom: 0;

 padding: 0;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

 position: relative;

}

 .full-inside-subnav .subnav a:after {

 content: "";

 height: 3px;

 position: absolute;

 bottom: 0;

 left: 51%;

 right: 51%;

 z-index: -1;

 background-color: #e7b828;

 -o-transition-property: left, right;

 -moz-transition-property: left, right;

 transition-property: left, right;

 -webkit-transition-property: left, right;

 -moz-transition-duration: 0.3s;

 -o-transition-duration: 0.3s;

 transition-duration: 0.3s;

 -webkit-transition-duration: 0.3s;

 -moz-transition-timing-function: ease-out;

 -o-transition-timing-function: ease-out;

 transition-timing-function: ease-out;

 -webkit-transition-timing-function: ease-out;

}

 .full-inside-subnav .subnav .sub-btn {

 width: 44px;

 height: 100%;

 cursor: pointer;

 z-index: 10;

 background-color: #ffffff;

 position: absolute;

 z-index: 3;

 top: 50%;

 -webkit-transform: translateY(-50%);

 -moz-transform: translateY(-50%);

 -ms-transform: translateY(-50%);

 -o-transform: translateY(-50%);

 transform: translateY(-50%);

 padding: 0;

}

 .full-inside-subnav .subnav .sub-btn:before {

 display: block;

 content: "";

 width: 16px;

 height: 16px;

 border-left: 2px solid #848484;

 border-bottom: 2px solid #848484;

}

 .full-inside-subnav .subnav .sub-btn.sub-prev {

 left: 0;

}

 .full-inside-subnav .subnav .sub-btn.sub-prev:before {

 transform: rotate(40deg);

 -webkit-transform: rotate(40deg);

 -moz-transform: rotate(40deg);

 -ms-transform: rotate(40deg);

 -o-transform: rotate(40deg);

 margin: 22px 0 0 17px;

}

 .full-inside-subnav .subnav .sub-btn.sub-next {

 right: 0;

}

 .full-inside-subnav .subnav .sub-btn.sub-next:before {

 transform: rotate(225deg);

 -webkit-transform: rotate(225deg);

 -moz-transform: rotate(225deg);

 -ms-transform: rotate(225deg);

 -o-transform: rotate(225deg);

 margin: 22px 0 0 8px;

}

 .full-inside-subnav .inside-subnav {

 width: 73%;

 float: left;

}

 .full-inside-subnav .crumb {

 position: relative;

 float: right;

 max-width: 27%;

 padding-left: 28px;

 display: block;

 color: #737373;

 font-size: 0;

 line-height: 60px;

 border-left: 1px solid #e0e0e0;

}

 .full-inside-subnav .crumb .inner {

 white-space: nowrap;

 -o-text-overflow: ellipsis;

 text-overflow: ellipsis;

 overflow: hidden;

 text-align: right;

}

 .full-inside-subnav .crumb a {

 position: relative;

 z-index: 3;

 display: inline-block;

 vertical-align: top;

 *display: inline;

 *zoom: 1;

 color: #737373;

 font-size: 14px;

}

 .full-inside-subnav .crumb a:after {

 content: '';

 display: inline-block;

 vertical-align: middle;

 width: 0;

 height: 0;

 margin: -2px 4px 0 8px;

 border: 3px solid rgba(255, 255, 255, 0);

 border-left-color: #757575;

}

 .full-inside-subnav .crumb a:hover {

 color: #e7b828;

}

 .full-inside-subnav .crumb span {

 position: relative;

 z-index: 3;

 font-size: 13px;

 display: inline-block;

 vertical-align: top;

 *display: inline;

 *zoom: 1;

}

 .full-inside-subnav .crumb .home {

 padding-left: 14px;

 vertical-align: middle;

 background: url("../images/homeico.png") no-repeat 0 center;

}

 .common-clumb {

 padding: 12px 0 0 0;

}

 .common-clumb a {

 padding: 6px 20px;

}

 .common-clumb-box .sub-btn {

 width: 44px;

 height: 38px;

 cursor: pointer;

 position: absolute;

 z-index: 3;

 top: 50%;

 -webkit-transform: translateY(-50%);

 -moz-transform: translateY(-50%);

 -ms-transform: translateY(-50%);

 -o-transform: translateY(-50%);

 transform: translateY(-50%);

 padding: 0;

}

 .common-clumb-box .sub-btn:before {

 display: block;

 content: "";

 width: 14px;

 height: 14px;

 border-left: 2px solid #666666;

 border-bottom: 2px solid #666666;

}

 .common-clumb-box .sub-btn:hover:before {

 border-color: #e7b828;

}

 .common-clumb-box .sub-btn.sub-prev {

 left: 0;

}

 .common-clumb-box .sub-btn.sub-prev:before {

 transform: rotate(40deg);

 -webkit-transform: rotate(40deg);

 -moz-transform: rotate(40deg);

 -ms-transform: rotate(40deg);

 -o-transform: rotate(40deg);

 margin: 18px 0 0 17px;

}

 .common-clumb-box .sub-btn.sub-next {

 right: 0;

}

 .common-clumb-box .sub-btn.sub-next:before {

 transform: rotate(225deg);

 -webkit-transform: rotate(225deg);

 -moz-transform: rotate(225deg);

 -ms-transform: rotate(225deg);

 -o-transform: rotate(225deg);

 margin: 18px 0 0 8px;

}

 .common-clumb-min {

 padding-top: 40px;

}

 .common-clumb-min .clumb-title.fl {

 max-width: 50%;

}

 .common-clumb-min .common-clumb-box.fr {

 max-width: 50%;

}

}

 @media (min-width: 1199px) {

 .common-clumb-min {

 padding-top: 77px;

}

}

.comloading {

	text-align: center;

	color: #868686;

}

.comloading .loadtext {

	display: block;

	color: #868686;

	opacity: 0.5;

}

.loadEffect {

	width: 40px;

	height: 40px;

	position: relative;

	margin: 0 auto 15px;

}

.loadEffect span {

	display: inline-block;

	width: 4px;

	height: 4px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background: #000000;

	position: absolute;

	-webkit-animation: load 1.5s ease infinite;

}

 @-webkit-keyframes load {

 0% {

 opacity: 1;

}

 100% {

 opacity: 0;

}

}

 .loadEffect span:nth-child(1) {

 left: 0;

 top: 50%;

 margin-top: -2px;

 -webkit-animation-delay: 0.13s;

}

 .loadEffect span:nth-child(2) {

 left: 2px;

 top: 9px;

 -webkit-animation-delay: 0.26s;

}

 .loadEffect span:nth-child(3) {

 left: 9px;

 top: 2px;

 -webkit-animation-delay: 0.39s;

}

 .loadEffect span:nth-child(4) {

 left: 50%;

 top: 0;

 margin-left: -2px;

 -webkit-animation-delay: 0.52s;

}

 .loadEffect span:nth-child(5) {

 right: 9px;

 top: 2px;

 -webkit-animation-delay: 0.65s;

}

 .loadEffect span:nth-child(6) {

 right: 2px;

 top: 9px;

 -webkit-animation-delay: 0.78s;

}

 .loadEffect span:nth-child(7) {

 right: 0;

 top: 50%;

 margin-top: -2px;

 -webkit-animation-delay: 0.91s;

}

 .loadEffect span:nth-child(8) {

 bottom: 9px;

 right: 2px;

 -webkit-animation-delay: 1.04s;

}

 .loadEffect span:nth-child(9) {

 bottom: 2px;

 right: 9px;

 -webkit-animation-delay: 1.17s;

}

 .loadEffect span:nth-child(10) {

 bottom: 0;

 left: 50%;

 margin-left: -2px;

 -webkit-animation-delay: 1.3s;

}

 .loadEffect span:nth-child(11) {

 bottom: 9px;

 left: 2px;

 -webkit-animation-delay: 1.43s;

}

 .loadEffect span:nth-child(12) {

 bottom: 2px;

 left: 9px;

 -webkit-animation-delay: 1.56s;

}

/*产品中心*/

.product-list {

	padding-top: 30px;

}

.product-list ul {

	margin: 0 -5px;

	padding-bottom: 20px;

}

.product-list li {

	padding: 0 5px;

	margin: 0 0 10px 0;

}

.product-list li a {

	border: 1px solid #e3e3eb;

	display: block;

}

.product-list li img {

	display: block;

	margin: 0 auto;

}

.product-list li .pro-img {

	background-color: #eaebf5;

}

.product-list li .pro-text {

	border-top: 1px solid #e3e3eb;

	text-align: center;

	padding: 0 10px;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 45px;

	color: #58596d;

}

 @media (min-width: 1024px) {

 .product-list {

 padding-top: 57px;

 padding-bottom:20px;

}

 .product-list ul {

 padding-bottom: 30px;

}

 .product-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .product-list li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .product-list li .pro-img {

 overflow: hidden;

}

 .product-list li .pro-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .product-list li .pro-text {

 font-size: 16px;

}

 .product-list li:hover .pro-text {

 color: #e7b828;

}

 .product-list li:hover a {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

}

}

 @media (min-width: 1199px) {

 .product-list ul {

 margin: 0 -15px;

}

 .product-list li {

 padding: 0 15px;

 margin: 0 0 30px 0;

}

 .product-list li .pro-text {

 line-height: 83px;

}

}

/*产品详情*/

.product-detail .mainimg-info {

	border: 1px solid #ebebeb;

}

.product-detail .mainimg-info img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.product-detail .maintxt-info {

	padding: 20px 0 0 0;

	line-height: 24px;

}

.product-detail .maintxt-info .name {

	color: #757575;

	padding: 15px 0;

	font-size: 14px;

}

.product-detail .maintxt-info .desc {

	border-top: 1px solid #eeeeee;

	color: #929292;

	padding: 15px 0 0 0;

}

 @media (min-width: 1024px) {

 .product-detail {

 padding-top: 50px;

}

 .product-detail .mainimg-info {

 float: left;

 width: 56%;

 max-width: 557px;

}

 .product-detail .maintxt-info {

 overflow: hidden;

 padding: 0 0 0 20px;

}

}

 @media (min-width: 1199px) {

 .product-detail {

 padding-top: 98px;

 padding-bottom: 71px;

}

 .product-detail .maintxt-info {

 padding: 20px 20px 0 60px;

}

 .product-detail .maintxt-info .name {

 font-size: 15px;

 line-height: 30px;

 padding: 29px 0 19px;

}

 .product-detail .maintxt-info .desc {

 line-height: 30px;

 padding: 21px 0 0 0;

 max-width: 510px;

}

}

.pro-datial-tab {

	color: #929292;

	padding-bottom: 25px;

}

.tab-options {

	border-top: 1px solid #eeeeee;

	border-bottom: 1px solid #eeeeee;

	text-align: center;

	background-color: #ffffff;

}

.tab-options a {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	position: relative;

	font-size: 16px;

	line-height: 40px;

	margin: 0 5px;

}

.tab-options a:after {

	content: "";

	height: 3px;

	position: absolute;

	bottom: -1px;

	left: 51%;

	right: 51%;

	z-index: -1;

	background-color: #0c337f;

	-o-transition-property: left, right;

	-moz-transition-property: left, right;

	transition-property: left, right;

	-webkit-transition-property: left, right;

	-moz-transition-duration: 0.3s;

	-o-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-duration: 0.3s;

	-moz-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	-webkit-transition-timing-function: ease-out;

}

.tab-options a:hover:after, .tab-options a.cur:after {

	left: 0;

	right: 0;

	z-index: 1;

}

.pro-title {

	padding: 0 0 10px 0;

	color: #4c4c4c;

	font-size: 16px;

}

.pro-title img {

	vertical-align: middle;

	margin: 0 5px 0 0;

}

.comtablemin {

	text-align: center;

}

.Features {

	border-bottom: 1px solid #e6e6e6;

}

 @media (min-width: 1024px) {

 .pro-datial-tab {

 line-height: 30px;

}

 .tab-options {

 height: 68px;

}

 .tab-options a {

 line-height: 67px;

 margin: 0 47px;

 font-size: 20px;

}

 .pro-title {

 font-size: 20px;

 padding: 0 0 16px 0;

}

 .Features {

 padding-top: 71px;

 padding-bottom: 52px;

}

 .Technical {

 padding-top: 40px;

}

 .tab-optionsbox {

 height: 68px;

}

}

/*相关推荐*/

.Related-minbox {

	background-color: #fafafa;

}

.Related-minbox .relat-tit {

	text-align: center;

}

.relat-solute-wrapper {

	position: relative;

}

.relat-solute-wrapper .solwrapper-min {

	overflow: hidden;

	padding: 30px 0 0 0;

}

.relat-solute-wrapper ul {

	margin: 0 -5px;

}

.relat-solute-wrapper ul.momargin {

	margin: 0;

}

.relat-solute-wrapper ul.momargin li {

	padding: 0;

}

.relat-solute-wrapper li {

	float: left;

	width: 50%;

	padding: 0 5px;

	margin: 0 0 10px 0;

}

.relat-solute-wrapper li a {

	display: block;

	border: 1px solid #e3e3eb;

}

.relat-solute-wrapper li .solut-img img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.relat-solute-wrapper li .solut-text {

	border-top: 1px solid #e3e3eb;

	text-align: center;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 45px;

	padding: 0 10px;

	background-color: #ffffff;

}

.relat-btn {

	display: block;

	width: 30px;

	height: 30px;

	position: absolute;

	position: absolute;

	z-index: 3;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	background-position: center center;

	background-repeat: no-repeat;

	-moz-background-size: 30px;

	-o-background-size: 30px;

	background-size: 30px;

}

.relat-btn.relat-prev {

	background-image: url(../images/prev.png);

	left: 0;

}

.relat-btn.relat-prev.swiper-button-disabled {

	display: none !important;

}

.relat-btn.relat-prev:hover {

	background-image: url(../images/prevho.png);

}

.relat-btn.relat-next {

	background-image: url(../images/next.png);

	right: 0;

}

.relat-btn.relat-next.swiper-button-disabled {

	display: none !important;

}

.relat-btn.relat-next:hover {

	background-image: url(../images/nextho.png);

}

.relat-case-wrapper {

	position: relative;

}

.relat-case-wrapper .caeslwrapper-min {

	overflow: hidden;

	padding: 30px 0 0 0;

}

.relat-case-wrapper ul.momargin {

	margin: 0;

}

.relat-case-wrapper ul.momargin li {

	padding: 0;

}

.relat-case-wrapper li {

	margin: 0 0 20px 0;

}

.relat-case-wrapper li a {

	display: block;

}

.relat-case-wrapper li .solut-img img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.relat-case-wrapper li .solut-text {

	padding: 10px;

	background-color: #ffffff;

	border-top: 2px solid #e7b828;

	text-align: center;

	position: relative;

}

.relat-case-wrapper li .solut-text:before {

	content: "";

	position: absolute;

	z-index: -1;

	left: 0;

	right: 100%;

	top: -2px;

	background: #0c337f;

	height: 2px;

	-webkit-transition-property: right;

	-o-transition-property: right;

	-moz-transition-property: right;

	transition-property: right;

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.relat-case-wrapper li .solut-text h3 {

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 45px;

}

.relat-case-wrapper li .solut-text p {

	display: -webkit-box;

	height: 96px;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	color: #929292;

}

.relat-case-wrapper li:hover .solut-text:before {

	right: 0;

	z-index: 2;

}

.relat-product-wrapper {

	position: relative;

}

.relat-product-wrapper .soproduct-min {

	overflow: hidden;

	padding: 30px 0 0 0;

}

.relat-product-wrapper ul {

	margin: 0 -5px;

}

.relat-product-wrapper ul.momargin {

	margin: 0;

}

.relat-product-wrapper ul.momargin li {

	padding: 0;

}

.relat-product-wrapper li {

	float: left;

	width: 50%;

	padding: 0 5px;

	margin: 0 0 10px 0;

}

.relat-product-wrapper li a {

	display: block;

	border: 1px solid #e3e3eb;

}

.relat-product-wrapper li .solut-img img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.relat-product-wrapper li .solut-text {

	border-top: 1px solid #e3e3eb;

	text-align: center;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 45px;

	padding: 0 10px;

	background-color: #ffffff;

}

 @media (min-width: 768px) {

 .relat-solute-wrapper ul {

 margin: 0;

}

 .relat-solute-wrapper li {

 float: left;

 width: 25%;

 padding: 0;

}

 .relat-case-wrapper ul {

 margin: 0;

}

 .relat-case-wrapper li {

 float: left;

 width: 33.33%;

 padding: 0;

}

 .relat-product-wrapper ul {

 margin: 0;

}

 .relat-product-wrapper li {

 float: left;

 width: 25%;

 padding: 0;

}

}

 @media (min-width: 1024px) {

 .Related-minbox {

 padding-bottom: 78px;

}

 .relat-btn {

 width: 40px;

 height: 40px;

 -moz-background-size: 40px;

 -o-background-size: 40px;

 background-size: 40px;

}

 .Relat-solution {

 padding-top: 53px;

}

 .Relat-cases {

 padding-top: 76px;

}

 .Relat-product {

 padding-top: 53px;

}

 .relat-solute-wrapper .solwrapper-min {

 padding: 61px 0 0 0;

}

 .relat-solute-wrapper li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .relat-solute-wrapper li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .relat-solute-wrapper li .solut-img {

 overflow: hidden;

}

 .relat-solute-wrapper li .solut-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .relat-solute-wrapper li .solut-text {

 height: 84px;

 line-height: 84px;

 font-size: 16px;

}

 .relat-solute-wrapper li:hover .solut-text {

 color: #e7b828;

}

 .relat-solute-wrapper li:hover a {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

}

 .relat-case-wrapper .caeslwrapper-min {

 padding-top: 60px;

}

 .relat-case-wrapper li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .relat-case-wrapper li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .relat-case-wrapper li .solut-img {

 overflow: hidden;

}

 .relat-case-wrapper li .solut-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .relat-case-wrapper li .solut-text {

 padding: 24px 30px 31px;

}

 .relat-case-wrapper li .solut-text h3 {

 margin: 0 0 9px 0;

}

 .relat-case-wrapper li:hover .solut-text h3 {

 color: #e7b828;

}

 .relat-product-wrapper .soproduct-min {

 padding: 61px 0 0 0;

}

 .relat-product-wrapper li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .relat-product-wrapper li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .relat-product-wrapper li .solut-img {

 overflow: hidden;

}

 .relat-product-wrapper li .solut-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .relat-product-wrapper li .solut-text {

 height: 84px;

 line-height: 84px;

 font-size: 16px;

}

 .relat-product-wrapper li:hover .solut-text {

 color: #e7b828;

}

 .relat-product-wrapper li:hover a {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

}

}

 @media (min-width: 1400px) {

 .relat-btn.relat-prev {

 left: -96px;

}

 .relat-btn.relat-next {

 right: -96px;

}

}

/*新闻中心*/

.newscenter-list ul {

	padding: 0 0 20px 0;

}

.newscenter-list li {

	margin: 0 0 20px 0;

}

.newscenter-list li a {

	display: block;

	border: 1px solid #e3e3eb;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

.newscenter-list li img {

	display: block;

	width: 100%;

}

.newscenter-list li .news-text {

	padding: 10px;

	border-top: 1px solid #e3e3eb;

}

.newscenter-list li .news-text .name {

	color: #58596d;

	font-size: 16px;

	display: -webkit-box;

	height: 32px;

	line-height: 32px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.newscenter-list li .news-text .desc {

	color: #b2b2b2;

	font-size: 13px;

	display: -webkit-box;

	height: 72px;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	margin: 5px 0;

}

.newscenter-list li .news-text .date {

	display: block;

	color: #999999;

	font-family: Montserrat;

}

 @media (min-width: 1024px) {

 .newscenter-list {

 padding-top: 60px;

 padding-bottom: 18px;

}

 .newscenter-list ul {

 margin: 0 -15px;

 padding-bottom: 32px;

}

 .newscenter-list li {

 padding: 0 15px;

 margin: 0 0 30px 0;

}

 .newscenter-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .newscenter-list li .news-img {

 overflow: hidden;

}

 .newscenter-list li .news-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .newscenter-list li .news-text {

 padding: 22px 30px 24px;

}

 .newscenter-list li .news-text .name {

 font-size: 18px;

 line-height: 30px;

 height: 60px;

}

 .newscenter-list li .news-text .desc {

 margin: 9px 0 11px;

}

 .newscenter-list li:hover a {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

}

 .newscenter-list li:hover .news-text .name {

 color: #e7b828;

}

}

/*新闻详情*/

.news-detail-title {

	position: relative;

	border-bottom: 3px solid #f2f2f2;

	padding: 0 0 20px 0;

}

.news-detail-title:before {

	content: "";

	display: block;

	width: 30%;

	max-width: 330px;

	height: 3px;

	background-color: #e0e0e0;

	position: absolute;

	left: 0;

	bottom: -3px;

}

.news-detail-title .date {

	display: block;

	font-family: Montserrat;

	color: #666666;

	padding: 0 0 5px 0;

}

.news-detail-title #newshare {

	background: url(../images/wicon6.png) no-repeat left center;

	color: #999999;

	padding: 0 0 0 23px;

	height: 18px;

	line-height: 18px;

	margin: 15px 0 0 0;

}

.news-detail-title #newshare a {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	width: 22px;

	height: 18px;

	background-repeat: no-repeat;

	background-position: center center;

	float: none;

	margin: 0;

	padding: 0;

}

.news-detail-title #newshare a.txinlang {

	background-image: url(../images/weibo2.png);

}

.news-detail-title #newshare a.tweixin {

	background-image: url(../images/weixin2.png);

	margin-left: 2px;

}

.news-detail-title #newshare a.tQQ {

	background-image: url(../images/qq.png);

}

.news-datail-content {

	color: #808080;

	font-size: 13px;

}

.news-detail-foot dl {

	border-top: 1px solid #ebebeb;

	font-size: 14px;

	padding: 10px 0;

}

.news-detail-foot dl span {

	display: inline-block;

	line-height: 27px;

	padding: 0 10px 0 0;

}

.news-detail-foot dl a {

	color: #666666;

}

.news-detail-foot dl dd, .news-detail-foot dl dt {

	height: 24px;

	line-height: 24px;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

}

.news-detail-foot dl dd:hover a, .news-detail-foot dl dt:hover a {

	color: #e7b828;

}

 @media (min-width: 768px) {

 .news-detail-foot dl {

 padding: 39px 0 22px;

}

 .news-detail-foot dl dd, .news-detail-foot dl dt {

 float: left;

 width: 50%;

}

 .news-detail-foot dl dt {

 text-align: right;

}

}

 @media (min-width: 1024px) {

 .newscenter-detail {

 padding-top: 55px;

 line-height: 30px;

}

 .news-detail-title {

 padding: 0 0 28px 0;

}

 .news-detail-title .date {

 padding: 0 0 9px 0;

}

 .news-detail-title #newshare {

 position: absolute;

 right: 0;

 bottom: 33px;

 margin: 0;

}

 .news-datail-content {

 padding-top: 47px;

}

}

/*公司声明*/

.cstatement-list ul {

	padding-bottom: 30px;

}

.cstatement-list li {

	border-bottom: 1px solid #ebebeb;

	position: relative !important;

	top: auto !important;

}

.cstatement-list li a {

	display: block;

	padding: 15px 80px 15px 0;

	position: relative;

}

.cstatement-list li .desc {

	color: #666666;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	display: block;

}

.cstatement-list li .date {

	font-family: Montserrat;

	color: #999999;

	position: absolute;

	z-index: 3;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 0;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 @media (min-width: 1024px) {

 .cstatement-list {

 padding-top: 44px;

 padding-bottom: 58px;

}

 .cstatement-list ul {

 padding-bottom: 56px;

}

 .cstatement-list li {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .cstatement-list li:hover {

 border-bottom-color: #e7b828;

}

 .cstatement-list li:hover .desc {

 color: #e7b828;

}

 .cstatement-list li a {

 padding: 18px 100px 18px 0;

}

}

/*交通枢纽*/

.Traffic-list {

	padding-top: 30px;

}

.Traffic-list ul {

	margin: 0 -5px;

	padding-bottom: 20px;

}

.Traffic-list li {

	padding: 0 5px;

	margin: 0 0 10px 0;

}

.Traffic-list li a {

	border: 1px solid #e3e3eb;

	display: block;

}

.Traffic-list li img {

	display: block;

	margin: 0 auto;

}

.Traffic-list li .pro-img {

	background-color: #eaebf5;

}

.Traffic-list li .pro-text {

	border-top: 1px solid #e3e3eb;

	text-align: center;

	padding: 0 10px;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 45px;

	color: #58596d;

}

 @media (min-width: 1024px) {

 .Traffic-list {

 padding-top: 57px;

 padding-bottom: 74px;

}

 .Traffic-list ul {

 padding-bottom: 30px;

}

 .Traffic-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .Traffic-list li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .Traffic-list li .pro-img {

 overflow: hidden;

}

 .Traffic-list li .pro-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .Traffic-list li .pro-text {

 font-size: 16px;

}

 .Traffic-list li:hover .pro-text {

 color: #e7b828;

}

 .Traffic-list li:hover a {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

}

}

 @media (min-width: 1199px) {

 .Traffic-list ul {

 margin: 0 -15px;

}

 .Traffic-list li {

 padding: 0 15px;

 margin: 0 0 30px 0;

}

 .Traffic-list li .pro-text {

 line-height: 83px;

}

}

/*交通枢纽详情*/

.Traffic-detail {

	color: #929292;

}

 @media (min-width: 1024px) {

 .Traffic-detail {

 padding-top: 58px;

 padding-bottom: 78px;

 line-height: 30px;

}

}

/*工程案例*/

.classific-list {

	position: relative;

}

.classific-list .caeslwrapper-min {

	overflow: hidden;

	padding: 30px 0 0 0;

}

.classific-list ul {

	padding-bottom: 20px;

}

.classific-list ul.momargin {

	margin: 0;

}

.classific-list ul.momargin li {

	padding: 0;

}

.classific-list li {

	margin: 0 0 20px 0;

}

.classific-list li a {

	display: block;

}

.classific-list li .solut-img img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.classific-list li .solut-text {

	padding: 10px;

	background-color: #fafafa;

	border-top: 2px solid #e7b828;

	text-align: center;

	position: relative;

}

.classific-list li .solut-text:before {

	content: "";

	position: absolute;

	z-index: -1;

	left: 0;

	right: 100%;

	top: -2px;

	background: #0c337f;

	height: 2px;

	-webkit-transition-property: right;

	-o-transition-property: right;

	-moz-transition-property: right;

	transition-property: right;

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.classific-list li .solut-text h3 {

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 45px;

}

.classific-list li .solut-text p {

	display: -webkit-box;

	height: 96px;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	color: #929292;

}

.classific-list li:hover .solut-text:before {

	right: 0;

	z-index: 2;

}

 @media (min-width: 768px) {

 .classific-list ul {

 padding-bottom: 35px;

 margin: 0 -15px;

}

 .classific-list li {

 float: left;

 width: 33.33%;

 padding: 0 15px;

 margin: 0 0 30px 0;

}

}

 @media (min-width: 1024px) {

 .classific-list {

 padding-top: 41px;

 padding-bottom: 75px;

}

 .classific-list .caeslwrapper-min {

 padding-top: 60px;

}

 .classific-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .classific-list li:hover a {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

}

 .classific-list li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .classific-list li .solut-img {

 overflow: hidden;

}

 .classific-list li .solut-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .classific-list li .solut-text {

 padding: 24px 30px 31px;

}

 .classific-list li .solut-text h3 {

 margin: 0 0 9px 0;

}

 .classific-list li:hover .solut-text h3 {

 color: #e7b828;

}

}

/*工程案例详情*/

.classific-detail {

	color: #929292;

}

 @media (min-width: 1024px) {

 .classific-detail {

 padding-top: 58px;

 padding-bottom: 78px;

 line-height: 30px;

}

 .classific-detail h3 {

 color: #333333;

}

}

/*联系我们*/

.Dealerbtn {

	display: inline-block;

	background: #e7b828 url(../images/wicon7.png) no-repeat 20px center;

	color: #ffffff;

	padding: 10px 20px 10px 50px;

	text-align: left;

	margin: 10px 0 0;

}

 @media (min-width: 1024px) {

 .Dealerbtn {

 padding: 17px 40px 17px 69px;

 font-size: 18px;

 margin: 0;

 background-position: 38px center;

}

}

.contact-dl {

	background-color: #fcfcfc;

}

.contact-dl .thumb img {

	display: block;

	width: 100%;

}

.contact-dl .infor {

	padding: 15px;

	border: 1px solid #f2f2f2;

	color: #929292;

}

.contact-dl .infor h3 {

	color: #e7b828;

	padding: 0 0 10px 0;

}

.contact-dl .infor .name {

	float: left;

	display: block;

}

.contact-dl .infor .text {

	overflow: hidden;

	display: block;

}

.contact-dl .infor a {

	color: #929292;

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

}

 @media (min-width: 1024px) {

 .contact-minbox {

 padding-top: 52px;

}

 .contact-dl {

 border: 1px solid #f2f2f2;

}

 .contact-dl .thumb {

 float: left;

 width: 46.5%;

 margin: -1px 0 -1px -1px;

}

 .contact-dl .infor {

 overflow: hidden;

 border: 0;

 padding: 3.3% 2% 0 5.8%;

 line-height: 28px;

}

 .contact-dl .infor h3 {

 padding: 0 0 16px 0;

}

}

 @media (min-width: 1199px) {

 .contact-dl .infor {

 line-height: 36px;

}

}

#allmap {

	width: 100%;

	height: 298px;

	margin: 31px 0 10px;

}

.BMap_Marker img {

	width: auto !important;

	max-width: none !important;

}

.BMap_shadow img, .BMap_pop img {

	max-width: none !important;

}

 @media (min-width: 1024px) {

 #allmap {

 height: 437px;

 margin: 47px 0 30px 0;

}

}

/*客户展示*/

.Customer-list ul {

	margin: 0 -5px;

	padding: 0 0 20px 0;

}

.Customer-list li {

	padding: 0 5px;

	margin: 0 0 10px 0;

}

.Customer-list li a {

	display: block;

	border: 1px solid #dbdced;

}

.Customer-list li img {

	display: block;

	width: 100%;

}

 @media (min-width: 768px) {

 .Customer-list li {

 width: 20%;

}

}

 @media (min-width: 1024px) {

 .Customer-list {

 padding-top: 59px;

 padding-bottom: 43px;

}

 .Customer-list ul {

 margin: 0 -12px;

 padding-bottom: 34px;

}

 .Customer-list li {

 padding: 0 12px;

 margin: 0 0 24px 0;

}

 .Customer-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .Customer-list li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .Customer-list li:hover a {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

 overflow: hidden;

}

 .Customer-list li:hover a img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

}

/*经销商查询*/

.pro-screening {

	padding: 20px;

	background-color: #e3e5e6;

}

.pro-screening .select-box {

	background: #ffffff url(../images/wicon9.png) no-repeat 92% center;

	font-size: 14px;

	margin: 0 0 10px 0;

}

.pro-screening select {

	display: block;

	height: 38px;

	line-height: 38px;

	width: 100%;

	padding: 0 10px;

	cursor: pointer;

	background: none;

	color: #929292;

}

.pro-screening .input-box {

	width: 100%;

	float: left;

}

.pro-screening .input-box label {

	display: block;

	width: 100%;

	background-color: #ffffff;

	position: relative;

	padding: 0 60px 0 0;

}

.pro-screening .input-box label input {

	display: block;

	background: none;

	font-family: "Microsoft YaHei";

	font-size: 14px;

}

 .pro-screening .input-box label input::-webkit-input-placeholder {

 color: #929292;

}

 .pro-screening .input-box label input:-moz-placeholder {

 color: #929292;

}

 .pro-screening .input-box label input::-moz-placeholder {

 color: #929292;

}

 .pro-screening .input-box label input:-ms-input-placeholder {

 color: #929292;

}

.pro-screening .input-box label .inputxt {

	display: block;

	width: 100%;

	height: 38px;

	line-height: 38px;

	padding: 0 10px;

}

.pro-screening .input-box label .submit {

	position: absolute;

	right: 0;

	top: 0;

	background: url(../images/wicon10.png) no-repeat center center;

	width: 60px;

	height: 38px;

}

 .pro-screening select::-ms-expand {

 display: none;

}

 @media (min-width: 768px) {

 .pro-screening {

 padding: 20px 3% 20px 3%;

 text-align: center;

}

 .pro-screening .select-box { /*float: left;*/

 width: 23.5%;

 margin: 0 10px 0 0;

 max-width: 236px;

 display: inline-block;

}

 .pro-screening .select-box.input-box {

 max-width: 282px;

 float: none;

}

}

 @media (min-width: 1199px) {

 .inquiry-fliter {

 padding-top: 55px;

}



    /*.pro-screening { padding: 20px 1% 20px 6%; }*/

    .pro-screening .select-box {

 margin: 0 20px 0 0;

}

 .pro-screening .select-box.input-box {

 width: 25%;

 margin: 0 0 0 10px;

}

}

.inquirydel-list li {

	margin: 0 0 20px 0;

}

.inquirydel-list li .inqui-cont {

	border: 2px solid #e3e3eb;

	padding: 20px;

	color: #929292;

}

.inquirydel-list li a {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	color: #929292;

}

.inquirydel-list li h3 {

	color: #333333;

	margin: 0 0 10px 0;

	padding: 0 0 15px 0;

	position: relative;

}

.inquirydel-list li h3:after {

	content: "";

	display: block;

	width: 27px;

	height: 3px;

	background-color: #e7b828;

	position: absolute;

	left: 0;

	bottom: 0;

}

 @media (min-width: 768px) {

 .inquirydel-list ul {

 margin: 0 -10px;

}

}

 @media (min-width: 1024px) {

 .inquirydel-list {

 padding-top: 34px;

 padding-bottom: 66px;

}

 .inquirydel-list ul {

 margin: 0 -18px;

 padding-bottom: 13px;

}

 .inquirydel-list li {

 padding: 0 18px;

 margin: 0 0 36px 0;

}

 .inquirydel-list li:hover .inqui-cont {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

}

 .inquirydel-list li .inqui-cont {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

 padding: 31px 30px 22px;

}

 .inquirydel-list li .inqui-cont p {

 padding: 0 0 11px 0;

}

 .inquirydel-list li h3 {

 padding: 0 0 22px 0;

 margin: 0 0 19px 0;

}

 .inquirydel-list li a:hover {

 color: #e7b828;

}

}

/*经销商加盟*/

.Complaintsm li {

	margin-bottom: 13px;

}

.Complaintsm label {

	display: block;

	position: relative;

}

.Complaintsm label span {

	display: block;

	margin-bottom: 5px;

	color: #4c4c4c;

	font-size: 16px;

}

.Complaintsm label em {

	color: #fb0013;

	margin-right: 2px;

}

.Complaintsm label input {

	font-family: "Microsoft YaHei";

}

.Complaintsm label .inputext {

	display: block;

	height: 40px;

	line-height: 40px;

	border: 1px solid #dddddd;

	width: 100%;

	padding: 10px;

}

.Complaintsm label .vccode {

	display: block;

	position: absolute;

	right: 0;

	top: 30px;

	width: 79px;

	height: 30px;

	cursor: pointer;

}

.Complaintsm label .changecode {

	display: block;

}

.Complaintsm label textarea {

	display: block;

	width: 100%;

	border: 1px solid #dddddd;

	padding: 10px 20px;

	height: 190px;

	font-family: "Microsoft YaHei";

}

.Complaintsm label .submit {

	display: block;

	width: 100px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	color: #fff;

	font-weight: bold;

	font-size: 15px;

	background-color: #e7b828;

	margin: 0 auto;

}

.Complaintsm .licode .inputext {

	width: 70%;

}

 @media (min-width: 768px) {

 .Complaintsm li {

 margin-bottom: 34px;

}

 .Complaintsm label span {

 float: left;

 width: 85px;

 font-size: 16px;

 margin-right: 20px;

 margin-bottom: 0;

 height: 57px;

 line-height: 57px;

 text-align: right;

}

 .Complaintsm label .inputext {

 height: 56px;

 line-height: 56px;

 float: left;

 width: 280px;

}

 .Complaintsm label .vccode {

 top: 50%;

 margin-top: -15px;

}

}

 @media (min-width: 1024px) {

 .Dealerjoining {

 padding-top: 62px;

 padding-bottom: 61px;

}

 .Complaintsm {

 max-width: 1155px;

 margin: 0 auto;

}

 .Complaintsm li {

 float: left;

 width: 50%;

 max-width: 385px;

}

 .Complaintsm li:nth-child(odd) {

 margin-right: 60px;

}

 .Complaintsm .litextarea {

 margin-top: -7px;

}

 .Complaintsm .litextarea, .Complaintsm .lisubmit {

 width: 100%;

 max-width: 100%;

}

 .Complaintsm .licode .inputext {

 max-width: 183px;

}

 .Complaintsm label textarea {

 float: left;

 width: 88%;

 max-width: 730px;

}

 .Complaintsm label .inputext .vccode {

 width: 280px;

 height: 40px;

 float: left;

}

 .Complaintsm label .submit {

 width: 300px;

 height: 52px;

 line-height: 52px;

 font-size: 18px;

}

}

 @media (min-width: 1199px) {

 .Complaintsm {

 background: url(../images/wicon11.png) no-repeat 0 0;

 -moz-background-size: contain;

 -o-background-size: contain;

 background-size: contain;

 padding: 56px 70px;

}

 .Complaintsm li {

 margin-bottom: 50px;

}

}

 @media (min-width: 1260px) {

 .Complaintsm {

 padding: 70px 70px 88px;

}

}

/*服务承诺*/

.Pledge-min {

	background: url(../images/wicon12.png) no-repeat 100% 30px;

	color: #929292;

}

 @media (min-width: 1024px) {

 .Pledetext {

 padding-right: 16%;

}

 .Pledge-min {

 padding-top: 49px;

 padding-bottom: 52px;

 background-position: 100% 49px;

}

 .Pledge-min h4 {

 line-height: 30px;

}

}

/*下载中心*/

.Download-list ul {

	padding-bottom: 20px;

}

.Download-list li {

	border: 1px solid #e6e6e6;

	position: relative;

	padding: 10px 80px 10px 15px;

	margin: 0 0 15px 0;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

	position: relative !important;

	top: auto !important;

}

.Download-list li .down-text {

	display: block;

	display: -webkit-box;

	height: 48px;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	color: #666666;

}

.Download-list li .down-btn {

	display: block;

	width: 68px;

	height: 100%;

	background: #f2f2f2 url(../images/wicon13.png) no-repeat center center;

	position: absolute;

	right: 0;

	top: 0;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

.Download-list li:hover {

	border-color: #e7b828;

	background-color: #e7b828;

}

.Download-list li:hover .down-text {

	color: #ffffff;

}

.Download-list li:hover .down-btn {

	background-color: #e31a13;

	background-image: url(../images/wicon13ho.png);

}

 @media (min-width: 768px) {

 .Download-list li {

 padding: 32px 80px 32px 15px;

 margin: 0 0 22px 0;

}

 .Download-list li .down-text {

 font-size: 16px;

 display: block;

 white-space: nowrap;

 -o-text-overflow: ellipsis;

 text-overflow: ellipsis;

 overflow: hidden;

 height: 24px;

 line-height: 24px;

}

 .Download-list li .down-btn {

 width: 90px;

 height: 90px;

 top: -1px;

 right: -1px;

}

}

 @media (min-width: 1024px) {

 .Download-list {

 padding-top: 56px;

 padding-bottom: 32px;

}

 .Download-list ul {

 padding-bottom: 45px;

}

 .Download-list li {

 padding: 32px 180px 32px 56px;

}

}

/*常见问题*/

.Problem-list ul {

	padding-bottom: 20px;

}

.Problem-list li {

	margin: 0 0 15px 0;

	position: relative !important;

	top: auto !important;

}

.Problem-list li .prob-title {

	position: relative;

	padding: 20px 60px;

	font-size: 14px;

	cursor: pointer;

	border: 1px solid #e6e6e6;

	color: #666666;

}

.Problem-list li .prob-title:before, .Problem-list li .prob-title:after {

	content: "";

	display: block;

	width: 60px;

	position: absolute;

	top: -1px;

	bottom: -1px;

	background-position: center center;

	background-repeat: no-repeat;

}

.Problem-list li .prob-title:before {

	left: 0;

	background-image: url(../images/wicon14.png);

	-moz-background-size: 20px;

	-o-background-size: 20px;

	background-size: 20px;

}

.Problem-list li .prob-title:after {

	right: -1px;

	background-color: #f2f2f2;

	background-image: url(../images/wicon16.png);

}

.Problem-list li .prob-title span {

	display: block;

}

.Problem-list li.cur .prob-title {

	color: #ffffff;

	background-color: #e7b828;

	border-color: #e7b828;

}

.Problem-list li.cur .prob-title:before {

	background-image: url(../images/wicon14ho.png);

}

.Problem-list li.cur .prob-title:after {

	background-color: #e31a13;

	background-image: url(../images/wicon16ho.png);

}

.Problem-list .prob-cont {

	background: #fafafa;

	padding: 22px 20px 35px 60px;

	font-size: 13px;

	line-height: 24px;

	position: relative;

	display: none;

	color: #929292;

}

.Problem-list .prob-cont:before {

	content: "";

	display: block;

	background: url(../images/wicon15.png) no-repeat;

	width: 18px;

	height: 24px;

	position: absolute;

	left: 20px;

	top: 28px;

}

 @media (min-width: 1024px) {

 .Problem-list {

 padding-top: 57px;

 padding-bottom:10px;

}

 .Problem-list ul {

 padding-bottom: 40px;

}

 .Problem-list li {

 margin: 0 0 22px 0;

}

 .Problem-list li .prob-title {

 font-size: 16px;

 padding: 32px 90px 32px 100px;

}

 .Problem-list li .prob-title:before {

 width: 97px;

 -moz-background-size: auto;

 -o-background-size: auto;

 background-size: auto;

 left: 6px;

}

 .Problem-list li .prob-title:after {

 width: 90px;

}

 .Problem-list .prob-cont {

 font-size: 14px;

 padding-top: 29px;

 padding-left: 92px;

 padding-bottom: 38px;

}

 .Problem-list .prob-cont:before {

 left: 47px;

}

}

/*维保服务*/

.Mainserv-dl .serv-thumb {

	position: relative;

	padding: 0 0 0 20px;

}

.Mainserv-dl .serv-thumb img {

	display: block;

	width: 100%;

}

.Mainserv-dl .serv-thumb:before {

	content: "";

	display: block;

	width: 95%;

	height: 100%;

	z-index: -1;

	background: url(../images/wicon17.png) no-repeat 0 0;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	position: absolute;

	left: 0;

	top: 20px;

	bottom: -20px;

}

.Mainserv-dl .serv-infor {

	padding: 40px 0 0 0;

	color: #929292;

}

 @media (min-width: 1024px) {

 .Mainservice {

 padding-bottom: 82px;

}

 .Mainserv-dl {

 padding: 28px 0;

}

 .Mainserv-dl .serv-thumb {

 float: right;

 width: 50%;

 max-width: 592px;

 padding: 0 0 0 28px;

}

 .Mainserv-dl .serv-thumb:before {

 top: 28px;

 bottom: -28px;

}

 .Mainserv-dl .serv-infor {

 overflow: hidden;

 padding: 23px 30px 0 0;

}

 .Mainserv-dl .serv-infor p {

 margin: 0 0 12px 0;

}

}

/*投诉维修*/

.Comprepair li {

	margin-bottom: 13px;

}

.Comprepair label {

	display: block;

	position: relative;

}

.Comprepair label span {

	display: block;

	margin-bottom: 5px;

	color: #4c4c4c;

	font-size: 16px;

}

.Comprepair label em {

	color: #fb0013;

	margin-right: 2px;

}

.Comprepair label input {

	font-family: "Microsoft YaHei";

}

.Comprepair label .inputext {

	display: block;

	height: 40px;

	line-height: 40px;

	border: 1px solid #dddddd;

	width: 100%;

	padding: 10px;

}

.Comprepair label .vccode {

	display: block;

	position: absolute;

	right: 0;

	top: 30px;

	width: 79px;

	height: 30px;

	cursor: pointer;

}

.Comprepair label .changecode {

	display: block;

}

.Comprepair label textarea {

	display: block;

	width: 100%;

	border: 1px solid #dddddd;

	padding: 10px 20px;

	height: 190px;

	font-family: "Microsoft YaHei";

}

.Comprepair label .submit {

	display: block;

	width: 100px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	color: #fff;

	font-weight: bold;

	font-size: 15px;

	background-color: #e7b828;

	margin: 0 auto;

}

.Comprepair .licode .inputext {

	width: 70%;

}

 @media (min-width: 768px) {

 .Comprepair li {

 margin-bottom: 34px;

}

 .Comprepair label span {

 float: left;

 width: 92px;

 font-size: 16px;

 margin-right: 20px;

 margin-bottom: 0;

 height: 57px;

 line-height: 57px;

 text-align: right;

}

 .Comprepair label .inputext {

 height: 56px;

 line-height: 56px;

 float: left;

 width: 380px;

}

 .Comprepair label .vccode {

 top: 50%;

 margin-top: -15px;

}

}

 @media (min-width: 1024px) {

 .Comprepairform {

 padding-top: 62px;

 padding-bottom: 97px;

}

 .Comprepair {

 max-width: 1200px;

 margin: 0 auto;

}

 .Comprepair li {

 float: left;

 width: 50%;

 max-width: 500px;

}

 .Comprepair li:nth-child(odd) {

 margin-right: 60px;

}

 .Comprepair .litextarea {

 margin-top: -7px;

}

 .Comprepair .litextarea, .Comprepair .lisubmit {

 width: 100%;

 max-width: 100%;

}

 .Comprepair .licode .inputext {

 max-width: 183px;

}

 .Comprepair label textarea {

 float: left;

 width: 90%;

 max-width: 940px;

}

 .Comprepair label .inputext .vccode {

 width: 280px;

 height: 40px;

 float: left;

}

 .Comprepair label .submit {

 width: 300px;

 height: 52px;

 line-height: 52px;

 font-size: 18px;border:none

}

}

 @media (min-width: 1199px) {

 .Comprepair {

 background: url(../images/wicon18.png) no-repeat 0 0;

        /*-moz-background-size: contain;

        -o-background-size: contain;

        background-size: contain;*/

        padding: 56px 47px 56px 70px;

}

 .Comprepair li {

 margin-bottom: 50px;

}

}

 @media (min-width: 1260px) {

 .Comprepair {

 padding: 70px 70px 30px 47px;

}

}

/*我要参观红门*/

.Cvisitrepair li {

	margin-bottom: 13px;

}

.Cvisitrepair label {

	display: block;

	position: relative;

}

.Cvisitrepair label span {

	display: block;

	margin-bottom: 5px;

	color: #4c4c4c;

	font-size: 16px;

}

.Cvisitrepair label em {

	color: #fb0013;

	margin-right: 2px;

}

.Cvisitrepair label input {

	font-family: "Microsoft YaHei";

}

.Cvisitrepair label .inputext {

	display: block;

	height: 40px;

	line-height: 40px;

	border: 1px solid #dddddd;

	width: 100%;

	padding: 10px;

}

.Cvisitrepair label .vccode {

	display: block;

	position: absolute;

	right: 0;

	top: 30px;

	width: 79px;

	height: 30px;

	cursor: pointer;

}

.Cvisitrepair label .changecode {

	display: block;

}

.Cvisitrepair label textarea {

	display: block;

	width: 100%;

	border: 1px solid #dddddd;

	padding: 10px 20px;

	height: 190px;

	font-family: "Microsoft YaHei";

}

.Cvisitrepair label .submit, .Cvisitrepair label .reset {

	display: inline-block;

	width: 100px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	color: #fff;

	font-weight: bold;

	font-size: 15px;

	margin: 0 auto;

	cursor: pointer;

}

.Cvisitrepair label .submit {

	background-color: #e7b828;

}

.Cvisitrepair label .reset {

	background-color: #aeaeae;

}

.Cvisitrepair .licode .inputext {

	width: 70%;

}

.Cvisitrepair .lisubmit {

	text-align: center;

}

.Cvisitrepair .liselect {

	background: none;

	padding: 0;

}

.Cvisitrepair .liselect .select-box {

	background: #ffffff url(../images/wicon20.png) no-repeat 92% center;

	font-size: 14px;

	margin: 0 0 10px 0;

	border: 1px solid #dddddd;

}

.Cvisitrepair .liselect .select-box:last-child {

	margin-right: 0;

}

.Cvisitrepair .liselect select {

	display: block;

	height: 38px;

	line-height: 38px;

	width: 100%;

	padding: 0 10px;

	cursor: pointer;

	background: none;

	color: #929292;

}

 .Cvisitrepair .liselect select::-ms-expand {

 display: none;

}

 @media (min-width: 768px) {

 .Cvisitrepair li {

 margin-bottom: 34px;

}

 .Cvisitrepair label span {

 float: left;

 width: 140px;

 font-size: 16px;

 margin-right: 20px;

 margin-bottom: 0;

 height: 57px;

 line-height: 57px;

 text-align: right;

}

 .Cvisitrepair label .inputext {

 height: 56px;

 line-height: 56px;

 float: left;

 width: 300px;

}

 .Cvisitrepair label .vccode {

 top: 50%;

 margin-top: -15px;

}

 .Cvisitrepair .liselect .select-box {

 float: left;

 width: 40%;

 margin: 0 10px 0 0;

 max-width: 145px;

}

 .Cvisitrepair .liselect .select-box select {

 height: 57px;

 line-height: 57px;

}

}

 @media (min-width: 1024px) {

 .Comvisitform {

 padding-top: 62px;

 padding-bottom: 70px;

}

 .Cvisitrepair {

 max-width: 1155px;

 margin: 0 auto;

}

 .Cvisitrepair li {

 float: left;

 width: 50%;

 max-width: 460px;

}

 .Cvisitrepair li:nth-child(odd) {

 margin-right: 20px;

}

 .Cvisitrepair .litextarea {

 margin-top: -7px;

}

 .Cvisitrepair .litextarea, .Cvisitrepair .lisubmit {

 width: 100%;

 max-width: 100%;

}

 .Cvisitrepair .licode .inputext {

 max-width: 183px;

}

 .Cvisitrepair label textarea {

 float: left;

 width: 88%;

 max-width: 730px;

}

 .Cvisitrepair label .inputext .vccode {

 width: 280px;

 height: 40px;

 float: left;

}

 .Cvisitrepair label .submit, .Cvisitrepair label .reset {

 width: 168px;

 height: 52px;

 line-height: 52px;

 font-size: 18px;

 margin: 0 15px;

}

}

 @media (min-width: 1199px) {

 .Cvisitrepair {

 background: url(../images/wicon21.png) no-repeat 0 0;

 -moz-background-size: contain;

 -o-background-size: contain;

 background-size: contain;

 padding: 56px 38px 56px 0;

}

 .Cvisitrepair li {

 margin-bottom: 50px;

}

 .Cvisitrepair li:nth-child(odd) {

 margin-right: 50px;

}

 .Cvisitrepair .liselect .select-box.input-box {

 width: 25%;

 margin: 0 0 0 10px;

}

}

 @media (min-width: 1260px) {

 .Cvisitrepair {

 padding: 70px 38px 30px 0;

}

 .Cvisitrepair .liselect {

 max-width: 580px;

}

 .Cvisitrepair .liselect .select-box {

 margin: 0 20px 0 0;

 max-width: 180px;

}

}

/*公司简介*/

.compro-dl .sname, .compro-dl .title {

	font-family: Montserrat;

}

.compro-dl .sname {

	opacity: 0.24;

	text-transform: uppercase;

	padding: 5px 0;

	line-height: 16px;

}

.compro-dl .title {

	color: #ccc2c2;

	font-size: 30px;

	line-height: 30px;

	padding: 0 0 10px;

}

.compro-dl .thumb {

	color: #8e8989;

}

.compro-dl .infor {

	padding: 20px 0 0 0;

	color: #666666;

	opacity: 0.7;

	font-size: 13px;

}

 @media (min-width: 768px) {

 .compro-dl .title {

 font-size: 40px;

 line-height: 40px;

}

 .compro-dl .infor {

 columns: 50px 2;

 -webkit-columns: 50px 2;

 -moz-columns: 50px 2;

 -webkit-column-gap: 30px;

 -moz-column-gap: 30px;

 column-gap: 30px;

}

}

 @media (min-width: 1199px) {

 .comprofile-min {

 position: relative;

}

 .comprofile-min:before {

 content: "";

 display: block;

 width: 32%;

 max-width: 740px;

 border-top: 6px solid #faf9f9;

 border-right: 6px solid #faf9f9;

 position: absolute;

 top: 35px;

 left: 0;

 bottom: 0;

}

 .compro-dl .title {

 font-size: 52px;

 line-height: 42px;

 padding: 22px 0 12px;

}

 .compro-dl .thumb {

 float: left;

 width: 32%;

 max-width: 380px;

 padding: 30px 0 0 0;

 position: relative;

}

 .compro-dl .infor {

 overflow: hidden;

 padding: 0 0 45px 30px;

}

}

 @media (min-width: 1440px) {

 .comprofile-min:before {

 width: 34%;

}

 .compro-dl .thumb {

 padding: 43px 0 0 0;

}

}

 @media (min-width: 1680px) {

 .comprofile-min:before {

 width: 36%;

}

}

 @media (min-width: 1800px) {

 .comprofile-min:before {

 width: 40%;

}

}

/*公司简介*/

.compGlobal-min {

	background: url(../images/wimg14m.jpg) no-repeat center center;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.compGlobal-min .commonweb {

	position: relative;

}

.compGlobal-min .comgtext {

	color: #9b9b9f;

}

 @media (min-width: 1024px) {

 .compGlobal-min {

 min-height: 513px;

 padding-top: 43px;

}

 .comgimg {

 position: absolute;

 top: -12px;

 right: -100px;

 width: 83%;

 max-width: 992px;

}

 .comgtext {

 position: relative;

 z-index: 1;

 max-width: 800px;

 padding: 10px 360px 0 0;

}

 .comgtext .posit {

 position: absolute;

 top: 0;

 right: 0;

}

}

/*企业文化*/

.Comculture-dl {

	background: #cccccc url(../images/wicon24.png) no-repeat 100% 100%;

}

.Comculture-dl .thumb img {

	display: block;

	width: 100%;

}

.Comculture-dl .infor {

	padding: 15px;

	color: #ffffff;

}

.Comculture-dl .infor .name {

	font-size: 20px;

	padding: 0 0 8px 0;

}

.Comculture-dl .infor .text {

	opacity: .7;

}

 @media (min-width: 768px) {

 .Comculture-dl .thumb {

 float: left;

 width: 70%;

 max-width: 769px;

}

 .Comculture-dl .infor {

 overflow: hidden;

 padding: 20px;

}

}

 @media (min-width: 1024px) {

 .Comculture-dl {

 margin: 19px 0 0 0;

}

 .Comculture-dl .infor {

 padding: 7.5% 5% 10px 5%;

}

 .Comculture-dl .infor .name {

 font-size: 26px;

 line-height: 30px;

 padding: 0 0 25px 0;

}

}

.Comculture-list li {

	margin: 0 0 20px 0;

}

.Comculture-list li .content {

	border: 1px solid #e3e3eb;

}

.Comculture-list li .content .img img {

	display: block;

	width: 100%;

}

.Comculture-list li .content .cult-text {

	text-align: center;

	padding: 20px;

	border-top: 1px solid #e3e3eb;

	color: #929292;

}

.Comculture-list li .content .name {

	font-size: 16px;

	color: #58596d;

}

 @media (min-width: 768px) {

 .Comculture-list {

 padding-top: 55px;

 padding-bottom: 43px;

}

 .Comculture-list ul {

 margin: 0 -10px;

}

 .Comculture-list li {

 float: left;

 width: 25%;

 padding: 0 10px;

}

 .Comculture-list li .content .cult-text {

 padding: 20px 20px 30px;

}

 .Comculture-list li .content .name {

 font-size: 18px;

 padding: 0 0 18px;

}

}

/*荣誉证书*/

.Honor-list ul {

	padding-bottom: 30px;

}

.Honor-list li {

	margin: 0 0 15px 0;

}

.Honor-list a {

	display: block;

}

.Honor-list a img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.Honor-list .elc-text {

	text-align: center;

	margin: 5px 0 0 0;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 40px;

	color: #4c4c4c;

}

 @media (min-width: 768px) {

 .Honor-list {

 overflow: hidden;

}

 .Honor-list ul {

 margin: 0 -7px;

}

 .Honor-list li {

 padding: 0 7px;

 margin: 0 0 20px 0;

}

 .Honor-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .Honor-list li:hover .elc-text {

 color: #e7b828;

}

 .Honor-list .elc-img {

 overflow: hidden;

}

 .Honor-list .elc-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

}

 @media (min-width: 1024px) {

 .Honors-min {

 padding-top: 48px;

 padding-bottom: 48px;

}

 .Honor-list ul {

 margin: 0 -15px;

 padding-bottom: 36px;

}

 .Honor-list li {

 padding: 0 15px;

 margin-bottom: 48px;

}

 .Honor-list .elc-text {

 font-size: 18px;

 height: 24px;

 line-height: 24px;

 margin-top: 27px;

}

}

/*弹窗*/

.probg {

	position: fixed;

	top: 0;

	width: 100%;

	height: 100%;

	left: 0;

	background: black;

	z-index: 90;

	display: none;

	opacity: 0.7;

}

.thumb-popup {

	display: none;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 100;

}

.thumb-wraper {

	width: 80%;

	position: fixed;

	top: 50%;

	left: 50%;

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	word-wrap: break-word;

	line-height: 28px;

	z-index: 9;

}

.thumb-copy-wrapper {

	position: relative;

	overflow: hidden;

}

.thumb-popup .swiper-wrapper {

	width: 100%;

}

.thumb-popup .swiper-wrapper li {

	position: relative;

	height: 100%;

	width: 100%;

	text-align: center;

}

.thumb-popup .swiper-wrapper li img {

	display: block;

	max-width: 100%;

	max-height: 90%;

	position: relative;

	top: 50%;

	left: 50%;

	-moz-transform: translate3d(-50%, -50%, 0);

	transform: translate3d(-50%, -50%, 0);

	-webkit-transform: translate3d(-50%, -50%, 0);

	-ms-transform: translate3d(-50%, -50%, 0);

	-o-transform: translate3d(-50%, -50%, 0);

}

.thumb-popup .close {

	width: 35px;

	height: 35px;

	position: fixed;

	display: block;

	top: 20px;

	right: 3%;

	background-image: url(../images/winco04.png);

	background-position: center center;

	background-repeat: no-repeat;

	-o-background-size: 12px auto;

	background-size: 12px auto;

	cursor: pointer;

	z-index: 99;

	background-color: #e7b828;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.banner-btn {

	cursor: pointer;

}

.swiper-left {

	left: -40px;

}

.swiper-right {

	right: -40px;

	background-position: right 0;

}

.popup-btn {

	position: fixed;

	width: 50px;

	height: 50px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	cursor: pointer;

	z-index: 1000;

}

.popup-btn:after {

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	display: block;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.swiper-left:after {

	border-right: 15px solid #fff;

}

.swiper-right:after {

	border-left: 15px solid #fff;

}

.popup-btn:hover {

	border-color: #fff;

}

.thumb-text {

	text-align: center;

	font-size: 16px;

	padding: 20px 0;

	color: #fff;

	bottom: 20%;

	width: 100%;

	left: 0;

	position: absolute;

	left: 50%;

	max-width: 1200px;

	transform: translateX(-50%);

}

/*品牌历程*/

.History-min {

	padding-top: 30px;

}

.history-list {

	padding: 0 40px;

	position: relative;

}

.historyulitem {

	position: relative;

	overflow: hidden;

}

.historyulitem ul {

	font-size: 0;

	width: 9999px;

	webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-o-transform: translate(0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	position: relative;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	display: block;

}

.historyulitem li {

	display: inline-block;

	vertical-align: bottom;

	background: url(../images/wicon25.png) 7px 0 repeat-y;

	position: relative;

	color: #4c4c4c;

}

.historyulitem li:after {

	position: absolute;

	content: "";

	width: 14px;

	height: 14px;

	border: 3px solid #d5d5d5;

	top: 0;

	left: 0;

	display: block;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

	background: #ffffff;

}

.historyulitem li .history-con {

	padding: 0 10px 30px 30px;

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	position: relative;

	-webkit-font-smoothing: none;

	font-size: 14px !important;

	color: #868686;

}

.historyulitem li .year-num {

	margin-top: 20px;

	display: block;

	color: #999999;

	font-size: 30px;

	line-height: 30px;

	font-family: Rubik;

}

.history-btn {

	display: block;

	position: absolute;

	width: 32px;

	height: 33px;

	background-position: center center;

	-moz-background-size: 100%;

	-o-background-size: 100%;

	background-size: 100%;

	background-repeat: no-repeat;

	cursor: pointer;

	bottom: 50px;

}

.history-btn.hisswiper-left {

	left: -5px;

	background-image: url(../images/prev2.png);

}

.history-btn.hisswiper-left:hover {

	background-image: url(../images/prev2ho.png);

}

.history-btn.hisswiper-right {

	right: -5px;

	background-image: url(../images/next2.png);

}

.history-btn.hisswiper-right:hover {

	background-image: url(../images/next2ho.png);

}

 @media (min-width: 1024px) {

 .History-min {

 padding-top: 85px;

}

 .history-btn {

 width: 42px;

 height: 42px;

 bottom: 144px;

}

 .history-list {

 padding: 0;

}

 .historyulitem li .year-num {

 margin-top: 52px;

 font-size: 42px;

 line-height: 42px;

}

 .historyulitem li .history-con {

 padding: 23px 20px 51px 30px;

}

 .thumb-text {

 bottom: 17%;

}

}

 @media (min-width: 1440px) {

 .history-btn.hisswiper-left {

 left: -113px;

}

 .history-btn.hisswiper-right {

 right: -113px;

}

}

/*社会责任*/

.Social-text {

	color: #929292;

	max-width: 980px;

}

.Erespon-list ul {

	padding: 0 0 30px 0;

	margin: 0 -5px;

}

.Erespon-list li {

	margin: 0 0 10px 0;

	padding: 0 5px;

}

.Erespon-list a {

	display: block;

	border: 1px solid #e3e3eb;

}

.Erespon-list a img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.Erespon-list .elc-text {

	border-top: 1px solid #e3e3eb;

	text-align: center;

	line-height: 40px;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	color: #4c4c4c;

	padding: 0 10px;

}

 @media (min-width: 768px) {

 .Erespon-list {

 overflow: hidden;

}

 .Erespon-list ul {

 margin: 0 -7px;

}

 .Erespon-list li {

 padding: 0 7px;

 margin: 0 0 20px 0;

}

 .Erespon-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .Erespon-list li:hover .elc-text {

 color: #e7b828;

}

 .Erespon-list .elc-img {

 overflow: hidden;

}

 .Erespon-list .elc-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

}

 @media (min-width: 1024px) {

 .Social-min {

 padding-top: 35px;

 padding-bottom: 48px;

}

 .Erespon-list ul {

 margin: 0 -15px;

 padding-bottom: 36px;

}

 .Erespon-list li {

 padding: 0 15px;

 margin-bottom: 30px;

}

 .Erespon-list .elc-text {

 font-size: 18px;

 height: 83px;

 line-height: 83px;

}

}

/*公司环境*/

.Environ-min {

	padding-bottom: 30px;

}

.Environ-list ul {

	padding: 0 0 30px 0;

	margin: 0 -5px;

}

.Environ-list li {

	margin: 0 0 10px 0;

	padding: 0 5px;

}

.Environ-list a {

	display: block;

	border: 1px solid #e3e3eb;

}

.Environ-list a img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.Environ-list .elc-text {

	border-top: 1px solid #e3e3eb;

	text-align: center;

	line-height: 40px;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	color: #4c4c4c;

	padding: 0 10px;

}

 @media (min-width: 768px) {

 .Environ-list {

 overflow: hidden;

}

 .Environ-list ul {

 margin: 0 -7px;

}

 .Environ-list li {

 padding: 0 7px;

 margin: 0 0 20px 0;

}

 .Environ-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .Environ-list li:hover .elc-text {

 color: #e7b828;

}

 .Environ-list .elc-img {

 overflow: hidden;

}

 .Environ-list .elc-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

}

 @media (min-width: 1024px) {

 .Environ-min {

 padding-top: 5px;

 padding-bottom: 38px;

}

 .Environ-list ul {

 margin: 0 -15px;

 padding-bottom: 27px;

}

 .Environ-list li {

 padding: 0 15px;

 margin-bottom: 30px;

}

 .Environ-list .elc-text {

 font-size: 18px;

 height: 83px;

 line-height: 83px;

}

}

/*视频中心*/

.Videos-min ul {

	padding-bottom: 30px;

}

.Videos-min li {

	margin: 0 0 15px 0;

}

.Videos-min a {

	display: block;

}

.Videos-min a img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.Videos-min .elc-img {

	position: relative;

}

.Videos-min .video-show {

	position: absolute;

	z-index: 3;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	text-align: center;

	color: #FFFFFF;

	width: 100%;

}

.Videos-min .video-show .videoicon {

	display: block;

	width: 65px;

	height: 65px;

	background: url(../images/wq_icon11.png) no-repeat center center;

	-moz-background-size: 40px;

	-o-background-size: 40px;

	background-size: 40px;

	margin: 0 auto;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, -webkit-transform 0.35s;

	-o-transition: opacity 0.35s, -o-transform 0.35s;

	-moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-o-transform: scale(0);

	transform: scale(0);

}

.Videos-min li:hover .Video-img:before {

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.Videos-min li:hover .videoicon {

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.Videos-min .elc-text {

	text-align: center;

	margin: 5px 0 0 0;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 40px;

	color: #4c4c4c;

}

 @media (min-width: 768px) {

 .Video-list {

 overflow: hidden;

}

 .Video-list ul {

 margin: 0 -7px;

}

 .Video-list li {

 padding: 0 7px;

 margin: 0 0 20px 0;

}

 .Video-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .Video-list li:hover .elc-text {

 color: #e7b828;

}

 .Video-list .elc-img {

 overflow: hidden;

}

 .Video-list .elc-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

}

 @media (min-width: 1024px) {

 .Videos-min {

 padding-top: 48px;

 padding-bottom: 48px;

}

 .Video-list ul {

 margin: 0 -15px;

 padding-bottom: 36px;

}

 .Video-list li {

 padding: 0 15px;

 margin-bottom: 48px;

}

 .Video-list .video-show .videoicon {

 -moz-background-size: auto;

 -o-background-size: auto;

 background-size: auto;

}

 .Video-list .elc-text {

 font-size: 18px;

 height: 24px;

 line-height: 24px;

 margin-top: 27px;

}

}

/*视频弹窗*/

.recruitmentfloat {

	display: none;

	z-index: 110;

	width: 100%;

	position: fixed;

	height: 100%;

	background: rgba(0, 0, 0, 0.6);

	left: 0px;

	top: 0px;

}

.tianjiatvwrap {

	width: 95%;

	margin: 0 auto;

	position: absolute;

	top: 50%;

	left: 50%;

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

}

.tianjiatvwrap .videobox {

	height: 250px;

	position: relative;

	z-index: 1;

}

.recclosebtn {

	width: 35px;

	height: 35px;

	position: fixed;

	display: block;

	top: 20px;

	right: 3%;

	background-image: url(../images/winco04.png);

	background-position: center center;

	background-repeat: no-repeat;

	-moz-background-size: 12px auto;

	-o-background-size: 12px auto;

	background-size: 12px auto;

	cursor: pointer;

	z-index: 99;

	background-color: #e7b828;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

}

 @media (min-width: 640px) {

 .tianjiatvwrap .videobox {

 height: 350px;

}

}

 @media (min-width: 1024px) {

 .tianjiatvwrap {

 width: 1000px;

}

 .tianjiatvwrap .videobox {

 height: 600px;

}

}

/*员工风采*/

.Employee-list ul {

	padding: 0 0 30px 0;

	margin: 0 -5px;

}

.Employee-list li {

	margin: 0 0 10px 0;

	padding: 0 5px;

}

.Employee-list a {

	display: block;

	border: 1px solid #e3e3eb;

}

.Employee-list a img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.Employee-list .elc-text {

	border-top: 1px solid #e3e3eb;

	text-align: center;

	line-height: 40px;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	color: #4c4c4c;

	padding: 0 10px;

}

 @media (min-width: 768px) {

 .Employee-list {

 overflow: hidden;

}

 .Employee-list ul {

 margin: 0 -7px;

}

 .Employee-list li {

 padding: 0 7px;

 margin: 0 0 20px 0;

}

 .Employee-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .Employee-list li:hover .elc-text {

 color: #e7b828;

}

 .Employee-list .elc-img {

 overflow: hidden;

}

 .Employee-list .elc-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

}

 @media (min-width: 1024px) {

 .Employee-min {

 padding-top: 5px;

 padding-bottom: 38px;

}

 .Employee-list ul {

 margin: 0 -15px;

 padding-bottom: 27px;

}

 .Employee-list li {

 padding: 0 15px;

 margin-bottom: 30px;

}

 .Employee-list .elc-text {

 font-size: 18px;

 height: 83px;

 line-height: 83px;

}

}

/*职业发展*/

.Careerment-min {

	background: url(../images/wimg21.jpg) no-repeat top center;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	margin: 0 0 30px 0;

}

.Career-wrapper {

	position: relative;

	padding: 0 30px;

}

.Career-wrapper .wrapper-min {

	overflow: hidden;

	padding: 30px 0 0 0;

}

.Career-wrapper ul.momargin {

	margin: 0;

}

.Career-wrapper ul.momargin li {

	padding: 0;

}

.Career-wrapper li {

	margin: 0 0 20px 0;

}

.Career-wrapper li a {

	display: block;

}

.Career-wrapper li .solut-img img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.Career-wrapper li .solut-text {

	padding: 10px;

	background-color: #f0f0f2;

	border-top: 2px solid #e7b828;

	text-align: center;

	position: relative;

}

.Career-wrapper li .solut-text:before {

	content: "";

	position: absolute;

	z-index: -1;

	left: 0;

	right: 100%;

	top: -2px;

	background: #0c337f;

	height: 2px;

	-webkit-transition-property: right;

	-o-transition-property: right;

	-moz-transition-property: right;

	transition-property: right;

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.Career-wrapper li .solut-text h3 {

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 45px;

}

.Career-wrapper li .solut-text p {

	display: -webkit-box;

	height: 96px;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	color: #929292;

}

.Career-wrapper li:hover .solut-text:before {

	right: 0;

	z-index: 2;

}

.Career-wrapper .relat-btn.relat-prev {

	background-image: url(../images/prev3.png);

}

.Career-wrapper .relat-btn.relat-prev:hover {

	background-image: url(../images/prev3ho.png);

}

.Career-wrapper .relat-btn.relat-next {

	background-image: url(../images/next3.png);

}

.Career-wrapper .relat-btn.relat-next:hover {

	background-image: url(../images/next3ho.png);

}

 @media (min-width: 768px) {

 .Career-wrapper .relat-btn {

 height: 43px;

}

}

 @media (min-width: 1024px) {

 .Careerment-min {

 margin: 0 0 76px 0;

}

 .Career-wrapper {

 padding: 0 40px;

}

 .Career-wrapper .wrapper-min {

 padding-top: 12%;

}

 .Career-wrapper li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .Career-wrapper li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .Career-wrapper li .solut-img {

 overflow: hidden;

}

 .Career-wrapper li .solut-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .Career-wrapper li .solut-text {

 padding: 14px 30px 41px;

}

 .Career-wrapper li .solut-text h3 {

 margin: 0 0 9px 0;

}

 .Career-wrapper li:hover .solut-text h3 {

 color: #e7b828;

}

}

 @media (min-width: 1199px) {

 .Careerment-min {

 -moz-background-size: 100% 374px;

 -o-background-size: 100% 374px;

 background-size: 100% 374px;

}

}

 @media (min-width: 1400px) {

 .Career-wrapper {

 padding: 0;

}

}

/*招聘中心*/

.Platfbtn {

	display: inline-block;

	background: #e7b828 url(../images/wicon26.png) no-repeat 20px center;

	color: #ffffff;

	padding: 10px 20px 10px 50px;

	text-align: left;

	margin: 10px 0 0;

}

 @media (min-width: 1024px) {

 .Platfbtn {

 padding: 17px 40px 17px 69px;

 font-size: 18px;

 margin: 0;

 background-position: 38px center;

}

}

.recruiting-list ul {

	margin: 0 -10px;

	padding: 0 0 30px;

}

.recruiting-list li {

	padding: 0 10px 20px 10px;

}

.recruiting-list .recontent {

	border: 2px solid #f2f0ec;

	padding: 20px 20px 40px;

	position: relative;

}

.recruiting-list .recontent .retitle {

	color: #333333;

}

.recruiting-list .recontent .posititext {

	color: #929292;

}

.recruiting-list .recontent .Delivery {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background-color: #e7b828;

	color: #ffffff;

	height: 40px;

	line-height: 40px;

	padding: 0 10px;

	text-align: center;

	opacity: 0;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

.recruiting-list li:hover .recontent .Delivery {

	opacity: 1;

}

 @media (min-width: 1024px) {

 .recruiting-list {

 padding-top: 49px;

 padding-bottom: 22px;

}

 .recruiting-list ul {

 padding: 0 0 40px 0;

}

 .recruiting-list .recontent {

 padding: 33px 30px 44px;

}

 .recruiting-list .recontent .retitle {

 padding: 0 0 5px 0;

}

 .recruiting-list .recontent h4 {

 padding-bottom: 5px;

}

 .recruiting-list .recontent .Delivery {

 height: 45px;

 line-height: 45px;

 font-size: 16px;

}

}

.grid {

	list-style: none;

	margin: 30px auto;

	padding: 0;

}

.grid li {

	display: block;

	opacity: 0;

}

.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {

	opacity: 1;

}

.grid li a, .grid li img {

	outline: none;

	border: none;

	display: block;

	max-width: 100%;

}

/* Effect 1: opacity */

.grid.effect-1 li.animate {

	-webkit-animation: fadeIn 0.65s ease forwards;

	-moz-animation: fadeIn 0.65s ease forwards;

	-o-animation: fadeIn 0.65s ease forwards;

	animation: fadeIn 0.65s ease forwards;

}

 @-webkit-keyframes fadeIn {

 0% {

}

 100% {

 opacity: 1;

}

}

 @-moz-keyframes fadeIn {

 0% {

}

 100% {

 opacity: 1;

}

}

 @-o-keyframes fadeIn {

 0% {

}

 100% {

 opacity: 1;

}

}

 @keyframes fadeIn {

 0% {

}

 100% {

 opacity: 1;

}

}

/* Effect 2: Move Up */

.grid.effect-2 li.animate {

	-webkit-transform: translateY(200px);

	-moz-transform: translateY(200px);

	-ms-transform: translateY(200px);

	-o-transform: translateY(200px);

	transform: translateY(200px);

	-webkit-animation: moveUp 0.65s ease forwards;

	-moz-animation: moveUp 0.65s ease forwards;

	-o-animation: moveUp 0.65s ease forwards;

	animation: moveUp 0.65s ease forwards;

}

 @-webkit-keyframes moveUp {

 0% {

}

 100% {

 -webkit-transform: translateY(0);

 opacity: 1;

}

}

 @-moz-keyframes moveUp {

 0% {

}

 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 transform: translateY(0);

 opacity: 1;

}

}

 @-o-keyframes moveUp {

 0% {

}

 100% {

 -webkit-transform: translateY(0);

 -o-transform: translateY(0);

 transform: translateY(0);

 opacity: 1;

}

}

 @keyframes moveUp {

 0% {

}

 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -o-transform: translateY(0);

 transform: translateY(0);

 opacity: 1;

}

}

/* Effect 3: Scale up */

.grid.effect-3 li.animate {

	-webkit-transform: scale(0.6);

	-moz-transform: scale(0.6);

	-ms-transform: scale(0.6);

	-o-transform: scale(0.6);

	transform: scale(0.6);

	-webkit-animation: scaleUp 0.65s ease-in-out forwards;

	-moz-animation: scaleUp 0.65s ease-in-out forwards;

	-o-animation: scaleUp 0.65s ease-in-out forwards;

	animation: scaleUp 0.65s ease-in-out forwards;

}

 @-webkit-keyframes scaleUp {

 0% {

}

 100% {

 -webkit-transform: scale(1);

 opacity: 1;

}

}

 @-moz-keyframes scaleUp {

 0% {

}

 100% {

 -webkit-transform: scale(1);

 -moz-transform: scale(1);

 transform: scale(1);

 opacity: 1;

}

}

 @-o-keyframes scaleUp {

 0% {

}

 100% {

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

 opacity: 1;

}

}

 @keyframes scaleUp {

 0% {

}

 100% {

 -webkit-transform: scale(1);

 -moz-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

 opacity: 1;

}

}

/* Effect 4: fall perspective */

.grid.effect-4 {

	-webkit-perspective: 1300px;

	-moz-perspective: 1300px;

	perspective: 1300px;

}

.grid.effect-4 li.animate {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);

	-moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);

	transform: translateZ(400px) translateY(300px) rotateX(-90deg);

 -webkit-animation: fallPerspective .8s ease-in-out forwards;

 -moz-animation: fallPerspective .8s ease-in-out forwards;

 -o-animation: fallPerspective .8s ease-in-out forwards;

 animation: fallPerspective .8s ease-in-out forwards;

}

 @-webkit-keyframes fallPerspective {

 0% {

}

 100% {

 -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);

 opacity: 1;

}

}

 @-moz-keyframes fallPerspective {

 0% {

}

 100% {

 -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);

 -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);

 transform: translateZ(0px) translateY(0px) rotateX(0deg);

 opacity: 1;

}

}

 @-o-keyframes fallPerspective {

 0% {

}

 100% {

 -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);

 transform: translateZ(0px) translateY(0px) rotateX(0deg);

 opacity: 1;

}

}

 @keyframes fallPerspective {

 0% {

}

 100% {

 -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);

 -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);

 transform: translateZ(0px) translateY(0px) rotateX(0deg);

 opacity: 1;

}

}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */

.grid.effect-5 {

	-webkit-perspective: 1300px;

	-moz-perspective: 1300px;

	perspective: 1300px;

}

.grid.effect-5 li.animate {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 50% 50% -300px;

	-moz-transform-origin: 50% 50% -300px;

	-ms-transform-origin: 50% 50% -300px;

	-o-transform-origin: 50% 50% -300px;

	transform-origin: 50% 50% -300px;

	-webkit-transform: rotateX(-180deg);

	-moz-transform: rotateX(-180deg);

	transform: rotateX(-180deg);

 -webkit-animation: fly .8s ease-in-out forwards;

 -moz-animation: fly .8s ease-in-out forwards;

 -o-animation: fly .8s ease-in-out forwards;

 animation: fly .8s ease-in-out forwards;

}

 @-webkit-keyframes fly {

 0% {

}

 100% {

 -webkit-transform: rotateX(0deg);

 opacity: 1;

}

}

 @-moz-keyframes fly {

 0% {

}

 100% {

 -webkit-transform: rotateX(0deg);

 -moz-transform: rotateX(0deg);

 transform: rotateX(0deg);

 opacity: 1;

}

}

 @-o-keyframes fly {

 0% {

}

 100% {

 -webkit-transform: rotateX(0deg);

 transform: rotateX(0deg);

 opacity: 1;

}

}

 @keyframes fly {

 0% {

}

 100% {

 -webkit-transform: rotateX(0deg);

 -moz-transform: rotateX(0deg);

 transform: rotateX(0deg);

 opacity: 1;

}

}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */

.grid.effect-6 {

	-webkit-perspective: 1300px;

	-moz-perspective: 1300px;

	perspective: 1300px;

}

.grid.effect-6 li.animate {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform-origin: 0% 0%;

	-moz-transform-origin: 0% 0%;

	-ms-transform-origin: 0% 0%;

	-o-transform-origin: 0% 0%;

	transform-origin: 0% 0%;

	-webkit-transform: rotateX(-80deg);

	-moz-transform: rotateX(-80deg);

	transform: rotateX(-80deg);

 -webkit-animation: flip .8s ease-in-out forwards;

 -moz-animation: flip .8s ease-in-out forwards;

 -o-animation: flip .8s ease-in-out forwards;

 animation: flip .8s ease-in-out forwards;

}

 @-webkit-keyframes flip {

 0% {

}

 100% {

 -webkit-transform: rotateX(0deg);

 opacity: 1;

}

}

 @-moz-keyframes flip {

 0% {

}

 100% {

 -webkit-transform: rotateX(0deg);

 -moz-transform: rotateX(0deg);

 transform: rotateX(0deg);

 opacity: 1;

}

}

 @-o-keyframes flip {

 0% {

}

 100% {

 -webkit-transform: rotateX(0deg);

 transform: rotateX(0deg);

 opacity: 1;

}

}

 @keyframes flip {

 0% {

}

 100% {

 -webkit-transform: rotateX(0deg);

 -moz-transform: rotateX(0deg);

 transform: rotateX(0deg);

 opacity: 1;

}

}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */

.grid.effect-7 {

	-webkit-perspective: 1300px;

	-moz-perspective: 1300px;

	perspective: 1300px;

}

.grid.effect-7 li.animate {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

 -webkit-animation: helix .8s ease-in-out forwards;

 -moz-animation: helix .8s ease-in-out forwards;

 -o-animation: helix .8s ease-in-out forwards;

 animation: helix .8s ease-in-out forwards;

}

 @-webkit-keyframes helix {

 0% {

}

 100% {

 -webkit-transform: rotateY(0deg);

 opacity: 1;

}

}

 @-moz-keyframes helix {

 0% {

}

 100% {

 -webkit-transform: rotateY(0deg);

 -moz-transform: rotateY(0deg);

 transform: rotateY(0deg);

 opacity: 1;

}

}

 @-o-keyframes helix {

 0% {

}

 100% {

 -webkit-transform: rotateY(0deg);

 transform: rotateY(0deg);

 opacity: 1;

}

}

 @keyframes helix {

 0% {

}

 100% {

 -webkit-transform: rotateY(0deg);

 -moz-transform: rotateY(0deg);

 transform: rotateY(0deg);

 opacity: 1;

}

}

/* Effect 8:  */

.grid.effect-8 {

	-webkit-perspective: 1300px;

	-moz-perspective: 1300px;

	perspective: 1300px;

}

.grid.effect-8 li.animate {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform: scale(0.4);

	-moz-transform: scale(0.4);

	-ms-transform: scale(0.4);

	-o-transform: scale(0.4);

	transform: scale(0.4);

 -webkit-animation: popUp .8s ease-in forwards;

 -moz-animation: popUp .8s ease-in forwards;

 -o-animation: popUp .8s ease-in forwards;

 animation: popUp .8s ease-in forwards;

}

 @-webkit-keyframes popUp {

 0% {

}

 70% {

 -webkit-transform: scale(1.1);

 opacity: .8;

 -webkit-animation-timing-function: ease-out;

}

 100% {

 -webkit-transform: scale(1);

 opacity: 1;

}

}

 @-moz-keyframes popUp {

 0% {

}

 70% {

 -webkit-transform: scale(1.1);

 -moz-transform: scale(1.1);

 transform: scale(1.1);

 opacity: .8;

 -webkit-animation-timing-function: ease-out;

 -moz-animation-timing-function: ease-out;

 animation-timing-function: ease-out;

}

 100% {

 -webkit-transform: scale(1);

 -moz-transform: scale(1);

 transform: scale(1);

 opacity: 1;

}

}

 @-o-keyframes popUp {

 0% {

}

 70% {

 -webkit-transform: scale(1.1);

 -o-transform: scale(1.1);

 transform: scale(1.1);

 opacity: .8;

 -webkit-animation-timing-function: ease-out;

 -o-animation-timing-function: ease-out;

 animation-timing-function: ease-out;

}

 100% {

 -webkit-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

 opacity: 1;

}

}

 @keyframes popUp {

 0% {

}

 70% {

 -webkit-transform: scale(1.1);

 -moz-transform: scale(1.1);

 -o-transform: scale(1.1);

 transform: scale(1.1);

 opacity: .8;

 -webkit-animation-timing-function: ease-out;

 -moz-animation-timing-function: ease-out;

 -o-animation-timing-function: ease-out;

 animation-timing-function: ease-out;

}

 100% {

 -webkit-transform: scale(1);

 -moz-transform: scale(1);

 -o-transform: scale(1);

 transform: scale(1);

 opacity: 1;

}

}

/*index*/

.indexbanner {

	width: 100%;

	position: relative;

	overflow: hidden;

}

.indexbanner li {

	width: 100%;

	position: relative;

	overflow: hidden;

	float: left;

	-webkit-flex-shrink: 0;

	-ms-flex: 0 0 auto;

	-ms-flex-negative: 0;

	flex-shrink: 0;

	height: 100%;

}

.indexbanner ul {

	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;

	transition-property: -webkit-transform;

	-moz-transition-property: transform, -moz-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.ipages {

	position: absolute;

	left: 50% !important;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	bottom: 10px;

	z-index: 10;

	text-align: center;

	font-size: 0;

	line-height: 0;

}

.ipages span {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	width: 10px;

	height: 10px;

	border: 2px solid #8e8987;

	margin: 0 6px;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

	background: none;

	opacity: 1;

 -webkit-transition: all .3s;

 -o-transition: all .3s;

 -moz-transition: all .3s;

 transition: all .3s;

}

.ipages .swiper-pagination-bullet-active {

	background-color: #e7b828;

	border-color: #e7b828;

}

.indexbanner li a img {

	display: block;

	width: 100%;

	position: relative;

}

 @media (min-width: 1024px) {

 .indexbanner .ipages {

 bottom: 20px;

}

 .ipages span {

 width: 12px;

 height: 12px;

}

}









 .indxNewsmin .cn{ color:#576AAE; font-size:48px; font-weight:bold}







.index-text .en {

	font-size:16px;

	color: #666666; margin-top:20px; line-height:30px;

}



 .indxProduct .cn{color: #576AAE;

    font-size: 48px;

    font-weight: bold;}





.index-btn {

	display: block;

	width: 30px;

	height: 30px;

	position: absolute;

	position: absolute;

	z-index: 3;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	background-position: center center;

	background-repeat: no-repeat;

	-moz-background-size: 30px;

	-o-background-size: 30px;

	background-size: 30px;

}

.index-btn.index-prev {

	background-image: url(../images/prev.png);

	left: 0;

}

.index-btn.index-prev:hover {

	background-image: url(../images/prevho.png);

}

.index-btn.index-next {

	background-image: url(../images/next.png);

	right: 0;

}

.index-btn.index-next:hover {

	background-image: url(../images/nextho.png);

}

.index-more a {

	display: inline-block;

	border: 2px solid #e1e1e4;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	height: 35px;

	line-height: 33px;

	text-align: center;

	padding: 0 20px;

	color: #6e6f7b;

	font-size: 13px;

}

 @media (min-width: 1024px) {

 .index-text .en {

 padding: 13px 0 0 0;

}

 .index-btn {

 width: 46px;

 height: 46px;

 -moz-background-size: 100%;

 -o-background-size: 100%;

 background-size: 100%;

}

 .index-btn.index-prev {

 left: -30px;

}

 .index-btn.index-next {

 right: -30px;

}

 .index-more a {

 -webkit-transform: perspective(1px) translateZ(0);

 -moz-transform: perspective(1px) translateZ(0);

 transform: perspective(1px) translateZ(0);

 -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

 -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

 box-shadow: 0 0 1px rgba(0, 0, 0, 0);

 position: relative;

 -webkit-transition-property: color;

 -o-transition-property: color;

 -moz-transition-property: color;

 transition-property: color;

 -webkit-transition-duration: 0.3s;

 -moz-transition-duration: 0.3s;

 -o-transition-duration: 0.3s;

 transition-duration: 0.3s;

 height: 60px;

 line-height: 60px;

 padding: 0 46px;

}

 .index-more a:before {

 content: "";

 position: absolute;

 z-index: -1;

 top: 0;

 bottom: 0;

 left: 0;

 right: 0;

 background: #e7b828;

 -webkit-border-radius: 50px;

 -moz-border-radius: 50px;

 border-radius: 50px;

 -webkit-transform: scale(0);

 -moz-transform: scale(0);

 -ms-transform: scale(0);

 -o-transform: scale(0);

 transform: scale(0);

 -webkit-transition-property: transform;

 -webkit-transition-property: -webkit-transform;

 transition-property: -webkit-transform;

 -o-transition-property: -o-transform;

 -moz-transition-property: transform, -moz-transform;

 transition-property: transform;

 transition-property: transform, -webkit-transform, -moz-transform, -o-transform;

 -webkit-transition-duration: 0.3s;

 -moz-transition-duration: 0.3s;

 -o-transition-duration: 0.3s;

 transition-duration: 0.3s;

 -webkit-transition-timing-function: ease-out;

 -moz-transition-timing-function: ease-out;

 -o-transition-timing-function: ease-out;

 transition-timing-function: ease-out;

}

 .index-more a:hover {

 color: #ffffff;

 border-color: #ffffff;

}

 .index-more a:hover:before {

 -webkit-transform: scaleY(1);

 -moz-transform: scaleY(1);

 -ms-transform: scaleY(1);

 -o-transform: scaleY(1);

 transform: scaleY(1);

}

}

 @media (min-width: 1400px) {

 .index-btn.index-prev {

 left: -80px;

}

 .index-btn.index-next {

 right: -80px;

}

}

 @media (min-width: 1440px) {

 .index-btn.index-prev {

 left: -106px;

}

 .index-btn.index-next {

 right: -106px;

}

}

.indxNews-wraper {

	position: relative;

	padding: 30px 35px;

}

.inxnews-list {

	overflow: hidden;

}

.inxnews-list li a {

	display: block; border:1px solid #e9f9f9



}

.inxnews-list li .tiothumb img {

	display: block;

	width: 100%;

}

.inxnews-list li .tioinfor {

	padding: 15px;

     background-color:#FFFFFF;

}

.inxnews-list li .tioinfor .text {

	color: #58596d;

	display: -webkit-box;

	height: 48px;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;font-size: 16px;

}





.inxnews-list li .tioinfor .text1 {

	color: #B2B2B2; font-size:15px;

	display: -webkit-box;

	height: 72px;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}









.inxnews-list li .tioinfor .date {

	color: #B2B2B2;



	display: block;

}

 @media (min-width: 1024px) {

 .indxNewsmin {

 padding-top: 56px;

 padding-bottom: 60px; background-color:#f4f4f4

}





 .indxNews-wraper {

 padding: 37px 30px;

}

 .inxnews-list li {

 float: left;

 width: 25%;

 margin-right: 30px;

}

 .inxnews-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .inxnews-list li .tiothumb {

 overflow: hidden;

}

 .inxnews-list li .tiothumb img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .inxnews-list li:hover .tioinfor .text {

 color: #e7b828;

}

 .inxnews-list li .tioinfor {

 font-size: 16px;

 padding: 24px 30px 34px;

}

 .inxnews-list li .tioinfor .date {

 padding: 11px 0 0 0;

}

}

 @media (min-width: 1400px) {

 .indxNews-wraper {

 padding: 37px 0;

}

}

.indxAboutus {

	background-color: #f1f4f9;

}

.indxAboutus .par-posimg {

	background: url(../images/wimg26.jpg) no-repeat center center;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	height: 230px;

	position: relative;

}

.indxAboutus .par-text {

	position: absolute;

	z-index: 3;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	left: 20px;

	color: #ffffff;

	text-transform: uppercase;

}

.indxAboutus .par-text h2 {

	font-weight: lighter;

}

.indxAboutus .par-text h3 {

	padding: 8px 0;

}

.indxAboutus .par-content {

	padding: 20px;

}

.indxAboutus .par-content h2 {

	text-transform: uppercase;

	font-family: DINPro;

	padding: 0 0 5px 0;

}

.indxAboutus .par-content p {

	color: #34364b;

	opacity: 0.8;

}

 @media (min-width: 1024px) {

 .indxAboutus .par-posimg {

 height: 383px;

 float: right;

 width: 50%;

}

 .indxAboutus .par-text {

 top: 45%;

 left: 38px;

 max-width: 385px;

}

 .indxAboutus .par-text h3 {

 padding: 22px 0 20px;

}

 .indxAboutus .par-content {

 float: right;

 width: 50%;

 max-width: 600px;

 padding: 4% 40px 0;

}

 .indxAboutus .par-content h2 {

 padding: 0 0 10px 0;

}

}

 @media (min-width: 1280px) {

 .indxAboutus .par-content {

 padding-left: 0;

}

}

.inxprod-list li {

	margin: 0 0 20px 0;

}

.inxprod-list li a {

	display: block;

	position: relative;

}

.inxprod-list li .imgbox img {

	display: block;

	width: 100%;

}

.inxprod-list li .inxpro-img {

	position: absolute;

	z-index: 3;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	left: 20px;

	width: 44%;

}

.inxprod-list li .inxpro-img img {

	display: block;

	max-width: 100%;

}

.inxprod-list li .inxpro-text {

	position: absolute;

	z-index: 3;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 20px;

	color: #ffffff;

	width: 40%;

}

.inxprod-list li .inxpro-text h3 {

	color: #34364b;

	padding: 0 0 5px;

}

.inxprod-list li .inxpro-text p {

	color: #58596d;

	opacity: 0.5;

	line-height: 14px;

	text-transform: uppercase;

}

 @media (min-width: 1024px) {

 .indxProduct {

 padding-top: 57px;

}





 .inxprod-list {

 padding-top: 38px;

 padding-bottom: 10px;

}

 .inxprod-list li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .inxprod-list li:hover a {

 -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

 -webkit-transform: translateY(-2px);

 -moz-transform: translateY(-2px);

 -ms-transform: translateY(-2px);

 -o-transform: translateY(-2px);

 transform: translateY(-2px);

}

 .inxprod-list li:hover .inxpro-img {

 margin-left: -10px;

}

 .inxprod-list li .inxpro-img {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

}

 @media (min-width: 1199px) {

 .inxprod-list ul {

 margin: 0 -15px;

}

 .inxprod-list li {

 padding: 0 15px;

}

 .inxprod-list li .inxpro-text {

 width: 43%;

}

}

.indxArrivals {

	background-color: #f1f4f9;

}

.arrivals-wrapper {

	padding: 0 30px;

	position: relative;

}

.arrivals-wrapper .arrivalsp-min {

	overflow: hidden;

	padding: 30px 0 0 0;

}

.arrivals-wrapper ul.momargin {

	margin: 0;

}

.arrivals-wrapper ul.momargin li {

	padding: 0;

}

.arrivals-wrapper li {

	margin: 0 0 20px 0;

}

.arrivals-wrapper li a {

	display: block;

}

.arrivals-wrapper li .solut-img img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.arrivals-wrapper li .solut-text {

	padding: 10px;

	background-color: #ffffff;

	border-top: 2px solid #e7b828;

	text-align: center;

	position: relative;

}

.arrivals-wrapper li .solut-text:before {

	content: "";

	position: absolute;

	z-index: -1;

	left: 0;

	right: 100%;

	top: -2px;

	background: #0c337f;

	height: 2px;

	-webkit-transition-property: right;

	-o-transition-property: right;

	-moz-transition-property: right;

	transition-property: right;

	-webkit-transition-duration: 0.5s;

	-moz-transition-duration: 0.5s;

	-o-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.arrivals-wrapper li .solut-text h3 {

	color: #58596d;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 45px;

}

.arrivals-wrapper li:hover .solut-text:before {

	right: 0;

	z-index: 2;

}

 @media (min-width: 768px) {

 .arrivals-wrapper .relat-btn {

 height: 43px;

}

 .arrivals-wrapper li {

 float: left;

 width: 33.33%;

}

}

 @media (min-width: 1024px) {

 .indxArrivals {

 padding-top: 57px;

 padding-bottom: 55px;

}

 .arrivals-wrapper li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .arrivals-wrapper li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .arrivals-wrapper li .solut-img {

 overflow: hidden;

}

 .arrivals-wrapper li .solut-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .arrivals-wrapper li .solut-text {

 padding: 34px 30px 30px;

}

 .arrivals-wrapper li .solut-text h3 {

 margin: 0 0 9px 0;

}

 .arrivals-wrapper li:hover .solut-text h3 {

 color: #e7b828;

}

}

 @media (min-width: 1400px) {

 .arrivals-wrapper {

 padding: 5px 0;

}

}

.inxSolution {

	background: url(../images/wimg33.jpg) no-repeat 0 0;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.inxSolution .index-more {

	padding: 20px 0 0;

}

.inxSolution .index-more a {

	color: #fff;

}

.inxSolut-wrapper {

	padding: 0 30px 30px;

	position: relative;

}

.inxSolut-wrapper .inxSolut-min {

	overflow: hidden;

	padding: 30px 0 0 0;

}

.inxSolut-wrapper ul.momargin {

	margin: 0;

}

.inxSolut-wrapper ul.momargin li {

	padding: 0;

}

.inxSolut-wrapper li {

	margin: 0 0 20px 0;

}

.inxSolut-wrapper li a {

	display: block;

}

.inxSolut-wrapper li .solut-img img {

	display: block;

	margin: 0 auto;

	width: 100%;

}

.inxSolut-wrapper li .solut-text {

	padding: 10px;

	background-color: #ffffff;

	text-align: center;

	position: relative;

	background: -webkit-linear-gradient(135deg, transparent 20px, #fff 0);

	background: -moz- oldlinear-gradient(135deg, transparent 20px, #fff 0);

	background: -o-linear-gradient(135deg, transparent 20px, #fff 0);

	background: linear-gradient(-45deg, transparent 20px, #fff 0);

}

.inxSolut-wrapper li .solut-text h3 {

	color: #58596d;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

}

.inxSolut-wrapper li .solut-text .en {

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	color: #e7b828;

	text-transform: uppercase;

	font-family: DINPro;

}

.inxSolut-wrapper .index-btn.index-prev {

	background-image: url(../images/prev4.png);

}

.inxSolut-wrapper .index-btn.index-prev:hover {

	background-image: url(../images/prev4ho.png);

}

.inxSolut-wrapper .index-btn.index-next {

	background-image: url(../images/next4.png);

}

.inxSolut-wrapper .index-btn.index-next:hover {

	background-image: url(../images/next4ho.png);

}

.inxSolut-wrapper .ipages {

	bottom: 10px;

}

 @media (min-width: 768px) {

 .inxSolut-wrapper .relat-btn {

 height: 43px;

}

 .inxSolut-wrapper li {

 float: left;

 width: 33.33%;

}

}

 @media (min-width: 1024px) {

 .inxSolution {

 padding-top: 57px;

 padding-bottom: 59px;

}

 .inxSolution .index-more {

 padding: 0;

}

 .inxSolution .index-more a {

 border-color: #3b2d2a;

}

 .inxSolut-wrapper {

 padding: 5px 30px 72px;

}

 .inxSolut-wrapper .ipages {

 bottom: 40px;

}

 .inxSolut-wrapper li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .inxSolut-wrapper li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

 .inxSolut-wrapper li .solut-img {

 overflow: hidden;

}

 .inxSolut-wrapper li .solut-img img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}

 .inxSolut-wrapper li .solut-text {

 padding: 24px 30px 32px;

}

 .inxSolut-wrapper li .solut-text h3 {

 margin: 0 0 2px 0;

}

 .inxSolut-wrapper li:hover .solut-text h3 {

 color: #e7b828;

}

}

 @media (min-width: 1400px) {

 .inxSolut-wrapper {

 padding-left: 0;

 padding-right: 0;

}

}

.inxPartner {

	background: url(../images/hzbg.jpg) no-repeat 0 0;background-size: cover;

}



.inxPartner  .index-text{ color:#FFFFFF;}

.inxPartner  .index-text h2{ font-weight:bold}



.inxpart-list {

	position: relative;

	padding: 20px 0px;

}



.inxpart-list ul{}



.inxpart-list li{ width:18.66666%; float:left; margin-right:1.66%; margin-bottom:1.66%;}





.inxpart-list li:nth-child(5n) {

    margin-right: 0;

}



.inxpart-list li a {

	display: block;

}

.inxpart-list li img {

	display: block;

	width: 100%;

}

.inxpart-list .index-btn.index-prev.swiper-button-disabled {

	display: none !important;

}

.inxpart-list .index-btn.index-next.swiper-button-disabled {

	display: none !important;

}

.partner-wrapper {

	overflow: hidden;

}





 @media (max-width: 768px) {

 

 

.inxpart-list li{ width:29.86%; float:left; margin-right:5.2%; margin-bottom:5.2%;}

.inxpart-list li:nth-child(5n) {

    margin-right:5.2%;

}

.inxpart-list li:nth-child(3n) {

    margin-right:0;}

	}





 @media (min-width: 1024px) {

 .inxpart-list {

 padding: 36px 30px;

 

 

}









 .inxpart-list li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}

 .inxpart-list li a {

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

 overflow: hidden;

}

 .inxpart-list li a img {

 -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;

}



 .inxPartner {

 padding-top: 56px;

 padding-bottom: 25px;

}

}

 @media (min-width: 1400px) {

 .inxpart-list {

 padding-left: 0;

 padding-right: 0;

}

}

.searchcont401 {

	padding: 36px 0;

	background-color: #ffffff;

}

.searchtitle401 {

	padding: 28px 15px;

	background-color: #f2f2f2;

}

.searchtitle401 span {

	color: #e7b828;

}

.resultlist401 {

	font-size: 13px;

	padding: 3% 0;

}

.resultlist401 img {

	display: block;

	width: 100%;

	margin-bottom: 2%;

}

.resultlist401 ul {

	padding-bottom: 40px;

}

.resultlist401 li {

	padding: 15px 0;

	border-top: 1px solid #d9d9d9;

	border-bottom: 1px solid #d9d9d9;

	margin-bottom: -1px;

	position: relative !important;

	top: auto !important;

}

.resultlist401 h4 {

	font-size: 16px;

	line-height: 24px;

	margin-bottom: 3%;

}

.resultlist401 h4 em {

	color: #da251d;

}

.resultlist401 h4 a {

	display: block;

}

.resulttext401 {

	overflow: hidden;

	height: 72px;

	color: #999;

}

.resultlabel401 {

	color: #999;

	display: inline-block;

	padding-top: 30px;

}

.searchinputcont401 dt {

	float: left;

	width: 78%;

}

.searchinputcont401 dd {

	float: left;

	width: 22%;

}

.searchinputcont401 dt input {

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-indent: 12px;

	font-size: 15px;

	color: #333333;

	background-color: #ffffff;

	font-family: "Microsoft YaHei";

}

.searchinputcont401 dd input {

	width: 100%;

	height: 40px;

	line-height: 40px;

	font-weight: bold;

	color: #ffffff;

	cursor: pointer;

	background-color: #e7b828;

	text-align: center;

	font-family: "Microsoft YaHei";

}

.keywords {

	color: #da251d;

}

 @media (min-width: 768px) {

 .searchtitle401 {

 font-size: 24px;

}

 .resultlist401 h4 {

 font-size: 20px;

 margin-bottom: 2%;

}

 .searchimg401 {

 float: left;

 margin: 0 3% 0 0;

 display: block;

 width: 200px;

 height: 150px;

 overflow: hidden;

 position: relative;

}

 .resultlist401 img {

 position: absolute;

 top: 50%;

 left: 50%;

 transform: translate(-50%, -50%);

 -webkit-transform: translate(-50%, -50%);

 -moz-transform: translate(-50%, -50%);

 -ms-transform: translate(-50%, -50%);

 -o-transform: translate(-50%, -50%);

 max-width: 100%;

 width: auto;

}

}

 @media (min-width: 992px) {

 .searchinputcont401 {

 width: 45%;

 margin: 0 auto;

}

 .searchinputcont401 dt input {

 font-size: 18px;

}

 .searchinputcont401 dd input {

 font-size: 18px;

 font-weight: bold;

}

}

/*20181107*/

.minimg-wrapper {

	overflow: hidden;

	position: relative;

}

.product-table {

	width: 100%;

	overflow-x: auto;

	padding-bottom: 10px;

}

/*2018.11.16*/

.prodatile-btn {

	display: block;

	width: 30px;

	height: 100%;

	top: 0;

	position: absolute;

	z-index: 5;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: 30px;

	transition: all ease 0.5s;

}

.prodatile-prev {

	background-image: url(../images/prevho.png);

	left: 0;

}

.prodatile-next {

	background-image: url(../images/nextho.png);

	right: 0;

}

 @media (min-width: 1024px) {

 .prodatile-btn {

 background-size: 42px;

 width: 50px;

}

 .prodatile-prev {

 background-position-x: -50px;

}

 .prodatile-prev:hover {

 background-position-x: 0;

}

 .prodatile-next {

 background-position-x: 50px;

}

 .prodatile-next:hover {

 background-position-x: 0;

}

}

/*2018.11.19*/



.footer-top {

	padding-top: 10px;

}

.footer-top ul li.li1 h3 {

	padding: 10px 0;

	position: relative;

	border-bottom: 1px solid #ddd;

}

.footer-top ul li.li1 h3 a {

	color: #85868f;

}

.footer-sub {

	padding-bottom: 5px;

	display: none;

}

.footer-sub a {

	display: block;

	color: #999999;

	font-size: 13px;

	padding: 5px 0;

}

.footer-top ul li.li2 {

	padding-top: 20px;

	text-align: center;

}

.footer-top ul li.frr{float: right;} 





.footer-top ul li.li2 h3 {

	margin-bottom: 20px;

}

.footer-top ul li.li2 img {

	max-width: 100%;

	border:#dedede 1px dashed

}

.footer-top ul li.li2 .telnum {

	padding-top: 14px;

	font-size: 13px;

	color: #34364b;

	opacity: 0.7;

}

.footer-top ul li.li2 .telnum a {

	color: #34364b;

	display: inline-block;

}

.footer-top ul li.li2 .telnum a:hover {

	color: #e7b828;

	opacity: 1;

}

.plus.icon {

	position: absolute;

	right: 15px;

	top: 11px;

	color: #fff;

	position: absolute;

	margin-left: 3px;

	margin-top: 10px;

}

.plus.icon:before {

	content: '';

	position: absolute;

	width: 15px;

	height: 1px;

	background-color: #333;

}

.plus.icon:after {

	content: '';

	position: absolute;

	width: 15px;

	height: 1px;

	background-color: #333;

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg);

}

.footer-top ul li h3.cur .plus.icon:after {

	opacity: 0;

}

 @media (min-width: 1024px) {

 .footer-top {

 padding-top: 46px;

 padding-bottom: 48px;

}

 .footer-top ul li {

 padding-right: 1.2%;

 float: left;

}

 .footer-top ul li.li1 h3 {

 border-bottom: 0;

 padding-top: 0;

}

 .footer-sub {

 padding-bottom: 0;

 display: block;

}

 .footer-sub a {

 padding-top: 0;

 color: #abacb7;

}

 .footer-sub a:hover {

 color: #e7b828;

}

 .footer-top ul li.li2 {

 padding: 0;

 text-align: right;

}

 .plus.icon:after, .plus.icon:before {

 opacity: 0;

}

 .footer-top ul li.li2 .telnum a {

 padding: 0 0 0 2px;

}

}

 @media (min-width: 1199px) {

 .footer-top ul li {

 padding-right: 2.7%;

}

}

 @media (min-width: 1260px) {

 .footer-top ul li {

 padding-right: 4.3%;

}

 .footer-top ul li.li2 {

 padding: 0 0 0 2%;

}

}

/*2018.11.19*/

/*.header-nav li { padding: 0; }*/



.header-nav li h3 {

	padding: 0 10px;

}

.header-nav .sub-item.cur .three-btn:after {

	border-top: 7px solid #b3b3b3;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

}

.header-nav .sub-item h4 {

	position: relative;

	border-bottom: 1px solid #d9d9d9;

	padding: 0 15px;

}

.header-nav .sub-item:last-child h4 {

	border-bottom: 0;

}

.header-nav .sub-nav {

	background-color: #f2f2f2;

	padding: 0;

}

.header-nav .three-nav {

	display: none;

	background-color: #fafafa;

	padding: 0 20px;

}

.header-nav .three-btn {

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	height: 36px;

	width: 80%;

}

.header-nav .three-btn:after {

	content: '';

	display: block;

	width: 0;

	height: 0;

	border-top: 6px solid transparent;

	border-left: 7px solid #b3b3b3;

	border-bottom: 6px solid transparent;

	position: absolute;

	right: 13px;

	top: 50%;

	margin-top: -4px;

}

 @media (min-width: 1024px) {

 header {

 border-bottom: 1px solid #f5f6fc;

 box-shadow: none;

}

 .header-nav li {

 position: relative;

}



.header-nav li.cur,.header-nav li:hover{}





 .header-nav li h3 {

 padding: 0;

}

 .header-nav .sub-nav {

 top: 66px;

 background-color: #FFFFFF;

 position: absolute;

 width: 210px;

 left: 50%;

 transform: translateX(-50%);

 display: none;

 text-align: center;

 border: 1px solid #e0e0e0;

 border-top: 0;

}

 .header-nav li .sub-item a {

 text-align: center;

}



    /*.header-nav li:nth-child(2) .sub-item a {

        text-align: left;

    }*/



    .header-nav .sub-item {

 position: relative;

 padding: 0 17px;

}

 .header-nav .sub-item:hover h4 a {

 color: #e7b828;

}

 .header-nav .sub-item:hover h4 .three-btn:after {

 border-left-color: #e7b828;

}

 .header-nav .sub-item h4 {

 border-bottom: 1px solid #e0e0e0;

 padding: 0;

}

 .header-nav .sub-item h4 a {

 padding: 0;

 white-space: nowrap;

 -o-text-overflow: ellipsis;

 text-overflow: ellipsis;

 overflow: hidden;

 line-height: 42px;

}

 .header-nav .three-nav {

 position: absolute;

 top: 0;

 left: 208px;

 width: 160px;

 background-color: #FFFFFF;

 text-align: center;

 color: #666666;

 border: 1px solid #e0e0e0;

}

 .header-nav .three-nav a {

 text-align: center;

}

 .header-nav .three-nav a:hover {

 color: #e7b828;

}

 .header-nav .three-btn {

 height: 43px;

}

 .header-nav .three-btn:after {

 margin-top: -8px;

}

}

/*2018.11.19 end*/



/*2018.11.21*/

.loadingmore {

	display: block;

	width: 100%;

	font-size: 14px;

	background: #e7b828;

	height: 40px;

	line-height: 40px;

	color: #ffffff;

	text-align: center;

 -webkit-transition: all ease .5s;

 -o-transition: all ease .5s;

 -moz-transition: all ease .5s;

 transition: all ease .5s;

}

.loadingmore:hover {

	background-color: #e85a55;

}

 @media (min-width: 1024px) {

 .loadingmore {

 height: 50px;

 line-height: 50px;

 font-size: 16px;

}

}

/*2018.11.26*/

.contact-clumb-box .Dealerbtn {

	margin-bottom: 8px;

	width: 182px;

}

 @media (min-width: 1024px) {

 .contact-clumb-box {

 width: 253px;

}

 .contact-clumb-box .Dealerbtn {

 width: 253px;

 float: right;

}

}

/*2018.12.5*/

.ebsgovicon img {

	height: 59px !important;

	width: auto !important;

}

/*分页样式*/

 

/*分页样式*/

.pages {

	padding: 20px 0;

	width:100%;

	text-align: center;

	clear: both;

}

.pages a, .pages span {

	color: #666;

	padding: 0 15px;

	margin: 0 3px;

	display: inline-block;

	vertical-align: middle;

	line-height: 34px;

	background: #f9f9f9;

	border: 1px solid #f2f2f2;

}

.pages a:hover {

	display:inline-block;

	color: #fff;

	background: #e7b828;

	border-color: #e7b828;

	box-shadow: 0 0 14px rgba(0, 0, 0, .2);

}

.pages span {

	display:inline-block;

	color: #666;

}

.pages a.page-num-current {

	display:inline-block;

	color: #fff;

	background: #e7b828;

	border-color: #e7b828;

	box-shadow: 0 0 14px rgba(0, 0, 0, .2);

}







#sbanner .f-center {

	text-align:center;

	height:100%;

}

#sbanner .f-14 {

	font-size:14px;

}

#sbanner .pcimg {

	width:100%;

	height:auto;



}



#sbanner .swiper-slide { overflow: hidden;}





#sbanner .moimg {

	display:none;

}

#sbanner .banner .swiper-slide .b_video {

	height:100%;

	position:relative;

}

#sbanner .banner .swiper-slide .b_video .b_overlay {

	position:absolute;

	top:0px;

	left:0px;

	z-index:3;

	width:100%;

	height:100%;

	background-color:rgba(0, 0, 0, .2);

}

#sbanner .banner .swiper-slide .b_video .b_video_con {

	position:absolute;

	transform:translate(0%, 0%);

	-webkit-transform:translate(0%, 0%);

	-ms-transform:translate(0%, 0%);

	left:0px;

	top:0px;

	width:100vw;

	height:100vh;

	-o-object-fit:cover;

	object-fit:cover;

	z-index:2;

}

#sbanner .banner .swiper-slide .b_video .b_image {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	z-index:1;

	background-repeat:no-repeat;

	background-position:50%;

	background-size:cover;

}

#sbanner .banner .swiper-slide img {

	display:block;

	width:100%;

	left:0px;

	top:0px;

	object-fit:cover;

}

#sbanner .bannerPic {

	position:relative;

	width:100%;

	 object-fit: cover;

	transition:all 1s ease 2.5s;

	transform:perspective(0px) translate3d(0, 0, 0px);

}

#sbanner .swiper-slide.active .bannerPic {

	transition:all 5s ease 0s;

	transform:perspective(0px) translate3d(0, 0, 0px);

}

#sbanner .banner .swiper-slide .ind_ban_tex {

	position:absolute;

	text-align:center;

	width:100%;

	top:65%;

	left:50%;

	transform:translate(-50%, -50%);

	z-index:5;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {

	font-size:.48vw;

	font-weight:bold;

	line-height:1.5;

	letter-spacing:0px;

	text-transform:uppercase;

	color:#ffffff;

	max-width:300px;

	transform:translateY(80px);

	opacity:0;

	margin-bottom:10px; background-color:#E7B827; margin:0px auto; margin-top:10%; padding-top:15px; padding-bottom:15px; border-radius:50px;

}

#sbanner .banner .swiper-slide .ind_ban_tex .b_line {

	width:5%;

	margin:10px 0px 10px;

	height:2px;

	border-radius:30px;

	background:rgba(255, 255, 255, 0.5);

	transform:translateY(80px);

	opacity:0;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_con {

	width:80%;  margin-left:10%;

	justify-content:space-between;

	align-items:flex-end;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {

	flex-basis:75%;

	max-width:100%;

	max-height:400px;

	overflow:hidden;

	position:relative;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {

	color:#ffffff;

	font-size:4vw;

	line-height:1.1;

	font-weight:bold;

	text-transform:capitalize;

	text-shadow:1px 0 5px rgba(0, 0, 0, 0.5);

	transform:translateY(80px);

	letter-spacing:1px;

	opacity:0;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {

	flex-basis:25%;

	margin-bottom:20px;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {

	color:#ffffff;

	line-height:2.5;

	font-size:2vw;

	text-shadow:1px 0 5px rgba(0, 0, 0, 0.3);

	transform:translateY(80px);

	opacity:0; font-weight:bold;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small a {

	color:#fff;

}

#sbanner .banner .swiper-slide.active .ind_ban_tex_title_en {

transition:all 2s ease .5s;

	transform:translateY(0);

	opacity:1;

}

#sbanner .banner .swiper-slide.active .ind_ban_tex_title .t_big {

transition:all 2s ease .7s;

	transform:translateY(0);

	opacity:1;

}

#sbanner .banner .swiper-slide.active .b_line {

transition:all 2s ease .8s;

	transform:translateY(0);

	opacity:1;

}

#sbanner .banner .swiper-slide.active .ind_ban_tex_info .t_small {

	transition:all 2s ease 1s;

	transform:translateY(0);

	opacity:1;

}

#sbanner .banner .swiper-button-prev {

	background-image:none;

	left:calc(2.335% - 32px);

	top:calc(50% - 32px);

	width:50px;

	height:50px;

	text-align:center;

	line-height:50px;

	color:#ffffff;

    transition:all .3s ease;

	display:block;

	background:rgba(0, 0, 0, .3) url(../images/arr5111.png) center center no-repeat;

 background-size:auto 40% ;



}













#sbanner .banner .swiper-button-next {

	background-image:none;

	right:calc(2.335% - 32px);

	top:calc(50% - 32px);

	width:50px;

	height:50px;

	text-align:center;

	line-height:50px;

	color:#ffffff;

	background-color:rgba(0, 0, 0, 1);

transition:all .3s ease;

	display:block;

	 background:rgba(0, 0, 0, .3) url(../images/arr5111.png) center center no-repeat;

 background-size:auto 40% ;



}

#sbanner .banner .swiper-button-next.swiper-button-disabled {

	background-color:rgba(0, 0, 0, 0.2);

}

#sbanner .banner .swiper-button-prev.swiper-button-disabled {

	background-color:rgba(0, 0, 0,0.2);

}

#sbanner .banner .swiper-pagination-bullet {

	width:auto;

	height:16px;

	background-color:transparent;

	margin:0 3px;



	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;

}

#sbanner .banner .swiper-pagination-bullet::after { margin: 5px auto auto;

	content: ""; display: block; width: 40px; height: 7px;

	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:5px;

	background-color: #bdbcbc;

}

#sbanner .banner .swiper-pagination-bullet-active {



	color:#ffffff;

}

#sbanner .banner .swiper-pagination-bullet::after {

	background-color: #fff;

}





#sbanner .banner .swiper-pagination-bullet-active:after {

	background-color: #e7b828;width: 40px;

}



#sbanner .banner .swiper-pagination-bullet-active .rightcircle {

	-webkit-animation:circleProgressLoad_right 6.5s linear infinite;

	animation:circleProgressLoad_right 6.5s linear infinite;

}

#sbanner .banner .swiper-pagination-bullet-active .leftcircle {

	-webkit-animation:circleProgressLoad_left 6.5s linear infinite;

	animation:circleProgressLoad_left 6.5s linear infinite;

}

#sbanner .banner .swiper-pagination-bullet-active .wrapper_con {

	display:block;

}

#sbanner .banner .swiper-pagination {

	font-size:0px;

}

#sbanner .banner .swiper-pagination > span {

	display:inline-block;

	vertical-align:middle;

	position:relative;

}

#sbanner .banner .swiper-container-rtl .swiper-button-next {

	left:calc(8.335% - 32px);

}

#sbanner .banner .swiper-container-rtl .swiper-button-prev {

	right:calc(8.335% - 32px);

}

#sbanner .banner .swiper-container-horizontal > .swiper-pagination-bullets {

	bottom:5% !important;

}

#sbanner .banner .swiper-pagination-custom {

	bottom:10% !important;

}

#sbanner .banner .swiper-pagination-fraction {

	bottom:10% !important;

}

#sbanner .right {

	right:-0px;

}

#sbanner .left {

	left:-0px;

}

#sbanner .circleProgress {

	width:42px;

	height:42px;

	border:2px solid transparent;

	border-radius:50%;

	position:absolute;

	top:0px;

	-webkit-transform:rotate(-135deg);

}

#sbanner .rightcircle {

	border-bottom:2px solid #ffffff;

	border-left:2px solid #ffffff;

	right:0px;

}

#sbanner .leftcircle {

	border-top:2px solid #ffffff;

	border-right:2px solid #ffffff;

	left:0px;

}

#sbanner .wrapper_con {

	width:21px;

	height:60px;

	position:absolute;

	top:-2px;

	overflow:hidden;

	display:none;

}

@media only screen and (max-width: 1660px) and (min-width: 1367px) {



#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {

font-size: .68vw;

}



}









@media only screen and (max-width: 1366px) and (min-width: 1025px) {

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {

font-size: .6vw;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {

font-size:18px;

}

#sbanner .banner .swiper-button-prev {

width:40px;

height:40px;

line-height:40px;

top: calc(50% - 20px);

}

#sbanner .banner .swiper-button-next {

width:40px;

height:40px;

line-height:40px;

top: calc(50% - 20px);

}

}





@media only screen and (max-width: 1024px) and (min-width: 769px) {

#sbanner .f-center {

padding-top:0px;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {

font-size: .8vw;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {

font-size:16px;

}

#sbanner .banner .swiper-button-prev {

width:40px;

height:40px;

line-height:40px;

}

#sbanner .banner .swiper-button-next {

width:40px;

height:40px;

line-height:40px;

}

}

@media only screen and (max-width: 1920px) {

	#sbanner .bannerPic { height: 53vw;}

}

@media only screen and (max-width: 768px) {



.ywBox li{ width:100%;}



#sbanner .banner .swiper-slide .ind_ban_tex {

text-align:left;

top: 50%;

}



#sbanner .f-center {

padding-top:70px;

height:auto;

}

#sbanner .moimg {

display:block;

height: 100%;

}

#sbanner .pcimg {

display:none;

}

#sbanner .banner .swiper-slide img {

display: block;

width: 100%;

height: 100%;

object-fit: cover;

left: 0;

top: 0;

}



#sbanner .rightcircle {

display:none;

}

#sbanner .banner .swiper-pagination-bullet-active .wrapper_con {

display:none;

}

#sbanner .f-14 {

display:none;

}

#sbanner .f-center {

padding-top:0px;

}

#sbanner .banner .swiper-slide .b_video .b_video_con {

display:none;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {

flex-basis: 100%;

max-width: 100%; text-align:center

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { text-align:center

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {

text-align:center;

margin-top:5%;

padding-top: 10px;

padding-bottom: 10px;

width:200px;



}

#sbanner .banner .swiper-slide .ind_ban_tex .b_line {

margin:15px 0px 10px;

}

#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {

font-size:5vw;

}

#sbanner .banner .swiper-button-prev {

 width: 30px; height: 30px; line-height: 30px; margin-top: -15px; margin-left:30px;

 background:rgba(0, 0, 0, .5) url(../images/arr5.png) center center no-repeat;

 background-size:auto 50% ;

 transform: rotate(-180deg);

 -ms-transform: rotate(-180deg); /* IE 9 */

 -webkit-transform: rotate(-180deg); /* Safari and Chrome */

}

#sbanner .banner .swiper-button-prev i { display: none;}

#sbanner .banner .swiper-button-next {margin-top: -15px;

 width: 30px; height: 30px; line-height: 30px;margin-right:30px;

 background:rgba(0, 0, 0, .5) url(../images/arr5.png) center center no-repeat;

 background-size:auto 50% ;

}

#sbanner .banner .swiper-button-next i { display: none;}

}

#sbanner .swiper-slide {

	padding:0px;

}

#sbanner {

	max-height:none;

	padding-top:0px;

	padding-left:0px;

	padding-bottom:0px;

	min-height:0px;

	margin-right:0px;

	margin-left:0px;

	max-width:none;

	width:100%;

	margin-top:0px;

	margin-bottom:0px;

	min-width:0px;

	height:auto;

	padding-right:0px;

}





/* 视频展示 */

.spzs {padding-top:4.688%;clear:both; overflow:hidden; background-color:#000033}



.spzs .spzs_ft {text-align:center;padding-bottom:1.429%;background:url(../images/title_line.png) no-repeat bottom center;}

.spzs .spzs_ft h3 {font-size:48px;font-weight:bold;line-height:1;color:#576AAE;}

.spzs .spzs_ft h4 {font-size:16px;font-weight:normal;line-height:1.1;letter-spacing:1px;color:#4A5374;margin-top:1.072%;}







.spzs .spzs_fb {margin-top:2.715%;}

.spzs .spzs_fb li {width:33.33333%;margin-bottom:-7px;}



.spzs .spzs_fb li .com-img {width:100%;}

.spzs .spzs_fb li img {width:100%; -webkit-transition: all ease 0.7s;

 -moz-transition: all ease 0.7s;

 -o-transition: all ease 0.7s;

 transition: all ease 0.7s;}









.spzs .spzs_fb li:hover img {

 -webkit-transform: scale(1.03, 1.03);

 -moz-transform: scale(1.03, 1.03);

 -ms-transform: scale(1.03, 1.03);

 -o-transform: scale(1.03, 1.03);

 transform: scale(1.03, 1.03);

}





.spzs .spzs_fb li .picture {

    position: relative;overflow: hidden;

}



.spzs .spzs_fb li .covers {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    background-color: rgba(6, 18,62, .5);

    opacity: 1;

    transition: all 0.3s; cursor:pointer; margin-top:-0px;

}





.spzs .spzs_fb li .play-button {

  width:auto;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 0;

  opacity: 1;

  transition: all 0.3s;cursor:pointer; font-size:30px; color:#FFFFFF; text-align:center; line-height:40px;

}











.spzs .spzs_fb li:hover .covers {

   position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    background-color: rgba(6, 18,62, .2);

    opacity: 1;

    transition: all 0.3s; cursor:pointer; margin-top:-0px;



}











.spzs .spzs_fb li h3 {font-size:16px;font-weight:bold;line-height:3.25;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.spzs .spzs_fb li:hover h3 {color:#fff;}

@media(max-width:991px) {

    .spzs .spzs_ft h3 {font-size:32px;}

    .spzs .spzs_ft h4 {font-size:16px;}

    .spzs .spzs_fb li {}

    .spzs .spzs_fb li h3 {font-size:14px;}



}

@media(max-width:1024px) {

    .spzs {padding-top:30px;padding-bottom:0px;}

    .spzs .spzs_ft {padding-bottom:10px;}

    .spzs .spzs_ft h3 {font-size:28px;}

    .spzs .spzs_ft h4 {font-size:14px;line-height:1.2;margin-top:10px;}

    .spzs .spzs_fb {margin-top:20px;}

    .spzs .spzs_fb li {width:100%;margin-right:0%;}

    .spzs .spzs_fb li:nth-child(2n) {margin-right:0;}

	.spzs .spzs_fb li .play-button{ font-size:18px;}

	.indxProduct .cn{font-size: 24px;}

	.indxNewsmin .cn {font-size: 24px;}

	.index-text .en {margin-top: 10px;}

	

	header {background-color:#fff;}

	.headcompany .Currentlan{ color:#34364B}

	.header-right .search-inco {background: url(../images/winco01-1.png) center center no-repeat;}

	.header-nav li h3 a {color: #34364B;}

	.footer-top ul li.frr {float: none;}

	

@media(max-width:468px) {

    .spzs .spzs_ft h3 {font-size:26px;}

    .spzs .spzs_ft h4 {font-size:12px;}

}



 .form-control1 {

    display: block;

    width: 100%;

    padding: .8rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da; 

    -moz-appearance: none;

    appearance: none;  

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}









.row{ clear:both; overflow:hidden; margin-bottom:10px; margin-left:20%;}



 .row span.txt1 {

    font-size: 14px;

    padding: 10px 0;

    float:right; color:#000000

}



 .row span i{ color:#FF0000}



.btn-primary {

    color: #fff;

    border-color: #e7b828; border:none; border-radius:50px; padding:5px 100px 5px 100px;

}





.bghui{ background-color:#CCCCCC}



.text-center {

    text-align: center!important;

}