/*---------------------不同的项目需要改写的东西----------------------*/
.zk-wrap {
  width: 1000px;
  margin: 0 auto;
}
/* ----------- form表单 -------------*/
/* placeholder */
input.zk-form-control::-webkit-input-placeholder,
textarea.zk-form-control::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
input.zk-form-control:-moz-placeholder,
textarea.zk-form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
input.zk-form-control::-moz-placeholder,
textarea.zk-form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
input.zk-form-control:-ms-input-placeholder,
textarea.zk-form-control:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}
input[type="textarea"] {
  padding: 0 10px;
  font-size: 14px;
  line-height: 40px;
  border: 1px solid #dde8ed;
}
input[type="text"][disabled] {
  color: #999;
  background-color: #f9f9f9;
}
.zk-form-control-wrap {
  position: relative;
}
.zk-form-control {
  float: left;
  padding: 0 10px;
  font-size: 14px;
  color: #666;
  line-height: 40px;
  border: 1px solid #dde8ed;
  background-color: #fff;
}
.zk-form-control:focus,
.zk-form-control.data-pt-plugin-hidelayer-active,
.zk-form-control.data-pt-plugin-hidelayer-active:hover {
  border-color: #dde8ee;
}
.zkPageView .banner {
  width: 100%;
  height: 500px;
  background: url(../imgs/banner.png) top center no-repeat;
}
.zkPageView .banner .content {
  position: absolute;
  width: 520px;
  bottom: 280px;
  left: 50px;
  text-align: center;
}
.zkPageView .banner .content .btn {
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 28px;
  background-color: #3cb04d;
  border-radius: 50px;
}
.zkPageView .banner .tip {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 160px;
  border: 6px solid #2ad09a;
  border-radius: 100px;
  background: #fff;
  padding: 10px 40px;
}
.zkPageView .banner .tip .tit {
  width: 162px;
  height: 48px;
  margin: 0 auto;
  background: url(../imgs/banner-tip.png) top center no-repeat;
}
.zkPageView .com-tit {
  display: inline-block;
  padding: 0 75px 0 70px;
  position: relative;
}
.zkPageView .com-tit:before,
.zkPageView .com-tit:after {
  content: "";
  position: absolute;
  top: 0;
  height: 37px;
}
.zkPageView .com-tit:before {
  width: 62px;
  left: 0;
  background: url(../imgs/tit-left.png) no-repeat;
}
.zkPageView .com-tit:after {
  width: 68px;
  right: 0;
  background: url(../imgs/tit-right.png) no-repeat;
}
.zkPageView .bg-green {
}
.zkPageView .bg-green .com-tit:before {
  background: url(../imgs/tit-left.png) no-repeat;
}
.zkPageView .bg-green .com-tit:after {
  background: url(../imgs/tit-right.png) no-repeat;
}
.zkPageView .com-btn {
  width: 503px;
  margin: 0 auto;
  height: 63px;
  line-height: 63px;
  font-size: 22px;
  color: #fff;
  text-align: center;
  background: url(../imgs/orange-btn.png) no-repeat;
}
.zkPageView .com-btn.green-btn {
  background: url(../imgs/green-btn.png) no-repeat;
}
.zkPageView .c1 {
  padding-bottom: 100px;
}
.zkPageView .c1 .bg {
  width: 100%;
  height: 256px;
  background: url(../imgs/c1.png) top center no-repeat;
}
.zkPageView .c1 .bg .list {
  margin: 0 2px;
}
.zkPageView .c1 .bg .list .item {
  float: left;
  width: 156px;
  height: 200px;
  border: 1px solid #2258fec;
  background-color: #fff;
}
.zkPageView .c1 .bg .list .item .tit3 {
  line-height: 56px;
  color: #fff;
  font-size: 18px;
  background-color: #258fec;
}
.zkPageView .c1 .bg .list .item:nth-of-type(2) {
  margin-top: 125px;
}
.zkPageView .c1 .bg .list .item:nth-of-type(4) {
  margin-top: 115px;
}
.zkPageView .c1 .bg .list .item:nth-of-type(6) {
  margin-top: 105px;
}
.zkPageView .c2 .line {
  top: 0;
  width: 32px;
  height: 715px;
  background: url(../imgs/line.png) no-repeat;
}
.zkPageView .c2 .list .item {
  width: 476px;
  height: 190px;
  margin-bottom: 90px;
}
.zkPageView .c2 .list .item:nth-of-type(1) {
  background: url(../imgs/c25.png) no-repeat;
}
.zkPageView .c2 .list .item:nth-of-type(2) {
  background: url(../imgs/c22.png) no-repeat;
}
.zkPageView .c2 .list .item:nth-of-type(3) {
  background: url(../imgs/c25.png) no-repeat;
}
.zkPageView .c2 .list .item:nth-of-type(4) {
  background: url(../imgs/c22.png) no-repeat;
}
.zkPageView .c2 .list .item:nth-of-type(5) {
  background: url(../imgs/c25.png) no-repeat;
}
.zkPageView .c2 .list .item:nth-of-type(6) {
  background: url(../imgs/c22.png) no-repeat;
}
.zkPageView .c2 .list .item .btns-wrap {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
}
.zkPageView .c2 .list .item .btns-wrap .btn {
  margin: 0 5px;
  width: 170px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #258fec;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 5px rgba(32, 106, 22, 0.28);
  box-shadow: 0 4px 5px rgba(32, 106, 22, 0.28);
}
.zkPageView .c2 .list .item:nth-of-type(3) .btn,
.zkPageView .c2 .list .item:nth-of-type(5) .btn {
  color: #258fec;
}
.zkPageView .c3 .tg-list {
  border-top: 2px solid #4cc55e;
  border-bottom: 2px solid #4cc55e;
}
.zkPageView .c3 .tg-list .tg-item {
  width: 33%;
  text-align: center;
  padding: 20px 10px 10px;
}
.zkPageView .c3 .tg-list .tg-item.active {
  background-color: #4cc55e;
}
.zkPageView .c3 .tg-list .tg-item.active .txt-666 {
  color: #fff;
}
.zkPageView .c3 .tg-list .tg-item img {
  height: 59px;
  display: inline-block;
  vertical-align: bottom;
}
.zkPageView .c3 .show-box {
  padding: 50px 0;
  display: none;
}
.zkPageView .c3 .show-box .tit-bg {
  height: 191px;
  padding-top: 60px;
  margin-top: 67px;
  margin-left: 50px;
  background: url(../imgs/c3-tit.png) no-repeat;
}
.zkPageView .c3 .show-box .sep {
  font-size: 88px;
  line-height: 100px;
  color: #4cc55e;
  font-weight: 600;
  padding-right: 10px;
  margin-left: -50px;
}
.zkPageView .c3 .show-box .para {
  white-space: nowrap;
  color: #3f3f3f;
}
.zkPageView .c3 .show-box.c34-con .tit-bg {
  position: absolute;
  top: 0;
  right: 0;
}
.zkPageView .c3 .show-box.c33-con .tit-bg {
  left: 0;
  top: 45%;
  width: 40%;
  margin-top: 0;
}
.zkPageView .c4 .list .item:not(:last-of-type) {
  padding-right: 20px;
}
.zkPageView .c4 .list .item .link {
  border-radius: 4px;
  background-color: #fff;
}
.zkPageView .c4 .list .item .link .bg {
  width: 235px;
  height: 160px;
}
.zkPageView .footer-wrap {
  width: 100%;
  height: 500px;
  padding-top: 200px;
  background: url(../imgs/foot.png) top center no-repeat;
}
.zkPageView .footer-wrap .btn {
  width: 420px;
  margin: auto;
  hright: 46px;
  line-height: 46px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  background: #f5ac46;
  border-radius: 30px;
}
#section-3 .tab-titles { margin-top: 30px; }

