@charset "utf-8";
/* CSS Document */
@screen-xs-min:320px;
@screen-xs-max:768px;
@screen-sm-min:769px;
@screen-sm-max:1199px;
@screen-md-min:1200px;
@screen-md-max:1260px;
@screen-lg-min:1400px;

@media (min-width: 1920px) { 
 
  
 }

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

@media (max-width:1750px) {

  
	}

@media (max-width:1650px) {
   .headbox  .menu ul li{ margin:0px 15px; }
 
	}	

	
@media (max-width:1600px) {
    .homepart2 .tbox{ width:96%; margin:0 auto; margin-top:52px;}
	.homepart2 .tson{ width:60%; padding:50px;}
	.homepart3 .centerbox .centerin{ width:96%; margin:0 auto;}
	.homepart3 .list{ width:90%;}
	.homepart4 .centerbox .centerin{ width:96%; margin:0 auto;}
	}	


@media (max-width:1540px) {
    .aboutbox1 .centerbox .centerin{ width:96%; margin:0 auto; }
	.aboutbox1 .slidebox .list{ width:90%; margin:0 auto}
	.aboutbox5 .centerbox .centerin{ width:96%; margin:0 auto}

	}	

@media (max-width:1500px) {
    .headbox  .menu ul li{ margin:0px 10px; font-size:16px }
	.footmenu .centerbox .centerin{ width:96%; margin:0 auto}
	.buildbox2 .centerbox .centerin{ width:96%; margin:0 auto}

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


@media (max-width:1380px) {
    .homeSlide .list ul li .wordbox{left:4%; top:125px; margin-top:0; margin-left:0; width:92%; }
	.homeSlide .list ul li .wordbox .tit{font-size:20px;}
	.homeSlide .list ul li .wordbox .tit2{ font-size:24px; line-height:40px; margin:15px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:36px; line-height:50px;}
	.homeSlide .list ul li .more{ width:125px; height:50px;line-height:50px; font-size:14px;  margin-top:20px; border-radius:50px}
	
	.homeSlide  .dotbox{  position:absolute; right:4%; margin-right:0; }
   

	
	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:-50px;} 
	.erSlide .namebox .inbox{ width:96%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:30px; line-height:30px;  }
	.erSlide .namebox .tit2{  font-size:20px;  }
	
	.homepart1 .centerbox .centerin{ width:96%; margin:0 auto}
	.ertoplocation .centerbox .centerin{ width:96%; margin:0 auto}
	.productbox1 .centerbox .centerin{width:96%; margin:0 auto}
	.productbox2 .centerbox {width:96%; margin:0 auto}
	.protopnav .centerbox .centerin{ width:96%; margin:0 auto}
	
	.ertop .centerbox .centerin{width:96%; margin:0 auto}
	.casebox1 .centerbox .centerin{width:96%; margin:0 auto}
	.mainbox .centerbox .centerin{width:96%; margin:0 auto}
	.buildbox1 .centerbox .centerin{ width:96%; margin:0 auto}
	.buildbox3 .centerbox .centerin{ width:96%; margin:0 auto}
	.healthbox .centerbox{ width:96%; margin:0 auto}
	

	.jobbox1 .centerbox .centerin{ width:96%; margin:0 auto}
	.jobboxsearch .centerbox .centerin{ width:96%; margin:0 auto}
	.jobbox2 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.aboutbox2 .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox3 .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox4 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.aboutbox6 .centerbox .centerin{ width:96%; margin:0 auto}
    .aboutbox7 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.ertop .navbox .list ul li{ font-size:16px}

	}

