@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) {
    .homepart3 .centerbox .centerin{ width:96%; margin:0 auto}
	.homepart3 .list{ width:90%}

  
	}

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

	
@media (max-width:1600px) {
    .headbox .box{ width:96%; margin:0 auto}
	
	.homepart1 .centerbox .centerin{ width:96%; margin:0 auto}
	.homepart2 .centerbox .centerin{width:96%; margin:0 auto}
	.homepart4 .centerbox .centerin{width:96%; margin:0 auto}
	.footmenu .centerbox .centerin{ width:96%; margin:0 auto}

	}	


@media (max-width:1540px) {
   
 

	}	

@media (max-width:1500px) {
  

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


@media (max-width:1380px) {

	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:-50px;} 
	.erSlide .namebox .inbox{ width:96%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:30px; line-height:30px;  }
	.erSlide .namebox .tit2{  font-size:20px;  }
	
	.footmenu .menubox .menu ul li{ margin:0px 0 0 30px; font-size:14px}
	
	.ertop .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox1 .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox2 .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox6 .centerbox .centerin{ width:96%; margin:0 auto}
	.aboutbox3 .centerbox .centerin{ width:96%; margin:0 auto}
	
	.aboutbox3 .list{transform:scale(0.8)}
	.cerbox .centerbox .centerin{width:96%; margin:0 auto}
	.cerbox2 .centerbox .centerin{width:96%; margin:0 auto}
	.productbox1 .centerbox .centerin{width:96%; margin:0 auto}
	
	.prolistbox .centerbox .centerin{width:96%; margin:0 auto}
	.relspro{ width:96%; margin:0 auto}
	.mainbox .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}
	
	.casessort .centerbox .centerin{ width:96%; margin:0 auto}
	.contactbox .centerbox{ width:96%; margin:0 auto}
	.contactusbox2 .centerbox{ width:96%; margin:0 auto}

	

	}

@media (max-width:1300px) {
   .headbox  .menu ul li{ margin:0px 15px; font-size:14px}
   
   .headbox .other{top:26px;}
   .headbox .other ul li{ height:30px; line-height:30px;}
   .headbox .other ul li img{ height:15px}
   
    .homepart3 .listbox{ width:100%; height:346px; margin-top:40px;  }
	.homepart3 .listbox  .leftarr{ width:35px; height:35px;  margin-top:-18px; }
	.homepart3 .listbox  .rightarr{width:35px; height:35px;  margin-top:-18px; }
     
	 .aboutbox3 .listoutbox{ width:760px; height:300px; overflow:hidden;margin:30px auto 0 auto}
	 .aboutbox3 .listout{transform:scale(0.6); transform-origin:left top}
	 .aboutbox3 .list{transform:scale(1)}
	
	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	.footmenu .faddress ul li .tit{ box-sizing:border-box; padding-left:10px;}
	.footmenu .faddress ul li .word{ box-sizing:border-box; padding:0 10px; font-size:14px; line-height:30px;}
	.footmenu .faddress ul li.t5 .name{ display:none}
	.servicebox2 .list ul li .word p{ font-size:12px}
	

	}

@media (max-width:1216px) {
      .headbox .menu{ right:100px;}
	  .headbox .other ul li.t2 span{ display:none}
	  .headbox .other ul li.t2 img{ margin-top:8px}
   
	}	

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


@media (max-width:1100px){
    .headbox  .menu ul li{ margin:0px 15px;font-size:14px; }
	}
	
	
@media (max-width:1050px){

	}	
