@charset "utf-8";

@font-face
{font-family: MontserratMedium;
src: url('../font/Montserrat-Medium.ttf')}

@font-face
{font-family: MontserratBlack;
src: url('../font/Montserrat-Black.ttf')}

@font-face
{font-family: MontserratBold;
src: url('../font/Montserrat-Bold.ttf')}

@font-face
{font-family: MontserratExtraBold;
src: url('../font/Montserrat-ExtraBold.ttf')}

@font-face
{font-family: MontserratRegular;
src: url('../font/Montserrat-Regular.ttf')}

@font-face
{font-family: MontserratLight;
src: url('../font/Montserrat-Light.ttf')}

@font-face
{font-family: MontserratSemiBold;
src: url('../font/Montserrat-SemiBold.ttf')}


@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1705108683799') format('woff2'),
       url('iconfont/iconfont.woff?t=1705108683799') format('woff'),
       url('iconfont/iconfont.ttf?t=1705108683799') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


*{box-sizing:border-box;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:inherit;/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}
.auto{margin:0 auto;max-width: 1600px;width: 90%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: center;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;min-width:0;min-height: 0;}
.flex-center{display: flex;align-items: center;justify-content: center;}
/* html{font-size: 5.2083vw;} */
body{overflow-x: hidden;color:#fff;font-size: 16px;line-height: 1.5;background:#0a0a0b;font-family: 'MontserratMedium',"microsoft yahei",'PingFang SC','PingFangMedium';}
h1,h2,h3,h4,h5,h6{line-height:1.3;font-size:inherit;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}

.squareimg{width:100%;padding-bottom: 100%;overflow: hidden;position: relative;}
.squareimg .img{ position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; object-fit: cover;transform: translate(-50%,-50%);}
.item:hover .imgbox.squareimg .img{transform: translate(-50%,-50%) scale(1.1,1.1) ;}

.btn-translate{transition: all 0.2s;}
.btn-translate:hover{box-shadow:none!important;transform: translate(4px,4px);}

/* 公共部分 */
.head{position: sticky;width: 100%;left: 0;top: 0;z-index:100;transition: all 0.3s ease;height:110px;border-bottom:3px solid #000;background: rgba(20, 21, 24, 0.5);backdrop-filter: blur(5px);}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.head .l,.head .r{display: flex;align-items: center;}
.head.scroll{background: rgba(14, 15, 17, 0.9);}

.hd-logo .img{height: 80px;width: auto;}


.hd-nav li{display: inline-block;vertical-align: middle;margin:0 40px;position: relative;}
.hd-nav li:last-child{marign-right:0;}
.hd-nav li>a{display: block;line-height: 110px;position: relative;font-size:16px;color:#909098;text-transform: uppercase;font-family: 'MontserratExtraBold';}
.hd-nav li:hover>a,.hd-nav li.cur>a{color:#fff;}


.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
.hd-nav.show{display: block;}


.hd-nav .drop{width: 240px;position: absolute;left:-40px;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.13);color:#000;}
.hd-nav .drop .row{position: relative;}
.hd-nav .drop .tit{padding:8px 10px 8px 20px;line-height: 23px;cursor: pointer;display: flex;justify-content: space-between;}
.hd-nav .drop .tit::after{content:'\e775';font-family: 'iconfont';font-weight: normal;}

.hd-nav .drop .subdrop{position: absolute;width: 240px;left: 0;top: 0;background-color: #fff;transform: translate(100%,0);display: none;box-shadow:0 0 10px #999;}
.hd-nav .drop .row:hover .subdrop{display: block;}
.hd-nav .drop .lk{line-height: 23px;display: block;padding:8px 15px;}
.hd-nav .drop .row:hover .tit{color:#007aff;}
.hd-nav .drop .lk:hover{color:#007aff;}



.hd-lang{position: relative;}
.hd-lang .font{font-size:18px;color:#909099;cursor: pointer;display: flex;align-items: center;}
.hd-lang .font::before{content:'\e85f';display: inline-block;font-family: 'iconfont';margin:0 8px 0 0;font-size:30px;}
.hd-lang .font::after{content:'\e605';display: inline-block;font-family: 'iconfont';margin-left:8px;font-size:12px;transform: rotate(90deg);line-height: 1;}
.hd-lang .drop{position: absolute;width: 90px;left: 50%;transform: translate(-50%,0);padding-top: 5px;display: none;}
.hd-lang .dropbox{background-color: #fff;padding:10px 8px 10px;position: relative;box-shadow:rgba(0, 0, 0, 0.25) 0 0 10px;}
.hd-lang .lk{margin-bottom: 7px;display: flex;align-items: center;color:#000;}
.hd-lang .lk:last-child{margin:0;}
.hd-lang .ic{width: 27px;height:18px;margin-right: 6px;}
.hd-lang .lk:hover{color:#ee372d;}
.hd-lang:hover .drop{display: block;}
.hd-lang:hover .font{color:#ee372d;}

.hd-btn{padding:0 13px;background:#ffcc00;line-height:38px;border-radius:6px;border:4px solid #000000;margin-left:40px;color:#000;cursor: pointer;box-shadow:4px 4px 0 #000;}
.hd-btn:hover{background:#ee372d;color:#fff;box-shadow:none;transform: translate(3px,3px);}








.foot{background:url(../images/ft_01.jpg) no-repeat center;background-size:cover;border-top:5px solid #000;}
.ft-t{padding:100px 0 55px;display: flex;align-items: flex-start;gap:12%;}
.ft-t .info{max-width:500px;width:31%;}
.ft-t .logo{height:105px;width:auto;}
.ft-t .txt{font-family: 'MontserratLight';opacity: 0.7;margin-top:25px;}

.ft-t .menu{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft-t .col{max-width:400px;min-width:290px;}
.ft-t .tit{font-size:24px;font-family: 'MontserratBold';padding-bottom:11px;border-bottom:2px solid #ffd800;margin-bottom:18px;max-width:290px;}
.ft-t .lks li{font-family: 'MontserratLight';line-height: 1.8;margin-bottom:5px;}
.ft-t .lks li a{display: inline-block;}
.ft-t .lks li:hover a{color:#fff;}
.ft-t .lks .email{font-size:20px;color:#ffd800;font-family: 'MontserratBold';margin-bottom:14px;}
.ft-t .social{margin-top:55px;display: flex;gap:15px;flex-wrap:wrap;}
.ft-t .social .icon{width:52px;height:52px;border-radius:50%;display: flex;align-items: center;justify-content: center;font-size:22px;color:#000;border:1px solid #000;box-shadow: 4px 0 0 #000;background:#fff;}
.ft-t .social .icon:nth-child(1):hover{background:#0862f7;}
.ft-t .social .icon:nth-child(2):hover{background:#0270ad;}
.ft-t .social .icon:nth-child(3):hover{background:#000;}
.ft-t .social .icon:nth-child(4):hover{background:#e42d26;}
.ft-t .social .icon:nth-child(5):hover{background:#000;}
.ft-t .social .icon:hover{color:#fff;}

.ft-t .lks li:hover a{color:#007aff;}


.ft-b{text-align: center;border-top:1px solid rgba(246,247,248,.2);padding:20px 0;}
.ft-b .txt{font-size:14px;color:rgba(255,255,255,.7);font-family: 'MontserratLight';}




/* about */
.inner-ban{height:650px;position: relative;}
.inner-ban .box{position: absolute;width: 100%;left:0;top:50%;transform: translate(0,-50%);text-align: center;color:#fff;padding-top:120px;}
.inner-ban .bt{font-size:68px;text-transform: uppercase;line-height: 1.1;font-family: 'MontserratBlack';}

.pub-tt{margin-bottom:45px;}
.pub-tt .bt{font-size:62px;line-height: 1;font-family: 'MontserratBlack';text-transform: uppercase;}
.pub-tt .smwz{margin-top:8px;font-size: 20px;font-family: 'Inter', sans-serif;color: #A1A1A1;}

.border{border:4px solid #000;}
.shadow{box-shadow:8px 8px 0 #000;}

.us-top{padding:70px 0;background:#1d1d1f;}
.us-top .list{display: grid;gap:80px;grid-template-columns: repeat(4, minmax(0, 1fr));}
.us-top .list .item{padding:60px 0 40px;background:#121214;border-radius:30px;text-align: center;}
.us-top .list .num{font-size: 63px;font-family: 'MontserratExtraBold';line-height: 1;}
.us-top .list .text{font-size:17px;color:#737373;margin-top:8px;}
.us-top .list .item:nth-child(1) .num{color:#ff3b30;}
.us-top .list .item:nth-child(2) .num{color:#007aff;}
.us-top .list .item:nth-child(3) .num{color:#4cd964;}
.us-top .list .item:nth-child(4) .num{color:#ffcc00;}


.us-group{padding:75px 0;}
.us-group .list{display: grid;gap:40px;grid-template-columns: repeat(4, minmax(0, 1fr));}
.us-group .list .item{border-radius:42px;overflow: hidden;background:#1d1d1f;}
.us-group .list .imgbox{height:220px;}
.us-group .list .info{padding:25px 35px;border-top:4px solid #000000;}
.us-group .list .title{font-size:30px;font-family: 'MontserratBold';text-transform: uppercase;}
.us-group .list .txt{line-height: 22px;-webkit-line-clamp:3;height:66px;margin-top:15px;color:#71717A ;}
.us-group .list .more{margin-top:30px;font-size:18px;border-radius:14px;border:3px solid #000000;height:55px;background:#ff3b30;box-shadow:3px 3px 3px #000;transition: all 0.3s;}
.us-group .list .more:hover{box-shadow:none;transform: translate(3px,3px);}
.us-group .list .item:nth-child(2) .more{background:#007aff;}
.us-group .list .item:nth-child(3) .more{background:#4cd964;}
.us-group .list .item:nth-child(4) .more{background:#ffcc00;}


.us-service{padding:80px 0 140px;border-top:5px solid #000;background:#121214;}
.us-service .list{display: grid;gap:70px;grid-template-columns: repeat(3, minmax(0, 1fr));}
.us-service .list .item{padding:60px 60px;border-radius:46px 44px 44px 44px;background:#2c2c2e;}
.us-service .list .icon{height:77px;width:auto;}
.us-service .list .title{font-size:24px;font-family: 'MontserratExtraBold';margin-top:20px;}
.us-service .list .txt{margin-top:15px;font-size:15px;color: #ccc;}
.us-service .list .item:nth-child(1):hover{background:#ff3b30;}
.us-service .list .item:nth-child(2):hover{background:#007aff;}
.us-service .list .item:nth-child(3):hover{background:#6ce07f;}
.us-service .list .item:nth-child(4):hover{background:#ffcc00;}
.us-service .list .item:nth-child(5):hover{background:#ffffff;}
.us-service .list .item:hover *{color:#000;}
.us-service .list .item:nth-child(6):hover{background:#ff3b30;}

.us-market{border-top:5px solid #000;padding:10px 0 80px;background:#0a0a0b;}
.us-market .detail{display: flex;gap:80px;}
.us-market .info{padding-top:90px;}
.us-market .smtit{font-size:24px;margin-bottom:44px;padding-left:23px;position: relative;max-width:580px;color:rgba(255,255,255,.6);line-height: 1.4;}
.us-market .smtit:before{content:'';position: absolute;left:0;top:4px;bottom:4px;width:8px;background:#007aff;}
.us-market .imgbox{border-radius:74px;border:3px solid #4b4b4b;width:54%;background:#222;}
.us-market .imgbox .img{width:100%;}


.us-partner{border-top:5px solid #000;padding:60px 0 70px;}
.us-partner .list{display: grid;gap:60px;grid-template-columns: repeat(4, minmax(0, 1fr));}
.us-partner .list .item{border:3px solid #000000;border-radius:24px;background:#1d1d1f;height:125px;box-shadow:4px 4px 0 #000;overflow: hidden;}
.us-partner .list .img{width:100%;height:100%;object-fit: contain;transition: all 0s;}

.us-partner .list .item:nth-child(5n+1):hover{background:#e42d26;}
.us-partner .list .item:nth-child(5n+2):hover{background:#0862f7;}
.us-partner .list .item:nth-child(5n+3):hover{background:green;}
.us-partner .list .item:nth-child(5n+4):hover{background:#ffd800;}
.us-partner .list .item:nth-child(5n+5):hover{background:#fff;}
.us-partner .list .item:hover .img{ filter: brightness(0);}

.us-partner .contact{text-align: center;margin-top:110px;}
.us-partner .contact .t-tit{font-size:88px;font-family: 'MontserratBlack';line-height: 1.2;}
.us-partner .contact .txt{font-size:26px;margin-top:30px;}
.us-partner .contact .more{font-size:28px;margin:40px auto 0;width:360px;height:85px;background:#ffcc00;border-radius:27px;color:#000;font-family: 'MontserratRegular';transition: all 0.3s;}
.us-partner .contact .more:hover{transform: translate(3px,3px);}


/* contact */
.contact-top{padding:100px 0 80px;background:#1d1d1f;border-bottom:3px solid #000;}
.contact-top .list{display: flex;justify-content: space-around;}
.contact-top .list .item{text-align: center;width: 25%;}
.contact-top .list .icon{width:97px;display: block;margin:0 auto;border-radius:14px;border:3px solid #000;box-shadow:6px 6px 0 #000;}
.contact-top .list .title{font-size:26px;font-family: 'MontserratExtraBold';margin-top:18px;}
.contact-top .list .font{font-size:18px;color:#f4f4f4;margin-top:8px;font-family: 'MontserratLight';}

.contact-top .list .item:nth-child(1):hover *{color:#ed372d;}
.contact-top .list .item:nth-child(2):hover *{color:#007aff;}
.contact-top .list .item:nth-child(3):hover *{color:#4cd964;}
.contact-top .list .item:nth-child(4):hover *{color:#ffcc00;}



.contact-send{padding:85px 0;background:#151516;border-top:30px solid #0c0c0d;}
.contact-send .detail{border-radius:104px;background:#222222;padding:70px 0 100px;max-width:1480px;margin:0 auto;}
.contact-send .box{width:90%;margin:0 auto;max-width:1070px;}

.contact-send .form .row{flex-wrap:wrap;justify-content: space-between;}
.contact-send .form .item{width: 48.5%;margin-bottom:3%;}
.contact-send .form .ipt{width: 100%;background:#fff;border:2px solid #fff;border-radius:8px;color:#000;}
.contact-send .form .ipt-txt,.contact-send .form .select{height:56px;line-height: 54px;padding:0 15px;}
.contact-send .form .con{height:180px;padding:10px 15px;resize:none;}
.contact-send .form .submit{width:100%;margin:50px auto 0;background:#eb362c;color:#fff;border:0;cursor: pointer;font-size:24px;height:78px;border-radius:10px;box-shadow:8px 8px 0 #000;}
.contact-send .form .submit:hover{background:#ffcc00;color:#000;transform: translate(4px,4px);box-shadow:none;}
.contact-send .form .ipt:focus{border-color:#eb362c;}



/* factories */
.banner{text-align: center;padding:85px 0 70px;/* background:#1d1d1f; */border-top:5px solid #000;border-bottom:5px solid #000;}
.banner .tag{color:#ff3b30;padding:0 26px;border-radius:15px;border:3px solid #ff3b30;line-height:50px;background:rgba(255,59,48,.15);display: inline-block;vertical-align: middle;text-transform: uppercase;}
.banner .tag .ico{width:32px;margin-right:8px;display: inline-block;vertical-align: middle;margin-top:-5px;}
.banner .bt{/* font-size:68px; */font-size:74px;margin-top:20px;font-family: 'MontserratBlack';line-height: 1.2;text-shadow:0 2px 5px rgba(0,0,0,.53);text-transform: uppercase;}
.banner .txt{font-size:24px;color:#b0b0b0;margin:20px auto 0;max-width:850px;width:85%;}


.fac-main{padding:130px 0;}
.fac-list{}
.fac-list .item{background:#1d1d1f;border-radius:38px;overflow: hidden;display: flex;align-items: center;margin-bottom:70px;}
.fac-list .imgbox{height:430px;width:49.5%;}
.fac-list .info{width:50.5%;padding:0 40px;}
.fac-list .num{width:55px;height:55px;border-radius:12px;background:#007aff;font-size:24px;font-family: 'MontserratExtraBold';border:2px solid #000000;box-shadow:3px 3px 0 #000;}
.fac-list .title{font-size:12px;margin-top:30px;font-family: 'MontserratBlack';text-transform: uppercase;margin-bottom:5px;font-family: Inter, sans-serif;}
.fac-list .txt{color:#b0b0b0;margin-bottom:30px;max-width:90%;}
.fac-list .fz{font-family: 'MontserratRegular';margin-bottom:10px;position: relative;padding-left:33px;}
.fac-list .fz:before{content:'';width:21px;height:21px;background:url(../images/fac_06.png) no-repeat center;background-size:contain;position: absolute;left:0;top:2px;}
.fac-list .fz:last-child{margin-bottom:0;}
.fac-list .item:nth-child(odd){box-shadow: 12px 12px 0 #000;}
.fac-list .item:nth-child(even){flex-direction: row-reverse;box-shadow: -12px 12px 0 #000;}
.fac-list .item:last-child{margin-bottom:0;}
.fac-list .item:nth-child(odd) .imgbox{border-right:5px solid #000;}
.fac-list .item:nth-child(even) .imgbox{border-left:5px solid #000;}
.main-heading,.big-text{font-family: 'MontserratBlack' !important;}

.fac-list .item:nth-child(1) .num{background:#ff3b30;}
.fac-list .item:nth-child(2) .num{background:#007aff;}
.fac-list .item:nth-child(3) .num{background:#ffcc00;color:#000;}
.fac-list .item:nth-child(4) .num{background:#4cd964;}
.fac-list .item:nth-child(5) .num{background:#fff;color:#000;}
.fac-list .item:nth-child(6) .num{background:#c868e8;color:#fff;}


/* factoriesDetail */
.fac-det{background:#181819;padding:100px 0;}
.fac-det .detail{display: flex;align-items: flex-start;gap:45px;}
.fac-det .imgbox{width:50%;height:550px;border-radius:36px;overflow: hidden;border:5px solid #000;}
.fac-det .info{flex:1;min-width:0;}
.fac-det .bq{font-size:14px;padding:0 14px;display: inline-block;line-height: 34px;background:#007aff;border:4px solid #000;box-shadow:2px 2px 0 #000;border-radius:10px;margin-top:10px;text-transform: uppercase;}
.fac-det .title{font-size:28px;font-family: 'MontserratBlack';text-transform: uppercase;margin-top:15px;}
.fac-det .grps{display: flex;flex-wrap:wrap;justify-content: space-between;}
.fac-det .grps .grp{min-width:46%;margin-top:25px;}
.fac-det .grps .fz{opacity: 0.6;margin-bottom:5px;}
.fac-det .grps .tags{display: flex;flex-wrap:wrap;gap:15px;padding-top:3px;}
.fac-det .grps .tag{padding:0 14px;line-height: 36px;border-radius:12px;border:3px solid #000;background:#27272a;}
.fac-det .smtit{font-size:22px;margin-top:25px;font-family: 'MontserratBlack';}
.fac-det .txt{color:#b0b0b0;}
.fac-det .txt p{position: relative;padding-left:15px;margin-top:8px;}
.fac-det .txt p:before{content:'';width:6px;height:6px;background:#007aff;border-radius:50%;left:0;top:10px;position: absolute;}


/* product */
.cp-main{padding:80px 0;background:#161617;}
.cp-main .wrap{display: flex;align-items: flex-start;gap:50px;}
.cp-l{width:330px;}

.get-cata{height:60px;font-size:18px;color:#000;background:#ffcc00;border-radius:10px;margin:0 0 15px;gap:12px; box-shadow: rgb(0, 0, 0) 4px 4px 0px;}
.get-cata:before{content:'\e768';font-family: 'iconfont';font-size:20px;}
.get-cata:hover{background:#ff3b30;color:#fff;transform: translate(3px, 3px);   }

.cp-menu{border-radius:23px;background:#222223;overflow: hidden;}
.cp-menu .bt{font-size:22px;height:90px;padding:0 0 0 25px;display: flex;align-items: center;border-bottom:3px solid #101010;}
.cp-menu .list{padding:25px 15px 25px 25px;}
.cp-menu .list .item{margin-bottom:18px;}
.cp-menu .list .title{color:rgba(255,255,255,.6);position: relative;cursor: pointer;font-family: 'MontserratSemiBold';}

.cp-menu .list .drop{display: none;padding:5px 0 10px 10px;}

.cp-menu .list .lk{display: block;font-family: 'MontserratLight';margin-top:8px;}
.cp-menu .list .lk:hover{color:#007aff;}
.cp-menu .list .show .drop{display: block;}
.cp-menu .list .show .title{color:#fff;}
.cp-menu .list .item:hover .title{color:#007aff;}


.cp-list{display: grid;gap:45px;grid-template-columns: repeat(3, minmax(0, 1fr))}
.cp-list .item{border-radius:24px;background:#1d1d1f;overflow: hidden;}
.cp-list .imgbox{height:310px;background:#222223;}
.cp-list .imgbox .img{width:100%;height:100%;object-fit: contain;}
.cp-list .info{padding:15px 10px;}
.cp-list .title{font-size:20px;text-align: center;font-family: 'MontserratSemiBold';}
.cp-list .item:hover .title{color:#007aff;}


/* productDetail */
.cp-det{padding:60px 0 30px;background:#161617;}

.cp-top{display: flex;column-gap: 70px;}
.cp-top .imgbox{width:460px;height:460px;border-radius:24px;border:3px solid #000;background:#222223;}
.cp-top .imgbox .img{width:100%;height:100%;object-fit: fill;}

.cp-top .bq{font-size:14px;border-radius:10px;background:#007aff;padding:0 15px;text-transform: uppercase;border:3px solid #000;line-height:34px;display: inline-block;vertical-align: middle;margin-top:15px;}
.cp-top .title{font-size:26px;margin-bottom:35px;font-family: 'MontserratBold';margin-top:15px;}
.cp-top .txt{font-size:14px;line-height: 1.8;}
.cp-top .button{margin-top:50px;width:230px;height:65px;border-radius:14px 12px 12px 12px;background:#f7392e;text-transform: uppercase;box-shadow:4px 4px 0 #000;}
.cp-top .button:hover{background:#007aff;}

.cp-mod{margin-top:75px;}
.cp-mod .t-tit{font-size:24px;padding-bottom:15px;border-bottom:1px solid #343434;position: relative;margin-bottom:40px;font-family: 'MontserratSemiBold';}
.cp-mod .t-tit::after{content:'';width: 80px;height:8px;background:#f5392e;position: absolute;left:0;bottom:-4px;}

.cp-spec{}
.cp-spec .table{border-radius:23px 22px 22px 22px;overflow: hidden;border:2px solid #000;}
.cp-spec .table th,.cp-spec .table td{text-align: left;font-weight: normal;padding:12px 12px 12px 5%;border:1px solid #000;}
.cp-spec .table th{font-size:18px;background:#2d2d2e;}
.cp-spec .table td{background:#222223;font-family: 'MontserratLight';}

.cp-effect{}
.cp-effect .list{display: flex;/* justify-content: space-between; */text-align: center;padding:0 1.5%;gap: 30px;}
.cp-effect .list .item{}
.cp-effect .list .icon{height:60px;width:auto;display: block;margin:0 auto;}
.cp-effect .list .fz{}


.cp-video .videobox{width:100%;height:680px;border-radius:23px;}
.cp-video .videobox .playicon{width: 140px;height: 140px;}


.videobox{position:relative;overflow: hidden;background-color: #000;}
.videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.videobox .playicon{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.videobox .video{width: 100%;height: 100%;object-fit: contain;}



/* customization */
.cus-own{padding:90px 0;background:#161617;}
.cus-own .top-bq{font-size:14px;min-width:160px;border-radius:10px;line-height:36px;background:#eb362c;display: inline-block;vertical-align: middle;margin-bottom:30px;border:2px solid #000;text-transform: uppercase;}
.cus-own .pub-tt{margin-bottom:0;}


.cus-step{padding:0 20px;text-align: center;display: flex;justify-content: space-between;position: relative;margin:0 auto 70px;margin-top:0!important;overflow: hidden;}
.cus-step::after{content:'';height:5px;background:#27272a;position: absolute;left:0;top:23px;right:0;}
.cus-step .grp{position: relative;width:100px;text-align: center;}
.cus-step .num{font-size:18px;width:50px;height:50px;background:#27272a;border:4px solid #000;box-shadow:3px 3px 0 #000;border-radius:50%;margin:0 auto 14px;position: relative;z-index:6;}
.cus-step .text{font-size:14px;}
.cus-step .grp.cur .num{border-color:#fff;background:#eb362c;}

.cus-step .grp::after{content:'';position: absolute;left:50%;top:23px;height: 5px;background:#4cd964;z-index:5;width:350px;display: none;}
.cus-step .grp:first-child::after{width:375px;left:-20px;}


.cus-step .grp.active::after{display: block;}
.cus-step .grp.active .num{background:#4cd964;font-size:0;}
.cus-step .grp.active .num::after{content:'√';font-size:15px;}

.cus-sec{padding:50px 85px;background:#1d1d1f;border-radius:63px;box-shadow:14px 14px 0 #000;margin:0 auto;}
.cus-sec .t-tit{font-size:30px;font-family: 'MontserratBold';margin-bottom:30px;text-transform: uppercase;}
.cus-sec .group{margin-bottom:60px;}
.cus-sec .group:last-child{margin-bottom:0;}
.cus-sec .smtit{font-family: 'MontserratLight';margin-bottom:40px;}
.cus-sec .opts{display: flex;flex-wrap:wrap;gap:30px;}
.cus-sec .opts .opt{font-size:18px;border-radius:14px;padding:10px 25px;line-height:30px;}
.cus-sec .opts .label{width:calc(50% - 15px);display: flex;align-items: center;text-transform: uppercase;cursor: pointer;font-family: 'MontserratRegular';}
.cus-sec .opts .ipt{width:100%;}
.cus-sec .opts .input{background:none;font-size:14px;width:100%;}
.cus-sec .opts .sel[type="radio"]{appearance: none;-webkit-appearance: none;width:20px;height:20px;background:#27272a;border:2px solid #000;border-radius:50%;margin-right:15px;cursor: pointer;position: relative;}
/* .cus-sec .opts .sel[type="radio"]:checked{background:#4cd964;border-color:#4cd964;}
.cus-sec .opts .sel[type="radio"]:checked::after{content:'●';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:10px;color:#000;font-weight:bold;} */
.cus-sec .opts .sel[type="checkbox"]{appearance: none;-webkit-appearance: none;width:20px;height:20px;background:#27272a;border:2px solid #000;border-radius:5px;margin-right:15px;cursor: pointer;position: relative;}
.cus-sec .opts .sel[type="checkbox"]:checked{background:#4cd964;border-color:#4cd964;}
.cus-sec .opts .sel[type="checkbox"]:checked::after{content:'✓';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:12px;color:#000;font-weight:bold;}
.cus-sec .label:hover{border-color:#f8392f;}

.cus-sec .ipt.checked{border-color:#007aff;}
.cus-sec .input:focus{border-color:#007aff;}

.cus-sec .group2{padding-bottom:70px;border-bottom:3px solid #000;}
.cus-sec .group2 .opts .label{width:calc(50% - 15px);}
.cus-sec .tips{font-size:16px;color:#a0a0a0;margin-top:-10px;}
.cus-sec .submit{font-size:20px;width:400px;height:60px;background:#f8392f;border-radius:16px 14px 14px 14px;font-family: 'MontserratSemiBold';cursor: pointer;}
.cus-sec .submit:hover{background: #ffcc00;color: #000;}

.cus-sec .back-btn{font-size:20px;width:150px;height:60px;background:#27272a;border-radius:16px 14px 14px 14px;font-family: 'MontserratSemiBold';cursor: pointer;border:4px solid #000;}
.cus-sec .back-btn:hover{background: #3a3a3d;}

.cus-sec .t-tit{font-size:30px;font-family: 'MontserratBold';margin-bottom:30px;text-transform: uppercase;padding-left:20px;position: relative;}
.cus-sec .t-tit::before{content:'';position: absolute;left:0;top:0;bottom:0;width:6px;border-radius:3px;}

.cus-sec .step-red::before{background:#ff3b30;}
.cus-sec .step-blue::before{background:#007aff;}
.cus-sec .step-green::before{background:#4cd964;}
.cus-sec .step-yellow::before{background:#ffcc00;}

.gap-20{gap:20px;}

/* Toggle switch styles */
.toggle-label{display: flex;align-items: center;gap:15px;padding:10px 20px;border:4px solid #000;border-radius:14px;background:#1d1d1f;cursor: pointer;}
.toggle-switch{position: relative;width:60px;height:30px;}
.toggle-input{display: none;}
.toggle-track{position: absolute;width:100%;height:100%;background:#27272a;border:3px solid #000;border-radius:15px;transition: all 0.3s;}
.toggle-input:checked + .toggle-track{background:#4cd964;border-color:#4cd964;}
.toggle-thumb{position: absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition: all 0.3s;box-shadow:2px 2px 0 #000;}
.toggle-input:checked ~ .toggle-track .toggle-thumb{transform: translateX(30px);background:#000;box-shadow:none;}
.toggle-text{font-size:18px;text-transform: uppercase;font-family: 'MontserratRegular';}

/* Advanced specification content styles */
.advanced-spec-content{margin-top:30px;margin-bottom:30px;padding:30px;background:#121214;border:4px solid #000;border-radius:20px;box-shadow:8px 8px 0 #000;}
.advanced-header{margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #4cd964;}
.advanced-title{font-size:24px;color:#4cd964;font-family: 'MontserratBold';text-transform: uppercase;}
.advanced-group{margin-top:20px;}
.advanced-smtit{font-size:18px;color:#4cd964;font-family: 'MontserratSemiBold';text-transform: uppercase;margin-bottom:20px;padding-left:10px;border-left:4px solid #4cd964;}
.advanced-options{display: flex;flex-wrap:wrap;gap:15px;margin-bottom:25px;}
.advanced-option{display: flex;align-items: center;gap:10px;padding:10px 18px;border:3px solid #27272a;border-radius:10px;background:#1d1d1f;cursor: pointer;transition: all 0.2s;}
.advanced-option:hover{border-color:#4cd964;}
.advanced-option input[type="checkbox"]{appearance: none;-webkit-appearance: none;width:20px;height:20px;background:#27272a;border:2px solid #fff;border-radius:5px;cursor: pointer;position: relative;}
.advanced-option input[type="checkbox"]:checked{background:#4cd964;border-color:#4cd964;}
.advanced-option input[type="checkbox"]:checked::after{content:'✓';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:12px;color:#000;font-weight:bold;}
.advanced-option span{font-size:14px;font-family: 'MontserratRegular';}
.custom-category{margin-top:15px;}
.custom-category-input{width:100%;height:50px;padding:0 20px;background:#1d1d1f;border:3px solid #27272a;border-radius:10px;font-size:14px;color:#fff;}
.custom-category-input:focus{border-color:#4cd964;outline:none;}
.custom-category-input::placeholder{color:#666;}

/* Physical Structure styles */
.physical-structure{margin-top:35px;padding-top:35px;border-top:3px solid #27272a;}
.physical-grid{display: grid;grid-template-columns: 1fr 1fr;gap:30px;}
.physical-left,.physical-right{display: flex;flex-direction: column;gap:25px;}
.physical-item{background:#1d1d1f;border:3px solid #27272a;border-radius:14px;padding:20px;}
.physical-label{font-size:14px;color:#4cd964;font-family: 'MontserratSemiBold';text-transform: uppercase;margin-bottom:15px;}
.physical-options{display: flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}
.physical-radio{display: flex;align-items: center;gap:8px;padding:8px 14px;border:2px solid #27272a;border-radius:8px;background:#27272a;cursor: pointer;transition: all 0.2s;}
.physical-radio:hover{border-color:#4cd964;}
.physical-radio input[type="radio"]{appearance: none;-webkit-appearance: none;width:16px;height:16px;background:#3a3a3d;border:2px solid #4cd964;border-radius:50%;cursor: pointer;position: relative;}
.physical-radio input[type="radio"]:checked::after{content:'';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:8px;height:8px;background:#4cd964;border-radius:50%;}
.physical-radio span{font-size:13px;font-family: 'MontserratRegular';}
.physical-input{width:100%;height:45px;padding:0 15px;background:#27272a;border:2px solid #27272a;border-radius:8px;font-size:14px;color:#fff;margin-top:5px;}
.physical-input:focus{border-color:#4cd964;outline:none;}
.physical-input::placeholder{color:#666;}
.physical-input.large{height:55px;font-size:16px;}
.physical-input.medium{flex:1;height:55px;font-size:16px;}
.duration-row{display: flex;gap:15px;margin-top:5px;}

/* Effect Configuration styles */
.effect-configuration{margin-top:35px;padding-top:35px;border-top:3px solid #27272a;}
.effect-types{margin-bottom:25px;}
.effect-label{font-size:14px;color:#666;font-family: 'MontserratSemiBold';text-transform: uppercase;margin-bottom:15px;}
.effect-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap:10px;}
.effect-checkbox{display: flex;align-items: center;gap:10px;padding:12px 15px;border:3px solid #27272a;border-radius:8px;background:#1d1d1f;cursor: pointer;transition: all 0.2s;}
.effect-checkbox:hover{border-color:#4cd964;}
.effect-checkbox input[type="checkbox"]{appearance: none;-webkit-appearance: none;width:18px;height:18px;background:#3a3a3d;border:2px solid #fff;border-radius:4px;cursor: pointer;position: relative;}
.effect-checkbox input[type="checkbox"]:checked{background:#4cd964;border-color:#4cd964;}
.effect-checkbox input[type="checkbox"]:checked::after{content:'✓';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:11px;color:#000;font-weight:bold;}
.effect-checkbox span{font-size:14px;font-family: 'MontserratRegular';}
.effect-bottom{display: grid;grid-template-columns: 1fr 1fr;gap:30px;}
.colors-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap:10px;}
.sound-select{width:100%;height:55px;padding:0 15px;background:#1d1d1f;border:3px solid #27272a;border-radius:10px;font-size:14px;color:#fff;font-family: 'MontserratRegular';appearance: none;-webkit-appearance: none;cursor: pointer;position: relative;}
.sound-select:focus{border-color:#4cd964;outline:none;}
.sound-level{position: relative;}
.sound-level::after{content:'\e605';font-family: 'iconfont';position: absolute;right:20px;top:44%;transform: translateY(-50%) rotate(90deg);color:#fff;pointer-events: none;}

/* Sequence & Packaging styles */
.sequence-packaging{margin-top:35px;padding-top:35px;border-top:3px solid #27272a;}
.sequence-full{margin-bottom:25px;}
.sequence-label{font-size:14px;color:#666;font-family: 'MontserratSemiBold';text-transform: uppercase;margin-bottom:15px;}
.sequence-textarea{width:100%;height:120px;padding:15px;background:#1d1d1f;border:3px solid #27272a;border-radius:10px;font-size:14px;color:#fff;font-family: 'MontserratRegular';resize:none;}
.sequence-textarea:focus{border-color:#4cd964;outline:none;}
.sequence-textarea::placeholder{color:#666;}
.sequence-bottom{display: grid;grid-template-columns: 1fr 1fr;gap:30px;}
.packaging-select,.logistics-select{width:100%;height:55px;padding:0 15px;background:#1d1d1f;border:3px solid #27272a;border-radius:10px;font-size:14px;color:#fff;font-family: 'MontserratRegular';appearance: none;-webkit-appearance: none;cursor: pointer;position: relative;}
.packaging-select:focus,.logistics-select:focus{border-color:#4cd964;outline:none;}
.packaging-type,.logistics-volume{position: relative;}
.packaging-type::after,.logistics-volume::after{content:'\e605';font-family: 'iconfont';position: absolute;right:20px;top:calc(50% + 18px);transform: translateY(-50%) rotate(90deg);color:#fff;pointer-events: none;}
.logistics-row{display: flex;gap:15px;}
.logistics-input{flex:1;height:55px;padding:0 15px;background:#1d1d1f;border:3px solid #27272a;border-radius:10px;font-size:14px;color:#fff;font-family: 'MontserratRegular';}
.logistics-input:focus{border-color:#4cd964;outline:none;}
.logistics-input::placeholder{color:#666;}

/* Special Requirements styles */
.special-requirements{margin-top:35px;padding-top:35px;border-top:3px solid #27272a;}
.special-options{display: flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;}
.special-checkbox{display: flex;align-items: center;gap:10px;padding:12px 18px;border:2px solid #27272a;border-radius:8px;background:#27272a;cursor: pointer;transition: all 0.2s;}
.special-checkbox:hover{border-color:#4cd964;}
.special-checkbox input[type="checkbox"]{appearance: none;-webkit-appearance: none;width:18px;height:18px;background:#3a3a3d;border:2px solid #fff;border-radius:4px;cursor: pointer;position: relative;}
.special-checkbox input[type="checkbox"]:checked{background:#4cd964;border-color:#4cd964;}
.special-checkbox input[type="checkbox"]:checked::after{content:'✓';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:11px;color:#000;font-weight:bold;}
.special-checkbox span{font-size:14px;font-family: 'MontserratRegular';}
.additional-notes{margin-top:10px;}
.special-label{font-size:14px;color:#666;font-family: 'MontserratSemiBold';text-transform: uppercase;margin-bottom:15px;}
.special-textarea{width:100%;height:100px;padding:15px;background:#1d1d1f;border:3px solid #27272a;border-radius:10px;font-size:14px;color:#fff;font-family: 'MontserratRegular';resize:none;}
.special-textarea:focus{border-color:#4cd964;outline:none;}
.special-textarea::placeholder{color:#666;}


.cus-own.two .cus-step .grp.cur .num{background:#ffcc00;}
.cus-own.three .cus-step .grp.cur .num{background:#007aff;}
.cus-own.four .cus-step .grp.cur .num{background:#4cd863;}

.cus-own.two .cus-sec .label:hover{border-color:#007aff;}
.cus-own.three .cus-sec .label:hover{border-color:#4cd863;}
.cus-own.four .cus-sec .label:hover{border-color:#ffcc00;}

.cus-own.one .cus-sec .opts .sel:checked{background-image:url(../images/icon_08-1.png);background-size: 100%;}
.cus-own.two .cus-sec .opts .sel:checked{background-image:url(../images/icon_08-3.png);background-size: 100%;}
.cus-own.three .cus-sec .opts .sel:checked{background-image:url(../images/icon_08-4.png);background-size: 100%;}
.cus-own.four .cus-sec .opts .sel:checked{background-image:url(../images/icon_08-2.png);background-size: 100%;}




/* index */
.idx-ban{position: relative;}
.idx-ban .item{height: 100vh;position: relative;overflow: hidden;text-align: center;}
.idx-ban .box{position: absolute;width:100%;left:0;top:50%;transform: translate(0,-50%);}
.idx-ban .title{font-size:68px;font-family: 'MontserratBlack';line-height:1.1;}
.idx-ban .btngrp{display: flex;gap:30px;margin-top:75px;justify-content: center;}
.idx-ban .lk{font-size:16px;min-width:220px;height:65px;border-radius:6px;color:#000;background:#fff;border:4px solid #000;font-family: 'MontserratSemiBold';box-shadow:4px 4px 0 #000;}
.idx-ban .lk.this{color:#fff;background:#ee372d;}
.idx-ban .lk:hover{background:#ffcc00;color:#000;}

.idx-ban .swiper-pagination{bottom:60px;width:auto;left:50%;transform: translate(-50%,0);padding:10px 15px;background:#0a0b0c;border:1px solid #292a2b;display: flex;gap:13px;border-radius:16px;}
.idx-ban .swiper-pagination-bullet{margin:0!important;width:10px;height:10px;background:#6b6c6d;opacity: 1;border-radius:50%;}
.idx-ban .swiper-pagination-bullet-active{background:#ff3b30;width:50px;border-radius:6px;}

.idx-ban .item .img{transition: 5s linear;transform: scale(1.2);}
.idx-ban .swiper-slide-active .item img{transform: scale(1);}




.idx-top{padding:100px 0;background:#1d1d1f;}
.idx-top .list{display: flex;justify-content: space-around;}
.idx-top .list li{text-align: center;}
.idx-top .list .icon{height:96px;width:auto;display: block;margin:0 auto;border-radius:14px;}
.idx-top .list .title{font-size:26px;font-family: 'MontserratExtraBold';margin-top:15px;}
.idx-top .list .font{font-size:18px;color:#a0a0a0;margin-top:5px;}
.idx-top .list li:hover .icon{box-shadow:5px 5px 0 #000;}


.idx-core{padding:90px 0 0;}
.idx-core .top-bq{color:#007aff;line-height: 46px;border-radius:10px;border:3px solid #007aff;padding:0 15px;display: inline-block;margin-bottom:35px;}

.idx-core .detail{}
.idx-core .item{display: block;border-radius:42px;border:4px solid #000;overflow: hidden;background:#1d1d1f;}
.idx-core .item .imgbox{height:350px;position: relative;}
.idx-core .item .imgbox img{aspect-ratio: 1;object-fit: contain;}
.idx-core .item .bq{font-size:14px;color:#fff;line-height: 30px;background:#007aff;border-radius:10px;border:2px solid #000;top:35px;left:35px;position: absolute;padding:0 10px;min-width:100px;text-align: center;}
.idx-core .item .info{padding:0 25px;}
.idx-core .item .top{padding:23px 0;}
.idx-core .item .title{font-size:26px;font-family: 'MontserratBold';min-height: 4em;}
.idx-core .item .bot{display: flex;align-items: center;justify-content: space-between;padding:28px 0;border-top:1px solid #343436;}
.idx-core .item .wz{color:#888888;}
.idx-core .item .date{font-size:14px;color:#0a0a0b;background:#fff;border-radius:14px;padding:0 10px;line-height:28px;display:inline-block;vertical-align: middle;}
.idx-core .item:hover{box-shadow:8px 8px 0 #000;}
.idx-core .item:hover .title{color:#007aff;}
.idx-core .swiper-container{padding:8px;}

.idx-core .topbox{position: relative;}
.idx-core .arrs{display: flex;gap:30px;position: absolute;right:0;bottom:15px;}
.idx-core .swiper-button{width:60px;height:60px;background:#27272a;border-radius:10px;display: flex;align-items: center;justify-content: center;position: static;cursor: pointer;font-size:24px;color:#fff;}
.idx-core .swiper-button::after{content:'\e8f4';font-family: 'iconfont';}
.idx-core .next{transform: rotate(180deg);}
.idx-core .swiper-button:hover{background:#ffcc00;color:#000;}
/* .idx-core .swiper-button-disabled{color:#fff;background:#27272a;} */


.idx-network{padding:120px 0;background:#0c0c0d;}
.idx-network .detail{padding:40px 0;border-radius:104px;border:3px solid #4b4b4b;background:#222222;}
.idx-network .pic{width: 100%;display: none;}

.idx-network .map{width:1320px;margin:0 auto;height:670px;position: relative;}
.idx-network .map .img{width: 100%;display: block;}
.idx-network .map .img2{opacity: 0;position: absolute;left:0;top:0;transition: all 0.4s;}

.idx-network .drop{width:270px;/* min-height:100px; */padding:14px 20px;display: flex;align-items: center;position: absolute;left:50%;transform: translate(-50%,5px);border-radius:24px;background:#ffd800;box-shadow:0 5px 16px rgba(0,0,0,.66);z-index:200;display: none;}
.idx-network .txt{width: 100%;text-align: center;color:#000;font-family: 'MontserratSemiBold';line-height: 1.4;}

.idx-network .dot{width:24px;height:24px;border-radius:50%;background:rgba(233,54,44,.4);display: flex;align-items: center;justify-content: center;cursor: pointer;}
.idx-network .dot:before{content:'';width:7px;height:7px;border-radius:50%;background:#e9362c;border:2px solid #000;}

.idx-network .grp:hover .drop{display: block;}


.idx-network .grp{position: absolute;}
.idx-network .grp1-1{top:75px;right:100px;}
.idx-network .grp1-2{top:180px;left:195px;}
.idx-network .grp1-3{top:265px;left:240px;}
.idx-network .grp1-4{top:360px;left:285px;z-index: 100;}

.idx-network .grp2-1{top:100px;left:85px;}

.idx-network .grp3-1{top:137px;right:85px;}

.idx-network .grp4-1{top:85px;left:60px;}

.idx-network .grp5-1{top:240px;left:265px;}
.idx-network .grp5-1 .dot{width:32px;height:32px;}

.idx-network .grp5-2{top:185px;left:180px;}
.idx-network .grp5-3{top:375px;left:295px;}
.idx-network .grp5-3 .dot{width:34px;height:34px;}
.idx-network .grp5-3 .dot:before{width:10px;height:10px;}

.idx-network .grp5-4{top:225px;right:165px;}
.idx-network .grp5-4 .dot{width:40px;height:40px;}
.idx-network .grp5-4 .dot:before{width:10px;height:10px;}


.idx-network .item{position: absolute;}
.idx-network .item1{width:583px;left:0;top:0;}
.idx-network .item2{width:221px;left:282px;top:360px;}
.idx-network .item3{width:209px;right:525px;top:40px;z-index:5;}
.idx-network .item4{width:282px;right:476px;bottom:105px;}
.idx-network .item5{width:598px;right:0;top:30px;z-index:1;}
.idx-network .item:hover{z-index:30;}
.idx-network .item:hover .img2{opacity: 1;}
.idx-network .item:hover .img1{opacity: 0;}



.idx-brand{padding:120px 0 150px;background:#161617;border-top:8px solid #2d2d2d;}
.idx-brand .detail{display: flex;gap:5%;align-items: flex-start;}
.idx-brand .info{width:45%;}
.idx-brand .bq{font-size:18px;color:#000;background:#ffd800;border-radius:10px;padding:6px 17px;display: inline-block;vertical-align: middle;margin-bottom:25px;}
.idx-brand .readmore{margin-top:65px;font-size:18px;font-family: 'MontserratBold';padding:0 20px;line-height:55px;background:#ff3b30;display: inline-block;border-radius:12px;text-transform: uppercase;box-shadow:4px 4px 0 #000;}

.idx-brand .list{display: flex;flex-wrap:wrap;justify-content: space-between;gap:26px;}
.idx-brand .list li{width:calc(50% - 13px);border-radius:23px;border:2px solid #5a595c;padding:25px 40px;background:#222222;}
.idx-brand .list .icon{height:60px;width:auto;}
.idx-brand .list .title{font-size:26px;margin-top:10px;}



.idx-customer{padding:165px 0 100px;border-top:8px solid #2d2d2d;background:#1d1d1f;}
.idx-customer .detail{}
.idx-customer .item{border-radius:43px;background:#222;padding:55px 70px 50px;position: relative;}
.idx-customer .item:before{content:'';width:80px;height:80px;background:url(../images/idx_12.png) no-repeat center;background-size:contain;right:55px;top:28px;position: absolute;}
.idx-customer .item .top{margin-bottom:30px;padding-bottom:25px;border-bottom:2px solid #5a595c;}

.idx-customer .item .name{font-size:26px;font-family: 'MontserratBold';}
.idx-customer .item .wz{opacity: 0.7;margin-top:4px;}
.idx-customer .item .txt{font-size:28px;-webkit-line-clamp: 3;line-height: 38px;height:114px;font-family: 'MontserratBold';}
.idx-customer .item .more{font-size:14px;padding:5px 15px;border-radius:10px;margin-top:35px;display: inline-block;transition: all 0.3s;}
.idx-customer .item .more:hover{transform: translate(3px,3px);}

.idx-customer .swiper-slide{width:810px;opacity: 0.6;}
.idx-customer .swiper-slide-active{opacity: 1;}
.idx-customer .swiper-slide-active .item:before{background-image:url(../images/idx_13.png);}

.idx-customer .swiper-pagination{margin-top:65px;position: static;font-size:0;}
.idx-customer .swiper-pagination-bullet{width:14px;height:14px;background:#ffffff;border-radius:3px;margin:0 10px!important;opacity: 1;}
.idx-customer .swiper-pagination-bullet-active{background:#ff3b30;}


.idx-customer .swiper-slide .item:hover .top{border-color:rgba(255,255,255,.3);}
.idx-customer .swiper-slide .item:hover:before{background-image:url(../images/idx_15.png)!important;}


.idx-customer .swiper-slide:nth-child(3n+1) .item:before{background-image:url(../images/idx_12.png);}
.idx-customer .swiper-slide:nth-child(3n+1) .more{background:#ff3b30;color:#fff;}
.idx-customer .swiper-slide:nth-child(3n+1) .item:hover{background:#ff3b30;}
.idx-customer .swiper-slide:nth-child(3n+1) .item:hover .more{background:#fff;color:#ff3b30;}
.idx-customer .swiper-slide:nth-child(3n+1) .item:hover .top{border-color:rgba(255,255,255,.3);}
.idx-customer .swiper-slide:nth-child(3n+1) .item:hover:before{background-image:url(../images/idx_15.png)}



.idx-customer .swiper-slide:nth-child(3n+2) .item:before{background-image:url(../images/idx_13.png);}
.idx-customer .swiper-slide:nth-child(3n+2) .more{background:#ffd800;color:#fff;}
.idx-customer .swiper-slide:nth-child(3n+2) .item:hover{background:#ffd800;}
.idx-customer .swiper-slide:nth-child(3n+2) .item:hover .more{background:#fff;color:#ffd800;}


.idx-customer .swiper-slide:nth-child(3n+3) .item:before{background-image:url(../images/idx_14.png);}
.idx-customer .swiper-slide:nth-child(3n+3) .more{background:#007aff;color:#fff;}
.idx-customer .swiper-slide:nth-child(3n+3) .item:hover{background:#007aff;}
.idx-customer .swiper-slide:nth-child(3n+3) .item:hover .more{background:#fff;color:#007aff;}




.idx-send{background:#121214;border-top:5px solid #000;}






@media screen and (min-width:1401px) and (max-width:1710px){
.head .auto{width:96%;}
	.hd-nav li{margin:0 17px;}

	.hd-lang .font{font-size:16px;}
	.hd-lang .font::before{font-size:26px;}

}
@media screen and (min-width:1401px) and (max-width:1530px){




	.idx-network .map{width:1150px;}
	.idx-network .item1{width:510px;left:0;top:0;}
	.idx-network .item2{width:150px;left:250px;top:317px;}
	.idx-network .item3{width:140px;right:468px;top:89px;z-index:5;}
	.idx-network .item4{width:210px;right:423px;bottom:198px;}
	.idx-network .item5{width:530px;right:0;top:30px;}

	.idx-network .dot{width:20px!important;height:20px!important;}
	.idx-network .dot:before{width:5px!important;height:5px!important;border-width:1px;}


	.idx-network .grp1-1{top:75px;right:100px;}
	.idx-network .grp1-2{top:180px;left:195px;}
	.idx-network .grp1-3{top:235px;left:170px;}
	.idx-network .grp1-4{top:215px;left:265px;}

	.idx-network .grp2-1{top:65px;left:58px;}

	.idx-network .grp3-1{top:120px;right:35px;}

	.idx-network .grp4-1{top:60px;left:45px;}

	.idx-network .grp5-1{top:160px;left:70px;}
	.idx-network .grp5-1 .dot{width:32px;height:32px;}

	.idx-network .grp5-2{top:185px;left:180px;}
	.idx-network .grp5-3{top:275px;left:190px;}
	.idx-network .grp5-3 .dot{width:34px;height:34px;}
	.idx-network .grp5-3 .dot:before{width:10px;height:10px;}

	.idx-network .grp5-4{top:85px;right:245px;}
	.idx-network .grp5-4 .dot{width:40px;height:40px;}
	.idx-network .grp5-4 .dot:before{width:10px;height:10px;}




}

@media screen and (min-width:1261px) and (max-width:1400px){
	.head{height:100px;}
	.head .auto{width:96%;}
	.hd-logo .img{height:70px;}

	.hd-nav li{margin:0 15px;}
	.hd-nav li>a{line-height:100px;}



	.hd-lang .font{font-size:16px;}
	.hd-lang .font::before{font-size:26px;}
	.hd-lang .font::after{font-size:10px;margin-left:4px;}



	.hd-btn{margin-left:20px;}


	.ft-t{gap:8%;}
	.ft-t .menu{gap:30px;}
	.ft-t .col{min-width:200px;}



	.inner-ban{height:500px;}
	.inner-ban .bt{font-size:58px;}

	.banner .bt{font-size:58px;}
	.banner .txt{font-size:22px;}


	.pub-tt .bt{font-size:55px;}



	/* about */
	.us-top .list .num{font-size:54px;}

	.us-group .list{gap:35px;}
	.us-group .list .info{padding:20px 25px;}
	.us-group .list .title{font-size:20px;}

	.us-service .list .item{padding: 50px;}

	.us-market .info{padding-top:40px;}

	.us-partner .list{gap:45px;}
	.us-partner .contact .t-tit{font-size:72px;}
	.us-partner .contact .more{font-size:24px;width: 340px;height: 80px;}


	/* product */
	.cp-list{grid-template-columns: repeat(2, minmax(0, 1fr));}


	/* productdetail */
	.cp-video .videobox{height:500px;}
	.cp-video .videobox .playicon{width:100px;height:100px;}


	/* index */
	.idx-top .list .title{font-size:22px;}




	.idx-network .map{width:1000px;height:560px;}
	.idx-network .item1{width:490px;}
	.idx-network .item2{width:130px;left:242px;top:307px;}
	.idx-network .item3{width:120px;right:442px;top:98px;}
	.idx-network .item4{width:190px;right:400px;bottom:120px;}
	.idx-network .item5{width:500px;}

	.idx-network .dot{width:20px!important;height:20px!important;}
	.idx-network .dot:before{width:5px!important;height:5px!important;border-width:1px;}


	.idx-network .grp1-1{top:75px;right:100px;}
	.idx-network .grp1-2{top:180px;left:195px;}
	.idx-network .grp1-3{top:235px;left:170px;}
	.idx-network .grp1-4{top:215px;left:265px;}

	.idx-network .grp2-1{top:65px;left:58px;}

	.idx-network .grp3-1{top:105px;right:30px;}

	.idx-network .grp4-1{top:55px;left:45px;}

	.idx-network .grp5-1{top:145px;left:70px;}
	.idx-network .grp5-1 .dot{width:32px;height:32px;}

	.idx-network .grp5-2{top:140px;left:135px;}
	.idx-network .grp5-3{top:235px;left:170px;}
	.idx-network .grp5-3 .dot{width:34px;height:34px;}
	.idx-network .grp5-3 .dot:before{width:10px;height:10px;}

	.idx-network .grp5-4{top:85px;right:245px;}
	.idx-network .grp5-4 .dot{width:40px;height:40px;}
	.idx-network .grp5-4 .dot:before{width:10px;height:10px;}






}



@media (max-width:1260px){
	.auto{width:92%;}
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 40px;height: 40px;margin-top: -20px;display: flex;align-items: center;justify-content: center;font-size: 28px;}
	.sj-menu::after{content:'\e790';font-family: 'iconfont';}
	.sj-menu.close::after{content:'\eca0';}



	/* 公共部分 */
	.head{height:85px;position: sticky;backdrop-filter: initial;}
	.head .r{margin-right:40px;}
	.head.bg{background: rgba(20, 21, 24, 1);}

	.hd-logo .img{height:60px;}

	.hd-lang .font{font-size:16px;}
	.hd-lang .font::before{font-size:24px;}
	.hd-lang .font::after{font-size:10px;}

	.hd-btn{margin-left:20px;font-size:15px;}


	.hd-nav{position: fixed;width: 100%;left: 0;top: 85px;bottom: 0;overflow-y: scroll;background-color: #fff;display: none;}
	.hd-nav li{display: block;margin: 0;border-bottom:1px solid #efefef;position: relative!important;}
	.hd-nav li>a{line-height: 70px;padding:0 4%;color:#000;}
	.hd-nav li>a::after{display: none;}
	.hd-nav li:hover>a, .hd-nav li.cur>a{color:#007aff;}


	.hd-nav li:hover .drop{opacity: 0;visibility: hidden;transform: scaleY(0);}
	.hd-nav .drop{width: 100%;padding: 0 0 0 6%;margin: 0;transition: all 0s;box-shadow:none;}
	.hd-nav .drop.show{opacity: 1!important;visibility: visible!important;transform: translate(0)  scaleY(1)!important;position: static!important;}

	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;font-size: 24px;color:#000;}
	.hd-nav .arrow::after{content:'\e772';font-family: 'iconfont';}
	.hd-nav .arrow.this{transform: rotate(180deg);}


	.hd-nav .drop .tit{padding:0 25px 0 0;line-height:70px;border-top:1px solid #efefef;}
	.hd-nav .drop .tit::after{font-weight: normal;}
	.hd-nav .drop .tit.this::after{transform: rotate(-90deg);}

	.hd-nav .drop .subdrop{position: static;box-shadow:none;width:100%;transform: translate(0,0);}

	.hd-nav .drop .lk{line-height: 60px;padding:0 0 0 15px;text-align: left;border-top:1px solid #efefef;}
	.hd-nav .drop .lk:before{content:'';display: inline-block;vertical-align: middle;width:6px;height:6px;background:#999;border-radius:50%;margin-right:20px;}
	.hd-nav .drop .row:hover .subdrop{display: none;}




	.ft-t{display: block;padding: 55px 0 55px;}
	.ft-t .tit{font-size:22px;}
	.ft-t .info{width:80%;max-width:100%;margin-bottom:50px;}
	.ft-t .social{margin-top:30px;gap: 25px;}

	.ft-t .col{width:47%;max-width:100%;}




	.shadow{box-shadow: 4px 4px 0 #000;}


	/* about */
	.inner-ban{height:400px;}
	.inner-ban .box{padding-top:85px;}
	.inner-ban .bt{font-size:48px;}


	.banner .bt{font-size:48px;}
	.banner .txt{font-size:20px;}



	.us-top .list{gap:30px;}
	.us-top .list .item{padding:50px 0 35px;}
	.us-top .list .num{font-size:40px;}


	.pub-tt .bt{font-size:46px;}


	.us-group .list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.us-group .list .title{font-size:28px;}


	.us-service .list{gap: 40px;grid-template-columns: repeat(2, minmax(0, 1fr));}
	.us-service .list .item{padding:50px;}


	.us-market .detail{display: block;}
	.us-market .imgbox{width:100%;margin-top:50px;}

	.us-partner .list{gap: 40px;grid-template-columns: repeat(3, minmax(0, 1fr));}

	.us-partner .contact .t-tit{font-size:50px;}
	.us-partner .contact .txt{font-size:22px;margin-top:15px;}
	.us-partner .contact .more{font-size:20px;width: 280px;height: 80px;border-radius:20px;}


	/* contact */
	.contact-top .list .icon{width:88px;}
	.contact-top .list .title{font-size:24px;}


	.contact-send{border-top:0;}
	.contact-send .detail{border-radius:60px;}
	.contact-send .form .submit{font-size:22px;height:66px;}


	/* factories */
	.fac-main{padding:100px 0;}

	.fac-list .item{border-radius:26px;}
	.fac-list .item:nth-child(odd){box-shadow: 6px 6px 0 #000;}
	.fac-list .item:nth-child(even){box-shadow: -6px 6px 0 #000;}


	/* factoriesdetail */
	.fac-det .detail{display: block;}
	.fac-det .imgbox{width:100%;border-radius: 24px;margin:0 auto 35px;}


	/* product */
	.cp-main .wrap{gap:35px;}
	.cp-l{width:310px;}

	.cp-menu .bt{padding:0;justify-content: center;height: 80px;font-size:20px;}

	.cp-list{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 30px;}



	/* productdetail */
	.cp-top{column-gap: 50px;}
	.cp-top .title{font-size:24px;margin-bottom: 25px;}
	.cp-top .button{height:60px;margin-top:30px;}

	.cp-effect .list{padding:0;gap:15px;}

	.cp-video .videobox{height:450px;}
	.cp-video .videobox .playicon{width:80px;height:80px;}


	/* customization */
	.cus-sec{box-shadow: 8px 8px 0 #000;}
	.cus-sec .t-tit{font-size:28px;}
	.cus-sec .opts .sel{width:20px;height:20px;}
	.cus-sec .submit{font-size:18px;}

	.cus-step{width:880px;margin: 0 auto 50px;}
	.cus-step .grp::after{width:250px;}
	.cus-step .grp:first-child::after{width:320px;}



	/* index */
	.idx-ban .item{height:500px;}
	.idx-ban .title{font-size:50px;}
	.idx-ban .btngrp{margin-top:40px;}
	.idx-ban .lk{min-width: 200px;height: 56px;border-width:3px;box-shadow: 3px 3px 0 #000;}
	.idx-ban .swiper-pagination{bottom:30px;}
	.idx-ban .swiper-pagination-bullet{width:7px;height:7px;}
	.idx-ban .swiper-pagination-bullet-active{width:35px;}



	.idx-top{padding:60px 0;}
	.idx-top .list{gap:20px;}
	.idx-top .list .icon{height:86px;}
	.idx-top .list .title{font-size:20px;}
	.idx-top .list .font{font-size:16px;}

	.idx-core .item{border-radius: 24px;}
	.idx-core .item .imgbox{height:280px;}
	.idx-core .item .bq{left:20px;top:20px;}
	.idx-core .item .top{padding:18px 0;}
	.idx-core .item .title{font-size:22px;}
	.idx-core .item .bot{padding:20px 0;}

	.idx-network .detail{border-radius: 50px;}

	.idx-brand .bq{font-size:16px;}
	.idx-brand .list li{padding: 25px 20px;min-height:180px;}
	.idx-brand .list .title{font-size:24px;}
	.idx-brand .list .icon{height:50px;}


	.idx-customer{padding:110px 0;}
	.idx-customer .swiper-slide{width:600px;}
	.idx-customer .item{padding: 40px 50px 40px;border-radius: 28px;}
	.idx-customer .item:before{width:60px;height:60px;}
	.idx-customer .item .txt{font-size:24px;}





	.idx-network .map{width:880px;}
	.idx-network .item1{width:410px;left:0;top:0;}
	.idx-network .item2{width:100px;left:200px;top:270px;}
	.idx-network .item3{width:100px;right:355px;top:80px;z-index:5;}
	.idx-network .item4{width:150px;right:323px;bottom:320px;}
	.idx-network .item5{width:400px;right:0;top:30px;}

	.idx-network .dot{width:14px!important;height:14px!important;}
	.idx-network .dot:before{width:4px!important;height:4px!important;}


	.idx-network .grp1-1{top:65px;right:80px;}
	.idx-network .grp1-2{top:150px;left:155px;}
	.idx-network .grp1-3{top:190px;left:150px;}
	.idx-network .grp1-4{top:180px;left:225px;}

	.idx-network .grp2-1{top:45px;left:45px;}

	.idx-network .grp3-1{top:90px;right:30px;}

	.idx-network .grp4-1{top:50px;left:60px;}

	.idx-network .grp5-1{top:120px;left:60px;}
	.idx-network .grp5-2{top:150px;left:120px;}
	.idx-network .grp5-3{top:185px;left:140px;}
	.idx-network .grp5-4{top:60px;right:175px;}



}

@media (max-width:991px){


	.shadow{box-shadow: 3px 3px 0 #000;}


	/* about */
	.inner-ban{height:340px;}
	.inner-ban .box{padding-top:80px;}
	.inner-ban .bt{font-size:44px;}


	.banner .bt{font-size:44px;}
	.banner .txt{font-size:18px;}




	.us-top .list{gap:30px;grid-template-columns: repeat(2, minmax(0, 1fr));}
	.us-top .list .item{padding:50px 0;}


	.pub-tt .bt{font-size:40px;}


	.us-group .list{gap: 30px;}
	.us-group .list .item{border-radius:24px;}
	.us-group .list .title{font-size:26px;}


	.us-service .list{gap: 35px;}
	.us-service .list .item{padding:40px 40px;border-radius:24px;}
	.us-service .list .icon{height:66px;}
	.us-service .list .title{font-size:22px;}


	.us-market .smtit{font-size:22px;}
	.us-market .imgbox{border-radius:24px;}

	.us-partner .list{gap: 30px;}
	.us-partner .list .item{height:100px;box-shadow: 3px 3px 0 #000;border-radius: 16px;}


	.us-partner .contact .t-tit{font-size:40px;}
	.us-partner .contact .txt{font-size:20px;margin-top:15px;}
	.us-partner .contact .more{font-size:20px;width: 240px;height: 65px;border-radius:14px;}



	/* contact */
	.contact-top .list{flex-wrap:wrap;gap:50px;}
	.contact-top .list .item{width:calc(50% - 25px);}
	.contact-top .list .icon{width:80px;}
	.contact-top .list .title{font-size:22px;}
	.contact-top .list .font{font-size:16px;}


	.contact-send .detail{border-radius:30px;padding: 70px 0;}
	.contact-send .form .submit{font-size:20px;}



	/* factories */
	.fac-main{padding:100px 0;}

	.fac-list .item{display: block;margin-bottom: 40px;}
	.fac-list .imgbox{width:100%;}
	.fac-list .info{width:100%;padding:45px 40px;}
	.fac-list .title{font-size:26px;margin:20px 0 20px;}


	/* factoriesdetail */
	.fac-det .imgbox{margin:0 auto 35px;height:450px;}
	.fac-det .title{font-size:25px;}



	/* product */
	.cp-main .wrap{display: block;}
	.cp-l{width:100%;margin-bottom:35px;}

	.cp-menu .bt{padding:0;justify-content: space-between;height: 80px;font-size:20px;padding:0 30px;border:0;}
	.cp-menu .bt::after{content:'\e772';font-family: 'iconfont';}

	.cp-menu .close{width:40px;height:40px;position: absolute;left:440px;top:15px;color:#fff;font-size:24px;}
	.cp-menu .close::after{content:'\eca0';font-family: 'iconfont';}
	.cp-menu .menudrop{position: fixed;width:100%;left:0;top:0;bottom:0;background:rgba(0,0,0,.6);z-index:101;transform: translate(-100%,0);transition: all 0.2s;}
	.cp-menu .menudrop.show{transform: translate(0,0);}
	.cp-menu .list{width:400px;height:100%;background:#222223;overflow-y: scroll;}
	.cp-menu .list .item:first-child{margin-top:0;}
	.cp-menu .list .lk{min-height:auto;padding:5px 20px;}
	.cp-menu .list .title{line-height: 1.6;}
	.cp-menu .list .drop{padding:5px 0 5px 10px;}

	.cp-list{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 30px;}



	/* productdetail */
	.cp-top{display: block;}
	.cp-top .imgbox{width:100%;margin-bottom:25px;}

	.cp-mod{margin-top:50px;}
	.cp-mod .t-tit::after{height:6px;}

	.cp-effect .list{padding:0;gap:15px;}


	/* customization */
	.cus-sec{box-shadow: 3px 3px 0 #000;padding: 50px 5%;border-radius: 35px;}
	.cus-sec .t-tit{font-size:28px;}
	.cus-sec .smtit{margin-bottom:30px;}
	.cus-sec .opts{gap:20px;}
	.cus-sec .opts .opt{font-size:16px;}
	.cus-sec .opts .sel{width:18px;height:18px;}
	.cus-sec .group2 .opts .label{width: calc(50% - 15px);}
	.cus-sec .submit{font-size:18px;}



	.cus-step{width:680px;margin: 0 auto 50px;}
	.cus-step .grp::after{width:180px;}
	.cus-step .grp:first-child::after{width:250px;}





	/* index */
	.idx-ban .item{height:440px;}
	.idx-ban .title{font-size:42px;}
	.idx-ban .btngrp{margin-top:40px;}
	.idx-ban .lk{min-width: 190px;height: 50px;box-shadow: 1px 1px 0 #000;font-size:15px;}
	.idx-ban .swiper-pagination{bottom:20px;}
	.idx-ban .swiper-pagination-bullet-active{width:30px;}



	.idx-top{padding:60px 0;}
	.idx-top .list{gap:0;flex-wrap:wrap;row-gap: 35px;}
	.idx-top .list li{width:50%;}
	.idx-top .list .icon{height:76px;border-radius: 10px;box-shadow: 2px 2px 0 #000;}


	.idx-core .top-bq{margin-bottom:20px;border-width:2px;line-height: 36px;}
	.idx-core .arrs{gap:20px;}
	.idx-core .swiper-button{width:44px;height:44px;font-size: 20px;border-radius:6px;}


	.idx-core .detail{width:92%;margin:0 auto;}
	.idx-core .item{border-radius: 24px;}
	.idx-core .item .imgbox{height:240px;}

	.idx-network{padding:100px 0;}
	.idx-network .detail{border-radius: 24px;padding: 40px 20px;}

	.idx-brand{padding: 100px 0;border-width:3px;}
	.idx-brand .detail{display: block;}
	.idx-brand .info{width:100%;margin-bottom:60px;}
	.idx-brand .readmore{margin-top:30px;}
	.idx-brand .list li:nth-child(even){margin-top:0;}

	.idx-brand .list li{padding: 25px 30px;min-height:auto;}
	.idx-brand .list .title{font-size:22px;}


	.idx-customer{padding:100px 0;border-width:3px;}
	.idx-customer .swiper-slide{width:480px;}
	.idx-customer .item{padding: 20px 30px 40px;border-radius: 20px;}
	.idx-customer .item:before{width:50px;height:50px;right:30px;}
	.idx-customer .item .txt{font-size:20px;line-height:28px;height:112px;-webkit-line-clamp: 4;}



	.idx-network .map{width:620px;height:340px;}
	.idx-network .item1{width:310px;left:0;top:0;}
	.idx-network .item2{width:80px;left:155px;top:195px;}
	.idx-network .item3{width:82px;right:265px;top:48px;z-index:5;}
	.idx-network .item4{width:120px;right:239px;bottom:auto;top:149px;}
	.idx-network .item5{width:300px;right:0;top:20px;}

	.idx-network .dot{width:14px!important;height:14px!important;}
	.idx-network .dot:before{width:4px!important;height:4px!important;}


	.idx-network .grp1-1{top:45px;right:53px;}
	.idx-network .grp1-2{top:100px;left:115px;}
	.idx-network .grp1-3{top:140px;left:110px;}
	.idx-network .grp1-4{top:130px;left:160px;}

	.idx-network .grp2-1{top:35px;left:35px;}

	.idx-network .grp3-1{top:70px;right:25px;}

	.idx-network .grp4-1{top:30px;left:40px;}

	.idx-network .grp5-1{top:90px;left:35px;}
	.idx-network .grp5-2{top:100px;left:80px;}
	.idx-network .grp5-3{top:135px;left:100px;}
	.idx-network .grp5-4{top:45px;right:135px;}

	.idx-network .drop{display: none!important;}


}

@media (max-width:767px) {
	body{font-size:15px;line-height:1.4;}


	.sj-menu.close{font-size:24px;}


	.head{height:70px;}
	.hd-logo .img{height:50px;}
	.hd-lang{margin-right:10px;}
	.hd-lang .font{font-size:14px;}
	.hd-lang .font::before{font-size:20px;margin-right:3px;}
	.hd-lang .font::after{margin-left:4px;font-size:10px;}


	.hd-btn{padding:5px 0;font-size:14px;line-height:1.2;min-width:1px;width:75px;margin-left:10px;display: none;}

	.hd-nav{top:70px;}
	.hd-nav li>a{font-size:16px;line-height: 60px;}
	.hd-nav .arrow{width:60px;height:60px;font-size:18px;}
	.hd-nav .drop .tit{line-height: 60px;font-size:16px;padding: 0 20px 0 0;}
	.hd-nav .drop .lk{line-height: 55px;}
	.hd-nav .drop .lk:before{width:4px;height:4px;margin-right:10px;}




	.ft-t{padding: 50px 0 55px;}
	.ft-t .logo{height:80px;}
	.ft-t .info{width:100%;}
	.ft-t .social{margin-top:20px;gap: 20px;}
	.ft-t .social .icon{width:42px;height:42px;font-size: 20px;box-shadow: 2px 0 0 #fff;}

	.ft-t .tit{font-size:22px;padding-bottom:8px;}
	.ft-t .lks .email{font-size:18px;}

	.ft-t .col{width:100%;margin-bottom:50px;}
	.ft-t .col:last-child{margin-bottom:0;}



	.shadow{box-shadow: 2px 2px 0 #000;}


	/* about */
	.inner-ban{height:280px;}
	.inner-ban .box{padding-top:65px;}
	.inner-ban .bt{font-size:34px;}


	.banner{padding:50px 0;}
	.banner .tag{padding: 0 16px;border-width:2px;border-radius: 10px;line-height: 44px;}
	.banner .tag .ico{width:24px;}
	.banner .bt{font-size:34px;}
	.banner .txt{font-size:16px;}

	.us-top .list{gap:20px;grid-template-columns: repeat(2, minmax(0, 1fr));}
	.us-top .list .item{padding:30px 0;border-radius: 20px;}
	.us-top .list .num{font-size:30px;}
	.us-top .list .text{font-size:14px;}


	.pub-tt{margin-bottom:25px;}
	.pub-tt .bt{font-size:30px;line-height:1.1;}


	.us-group .list{gap: 30px;grid-template-columns: repeat(1, minmax(0, 1fr));}
	.us-group .list .item{}
	.us-group .list .info{padding:25px 25px;}
	.us-group .list .txt{height:auto;}
	.us-group .list .title{font-size:24px;}


	.us-service{padding:50px 0;}
	.us-service .list{gap: 25px;grid-template-columns: repeat(1, minmax(0, 1fr));}
	.us-service .list .item{padding:30px 30px;}
	.us-service .list .icon{height:66px;}
	.us-service .list .title{font-size:22px;}

	.us-market .info{padding-top:40px;}
	.us-market .smtit{font-size:18px;padding-left: 20px;margin-bottom: 30px;}
	.us-market .smtit:before{width:5px;}
	.us-market .imgbox{margin-top:35px;}

	.us-partner .list{gap: 20px;grid-template-columns: repeat(2, minmax(0, 1fr));}
	.us-partner .list .item{height:80px;box-shadow: 2px 2px 0 #000;border-radius: 10px;}

	.us-partner .contact{margin-top:70px;}
	.us-partner .contact .t-tit{font-size:30px;}
	.us-partner .contact .txt{font-size:18px;margin-top:15px;}
	.us-partner .contact .more{font-size:18px;width: 220px;height: 60px;}



	/* contact */
	.contact-top{padding:60px 0;}
	.contact-top .list .icon{width:70px;}
	.contact-top .list .title{font-size:20px;}
	.contact-top .list .font{font-size:16px;}

	.contact-send{padding:60px 0;}
	.contact-send .detail{border-radius:16px;padding: 35px 10px;}
	.contact-send .form .row{display: block;}
	.contact-send .form .item{width:100%;margin-bottom:15px;}
	.contact-send .form .ipt-txt, .contact-send .form .select{height:46px;line-height: 46px;}
	.contact-send .form .submit{font-size:18px;height:55px;margin-top:35px;}




	/* factories */
	.fac-main{padding:60px 0;}

	.fac-list .item{margin-bottom: 30px;}
	.fac-list .imgbox{height:280px;border:0!important;}
	.fac-list .info{padding:35px 25px;}
	.fac-list .num{width:45px;height:45px;border-radius:10px;font-size:20px;box-shadow: 1px 1px 0 #000;}
	.fac-list .title{font-size:24px;margin:20px 0 20px;}
	.fac-list .txt{max-width:100%;}
	.fac-list .fz{padding-left: 28px;}
	.fac-list .fz:before{width:18px;height:18px;}
	.fac-list .item:nth-child(odd){box-shadow: 3px 3px 0 #000;}
	.fac-list .item:nth-child(even){box-shadow: -3px 3px 0 #000;}


	/* factoriesdetail */
	.fac-det{padding:70px 0;}
	.fac-det .imgbox{height:340px;}
	.fac-det .title{font-size:22px;}


	/* product */
	.cp-main{padding:60px 0;}
	.cp-menu{border-radius: 14px;}
	.cp-menu .bt{height: 65px;font-size:20px;padding:0 20px;}
	.cp-menu .bt::after{content:'\e772';font-family: 'iconfont';}

	.cp-menu .close{left:88%;}
	.cp-menu .list{width:80%;}

	.cp-list{grid-template-columns: repeat(1, minmax(0, 1fr));gap: 25px;}
	.cp-list .info{padding:20px 10px;}
	.cp-list .imgbox{height:260px;}
	.cp-list .title{font-size:18px;}



	/* productdetail */
	.cp-det{padding:60px 0 0;}
	.cp-top .imgbox{height: 360px;margin-bottom:20px;}
	.cp-top .title{font-size:22px;}
	.cp-top .button{box-shadow: 2px 2px 0 #000;}

	.cp-mod{margin-top:50px;}
	.cp-mod .t-tit{margin-bottom:20px;font-size: 22px;padding-bottom: 10px;}
	.cp-mod .t-tit::after{height:4px;width:50px;bottom:-2px;}

	.cp-effect .list{padding:0;gap:0;flex-wrap:wrap;row-gap: 25px;}
	.cp-effect .list .item{width:33.3%;padding:0 10px;}
	.cp-effect .list .icon{height:50px;}

	.cp-spec .table{border-radius:12px;}
	.cp-spec .table th, .cp-spec .table td{padding: 12px 5px 12px 10px;}
	.cp-spec .table th{font-size:15px;}
	.cp-spec .table td{font-size:13px;}

	.cp-video .videobox{height:250px;border-radius: 18px;}
	.cp-video .videobox .playicon{width: 50px;height: 50px;}



	/* customization */
	.cus-own{padding:60px 0;}
	.cus-own .top-bq{margin-bottom: 15px;}

	.cus-step{padding:0;margin: 50px auto 40px;}
	.cus-step{width:100%;}
	.cus-step .grp::after{width:180px;display: none!important;}
	.cus-step .num{font-size:14px;width:36px;height:36px;box-shadow:none;border-width:2px;}
	.cus-step::after{height:3px;top: 18px;}


	.cus-sec{box-shadow: 2px 2px 0 #000;padding: 30px 6%;border-radius: 20px;}
	.cus-sec .t-tit{font-size:22px;}
	.cus-sec .smtit{margin-bottom:20px;}
	.cus-sec .opts{gap:10px;}
	.cus-sec .opts .opt{font-size:15px;padding: 10px 18px;}
	.cus-sec .opts .sel{width:14px;height:14px;}
	.cus-sec .opts .label{width: 100%!important;border-width:2px;}
	.cus-sec .tips{margin-top:15px;}
	.cus-sec .opts .ipt{border-width:2px;}
	.cus-sec .group{margin-bottom:40px;}
	.cus-sec .group2{padding-bottom:30px;}
	.cus-sec .submit{font-size:16px;width: 160px;height: 54px;border-radius: 12px;}







	/* index */
	.idx-ban .item{height:300px;}
	.idx-ban .title{font-size:28px;}
	.idx-ban .btngrp{margin-top:25px;gap:15px;}
	.idx-ban .lk{min-width: 145px;height: 42px;box-shadow: 1px 1px 0 #000;font-size:14px;padding:0 10px;}
	.idx-ban .swiper-pagination{bottom:15px;padding:0;background:none;border:0;gap:10px;}
	.idx-ban .swiper-pagination-bullet-active{width:24px;}


	.idx-top{padding:50px 0;}
	.idx-top .list{row-gap: 25px;}
	.idx-top .list .icon{height:56px;border-radius: 8px;box-shadow: 1px 1px 0 #000;}
	.idx-top .list .title{font-size:17px;}

	.idx-core{padding:60px 0;}
	.idx-core .arrs{top:3px;bottom:auto;gap:15px;}
	.idx-core .swiper-button{width:36px;height:36px;font-size: 14px;}
	.idx-core .item{border-radius: 18px;}
	.idx-core .item .title{font-size:20px;}


	.idx-network{padding:30px 0 60px;}
	.idx-network .detail{border-radius: 24px;padding: 0;border:0;background:none;}

	.idx-brand{padding: 60px 0;border-width:2px;}
	.idx-brand .readmore{margin-top:20px;font-size:16px;line-height: 50px;}
	.idx-brand .list{gap:16px;}
	.idx-brand .list li{width: calc(50% - 8px);padding: 25px 30px;min-height:auto;border-radius:14px;text-align: center;border-width:1px;}
	.idx-brand .list .title{font-size:18px;}


	.idx-customer{padding:60px 0;border-width:2px;}
	.idx-customer .detail{width:92%;margin:0 auto;}
	.idx-customer .swiper-slide{width:100%;}
	.idx-customer .item{padding: 20px 30px 40px;border-radius: 14px;}
	.idx-customer .item:before{width:30px;height:30px;right:30px;}
	.idx-customer .item .top{padding-bottom:15px;margin-bottom:20px;}
	.idx-customer .item .name{font-size:22px;}
	.idx-customer .item .wz{font-size:14px;}
	.idx-customer .item .txt{font-size:18px;line-height:26px;height:104px;-webkit-line-clamp: 4;}
	.idx-customer .swiper-pagination{margin-top:25px;}
	.idx-customer .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px!important;}



	.idx-network .map{width:320px;height:170px;}
	.idx-network .item1{width:140px;}
	.idx-network .item2{width:40px;left:67px;top:87px;}
	.idx-network .item3{width:45px;right:122px;top:16px;z-index:5;}
	.idx-network .item4{width:90px;right:110px;bottom:auto;top:64px;}
	.idx-network .item5{width:140px;right:0;top:10px;}

	.idx-network .dot{width:7px!important;height:7px!important;}
	.idx-network .dot:before{width:3px!important;height:3px!important;border-width:0!important;}


	.idx-network .grp1-1{top:15px;right:25px;}
	.idx-network .grp1-2{top:45px;left:45px;}
	.idx-network .grp1-3{top:60px;left:47px;}
	.idx-network .grp1-4{top:55px;left:70px;}

	.idx-network .grp2-1{top:15px;left:15px;}

	.idx-network .grp3-1{top:40px;right:10px;}

	.idx-network .grp4-1{top:25px;left:25px;}

	.idx-network .grp5-1{top:35px;left:20px;}
	.idx-network .grp5-2{top:45px;left:35px;}
	.idx-network .grp5-3{top:65px;left:45px;}
	.idx-network .grp5-4{top:22px;right:60px;}



}