/*
* expandable menu started
*/
@charset "utf-8";

@font-face{
  font-family:CabifyCircular;
  font-style:normal;
  font-weight:600;
  src:url(CabifyCircularWeb-Bold.woff);
  ascent-override:90%}
@font-face{
  font-family:CabifyCircular;font-style:normal;font-weight:400;
  src:url(CabifyCircularWeb-Book.woff);
  ascent-override:90%}
body {
  font-family: CabifyCircular,Avenir Next,Avenir,Segoe UI,sans-serif!important;
  font-size:14px !important;
  line-height: 22px;
  text-decoration:none;
  /*background:url(../images/1a.jpg) repeat-x;*/
}
ul,li{padding: 0}
li{list-style: none;}

img {
  border:0;
}
p>img{max-width: 100%;}
h5.bt{
  font-size:20px;
  background: #eee;
  padding: 5px;
  width: 100%
}
.opener { display: none }
.holder { margin: auto; width: 100%; position: static !important; }
.holder:after{ display: block; clear: both; content: '' }
.pt-top{margin-top: 120px;}
.zq_body {
  width: 100%;
  overflow: hidden;
}
.zq_top1 {
  height: auto;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-image: url(../images/TOP.jpg);
  background-repeat: no-repeat;
  background-size: 100% 150%
}
.zq_top2 {
  margin: 0 auto;
  margin-bottom: 20px
}
.logo {
  float:left;
  width:auto;
  height:auto;
  margin-top: 25px;
}
.gq {
  float: right;
  height: auto;
  width: 100%;
  padding-right: 2%;
  overflow:hidden;
  text-align: right;
  padding-top: 3px;
}
.gq a {
  color:#000;
}
.gq a:hover {
  color:#F00;
}
.gsmz {
  float: left;
  height: auto;
  width: 700px;
  padding-top: 5px;
  padding-left: 20px;
  color: #0050A5;
  margin-top: 15px;
  font-size: 23px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
.gsmz1 {
  float: left;
  height: auto;
  width: 600px;
  padding-top: 5px;
  padding-left: 20px;
  color: #003D88;
  margin-top: 5px;
  font-size: 15px;
  /* [disabled]font-weight: bold;
*/ 
}
.zq_body1 {
  width: 100%;
  overflow: hidden;
      background: #fff;
}
.zq_body2 {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #f5e983;
  background-color: #f06c00;
  background-image: url(../images/DH-1.jpg);
  background-repeat: repeat-x;
  border-bottom: 1px solid #ccc;
}
.zq_body3 {
  width: 100%;
  overflow: hidden;
}
.zq_body4 {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  /* margin-top: 120px; */
  background-color: rgb(13, 74, 110);
}
.zq_body5 {
  width: 100%;
  overflow: hidden;
  border-top: 2px solid #fff;
  background-color: rgb(13, 74, 110);
}
.zq_body6 {
  width: 100%;
  overflow: hidden;
}
.zq_nva1 {
  width: 1150px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.zq_nva2 {
  float: left;
  width: 990px;
  margin-left: 5px;
  overflow: hidden;
  height: 35px;
  padding-top: 2px;
}
.zq_nva2 ul {
  position:absolute;
}
.zq_nva2 ul li {
  position:relative;
  float:left;
  width:auto;
  text-align: center;
  text-align: center;
  background: url(../images/pr.png) center right no-repeat;
}
.zq_nva2 ul li a {
  display: block;
  margin: 0;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  LINE-HEIGHT: 22px;
  font-weight: bold;
  padding-top: 6px;
  padding-right: 25px;
  padding-bottom: 6px;
  padding-left: 5px;
}
.zq_nva2 ul li.active a {
  color:#fcfc00;
}
.zq_nva2 ul li a:hover {
  color: #fcfc00;
}
.zq_nva2 ul ul {
  visibility:hidden;
  position:absolute;
  background:#e7e8e8;
  top:34px;
  left: 3px;
  height: auto;
  border-top:5px solid #C90;
}
.zq_nva2 ul li:hover ul {
  visibility:visible;
}
.zq_nva2 ul ul li {
  overflow:hidden;
  text-align:left;
  float:left;
  width: 220px;
  display:block;
  height:auto;
  background-image:none;
}
.zq_nva2 ul ul li a {
  display:block;
  font-weight:normal;
  padding:0 0 0 1px;
  float:left;
  text-align:left;
  width:100%;
  border-bottom:1px solid #CCC;
}
.zq_nva2 ul ul li a:hover {
  float:left;
  background-color:#C90;
  color:#fff;
}
.zq_nva2 ul ul.menu3 {
  width: 220px;
  overflow:hidden;
  padding:2px 0 0 0;
}
.zq_nva2 ul ul.menu3 a {
  color:#000;
}
.zq_banner1 {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: #FFF;
}
.zq_banner2 { float: left; width: 990px; margin-left: 5px; overflow: hidden; height: 490px; padding-bottom: 2px; background-image: url(../images/AB-4.jpg); background-repeat: no-repeat; background-position: center bottom;/* [disabled]padding-top: 20px; */ }
.banner {
  float: left;
  width: auto;
  margin-top: 50px;
  margin-left: 30px;
  font-size: 18px;
  color: #0A4884;
  /* [disabled]font-weight: bold;
*/ 
}
.M {
  float: right;
  width: 66px;
  height: 26px;
  background: url(../images/IN-2.png) no-repeat;
  text-align: center;
  margin-top: 10px;
  margin-right: 8px;
}
.M a {
  color:#FFF;
}
.M a:hover {
  color:#FFF;
  background-image: url(../images/IN-1.png);
  background-repeat: no-repeat;
  text-align: center;
  width: 66px;
  height: 26px;
  float: right;
}
.zq_right4 {
  float: left;
  height: auto;
  width: 100%;
  padding-bottom: 8px;
  padding-left: 5px;
  margin-bottom: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
}
.zq_right4 ul li.tops {
  float: left;
  height:auto;
  width:20%;
  padding:1px;
  border:1px #ccc solid;
  margin:1%;
  display:block;
}
.zq_right4 ul li.tops img{width: 100%}
.zq_right4 ul li.tops:hover {
  border:1px #000 solid;
}
.zq_right4 ul li.tops2 {
  float: left;
  height:auto;
  width:74%;
  display:block;
  padding-top: 5px;
  margin: 1%
}
.zq_right4 ul li.tops2 a {
  display:block;
  color:#0A4884;
  padding-bottom: 8px;
  font-weight:bold;
}
.zq_right4 ul li.tops2 a:hover {
  color:#000;
}
.zq_cen1 {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: #FFF;
}
.zq_cen2 {
  float: left;
  width:100%;
  overflow: hidden;
  height: auto;
  margin: 10px 0
}
.zq_cen2 p{margin: 0 auto;padding: 0 10px;}
.zq_cen2 .TH_9 img{width: 6%;height: 6%;margin: 0 1%}
.zq_cen2 .TH8{width: 35%;height: auto;margin-right: 3%}
.zq_cen2 .TH-8{width: 35%;height: auto;margin-left: 3%}
.zq_cen2-about{width: 96%;margin:0 2%}
.zq_cen2-about .TH2-7{width: 13%;margin: 1% 1% 1% 0;float: left;text-align: center}
.zq_cen2-about .TH2-7 div{margin-bottom: 1%}
.zq_cen2 .gallery-7{width: 96%;margin:1% 2%;padding: 0}
.zq_cen2 .gallery-7 li{width: 13%;margin:1% 1% 1% 0;float: left;}
.right3 .news-ul li div:nth-child(2),.right3 .service-img div,.right3 .certificate-img div,.zq_cen2 .gallery-7 li div,.right3 .certificate-last div{width: 100%;text-align: center}
.right3 .certificate-img img,.right3 .news-ul li img,.right3 .service-img li img,.zq_cen3 .TH2 img,.zq_cen2-about .TH2-7 img,.zq_cen2 .gallery-7 li div img,.right3 .certificate-last img,.zq_cen2 .TH8 img,.zq_cen2 .TH-8 img{width: 100%;margin: 0;height: auto}
.right3 p>img{max-width: 100%;}
.z_cen {
  float: left;
  width: 96%;
  margin-left:2%;
  margin-top: 10px;
  background-image: url(../images/1.png);
  background-repeat: no-repeat;
  height: auto;
  padding-left: 40px;
  font-size: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #095D8D;
  border-bottom: 1px solid #d1d1d2;
  ;
  margin-bottom: 10px;
}
.z_cen a {
  color:#038EDE;
}
.z_cen a:hover {
  color:#06F 
}
.z_cen1 {
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-top: 8px;
  background-image: url(../images/AB-2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: auto;
  padding-left:2%;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #0099FF;
  margin-bottom: 8px;
}
.z_cen1 a {
  color:#0099FF;
}
.z_cen1 a:hover {
  color:#C60 
}
.zq_cen3 {
  width: 98%;
  margin-right: auto;
  margin:2% 1% 1%;
  overflow: hidden;
  float: left;
}
.zq_cen3 .TH2{width: 18%;margin:1% 1% 2%}
.zq_cen3 .TH2 p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zq_cen-3 {
  float: left;
  width: 980px;
  margin-left: 5px;
  overflow: hidden;
  height: auto;
}
.left2 {width:20%;float: left;margin-top: 10px;margin-bottom: 5px;margin-left: 1%;background-color: #f2f3f4;/* background: url(../images/IN-6.png); */background-size: 100% 100%;}
.left3 {
  width:99%;
  float:left;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 1%;
}
.left {width: 100%;float: left;margin-top: 5px;margin-bottom: 10px;/* margin-left: 1%; */}
.left ul {float:left;padding-left: 5px;}
.left ul li {float:left;display:block;width: 98%;border-bottom: 1px solid #ddd;}
.left ul li a {float:left;display:block;width:100%;color:#000;padding: 5px;}
.left ul li.active a {
  color:#09F;
}
.left ul li a:hover {
  color:#09F;
}
.left ul li.lie a {float:left;display:block;width: 100%;color: #fff;background: #4a4846;padding: 5px;font-size:14px;border-radius: 3px;border: 1px solid #ddd;background: linear-gradient(to bottom, rgb(44, 152, 219) 0%, rgb(40, 140, 206) 41%, rgb(32, 106, 167) 100%);}
.left ul li.lie a:hover {float:left;display:block;width: 100%;color: #fff;background: #2178b8;text-decoration:underline;padding-top:6px;padding-left:7px;font-size: 14px;}
.left ul li.lie1 a {
  float:left;
  display:block;
  width:95%;
  color:#09F;
  background:url(../images/R3.png) no-repeat;
  text-decoration:underline;
  padding-top:6px;
  padding-left:7px;
  font-size:13px;
}
.left ul li.lie2 a {float:left;width:90%;font-weight:bold;color:#000;background:url(../images/LB-1.png) no-repeat;padding-left:18px;margin-left: 10px;}
.left ul li.lie2 a:hover {
  float: left;
  width:90%;
  font-weight: bold;
  color: #09F;
  background: url(../images/LB.png) no-repeat;
  padding-left: 18px;
  padding-top: 6px;
}
.left ul li.lie-2 a {
  float: left;
  width: 90%;
  font-weight: bold;
  color: #09F;
  background: url(../images/LB.png) no-repeat;
  padding-left: 18px;
  padding-top: 6px;
}
.left ul li.lie3{
  padding-left: 15px;
}
.left1 {float: left;width: 100%;font-size: 22px;text-align: center;color: #FFF;padding-top: 10px;padding-bottom: 10px;/*      float: left;
    width: 100%;
    font-size: 22px;
    text-align: center;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #606060;
    border-radius: 3px;*/border: 1px solid #ddd;background: linear-gradient(to bottom, rgb(50, 165, 234) 0%, rgb(34, 125, 189) 41%, rgb(29, 74, 130) 100%);}
.left1 a {
  color:#fff;
}
.left1 a:hover {
  color:#333;
}
.left1_1 {
  float: left;
  width: 208px;
  font-size: 22px;
  text-align: center;
  height: 75px;
}
.left1_2 {
  float: left;
  width: 198px;
  height: auto;
  margin-bottom: 5px;
  padding-left: 8px;
  /* [disabled]border: 1px solid #c60;
*/ 
}
.right {
  float:right;
  width:74%;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 3%;
  margin-left: 2%
}
.right1 {
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 18px;
  color: #CC6600;
}
.right2 {
  float:left;
  width:100%;
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #c30;
}
.right2 a:hover {
  color:#C30;
}
.right3 {
  float:left;
  width:100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.right3 .news-ul li{width: 31.333%;margin: 1%;float: left;}
.right3 .news-ul li div:nth-child(1){width: 100%;border: 1px solid #ccc;}
.right3 .service-img{width: 100%;margin: 0;padding: 1%;margin-bottom: 2%}
.right3 .service-img li{width: 23%;margin: 1%;float: left;}
.right3 .service-img li div:nth-child(1){margin:0;;padding: 0;border: 1px solid #ccc}
.right3 .news-ul-1 li{width: 48%; margin: 1% 1%; float: left;}
.right3 .news-ul-1 li div:nth-child(1){margin:0;;padding: 0;border: 1px solid #ccc}
.right3 .service-img li img{width: 100%;padding: 0;margin: 0}
.right3 .certificate-img{width: 100%;margin: 0;padding: 0}
.right3 .certificate-img li:nth-child(1){width: 18%;margin: 0 1%;float: left;}
.right3 .certificate-img li:nth-child(2){width: 38%;margin: 0 1%;float: left;}
.right3 .certificate-img li:nth-child(3){width: 38%;margin: 0 1%;float: left;}
.right3 .certificate-img li:nth-child(3) .certificate-3{width: 98%;margin:0 1% }
.right3 .certificate-img li:nth-child(3) .certificate-3 div{width: 50%;margin: 0}
.right3 .certificate-last{width: 100%;}
.right3 .formd1 img{width: auto}
.right3 .sales-1,.right3 .sales-2,.right3 .sales-3{width: 98%;height: auto;margin: 1% auto}
.right3 .sales-3 li{width: 23%;margin: 1%;float: left;}
.right3 .sales-1 li{width: 31.333%;margin: 0 1%;float: left}
.right3 .sales-1 li .TH2,.right3 .sales-2 li .TH2,.right3 .sales-3 li .TH2{width: 100%;border: 1px solid #ccc}
.right3 .sales-1 li img,.right3 .sales-2 li img,.right3 .sales-3 li img{width: 100%;height: auto}
.right3 .sales-2 li{width:18%;margin: 1%;float: left;}
.right3 ul li img,.right3 ul li .TH2{width: 100%;height: auto}
.right3 .pin-img{width: 100%;margin: 0;padding: 0}
.right3 .pin-img .pin-big{width: 70%;float: left;margin: 0}
.right3 .pin-img .pin-litile{width: 26%;float: left;margin: 0 2%}
.cuture-img{width: 98%;margin: 0 1%}
.cuture-img li,.cuture-img li .TH2{width: 100%;margin: 0;padding: 0}
.cuture-img .right-3{width: 100%;margin:1% 0 2%;font-size: 18px}
.zq_right2 {
  float: left;
  height: auto;
  width: 21%;
  margin:0 2% ;
  margin-bottom: 5px;
  background:#FFF;
  background: #f1f2f4;
}
.zq_right2:hover {
  background: #f0efef;
}
.zq_right2 ul li.tops_2 {
  float: left;
  width: 100%;
  height: auto;
  padding: 1px;
  border: 1px #ccc solid;
  display: block;
}
.zq_right2 ul li.tops_2 img{width: 100%;height: auto;padding:0;}
.zq_right2 ul li.tops_2:hover {
  border: 1px #000 solid;
}
.zq_right2 ul li.tops2 {
  float: left;
  height: auto;
  width: 100%;
  text-align: center;
  display: block;
  padding-top: 5px;
  margin-top: 5px;
  margin-left: 2px;
}
.zq_right2 ul li.tops2 a {
  display: block;
  padding-left: 2px;
  color: #000;
  padding-bottom: 8px;
  font-weight: bold;
  text-align:center 
}
.zq_right2 ul li.tops2 a:hover {
  color: #F90;
}
.right3_1 {
  float: right;
  width: 20px;
  height: 20px;
  color: #000;
  font-size: 15px;
  margin-right: 5px;
  background-image: url(../images/PT-1.jpg);
  background-repeat: no-repeat;
  margin-top: 3px;
  text-align: center;
  border: 1px solid #ccc;
}
.right3_1 a {
  color:#000;
}
.right3_1 a:hover {
  color:#090;
}
.right3_2 {
  float: right;
  width: 20px;
  height: 20px;
  color: #000;
  font-size: 15px;
  margin-right: 5px;
  margin-top: 3px;
  text-align: center;
  border: 1px solid #ccc;
}
.right3_3 {
  float: right;
  width: 20px;
  height: 20px;
  color: #000;
  font-size: 15px;
  margin-right: 5px;
  margin-top: 3px;
  text-align: center;
  border: 1px solid #ccc;
}
.zq_right-3 {
  float:left;
  width:755px;
  margin-left:2px;
  margin-top: 5px;
  text-align: center;
  height: 25px;
}
.zq_right-3 a {
  background:#FFF;
  color:#000;
  font-size:15px;
  padding: 3px;
}
.zq_right-3 a:hover {
  background:#ba3e01;
  color:#FFF;
  font-size:15px;
  padding: 3px;
}
.right_3 {
  float:right;
  width:98%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 2%;
  /* [disabled]border-bottom: 1px solid #d3423d;
*/ background-color: #f2f0f0;
}
.right-3 {
  float:right;
  width:98%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 2%;
  text-align: center;
}
.right4 {
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #06D;
  padding-left: 4%;
  background-image: url(../images/R1.png);
  background-repeat: no-repeat;
  padding-top: 4px;
}
.right4 a {
  color:#0052A4;
}
.right4 a:hover {
  color:#C60;
}
.right4 strong{color: #C60; font-size: 16px;}
.right-4 {
  float:left;
  width:98%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 1%;
  border-bottom: 1px solid #D3423D;
  padding-left: 20px;
  background-image: url(../images/R1.png);
  background-repeat: no-repeat;
  padding-top: 4px;
  margin-left: 1%;
}
.right5 {
  float:right;
  width:98%;
  margin-top: 5px;
  margin-right:2%;
  background-color: #e6e9ee;
  padding: 5px 10px;
  margin-bottom: 5px;
}
.right6 {
  float: right;
  width:100%;
  margin-top: 5px;
  background-color: #FFF;
  padding-left: 5px;
  margin-bottom: 5px;
  background-image: url(../images/cont-1.png);
  background-repeat: no-repeat;
  height: auto;
  background-size: 100% 100%
}
.right6 .cen1 strong img{width: 38px;height: 20px}
.right6 .cen1{width: 100%}
.right7 {
  float: right;
  width: 100%;
  margin-top: 5px;
  background-color: #FFF;
  padding-left: 5px;
  margin-bottom: 5px;
  background-image: url(../images/cont-3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height:auto;
}
.cen1 {
  float: left;
  width: 350px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.cen1_1 {
  float: right;
  width: 96%;
  margin: 2%;
  height:auto;
  color: #FFF;
}
.cen2 {
  float: left;
  width: 46%;
  margin:1% 2% 2%;
  padding:1% 2%;
  background-image: url(../images/IN-6.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 290px;
}
.cen3 { float: left; width: 310px; margin-right: 6px; margin-top: 10px; margin-bottom: 10px; text-align: center; margin-left: 5px; background-image: url(../images/IN-5.png); background-repeat: no-repeat; height: 420px; padding-left: 4px; border: 2px solid #fff; }
.cen3-1 {
  float: left;
  width: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  margin-left: 5px;
}
.zq_right5 {
  float: left;
  height: auto;
  width: 470px;
  padding-bottom: 8px;
  padding-left: 5px;
  margin-bottom: 8px;
  margin-left: 10px;
  background-color: #f2f2f2;
  margin-top:5px;
}
.zq_right5:hover {
  background-color: #dfdfdf;
}
.zq_right5 ul li.tops1 {
  float: left;
  height:76px;
  width:96px;
  padding:1px;
  margin:10px 8px 0 0;
  display:block;
}
.zq_right5 ul li.tops1:hover {
  padding:1px;
  border:1px #000 solid;
}
.zq_right5 ul li.tops3 {
  float: left;
  height: auto;
  width: 360px;
  display: block;
  padding-top: 5px;
}
.zq_right5 ul li.tops3 a {
  display:block;
  padding-left:2px;
  color:#0A4884;
  padding-bottom: 8px;
  font-weight:bold;
}
.zq_right5 ul li.tops3 a:hover {
  color:#000;
}
.zq_right6 {
  float: right;
  height: auto;
  width: 630px;
  padding-bottom: 8px;
  padding-left: 5px;
  margin-bottom: 8px;
  margin-left: 8px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-top: 10px;
}
.TH {
  float:left;
  width:310px;
  /* margin-left: 5px; */
  margin-right: 10px;
}
.T-H {
  float: left;
  width: 310px;
  margin-left:2%;
  margin-right:2%;
}
.TH1 {
  float:left;
  width:auto;
  margin-top: 5px;
  margin-left: 5px;
  border: 1px solid #ccc;
}
.TH1 img,.T-H img{
  max-width: auto!important;

}
.TH2 {
  float: left;
  width: auto;
  margin-top: 5px;
  margin-left: 5px;
  padding: 1px;
}
.TH2 div:nth-child(1){border: 1px solid #ccc;}
.TH2 div:nth-child(2){text-align: center;width: 100%}
.TH2-1 {
  width:188px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 1px;
  float: left;
  text-align: center;
}
.TH2-2 {
  width:230px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 1px;
  float: left;
  text-align: center;
}
.TH2-4 {
  width: 98%;
  margin: 1%;
  padding: 1px;
  float: left;
  text-align: center;
}
.TH-2 {
  margin-top: 5px;
  text-align: center;
}
.TH2-3 {
  width:172px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 1px;
  float: left;
  text-align: center;
}
.TH3 {
  float:left;
  width:auto;
  margin-top: 5px;
  margin-left: 40px;
  border: 1px solid #ccc;
  margin-bottom: 3px;
  margin-right: 40px;
}
.TH-4 {
  float:left;
  width:122px;
  margin-top: 5px;
  margin-left: 5px;
  text-align: center;
}
.TH-5 {
  float:left;
  width:13%;
  margin-top: 5px;
  margin-right:1%;
  text-align: center;
}
.TH-6 {
  float:left;
  width:146px;
  margin-top: 5px;
  margin-left: 5px;
  text-align: center;
}
.TH-6-1 {
  float: left;
  width: 93px;
  margin-top: 5px;
  margin-left: 8px;
  text-align: center;
}
.TH-6-2 {
  float: left;
  width: 200px;
  margin-top: 5px;
  margin-left: 5px;
  text-align: center;
}
.TH-7 {
  float: left;
  width: 288px;
  margin-top: 5px;
  margin-left: 8px;
  text-align: center;
}
.TH8 {
  float:left;
  width:auto; /*! margin-top: 5px; */ /*! margin-left: 5px; */ /*! text-align: center; */ /*! border: 1px solid #ccc; */ /*! margin-right: 8px; */
  margin-bottom: 5px;
  padding: 2px;
  height: 195px;
}
.TH81 {
  float:left;
  width:auto;
  margin-top: 5px;
  margin-left: 45px;
  text-align: center;
  border: 1px solid #ccc;
  margin-right: 8px;
  margin-bottom: 5px;
}
.TH-8 {
  float:right;
  width:auto;
  margin-top: 5px;
  margin-left: 5px;
  text-align: center;
  border: 1px solid #ccc;
  margin-right: 5px;
  margin-bottom: 5px;
}
.TH-9 {
  float: left;
  width:98%;
  margin-top: 10px;
  font-size: 14px;
  text-decoration: underline;
  margin-left:2%;
}
.TH-9 a {
  text-decoration: underline;
  color: #0052A4;
}
.TH-9 a:hover {
  color: #CC6600;
}
.TH_9 {
  float: left;
  width: 98%;
  margin-top: 10px;
  font-size: 14px;
  text-decoration: underline;
  color: #CC6600;
  margin-left:2%;
}
.TH_9 a {
  text-decoration: underline;
  color: #CC6600;
}
.TH_9 a:hover {
  color: #0099FF;
}
.TH_9_1 {
  float: left;
  width: 98%;
  margin-top: 10px;
  margin-left:2%;
}
.TH-91 {
  float: left;
  width: 630px;
  margin-top: 10px;
  font-size: 14px;
  text-decoration: underline;
  margin-left: 8px;
  background-image: url(../images/you-tube.png);
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-top: 10px;
}
.TH-91 a {
  text-decoration: underline;
  color: #0052A4;
}
.TH-91 a:hover {
  color: #CC6600;
}
.TH-10 {
  float:left;
  width:360px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 13px;
}
.TH-10 a {
  color:#000;
  text-decoration: underline;
}
.TH-10 a:hover {
  color:#C30;
}
.video {
  width: 100px;
  float: right;
}
.table2 {
  width:96%;
  margin:1% 2%;
  float:left;
  color:#000;
  text-align:center;
  background-color: #CCC;
}
.table2 tr {
  background:#fcfdfd;
}
.table2 td {
  padding:2px 0 2px 5px;
  line-height:16px;
  color:#000;
}
.table2,.table2 tr ,.table2 td{border: 1px solid #ccc}
.table-2 {
  width:96%;
  margin:1% 2%;
  float:left;
  color:#000;
  text-align:center;
  background-color: #CCC;
}
.table-2 tr {
  background:#fcfdfd;
}
.table-2 td {
  padding:2px 0 2px 5px;
  line-height:16px;
  color:#000;
}
.zq_nex3 {
  float: left;
  height: auto;
  width: 300px;
  margin-top: 5px;
  margin-left: 5px;
}
.zq_nex3 ul li {
  float:left;
  margin:0 4px 5px 0;
  display:block;
  height: auto;
  width:60px;
  border: 1px solid #CCC;
}
.zq_nex3 ul li:hover {
  border: 1px solid #000;
}
.messd {
  margin: 5px 8px 0 5px;
  padding: 1px;
  float: right;
  height: auto;
  width: 160px;
  border: 1px solid #CCC;
  text-align: center;
  background-image: url(../images/b_nts.png);
  background-repeat: no-repeat;
  margin-bottom: 5px;
}
.messd a {
  color:#FFF;
  font-weight:bold;
  line-height: 23px;
}
.zq_bott1 {
  width:90%;
  margin: 0 auto;
  overflow: hidden;
  /* background-color: #FFF; */
  border-top: 1px solid #03519C;
}
.zq_bott2 {
  float: left;
  margin-left: 5px;
  overflow: hidden;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
#zq_bott3 {
  float: left;
  height: auto;
  padding-bottom: 10px;
  text-align: center;
  padding-top: 10px;
  color: #555;
  font-weight: bold;
}
#zq_bott3 A {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}
#zq_bott3 A:hover {
  color: #C60;
}
#zq_bott3_1 {
  float: left;
  height: auto;
  width: 950px;
  padding-bottom: 4px;
  padding-left: 25px;
  padding-top: 4px;
  color: #03519C;
  font-weight: bold;
}
#zq_bott3_1 A {
  color:#03519C;
}
#zq_bott3_1 A:hover {
  color:#F00;
}
#zq_bott3_2 {
  float: left;
  height: auto;
  width: 970px;
  padding-bottom: 4px;
  padding-left: 5px;
  text-align: center;
  padding-top: 4px;
  color: #FFF;
  font-weight: bold;
}
#zq_bott3_2 A {
  color:#FFF;
}
#zq_bott3_2 A:hover {
  color:#F00;
}
#zq_bott4 {
  height: auto;
  padding-bottom: 4px;
  padding-left: 5px;
  text-align: center;
  padding-top: 4px;
}
#zq_bott4 a{color: #aaa;}
#zq_bott4 a:hover{color: #eee}
.messageModel3 {
  overflow: hidden;
}
.forma5 {
  overflow: hidden;
  display:inline;
}
.forma6 {
  overflow: hidden;
}
.forme1 {
  overflow: hidden;
}
.forma1 {
  float: left;
  height: auto;
  width: 96%;
  margin-top:2%;
  overflow: hidden;
  margin-left:1%;
}
.forma2 {
  float: left;
  height: auto;
  width: 100%;
  border: 1px solid #CCC;
}
.messageModel2 {
  float: left;
  height: 20px;
  width: 550px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F8FAFC;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.messageModel3 {
  float: left;
  height: auto;
  width: 100%;
  padding-top: 15px;
}
.forma5 {
  float: left;
  height: auto;
  width:98%;
  margin-left:2%;
  margin-bottom: 3px;
  padding-bottom: 3px;
}
.forma6 {
  float: left;
  height: auto;
  width: 98%;
  margin-left: 2%;
  margin-bottom: 3px;
}
.formb1 {
  float: left;
  height: 22px;
  width:17%;
  margin-right:1%;
  margin-left:2%;
}
.formb2 {
  float: left;
  height: auto;
  width:80%;
  padding-bottom: 3px;
}
.formc1 {
  float: left;
  height: 25px;
  width: 17%;
  margin-top: 60px;
  margin-right: 1%;
  margin-left: 2%;
}
.formc2 {
  float: left;
  height: auto;
  width: 80%;
  margin-bottom: 3px;
}
.formd1 {
  float: left;
  height: 35px;
  width: 80%;
}
.forme1 {
  float: left;
  height: 40px;
  width: 98%;
  margin-bottom: 3px;
  margin-left: 2%;
}
.form_pro {
  float: left;
  height: auto;
  width: 748px;
  background-color: #00425E;
  color: #FFF;
  font-weight: bold;
  padding-left: 5px;
  margin-top: 20px;
}
.zq_typo {
  float:left;
  margin-bottom:5px;
  width:100%;
  font-weight:bold;
  height:22px;
  color:#094869;
  background-color: #F0F0F0;
}
.zq_botton2 {
  width: 141px;
  font-size: 15px;
  height: 30px;
  color: #fff;
  font-weight: bold;
  border: 1px solid #CCC;
  float: left;
  cursor: pointer;
  background-color: #0066CC;
  font-family: Arial;
}
form .forma5 .formb2 input {
  width: 96%;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
  border: 1px solid #5582AA;
  color: #880000;
  background-color: #FDFDFD;
}
form .forma5 .formb2 .input-form{width: 96%}
form .forma5 .formb2 label{width: 100%;margin: 0;}
.formc2 label{display: block}
form .forma6 .formc2 textarea {
  width: 96%;
  height: 160px;
  font-size: 12px;
  line-height: 22px;
  font-weight: normal;
  border: 1px solid #5582AA;
  color: #880000;
  background-color: #FDFDFD;
}
.MagicZoomBigImageCont {
  border:1px solid #ccc;
}
.KeFuDiv {
  position: absolute;
  height: 330px;
  width: 269px;
  line-height: 22px;
  margin-top: 10px;
  background-image: url(../images/LH.png);
  background-repeat: repeat-x;
}
.KeFuList {
  background:url(../image/mid001.gif);
}
.KeFuTitle {
  font-size: 9pt;
  width: 240px;
  height: auto;
  padding-left: 11px;
  float: left;
  padding-top: 8px;
  text-align: center;
  color: #FFF;
}
.KeFuItem {
  margin-top: 8px;
  font-size: 9pt;
  float: left;
  width: 240px;
  height: auto;
  padding-left: 11px;
  color: #06C;
  text-align: center;
}
.zqoihisf {
  height: auto;
  width: 30px;
  margin-right: 5px;
  float: right;
  padding-top: 2px;
  padding-left: 2px;
  margin-top: 5px;
}
.zqoihisfaa {
  height: auto;
  width: 160px;
  float: right;
  font-weight: bold;
  color: #CC6600;
  font-size: 15px;
  text-align: center;
  padding-top: 3px;
  margin-top: 110px;
  padding-right: 20px;
}
.clear,.clear-2 {
    clear:both;
    margin:0;
    padding:0;
    height:0;
    font-size:0;
    line-height:0;
    width:0
}
.clear-1 {
  display: none;
    clear:both;
    margin:0;
    padding:0;
    height:0;
    font-size:0;
    line-height:0;
    width:0
}
@media only screen and (max-width:998px) {
.zq_nva2 ul li a{padding-left: 0;padding-right: 15px;font-size: 12px}
.zq_top1{background-position: center;background-repeat: no-repeat;background-size: 100% 100%}
.TH8{height: auto;width: 100%}
.cen3{width: 100%;height: auto;padding:2% 0;}
.title-index{font-size: 20px}
.TH81{width: 30%;margin: 0 2%}
.TH81 img{width: 100%}
.cen3-1{width: 60%}
.TH2{width: 98%}
.TH2 img{width: 100%;height: auto}
.TH-6-1,.TH2-3,.TH-7{float: none;width: 100%;text-align: center}
.zq_body4{border: none}
.gq{float: none;text-align: right;width: 100%}
.logo{margin-top: 10px}
.zq_cen2-about .TH2-7{width: 19%}
.zq_cen3 .TH2{width: 23%}
}
@media only screen and (max-width:768px) {
.left2{display: none}
.right{width: 100%;float: none;margin: 0;padding: 0 2%}
.zq_banner2{width: 100%;height: 350px}
.zq_body4-1{padding-top: 0}
.container{font-size: 16px;}
.TH8{height: auto;width: 100%}
.cen3{width: 100%;height: auto;padding:2% 0;border: none}
.cen2{height: 400px}
.title-index{font-size: 20px}
.TH81{width: 30%;margin: 0 2%}
.TH81 img{width: 100%}
.cen3-1{width: 60%}
.TH2{width: 98%}
.TH2 img{width: 100%;height: auto}
.TH-6-1,.TH2-3,.TH-7{float: none;width: 100%;text-align: center}
.zq_body4{border: none;}
.opener {display: block;
  float: right;
  width: 38px;
  height: 23px;
  background: url('images/bg-opener.png') no-repeat;
  background-size: 38px 23px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 15px 10px 10px 8px}
.holder {width: 35% !important;
  position: absolute !important;
  top: 195px;
  overflow: hidden;
  background: #0d4e96;
  clear: both;
  width: auto;
  right: 0px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 999
}
.zq_cen2 .table2 p{font-size: 12px;margin: 0;width: 100%}
.table2 td{padding: 2px 0}
.zq_botton2,.checkCodebox{width: 120px;margin: 0 2px}
.clear-1{display:block}
.zq_cen2 .gallery-7 li{width: 31.333%;margin: 1% 1%;}
.clear-2{display: none}
.holder .container{padding: 0;width: 100%}
.zq_nva1{width: 100%}
.zq_nva2{margin: 0;padding: 0;width: 100%}
#nav {
 float: none;
 overflow: hidden;
 margin: 0;
 padding: 0;
 list-style: none
}
 #nav li {
 float: none;
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #5885b7;
 text-align: center;
 vertical-align: top;
 overflow: hidden;
}
#nav  li .menu3{display: none}
#nav li:hover ul{display: none}
 #nav li a {
 display: block;
 padding: 6px;
 color: #fff;
 text-align: center;
 float: none;
 border: 0;
 font-size: 16px
}
.right4 strong{font-size: 22px}
.zq_nva2{height:auto;float: none}
.zq_nva2 ul{width: 100%;position: static;margin: 0}
.zq_nva2 ul li{background: #0d4e96;float: none;border-bottom: 1px solid #5885b7;}
.zq_nva2 ul li a{font-size: 16px;}
.zq_top2{float: none}
.gsmz{font-size: 20px}
.zq_cen2-about .TH2-7{width:24%}
.zq_cen3 .TH2{width: 31%}
.right3 .news-ul li,.right3 .service-img li,.right3 .sales-3 li,.right3 .sales-1 li,.right3 .sales-2 li{width: 48%;margin: 0 1%;float: left;}
}
@media screen and (max-width:706px) {
.formd1 {

float: left;

 height: 80px;

width: 100%;

 padding-left: 0 !important;

 margin-left: 0 !important;

}

 .formc1 {

float: left;

 margin-top: 0 !important;
     margin-left: 0;

}


.formb1 {

float: left;

height: auto;

width: 90%;

margin: 0 10px 0 0;

text-align: left;

}

.formb2 {

width: 95%;

}

form .forma5 .formb2 input {

width:100%

}

.formc2 {

width: 95%;

}

form .forma6 .formc2 textarea {

width:100%

}


}
@media only screen and (max-width:650px) {
  .zq_cen2 p.justify{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
  }
  .gq a{font-size: 14px;}
  .zq_top1{background-position: center;background-repeat: no-repeat;background-size: 200% 100%}
  .TH81{width:96%;border: none}
  .TH81 img{width: 100%;height: auto}
  .cen3{margin: 0}
  .cen3-1{width: 100%;text-align: left;}
  .zq_banner2{height: auto}
  .zq_banner2{height: 250px}
  .banner{margin-top: 20px;margin-left: 10px}
  .zq_cen2 .last-p-650{display: none}
  .gq{float:left;width: 100%;text-align:right;}
  .gsmz{display: none}
  .holder{top: 145px}
  .zq_right4 ul li.tops{width: 100%;margin: 10px 0;padding:2%}
  .zq_right4 ul li.tops2{width: 100%;margin: 0;padding: 0 2%}
  .zq_right4 ul li.tops2 a{font-size: 20px;text-align: center}
  .right4 strong{font-size: 20px}
  .zq_cen2-about .TH2-7{width:32%}
  .cen2{width: 96%;margin: 1% 2%;height: 300px}
  .right6{background-size: 160% 100%;background-position: center}
  .zq_cen2 .table2 p{font-size: 10px}
  .right3 .news-ul li,.right3 .service-img li,.right3 .sales-3 li,.right3 .sales-1 li,.right3 .sales-2 li{width:96%;margin: 0 2%;float: left;}
  .zq_cen2 .TH-8,.zq_cen2 .TH8{width: 96%!important;margin: 0 2%;}
}
@media only screen and (max-width:478px){
.holder {width: 45% !important;top: 166px}
}
@media only screen and (max-width:450px){
  .zq_cen2 p.justify{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }

.holder {width: 45% !important;top: 145px}
.zq_nva2 ul li a{font-size: 14px}
.banner p{font-size: 14px}
.gq a img{display: none}
.right4 strong{font-size: 16px}
.zq_cen2-about .TH2-7{width:44%}
.zq_cen3 .TH2{width: 48%}
.right6{background-size: 240% 100%;background-position: center}
.checkCodebox{width: 100px;margin: 0 1px;}
.zq_botton2{width: auto;}
}

.show-app{
  position: fixed;
  right: 20px;
  bottom: 120px;
  z-index: 1;
}
.show-app ul li{
  width: 44px;
  height: 44px;
  margin: 1px;
  margin-left: 0;
  position: relative;
  text-align: center;
  /*background: #fff;*/
  /*border: 1px solid #eee;*/
}
.show-app ul li a {
  display: inline-block;
  text-align: center;
}
.show-app ul li p{ 
  font-size: 12px;
}
.show-app ul li a img{
  max-width: 100%;
}

 

.okki-chat-widget-bubble{bottom: 50px!important;}
@media only screen and (max-width: 667px){
  .okki-chat-widget-holder {
      bottom: 60px!important;
    }
    .okki-chat-widget-bubble{
      width: 50px!important;
      height: 50px!important;
      bottom: 60px!important;
    }
    .okki-chat-widget-bubble svg{
      margin: 13px!important;
    }
  
    .show-app ul li{
      width: 36px;
      height: 36px;
    }
}
@media only screen and (max-width:350px){
.holder {width: 45% !important;top: 166px}
}