@media (max-width:1015px){
     
	.aboutbox3 .listoutbox{ width:100%; height:auto; overflow:hidden;margin:30px auto 0 auto}
	.aboutbox3 .listout{transform:scale(1); transform-origin:left top}
	.aboutbox3 .list{transform:scale(1)}
	
	.aboutbox3 .listout{ width:1100px;  }
	.aboutbox3 .list{  width:1100px;}
	.aboutbox3 .list ul li{height:200px; overflow:hidden; width:33.33%; float:left}
	.aboutbox3 .list ul li .hexagon-clip { width: 230px; height:200px; background: #ff6b6b; clip-path: polygon( 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% ); overflow:hidden;  overflow:hidden; margin:0 auto}
	.aboutbox3 .list ul li .hexagon-clip .pic{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease}
	
	.aboutbox3 .list ul li:nth-child(7n-6){ margin-left:auto}
	.aboutbox3 .list ul li:nth-child(3) ~ li{ margin-top:0;}
	
	.aboutbox3 .list ul li:nth-child(5n-4){ margin-left:16.5%}
	.aboutbox3 .list ul li:nth-child(2) ~ li{ margin-top:-90px;}
	 
	 
	}		
	

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	
	.topbox{ display:none}
	
	.headbox{ height:80px; background:rgb(0,0,0,0.15)  }
    .headbox .box{  height:80px; }
	.headbox  .menu{ display:none}  
	.headbox .box .logo{ position:absolute; left:0; top:0; height:80px; line-height:80px;}
  
	
	.headbox .other{ position:absolute; right:0; top:0px;}
	.headbox .other ul li{ height:80px; line-height:80px; padding:0}
	.headbox .other ul li.t1{ padding-top:3px; padding:0 10px;}
	.headbox .other ul li.t1 img{ margin-top:32px;}
	.headbox .other ul li.t2{ padding-left:10px;}
	.headbox .other ul li.t2 img{ margin-top:32px;}
	
	.headbox .box .language{ position:absolute; right:80px; top:0px; height:80px; line-height:80px; font-size:14px;}
	.headbox  .menubtn{ display:block;}
	
	.headbox .box .searchbtn{ display:block; right:35px; height:80px; line-height:80px; overflow:hidden; padding-top:15px}
	.headboxon{ background:#FFF}
	.headboxon2{ background:#FFF}
	.gotop{ display:none}
	
	.homeSlide  .dotbox{ right:20px; bottom:25px; width:70px; }
	.homeSlide  .dotbox .leftarr{width:30px; height:30px; background-size:100% 100%; }
	.homeSlide  .dotbox .rightarr{width:30px; height:30px;background-size:100% 100%; }
	
	
	.indexpage {bottom:25px; width:94%;left:20px  }
	

	.homepart1{  padding:20px 0 20px 0 }
	.homepart1 .leftbox{ width:100%;  float:none;}
	.homepart1 .rightbox{ width:100%;  float:none; margin-top:20px;}
	
	.homepart1 .titbox{ font-size:22px; text-align:center}
	.homepart1 .videobox video{ width:100%; height:500px}
    
	.homepart3{padding:45px 0}
	.homepart3 .titbox{font-size:26px;line-height:40px;}
	
	.homepart4{ padding:30px 0 30px 0}
	.homepart4 .titbox{font-size:22px; line-height:40px; }
	.homepart4 .titbox2{ font-size:12px;}
	
	.homepart4 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
	.homepart4 .listbox .leftbox{ width:100%; float:none; }
	.homepart4 .listbox .rightbox{ width:100%; height:auto; float:none; overflow:hidden; margin-top:20px;}

    .footmenu .menubox{ display:none}
	
	.footmenu .faddress{ margin:20px 0;}
	.footmenu .faddress ul li{ width:100%;float:none; height:auto; overflow:hidden; border-left:0; display:flex;align-items:left;}
	.footmenu .faddress ul li .inbox{  margin:0 auto;display:flex;align-items:left; width:100%}
	.footmenu .faddress ul li .tit{ width:auto; height:28px; line-height:28px; margin-top:10px; font-size:14px; color:#ffffff; opacity:0.8;white-space: nowrap;}
	.footmenu .faddress ul li .word{ width:auto; height:auto; line-height:28px; margin-top:10px; font-size:14px; color:#ffffff; overflow:hidden;}
	
	.footmenu .faddress ul li.t1{ border:0; width:100%;}
	.footmenu .faddress ul li.t1 .inbox{width:100%;}
	.footmenu .faddress ul li.t2{width:100%;}
	.footmenu .faddress ul li.t3{width:100%;}
	.footmenu .faddress ul li.t4{width:100%;}
	.footmenu .faddress ul li.t5{width:100%; display:flex; box-sizing:border-box; padding:10px 0 0 10px;}
	.footmenu .faddress ul li.t5 .ercode{ float:left}
	.footmenu .faddress ul li.t5 .name{ float:left; color:#FFF; font-size:16px; line-height:32px; padding:15px 0 0 20px; display:block; font-size:14px}
     
	.footmenu .fbox{ width:100%; min-height: inherit; height:auto; overflow:hidden; padding:10px 0; font-size:14px; }
	.footmenu .fbox .copyright{ width:100%; height:auto; overflow:hidden; line-height:25px; float:left; margin-top:0;}
	
	.footmenu .fbox .sharebox{ display:none}
	

    .ertop .centerbox .centerin{ height:auto;}

	.ertop .tit{ display:none}
	.ertop .location{ display:none}
	.ertop .navbox{ position: static; left:0; top:0; background:none; box-sizing:border-box; padding-left:0px; width:100%; height:auto; overflow:hidden;}
	.ertop .navbox .list ul li{ margin:0px; width:25%; height:50px; line-height:50px; text-align:center; border:0; border-radius:0; float:left; font-size:14px; text-align:center }
    .ertop .navbox .list ul li.onfocus{  border:0px; font-weight:700 }

    
	.aboutbox1{ padding:30px 0  } 
	.aboutbox1  .leftbox{ width:100%; float:none; text-align:center}
	.aboutbox1  .rightbox{ width:100%; float:none; font-size:14px; margin-top:25px}
	
	
	.aboutbox1 .slidebox{ height:250px; margin-top:25px;}
	.aboutbox1 .slidebox .list{ width:200%}
	.aboutbox1 .slidebox .list ul li{ width:100%; height:250px;}
	.aboutbox1 .slidebox .list ul li .pic{ width:100%; height:250px;}
	
	.aboutbox1 .slidebox .aboutpage {display:block  }
	.aboutbox1 .bbword{background:url(../Images/abmap.png)  top center no-repeat; margin-top:20px; font-size:14px;}
	.aboutbox1 .bbword img{ max-width:80%; display:block; margin:0 auto}
	 
    
	.aboutbox2{ padding:30px 0 }
	.aboutbox2 .titbox{ width:100%; height:50px; line-height:50px; font-size:26px; overflow:hidden; font-weight:700}
	 
	.aboutbox2 .listbox{ height:auto; overflow:hidden; position:relative; margin-top:20px;}
	.aboutbox2 .listbox .one{ width:100%; height:300px; overflow:hidden; position: relative; left:auto;}
	.aboutbox2 .listbox .one .wordbox .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px;}
	.aboutbox2 .listbox .one .wordbox .word{  line-height:28px; font-size:14px;}
	
	
	.aboutbox2 .listbox .list{ width:100%; height:auto; overflow:hidden;}
	.aboutbox2 .listbox .list ul li{ width:50%; height:auto; overflow:hidden; position: static; float:left}
	.aboutbox2 .listbox .list ul li .box{ width:96%; height:auto; overflow:hidden; background:url(../Images/ab2bg.png) left bottom repeat-x; padding:20px 0}
	.aboutbox2 .listbox .list ul li:nth-child(2n) .box{ float:right}
	
	.aboutbox2 .listbox .list ul li .pic{ width:100%; height:99px; overflow:hidden; line-height:99px; text-align:center; margin-top:0;}
	.aboutbox2 .listbox .list ul li .pic img{ max-width:90%; max-height:90%;}
	.aboutbox2 .listbox .list ul li .tit{ width:100%; height:60px; line-height:60px; overflow:hidden; font-size:18px; color:#0a5ca8; font-weight:700; text-align:center}
	.aboutbox2 .listbox .list ul li .word{ width:100%; height:75px; overflow:hidden; line-height:25px; font-size:14px; box-sizing:border-box; padding:0 20px;text-align:center}
	
    .aboutbox3 .listoutbox{ width:520px; height:300px; overflow:hidden;margin:30px auto 0 auto}
	.aboutbox3 .listout{transform:scale(0.5); transform-origin:left top}
	.aboutbox3 .list{transform:scale(1)}
	
	
	 .erSlide .cer .tit{  color:#FFF}
     .erSlide .cer  .tit2{  color:#FFF}
	
	.cerbox{ padding:25px 0}
	.cerbox  .titbox{ font-size:26px; line-height:40px; }
	.cerbox  .titbox2{ font-size:16px; line-height:26px; margin:0}
	.cerbox  .wordbox{ font-size:14px;}
	.cerbox .list{margin-top:0px;}
	.cerbox .list ul li{ width:50%; background-size:90% auto; background-position:center}
	.cerbox .list ul li .num{  font-size:36px; color:#0a5ca8}
    .cerbox .list ul li .tit{ font-size:14px; font-weight:700}
	
	
	.productbox1 .titbox{  font-size:20px; text-align:center}
    .productbox1 .more{ width:160px; height:50px; line-height:50px; font-size:14px; margin-top:20px;}

	.productlist ul li{ width:50%}
	.productlist ul li.pmhide{ display:none}
	
	.prolistbox{ padding:15px 0}
	.protop{padding:15px; }
	.protop .leftarea{ width:100%; height:auto; float:none; overflow:hidden;}
    .protop .rightarea{ width:100%; height:auto; float:none; overflow:hidden; margin-top:25px;}
	
	.protop .leftarea .list{height:250px;}
	.protop .leftarea .list ul li{height:250px;}
	.protop .leftarea .list ul li .pic{ height:250px; line-height:250px;}
	
	.protop .rightarea .tit2{font-size:16px; }
	.protop .rightarea .tit{ font-size:20px; }
	.protop .rightarea .tit3{ font-size:16px;}
	.protop .rightarea .price{  font-size:14px;  }
			
	.prodetail{ padding:15px}   
	.prodetail .titbox{ height:auto; line-height:50px;  font-size:14px;}
	.prodetail .titbox .nav ul li{width:25%; height:50px; line-height:50px;font-size:12px;}
	

	.relspro .titbox{ width:100%; height:50px; line-height:50px;font-size:20px; }
	
    .listnews2 ul li{ margin:15px 0; padding:0 0 15px 0;}
	.listnews2 ul li .pic{ width:100%;  height:350px; float:none} 
	.listnews2 ul li .wordbox{ width:100%; height:auto; overflow:hidden; float:none}

	.listnews2 ul li .wordbox .tit{  font-size:20px}
	.listnews2 ul li .wordbox .word{ font-size:14px;}
	
	
	.servicebox1 .list ul li{ margin:20px 0 0 0;  width:50%;}
	.servicebox1 .list ul li .box{ width:98%; height:260px; position:relative; overflow:hidden;}
	.servicebox1 .list ul li .tit{ width:100%; height:auto; overflow:hidden; font-size:22px; font-weight:700; color:#ffffff; line-height:35px; position:absolute; left:30px; top:30px;}
	.servicebox1 .list ul li .word{ width:100%; height:auto; overflow:hidden; font-size:14px;  color:#ffffff; opacity:0.8; line-height:25px; position:absolute; left:0px; bottom:30px; box-sizing:border-box; padding:0 30px}
	.servicebox1 .list ul li:nth-child(5n-4){ width:100%}
	.servicebox1 .list ul li:nth-child(5n-4) .box{ width:100%}
	
	.servicebox1 .list ul{ display:flex;flex-wrap: wrap;}
	.servicebox1 .list ul li:nth-child(1) { width: 100%; order: 1; }
	.servicebox1 .list ul li:nth-child(2) { width: calc(50% - 0px); order: 2; }
	.servicebox1 .list ul li:nth-child(3) { width: calc(50% - 0px); order: 3; }
	.servicebox1 .list ul li:nth-child(3) .box{ float:right}
	.servicebox1 .list ul li:nth-child(6) { width: 100%; order: 4; }
	.servicebox1 .list ul li:nth-child(4) { width: calc(50% - 0px); order: 5; }
	.servicebox1 .list ul li:nth-child(5) { width: calc(50% - 0px); order: 6; }
	.servicebox1 .list ul li:nth-child(5) .box{ float:right}
	

	.servicebox2 .list ul li{ margin:25px 0 0 0;  width:50%; height:auto; overflow:hidden; float:left}
	.servicebox2 .list ul li .box{ width:98%; height:auto; margin:0 auto}
	.servicebox2 .list ul li .pic{ width:100%; height:150px; line-height:150px; loat:none}
	.servicebox2 .list ul li .pic img{ max-width:80%; max-height:80%;}
	.servicebox2 .list ul li .wordbox{ width:100%; height:auto; float:none; overflow:hidden; box-sizing:border-box; padding:0 15px }
	.servicebox2 .list ul li .tit{ width:100%; height:auto; overflow:hidden; font-size:18px; text-align:center}
	.servicebox2 .list ul li .word{ width:100%; height:auto; overflow:hidden; font-size:14px; margin-top:20px; min-height:280px;}
	.servicebox2 .list ul li .word p{ width:100%; height:auto; line-height:35px;  float:none; background:url(../Images/dot4.png) left 0 top 15px no-repeat; box-sizing:border-box; padding-left:15px; font-size:14px }
	
	.casessort .list  ul li{ width:50%}
	
	.caselist ul li{ width:50%}
	
	
	.listnews ul li{ margin:20px 0 0 0; padding:5px}
	.listnews ul li .box{ padding:15px 15px 15px 0;}
	.listnews ul li .timebox{ display:none } 

	.listnews ul li .pic{ width:35%;} 
	.listnews ul li .wordbox{ width:65%; padding:0px 0 0 30px}
	
	.listnews ul li .wordbox .tit{  height:30px; line-height:30px; font-size:16px;margin-top:10px;}
	.listnews ul li .wordbox .word{ height:50px; line-height:25px; font-size:14px; margin-top:10px;}
	.listnews ul li .wordbox .time{  height:40px; line-height:40px; font-size:14px; margin-top:20px;}
	
	
	.listnews ul li.nopic .pic{ display:none}
	.listnews ul li.nopic .wordbox{ width:100%; padding:0 20px}

	
	.contactbox{padding:30px 0}
	.contactbox .centerbox{padding:0; background:none; box-sizing:border-box; }
	.contactbox .leftbox{ width:100%; height:auto; float:none}
	.contactbox .leftbox .titbox{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:700; color:#333333; line-height:35px; text-align:center}
	
	.contactbox .leftbox .conbox{background:#FFF; box-sizing:border-box; padding:0 20px 20px 20px; margin-top:20px;}
	.contactbox .leftbox .conbox ul li{padding:15px 0px; }
	
	.contactbox .leftbox .conbox ul li .tit{ width:80px; font-weight:700 }
	.contactbox .leftbox .conbox ul li .word{width:calc(100% - 80px); font-size:14px }
	.contactbox .leftbox .conbox ul li .code{ float:left}
	.contactbox .leftbox .conbox ul li .codetit{ float:left; font-size:14px;}

	.contactbox .rightbox{ width:100%; height:auto; float:none}
	.contactbox .rightbox img{ width:100%; height:auto}
	
	.contactusbox2 .centerbox{ background:none; box-sizing:border-box; padding:0;}
	.contactusbox2 .picbox .tit{ font-size:20px;  text-align:center; line-height:30px;}

    .contactusbox2 .dzbox{ background:#FFF; box-sizing:border-box; padding:0 10px 10px 10px; margin-top:20px}


		
			 
	}
	
@media (max-width:960px){
	
	.formbox2{margin-top:25px;  }
	.formbox2 ul li{ margin:5px 0px; width:100%}
	.formbox2 ul li .input3{ width:100%; height:50px; font-size:14px; }
	.formbox2 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#232323; display:none}
	.formbox2 ul li .input1{ w height:50px; font-size:14px;}
	.formbox2 ul li textarea{ width:100%; height:100px;  padding:10px; font-size:14px; }
	.formbox2 ul li .input2{ width:170px; height:50px; font-size:14px; background:#fff}
	.formbox2 ul li .btnme{ width:150px; height:50px; line-height:50px;font-size:14px;}
	
	 
	}	


@media (max-width:850px) {
	.cerbox2{padding:30px 0 }
	.cerbox2 .listboxtop{; height:350px;}
	.cerbox2 .listboxtop .list{ height:350px;}
	.cerbox2 .listboxtop .list ul li{ height:350px;}
	.cerbox2 .listboxtop .tit{ font-size:12px; width:100%; line-height:25px;}
	
	.cerbox2 .listbox{ width:100%; height:150px; overflow:hidden; position:relative}
	.cerbox2 .listbox .leftarr{ width:30px; height:30px;margin-top:-15px; background-size:100% 100%;}
	.cerbox2 .listbox .rightarr{width:30px; height:30px;  margin-top:-15px; background-size:100% 100%;}
	.cerbox2 .listbox .list{ height:150px}
	.cerbox2 .listbox .list ul li{ margin:0px; padding:5px; list-style:none; width:125px; height:150px; }
	.cerbox2 .listbox .list ul li .box{ width:96%; height:130px}
   }

@media (max-width:800px) {

	.servicebox1{ padding:20px 0}
	.servicebox1  .titbox{ font-size:18px;line-height:40px;}
    .servicebox1 .list ul li{ margin-top:10px }
	.servicebox1 .list ul li .box{height:200px}
	.servicebox1 .list ul li .tit{ font-size:16px;  line-height:30px; left:20px; top:20px;}
	.servicebox1 .list ul li .word{font-size:14px;  bottom:20px; padding:0 20px}
	
	
	.servicebox2{ padding:20px 0}
	.servicebox2  .titbox{ font-size:18px;line-height:40px;}
			
   }   

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

	 /*
	.fixbottomkong{ display:block}
	.fixbottom{ display:block}
	*/
	
	.headbox{height:65px}
	.headbox .box{ width:94%;   height:65px;}
	.headbox .box .logo{ position:absolute; left:0px; top:0; height:65px; line-height:65px; overflow:hidden;}
	.headbox .box .logo img{ height:100%; width:auto }
	
	.headbox  .menubtn{ right:80px; top:0; width:25px; height:65px; line-height:65px; }
	.headbox  .menuclose{ right:80px; top:0; width:25px; height:65px; line-height:65px;}
	
	.headbox .other ul li{ height:65px; line-height:65px; }
	.headbox .other ul li.t1{ padding-top:3px; padding:0 10px;}
	.headbox .other ul li.t1 img{ margin-top:25px;}
	.headbox .other ul li.t2{ padding-left:10px;}
	.headbox .other ul li.t2 img{ margin-top:26px;}
	
	.homeSlide  .dotbox{ display:none}
	.indexpage {position: absolute;text-align: center;bottom:16px; width:100%;left:0px  }
	
		

	.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}
	
	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:0px;} 
	.erSlide .namebox .inbox{ width:92%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:20px; line-height:30px; text-align:center  }
	.erSlide .namebox .tit2{ margin:0; font-size:20px;  text-align:center; font-weight:700 }
	/*
	.erSlide .about .tit,.erSlide .about .tit2{ color:#FFF}
	*/
	.homepart2{padding:30px 0 30px 0; }
	.homepart2 .titbox{ line-height:40px; font-size:22px; }
	.homepart2 .titbox2{ line-height:40px; font-size:14px}

	.servicebox2 .list ul li{ margin:15px 0 0 0; }
	.servicebox2 .list ul li .box{ width:96%; height:auto; float:left}
	.servicebox2 .list ul li:nth-child(2n) .box{ float:right}
	.servicebox2 .list ul li .pic{ width:100%; height:100px; line-height:100px; }
	.servicebox2 .list ul li .pic img{ max-width:80%; max-height:80%;}
	.servicebox2 .list ul li .wordbox{ width:100%; height:auto; float:none; overflow:hidden; box-sizing:border-box; padding:0 15px }
	.servicebox2 .list ul li .tit{ font-size:16px; text-align:center}
	.servicebox2 .list ul li .word{ width:100%; height:auto; overflow:hidden; font-size:14px; margin-top:20px; min-height:280px;}
	.servicebox2 .list ul li .word p{ width:100%; height:auto; line-height:30px;  float:none; background:url(../Images/dot4.png) left 0 top 15px no-repeat; box-sizing:border-box; padding-left:15px; font-size:14px }
	
	
	.servicebox3{ padding:20px 0;}
	.servicebox3  .titbox{  font-size:18px;line-height:40px }
	
	.servicebox3 .list{margin-top:20px;}
	.servicebox3 .list ul li{ margin:0px 0 0 0; padding:5px; list-style:none; width:100%; height:auto; overflow:hidden; float:left; box-sizing:border-box}
	.servicebox3 .list ul li .box{ width:100%; height:50px; position:relative; overflow:hidden; background:#FFF; box-sizing:border-box;box-shadow: 0px 0px 10px 0px #f5f5f5;}
	.servicebox3 .list ul li p{ position:absolute; height:50px; line-height:50px;}
	.servicebox3 .list ul li p.t1{ left:10px; background:url(../Images/dot4.png) left center no-repeat; text-indent:16px; font-size:14px; width:75%; overflow:hidden;}
	.servicebox3 .list ul li p.t2{ right:10px; font-size:12px; color:#0a5ca8}
	
	.casessort{ padding:30px 0}
	.casessort .list  ul li{ width:100%}
	.casessort .list  ul li .box{ width:100%}	
		
	}	


@media (max-width:730px){
    .homepart2 .titbox2{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:13px; color:#333333; opacity:0.8; text-align:center}
    
	
	.homepart2 .listbox{ margin-top:26px;}
	.homepart2 .listbox .list{ width:150%}
	.homepart2 .listbox ul li .box{ width:94%; height:350px;}
	.homepart2 .listbox ul li .pic{ width:100%; height:350px}

	
	.homepart2 .listbox ul li .tit{ width:94%; height:30px; line-height:30px; font-size:14px;  bottom:20px; }
	.homepart2 .listbox ul li .wordbox{  bottom:20px; border:2px solid #86b2db;padding:16px;}
	.homepart2 .listbox ul li .tit2{ width:100%; height:30px; line-height:30px; font-size:14px; }
	.homepart2 .listbox ul li .word{ width:100%; height:auto; overflow:hidden;}
	.homepart2 .listbox ul li .word p{ width:50%; height:25px; font-size:12px; color:#FFF;text-indent:15px;}
	
	.homepart3 .titbox{ font-size:22px}
	.homepart3 .listbox{ height:200px; omargin-top:40px;  }
	.homepart3 .list{ width:80%;  height:200px;   }
	.homepart3 .list ul li{height:200px; } 
	.homepart3 .list ul li .box{height:200px; margin-top:0}
	.homepart3 .list ul li .tit{ width:100%; height:50px; line-height:50px;  font-size:14px; }
	.homepart3 .list ul li.swiper-slide-active .box{height:200px;}

	
	.homepart4{padding:40px 0}

	.homepart4 .listbox .leftbox{  height:300px}
	.homepart4 .listbox .leftbox .list{  height:300px; }
	.homepart4 .listbox .leftbox .list ul li{height:300px;}
	.homepart4 .listbox .leftbox .list ul li .pic{  height:300px;}
	.homepart4 .listbox .leftbox .list ul li .cover{ width:100%; height:300px;}
	.homepart4 .listbox .leftbox .list ul li .cover .time{ position:absolute; left:25px; bottom:50px; height:30px; width:100%; font-size:12px; color:#ffffff; opacity:0.8}
	.homepart4 .listbox .leftbox .list ul li .cover .tit{ position:absolute; left:25px; bottom:15px; height:35px; line-height:35px; width:60%; font-size:14px; color:#FFF; overflow:hidden;}
	
	.indexnewspage {position: absolute;text-align: left;bottom:auto; top:25px; right:20px;  }

	.homepart4 .listbox .rightbox .list ul li{ margin:0px; padding:0px 0 10px 0; list-style:none; width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
	.homepart4 .listbox .rightbox .list ul li .time{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#0a5ca8;  overflow:hidden;}
	
	.homepart4 .listbox .rightbox .list ul li .tit{ width:100%; height:auto; line-height:35px; overflow:hidden; font-size:14px; font-weight:700; color:#333333; overflow:hidden;text-overflow: ellipsis; transition:all 0.5s ease}
	.homepart4 .listbox .rightbox .list ul li .word{ display:none}
	.homepart4 .listbox .rightbox .list ul li.onfocus .word{ display:none}
	
	.aboutbox6{ padding:30px 0;}
	.aboutbox6  .titbox{ width:100%; height:auto;  overflow:hidden;  font-size:26px; font-weight:700; color:#0f000b; line-height:50px; max-width:1360px; margin:0 auto;   }

    .caselist ul li{ width:100%}
	.caselist ul li .box{ width:100%} 

}
	
@media (max-width:640px){
	.aboutbox2 .titbox{ font-size:20px}
	.aboutbox6  .titbox{ font-size:20px}
	.aboutbox3  .titbox{ font-size:20px}
	
	
	
	.productbox1 .titbox{margin-bottom:0px; font-size:18px}
	.productlist ul li .box .pic{ height:150px;  line-height:150px;}
	.productlist ul li .tit{height:60px; line-height:30px; font-size:14px; text-align:center; box-sizing:border-box; padding:0 15px; margin:10px 0 }
		
	.listnews2 ul li .pic{ width:100%;  height:200px} 	
	
	
	.casessort .list  ul li .box{ height:200px;}
	.casessort .list  ul li .pic{ height:200px;}
	.casessort .list  ul li .cover .icon{height:80px;margin-top:20px;}
	.casessort .list  ul li .cover .tit{  font-size:14px}
	.casessort .list  ul li .titbox{font-size:14px; }
	
	.caselist ul li .pic{ height:200px; }
	.caselist ul li .wordbox{padding:10px; }
	.caselist ul li .wordbox .tit{ font-size:14px; text-align:center}
	
	
	.listnews ul li{ margin:10px 0 0 0; padding:5px}
	.listnews ul li .box{ padding:10px 10px 10px 0;}

	.listnews ul li .pic{ width:45%; height:125px;} 
	.listnews ul li .wordbox{ width:55%; padding:0px 0 0 10px}
	
	.listnews ul li .wordbox .tit{  height:90px; line-height:30px; font-size:14px;margin-top:0px;}
	.listnews ul li .wordbox .word{ display:none}
	.listnews ul li .wordbox .time{  height:40px; line-height:40px; font-size:12px; margin-top:0px;}
	
	
	.listnews ul li.nopic .pic{ display:none}
	.listnews ul li.nopic .wordbox{ width:100%; padding:0 10px}
	.listnews ul li.nopic .wordbox .tit{ height:auto}	
		 
	}	


@media (max-width:550px){
     .aboutbox3 { padding:20px 0 0 0}
     .aboutbox3 .listoutbox{ width:350px; height:200px; overflow:hidden;margin:30px auto 0 auto}
	 .aboutbox3 .listout{transform:scale(0.3); transform-origin:left top}
	 .aboutbox3 .list{transform:scale(1)}
	
	}	
	
@media (max-width:450px){
    .homepart1 .videobox video{ width:100%; height:250px}
	
	.homepart1 .numlist ul li .box{ padding:20px 0; }
	.homepart1 .numlist ul li .tit{ height:50px; line-height:50px;font-size:26px;}
	.homepart1 .numlist ul li .tit sup{ font-size:20px}
	.homepart1 .numlist ul li .tit sub{ font-size:14px;}
	.homepart1 .numlist ul li .tit2{font-size:14px;}

	
	}		 

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


@media (max-width:380px){

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

	}