﻿.swiper-container{width:100%;height:auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width:50%;left:25%;bottom:30%;}
.swiper-slide{background-color:rgb(0,0,0,.6);}
.bannerTxt{background-color:rgb(0,0,0,.6);position:relative;color:#ffffff;padding-left:5%;padding-top:8px;padding-right:5px;padding-bottom:12px;}
.bannerTxt span.title{font-size:16px;display:block;padding:0 0 0 6px;border-left:2px solid #d60f2a;line-height:16px;}
.bannerTxt span.subTitle{font-size:12px;display:block;padding:5px 0 5px 0;line-height:13px;transform: scale(.96);}
.bannerTxt a{font-size:12px;text-decoration:none;margin:5px 0 0 0px;display:block;transform: scale(.96);color:#a3a3a3;}
.swiper-pagination-bullet{box-sizing:border-box;border:none;width:5px;height:5px;background:#FFFFFF;opacity:0.6;border-radius:50%;margin-right:2.5px !important;margin-left:2px !important;transition:0.3s;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.swiper-pagination-bullet-active{width:16px;height:5px;background:#FFFFFF;border-radius:16px;opacity:1;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}
.kit-video{position:relative;width:100%;margin:30px auto;}
.kit-video .kit-play{display:block;width: 100%;}
.kit-video video{width: 100%;position:absolute;top:0;left:0%;height:100%;}
.videoBox video{width:100%;height:90%;object-fit: cover;}
.play-btn{position: absolute;top:48%;left:50%;width:60px;display:block;transform: translate3d(-50%,-50% ,0);-webkit-transform: translate3d(-50%,-50% ,0);-moz-transform: translate3d(-50%,-50% ,0);cursor: pointer;z-index:999;}
.contentWrap{position:relative;margin:30px auto 100px;width:90%;color:#fff;}
.contentWrap .title{font-size:17px;font-weight:600;width:100%;}
.subTxt{margin:10px 0 10px 0;font-size:13px;}
.subTxt a{display:inline-block;margin-right:15px;text-decoration:none;color:#fff;font-size:13px;font-weight:600;padding:5px 9px 5px 9px;background:#2b2b2b;border-radius:3px;position:relative;min-width:90px;text-align:center;}
.subTxt a span{font-size:12px;}
.subTxt .open{border:1px solid #cbcbcb;background:transparent;padding:3px 18px 3px 2px;}
.subTxt .open span{border-right:1px solid #cbcbcb;display:inline-block;padding-right:3px;}
.open::after{position: absolute;top:3px;right:5px;font-size:12px;content: "\2716";}
.descWrap{position:relative;width:100%;background:rgb(52,52,52,.8);border-radius:2px;font-size:12px;}
.descWrap .desc{padding-left:3%;padding-right:3%;padding-top:10px;padding-bottom:10px;}

.productWrap{width:100%;background:rgb(52,52,52,.8);height:auto;margin:25px auto 0;position:relative;display:flex;align-items:center;font-size:13px;padding-top:10px;padding-bottom:12px;}
.productWrap .productPic{width:20%;text-align:center;margin-left:2%;margin-right:3%;}
.productWrap .productPic img{max-width:90%;max-height:200px;}
.productWrap .content{width:72%;font-size:12px;}
.product-desc .line{display:block;width:100%;}
.content .product-title{width:100%;font-size:14px;padding-bottom:4px;}
.line-separator{width:100%;border-bottom:1px solid #a7a7a7;display:block;opacity:.5;}
.line .label{display:inline-block;width:53%;padding:4px 0 4px 0;}

.product-link{
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
 

