.banner{ width: 100%; }

 
.banner-container {
      width: 100%;      height: 200px;

     }
     .banner-slide a{ display: block; width: 100%; height: 700px }
    .banner-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      background-position: center center;
      background-repeat: no-repeat;

      background-size: cover

    }
.main .fl,.main .fr{ float: none; margin-top: 10px; }
.banner-button-prev,.banner-button-next{ width: 25px!important;height: 25px!important; background-size: 100%!important }   
.banner-button-prev{ background-image:url(../images/left.png)!important; }
.banner-button-next{ background-image:url(../images/rig.png)!important; }
.main{ margin-top: 20px; }
.bigab{ width: 100%;  height: 450px; border-top: 4px solid #ff4524;
 background-image: url(../images/abimg.jpg); background-position: center center; background-size: cover; position: relative; }
 .poab{width: 100%;  height: 450px; position: absolute; background-color: rgba(0,0,0,0.6);}
 .rigdes{ width: 100; height: 350px;}
 .entit{ border-left: 20px solid #ff4524; padding-left: 10px; display: block; color: #fff; font-size: 16px;
  font-weight: 300 }
.poadpad{ padding-left: 15px; padding-top: 15px; }  
.htit{ color: #fff; line-height: 25px;font-size: 16px; text-shadow: 1px 1px 1px #000; margin-top: 5px; padding-right: 80px }
.hpword{ font-size: 14px; line-height: 30px; padding-top: 20px; color: #fff; padding-right: 10px;  
	text-shadow: 1px 1px 1px #000}
.morebtn{ display: block; width: 120px; height: 30px; background-color: #ff4524; color: #fff; text-align: center; 
	line-height: 30px; color: #fff; }	
.morebtn span{ font-size: 14px; }	
.morebtn:hover{ color:#ff4524; background-color: #fff  }
.poadpad .morebtn{ margin-top: 100px; }


.xcab{  height: 360px; background-image: url(../images/xcab.jpg); background-position: center center;
	background-repeat: no-repeat; background-size: cover; position: relative;

 }
 .poxcab{ position: absolute; width: 100%; height: 360px; background-color: rgba(0,0,0,.6); }
 .xcabpad{ padding-top: 140px; padding-left: 30px; }
 .xcabpad .morebtn{ margin-top: 40px; }
 .xcab02{ height: 360px; width: 100%; background-color: #fff; margin-top: 33px ; display: none}
 .xcabpad2 .entit{ color: #666666 }
 .xcabpad2 .htit{ color: #000; text-shadow: none; }
 .xcabpad2 .morebtn{ color:#ff4524; background-color: #fff;text-align:left; }
.mainad{ margin-top: 30px;  display: none} 
.product{ background-color: #fff;  margin-top: 0px; padding-bottom: 20px; }
.contit{ padding-top: 40px; text-align: center; } 
.contit span{ font-size: 26px; color: #000; font-weight: normal; }
.contit b{ font-size: 12px; color: #666 ; font-weight: normal;}
.contit img{ margin-top: -6px; display: none }
.probox{ width: 98%; margin: 0 auto }
.changes{ width: 502px; margin: 0 auto }
.changes span{ display: block; font-size:14px; cursor: pointer;
 color: #5e5e5e; float: left; line-height: 35px; width: 80px; text-align: center;margin: 0px;}
 .changes{ padding-top: 20px; padding-bottom: 20px; }
.changes .on{ background-color: #ff4524; color: #fff; font-weight: 700 }
.changes .on a{ color: #fff }
.proonebox,.newsonebox{ display: none }
.pro-container,.news-container{ height: 300px; }
    .pro-slide,.news-slide {
       text-align: center;
      font-size: 18px;
 
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.proone{ height: 225px; width: 100%; border:1px solid #cdcdcd; border-radius: 10px; position: relative;  overflow: hidden;}
.botproone{ height: 60px; position: absolute; bottom: 0px; width: 100%; background-color: #000 }  
.protit{ font-size: 14px; font-weight: normal; color: #fff; padding-top: 5px; 
	padding-left: 5px; line-height: 20px; text-align:left; padding-right: 60px;text-align: center; } 
.pojia{ width: 30px; height: 30px; border:1px solid #fff; position: absolute; right: 10px; top: 14px; 
	line-height: 28px; }
.pojia a{ color: #fff; font-weight: 800; font-size: 30px; } 
.proone{ background-image: url(../images/pro.jpg); background-size: 100%;  background-position: center 0;
background-repeat: no-repeat; }
.newsone{ width: 100%; height: 300px; background-color: #fff; border-top: 4px solid #ff6448; }
.poconjian{ position: absolute; width: 90px; height: 50px; top: -1px; right: 0px; }

.news-button-next,.news-button-prev{ width: 30px!important; height: 30px!important;
 border-radius: 30px;  background-size: 20px!important; background-position: center center;
 border:1px solid #cdcdcd;

  }
#newsbox{ padding-bottom: 20px; }
.news-button-next:hover,.news-button-prev:hover{ background-color: #fff }
.adbg{ display: none; }
.newspad{ padding-top: 30px; padding-left: 40px; padding-right: 40px; text-align: left; }
.newstitle{ font-size: 16px; line-height: 28px; padding-top: 20px; font-weight: 800; color: #000 }  
.newsdec{ font-size: 14px; line-height: 26px; padding-top: 20px; color: #666 }
.ckbox .morebtn{ margin: 0 auto }
.adbg{ height: 176px; width: 100%; background-image: url(../images/botad.jpg); margin-top: 20px;
background-position: center center; background-repeat: no-repeat; background-size: cover }
.news-button-next{ background-image: url(../images/newsrig.png)!important; }
.news-button-prev{ background-image: url(../images/newsleft.png)!important; }





.inbanner{ height: 150px; background-image: url(../images/about_bg.jpg); 
 background-size: cover; background-position: center; position: relative;}
.leftintit{ background-color: rgba(255,69,36,.77); position: absolute; top: 30px; padding: 10px; color: #fff}
.leftintit h1{ font-size: 20px; font-weight: 700 ; line-height: 30px;}
.leftintit p{ font-size: 16px; line-height: 30px; }
.contpad{ padding-top: 30px;  padding-bottom: 60px;}
.abtit{ font-size: 20px; font-weight: 700; line-height: 36px; text-align: center; color: #000;  padding-top: 20px;}
.abmain{ border-left: 10px solid #ff5537 ; padding-left: 20px; margin-top: 50px;}
.abmain p,.abone p,.rigsl p{ font-size: 14px; line-height: 30px; color: #000; }
.rigsl p{ padding-top: 10px; }
.abone{ width: 50%; }
.abtwo{  margin-top: 50px; padding-bottom: 40px; display: none }
.rigsl h4{ font-size: 30px; font-weight: 700; color: #000 ; line-height: 38px; text-align: center; padding-top: 30px;}
.histit{ text-align: center; }
.histit h3{font-size: 30px; font-weight: 700;margin-top: 50px;}
.histit p{ font-size: 16px; line-height: 50px; color: #666 }

.hislist{ background-image: url(../images/hismain.jpg);  
  background-repeat: repeat-y; background-position: center; padding-top: 20px; padding-bottom: 20px;}
.dothis{ width: 20px; height: 20px; border:5px solid #ff4627; background-color: #fff; border-radius: 20px;
margin: 0 auto }
.hisone{  position: relative; height: 150px; }

.hisde{ width: 50%; height: 200px; border-top:1px solid #ff4627; position: absolute; top: 15px; }
.histdate{ position: absolute; top: -20px; background-color: #fff; font-size: 16px;
 font-weight: 700; line-height: 40px; background-image: url(../images/dot.png); background-repeat: no-repeat;

}

.hisword{ padding-top: 40px; font-size: 12px;line-height: 24px;}
.hisrig .hisde{right: -15px!important; }
.hisleft .hisde{left: -15px!important; }
.hisleft .histdate{ left: 10px;  padding-right: 20px;background-position: 100% center}
.hisrig .histdate{ right: 10px;  padding-left: 20px;background-position: 0 center}
.hisleft .hisword{padding-left: 20px;  text-align: left;}
.hisrig .hisword{padding-right: 20px; text-align:right; }



.listone{ width: 100%; height: 300px;  margin-top: 6px; margin-bottom: 6px; cursor: pointer; 
  border:1px solid #000; border-radius: 5px; overflow: hidden; position: relative; background-color: #fff}
.probg{ width: 100%; height: 300px; background-image: url(../images/pro.jpg); background-repeat: no-repeat; 
  background-position: center 0;
}
.listone .protit{  text-align: center; position: absolute; bottom: 0px ; width: 100%; 
  background-color: #000; color: #fff; height: 40px; line-height: 40px; font-size: 18px;}
.listone:hover{ background-color: #000; }
.protit a{ color: #fff }
.protop{ padding-top: 30px; padding-bottom: 30px; }
.protopleft{ float: left; width: 100%; height: 300px; background-image: url(../images/pro.jpg); background-repeat: no-repeat; background-position: center; }
.protopright{ float: right; width: 100%;  background-image: url(../images/protoprig.jpg); }
.proinfo{ padding:30px; color: #fff }
.proinfo h1{ font-size: 24px; font-weight: 700; line-height: 40px; margin-bottom: 20px; }
.listoo{ font-size: 14px; height: 40px; line-height: 40px;}
.leftoptit{ width: 100px;  }

.xjbtn{ width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; display: block;
 border:1px solid #fff; margin-top: 5px; border-radius: 5px;}
 .xjbtn:hover{ background-color: #000;border:1px solid #000; }
.prodetail{ padding-top: 30px; padding-bottom: 30px; }
.rigtit{ border-bottom: 3px solid #9c9c9c ; height: 40px; line-height: 40px;}
.rigtit h3{ float: left; line-height: 40px; 
  border-bottom: 3px solid #df250c; color: #df250c; font-size: 20px; padding-right: 30px; padding-left: 10px }

.prodes{ font-size: 16px;line-height: 1.8em; padding-top: 20px;padding-bottom: 20px; }
.prodes img{ border-radius: 3px; }
.prodes a{ color: #df250c }
.conttop{ background-color: #f9f9f9; }
.conttop .fl{ width: 100%;  }
.continfoleft{ width: 100%; }
#allmap{ height: 200px;
}
 
.ConcatLeft h2{
  font-size: 18px;
  color: #000;
  margin-top: 48px;
  padding-left: 25px;
  line-height: 30px;
}
.ConcatLeft h3{
  font-size: 16px;
  padding-left: 25px;
  font-weight: 300; 
  line-height: 1.2em;
  padding-bottom: 10px; color: #666
}
.ConcatLeft p{
  font-size: 14px;
  line-height: 40px;
  padding-left: 25px;
}

.rxbz{ text-align: center; cursor: pointer;  width: 100%; overflow: hidden;}
.rxbz img{ width: 120%; }
.pgnewstit{ text-align: center; padding-top: 30px; padding-bottom: 30px;  background-image: url(../images/newstittop.jpg);
background-repeat:repeat-x; background-position: 0 100%}
.pgnewstit h1{ font-size: 20px; color: #000; line-height: 30px; font-weight: 700; padding-left: 10px; padding-right: 10px; }
.pgnewstit p{ font-size: 16px; line-height: 1.8em; color: #616161; padding-top: 10px; }

.bigimg img{ max-width: 100%; height: auto; }
.hzinfo{ text-align: center; width: 100%; font-size: 14px;
 line-height: 1.8em; margin: 0 auto; padding-top: 40px; padding-bottom: 40px;
 }

 .jrhzhb{ width: 184px; height: 50px; line-height: 50px; text-align: center; background-color: #ff4524; display: block;
 font-size: 16px; color: #fff; margin: 0 auto }
 .zlhz{ padding-top: 60px; padding-bottom: 20px; font-size: 30px; font-weight: normal; color: #000; text-align: center; }
 .logoone{ width: 25%; background-color: #cdcdcd; float: left; margin-bottom: 10px; }
 .logoone img{ width: 100% }

 .caseone{ height: 320px; width: 100%; background-color: #fff; position: relative;}
.caseimg{ width: 100%; height: 200px; background-size: cover; background-position: center center;}
.caseimg img{ width: 100%}
.casedec h2{ font-size: 14px; margin-top: 5px; line-height: 30px; padding-left: 10px; padding-right: 10px; color: #333}
.casedec p{ font-size: 12px; line-height: 20px;padding-left: 10px; padding-right: 10px; color: #666}
.casemore{ font-size: 14px; height: 30px; width: 82px; background-color: #ff573a; text-align: center; line-height: 30px; display: block;

  color: #fff; position: absolute; bottom: 10px;right: 10px;

}
.casereadmore{ text-align: center;font-size: 18px;}
.casereadmore a{ color: #515151}

.f4pad {
}

 .caseone:hover{ background-color: #f1f1f1 }
 .listnews{ padding-top: 30px; padding-bottom: 30px; }

.listnews .f3{ margin-top: 10px; }

 .tlthree{ width: 100%;  padding-top: 50px; padding-bottom: 50px;  background-image: url(../images/tlhx.jpg);}
 .abthree .rigsl h4, .abthree .rigsl p{ color: #fff }
 .abthree .fl{ float: none; width: 100% }
 .abthree .fl img{ width: 100%; }
 .wlgh{ width: 100%;padding-top: 10px; padding-bottom: 30px;
  margin-top: 30px; background-image: url(../images/ghbj.jpg); 
   background-position: center; background-size: cover; cursor: pointer; }
  .wlgh h3,  .wlgh p{  color: #fff }
.wlgh{transition:all 2s;
-moz-transition:all 2s;  /* Firefox 4 */
-webkit-transition:all 2s; /* Safari 和 Chrome */
-o-transition:all 2s;  /* Opera */}
  .ghmain{ font-size: 16px; color: #fff;  padding-top: 20px; padding-bottom: 20px; padding-left: 0px;
    padding-right: 0px;  line-height: 1.8em; text-align: center;}

.wlgh:hover{ background-position: center 0; }
.abthree img{ border-radius: 5px; }
.demain{ background-color: #fff;padding: 10px; margin-top: 10px; margin-bottom: 10px; }
.demain img{ max-width: 100%; }
.bdsharebuttonbox { display: none }