.listse_box{position:relative;margin:0px auto;	background: #f5f5f5; width:100%; padding:30px 0;}
.listse{padding: 30px 0;}
.listse ul{height: 500px;overflow: hidden;}
.listse ul li{width:31.33%; max-width:450px;height:500px;float: left;margin-right:1%; margin-left:1%;position: relative;}
.listse ul li .img{background-size: 100% 100%!important;height: 100%;width: 100%;}
.listse ul li .l-box{position: absolute;width: 80%; text-align:center;top: 75%;left: 0;transition: all .6s ease 0s; background: rgba(255,37,26,.9); margin-left:10%; padding-bottom:5%;}
.listse ul li .l-box h2{margin: 15px auto 5px auto;width:90%;font-size:18px; font-weight: normal;color: #fff;}
.listse ul li .l-box h3{margin: 0 auto;width:90%;font-weight: normal;color: #FFF;font-size: 12px;padding-bottom: 10px;margin-bottom: 10px;}
.listse ul li .l-box .text{margin: 0 auto;width:90%;font-size: 12px;color: #eee;}
.listse ul li .l-box1{display: block;position: absolute;width: 80%; margin-left:10%; height:85%; margin-top:10%;top: 0;left: 0;background: rgba(225,37,26,.9);transition: all 1s ease 0s; text-align:center;}
.listse ul li .l-box1 h2{margin: 0 auto;width:90%;font-size: 20px;font-weight: normal;color: #fff;margin-bottom: 3px;padding-top: 10%;}
.listse ul li .l-box1 h3{ background:#fff; width:50px; height:2px; margin:10px auto;}
.listse ul li .l-box1 h4{margin: 0 auto;width:80%;font-weight: normal;color: #FFF;font-size: 13px; position:absolute; bottom:20px; left:30px;line-height:25px;}
.listse ul li .l-box1 .text{margin: 0 auto;width:90%;font-size: 15px;color: #fff; line-height:30px;}
.listse ul li:hover .l-box{top:100%;}
.listse ul li:hover .l-box1{top:0;}


.pro_h2{ font-size:24px; color:#333; display:block; width:100%; max-width:1280px; margin:0 auto; text-align:left; line-height:55px; height:55px; position:relative;}
.pro_h2:after{ position:absolute; content:""; width:50px; height:2px; background:#ff6600; left:0; bottom:0;}


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

.pro_h2{ font-size:18px; color:#333; display:block; width:100%; max-width:96%; margin:0 2%; text-align:left; line-height:40px; height:40px; position:relative;}
.pro_h2:after{ position:absolute; content:""; width:30px; height:1px; background:#ff6600; left:0; bottom:0;}

}


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

.pro_h2{ font-size:16px; line-height:30px; height:30px;}


}



@media screen and (max-width:639px) {
.listse_box{position:relative;margin:0px auto;	background: #f5f5f5; width:100%; padding:10px 0;}
.listse{padding: 10px 0;}
.listse ul{height: auto;overflow: hidden;}
.listse ul li{width:100%; max-width:100%;height:important!;float: none;margin-right:0; margin-left:0;position: relative;margin-top: 10px;}

}

#slideBox {width:100%;overflow:hidden; margin:0 auto 0px auto;max-width:100%;}

#slideBox .J_fl{float: none; width:100%;}

#slideBox .J_slide_trigger {float: none; width:100%; margin:0 auto; display:block; text-align:center; margin-top:10px;}
#slideBox .J_slide_trigger li {float:none; display:inline-block; width:8px; height:8px; border-radius:50%; position: relative; z-index: 3; margin:0 5px;text-align:center;}
#slideBox .J_slide_trigger li a {display:block;width:8px; height:8px;background:#ddd; border-radius:50%; }
#slideBox .J_slide_trigger li.cur a, .J_slide_trigger li a:hover {text-decoration:none;background:#ff0000;  }



#slideBox .J_slide_list {width:100%;float:none; padding-top:0px;}


.J_slide_item { width: 100%; height: 300px; background:#fff; float:left; width:1280px;}
.J_slide_item h3{ line-height:45px; text-align: center; padding:0px 4% 10px 4%; width:92%; color:#111; font-size:18px;}

.J_slide_item p{ line-height:23px; text-align:left; padding:0 4%; width:92%; color:#666; font-size:14px;}
.txt5_left { width: 100%; float: none;}
.txt5_left img { max-width:100%;}

.yingyong_box_m{ clear: both; width: 100%;margin-bottom: 20px; }

.yingyong_box_m h2{ font-size: 16px; display: block; width: 100%;text-align: center; margin: 15px auto;  }

.honorArea .wrap{ width:100%; max-width:1280px; margin:0 auto; padding:0 20px;}
.honorArea {
	padding-top:30px;
	padding-bottom:50px;
	position:relative;
	overflow:hidden
}
@media (max-width:992px) {
	.honorArea {
	padding-top:0px;
	padding-bottom:0px
}
}.honorArea .wrap {
	position:relative
}
@media (max-width:768px) {
	.honorArea .wrap {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
}.honorArea .slogan {
	position:absolute;
	left:20px;
	top:-5px;
	padding-right:15%;
	width:100%;
	z-index:2;
	pointer-events:none
}
@media (max-width:992px) {
	.honorArea .slogan {
	position:relative;
	left:0;
	top:0;
	margin-bottom:-30px;
	padding-right:18%
}
}@media (max-width:768px) {
	.honorArea .slogan {
	display:none
}
}.honorArea .honorList {
	margin:0 -10px
}
.honorArea .honorList>.honorItem:not(:first-child) {
	position:absolute;
	left:0;
	top:0;
	opacity:0
}
.honorArea .honorList .honorItem {
	padding:0 10px
}
.honorArea .honorList .honorItem .item {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end
}
.honorArea .honorList .honorItem .Txt {
	width:100%;
	padding-right:0;
	display: block;
}
.honorArea .honorList .honorItem .Txt .titleBox {
	margin-bottom:8px
}
.honorArea .honorList .honorItem .Txt .title {
	color:#1a1a1a;
	font-size:20px;
	font-weight:400;
	letter-spacing: normal;;
	padding:13px 0 15px
}
.honorArea .honorList .honorItem .Txt .title span {
	font-family:"Roboto",sans-serif;
	font-size:13px;
	letter-spacing:1.3px;
	padding-left:6px
}
.honorArea .honorList .honorItem .Txt .textEditor.infoBox {
	text-align:left
}



.honorArea .honorList .honorItem .Txt .infoBox{ text-align:left; font-size:14px; margin:15px 0; line-height:26px;}


.honorArea .honorList .honorItem .Txt .textEditor img {
	width:auto
}
.honorArea .honorList .honorItem .Txt .btnBox {
	padding-top:47px
}
.honorArea .honorList .honorItem .Img {
	width:100%;
}
.honorArea .honorList .honorItem .Img h2{ font-size: 20px;text-align: center;width: 100%;line-height: 45px;position: relative; }

.honorArea .honorList .honorItem .Img img {	height:250px;
	-o-object-fit:cover;
	object-fit:cover
}
@media (max-width:992px) {
	.honorArea .honorList .honorItem .Txt {
	padding-right:30px
}
.honorArea .honorList .honorItem .Img img {
	height:auto;
	-o-object-fit:fill;
	object-fit:fill
}
}@media (max-width:768px) {
	.honorArea .honorList .honorItem .item {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.honorArea .honorList .honorItem .Img,.honorArea .honorList .honorItem .Txt {
	width:100%
}
.honorArea .honorList .honorItem .Txt {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	padding-right:0;
	padding-top:30px
}
}.honorArea .arrowBox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding-top:30px;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	padding-top:0;
	padding-bottom:18px
}
.honorArea .arrowBox .arrow {
	width:50px;
	height:50px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	margin:0 10px;
	cursor:pointer;

}

.honorArea .arrowBox .arrowPrev{
	 position:absolute; left:0; top:60%;
	  z-index:999;
}
.honorArea .arrowBox .arrowNext {
	 position:absolute; right:0; top:60%;
	 z-index:999;
}


.honorArea .arrowBox .arrow.slick-hidden {
	display:none
}
.honorArea .arrowBox .appendDots .slick-dots {
	position:relative;
	width:auto;
	margin:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0
}
.honorArea .arrowBox .appendDots .slick-dots li {
	width:8px;
	height:8px;
	margin:0 7.5px;
	display:inline-block;
	vertical-align:6px
}
.honorArea .arrowBox .appendDots .slick-dots li button {
	width:100%;
	height:100%;
	padding:0
}
.honorArea .arrowBox .appendDots .slick-dots li button:before {
	content:"";
	width:100%;
	height:100%;
	border-radius:50%;
	background-color:#ffffff;
	opacity:1
}
.honorArea .arrowBox .appendDots .slick-dots li.slick-active {
	width:32px;
	height:8px
}
.honorArea .arrowBox .appendDots .slick-dots li.slick-active button:before {
	border-radius:8px;
	opacity:1
}
.honorArea .arrowBox .arrow {
	background-color:#E1251A
}
@media (max-width:768px) {
	.honorArea .arrowBox {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding-top:35px
}
}



.solution{ float:right; width:48%; max-width:600px; height:600px; margin-top:-80px;}
.solution .sl_cicle {display: inline-block;position: relative;}
.solution .sl_cicle .leida {position: absolute;z-index: -1;left: 5px;top: -10px;-webkit-animation: pointAnimations 5s linear infinite;-moz-animation: pointAnimations 5s linear infinite;
-o-animation: pointAnimations 5s linear infinite;animation: pointAnimations 5s linear infinite;}

.solution img{ max-width:100%; max-height:100%;}

.prater{position:relative;background:#F5F6F8;padding:60px 0 60px 0;text-align:center;}
.animate05{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI { float:left; margin:30px 0 0 5%; width:50%; max-width:700px;}
#partnersI .links li{ width:350px;height: 160px;position: relative; text-align:center; margin:0px; float:left; background:#fff; border:1px solid #ccc;}
#partnersI .links li img{ width:100%; height:100%; }
#partnersI .links li .fontW{width:100%;height: 100%; color: #333;position: absolute;top: 0%;left:0; padding:50px 0 0 30px;opacity: 1; z-index:8; text-align:left;}
#partnersI .links li .fontW h2{font-size: 18px;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s; }
#partnersI .links li:hover .fontW{opacity: 1;display:block\9;}
#partnersI .links li .fontW p{font-size: 15px;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s; padding-top:10px;}

/*#partnersI .links li:hover .fontW h2{opacity: 1;display:block\9; color: #fff;}
#partnersI .links li:hover .fontW p{opacity: 1;display:block\9; color: #fff;}*/

#partnersI .links li .picW{width: 350px;height: 160px; position: absolute;top: 0;left: 0;opacity:0;display:none\9; }
#partnersI .links li:hover .picW{opacity: 1;display:block\9;}

#partnersI .links li:nth-child(1),#partnersI .links li:nth-child(4){ background:#fdebea}
#partnersI .links li:nth-child(1){ border-bottom:none; border-right:none;}
#partnersI .links li:nth-child(4){ border-top:none; border-left:none;}

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

#partnersI { float:left; margin:30px 0 0 0; width:50%; max-width:700px;}

#partnersI .links li{ width:50%;height: 120px;position: relative; text-align:center; margin:0px; float:left; background:#fff; border:1px solid #ccc;}
#partnersI .links li .fontW{width:100%;height: 100%; color: #333;position: absolute;top: 0%;left:0; padding:10px 0 0 10px;opacity: 1; z-index:8; text-align:left;}

#partnersI .links li .fontW h2{font-size: 15px; }
#partnersI .links li .fontW p{font-size: 13px;}

	
	
	.solution{   max-width:100%; height: auto; margin-top:0px;}


}


@media screen and (max-width:768px) {
	
	
	
	.solution{ float:none; width:100%; max-width:100%; height: auto; margin-top:0px;}
	.solution .sl_cicle .leida {}
	
	
	.prater{position:relative;background:#F5F6F8;padding:0px 0 0px 0;text-align:center;}
	#partnersI { float:none; margin:10px 0 0 0; width:100%; max-width:100%;}
#partnersI .links li{ width:50%;height: 120px;position: relative; text-align:center; margin:0px; float:left; background:#fff; border:1px solid #ccc;}
#partnersI .links li .fontW{width:100%;height: 100%; color: #333;position: absolute;top: 0%;left:0; padding:10px 0 0 10px;opacity: 1; z-index:8; text-align:left;}

#partnersI .links li .fontW h2{font-size: 15px; }
#partnersI .links li .fontW p{font-size: 13px;}

	}
	

.project-cover{
	position: absolute;
    width: 100%;
    height: 100%;
    max-height: 650px;
    margin-top: 0;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity .4s ease-out;
}

.card-header, .card-body{
	position: relative;
	height: 50%;
    margin: 0 auto;
    padding: 0;
    transition: margin .4s ease-out;
    text-align: center;
    overflow: hidden;
}

.card-header h2, .card-header h3, .card-header h4{
	position: relative;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
    font-size: 32px;
    line-height: 1.25;
    color: #fff;
    z-index: 2;
    letter-spacing: 3px;
}

.card-body p{
	position: relative;
    display: block;
    z-index: 2;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    transition: opacity .4s ease-out,margin-top .4s ease-out;
    letter-spacing: 1px;
}

a:hover .project-cover{
 	opacity: 1;
 }
 

 /* core */
.core{
  	position: relative;
  	width: 100%;
  	max-width: 100%;
  	overflow: hidden;
	 margin:0 auto;
 }
.core .col-md-3{
 	height: 100%;
 	padding: 0;
	margin:1% 1%;
	
 }
.core .bottomtit{
	display: block;
	width: 100%;
	color: #fff;
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    opacity: 0.65;
    letter-spacing: normal;
    text-align: center;
    z-index: 22;
}


.bottomtit{
	position: absolute;
	bottom: 7.5%;
	margin: 0 auto;
	z-index: 2;
	opacity: 1;
}


.core .project-cover{
	height: 100%;
    padding: 0 15%;
    top: 0;
    opacity: 1;
    transition: opacity .4s ease-out,background .4s ease-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.core .card-header{

    top: 50%;
    transform: translateY(-50%);
 }
.core img{
 	width: 100%;
    height: auto;
    z-index: 1;
    border: 0;
    background-color: #666;
 }
 .core .card-header img{
 	width: 70px;
    background: none;
    margin-bottom: 15px;
 }
 .core .card-header h3{
 	font-size: 22px;
 }
.card-header p{
 	position: relative;
    display: block;
    z-index: 2;
    font-size: 15px;
    line-height: 1.75;
    color: #fff;
    transition: opacity .4s ease-out,margin-top .4s ease-out;
    letter-spacing: 1.5px;
    text-align: left;
    opacity: 0;
 }


.core .card-body img{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
    width: 70px;
    background: none;
    padding-bottom: 40px;
    transition: all .35s ease-out;
    opacity: 0;
}
.core .card-body h4{
	display: block;
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    opacity: 0.65;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 20px;
}
.core a:hover .project-cover{
 background:rgba(3,137,221,.8);
}
.core a:hover .project-cover .card-body img{
	opacity: 1;
	left: 50%;
	transform: translateX(-50%);
}
.core .project-cover:hover .card-header{
	margin-top: -20px;
}
.core .project-cover:hover .card-header p{
	opacity: 1;
}


@media (max-width: 1024px) {
.card-header, .card-body{height: 50%;}
.core .col-md-3{width:50%; float:left;}
.core .card-header h3{font-size: 18px; letter-spacing:normal;}
.core .card-header img{width: 60px;}
.card-body{ display:none;}
.card-header p{font-size: 14px; }
.core .bottomtit{ font-size: 14px; font-weight: normal;}
.bottomtit{bottom: 2%;}
 }

@media (max-width: 780px) {
.card-header, .card-body{height: 50%;}
.core .col-md-3{width:50%; float:left;}
.core .card-header h3{font-size: 18px; letter-spacing:normal;}
.core .card-header img{width: 60px;}
.card-body{ display:none;}
.card-header p{font-size: 14px; }
.core .bottomtit{ font-size: 14px; font-weight: normal;}
.bottomtit{bottom: 2%;}
 }




@media (max-width: 640px) {
.card-header, .card-body{height:45%;}
.core .col-md-3{width:50%; float:left;}
.core .card-header h3{font-size: 16px; font-weight:normal; letter-spacing:normal;}
.core .card-header img{width: 50px;}
.card-body{ display:none;}
.card-header p{font-size: 12px; display:none; }
.core .bottomtit{ font-size: 12px; font-weight: normal;}
.bottomtit{bottom: 2%;}
 }






/*首页视频*/

.index_banner{width:100%;height:100vh;position:relative; text-align:center; z-index:10;}
.index_video{width:100%; height:100%; position:absolute!important; left:0; top:0; z-index:10;background:#000;overflow:hidden;}
/*.index_video:after{ display:block; content:''; width:100%; height:100%;background-color:rgba(0,104,183,0);background-image: url(index-vd-bg.png);background-repeat: repeat; background-position:center center; position:absolute; left:0; top:0; z-index:5;}*/
.index_video:after{ display:block; content:''; width:100%; height:100%;background-color:rgba(0,0,0,0.3);background-repeat: repeat; background-position:center center; position:absolute; left:0; top:0; z-index:5;}
.index_video .img{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;  background-position: center center; background-repeat:no-repeat; z-index:6; background-size:50% auto;}
/*.index_video .img.last{ background-image:url(../img/about-vd.png);background-size:65% auto;}*/
.index_video video{ display:block;position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.25s opacity ease-in-out;max-width:none;opacity:0;z-index:1;}
.vidbg-container{ width:100%; height:100%; background-repeat:no-repeat; background-position: center center; background-size:cover; position:relative; z-index:1;}
.vidbg-overlay{position:absolute;top:0;right:0;bottom:0;left:0}




.device{ position:relative; padding-bottom:70px;}

.swiper-container {
  width: 100%;
  color: #fff;
  text-align: center;
}
.swiper-slide {
  opacity: 1;
  position:relative;
  margin:0px;
  padding:0px 0px;
  box-sizing:border-box;
  overflow: hidden;
  border-left:none;
/*  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);*/
}
.swiper-slide img{ width:100%; z-index: 2; display: block;position: relative;  }
.swiper-slide:hover img{ width:100%;transition:.3s}


.swiper-slide-visible {
  opacity: 1;
/*  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);*/
}
.swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.red-slide {
  background: #ca4040;
}
.blue-slide {
  background: #4390ee;
}
.orange-slide {
  background: #ff8604;
}
.green-slide {
  background: #49a430;
}
.pink-slide {
  background: #973e76;
}
.swiper-slide .title {
  font-size: 17px;
  line-height: 45px;
  position:absolute;
  bottom:10px;
  color:#363636;
   text-align:center;
   width:100%;
   font-weight: normal;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
}
.swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;
}
.swiper-active-switch {
  background: #E1251A;
}


.arrow-left{
	position: absolute;
    top: 40%;
    left: 40px;
    width: 40px;
    height: 40px;
    margin: 0 auto;
	background: rgba(255,255,255,0);
    transform: translate(-50%,-50%) rotate(135deg);
    -ms-transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    border: 1px solid #E1251A;
    content: "";
    z-index: 9;
	background: rbga(255,255,255,0);
    border-width: 0 2px 2px 0;
}
.arrow-right{
	position: absolute;
    top: 40%;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
   transform: translate(-50%,-50%) rotate(135deg);
    -ms-transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    border: 1px solid #E1251A;
    content: "";
	z-index: 9;
    border-width: 2px 0 0 2px;
}

 @media(max-width:1200px){

 .device{ padding-bottom:55px;}
.arrow-left{width: 25px; height: 25px;}
.arrow-right{ width: 25px; height: 25px;}
.swiper-slide .title { font-size:16px;line-height: 26px;bottom:10px;}
 }



 @media(max-width:640px){
.device{ padding-bottom:35px;}
.arrow-left{width: 25px; height: 25px;}
.arrow-right{ width: 25px; height: 25px;}
.swiper-slide .title { font-size:14px;line-height: 24px;bottom:10px;}

.pagination{ margin:5px auto;}

 }


    .wel-banner {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .wel-banner .slides img {
        width: 1920px;
        position: absolute;
        left: 50%;
        margin-left: -960px
    }

    .wel-banner .slides li {
        width: 100%;
        float: left;
        overflow: hidden;
        height: 640px;
        position: relative
    }

    .wel-banner.case-banner .slides li {
        height: 415px
    }

    .wel-banner .flex-control-nav {
        bottom: 13px;
        z-index: 2
    }

    .wel-case .flex-control-nav {
        bottom: 20px
    }

    .wel-banner .flex-control-nav li,
    .wel-case .flex-control-nav li {
        margin: 0 2px
    }

    .wel-banner .flex-control-nav li a,
    .wel-case .flex-control-nav li a {
        width: 12px;
        height: 12px;
        background: url(/templates/en/images/btn01.png) no-repeat center;
        background-size: 100% 100%;
        transition: background .3s;
        box-shadow: none
    }

    .manage-bot .flex-control-nav {
        display: none
    }

    .wel-banner .flex-control-paging li a.flex-active,
    .wel-banner .flex-control-paging li a:hover,
    .wel-case .flex-control-nav li a:hover,
    .wel-case .flex-control-nav li a.flex-active {
        background: url(/templates/en/images/btn01_h.png) no-repeat center;
        background-size: 100% 100%;
        box-shadow: none
    }




.height80{ height:80px; clear:both; width:100%;}
.banner{position:relative;width:100%;height:auto;overflow:hidden;}
.banner .container{height:100%;}
.banner .contents{position:absolute;left:0px;width:100%;height:100%;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;}
.banner .contentInfo{overflow:hidden;position:absolute;top:50%;left:0px;width:800px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title{position:absolute;left:12%;top:8px;line-height:50px;font-size:45px;color:#fff;}
.banner .contentInfo .info{position:absolute;left:12%;top:80px;line-height:32px;font-size:22px;color:#fff;}
.banner .contentInfo .btn{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px; border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav{position:absolute;bottom:10px;width:100%;text-align:center;z-index:1;}
.banner .bannerNav .bannerNavChild{margin:0 5px;width:30px;height:5px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;cursor:pointer;z-index:1;}
.banner .bannerNav .bannerNavChild.on{background:#C01520;
animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}


  .wel-service{ padding: 0; width: 100%; position: relative; overflow: hidden; }
	
   .wel-service_a{ background:#6673e2;width:25%; height:220px; float:left;}
   .wel-service_a ul li{ display:inline-block;}
   .wel-service_a_left{ float:left; width:150px;opacity:0;}
   .wel-service_a_left h1{ font-size:18px; color:#fff; line-height:40px; padding-top:20px;padding-left:20px;}
   .wel-service_a_left p{ font-size:13px; text-align:left; width:150px; padding-top:5px; position:relative;}
   .wel-service_a_left p a{ color:#fff;font-size:13px; padding-left:20px; }
    .wel-service_a_left p a:hover{ padding-left:40px;}	
   .wel-service_a_right{ float:right;}
	
	.wel-service_a_left p a:before {width: 0%;height: 1px;position: absolute;left:20px;top:17px;background: #fff;content: '';transition: all .5s ease 0s;}
    .wel-service_a_left p a:hover:before {width: 15px;left:20px;}

	a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

   
    .wel-case {
        padding: 50px 0 0px 0;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .ser-contact-list li a {
        display: block;
        width: 100%
    }

    .home_top {font-size: 26px; color: #363636; font-weight: normal;line-height: 45px;text-align:center;}
	
	 .home_top h2{ font-size: 40px;
	line-height:45px;
    color: #E1251A;
    text-transform: uppercase;
     font-family:Geometr415 Blk BT;;
	letter-spacing:normal;}
	
	.home_title{font-size:15px;color:#666; font-weight:normal; line-height:25px; padding-top:5px;}
    .home_line0{ position:absolute; left:0; width:70px; height:2px; top:100px; background:#E1251A;}
    .home_line{ position:absolute; right:7%; width:300px; height:1px; top:58px; background:#ccc;}
    a.home_more{ position:absolute; right:0; font-size:14px; color:#333; font-weight:normal; top:35px;}
    a:hover.home_more{ color:#D1246E;}
    .wel-case-list {
        padding-bottom: 86px
    }

    .wel-case .flex-viewport {
        overflow: visible !important
    }

    .wel-case .slides li {
        overflow: hidden;
        position: relative;
        float: left;
        width: 420px;
        margin-right: 25px
    }

    .wel-case .slides .con {
        position: absolute;
        bottom: -72%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: block;
        padding: 9% 50px 0 30px;
        transition: bottom .3s
    }

    .wel-case .slides .bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #fff;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .wel-case .slides .font-bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #000;
        z-index: 1;
        opacity: 0;

      
    }

    .wel-case .slides .tit {
        font-size: 18px;
        color: #fff;
        line-height: 25px;
        color: #fff;
        font-weight: bold
    }

    .wel-case .slides .en {
        font-size: 15px;
        color: #fff;
        line-height: 30px;
        min-height: 24px
    }

    .wel-case .slides .font {
        font-size: 15px;
        color: #fff;
        line-height: 30px;
        margin-top: 18px;
		 width:70%;
    }

    .wel-case .slides .more {
        margin-top: 40px;
        width: 150px;
        height: 40px;
		 color:#fff;
		 line-height:40px;
		 text-align:center;
        background:#E1251A;
		 font-size:14px;

    }

     .wel-case .slides .more:hover {

        background:#D1246E;
    }
	
    .wel-product {
        padding-bottom: 80px
    }

    .wel-product-title {
        font-size: 24px;
        color: #E1251A;
        line-height: 42px;
        margin-bottom: 22px;
        font-weight: bold;
        position: relative
    }

    .wel-product-title a {
        display: inline-block;
        font-size: 14px;
        color: #E1251A;
        position: absolute;
        top: 0;
        right: 0;
        width: 95px;
        transition: color .3s
    }

    .wel-product-title span {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #b0b0b0 url(/templates/en/images/wel04.png) no-repeat center;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -12px;
        transition: background .3s
    }

    .wel-product .left {
        padding: 0 10px 0 0;
        width: 50%;
        float: left
    }

    .wel-product .right {
        padding: 0 0 0 10px;
        width: 50%;
        float: right
    }

    .wel-product .product-1 {
        padding: 0 10px 0 0;
        margin-bottom: 20px;
        height: 190px;
        text-align: center
    }

    .wel-product .container a {
        width: 100%;
        text-align: center;
        height: 100%;
        display: block;
        background: #fff;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        transition: box-shadow .3s
    }

    .wel-product .product-2 {
        padding: 0 0 0 10px;
        margin-bottom: 20px;
        height: 190px;
        text-align: center
    }

    .wel-product .product-3 {
        width: 100%;
        height: 393px;
        padding: 0
    }

    .wel-product .product-3 .pic {
        height: 100%;
        position: relative;
        width: 100%
    }

    .wel-product .product-3 img {
        height: 100%;
        position: absolute;
        left: 50%;
        margin-left: -345px
    }

    .wel-product .contrast {
        width: 14px;
        height: 16px;
        background: url(/templates/en/images/wel09.png) no-repeat center;
        position: absolute;
        bottom: 15px;
        right: 20px;
        cursor: pointer;
        transition: background .3s
    }

    .wel-product .ico-1 img {
        max-height: 100%;
        max-width: 100%
    }

    .wel-product .ico-1.ico_11 img {
        max-height: 100%;
        max-width: 350px
    }

    .wel-product .container {
        width: 100%;
        padding: 0
    }

    .wel-product .container .row {
        margin: 0
    }

    .wel-product .ico-1 h2 {
        font-size: 16px;
        color: #fff;
        position: absolute;
        bottom: 10px;
        line-height: 26px;
        height: 26px;
        width: 100%;
        text-align: left;
        padding: 0 15px 0 15px;
        overflow: hidden
    }

    .wel-product .ico-1 .bg {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #E1251A;
        display: block;
        height: 0;
        transition: height .3s
    }

    .wel-product .product-4 {
        margin-bottom: 20px;
        width: 100%;
        padding: 0;
        height: 393px
    }

    .wel-product .product-4 img {
        max-height: 100%;
        position: relative;
        left: 50%;
        margin-left: -101%
    }

    .wel-product .product-4 .con {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        padding: 16px 45px 20px
    }

    .wel-product .product-4 h2 {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        height: 26px;
        width: 100%;
        overflow: hidden
    }

    .wel-product .container h2,
    .wel-product .container p.font {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .wel-product .product-4 .bg {
        width: 100%;
        background: #E1251A;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0;
        transition: height .3s
    }

    .wel-product .product-4 .font {
        font-size: 14px;
        color: #fff;
        opacity: .7;
        filter: alpha(opacity=70);
        line-height: 24px;
        height: 24px;
        overflow: hidden
    }

    .wel-product .product-3 .contrast,
    .wel-product .product-4 .contrast {
        position: absolute;
        bottom: 40px;
        right: 45px
    }

    .wel-video {
        width: 100%;
        height: 603px;
        position: relative;
        overflow: hidden
    }
  .wel-news{
        width: 100%;
        height: 320px;
        position: relative;
        overflow: hidden
    }

 .wel-foot{
        width: 100%;
        height: 10px;
        position: relative;
        overflow: hidden
    }


    .wel-video video {
        width: 100%;
        background: #000;
        position: absolute;
        top: 50%;
        margin-top: -300px;
        z-index: 1
    }

    .wel-video img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 418px;
        margin-left: -960px;
        z-index: 2
    }

    .wel-news {
        padding: 49px 0 79px
    }

    .wel-news .container {
        width: 100%;
        padding: 0
    }

    .wel-news .row {
        margin: 0
    }

    .wel-news .wnews {
        padding: 0;
        width: 25%
    }

    .wel-news .wnews.news02 {
        padding: 0 40px;
        width: 50%
    }

    .network-content {
        width: 1000%;
        /* display: inline-block; */
    }

    .network-news-list .network-wnews {
        width: 3.333%;
        float: left;
        /* display: inline-block; */
        /* transition: all .5s; */
    }

    .wel-news .container {
        width: 100%;
        padding: 0
    }

    .network-news-list {
        margin-bottom: 40px;
        overflow: hidden;
    }

    .network-news-list .news01 {
        padding: 0 20px 0 0;
    }

    .network-news-list.news02 {
        padding: 0 10px;
    }

    .network-news-list .news03 {
        padding: 0 0 0 20px;
    }

    .network-news .network-wnews .network-a {
        padding: 36px 10% 80px;
        height: 450px;
        position: relative;
        overflow: hidden;
        background-size: cover !important;
    }

    .network-news .wel-product-title p {
        font-weight: normal;
        font-size: 22px;
        color: #222;
    }

    .p_hidden {
        overflow: hidden;
        height: 80px;
    }

    /* .net_dian {
        right: 0px;
        bottom: 10px;
        color: red;
        display: none;
        position: absolute;
    } */

    .network-news-list p {
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .network-news h3 {
        font-size: 16px;
        color: #fff;
        line-height: 36px;
        z-index: 2;
        position: relative;
        /* margin-bottom: 10px; */
        transition: margin .3s
    }

    .network-news-list p {
        position: relative;
    }

    .network-news p.content a {
        font-size: 18px;
    }

    .network-news p.content-first a {
        font-size: 22px;
    }

    .network-news p a {
        color: #fff;
        z-index: 2;
        position: relative;
        line-height: 40px;
        transition: margin .3s
    }

    .wel-news .news01 a {
        width: 100%;
        padding: 36px 10% 0;
        height: 674px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover !important;
        transition: background .3s
    }

    .wel-news .news02 a {
        width: 100%;
        padding: 36px 7% 0;
        height: 674px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover !important;
        transition: background .3s
    }

    .wel-news .news02 .more {
        width: 182px;
        height: 50px;
        background: #E1251A;
        text-align: center;
        position: absolute;
        left: 12%;
        bottom: 57px;
        font-size: 16px;
        z-index: 2;
        color: #fff;
        line-height: 50px;
        transition: left .3s, background .3s
    }

    .network-wnews a {
        cursor: pointer;
    }

    .network-wnews .network-more {
        width: 182px;
        height: 50px;
        background: #E1251A;
        text-align: center;
        position: absolute;
        right: 12%;
        bottom: 20px;
        font-size: 16px;
        z-index: 2;
        color: #fff;
        line-height: 50px;
        transition: left .3s, background .3s
    }

    .wel-news .news03 a {
        width: 100%;
        padding: 36px 10% 0;
        height: 316px;
        display: block;
        position: relative;
        overflow: hidden;
        background-size: cover !important;
        transition: background .3s
    }

    .wel-news .news03 a:first-child {
        margin-bottom: 40px
    }

    .wel-news h3 {
        font-size: 16px;
        color: #fff;
        line-height: 36px;
        z-index: 2;
        position: relative;
        margin-bottom: 30px;
        transition: margin .3s
    }

    .wel-news h2 {
        font-size: 22px;
        color: #fff;
        z-index: 2;
        position: relative;
        line-height: 40px;
        transition: margin .3s
    }

    .network-news a h3 {
        margin-bottom: 5px;
    }

    .wel-news p.content-first {
        font-size: 18px;
        color: #333;
        z-index: 2;
        position: relative;
        line-height: 40px;
        transition: margin .3s
    }

    .wel-news p.content {
        font-size: 18px;
        color: #fff;
        z-index: 2;
        position: relative;
        line-height: 40px;
        transition: margin .3s
    }

    .wel-news .bg {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 1;
        background: rgba(0, 0, 0, .4);
        width: 100%;
        height: 100%;
        transition: opacity .3s
    }

    .wel-news .news01 h3,
    .wel-news .news01 h2 {
        color: #222
    }

    .network-wnews.news01 h3 {
        color: #fff;
    }

    footer {
        width: 100%;
        background: #1f2024;
        padding: 52px 0 7px
    }

    .footer-top {
        padding-bottom: 29px;
        border-bottom: 1px solid #3c3c42
    }

    .footer-bot {
        padding: 30px 0
    }

    .footer-bot-left {
        float: left
    }

    .footer-bot-left p {
        font-size: 12px;
        color: #fff;
        line-height: 22px;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .footer-bot-left p span {
        margin-left: 20px
    }

    .footer-bot-left a {
        font-size: 13px;
        color: #fff;
        line-height: 23px;
        margin-right: 10px;
        transition: color .3s
    }

    .footer-bot .bdsharebuttonbox {
        float: right;
        height: 32px;
        margin-top: 6px
    }

    .footer-bot .bdsharebuttonbox a {
        width: 32px;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        display: inline-block;
        text-indent: 0;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: opacity .3s
    }

    .footer-bot .bdsharebuttonbox a.bds_tsina {
        background: url(/templates/en/images/fot04.png) no-repeat center
    }

    .footer-bot .bdsharebuttonbox a.bds_tqq {
        background: url(/templates/en/images/fot05.png) no-repeat center
    }

    .footer-bot .bdsharebuttonbox a.bds_isohu {
        background: url(/templates/en/images/fot06.png) no-repeat center
    }

    .footer-bot .bdsharebuttonbox a.bds_renren {
        background: url(/templates/en/images/fot07.png) no-repeat center
    }

    .footer-bot .bdsharebuttonbox a.bds_qzone {
        background: url(/templates/en/images/fot08.png) no-repeat center
    }

    .footer-top-left {
        float: left;
        width: 24.7%
    }

    .footer-top-center {
        float: left;
        width: 62.6%
    }

    .footer-top .weixin {
        width: 7.8%;
        float: left;
        text-align: center
    }

    .footer-top .weixin img {
        width: 100%
    }

    .footer-top h2 {
        font-size: 14px;
        color: #fff;
        line-height: 33px;
        margin-bottom: 7px;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .footer-top-left form {
        width: 76%;
        border: 2px solid #3c3c42;
        display: block;
        padding: 6px
    }

    .footer-top-left .text {
        float: none;
        width: 56%;
        background: 0;
        border: 0;
        color: #fff
    }

    .footer-top-left .text::-webkit-input-placeholder {
        color: #fff
    }

    .footer-top-left .text:-moz-placeholder {
        color: #fff
    }

    .footer-top-left .text::-moz-placeholder {
        color: #fff
    }

    .footer-top-left .text:-ms-input-placeholder {
        color: #fff
    }

    .footer-top-left .submit {
        width: 32%;
        background: #E1251A;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        border: 0;
        border-radius: 2px
    }

    .footer-top-left h4 {
        font-size: 12px;
        color: #fff;
        opacity: .5;
        filter: alpha(opacity=50);
        line-height: 20px;
        padding-top: 10px;
        width: 76%
    }

    .footer-top-left .lan {
        display: block;
        width: 58%;
        height: 38px;
        line-height: 38px;
        padding-left: 42px;
        margin-top: 74px;
        font-size: 12px;
        color: #fff;
        background: #3c3c42 url(/templates/en/images/fot02.jpg) no-repeat 12px center
    }

    .footer-top-center li {
        width: 16%;
        float: left
    }

    .footer-top-center li:last-child {
        width: 36%
    }

    .footer-top-center li p {
        font-size: 13px;
        color: #fff;
        line-height: 24px
    }

    .footer-top-center li a {
        color: #fff;
        transition: color .3s
    }

    .footer-top-center li a:hover {
        color: #E1251A
    }

    header {
        width: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        height: 80px;
        line-height: 80px;
        z-index: 10;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2)
    }
	
	@media(max-width:1024px){
		
		header {
 height: 60px;
        line-height: 60px;
}		
		}
	
	

    header .logo {
        width: 220px;
        height: 100%;
        text-align: center;
        float: left;
        margin-left: 0
    }

    header .logo img {
        max-width: 100%
    }

    header .search-box {
        width: 3%;
        height: 100%;
        display: block;

        float: right;
        background: #b4b4b4 url(../image/head01.png) no-repeat center;
        position: relative;
        z-index: 3;
        transition: background .3s
    }

    header .link {
        font-size: 16px;
    
        padding: 0 5px 0 22px;
        float: right;
        transition: color .3s;
        background: url(../image/tel.png) no-repeat left center;
        margin-right: 1%;
		 color:#666;
		 letter-spacing:normal;
		
    }

    header .enght {
        float: right;
        margin-right: 1%;
        padding-left: 26px;
        font-size: 16px;
        color: #666;
        position: relative;
        z-index: 1;
        height: 100%;
        transition: color .3s, background .3s;
		padding:0px;
	
    }

    header a.enght {
        color: #666;
        display: block;
        transition: color .3s
    }
	
	 header a:hover.enght  {
        color: #C52229;

    }

    header .enght a.tit {
        padding-right: 17px;
        background: url(/templates/en/images/aaa01.png) no-repeat right center;
        height: 100%;
        width: 100%;
        transition: color .3s, background .3s
    }

    header .enght .con {
        position: absolute;
        top: 100%;
        left: -10%;
        display: none;
        background: #fff;
        width: 130%;
        padding-top: 20px;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
        height: 335px;
        overflow: auto
    }

    header .enght .con a {
        width: 100%;
        font-size: 12px;
        height: 35px;
        text-align: center;
        line-height: 35px
    }

    header .enght .con::-webkit-scrollbar {
        width: 1px;
        background-color: #ececec
    }

    header .enght .con::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ececec
    }

    header .enght .con::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    header .enght:hover {
        background: url(/templates/en/images/en01_h.png) no-repeat left center
    }

    header .enght:hover a.tit {
        color: #E1251A;
        background: url(/templates/en/images/aaa01_h.png) no-repeat right center
    }

    header .enght a:hover {
        color: #E1251A
    }

    header .nav-box {
        width: 55%;
        margin: 0 auto
    }

    header .nav-box ul {
        width: 100%
    }

    header .nav-box li {
        width: 14%;
        float: left;
	
        text-align:center;
		position:relative;
    }

    header .nav-box a.tit {
        font-size: 16px;
        color: #333;
        height: 100%;
        display: block;
        width: 100%;
        transition: color .3s;
		position:relative;
    }
	
	
	header .nav-box a.tit:before {width: 0%;height: 2px;position: absolute;left:14px;top:78px;background: #E1251A;content: '';transition: all .5s ease 0s;}
    header .nav-box a.tit:hover:before  {width: 85px;left:14px;}

  
    header .nav-box li:hover a.tit {
        color: #E1251A
    }

    header .nav-box li a.tittt {
        color: #E1251A; font-size:15px;
    }



    header .nav-box .conaa {
        position: absolute;
        top: 80px;
     
        background: #fff;
        display: none;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        z-index: 5;
		width:150px;
		left:-16px;
		padding-top:10px;
    }

   header .nav-box .conaa p a{
    width:100%;
	height:35px; 
	background:#fff; 
	display:block;
	line-height:35px;
	 text-align:center;
	 font-size:13px;
   }
      header .nav-box .conaa p a:hover{

	background:#C52229; 

	 color:#fff;
   }
   
    header .nav-box .conaa .left {
     
        width: 200px; 
		color:#fff;
		display:block;
		font-size:30px;
    }

    header .nav-box .link-b {
        width: 100%;
        display: block;
        padding-left: 17%;
        text-align: left;
        font-size: 15px;
        color: #333;
        line-height: 40px;
        margin-bottom: 5px;
        transition: background .3s, color .3s
    }

    header .nav-box .link-b span {
        width: 100%;
        display: block;
        background: 0
    }

    header .nav-box .pro-li .left {
        padding: 59px 1.9% 50px 8.9%;
        height: 450px
    }

    header .nav-box .pro-li dd {
        width: 33.33%;
        float: left
    }

    header .nav-box .pro-li dd .link-b {
        background-position: 8% center;
        background-repeat: no-repeat
    }

    header .nav-box .pro-li .right .link-k {
        display: none
    }

    header .nav-box .pro-li .right {
        padding: 50px 5.5% 0 3%;;
    }

    header .nav-box .pro-li .right .content {
        width: 100%
    }

    header .nav-box .pro-li dd .link-b.cur {
        background-color: #E1251A
    }

    header .nav-box .link-b.ico_1 {
        background: url(/templates/en/images/head09.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_2 {
        background: url(/templates/en/images/head13.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_3 {
        background: url(/templates/en/images/head07.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_4 {
        background: url(/templates/en/images/head10.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_5 {
        background: url(/templates/en/images/head14.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_6 {
        background: url(/templates/en/images/head06.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_7 {
        background: url(/templates/en/images/head16.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_8 {
        background: url(/templates/en/images/head15.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_9 {
        background: url(/templates/en/images/head08.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_10 {
        background: url(/templates/en/images/head17.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_11 {
        background: url(/templates/en/images/head18.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_12 {
        background: url(/templates/en/images/head19.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_13 {
        background: url(/templates/en/images/head20.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_14 {
        background: url(/templates/en/images/head21.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_15 {
        background: url(/templates/en/images/head22.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_16 {
        background: url(/templates/en/images/head23.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_17 {
        background: url(/templates/en/images/head24.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_18 {
        background: url(/templates/en/images/head25.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_19 {
        background: url(/templates/en/images/head26.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_20 {
        background: url(/templates/en/images/head27.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_21 {
        background: url(/templates/en/images/head28.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_22 {
        background: url(/templates/en/images/head29.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_23 {
        background: url(/templates/en/images/ico_23.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_24 {
        background: url(/templates/en/images/ico_24.png) no-repeat 8% center
    }

    header .nav-box .link-b.cur {
        color: #fff
    }

    header .nav-box .link-b.cur span {
        background: url(/templates/en/images/head05.png) no-repeat right 8% center
    }

    header .nav-box .link-b.ico_1.cur {
        background: #E1251A url(/templates/en/images/head06_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_2.cur {
        background: #E1251A url(/templates/en/images/head07_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_3.cur {
        background: #E1251A url(/templates/en/images/head08_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_4.cur {
        background: #E1251A url(/templates/en/images/head09_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_5.cur {
        background: #E1251A url(/templates/en/images/head10_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_6.cur {
        background: #E1251A url(/templates/en/images/head13_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_7.cur {
        background: #E1251A url(/templates/en/images/head14_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_8.cur {
        background: #E1251A url(/templates/en/images/head15_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_9.cur {
        background: #E1251A url(/templates/en/images/head16_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_10.cur {
        background: #E1251A url(/templates/en/images/head17_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_11.cur {
        background: #E1251A url(/templates/en/images/head18_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_11.cur {
        background: #E1251A url(/templates/en/images/head18_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_12.cur {
        background: #E1251A url(/templates/en/images/head19_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_13.cur {
        background: #E1251A url(/templates/en/images/head20_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_14.cur {
        background: #E1251A url(/templates/en/images/head21_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_15.cur {
        background: #E1251A url(/templates/en/images/head22_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_16.cur {
        background: #E1251A url(/templates/en/images/head23_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_17.cur {
        background: #E1251A url(/templates/en/images/head24_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_18.cur {
        background: #E1251A url(/templates/en/images/head25_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_19.cur {
        background: #E1251A url(/templates/en/images/head26_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_20.cur {
        background: #E1251A url(/templates/en/images/head27_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_21.cur {
        background: #E1251A url(/templates/en/images/head28_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_22.cur {
        background: #E1251A url(/templates/en/images/head29_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_23.cur {
        background: #E1251A url(/templates/en/images/ico_23_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_24.cur {
        background: #E1251A url(/templates/en/images/ico_24_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_1:hover {
        background: #E1251A url(/templates/en/images/head09_h.png) no-repeat 8% center
    }
    header .nav-box .link-b.ico_2:hover {
        background: #E1251A url(/templates/en/images/head13_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_3:hover {
        background: #E1251A url(/templates/en/images/head07_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_4:hover {
        background: #E1251A url(/templates/en/images/head10_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_5:hover {
        background: #E1251A url(/templates/en/images/head14_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_6:hover {
        background: #E1251A url(/templates/en/images/head06_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_7:hover {
        background: #E1251A url(/templates/en/images/head16_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_8:hover {
        background: #E1251A url(/templates/en/images/head15_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_9:hover {
        background: #E1251A url(/templates/en/images/head08_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_10:hover {
        background: #E1251A url(/templates/en/images/head17_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_11:hover {
        background: #E1251A url(/templates/en/images/head18_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_12:hover {
        background: #E1251A url(/templates/en/images/head19_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_13:hover {
        background: #E1251A url(/templates/en/images/head20_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_14:hover {
        background: #E1251A url(/templates/en/images/head21_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_15:hover {
        background: #E1251A url(/templates/en/images/head22_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_16:hover {
        background: #E1251A url(/templates/en/images/head23_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_17:hover {
        background: #E1251A url(/templates/en/images/head24_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_18:hover {
        background: #E1251A url(/templates/en/images/head25_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_19:hover {
        background: #E1251A url(/templates/en/images/head26_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_20:hover {
        background: #E1251A url(/templates/en/images/head27_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_21:hover {
        background: #E1251A url(/templates/en/images/head28_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_22:hover {
        background: #E1251A url(/templates/en/images/head29_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_23:hover {
        background: #E1251A url(/templates/en/images/ico_23_h.png) no-repeat 8% center
    }

    header .nav-box .link-b.ico_24:hover {
        background: #E1251A url(/templates/en/images/ico_24_h.png) no-repeat 8% center
    }

    .nav-box .link-k {
        width: 23%
    }

    .nav-box .link-k.none {
        display: none
    }

    .nav-box .link-k h2 {
        font-size: 24px;
        color: #333;
        line-height: 24px;
        padding-bottom: 30px;
        text-align: left
    }

    .nav-box .link-k h2 a {
        color: #333
    }

    .nav-box .link-k a.on {
        display: block;
        width: 100%;
        font-size: 14px;
        text-align: left;
        color: #666;
        line-height: 30px;
        transition: color .3s
    }

    .nav-box .content .more {
        width: 155px;
        height: 40px;
        line-height: 40px;
        padding-left: 36px;
        font-size: 14px;
        background: #E1251A url(/templates/en/images/head05.png) no-repeat 103px center;
        display: block;
        text-align: left;
        color: #fff;
        margin-top: 35px
    }

    .nav-box .link-k a:hover {
        color: #E1251A
    }

    .nav-box .content {
        width: 48%
    }

    .navigation {
        width: 100%;
        display: none
    }

    .nav-box .content img {
        max-width: 100%
    }

    .supplier-notice-box .left img {
        max-width: 100%
    }

    .search-hbox .right li a {
        color: #333
    }

    .search-hbox .right li a:hover {
        color: #d82117
    }

    .search-hbox .right li a.cur {
        color: #d82117
    }

    .nav-box .content p {
        text-align: left;
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 22px
    }

    header .nav-box .right {
        width: 65%;
        padding: 20px 13.5% 0 6%;
        float: right
    }


  

    header .nav-box .case-li .con.none .link-b {
        width: 50%;
        float: left
    }

    header .nav-box .case-li .con.none .link-b {
        padding-left: 10%
    }

    .nav-box .case-li .con.none .content p {
        margin-top: 12px
    }

    .nav-box .case-li .con.none .content .more {
        margin-top: 10px;
    }

    header .nav-box .ser-li .con.none .left {
        width: 68%;
        padding: 59px 4.9% 150px 7.9%
    }

    header .nav-box .ser-li.buli .con.none .left {
        padding: 59px 4.9% 250px 7.9%
    }

    header .nav-box .ser-li .link-b {
        padding-left: 22.6%
    }

    header .nav-box .ser-li .con.none .right {
        width: 32%;
        padding: 50px 5.5% 0 3%
    }

    header .nav-box .ser-li .con.none .content,
    header .nav-box .pro-li .con.none .right .content {
        width: 92.6%
    }

    header .nav-box .ser-li .con.none .log-four {
        width: 25%;
        float: left
    }

    header .nav-box .ser-li .log-four .font {
        padding-left: 22.6%;
        font-size: 13px;
        color: #666;
        display: block;
        width: 100%;
        line-height: 27px;
        text-align: left
    }

    .flex-direction-nav a {
        z-index: 1 !important
    }

    header .nav-box .ser-li .log-four .font:hover {
        color: #d9271b
    }

    .search-send {
        position: absolute;
        z-index: 2;
        background-color: #222;
        right: -34%;
        top: 0;
        width: 25%;
        transition: right .3s
    }

    .search-send.on {
        right: 3%
    }

    .search-send .close {
        display: block;
        width: 18px;
        height: 18px;
        background: url(../image/head03.png) no-repeat center;
        position: absolute;
        top: 50%;
        left: 6px;
        margin-top: -9px;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: transform .3s ease 0s
    }

    .search-send .close:hover {
        transform: rotateZ(90deg);
        transition: transform .3s ease 0s
    }

    .search-send form {
        width: 100%;
        height: 100%
    }

    .search-send .text {
        border: 0;
        font-size: 18px;
        height: 100%;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        color: #555;
        background: 0;
        padding: 0 5% 0 13%;
        outline: 0
    }

    .search-send .submit {
        cursor: pointer;
        border: 0;
        background: url(../image/head01.png) no-repeat center;
        background-color: #E1251A;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
        outline: 0
    }

    .search-send .text::-webkit-input-placeholder {
        color: #555
    }

    .search-send .text:-moz-placeholder {
        color: #555
    }

    .search-send .text::-moz-placeholder {
        color: #555
    }

    .search-send .text:-ms-input-placeholder {
        color: #555
    }

    .inliner-banner {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .inliner-banner .flex-control-nav {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 4
    }

    .inliner-banner .flex-control-paging li a {
        background: 0;
        border: 1px solid #fff;
        opacity: .3;
        filter: alpha(opacity=70);
        box-shadow: none
    }

    .inliner-banner .flex-control-paging li a.flex-active {
        background: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .inliner-banner img {
        width: 1920px;
        position: relative;
        left: 50%;
        margin-left: -960px
    }

    .inliner-banner .con {
        display: block;
        width: 37%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -80px 0 0 -39%
    }

    .inliner-banner h2 {
        font-size: 32px;
        color: #fff;
        line-height: 52px
    }

    .inliner-banner .font {
        font-size: 20px;
        color: #fff;
        line-height: 36px
    }

    .inliner-banner .more {
        width: 127px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        border-radius: 4px;
        background: #d9271b;
        color: #fff;
        font-size: 14px;
        margin-top: 40px
    }

    .inliner-banner .slides li {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .product-channel {
        background: #fff;
        width: 100%;
        padding: 48px 0 62px
    }

    .product-channel .search-font {
        font-size: 18px;
        color: #333;
        line-height: 38px;
        margin-bottom: 24px
    }

    .product-channel-box {
        width: 100%;
        margin-bottom: 50px
    }

    .product-channel-box form,
    .product-channel-box .contrast {
        width: 48%;
        border: 1px solid #ddd;
        padding: 0 1.7%;
        float: left
    }

    .product-channel-box .contrast {
        float: right;
        height: 90px;
        line-height: 90px;
        padding: 0 2.5%;
        font-size: 18px;
        color: #333;
        background: url(/templates/en/images/pro02.png) no-repeat right 2.5% center
    }

    .product-channel-box .text {
        width: 70%;
        border: 0;
        height: 88px;
        line-height: 88px;
        font-size: 18px;
        color: #333
    }

    .product-channel-box .submit {
        float: right;
        width: 26px;
        height: 88px;
        background: url(/templates/en/images/pro01.png) no-repeat center;
        border: 0
    }

    .product-channel h1 {
        font-size: 32px;
        color: #333;
        line-height: 52px;
        margin-bottom: 30px
    }

    .product-channel-list {
        width: 100%
    }

    .product-channel-list ul {
        width: 49%;
        float: left
    }

    .product-channel-list li {
        width: 100%;
        float: left;
        margin-bottom: 25px;
        border: 1px solid #eeecec;
        transition: box-shadow .3s
    }

    .product-channel-list ul.odd {
        float: right
    }

    .product-channel-list .tit {
        width: 100%;
        padding: 0 5% 0 4%;
        height: 88px;
        display: block;
        line-height: 88px;
        background: url(/templates/en/images/pro15.png) no-repeat right 5% center;
        transition: background .3s
    }

    .product-channel-list .pic {
        padding-left: 55px;
        font-size: 20px;
        color: #333;
        transition: color .3s
    }

    .product-channel-list li .con {
        width: 100%;
        display: none;
        padding: 24px 13px 32px 6%
    }

    .product-channel-list li .scrollbar {
        width: 100%;
        max-height: 572px;
        padding-right: 28px;
        overflow: auto
    }

    .product-channel-list li .scrollbar::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #ececec
    }

    .product-channel-list li .scrollbar::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ececec
    }

    .product-channel-list li .scrollbar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    .product-channel-list li dl {
        width: 100%
    }

    .product-channel-list li dd {
        display: block;
        width: 100%
    }

    .product-channel-list li .dd-tit {
        width: 100%;
        padding-left: 35px;
        font-size: 18px;
        color: #333;
        line-height: 65px;
        border-bottom: 1px solid #eaeaea;
        display: block;
        transition: background .3s, color .3s
    }

    .product-channel-list li .dd-tit.on {
        background: url(/templates/en/images/pro15.png) no-repeat left center
    }

    .product-channel-list li .con-t {
        width: 100%
    }

    .product-channel-list li .con-tb {
        display: block;
        width: 100%;
        padding-left: 45px;
        font-size: 16px;
        color: #333;
        line-height: 45px;
        border-bottom: 1px solid #eaeaea;
        transition: background .3s, color .3s
    }

    .product-channel-list li .tb-box {
        display: none
    }

    .product-channel-list li .con-tb.on {
        background: url(/templates/en/images/pro15.png) no-repeat 10px center
    }

    .product-channel-list li .tb-box-t {
        width: 100%;
        padding-left: 50px;
        font-size: 16px;
        color: #333;
        line-height: 40px;
        border-bottom: 1px solid #eaeaea;
        display: block
    }

    .product-channel-list li .con-t {
        display: none
    }

    .product-channel-list .ico01 {
        background: url(/templates/en/images/pro03.png) no-repeat left center
    }

    .product-channel-list .ico02 {
        background: url(/templates/en/images/pro04.png) no-repeat left center
    }

    .product-channel-list .ico03 {
        background: url(/templates/en/images/pro05.png) no-repeat left center
    }

    .product-channel-list .ico04 {
        background: url(/templates/en/images/pro10.png) no-repeat left center
    }

    .product-channel-list .ico05 {
        background: url(/templates/en/images/pro09.png) no-repeat left center
    }

    .product-channel-list .ico06 {
        background: url(/templates/en/images/pro08.png) no-repeat left center
    }

    .product-channel-list .ico07 {
        background: url(/templates/en/images/pro07.png) no-repeat left center
    }

    .product-channel-list .ico08 {
        background: url(/templates/en/images/pro06.png) no-repeat left center
    }

    .product-channel-list .ico09 {
        background: url(/templates/en/images/pro11.png) no-repeat left center
    }

    .product-channel-list .ico010 {
        background: url(/templates/en/images/a15.png) no-repeat left center
    }

    .product-channel-list .ico011 {
        background: url(/templates/en/images/a16.png) no-repeat left center
    }

    .product-channel-list .ico012 {
        background: url(/templates/en/images/a17.png) no-repeat left center
    }

    .product-channel-list .ico013 {
        background: url(/templates/en/images/a18.png) no-repeat left center
    }

    .product-channel-list .ico014 {
        background: url(/templates/en/images/a19.png) no-repeat left center
    }

    .product-channel-list .ico015 {
        background: url(/templates/en/images/rfid.png) no-repeat left center
    }

    .product-channel-list .ico016 {
        background: url(/templates/en/images/jia.png) no-repeat left center
    }

    .product-channel-list .ico017 {
        background: url(/templates/en/images/chongdianzhuang.png) no-repeat left center
    }

    .product-channel-list .ico018 {
        background: url(/templates/en/images/xiaofang.png) no-repeat left center
    }

    .product-channel-list .ico10 {
        background: url(/templates/en/images/pro12.png) no-repeat left center
    }

    .product-channel-list .ico11 {
        background: url(/templates/en/images/pro13.png) no-repeat left center
    }

    .product-channel-list .ico12 {
        background: url(/templates/en/images/pro14.png) no-repeat left center
    }

    .product-channel-list li.out {
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .product-channel-list li.out .tit {
        background: #d9271b url(/templates/en/images/pro15_h.png) no-repeat 95% center
    }

    .product-channel-list li.out .pic {
        color: #fff
    }

    .product-channel-list li.out .ico01 {
        background: url(/templates/en/images/pro03_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico02 {
        background: url(/templates/en/images/pro04_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico03 {
        background: url(/templates/en/images/pro05_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico04 {
        background: url(/templates/en/images/pro06_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico05 {
        background: url(/templates/en/images/pro07_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico06 {
        background: url(/templates/en/images/pro08_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico07 {
        background: url(/templates/en/images/pro09_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico08 {
        background: url(/templates/en/images/pro10_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico09 {
        background: url(/templates/en/images/pro11_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico010 {
        background: url(/templates/en/images/a15_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico011 {
        background: url(/templates/en/images/a16_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico012 {
        background: url(/templates/en/images/a17_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico013 {
        background: url(/templates/en/images/a18_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico014 {
        background: url(/templates/en/images/a19_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico015 {
        background: url(/templates/en/images/rfid_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico016 {
        background: url(/templates/en/images/jia_h.png) no-repeat left center
    }


    .product-channel-list li.out .ico10 {
        background: url(/templates/en/images/pro12_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico11 {
        background: url(/templates/en/images/pro13_h.png) no-repeat left center
    }

    .product-channel-list li.out .ico12 {
        background: url(/templates/en/images/pro14_h.png) no-repeat left center
    }

    .product-channel-list li .dd-tit.cur {
        background: #d9271b;
        color: #fff
    }

    .product-channel-list li .dd-tit.on.cur {
        background: #d9271b url(/templates/en/images/pro15_h.png) no-repeat 2px center
    }

    .product-channel-list li .con-tb.cur {
        background: #d9271b;
        color: #fff
    }

    .product-channel-list li .con-tb.on.cur {
        background: #d9271b url(/templates/en/images/pro15_h.png) no-repeat 10px center
    }

    .web-link {
        width: 100%;
        padding-top: 42px
    }

    .web-link a {
        display: inline-block;
        width: 25%
    }

    .web-link a.see-case {
        width: 100%;
        font-size: 28px;
        color: #fff;
        line-height: 54px;
        padding: 62px 2% 62px 3%;
        background: url(/templates/en/images/pro16.jpg) no-repeat center;
        position: relative;
        background-size: cover;
        transition: padding .3s
    }

    .web-link .see-case .more {
        width: 118px;
        text-align: center;
        height: 38px;
        line-height: 38px;
        border: 1px solid #fff;
        display: block;
        color: #fff;
        font-size: 13px;
        position: absolute;
        right: 2%;
        top: 50%;
        margin-top: -19px;
        transition: background .3s, color .3s
    }

    .web-link .box a {
        float: left;
        width: 25%;
        height: 162px;
        text-align: center;
        transition: background .3s
    }

    .web-link .box a.see-ab {
        padding: 54px 0 0 3%;
        background: #7f7f7f url(/templates/en/images/pro17.png) no-repeat 90% center;
        text-align: left;
        font-size: 24px;
        color: #fff;
        line-height: 48px;
        transition: background .3s, padding .3s
    }

    .web-link .box a.see-ser {
        background: #595959
    }

    .web-link .box a.see-down {
        background: #434343
    }

    .web-link .box a.see-pro {
        background: #333
    }

    .web-link .box a img {
        padding-top: 41px
    }

    .web-link .box a p {
        font-size: 16px;
        color: #fff;
        line-height: 48px
    }

    .now {
        position: absolute;
        right: 0;
        top: -40px;
        z-index: 9;
        line-height: 32px
    }

    .now a {
        color: #fff;
        font-size: 16px;
        font-family: '微软雅黑';
        opacity: .9;
        filter: alpha(opacity=90);
        transition: opacity .3s
    }

    .now a:hover {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .now i {
        width: 3px;
        height: 7px;
        background: url(/templates/en/images/pro21.png) no-repeat center;
        margin: 0 5px 0 7px;
        display: inline-block
    }

    .product-list {
        padding: 19px 0 124px
    }

    .product-list .form {
        width: 185px;
        float: right;
        height: 34px;
        line-height: 34px;
        border-radius: 15px;
        border: 1px solid #e9eaeb;
        padding: 0 16px 0 18px;
        transition: border .3s
    }

    .product-list .text {
        background: 0;
        border: 0;
        font-size: 12px;
        color: #999;
        height: 34px;
        line-height: 34px;
        float: left;
        width: 80%
    }

    .product-list .submit {
        float: right;
        width: 13px;
        height: 34px;
        line-height: 34px;
        background: url(/templates/en/images/pro22.png) no-repeat center;
        border: 0
    }

    .product-list-b {
        width: 100%;
        padding-top: 65px
    }

    .product-list-b ul {
        width: 100%
    }

    .product-list-b li {
        width: 31.7%;
        margin-right: 2.45%;
        background: #fff;
        border: 1px solid #eee;
        float: left;
        margin-bottom: 35px
    }

    .product-list-b li.on {
        margin-right: 0
    }

    .product-list-b li .pic {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 250px;
        border-bottom: 1px solid #eee
    }

    .product-list-b li img {
        max-width: 100%;
        transition: all .3s
    }

    .product-list-b li.newss .newss {
        width: 61px;
        height: 64px;
        background: url(/templates/en/images/pro25.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        z-index: 1
    }

    .product-list-b li .add {
        padding-left: 28px;
        height: 16px;
        background: url(/templates/en/images/pro23.png) no-repeat left center;
        background-size: 14px !important;
        display: block;
        position: absolute;
        top: 34px;
        right: 13px;
        font-size: 14px;
        line-height: 16px;
        cursor: pointer;
        color: #b2b2b2;
        transition: background .3s, color .3s
    }

    .product-list-b li.but .add {
        color: #dc3c31;
        background: url(/templates/en/images/pro23_h.png) no-repeat left center
    }

    .product-list-b li .con {
        width: 100%;
        padding: 21px 6% 23px;
        display: block
    }

    .product-list-b li h3 {
        font-size: 16px;
        color: #999;
        line-height: 36px;
        height: 36px;
        overflow: hidden
    }

    .product-list-b li .font {
        font-size: 16px;
        color: #333;
        line-height: 27px;
        height: 54px;
        overflow: hidden
    }

    .product-list-b li .more {
        width: 127px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #e4e4e4;
        background: #f9f9f9;
        font-size: 15px;
        color: #333;
        border-radius: 2px;
        transition: background .3s, color .3s, border .3s;
        margin-top: 20px
    }

    .product-list-b li.into .add {
        background: url(/templates/en/images/pro23_h.png) no-repeat center
    }

    .product-nav {
        width: 48%;
        height: 50px;
        position: absolute;
        left: 0;
        top: 19px;
        z-index: 2;
        background: #0f0f0f
    }

    .product-nav .tit {
        width: 33.8%;
        font-size: 16px;
        color: #fff;
        line-height: 50px;
        text-align: center;
        background: #0f0f0f url(/templates/en/images/pro26.png) no-repeat 94% center
    }

    .product-nav .nav-con {
        width: 66.2%;
        position: relative
    }

    .product-nav .nav-link {
        width: 100%;
        line-height: 50px;
        padding-left: 7%;
        display: block;
        font-size: 16px;
        color: #fff;
        background: #d9271b url(/templates/en/images/pro26.png) no-repeat 94% center
    }

    .product-nav .link-box {
        width: 100%;
        background: #fff;
        position: absolute;
        left: 0;
        top: 50px;
        max-height: 500px;
        overflow: auto;
        display: none
    }

    .product-nav .tit-box {
        width: 33.8%;
        background: #fff;
        position: absolute;
        left: 0;
        top: 50px;
        max-height: 500px;
        overflow: auto;
        display: none
    }

    .product-nav .link-box .link-tit {
        display: block;
        width: 89%;
        border-bottom: 1px solid #d9d9d9;
        padding-left: 8%;
        line-height: 59px;
        font-size: 16px;
        color: #333;
        transition: color .3s
    }

    .product-nav .tit-box a {
        display: block;
        width: 89%;
        border-bottom: 1px solid #d9d9d9;
        padding: 15px 0 15px 4%;
        font-size: 16px;
        color: #333;
        line-height: 26px;
        transition: color .3s
    }

    .product-nav .link-box-b {
        width: 100%;
        background: #f3f3f3
    }

    .product-nav .link-box-tit,
    .product-nav .link-box-t {
        line-height: 48px;
        width: 89%;
        border-bottom: 1px solid #d9d9d9;
        padding-left: 15%;
        background: url(/templates/en/images/pro27.png) no-repeat 10% center;
        display: block;
        font-size: 14px;
        color: #666;
        transition: color .3s
    }

    .product-nav .link-box-t {
        padding-left: 17%;
        background: url(/templates/en/images/pro27.png) no-repeat 13% center
    }

    .product-nav .link-box-tit.into {
        color: #d9271b
    }

    .product-nav .link-box-t:hover {
        color: #d9271b
    }

    .product-nav .link-box-con {
        display: none
    }

    .product-nav .link-box-b {
        display: none
    }

    .product-nav .link-box .link-tit.cur {
        color: #d9271b
    }

    .product-nav .link-box::-webkit-scrollbar,
    .product-nav .tit-box::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #ececec
    }

    .product-nav .link-box::-webkit-scrollbar-track,
    .product-nav .tit-box::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ececec
    }

    .product-nav .link-box::-webkit-scrollbar-thumb,
    .product-nav .tit-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    .page {
        margin-top: 25px;
        width: 100%;
        text-align: center;
        padding: 12px 3%;
        background: #fff;
        position: relative
    }

    .page a.num {
        zoom: 1;
        margin: 0 5px;
        padding: 12px 15px;
        font-size: 14px;
        color: #333;
        line-height: 13px;
        display: inline-block;
        *display: inline;
        transition: color .3s
    }

    .page a.num:hover,
    .page a.num.active {
        background: #cd2720;
        color: #fff
    }

    .page a.btn {
        font-size: 14px;
        color: #333;
        opacity: .5;
        filter: alpha(opacity=50);
        position: absolute;
        display: inline-block;
        top: 13px
    }

    .page a.btn span {
        font-family: '宋体';
        font-size: 18px;
        position: relative;
        top: 2px
    }

    .page a.prev {
        left: 3%
    }

    .page a.prev span {
        margin-right: 10px
    }

    .page a.next {
        right: 3%
    }

    .page a.next span {
        margin-left: 10px
    }

    .body-box {
        margin-top: 80px
    }

    .product-info {
        padding: 95px 0 105px;
        background: #fafafa;
        width: 100%;
        position: relative
    }

    .product-info .page-b {
        width: 42px;
        height: 42px;
        position: absolute;
        top: 50%;
        margin-top: -21px;
        border: 1px solid #e1e1e1;
        border-radius: 50%;
        color: #333;
        font-size: 15px;
        font-family: '宋体';
        text-align: center;
        line-height: 42px;
        transition: background .3s, border .3s, color .3s
    }

    .product-info .page-b:hover {
        background: #c11a21;
        color: #fff;
        border-color: #c11a21
    }

    .product-info .page-b.page-prev {
        left: -6%
    }

    .product-info .page-b.page-next {
        right: -6%
    }

    .product-info .info-pic {
        width: 39%;
        float: left;
        overflow: hidden;
        position: relative
    }

    .product-info #carousel {
        position: relative
    }

    .product-info #carousel .flex-viewport {
        border: 1px solid #cecece;
        padding: 10px 4%;
        width: 83%;
        margin: 0 auto
    }

    .product-info .now {
        color: #000
    }

    .product-info .now a {
        color: #000
    }

    .product-info .now i {
        background: url(/templates/en/images/pro_img.png) no-repeat center center
    }

    #carousel .slides li {
        background: #fff;
        text-align: center;
        line-height: 56px;
        height: 56px;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
        border: 1px solid #fff;
        transition: opacity .3s, border .3s
    }

    #carousel .slides img {
        max-width: 65%;
        max-height: 50px
    }

    #slider {
        width: 100%;
        height: 300px;
        text-align: center
    }

    #slider .slides li {
        float: left
    }

    #slider .slides img {
        max-width: 100%;
        max-height: 240px
    }

    #slider .flex-direction-nav {
        display: none
    }

    #carousel .flex-direction-nav a {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        z-index: 1;
        font-size: 13px;
        font-family: '宋体';
        font-weight: bold;
        color: #cbcfd2;
        text-align: center;
        line-height: 40px
    }

    #carousel .flex-direction-nav .flex-prev {
        left: 0
    }

    #carousel .flex-direction-nav .flex-next {
        right: 0
    }

    #carousel .flex-direction-nav a:before {
        font-size: 0;
        content: ""
    }

    #carousel .slides li.flex-active-slide {
        opacity: 1;
        filter: alpha(opacity=100);
        border: 1px solid #d9271b
    }

    .info-font {
        width: 42%;
        padding-right: 5%
    }

    .info-font h2 {
        font-size: 36px;
        color: #000;
        line-height: 55px;
        font-weight: bold
    }

    .info-font h3 {
        font-size: 24px;
        color: #333;
        line-height: 32px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e0e0e0
    }

    .info-font p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-bottom: 9px
    }

    .info-font .font {
        padding: 40px 0 45px;
        border-bottom: 1px solid #e0e0e0
    }

    .info-font .link {
        width: 210px;
        padding-left: 77px;
        height: 50px;
        line-height: 50px;
        background: #c11a21 url(/templates/en/images/pro29.png) no-repeat 50px center;
        display: block;
        font-size: 14px;
        color: #fff;
        margin-top: 46px;
        transition: background .3s, padding .3s
    }

    .product-info-b {
        background: #fff;
        width: 100%;
        padding-bottom: 90px;
        position: relative
    }

    .product-info-b .return-b {
        width: 62px;
        position: absolute;
        top: 0;
        left: 0;
        height: 89px;
        border-right: 1px solid #f2f2f2;
        background: url(/templates/en/images/pro30.png) no-repeat center;
        transition: background .3s
    }

    .product-info-b .return-b:hover {
        background: #d9271b url(/templates/en/images/pro30_h.png) no-repeat center
    }

    .product-info-list {
        width: 100%;
        height: 89px;
        border-bottom: 1px solid #f2f2f2
    }

    .product-info-list .slides li {
        text-align: center;
        line-height: 89px;
        position: relative;
        font-size: 20px;
        color: #333;
        cursor: pointer
    }

    .product-info-list .slides span {
        width: 0;
        height: 2px;
        background: #d9271b;
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        transition: width .3s, left .3s
    }

    .product-info-list .slides li.on span {
        width: 100%;
        left: 0
    }

    .product-info-list .flex-direction-nav {
        display: none
    }

    .product-info-list .flex-control-nav {
        display: none
    }

    .product-ajaxi {
        padding: 45px
    }

    .product-ajaxi>p.on {
        font-size: 14px;
        color: #333;
        line-height: 30px;
        padding-left: 33px;
        background: url(/templates/en/images/btn02.png) no-repeat left center
    }

    .product-ajaxi>p {
        font-size: 14px;
        color: #333;
        line-height: 24px
    }

    .product-ajaxi i {
        display: block;
        width: 100%;
        padding-bottom: 35px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 30px
    }

    .product-ajaxi h2 {
        font-size: 16px;
        color: #333;
        font-weight: bold;
        line-height: 35px
    }

    .case-channel {
        padding: 62px 0 50px;
        background: #fff
    }

    .case-channel .title {
        text-align: center;
        margin-bottom: 55px
    }

    .case-channel .title h2 {
        font-size: 32px;
        color: #333;
        line-height: 52px
    }

    .case-channel .title p {
        font-size: 16px;
        color: #666;
        line-height: 26px
    }

    .case-channel .list {
        width: 100%
    }

    .case-channel .list li {
        width: 32.1%;
        float: left;
        margin: 0 1.7% 25px 0;
        overflow: hidden;
        position: relative
    }

    .case-channel .list li.cut {
        margin-right: 0
    }

    .case-channel .list img {
        width: 100%;
        transition: transform .3s
    }

    .case-channel .list .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }

    .case-channel .list .con {
        width: 100%;
        position: absolute;
        bottom: -88px;
        left: 0;
        padding: 0 6% 45px 4%;
        z-index: 2;
        background: url(/templates/en/images/case14_h.png) no-repeat center -7px;
        transition: bottom .3s
    }

    .case-channel .list .red {
        width: 9px;
        height: 16px;
        position: absolute;
        bottom: 6%;
        right: 4%;
        background: url(/templates/en/images/case13.png) no-repeat center;
        z-index: 3;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: opacity .3s
    }

    .case-channel .list h2 {
        font-size: 22px;
        color: #fff;
        line-height: 39px
    }

    .case-channel .list p.font {
        font-size: 14px;
        color: #fff;
        line-height: 23px;
        height: 46px;
        overflow: hidden;
        margin-bottom: 32px
    }

    .case-channel .list .more {
        width: 120px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        background: #d9271b;
        color: #fff;
        font-size: 14px;
        border-radius: 20px
    }

    .case-top {
        width: 100%;
        padding: 65px 0 60px;
        background: #fff
    }

    .case-top h2 {
        font-size: 32px;
        color: #333;
        line-height: 52px;
        margin-bottom: 14px
    }

    .case-top p {
        font-size: 14px;
        color: #666;
        line-height: 24px
    }

    .case-list {
        background: #fff;
        padding: 30px 0 36px
    }

    .case-list .case-listp li {
        width: 25%;
        background: url(/templates/en/images/case15.png) no-repeat 1% center;
        font-size: 16px;
        color: #666;
        float: left;
        line-height: 33px;
        padding: 8px 0 8px 4%;
        cursor: pointer;
        transition: background .3s, color .3s
    }

    .case-list .case-listp a {
        color: #666;
        transition: color .3s
    }

    .case-list .case-listm {
        height: 0;
        overflow: hidden
    }

    .case-bot {
        background: #fff;
        width: 100%;
        padding: 47px 0 59px
    }

    .case-list .case-listp li.on {
        background: url(/templates/en/images/case15_h.png) no-repeat 1% center
    }

    .case-list .case-listp li.on a {
        color: #d9271b
    }

    .case-link-list {
        padding-bottom: 110px;
        width: 100%
    }

    .case-link-list ul {
        width: 100%
    }

    .case-link-list li {
        width: 100%;
        padding: 23px 0;
        float: left
    }

    .case-link-list a {
        display: block;
        width: 100%
    }

    .case-link-list .pic {
        width: 20.5%;
        float: left;
        overflow: hidden
    }

    .case-link-list img {
        width: 100%;
        transition: transform .3s
    }

    .case-link-list .con {
        float: right;
        width: 75%;
        float: right
    }

    .case-link-list h2 {
        font-size: 20px;
        color: #333;
        line-height: 40px;
        margin: 10px 0 5px;
        font-weight: bold;
        height: 40px;
        overflow: hidden;
        transition: color .3s
    }

    .case-link-list .font {
        font-size: 14px;
        color: #777;
        line-height: 24px;
        height: 48px;
        overflow: hidden
    }

    .case-link-list .more {
        width: 125px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        border: 1px solid #e4e4e4;
        font-size: 14px;
        color: #666;
        border-radius: 2px;
        margin-top: 25px;
        transition: color .3s, border .3s, background .3s
    }

    .case-success {
        padding-bottom: 100px
    }

    .su-title {
        font-size: 34px;
        color: #333;
        line-height: 54px;
        margin-bottom: 30px
    }

    .case-success-list {
        width: 100%;
        padding-bottom: 60px;
        position: relative
    }

    .case-success-list .slides li {
        width: 322px;
        float: left;
        margin-right: 35px
    }

    .case-success-list .slides .pic {
        width: 100%;
        overflow: hidden;
        height: 21vh
    }

    .case-success-list .slides img {
        width: 100%;
        transition: transform .3s
    }

    .case-success-list .slides h2 {
        font-size: 20px;
        color: #333;
        line-height: 40px;
        margin: 35px 0 5px;
        height: 40px;
        overflow: hidden;
        font-weight: bold
    }

    .case-success-list .slides .font {
        font-size: 14px;
        color: #777;
        line-height: 24px;
        width: 80%
    }

    .case-success-list .slides .more {
        width: 125px;
        text-align: center;
        line-height: 36px;
        border: 1px solid #e4e4e4;
        font-size: 14px;
        color: #666;
        margin-top: 35px;
        transition: background .3s, color .3s
    }

    .case-video-list {
        padding-bottom: 50px;
        position: relative
    }

    .case-video-list .slides li {
        float: left;
        width: 322px;
        margin-right: 35px
    }

    .case-video-list .slides .pic {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .case-video-list .slides img {
        width: 100%;
        transition: transform .3s
    }

    .case-video-list .slides .open {
        width: 39px;
        height: 39px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -19px 0 0 -19px;
        z-index: 2;
        display: block;
        background: url(/templates/en/images/case20.png) no-repeat center
    }

    .case-video-list .slides .font {
        font-size: 16px;
        color: #333;
        line-height: 26px;
        text-align: center;
        padding-top: 20px;
        transition: color .3s
    }

    .case-success-list .flex-control-nav,
    .case-video-list .flex-control-nav {
        bottom: -25px
    }

    .case-success-list .flex-control-paging li a,
    .case-video-list .flex-control-paging li a {
        width: 10px;
        height: 10px;
        box-shadow: none;
        background: url(/templates/en/images/btn02.png) no-repeat center;
        background-size: 100% 100%
    }

    .case-success-list .flex-control-paging li a.flex-active,
    .case-success-list .flex-control-paging li a:hover,
    .case-video-list .flex-control-paging li a.flex-active,
    .case-video-list .flex-control-paging li a:hover {
        background: url(/templates/en/images/btn01_h.png) no-repeat center;
        background-size: 100% 100%
    }

    .video-ajax {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11;
        display: none;
        text-align: center
    }

    .video-ajax .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 1;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .video-ajax .close {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 0;
        right: -28px;
        opacity: 1;
        filter: alpha(opacity=100);
        display: block;
        z-index: 2;
        background: url(/templates/en/images/odd01.png) no-repeat center;
        background-size: 100% 100%
    }

    .video-ajax .con {
        width: 780px;
        height: 438px;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        margin-left: -390px;
        margin-top: -219px
    }

    .video-ajax .con video {
        width: 100%
    }

    .case-info-box {
        padding: 45px 0 108px;
        background: #fff
    }

    .case-info-box .left {
        width: 75%;
        float: left
    }

    .case-info-box .left-box {
        width: 100%;
        padding: 36px 5.7% 75px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .07)
    }

    .case-info-box .left h1 {
        font-size: 34px;
        color: #000;
        line-height: 54px;
        padding: 19px 0;
        border-bottom: 1px solid #f2f2f2;
        text-align: center
    }

    .case-info-box .left h2 {
        font-size: 28px;
        color: #333;
        line-height: 48px;
        padding: 40px 0 15px
    }

    .case-info-box .left p {
        font-size: 16px;
        color: #666;
        line-height: 36px;
        word-wrap: break-word
    }

    .case-info-box .left img {
        max-width: 100%;
        height: auto !important
    }

    .case-info-box .left h3 {
        font-size: 18px;
        color: #000;
        line-height: 38px;
        padding-top: 30px
    }

    .case-info-box .right {
        width: 22.8%;
        float: right
    }

    .case-info-box .download {
        width: 100%;
        padding-left: 35%;
        font-size: 22px;
        color: #fff;
        line-height: 90px;
        margin-bottom: 24px;
        background: #db261d url(/templates/en/images/case22.png) no-repeat 20% center;
        display: block
    }

    .case-info-box .relevant {
        width: 100%;
        padding: 13px 9% 55px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .07)
    }

    .case-info-box .relevant h2 {
        font-size: 16px;
        color: #333;
        line-height: 48px
    }

    .case-info-box .relevant a {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #666;
        line-height: 26px;
        padding: 7px 0 7px 12%;
        background: url(/templates/en/images/case23.png) no-repeat left 17px;
        transition: background .3s, color .3s
    }

    .news-nav {
        width: 100%;
        height: 74px;
        line-height: 74px;
        background: #fff
    }

    .news-nav .left-nav {
        float: left;
        width: 16.4%
    }

    .news-nav .left-nav a {
        float: left;
        width: 50%;
        display: block;
        font-size: 14px;
        color: #333;
        transition: color .3s
    }

    .news-nav .left-nav a:hover,
    .news-nav .left-nav a.on {
        color: #de241b
    }

    .news-nav .news-now {
        float: right
    }

    .news-nav .news-now a {
        float: right;
        font-size: 14px;
        color: #999;
        transition: color .3s
    }

    .news-nav .news-now a:hover {
        color: #de241b
    }

    .news-nav .news-now a.b {
        color: #666
    }

    .news-nav .news-now i {
        width: 4px;
        height: 74px;
        display: block;
        float: right;
        background: url(/templates/en/images/case26.png) no-repeat center;
        margin: 0 12px
    }

    .news-box {
        padding: 58px 0 90px;
        background: #fff;
        width: 100%
    }

    .news-list-top {
        padding-bottom: 125px;
        position: relative
    }

    .news-list-top a {
        width: 100%;
        display: block
    }

    .news-list-top .slides li {
        width: 100%;
        float: left
    }

    .news-list-top .slides .pic {
        width: 42.8%;
        float: left;
        overflow: hidden
    }

    .news-list-top .slides .pic img {
        width: 100%;
        transition: transform .3s
    }

    .news-list-top .slides .con {
        float: right;
        width: 52.8%;
        padding-right: 6%;
        display: block
    }

    .news-list-top .slides h3 {
        font-size: 14px;
        color: #666;
        line-height: 34px;
        padding-top: 40px
    }

    .news-list-top .slides h2 {
        font-size: 24px;
        color: #333;
        line-height: 34px;
        height: 34px;
        overflow: hidden;
        transition: color .3s
    }

    .news-list-top .slides .font {
        font-size: 14px;
        color: #666;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
        margin: 30px 0 45px
    }

    .news-list-top .slides .more {
        padding-left: 40px;
        font-size: 16px;
        color: #666;
        line-height: 28px;
        background: url(/templates/en/images/case28.png) no-repeat left center
    }

    .news-list-top .slides li:hover img {
        transform: scale(1.1)
    }

    .news-list-top .slides li:hover h2 {
        color: #d9271b
    }

    .news-list-top .flex-control-nav {
        bottom: 50px
    }

    .news-list-top .flex-control-nav a {
        width: 10px;
        height: 10px;
        background: url(/templates/en/images/case29.png) no-repeat center;
        background-size: 100% 100%;
        box-shadow: none
    }

    .news-list-top .flex-control-nav li a.flex-active,
    .news-list-top .flex-control-nav li a:hover {
        background: url(/templates/en/images/case29_h.png) no-repeat center;
        background-size: 100% 100%
    }

    .news-list-bot ul {
        width: 100%
    }

    .news-list-bot li {
        width: 30.5%;
        margin: 0 4% 55px 0;
        float: left;
        transition: box-shadow .3s
    }

    .news-list-bot li.cur {
        margin-right: 0
    }

    .news-list-bot li .pic {
        width: 100%;
        overflow: hidden;
        height: 11.875vw;
        border: 1px solid #e6e6e6
    }

    .news-list-bot li img {
        width: 100%;
        transition: transform .3s
    }

    .news-list-bot li .con {
        display: block;
        width: 100%;
        border: 1px solid #e6e6e6;
        border-top: 0;
        padding: 26px 7% 50px
    }

    .news-list-bot li h2 {
        font-size: 24px;
        color: #333;
        line-height: 44px;
        overflow: hidden;
        height: 44px;
        transition: color .3s
    }

    .news-list-bot li .time {
        color: #999;
        line-height: 26px;
        font-size: 14px;
        padding-left: 30px;
        background: url(/templates/en/images/case31.png) no-repeat left center
    }

    .news-list-bot li .font {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 14px;
        height: 48px;
        overflow: hidden
    }

    .news-page {
        width: 100%;
        height: 40px;
        text-align: center
    }

    .news-page a {
        font-size: 14px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        display: inline-block;
        background: #f7f7f7;
        color: #686868;
        transition: background .3s, color .3s
    }

    .news-page.new a {
        background: #fff
    }

    .news-page a.active,
    .product-list .news-page a.active,
    .news-page.on a.active,
    .news-page.new a.active {
        color: #fff;
        background: #de241b
    }

    .news-page a.btns {
        font-family: '宋体'
    }

    .product-list .news-page a {
        background: #fff
    }

    .news-info-box {
        width: 100%;
        background: #fff;
        padding: 102px 0 125px
    }

    .news-info-box .left {
        width: 75%;
        padding: 0 5.7%;
        background: #fff;
        float: left
    }

    .news-info-box .left h2 {
        font-size: 30px;
        color: #000;
        line-height: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #f2f2f2;
        padding-right: 85px;
        position: relative;
        margin-bottom: 30px
    }

    .news-info-box .left .time {
        font-size: 14px;
        color: rgba(51, 51, 51, .5);
        line-height: 30px;
        position: absolute;
        top: 0;
        right: 0
    }

    .news-info-box .left p {
        font-size: 18px;
        color: #666;
        line-height: 36px;
        margin-bottom: 30px
    }

    .news-info-box .left img {
        max-width: 100%;
        margin-bottom: 35px;
        height: auto !important
    }

    .news-info-box .right {
        width: 22.8%;
        float: right;
        padding: 0 2%
    }

    .news-info-box .right h2 {
        font-size: 22px;
        color: #333;
        line-height: 22px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 15px
    }

    .news-info-box .right a {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #666;
        line-height: 26px;
        padding: 7px 0 7px 12%;
        background: url(/templates/en/images/case23.png) no-repeat left 17px;
        transition: background .3s, color .3s
    }

    .news-info-box .right a.link {
        width: 100%;
        height: 55px;
        line-height: 55px;
        background: #de241b url(/templates/en/images/news04.png) no-repeat 80% center;
        color: #fff;
        font-size: 18px;
        padding: 0 0 0 21%;
        transition: background .3s, color .3s, padding .3s;
        margin-top: 30px
    }

    .news-info-box .right a.link:hover {
        background: #de241b url(/templates/en/images/news04.png) no-repeat 85% center;
        color: #fff;
        padding: 0 0 0 15%
    }

    .news-video {
        padding: 60px 0 80px;
        background: #fff
    }

    .news-video-list {
        width: 100%;
        padding-bottom: 20px
    }

    .news-video-list li {
        float: left;
        width: 23.5%;
        margin-right: 1.8%;
        border: 1px solid #b9b9b9;
        margin-bottom: 30px;
        transition: box-shadow .3s
    }

    .news-video-list li.cur {
        margin-right: 0
    }

    .news-video-list li .pic {
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 217px
    }

    .news-video-list li img {
        width: 100%;
        transition: transform .3s
    }

    .news-video-list li .bg {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .7);
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }

    .news-video-list li .open {
        width: 45px;
        height: 45px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -22px 0 0 -22px;
        display: block;
        background: url(/templates/en/images/news06.png) no-repeat center;
        background-size: 100% 100%;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }

    .news-video-list li .con {
        display: block;
        width: 100%;
        border-top: 0;
        padding: 20px 9% 30px
    }

    .news-video-list li h3 {
        font-size: 16px;
        color: #888;
        line-height: 36px
    }

    .news-video-list li i {
        display: block;
        background: #7f7f7f;
        width: 16px;
        height: 1px;
        margin: 9px 0 6px
    }

    .news-video-list li p.font {
        font-size: 18px;
        color: #333;
        line-height: 28px;
        height: 60px;
        overflow: hidden
    }

    .mobile-nav-box {
        display: none
    }

    .service-banner {
        width: 100%;
        height: 400px;
        position: relative;
        text-align: center
    }

    .service-banner h2 {
        font-size: 34px;
        color: #fff;
        line-height: 56px;
        padding-top: 140px
    }

    .service-banner.cur h2 {
        padding-top: 113px
    }

    .service-banner p {
        font-size: 22px;
        color: #fff;
        line-height: 45px
    }

    .service-banner form {
        background: #fff;
        border: 1px solid #dedede;
        border-top: 0;
        border-bottom: 0;
        width: 654px;
        margin: 45px auto 0;
        height: 48px;
        line-height: 48px
    }

    .service-banner .submit {
        width: 7%;
        height: 48px;
        background: url(/templates/en/images/ser14.png) no-repeat center;
        border: 0;
        float: left
    }

    .service-banner .text {
        width: 55%;
        float: left;
        height: 48px;
        line-height: 48px;
        font-size: 18px;
        color: #666;
        border: 0
    }

    .service-channel-top {
        padding: 89px 0 86px;
        width: 100%;
        background: #fff
    }

    .service-channel-top ul {
        width: 100%
    }

    .service-channel-top li {
        width: 32.1%;
        margin-left: 1.7%;
        background: #fff;
        float: left
    }

    .service-channel-top li:first-child {
        margin-left: 0
    }

    .service-channel-top .pic {
        width: 100%
    }

    .service-channel-top img {
        width: 100%
    }

    .service-channel-top .con {
        width: 100%;
        display: block;
        padding: 25px 6%;
        min-height: 235px
    }

    .service-channel-top h2 {
        font-size: 26px;
        color: #333;
        line-height: 46px;
        margin-bottom: 10px
    }

    .service-channel-top a {
        display: block;
        width: 50%;
        float: left;
        padding-left: 20px;
        background: url(/templates/en/images/ser05.png) no-repeat 3px 10px;
        font-size: 14px;
        color: #000;
        line-height: 28px;
        transition: color .3s
    }

    .service-channel-top li:nth-child(2) a {
        width: 100%
    }

    .service-channel-top a:hover {
        color: #d82518
    }

    .service-channel-cen {
        width: 100%
    }

    .service-channel-cen ul {
        width: 100%
    }

    .service-channel-cen li {
        width: 50%;
        text-align: center;
        float: left;
        position: relative
    }

    .service-channel-cen span {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        display: block
    }

    .service-channel-cen h2 {
        font-size: 28px;
        color: #2a2a2a;
        line-height: 38px;
        margin-top: 51px;
        margin-bottom: 32px
    }

    .service-channel-cen li:first-child h2 {
        color: #fff
    }

    .service-channel-cen .serch {
        width: 180px;
        margin: 45px auto 0;
        display: block;
        height: 43px;
        text-align: center;
        line-height: 43px;
        background: #2a2a2a;
        font-size: 18px;
        color: #fff;
        border-radius: 20px;
        transition: background .3s, color .3s
    }

    .service-channel-cen li:first-child .serch {
        background: #fff;
        color: #2a2a2a
    }

    .service-channel-cen .con img {
        max-width: 65%
    }

    .service-channel-bot {
        padding: 76px 0 108px;
        width: 100%;
        background: #fff
    }

    .service-channel-bot li {
        width: 23.7%;
        float: left;
        margin-left: 1.7%;
        position: relative;
        overflow: hidden
    }

    .service-channel-bot li:first-child {
        margin-left: 0
    }

    .service-channel-bot li .con {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 8% 40px
    }

    .service-channel-bot li h2 {
        font-size: 28px;
        color: #fff;
        line-height: 48px;
        margin-bottom: 13px;
        transition: color .3s
    }

    .service-channel-bot li p {
        font-size: 14px;
        color: #fff;
        line-height: 28px
    }

    .service-channel-bot li img {
        width: 100%;
        transition: transform .3s
    }

    .download-channel {
        padding: 70px 0 140px;
        background: #fff;
        width: 100%
    }

    .download-channel .title {
        font-size: 34px;
        color: #333;
        line-height: 54px;
        margin-bottom: 20px
    }

    .download-channel .top {
        margin-bottom: 20px;
        width: 100%
    }

    .download-channel ul {
        width: 100%
    }

    .download-channel li {
        width: 49.2%;
        float: left;
        border: 1px solid #dedede;
        padding-bottom: 42px
    }

    .download-channel li.odd {
        float: right
    }

    .download-channel .tit {
        width: 100%;
        border-bottom: 1px solid #dedede;
        padding: 20px 4%;
        display: block;
        color: #333;
        font-size: 22px;
        line-height: 45px;
        background: url(/templates/en/images/ser19.png) no-repeat 97% center;
        margin-bottom: 19px
    }

    .download-channel .tit p {
        padding-left: 51px
    }

    .download-channel .ico_1 p {
        background: url(/templates/en/images/ser15.png) no-repeat left center
    }

    .download-channel .ico_2 p {
        background: url(/templates/en/images/ser16.png) no-repeat left center
    }

    .download-channel .ico_3 p {
        background: url(/templates/en/images/ser17.png) no-repeat left center
    }

    .download-channel .ico_4 p {
        background: url(/templates/en/images/ser18.png) no-repeat left center
    }

    .download-channel .con {
        width: 87%;
        margin: 0 auto;
        border-bottom: 1px solid #eaeaea
    }

    .download-channel .con-tit {
        display: block;
        line-height: 72px;
        padding-left: 34px;
        background: url(/templates/en/images/pro15.png) no-repeat left center;
        font-size: 18px;
        color: #333;
        transition: background .3s
    }

    .download-channel .con-tit.on {
        background: url(/templates/en/images/ser21.jpg) no-repeat left center
    }

    .download-channel .link-box {
        width: 100%;
        padding-bottom: 5px;
        display: none
    }

    .download-channel .link {
        width: 33.33%;
        float: left;
        padding-left: 15px;
        background: url(/templates/en/images/ser20.png) no-repeat left 12px;
        line-height: 34px;
        font-size: 16px;
        color: #808080;
        transition: background .3s, color .3s
    }

    .download-list {
        padding: 83px 0 136px
    }

    .download-list-tit {
        font-size: 30px;
        color: #333;
        line-height: 89px
    }

    .download-list-box {
        width: 100%
    }

    .download-list-box ul {
        width: 100%
    }

    .download-list-box li {
        width: 100%
    }

    .download-list-box .title {
        width: 100%;
        cursor: pointer;
        padding-left: 64px;
        background: url(/templates/en/images/ser22.png) no-repeat left center;
        line-height: 75px;
        font-size: 18px;
        color: #666;
        border-bottom: 1px solid #e0e0e0
    }

    .download-list-box .title.on {
        border-bottom: 0;
        background: url(/templates/en/images/ser22_h.png) no-repeat left center;
        color: #d9271b
    }

    .download-list-box .time {
        font-size: 14px;
        color: #666;
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .download-list-box .con {
        width: 100%;
        padding: 1.7%;
        background: #f7f7f7;
        display: none
    }

    .download-list-box dd {
        width: 100%;
        margin-bottom: 17px;
        background: #fff;
        padding: 39px 3.7% 49px
    }

    .download-list-box dd h2 {
        line-height: 44px;
        font-size: 24px;
        color: #333;
        margin-bottom: 14px
    }

    .download-list-box dd .line {
        margin-bottom: 20px;
        border-bottom: 1px solid #e6e5e5;
        padding-bottom: 40px
    }

    .download-list-box dd p {
        font-size: 15px;
        color: #666;
        line-height: 25px
    }

    .download-list-box .download {
        margin-top: 23px;
        width: 130px;
        height: 42px;
        padding-left: 37px;
        line-height: 42px;
        background: #d9271b url(/templates/en/images/ser23.png) no-repeat 77px center;
        color: #fff;
        font-size: 16px;
        color: #fff;
        display: block;
        border-radius: 30px
    }

    .download-list-box .weima {
        display: block;
        width: 300px
    }

    .download-list-box .weima img {
        width: 60%;
        float: left
    }

    .download-list-box .weima p {
        width: 40%;
        text-align: center;
        font-size: 12px;
        color: #666;
        line-height: 18px;
        float: right;
        margin-top: 18px
    }

    .video-title {
        width: 100%;
        text-align: center;
        font-size: 34px;
        color: #333;
        line-height: 54px;
        padding: 12px 0 56px
    }

    .news-video .product-nav {
        top: -40px
    }

    .news-page.on a {
        background: #fff
    }

    .authen_nav {
        width: 100%;
        background: #fff;
        height: 70px;
        line-height: 70px;
        font-size: 20px;
        color: #333
    }

    .authen_nav a {
        font-size: 16px;
        color: #1f1f1f;
        opacity: .5;
        filter: alpha(opacity=50);
        margin-left: 45px;
        transition: color .3s, opacity .3s
    }

    .authen_nav a.on {
        color: #de241b;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .authentication-top {
        padding: 69px 0 45px;
        border-bottom: 1px solid #e6e6e6
    }

    .authentication-top h2 {
        font-size: 36px;
        color: #333;
        line-height: 56px;
        padding-bottom: 19px
    }

    .authentication-top p {
        font-size: 15px;
        color: #666;
        line-height: 30px;
        width: 72.4%
    }

    .authentication-center {
        padding: 42px 0 51px;
        border-bottom: 1px solid #e6e6e6
    }

    .authentication-center h2 {
        font-size: 24px;
        color: #333;
        line-height: 44px;
        margin-bottom: 10px
    }

    .authentication-center p {
        padding-left: 18px;
        font-size: 15px;
        color: #666;
        line-height: 30px;
        background: url(/templates/en/images/case23.png) no-repeat left 12px
    }

    .authentication-bot {
        padding: 51px 0 85px
    }

    .authentication-bot h2 {
        font-size: 24px;
        color: #333;
        line-height: 44px;
        margin-bottom: 10px
    }

    .authentication-bot p {
        font-size: 15px;
        color: #666;
        line-height: 30px;
        width: 72.4%
    }

    .authentication-bot img {
        max-width: 72.4%;
        height: auto !important
    }

    .sign-top {
        width: 100%;
        background: #fff;
        padding: 79px 0 114px
    }

    .sign-box1 {
        width: 93%
    }

    .sign-top .title {
        font-size: 34px;
        color: #333;
        line-height: 54px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eeecec;
        margin-bottom: 21px
    }

    .sign-top .information-tit {
        padding: 20px 0 30px
    }

    .sign-top .information-tit h2 {
        font-size: 24px;
        color: #333;
        line-height: 44px;
        margin-bottom: 6px
    }

    .sign-top .information-tit span {
        font-size: 14px;
        color: #333;
        margin-left: 11px
    }

    .sign-top .information-tit i {
        display: block;
        width: 24px;
        height: 2px;
        background: #333
    }

    .information-box {
        border-bottom: 1px solid #eeecec;
        padding-bottom: 38px
    }

    .information-box p {
        font-size: 14px;
        color: #666;
        line-height: 30px;
        float: left;
        width: 100%
    }

    .information-box input {
        margin-bottom: 20px;
        padding: 0 15px;
        font-size: 14px;
        color: #666;
        border: 1px solid #e5e5e5;
        height: 48px;
        line-height: 48px;
        float: left
    }

    .information-box input.name {
        width: 48.8%
    }

    .information-box select {
        padding: 0 15px;
        font-size: 14px;
        color: #666;
        border: 1px solid #e5e5e5;
        height: 48px;
        line-height: 48px;
        margin-bottom: 20px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        position: relative;
        background: url(/templates/en/images/ser25.png) no-repeat 96% center
    }

    .information-box select.gender,
    .information-box select.grade {
        width: 48.8%;
        float: right
    }

    .information-box .file {
        width: 48.8%;
        float: right;
        margin-bottom: 20px;
        position: relative;
        height: 48px;
        overflow: hidden
    }

    .information-box .file input {
        border: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .information-box .file h2 {
        font-size: 14px;
        color: #666
    }

    .information-box .file span {
        width: 30%;
        display: inline-block;
        margin: 0 5px;
        height: 48px;
        text-align: center;
        line-height: 48px;
        border: 1px solid #e5e5e5
    }

    .information-box select.post,
    .information-box input.mobile {
        width: 31.7%;
        float: left;
        margin-right: 2.3%
    }

    .information-box select.post.on {
        margin-right: 0
    }

    .information-box input.email {
        width: 31.7%
    }

    .information-box select.mold {
        float: left;
        width: 48.8%
    }

    .information-box input::-webkit-input-placeholder {
        color: #666
    }

    .information-box input:-moz-placeholder {
        color: #666
    }

    .information-box input::-moz-placeholder {
        color: #666
    }

    .information-box input:-ms-input-placeholder {
        color: #666
    }

    .video-ajax iframe {
        margin: auto;
        width: 57.3vw;
        height: 47.9vw;
        z-index: 2
    }

    .information-box input.submit {
        width: 182px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background: #d20317;
        border: 0;
        font-size: 16px;
        color: #fff;
        margin-top: 30px;
        margin-bottom: 0
    }

    .information-box.on {
        border-bottom: 0;
        padding-bottom: 0
    }

    .sign-bot {
        background: #fff;
        padding: 60px 0 114px;
        width: 100%
    }

    .sign-bot h2 {
        font-size: 30px;
        color: #333;
        line-height: 50px;
        padding: 0 0 15px
    }

    .sign-bot .box {
        width: 674px;
        height: 78px;
        padding: 9px 0;
        border: 1px solid #d9d9d9;
        margin-bottom: 12px
    }

    .sign-bot .box span {
        width: 11.8%;
        height: 60px;
        display: block;
        float: left;
        border-right: 1px solid #d9d9d9
    }

    .sign-bot .box span.name {
        background: url(/templates/en/images/ser28.png) no-repeat center
    }

    .sign-bot .box span.name.on {
        background: url(/templates/en/images/en03.png) no-repeat center
    }

    .sign-bot .box span.ma {
        background: url(/templates/en/images/ser30.png) no-repeat center
    }

    .sign-bot .box span.tel {
        background: url(/templates/en/images/ser29.png) no-repeat center
    }

    .sign-bot .box input {
        width: 88%;
        height: 60px;
        border: 0;
        font-size: 16px;
        color: #b2b2b2;
        padding-left: 4%;
        background: 0
    }

    .sign-bot .submit {
        width: 190px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        background: #d20317;
        color: #fff;
        font-size: 16px;
        border: 0;
        margin: 30px 0 80px
    }

    .sign-bot .tel-box {
        width: 674px;
        margin-bottom: 12px
    }

    .sign-bot .left {
        width: 77.8%;
        height: 78px;
        padding: 9px 0;
        border: 1px solid #d9d9d9
    }

    .sign-bot .left span {
        width: 15.2%;
        border-right: 1px solid #d9d9d9;
        background: url(/templates/en/images/ser29.png) no-repeat center;
        height: 60px;
        float: left;
        display: block
    }

    .sign-bot .left input {
        width: 84.8%;
        height: 60px;
        border: 0;
        font-size: 16px;
        color: #b2b2b2;
        padding-left: 4%;
        background: 0
    }

    .sign-bot .tel-box .button {
        width: 20.3%;
        float: right;
        height: 78px;
        border: 1px solid #d9d9d9;
        text-align: center;
        line-height: 78px;
        font-size: 16px;
        color: #b2b2b2;
        background: 0
    }

    .monthly {
        padding: 100px 0 66px
    }

    .left-list {
        width: 28.2%;
        float: left;
        position: relative
    }

    .left-list .slides li {
        width: 100%;
        float: left;
        position: relative
    }

    .left-list .news {
        width: 75px;
        height: 31px;
        position: absolute;
        top: 8px;
        right: 0;
        background: url(/templates/en/images/ser32.png) no-repeat center
    }

    .left-list a {
        display: block;
        width: 100%
    }

    .left-list img {
        width: 98.8%
    }

    .left-list .flex-control-nav {
        bottom: -45px
    }

    .left-list .flex-control-paging li a {
        width: 10px;
        height: 10px;
        box-shadow: none;
        background: url(/templates/en/images/ser33.png) no-repeat center;
        background-size: 100% 100%;
        transition: background .3s
    }

    .left-list .flex-control-paging li a.flex-active,
    .left-list .flex-control-paging li a:hover {
        background: url(/templates/en/images/ser33_h.png) no-repeat center
    }

    .monthly .right {
        width: 68.9%;
        float: right
    }

    .monthly .right ul {
        width: 100%;
        margin-bottom: 30px
    }

    .monthly .right li {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        background: #fff;
        padding: 21px 2.2%;
        transition: background .3s
    }

    .monthly .right li a {
        display: block;
        width: 100%
    }

    .monthly .right li span {
        font-size: 16px;
        color: #333;
        line-height: 38px;
        transition: color .3s
    }

    .monthly .right li .tit {
        width: 80%
    }

    .monthly .right li .time {
        font-size: 14px;
        color: #888;
        transition: color .3s
    }

    .monthly .news-page a {
        background: #fff
    }

    .monthly .news-page a.active {
        color: #fff;
        background: #de241b
    }

    .search-ajax {
        width: 100%;
        overflow: auto
    }

    .search-ajax table {
        max-width: 100%;
        width: 100%
    }

    .search-ajax table td {
        border: 1px solid #d8d8d8;
        padding: 13px 0;
        text-align: center;
        font-size: 16px;
        color: #333
    }

    .ser-contact {
        padding: 70px 0 98px
    }

    .ser-contact .now {
        top: -106px
    }

    .ser-contact h2 {
        text-align: center;
        font-size: 32px;
        color: #333;
        line-height: 52px;
        margin-bottom: 45px
    }

    .ser-contact-list {
        width: 100%
    }

    .ser-contact-list li {
        width: 23.5%;
        margin-left: 1.5%;
        float: left;
        text-align: center;
        height: 228px;
        cursor: pointer;
        border: 1px solid #d8d8d8;
        transition: background .3s, box-shadow .3s
    }

    .ser-contact-list li:first-child {
        margin-left: 0
    }

    .ser-contact-list li img {
        margin-top: 32px
    }

    .ser-contact-list li p {
        font-size: 16px;
        color: #333;
        line-height: 26px;
        margin-top: 45px
    }

    .repair-search {
        padding: 43px 0 87px
    }

    .repair-search h2 {
        color: #333;
        font-size: 24px;
        line-height: 44px;
        margin-bottom: 24px
    }

    .repair-search .box {
        width: 48%;
        border: 1px solid #ddd;
        padding: 8px 0;
        height: 88px;
        margin-bottom: 35px
    }

    .repair-search .box span {
        width: 17%;
        border-right: 1px solid #ddd;
        padding-left: 8%;
        height: 72px;
        float: left;
        display: block;
        line-height: 72px;
        font-size: 16px;
        color: #333
    }

    .repair-search .box span.name {
        background: url(/templates/en/images/ser39.png) no-repeat 22% center
    }

    .repair-search .box span.pw {
        background: url(/templates/en/images/ser40.png) no-repeat 22% center
    }

    .repair-search .box input {
        border: 0;
        width: 83%;
        line-height: 72px;
        padding-left: 10px;
        font-size: 16px;
        color: #333
    }

    .repair-search .radio-box {
        width: 100%;
        height: 37px;
        line-height: 37px
    }

    .repair-search .radio-box label {
        font-size: 16px;
        color: #333;
        line-height: 37px;
        float: left;
        width: 12.5%;
        font-weight: normal;
        cursor: pointer
    }

    .repair-search .radio-box input {
        margin-right: 13px;
        cursor: pointer
    }

    .repair-search .submit {
        width: 275px;
        height: 58px;
        text-align: center;
        line-height: 58px;
        border: 0;
        background: #d9271b;
        font-size: 18px;
        color: #fff;
        float: left;
        margin-top: 64px
    }

    .snet {
        width: 100%;
        padding: 80px 0 72px;
        background: #fff;
        text-align: center
    }

    .snet h2 {
        font-size: 24px;
        color: #333;
        line-height: 44px;
        margin-bottom: 48px;
        text-align: left
    }

    .snet img {
        max-width: 100%
    }

    .state {
        padding: 90px 0 97px
    }

    .state label {
        width: 8.5%;
        float: left;
        font-size: 18px;
        color: #333;
        line-height: 90px
    }

    .state label input {
        margin-right: 12px
    }

    .state .text {
        width: 49.2%;
        float: left;
        border: 1px solid #ddd;
        height: 90px;
        line-height: 90px;
        border-right: 1px solid #ddd;
        padding-left: 10px
    }

    .state .submit {
        width: 7.8%;
        height: 90px;
        line-height: 90px;
        background: #d9271b;
        color: #fff;
        border: 0;
        font-size: 18px;
        float: left
    }

    .internet {
        padding: 110px 0 130px
    }

    .internet li {
        width: 48.5%;
        float: left;
        padding: 22px 6% 22px 2%;
        background: #fff url(/templates/en/images/ser44.png) no-repeat 95%;
        margin-bottom: 30px;
        transition: background .3s, box-shadow .3s
    }

    .internet li a {
        display: block;
        width: 100%;
        border-right: 1px solid #dcdcdc
    }

    .internet li h2 {
        font-size: 20px;
        color: #333;
        line-height: 30px;
        width: 100%;
        margin-top: 7px;
        transition: color .3s;
        height: 30px;
        overflow: hidden
    }

    .network .network-internet {
        padding: 0;
    }

    .network .network-internet li {
        width: 48.5%;
        float: left;
        padding: 22px 6% 22px 2%;
        margin-bottom: 30px;
        transition: background .3s, box-shadow .3s;
        border: 1px solid #dedede;
        background: #fff url(/templates/en/images/cur03.png) no-repeat 95%;
    }

    .network-internet li a {
        border-right: 0;
    }

    .network-internet li img {
        width: 82px
    }

    .network .network-internet li span {
        font-size: 18px;
        color: #333;
        margin-left: 8px;
        font-weight: bold;
    }

    .internet li p.time {
        font-size: 14px;
        color: #888;
        line-height: 24px;
        margin-bottom: 10px
    }

    /* .internet li.even {
            float: right
        } */

    .internet li:hover {
        background: #fff url(/templates/en/images/cur03_h.png) no-repeat 95%;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1)
    }

    .internet li:hover h2 {
        color: #d9271b
    }

    .case-info-box.internet-info .left h1 {
        text-align: left;
        margin-bottom: 32px;
    }

    .case-info-box.internet-info .download {
        padding-left: 44%;
        background: #db261d url(/templates/en/images/case22.png) no-repeat 30% center
    }

    .case-info-box.internet-info .intro {
        width: 100%;
        padding-left: 21%;
        font-size: 16px;
        color: #333;
        display: block;
        padding: 10px 0 10px 21%;
        line-height: 28px;
        word-wrap: break-word;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .case-info-box.internet-info .ico01 {
        background: #fff url(/templates/en/images/ser45.png) no-repeat 6% 17px;
        margin-bottom: 8px
    }

    .case-info-box.internet-info .ico02 {
        background: #fff url(/templates/en/images/ser46.png) no-repeat 6% center
    }

    .case-info-box.internet-info .now {
        top: -80px
    }

    .service_case {
        padding: 38px 0 49px
    }

    .service_case .now {
        top: -73px
    }

    .service_case .list {
        width: 100%
    }

    .service_case li {
        margin-bottom: 20px;
        width: 100%
    }

    .service_case li a {
        display: block;
        width: 100%
    }

    .service_case li .tit {
        width: 100%;
        padding: 14px 11% 14px 1.7%;
        background: #fff url(/templates/en/images/ser48.png) no-repeat 97% center;
        transition: background .3s
    }

    .service_case li .tit p {
        padding-left: 33px;
        width: 100%;
        font-size: 20px;
        color: #333;
        line-height: 40px;
        background: url(/templates/en/images/ser47.png) no-repeat left 11px;
        transition: color .3s, background .3s
    }

    .service_case li .con {
        width: 100%;
        padding: 30px 4% 60px;
        background: #fff;
        display: none
    }

    .service_case li .con p {
        font-size: 14px;
        color: #666;
        line-height: 24px
    }

    .service_case li.cur .tit {
        background: #c11a20 url(/templates/en/images/ser48_h.png) no-repeat 97% center
    }

    .service_case li.cur .tit p {
        background: url(/templates/en/images/ser47_h.png) no-repeat left 11px;
        color: #fff
    }

    .network h2 {
        font-size: 36px;
        color: #333;
        line-height: 46px;
        padding: 75px 0 80px;
        text-align: center
    }

    .network ul.slides {
        width: 100%;
        padding-bottom: 80px
    }

    .network .slides li {
        float: left;
        width: 20%;
        margin-bottom: 20px;
        text-align: center;
    }

    .network .slides li:hover span {
        color: #d9271b;
    }

    .network .slides li a {
        display: block;
        width: 100%
    }

    .network .slides li img {
        width: 82px
    }

    .network .slides li span {
        font-size: 18px;
        color: #666
    }

    .network .flex-control-nav {
        display: none
    }

    .network .flex-direction-nav a {
        width: 16px;
        height: 40px;
        opacity: 1;
        font-family: '宋体';
        font-size: 16px;
        color: #d9271b;
        position: absolute;
        top: 50%;
        margin: -20px 0 0;
        font-weight: bold;
        background: #fff
    }

    .network .list {
        position: relative
    }

    .network .flex-direction-nav .flex-prev {
        left: 0
    }

    .network .flex-direction-nav .flex-next {
        right: 0
    }

    .network-c {
        width: 100%;
        height: 235px;
        background: url(/templates/en/images/ser54.png) no-repeat center;
        background-size: cover
    }

    .network .network-c h2 {
        font-size: 36px;
        color: #333;
        line-height: 46px;
        padding: 93px 0 0
    }

    .network-c .net-link {
        float: right;
        text-align: center;
        margin-left: 9%;
        padding-top: 60px
    }

    .network-c .net-link p {
        font-size: 18px;
        color: #333;
        line-height: 38px;
        padding-top: 15px
    }

    .gua-nav {
        width: 100%;
        background: #fff
    }

    .gua-nav h2 {
        font-size: 20px;
        color: #333;
        line-height: 70px;
        float: left
    }

    .gua-nav .list {
        float: right;
        width: 60%;
        line-height: 70px;
        position: relative;
        text-align: center
    }

    .gua-nav .list .slides a {
        display: block;
        width: 100%;
        font-size: 15px;
        color: #333;
        opacity: .5;
        filter: alpha(opacity=50);
        transition: color .3s, opacity .3s
    }

    .gua-nav .list li.cur a {
        color: #d9271b;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gua-nav .flex-direction-nav {
        display: none
    }

    .gua-nav .flex-control-nav {
        display: none
    }

    .guatant-box {
        width: 100%;
        padding: 72px 0 86px;
        background: #fff
    }

    .guatant-box h2 {
        font-size: 36px;
        color: #333;
        line-height: 46px;
        margin-bottom: 55px;
        text-align: center
    }

    .guatant-box img {
        margin-bottom: 38px;
        max-width: 100%
    }

    .guatant-box h3 {
        font-size: 18px;
        color: #333;
        line-height: 36px
    }

    .guatant-box .box {
        position: relative;
        top: -36px;
        padding-left: 60px
    }

    .guatant-box p {
        font-size: 14px;
        color: #666;
        line-height: 32px;
        padding-left: 19px;
        background: url(/templates/en/images/case29.png) no-repeat left 11px
    }

    .promise-box {
        padding: 62px 0 45px;
        background: #fff;
        width: 100%
    }

    .promise-box h1 {
        font-size: 36px;
        color: #000;
        line-height: 56px
    }

    .promise-box h2 {
        font-size: 24px;
        color: #000;
        line-height: 34px;
        padding: 25px 0 18px
    }

    .promise-box p {
        font-size: 15px;
        color: #666;
        line-height: 30px
    }

    .promise-box h3 {
        font-size: 18px;
        color: #000;
        line-height: 38px;
        margin-bottom: 4px
    }

    .promise-box ul {
        margin-top: 20px
    }

    .promise-box li {
        background: url(/templates/en/images/ser58.png) no-repeat 13px top;
        padding-bottom: 35px
    }

    .promise-box li h4 {
        font-size: 18px;
        padding-left: 43px;
        color: #333;
        line-height: 18px;
        margin-bottom: 20px;
        background: url(/templates/en/images/ser59.png) no-repeat 8px top
    }

    .promise-box li p {
        font-size: 15px;
        color: #666;
        padding-left: 43px;
        line-height: 30px
    }

    .promise-box .w1400 {
        padding-right: 20%
    }

    .three {
        width: 100%;
        padding: 55px 0 78px;
        background: #fff
    }

    .three p {
        font-size: 15px;
        color: #666;
        line-height: 30px
    }

    .three h2 {
        font-size: 36px;
        color: #000;
        line-height: 56px;
        padding: 55px 0 30px
    }

    .promise-box li:last-child {
        background: 0
    }

    .three ul {
        width: 100%
    }

    .three li {
        width: 100%;
        background: url(/templates/en/images/ser58.png) no-repeat 13px top
    }

    .three li h3 {
        font-size: 24px;
        padding-left: 43px;
        color: #333;
        line-height: 24px;
        margin-bottom: 10px;
        background: url(/templates/en/images/ser59.png) no-repeat 8px top
    }

    .three li p {
        font-size: 15px;
        color: #666;
        padding-left: 43px;
        line-height: 30px
    }

    .three li h4 {
        font-size: 18px;
        color: #000;
        line-height: 28px;
        padding-left: 43px
    }

    .three li:last-child {
        background: 0
    }

    .three .w1400 {
        padding-right: 20%
    }

    .supervise {
        padding: 72px 0 88px;
        background: #fff;
        width: 100%;
        text-align: center
    }

    .supervise h2 {
        font-size: 36px;
        color: #333;
        line-height: 56px;
        margin-bottom: 20px
    }

    .supervise p {
        font-size: 16px;
        color: #666;
        line-height: 26px
    }

    .supervise .box {
        margin-top: 50px;
        width: 100%
    }

    .supervise a {
        display: inline-block;
        width: 19.4%;
        margin-right: .7%;
        padding: 42px 2% 15px;
        border: 1px solid #e0e0e0;
        float: left;
        transition: background .3s.border .3s
    }

    .supervise a:last-child {
        margin-right: 0
    }

    .supervise i {
        width: 48px;
        height: 48px;
        margin: 0 auto 25px;
        display: block
    }

    .supervise a p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        min-height: 48px;
        transition: color .3s
    }

    .supervise i.ico01 {
        background: url(/templates/en/images/ser60.png) no-repeat center
    }

    .supervise i.ico02 {
        background: url(/templates/en/images/ser61.png) no-repeat center
    }

    .supervise i.ico03 {
        background: url(/templates/en/images/ser62.png) no-repeat center
    }

    .supervise i.ico04 {
        background: url(/templates/en/images/ser63.png) no-repeat center
    }

    .supervise i.ico05 {
        background: url(/templates/en/images/ser64.png) no-repeat center
    }

    .supervise a:hover {
        background: #d9271b;
        border-color: #d9271b
    }

    .supervise a:hover p {
        color: #fff
    }

    .supervise a:hover i.ico01 {
        background: url(/templates/en/images/ser60_h.png) no-repeat center
    }

    .supervise a:hover i.ico02 {
        background: url(/templates/en/images/ser61_h.png) no-repeat center
    }

    .supervise a:hover i.ico03 {
        background: url(/templates/en/images/ser62_h.png) no-repeat center
    }

    .supervise a:hover i.ico04 {
        background: url(/templates/en/images/ser63_h.png) no-repeat center
    }

    .supervise a:hover i.ico05 {
        background: url(/templates/en/images/ser64_h.png) no-repeat center
    }

    .careful {
        padding: 72px 0 60px;
        width: 100%;
        background: #fff
    }

    .careful h1 {
        font-size: 36px;
        color: #000;
        line-height: 56px;
        margin-bottom: 35px;
        text-align: center
    }

    .careful ul {
        width: 100%
    }

    .careful li {
        width: 32%;
        margin-right: 1.5%;
        float: left;
        padding: 0 2.5% 35px;
        cursor: pointer;
        margin-bottom: 30px;
        border: 1px solid #d9d9d9;
        transition: background .3s, border .3s
    }

    .careful li.cur {
        margin-right: 0
    }

    .careful li h2 {
        font-size: 24px;
        color: #000;
        line-height: 34px;
        margin-top: 35px;
        height: 68px;
        transition: color .3s
    }

    .careful li p {
        font-size: 14px;
        color: #666;
        line-height: 30px;
        margin-bottom: 9px
    }

    .careful li .font {
        width: 100%;
        padding-right: 5px;
        overflow: auto;
        height: 189px
    }

    .careful li .font::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #ececec
    }

    .careful li .font::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ececec
    }

    .careful li .font::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    .careful li.last {
        width: 65.5%;
        margin-right: 0;
        background: url(/templates/en/images/ser65.png) no-repeat 97% 93%;
        padding-bottom: 58px
    }

    .careful li h3 {
        font-size: 18px;
        color: #333;
        line-height: 28px;
        padding: 35px 0 15px
    }

    .careful li.last p {
        margin-bottom: 0
    }

    .supplier-intro {
        width: 100%;
        padding: 72px 0 76px;
        background: #fff
    }

    .supplier-intro img {
        max-width: 100%
    }

    .supplier-intro h2 {
        font-size: 36px;
        color: #333;
        line-height: 56px;
        margin-bottom: 68px
    }

    .supplier-notice {
        padding: 72px 0 87px;
        background: #fcfcfc;
        width: 100%
    }

    .supplier-notice h1 {
        font-size: 36px;
        color: #333;
        line-height: 56px
    }

    .supplier-notice-list {
        width: 100%;
        border-bottom: 1px solid #e2e2e2
    }

    .supplier-notice-list p {
        font-size: 16px;
        color: #666;
        line-height: 72px
    }

    .supplier-notice-list ul {
        width: 40.2%;
        float: right
    }

    .supplier-notice-list li {
        width: 32%;
        margin-left: 1.4%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #fff;
        float: left;
        cursor: pointer;
        transition: background .3s
    }

    .supplier-notice-list li:first-child {
        margin-left: 0
    }

    .supplier-notice-list span {
        font-size: 16px;
        color: #666;
        display: inline-block;
        padding-left: 19px;
        transition: background .3s, color .3s
    }

    .supplier-notice-list li:first-child span {
        background: url(/templates/en/images/su03.png) no-repeat left center
    }

    .supplier-notice-list li:nth-child(2) span {
        background: url(/templates/en/images/su04.png) no-repeat left center
    }

    .supplier-notice-list li:last-child span {
        background: url(/templates/en/images/su05.png) no-repeat left center
    }

    .supplier-notice-list li.cur {
        background: #d20317
    }

    .supplier-notice-list li.cur span {
        color: #fff
    }

    .supplier-notice-list li:first-child.cur span {
        background: url(/templates/en/images/su03_h.png) no-repeat left center
    }

    .supplier-notice-list li:nth-child(2).cur span {
        background: url(/templates/en/images/su04_h.png) no-repeat left center
    }

    .supplier-notice-list li:last-child.cur span {
        background: url(/templates/en/images/su05_h.png) no-repeat left center
    }

    .supplier-notice-box {
        padding-top: 30px
    }

    .supplier-notice-box .right {
        width: 42.8%;
        float: right
    }

    .supplier-notice-box .right img {
        width: 100%
    }

    .supplier-notice-box .left {
        width: 53.5%;
        float: left
    }

    .supplier-notice-box .left p {
        padding-left: 26px;
        background: url(/templates/en/images/ser59.png) no-repeat left 8px;
        font-size: 16px;
        color: #666;
        line-height: 29px;
        float: none;
        margin-bottom: 14px
    }

    .supplier-notice-box .left .font {
        position: relative;
        height: 294px;
        overflow: hidden
    }

    .supplier-notice-box .font-box {
        background: url(/templates/en/images/ser58.png) repeat-y 5px 8px
    }

    .supplier-notice-box .left .ont {
        width: 8px;
        height: 8px;
        background: #fff;
        display: block;
        position: absolute;
        top: 0;
        left: 3px
    }

    .supplier-notice-box .more-ajax {
        display: block;
        width: 182px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background: #d20317;
        margin-top: 36px;
        transition: background .3s
    }

    .cover-basic {
        width: 100%;
        padding: 70px 0 15px;
        background: #fff
    }

    .cover-basic h1 {
        font-size: 48px;
        color: #333;
        line-height: 60px;
        padding-bottom: 58px;
        border-bottom: 1px solid #eeecec;
        text-align: center;
        margin-bottom: 6px
    }

    .cover-tit h2 {
        padding: 32px 0 8px;
        font-size: 24px;
        color: #333;
        line-height: 39px
    }

    .cover-tit i {
        width: 24px;
        height: 2px;
        background: #333;
        display: block
    }

    .font-box {
        width: 100%;
        padding-top: 30px
    }

    .font-box input {
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
        padding: 0 14px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        float: left;
        background: 0
    }

    .font-box select {
        width: 31.9%;
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
        padding: 0 14px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        float: left;
        background: 0
    }

    .font-box .text {
        width: 31.9%;
        margin-right: 2.1%
    }

    .font-box .text.out {
        width: 29.3%
    }

    .font-box .txt {
        margin-right: 2.1%;
        width: 48.95%
    }

    .font-box .on {
        margin-right: 0
    }

    .w1300 {
        width: 1300px;
        position: relative;
        margin: 0 auto
    }

    .font-box input::-webkit-input-placeholder {
        color: #666
    }

    .font-box input:-moz-placeholder {
        color: #666
    }

    .font-box input::-moz-placeholder {
        color: #666
    }

    .font-box input:-ms-input-placeholder {
        color: #666
    }

    .cover-compete {
        width: 100%;
        background: #fcfcfc;
        padding: 0 0 36px
    }

    .font-box p {
        font-size: 14px;
        color: #666;
        line-height: 47px;
        margin-bottom: 20px;
        float: left;
        width: 100%
    }

    .font-box input.rad {
        border: 0;
        padding: 0;
        height: 47px;
        line-height: 47px;
        margin: 0 5px 0 0
    }

    .font-box label {
        font-size: 14px;
        color: #666;
        position: relative;
        float: left;
        padding-right: 10px
    }

    .font-box a {
        position: relative;
        float: left;
        width: 48.95%;
        margin-right: 2.1%
    }

    .font-box a.on {
        width: 31.9%
    }

    .font-box a img {
        position: absolute;
        right: 10px;
        top: 9px
    }

    .font-box a span {
        position: absolute;
        right: 2px;
        top: 10px;
        font-size: 14px;
        color: #666
    }

    .font-box a input.txt {
        width: 100%;
        margin-right: 0
    }

    .cover-cont {
        padding: 12px 0 80px;
        background: #fff;
        width: 100%
    }

    .font-box .file {
        width: 100%;
        float: right;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden
    }

    .font-box .file input {
        border: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        margin-bottom: 0
    }

    .font-box .file h2 {
        font-size: 13px;
        color: #666
    }

    .font-box .file span {
        width: 11%;
        display: inline-block;
        margin: 0 5px;
        text-align: center;
        line-height: 48px;
        border: 1px solid #e5e5e5
    }

    .font-box .file span.text_span {
        width: 50%
    }

    .font-box .box {
        width: 100%;
        float: left
    }

    .font-box .box input {
        width: 14%;
        border: 0;
        height: 50px;
        text-align: center;
        line-height: 50px;
        margin-right: 2.1%;
        background: #c8c8c8;
        color: #fff;
        font-size: 16px;
        transition: background .3s
    }

    .font-box .box input:hover {
        background: #d20317
    }

    .notice-t {
        padding: 52px 0 72px
    }

    .inv-title {
        font-size: 36px;
        color: #333;
        line-height: 54px;
        margin-bottom: 30px;
        text-align: center
    }

    .notice-t ul {
        width: 100%
    }

    .notice-t li {
        width: 31.8%;
        float: left;
        margin: 0 2.1% 20px 0;
        background: #fff;
        padding: 8px 2.5% 34px;
        cursor: pointer;
        transition: box-shadow .3s
    }

    .notice-t li.cur {
        margin-right: 0
    }

    .notice-t li a {
        display: block;
        width: 100%
    }

    .notice-t li .time {
        font-size: 14px;
        color: #888;
        line-height: 56px;
        border-bottom: 1px solid #e5e5e5;
        padding-right: 37px;
        background: url(/templates/en/images/su08.png) no-repeat right center
    }

    .notice-t li .font {
        font-size: 20px;
        color: #333;
        line-height: 32px;
        height: 64px;
        margin-top: 18px;
        overflow: hidden;
        transition: color .3s
    }

    .notice-t .more {
        width: 182px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin: 40px auto 0;
        background: #d20317;
        color: #fff;
        font-size: 16px;
        display: block;
        border-radius: 2px;
        transition: background .3s
    }

    .govem-t {
        width: 100%;
        background: #fff;
        padding: 59px 0 77px
    }

    .govem-t-box {
        width: 100%
    }

    .govem-t-box .right {
        width: 48.5%;
        float: left;
        overflow: hidden;
        position: relative
    }

    .govem-t-box .slides li {
        float: left;
        position: relative
    }

    .govem-t-box .slides a {
        display: block;
        width: 100%
    }

    .govem-t-box .slides img {
        width: 100%;
        transition: transform .3s
    }

    .govem-t-box .slides p {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 20px;
        color: #fff;
        line-height: 20px;
        padding: 100px 90px 25px 3%;
        background: url(/templates/en/images/su11.png) no-repeat left top;
        width: 100%
    }

    .govem-t-box .flex-control-nav {
        bottom: 10px;
        right: 25px;
        text-align: right
    }

    .govem-t-box .flex-control-nav li {
        margin: 0 5px
    }

    .govem-t-box .flex-control-nav a {
        width: 10px;
        height: 10px;
        background: url(/templates/en/images/su09.png) no-repeat center;
        box-shadow: none
    }

    .govem-t-box .flex-control-nav a.flex-active,
    .govem-t-box .flex-control-nav a:hover {
        background: url(/templates/en/images/su09_h.png) no-repeat center
    }

    .govem-t-box .left {
        width: 47%;
        float: right
    }

    .govem-t-box .left li {
        width: 100%;
        font-size: 16px;
        color: #333;
        line-height: 27px;
        padding: 15px 2%;
        border-top: 1px solid #e5e5e5;
        transition: background .3s, color .3s
    }

    .govem-t-box .left li:first-child {
        border-top: 0
    }

    .govem-t-box .left li a {
        display: block;
        color: #333;
        transition: color .3s
    }

    .govem-t-box .left .tit {
        float: left;
        width: 70%;
        overflow: hidden;
        height: 27px
    }

    .govem-t-box .left .time {
        font-size: 14px;
        color: #888;
        float: right;
        transition: color .3s
    }

    .govem-t .more {
        width: 182px;
        text-align: center;
        line-height: 50px;
        height: 50px;
        border: 1px solid #e5e5e5;
        border-radius: 2px;
        font-size: 16px;
        color: #010101;
        display: block;
        margin: 55px auto 0;
        transition: color .3s, background .3s, border .3s
    }

    .finance-t {
        padding: 72px 0 83px;
        width: 100%
    }

    .finance-t .more {
        width: 182px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin: 40px auto 0;
        background: #d20317;
        color: #fff;
        font-size: 16px;
        display: block;
        border-radius: 2px;
        transition: background .3s
    }

    .finance-t .more:hover {
        background: #c51f30
    }

    .finance-t ul {
        width: 100%
    }

    .finance-t li {
        width: 48.5%;
        float: left;
        background: #fff;
        padding: 22px 0;
        float: left;
        margin-bottom: 28px;
        transition: box-shadow .3s
    }

    .finance-t li.even {
        float: right
    }

    .finance-t li a {
        display: block;
        width: 100%;
        float: left;
        padding: 0 12.5% 0 4%;
        background: url(/templates/en/images/su13.png) no-repeat 95% center;
        transition: background .3s
    }

    .finance-t li .pic {
        width: 60px;
        height: 60px;
        text-align: center;
        float: left;
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        line-height: 60px
    }

    .finance-t li img {
        max-height:
    }

    .finance-t li .con {
        margin-left: 3.5%;
        width: 85%;
        display: block;
        float: left;
        border-right: 1px solid #e5e5e5
    }

    .finance-t li h2 {
        font-size: 20px;
        color: #333;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        transition: color .3s
    }

    .finance-t li .font {
        font-size: 14px;
        color: #888;
        line-height: 21px;
        height: 21px;
        overflow: hidden
    }

    .platform {
        padding: 64px 0 86px;
        width: 100%;
        background: #fff
    }

    .platform-link {
        position: relative;
        display: block;
        text-align: center
    }

    .platform-link .pic {
        width: 100%
    }

    .platform-link .bg {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .4)
    }

    .platform-link .con {
        display: block;
        width: 192px;
        height: 238px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }

    .platform-link .con img {
        width: 100%
    }

    .platform-link .con .img02 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }

    .platform-link .con .font {
        font-size: 18px;
        color: #fff;
        line-height: 28px;
        margin-top: 22px;
        padding-right: 18px;
        display: inline-block;
        background: url(/templates/en/images/su16.png) no-repeat right center;
        transition: color .3s, background .3s
    }

    .news {
        width: 100%;
        padding: 68px 0 85px
    }

    .news-intro {
        padding-bottom: 120px;
        position: relative
    }

    .news-intro .slides li {
        width: 445px;
        background: #fff;
        margin-right: 30px;
        float: left;
        transition: box-shadow .3s
    }

    .news-intro .slides .pic {
        width: 100%;
        overflow: hidden
    }

    .news-intro .slides img {
        width: 100%;
        transition: all .5s
    }

    .news-intro .slides .con {
        display: block;
        width: 100%;
        padding: 20px 6% 30px;
        box-sizing: content-box;
        border: 1px solid #eee;
        border-top: 0;
        width: 88%
    }

    .news-intro .slides h2 {
        font-size: 16px;
        color: #333;
        line-height: 36px;
        transition: color .3s
    }

    .news-intro .flex-control-nav {
        bottom: 50px
    }

    .news-intro .flex-control-nav li {
        margin: 0 6px
    }

    .news-intro .flex-control-paging li a {
        width: 14px;
        height: 14px;
        box-shadow: none;
        background: url(/templates/en/images/ser43.png) no-repeat center;
        background-size: 100% 100%
    }

    .news-intro .flex-control-paging li a.flex-active,
    .news-intro .flex-control-paging li a:hover {
        background: url(/templates/en/images/ser43_h.png) no-repeat center;
        background-size: 100% 100%
    }

    .news-intro .flex-direction-nav {
        display: none
    }

    .news-list {
        padding-bottom: 30px;
        width: 100%
    }

    .news-list ul {
        width: 100%
    }

    .news-list li {
        width: 23.7%;
        margin-right: 1.7%;
        background: #fff;
        float: left;
        margin-bottom: 40px;
        transition: background .3s
    }

    .news-list li.li4 {
        margin-right: 0
    }

    .news-list li a {
        display: block;
        width: 82%;
        padding: 27px 9% 21px
    }

    .news-list li h2 {
        font-size: 16px;
        color: #333;
        line-height: 26px;
        transition: color .3s
    }

    .news-list .time {
        padding-left: 22px;
        font-size: 13px;
        color: #999;
        font-family: 'Arial';
        line-height: 23px;
        margin-top: 10px;
        background: url(/templates/en/images/news022.png) no-repeat left center;
        transition: color .3s, background .3s
    }

    .news-list .font {
        font-size: 13px;
        color: #999;
        line-height: 24px;
        padding: 10px 0 25px;
        transition: color .3s
    }

    .ac-banner {
        width: 100%;
        height: 700px;
        text-align: center;
        position: relative
    }

    .ac-banner .con {
        display: block;
        width: 685px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 330px;
        margin: auto
    }

    .ac-banner .con .box {
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%
    }

    .ac-banner h2 {
        font-size: 60px;
        color: #fff;
        line-height: 88px
    }

    .ac-banner h3 {
        font-size: 45px;
        color: #fff;
        line-height: 80px
    }

    .ac-banner p {
        font-size: 16px;
        color: #fff;
        line-height: 34px;
        margin-top: 10px
    }

    .ac-banner a {
        display: inline-block;
        width: 30%;
        margin: 35px 3.6% 0;
        height: 50px;
        line-height: 50px;
        background: #dc231f;
        color: #fff;
        border-radius: 25px;
        font-size: 16px
    }

    .ac-number {
        width: 100%;
        padding: 30px 0 35px;
        background: #fff
    }

    .ac-number li {
        float: left;
        width: 20%;
        text-align: center
    }

    .ac-number li h2 {
        font-size: 52px;
        color: #dc231f;
        font-weight: bold;
        line-height: 59px
    }

    .ac-number li p {
        font-size: 16px;
        color: #666;
        line-height: 24px
    }

    .ac-about {
        padding: 78px 0 93px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .ac-about h2 {
        font-size: 48px;
        color: #333;
        line-height: 63px;
        text-align: center;
        margin-bottom: 50px
    }

    .ac-about li {
        width: 22.8%;
        margin-left: 2.8%;
        float: left;
        text-align: left
    }

    .ac-about li:first-child {
        margin-left: 0
    }

    .ac-about li a {
        display: block;
        width: 100%
    }

    .ac-about li .pic {
        width: 100%;
        overflow: hidden
    }

    .ac-about li img {
        width: 100%;
        transition: transform .3s
    }

    .ac-about li h3 {
        font-size: 20px;
        color: #333;
        line-height: 39px;
        margin-top: 14px;
        transition: color .3s
    }

    .ac-about li .font {
        font-size: 14px;
        color: #555;
        line-height: 29px;
        margin-top: 8px;
        height: 58px;
        overflow: hidden
    }

    .ac-about li .more {
        margin-top: 30px;
        padding-left: 40px;
        font-size: 16px;
        color: #d9271b;
        line-height: 25px;
        background: url(/templates/en/images/ab08.png) no-repeat left center
    }

    .ac-about li:hover img {
        transform: scale(1.1)
    }

    .ac-about li:hover h3 {
        color: #d9271b
    }

    .ac-media {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .ac-media a {
        display: block;
        width: 100%
    }

    .ac-media .pic {
        width: 100%;
        min-height: 110px
    }

    .ac-media .con {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 700px;
        height: 230px;
        margin: auto;
        text-align: center
    }

    .ac-media .con h3 {
        font-size: 40px;
        color: #fff;
        font-weight: bold;
        line-height: 60px
    }

    .ac-media .con h2 {
        font-size: 55px;
        color: #fff;
        line-height: 109px
    }

    .ac-media .con .more {
        display: inline-block;
        width: 30%;
        margin: 35px 3.6% 0;
        height: 50px;
        line-height: 50px;
        background: #dc231f;
        color: #fff;
        border-radius: 25px;
        font-size: 18px
    }

    .ac-media .con img {
        margin-right: 10px
    }

    .ac-join {
        padding: 80px 0;
        background: #fff;
        width: 100%
    }

    .ac-join li {
        width: 32.1%;
        margin-left: 1.7%;
        float: left;
        transition: box-shadow .3s
    }

    .ac-join li:first-child {
        margin-left: 0
    }

    .ac-join li a {
        display: block;
        width: 100%
    }

    .ac-join li .pic {
        width: 100%;
        overflow: hidden
    }

    .ac-join li img {
        width: 100%;
        transition: transform .3s
    }

    .ac-join li .con {
        width: 100%;
        border: 1px solid #eee;
        display: block;
        padding: 30px 8% 40px
    }

    .ac-join li h2 {
        font-size: 24px;
        color: #000;
        line-height: 43px;
        margin-bottom: 21px
    }

    .ac-join li .more {
        padding-left: 40px;
        font-size: 16px;
        color: #d9271b;
        line-height: 25px;
        background: url(/templates/en/images/ab08.png) no-repeat left center
    }

    .company .flex-control-nav {
        border-top: 1px solid rgba(255, 255, 255, .1);
        padding-top: 26px
    }

    .company-top {
        padding: 98px 0 103px;
        background: #fff;
        width: 100%
    }

    .company-top .right {
        width: 50%;
        float: right;
        cursor: pointer;
        position: relative
    }

    .company-top .right img {
        width: 100%
    }

    .company-top .right .open {
        width: 60px;
        height: 60px;
        background: url(/templates/en/images/ab15.png) no-repeat center;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -30px;
        margin-top: -30px
    }

    .company-top .left {
        width: 44%;
        float: left;
        position: relative
    }

    .company-top .left h2 {
        font-size: 48px;
        color: #010101;
        line-height: 69px
    }

    .company-top .left .font-hei {
        margin-top: 12px;
        height: 180px;
        overflow: hidden
    }

    .company-top .left p {
        font-size: 16px;
        color: #333;
        line-height: 36px;
        float: none
    }

    .company-top .left .font-box {
        padding-top: 0
    }

    .company-top .font-more {
        width: 180px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        border-radius: 2px;
        background: #d9271b;
        display: block;
        margin-top: 80px
    }

    .company-center {
        width: 100%;
        height: 540px;
        background-size: cover !important;
        position: relative;
        padding-top: 100px
    }

    .company-center .list {
        text-align: center
    }

    .company-center h2 {
        font-size: 48px;
        color: #fff;
        line-height: 64px;
        margin-bottom: 55px
    }

    .company-center p {
        font-size: 18px;
        color: #fff;
        line-height: 37px;
        margin-top: 20px
    }

    .company-center img {
        max-width: 80%
    }

    .company-center .flex-control-nav {
        bottom: -130px;
        border-top: 0
    }

    .company-center .flex-control-paging li a {
        width: 13px;
        height: 13px;
        background: url(/templates/en/images/ab21.png) no-repeat center
    }

    .company-center .flex-control-paging li a:hover,
    .company-center .flex-control-paging li a.flex-active {
        background: url(/templates/en/images/ab21_h.png) no-repeat center
    }

    .company-center .flex-direction-nav a {
        width: 41px;
        height: 77px;
        position: absolute;
        margin: -38px 0 0;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .company-center .flex-direction-nav a.flex-prev {
        left: 0;
        background: url(/templates/en/images/ab18.png) no-repeat center;
        background-size: 100%
    }

    .company-center .flex-direction-nav a.flex-next {
        right: 0;
        background: url(../image/ab19.png) no-repeat center;
        background-size: 100%
    }

    .company-center .flex-direction-nav a:before {
        content: "" !important
    }

    .company-g {
        padding: 90px 0;
        background: #f9f9f9;
        width: 100%
    }

    .company-g ul {
        width: 100%
    }

    .company-g li {
        width: 32.1%;
        float: left;
        margin-left: 1.7%;
        background: #fff;
        transition: box-shadow .3s
    }

    .company-g li:first-child {
        margin-left: 0
    }

    .company-g li .pic {
        width: 100%;
        overflow: hidden
    }

    .company-g li img {
        width: 100%;
        transition: transform .3s
    }

    .company-g li .con {
        display: block;
        min-height: 346px;
        padding: 30px 8% 39px
    }

    .company-g li h2 {
        font-size: 24px;
        color: #000;
        line-height: 43px;
        margin-bottom: 12px
    }

    .company-g li .con p {
        font-size: 16px;
        color: #666;
        line-height: 32px
    }

    .company-g li .font {
        height: 160px;
        overflow: hidden
    }

    .company-g li p.more {
        font-size: 16px;
        color: #d9271b;
        line-height: 25px;
        padding-left: 40px;
        background: url(/templates/en/images/ab08.png) no-repeat left center;
        margin-top: 30px;
        cursor: pointer
    }

    .company-g li:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, .1)
    }

    .company-g li:hover img {
        transform: scale(1.1)
    }

    .company-column {
        padding: 80px 0 78px;
        width: 100%;
        background: #fff
    }

    .company-column h2 {
        font-size: 36px;
        color: #333;
        line-height: 54px;
        margin-bottom: 30px;
        text-align: center
    }

    .company-column ul {
        width: 100%
    }

    .company-column li {
        width: 32.1%;
        height: 260px;
        text-align: center;
        margin-left: 1.7%;
        float: left;
        border: 1px solid #ededed;
        transition: box-shadow .3s
    }

    .company-column li:first-child {
        margin-left: 0
    }

    .company-column a {
        display: block;
        width: 100%;
        height: 100%
    }

    .company-column img {
        padding-top: 52px
    }

    .company-column h3 {
        font-size: 24px;
        color: #333;
        line-height: 42px;
        margin-top: 25px;
        transition: color .3s
    }

    .company-column p {
        font-size: 16px;
        color: #666;
        line-height: 35px
    }

    .media-top {
        padding: 56px 0 92px
    }

    .media-top .left {
        width: 49.1%;
        float: left
    }

    .media-top h2 {
        line-height: 54px;
        font-size: 36px;
        color: #000;
        margin-bottom: 30px
    }

    .media-top .left-box {
        position: relative;
        width: 100%;
        cursor: pointer;
        overflow: hidden
    }

    .media-top img {
        width: 100%;
        transition: transform .3s
    }

    .media-top .left p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 8% 30px;
        background: url(/templates/en/images/ab29.png) no-repeat top -5px center;
        font-size: 36px;
        color: #fff;
        width: 100%
    }

    .media-top .right {
        width: 49.1%;
        float: right
    }

    .media-top .right-box {
        width: 100%
    }

    .media-top .right-box li {
        width: 48.3%;
        float: left;
        position: relative;
        overflow: hidden;
        margin-bottom: 24px
    }

    .media-top .right-box li:nth-child(3),
    .media-top .right-box li:nth-child(4) {
        margin-bottom: 0
    }

    .media-top .right-box li img {
        width: 100%;
        transition: transform .3s
    }

    .media-top .right-box li.odd {
        float: right
    }

    .media-top .right-box p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 7% 20px;
        background: url(/templates/en/images/ab29.png) no-repeat top -5px center;
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        width: 100%
    }

    .media-bot {
        width: 100%;
        padding: 59px 0 105px;
        background: #fff
    }

    .media-bot h2 {
        font-size: 36px;
        color: #000;
        line-height: 55px;
        padding-bottom: 9px;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 50px
    }

    .media-bot .media-link {
        position: absolute;
        right: 0;
        top: 0;
        width: 225px
    }

    .media-bot .media-link a {
        float: left;
        display: block;
        font-size: 18px;
        color: #000;
        line-height: 55px;
        padding-bottom: 8px;
        width: 100px;
        text-align: center;
        margin-left: 25px
    }

    .media-bot .media-link a.cur {
        color: #d9271b;
        border-bottom: 2px solid #d9271b
    }

    .media-bot .media-link a:first-child {
        margin-left: 0
    }

    .media-list ul {
        width: 100%
    }

    .media-list li {
        width: 23.7%;
        float: left;
        margin-right: 1.7%;
        position: relative;
        margin-bottom: 24px;
        cursor: pointer;
        overflow: hidden
    }

    .media-list li img {
        width: 100%;
        transition: transform .3s
    }

    .media-list li p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 7% 20px;
        background: url(/templates/en/images/ab29.png) no-repeat top -5px center;
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        width: 100%
    }

    .media-list li .bg {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .7);
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }

    .media-list li .open {
        width: 45px;
        height: 45px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -22px 0 0 -22px;
        display: block;
        background: url(/templates/en/images/news06.png) no-repeat center;
        background-size: 100% 100%;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }

    .media-list li.cur {
        margin-right: 0
    }

    .develop {
        padding: 78px 0;
        background: #f9f9f9;
        width: 100%
    }

    .vision-title {
        font-size: 42px;
        color: #333;
        line-height: 60px;
        text-align: center;
        margin-bottom: 29px
    }

    .develop ul {
        width: 100%
    }

    .develop li {
        width: 32.1%;
        float: left;
        background: #fff;
        margin-left: 1.7%;
        transition: box-shadow .3s
    }

    .develop li:first-child {
        margin-left: 0
    }

    .develop li .pic {
        width: 100%
    }

    .develop li img {
        width: 100%;
        transition: transform .3s
    }

    .develop li .con {
        width: 100%;
        padding: 30px 8% 0;
        min-height: 230px;
        display: block
    }

    .develop li h3 {
        font-size: 24px;
        color: #000;
        line-height: 43px
    }

    .develop li p.font {
        font-size: 14px;
        color: #666;
        line-height: 30px
    }

    .culture {
        width: 100%;
        background: #fff;
        padding: 102px 0 100px;
        width: 100%
    }

    .culture ul {
        width: 100%;
        padding-top: 37px
    }

    .culture li {
        float: left;
        width: 33.33%;
        text-align: center
    }

    .culture li img {
        margin-bottom: 24px;
        max-width: 60%
    }

    .culture li h2 {
        font-size: 24px;
        color: #666;
        line-height: 43px
    }

    .culture li p {
        font-size: 16px;
        color: #666;
        line-height: 34px
    }

    .action {
        padding: 90px 0 84px;
        background: #f9f9f9;
        width: 100%
    }

    .action ul {
        padding-top: 10px
    }

    .action li {
        width: 25%;
        float: left;
        height: 50px;
        font-size: 16px;
        color: #666;
        line-height: 30px;
        padding: 10px 0 10px 1.5%;
        cursor: pointer;
        transition: background .3s
    }

    .action li span {
        color: #3778a8;
        margin-right: 4%
    }

    .authen_nav.join-nav {
        background: #f9f9f9
    }

    .join-box {
        padding: 55px 0 74px;
        background: #f9f9f9;
        width: 100%;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .join-box h2 {
        font-size: 36px;
        color: #000;
        line-height: 54px;
        text-align: center;
        margin-bottom: 45px
    }

    .join-box form {
        width: 100%;
        padding-bottom: 30px
    }

    .join-box .text {
        width: 30%;
        float: left;
        height: 57px;
        background: #fff;
        padding: 0 1.4%;
        line-height: 57px;
        margin-right: .4%;
        font-size: 14px;
        color: #666;
        border: 0
    }

    .join-box .text::-webkit-input-placeholder {
        color: #666
    }

    .join-box .text:-moz-placeholder {
        color: #666
    }

    .join-box .text::-moz-placeholder {
        color: #666
    }

    .join-box .text:-ms-input-placeholder {
        color: #666
    }

    .join-box select {
        width: 30%;
        height: 57px;
        padding: 0 1.4%;
        line-height: 57px;
        margin-right: .4%;
        font-size: 14px;
        color: #666;
        border: 0;
        float: left;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: #fff url(/templates/en/images/ab38.png) no-repeat 95% center
    }

    .join-box .submit {
        width: 8%;
        float: right;
        height: 57px;
        line-height: 57px;
        background: #de241b url(/templates/en/images/ab37.png) no-repeat center;
        border: 0;
        transition: background .3s
    }

    .join-box .title {
        overflow: hidden;
        color: #fff;
        background: #b4b4b4;
        font-size: 16px;
        padding: 0 20px;
        line-height: 50px;
        height: 50px
    }

    .join-box .title p {
        text-align: center;
        float: left;
        width: 20%
    }

    .join-box ul {
        border: 1px solid #efefef;
        border-top: 0;
        padding-bottom: 52px;
        background: #fff
    }

    .join-box li {
        background: #fff;
        padding: 0 3.5%
    }

    .join-box li .tit {
        font-size: 14px;
        line-height: 60px;
        height: 60px;
        cursor: pointer;
        overflow: hidden;
        border-bottom: 1px solid #efefef
    }

    .join-box li .tit.on p:last-child {
        color: #d40b17
    }

    .join-box li .tit p {
        float: left;
        width: 20%;
        text-align: center
    }

    .join-box li .in {
        padding: 20px 50px;
        background: #fff;
        display: none
    }

    .join-box li .in.on {
        display: block
    }

    .join-box li .in .top dd {
        float: left;
        width: 25%;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 3px
    }

    .join-box li .in .top dd span {
        color: #666
    }

    .join-box li .in .bot h1 {
        font-size: 16px;
        color: #333
    }

    .join-box li .in .bot dl dd {
        color: #777;
        font-size: 12px;
        line-height: 26px
    }

    .join-box li .in .bot>div {
        float: left;
        width: 46%;
        margin-right: 4%
    }

    .join-box li .in .bot {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 20px
    }

    .join-box li .in .link {
        padding-top: 17px
    }

    .join-box li .in .more {
        display: none;
        text-align: center;
        line-height: 40px;
        color: #fff;
        background: #c30d18;
        margin-top: 10px;
        font-size: 16px;
        width: 200px
    }

    .join-box li .in .link img {
        margin-right: 3%
    }

    .join-box li .in .link .box-img {
        width: 160px
    }

    .join-box li .in .more.on {
        display: block;
        width: 150px
    }

    .join-box li .in .more:hover {
        background: #e50f1c
    }

    .inliner-banner .now {
        top: auto;
        bottom: 0;
        width: 100%;
        line-height: 59px;
        text-align: right;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }

    .contact {
        padding: 60px 0 110px;
        width: 100%;
        background: #fff
    }

    .contact .cont-tit {
        width: 100%;
        line-height: 38px;
        padding-bottom: 22px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 18px;
        color: #666
    }

    .contact ul {
        width: 100%
    }

    .contact li {
        float: left;
        width: 33.33%;
        padding: 60px 2.8% 0;
        border-left: 1px solid #e5e5e5;
        min-height: 610px
    }

    .contact li:first-child {
        border-left: none
    }

    .contact li img {
        margin-bottom: 15px
    }

    .contact li h2 {
        font-size: 30px;
        color: #000;
        line-height: 48px;
        margin-bottom: 12px
    }

    .contact li p {
        font-size: 16px;
        color: #333;
        line-height: 36px
    }

    .contact li dl {
        width: 100%;
        padding-top: 40px
    }

    .contact li dd {
        float: left;
        width: 50%
    }

    .contact li img {
        max-width: 100%;
        margin-bottom: 5px
    }

    .contact li dd p {
        font-size: 14px;
        color: #000;
        line-height: 35px;
        padding-left: 5%
    }

    .contact li .link {
        padding-left: 40px;
        font-size: 14px;
        color: #d9271b;
        line-height: 25px;
        background: url(/templates/en/images/ab08.png) no-repeat left center;
        display: block;
        margin: 30px 0 60px;
        transition: padding .3s
    }

    .contact li h3 {
        font-size: 24px;
        color: #000;
        line-height: 61px
    }

    .contact li .cha {
        width: 80%;
        border: 1px solid #ddd;
        padding: 0 3%;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        color: #666;
        display: block;
        margin-bottom: 20px;
        background: url(/templates/en/images/ab38.png) no-repeat 94% center
    }

    .contact li .ban {
        position: relative
    }

    .contact li .box {
        background: #fff;
        padding: 30px 0 35px;
        position: absolute;
        top: 90px;
        left: -10%;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .contact li .box h4 {
        font-size: 24px;
        color: #000;
        line-height: 43px;
        padding-left: 10%;
        margin-bottom: 6px
    }

    .contact li .box p {
        font-size: 14px;
        color: #666;
        line-height: 30px;
        padding: 0 10%
    }

    .contact li .box:after {
        border-bottom: 13px solid #fff;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        position: absolute;
        top: -13px;
        left: 13%;
        content: "";
        width: 0;
        height: 0
    }

    .manage-box {
        width: 100%;
        background: #fff;
        padding: 70px 0 90px
    }

    .manage-box .right {
        width: 34.2%;
        float: right
    }

    .manage-box .right img {
        width: 100%
    }

    .manage-box .left {
        width: 54%;
        float: left
    }

    .manage-box .left h2 {
        font-size: 30px;
        color: #333;
        line-height: 48px;
        margin-top: 30px;
        margin-bottom: 10px
    }

    .manage-box .left p {
        font-size: 16px;
        color: #666;
        line-height: 36px
    }

    .manage-bot {
        width: 100%;
        height: 800px;
        overflow: hidden;
        position: relative
    }

    .manage-bot .w1400 {
        height: 100%
    }

    .manage-bot .slides {
        float: left;
        height: 100%;
        border-right: 1px solid rgba(255, 255, 255, .25)
    }

    .manage-bot .slides li {
        width: 25%;
        float: left;
        height: 100%;
        border-left: 1px solid rgba(255, 255, 255, .25);
        padding: 136px 3% 0;
        position: relative;
        cursor: pointer;
        transition: width .3s
    }

    .manage-bot.edge .slides li {
        width: 16.66%
    }

    .manage-bot.edge .slides li.on {
        width: 25%
    }

    .manage-bot.edge .slides li.cur {
        width: 15%
    }

    .manage-bot .slides li h2 {
        font-size: 72px;
        color: #fff;
        font-weight: bold;
        line-height: 87px;
        margin-bottom: 28px;
        transition: font-size .3s
    }

    .manage-bot .slides li h3 {
        font-size: 24px;
        color: #fff;
        line-height: 43px
    }

    .manage-bot .slides li p {
        font-size: 16px;
        color: #fff;
        line-height: 29px;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity .3s
    }

    .manage-bot .slides li p.en {
        font-size: 16px;
        color: #fff;
        opacity: .5;
        filter: alpha(opacity=50);
        line-height: 26px;
        transition: opacity .3s
    }

    .manage-bot .slides li i {
        display: block;
        width: 3px;
        height: 0;
        background: #fff;
        position: absolute;
        top: 158px;
        left: -2px;
        transition: height .3s, top .3s
    }

    .manage-bot .slides li.on {
        width: 40%
    }

    .manage-bot .slides li.cur {
        width: 20%
    }

    .manage-bot .slides li.on i {
        top: 142px;
        height: 70px
    }

    .manage-bot .slides li.on p {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .manage-bot .slides li.on p.en {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .manage-bot .slides li.on h3 {
        font-size: 42px
    }

    .manage-bot-list {
        height: 0;
        overflow: hidden
    }

    .contact {
        padding: 60px 0 300px;
        width: 100%;
        background: #fff
    }

    .contact li .cha {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none
    }

    .contact li .box {
        background: #fff;
        padding: 30px 0 35px;
        position: absolute;
        top: 70px;
        left: -10.5%;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .font-ajax {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11;
        display: none
    }

    .font-ajax .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 1;
        cursor: pointer
    }

    .font-ajax .font {
        width: 80%;
        height: 65%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 2;
        font-size: 16px;
        color: #333;
        line-height: 36px;
        padding: 3%;
        background: #fff
    }

    .wel-case .slides li img {
        width: auto
    }

    .font-ajax .box {
        width: 100%;
        height: 100%;
        padding-right: 3%;
        overflow: auto
    }

    .font-ajax .box::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #ececec
    }

    .font-ajax .box::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ececec
    }

    .font-ajax .box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    .insdie-wrap #spred {
        font-size: 18px;
        font-family: Arial;
        color: #F00;
        margin-left: 12px
    }

    .insdie-wrap table {
        width: 100%;
        max-width: 100%;
        border: 0
    }

    .insdie-wrap {
        border: 0;
        border-width: 0 0 1px 1px
    }

    .insdie-wrap td {
        padding: 8px 6px;
        border: 0;
        border-width: 1px 1px 0 0;
        font-size: 14px
    }

    .insdie-wrap td {
        line-height: 1.8
    }

    .insdie-wrap td label {
        width: 100%
    }

    .insdie-wrap .applay-input {
        width: 250px;
        height: 36px;
        padding: 8px 10px;
        line-height: 18px;
        color: #666;
        border: 1px solid #ddd;
        box-shadow: 2px 2px 2px #f4f4f4 inset;
        background: #fff;
        font-size: 14px
    }

    .insdie-wrap select.applay-input {
        height: 36px;
        float: none;
        width: 250px
    }

    .insdie-wrap textarea.applay-input {
        width: 93%;
        height: 140px
    }

    .insdie-wrap .applay-input.code {
        width: 90px;
        margin-right: 8px
    }

    .insdie-wrap .submit1 {
        width: 150px;
        height: 36px;
        background: #de241b;
        font-size: 16px;
        color: #fff;
        border: 0;
        cursor: pointer
    }

    .search-hbox {
        padding: 47px 0 18px;
        background: #fff;
        width: 100%
    }

    .search-hbox .left {
        width: 75%;
        float: left;
        background: #fff;
        padding: 30px 4% 60px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .1)
    }

    .search-hbox .left ul {
        width: 100%;
        padding-bottom: 40px
    }

    .search-hbox .left li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e5e5e5
    }

    .search-hbox .left li a {
        width: 100%;
        float: left;
        padding: 17px 0
    }

    .search-hbox .left h2 {
        font-size: 16px;
        color: #333;
        line-height: 36px;
        float: left;
        width: 80%;
        height: 36px;
        overflow: hidden;
        transition: color .3s
    }

    .search-hbox .left span {
        float: right;
        line-height: 36px;
        font-size: 12px;
        color: #808080;
        transition: color .3s
    }

    .search-hbox .left li:hover h2,
    .search-hbox .left li:hover span {
        color: #de241b
    }

    .search-hbox .right,
    .map-hbox .right {
        width: 22.8%;
        float: right
    }

    .search-hbox .left,
    .map-hbox .left {
        width: 74%;
        background: #fff;
        float: left;
        padding: 40px 4%;
        border-radius: 0 0 10px rgba(0, 0, 0, .1)
    }

    .search-hbox .right .tit {
        width: 100%;
        padding: 10px 0 10px 57px;
        background: #d82117 url(/templates/en/images/a20.png) no-repeat 22px center;
        font-size: 18px;
        color: #fff;
        margin-bottom: 4px
    }

    .search-hbox .right ul {
        width: 100%
    }

    .search-hbox .right li {
        width: 100%;
        display: block;
        margin-bottom: 4px;
        font-size: 16px;
        color: #333;
        background: #fff;
        padding: 15px 0 15px 22px;
        line-height: 26px
    }

    .map-hbox .right ul {
        width: 100%
    }

    .map-hbox .right li {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
        background: #fff;
        transition: background .3s
    }

    .map-hbox .right a {
        width: 100%;
        display: block;
        padding: 20px 0
    }

    .map-hbox .right span {
        font-size: 24px;
        color: #666;
        line-height: 40px;
        padding-left: 45px;
        display: inline-block;
        transition: background .3s, color .3s
    }

    .map-hbox .right span.ico01 {
        background: url(/templates/en/images/a21.png) no-repeat left center
    }

    .map-hbox .right span.ico02 {
        background: url(/templates/en/images/a22.png) no-repeat left center
    }

    .map-hbox .right li.cur {
        background: #db261d
    }

    .map-hbox .right li.cur span {
        color: #fff
    }

    .map-hbox .right li.cur span.ico01 {
        background: url(/templates/en/images/a21_h.png) no-repeat left center
    }

    .map-hbox .right li.cur span.ico02 {
        background: url(/templates/en/images/a22_h.png) no-repeat left center
    }

    .map-hbox {
        padding: 60px 0 80px
    }

    .map-hbox .left h1 {
        font-size: 36px;
        color: #000;
        line-height: 54px;
        text-align: center;
        padding: 26px 0 19px;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 20px
    }

    .map-hbox .left p {
        font-size: 18px;
        color: #666;
        line-height: 37px;
        margin-bottom: 10px
    }

    .map-hbox .left .line {
        padding: 56px 0 24px;
        border-bottom: 1px solid #e5e5e5;
        width: 100%
    }

    .map-hbox .left .line.but {
        border-bottom: 0
    }

    .map-hbox .left h2 {
        font-size: 24px;
        color: #db261d;
        line-height: 36px;
        margin-bottom: 22px
    }

    .map-hbox .left .mun {
        width: 37px;
        height: 37px;
        text-align: center;
        line-height: 37px;
        border-radius: 50%;
        margin-right: 18px;
        display: inline-block;
        font-size: 24px;
        color: #fff;
        float: left;
        background: #db261d
    }

    .map-hbox .left .tit {
        float: left;
        width: 90%
    }

    .map-hbox .left .box {
        width: 100%;
        border: 1px solid #c7c7c7;
        padding: 54px 4% 37px;
        margin: 42px 0 22px
    }

    .map-hbox .left h3 {
        font-size: 24px;
        color: #db261d;
        line-height: 42px;
        margin-bottom: 10px
    }

    .map-hbox .left .box p {
        margin-bottom: 20px
    }

    .map-hbox .left p.time {
        margin-top: 53px
    }

    .map-hbox .left h4 {
        font-size: 24px;
        line-height: 42px;
        margin-bottom: 12px
    }

    .map-hbox .left h4 a {
        color: #000
    }

    .map-hbox.on .left p {
        padding-left: 15px;
        background: url(/templates/en/images/a23.png) no-repeat left 15px
    }

    .map-hbox.on .left p a {
        color: #666;
        padding: 0 3px
    }

    .right-flex {
        width: 45px;
        position: fixed;
        top: 50%;
        right: 0;
        z-index: 10;
        height: 403px;
        margin-top: -201px
    }

    .right-flex ul {
        width: 100%
    }

    .right-flex li {
        margin-bottom: 5px;
        position: relative;
        width: 45px;
        height: 45px;
        float: right;
        line-height: 45px;
        background: #c8c8c8;
        transition: width .3s, background .3s, margin .3s
    }

    .right-flex li .ico {
        width: 45px;
        height: 45px;
        position: absolute;
        top: 0;
        right: 0;
        transition: right .3s
    }

    .right-flex li a {
        display: block;
        width: 100%;
        height: 100%
    }

    .right-flex li p {
        font-size: 15px;
        color: #fff;
        line-height: 45px;
        padding: 0 20px;
        transition: transform .3s
    }

    .right-flex li.one {
        width: 140px;
        margin-right: -95px
    }

    .right-flex li.one .ico,
    .right-flex li.two .ico {
        left: 0
    }

    .right-flex li.one p,
    .right-flex li.two p {
        padding: 0 20px 0 45px
    }

    .right-flex li.two {
        width: 200px;
        margin-right: -155px
    }

    .right-flex li .ico.ico01 {
        background: url(/templates/en/images/a24.png) no-repeat center
    }

    .right-flex li .ico.ico02 {
        background: url(/templates/en/images/a25.png) no-repeat center
    }

    .right-flex li .ico.ico03 {
        background: url(/templates/en/images/a26.png) no-repeat center
    }

    .right-flex li .ico.ico04 {
        background: url(/templates/en/images/a27.png) no-repeat center
    }

    .right-flex li .ico.ico05 {
        background: url(/templates/en/images/a28.png) no-repeat center
    }

    .right-flex li .ico.ico06 {
        background: url(/templates/en/images/a29.png) no-repeat center
    }

    .right-flex li .ico.ico07 {
        background: url(/templates/en/images/a30.png) no-repeat center
    }

    .right-flex li .ico.ico08 {
        background: url(/templates/en/images/a31.png) no-repeat center
    }

    .wel-case-list .flex-direction-nav a {
        opacity: 1;
        filter: alpha(opacity=100);
        width: 66px;
        height: 77px;
        margin: -100px 0 0;
        text-shadow: none;
        background-size: 100% !important;
        transition: background .3s;
        z-index: 1
    }

    .wel-case-list .flex-direction-nav a:before {
        font-size: 0
    }

    .wel-case .flex-viewport {
        overflow: visible !important
    }

    .wel-case-list .flex-direction-nav .flex-prev {
        background: url(/templates/en/images/a32.png) no-repeat center;
        left: -121px
    }

    .wel-case-list .flex-direction-nav .flex-next {
        background: url(/templates/en/images/a33.png) no-repeat center;
        right: -121px
    }

    .wel-case-list .flex-direction-nav .flex-prev:hover {
        background: url(/templates/en/images/a32_h.png) no-repeat center
    }

    .wel-case-list .flex-direction-nav .flex-next:hover {
        background: url(/templates/en/images/a33_h.png) no-repeat center
    }

    .wel-case .slides li:hover .con {
        bottom: 0
    }

    .wel-case .slides li:hover .font-bg {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    .wel-product-title a:hover {
        color: #E1251A
    }

    .wel-product-title a:hover span {
        background: #E1251A url(/templates/en/images/wel04.png) no-repeat center
    }

    .wel-product .container a:hover {
        box-shadow: 0 0 30px rgba(0, 0, 0, .1)
    }

    .wel-product a:hover .bg {
        height: 46px
    }

    .wel-product a:hover .contrast {
        background: url(/templates/en/images/wel09_h.png) no-repeat center
    }

    .wel-product .container a:hover h2,
    .wel-product .container a:hover p.font {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .wel-product .product-4 a:hover .bg {
        height: 86px
    }

    .download-list-box-b {
        width: 100%
    }

    .download-list-box-b li {
        width: 25%;
        font-size: 16px;
        float: left;
        line-height: 36px
    }

    .download-list-box-b li a {
        color: #666;
        transition: color .3s
    }

    .download-list-box-b li:hover a,
    .download-list-box-b li.cur a {
        color: #d9271b;
        font-weight: bold
    }

    .wel-banner.case-banner.on .slides img {
        width: 1450px;
        margin-left: -725px
    }

    .wel-banner.case-banner.on .slides li {
        height: 316px
    }

    .clearfix h1 {
        font-weight: normal;
        font-size: 32px;
        color: #404040;
        border-bottom: 2px solid #e6e6e6;
        padding-bottom: 15px;
        padding-top: 8px
    }

    .page_error {
        margin-top: 30px;
        margin-bottom: 30px;
        min-height: 200px
    }

    .page_error p {
        margin-bottom: 20px;
        font-size: 14px
    }

    .clearfix {
        z-index: 1;
        position: relative;

    }

    .product-contrast {
        position: fixed;
        bottom: 0;
        left: 50%;
        height: 0;
        overflow: hidden;
        margin-left: -700px;
        z-index: 999;
        background: #fff;
        border: 1px solid #d6d6d6;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .product-contrast .title {
        font-size: 14px;
        color: #d9271b;
        line-height: 15px;
        padding: 10px 1.4%;
        position: relative;
        border-bottom: 1px solid #dbdbdb
    }

    .product-contrast .product-hide {
        font-size: 14px;
        color: #666;
        position: absolute;
        top: 10px;
        right: 6.5%;
        cursor: pointer;
        transition: color .3s
    }

    .product-contrast .contrast-con {
        padding: 18px 0 18px 5px;
        width: 100%
    }

    .product-contrast .contrast-right {
        width: 11%;
        float: right;
        text-align: center
    }

    .product-contrast .contrast-btn {
        width: 72px;
        display: block;
        height: 32px;
        line-height: 32px;
        margin: 7px auto;
        color: #fff;
        background: #999;
        font-size: 14px;
        border-radius: 20px
    }

    .product-contrast .contrast-btn.on {
        background: #d9271b
    }

    .product-contrast .contrast-empty {
        font-size: 12px;
        color: #c3c4c5;
        line-height: 16px;
        margin-top: 5px;
        transition: color .3s
    }

    .product-contrast .contrast-list {
        width: 89%;
        float: left
    }

    .product-contrast .contrast-list .slides li {
        border-right: 1px solid #dbdbdb;
        float: left;
        width: 310px;
        height: 66px;
        position: relative
    }

    .product-contrast .contrast-list .slides a {
        display: block;
        float: left;
        width: 100%;
        padding: 0 8% 0 6%
    }

    .product-contrast .contrast-list .pic {
        border: 1px solid #e6e6e6;
        width: 31.1%;
        height: 64px;
        line-height: 64px;
        margin-right: 8%
    }

    .product-contrast .contrast-list img {
        width: 100%
    }

    .product-contrast .contrast-list h2,
    .product-contrast .contrast-list .font {
        font-size: 12px;
        color: #666;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        position: relative
    }

    .product-contrast .contrast-list h2 {
        margin-top: 8px
    }

    .product-contrast .contrast-list .font-none {
        width: 100%;
        float: left;
        font-size: 12px;
        color: #c3c3c3;
        text-align: center;
        line-height: 66px
    }

    .product-contrast .contrast-list .flex-control-nav {
        display: none
    }

    .product-contrast .flex-direction-nav a {
        position: absolute;
        top: 10px;
        margin-top: 0;
        opacity: 1 !important;
        left: auto;
        right: 1.7%;
        width: 8px;
        height: 15px
    }

    .product-contrast .contrast-list .slides li .closes {
        position: absolute;
        width: 9px;
        height: 9px;
        top: 0;
        right: 5%;
        display: block;
        background: url(/templates/en/images/cur01.png) no-repeat center;
        opacity: 1;
        cursor: pointer
    }

    .product-contrast .flex-direction-nav .flex-prev {
        background: url(/templates/en/images/cur02.png) no-repeat center;
        right: 3.5%
    }

    .product-contrast .flex-direction-nav .flex-next {
        background: url(/templates/en/images/cur03.png) no-repeat center
    }

    .product-contrast .flex-direction-nav a:before {
        font-size: 0
    }

    .contrast-box {
        width: 100%;
        padding: 120px 0 59px
    }

    .contrast-box .title {
        width: 100%;
        padding: 15px 4%;
        font-size: 24px;
        color: #333;
        line-height: 43px;
        border: 1px solid #e4e4e4;
        background: #fff
    }

    .contrast-box .inequality,
    .contrast-box .identical {
        float: right;
        margin-left: 3.3%;
        padding-left: 30px;
        font-size: 16px;
        color: #333;
        background: url(/templates/en/images/tra01.jpg) no-repeat left center;
        transition: background .3s
    }

    .contrast-box .inequality.on,
    .contrast-box .identical.on {
        background: url(/templates/en/images/tra01_h.jpg) no-repeat left center
    }

    .contrast-table {
        width: 100%;
        background: #fff;
        overflow: hidden;
        border: 1px solid #e4e4e4;
        border-top: 0
    }

    .contrast-table-right {
        width: 88.5%;
        float: right;
        overflow: auto;
        height: 500px;
        border-left: 1px solid #e4e4e4
    }

    .contrast-table-top {
        width: 88.5%;
        float: right;
        margin-left: 11.5%;
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        border-left: 1px solid #e4e4e4
    }

    .contrast-table-top td {
        background: #fff;
        border-left: 1px solid #e4e4e4
    }

    .contrast-table-top td:first-child {
        border-left: none
    }

    .contrast-table-right tr td:first-child {
        border-left: none
    }

    .contrast-table-right tr:first-child td {
        border-top: 0
    }

    .contrast-table-left td:first-child {
        border-top: 0
    }

    .contrast-table-top .goods-item {
        padding-bottom: 15px;
        text-align: center
    }

    .contrast-table-top .pic {
        width: 100%;
        height: 148px;
        line-height: 148px
    }

    .contrast-table-top .pic a {
        display: block;
        width: 100%
    }

    .contrast-table-top .pic img {
        max-width: 80%;
        height: auto
    }

    .contrast-table-top .con {
        display: block;
        width: 77%;
        margin: 0 auto;
        text-align: left
    }

    .contrast-table-top h2 {
        font-size: 16px;
        color: #999;
        line-height: 21px;
        height: 21px;
        overflow: hidden;
        margin-bottom: 12px
    }

    .contrast-table-top .more {
        display: inline-block;
        width: 52%;
        height: 38px;
        text-align: center;
        line-height: 38px;
        background: #f9f9f9;
        border-radius: 2px;
        border: 1px solid #e4e4e4;
        color: #333;
        font-size: 15px;
        transition: background .3s, color .3s, border .3s
    }

    .contrast-table-top .delete {
        height: 38px;
        line-height: 38px;
        color: #333;
        font-size: 14px;
        transition: color .3s;
        margin-left: 11.5%
    }

    .contrast-table-left table {
        width: 100%
    }

    .contrast-table-right tr.bar,
    .contrast-table-left tr.bar {
        background: #fff
    }

    .contrast-table-right tr.yew,
    .contrast-table-left tr.yew {
        background: #ffffce
    }

    .contrast-table-right td {
        border: 1px solid #e4e4e4;
        height: 40px
    }

    .contrast-table-left td {
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        height: 40px;
        font-size: 14px;
        color: #333;
        text-align: center
    }

    .contrast-table-right .goods-w {
        font-size: 14px;
        color: #333;
        line-height: 20px
    }

    .contrast-table-right .goods-w p {
        padding: 0 8%;
        font-size: 14px;
        color: #333;
        word-wrap: break-word;
        line-height: 20px
    }

    .contrast-table-top .add-product {
        text-align: center;
        font-size: 14px;
        cursor: pointer
    }

    .contrast-table-top .add-product .en {
        font-size: 17px
    }

    .contrast-table-top .font {
        font-size: 14px;
        color: #333;
        height: 44px;
        overflow: hidden;
        line-height: 22px;
        margin-bottom: 15px
    }

    .contrast-table .off {
        overflow: hidden
    }

    .contrast-table-bot {
        width: 100%;
        border-top: 1px solid #e4e4e4
    }

    .contrast-table-left {
        float: left;
        overflow: hidden
    }

    .contrast-table-left-off {
        float: left;
        width: 11.5%;
        overflow: hidden
    }

    .contrast-table-right::-webkit-scrollbar,
    .contrast-table-left::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: #fff
    }

    .contrast-table-right::-webkit-scrollbar-track,
    .contrast-table-left::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff
    }

    .contrast-table-right::-webkit-scrollbar-thumb,
    .contrast-table-left::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    .recommend {
        position: fixed;
        bottom: 0;
        left: 50%;
        height: 0;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        margin-left: -700px;
        z-index: 99
    }

    .recommend .title {
        height: 35px;
        line-height: 35px;
        border-bottom: 2px solid #d9271b;
        padding: 0 5%;
        position: relative;
        color: #d9271b;
        font-size: 14px;
        font-weight: bold
    }

    .recommend .close {
        width: 16px;
        height: 15px;
        background: url(/templates/en/images/tra03.jpg) no-repeat center;
        position: absolute;
        top: 10px;
        right: 20px;
        opacity: 1;
        cursor: pointer
    }

    .recommend .cont {
        padding: 10px 0 20px
    }

    .recommend .slides li {
        width: 275px;
        position: relative;
        float: left
    }

    .recommend .slides li a {
        display: block;
        width: 100%;
        padding: 0 2%
    }

    .recommend .slides li .pic {
        height: 150px;
        text-align: center;
        line-height: 150px
    }

    .recommend .slides li img {
        max-width: 80%;
        max-height: 120px
    }

    .recommend .slides li .font {
        padding: 7px 0 15px;
        background: #fff;
        width: 92%;
        margin: 0 auto;
        display: block
    }

    .recommend .slides li h2 {
        font-size: 15px;
        color: #999;
        font-weight: bold;
        line-height: 36px;
        height: 36px;
        overflow: hidden
    }

    .recommend .slides li p.z {
        font-size: 13px;
        color: #333;
        line-height: 25px;
        height: 50px;
        overflow: hidden
    }

    .recommend .add {
        width: 120px;
        height: 36px;
        background: #d9271b;
        text-align: center;
        line-height: 36px;
        border-radius: 3px;
        color: #fff;
        margin: 10px 0 0;
        display: block
    }

    .recommend .add.on {
        background: #eaeaea;
        color: #666
    }

    .recommend .flex-control-nav {
        display: none
    }

    .recommend .flex-direction-nav a {
        position: absolute;
        top: 50%;
        margin-top: 0;
        opacity: 1 !important;
        left: auto;
        width: 8px;
        height: 15px;
        margin-top: -7px
    }

    .recommend .flex-direction-nav .flex-prev {
        background: url(/templates/en/images/cur02_h.png) no-repeat center;
        left: 5px
    }

    .recommend .flex-direction-nav .flex-next {
        background: url(/templates/en/images/cur03_h.png) no-repeat center;
        right: 5px
    }

    .recommend .flex-direction-nav a:before {
        font-size: 0
    }

    .repair-map {
        padding: 72px 0;
        width: 100%;
        display: none;
        background: #fff
    }

    .repair-map h2 {
        font-size: 24px;
        color: #333;
        line-height: 44px;
        margin-top: 8px
    }

    .repair-map-list {
        width:800px;
        position: relative;
        margin: -52px auto 0
    }

    .repair-map-list .map-bg {
        width: 100%
    }

    .repair-map-list li.li0 {
        position: absolute;
        top: 8%;
        right: 0
    }

    .repair-map-list li.li1 {
        position: absolute;
        top: 27%;
        right: 75%
    }

    .repair-map-list li.li2 {
        position: absolute;
        top: 25%;
        right: 28%
    }

    .repair-map-list li {
        cursor: pointer;
        z-index: 1
    }

    .repair-map-list li.on {
        z-index: 2
    }

    .repair-map-list li.bg1 {
        width: 140px;
        height: 140px
    }

    .repair-map-list li .bg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        border-radius: 50%;
        background: rgba(255, 255, 255, .6);
        transition: background .3s, box-shadow .3s
    }

    .repair-map-list li.bg1 .bg {
        width: 140px;
        height: 140px
    }

    .repair-map-list .bg b {
        width: 8px;
        height: 8px;
        position: absolute;
        top: 50%;
        left: 50%;
        cursor: pointer;
        margin: -4px 0 0 -4px;
        background: url(/templates/en/images/rm02.png) no-repeat center;
        background-size: 100%
    }

    .repair-map-list h3 {
        font-size: 13px;
        color: #333;
        line-height: 26px;
        padding-top: 80px;
        position: relative;
        z-index: 2;
        text-align: center
    }

    .repair-map-list li .map-list {
        width: 353px;
        position: absolute;
        left: 50%;
        margin-left: -176px;
        background: #fff;
        top: 145px;
        display: none
    }

    .repair-map-list li .tit {
        width: 100%;
        padding: 0 7%;
        background: #d90708;
        color: #fff;
        line-height: 45px;
        font-size: 16px
    }

    .repair-map-list li .con {
        width: 100%;
        padding: 27px 7% 30px
    }

    .repair-map-list li p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-bottom: 15px;
        padding-left: 28px
    }

    .repair-map-list li p.tel {
        background: url(/templates/en/images/rm03.png) no-repeat left 3px
    }

    .repair-map-list li p.add {
        background: url(/templates/en/images/rm04.png) no-repeat left 3px
    }

    .repair-map-list li.bg2 {
        width: 80px;
        height: 80px
    }

    .repair-map-list li.bg2 .bg {
        width: 80px;
        height: 80px
    }

    .repair-map-list li.bg2 .map-list {
        top: 90px
    }

    .repair-map-list li.li3 {
        position: absolute;
        top: 23%;
        right: 5%
    }

    .repair-map-list li.li4 {
        position: absolute;
        top: 30%;
        right: 11%
    }

    .repair-map-list li.li5 {
        position: absolute;
        top: 47%;
        right: 59%
    }

    .repair-map-list li.li6 {
        position: absolute;
        top: 63%;
        right: 46%
    }

    .repair-map-list li.li7 {
        position: absolute;
        top: 80%;
        right: 50%
    }

    .repair-map-list li.li8 {
        position: absolute;
        top: 74%;
        right: 38%
    }

    .repair-map-list li.li9 {
        position: absolute;
        top: 82%;
        right: 34%
    }

    .repair-map-list li.bg2 h3 {
        padding-top: 47px
    }

    .repair-map-list li.bg3 {
        width: 45px;
        height: 45px
    }

    .repair-map-list li.bg3 .bg {
        width: 30px;
        height: 30px
    }

    .repair-map-list li.bg3 .map-list {
        top: 55px
    }

    .repair-map-list li.li10 {
        position: absolute;
        top: 38%;
        right: 14%
    }

    .repair-map-list li.bg3 h3 {
        padding-top: 13px
    }

    .repair-map-list li.li17 {
        position: absolute;
        top: 52%;
        right: 21%
    }

    .repair-map-list li.li17 h3 {
        font-size: 14px
    }

    .repair-map-list li.li11 {
        position: absolute;
        top: 35%;
        right: 23%
    }

    .repair-map-list li.li12 {
        position: absolute;
        top: 38%;
        right: 21%
    }

    .repair-map-list li.li13 {
        position: absolute;
        top: 41%;
        right: 25%
    }

    .repair-map-list li.li14 {
        position: absolute;
        top: 45%;
        right: 20%
    }

    .repair-map-list li.li15 {
        position: absolute;
        top: 45%;
        right: 14%
    }

    .repair-map-list li.li16 {
        position: absolute;
        top: 53%;
        right: 14%
    }

    .repair-map-list li.li18 {
        position: absolute;
        top: 58%;
        right: 11%
    }

    .repair-map-list li.li19 {
        position: absolute;
        top: 54%;
        right: 26%
    }

    .repair-map-list li.li20 {
        position: absolute;
        top: 46%;
        right: 30%
    }

    .repair-map-list li.li21 {
        position: absolute;
        top: 55%;
        right: 37%
    }

    .repair-map-list li.li22 {
        position: absolute;
        top: 44%;
        right: 41%
    }

    .repair-map-list li.li23 {
        position: absolute;
        top: 54%;
        right: 44%
    }

    .repair-map-list li.li24 {
        position: absolute;
        top: 65%;
        right: 37%
    }

    .repair-map-list li.li25 {
        position: absolute;
        top: 63%;
        right: 30%
    }

    .repair-map-list li.li26 {
        position: absolute;
        top: 61%;
        right: 16%
    }

    .repair-map-list li.li27 {
        position: absolute;
        top: 59%;
        right: 13%
    }

    .repair-map-list li.li28 {
        position: absolute;
        top: 65%;
        right: 11%
    }

    .repair-map-list li.li29 {
        position: absolute;
        top: 68%;
        right: 13%
    }

    .repair-map-list li.li30 {
        position: absolute;
        top: 72%;
        right: 30%
    }

    .repair-map-list li.li31 {
        position: absolute;
        top: 72%;
        right: 22%
    }

    .repair-map-list li.li32 {
        position: absolute;
        top: 74%;
        right: 17%
    }

    .repair-map-list li.li33 {
        position: absolute;
        top: 79%;
        right: 19%
    }

    .repair-map-list li.li34 {
        position: absolute;
        top: 83%;
        right: 22%
    }

    .repair-map-list li.li35 {
        position: absolute;
        top: 83%;
        right: 28%
    }

    .repair-map-list li.li36 {
        position: absolute;
        top: 96%;
        right: 33%
    }

    .repair-map-list li.li37 {
        position: absolute;
        top: 88%;
        right: 29%
    }

    .repair-map-list li.li38 {
        position: absolute;
        top: 61%;
        right: 5%
    }

    .repair-map-list li.bg3.bg4 h3 {
        padding-top: 14px;
        text-align: left;
        padding-left: 16px
    }

    .repair-map-list li.bg3.bg4,
    .repair-map-list li.bg3.bg5 {
        width: 80px
    }

    .repair-map-list li.bg5 .bg {
        left: auto;
        right: 0
    }

    .repair-map-list li.bg3.bg5 h3 {
        padding-top: 14px;
        text-align: left
    }

    .repair-map-list li.li39 {
        position: absolute;
        top: 66%;
        right: 4%
    }

    .repair-map-list li.li40 {
        position: absolute;
        top: 71%;
        right: 6%
    }

    .repair-map-list li.li41 {
        position: absolute;
        top: 91%;
        right: 33%
    }

    .contrast-table-top td:last-child .goods-w {
        margin-right: 11px !important
    }

    .repair-che {
        width: 100%;
        background: #fff;
        padding: 82px 0 0
    }

    .repair-che-top {
        padding-bottom: 36px
    }

    .repair-che-top h2 {
        font-size: 24px;
        color: #333;
        line-height: 44px;
        margin-bottom: 22px
    }

    .repair-che-top .box {
        border: 1px solid #eee;
        height: 48px;
        line-height: 48px;
        width: 23.7%;
        margin-right: 1%;
        font-size: 14px;
        float: left;
        color: #a3a3a3;
        padding: 0 1% 0 3.5%
    }

    .repair-che-top .box.province {
        background: #fff url(/templates/en/images/map01.png) no-repeat 4% center
    }

    .repair-che-top .box.city {
        background: #fff url(/templates/en/images/map02.png) no-repeat 4% center
    }

    .repair-che-top .submit-b {
        width: 68px;
        height: 48px;
        text-align: center;
        line-height: 48px;
        background: #d90708;
        color: #fff;
        font-size: 14px;
        float: left;
        border: 0
    }

    .repair-che-pc {
        display: block
    }

    .repair-che-pcb {
        width: 100%;
        height: 450px
    }

    .repair-che-m {
        display: none;
        background: #fff;
        margin-top: 20px;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        padding: 10px 0 0
    }

    .map-b h2 {
        margin-bottom: 10px
    }

    .map-b img {
        margin-right: 10px
    }

    .repair-che-m ul {
        width: 92%;
        margin: 0 auto;
        position: relative
    }

    .repair-che-m li {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #c2c2c2
    }

    .repair-che-m li .con {
        display: none
    }

    .repair-che-m li.cur h2 {
        background: url(/templates/en/images/bg_sign24.png) no-repeat left top
    }

    .repair-che-m li.cur h2 em {
        background: url(/templates/en/images/bg_sign23.png) no-repeat left top
    }

    .repair-che-m li h2 {
        width: 100%;
        padding-left: 25px;
        font-size: 14px;
        line-height: 20px;
        position: relative;
        background: url(/templates/en/images/bg_sign25.png) no-repeat left top;
        background-size: 18px !important;
        color: #000;
        margin-bottom: 10px
    }

    .repair-che-m li h2 em {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #9b9b9b;
        border-radius: 50%;
        background: url(/templates/en/images/bg_sign22.png) no-repeat center;
        background-size: 100% 100% !important
    }

    .repair-che-m li p {
        font-size: 12px;
        color: #666;
        width: 100%;
        margin: 0;
        width: 95%;
        padding-left: 25px;
        line-height: 24px
    }

    .repair-che-m a {
        display: inline-block;
        width: 47%;
        height: 40px;
        margin: 12px 0;
        border-radius: 6px;
        padding-left: 16%;
        background-size: auto 100% !important;
        font-size: 14px;
        line-height: 3.5rem;
        color: #fff
    }

    .repair-che-m .box {
        width: 100%;
        padding-left: 25px
    }

    .repair-che-m a.tel {
        background: #d90708 url(/templates/en/images/bg_sign13.png) no-repeat 10% center
    }

    .repair-che-m a.add {
        background: #d90708 url(/templates/en/images/bg_sign14.png) no-repeat 10% center
    }

    .info-page {
        width: 100%;
        float: left;
        padding: 17px 3.6%;
        background: #fff;
        margin-top: 29px;
        text-align: center
    }

    .info-page.on {
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .info-page a {
        display: inline-block;
        font-size: 16px;
        line-height: 36px;
        color: #666;
        transition: color .3s
    }

    .info-page a.prev {
        float: left
    }

    .info-page a.next {
        float: right
    }

    .info-page a.return {
        padding: 0 15px 0 45px;
        background: url(/templates/en/pic/news11.png) no-repeat 15px center;
        transition: background .3s, color .3s
    }

    .link-error {
        padding-top: 32px
    }

    .link-error a {
        float: left;
        border: 1px solid #c9c9c9;
        padding: 55px 100px 44px;
        margin-right: 8px;
        text-align: center;
        transition: background .3s, border .3s
    }

    .link-error i {
        width: 53px;
        height: 53px;
        display: block;
        margin: 0 auto 8px;
        background-size: 100% !important;
        transition: background .3s
    }

    .link-error i.ico1 {
        background: url(/templates/en/pic/news01.png) no-repeat center
    }

    .link-error i.ico2 {
        background: url(/templates/en/pic/news02.png) no-repeat center
    }

    .link-error p {
        font-size: 24px;
        line-height: 44px;
        color: #242424;
        transition: color .3s
    }

    .product-list .form.on {
        border-color: #d9271b
    }

    .pn-title {
        position: fixed;
        top: 50%;
        left: 0;
        z-index: 9;
        background: #d9271b;
        color: #fff;
        font-size: 16px;
        text-align: center;
        box-shadow: inset 0 0 30px rgba(0, 0, 0, .2);
        line-height: 26px;
        width: 45px;
        padding: 10px 0;
        cursor: pointer;
        border-radius: 0 10px 10px 0;
        margin-top: -62px;
    }

    .pn-title span {
        display: block
    }

    .pn-list {
        position: fixed;
        top: 50%;
        left: -305px;
        z-index: 10;
        background: #fff;
        width: 305px;
        height: 700px;
        margin-top: -350px;
        overflow: auto;
        transition: left .5s;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        border-radius: 0 10px 10px 0;
    }

    .pn-list.on {
        left: 0
    }

    .pn-list ul {
        width: 100%
    }

    .pn-list li {
        width: 100
    }

    .pn-list li .pn-tit-one {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #010101;
        font-size: 16px;
        padding: 0 2% 0 15%;
        background: #fff url(/templates/en/pic/pro01.png) no-repeat 6% center;
        transition: background .3s
    }

    .pn-list li .pn-con-one {
        display: none
    }

    .pn-list li .pn-tit-one.cut {
        background: #d9271b url(/templates/en/pic/pro01_h.png) no-repeat 6% center;
        color: #fff
    }

    .pn-list li .pn-tit-two.cur,
    .pn-list li .pn-tit-three.cut,
    .pn-list li .pn-tit-four.cur,
    .pn-list li .pn-tit-five.cur {
        color: #d9271b
    }

    .pn-list li .pn-con-two {
        display: none;
        background: #fafafa;
    }

    .pn-list li .pn-tit-two {
        width: 100%;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        display: block;
        font-size: 14px;
        color: #666;
        padding: 0 2% 0 15%;
        border: 1px solid #e6e6e6;
        transition: color .3s
    }

    .pn-list li .pn-con-two {
        width: 100%;
        padding: 16px 2% 20px 15%;
        display: none
    }

    .pn-list li .pn-tit-three {
        display: block;
        width: 100%;
        font-size: 13px;
        color: #666;
        line-height: 30px;
        height: 30px;
        overflow: hidden
    }

    .pn-list::-webkit-scrollbar {
        width: 4px;
        background-color: #d9271bborder-radius:50px;
    }

    .pn-list::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: #d9271b
    }

    .pn-list::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #fff
    }

    .pn-list li .font-blod {
        font-weight: bold;
    }

    .pn-list li .pn-con-three {
        width: 100%;
        padding: 8px 0;
        display: none;
    }

    .pn-list li .pn-tit-four {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #666;
        /*padding: 0 0 0 8px;*/
        /*background: url(../images/111_h.png) no-repeat left center;*/
        background-size: 4px !important;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }

    .pn-list li .pn-con-four {
        width: 100%;
        display: none;
        padding: 0
    }

    .pn-list li .pn-tit-five {
        display: block;
        width: 100%;
        font-size: 11px;
        color: #666;
        /*    padding: 0 0 0 8px;
    background: url(../images/111_h.png) no-repeat left center;*/
        background-size: 4px !important;
        line-height: 25px;
        height: 30px;
        overflow: hidden;
    }

    .product-contrast .contrast-empty:hover {
        color: #d9271b;
    }

    #pageNum {
        border: 1px solid #eee;
        background: none;
        padding: 0 5px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        font-size: 14px;
        color: #686868;
        background: #fff;
    }

    .news-page .go {
        font-size: 14px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        border: none;
        display: inline-block;
        background: #f7f7f7;
        color: #686868;
        transition: background .3s, color .3s;
    }

    .email_subscr h2 {
        font-size: 30px;
    }

    .email_subscr p {
        font-size: 16px;
    }

    .email_subscr form {
        width: 30%;
        padding-bottom: 100px;
        position: relative;
    }

    .email_subscr label {
        display: block;
    }

    .email_subscr label p {
        font-size: 18px;
        font-weight: normal;
    }

    .email_subscr label p.prompt {
        font-size: 14px;
        font-weight: normal;
    }

    .email_subscr label input {
        width: 100%;
        font-weight: normal;
        height: 48px;
        padding: 8px 10px;
        line-height: 32px;
        color: #666;
        border: 1px solid #ddd;
        box-shadow: 2px 2px 2px #f4f4f4 inset;
        background: #fff;
        font-size: 14px;
    }

    .email_subscr label input::-webkit-input-placeholder {
        color: #666;
        font-weight: normal;
    }

    .email_subscr label input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #666;
        font-weight: normal;
    }

    .email_subscr label input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #666;
        font-weight: normal;
    }

    .email_subscr label input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #666;
        font-weight: normal;
    }

    .email_subscr label select {
        border: 1px solid #ddd;
        height: 48px;
        line-height: 48px;
        width: 100%;
        font-weight: normal;
        margin-right: 1%;
        font-size: 14px;
        color: #666;
        padding: 0 1% 0 3.5%;
    }

    .email_subscr .submit {
        color: #fff;
        border: 0;
        cursor: pointer;
        position: absolute;
        right: 0;
        bottom: 50px;
        width: 155px;
        height: 40px;
        line-height: 40px;
        padding-left: 36px;
        font-size: 14px;
        background: #E1251A url(/templates/en/images/head05.png) no-repeat 103px center;
        display: block;
        text-align: left;
        color: #fff;
        margin-top: 35px;
    }

    .email_subscr .red_icon:after {
        content: "*";
        color: #ff4949;
    }

    .RSS .RSS_content ul {
        min-height: 400px;
    }

    .RSS .RSS_content h2 {
        font-size: 40px;
        font-weight: 900;
        color: #000;
    }

    .RSS .RSS_content h2 a {
        height: 30px;
        padding-left: 35px;
        color: #333;
        display: inline-block;
        font-size: 14px;
        background: url(/templates/en/images/rss02.png) 5px top no-repeat;
    }

    .RSS .RSS_content h2 a:hover {
        text-decoration: underline;
    }

    .RSS .RSS_content li strong {
        font-size: 18px;
        font-weight: bold;
        color: #222;
    }

    .RSS .RSS_content li {
        padding: 8px;
        border-top: 1px solid #e7e7e7;
    }

    .RSS .RSS_content li span {
        font-size: 14px;
        color: #666;
        display: block;
    }

    .safe-content {
        padding-bottom: 90px;
    }
    .safe-container a{
        text-decoration: underline !important;
    }
    .safe-container table a{
        text-decoration: none !important;
    }
    .safe-box {
        overflow: hidden;
        padding: 62px 0 90px;
        background: #fff;
        width: 100%
    }

    .safe-box .safe-suBox {
        float: left;
        min-height: 400px;
    }

    .safe-box .left,
    .safe-box .right {
        width: 22.8%;
    }

    .safe-box .center {
        width: 54.4%;
        padding: 0 30px 0 50px;
    }

    .safe-box .center li {
        padding: 15px 0;
    }

    .safe-box .center .notice-aList {
        font-size: 20px;
        font-weight: bold;
        color: #333;
        display: block;
    }

    .safe-internet-nav .safe-headline {
        font-size: 20px;
        color: #333;
    }

    .safe-internet-nav .safe-headline:hover {
        color: #d9271b;
    }

    .safe-internet-nav .list .slides a {
        font-weight: bold;
    }

    .safe-box .center p {
        color: #666;
        font-size: 14px;
    }

    .safe-box .center a:hover {
        color: #d9271b;
    }

    .safe-box .center span {
        font-size: 14px;
        color: #777;
        display: block;
    }

    .safe-box .link-box {
        width: 100%;
        background: #fff;
    }

    .safe-box .link-box .safe-cur {
        background: #d9271b;
        color: #fff;
    }

    .safe-box .link-box a {
        display: block;
        width: 100%;
        padding-left: 8%;
        line-height: 50px;
        font-size: 16px;
        color: #333;
        border-bottom: 1px solid #f2f2f2;
        transition: color .3s, background .3s;
    }

    .safe-box .right a,
    .safe-box .right .tel {
        display: block;
        width: 100%;
        padding: 8px 0 8px 21%;
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
        transition: color .3s, background .3;
    }

    /* .safe-box .right .emailto01 {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    } */

    .safe-box .right a.search {
        background: #fff url(/templates/en/images/ser14.png) no-repeat 5% center;
    }

    .safe-box .right a.email {
        background: #fff url(/templates/en/images/ser45.png) no-repeat 5% center;
    }

    .safe-box .right a.rss {
        background: #fff url(/templates/en/images/rss02.png) no-repeat 5% center;
    }

    .safe-box .right a.emailto {
        background: #fff url(/templates/en/images/emailto.png) no-repeat 5% center;
        word-wrap: break-word;
    }

    .safe-box .right span.tel {
        background: #fff url(/templates/en/images/ser29.png) no-repeat 5% center;
    }

    .safe-box .right a.search:hover {
        background: #e7e7e7 url(/templates/en/images/ser14.png) no-repeat 5% center;
    }

    .safe-box .right a.email:hover {
        background: #e7e7e7 url(/templates/en/images/ser45.png) no-repeat 5% center;
    }

    .safe-box .right a.rss:hover {
        background: #e7e7e7 url(/templates/en/images/rss02.png) no-repeat 5% center;
    }

    .safe-box .right a.emailto:hover {
        background: #e7e7e7 url(/templates/en/images/emailto.png) no-repeat 5% center;
    }

    .safe-box .right span.tel:hover {
        background: #e7e7e7 url(/templates/en/images/ser29.png) no-repeat 5% center;
    }

    .safe-box .right a:hover,
    .safe-box .right span:hover {
        color: #d9271b;
    }

    .safe-box .link-box a:hover {
        background: #d9271b;
        color: #fff;
    }

    .DHCC {
        margin-bottom: 40px;
    }

    .DHCC H3 {
        font-size: 24px;
        color: #E1251A;
        line-height: 42px;
        font-weight: bold;
        margin-bottom: 22px;
    }

    .DHCC p {
        font-size: 18px;
        color: #E1251A;
    }

    .link-box-FAQ a {
        display: block;
        width: 100%;
        padding-left: 8%;
        line-height: 40px;
        font-size: 16px;
        border-bottom: 1px solid #f2f2f2;
        color: #666666;
        transition: color .3s, background .3s;
    }

    .link-box-FAQ a:hover {
        color: #d9271b;
        background: #e7e7e7;
    }

    .link-box-FAQ a.first {
        border-top: 1px solid #f2f2f2;
    }

    .safe-box .left h2 {
        font-weight: 600px;
        font-size: 24px;
        margin-bottom: 35px;
    }

    .FAQ-list {
        width: 100%;
    }

    .FAQ-list dl {
        width: 100%;
    }

    .FAQ-list dl dd {
        width: 100%;
        display: block;
        cursor: pointer;
    }

    .center-FAQ {
        width: 77.2%;
        padding: 0 0 0 50px;
    }

    .center-FAQ h1 {
        font-weight: 900;
        font-size: 30px;
        margin-bottom: 30px;
    }

    .FAQ-list dl dd span.FAQ-tit {
        width: 100%;
        display: block;
        padding-left: 35px;
        font-size: 18px;
        color: #222;
        line-height: 50px;
        background: url(/templates/en/images/FAQ_add.png) no-repeat 2px center;
        transition: background .3s, color .3s;
    }

    .FAQ-content {
        border-top: 1px solid #eaeaea;
        padding: 15px 0;
    }

    .FAQ-list dl dd span.FAQ-tit:hover {
        background: url(/templates/en/images/FAQ_mius.png) no-repeat 2px center;
    }

    .FAQ-list dl dd span.FAQ-cur {
        background: url(/templates/en/images/FAQ_mius.png) no-repeat 2px center;
    }

    .FAQ-list dl dd p {
        width: 100%;
        font-size: 16px;
        color: #333;
        line-height: 32px;
    }

    .emergencyResponse-list li .pic {
        height: 13vw;
    }

    .emergencyResponse-list ul {
        padding: 0 8%;
    }

    .emergencyResponse-list li {
        width: 45%;
        transition: box-shadow .3s;
    }

    .emergencyResponse-list li.first {
        margin: 0 5% 55px 0;
        float: left;
    }

    .emergencyResponse-list li.tw {
        margin: 0 0 55px 5%;
        float: right;
    }

    .emergencyResponse-list .more {
        padding-left: 40px;
        font-size: 16px;
        color: #E1251A;
        margin-top: 10px;
        line-height: 28px;
        background: url(/templates/en/images/case28.png) no-repeat left center;
    }

    .emergencyResponse-list .font-rep {
        color: #000;
    }

    #banner-silder .flex-direction-nav .flex-next,
    #banner-silder .flex-direction-nav .flex-prev {
        display: none;
    }

    .safe-info {
        padding: 45px 0 108px;
        background: #fff;
    }

    .safe-info .now {
        top: -80px;
    }

    .safe-info h1 {
        text-align: left;
        margin-bottom: 32px;
        font-size: 34px;
        color: #000;
        line-height: 54px;
        padding: 19px 0;
        border-bottom: 1px solid #f2f2f2;
    }

    .case-link-list .safe-tech-list {
        overflow: hidden;
        height: auto;
    }

    .safe-info p {
        font-size: 16px;
        color: #666;
        line-height: 36px;
        word-wrap: break-word;
    }

    .safe-info .download-box {
        font-size: 16px;
        color: #333;
    }

    .safe-info .safe-info-tit,
    .safe-info hr {
        border-bottom: 1px solid #e7e7e7;
    }

    .safe-info .download-box a {
        display: inline-block;
        padding-left: 40px;
        background: url(/templates/en/images/download_icon.png) no-repeat 10px center;
    }

    .safe-info .dl-box {
        overflow: hidden;
        padding: 10px;
    }

    .safe-info dl {
        float: left;
        width: 20%;
        height: 210px;
        position: relative;
    }

    .safe-info dl dt {
        color: #fff;
        padding-right: 20px;
        font-size: 26px;
        font-weight: bold;
        line-height: 60px;
        text-align: center;
    }

    .safe-info img {
        max-width: 100%;
    }

    .safe-info dl dt.icon {
        background: url(/templates/en/images/shangbao_jiantou.png) no-repeat right center;
    }

    .safe-info dl dd {
        color: #4e8cee;
        font-size: 12px;
        max-width: 130px;
        margin: 0 auto;
        padding: 14px 0;
    }

    .safe-info dl span {
        width: 20px;
        height: 20px;
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .safe-banner.flexslider {
        margin: 0;
        border: 0;
    }

    .safe-banner .flex-control-nav {
        bottom: 13px;
        z-index: 2
    }

    .safe-banner .flex-control-nav li {
        margin: 0 2px
    }

    .safe-banner .flex-control-nav li a {
        width: 12px;
        height: 12px;
        background: url(/templates/en/images/btn01.png) no-repeat center;
        background-size: 100% 100%;
        transition: background .3s;
        box-shadow: none
    }

    .safe-banner .flex-control-paging li a.flex-active,
    .safe-banner .flex-control-paging li a:hover {
        background: url(/templates/en/images/btn01_h.png) no-repeat center;
        background-size: 100% 100%;
        box-shadow: none
    }

    .safe-internet-nav {
        margin-bottom: 30px;
    }

    .safe-internet-nav .flexslider {
        margin: 0;
        border: 0;
        background: #fff;
    }

    .safe-info table td {
        border: 1px solid #000;
    }
	
	
	/*第一通栏开始*/
.index_box1{overflow:hidden;height:700px;}
.wrap {
	max-width: 1200px;
	clear: both;
	margin: 0 auto;
	 width:92%;
}
.index_box1Txt{
	clear:both;
	overflow:hidden;
	height:56px;
	}
.index_box1Txt span{
	display:block;
	clear:both;
	overflow:hidden;
	color:#666;
	font-size:16px;
	text-align:left;
	line-height:18px;
	}
.index_box1Txt span font{color:#ecb103;}
.index_box1TxtC{
	clear:both;
	overflow:hidden;
	line-height:14px;
	text-align:left;
	color:#8c8c8c;
	}
.index_dl1{
	clear:both;
	display:block;
	overflow:hidden;
	width:1250px;
	}
.index_dl1 dd{
	display:inline;
	float:left;
	width:290px;
	height:544px;
	overflow:hidden;
	margin:0 13px 0 0;
	position:relative;
	}
.index_dl1 dd p{
	display:block;
	width:290px;
	height:385px;
	overflow:hidden;
	}
.index_dl1 dd p img{
	display:block;
	width:290px;
	height:385px;
	}
.index_dl1 dd .dd_box{
	clear:both;
	overflow:hidden;
	}
.index_dl1 dd .dd_box span{
	clear:both;
	display:block;
	height:35px;
	margin:22px 0 0 0;
	overflow:hidden;
	}
.index_dl1 dd .dd_box span img{
	display:block;
	height:33px;
	margin:0 auto;
	}
.index_dl1 dd .dd_box em{
	clear:both;
	display:block;
	height:27px;
	margin:22px 0 0 0;
	line-height:27px;
	text-align:center;
	overflow:hidden;
	color:#4c4c4c;
	font-size:16px;
	font-style:normal;
	}
.index_dl1 dd .dd_box .txt{
	clear:both;
	overflow:hidden;
	padding:0 15px;
	color:#737373;
	text-align:center;
	line-height:24px;
	}
.index_dl1 dd .dd_box2{
	width:290px;
	height:0px;
	overflow:hidden;
	background:#E1251A;
	position:absolute;
	bottom:157px;
	left:0;
	z-index:11;
	}
.index_dl1 dd .dd_box2 span{
	clear:both;
	display:block;
	height:33px;
	margin:30px 0 0 0;
	overflow:hidden;
	}
.index_dl1 dd .dd_box2 span img{
	display:block;
	height:33px;
	margin:0 auto;
	}
.index_dl1 dd .dd_box2 em{
	clear:both;
	display:block;
	height:27px;
	margin:22px 0 0 0;
	line-height:27px;
	text-align:center;
	overflow:hidden;
	color:#ffffff;
	font-size:18px;
	font-style:normal;
	}
.index_dl1 dd .dd_box2 strong{
	clear:both;
	display:block;
	height:27px;
	line-height:27px;
	text-align:center;
	overflow:hidden;
	color:#ffffff;
	font-weight:normal;
	}
.index_dl1 dd .dd_box2 .txt{
	clear:both;
	overflow:hidden;
	padding:0 15px;
	height:100px;
	color:#fff;
	text-align:center;
	line-height:24px;
	 font-size:14px;
	margin:25px 0 0 0;
	}
.index_dl1 dd .dd_box2 .more{
	display:block;
	width:35px;
	height:35px;
	background:url(/templates/en/images/more.png) no-repeat center center;
	margin:0 auto;
	}

/*第一通栏结束*/







.anli img {
	display: block;
	width: 100%;
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: -webkit-crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}



.anli {
	overflow: hidden;
	margin:0 auto;
	width:100%;
	 text-align:center;
}

.anli ul li {
	width: 48.5%;
	float: left;
	margin-top: 1%;
	margin-left:1%;
	box-sizing: border-box;
	transition: all .6s ease 0s;
	overflow: hidden;
	

}


.anli ul li a {
	display: block;
	width: 100%;
	position: relative;
	height:auto!important;
}

.anli ul li a .img-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 1;
	background: #fff;
	transition: all .6s ease 0s;
}

.anli ul li a .img-bg .border-cs {
	width: 100%;
	height: 100%;
	/*position: absolute;*/

	box-sizing: border-box;
	text-align: center;

}

.anli ul li a .img{ width:100%; height:auto!important; background:#fff;}

.anli ul li a .img-bg .border-cs .img {
	display: inline-block;
	width: 100%;
	position: relative;
	top:0;

}
 
.anli ul li a:hover .img-bg {
	left: 0;
}

.anli li a .title {
	position: absolute;
	top: 20%;
	left: 5%;
	font-size:18px;
	color: #fff;
}

.anli li a .text_anli {
	position: absolute;
	top: 45%;
	left: 5%;
	width: 80%;
	font-size: 14px;
	color: #ccc;
	opacity: .9;
	 text-align:left;
}

.anli li a .text_anli p {
	line-height: 1.8;
}


/*.anli ul li:hover{
	border: 1px solid #E1251A;
}*/

.anli ul .img {
	overflow: hidden;
}


/*.anli ul .img img{
	transition: all .6s ease 0s;
}
.anli ul li:hover .img img{
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}*/

.anli ul .none:hover .img img {
	transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.anli ul .none:hover {
	border: 2px solid transparent;
}




.saymore {
	display: inline-block;
	width: 200px;
	height: 50px;
	color: #363636;
	overflow: hidden;
	border: 1px solid #363636;
	line-height: 50px;
	text-align: center;
	position: relative;
	font-size:15px;
	margin-top:20px;
	letter-spacing:normal;
}





.saymore .bgs {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background: #E1251A;
	z-index: 0;
	transition: all .6s ease 0s;
}

.saymore span {
	position: relative;
	transition: all .6s ease 0s;
	z-index: 1;
}

.saymore:hover span {
	color: #fff;
}

.saymore:hover .bgs {
	left: 0;
}





/*菜单*/
.service .selectBtn a .cn:before{content:""}
.service{padding-bottom:20px; background:#f1f1f1; padding-top:20px; overflow:hidden;}
.service .selectBtn{text-align:center;}
.service .selectBtn a{margin:0 10px;display:inline-block;padding:10px;width:180px;height:50px;text-align:left;transition:all .5s;white-space:nowrap;}
.service .selectBtn a.active,.service .selectBtn a:hover{background:-webkit-gradient(linear, 0% 0%, 100% 50%, from(#067EBE), to(#1AB4EB), color-stop(0.3, #067EBE));border-color:#067EBE;box-shadow:0 0 15px rgba(255,255,255,.2);color:#fff}
.service .selectBtn a.active .cn:before,.service .selectBtn a:hover .cn:before{width:100%;background-color:#fff}
.service .selectBtn a .boxbx{position:relative}
.service .selectBtn a:hover .cn,.service .selectBtn a:hover .en{color:#fff}
.service .selectBtn a:hover .cn:before{background-color:#fff}
.service .selectBtn a .cn{position:relative;padding-top:5px;font-size:16px;line-height:30px}
.service .selectBtn a .cn:before{position:absolute;top:0px;left:0;width:24px;transition:all .5s;height:2px;background-color:#067EBE}
.service .selectBtn a .en{font-size:12px; letter-spacing:normal;text-transform:Uppercase;}




@media only screen and (max-width:1023px){
.service{padding-bottom:5px; background:#eee; padding-top:5px;}
.service .selectBtn a{width:46%;height:60px;margin:0 1% 2% 1%;padding:1%;}

.service .selectBtn{margin-top:0px;padding-top:10px;text-align:left}
.service .selectBtn a .cn{font-size:14px;padding-top:15px;}
.service .selectBtn a .en{ display:none;}

}










.main{position:relative;z-index:1; background:#f1f1f1;}
.main .services-body:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.services-body *{ -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}

.services-body{ width:100%; max-width:100%;margin:0 auto;}
.content1350{  width: 100%; max-width:1400px; height:auto; position: relative; margin:0 auto;}


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

.content1350{  width: 100%; max-width:96%; height:auto; position: relative; margin:0 2%;}


}


.services-body .newBox {}
.services-body .newBox .list{ overflow: hidden; width:100%; }
.services-body .newBox .list li{ width:25%;border-left:1px solid #ccc;float: left; height: 520px; padding:35px 10px; text-align:left; position: relative;transition:all .5s;-webkit-transition:all .5s;}
.services-body .newBox .list li:hover{ background: #fff;}
.services-body .newBox .list li:hover .bg{ display: block\9; opacity:1;}
.services-body .newBox .list li:hover *{ color: #fff;}
.services-body .newBox .list li:hover .border{ background: #fff;}
.services-body .newBox .list li:hover .time{ padding-top: 20%; text-align:left; }
.services-body .newBox .list li:hover .more{ margin-bottom: 0; opacity: 1; display: block\9; }
.services-body .newBox .list li .bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: none\9; transition: .5s; -webkit-transition: .5s;background-size: auto 100%;background-position: center;}
.services-body .newBox .list li a{ position: relative; height: 100%; display: block; z-index: 2; color: #b2b2b2; padding: 0 7%; transition: .5s; -webkit-transition: .5s;}
.services-body .newBox .list .time{transition: .5s; -webkit-transition: .5s;padding-top: 10%; margin-bottom: 2%; font-size:20px; opacity: .6; font-family:"Times New Roman", Times, serif; letter-spacing:normal;}
.services-body .newBox .list .time span{ padding-right: 10px; margin-right: 10px;  display: inline-block; width:53px; height:53px;}

.services-body .newBox .list .time span.bg_1{ background:url(/templates/en/images/solution-website.png) no-repeat left top;}
.services-body .newBox .list li:hover .time span.bg_1{ background:url(/templates/en/images/hover-solution-website.png) no-repeat left top;}

.services-body .newBox .list .time span.bg_2{ background:url(/templates/en/images/solution-popularize.png) no-repeat left top;}
.services-body .newBox .list li:hover .time span.bg_2{ background:url(/templates/en/images/hover-solution-popularize.png) no-repeat left top;}

.services-body .newBox .list .time span.bg_3{ background:url(/templates/en/images/solution-border.png) no-repeat left top;}
.services-body .newBox .list li:hover .time span.bg_3{ background:url(/templates/en/images/hover-solution-border.png) no-repeat left top;}

.services-body .newBox .list .time span.bg_4{ background:url(/templates/en/images/solution-visualize.png) no-repeat left top;}
.services-body .newBox .list li:hover .time span.bg_4{ background:url(/templates/en/images/hover-solution-visualize.png) no-repeat left top;}

.services-body .newBox .list .tit{transition: .5s; -webkit-transition: .5s; font-size:16px; line-height: 30px; margin-bottom:0px; color: #000;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;}
.services-body .newBox .list .border{transition: .5s; -webkit-transition: .5s; width: 40px; height: 1px; background: #0190D2; margin-bottom:8px;}
.services-body .newBox .list .text{transition: .5s; -webkit-transition: .5s; line-height: 24px; color: #666666; text-align:left;font-size: 14px;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3; }

.services-body .newBox .list li a img{ max-width:100%; margin:15px 0;} 



/*分页*/
.pageshow{ padding:0px 0px; height:30px; line-height:30px; text-align:center; clear: both; width:100%; }
.pageshow a {padding: 0 8px;
    line-height: 25px;
    display: inline-block;
    border: 1px #bbb solid;
    margin: 2px;
    background: #ccc;
	font-size:14px; }

.pageshow a.pagefan ,.pageshow a:hover{
    background: #E1251A;border: 1px #E1251A solid; color:#FFFFFF;}
 .pageshow .curr{font-size:14px; margin:0 10px; }


@media (max-width: 1023px) {
.pageshow{ padding:15px 0px 30px 0; height:50px; line-height:30px; text-align:center; clear: both; width:100%; }
}



.news_righttitle{ font-size:18px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}

.news_left01{float:none; clear: both;width:100%; margin:10px 0 10px 0px;}
.news_left01 p{ font-size:15px; line-height:26px;}

.news_left02{float:left;width:63%; margin:20px 0 10px 0px;}

.news_left02 img{ max-width:100%;}

.news_right02{float:left;width:30%; margin:20px 3% 10px 3%;}
.news_right02 p{ font-size:15px; line-height:26px;}
.news_right02_title{ text-align:left; font-size:24px; line-height:40px; margin-bottom:0px;}
.news_right02_titlehr{ clear:both; width:50px; height:2px; background:#E1251A; margin:10px 0;}

.righttitle{ font-size:22px; line-height:50px; }

.news_righttitle{ font-size:18px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.news_more{float:right;font-size:16px; font-weight:300;color:#999;}
.news_more a{ font-size:14px; font-weight:300;color:#999;}
.news_more a:hover{color:#999; text-decoration:underline;}

.right_news_click{ text-align:center; line-height:20px; color:#999; position:relative; width:100%; font-size:14px; margin-bottom:0px;}


@media (max-width: 1300px) {
.news_righttitle{ font-size:16px;}
.right_news_click{ font-size:15px; }
.news_more{font-size:15px; }
}

@media (max-width: 1024px) {
.news_righttitle{ font-size:15px;}
.right_news_click{ font-size:14px; }
.news_more{font-size:14px; }






}

@media (max-width: 787px) {
.news_righttitle{ font-size:14px;}
.right_news_click{  font-size:13px; margin-bottom:5px;}
.news_more{font-size:13px; }

.news_right02_title{ text-align:left; font-size:16px; line-height:30px; margin-bottom:0px;}
.news_right02_titlehr{ clear:both; width:30px; height:1px; background:#E1251A; margin:10px 0;}



.news_left01{float:none; clear: both;width:100%; margin:10px 0 10px 0px;}
.news_left01 p{ font-size:15px; line-height:26px;}

.news_left02{float:none;width:100%; margin:10px 1% 10px 1%;}

.news_right02{float:none;width:100%; margin:10px 1% 10px 1%;}

}


.aboutk_tit{ text-align:center; font-size:22px; line-height:50px; padding-top:0px; font-weight:normal; color:#333;}

.right_news_click{ text-align:center; line-height:25px; color:#999; position:relative; width:100%;}
.right_news_click span{ position:absolute; right:25px; top:0px;}
.right_news_click span a{ margin-right:10px;}

.news_close{ position:absolute; right:5px; top:0;}

.text_neirong{line-height:25px;font-size:16px; padding:0 0px; }
.text_neirong p{ line-height:25px; font-size:16px;}
.text_neirong p img{ max-width:100%; max-height:100%; float:none; margin:20px auto; text-align:center;}
.neirong_pic{ text-align:center;}
.neirong_pic img{ margin:0 auto;max-width:100%; max-height:100%; } 
.text_neirong img{max-width:100%; max-height:100%; float:none; margin:20px auto; text-align:center;}

.text_neirong h4{ font-size:18px; line-height:35px; padding-bottom:0px; margin:10px 0;}


.text_neirong1{line-height:25px;font-size:15px;text-align:center; margin:0; padding:0; }
.text_neirong1 img{max-width:100%; max-height:100%; float:none; margin:0px auto; text-align:center;}
@media (max-width: 1023px) {
.aboutk_tit{ text-align:center; font-size:16px; line-height:30px; padding-top:0px;}

.text_neirong1{line-height:25px;font-size:14px; padding:0; }
.text_neirong1 p{ font-size:13px;}
.text_neirong{line-height:25px;font-size:14px; padding:0; }
.text_neirong p{ font-size:13px;}

.text_neirong h4{ font-size:16px; line-height:30px;margin:5px 0;}
}

@media (max-width: 639px) {
.text_neirong1{line-height:25px;font-size:12px; padding:0; }
.text_neirong1 p{ font-size:12px;}
.text_neirong{line-height:25px;font-size:12px; padding:0; }
.text_neirong1 p{ font-size:12px;}
.text_neirong h4{ font-size:14px; line-height:25px;margin:2px 0;}
}

.zhaiyao{ clear:both; width:98%; margin:15px auto; padding:5px 1%; line-height:26px; font-size:14px; text-align:left; background:#f4f4f4; }


.news_line{ clear:both; width:100%; border-top:1px solid #ddd;  line-height:28px; font-size:15px; padding:10px 2%;}
.news_line a{ font-size:15px;}

@media (max-width: 1300px) {
.news_line{ font-size:15px;}
.news_line a{ font-size:15px;}
}


@media (max-width: 1024px) {
.news_line{ font-size:14px;}
.news_line a{ font-size:14px;}
}

@media (max-width: 639px) {
.news_line{ font-size:13px; padding-bottom:5px;}
.news_line a{ font-size:13px;}
}


.about_box_top{ height:170px; padding:0px 0; margin-left:2%;}
.about_box_top ul li{ float:left; width:16%;}
.about_pic{ padding-top:-30px; float:left; margin-left:-30px;}
.about_box_top ul li h2{ padding-top:30px; font-weight: normal; font-size:40px; line-height:40px; position:relative;}
.about_box_top ul li h2 i{font-style:normal; font-size:50px; line-height:40px; }
.about_box_top ul li h2 span{ font-size:30px;top:60px; position:absolute; line-height:40px;}
.about_box_top ul li p{ font-size:16px; line-height:50px;}


.width1400{ max-width:1400px; margin:0 auto; position:relative;}




@media (max-width: 1400px) {
 .width1400 {
        position: relative;
        max-width:100%;
        margin: 0 auto;
        width: 96%;
    }


}

.footer_box a{ color:#fff;} 
.footer_box{ background: url(../image/bgFooter.jpg) no-repeat center bottom; width:100%; clear:both; height:420px; position:relative; }
.footer_box_pic{ float:right; margin-right:40px; margin-top:40px;}
.footer_box_pic img{ width:140px; height:140px;}
.footer_box_pic h2{ line-height:50px; font-size:14px; color:#fff; text-align:center;}
.footer_left { float:left;}
.footer_right { position:absolute; bottom:-4px; right:0px;}
.footer_link { padding-top:40px;}   
.footer_link ul li {position: relative; float: left;left: 0; margin: 0 20px; font-size: 14px;color: #fff; overflow: hidden; margin-top: 9px;cursor: pointer;}
.footer_link ul li div{padding-bottom:7px;}
.footer_link ul li a,.footer_link ul li a:hover{color:#fff;}
.footer_link ul li i{width: 100%; height: 1px;display: block;
   -webkit-transform: translateX(-110%);
   -moz-transform: translateX(-110%);
     -o-transform: translateX(-110%);
        transform: translateX(-110%);
    background:#E1251A;
   -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
  } 
.footer_link ul li:hover i,.footer_link ul li.cur i{
  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}

.foot_logo{ float:left; max-width:200px; padding:20px 0; background:#fff; margin-top:50px;}
.foot_logo img{ max-width:100%; max-height:100%;}

.footer_link ul li div a:hover{ color:#ddd;}
.foot_line{ clear: both; width:920px; padding-top:30px; position:relative; }
.contact_box{  max-width:1400px;margin-top:70px; height:270px;}
.contact_box_1{  float:right;}
.contact_box_1 p{color:#ddd; line-height:30px; padding-left:10px; font-size:15px;}
.contact_box_1 p span{font-size:25px; color:#ddd;}

.contact_box_2{ margin-top:35px; float:left;}
.contact_box_2 p{color:#ddd; line-height:30px; font-size:14px;}


.footer_bottom{ height:60px; border-top:1px solid #1A2C36; clear:both; width:100%;}
.footer_bottom p{ line-height:60px; color:#fff;font-size:14px; text-align:left;}
.footer_bottom p a{color:#ddd;}





.ui-rel {
    position: relative;
}
.ui-ab {
    position: absolute;
}

/*-- Index --*/

#wrapper {
    overflow: hidden;
    margin-top: -20px;
}

.column-item {
    z-index: 0;
    width: 25%;
    *width: 24.98%;
    color: #fff;
    transition: transform 0.5s ease-out;
    overflow: hidden;
}

.column-item > a {
    display: block;
    width: 100%;
    height: 100%;
}

.column-item img {
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transform-origin: center center;
	transition: -webkit-transform 8s ease-out;
}

.column-item img:hover{
	transform: scale(1.2);
	-webkit-transform:scale(1.2);
}

.column-3d {
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.column-sketch {
    display: none;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 200px;
    margin-top: -100px;
    color: #f69595;
    text-align: center;
}

.column-sketch-en {
    font: italic bold 21px/21px Arial;
    text-transform: uppercase;
}

.column-sketch-cn {
    font-size: 16px;
}

.column-sketch-info {
    width: 50%;
    margin: 20px auto;
    font-size: 12px;
    line-height: 2;
}

.italic-line {
    display: block;
    width: 24px;
    height: 17px;
    background: url(/templates/en/images/icon.png) no-repeat 0 0;
}

.column-icon {
    display: block;
    width: 24px;
    height: 29px;
    background: url(/templates/en/images/icon.png) no-repeat -24px 0;
}

.column-title-logo {
    position: absolute;
    top: 50%;
    left: 25px;
    z-index: 2;
    width: 100%;
    width: 200px;
    height: 62px;
    margin-top: -80px;
    /*background: url(../images/column-title-logo.png) no-repeat center top;*/
}

.column-title {
    top: 45%;
    left: 25px;
    z-index: 2;
    width: 100%;
}

.column-title h1 {
    display: none;
    font: italic bold 21px/21px Arial;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.column-title h2 {
    display: none;
    margin: 26px 0 0 5px;
    font-size: 18px;
    *font-weight: bold;
}
.column-title p {
    display: none;
    margin: 0px 0 0 5px;
    font-size: 14px;
	width:200px;
	 color:#ccc;

}

.column-title .italic-line {
    display: none;
    top: 47px;
    left: 31px;
}

.column-item:first-child .column-title {}

.column-item:first-child .column-title h2 {}

.column-item:first-child .column-title .italic-line {}

.column-icon {
    top: 145px;
    left: -24px;
    margin-left: -37px;
}




/*service*/

.ui-fl {
    float: left;
}

.ui-fr {
    float: right;
}

.ui-rel {
    position: relative;
}

.ui-ab {
    position: absolute;
}

.ui-fixed {
    position: fixed;
}

div[class ^="aph-"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 101%;
    height: 100%;
}

.aph-f27673 {
    background: #111;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.swiper-slide .title_shuzi{display: block; color:#f2f9fd;height: auto;position: absolute;top: 85%; 
margin-top:-50%;width: 100%;font-size:250px;left: 52%;margin-left: -50%;line-height: 30px;text-align: center; font-weight:normal;font-family:Geometr415 Blk BT ;z-index: -1; }
 

 .swiper-slide:hover .title_shuzi{ color: #fff;z-index:0; }
 
 
.animate05{-webkit-transition-duration:.5s; -moz-transition-duration:.5s; -ms-transition-duration:0.5s;transition-duration:.5s;}

.swiper-slide .fontw{width:100%;height: 100%; color: #fff; background:rgba(3,137,221,.5);position: absolute;right:100%;opacity: 0;display:none\9;  z-index: -1;}
.swiper-slide .fontw h2{display: block; color:#fff;height: auto;position: absolute;top: 85%; margin-top:-50%;width: 100%;font-size:320px;left: 52%;margin-left: -50%;line-height: 30px;text-align: center;font-weight:normal;font-family:Geometr415 Blk BT ; }
.swiper-slide .fontw h2 p{ width:20%; height:1px; background:#fff; display:block; line-height:28px; margin:10px auto;}
.swiper-slide .fontw h2 span{ font-size:16px; text-align:center; width:100%; display:block; line-height:28px;}
.swiper-slide:hover .fontw{opacity: 1;display:block\9; top:0;right:0;}
.swiper-slide:hover .fontw span{-webkit-transform: translateY(0px);}

@media (max-width: 1200px) {
.swiper-slide .fontw h2{line-height: 26px;font-size:18px;}
.swiper-slide .fontw h2 p{ width:20%; height:1px; background:#fff; display:block; line-height:26px; margin:8px auto;}
.swiper-slide .fontw h2 span{ font-size:14px;line-height:26px;}
}

@media (max-width: 639px) {
.swiper-slide .fontw h2{line-height: 24px;font-size:14px;}
.swiper-slide .fontw h2 p{ width:15%; height:1px; background:#fff; display:block; line-height:20px; margin:5px auto;}
.swiper-slide .fontw h2 span{ font-size:12px;line-height:20px;}
}


/*

#partnersI { float:left; margin:0px 0px;padding-left:15px;}
#partnersI .links li{width: 250px;height: 100px;position: relative; text-align:center; background:#fff;margin:10px 8px; float:left; border:1px solid #ccc;}
#partnersI .links li img{ width:200px; height:50px; padding-top:10px; line-height:100px;}
#partnersI .links li .fontW{width: 100%;height: 100%; color: #fff;background: #0190D2;position: absolute;top: 0;left: 0;opacity: 0;display:none\9;}
#partnersI .links li .fontW span{display: block;width: 100%;height: auto;position: absolute;top: 30px;width: 250px;font-size: 16px;left: 50%;margin-left: -125px;line-height: 24px;text-align: center;-webkit-transform: translateY(20px);-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
#partnersI .links li:hover .fontW{opacity: 1;display:block\9;}
#partnersI .links li:hover .fontW span{-webkit-transform: translateY(0px);}
@media (max-width: 639px) {

#partnersI {padding-left:0px;}
#partnersI .links li{width:31.33%;height:auto !important; margin:1% 1%;}
#partnersI .links li img{ width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:30px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}

}
@media (min-width: 640px) and (max-width:1023px ) {

#partnersI {padding-left:0px; clear:both; width:100%;}
#partnersI .links li{width:17%;height:auto !important; margin:2% 1%;}
#partnersI .links li img{ width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:40px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}


}*/

.imgbj1 {background-repeat:no-repeat!important;background-position:center center!important;background-size:100% 100%!important;}
.imgbj2 {background-repeat:no-repeat!important;background-position:center center!important;background-size:auto 100%!important;}
.imgbj3 {background-repeat:no-repeat!important;background-position:center center!important;background-size:100% auto!important;}
.imgbj4 {background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;}
.imgbj5 {background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;}
.imgbj1a {background-position:center center!important;background-size:100% 100%!important;background-repeat:no-repeat!important;}
/*banner图样式*/.bannertta {position:relative;width:100%;overflow:hidden;margin:0 auto;text-align:center;background:#fff;height:500px;z-index:1;}
.bannertta .bg_123 {background-position:0 center;width:100%;height:500px;margin:0 auto;text-align:center;-webkit-animation:banner_inside 1s ease 1 forwards;-moz-animation:banner_inside 1s ease 1 forwards;-o-animation:banner_inside 1s ease 1 forwards;animation:banner_inside 1s ease 1 forwards;overflow:hidden;}
.bannertta .bg_456 {background-position:0 center;width:100%;height:500px;margin:0 auto;text-align:center;-webkit-animation:banner_inside 1s ease 1 forwards;-moz-animation:banner_inside 1s ease 1 forwards;-o-animation:banner_inside 1s ease 1 forwards;animation:banner_inside 1s ease 1 forwards;overflow:hidden;}
.700gaodu {height:700px;}
@media screen and (max-width:1000px) {.bannertta {height:550px;}
}
@media screen and (max-width:787px) {.bannertta {height:400px;}
.bannertta .bg_123 {height:400px;-webkit-animation:bgg linear 50s infinite alternate;-moz-animation:bgg linear 50s infinite alternate;-o-animation:bgg linear 50s infinite alternate;animation:bgg linear 50s infinite alternate;}
.bannertta .bg_456 {height:400px;-webkit-animation:bgg linear 50s infinite alternate;-moz-animation:bgg linear 50s infinite alternate;-o-animation:bgg linear 50s infinite alternate;animation:bgg linear 50s infinite alternate;}
}

.feedback_box_tit{ clear:both; width:100%; text-align:left;}
.feedback_box_tit h4{ font-size:17px; font-weight:700; line-height:35px;}
.feedback_box_tit h5{ font-size:15px; font-weight: normal; line-height:28px;}

.home_lianxi {margin:1% 0;width:100%;}
.home_lianxi ul li {float:left;width:23%;margin:0 1%;text-align:left;min-height:190px;}
.home_lianxi h2 {font-size:16px;color:#fff;font-weight:700;}
.home_lianxi p {font-size:14px;color:#fff;}
@media screen and (max-width:1024px) {.home_lianxi {margin:1% 0;width:100%;display:none;}
.home_lianxi ul li {float:left;width:48%;margin:0 1%;text-align:left;min-height:170px;display:none;}
.home_lianxi h2 {font-size:16px;color:#fff;font-weight:700;}
.home_lianxi p {font-size:14px;color:#fff;}
}
.home_lianxi_contact { clear:both; width:96%; padding:2% 2%;}
.home_lianxi_contact ul li {float:left;width:48%;margin:10px 1%;text-align:left;}



.home_lianxi_join { clear:both; width:100%; overflow:hidden;}
.home_lianxi_join ul li {float:left;width:100%;margin:30px 0;text-align:left;min-height:170px;border-bottom:1px solid #ddd; padding-bottom:30px;}
.home_lianxi_join h2 {font-size:16px;font-weight:700;}
.home_lianxi_join p {font-size:14px;}


.n_contatct {background:#f1f1f1;width:100%;clear:both;}
.contact_box {clear:both;width:100%;max-width:96%; padding:0 2%;margin:0 auto; margin-top:45px;}
.contact_box h4 {font-size:90px;font-family:"微软雅黑";color:#9c9c9c;text-align:center;text-transform:uppercase;}
.contact_box h4 span {color:#E1251A;}
.contact_box h5 {text-align:center;font-size:32px;color:#696969;line-height:40px; margin-top:55px;}
.w1200_cont {background:#fff;position:relative;z-index:5;margin:0 auto;max-width:1200px;margin-top:-300px;}
.w1200_cont h3 {padding-top:10px;font-size:15px;font-weight:normal;padding-left:60px;line-height:40px;position:relative;}
.w1200_cont h3 span {color:#E1251A;}
.w1200_cont h3:before {position:absolute;content:"";width:40px;height:7px;background:#E1251A;left:0px;top:27px;}
.dianhua {clear:both;margin-top:35px;width:100%;background:#E1251A;height:70px;line-height:70px;position:relative;}
.dianhua p {color:#fff;font-size:24px;text-align:center;line-height:70px;}
.dianhua img {position:absolute;left:0px;top:-30px;max-width:100%;}
.n_con_lianxi { float:left; max-width:450px;margin-top:80px;padding-bottom:30px;position:relative;}
.n_con_lianxi h2 {font-size:16px;font-weight:700;}
.n_con_lianxi p {font-size:16px;line-height:35px;}

.n_con_lianxi .erweima img{max-width:150px; margin-top:30px;}

 .lianxi_pic { float:right; margin-top:60px;}



@media screen and (max-width:1220px) {
.w1200_cont {max-width:96%;margin-top:-420px;}
.contact_box h4 {font-size:80px;}
.contact_box h5 {font-size:28px;}
.dianhua {margin-top:25px;height:55px;line-height:55px;position:relative;}
.dianhua p {font-size:20px;line-height:55px;}
.contact_box {max-width:90%;}
.dianhua img {top:-30px;max-width:220px;}
.n_con_lianxi {margin-top:60px;}
}

@media screen and (max-width:1000px) {
.w1200_cont {margin-top:-450px;}
}



@media screen and (max-width:787px) {
.w1200_cont {margin-top:-380px;}
.contact_box h4 {font-size:60px;}
.contact_box h5 {font-size:20px;}
.dianhua {margin-top:15px;height:40px;line-height:40px;position:relative;}
.dianhua p {font-size:18px;line-height:40px;}
.dianhua img {top:-20px;max-width:160px;}
.n_con_lianxi {margin-top:40px;}


.home_lianxi_contact ul li {width:48%;margin:10px 1%;text-align:left;min-height: inherit; padding-bottom:20px;}
.home_lianxi_contact h2 {font-size:16px;}
.home_lianxi_contact p {font-size:14px;}


}

@media screen and (max-width:639px) {
.w1200_cont {margin-top:-380px;}
.w1200_cont h3 {font-size:13px;padding-left:35px;line-height:30px; padding-top:5px;}
.w1200_cont h3:before {position:absolute;content:"";width:30px;height:3px;background:#E1251A;left:0px;top:17px;}
.contact_box h4 {font-size:35px; line-height:35px; padding-top:5px;}
.contact_box h5 {font-size:18px;line-height:30px;margin-top: 10px; }
.dianhua {margin-top:10px;height:30px;line-height:30px;position:relative;}
.dianhua p {font-size:14px;line-height:30px;}
.dianhua img { display:none;}
.n_con_lianxi {margin-top:20px;padding-bottom:10px;}
.n_con_lianxi p {font-size:14px;line-height:24px;}
.n_con_lianxi img {position: relative;right: auto;top: auto; clear:both;max-width:120px; margin:10px 0;}

.home_lianxi_contact ul li { float:none;width:100%;margin:10px 0;text-align:left;min-height: inherit; padding-bottom:10px;}
.home_lianxi_contact h2 {font-size:15px;}
}


.tab{width:100%;}
.tab li{ margin-bottom:15px;}
.tab input ,.tab textarea{ width:100%;line-height:35px;padding: 10px 26px; font-size:14px; background:#f9f9f9;border: 1px solid #ccc;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#E1251A;}
.tab .sumbit{width: 100%; margin-top:15px; cursor:pointer;border-style:solid;border-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;  font-size:14px;padding: 5px 50px; background:#E1251A; color:#fff; font-size:18px;}
.tab .sumbit:hover{ background-color:#fff; color:#E1251A;}

.tab2 td{ padding-bottom:10px;border-bottom:1px dotted #ccc;}
.tab2 span{ float:right; font-size:13px; font-weight:normal; color:#de1d1e;}


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


.tab input ,.tab textarea{ font-size:12px; padding-left:5px;line-height:30px;}
.tab .sumbit{ font-size:12px; padding:5px 10px;}


.map{margin-top:20px;width:100%; height: 300px;}
.tab{width:100%;}
.tab .sumbit{padding: 5px 30px;}

}

.clear {
	clear: both;
	overflow: hidden
}


/*banner图样式*/
.bannertt {
    position: relative;
    width: 100%;
    overflow: hidden;
	 margin:0 auto;
	 text-align:center;
	 background:#fff;
	 height: 450px;
	 z-index:1;



}

.bannertt picture img {
    -webkit-animation: banner_inside 20s ease 1 forwards;
    -moz-animation: banner_inside 20s ease 1 forwards;
    -o-animation: banner_inside 20s ease 1 forwards;
    animation: banner_inside 20s ease 1 forwards;

}

.bannertt picture{position: absolute; left:50%; width:4000px; margin-left:-2000px;}



.bannertt .div01{position: absolute; left:50%; width:4000px; margin-left:-2000px;}


@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
        transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


.banner_txt{text-align:center;z-index: 5; height:100%;width: 1200px;  margin:0 auto; position:relative;}
.banner_txt_a{ position:absolute; }
.banner_txt1{ clear:both;font-size:30px; position:absolute;left:50%; margin-left:-50%;top:-20%; width:100%;  font-weight:bold;color:#fff; text-align:center;}
.banner_txt2{ clear:both;font-size:30px; position:absolute;left: auto;top:42%;width:100%;  font-weight:bold;color:#fff; text-align:left; }
.banner_txt3{ clear:both;font-size:24px; position:absolute;left: auto;top:54%;  font-weight:normal;color:#fff; text-align:left;width:100%;}

.banner_txt4{ clear:both;font-size:35px; position:absolute;left: auto;top:40%;  font-weight:normal;color:#fff; text-align:center;width:100%;}
.banner_txt5{ clear:both;font-size:20px; position:absolute;left:0;top:50%;  font-weight:normal;color:#fff; text-align:center; line-height:30px;width:100%;}

.w1200{ max-width:1000px; margin:0 auto;}

.ziti_contact{text-align:center; font-size:35px; font-weight:normal; letter-spacing: normal;;}

@media screen and (max-width:1440px) {
.bannertt { }
.banner_txt2{font-size:35px;top:40%;width:100%; }
.banner_txt3{ font-size:20px; top:55%;}
}
@media screen and (max-width:1280px) {
.bannertt { }
.banner_txt2{font-size:28px;top:40%;width:100%; left:5%; }
.banner_txt3{ font-size:18px; top:52%;left:5%;}
}

.allpic img{width:100% ;max-height: 100%;max-width: 100%;}
.allpic{ padding-top:0px;display:block;  position:relative; z-index:0;text-align:center;}
.allpic H3{ font-size:40px; color:#fff; font-weight:700; left: auto; position:absolute;top:40%; width:100%; text-align:center;}
.allpic H4{ font-size:20px; letter-spacing: normal; color:#fff; font-weight: normal; left: auto; position:absolute; top:44%; text-align:left; line-height:30px; width:100%; text-align:center;}


@media (max-width:639px){
.allpic H3{ font-size:16px;  font-weight:700; top:48%; text-align:left; left:5%; }
.allpic H4{ font-size:14px; font-weight: normal; top:40%; text-align:left; left:5%; } 
.allpic H4 p{ font-size:13px; margin-bottom:0;} 
}



.hidd1{ display:block;}
.hidd{ display:none;}

@media screen and (max-width:1024px) {
.hidd1{ display:none;}
.hidd{ display: block;}
}



.toutiao_box{ clear: both;  width: 100%;margin-top: 50px; }

.toutiao_box_left{ float: left;width: 50%;position: relative; }
.toutiao_pic{ display: block; width: 100%;}
.toutiao_pic img{ width: 100%;  }
.toutiao_box_left h2{ font-size: 16px;position: absolute; left: 0 ;bottom: 0;  width: 100%;  height: 50px;line-height: 50px;background: rgba(0,0,0,.3);text-align: center;  }
.toutiao_box_left h2 a{ color: #fff; }

.toutiao_box_right{ float: left; width: 45%;margin-left: 5%; }
.toutiao_date{ float: left; width: 20%;max-width: 100px;border-right: 1px solid #ccc ;padding-right: 5%; }
.toutiao_date h2{ font-size: 21px;color: #D9271B;letter-spacing: 0;line-height: 40px;  }
.toutiao_date h3{ font-size: 14px; color: #D9271B; letter-spacing: 0; }


.toutiao_box_right ul{ margin-top: -35px; }
.toutiao_box_right ul li {  clear: both; width: 100%; padding: 35px 0;text-align: left; }
.toutiao_box_right ul li h4{  font-size: 18px;text-align: left; width: 70%;margin-left: 5%; float: left;  }
.toutiao_box_right ul li h4 a{ font-weight: 700; }



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

.toutiao_box{ clear: both;  width: 100%;margin-top: 20px; }

.toutiao_box_left{ float: none;width: 100%;position: relative; }
.toutiao_pic{ display: block; width: 100%;}
.toutiao_pic img{ width: 100%;  }
.toutiao_box_left h2{ font-size: 16px;position: absolute; left: 0 ;bottom: 0;  width: 100%;  height: 50px;line-height: 50px;background: rgba(0,0,0,.3);text-align: center;  }
.toutiao_box_left h2 a{ color: #fff; }

.toutiao_box_right{ float: none; width: 100%;margin-left: 0;margin-top: 0; }
.toutiao_date{ float: left; width: 20%;max-width: 100px;border-right: 1px solid #ccc ;padding-right: 5%; }
.toutiao_date h2{ font-size: 21px;color: #D9271B;letter-spacing: 0;line-height: 40px;  }
.toutiao_date h3{ font-size: 14px; color: #D9271B; letter-spacing: 0; }


.toutiao_box_right ul{ margin-top: 0; }
.toutiao_box_right ul li {  clear: both; width: 100%; padding: 25px 0;text-align: left; }
.toutiao_box_right ul li h4{  font-size: 16px;text-align: left; width: 70%;margin-left: 5%; float: left;font-weight: 400; }
.toutiao_box_right ul li h4 a{ font-weight: 400; }

}

.classBox{
position:relative;z-index:10
}


.classBoxRow{
margin-bottom:0px;background-color:#f7f7f7;border-bottom:1px solid #dcdcdc
}

.classBoxRow .classLink{max-width:1340px;margin:auto;padding:0 20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex
}
.classBoxRow .classLink li:last-child a{
border-right:1px solid #dcdcdc
}.classBoxRow .classLink a{
min-width:260px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15.5px;color:#666;font-size:16px;font-weight:500;border-left:1px solid #dcdcdc;background-color:#f7f7f7;letter-spacing:0.9px;text-align:center;position:relative
}
.classBoxRow .classLink a:before{
position:absolute;left:0;bottom:0;width:0;height:4px;content:"";background:rgb(0,201,151);background:linear-gradient(41deg,rgb(255,37,26) 0%,rgb(255,37,26) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E1251B",endColorstr="#0017c5",GradientType=1);background-size:150% 100%;-webkit-transition:all 0.5s;transition:all 0.5s
}
.classBoxRow .classLink a.active,.classBoxRow .classLink a:hover{
color:#333;background-color:#fff
}
.classBoxRow .classLink a.active:before,.classBoxRow .classLink a:hover:before{
width:100%
}




  @media only screen and (max-width:1366px){
	  
	  
	
	  
	  .classBoxRow .classLink{max-width:100%;}
	 .classBoxRow .classLink a{
	  min-width: auto;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15.5px;color:#666;font-size:15px;font-weight:500;border-left:1px solid #dcdcdc;background-color:#f7f7f7;letter-spacing:0.9px;text-align:center;position:relative; width: 100%;
	  }
	  
	  




  @media only screen and (max-width:639px){
	   .classBoxRow .classLink{  padding:0; }
	   .classBoxRow .classLink a{
	    min-width: 80px;height:100%;padding:7px 10px;color:#666;font-size:14px;font-weight:500;border-left:1px solid #dcdcdc;background-color:#f7f7f7;letter-spacing:0.9px;text-align:center;position:relative; width: 100%;
	    }
	   
	   
	  }
}

.classBoxRow_pro{
margin-bottom:0px;background-color:#f7f7f7;border-bottom:1px solid #dcdcdc
}

.classBoxRow_pro .classLink{max-width:1400px;margin:auto;padding:0 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex
}
.classBoxRow_pro .classLink li:last-child a{
border-right:1px solid #dcdcdc
}.classBoxRow_pro .classLink a{
min-width:160px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15.5px;color:#666;font-size:16px;font-weight:500;border-left:1px solid #dcdcdc;background-color:#f7f7f7;letter-spacing:0.9px;text-align:center;position:relative
}
.classBoxRow_pro .classLink a:before{
position:absolute;left:0;bottom:0;width:0;height:4px;content:"";background:rgb(0,201,151);background:linear-gradient(41deg,rgb(255,37,26) 0%,rgb(255,37,26) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E1251B",endColorstr="#0017c5",GradientType=1);background-size:150% 100%;-webkit-transition:all 0.5s;transition:all 0.5s
}
.classBoxRow_pro .classLink a.active,.classBoxRow_pro .classLink a:hover{
color:#333;background-color:#fff
}
.classBoxRow_pro .classLink a.active:before,.classBoxRow_pro .classLink a:hover:before{
width:100%
}






  @media only screen and (max-width:639px){
	   .classBoxRow_pro .classLink{  padding:0; }
	   .classBoxRow_pro .classLink a{
	    min-width: 80px;height:100%;padding:7px 10px;color:#666;font-size:14px;font-weight:500;border-left:1px solid #dcdcdc;background-color:#f7f7f7;letter-spacing:0.9px;text-align:center;position:relative; width: 100%;
	    }
	   
	   
	  }
}



.infoBox .title {
  color: #E1251A;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1.2;
}
.infoBox .title span {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  font-size:26PX;
  color:#111;
}
.infoBox .title span:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #E1251A;
}
.infoBox .subTitle {
  color: #424242;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-top: 15px;
  text-transform: uppercase;
}
.infoBox .text {
margin-top: 21px;
}
.infoBox .text p{  color: #616161;
  font-size: 15px;
  letter-spacing: normal;
  line-height:26px;
}

.about_box{ clear:both; width:100%; padding:25px 0;}
.about_box .left { float:left; width:50%; max-width:680px;}
.about_box .left img{ max-width:100%;}
.about_box .right { float:left; width:45%; margin-left:5%;}


@media (max-width: 768px) {
 
.about_box .left,.about_box .right {
    width: 100%; float:none;
	margin-left: 0;
  }
 
 .infoBox .title {
 
   font-size: 16px;

   letter-spacing: 1px;
   margin-top: 15px;

 }
 
 .infoBox .subTitle {
   
   font-size: 15px;
   letter-spacing: normal;
   margin-top: 10px;

 }
 .infoBox .text p{ 
	 font-size: 14px;
	 line-height: 24px;
	 
	 
 }
 
}



.visionArea {
  padding-top: 116px;
  padding-bottom: 85px;
  background: #ececec;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1em, rgba(206, 204, 202, 0.2)), color-stop(0.1em, transparent)), -webkit-gradient(linear, left top, right top, color-stop(0.1em, rgba(206, 204, 202, 0.2)), color-stop(0.1em, transparent));
  background-image: linear-gradient(rgba(206, 204, 202, 0.2) 0.1em, transparent 0.1em), linear-gradient(90deg, rgba(206, 204, 202, 0.2) 0.1em, transparent 0.1em);
  background-size: 17px 17px;
  height: 100%;
}
@media (min-width: 1181px) {
  .visionArea {
    min-height: 810px;
  }
}
@media (max-width: 1180px) {
  .visionArea {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
@media (max-width: 480px) {
  .visionArea {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.visionArea .wrap {
  position: relative;
  max-width:1360px;
  margin:0 auto;
}
@media (min-width: 1181px) {
  .visionArea .infoBox {
    max-width: 450px;
    position: absolute;
    left: 20px;
    top: 0;
	z-index:9;
  }
}
.visionArea .innerBox { 
  position: relative;
}
.visionArea .innerBox .cones_img img {
  margin: auto;
}
.visionArea .innerBox .cones_img img {
  margin:0 auto;
  max-width:100%;
  height:auto;
 display:block;
}
@media (min-width: 993px) {
  .visionArea .innerBox .visionList {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
}
@media (max-width: 992px) {
  .visionArea .innerBox .visionList {
    padding: 0 20px;
  }
}
.visionArea .innerBox .visionList .visionItem {
  width: 100%;
  border-radius: 5px 0 0 5px;
  background-color: #ffffff;
  position: relative;
}
.visionArea .innerBox .visionList .visionItem:before, .visionArea .innerBox .visionList .visionItem:after {
  position: absolute;
  width: 80%;
  height: 2px;
  content: "";
  pointer-events: none;
}
.visionArea .innerBox .visionList .visionItem:before {
  top: -2px;
}
.visionArea .innerBox .visionList .visionItem:after {
  bottom: -2px;
}
.visionArea .innerBox .visionList .visionItem:nth-child(1) {
  max-width: calc(50% - 171.5px);
  /*780px*/
  border: 2px solid #e65d60;
}
.visionArea .innerBox .visionList .visionItem:nth-child(1) .item:before {
  background: rgb(230,93, 96);
  background: linear-gradient(41deg, rgba(230,93, 96, 0) 0%, rgb(230,93, 96) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e65d60",endColorstr="#e65d60",GradientType=1);
}
.visionArea .innerBox .visionList .visionItem:nth-child(1) .item .Txt {
  max-width: 340px;
}
@media (max-width: 1600px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(1) {
    max-width: calc(50% - 166.5px);
  }
}
@media (max-width: 1440px) {
  .visionArea .innerBox .visionList .visionItem:nth-chil  d(1) {
    max-width: calc(50% - 126.5px); 
  }
}
@media (max-width: 1180px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(1) {
    max-width: calc(50% + 110px);
  }
}
@media (max-width: 992px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(1) {
    max-width: 100%;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(1):before, .visionArea .innerBox .visionList .visionItem:nth-child(1):after {
    display: none;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(1) .item:before {
    display: none;
  }
}
.visionArea .innerBox .visionList .visionItem:nth-child(2) {
  max-width: calc(50% - 351.5px);
  /*600px*/
  border: 2px solid #af3134;
  margin-top: 45px;
}
.visionArea .innerBox .visionList .visionItem:nth-child(2) .item:before {
  background: rgb(175, 49, 52);
  background: linear-gradient(41deg, rgba(175, 49, 52, 0) 0%, rgb(175, 49, 52) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af3134",endColorstr="#af3134",GradientType=1);
}
.visionArea .innerBox .visionList .visionItem:nth-child(2) .item .Txt {
  max-width: 315px;
}
@media (max-width: 1600px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(2) {
    max-width: calc(50% - 301.5px);
    margin-top: 30px;
  }
}
@media (max-width: 1440px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(2) {
    max-width: calc(50% - 251.5px);
  }
}
@media (max-width: 1180px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(2) {
    max-width: calc(50% + 10px);
  }
}
@media (max-width: 992px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(2) {
    max-width: 100%;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(2):before, .visionArea .innerBox .visionList .visionItem:nth-child(2):after {
    display: none;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(2) .item:before {
    display: none;
  }
}
.visionArea .innerBox .visionList .visionItem:nth-child(3) {
  max-width: calc(50% - 401.5px);
  /*550px*/
  border: 2px solid #921929;
  border-radius: 0 5px 5px 0;
  border-left: 0;
}
.visionArea .innerBox .visionList .visionItem:nth-child(3):before, .visionArea .innerBox .visionList .visionItem:nth-child(3):after {
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(41deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.visionArea .innerBox .visionList .visionItem:nth-child(3) .item {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.visionArea .innerBox .visionList .visionItem:nth-child(3) .item:before {
  right: -110px;
  background: rgb(146, 25, 41);
  background: linear-gradient(41deg, rgb(146, 25, 41) 0%, rgba(146, 25, 41, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#921929",endColorstr="#921929",GradientType=1);
}
.visionArea .innerBox .visionList .visionItem:nth-child(3) .item .Img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.visionArea .innerBox .visionList .visionItem:nth-child(3) .item .Txt {
  max-width: 260px;
  padding-right: 20px;
  text-align: right;
}
@media (max-width: 1600px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(3) {
    max-width: calc(50% - 351.5px);
    margin-top: -20px;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3) .item {
    padding-left: 15px;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3) .item:before {
    right: -50px;
  }
}
@media (max-width: 1440px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(3) {
    max-width: calc(50% - 311.5px);
  }
}
@media (max-width: 1180px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(3) {
    border-radius: 5px 0 0 5px;
    border-right: 0;
    margin-left: auto;
    border-left: 2px solid #0018c5;
    max-width: calc(50% - 75px);
    margin-top: 30px;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3):before, .visionArea .innerBox .visionList .visionItem:nth-child(3):after {
    left: auto;
    right: -1px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3) .item {
    padding-left: 30px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3) .item:before {
    right: auto;
    left: -50px;
    background: rgb(0, 24, 197);
    background: linear-gradient(41deg, rgba(0, 24, 197, 0) 0%, rgb(0, 24, 197) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0018c5",endColorstr="#0018c5",GradientType=1);
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3) .item .Img {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3) .item .Txt {
    padding-left: 20px;
    padding-right: 0;
    text-align: left;
  }
}
@media (max-width: 992px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(3) {
    max-width: 100%;
    border-radius: 5px;
    border-right: 2px solid #0018c5;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3):before, .visionArea .innerBox .visionList .visionItem:nth-child(3):after {
    display: none;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3) .item {
    padding-left: 20px;
  }
  .visionArea .innerBox .visionList .visionItem:nth-child(3) .item:before {
    display: none;
  }
}
.visionArea .innerBox .visionList .visionItem:nth-child(1), .visionArea .innerBox .visionList .visionItem:nth-child(2) {
  margin-right: 0;
  margin-left: auto;
  border-radius: 5px 0 0 5px;
}
@media (min-width: 993px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(1), .visionArea .innerBox .visionList .visionItem:nth-child(2) {
    border-right: 0;
  }
}
.visionArea .innerBox .visionList .visionItem:nth-child(1):before, .visionArea .innerBox .visionList .visionItem:nth-child(1):after, .visionArea .innerBox .visionList .visionItem:nth-child(2):before, .visionArea .innerBox .visionList .visionItem:nth-child(2):after {
  right: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(41deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.visionArea .innerBox .visionList .visionItem:nth-child(1) .item:before, .visionArea .innerBox .visionList .visionItem:nth-child(2) .item:before {
  left: -110px;
}
.visionArea .innerBox .visionList .visionItem:nth-child(1) .item .Txt, .visionArea .innerBox .visionList .visionItem:nth-child(2) .item .Txt {
  padding-left: 20px;
}
@media (max-width: 1600px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(1) .item:before, .visionArea .innerBox .visionList .visionItem:nth-child(2) .item:before {
    left: -50px;
  }
}
@media (max-width: 992px) {
  .visionArea .innerBox .visionList .visionItem:nth-child(1), .visionArea .innerBox .visionList .visionItem:nth-child(2) {
    border-radius: 5px;
  }
}
.visionArea .innerBox .visionList .visionItem .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 44px;
  position: relative;
}
.visionArea .innerBox .visionList .visionItem .item:before {
  position: absolute;
  width: 110px;
  height: 2px;
  content: "";
}
.visionArea .innerBox .visionList .visionItem .item .Img {
  width: 84px;
}
.visionArea .innerBox .visionList .visionItem .item .Txt {
  width: calc(100% - 84px);
}
.visionArea .innerBox .visionList .visionItem .item .Txt .text {
  color: #616161;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.8px;
  line-height: 1.5625;
}
@media (max-width: 1600px) {
  .visionArea .innerBox .visionList .visionItem .item {
    padding: 44px 30px;
  }
  .visionArea .innerBox .visionList .visionItem .item:before {
    width: 50px;
  }
}
@media (max-width: 1440px) {
  .visionArea .innerBox .visionList .visionItem .item {
    padding: 25px 30px;
  }
}
@media (max-width: 1180px) {
  .visionArea .innerBox .visionList .visionItem .item {
    padding: 20px 30px;
  }
}
@media (max-width: 992px) {
  .visionArea .innerBox .visionList .visionItem .item {
    padding: 20px;
  }
}
@media (max-width: 1600px) {
  .visionArea .innerBox .cones_img {
    max-width: 650px;
    margin: auto;
  }
}
@media (max-width: 1440px) {
  .visionArea .innerBox {
    margin-top: 8%;
  }
  .visionArea .innerBox .cones_img {
    max-width: 550px;
  }
}
@media (max-width: 1180px) {
  .visionArea .innerBox {
    margin-top: 60px;
  }
  .visionArea .innerBox .cones_img {
    margin-left: 0;
    padding-left: 20px;
  }
}
@media (max-width: 992px) {
  .visionArea .innerBox {
    margin-top: 40px;
  }
  .visionArea .innerBox .cones_img {
    margin-left: auto;
    padding-right: 20px;
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .visionArea .innerBox {
    margin-top: 30px;
  }
  .visionArea .innerBox .cones_img {
    padding-bottom: 35px;
  }

}




.awardArea {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .awardArea {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.awardArea .titleBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
}
.awardArea .titleBar .infoBox {
  width: calc(100% - 107px);
}
.awardArea .titleBar .arrowBox {
  padding-top: 0;
}
@media (max-width: 480px) {
  .awardArea .titleBar .infoBox {
    width: 100%;
  }
}
.awardArea .arrowBox.mb {
  display: none;
  padding-top: 35px;
}
@media (max-width: 480px) {
  .awardArea .arrowBox.pc {
    display: none;
  }
  .awardArea .arrowBox.mb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
  }
}
.awardArea .year {
  color: #383838;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.5;
}
.awardArea .year span {
  color: #383838;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  letter-spacing: 0.45px;
  line-height: 1.5;
  margin-left: 8px;
}
.awardArea .awardYearBox {
  position: relative;
  margin-bottom: 60px;
}
.awardArea .awardYearBox:after {
  position: absolute;
  left: 0;
  bottom: 7px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
  z-index: -1;
}
.awardArea .awardYearBox .awardYearList > .awardYearItem {
  float: left;
  width: 25%;
}
.awardArea .awardYearBox .awardYearList > .awardYearItem:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
@media (max-width: 640px) {
  .awardArea .awardYearBox .awardYearList > .awardYearItem {
    width: 33.3333333333%;
  }
  .awardArea .awardYearBox .awardYearList > .awardYearItem:nth-child(4) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	
  }
  }
  .awardArea .awardYearBox {
    position: relative;
    margin-bottom: 20px;
  }
  
  
  
}
@media (max-width: 480px) {
  .awardArea .awardYearBox .awardYearList > .awardYearItem {
    width: 50%;
  }
  .awardArea .awardYearBox .awardYearList > .awardYearItem:nth-child(3) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
}
.awardArea .awardYearBox .awardYearList .awardYearItem.slick-current .year, .awardArea .awardYearBox .awardYearList .awardYearItem.current .year {
  color: #E1251A;
}
.awardArea .awardYearBox .awardYearList .awardYearItem.slick-current .year:before, .awardArea .awardYearBox .awardYearList .awardYearItem.current .year:before {
  opacity: 1;
}
.awardArea .awardYearBox .awardYearList .awardYearItem.slick-current .year:after, .awardArea .awardYearBox .awardYearList .awardYearItem.current .year:after {
  width: 7px;
  height: 7px;
  background-color: #E1251A;
  bottom: 4px;
}
.awardArea .awardYearBox .awardYearList .awardYearItem .year {
  color: #898989;
  font-size: 20px;
  text-align: center;
  padding: 28px 0;
  position: relative;
  cursor: pointer;
  font-weight:300;
}
.awardArea .awardYearBox .awardYearList .awardYearItem .year:before, .awardArea .awardYearBox .awardYearList .awardYearItem .year:after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  border-radius: 50%;
  display: block;
}
.awardArea .awardYearBox .awardYearList .awardYearItem .year:before {
  width: 15px;
  height: 15px;
  border: 1px solid #E1251A;
  bottom: 0;
  opacity: 0;
}
.awardArea .awardYearBox .awardYearList .awardYearItem .year:after {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  bottom: 2.5px;
}
.awardArea .awardBox .awardList {
  max-width: 1200px;
  margin: auto;
}
.awardArea .awardBox .awardList > .awardItem:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.awardArea .awardBox .awardList .awardItem {
  padding: 0 10px;
}
.awardArea .awardBox .awardList .awardItem .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.awardArea .awardBox .awardList .awardItem .Img {
  width: 350px;
}
.awardArea .awardBox .awardList .awardItem .Img img {
  width: 100%;
}
.awardArea .awardBox .awardList .awardItem .Txt {
  width: calc(100% - 350px);
  padding-left: 80px;
}
.awardArea .awardBox .awardList .awardItem .Txt .title {
  color: #1a1a1a;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 18px;
}
.awardArea .awardBox .awardList .awardItem .Txt .text {
  color: #363636;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  margin-top:0;
  overflow: hidden;
  vertical-align:text-top;
}
@media (max-width: 992px) {
  .awardArea .awardBox .awardList .awardItem .Txt {
    padding-left: 35px;
  }
}
@media (max-width: 768px) {
  .awardArea .awardBox .awardList .awardItem .Img {
    width: 45%;
  }
  .awardArea .awardBox .awardList .awardItem .Txt {
    width: 55%;
  }
  .awardArea .awardBox .awardList .awardItem .Txt .title,
.awardArea .awardBox .awardList .awardItem .Txt .text {
    margin-top: 5px;
  }
}
@media (max-width: 640px) {
  .awardArea .awardBox .awardList .awardItem .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .awardArea .awardBox .awardList .awardItem .Img,
.awardArea .awardBox .awardList .awardItem .Txt {
    width: 100%;
  }
  .awardArea .awardBox .awardList .awardItem .Txt {
    padding-left: 0;
    padding-top: 20px;
  }
}




.n_about_box{ width:100%; margin:0 auto; text-align:center;}
.n_about_box h1{ font-size:36px; color:#363636; text-align:center;padding:35px 0 0px 0; line-height:40PX; color: #E1251A;text-transform: uppercase;font-family:Geometr415 Blk BT;}
.n_about_box h3{ font-size:24px; color:#363636; text-align:center; font-weight:300; padding:0px 0 10px 0;}
.n_about_box h2{ font-size:24px; color:#363636; text-align:center; font-weight:700; padding:0px 0 10px 0;}
.n_about_box h2 p{ font-size:22px; display: inline-block; font-weight:normal;}
.n_about_box p{line-height:28px; font-size: 15px;color:#181818;text-align: center; }

.about_left{ float:none; width:100%; text-align:center;}
.about_right{ float:right; width:35%; text-align:right; margin-top:50px;}
.about_right img{ max-width:90%; max-height:90%;}


@media (max-width:787px){

.n_about_box{height: auto; padding-bottom:10px; padding-left:1%; padding-right:1%; padding-top:10px; }
.n_about_box h2{ font-size:15px; padding:10px 0 0px 0;}
.n_about_box h2 p{ font-size:13px; line-height:22px;}
.n_about_box p{line-height:22px; font-size: 13px;color:#181818;}

.about_left{ float:none; width:100%; margin-right:0;}
.about_right{ display:none;}

.n_about_box h3{font-size:16px; line-height:24px;font-weight: 700;padding: 0; }

}



.jigou_box{ width:100%; background: url(../image/wenhua2.jpg) no-repeat; padding:0px 0; background-size: cover; }



.wenhua_text{ clear:both; width:100%; margin-top:30px; padding-bottom:70px;}
.wenhua_text p{ font-size:16px; line-height:32px; text-align:center; color:#fff;}

.oneBox4{ font-size:0;width:100%; display:inline-block; overflow:hidden;}
.oneBox4 li{ width:20%; padding:0; font-size:16px; vertical-align:top; color:#fff; line-height:28px; display:inline-block; text-align:center; float:left;}
.oneBox4 li a{ display:block; height:100%; color:#fff; padding:100px 25px 70px 25px; transition:all 0.5s ease 0s;}
.oneBox4Img{ width:126px; height:126px; position:relative; overflow:hidden; margin:0 auto; display:table;}
.oneBox4ImgBg{ display:block; position:absolute; right:0; bottom:0; left:0; top:0; background:url(../image/oneBox4ImgBg.png) center center no-repeat; background-size:cover; transition:all 0.5s ease 0s;}
.oneBox4Img > div{ display:table-cell; vertical-align:middle;}
.oneBox4Img img{ margin:0 auto; max-width:40%;}
.oneBox4Tit{ font-size:20px; color:#fff; line-height:33px; padding:20px 0 10px 0;}
.oneBox4Brief{ line-height:28px; height:120px; overflow:hidden; text-align:center;}
.oneBox4 li a:hover{ background: rgba(0,144,210,.5); cursor:default;}
.oneBox4 li a:hover .oneBox4ImgBg{ transform:rotate(45deg);}

@media (max-width:1600px){
    .oneBox4 li a{ padding:50px 15px 50px 15px;}
	.oneBox4Img{ width:115px; height:115px;}
	}
	
	@media (max-width:1200px){	
	.oneBox4 li a{ padding:40px 10px;}
	.oneBox4Tit{ padding:10px 0;}	
	
	}
	
	@media (max-width:992px){
	.oneBox4{ padding:10px 0;}
	.oneBox4 li{ width:33.33%;}
	.oneBox4 li a{ padding:15px 10px;}	
	}
	
	@media (max-width:640px){	
	.oneBox4 li{ width:50%;}
	.oneBox4Img{ width:80px; height:80px;}
	.oneBox4Tit{ font-size:16px;line-height:26px; padding:10px 0 10px 0;}
	.oneBox4Brief{ line-height:24px; height: auto; overflow:hidden; text-align:center;}
	.oneBox4Brief p{ font-size:14px;}
	
	.wenhua_text{ clear:both; width:96%; margin-left:2%; margin-top:0px; padding-bottom:10px; }
	.wenhua_text p{ font-size:14px; line-height:24px; text-align:left;}
	}
	

.qiehuandingwei{ clear:both; width:100%; text-align:center; margin-top:100px;}
@media (max-width: 639px) {
.qiehuandingwei{ clear:both; width:100%; text-align:center; margin-top:10px;}
}

.qiehuandingwei_n{ clear:both; width:100%; text-align:center; margin-top:0px;}



/* product */
.product{
	position: relative;
	width: 100%;
	max-width:1300px;
	margin: 0 auto;

}


@media only screen and (max-width:1500px) {
.product{max-width:1200px;}
}



@media only screen and (max-width:787px) {
.product{max-width:100%;}


}


.product .row{

}

.product .tab-content{
	display: block;

}

/* product不占空间隐藏css */
.product .tab-content>.tab-pane{
	display: block;
	height: 0;


}
.product .tab-content>.active{
	display: block;
	height: auto;
	overflow: inherit;

}

.product .swiper-slide img{
	width: 100%;
	transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -ms-transition: transform 1s cubic-bezier(0,1,0.5,1);
    -webkit-transition: transform 1s cubic-bezier(0,1,0.5,1);
    transition: transform 1s cubic-bezier(0,1,0.5,1);
}
.product .swiper-slide:hover .product .swiper-slide img{
	transform: scale(1.1);
}




.weizhia{right: 0px;}
.weizhib{left: -30px;}









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

.weizhia{right: 30px;}
.weizhib{left: 30px;}

}


.product .swiper-button-next:before{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    border: 1px solid #E1251A;
    content: "";
    z-index: 9;
    border-width: 0 2px 2px 0;
}
.product .swiper-button-prev:before{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    border: 1px solid #E1251A;
    content: "";
    border-width: 2px 0 0 2px;
}



@media only screen and (max-width:640px) {
.product .swiper-button-next:before{

    width: 25px;
    height: 25px;

}
.product .swiper-button-prev:before{

    width: 25px;
    height: 25px;

}

}

.product .swiper-slide{

	width: 500px;
    margin-right:0px;

}
.tab-content .swiper-button-next.swiper-button-disabled, .tab-content .swiper-button-prev.swiper-button-disabled{
	    cursor: pointer;
		pointer-events: auto;
}
.tab-pane .swiper-button-next,.tab-pane .swiper-button-prev{
	display: none;
}

.product .swiper-container-android .swiper-slide, .product .swiper-wrapper{
	/*transform: inherit !important;*/
}


.swiper-pagination-bullet{ margin:0 5px;}

/*产品类别*/

.cell a p{ font-size:15px; line-height:28px; padding-top:10px;}
.cell a:hover p { color:#E1251A;} 


.cell .pic {
	width: 100%;
	height: auto;
	background: #fff;
	position: relative;
	background-position: center center;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

.cell .pic img {
	opacity: 1
}

.cell .pic:hover{opacity: 0.7;transition: width .4s ease-in-out,opacity .4s ease-in-out,left .4s ease-in-out}

.cell .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #f1f0f0;
}




/*
.cell .mask .thum {
	width: 60%;
	height: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 20%;
	top: 50px;
	background-position: center center;
	background-color: #FFF;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat
}


.cell .mask .name {
	width: 100%;
	height: auto;
	line-height: 30px;
	text-align: center;
	color: #333;
	text-align: center;
	position: absolute;
	left: 0;
	top: 85%;
	font-weight: normal;
	font-size: 18px
}

.cell .title {
	width: 100%;
	height: auto;
	line-height: 30px;
	text-align: center;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	top: 80%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: .1s
}





.cell:hover .mask {
	-webkit-transform: scale(1.1);
	opacity: 0;
	visibility: hidden;
	
}

.cell:hover .title {
	opacity: 1;
	visibility: visible;
	top: 75%
}

*/






.product_right{width:40%; margin-top:35px; float:right; max-width:500px;}
.product_right p{ font-size:16px; line-height:25px; width:100%;}
.product_right hr{height:1px;border:none;border-top:1px solid #ccc; margin:8px 0;}


.pro_biaoti{  padding-bottom:0px; font-size:24px;color:#162A70; border-bottom:1px solid #ccc;line-height:60px;}

.product_right .pro_jieshao{ width:100%; padding:15px 0; float:left; font-size:15px; min-height:100px;border-bottom:1px solid #eee;}
.product_right .pro_jieshao h4{ font-size:18px; color:#363636; line-height:40px; font-weight:500; height:40px; background:#fff;}
.product_right .pro_jieshao p{ padding-left:0;}
.product_right .pro_jieshao h4 span{  margin-right:20px; height:40px; max-width:250px; text-align:left;display:block; color:#C42329;}

.proshow_list_li{overflow:hidden;height:533px;padding:0; text-align:center;  width:800px;  margin:0 auto;}
.proshow_list_li_span{height:533px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}



@media (max-width:1366px) {



.proshow_list_li{overflow:hidden;height:400px;padding:0; text-align:center;  width:600px;  margin:0 auto;}
.proshow_list_li_span{height:400px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}


.product_right{min-height:100px; margin-top:10px; }
.product_right .pro_biaoti{padding-bottom:0px; font-size:18px; line-height:35px;}
.product_right .pro_jieshao{width:100%; padding:10px 0; float:left; font-size:14px; min-height:60px;border-bottom:1px solid #eee;}
.product_right .pro_jieshao h4{ font-size:16px;  line-height:30px; height:30px; }
.product_right .pro_jieshao p{}
.product_right .pro_jieshao h4 span{  height:30px;}
.product_right .pro_jieshao span.yingwenban{ line-height:22px;}
}



@media (max-width: 1024px) {
.product_right{float:none; width:96%; max-width:100%;padding-left:2%; clear:both; }
}


@media (max-width: 640px) {
.proshow_list_li{height:300px;width:300px;}
.proshow_list_li_span{height:300px;}
.product_right .pro_biaoti{ line-height:30px; font-size:16px;padding:10px 0 0 0;}
.product_right p{ font-size:14px; line-height:24px;}
.product_right{ border:none;margin-top:10px;}
}



@media (max-width:1180px) {.btn_back {display:none}
	}
	
	.icon_arrowDown,.icon_arrowUp {width:17px;height:17px;color:#ffffff}
	
	.icon_arrowLeft{width:17px;height:17px;color:#ffffff; transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    border: 1px solid #fff;
    content: "";
    border-width: 2px 0 0 2px;
	left:28px;
	top:22px; position:absolute;
}
	.icon_arrowRight {width:17px;height:17px;color:#ffffff;   transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    border: 1px solid #fff;
    content: "";
    z-index: 9;
    border-width: 0 2px 2px 0;	right:12px;
	top:22px; position:absolute;
}
	.icon_fb {width:11px;height:22px;color:#ffffff}
	.icon_line {width:23px;height:22px;color:#ffffff}
	.icon_ig {width:23px;height:23px;color:#ffffff}
	.icon_yt {width:22px;height:16px;color:#ffffff}
	.icon_marker {width:11px;height:16px;color:#ffffff}
	.icon_phone {width:17px;height:14px;color:#ffffff}
	.icon_close {width:43px;height:25px;color:#ffffff}
	.icon_marker_line {width:11px;height:15px;fill:none;stroke:#4f4f4f;stroke-width:0.5851;stroke-linecap:square;stroke-miterlimit:10}
	.icon_tel {width:17px;height:14px;fill:none;stroke:#4f4f4f;stroke-width:0.6681;stroke-linecap:square;stroke-miterlimit:10}
	.icon_fax {width:17px;height:17px;fill:none;stroke:#4f4f4f;stroke-width:0.694;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}
	.icon_search {width:22px;height:22px;color:#0001c8}
	.icon_arrowLineRight {width:12px;height:11px;color:#000000}
	
	
	
.solarLifeArea {
  padding-top: 110px;
  padding-bottom: 110px;
  background-color: #f2f2f2;
  position: relative;
  overflow: hidden;
  background-image: url(/templates/en/images/hr/life_bgLt.png), url(/templates/en/images/hr/life_bgRt.png);
  background-repeat: no-repeat;
  background-position: left bottom, right 82px;
}
@media (max-width: 768px) {
  .solarLifeArea {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.solarLifeArea .life_deco {
  position: absolute;
  left: 0;
  top: -40px;
  width: 100%;
  -webkit-animation: loop-text 30s infinite linear;
          animation: loop-text 30s infinite linear;
  z-index: 1;
  pointer-events: none;
}
.solarLifeArea .life_deco p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 287px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  padding-left: 10px;
  margin-left: -10px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .solarLifeArea .life_deco {
    display: none;
  }
}
.solarLifeArea .class_m_Box {
  padding-bottom: 44px;
  position: relative;
  z-index: 1;
}
.solarLifeArea .class_m_Box .class_m_Link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.solarLifeArea .class_m_Box .class_m_Link li {
  padding: 0 16.5px;
}
.solarLifeArea .class_m_Box .class_m_Link li.current a {
  color: #ffffff;
  border: 0;
  background: rgb(0, 201, 151);
  background: linear-gradient(38deg, rgb(0, 201, 151) 20%, rgb(0, 23, 197) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E1251B",endColorstr="#0017c5",GradientType=1);
}
.solarLifeArea .class_m_Box .class_m_Link li a {
  color: #E1251B;
  width: 75px;
  height: 75px;
  font-size: 60px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #E1251B;
  padding-bottom: 3px;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .solarLifeArea .class_m_Box .class_m_Link li a:hover {
    color: #ffffff;
    border: 0;
    background: rgb(0, 201, 151);
    background: linear-gradient(38deg, rgb(0, 201, 151) 20%, rgb(0, 23, 197) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E1251B",endColorstr="#0017c5",GradientType=1);
  }
}
@media (max-width: 768px) {
  .solarLifeArea .class_m_Box .class_m_Link {
    margin: 0 -10px;
  }
  .solarLifeArea .class_m_Box .class_m_Link li {
    padding: 0 10px;
  }
  .solarLifeArea .class_m_Box .class_m_Link li a {
    width: 60px;
    height: 60px;
    font-size: 50px;
  }
}
@media (max-width: 480px) {
  .solarLifeArea .class_m_Box .class_m_Link {
    margin: 0 -8px;
  }
  .solarLifeArea .class_m_Box .class_m_Link li {
    padding: 0 8px;
  }
  .solarLifeArea .class_m_Box .class_m_Link li a {
    width: 50px;
    height: 50px;
    font-size: 40px;
  }
}
@media (max-width: 375px) {
  .solarLifeArea .class_m_Box {
    padding-bottom: 30px;
  }
  .solarLifeArea .class_m_Box .class_m_Link {
    margin: 0 -6px;
  }
  .solarLifeArea .class_m_Box .class_m_Link li {
    padding: 0 6px;
  }
  .solarLifeArea .class_m_Box .class_m_Link li a {
    width: 44px;
    height: 44px;
    font-size: 30px;
  }
}
.solarLifeArea .lifeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 160px;
  position: relative;
  z-index: 1;
}
.solarLifeArea .lifeBox .leftBox {
  width: 58.847%;
  position: relative;
  z-index: 2;
	margin-right: 10px;
}
@media (min-width: 769px) {
  .solarLifeArea .lifeBox .leftBox:after {
    position: absolute;
    left: -28px;
    bottom: -28px;
    content: "";
    width: 263px;
    height: 263px;
    background-color:none;
    z-index: -1;
  }
  .solarLifeArea .lifeBox .leftBox .boxImg .TxtBox {
    display: none;
  }
}
.solarLifeArea .lifeBox .leftBox .boxTxt {
  max-width: 500px;
  position: absolute;
  right: -205px;
  bottom: -160px;
}
.solarLifeArea .lifeBox .leftBox .boxTxt .Img {
  display: none;
}
.solarLifeArea .lifeBox .rightBox {
  width: 41.153%;
}
.solarLifeArea .lifeBox .rightBox .boxRtImg .TxtBox {
  display: none;
}
.solarLifeArea .lifeBox .arrowBox {
  position: absolute;
  left: -100px;
  right: -100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: -80px auto 0;
  z-index: 5;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.solarLifeArea .lifeBox .arrowBox .arrow {
  width: 47px;
  height: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #E1251A;
  cursor: pointer;
  pointer-events: auto;
}
.solarLifeArea .lifeBox .arrowBox .arrow.arrowPrev {
  left: 0;
  
  
}



.solarLifeArea .lifeBox .arrowBox .arrow.arrowNext {
  right: 0;
}
.solarLifeArea .lifeBox .arrowBox .arrow svg {
  width: 17px;
  height: 17px;
}
@media (max-width: 1536px) {
  .solarLifeArea .lifeBox .arrowBox {
    left: -23.5px;
    right: -23.5px;
  }
}
@media (max-width: 1366px) {
  .solarLifeArea .lifeBox .arrowBox {
    left: 0px;
    right: 0px;
  }
}
@media (max-width: 768px) {
  .solarLifeArea .lifeBox .arrowBox {
    margin-top: 0;
    top: calc(50% - 220px);
    -webkit-transform: none;
            transform: none;
  }
  .solarLifeArea .lifeBox .arrowBox .arrow {
    background-color: transparent;
  }
  .solarLifeArea .lifeBox .arrowBox .arrow svg {
    color: #E1251A;
  }
}
@media (max-width: 1366px) {
  .solarLifeArea .lifeBox {
    padding: 0 23.5px 160px;
  }
  .solarLifeArea .lifeBox .leftBox .boxTxt {
    max-width: 500px;
  }
  .solarLifeArea .lifeBox .leftBox .boxTxt .lifeList .lifeItem .TxtBox {
    padding: 28px 40px;
  }
}
@media (max-width: 992px) {
  .solarLifeArea .lifeBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .solarLifeArea .lifeBox .leftBox {
    width: 100%;
  }
  .solarLifeArea .lifeBox .leftBox .boxTxt {
    right: 30px;
  }
  .solarLifeArea .lifeBox .rightBox {
    display: none;
  }
}
@media (max-width: 768px) {
  .solarLifeArea .lifeBox {
    padding-bottom: 0;
    padding: 0;
  }
  .solarLifeArea .lifeBox .leftBox .boxImg .lifeList .lifeItem .TxtBox {
    padding: 20px;
  }
  .solarLifeArea .lifeBox .leftBox .boxTxt {
    display: none;
  }
}
.solarLifeArea .lifeList > .lifeItem:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.solarLifeArea .lifeList .lifeItem .item {
  position: relative;
}
.solarLifeArea .lifeList .lifeItem .Img img {
  width: 100%;
}
.solarLifeArea .lifeList .lifeItem .TxtBox {
  padding: 20px 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 8.55px 0.45px rgba(4, 0, 0, 0.05);
          box-shadow: 0px 2px 8.55px 0.45px rgba(4, 0, 0, 0.05);
}
.solarLifeArea .lifeList .lifeItem .TxtBox .Txt .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.solarLifeArea .lifeList .lifeItem .TxtBox .Txt .title a {
  color: #E1251A;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.5px;
  display: inline-block;
  border-bottom: 2px solid #E1251A;
}
.solarLifeArea .lifeList .lifeItem .TxtBox .Txt .subtitle {
  color: #424242;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-top: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.solarLifeArea .lifeList .lifeItem .TxtBox .Txt .text {
  color: #616161;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.875;
  margin-top: 20px;
  height: 90px;
}
@media (max-width: 768px) {
  .solarLifeArea .lifeList .lifeItem .TxtBox .Txt .title a {
    font-size: 16px;
  }
  .solarLifeArea .lifeList .lifeItem .TxtBox .Txt .subtitle {
    font-size: 18px;
  }
  .solarLifeArea .lifeList .lifeItem .TxtBox .Txt .text {
    font-size: 14px;
    height: 80px;
  }
}
.solarLifeArea .lifeList .lifeItem .TxtBox .bottomBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 36px;
}
.solarLifeArea .lifeList .lifeItem .TxtBox .bottomBox .btnBox {
  width: 285px;
  padding-top: 0;
}
.solarLifeArea .lifeList .lifeItem .TxtBox .bottomBox .pagingInfo {
  text-align: right;
  color: #a39d9d;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.solarLifeArea .lifeList .lifeItem .TxtBox .bottomBox .pagingInfo .num:last-child {
  font-size: 35px;
}
.solarLifeArea .lifeList .lifeItem .TxtBox .bottomBox .pagingInfo .slash {
  padding-left: 5px;
  padding-right: 7px;
}
@media (max-width: 768px) {
  .solarLifeArea .lifeList .lifeItem .TxtBox .bottomBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 20px;
  }
  .solarLifeArea .lifeList .lifeItem .TxtBox .bottomBox .btnBox {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  .solarLifeArea .lifeList .lifeItem .TxtBox .bottomBox .pagingInfo {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
	.btnBox {padding-top:20px}
	.btn_cis {display:inline-block;max-width:285px;width:100%;color:#ffffff;font-size:15px;letter-spacing:1.3px;line-height:1;text-align:center;padding:24px 10px;background-image:linear-gradient(41deg,rgb(225,37,26),rgb(225,37,26),rgb(225,37,26),rgb(225,37,26));background-size:300% 100%;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:relative}
	.btn_cis .arrow {position:absolute;right:34px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
	.btn_cis .arrow svg {width:5px;height:9px}
	.btn_cis:hover {color:#ffffff;background-position:100% 0; background:#ac1d0f;}
	.btn_back {width:134px;height:132px;position:absolute;right:40px;top:120px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.btn_back:before {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;content:"";background-image:url(/templates/en/images/back.png);background-repeat:no-repeat;-webkit-animation:rotate 50s linear forwards;animation:rotate 50s linear forwards}
	.btn_back .circle {width:94px;height:94px;border-radius:50%;background-color:#ffffff;-webkit-box-shadow:0px 0px 5px 0px rgba(4,0,0,0.07);box-shadow:0px 0px 5px 0px rgba(4,0,0,0.07);margin:auto;position:relative}
	.btn_back .circle .arrow {width:28px;height:32px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
	.btn_back .circle .arrow:after,.btn_back .circle .arrow:before {position:absolute;top:6px;content:"";width:20px;height:3px;background-color:#1f20ce}
	.btn_back .circle .arrow:before {right:-2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
	.btn_back .circle .arrow:after {left:-2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
	.btn_back .circle .line {position:absolute;left:0;right:0;bottom:0;margin:auto;width:4px;height:29px;background-color:#1f20ce;display:block}
	
	@media (max-width: 768px) {

.btn_cis {display:inline-block;max-width:140px;width:100%;color:#ffffff;font-size:13px;letter-spacing:0px;line-height:1;text-align:center;padding:15px 10px;background-image:linear-gradient(41deg,rgb(225,37,26),rgb(225,37,26),rgb(225,37,26),rgb(225,37,26));background-size:300% 100%;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:relative}

}


.arrowBox_a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 107px;
  padding-top: 50px;
  width: 100%;
}
.arrowBox_a .arrow {
  width: 47px;
  height: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #E1251A;
  cursor: pointer;
}
.arrowBox_a .arrow svg {
  width: 17px;
  position:relative;
  height: 17px;
 

}
.icon_arrowLeft_a{width:17px;height:17px;color:#ffffff; transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    border: 1px solid #fff;
    content: "";
    border-width: 2px 0 0 2px;
	left:12px;
	top:8px; position:absolute;}
.icon_arrowRight_a{width:17px;height:17px;color:#ffffff;   transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    border: 1px solid #fff;
    content: "";
    z-index: 9;
    border-width: 0 2px 2px 0;	left:6px;
	top:8px; position:absolute;}



@media (max-width: 480px) {
  .arrowBox_a {
    max-width: 94px;
  }
  .arrowBox_a .arrow {
    width: 40px;
    height: 40px;
  }
}






.serviceBox {
  padding-top: 65px;
  padding-bottom: 48px;
}
@media (max-width: 768px) {
  .serviceBox {
    padding-top: 10px;
  }
}
.serviceBox .serviceList {
  padding-bottom: 37px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.serviceBox .serviceList .serviceItem .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.serviceBox .serviceList .serviceItem .leftBox {
  width: calc(100% - 425px);
  padding-right: 50px;
  position: relative;
}
.serviceBox .serviceList .serviceItem .leftBox:after {
  position: absolute;
  right: 0;
  top: 15px;
  content: "";
  width: 1px;
  height: 190px;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1180px) {
  .serviceBox .serviceList .serviceItem .leftBox:after {
    height: calc(100% - 15px);
  }
}
@media (max-width: 768px) {
  .serviceBox .serviceList .serviceItem .leftBox:after {
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    display: block;
  }
}
.serviceBox .serviceList .serviceItem .leftBox .titleBox {
  margin-bottom: 18px;
}
.serviceBox .serviceList .serviceItem .leftBox .titleBox .titleTw {
  color: #E1251B;
}
.serviceBox .serviceList .serviceItem .leftBox .titleBox .titleTw span {
  padding-bottom: 0;
  border-bottom-color: #E1251B;
}
.serviceBox .serviceList .serviceItem .leftBox .titleBox .titleEn {
  color: #424242;
  font-size: 20px;
  font-family: "Noto Sans TC";
  line-height: 1.2;
  margin-top: 15px;
}
.serviceBox .serviceList .serviceItem .leftBox .text p {
  color: #616161;
  font-size: 15px;
  letter-spacing: 0;
  line-height:26px;
}


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

.serviceBox .serviceList .serviceItem .leftBox .titleBox {
  margin-bottom: 5px;
}


.serviceBox .serviceList .serviceItem .leftBox .titleBox .titleTw span {
	font-size: 16px;
	}
	
	.serviceBox .serviceList .serviceItem .leftBox .text p {
		
		font-size: 14px;
}
	
	}




.serviceBox .serviceList .serviceItem .rightBox {
  width: 425px;
  padding-left: 55px;
}
.serviceBox .serviceList .serviceItem .rightBox .codeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.serviceBox .serviceList .serviceItem .rightBox .codeBox .left .codeTitle {
  color: #424242;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.2;
}
.serviceBox .serviceList .serviceItem .rightBox .codeBox .left .codeNumber {
  color: #E1251B;
  font-size: 50px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  margin-top: 16px;
}
.serviceBox .serviceList .serviceItem .rightBox .codeBox .right {
  text-align: right;
}
.serviceBox .serviceList .serviceItem .rightBox .codeBox .right .codeSubTitle {
  color: #E1251B;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.65px;
  line-height: 1.846;
}
.serviceBox .serviceList .serviceItem .rightBox .codeBox .right .codeTxt {
  color: #616161;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.875;
  margin-top: 16px;
}

@media (max-width: 787px) {
	.serviceBox .serviceList .serviceItem .rightBox .codeBox .right .codeTxt {
	  color: #616161;
	  font-size: 14px;
	  letter-spacing: 0.8px;
	  line-height: 1.875;
	  margin-top: 16px;
	}
	
	.serviceBox .serviceList .serviceItem .rightBox .codeBox .left .codeTitle {
	  color: #424242;
	  font-size: 16px;
	  font-weight: 500;
	  letter-spacing: 0;
	  line-height: 1.2;
	}
	
	
	}


@media (max-width: 375px) {
  .serviceBox .serviceList .serviceItem .rightBox .codeBox {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .serviceBox .serviceList .serviceItem .rightBox .codeBox .left,
.serviceBox .serviceList .serviceItem .rightBox .codeBox .right {
    width: 100%;
  }
  .serviceBox .serviceList .serviceItem .rightBox .codeBox .right {
    text-align: center;
    padding-top: 20px;
  }
  .serviceBox .serviceList .serviceItem .rightBox .codeBox .right .codeTxt {
    margin-top: 5px;
  }
}
.serviceBox .serviceList .serviceItem .rightBox .btnBox {
  padding-top: 35px;
}
.serviceBox .serviceList .serviceItem .rightBox .btnBox .btn_cis {
  padding: 25.5px 26px;
  max-width: 100%;
  text-align: left;
  color: #616161;
  background-image: none;
  background-color: #ffffff;
  border: 1px solid rgba(97, 97, 97, 0.5);
  letter-spacing: 1.3px;
}
.serviceBox .serviceList .serviceItem .rightBox .btnBox .btn_cis:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  background-image: linear-gradient(41deg, rgb(225, 37, 24), rgb(225, 37, 24), rgb(225, 37, 24), rgb(0, 23, 197));
  background-size: 300% 100%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
.serviceBox .serviceList .serviceItem .rightBox .btnBox .btn_cis .txt {
  position: relative;
  z-index: 2;
  font-weight: 500;
  font-size: 15px;
  font-family: "Noto Sans TC";
}
.serviceBox .serviceList .serviceItem .rightBox .btnBox .btn_cis .arrow svg {
  width: 12px;
  height: 11px;
  color: #000000;
}
@media (min-width: 1025px) {
  .serviceBox .serviceList .serviceItem .rightBox .btnBox .btn_cis:hover {
    border-color: transparent;
  }
  .serviceBox .serviceList .serviceItem .rightBox .btnBox .btn_cis:hover:after {
    color: #ffffff;
    background-position: 100% 0;
    opacity: 1;
  }
  .serviceBox .serviceList .serviceItem .rightBox .btnBox .btn_cis:hover .txt {
    color: #ffffff;
  }
  .serviceBox .serviceList .serviceItem .rightBox .btnBox .btn_cis:hover .arrow svg {
    color: #ffffff;
  }
}
@media (max-width: 992px) {
  .serviceBox .serviceList .serviceItem .leftBox {
    width: 55%;
    padding-right: 30px;
  }
  .serviceBox .serviceList .serviceItem .rightBox {
    width: 45%;
    padding-left: 35px;
  }
}
@media (max-width: 768px) {
  .serviceBox .serviceList .serviceItem .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .serviceBox .serviceList .serviceItem .leftBox,
.serviceBox .serviceList .serviceItem .rightBox {
    width: 100%;
  }
  .serviceBox .serviceList .serviceItem .leftBox {
    padding-right: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .serviceBox .serviceList .serviceItem .rightBox {
    padding-left: 0;
  }
}



.newsBox .titleBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 24px;
}
.newsBox .titleBar .newTitle {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #424242;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.2;
  font-family: "Roboto", sans-serif, "Noto Sans TC";
  text-transform: uppercase;
}
.newsBox .titleBar .btn_all {
  width: 150px;
  text-align: right;
}
.newsBox .titleBar .btn_all a {
  display: inline-block;
  color: #E1251B;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.65px;
  border-radius: 14px;
  border: 2px solid #E1251B;
  padding: 8px 0;
    width: 150px;
	text-align:center;
}
@media (min-width: 1025px) {
  .newsBox .titleBar .btn_all a:hover {
    color: #ffffff;
    background-color: #E1251B;
  }
}
@media (max-width: 768px) {
  .newsBox .titleBar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .newsBox .titleBar .newTitle {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .newsBox .titleBar .btn_all {
    display: none;
  }
  .newsBox .titleBar .newTitle {
	  font-size: 16px;
	  
  }
  
  
  
}
.newsBox .btn_all {
  width: 150px;
  margin: auto;
  padding-top: 0px;
  text-align: center;
}
.newsBox .btn_all a {
  display: block;
  color: #E1251B;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.65px;
  border-radius: 14px;
  border: 2px solid #E1251B;
  padding: 5.5px 16.64px;
}
@media (min-width: 1025px) {
  .newsBox .btn_all a:hover {
    color: #ffffff;
    background-color: #E1251B;
  }
}
.newsBox .btn_all.mb {
  display: none;
}
@media (max-width: 768px) {
  .newsBox .btn_all.mb {
    display: block;
  }
}
.newsBox .arrowBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
.newsBox .arrowBox .arrow {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 10px;
  cursor: pointer;
}
.newsBox .arrowBox .arrow svg {
  width: 11px;
  height: 21px;
}
.newsBox .arrowBox .arrow.slick-hidden {
  display: none;
}
.newsBox .arrowBox .appendDots .slick-dots {
  position: relative;
  width: auto;
  margin: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
}
.newsBox .arrowBox .appendDots .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 7.5px;
  display: inline-block;
  vertical-align: 6px;
}
.newsBox .arrowBox .appendDots .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.newsBox .arrowBox .appendDots .slick-dots li button::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 1;
}
.newsBox .arrowBox .appendDots .slick-dots li.slick-active {
  width: 32px;
  height: 8px;
}
.newsBox .arrowBox .appendDots .slick-dots li.slick-active button::before {
  border-radius: 8px;
  opacity: 1;
}
.newsBox .arrowBox svg {
  color: #E1251B;
}
.newsBox .arrowBox .appendDots .slick-dots li button::before {
  background-color: #E1251B;
}
.newsBox .newsList > .newsItem:not(:nth-child(1)):not(:nth-child(2)) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.newsBox .newsList .newsItem {
  padding: 22px 0;
  position: relative;
  background-color: #f6f6f6;
}
.newsBox .newsList .newsItem.slick-current {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 1025px) {
  .newsBox .newsList .item:hover .moreBox a {
    color: #E1251B;
    border-color: transparent;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(235, 37, 24, 0.3);
            box-shadow: 0px 0px 18px 0px rgba(235, 37, 24, 0.3);
  }
}
.newsBox .newsList .newsItem .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
		  border-bottom:1px solid #eee;
		  padding:10px 0;
}
.newsBox .newsList .newsItem .dateBox {
  width: 150px;
}
.newsBox .newsList .newsItem .dateBox .dateCircle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  text-align: center;
  margin: auto;
}
.newsBox .newsList .newsItem .dateBox .yearMonth,
.newsBox .newsList .newsItem .dateBox .day {
  color: #4e4e4e;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  line-height: 1;
}
.newsBox .newsList .newsItem .dateBox .day {
  font-size: 50px;
}
.newsBox .newsList .newsItem .dateBox .yearMonth {
  font-size: 13px;
  margin-top: 2px;
  text-transform: uppercase;
}
.newsBox .newsList .newsItem .TxtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 130px);
}
.newsBox .newsList .newsItem .Txt {
  width: calc(100% - 158px);
  position: relative;
  padding-right: 50px;
}
.newsBox .newsList .newsItem .Txt .title {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.9px;
  height: 27px;
  overflow: hidden;
}
.newsBox .newsList .newsItem .Txt .title a {
  color: #1a1a1a;
  display: inline-block;
  position: relative;
}
.newsBox .newsList .newsItem .Txt .text {
  color: #484848;
  font-size: 15px;
  font-weight: 100;
  letter-spacing: 0.75px;
  line-height: 1.667;
  height: 51px;
  margin-top: 11px;
  overflow: hidden;
}
.newsBox .newsList .newsItem .moreBox {
  width: 178px;
}
.newsBox .newsList .newsItem .moreBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 87px;
  height: 87px;
  margin: auto;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #4e4e4e;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 0.65px;
}
@media (max-width: 1180px) {
  .newsBox .newsList .newsItem .dateBox,
.newsBox .newsList .newsItem .moreBox {
    width: 150px;
  }
  .newsBox .newsList .newsItem .TxtBox,
.newsBox .newsList .newsItem .Txt {
    width: calc(100% - 150px);
  }
}
@media (max-width: 992px) {
  .newsBox .newsList .newsItem .dateBox {
    width: 120px;
  }
  .newsBox .newsList .newsItem .TxtBox {
    width: calc(100% - 120px);
  }
  .newsBox .newsList .newsItem .Txt {
    width: calc(100% - 120px);
    padding: 0 30px 0 20px;
  }
  .newsBox .newsList .newsItem .moreBox {
    width: 120px;
  }
}
@media (max-width: 768px) {
  .newsBox .newsList .newsItem .item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .newsBox .newsList .newsItem .dateBox {
    width: 105px;
  }
  .newsBox .newsList .newsItem .TxtBox {
    width: calc(100% - 105px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .newsBox .newsList .newsItem .Txt {
    width: 100%;
    padding: 10px 20px 0 20px;
  }
  .newsBox .newsList .newsItem .Txt:after {
    display: none;
  }
  .newsBox .newsList .newsItem .moreBox {
    width: 100%;
    padding: 10px 20px 0 20px;
  }
  .newsBox .newsList .newsItem .moreBox a {
    border: 0;
    margin: 0;
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .newsBox .newsList .newsItem .moreBox a:after {
    display: inline-block;
    content: "+";
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding-left: 10px;
  }
  
  .newsBox .newsList .newsItem .Txt .title {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.9px;
    height: auto;
    overflow: hidden;
  }
  
  
  
}
@media (max-width: 480px) {
  .newsBox .newsList .newsItem .Txt .title {
    height: 53px;
  }
  .newsBox .newsList .newsItem .Txt .text {
    display: none;
  }
}
@media (max-width: 414px) {
  .newsBox .newsList .newsItem .dateBox {
    width: 90px;
  }
  .newsBox .newsList .newsItem .dateBox .dateCircle {
    width: 90px;
    height: 90px;
  }
  .newsBox .newsList .newsItem .dateBox .day {
    font-size: 45px;
  }
  .newsBox .newsList .newsItem .dateBox .yearMonth {
    font-size: 13px;
  }
  .newsBox .newsList .newsItem .TxtBox {
    width: calc(100% - 90px);
  }
  .newsBox .newsList .newsItem .Txt {
    padding: 10px 10px 0 0;
  }
  .newsBox .newsList .newsItem .moreBox {
    padding-left: 0;
  }
  .newsBox .newsList .newsItem .moreBox a {
    padding-top: 5px;
  }
}

.rwd_table {
  overflow-x: auto;
  padding: 1px;
}



@media (min-width: 1201px) {
  .contentBox.flexInvestors {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		margin-top:35px;
  }
  .contentBox.flexInvestors > .leftBox {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: calc(100% - 330px);
    padding-right: 30px;
  }
  .contentBox.flexInvestors > .rightBox {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 330px;
    padding-left: 30px;
  }
  .contentBox.flexInvestors > .classNote {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .contentBox .rightBox {
    border-left: 1px solid rgba(155, 155, 155, 0.2);
  }
}
@media (max-width: 1200px) {
  .contentBox .rightBox {
    padding-top: 30px;
  }
}
.landingSectionArea {
  padding-top: 50px;
}
@media (max-width: 1180px) {
  .landingSectionArea.investors {
    padding: 20px 0 20px 0;
  }
}
@media (max-width: 768px) {
  .landingSectionArea.investors {
    padding: 20px 0 0;
  }
}

.landingSectionBox {
  position: relative;
}

.landingLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
}
.landingLinkList .guideItem {
  width: 33.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px 40px;
}
@media (max-width: 768px) {
  .landingLinkList .guideItem {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .landingLinkList .guideItem {
    width: 100%;
  }
}
.landingLinkList .guideItem > .Txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.landingLinkList .Img {
  position: relative;
  margin-bottom: 26px;
}
.landingLinkList .Img img {
  width: 100%;
  height: 100%;
  display: block;

}
.landingLinkList .Txt {
  padding: 0;
}
.landingLinkList .textBox {
  position: relative;
}
.landingLinkList .textBox.open a:after {
  width: 100%;
}
.landingLinkList .textBox.open .btn_dropDown {
  background-color: #E1251B;
}
.landingLinkList .textBox.open .btn_dropDown .arrow:before, .landingLinkList .textBox.open .btn_dropDown .arrow:after {
  background-color: #ffffff;
}
.landingLinkList .textBox.open .btn_dropDown .arrow:after {
  height: 0;
}
@media (min-width: 1025px) {
  .landingLinkList .textBox:hover a:after {
    width: 100%;
  }
  .landingLinkList .textBox:hover .btn_dropDown {
    background-color: #E1251B;
  }
  .landingLinkList .textBox:hover .btn_dropDown .arrow:before, .landingLinkList .textBox:hover .btn_dropDown .arrow:after {
    background-color: #ffffff;
  }
}
.landingLinkList .textBox a {
  display: block;
  padding-right: 50px;
  padding-bottom: 24px;
  position: relative;
}
.landingLinkList .textBox a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  content: "";
  background: rgb(25, 231, 156);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(225, 37, 24)), to(rgb(225, 37, 24)));
  background: linear-gradient(90deg, rgb(225, 37, 24) 50%, rgb(e12518) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e12518",endColorstr="#e12518",GradientType=1);
}
.landingLinkList .textBox a .title {
  color: #333;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1px;
}
@media screen and (max-width:768px) {

.landingLinkList .textBox a .title {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing:0;
}

}

.landingLinkList .textBox a .title_en {
  color: #999;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.3px;
  line-height: 1.53;
  margin-top: 6px;
}
.landingLinkList .textBox .btn_dropDown {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 1px solid #E1251B;
  cursor: pointer;
  margin-top: -12px;
  z-index: 3;
}
.landingLinkList .textBox .btn_dropDown .arrow {
  width: 18px;
  height: 18px;
  display: block;
  position: relative;
}
.landingLinkList .textBox .btn_dropDown .arrow:before, .landingLinkList .textBox .btn_dropDown .arrow:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  background-color: #E1251B;
}
.landingLinkList .textBox .btn_dropDown .arrow:before {
  width: 100%;
  height: 1px;
}
.landingLinkList .textBox .btn_dropDown .arrow:after {
  width: 1px;
  height: 100%;
}
.landingLinkList .linkBox {
  margin-top: 10px;
  display: none;
}
.landingLinkList .linkBox > ul li {
  position: relative;
  padding: 0 0 0 35px;
  counter-increment: step-counter;
}
.landingLinkList .linkBox > ul li::before {
  content: counter(step-counter, decimal-leading-zero);
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  color: #E1251B;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  letter-spacing: 0.8px;
}
.landingLinkList .linkBox > ul a {
  display: block;
  color: #616161;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 2.1875;
  position: relative;
}
.landingLinkList .linkBox > ul a span {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
}
.landingLinkList .linkBox > ul a:before, .landingLinkList .linkBox > ul a:after {
  position: absolute;
  right: 0;
  content: "";
  width: 7px;
  height: 1px;
  background-color: #9b9b9b;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.landingLinkList .linkBox > ul a:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -2.5px;
}
.landingLinkList .linkBox > ul a:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 2.5px;
}
.landingLinkList .linkBox > ul a:hover {
  color: #E1251B;
}
.landingLinkList .linkBox > ul a:hover:before, .landingLinkList .linkBox > ul a:hover:after {
  background-color: #E1251B;
}
@media (max-width: 1180px) {
  .landingLinkList {
    margin: 0 -15px;
  }
  .landingLinkList .guideItem {
    padding: 0 15px 25px;
  }
  .landingLinkList .Img {
    margin-bottom: 20px;
  }
}








.articleBox .Txt {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .articleBox .Txt {
    margin-top: 20px;
  }
}
.articleBox .btnBox {
  padding-top: 40px;
  text-align: center;
}

.articleList .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.articleList .title .num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 0;
  margin-left: 10px;
  color: #ccc;
  line-height: 24px;
  background-color: #fff;
  font-size:13px;
  letter-spacing:normal;
}

.articleList .title .tubiao { position:absolute; right:10px; top:15px; width:35px; height:35px; background:#E1251A; border-radius:35px;}
.articleList .title .tubiao img{ max-width:30px;position:absolute; right:3px; top:2px; }


.articleList .title .more { position:absolute; right:10px; top:20px; width:50px; height:35px; color:#E1251A;}





.articleList li {
  padding: 20px 20px 20px 20px;
  margin-bottom: 10px;
  border: 1px solid rgba(155, 155, 155, 0.2);
  background-color: #fff;
  margin-top:10px;
  position:relative;
}
.articleList h3 {
  font-size: 15px;
  font-weight: 400;
  line-height:24px;
}


.articleList li a:hover{ color:#E1251A}

.textEditor{clear: both;
    color: #2f2f2f;
    font-size: 14px;
    line-height: 25px;
    margin: initial;
    image-rendering: -webkit-optimize-contrast;
}

.textEditor p{ font-size: 14px;
    line-height:25px;}





.wendachild {clear:both;padding:0 0;width:100%;margin:15px auto;float:none;border-bottom:1px solid #ddd; padding-bottom:10px;}
.wendachild:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.wendachild .childIcon:hover {background:#fff;color:#E1251A;}
.wendachild .childIcon .sub {position:absolute;height:2px;top:27px;right:9px;width:12px;height:2px;background:#E1251A;display:block;}
.wendachild .childIcon:before {  position:absolute; content:"MORE"; right:35px; font-size:14px; top:20px;}

.wendachild .childIcon:after {  position:absolute; content:""; right:100px; top:0px; width:1px; height:60px; background:#eee;}


.wendachild .childIcon .sub.sub2 {transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);background:#E1251A;}
.wendachild .childIcon .sub2 {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.wendachild .childIcon {cursor:pointer;position:relative;width:100%;background:#fff;color:#E1251A;}
.wendachild .childIcon {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.wendachild .childIcon.on .sub2 {transform:rotate(90deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:#E1251A;}
.wendachild .title { height:90px; clear:both; width:100%;}

.wendachild .ask_box{ width:100px; float:left;}
.wendachild .title_ask{ display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  border: 1px solid #E1251A;
  border-radius: 50%;
  text-align: center;}

 .wendachild .title_ask span{margin: auto; width:100%;line-height:60px;color:#E1251A;font-size:20px; font-weight:700;text-align:center; text-transform:uppercase;}
 
 .wendachild .title h1 { 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 100px);
  float:left;
  font-size:15px; letter-spacing:normal; overflow:hidden; line-height:60px; color:#363636; font-weight:normal; }
  
.wendachild .childContent {display:none;padding:1% 3%;background:#eee; margin-bottom:0px; margin-top:5px; width:100%;}
.wendachild .childContent h6 {color:#999;line-height:24px;font-size:13px;min-height:auto;margin:0;}
.wendachild .childContent p {color:#333;line-height:23px;font-size:14px;min-height:auto;margin:0;display:block;}
.wendachild .childContent h6 a {color:#999;}
.wendachild .childContent h6 a:hover {color:#fff;}

@media (max-width:639px) {
.wendachild {margin:10px auto;}
.wendachild .title {line-height:26px;font-size:14px;}
.wendachild .childContent p {line-height:24px;font-size:13px;min-height:auto;margin:0;display:block;}



.wendachild .ask_box{ width:60px; float:left;}
.wendachild .title_ask{  width: 50px;height: 50px;}

 .wendachild .title_ask span{margin: auto; width:100%;line-height:50px;color:#E1251A;font-size:15px; font-weight:700;text-align:center; text-transform:uppercase;}
.wendachild .title { height: 60px; clear:both; width:100%;}

 .wendachild .title h1 { width: calc(100% - 60px);font-size:14px; letter-spacing:normal; overflow:hidden; line-height:23px;}
  
  .wendachild .childIcon .sub{ display:none;}
  .wendachild .childIcon:before{ display:none;}
  .wendachild .childIcon:after{display:none;}
  
  .wendachild .childContent { margin-top:0px;}
  
  
}


.zuobian_box{ float:left; width:24%; max-width:260px;}

.youbian_box{ float:right; width:75%; max-width:950px; margin-top:1%;}

@media (max-width:639px) {
.zuobian_box{ float:none; width:100%; max-width:100%;}

.youbian_box{ float:none; width:100%; max-width:100%; margin-top:1%;}
}


.youbian_box h2{ font-size:20px; text-align:left; line-height:45px; position:relative; padding-left:25px; color:#E1251A;}
.youbian_box h2:before{ position:absolute; content:""; width:4px; height:20px; background:#E1251A; left:10px; bottom:10px;}

.news_list{ clear:both; width:100%; margin:5% 0; text-align:left; padding-bottom:20px;background:#E1251A; }
.news_list h2{ color:#fff; font-size:18px; background:#b93a33; margin-bottom:10px; line-height:60px; height:60px; padding-left:35px; position:relative;}
.news_list h2:before{ position:absolute; content:""; width:25px; height:25px; background:url(../image/pinzhi.png) no-repeat center center; background-size:cover; left:7px; top:18px;}
.news_list ul li{  width:100%; padding-left:5%; line-height:32px; font-size:16px;color:#fff; margin:0px 0; padding-bottom:5px; padding-top:5px; }
.news_list ul li:hover{ color:#fff;transition: all 300ms ease-in-out 0s; cursor:pointer; background:#E1251A; } 


.news_list ul li a{ color:#fff;} 
.news_list ul li a:hover{ color:#fff;} 

.news_list ul li div.erji{width:96%; padding-left:2%;margin:0px 0 10px 0; color:#fff; display:block; line-height:30px; font-size:15px; border-bottom:1px solid #ccc; position:relative;}

.bbbbbb{ display:none;}
.news_list ul div.erji a{ color:#fff;padding:2px 5px;transition: all 300ms ease-in-out 0s; position:relative;width:96%; padding-left:2%; display:block;} 
.news_list ul div.erji a.currclass{ color:#fff; padding:2px 5px; } 
.news_list ul div.erji a:hover{ color:#fff; padding-left:10px; } 


.news_list ul li.currclass div.bbbbbb{display:block;}

.news_list ul div.erji a.active{ color:#fff;} 

 .news_list ul li.currclass{ color:#fff;transition: all 300ms ease-in-out 0s; cursor:pointer; background:#E1251A; } 
.news_list ul li.currclass div.erji{ color:#fff;border-bottom:1px solid #d6807b;}
.news_list ul li.currclass div.erji a{color:#fff;}

.cccccc{ display:block;}
.news_list ul li.currclass div.cccccc{display:block;}

.news_list ul li div.sanji{   width:95%; padding-left:5%;margin:10px 0; color:#666; display:block; line-height:30px; font-size:14px; border-bottom:1px solid #ccc; position:relative;}

.news_list ul div.sanji a{ color:#fff;padding:2px 5px;transition: all 300ms ease-in-out 0s; position:relative;width:90%; padding-left:5%; display:block;} 
.news_list ul div.sanji a.currclass{ color:#fff; padding:2px 5px; } 
.news_list ul div.sanji a:hover{ color:#fff; padding-left:7%; } 

 .news_list ul li.currclass{ color:#fff;transition: all 300ms ease-in-out 0s; cursor:pointer; background:#E1251A; } 
.news_list ul li.currclass div.sanji{ color:#fff;border-bottom:1px solid #d6807b;}
.news_list ul li.currclass div.sanji a{color:#fff;}




 .aaa{ display:block;}
 
 
 
@media (max-width: 787px) {

.news_list{ clear:both; width:96%; margin:2% 2%; text-align:left; }

.news_list h2{  font-size:16px; background:#0454A7; margin-bottom:5px; line-height:35px; height:35px; }
.news_list ul li{   line-height:24px; font-size:14px; padding-bottom:5px; padding-top:5px;}



.news_list ul li div.erji{   width:97%; padding-left:3%;margin:0 0; display:block; line-height:25px; font-size:13px;}
.bbbbbb{ display:none;}
.news_list ul div.erji a{ color:#0454A7;padding:2px 5px;transition: all 300ms ease-in-out 0s;} 
.news_list ul div.erji a.currclass{ color:#0454A7; padding:2px 5px; } 
.news_list ul div.erji a:hover{ color:#0454A7; padding-left:10px; } 



}






/*产品列表*/
#ALL.details>.outer-container {
    display: flex;
    justify-content: space-between;
    align-self: start;
    position: relative;
	padding-top:0;

}

#ALL.details>.outer-container,
.cpview-main {

}

#ALL.details>.outer-container .list-container {
    width: 100%;
    max-width: 1400px;
    background: #fff;
	margin:0 auto;
}

#ALL.details>.outer-container .cp-class {
    margin: 0;
    margin-left: -1px;
    border-left: 1px solid rgba(0, 0, 0, .1);

}



.cp-class {
    width: 90%;
    max-width: 1150px;
    margin: auto;
    border-top: 1px solid rgba(255, 255, 255, .1);
}


#ALL.details .filter-blur-area {
    position: fixed;
    z-index: 99;
    bottom: 30px;
    right: 4%;
}

#ALL.details .filter-blur-area .filter-blur {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#ALL.details .filter-blur-area .filter-icon {
    display: none;
    width: 46px;
    height: 46px;
    background: url() no-repeat center center;
    background-size: 60%;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.search-area {
    width: 100%;
}

.search-area .input-area {
    width: 100%;
    position: relative;
}

.search-area .input-area input {
    width: 100%;
    padding: 15px 50px 15px 15px;
    border: 1px solid #dcdcdc;
    color: #bdbdbd;
    font-size: 14px;
}

.search-area .input-area button {
    position: absolute;
    right: 0;
    top: 50%;
    width: 50px;
    height: 100%;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.search-area .input-area button::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border: 2px solid #13161c;
    left: 50%;
    top: 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%);
}

.search-area .input-area button::before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 6px;
    background: #13161c;
    left: 50%;
    top: 50%;
    transform: translate(calc(-50% + 8px), calc(-50% + 8px)) rotate(-45deg);
    -webkit-transform: translate(calc(-50% + 8px), calc(-50% + 8px)) rotate(-45deg);
    -moz-transform: translate(calc(-50% + 8px), calc(-50% + 8px)) rotate(-45deg);
    -ms-transform: translate(calc(-50% + 8px), calc(-50% + 8px)) rotate(-45deg);
    -o-transform: translate(calc(-50% + 8px), calc(-50% + 8px)) rotate(-45deg);
}

.search-area .input-area button:hover::after {
    border-color: #e2ca83;
}

.search-area .input-area button:hover::before {
    background: #e2ca83;
}

#ALL.details>.outer-container .cp-class .area-title {
    font-size: 18px;
    color: #13161c;
    margin-top: 0px;
    margin-bottom: 20px;
}


.cp-list-box {
    margin-bottom: 80px;
 /*   border-top: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);*/
}





.cp-list-box:after {
    content: "";
    clear: both;
    display: block;
}

.cp-list-box .grid {
    width: 25%;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
}

.cp-list-box .grid a {
    display: block;
    position: relative;
    height: 320px;
    text-align: center;
    color: rgba(0, 0, 0, .7);
    padding-top: 10px;
    background: #fff;
}

.cp-list-box .grid a span.bb {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.cp-list-box .grid a .tu {
    height: 250px;
}






.cp-list-box .grid a .tu img {
    display: block;
    height: 100%;
    margin: auto;
    object-fit: contain;
}

.cp-list-box .grid a .bbt {
    width: 100%;
    position: absolute;
    left: 0px;
    padding: 0 5px;
    bottom: 7%;
}




@media screen and (max-width:768px) {
	
	.cp-list-box {
	    margin-bottom: 10px;
	
	}
.cp-list-box .grid {
    width: 50%;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
}

.cp-list-box .grid a {
    display: block;
    position: relative;
    height:  auto;
    text-align: center;
    color: rgba(0, 0, 0, .7);
    padding-top: 0px;
    background: #fff;
}

.cp-list-box .grid a span.bb {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.cp-list-box .grid a .tu {
    height: 180px;
}


.cp-list-box .grid a .bbt {
    width: 100%;
    position: absolute;
    left: 0px;
    padding: 0 5px;
    bottom: -5px;
}



}





.cp-list-box .grid a .bbt .title {
    margin-bottom: 8px;
    font-size: 14px;
}

.cp-list-box .grid a .bbt .price {
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    display: none
}

.cp-list-box .grid a .bbt .price span {
    color: #c5a47e;
}

.cp-list-box .grid a:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    z-index: 10;
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.cp-list-box .grid.on a span.bb {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cp-list-box .grid.casel1.on a span.bb {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
}

.cp-list-box .grid.casel2.on a span.bb {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s;
}

.cp-list-box .grid.casel3.on a span.bb {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s;
}

.cp-list-box .grid.casel4.on a span.bb {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s;
}

.cp-list-box .grid.casel5.on a span.bb {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    transition-delay: .9s;
}

.cp-list-box .grid.casel6.on a span.bb {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.cp-list-box .grid.casel7.on a span.bb {
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.cp-list-box .grid.casel8.on a span.bb {
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.cp-list-box .grid.casel9.on a span.bb {
    -webkit-transition-delay: 1.7s;
    -moz-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.cp-list-box .grid.casel10.on a span.bb {
    -webkit-transition-delay: 1.9s;
    -moz-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.cp-list-box .grid.casel11.on a span.bb {
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

.cp-list-box .grid.casel12.on a span.bb {
    -webkit-transition-delay: 2.3s;
    -moz-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

.cp-list-box .grid.casel13.on a span.bb {
    -webkit-transition-delay: 2.5s;
    -moz-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

.cp-list-box .grid.casel14.on a span.bb {
    -webkit-transition-delay: 2.7s;
    -moz-transition-delay: 2.7s;
    transition-delay: 2.7s;
}

@media only screen and (max-width:1920px) {
    #ALL.details>.outer-container .cp-class {
        padding: 0px 15px;
    }

    #ALL.details .cp-banner {
        height: 200px !important;
    }
}

@media only screen and (max-width:1600px) {
    #ALL.details .cp-banner .bbt .title {
        font-size: 55px;
    }

    #ALL.details .cp-banner {
        height: 180px !important;
    }
}

@media only screen and (max-width:1400px) {
    #ALL.details .cp-banner .bbt .title {
        font-size: 50px;
    }

    #ALL.details .cp-banner {
        height: 160px !important;
    }
}

@media only screen and (max-width:1200px) {
    #ALL.details .cp-banner .bbt .title {
        font-size: 45px;
    }

    #ALL.details .cp-banner {
        height: 140px !important;
    }

    #ALL.details .cp-banner .bbt {
        margin-bottom: 0;
    }

  
}

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

    #ALL.details .cp-banner .bbt .title {
        font-size: 35px;
    }

    #ALL.details>.outer-container,
    .cpview-main {
        margin-top: 60px;
    }

    #ALL.details .cp-banner .bbt .tu {
        display: none;
    }

    #ALL.details .cp-banner {
        display: flex;
        align-items: center;
        height: 100px !important;
    }

    .list-container .area-title {
        flex-direction: column;
    }

    .list-container .area-title .zi-demo {
        padding-bottom: 30px;
    }

    .list-container .area-title .search-area {
        width: 100%;
        text-align: right;
        margin-right: 0;
        margin-left: auto;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:768px) {
    .cp-class ul li a .tu {
        width: 40px;
        min-width: 40px;
        line-height: 0;
    }

    .cp-class ul li a {
        padding: 10px 15px;
    }

    #ALL.details .cp-banner .bbt .title {
        font-size: 30px;
    }

    #ALL.details>.outer-container .cp-class {
        position: fixed;
        z-index: 99;
        top: 0;
        padding-top: 80px;
        background: #f5f4f2;
        left: 0;
        width: 80%;
        height: 100%;
        overflow: auto;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
        padding-right: 5px;
        transform: translateX(calc(-100% - 10px));
        -webkit-transform: translateX(calc(-100% - 10px));
        -moz-transform: translateX(calc(-100% - 10px));
        -ms-transform: translateX(calc(-100% - 10px));
        -o-transform: translateX(calc(-100% - 10px));
    }

    #ALL.details.show-filter>.outer-container .cp-class {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    #ALL.details.show-filter .filter-blur-area .filter-blur {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    #ALL.details .filter-blur-area .filter-icon {
        display: block;
    }

    #ALL.details>.outer-container .cp-class::-webkit-scrollbar {
        width: unset;
        height: unset;
        background-color: unset;
    }

    #ALL.details>.outer-container .cp-class::-webkit-scrollbar-thumb {
        border-radius: unset;
        background-color: unset;
        -webkit-border-radius: unset;
        -moz-border-radius: unset;
        -ms-border-radius: unset;
        -o-border-radius: unset;
    }

    #ALL.details>.outer-container .cp-class::-webkit-scrollbar-track {
        border-radius: unset;
        background: unset;
        -webkit-border-radius: unset;
        -moz-border-radius: unset;
        -ms-border-radius: unset;
        -o-border-radius: unset;
    }

    #ALL.details>.outer-container .list-container {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    #ALL.details>.outer-container .cp-class ul li a {
        padding: 12px;
    }

    .list-container .area-title .search-area {
        max-width: 100%;
    }
}

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

    #ALL.details>.outer-container,
    .cpview-main {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}



.techInfoBox {
  padding:0px 0;
  width:100%;
  max-width: 1360px;
  margin:0 auto;
  
}
@media (max-width: 768px) {
  .techInfoBox {
    padding: 0px 0;
  }
}
.techInfoBox .introBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.techInfoBox .introBox .titleBox {
  width: 300px;
  margin-bottom: 0;
}
.techInfoBox .introBox .titleBox .titleTw {
  color: #009FDD;
  font-size: 30px;
}
.techInfoBox .introBox .titleBox .titleTw span {
  border-bottom-color: #0551A5;
}
.techInfoBox .introBox .titleBox .titleEn {
  color: #0551A5;
 font-size: 30px;
  margin-top: 10px;
  font-style:normal;
}
.techInfoBox .introBox .infoBox {
  color: #616161;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.875;
  width: calc(100% - 300px);
}
@media (max-width: 992px) {
  .techInfoBox .introBox .titleBox {
    width: 200px;
  }
  .techInfoBox .introBox .infoBox {
    width: calc(100% - 200px);
  }
}
@media (max-width: 640px) {
  .techInfoBox .introBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .techInfoBox .introBox .titleBox,
.techInfoBox .introBox .infoBox {
    width: 100%;
  }
  .techInfoBox .introBox .titleBox {
    padding-bottom: 20px;
  }
}
.techInfoBox .circleBox {
  margin-top: 45px;
  position: relative;
}
@media (max-width: 992px) {
  .techInfoBox .circleBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 537px) {
  .techInfoBox .circleBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.techInfoBox .circleBox .bg img {
  margin:0  auto; display:block;
  max-width:100%;
  position:relative;
  z-index:1;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .bg {
    width: 450px;
    margin: auto;
  }
}
@media (max-width: 992px) {
  .techInfoBox .circleBox .bg {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    padding-bottom: 50px;
  }
}
.techInfoBox .circleBox .line {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  height: 25px;
}
.techInfoBox .circleBox .line:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: calc(100% - 25px);
  height: 2px;
}
.techInfoBox .circleBox .line .dots {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(4, 0, 0, 0.2);
          box-shadow: 0px 0px 7px 0px rgba(4, 0, 0, 0.2);
}
.techInfoBox .circleBox .line .dots:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e1251a;
}
@media (max-width: 992px) {
  .techInfoBox .circleBox .line {
    display: none;
  }
}
.techInfoBox .circleBox .introLeft_list,
.techInfoBox .circleBox .introRight_list {
  position: absolute;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(50% - 200px);
  z-index:9999;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introLeft_list,
.techInfoBox .circleBox .introRight_list {
    width: calc(50% - 100px);
  }
}
@media (max-width: 992px) {
  .techInfoBox .circleBox .introLeft_list,
.techInfoBox .circleBox .introRight_list {
    position: relative;
    top: 0;
    -webkit-transform: none;
            transform: none;
    width: 50%;
    padding: 10px;
  }
}
@media (max-width: 537px) {
  .techInfoBox .circleBox .introLeft_list,
.techInfoBox .circleBox .introRight_list {
    width: 100%;
  }
}
.techInfoBox .circleBox .introLeft_list .introLeftItem {
  position: relative;


}
.techInfoBox .circleBox .introLeft_list .introLeftItem .line {
  top: calc(50% + 8px);
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .line:before {
  background: rgb(225, 37, 26);
  background: -webkit-gradient(linear, left top, right top, from(rgba(225, 37, 26, 0)), to(rgb(225, 37, 26)));
  background: linear-gradient(90deg, rgba(225, 37, 26, 0) 0%, rgb(225, 37, 26) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1251a",endColorstr="#e1251a",GradientType=1);
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .line .dots {
  right: 0;
}
.techInfoBox .circleBox .introLeft_list .introLeftItem:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introLeft_list .introLeftItem:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .techInfoBox .circleBox .introLeft_list .introLeftItem:not(:last-child) {
    margin-bottom: 25px;
  }
}
.techInfoBox .circleBox .introLeft_list .introLeftItem:nth-child(1) .line {
  width: 192px;
  right: -58px;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introLeft_list .introLeftItem:nth-child(1) .line {
    width: 130px;
    right: 35px;
  }
}
.techInfoBox .circleBox .introLeft_list .introLeftItem:nth-child(2) .line {
  width: 150px;
  right: 10px;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introLeft_list .introLeftItem:nth-child(2) .line {
    width: 100px;
    right: 97px;
  }
}
.techInfoBox .circleBox .introLeft_list .introLeftItem:nth-child(3) .line {
  width: 145px;
  right: 0;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introLeft_list .introLeftItem:nth-child(3) .line {
    width: 95px;
    right: 93px;
  }
}
.techInfoBox .circleBox .introLeft_list .introLeftItem:nth-child(4) .line {
  width: 205px;
  right: -77px;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introLeft_list .introLeftItem:nth-child(4) .line {
    width: 150px;
  }
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .textBox {
  max-width: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
		  margin-left:80px;
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number {
  color: #007FBD;
  font-size: 50px;
 font-family:Geometr415 Blk BT;
  letter-spacing: 1px;
  line-height: 1;
  position: relative;
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number .plus {
  position: absolute;
  top: 16px;
  right: -15px;
  width: 9px;
  height: 9px;
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number .plus:before, .techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number .plus:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  background-color: #0551A5;
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number .plus:before {
  width: 1px;
  height: 9px;
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number .plus:after {
  width: 9px;
  height: 1px;
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number.hasPlus {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .txt {
  color: #333;
  font-size: 16px;
  letter-spacing: 0.9px;
  line-height:28px;
  padding-left: 5px;
  padding-bottom: 5px;
  max-height:60px;
  overflow: hidden;
  margin-top: 0;

}
@media (max-width: 537px) {
  .techInfoBox .circleBox .introLeft_list {

    padding: 0 0 40px;
  }
  .techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number {
    font-size: 50px;
  }
  .techInfoBox .circleBox .introLeft_list .introLeftItem .textBox .number .plus {
    top: 5px;
  }
}
.techInfoBox .circleBox .introRight_list {
  margin-right: 0;
  margin-left: auto;
}
.techInfoBox .circleBox .introRight_list .introRightItem {
  padding-left: 125px;
  position: relative;
}
.techInfoBox .circleBox .introRight_list .introRightItem .line {
  top: 50%;
}
.techInfoBox .circleBox .introRight_list .introRightItem .line:before {
  background: rgb(225, 37, 26);
  background: -webkit-gradient(linear, left top, right top, from(rgb(225, 37, 26)), to(rgba(225, 37, 26, 0)));
  background: linear-gradient(90deg, rgb(225, 37, 26) 0%, rgba(225, 37, 26, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1251a",endColorstr="#e1251a",GradientType=1);
  
  
  
  
  
  
}
.techInfoBox .circleBox .introRight_list .introRightItem .line .dots {
  left: 0;
}
.techInfoBox .circleBox .introRight_list .introRightItem:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introRight_list .introRightItem:not(:last-child) {
    margin-bottom: 50px;
  }
}
@media (max-width: 992px) {
  .techInfoBox .circleBox .introRight_list .introRightItem:not(:last-child) {
    margin-bottom: 25px;
  }
}
.techInfoBox .circleBox .introRight_list .introRightItem:nth-child(1) .line {
  width: 192px;
  left: -40px;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introRight_list .introRightItem:nth-child(1) .line {
    width: 150px;
    left: 27px;
  }
}
.techInfoBox .circleBox .introRight_list .introRightItem:nth-child(2) .line {
  width: 150px;
  left: 10px;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introRight_list .introRightItem:nth-child(2) .line {
    width: 100px;
    left: 100px;
  }
}
.techInfoBox .circleBox .introRight_list .introRightItem:nth-child(3) .line {
  width: 145px;
  left: 6px;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introRight_list .introRightItem:nth-child(3) .line {
    width: 90px;
    left: 97px;
  }
}
.techInfoBox .circleBox .introRight_list .introRightItem:nth-child(4) .line {
  width: 205px;
  left: -45px;
}
@media (max-width: 1300px) {
  .techInfoBox .circleBox .introRight_list .introRightItem:nth-child(4) .line {
    left: 22px;
  }
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introRight_list .introRightItem:nth-child(4) .line {
    width: 170px;
  }
}
.techInfoBox .circleBox .introRight_list .introRightItem .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
.techInfoBox .circleBox .introRight_list .introRightItem .Img {
  width: 64px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(4, 0, 0, 0.14);
          box-shadow: 0px 0px 7px 0px rgba(4, 0, 0, 0.14);
}
.techInfoBox .circleBox .introRight_list .introRightItem .Txt {
  padding-left: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.techInfoBox .circleBox .introRight_list .introRightItem .Txt .title {
 color: #333;
     font-size: 16px;
     letter-spacing: 0.9px;
     line-height: 28px;
     padding-left: 5px;
     padding-bottom: 5px;
     max-height:60px;
     overflow: hidden;
     margin-top: 0;
}
@media (max-width: 1180px) {
  .techInfoBox .circleBox .introRight_list .introRightItem {
    padding-left: 160px;
  }
}
@media (max-width: 992px) {
  .techInfoBox .circleBox .introRight_list .introRightItem {
    padding-left: 0;
  }
}
@media (max-width: 537px) {
  .techInfoBox .circleBox .introRight_list {
    padding: 0;
  }
}



.yingyong_box{position:relative;width:100%; padding:10px 0 0 0;}

.yingyong_box h2{display:block;height:45px;line-height:45px;width:100%;font-size:17px;text-align:center; color:#fff; background:#E1251A; max-width:150px; margin-top:25px;}
.yingyong_box hr{ background:#ccc; border:none; margin:0; margin-bottom:25px;}

.yingyong_box p img{ display:block; margin:0 auto; max-width:100%; text-align:center;}

.yingyong_box h1{display:block;height:55px;line-height:45px;width:100%;font-size:28px;text-align:center; color:#111; background:#fff; max-width:100%; margin-top:25px; position:relative;}
.yingyong_box h1:after{ content:""; position:absolute; left:47%; bottom:0px; width:60px; height:2px; background:#ff6600; text-align:center;}

.center1top {position:relative;width:100%; padding:10px 0 0 0;}
.center1top dl dd {display:inline-block;  width: calc(25% - 2px); margin:0 1px;float:left;position:relative;}
.center1top dl dd a {display:block;height:55px;line-height:55px;width:100%;font-size:16px;text-align:center;color:#363636; background:#ffffff; border-bottom: 2px  solid #ccc  ;}
.center1top dl dd a:hover {color:#fff; background:#E1251A;}
.center1top dl dd.hover a {display:block;height:55px;line-height:55px;width:100%;font-size:18px;text-align:center;color:#fff; background:#E1251A;}
.center1footer {width:96%;overflow:hidden;padding: 30px 2%; }

.center1footer p{ font-size:15px; text-align:left; line-height:26px; color:#666;}
.center1footer img{ display: block; margin: 0 auto;max-width: 100%; }

@media (max-width:787px) {
.center1top {position:relative;width:100%; padding:10px 0 0 0;}
.center1top dl dd {display:inline-block;width:31.33%; margin:0 1% 10px 1%;float:left;position:relative;}
.center1top dl dd a {height:30px;line-height:30px;font-size:13px;}
.center1top dl dd.hover a {height:30px;line-height:30px;font-size:13px;}


.yingyong_box h2{display:block;height:35px;line-height:35px;width:100%;font-size:14px;text-align:center; color:#fff; background:#E1251A; max-width:110px; margin-top:10px;}
.yingyong_box hr{ background:#ccc; border:none; margin:0; margin-bottom:10px;}


.yingyong_box h1{display:block;height:40px;line-height:35px;width:100%;font-size:16px;text-align:center; color:#111; background:#fff; max-width:100%; margin-top:10px; position:relative;}
.yingyong_box h1:after{ content:""; position:absolute; left:46%; bottom:0px; width:40px; height:1px; background:#ff6600; text-align:center;}



}




.xiangxijieshao{ float:left; width:100%; max-width:100%;}




.banenr_localhost{ position:absolute; bottom:0px; left:0; width:100%; height:60px; background:rgba(255,255,255,0.4); text-align:left;}
.banenr_localhost h3,.banenr_localhost span,.banenr_localhost a,.banenr_localhost a:hover{ font-size:14px; color:#fff; line-height:60px; padding-left:1%;}

.jieshao_box{ clear:both; width:100%; border-top:1px solid #ccc; padding-top:20px;}
.jieshao_box p{ font-size:15px; line-height:26px;}
.jieshao_box p img,.jieshao_box img{ display:block; max-width:100%; margin:10px auto;} 
/*产品类别*/
.clearfix:after {
	height: 0
}



/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
    background-color: #fff;

}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  border-radius: 10px;
    background-color: #fff;

}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 0px;

    background-color: #E1251A;
}