@media (max-width:1300px) {
   .headbox  .menu ul li{ margin:0px 10px; font-size:14px }

	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	.headbox .box .logo img{ height:30px}
	.headbox  .menu{position:absolute; right:130px  }
	.headbox .more{ width:125px; height:35px; line-height:35px; border-radius:30px; background:url(../Images/tmore.png) left 12px center no-repeat #ffffff; text-indent:43px; font-size:12px; color:#67a622; position:absolute; right:0; top:20px}
	.footmenu .menubox .menu ul li{ margin:0px 0 0 15px;font-size:14px; }
	
	.footmenu .faddress ul li .inbox{ box-sizing:border-box; padding:0 10px;}
	.footmenu .faddress ul li .tit{font-size:14px;}
	.footmenu .faddress ul li .word{  line-height:28px; margin-top:10px; font-size:14px; }
	.footmenu .faddress ul li.t5 .ercode{ float:left}
    .footmenu .faddress ul li.t5 .name{ float:left; color:#FFF; font-size:12px; line-height:32px; padding:15px 0 0 10px}
	
	.ertop .navbox3 .list ul li{ font-size:14px}




	}

@media (max-width:1216px) {
    .ertop .navbox .list ul li{ font-size:14px; padding:0 20px}
	}	

	
@media (max-width:1180px) {

	}		


@media (max-width:1100px){
    .jobbox1{ padding:20px 0 }

	.jobbox1 .titbox{font-size:20px; }
	.jobbox1 .titbox2{font-size:14px;margin-top:10px;}

	.jobbox1 .listbox{ margin-top:10px;padding:20px 10px}
	.jobbox1 .list ul li{  padding:0px 0 0 30px;  width:50%;  }
	.jobbox1 .list ul li .tit{ width:100%; height:30px; line-height:30px; font-size:14px; color:#333333; opacity:0.8}
	.jobbox1 .list ul li .word{ width:100%; height:60px; line-height:30px; font-size:14px; color:#333333; font-weight: bloc}
	
	.jobbox1 .list ul li.t1{ width:40%;background-size:25px auto;}
	.jobbox1 .list ul li.t2{ width:60%;background-size:25px auto;}
	.jobbox1 .list ul li.t3{ width:100%;background-size:25px auto; }
	.jobbox1 .list ul li.t3 .word{ font-size:14px}


	}
	
	
@media (max-width:1050px){
   .headbox  .menu ul li ul li{ font-size:12px}
   
    .homeSlide .list ul li .wordbox{left:4%; top:90px; margin-top:0; margin-left:0; width:92%; }
	.homeSlide .list ul li .wordbox .tit{font-size:14px;}
	.homeSlide .list ul li .wordbox .tit2{ font-size:14px; line-height:30px; margin:15px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:24px; line-height:40px;}
	.homeSlide .list ul li .more{ width:125px; height:40px;line-height:40px; font-size:12px;  margin-top:20px;}

   
	}	
@media (max-width:1025px){
     .footmenu .menubox .menu{ display:none}

	 
	}		
	

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	
	.topbox{ display:none}
	
	.headbox{ height:80px; background:rgb(0,0,0,0.15)  }
    .headbox .box{  height:80px; width:96%; margin:0 auto; position:relative }
	.headbox  .menu{ display:none}  
	.headbox .box .logo{ position:absolute; left:0; top:0; height:80px; line-height:80px;}
  
	
	.headbox .other{ position:absolute; right:0; top:0px;}
	.headbox .other ul li{ height:80px; line-height:80px; padding:0}
	.headbox .other ul li.t1{ padding-top:3px; padding:0 10px;}
	.headbox .other ul li.t1 img{ margin-top:32px;}
	.headbox .other ul li.t2{ padding-left:10px;}
	.headbox .other ul li.t2 img{ margin-top:32px;}
	
	.headbox .box .language{ position:absolute; right:80px; top:0px; height:80px; line-height:80px; font-size:14px;}
	.headbox  .menubtn{ display:block; right:0}
	.headbox .more{ width:135px; height:35px; line-height:35px; border-radius:30px; background:url(../Images/tmore.png) left 5px center no-repeat #ffffff; background-size:20px auto; text-indent:26px; font-size:12px;right:35px; top:23px}
	
	.headbox .box .searchbtn{ display:block; right:auto; left:35px; height:80px; line-height:80px; overflow:hidden;display:block}
	.headbox .other ul li.t1{ display:none;}
	.headbox .other ul li{ background:none}
	.headboxon{ background:#FFF}
	.headboxon2{ background:#FFF}
	.gotop{ display:none}
	
	.homeSlide  .dotbox{width:70px; top:10px }
	.homeSlide  .dotbox .leftarr{width:30px; height:30px; background-size:100% 100%; }
	.homeSlide  .dotbox .rightarr{width:30px; height:30px;background-size:100% 100%; }
	.homeSlide  .dotbox .leftarr:hover{width:30px; height:30px; background-size:100% 100%; }
	.homeSlide  .dotbox .rightarr:hover{width:30px; height:30px;background-size:100% 100%; }
	
	.homepart1{ padding:25px 0}
	.homepart1 .titbox2{font-size:20px;line-height:40px;margin-top:15px;}
	.homepart1 .word{ font-size:14px;line-height:28px; margin-top:10px}
	.homepart1 .more{ width:50px; height:50px;  line-height:50px;  margin-top:20px;}
	.homepart1 .more img{ width:15px; height:auto}	
	
	.homepart2 .mbslove{ display:block}
	.homepart2 .tbox .tword{ display:none}
	.homepart2 .tbox .nav{ width:100%;float:none; overflow:hidden;}
	.homepart2 .tson{ width:100%; padding:40px; border-top-right-radius:0px;}
	
	.homepart3{ padding:25px 0}
	.homepart3 .titbox{ font-size:20px;  line-height:30px; font-weight:700}
    .homepart3 .titbox2{ font-size:14px;line-height:30px;}
	
	.footmenu .menubox{ width:100%; height:80px;}
	.footmenu .menubox .logo{ position:absolute; left:0; top:0; height:80px; line-height:80px;}
    .footmenu .menubox .logo img{ width:auto; height:30px;}
	.footmenu .menubox .more{ width:100px; height:40px; line-height:40px; font-size:12px;top:20px;}
	
	.footmenu .faddress{margin:20px 0; width:100%; height:auto; overflow:hidden;}
	.footmenu .faddress ul li{height:auto; overflow:hidden; box-sizing:border-box; border:0; display:block; float:left; padding:10px 0}
	.footmenu .faddress ul li .inbox{  margin:0 auto}
	.footmenu .faddress ul li .tit{ width:100%; height:34px; line-height:34px; margin-top:10px; font-size:14px; }
	.footmenu .faddress ul li .word{ width:100%; height:auto; line-height:23px; margin-top:10px; font-size:12px}
	
	.footmenu .faddress ul li.t1{ border:0; width:50%; border-bottom:1px solid #204075;}
	.footmenu .faddress ul li.t1 .inbox{width:100%;}
	.footmenu .faddress ul li.t2{width:50%; border-bottom:1px solid #204075;}
	.footmenu .faddress ul li.t3{width:50%;}
	.footmenu .faddress ul li.t4{width:50%;}
	.footmenu .faddress ul li.t5{width:50%; display:block; box-sizing:border-box; padding-top:50px;}
	.footmenu .faddress ul li.t5 .ercode{ float:left; width:50%}
	.footmenu .faddress ul li.t5 .ercode img{ width:80%; height:auto}
	.footmenu .faddress ul li.t5 .name{ float:left; color:#FFF; font-size:12px; line-height:25px; padding:0; width:50%}

	
	.footmenu .fbox{ width:100%; min-height: inherit; height:auto; overflow:hidden; background:#0a2c5a; padding:15px 0; font-size:14px;}
	.footmenu .fbox .copyright{ width:100%; height:auto; overflow:hidden; line-height:25px; float:none; margin-top:0px; text-align:center}
	.footmenu .fbox .sharebox{ display:none}
	
	.ertoplocation{ display:none}
	
	.productbox1{padding:25px 0}
	.productbox1 .leftbox{ width:100%; float:none;}
	.productbox1 .leftbox .titbox{ line-height:40px; font-size:20px; }
	.productbox1 .leftbox .wordbox{ font-size:14px; line-height:30px;margin-top:10px}
	.productbox1 .rightbox{ width:100%;  float:none;}
	.productbox1 .rightbox img{ max-width:100%; height:auto}
	
	

	.protopnav{ background:#FFF}
	.protopnav .navlist{height:auto; background:#e5f1f9; }
	.protopnav .navlist ul{ display:block}
	.protopnav .navlist ul li{padding:0px;  height:50px; line-height:50px; float:left; font-size:14px;background:#0172c2; width:100%; text-indent:10px; margin:10px 0 }
	.protopnav .navlist ul li.onfocus{ background:#67a623;}
	.protopnav .navlist ul li a{ color:#FFF}
	.protopnav .navlist ul li:nth-child(2) ~li{ width:33.33%; float:left}
	
	.productbox2{ padding:25px 0;  }
	.productbox2 .centerbox{background: url(../Images/proline.png) left 0 top 15px  no-repeat #FFF; padding:30px 10px;}
	.productbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
	.productbox2 .titbox{ line-height:40px; font-size:20px;}
	.productbox2 .wordbox{font-size:14px; line-height:30px;}




	.ertop .navbox .list ul{ display:block }
	.ertop .navbox .list ul li{ padding:0; width:20%; height:40px; line-height:40px; font-size:12px; float:left; background:none}
	.ertop .navbox .list ul li.onfocus{ background:none}

	
	.casebox1{ padding:30px 0; }
	.casebox1 .titbox{ line-height:40px; font-size:20px; }
	.casebox1 .wordbox{ margin-top:15px; font-size:14px; }
	

	.ertop .navbox3 .list{ border-bottom:1px solid #cddbe9;}
	.ertop .navbox3 .list ul{ display:block;}
	.ertop .navbox3 .list ul li{ margin:0; padding:0; width:33.33%; height:50px; line-height:50px; text-align:left; border:0; float:left; font-size:14px; font-weight:700; background:none}
	.ertop .navbox3 .list ul li:nth-child(1){ border-bottom:1px solid #cddbe9;}
	.ertop .navbox3 .list ul li:nth-child(2){ border-bottom:1px solid #cddbe9;}
	.ertop .navbox3 .list ul li:nth-child(3){ border-bottom:1px solid #cddbe9;}
	
	.buildbox1 .titbox{ line-height:40px; font-size:20px; }
    .buildbox1 .wordbox{  margin-top:15px; font-size:14px;  }

    .buildbox2  .titbox{ font-size:20px;  }
	 
	 
	.buildbox3 .onebox{margin:10px 0}
	.buildbox3 .onebox .titbox{height:50px; }
	.buildbox3 .onebox .titbox .tit{ position:absolute; left:0; top:0; height:50px; line-height:50px; background:url(../Images/ar1.png) left center no-repeat; text-indent:35px; font-size:14px; text-indent:15px; }
	.buildbox3 .onebox .titbox .more{ position:absolute; right:10px; top:0; height:50px; line-height:50px;} 
	.buildbox3 .onebox .titbox .more img{ margin-top:10px; height:30px;}

	
	.buildbox3 .onebox .wordbox{font-size:14px; padding:15px}
    
	
	.rp{  padding:10px 0;}
	.healthbox .centerbox{ background: url(../Images/proline.png) left 0 top 25px  no-repeat #FFF;  padding:25px;}
	.healthbox .titbox{ line-height:40px; font-size:20px; margin-top:25px;}
	.healthbox .wordbox{ font-size:14px;}
    
	
	
	.aboutbox1{ padding:20px 0 }
	.aboutbox1  .tox .tit{  font-size:20px;line-height:40px;}
	.aboutbox1  .tox .word{  font-size:20px; color:#0172c2; line-height:40px; }
	
	.aboutbox1  .tox .wordbox{margin-top:10px;font-size:14px; line-height:28px; }
	
	.aboutbox1 .numlist{ margin-top:20px; }
	.aboutbox1 .numlist ul li{ margin:0px 0 20px 0; width:33.33%; }
	.aboutbox1 .numlist ul li .box{  padding:20px 0; border-radius:10px;}
	.aboutbox1 .numlist ul li:nth-child(3) ~ li{ width:50%}

	.aboutbox1 .numlist ul li .tit{ height:50px; line-height:50px;font-size:30px;}
	.aboutbox1 .numlist ul li .tit p.t2{ font-size:14px;}
	.aboutbox1 .numlist ul li .tit sup{ font-size:20px; }
	.aboutbox1 .numlist ul li .tit sub{ font-size:14px;}
	.aboutbox1 .numlist ul li .tit2{ width:100%; height:50px; line-height:50px; font-size:14px; color:#202020; text-align:center}
	.aboutbox1 .numlist ul li:nth-child(5) .tit sub{ margin-left:-15px}
	
	
	
	.aboutbox1 .slidebox{ width:100%; height:360px; overflow:hidden; position:relative; margin-top:25px;}
	.aboutbox1 .slidebox .leftarr{ width:35px; height:35px; left:15%; top:auto; bottom:0; margin-top:0;}
	.aboutbox1 .slidebox .rightarr{ width:35px; height:35px;  right:15%; top:auto;  bottom:0;margin-top:0; }
	

	
	.aboutbox1 .slidebox .list{ width:100%; height:300px; }
	.aboutbox1 .slidebox .list ul li{  height:300px; }
	.aboutbox1 .slidebox .list ul li .box{ width:96%; height:300px; }
	.aboutbox1 .slidebox .list ul li .pic{height:300px;}

    .aboutbox2{padding:20px 0 }
	.aboutbox2 .titbox{ height:40px; line-height:40px; font-size:20px;}
	 
	.aboutbox2 .wordbox{ font-size:14px; line-height:28px;}

	/*尚健创唯”*/
	.aboutbox3{ padding:20px 0 }
	.aboutbox3 .titbox{ height:40px; line-height:40px; font-size:20px;}
	 
	.aboutbox3 .wordbox{font-size:14px; line-height:28px;}
	
	.aboutbox4{ padding:40px 0 }
	.aboutbox4 .titbox{ display:none}

	.aboutbox4 .listbox .list ul li{ margin:20px 0 0 0; width:100%; float:none; }
	.aboutbox4 .listbox .list ul li .box{ width:100%;  padding:20px;}
	.aboutbox4 .listbox .list ul li .pic{ width:123px; height:auto; float:left; overflow:hidden;}
	.aboutbox4 .listbox .list ul li:nth-child(2n) .box{border-color:#67a623;}
	.aboutbox4 .listbox .list ul li:nth-child(2n) .pic .img1{ display:none}
	.aboutbox4 .listbox .list ul li:nth-child(2n) .pic .img2{ display:block}
	.aboutbox4 .listbox .list ul li .wordbox{ width:calc(100% - 123px); float:right; height:auto; overflow:hidden;}
	.aboutbox4 .listbox .list ul li .wordbox .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:24px; font-weight:700; color:#0172c2;}
	.aboutbox4 .listbox .list ul li .wordbox .word{ width:100%; height:85px; line-height:28px; font-size:16px; color:#333333; overflow:hidden; margin-top:10px}
	
     
	.aboutbox5{ padding:20px 0 }

	.aboutbox5 .titbox{ font-size:20px; }
	.aboutbox5 .tbox{ margin-top:20px;}
	.aboutbox5 .tbox .leftarea{ width:100%; height:auto; float:none; overflow:hidden; border-bottom:1px solid #e5e7e8; padding-bottom:10px; margin-bottom:10px;}

	.aboutbox5 .tbox .leftarea .numlist ul li .box{ padding:25px 0; }
	
	.aboutbox5 .tbox .leftarea .numlist ul li .tit{ width:100%; height:40px; line-height:40px; font-size:30px;}
	.aboutbox5 .tbox .leftarea .numlist ul li .tit p.t2{ font-size:14px;}
	.aboutbox5 .tbox .leftarea .numlist ul li .tit sup{ font-size:14px; }
	.aboutbox5 .tbox .leftarea .numlist ul li .tit sub{ font-size:14px; font-weight:700; }
	.aboutbox5 .tbox .leftarea .numlist ul li .tit2{ width:100%; height:50px; line-height:50px; font-size:14px; }
	
	.aboutbox5 .tbox .rightarea{ width:100%; height:auto; float:none; overflow:hidden;}
	.aboutbox5 .tbox .rightarea .list ul li{ width:100%; float:none;  font-size:14px; text-indent:17px;}

	.aboutbox5 .tbox2{ margin-top:0px; background:#fff;  padding:0;}
	.aboutbox5 .tbox2 .list ul li{width:100%; float:none;  font-size:14px; }


	/*华唯历程*/
	.aboutbox6{padding:30px 0 }
	.aboutbox6 .titbox{ font-size:20px}
	.aboutbox6 .tbox .list ul li{  width:80px; font-size:14px; font-weight:700}

	
	
	.aboutbox6 .bigbox{ width:100%; height:500px; box-sizing:border-box; padding:15px;}
	.aboutbox6 .bigbox .list{ width:100%; height:auto; overflow:hidden;}
	.aboutbox6 .bigbox .list ul li .leftarea{ width:100%; height:100px; float:none; border-right:0; background:url(../Images/his.png) left top no-repeat; background-size:45% auto}
	.aboutbox6 .bigbox .list ul li .leftarea .tit{height:40px; line-height:40px; overflow:hidden; font-size:14px; font-weight:700; color:#333333; margin-top:60px}
	.aboutbox6 .bigbox .list ul li .leftarea .tit span{ font-size:30px; color:#67a623;}
	.aboutbox6 .bigbox .list ul li .rightarea{  width:100%; height:auto; float:none; overflow:hidden; margin-top:20px;}
	.aboutbox6 .bigbox .list ul li .rightarea .word{ width:100%; height:400px; line-height:30px; overflow:hidden; font-size:14px; color:#333333;}
	
	.aboutbox6 .bigbox .leftarr{width:35px; height:35px;  left:auto; right:50px; bottom:auto; top:50px;}
	.aboutbox6 .bigbox .rightarr{width:35px; height:35px;  left:auto; right:10px; bottom:auto;  top:50px;}
	
	
	
	/*华唯各地*/
	.aboutbox7{ padding:30px 0 }
	.aboutbox7 .titbox{font-size:20px; }
	
	.aboutbox7 .tbox{ width:100%; height:auto; margin-top:25px;}
	.aboutbox7 .tbox .leftarea{ width:100%; height:auto; float:none; padding:20px; }
	.aboutbox7 .tbox .leftarea .title{  font-size:18px; }
	.aboutbox7 .tbox .leftarea .list ul li{ margin:12px 0 0 0px; padding:0px 0 0 50px; }
	.aboutbox7 .tbox .leftarea .list ul li .tit{ width:100%; height:20px; line-height:20px; font-size:14px;}
	.aboutbox7 .tbox .leftarea .list ul li .word{ width:100%; height:auto; line-height:40px; font-size:14px; font-weight:700}
	
	.aboutbox7 .tbox .rightarea{ width:100%; height:485px; float:none; overflow:hidden; }
	

	.aboutbox7 .tbox2 .list ul li{ margin:20px 0 0 0px;width:100%; float:none}
	.aboutbox7 .tbox2 .list ul li .box{ width:100%; padding:10px;}
	.aboutbox7 .tbox2 .list ul li .tit{ font-size:14px; height:auto; line-height:30px; }
	.aboutbox7 .tbox2 .list ul li .word{ font-size:14px; line-height:28px; height:auto; }
	.aboutbox7 .tbox2 .list ul li:nth-child(1){ width:100%}
	.aboutbox7 .tbox2 .list ul li:nth-child(1) .box{ width:100%}
	.aboutbox7 .tbox2 .list ul li:nth-child(2){ width:100%}
	.aboutbox7 .tbox2 .list ul li:nth-child(2) .box{ width:100%}
	
	
	.jobbox1 .tbox2 .list2 ul li{ margin:20px 0 0 0px;width:100%; float:none}
	.jobbox1 .tbox2 .list2 ul li .box{ width:100%; padding:10px;}
	.jobbox1 .tbox2 .list2 ul li .tit{ font-size:14px; height:auto; line-height:30px; }
	.jobbox1 .tbox2 .list2 ul li .word{ font-size:14px; line-height:28px; height:auto; }
	.jobbox1 .tbox2 .list2 ul li:nth-child(1){ width:100%}
	.jobbox1 .tbox2 .list2 ul li:nth-child(1) .box{ width:100%}
	.jobbox1 .tbox2 .list2 ul li:nth-child(2){ width:100%}
	.jobbox1 .tbox2 .list2 ul li:nth-child(2) .box{ width:100%}
	
	
	.projectlist2{ width:100%; height:auto;}
	.projectlist2 .list{  height:580px; }
	.projectlist2 .list ul li{height:580px;  }
	.projectlist2 .list ul li .pic{ width:100%; height:400px;float:none; }
	.projectlist2 .list ul li .wordbox{ width:100%; height:auto; box-sizing:border-box; float:none;}
	
	
	.projectlist2 .list ul li .time{  height:25px; line-height:25px; font-size:12px;}
	.projectlist2 .list ul li .tit{  height:50px; line-height:50px; font-size:20px;}
	
	.projectlist2 .list ul li .word{ width:100%; height:50px; line-height:25px; font-size:14px; }
	.projectlist2 .list ul li .more{ width:100%; height:30px; line-height:30px;  font-size:14px; margin-top:10px }
	

	
	.projectlist2 .leftarr{ display:none}
	.projectlist2 .rightarr{display:none}
	.projectlist2 .nmppage { display:block; margin-top:20px;}
	
	


	.listnews ul li .box{ padding:10px; }

	.listnews ul li .pic{ width:45%} 
	.listnews ul li .wordbox{ width:53%;  padding:0px 0px 0 0px}
	
	.listnews ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:20px; color:#333333; overflow:hidden;margin-top:20px;}
	.listnews ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px; color:#595959; overflow:hidden; margin-top:10px; opacity:0.9}
	
	.formtit{  font-size:20px;line-height:50px; margin-top:20px;}

	
	 
	}
	
@media (max-width:960px){
	
	.formbox2{margin-top:25px;  }
	.formbox2 ul li{ margin:5px 0px; width:100%}
	.formbox2 ul li .input3{ width:100%; height:50px; font-size:14px; }
	.formbox2 ul li select{ width:100%; height:50px; font-size:14px; }
	.formbox2 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#232323; display:none}
	.formbox2 ul li .input1{ w height:50px; font-size:14px;}
	.formbox2 ul li textarea{ width:100%; height:100px;  padding:10px; font-size:14px; }
	.formbox2 ul li .input2{ width:170px; height:50px; font-size:14px; background:#fff}
	.formbox2 ul li .btnme{ width:150px; height:50px; line-height:50px;font-size:14px;}
	
	
	.formbox3{margin-top:25px;  }
	.formbox3 ul li{ margin:5px 0px; width:100%}
	.formbox3 ul li .input3{ width:100%; height:50px; font-size:14px; }
	.formbox3 ul li select{ width:100%; height:50px; font-size:14px; }
	.formbox3 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#232323; display:none}
	.formbox3 ul li .input1{ w height:50px; font-size:14px;}
	.formbox3 ul li textarea{ width:100%; height:100px;  padding:10px; font-size:14px; }
	.formbox3 ul li .input2{ width:170px; height:50px; font-size:14px; background:#fff}
	.formbox3 ul li .btnme{ width:150px; height:50px; line-height:50px;font-size:14px;}
	
	.buildbox2 .listbox{ width:100%; height:270px; overflow:hidden; margin-top:35px;  position:relative}
	.buildbox2 .listbox .leftarr{ width:35px; height:35px; background-size:100% 100%;  position:absolute; left:15%; top:auto; bottom:0; margin-top:0px; cursor:pointer; z-index:100}
	.buildbox2 .listbox .rightarr{width:35px; height:35px; background-size:100% 100%; position:absolute; right:15%; top:auto; bottom:0; margin-top:0px; cursor:pointer; z-index:100}
    
	.buildbox2 .listbox .leftarr:hover{  background-size:100% 100%;}
	.buildbox2 .listbox .rightarr:hover{background-size:100% 100%; }

	
	.buildbox2 .listbox  .list{ width:100%; height:200px;}
	.buildbox2 .listbox  .list ul li{ height:200px; }
	.buildbox2 .listbox  .list ul li .box{ width:96%; height:200px; }
	.buildbox2 .listbox  .list ul li .pic{ width:100%; height:200px; overflow:hidden}

	.buildbox2 .listbox  .list ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:14px; bottom:0}




	}	


@media (max-width:850px) {

	.homepart3 .listbox{ width:100%; height:200px; overflow:hidden; position:relative;margin-top:20px;  }
	.homepart3 .listbox  .leftarr{ background:url(../Images/left1.png) left center no-repeat; background-size:18px auto;  }
	.homepart3 .listbox  .rightarr{ background:url(../Images/right1.png) right center no-repeat; background-size:18px auto;}
	.homepart3 .list{ width:90%; height:200px; margin:0 auto ;   }
	.homepart3 .list ul li{  height:200px; } 
	.homepart3 .list ul li .box{ width:96%; height:200px;}
	.homepart3 .list ul li .pic{  height:200px;  }
	.homepart3 .list ul li .pic .img{ height:200px;}
	.homepart3 .list ul li .tit{ height:50px; line-height:50px; font-size:12px; }
	
	
	.homepart3 .listbox2{  height:185px;}
	.homepart3 .list2{  height:185px; }

	.homepart3 .list2 ul li{ height:185px;} 
	.homepart3 .list2 ul li .box{height:185px;}
	
	.homepart3 .list2 ul li .pic{height:125px; line-height:125px }
	.homepart3 .list2 ul li .tit{ width:100%; height:50px; line-height:25px; font-size:12px; }
	
	.homepart4{  padding:30px 0}
	.homepart4 .titbox{ font-size:20px; line-height:40px; font-weight:700}
    .homepart4 .titbox2{ font-size:14px; line-height:28px;}
	
	.homepart4 .thebox{ margin-top:20px;}
	.homepart4 .thebox .leftbox{ width:100%; height:480px; float:none;}


	.homepart4 .thebox .rightbox{ width:100%; height:auto; float:none; margin-top:25px; }


   }

@media (max-width:800px) {
	.jobboxsearch{ padding:30px 0 }
	.jobboxsearch .titbox{ font-size:20px;}
	.jobboxsearch .titbox2{ font-size:14px;}
	
	.jobboxsearch .list{ width:100%; height:50px; background:#FFF; border-radius:30px}
	.jobboxsearch .list .input1{ width:75%; height:50px; background: url(../Images/search1.png) left 15px center no-repeat #FFF; border:0; position:absolute; left:0; top:0; border-radius:50px; text-indent:50px; font-size:14px; outline:none}
	.jobboxsearch .list .btnme{ width:23%; height:50px; line-height:50px; text-align:center; background:#67a623; border-radius:50px; font-size:14px; color:#ffffff; position:absolute; right:0; top:0; border:0}
	

	.joblist .onebox .titbox{ height:50px; line-height:50px;font-size:14px;}
	.joblist .onebox .titbox p{ height:50px; line-height:50px;}
	.joblist .onebox .titbox p.t1{ width:70%; text-indent:15px; font-size:14px;}

	.joblist .onebox .titbox p.t5{font-size:14px; color:#0182d5; position:absolute; right:10px; }
	.joblist .onebox .titbox p.t5 img{ width:28px; height:auto; display:block; margin-top:10px;}

	
   }   

@media (max-width: 768px) {
	.pcshow{ display:none}
	.mbshow{ display:block}

	 /*
	.fixbottomkong{ display:block}
	.fixbottom{ display:block}
	*/
	

	
	.homeSlide .list ul li .wordbox{left:4%; top:90px; margin-top:0; margin-left:0; width:92%; }
	.homeSlide .list ul li .wordbox .tit{font-size:28px;}
	.homeSlide .list ul li .wordbox .tit2{ font-size:16px; line-height:25px; margin:0px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:16px; line-height:30px; display:none}
	.homeSlide .list ul li .more{ width:115px; height:30px;line-height:30px; font-size:12px;  margin-top:20px;}
	
	.homeSlide .slidebo{ width:100%; height:25px; background:url(../Images/slidebo2.png) bottom center no-repeat;}
    .homeSlide .coverpage{ width:100%; height:56px; position:absolute; left:0; bottom:30px; z-index:100}
	
	.indexpage .swiper-pagination-switch { width:8px; height:8px;}
	.indexpage .swiper-active-switch { width:35px;}

	

	.gotop{  width:50px; height:auto;}
	.gotop ul li{width:50px; height:50px; position:relative; overflow: visible}
	.gotop ul li p{ width:50px; height:50px; padding:10px 0 0 0}
	.gotop ul li:hover p{ background:#728ca3}
	.gotop ul li p span{ display:none}
	

	.showus video{ width:100%; height:350px} 

	.theTit{ width:100%; height:auto; line-height:30px; font-size:18px; margin:0}
    .theauthor{ font-size:12px; margin:0}
	.theauthor .t1{ width:100%; display:block}
	.theauthor .t2{ width:100%; display:block}
	

	#ertopslide{ height:420px}
	
	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:10px;} 
	.erSlide .namebox .inbox{ width:92%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:20px; line-height:30px;  }
	.erSlide .namebox .tit2{ margin:0; font-size:12px; line-height:25px }
	/*
	.erSlide .about .tit,.erSlide .about .tit2{ color:#FFF}
	*/
	
	.homepart2 .tbox{margin-top:30px;}
	.homepart2 .listbox{  height:500px; }
	.homepart2 .listbox .bglist ul li{  height:500px;}

	.homepart2 .tbox .nav ul li .tit{ width:100%; height:50px; line-height:50px;  font-size:14px; }
	.homepart2 .tbox .nav ul li .pic{ width:100%; height:60px; line-height:60px;}
	.homepart2 .tson{ width:100%; padding:20px}
	.homepart2 .tson .cbox .tit{ height:auto; line-height:30px;  font-size:16px; font-weight:700}
    .homepart2 .tson .cbox .tit img{ height:30px}
	.homepart2 .tson .cbox .word{ line-height:28px; height:140px; overflow:hidden;font-size:14px;margin-top:13px;}
    
	
	.casebox1 .listbox2{ width:100%; height:420px;  }
	.casebox1 .list2{height:370px; }
	.casebox1 .list2 ul li{height:370px; } 
	.casebox1 .list2 ul li .box{height:175px; margin-bottom:10px;}
	.casebox1 .list2 ul li .pic{height:125px; line-height:125px }
	.casebox1 .list2 ul li .tit{ height:50px; line-height:50px;  font-size:14px; }
	
	.casebox1 .listbox2  .leftarr{ width:35px; height:35px; background:url(../Images/left2.png) no-repeat; background-size:100% 100%; cursor:pointer; position:absolute; left:50%; margin-left:-60px; bottom:0;  z-index:10 }
     .casebox1 .listbox2  .rightarr{width:35px; height:35px;  background:url(../Images/right3.png) no-repeat; background-size:100% 100%; cursor:pointer;  position:absolute; right:50%; bottom:0; margin-right:-60px;z-index:10 }
	

	.mainbox .toptitle{font-size:20px; line-height:40px; }
	.caselist ul li{ width:50%}
	.caselist ul li .wordbox .tit{font-size:14px; }
     
	 #job1{ display:block}
	 #job2{ display:none}
	 .joblist .onebox .wordbox{font-size:14px;  padding:15px;}
	 
	 
	.aboutbox5 .listbox{ width:100%; height:310px; overflow:hidden; position:relative; margin-top:50px;}
	.aboutbox5 .listbox .leftarr{width:35px; height:35px;top:90px; }
	.aboutbox5 .listbox .rightarr{width:35px; height:35px; top:90px  }

	.aboutbox5 .listbox .list{ width:100%; height:310px; overflow:hidden; margin:0 auto; max-width:1360px; position:relative;}
	.aboutbox5 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
	.aboutbox5 .listbox .list ul li{ margin:0; padding:0px; list-style:none; width:33.33%; height:450px; overflow:hidden; float:left; position:relative}
	.aboutbox5 .listbox .list ul li .box{ width:100%; height:310px; overflow:hidden; margin:0 auto;transform:scale(0.8)}
	.aboutbox5 .listbox .list ul li .pic{ width:100%; height:250px; overflow:hidden; background:url(../Images/h1tit.png) bottom center no-repeat; background-size:100% auto}
	.aboutbox5 .listbox .list ul li .picin{ width:80%; height:200px; overflow:hidden; margin:0 auto}
	.aboutbox5 .listbox .list ul li .tit{ width:100%; height:60px; line-height:30px; font-size:14px; }
	

	}	


@media (max-width:730px){
    .caselist ul li{ margin:0 0 15px 0 ; padding:0; width:100%; float:none; }
	.caselist ul li .box{ width:100%; height:270px;}
	.caselist ul li .pic{ width:100%; height:270px; }

	.caselist ul li .wordbox .tit{font-size:14px; }
	

    .aboutbox4{ padding:40px 0 65px 0}
	.aboutbox4 .listbox .list ul li .pic{ width:80px; height:auto; float:left; overflow:hidden;}
	.aboutbox4 .listbox .list ul li .wordbox{ width:calc(100% - 95px);}
	.aboutbox4 .listbox .list ul li .wordbox .tit{font-size:18px;}
	.aboutbox4 .listbox .list ul li .wordbox .word{  height:auto; line-height:25px; font-size:14px;}
	


}

@media (max-width:702px){
	.newsearch{ width:100%; height:54px;}
	.newsearch select{ width:25%; height:40px; border-radius:40px; font-size:12px; background-size:10px auto}
	.newsearch .input1{ width:51%; height:40px; text-height:10px; font-size:14px; text-indent:15x; background:url(../Images/se.png) left 5px center no-repeat; background-size:15px auto}
	.newsearch .searchbtn{ height:40px; line-height:40px;  width:20%; border:0px; font-size:12px}

 
	}	
@media (max-width:640px){
   	.aboutbox1 .slidebox{ height:260px;  margin-top:15px;}
	.aboutbox1 .slidebox .list{ width:100%; height:200px; }
	.aboutbox1 .slidebox .list ul li{  height:200px; }
	.aboutbox1 .slidebox .list ul li .box{ width:100%; height:200px; }
	.aboutbox1 .slidebox .list ul li .pic{height:200px;}
	
	.aboutbox7 .tbox .rightarea{ width:100%; height:200px }


	}	


@media (max-width:550px){
	.homepart4 .thebox{  margin-top:20px;}
	.homepart4 .thebox .leftbox{ width:100%; height:250px}
	.homepart4 .thebox .leftbox .list{  height:250px; }
	.homepart4 .thebox .leftbox .list ul li{ height:250px;}
	.homepart4 .thebox .leftbox .list ul li .pic{ height:250px;}
	.homepart4 .thebox .leftbox .list ul li .tit{ height:40px; line-height:40px; font-size:14px; }
	
	.indexnewspage { position:absolute; right:10px; bottom:auto; top:10px}

	.homepart4 .thebox .rightbox .list ul li{ margin:0px 0 20px 0; height:auto;}
	.homepart4 .thebox .rightbox .list ul li .pic{ width:40%; height:100px; overflow:hidden; border-radius:10px; float:left}
	
	.homepart4 .thebox .rightbox .list ul li .wordbox{ width:58%; float:right;}
	.homepart4 .thebox .rightbox .list ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:14px;}
	.homepart4 .thebox .rightbox .list ul li .wordbox .word{ display:none}
	.homepart4 .thebox .rightbox .list ul li .wordbox .time{ width:100%; height:30px; line-height:30px; font-size:12px;}
	
	
    .projectlist2 {border-bottom:1px solid #ededed; padding-bottom:10px}
	.projectlist2 .list{  height:380px;  }
	.projectlist2 .list ul li{height:380px;  }
	.projectlist2 .list ul li .pic{ width:100%; height:200px;float:none; }
	.projectlist2 .list ul li .time{  height:25px; line-height:25px; font-size:12px;}
	.projectlist2 .list ul li .tit{  height:50px; line-height:50px; font-size:18px;}
	
	.listnews ul li{ margin:10px 0 0 0; padding:0px}
	.listnews ul li .box{ padding:10px; }

	.listnews ul li .pic{ width:45%; height:100px} 
	.listnews ul li .wordbox{ width:53%;  padding:0px 0px 0 0px}
	
	.listnews ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:14px; color:#333333; overflow:hidden;margin-top:0;}
	.listnews ul li .wordbox .word{ display:none}
	.listnews ul li .wordbox .time{ margin-top:0px; font-size:12px}
	


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

	.caselist ul li .box{height:200px;}
	.caselist ul li .pic{height:200px; }
	.caselist ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:14px;  color:#ffffff; font-weight:700;  overflow:hidden; text-align:left; position:absolute; left:0; bottom:10px; box-sizing:border-box; padding:0 10px;}

	}		 

@media (max-width:400px){
	.headbox .more { transform:scale(0.8); transform-origin:right center}
	}		


@media (max-width:380px){

	}	
	
@media (max-width:330px){
    .headbox .more { transform:scale(0.5); transform-origin:right center}
	}