@charset "utf-8";

.main-products .feature h1{display:none;}
.main-products .tab{height:55px;background-color:#f1f0f2;}
.main-products .tab h2{float:left;line-height:55px;font-size:24px;font-weight:bold;}
.main-products .overview{display:none;padding:3.5vw 0;background-color:#f1f4f7;overflow:hidden;}
.main-products .overview .slide-pro{float:left;width:38vw;overflow:hidden;}
.main-products .overview .slide-pic{width:31.25vw;height:31.25vw;overflow:hidden;margin: 0 auto;}
.main-products .overview .slide-pic li{width:31.25vw;height:31.25vw;}
.main-products .overview .slide-pic li img{width:100%;height:100%;}
.main-products .overview .slide-dot{position:relative;width: 31.25vw;padding: 0 2.375vw;box-sizing: border-box;margin: 1vw auto;}
.main-products .overview .slide-dot li{width:6.25vw;height:6.25vw;border:1px solid #fff;box-sizing:border-box;cursor:pointer;float: left;margin-right: 0.37vw;}
.main-products .overview .slide-dot li img{width:100%;height:100%;}
.main-products .overview .slide-dot li.active{border-color:#00A9FF;}
.main-products .overview .slide-dot .pos{height: 6.25vw;overflow:hidden;margin: 1vw auto 0;}
.main-products .overview .slide-dot .btn{position:absolute;top: 50%;width: 2.375vw;height: 6.25vw;cursor:pointer;transition:all .3s;transform: translateY(-50%);}
.main-products .overview .slide-dot .btn:before{content:"";position:absolute;left:50%;top:50%;width:0.8vw;height:2px;margin-left: -0.2vw;background-color:#00A9FF;transform-origin:center;transition:all .3s;-webkit-transform-origin: 0% 50%;}
.main-products .overview .slide-dot .btn:after{content:"";position:absolute;right:50%;top:50%;width:0.8vw;height:2px;margin-right: -0.6vw;background-color:#00A9FF;transform-origin:center;transition:all .3s;-webkit-transform-origin: 0 50%;}
.main-products .overview .slide-dot .btn:hover{background-color:#00A9FF;}
.main-products .overview .slide-dot .btn:hover:before{background-color:#fff;}
.main-products .overview .slide-dot .btn:hover:after{background-color:#fff;}
.main-products .overview .slide-dot .prev{left: 0;}
.main-products .overview .slide-dot .prev:before{transform:rotate(45deg);}
.main-products .overview .slide-dot .prev:after{transform:rotate(-45deg);}
.main-products .overview .slide-dot .next{right: 0;}
.main-products .overview .slide-dot .next:before{transform: rotate(-135deg);margin-left: .3vw;}
.main-products .overview .slide-dot .next:after{transform: rotate(135deg);margin-right: -1.1vw;}

.main-products .overview .desc{float:right;width:30vw;padding-top:3vw;}
.main-products .overview .desc h1{line-height:2.8vw;padding-bottom:1.5vw;margin-bottom:1.5vw;border-bottom:1px solid #ddd;font-size:2.5vw;}
.main-products .overview .desc li{line-height:1.5vw;font-size:0.9375vw;}
.main-products .overview .desc .btn{margin-top:3vw;}
.main-products .overview .desc .btn span{display:inline-block;line-height:2.6vw;margin-right:2vw;padding:0 2vw;border-radius:1.5vw;font-size:0.83vw;background-color:#00A9FF;color:#fff;cursor:pointer;}
.main-products .overview .desc .btn a{display:inline-block;line-height:2.6vw;padding:0 2vw;border-radius:1.5vw;font-size:0.83vw;background-color:#00A9FF;color:#fff;}
.main-products .overview.yes{display:block;}
.main-products .overview .desc .sns a{display:inline-block;vertical-align:top;width:1.8vw;height:1.8vw;margin-right:0.68vw;background-image:url(/images/sns.png);background-size:700% 100%;}
.main-products .overview .desc .sns .facebook{background-position-x:0;}
.main-products .overview .desc .sns .youtube{background-position-x:-100%;}

.main-products .overview .desc .sns .linkedin{background-position-x:-200%;}

.main-products .overview .desc .sns .instagram{background-position-x:-300%;}

.main-products .overview .desc .sns .google{background-position-x:-400%;}

.main-products .overview .desc .sns .pinterest{background-position-x:-500%;}

.main-products .overview .desc .sns .twitter{background-position-x:-600%;}

.main-products .overview .desc .sns .email{background-image:url(/images/sns-email.png);background-size:100%;}

.main-products .overview .desc .sns .print{background-image:url(/images/sns-print.png);background-size:100%;}



.main-products .cool section{min-height:50vh;position:relative;z-index:1;}

.main-products .cool section .sticky-content{position:sticky;left:0;top:0;width:100%;height:100vh;overflow:hidden;}

.main-products .cool .spec{padding:5vw 0;}

.main-products .cool .spec .cont{width:1200px;max-width:92vw;margin:0 auto;}

.main-products .cool .spec .cont h2{line-height:70px;padding-bottom:40px;margin-bottom:50px;border-bottom:2px solid #dcdcdc;font-size:60px;font-weight:bold;color:#000;}

.main-products .cool .spec .cont h3{line-height:50px;margin:50px 0 10px;font-size:35px;font-weight:bold;}

.main-products .cool .spec .cont p{line-height:30px;font-size:20px;color:#000;}

.main-products .cool .spec .cont span{display:block;line-height:30px;margin-top:20px;border-top:2px solid #333;border-bottom:2px solid #333;padding:20px 0;font-size:20px;font-weight:500;}

.main-products .cool .spec .cont table{width:100%;line-height:30px;font-size:20px;color:#000;}

.main-products .cool .spec .cont table td{padding:10px 20px;border:1px solid #e5e5e5;}

.main-products .cool .spec .cont table td:nth-child(1){width:32%;}

.main-products .cool .spec .cont table th{width:20.5%;padding:15px 20px;text-align:left;background-color:#e8e8e8;border:1px solid #cecece;}

.main-products .cool .proenter{padding:2vw 4vw;}

.main-products .cool .proenter h2{line-height:3vw;margin-bottom:1.5vw;font-size:2.5vw;text-align:center;color:#000;}

.main-products .cool .proenter > div{display:flex;justify-content:space-between;}

.main-products .cool .proenter input{width:20%;height:2.4vw;padding:0 1vw;background-color:#dfdfdf;font-size:0.9375vw;box-sizing:border-box;}

.main-products .cool .proenter .area{width:45%;}

.main-products .cool .proenter .sub{width:10%;cursor:pointer;background-color:#00A9FF;color:#fff;}

.main-products .cool .proenter .sub.load{font-size:0;background-image:url(/images/loadinglit.gif);background-size:auto 80%;background-position:center;background-repeat:no-repeat;}

.main-products .cool .show img{width:100%;height:auto;}

.main-products .cool .mob{display:none;}

.main-products .cool .mob img{width:100% !important;height:auto !important;}

/* 公用产品详情页 */

.common-banner{width: 100%;min-height: 50vh;position: relative;z-index: 1;}

.common-banner > img{width: 100%;height: auto;}

.common-banner .text{position: absolute;left: 13.5%;top: 20%;}

.common-banner .text h1{line-height: 4vw; margin-bottom: 1vw; font-size: 3.75vw; font-weight: 900; transition: all 1s;}

.common-banner .text h3{line-height: 3vw; margin-bottom: 1vw; font-size: 2.8vw; color: #000;font-weight: 600;transition: all 1s; transition-delay: .2s;}

.common-banner .text p{line-height: 1.9vw; font-size: 1.25vw; color: #000;transition: all 1s; transition-delay: .6s;}

.common-content{padding: 2.86vw 0;}

.main-products .overview .desc .btn-com{margin: 1.56vw 0;}

.main-products .overview .desc .btn-com span{display:inline-block;line-height:2.6vw;margin-right:2vw;padding:0 3vw 0 1.5vw;border-radius:1.5vw;font-size:0.83vw;background-color:#00A9FF;color:#fff;cursor:pointer;position: relative;}

.main-products .overview .desc .btn-com span::after{content:"→";display: block;width: 18px;height: 14px;line-height: 10px; position: absolute;top: 50%;right: 1.56vw;transform: translateY(-50%);font-size: 23px;background: url(/images/icon-left-w.png) center center no-repeat;}

.main-products .overview .desc .btn-com a{display:inline-block;line-height:2.6vw;padding:0 3vw 0 1.5vw;border-radius:1.5vw;font-size:0.83vw;background-color:transparent;color:#00A9FF;position: relative;border: 1px solid #00A9FF;}

.main-products .overview .desc .btn-com a::after{content:"→";display: block;width: 18px;height: 14px;line-height: 10px;position: absolute;top: 50%;right: 1.56vw;font-size: 23px;transform: translateY(-50%);background: url(/images/icon-left-b.png) center center no-repeat;}

.main-products .overview .desc .btn-com a:hover{background-color: #00A9FF;color: #fff;}

.main-products .overview .desc .btn-com a:hover::after{color: #fff;}


.common-content .tab-item{padding: 1.3vw 0 0.25vw;position: sticky;top: 2.7vw;background-color: #fff;z-index: 99;}

.common-content .tab-item ul{border-bottom: 1px solid #e1e1e1;height: 2.76vw;line-height: 2.76vw;font-size: 0;}

.common-content .tab-item li{display: inline-block;width: 10.42vw;height: 2.71vw;line-height: 2.71vw;cursor: pointer;margin-right: 1.04vw;text-align: center;font-size: 14px;color: #000;border: 1px solid #e1e1e1;border-radius: 5px 5px 0 0;}

.common-content .tab-item li.on{background-color: #144999;color: #fff;}

.common-content .itembox{padding-top: 1.3vw;}

.common-content .plate-video{position:relative;height:29.69vw;overflow:hidden;background-color:#000;}

.common-content .plate-video video{width:100%;height:auto;vertical-align:top;}

.common-content .plate-video iframe{position:relative;width:100%;height:29.69vw;background-color:#000;z-index:2;vertical-align:top;}

.common-content .plate-video .loading{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:1;}

.common-content .plate-video .loading img{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;}

.common-content .spec{overflow-x: auto;}

.common-content .spec table{width: 100%;min-width: 600px;border: 1px solid #e1e1e1;}

.common-content .spec table td{width: 32.86%;padding: 0.26vw 1.56vw;font-size: 0.83vw;line-height: 1.56vw;color: #595757;border: 1px solid #e1e1e1;box-sizing: border-box;}

.common-content .spec table td.tit{width: 17%;background-color: #f1f4f7;color: #000;}

.common-content .spec h4{font-size: 1.25vw;line-height: 1.56vw;margin: 1.56vw 0 1.56vw;color: #000;}

.common-content .spec p{font-size: 0.83vw;color: #666666;line-height: 1.46vw;}

.common-content .desc img{max-width: 100%;height: auto;}

.common-content .faq h2{font-size: 1.25vw;line-height: 1.56vw;color: #000;margin: 3.13vw 0 1.56vw;}

.common-content .faq .cont li{padding:1.8vw 2.6vw;margin-bottom:1.6vw;border:1px solid #afb3b6;}

.common-content .faq .cont li h3{position:relative;line-height:1.3vw;margin-bottom:1vw;padding-left:6.5vw;font-size:0.83vw;font-weight:bold;;color:#333;}

.common-content .faq .cont li h3:before{content:"Question";position:absolute;left:0;top:0;;line-height:1.3vw;font-size:0.73vw;font-weight:normal;;color:#8b93a0;}

.common-content .faq .cont li .answer{position:relative;line-height:1.3vw;padding-left:6.5vw;font-size:0.83vw;}

.common-content .faq .cont li .answer p{line-height:1.3vw;font-size:0.83vw;}

.common-content .faq .cont li .answer:before{content:"Answer";position:absolute;left:0;top:0;;line-height:1.3vw;font-size:0.73vw;font-weight:normal;;color:#8b93a0;}

.common-content .down h2{font-size: 1.25vw;line-height: 1.56vw;color: #000;margin: 3.13vw 0 1.56vw;}

.common-content .down .cont li{position:relative;padding:2.6vw 10.5vw 2.6vw 2.6vw;border-bottom:1px solid #e9ebef;background-color: #f7f7f7;}

.common-content .down .cont li h3{line-height:1.4vw;margin-bottom:0.65vw;font-size:0.9375vw;}

.common-content .down .cont li p{line-height:1vw;font-size:0.73vw;font-style:italic;color:#999;}

.common-content .down .cont li .down{position:absolute;right:2.65vw;top:1.5vw;width:5.2vw;height:5.2vw;background-image:url(/images/down-icon.png);background-size:100% 100%;}

.common-content .down .cont li:hover{background-color:#fff;}

.common-content .contact{padding: 3.39vw 0;}

.common-content .contact h2{font-size: 1.25vw;line-height: 1.56vw;color: #000;margin: 0 0 1.56vw;}

.common-content .contact .form8{display: flex;justify-content: space-between;flex-wrap: wrap;}

.common-content .contact p{line-height:1.3vw;margin-bottom:1vw;font-size:0.9375vw;text-align:center;color:#000;}

.common-content .contact input,

.common-content .contact textarea{width:100%;height:2.45vw;line-height:2.45vw;padding:0 0.52vw;margin-bottom:0.78vw;border:0.05vw solid #e1e3e5;box-sizing:border-box;font-size:14px;}

.common-content .contact input{width: 49.5%;}

.common-content .contact textarea{height:120px;line-height:1.3vw;margin-bottom:0.78vw;padding:0.26vw 0.52vw;font-family:Arial;}

.common-content .contact .sub{float:right;width:100%;height:2.45vw;line-height:2.45vw;text-align:center;background-color:#00A9FF;color:#fff;cursor:pointer;}

.common-content .contact .sub.load{font-size:0;background-image:url(/images/loadinglit.gif);background-size:auto 80%;background-position:center;background-repeat:no-repeat;}

.common-content .contact .code{float:left;width:48%;text-align:left;}

.common-content .contact .code input{width:50%;margin-right:0.26vw;}

.common-content .contact .code img{width:47%;height:2.08vw;}

.common-content .product-page{display: flex;justify-content: space-between;}

.common-content .product-page a{width: 49%;flex: 0 0 49%;height: 5.36vw;position: relative;display: flex;align-items: center;justify-content: center;line-height: 1.56vw;color: #333333;font-size: 0.83vw;background-color: #e9e9e9;box-sizing: border-box;}

.common-content .product-page a::after{content: "";display: block;width: 1.41vw;height: 0.99vw;position: absolute;top: 50%;transform: translateY(-50%);}

.common-content .product-page a.prev{padding: 1.04vw 1.04vw 1.04vw 3.65vw;}

.common-content .product-page a.prev::after{left: 1.56vw;background: url(/images/products/icon-prev.png) center center no-repeat;background-size: 100%;}

.common-content .product-page a.next{padding: 1.04vw 1.04vw 1.04vw 3.65vw;}

.common-content .product-page a.next::after{right: 1.56vw;background: url(/images/products/icon-next.png) center center no-repeat;background-size: 100%;}

.recommend{padding: 4.69vw 0;background-color: #f1f4f7;}

.recommend h2{font-size: 2.5vw;line-height: 2.5vw;color: #333333;font-weight: bold;text-align: center;margin-bottom: 3.13vw;}

.recommend .list ul{width:102.857%;overflow: hidden;}

.recommend .list li{position:relative;float:left;width:22.222%;margin:0 2.778% 2.778% 0;padding-top:1vw;border-radius:0.5vw;background-color:#fff;overflow:hidden;transition:all .5s;}

.recommend .list li .pic{height:0;padding-bottom:115.625%;overflow:hidden;}

.recommend .list li .pic img{width:100%;height:auto;}

.recommend .list li .text{padding:0.5vw 2.5vw 1.5vw;text-align:center;}

.recommend .list li .text h3{line-height:2vw;margin-bottom:0.5vw;font-size:1.6vw;color:#000;}

.recommend .list li .text p{height:2vw;line-height:1vw;font-size:0.83vw;color:#b4b9be;}

.recommend .list li .text span{display:inline-block;vertical-align:top;line-height:1.6vw;padding:0 1.3vw;font-size:0.73vw;background-image: linear-gradient(#00A9FF, #2879f3);color:#fff;border-radius:1vw;cursor:pointer;transition:all .5s;}

.recommend .list li .text span i{display:inline-block;vertical-align:middle;width:0.5vw;height:0.5vw;margin-top:-1px;margin-right:0.5vw;border:1px solid #fff;background-size:200% 100%;background-position-x:-100%;}

.recommend .list li .text span:hover{transform:translateY(-3px);box-shadow: 0 2px 5px #999;}

.recommend .list li .text span:hover i{background-position-x:-100%;border-color:#fff;}

.recommend .list li .text span.sed i{background-image:url(/images/select-icon.png);}

.recommend .list li:hover{transform:translateY(-3%);box-shadow:0 0 1vw rgba(0,0,0,.1);}

.recommend .list li.new:after{content:"";position:absolute;left:1vw;top:1vw;width:3vw;height:3vw;background-image:url(/images/new-tag.png);background-size:100% 100%;}

.recommend .list li.hot:after{content:"";position:absolute;left:1vw;top:1vw;width:3vw;height:3vw;background-image:url(/images/hot-tag.png);background-size:100% 100%;}

@media only screen and (max-width:980px){

.common-banner{display:none;}

.main-products .overview.yes{display:none;}

  /* 产品详情页 */

  .common-content{padding: 50px 0;}

  .common-content .tab-item{top: 50px;}

  .common-content .tab-item ul{height: auto;}

  .common-content .tab-item li{font-size: 16px;line-height: 30px;padding: 0 10px;height: 30px;}

  .common-content .itembox{padding-top: 20px;}

  .common-content .spec table td{padding: 5px 15px;font-size: 14px;line-height: 22px;}

  .common-content .spec h4{font-size: 20px;line-height: 25px;}

  .common-content .spec p{font-size: 14px;line-height: 22px;}

  .common-content .faq h2{font-size: 20px;line-height: 25px;margin: 30px 0 10px;}

  .common-content .faq .cont li{padding:15px;margin-bottom:15px;}

  .common-content .faq .cont li h3{line-height:20px;padding-left:70px;margin-bottom:10px;font-size:14px;}

  .common-content .faq .cont li h3:before{line-height:20px;font-size:14px;}

  .common-content .faq .cont li .answer{line-height:20px;padding-left:70px;font-size:14px;}

  .common-content .faq .cont li .answer p{line-height:20px;font-size:14px;}

  .common-content .faq .cont li .answer:before{line-height:20px;font-size:14px;}

  .common-content .down h2{font-size: 20px;line-height: 25px;margin: 30px 0 10px;}

  .common-content .down .cont li{padding:20px 90px 20px 20px;}

  .common-content .down .cont li h3{line-height:25px;margin-bottom:5px;font-size:14px;}

  .common-content .down .cont li p{line-height:20px;font-size:12px;}

  .common-content .down .cont li .down{top:20px;right:20px;width:50px;height:50px;}

  .common-content .contact h2{font-size: 20px;line-height: 25px;margin: 30px 0 10px;}

  .common-content .contact input, .common-content .contact textarea{height: 30px;line-height: 30px;font-size: 14px;padding: 0 10px;margin-bottom: 10px;}

  .common-content .contact textarea{height: 120px;line-height: 22px;padding: 8px;}

  .common-content .contact .sub{height: 30px;line-height: 30px;font-size: 14px;margin-bottom: 0;}

  .common-content .product-page a{font-size: 14px;line-height: 22px;}

  .common-content .product-page a::after{width: 20px;height: 14px;}

  .recommend .list li{width:30.555%;}

  .recommend .list li .text{padding:5px 15px 15px;}

  .recommend .list li .text h3{line-height:20px;margin-bottom:5px;font-size:16px;}

  .recommend .list li .text p{height:30px;line-height:15px;font-size:12px;}

  .recommend .list li.yes:after{width:30px;height:30px;}

}


@media only screen and (max-width:640px){

  .common-content{padding-top: 20px;}

.common-content .product-page{flex-wrap: wrap;display: none;}

.common-content .tab-item ul{border: none;padding-top: 10px;}

.common-content .tab-item li{border-radius: 5px;width: auto;margin-bottom: 10px;}

.common-content .product-page a{width: 100%;flex: 0 0 100%;margin-bottom: 10px;}

.common-content .plate-video{height: 260px;}

.common-content .plate-video iframe{height: 260px;}

}



@media only screen and (max-width:640px){

.main-products .cool section{display:none;}

.main-products .cool .mob{display:block;}

.main-products .cool .spec{display:block;padding:40px 0;}

.main-products .cool .spec .cont h2{line-height:30px;padding-bottom:10px;margin-bottom:10px;font-size:24px;}

.main-products .cool .spec .cont h3{line-height:30px;margin-bottom:10px;font-size:24px;}

.main-products .cool .spec .cont p{line-height:20px;font-size:14px;}

.main-products .cool .spec .cont span{line-height:20px;padding:10px 0;font-size:14px;}

.main-products .cool .spec .cont table{line-height:20px;font-size:14px;}

.main-products .cool .spec .cont table td,.main-products .cool .spec .cont table th{padding:5px 10px;}

.main-products .tab-content .itembox .cool section{display:block;}

}