@charset "utf-8";
@font-face {font-family:"icomoon";src:url("font/icomoon.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"Gotham-Book";src:url("font/Gotham-Book.otf");font-weight:normal;font-style:normal;}
@font-face {font-family:"Gotham-Light";src:url("font/Gotham-Light.otf");font-weight:normal;font-style:normal;}
@font-face {font-family:"Gotham-Medium";src:url("font/Gotham-Medium.otf");font-weight:normal;font-style:normal;}
@font-face {font-family:"Gotham-Bold";src:url("font/GOTHAM-BOLD.OTF");font-weight:normal;font-style:normal;}
@font-face {font-family:"Gotham-Black";src:url("font/GOTHAM-BLACK.OTF");font-weight:normal;font-style:normal;}

/*global style*/
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,.object,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:15px/1.5em "Inter-Light";color:#666;overflow-x:hidden;background:#dcddef;margin:0;position:static !important;}
html{margin: 0 !important;}
table{border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:#1fa0f8;}
ul,li{list-style:none;}
img,video{vertical-align:top;}
input{outline:none;vertical-align:middle;font-family:"Inter-Light";}
textarea{resize:none;outline:none;overflow:hidden;font-family:"Inter-Light";}
input[type="submit"]{cursor:pointer;}
p{line-height:25px;}
h1{font-size:32px;color:#333;line-height:34px;font-weight:normal;}
h2{font-size:32px;color:#333;line-height:34px;font-weight:normal;}
h3{font-size:24px;color:#333;line-height:26px;font-weight:normal;}
h4{font-size:14px;color:#333;line-height:16px;font-weight:normal;}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:"";}
.clearm{*zoom:1;}
.hidden{display:none;}
#wpadminbar{display: none;}
.bread{padding:10px 0;line-height:25px;color:#1fa0f8;text-transform:uppercase;}
.bread a,.bread span{color:#1fa0f8;}
.bread a:nth-last-child(1){font-size:12px;font-family:"Inter-Light";color:#c1b2aa;}

.m-top{margin-top:10.45vw;}
.main-width{width:1600px;max-width:83.33vw;margin:0 auto;}
.secd-width{width:1245px;max-width:64.84vw;margin:0 auto;}
.warning{width:100%;padding:12px 0;box-sizing:border-box;text-align:center;background-color:#1d2087;display: flex;justify-content: center;align-items: center;transition: all .5s;}
.warning p{display:inline-block;line-height:30px;color:#fff;font-size: 22px;font-family:"Gotham-Medium";}
header{position: fixed;top: 0;left: 0;right: 0; width:100%; box-sizing:border-box;z-index:9999;border-bottom: 1px solid #c9cae4; text-align:center;transition:all .3s;background-repeat:no-repeat;background-position:bottom center;background-size:100% 4.3vw;background:#dcddef;z-index: 999;}
header .main-width{display: flex;flex-direction: column;align-items: center;transition: all .5s;}
header .item{margin-top: 15px;height: 60px;display: flex;align-items: center;justify-content: center;width: 100%;transition: all .5s;}
header .menu{padding-top: 2.08vw;transition: all .5s;}
header nav .one > li{position:relative;float:left;height:25px;line-height:25px;padding:0 2.6vw 0;text-transform:uppercase;font-size:16px;color: #1d2087; transition:all .3s;box-sizing:content-box;font-family: 'Gotham-Book';}
header nav .one > li > a{color: #1d2087;}
header nav .one > li > a:hover{text-decoration: underline;}
header nav .one > li > i{display:none;position:absolute;left:90px;top:33.5px;width:31px;height:31px;background:url(/images/all-icon.png) no-repeat -5px -120px;cursor:pointer;font-size:0;}
header nav .sub-menu{display:none;position:absolute;left:1.75vw;top:60px;width:12vw;padding:0.7vw 0;border:1px solid #f3f3f3;border-radius:5px;background:#fff;box-sizing:border-box;}
header nav .sub-menu.lang{width:auto;left: 0;}
header nav .sub-menu > li{line-height:20px;padding:8px 0.78vw;font-size:13px;font-family:"Gotham-Medium";text-transform:uppercase;text-align:left;}
header nav .sub-menu > li > a{display:block;color: #000;}
header nav .sub-menu > li > i{display:none;}
header nav .sub-menu > li:hover{font-family:"Gotham-Book";}
header nav .sub-menu > li:hover > a{color:#1fa0f8;}
header nav .sub-menu > li:hover .three{display:block;}
header nav .sub-menu .gofr span{display:block;cursor:pointer;}
header nav .sub-menu .goen span{display:block;cursor:pointer;}
header nav .sub-menu:after{content:"";position:absolute;left:1.15vw;top:-0.6vw;border:0.3vw solid transparent;border-bottom-color:#000;}
header .phone-menu{position:absolute;left: 0;top: 50%;transform: translateY(-50%); width:40px;height:24px;cursor:pointer;z-index:99999;}
header .phone-menu span{display:block;width:40px;height:1px;background-color:transparent;border-radius:1px;-moz-transform-origin:5% 50%;-webkit-transform-origin:5% 50%;-o-transform-origin:5% 50%;transition:all .3s;}
header .phone-menu .b1,header .phone-menu .b2{margin-bottom:12px;}
header .logo{width: 166px;height: 30px;}
header .logo img{width: 100%;height: auto;}
header.active .phone-menu .b1{transform:rotate(45deg);}
header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
header.active .phone-menu .b3{transform:rotate(-45deg);}
header .item{display: flex;position: relative;}
header .item .lang{display: none;width: 20px; height: 20px;line-height: 20px; position:absolute;right: 0;top: 50%;transform: translateY(-50%); padding: 10px 0;}
header .item .lang::before{content: '\e903';display: block;width: 20px;height: 20px;line-height: 20px;color: #1d2087;font-family: 'icomoon';position: absolute;top: 10px;left: 0;font-size: 20px;}
header .item .lang .lang-sel{display: none; z-index: 9; width: 160px; box-shadow: 0px 1px 6px rgb(0 0 0 / 10%); background: #fff; position: absolute; top: 100%; left: 50%; margin-left: -80px;}
header .item .lang .lang-sel::before{content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #efefef transparent; position: absolute; top: -8px; left: 50%; margin: 0 0 0 -8px;}
header .item .lang .lang-sel p{display: block; font-size: 16px; color: #666; text-align: center; padding: 10px 0;}
header .item .lang .lang-sel p:hover{background-color: #1d2087;color: #fff;}
header .item .lang.active .lang-sel{display: block;animation: langInUp .4s ease-out;}
@keyframes langInUp{0% {transform: translateY(20px);opacity: 0.5;}100% {transform: translateY(0);opacity: 1;}}
header.flow .warning{padding: 6px 0;}
header.flow .warning p{font-size: 18px;}
header.flow .main-width{position: relative;}
header.flow .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 9;}
header.flow .menu{padding: 0;}
header.flow .item{margin-top: 0;}

.flex{display: flex;}
footer{position:relative;padding: 8.85vw 0 2.6vw;background-color:#1d2087;z-index:2;position: relative;}
footer .flex{justify-content: space-between;}
footer .to-top{display: flex;align-items: center;justify-content: center;font-size: 48px;color: #fff;cursor: pointer; width: 200px;height: 80px;border-radius: 0 0 16px 16px;background-color: #00a199;position: absolute;left: 50%;top: 0;transform: translateX(-50%);font-family: 'Gotham-Bold';}
footer .to-top::before{content: "\e908";display: block;font-size: 48px;color: #fff;width: 100px;height: 80px;line-height: 100px; position: absolute;left: 50%;top: -100%;transform: translateX(-50%);border-radius: 16px 16px 0 0;text-align: center; background-color: #00a199;font-family: 'icomoon';transition: all .5s;}
footer .to-top:hover::before{line-height: 80px;}
footer h2{font-size: 24px;line-height: 24px;color: #fff;font-family: 'Gotham-Bold';}
footer .f-left{width: 50%;display: flex; flex-direction: column; justify-content: space-between;}
footer .f-right{width: 35.63vw;max-width: 684px;}
footer .logo{display: block;line-height: 4.53vw;}
footer .logo::before{content: "\e904";font-size: 4.58vw;color: #fff; font-family: 'icomoon';}
footer .menu ul li{display: inline-block;margin-right: 2vw;}
footer .menu ul li a{font-size: 20px;line-height: 20px;color: #fff;font-family: 'Gotham-Bold';}
footer .menu ul li a:hover{text-decoration: underline;}
footer .menu ul li:nth-child(4n){margin-right: 0;}
footer .subscribe{width: 100%;}
footer .subscribe p{font-size: 16px;line-height: 25px;color: #fff;font-family: 'Gotham-Book';margin-top: 10px;}
footer .subscribe .simple-message{margin-top: 20px;position: relative;}
footer .subscribe .simple-message label{display: none;}
footer .subscribe .sm-sub_email{width: 26.04vw;height: 2.92vw;border-radius: 2.92vw;overflow: hidden;}
footer .subscribe .sm-sub_email input{width: 100%;height: 100%;line-height: 2.92vw;border-radius: 2.92vw;padding: 0 0.78vw;box-sizing: border-box;}
footer .subscribe .sm-subtn{position: absolute;top: 0; right: 0; width: 8.33vw;height: 2.92vw;line-height: 2.92vw;border-radius: 0.42vw;overflow: hidden;}
footer .subscribe .sm-subtn .sub{width: 100%;height: 100%;line-height: 2.92vw;font-size: 14px;font-family: 'Gotham-Book'; background-color: #00a199;color: #fff;border: none;outline: none;}
footer .social{text-align: right;margin-top: 4.17vw;}
footer .social ul{height: 25px;}
footer .social ul li{display: inline-block;width: 25px;height: 25px;font-size: 0;margin: 0 0 0 3.91vw;position: relative;transition: all .5s;}
footer .social ul li a{font-size: 0;display: block;width: 25px;height: 25px;line-height: 25px;position: relative;}
footer .social ul li a::before{font-family: 'icomoon';display: block;line-height: 25px;font-size: 20px;color: #fff;}
footer .social ul li.tiktok a::before{content: "\e907";}
footer .social ul li.facebook a::before{content: "\e901";}
footer .social ul li.ins a::before{content: "\e902";}
footer .social ul li.youtube a::before{content: "\e906";}
footer .social ul li.twitter a::before{content: "\e90e";}
footer .social ul li:hover{transform: translateY(-5px);}
.copyright{background-color:#1d2087;}
.copyright .main-width{padding: 2.5vw 0;display: flex;justify-content: space-between;align-items: flex-end; border-top: 1px solid #b0b1bf;}
.copyright p{font-size: 14px;line-height: 26px;color: rgba(255, 255, 255, .6);}
.copyright p:nth-child(1){width: 50%;font-family: 'Gotham-Book';}
.copyright p:nth-child(2){width: 50%;text-align: right;font-family: 'Gotham-Medium';}
.copyright p:nth-child(2) a{display: inline-block; padding: 0 10px;color: rgba(255, 255, 255, .8);padding-bottom: 10px;}
.copyright p:nth-child(2) a:hover{color: #fff;}

.flow-sns{position:fixed;right:5px;bottom:70px;z-index:999;}
.flow-sns a{display:block;width:30px;height:30px;margin-bottom:10px;background-size:400% 100%;}
.flow-sns .img{width:50px;height:50px;margin:0 0 10px auto;background:none;box-sizing:border-box;}
.flow-sns .img img{float:right;width:100%;height:auto;}
.flow-sns .img.fang{width:100px;height:100px;overflow:hidden;border-radius:5px;}
.flow-sns .img.fang i{position:absolute;right:0;top:0;width:20px;height:20px;background-image:url(/images/close.png);background-size:100% 100%;cursor:pointer;}
.flow-sns .to-top{height:40px;margin-bottom:10px;padding:0 5px;}
.flow-sns .psg{position:relative;width:80px;height:auto;}
.flow-sns .psg img{width:100%;height:auto;}
.flow-sns .psg i{position:absolute;right:0;top:0;width:20px;height:20px;background-image:url(/images/close.png);background-size:100% 100%;cursor:pointer;}
.flow-sns .facebook{background-position-x:0;}
.flow-sns .instagram{background-position-x:-100%;}
.flow-sns .twitter{background-position-x:-200%;}
.flow-sns .youtube{background-position-x:-300%;}

.index-main{position: relative;}
.index-main::before{content: "";display: block;position: absolute;top: 2.34vw;left: -27.08vw; width: 62.5vw;height: 62.5vw;opacity: .5; background: url(/wp-content/uploads/2024/12/icon-round-1.webp) center center no-repeat;background-size: 100%;z-index: -3;}
.index-main::after{content: "";display: block;position: absolute;top: 46.35vw;right: -9.9vw;width: 62.5vw;height: 62.5vw;opacity: .5;background: url(/wp-content/uploads/2024/12/icon-round-2.webp) center center no-repeat;background-size: 100%;z-index: -3;}
.index-main .slidebox{width:100%; position:relative;z-index:99;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow .ul{position:relative;width:1000%;overflow:hidden;}
.index-main .slidebox .slideshow .wp-block-image{position:relative;float:left;width:100vw;margin: 0;}
.index-main .slidebox .slideshow .wp-block-image img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;left:0;bottom:1.5vw;width:100%;text-align:center;}
.index-main .slidebox .slidelist ul{display:inline-block;vertical-align:top;}
.index-main .slidebox .slidelist li{float:left;width: 14px;height:14px;margin:0 0.4vw;border: 2px solid #fff;box-sizing:border-box;background-color:transparent;border-radius:50%;}
.index-main .slidebox .slidelist li.active{background-color:#fff;}
.index-main .slidebox .item-btn{display: flex; justify-content: center; align-items: center;position:absolute;top:50%;width:3.4vw;height:3.4vw;margin-top:-1.7vw;cursor:pointer;transition:all .5s;background-color: #58c7ff;border-radius: 50%;}
.index-main .slidebox .item-btn::after{content: "\e908"; font-family: 'icomoon'; font-size: 18px; color: #fff;}
.index-main .slidebox .prev{left:-7vw;transform: rotate(180deg);}
.index-main .slidebox .next{right:-7vw;}
.index-main .slidebox:hover .prev{left:1.25vw;}
.index-main .slidebox:hover .next{right:1.25vw;}
.index-main .slidebox .slideshow .wp-block-image.pc{display: block;}
.index-main .slidebox .slideshow .wp-block-image.mob{display: none;}


.index-banner{margin: 0 0 7.81vw;box-sizing: border-box;position: relative;overflow: hidden;}
.index-banner .slogan{margin: 6.25vw 0 0; width: 100%; box-sizing: border-box; text-align: center; transform: scale(1);transition: transform 0.5s ease;}
.index-banner .slogan img{max-width: 100%;height: auto;}
.index-banner .imgbox{border-radius: 16px;overflow: hidden; width: 100%; box-sizing: border-box; transform: scale(.825);transition: transform 0.5s ease;z-index: 1;}
.index-banner .imgbox img{max-width: 100%;height: auto;}
.index-banner.scaled .slogan{transform: scale(.8);}
.index-banner.scaled .imgbox{transform: scale(1);border-radius: 0;}



.toptitle{font-size: 0;}
.toptitle h2{font-size: 4.17vw;line-height: 4.17vw;font-family: 'Gotham-Bold';}
.index-product{padding: 15.36vw 0 27.08vw;position: relative;}
.index-product::before{content: ""; display: block; width: 100%; height: 29.17vw; position: absolute;top: 0;left: 0;right: 0; background: url(/wp-content/uploads/2024/12/index-pro-top.webp) center top no-repeat;background-size: cover;z-index: -2;}
.index-product::after{content: ""; display: block; width: 100%; height: calc(100% - 28vw); position: absolute; bottom: 0; left: 0; right: 0;background-color: #1d2087;z-index: -2;}
.index-product .pro-logo{width: 43.7vw;height: 7.08vw;position: absolute;top: 2.86vw;left: 50%;transform: translateX(-50%);}
.index-product .pro-logo img{width: 100%;height: auto;}
.index-product h2{font-size: 6.25vw;line-height: 6.25vw;color: #fff;font-family: 'Gotham-Bold';text-align: center;}
.index-product .option{margin-top: 2.86vw;overflow: hidden;text-align: center;position: relative;}
.index-product .option ul{text-align: center;display: inline-block;padding: 26px 0 14px;}
.index-product .option ul li{display: inline-block;margin: 0 12px; width: 10.42vw;height: 40px;line-height: 40px;font-size: 16px;cursor: pointer; color: #fff; border-radius: 40px;border: 1px solid #fff;box-sizing: border-box;font-family: 'Gotham-Book';}
.index-product .option ul li.on{background-color: #fff;color: #1d2087;}
/* .index-product .option .btn{display: none; position: absolute;top: 0;right: 0;}
.index-product .option .btn span{display: inline-block;width: 80px;height: 80px;line-height: 80px;border-radius: 50%;cursor: pointer; margin-left: 15px; background-color: #00a199;}
.index-product .option .btn span::after{content: "\e909";font-family: 'icomoon';font-size: 20px;color: #fff;}
.index-product .option .btn span.next{transform: rotate(180deg);}
.index-product .option .btn span:hover{background-color: #fff;}
.index-product .option .btn span:hover::after{color: #00a199;}
.index-product .option .btn.on{display: block;} */
.index-product .tab-cont{margin-top: 3.91vw;}
.index-product .slidepro{margin: 0 6.3vw;overflow: hidden;display: none;}
.index-product .slidepro ul{width: 125%;}
.index-product .slidepro ul li{position: relative;float: left; width: 360px;height: 540px;padding: 68px 0 0 0;border-radius: 270px 270px 270px 0;background-color: #ffff;margin-right: 66px; overflow: hidden;box-sizing: border-box;}
.index-product .slidepro ul li .pic{width: 263px;height: 273px;margin: 0 auto;transition: all .5s;}
.index-product .slidepro ul li .pic img{width: 100%;height: auto;transition: all .5s;transform: scale(1.3);}
.index-product .slidepro ul li .info{padding: 60px 55px 0 30px;}
.index-product .slidepro ul li .info h3{font-size: 1.25vw;line-height: 1.25vw;color: #000000; text-transform: uppercase; margin-bottom: 1.25vw; font-family: 'Gotham-Bold';}
.index-product .slidepro ul li .info p{font-size: 12px;color: #222222;line-height: 22px;font-family: 'Gotham-Book';}
.index-product .slidepro ul li .info p strong{font-family: 'Gotham-Medium';}
.index-product .slidepro ul li .more{position: absolute;top: 316px;right: 16px; width: 3.85vw;height: 3.85vw;line-height: 3.85vw;text-align: center; border-radius: 50%;border: 1px solid #1d2087;}
.index-product .slidepro ul li .more::after{content: "\e905";font-family: 'icomoon';font-size: 1.56vw;color: #1d2087;}
.index-product .slidepro ul li:hover .pic{transform: translateY(-10px);}
.index-product .slidepro ul li:hover .more{background-color: #1d2087;}
.index-product .slidepro ul li:hover .more::after{color: #fff;}
.index-product .slidepro.on{display: block;}
.index-product .slidepro .btn{position: absolute;top: 50%;display: inline-block;width: 80px;height: 80px;line-height: 80px;border-radius: 50%;cursor: pointer; background-color: #00a199;text-align: center;}
.index-product .slidepro .btn::after{content: "\e909";font-family: 'icomoon';font-size: 30px;color: #fff;}
.index-product .slidepro .btn.prev{left: 1.5vw;transform: translateY(50%);}
.index-product .slidepro .btn.next{transform: translateY(50%) rotate(180deg);right: 1.5vw;}
.index-product .slidepro .btn:hover{background-color: #fff;}
.index-product .slidepro .btn:hover::after{color: #00a199;}
.index-product .slidepro .btn.on{display: block;}


.index-how{padding: 11.98vw 0 10.42vw 0;position: relative;margin-top: -21.46vw;}
.index-how::before{content: ""; display: block; width: 100%; height: 17.55vw; position: absolute;top: 0;left: 0;right: 0; background: url(/wp-content/uploads/2024/12/index-how-top.webp) center top no-repeat;background-size: cover;z-index: -2;}
.index-how::after{content: ""; display: block; width: 100%; height: calc(100% - 16.55vw); position: absolute; bottom: 0; left: 0; right: 0;background-color: #fac446;z-index: -2;}
/* .index-how::after{content: "";display: block;width: 110%;height: 100%;position: absolute;top: 0;left: -5%;bottom: 0;background-color: #fac446;border-radius: 55% 55% 0 0;z-index: -2;} */
.index-how .star{position: absolute;width: 75px;height: 75px;line-height: 75px;}
.index-how .star::after{content: "\e900";width: 75px;height: 75px;line-height: 75px;position: absolute;top: 0;left: 0;font-family: 'icomoon';color: #fff;}
.index-how .star.how-1{top: 3.65vw;left: 4.95vw;font-size: 60px;animation: blink 1.5s infinite;}
.index-how .star.how-2{top: 3.65vw;right: 9.11vw;font-size: 40px;animation: blinksmall 1.5s infinite;}
@keyframes blink {0%, 100% {transform: scale(1);}50% {transform: scale(.5);}}
@keyframes blinksmall {0%, 100% {transform: scale(1);}50% {transform: scale(1.2);}}
.index-how .how-3{position: absolute;top: -3.13vw;left: 20.83vw; display: block;width: 10.42vw;height: 10.42vw;background: url(/wp-content/uploads/2024/11/iocn-how-1.png) center center no-repeat;background-size: 100%;}
.index-how .how-4{position: absolute;top: 8.33vw;right: 2.6vw; display: block;width: 7.34vw;height: 7.34vw;background: url(/wp-content/uploads/2024/11/iocn-how-2.png) center center no-repeat;background-size: 100%;}
.index-how .toptitle h2{color: #1d2087;}
.index-how .toptitle p{font-size: 24px;line-height: 34px;color: #1d2087;margin-top: 2.34vw;text-align: center;}
.index-how .list-how{margin-top: 4.95vw;font-size: 0;justify-content: space-between;align-items: flex-start;}
.index-how .list-how .wp-block-group{width: 12.76vw;position: relative;}
.index-how .list-how .wp-block-group .wp-block-image{margin: 0 auto;max-width: 100%;position: relative;}
.index-how .list-how .wp-block-group p{font-size: 18px;line-height: 30px; color: #00000a;text-align: center;margin-top: 1.3vw;}
.index-how .list-how .wp-block-group .wp-block-image::after{content: "";display: block;width: 15.68vw;height: 5.21vw;position: absolute;right: -100%;z-index: -1;}
.index-how .list-how .wp-block-group:nth-child(odd) .wp-block-image:after{top: 1.56vw; background: url("/wp-content/uploads/2024/11/strp-line-top.webp") center center no-repeat;background-size: 100%;}
.index-how .list-how .wp-block-group:nth-child(even) .wp-block-image:after{bottom: 1.56vw; background: url("/wp-content/uploads/2024/11/strp-line-bottom.webp") center center no-repeat;background-size: 100%;}
.index-how .list-how .wp-block-group:last-child .wp-block-image::after{display: none !important;}




.index-about{position: relative;background-color: #000;}
.index-about > .wp-block-image{margin: 0;opacity: .6;}
.index-about .txt{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);text-align: center;}
.index-about h2{font-size: 2.5vw;line-height: 3.02vw;color: #fff;font-family: 'Inter-Bold';}
.index-about h3{font-size: 1.25vw;line-height: 1.77vw;color: #fff;font-family: 'Inter-SemiBold';}
.index-about .txt .wp-block-image{margin-bottom: 0.78vw;}
.index-about .txt{opacity: 0;transition: all .5s;}
.index-about .txt.on{transform: translate(-50%,-50%);opacity: 1;}


.index-pro .item .slide-pic figure{display: none;}
.index-pro .item .wp-block-video{margin: 0;}
.index-pro .item .slide-text{width: 40%;padding-top: 4.17vw;font-size: 0;}
.index-pro .item .text{display: none;}
.index-pro .item .text .top{font-size: 1.25vw;line-height: 1.82vw;position: relative; display: inline-block; margin-bottom: 0;text-transform: uppercase; background-image: -webkit-linear-gradient(left,#ed23d3,#1fa0f8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: 3;font-family: 'Inter-Medium';}
.index-pro .item .text h2{font-size: 2.5vw;line-height: 3.02vw;color: #222222;font-family: 'Inter-Bold';}
.index-pro .item .text p{font-size: 1.15vw;line-height: 1.67vw;font-family: 'Inter-Medium';margin-top: 0.78vw;}
.index-pro .item .text .fea{width: 23.88vw;display: grid;align-items: flex-start;justify-content: center; margin-top: 3.65vw;grid-template-columns: 1fr 1fr 1fr;}
.index-pro .item .text .fea .wp-block-group{align-items: center;margin-bottom: 1.56vw;}
.index-pro .item .text .fea .wp-block-group p{font-size: 0.83vw;line-height: 1.3vw;font-family: 'Inter-Regular';color: #222222;}
.index-pro .item .text .wp-block-button__link{padding: 0; width: 12.5vw;height: 2.92vw;line-height: 2.92vw;border-radius: 2.92vw;font-size: 0.83vw;color: #000000;background-color: #fff;border: 1px solid #000;box-sizing: border-box;text-transform: uppercase;margin-top: 2.6vw;}
.index-pro .item .text .wp-block-button__link::after{content: "\e908";font-family: 'icomoon';font-size: 12px;color: #000;margin-left: 5px;}
.index-pro .item figure.active{display: block;}
.index-pro .item .text.active{display: block;}


.banner{position: relative;background-color: #000;}
.banner.mob{display: none;}
.banner .wp-block-image{margin: 0;}
.banner .text{position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);max-width: 48.44vw;}
.banner .text h2{font-size: 2.08vw;line-height: 2.6vw;color: #fff; font-family: 'Inter-Bold';text-transform: uppercase;}
.banner .text p{font-size: 1.04vw;line-height: 1.56vw;color: #fff;margin-top: 1.56vw;}
.banner .text a:hover{text-decoration: underline;color: #fe6d1a;}
.banner img{width: 100%;height: auto;}
.banner .op img{opacity: .6;}


.main-about{padding: 8.33vw 0 10.42vw;font-size: 0;}
.main-about .toptitle{width: 100%;margin-bottom: 3.65vw;}
.main-about .toptitle h2{font-size: 3.75vw;line-height: 3.75vw;color: #1d2087;text-align: center;text-transform: uppercase; font-family: 'Gotham-Bold';}
.main-about .toptitle p{max-width: 70%;margin: 1.56vw auto 0;font-size: 1.25vw;line-height: 1.77vw;color: #1d2087;text-align: center; font-family: 'Gotham-Book';}
.main-about .slogan{font-size: 6.25vw;color: #1d2087;line-height: 6.25vw;text-align: center;font-family: 'Gotham-Black';font-weight: bold; text-transform: uppercase;}
.main-about .story{padding-top: 6.25vw;}
.main-about .story .wp-block-image{margin: 4.95vw auto 0; border-radius: 16px;overflow: hidden;}
.main-about .about-tech{padding: 13.54vw 0 0;position: relative;}
.main-about .about-tech::before{content: "";display: block;position: absolute;top: 6.25vw;left: 50%;transform: translateX(-50%); width: 51px;height: 57px;background: url(/wp-content/uploads/2024/12/icon-downward.png) center center no-repeat;background-size: 100%;}
.main-about .about-tech .item{margin-top: 8.33vw;width: 100%;}
.main-about .about-tech .item .wp-block-group__inner-container{display: flex;}
.main-about .about-tech .item:nth-child(2){margin-top: 0;}
.main-about .about-tech .item:nth-child(3n+2) .wp-block-group__inner-container{flex-direction: row-reverse;justify-content: space-between;}
.main-about .about-tech .item:nth-child(3n+2) .info{padding-right: 6.25vw;}
.main-about .about-tech .item:nth-child(3n+3) .wp-block-group__inner-container{flex-direction: column-reverse;align-items: center;}
.main-about .about-tech .item:nth-child(3n+3) .pic{width: 72.92vw;}
.main-about .about-tech .item:nth-child(3n+3) .info{width: 46.88vw; padding: 3.13vw 0;text-align: center;align-items: center;}
.main-about .about-tech .item:nth-child(3n+4) .wp-block-group__inner-container{flex-direction: row;}
.main-about .about-tech .item:nth-child(3n+4) .info{padding-left: 6.25vw;}
.main-about .about-tech .item .pic{width: 44.79vw;border-radius: 16px;overflow: hidden;}
.main-about .about-tech .item .pic img{width: 100%;height: auto;}
.main-about .about-tech .item .info{width: calc(100% - 44.79vw); padding-top: 6.56vw;}
.main-about .about-tech .item .info h3{font-size: 2.5vw;line-height: 2.5vw;color: #000000;font-family: 'Gotham-Bold';}
.main-about .about-tech .item .info p{font-size: 1.56vw;line-height: 2.4vw;color: #000; margin-top: 1.56vw; font-family: 'Gotham-Book';}



.main-verify{padding: 4.43vw 0 6.77vw;}
.main-verify h2{font-size: 1.88vw;line-height: 2.34vw;text-align: center; font-family: 'Inter-Bold';margin-bottom: 1.56vw;}
.main-verify .wp-block-image{position: relative;}
.main-verify figcaption{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;cursor: pointer;}
.main-verify p{font-size: 1.15vw;line-height: 1.82vw;color: #222222;text-align: center;}
.main-verify .item{width: 62.5vw;margin: 0 auto;}
.main-verify .verify{width: 640px;height: 60px;border: 1px solid #b5b5b5;box-sizing: border-box;padding: 3px;border-radius: 30px;overflow: hidden;margin: 1.82vw auto 0; position: relative;}
.main-verify .verify input[type='text']{width: 100%;height: 52px;line-height: 52px;padding: 0 110px 0 25px;font-size: 16px;box-sizing: border-box;}
.main-verify .verify input[type='submit']{width: 110px;height: 52px;line-height: 52px;color: #fff;text-align: center;font-size: 16px; border-radius: 60px;position: absolute;top: 3px;right: 3px;background-color: #000000;}
.main-verify .wp-block-group{margin-top: 6.25vw;}
.main-verify .where{padding-top: 2.6vw;display: flex;justify-content: space-between;gap: 4.17vw;position: relative;}
.main-verify .where::after{content: "";width: 47.66vw;height: 0.05vw;border-top: 0.05vw dashed #cccccc;position: absolute;top: 5.21vw;left: 50%;transform: translateX(-50%);z-index: -1;}
.main-verify .where li{width: 18.75vw;font-size: 1.15vw;color: #222222;line-height: 1.82vw;text-align: center;}
.main-verify .where li strong{display: block;width: 5.21vw;height: 5.21vw;line-height: 5.21vw; background-color: #000;color: #fff;border-radius: 50%;font-family: 'Inter-Bold';text-align: center;margin: 0 auto 1.04vw;overflow: hidden;}


.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-video .box{position:absolute;top:30%;left:50%;width:70vw;height:39.375vw;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff url(/images/loadinglit.gif) no-repeat center;}
.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(/images/close.png);cursor:pointer;}
.flow-video .box iframe{width:100%;height:100%;}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}




.main-contact{padding: 6.25vw 0 10.42vw;}
.main-wholesale{padding: 6.25vw 0 10.42vw;}
.default-form h2{font-size: 2.5vw;color: #1d2087;line-height: 2.5vw;font-family: 'Gotham-Bold';text-align: center;}
.default-form p{font-size: 16px;line-height: 30px;color: #222222;margin: 1.3vw auto 0;text-align: center;font-family: 'Gotham-Light';max-width: 430px;}
.default-form .simple-message{width: 900px;margin: 0 auto;margin-top: 2.6vw;}
.default-form .simple-message ul{gap: 20px;display: flex;flex-wrap: wrap;}
.default-form .simple-message li{position: relative;width: 100%;}
.default-form .simple-message h4{padding: 1.04vw 0; font-size: 24px;line-height: 24px; color: #333333;font-family: 'Gotham-Bold';}
.default-form input{width: 100%;height: 60px;line-height: 60px;padding: 0 20px;font-size: 16px;color: #333;border-radius: 8px;overflow: hidden;border: 1px solid #dbdbdb;box-sizing: border-box;}
.default-form input::placeholder{ color: #333; }
.default-form label{position: absolute; left: 0; line-height: 60px;font-size: 18px;padding:0 20px; color: #999999; transition: 0.1s; pointer-events: none;font-family: 'Inter-Light';}
.default-form .line .txt{width: 100%;padding-left: calc(8.65vw + 10px);}
.default-form select:focus{border-color: #1d2087;}
.default-form input:focus{border-color: #1d2087;}
.default-form textarea{width: 100%;height: 120px;line-height: 1.3vw;padding: 10px 20px;font-size: 16px;color: #333;border-radius: 8px; border: 1px solid #dbdbdb;box-sizing: border-box;}
.default-form textarea::placeholder{ color: transparent; }
.default-form textarea:focus{border: 1px solid #1d2087;}
.default-form .sm-reference label{display:block; position: relative;padding: 0;font-size: 24px; color: #333333;font-family: 'Gotham-Bold';}
.default-form .sm-reference img{display: inline-block; max-width: 50%; max-height: 120px;padding-left: 30px;}
.default-form .sm-reference span{display: none;}
.default-form .sm-reference p{margin: 0;text-align: left;font-family: 'G';}
.default-form .sm-reference p a{color:#1d2087;}
.default-form .upbtn{display: inline-block; position:relative;width:120px;height:120px;border:1px dashed #999999;cursor:pointer;}
.default-form .upbtn input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.default-form .upbtn .cusarea{position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;}
.default-form .upbtn .cusarea:before{content:"+";font-size:40px;font-family: 'Gotham-Light';}
.default-form .upbtn:hover{border-color:#1d2087;}
.default-form .upbtn:hover .cusarea:before{color:#1d2087;}
.default-form .simple-message li.sm-subtn{margin-top: 4.69vw;}
.default-form button{display: block;position: relative; width: 100%;height: 60px;line-height: 60px;text-align: center;text-transform: uppercase; cursor: pointer;outline: none;border: 1px solid #00a199;background-color: #00a199;color: #fff; border-radius: 8px;margin: 0 auto; font-size: 24px;box-sizing: border-box;overflow: hidden;transition: all .5s;font-family: 'Gotham-Bold';}
.main-wholesale .simple-message li.sm-subtn{margin-top: 2.5vw;}


.list-product{padding: 0 0 10.42vw;}
.list-product .filter{padding: 40px 0;border-bottom: 1px solid #c9cae4;justify-content: space-between;}
.list-product .filter .icon{display: inline-block;width: 50px;height: 50px;line-height: 50px;text-align: center; font-size: 22px; margin-right: 22px; border-radius: 50%;background-color: #1d2087;color: #fff;font-family: 'Gotham-Book';}
.list-product .filter .size .icon::after{content: "\e90a";font-family: 'icomoon';font-size: 38px;color: #fff;}
.list-product .filter .mg{align-items: center;}
.list-product .filter .size{align-items: center;}
.list-product .filter h4{font-size: 34px;line-height: 50px;color: #3f3f3f;position: relative;padding-left: 22px;margin-right: 2.08vw; position: relative;text-transform: uppercase;}
.list-product .filter h4::before{content: "";position: absolute;left: 0;top: 0; display: block;width: 2px;height: 50px; background: linear-gradient(to bottom, transparent,#484849,transparent);}
.list-product .filter ul{display: flex;}
.list-product .filter ul li{display: inline-block; padding: 0 22px;height: 30px;line-height: 30px;font-size: 16px;color: #333333;cursor: pointer; margin-left: 8px; font-family: 'Gotham-Book'; border: 1px solid #3f3f3f;border-radius: 30px;overflow: hidden;box-sizing: border-box;}
.list-product .filter ul li:hover,
.list-product .filter ul li.active{background-color: #1d2087;border-color: #1d2087;color: #fff;}
.list-product .list .num{padding: 3.91vw 0;text-align: right;font-size: 20px;color: #3f3f3f;font-family: 'Gotham-Medium';}
.list-product .cont{display: flex;gap: 2.08vw;flex-wrap: wrap;}
.list-product .cont li{display: none; width: 31.1%;border-radius: 20px;padding: 3.91vw 2.86vw 2.86vw; background-color: #fff;overflow: hidden;box-sizing: border-box;}
.list-product .cont li.on{display: block;}
.list-product .cont li .pic{width: 100%;transition: all .5s;overflow: hidden;}
.list-product .cont li .pic img{width: 100%;height: auto;transform: scale(1.3);}
.list-product .cont li:hover .pic{transform: translateY(-20px);}
.list-product .cont li .text{padding-top: 3.13vw;text-align: center;}
.list-product .cont li .text h2{font-size: 1.67vw;color: #000000;line-height: 2.19vw;font-family: 'Gotham-Bold';text-transform: uppercase;}
.list-product .cont li .text p{font-size: 18px;color: #404040;line-height: 25px;margin-top: 0.52vw; font-family: 'Gotham-Medium';}



.main-product{padding: 80px 0 10.42vw;}
.main-product .overview{overflow: hidden;}
.main-product .overview .main-width{width: 1200px;max-width: 1200px; display: flex;justify-content: space-around;align-items: center;}
.main-product .picshow{width:550px;float: left;}
.main-product .picshow .slide-pic{width: 550px;height: 550px;overflow: hidden;border-radius: 16px;}
.main-product .picshow .slide-pic li{width: 550px;height: 550px;float: left;margin: 0;background-color: rgba(255, 255, 255, .3);}
.main-product .picshow .slide-pic li img{width: 550px;height: 550px;}
.main-product .picshow .slide-box{padding: 20px 45px 0;position: relative;}
.main-product .picshow .slide-box .slide-dot{overflow: hidden;}
.main-product .picshow .slide-box .slide-dot li{width: 140px;height: 140px;float: left;margin-right: 13px;background-color: rgba(255, 255, 255, .3);border: 1px solid transparent;box-sizing: border-box;}
.main-product .picshow .slide-box .slide-dot li img{width: 100%;height: 100%;object-fit: cover;}
.main-product .picshow .slide-box .slide-dot li.active{border-color: #1d2087;}
.main-product .picshow .slide-box .btn{width: 40px;height: 140px;line-height: 140px; position: absolute;top: 20px;}
.main-product .picshow .slide-box .btn::after{content: "\e909";font-family: 'icomoon';font-size: 30px;color: #fff;}
.main-product .picshow .slide-box .btn.prev{left: 0;}
.main-product .picshow .slide-box .btn.next{right: 0;transform: rotate(180deg);}
.main-product .picshow .slide-box .btn:hover:after{color: #1d2087;}
.main-product .info{width: 550px;float: right;padding-bottom: 160px;}
.main-product .info h1{font-size: 3.13vw;line-height: 3.13vw;color: #000;font-family: 'Gotham-Medium';}
.main-product .info .desc{font-size: 1.04vw;line-height: 1.46vw;color: #333333;font-family: 'Gotham-Book';margin-top: 10px;}
.main-product .item{margin-top: 25px;}
.main-product .item h3{font-size: 1.25vw;line-height: 1.56vw;color: #000;font-family: 'Gotham-Book';text-transform: uppercase;}
.main-product .item ul{display: flex;flex-wrap: wrap;padding: 8px 0;}
.main-product .item ul li{width: 140px;height: 42px;line-height: 42px;font-size: 16px;color: #333333;margin: 15px 8px 0 0;text-align: center;border-radius: 42px;border: 1px solid #3f3f3f;font-family: 'Gotham-Medium';box-sizing: border-box;}
.main-product .item ul li a{display: block;}
.main-product .item ul li:hover{background-color: #1d2087;color: #fff;border-color: #1d2087;}
.main-product .item ul li:hover a{color: #fff;}
.main-product .item.type1 ul li.on{background-color: #1d2087;color: #fff;border-color: #1d2087;}
.main-product .item.type2 ul li.on{background-color: #fac446;border-color: #fac446;}
.main-product .box{margin-top: 5.21vw;}
.main-product .box .box-top{border-bottom: 1px solid #1d2087;padding: 50px 0;}
.main-product .box .box-top h2{display: block;width: 100%; text-align: center;position: relative;color: #1d2087;font-size: 48px;line-height: 48px;font-family: 'Gotham-Bold';}
.main-product .box .box-top h2::after{content: "\e90b";display: block;width: 41px;height: 27px;line-height: 27px; font-size: 30px;color: #1d2087;font-family: 'icomoon';position: absolute;right: 0;top: 10px;}
.main-product .box .box-top h2 strong{font-size: 56px;line-height: 48px;position: absolute;left: 0;font-family: 'Gotham-Book';font-weight: inherit;}
.main-product .box .list-how{margin-top: 4.17vw;font-size: 0;justify-content: space-between;align-items: flex-start;}
.main-product .box .list-how .wp-block-group{width: 12.76vw;position: relative;}
.main-product .box .list-how .wp-block-group .wp-block-image{margin: 0 auto;max-width: 100%;position: relative;}
.main-product .box .list-how .wp-block-group p{font-size: 0.94vw;line-height: 1.35vw; color: #000;text-align: center;margin-top: 1.3vw;font-family: 'Gotham-Medium';}
.main-product .box .list-how .wp-block-group .wp-block-image::after{content: "";display: block;width: 15.68vw;height: 5.21vw;position: absolute;right: -100%;z-index: -1;}
.main-product .box .list-how .wp-block-group:nth-child(odd) .wp-block-image:after{top: 1.56vw; background: url("/wp-content/uploads/2024/11/strp-line-top.webp") center center no-repeat;background-size: 100%;}
.main-product .box .list-how .wp-block-group:nth-child(even) .wp-block-image:after{bottom: 1.56vw; background: url("/wp-content/uploads/2024/11/strp-line-bottom.webp") center center no-repeat;background-size: 100%;}
.main-product .box .list-how .wp-block-group:last-child .wp-block-image::after{display: none !important;}
.main-product .box .con{padding-top: 20px;}
.main-product .box .con p{font-size: 20px;line-height: 30px;color: #00000a;font-family: 'Gotham-Book';margin-top: 1.56vw;}
.main-product .box .con p strong{font-family: 'Gotham-Medium';}



.age-tips{opacity: 0; display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background-color: rgba(0, 0, 0, .8);}
.age-tips .box{position:absolute;left:50%;top:50%;width:900px;height:640px;padding:56px;margin:-320px 0 0 -450px;background-color:#333;text-align:center;box-sizing:border-box;border-radius:20px;border: 1px solid #fff;}
.age-tips .box img{margin-bottom:35px;max-width: 100%;}
.age-tips .box p{color:#fff;font-family: 'Inter-Medium';font-size: 16px;}
.age-tips .box p em{color:#fff;}
.age-tips .box p.tip{max-width: 70%;border-top: 1px solid #fff;padding-top: 20px;margin: 0 auto;}
.age-tips .box .warning{margin-top:20px;font-size:16px;font-family:"Gotham-Medium";}
.age-tips .box .btn{margin:30px 0;font-size:0;}
.age-tips .box .btn span{display:inline-block;*display:inline;*zoom:1;width:240px;height:50px;line-height:50px;border-radius: 50px;margin:0 10px;box-sizing:border-box;font-size:18px;color:#fff;font-family:"Gotham-Light";cursor:pointer;transition:all .5s;background-color: #008fdb;}
.age-tips .box .btn span:nth-child(1){background-color: #db0021;}
.age-tips .box .btn span em{display:inline-block;line-height:35px;font-size:27px;vertical-align:top;font-family:"Gotham-Bold";-webkit-text-stroke:1px #808080;color:transparent;transition:all .5s;}
.age-tips .box .btn span:hover{border-color:#1fa0f8;color:#fff;}
.age-tips .box .btn span:hover em{color:#fff;-webkit-text-stroke:0px #fff;}
.age-tips.on{opacity: 1;display: block;}
.age-tips.pop{opacity: 1;display: none;}


.common-page{padding: 60px 0 120px;}
.common-page h1{text-align: center;font-size: 40px;line-height: 48px;font-family: 'Gotham-Bold';}
.common-page .con{font-size: 18px;line-height: 30px;margin-top: 20px;}
.common-page h2{font-size: 24px;line-height: 34px;font-family: 'Gotham-Bold';margin-top: 30px;}
.common-page p{font-size: 18px;line-height: 30px;font-family: 'Gotham-Book';margin-top: 10px;}
.common-page a{color: #1d2087;}
.common-page a:hover{text-decoration: underline;}


.main-success{padding: 60px 0 100px;text-align: center;}
.main-success h1{font-size: 34px;line-height: 34px;margin-bottom: 30px;}
.main-success .icon-success{display: block;position: relative;width: 80px;height: 80px;margin: 0 auto 30px;}
.main-success .icon-success::after{position: absolute;top: 0; content: "\e90c";font-family: 'icomoon';color: #1d2087;display: block;width: 80px;height: 80px;font-size: 80px;line-height: 80px;}
.main-success .return-btn{position: relative; display: inline-block;padding: 0 20px 0 70px;height: 70px;line-height: 70px;font-size: 20px;color: #ffff; font-family: 'Roboto-Book';background-color: #1d2087;transition: all .5s;}
.main-success .return-btn::after{content: "\e905"; font-family: 'icomoon'; display: block; width: 70px; height: 70px; color: #fff; text-align: center; position: absolute; top: 0; left: 0; font-size: 40px; transform: rotate(-180deg); transition: all 0.5s;}
.main-success .return-btn:hover{border-radius: 10px;}