@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) {
    .aboutbox3 .listbox2{ width:96%; margin:0 auto; background-size:100% auto}
	.aboutbox3 .listbox3{ width:96%; margin:0 auto;background-size:100% auto}
 
	}	

	
@media (max-width:1600px) {

	}	


@media (max-width:1580px) {
	.homepartnav .centerbox .centerin{ width:96%; margin:0 auto}
	.homepart1 .centerbox .centerin{width:96%; margin:0 auto}


	}	

@media (max-width:1500px) {
   .aboutbox3 .firstbox{ background:url(../Images/jt.png) left 390px bottom no-repeat;margin-top:30px; }


	}	
	
@media (max-width:1450px) {
   .homepart2 .centerbox .centerin{ width:96%; margin:0 auto}
   .homepart3 .centerbox .centerin{ width:96%; margin:0 auto}
   .homepart3 .listbox{ width:100%;}
   .homepart3 .list{ width:100% }
   .homepart4 .centerbox .centerin{ width:96%; margin:0 auto}
   .footmenu .centerbox .centerin{ width:96%; margin:0 auto}
   .aboutbox1 .centerbox .centerin{ width:96%; margin:0 auto}
   .aboutbox2 .centerbox .centerin{ width:96%; margin:0 auto}
   .aboutbox3 .titbox{ width:96%; margin:0 auto}
   .aboutbox3 .listbox{ width:96%; margin:0 auto}
   .aboutbox3 .titbox2{ width:96%; margin:0 auto}
   
   .mainbox .centerbox .centerin{ width:96%; margin:0 auto}
   .prolistbox .centerbox .centerin{ width:96%; margin:0 auto}
   .relspro .centerbox .centerin{ width:96%; margin:0 auto}

    .newstop .centerbox .centerin{ width:96%; margin:0 auto}
	.faqsearch .centerin{ width:96%; margin:0 auto}
	.contactbox .centerbox .centerin{ width:92%; margin:0 auto}
	.prochoosetop2 .cbox{ width:96%; margin:0 auto}
  
	}	


@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:30px;}
	.homeSlide .list ul li .wordbox .tit2{ font-size:20px; line-height:40px; margin:15px 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;  }
	
	.aboutbox3 .firstbox{ background:url(../Images/jt.png) left 390px bottom no-repeat;margin-top:30px; }



	}

@media (max-width:1300px) {

	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	.productsort ul li .wordbox .phbox p span{ font-size:14px}


	}

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

	
@media (max-width:1180px) {

	}		


@media (max-width:1100px){
   
	}
	
	
@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;}
    
	.aboutbox2{ padding:30px 0 }
	.aboutbox2 .titbox{ width:100%; height:auto;overflow:hidden; }
	.aboutbox2 .titbox .en{  font-size:40px;  line-height:40px; }
	.aboutbox2 .titbox .cn{  font-size:20px; margin-top:-20px; line-height:30px} 
	
	.aboutbox2 .listbox{margin-top:20px;}
	.aboutbox2 .listbox .list ul li{  width:100%; float:none}



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

	 
	}		
	

