﻿/*************产品详情*************/
#slider{overflow:hidden;padding-bottom:30px;padding-top:0;}
#picView{position:relative;float:left;width:42%;background-color:#fff;}
#picView .gallery-thumbs{margin-top:15px;padding-top:15px;}
#picView .gallery-thumbs .swiper-slide{border:1px solid #dadada;}
#picView .gallery-thumbs .swiper-slide-thumb-active{border-color:#0b9697;position:relative;}
#picView .gallery-thumbs .swiper-slide-thumb-active:before{content:"";position:absolute;left:calc(50% - 6px);top:-12px;border-width:6px;border-style:solid;border-color:transparent transparent #0b9697 transparent;}
#picView .gallery-top .swiper-button-next{right:10px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230b9697'%2F%3E%3C%2Fsvg%3E");}
#picView .gallery-top .swiper-button-prev{left:10px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230b9697'%2F%3E%3C%2Fsvg%3E");}
#picView .boxer{display:block;}
#picView img{width:100%; border:1px solid #e5e5e5;}
#protitle{padding:0 0 0 50px;float:left;width:58%;}
#protitle .style1{overflow:hidden;margin-bottom:20px;}
#protitle .style1 span{width:100%;float:left;font-size:16px;line-height:21px;padding-top: 10px;}
#protitle .style1 h1{font-size:16px;line-height:21px;padding-left:0;color:#006742;padding-top: 10px;}
#protitle .style1 h3{font-size:16px;line-height:21px;padding-left:0;color:#006742;}
#protitle .style1 p{font-size:14px;line-height:21px;padding-left:0;color:#606060; padding-top: 30px; margin-bottom: 0;}
#protitle .style1 p>a{font-size:24px;}
#protitle>p{font-size:14px;line-height:24px;overflow:hidden;margin-top:15px;color:#7b7b7b;}
#protitle .btnlist{margin-top:30px;}
#protitle .link{display: inline-block;font-size: 14px;line-height: 30px;padding: 15px 0 10px;}
#protitle .link>svg{float:left;font-size:30px;margin-right:5px;}
#protitle .btnInquiry{float:left;margin-right:5%;padding:4px 30px;height:38px;font-size:14px;line-height:30px;background-color:#bfbfc1;color:#ffffff;text-align:center;display:block;text-transform:uppercase;margin-top:10px;}
#protitle .btnlist .btncar{float:right;}
#protitle #ProShare{margin-top:25px;}
#protitle #ProShare a{padding:0;margin-right:10px;}
#protitle #ProShare a>span{width:24px!important;height:24px!important;line-height:24px!important;}
#protitle #ProShare a>span>svg{width:24px!important;height:24px!important;}
#myTab {position:relative;border:none;border-bottom:1px solid #006742;}
#myTab li {margin-right:5px;margin-bottom:-10px;}
#myTab li a{border-radius:0;margin-right:0;color:#fff;padding:0;background-color:#0b9697;border:none;line-height: 40px;display: initial;}
#myTab li a h2{font-size:18px;line-height:40px;color:#fff;background-color:#006742;font-weight:normal;text-align:center;padding:5px 40px;display:inline-block;position:relative;z-index:1;}
#myTab li.active a,#myTab li:hover a{}
#myTabContent{padding:20px 0;}
#inquiry {margin-top:30px;}
#inquiry .remark{font-size:13px;line-height:23px;margin-top:15px;}
.pro_tit{position:relative;border-bottom:1px solid #006742;}
.pro_tit h2{font-size:18px;line-height:40px;color:#fff;background-color:#006742;font-weight:normal;text-align:center;padding:5px 40px;display:inline-block;position:relative;z-index:1;margin-bottom: 0;}
@media screen and (min-width:992px ) and (max-width:1199px) {
    #slider h1{font-size:22px;line-height:25px;}
    #protitle>p{line-height:20px;}
    #protitle{padding:0 15px;width:50%;}
    #protitle .link a{margin-right:25px;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    #ProShare{display:block;margin:0;padding-top:15px;clear:both;}
    #protitle{padding-left:30px;}
    #protitle>h1{font-size:24px;line-height:36px;}
    #protitle>p{line-height:20px;}
    #protitle .btnInquiry{font-size:16px;}
    #protitle .link a{margin-right:20px;}
    #protitle #ProShare{margin-top:10px;}
    #pro_detail .left_nav{display:none;}
    #pro_detail .right_nav{width:100%;float:none;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #picView{width:100%;}
    #picView .gallery-thumbs{display:none!important;}


    #ProShare{display:block;margin:0;clear:both;}
    #protitle{padding:15px 0;width:100%;}
    #protitle>h1{font-size:20px;line-height:24px;}
    #protitle>p{line-height:20px;}
    #protitle .link a{margin-right:30px;}
    #pro_detail .left_nav{display:none;}
    #pro_detail .right_nav{width:100%;float:none;}
}

#pro_feed_show{margin-top:30px;padding:40px 20px;background-color:#f8f8f8;border:1px solid #e4e4e4;border-radius:10px;}
#pro_feed_show P{font-size:16px;line-height:20px;margin-bottom:15px;}
#pro_feed_show label{font-weight:normal;display:block;font-size:16px;line-height:20px;text-align:right;}
#pro_feed_show label>em{font-size:20px;color:#ff0000;margin-right:3px;margin-top:3px;font-style:initial;}
#pro_feed_show .form-group{margin-bottom:20px;overflow:hidden;}
#pro_feed_show .form-group .input-group{display:table;}
#pro_feed_show .form-group .input-group span{display:table-cell;border:1px solid #ccc;border-right:none;width:1%;padding:0 20px;}
#pro_feed_show .form-group .input-group .form-control{display:table-cell;width:100%;border-left:none;}
#pro_feed_show .form-control{background-color:#fff;height:34px;padding:0 12px;}
#pro_feed_show textarea.form-control{height:122px;resize:none;padding-top:10px;background-color:#fff;border-radius:0px;}
#pro_feed_show #btn_send{display:block;width:176px;height:40px;line-height:40px;text-align:center;border:none;color:#fff;background-color:#006742;font-size:16px;text-transform:capitalize;}


#relatepro {margin-top:30px;}

#RelatedVideo{margin-top:50px;}
#RelatedVideo .relate_list{margin-top:30px;overflow:hidden;margin:0 -15px;}
#RelatedVideo .relate_list .item{padding-bottom:10px;padding:0 15px;float:left;width:25%;}
#RelatedVideo .relate_list .item:nth-child(4n+1){clear:left;}
#RelatedVideo .relate_list .item .img{overflow:hidden;border:1px solid #cccccc;}
#RelatedVideo .relate_list .item .img img{width:100%;}
#RelatedVideo .relate_list .item .txt{margin-top:8px;}
#RelatedVideo .relate_list .item .txt h3{font-size:16px;line-height:20px;text-align:center;}
#RelatedVideo .relate_list .item:hover h3{text-decoration:underline;}

@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:768px ) and (max-width:991px){
    #pro_detail .detalist img{width:100%;}
    #pro_feed_show .btn-info{padding:10px 15px;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #relatepro h2{font-size:16px;}
    #pro_feed_show .btn-info{width:100%;padding:5px 0;}
       
    #inquiry h2{font-size:16px;}
    #inquiry>#pro_feed_show{padding:15px;}
    #pro_feed_show .form-group{margin-bottom:15px;}
    #pro_feed_show label{text-align:left;font-size:14px;}
    #pro_feed_show label>em{float:left;}

    embed{width:100%!important;height:auto!important;}
}


.item .img{overflow:hidden;display:block;position:relative;}
.item .img img{display:block;margin:0 auto;max-width:100%;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.water{position:absolute;z-index:1;left:0;top:0;}
.boxer-content{position:relative;}
.boxer-content .water{z-index:0;}


#relatepro .nProList{margin:0 -15px 0;overflow:hidden;}
#relatepro .nProList .box{float:left;width:25%;padding:0 15px;margin-top:30px;}
#relatepro .nProList .item{border:1px solid #eaeaea;border-radius:5px;padding:5px;}
#relatepro .nProList .item img{width:100%;}
#relatepro .nProList .item .txt{padding:10px 0 5px;}
#relatepro .nProList .item .txt h3{font-size:14px;line-height:21px;text-align:center;}
@media screen and (min-width:992px ) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px) {
    #relatepro .nProList{margin:0 -10px 0;}
    #relatepro .nProList .box{width:50%;padding:0 10px;}
    #relatepro .nProList .item:nth-child(2n+1){clear:left}
}


#detail .taglist {
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
}


#detail .taglist p{
    line-height: 30px;
    font-size: 16px;
}


#detail .taglist strong
{
    margin-bottom:10px;
    display: inline-block;
}

#detail .taglist img {
    max-width: 100%;
    height: auto;
}

#detail .taglist table {
    width: 100% !important;
    border-collapse: collapse;
    border: 0px none;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-spacing: 0;
    table-layout: fixed;
}

#detail .taglist table tr {
    height: auto !important;
}

#detail .taglist table td:first-child {
    width: 150px !important;
}

#detail .taglist table td {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px !important;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto!important;
}

#detail .taglist table td p {
    display: block;
    margin: 0;
}

#detail .taglist table td span {
    display: inline-block;
    margin: 0;
    font-size: 16px !important;
    text-align: center;
}

#detail .taglist table tr {
    transition: all .2s;
}

#detail .taglist table tr:hover {
    background: #e7f1fc;
}
