@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:96%}
   .headbox  .menu{position:absolute; right:200px }
   
   .homepart1 .centerbox .centerin{ width:92%; margin:0 auto}
   .homepart2 .centerbox .centerin{width:92%; margin:0 auto}
   .homepart3 .centerbox .centerin{width:92%; margin:0 auto }
   .homepart4 .centerbox .centerin{width:92%; margin:0 auto }
   .homepart5 .centerbox .centerin{width:92%; margin:0 auto }
   
   .homepart6 .centerbox .centerin{width:92%; margin:0 auto }
   .homepart7 .centerbox .centerin{width:92%; margin:0 auto }
   
   .homepart7 .rightbox .mapbox{ transform:scale(0.8); transform-origin:left center}
   
   .footmenu .centerbox .centerin{ width:92%; margin:0 auto}
   .footmenu .part4{width:92%; margin:0 auto}
   
   
   .erSlide .namebox{ width:92%; left:4%; margin-left:0;} 
   
   .ertop .navbox{ width:94%; margin:0 auto}
   .aboutbox1 .centerbox .centerin{ width:94%; margin:0 auto}
   
   .aboutbox2 .centerbox .centerin{ width:94%; margin:0 auto}
   .aboutbox3 .centerbox .centerin{width:94%; margin:0 auto}
   .aboutbox4 .centerbox .centerin{ width:94%; margin:0 auto}
   .aboutbox6 .centerbox .centerin{ width:94%; margin:0 auto}
  
	}	


@media (max-width:1380px) {
   .homepart1 .rightbox .twobox .one{  font-size:20px}
   .homepart1 .rightbox .twobox .one span.m1{ font-size:50px; }
   
   .ertop .navbox .list ul li{ margin:0px 50px 0 0; font-size:18px;  }
   
   .highmodebox1 .centerbox .centerin{ width:94%; margin:0 auto}
   .highmodebox2 .centerbox .centerin{ width:94%; margin:0 auto}
   .contactbox .centerbox .centerin{ width:94%; margin:0 auto}
   .contactbox2 .centerbox .centerin{ width:94%; margin:0 auto}
   .prolistbox .centerbox .centerin{ width:94%; margin:0 auto}
   
   .companybox1 .centerbox .centerin{width:94%; margin:0 auto}
   .companybox2 .centerbox .centerin{width:94%; margin:0 auto}
   .companybox3 .centerbox .centerin{width:94%; margin:0 auto}
   .companybox4 .centerbox .centerin{width:94%; margin:0 auto}
   .companybox5 .centerbox .centerin{width:94%; margin:0 auto}
   
   .mainbox  .centerbox .centerin{width:94%; margin:0 auto}
   .resnewsbox .centerbox .centerin{width:94%; margin:0 auto}
   .jobbox1 .centerbox .centerin{width:94%; margin:0 auto}
   
	}

@media (max-width:1350px) {

	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
    .headbox  .menu ul li{ margin:0px 16px; font-size:14px}
	
     .homepart7 .rightbox .mapbox{ transform:scale(0.65); transform-origin:left center}


	}

