body{overflow-x:hidden;}

/*导航*/
.header:hover,.header.headerfix {
  background-color: rgba(0, 0, 0, 0.2);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);
  box-shadow: 0 0 2.8rem 0 rgba(181, 181, 181, 0.33);
  -webkit-box-shadow: 0 0 2.8rem 0 rgba(181, 181, 181, 0.33);
  border-bottom: none;
}
.header,.headerfix{font-size:1.8rem;width:100%;height:10rem;color:#000;text-align:center;position:absolute;z-index:999;top:0;left:0;-webkit-transition:all .5s linear;
transition:all .5s linear}
.header img,.headerfix img{max-width:100%;max-height:100%}
.header .mask,.headerfix .mask{display:block;position:fixed;width:100%;height:100vw;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.header a,.headerfix a{color:#fff}
.header>.container,.headerfix>.container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;}
.header .logo,.headerfix .logo{z-index:1;float:left;display:block;position:relative;top:3rem;left:0;-webkit-transition:all .5s;transition:all .5s}
.header .logo img,.headerfix .logo img{vertical-align:middle;position:relative}
.header .logo .img2,.headerfix .logo .img2{display:none}

.header .searchDiv,.headerfix .searchDiv{width:20rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:1rem;position:relative}
.header .searchDiv input[type=text],.headerfix .searchDiv input[type=text]{width:100%;border-radius:1.8rem;line-height:3.4rem;height:3.6rem;padding:0 3.5rem 0 1.5rem;background:#fff;border:.1rem #fff solid}
.header .searchBtn,.headerfix .searchBtn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;
-ms-flex-pack:center;justify-content:center;width:2.7rem;height:2.7rem;cursor:pointer;z-index:1;right:10.5rem;
position: absolute;  /* 新增绝对定位 */
    top: 28%;            /* 顶部50% */
    transform: translateY(-34%);
}
.header .searchBtn .icon,.headerfix .searchBtn .icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.header .searchBtn svg,.headerfix .searchBtn svg{fill:#fff;width:2.7rem;height:2.7rem;margin:auto}
.header .searchBtn:hover svg,.headerfix .searchBtn:hover svg{fill:linear-gradient(90deg,#2563eb,#a855f7,#f97316);}
.header .language,.headerfix .language{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;
align-items:center;position:relative;font-size:1.8rem;width:8.3rem;height:4.8rem;background-color:rgba(0,0,0,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6rem;position:relative;cursor:pointer;user-select:none;overflow:hidden;background-image:linear-gradient(90deg,#2563eb,#a855f7,#f97316);background-blend-mode:overlay}

.header .rightInfo,.headerfix .rightInfo{margin-top:2.6rem;position: relative;}


.header .language .en-text,.headerfix .language .en-text{position:absolute;left:1.2rem;color:#fff;z-index:1}
.header .language .cn-text,.headerfix .language .cn-text{position:absolute;right:.5rem;width:3.2rem;height:3.2rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;z-index:2}



.header .btn-1,.headerfix .btn-1{display:inline-block;text-align:center;color:#fff;min-width:14.4rem;line-height:10rem;padding:0 1rem;background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);;margin-left:6rem;position:relative}
.header .btn-1::before,.headerfix .btn-1::before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.8),rgba(255,255,255,0) 70%);top:0;left:-100px;opacity:.6}
.header .btn-1:hover::before,.headerfix .btn-1:hover::before{-webkit-animation:shine 1.5s ease-out infinite;animation:shine 1.5s ease-out infinite;-webkit-transform:scale(1.05);transform:scale(1.05)}
@media screen and (max-width:1600px){
.header .logo img, .headerfix .logo img{max-width: 160px;}

}
@media screen and (max-width:1280px){.header,.headerfix{padding-left:0}
}
@media screen and (max-width:1140px){
   
.header,.headerfix{background:#fff;font-size:14px;height:8rem;position:-webkit-sticky;position:sticky;top:0;left:0;padding-left:0}

.header .logo .img1,.headerfix .logo .img1{display:none}
.header .logo .img2,.headerfix .logo .img2{display:block}
.header>.container,.headerfix>.container{width:100%;max-width:100%;height:60px}
.header .other,.headerfix .other{display:none}
.header .common-nav,.headerfix .common-nav{display:none}
.header .navPhoneBtn,.headerfix .navPhoneBtn{display:block;right:5vw}
.header .searchBtn,.headerfix .searchBtn{display:none}
.header .language,.headerfix .language{display:none}

}
.common-nav{margin-left:40rem;margin-right:auto;display:inline-block;vertical-align:top;text-align:center}
.common-nav>.listNav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.common-nav>.listNav>li{text-align:center;float:left;position:relative}
.common-nav>.listNav>li.li-static{position:static}
.common-nav>.listNav>li>a{font-size:1.8rem;color:#fff;height:10rem;padding:0rem 2.7rem;line-height:10rem;z-index:1;display:inline-block;vertical-align:middle;position:relative}
.common-nav>.listNav>li>a>span{display:block;overflow:hidden;height:10rem;line-height:10rem;position:relative}
.common-nav>.listNav>li>a>span:after{ position:absolute; content:"";left:0;width:auto;height:.3rem; background:#FF6700;bottom:2.2rem;}
.common-nav>.listNav>li>a .txt-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;position:relative}
.common-nav>.listNav>li>a .txt-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;position:relative}
.common-nav>.listNav>li:hover>a{color:#fff}
/*.common-nav>.listNav>li:hover>a .txt-1{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.common-nav>.listNav>li:hover>a .txt-2{-webkit-transform:translateY(-100%);transform:translateY(-100%)}*/
.common-nav>.listNav>li.active>a{color:#fff;}
.common-nav>.listNav>li:hover>a>span:after,.common-nav>.listNav>li.active>a>span::after{width:100%}

.common-nav>.listNav>li.active>a .txt-1{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.common-nav>.listNav>li.active>a .txt-2{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.common-nav .mask{display:none;position:fixed;width:100%;height:100vw;background:rgba(0,0,0,.5);position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.common-nav .active .mask{display:block}

.common-nav .child{width:200%!important;font-size:1.8rem;position:absolute;z-index:9999;top:100%;left:50%!important;transform:translateX(-50%) scaleY(0)!important;transform-origin:top center;transition:.4s ease;background:rgba(0,0,0,0.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.common-nav .child.show{transform:translateX(-50%) scaleY(1)!important}
.common-nav .child .list{padding:0!important;background:rgba(0,0,0,.3);box-shadow:0 6px 18px rgba(0,0,0,.5);border-radius:0!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.common-nav .child .list li{width:100%;border-bottom:1px solid rgba(255,255,255,.3)}
.common-nav .child .list li:last-child{border-bottom:none}
.common-nav .child .list a{width:100%;display:block;color:#fff!important;font-size:1.6rem;line-height:4.5rem;padding:.8rem 2rem!important;position:relative;text-align:left}
.common-nav .child .list a::after{content:"";position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:7px;height:10px;background:url(../images/dhjy.webp) no-repeat center center}
.common-nav .child .list a:hover{background:rgba(255,255,255,.12)}
.common-nav>.listNav>li:nth-child(3) .child,.common-nav>.listNav>li:nth-child(4) .child,.common-nav>.listNav>li:nth-child(5) .child{width:130%!important;left:50%!important;transform:translateX(-50%) scaleY(0)!important;transform-origin:top center}
.common-nav>.listNav>li:nth-child(3) .child.show,.common-nav>.listNav>li:nth-child(4) .child.show,.common-nav>.listNav>li:nth-child(5) .child.show{transform:translateX(-50%) scaleY(1)!important}


.common-nav>.listNav>li:nth-child(4) .child{width:200% !important;}

.common-nav .child .list li{ position:relative;}
.common-nav .child .list .dow_cd{ position:absolute;top:0px; display:none;width: 202px;left:100%;background:rgba(0,0,0,0.5);}
.common-nav .child .list .dow_cd a{border-bottom: 1px solid rgba(255, 255, 255, .3);}
.common-nav .child .list .dow_cd a:hover{background: rgba(255, 255, 255, .12);}


@media screen and (max-width:1280px){
    .header,.headerfix{
        padding-left:0;
        height: 8rem; /* 导航栏整体高度改为 8rem */
    }
    .common-nav>.listNav>li>a{font-size:1.6rem;height:8rem;padding:0 2rem;line-height:8rem;z-index:1;display:inline-block;vertical-align:middle;position:relative}
.common-nav>.listNav>li>a>span{display:block;overflow:hidden;height:8rem;line-height:8rem;position:relative}
.common-nav>.listNav>li .child{width:150%;font-size:1.6rem;color:#333;text-align:center;position:absolute;z-index:9999;top:100%;left:50%;-webkit-transform:translateX(-240%);transform:translateX(-240%);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0) translateX(-50%);transform:scaleY(0) translateX(-50%);-webkit-transition:.4s;transition:.4s;color:#333}
.common-nav>.listNav>li .child.show{-webkit-transform:scaleY(1) translateX(-50%);transform:scaleY(1) translateX(-50%)}
.common-nav>.listNav>li:nth-child(3) .child{width:300%}
.common-nav>.listNav>li:nth-child(6) .child{width:130%}
.common-nav>.listNav>li:nth-child(7) .child{width:180%}
.common-nav{margin-left: 25rem;}
}
@media screen and (max-width:1023px){.common-nav{display:none}

}
/*导航按钮*/
.navPhoneBtn {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  z-index: 11;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 36px;
  text-align: right;
  display: none;
}
.navPhoneBtn span {
  display: block;
  width: 20px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background-image:linear-gradient(90deg,#2563eb,#a855f7,#f97316);
  border-radius: 3px;
  z-index: 1;
  -webkit-transform-origin: 20px;
          transform-origin: 20px;
  -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.5s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.5s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.5s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.5s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.navPhoneBtn span:nth-last-child(2) {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.navPhoneBtn span:last-child {
  margin-bottom: 0;
}
.navPhoneBtn.close,
.navPhoneBtn.closeMember {
  opacity: 1;
  z-index: 10;
}
.navPhoneBtn.close span,
.navPhoneBtn.closeMember span {
  opacity: 1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.navPhoneBtn.close span:nth-last-child(3),
.navPhoneBtn.closeMember span:nth-last-child(3) {
  opacity: 1;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.navPhoneBtn.close span:nth-last-child(2),
.navPhoneBtn.closeMember span:nth-last-child(2) {
  width: 0;
  opacity: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: width .5s;
  transition: width .5s;
}
.navPhoneBtn.close span:last-child,
.navPhoneBtn.closeMember span:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .navPhoneBtn {
    display: block;
  }
}

.common-navM .mask{background:rgba(0,0,0,.2);width:100%;height:100%;position:fixed;z-index:999;top:0;left:0;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.common-navM .navMCon{background-color:#f3f3f3;width:85%;min-width:140px;max-width:440px;height:100%;border-left:1px rgba(0,0,0,.1) solid;padding:10px 20px;font-size:14px;line-height:2;position:fixed;z-index:10002;top:0;bottom:0;right:auto;left:-100%;-webkit-transition:all .5s;transition:all .5s}
.common-navM .navMWrap{overflow-y:auto;padding:10px 20px;position:absolute;top:0;right:0;bottom:0;left:0}
.common-navM.open .mask{display:block}
.common-navM.open .closeBtn{display:block}
.common-navM.open .navMCon{left:0}
.common-navM .closeBtn{display:none;width:48px;height:48px;border-radius:50%;text-align:center;line-height:40px;background-image:linear-gradient(90deg,#2563eb,#a855f7,#f97316);color:#fff;position:absolute;z-index:999;right:-24px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.common-navM .closeBtn:after,.common-navM .closeBtn:before{content:"";display:block;background:#fff;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.common-navM .closeBtn:before{width:16px;height:2px}
.common-navM .closeBtn:after{width:2px;height:16px}
.common-navM .titleBig{text-align:center;padding:10px 0;display:none}
.common-navM .navMWrap>.list em{font-style:initial}
.common-navM .navMWrap>.list .title{padding:10px 0;border-bottom:1px rgba(0,0,0,.1) solid;position:relative}
.common-navM .navMWrap>.list .title .icon{width:40px;height:40px;margin:auto;display:none;position:absolute;top:0;bottom:0;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.common-navM .navMWrap>.list .title .icon:after,.common-navM .navMWrap>.list .title .icon:before{content:"";margin:auto;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .3s ease;transition:all .3s ease}
.common-navM .navMWrap>.list .title .icon:before{width:10px;height:10px;border-top:1px #aaa solid;border-right:1px #aaa solid}
.common-navM .navMWrap>.list .title em{font-style:initial}
.common-navM .navMWrap>.list .has .title .icon{display:block}
.common-navM .navMWrap>.list .active>.title .icon:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.common-navM .navMWrap>.list>li>.title{font-weight:700;font-size:14px}
.common-navM .navMWrap>.list>li>.child>.list>li{text-indent:24px;font-size:14px}
.common-navM .navMWrap>.list>li>.child>.list>li>.child{font-size:14px}
.common-navM .navMWrap>.list>li>.child>.list>li>.child .title{padding-left:20px}
.common-navM .navMWrap>.list>li>.child>.list>li>.title{position:relative}
.common-navM .navMWrap>.list>li>.child>.list>li>.title:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);;position:absolute;top:26px;left:10px}
.common-navM .navMWrap>.list .tb{width:20px;height:20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:absolute;top:7px;left:0}
.common-navM .child{padding:0 0 20px 0;display:none;position:relative}
.common-navM .child a{color:#666;display:block;line-height:28px;padding:5px 0;-webkit-transition:all .5s;transition:all .5s;position:relative}
.common-navM .child a:hover{color:#000;margin-left:10px}
.common-navM .mSearch{padding:10px 0;text-align:left;overflow:hidden;border-bottom:#f3f3f3 1px solid;position:relative}
.common-navM .mSearch .btn{width:26px;height:26px;font-size:0;padding:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;background:none;}
.common-navM .mSearch .btn .icon{width:20px;height:20px;line-height:20px;vertical-align:top}
.common-navM .mSearch input{height:40px;line-height:38px;border:0;vertical-align:middle;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:all .4s cubic-bezier(.11393, .8644, .14684, 1);transition:all .4s cubic-bezier(.11393, .8644, .14684, 1);opacity:1;width:100%;padding:5px 40px 5px 15px;border-radius:2px;font-size:14px;background-color:#fff;position:static;left:0;right:0}
.common-navM .other{padding:10px}
.common-navM .languageBtn{padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:0;column-gap:0}
.common-navM .languageBtn>div{width:auto}
.common-navM .languageBtn .col-2{width:50%}
.common-navM .languageBtn .col-3{width:33.33333333%}
.common-navM .languageBtn .col-4{width:25%}
.common-navM .languageBtn .col-5{width:20%}
.common-navM .languageBtn .col-6{width:16.66666667%}
.common-navM .languageBtn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;line-height:40px;padding:0 10px;text-align:center;border:1px #eee solid;margin-right:-1px;margin-top:-1px;background:#fff}
.common-navM .languageBtn a img{height:16px;-o-object-fit:cover;object-fit:cover;margin-right:10px}

/* ========== 修复后 搜索弹窗样式 ========== */
.header .search {
    z-index: 100;
    position: relative;
}
.header .search-main {
    z-index: 101;
}
.header #search-btn{display:block;}
.header #search-btn .ssphone{ display:none;}
.header .search{z-index:66;position:relative}
.header .btn-search-max{z-index:2;-webkit-transition:All .2s ease-in-out;transition:All .2s ease-in-out;position:relative}
.header .btn-search-max *{display:inline-block;vertical-align:middle}
.header .search-main{top:7.5rem;right:0px;z-index:9;width:340px;display:none;padding: 10px 30px 10px 10px;position:absolute;background-color: #eee;}

.header .search-container{background-color:#fff;padding-left:0;overflow:hidden;position:relative;height:42px;box-shadow:0 0 5px 0 rgba(0,0,0,.1)}
.header .search-container .form-control{text-align:left;border:0;width:100%;font-size:14px;color:#999;line-height:20px;height:42px;vertical-align:top;padding:10px 86px 10px 10px;-webkit-appearance:none;background-color:#fff}
.header .search-container .btn{top:0;right:0;color:#fff;width:42px;height:42px;line-height:42px;text-align:center;position:absolute;cursor:pointer;border-radius:0;border:0;background: url(../images/sousuo.png) no-repeat center center,linear-gradient(90deg,#2563eb,#a855f7,#f97316);}
.header #search-closed{right:0;top:15px;width:30px; height:30px; max-height:inherit; max-width: inherit;position:absolute;cursor:pointer;}





.fixed{ background-color: rgba(0, 0, 0, 0.2);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.fixed,.headerfix{z-index:10000;position:fixed;-webkit-box-shadow:.3rem 0 .7rem rgba(0,38,53,.1);box-shadow:.3rem 0 .7rem rgba(0,38,53,.1); background-color: rgba(0, 0, 0, 0.2);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);color:#fff;}
.fixed .common-nav .listNav>li>a,.headerfix .common-nav .listNav>li>a{color:#fff}
.fixed .common-nav .listNav>li .icon,.headerfix .common-nav .listNav>li .icon{border-color:#030303}
.fixed .common-nav .listNav>li>a .txt-2,.headerfix .common-nav .listNav>li>a .txt-2{color:linear-gradient(90deg,#2563eb,#a855f7,#f97316);}
.fixed .searchBtn svg,.headerfix .searchBtn svg{fill:#999999}
.fixed .shop a,.headerfix .shop a{color:#fff;background:var(--footer-color)}
.fixed .shop i,.headerfix .shop i{border-color:#fff}
.fixed .language:before,.headerfix .language:before{background:#fff}
.fixed .language .tubiao svg,.headerfix .language .tubiao svg{fill:#999999}
.fixed .language a,.headerfix .language a{color:#fff}
.fixed .language i,.headerfix .language i{border-bottom:solid .8rem #fff}
.fixed .logo .img1,.headerfix .logo .img1{display:none}
.fixed .logo .img2,.headerfix .logo .img2{display:block}

.banner{position:relative;text-align:center;max-height:108rem;overflow:hidden}
.banner .pc img,.banner .ph img{display:block;margin:0 auto; width:100%;}
.banner .ph{display:none}
.banner .box{position:relative;overflow:hidden;z-index:20}


.banner .box .text{left:0;width:100%;color:#fff;z-index:999;top:42%;-webkit-transform:translateY(-38%);transform:translateY(-38%);z-index:99;position:absolute;z-index:10}


.banner .box .text .item{color:#f5f7fc;position:relative;z-index:20;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;text-align: left;text-align:center;}
.banner .box .text .item .title{font-size:5.4rem;line-height:1.1;-webkit-animation:1.5s ease fadeInLeft2;animation:1.5s ease fadeInLeft2;margin-bottom:2rem;font-family: 'MiSans-Demibold';}
.banner .box .text .item .info{font-size:2rem;margin-bottom:5.4rem;-webkit-animation:1.5s ease fadeInLeft2;animation:1.5s ease fadeInLeft2;font-family: 'MiSans-Demibold';}
.banner .box .text .item .info span{display: block;}
.banner .box .text .item .more-button{-webkit-animation:1.5s ease fadeInUp2;animation:1.5s ease fadeInUp2}

.banner .more-button{  margin:0 auto;}
.more-button {
    margin-top: 3rem;
    width: 22rem;
    height: 6.6rem;

}

.more-button .moreBtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22rem;
    height: 6.6rem;
    background: linear-gradient(90deg,#2563eb,#a855f7,#f97316);
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    border-radius: .8rem;
    text-decoration: none;
    overflow: hidden;
    transition: none;
}

.more-button .moreBtn::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    
    left: calc(50% - (2.6rem * 2) - 7px);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f97316;
    transition: all 0.4s ease;
}

.more-button .moreBtn span {
    position: relative;
    z-index: 2;
}

.more-button .moreBtn:hover::before {
    left: 0;
    top: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
}

.more-button .moreBtn:hover {
    color: #fff;
}

.banner .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{bottom:105px;top:auto;left:3.4rem;overflow:hidden;width:12.62rem;}
.banner .swiper-pagination{ bottom:20%; top:auto !important; width:10% !important; }

.banner_fd{ position:absolute; bottom:20%; z-index:9999; color:#fff; width:100%; text-align:center;}
.banner_fd .container{ }
.banner_fd .container .swiper-pagination{ position:relative; display:inline-block; background:#fff; height:2px; margin:-3px 5px 0px 5px }
.banner_fd .container .swiper-pagination-progressbar-fill{ background:#ff6700}
.banner_fd .container span{vertical-align: sub;}
@media (max-width:1200px){.banner .box .text .item{width:100%}
.banner .box .text .item .title{font-size:19px}
.banner .box .text .item .info{font-size:15px;margin-bottom:30px}
.banner .swiper-pagination{bottom:25px}
.banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px}
}
@media (max-width:1023px){.banner .box .pc{display:none}
.banner .box .ph{display:block}
}
@media (max-width:767px){.banner .box .text .item .info{display:none}
.banner .box .text .item .title{margin-bottom:15px}
.more-button{width:140px}
.more-button .moreBtn{width:140px;height: 45px;line-height: 45px;font-size: 14px;}


}

/*首页title*/
.index-title{text-align:center;font-family: 'MiSans-Demibold';}
.index-title .title01{font-size:2rem;color:#999;margin-bottom:1rem}
.index-title .title02{font-size:4rem;color:#333;line-height:1.1;margin-bottom:2rem;display:inline-flex;align-items:center;justify-content:center;position:relative}
.index-title .title02::before{content:"";position:absolute;left:-1.2rem;bottom:.6rem;width:1rem;height:1rem;border-radius:50%;background:#FF6700}
.index-title .title02::after{content:"";position:absolute;right:-1.2rem;top:.6rem;width:1rem;height:1rem;border-radius:50%;background:#FF6700}
.index-title .title02 span{background:linear-gradient(90deg,#a855f7,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
.index-title .title03{font-size:1.5rem;color:#333;line-height:1.8;}
.index-title .title03 span{display:block}
@media (max-width:1023px){.index-title .title02{font-size:21px;padding: 0 3px;}
.index-title .title01{font-size:16px}
.index-title .title03{font-size: 0;}
.index-title .title03 span{ display: inline !important; 
    font-size: 14px;}

.index-title .title02::before{left:-1rem;width:6px;height: 6px;bottom:0;}
.index-title .title02::after{right:-1rem;width:6px;height: 6px;}
}


.index-about{padding: 10rem 0;}
.index-about .more-button{ margin:5rem  auto 0;}


@-webkit-keyframes upDown {
    from {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes upDown {
    from {
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.upDown {
    -webkit-animation-name: upDown;
    animation-name: upDown
}

.index-solution{padding: 10rem 0 0 0;}
.index-product-img1 img{display: block;margin: 0 auto;}
.index-solution-one{ margin-top: 5rem;position: relative;overflow: hidden;}
.index-solution-one .swiper-container{overflow: hidden;padding-bottom:4rem;margin:0 -.1rem;}
.index-solution-one	.box-text{width:75%;margin-top: 6rem;}
.index-solution-one	.box-text .title01{font-size: 3rem;color: #333;margin-bottom: 2rem;}	
.index-solution-one	.box-text .title02{font-size:1.8rem;color: #333;}		

.index-solution-one .swiper-button-next,.index-solution-one .swiper-button-prev{width:4.8rem;height:4.8rem;border-radius:50%;border:1px solid #ccc;color:#ccc;bottom:10%;transform:translateY(-40%);transition:all .3s ease;top:auto}
.index-solution-one .swiper-button-next::after,.index-solution-one .swiper-button-prev::after{font-size:2rem;font-weight:700}
.index-solution-one .swiper-button-prev{left:auto;right:6rem}
.index-solution-one .swiper-button-next{right:1px;left:auto}
.index-solution-one .swiper-button-next:focus,.index-solution-one .swiper-button-prev:focus{outline:0}
.index-solution-one .swiper-button-next,.index-solution-one .swiper-button-prev{background:#fff}
.index-solution-one .swiper-button-next::before,.index-solution-one .swiper-button-prev::before{content:'';position:absolute;inset:0;border-radius:50%;padding:1px;background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}
.index-solution-one .swiper-button-next:hover::after,.index-solution-one .swiper-button-prev:hover::after{background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
.index-solution-one .swiper-button-next:hover::before,.index-solution-one .swiper-button-prev:hover::before{opacity:1}
.index-solution-one .swiper-button-next:hover,.index-solution-one .swiper-button-prev:hover{border-color:transparent}


.index-solution-one .swiper-pagination{width:100%;text-align:center;position:absolute;display: none;}
.index-solution-one .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;margin:0 1rem;position:relative;overflow:hidden;opacity:1;-webkit-transition:all .3s;transition:all .3s;background: #ccc;}
.index-solution-one .swiper-pagination .swiper-pagination-bullet-active{background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);}
.index-solution-one .swiper-container-horizontal > .swiper-pagination-bullets,.index-solution-one .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0rem;}


@media (max-width:1023px){
.index-about,.index-solution{padding:40px 0;}
.index-solution-one	.box-text .title01{font-size:18px;}	
.index-solution-one	.box-text{width:100%;margin-top:25px;}
.index-solution-one .swiper-pagination{display: block;}
.index-solution-one .swiper-button-next,.index-solution-one .swiper-button-prev{display: none;}

}

.index-news{padding:10rem 0 4rem 0;background:#fff}
.index-news .index-title{text-align:center;margin-bottom:5rem}
.index-news-one{position:relative;overflow:hidden;width:120%}
.index-news-one .swiper-container{overflow:visible;padding-bottom:9.5rem}
.index-news-one .swiper-slide{padding:4.3rem 3.2rem 3.6rem 3.2rem;
    border-radius:1.2rem;
    background:#fff;
    border: double 1px transparent;
    background-image: linear-gradient(#fff,#fff),linear-gradient(90deg,#2563eb,#a855f7,#f97316);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    transition:background-image .3s;min-height:239px}
    .index-news-one .swiper-slide{
    background-image: linear-gradient(#fff,#fff),linear-gradient(#e6e6e6,#e6e6e6);
}
.index-news-one .swiper-slide:hover{
    background-image: linear-gradient(#fff,#fff),linear-gradient(90deg,#2563eb,#a855f7,#f97316);
}

.index-news-one .box-text .date{font-size:1.4rem;color:#999;margin-bottom:1.6rem}
.index-news-one .box-text .title01{font-size:1.8rem;color:#333;line-height:1.8;margin-bottom:3rem;min-height:75px;}
.news-more{text-align:right}
.news-more .moreBtn{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .3s ease}
.news-more .moreBtn::before{content:'';display:inline-block;width:.6rem;height:.6rem;background-color:#ff6700;border-radius:50%;transition:background .3s ease}
.news-more .moreBtn span{font-size:1.6rem;color:#999;letter-spacing:2px;transition:all .3s ease}
.index-news-one .swiper-slide:hover .moreBtn::before{background:linear-gradient(90deg,#2563eb,#a855f7,#f97316)}
.index-news-one .swiper-slide:hover .moreBtn span{background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
.index-news-one .swiper-button-next,.index-news-one .swiper-button-prev{width:4.8rem;height:4.8rem;border-radius:50%;background:#fff;border:1px solid #eee;color:#ccc;top:auto;bottom:0;transition:all .3s ease}
.index-news-one .swiper-button-prev{left:0}
.index-news-one .swiper-button-next{left:7rem;right:auto}
.index-news-one .swiper-button-next::after,.index-news-one .swiper-button-prev::after{font-size:1.8rem;font-weight:700}
.index-news-one .swiper-button-next::before,.index-news-one .swiper-button-prev::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}
.index-news-one .swiper-button-next:hover,.index-news-one .swiper-button-prev:hover{border-color:transparent}
.index-news-one .swiper-button-next:hover::before,.index-news-one .swiper-button-prev:hover::before{opacity:1}
.index-news-one .swiper-button-next:hover::after,.index-news-one .swiper-button-prev:hover::after{background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
.index-news-one .more-button{float: right;margin-right:15.5vw;}	
@media (max-width:1023px){
  .index-news{padding:20px 0}
.index-news-one .swiper-button-next,.index-news-one .swiper-button-prev{width:35px;height:35px;bottom:15px}
.index-news-one .swiper-button-prev{left:0}
.index-news-one .swiper-button-next{left:6rem}
.index-news .index-title{margin-bottom:25px}
.index-news-one .swiper-container{overflow:hidden;padding-bottom:0px}
.index-news-one .swiper-button-next::after,.index-news-one .swiper-button-prev::after{font-size:14px;font-weight: normal;}
.index-news-one .box-text .date{font-size: 14px;}
.index-news-one .box-text .title01{font-size: 15px;}
.news-more .moreBtn{font-size: 14px;}
.index-news-one{width:100%}
.index-news-one .more-button{margin-right:0;}	
}

.footer-main{background:url(../images/footer-bj.webp) no-repeat top center;background-size:cover;padding:28rem 0 5rem;color:#fff}
.footer-main .container>.box{display:flex;justify-content:space-between;align-items:flex-start;gap:4rem}
.footer-main .left{flex:0 0 33%}
.footer-main .left .logo{margin-bottom:3.5rem}
.footer-main .left .logo img{height:4rem;object-fit:contain}
.footer-main .left>p{font-size:1.6rem;margin-bottom:1rem;line-height:1.6}
.footer-main .left .copyright{display:flex;align-items:flex-start;gap:10rem;margin-top:5rem}
.footer-main .service-icon{width:4.8rem;height:4.8rem;flex-shrink:0;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
.footer-main .service-icon>img{max-width:3rem;object-fit:cover}
.footer-main .wx-qrcode{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#fff;display:none;z-index:999;width:13.4rem;height:13.4rem;}
.footer-main .wx-qrcode img{display:block}
.footer-main .service-icon:hover .wx-qrcode{display:block}
.footer-main .copyright .textbox{font-size:1.4rem;line-height:1.8;color: rgba(255,255,255,.6);}
.footer-main .copyright .textbox span{display: block;}
.footer-main .copyright .textbox a{color: rgba(255,255,255,.6);}
.footer-main .copyright .textbox a:hover{color:#ff8022}
.footer-main .right{flex:1}
.footer-main .right ul{display:flex;justify-content:space-between}
.footer-main .right ul>li{flex:1}
.footer-main .right ul>li>p{font-size:1.8rem;margin-bottom:2rem;}
.footer-main .right ul>li>p a{color:#fff}
.footer-main .right .box a{display:block;color:#ccc;font-size:1.4rem;margin-bottom:1.2rem;transition:color .3s ease;line-height:2.8rem;}
.footer-main .right .box a:hover{color:#ff8022}

@media(max-width:1200px){

.footer-main .left .copyright{gap:5rem;}

}
@media(max-width:1023px){.footer-main .container>.box{display: block;}
.footer-main .right{display: none;}
.footer-main{padding-top:150px;}
.footer-main .left > p{font-size: 16px;}
.footer-main .copyright .textbox{font-size: 14px;}
.footer-main .left{width:100%;}
}
@media(max-width:767px){
      .footer-main {
        padding-top: 115px;
    }
.footer-main .service-icon{display: none;}
.footer-main .left .copyright{display: block;gap:0;margin-top: 25px;}

.index-news-one .swiper-slide{min-height:auto;}

}

/*联系我们*/
.nybanner{position:relative;}
.nybanner .img img{ display:block;width:100%;animation: 4s bmove1 linear;}
.nybanner .img .nybaphone{ display:none;}
.nybanner .img .nybapc{ display:block;}
.nybanner .nybanner_wenzi{ position:absolute;top:41%; font-size:4rem;font-family: 'MiSans-Demibold';color:#fff;-webkit-animation:1.5s ease fadeInUp2;animation:1.5s ease fadeInUp2;}
.nybanner .nybanner_wenzi p{padding-top:16px;position: relative;padding-bottom: .3rem;}
.nybanner .nybanner_wenzi p:after{position: absolute;content:""; left:0;bottom:0; width:5.3rem;height: .2rem; background:linear-gradient(180deg,#EA5514,#EA5A12,#EC680E,#EF8106,#F39800);}
@media(max-width:1023px){
.nybanner .img .nybaphone{ display:block;}
.nybanner .img .nybapc{ display:none;}
.nybanner .nybanner_wenzi{ font-size:23px;top:30%;}
}

.inside-contact-01{padding: 10rem 0;}
.lianxi-list{padding-top:2rem;overflow: hidden;}
.lianxi-list ul>li{width:22.7%;margin-right:3%;float: left;background:#f5f5f5;padding: 4.5rem 6.5rem 2rem 6.5rem;text-align: left;min-height: 16.5rem;}
.lianxi-list ul>li:last-child{margin-right: 0;}


.lianxi-list ul li:not(:last-child) p{display:flex;align-items:start;justify-content:start;gap:1rem;font-size:1.8rem;color:#182833;margin-bottom:1.6rem}
.lianxi-list ul li:not(:last-child) p img{width:2.6rem;height:auto}
.lianxi-list .text,.lianxi-list .text a{font-size:1.8rem;color:#333}
.lianxi-list .text a:hover{color:#ff7800}
.lianxi-list ul li:last-child{display:flex;align-items:center;justify-content:center;gap:1rem;padding: 2rem 7.5rem 2rem 7.5rem;}
.lianxi-list .erweima img{width:13rem;height:13rem;object-fit: contain;}
.lianxi-list ul li:last-child .text{line-height:1.6}
.lianxi-list ul li:last-child .text span{display:block}
@media(max-width:1280px){
.inside-contact-01{padding:40px 0;}
.lianxi-list ul > li{padding:30px 15px;width:24%;margin-right: 1.3%;min-height: 164px;}
.lianxi-list .text, .lianxi-list .text a,.lianxi-list ul li:not(:last-child) p,.lianxi-list ul li p{font-size: 14px;}
.lianxi-list ul li:last-child{padding:30px 15px;}

}


.link{color:rgba(255,255,255,.6);margin-top:40px;}
.link a{display:inline-block; color:rgba(255,255,255,.6);margin-right:10px;} 
.link a:hover{color:#ff8022}

@media(max-width:767px){.lianxi-list ul{flex-direction:column}
.lianxi-list ul>li{width:48%;margin-bottom: 15px;padding:30px 15px;min-height: 158px;}
.lianxi-list ul li:last-child{padding:10px 15px;}
.lianxi-list ul li:last-child .text{display: none;}
.lianxi-list ul li:last-child{gap:.5px;}

.link{color:#fff;margin-top:20px;}
}

.nyjoblist{margin-top:4.5rem}
.nyjoblist .bd{margin-left:auto;margin-right:auto;padding-bottom:1rem}
.nyjoblist .bd dl{position:relative}
.nyjoblist .bd .span-01{width:22%;display:block;float:left;text-align:left;padding-left:3.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}
.nyjoblist .bd .span-02{width:11%;display:block;float:left;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nyjoblist .bd .span-03{width:18%;display:block;float:left;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nyjoblist .bd .span-04{width:28%;display:block;float:left;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nyjoblist .bd .span-05{width:13%;display:block;float:left;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nyjoblist .bd dt .icon{float:right;width:32px;height:22px;cursor:pointer;background:url(../images/btn_06.png) no-repeat center;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s;margin-right:2rem}
.nyjoblist .bd .bt{-webkit-animation:fadeInUp2 3s alternate;animation:fadeInUp2 3s alternate;color:#333;font-size:18px;font-family:MiSans-Bold;line-height:60px;height:60px;margin-bottom:12px;background:#f5f5f5}
.nyjoblist .bd dl{margin-bottom:15px}
.nyjoblist .bd dt{-webkit-animation:fadeInUp2 3s alternate;animation:fadeInUp2 3s alternate;overflow:hidden;background:#f7f7f7;padding:20.5px 0;cursor:pointer;font-size:18px;position:relative;-webkit-transition:all .5s;transition:all .5s}
.nyjoblist .bd .cur .icon{background:url(../images/btn_06_h.png) no-repeat center}
.nyjoblist .bd dd{background:#fff;height:0;overflow:hidden}
.nyjoblist .bd dd .nr{overflow:hidden;border:1px solid #ccc;padding:38px 0 42px 0;line-height:2;font-size:14px;color:#666;position:relative}
.nyjoblist .bd dd .nr .joinFl{width:50%;padding:0 50px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box}
.nyjoblist .bd dd .nr p strong{color:#333;font-weight:400;font-size:24px;margin-bottom:10px;display:block}
.nyjoblist .bd dd .nr p{color:#666;font-size:16px}
.nyjoblist .bd dd .nr .joinFr{width:50%;border-left:#e6e6e6 1px solid;padding:0 50px;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}
.nyjoblist .bd dd .nr .text02{padding:2rem 50px 0 50px}
.nyjoblist .bd .cur dt{-webkit-animation:fadeInUp2 3s alternate;animation:fadeInUp2 3s alternate;background-image:linear-gradient(40deg,#0754ed 30%,#1978de 100%);color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}
.nyjoblist .bd .cur dd{-webkit-animation:fadeInUp2 3s alternate;animation:fadeInUp2 3s alternate;height:auto}
.nyjoblist .bd dd .nr .nytext{overflow:hidden}
.nyjoblist .bd dd .nr .nyyouxiang{text-align:right;font-size:28px;padding-right:50px}
.nyjoblist .bd dd .nr .nyyouxiang p{color:#111}
@media (max-width:1200px){.fuli ul{grid-template-columns:repeat(4,1fr);gap:2rem}
.fuli ul{grid-template-columns:repeat(4,1fr);gap:2rem}
}
@media (max-width:1023px){.nyjoblist .bd .bt{font-size:15px;height:55px;line-height:55px}
.nyjoblist .bd dt{font-size:15px;padding:14px 0}
.nyjoblist .bd dd .nr p strong{font-size:16px;margin-bottom:8px}
.nyjoblist .bd dd .nr p{font-size:14px}
.nyjoblist .bd dd .nr .joinFl{padding:0 35px}
.nyjoblist .bd dd .nr{padding:26px 0 42px 0}
.nyjoblist .bd dd .nr .joinFr{padding:0 35px}
.nyjoblist .bd .span-05{display:none}

.inside-join01{padding:40px 0}
.inside-join02{padding:40px 0 20px 0}
.nyjoblist .bd dd .nr .text02{padding:10px 35px 0 35px;}
.nyjoblist{margin-top: 15px;}

}
@media (max-width:767px){.nyjoblist .bd dd .nr .joinFl{width:100%;float:none;padding:0 10px}
.nyjoblist .bd dd .nr .joinFr{width:100%;float:none;margin-top:15px;padding:0 10px}
.nyjoblist .bd .span-02{display:none}
.nyjoblist .bd .span-03{display:none}
.nyjoblist .bd dt .icon{width:35px}
.nyjoblist .bd dd .nr{padding-bottom:20px}
.nyjoblist .bd .span-01{width:50%;padding-left:1.8rem}
.nyjoblist .bd dd .nr .text02{padding:10px 10px 0 10px;}
.inside-contact-02 .index-title .title02{font-size: 15px;}
 .inside-contact-02  .index-title .title02::after {margin-top: -.4rem;}


}

.inside-contact-03{margin: 9rem 0;background: #F5F5F5;padding: 7rem 0;}
.inside-contact-03 .contact-form{padding:2rem 0}
.inside-contact-03 .form-row{display:flex;gap:3rem;margin-bottom:2rem}
.inside-contact-03 .form-item{flex:1}
.inside-contact-03 .form-item.big{width:100%}
.inside-contact-03 .input-wrap{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);font-size:1.8rem;pointer-events:none}
.inside-contact-03 .form-item{position:relative}
.inside-contact-03 .form-item input,.inside-contact-03 .form-item textarea{width:100%;border:1px solid #D5E3F9;background: #F5F5F5;padding:1.8rem 1.6rem;padding-left:12rem;font-size:1.8rem;color:#333;}
.inside-contact-03 .form-item textarea{min-height:19rem;resize:none;padding:1rem 1.6rem 1rem 12rem;}
.inside-contact-03 .form-item.big .input-wrap{top:5%;transform:translateY(-5%);}

.inside-contact-03 .red-star{color:#f52222}
.inside-contact-03 .submit-box{text-align:center;margin-top:4rem}
.inside-contact-03 .sub-btn{padding:1.5rem 5rem 1.5rem 7rem;font-size:2.2rem;color:#fff;border:0;border-radius:8px;background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);position:relative;cursor:pointer}
.inside-contact-03 .sub-btn::before{content:"";width:1.2rem;height:1.2rem;border-radius:50%;background:#f97316;position:absolute;left:calc(50% - 3.4rem);top:50%;transform:translateY(-50%)}
@media(max-width:1023px){
.inside-contact-03 .input-wrap{font-size: 14px;}
.inside-contact-03 .form-item input, .inside-contact-03 .form-item textarea{font-size: 14px;padding-left: 90px;}
.inside-contact-03 .sub-btn::before{width:8px;height: 8px;}
.inside-contact-03 .sub-btn{font-size: 16px;}
.inside-contact-03{margin:20px 0 40px 0;padding:40px 0 20px 0;}
}
@media(max-width:768px){
  .inside-contact-03 .form-row{flex-direction:column;gap:2rem}
}


.inside-contact-04 .fuli-list01{gap:3rem;display:flex;flex-direction:column;margin-top: 2rem;}
.inside-contact-04 .fuli-bottom-swiper,.inside-contact-04 .fuli-top-swiper{overflow:hidden;padding-bottom:2.5rem;margin: 0 -.3rem;position: relative;}
.inside-contact-04 .slide-box{display:flex}
.inside-contact-04 .slide-box.reverse{flex-direction:row-reverse}
.inside-contact-04 .slide-box>div{width:50%}
.inside-contact-04 .slide-box .pic img{width:100%;height:100%;object-fit:cover}
.inside-contact-04 .slide-box .text{padding:4rem 3rem 4rem 6rem;background:#f6f6f6;position:relative}
.inside-contact-04 .slide-box .title{font-size:2.8rem;position:relative;margin-bottom:4.5rem;display: inline-block;}
.inside-contact-04 .slide-box .title:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:.3rem;background:linear-gradient(90deg,#2563eb,#a855f7,#f97316)}
.inside-contact-04 .slide-box ul li{font-size:1.6rem;margin-bottom:3.5rem;}
.inside-contact-04 .slide-box ul li img{vertical-align: middle;margin-right: .5rem;}

.inside-contact-04 .fuli-top-swiper .swiper-pagination{left:54% !important;bottom:6rem!important;}
.inside-contact-04 .fuli-bottom-swiper .swiper-pagination{left:6rem !important;bottom:6rem!important;}


.inside-contact-04 .swiper-pagination{position:absolute!important;left:0rem!important;bottom:1rem!important;margin:0;text-align:left;width:48% !important;}
.inside-contact-04 .swiper-pagination-bullet{width:1.2rem;height:1.2rem;background:#E6E6E6;margin:0 1.4rem;opacity:1;}
.inside-contact-04 .swiper-pagination-bullet-active{background:#ff7800}

@media(max-width:1023px){
.inside-contact-04 .slide-box .text{padding:4rem 3rem 4rem 3rem;}
.inside-contact-04 .slide-box,.inside-contact-04 .slide-box.reverse{flex-direction:column}
.inside-contact-04 .slide-box>div{width:100%}
.inside-contact-04 .swiper-pagination{left:3rem}
.inside-contact-04 .fuli-top-swiper .swiper-pagination{left:0% !important;right:0% !important;width:100% !important;text-align: center;bottom:40px !important;}
.inside-contact-04 .fuli-bottom-swiper .swiper-pagination{left:0% !important;right:0% !important;width:100% !important;text-align: center;bottom:40px !important;}
.inside-contact-04 .slide-box .title{font-size: 18px;}
.inside-contact-04 .slide-box ul li{font-size:14px;margin-bottom:20px;}
}

.inside-contact-05{padding: 10rem 0 2rem 0;}
.map-contact-box{display:flex;gap:4rem;align-items:flex-start;margin-top: 2rem;}
.map-contact-box .left-list{width:46%;position:relative}
.map-contact-box .line-bar{width:4px;background:#2563eb;border-radius:4px;position:absolute;right:-2rem;top:0;height:100px;transition:all .3s ease}
.map-contact-box .left-list ul{padding-left:1rem}
.map-contact-box .left-list li{padding:2.8rem 2rem;background:#f5f5f5;margin-bottom:1.5rem;display:flex;gap:1.2rem;cursor:pointer;transition:all .3s}
.map-contact-box .left-list li.active{background:#fff;box-shadow:0 .5rem 2rem #eee}
.map-contact-box .left-list li .num{width:4rem;height:4rem;flex-shrink:0;border-radius:50%;background:url(../images/cont-bj.webp) no-repeat center center;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;font-family: 'MiSans-Demibold';margin-right: .6rem;}
.map-contact-box .left-list li .title{font-size:2rem;margin-bottom:2.5rem;color:#333;display: inline-block;}
.map-contact-box .left-list li p img{vertical-align: middle;}
.map-contact-box .left-list li .img2{display: none;}
.map-contact-box .left-list li.active .img1{display: none;}
.map-contact-box .left-list li.active .img2{display:inline-block;}
.map-contact-box .left-list li p{font-size:1.5rem;margin-bottom:1.65rem;color:#182833;display:flex;align-items:center;gap:.6rem;padding-left: .9rem;}
.map-contact-box .right-map{width:50%}
.map-contact-box .right-map .map-img{width:100%;display:block;border-radius:6px}
@media(max-width:1023px){
  .map-contact-box{flex-direction:column}
.map-contact-box .left-list,.map-contact-box .right-map{width:100%;display:none;}
.map-contact-box .line-bar{right:-1rem}
.inside-contact-05{padding: 25px 0 20px 0;}
.map-contact-box .left-list li .num{background: #0754ED;font-size: 14px;}
.map-contact-box .left-list li p{font-size: 14px;}
.inside-contact-05 .index-title .title02{font-size: 17px;}
 .inside-contact-05  .index-title .title02::after {margin-top: -.4rem;}


}


/*新闻中心*/
.news-tab{text-align: center;margin-bottom: 6rem;margin-top: 2rem;}
.news-tab .tab-item{padding:1.2rem 5.5rem;border-radius:1rem;font-size:2.2rem;text-decoration:none;color:#333333;border:1px solid #ccc;}
.news-tab .tab-item:hover,.news-tab .tab-item.active{color:#fff;border:transparent;background:linear-gradient(90deg,#2563eb,#a855f7,#f97316)}

.inside-news-01{padding: 10rem 0 3rem 0;}
.xinwenlist li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4rem 2.8rem 4rem 4rem;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;border-bottom:1px solid #e5e5e5;margin-bottom:3rem}
.xinwenlist a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.xinwenlist li .date{-webkit-box-flex:0rem;-ms-flex:0rem 0 13rem;flex:0rem 0 13rem;padding-right:2rem;color:#999;text-align:center;margin-top:-2.2rem}
.xinwenlist li .date span{display:block;font-size:4rem;border-bottom:1px solid #e5e5e5}
.xinwenlist li .date em{display:block;font-size:2.5rem;font-style:normal;margin-top:.3rem}
.xinwenlist li .text{padding:2.8rem 8.4rem 0 13rem;-webkit-box-flex:1;-ms-flex:1;flex:1}
.xinwenlist li .text .wz01{font-size:2rem;color:#333;font-family: 'MiSans-Demibold';margin-bottom:1.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.xinwenlist li .text .wz02{font-size:1.6rem;color:#999;line-height:3.2rem;margin-bottom:1.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.xinwenlist li .xwimg{-webkit-box-flex:0;-ms-flex:0 0 36rem;flex:0 0 36rem;overflow:hidden}
.xinwenlist li .xwimg img{display:block;-webkit-transition:all .5s ease;transition:all .5s ease}
.xinwenlist li:hover{background:#f5f5f5;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);border-bottom:none}
.xinwenlist li:hover .xwimg img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.yemapage{clear:both;text-align:center;font-size:0;font-family:arial;line-height:16px;padding:30px 0 20px 0}
.yemapage a{color:#9e9e9e;display:inline-block;text-align:center;font-size:18px;min-width:48px;line-height:48px;height:48px;border-radius:3px;background-color:#f5f5f5;margin:0 6px;padding:0 20px}
.yemapage a.page-num-current,.yemapage a:hover{background:#0754ED;color:#fff}
@media (max-width:1200px){.xinwenlist li .date{display:none}
.xinwenlist li .text .wz01{font-size:16px;margin-bottom:5px}
.xinwenlist li .text .wz02{font-size:14px;line-height:26px}
.xinwenlist li .text{padding:0 4rem 0 0;margin-bottom:10px}
.second-nav{position:inherit;top:0;margin:15px 0 30px 0}
.second-nav .inside-menu ul li{display:block;border:1px solid #0754ED}
.second-nav .inside-menu ul li a{color:var(--main-color);font-size:14px}
.second-nav .inside-menu ul li.active a,.second-nav .inside-menu ul li:hover a{color:#fff}
.inside-news-01{padding:40px 0 20px 0;}
.news-tab .tab-item{font-size: 16px;}
.news-tab{margin-bottom: 35px;}
}
@media (max-width:767px){.xinwenlist a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.xinwenlist li{padding:15px}
.xinwenlist li .xwimg{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;height:auto}
.xinwenlist li .xwimg img{width:100%}
.second-nav .inside-menu ul li{width:31%;margin-bottom:10px;margin-right:3.333%;height:4.5rem;line-height:4.5rem}
.second-nav .inside-menu ul li:nth-child(3n){margin-right:0}
.yemapage a{font-size:14px;min-width:36px;line-height:36px;height:36px;margin:0 2px;padding:0 9px}
.yemapage{padding:10px 0 20px 0}
}

/*新闻详细*/
.news-xxcont {
  padding: 10rem 0 4rem 0;
}

.news-xxcont .fr{float:right;width:25%;position: relative;}

.news-xxcont .fr .shareon{position: absolute;right: 0;}
 

.h01 {
  font-size: 3.2rem;
  font-family: 'MiSans-Demibold';
  line-height: 5.2rem;
  color: #212121;
}
.h02 {
  font-size: 1.4rem;
  margin-top: 2rem;
  margin-bottom: 4.7rem;
  color: #666;
  line-height: 4rem;
  border-bottom: 1px solid #cdcccc;
  padding-bottom: 0.7rem;
}
.h02 span {
  margin-right: 2rem;
}
.h02 span img {
  vertical-align: middle;
  margin-right: 1rem;
  margin-top: -0.3rem;
}
.fenxiang {
  position: relative;
  float: right;
}
.fenxiang span {
  display: block;
  float: left;
  line-height: 4rem;
}
.fenxiang .fr {
  float: right;
  margin-right: 0;
}
.fenxiang .fr a {
  display: block;
  float: left;
  width: 4rem;
}
.fenxiang .fr .pic:after {
  padding-bottom: 100%;
}
.news-info {
  font-size: 1.6rem;
  line-height: 3.6rem;
  color: #666;
  padding-bottom: 1.5rem;
}
.news-info img {
 
}
.news-info p {
  margin-bottom: 1rem;
}
.inside-page-news {
  font-size: 1.6rem;
  margin-bottom: 2.5rem;
  color: #333333;
}
.inside-page-news .list li {
  border-bottom: 1px solid #e1e1e1;
  line-height: 53px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.inside-page-news .list li:first-child {
  border-top: 1px solid #e1e1e1;
}
.inside-page-news .list li span {
  color:linear-gradient(90deg,#2563eb,#a855f7,#f97316);;
  padding-right: 2.8rem;
}
.inside-page-news .list li span svg {
  margin-left: 2.3rem;
  width: 10px;
  vertical-align: middle;
  margin-top: 1px;
}
.inside-page-news .list li a {
  color: #333333;
}
.inside-page-news .list li:hover a {
  color:#FF6700;
}
.fanhui {
  width: 17.8rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  background: #eee;
  color: #2d3132;
  font-size: 1.6rem;
}
.fanhui a {
  color: #2d3132;
  display: block;
  -webkit-transition: .5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fanhui:hover {
  background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);
}
.fanhui:hover a {
  color: #ffffff;
}
@media (max-width: 1023px) {
    
  .inside-page-news {
    font-size: 14px;
  }
  .inside-page-news .list li {
    line-height: 48px;
  }
  .inside-page-news .list li span {
    padding-right: 18px;
  }
  .inside-page-news .list li span svg {
    margin-left: 10px;
  }
  .h01 {
    font-size: 20px;
    line-height: 1.5;
  }
  .h02 {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .news-info {
    font-size: 14px;
    line-height: 26px;
  }
  .fanhui {
    width: 130px;
    height: 40px;
    line-height: 40px;
  }
  .news-xxcont {
  padding: 40px 0 10px 0;
}


.news-xxcont .fr .shareon{width: 256px;top: -7px;right:-55px;transform: scale(0.6);}

}

/*解决方案*/
.inside-solution-01{padding: 10rem 0 3rem 0;}
.inside-solution-01 .product-card-box{display:flex;gap:3rem;margin-top: 6rem;}
.inside-solution-01 .product-card-box .card-item{
    flex:1;
    background:#fff;
    padding:5rem 3rem 3rem;
    box-shadow:0 8px 22px rgba(0,0,0,.08);
    position:relative;
    border:1px solid #fff;
    transition:border .3s;
}

.inside-solution-01 .product-card-box .card-item::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1px;
    background:linear-gradient(90deg,#2563eb,#f97316);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:0;
    transition:0.3s;
}
.inside-solution-01 .product-card-box .card-item:hover::before{opacity:1;}

.inside-solution-01 .product-card-box .icon-box{
    width:6rem;height:6rem;
    border:1px solid #e6e6e6;
    display:flex;align-items:center;justify-content:center;
    position:absolute;left:3rem;top:-3rem;
    background:#fff;
    border-radius:6px;
    transition:border .3s;
}
.inside-solution-01 .product-card-box .icon-box::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1px;
    background:linear-gradient(90deg,#2563eb,#f97316);
    border-radius:6px;
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:0;
    transition:0.3s;
}
.inside-solution-01 .product-card-box .card-item:hover .icon-box{border-color:transparent;}
.inside-solution-01 .product-card-box .card-item:hover .icon-box::before{opacity:1;}

.inside-solution-01 .product-card-box .icon-box img{width:3.2rem}
.inside-solution-01 .card-item .title{
    font-size:2.4rem;margin-bottom:2rem;line-height:1.4;position: relative;padding-left: 1rem;
    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;min-height: 6.5rem;
}
.inside-solution-01 .card-item .title:before{position: absolute;content: "";width:.7rem;height: .7rem;background:#ff7800;border-radius:50%;margin-right:.8rem;left:0;top:1.3rem}
.inside-solution-01 .card-item .textbox{padding-left: 1rem;}
.inside-solution-01 .card-item .textbox>p{font-size:1.6rem;color:#555;line-height:1.8;margin-bottom:3rem;min-height:8.7rem;}
.inside-solution-01 .product-card-box .card-item:hover .more-button .moreBtn::before {
    left: 0;top: 0;transform: none;width: 100%;height: 100%;border-radius: .8rem;
}
@media(max-width:1023px){
.inside-solution-01{padding: 40px 0;}
}
@media(max-width:768px){
    .inside-solution-01 .product-card-box{flex-direction:column;gap:6rem}
}

/*解决方案详情*/
.xinzeng-01{font-size: 2.3rem;color: #333;text-align: center;margin-bottom: 2rem;}
.xinzeng-02{font-size:1.7rem;color: #666;text-align: center;padding-bottom: 2rem;}

.inside-solutioncx-01{padding: 10rem 0 2rem 0;}
.fanganxq-m{display:flex;gap:4rem;align-items:center}
.fanganxq-m .left{width:50%;padding-right: 12rem;}
.fanganxq-m .right{width:50%}
.fanganxq-m .right img{width:100%;display:block}
.fanganxq-m .title{font-size:2.8rem;line-height:1.3;margin-bottom:3rem;;}
.fanganxq-m .title:before{content:"";width:1rem;height:1rem;background:#ff7800;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:.8rem}
.fanganxq-m .title span{display:block;padding-left: 1.72rem;}
.fanganxq-m .text{padding-left: 1.72rem;}
.fanganxq-m .text01{font-size:1.8rem;margin-bottom:1rem;color: #333;}
.fanganxq-m .text02{font-size:1.7rem;color:#666;line-height:1.8;}

.solu-case{padding:8rem 0 0 0;}
.solu-case .case-title{font-size:2.3rem;margin-bottom:3rem;color: #333;}
.s-case-list{overflow:hidden;position:relative;padding-bottom:3.5rem;}
.s-case-list ul{margin:0;padding:0;list-style:none;}
.s-case-list .swiper-slide{width:100%;}


.xz_con {
  display: grid;/* 3列均分，间距3rem */grid-template-columns: repeat(3, 1fr);gap: 3rem;margin-bottom: 3rem;
}

 
 @media (max-width: 768px) {
  .xz_con {
   grid-template-columns: repeat(2, 1fr);
  }
}
 

.s-case-list .img {overflow: hidden;margin-bottom:2rem;}
.s-case-list .img img{display:block;transition: .5s;}
.s-case-list .title{font-size:2rem;margin-bottom:1.2rem;padding-left:1.4rem;position:relative;overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1}
.s-case-list .title::before{content:"";width:0.8rem;height:0.8rem;background:#FF6700;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.s-case-list .text01{font-size:1.5rem;color:#555;line-height:1.7;margin-bottom:1.8rem;overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp:2;min-height: 5rem;}
.s-case-list .text02 span{color:#FF6700;font-size:1.5rem;text-decoration:none;}

.s-case-list .box:hover .img img{transform: scale(1.1);}
.s-case-list .box:hover .title{color:#FF6700;}

/*分页圆点*/
.solu-case .swiper-pagination{position:absolute;bottom:0;left:0;right:0;text-align:center;}
.solu-case .swiper-pagination-bullet{width:1rem;height:1rem;background:#e6e6e6;margin:0 0.4rem;opacity: 1;}
.solu-case .swiper-pagination-bullet-active{background:#FF6700;}

@media(max-width:1023px){
.fanganxq-m .left{padding-right:10px;}
.fanganxq-m .title{font-size:18px;line-height:1.3;margin-bottom:3rem}
.fanganxq-m .title:before{width:6px;height: 6px;margin-top: -4px;}
.fanganxq-m .text01{font-size:15px;}
.fanganxq-m .text02{font-size:14px;}
.xinzeng-01{font-size: 17px;}
.xinzeng-02{font-size: 14px;}
.inside-solutioncx-01{padding:40px 0 10px 0;}
}


@media(max-width:768px){.fanganxq-m{flex-direction:column}
.fanganxq-m .left,.fanganxq-m .right{width:100%}
.s-case-list .box{width:100%;}
    .s-case-list .row{gap:2rem;}
}

/*解决案例详情*/
.inside-jjcase-01{padding: 10rem 0 2rem 0;}
.inside-jjcase-01 .container{max-width: 130.9rem;margin:0 auto;}
.jiejue-case-m .img img{display:block;}
.jiejue-case-m .casebox{padding-top:5rem}
.jiejue-case-m .title{font-size:2.8rem;line-height:1.3;margin-bottom:3rem;;}
.jiejue-case-m .title:before{content:"";width:1rem;height:1rem;background:#ff7800;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:.8rem}
.jiejue-case-m .title span{display:block;padding-left: 1.72rem;}
.jiejue-case-m .text{padding-left: 1.72rem;}
.jiejue-case-m .text01{font-size:1.8rem;margin-bottom:1rem;color: #333;}
.jiejue-case-m .text02{font-size:1.7rem;color:#666;line-height:1.8;}

@media(max-width:1023px){
 .inside-jjcase-01{padding:40px 0 10px 0;} 
 .jiejue-case-m .title{font-size:18px;line-height:1.3;margin-bottom:3rem}
.jiejue-case-m .title:before{width:6px;height: 6px;margin-top: -4px;}
.jiejue-case-m .text01{font-size:15px;}
.jiejue-case-m .text02{font-size:14px;}
}


/*关于我们*/
.inside-about-01{padding: 10rem 0;}
.inside-about-01 .about-box1{display:flex;gap:5rem;align-items:center;margin-top: 2rem;}
.inside-about-01 .about-box1 .left{width:50%;padding-right: 9rem;}
.inside-about-01 .about-box1 .right{width:50%}
.inside-about-01 .about-box1 .right img{width:100%;display:block}
.inside-about-01 .about-box1 .title{font-size:2.6rem;margin-bottom:2.2rem;color:#333;}
.inside-about-01 .about-box1 .text p{font-size:1.8rem;color:#666;line-height:1.8;margin-bottom:2.8rem}
@media(max-width:1023px){.inside-about-01 .about-box1{flex-direction:column;gap:0}
.inside-about-01 .about-box1 .left,.inside-about-01 .about-box1 .right{width:100%}
.inside-about-01 .about-box1 .left{padding-right: 0;margin-bottom: 10px;}
.inside-about-01 .about-box1 .title{font-size:20px;}
.inside-about-01 .about-box1 .text p{font-size: 14px;}
}

.about-box2{padding:6rem 0}
.about-box2 ul li{background-repeat:no-repeat;background-size:contain;background-position:center top;padding-top:1.5rem;float:left;text-align:center;margin-right:2%}
.about-box2 ul li:first-child{width:39%;margin-right:3%}
.about-box2 ul li:nth-child(2){width:30%}
.about-box2 ul li:nth-child(3){width:26%;margin-right:0}
.about-box2 .title{font-size:3.6rem;color:#222;margin-bottom:2.5rem;position:relative;font-family:MiSans-Demibold}
.about-box2 .title::after{content:"";width:4.4rem;height:.6rem;background:#3f8cf9;border-radius:1rem;position:absolute;left:50%;transform:translateX(-50%);bottom:-1.5rem}
.about-box2 .textbox{padding-top:2rem}
.about-box2 .textbox p{font-size:1.8rem;color:#666;line-height:1.8;}
@media(max-width:1023px){
.about-box2 .title{font-size:18px}
.about-box2 .textbox p{display:inline!important;font-size:14px}
.about-box2 .textbox p+span::before{content:""}
}

@media(max-width:768px){
.about-box2 ul li{width:100%;float: none;margin-right: 0;margin-bottom: 30px;}
.about-box2 ul li:first-child{width:100%;margin-right:0}
.about-box2 ul li:nth-child(2){width:100%}
.about-box2 ul li:nth-child(3){width:100%;margin-right:0}
}


/*发展历史*/
.history-bottom{padding: 3rem 0;}
.history-bottom .history-box{display:flex;gap:4rem;margin-bottom:5rem}
.history-bottom .bottomSwiper{width:43%;overflow:hidden}
.history-bottom .topSwiper{width:50%;overflow: hidden;margin-right: 7%;padding-top: 4rem;}
.history-bottom .topSwiper .swiper-slide{padding:30px;position:relative}
.history-bottom .year-water{position:absolute;left:0;top:95%;transform:translateY(-95%);font-size:27rem;color:#f5f5f5;z-index:-1;font-family: 'MiSans-Semibold';line-height: 27rem;}
.history-bottom .topSwiper .title{font-size:4.8rem;margin-bottom:2.2rem;position:relative;font-family: 'MiSans-Demibold';padding-left:6rem;}
.history-bottom .topSwiper .info{font-size:1.8rem;color:#666;line-height:1.8;position:relative;padding-left:6rem;}
.history-bottom .bottomSwiper img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.history-bottom .history-nav{display:flex;align-items:center;gap:24px}

.history-bottom .nav-next,.history-bottom .nav-prev{width:5.2rem;height:5.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border: 1px solid #999999;font-size: 3rem;border-radius: 50%;}
.history-bottom .nav-next svg{fill: #CCCCCC;}
.history-bottom .nav-prev svg{fill: #CCCCCC;}
.history-bottom .nav-prev:hover{background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);border: none;}
.history-bottom .nav-next:hover{background:linear-gradient(90deg,#2563eb,#a855f7,#f97316);border: none;}
.history-bottom .nav-next:hover svg{fill: #fff;}
.history-bottom .nav-prev:hover svg{fill: #fff;}

.history-bottom .nav-line-wrap{flex:1;position:relative;overflow:hidden}
.history-bottom .base-line{width:100%;height:1px;background:#d8d8d8;position:absolute;top:52%;transform:translateY(-52%);z-index:1}
.history-bottom .dotSwiper{width:100%;overflow:hidden;position:relative;z-index:2;margin-top:6rem}
.history-bottom .dotSwiper .swiper-wrapper{display:flex}
@media(min-width:1024px){.history-bottom .dotSwiper .swiper-slide{width:calc(100% / 8)}
}
@media(min-width:769px) and (max-width:1023px){.history-bottom .dotSwiper .swiper-slide{width:calc(100% / 5)}
.history-bottom .year-water{font-size:16rem;line-height:18rem}
.history-bottom .topSwiper .title{font-size:23px;padding-left:20px}
.history-bottom .topSwiper .info{font-size:14px;padding-left:20px}
.history-bottom .topSwiper{width:53%;margin-right:2%}
.history-bottom .dot{font-size:15px}
.history-bottom .dot.active{font-size:17px}
}
@media(max-width:768px){.history-bottom .dotSwiper .swiper-slide{width:calc(100% / 3)}
.history-bottom .history-box{flex-direction:column}
.history-bottom .bottomSwiper,.history-bottom .topSwiper{width:100%;margin-right:0}
}
.history-bottom .dot{display:flex;flex-direction:column;align-items:center;cursor:pointer;font-size:2rem;color:#182833}
.history-bottom .dot::before{content:'';background:url(../images/dhapnact1.png);margin-bottom:1.9rem;width:30px;height:30px;background-size:30px}
.history-bottom .dot.active::before{background:url(../images/dhapnact.webp)}
.history-bottom .dot.active{font-size:2.4rem;font-family:MiSans-Demibold}



@media(max-width:1600px){
.history-bottom .year-water{font-size: 20rem;line-height: 21rem;}
.history-bottom .history-box{gap:1rem;margin-bottom:2rem}

}
@media(max-width:1024px){
.history-bottom .year-water{font-size: 16rem;line-height: 18rem;}
.history-bottom .topSwiper .title{font-size: 23px;padding-left: 20px;}
.history-bottom .topSwiper .info{font-size: 14px;padding-left: 20px;}
.history-bottom .topSwiper{width:53%;margin-right: 2%;padding-top: 25px;}
.history-bottom .dot{font-size: 15px;}
.history-bottom .dot.active{font-size: 17px;}
.history-bottom .dot-item{width:calc(100%/8);}
.history-bottom{padding:0rem 0;}
.about-box2{padding: 40px 0 10px 0;}
.inside-about-01{padding: 40px 0 10px 0;}
}

@media(max-width:768px){
.history-bottom .history-box{flex-direction:column}
.history-bottom .bottomSwiper,.history-bottom .topSwiper{width:100%;margin-right: 0;}
.history-bottom .nav-next, .history-bottom .nav-prev{width:35px;height: 35px;}
.history-bottom .nav-next svg,.history-bottom .nav-prev svg{width:22px;height:22px;}
.history-bottom .topSwiper{padding-top:0;}
}


.inside-about-03{
  background: url(../images/about-img5.webp) no-repeat top center;margin: 10rem 0 3rem 0;
}
.youshi-list{padding:3rem 0}

.youshi-list ul{display:flex;flex-wrap:wrap;gap:8rem}
.youshi-list ul li{width:calc((100% - 17rem)/ 3);aspect-ratio:1/0.72;border:1px solid #eee;background:#fff;padding:1% 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition: all 0.3s ease;}
.youshi-list .img{margin-bottom:26px}
.youshi-list .img img{transition: transform 0.3s ease;}
.youshi-list .title{font-size:2.4rem;color:#333;font-weight:500;margin-bottom:12px;line-height:1.35;text-align:center}
.youshi-list .info{font-size:1.4rem;color:#999;line-height:1.7;text-align:center}
.youshi-list ul li:hover .img img{transform: rotateY(180deg);}

@media screen and (max-width:1023px){
.youshi-list ul li{width:calc((100% - 7rem)/ 2)}
.youshi-list ul{gap:3rem}
.youshi-list .title{font-size:20px}
.youshi-list .info{font-size:14px}
.youshi-list{padding:20px 0 30px 0;overflow: hidden;}
.inside-about-03{margin: 40px 0 0 0;}
}
@media screen and (max-width:768px){
  .youshi-list .title{font-size:18px}
.youshi-list ul{display: block;gap:0}
.youshi-list ul li{width:48%;float: left;margin-right: 4%;padding: 30px;margin-bottom:4%;min-height: 245px;}
.youshi-list ul li:nth-child(2n){ margin-right: 0;}
}
@media screen and (max-width:480px){
.youshi-list ul li{width:100%;float: none;margin-right:0;min-height:auto;}
}


.inside-about-04{padding: 6rem 0;}
.team-list{overflow: hidden;margin-top: 3rem;}
.team-list ul li{width:22.75%;float: left;margin-right: 3%;margin-bottom: 4%;cursor: pointer;}
.team-list ul li:nth-child(4n){margin-right: 0;}
.team-list ul li .img{overflow: hidden;}
.team-list ul li img{display:block;transition: .5s;}
.team-list li .boxtext{text-align:center;padding:2.5rem 0;color:#fff;font-size:1.5rem;font-size: 1.6rem;background: #0754ED;margin: -4.5rem 2.5rem 0 2.5rem;position: relative;}
.team-list li:hover .boxtext{background: linear-gradient(90deg,#2563eb,#a855f7,#f97316);}
.team-list li .boxtext span{font-size: 2.3rem;}
.team-list ul li:hover img{transform: scale(1.1);}

.con_fd{position:fixed;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background:rgba(0,0,0,.5);z-index:999;display:none}
.con_list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66%;background:#fff;border-radius:15px;padding:10px 0 30px 60px;border:solid 1px #eee}
.gd_close{text-align:right}
.gd_close span{display:inline-block;font-size:30px;font-weight:700;color:#011e41;padding:0 20px 10px 0;cursor:pointer}
.fudong-main{display:flex;gap:4rem;padding-right:4rem}
.fudong-main .left{width:32%}
.fudong-main .left img{width:100%;display:block}
.fudong-main .right{flex:1}
.fudong-main .right .title{font-size:1.7rem;color:#333;margin-bottom:2rem}
.fudong-main .right .title span{font-size: 2.3rem;}
.fudong-main .info{max-height: 35rem;overflow-x: hidden;padding-right: 1rem;}
.fudong-main .info p{font-size:1.7rem;color:#666;line-height:1.8;margin-bottom:2rem;text-align:justify;position: relative;padding-left: 1.6rem;}
.fudong-main .info p:before{position: absolute;content: "";left:0;width:.9rem;height:.9rem;background: #FF6700;border-radius:50%;top:1.1rem}

@media(max-width:1200px){
.con_list{width:82%;padding:10px 20px 30px 30px}
.team-list li .boxtext{font-size: 14px;margin: -2.8rem 1rem 0 1rem;padding: 1.5rem 0;}
.team-list li .boxtext span{font-size: 14px;}
.team-list ul li{margin-bottom:3%;}

}
@media(max-width:1023px){
.team-list ul li{width:31%;margin-right: 3%;}
.team-list ul li:nth-child(2n){margin-right: 3%;}
.team-list ul li:nth-child(3n){ margin-right: 0;}
.inside-about-04{padding: 10px 0 40px 0 ;}
}
@media(max-width:768px){
.team-list ul li{width:48%;margin-right:4%;}
.team-list ul li:nth-child(3n){margin-right:4%;}
.team-list ul li:nth-child(2n){ margin-right: 0;}
.fudong-main .left{width:100%;margin-bottom: 15px;}
.fudong-main{display: block;padding-right: 0;}
.fudong-main .right .title{ margin-bottom: 3px;}

}

#carousel {
  margin: 0 auto;
  overflow: hidden;padding-top: 3rem;padding-bottom:10rem;position: relative;
}
#carousel .swiper {
  overflow: visible !important;
}
#carousel .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
#carousel .swiper-slide {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0.4;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  z-index: 1;
}
#carousel .swiper-slide-active {
  opacity: 1;
  -webkit-transform: scale(1) rotateY(0deg) !important;
          transform: scale(1) rotateY(0deg) !important;
  z-index: 10;
}
#carousel .swiper-slide {
  -webkit-transform: scale(0.7) rotateY(0deg);
          transform: scale(0.7) rotateY(0deg);
}
#carousel .swiper-slide-prev {
  -webkit-transform: scale(0.8) rotateY(25deg);
          transform: scale(0.8) rotateY(25deg);
  opacity: 0.5;
}
#carousel .swiper-slide-next {
  -webkit-transform: scale(0.8) rotateY(-25deg);
          transform: scale(0.8) rotateY(-25deg);
  opacity: 0.5;
}

#carousel .swiper-button-next,#carousel .swiper-button-prev{top:auto!important;bottom:0px;width:48px;height:48px;}
#carousel .swiper-button-prev{left:calc(50% - 55px);background: url(../images/hleft.webp) no-repeat center center;}

#carousel .swiper-button-prev::after{content:"";}
#carousel .swiper-button-next{right:calc(50% - 55px);background: url(../images/hright.webp) no-repeat center center;}
#carousel .swiper-button-next::after{content:"";}
#carousel .swiper-button-prev svg{fill:#ccc;}
#carousel .swiper-button-next svg{fill:#ccc;}
#carousel .swiper-button-prev:hover{background: url(../images/hlefth.webp) no-repeat center center;}
#carousel .swiper-button-next:hover{background: url(../images/hrighth.webp) no-repeat center center;}



@media (max-width: 767px) {


  #carousel {
    width: 100%;
    padding: 20px 0 70px 0;
  }

  #carousel .swiper-slide {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  #carousel .swiper-slide-active {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  #carousel .swiper-slide-prev {
    -webkit-transform: translateX(0) translateZ(60px) rotateY(0deg) scale(0.85);
            transform: translateX(0) translateZ(60px) rotateY(0deg) scale(0.85);
    opacity: .5;
  }
  #carousel .swiper-slide-next {
    -webkit-transform: translateX(0) translateZ(60px) rotateY(0deg) scale(0.85);
            transform: translateX(0) translateZ(60px) rotateY(0deg) scale(0.85);
    opacity: .5;
  }
  #carousel .swiper-button-next,#carousel .swiper-button-prev{background-size: 80%;}
   #carousel .swiper-button-next:hover,#carousel .swiper-button-prev:hover{background-size: 80%;}
}

.inside-about-06{padding: 10rem 0 3rem 0;}
.inside-about-06 .zhuanli-list{width:120%;overflow: hidden;margin-top: 3rem;position: relative;padding-bottom:50px;}
.zhuanli-list .swiper-container-horizontal > .swiper-pagination-progressbar,.zhuanli-list .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
top:auto;bottom:0;
}
.zhuanli-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0754ED;}
@media (max-width:1023px) {
.inside-about-06 .zhuanli-list{width:100%;padding-bottom: 30px;}
.inside-about-06{padding: 40px 0 20px 0;}
}

/*产品中心*/
.inside-product-01 .product-wrap{display:flex;gap:19rem;padding: 10rem 0 2rem 0;}
.inside-product-01 .product-left{width:20%;flex-shrink:0;position:sticky;top:10rem;align-self:flex-start}
.inside-product-01 .product-left .title{font-size:2.4rem;margin-bottom:3rem;font-family: 'MiSans-Demibold';}
.inside-product-01 .menu-list{list-style:none;padding:0;margin:0}
.inside-product-01 .menu-list a{color:#000;}

.inside-product-01 .menu-list .active a{color:#FF6700}



.inside-product-01 .menu-item{padding:1.5rem 1.2rem 1.5rem 0;font-size:1.8rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;cursor:pointer}
.inside-product-01 .menu-item i{width:32px;height:32px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-style:normal;color:#aaa;font-size:16px}
.inside-product-01 .menu-item:hover i,.inside-product-01 .menu-item.active i{background:#FF6700;}
.inside-product-01 .menu-item:hover i img,.inside-product-01 .menu-item.active i img{filter: brightness(0) invert(1);}


.inside-product-01 .product-right{flex:1;}
.inside-product-01 .product-right .pro-list{list-style:none;padding:0;margin:0}
.inside-product-01 .product-right .pro-item{background:#F8F9FC;padding:2.2rem;margin-bottom:30px;}
.inside-product-01 .product-right .pro-item .box{background:url(../images/product-bj1.webp) no-repeat top center;display:flex;justify-content:space-between;align-items:center;gap:12rem}
.inside-product-01 .product-right .pro-text{flex:1;display:flex;
    flex-direction:column;
    justify-content:center;}
.inside-product-01 .product-right .pro-text .title{font-size:26px;margin:0 0 20px}
.inside-product-01 .product-right .pro-text .info{line-height:1.7;color:#444;margin-bottom:30px}
.inside-product-01 .product-right .pro-img{width:46%;margin-right: 3rem;overflow: hidden;}
.inside-product-01 .product-right .pro-img img{display:block;transition: .5s;}
.inside-product-01 .product-right .pro-list li .more-button{margin-top: 0;}
.inside-product-01 .product-right .pro-list li:hover .more-button .moreBtn:before {
    left: 0;
    top: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
}
.inside-product-01 .product-right .pro-list li:hover .pro-img img{-webkit-transform:scale(.9);transform:scale(.9)}
@media(max-width:1400px){
.inside-product-01 .product-left{width:26%;}
.inside-product-01 .product-wrap{gap:5rem;}
.inside-product-01 .product-right .pro-item .box{gap:5rem;}
}
@media(max-width:1023px){
.inside-product-01 .product-left{display: none;}
.inside-product-01 .product-wrap{display: block;padding:0;}
.inside-product-01{margin: 40px 0 20px 0;}
.inside-product-01 .product-right .pro-item .box{background-size:100%;display: block;}
.inside-product-01 .product-right .pro-item{padding: 20px;margin-bottom:20px;}
.inside-product-01 .product-right .pro-text .title{font-size: 18px;margin-bottom: 10px;}
.inside-product-01 .product-right .pro-text .info{font-size: 14px;margin-bottom: 15px;}
.inside-product-01 .product-right .pro-img{width:100%;margin-right: 0;text-align: center;}
.inside-product-01 .product-right .pro-img img{margin: 0 auto;}
}


/*产品详细*/
.inside-productxx-01{padding: 10rem 0;}
.product-xx-one{display:flex;align-items:center;gap:14rem;}
.product-xx-one .left{flex:1;padding:5rem;background:#F8F9FC;width:50%;}
.product-xx-one .left img{display:block;margin:0 auto}
.product-xx-one .right{flex:1}
.product-xx-one .right .title{font-size:4rem;margin-bottom:3rem;color:#000;}
.product-xx-one .right .info{font-size:1.8rem;color:#666;line-height:1.8;margin-bottom:10rem}

.product-xx-two{padding-top: 6rem;}

.product-xx-two .tech-title{font-size:4rem;margin-bottom:3rem;color:#000;}
.product-xx-two .table-box{overflow-x:auto}
.product-xx-two .tech-table{width:100%;min-width:650px;border-collapse:collapse}
.product-xx-two .tech-table td,.product-xx-two .tech-table th{padding:2.2rem 3rem;text-align:left;font-size:1.8rem;color:#333}
.product-xx-two .tech-table thead tr{background-color:#F8F9FC}
.product-xx-two .tech-table tbody tr{border-bottom:1px solid #eee}
.product-xx-two .tech-table th{font-weight: normal;}

@media screen and (max-width:1023px){
.product-xx-one{gap:6rem;}
.product-xx-one .right .title{font-size:20px;margin-bottom: 15px;}
.product-xx-one .right .info{font-size: 14px;margin-bottom: 20px;}
.inside-productxx-01{padding: 40px 0 10px 0;}
}
@media screen and (max-width:992px){
.product-xx-two .tech-title{font-size:20px}
.product-xx-two .tech-table td,.product-xx-two .tech-table th{padding:18px 20px;font-size:14px}
}
@media screen and (max-width:767px){.product-xx-one{flex-direction:column;padding:0;gap:30px}
.product-xx-one .left{padding:2rem;width:100%;}


}


 /* ===== 首页关于区：量子全链路模块 START ===== */
.atom-chain-module{margin: 56px 0 48px; border: 1px solid #e8e8e8; background: #fff; display: grid; grid-template-columns: minmax(250px, 1fr) minmax(320px, 1.38fr) minmax(250px, 1fr); min-height: 530px; overflow: hidden;}
.atom-chain-side{display: grid; grid-template-rows: repeat(3, 1fr);}
.atom-chain-card{position: relative; padding: 24px 35px; border-bottom: 1px solid #ededed; text-align: left; color: #444; display: flex; flex-direction: column; justify-content: center; cursor: pointer; transition: background .28s ease;}
.atom-chain-card:last-child{border-bottom: 0;}
.atom-chain-card::before{display: none;}
.atom-chain-card.is-active{background: #fafafa;}
.atom-chain-card.is-active h3::before{opacity: 1; transform: translateY(-50%) scale(1.08);}
.atom-chain-card h3{margin: 0 0 7px; font-size: 20px; line-height: 1.3; color: #3e3e3e; font-weight:normal; position: relative;font-family: 'MiSans-Demibold';}
.atom-chain-card h3::before{content: ""; width: 10px; height: 10px; border-radius: 50%; background: #ff6a00; position: absolute; left: -25px; top: 50%; opacity: .35; transform: translateY(-50%); transition: opacity .28s ease, transform .28s ease;}
.atom-chain-card h4{margin: 0 0 18px; font-size: 20px; line-height: 1.45; color: #333; font-weight: normal;font-family: 'MiSans-Demibold';}
.atom-chain-card p{margin: 0; font-size: 15px; line-height: 2; color: #444;}
.atom-chain-side-left .atom-chain-card:nth-child(2){cursor: default;}
.atom-chain-side-right .atom-chain-card:nth-child(1){cursor: default;}
.atom-chain-side-right .atom-chain-card:nth-child(3){cursor: default;}
.atom-chain-side-left .atom-chain-card:nth-child(2) h3::before{display: none;}
.atom-chain-side-right .atom-chain-card:nth-child(1) h3::before{display: none;}
.atom-chain-side-right .atom-chain-card:nth-child(3) h3::before{display: none;}
.atom-chain-side-right{border-left: 1px solid #ededed;}
.atom-chain-side-left{border-right: 1px solid #ededed;}
.atom-chain-stage{position: relative; display: flex; align-items: center; justify-content: center; min-height: 610px;}
.atom-chain-pointer{position: absolute; left: 6%; top: var(--pointer-top, 250%); width: 17%; height: 12px; transform: translateY(-50%); transition: top .32s ease; pointer-events: none;}
.atom-chain-stage.is-pointer-right .atom-chain-pointer{left: auto; right: 6%;}
.atom-chain-pointer::before{content: ""; position: absolute; left: 0; right: 10px; top: 50%; height: 1px; transform: translateY(-50%); background: linear-gradient(90deg, #ff6a00 0%, #8657ff 76%, #2c69ff 100%);}
.atom-chain-pointer::after{content: ""; width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, #ff6a00 0%, #2c69ff 100%); position: absolute; right: 0; top: 50%; transform: translateY(-50%); box-shadow: 0 0 0 2px rgba(255,255,255,.9);}
.atom-chain-stack{position: relative; width: 56%; max-width: 250px; min-width: 230px; min-height: 610px; padding: 28px 0; box-sizing: border-box; display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); row-gap: 22px; z-index: 1;}
.atom-chain-layer{position: relative; width: 100%; height: 100%; border: 0; background: transparent; padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; justify-self: center;}
.atom-chain-layer img{position: absolute; left: 50%; top: 50%; width: 100%; max-width: 250px; max-height: 100%; display: block; object-fit: contain; transform: translate(-50%, -50%); transition: opacity .28s ease, transform .28s ease;}
.atom-chain-layer .img-active{position: absolute; opacity: 0;}
.atom-chain-layer.is-active .img-active{opacity: 1; transform: translate(-50%, calc(-50% - 5px));}
.atom-chain-layer.is-active .img-normal{opacity: 0;}
.atom-chain-layer:not(.is-active):hover img{transform: translate(-50%, calc(-50% - 3px));}
.atom-chain-dash{position: absolute; left: 50%; top: 25.6%; width: clamp(230px, 52%, 270px); height: 45.9%; transform: translateX(-50%); pointer-events: none; opacity: .85;}
.atom-chain-dash-line{position: absolute; width: 12px; height: 37.7%; border-left: 1px dashed #8c8c8c;}
.atom-chain-dash-line::before{content: ""; position: absolute; left: -5px; top: -1px; width: 8px; height: 8px; border-left: 1px solid #8c8c8c; border-top: 1px solid #8c8c8c; transform: rotate(45deg); background: #fff;}
.atom-chain-dash-line.left-top{left: 0; top: 0; transform: translate(12px, 6.2%);}
.atom-chain-dash-line.right-top{right: 0; top: 0; transform: translateY(6.2%);}
.atom-chain-dash-line.left-bottom{left: 0; bottom: 0; transform: translate(12px, 10.3%);}
.atom-chain-dash-line.right-bottom{right: 0; bottom: 0; transform: translateY(10.3%);}
@media (min-width: 993px) and (max-height: 820px){
    .atom-chain-dash{top: 27%; width: clamp(260px, 58%, 310px); height: 42%;}
    .atom-chain-dash-line{height: 37%;}
    .atom-chain-dash-line.left-top{transform: translate(19px, 10%);}
    .atom-chain-dash-line.right-top{transform: translate(-8px, 10%);}
    .atom-chain-dash-line.left-bottom{transform: translate(19px, 10%);}
    .atom-chain-dash-line.right-bottom{transform: translate(-8px, 10%);}
}
@media (max-width: 992px){
    .atom-chain-module{grid-template-columns: 1fr; min-height: 0;}
    .atom-chain-side{display: block; border: 0;}
    .atom-chain-side-left{display: block; border: 0;}
    .atom-chain-side-right{display: block; border: 0;}
    .atom-chain-side-left .atom-chain-card:nth-child(2){display: none;}
    .atom-chain-side-right .atom-chain-card:nth-child(1){display: none;}
    .atom-chain-side-right .atom-chain-card:nth-child(3){display: none;}
    .atom-chain-card{min-height: 180px; border-bottom: 1px solid #ededed;}
    .atom-chain-stage{min-height: 560px; border-bottom: 1px solid #ededed; order: 2;}
    .atom-chain-side-left{order: 1;}
    .atom-chain-side-right{order: 3;}
    .atom-chain-pointer{left: 11%; width: 23%;}
    .atom-chain-stage.is-pointer-right .atom-chain-pointer{left: auto; right: 11%;}
}
@media (max-width: 640px){
.atom-chain-card h3::before{left: -18px;}
    .atom-chain-module{margin: 34px 0 34px;}
    .atom-chain-stage{min-height: 500px;}
    .atom-chain-dash{top: 24.8%; width: clamp(205px, 58%, 245px); height: 50.8%;}
    .atom-chain-stack{width: 64%; min-width: 205px; max-width: 250px; min-height: 500px; padding: 24px 0; row-gap: 18px;}
    .atom-chain-card{padding: 22px 18px 22px 24px;}
    .atom-chain-card h3{font-size: 18px;}
    .atom-chain-card h4{font-size: 18px;}
    .atom-chain-card p{font-size: 14px; line-height: 1.85;}
    .atom-chain-pointer{left: 7%; width: 11%;}
    .atom-chain-stage.is-pointer-right .atom-chain-pointer{left: auto; right: 5%;}
}
@media (max-width: 768px){
    .atom-chain-dash{top: 25%; width: clamp(260px, 82%, 330px); height: 48%;}
    .atom-chain-dash-line{height: 34%;}
    .atom-chain-dash-line.left-top{transform: translate(36px, 5%);}
    .atom-chain-dash-line.right-top{transform: translate(-27px, 5%);}
    .atom-chain-dash-line.left-bottom{transform: translate(36px, 8%);}
    .atom-chain-dash-line.right-bottom{transform: translate(-27px, 8%);}
}


/*首页产品中心*/
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
 /*
.jxh-page .place-block {
 height: 100vh;
  background-color: #f5f5f5;
}*/
.jxh-page .image-section .top-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.jxh-page .image-section .top-sticky .inner-box {
  position: relative;
  padding-top: 15px;
  z-index: 20;
}
.jxh-page .image-section .title-box {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 20;
}
.jxh-page .image-section .title-box .small-text {
  color: var(--60, #999);
  font-family: MiSans;
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 450;
  line-height: 1.3333333333;
  margin-bottom: 21px;
  text-align: center;
}
.jxh-page .image-section .title-box .big-text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.jxh-page .image-section .title-box .big-text .p {
  position: relative;
}
.jxh-page .image-section .title-box .big-text .p span {
  font-size: clamp(38px, 2.8125vw, 54px);
  font-weight: 450;
  line-height: 1.3333333333;
}
.jxh-page .image-section .title-box .big-text .p span:nth-child(2) {
  background: linear-gradient(270deg, #FF6700 0.48%, #8946E6 29.81%, #0754ED 54.33%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.jxh-page .image-section .title-box .big-text .p::before, .jxh-page .image-section .title-box .big-text .p::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 50%;
  background: #FF6700;
}
.jxh-page .image-section .title-box .big-text .p::before {
  left: -18px;
  bottom: 20.8333333333%;
}
.jxh-page .image-section .title-box .big-text .p::after {
  right: -18px;
  top: 20.8333333333%;
}
.jxh-page .image-section .svg-box {
  overflow: hidden;
}
.jxh-page .image-section .svg-box img {
  width: 100.8333333333%;
  -webkit-transform: translateX(-0.4166666667%);
          transform: translateX(-0.4166666667%);
}
.jxh-page .image-section .product-box {
  width: 100%;
}
.jxh-page .image-section .product-box .wrap {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
}
.jxh-page .image-section .product-box .wrap .inner-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item {
  position: -webkit-sticky;
  position: sticky;
  top: var(--card-sticky-top, 100px);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  z-index: calc(var(--index, 0) + 1);
  -webkit-transform: translate3d(0, var(--stack-translate-y, 0), 0) scale(calc(1 - var(--sticky-progress, 0) * (1 - var(--stack-scale-min, 1))));
          transform: translate3d(0, var(--stack-translate-y, 0), 0) scale(calc(1 - var(--sticky-progress, 0) * (1 - var(--stack-scale-min, 1))));
  will-change: transform;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .product-img {
  width: 100%;
  display: block;
  border-radius: 10px;
  aspect-ratio: 1440/650;
  object-fit: cover;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top {
  position: absolute;
  left: 3.75%;
  top: 11.7575757576%;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .small-index {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(14px, 1.041666vw, 20px);
  line-height: 2;
  font-weight: 380;
  gap: 6px;
  padding-left: 22px;
  position: relative;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .small-index::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  border-radius: 50%;
  background: #FF6700;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .small-index .current-index {
  color: #fff;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .small-index .line {
  color: #ccc;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .small-index .total-index {
  color: #999;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .title-text {
  font-size: clamp(22px, 1.6666vw, 32px);
  line-height: 1.5;
  color: #fff;
  margin-bottom: 4%;
  width: 6em;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .desc-text {
  color: #FFF;
  font-size: clamp(14px, 1.041666vw, 20px);
  font-weight: 380;
  line-height: 1.6;
  width: 10em;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom {
  width: 92.5%;
  left: 3.75%;
  bottom: 10.9090909091%;
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box .btn {
  width: clamp(162px, 11.875vw, 228px);
  height: clamp(50px, 3.4375vw, 66px);
  font-size: clamp(14px, 1.041666vw, 20px);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  gap: 7px;
  cursor: pointer;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box .btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(270deg, #FF6700 12.5%, #8946E6 63.94%, #0754ED 100%);
  transition: all 0.2s linear;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box .btn .dot {
  width: 12px;
  height: 12px;
  display: block;
  background: #FF6700;
  border-radius: 50%;
  position: relative;
  z-index: 20;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box .btn .str {
  display: block;
  color: #FFF;
  font-weight: 380;
  position: relative;
  z-index: 20;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box .btn:hover::before {
  width: 150%;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .right-desc-box {
  width: 216px;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .right-desc-box .desc-item {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: 1.7777777778;
  color: #fff;
  position: relative;
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .right-desc-box .desc-item::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(56, 189, 255, 0.4) 0%, rgba(56, 189, 255, 0.15) 100%);
  left: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .right-desc-box .desc-item:not(:last-child) {
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .jxh-page .image-section .inner-box {
    padding-top: 0;
  }
  .jxh-page .image-section .title-box {
    position: static;
  }
  .jxh-page .image-section .title-box .small-text {
    font-size: clamp(12px, 3.2vw, 24px);
    margin-bottom: 5px;
  }
  .jxh-page .image-section .title-box .big-text .p::before, .jxh-page .image-section .title-box .big-text .p::after {
    display: none;
  }
  .jxh-page .image-section .title-box .big-text .p span {
    font-size: clamp(18px, 4.8vw, 36px);
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container {
    position: static;
    top: 0;
    left: 0;
    background: #fff;
    padding: clamp(16px, 4.2666vw, 32px) 0;
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top {
    position: static;
    top: 0;
    left: 0;
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .small-index {
    display: none;
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .title-text {
    width: 100%;
    text-align: center;
    font-size: clamp(16px, 4.2666vw, 32px);
    line-height: 1.5;
    margin-bottom: 4px;
    color: #333;
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .left-top .desc-text {
    width: 100%;
    font-size: clamp(12px, 3.2vw, 24px);
    text-align: center;
    line-height: 1.3333333333;
    color: #333;
    margin-bottom: clamp(18px, 4.8vw, 36px);
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom {
    position: static;
    top: 0;
    left: 0;
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box .btn {
    width: 100%;
    width: clamp(114px, 30.4vw, 228px);
    height: clamp(34px, 8.8vw, 66px);
    line-height: clamp(34px, 8.8vw, 66px);
    font-size: clamp(12px, 3.2vw, 24px);
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .btn-box .btn .dot {
    width: clamp(6px, 1.6vw, 12px);
    height: clamp(6px, 1.6vw, 12px);
  }
  .jxh-page .image-section .product-box .wrap .inner-box .product-item .item-container .bottom .right-desc-box {
    display: none;
  }
  
  .index-news-one .box-text .title01{min-height: auto;}
  
  
  
}