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


@media (max-width:1540px) {
   
 

	}	

@media (max-width:1500px) {
  

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


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

	}

@media (max-width:1300px) {
    .homepart2 .centerbox .centerin{ width:96%; margin:0 auto}
	.homepart4 .centerbox .centerin{width:96%; margin:0 auto}
	.footmenu .centerbox .centerin{width:96%; margin:0 auto}
	.footer .centerbox .centerin{width:96%; margin:0 auto}
	
	.protopnav .centerbox .centerin{width:96%; margin:0 auto}
	.proslodebox1 .centerbox .centerin{width:96%; margin:0 auto}
	
	.ertoplocation .centerbox .centerin{width:96%; margin:0 auto}
	.prolistbox .centerbox .centerin{width:96%; margin:0 auto}
	.ertop .centerbox .centerin{width:96%; margin:0 auto}
	.mainbox .centerbox .centerin{ width:96%; margin:0 auto}
	.ertop2 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.servicebox1 .centerbox .centerin{width:96%; margin:0 auto;}
	.servicebox2 .centerbox .centerin{width:96%; margin:0 auto;}
	.servicebox3 .centerbox .centerin{width:96%; margin:0 auto;}
	.servicebox4 .centerbox .centerin{width:96%; margin:0 auto;}
	.servicebox5 .centerbox .centerin{width:96%; margin:0 auto;}
	.servicebox6 .centerbox .centerin{width:96%; margin:0 auto;}
	
	.aboutbox1 .centerbox .centerin{width:96%; margin:0 auto;}
	.aboutbox2 .centerbox .centerin{width:96%; margin:0 auto;}
	
	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ 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:50%; margin-left:-56px; top:0; height:80px; line-height:80px;}
    .headbox .box .logo img{ max-height:60%}
	.headbox .other ul li.t2{ 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}
	
	.homepart1{ padding:20px 0 }
	.homepart1 .titbox{  font-size:20px;  line-height:30px; font-weight:700 }
    .homepart1 .titbox2{  font-size:12px; line-height:20px;}
	
	.homepart2{ padding:30px 0 }
	.homepart2 .titbox{  font-size:20px;  line-height:30px; font-weight:700 }
    .homepart2 .titbox2{  font-size:12px; line-height:20px;}
	
	.homepart2 .listbox .one{margin-top:20px;}
	.homepart2 .listbox .one .pic{ width:100%; height:450px; overflow:hidden; float:none;}
	.homepart2 .listbox .wordbox{ width:100%;  float:none}
	.homepart2 .listbox .wordbox .inbox{ width:100%; margin:0 auto; overflow:hidden;}
	.homepart2 .listbox .wordbox .inbox .tit{ font-size:16px;font-weight:700}
	.homepart2 .listbox .wordbox .inbox .word{ margin-top:15px;  font-size:14px; line-height:28px;}
	.homepart2 .listbox .wordbox .inbox .more{ width:136px; height:40px; line-height:40px; text-align:center;  margin-top:20px;}


	.homepart3{ padding:30px 0 }
	.homepart3 .titbox{  font-size:20px;  line-height:30px; font-weight:700 }
    .homepart3 .titbox2{  font-size:12px; line-height:20px;}
	
	.homepart3 .listbox{height:auto;margin-top:20px;  }
	.homepart3 .listbox  .leftarr{ display:none}
	.homepart3 .listbox  .rightarr{display:none}
	.homepart3 .list{ width:100%; margin-left:0%; height:700px; overflow:hidden;   }
	.homepart3 .list ul li .box{ width:100%; height:700px;}
	.indexcasepage{ display:block}
	
	.footmenu{ padding:20px 0}
	.footmenu .part1{ display:none}
	.footmenu .part2{ display:none}
	.footmenu .part3{ width:100%}
	.footmenu .mediabox{ display:none}
	
	.footmenu .part3 .list ul li{line-height:35px;  font-size:14px;}
    .footer{ width:100%; height:auto;  background:#606060; overflow:hidden; padding:10px 0; border-top:1px solid #6f6f6f; }
	.footer .centerbox{ overflow:hidden; padding:0; }
	.footer .centerbox .centerin{ overflow:hidden;  }

	.footer .copyright{ width:100%; margin:0; padding:0}
	.footer .mediabox{ display:none}
	
	
	.protopnav{ background:#ffffff; padding:10px 0; overflow:visible; position:relative; z-index:90}
	.protopnav .centerbox{ overflow:visible}
	.protopnav .centerbox .centerin{ width:100%; overflow:visible}
	.protopnav .navlist{ width:50%; height:auto; overflow:visible; border-bottom:1px solid #e4e4e4;float:left; position:relative}
	.protopnav .navlist .tit{ display:block; text-indent:20px;}
	.protopnav .navlist ul{ display:none; position:absolute; left:0; top:50px;width:100%;}
	.protopnav .navlist ul li{ margin:0; padding:0px; list-style:none; height:50px; line-height:50px; float:none; width:100%; font-size:14px;  border-bottom:1px solid #e4e4e4; text-indent:20px; background:#FFF}
	.protopnav .navlist ul li a{ display:block; width:100%; height:50px; line-height:50px;}
	.protopnav .navlist ul li.onfocus{ font-weight:700;  border-bottom:1px solid #e4e4e4;}
	
	.protopnav .navson{ width:50%; height:auto; overflow:visible; border-bottom:1px solid #e4e4e4; float:left; margin:0; position:relative}
	.protopnav .navson .tit{ display:block; text-indent:20px;}
	.protopnav .navson ul{ display:none;position:absolute; left:0; top:50px; width:100%;}
	.protopnav .navson ul li{ margin:0; padding:0px; list-style:none; height:50px; line-height:50px; float:none; width:100%; font-size:14px;  border-bottom:1px solid #e4e4e4;background:#FFF; text-indent:20px;}
	.protopnav .navson ul li a{ display:block; width:100%; height:50px; line-height:50px;}
	.protopnav .navson ul li.onfocus{ font-weight:700;  border-bottom:1px solid #e4e4e4;}
	
	.proslodebox1 .thetilebox{ font-size:20px; margin-top:10px;}
	.proslodebox1 .list ul li{ width:50%}
	
	.proslodebox1 .list2 ul li{ width:50%}
	
	.protop .leftarea{ width:100%; float:none}
	.protop .rightarea{ width:100%; float:none; margin-top:20px;}
	
	.relspro .titbox{ font-size:20px;}
	
	.relspro .productlist ul li{ width:50%; height:auto}
    .relspro .productlist ul li:nth-child(3){ display:none}
    .relspro .productlist ul li .box{ width:96%; height:auto; overflow:hidden;}
    .relspro .productlist ul li .box .pic{height:250px;  }
    .relspro .productlist ul li .tit{height:50px; line-height:50px; font-size:14px;}
	
	.ertop{ width:100%; height:60px; overflow: visible; border-bottom:1px solid #e4e4e4; z-index:101; position:relative }
	.ertop .centerbox{height:60px; overflow:visible;}
	.ertop .centerbox .centerin{ width:100%; overflow:visible; height:60px; position:relative }

	.ertop .tit{ display:block; width:100%; height:60px; line-height:60px; text-indent:20px; font-size:14px; font-weight:700; background:url(../Images/da.png) right 20px center no-repeat; background-size:12px auto}
	.ertop .navbox{ position:absolute; left:0; top:60px; width:100%; display:none}
	.ertop .navbox .list ul li{ margin:0px;width:100%; height:50px; line-height:50px; font-size:14px; background:#ffffff;  color:#333333;  float:none; text-indent:24px; border-bottom:1px solid #e4e4e4; }
	
	.ertop .navbox .list ul li.onfocus{  border-bottom:1px solid #d12746; font-weight:700 }
	.ertop .navbox .list ul li.onfocus a{color:#333333; }

    .mainbox{ padding:20px 0}
	.caselist ul li{ width:50%;}
	
	.casereslist ul li{ width:50%;}
	
	
	.developmentbox1 .titbox{font-size:20px; }
	.developmentbox1 .listbox{ height:auto;  margin-top:0px;}
	.developmentbox1 .listbox .pic{ width:100%; position: static; left:0; margin-left:0;}
	.developmentbox1 .listbox .pic img{ max-width:96%; height:auto}
	.developmentbox1 .listbox .list{ position: static;}
	.developmentbox1 .listbox .list ul li{ margin:0px 0 15px 0; padding:5px; list-style:none; width:100%; height:auto; overflow:hidden; float:none; box-sizing:border-box}
	.developmentbox1 .listbox .list ul li .box{ width:100%; height:auto; border:1px solid #efefef; box-sizing:border-box;box-shadow: 0px 0px 10px 0px #efefef; box-sizing:border-box; padding:10px;}
	.developmentbox1 .listbox .list ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:16px; font-weight:700; text-align:left; overflow:hidden;}
	.developmentbox1 .listbox .list ul li .box .word{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:14px; text-align: justify;  text-justify: inter-ideograph;}
	.developmentbox1 .listbox .list ul li:nth-child(2n) .box{ float:none}
	.developmentbox1 .listbox .list ul li:nth-child(2n) .box .tit{ text-align:left}

     
	.developmentbox2{ padding:15px; margin-top:20px; }
	.developmentbox2 .leftarea{ width:100%; height:auto; float:none; overflow:hidden;}
	.developmentbox2 .leftarea img{ width:100%; height:auto}
	.developmentbox2 .rightarea{ width:100%; height:auto; float:none; overflow:hidden;}
	.developmentbox2 .rightarea .box{ width:100%; float:none; overflow:hidden;}
	.developmentbox2 .rightarea .box .tit{ width:100%; height:50px; line-height:50px; font-size:18px; font-weight:700; color:#333}
	.developmentbox2 .rightarea .box .word{ width:100%; height:auto; overflow:hidden; font-size:15px; color:#595959; line-height:35px;}

   .developmentbox3 .listbox .leftarr{  display:block}
	.developmentbox3 .listbox .rightarr{  display:block }
	
	.servicebox2  .list ul li{ width:50%}
	
	.aboutbox1 .wordshow{  font-size:14px; line-height:26px;  }
	.aboutbox2{ padding:20px 0}
	.aboutbox2 .titbox{font-size:20px; font-weight:700}
	.aboutbox2 .list1 ul li{ width:50%;}
	.aboutbox2 .list1 ul li:nth-child(3n-2) .box{ float:none}
    .aboutbox2 .list1 ul li:nth-child(3n) .box{ float:none}
	
	.videolist ul li{ width:50%}
	
	
	.topnews .inbox{ padding:15px;}
	.topnews .leftarea{ width:100%; height:385px; overflow:hidden; position:relative; float:none}
	.topnews .leftarea ul li{ height:385px;}
	.topnews .leftarea ul li .pic{ height:385px; }
	.topnews .leftarea ul li .pic .img{ height:385px; }
	.topnews .leftarea ul li .tit{ width:100%; height:50px; line-height:50px; font-size:14px; }

	
	.topnews .rightarea{ width:100%; height:auto; overflow:hidden; position:relative; float:none}
	.topnews .rightarea ul li{  padding:10px 0px;  }
	.topnews .rightarea ul li .tit{ width:100%; height:50px; line-height:50px; font-size:16px; color:#333333; overflow:hidden; }
	.topnews .rightarea ul li .word{ width:100%; height:50px; line-height:25px; font-size:12px; color:#333333; overflow:hidden; opacity:0.8 }
	.topnews .rightarea ul li .time{ width:100%; height:30px; line-height:30px; font-size:12px; color:#333333; overflow:hidden; opacity:0.8 }
	

	.footmenu .part3 .list ul li.t3{ height:auto}
		  
	}
	
@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;}

	.ertop2 .navbox .list ul li{ margin:0px; padding:0; list-style:none; width:50%; height:60px; line-height:60px;  font-size:14px;}
	.ertop2 .navbox .list ul li.onfocus{}
	
	.servicebox1  .list ul { display:block}
	.servicebox1  .list ul li{ width:50%; margin-top:15px}
	/*
	.servicebox1  .list ul li:last-child{ width:100%}
	*/
	
	.servicebox2 .centerbox{padding:25px 0; }
	.servicebox2  .titbox{font-size:20px; line-height:40px; font-weight:700}
		
	 
	}	


@media (max-width:850px) {
    .homepart4{ padding:30px 0}
	.homepart4 .list ul li{ width:50%;  border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; padding:10px }
    .homepart4 .list ul li:nth-child(1){ border:0;border-bottom:1px solid #dfdfdf;} 
	.homepart4 .list ul li:nth-child(3){ border-left:0; border-bottom:0} 
	.homepart4 .list ul li:nth-child(4){border-bottom:0} 
	
	.homepart4 .list ul li .box .tit{ font-size:16px; }
	.homepart4 .list ul li .box .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#595959; margin-top:15px;transition:all 0.5s ease}
	.homepart4 .list ul li .box .more{ font-size:12px; margin-top:10px}
	
	
	.protop .leftarea .list{height:400px}
	.protop .leftarea .list ul li{height:400px;}
	.protop .leftarea .list ul li .pic{ height:400px; line-height:400px;}
	
   }

@media (max-width:800px) {
    .caseshow2 .titbox{font-size:20px; font-weight:700}
	
	.caseshow2 .theslide{ width:100%; height:350px}
	.caseshow2 .theslide .leftarr{ width:12px; height:32px; background-position:center center;  background-size:12px auto;}
	.caseshow2 .theslide .rightarr{width:12px; height:32px; background-position:center center;  background-size:12px auto;}
	.caseshow2 .theslide .list{  height:350px; }
	.caseshow2 .theslide .list ul li{ height:350px; }
	.caseshow2 .theslide .list ul li .pic{ height:350px;}
	
	.caseshow2 .pagemore,.caseshow2 .pagemore .list{ height:auto}
	.caseshow2 .pagemore .list ul li{ width:100%; float:none}
    .caseshow2 .pagemore .list ul li p{ width:100%; height:50px; line-height:50px; font-size:14px; overflow:hidden;}
	.caseshow2 .pagemore .list ul li:nth-child(2n) p{ float:none; text-align:left}
    
	
	.relstit{font-size:20px;}
	
	.listnews ul li{ margin:20px 0 0 0}
	
	.listnews ul li .box{padding:15px;}
	.listnews ul li .timebox{ display:none} 

	.listnews ul li .pic{ width:35%; float:right; overflow:hidden; height:202px; overflow:hidden; } 
	.listnews ul li .wordbox{ width:65%; float:left; box-sizing:border-box; padding:0px 40px 0 0}
	
	

	
   }   

@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}
	
	.homeSlide  .leftarr{ background-size:12px auto; background-position: center center; left:2%}
    .homeSlide  .rightarr{  background-size:12px auto; background-position: center center; right:2%}
	.indexpage .swiper-pagination-switch {width:5px; height:5px;}
    .indexpage .swiper-active-switch { width:26px; height:5px;}
	
	.proslodebox1 .list2 ul li{ width:100%}
	.proslodebox1 .list2 ul li .box{ width:100%}
	
	#ertopslide{ height:420px}
	
	
	.servicebox1 .centerbox{ padding:20px 0; }
	.servicebox1  .titbox{  font-size:20px;line-height:40px; font-weight:700 }
	.servicebox1  .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.servicebox1  .list ul li .pic{ width:100%; height:80px}
	.servicebox1  .list ul li .tit{ font-size:14px; }
	.servicebox1  .list ul li .word{ font-size:12px; line-height:25px;}
	
	.servicebox2  .list{margin-top:20px;}
	.servicebox2  .list ul li .pic{ width:100%; height:200px}
	.servicebox2  .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:14px}
	
	.servicebox3{ padding:25px 0; }
	.servicebox3  .titbox{ font-size:20px; font-weight:700}
	.servicebox3  .listbox{ margin-top:20px; box-sizing:border-box; padding:5px;}
	.servicebox3  .listbox .inbox{ width:100%; height:auto; overflow:hidden; border:1px solid #efefef;box-shadow: 0px 0px 10px 0px #efefef; box-sizing:border-box; padding:10px;}
	.servicebox3  .onebox .tit{ width:100%; height:50px; line-height:50px; font-size:14px;}
	.servicebox3  .onebox .list{  padding:15px;}
	.servicebox3  .onebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; float:none}
	.servicebox3  .onebox .list ul li .name{ width:100%; height:50px; line-height:50px; font-size:14px; font-weight:700; color:#333333}
	.servicebox3  .onebox .list ul li .word{ width:100%; height:auto; line-height:25px; font-size:14px; color:#6a6a6a}
	

	.servicebox4{ padding:20px 0; }
	.servicebox4  .titbox{  font-size:20px; font-weight:700}
	
	.servicebox4  .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
	.servicebox4  .list ul li{ width:100%; height:auto; overflow:hidden; float:none}
	.servicebox4  .list ul li .box{ width:100%; height:60px; margin:0 auto; overflow:hidden;box-shadow: 0px 0px 10px 0px #eeeeee; border:1px solid #eeeeee; position:relative}
	.servicebox4  .list ul li .tit{ position:absolute; left:10px; top:0; height:60px; line-height:60px; background:url(../Images/dot3.jpg) left 10px center no-repeat; text-indent:25px; font-size:14px; width:65%;}
	.servicebox4  .list ul li .down{ position:absolute; right:20px; top:0; height:60px; line-height:60px; font-size:14px; color:#e60012}

   
   
    .servicebox5{ padding:25px 0; }

	.servicebox5  .titbox{  font-size:14px }
	.servicebox5  .titbox .nav ul li{ width:50%; height:50px; line-height:50px; font-size:20px;}
	.servicebox5  .titword{ margin-top:10px; font-size:12px; }

	.servicebox6{ padding:20px 0; }
	.servicebox6  .titbox{font-size:20px; font-weight:700}
	
	.servicebox6  .navbox{ width:100%; height:235px; position:relative; overflow:hidden; margin-top:35px;}
	.servicebox6  .navbox .leftarr{ width:12px;}
	.servicebox6  .navbox .rightarr{width:12px;}
	.servicebox6  .list ul li .pic{ width:100%; height:221px}


	.videotop{ width:100%;}
	.videotop ul li .box{box-shadow: 0px 0px 10px 0px #f7f7f7;}
	.videotop ul li .pic{ width:100%; height:300px}
	.videotop ul li .play{ width:30px; height:30px;  margin-left:-15px; margin-top:-15px; }
	.videotop ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center;font-size:14px; overflow:hidden; display:block }
    
	.videolist ul li{ margin:10px 0px; width:100%;  float:none}
	.videolist ul li .box{ width:100%; border-radius:2px;box-shadow: 0px 0px 10px 0px #f7f7f7;}
	.videolist ul li .pic{ width:100%; height:300px; overflow:hidden; position:relative;}
	.videolist ul li .play{ width:30px; height:30px;  margin-left:-15px; margin-top:-15px;}
	.videolist ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center;font-size:14px; overflow:hidden; box-sizing:border-box; padding:0 20px; }


	

	}	
	
@media (max-width:640px){
	.homepart1 .listbox{  height:200px; }
	.homepart1 .listbox  .leftarr{ left:0px; top:70px; z-index:10 }
	.homepart1 .listbox  .rightarr{ right:0px; top:70px;z-index:10 }
	
	.homepart1 .list{ height:200px; width:90%}
	.homepart1 .list ul li .box{ width:94%; height:200px; overflow:hidden; margin:0 auto}
	.homepart1 .list ul li .pic{ width:100%; height:150px; position:relative; overflow:hidden;}
	.homepart1 .list ul li .pic .img{ width:100%; height:150px; position:relative; overflow:hidden; transition:all 0.5s ease}
	
	.homepart1 .list ul li .tit{height:30px; line-height:30px;font-size:12px; }

    .homepart2 .listbox .one .pic{ height:250px;}
	
	
	
	.homepart3 .list{height:400px; }
	.homepart3 .list ul li .box{height:400px; }
	.homepart3 .list ul li .pic{height:400px;}
	.homepart3 .list ul li .sortname{ font-size:12px;}
	.homepart3 .list ul li .tit{ font-size:14px;}
    
	.protopnav .navson ul li:nth-child(1){  background:#ffffff}
	.proslodebox1 .list2 ul li .box .pic{ height:200px}
	.proslodebox1 .list2 ul li .box .tit{ height:50px; line-height:50px; font-size:14px;}
	
	.casereslist ul li{ width:100%; margin:0}
	
	.aboutbox2 .list1 ul li .pic{ width:100%; height:125px}
	.aboutbox2 .list1 ul li .tit{font-size:12px; height:50px; line-height:25px; display:flex;align-items:center;justify-content:center }
		
	}	


@media (max-width:550px){
	.proslodebox1 .list ul li .box .pic{ width:100%; height:150px}
	.proslodebox1 .list ul li .box .tit{height:40px; line-height:40px; font-size:12px}
	
	.protop .leftarea .list{height:200px}
	.protop .leftarea .list ul li{height:200px;}
	.protop .leftarea .list ul li .pic{ height:200px; line-height:200px;}
	
	.protop .leftarea .minbox{ height:81px; margin-top:10oxl}
	.protop .leftarea .minbox .mlist ul li{ width:90px; height:77px;}
	.protop .leftarea .minbox .mlist ul li .img{ width:85px; height:77px; line-height:77px;}
	
	.protop .rightarea .tit{ font-size:16px;line-height:32px;}
	.protop .rightarea .price{ font-size:14px;  ine-height:28px;margin-top:10px; }
	.protop .rightarea .word{ font-size:14px; line-height:28px;}
	
    .prodetail .titbox .nav ul li{ width:50%; height:59px; line-height:59px; font-size:14px}
	.prodetail .theslide{ height:280px; }
	.prodetail .theslide .list{ height:280px; }
	.prodetail .theslide .list ul li{height:280px;}
	.prodetail .theslide .list ul li .pic{ height:280px;}
	
	.prodetail .theslide .leftarr{ width:12px; height:32px; background-position:center center; background-size:100% auto; }
	.prodetail .theslide .rightarr{width:12px; height:32px; background-position:center center; background-size:100% auto;}
		
    .relspro .productlist ul li .box .pic{height:125px;  }
    .relspro .productlist ul li .tit{height:50px; line-height:50px; font-size:14px;}
		
    
	.caselist ul li{ width:100%; padding:10px;}
	.caselist ul li .box{ width:100%;}
	.caselist ul li .pic{ height:200px}
	.caselist ul li .wordbox{padding:10px; }
	.caselist ul li .wordbox .tit{ width:100%; height:auto; line-height:40px; font-size:16px; }
	.caselist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px; color:#4a4a4a; overflow:hidden; margin-top:10px; text-align:left}
	.caselist ul li .wordbox .more{ width:100%; height:40px; line-height:40px; font-size:14px; overflow:hidden; margin-top:10px; color:#a7a7a7}
     
	 .caseshow2 .theslide{ width:100%; height:250px}
	.caseshow2 .theslide .list{  height:250px; }
	.caseshow2 .theslide .list ul li{ height:250px; }
	.caseshow2 .theslide .list ul li .pic{ height:250px;}
	
	
	
	.casereslist ul li{ width:100%; padding:10px;}
	.casereslist ul li .box{ width:100%;}
	.casereslist ul li .pic{ height:200px}
	.casereslist ul li .wordbox{padding:10px; }
	.casereslist ul li .wordbox .tit{ width:100%; height:auto; line-height:40px; font-size:16px; }
	.casereslist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px; color:#4a4a4a; overflow:hidden; margin-top:10px; text-align:left}
	.casereslist ul li .wordbox .more{ width:100%; height:40px; line-height:40px; font-size:14px; overflow:hidden; margin-top:10px; color:#a7a7a7}
	.casereslist ul li:nth-child(2){ display:none}
	.casereslist ul li:nth-child(3){ display:none}
	
	.developmentbox1 .titbox{ font-size:20px; font-weight:700}
	.developmentbox3 .titbox{ font-size:20px; font-weight:700}
	
	.developmentbox3 .listbox{ width:100%; height:250px; margin-top:25px; position: relative}	
	.developmentbox3 .listbox .pic{ width:100%; height:200px; padding:8px}
	.developmentbox3 .listbox .tit{ font-size:14px; text-align:center; color:#333333}
     
	 
	 .servicebox2  .list ul li .pic{ width:100%; height:125px}
	 
	 
	.topnews .leftarea{height:200px; }
	.topnews .leftarea ul li{ height:200px;}
	.topnews .leftarea ul li .pic{ height:200px; }
	.topnews .leftarea ul li .pic .img{ height:200px; }
	
	
	.listnews ul li{ margin:20px 0 0 0}
	
	.listnews ul li .box{padding:10px;}

	.listnews ul li .pic{ width:35%; height:150px;  } 
	.listnews ul li .wordbox{ width:65%;  padding:0px 20px 0 0}
	
	.listnews ul li .wordbox .tit{ width:100%; height:auto; line-height:30px; font-size:14px; color:#333333; overflow:hidden;}
	.listnews ul li .wordbox .word{ display:none}
	.listnews ul li .wordbox .time{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:14px; margin-top:20px;color:#333333; opacity:0.7}


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

    .homepart1 .listbox{  height:160px; }
	.homepart1 .listbox  .leftarr{  top:50px; background-size:12px auto; background-position:center center }
	.homepart1 .listbox  .rightarr{  top:50px;  background-size:12px auto; background-position:center center}
	
	.homepart1 .list{ height:160px; width:90%}
	.homepart1 .list ul li .box{ width:94%; height:160px; overflow:hidden; margin:0 auto}
	.homepart1 .list ul li .pic{ width:100%; height:125px; position:relative; overflow:hidden;}
	.homepart1 .list ul li .pic .img{ width:100%; height:125px; position:relative; overflow:hidden; transition:all 0.5s ease}
	
	.homepart1 .list ul li .tit{height:30px; line-height:30px;font-size:13px; }
	
	
	.homepart3 .list{height:250px; }
	.homepart3 .list ul li .box{height:250px; }
	.homepart3 .list ul li .pic{height:250px;}

    
	.proslodebox1 .list ul li .box .pic{ width:100%; height:125px}  
	
	
	.prodetail .theslide{ height:250px; }
	.prodetail .theslide .list{ height:250px; }
	.prodetail .theslide .list ul li{height:250px;}
	.prodetail .theslide .list ul li .pic{ height:250px;}
	
	
    .videotit{font-size:20px; font-weight:700}
	.videotop ul li .pic{  height:200px}
	.videolist ul li .pic{ height:200px;}
	
	.readvideo video{ width:100%; height:250px}
	
	
	.listnews ul li .pic{ width:40%; height:105px;  } 
	.listnews ul li .wordbox{ width:60%;  padding:0px 10px 0 0}
	
	.listnews ul li .wordbox .tit{ width:100%; height:auto; line-height:30px; font-size:14px; color:#333333; overflow:hidden;}
	.listnews ul li .wordbox .word{ display:none}
	.listnews ul li .wordbox .time{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:14px; margin-top:20px;color:#333333; opacity:0.7}


	
	}		 

@media (max-width:400px){
     .homepart2 .listbox .one .pic{ height:200px;}
	}		


@media (max-width:380px){

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

	}