#section-3 .tab-titles .tab-title { float: left; width:500px; height: 64px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 4px solid #19a053; text-align: center; line-height: 60px; font-size: 24px; color: #fff; background-color: #19a053; cursor: pointer; }

#section-3 .tab-titles .tab-title:nth-child(2) { margin-left: 0px; }

#section-3 .tab-titles .tab-title.active { background-color: #fff; color: #404040; }

#section-3 .tab-contents { background-color: #fff; padding: 30px 20px 50px; }

#section-3 .tab-contents h3.title { padding-left: 20px; font-size: 20px; height: 51px; line-height: 44px; background: url("../../images/primary-title1-bg_960x51.png") }

#section-3 .tab-contents .advantages .item { float: left; }

#section-3 .tab-contents .advantages .img-icon { text-align: center; }

#section-3 .tab-contents .advantages h4 { line-height: 50px; font-size: 18px; text-align: center; }

#section-3 .tab-contents .advantages p { font-size: 16px; line-height: 32px; color: #666666; text-align: justify; }

#section-3 .tab-contents .advantages.three-items { margin: 30px -15px; }

#section-3 .tab-contents .advantages.three-items .item { width: 300px; margin: 0 15px; }

#section-3 .tab-contents .advantages.three-items p { padding: 0 10px; }

