@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) {
 
 
	}	

	
@media (max-width:1600px) {


	}	


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

@media (max-width:1500px) {
  
  
 
	}	
	
@media (max-width:1460px) {
   
	.headbox .box{ width:94%; margin:0 auto} 
	.headbox  .menu ul li{font-size:14px; margin:0 20px }
	.homeSlide  .dotbox{  position:absolute; left:50px; margin-left:0; bottom:25px;}
	.indexpage {position: absolute;right:50px;text-align: center;bottom:25px;}
	 
	.homepart1 .centerbox .centerin{ width:96%; margin:0 auto}
    .homepart2 .centerbox .centerin{width:96%; margin:0 auto}
	.homepart2 .numbox{ width:96%; margin:0 auto}
	.homepart4 .centerbox .centerin{width:96%; margin:0 auto}
	.footmenu .centerbox .centerin{width:96%; margin:0 auto}
	.ertop .centerbox .centerin{width:96%; margin:0 auto}
	
	.aboutbox1 .centerbox .centerin{ width:96%; margin:0 auto}
	.developmentbox .centerbox .centerin{ width:96%; margin:0 auto}
	.developmentbox .listbox .inbox{ width:96%; margin:0 auto}
	.developmentbox .list{ width:90%}
	.aboutbox2 .listbox ul li .inbox{ width:96%; margin:0 auto}
	.aboutbox4 .centerbox .centerin{ width:96%; margin:0 auto}
	.listnews ul li .box{ width:96%; margin:0 auto}
	.mainbox .centerbox .centerin{ width:96%; margin:0 auto}
	.newstop .centerbox .centerin{width:96%; margin:0 auto}
	.advantagebox1 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.jobbox1 .centerbox .centerin{ width:96%; margin:0 auto}
	.jobbox2 .centerbox .centerin{ width:96%; margin:0 auto}
	.jobbox3 .centerbox .centerin{ width:96%; margin:0 auto}
	.jobbox4 .centerbox .centerin{ width:96%; margin:0 auto}
	}	


@media (max-width:1380px) {
 

	
   
	}

