@charset "utf-8";



.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;}

.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: rgb(8, 171, 247);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:100%;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:nth-child(2n+1){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 .desc .wp-block-image > img{width:100%;}

.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:#08abf7;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(#08abf7, #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%;}





.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:#08abf7;}

.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:#08abf7;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:#08abf7;transform-origin:center;transition:all .3s;-webkit-transform-origin: 0 50%;}

.main-products .overview .slide-dot .btn:hover{background-color:#08abf7;}

.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:1vw;}

.main-products .overview .desc h1{line-height:2.8vw;margin-bottom:0.5vw;font-size:2vw;}

.main-products .overview .desc .price{line-height:1.5vw;padding-bottom:0.5vw;margin-bottom:1vw;border-bottom:1px solid #ddd;font-size:1.2vw;}

.main-products .overview .desc ul{margin-bottom:1.5vw;}

.main-products .overview .desc li{line-height:1.5vw;font-size:0.9375vw;}

.main-products .overview .desc .minor{color:red;}

.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:#08abf7;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:#08abf7;color:#fff;}

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

.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:#08abf7;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:#08abf7;position: relative;border: 1px solid #08abf7;}

.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: #08abf7;color: #fff;}

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

.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(/wp-content/uploads/2026/05/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 .z8ultramax section > img {width: 100%;height: auto;}
.main-products .cool .z8ultramax .text {position: absolute;}
.main-products .cool .z8ultramax .text h2{line-height: 2.7vw;margin-bottom: 1.5vw;font-size: 2.7vw;font-weight: bold;}
.main-products .cool .z8ultramax .text p{line-height: 1.2vw;font-size: 0.9vw;color: #000;}
.main-products .cool .z8ultramax .box1 .text{top: 3%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box1 .text h2{color: #fff;font-size: 5vw;line-height: 6.5vw;}
.main-products .cool .z8ultramax .box1 .text h3{font-size: 3vw;line-height: 4vw;color: #fff;}
.main-products .cool .z8ultramax .box1 .text h3 span{color: #ce0100;}
.main-products .cool .z8ultramax .box1 .text p{font-size: 2.5vw;line-height: 3.2vw;color: #fff;}
.main-products .cool .z8ultramax .box2 .text{top: 1.5%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box2 .text h2{color: #fff;font-size: 5vw;line-height: 6.5vw;}
.main-products .cool .z8ultramax .box2 .text h3{font-size: 3vw;line-height: 4vw;color: #fff;}
.main-products .cool .z8ultramax .box2 .text h3 span{color: #ce0100;}
.main-products .cool .z8ultramax .box3 .text{top: 2.5%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box3 .text h2{color: #fff;font-size: 5vw;line-height: 6.5vw;}
.main-products .cool .z8ultramax .box3 .text h4{font-size: 3vw;line-height: 4vw;color: #fff;}
.main-products .cool .z8ultramax .box4 .text{top: 1%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box4 .text h2{color: #fff;font-size: 5vw;line-height: 6.5vw;}
.main-products .cool .z8ultramax .box4 .text p{font-size: 2.5vw;line-height: 3vw;color: #fff;}
.main-products .cool .z8ultramax .box5 .text{top: 2%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box5 .text h2{color: #fff;font-size: 5vw;line-height: 6.5vw;}
.main-products .cool .z8ultramax .box5 .text p{font-size: 2.5vw;line-height: 3.5vw;color: #fff;padding: 0 5%;}
.main-products .cool .z8ultramax .box6 .text.tx1{top: 4%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box6 .text.tx1 h2{color: #fff;font-size: 4.5vw;line-height: 5.5vw;}
.main-products .cool .z8ultramax .box6 .text.tx1 p{font-size: 2.5vw;line-height: 4vw;color: #fff;padding: 0 5%;}
.main-products .cool .z8ultramax .box6 .text.tx2{top: 81.4%;left: 11.5%;width: 39%;text-align: left;}
.main-products .cool .z8ultramax .box6 .text.tx2 h2{color: #fff;line-height: 2.7vw;margin-bottom: 1.5vw;font-size: 3vw;}
.main-products .cool .z8ultramax .box6 .text.tx2 p{font-size: 2vw;line-height: 2vw;color: #fff;}
.main-products .cool .z8ultramax .box6 .text.tx3{top: 81.4%;left: 63.5%;width: 33%;text-align: left;}
.main-products .cool .z8ultramax .box6 .text.tx3 h2{color: #fff;line-height: 2.7vw;margin-bottom: 1.5vw;font-size: 3vw;}
.main-products .cool .z8ultramax .box6 .text.tx3 p{font-size: 2vw;line-height: 2vw;color: #fff;}
.main-products .cool .z8ultramax .box7 .text{top: 2%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box7 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;}
.main-products .cool .z8ultramax .box7 .text p{font-size: 2.5vw;line-height: 3.5vw;color: #fff;padding: 0 5%;}
.main-products .cool .z8ultramax .box8 .text.tx1{top: 43%;left: 10.5%;}
.main-products .cool .z8ultramax .box8 .text.tx2{top: 89.5%;left: 10%;}
.main-products .cool .z8ultramax .box8 .text p{font-size: 2.5vw;line-height: 2.5vw;}
.main-products .cool .z8ultramax .box9 .text{top: 8.5%;left: 0;width: 100%;text-align: center;display: none;}
.main-products .cool .z8ultramax .box9 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 3.2vw;}
.main-products .cool .z8ultramax .box9 .text p{font-size: 3vw;line-height: 3.5vw;color: #fff;}
.main-products .cool .z8ultramax .box10 .text{top: 7%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box10 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 3.2vw;}
.main-products .cool .z8ultramax .box10 .text p{font-size: 2.4vw;line-height: 3.3vw;color: #fff;padding: 0 5%;}
.main-products .cool .z8ultramax .box11 .text{top: 1.5%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box11 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 2.2vw;}
.main-products .cool .z8ultramax .box11 .text p{font-size: 2.4vw;line-height: 3.3vw;color: #fff;padding: 0 6%;}
.main-products .cool .z8ultramax .box12 .text{top: 3%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box12 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 2.2vw;}
.main-products .cool .z8ultramax .box12 .text p{font-size: 2.4vw;line-height: 3.5vw;color: #fff;padding: 0 6%;}
.main-products .cool .z8ultramax .box13 .text{top: 3%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box13 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 4vw;}
.main-products .cool .z8ultramax .box13 .text p{font-size: 3.7vw;line-height: 4vw;color: #fff;padding: 0 5%;}
.main-products .cool .z8ultramax .box14 .text.tx1{top: 10%;left: 0;width: 100%;text-align: right;padding-right: 2%;box-sizing: border-box;}
.main-products .cool .z8ultramax .box14 .text.tx1 h2{color: #000;font-size: 4.5vw;line-height: 4.5vw;margin-bottom: 14.5vw;}
.main-products .cool .z8ultramax .box14 .text.tx1 p{font-size: 2.1vw;line-height: 3vw;color: #000;padding-right: 2%;}
.main-products .cool .z8ultramax .box14 .text.tx2{top: 61%;left: 0;width: 100%;text-align: right;padding-right: 2%;box-sizing: border-box;}
.main-products .cool .z8ultramax .box14 .text.tx2 h2{color: #000;font-size: 4.5vw;line-height: 4.5vw;margin-bottom: 16.5vw;}
.main-products .cool .z8ultramax .box14 .text.tx2 p{font-size: 2.1vw;line-height: 3vw;color: #000;padding-right: 2%;}
.main-products .cool .z8ultramax .box15 .text.tx1{top: 10%;left: 0;width: 100%;text-align: right;padding-right: 2%;box-sizing: border-box;}
.main-products .cool .z8ultramax .box15 .text.tx1 h2{color: #000;font-size: 4.5vw;line-height: 4.5vw;margin-bottom: 15.5vw;}
.main-products .cool .z8ultramax .box15 .text.tx1 p{font-size: 2.1vw;line-height: 3vw;color: #000;padding-right: 2%;}
.main-products .cool .z8ultramax .box15 .text.tx2{top: 58%;left: 0;width: 100%;text-align: right;padding-right: 2%;box-sizing: border-box;}
.main-products .cool .z8ultramax .box15 .text.tx2 h2{color: #000;font-size: 4.5vw;line-height: 4.5vw;margin-bottom: 14vw;}
.main-products .cool .z8ultramax .box15 .text.tx2 p{font-size: 2.1vw;line-height: 3vw;color: #000;padding-right: 2%;}
.main-products .cool .z8ultramax .box16 .text{top: 1%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box16 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 4vw;}
.main-products .cool .z8ultramax .box16 .text p{font-size: 3.7vw;line-height: 4vw;color: #fff;padding: 0 5%;}
.main-products .cool .z8ultramax .box17 .text{top: 4%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box17 .text h2{color: #fff;font-size: 4.2vw;line-height: 5.5vw;margin-bottom: 2vw;}
.main-products .cool .z8ultramax .box17 .text p{font-size: 3.2vw;line-height: 4vw;color: #fff;padding: 0 5%;}
.main-products .cool .z8ultramax .box18 .text{top: 10.5%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box18 .text h2{color: #fff;font-size: 3.6vw;line-height: 5.5vw;margin-bottom: 2vw;}
.main-products .cool .z8ultramax .box18 .text p{font-size: 2.1vw;line-height: 3vw;color: #fff;}
.main-products .cool .z8ultramax .box19 .text{top: 3.2%;left: 0;width: 100%;text-align: center;}
.main-products .cool .z8ultramax .box19 .text h2{color: #fff;font-size: 5.2vw;line-height: 5.5vw;margin-bottom: 1.6vw;}
.main-products .cool .z8ultramax .box19 .text p{font-size: 2.7vw;line-height: 4vw;color: #fff;}
.main-products .cool .zd3pro section > img {width: 100%;height: auto;}
.main-products .cool .zd3pro .text {position: absolute;}
.main-products .cool .zd3pro .text h2{line-height: 2.7vw;margin-bottom: 1.5vw;font-size: 2.7vw;font-weight: bold;}
.main-products .cool .zd3pro .text p{line-height: 1.2vw;font-size: 0.9vw;color: #000;}
.main-products .cool .zd3pro .box1 .text{top: 0; width: 100%; text-align: left; padding: 5.5% 2.8%;}
.main-products .cool .zd3pro .box1 .text h2{font-size: 6.5vw; line-height: 6.5vw; margin-bottom: 5.2vw; color: #fff;}
.main-products .cool .zd3pro .box1 .text p{font-size: 4.2vw; line-height: 4.2vw; color: #fff;}
.main-products .cool .zd3pro .box2 .text.tx1{top: 6.5%;width: 100%;}
.main-products .cool .zd3pro .box2 .text.tx1 h2{font-size: 6.7vw; line-height: 7vw; margin-bottom: 3vw; color: #fff;}
.main-products .cool .zd3pro .box2 .text.tx1 h3{font-size: 3.5vw; letter-spacing: 1.25vw; padding-top: 2.2vw; width: 62%; margin: 0 auto;color: #fff; border-top: 1px solid #fff;}
.main-products .cool .zd3pro .box2 .text.tx2{top: 37%;left: 9%;}
.main-products .cool .zd3pro .box2 .text.tx2 h2{font-size: 5.5vw;line-height: 5.5vw;color: #fff;}
.main-products .cool .zd3pro .box2 .text.tx3{top: 59.8%;left: 8.6%;}
.main-products .cool .zd3pro .box2 .text.tx3 h2{font-size: 5.5vw; line-height: 5.5vw; font-weight: initial;color: #fff;}
.main-products .cool .zd3pro .box2 .text.tx4{top: 46%;left: 53%;}
.main-products .cool .zd3pro .box2 .text.tx4 h2{color: #7ae8ff;font-size: 6vw;line-height: 7vw;}
.main-products .cool .zd3pro .box2 .text.tx5{top: 88%;left: 3%;}
.main-products .cool .zd3pro .box2 .text.tx5 p{color: #fff; font-size: 4vw; line-height: 4.5vw;}
.main-products .cool .zd3pro .box2 .text.tx6{top: 88%;left:46%;}
.main-products .cool .zd3pro .box2 .text.tx6 p{color: #fff; font-size: 4vw; line-height: 4.5vw;}
.main-products .cool .zd3pro .box2 .text.tx7{top: 88%;left:77%;}
.main-products .cool .zd3pro .box2 .text.tx7 p{color: #fff; font-size: 4vw; line-height: 4.5vw;}
.main-products .cool .zd3pro .box3 .text.tx1{top: 1%;width: 100%;}
.main-products .cool .zd3pro .box3 .text.tx1 h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 2vw; color: #fff;}
.main-products .cool .zd3pro .box3 .text.tx1 h2 span{color: #ca0102;}
.main-products .cool .zd3pro .box3 .text.tx1 p{color: #fff;font-size: 3.6vw;line-height: 4.6vw;}
.main-products .cool .zd3pro .box3 .text.tx1 p span{color: #ca0102;}
.main-products .cool .zd3pro .box3 .text.tx2{top: 94.7%;left: 7%;}
.main-products .cool .zd3pro .box3 .text.tx2 p{font-size: 3vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd3pro .box3 .text.tx3{top: 94.7%;left: 36.5%;}
.main-products .cool .zd3pro .box3 .text.tx3 p{font-size: 3vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd3pro .box3 .text.tx4{top: 94.7%;left: 66.5%;}
.main-products .cool .zd3pro .box3 .text.tx4 p{font-size: 3vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd3pro .box4 .text{top: 2%;width: 100%;}
.main-products .cool .zd3pro .box4 .text h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 2vw; color: #fff;}
.main-products .cool .zd3pro .box4 .text p{color: #fff;font-size: 3.6vw;line-height: 5vw;}
.main-products .cool .zd3pro .box5 .text{top: 5%;width: 100%;}
.main-products .cool .zd3pro .box5 .text h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 3.5vw; color: #fff;}
.main-products .cool .zd3pro .box5 .text p{color: #fff; font-size: 3.6vw; line-height: 4.5vw;}
.main-products .cool .zd3pro .box6 .text{top: 0;width: 100%;}
.main-products .cool .zd3pro .box6 .text h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 2vw; color: #fff;}
.main-products .cool .zd3pro .box6 .text p{color: #fff; font-size: 3.6vw;line-height: 5vw;}
.main-products .cool .zd3pro .box7 .text.tx1{top: 0;width: 100%;}
.main-products .cool .zd3pro .box7 .text.tx1 h2{font-size: 5.2vw; line-height: 6vw; margin-bottom: 3vw; color: #fff;}
.main-products .cool .zd3pro .box7 .text.tx1 p{color: #fff; font-size: 3.6vw; line-height: 4.5vw;}
.main-products .cool .zd3pro .box7 .text.tx2{top: 42.4%;left: 7%;width: auto;}
.main-products .cool .zd3pro .box7 .text.tx2 p{font-size: 2.6vw;color: #fff;line-height: 3.2vw;}
.main-products .cool .zd3pro .box7 .text.tx3{top: 35.4%;left: 43%;width: auto;}
.main-products .cool .zd3pro .box7 .text.tx3 p{font-size: 2.6vw; color: #fff; line-height: 3.2vw;}
.main-products .cool .zd3pro .box7 .text.tx4{top: 42.4%;left: 73%;}
.main-products .cool .zd3pro .box7 .text.tx4 p{font-size: 2.6vw;color: #fff;line-height: 3.2vw;}
.main-products .cool .zd3pro .box8 .text{top: 0;width: 100%;}
.main-products .cool .zd3pro .box8 .text h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 3.3vw; color: #fff;}
.main-products .cool .zd3pro .box8 .text p{color: #fff; font-size: 3.6vw;line-height: 5vw;}
.main-products .cool .zd3pro .box9 .text{top: 8.5%;width: 100%;}
.main-products .cool .zd3pro .box9 .text h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 3.3vw; color: #fff;}
.main-products .cool .zd3pro .box9 .text p{color: #fff; font-size: 3.6vw;line-height: 5vw;}
.main-products .cool .zd3pro .box10 .text{top: 10%;width: 100%;}
.main-products .cool .zd3pro .box10 .text h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 1.8vw; color: #fff;}
.main-products .cool .zd3pro .box10 .text p{color: #fff;font-size: 3.6vw;line-height: 4vw;}
.main-products .cool .zd3pro .box11 .text.tx1{top: 3.5%;width: 100%;}
.main-products .cool .zd3pro .box11 .text.tx1 h2{font-size: 6.2vw;line-height: 7vw;margin-bottom: 3.5vw;color: #fff;}
.main-products .cool .zd3pro .box11 .text.tx1 p{color: #fff;font-size: 3.6vw;line-height: 4.5vw;}
.main-products .cool .zd3pro .box11 .text.tx2{top: 91.5%;width: auto;left: 9%;}
.main-products .cool .zd3pro .box11 .text.tx2 p{color: #fff;font-size: 2.6vw;line-height: 4vw;}
.main-products .cool .zd3pro .box11 .text.tx3{top: 91.5%;width: auto;left: 62%;}
.main-products .cool .zd3pro .box11 .text.tx3 p{color: #fff;font-size: 2.6vw;line-height: 4vw;}
.main-products .cool .zd3pro .box12 .text{top: 2.5%;width: 100%;}
.main-products .cool .zd3pro .box12 .text h2{font-size: 6.2vw;line-height: 7vw;margin-bottom: 3.5vw;color: #fff;}
.main-products .cool .zd3pro .box12 .text p{color: #fff;font-size: 3.6vw;line-height: 4.5vw;}
.main-products .cool .zd3pro .box13 .text.tx1{top: 2.5%;width: 100%;}
.main-products .cool .zd3pro .box13 .text.tx1 h2{font-size: 6.2vw;line-height: 7vw;margin-bottom: 4.5vw;color: #fff;}
.main-products .cool .zd3pro .box13 .text.tx1 p{color: #fff;font-size: 4.5vw;line-height: 4.5vw;}
.main-products .cool .zd3pro .box13 .text.tx2{top: 69%; left: 0; width: 100%; text-align: right; padding-right: 2%; box-sizing: border-box;}
.main-products .cool .zd3pro .box13 .text.tx2 h2{font-size: 5vw; line-height: 7vw; margin-bottom: 16.2vw; color: #000;}
.main-products .cool .zd3pro .box13 .text.tx2 p{color: #000; font-size: 2.5vw; line-height: 3.5vw;}
.main-products .cool .zd3pro .box14 .text.tx1{top: 5.5%; left: 0; width: 100%; text-align: right; padding-right: 2%; box-sizing: border-box;}
.main-products .cool .zd3pro .box14 .text.tx1 h2 {color: #000; font-size: 4.5vw; line-height: 4.5vw; margin-bottom: 20.5vw;}
.main-products .cool .zd3pro .box14 .text.tx1 p {font-size: 2.6vw; line-height: 3vw; color: #000;}
.main-products .cool .zd3pro .box14 .text.tx2{top: 39%; left: 0; width: 100%; text-align: right; padding-right: 2%; box-sizing: border-box;}
.main-products .cool .zd3pro .box14 .text.tx2 h2{color: #000; font-size: 5vw; line-height: 5vw; margin-bottom: 19vw;}
.main-products .cool .zd3pro .box14 .text.tx2 p{font-size: 2.5vw; line-height: 3.5vw; color: #000;}
.main-products .cool .zd3pro .box14 .text.tx3{top: 72%; left: 0; width: 100%; text-align: right; padding-right: 2%; box-sizing: border-box;}
.main-products .cool .zd3pro .box14 .text.tx3 h2{color: #000; font-size: 5vw; line-height: 5.5vw; margin-bottom: 18vw;}
.main-products .cool .zd3pro .box14 .text.tx3 p{font-size: 2.6vw; line-height: 3.4vw; color: #000;}
.main-products .cool .zd3pro .box15 .text{top: 7%; width: 100%;}
.main-products .cool .zd3pro .box15 .text h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 5vw; color: #fff;}
.main-products .cool .zd3pro .box15 .text p{color: #fff; font-size: 4.2vw; line-height: 4vw;}
.main-products .cool .zd3pro .box16 .text{top: 1%; width: 100%;}
.main-products .cool .zd3pro .box16 .text h2{font-size: 5.2vw; line-height: 7vw; margin-bottom: 2vw; color: #fff;}
.main-products .cool .zd3pro .box16 .text p{color: #fff; font-size: 4.2vw; line-height: 4vw;}
.main-products .cool .zd3pro .box17 .text{top: 6.5%;width: 100%;}
.main-products .cool .zd3pro .box17 .text h3{font-size: 7vw; line-height: 7vw; color: #fff; padding-left: 7%;}
.main-products .cool .zd3pro .box17 .text h2{font-size: 4.2vw; line-height: 6vw; margin-bottom: 2vw; color: #fff;}
.main-products .cool .zd3pro .box17 .text p{color: #fff; font-size: 2.5vw; line-height: 3.5vw;}
.main-products .cool .zd3pro .box18 .text{top: 2%;width: 100%;}
.main-products .cool .zd3pro .box18 .text h2{font-size: 6.2vw; line-height: 7vw; margin-bottom: 2vw; color: #fff;}
.main-products .cool .zd3pro .box18 .text p{color: #fff; font-size: 3.2vw; line-height: 4.5vw;}

.main-products .cool .zd3 section > img {width: 100%;height: auto;}
.main-products .cool .zd3 .text {position: absolute;box-sizing: border-box;}
.main-products .cool .zd3 .text h2{line-height: 2.7vw;margin-bottom: 1.5vw;font-size: 2.7vw;font-weight: bold;}
.main-products .cool .zd3 .text p{line-height: 1.2vw;font-size: 0.9vw;color: #000;}
.main-products .cool .zd3 .box1 .text{top: 0; width: 100%; text-align: center; padding: 7% 2.8%;}
.main-products .cool .zd3 .box1 .text h2{font-size: 4.5vw;line-height: 6.2vw;color: #fff;font-weight: bold;}
.main-products .cool .zd3 .box1 .text h3{font-size: 3vw;line-height: 4vw;color: #fff;letter-spacing: 15px;}
.main-products .cool .zd3 .box1 .text h3 span{color: #ca0102;}
.main-products .cool .zd3 .box1 .text p{font-size: 2.7vw;line-height: 5vw;color: #fff;}
.main-products .cool .zd3 .box2 .text.t1{top: 0;width: 100%;padding-top: 5%;}
.main-products .cool .zd3 .box2 .text.t1 h2{font-size: 6.5vw;line-height: 6.2vw;color: #fff;}
.main-products .cool .zd3 .box2 .text.t1 h3{font-size: 4vw;line-height: 4vw;color: #fff;letter-spacing: 6px;font-weight: bold;}
.main-products .cool .zd3 .box2 .text p{font-size: 2vw;color: #fff;line-height: 1.2vw;}
.main-products .cool .zd3 .box2 .text.t2{width: 50%;top: 43.5%;left: 0;}
.main-products .cool .zd3 .box2 .text.t3{width: 50%;top: 43.5%;right: 0;padding-right: 4%;}
.main-products .cool .zd3 .box2 .text.t4{width: 50%;top: 68%;left: 0;}
.main-products .cool .zd3 .box2 .text.t5{width: 50%;top: 68%;right: 0;padding-right: 4%;}
.main-products .cool .zd3 .box2 .text.t6{width: 50%;top: 93%;left: 0;}
.main-products .cool .zd3 .box2 .text.t7{width: 50%;top: 93%;right: 0;padding-right: 4%;}
.main-products .cool .zd3 .box3 .text.t1{top: 2%;width: 100%;}
.main-products .cool .zd3 .box3 .text.t1 h2{font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 1.4vw;color: #fff;}
.main-products .cool .zd3 .box3 .text.t1 p{color: #fff;font-size: 2.1vw;line-height: 3.6vw;padding: 0 14%;}
.main-products .cool .zd3 .box3 .text.t2{top: 93.2%;left: 10%;}
.main-products .cool .zd3 .box3 .text.t2 p{font-size: 2vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd3 .box3 .text.t3{top: 91.7%;left: 36.5%;width: 26%;}
.main-products .cool .zd3 .box3 .text.t3 p{font-size: 2vw;color: #fff;line-height: 2vw;}
.main-products .cool .zd3 .box3 .text.t4{top: 93.7%;left: 66.5%;}
.main-products .cool .zd3 .box3 .text.t4 p{font-size: 2vw;color: #fff;line-height: 2vw;}
.main-products .cool .zd3 .box4 .text{top: 2%;width: 100%;}
.main-products .cool .zd3 .box4 .text h2{font-size: 4.6vw;line-height: 5.8vw;margin-bottom: 1vw;color: #fff;}
.main-products .cool .zd3 .box4 .text p{color: #fff;font-size: 2.2vw;line-height: 3.6vw;padding: 0 4%;}
.main-products .cool .zd3 .box4 .text p span{color: #ca0102;}
.main-products .cool .zd3 .box4 .text.t2{top: 88%;display: flex;justify-content: space-around;}
.main-products .cool .zd3 .box4 .text.t2 p{color: #fff;font-size: 2.6vw;line-height: 4vw;}
.main-products .cool .zd3 .box4 .text.t2 p strong{font-size: 6vw;color: #ca0102;}
.main-products .cool .zd3 .box5 .text.tx1{top: 2%;width: 100%;}
.main-products .cool .zd3 .box5 .text.tx1 h2{font-size: 4.9vw;line-height: 6vw;margin-bottom: 1vw;color: #fff;}
.main-products .cool .zd3 .box5 .text.tx1 p{color: #fff;font-size: 2.6vw;line-height: 3.5vw;}
.main-products .cool .zd3 .box5 .text.tx2{top: 42.4%;left: 7%;width: 25%;}
.main-products .cool .zd3 .box5 .text.tx2 p{font-size: 2.6vw;color: #fff;line-height: 3.2vw;}
.main-products .cool .zd3 .box5 .text.tx3{top: 34.4%;left: 37%;width: 32%;}
.main-products .cool .zd3 .box5 .text.tx3 p{font-size: 2.6vw; color: #fff; line-height: 3.2vw;}
.main-products .cool .zd3 .box5 .text.tx4{top: 45%;left: 68%;width: 35%;}
.main-products .cool .zd3 .box5 .text.tx4 p{font-size: 2.2vw;color: #fff;line-height: 3.2vw;}
.main-products .cool .zd3 .box6 .text{top: 2%;width: 100%;}
.main-products .cool .zd3 .box6 .text h2{font-size: 5.2vw;line-height: 6vw;margin-bottom: 1vw;color: #fff;}
.main-products .cool .zd3 .box6 .text p{color: #fff;font-size: 2.3vw;line-height: 4vw;padding: 0 5%;}
.main-products .cool .zd3 .box7 .text{top: 11%;width: 100%;}
.main-products .cool .zd3 .box7 .text h2{font-size: 5.2vw;line-height: 6vw;margin-bottom: 2.2vw;color: #fff;}
.main-products .cool .zd3 .box7 .text p{color: #fff;font-size: 2.5vw;line-height: 3.5vw;}
.main-products .cool .zd3 .box8 .text{top: 6%;width: 100%;}
.main-products .cool .zd3 .box8 .text h2{font-size: 4.7vw;line-height: 7vw;margin-bottom: 2.3vw;color: #fff;}
.main-products .cool .zd3 .box8 .text p{color: #fff;font-size: 2.4vw;line-height: 3.8vw;padding: 0 4%;}
.main-products .cool .zd3 .box9 .text{top: 9.5%;width: 100%;}
.main-products .cool .zd3 .box9 .text h2{font-size: 5vw;line-height: 6vw;margin-bottom: 3.3vw;color: #fff;padding: 0 8%;}
.main-products .cool .zd3 .box9 .text p{color: #fff;font-size: 2.6vw;line-height: 4vw;padding: 0 17%;}
.main-products .cool .zd3 .box10 .text{top: 4%;width: 100%;}
.main-products .cool .zd3 .box10 .text h2{font-size: 5.2vw;line-height: 6.5vw;margin-bottom: 1.8vw;color: #fff;}
.main-products .cool .zd3 .box10 .text p{color: #fff;font-size: 2.5vw;line-height: 4vw;padding: 0px 12%;}
.main-products .cool .zd3 .box11 .text.tx1{top: 12.5%;width: 50%;text-align: right;left: 46%;}
.main-products .cool .zd3 .box11 .text.tx1 h2{font-size: 3.2vw;line-height: 4vw;margin-bottom: 13.5vw;color: #000;}
.main-products .cool .zd3 .box11 .text.tx1 p{color: #000;font-size: 1.7vw;line-height: 2.2vw;}
.main-products .cool .zd3 .box11 .text.tx2{top: 63.5%;width: 50%;left: 46%;text-align: right;}
.main-products .cool .zd3 .box11 .text.tx2 h2{font-size: 3.2vw;line-height: 4vw;margin-bottom: 13.5vw;color: #000;}
.main-products .cool .zd3 .box11 .text.tx2 p{color: #000;font-size: 1.7vw;line-height: 2.5vw;}
.main-products .cool .zd3 .box12 .text.tx1{top: 9.5%;width: 50%;text-align: right;left: 46%;}
.main-products .cool .zd3 .box12 .text.tx1 h2{font-size: 3.2vw;line-height: 4vw;margin-bottom: 13.5vw;color: #000;}
.main-products .cool .zd3 .box12 .text.tx1 p{color: #000;font-size: 1.7vw;line-height: 3.2vw;}
.main-products .cool .zd3 .box12 .text.tx2{top: 60.5%;width: 50%;left: 46%;text-align: right;}
.main-products .cool .zd3 .box12 .text.tx2 h2{font-size: 3.2vw;line-height: 4vw;margin-bottom: 13.5vw;color: #000;}
.main-products .cool .zd3 .box12 .text.tx2 p{color: #000;font-size: 1.7vw;line-height: 3.5vw;}
.main-products .cool .zd3 .box13 .text{top: 7%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd3 .box13 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 3vw;}
.main-products .cool .zd3 .box13 .text p{font-size: 2.7vw;line-height: 3.5vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd3 .box14 .text.tx1{top: 4%;left: 0;width: 100%;box-sizing: border-box;}
.main-products .cool .zd3 .box14 .text.tx1 h2{color: #fff;font-size: 4.5vw;line-height: 4.5vw;margin-bottom: 2.5vw;}
.main-products .cool .zd3 .box14 .text.tx1 p{font-size: 2.8vw;line-height: 3.5vw;color: #fff;padding: 0 13%;}
.main-products .cool .zd3 .box15 .text{top: 6.5%;width: 100%;}
.main-products .cool .zd3 .box15 .text h3{font-size: 6vw; line-height: 7vw; color: #fff; padding-left: 7%;}
.main-products .cool .zd3 .box15 .text h2{font-size: 4.2vw;line-height: 6vw;margin-bottom: 1vw;color: #fff;}
.main-products .cool .zd3 .box15 .text p{color: #fff;font-size: 2.2vw;line-height: 3vw;padding: 0 1%;}
.main-products .cool .zd3 .box16 .text{top: 1%; width: 100%;}
.main-products .cool .zd3 .box16 .text h2{font-size: 5.2vw;line-height: 7vw;margin-bottom: 1vw;color: #fff;}
.main-products .cool .zd3 .box16 .text p{color: #fff;font-size: 2.8vw;line-height: 3.8vw;padding: 0 4%;}

.main-products .cool .zd8up section > img {width: 100%;height: auto;}
.main-products .cool .zd8up .text {position: absolute;box-sizing: border-box;}
.main-products .cool .zd8up .text h2{line-height: 2.7vw;margin-bottom: 1.5vw;font-size: 2.7vw;font-weight: bold;color: #fff;}
.main-products .cool .zd8up .text p{line-height: 1.2vw;font-size: 0.9vw;color: #fff;}
.main-products .cool .zd8up .box1 .text{top: 10%;width: 100%;}
.main-products .cool .zd8up .box1 .text h2{font-size: 4.5vw;line-height: 6.05vw;}
.main-products .cool .zd8up .box1 .text p{font-size: 3vw;line-height: 3.6vw;padding: 0 17%;}
.main-products .cool .zd8up .box3 .text.tx1{top: 3%;width: 100%;}
.main-products .cool .zd8up .box3 .text.tx1 h2{font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 1.4vw;color: #fff;}
.main-products .cool .zd8up .box3 .text.tx1 p{color: #fff;font-size: 2.8vw;line-height: 3.8vw;padding: 0 14%;}
.main-products .cool .zd8up .box3 .text.tx2{top: 93.8%;left: 7%;}
.main-products .cool .zd8up .box3 .text.tx2 p{font-size: 2.5vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd8up .box3 .text.tx3{top: 91.7%;left: 39.5%;width: 26%;}
.main-products .cool .zd8up .box3 .text.tx3 p{font-size: 2.5vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd8up .box3 .text.tx4{top: 93.7%;left: 66.5%;}
.main-products .cool .zd8up .box3 .text.tx4 p{font-size: 2.5vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd8up .box4 .text{top: 4%;width: 100%;}
.main-products .cool .zd8up .box4 .text h2{font-size: 4.5vw;line-height: 6.05vw;margin-bottom: 3vw;}
.main-products .cool .zd8up .box4 .text p{font-size: 3vw;line-height: 3.6vw;padding: 0 5%;}
.main-products .cool .zd8up .box5 .text{top: 3%;width: 100%;}
.main-products .cool .zd8up .box5 .text h2{font-size: 4.5vw;line-height: 6.05vw;margin-bottom: 3vw;}
.main-products .cool .zd8up .box5 .text p{font-size: 3vw;line-height: 3.6vw;padding: 0 5%;}
.main-products .cool .zd8up .box6 .text{top: 4%;width: 100%;}
.main-products .cool .zd8up .box6 .text h2{font-size: 4.5vw;line-height: 6.05vw;margin-bottom: 4vw;}
.main-products .cool .zd8up .box6 .text p{font-size: 3vw;line-height: 3.6vw;padding: 0 5%;}
.main-products .cool .zd8up .box7 .text.tx1{top: 2%;width: 100%;}
.main-products .cool .zd8up .box7 .text.tx1 h2{font-size: 5.5vw;line-height: 4vw;margin-bottom: 4vw;color: #fff;}
.main-products .cool .zd8up .box7 .text.tx1 p{color: #fff;font-size: 2.6vw;line-height: 3.5vw;}
.main-products .cool .zd8up .box7 .text.tx2{top: 44.4%;left: 6%;width: 25%;}
.main-products .cool .zd8up .box7 .text.tx2 p{font-size: 2.2vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd8up .box7 .text.tx3{top: 34.4%;left: 34%;width: 32%;}
.main-products .cool .zd8up .box7 .text.tx3 p{font-size: 2.6vw; color: #fff; line-height: 3.2vw;}
.main-products .cool .zd8up .box7 .text.tx4{top: 44.2%;left: 66%;width: 30%;}
.main-products .cool .zd8up .box7 .text.tx4 p{font-size: 2.2vw;color: #fff;line-height: 3.2vw;}
.main-products .cool .zd8up .box8 .text{top: 2%;width: 100%;}
.main-products .cool .zd8up .box8 .text h2{font-size: 4.6vw;line-height: 6vw;margin-bottom: 2.5vw;color: #fff;}
.main-products .cool .zd8up .box8 .text p{color: #fff;font-size: 2.2vw;line-height: 3.6vw;padding: 0 4%;}
.main-products .cool .zd8up .box8 .text p span{color: #ca0102;}
.main-products .cool .zd8up .box8 .text.tx2{top: 87%;display: flex;justify-content: space-around;}
.main-products .cool .zd8up .box8 .text.tx2 p{color: #fff;font-size: 2.6vw;line-height: 4vw;}
.main-products .cool .zd8up .box8 .text.tx2 p strong{font-size: 6vw;color: #ca0102;}
.main-products .cool .zd8up .box9 .text{top: 3%;width: 100%;}
.main-products .cool .zd8up .box9 .text h2{font-size: 5vw;line-height: 6.05vw;margin-bottom: 3vw;}
.main-products .cool .zd8up .box9 .text p{font-size: 2.7vw;line-height: 4vw;padding: 0 4%;}
.main-products .cool .zd8up .box10 .text.tx1{top: 41%;left: 14%;}
.main-products .cool .zd8up .box10 .text.tx2{top: 88.5%;left: 17%;}
.main-products .cool .zd8up .box10 .text p{color: #000;font-size: 2.2vw;line-height: 2.6vw;}
.main-products .cool .zd8up .box11 .text{top: 1%;width: 100%;}
.main-products .cool .zd8up .box11 .text h2{font-size: 6.5vw;line-height: 6.05vw;margin-bottom: 3vw;}
.main-products .cool .zd8up .box11 .text p{font-size: 2.5vw;line-height: 3vw;padding: 0 4%;}
.main-products .cool .zd8up .box12 .text.tx1{top: 0;width: 100%;padding-top: 2%;}
.main-products .cool .zd8up .box12 .text.tx1 h2{font-size: 4.5vw;line-height: 6.2vw;color: #fff;}
.main-products .cool .zd8up .box12 .text.tx1 h3{font-size: 4vw;line-height: 4vw;color: #fff;letter-spacing: 6px;font-weight: bold;}
.main-products .cool .zd8up .box12 .text p{font-size: 3vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd8up .box12 .text.tx2{width: 50%;top: 49%;left: 0;}
.main-products .cool .zd8up .box12 .text.tx3{width: 50%;top: 49%;right: 0;padding-right: 4%;}
.main-products .cool .zd8up .box12 .text.tx4{width: 50%;top: 90%;left: 0;}
.main-products .cool .zd8up .box12 .text.tx5{width: 50%;top: 90%;right: 0;padding-right: 4%;}
.main-products .cool .zd8up .box13 .text{top: 2%;width: 100%;}
.main-products .cool .zd8up .box13 .text h2{font-size: 4.5vw;line-height: 6.05vw;margin-bottom: 2vw;}
.main-products .cool .zd8up .box13 .text p{font-size: 2.8vw;line-height: 3.6vw;padding: 0 4%;}
.main-products .cool .zd8up .box14 .text.tx1{top: 12.5%;width: 50%;text-align: right;left: 46%;}
.main-products .cool .zd8up .box14 .text.tx1 h2{font-size: 4.2vw;line-height: 4.5vw;margin-bottom: 13.5vw;color: #000;}
.main-products .cool .zd8up .box14 .text.tx1 p{color: #000;font-size: 1.7vw;line-height: 2.2vw;}
.main-products .cool .zd8up .box14 .text.tx2{top: 63.5%;width: 50%;left: 46%;text-align: right;}
.main-products .cool .zd8up .box14 .text.tx2 h2{font-size: 3.2vw;line-height: 4vw;margin-bottom: 13.5vw;color: #000;}
.main-products .cool .zd8up .box14 .text.tx2 p{color: #000;font-size: 1.8vw;line-height: 2.5vw;}
.main-products .cool .zd8up .box15 .text.tx1{top: 9.5%;width: 50%;text-align: right;left: 46%;}
.main-products .cool .zd8up .box15 .text.tx1 h2{font-size: 4.2vw;line-height: 4.5vw;margin-bottom: 16.5vw;color: #000;}
.main-products .cool .zd8up .box15 .text.tx1 p{color: #000;font-size: 1.8vw;line-height: 2.8vw;}
.main-products .cool .zd8up .box15 .text.tx2{top: 58.5%;width: 50%;left: 46%;text-align: right;}
.main-products .cool .zd8up .box15 .text.tx2 h2{font-size: 4.2vw;line-height: 4.5vw;margin-bottom: 12.5vw;color: #000;}
.main-products .cool .zd8up .box15 .text.tx2 p{color: #000;font-size: 1.8vw;line-height: 2.8vw;}
.main-products .cool .zd8up .box16 .text{top: 7%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd8up .box16 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 4vw;}
.main-products .cool .zd8up .box16 .text h2 span{color: #c90203;}
.main-products .cool .zd8up .box16 .text p{font-size: 3vw;line-height: 4vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd8up .box17 .text{top: 2.5%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd8up .box17 .text h2{color: #fff;font-size: 5.5vw;line-height: 5.5vw;margin-bottom: 4vw;}
.main-products .cool .zd8up .box17 .text p{font-size: 2.5vw;line-height: 3.5vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd8up .box18 .text{top: 3.5%;width: 100%;}
.main-products .cool .zd8up .box18 .text h3{font-size: 6vw; line-height: 7vw; color: #fff; padding-left: 7%;}
.main-products .cool .zd8up .box18 .text h2{font-size: 4vw;line-height: 4vw;margin-bottom: 3vw;color: #fff;}
.main-products .cool .zd8up .box18 .text p{color: #fff;font-size: 2.2vw;line-height: 3vw;padding: 0 1%;}



.main-products .cool .zd5um section > img {width: 100%;height: auto; }
.main-products .cool .zd5um .text {position: absolute;box-sizing: border-box;}
.main-products .cool .zd5um .text h2{line-height: 2.7vw;margin-bottom: 1.5vw;font-size: 2.7vw;font-weight: bold;color: #fff;}
.main-products .cool .zd5um .text p{line-height: 1.2vw;font-size: 0.9vw;color: #fff;}
.main-products .cool .zd5um .box1 .text{top: 3%;width: 100%;}
.main-products .cool .zd5um .box1 .text h2{font-size: 4.5vw;line-height: 5.05vw;}
.main-products .cool .zd5um .box1 .text h3{font-size: 4.5vw;line-height: 6.05vw;color: #fff;}
.main-products .cool .zd5um .box1 .text h3 span{color: #e50007;}
.main-products .cool .zd5um .box1 .text p{font-size: 2.5vw;line-height: 3.6vw;padding: 0;}
.main-products .cool .zd5um .box2 .text.tx1{top: 46%;width: 100%;}
.main-products .cool .zd5um .box2 .text.tx1 h2{font-size: 5.5vw;line-height: 5.5vw;margin-bottom: 10px;}
.main-products .cool .zd5um .box2 .text.tx1 p{font-size: 3vw;line-height: 3.6vw;padding: 0 17%;letter-spacing: 9px;}
.main-products .cool .zd5um .box2 .text.tx2{top: 68%;width: 100%;display: flex;}
.main-products .cool .zd5um .box2 .text.tx2 p{font-size: 2vw;line-height: 2.2vw;padding: 0;width: 33%;}
.main-products .cool .zd5um .box2 .text.tx3{top: 87%;width: 100%;display: flex;}
.main-products .cool .zd5um .box2 .text.tx3 p{font-size: 2vw;line-height: 2.2vw;padding: 0;width: 33%;}
.main-products .cool .zd5um .box3 .text.tx1{top: 6%;width: 100%;}
.main-products .cool .zd5um .box3 .text.tx1 h2{font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 2.5vw;color: #000;}
.main-products .cool .zd5um .box3 .text.tx1 p{color: #000;font-size: 2.5vw;line-height: 3.8vw;padding: 0 14%;}
.main-products .cool .zd5um .box3 .text.tx1 p span{color: #e50007;}
.main-products .cool .zd5um .box3 .text.tx2{top: 91.8%;left: 8.5%;}
.main-products .cool .zd5um .box3 .text.tx2 p{font-size: 2vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd5um .box3 .text.tx3{top: 89.7%;left: 37.5%;width: 26%;}
.main-products .cool .zd5um .box3 .text.tx3 p{font-size: 2vw;color: #fff;line-height: 2.5vw;}
.main-products .cool .zd5um .box3 .text.tx4{top: 91.7%;left: 66.5%;}
.main-products .cool .zd5um .box3 .text.tx4 p{font-size: 2vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd5um .box4 .text{top: 1.8%;width: 100%;}
.main-products .cool .zd5um .box4 .text h2{font-size: 4.6vw;line-height: 6vw;margin-bottom: 1.5vw;color: #fff;}
.main-products .cool .zd5um .box4 .text p{color: #fff;font-size: 2.2vw;line-height: 3.6vw;padding: 0 4%;}
.main-products .cool .zd5um .box4 .text p span{color: #ca0102;}
.main-products .cool .zd5um .box4 .text.tx2{top: 89.8%;display: flex;justify-content: space-around;}
.main-products .cool .zd5um .box4 .text.tx2 p{color: #fff;font-size: 2.4vw;line-height: 4vw;}
.main-products .cool .zd5um .box4 .text.tx2 p strong{font-size: 6vw;color: #ca0102;}
.main-products .cool .zd5um .box5 .text.tx1{top: 2.8%;width: 100%;}
.main-products .cool .zd5um .box5 .text.tx1 h2{font-size: 4.2vw;line-height: 5vw;margin-bottom: 2vw;color: #fff;}
.main-products .cool .zd5um .box5 .text.tx1 p{color: #fff;font-size: 2.2vw;line-height: 3vw;}
.main-products .cool .zd5um .box5 .text.tx2{top: 44.4%;left: 6%;width: 25%;}
.main-products .cool .zd5um .box5 .text.tx2 p{font-size: 2.2vw;color: #fff;line-height: 3vw;}
.main-products .cool .zd5um .box5 .text.tx3{top: 35.4%;left: 34%;width: 32%;}
.main-products .cool .zd5um .box5 .text.tx3 p{font-size: 2vw;color: #fff;line-height: 3.2vw;}
.main-products .cool .zd5um .box5 .text.tx4{top: 45.7%;left: 70.5%;width: 30%;}
.main-products .cool .zd5um .box5 .text.tx4 p{font-size: 2.2vw;color: #fff;line-height: 3.2vw;}
.main-products .cool .zd5um .box6 .text{top: 1%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd5um .box6 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 2vw;}
.main-products .cool .zd5um .box6 .text p{font-size: 2.2vw;line-height: 3.8vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd5um .box7 .text{top: 1%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd5um .box7 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 1vw;}
.main-products .cool .zd5um .box7 .text p{font-size: 2.2vw;line-height: 3.8vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd5um .box8 .text{top: 3%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd5um .box8 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 2vw;}
.main-products .cool .zd5um .box8 .text p{font-size: 2.2vw;line-height: 3.5vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd5um .box9 .text{top: 4%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd5um .box9 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 1vw;}
.main-products .cool .zd5um .box9 .text p{font-size: 3vw;line-height: 4vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd5um .box10 .text{top: 8%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd5um .box10 .text h2{color: #000;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 2vw;}
.main-products .cool .zd5um .box10 .text p{font-size: 2.2vw;line-height: 3.5vw;color: #000;padding: 0 5%;}
.main-products .cool .zd5um .box11 .text{top: 4%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd5um .box11 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 1vw;}
.main-products .cool .zd5um .box11 .text p{font-size: 2.2vw;line-height: 3.5vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd5um .box12 .text.tx1{top: 10.5%;width: 50%;text-align: right;left: 48%;}
.main-products .cool .zd5um .box12 .text.tx1 h2{font-size: 3.5vw;line-height: 4vw;margin-bottom: 11.5vw;color: #000;}
.main-products .cool .zd5um .box12 .text.tx1 p{color: #000;font-size: 2vw;line-height: 2.5vw;}
.main-products .cool .zd5um .box12 .text.tx2{top: 60.5%;width: 50%;left: 46%;text-align: right;}
.main-products .cool .zd5um .box12 .text.tx2 h2{font-size: 3.2vw;line-height: 4vw;margin-bottom: 14.5vw;color: #000;}
.main-products .cool .zd5um .box12 .text.tx2 p{color: #000;font-size: 1.8vw;line-height: 2.5vw;}
.main-products .cool .zd5um .box13 .text.tx1{top: 10%;width: 50%;text-align: right;left: 46%;}
.main-products .cool .zd5um .box13 .text.tx1 h2{font-size: 3.5vw;line-height: 4.5vw;margin-bottom: 12.5vw;color: #000;}
.main-products .cool .zd5um .box13 .text.tx1 p{color: #000;font-size: 1.8vw;line-height: 2.8vw;}
.main-products .cool .zd5um .box13 .text.tx2{top: 62.5%;width: 50%;left: 47%;text-align: right;}
.main-products .cool .zd5um .box13 .text.tx2 h2{font-size: 3.5vw;line-height: 4.5vw;margin-bottom: 12.5vw;color: #000;}
.main-products .cool .zd5um .box13 .text.tx2 p{color: #000;font-size: 1.8vw;line-height: 2.8vw;}
.main-products .cool .zd5um .box14 .text{top: 5.5%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd5um .box14 .text h2{color: #fff;font-size: 4.8vw;line-height: 5.5vw;margin-bottom: 2vw;}
.main-products .cool .zd5um .box14 .text h2 span{color: #c90203;}
.main-products .cool .zd5um .box14 .text p{font-size: 2.5vw;line-height: 3.5vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd5um .box15 .text{top: 3.5%;left: 0;width: 100%;text-align: center;}
.main-products .cool .zd5um .box15 .text h2{color: #fff;font-size: 5.5vw;line-height: 5.5vw;margin-bottom: 2vw;}
.main-products .cool .zd5um .box15 .text p{font-size: 2.5vw;line-height: 3.5vw;color: #fff;padding: 0 5%;}
.main-products .cool .zd5um .box16 .text{top: 6.5%;width: 100%;}
.main-products .cool .zd5um .box16 .text h3{font-size: 6vw; line-height: 7vw; color: #fff; padding-left: 7%;}
.main-products .cool .zd5um .box16 .text h2{font-size: 4vw;line-height: 4vw;margin-bottom: 3vw;color: #fff;}
.main-products .cool .zd5um .box16 .text p{color: #fff;font-size: 2.2vw;line-height: 3vw;padding: 0 1%;}

.main-products .cool .od2 section > img {width: 100%;height: auto; }
.main-products .cool .od2 .text {position: absolute;box-sizing: border-box;}
.main-products .cool .od2 .text h2{line-height: 5.5vw;margin-bottom: 2vw;font-size: 4.1vw;font-weight: bold;color: #fff;}
.main-products .cool .od2 .text h3{font-size: 2.8vw;line-height: 3vw;color: #fff;font-weight: bold;margin-bottom: 2vw;}
.main-products .cool .od2 .text h4{font-size: 3vw;line-height: 3vw;letter-spacing: 30px;font-weight: bold;color: #bf0201;margin-bottom: 4.2vw;}
.main-products .cool .od2 .text ol{font-size: 2vw;letter-spacing: 25px;text-transform: uppercase;color: #fff;margin: 0;}
.main-products .cool .od2 .text p{line-height: 2.5vw;font-size: 2.3vw;color: #fff;}
.main-products .cool .od2 .text.tip p{font-weight: 100;}
.main-products .cool .od2 .box1 .text.tx1{top: 5%;width: 100%;}
.main-products .cool .od2 .box1 .text.tx2{top: 84%;width: 100%;}
.main-products .cool .od2 .box2 .text.tx1{top: 9%;width: 50%;}
.main-products .cool .od2 .box2 .text.tx1 h2{font-size: 5vw;line-height: 5vw;text-align: left;padding-left: 5vw;margin-bottom: 2vw;}
.main-products .cool .od2 .box2 .text.tx1 span{font-size: 2.5vw;color: #000;font-weight: 400;padding-left: 2vw;}
.main-products .cool .od2 .box2 .text.tx1 strong{font-size: 4vw;line-height: 4vw;color: #fff;text-shadow: 0 0 30px #fff;}
.main-products .cool .od2 .box2 .text.tx2{top: 45%;width: 50%;}
.main-products .cool .od2 .box2 .text.tx2 h2{line-height: 4.5vw;font-size: 3.1vw;color: #cbcaca;}
.main-products .cool .od2 .box2 .text.tx3{top: 43%;width: 47%;left: 50%;display: flex;}
.main-products .cool .od2 .box2 .text.tx3 p{font-size: 1.8vw;color: #afb0b2;width: 50%;}
.main-products .cool .od2 .box2 .text.tx4{top: 56%;width: 47%;left: 50%;display: flex;}
.main-products .cool .od2 .box2 .text.tx4 p{font-size: 1.8vw;line-height: 2vw; color: #afb0b2;width: 50%;}
.main-products .cool .od2 .box2 .text.tx5{top: 66.5%;width: 100%;left: 0;display: flex;}
.main-products .cool .od2 .box2 .text.tx5 p{line-height: 2vw;font-size: 2.5vw;color: #ccccce;width: 50%;font-weight: bold;}
.main-products .cool .od2 .box2 .text.tx6{top: 84%;width: 100%;left: 0;display: flex;}
.main-products .cool .od2 .box2 .text.tx6 p{line-height: 2vw;font-size: 2.5vw;color: #ccccce;width: 25%;font-weight: bold;}
.main-products .cool .od2 .box3 .text.tx1{top: 4.5%;width: 100%;}
.main-products .cool .od2 .box3 .text.tx1 h3{margin-bottom: 4vw;}
.main-products .cool .od2 .box3 .text.tx1 h2{margin-bottom: 3vw;}
.main-products .cool .od2 .box3 .text.tx2{top: 93.8%;left: 8.5%;}
.main-products .cool .od2 .box3 .text.tx3{top: 91.7%;left: 37.5%;width: 26%;}
.main-products .cool .od2 .box3 .text.tx4{top: 92.7%;left: 66.5%;}
.main-products .cool .od2 .box4 .text.tx1{top: 4.5%;width: 100%;}
.main-products .cool .od2 .box4 .text.tx2{top: 87%;width: 90%;left: 5%;}
.main-products .cool .od2 .box5 .text.tx1{top: 2.5%;width: 100%;}
.main-products .cool .od2 .box5 .text.tx1 h2{margin-bottom: 4vw;}
.main-products .cool .od2 .box6 .text{width: 50%;left: 50%;text-align: left;}
.main-products .cool .od2 .box6 .text h2{font-size: 3.2vw;}
.main-products .cool .od2 .box6 .text p{font-size: 2vw;color: #ccc;}
.main-products .cool .od2 .box6 .text.tx1{top: 10.2%;}
.main-products .cool .od2 .box6 .text.tx2{top: 42.2%;}
.main-products .cool .od2 .box6 .text.tx2 h2{margin-bottom: 8vw;}
.main-products .cool .od2 .box6 .text.tx3{top: 74.5%;}
.main-products .cool .od2 .box6 .text.tx3 h2{margin-bottom: 8vw;}
.main-products .cool .od2 .box7 .text.tx1{top: 3.5%;width: 100%;}
.main-products .cool .od2 .box7 .text.tx2{top: 82.8%;width: 100%;display: flex;justify-content: space-around;}
.main-products .cool .od2 .box7 .text.tx2 p{font-size: 2.4vw;line-height: 4vw;}
.main-products .cool .od2 .box7 .text.tx2 p strong{font-size: 6vw;color: #ca0102;}
.main-products .cool .od2 .box8 .text.tx1{top: 3.5%;width: 100%;}
.main-products .cool .od2 .box8 .text.tx1 h2{margin-bottom: 4vw;}
.main-products .cool .od2 .box8 .text.tx2{top: 44.4%;left: 6%;width: 25%;}
.main-products .cool .od2 .box8 .text.tx2 p{font-size: 2vw;}
.main-products .cool .od2 .box8 .text.tx3{top: 37.4%;left: 34%;width: 32%;}
.main-products .cool .od2 .box8 .text.tx3 p{font-size: 2vw;}
.main-products .cool .od2 .box8 .text.tx4{top: 45.7%;left: 67.5%;width: 28%;}
.main-products .cool .od2 .box8 .text.tx4 p{font-size: 2vw;}
.main-products .cool .od2 .box9 .text.tx1{top: 4.5%;width: 100%;}
.main-products .cool .od2 .box9 .text.tx1 h2{margin-bottom: 4vw;}
.main-products .cool .od2 .box10 .text.tx1{top: 2.5%;width: 100%;}
.main-products .cool .od2 .box10 .text.tx2{top: 89.5%;width: 100%;}
.main-products .cool .od2 .box10 .text.tx2 p{color:#808080;font-weight: normal;}
.main-products .cool .od2 .box11 .text.tx1{top: 2.5%;width: 100%;}
.main-products .cool .od2 .box11 .text.tx1 h3{margin-bottom: 4vw;}
.main-products .cool .od2 .box12 .text.tx1{top: 2.5%;width: 100%;}
.main-products .cool .od2 .box12 .text.tx1 h3{margin-bottom: 2vw;}
.main-products .cool .od2 .box13 .text.tx1{top: 2.5%;width: 100%;}
.main-products .cool .od2 .box13 .text.tx1 h2{margin-bottom: 4vw;}
.main-products .cool .od2 .box14 .text h2{color: #000;margin-bottom: 12vw;font-size: 3.6vw;line-height: 5vw;}
.main-products .cool .od2 .box14 .text p{color: #000;font-size: 1.8vw;}
.main-products .cool .od2 .box14 .text.tx1{top: 8.5%;width: 50%;text-align: right;left: 48%;padding-right: 2vw;}
.main-products .cool .od2 .box14 .text.tx2{top: 59%;width: 50%;left: 46%;text-align: right;padding-right: 2vw;}
.main-products .cool .od2 .box15 .text h2{color: #000;margin-bottom: 12vw;font-size: 3.6vw;line-height: 5vw;}
.main-products .cool .od2 .box15 .text p{color: #000;font-size: 1.8vw;}
.main-products .cool .od2 .box15 .text.tx1{top: 6.5%;width: 50%;text-align: right;left: 48%;padding-right: 2vw;}
.main-products .cool .od2 .box15 .text.tx2{top: 55%;width: 50%;left: 46%;text-align: right;padding-right: 2vw;}
.main-products .cool .od2 .box16 .text{top: 3.5%;left: 0;width: 100%;text-align: center;}
.main-products .cool .od2 .box17 .text{top: 6.5%;width: 100%;}
.main-products .cool .od2 .box17 .text h3{font-size: 6vw; line-height: 7vw;padding-left: 7%;margin-bottom: 0;}
.main-products .cool .od2 .box17 .text h2{font-size: 4vw;line-height: 4vw;margin-bottom: 2vw;}
.main-products .cool .od2 .box17 .text p{font-size: 2.2vw;line-height: 3vw;padding: 0 1%;}
.main-products .cool .od2 .box18 .text{top: 2.5%;width: 100%;}
.main-products .cool .od2 .box18 .text h2{font-size: 5.1vw;}


.main-products .cool .zd4pro section > img {width: 100%;height: auto; }
.main-products .cool .zd4pro .text {position: absolute;box-sizing: border-box;}
.main-products .cool .zd4pro .text h2{line-height: 5.4vw;margin-bottom: 5vw;font-size: 5.4vw;font-weight: bold;color: #fff;background: repeating-linear-gradient(to right, #b0aeb1, #fff,#b0aeb1, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main-products .cool .zd4pro .text h3{font-size: 2.8vw;line-height: 3vw;color: #fff;margin-bottom: 1vw;font-weight: 400;letter-spacing: 10px;}
.main-products .cool .zd4pro .text h4{font-size: 5vw;line-height: 5vw;font-weight: 500;color: #fff;margin-bottom: 2.2vw;}
.main-products .cool .zd4pro .text h5{margin: 0 auto 2vw;font-size: 3.7vw;line-height: 4vw;font-weight: 500;color: #fff;}
.main-products .cool .zd4pro .text p{line-height: 3vw;font-size: 3vw;color: #fff;}
.main-products .cool .zd4pro .text span{color: #cc0001;}
.main-products .cool .zd4pro .box1 .text.tx1{top: 7%;width: 100%;}
.main-products .cool .zd4pro .box2 .text.tx1{top: 17%;left: 7%;}
.main-products .cool .zd4pro .box2 .text.tx2{top: 47%;left: 12%;}
.main-products .cool .zd4pro .box2 .text.tx2 p{font-size: 2.1vw;}
.main-products .cool .zd4pro .box2 .text.tx3{top: 71%;}
.main-products .cool .zd4pro .box2 .text.tx3 ul{display: flex;justify-content: space-between;align-items: center;}
.main-products .cool .zd4pro .box2 .text.tx3 li{font-size: 2vw;position: relative;padding: 0 .5vw;line-height: 3vw;color: #fff;}
.main-products .cool .zd4pro .box2 .text.tx3 li::after{content: "";display: block;width: 3px;top: 20%;bottom: 20%;background-color: #fff;position: absolute;left: 0;}
.main-products .cool .zd4pro .box2 .text.tx3 li:first-child::after{display: none;}
.main-products .cool .zd4pro .box3 .text.tx1{top: 7%;padding: 0 10%;}
.main-products .cool .zd4pro .box3 .text.tx2{top: 91.8%;left: 8.5%;}
.main-products .cool .zd4pro .box3 .text.tx3{top: 91.7%;left: 35.5%;width: 33%;}
.main-products .cool .zd4pro .box3 .text.tx4{top: 91.7%;left: 69.5%;}
.main-products .cool .zd4pro .box4 .text.tx1{top: 3%;padding: 0 3%;}
.main-products .cool .zd4pro .box4 .text.tx2{top: 87.8%;display: flex;justify-content: space-around;width: 100%;}
.main-products .cool .zd4pro .box4 .text.tx2 p{font-size: 2.4vw;line-height: 4vw;}
.main-products .cool .zd4pro .box4 .text.tx2 p strong{font-size: 6vw;color: #ca0102;}
.main-products .cool .zd4pro .box5 .text.tx1{top: 5%;}
.main-products .cool .zd4pro .box5 .text.tx2{top: 47.4%;left: 6%;width: 25%;}
.main-products .cool .zd4pro .box5 .text.tx2 p{font-size: 2.2vw;line-height: 3vw;}
.main-products .cool .zd4pro .box5 .text.tx3{top: 39.4%;left: 34%;width: 32%;}
.main-products .cool .zd4pro .box5 .text.tx3 p{font-size: 2vw;line-height: 3.2vw;}
.main-products .cool .zd4pro .box5 .text.tx4{top: 47.7%;left: 70.5%;width: 30%;}
.main-products .cool .zd4pro .box5 .text.tx4 p{font-size: 2.2vw;line-height: 3.2vw;}
.main-products .cool .zd4pro .box6 .text.tx1{top: 6%;width: 100%;}
.main-products .cool .zd4pro .box7 .text.tx1{top: 6%;padding: 0 3%;width: 100%;}
.main-products .cool .zd4pro .box8 .text.tx1{top: 5%;padding: 0 3%;width: 100%;}
.main-products .cool .zd4pro .box8 .text.tx2{top: 90%;padding: 0 10%;}
.main-products .cool .zd4pro .box8 .text.tx2 p{line-height: 2vw;font-size: 1.5vw;}
.main-products .cool .zd4pro .box9 .text.tx1{top: 5%;padding: 0 3%;width: 100%;}
.main-products .cool .zd4pro .box9 .text.tx2{top: 30%;left: 15%;}
.main-products .cool .zd4pro .box9 .text.tx3{top: 30%;left: 66%;}
.main-products .cool .zd4pro .box9 .text.tx4{top: 84.5%;left: 15%;}
.main-products .cool .zd4pro .box9 .text.tx5{top: 84.5%;left: 66%;}
.main-products .cool .zd4pro .box10 .text{width: 100%;}
.main-products .cool .zd4pro .box10 .text p{color: #000;}
.main-products .cool .zd4pro .box10 .text.tx1{top: 31%;}
.main-products .cool .zd4pro .box10 .text.tx2{top: 63%;}
.main-products .cool .zd4pro .box10 .text.tx3{top: 94%;}
.main-products .cool .zd4pro .box11 .text.tx1{top: 2%;padding: 0 3%;width: 100%;}
.main-products .cool .zd4pro .box12 .text h4{font-size: 3.5vw;line-height: 4vw;color: #000;}
.main-products .cool .zd4pro .box12 .text p{color: #000;font-size: 2vw;font-weight: 500;}
.main-products .cool .zd4pro .box12 .text.tx1{top: 10%;width: 60%;right: 2%;text-align: right;}
.main-products .cool .zd4pro .box12 .text.tx1 h4{margin-bottom: 11.5vw;}
.main-products .cool .zd4pro .box12 .text.tx2{top: 60.5%;width: 60%;right: 2%;text-align: right;}
.main-products .cool .zd4pro .box12 .text.tx2 h4{margin-bottom: 14.5vw;}
.main-products .cool .zd4pro .box13 .text h4{font-size: 3.5vw;line-height: 4vw;color: #000;}
.main-products .cool .zd4pro .box13 .text p{color: #000;font-size: 2vw;font-weight: 500;}
.main-products .cool .zd4pro .box13 .text.tx1{top: 10%;width: 60%;right: 2%;text-align: right;}
.main-products .cool .zd4pro .box13 .text.tx1 h4{margin-bottom: 12.5vw;}
.main-products .cool .zd4pro .box13 .text.tx2{top: 57.5%;width: 60%;right: 2%;text-align: right;}
.main-products .cool .zd4pro .box13 .text.tx2 h4{margin-bottom: 12.5vw;}
.main-products .cool .zd4pro .box14 .text.tx1{top: 3%;}
.main-products .cool .zd4pro .box14 .text.tx1 h2{margin-bottom: 4vw;}
.main-products .cool .zd4pro .box15 .text.tx1{top: 5%;padding: 0 2%;}
.main-products .cool .zd4pro .box16 .text.tx1{top: 3%;width: 100%;}
.main-products .cool .zd4pro .box17 .text.tx1{top: 7%;width: 100%;}



.main-products .cool .od1 section > img {width: 100%;height: auto; }
.main-products .cool .od1 .text {position: absolute;box-sizing: border-box;}
.main-products .cool .od1 .text h2{line-height: 4.8vw;margin-bottom: 1vw;font-size: 4.8vw;font-weight: bold;color: #000;}
.main-products .cool .od1 .text h3{font-size: 2.8vw;line-height: 3vw;color: #818181;margin-bottom: 1vw;letter-spacing: 7px;}
.main-products .cool .od1 .text h4{font-size: 5vw;line-height: 5vw;font-weight: 500;color: #fff;margin-bottom: 2.2vw;}
.main-products .cool .od1 .text h5{margin: 0 auto 2vw;font-size: 3.7vw;line-height: 4vw;font-weight: 500;color: #fff;}
.main-products .cool .od1 .text p{line-height: 3.5vw;font-size: 2.4vw;color: #000;}
.main-products .cool .od1 .text span{color: #cc0001;}
.main-products .cool .od1 .box1 .text.tx1{top: 5%;width: 60%;text-align: right;padding: 0 4%;right: 0;}
.main-products .cool .od1 .box2 .text.tx1{top: 13%;left: 50%;width: 50%;}
.main-products .cool .od1 .box2 .text.tx2{top: 58%;left: 3%;}
.main-products .cool .od1 .box2 .text.tx2 p{font-size: 2.1vw;line-height: 3vw;}
.main-products .cool .od1 .box2 .text.tx3{top: 42.5%;width: 23%;left: 51%;}
.main-products .cool .od1 .box2 .text.tx3 p{line-height: 3vw;font-size: 2.2vw;}
.main-products .cool .od1 .box2 .text.tx4{top: 42.5%;width: 23%;left: 75.5%;}
.main-products .cool .od1 .box2 .text.tx4 p{line-height: 3vw;font-size: 2.2vw;}
.main-products .cool .od1 .box2 .text.tx5{top: 60.5%;width: 23%;left: 51%;}
.main-products .cool .od1 .box2 .text.tx5 p{line-height: 3vw;font-size: 2.2vw;}
.main-products .cool .od1 .box2 .text.tx6{top: 60.5%;width: 23%;left: 75.5%;}
.main-products .cool .od1 .box2 .text.tx6 p{line-height: 3vw;font-size: 2.2vw;}
.main-products .cool .od1 .box3 .text.tx1{top: 3%;padding: 0 10%;}
.main-products .cool .od1 .box3 .text.tx1 h2{color: #fff;margin-bottom: 2vw;}
.main-products .cool .od1 .box3 .text.tx1 p{color: #fff;font-size: 2.4vw;}
.main-products .cool .od1 .box4 .text.tx1{top: 6%;padding: 0 10%;}
.main-products .cool .od1 .box4 .text.tx1 h2{margin-bottom: 2vw;}
.main-products .cool .od1 .box4 .text.tx1 p{font-size: 2.3vw;}
.main-products .cool .od1 .box5 .text.tx1{top: 7%;width: 80%;left: 10%;}
.main-products .cool .od1 .box5 .text.tx1 h2{color: #fff;margin-bottom: 3vw;}
.main-products .cool .od1 .box5 .text.tx1 p{color: #fff;font-size: 2.4vw;}
.main-products .cool .od1 .box6 .text.tx1{top: 45%;width: 100%;}
.main-products .cool .od1 .box6 .text.tx2{top: 95%;width: 100%;}
.main-products .cool .od1 .box6 .text p{color: #fff;line-height: 2.2vw;font-size: 1.65vw;}
.main-products .cool .od1 .box7 .text.tx1{top: 7%;padding: 0 3%;width: 100%;}
.main-products .cool .od1 .box7 .text.tx1 h2{color: #fff;}
.main-products .cool .od1 .box7 .text.tx1 p{color: #fff;line-height: 3vw;font-size: 2.2vw;}
.main-products .cool .od1 .box7 .text.tx2{top: 85.8%;display: flex;justify-content: space-around;width: 100%;}
.main-products .cool .od1 .box7 .text.tx2 p{font-size: 2.4vw;line-height: 4vw;color: #fff;}
.main-products .cool .od1 .box7 .text.tx2 p strong{font-size: 6vw;color: #ca0102;}
.main-products .cool .od1 .box8 .text.tx1{top: 9%;padding: 0 3%;width: 100%;}
.main-products .cool .od1 .box8 .text.tx1 h2{margin-bottom: 2vw;}
.main-products .cool .od1 .box8 .text.tx1 p{line-height: 4.5vw;font-size: 2.4vw;}
.main-products .cool .od1 .box9 .text.tx1{top: 9%;padding: 0 3%;width: 100%;}
.main-products .cool .od1 .box9 .text.tx1 h2{margin-bottom: 3.5vw;color: #fff;}
.main-products .cool .od1 .box9 .text.tx1 p{line-height: 3.5vw;font-size: 2.5vw;color: #fff;}
.main-products .cool .od1 .box10 .text.tx1{top: 4%;padding: 0 3%;width: 100%;}
.main-products .cool .od1 .box10 .text.tx1 h2{margin-bottom: 2vw;}
.main-products .cool .od1 .box10 .text.tx1 p{line-height: 3.5vw;font-size: 2.5vw;}
.main-products .cool .od1 .box11 .text.tx1{top: 8%;padding: 0 3%;width: 100%;}
.main-products .cool .od1 .box11 .text.tx1 h2{color: #fff;margin-bottom: 4vw;}
.main-products .cool .od1 .box11 .text p{color: #fff;}
.main-products .cool .od1 .box11 .text.tx2{width: 50%;top: 70%;left: 25%;}
.main-products .cool .od1 .box11 .text.tx3{width: 54%;top: 83%;}
.main-products .cool .od1 .box11 .text.tx3 h4{font-size: 2.5vw;line-height: 3vw;color: #000;}
.main-products .cool .od1 .box11 .text.tx3 p{font-size: 2vw;}
.main-products .cool .od1 .box11 .text.tx4{width: 54%;top: 83%;left: 46%;}
.main-products .cool .od1 .box11 .text.tx4 h4{font-size: 2.5vw;line-height: 3vw;color: #000;}
.main-products .cool .od1 .box11 .text.tx4 p{font-size: 2vw;}
.main-products .cool .od1 .box12 .text.tx1{top: 12%;width: 45%;right: 4%;text-align: right;}
.main-products .cool .od1 .box12 .text.tx1 h2{font-size: 3.5vw;line-height: 4vw;}
.main-products .cool .od1 .box12 .text.tx1 p{line-height: 2.5vw;font-size: 2vw;font-weight: 500;}
.main-products .cool .od1 .box12 .text.tx2{top: 40%;width: 45%;right: 6%;text-align: right;}
.main-products .cool .od1 .box12 .text.tx2 h2{font-size: 3vw;line-height: 4vw;margin-bottom: 8vw;color: #313131;}
.main-products .cool .od1 .box12 .text.tx2 p{line-height: 2.5vw;font-size: 2vw;font-weight: 500;color: #333333;}
.main-products .cool .od1 .box12 .text.tx3{top: 71%;width: 45%;right: 6%;text-align: right;}
.main-products .cool .od1 .box12 .text.tx3 h2{font-size: 3vw;line-height: 3.5vw;margin-bottom: 6vw;color: #313131;}
.main-products .cool .od1 .box12 .text.tx3 p{line-height: 2.3vw;font-size: 2vw;font-weight: 500;color: #333333;}
.main-products .cool .od1 .box13 .text h2{font-size: 3vw;line-height: 3.5vw;color: #313131;}
.main-products .cool .od1 .box13 .text p{line-height: 2.3vw;font-size: 2vw;font-weight: 500;color: #333333;}
.main-products .cool .od1 .box13 .text.tx1{top: 2.5%;width: 50%;right: 6%;text-align: right;}
.main-products .cool .od1 .box13 .text.tx1 h2{margin-bottom: 7.5vw;}
.main-products .cool .od1 .box13 .text.tx2{top: 27.5%;width: 50%;right: 6%;text-align: right;}
.main-products .cool .od1 .box13 .text.tx2 h2{margin-bottom: 9vw;}
.main-products .cool .od1 .box13 .text.tx3{top: 49%;width: 50%;right: 6%;text-align: right;}
.main-products .cool .od1 .box13 .text.tx3 h2{margin-bottom: 10vw;}
.main-products .cool .od1 .box13 .text.tx4{top: 72.5%;width: 50%;right: 6%;text-align: right;}
.main-products .cool .od1 .box13 .text.tx4 h2{margin-bottom: 7.5vw;}
.main-products .cool .od1 .box14 .text.tx1{top: 7%;width: 100%;padding: 0 2%;}
.main-products .cool .od1 .box14 .text.tx1 h2{color: #fff;margin-bottom: 2vw;}
.main-products .cool .od1 .box14 .text.tx1 p{color: #fff;}
.main-products .cool .od1 .box15 .text.tx1{top: 7%;width: 100%;padding: 0 2%;}
.main-products .cool .od1 .box15 .text.tx1 h2{color: #fff;margin-bottom: 2vw;}
.main-products .cool .od1 .box15 .text.tx1 p{color: #fff;}
.main-products .cool .od1 .box16 .text.tx1{top: 5%;width: 100%; padding: 0 2%;}
.main-products .cool .od1 .box16 .text.tx1 h2{color: #fff;margin-bottom: 4vw;}
.main-products .cool .od1 .box16 .text.tx1 p{color: #fff;}
.main-products .cool .od1 .box17 .text.tx1{top: 8%;width: 100%;padding: 0 4%;}
.main-products .cool .od1 .box17 .text.tx1 h4{margin-bottom: 1vw;}
.main-products .cool .od1 .box17 .text.tx1 p{color: #fff;line-height: 3vw;font-size: 2vw;}


.main-products .cool .zdultra2 section > img {width: 100%;height: auto; }
.main-products .cool .zdultra2 .text {position: absolute;box-sizing: border-box;}
.main-products .cool .zdultra2 .text h2{line-height: 6vw;margin-bottom: 3vw;font-size: 6vw;font-weight: bold;color: #fff;}
.main-products .cool .zdultra2 .text h3{font-size: 4.8vw;line-height: 4.8vw;color: #fff;margin-bottom: 1vw;font-weight: 400;letter-spacing: 2vw;}
.main-products .cool .zdultra2 .text h4{font-size: 5vw;line-height: 5vw;font-weight: 500;color: #fff;margin-bottom: 2.2vw;}
.main-products .cool .zdultra2 .text h5{margin: 0 auto 2vw;font-size: 3.7vw;line-height: 4vw;font-weight: 500;color: #fff;}
.main-products .cool .zdultra2 .text p{line-height: 3.6vw;font-size: 3vw;color: #fff;}
.main-products .cool .zdultra2 .text span{color: #f20401;}
.main-products .cool .zdultra2 .box1 .text.tx1{top: 7%;width: 100%;}
.main-products .cool .zdultra2 .box1 .text.tx1 p{line-height: 2.7vw;font-size: 2.7vw;letter-spacing: 5px;margin-bottom: 1vw;color: #d6cecc;}
.main-products .cool .zdultra2 .box1 .text.tx1 h2{font-size: 7vw;line-height: 7vw;margin-bottom: 3vw;}
.main-products .cool .zdultra2 .box1 .text.tx1 div p{width: 33%;display: inline-block;color: #fff;}
.main-products .cool .zdultra2 .box1 .text.tx1 div p::after{content: "";display: block;width: 3px;top: 20%;bottom: 20%;background-color: #fff;position: absolute;left: 0;}
.main-products .cool .zdultra2 .box1 .text.tx1 div p:first-child::after{display: none;}
.main-products .cool .zdultra2 .box2 .text.tx1{top: 4.5%;width: 100%;}
.main-products .cool .zdultra2 .box2 .text.tx1 h2{font-size: 7vw;line-height: 7vw;}
.main-products .cool .zdultra2 .box2 .text.tx2{width: 43%;top: 29%;left: 4%;}
.main-products .cool .zdultra2 .box2 .text.tx3{width: 43%;top: 29%;left: 53%;}
.main-products .cool .zdultra2 .box2 .text.tx4{width: 43%;top: 56%;left: 4%;}
.main-products .cool .zdultra2 .box2 .text.tx5{width: 43%;top: 56%;left: 53%;}
.main-products .cool .zdultra2 .box2 .text.tx6{width: 43%;top: 84%;left: 4%;}
.main-products .cool .zdultra2 .box2 .text.tx7{width: 43%;top: 84%;left: 53%;}
.main-products .cool .zdultra2 .box2 .text p{line-height: 3vw;font-size: 2.8vw;/* font-weight: bold; */}
.main-products .cool .zdultra2 .box3 .text p{font-size: 2vw;line-height: 4vw;}
.main-products .cool .zdultra2 .box3 .text.tx1{top: 3%;width: 100%;}
.main-products .cool .zdultra2 .box3 .text.tx1 h2{line-height: 6vw;font-size: 6vw;margin-bottom: 3vw;}
.main-products .cool .zdultra2 .box3 .text.tx1 strong{line-height: 4.2vw;margin-bottom: 4vw;font-size: 4.2vw;}
.main-products .cool .zdultra2 .box3 .text.tx1 p{font-size: 3vw;}
.main-products .cool .zdultra2 .box3 .text.tx2{top: 93.8%;left: 6.5%;}
.main-products .cool .zdultra2 .box3 .text.tx3{top: 93.7%;left: 33.5%;width: 33%;}
.main-products .cool .zdultra2 .box3 .text.tx4{top: 93.7%;left: 68.5%;}
.main-products .cool .zdultra2 .box4 .text.tx1{top: 4%;padding: 0 3%;}
.main-products .cool .zdultra2 .box5 .text.tx1{top: 6%;}
.main-products .cool .zdultra2 .box5 .text.tx1 h2{font-size: 5vw;}
.main-products .cool .zdultra2 .box5 .text.tx1 p{padding: 0 5%;}
.main-products .cool .zdultra2 .box6 .text.tx1{top: 2.6%;}
.main-products .cool .zdultra2 .box6 .text.tx1 h2{font-size: 5vw;}
.main-products .cool .zdultra2 .box6 .text.tx2{overflow: hidden;width: 100%;top: 85%;}
.main-products .cool .zdultra2 .box6 .text.tx2 p{width: 33%;text-align: center;float: left;}
.main-products .cool .zdultra2 .box6 .text.tx2 strong{font-size: 6vw;line-height: 6vw;}
.main-products .cool .zdultra2 .box7 .text.tx1{top: 2%;padding: 0 3%;width: 100%;}
.main-products .cool .zdultra2 .box7 .text.tx1 h2{font-size: 5vw;margin-bottom: 2vw;}
.main-products .cool .zdultra2 .box8 .text.tx1{top: 5%;padding: 0 3%;width: 100%;}
.main-products .cool .zdultra2 .box8 .text h2{font-size: 5vw;line-height: 5vw;margin-bottom: 4vw;}
.main-products .cool .zdultra2 .box9 .text h4{font-size: 4.8vw;line-height: 4.8vw;margin-bottom: 3.2vw;color: #e0d3d3;}
.main-products .cool .zdultra2 .box9 .text p{color: #e0d3d3;}
.main-products .cool .zdultra2 .box9 .text.tx1{top: 7.6%;width: 47%;left: 43%;text-align: right;}
.main-products .cool .zdultra2 .box9 .text.tx2{top: 40.6%;width: 47%;left: 43%;text-align: right;}
.main-products .cool .zdultra2 .box9 .text.tx3{top: 72.6%;width: 47%;left: 43%;text-align: right;}
.main-products .cool .zdultra2 .box10 .text.tx1{top: 8%;}
.main-products .cool .zdultra2 .box10 .text.tx2{top: 87%;}
.main-products .cool .zdultra2 .box10 .text.tx2 p{font-size: 2vw;line-height: 2.5vw;}
.main-products .cool .zdultra2 .box11 .text.tx1{top: 5%;padding: 0 3%;width: 100%;}
.main-products .cool .zdultra2 .box11 .text.tx1 h2{font-size: 5vw;}
.main-products .cool .zdultra2 .box12 .text.tx1{top: 3%;}
.main-products .cool .zdultra2 .box12 .text.tx1 h2{margin-bottom: 2vw;}
.main-products .cool .zdultra2 .box13 .text{width: 50%;right: 5%;text-align: right;}
.main-products .cool .zdultra2 .box13 .text h4{margin-bottom: 5.1vw;font-size: 4.8vw;color: #373737;}
.main-products .cool .zdultra2 .box13 .text p{color: #373737;font-size: 2.5vw;line-height: 3vw;font-weight: 500;}
.main-products .cool .zdultra2 .box13 .text.tx1{top: 7.5%;}
.main-products .cool .zdultra2 .box13 .text.tx2{top: 39.5%;}
.main-products .cool .zdultra2 .box13 .text.tx2 h4{margin-bottom: 2vw;}
.main-products .cool .zdultra2 .box13 .text.tx3{top: 72.5%;}
.main-products .cool .zdultra2 .box14 .text{width: 50%;right: 5%;text-align: right;}
.main-products .cool .zdultra2 .box14 .text h4{margin-bottom: 5.1vw;font-size: 4.8vw;color: #373737;}
.main-products .cool .zdultra2 .box14 .text p{color: #373737;font-size: 2.5vw;line-height: 3vw;font-weight: 500;}
.main-products .cool .zdultra2 .box14 .text.tx1{top: 4.5%;}
.main-products .cool .zdultra2 .box14 .text.tx1 h4{margin-bottom: 7.1vw;}
.main-products .cool .zdultra2 .box14 .text.tx2{top: 30%;}
.main-products .cool .zdultra2 .box14 .text.tx2 h4{margin-bottom: 5vw;}
.main-products .cool .zdultra2 .box14 .text.tx3{width: 100%;top: 52%;text-align: center;right: inherit;}
.main-products .cool .zdultra2 .box14 .text.tx3 h2{margin-bottom: 2vw;}
.main-products .cool .zdultra2 .box14 .text.tx3 p{color: #fff;font-size: 3vw;line-height: 3.5vw;}
.main-products .cool .zdultra2 .box15 .text.tx1{top: 5%;padding: 0 2%;}
.main-products .cool .zdultra2 .box15 .text h2{margin-bottom: 2vw;font-size: 5vw;}
.main-products .cool .zdultra2 .box16 .text.tx1{top: .5%;width: 100%;}
.main-products .cool .zdultra2 .box16 .text.tx1 h2{font-size: 5vw;padding-left: 4vw;margin-bottom: 1vw;}
.main-products .cool .zdultra2 .box16 .text.tx1 h3{font-weight: bold;letter-spacing: 0;}
.main-products .cool .zdultra2 .box16 .text.tx1 p{line-height: 3vw;font-size: 2.5vw;}

.main-products .cool .od9 section > img {width: 100%;height: auto; }
.main-products .cool .od9 .text {position: absolute;box-sizing: border-box;display: none;}
.main-products .cool .od9 .text h2{line-height: 6vw;margin-bottom: 3vw;font-size: 6vw;font-weight: bold;color: #fff;}
.main-products .cool .od9 .text h3{font-size: 4.8vw;line-height: 4.8vw;color: #fff;margin-bottom: 1vw;font-weight: 400;letter-spacing: 2vw;}
.main-products .cool .od9 .text h4{font-size: 5vw;line-height: 5vw;font-weight: 500;color: #fff;margin-bottom: 2.2vw;}
.main-products .cool .od9 .text h5{margin: 0 auto 2vw;font-size: 3.7vw;line-height: 4vw;font-weight: 500;color: #fff;}
.main-products .cool .od9 .text p{line-height: 3.6vw;font-size: 3vw;color: #fff;}
.main-products .cool .od9 .text span{color: #f20401;}
.main-products .cool .od9 .text.black h2{color: #000;}
.main-products .cool .od9 .text.black h3{color: #000;}
.main-products .cool .od9 .text.black p{color: #000;}


.main-products .cool .gr6 section > img {width: 100%;height: auto; }
.main-products .cool .gr6 .note{position: absolute;width: 100%;font-size: 1.2vw;color: #fff;padding: 0 3%;box-sizing: border-box;line-height: 1.5vw;}
.main-products .cool .gr6 .text {position: absolute;box-sizing: border-box;}
.main-products .cool .gr6 .text h2{line-height: 6vw;margin-bottom: 4vw;font-size: 5vw;font-weight: bold;color: #fff;}
.main-products .cool .gr6 .text h4{font-size: 5vw;line-height: 5vw;font-weight: 500;color: #fff;margin-bottom: 1vw;}
.main-products .cool .gr6 .text h5{margin: 0 auto 2vw;font-size: 3.7vw;line-height: 4vw;font-weight: 500;color: #fff;}
.main-products .cool .gr6 .text p{line-height: 3.3vw;font-size: 3.3vw;color: #fff;margin: 0 auto;}
.main-products .cool .gr6 .text.black h2{color: #000;}
.main-products .cool .gr6 .text.black h3{color: #000;}
.main-products .cool .gr6 .text.black p{color: #000;}
.main-products .cool .gr6 .box1 .t1{top: 6.8%;width: 100%;}
.main-products .cool .gr6 .box1 .t1 span{font-size: 3.6vw;text-transform: uppercase;letter-spacing: 1vw;color: #fff;display: block;margin-bottom: 2.8vw;}
.main-products .cool .gr6 .box1 .t1 img{width: 33vw;margin-bottom: 4vw;}
.main-products .cool .gr6 .box1 .t2{top: 74%;width: 100%;}
.main-products .cool .gr6 .box1 .t2 p{line-height: 2vw;font-size: 2vw;text-transform: uppercase;letter-spacing: 1.2vw;}
.main-products .cool .gr6 .box1 .t3{top: 93%;width: 100%;display: flex;justify-content: space-around;}
.main-products .cool .gr6 .box1 .t3 p{font-size: 4vw;width: 29%;background: linear-gradient(to bottom right, #f5d896, #7c5c33);-webkit-background-clip: text;color: transparent;}
.main-products .cool .gr6 .box2 .text{top:8%}
.main-products .cool .gr6 .box2 p{max-width: 80%;}
.main-products .cool .gr6 .box3 .text{top:8.5%}
.main-products .cool .gr6 .box4 .text{top:7%}
.main-products .cool .gr6 .box4 p{max-width: 80%;}
.main-products .cool .gr6 .box5 .text{top:8%}
.main-products .cool .gr6 .box6 .t1{top:11%}
.main-products .cool .gr6 .box6 .t2{width: 38%;left: 10.5%;top: 86.8%;}
.main-products .cool .gr6 .box6 .t2 p,
.main-products .cool .gr6 .box6 .t3 p{font-size: 2vw;}
.main-products .cool .gr6 .box6 .t2 h3,
.main-products .cool .gr6 .box6 .t3 h3{font-size: 4.8vw;line-height: 4.8vw;color: #fff;font-weight: bold;padding-left: 3vw;}
.main-products .cool .gr6 .box6 .t2 span,
.main-products .cool .gr6 .box6 .t3 span{font-size: 2vw;font-weight: 400;}
.main-products .cool .gr6 .box6 .t3{width: 38%;left: 48.5%;top: 86.8%;}
.main-products .cool .gr6 .box7 .text{top:8%}
.main-products .cool .gr6 .box8 .text{top:8%}
.main-products .cool .gr6 .box9 .text{top:6%}
.main-products .cool .gr6 .box10 .t1{top:2.8%}
.main-products .cool .gr6 .box10 .t2 h4,
.main-products .cool .gr6 .box10 .t3 h4,
.main-products .cool .gr6 .box10 .t4 h4,
.main-products .cool .gr6 .box10 .t5 h4{font-size: 4vw;}
.main-products .cool .gr6 .box10 .t2 p,
.main-products .cool .gr6 .box10 .t3 p,
.main-products .cool .gr6 .box10 .t4 p,
.main-products .cool .gr6 .box10 .t5 p{line-height: 3vw;font-size: 2.3vw;}
.main-products .cool .gr6 .box10 .t2{top: 50.4%;width: 55%;left: 45%;text-align: left;}
.main-products .cool .gr6 .box10 .t3{top: 63.8%;width: 50%;left: 8%;text-align: left;}
.main-products .cool .gr6 .box10 .t4{top: 77.7%;width: 55%;left: 45%;text-align: left;}
.main-products .cool .gr6 .box10 .t5{top: 91.8%;width: 55%;left: 8%;text-align: left;}
.main-products .cool .gr6 .box11 .text{top: 6%;}
.main-products .cool .gr6 .box11 .text h2{margin-bottom: 6vw;}
.main-products .cool .gr6 .box12 .text{top: 6%;}
.main-products .cool .gr6 .box12 .text h2{max-width: 80%;margin: 0 auto 5vw;}
.main-products .cool .gr6 .box12 .text p{max-width: 80%;}
.main-products .cool .gr6 .box12 .note{bottom: 4.5%;}
.main-products .cool .gr6 .box13 .text{top: 8.5%;}
.main-products .cool .gr6 .box13 .text h2{margin-bottom: 5vw;}
.main-products .cool .gr6 .box13 .text p{max-width: 80%;}
.main-products .cool .gr6 .box13 .note{bottom: 4.5%;}
.main-products .cool .gr6 .box14 .t1{top: 6%;}
.main-products .cool .gr6 .box14 .t2 h3,
.main-products .cool .gr6 .box14 .t3 h3{font-size: 7.8vw;line-height: 7.8vw;color: #fff;font-weight: bold;padding-left: 3vw;}
.main-products .cool .gr6 .box14 .t2 span,
.main-products .cool .gr6 .box14 .t3 span{font-size: 4vw;font-weight: 400;}
.main-products .cool .gr6 .box14 .t2{width: 38%;left: 10.5%;top: 79.8%;}
.main-products .cool .gr6 .box14 .t3{width: 38%;left: 52.5%;top: 79.8%;}


.main-products .cool .gr2 section > img {width: 100%;height: auto; }
.main-products .cool .gr2 .note{position: absolute;width: 100%;font-size: 1.8vw;color: #fff;padding: 0 3%;box-sizing: border-box;line-height: 2vw;}
.main-products .cool .gr2 .note.black{color: #343434;}
.main-products .cool .gr2 .text {position: absolute;box-sizing: border-box;}
.main-products .cool .gr2 .text h2{line-height: 5vw;margin-bottom: 3vw;font-size: 4vw;font-weight: bold;color: #fff;}
.main-products .cool .gr2 .text h4{font-size: 5vw;line-height: 5vw;font-weight: 500;color: #fff;margin-bottom: 1vw;}
.main-products .cool .gr2 .text h5{margin: 0 auto 2vw;font-size: 3.7vw;line-height: 4vw;font-weight: 500;color: #fff;}
.main-products .cool .gr2 .text p{line-height: 3.7vw;font-size: 2.7vw;color: #fff;margin: 0 auto;}
.main-products .cool .gr2 .text.black h2{color: #343434;}
.main-products .cool .gr2 .text.black p{color: #343434;}
.main-products .cool .gr2 .text span{color: #91f151;}
.main-products .cool .gr2 .box1 .text{top: 74%;width: 100%;}
.main-products .cool .gr2 .box1 .text h2{line-height: 9vw;margin-bottom: 1vw;font-size: 9vw;}
.main-products .cool .gr2 .box1 .text .p1{font-size: 3vw;line-height: 3vw;letter-spacing: 2.3vw;text-transform: uppercase;margin-bottom: 1vw;}
.main-products .cool .gr2 .box2 .t1{display: flex;top: 21%;width: 100%;}
.main-products .cool .gr2 .box2 .t1 p{width: 30%;font-size: 2.3vw;line-height: 3vw;}
.main-products .cool .gr2 .box2 .t2 {top: 35%;}
.main-products .cool .gr2 .box2 .t2 p{max-width: 70%;}
.main-products .cool .gr2 .box3 .text{top:5%}
.main-products .cool .gr2 .box3 .text h2{font-size: 4.4vw;line-height: 5vw;}
.main-products .cool .gr2 .box4 .text{top: 6%;width: 100%;}
.main-products .cool .gr2 .box4 p{max-width: 80%;}
.main-products .cool .gr2 .box5 .text{top:8%;width: 100%;}
.main-products .cool .gr2 .box5 p{max-width: 80%;}
.main-products .cool .gr2 .box6 .t1{top:8%}
.main-products .cool .gr2 .box6 .t1 P{max-width: 80%;}
.main-products .cool .gr2 .box6 .t2{width: 40%;left: 8.5%;top: 84.8%;}
.main-products .cool .gr2 .box6 .t2 p,
.main-products .cool .gr2 .box6 .t3 p{font-size: 2vw;}
.main-products .cool .gr2 .box6 .t2 h3,
.main-products .cool .gr2 .box6 .t3 h3{font-size: 4.8vw;line-height: 4.8vw;font-weight: bold;padding-left: 3vw;color: #fff;}
.main-products .cool .gr2 .box6 .t2 span,
.main-products .cool .gr2 .box6 .t3 span{font-size: 2vw;font-weight: 400;color: #fff;}
.main-products .cool .gr2 .box6 .t3{top: 84.8%;left: 49.5%;width: 40%;}
.main-products .cool .gr2 .box7 .text{top: 10%;width: 50%;}
.main-products .cool .gr2 .box8 .text{top:8%}
.main-products .cool .gr2 .box8 .text h2{margin-bottom: 3vw;}
.main-products .cool .gr2 .box8 .text p{max-width: 70%;}
.main-products .cool .gr2 .box9 .text{top:6%}
.main-products .cool .gr2 .box9 .text p{max-width: 80%;}
.main-products .cool .gr2 .box10 .t1{top:2.8%}
.main-products .cool .gr2 .box10 .t1 h2{margin-bottom: 2vw;}
.main-products .cool .gr2 .box10 .t1 p{max-width: 80%;}
.main-products .cool .gr2 .box10 .t2 h4,
.main-products .cool .gr2 .box10 .t3 h4,
.main-products .cool .gr2 .box10 .t4 h4,
.main-products .cool .gr2 .box10 .t5 h4{font-size: 4vw;margin-bottom: .5vw;}
.main-products .cool .gr2 .box10 .t2 p,
.main-products .cool .gr2 .box10 .t3 p,
.main-products .cool .gr2 .box10 .t4 p,
.main-products .cool .gr2 .box10 .t5 p{line-height: 2.18vw;font-size: 2.18vw;}
.main-products .cool .gr2 .box10 .t2{top: 52%;width: 55%;left: 8%;text-align: left;}
.main-products .cool .gr2 .box10 .t3{top: 65.5%;width: 50%;left: 45%;text-align: left;}
.main-products .cool .gr2 .box10 .t4{top: 77.7%;width: 54%;left: 8%;text-align: left;}
.main-products .cool .gr2 .box10 .t5{top: 91.5%;width: 44%;left: 51.6%;text-align: left;}
.main-products .cool .gr2 .box11 .text{top: 6%;}
.main-products .cool .gr2 .box11 .text h2{margin-bottom: 2.8vw;}
.main-products .cool .gr2 .box11 .text p{max-width: 80%;}
.main-products .cool .gr2 .box12 .text{top: 7%;width: 100%;}
.main-products .cool .gr2 .box12 .text p{max-width: 80%;}
.main-products .cool .gr2 .box12 .note{bottom: 3.5%;}
.main-products .cool .gr2 .box13 .text{top: 3.5%;}
.main-products .cool .gr2 .box13 .text h2{margin-bottom: 3vw;}
.main-products .cool .gr2 .box13 .text p{max-width: 70%;}
.main-products .cool .gr2 .box13 .note{bottom: 4.5%;}
.main-products .cool .gr2 .box14 .t1{top: 4%;}
.main-products .cool .gr2 .box14 .t1 h2{line-height: 5vw;}
.main-products .cool .gr2 .box14 .t1 p{max-width: 80%;}
.main-products .cool .gr2 .box14 .t2 h3,
.main-products .cool .gr2 .box14 .t3 h3{font-size: 3vw;line-height: 4vw; color: #fff;font-weight: bold;padding-left: 3vw;}
.main-products .cool .gr2 .box14 .t2 span,
.main-products .cool .gr2 .box14 .t3 span{font-size: 6vw;font-weight: bold;}
.main-products .cool .gr2 .box14 .t2 p,
.main-products .cool .gr2 .box14 .t3 p{font-size: 2.5vw;}
.main-products .cool .gr2 .box14 .t2{width: 38%;left: 6.5%;top: 84.8%;}
.main-products .cool .gr2 .box14 .t3{width: 38%;left: 51.1%;top: 84.8%;}



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

.main-products .overview .slide-pro{width:50vw;}
.main-products .overview .slide-pic{width:49vw;height:49vw;}
.main-products .overview .slide-pic li{width:49vw;height:49vw;}
.main-products .overview .slide-dot{width:49vw;padding:0 3vw;}
.main-products .overview .slide-dot ul{width:44vw !important;}
.main-products .overview .slide-dot li{width:10vw;height:10vw;margin-right:1vw;}
.main-products .overview .slide-dot .pos{height:10vw;}
.main-products .overview .desc{width:39vw;}
.main-products .overview .desc h1{line-height:1.2em;font-size:20px;}
.main-products .overview .desc .price{line-height:1.2em;padding-bottom:5px;margin-bottom:10px;font-size:16px;}
.main-products .overview .desc li{line-height:1.5em;font-size:16px;}
.main-products .overview .quantity h2{margin-bottom:5px;font-size:18px;}
.main-products .overview .oper{row-gap:5px;margin-top:5px;}
.main-products .overview .oper .setnum{width:130px;height:34px;border-radius:5px;}
.main-products .overview .oper .setnum input{font-size:14px;}
.main-products .overview .oper .setnum i{width:24px;line-height:32px;font-size:14px;}
.main-products .overview .oper button{height:34px;font-size:14px;}
.main-products .overview .oper .addcart{width:calc(100% - 135px);}
.main-products .overview .quantity{padding:10px 0;margin-bottom:10px;}
.main-products .overview .desc .btn-com{margin:10px 0;}
.main-products .overview .desc .btn-com span{line-height:30px;padding:0 40px 0 20px;font-size:14px;}
.main-products .overview .desc .btn-com span::after{font-size:14px;}
.main-products .overview .desc .sns a{width:20px;height:20px;}


.common-banner{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;}

.main-products .cool .zd3 .box15 .text{top: 8.5%;}

}

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

.main-products .overview .slide-pro{float:none;width:92vw;}
.main-products .overview .slide-pic{width:92vw;height:92vw;}
.main-products .overview .slide-pic li{width:92vw;height:92vw;}
.main-products .overview .slide-dot{width:92vw;padding:0;margin-top:2vw;}
.main-products .overview .slide-dot ul{width:94vw !important;}
.main-products .overview .slide-dot li{width:21.5vw;height:21.5vw;margin-right:2vw;}
.main-products .overview .slide-dot .pos{height:21.5vw;}
.main-products .overview .slide-dot .btn{display:none;}
.main-products .overview .desc{width:100%;}


.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;}

}