@charset "utf-8"; 
ul,li {list-style: none}
.demo-wrapper{display:none;position: fixed;z-index: 99999; width:100vw;}
.padT-to-head{padding-top:110px !important;}
.top-fixed{position:fixed;top:0px;background:rgba(255,255,255,1);z-index:90;width: 100%;}
.header {width: 100%;transition: all .5s;position:relative;top:0;left: 0;z-index:5;border-bottom:1px solid #e6e6e6;height:62px;}
.header .logo {width:150px;margin-top:14px;}
.header .logo img {vertical-align: middle}

.nav-inside{display: flex;justify-content:space-between}
.nav-inside .list{display: flex; gap:20px; list-style: none;width:1110px;height:62px;line-height:1.5;justify-content:flex-end;}
.nav-inside li {position: relative; padding: 10px 0;font-size: 16px; font-weight: 400;transition: opacity .25s ease;margin-left:54px;margin-top:5px;line-height: 2.05;}
.serviceBtn:hover{cursor:pointer;}
.nav-inside li a{text-decoration: none;display: inline-block;color:#000000}
/* hover 下划线从左划过 */
.nav-inside li::after {
    content: '';
    position: absolute; left: 0; bottom:1px;
    width: 0; height: 2px;
    background: #4202DD;
    transition: width .32s ease;
  }
.nav-inside li:hover::after { width: 100%; }
.nav-inside li:hover { opacity:1; }

.s-nav{display:flex;flex-direction:row-reverse;height:47px;}
.s-nav span,.s-nav a{display:inline-block;padding:5px 0px 4px 28px;text-align:center;color:#555;color:#7E7E7E;font-size:14px; cursor:pointer;line-height:2.7}
.s-nav a:hover{color:var(--color-primary)}
.nav-inside>ul>li:hover> .panel {opacity: 1; visibility: visible;box-shadow: 0px 20px 19px rgba(0, 0, 0, 0.12);transform: translateX(calc(-50vw - 61px)) translateY(0);}
.panel{position: absolute;width:100vw;top:55px; background: #ffffff; color:#000000;padding:60px 80px;border:1px solid #eee; opacity:0; visibility: hidden;} 

.grid {max-width:1200px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.8rem;margin-top: 0.8rem;margin:0 auto;}
.grid-item {padding:28px 24px 28px 48px;transition: all 0.2s ease;display: flex;flex-direction: column;width: 450px;}
.col-left{border-right: 1px solid #e0e5ef;}

.item-list {display:flex;flex-direction:column; gap:20px;align-content: start;}
.list-entry {display: flex;flex-direction:column;align-items: flex-start;gap: 0.7rem;padding: 0.2rem 0; }
.list-entry:last-child {border-bottom: none;padding-bottom: 0;}
.entry-text{font-size: 16px;font-weight: 400;letter-spacing: 0.01em;line-height: 1.4;word-break: break-word;color:#666666; }
.entry-text a{color:#666666 !important;}
.entry-text-title a{font-size:20px;font-weight:700;color:#000;}
.card-title{font-size:16px;font-weight:400;color:#ffffff;width:auto;margin-bottom: 1.4rem;line-height: 1.3;text-align:left; }
.card-title span{display:inline-block;background:var(--color-primary);padding:6px 12px;}
.entry-text a:hover,.entry-text-title a:hover{color:var(--color-primary) !important;}

.location{display: flex;flex-direction: row;justify-content:space-between;padding:40px 0px 30px;}
.location .location-group{width:760px;}
.location .location-sub{width:238px;}
.locationSite{font-size:16px;display: flex;flex-wrap:wrap;justify-content: flex-start;align-items: center; }
.locationSite img{width:6px;margin-right:5px;}
.sites{display: flex;flex-wrap: wrap;flex-direction: column; gap:30px; justify-content: flex-start;align-items: center; padding:30px 0px;}
.sites-thr{flex-direction: column;align-items:flex-start;}
.sites-more{flex-direction: row; }
.sites-more >*{width:30%}
.sites dl{}
.sites dl dt{font-size:16px;line-height:1.3}
.sites dl dt a{color:#666;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: center;gap:10px;position:relative;}
.sites dl dt a:hover{color:var(--color-primary)}

.sites dl dt span:nth-child(1){width:21px;text-align:center;position:relative;height:21px;}
.sites dl dt span:nth-child(1) img{height:21px;display:inline-block;position:absolute;top:0;left:0;}
.sites dl dt span:nth-child(2){display:inline-block;}
.sites dl dt span:nth-child(3) img{width:8px;display:inline-block;}

.sites-more-imgC{opacity:0}
.sites-more-imgA{opacity: 0.5}

.sites dl dt a:hover .sites-more-imgA{opacity: 0}
.sites dl dt a:hover .sites-more-imgC{opacity: 1;}
/* 内容区域 - 默认收起 */
#toggleContent{ overflow: hidden; max-height: 0; opacity: 0; margin-top: 0;
            transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                        opacity 0.25s ease,
                        margin 0.3s ease,
                        padding 0.2s ease,
                        border-color 0.3s;
        }
/* 展开状态 */
#toggleContent.expanded{ max-height: 500px; opacity: 1; }


.video-container{width: 100%;position: relative;height:100%;overflow: hidden;}
.video-container video{ width: 100%; height: 100%; object-fit: cover; object-position:center 50%;  z-index: 1;}
.video-container .banner_bg {width: 100%;height: 100%;display: block;}


/* 重要：微信X5内核下，video需要强制全屏宽高 */
.x5-video { width: 100% !important; height: 100% !important; object-fit: cover !important;}
.video-container .banner_bg {width: 100%;display: block;}

.font-under{color:rgba(239,239,239,1);font-size:8em;margin:0 auto;text-align: center;padding:2em 0;position:absolute;z-index: 22}
.font-up{color:#000;margin:0 auto;text-align: center;padding:2em 0;position:absolute;z-index: 23}

/*首页重叠字*/
.box {display: grid;width: 100%;padding:100px 0 90px;}
.layer-bg{line-height:1.3}
.layer-bg, .layer-text {text-align: center;
  grid-area: 1/1; /* 放在同一网格区域，自动重叠 */
}
.layer-bg{font-size:9em;color:rgba(239,239,239,1);}
.layer-text {z-index:2;color:#000;padding-top: 5em;}
.font-up-1{font-size:4.5em;}
.font-up-2{font-size:3em;}
.index-title-one div:nth-child(1){font-size:24px;}
.index-title-one div:nth-child(2){font-size:30px;margin:4px 0px;font-weight:700;}
.index-title-one div:nth-child(3){font-size:24px}



.index-111-text{position:absolute;top:300px;z-index:9;width:1100px;left:50%;margin-left:-550px}
@media (min-width: 1930px) {
  .index-111-text{
    width: 1600px; /* 适当放宽，避免两边太空 */
   	margin-left:-800px;
  }
}
@media (max-width:1024px) {
  .index-111-text{
    width: 90%;
   	margin-left:0px;left:5%;right:0;bottom:0;
   	top:200px;z-index:9;
  }
}
/*实验室用品*/
.lab-sup-title{padding-top:200px;}
.lab-sup-title-01{font-weight:500;font-size: 22px; color: var(--color-primary);font-family: 'MiSans'!important;}
.lab-sup-title-02{font-size:40px;margin:1.6rem 0 2.6rem;}
.lab-sup-title-03{font-size:16px;padding-right:200px;line-height:1.8}
.lab-sup-title-04{font-size:40px;margin:105px 0px 24px;}


.lab-sup-box{margin:140px auto 0px;background:rgb(244 248 255);flex-direction: column;padding-bottom:190px;overflow: hidden;}
.laboratory-supplies-bg-1{position:absolute;right: -10px;top: -30px;width: 1100px;opacity: 0.8;}
.laboratory-supplies-bg-2{position:absolute;left: -20px;top: 440px;width: 800px;opacity: 0.6;}
.laboratory-supplies-bg-3{position:absolute;right: -80px;top: 1310px;width: 1000px;opacity: 0.6;}
.lab-sup-con{margin:0 auto 2rem;}
.lab-sup-con div:nth-child(1){font-size:40px;color: var(--color-primary)}
.lab-sup-con div:nth-child(2){font-size:16px;margin:0 0 2.6rem;padding-right:40%;}
.lab-sup-con div:nth-child(3){font-size:16px;color: var(--color-primary)}
.icon-arrow img{width:18px;margin-left:10px;vertical-align: middle;transition: transform 0.2s linear;}
.lab-sup-con a,.lab-sup-con a:hover{color:var(--color-primary)}
.lab-sup-con a:hover img{transform: translateX(5px) ;}

.lab-sup-con-tip01{padding-top: 100px;}
.lab-sup-con-tip02{padding-top: 130px;}
.lab-sup-con-tip03{padding-top:160px}

.lab-sup{display:flex;margin:0 6rem;gap:2rem;z-index:2;}
.lab-sup > * {flex: 1; }
.lab-sup-min{position:relative;padding:3rem 3rem 2rem;border:1px solid #fff;border-radius:1.2rem;flex:1;background:#fff; transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);overflow:hidden;}
.lab-sup-min:hover{border:1px solid var(--color-primary);cursor: pointer; transform: scale(1.05);box-shadow:0px 0px 20px 0px #4202dd1f;}

.lab-sup-min.thr-instr-tab01{background:url(../images/lab-sup-min-onebg-01.jpg) center/cover no-repeat}
.lab-sup-min.thr-instr-tab02{background:url(../images/lab-sup-min-onebg-02.jpg) center/cover no-repeat}
.lab-sup-min.thr-instr-tab03{background:url(../images/lab-sup-min-onebg-03.jpg) center/cover no-repeat}
.lab-sup-min.thr-instr-tab04{background:url(../images/lab-sup-min-onebg-04.jpg) center/cover no-repeat}
.lab-sup-min.thr-instr-tab05{background:url(../images/lab-sup-min-onebg-05.jpg) center/cover no-repeat}



.lab-sup-min div:nth-child(2){font-size:24px;color:#333333;padding-bottom:1rem;border-bottom:1px solid #e7e7e7;margin-bottom:1rem;}
.lab-sup-min div:nth-child(2) a{color:#000;}
.lab-sup-min div:nth-child(2) a:hover{color:var(--color-primary);}
.lab-sup-min div:nth-child(3){font-size:16px;color:#666666;min-height: 80px; }
.lab-sup-min div:nth-child(1){display: flex;align-items: flex-end;position:relative;margin-bottom:80px;height: 160px;}

.img-pic{display: flex;justify-content: center;  align-items: flex-end;height:150px;width: 100%;position:absolute; }
.img-icon{display: flex;justify-content:left;  align-items: flex-end;height:150px; position:absolute;}
.img-pic img{width:170%;top:0px;left:0px;transition: 0.15s ease;display:none;}
.img-icon img{z-index:6;top:50px;left:0px;transition: 0.15s ease;width:50%}

.lab-sup-min:hover .img-icon img{display:none;}
.lab-sup-min:hover .img-pic img{display:block;}







.professional-service{background:url(../images/lab-service-bg.png) no-repeat;background-size:cover;background-position:center;padding:5rem 0}
.professional-service .service-list{display:flex;flex:1;gap:50px;}
.professional-service .service-list div{padding:5rem 0 3rem;border:1px solid #fff;display:flex;flex-direction: column;color:#fff;flex:1;}
.professional-service .service-list div span{display:block;text-align: center;}
.professional-service .service-list div span:nth-child(1){}
.professional-service .service-list div span:nth-child(2){font-size:24px;margin-top:3rem}
.professional-service .service-list div span:nth-child(3){font-size:16px;}
.pro-ser-title{font-size:40px; color:#fff;text-align:center;}
.pro-ser-title2{font-size:16px; color:#fff;text-align:left;width:70%;margin:3rem auto;}

.professional-service .service-list div:hover{background:#fff;cursor: pointer}
.professional-service .service-list div:hover img{filter: brightness(0) saturate(100%) invert(14%) sepia(88%) saturate(6986%) hue-rotate(244deg) brightness(98%) contrast(121%);}
.professional-service .service-list div:hover span{color:#666;}


.pro-ser-btn{font-size:20px;padding:0.6rem 1.2rem;background:#fff;margin:3rem auto;width:16%;text-align:center;}

.hot-pro .hot-pro-title{font-size:40px;margin:8rem auto 3rem;text-align: center;}
.hot-pro-btn{font-size: 20px;padding: 0.6rem 1.2rem;background: #3815dd;color: #fff;margin: 3rem auto;width:160px;text-align: center;}
.scroll-wrapper {display: flex;width: 100%;background: white;border-radius: 24px;gap:16px;}
.scroll-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
      padding: 0 12px;
    }

    .arrow-group {
      display: flex;
      gap: 6px;
    }

    .arrow-btn {
      border-radius: 40px;
      border: 1px solid #dce0e800;
      background: white;
      font-size: 7rem;
      font-weight: 300;
      color: #2c3a5e;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.15s;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
      line-height: 1;
      user-select: none;
    }

    .arrow-btn:hover:not(:disabled) {
      background: #f0f5ff00;
      border-color: #8ba0d000;
      color: #0f1e3c;
      transform: scale(1.1);
    }

    .arrow-btn:disabled {
      opacity: 0.3;
      cursor: default;
      border-color: #e9edf4;
      background: #fafbfd;
      color: #b0bccf;
    }

    .scroll-track {
      position: relative;
      overflow: hidden;
      border-radius: 16px;
      margin: 4px 0 2px;
    }

    .cards-container {
      display: flex;
      gap:27px;
      transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1);
      will-change: transform;
      padding: 4px 2px 8px;
    }

    .product-card {
      flex: 0 0 calc((100% - 5 * 16px) / 4);
      width: auto;
      background: #ffffff;
      border-radius: 18px;
      border: 1px solid #eef2f8;
      padding: 16px 10px 14px;
      text-align: center;
      transition: 0.15s ease;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.01);
      display: flex;
      flex-direction: column;
      align-items: center;
      text-decoration: none;
      color: inherit;
      cursor: default;
      justify-content: space-between;
    }

    .product-card:hover {
      border-color: #c8d6e8;
      box-shadow: 0 8px 18px rgba(26, 48, 90, 0.06);
      transform: translateY(-2px);
      background: #fafcff;
    }

    .product-card img {
      width: 100%;
      aspect-ratio: 1/1;
      object-fit: cover;
      background: #f0f4fe;
      border-radius: 14px;
      margin-bottom: 10px;
      border: 1px solid #f0f4fc;
      display: block;
      align-self: center;
    }

    .item-text {
      font-size:20px;
      color: #1a2639;
      line-height: 1.4;
      margin: 6px 0 4px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-word;
      min-height: 2.8rem;
    }


    @media (max-width: 1024px) {
      .product-card {
        flex: 0 0 calc((100% - 4 * 16px) / 5);
        min-width: 130px;
      }
    }

    @media (max-width: 800px) {
      .product-card {
        flex: 0 0 calc((100% - 3 * 16px) / 4);
        min-width: 120px;
      }
    }

    @media (max-width: 600px) {
      .product-card {
        flex: 0 0 calc((100% - 2 * 16px) / 3);
        min-width: 100px;
      }
      .scroll-wrapper {
        padding: 16px 10px;
      }
    }


/*实验室全生命周期服务*/
.service-plan{color:#333;display:flex;flex:1;gap:50px;}
.service-plan div{display:flex;flex-direction: column;flex:1;text-align: center;background:#eee;color:#666666;padding: 1.6rem 0rem 1.5rem; }
.service-plan div label{font-size:40px;font-weight:400;}
.service-plan div label i{font-size:16px;font-style: normal;}
.service-plan div span{font-size:16px;}

.lab-e-l-ecosystem-box{margin:160px auto;}
.lab-e-l-ecosystem{}
.lab-e-l-ecosystem-title{font-size:40px;margin-bottom:24px;}
.lab-e-l-ecosystem-con{display:flex;flex:1;gap:30px;height:620px;overflow: hidden;flex-wrap: wrap;}
.lab-e-l-ecosystem-con .one{width:calc(33.333% - 20px);display:flex;flex-direction: column;gap:5px;}
.lab-e-l-ecosystem-con .one:nth-child(1){background:#3012BC;}
.lab-e-l-ecosystem-con .one:nth-child(2){background:#7f39f9;}
.lab-e-l-ecosystem-con .one:nth-child(3){background:#5b91fe;overflow:hidden;}
.lab-e-l-ecosystem-con .one .lab-e-l-title{height:60%;color:#fff;padding:80px 48px;}

.lab-e-l-ecosystem-con .one div:nth-child(2){height:40%}
.lab-e-l-title span{display:block;text-align:justify;}
.lab-e-l-title span:nth-child(1){font-size:26px;margin-bottom:1.4rem}
.lab-e-l-title span:nth-child(2){font-size:1rem;}
.lab-e-l-ecosystem-con img{width:100%;}
/*
.lab-e-l-ecosystem-con .one:nth-child(3) img{width:120%;margin-top:-20px;margin-left:-20px;}*/

.excellent-case{display:flex;flex:1;gap:30px;height:42vh;overflow: hidden;flex-wrap: wrap;align-content: flex-start; }
.excellent-case .one {width:calc(33.333% - 20px);}
.excellent-case .one .one-img{color:#fff;overflow: hidden;height:76%}
.excellent-case .one div{font-size:2rem;color:#000000;text-align: center;}
.excellent-case img{width:110%;}


.lab-iso-box{margin:120px auto;}
.lab-iso{display:flex;gap:40px;}
.lab-iso div:nth-child(1){display:flex;flex-direction: column;flex: 3;}
.lab-iso div:nth-child(1) .lab-iso-one{padding-left:calc((100vw - 1110px) / 2 );display:flex;justify-content: flex-start;width: 96%; text-align: justify;}
.lab-iso div:nth-child(1) .lab-iso-one span:nth-child(1){font-size:40px;margin-top:2rem}
.lab-iso div:nth-child(1) .lab-iso-one span:nth-child(2){font-size:16px;margin-top:2rem}
.lab-iso div:nth-child(1) .lab-iso-one span:nth-child(3){font-size:16px;margin-top:2rem}
.lab-iso div:nth-child(1) img:nth-child(1){width:18%}
.lab-iso div:nth-child(1) img:nth-child(2){width:14%}
.lab-iso div:nth-child(2) {flex: 2;}
.lab-iso div:nth-child(2) img{width:100%}
.lab-iso-one-phone{display:none;}

.quality-res-hardware{width:100%;margin:0 auto;}
.quality-res-hardware-title{font-size:40px;width:1110px;margin:30px auto;}
.quality-res-hardware-con{display:flex;gap:40px;height:700px;overflow: hidden;flex-wrap: wrap;margin:0 5%}
.quality-res-hardware-con > *{flex:1;}
.quality-res-hardware-con .one:nth-child(1){background:#3012BC;}
.quality-res-hardware-con .one:nth-child(2){background:#7f39f9;}
.quality-res-hardware-con .one:nth-child(3){background:#5b91fe;}
.quality-res-hardware-con .one:nth-child(4){background:#5b91fe;}
.quality-res-hardware-con .one .quality-res-h-title{height:430px;color:#fff;padding:40px 40px;}

.quality-res-h-title span{display:block;}
.quality-res-h-title span:nth-child(1){font-size:30px;margin-bottom:20px}
.quality-res-h-title span:nth-child(2){font-size:16px;line-height:1.6}
.quality-res-hardware-con .one{overflow: hidden;position: relative}
.quality-res-hardware-con img{width:100%; height:300px; object-fit: cover; object-position: center;}


/*实验室全生命周期服务结束*/

/*创新平台*/
.innov-bg{background:#f3fbff}
.innov-01-pt{padding-top:80px;}
.innov-02-pt .parallax-wrapper{margin-top:100px;}
.innov-03-pt{padding-top:7%}
.innov-04-pt{padding-top:5%}
.innov-05-ptb{padding-top:0%;padding-bottom:20%}
.innov-05-ptb .parallax-wrapper{margin-top:100px;}
.plat-headbg{width:100%;background: url(../images/plat-headbg.jpg) center/cover;height:500px;position: relative;}
.plat-head-sog{background: var(--color-primary);width:50%;color:#fff;font-size:46px;position:absolute;bottom:160px;left:0px;padding:0;display:flex;justify-content: flex-end;}
.plat-head-sog div{display:flex;justify-content:flex-end;flex-direction: column;padding: 20px 50px 20px 100px; }
.plat-head-sog span{font-size:28px;}
.plat-mes div{width:83%;text-align:left;font-size:20px;padding-bottom:20px;line-height:1.8}
.plat-mes div:nth-child(1){font-size: 24px;font-weight:500; color: var(--color-primary);font-family: 'MiSans'!important;}
.plat-mes div:nth-child(2){font-size: 32px;margin:0;line-height:1.6;}

.parallax-wrapper{position: absolute; top: 0px;left: 0px;width:100%;height:120%;overflow: hidden;}
.parallax-image{height:120vh;position: absolute;}

.category-1 .parallax-image{background: url(../images/category-1-img-bg.jpg) center/cover;mask-image: url(../images/mask-01.svg);mask-size: 100% 100%;-webkit-mask-image: url(../images/mask-01.svg);-webkit-mask-size: 100% 100%;background-attachment: fixed;background-position: left;}
.category-2 .parallax-image{background: url(../images/category-2-img-bg.jpg) center/cover;mask-image: url(../images/mask-01.svg);mask-size: 100% 100%;-webkit-mask-image: url(../images/mask-01.svg);-webkit-mask-size: 100% 100%;background-attachment: fixed;background-position: left;}

.category-3 .parallax-image{background: url(../images/category-3-img-bg.jpg) center/cover;}
.category-4 .parallax-image{background: url(../images/category-4-img-bg.jpg) center/cover;}
.parallax-image .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 等比铺满，不拉伸 */
  z-index: -1; /* 放到内容底层 */
}

.parallax-text-1{position:absolute;left:50%;width:500px;margin-left:180px;margin-top:50px;z-index:80}
.parallax-text-2{position:absolute;right:50%;width:500px;margin-top:-200px;z-index:80;margin-right:200px;}
.parallax-text-2 .content{padding-top:60vh}
.content .category-title{font-size:40px;color:var(--color-primary);letter-spacing: 6px;}

.content .category-sub{font-size:3rem;display:flex;flex-flow: row wrap;gap:20px;padding:16px 0 70px;}
.content .category-sub span{text-align: center;display: flex;align-items: center;gap: 10px;flex-direction: column;justify-content: space-between;}
.content .category-sub span label:nth-child(1){font-size:40px;display:block;}
.content .category-sub span label:nth-child(2){font-size:14px;color: #333;display:block;}          
.content .category-description{font-size:16px;line-height:1.6;text-align: justify;}
.category-des-card {max-width: 720px;width: 100%;margin-top:16px;margin-bottom:40px;}

.content .more{font-size:16px;padding-top:20px;color:#666;width:160px;text-align:left;}
.content .more img{width:42px;transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);margin-right:10px;margin-bottom:2px;}
.content .more:hover img{transform: scale(1.1);}
.content .more:hover{color:#4202DD;cursor: pointer;}
.category-1{padding-top:200px;}
.category-wrapper-hight{height:100vh;}

.career-note{font-size:54px;letter-spacing:2px;;font-weight:700;color:#451d00;display:flex;flex-direction: column;justify-content: center;text-align:center;margin-bottom:60px;}
.career-note .desc{font-size:24px;margin-top: 10px;font-weight:400;}

.parallax-image-iphone{display:none;}
@media (min-width: 1380px) {
    .category-1 .parallax-image { left: -25%;  width:80%;}
    .category-2 .parallax-image { right: -20%; width: 80%; }
   }
@media screen and (min-width:1110px) and (max-width:1379px){
	.innov-bg{background:none;}
	.category-1 .parallax-image {left: -35%; width:80%; }
    .category-2 .parallax-image { right: -30%; width: 80%; }
    
    .parallax-text-1{margin-left:50px; margin-top: 50px;}
    .parallax-text-2{margin-top:-200px;margin-right:50px;}
	.parallax-text-2 .content{padding-top:50vh}
}

@media screen and (max-width:1109px){
	.innov-bg{background:none;}
	.parallax-wrapper{position:relative;width: 100%; height:500px;}
	.parallax-image{none}
	.parallax-image-iphone{display:block;}
	.category-1{padding-top:20px;}
	.category-1 .parallax-image {-webkit-mask-image:none;height:100%; width: 100%;}
    .category-2 .parallax-image {-webkit-mask-image:none;height:100%; width: 100%;}
    
    .category-wrapper-hight{height:auto;}
    .parallax-text-1 {position:relative;left:0;  width:100%; margin-left:0px;margin-top: 50px; z-index: 80;}
    .parallax-text-2{position:relative;right:0;  width:100%; margin-right:0px;margin-top: 50px; z-index: 80;}
	.parallax-text-2 .content{padding-top: 20px;}
	.content .more{display:none;}
}
@media screen and (max-width:768px){
	.parallax-wrapper{height:260px;}
	.innov-01-pt{padding-top:20px;}
	.innov-02-pt .parallax-wrapper{margin-top:0px;}
	.category-1{padding-top:0px;}
	.content .category-title{font-size:24px;}
	.content .category-sub span label:nth-child(1){font-size:24px;}
	.content .category-sub span label:nth-child(2){font-size:16px;}
	.content .category-sub{padding:10px 0px 30px;}
	.parallax-text-1{margin-top:20px;}
	.parallax-text-2{margin-top:0px;}
	
	.innov-03-pt{padding-top:0%}
	.innov-04-pt{padding-top:0%}
	.innov-05-ptb{padding-top:0%;padding-bottom:0%}
	.innov-05-ptb .parallax-wrapper{margin-top:0px;}
	
	.career-note{font-size:28px;padding: 0px 50px;}
	.career-note .desc{font-size:16px;}
	.plat-mes div{width:100%;}
	.plat-mes div:nth-child(2){font-size:16px;margin-bottom:40px;}
	.category-1 .parallax-image {-webkit-mask-image:none;height:100%; width: 100%;}
    .category-2 .parallax-image {-webkit-mask-image:none;height:100%; width: 100%;}
    
    
}

   
/*创新平台结束*/


/*关于我们*/
.about-us{padding:30px 0px 60px;width:80%;height:auto;text-align: justify;}
.us-title{font-size: 40px;font-weight: 600;margin-bottom: 30px;line-height: normal;}
.us-content{font-size:17.6px;color: #000;line-height:2}

.about-mission{height:255px;;background:rgba(12, 98, 209, 1);width:100%;}
.mission{padding-top:70px;}
.mission div{font-size:24px;color:#fff;}
.mission div:nth-child(1){margin-bottom:20px}
.mission-tip{position:absolute;right:100px;bottom:0px;font-size: 110px;color:rgba(255,255,255,0.03);line-height:1}
.commitment-carousel .commitment-text{height: 100vh;background-color: rgba(0, 0, 0, .3);display:flex;}


.title-cover{margin-left:calc((100% - 1110px) / 2);position: relative;z-index:71;width:30%; }

.title-cover.fixed{position: fixed;z-index:70;top:100px;}
.title-cover.absolute{position: absolute;bottom:760px;}

.about-box{height:80vh; display:flex;overflow:hidden;}
.about-promise-text{height:100%;padding-bottom:8rem;padding-right:10px;width:320px;margin-left:calc((100% - 1110px) / 2);display: flex;align-items: flex-end;}
.about-promise-text div{margin-top: auto; }
.about-promise-text div p:nth-child(1){font-size:30px;margin-bottom:20px;}
.about-promise-text div p:nth-child(2){font-size:20px;color: #666;}   


.about-promise-text-net.fixed{position:fixed;bottom:20%;z-index:99;}

.about-promise-text-net{
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
}

.about-promise-text-net.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

   
.original-aspiration{height:74vh; display:flex;overflow:hidden;margin-top:26vh}    
.original-aspiration .original-asp-text{margin-left:calc((100% - 1110px) / 2);display: flex;align-items: flex-end;width:320px;}
.original-asp-text img{width:16%}
.original-asp-text div p:nth-child(1){font-size:30px;margin-bottom:20px;}
.original-asp-text div p:nth-child(2){margin-bottom:10px;}
.original-asp-text div p:nth-child(3){font-size:20px;margin-bottom:20px;}
.original-asp-text div p:nth-child(4){padding-right:10px;text-align: right;margin-bottom:20px;}
.original-asp-text div p:nth-child(5){font-size:30px;}
.original-asp-text div p:nth-child(6){font-size:20px;}


.original-asp-text-net.fixed{position:fixed;bottom:10px;z-index:99;}

.original-asp-text-net{
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
}

.original-asp-text-net.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}


.original-asp-bg{height: 100%;min-height: 850px;overflow: hidden;width:68%}
.card-body{height: 100%;}
.card-body div{width: 100%; max-width: 100%;;}
.card-body video{width: 100%;height: 100%;object-fit: cover;}

.something-valuable{height:88vh; display:flex;overflow:hidden;margin-top:14vh;position:relative;padding-left:calc((100% - 1110px) / 2);}
.something-valuable .something-valuable-text{position:absolute;top:0px;z-index:70;left:50%; margin-left:-555px;}
.something-valuable .something-valuable-text div{margin-top:9rem}
.something-valuable .something-valuable-text div p:nth-child(1){font-size:30px;margin-bottom:20px;}
.something-valuable .something-valuable-text div p:nth-child(2){font-size:20px;color: #666;}


.something-valuable-text-net.fixed{position:fixed;top: 10%;}

.something-valuable-text-net {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
}

.something-valuable-text-net.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}




.global-dis-tab{padding:50px 0px;height:auto;overflow:hidden;background:var(--color-primary);color:#fff;}
.global-dis-tab .mes{display:flex;align-items:center;justify-content:space-between}
.global-dis-tab .mes div{font-size:40px;padding-left:0px;}
.global-dis-tab .mes .running-num{display:flex; gap:50px;  overflow: hidden;width:71%}
.global-dis-tab .mes .running-num .d1{flex:1;display:flex;flex-direction: column;justify-content: space-around;align-items: center;}
.global-dis-tab .mes .running-num .d1 h3{font-size:24px;font-weight:400;display:flex;flex-direction:row;align-items: baseline;}
.global-dis-tab .mes .running-num .d1 h3 .animateNum{font-size:60px;line-height:1;}
.global-dis-tab .mes .running-num .d1 h4{font-size:24px;font-weight:400}
.global-dis-tab .container{margin-left: calc(50% - 705px);width:1300px;}

.global-distribution{padding:30px 0px 0px;height:auto;overflow:hidden; margin-left:calc( 50% - 725px )}


/*关于我们结束*/

/*生产用原辅料*/
.material-process-box{margin:120px auto;}
.material-process{display:flex;flex-wrap:wrap;flex:1;height:50vh;overflow: hidden;justify-content:space-between}
.material-process > *{flex: 0 0 calc(50% - 50px);}
.material-process .s-title{font-size:40px;margin-bottom:20px;}
.material-process .right-box img{width:100%}
.accordion { width: 100%;}

.item {
      background: #ffffff;
      transition: border-color 0.2s;
      overflow: hidden;
      box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    }

    .item:focus-within { border-color: #b0c7db;}
    .radio {display: none;}

    /* 标题区域 — 可点击 */
    .accordion  .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 18px 14px 0;
      cursor: pointer;
      font-weight: 500;
      font-size: 2rem;
      color: #4202dd;
      letter-spacing: 0.2px;
      user-select: none;
      transition: background 0.2s, color 0.2s;
      border-top: 1px solid #eaeef2;
      border-bottom: 1px solid #eaeef2;
      
    }

   
	.accordion .title span{font-size:30px}
    .accordion .title .icon {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 24px;
      height: 24px;
      border-radius: 40px;
      font-size: 1.2rem;
      font-weight: 300;
      color: #3a5a7a;
      transition: transform 0.35s ease, background 0.2s, color 0.2s;
      line-height: 1;
    }

    /* 内容容器 — 默认折叠 */
    .accordion .content {
      max-height: 0;
      overflow: hidden;
      padding: 0 18px;
      background: #ffffff;
      transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                  padding 0.3s ease,
                  opacity 0.25s ease;
      opacity: 0;
      color: #2c3e50;
      font-size: 1.4rem;
      line-height: 1.6;
      border-radius: 0 0 12px 12px;
    }

    .content-inner {
      padding: 6px 0 16px 0;
      font-size:16px;
    }

    /* 选中状态：展开内容，改变图标 */
    .radio:checked ~ .content {
      max-height: 320px;      /* 足够容纳内容，可调 */
      padding: 6px 18px 14px 18px;
      opacity: 1;
    }

    .radio:checked ~ .title {color: #4202dd; }

    .radio:checked ~ .title .icon {
      transform: rotate(45deg);
      background: #d4e2f0;
      color: #1a3752;
    }

    /* 微调边框圆角与选中项视觉 */
    .item:has(.radio:checked) {
      border-color: #b8cee4;
      box-shadow: 0 4px 12px rgba(26, 67, 113, 0.06);
    }

    /* 辅助说明 - 美化 */
    .demo-note {
      margin-top: 28px;
      color: #6b7f94;
      font-size: 0.9rem;
      background: #f2f6fc;
      padding: 8px 20px;
      border-radius: 60px;
      letter-spacing: 0.2px;
      border: 1px solid #e3ecf5;
      backdrop-filter: blur(2px);
    }

    .demo-note small {
      font-weight: 400;
      opacity: 0.8;
    }

    /* 响应式微调 */
    @media (max-width: 768px) {
      .item {
        margin: 10px 12px;
      }
      .title {
        padding: 12px 14px;
        font-size: 0.95rem;
      }
    }



.software-capabilities-box{padding:50px 0px 70px;background:#f4f8ff;margin:0px auto;width:100%;}
.software-capabilities-box-t{font-size:40px;margin:1.6rem 0 1rem;}
.software-capabilities{display:flex;flex-direction: row;flex-wrap: wrap;gap:55px;}
.software-capabilities div{display:flex;flex-direction: column;gap:4px;width:30%;}
.software-capabilities .software-capabilities-title{font-size:18px;margin-top:15px;font-size:26px;margin-bottom:10px;}
.software-capabilities img{width:100%}
.software-capabilities .quality-res-bottom{width:90px;margin:50px 0px 40px}
.software-capabilities .software-capabilities-con{font-size:16px;}

.auxiliary-materials-sixth-title{font-size:40px;margin:26px 0px 16px;}
.auxiliary-materials-sixth-con{font-size:20px;padding-right:200px;}
.auxiliary-materials-sixth-box{margin:40px auto 160px;}

.software-capabilities-quality-box{margin:125px auto 160px;}
/*生产用原辅料结束*/

/*首页新闻*/
.news-all-box{margin-top:120px;margin-bottom:80px;}
.news-head-index{display:flex;justify-content: space-between;align-items: center;}
.news-head-index .font{font-size:40px;margin-bottom:24px;}
.news-bead-bg{font-size:126px;color:rgba(239, 239, 239,0.4);position: absolute; right: 50%; margin-right: -550px; z-index: -1;}
.news-head-index .more a{color:var(--color-primary);font-size:16px;margin-bottom:3px;}
.news-head-index .more img{width:18px;margin-left:10px;vertical-align: middle;transition: transform 0.2s linear;display:inline-block;}
.news-head-index .more a:hover img{transform: translateX(5px) ;}
.news-head-index .more a:hover{cursor:pointer;}



.news-all .wrap{width:100%;display: flex; gap:40px;}
        

/* 第一个子元素占 50% height:311px; */
.news-all .wrap > :first-child{flex: 0 0 43%;}
.news-all .wrap > :first-child .left-card-imgbox-cover{}

/* 另外两个子元素各占 25% height:159px;*/
.news-all .wrap > :nth-child(2),
.news-all .wrap > :nth-child(3) {flex: 0 0 25%;}
.news-all .wrap > :nth-child(2) .left-card-imgbox-cover,
.news-all .wrap > :nth-child(3) .left-card-imgbox-cover{}       
        
        /* 左侧图文卡片 */
       .news-all .left-card {
            flex:2;
            display: flex;
            flex-direction: column;
           
        }
       .news-all .left-card:hover{cursor:pointer;}
       .news-all img{
           
        }
        .left-card-imgbox-cover{overflow:hidden;position: relative;}
		.left-card-imgbox-cover img{transition: all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
      
       .left-card-imgbox-cover img:nth-child(2){position: absolute;top: 0;left: 0;/*height: 100%;*/}
       .news-all a:hover img{transform: scale(1.2);}
       .news-all .left-info {padding: 20px 0px 0px;}
       .news-all .left-title {
           font-size:20px;line-height: 1.8;color:#000;
		    padding-bottom: 3px;
			display: inline;
		    background: linear-gradient(to right, white, white), linear-gradient(to right, #7523ff, #7523ff, #7523ff);
		    background-size: 100% 0.1em, 0 0.1em;
		    background-position: 100% 100%, 0 100%;
		    background-repeat: no-repeat;
		    transition: background-size 400ms;
		    position: relative;}
    
.news-all a:hover .left-title{background-size: 0 0.1em, 100% 0.1em;}
.news-all .date-text {color: #888;font-size:16px;margin-top:12px;}
        
       .news-all .news-item-index {
            padding-bottom: 24px;
            border-bottom: 1px solid #eee;
        }
       .news-all .news-item-index:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
       .news-all .news-title-index {
            font-size:16px;
            color: #222;
            margin-bottom: 8px;
            margin-top:8px;
        }
       
/*首页新闻 结束*/


/*三个三级页面*/
.thr-page{color:#222222;line-height:1.7;font-size:16px;}
.thr-page .tip{margin-top:18px;margin-bottom:10px;font-size:14px;}
.thr-page .tip i{margin:0 10px;color:var(--color-primary);font-style: normal;}
.thr-title{font-size:26px;color:#fff;padding:20px 0px;line-height:1.3}
.title-con{padding:30px 200px 40px 0px;margin:0 auto;}
.title-con p{margin-bottom:8px;}
.thr-page .title-sub{display:flex;flex-flow: row wrap;gap:40px;padding:0px 0 60px;}
.thr-page .title-sub span{text-align: center;}
.thr-page .title-sub span label:nth-child(1){font-size:28px;display:block;color:var(--color-primary);font-weight:400}
.thr-page .title-sub span label:nth-child(2){font-size:16px;display:block;}

.thr-page-font18{font-size:24px;color:#000;font-weight:700;font-family: 'MiSans' !important;}



.tab-panel {display:none;padding:20px 0px 50px 0px;border-top:1px solid #eee;}
.tab-panel.active {display:block;}
.tab-panel .tab-con{display:flex;}
.tab-panel .tab-con-title{font-size:18px;color:#000000;margin-bottom:4px;font-weight:700;font-family: 'MiSans' !important;}

/* Tab 导航容器（含左右箭头） */
    .tab-nav-container { position: relative; display: flex; align-items: stretch; width:1110px;margin:0 auto; }

    /* Tab 导航：横向可滚动，隐藏滚动条（窄屏改用箭头切换） */
    .tab-nav {display: flex;  overflow-x: auto;  scrollbar-width: none;  -ms-overflow-style: none;     flex: 1;    min-width: 0; }

    .tab-nav::-webkit-scrollbar { display: none; }

    .tab-nav span {
        cursor: pointer;margin:0px 60px 0px 0px;
        font-size: 19px;padding-bottom:6px;color:#000;
        position: relative;
        transition: all 0.3s ease;
        user-select: none;
        flex-shrink: 0;
        white-space: nowrap;
    }

    .tab-nav span:hover {color:var(--color-primary);border-bottom:3px solid var(--color-primary)}
    .tab-nav span.active {color:var(--color-primary);border-bottom:3px solid var(--color-primary)}

   

    /* 左右箭头：默认隐藏，窗口 ≤ 500px 时显示 */
    .tab-arrow {
        display: none;
        align-items: center;
        justify-content: center;
        width: 36px;
        cursor: pointer;
        font-size: 24px;
        line-height: 1;
        color: #1e6fff;
        background:#f8f9fb5c;
        user-select: none;
        flex-shrink: 0;
        transition: background 0.2s, color 0.2s;
    }

    .tab-arrow:hover { background: rgba(30, 111, 255, 0.08);  color: #0d5dff;cursor: pointer; }

    .tab-arrow:active { background: rgba(30, 111, 255, 0.16); }

    /* 箭头到头（第一个 / 最后一个）时变灰、不可点 */
    .tab-arrow.disabled {
        opacity: 0.35;
        cursor: not-allowed;
        pointer-events: none;
    }

    /* Tab 面板 */
    .tab-panel {
        display: none;
        padding: 30px 40px;
    }

    .tab-panel.active {
        display: block;
    }

   


.tab-text{margin:20px 0px 35px 0px;width:900px;}
.tab-con{display:flex;gap:80px;}
.tab-con .tab-con-a{flex:3;display:flex;flex-direction: column;gap:5px;}
.tab-con .tab-con-a ul{padding-left:20px;}
.tab-con .tab-con-a ul li{line-height:1.6;list-style:disc;}
.tab-con .tab-con-a .tab-con-a-msn{margin-bottom:30px;}
.tab-con .tab-con-b{flex:2;display: flex;justify-content: center;align-items: flex-end;}
.tab-con .tab-con-b img{max-width: 100%; height: auto;}
.tab-con .tab-con-a div:nth-of-type(even) {margin-bottom:40px;display:flex;flex-direction: column;gap:10px;} 
.tab-con .tab-con-a ul li label{color:#333333;}
.tab-con .tab-con-a div:last-child {margin-bottom:0px;}

.thr-page-logo-box{background:#F4F6FA;width:100%;}
.thr-page-logo{display:flex;flex-direction: column;gap:16px;padding:50px 0px;}
.thr-page-logo-s{display:flex;flex-direction:row;gap:40px;margin-bottom:10px;flex-wrap: wrap;}
.thr-page-logo-s span{background:#fff;width:130px;min-width: 130px;height:46px;display: inline-flex; align-items: center; justify-content: center;}
.thr-page-logo-s span img{ max-width: 100%; max-height: 100%; object-fit: contain;}

.thr-page-note-box{background:var(--color-primary);padding:50px 0}
.thr-page-note{color:#fff;font-size:20px;}
.thr-page-note a{color:#fff;text-decoration:underline;}


.thr-page-note-two div{display:flex;flex-direction: column;gap:0px;}
.thr-page-note-two .thr-page-note-two-title{font-size:18px;margin-top:20px;margin-bottom:4px;color:#000000;font-weight:700;font-family: 'MiSans' !important;}
.thr-page-note-two img{width:100%}
.thr-page-note-two .thr-page-note-two-con{text-align:justify}

.thr-page-note-two-box{padding:50px 0}
.thr-page-note-two { display: flex;flex-direction: row; flex-wrap: wrap;  gap: 50px; justify-content: flex-start;  margin-top: 20px;}
.thr-page-note-two > * { width: calc(33.333% - 33.33px);  flex-shrink: 0;  min-width: 200px;}


.thr-professional-customized{display:flex;flex-direction: column;gap:20px;padding:50px 0px;}
.thr-professional-customized-tip div{width:calc(33.33% - 5px);display:flex;flex-direction: column;text-align: justify;margin-right: 0px; margin-bottom: 45px;gap:10px;}
.thr-professional-customized-tip div:nth-child(3){padding-right:0;margin-right:0px;}
.thr-professional-customized-tip div div{border-right:none;}
.thr-professional-customized-btn{font-size:16px; padding:10px 26px;margin-top:10px; background: #3815dd; color: #fff; width:120px;text-align: center;}
.thr-professional-customized-btn:hover{cursor:pointer;}
.thr-professional-customized-tip div span:nth-child(1) img{width:60px;}
.thr-professional-customized-tip div span:nth-child(2){margin:20px 0px 0px;font-weight:700;font-family: 'MiSans' !important;font-size:18px;}
.thr-professional-customized-tip div span:nth-child(3){text-align:justify;}



.thr-professional-customized-tip {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 80px; /* 间距改为 80px */
    justify-content: flex-start; /* 默认左对齐 */
}

.thr-professional-customized-tip > * {
    flex: 0 0 calc(33.333% - 53.33px); /* 减去 gap 的 2/3 (80px * 2/3 ≈ 53.33px) */
    min-width: 200px;
    position: relative;
}

/* 除了第 3、6、9... 项外，其余项右侧添加竖线分隔符 */
.thr-professional-customized-tip > *:not(:nth-child(3n))::after {
    content: '';
    position: absolute;
    right: -46px; /* gap 的一半（80px/2） */
    top: 5px;
    height: 100%;
    width: 1px;
    background-color: #ddd;
}

/* 最后一项如果是非 3 的倍数，不显示多余竖线 */
.thr-professional-customized-tip > *:last-child:not(:nth-child(3n))::after { display: none;}



.thr-professional-customized-net{display:flex;gap:20px;flex-wrap: wrap;}
.thr-professional-customized-net span{height:54px;
      /* 转为弹性布局实现垂直居中 */
      display: flex;
      align-items: center;
      justify-content: center;
      /* 文字自动换行 */
      text-align: center;
      word-break: break-all;
      background: #fff;border:1px solid rgba(231,231,231,1);
      width:calc((100% / 6) - 17px );}

.tip .dropdown6 {display: none;position: absolute;background: #fff;border: 1px solid #eee;margin-left:-20px;padding: 5px 0;min-width: 100px;box-shadow: 0 2px 8px rgba(0,0,0,0.15);z-index: 999;}
.tip .dropdown6 a{display:block;margin-left:20px;}
.tip .dropdown6 a:hover{color:var(--color-primary)}
.tip .item6 {position: relative;display: inline-block;}
.title6:hover + .dropdown6,
.item6:hover .dropdown6 {
	    display: block;
} 



.thr-lifecycle-title{padding:30px 0px;color:#fff;}
.thr-lifecycle-title .thr-title{margin-bottom:14px;padding:0px;}
.thr-lifecycle-title .title-con{padding:0px;width:920px;color:#ffffff;margin:0px;}
    
.thr-lifecycle{margin:50px auto;}      
.thr-lifecycle .t-l-title{font-size:24px;margin:40px 0px;color:#000000;font-weight:700;font-family: 'MiSans' !important;}
.thr-lifecycle .tab-con{display:flex;align-items: flex-start;}
.thr-lifecycle .tab-con-title{font-size:18px;color:#000000;font-weight:700;font-family: 'MiSans' !important;}      
.thr-lifecycle .tab-con .tab-con-a div:nth-of-type(even) {margin-bottom:40px;display:flex;flex-direction: column;gap:10px;} 
.thr-lifecycle .tab-con .tab-con-b img{margin-top:10px;}

.tab-con-sp{position:relative;}
.tab-con-sp span{display:flex;flex-direction: column;gap:10px;}
.tab-con-sp label{display:inline-block;margin-left:-120px;background:#eee;padding:2px 24px;position:absolute;}

.thr-page-service-process-box{background:var(--color-primary);padding:50px 0}
.thr-page-service-process{display:flex;gap:40px;color:#fff;margin: 24px auto;}
.thr-page-service-process div:nth-of-type(even){width:100px;position:relative}
.thr-page-service-process div:nth-of-type(odd){display:flex;flex-direction: column;justify-content: center; align-items: center;}
.thr-page-service-process div:nth-of-type(odd) img{width:80px;}
.thr-page-service-process .line{background:#fff;width:100%;height:2px;display: block;bottom:10px;position:absolute;}
.thr-page-marb{margin-bottom:24px;}  


.thr-page-note-two-box{padding:50px 0}
@media (max-width:1023px) {
 		.tab-nav-container{width:auto;}
        .tab-con { flex-direction: column;gap:20px; }
        .tab-con-b { flex: 1; }
        .tab-nav span { padding: 8px 18px; }
        .tab-arrow {display: flex; }
        .tab-nav { padding: 0 4px; }
        
        .tab-panel{padding:20px 0px 40px;}
        .tab-text{width:100%;margin:10px 0px 20px;text-align:justify;}
        .tab-con .tab-con-b img{margin-top:-10%;}
        
        .thr-page-logo{padding:20px 20px}
        .thr-page-note-two-box{padding:50px 20px}
        .thr-professional-customized-tip{gap:10px;}
        .thr-professional-customized-tip > *:not(:nth-child(3n))::after { width: 0px;}
        
        

    }
@media (max-width: 768px) {
		.tab-nav span { font-size:16px;margin: 0px 30px 0px 0px; }
 		.thr-page-logo-s span{width:calc(50% - 50px)}
        .thr-page-note{font-size:20px;padding: 0px 20px;}
        .thr-page-note-two > *{width:100%}
        .thr-professional-customized-tip div{width:100%;flex: 0 0 auto;}
        .thr-professional-customized{padding:20px 20px;}
        .thr-professional-customized-net span{width:calc(50% - 30px)}

    }


 
/*三个三级页面*/
 		@media (min-width: 1930px) {
			.carousel-wrapper {
	            width: 100vw;
	        }
	        
	        .swiper {
	            width: 100vw;
	        }
		}


		.carousel-wrapper {
            width: 100%;
            height:100%;
            background: #ffffff;
        }
        .carousel-container {
            position: relative;
            overflow: hidden;
        }
        

        /* ===== Swiper 基础 ===== */
        .swiper {
            width: 100%;
            height: 100%;
        }
        .swiper-slide {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            background-size: cover;
            background-position: center;
        }
        
        .swiper-slide p {
            font-size: 1.5rem;
            letter-spacing: 2px;
            font-weight: 700;
        }
        
        
        #carouselB .swiper-slide p {
            position: absolute;
            left: 5%;
            bottom: 130px;
        }

        /* ===== 自定义指示器容器 ===== */
        #carouselB .custom-indicator {
            position: absolute;
            bottom:60px;
            left: 70px;
            display: flex;
            justify-content: center;
            z-index: 20;
            pointer-events: auto;
        }

        /* ===== 每个指示器项 ===== */
        #carouselB .indicator-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            min-width:100px;
            position: relative;
            user-select: none;padding:0px;
        }
        /* 上段文字 (主标题) */
        #carouselB  .indicator-item .main-text {
            font-size: 0.9rem;
            font-weight: 600;
            color: rgba(255, 255, 255, 0.7);
            letter-spacing: 0.5px;
            transition: color 0.3s;
            line-height: 1.3;
        }
        /* 下段文字 (副标题) */
        #carouselB .indicator-item .sub-text {
            font-size: 20px;
            font-weight: 400;
            color: rgba(255, 255, 255,0.8);
            letter-spacing: 1px;
            transition: color 0.3s;
            line-height: 1.2;padding:0px 30px;
        }
        /* 直线 (默认透明) */
        #carouselB .indicator-item .line {
            width:100%;
            height: 2px;
            background: rgb(255, 255, 255,0.3);
            margin-top: 10px;
            transition: all 0.35s ease;
        }

        /* ===== 激活态 ===== */
        #carouselB .indicator-item.active {
           /* background: rgba(0, 0, 0,0);*/
            
        }
        #carouselB .indicator-item.active .main-text {
            color: #ffffff;
        }
        #carouselB .indicator-item.active .sub-text {
            color: rgba(255, 255, 255, 1);
        }
        /* 直线高亮 (白色) */
        #carouselB .indicator-item.active .line {
            background: #ffffff;
            width:100%;
            height: 3px;
            margin-top: 9px;
            box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
        }

        /* hover 效果 */
        #carouselB .indicator-item:hover:not(.active) {
          /* background: rgba(0, 0, 0, 0.5); */
            
        }
        #carouselB .indicator-item:hover:not(.active) .main-text {
            color: rgba(255, 255, 255, 0.9);
        }
        
        
        
        
        
        /* ===== 轮播 A：进度条 + 两段文字 (独立样式) ===== */
        
        #carouselA .custom-indicator {
            position: absolute;
            bottom:0px;
            width:100%;
            display: flex;
            gap: 0;                     /* 取消间隙，两个item紧贴 */
            flex-wrap: nowrap;
            justify-content: center;
            align-items: stretch;
            z-index: 20;
            padding: 0;                 /* 内边距归零，由item自身控制 */
            
            pointer-events: auto;
            
            height: 100%;
            min-height: 60px;           /* 保证最小可点击区域 */
        }

        /* ===== 每个指示器项 ===== */
        #carouselA .indicator-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 1px solid transparent;
            cursor: pointer;
            
            min-width: 60px;
            position: relative;
            user-select: none;
            /* 各占50%宽度 (父容器flex) */
            flex: 1 1 50%;
            max-width: 50%;
            box-sizing: border-box;
            /* 第一个和最后一个保留圆角 */ transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);transition-delay: 0.15s;transform-origin: center;
        }
       
        /* 激活态覆盖圆角 */
        #carouselA .indicator-item.active {background: rgba(255, 255, 255, 0.4); }
        #carouselA .indicator-item .tab-text{opacity:1;width:90px;margin-bottom:30px;min-height:130px; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);transition-delay: 0.15s;transform-origin: center;}
        
        
       
        /* 上段文字 (主标题) */
        #carouselA .indicator-item .main-text {
            font-size:20px;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            letter-spacing: 0.5px;
            transition: color 0.3s;
            line-height: 1.3;opacity:1;margin:12px 0px 8px;
        }
        /* 下段文字 (副标题) */
        #carouselA .indicator-item .sub-text {
            font-size:20px;
            font-weight: 300;
            color: rgba(255, 255, 255, 1);
            letter-spacing: 0.3px;
            transition: color 0.3s;
            line-height: 1.2;opacity:1;
        }

        /* ===== 进度条 (非活跃时透明) ===== */
        #carouselA .indicator-item .progress-track {
            width: 100%;
            height: 5px;
            background: rgba(255, 255, 255, 0.15);
            margin-top: 6px;
            overflow: hidden;
            position: absolute;
            bottom:-1px;
        }
        /* 默认非活跃：进度条轨道透明，填充也透明 (隐藏) */
        #carouselA .indicator-item .progress-track {
            opacity: 0;
        }
        /* 激活态：轨道半透明，填充白色 */
        #carouselA .indicator-item.active .progress-track {
            opacity: 1;
        }
        #carouselA .indicator-item .progress-fill {
            width: 0%;
            height: 100%;
            background: #4202DD;
           
        }

        /* ===== 激活态文字 ===== */
        #carouselA .indicator-item.active .main-text {
            color: #4202DD;transform: scale(1.1)
        }
        #carouselA .indicator-item.active .sub-text {
            color: #4202DD;transform: scale(1.1)
        }

        /* hover 效果 (非激活) */
        #carouselA .indicator-item:hover:not(.active) {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.08);
            transform: translateY(-1px);
        }
        #carouselA .indicator-item:hover:not(.active) .main-text {
            color: rgba(255, 255, 255, 0.9);
        }
        
        
        
        
        
        
        /* ===== 轮播C：进度条 + 两段文字 (独立样式) ===== */
        
        
        /* ===== 自定义指示器容器 ===== */
        #carouselC .custom-indicator {
            position: absolute;
            bottom:0px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            z-index: 20;
            pointer-events: auto;
            width:100%;
            background:#ffffff00;
        }

        /* ===== 每个指示器项 ===== */
        #carouselC .indicator-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding:40px 0px 40px;
            border-radius: 0px;
            background: rgba(0, 0, 0, 0);
            border: 1px solid transparent;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 20%;
            position: relative;
            user-select: none;
        }
        /* 上段文字 (主标题) 
        #carouselC .indicator-item .main-text img{width:50%;margin:0 auto;display:flex;filter: invert(1) brightness(100); transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);transition-delay: 0.15s;transform-origin: center;}
        #carouselC .indicator-item .main-text img:hover{transition-delay: 0s;transform: scale(1.2);filter: drop-shadow(0 10px 20px rgba(66, 6, 221, 0.6)) invert(1) brightness(100);}
        */
        /* 下段文字 (副标题) */
        #carouselC .indicator-item .main-text{min-height:100px;}
        #carouselC .indicator-item .sub-text {
            font-size:20px;
            font-weight: 300;
            color: rgba(255, 255, 255, 1);
            letter-spacing: 0.3px;
            transition: color 0.3s;
            line-height: 1.2;
            margin-top:10px;
        }
        
        #carouselC .indicator-item .line {
		    width: 100%;
		    height: 3px;
		    background: rgba(255, 255, 255, 0.2);
		    
		    overflow: hidden;
		    margin: 8px 0;
		    position: relative;
		}

		#carouselC .indicator-item .line .line-progress {
		    display: block;
		    height: 100%;
		    width: 0%;
		    transition: none; /* 使用 requestAnimationFrame 控制，不用 CSS transition */
		}

		/* 可选的激活状态样式 */
		#carouselC .indicator-item.active .line .line-progress {
		    background: #4202DD;
		}

        /* ===== 激活态 ===== background:rgba(66, 2, 221, 0.3) ;  background: rgba(0, 0, 0, 0.3);*/
        #carouselC .indicator-item.active {
            background:rgba(255, 255, 255, 0.4) ;
            border-color: rgba(255, 255, 255, 0.15);
            
        }
        #carouselC .indicator-item.active .sub-text {
            color: #4202DD;transform: scale(1.1)
        }
        /* hover 效果 */
        #carouselC .indicator-item:hover:not(.active) {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.08);
            
        }
        #carouselC .indicator-item:hover:not(.active) .main-text {
            color: rgba(255, 255, 255, 0.9);
        }
        
        
		@media (max-width: 1024px) {
            /* 1. 关掉桌面轮播（Swiper 容器 + 指示器一起隐藏） */
            .carousel-container.desktop-only {
                display: none !important;
            }

            /* 2. 打开移动端堆叠流 */
            .mobile-stack {
                display: flex;
                flex-direction: column;
                gap: 28px;
            }

            

            /* 3. 每张卡片：上图 + 下文 */
            .mobile-card {
                background: #ffffff;
                border-radius: 18px;
                overflow: hidden;
                box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
            }

            /* 图片块：优先显示配置的图片，加载失败自动兜底为渐变 */
            .mobile-card-img {
                width: 100%;
                aspect-ratio: 16 / 9;
                background-size: cover;
                background-position: center;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
            }
            .mobile-card-icon {
                font-size: 3.5rem;
                filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.35));
            }

            /* 文字块 */
            .mobile-card-text {
                padding: 22px 26px 26px;
            }
            .mobile-card-text h2 {
                font-size: 1.5rem;
                font-weight: 700;
                color: #111827;
                letter-spacing: 1px;
                margin-bottom: 8px;
            }
            .mobile-card-text p {
                font-size: 1rem;
                color: #6b7280;
                letter-spacing: 1px;
                line-height: 1.6;
            }
        }
        




 /*首页上轮播上的移上去图标效果 白色 → 悬停变紫色  */
 #carouselA .indicator-item.active .svg-icon use {fill: #4202DD;}
 #carouselA .indicator-item.active .icon-wrap{width:110px;height:110px;}
 
.icon-wrap{width:100px;height: 100px;margin: 0 auto;margin-bottom:20px;}
 
.icon-wrap .svg-icon use {transition: fill 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);} 
 
.svg-icon {width: 100%;height: 100%;display: block;transform-origin: center;transition-delay: 0.15s;transition: filter 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.hover-white-purple .svg-icon use {fill: #ffffff;}
.hover-white-purple:hover .svg-icon use {fill: #4202DD;}
    
    
.icon-wrap-2{width:70px;height:70px;margin: 0 auto;margin-bottom:20px;}
.icon-wrap-2 .svg-icon use {transition: fill 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);} 


#carouselC .indicator-item.active .svg-icon use {fill: #4202DD;}
#carouselC .indicator-item.active .icon-wrap-2{width:80px;height:80px;}























.list-small dd{text-align:left;}
.list-small a{display:block;line-height:32px;height:32px;}
.nav .list-small a{width:100%;height:32px;}
.nav .list-small a:hover,.list-small a.active{color:var(--color-primary)}
.headerFixed {position: fixed;top: 0;width: 100%;z-index: 10;box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.1);background: #000}

.pic-wrapper .el{height:130px;width:12.5%;float: left; position: relative;background:#f2f2f6;}
.pic-wrapper .el .text-wrapper{width: 100%;height: 100%;position: absolute;top: 0; left: 0;opacity:1;-webkit-transition: opacity 200ms ease;	-moz-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease}
.pic-wrapper .el .text-wrapper img{text-align:center;position: absolute;top:40%;left:50%;margin-top:-30px;margin-left:-40px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease}
.pic-wrapper .el .text{width:100%;text-align:center;position: absolute;bottom:15px;}
.pic-wrapper .el:hover img{margin-top:-40px;}
.pic-wrapper .el:hover .text{color:#004ba5}

.link-tansoole a{height:20px;width:auto;text-indent:24px;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat;line-height:20px;display:inline-block;N}
.link-tansoole a:hover{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat;color:#0066cc}
/*价值文化*/
.cul{position:relative;}
.cul .text-wrapper{width: 100%;height:240px;z-index:9;background-color: rgba(255,255,255,0.7);position: absolute;top: 0; left: 0;opacity:0;-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease}
.cul .text{margin:50px 0px 0px 35px; color:#fff;position: absolute;top: 0; left: 0;z-index:99}
.cul .text-wrapper .text-two{margin:100px 0px 0px 35px;}
.cul:hover .text-wrapper{opacity: 1;cursor:pointer;}
.cul:hover .text{color:#000;cursor:pointer;}

.sever-bg{width:100%;height:auto;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) center center no-repeat;height:826px;}
.sever{ width:100%; position:relative;}
.sever .title{width:100%;text-align:center;}
.sever ul{ width:100%;}
.sever li{width:33.33%; background:#333; height:100%; float:left; line-height:0; position:relative; text-align:center; z-index: 9;}
.cooperation ul li{margin-right:24px;margin-bottom:20px;width:370px;}
.sever ul li a{ color:#fff; display:block;}
.sever ul li .item_img{width:100%;height:100%}
.sever ul li .mask{position:absolute;left:0;right:0;top:0;bottom:0;}
.sever ul li .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:#161a1d;opacity:0;filter:alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(60));transition:all .4s cubic-bezier(.4,0,.2,1)}
.sever ul li .mask .content{position:absolute;left:0;right:0;top:50%;bottom:0; margin-top:-56px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.sever ul li .mask .content .item_p{position:relative;width:25%;height:54px;display:inline-block}
.sever ul li .mask .content h3{color:#fff;font-size:20px;line-height:24px;margin:0;padding:0;margin-top:24px;font-weight:normal;transition:all .4s cubic-bezier(.4,0,.2,1)}
.sever ul li .mask .content h4{color:#fff;font-size:16px;line-height:24px;margin:0;padding:0px 30px;margin-top:24px;font-weight:normal;transition:all .4s cubic-bezier(.4,0,.2,1)}
.sever ul li .mask .content .content-con{font-size:14px;color:#fff;text-align:left;margin-top:30px;padding:0 36px;line-height:24px;height:72px;overflow:hidden;}
.sever ul li .mask .content span{ z-index: 1;border-radius:3px;-moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;display:inline-block;border:1px solid #fff;width:120px;height:36px;line-height:36px;font-size:14px;color:#fff;text-decoration:none;margin-top:62px}
.sever ul li .mask .content span:hover{color:#207be6; background:#fff;border-color:#fff !important;}
.sever ul li .mask .content .content-con,.sever ul li .mask .content span{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}
.sever .sl_content .sl_item:hover .bg{background:#207be6;opacity:.7;filter:alpha(opacity=70);}
.sever .sl_content .sl_item:hover .content{top:50%; margin-top:-100px;}
.sever .sl_content .sl_item:hover .content .content-con, .sever .sl_content .sl_item:hover .content span{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));}
.sever .sl_content .sl_item:hover .content .content-con{margin-top:22px;}
.sever .sl_content .sl_item:hover .content span{margin-top:40px;}
.cooperation-more{z-index: 1;border-radius:3px;-moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;display:block;width:140px;height:40px;line-height:40px;font-size:14px;color:#0066cc;text-decoration:none;margin:30px auto;text-align:center;}
.cooperation-more a{color:#0066cc;display:block;border-radius:3px;-moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;display:block;border:1px solid #0066cc;width:140px;height:40px;line-height:40px;font-size:14px;color:#0066cc;text-decoration:none;text-align:center;}
.cooperation-more:hover{background:#0066cc;}
.cooperation-more:hover a{color:#fff;cursor:pointer;}

.news-item-a{width:100%; position:relative;}
.news-item-a .title{width:100%;text-align:center;}
.news-item-a li{ height:100%; position:relative;}
.news-item .border_top,
.news-item .border_right,
.news-item .border_bottom,
.news-item .border_left{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.news-item .border_top,.news-item .border_left{left:0;top:0; position:absolute; background:#207be6;}
.news-item .border_right,.news-item .border_bottom{bottom:0;right:0; position:absolute; background:#207be6;}

.news-item .border_top,.news-item .border_bottom{height:1px;width:0;}
.news-item .border_right,.news-item .border_left{height:0px;width:1px;}
.news-item .download-detail:hover{border-color: transparent;}
.news-item li:hover .border_top,.news-item li:hover .border_bottom{width: 100%}
.news-item li:hover .border_left,.news-item li:hover .border_right {height: 100%}
.news-item li:hover{cursor:pointer;}

.news-item{width:100%;position:relative;height:404px;}
.news-item li{float:left;margin-right:20px;padding:20px;margin-bottom:20px;width:31.5%;border:1px solid #fff;background:#fff;}
.news-item .time{display:inline-block;width:60px;height:60px;padding-top:10px;line-height:20px;border:1px solid #e2e3e8;background:#f0f2f5;float:left;text-align:center;}
.news-item .s-title{display:inline-block;overflow:hidden;height:60px;line-height:30px;border-bottom:1px solid #e2e3e8;width:260px;float:right;text-align:left;}
.news-item .con{margin-top:20px;line-height:26px;text-align:left;height:80px;}


.video-list li{float:left;}
.video-s li{width:370px;height:300px;background:#fff;font-size:14px;text-align:center;line-height:70px;margin-right:30px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.video-b li{width:380px;height:280px;background:#fff;margin-right:20px;margin-bottom:30px;font-size:16px;text-align:center;line-height:50px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.video-b li img{width:100%;}
.video-b li:nth-child(3n+3){margin-right:0px;}
.video-s li .play,.video-b  li .play {position: absolute;border:2px solid #fff;color:#fff;-webkit-transition:all .3s;transition: all .3s;}
.video-b li .play{left:10px;top:180px;width:40px;height: 34px;border-radius:10px;}
.video-b li .play .triangle_border_right{width:0;height:0;margin:5px auto;border-style: solid;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent #fff;}
.video-s li .play{left: 20px;top:180px;width:40px;height:34px;border-radius:15px;}
.video-s li a:hover .play,.video-b  li a:hover .play{background-color:#ff6700;border-color:#ff6700;}
.video-s li a:hover,.video-b  li a:hover{cursor:pointer;}
.video-s li .play .triangle_border_right{width:0;height:0;margin:5px auto;border-style: solid;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent #fff;}
.video-s li:nth-child(3){margin-right:0px;}
.video-s .triangle_border_right{margin:6px auto;border-width: 6px 0 6px 10px;}
.video-s li:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}

.team li{width:100%;height:240px;border-bottom:1px dotted #333;margin-top:40px;}
.team img{margin-right:80px;}
.team dl{width:600px;float:left;}
.com-wrapper{width:1190px;margin:30px auto;}
.com-wrapper .company{width:580px;margin-right:70px;}
.com-wrapper .news-info{width:540px}
.com-wrapper .title{height:30px;margin:20px 0px 50px;}
.t1{font-size:24px;display:inline-block;float:left;padding:0px 30px 0px 0px;margin-right:20px;height:30px;line-height:30px;}
.t2{font-size:14px;display:inline-block;float:left;color:#999;line-height:24px;border-left:1px solid #999;height:24px;padding-left:20px;margin-top:5px;}
.t3{font-size:20px;}
.t4{font-size:16px;}
.t5{font-size:18px;}
.t6{font-size:32px;}
.t7{font-size:14px;}
.t8{font-size:24px;}
.t9{font-size:72px;}
.t10{font-size:48px;}
.t15{font-size:15px;}
.font-b{font-weight:700}


.line-666{height:1px;background:#666666;width:100%}
.line-333{height:1px;background:#333333;width:100%}
.line-dad{height:1px;background:#dadada;width:100%}
.line-solid{height:1px;border-top:1px dotted #666666;width:100%}

.full-screen{width:100%;;height:auto;}
.bgf7f7f9{background:#f7f7f9;}
.bgfff{background:#ffffff;}
.text-align-c{text-align:center;}
.bgf3f3f3{background:#f3f3f3;}


.company-img{display:inline-block;width:250px;height:400px;}
.company-info{display:inline-block;width:330px;background:#fff;height:400px;padding:30px;}

.news-info li{border-bottom:1px solid #cacaca;margin-top:16px;padding-bottom:6px;}
.news-info .time{float:right}

.own-brand-b{width:100%;background:#fff;}
.own-brand{width:1190px;margin:0px auto;height:120px;}
.brand-img img{display:inline-block;margin-right:30px;}
.own-brand .title{display:inline-block;height:120px;line-height:120px;}




.contact-wrapper{width:1190px;margin:0px auto;position:relative;}
.contact-info ul{}
.contact-info li{float:left;margin-right:68px;width:350px;margin-top:20px;display:inline-block;margin-bottom:50px;}
.contact-info li dt{font-weight:700;margin-bottom:20px;font-size:14px;}
.contact-info li dd{color:#999999;font-size:13px;}
.contact-info li:nth-child(3),.contact-info li:nth-child(6){margin-right:0px;}
.journey{width:100%;background:url(../images/journey-bg.jpg) no-repeat center center;;}
.contact-li-fontB{color:#000 !important;}

.news-banner{position: relative;margin-bottom:40px;height:calc(100vh - 110px); margin-top: 110px; width: 100%; overflow: hidden;display: flex; justify-content: center; align-items: center;}
.news-banner{background:url(../images/news-head-bg.jpg)  center/cover} 

.news-banner a{position: relative;display:block;width: 100%;height:calc(100vh - 110px);}
.news-banner img{width: auto; display:none;}
.news-banner-con{position:absolute;bottom:0px;left:0;height:auto;width:100vw;background:rgba(0,0,0,0.5);color:#fff;padding:70px 0px}
.news-banner-con-text01{font-size:18px;}
.news-banner-con-text02{font-size:36px;width:60%;font-weight:700;}
.news-title-top {width: 100%;display: flex; justify-content: space-between; align-items: center;margin-bottom:28px;}
.news-title-top-one{font-size:40px;margin:60px 0px 80px}
.news-title-top-one-s{font-size:30px;}
.news-title-top .more{margin-right:5px;}
.news-title-top .more a{color: var(--color-primary);font-size: 16px;}
.news-title-top .more img {width: 18px;margin-left: 10px;    margin-bottom: 3px;vertical-align: middle;transition: transform 0.2s linear;display: inline-block;}
.news-title-top .more a:hover img{transform: translateX(5px) ;}
.news-title-top .more a:hover{cursor:pointer;}

@media (min-width: 1930px) {
  .news-banner{ width: 100vw; background:url(../images/news-head-bg.jpg)  center/cover }
  .news-banner img{display:none;}
}


.news-title{margin:160px auto 36px;font-size:40px;}
.news-list{width:1110px;margin:10px auto 30px;}
.news-list ul{margin: 0 !important;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 32px;}
.news-list li{height:auto;padding:0px 0px}
.news-l-img{overflow:hidden;position: relative;margin-bottom:20px;}
.news-l-img img{transition: all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.news-list a:hover .news-l-img img{transform: scale(1.2);}
.news-l-img img:nth-child(2){position: absolute;top: 0;left: 0;/*height: 100%;*/}

.news-l-con{position:relative;width:100%;}
.news-s-title{font-size:20px;line-height:1.8;color:#000;
    padding-bottom: 3px;
	display: inline;
    background: linear-gradient(to right, white, white), linear-gradient(to right, #7523ff, #7523ff, #7523ff);
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
    position: relative;}
    
.news-list a:hover .news-s-title{background-size: 0 0.1em, 100% 0.1em;}

.news-s-title a{color:#000}
.news-time{font-size:14px;color:#666;margin-top:12px;}

.news-s-con{height:63px;overflow:hidden;}

.new-detail-head{width:1110px;margin:0px auto 50px;position:relative}
.new-detail-head-img{width:100%;height:560px;overflow: hidden;}
.new-detail-head-img img{width: 100%; height: 100%; object-fit: cover; object-position: center;display: block;}
.new-detail-head-con{width:821px;height:200px;position:absolute;bottom:-50px;left:0px;background:rgba(66,2,221,1);color:#fff;}

.new-detail-head-con .title{font-size:24px;margin-top:10px;width:530px;margin:55px 0px 0px 110px;}
.new-detail-head-con .time{font-size:16px;}
.new-detail{width:890px;margin:136px auto;padding-bottom:100px;}
.new-detail .title{width:100%;text-align:left;font-size:22px;margin:20px 0px 0px;padding-bottom:10px;}
.new-detail .time{text-align:left;font-size:14px;border-bottom:1px solid #999;color:#999;padding-bottom:10px;margin-bottom:20px;}
.new-detail img{max-width:100%}


/*通用在招聘，投资者关系，联系我们，头图高度，字显示*/
.career-banner{ display: flex;
  align-items: center;     /* 垂直居中 */
  justify-content: center; /* 如果也要水平居中就加上，否则可省略 */
  overflow: hidden;        /* 如果图片超出容器，裁剪掉多余部分 */
  width: 100%;             /* 或者固定宽度 */
  height:500px; 
  position: relative;
    margin-top:110px;}
.career-banner .background {height:100%;display: block; }
.career-note-nobackground{position:absolute;
    bottom: 0;
    left: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;}




.web-01,.web-02{width:145px;height:65px;}
.web-01 a{width:145px;height:65px;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);display:block;}
.web-01 a:hover{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}
.web-02 a{width:145px;height:65px;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);display:block;}
.web-02 a:hover{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}
.resume-sub a{width:160px;font-size:18px;background:#eee;height:42px;line-height:38px;border:1px solid #ddd;display:inline-block;text-align:center;margin-right:20px;}
.resume-sub a:hover{background:#ddd;color:#000}

.service{padding:0px 80px;}
.service-left{border-right:1px dotted #ddd;}
.service-left li{width:260px;line-height:24px;margin-bottom:20px;padding-right:80px;}
.service-left li:hover{border-right:4px solid #004ba5;font-weight:700;}
.service-left .active{border-right:4px solid #004ba5;font-weight:700;}
.service-right{width:650px;padding-bottom:70px;}
.mes-tex{width:390px;}
.service-line-height{line-height:28px;}

.owned-brand li{border-bottom:1px  dotted #333;width:100%;padding:20px 0px}
.owned-brand .con{width:630px;margin-right:100px;}
.owned-brand .con-a{height:100px;}


.position{margin:10px 0px;line-height:28px; color:#366dae}
.position a:hover{font-weight:700;text-decoration: underline;cursor: pointer;}




.floor{padding:5px;position:fixed;top:40%;left:50%;margin-left:-720px;}
.floor li{padding:4px 10px;}
.floor li img{vertical-align:middle;margin-left:4px;}
.floor li a{background:#171717;color:#fff;padding:3px 10px;height:22px;line-height:22px;margin-bottom:6px;font-size:15px;border-bottom:1px dotted #fff;}
.floor a:hover{color:#fff;background:#004BA5;border-bottom:1px solid #004BA5;}


.page-num{margin:30px auto;padding-top:5px;width:100%;text-align:right;}
.page-num input{height:30px;width:40px;line-height:30px;border:1px solid #a9a9a9;background:#fff;vertical-align:middle;}
.page-num .select{height:30px;vertical-align:middle;margin:0px 5px}

@media screen and (max-width:1280px){
	.floor{padding:5px;position:fixed;top:40%;left:50%;margin-left:-600px;}
	#start {width:700px;height:460px;top:50px;}
	.job-con{overflow-y:scroll;width:640px;height:150px;}
}

/*投资者关系*/
.investor-left{width:196px;float:left;}
.investor-head{margin:70px 0 70px;font-size:40px;}
.investor-left li{height:60px;line-height:60px;list-style: none;text-align:center;font-size:24px;border-top:1px solid #eee;}
.investor-left li a{letter-spacing: 2px;}
.investor-left li.active a{font-weight:700;color:#000000;}
.investor-right{width:950px;height:auto;padding:20px;float:right;background:#fff}
.investor-iframebox{width:910px;height:600px}
.investor-left li:nth-child(3){border-bottom:1px solid #eee;}


/*联系我们地图显示*/
.m_map .red{font-size: 14px !important;font-weight: 700 !important; border-bottom: 1px dotted #ffffff;}

.Cootion{ width:100%; background-color:#f5f5f5; padding:50px 0px;} 
.m_map{ width:989px; height:724px; margin:30px auto; position:relative;  background:url(../images/diru.png) no-repeat 0 0 ;}
.tait{ font-size:36px; font-weight:bold; color:#666666; text-align:center;  left:100px;}
.tait span{ color:#ff6d3b;}
.tait2{font-size:36px; font-weight:bold; color:#666666; text-align:center; padding:50px 0px;}
.mp{ position:absolute; cursor:pointer; background:url(../images/fi1.png) no-repeat 4px 20px; width:24px; height:63px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.mp:hover{ background:url(../images/fi2.png) no-repeat 4px 20px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.hover_tu{background:url(../images/fi2.png) no-repeat 4px 20px;}
.mp .mito{ position:absolute; left:0px; bottom:0px; font-size:12px; color:#666666;}
.mp .find_mi1{ left:-12px; width:55px;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng{ position:absolute; display:none; width:347px; height:95px; left:-230px; top:-78px; background:#666666; z-index:10;border-radius:10px;}
.feng .sang{ position:absolute; left:235px; bottom:-8px; background:url(../images/vf2.png) no-repeat 0 0; width:14px; height:8px;}
.feng .tree{ height:62px; width:330px; margin:9px; }
.feng .tree .boou{ width:86px; height:62px; float:left;}
.feng .tree .du_size{  height:auto;width:auto;} 
.feng .tree .du_size p{ font-size:12px; color:#FFF; line-height:20px;}
.mp1{left:243px; top:272px; }
.mp2{left:541px; top:399px; }/* 西安 */
.mp3{left:466px; top:454px; }/* 成都 */
.mp4{left:524px; top:474px; }/* 重庆 */
.mp5{left:524px; top:538px; }
.mp6{left:545px; top:594px; }
.mp7{left:458px; top:565px; }/* 云南 昆明 */
.mp8{left:548px; top:407px; }
.mp9{left:625px; top:398px; }
.mp10{left:612px; top:325px; }
.mp10{left:612px; top:325px; }
.mp11{left:643px; top:454px; }/* 武汉 */
.mp12{left:611px; top:503px; }/* 长沙 */
.mp13{left:668px; top:496px; }/* 南昌 */
.mp14{left:732px; top:478px; }/* 杭州  */
.mp15{left:699px; top:557px; }
.mp16{left:618px; top:591px; }/* 广州  */
.mp17{left:646px; top:604px; }
.mp18{left:692px; top:443px; }/* 合肥  */
.mp19{left:727px; top:428px; }/* 南京 */
.mp20{left:765px; top:450px; }/* 上海  */
.mp21{left:694px; top:345px; }/* 青岛  */
.mp22{left:745px; top:345px; }
.mp23{left:681px; top:266px; }/* 北京  */
.mp24{left:696px; top:306px; }/* 天津  */
.mp25{left:650px; top:340px; }/* 河北  */
.mp26{left:825px; top:187px; }
.mp27{left:864px; top:103px; }
.mp28{left:573px; top:573px; }
.mp29{left:746px; top:441px; }
.mp30{left:673px; top:592px; }
.mp31{left:779px; top:440px; }
.mp32{left:604px; top:626px; }
.mp33{left:746px; top:440px; }</* 苏州 */
.mp34{left:753px; top:210px; }
.mp35{left:753px; top:391px; }
.mp36{left:596px; top:415px; }
.mp37{left:575px; top:435px; }
.mp38{left:589px; top:365px; }
.mp39{left:575px; top:316px; }
.mp40{left:612px; top:266px; }
.mp41{left:778px; top:495px; }
.mp42{left:718px; top:318px; }
.mp43{left:653px; top:545px; }
.mp44{left:769px; top:593px; }
.mp45{left:800px; top:524px; }
.mp46{left:633px; top:525px; }
.mp47{left:499px; top:354px; }
.mp48{left:750px; top:490px; }/* 宁波 */
.mp49{left:798px; top:578px; }
.mp50{left:722px; top:544px; }
.mp51{left:706px; top:551px; }/* 福州 */
.mp52{left:743px; top:551px; }
.mp53{left:406px; top:515px; }
.mp54{left:570px; top:621px; }
.mp55{left:658px; top:347px; }
.mp56{left:651px; top:397px; }
.mp57{left:492px; top:420px; }
.mp58{left:549px; top:297px; }
.mp59{left:704px; top:398px; }
.mp60{left:556px; top:527px; }
.mp61{left:551px; top:455px; }
.mp62{left:582px; top:488px; }
.mp63{left:580px; top:254px; }/* 呼和浩特 */
.mp64{left:820px; top:190px; }/* 吉林 */


/*privacy*/
.privacy-title .content .personPolicy-titles { margin-top: 60px; margin-bottom: 30px;  letter-spacing: 2px;}
.privacy-title .content .title{font-size: 22px;   text-align: center;color:#000;}
.privacy-title .content .title .personPolicy-title { font-size: 40px; line-height: 40px; font-weight: 700;}
.privacy-item{color: #666;font-size:16px;line-height:1.8}
.privacy-item .header{margin-bottom:20px;border:none;height:30px;}
.privacy-item .header .title {font-size: 24px;color:#000;font-weight:600}
.privacy-item .header .title p{font-size: 24px;}
.privacy-item .content-item .main-content>p {margin-bottom:16px;}
.privacy-item b{color: #000}

.privacy-item a {color: #0091ff}
.privacy-item strong {color: #363636; font-weight: 700;}
.privacy-item .main-content-brief {padding-top: 30px;max-width: 1110px}
.privacy-item .main-content-brief .main-content-brief-en { margin-top: 20px}
.privacy-item .main-content-brief p {line-height: 28px; margin: 0}
.privacy-item .main-content-brief__list {margin: 0;margin-left: 1em}
.privacy-item .main-content-brief__list li { padding-left: 1em;}
.privacy-item .content {color: #666;font-size: 16px;padding: 40px 0px;}
.privacy-item .main-content-brief__list li::marker {
    /* 保留有序列表的数字 */
    content: counter(list-item) ". ";
    
    /* 你原来的样式保留 */
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: auto !important;
   
}
.privacy-item .main-content-brief .-paragraph {margin: 0px 0 45px;padding-bottom: 40px; border-bottom: 1px solid #d7d7d7; max-width: 1110px}
.privacy-item .main-content-brief .-paragraph .index-span-en-Mobile {display: none !important}
.privacy-item .main-content-brief .-paragraph .-flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
.privacy-item .main-content-brief .-paragraph .-flex span { max-width: 1080px; display: block}
.privacy-item .main-content-brief .-paragraph .-flex span.index-span-en { margin-top: 20px; display: inline-block}
.privacy-item .main-content-brief .-paragraph .-flex .index-span-en-PC {display: block}
.privacy-item .main-content-brief .-paragraph .-flex .index-span-Moblie {display: none}
.privacy-item .main-content-brief .-paragraph .flex-en {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}
.privacy-item .main-content-brief .-paragraph .flex-en span.index-en { margin-left: 20px}
.privacy-item .main-content-brief .-paragraph .-indent { padding-left: 25px}
.privacy-item .main-content-brief .-paragraph p {margin: 0px 0px 15px}
.privacy-item .main-content-brief .-paragraph .index-en { margin-left: 40px; margin: -15px 0px 15px 40px}
.privacy-item .main-content-brief .-paragraph .-indent-index-en {margin-bottom: 0px}
.privacy-item .main-content-brief .-paragraph .-indent-en-mobile {  padding-left: 0px}
.privacy-item .main-content-brief .-paragraph .-normal { margin: 15px 0}
.privacy-item .main-content-brief .-paragraph .-normal p { margin: 0}
.privacy-item .main-content-brief .-paragraph .-normal .-normal-p-en { padding-bottom: 20px}
.privacy-item .main-content-brief .-paragraph span.index { margin-right: 16px}
.privacy-item .main-content-brief .-paragraph:last-child {padding-bottom: 0;  margin-bottom: 0; border-bottom: none}
.privacy-item .main-content-brief .-paragraph:last-child .index-span-en-PC { display: block}
.privacy-item .main-content-brief .-paragraph:last-child .index-span-en-Moblie { display: none}
.privacy-item .main-content-brief .-paragraph-en { margin-top: 0px}
.privacy-item .brief-en {padding: 0px}
@media screen and (max-width: 1024px) {
    .privacy-item { font-size:14px  }
    .privacy-item .main-content-brief {    margin: 0   }
    .privacy-item .main-content-brief p {    line-height: 24px    }
    .privacy-item .main-content-brief p span.index-span-Moblie {   margin-top: 20px    }
    .privacy-item .main-content-brief__list li { padding-left: .2em }
    .privacy-item .main-content-brief .-paragraph .index-span-en-Mobile {   display: block !important    }
    .privacy-item .main-content-brief .-paragraph .-flex span.index-span-en {  display: none }
    .privacy-item .main-content-brief .-paragraph .-flex span.index-span-Mobile {  padding-bottom: 20px;   display: block }
    .privacy-item .main-content-brief .-paragraph .-flex .index-span-en-PC {  display: none}
    .privacy-item .main-content-brief .-paragraph .-indent {  padding-left: 16px }
    .privacy-item .main-content-brief .-paragraph .-indent .index-span-Moblie { display: block }
    .privacy-item .main-content-brief .-paragraph .-indent .index-span-en-PC {  display: none }
    .privacy-item .main-content-brief .-paragraph .flex-en span.index-en {  margin-left: 0px }
    .privacy-item .main-content-brief .-paragraph span.index {  margin-right: 5px }
    .privacy-item .main-content-brief .-paragraph span.index-en { margin-left: 20px }
    .privacy-item .main-content-brief .-paragraph:first-child { margin-top: 0 }
    .privacy-item .main-content-brief .-paragraph:last-child { margin-bottom: 0;  padding-right: 10px  }
}
.overflow-hidden {overflow: hidden}



/* ========== 容器层 ========== */
  .foot {
    width: 100%;
    background: #4202dd;
    color: #fff;
    position: relative;
    overflow: hidden;
    /* 移动端安全边距，防止内容贴边 */
    padding: 0 16px;
  }

  .footer {
    max-width: 1110px;
    width: 100%;
    margin: 0 auto;
    padding: clamp(32px, 6vw, 80px) 0;
    display: flex;
    gap: clamp(24px, 8vw, 106px);
    align-items: flex-start;
  }

  /* ========== 左侧区域 ========== */
  .footer-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 300px;
    flex-shrink: 0;
  }
  .footer-left div { display: flex; justify-content: left; line-height: 1.4; }
  .footer-left div:nth-child(2) {
    color: #9f40ff;
    margin-top: clamp(20px, 8vw, 125px);
    font-size: clamp(13px, 1.4vw, 16px);
    line-height: 1.5;
  }
  .footer-left .list { display: flex; gap: clamp(20px, 3vw, 40px); }
  .footer-left .list span {
    width: 40px; height: 40px;
    border-radius: 20px;
    background: #fff;
    position: relative;
    flex-shrink: 0;
  }
  .footer-left .list .down-img {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%; max-height: 90%;
  }
  .footer-left .list span:hover { cursor: pointer; }

  /* ----- 悬浮显示二维码 ----- */
  .list span:hover .qr-tooltip,
  .list span.qr-active .qr-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scale(1);
  }

  .qr-tooltip {
    position: absolute;
    bottom: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%) scale(0.92);
    background: rgba(255, 255, 255, 1);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0.25s;
    z-index: 100;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
  .qr-tooltip::after {
    content: '';
    position: absolute;
    top: 100%; left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.95);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
  }
  .qr-tooltip img {
    width: 120px; height: 120px;
    display: block;
    background: #f0f2f5;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
  }

  /* ========== 右侧区域 ========== */
  .footer-right { flex: 1; min-width: 0; }

  .footer-right-one {
    display: flex;
    flex-direction: row;
    gap: clamp(24px, 6vw, 120px);
    justify-content: space-between;
    margin-top: 5px;
    align-items: flex-start;
    flex-wrap: wrap; /* 窄屏自动换行 */
  }
  .footer-right-one > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .footer-right-one div a {
    color: #ffffff;
    cursor: pointer;
    font-size: clamp(14px, 1.4vw, 16px);
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
  }

  .footer-right-two {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: clamp(24px, 5vw, 70px);
  }
  .footer-right-two > div { display: flex; flex-direction: row; }
  .footer-right-two > div:nth-child(1) { gap: 30px; }
  .footer-right-two > div:nth-child(1) a{color:#fff;}
  .footer-right-two > div:nth-child(3) { gap: 30px; }
  .footer-right-two div span {
    display: flex;
    flex-direction: column;
    gap: 8px;
    line-height: 1.4;
    font-size: clamp(12px, 1.2vw, 14px);
  }
  .footer-right-two > div:nth-child(1) span{flex-direction: row;}
  .footer-right-two a { text-decoration: none; }

  .footer-right-thr-iphone{display:none;}
  .carousel-wrapper-iphone{display:none;}
  /* ========== 响应式断点 ========== */


  @media (max-width: 1024px) {
    .footer {  flex-direction: column;  gap: 40px;  padding: 40px 0;    }
    .footer-left {  width: 100%;  align-items: flex-start;    }
    .footer-left div:nth-child(2) { margin-top: 20px; }
	
	.footer-right{width:100%}
    .footer-right-one {margin-top: 0;flex-direction:row;border-top:1px solid #9f40ff;padding-top:20px;gap:20px;    }
    .footer-right-one > div {align-items: flex-start; }
    .footer-right-one > div:nth-child(1){flex: 0 0 30%;}
    .footer-right-one > div:nth-child(2){flex: 0 0 calc(70% - 30px);}
    .footer-right-one > div:nth-child(3){display:flex;flex-direction:row;width:100%;gap:30px;border-top:1px solid #9f40ff;padding-top:10px;}
    .footer-right-one > div:nth-child(3) a:nth-child(1){flex: 0 0 30%;}
    .footer-right-one > div:nth-child(3) a:nth-child(2){flex: 0 0 calc(30% - 30px);}
    .footer-right-one div a{ white-space: normal;}

    .footer-right-two {margin-top: 50px; }
    .footer-right-two > div {flex-direction: column;  gap: 6px;}
    .footer-right-two > div:nth-child(1),
    .footer-right-two > div:nth-child(2) { gap: 6px; }
    .footer-right-two > div span{font-size:14px;}
    
    .footer-right-two > div:nth-child(3){flex-direction: row;flex-wrap: wrap;}
    
    .footer-right-two > div:nth-child(1) span:nth-child(3){display:none;}
    .footer-right-thr-iphone{display:flex;flex-direction:row;margin-top:30px;}
	.footer-right-thr-iphone a{color:#fff;margin:0px 10px;}
    .footer-right-thr-iphone a:nth-child(1){margin-left:0px;}
    
    .qr-tooltip{left:110%}
    .qr-tooltip::after{display:none;}
    
    
    /*首页*/
    .layer-bg{font-size:6em;}
    .layer-text{padding-top:3em;}
    .font-up-1{ font-size: 3.5em;}
    .font-up-2{ font-size: 2.5em;}
    
    .titan-container{margin-left:20px;margin-right:20px;}

    .carousel-wrapper-f{display:none;}
    .carousel-wrapper-iphone{display:block;margin:0px 20px;}
    .carousel-wrapper-iphone .img{height:188px;overflow:hidden;margin-top:30px;}
    .carousel-wrapper-iphone .img img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .carousel-wrapper-iphone .text{font-size:16px;padding-bottom:20px;border-bottom:1px solid #eee;margin-top:20px;}
    .carousel-wrapper-iphone .text strong{font-size:28px;}
  }


/*nav自适应*/

@media screen and (max-width: 1024px){
	 a:hover{color:#4202DD !important;}
	.demo-wrapper{display:block;}
	.top-fixed{display:none;}
	
	* { box-sizing: border-box; margin: 0; padding: 0;-webkit-tap-highlight-color: transparent !important; }
 	button { font-family: inherit; cursor: pointer; border: none; background: none;color: #666;}
	
	.header {
	    height: 60px;
	    display: flex;
	    align-items: center;
	    padding: 0 20px 0 20px;
	    border-bottom: 1px solid #e5e5e5;
	    position: sticky; top: 0;
	    background: #fff;
	    z-index: 100;
	    justify-content:space-between;
	  }
	  .logo{ display: flex; align-items: center; gap: 8px; margin-right: auto;}
	  .header .logo{margin-top:0px;}
	  .header-tools { display: flex; align-items: center; gap: 18px; }
	  .icon-btn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; }
	  .icon-btn svg { width: 26px; height: 26px; }
	  .icon-btn:hover { color: #4202DD; }
	
	  /* ============ 抽屉（平板 / 手机） ============ */
	  .drawer-mask {
	    position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	    background: rgba(0, 0, 0, .45);
	    z-index: 900;
	    opacity: 0; pointer-events: none;
	    transition: opacity .3s;
	  }
	  .drawer-mask.show { opacity: 1; pointer-events: auto; }
	  .drawer {
	    position: fixed; top: 0; right: 0;
	    width: 600px; max-width: 100%; height: 100%;
	    background: #fff;
	    z-index: 1000;
	    display: flex; flex-direction: column;
	    -webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    transform: translateX(100%);
	    -webkit-transition: -webkit-transform .3s ease;
	    transition: transform .3s ease;
	  }
	  .drawer.show {
	    -webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);
	  }
	  .drawer-header {
	    height: 60px;
	    display: flex; align-items: center; justify-content: space-between;
	    padding: 0 20px;
	    border-bottom: 1px solid #e5e5e5;
	  }
	  .drawer-header .logo { margin: 0; }
	  .drawer-close {
	    width: 30px; height: 30px;
	    border: 1px solid #d0d0d0; border-radius: 50%;
	    position: relative;
	  }
	  .drawer-close::before, .drawer-close::after {
	    content: ""; position: absolute; left: 50%; top: 50%;
	    width: 14px; height: 1.5px; background: currentColor;
	  }
	  .drawer-close::before { transform: translate(-50%, -50%) rotate(45deg); }
	  .drawer-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
	  .drawer-body { flex: 1; overflow-y: auto; }
	
	  /* 一级菜单（3 项） */
	  .drawer-main { padding: 8px 20px; }
	  .drawer-row {
	    display: flex; justify-content: space-between; align-items: center;
	    padding: 18px 0;
	    border-bottom: 1px solid #e5e5e5;
	    font-size: 16px;
	    cursor: pointer;
	  }
	  
	  .drawer-row .chev {vertical-align: middle; width: 20px; height: 20px; color: #999; -webkit-transition: -webkit-transform .25s; transition: transform .25s; }
	  .drawer-row:hover .chev{ color: #4202DD; }
	  
	  /*.drawer-row .chev {color: #999; font-size: 18px;width: 30%;text-align: right; }*/
	  .drawer-row,.drawer-row a{color:#000000}
	  .drawer-row:hover,.drawer-row a:hover{color:#4202DD}
	  /* 二级子页面（商用产品及方案 → 产品手风琴） */
	  .drawer-sub { display: none; flex-direction: column; min-height: 100%; padding: 8px 20px; }
	  .drawer-sub.show { display: flex; }
	  .drawer-back { padding: 18px 0; font-size: 14px; color: #555; cursor: pointer; }
	  .drawer-back:hover { color: #4202DD; }
	  
	  .drawer-back .chev {vertical-align: middle; width: 20px; height: 20px; color: #999; -webkit-transition: -webkit-transform .25s; transition: transform .25s; }
	  .drawer-back:hover .chev{ color: #4202DD; }
	  .drawer-sub-title {
	    font-size: 18px; font-weight: 600;
	    padding: 8px 0 16px;
	    border-bottom: 1px solid #e5e5e5;
	    margin-bottom: 8px;
	  }
	
	  /* 手风琴 */
	  .drawer-sec { border-bottom: 1px solid #e5e5e5; }
	  .drawer-sec-header {
	    display: flex; justify-content: space-between; align-items: center;
	    padding: 16px 0;
	    font-size: 16px;
	    cursor: pointer;
	  }
	  
	  
	  .drawer-sec-header .chev { width: 20px; height: 20px; color: #999; -webkit-transition: -webkit-transform .25s; transition: transform .25s; }
	  .drawer-sec.open .drawer-sec-header .chev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
	  .drawer-sec-body { display: none; padding-bottom: 8px;padding-left: 24px; }
	  .drawer-sec.open .drawer-sec-body { display: block; }
	  
	  .drawer-sec-body a {
	    display: block;
	    font-size: 14px; color: #555;
	    padding: 10px 0;
	    border-bottom: 1px solid #f2f2f2;
	  }
	  .drawer-sec-body a:hover { color: #4202DD; }
	  .drawer-sec-body a:last-child { border-bottom: none; }
	  
	  	.padT-to-head{padding-top:60px !important;}
	    .contact-wrapper{width:auto;padding:30px 20px;}
	    .m_map{display:none;}
	    .container{width:100%}
	    .news-all .wrap{flex-direction: column;}
	    .about-us{padding: 20px;width:100%;text-align: justify;}
	    .news-bead-bg{right:0;margin-right:0px;}
		
		.about-mission{height:225px;width:auto;padding:20px;}
		.mission{padding:20px;background:rgba(12, 98, 209, 1);}
		.mission div{font-size:24px;color:#fff;}
		.mission div:nth-child(1){margin-bottom:20px}
		.mission-tip{font-size:80px;right:10px;}
		
		.global-dis-tab .container{margin-left:0;width:auto;}
		.global-dis-tab .mes{padding:0px 20px;}
		.global-dis-tab .mes div{font-size:3em;}

		.global-distribution{padding:0px;height:auto;overflow:hidden; margin-left:0;margin-top:30px;margin-bottom:30px;}
       
       .news-banner{margin-top:0px; width:100%;height:60vh; background:url(../images/news-head-bg.jpg)  center/cover}
       .news-banner img{display:none;}
	   .news-list{width:100%}
	   .news-banner a{height:100%;}
	   .news-banner-con{padding:30px 20px}
		.news-banner-con-text01{font-size:18px;}
		.news-banner-con-text02{font-size:36px;width:100%;font-weight:700;}
		.news-title-top {width: 100%;display: flex; justify-content: space-between; align-items: center;margin-bottom:28px;}
		.news-title-top-one{font-size:40px;margin:60px 0px 80px}
		.news-title-top-one-s{font-size:30px;}
		.news-title{margin:0px 0px 20px;padding-top: 80px;}
		
		.investor-left{width:100%;float:none;}
		.investor-left li{display:inline-block;margin-right:40px;border-bottom:1px solid #eee;border-top:none}
		.investor-right{width:100%;float:none;padding:20px 0 0 0;}
		.investor-right .investor-iframebox{width:100%;}
		
		.new-detail{padding-top:80px;width:90%;margin-top:0px;}
		.lab-sup-title{padding-top:120px;}
		.lab-sup-title-04{margin:40px 0px  10px;}
		
		.lab-e-l-ecosystem-box{margin:80px auto;}
		.lab-e-l-ecosystem-title{font-size:24px;margin-bottom:20px;padding:0px 20px;}
		.material-process{padding:0px 20px;height:70vh;}
		.material-process-box{margin:60px auto;}
		.software-capabilities-box{padding: 50px 20px 70px;}
		.software-capabilities{gap:10px;}
		.quality-res-hardware-title{width:100%;margin:30px auto;padding:0px 20px;}
		.quality-res-hardware-con{height:auto;margin:0px;padding:0px 20px;}
		.quality-res-hardware-con > *{width:calc(50% - 40px);flex:none;}
		.software-capabilities-quality-box{padding:0px 20px;}
}

/* 超小屏：≤ 480px */
@media screen and (max-width: 768px) {
    .foot { padding: 0 20px; }
    .footer-left .list { gap: 20px; }
    .footer-right-one { gap: 10px; }
    .footer-right-one div a { font-size: 14px; }
    .footer-right-two > div:nth-child(3){gap:5px;}
    
    
    /*首页*/    
    .demo-wrapper{display:block;}
	.top-fixed{display:none;}
    .layer-bg{font-size:40px;}
    .layer-text{padding-top:1.5em;}
    .font-up-1{ font-size: 2.1em;}
    .font-up-2{ font-size: 1.5em;}
    .news-bead-bg{display:none;}
    .news-all-box {margin-top:40px;margin-bottom: 40px;}
    .news-head-index .font{font-size:24px;margin-bottom: 20px;}
    .news-head-index .more a{font-size:14px;}
    .news-all .left-title{font-size:16px;}
    .news-all .date-text{font-size:14px;}
    
    .index-title-one div:nth-child(1){font-size:16px;}
	.index-title-one div:nth-child(2){font-size:24px;margin:0.1em 0;}
	.index-title-one div:nth-child(3){font-size:16px}
	
	.carousel-wrapper-iphone .text strong{font-size:16px;}
	
	.about-mission {height: 160px;}
	.mission{padding:0}
	.mission div{font-size:18px;}
	.mission-tip{font-size: 3em; right: 0;}
	
	.global-dis-tab .mes div{font-size:24px;margin-bottom: 10px;}
	.global-dis-tab .mes{padding: 0px 20px;flex-direction: column; align-items: flex-start;}

	.global-dis-tab .mes .running-num{width:100%;gap:5px;}
	.global-dis-tab .mes .running-num .d1{align-items: flex-start;}
	.global-dis-tab .mes .running-num .d1 h3{font-size:16px;}
	.global-dis-tab .mes .running-num .d1 h3 .animateNum{font-size:24px;}
	.global-dis-tab .mes .running-num .d1 h4{font-size:16px;}
	
    .news-banner{margin-top:0px;height:38vh;}
	.news-list{width:100%}
	.news-banner a{height:100%;}
	
	.news-banner-con{padding:20px 20px}
	.news-banner-con-text01{font-size:14px;}
	.news-banner-con-text02{font-size:18px;width:100%;}
	
	.news-title-top-one{font-size:24px;margin:0px 0px 20px}
	.news-title-top-one-s{font-size:20px;}
	.news-list ul{grid-template-columns: repeat(1, 1fr);}
	.news-title{font-size:24px;padding-top: 80px;}
	.news-list li{padding-bottom:20px;border-bottom: 1px solid #eee;}
	.news-s-title{font-size:16px}
	
	.investor-head {margin:20px 0 20px;font-size:24px;}
	.investor-left li{margin-right:20px;font-size:18px;}
	
	.new-detail .title{padding:0px;}
	
	.new-detail-head {width: 100%;position: relative;}
	.new-detail-head-img {width:100%;height:260px;overflow: hidden;}
	.new-detail-head-con {width:90%;height:115px;}
	.new-detail-head-con .title {font-size:16px;width:90%; margin:20px 0px;padding:0px 25px;}
	
	.us-title{font-size:24px;}
	.us-content{font-size:16px;}
	.t6{font-size:24px;}
	.contact-info li dt,.contact-info li dd{font-size:16px;}
	.contact-li-fontB{margin-top:20px;}
	
	.lab-sup > *{flex:0 0 100%} 
	.lab-sup-title-01{font-size:18px;}
	.lab-sup-title-02{font-size:24px;}
	.lab-sup-title-03{padding-right:0;}
	.lab-sup-title-04{font-size:24px;}
	.lab-sup-con div:nth-child(1){font-size:24px;}
	.lab-sup-con div:nth-child(2){padding-right:0;}
	.lab-sup-min div:nth-child(2){font-size:20px;}
	
	.lab-e-l-ecosystem-con{flex-direction: column;height:auto;overflow: hidden;}
	.lab-e-l-ecosystem-con .one{width:100%;padding:10px 20px 20px;}
	.lab-e-l-ecosystem-con .one .lab-e-l-title{padding:20px 0px;height:auto;}
	.lab-e-l-title span:nth-child(1){font-size:20px;}
	.lab-e-l-ecosystem-con img{width: 100%; height:188px;    object-fit: cover; /* 保持比例，裁剪溢出 */transform-origin: center center; /* 以中心点为原点放大 */    }
    
    
    .material-process{padding:0px 20px;height:70vh;}
    .software-capabilities-box-t{font-size:24px;}
    .software-capabilities{flex-direction: column;gap:20px;}
    .software-capabilities div{width:100%}
    .software-capabilities .software-capabilities-title{font-size:18px;}
    .software-capabilities .quality-res-bottom{margin:30px 0px 0px;}
    .auxiliary-materials-sixth-box{margin:40px auto 80px;}
    .auxiliary-materials-sixth-title{font-size:24px;}
    .auxiliary-materials-sixth-con{font-size:16px;padding-right:0px}
    
    .lab-iso div:nth-child(2){display:none;}
    .lab-iso-box{margin:60px auto;padding:0px 20px;}
    .lab-iso div:nth-child(1) .lab-iso-one span:nth-child(1){font-size:24px}
    .lab-iso-one-phone{display:block;}
    .lab-iso-one-phone img{width:80% !important;margin-top:20px;}
    .quality-res-hardware-title{font-size:24px;}
    .quality-res-hardware-con > *{width:100%;flex:none;}
    .quality-res-h-title span:nth-child(1){font-size:20px;}
    
    .software-capabilities-quality-box{margin:80px auto;}
    .thr-page .tip{display:none;}
    .thr-title{padding:20px;font-size:24px;}
    .title-con{padding:20px 0px;text-align:justify;}
    
    .thr-lifecycle-title{padding:20px;font-size:24px;}
    .thr-lifecycle-title .title-con{font-size:16px;width:100%;}
    .thr-lifecycle{padding:0px 20px}
    .thr-lifecycle .t-l-title{margin:40px 0px 20px}
    .thr-lifecycle .tab-con-title{font-size:16px;}
    .thr-page-service-process{flex-wrap: wrap;}
    .thr-page-service-process div:nth-child(even){display:none;}
    .thr-page-service-process div{width:calc(50% - 30px);}
    .thr-page-service-process-box{padding:50px 20px;margin-bottom:50px;}
    .thr-page-service-process div:nth-of-type(odd){align-items:flex-start}
    
  }