@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; }
	.headbox  .menu{ display:none}  
	
	.headbox .box .logo{ position:absolute; left:50%; margin-left:-54px; ; top:0; height:80px; line-height:80px;}
	.headbox .box .tel{ display:none}

	
	.headbox .box .xuanxin{ position:absolute; right:0; top:22px; width:90px; font-size:12px; background-position: left 10px center; text-indent:20px; }
	.headbox  .menubtn{ display:block;}
	
	.headbox .box .searchbtn{ display:block; right:auto; left:35px; height:80px; line-height:80px; overflow:hidden;display:block}
	.headboxon{ background:#FFF}
	.headboxon2{ background:#FFF}
	.gotop{ display:none}
	
	.homeSlide  .dotbox{ bottom:20px }
	.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%; }
	
	.homepartnav{ margin-top:0; padding:25px 0}
	.homepartnav  .list ul li{width:50%; }
	.homepartnav  .list ul li .box{ height:auto;  padding:10px;}
	.homepartnav  .list ul li .tit{ width:100%; height:35px; line-height:35px; font-size:14px; font-weight:700; }
	.homepartnav  .list ul li .tit2{ width:100%; height:30px; line-height:30px;  font-size:12px; }

	.homepart1{ padding:0 0 35px 0}
	.homepart1 .titbox{ width:100%; height:90px; }
	.homepart1 .titbox .en{font-size:40px; line-height:40px;}
	.homepart1 .titbox .cn{font-size:20px; position:relative; top:10px; bottom:auto} 
	.homepart1 .titbox .searchbox{ position:absolute; right:0; bottom:0; width:100%;}
	.homepart1 .titbox .searchbox ul li select{  font-size:12px;}
	.homepart1 .titbox .searchbox ul li.t3 .box .input1{ font-size:12px;}
	
	.homepart1 .listbox{ width:100%; height:400px; overflow:hidden; position:relative; margin-top:30px;}
	.homepart1 .listbox .leftarr{ left:10%; top:auto; bottom:0; margin-top:0px;}
	.homepart1 .listbox .rightarr{right:10%; top:auto; bottom:0; margin-top:0px;}
	.homepart1 .listbox .list{ width:100%; height:350px;}
	.homepart1 .listbox .list ul li .box{ padding:10px;background:#ffffff;}
	.homepart1 .listbox .list ul li .pic{height:200px;line-height:200px}
	.homepart1 .listbox .list ul li .tit{ height:40px; line-height:40px; font-size:14px;}
	.homepart1 .listbox .list ul li .tagbox{height:50px; line-height:50px; }
	.homepart1 .listbox .list ul li .tagbox em{ font-size:12px;  padding:3px 5px;}
	


	.homepart2{  background:url(../Images/index2bg2.jpg) bottom center no-repeat; padding:25px 0 25px 0;}

	.homepart2 .titbox{ width:100%; height:50px; }
	.homepart2 .titbox .en{font-size:40px; line-height:40px;}
	.homepart2 .titbox .cn{font-size:20px; position:relative; top:10px; bottom:auto} 
	.homepart2 .titline{  margin:15px 0 20px 0}
	
	

	.homepart2 .tbox .leftbox{ width:100%; float:none}
	.homepart2 .tbox .leftbox img{ max-width:100%; height:auto}
	.homepart2 .tbox .rightbox{ width:100%; height:auto; float:none; margin-top:20px;}
	.homepart2 .tbox .rightbox .word{ font-size:14px; }
	.homepart2 .tbox .rightbox .more{ width:135px; height:40px; line-height:40px; border-radius:40px; margin-top:20px; font-size:14px; }

	
	.homepart2 .numlist{ width:100%; height:auto; overflow:hidden; margin-top:30px; background:rgba(221,235,249,0.6); border-radius:20px; box-sizing:border-box; padding:15px 0; }

	.homepart2 .numlist ul li{ margin:0; padding:0px; list-style:none;}
	.homepart2 .numlist ul li .box{ width:96%; height:auto; }
	.homepart2 .numlist ul li:nth-child(2n){ border-left:1px solid #c6d0db; border-right:1px solid #c6d0db;}
	
	.homepart2 .numlist ul li .tit{ width:100%; height:50px; line-height:50px; font-weight:700; color:#04a1e7; font-size:24px; text-align:center}
	.homepart2 .numlist ul li .tit .m1{ font-size:16px}
	.homepart2 .numlist ul li .tit sup{ font-size:14px}
	.homepart2 .numlist ul li .tit sub{ font-size:14px; font-weight:700}
	.homepart2 .numlist ul li .tit2{ width:100%; height:50px; line-height:50px; font-size:12px; color:#212121; text-align:center}


	/*产品应用领域*/
	.homepart3{padding:30px 0}
	.homepart3 .titbox{ width:100%; height:auto; overflow:hidden; }
	.homepart3 .titbox .en{ position: static; font-size:40px; line-height:40px;}
	.homepart3 .titbox .cn{ position:static; font-size:20px; line-height:40px; margin-top:-20px;} 
	
	.homepart3 .titword{ margin-top:10px;}
	.homepart3 .titword .word{ width:100%; height:auto; float:none;font-size:14px; line-height:200%;}
	
	.homepart3 .listbox{ width:100%; margin-top:20px; float:none;  }
	
	.homepart3 .list{ width:100%; height:240px;  }
	.homepart3 .list ul li{ height:240px; } 
	.homepart3 .list ul li .box{ width:100%; height:240px;}
	
	.homepart3 .list ul li .pic{ width:100%; height:200px;  overflow:hidden;   position:relative; border-radius:10px; }
	.homepart3 .list ul li .tit{ width:100%; height:40px; line-height:40px; font-size:14px;  margin-top:10px; text-align:center }

	.homepart3 .otherbox{ width:100%; height:60px; margin-top:20px; }
	.homepart3 .otherbox  .leftarr{ width:35px; height:35px;}
	.homepart3 .otherbox  .rightarr{width:35px; height:35px; left:50px}
	
	.homepart3 .otherbox  .leftarr:hover{   background-size:100% 100%;  }
	.homepart3 .otherbox  .rightarr:hover{ background-size:100% 100%;  }
	
	.swiper-scrollbar {height:5px; width:calc(100% - 100px);margin-top:16px}

	
	.homepart4{ padding:30px 0}

	.homepart4 .titbox{ width:100%; height:60px;  overflow:hidden; position:relative; max-width:1400px; margin:0 auto}
	.homepart4 .titbox .en{font-size:40px; line-height:40px;}
	.homepart4 .titbox .cn{font-size:20px; position:relative; top:10px; bottom:auto} 
	
	
	.homepart4 .titbox .more{ width:100px; height:40px;  border-radius:40px; line-height:40px; font-size:12px;margin-top:-20px; }

	
	.homepart4 .listslide{ height:340px;  margin-top:25px; }
	.homepart4 .listslide  .list{  height:340px; }
	.homepart4 .listslide  .list ul li{  height:340px; }
	.homepart4 .listslide  .list ul li .box{ height:340px; }
	.homepart4 .listslide  .list ul li .pic{ width:100%; height:200px; overflow:hidden; float:none}
	.homepart4 .listslide  .list ul li .wordbox{ width:100%; height:auto; padding:10px 10px 0 10px ; float:none}
	.homepart4 .listslide  .list ul li .wordbox .time{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:12px;  color:#000000; opacity:0.7}
	.homepart4 .listslide  .list ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:14px; font-weight:700; color:#04a1e7;}
	.homepart4 .listslide  .list ul li .wordbox .word{ display:none}
	.homepart4 .listslide  .list ul li .wordbox .more{ width:100%; height:20px; line-height:20px; font-size:12px; color:#04a1e7; margin-top:0px;}
	
	.indexnewspage { position:absolute; right:0; bottom:auto; width:100%; top:160px; text-align:center}
    
	.homepart4 .listbox{  margin-top:20px;}
	.homepart4 .listbox  .list ul li{width:100%; float:none; margin-bottom:15px}
	.homepart4 .listbox  .list ul li .box{ width:100%; }
	.homepart4 .listbox  .list ul li .wordbox{ padding:10px;}
	.homepart4 .listbox  .list ul li .wordbox .time{  height:20px; line-height:20px;font-size:12px;  }
	.homepart4 .listbox  .list ul li .wordbox .tit{ width:100%; height:auto; line-height:30px;  font-size:14px;}
	.homepart4 .listbox  .list ul li .wordbox .word{ display:none}
	.homepart4 .listbox  .list ul li .wordbox .more{ width:100%; height:30px; line-height:30px; font-size:12px;  margin-top:10px;}
	
	
	.homepart4 .listbox  .list ul li:hover .pic .img{ transform:scale(1.1)}
	.homepart4 .listbox  .list ul li:hover .wordbox .tit{ color:#6fb600}
	
	.homepart4 .listbox  .list ul li:nth-child(2) .box{ margin:0 auto}
	.homepart4 .listbox  .list ul li:nth-child(3) .box{ float:right}
	
	.footmenu{ padding:20px 0 0px 0;  }
	.footmenu .tbox .flogo{ display:none}

	.footmenu .tbox .codebox{ width:100px; height:100px; border:1px solid #045f94; overflow:hidden; box-sizing:border-box; padding:5px; float:left}

	
	.footmenu .tbox .addressbox{ float:right; margin-right:0; text-align:left; width:calc(100% - 115px)}

	.footmenu .tbox .addressbox .list ul li{font-size:12px; line-height:20px}
	.footmenu .tbox .addressbox .list ul li.tel{ font-size:20px;line-height:40px;}
	
	.footmenu .fbox{ margin:0; padding:0}
	.footmenu .copyright{ width:100%; line-height:30px; font-size:14px;  float:none; text-align:center}
    .footmenu .fbox .sharebox{ display:none}
	

    .aboutbox1 .centerbox { padding:20px 0}
	.aboutbox1  .leftbox{ width:100%; float:none;}
	.aboutbox1  .leftbox .box{ width:100%; }
	.aboutbox1  .leftbox .box .logo{ display:none}

	.aboutbox1  .leftbox .box .company{ width:100%; height:auto; line-height:40px; text-align:left; font-size:24px; font-weight:700}
	.aboutbox1  .leftbox .box .pic{margin-top:20px;}

	
	.aboutbox1 .rightbox{ width:100%;  float:none; margin-top:20px;}
	.aboutbox1 .rightbox .word{ font-size:14px; line-height:30px; }
	.aboutbox1 .numlist{margin-top:0px; }
    .aboutbox1 .numlist ul li .tit{ width:100%; height:50px; line-height:50px; font-size:20px}
	.aboutbox1 .numlist ul li .tit .m1{ font-size:14px}

	.aboutbox1 .numlist ul li .tit2{  font-size:12px; color:#212121; text-align:center}

    
	.aboutbox3{  padding:50px 0 0 0 }
	.aboutbox3 .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox3 .titbox{ width:100%; height:auto;overflow:hidden; }
	.aboutbox3 .titbox .en{  font-size:40px;  line-height:40px; }
	.aboutbox3 .titbox .cn{  font-size:20px; margin-top:-20px; line-height:30px} 
	.aboutbox3 .firstbox{ background:none; margin-top:20px; }
	
	.aboutbox3 .listbox{  height:auto; width:100%;}
	.aboutbox3 .listbox .leftbox{ display:none}

	.aboutbox3 .listbox .list{ width:100%; height:222px;  float:none; margin-top:30px;}

    
	.aboutbox3 .titbox2{ width:100%;}
	.aboutbox3 .titbox2 .tit{ width:100%; height:50px; line-height:50px; font-size:20px; float:none; }
	.aboutbox3 .titbox2 .other{ width:100%; height:auto; overflow:hidden;}
	.aboutbox3 .titbox2 .other ul li{ width:100%;  margin-right:0; line-height:40px; display:flex;align-items:baseline;justfy-contents:center}
	.aboutbox3 .titbox2 .other ul li .t1{ font-size:14px; }
	.aboutbox3 .titbox2 .other ul li .t2{ font-size:30px;}
	.aboutbox3 .titbox2 .other ul li .t3{ font-size:14px;}
	
	
	.aboutbox3 .listbox2{ width:100%; height:400px; background:none; padding-bottom:10px; margin-top:20px}
	.aboutbox3 .listbox2 .leftarr{ width:35px; height:35px; top:auto; left:50%; margin-left:-60px;  bottom:0}
	.aboutbox3 .listbox2 .rightarr{ width:35px; height:35px; top:auto; right:50%; margin-right:-60px;  bottom:0}
	
	.aboutbox3 .listbox2 .list{ height:340px; }
	.aboutbox3 .listbox2 .list ul li{height:340px; }
	.aboutbox3 .listbox2 .list ul li .box{ height:340px; }
	.aboutbox3 .listbox2 .list ul li .pic{  height:340px; padding:5px; }
	
	.aboutbox3 .listbox3{ width:100%; height:400px; background:none; padding-bottom:10px; margin:20px 0}
	.aboutbox3 .listbox3 .leftarr{ width:35px; height:35px;  left:50%; top:auto; margin-left:-60px;  bottom:0}
	.aboutbox3 .listbox3 .rightarr{ width:35px; height:35px; right:50%; top:auto; margin-right:-60px;  bottom:0}
	
	.aboutbox3 .listbox3 .list{ height:340px; }
	.aboutbox3 .listbox3 .list ul li{height:340px; }
	.aboutbox3 .listbox3 .list ul li .box{ height:340px; }
	.aboutbox3 .listbox3 .list ul li .pic{  height:340px; padding:5px; }
	
 
	.productsort ul li{ margin:10px 0 10px 0;  padding:10px; border-radius:20px}
	.productsort ul li .wordbox{ width:100%;  float:none; }
	.productsort ul li .wordbox .tit{ line-height:40px; font-size:20px;}
	.productsort ul li .wordbox .word{font-size:14px;line-height:26px;}
	.productsort ul li .wordbox .line{  margin:16px 0}
	.productsort ul li .wordbox .phbox{ display:none}

	.productsort ul li .wordbox .phbox2{display:block}

	
	.productsort ul li .picbox{ display:none}
     
	 .prolistbox{ padding:30px 0 30px 0 }
	
    /*产品展示*/
	.protop .leftarea{ width:100%; float:none; }
	.protop .leftarea .list{ width:100%; height:350px;}
	.protop .leftarea .list ul li{  height:350px;}
	.protop .leftarea .list ul li .pic{ height:350px; line-height:350px; }
	
	.protop .rightarea{ width:100%; float:none; }
	.protop .rightarea .tit{font-size:20px;  line-height:36px;}
	.protop .rightarea .tittag{ line-height:30px; margin-top:20px;}
	.protop .rightarea .tittag em{ font-style:normal; font-size:12px; padding:3px 5px; display:inline-block}
	.protop .rightarea .line{ width:100%; height:1px; overflow:hidden; background:#d9e2e6; margin:10px 0}

	.protop .rightarea .word{  font-size:14px;line-height:30px; padding:10px 0; margin-bottom:10px; }

	.protop .rightarea .btnlist{ width:100%; height:auto; line-height:58px;font-size:12px; margin-top:30px; }
	.protop .rightarea .btnlist p{ width:45%; height:40px; line-height:40px; border-radius:40px;}

	
	.relspro .titbox .en{ font-size:60px; line-height:70px;}
	.relspro .titbox .cn{ font-size:26px;  margin-top:-40px; line-height:40px;}
	
	.newstop{ padding:20px 0}
	.newstop  .titbox{font-size:20px; line-height:40px; }
	
	.projectlist2{ height:450px; margin:20px 0; border:5px solid #FFF;}
	.projectlist2 .list ul li .pic{ width:100%; height:300px; float:none;}
	.projectlist2 .list ul li .wordbox{ width:100%; float:none; padding:10px}

	.projectlist2 .list ul li .time{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#000000; opacity:0.7; line-height:30px;}
	.projectlist2 .list ul li .tit{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; font-weight:700; }
	
	.projectlist2 .list ul li .word{ display:none}
	.projectlist2 .list ul li .more{font-size:14px; margin-top:0px }
	
	.projectlist2 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
	
	.projectlist2 .nmppage {position: absolute;right: 0;top:250px; width:100%; text-align:center}

    .soclist ul li{ width:50%}
	.soclist ul li:nth-child(3n-1) .box{ margin:0;}
    .soclist ul li:nth-child(3n) .box{ float:none}
	.soclist ul li:nth-child(2n) .box{ float:right}


    
	.contactbox{padding:20px 0 20px 0}
	.contactbox .leftbox{ width:100%;  float:none; }
	.contactbox .leftbox .titbox{ font-size:16px; line-height:30px; font-weight:700}
	
	.contactbox .leftbox .conbox{margin-top:20px;}
	.contactbox .leftbox .conbox ul li{padding:15px 0 }

	.contactbox .leftbox .conbox ul li .tit{  font-size:14px; }
	.contactbox .leftbox .conbox ul li .word{ line-height:30px; font-size:14px; }

	
	.contactbox .rightbox{ width:100%; height:auto; float:none; padding:0 }
	.contactbox .rightbox .cbox{ padding:0px;box-shadow:none;}
	.contactbox .rightbox .titbox{ font-size:20px; }
	.contactbox .rightbox .wordbox{ font-size:14px;}
    

	.prochoosetop2{padding:30px 0}
	.prochoosetop2 .tit{line-height:50px; font-size:20px; }
	.prochoosetop2 .tit2{  font-size:14px; margin-top:10px}
	

	
	}
	
@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 .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;}
	


	 
	}	


@media (max-width:850px) {

    .relspro .productlist ul li{ width:50%}
	.relspro .productlist ul li:nth-child(3){ display:none}

   }

@media (max-width:800px) {
	.faqsearch{  padding:15px 0;}
	.faqsearch .sbox{  height:45px}
	.faqsearch .sbox .input1{  height:45px; line-height:45px; }
	.faqsearch .sbox .btnme{ width:100px; height:45px; line-height:45px; }
	

	
	.faqbox{padding:10px 10px}

	.faqbox .one .tit{ line-height:30px;  padding:10px 0 10px 0; font-size:14px; background:none }
	.faqbox .one .tit em{ font-size:12px; padding:3px 5px; }
	
	
	.faqbox .one .wordbox{  padding:10px; font-size:14px;line-height:30px;}
	.faqbox .one .wordbox .word{ line-height:30px; background-size:25px auto; padding:0 0 0 30px; background-position:left 0 top 6px }


   }   

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

	 /*
	.fixbottomkong{ display:block}
	.fixbottom{ display:block}
	*/
	
    .headbox .box .logo{ margin-left:-50px}
	.headbox .box .logo img{ height:40px; width:auto }
	
	
	.homeSlide .list ul li .wordbox{left:4%; top:50%; margin-top:-50px;  margin-left:0; width:92%; }
	.homeSlide .list ul li .wordbox .tit{font-size:20px; font-weight:700}
	.homeSlide .list ul li .wordbox .tit2{ font-size:12px; line-height:25px; margin:15px 0;}

	.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}

	.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:0px;} 
	.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}
	*/
	.erSlide .slidebo{ width:100%; height:25px; background:url(../Images/slidebo2.png) bottom center no-repeat;}
    
	.homepart2 .listbox ul li{width:100%; height:180px}
	
	
	.prochoose{font-size:12px; }
	.prochoose .tit{ font-size:20px;margin:15px 0}
	.prochoose .wordbox{ width:100%; height:auto; overflow-x:auto;}
	.prochoose .word{ width:900px; font-size:12px;}
	.prochoose thead tr:nth-child(1) th{ padding:10px 0;}

	.prochoose td{font-size:12px; padding:5px 5px;}
	

	


	}	


@media (max-width:730px){

	.productlist ul li .box .pic{  height:200px;line-height:200px; }

	.productlist ul li .word{ width:90%; height:auto; overflow:hidden; margin:0 auto}
	.productlist ul li .tit{font-size:14px; font-weight:700; height:50px; line-height:25px; }
	.productlist ul li .tit2{  font-size:12px;}
	.productlist ul li .tit2 em{ display:inline-block; padding:2px 5px }

}

@media (max-width:702px){

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

	}	


@media (max-width:550px){
	.aboutbox2 .listbox .list ul li .box{ width:100%; height:350px; overflow:hidden; position:relative}
	.aboutbox2 .listbox .list ul li .icon{ position:absolute; right:28px; top:80px; z-index:2}
	.aboutbox2 .listbox .list ul li .icon img{ width:100px; height:auto}
	
	.aboutbox2 .listbox .list ul li .wordbox{ width:92%;  padding:30px 20px 0 20px; height:210px; z-index:1; border-radius:10px;}
	.aboutbox2 .listbox .list ul li .tit{ font-size:16px; font-weight:700; }
	.aboutbox2 .listbox .list ul li .tit2{ font-size:12px; }
	.aboutbox2 .listbox .list ul li .word{font-size:14px;  }
	
	.aboutbox3 .firstbox{ margin:10px 0 20px 0}
	.aboutbox3 .listbox{ margin:0; padding:0}
	.aboutbox3 .listbox .list{ height:130px}
	.aboutbox3 .listbox .list ul li{ height:130px; }
	.aboutbox3 .listbox .list ul li .box{height:130px;}
	.aboutbox3 .listbox .list ul li .pic{height:130px;}
	.honorpage{ display:block}
	
	
	.aboutbox3 .listbox2{ width:100%; height:300px; background:none; padding-bottom:10px; margin-top:20px}

	.aboutbox3 .listbox2 .list{ height:240px; }
	.aboutbox3 .listbox2 .list ul li{height:240px; }
	.aboutbox3 .listbox2 .list ul li .box{ height:240px; }
	.aboutbox3 .listbox2 .list ul li .pic{  height:240px; padding:5px; }
	
	
	.aboutbox3 .listbox3{ width:100%; height:200px; background:none; padding-bottom:10px; margin:20px 0}

	
	.aboutbox3 .listbox3 .list{ height:150px; }
	.aboutbox3 .listbox3 .list ul li{height:150px; }
	.aboutbox3 .listbox3 .list ul li .box{ height:150px; }
	.aboutbox3 .listbox3 .list ul li .pic{  height:150px; padding:5px; }
	

	.productsort ul li .wordbox .phbox2 .one .pic{  height:150px; line-height:150px; }
	.productsort ul li .wordbox .phbox2 .one .tit{  height:50px; line-height:25px; font-size:12px; text-align:center}
	
    .projectlist2{ height:350px; margin:20px 0; border:5px solid #FFF;}
	.projectlist2 .list ul li .pic{ width:100%; height:200px; float:none;}
	.projectlist2 .list ul li .time{  font-size:12px; line-height:30px;}
	.projectlist2 .list ul li .tit{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; font-weight:700; }
	.projectlist2 .list ul li .more{font-size:14px; margin-top:0px }
	
	.projectlist2 .nmppage {bottom:20px;top:auto; right:10px; width:auto}
	
	
	.soclist ul li{ width:100%;}
	.soclist ul li .box{padding:10px; width:100%;}
	
	.soclist ul li .timebox{font-size:12px;} 
	.soclist ul li .wordbox .tit{ height:auto; line-height:30px; font-size:14px; font-weight:700; margin-top:10px}
	.soclist ul li .wordbox .word{ height:50px; line-height:25px; margin:10px 0 10px 0; font-size:12px; display:none}
	.soclist ul li .wordbox .more{ height:40px; line-height:40px;  font-size:12px;margin-top:10px; }



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

	}		 

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


@media (max-width:380px){

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

	}