@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 (max-width:1800px) {
    .headbox .box{ width:96%; margin:0 auto}
	}

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

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

	
@media (max-width:1600px) {


	}	


@media (max-width:1580px) {
   


	}	

@media (max-width:1500px) {

	}	
	
@media (max-width:1450px) {
   .menubox  .menu ul li{ margin:0px; padding:0 12px ; font-size:14px; }

	}	


@media (max-width:1380px) {
   .footlink .centerbox .centerin{ width:96%; margin:0 auto}
   .footmenu .centerbox .centerin{ width:96%; margin:0 auto}
   .ertop .centerbox .centerin{width:96%; margin:0 auto}
   .proslodebox1 .centerbox .centerin{width:96%; margin:0 auto}
   .proslodebox2 .centerbox .centerin{width:96%; margin:0 auto}
   .proslodebox3 .centerbox .centerin{width:96%; margin:0 auto}
   .technologubox .centerbox .centerin{width:96%; margin:0 auto}
   .qualitybox .centerbox .centerin{ width:96%; margin:0 auto}
   .qualitybox2 .centerbox .centerin{width:96%; margin:0 auto}
   .mainbox .centerbox .centerin{width:96%; margin:0 auto;}
   .contactboxnew .centerbox .centerin{ width:96%; margin:0 auto}
   
	}

@media (max-width:1350px) {
  

	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	
	



	}

@media (max-width:1216px) {
      .erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0; box-sizing:border-box; padding:0 20px;} 
      .erSlide .namebox .tit{ font-size:24px; line-height:30px; font-weight:700;  text-transform:uppercase}
      .erSlide .namebox .tit2{   font-size:14px; margin-top:10px; text-align:left; line-height:60px;  padding-bottom:10px;}
    
	
   
	}	

	
@media (max-width:1180px) {
	.menubox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; position:relative  }
	.menubox  .menu{position: static; width:100%  }
	.menubox  .menu ul li{ margin:0px; padding:0; list-style:none; width:33.33%; height:40px; line-height:40px; font-size:12px; float:left; overflow:hidden;}
	.menubox  .menu ul li span{ font-size:12px; margin-left:5px}
    .menubox .searchbtn{ display:none}
	 
	}		


@media (max-width:1100px){
 
	}
	
	