@media (max-width:1350px) {
  
   
   
	.homeSlide .list ul li .wordbox{ left:50px; top:50%; margin-top:-100px; margin-left:0;  }
	.homeSlide .list ul li .wordbox .tit{ font-size:16px; line-height:30px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:20px; line-height:40px; margin:15px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:30px; line-height:40px;}
	
	
	.homeSlide .list ul li .more{ width:160px; height:50px; line-height:50px; text-align:center; font-size:14px;background:url(../Images/anniu.png) left 18px top 9px no-repeat #00a2ff; border:0}
	.homeSlide .list ul li .more:hover{}
	

	}	


@media (max-width:1260px) {
     .headbox .box .logo img{ height:40px}
	 .headbox  .menu ul li{font-size:14px; margin:0 10px }
   
	.showus{  font-size:14px}
	.showup{ font-size:14px}
	.ertop .navbox .list ul li{ padding:0 20px; font-size:14px}



	}

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

	
@media (max-width:1180px) {

	 
	}		


@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}
	
	.headbox{ height:80px;  }
    .headbox .box{  height:80px; }
	.headbox  .menu{ display:none}  
	.headbox .box .logo{ position:absolute; left:0px; top:0; height:80px; line-height:80px;}
    .headbox .box .logo img{ max-height:60%}
	.headbox .tel{ display:none}
	.headbox .box .language{ position:absolute; right:80px; top:0px; height:80px; line-height:80px; font-size:14px;}
	.headbox  .menubtn{ display:block; right:0;}
	
	.headbox .box .searchbtn{ display:block; right:35px; height:80px; line-height:80px;}
	
	.gotop{ display:none}
	
	.homeSlide .darr{ display:none}
	.homeSlide  .dotbox{ display:none}
	.homeSlide .list ul li .line{ display:none}
	.indexpage {position: absolute;right:0%;text-align: center;bottom:20px; width:100%;}
	.indexpage .swiper-pagination-switch { }
	.indexpage .swiper-active-switch {width:30px;}
	
	.homepart1{  padding:35px 0 35px 0 }
	.homepart1 .titbox{  font-size:20px;  line-height:40px;  }
	.homepart1 .titbox2{font-size:16px;  line-height:30px; margin-top:10px;}
	.homepart1 .wordbox{ font-size:14px;  margin-top:10px; line-height:30px}
	
	.homepart1 .more{ width:125px; height:40px; line-height:40px; font-size:12px;margin-top:20px; }
	.homepart1 .line{margin:20px 0}
	

	.homepart1 .numbox ul li .box{ width:100%; height:122px; }
	.homepart1 .numbox ul li .box .num{  height:50px; line-height:50px; font-size:14px;}
	.homepart1 .numbox ul li .box span{ font-size:24px}
	.homepart1 .numbox ul li .box sup{ color:#2299dc; font-size:16px;}
	.homepart1 .numbox ul li .box .tit{ width:100%; height:30px; line-height:30px; font-size:14px; color:#333333}
	
	.homepart2{padding:40px 0 0 0; }
	.homepart2 .titbox{ font-size:20px; line-height:40px; font-weight:700  }
	.homepart2 .titbox2{ font-size:14px;}
	
	
	.homepart2 .listbox{ width:100%;  margin-top:50px}
	.homepart2 .listbox ul li .tit{ height:50px; line-height:50px; font-size:20px;}
	.homepart2 .listbox ul li .word{height:75px; line-height:25px; font-size:14px;margin-top:20px; }
	.homepart2 .listbox ul li .more{ width:125px; height:40px;line-height:40px; font-size:12px}

	
	.homepart2 .navbox{ padding:20px 0 20px 0; margin-top:50px;}

	.homepart2 .numbox ul li{font-size:14px; display:block; background:none} 
	.homepart2 .numbox ul li .pic{ height:40px; line-height:40px; width:100%; text-align:center }
	.homepart2 .numbox ul li .pic img{ height:35px}

	.homepart2 .numbox ul li .tit{ height:40px; line-height:40px;padding-left:0; width:100%; text-align:center}
	
    
	.homepart3{ padding:30px 0 30px 0}

	.homepart3 .titbox{ height:40px; line-height:40px; font-size:20px; font-weight:700;  }
	.homepart3 .titbox2{ line-height:30px; font-size:14px;margin-top:10px; }	
	.homepart3 .arrlist{ width:92%; }
	
	.footmenu{ padding:30px 0}
	.footmenu .part1{ width:100%; float:none}
	.footmenu .part1  .logo{ display:none}
	.footmenu .part1  .list{  margin-top:0px;}
	
	.footmenu .part1  .list ul li{font-size:14px;}
	.footmenu .part1  .list ul li .tit{ font-size:14px;  width:70px;}
	.footmenu .part1  .list ul li .word{ width:calc(100% - 70px); font-size:14px; }
	.footmenu .part1  .list ul li.t1 .word{ font-size:16px;}
	
	.footmenu .part2{ display:none}
	.footmenu .part3{ width:100%; float:none;}
	.footmenu .part3 .tit{ height:30px; line-height:30px; font-size:14px}
	.footmenu .part4{ float:none; width:100%; }
	.footmenu .part4 .word{ine-height:25px;  font-size:14px; margin-top:10px;}

	.erSlide .namebox { top:50%; margin:0}
	.erSlide .namebox .tit{font-size:20px;line-height:30px; }
	.erSlide .namebox .tit2{ display:none }
	
	.ertop{ height:auto;}
    .ertop .centerbox .centerin{ height:auto}
	.ertop .location{ display:none }

	.ertop .navbox{ width:100%; height:auto; position:static}
	.ertop .navbox .list ul{ margin:0 auto;  padding:0px; list-style:none; height:auto; overflow:hidden}
	.ertop .navbox .list ul li{ margin:0px; padding:0;  width:25%; height:50px; line-height:50px; font-size:14px;  }

	.aboutbox1{padding:20px 0 20px 0 }
	.aboutbox1  .titbox{font-size:20px; }
	.aboutbox1  .listbox{ width:100%; height:auto;  overflow:hidden; margin-top:40px; }
	.aboutbox1  .listbox .leftbox{ width:100%;  float:none; }
	.aboutbox1  .listbox .leftbox img{ max-width:100%}
	.aboutbox1  .listbox .rightbox{ width:100%;  float:none; margin-top:20px; }
	
	.aboutbox1 .wordshow{ font-size:14px; line-height:28px;}

	
	.developmentbox{ padding:25px 0}
	.developmentbox .titbox{font-size:20px; line-height:40px;}

	.developmentbox .listbox{height:125px; margin-top:20px;}
	.developmentbox .listbox .inbox{ height:125px}
	.developmentbox .listbox .leftarr{ width:30px; height:30px; margin-top:-15px; background-size:100% 100%; }
	.developmentbox .listbox .rightarr{width:30px; height:30px; margin-top:-15px; background-size:100% 100%;}
	
	.developmentbox .list{height:125px;}
	.developmentbox .list ul li{  height:125px}
	.developmentbox .list ul li p{ font-size:14px;}
	.developmentbox .list ul li.swiper-slide-active .box{ background:url(../Images/dot4.png) center center no-repeat; background-size:60px auto}
	.developmentbox .list ul li.swiper-slide-active p{ height:125px; line-height:125px; font-size:16px; }
	
	
	.developmentbox .hisbox{padding:15px;  margin-top:10px;}
	.developmentbox .hisbox .year{ display:none}
	.developmentbox .hisbox .wordbox{ width:100%; height:auto; float:none;font-size:14px; }
	


	.aboutbox2 .listbox ul li{ padding:30px 0}
	.aboutbox2 .listbox ul li .box{  padding:20px;}
	.aboutbox2 .listbox ul li .box .wordbox{ width:100%; }
	.aboutbox2 .listbox ul li .box .tit{ height:40px; line-height:40px; font-size:20px;}
	.aboutbox2 .listbox ul li .box .word{ line-height:30px; font-size:14px;margin-top:20px;}

	.aboutbox2 .listbox ul li:nth-child(2n) .box .wordbox{ width:100%;}
	
	.aboutbox2 .titbox{  font-size:20px; margin-bottom:20px; font-weight:700 }

	.aboutbox4{padding:20px 0 20px 0;}
	.aboutbox4  .titbox{font-size:20px;line-height:40px;}
	
	.aboutbox4 .listbox{ width:100%; height:680px; overflow:hidden; margin-top:40px;  position:relative}
	.aboutbox4 .leftarr{ width:30px; height:30px; margin-top:-15px; background-size:100% 100% }
	.aboutbox4 .rightarr{width:30px; height:30px; margin-top:-15px; background-size:100% 100%;}

	.listnews ul li{  padding:25px 0; }
	.listnews ul li .pic{ width:100%; float:none;  height:200px; margin-top:20px; } 
	.listnews ul li .wordbox{ width:100%; float:none; }
	.listnews ul li .wordbox .icon{ width:100%; height:auto;overflow:hidden; margin-top:0px;}
	.listnews ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:700; color:#333333; overflow:hidden; margin-top:10px}
	.listnews ul li .wordbox .word{ width:100%; height:90px; line-height:30px; font-size:14px; color:#333333; overflow:hidden; margin-top:10px; opacity:0.8; margin-top:10px;}
	
	.ertop .searchbox{ display:none}
	.newsspec{ display:none}
	
	.mainbox{ padding:30px 0}
	.mainbox .toptitle{ font-size:20px; line-height:40px; }
	
	.soclist ul li{ width:50%}
	.soclist ul li .box{margin:0 auto; padding:10px;}
	.soclist ul li:nth-child(3n-1) .box{ margin:0 auto}
	.soclist ul li:nth-child(3n) .box{ float:none;margin:0 auto}
	
	.newstop{ padding:125px 0 30px 0;}
	.newstop .titbox{ font-size:16px;line-height:35px; font-weight:700}
	.newstop .line{ background:#7197d0; width:100%; height:1px; margin:15px 0}
	.newstop .titbox2{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#ffffff; line-height:30px; }

	.caselist{ margin-top:0px}
	.caselist ul li{ margin:0 0 10px 0 ;  width:100%; float:none; }
	.caselist ul li .box{ width:100%; height:50px; font-size:14px; line-height:50px; text-indent:20px;}
	.caselist ul li .box span{ font-size:12px; color:#858585;}
	
	.productlist ul li{ width:50%}
	
    .protop{ margin-top:0px}
	.protop .leftarea{ width:100%; float:none; }
	.protop .leftarea .list{ height:auto; overflow:hidden; border:1px solid #eaedf0;}
	.protop .leftarea .list ul li{  height:auto}
	.protop .leftarea .list ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center; position:relative; z-index:0; box-sizing:border-box; padding:20px; line-height:inherit}
	
	
	.protop .rightarea{ width:100%;  float:none; margin-top:20px;}
	.protop .rightarea .tit{ font-size:20px; line-height:30px; }
	.protop .rightarea .word{ font-size:14px;line-height:30px; margin-top:20px;}
	
    .jobbox1{ padding:25px 0}
	.jobbox1 .titbox{ font-size:20px; }
    .jobbox1 .titbox2{ font-size:14px; margin-top:20px; }
	.joblist .onebox .wordbox .tagbox{ display:block}
	
	.joblist .onebox .titbox p.t1{  left:20px; top:0; font-size:14px; width:80%; overflow:hidden;}
	.joblist .onebox .titbox p.t2{ display:none }
	.joblist .onebox .titbox p.t3{  display:none}
	.joblist .onebox .titbox p.t4{ display:none}
	.joblist .onebox .titbox p.t5{ display:none}
	
	.jobbox2{padding:30px 0 }
	.jobbox2 .leftbox{ width:100%; float:none;}
	.jobbox2 .leftbox .titbox{  font-size:20px; }
	.jobbox2 .leftbox .titbox2{ height:30px; line-height:30px; font-size:16px;  margin-top:20px;}
	.jobbox2 .leftbox .wordbox{font-size:14px;margin-top:20px;}
	
	.jobbox2 .rightbox{ width:100%;float:none; }
	
	.jobbox3{  padding:30px 0 }

	.jobbox3  .titbox{  line-height:40px; font-size:20px;}
	.jobbox3  .titbox2{ line-height:36px; font-size:14px;  }
	.formbox2 ul li{ margin:10px 0px;width:100%; float:none; }

	
    .jobbox4{  padding:20px 0 }
	.jobbox4 .titbox{ line-height:40px; font-size:20px;}
	.jobbox4 .listbox{ margin-top:20px; }
	.jobbox4 .leftbox{ width:100%;float:none; padding:20px 0 20px 0}
	.jobbox4 .leftbox .wordbox{font-size:14px; }
	
	.jobbox4 .leftbox .list{  margin-top:20px;}
	.jobbox4 .leftbox .list ul li{ margin:0px 0 10px 0;font-size:14px }
	.jobbox4 .leftbox  .list ul li .tit{ font-size:14px; width:90px; }
	.jobbox4 .leftbox  .list ul li .word{ width:calc(100% - 90px);font-size:14px;}

	.jobbox4 .rightbox{ width:100%; float:none; }





	}
	
@media (max-width:960px){
	
	.formbox2{margin-top:25px;  }
	.formbox2 ul li{ margin:10px 0px;;}
	.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:100%; height:60px; line-height:60px; overflow:hidden;font-size:14px;   border:0px; display:block;  border-radius:0px;  background:#00a2ff; color:#FFF;border:1px solid #00a2ff; border-radius:5px; margin:0 auto; }
	.formbox2 ul li .btnme:hover{ background:#00a2ff; color:#FFF;}
	

	 
	}	


@media (max-width:850px) {

   }

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

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

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

	.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}
	
	.homepart4{ padding:30px 0 30px 0}
	.homepart4 .titbox{ height:auto; line-height:30px;  font-size:16px ; font-weight:700}
	.homepart4 .titbox2{line-height:40px; font-size:14px; margin-top:12px; }
	.homepart4 .titbox2 span{ font-size:12px}
	.homepart4 .titbox2 img{ height:15px;}
	.homepart4 .more{ width:125px; height:40px; line-height:40px; font-size:12px;  margin-top:20px; }
		
    
	.aboutbox4 .listbox{ width:100%; height:480px; overflow:hidden; margin-top:20px;  position:relative}
	.aboutbox4  .list ul li{ height:310px; float:left}
	.aboutbox4  .list ul li .box{ width:96%; padding:10px;}
	.aboutbox4  .list ul li .picbox{ height:125px;}
	.aboutbox4  .list ul li .tit{ height:50px; line-height:50px; font-size:12px;}
	
	.aboutbox4 .leftarr{  left:10%; top:auto; margin-top:0; bottom:0}
    .aboutbox4 .rightarr{ right:10%; top:auto; margin-top:0; bottom:0}

	.soclist ul li{ margin:10px 0}
	.soclist ul li .pic{height:100px } 	
	.soclist ul li .wordbox .tit{  height:50px; line-height:25px; font-size:14px; margin-top:10px; }
	.soclist ul li .wordbox .word{ font-size:14px; margin-top:10px; }
	.soclist ul li .wordbox .timebox{ height:30px; line-height:30px;font-size:12px }
	
	.soclist ul li .wordbox .timebox p.t1{ font-size:12px; }
	.soclist ul li .wordbox .timebox p.t2{ font-size:12px; padding-right:20px;}
	
	
	.advantagebox1{  padding:30px 0}
	.advantagebox1  .titbox{ font-size:20px; line-height:40px;}
	.advantagebox1  .wordbox{font-size:14px;}

	
	.advantagebox1 .listbox{ width:100%; height:320px; overflow:hidden; margin-top:40px;  position:relative}
	.advantagebox1 .leftarr{ width:35px; height:35px; position:absolute; left:10%; top:auto; margin-top:0px; bottom:0; background-size:100% 100%}
	.advantagebox1 .rightarr{width:35px; height:35px;  position:absolute; right:10%; top:auto; margin-top:0px;bottom:0; background-size:100% 100%}

	.advantagebox1  .list ul li{height:320px; float:left}
	.advantagebox1  .list ul li .box{ width:100%; padding:10px;}
	.advantagebox1  .list ul li .picbox{  height:200px; }
	.advantagebox1  .list ul li .tit{ height:40px; line-height:40px; font-size:12px;}
	
	.productlist ul li .box{ padding:10px}
	.productlist ul li .box .pic{ height:105px; }
	.productlist ul li .wordbox .tit{ height:40px; line-height:40px; font-size:14px; }
	.productlist ul li .wordbox .more{ width:105px;font-size:12px; }





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

    
	.homeSlide .list ul li .wordbox{ left:0; top:50%; margin-top:-80px; margin-left:0; box-sizing:border-box; padding:0 20px;  }
	.homeSlide .list ul li .wordbox .tit{ font-size:16px; line-height:25px; font-weight:700;}
	.homeSlide .list ul li .wordbox .tit2{font-size:12px; line-height:25px; margin:10px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:20px; line-height:40px;}
	
	.homeSlide .list ul li .more{ width:125px; height:40px; line-height:40px; text-align:center; font-size:14px;}
	.homeSlide .list ul li .more:hover{}
	
	.indexpage {position: absolute;right:0;text-align: center;bottom:25px;}
	.indexpage .swiper-pagination-switch {width:20px; height:20px;background: url(../Images/sdot1.png) center center no-repeat; margin: 0 3px;cursor: pointer; border-radius:10px;}
	.indexpage .swiper-active-switch { background: url(../Images/sdot2.png) center center no-repeat; background-size:100% auto}
     
	 
	.homepart3 .listbox{ width:100%; height:335px; ;margin-top:20px;  }
	.homepart3 .list{ width:200%; height:335px; overflow:hidden; margin-left:-50%  }

	.homepart3 .list ul li .pic{  height:130px; line-height:130px}
	.homepart3 .list ul li .wordbox{padding:15px 15px 20px 15px}
	.homepart3 .list ul li .time{ height:30px; line-height:30px;  font-size:12px}
	.homepart3 .list ul li .tit{ height:50px; line-height:25px;  font-size:14px;}
	.homepart3 .list ul li .word{height:60px; line-height:30px;font-size:14px; }
	
	.homepart3 .arrlist{  height:50px; margin:20px auto 0 auto; }
	.homepart3 .arrlist .arr{ height:50px; }
	.homepart3 .arrlist .arr ul li{  height:50px; line-height:50px;}
	.homepart3 .arrlist .arr ul li img{ height:35px;}
	.homepart3 .arrlist .swiper-scrollbar { width:calc(100% - 100px); float:right; height:2px; background:#cdd5e9; margin-top:26px;}


	

 
  
	}	


@media (max-width:550px){



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


	  
	}		 

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


@media (max-width:380px){

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

	}