@CHARSET "UTF-8";
.key_tag {
    text-decoration: underline;
}

/*产品详细*/


.pro-detail{
    display: flex;
    justify-content:space-between;
    align-items:center;
    padding:9vh 0 7.5vh;
}

.pro-detail .mySwiper2.img a{

    height: 100%;
    display: block;
    font-size: 0;
    vertical-align: middle;

}
.pro-detail .mySwiper2.img img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.pro-detail .img_a {
    height: 100px;
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}
.pro-detail  .swiper-slide-thumb-active .img_a{
    border:1px solid #0078d6;
}
.pro-detail .img_a img{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pro-detail .img {
  width: 40%;
}
.pro-detail .img  a{
    display: block;
    text-align: center;
    border:1px solid #eee;
}
.pro-detail .mySwiper{
    margin:2vh 0 4vh;
}
.product_detail .img{
    display: block;
}
.product_detail .img img {
    max-width: 100%;
    height: auto;
}
.product_detail .mySwiper .swiper-button-next {
  position: absolute;
  width: 27px;
  height: 27px;
  background: rgba(37, 37, 37, 0.6) !important;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
  top: 50%;
  margin-top: -13.5px;
  right:0;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  outline: none;
  border: none;
}
.product_detail .mySwiper .swiper-button-prev {
  position: absolute;
  width: 27px;
  height: 27px;
  background: rgba(37, 37, 37, 0.6) !important;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
  top: 50%;
  left: 0;
  margin-top: -13.5px;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  outline: none;
  border: none;
}



.product_detail .mySwiper .swiper-button-prev:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  background-position: 1px -509px;
}

.product_detail .mySwiper .swiper-button-next:after {
     content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  background-position: -27px -240px;
}





.product_detail .mySwiper:hover .swiper-button-next {
  opacity: 1;
}
.product_detail .mySwiper:hover .swiper-button-prev {
  opacity: 1;
}

.pro-detail .list{
    width: 52%;
}
.pro-detail .list .cname{
  color:#666;
  font-size: 24px;
  line-height: 2;
}
.pro-detail .list .title{
  color:#333;
  font-size: 30px;
  font-weight: bold;
  line-height: 2;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 1vw;
}
.pro-detail .list .intro{
  color:#666;
  font-size: 16px;
  line-height: 2.125;
  margin:1vw 0 1.5vw;
}

.p-line{
    background: url(../images/pline.png) no-repeat 0 calc(50% - 10px);
    padding-left:44px;
    color:#666;
    font-size: 18px;
    line-height: 48px;
    border-bottom: 1px dashed #e6e6e6;
    padding-bottom: 20px;
}
.p-links{
    font-size: 0;
    margin-top:2vw;
}
.p-links a{
    display: inline-block;
    vertical-align: top;
    width: 200px;
    color:#fff;
    font-size: 16px;
    line-height: 64px;
    padding-left:88px;
    border-radius: 5px;
}
.p-links .plk1{
    background: url(../images/plk1.png) no-repeat 52px 50% #0078d6;
    margin-right: 30px;
}
.p-links .plk2{
    background: url(../images/plk2.png) no-repeat 52px 50% #202020;
}
.p_detail{
    padding-bottom: 5vh;
}
.p_detail-tit{
    background: #f8f8f8;
}
.p_detail-tit ul li{
    width: 150px;
    float: left;
    margin-right: 2.5vw;
    position: relative;
}
.p_detail-tit ul li a{
    display: block;
    color:#666;
    font-size: 20px;
    line-height: 70px;
    font-weight: bold;
    text-align: center;
}
.p_detail-tit ul li.on a{
    color:#0078d6;
}
.p_detail-tit ul li.on:after{
    position: absolute;
    width: 100%;
    height: 3px;
    content: "";
    left:0;
    bottom:0;
    background: #0078d6;
}

.p_detail .content{
    padding-top: 6vh;
}
.p_detail-t1{
    color:#333;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
}
.p_detail-con{
    padding:2vh 0 5vh;
    color:#666;
    font-size: 16px;
    line-height: 2.1875;
}
.jqzoom {
    text-decoration: none;
}

.neitt {
    line-height: 35px;
}

.neixb {
    font-size: 16px;
    color: #000;
    max-width: 400px;
}



.list_p {
    position: relative;
}

.list_p .pdf-download {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #ac1e2e;
    border-bottom: 1px solid #ac1e2e;
    padding-top: 56px;
    background: url(../images/pdf.png) no-repeat center 3px;
}

.list_p li {
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: "Microsoft YaHei"
}

.list_p li h2 {
    font-size: 12px;
}

.product_detail .inquiry {
    line-height: 32px;
    border: none;
    margin-top: 6px;
}

.product_detail .inquiry a {
    background: #ac1e2e;
    display: block;
    width: 232px;
    height: 63px;
    line-height: 63px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    float: left;
}

.lianxi77 {
    float: left;
    margin-left: 40px;
}

.list_p li h2 a {
    font-size: 12px;
}

.p_detail span.title {
    line-height: 28px;
    height: 28px;
    text-align: left;
    margin-top: 10px;
    display: block;
    padding-left: 10px;
    font-size: 12px;
    border-bottom: 1px solid #0055ac;
}

.p_detail p.dd {
    padding-top: 5px;
    padding-bottom: 5px;
}

h3.tag {
    line-height: 32px;
    border-top: 1px dashed #e0e1dc;
    margin-top: 10px;
    color: #999;
    font-weight: normal;
    font-size: 14px;
}

h3.tag a {
    color: #005a98;
}

h3.tag a:hover {
    color: #e87518;
}

.page {
    line-height: 26px;
    border-top: 1px dashed #e0e1dc;
    margin-top: 6px;
    padding-top: 5px;
    font-size: 12px;
}

.page a {
    color: #005a98;
}

.page a:hover {
    color: #e87518;
}

.page span {
    color: #005a98;
}

@CHARSET "UTF-8";


@media(max-width: 991px){

      .pageController .t1{
        display: none;
      }
      .pageController .t2{
        width: 100%;
        text-align: center;
      }
      .pro-detail{
        flex-wrap:wrap;
      }
      .pro-detail .img{
        width: 100%;
        margin-bottom: 3vh;
      }
      .pro-detail .list{
        width: 100%;
      }
      .sec-pro li{
        width: calc(33.33% - 20px);
      }
      .sort_a li{
        width: calc(33.33% - 20px);
      }
      .pro-cate-list{
         flex-wrap:wrap;
      }
      .pro-cate-list li{
        width: 25%;
        border-bottom: 1px solid #f5f5f5;
      }


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

    .in-pro{
        padding:5vh 0;
    }
    .in-pro h2{
        font-size: 24px;
    }
    .pro-list h3{
        font-size: 16px;
    }
    .pro-list h3:after{
        background-size:15px auto;
    }
    .in-pro .intro{
        font-size:15px;
        margin:10px 0;
    }
    .apply-text h2{
        font-size: 24px;
    }
    .apply-text .intro{
        font-size: 15px;
    }
    .apply-text .more{
        margin-top:15px;
    }
    .apply-text .more a{
        font-size:14px;
    }
    .apply-text .more span{
        padding-left:10px;
    }
    .apply .hd{
        width: 100%;
    }
    .apply .hd li{
        padding:0 20px;
        text-align: center;
        justify-content:center;
        align-items:center;
    }
    .apply .hd li h3{
        font-size: 16px;
    }

   
}