/*banner*/

.m-Top{margin-top: 70px;}
.slidebox{position:relative;width:100%;overflow:hidden;}

.slidebox .slideshow{width:100%;overflow:hidden;}

.slidebox .slideshow ul{position:relative;}

.slidebox .slideshow ul li{float:left;}

.slidebox .slideshow ul li img{width:100%;height:auto;}

.slidebox .slidelist{position:absolute;width:100%;height:70px;left:0;bottom:0;text-align:center;}

.slidebox .slidelist ul{display:inline-block;*display:inline;*zoom:1;}

.slidebox .slidelist li{float:left;width:16px;height:16px;margin:30px 10px;border-radius: 50%;cursor:pointer;background-color:#fff;/*border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;*/}

.slidebox .slidelist li.active{background-color:#e16330;border: 2px solid #e16330;}

.slidebox .item-btn{position: absolute;width: 80px;height: 80px;top: 50%;margin-top: -40px;cursor: pointer;transition: left .5s,right .5s;-webkit-transition: left .5s,right .5s;-moz-transition: left .5s,right .5s;-ms-transition: left .5s,right .5s;-o-transition: left .5s,right .5s;}

.slidebox .prev{left: -88px;background:url(../img/prev.png) no-repeat;}

.slidebox:hover .prev{left: 88px;}

.slidebox .next{right: -88px;background:url(../img/next.png) no-repeat;}

.slidebox:hover .next{right: 88px;}

.other-banner{width:100%;height: auto;}

.other-banner img{width: 100%;height: auto;}

@media screen and (max-width:640px){
.slidebox .slidelist li{width:8px;height:8px;}
.slidebox .slidelist ul {padding-top:20px;}
	}



/*idxFoor4*/
.idxFoor4{margin: 110px 0;}
.idxFoor4 .item{position: relative;}
.idxFoor4 .item .more{position: absolute;line-height:75px;border-top:0px solid rgba(255,255,255,.5);width: 100%;padding-left:5%;bottom:10px;left: 0;font-size:26px;color: #333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 70px;}
.idxFoor4 .item .more:before{width: 37px;height: 20px;content: '';background:url(../img/i7.png) no-repeat;position: absolute;top: 50%;margin-top:-5.5px;right:5%;transition:.3s;}
.idxFoor4 .item .more:hover:before{right:2%;}
.idxFoor4 .Foor4Top{}
.idxFoor4 .Foor4Top .item{width: 32.66%;float: left;margin-right:1%;margin-bottom:1%;}
.idxFoor4 .Foor4Top .item:nth-child(3n){margin-right:0;}
.idxFoor4 .Foor4Bom{}
.idxFoor4 .Foor4Bom .item{width: 49.5%;float: left;margin-right:1%;}
.idxFoor4 .Foor4Bom .item:nth-child(2n){margin-right:0;}
.idxFoor4 .Foor4Bom .item.Live{}
.idxFoor4 .Foor4Bom .item.Live .more:before{right:60%;}
.idxFoor4 .Foor4Bom .item.Live .more:hover:before{right:57%;}
.idxFoor4 .Foor4Bom .item.Live .LiveBtn{padding: 0 10px 0 45px;line-height:38px;background:#db2222;font-size:18px;color: #fff;border-radius:8px;display: block;position: absolute;bottom:15px;right:15%;}
.idxFoor4 .Foor4Bom .item.Live .LiveBtn:before{width: 22px;height: 16px;content: '';background:url(../img/i6.png) no-repeat;position: absolute;left: 12px;top: 50%;margin-top:-8px;}
.idxFoor4 .Foor4Bom .item.Live .view{position: absolute;font-size:18px;color: #fff;bottom:25px;right:5%;}

.idxFoor4 .item figure{overflow: hidden;}
.idxFoor4 .item figure img{transition:.3s;width: 100%;}
.idxFoor4 .item:hover figure img{transform: scale(1.1);}








.descc{}
.descc .box2{margin-bottom:30px;padding: 50px 40px 46px 54px;background-color: #f9f9f9;}
.descc .box2 ul{position: relative;overflow: hidden;}
.descc .box2 ul:after{content: "";position: absolute;left: 33.333%;top: 0;width: 0px;height: 100%;background-color: #e3e3e3;}

.descc .box2 ul li{float: left;margin-bottom: 10px;padding-right:30px;width:33.3333%;font-size: 14px;color: #333;line-height: 30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.descc .box2 ul li em{margin-right: 6px;font-size: 16px;=}
.descc .box2 ul li:nth-child(2n+0){padding-right: 0px;padding-right:0px;}
.descc .box2 ul li:nth-child(3n+0){padding-right: 0px;padding-left: 0px;}

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


.descc .box2 ul li{width:100%;}



}


 .specc{margin-top:40px;}
 .specc .box2{margin-top: 30px;padding: 50px 40px 46px 54px;background-color: #f9f9f9;}
 .specc .box2 ul{position: relative;overflow: hidden;}
  .specc .box2 ul:after{content: "";position: absolute;left: 45%;top: 0;width: 1px;height: 100%;background-color: #e3e3e3;}
 .specc .box2 ul li{float: left;margin-bottom: 10px;padding-right: 50px;width: 50%;font-size: 14px;color: #333;line-height: 30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
 .specc .box2 ul li em{margin-right: 6px;font-size: 16px;font-style:normal}
.specc .box2 ul li:nth-child(2n+0){padding-right: 0px;padding-left: 50px;}

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


.specc .box2 ul li{width:100%;}

.specc .box2 ul li:nth-child(2n+0){padding-right: 0px;padding-left: 0px;}
.specc .box2 ul:after{content: "";position: absolute;left: 0%;top: 0;width: 0px;height: 100%;background-color: #e3e3e3;}
}


/*idxFoor4*/
@media(max-width:1740px){
  
  .idxFoor4 .Foor4Bom .item.Live .view{right:10px;}
}
@media(max-width:1279px){

  .idxFoor4{margin:40px 0;}

}


@media(max-width:960px){
 
  .idxFoor4 .Foor4Top .item,.idxFoor4 .Foor4Bom .item{float: none;width: 100%; padding-bottom:2%;}
  .BusNewB .slideBox .contBox{height: auto;}
  .idxFoor4 .Foor4Top .item img,.idxFoor4 .Foor4Bom .item img{width: 100%;}
  


  
  }
  
  
  @media(max-width:768px){
 
  .idxFoor4 .item .more{font-size:18px;line-height:35px;}
 
  .idxFoor4 .Foor4Bom .item.Live .LiveBtn{bottom:auto;right:auto;top: 15px;left: 15px;}
  .idxFoor4 .Foor4Bom .item.Live .view{bottom:auto;right:auto;top: 15px;right:20px;color: #009b4c;}
  .idxFoor4 .Foor4Bom .item.Live .more:before{right:5%;}
  .slidebox .item-btn {display:none}
  
  }
  

  
  
/*关于我们*/
.aboutCom{ padding:80px 0 80px 0; }
.aboutComTitle{ text-align:center;}
.aboutComTitle .h3s{ color:#3f3f3f; font-size:36px; line-height:1;}
.aboutComTitle .comTc{ padding-top:20px; text-align:center; line-height:0;}
.aboutComTitle .comTc .tcCen{ display:inline-block; vertical-align:top; padding:0 17px; background-color:#e16330; color:#fff; font-size:16px; line-height:35px; text-transform:uppercase;}
.aboutComTitle .comLIn{ padding-top:24px;text-align:center; line-height:0;}
.aboutComTitle .comLIn .linspan{ display:inline-block; vertical-align:top; width:2px; height:32px; background-color:#e16330;}
@media screen and (max-width:1429px){
.aboutComTitle .h3s{ font-size:26px; }
.aboutComTitle .comTc{ padding-top:16px; }
.aboutComTitle .comTc .tcCen{ padding:0 14px; font-size:16px; line-height:35px; }
.aboutComTitle .comLIn{ padding-top:20px;}
.aboutComTitle .comLIn .linspan{ height:28px; }
	}
@media screen and (max-width:1229px){
.aboutComTitle .h3s{ font-size:20px; }
.aboutComTitle .comTc{ padding-top:12px; }
.aboutComTitle .comLIn{ padding-top:15px;}
.aboutComTitle .comLIn .linspan{ height:23px; }
	}
	@media screen and (max-width:1920px){
.m-Top{margin-top: 90px;}
}
	@media screen and (max-width:2560px){
.m-Top{margin-top: 90px;}
}

.aboutComDown{ padding-top:14px; color:#333333; font-size:15px; line-height:33px;}
.aboutComDown .comText{ padding:0 9.42% 0 9.42%; text-align:center;}
.aboutComDown .comCount{ padding:40px 0% 0 0%;}
.aboutComDown .comCount .countLi{ float:left; width:33.3333%; border-left:#dadada solid 0px;}
.aboutComDown .comCount .countLi:last-child{border-right:#dadada solid 0px;}
.aboutComDown .comCount .countLi .big{ text-align:center;}
.aboutComDown .comCount .countLi .big .bigCen{ display:inline-block; vertical-align:top; color:#e16330; font-size:55px; font-weight:bold; line-height:1; position:relative;}
.aboutComDown .comCount .countLi .big .bigCen .bigS{ position:absolute; left:100%; font-size:18px; padding-left:10px; top:50%; margin-top:-9px; font-weight:normal;}
.aboutComDown .comCount .countLi .bigLine{ padding:18px 0; line-height:0; text-align:center;} 
.aboutComDown .comCount .countLi .bigLine .span{ display:inline-block; width:26px; height:2px; background-color:#e16330;}
.aboutComDown .comCount .countLi .bigText{ color:#333333; font-size:15px; line-height:1; text-align:center;}
@media screen and (max-width:1429px){
.aboutComDown{ font-size:14px; line-height:28px;}
.aboutComDown .comText{ padding:0;}
.aboutComDown .comCount{ padding:51px 0 0 0;}
.aboutComDown .comCount .countLi .big .bigCen{ font-size:47px;}
.aboutComDown .comCount .countLi .big .bigCen .bigS{ font-size:15px; margin-top:-7px; }
.aboutComDown .comCount .countLi .bigLine{ padding:14px 0; } 
.aboutComDown .comCount .countLi .bigText{ font-size:14px; }
	}
@media screen and (max-width:1229px){
.aboutComDown .comCount{ padding:35px 0 0 0;}
.aboutComDown .comCount .countLi .big .bigCen{ font-size:37px;}
	}
@media screen and (max-width:767px){
.aboutComDown .comCount{ padding:35px 0 0 0;}
.aboutComDown .comCount .countLi{ border-left:0;}
.aboutComDown .comCount .countLi:last-child{border-right:0;}
.aboutComDown .comCount .countLi .big .bigCen{ font-size:24px;}
.aboutComDown .comCount .countLi .big .bigCen .bigS{ font-size:12px; padding-left:5px; margin-top:-6px;}
.aboutComDown .comCount .countLi .bigText{ font-size:12px; }

	}







 .comCount{ padding:40px 0% 0 0%;}
 .comCount .countLi{ float:left; width:25%; border-left:#dadada solid 0px;}
 .comCount .countLi:last-child{border-right:#dadada solid 0px;}
 .comCount .countLi .big{ text-align:center;}
 .comCount .countLi .big .bigCen{ display:inline-block; vertical-align:top; color:#e16330; font-size:55px; font-weight:bold; line-height:1; position:relative;}
 .comCount .countLi .big .bigCen .bigS{ position:absolute; left:100%; font-size:18px; padding-left:10px; top:50%; margin-top:-9px; font-weight:normal;}
 .comCount .countLi .bigLine{ padding:18px 0; line-height:0; text-align:center;} 
 .comCount .countLi .bigLine .span{ display:inline-block; width:26px; height:2px; background-color:#e16330;}
 .comCount .countLi .bigText{ color:#333333; font-size:15px; line-height:1; text-align:center;}
@media screen and (max-width:1429px){


 .comCount{ padding:51px 0 0 0;}
 .comCount .countLi .big .bigCen{ font-size:47px;}
 .comCount .countLi .big .bigCen .bigS{ font-size:15px; margin-top:-7px; }
 .comCount .countLi .bigLine{ padding:14px 0; } 
 .comCount .countLi .bigText{ font-size:14px; }
	}
@media screen and (max-width:1229px){
.comCount{ padding:35px 0 0 0;}
 .comCount .countLi .big .bigCen{ font-size:37px;}
	}
@media screen and (max-width:767px){
 .comCount{ padding:35px 0 0 0;}
.comCount .countLi{ border-left:0;}
 .comCount .countLi:last-child{border-right:0;}
 .comCount .countLi .big .bigCen{ font-size:24px;}
.comCount .countLi .big .bigCen .bigS{ font-size:12px; padding-left:5px; margin-top:-6px;}
 .comCount .countLi .bigText{ font-size:12px; }
	}





		.indexTitle{width: 100%; text-align: center; padding-top: 20px}
.indexTitle h2{font-size: 36px; font-weight: bold;  color:聽#0075cf; line-height: 1.1;}
.indexTitle p{font-size: 18px; color: #666; margin-top: 10px;}
	
	.sectionBox{width: 100%; background-color: #f4f4f4; padding: 60px 0 80px 0; position: relative; z-index: 1;}
	.section03{background-color: #fff;}
.indexPartner{margin-top: 50px; padding: 1px 0 0 1px; overflow: hidden;}
.indexPartner ul li{width: 20%; float: left; border: 1px solid #f5f5f5; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 46%; overflow: hidden; position: relative;}
.indexPartner ul li img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.indexPartner ul li:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}


@media screen and (max-width:768px){
 
   .indexPartner{margin-top: 20px;}

	 .indexPartner ul li{width: 33.333%;}
	    .indexTitle p{font-size: 12px;}
			.banner-shubiao	{display:none}
		
		}
	






.aboutPage2{ background: url(../img/bg8.jpg) no-repeat center; background-size: cover; padding: 80px 0 80px; }
.title6{  }
.title6 .h6{ font-size: 36px; color: #3f3f3f;  text-align: center; margin-bottom: 10px; padding-top:30px }
.title6 .en{ font-size: 12px; color: #bcbfc4; text-align: center; }
.aboutPage2 .content{ overflow: hidden; margin-top:36px;text-align: center; }
.aboutPage2 .content img{ max-width:100%; }
.aboutPage2 .content .box2{ height: 216px; }
.aboutPage2 .content .box .text{ padding: 22px 46px 0px 56px; }
.aboutPage2 .content .box2 .text{ padding: 22px 46px 0 56px; }
.aboutPage2 .content .h6{ font-size: 16px; font-weight: bold; color: #393f4b; margin-bottom: 7px; }
.aboutPage2 .content .en{ color: #0092D7; font-size: 16px; margin-bottom: 12px; }
.aboutPage2 .content .p{ line-height: 24px; font-size: 14px; }
.aboutPage2 .content .leftDiv .box:last-child{ margin-bottom: 0; }
.aboutPage2 .content .box3{ width: 590px; background: #FFFFFF; height: 438px; }
.aboutPage2 .content .box3 .text{ padding: 72px 76px 0 66px; }
	
.aboutPage2 .content .box3 .en{ margin-bottom: 20px; }  

@media screen and ( max-width:1024px ){
	.aboutPage2{ background: ; }
.aboutPage2 .content .box .text{  }
.aboutPage2 .content .box{ width: 100%; height: auto; margin: 34px 0; }
.aboutPage2 .content .en{ margin-bottom: 6px; }
.aboutPage2 .content .h6{ margin-bottom: 4px;font-size: 18px; }  
.aboutPage2 .content .leftDiv .box:last-child{ margin-bottom: 34px; }
.aboutPage2 .content .box3{ width: 100%; height: auto; }
.aboutPage2 .content .box3 .text{ }
.pord_list{padding-top:50px;margin-top:50px; }

}



.index1{padding:120px 0; position: relative;}
.index1 .line{width:120px; height: 0px; background-color: #bfc0c0; position: absolute; top:50%; right:0;}
.in1L{width:48.37%; float:left; padding:20px 0 50px 3.12%; position: relative; z-index: 1;}
.title{position: relative;}
.title .line2{width:48px; height: 2px; background-color: #867159; position: absolute; left: -50px; top:-60px;}
.title .bolder{font-weight: bolder; }
.title .H4{font-size:28px; color:#e16330; font-family: Arial; font-weight: bolder; text-transform: uppercase;}
.title .H4 .color{color:#867159;}
.title .H5{font-size:30px; color:#1f262c; margin: 15px 0 45px 0;}
.in1L .p{font-size:16px; line-height:30px; color:#323c43; text-align: justify;
         overflow : hidden;
}
.in1More{font-size:14px; color:#867159; font-weight: bold; text-transform: uppercase; line-height: 20px; border-bottom:1px solid #fff; margin-top:45px; display: inline-block;}
.in1More .ico{display:inline-block; width: 19px; height: 10px; background: url(../img/p4.png) center no-repeat; background-size: 100%; margin-right:8px;}
.in1More:hover{border-color:#867159;}

.in1R{width:46.56%; float:right; position: relative;}
.in1R .playBtn{width:100%; height: 100%; position: absolute; top:0; left: 0; ;}
/*.in1R .playBtn{width:100%; height: 100%; position: absolute; top:0; left: 0; background-color: rgba(0,0,0,0.6);}*/
.in1R .playBtn .btns{width:73px; height: 73px; position: absolute; top:50%; left: 50%; cursor: pointer;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.in1R .in1EnTi{height:100%; width:59.59%; left: -59.59%; top:0; position: absolute; background: url(../img/j3.jpg) center right no-repeat; background-size: auto 100%;}

.videoPop{width:100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top:0; left: 0; z-index: 999999; display: none;}
.videoPop2{background-color:#fff; min-height: 100px; width:50%; left: 25%; padding:10px; position: absolute; top:50%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.videoPop2 .video2{display:block;width: 100%;object-fit:fill}
.videoPop2 .close2{width:30px; height: 30px; position: absolute; top:-15px; right:-15px;}

@media screen and (max-width:1629px){
	.in1L{padding:30px 0 0 3.12%}
	.title .line2{top:-30px;}
}
@media screen and (max-width:1199px){
	.index1{padding:60px 0;}
	.title .H5{font-size:22px; margin: 10px 0;}
	.in1L .p{line-height:24px; height:100px;}
}
@media screen and (max-width:991px){
	.in1R{margin-top:60px;}
	.videoPop2{width:90%; left: 5%; padding:10px;}
}
@media screen and (max-width:767px){
	.index1{padding:1px 0;}
	.in1L{width:100%; padding:15px 0 0 0;}
	.title .H4{font-size:20px;}
	.title .H5{font-size:18px;}
	.in1L .p{font-size:14px;}
	.in1More{margin-top:10px;}
	.in1R{width:100%; margin-top:20px;}
	.in1R .playBtn .btns{width:40px; height: 40px;}
	.title .line2{left: 0; top:-15px;}
}







.apartner {
  padding: 100px 0 150px;
  background: url('../img/bg3.jpg') no-repeat center center;
  background-size: cover;
}
.apartner .tit1 {
  color: #fff;
  margin-bottom: 1.3rem;
}
.apartner li {
  float: left;
  width: 25%;
  margin-bottom: 0.4rem;
  text-align: center;
  margin-bottom: 0.7rem;
}
.apartner li img {
  max-width: 90%;
}
.apartner li:nth-child(5) {
  margin-left: 12.2%;
}
@media (max-width: 768px) {
  .apartner li {
    width: 33.33%;
  }
  .apartner li:nth-child(5) {
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .apartner {
    padding-bottom: 0.6rem;
  }
  .apartner .wrap {
    width: 96%;
  }
}
@media (max-width: 480px) {
  .apartner {
    padding-bottom: 1rem;
  }
  .apartner li {
    width: 50%;
  }
}











/*公司资质*/
.gy_box{ clear:both; height:auto; overflow:hidden; padding:80px 0 50px 0;width:100%;background-color: #f3f3f3;}



.gslf{ height:auto; overflow:hidden; margin-bottom:70px; padding-top:100px; margin-top:-100px; }



.gslf p{ line-height:36px; color:#333333; font-size:14px;}

.gsld{ height:auto; overflow:hidden;margin-bottom:130px; padding-top:100px; margin-top:-100px; }

.gsld h1{ color:#333333; font-size:48px; line-height:48px; margin-bottom:45px;}

.gsld li{ float:left; width:32%; height:auto; min-height:260px !important; border:3px solid #e1e6e8; padding:58px 50px 0 50px; margin-right:1.3%;}

.gsld li h6{ text-align:center; color:#333333; font-size:24px; margin-bottom:20px;}

.gsld li h6 img{ vertical-align:middle; margin-right:20px; vertical-align:middle;}

.gsld li p{ color:#333333; line-height:36px; font-size:14px; letter-spacing:0.3px;}

.gsld li.qcbj{ margin-right:0px;}

.gslf1{ margin-bottom:0px;}

.begr{ width:100%; height:auto; overflow:hidden;background:#fff; padding:40px 30px;}

.begr dl{ width:100%;}

.begr dt{ width:100%; position:relative;display:flex;flex-direction: row;justify-content: flex-start;}

.begr dt:after{ content:''; position:absolute; right:-11px; top:-21px; width:21px; height:21px; background:url(../img/tu44.png) no-repeat center center;}

.begr dt span{ display:block; width:100%;align-self:center;}

.begr dt img{ display:block; margin:0 auto;}

.begr dd{ margin-top:30px; border-top:1px solid #cccccc; padding-top:20px; text-align:center;}

.begr dd h6{ color:#666; font-size:16px; line-height:24px;  font-weight:normal}

.begr dd p{ color:#999999; font-size:14px; line-height:24px;}

@media(max-width:1440px){

.gsln{ width:100%; padding:0 60px; height:auto; margin:0 auto;}

}

@media(max-width:1024px){

.gy_box{ clear:both; height:auto; overflow:hidden; padding:40px 0 40px 0}

.gsln{ width:100%; padding:0 30px; height:auto; margin:0 auto;}

.gslf{ height:auto; overflow:hidden; margin-bottom:30px; padding-top:100px; margin-top:-100px;}

.begr dt img{  width:236px}

.gsld h1{ color:#333333; font-size:28px; line-height:38px; margin-bottom:20px;}

.gsld li{ float:left; width:32%; height:auto; min-height:260px !important; border:3px solid #e1e6e8; padding:30px 20px 0 20px; margin-right:1.3%;}

.gsld li h6{ text-align:center; color:#333333; font-size:20px; margin-bottom:20px;}

.gsld{ height:auto; overflow:hidden; margin-bottom:30px; padding-top:100px; margin-top:-100px; }

.gslf1{ margin-bottom:0px;}

}

@media(max-width:414px){

.gy_box{ clear:both; height:auto; overflow:hidden; padding:140px 0 40px 0; margin-top:-100px}

.gsln{ width:100%; padding:0 15px; height:auto; margin:0 auto;}

.gslf{ height:auto; overflow:hidden; margin-bottom:40px;}


.gsld h1{ color:#333333; font-size:28px; line-height:38px; margin-bottom:20px;}

.gsld li{ float:left; width:100%; height:auto; min-height:auto !important; border:3px solid #e1e6e8; padding:20px; margin-right:0%; margin-bottom:20px;}

.gsld li h6{ text-align:center; color:#333333; font-size:20px; margin-bottom:20px;}

.gsld{ height:auto; overflow:hidden; margin-bottom:40px; padding-top:100px; margin-top:-80px; }

.gslf1{ margin-bottom:0px;}

.gsld li.qcbj{ margin-right:0px; margin-bottom:0px}

}

.game163{position: relative; overflow: hidden; background:#; padding-bottom:40px;}
.game163 .smallScroll{height:82px; margin-bottom: 6px; margin:0 auto;  padding-top:5px;}
.game163 .sPrev, .game163 .sNext{float: left;display: block;width:22px;height:82px;text-indent: -9999px;}
.game163 .sPrev{background: url(../img/pro-prev.jpg) no-repeat 0 0;}
.game163 .sNext{background: url(../img/pro-next.jpg) no-repeat 0 0;}

.game163 .bigImg {min-height:460px;}
.game163 .bigImg  img{width:600px;}
.game163 .smallImg{float:left;margin: 0;display:inline;overflow: hidden; border-top:1px solid #ededed; border-bottom:1px solid #ededed;width:555px;}
.game163 .smallImg ul{height:82px;width: 9999px;overflow: hidden;}
.game163 .smallImg li{float: left;padding: 0 4px 0 0;width:90px;cursor:pointer;display: inline; border-right:1px solid #ededed; margin-right:0.02%;}
.game163 .smallImg img{width:82px;height:82px;}
.game163 .smallImg .on{border-top:2px solid #e16330;}
.game163 .pageState{position: absolute;top: 235px;right: 5px;font-family: "Times New Roman", serif;letter-spacing: 1px;}
.game163 .pageState span{color: #f00;font-size: 16px;}


 .videobf {
    display: block;
    width: 132px;
    height: 38px;
    color: #555;
  border: 1px solid #aaa;
    font-size: 16px;
    line-height: 38px;
    margin: auto 0; margin-left:200px;  
    border-radius: 5px;   margin-bottom:20px;
}


.videobf i {
    float: left;
    margin: 11px 15px 0 20px;
    width: 12px;
    height: 16px;
    background-position: 0 -171px;
}
[class^="icon-"], [class*=" icon-"], .icon, .header .top .info i, .header .nav .arrowa {
    background: url(../img/icon.png) no-repeat;
    display: inline-block;
}

@media screen and (max-width:640px){
.videobf  { margin-left:0px; }

 }
/********联系我们 begin*********/

.lxwm{width:100%;height:auto;overflow:hidden;padding:4.8vw 8.33vw 0.2vw;}

.lx_t{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;}
.lx_t span{font-size:1.35vw;color:#e16330}

.lx_t h2{font-size:1.25vw;line-height:1.6vw;color:#363636;margin-bottom:0.6vw;}

.lx_t p{font-size:0.83vw;line-height:1.6vw;color:#646464;}

.lxlx{width:100%;height:auto;overflow:hidden;margin:4.2vw 0px;padding:2% 1%;}

.lxlx p{float:left;width:10%;margin-right:8%;}

.lxlx p:last-child{margin-right:0px;}

.lxlx img{vertical-align:middle;max-width:100%;transition: all 0.5s ease;}

.lxlx p:hover img {box-shadow:0px 0px 0.78vw rgba(12,55,131,0.5);-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}

.lxlx span{display:block;width:100%;font-size:0.83vw;line-height:1.6vw;color:#363636;margin-top:1.6vw;}



@media(max-width:1440px){

.lxfs{padding:0px 4.2vw}

.lx_t h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.lx_t p{font-size:14px;line-height:24px;}

.lxlx span{font-size:14px;line-height:24px;margin-top:15px;}

.lx_m h2{font-size:20px;line-height:24px;margin-bottom:10px;}

.lx_m h3{font-size:14px;line-height:24px;}

.lxfs li{min-height:20vw}

.lxfs li h4{font-size:14px;line-height:24px;margin-top:20px;margin-bottom:10px;}

.lxfs li p{font-size:14px;line-height:18px;}

.lx_b h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.ly p input{font-size:14px;}

}

@media(max-width:1024px){

.ly p{width:30%;margin-right:5%;}

.ly p input{line-height:40px;padding:0px 15px;font-size:14px;}

.ly{padding-top:30px;}



.lxwm{padding:30px;}

.lx_t h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.lx_t p{font-size:14px;line-height:24px;}

.lxlx{margin:30px 0px;padding:1%;}

.lxlx p{float:left;width:30%;margin-right:5%;margin-bottom:15px;}

.lxlx p:nth-child(3n){margin-right:0px;}

.lxlx p:hover img {box-shadow:0px 0px 10px rgba(12,55,131,0.5);}

.lxlx span{font-size:14px;line-height:24px;margin-top:15px;}



.lx_m h2{font-size:20px;line-height:24px;margin-bottom:10px;}

.lx_m h3{font-size:14px;line-height:24px;}

.lxfs{margin:30px 0px;padding:0px;}

.lxfs li{float:left;width:49%;margin-right:2%;padding:30px 10px 30px;min-height:240px;margin-bottom:10px;}

.lxfs li:nth-child(2n){margin-right:0px;}

.lxfs li h4{font-size:16px;line-height:24px;margin-top:20px;margin-bottom:10px;}

.lxfs li p{font-size:12px;line-height:18px;}



.lx_b{margin-top:20px;}

.lx_b h2{font-size:20px;line-height:24px;margin-bottom:15px;}

.game163 .bigImg  img{width:100%;}
.game163 .smallImg{width:91%;}



}



@media(max-width:768px){

.lxwm{ padding-top:60px;}

.lxlx{margin:15px 0px; padding-top:20px;}

.lxfs{margin:15px 0px;}

.lx_t h2{font-size:18px;line-height:24px;margin-bottom:15px;}

.lx_t p{font-size:14px;line-height:24px;}

.lxlx span{margin-top:5px;}

.lx_m h2{font-size:18px;line-height:24px;margin-bottom:10px;}

.lxfs li h4{font-size:14px;line-height:24px;margin-top:10px;margin-bottom:10px;}

.ly p{float:none;width:100%;margin-right:0%;margin-bottom:10px;}

.lxfs li{min-height:220px;padding:15px 5px;}

.lx_b h2{font-size:18px;line-height:24px;margin-bottom:10px;}



}

















.col-lg-3{width:24%; float:left; margin-right:1%}

.col-lg-6{width:49%; float:left; margin-right:1%}

.news-box {
  padding-bottom: 2rem;
  background: #f7f7f7;
  padding-top: 2rem;
}

.news-box ul {
  padding-bottom: 0.8rem;width: 101%;
}



.news-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
overflow: hidden;
  color: #969696;
}
.news-list li {
  margin-bottom: 0.4rem;
  cursor: pointer;
}
.news-list h3 {
  font-weight: normal;
  color: #333;
}
@media (min-width: 768px) {
  .news-list .inner {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    background: #fff;
    padding: 0.66rem;
    transition: all 0.3s;
  }
  .news-list img {
    width: 163px;
    display: block;
  }
  .news-list .content {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 6% 0 3%;
  }
  .news-list .desc {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 14px;
    line-height: 22px;
    height: 40px;
  }
  .news-list h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    margin-right: 5%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .news-list li:hover {
    color: #fff;
  }
  .news-list li:hover .inner {
    background: #f38031;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  }
  .news-list li:hover h3 {
    color: #fff;
  }
 
}
@media (min-width: 768px) and (max-width: 1300px) {
  .news-list .inner {
    padding: 0.46rem;
  }
  .news-list .content {
    padding: 0 3%; 
  }
}
@media (max-width: 1200px) {
  .news-list img {
    width: 200px;
  }
  .news-list h3 {
    font-size: 0.4rem;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .news-list .desc {
    margin-top: 18px;
  }
   .col-lg-6{width:100%;  margin-right:0%}
   .col-lg-3{width:100%;  margin-right:0%}
}
@media (max-width: 767px) {
  .news-list img { width:100%; margin-bottom:10px;
    display: ;
  }
  .news-list li {
    margin-bottom: 1rem;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    padding-bottom: 1rem;
  }
  .news-list h3 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .news-list .desc {
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 60px;
  }
}
.news-list2 li {
  margin-bottom: 0.84rem;
}
.news-list2 img {
  width: 100%;
  display: block;
}
.news-list2 a {
  display: block;
  transition: all 0.3s;
}
@media (min-width: 992px) {
  .news-list2 a:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    background: #f38031;
  }
  .news-list2 a:hover .content {
    color: #fff;
  }
  .news-list2 a:hover .time::before {
    background: #fff;
  }
}
.news-list2 .time {
  font-size: 12px;
  padding: 0.4rem 0 0.46rem;
}
.news-list2 .time::before {
  content: '';
  display: inline-block;
  width: 0.46rem;
  height: 1px;
  background: #333;
  vertical-align: middle;
  margin-right: 0.1rem;
}
.news-list2 .content {
  padding-bottom: 0.6rem;
}
.news-list2 h3 {
  font-size: 0.4rem;
  line-height: 0.6rem;
  padding: 0 0.6rem 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 1.2rem;
}
@media (max-width: 768px) {
  .news-list2 h3 {
    font-size: 18px;
    line-height: 22px;
    height: 44px;
  }
}
.news-box2 {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1600px;
  max-width: 1400px;
}
.news-box {
  padding-bottom: 2rem;
  background: #f7f7f7;
  padding-top: 2rem;
}
.news-box h2 {
  font-size: 0.6rem;
  font-weight: normal;
}
.news-box ul {
  padding-bottom: 0.8rem;
}


}



/*news-con*/

.news-details {
	padding: 3% 0;
	text-align: center;
}
.news-details img
{
	margin-top: 20px;
	max-width: 100%;
	position: relative;
	left: -2em;
}
.news-details .inner-wrap {
	min-height: 600px;
	margin: 0 auto;
	background: #fff;
}
.news-details-title {
	border-bottom: 1px solid #eeeeee;
	padding: 2% 3%;
	margin-bottom: 4%;
}
.news-details-title h1 {
	font-size: 22px;
	line-height: 40px;
	margin-bottom: 3%;
}
.news-details-title p {
	font-size: 13px;
}
.news-details-title span {
	color: #666;
	font-size: 13px;
	margin: 0 4px;
}
.news-details-title img {
	margin-left: 5%;
	vertical-align: middle;
	left: 0;
	margin-top: 0;
}
.news-details-con {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 5%;
}
.news-details-con video
{
	max-width: 820px;
    border: 1px solid #eee;
    padding: 5px;
    background: #f8f8f8;
    /*background:  url(../img/banner4.jpg) no-repeat center;
    background-size: cover;*/
}
.news-details-con > p {
	text-indent: 2em;
	text-align: left;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 42px;
}
.news-details-con div {
	text-align: center;
	display: inline-block;
	width: 46%;
	vertical-align: top;
	margin: 1%;
}
.news-details-con div.one {
	width: 100%;
}
.news-details-con div img {
	max-width: 72%;
	display: inline-block;
}
.news-details-con div p {
	margin-top: 2%;
	line-height: 23px;
	color: #333;
	letter-spacing: 0.4px;
}
.news-details-back {
	text-align: center;
	margin-top: 5%;
}
.news-details-back a {
	display: inline-block;
	background: #e16330;
	color: #fff;
	margin-top: 0;
}
.index-more {
	font-family: 'BEBAS';
	text-transform: uppercase;
	display: inline-block;
	width: 200px;
	height: 52px;
	line-height: 52px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-top: 12%;
	transition: all 0.5s;
	background: #e16330;
}
.index-more:hover {
	cursor: pointer;
	letter-spacing: 2px;
}
.index-more.border {
	color: #999;
	border: 1px solid #999;
	background: transparent;
}

 .sq_main{ padding-top:60px;}




.contact-way{position:relative;overflow:hidden;border-bottom:1px solid #ebeced;}
 .contact-way .line{position:absolute;left:0;top:205px;width:100%;height:1px;background:#eee;}
.contact-way li{float:left;height:155px;padding:10px 0;margin-bottom:100px;text-align:center;box-sizing:border-box;}
 .contact-way li i{display:block;width:50px;height:50px;margin:0 auto;background:url(../img/all-icon.png) no-repeat;}
.contact-way li h4{line-height:25px;margin:5px 0;font-size:16px;font-family:"OpenSans-Bold";}
 .contact-way .tel{width:29.5%;border-right:1px solid #eee;}
 .contact-way .tel i{background-position:-150px -60px;}
 .contact-way .add{width:41%;padding:10px 5%;border-right:1px solid #eee;}
 .contact-way .add i{background-position:-200px -60px;}
 .contact-way .mail{width:29.5%;}
.contact-way .mail i{background-position:-250px -60px;}
 .contact-way .phone{width:29.5%;border-right:1px solid #eee;}
 .contact-way .phone i{background-position:-10px -120px;}
 .contact-way .wahtsapp{width:41%;padding:10px 5%;border-right:1px solid #eee;}
 .contact-way .wahtsapp i{background-position:-60px -120px;}
 .contact-way .skype{width:29.5%;}
 .contact-way .skype i{background-position:-110px -120px;}

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

 .contact-way .add{padding:10px 2%;}

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


 .game163  ul{margin:0 auto;width:88%;}
 .game163{ padding-top:100px;  width:100%;  }
 .game163 .smallScroll{width:88%;  margin:0 auto;   }

 }
@media only screen and (max-width:640px){
 .contact-way{padding-bottom:30px;}
 .contact-way .line{display:none;}
.contact-way li{position:relative;float:none;height:auto;padding:0 0 0 70px;margin-bottom:30px;text-align:left;}
 .contact-way li i{position:absolute;left:0;top:0;}
 .contact-way li h4{margin:0 0 5px;}
.contact-way .tel{width:100%;border-right:none;}
 .contact-way .add{width:100%;border-right:none;padding:0 0 0 70px;}
.contact-way .mail{width:100%;}
 .contact-way .phone{width:100%;border-right:none;}
.contact-way .wahtsapp{width:100%;border-right:none;padding:0 0 0 70px;}
 .contact-way .skype{width:100%;}}

/*联系我们*/
.pz_main{ width:100%; background: #fff; overflow: hidden;padding:48px 0 70px 0;}
.pz_mains{ width:100%; background: #fff; overflow: hidden;padding:48px 0 1px 0;}
.pz_main2{ width:100%; background: #fff; overflow: hidden;padding:18px 0 10px 0;}
.contactBox{ padding:88px 0 100px 0; overflow: hidden;}
.contactBox .contactLeft{ float:left; width:42.85%; padding:0 20px 0 0;}
.contactBox .contactLeft .contactTit{ color:#333333; font-size:32px; line-height:1.25;}
.contactBox .contactLeft .english{ padding:10px 0 36px 0;color:#6e6e6e; font-size:14px; line-height:20px; font-family: Arial; text-transform: uppercase;}
.contactBox .contactLeft .tent{ padding:32px 0 28px 0;overflow: hidden;border-bottom:#f7f7f7 solid 1px;}
.contactBox .contactLeft .tent .tentLi{ overflow: hidden;float:left; width:100%; margin:15px 0; line-height:22px; font-size:16px; padding-left:36px; min-height:22px; position:relative;}
.contactBox .contactLeft .tent .tentLi .span{ font-size: 18px;}
.contactBox .contactLeft .tent .tentLi b{ position:absolute; left:0; top:0;}
.contactBox .contactLeft .ewm{ margin:40px 0 0 0; }
.contactBox .contactLeft .ewm .ewmPic{ float:left; width:140px; height:140px; border:#dbdbdb solid 1px; padding:7px;}
.contactBox .contactLeft .ewm .ewmCon{ float:left; width:415px; padding:65px 0 0 16px; color:#999999; line-height:21px;}
.contactBox .contactLeft .ewm .ewmpad{ padding-top:7px;}
.contactBox .contactLeft .ewm .ewmBig{ color:#3a3a3a; font-size:16px;}
.contactBox .contactLeft .ewm .ewmDark{ color:#3a3a3a;}
.contactBox .contactRight{ float:left; width:57.15%; padding-left:15px;}

.contactRight .cmap{ height:552px;}
.contactRight label{ max-width:224px;}
.contactRight .BMapLabel{ float:left; background-color:#ec5e11; width:100px !important; border:0 !important; height:25px;  font-size:14px; line-height:25px!important; text-align:center;
    border-radius:11px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    -o-border-radius:11px;
}
.contactRight .BMapLabel a{ color:#fff;}
@media  screen and (max-width:1429px){
    .contactBox{ padding:50px 0 70px 0;}
    .contactBox .contactLeft .ewm .ewmCon{ width:315px; padding:40px 0 0 16px; }
}
@media  screen and (max-width:1229px){
    .contactBox .contactLeft .ewm .ewmCon{ width:252px; padding:40px 0 0 16px; }
}

@media  screen and (max-width:991px){
    .contactBox{ padding:30px 0 40px 0;}
    .contactBox .contactLeft{ width:100%; padding:0;}
    .contactBox .contactLeft .contactTit{ font-size:25px;}
    .contactBox .contactLeft .english{ padding:10px 0 20px 0; font-size:16px;}
    .contactBox .contactLeft .tent{ padding:20px 0 20px 0; }
    .contactBox .contactLeft .tent .tentLi{ margin:10px 0; font-size:14px; }
    .contactBox .contactLeft .tent .tentLi .span{ font-size: 15px;}
    .contactBox .contactLeft .ewm{ margin:20px 0 20px 0;}
    .contactBox .contactRight{ width:100%; padding-left:0; margin-top:40px; padding-top:40px; padding-bottom:20px; }
    .contactRight .cmap{ height:400px;}
	
	.pz_main{ padding:38px 0 50px 0;}
	.pz_main2{ padding:18px 0 50px 0;}
	
	
}
@media  screen and (max-width:767px){
    .contactBox{ padding:20px 0 20px 0;}
    .contactBox .contactLeft .contactTit{ font-size:21px;}
    .contactBox .contactLeft .tent{ padding:10px 0 10px 0; }
    .contactBox .contactLeft .tent .tentLi{ margin:6px 0; }
    .contactBox .contactLeft .ewm{ position:relative;}
    .contactBox .contactLeft .ewm .ewmPic{ position:absolute; left:0; top:0; width:120px; height:120px; }
    .contactBox .contactLeft .ewm .ewmCon{ width:auto; padding:25px 0 0 136px; }
    .contactBox .contactLeft .english{ padding:10px 0 10px 0; font-size:14px;}
}


/*在线留言*/
.message{ float:left; width:100%; margin: 1.72% 0; padding:0.71% 3.64% 2.85% 1.64%; background: #f7f7f7; background-size: cover;}
.message .lab{ float:left; width:100%; margin:20px 0 0 0;}
.fm1{ float:left; width:50%; padding:0 33px;}
.fm2{ float:left; width:100%; padding:0 33px;}
.fm3{ display:block; margin:0 auto; width:280px;}
.fm1_1{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:32px; text-transform:uppercase;}
.fm1_1 font{ font-size:12px;}
.fm1_1 span{ color:#ec9706;}
.fm1_2{ float:left; width:100%; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 18px; color:#333; font-size:14px; height:50px; line-height:48px;
    -webkit-appearance:none;
    outline: 0;
}
.fm1_3{ float:left; width:100%; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:16px 18px; color:#333; font-size:14px; height:100px; line-height:24px;
    -webkit-appearance:none;
    outline: 0;
}
.fm1_4{ float:left; width:100%; border:none; background:#e16330; color:#fff; height:56px; line-height:56px; text-align:center;  font-size:16px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin-top:20px;
    -webkit-appearance:none;
    outline: 0;
}
.fm1_4:hover,
.fm1_4:focus{ background: #f39800;}
.messageIn ::-webkit-input-placeholder { color:#999 !important;}
.messageIn :-moz-placeholder {  color:#999 !important;}
.messageIn ::-moz-placeholder {  color:#999 !important;}
.messageIn :-ms-input-placeholder { color:#999 !important; }
.fmStar{ float:left; width:100%; color: #999999; font-size: 12px; line-height: 15px; padding-top: 8px; text-align: center;}
.fmStar span{ color: #ec9706; font-size: 14px;}
@media  screen and (max-width:1229px){
    .message{padding:3.16% 4% 6.66% 4%;}
}
@media  screen and (max-width:991px){
    .message .lab{ margin:5px 0;} 
    .fm1{ padding:0 10px;}
    .fm2{ padding:0 10px;}
    .fm1_4{ height:45px; line-height:45px; margin-top:10px;}
    .fm1_2{ padding:0 10px; height:40px; line-height:38px;}
    .fm1_3{padding:8px 10px; line-height:24px;}
}
@media  screen and (max-width:767px){
    .message{padding:1.16% 4.5% 5.66% 4.5%;}
    .message label{ margin:0;}
    .message .lab{ margin:0;}
    .fm1{ width:100%; padding:0;}
    .fm2{ padding:0;}
    .fm3{ width:170px;}
    .fm1_1{ margin-top:8px;}
}


.pz_top{padding-top:50px;}
.pz_banner{  width:100%;  overflow:hidden; position: relative;  background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
}
.pz_banner.home{ min-height: 500px;}
@media screen and (max-width:1229px){
    .pz_banner{  }
    .pz_banner.home{min-height: 415px;}
}
@media screen and (max-width:100px){
   .pz_top{padding-top:50px;}
}

@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 514px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 214px;}
}




.problem *{ box-sizing:border-box;}

.problem{background-color: #f9f9f9;padding-top: 34px;padding-bottom: 62px;}
.problem .problembox{width: 1200px;margin: 0 auto;background-color: #ffffff;
  border: 1px solid #f3f3f3;padding:0 40px;padding-top: 54px;padding-bottom: 44px;
}
.pb-tlt{font-size: 24px;color: #333333;text-align: center;font-weight: 100;margin-bottom: 44px;}

.pb-accordion{margin-top: 40px;padding-bottom: 24px;}
.pb-accordion li{margin-bottom: 22px;}
.pb-accordion li .pba-top{width: 100%;height: 50px;line-height: 50px;position: relative;background-color: #f7f7f7;
padding-left: 27px;padding-right: 55px;color: #666666;cursor: pointer; font-size:14px;
}
.pb-accordion li .pba-top i{display: block;width: 28px;height: 28px;background: url("../img/hide.png") no-repeat;
 position: absolute;top: 11px;right: 26px;background-size: contain;
}
.pb-accordion li .pba-cont{padding: 25px;display: none;position: relative;}
.pb-accordion li .pba-cont h3{font-size: 14px;color: #444444;margin-bottom: 15px;}
.pb-accordion li .pba-cont p{font-size: 14px;color: #888888;margin-bottom: 15px;}

.pb-accordion li.active .pba-top{background-color: #e16330;color: #ffffff;}
.pb-accordion li.active .pba-cont{display: block;}
.pb-accordion li.active .pba-top i{background: url("../img/show.png") no-repeat;background-size: contain;}
.pb-accordion li:hover .pba-top{background-color: #e16330color: #ffffff;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}


@media all and (max-width:1200px){ /*1200*/
	
	.problem{padding-left:5%;padding-right: 5%;}
	.problem .problembox,.cultivate{width: 100%;padding:0 10px;}}
	




/*banner内容*/
.nyBanBack{ position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.3) ; left:0; top:0;}
.nyBanBox{ position:absolute; width:100%; left:0;top:40%; z-index:2; }
.nyBanBox .banLeft{ text-align:center}
.nyBanBox .banLeft .banLine{ width:50px; height:4px; background:#e16330;}
.nyBanBox .banLeft h1{ color:#fff; font-size:46px; line-height:1; font-weight:bold; padding:27px 0 15px 0; }
.nyBanBox .banLeft h2{ color:#fff; font-size:24px; line-height:1; padding:0 0 28px 0;}
@media screen and (max-width:1429px){
.nyBanBox .banLeft .banLine{ width:42px; height:3px; }
.nyBanBox .banLeft h1{ font-size:34px; padding:22px 0 12px 0;}
.nyBanBox .banLeft h2{ font-size:21px; padding:0 0 24px 0;}
	}
@media screen and (max-width:1229px){
.nyBanBox .banLeft .banLine{ width:34px; height:2px; }
.nyBanBox .banLeft h1{ font-size:27px; padding:15px 0 9px 0;}
.nyBanBox .banLeft h2{ font-size:17px; padding:0 0 18px 0;}
	}	
@media screen and (max-width:991px){
	.nyBanBox{ bottom:auto; top:50%; margin-top:-33px;}
.nyBanBox .banLeft{ width:100%; text-align:center;}
.nyBanBox .banLeft .banLine{ display:inline-block; vertical-align:top;}
.nyBanBox .banLeft h1{ font-size:23px; }
.nyBanBox .banLeft h2{ padding:0;}
	
	}	
	

.main-width2{width:1500px;margin:0 auto;}

.main-width{width:92%;margin:0 auto;}
@media only screen and (max-width:1400px){
.main-width{width:1300px;}
.main-width2{width:1300px;}
}

@media only screen and (max-width:1340px){
.main-width{width:1200px;}
.main-width2{width:1200px;}
}
@media only screen and (max-width:1240px){
.main-width{width:1100px;}
.main-width2{width:1100px;}
}
@media only screen and (max-width:1140px){
.main-width{width:1000px;}
.main-width2{width:1000px;}
}

@media only screen and (max-width:1040px){
.main-width{width:960px;}
.main-width2{width:960px;}
}
@media only screen and (max-width:980px){
.main-width{width:96%;}
.main-width2{width:96%;}
}



.card-title {color:#666;}
.welcome-fast-list2{padding-top:70px; padding-bottom:70px;}
.news_top{position: relative;font-size: 30px;float: left;margin-left: 30px;
color: #666;text-align: left;font-family: "Swiss721BT-Heavy";padding-bottom: 1.5rem;}
.subnav{float: right;}
.subnav ul {float: right;margin-right: 20px;margin-top:15px;padding-bottom: 1.5rem;}
.subnav ul li{float: left;margin:0 5px;width:auto;margin-left: 20px;}
.subnav ul li a{display: block;font-size:16px;font-weight: bold;color:#333;position: relative;padding-left:6px;}
.subnav ul li a:before {width:5px; height: 1px; background: #e16330; content: ""; display: inline-block; position: absolute; left:-5px; top: 50%; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }
.subnav ul li a:hover,.subnav ul li.on a{padding-left:12px;color:#e16330;}
.subnav ul li a:hover:before,.subnav ul li.on a:before{left:2px;opacity: 1;}
@media (max-width:1000px){
	.m-Top{margin-top:45px;}
.news_top{
	
	float: none;margin-left: 0px;
text-align: center; width: 100%；margin-bottom: 0.5rem;
}
.subnav{float:none; width: 100%；}
.subnav ul {float: none;margin-right: 5px; margin-left:10px;margin-bottom: 1.5rem;}
}


.index-news h2{font-size:30px;line-height:35px;color:#3e464c;text-align:center;text-transform:uppercase;font-family:"OpenSans-Bold";}
.index-news h2 span{color:#e16330;vertical-align:top;}
.index-news h2:before{content:" ";display:inline-block;width:140px;height:1px;background-color:#c5c5c5;margin-right:40px;vertical-align:middle;}
.index-news h2:after{content:" ";display:inline-block;width:140px;height:1px;background-color:#c5c5c5;margin-left:40px;vertical-align:middle;}

.index-news{padding:70px 0;background:url(../img/index-news-bg.jpg) no-repeat center;}
.index-news h2{margin-bottom:50px;}
.index-news .cont{overflow:hidden;font-family:"OpenSans-Light";}
.index-news .cont img{width:100%;height:auto}
.index-news .cont label{display:block;font-size:18px;line-height:25px;margin-bottom:10px;}
.index-news .cont span{position:absolute;font-size:15px;line-height:25px;}
.index-news .cont .more{position:absolute;width:20px;height:25px;background:url(/images/all-icon.png) no-repeat -40px -5px;}
.index-news .cont .hlines{float:left;width:43%;background-color:#fff;}
.index-news .cont .hlines .text{position:relative;padding:38px 90px 30px 25px;}
.index-news .cont .hlines .text span{right:25px;top:38px;}
.index-news .cont .hlines .text .more{right:25px;bottom:30px;}
.index-news .cont .recom{float:right;width:55%;}
.index-news .cont .recom li{position:relative;background-color:#fff;padding:23px 90px 17px 40px;margin-bottom:19px;}
.index-news .cont .recom li span{right:20px;top:23px;}
.index-news .cont .recom li .more{right:20px;bottom:17px;}
.index-news .cont .recom li:after{content:" ";position:absolute;top:29px;left:17px;width:9px;height:9px;border-radius:50%;background-color:#dadada;}
.index-news .cont .recom li:hover{background-color:#e16330;color:#fff;}
.index-news .cont .recom li:hover a{color:#fff;}
.index-news .cont .recom li:hover .more{background-position:-60px -5px;}
.index-news .cont .recom li:hover:after{background-color:#fff;}
@media (max-width:1000px){
.index-news{padding: 30px 0;background-size: 100% 100%;}
.index-news .cont .hlines{width: 100%;margin-bottom:20px; padding-bottom:20px;}
.index-news .cont .recom{width: 100%;}
.index-news .cont .recom li p{height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news h2{margin-top:50px;}
}

.time3 {
   
    line-height: 26px;
    font-size: 14px;
   
}

.time {
    color: #999;
    line-height: 26px;
    font-size: 14px;
    padding-left: 30px;
    background: url(../img/case31.png) no-repeat left center;
}

.aboutPage .competence {
  background: url(../img/about2.jpg) no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  text-align: center;
  padding: 96px 0 130px 0;

    background-attachment: fixed;
}
.aboutPage .competence .title {
  color: #fff;  font-size: 40px;
}
.aboutPage .competence .text {
  line-height: 30px;
  font-size: 18px;
  color: #ffffff;
  margin-top: 22px;
}
@media only screen and (max-width: 1200px) {
	.aboutPage .competence {
	padding: 50px 10px;
	box-sizing: border-box;
}
.aboutPage .competence .text {
	margin-top: 20px;
}
}
.main-about{background-color:#fff;overflow:hidden;width:100%;}
.main-about .respon{}
.main-about .respon .box{overflow:hidden;padding-top:30px;}
.main-about .respon .box .left{float:left;}
.main-about .respon .box .left.text{padding:6% 6% 0 3%;}
.main-about .respon .box .right2{float:right;}
.main-about .respon .box .right2.text{padding:6% 3% 0 6%;}
.main-about .respon .box .pic{width:50%;overflow:hidden;}
.main-about .respon .box .pic img{width:100%;height:auto;transition:all .4s;}
.main-about .respon .box .pic img:hover{transform:scale(1.1,1.1);}
.main-about .respon .box .text{width:50%;box-sizing:border-box;}
.main-about .respon .box .text h3{line-height:30px;margin-bottom:30px;font-size:22px;font-family:"OpenSans-Bold";color:#333;}
.main-about .respon .box .text p{font-size:16px;}

@media only screen and (max-width:980px){
	.main-about .respon .box .left.text{padding:2% 3% 0;}
.main-about .respon .box .right.text{padding:2% 3% 0;}
.main-about .respon .box .text h3{margin-bottom:15px;}}

@media only screen and (max-width:880px){
	.main-about .respon .box .left.text{padding:0 3% 0;}
.main-about .respon .box .right.text{padding:0 3% 0;}
.main-about .respon .box .text h3{line-height:25px;font-size:18px;margin-bottom:10px;}
.main-about .respon .box .text p{font-size:14px;}}
@media only screen and (max-width:740px){
	.main-about .respon{padding:0px 0 10px;}
.main-about .respon .box{padding-bottom:20px;border-bottom:1px solid #ccc;}
.main-about .respon .box .left{float:none;}
.main-about .respon .box .right{float:none;}
.main-about .respon .box .pic{width:100%;margin-bottom:20px;}
.main-about .respon .box .text{width:100%;padding:0 !important;}}

/*右漂浮*/
.rightf{ position: fixed; width: 55px; height: 217px; right: 0px; top: 50%; margin-top: -133px; 
background:rgba(89,89,89,0.4);z-index: 10; padding: 12px 0 5px 0;
    -moz-border-top-left-radius:12px;
    -webkit-border-top-left-radius:12px;
    -khtml-border-top-left-radius:12px;
    border-top-left-radius:12px;
    -moz-border-bottom-left-radius:12px;
    -webkit-border-bottom-left-radius:12px;
    -khtml-border-bottom-left-radius:12px;
    border-bottom-left-radius:12px;}
.rightf ul{ float: left; width:100%;}
.rightf ul li{ float: right; width: 55px; height: 50px; /*overflow: hidden;*/ position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -khtml-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -moz-border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;}
.rightf ul li .zbox{ position: absolute; left: 0; top: 0; width:230px;}
.rightf ul li .zbox.zbox img{ width: 55px; height: 50px; float: left;}
.rightf ul li .zbox .text{ float: left; width:165px; padding: 8px 0 11px 0;}
.rightf ul li .zbox .text h5{ width:100%; float: left; font-size: 14px; color: white; line-height: 17px;}
.rightf ul li .zbox .text h6{ width:100%; float: left; font-size: 14px; color: white; line-height: 14px; font-family: Arial;}
.rightf ul li .zbox .text h6 a{ color: white;}
.rightf ul li .zbox .ewm{ position: absolute; width: 105px; height: 105px; right: -120px; top: -18px; padding: 5px; background:rgba(225,99,48,0.8); z-index: -1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -khtml-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -moz-border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}
.rightf ul li .zbox .ewm img{width:100%;  height:100%;}
.rightf ul li:hover .ewm{ right: 230px;}
.rightf ul li:hover{ width: 230px; background:rgba(225,99,48,0.8);}
.rightf ul li.last .zbox .text h5{ line-height: 31px;}


.rightf ul li.wx:hover{width:55px;}


@media screen and (max-width: 1024px) {
    .rightf{ display: none;}
}



/*解决方案*/
.pord_list{ float:left; width:100%; padding: 1.56% 0 3.48% 0;}
.pord_list li{ float:left; width:100%; padding:50px 0;}
.pord_list li.double{ background:#f2f2f2;}
.pord_list li a{ float:left; width:100%; overflow: hidden;}
.pord_list li .pic1{ float:left; width:47.857%; overflow:hidden; line-height: 0;}
.pord_list li.double .pic1{ float: right;}
.pord_list li .pic1 img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.pord_list li .pic1:hover img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.pord_list li .tx1{ float:left; width:52.143%; padding:0 0 0 77px; position:relative;}
.pord_list li.double .tx1{padding:0 77px 0 0; text-align: right; }
.pord_list li .tx1 .l1{ float:left; width:100%; margin:12.76% 0 3.69% 0; position:relative;}
.pord_list li .tx1 .l1::after{ float:left; width:50px; height:1px; background:#b2b2b2; position:absolute; left:-77px; top:50%; content:'';}
.pord_list li.double .tx1 .l1::after{ left: auto; right: -77px;}
.pord_list li .tx1 h2{ float:left; width:100%; color:#333333; font-size:40px; line-height:1.1;}
.pord_list li:hover .tx1 h2{ color:#e16330;}
.pord_list li .tx1 p{ float:left; width:100%; height: 96px; color:#666666; font-size:15px; line-height:32px; overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.pord_list li .tx1 span{ float:left; margin-top: 4.46%; border: #e16330 solid 1px; padding: 0 17px 0 19px; color: #e16330; font-size: 16px; line-height: 35px;}
.pord_list li.double .tx1 span{ float: right;}
.pord_list li .tx1 span:hover{ background-color: #e16330; color: #fff;}
@media  screen and (max-width:1429px){
    .pord_list li{  padding:44px 0;}
    .pord_list li .tx1{ padding:0 0 0 65px; }
    .pord_list li.double .tx1{padding:0 65px 0 0; }
    .pord_list li .tx1 .l1::after{ width:42px; left:-65px; }
    .pord_list li.double .tx1 .l1::after{ left: auto; right: -65px;}
    .pord_list li .tx1 h2{ font-size:34px; }
    .pord_list li .tx1 p{  height: 84px; font-size:14px; line-height:28px; }
}
@media  screen and (max-width:1229px){
    .pord_list li{  padding:34px 0;}
    .pord_list li .tx1{ padding:0 0 0 52px; }
    .pord_list li .tx1 .l1{ margin:6.76% 0 3.69% 0; }
    .pord_list li.double .tx1{padding:0 52px 0 0; }
    .pord_list li .tx1 .l1::after{ width:34px; left:-52px; }
    .pord_list li.double .tx1 .l1::after{ left: auto; right: -52px;}
    .pord_list li .tx1 h2{ font-size:28px; }
    .pord_list li .tx1 span{  padding: 0 12px 0 12px; font-size: 14px; line-height: 32px;}
}
@media  screen and (max-width:767px){
    .pord_list li{  padding:20px 0;}
    .pord_list li .pic1{ width:100%; }
    .pord_list li.double .pic1{ float: left;}
    .pord_list li .tx1{ padding:0 0 0 36px; width: 100%; }
    .pord_list li .tx1 .l1{ margin:4.76% 0 3.69% 0; }
    .pord_list li.double .tx1{padding:0 0 0 36px; text-align: left; }
    .pord_list li .tx1 .l1::after{ width:25px; left:-36px; }
    .pord_list li.double .tx1 .l1::after{ left: -36px; right: 0;}
    .pord_list li .tx1 h2{ font-size:22px; }
    .pord_list li .tx1 p{ height: 72px; line-height:24px; }
    .pord_list li.double .tx1 span{ float: left;}
}










/* ---------------------------classics-box------------------------------------ */
.classics-box{
    width: 100%;
    height: 349px;
    background-repeat: no-repeat;

    position: relative;
    padding: 0 0 1200px 0;
}



.classics-box h2{ padding-top:60px;font-size:30px;line-height:35px;color:#3e464c;text-align:center;text-transform:uppercase;font-family:"OpenSans-Bold";}
.classics-box h2 span{color:#e16330;vertical-align:top;}
.classics-box h2:before{content:" ";display:inline-block;width:140px;height:1px;background-color:#c5c5c5;margin-right:40px;vertical-align:middle;}
.classics-box h2:after{content:" ";display:inline-block;width:140px;height:1px;background-color:#c5c5c5;margin-left:40px;vertical-align:middle;}


@media(max-width:640px) {
	
.classics-box h2:before {width:40px;}
.classics-box h2:after {width:40px;}
.index-news h2:before {width:40px;}
.index-news h2:after {width:40px;}	
.aboutPage .competence .title{ font-size: 22px;}	
}


.proInfo-bottom h2{ padding-top:50px; padding-bottom:50px;font-size:40px;line-height:35px;color:#3e464c;text-align:center;text-transform:uppercase;font-family:"OpenSans-Bold";}







.classics{
    width:100%;
    overflow: hidden;
}

.white-title{
    width: 100%;
    overflow: hidden;
    padding: 100px 0 50px 0;
    text-align: center;
	
}
.white-title p{
    font-size:30px;
    color: #666;
    display: inline-block;
    position: relative;
	
	   
 
	
}
.white-title p:before{
    content: "";
    position: absolute;
    left: 0%;
    bottom: 50%;
    width: 44px;
    height: 1px;
    background: #999;
    margin-left: -60px;   
}
.white-title p:after{
    content: "";
    position: absolute;
    right: 0%;
    bottom: 50%;
    width: 44px;
    height: 1px;
    background: #999;
    margin-right: -60px;   
}
.white-title h6{
    font-size: 26px;
    color: #666;
  

}

.classics-piclist{
    width: 100%;
    overflow: hidden;
    position: absolute;

    top: 13%;
}

.classics-piclist-top{
    width: 100%;
    overflow: hidden;
}
.classics-piclist-top li{
    height: 480px;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.classics-piclist-top li:nth-child(1){
    width: 49.4%;
}
.classics-piclist-top li:nth-child(2){
    width: 24.2%;
    margin-left: 1.1%;
}
.classics-piclist-top li:nth-child(3){
    width: 24.2%;
    margin-left: 1.1%;
}
.classics-piclist-pic{
    width: 100%;
    height: 100%;
    overflow: hidden; background:#eff2f7;
}
.classics-piclist-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.classics-piclist-title{
    position: absolute;
    bottom: px;
    left: 24px;
    z-index: 2; padding-top:10px;
}
.classics-piclist-title h6{
   font-weight: normal;
    color: #111;
    font-size: 20px;
    padding: 1px 0;
    border-bottom: 1px solid #F7F7F7;
}
.classics-piclist-title a {
    display: inline-block;
    font-size: 16px;
    color: #1b8ad7;
    position: relative;
    padding: 4px 0;
}




.classics-piclist-shade{
    position: absolute;
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    z-index: 3;
    background-color: #fff;
    opacity: 0;
    transition: all .6s ease-in-out;
}
.classics-piclist-top li:hover .classics-piclist-shade{
    height: 100%;
    opacity: 1;
}

.classics-piclist-st{
    width: 100%;
    height: 68px;
    line-height: 68px;
    background-color: #e16330;
    color: #fff;
    font-size: 20px;
    font-weight:bold;
    text-align: center;
}
.classics-piclist-sp{
    width: 100%;
    padding: 30px;
    overflow: hidden;
    height: 320px;
    text-align: center;
}
.classics-piclist-sp img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.classics-piclist-sl{
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top: 32px;
}
.classics-piclist-sl a{
    display: inline-block;
    width: 154px;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.classics-piclist-sl a:hover{
    color: #e16330;
}
.classics-piclist-sl a:nth-child(1){
    border-right: 0px solid #bababa;
}
.classics-piclist-sl a:nth-child(1) i{
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url('../img/classics_search.png');
    vertical-align: middle;
    margin: -2px 6px 0 0;
}

.classics-piclist-sl a:nth-child(2) i{
    display: inline-block;
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url('../img/classics_link.png');
    vertical-align: middle;
    margin: -2px 6px 0 0;
}

.classics-piclist-bottom{
    width: 100%;
    overflow: hidden;
    margin-top: 1.1%;
}
.classics-piclist-bottom li{
    height: 480px;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 24.2%;
}

.classics-piclist-bottom li:nth-child(n+2){
    margin-left: 1.06%;
}

.classics-piclist-bottom li:hover .classics-piclist-shade{
    height: 100%;
    opacity: 1;
}
/* -------------------------PC绔�--------------------------- */

@media all and (max-width:1700px) {}

@media all and (max-width:1600px) {
    .classics-piclist-top li{
        height: 380px;
    }
    .classics-piclist-bottom li{
        height: 380px;
    }
    .classics-piclist-sp{
        height: 236px;
    }
    .classics-box {
        padding: 0 0 1080px 0;
    }
    .classics-piclist {
        top: 22%;
    }
  
    .black-title {
        padding: 70px 0 50px 0;
    }
    .white-title {
        padding: 70px 0 50px 0;
    }
}

@media all and (max-width:1460px) {
  
    .black-title {
        padding: 44px 0 40px 0;
    }
    .black-title h6 {
        font-size: 30px;
    }
    .white-title {
        padding: 44px 0 40px 0;
    }
    .white-title h6 {
        font-size: 26px;
    }
    .classics-piclist-top li{
        height: 340px;
    }
    .classics-piclist-bottom li{
        height: 340px;
    }
    .classics-piclist-sp {
        height: 200px;
    }
    .classics-piclist {
        top: 20%;
    }
    .classics-box {
        padding: 0 0 940px 0;
    }
 
}

@media all and (max-width:1380px) {
  
    .classics-piclist-top li {
        height: 320px;
    }
    .classics-piclist-bottom li {
        height: 320px;
    }
    .classics-piclist-sp{
        padding: 20px;
        height: 170px;
    }
    .classics-piclist-sl a{
        width: 130px;
    }
    .classics-box {
        padding: 0 0 880px 0;
    }
   
}

@media all and (max-width:1300px) {
  
    .black-title h6 {
        font-size: 26px;
    }
    .white-title h6 {
        font-size: 26px;
    }
    .classics-piclist-top li{
        height: 290px;
    }
    .classics-piclist-bottom li{
        height: 290px;
    }
    .classics-piclist-sp {
        padding: 10px;
        height: 150px;
    }
    .classics-box {
        padding: 0px 0 800px 0;
    }
    .banner-words-left {
        margin-top: 20px;
    }
}

@media all and (max-width:1200px) {
    .classics-piclist-sl a {
        width: 100px;
    }
}


/* ------------------------鎵嬫満绔�-------------------------- */

@media all and (max-width:1000px) {
   
    .classics-piclist-top li{
        height: 200px;
    }
    .classics-piclist-top li:nth-child(1) {
        width: 100%;
    }
    .classics-piclist-top li:nth-child(2) {
        width: 49%;
        margin-left: 0%;
        margin-top: 2%;
    }
    .classics-piclist-top li:nth-child(3) {
        width: 49%;
        margin-left: 2%;
        margin-top: 2%;
    }
    .classics-piclist-title {
        bottom: px;
        left: 16px; 
    }
    .classics-piclist-title h6 {
        font-size: 14px;
        padding: 0px 0;
    }
    .classics-piclist-bottom li{
        height: 200px;
    }
    .classics-piclist-bottom li:nth-child(1) {
        width: 49%;
        margin-left: 0%;
        margin-top: 1%;
    }
    .classics-piclist-bottom li:nth-child(2) {
        width: 49%;
        margin-left: 2%;
        margin-top: 1%;
    }
    .classics-piclist-bottom li:nth-child(3) {
        width: 49%;
        margin-left: 0%;
        margin-top: 1%;
    }
    .classics-piclist-bottom li:nth-child(4) {
        width: 49%;
        margin-left: 2%;
        margin-top: 1%;
    }
    .classics-box {
        background-repeat: no-repeat;
        padding: 0px 0 990px 0;
    }
    .classics-piclist {
        top: 14%;
    }
    .classics-piclist-st {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .classics-piclist-sp {
        padding: 6px;
        height: 90px;
    }
    .classics-piclist-sl a {
        width: 100%;
        text-align: center;
        font-size: 16px;
    }
    .classics-piclist-sl a:nth-child(1) {
        border-right: none;
    }
    .classics-piclist-sl{
        margin-top: 10px;
    }
      .black-title p {
        font-size: 16px;
    }
    .black-title h6 {
        font-size: 18px;
    }
    .black-title {
        padding: 28px 0 24px 0;
    }
   
    .white-title p {
        font-size: 16px;
    }
    .white-title h6 {
        font-size: 18px;
    }
    .white-title {
        padding: 28px 0 24px 0;
    }
}

.imain{ padding-top:80px; padding-bottom:50px}
.imain_content.pt70 { padding-top:50px;}

.pnews_detail {background:#FFF;overflow:hidden; position:relative; padding:50px 0px;}
.pnewstitle { text-align:center;border-bottom:#ccc 1px solid;padding-bottom:20px; display:block}
.pnewstitle h1{padding-bottom:20px; display:block;}
.pnewstitle span{color:#999;font-size:14px; }
.pnewstitle span h3{font-size:14px;display:inline-block;padding:0 10px;background:url(../img/see.jpg) left center no-repeat; padding-left:30px;margin:0 20px;}
.pnewstitle span h4{font-size:14px;display:inline-block;padding:0 10px;background:url(../img/tim.jpg) left center no-repeat; padding-left:30px;margin:0 20px;}
/*.pnewsdetail { font-size:14px; line-height:24px; color:#666; overflow:hidden; padding:30px 100px;}*/
.pnewsdetail { font-size:14px; line-height:24px; color:#666; overflow:hidden; padding:30px 40px;}
.pnewsdetail img { max-width:100%; height:auto;}
.pagefaye {border-top:#ccc 1px solid;padding:30px 100px 0px 40px; position:relative;}
.pagefaye a { display:block; color:#666; font-size:14px; line-height:24px; padding:5px 0; float:left; clear: both;}
.pagefaye a:hover {color:#000; text-decoration:underline;}
.fanhui { position:absolute; border:#CCC 1px solid; padding:10px 20px !important; right:100px; top:40px; width:150px; text-align:center}
.fanhui:hover {color:#fff !important; background:#e16330;}

@media screen and (max-width: 860px) {
.pnewstitle {padding:20px; }
.pnewsdetail { font-size:14px; line-height:24px;padding:30px 30px;}
.pagefaye {padding:30px 30px 0px 30px; }
.fanhui { position: relative; right: auto; top: auto; width:100px; text-align:center}}



.bgecf0f6{width: 100%;overflow: hidden; padding-bottom:50px;  }
.recruitmentList a:link,.recruitmentList a:visited { color: #333333; }
.recruitmentList a:active,.recruitmentList a:hover { color: #205BAB; }
.recruitmentList{ margin: 20px auto; padding: 20px 0px;overflow: hidden;}
.recruitmentList ul{ margin-left: -3%;}
.recruitmentList li{ float: left; display: block; width: 30.2%; margin: 0px 0px 0px 3%; padding: 18px 0px;}
.recruitmentList li img{ width: 100%; display: block;}
.recruitmentList li .itemLink{ display: block; position: relative; overflow: hidden;}
.recruitmentList .itemLink .i1,.recruitmentList .itemLink .i2 {position: absolute;height: 100%;width: 100%;top: 100%;left: 0;z-index: 1;-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.recruitmentList .itemLink .i1 {  background: rgba(0,147,221,0.5);}
.recruitmentList .itemLink .i2 {
	background: rgba(22,54,131,0.5);
	line-height:90px;
	text-align:center;
	color:#FFFFFF;
	background-image: url(../img/honor-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.recruitmentList .itemLink:hover .i3{color: #fff;}
.recruitmentList .itemLink:hover .i1,.recruitmentList .itemLink:hover .i2{-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.recruitmentList .itemLink:hover .i2{-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}

@media screen and (max-width:861px){
	.recruitmentList li{ width: 47%;}}
	@media screen and (max-width:641px){
		.recruitmentList li{ padding: 8px 0px;}}
		@media screen and (max-width:421px) {
	
	.recruitmentList li{ width: 47%;}}
	
	
	/*分页*/
.pageBox { width:100%; text-align: center; margin-top:10px; padding-top:10px  }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; font-size:16px;margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color:#e16330; color: #FFF;  }
.pageBox .on{ background-color:#e16330; color: #FFF;  }
.pageBox .shangyi{ display:none;}
@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #e16330; color: #FFF; }
.pageBox .on{ background-color: #e16330; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

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

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:30px; height: 25px; margin: 0 6px; line-height: 25px; text-align: center; font-family: 'Arial';  background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #e16330; color: #FFF; }
.pageBox .on{ background-color: #e16330; color: #FFF; }
.pageBox .shangyi{ display:none;}
}





.listproduct{overflow:hidden; padding-bottom:50px;}

.listproduct  .list{margin-bottom:20px;}
.listproduct  .list ul{width:101%;overflow:hidden;}
.listproduct  .list li{float:left;width:24%; margin-right:1%; margin-top:2%}
.listproduct  .list li .pic{background-color:#f2f3f4;transition:all .4s;}
.listproduct  .list li .pic img{width:100%;height:auto;}
.listproduct  .list li .text{text-align:center;line-height:30px; padding-left:4%; padding-right:4%;  padding-top:4%;min-height:90px;font-size:16px;background:rgba(225,99,48,0.3); transition:all .4s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.listproduct  .list li .text a{color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.listproduct  .list li:hover{box-shadow:0 0 15px #ccc;}
.listproduct  .list li:hover .pic{background-color:#fff;}
.listproduct  .list li:hover .text{background-color:#e16330;}
.listproduct  .list li:hover .text a{color:#fff;}
.listright {float:right; padding-right:40px;}
@media  (max-width:1000px){

/*产品*/
.listright { padding-right:20px;}

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

/*产品*/
.listproduct  .list li{width:47.7403%;box-shadow:0 0 15px #ccc; margin-left:1%; margin-bottom:2%}
.listproduct  .list li .pic{background-color:#fff;}
.listproduct  .list li .text{background-color:#fff;}
.listproduct  .list li .text a{color:#666;}
}
@media only screen and (max-width:640px){

.listproduct .list li .text{padding:10px;}
}

/********************************* service STRAT ********************************/
.service .main1 {
  position: relative; }
  .service .main1 .bg_img {
    position: absolute;
    top: 20px;
    right: 0; }
  .service .main1 .inner_icon {
    padding: 100px 0 80px; }
    .service .main1 .inner_icon .content {
      padding-top: 65px; }
      .service .main1 .inner_icon .content .title {
        margin-bottom: 50px; }
        .service .main1 .inner_icon .content .title .name {
          font-size: 20px;
          font-weight: 600;
          letter-spacing: 1px;
          margin-bottom: 30px; }
        .service .main1 .inner_icon .content .title .abstract {
          line-height: 32px;
          letter-spacing: 0px;
          color: #666666; }
      .service .main1 .inner_icon .content .box .block {
        width: 33.35793%; }
        .service .main1 .inner_icon .content .box .block .img {
          width: 100%;
          position: relative; }
          .service .main1 .inner_icon .content .box .block .img .picture_container {
            padding-top: 61.9469%; }
          .service .main1 .inner_icon .content .box .block .img .icon {
            position: absolute;
            z-index: 2;
            width: 0;
            height: 0;
            right: 0;
            top: 50%;
            -o-transform: translate3d(0, -50%, 0);
            -moz-transform: translate3d(0, -50%, 0);
            -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
            border-top: 15px solid rgba(0, 0, 0, 0);
            border-bottom: 15px solid rgba(0, 0, 0, 0);
            border-left: 15px solid rgba(0, 0, 0, 0);
            border-right: 15px solid #f2f6f8; }
        .service .main1 .inner_icon .content .box .block .txt {
          background-color: #f2f6f8;
          padding: 0 45px;
          text-align: center;
          height: 280px;
          width: 100%; }
          .service .main1 .inner_icon .content .box .block .txt .name {
            width: 100%;
            font-size: 20px;
            letter-spacing: 1px;
            margin-bottom: 25px;
            font-weight: 600; }
          .service .main1 .inner_icon .content .box .block .txt .abstract {
            width: 100%;
            line-height: 32px;
            letter-spacing: 0px;
            color: #666666; }
        .service .main1 .inner_icon .content .box .block:nth-child(3) .img .icon {
          position: absolute;
          z-index: 2;
          width: 0;
          top: auto;
          height: 0;
          bottom: 0;
          left: 50%;
          -o-transform: translate3d(-50%, 0, 0);
          -moz-transform: translate3d(-50%, 0, 0);
          -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
          border-right: 15px solid rgba(0, 0, 0, 0);
          border-top: 15px solid rgba(0, 0, 0, 0);
          border-left: 15px solid rgba(0, 0, 0, 0);
          border-bottom: 15px solid #f2f6f8; }
        .service .main1 .inner_icon .content .box .block:nth-child(2) .img .icon {
          position: absolute;
          z-index: 2;
          width: 0;
          top: 50%;
          height: 0;
          bottom: 0;
          left: 0;
          -o-transform: translate3d(0, 50%, 0);
          -moz-transform: translate3d(0, 50%, 0);
          -webkit-transform: translate3d(0, 50%, 0);
          transform: translate3d(0, 50%, 0);
          border-bottom: 15px solid rgba(0, 0, 0, 0);
          border-top: 15px solid rgba(0, 0, 0, 0);
          border-right: 15px solid rgba(0, 0, 0, 0);
          border-left: 15px solid #f2f6f8; }

/********************************* service END ********************************/


/*产品列表*/
.list-products{width:100%; overflow:hidden; padding-top:70px; padding-bottom:50px}
.list-products .content{}
.list-products .content h1{font-size: 30px;color: #02aafa;font-family: "Microsoft YaHei";line-height: 30px;}
.list-products .list-cont{margin-top: 34px;}
.list-products .list-cont>ul>li{overflow: hidden;margin-bottom: 34px;}
.list-products .list-cont>ul>li .pic{float: left;width: 670px;}
.list-products .list-cont>ul>li:first-child+li .pic{float: right;}
.list-products .list-cont>ul>li .pic img{width: 100%;height: auto;}
.list-products .list-cont>ul>li .text{float: right;padding: 100px 0 0 60px;width: 530px;height: 375px;
background-color: #fff;box-sizing: border-box;}
.list-products .list-cont>ul>li:first-child+li .text{float: left;}
.list-products .list-cont>ul>li .text h2{font-size: 24px;line-height: 26px;color: #333;font-family:"Microsoft YaHei";}
.list-products .list-cont>ul>li .text .child{margin-top: 26px;width: 408px;overflow: hidden;font-size: 14px;}
.list-products .list-cont>ul>li .text .child li{position: relative;float: left;margin-bottom: 28px;padding-left: 18px;width: 50%;font-size: 18px;font-family:"Microsoft YaHei";line-height: 20px;box-sizing: border-box;}
.list-products .list-cont>ul>li:first-child+li .text .child li{width: 100%;}
.list-products .list-cont>ul>li .text .child li i{position: absolute;top: 5px;left: 0;width: 6px;height: 6px;background-color: #ccc;}
.list-products .list-cont>ul>li .text .child li a{color: #666;}
.list-products .list-cont>ul>li .text .child li:hover i{background-color: #039ce9;}
.list-products .list-cont>ul>li .text .child li:hover a{color: #039ce9;}
.list-products .application{margin-top: 64px;overflow: hidden;}
.list-products .application h2{margin-bottom: 40px;font-size: 30px;color: #02aafa;font-family: "Microsoft YaHei";line-height: 30px;}
.list-products .application ul{width: 1215px;overflow: hidden;}
.list-products .application ul li{position: relative;float: left;width: 228px;margin-right: 15px;}
.list-products .application ul li img{width: 100%;height: auto;}
.list-products .application ul li p{position: absolute;left: 0;bottom: 0;width: 100%;;height: 34px;font-size: 14px;color: #fff;font-family: "Microsoft YaHei";text-align: center;line-height: 34px;background-color: rgba(3,156,233,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99039ce9,endColorstr=#99039ce9);}
.list-products .list-spect{margin-top: 30px;min-height: 200px;}
.list-products .list-spect ul{}
.list-products .list-spect ul li{border-bottom: 1px solid #ececec;overflow: hidden;}
.list-products .list-spect ul li span{float: left;margin-right: 10px;width: 175px;height: 42px;font-size: 14px;color: #999;font-family: "Microsoft YaHei";line-height: 42px;}
.list-products .list-spect ul li span.pdf{margin-right: 0;}
.list-products .list-spect ul li .pdf{float: right;width: 85px;height: 42px;font-size: 14px;font-family: "Microsoft YaHei";}
.list-products .list-spect ul li .pdf a{color: #999;line-height: 42px;}
.list-products .list-spect ul li .pdf a:hover{color: #049df2;}

@media only screen and (max-width:980px){
.list-products .content{margin-top: 36px;}
.list-products .content h1{font-size: 24px;line-height: 30px;}
.list-products .list-cont{margin-top: 24px;}
.list-products .list-cont>ul>li .pic{float: none;margin: 0 auto;width: 600px;}
.list-products .list-cont>ul>li .text{float: none;margin: 0 auto;width: 600px;height: 308px;padding: 50px 0 0 60px;}
.list-products .list-cont>ul>li .text .child{width: 500px;}
.list-products .list-cont>ul>li:first-child+li .pic{float: none;}
.list-products .list-cont>ul>li:first-child+li .text{float: none;}
.list-products .list-cont>ul>li .text h2{font-size: 20px;}

.list-products .application h2{font-size: 24px;line-height: 30px;}
.list-products .application ul{width: 18rem;}
.list-products .application ul li{width: 4rem;margin-left: 0.25rem;margin-right: 0.25rem;margin-bottom: 20px;}
.list-products .application ul li p{position: static;}
.list-products .list-spect{width: 18rem;overflow-x: auto;}
.list-products .list-spect ul{width: 770px;margin: 0 auto;}
.list-products .list-spect ul li span{width: 104px;}}
@media only screen and (max-width:680px){
	.list-products .content{margin-top: 30px;}
.list-products .content h1{font-size: 20px;line-height: 26px;}
.list-products .list-cont{margin-top: 20px;}
.list-products .list-cont>ul>li .pic{width: 18rem;}
.list-products .list-cont>ul>li .text{width: 18rem;height: auto;padding: 20px 0 10px 1rem;}
.list-products .list-cont>ul>li .text h2{font-size: 18px;}
.list-products .list-cont>ul>li .text .child{margin-top: 14px;width: 16rem;}
.list-products .list-cont>ul>li .text .child li{font-size: 14px;margin-bottom: 16px;}}
 /* pageproduct */
.pageproduct{  width:100%; position: relative;overflow: hidden;  }
.pageproduct ul{ width: 100%; padding-top:30px; }
.pageproduct ul li{ float: left; width:20%; position: relative;overflow: hidden;}
.pageproduct ul li .img{ width: 100%; position: relative; z-index: 1;}
.pageproduct ul li .img .thumbnail{ width: 100%;  transition: all 0.3s ease; }
.pageproduct ul li .cont{ width: 100%; padding:0.5625rem 3%; overflow: hidden; position: relative; z-index: 2;
 height: 3.125rem;  background-color: rgba(255, 255, 255, 1);}
.pageproduct ul li .cont .title{ font-size: 18px; color: #333; margin-bottom: 5px;text-align: center;}
.pageproduct ul li .cont .title span{ font-size: 18px; color: #666;}
.pageproduct ul li .cont .summary{ font-size: 14px; color: #999;}
.pageproduct ul li .img p{ width: 100%;  height: 100%; background-color: rgba(225, 99, 48, 0.1); position: absolute; left: 0; top: 0; transform: translateY(-101%); transition: all 0.8s ease;}
.pageproduct ul li .img p span{ display: block; width: 100%; font-size: 24px; color: #fff; text-align: center; line-height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 0;}
.pageproduct ul li:hover .thumbnail{transform:scale(1.2)}
.pageproduct ul li:hover .title{ color: #e16330;}
.pageproduct ul li:hover .img p{transform: translateY(0); opacity:1;}
.pageproduct p{  font-size: 16px; width:32%;text-align: center;    margin: 0 auto;  padding-top:10px;}
@media (max-width: 1200px) {
	.pageproduct ul li{ width: 48%; padding-left:1%; padding-right:1%;}
	.pageproduct ul li:hover .img p{width: 100%;}
	.pageproduct ul li .cont{ width: 100%;}
	.pageproduct p{  width:60%;}
}
@media (max-width: 640px) {
	.pageproduct ul li{ width: 98%; padding-left:1%; padding-right:1%;}
	
}


.pageCase{  width:100%; position: relative;overflow: hidden; }
.pageCase ul{ width: 101.61%; margin: 2% -0.805%; padding-top:30px; }
.pageCase ul li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}
.pageCase ul li .img{ width: 100%; position: relative; z-index: 1;}
.pageCase ul li .img .thumbnail{ width: 100%;  transition: all 0.3s ease; }
.pageCase ul li .cont{ width: 100%; padding:0.5625rem 3%; overflow: hidden; position: relative; z-index: 2;
 height: 3.125rem;  background-color: rgba(255, 255, 255, 1);}
.pageCase ul li .cont .title{ font-size: 18px; color: #333; margin-bottom: 5px;text-align: center;}
.pageCase ul li .cont .title span{ font-size: 18px; color: #666;}
.pageCase ul li .cont .summary{ font-size: 14px; color: #999;}
.pageCase ul li .img p{ width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transform: translateY(-101%); transition: all 0.8s ease;}
.pageCase ul li .img p span{ display: block; width: 100%; font-size: 24px; color: #fff; text-align: center; line-height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 0;}
.pageCase ul li:hover .thumbnail{transform:scale(1.2)}
.pageCase ul li:hover .title{ color: #e16330;}
.pageCase ul li:hover .img p{transform: translateY(0); opacity:1;}

@media (max-width: 1200px) {
	.pageCase ul li{ width: 48%; padding-left:1%; padding-right:1%;}
	.pageCase ul li:hover .img p{width: 100%;}
	.pageCase ul li .cont{ width: 100%;}
}
@media (max-width: 640px) {
	.pageCase ul li{ width: 98%; padding-left:1%; padding-right:1%;}
	
}









 /* pageCase */
.pageab{  width:100%; position: relative;overflow: hidden; padding-bottom:50px }
.pageab ul{ width: 101.61%; margin: 2% -0.805%; padding-top:30px; }
.pageab ul li{ float: left; width: 31.72%; margin:  0.805%; position: relative;overflow: hidden;}
.pageab ul li .img{ width: 100%; position: relative; z-index: 1;}
.pageab ul li .img .thumbnail{ width: 100%;  transition: all 0.3s ease; }
.pageab ul li .cont{ width: 100%; padding:0.5625rem 3%; overflow: hidden; position: relative; z-index: 2;
 height: 3.125rem;  background-color: rgba(255, 255, 255, 1);}
.pageab ul li .cont .title{ font-size: 18px; color: #333; margin-bottom: 5px;text-align: center;}
.pageab ul li .cont .title span{ font-size: 18px; color: #666;}
.pageab ul li .cont .summary{ font-size: 14px; color: #999;}
.pageab ul li .img p{ width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transform: translateY(-101%); transition: all 0.8s ease;}
.pageab ul li .img p span{ display: block; width: 100%; font-size: 24px; color: #fff; text-align: center; line-height: 50px; position: absolute; top: 50%; margin-top: -25px; left: 0;}
.pageab ul li:hover .thumbnail{transform:scale(1.1)}
.pageab ul li:hover .title{ color: #e16330;}
.pageab ul li:hover .img p{transform: translateY(0); opacity:1;}

@media (max-width: 1200px) {
	.pageab ul li{ width: 98%; padding-left:1%; padding-right:1%;margin:  0.805%;}
	
	.pageab ul li:hover .img p{width: 100%;}
	.pageab ul li .cont{ width: 100%;}
}