@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}
	.headbox{ height:80px; background:rgba(0,0,0,0.2);}
	.headbox .box .logo{ position:absolute; left:50%; top:0; margin-left:-70px;  height:80px; line-height:80px; overflow:hidden; display:flex;align-items:center}
    .headbox  .menu{ display:none}
	.headbox  .menubtn{ display:block}
	
	.headbox .box .language{ position:absolute; right:0; top:0; width:auto; height:80px; line-height:80px; font-size:14px; color:#FFF;background:url(../Images/earth.png) left 0 center no-repeat ; text-indent:30px; border-radius:0; }
	.headbox .box .language a{ color:#FFF}
	.headbox .box .language:hover{ background:url(../Images/earth.png) left 0 center no-repeat;}
	
	.headbox .box .searchbtn{ position:absolute; right:auto; left:40px; top:0; width:36px; height:80px; line-height:80px;text-align:center; background:url(../Images/searchbtn2.png) center center no-repeat;font-size:20px; font-weight:normal;}
	
	.headboxother{ background:#FFF}
	.headboxother .box .searchbtn{ color:#464646}
	.headboxother  .menubtn{color:#464646}
	.headboxother .box .searchbtn{background:url(../Images/searchbtn.png) center center no-repeat;}
	.headboxother .box .language{ background:url(../Images/lan2.png) left 0 center no-repeat; background-size: 20px auto;color:#464646}
	.headboxother .box .language:hover{ background:url(../Images/lan2.png) left 0 center no-repeat; background-size: 20px auto;color:#464646}
	
	
	.homepart1{ padding:30px 0}
	.homepart1 .leftbox{ width:100%;  float:none}
	.homepart1 .rightbox{ width:100%; float:none}
	.homepart1 .leftbox .titbox{ width:100%; height:40px; line-height:40px; background-size:auto 25px; font-size:20px; font-weight:700}
    .homepart1 .leftbox .wordbox{ line-height:30px; font-size:14px;  margin-top:20px;}
	
	.homepart1 .leftbox .numlist{  margin:30px 0;}
	.homepart1 .leftbox .numlist ul li .numbox{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:26px; color:#131212}
	.homepart1 .leftbox .numlist ul li .numbox span.m1{}
	.homepart1 .leftbox .numlist ul li .numbox span.m2{ font-size:14px;}
	.homepart1 .leftbox .numlist ul li .tit{font-size:14px;}
	

	.homepart1 .rightbox .onebox video{ width:100%; height:250px; overflow:hidden; }
	.homepart1 .rightbox .onebox .pic{ width:100%; height:250px; transition:all 0.5s ease}

	.homepart1 .rightbox .twobox .one{ width:100%; height:80px;  line-height:80px; text-align:center; overflow:hidden; font-size:14px; }
	
	.homepart1 .rightbox .twobox .one span.m1{ font-size:20px; }
	
	.homepart1 .rightbox .twobox .pic{ height:160px;  margin-top:10px }
	.alertbox .cbox .listbox{ padding:10px; border-radius:10px; margin-top:20px;}

	
	.homepart2{ padding:30px 0; }	
	.homepart2 .titbox .tit{ height:40px; line-height:40px; font-size:20px; font-weight:700; background-size:auto 25px;}
	.homepart2 .titbox .more{height:40px; line-height:40px;  font-size:14px;}
	
	.homepart2 .listbox{margin-top:20px;}
	.homepart2 .listbox ul li{ margin:20px 0 0 0; width:100%; height:auto; float:none; overflow:hidden;}
	.homepart2 .listbox ul li .box{ width:100%; }
	.homepart2 .listbox ul li .box .timebox{ width:80px; height:100px; }
	.homepart2 .listbox ul li .box .timebox p.t1{ width:100%; height:30px; line-height:30px; text-align:center; font-size:12px; margin-top:15px;}
	.homepart2 .listbox ul li .box .timebox p.t2{ width:100%; height:30px; line-height:30px; text-align:center; font-size:20px; margin-top:10px; color:#121212} 
	.homepart2 .listbox ul li .box .wordbox{ width:calc(100% - 100px); }
	.homepart2 .listbox ul li .box .wordbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; font-weight:700}
	.homepart2 .listbox ul li .box .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#666666; margin-top:5px;}

	
	
	.homepart3{padding:30px 0 }
	.homepart3 .titbox .tit{ height:40px; line-height:40px; font-size:20px; font-weight:700; background-size:auto 25px;}
	.homepart3 .titbox .arrlist1{height:40px; line-height:40px;;  }
	.homepart3 .titbox .arrlist1 ul li p{ width:50px; height:32px; border:1px solid #262626; line-height:32px; text-align:center; border-radius:20px; color:#262626; cursor:pointer; font-size:20px; transition:all 0.5s ease;}
	
	.homepart4{padding:30px 0 }
	.homepart4 .titbox .tit{ height:40px; line-height:40px; font-size:20px; font-weight:700; background-size:auto 25px;}
	.homepart4 .titbox .arrlist1{height:40px; line-height:40px;;  }
	.homepart4 .titbox .arrlist1 ul li p{ width:50px; height:32px; border:1px solid #262626; line-height:32px; text-align:center; border-radius:20px; color:#262626; cursor:pointer; font-size:20px; transition:all 0.5s ease;}
	
	.homepart5{padding:0 }
	.homepart5 .centerbox{ padding:30px 0}
	.homepart5 .titbox .tit{ height:40px; line-height:40px; font-size:20px; font-weight:700; background-size:auto 25px;}
	.homepart5 .titbox .arrlist1{height:40px; line-height:40px;;  }
	.homepart5 .titbox .arrlist1 ul li p{ width:50px; height:32px; border:1px solid #262626; line-height:32px; text-align:center; border-radius:20px; color:#262626; cursor:pointer; font-size:20px; transition:all 0.5s ease;}
	
	.homepart5 .thebox .slidebox{ display:none}
	.homepart5 .listbox{ width:100%;}
	
	.homepart6{padding:30px 0 }
	.homepart6 .titbox .tit{ height:40px; line-height:40px; font-size:20px; font-weight:700; background-size:auto 25px;}
	.homepart6 .titbox .arrlist1{height:40px; line-height:40px;;  }
	.homepart6 .titbox .arrlist1 ul li p{ width:50px; height:32px; border:1px solid #262626; line-height:32px; text-align:center; border-radius:20px; color:#262626; cursor:pointer; font-size:20px; transition:all 0.5s ease;}
    
	
	.homepart7 .leftbox{ width:100%; height:auto; float:none; overflow:hidden;margin-bottom:20px;}
	.homepart7 .rightbox{ width:100%; height:auto; float:none; overflow:hidden; }
	
	.homepart7 .leftbox .titbox{font-size:14px; margin-top:0px;}
	.homepart7 .leftbox .wordbox{line-height:40px;font-size:20px}
	.homepart7 .leftbox .wordbox strong{ font-size:30px;}
	
	.homepart7 .leftbox .list{ margin-top:20px; }
	.homepart7 .leftbox .list ul li{width:25%;  height:70px; line-height:25px; text-align:center; font-size:12px;display:flex;align-items:center; text-align:center;justify-content:center; box-sizing:border-box; padding:0 5px; }
    .homepart7 .leftbox .list ul li a{display:flex;align-items:center; text-align:center;justify-content:center}
	
	.homepart7 .leftbox .list ul li:nth-child(2){ margin-right:0}
	
	.homepart7 .rightbox .mapbox{ transform:scale(1)}	
	
	.footmenu{ padding:30px 0 0 0}
	.footmenu .part1{ width:100%; float:none;}
	.footmenu .part1  .one{ width:100%; height:auto;  overflow:hidden; float:none}
	.footmenu .part1  .tit{ width:100%; height:50px; line-height:50px; font-size:15px; overflow:hidden; color:#ffffff; border-bottom:1px solid #3b3c3c; background:url(../Images/darr.png) right center no-repeat; background-size:13px 8px;}
	.footmenu .part1  .list{margin-top:10px; display:none}
	
	.footmenu .part2{ width:100%; height:auto; float:none; overflow: visible; }
    .footmenu .part2  .list ul li .code{ width:117px; height:123px; background:url(../Images/cok2.png) no-repeat; position:absolute; left:-35px; top:auto; bottom:60px;}
    .footmenu .part2  .list ul li .code img{ width:101px; height:101px; position:absolute; left:10px; top:auto; bottom:12px;}
     
	.footmenu .part2  .list ul li:nth-child(1) .code{ left:-15px;}
	
	.footmenu .part3{ display:none}
	
	
	.footmenu .part4 .shop{ display:none}
    .footmenu .part4 .copyright{ width:100%; text-align:left; float:none}
	
	.ertop .titbox{display:block}
    .ertop .navbox .list{ width:92%; margin:0 auto; display:none}
	.ertop .navbox .list ul li{ margin:0px 0 0 0;   height:50px; line-height:50px; font-size:14px;  color:#131212;  float:none; text-align:left;border-top:1px solid #ebebeb; }
    .ertop .navbox .list ul li a{ display:block; width:100%; height:100%;}
	
	.ertop .navbox .list2{ width:92%; margin:0 auto; display:none}
	.ertop .navbox .list2 ul li{ margin:0px 0 0 0;   height:50px; line-height:50px; font-size:14px;  color:#131212;  float:none; text-align:left;border-top:1px solid #ebebeb; }
    .ertop .navbox .list2 ul li a{ display:block; width:100%; height:100%;}
	

	.aboutbox1{ padding:25px 0}	 
	.aboutbox1  .leftbox{ width:100%;  float:none;}
	.aboutbox1  .leftbox .titbox{ width:100%; height:auto; overflow:hidden;}
	.aboutbox1  .leftbox .titbox img{ max-width:60%; height:auto}
	.aboutbox1  .leftbox .titbox2{ font-size:20px; line-height:40px; font-weight:700}
	.aboutbox1  .leftbox .wordbox{ display:block}
	.aboutbox1  .leftbox .numlist{ margin-top:20px}
	.aboutbox1  .leftbox .numlist ul li{ margin:0px 0 0 0px; width:25%; }
	.aboutbox1  .leftbox .numlist ul li .num{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:20px; color:#d50118}
	.aboutbox1  .leftbox .numlist ul li .num .counter{ font-weight:700}
	.aboutbox1  .leftbox .numlist ul li .num span.t3{ font-size:12px; color:#131212;}
	.aboutbox1  .leftbox .numlist ul li .tit{ width:100%; height:30px; line-height:30px; font-size:12px; margin-top:10px; color:#131212}
	
	
	.aboutbox1  .rightbox{ width:100%; float:none; }
	.aboutbox1  .rightbox .wordbox{ display:none}
	.aboutbox1  .rightbox .pic{ width:100%; height:auto; overflow:hidden; margin-top:20px;}

	.aboutbox1  .rightbox video{ width:100%; height:200px; overflow:hidden; object-fit:cover; margin-top:20px; border-radius:10px; overflow:hidden;}
	
	
	.aboutbox1 .list{ width:100%; height:auto; overflow:hidden; margin-top:60px;}
	.aboutbox1 .list ul{ margin:0px; padding:0px; list-style:none; display:flex;justify-content:space-between;gap:40px}
	.aboutbox1 .list ul li{ margin:0; padding:0; list-style:none; width:25%; height:auto; float:left; overflow:hidden; position:relative;} 
	
	.aboutbox2{  padding:30px 0 30px 0;}
	.aboutbox2 .titbox{line-height:40px; font-size:20px;  }
	.aboutbox2 .titbox2{ line-height:30px;font-size:22px; padding:10px 0 }
	.aboutbox2 .titbox3{ line-height:40px;  font-size:18px;  padding:10px 0; }
	
	.aboutbox2 .list1{ margin:0px 0 0 0}
	.aboutbox2 .list1 ul li{ margin:20px 0 0 0 ; padding:0px; list-style:none; width:100%; float:none;}
	.aboutbox2 .list1 ul li:nth-child(1){ width:100%; float:none}
	.aboutbox2 .list1 ul li:nth-child(2){ width:100%; float:none}
	
	.aboutbox2 .list1 ul li .box{ padding:25px;}
	.aboutbox2 .list1 ul li .pic{ width:100%; height:90px; overflow:hidden;}
	.aboutbox2 .list1 ul li .pic img{ max-height:90%;}
	
	.aboutbox2 .list1 ul li .tit{ width:100%; height:30px; line-height:30px; font-size:20px; }
	.aboutbox2 .list1 ul li .word{ width:100%; height:auto; line-height:30px; font-size:14px; margin-top:10px;  overflow:hidden; }

	.aboutbox3{padding:30px 0 }
    .aboutbox3 .centerbox .centerin{ width:100%;}
	
	.aboutbox3  .titbox{ width:94%;  font-size:20px; line-height:40px; max-width:1360px; margin:0 auto }
	.aboutbox3  .wordbox{ width:94%;font-size:16px;  margin:0 auto; margin-top:20px; line-height:40px; }
	
	.aboutbox3 .listbox{ width:100%; height:200px; overflow:hidden; margin-top:30px; position:relative }
	.aboutbox3 .arr{ width:50px; height:32px; border:1px solid #262626; line-height:32px; text-align:center; border-radius:20px; color:#262626; cursor:pointer; font-size:20px; transition:all 0.5s ease;}
	.aboutbox3 .arr:hover{ background:#d50118; color:#FFF; border-color:#d50118;}
	
	.aboutbox3 .leftarr{ position:absolute; left:10px; top:50%; margin-top:-16px; z-index:10}
	.aboutbox3 .rightarr{position:absolute; right:10px; top:50%; margin-top:-16px; z-index:10}
	.aboutbox3 .list{ width:190%; margin-left:-45%; height:200px; } 
	.aboutbox3 .list ul li{height:200px;}
	.aboutbox3 .list ul li .pic{ height:200px; }


	.aboutbox4{ background:#FFF;padding:0;  }
	.aboutbox4 .pic{display:block}
	.aboutbox4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; background:#FFF; padding:20px 0 0 0 }
	.aboutbox4 .centerbox .centerin{ width:94%; margin:0 auto }
	
	.aboutbox4  .titbox{   font-size:20px; color:#131212; line-height:40px; font-weight:700 }
	.aboutbox4  .wordbox{  font-size:14px; color:#131212; line-height:28px; margin-top:20px;}
	.aboutbox4  .wordbox strong{ font-size:16px;}
	
	.aboutbox4   .numlist{ width:100%; height:auto; overflow:hidden; margin-top:20px}
	.aboutbox4   .numlist ul li{ margin:0px 0 0 0px; padding:10px 0; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left; border-bottom:1px solid #dbdbdb;text-align:center}
	.aboutbox4   .numlist ul li .num{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:24px; color:#d50118}
	.aboutbox4   .numlist ul li .num span.t3{ font-size:14px; }
	.aboutbox4   .numlist ul li .tit{ height:30px; line-height:30px; font-size:14px;color:#131212 }
    .aboutbox4   .numlist ul li:nth-child(4){ margin-left:16.5%; border:0; }
	.aboutbox4   .numlist ul li:nth-child(5){ text-align:center; border:0}
	
	
	.aboutbox5{padding:20px 0 }
	.aboutbox5 .listbox{ width:100%; height:200px}
	
	.aboutbox5 .leftarr{  left:10px; }
    .aboutbox5 .rightarr{ right:10px;}

	.aboutbox5 .list{width:190%; margin-left:-45%; height:200px; } 
	.aboutbox5 .list ul li{ height:200px; }
	.aboutbox5 .list ul li .pic{ height:200px; }
	
	.aboutbox6{ padding:30px 0;}
	.aboutbox6  .titbox{ font-size:20px; font-weight:700 }
	.aboutbox6 #history{ display:none}
    .aboutbox6 #history2{ display:block}
	
	.aboutbox6 .onebox{ margin-top:50px; }
	.aboutbox6 .onebox .one{ margin-bottom:26px;}
	.aboutbox6 .onebox .one .pic{ width:125px; height:125px; float:left; border-radius:10px;}
	.aboutbox6 .onebox .one .wordbox{ width:calc(100% - 135px);  padding:0 0 0 20px;}
	.aboutbox6 .onebox .one .wordbox .time{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#131212; margin-top:20px;}
	.aboutbox6 .onebox .one .wordbox .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#131212; font-weight:700}
	
	.aboutbox6 .onebox .timebox{  font-size:130px; margin-top:-50px; height:200px; z-index:0}
    .aboutbox6 .list ul li{  font-size:14px}
	.aboutbox6 .list ul li.swiper-slide-active{font-size:16px; }

	.highmodebox1 .centerbox{ padding:25px 0}
	.highmodebox1  .titbox{  font-size:20px; line-height:40px; font-weight:700  }
    .highmodebox1  .wordbox{ font-size:14px; margin-top:10px }
	 
	.highmodebox2 .titbox{ font-size:20px;line-height:40px; font-weight:700; text-align:center  }
	 
	
	.highmodebox2 .listbox{  margin-top:10px;}

	.highmodebox2 .list ul li{ margin:15px 0; }
	.highmodebox2 .list ul li .pic{ width:100%; height:456px; overflow:hidden; float:none; border-radius:10px;}

	.highmodebox2 .list ul li .wordbox{ width:100%; float:none; }
	.highmodebox2 .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:20px; margin-top:20px; }
	.highmodebox2 .list ul li .tit span{ font-size:28px; }
	.highmodebox2 .list ul li .word{ width:100%; height:auto; line-height:28px; font-size:14px; ;}
	.highmodebox2 .list ul li .word span{ font-size:16px; font-weight:700; color:#131212; }

	
	.contactbox{ padding:20px 0}
	.contactbox .titbox{  font-size:20px;}
	.contactbox .list{ margin-top:10px}

	.contactbox .list ul li{ margin:0px 0 15px 0;width:50%}
	.contactbox .list ul li .tel{ width:100%; height:30px; line-height:30px; box-sizing:border-box; padding:0 0 0 30px; background:url(../Images/telic.png) left center no-repeat; font-size:14px; color:#484848}
	.contactbox .list ul li .word{ width:100%; height:auto; line-height:30px; box-sizing:border-box; padding:0 0 0 30px;font-size:12px; color:#131212}
    
	.contactbox2{padding:30px 0 ; background:#ffffff; }
	.contactbox2 .toptit{ line-height:50px; font-size:20px; font-weight:700}
	.contactbox2 .toptit2{ line-height:30px; font-size:14px;}
	
	
	.productlist ul li{ margin:25px 0 0 0; width:50%; }
    .productlist ul li .box{ margin:0 auto}
	
	.relspro  .productlist ul li:nth-child(3){ display:none}
	
	.prolistboxshow{padding:0px 0 30px 0; }
    .prolistboxshow .centerbox .centerin{ width:100%; }
	
	
	.protop{margin-top:0px; padding:0px; border-radius:0px}
	.protop .leftarea{ width:100%; height:auto; float:none;}
	.protop .leftarea .list{ width:100%; height:470px;border-radius:0px;}
	.protop .leftarea .list ul li{ height:470px; }
	.protop .leftarea .list ul li .pic{height:470px;}
	.protop .leftarea .list ul li .num{ display:block}
	.protop .leftarea .list ul li video{ width:100%; height:470px; object-fit:cover}


	.protop .leftarea .minbox{ display:none}

	.protop .rightarea{ width:94%; height:auto; float:none; overflow:hidden; margin:0 auto; margin-top:25px; padding-bottom:25px;}
	.protop .rightarea .tit{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:700; color:#131212; line-height:40px;}
	.protop .rightarea .price{ width:100%; height:auto; line-height:40px; padding:10px 0; font-size:14px; color:#d50118; border-bottom:1px solid #ececec;}
	.protop .rightarea .price span{ font-size:20px;}
	.protop .rightarea .word{ width:100%; height:auto; overflow:hidden;  border-bottom:1px solid #ececec; margin-top:20px; font-size:14px; color:#5f5f5f; line-height:28px; padding:15px 0}
	
	
	
	.prodetail{margin-top:20px;  padding:10px 20px 10px 20px; border-radius:0}
	.prodetail .titbox{ width:100%; height:50px; line-height:50px;  font-size:20px; }
	.prodetail .wordbox{ font-size:14px; margin-top:25px;}
	
	.relspro{padding:10px 20px 20px 20px; border-radius:10px}
    .relspro .titbox{ width:100%; height:50px; line-height:50px;  font-size:20px;}
		
	
	.companybox1 .titbox{ width:100%; height:auto; line-height:40px;  font-size:20px;}
    .companybox1 .titbox2{ width:100%; height:auto; line-height:30px; font-size:16px;}
	
	.companybox1 .listbox .leftbox{ width:100%; height:auto; float:none; overflow:hidden;}
	.companybox1 .listbox .leftbox .wordbox{font-size:14px; }
	.companybox1 .listbox .rightbox{ width:100%; height:392px; float:none; overflow:hidden; position:relative; margin-top:20px}
		 
	
	.companybox2 .titbox{ height:40px; line-height:40px; margin-bottom:20px; }
	.companybox2 .titbox .tit{ line-height:40px; font-size:18px; font-weight:700}
	.companybox2 .titbox .more{line-height:40px;font-size:14px;}
	
	.newcarlist ul li{ width:50%;}
	.newcarlist ul li:nth-child(3){ display:none}
	
	.companybox3{padding:25px 0}
	.companybox3 .titbox{ height:40px; line-height:40px; margin-bottom:20px; }
	.companybox3 .titbox .tit{ line-height:40px; font-size:18px; font-weight:700}
	.companybox3 .titbox .more{line-height:40px;font-size:14px;}
	
	
	.mainbox{ padding:25px 0} 
	.resnewsbox .titbox{ width:100%; height:50px; overflow:hidden; position:relative}
	.resnewsbox .titbox .tit{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:700; color:#171717}
    .newslist ul li p.t1{ font-size:14px;} 
	
	.joblisttnav{ display:block}
	.jobbox1 .leftbox{ width:100%;}
	.jobbox1 .leftbox .onebox{ display:none}
	.jobbox1 .rightbox{ width:100%}
	
	.jobbox1 .rightbox .one{ margin-bottom:15px; padding:0px 0 20px 0; border-bottom:1px solid #ebebeb;}
	.jobbox1 .rightbox .one .tit{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#131212; line-height:40px; }
	.jobbox1 .rightbox .one .tit .intro{ width:70%; float:left; overflow:hidden; font-size:14px; color:#333333; font-weight:700}
    .jobbox1 .rightbox .one .tit .price{ float:right; font-size:14px; color:#d50118; display:block}

	.jobbox1 .rightbox .one .tit2{ border:0 }
	.jobbox1 .rightbox .one .tit2 .intro{ width:100%; float:left; overflow:hidden; font-size:14px; color:#333333; line-height:200%;}
	.jobbox1 .rightbox .one .tit2 .price{ display:none}
	
	.jobbox1 .rightbox .one .word{ font-size:14px; line-height:30px; margin:10px 0; }
	
	.jobbox1 .rightbox .one .more{ font-size:14px;  margin-top:10px;}
	
	.jobbox1 .rightbox .onefocus{box-shadow:none;}
    
	.prolistbox .shopbox{ font-size:14px;}
	.mainbox .shopbox{ font-size:14px;}
		
		  
	}
	
@media (max-width:960px){
	
	.formbox2{margin-top:0px;  }
	.formbox2 ul li{ margin:10px 0px; width:100%;}
	.formbox2 ul li.t1{  box-sizing:border-box; padding-right:0;}
    .formbox2 ul li.t2{  box-sizing:border-box; padding-left: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; }
	.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:60%; height:50px; line-height:50px; font-size:14px;  }
	
	
	
	.homepart7 .rightbox{ width:712px; height:520px; overflow:hidden; margin:0 auto;}
	.homepart7 .rightbox .mapbox{ transform:scale(0.8); transform-origin:left top;}
	

    .highmodebox1 .listbox{ margin:0}
	.highmodebox1 .list ul li{ width:100%; float:none; margin-top:20px;}
	.highmodebox1 .list ul li .box{ width:100%;padding:15px 20px;}
	.highmodebox1 .list ul li .pic{ width:100%; height:90px; overflow:hidden;}
	.highmodebox1 .list ul li .pic img{ max-height:80%;}
	.highmodebox1 .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:18px; }
	.highmodebox1 .list ul li .word{ width:100%; height:auto; line-height:28px; font-size:14px; overflow:hidden; color:#131212; opacity:0.8; margin-top:20px;}
	
	.highmodebox1 .list ul li:nth-child(2) .box{ float:right}
	
	.ertop .navbox .list3 ul li{ margin:0px;; width:25%; height:50px; line-height:50px; font-size:14px;  }
	
	
	
	.bignews ul li{ margin:10px 0 10px 0px; padding-bottom:20px}
	.bignews ul li .box{ width:100%; height:auto; overflow:hidden; box-sizing:border-box;box-shadow: 0px 0px 20px 0px #f3f3f3;}
	.bignews ul li .pic{ width:35%;  height:215px;  }
	.bignews ul li .pic .img{ width:100%; height:215px;}
	.bignews ul li .wordbox{ width:62%; }
	.bignews ul li .wordbox .time{ font-size:12px; }
	.bignews ul li .wordbox .tit{ height:auto; line-height:30px; font-size:16px; margin-top:10px; }
	.bignews ul li .wordbox .word{ display:none}
	.bignews ul li .wordbox .more{ display:none}
		 
	}	


@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:40px; height:auto;}
	.gotop ul li{width:40px; height:40px; position:relative; overflow: visible}
	.gotop ul li p{ width:40px; height:40px; padding:10px 0 0 0}
	.gotop ul li p img{ max-height:80%;}

	.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:250px;   }
	.erSlide{ height:250px;  }
	.erSlide .list{ height:250px; }
	.erSlide .list ul li{ height:250px; }
	.erSlide .list ul li .pic{ height:250px;}
	
	.erSlide .namebox{margin-top:-50px;} 
	.erSlide .namebox .tit{ font-size:20px; line-height:40px; font-weight:700 }
	.erSlide .namebox .tit2{ font-size:14px;}

	
	

	
	.homepart3 .titbox .arrlist1 ul li p{ width:40px; height:28px; line-height:28px; font-size:14px; margin-top:10px;}
	
	.homepart3 .listbox{ height:310px;}
	.homepart3 .listbox ul li .box{ margin:0 auto}
	.homepart3 .listbox ul li .pic{ width:100%; height:125px; overflow:hidden;}
	.homepart3 .listbox ul li .wordbox{ padding:10px;}
	.homepart3 .listbox ul li .tit{ width:100%; height:60px; line-height:30px; font-size:14px; font-weight:700; color:#131212 }
	.homepart3 .listbox ul li .intro{ display:none}
	.homepart3 .listbox ul li .intro2{ display:block}

	.homepart3 .listbox ul li .morebox{  margin-top:10px; height:40px; line-height:40px;}
	.homepart3 .listbox ul li .morebox .price{ float:left; font-size:14px; color:#d50118}
	.homepart3 .listbox ul li .morebox .price span{ font-size:20px;}
	.homepart3 .listbox ul li .morebox .more{ display:none}
		
		
	.homepart4 .titbox .arrlist1 ul li p{ width:40px; height:28px; line-height:28px; font-size:14px; margin-top:10px;}
	
	.homepart4 .listbox{ height:310px;}
	.homepart4 .listbox ul li .box{ margin:0 auto}
	.homepart4 .listbox ul li .pic{ width:100%; height:125px; overflow:hidden;}
	.homepart4 .listbox ul li .wordbox{ padding:10px;}
	.homepart4 .listbox ul li .tit{ width:100%; height:60px; line-height:30px; font-size:14px; font-weight:700; color:#131212 }
	.homepart4 .listbox ul li .intro{ width:100%; height:35px; line-height:35px; font-size:14px;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}


	.homepart4 .listbox ul li .morebox{  margin-top:10px; height:40px; line-height:40px;}
	.homepart4 .listbox ul li .morebox .price{ float:left; font-size:14px; color:#d50118}
	.homepart4 .listbox ul li .morebox .price span{ font-size:20px;}
	.homepart4 .listbox ul li .morebox .more{ display:none}
	
	
	.homepart5 .titbox .arrlist1 ul li p{ width:40px; height:28px; line-height:28px; font-size:14px; margin-top:10px;}
	
	.homepart5 .listbox{ height:310px;}
	.homepart5 .listbox ul li .box{ margin:0 auto}
	.homepart5 .listbox ul li .pic{ width:100%; height:125px; overflow:hidden;}
	.homepart5 .listbox ul li .wordbox{ padding:10px;}
	.homepart5 .listbox ul li .tit{ width:100%; height:60px; line-height:30px; font-size:14px; font-weight:700; color:#131212 }
	.homepart5 .listbox ul li .intro{ width:100%; height:35px; line-height:35px; font-size:14px;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}


	.homepart5 .listbox ul li .morebox{  margin-top:10px; height:40px; line-height:40px;}
	.homepart5 .listbox ul li .morebox .price{ float:left; font-size:14px; color:#d50118}
	.homepart5 .listbox ul li .morebox .price span{ font-size:20px;}
	.homepart5 .listbox ul li .morebox .more{ display:none}
	
	.homepart6 .titbox .arrlist1 ul li p{ width:40px; height:28px; line-height:28px; font-size:14px; margin-top:10px;}
			
	.homepart6 .listbox{ width:100%; height:150px; overflow:hidden;  position:relative; margin-top:25px;}
	
	.homepart6 .listbox .list{ width:100%; height:150px;  margin:0 auto; overflow:hidden;}
	.homepart6 .listbox .list ul li .box{ padding:15px 0; }
	.homepart6 .listbox .list ul li .pic{ width:100%;  height:60px; line-height:60px; text-align:center; }
	.homepart6 .listbox .list ul li .tit{  height:40px; line-height:40px;  font-size:13px; }


    .homepart7 .rightbox{ width:445px; height:330px; overflow:hidden; margin:0 auto;}
	.homepart7 .rightbox .mapbox{ transform:scale(0.5); transform-origin:left top;}
	
	
	.prolistnav{ display:block}
	
	.prolistbox .sortbox{ display:none; padding:10px; margin-bottom:20px;}
	.prolistbox .sortbox .one{ display:none}
	.prolistbox .sortbox .one .tit{ display:none}
	.prolistbox .sortbox .one .list{ width:100%;}
	.prolistbox .sortbox .one .list ul li{ margin:5px 1%; width:31.33%; height:40px; line-height:40px; text-align:center; background:#f5f5f5; font-size:14px; overflow:hidden;}
	.prolistbox .sortbox .one .list ul li.onfocus{ background:#fdf2f3}
	.prolistbox .sortbox .one .list ul li.other{ display:none}
	.prolistbox .sortbox .two{ display:none}
	
	

	.productlist ul li{ margin:0px 0 20px 0; width:50%; }
	.productlist ul li .box{ margin:0 auto}
	.productlist ul li .pic{ width:100%; height:125px}
	.productlist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 19px 19px 19px; }
	.productlist ul li .tit{ width:100%; height:60px; line-height:30px; font-size:14px; color:#131212; overflow:hidden; font-weight:700}

	.productlist ul li .intro2{ width:100%; height:30px;  overflow:hidden; border-bottom:1px solid #ececec; font-size:12px; line-height:30px;}
	
	
	.productlist ul li .morebox{ width:100%; height:30px; overflow:hidden; color:#d50118; margin-top:10px;}
	.productlist ul li .morebox .price{ float:left; font-size:12px; color:#d50118; margin-top:10px;}
	.productlist ul li .morebox .price span{ font-size:14px;}
	.productlist ul li .morebox .more{zoom:0.4; margin-top:30px;}

	

	.protop .leftarea .list{ width:100%; height:250px;border-radius:0px;}
	.protop .leftarea .list ul li{ height:250px; }
	.protop .leftarea .list ul li .pic{height:250px;}
	.protop .leftarea .list ul li .num{ display:block}
	.protop .leftarea .list ul li video{ width:100%; height:250px; object-fit:cover}


	.protop .rightarea{ width:94%; height:auto; float:none; overflow:hidden; margin:0 auto; margin-top:25px;}
	.protop .rightarea .tit{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:700; color:#131212; line-height:40px;}
	.protop .rightarea .price{ width:100%; height:auto; line-height:40px; padding:10px 0; font-size:14px; color:#d50118; border-bottom:1px solid #ececec;}
	.protop .rightarea .price span{ font-size:20px;}
	.protop .rightarea .word{ width:100%; height:auto; overflow:hidden;  border-bottom:1px solid #ececec; margin-top:20px; font-size:14px; color:#5f5f5f; line-height:28px; padding:15px 0}
	
	
	
	.protop .rightarea .btnlist{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
	.protop .rightarea .btnlist p{ width:40%; height:40px; line-height:40px; border-radius:30px; margin:0 5%; float:left; font-size:14px}
	.protop .rightarea .btnlist p:hover{background:#d50118; color:#FFF}

	.companybox1{ padding:25px 0}
	
	.companybox2{ padding:25px 0}
	
	.newcarlist ul li{ margin:0px 0 20px 0; width:50%; }
	.newcarlist ul li .box{ margin:0 auto}
	.newcarlist ul li .pic{ width:100%; height:125px}
	.newcarlist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 19px 19px 19px; }
	.newcarlist ul li .tit{ width:100%; height:60px; line-height:30px; font-size:14px; color:#131212; overflow:hidden; font-weight:700}

	.newcarlist ul li .intro2{ width:100%; height:30px;  overflow:hidden; border-bottom:1px solid #ececec; font-size:12px; line-height:30px;}
	
	
	.newcarlist ul li .morebox{ width:100%; height:30px; overflow:hidden; color:#d50118; margin-top:10px;}
	.newcarlist ul li .morebox .price{ float:left; font-size:12px; color:#d50118; margin-top:10px;}
	.newcarlist ul li .morebox .price span{ font-size:14px;}
	.newcarlist ul li .morebox .more{zoom:0.4; margin-top:30px;}
	
	

	.companybox3 .list ul li{ margin:20px 0; width:100%;  float:none; overflow:hidden;}
	.companybox3 .list ul li .box{ width:100%; height:180px; }
	.companybox3 .list ul li .pic{ width:39%; height:180px; }
	.companybox3 .list ul li .wordbox{ width:61%; padding:0 19px 0 19px; }
	.companybox3 .list ul li .time{ width:100%; height:40px; line-height:40px; font-size:14px;  }
	.companybox3 .list ul li .tit{ width:100%; height:70px; line-height:35px;  overflow:hidden;font-size:16px; color:#131212; margin-top:5px}
	
	.companybox4{ padding:25px 0}
	.companybox4 .titbox{ height:40px; line-height:40px;font-size:20px; margin-bottom:20px; font-weight:700; }
    .companybox4 .wordbox{  line-height:28px;  font-size:14px;  }
	
	.companybox5{ padding:25px 0}
	.companybox5 .titbox{ height:40px; line-height:40px;font-size:20px; margin-bottom:20px; font-weight:700;}
     .companybox5 .wordbox{  line-height:28px;  font-size:14px;   }
		

	}	
	
@media (max-width:640px){
    .homeSlide  .dotbox{  position:absolute; left:20px; margin-left:0; bottom:25px; width:75px}
	.homeSlide  .dotbox .leftarr{width:25px; height:25px; background-size:100% auto}
	.homeSlide  .dotbox .rightarr{width:25px; height:25px;  background-size:100% auto;}
    
	.homeSlide .list ul li .wordbox{ left:20px; top:15%; margin-top:0px; margin-left:0;  }
	.homeSlide .list ul li .wordbox .tit{ font-size:14px; line-height:25px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:16px; 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;background:url(../Images/anniu.png) left 10px center no-repeat #00a2ff; border:0; margin-top:10px; background-size: 20px auto; font-size:12px; text-indent:25px; border-radius:5px}
	.homeSlide .list ul li .more:hover{}
	
	.indexpage {position: absolute;right:20px;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}

    
	
	.bignews ul li{ margin:10px 0 10px 0px; padding-bottom:20px}
	.bignews ul li .box{ width:100%; height:auto; overflow:hidden; box-sizing:border-box;box-shadow: 0px 0px 20px 0px #f3f3f3;}
	.bignews ul li .pic{ width:45%;  height:125px; border-radius:5px; }
	.bignews ul li .pic .img{ width:100%; height:125px;}
	.bignews ul li .wordbox{ width:52%; }
	.bignews ul li .wordbox .time{ font-size:12px; }
	.bignews ul li .wordbox .tit{ height:75px; line-height:25px; font-size:14px; margin-top:0px; }
	.bignews ul li .wordbox .word{ display:none}
	.bignews ul li .wordbox .more{ display:none}
	
		
	}	


@media (max-width:550px){

    .highmodebox2 .list ul li .pic{  height:250px;}
	
	.companybox1 .listbox .rightbox{ height:200px}
	.companybox1 .listbox .rightbox .list{height:200px;}
	.companybox1 .listbox .rightbox .list ul li{height:200px;}
	
	
	.companybox3 .list ul li .box{ width:100%; height:125px; }
	.companybox3 .list ul li .pic{ width:39%; height:125px; }
	.companybox3 .list ul li .wordbox{ width:61%; padding:0 19px 0 19px; }
	.companybox3 .list ul li .time{ width:100%; height:30px; line-height:30px; font-size:12px; margin:10px 0 0 0  }
	.companybox3 .list ul li .tit{ width:100%; height:60px; line-height:30px;  overflow:hidden;font-size:14px; color:#131212; margin-top:5px}
	
	

	}	
	
@media (max-width:450px){
    .headbox .box .logo{  margin-left:-60px;  }
    .headbox .box .logo img{ width:121px;}
	
	
	.homepart7 .rightbox{ width:315px; height:230px; overflow:hidden; margin:0 auto;}
	.homepart7 .rightbox .mapbox{ transform:scale(0.35); transform-origin:left top;}
	  
	}		 

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


@media (max-width:380px){

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

	}