*{margin:auto;padding:0;box-sizing: border-box;}
.col{color: #262626;font-weight: bold;}
.china{font-size:1.6em;font-weight:bold;}
.eng{font-size:1.2em;margin-top: 6px;}
.padText1{padding:40px 40px 40px 40px;}
.padText2{padding:40px 40px 40px 40px;}
.textStyle{line-height: 32px;color: #6d6d6d;padding-top: 40px}

body{font: normal 1em Helvetica, Arial, sans-serif;background: #f8f8f8}
.container{margin:auto;width: 1100px;padding-left: 0;padding-right: 0;}
.container2{margin:auto;width:1100px}


.banner{width: 100%;}
.banner img{width: 100%;}
/*#banner_small{display: none}
.picScroll{display: block}*/


.middle{padding:39px 0;text-align: center;}
.middle .btn .button{    padding: 10px 40px;line-height:30px;color:#262626;
	border:1px solid #bdbdbd;border-radius: 4px;background: none;
	font-size: 0.9em;margin:0 6px;cursor: pointer;transition: all 0.4s;}
.middle .btn .button:hover{background: #1558a0;color:#fff;}
#active{background: #1558a0;color:#fff;}

.about1{display: flex;background: #fff;width: 100%;margin:auto;}
.about1>div{width: 50%;}
.about1 .firstImg img{width: 100%;}
.about1 .content span{margin-top: 16px;}

.about2{width:100%;background: #fff;margin:auto;    height: 500px;}
.about2 .container{display: flex;}
.about2 .container>div{width: 50%;height: 500px;}
.about2 .yewu{padding:40px;}
.about2 .yewu .title{font-size: 1.3em;color:#262626;font-weight: bold;}
.about2 .yewu .content{display: flex;padding-top: 40px;}
.about2 .yewu .content>div{width: 25%;text-align: center;font-size: 1em;color: #262626}
.about2 .yewu .content>div .icon{padding-bottom: 10px;width: 100%;}
.about2 .yewu .content>div .icon img{width: 94%;}
.about2 .zc{background:url(../images/about2.jpg) no-repeat;padding: 80px 60px;color:#fff;background-size:cover;}
.about2 .zc .content{margin:auto;}
.about2 .zc .content div{padding:10px 0;}

.fazhan{width:100%;background: url(../images/fzbg.png) no-repeat;
	padding:60px;text-align: center;    background-size: cover;}
.fazhan .content{display: flex;flex-wrap: wrap;position: relative;margin:40px 0}
.fazhan .content>div{width: 50%;}
.fazhan .content #line{position: absolute;left:50%;}

.fazhan .content .left .text .top{text-align: right;}
.fazhan .content .left .text .bottom{text-align: right;line-height: 40px;padding-right: 20px;}
.fazhan .content .left .text .year{background: url(../images/left.png) no-repeat right;
	font-size: 1.5em;font-weight:bold;color:#fff;margin: right;
	line-height: 55px;}
.fazhan .content .left .text .year div{padding-right: 20px}

.fazhan .content .right .text .top{text-align: left;}
.fazhan .content .right .text .bottom{text-align: left;line-height: 40px;padding-left: 20px;}
.fazhan .content .right .text .year{background: url(../images/right.png) no-repeat left;
	font-size: 1.5em;font-weight:bold;color:#fff;margin: left;
	line-height: 55px;}
.fazhan .content .right .text .year div{padding-left: 20px}
.fazhan  #line{width: 2px;height: 100%;position: absolute;left: calc(50% - 1px);top:0;background: #1558a0;z-index: 1；}

.fazhan .last img{position: relative;;z-index: 2;left: 1px;}



.team{width: 100%;}
.team .oneTitle{text-align: center;background: #fff;padding:60px 0 40px;}
.team .oneContent{display: flex;flex-wrap: wrap;}
.team .oneContent>div{width: 50%;}
.team .oneContent .showimg img{width: 100%;}
.team .oneContent .text content{padding-top:30px;padding-right: 30px;}

.honor{width: 100%;background: #fff;position:relative;}
.honor .title{text-align: center;padding:60px 0 40px;}
.picScroll{   height:auto; padding: 10px 0 80px;  background:#fff; margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; }



  .picScroll ul li{width: 25%;text-align: center;}
  .picScroll ul li img{width: 80%;}


  .tempWrap{margin:auto;}

.picScroll ul li span{display: block;line-height: 30px;}

.picScroll .prev{ position:absolute;  left:-30px; top: 320px;width: 40px;border-radius: 50%; box-shadow:0 0 5px #999;display:block;color:#ddd;overflow:hidden;cursor:pointer;}
.picScroll .prev img{width: 100%;height: auto;border-radius: 50%;
	
}	


.picScroll .next{ position:absolute;top: 320px; display:block;right:-30px;width: 40px;
	overflow:hidden; cursor:pointer;transition: rotate(180deg);border-radius: 50%; box-shadow:0 0 5px #999;}
.picScroll .next img{;width: 100%;height: auto;border-radius: 50%;}	

 

.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }


.search-box{margin:0  15px;}



@media screen and ( max-width: 768px) {
/*  #banner_small{display: block}
  .picScroll{display: none}*/
  .picScroll ul li img{ width:130px; height: auto; }
  .container{width: 100%;margin: auto;}
  .middle .btn .button{padding:10px 20px;}
  .about1{display: block;}
  .about1>div{width: 100%}
  .padText1{padding-top:2em;padding-left:0.3rem;padding-right:0.3rem;}
  .about1 .padText1 .title{padding: 0 10px;}
  .about2{display: block;}
  .about2>div{width: 100%;}
  .about2 .yewu .title{text-align:center;}
  .fazhan{width:100%;padding:10px;}
  .team .oneContent{display: block;}
  .team .oneContent>div{width: 100%;}
  .padText2{padding-top:2em;padding-left:0.3rem;padding-right:0.3rem;}
  .layui-carousel{margin:0 auto;}
  .title{text-align: center;}
  .textStyle{padding:0;}
  .about2 .container{display:block;}
  .about2 .container>div{width:100%;}
  .picScroll .prev{display: none}
  .picScroll .next{display: none}

  .picScroll ul li{width: 50%;text-align: center;}
  .picScroll ul li img{width: 80%;}


}




@media screen and (min-width: 768px) and (max-width: 980px){
	.container{width: 768px;}
	.container2{width:768px;}

.picScroll .next {position: absolute; right: -50px; background-position: -120px 0;top: 220px;}

  .picScroll .prev { position: absolute; left: -50px;top: 220px;display: block;color: #ddd; overflow: hidden;cursor: pointer;padding: 20px;}
}
@media screen and (min-width: 980px) and (max-width: 1200px){
  .container{width: 980px;}
  .container2{width:980px;}
  .padText1{padding:10px 10px 0px 10px;}
  .padText2 { padding: 10px 10px 0px 10px;}
  .textStyle {line-height: 32px;color: #6d6d6d; padding-top: 10px;}
  .picScroll .next {position: absolute; right: -50px; background-position: -120px 0;top: 280px;}

  .picScroll .prev { position: absolute; left: -50px;top: 280px;display: block;color: #ddd; overflow: hidden;cursor: pointer;}

}

@media screen and (min-width: 1200px) and (max-width: 1400px){
  .padText1{padding:5% 80px 40px 40px;}
  .oneContent .padText1{padding:4% 80px 0px 40px;}
  .padText2{padding:6% 40px 40px 80px;}


}
@media screen and (min-width: 1400px) and (max-width: 1600px){
    .padText1{padding:7% 200px 40px 40px;}
  	.oneContent .padText1{padding:5% 200px 40px 40px;}
    .padText2{padding:6% 40px 100px 200px;}
    
    
}

@media screen and (min-width: 1600px) and (max-width: 1740px){
    .padText1{padding:7% 200px 40px 40px;}
  	.oneContent .padText1{padding:5% 200px 40px 40px;}
    .padText2{padding:6% 40px 100px 200px;}

    
}

@media screen and (min-width: 1740px) and (max-width: 1920px){
    .padText1{padding:10% 200px 70px 40px;}
  	.oneContent .padText1{padding:7% 200px 70px 40px;}
    .padText2{padding:8% 40px 100px 200px;}
 
    

}
@media screen and (min-width: 1920px){
    .padText1{padding:11% 200px 70px 40px;}
  	.oneContent .padText1{padding:9% 200px 70px 40px;}
    .padText2{padding:10% 40px 100px 200px;}

   

}
@media screen and (min-width: 2000px){ 
   .container{width: 1900px;}
 

  .about2{height:600px;}
  .about2 .container>div{height:600px;}
  .about2 .yewu {padding: 140px 20px;}
  .about2 .zc{padding:170px 80px} 
    
}
@media screen and (min-width: 2560px){ 
   .container{width: 2000px;}

}