/**********************内页广告图************************/
.sub-banner {
  height: 461px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
/**********************频道页************************/
.pd .pd-left {
  margin-left: 4.4%;
  width: 41.67%;
}
.pd .pd-right {
  width: 42.583%;
  margin-right: 5%;
}
.more {
  width: 106px;
  line-height: 36px;
  height: 36px;
  background-color: #5a7676;
}
.more i {
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../images/ico10.png);
  width: 23px;
}
.categary {
  margin-left: -3.08%;
}
.categary .ca {
  width: 30.25%;
  margin-left: 3.08%;
  height: 261px;
}
.categary .ca .bg {
  background-color: rgba(0, 0, 0, 0.27);
  line-height: 43px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.categary li.ca {
  height: auto;
}
.categary li .box {
  padding-left: 8%;
  padding-right: 8%;
}
.fotoplace {
  padding-left: 85px;
  padding-right: 85px;
}
.fotoplace .swiper-slide {
  width: 280px;
}
.fotoplace .swiper-button-next,
.fotoplace .swiper-button-prev {
  width: 15px;
  height: 29px;
  background-size: 15px 29px;
}
.fotoplace .swiper-button-next {
  background-image: url(../images/ico12.png);
}
.fotoplace .swiper-button-prev {
  background-image: url(../images/ico11.png);
}
.home-ico {
  padding-left: 22px;
  background: url(../images/ico13.png) no-repeat left center;
}
.c-nav {
  border-bottom: 1px solid #e4e4e4;
  height: 38px;
}
.c-nav .c-nav-div a {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 3px 11px;
  margin-left: 55px;
  border-bottom: 2px solid transparent;
}
.c-nav .c-nav-div a.act {
  border-bottom-color: #198eed;
}
.pager a {
  padding: 3px 11px;
  line-height: 21px;
  font-size: 14px;
  border: 1px solid #cccccc;
  color: #261603;
  margin-left: 1px;
  margin-right: 1px;
}
.pager a:hover,
.pager a.act {
  border-color: transparent;
}
/**********************荣誉资质************************/
.honor li {
  margin-left: 2.08%;
  margin-right: 2.08%;
  width: 29.17%;
  float: left;
  padding-bottom: 18px;
  margin-bottom: 56px;
  background: url(../images/ico14.png) no-repeat center bottom;
  background-size: 100% 30px;
}
.honor li .h-img {
  width: 260px;
  height: 234px;
}
.honor li .h-img img {
  top: auto;
}
/**********************荣誉资质弹出框************************/
.pop-honor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.28);
}
.pop-honor.act {
  visibility: visible;
}
.pop-honor .honor-banner {
  width: 792px;
  top: 50%;
  margin-top: -302px;
}
.pop-honor .box-img {
  height: 480px;
  padding: 40px 20px;
  background-color: #fff;
  width: 752px;
  position: relative;
}
.pop-honor .pop-title {
  padding: 0 20px;
  border-radius: 13px;
  min-width: 215px;
  background-color: rgba(0, 0, 0, 0.81);
}
.pop-honor .swiper-button-next,
.pop-honor .swiper-button-prev {
  width: 38px;
  height: 40px;
  background-size: 38px 40px;
}
.pop-honor .swiper-button-next {
  background-image: url(../images/ico15.png);
  right: 0;
}
.pop-honor .swiper-button-prev {
  background-image: url(../images/ico16.png);
  left: 0;
}
.pop-honor .close {
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  z-index: 9999;
  background: url(../images/ico17.png) no-repeat center center / cover;
}
/**********************发展历程************************/
.develop .d-top {
  height: 34px;
  background: url(../images/d01.jpg) no-repeat 16px center;
}
.develop .d-bot {
  height: 34px;
  background: url(../images/d04.jpg) no-repeat 16px center;
  margin-bottom:20px;
}
.develop .d-content {
  padding-top: 8px;
  padding-left: 81px;
  padding-bottom: 20px;
  background: url(../images/d02.jpg) repeat-y 29px center;
}
.develop li {
  padding-top: 11px;
  padding-bottom: 9px;
  position: relative;
}
.develop li .date {
  padding-left: 14px;
  font-size: 14px;
  background: url(../images/d06.jpg) no-repeat left 6px;
}
.develop li .d-text {
  width: 90%;
}
.develop li .ico {
  width: 42px;
  height: 42px;
  background: url(../images/d03.jpg) no-repeat center center;
  top: 0;
  left: -69px;
}
.develop li .d-box {
  padding: 15px;
  display: none;
  background-color: #f7f7f7;
}
.develop li .d-box .img {
  width: 21.6%;
}
.develop li .d-box .d-box-txt {
  width: 75%;
}
.develop li.cur .ico {
  background-image: url(../images/d05.jpg);
}
.develop li.cur .date {
  color: #0168b7;
  background-image: url(../images/d07.jpg);
}
.yq_detail .yq-title {
  line-height: 45px;
}
.yq-tj span {
  width: 25%;
}
.yq-fl span {
  padding-left: 24px;
  padding-right: 24px;
  line-height: 36px;
  border: 1px solid #4798f3;
  color: #4798f3;
  font-size: 15px;
  margin-left: 22px;
  margin-right: 22px;
  margin-bottom: 10px;
}
.yq table {
  table-layout: fixed;
}
.yq thead {
  border: 1px solid #ededed;
}
.yq thead td {
  font-size: 14px;
  background: url(../images/tb_bg.jpg) repeat-x;
  line-height: 39px;
}
.yq td {
  padding-left: 1%;
  padding-right: 1%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yq td.td01 {
  width: 23%;
}
.yq td.td02,
.yq td.td03,
.yq td.td04,
.yq td.td05,
.yq td.td06 {
  width: 13%;
}
.yq tbody td {
  padding-top: 13px;
  padding-bottom: 11px;
  line-height: 24px;
  border-bottom: 1px dashed #ececec;
}
.yq .s-more {
  background: url(../images/s-more.jpg) no-repeat center center;
}
.qy-d-tile {
  background-color: #f3f3f3;
  padding-left: 74px;
  padding-right: 74px;
}
.qy-d-bdy {
  padding-left: 74px;
  padding-right: 74px;
}
.go-back-btn a {
  width: 145px;
  line-height: 44px;
  border-radius: 5px;
  background-color: #faab14;
}
.fh-syj {
  border-top: 1px dashed #d3d3d3;
}
.fh-syj a {
  padding-left: 26px;
  line-height: 26px;
  background: url(../images/ico18.png) no-repeat left center;
}
.yq-bd {
  width: 600px;
}
.yq-bd .s01 {
  width: 82px;
}
.yq-bd .inp {
  width: 470px;
  line-height: 22px;
  padding: 5px 10px;
  border: 1px solid #cccccc;
}
.yq-bd textarea {
  height: 100px;
}
.yq-bd .btn {
  font-size: 15px;
  color: #fff;
  width: 137px;
  line-height: 38px;
  text-align: center;
  background-color: #c0c0c0;
}
.yq-bd .btn.act {
  background-color: #198eed;
}
.yq-bd .s-btn {
  padding: 5px 10px;
  border: 1px solid #cccccc;
  line-height: 24px;
  width: 168px;
}
.yq-bd .sub-btn {
  width: 76px;
  background-color: #fec961;
  position: relative;
  overflow: hidden;
}
.yq-bd .sub-btn.inp {
  border-color: #fec961;
}
.yq-bd .sub-btn.yzm {
  padding: 0;
  height: 34px;
  border-color: #e9e7e8;
  background-color: transparent;
  width: 94px;
}
.yq-bd .file {
  position: absolute;
  left: 0;
  width: 0;
  width: 96px;
  height: 34px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tab-a a {
  width: 97px;
  line-height: 30px;
  border: 1px solid #cccccc;
  color: #666;
  border-radius: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.tab-a a.act,
.tab-a a:hover {
  background-color: #198eed;
  border-color: #198eed;
  color: #fff;
}
.news-list li {
  padding: 18px;
  background-color: #f7f7f7;
  margin-bottom: 35px;
  height: 167px;
}
.news-list li .n-img {
  width: 240px;
  height: 100%;
}
.news-list li .n-go {
  background: url(../images/ico19.png) no-repeat center center;
  width: 42px;
  height: 42px;
  margin-top: 63px;
}
.news-list li .n-txt {
  margin-left: 3.87%;
  width: 58%;
}
.zt-pro {
  padding-left: 3.33%;
  padding-right: 3.33%;
}
.zt-pro li {
  width: 30.1%;
  padding-left: 1.615%;
  padding-right: 1.615%;
  margin-bottom: 34px;
  float: left;
}
.zt-pro li .border {
  border: 1px solid #e0dede;
  padding: 5%;
}
.zt-pro li .zt-img {
  height: 190px;
}
.zt-detail .zt-left {
  width: 626px;
}
.zt-detail .swiper-container {
  margin-left: auto;
  margin-right: auto;
}
.zt-detail .swiper-slide {
  background-size: cover;
  background-position: center;
}
.zt-detail .gallery-top {
  height: 587px;
  width: 624px;
}
.zt-detail .gallery-top .swiper-slide {
  height: 440px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.zt-detail .gallery-thumbs {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 20px;
  margin-left: 34px;
  margin-right: 34px;
  width: 558px;
}
.zt-detail .gallery-thumbs .swiper-slide {
  width: 130px;
  height: 125px;
  border: 1px solid #ccc;
}
.zt-detail .gallery-thumbs .swiper-slide-active {
  border-color: #198eed;
}
.zt-detail .swiper-button-next,
.zt-detail .swiper-button-prev {
  top: auto;
  margin-top: 0;
  bottom: 21px;
  width: 20px;
  height: 83px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  background-size: 6px 13px;
}
.zt-detail .swiper-button-next {
  right: 0;
  background-image: url(../images/ico21.png);
}
.zt-detail .swiper-button-prev {
  left: 0;
  background-image: url(../images/ico20.png);
}
.zt-detail .zt-right {
  width: 43%;
}
.zt-title {
  border-bottom: 1px solid #cccccc;
  height: 30px;
  line-height: 30px;
}


/*2017-6-7*/
.img-md {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.img-md img {
  max-width: 95%;
  max-height: 95%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.proimg {
  width: 630px;
  float: left;
  position: relative;
}
.proimg-l {
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.proimg-l .img-md {
  width: 100%;
  height: 440px;
}
.proimg-l .img-md img {
  max-width: 100%;
  max-height: 100%;
}
.proimg-l .bx-wrapper .bx-controls-direction a {
  width: 20px;
  height: 40px;
  margin-top: -20px;
  background-color: rgba(0, 0, 0, 0.1);
  display: none;

}
.proimg-s-wrap {
  width: 550px;
  height: 125px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.proimg-s {
  width: 1000%;
  position: absolute;
  left: 0;
  top: 0;
}
.proimg-s li {
  float: left;
  width: 130px;
  height: 125px;
  margin-right: 10px;
  cursor: pointer;
  overflow: hidden;
}
.proimg-s li a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
      box-sizing: border-box;
}
.proimg-s li img {
  width: 100%;
  height: 100%;
}
.proimg-s li a.active {
  border: 1px solid #198eed;
}
.proimg-pager li {
  width: 21px;
  height: 83px;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
  border: 1px solid #ccc;
}
.proimg-pager li.prev {
  left: 0;
  background: #f5f5f5 url(../images/ico20.png) no-repeat center;
}
.proimg-pager li.next {
  right: 0;
  background: #f5f5f5 url(../images/ico21.png) no-repeat center;
}
.proimg-pager li:hover {
  background-color: #f1f1f1;
}
@media(max-width: 640px) {
  .proimg {
    width: 100%;
  }
  .proimg-s-wrap,
  .proimg-pager {
    display: none;
  }
  .proimg-l .bx-wrapper .bx-controls-direction a {
    display: block;
  }
  .proimg-l .img-md {
      height: 240px;
  }
}