@media (max-width:1050px){

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

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	
	.topbox{ display:none}
	

	
	.gotop{ display:none}
	
	.menubox  .menu{position: static; width:100%  }
	.menubox  .menu ul li{ margin:0px; padding:0; list-style:none; width:33.33%; height:50px; line-height:25px; font-size:12px; float:left; overflow:hidden; border-bottom:1px solid #FFF}
	.menubox  .menu ul li span{ font-size:12px; margin-left:0; display:block; width:100%; height:25px; line-height:25px; zoom:0.8}
	
	
	.homeSlide .list ul li .wordbox{ left:2%; top:50%; margin-top:-100px;}
	.homeSlide .list ul li .wordbox .tit{  font-size:20px; line-height:40px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:30px;  line-height:40px; margin:10px 0; font-weight:700}
	.homeSlide .list ul li .wordbox .tit3{font-size:12px;line-height:30px;}
	.homeSlide .list ul li .more{ display:none}
	
	.indexpage {position: absolute;left: 0;text-align: center;bottom:10px;width: 100%;}
	
    .homepart1{  padding:30px 0}
	.homepart1  .sbox .leftbox{ width:100%; height:auto; float:none}
	.homepart1  .sbox .leftbox .titbox{ width:100%; height:auto; overflow:hidden; font-size:26px; color:#262626; font-weight:700; line-height:35px; font-weight:700;  }
	.homepart1  .sbox .leftbox .titbox2{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#262626;font-weight:700; line-height:50px; background:url(../Images/tline.jpg) left bottom no-repeat;  }
	.homepart1  .sbox .leftbox .titbox3{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#737373;line-height:50px;  }
	.homepart1  .sbox .leftbox .wordbox{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#262626; margin-top:20px; line-height:30px;  }

	.homepart1  .sbox .rightbox{ width:100%; height:auto; float:none; margin-top:20px;}
	
	.footmenu .part1{ font-size:12px;  }
    .footmenu .part2{  font-size:12px;  }
	
	.ertop .navbox .list ul{ display:block;}
	.ertop .navbox .list ul li{ padding:10px 0; width:48%; margin:5px 1%; }
	.ertop .navbox .list ul li p.t1{ font-size:14px; }
	.ertop .navbox .list ul li p.t2{ font-size:12px; }

    .proslodebox1{ padding:20px 0}
	.proslodebox1 .leftbox{ width:100%; height:auto; float:none; overflow:hidden;}
	.proslodebox1 .leftbox .titbox{width:100%; height:auto; overflow:hidden; font-size:26px; font-weight:700; color:#262626; text-align:left; line-height:50px;}
	.proslodebox1 .leftbox .titbox2{width:100%; height:auto; overflow:hidden; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#262626; text-align:left; line-height:30px; padding-bottom:15px; }
	.proslodebox1 .leftbox .titbox3{width:100%; height:auto; overflow:hidden; font-size:14px; font-weight:700; color:#262626; opacity:0.7; text-align:left; line-height:30px;}
	.proslodebox1 .leftbox .titbox4{width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:700; color:#262626; text-align:left; line-height:30px; margin-top:16px;}
	.proslodebox1 .leftbox .titbox5{width:100%; height:auto; overflow:hidden; font-size:12px; font-weight:700; color:#262626; opacity:0.85; text-align:left; line-height:30px;}
	
	.proslodebox1 .leftbox .wordbox{width:100%; height:auto; overflow:hidden; font-size:14px; color:#262626; text-align:left; line-height:200%;}


	
	.proslodebox1 .rightbox{ width:100%; height:auto; float:none; overflow:hidden;}
	.proslodebox1 .rightbox .wordbox{width:100%; height:auto; overflow:hidden; font-size:14px; color:#262626; text-align:left; line-height:200%; margin-top:10px}
	.proslodebox1 .rightbox .wordbox img{ max-width:100%; height:auto}


	.proslodebox2 .titbox{font-size:26px;  line-height:35px; padding-bottom:10px;}
	.proslodebox2 .titbox2{font-size:14px; line-height:20px; opacity:0.8; margin-top:15px; }
	
	.proslodebox3 .titbox{ font-size:26px; line-height:35px; }
    .proslodebox3 .titbox2{font-size:14px; line-height:20px;}
	
	
	.technologubox .leftbox{ width:100%;  float:none; }
	.technologubox .leftbox .titbox{font-size:26px; line-height:35px;}
	.technologubox .leftbox .titbox2{font-size:20px; line-height:35px;}
	.technologubox .leftbox .titbox3{font-size:12px;line-height:30px;}
	
	.technologubox .leftbox .wordbox{ font-size:14px; margin-top:10px}

	
	.technologubox .rightbox{ width:100%; height:auto; float:none; }
	.technologubox .listbox{  height:600px; margin-top:10px;}
	.technologubox .listbox .list{ height:600px;}
	.technologubox .listbox .list ul li{ height:600px; line-height:600px; }
	.technologubox .listbox .list ul li .pic{ width:100%; height:469px; overflow:hidden;}
	.technologubox .listbox .list ul li .tit{ width:100%; height:80px; line-height:80px; overflow:hidden; font-size:32px; }
	.technologubox .listbox .list ul li .tit2{ height:50px;line-height:15px; font-size:15px; }
	
	.techbologypage {top:430px; z-index:10}
	
	.qualitybox .leftbox{ width:100%;  float:none; overflow:hidden;}
	.qualitybox .leftbox .titbox{ font-size:26px;  line-height:30px;}
	.qualitybox .leftbox .titbox2{ font-size:20px; line-height:30px; }
	.qualitybox .leftbox .titbox3{font-size:14px;}
	
	.qualitybox .leftbox .wordbox{ font-size:14px;margin-top:10px}

	.qualitybox .rightbox{ width:100%; height:auto; float:none; overflow:hidden;}
	.qualitybox .listbox{  height:540px; padding:10px}
	.qualitybox .listbox .list{ width:100%; height:465px; overflow:hidden}
	.qualitybox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:465px; line-height:465px; overflow:hidden; text-align:center}
	

	
	
	.qualitybox  .wordbox2{width:100%; height:auto; overflow:hidden; font-size:14px; color:#262626; text-align:left; line-height:200%; padding-top:10px}
	.qualitybox  .wordbox2 img{ max-width:100%; height:auto}
	
    .qualitybox2{ padding:25px 0}
	.qualitybox2  .titbox{ font-size:26px;}
	.qualitybox2  .titbox2{font-size:20px;  line-height:40px;}
	.qualitybox2  .titbox3{ font-size:14px;}

	.qualitybox2 .listbox .list ul li{ margin:10px; padding:0px; list-style:none; width:auto; height:65px; line-height:65px; overflow:hidden; float:left}


	.mainbox  .toptitle{ font-size:26px;line-height:40px;}
	.mainbox  .toptitle2{font-size:20px;  line-height:40px;}
	.mainbox  .toptitle3{font-size:14px; }
	
	.contactboxnew  .titbox{font-size:26px;line-height:40px;}
    .contactboxnew  .titbox2{font-size:20px;  line-height:40px;}
    .contactboxnew  .titbox3{font-size:14px;}
	.contactboxnew  .listbox .leftbox{ width:100%; height:auto; float:none; overflow:hidden;}
	.contactboxnew  .listbox .leftbox img{ width:100%; height:auto; overflow:hidden;}
	.contactboxnew  .listbox .rightbox{ width:100%; height:auto; float:none; overflow:hidden; background:url(../Images/clo.png) right bottom no-repeat; padding-bottom:90px}
	.contactboxnew  .listbox .rightbox .wordbox{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%;}
	


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

	}	


@media (max-width:850px) {

   }

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

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

	 /*
	.fixbottomkong{ display:block}
	.fixbottom{ display:block}
	*/
	.headbox .box .logo img{ max-height:60%}
	.headbox .box .language{ font-size:12px;}

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


    .fixbottomkong{ display:block}
	.fixbottom{ display:block}
		
	.proslodebox2 .listbox .list{ width:100%; height:300px; overflow:hidden}
	.proslodebox2 .listbox .list ul li{  width:100%; height:300px; line-height:300px; overflow:hidden; text-align:center}
	
	.proslodebox3 .listbox .list{ height:300px}
    .proslodebox3 .listbox .list ul li{ height:300px; line-height:300px;}
	
	
	.technologubox .listbox{  height:400px; margin-top:10px;}
	.technologubox .listbox .list{ height:400px;}
	.technologubox .listbox .list ul li{ height:400px; line-height:400px; }
	.technologubox .listbox .list ul li .pic{ width:100%; height:269px; overflow:hidden;}
	.technologubox .listbox .list ul li .tit{ width:100%; height:80px; line-height:80px; overflow:hidden; font-size:20px; }
	.technologubox .listbox .list ul li .tit2{ height:50px;line-height:15px; font-size:12px; }
	.techbologypage {top:230px; z-index:10}
	
	.qualitybox .listbox{  height:340px; padding:10px}
	.qualitybox .listbox .list{ width:100%; height:265px; overflow:hidden}
	.qualitybox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:265px; line-height:265px; overflow:hidden; text-align:center}
	
    
	.listnews ul li{ padding:15px 0; }
	.listnews ul li .title{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; }
	.listnews ul li .title2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:12px; opacity:0.5; color:#262626;box-sizing:border-box; padding:0 0 0 25px;}
	.listnews ul li .pic{ width:40%; height:150px;  } 
	.listnews ul li .wordbox{ width:58%; }
	
	.listnews ul li .wordbox .word1{ width:100%; height:50px; line-height:25px; font-size:12px; color:#262626; overflow:hidden;}
	.listnews ul li .wordbox .word2{ width:100%; height:100px; line-height:25px; overflow:hidden; font-size:12px; margin-top:10px;color:#262626; opacity:0.8}
	
		 
	}	
	
@media (max-width:640px){


	
	}	


@media (max-width:550px){
	.homeSlide .list ul li .wordbox{ left:2%; top:50px; margin-top:0;}
	.homeSlide .list ul li .wordbox .tit{  font-size:14px; line-height:30px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:18px;  line-height:30px; margin:10px 0; font-weight:700}
	.homeSlide .list ul li .wordbox .tit3{font-size:12px;line-height:20px;}
	.homeSlide .list ul li .more{ display:none}
	
	
	
	.listnews ul li{ padding:15px 0; }
	.listnews ul li .title{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; }
	.listnews ul li .title2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:12px; opacity:0.5; color:#262626;box-sizing:border-box; padding:0 0 0 25px;}
	.listnews ul li .pic{ width:40%; height:100px;  } 
	.listnews ul li .wordbox{ width:58%; }
	
	.listnews ul li .wordbox .word1{ width:100%; height:50px; line-height:25px; font-size:12px; color:#262626; overflow:hidden;}
	.listnews ul li .wordbox .word2{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:12px; margin-top:0px;color:#262626; opacity:0.8}
	
	

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



	  
	}		 

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


@media (max-width:380px){

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

	}