*{margin:0;padding:0;box-sizing:border-box}
body{background-color:#ffffff;}
body.removeMovie #header{top: 0;position: fixed;transition: transform 0.35s ease;}
body.removeMovie #header.is-hidden{transform: translateY(-100%);}
body.removeMovie .container-fluid{margin-top: 0px;position: static;}
body.removeMovie .body-video{display:none;}
.header-new.is-hidden .fullscreen-dropdown {display: none !important;}
/* 轮播图 */
.banner-carousel-slide{width:100%;height:46.875vw;position:relative;overflow:hidden;}
.banner-carousel-slide:hover .swiper-button-next-wrap,.banner-carousel-slide:hover .swiper-button-prev-wrap{opacity:1;visibility:visible}
.banner-carousel-slide .swiper-slide{height:46.875vw}
.banner-carousel-slide .swiper-slide .banner{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.banner-carousel-slide .swiper-slide-active .banner-carousel-title h4{animation:ease-right .5s ease-in-out both;-webkit-animation:ease-right .5s ease-in-out both}
.banner-carousel-slide .swiper-slide-active .banner-carousel-title h3{animation:ease-right .5s ease-in-out .2s both;-webkit-animation:ease-right .5s ease-in-out .2s both}
.banner-carousel-slide .swiper-slide-active .banner-carousel-title p{animation:ease-right .5s ease-in-out .4s both;-webkit-animation:ease-right .5s ease-in-out .4s both}
.banner-carousel-slide .swiper-slide-active .banner-carousel-title .list{animation:ease-right .7s ease-in-out .5s both;-webkit-animation:ease-right .7s ease-in-out .5s both}
.banner-carousel-slide .banner-carousel-title{position:absolute;width:calc(80% - 10.4167vw);top:50%;transform:translateY(-50%);left:10%;z-index:100;color:#fff;z-index:2}
.banner-carousel-slide .banner-carousel-title .curtain{font-family:Metropolis-Medium}
.banner-carousel-slide .banner-carousel-title .list{margin-top:2.0833vw;width:23.4375vw;display:flex;justify-content:space-between}
.banner-carousel-slide .banner-carousel-title .list a{width:10.7292vw;height:2.6563vw;background-size:cover!important}
.banner-carousel-slide .banner-carousel-title .list a.a{background:url(../images/product/detail/drag-s3/s3.png)}
.banner-carousel-slide .banner-carousel-title .list a.b{background:url(../images/product/detail/drag-s3/x3.png)}
.banner-carousel-slide .banner-carousel-title .list a:hover{opacity:.9}
.banner-carousel-slide .banner-carousel-title h3{position:relative;font-size:4.1667vw;line-height:4.1667vw;margin-bottom:.5208vw;margin-left:-.3125vw;opacity:0;color:#ffffff;font-weight:bold}
.banner-carousel-slide .banner-carousel-title p{position:relative;font-size:1.5625vw;line-height:2.1875vw;opacity:0;color:#ffffff;}
.banner-carousel-slide #g4-g4mini .list{width:fit-content;border-radius:.5208vw;overflow:hidden}
.banner-carousel-slide #g4-g4mini .list a{flex:0 0 auto;display:inline-block;width:12.5vw;height:2.6042vw;line-height:2.6042vw;white-space:nowrap;background-color:#000000;color:#000000;font-size:.9375vw;text-align:center;display:flex;align-items:center;justify-content:center}
.banner-carousel-slide #g4-g4mini .list a:first-of-type img{height:1.0417vw}
.banner-carousel-slide #g4-g4mini .list a:nth-of-type(2){color:#ffffff;background-color:#ffffff}
.banner-carousel-slide #g4-g4mini .list a:nth-of-type(2) img{height:1.0417vw}
.banner-carousel-slide #g4-g4mini .list a:nth-of-type(3) img{height:1.5625vw}
.banner-carousel-slide h3{opacity: 0;animation: fadeIn 1s ease forwards;animation-delay: 0.4s;animation-play-state: running;}
.banner-carousel-slide p{opacity: 0;animation: fadeIn 1s ease forwards;animation-delay: 0.6s;animation-play-state: running;}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px); /* 可选，更自然 */
}
to {
opacity: 1;
transform: translateY(0);
}
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next::after{content:"";display:block;right:50px;width:50px;height:50px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .2s}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev::after{content:"";display:block;left:50px;width:50px;height:50px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .2s}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:auto;}
.fullBox{overflow:hidden;height:43.75vw}
.fullBox:hover .swiper-button-next-wrap,.fullBox:hover .swiper-button-prev-wrap{opacity:1;visibility:visible}
.fullBox .banner-carousel-sm{height:41.666vw;position:relative;overflow:hidden;margin:20px 24px;border-radius:10px}
.fullBox .banner-carousel-sm .swiper-slide{height:41.666vw;width:calc(50% - 12px);margin:0 6px}
.fullBox .banner-carousel-sm .swiper-slide a{display:block;width:100%;height:100%;overflow:hidden;border-radius:10px}
.fullBox .banner-carousel-sm .swiper-slide a.none{cursor:default}
.fullBox .banner-carousel-sm .swiper-slide a:hover img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.fullBox .banner-carousel-sm .swiper-slide a img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);border-radius:10px;transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s}
.fullBox .banner-carousel-sm .swiper-slide a .banner-carousel-title{position:absolute;top:1.8229vw;left:2.0833vw;z-index:100;color:#ffffff}
.fullBox .banner-carousel-sm .swiper-slide a .banner-carousel-title .curtain{font-family:Metropolis-Medium}
.fullBox .banner-carousel-sm .swiper-slide a .banner-carousel-title h3{font-size:3.125vw;line-height:3.6458vw}
.fullBox .banner-carousel-sm .swiper-slide a .banner-carousel-title p{font-size:2.5vw}
.fullBox .banner-carousel-sm .swiper-slide a .moreBtnIcon{background-color:#ffffff}
.start{text-align:center;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.start .logoBox{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:900px;height:100vh;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}
.start .logoBox .logo-container{width:100%;height:100%}
.start .logoBox .logo-container video{width:100%;height:100%;object-fit:cover}
.start .logoBox .slogan{font-size:90px;color:#000000;font-family:Radinte-Italic;display:flex;justify-content:center;opacity:0;margin-bottom:40px;position:absolute;top:60%;left:50%;transform:translateX(-50%) scale(.95);width:100%}
.start .logoBox .slogan span.d{-webkit-text-stroke:1px #ffcd14;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:url(../images/text-mask.png);transform:translate(0,0);background-position-y:0;background-repeat:no-repeat;background-size:cover;padding-left:5px}
.start p{font-size:18px;line-height:24px;color:#2b2b2b;opacity:0;width:100%;position:absolute;top:80%;left:50%;transform:translateX(-50%) scale(.95)}
.vapedev{overflow:hidden;margin:0 30px;height:1240px}
.vapedev .hotPoint{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.vapedev .hotPoint .img-point{width:calc(50% - 6px);height:615px;overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;position:relative;border-radius:10px}
.vapedev .hotPoint .img-point::before{position:absolute;bottom:0;left:0;width:100%;height:150px;content:'';background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));z-index:2}
.vapedev .hotPoint .img-point:hover{-webkit-box-flex:2;-moz-box-flex:2;-webkit-flex-grow:2;flex-grow:2}
.vapedev .hotPoint .img-point:hover .moreBtnIcon .jian{background-position:0 0}
.vapedev .hotPoint .img-point:hover .series-video{opacity:1}
.vapedev .hotPoint .img-point:hover .pic{transform:scale(1) translate(-50%,-50%)}
.vapedev .hotPoint .img-point .pic{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:scale(1.02) translate(-50%,-50%);transition:all .5s ease-in-out;position:relative;z-index:1}
.vapedev .hotPoint .img-point .info{position:absolute;left:40px;top:35px;transition:all 1s;color:#ffffff;z-index:3}
.vapedev .hotPoint .img-point .info.black{color:#000000}
.vapedev .hotPoint .img-point .info .tit{line-height:24px}
.vapedev .hotPoint .img-point .info .tit i{font-size:24px;display:block;font-family:Metropolis-Medium}
.vapedev .hotPoint .img-point .info .tit i.icon{font-size:60px;line-height:60px;margin-bottom:10px}
.vapedev .hotPoint .img-point .moreBtnIcon{background-color:#ffffff}
@keyframes ease-right{0%{opacity:0;transform:translateX(-100px)}
to{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes ease-right{0%{opacity:0;transform:translateX(-100px)}
to{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes reveal{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateZ(0) skew(45deg) scaleX(0);transform:translateZ(0) skew(45deg) scaleX(0)}
0.0001%{-webkit-transform-origin:left;transform-origin:left}
50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateZ(0) skew(45deg) scaleX(1);transform:translateZ(0) skew(45deg) scaleX(1)}
50.0001%{-webkit-transform-origin:right;transform-origin:right}
to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:translateZ(0) skew(45deg) scaleX(0);transform:translateZ(0) skew(45deg) scaleX(0)}
}
@keyframes reveal{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateZ(0) skew(45deg) scaleX(0);transform:translateZ(0) skew(45deg) scaleX(0)}
0.0001%{-webkit-transform-origin:left;transform-origin:left}
50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:translateZ(0) skew(45deg) scaleX(1);transform:translateZ(0) skew(45deg) scaleX(1)}
50.0001%{-webkit-transform-origin:right;transform-origin:right}
to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:translateZ(0) skew(45deg) scaleX(0);transform:translateZ(0) skew(45deg) scaleX(0)}
}
.warning{position:fixed;top:0;left:0}
@keyframes upDown{from{margin-bottom:0}
to{margin-bottom:10px}
}
.top-video{width:100%;height:calc(100vh - 0px);background-color: #000000;position:fixed;top:0;left:0}
.top-video a{display:inline-block;width:100%;height:100%}
.top-video .video_b{width:46px;height:70px;position:absolute;left:50%;transform:translateX(-50%);bottom:5vh;animation:upDown 1s infinite;color:#ffffff;background-image:url(../images/index/dt.png);border-radius: 50px;padding: 5px;}
.top-video .video_b2{bottom:calc(5vh + 18px)}
.body-video{width:100%;height:100%;object-fit:cover}
.container-fluid{margin-top:100vh;position:relative;z-index:2;background-color: #000000;}
.container-fluid.fixed::after{position:fixed}
.argusnolimitsTan{z-index:99999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:hidden;background:rgba(0,0,0,.8)}
.argusnolimitsTan .bgBox{width:700px;height:350px;background-image:url(../images/argusnolimits-n.webp);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.argusnolimitsTan .bgBox .closeBtn{position:absolute;top:20px;right:25px;font-size:20px;color:#ffffff}
.argusnolimitsTan .bgBox .closeBtn:hover{opacity:.9}
.argusnolimitsTan .info{width:510px;position:absolute;top:190px;left:90px;font-size:20px;line-height:26px;text-align:center}
.argusnolimitsTan .info .btnList{display:flex;justify-content:center;align-items:center;margin-top:20px}
.argusnolimitsTan .info .btnList a{margin:0 30px;background-image:linear-gradient(to left,#0ed0ff,#2f66ff);font-size:20px;color:#ffffff;display:inline-block;min-width:130px;height:40px;line-height:40px;padding:0 10px;border-radius:40px;box-shadow:5px 10px 25px #3ed9ff;text-shadow:2px 2px 1px rgba(6,69,161,.3)}
.argusnolimitsTan .info .btnList a:hover{opacity:.9}
@media only screen and (max-width:1400px){.experience .experience-list{width:100%!important}
}
.dwewe{display:none}
@media (max-width:768px){
body.removeMovie .container-fluid{top:78px;}
.container-fluid{position: relative;margin-top:108vh;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next::after{right:0;width:30px;height:30px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev::after{left:0;width:30px;height:30px;}
}
/* 概述 */
#in_summary{position: relative;z-index:1;background-color:#000000;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:100px 0 80px;min-height:90vh;color:#fff;transition:background-color .2s}
#in_summary .h3-title{font-size:clamp(28px, 6vw, 48px);font-weight:600;letter-spacing:-.02em;margin-bottom:16px;opacity:0;transition:opacity 1s ease .3s;line-height:1.5;font-family:'Montserrat-ExtraBoldItalic';}
#in_summary .desc{font-size:clamp(13px, 2vw, 17px);color:#bbb;line-height:1.6;opacity:0;transition:opacity 1s ease .5s;padding:0 8px}
#in_summary.content-visible .desc,#in_summary.content-visible .h3-title{opacity:1}
#in_summary .logo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:1300px;height:auto;aspect-ratio:21/9;z-index:1;overflow:hidden}
#in_summary .logo .image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}
#in_summary .logo .image img{width:100%;max-width:600px;height:auto;object-fit:contain;display:block;opacity:0;transform:scale(.95);transition:opacity .9s cubic-bezier(.25, .46, .45, .94),transform .9s cubic-bezier(.22, 1, .36, 1);filter:drop-shadow(0 8px 30px rgba(255, 215, 65, .08));will-change:transform,opacity}
#in_summary .logo .image img.logo-visible{opacity:1!important;transform:scale(1.08)}
#in_summary .logo video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:0 0;z-index:1;border-radius:12px;transition:opacity .5s ease;pointer-events:auto}
#in_summary .logo.video-hidden video{opacity:0!important;pointer-events:none}
@media (max-width:768px){
#in_summary{padding:20px 20px 32px;min-height:50vh;justify-content:center}
#in_summary .logo{max-width:96%;aspect-ratio:16/7}
#in_summary .logo .image img{width:62%;max-width:280px}
#in_summary .h3-title{font-size:30px;line-height:normal;margin-bottom:15px}
#in_summary .desc{padding:0;font-size:14px;line-height:normal;}
}
/* 产品 */
#in_products{width:100%;height:919px;position:relative;overflow:hidden;background-color:#1c1714;}
#in_products .in_bg{position:relative;inset:0;width:100%;height:100%;z-index:0;overflow:hidden}
#in_products .in_bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;opacity:0;transition:opacity .6s ease-in-out}
#in_products .in_bg img.active{opacity:1}
#in_products ul{display:flex;gap:10px;list-style:none;width:100%;flex-wrap:wrap;margin:0;position:absolute;top:0;left:0;z-index:2;}
#in_products li{flex:1;text-align:center;padding:20px 10px;color:#fff;cursor:pointer;background-color:#dc0917;transition:background-color .25s,transform .2s,box-shadow .25s;border:1px solid rgba(255,218,198,.12);min-width:112px;box-shadow:0 8px 18px rgba(0,0,0,.08);font-size:18px;overflow-wrap: break-word;}
#in_products li.active{background-color:#000000;}
#in_products li:hover{background-color:#000000;}
#in_products h3{font-size:40px;font-weight:700;line-height:1.1;margin-bottom:4px;font-family: 'gothamssm_medium';}
#in_products p{font-size:24px;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.45);margin-top:2px;font-family:'gothamssm_light';}
#in_products li{font-weight:360}
@media (max-width:768px){
#in_products{height:50vh;touch-action:auto}
#in_products ul{gap:10px;pointer-events:none;touch-action:auto;-webkit-overflow-scrolling:touch}
#in_products li{padding:15px 5px;min-width:76px;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#in_products li.active{background-color: #000000;}
#in_products h3{font-size:14px}
#in_products p{font-size:14px}
#in_products li{font-size:14px}
}
/* 新闻 */
#in_news{width:100%;padding:99px 0 0;}
#in_news .news-desc{font-size:18px;color:#666;max-width:800px;margin:0 auto;line-height:30px;margin-bottom:50px;}
#in_news .carousel-container{position:relative;width:100%;max-height:687px;background-color:#000000;margin-top:50px;height: min(56vw, 687px);transform: translateZ(0);}
#in_news .carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;will-change: opacity;}
#in_news .carousel-slide.active{opacity:1}
#in_news .carousel-slide img{width:100%;height:100%;object-fit:cover}
#in_news .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color: #ffffff00;border:none;cursor:pointer;transition:background-color .3s ease;z-index:10}
#in_news .carousel-btn.prev::after{content:"";display:block;right:50px;width:50px;height:50px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .2s}
#in_news .carousel-btn.next::after{content:"";display:block;left:50px;width:50px;height:50px;background-image:url('data:image/svg+xml;utf8,');background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .2s}
#in_news .carousel-btn:hover::after{filter:brightness(1) invert(1)}
#in_news .carousel-btn.prev{left:1%;}
#in_news .carousel-btn.next{right:1%;}
@media (max-width:768px){
#in_news{padding:30px 0 30px;}
#in_news .news-title{font-size:36px}
#in_news .news-description{font-size:16px;padding:0 20px}
#in_news .carousel-container{height:20vh;margin-top:20px;}
#in_news .carousel-btn{font-size:20px;padding:12px 16px}
#in_news .carousel-btn.prev::after{left:0;width:30px;height:30px;}
#in_news .carousel-btn.next::after{right:0;width:30px;height:30px;}
#in_news .carousel-btn.prev{left:0;}
#in_news .carousel-btn.next{right:0;}
}
/* 客户评价 */
#in_reviews{padding:100px 0 80px;background-color:#f6f6f6;}
#in_reviews .reviews-scroll{display:flex;gap:16px;margin-bottom:16px;overflow: hidden;}
#in_reviews .scroll-track{display:flex;gap:20px;animation:scrollLeft 30s linear infinite;width:fit-content;}
#in_reviews .reviews-scroll:hover .scroll-track{animation-play-state:paused}
#in_reviews #scrollRow1{margin-top:45px;}
@keyframes scrollLeft{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
#in_reviews #scrollRow2 .scroll-track{animation-duration:40s;}
#in_reviews .review-card{min-width:320px;max-width:524px;min-height:257px;height:auto;padding:27px;box-shadow:0 4px 12px rgba(0,0,0,.05);text-align:left;transition:transform .2s ease;flex-shrink:0;display: flex;flex-direction: column;justify-content: space-between;}
#in_reviews .review-card:hover{transform:translateY(-4px)}
#in_reviews .red-bg{background-color:#d92323;color:#ffffff}
#in_reviews .white-bg{background-color:#ffffff;color:#333}
#in_reviews .black-bg{background-color:#000000;color:#ffffff}
#in_reviews .gray-bg{background-color:#eee;color:#333}
#in_reviews .review-text{font-size:18px;line-height:25px;padding-right:55px;}
#in_reviews .reviewer{display:flex;align-items:center;gap:12px}
#in_reviews .avatar{width:85px;height:85px;border-radius:50%;object-fit:cover;}
#in_reviews .reviewer-name{font-weight:600;font-size:18px;line-height:25px;}
@media (max-width:768px){
#in_reviews{padding:30px 0 30px;}
#in_reviews .reviews-title{font-size:36px}
#in_reviews .reviews-subtitle{font-size:16px;padding:0 20px}
#in_reviews .review-card{max-width:300px;min-height:230px;padding:20px}
#in_reviews .review-text{font-size:15px;line-height:normal;padding-right:0;}
}
@media (max-width:480px){
#in_reviews .reviews-title{font-size:28px}
#in_reviews .review-card{max-width:300px;min-height:130px;padding:16px}
#in_reviews .review-text{font-size:14px;line-height:normal;}
#in_reviews .avatar{width:40px;height:40px}
#in_reviews .reviewer-name{font-size:14px}
}