#section-3 .tab-contents .advantages.four-items { margin: 30px -20px; }

#section-3 .tab-contents .advantages.four-items .item { width: 210px; margin: 0 20px; }

#section-3 .tab-contents .advantages.four-items p { padding: 0 5px; }

#section-3 .tab-contents .advantages.five-items { margin: 30px -20px; }

#section-3 .tab-contents .advantages.five-items .item { width: 200px; margin: 0 20px; }

#section-3 .tab-contents h4.title { font-size: 20px; margin: 30px 0 -10px 24px; padding-left: 10px; border-left: 6px solid #b3da3c; }

#section-3 .tab-contents .grade-links { margin-top: 10px; margin-bottom: 30px; margin-left: 15px;display: block; }

#section-3 .tab-contents .grade-links.online .link { width: 147px; }

#section-3 .tab-contents .grade-links .title { float: left; line-height: 50px; font-size: 20px; text-align: center; margin: 10px 0; padding: 0 24px; }

#section-3 .tab-contents .grade-links .link { width: 224px; float: left; margin-top:15px; margin-right:12px; margin-bottom:20px;}

#section-3 .tab-contents .grade-links .link img { width: 224px;height: 150px;}

#section-3 .tab-contents .text { padding-top: 5px; width: 220px;}

#section-3 .tab-contents .txt-lh16 {font-size: 16px; color:#000; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; margin-top: 8px;}

#section-3 .tab-contents .txt-lh14 { font-size: 14px;line-height: 24px; color: #828d97; margin-top: 6px;}

#section-3 .tab-contents .ptn { padding-top: 5px; overflow: hidden; float: left;}

#section-3 .tab-contents .grade-links .link a { display: block;  width: 95px; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; text-align: center; border-radius: 2px; font-size: 14px; }

#section-3 .tab-contents .grade-links ul { overflow: hidden; }

#section-3 .tab-contents .yuyue {  background-color: #ff7c25; color: #fff; float: left; margin-right: 10px;border: 1px solid #ff7c25;}

.xiangqing { float:right;  border: 1px solid #ff7c25;   color: #ff7c25;  font-size: 14px;  background: #fff;}

#section-3 a.btn{display: block; width:380px; height: 42px;color: #ffffff;background-color: #19a053; line-height: 42px; font-size: 20px;padding: 6px 30px;border-radius: 6px;text-align: center; margin: 0 auto;}

#section-3 a.btn:hover { background-color: #0d8842; }

#section-4 {/* background:url("../images/section-4.png")*/  background: #f8fafb;}
#section-41 { background:url("../images/mid_07.png") }
#section-41 h2.sub-title { width: 900px; font-size: 24px; color: #7a7a7a;  font-weight: 500; line-height: 44px; text-align: center; margin: 10px auto 30px; }


.leak-check {border-radius:10px; box-shadow:0px 0px 14px 4px rgba(68,127,138,0.2); background:#258fec; margin-top:-35px; }
.leak-check .izk-form-box { color: #fff; font-size: 16px; padding:45px 280px; }
.leak-check .input-text { float: left; border: none; margin: 0 25px 16px 0; padding: 0 20px 0 55px; font-size: 16px; width: 249px; height: 56px; box-sizing: border-box; color: #999;border-radius: 4px; background:#f4f4f4 url(../imgs/ico-p.png) no-repeat 20px center;}
.leak-check .input-tel{background:#f4f4f4 url(../imgs/ico-t.png) no-repeat 20px center;}
.leak-check .input-text:focus, .leak-check input::-webkit-input-placeholder {color: #a2a2a2;}
.leak-check .btn-submit { width: 250px; height: 56px; line-height: 56px; font-size: 18px; color: #fff; cursor: pointer; border-radius: 4px; background-color: #fd9a4a; border:0; font-family:"微软雅黑"; outline:none;}
.leak-check .btn-submit:hover { background-color: #fe7d14; }