@import url("fonts/custom.css");


html,body{padding: 0; margin: 0;}
body{font-weight:400;overflow-x: hidden; --hover-color:#e60012;--white:#fff;--black0:#000; --black3:#333; --grey6:#666; --grey9:#999;--greyc:#ccc; font-size: var(--font-size16);--bg:#f5f5f5;--bg2:#f9f9f9;}

p, h1, h2, h3{margin: 0;}

.ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ispic{ overflow:hidden; position:relative;}
.ispic figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.ispic img{ width:100%; height:100%;object-fit: cover;}
.ispic.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}


/* 头部 */
header{position:fixed;width:100%;top:0;left:0;z-index:100; color:var(--white);}
header .logo{ padding:.15rem 0;}
header .logo img{ max-width:1.62rem; width:100%; opacity:0;}
header .logo .logo-white{ position:absolute; left:0; top:0; opacity:1;}

header .nav-box .ul{ height:100%; font-size:var(--font-size18);}
header .nav-box li{ margin:0 0.2rem; padding:0 .2rem; position:relative;}
header .nav-box li>span{ height:100%; width:100%; display:block; position:relative;}
header .nav-box li>span>a{ height:100%; color: var(--white); font-weight:bold;}
header .nav-box li>span>a em{ padding:.05rem 0; font-style:normal; border-bottom:solid 2px transparent;}
header .nav-box li:hover>span>a em,
header .nav-box li.active>span>a em{ border-color:var(--hover-color);}
header .nav-box li:hover .sub-box{ display:block;}

header .search-top{ margin-right:.25rem; padding-right:.25rem; height:100%; position: relative;}
header .search-top::after{ content:''; display:block; width:1px; height:.14rem; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-.07rem;}
header .search-top .icon{ width:.3rem; height:100%; cursor:pointer;}
header .search-top .icon i{ width:.23rem; height:.23rem; background-image:url(../images/search-white.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
header .search-top .search-box{ position:absolute; right:0; top:100%; background:var(--white); border-radius:0 0 .08rem .08rem; overflow:hidden; transition:all .3s; box-shadow:0 .1rem .1rem rgba(0,0,0,.1); display:none;}
header .search-top .search-box .wtd100{ width:100%;}
header .search-top .search-box input{background:transparent; border:0; padding:.13rem .1rem; padding-left:.15rem; margin:0; font-size:var(--font-size16);}
header .search-top .search-box .but{width:.4rem;text-align:center;cursor:pointer; background-image:url(../images/search-black.svg);background-repeat:no-repeat; background-position:center; background-size:.23rem;}
header .search-top.on .icon i{ background-image:url(../images/close-white.svg); background-size:.23rem;}
header .language{ margin-right:.45rem; height:100%;}
header .language .icon{ height:100%; cursor:pointer; padding-left:.3rem; background-image:url(../images/voice-white.svg);background-repeat:no-repeat; background-position:left center; background-size:.23rem;}
header .language .icon::after{ content:''; display:block; width:.12rem; height:.12rem; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-position:center; margin-left:.1rem; transform:rotate(90deg);}
header .language .pull-dow{ position:absolute; left:50%; top:100%; width:1rem; background-color:var(--white); padding:.1rem; margin-left:-.5rem; border-radius:0 0 .08rem .08rem; overflow:hidden; visibility:hidden; opacity:0; transition:.3s;}
header .language .pull-dow a{ width:100%; display:block; text-align:center; padding:.05rem; margin:.02rem;}
header .language .pull-dow a:hover{ color:var(--hover-color);}
header .language:hover .pull-dow{ visibility: visible; opacity:1;}

header .sub-box{ width:100vw; position:fixed; left:0; top:.76rem; background:#f2f2f2; display:none;}
header .sub-box .pic{ width:45.834%;}
header .sub-box .pic figure{ width:46.6vw; text-align:left; float:right;}
header .sub-box .rig-box{ width:54.166%; padding:.4rem 0 .4rem .6rem; font-size:var(--font-size16);}
header .sub-box .rig-box .erol{font-size:var(--font-size24);font-weight:bold;color:#000;margin-bottom:.35rem;}
header .sub-box .rig-box .wtd50{ width:48%;}
header .sub-box .rig-box dl dt dl{ display:none;}
header .sub-box .rig-box .onesub>dl>dt{ margin-bottom:.25rem;}
header .sub-box .rig-box .onesub>dl>dt>span{ padding-right:.6rem; display:block; line-height:1.5; position:relative;}
header .sub-box .rig-box .onesub>dl>dt>span::after{content:''; display:block; position:absolute; right:0; top:0; width:.2rem; height:100%; background-image:url(../images/arrow-grey.svg); background-position:center; background-repeat:no-repeat; background-size:.08rem;}
header .sub-box .rig-box .onesub dt.on>span a{ color:var(--hover-color);}
header .sub-box .rig-box .onesub dt.on>span::after{background-image:url(../images/arrow-red.svg);}
header .sub-box .rig-box .twosub{ height:12.5em; overflow:auto; padding-right:3.5em;}
header .sub-box .rig-box .twosub::-webkit-scrollbar{width:4px;background-color:#dfdfdf}
header .sub-box .rig-box .twosub::-webkit-scrollbar-thumb{width:3px;border-radius:4px;background-color:var(--hover-color);}
header .sub-box .rig-box .twosub dl{ display:none;}
header .sub-box .rig-box .twosub dt{ margin-bottom:.15rem;}
header .sub-box .rig-box .twosub dl dt a{ color:#666;}
header .sub-box .rig-box .twosub dt a:hover{ color:var(--hover-color);}

header.on-ani,
header.back-white{ background:var(--white); box-shadow:0 0 .1rem rgba(0,0,0,.12);}
header.on-ani .nav-box li>span>a,
header.back-white .nav-box li>span>a{ color:#333;}
header.on-ani .logo .logo-white,
header.back-white .logo .logo-white{opacity:0;}
header.on-ani .logo .logo-blue,
header.back-white .logo .logo-blue{opacity:1;}
header.on-ani .search-top::after,
header.back-white .search-top::after{ background-color:#999;}
header.on-ani .search-top .icon i,
header.back-white .search-top .icon i{background-image:url(../images/search-black.svg);}
header.on-ani .search-top.on .icon i,
header.back-white .search-top.on .icon i{background-image:url(../images/close-black.svg);}
header.on-ani .language .icon,
header.back-white .language .icon{background-image:url(../images/voice-black.svg); color:var(--black0);}
header.on-ani .language .icon::after,
header.back-white .language .icon::after{background-image:url(../images/arrow-black.svg);}
header.on-ani .open-menu i,
header.back-white .open-menu i{background:var(--black0);}

@media (max-width:1024px) {
header .nav-box{position:fixed;top:.76rem;right:-36%;width:35%;background:var(--white); height:calc(100% - .76rem); overflow:auto; transition:.3s;}
header .nav-box .ul{ flex-wrap:wrap; align-items:flex-start; align-content:flex-start;}
header .nav-box .ul li{ width:100%; padding:.1rem 0; margin:0;}
header .nav-box li>span{ height:auto; padding-left:.2rem;}
header .nav-box li>span>a{ color:var(--black0); font-size:var(--font-size22);}
header .nav-box li:hover .sub-box{ display:none;}
header .sub-box{ position:relative; top:0; width:100%; padding-left:.2rem;}
header .sub-box .pic{ display:none;}
header .sub-box .rig-box{ padding:.2rem 0; width:100%;}
header .sub-box .rig-box .erol{ padding-left:.12rem; font-size:var(--font-size18); margin-bottom:.15rem;}
header .sub-box .rig-box .twosub{ display:none!important;}
header .sub-box .rig-box .wtd50{width:100%;}
header .sub-box .rig-box .onesub>dl{ padding-top:0;}
header .sub-box .rig-box .onesub>dl>dt{ margin-bottom:.2rem;}
header .sub-box .rig-box .onesub dt>span{ padding-right:.3rem; font-size:.19rem;}
header .sub-box .rig-box .onesub>dl>dt>span{ padding-right:.3rem;}
header .sub-box .rig-box .onesub dt dl dt{ padding:.05rem 0;}
header .sub-box .rig-box dl{ padding:.15rem 0 0 1em;}
header .multi-level .autoCon-1600{ margin-left:0;}
.menu-show header .nav-box{ right:0;}
}
@media (max-width:640px) {
header .nav-box{ width:60%; right:-65%;}
header .nav-box li>span>a{ font-size:var(--font-size18);}
header .sub-box .rig-box .erol{ font-size:var(--font-size16);}
header .sub-box .rig-box .onesub dt>span{ font-size:var(--font-size16);}
header .sub-box .rig-box .onesub dt dl dt>span{ padding-right:0;}
}






/*Banner003223 */
.Banner003223{position:relative;z-index:1; --white:#fff; background:var(--black0);}
.Banner003223 .swiper-wrapper{height: auto;}
.Banner003223 .swiper img{ width:100%; position: relative; z-index:5;}
.Banner003223 .text{ position:absolute; left:0; bottom:0; width:100%; padding:1.5rem 0; line-height:1.8; z-index:10;}
.Banner003223 .text .centre{ width:100%; color:var(--white);}
.Banner003223 .text .tit-en{font-size:var(--font-size40); max-width:7rem; font-weight:bold; line-height:1.4; margin-bottom:.2rem;}
.Banner003223 .text .tit-des{ padding-left:.35rem; font-size:var(--font-size22); max-width:5rem; font-weight:500; position:relative;}
.Banner003223 .text .tit-des::after{content:''; display:block; width:.05rem; height:80%; position:absolute; left:.05rem; top:14%; background-color:#ec000d;}
.Banner003223 .canvas{ position:absolute; left:0; top:0; z-index:6; pointer-events:none; mix-blend-mode:screen; opacity:0.6;}
.Banner003223 .item-olx .ioas{ position:absolute; z-index:11; cursor:pointer;}
.Banner003223 .item-olx .ioas .iotb .spin{ position:absolute; left:0; top:0; width:100%; height:100%; animation: rotate 2s linear infinite;}
.Banner003223 .item-olx .ioas .iotb .oix{ position: relative; z-index:5;}
.Banner003223 .item-olx .ioas .iotb img{ display:block; width:1.31rem;}
.Banner003223 .item-olx .ioas .name-txt{text-align:right;color:var(--white);font-weight:700;}
.Banner003223 .item-olx .ioas .name-txt .line{display: inline-block;position: relative;}
.Banner003223 .item-olx .ioas .pot{position:absolute;}
.Banner003223 .item-olx .ioas .pot::after{content:'';display:block;width:.08rem;height:.08rem;background:var(--white); border-radius:1rem; position:relative; z-index:5;}
.Banner003223 .item-olx .ioas .pot .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%; opacity:0;width:.2rem;height:.2rem;background-color:#e60012;}
.Banner003223 .item-olx .ioas .pot .circle1{animation:ripple 3s linear infinite;}
.Banner003223 .item-olx .ioas .pot .circle2{animation:ripple 3s linear 0.8s infinite;}
.Banner003223 .item-olx .ioas .pot .circle3{animation:ripple 3s linear 1.6s infinite;}

.Banner003223 .swiper-slide .text{ transform:translateX(-1rem); opacity:0; transition:all .5s;}
.Banner003223 .ani-slide .text{transform:translateX(0);opacity:1;}

.Banner003223 .item-olx .ioas:nth-child(1) {left:18.9%;top:29.1%;}
.Banner003223 .item-olx .ioas:nth-child(1) .ixt{ direction:rtl;}
.Banner003223 .item-olx .ioas:nth-child(1) .name-txt{margin-top:.25rem;}
.Banner003223 .item-olx .ioas:nth-child(1) .name-txt .wtxz{ margin-bottom:.05rem;text-align:left;}
.Banner003223 .item-olx .ioas:nth-child(1) .pot{right:-0.2rem;bottom:-.1rem;}
.Banner003223 .item-olx .ioas:nth-child(1) .line img{ width:1.96rem;}
.Banner003223 .item-olx .ioas:nth-child(2){right:23.7%;top:60.1%;}
.Banner003223 .item-olx .ioas:nth-child(2) .name-txt{margin-bottom:.4rem;}
.Banner003223 .item-olx .ioas:nth-child(2) .name-txt .wtxz{ margin-top:.08rem;}
.Banner003223 .item-olx .ioas:nth-child(2) .pot{left:-.15rem;top:-.1rem;}
.Banner003223 .item-olx .ioas:nth-child(2) .line img{ width:2.06rem;}

.Banner003223 .item-olx .ioas:nth-child(3) {right: 24.5%; top: 33%;}
.Banner003223 .item-olx .ioas:nth-child(3) .ixt{ /* direction:rtl; */}
.Banner003223 .item-olx .ioas:nth-child(3) .name-txt{margin-top:.35rem;}
.Banner003223 .item-olx .ioas:nth-child(3) .name-txt .wtxz{ margin-bottom:.08rem; /* text-align:left; */}
.Banner003223 .item-olx .ioas:nth-child(3) .pot{left:-0.15rem;bottom:0.06rem;}
.Banner003223 .item-olx .ioas:nth-child(3) .line img{ width:2.06rem;}


@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes ripple {
    0% {
        transform:translate(-50%, -50%) scale(0);
        opacity:1;
    }
    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity:0;
    }
}

@media (min-width:2557px) and (max-width:2877px) {
    .Banner003223 .item-olx .ioas:nth-child(1){left: 23.9%;top: 32.1%;}
    .Banner003223 .item-olx .ioas:nth-child(2){right: 28.7%;}
    .Banner003223 .item-olx .ioas:nth-child(3){right: 28.5%; top: 36%;}
}

@media (min-width:2397px) and (max-width:2556px) {
    .Banner003223 .item-olx .ioas:nth-child(1){left: 23.9%;top: 32.1%;}
    .Banner003223 .item-olx .ioas:nth-child(2){right: 28.7%;}
    .Banner003223 .item-olx .ioas:nth-child(3){right: 28.5%; top: 36%;}
}

@media (min-width:2131px) and (max-width:2396px) {
    .Banner003223 .item-olx .ioas:nth-child(1){left: 20.9%;top: 30.1%;}
    .Banner003223 .item-olx .ioas:nth-child(2){right: 25.7%;}
    .Banner003223 .item-olx .ioas:nth-child(3){right: 25.5%; top: 34%;}
}

@media (min-width:1921px) and (max-width:2130px) {
    .Banner003223 .item-olx .ioas:nth-child(1){left: 19.9%;top: 29.1%;}
    .Banner003223 .item-olx .ioas:nth-child(2){right: 25.7%;}
    .Banner003223 .item-olx .ioas:nth-child(3){right: 25.5%; top: 34%;}
}

@media (max-width:1800px) {
    .Banner003223 .item-olx .ioas:nth-child(1){left: 16.9%;top: 28.1%;}
    .Banner003223 .item-olx .ioas:nth-child(2){right: 22.7%;}
    .Banner003223 .item-olx .ioas:nth-child(3){right: 22.5%; top: 32%;}
}

@media (max-width:1680px) {
    .Banner003223 .item-olx .ioas:nth-child(1){left: 14.9%;top: 27.1%;}
    .Banner003223 .item-olx .ioas:nth-child(2){right: 21.7%;}
    .Banner003223 .item-olx .ioas:nth-child(3){right: 21.5%; top: 31%;}
}


.Banner003223 .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{width:0.4rem;height:0.4rem; border:.02rem solid transparent; margin:0 0.13rem; display: -webkit-flex; display: flex; align-items:center; justify-content:center; border-radius: 50%;opacity: 1; background: none;}
.Banner003223 .controls-page span::after{content:'';display:block;width:.05rem;height:.05rem;border-radius:1rem;background:var(--white);}
.Banner003223  .controls-page span.swiper-pagination-bullet-active{ border-color:var(--white);}
@media (min-width:1025px) {
.Banner003223 img.wap{ display:none;}
}
@media (max-width:1024px) {
.Banner003223 img.pc{ display:none;}
.Banner003223 .text{ padding:.7rem 0;}
.Banner003223 .text .tit-en{ font-size:var(--font-size42);}

.Banner003223 .item-olx .ioas:nth-child(1){left:8.9%; top: 23.1%;}
.Banner003223 .item-olx .ioas:nth-child(2){right: 16.7%;}
.Banner003223 .item-olx .ioas:nth-child(3){right: 16.5%;top: 28%;}
}

@media (max-width:640px) {
.Banner003223 .text{ padding:.2rem 0 .05rem;}
.Banner003223 .text .tit-en{ margin-bottom:.1rem; font-size:var(--font-size18);}
.Banner003223 .text .tit-des{ font-size:var(--font-size12); padding-left:.2rem; line-height:1.5; }
.Banner003223 .text .tit-des::after{ width:.02rem; left:0;}
.Banner003223 .controls-page{ bottom:3%;}
.Banner003223 .controls-page span{width:0.3rem;height:0.3rem;}

.Banner003223 .item-olx .ioas .iotb img{ width:.5rem;}
.Banner003223 .item-olx .ioas .name-txt{ font-size:.1rem;width: 1.2rem;}
.Banner003223 .item-olx .ioas:nth-child(1){left:5.9%; top: 10.1%;}
.Banner003223 .item-olx .ioas:nth-child(1) .line img{ width:.8rem;}
.Banner003223 .item-olx .ioas:nth-child(1) .name-txt{ margin-top:.15rem;}
.Banner003223 .item-olx .ioas:nth-child(1) .pot{ right:0; bottom:-.04rem;}
.Banner003223 .item-olx .ioas:nth-child(2){ right: 12.7%;}
.Banner003223 .item-olx .ioas:nth-child(2) .line img{ width:.8rem;}
.Banner003223 .item-olx .ioas:nth-child(3){ right: 12.5%; top:20%;}
.Banner003223 .item-olx .ioas:nth-child(3) .line img{ width:.8rem;}
.Banner003223 .item-olx .ioas:nth-child(3) .name-txt{ margin-top:.1rem;}
}



/* 底部 */
footer{ background:#3c3c3c; position: relative;}
footer .autoCon-1600{ position:relative; z-index:2;}
footer::after{content:''; display:block; width:100%; height:47.153%; background-image:url(../images/footer-bg.png); background-repeat:no-repeat; background-size:contain; background-position:center bottom; position:absolute; left:0; bottom:0;}
.footer-tit{ margin-bottom:.8rem; padding:.45rem 0; border-bottom:solid .02rem rgba(255,255,255,0.1);}
.footer-tit .name-tit{ font-size:var(--font-size48); color:var(--white); font-weight:bold;}
.footer-tit .share-box .icon{ display:block; width:.4rem; height:.4rem; background:var(--white); border-radius:1rem;}
.footer-tit .share-box .icon img{ width:.4rem; height:.4rem; object-fit:contain;}
.footer-tit .share-box .icon:last-child{ margin-right:0;}
.footer-tit .share-box .qrcode{display:none;padding-bottom:.1rem;}
.footer-tit .share-box a{position:relative; margin-right:.2rem;}
.footer-tit .share-box a:hover .qrcode{ width:1.1rem; position:absolute; left:50%; margin-left:-0.6rem; bottom:100%; display:block;}
.footer-tit .share-box a:last-child{ margin-right:0;}
.footer-two .footer-nav .owt{ margin-bottom:.3rem;}
.footer-two .footer-nav .name-tit::before{ margin-top:.05rem; content:''; display:block; width:.15rem; height:.15rem; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-size:contain; background-position:center; transform:rotate(90deg); opacity:.7; transition: .3s;}
.footer-two .footer-nav .name-tit a{ margin-left:.15rem; font-weight:bold; font-size:var(--font-size24); color:var(--white); opacity:.7;}
.footer-two .footer-nav .lost{ margin-top:.15rem; padding-left:calc(.3rem + 1em); display:none;}
.footer-two .footer-nav .lost a{ margin-right:.25rem; font-size:var(--font-size18); color:var(--white); opacity:.7;}
.footer-two .footer-nav .lost a:last-child{ margin-right:0;}
.footer-two .footer-nav .lost a:hover{ opacity:1;}
.footer-two .footer-nav .owt.on .name-tit::before{ transform:rotate(-90deg); opacity:1;}
.footer-two .footer-nav .owt.on .name-tit a{ opacity:1;}
.footer-two .footer-nav .owt.on .lost a{ opacity:1;}
.footer-two .WeChat{ font-size:var(--font-size20); color:rgba(255,255,255,0.5); text-align:center;}
.footer-two .WeChat img{ width:1.96rem;}
.footer-two .WeChat .txt{ margin-top:.2rem;}
.footer-three{ margin-top:1.5rem; padding:.35rem 0; border-top:solid .02rem rgba(255,255,255,0.1); border-bottom:solid .02rem rgba(255,255,255,0.1);}
.footer-three .lxi{ line-height:1.7; font-size:var(--font-size20); color:var(--white); background-repeat:no-repeat; background-position:left .08rem; max-width:5rem; padding-left:.4rem;}
.footer-three .tel-icon{ background-image:url(../images/footer-Others1.png);}
.footer-three .yxw-icon{ background-image:url(../images/footer-Others2.png);}
.footer-three .wzr-icon{ background-image:url(../images/footer-Others3.png);}
.footer-three .adr-icon{ background-image:url(../images/footer-Others4.png);}
.footer-four{ padding:.35rem 0 .9rem; color:var(--white); line-height:1.8;}
.footer-four .copyright{ max-width:50%; opacity:.7;}
.footer-four .copyright a{ opacity:.7; color:var(--white);}
.footer-four .link{ max-width:50%;}
.footer-four .link i{ font-style: normal; padding:0 .1rem;}
.footer-four .link a{ opacity:.7; color:var(--white);}
.footer-four .link a:hover{ opacity:1;}

@media (max-width:1024px) {
.footer-tit .name-tit{ font-size:var(--font-size32);}
.footer-two .footer-nav .lost a{ margin-right:.1rem;}
.footer-two .footer-nav .name-tit a{ font-size:var(--font-size20);}
.footer-three .lxi{background-position:left .04rem;}
}
@media (max-width:768px) {
.footer-three .lxi{ line-height:2; padding-left:0.5rem; background-position:left .03rem;}
}
@media (max-width:640px) {
.footer-tit{ flex-wrap:wrap; padding-bottom:.3rem; margin-bottom:.35rem;}
.footer-tit .name-tit{ font-size:var(--font-size22); margin-bottom:.2rem; width:100%;}
.footer-two{ flex-wrap:wrap;}
.footer-two .footer-nav{width:100%; margin-bottom:.2rem;}
.footer-two .footer-nav .lost{ margin:.1rem 0;}
.footer-two .footer-nav .owt{ margin-bottom:.15rem;}
.footer-two .WeChat{ font-size:var(--font-size16);}
.footer-two .WeChat img{ width:1.2rem;}
.footer-three{ margin-top:0.5rem;}
.footer-three .lxi{ width:100%; margin-bottom:.2rem; background-position:left .06rem; font-size:var(--font-size18);}
.footer-four{ flex-wrap:wrap;}
.footer-four .copyright{ max-width:100%; margin-bottom:.1rem;}
.footer-four .link{ max-width:100%;}

.footer-tit .share-box{ width:100%; justify-content:center;}
}



/* 首页 */
.index-tit{ padding:.55rem 0;color:#333333;}
.index-tit .tit{font-size:var(--font-size50); font-weight:bold; line-height:1;}
.index-tit .tit::before{ margin-right:.2rem; content:''; display:block; width:.12rem; height:.12rem; background:var(--hover-color); border-radius:1rem; margin-bottom:.13rem;}
.index-tit .more a{color:#333333;font-size:var(--font-size22);font-weight:bold; line-height:1.5; transition:.3s;}
.index-tit .more a::after{content:''; width:.11rem; height:.11rem; margin-top:.05rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.index-tit .more a:hover{ color:var(--hover-color);}

.index-solutions{ padding-top:.5rem;}
.index-solutions .list .item{ width:50%;}
.index-solutions .list .item .text{position:absolute; left:0; bottom:0; width:100%; padding:.65rem;}
.index-solutions .list .item .text .tit{max-width:80%;font-size:var(--font-size32);font-weight:bold;color:var(--white);transition:.3s;}
.index-solutions .list .item .text .more{ width:.5rem; height:.5rem; background:var(--hover-color); border-radius:1rem;}
.index-solutions .list .item .text .more span{ display:block; width:100%; height:100%; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-position:center; background-size:.1rem; display:block;}
.index-solutions .list .item .ispic{ padding-bottom:83%;}
.index-solutions .list .item a:hover .tit{ color:var(--hover-color);}

.index-products{ padding:1.2rem 0; background:#ececec;}
.index-products .index-tit{ padding:0;color:#333333; margin-bottom:.25rem;}
.index-products .index-tit .tit{margin-bottom:.25rem;}
.index-products .ioxl a{ padding-bottom:.05rem; margin-right:.2rem; font-weight:bold; font-size:var(--font-size20); color:#666; border-bottom:solid .02rem transparent;}
.index-products .ioxl a:hover,
.index-products .ioxl a.on{ color:#333; border-color:var(--hover-color);}
.index-products .ioxl a:last-child{ margin-right:0;}
.index-products .switch-box .switch-one{ display:none;}
.index-products .switch-box .item a{ display:block; background:var(--white);}
.index-products .switch-box .item .ispic{ padding-bottom:92.34%;}
.index-products .switch-box .item .back{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; font-size:0; opacity:0; transition:.3s;}
.index-products .switch-box .item .back figure{height:100%;}
.index-products .switch-box .item .back img{ width:100%; height:100%; object-fit:cover;}
.index-products .switch-box .item .text{ padding:.47rem .4rem; position:relative; z-index:5;}
.index-products .switch-box .item .text .caty{ margin-bottom:.2rem;}
.index-products .switch-box .item .text .caty span{ display:block; padding:.05rem .15rem; background-color:rgba(0,0,0,.2); border-radius:.2rem .2rem .2rem 0; color:var(--white); font-weight:500;}
.index-products .switch-box .item .text .tit{ max-width:90%; font-weight: bold; font-size:var(--font-size24); color:#333;    min-height: .64rem;}
.index-products .switch-box .item:hover .back{ opacity:1;}
.index-products .rollBar{ margin-top:.4rem;}
.index-products .rollBar .swiper-pagination{ width:85%; position:relative;}
.index-products .rollBar .swiper-but{ position:relative; width:.5rem; height:.5rem; margin:0; left:auto; right:auto; top:auto; border:solid .02rem #666; border-radius:1rem; margin-right:.2rem; opacity:.3; transition: .3s;}
.index-products .rollBar .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:#666; transition: .3s;}
.index-products .rollBar .swiper-button-next{ margin-right:0;}
.index-products .rollBar .swiper-but:hover{ background:var(--hover-color); border-color:var(--hover-color); opacity:1;}
.index-products .rollBar .swiper-but:hover::after{ color:var(--white);}
.index-products .rollBar .swiper-pagination-progressbar{ background-color:rgba(221,221,221,.5);}
.index-products .rollBar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:var(--hover-color);}
.index-products .more{ margin-top:.35rem;}
.index-products .more a{color:#333333;font-size:var(--font-size22);font-weight:bold; line-height:1.5; transition:.3s;}
.index-products .more a::after{content:''; width:.11rem; height:.11rem; margin-top:.05rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.index-products .more a:hover{ color:var(--hover-color);}

.index-About{ padding:1.2rem 0 1rem; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.index-About .index-tit{ padding:0;color:#fff;}
.index-About .editorBox{ min-height:5rem; margin-top:.85rem; align-content:flex-end;}
.index-About .editor{ width:70%; font-size:var(--font-size48); line-height:1.4; font-weight:bold; color:var(--white);}
.index-About .more{ width:100%; margin-top:.35rem;}
.index-About .more a{color:#fff;font-size:var(--font-size22);font-weight:bold; line-height:1.5; transition:.3s;}
.index-About .more a::after{content:''; width:.11rem; height:.11rem; margin-top:.05rem; display:block; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.index-About .more a:hover{ color:var(--hover-color);}
.index-About .more a:hover::after{ background-image:url(../images/arrow-red.svg);}
.index-About .iuox{ color:var(--white); margin-right:.8rem; border-left:solid .02rem var(--white); padding-left:.25rem;}
.index-About .iuox .icon{ margin-bottom:.4rem;}
.index-About .iuox .icon img{ width:.32rem;}
.index-About .iuox .num{ margin-bottom:.1rem; font-size:var(--font-size60);}
.index-About .iuox .num aside{font-family:'Barlow'; line-height:1; font-weight:700;}
.index-About .iuox .wix{ font-size:var(--font-size18); font-weight:500;}
.index-About .iuox:last-child{ margin-right:0;}

.index-news{ padding:1rem 0 1.2rem;}
.index-news .index-tit{ padding:.4rem 0;}
.index-news .ioxl a{ padding-bottom:.05rem; margin-right:.2rem; font-weight:bold; font-size:var(--font-size20); color:#666; border-bottom:solid .02rem transparent;}
.index-news .ioxl a:hover,
.index-news .ioxl a.on{ color:#333; border-color:var(--hover-color);}
.index-news .ioxl a:last-child{ margin-right:0;}
.index-news .list-one{ width:66.25%;}
.index-news .list-one .item{ background:#f2f2f2;}
.index-news .list-one .item .ispic{ width:61.227%; padding-bottom:45.85%; overflow:hidden;}
.index-news .list-one .item .ispic figure{ transition:.3s;}
.index-news .list-one .item .text{ width:38.773%; padding:.35rem;}
.index-news .list-one .item .text .tiem{ font-size:var(--font-size18); color:#666666; margin-bottom:.3rem;}
.index-news .list-one .item .text .tiem span{ padding-left:.35rem; background-image:url(../images/tiem-red.png); background-repeat:no-repeat; background-position:center left; background-size:.2rem;}
.index-news .list-one .item .text .des{ min-height:13em; margin-bottom:1em; font-size:var(--font-size24); color:#333333; font-weight:bold; line-height:1.4;}
.index-news .list-one .item:hover .ispic figure{ transform:scale(1.05);}
.index-news .list-one .item:hover .text .des{ color:var(--hover-color);}
.index-news .list-one .item .aniu .but{color:#333;font-size:var(--font-size20);font-weight:bold; line-height:1.5;}
.index-news .list-one .item .aniu .but::after{content:''; width:.11rem; height:.11rem; margin-top:.05rem; display:block; background-image:url(../images/arrow-grey.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.index-news .list-two{ width:32.3%; align-content:space-between;}
.index-news .list-two .item{ background:#f2f2f2;}
.index-news .list-two .item a{ display:block; padding:.4rem .3rem;}
.index-news .list-two .item .tit{ min-height:4.1em; font-weight:bold; margin-bottom:.3rem; font-size:var(--font-size24); color:#333;}
.index-news .list-two .item .tiem{ font-size:var(--font-size18); color:#666666;}
.index-news .list-two .item .tiem span{ padding-left:.35rem; background-image:url(../images/tiem-red.png); background-repeat:no-repeat; background-position:center left; background-size:.2rem;}
.index-news .list-two .item:hover .tit{color:var(--hover-color);}
.index-news .tab-list{ display:none;}
.index-news .tab-list .wtd100{ width:100%;}
.index-news .more{ width:100%; margin-top:.5rem;}
.index-news .more a{color:#333;font-size:var(--font-size22);font-weight:bold; line-height:1.5; transition:.3s;}
.index-news .more a::after{content:''; width:.11rem; height:.11rem; margin-top:.05rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.index-news .more a:hover{ color:var(--hover-color);}

.index-others .item{ width:33.33%; position:relative;}
.index-others .item .ispic{ padding-bottom:56%;}
.index-others .item .tit{ font-size:var(--font-size24); color:#ffffff; font-weight:bold; position:absolute; left:0; top:0; width:100%; padding:.35rem;}
.index-others .item .more{ position:absolute; left:.35rem; bottom:.35rem; width:.5rem; height:.5rem; border:solid .02rem #fff; border-radius:1rem; transition:.3s;}
.index-others .item .more span{ display:block; width:100%; height:100%; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-position:center; background-size:.1rem; display:block;}
.index-others .item:hover .more{ background:var(--hover-color); border-color:var(--hover-color);}

.Traction{ position:fixed; left:.15rem; top:35%; z-index:9; display:none;}
.Traction::before{content:''; display:block; width:.01rem; height:100%; position:absolute; left:.08rem; top:0; background:rgba(255,255,255,0.1);}
.Traction a{ padding:.2rem 0; font-size:var(--font-size18); color:var(--white); transition:0.3s;position: relative;}
.Traction a span{ width:calc(100% - 0.35rem);position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.5s;pointer-events: none;opacity: 0;border-radius: 0.1rem;padding: 0.1rem;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);width: max-content;}
.Traction a .pot{content:''; display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:.18rem; height:.18rem; position:relative;}
.Traction a .pot::after{ background:var(--white); content:''; display:block; width:.1rem; height:.1rem; border:solid .02rem #999; border-radius:1rem;}
.Traction a .pot::before{content:'';display:block;width:100%;height:100%;background-image: url(../images/apart.png);background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:0;top:0;opacity:0;}
.Traction a.active .pot::before{ opacity:1;}
.Traction a:hover span{opacity: 1;left: 0.28rem;pointer-events: auto;}
.Traction.color-black a{ color:#333;}
.Traction.color-black::before{ background:rgba(0,0,0,.1);}
.Traction.color-white a{ color:#fff;}
.Traction.color-white::before{ background:rgba(255,255,255,.12);}

.Traction#soluBox{ width:1.45rem; font-weight:500;}
.Traction#soluBox.color-black a{ color:#999;}
.Traction#soluBox.color-black a.active{ color:#333;}
/* .Traction#soluBox.color-white a{ color:#fff;} */
/* .Traction#soluBox.color-white a.active{ color:var(--hover-color);} */

.Traction#supportBox{ left:.1rem;font-weight:500;}
.Traction#supportBox.color-black a{ color:#999;}
.Traction#supportBox.color-black a.active{ color:#333;}
/* .Traction#supportBox a span{ margin-left:.1rem; width:calc(100% - 0.35rem);} */

@media (max-width:1024px) {
.index-tit .tit{ font-size:var(--font-size42);}
.index-solutions .list .item .text{ padding:.35rem .25rem;}
.index-solutions .list .item .text .tit{ max-width:90%; font-size:var(--font-size24);}
.index-products .switch-box .item .text{ padding:.35rem;}
.index-products .switch-box .item .text .tit{ max-width:100%; font-size:var(--font-size22);}
.index-products .switch-box .item .back figure{ width:100%; height:100%;}
.index-About .iuox{ margin-right:.4rem;}
.index-About .iuox .num{ font-size:var(--font-size32);}
.index-About .iuox .icon{ margin-bottom:.2rem;}
.index-About .iuox .icon img{ width:.32rem;}
.index-About .editor{ font-size:var(--font-size32);}
.index-news .list-two .item a{ padding:.28rem;}
.index-news .list-one .item .text .tiem{ margin-bottom:.2rem;}
.index-news .list-one .item .text .des{ min-height:12em; font-size:var(--font-size18);}
.index-news .list-two .item .tit{ font-size:var(--font-size18);}
.index-others .item .tit{ font-size:var(--font-size22);}
.Traction#soluBox{ display:none!important;}
.Traction#supportBox{ display:none!important;}
}


@media (max-width:640px) {
.index-tit{ padding:.35rem 0;}
.index-tit .tit{ font-size:var(--font-size28);}
.index-tit .tit::before{ margin-bottom:.1rem; width:.08rem; height:.08rem;}
.index-tit .more a{ font-size:var(--font-size18);}

.index-solutions .list{ flex-wrap:wrap;}
.index-solutions .list .item{ width:100%;}
.index-solutions .list .item .text .tit{ max-width:calc(100% - .6rem); font-size:var(--font-size18);}

.index-products{ padding:.7rem 0;}
.index-products .index-tit{ flex-wrap:wrap; margin-bottom:.15rem;}
.index-products .ioxl a{ font-size:var(--font-size16);}
.index-products .switch-box .item .text{ padding:.2rem .1rem 0;}
.index-products .switch-box .item .text .caty{ margin-bottom:.1rem;}
.index-products .switch-box .item .text .caty span{font-size:var(--font-size12);}
.index-products .switch-box .item .text .tit{ font-size:var(--font-size14); min-height:4em; display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-products .rollBar{ margin-top:.2rem;}
.index-products .rollBar .swiper-but{ margin-right:.15rem;}
.index-products .rollBar .swiper-but:last-child{ margin-right:0;}
.index-products .rollBar .swiper-pagination{ width:65%;}
.index-products .more{ margin-top:.2rem;}

.index-About{ padding:.8rem 0;}
.index-About .text-box{ flex-wrap:wrap;}
.index-About .index-tit{ margin-bottom:.3rem;}
.index-About .iuox{ margin-bottom:.3rem; width:50%; margin-right:0;}
.index-About .iuox .icon{ margin-bottom:.1rem;}
.index-About .iuox .num{ font-size:var(--font-size24);}
.index-About .editor{ width:100%; font-size:var(--font-size22);}
.index-About .more a{ font-size:var(--font-size18);}
.index-About .editorBox{ margin-top:.35rem; min-height:2rem;}

.index-news{ padding:.6rem 0;}
.index-news .index-tit{ flex-wrap:wrap; padding-top:0;}
.index-news .index-tit .tit{ width:100%; margin-bottom:.2rem;}
.index-news .list-one{ width:100%; margin-bottom:.2rem;}
.index-news .list-one .item a{ flex-wrap:wrap;}
.index-news .list-one .item .text{ width:100%;}
.index-news .list-one .item .ispic{ width:100%; padding-bottom:74%;}
.index-news .list-one .item .text .des{ min-height:6em;}
.index-news .list-two{ width:100%;}
.index-news .list-two .item{ margin-bottom:.2rem;}
.index-news .more{ margin-top:.2rem;}
.index-news .ioxl a{ font-size:var(--font-size16);}
.index-others .item{ width:100%;}
.Traction{ display:none!important;}
}



/* 内页 */
.inside-main{ overflow-x: hidden;}

.ban-inside{ z-index:5;}
.ban-inside .center{ width:100%; height:100%;}
.ban-inside .text{ position:absolute; left:0; top:0; width:100%; height:100%; padding:1rem 0;}
.ban-inside .text .tit-cn{font-size:var(--font-size72); font-weight:bold; color:var(--white);}
@media (min-width:1025px) {
.ban-inside img.wap{ display:none;}
}
@media (max-width:1024px) {
.ban-inside img.pc{ display:none;}
}

@media (max-width:640px) {
.ban-inside .text{ padding:.3rem 0;}
.ban-inside .text .tit-cn{ font-size:var(--font-size36);}
}





/* 解决方案 */
.inside-tit{color:#333333;}
.inside-tit .tit{font-size:var(--font-size48); font-weight:bold; line-height:1;}
.inside-tit .tit::before{ margin-right:.2rem; content:''; display:block; width:.12rem; height:.12rem; background:var(--hover-color); border-radius:1rem;}
.inside-tit .more a{color:#333333;font-size:var(--font-size22);font-weight:bold; line-height:1.5; transition:.3s;}
.inside-tit .more a::after{content:''; width:.11rem; height:.11rem; margin-top:.05rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.inside-tit .more a:hover{ color:var(--hover-color);}


.Solution-box #Overview{ padding-bottom:1rem;}
.Solution-box .introd-box{ padding:.8rem 0 .7rem;}
.Solution-box .introd-box .inside-tit{ width:30%;}
.Solution-box .introd-box .des{ width:64%; font-size:var(--font-size18); color:#333333; line-height:1.7;}

.Solution-box #Architecture{ padding:.8rem 0 1.8rem; background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.Solution-box #Architecture .inside-tit{ margin-bottom:.4rem;}

.Solution-box .tab-menu{ margin-bottom:.6rem;}
.Solution-box .tab-menu a{ width:calc(100% / 5); font-weight:500; text-align:center; font-size:var(--font-size18); margin:0 .2rem; border-bottom:solid .03rem transparent; padding:.1rem 0;}
.Solution-box .tab-menu a:hover,
.Solution-box .tab-menu a.on{ border-color:var(--hover-color);}
.Solution-box .tabconBox .olshell{ position:relative; width:2.72rem;}
.Solution-box .tabconBox .olshell::before{content:''; display:block; width:.01rem; height:100%; position:absolute; left:.12rem; top:0; background:rgba(0,0,0,0.12);}
.Solution-box .tabconBox .olshell a{ padding:.1rem 0; font-size:var(--font-size20); color:#999; transition:0.3s;}
.Solution-box .tabconBox .olshell a span{ margin-left:.15rem; width:calc(100% - .4rem);}
.Solution-box .tabconBox .olshell a .pot{ content:''; display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:.24rem; height:.24rem; position:relative; border-radius:1rem;}
.Solution-box .tabconBox .olshell a .pot::after{ background:var(--white); content:''; display:block; width:.09rem; height:0.09rem; border:solid .02rem #999; border-radius:1rem;}
.Solution-box .tabconBox .olshell a.on{ color:var(--black0);}
.Solution-box .tabconBox .olshell a.on .pot{ background-color:rgba(230,0,18,0.1);}
.Solution-box .tabconBox .olshell a.on .pot::after{ background:var(--hover-color); border-color:var(--hover-color);}
.Solution-box .tabconBox .tabEditor{ display:none;}
.Solution-box .tabconBox .Aoxbox{ width:77.5%;}
.Solution-box .tabconBox .Aoxbox .item{display:none;}
.Solution-box .tabconBox .Aoxbox .item .pic{ width:58.065%;}
.Solution-box .tabconBox .Aoxbox .item .text{ padding-left:1rem; width:41%; color:#333333;}
.Solution-box .tabconBox .Aoxbox .item .text .tit-box::after{display:block; content:''; width:.3rem; height:.03rem; background:var(--hover-color); margin:.25rem 0;}
.Solution-box .tabconBox .Aoxbox .item .text .tit{ line-height:1.2; font-size:var(--font-size28); font-weight:bold;}
.Solution-box .tabconBox .Aoxbox .item .text .des{ font-size:var(--font-size18); line-height:1.8;}
.Solution-box .tabconBox .Aoxbox .item .text .more{ width:100%; margin-top:.5rem;}
.Solution-box .tabconBox .Aoxbox .item .text .more a{color:#333;font-size:var(--font-size22);font-weight:bold; line-height:1.5; transition:.3s;}
.Solution-box .tabconBox .Aoxbox .item .text .more a::after{content:''; width:.11rem; height:.11rem; margin-top:.05rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.Solution-box .tabconBox .Aoxbox .item .text .more a:hover{ color:var(--hover-color);}

.Solution-box #Advantages{ padding:1rem 0; background-image:url(../images/Advantages-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.Solution-box #Advantages .list-box{ margin-top:.85rem;}
.Solution-box #Advantages .list-box .item{ width:32%; margin-right:2%; background:#f5f7f9; padding:.35rem;}
.Solution-box #Advantages .list-box .item .icon{ margin-top:-0.75rem;}
.Solution-box #Advantages .list-box .item .icon img{ width:1.78rem;}
.Solution-box #Advantages .list-box .item .tit{padding-right:.35rem;margin:.25rem 0;font-size:var(--font-size24); color:#000000; font-weight:bold;}
.Solution-box #Advantages .list-box .item .text{padding-right:.35rem; font-size:var(--font-size18); color:#333; height:2.15rem; overflow:auto; line-height:1.7;}
.Solution-box #Advantages .list-box .item .text::-webkit-scrollbar{width:3px;background-color:rgba(128,147,165,.24);}
.Solution-box #Advantages .list-box .item .text::-webkit-scrollbar-thumb{width:3px;border-radius: 4px;background-color: var(--scrollBarColor)}
.Solution-box #Advantages .list-box .item:last-child{ margin-right:0;}
.Solution-box #CaseStudy .list .item{ width:50%; position:relative;}
.Solution-box #CaseStudy .list .item .pic img{width: 100%;}
.Solution-box #CaseStudy .list .item .hover-img{ position:absolute; left:0; top:0; opacity:0;}
.Solution-box #CaseStudy .list .item .text{position:absolute;left:0;bottom:.5rem; z-index:3; color: var(--white); padding:0 1rem;}
.Solution-box #CaseStudy .list .item .txt-wzt{ width:calc(100% - 1.5rem);}
.Solution-box #CaseStudy .list .item .text .tit{ margin-bottom:.2rem; font-size:var(--font-size42); font-weight:bold;}
.Solution-box #CaseStudy .list .item .text .des{ line-height:2;}
.Solution-box #CaseStudy .list .item .text .aniu{ margin-top:.3rem; display:none;}
.Solution-box #CaseStudy .list .item .text .aniu .but{padding:.15rem .25rem; background:var(--white); color:#003b87; border-radius:1rem 0 1rem 1rem;}
.Solution-box #CaseStudy .list .item .text .aniu .but::after{ margin-left:.15rem; content:''; display:block; width:.12rem; height:.12rem; background-image:url(../images/arrow-blue.png);}
.Solution-box #CaseStudy .list .item .text .more{ margin-top:.1rem; width:.5rem; height:.5rem; background:var(--hover-color); border-radius:1rem;}
.Solution-box #CaseStudy .list .item .text .more span{ display:block; width:100%; height:100%; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-position:center; background-size:.1rem; display:block;}
.Solution-box #CaseStudy .list .item:hover .moren-img{ opacity:0;}
.Solution-box #CaseStudy .list .item:hover .hover-img{ opacity:1;}
.Solution-box #CaseStudy .list .item:hover .text .des{-webkit-line-clamp:8;}
.Solution-box #CaseStudy .list .item:hover .text .more{ display:none;}
.Solution-box #CaseStudy .list .item:hover .txt-wzt{ width:100%;}
.Solution-box #CaseStudy .list .item:hover .text .aniu{ display:-webkit-flex; display:flex; align-items:center;}

#Business{ padding:1.1rem 0; background-repeat:no-repeat; background-position:center; background-size:cover;}
#Business .text{ max-width:7.15rem; margin:0 auto; text-align:center; color:var(--white);}
#Business .text .des{ margin-top:.25rem; line-height:2;}
#Business .text .tit{ font-size:var(--font-size42); font-weight:bold;}
#Business .more{ width:100%; margin-top:.25rem;}
#Business .more a{color:#fff;font-size:var(--font-size22);font-weight:bold; line-height:1.5; transition:.3s;}
#Business .more a::after{content:''; width:.11rem; height:.11rem; margin-top:.05rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}


@media (max-width:1024px) {
.Solution-box .tab-menu a{ width:calc(100% / 4);}
}

@media (max-width:640px) {
.inside-tit .tit{ font-size:var(--font-size32);}
.inside-tit .tit::before{ width:.08rem; height:.08rem;}

.Solution-box .introd-box{ flex-wrap:wrap; padding-bottom:.5rem;}
.Solution-box .introd-box .inside-tit{ width:100%; margin-bottom:.2rem;}
.Solution-box .introd-box .des{ width:100%;}

.Solution-box #CaseStudy .list .item .text{ padding:0;}

.Solution-box #Architecture{ padding:.5rem 0;}
.Solution-box #Architecture .inside-tit{margin-bottom:.2rem;}
.Solution-box .tab-menu{ flex-wrap:wrap; margin-bottom:.3rem;}
.Solution-box .tab-menu a{ width:100%; margin:0 0 .1rem;}
.Solution-box .tabconBox .olshell{ width:100%;}
.Solution-box .tabconBox .Aoxbox{ margin-top:.35rem; width:100%;}
.Solution-box .tabconBox .Aoxbox .item .wtd100{ flex-wrap:wrap;}
.Solution-box .tabconBox .Aoxbox .item .pic{ width:80%; margin:0 auto;}
.Solution-box .tabconBox .Aoxbox .item .text{ width:100%; padding:.3rem 0 0; color:var(--white);}
.Solution-box .tabconBox .Aoxbox .item .text .more{ margin-top:.1rem;}
.Solution-box .tabconBox .Aoxbox .item .text .more a{ color:var(--white);}
.Solution-box .tabconBox .Aoxbox .item .text .tit-box::after{ margin:.1rem 0;}
.Solution-box .tabconBox .Aoxbox .item .text .des{ line-height:1.5;}

.Solution-box #Advantages .list-box{ flex-wrap:wrap;}
.Solution-box #Advantages .list-box .item{ width:100%; margin-right:0; margin-bottom:.8rem;}
.Solution-box #Advantages .list-box .item .icon img{ width:1.5rem;}
.Solution-box #Advantages .list-box .item .tit{ margin:.15rem 0; font-size:var(--font-size22);}
.Solution-box #Advantages .list-box .item:last-child{ margin-bottom:0;}

.Solution-box #CaseStudy .list .item{ width:100%;}
.Solution-box #CaseStudy .list .item .text{ bottom:0; padding:.3rem;}
.Solution-box #CaseStudy .list .item .text .tit{ font-size:var(--font-size32);}
.Solution-box #CaseStudy .list .item .txt-wzt{ width:calc(100% - .8rem);}
.Solution-box #CaseStudy .list .item:hover .text .des{-webkit-line-clamp:3;}

#Business{ padding:.5rem 0;}
#Business .text{ padding:0 .2rem; max-width:100%;}
#Business .text .tit{ font-size:var(--font-size32);}
#Business .more{ margin-top:.1rem;}
}





/*解决方案_电芯制程段*/
.ban-switch{ padding:1.5rem 0 .64rem; background-image:url(../images/ban-systems.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; overflow: hidden;}
.ban-switch .pic-switch{ width:56%; text-align:center;}
.ban-switch .text{ width:38%;}
.ban-switch .text .tit-en{ line-height:1.1; margin-bottom:.35rem; font-size:var(--font-size48); color:#000; font-weight:bold;}
.ban-switch .text .des{ color:#333; font-size:var(--font-size18); line-height:1.5;}
.ban-switch .swiper-pagination{ margin-top:.5rem; font-size:0; position:relative;}
.ban-switch .swiper-pagination .swiper-pagination-bullet{ background:transparent; width:.2rem; height:.2rem; border:solid .02rem transparent; opacity:1; text-align:center; line-height:.2rem; position:relative;}
.ban-switch .swiper-pagination .swiper-pagination-bullet::after{ position:absolute; left:50%; top:50%; content:''; display:block; width:.06rem; height:.06rem; background:#c9cfd5; border-radius:1rem; margin-left:-.03rem; margin-top:-.03rem;}
.ban-switch .swiper-pagination .swiper-pagination-bullet-active{ border-color:var(--hover-color);}
.ban-switch .swiper-pagination .swiper-pagination-bullet-active::after{ background:var(--hover-color);}

.systems-box .equipment-box{ padding:1rem 0 .8rem;}
.systems-box .equipment-box .list-box{ margin-top:.45rem;}
.systems-box .equipment-box .list-box .item{position:relative; width:23.75%; margin-right:1.6666%; margin-bottom:1.6666%; padding:.4rem; background:#f5f7f9;}
.systems-box .equipment-box .list-box .item .icon-box{ margin-bottom:.6rem;}
.systems-box .equipment-box .list-box .item .icon-box .icon{ background:var(--black0); border-radius:1rem;}
.systems-box .equipment-box .list-box .item .icon-box .icon img{ width:.7rem;}
.systems-box .equipment-box .list-box .item .icon-box .suz{font-size:var(--font-size32);font-weight:bold;-webkit-text-stroke:1px #d9dee2;color:transparent;background:transparent;-webkit-background-clip:text;background-clip:text;}
.systems-box .equipment-box .list-box .item .des{ width:90%; font-size:var(--font-size18); line-height:1.5; min-height:6em;}
.systems-box .equipment-box .list-box .item a{ position: relative; z-index:2;}
.systems-box .equipment-box .list-box .item::after{ position:absolute; left:0; top:0; width:100%; height:1.5rem; content:'';display:block; background-image:url(../images/systems-bg.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.systems-box .equipment-box .list-box .item:nth-child(4n){ margin-right:0;}
.systems-box .equipment-box .list-box .item:hover{background-image:linear-gradient(to bottom,#000000,#333333);}
.systems-box .equipment-box .list-box .item:hover a{color:var(--white);}
.systems-box .equipment-box .list-box .item:hover::after{opacity:.2;}
.systems-box .equipment-box .list-box .item:hover .icon-box .suz{opacity:.5;}
.systems-box .equipment-box .list-box .item:hover .icon-box .icon{ background:url(../images/circle.svg); border-radius:0; background-repeat:no-repeat; background-position:center; background-size:contain;}

.systems-box .secific-box{ padding:1rem 0; background:#ececec;}
.systems-box .secific-box .table-box{ margin-top:.45rem; overflow:auto;}
.systems-box .secific-box .table-box table{ width:100%;}
.systems-box .secific-box .table-box td{color:#333; font-size:var(--font-size16); padding:.15rem .9rem; padding-right:.3rem; line-height:2; background:#f1f1f1;}
.systems-box .secific-box .table-box tr:nth-child(2n) td{ background:rgba(255,255,255,0.8); font-weight:500;}
.systems-box .secific-box .table-box td:nth-child(1){ width:30%; border-right:solid .02rem #fff;}
.systems-box .secific-box .table-box td:nth-child(2){ width:70%;}

.study-switch{ padding:1rem 0;}
.study-switch .inside-tit{ margin-bottom:.75rem;}
.study-switch .item .text{ padding:.6rem .8rem; width:43.8222%;}
.study-switch .item .text .tit-small{ margin-bottom:.2rem; font-size:var(--font-size24);}
.study-switch .item .text .tit-big{ margin-bottom:.7rem; font-size:var(--font-size36); color:#000; font-weight:bold;}
.study-switch .item .ispic{ width:56.177%; padding-bottom:31.647%; border-radius:.1rem;}
.study-switch .item .more{ margin-top:.35rem;}
.study-switch .item .more a{color:#333333;font-size:var(--font-size18); line-height:1.5; transition:.3s;}
.study-switch .item .more a::after{content:''; width:.11rem; height:.11rem; margin-top:.03rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.study-switch .item .more a:hover{ color:var(--hover-color);}
.study-switch .swiper-slide{ opacity:.5;}
.study-switch .swiper-slide-active{ opacity:1;}
.study-switch .rollBar{ margin-top:.4rem;}
.study-switch .rollBar .swiper-pagination{ width:85%; position:relative;}
.study-switch .rollBar .swiper-but{ position:relative; width:.5rem; height:.5rem; margin:0; left:auto; right:auto; top:auto; border:solid .02rem #666; border-radius:1rem; margin-right:.2rem; opacity:.3; transition: .3s;}
.study-switch .rollBar .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:#666; transition: .3s;}
.study-switch .rollBar .swiper-button-next{ margin-right:0;}
.study-switch .rollBar .swiper-but:hover{ background:var(--hover-color); border-color:var(--hover-color); opacity:1;}
.study-switch .rollBar .swiper-but:hover::after{ color:var(--white);}
.study-switch .rollBar .swiper-pagination-progressbar{ background-color:rgba(221,221,221,.5);}
.study-switch .rollBar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:var(--hover-color);}

@media (max-width:1024px) {
.systems-box .equipment-box .list-box .item{ padding:.3rem;}
.systems-box .equipment-box .list-box .item .icon-box{ margin-bottom:.2rem;}
.systems-box .equipment-box .list-box .item .des{ width:100%;}

.study-switch .item .text{ padding:0.4rem 0.3rem;}
.study-switch .item .text .tit-big{ margin-bottom:.3rem; font-size:var(--font-size32);}
.study-switch .item .text .tit-small{ font-size:var(--font-size22); margin-bottom:.15rem;}
}


@media (max-width:640px) {
.ban-switch{ padding:0.5rem 0;}
.ban-switch .autoCon-1600{ flex-wrap:wrap;}
.ban-switch .pic-switch{ width:100%; margin-bottom:.3rem;}
.ban-switch .text{ width:100%;}
.ban-switch .text .tit-en{ font-size:var(--font-size30); margin-bottom:.2rem;}

.systems-box .equipment-box .list-box .item{ width:100%; margin-right:0; margin-bottom:.2rem;}
.systems-box .secific-box .table-box table{ width:11rem;}
.systems-box .secific-box .table-box td{ padding:.2rem .3rem;}

.study-switch .item{ padding:0 4%; flex-wrap:wrap;}
.study-switch .item .text{ width:100%; padding:0 0 0.3rem;}
.study-switch .item .text .tit-small{font-size:var(--font-size18);}
.study-switch .item .text .tit-big{ margin-bottom:.15rem; font-size:var(--font-size24);}
.study-switch .item .more{ margin-top:0;}
.study-switch .item .ispic{ width:100%; padding-bottom:56%;}
.study-switch .rollBar .swiper-pagination{ width:70%;}
}



/*  */
#Jingoe{ padding:1rem 0 2.28rem; background:var(--white); position:relative;}
#Jingoe .inside-tit{ margin-bottom:.7rem;}
#Jingoe .wtd100{ width:100%;}
#Jingoe .text{ width:32%; padding-left:.35rem; margin-right:1.2rem; font-size:var(--font-size18); color:#333; line-height:1.6;}
#Jingoe .text p{ min-height:1em; margin:0;}
#Jingoe .picbox{ width:50%; position:relative;}
#Jingoe .picbox .ispic{ width:100%; padding-bottom:56.25%; z-index:5;}
#Jingoe .picbox::after{content:'';display:block; width:39.584vw; padding-bottom:84.75%; position:absolute; left:50%; bottom:0; background-image:url(../images/Jingoe-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
#Jingoe::before{content:'';display:block; width:50.053%; padding-bottom:14.197%; position:absolute; left:-1.42%; bottom:0; background-image:url(../images/Jingoe-icon.png); background-color:var(--white); background-repeat:no-repeat; background-position:center; background-size:cover; z-index:6;}

#Cockpit{ padding:.85rem 0 1.5rem; background:#f5f7f9; position:relative;}
#Cockpit::after{content:'';display:block;width:100%;height:65%;position:absolute;left:0;top:0;background-image:linear-gradient(to bottom,rgba(216,229,240,0.5),transparent);}
#Cockpit .autoCon-1600{ position:relative; z-index:5;}
#Cockpit .inside-tit{ margin-bottom:.65rem;}
#Cockpit .list-box .item{border-radius:.1rem; overflow:hidden;}
#Cockpit .list-box .item::after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-image:linear-gradient(to right,rgba(0,59,135,0.8),transparent); opacity:0;}
#Cockpit .list-box .item .text{width:calc(100% - .7rem);height:2em;position:absolute;left:0.35rem;bottom:.5rem;color:var(--white);transition:.5s; z-index:5;}
#Cockpit .list-box .item .text::-webkit-scrollbar{width:4px;background-color:#eee}
#Cockpit .list-box .item .text::-webkit-scrollbar-thumb{border:solid 1px var(--scrollBarColor); width:3px; border-radius:4px; background-color:var(--scrollBarColor);}
#Cockpit .list-box .item .text dl{ display:none; font-size:var(--font-size18); color:var(--white);}
#Cockpit .list-box .item .text dl dt{ margin:0.2rem 0;}
#Cockpit .list-box .item .text dl dt a{ color:var(--white);}
#Cockpit .list-box .item .text dl dt a:hover{ color:var(--hover-color);}
#Cockpit .list-box .item .text .tit{ font-size:var(--font-size32); font-weight:bold;}
#Cockpit .list-box .item .text .tit::after{content:'';width:1em;height:.03rem;margin-top:.1rem;background:var(--hover-color); display:none;}
#Cockpit .list-box .item:hover .text{height:50%;overflow:auto;}
#Cockpit .list-box .item:hover .text .tit::after{ display:block;}
#Cockpit .list-box .item:hover .text dl{ display:block;}
#Cockpit .list-box .item:hover::after{ opacity:1;}

#Cockpit .list-box .item-big{ width:calc(62.5% - .3rem);}
#Cockpit .list-box .item-big .item{ margin-bottom:.3rem;}
#Cockpit .list-box .item-big .item{ width:48.455%;}
#Cockpit .list-box .item-big .item:nth-child(1){ width:100%;}
#Cockpit .list-box .item-big .item:nth-child(1) .ispic{ padding-bottom:72.166%;}
#Cockpit .list-box .item-big .item:nth-child(2),
#Cockpit .list-box .item-big .item:nth-child(3){ margin-bottom:0;}
#Cockpit .list-box .item-big .item:nth-child(2) .ispic,
#Cockpit .list-box .item-big .item:nth-child(3) .ispic{ padding-bottom:81.277%;}
#Cockpit .list-box .item-small{ width:37.5%; flex-wrap:wrap; align-content:space-between;}
#Cockpit .list-box .item-small .item{ width:100%;}
#Cockpit .list-box .item-small .item .ispic{ height:100%;}
#Cockpit .list-box .item-small .item:nth-child(1){ height:34.353%;}
#Cockpit .list-box .item-small .item:nth-child(2){ height:calc(65.647% - .3rem);}

#Vehicle{ padding:1.5rem 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
#Vehicle .text{ max-width:10rem; margin:0 auto; color:var(--white); margin:0 auto;}
#Vehicle .text .inside-tit{ color:var(--white); margin-bottom:.5rem;}
#Vehicle .text .des{ text-align:center; line-height:1.8; min-height:4rem;}

@media (max-width:1024px) {
#Jingoe .inside-tit{ margin-bottom:.3rem;}
#Jingoe .wtd100{ justify-content:space-between;}
#Jingoe .text{ width:45%; margin-right:0;}

#Cockpit .list-box .item .text .tit{ font-size:var(--font-size24);}
#Vehicle{ padding:1rem 0;}
#Vehicle .text .des{ min-height:3rem;}
}

@media (max-width:640px) {
#Jingoe{ padding-bottom:.9rem; padding-top:.4rem;}
#Jingoe .text{ width:100%; margin-right:0; padding-left:0; margin-bottom:.35rem;}
#Jingoe .picbox{ width:100%;}
#Jingoe .picbox::after{ display:none;}

#Cockpit{ padding-bottom:1rem;}
#Cockpit .inside-tit{ margin-bottom:.35rem;}
#Cockpit .list-box .item .text{ width:100%;}
#Cockpit .list-box .item-big{ width:100%;}
#Cockpit .list-box .item-big .item{ width:100%; margin-bottom:.3rem!important;}
#Cockpit .list-box .item-big .item:nth-child(2) .ispic,
#Cockpit .list-box .item-big .item:nth-child(3) .ispic{ padding-bottom:81.277%;}
#Cockpit .list-box .item-small{ width:100%;}
#Cockpit .list-box .item-small .item{ width:100%; margin-bottom:.3rem;}
#Cockpit .list-box .item-small .item .ispic{ padding-bottom:81.277%;}
#Cockpit .list-box .item-small .item:nth-child(1){ height:auto;}
#Cockpit .list-box .item-small .item:nth-child(2){ height:auto;}
#Cockpit .list-box .item-small .item:last-child{ margin-bottom:0;}

#Vehicle{ padding:.5rem 0;}
#Vehicle .text{ max-width:90%;}
#Vehicle .text .inside-tit{ margin-bottom:.3rem;}
}


/* 解决方案_座舱域车机控制器 */
.Process-flow{ padding:1.2rem 0 0; background-image:url(../images/Process-bg2.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.Process-flow .des{ text-align:center; line-height:1.8; max-width:11rem; margin:0.35rem auto .65rem; color:#333;}
.Process-flow .list-box{ position:relative; padding-bottom:1.2rem;}
.Process-flow .list-box::after{content:'';display:block;width:100vw;position:absolute;left:50%;top:19%; margin-left:-50vw; height:82.088%; background-image:url(../images/Process-bg.png); z-index:2; background-repeat:no-repeat; background-position:center bottom; background-size:100% 100%;}
.Process-flow .list-box .item{ text-align:center; position:relative; z-index:5;}
.Process-flow .list-box .item .icon{ width:1.5rem; margin:0 auto;}
.Process-flow .list-box .item .icon span{ display:block; width:1.8rem;}
.Process-flow .list-box .item .tit{margin-top:.25rem; color:#333; font-size:var(--font-size18); font-weight:500;}
.Process-flow .list-box .item:nth-child(1){ margin-top:1.3rem;}
.Process-flow .list-box .item:nth-child(2){ margin-top:.45rem;}
.Process-flow .list-box .item:nth-child(4){ margin-top:.05rem;}
.Process-flow .list-box .item:nth-child(5){ margin-top:.45rem;}
.Process-flow .list-box .item:nth-child(6){ margin-top:1.3rem;}


.Solu-architec{padding:1.1rem 0;  }
.Solu-architec .inside-tit{ margin-bottom:.75rem;}
.Solu-architec .list-box .item{width:32%; margin-right: 2%; margin-bottom:.24rem;border-radius:.1rem; overflow:hidden;}
.Solu-architec .list-box .item::after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-image:linear-gradient(to right,rgba(0,59,135,0.8),transparent); opacity:0;}
.Solu-architec .list-box .item:nth-child(3n){ margin-right:0;}
.Solu-architec .list-box .item  .ispic{ padding-bottom:81.277%;}
.Solu-architec .list-box .item .text{width:calc(100% - .6rem);height:2em;position:absolute;left:0.3rem;bottom:.4rem;color:var(--white);transition:.5s; z-index:5;}
.Solu-architec .list-box .item .text::-webkit-scrollbar{width:4px;background-color:#eee}
.Solu-architec .list-box .item .text::-webkit-scrollbar-thumb{border:solid 1px var(--scrollBarColor); width:3px; border-radius:4px; background-color:var(--scrollBarColor);}
.Solu-architec .list-box .item .text dl{ display:none; font-size:var(--font-size18); color:var(--white);}
.Solu-architec .list-box .item .text dl dt{ margin:0.15rem 0;}
.Solu-architec .list-box .item .text dl dt a{ color:var(--white);}
.Solu-architec .list-box .item .text dl dt a:hover{ color:var(--hover-color);}
.Solu-architec .list-box .item .text dl dt ul{ margin-left: 0.2rem;}
.Solu-architec .list-box .item .text dl dt li{margin:0.1rem 0; font-size:var(--font-size16);position: relative;padding-left: .18rem;}
.Solu-architec .list-box .item .text dl dt li a{color:var(--white);}
.Solu-architec .list-box .item .text dl dt li:before {content: '';display: block;position: absolute;left: 0;top: .11rem;width: .06rem;height: .06rem;border-radius: 50%;background-color: var(--hover-color);}
.Solu-architec .list-box .item .text .tit{font-size:var(--font-size32);font-weight:bold;white-space:normal; height:1.5em; overflow: hidden;}
.Solu-architec .list-box .item .text .tit::after{content:'';width:1em;height:.03rem;margin-top:.1rem;background:var(--hover-color); display:none;}
.Solu-architec .list-box .item:hover .text{height:50%;overflow:auto;}
.Solu-architec .list-box .item:hover .text .tit{ height:auto;}
.Solu-architec .list-box .item:hover .text .tit::after{ display:block;}
.Solu-architec .list-box .item:hover .text dl{ display:block;}
.Solu-architec .list-box .item:hover::after{ opacity:1;}

@media (max-width:1024px) {
.Solu-architec .list-box .item .text .tit{ font-size:var(--font-size24);}
}

@media (max-width:640px) {
.Solu-architec{ padding:.7rem 0;}
.Solu-architec .inside-tit{ margin-bottom:.4rem;}
.Solu-architec .list-box .item{ width:100%; margin-right:0;}
.Solu-architec .list-box .item:last-child{ margin-bottom:0;}
}


.Process-advantages{padding:1.1rem 0; background-image:url(../images/gigapixel-scale-bg.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.Process-advantages .list-box{ margin-top:.85rem;}
.Process-advantages .list-box .item{ width:23.75%; margin-right:1.666%; background:#f5f7f9; padding:.35rem; transition:.3s; cursor: pointer;}
.Process-advantages .list-box .item .icon{ margin-top:-0.75rem;}
.Process-advantages .list-box .item .icon img{ width:1.74rem;}
.Process-advantages .list-box .item .tit{padding-right:.3rem;margin:.2rem 0;font-size:var(--font-size24);color:#000000; font-weight:500; line-height:1.5; min-height:3em;}
.Process-advantages .list-box .item .text{padding-right:.1rem;font-size:var(--font-size18); color:#333; height:13.6em; overflow:auto; line-height:1.7;}
.Process-advantages .list-box .item .text::-webkit-scrollbar{width:3px;background-color:rgba(128,147,165,.24);}
.Process-advantages .list-box .item .text::-webkit-scrollbar-thumb{width:3px;border-radius: 4px;background-color:#758a9f;}
.Process-advantages .list-box .item:last-child{ margin-right:0;}
.Process-advantages .list-box .item:hover{ box-shadow:0 0 .25rem rgba(0,64,152,0.15);}
.Related-Unit{ position:relative; padding:1rem 0 ; background-color: #fcfcfc;}
.Related-Unit .inside-tit{ margin-bottom:.6rem;}
.Related-Unit .list-box .item{ width:23.75%; margin-right:1.6666%; background:#f5f5f5; padding-top:.2rem; text-align:center; border-radius:.1rem; margin-bottom: .2rem;}
.Related-Unit .list-box .item .ispic{ padding-bottom:60.53%;}
.Related-Unit .list-box .item .ispic img{ object-fit:contain;}
.Related-Unit .list-box .item .tit{ padding:.3rem .5rem; line-height:1.8; font-weight:500;}
.Related-Unit .list-box .item:nth-child(4n){ margin-right:0;}
.Process-Unit{ position:relative;}
.Process-Unit .text{ position:absolute; left:0; top:10%; width:100%; z-index:5;}
.Process-Unit .text .inside-tit{ color:var(--white);}
.Process-Unit .unit-bg{ position: relative; z-index:2;}
.Process-Unit .unit-bg img{width: 100%;}
@media (max-width:1024px) {
.Process-advantages .list-box{ margin-top:1rem;}
.Process-advantages .list-box .item{ padding:.2rem;}
.Process-advantages .list-box .item .tit{ padding-right:0;}
}

@media (max-width:640px) {
.Process-flow{ padding:.7rem 0 0;}
.Process-flow .des{ margin-bottom:.4rem;}
.Process-flow .list-box{ justify-content:space-between; padding-bottom:.5rem;}
.Process-flow .list-box .item{ width:32%; margin:.2rem 0!important;}
.Process-flow .list-box .item .icon img{ height:.8rem;}
.Process-flow .list-box .item .tit{ margin-top:.15rem;}
.Process-flow .list-box::after{ display:none;}

.study-switch{ padding:.7rem 0;}
.study-switch .inside-tit{ margin-bottom:.35rem;}

.Process-advantages{ padding:.7rem 0;}
.Process-advantages .list-box .item{ width:100%; margin-right:0; margin-bottom:.8rem;}
.Process-advantages .list-box .item .tit{ min-height:0; font-size:var(--font-size20);}
.Process-advantages .list-box .item .text{ line-height:1.5; height:12em;}
.Process-advantages .list-box .item:last-child{ margin-bottom:0;}

.Related-Unit{ padding-bottom:.6rem;}
.Process-Unit .text{ top:20%;}
.Related-Unit .inside-tit{ margin-bottom:.4rem;}
.Related-Unit .inside-tit .more a{ font-size:var(--font-size16);}
.Related-Unit .list-box{ justify-content:space-between;}
.Related-Unit .list-box .item{ width:49%; margin-right:0; margin-bottom:2%;}
.Related-Unit .list-box .item .tit{ padding:.1rem;}
}



/* 当前位置 */
.location{ border-bottom:solid 1px #ededed; padding:.25rem 0;}
.location .icon-box{ background-image:url(../images/loc.svg); background-repeat:no-repeat; background-position:center left; background-size:.21rem;  padding-left:.3rem; flex-wrap: wrap;}
.location i{ font-style:normal; font-family:'宋体'; font-weight:bold; margin:0 0.5em; color:#999999;}
.location a{ display:block; color:#999999;}
.location span{ color:#333;}
.location a:hover{ color:var(--hover-color);}






/*  */
.let-menu{ width:3.2rem; font-weight:500;}
.let-menu .web-caty{ display:none;}
.let-menu .ul li span{ display:block; position:relative;}
.let-menu .wap-ope{ width:.4rem; height:.4rem; background-image:url(../images/arrow-black.svg); background-repeat:no-repeat; background-position:center; background-size:.08rem; position:absolute; top:.14rem; right:0; cursor:pointer; opacity:.6; transition:.3s;}
.let-menu .web-menu>.ul>li{ border-top:solid .03rem #c7c7c7; margin-bottom:.1rem;}
.let-menu .web-menu>.ul>li>span>a{line-height:1.6; padding:.2rem 0; padding-right:.5rem; display:block; color:#555555;}
.let-menu .web-menu>.ul>li>.ul{ display:none; background:#f5f5f5;}
.let-menu .web-menu>.ul>li>.ul>li>span a{ padding:.2rem; border-top:solid .02rem #ececec; display: block; padding-right: .3rem;}
.let-menu .web-menu>.ul>li>.ul>li>.ul{ padding:.1rem 0; background:var(--white); display:none;}
.let-menu .web-menu>.ul>li>.ul>li>.ul>li{padding:0 .2rem; position:relative;}
.let-menu .web-menu>.ul>li>.ul>li>.ul>li span{ padding-left:.15rem;}
.let-menu .web-menu>.ul>li>.ul>li>.ul>li a{padding:.15rem 0; display:block;}
.let-menu .web-menu>.ul>li.active{ border-color:var(--hover-color);}
.let-menu .web-menu>.ul>li.active>span>a{ color:#000000; font-weight:bold;}
.let-menu .web-menu>.ul>li.active>span>.wap-ope{ opacity:1; transform:rotate(90deg);}
.let-menu .web-menu>.ul>li>.ul>li.active>span .wap-ope{ opacity:1; transform:rotate(-90deg);}
.let-menu .web-menu>.ul>li>.ul>li>.ul>li.active span{ background-image:url(../images/tri-red.svg); background-repeat:no-repeat; background-position:center left;}
@media (max-width:640px) {
.let-menu{ width:100%; margin-bottom:.3rem; position: relative; z-index:5;}
.let-menu .web-menu{display:none;}
.let-menu .web-caty{ display:block; font-size:var(--font-size20); color:#333; padding:.15rem .2rem; position:relative; border:solid 1px #ccc; border-radius:.05rem;}
.let-menu .web-caty::after{content:'';display:block; background-image: url(../images/arrow-black.svg);  background-repeat:no-repeat; background-position:center; position:absolute; right:.1rem; top:50%; width:.3rem; height:.3rem; margin-top:-.15rem;}
.let-menu .web-menu>.ul{ position:absolute; left:0; top:100%; width:100%; background:var(--white); padding:0 .2rem .2rem; box-shadow:0 0 .1rem rgba(0,0,0,.1); border-radius:.05rem; max-height: 47vh; overflow-y: auto;}
.let-menu .web-menu>.ul>li:first-child{ border-top:none;}
.let-menu .web-menu>.ul>li{ margin-bottom:0;}
}


/*  */
.Products-box{ padding:.9rem 0 1.2rem;}
.Products-box .rig-box{ width:calc(100% - 4rem);}
.Products-box .list-box{ margin-bottom:.5rem;}
.Products-box .list-box .item{width:31.667%; margin-right:2.4999%; margin-bottom:2.4999%; background:#f5f5f5; text-align:center; border-radius:.1rem;}
.Products-box .list-box .item a{display:block; height:100%; padding:.3rem 0 .5rem;}
.Products-box .list-box .item .ispic{ padding-bottom:60.53%;}
.Products-box .list-box .item .ispic img{ object-fit:contain;}
.Products-box .list-box .item:nth-child(3n){ margin-right:0;}
.Products-box .list-box .item .text{ margin-top:.2rem; padding:0 .3rem;}
.Products-box .list-box .item .text .tit{font-size:var(--font-size18); font-weight:500;}
.Products-box .list-box .item .more{ position:absolute; left:0; bottom:.2rem; width:100%; opacity:0;}
.Products-box .list-box .item .more .but{font-size:var(--font-size16);color:#333333; line-height:1.5;}
.Products-box .list-box .item .more .but::after{content:'';width:.11rem;height:.11rem; margin-top:.03rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.Products-box .list-box .item:hover .more{opacity:1;}
@media (max-width:640px) {
.Products-box .rig-box{ width:100%;}
.Products-box .list-box .item:nth-child(3n),
.Products-box .list-box .item{ width:48%; margin-right:4%; margin-bottom:4%;}
.Products-box .list-box .item a{ padding-bottom:.4rem;}
.Products-box .list-box .item .text{ padding:0 .1rem;}
.Products-box .list-box .item .text .tit{ font-size:var(--font-size16);}
.Products-box .list-box .item:nth-child(2n){ margin-right:0;}
.Products-box .list-box .item .more{ bottom:.1rem;}
}



/*  */
.about-one{ padding:1.2rem 0; position: relative;}
.about-one::after{content:'';display:block; width:100%; height:78%; position:absolute; left:0; bottom:0; background-image:url(../images/about-bg1.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.about-one .text{ position: relative; z-index:5;}
.about-one .inside-tit{ margin-bottom:.45rem;}
.about-one .text .des{ font-size:var(--font-size20); line-height:1.7; color:#333;}
.about-one .text .des p{ min-height:1em;}
.about-one .list-item{ margin:2rem 0 1.5rem;}
.about-one .list-item .item{ width:50%; margin-bottom:.8rem;}
.about-one .list-item .item .line{ width:3.7rem; padding:.15rem 0; border-bottom:solid 1px #d2d2d2;}
.about-one .list-item .item .twxz{direction:ltr; text-align:right;}
.about-one .list-item .item .icon{ padding-top:.1rem;}
.about-one .list-item .item .icon img{ width:.32rem;}
.about-one .list-item .item .num{ color:#000; margin-bottom:.1rem; font-size:var(--font-size60);}
.about-one .list-item .item .num aside{font-family:'Barlow'; line-height:1; font-weight:700;}
.about-one .list-item .item .wix{ font-size:var(--font-size18); font-weight:500;}
.about-one .list-item .item:nth-child(2n){ direction:rtl;}
.about-one .list-item .item:nth-child(2n) .twxz{ text-align:left;}

.about-two .text{ position:absolute; left:0; top:12%; width:100%;}
.about-two .text .des{ font-size:var(--font-size20); color:var(--white); line-height:1.5; padding:0 1.45rem; margin:0 auto; text-align:center;}
.about-two  .bg-img img{ width: 100%;}

.about-three{padding:1.1rem 0; background-image:url(../images/about-bg3.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.about-three .inside-tit{ margin-bottom:.5rem;}
.about-three .big-box{ margin-bottom:.75rem;}
.about-three .big-box .item .text{ width:50%; padding-right:1rem;}
.about-three .big-box .item .text .year{ margin:.3rem 0; font-size:var(--font-size60); color:var(--hover-color); font-weight:700;font-family:'Barlow';}
.about-three .big-box .item .text .des{ line-height:1.7; padding-left:.4rem; font-size:var(--font-size20); color:#333333;}
.about-three .big-box .item .picbox{ width:50%;}
.about-three .small-box{position:relative; padding-top:.1rem;}
.about-three .small-box .swiper-but{ top:0; margin:0; width:.5rem; height:.5rem; border-radius:1rem; background:var(--white); opacity:1;}
.about-three .small-box .swiper-but::after{ font-size:var(--font-size16); color:#999; font-weight:bold;}
.about-three .small-box .swiper-but:hover{ background:var(--hover-color);}
.about-three .small-box .swiper-but:hover::after{ color:var(--white);}
.about-three .small-box .year{font-weight:500;font-size:var(--font-size18);color:#333;text-align:center;font-family:'Barlow'; cursor:pointer;}
.about-three .small-box .swiper-button-prev{left:0;}
.about-three .small-box .swiper-button-next{right:0;}
.about-three .small-box .year span{ margin-top:.15rem; display:block;}
.about-three .small-box .year::before{content:'';height:.3rem;width:100%;display:block;background-image:url(../images/tiem-bg3.png); background-repeat:no-repeat; background-position:center;background-size:cover;}
.about-three .small-box .swiper-slide-thumb-active .year::before{ background-image:url(../images/tiem-bg2.png);}
.about-three .swiper-pagination{ font-size:0; bottom:.3rem;}
.about-three .swiper-pagination .swiper-pagination-bullet{opacity:1;width:.1rem;height:.1rem;background:var(--white);opacity:.6;}
.about-three .swiper-pagination .swiper-pagination-bullet-active{ background:var(--hover-color); opacity:1;}

.about-four{ padding:1rem 0 .8rem;}
.about-four .inside-tit{ margin-bottom:.5rem;}
.about-four .HonorSwitch .txt{ line-height:1.5; font-size:var(--font-size20); color:#333; padding-top:.2rem;}
.about-four .rollBar{ margin-top:.4rem;}
.about-four .rollBar .swiper-pagination{ width:calc(100% - 2rem); position:relative;}
.about-four .rollBar .swiper-but{ position:relative; width:.5rem; height:.5rem; margin:0; left:auto; right:auto; top:auto; border:solid .02rem #666; border-radius:1rem; margin-right:.2rem; opacity:.3; transition: .3s;}
.about-four .rollBar .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:#666; transition: .3s;}
.about-four .rollBar .swiper-button-next{ margin-right:0;}
.about-four .rollBar .swiper-but:hover{ background:var(--hover-color); border-color:var(--hover-color); opacity:1;}
.about-four .rollBar .swiper-but:hover::after{ color:var(--white);}
.about-four .rollBar .swiper-pagination-progressbar{ background-color:rgba(221,221,221,.5);}
.about-four .rollBar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:var(--hover-color);}

.about-five{ padding:1.1rem 0 1.5rem; background:#f2f2f2;}
.about-five .inside-tit{ margin-bottom:.5rem;}
.about-five .introd-one{ margin-bottom:.8rem;}
.about-five .introd-one .ispic{ width:50%; padding-bottom:30%;}
.about-five .introd-one .text{ width:50%; padding-left:1rem; color:#333;}
.about-five .introd-one .text .tit{ font-size:var(--font-size32); font-weight:700;}
.about-five .introd-one .text .tit .wxt{ width:100%;}
.about-five .introd-one .text .tit::after{content:''; display:block; width:.25rem; height:.02rem; margin:.2rem 0; background:var(--hover-color);}
.about-five .introd-one .text .des{ font-size:var(--font-size20); line-height:1.6;}
.about-five .contxt .ispic{ padding-bottom:35%;}
.about-five .contxt .text{ position:absolute; left:0; top:0; width:100%; padding:1rem; color:var(--white);}
.about-five .contxt .text .tit-io{ font-size:var(--font-size32); font-weight:bold;}
.about-five .contxt .text .tit-io::after{content:'';display:block; margin:.2rem 0; width:.3rem; height:.02rem; background:var(--hover-color);}
.about-five .contxt .text .des{line-height:1.7; font-size:var(--font-size20);}

.about-five .tab-olt{ margin-top:-.5rem; margin-bottom:.5rem; z-index:5; position: relative; width:100%;}
.about-five .tab-olt .iot{ background:#f2f2f2; padding:.15rem .2rem; font-size:var(--font-size20); font-weight:500; cursor:pointer;}
.about-five .tab-olt .iot span{ display:block; padding:.15rem 0; border-bottom:solid .02rem transparent;}
.about-five .tab-olt .iot.active span{ color:#000; border-color:var(--hover-color);}
.about-five .backbg{background:#f2f2f2; padding:0 .3rem;}
.about-five .tab-osre .wtd100{ width:100%;}
.about-five .tab-osre .tab-opl{ width:30%; margin-right:5%; margin-bottom:2%; color:#333;}
.about-five .tab-osre .tab-opl:nth-child(3n){ margin-right:0;}
.about-five .tab-osre .tab-opl .text .tit{ margin:.2rem 0; text-align:center; font-size:var(--font-size24); font-weight:700;}
.about-five .tab-osre .tab-opl .text .des{ line-height:1.7; min-height:12em;}
.about-five .tab-osre .tab-opl .text .des span{ font-weight:bold;}
.about-five .tab-osre .tab-opl:last-child{ margin-right:0;}
.about-five .tab-osre .tab-opl .icon img{ width:.6rem;}
.about-five .tab-osre .aniu{ margin-top:.75rem;}
.about-five .tab-osre .congoe{ display:none;}
.about-five .aniu .dow{ font-size:var(--font-size22); font-weight:bold;}
.about-five .aniu .dow a{ background-image:url(../images/pdf.svg); background-repeat:no-repeat; background-position:center left; background-size:.24rem; padding-left:.35rem;}
.about-five .aniu .dow a span{ background-image:url(../images/dow.svg); background-repeat:no-repeat; background-position:center right; background-size:.16rem; padding-right:.3rem;}
.about-five .aniu .dow a:hover{ color:var(--hover-color);}

@media (max-width:1024px) {
.about-one::after{ height:70%;}
.about-one .list-item{ margin:1rem 0;}
.about-five .contxt .text{ padding:1rem .5rem;}
.about-three .small-box .year{ font-size:var(--font-size26);}
}

@media (max-width:640px) {
.about-one{ padding:.8rem 0;}
.about-one .inside-tit{ margin-bottom:.3rem;}
.about-one .text .des{ font-size:var(--font-size18);}
.about-one::after{ height:50%; background-position:center bottom;}
.about-one .list-item{ margin:1rem 0;}
.about-one .list-item .item{ width:45%; margin-bottom:.35rem;}
.about-one .list-item .item .num{ font-size:var(--font-size36);}
.about-one .list-item .item .line{ width:100%;}

.about-two .bg-img{ position:absolute; width:100%; height:100%;}
.about-two .bg-img img{ width:100%; height:100%; object-fit:cover;}
.about-two .text{ position:relative; padding:.5rem 0;}
.about-two .text .des{ padding:0;}

.about-three{ padding:.5rem 0;}
.about-three .inside-tit{ margin-bottom:.3rem;}
.about-three .big-box{ margin-bottom:.35rem;}
.about-three .big-box .item .text{ width:100%; padding-right:0;}
.about-three .big-box .item .text .year{ margin:.1rem 0; font-size:var(--font-size42);}
.about-three .big-box .item .text .des{ padding-left:0; padding-bottom:.3rem;}
.about-three .big-box .item .picbox{ width:100%;}

.about-four .HonorSwitch .txt{ font-size:var(--font-size18);}

.about-five .backbg{ padding:0;}
.about-five .introd-one .ispic{ width:100%; padding-bottom:60%;}
.about-five .introd-one .text{ width:100%; padding:.3rem 0;}
.about-five .contxt .ispic{ position:absolute; left:0; top:0; height:100%; padding-bottom:0; width:100%;}
.about-five .contxt .text{ position:relative; padding:.3rem;}
.about-five .contxt .text .tit-io{ font-size:var(--font-size26);}
.about-five .tab-olt{ margin-top:0;}
.about-five .tab-olt .iot{ font-size:var(--font-size18); padding:.1rem; text-align:center;}
.about-five .tab-osre .tab-opl{ width:100%; margin-right:0; margin-bottom:4%;}
.about-five .tab-osre .tab-opl .text .des{ min-height:10em;}
.about-five .aniu .dow{ font-size:var(--font-size18);}
}



/* 公司新闻 */
.news-box{ padding:1.3rem 0;}
.news-box .inside-tit{ margin-bottom:.65rem;}
.news-box .ioxl a{font-size:var(--font-size20);margin-right:.2rem;padding:.1rem 0;color:#666;border-bottom:solid .02rem transparent;}
.news-box .ioxl a:last-child{ margin-right:0;}
.news-box .ioxl a.on{ color:var(--black0); border-color:var(--hover-color);}

.news-box .news-switch{ margin-bottom:.7rem;}
.news-box .news-switch a{ background:#f5f5f5;}
.news-box .news-switch .ispic{ width:51.125%; padding-bottom:30%;}
.news-box .news-switch .text{ width:48.8555%; padding:.7rem;}
.news-box .news-switch .text .tiem{ font-size:var(--font-size18); color:#666666; margin-bottom:.3rem;}
.news-box .news-switch .text .tiem span{ padding-left:.35rem; background-image:url(../images/tiem-red.png); background-repeat:no-repeat; background-position:center left; background-size:.2rem;}
.news-box .news-switch .text .tit{ font-size:var(--font-size28); margin-bottom:.25rem; font-weight:700;}
.news-box .news-switch .text .des{ margin-bottom:.5rem; line-height:1.6; color:#666666; font-size:var(--font-size18);}
.news-box .news-switch .text .more{width:100%;}
.news-box .news-switch .text .more .but{font-size:var(--font-size16);color:#333333; line-height:1.5;}
.news-box .news-switch .text .more .but::after{content:'';width:.11rem;height:.11rem; margin-top:.03rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.news-box .news-switch .swiper-pagination{bottom:.6rem;font-size:0;text-align:right;padding:0 .8rem;}
.news-box .news-switch .swiper-pagination .swiper-pagination-bullet{width:.2rem;height:.2rem;background:transparent; border:solid .02rem transparent;}
.news-box .news-switch .swiper-pagination .swiper-pagination-bullet::after{ content:''; display:block; width:.05rem; height:.05rem; border-radius:1rem; background:rgba(0,0,0,.8); margin:.05rem auto;}
.news-box .news-switch .swiper-pagination .swiper-pagination-bullet-active{ border-color:var(--hover-color);}
.news-box .news-switch .swiper-pagination .swiper-pagination-bullet-active::after{ background:var(--hover-color);}

.news-box .news-list{ margin-bottom:.5rem;}
.news-box .news-list .item{ width:31.25%; margin-right:3.1222%; margin-bottom:3.1222%;}
.news-box .news-list .item .ispic{ width:100%; padding-bottom:56.2%; overflow:hidden;}
.news-box .news-list .item .text{ padding:.35rem 0 0;}
.news-box .news-list .item .text .tiem{ font-size:var(--font-size18); color:#666;}
.news-box .news-list .item .text .tiem span{ padding-left:.35rem; background-image:url(../images/tiem-red.png); background-repeat:no-repeat; background-position:center left; background-size:.2rem;}
.news-box .news-list .item .text .tit{ margin:.2rem 0; font-size:var(--font-size24); font-weight:bold;}
.news-box .news-list .item .text .des{ line-height:1.7; margin:.2rem 0; font-size:var(--font-size18); color:#555555;}
.news-box .news-list .item .more{ margin-top:.2rem;}
.news-box .news-list .item .more .but{font-size:var(--font-size16);color:#333333; line-height:1.5;}
.news-box .news-list .item .more .but::after{content:'';width:.11rem;height:.11rem; margin-top:.03rem; display:block; background-image:url(../images/arrow-red.svg); background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.1rem;}
.news-box .news-list .item:nth-child(3n){ margin-right:0;}

@media (max-width:1024px) {
.news-box{ padding:.5rem 0;}
.news-box .news-switch .text{ padding:.4rem .7rem;}
}
@media (max-width:640px) {
.news-box{ padding:.5rem 0;}
.news-box .news-switch .text{ padding:.4rem .7rem;}
.news-box .inside-tit{ flex-wrap:wrap; margin-bottom:.2rem;}
.news-box .inside-tit .tit{ margin-bottom:.2rem;}
.news-box .ioxl{ width:100%;}
.news-box .news-switch{ margin-bottom:.4rem;}
.news-box .news-switch .ispic{ width:100%; padding-bottom:56%;}
.news-box .news-switch .text{ width:100%; padding:.35rem .2rem;}
.news-box .news-switch .text .tiem{ margin-bottom:.1rem;}
.news-box .news-switch .text .tit{ font-size:var(--font-size22); margin-bottom:.1rem;}
.news-box .news-switch .text .des{ margin-bottom:.2rem;}
.news-box .news-switch .swiper-pagination{ bottom:.3rem;}
.news-box .news-list{ justify-content:space-between; margin-bottom:.2rem;}
.news-box .news-list .item{ width:49%; margin-right:0; margin-bottom:4%;}
.news-box .news-list .item .text{ padding-top:.2rem;}
.news-box .news-list .item .text .tit{ margin:.1rem 0; font-size:var(--font-size18);}
.news-box .news-list .item .text .des{ margin:.1rem 0;}
.news-box .news-list .item .more{ margin-top:.1rem;}
}


/* 新闻详情 */
.news-ifon{ padding:.85rem 0;}
.news-ifon .let-box{ width:68.75%;}
.news-ifon .let-box.w100{width: 100%;}
.news-ifon .let-box.w100 .title{margin-bottom: 0.4rem;}
.news-ifon .let-box .editor{ font-size:var(--font-size20); line-height:1.7; color:#333;}
.news-ifon .let-box .editor p{ min-height:1em;}
.news-ifon .let-box .title{ font-size:.3rem; color:#000; font-weight:700;}
.news-ifon .let-box .other{ margin-bottom:.4rem; padding:.3rem 0; border-bottom:solid 1px #f1f1f1;}
.news-ifon .let-box .other .tiem span{ font-size:var(--font-size18); padding-left:.35rem; background-image:url(../images/tiem-grey.png); background-repeat:no-repeat; background-position:center left; background-size:.2rem;}
.news-ifon .let-box .share-iox .iue{ width:.38rem; height:.38rem; background-image:url(../images/share-icon0.png); border-radius:1rem; background-repeat:no-repeat; background-size:cover; background-position:center; margin-right:.2rem;}
.news-ifon .let-box .share-iox .ist a{ display:block; width:.38rem; height:.38rem; border-radius:1rem; background-repeat:no-repeat; background-size:cover; background-position:center; margin-right:.2rem;}
.news-ifon .let-box .share-iox .ist a:last-child{ margin-right:0;}
.news-ifon .let-box .share-iox .ist .icon-yx{background-image:url(../images/share-icon1.png);}
.news-ifon .let-box .share-iox .ist .icon-fn{background-image:url(../images/share-icon2.png);}
.news-ifon .let-box .share-iox .ist .icon-fi{background-image:url(../images/share-icon3.png);}
.news-ifon .let-box .share-iox .ist .icon-in{background-image:url(../images/share-icon4.png);}

.news-ifon .turn-box{ margin-top:.65rem; padding:.2rem 0; border-top:solid 1px #f1f1f1;}
.news-ifon .turn-box dl{ width:85%; font-size: var(--font-size18);}
.news-ifon .turn-box dt{ margin:.15rem 0;}
.news-ifon .turn-box dt span{ font-weight:700; color:#333; margin-right:.1rem;}
.news-ifon .turn-box .reta a{ background:var(--hover-color); color:var(--white); padding:.15rem .35rem; border-radius:1rem 0 1rem 1rem; font-size:var(--font-size18); font-weight:700; cursor: pointer;}
.news-ifon .turn-box .reta a::after{content:'';display:block; margin-top:.02rem; margin-left:.15rem; width:.11rem; height:.11rem; background-image:url(../images/arrow-white.svg); background-repeat:no-repeat; background-position:center; background-size:.08rem;}

.news-ifon .rig-box{ width:25%;}
.news-ifon .rig-box .tit-rel{ margin-bottom:.2rem; font-size:var(--font-size24); color:#000;}
.news-ifon .rig-box li{ margin-bottom:.35rem;}
.news-ifon .rig-box li .ispic{ padding-bottom:56%; width:100%;}
.news-ifon .rig-box li .text{ padding:.25rem 0; border-bottom:solid 1px rgba(0,0,0,.1); width: 100%;}
.news-ifon .rig-box li .text .tiem span{ padding-left:.3rem; background-image:url(../images/tiem-grey.png); background-repeat:no-repeat; background-position:center left; background-size:.18rem; color:#666;}
.news-ifon .rig-box li .text .tit{ margin:.15rem 0 0; font-weight:700;}

@media (max-width:1024px) {
.news-ifon .turn-box dl{ width:80%;}
}
@media (max-width:640px) {
.news-ifon{ padding:.65rem 0;}
.news-ifon .let-box{ width:100%;}
.news-ifon .let-box .title{ font-size:var(--font-size22);}
.news-ifon .let-box .share-iox .ist a{ margin-right:.1rem;}
.news-ifon .other{ font-size:var(--font-size18);}
.news-ifon .let-box .editor{ font-size:var(--font-size18);}
.news-ifon .turn-box{ flex-wrap:wrap; margin-bottom:.3rem;}
.news-ifon .turn-box dl{ width:100%;}
.news-ifon .turn-box .return a{ padding:.15rem 2em;}
.news-ifon .rig-box{ width:100%;}
.news-ifon .rig-box li .text .tit{ font-size:var(--font-size20);}
}




/* 服务支持 */
.support-one{ background-image:url(../images/support-bg.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover; overflow:hidden;}
.support-one .inside-tit{ margin-bottom:.25rem;}
.support-one .text{ width:50%; padding:1.3rem 0;}
.support-one .text .des{ margin:.45rem 0; padding-left:.4rem; font-size:var(--font-size20); color:#333; line-height:1.7;}
.support-one .text .ixt{ padding:0 .3rem; padding-left:.4rem; color:#333; font-size:var(--font-size20); line-height:1.7; font-weight: 500;}
.support-one .text .ixt .ul{ width:80%;}
.support-one .text .ixt .icon{ background-position:left .16rem; background-repeat:no-repeat; background-size:.24rem; padding:.1rem 0; padding-left:.4rem; margin:.15rem 0;}
.support-one .text .ixt .icon-tel{ background-image:url(../images/footer-Others1.png);}
.support-one .text .ixt .icon-yx{ background-image:url(../images/footer-Others2.png);}
.support-one .text .ixt .icon-addr{ background-image:url(../images/footer-Others4.png);}
.support-one .form-box{width:50%;padding-left:1rem;position:relative; align-content:flex-start; padding:2.2rem 0 1.3rem; padding-left:1rem;}
.support-one .form-box::after{content:'';display:block;background:#f2f2f2;width:60vw;height:100%;position:absolute; left:0; top:0;}
.support-one .form-box .wtd100{ width:100%; position: relative; z-index:2;}
.support-one .form-box .wtd48{ width:48%; position: relative; z-index:2;}
.support-one .form-box .item-uti{ margin-bottom:.25rem;}
.support-one .form-box .item-uti .name{ margin-bottom:.1rem; font-size:var(--font-size20); color:#000;}
.support-one .form-box .item-uti .name i{ font-style: normal; color:var(--hover-color);}
.support-one .form-box .item-uti .input-box input,
.support-one .form-box .item-uti .input-box select{ width:100%; background:var(--white); padding:.12rem; margin:0; border:none;}
.support-one .form-box .item-uti .textarea-box{ background:var(--white); padding:.15rem;}
.support-one .form-box .item-uti .textarea-box textarea{ display:block; width:100%; min-height:6em; padding:0; margin:0; border:none; resize:none;}
.support-one .form-box .aniu{ margin-top:.2rem;}
.support-one .form-box .aniu .but{ padding:.15rem .4rem; background:var(--hover-color); color:var(--white);border-radius:1rem 0 1rem 1rem; cursor:pointer; font-size: var(--font-size20);}

.support-two{ background:#d3dae0; padding:1.3rem 0 1rem;}
.support-two .inside-tit{ margin-bottom:.15rem;}
.support-two .mapbox{ width:66.5%;}
.support-two .tit-name{ font-size:var(--font-size24); font-weight:700; color:#000;}
.support-two .tit-name::after{content:'';display:block; width:1em; height:.02rem; margin:.2rem 0; background:var(--hover-color);}
.support-two .listeri>ol{ margin-bottom:.25rem; font-size:var(--font-size18); color:#333;}
.support-two .listeri ol .ul{ position: relative;}
.support-two .listeri ol .ul::after{content:'';display:block; width:1px; height:100%; position:absolute; top:0; left:.105rem; background:rgba(0,0,0,.1);}
.support-two .listeri ol .ul li{ padding-left:.3rem; margin:.15rem 0; position:relative;}
.support-two .listeri ol .ul li .pot{position:absolute; left:0; width:.22rem; height:.22rem; border-radius:1rem;}
.support-two .listeri ol .ul li .pot::after{ content:''; display:block; border:solid .02rem #999999; background:var(--white); width:.09rem; height:.09rem; border-radius:1rem;}
.support-two .listeri ol .ul li.on .pot,
.support-two .listeri ol .ul li:hover .pot{ background:rgba(230,0,18,.1);}
.support-two .listeri ol .ul li.on .pot::after,
.support-two .listeri ol .ul li:hover .pot::after{ background:var(--hover-color); border-color:var(--hover-color);}
.support-two .listeri>ol.on>span{ color:var(--hover-color);}
.support-two .listeri li:last-child{ margin-bottom:0;}

.support-two .mapbox .wtx{ position:absolute; cursor:pointer;}
.support-two .mapbox .wtx .wz{ background:rgba(0,0,0,.2); color:var(--white); padding:.05rem .15rem;opacity: 0;z-index: -10;position: absolute;}
.support-two .mapbox .wtx::after{content:'';display:block; background:#004080 !important; background-size:contain; background-repeat:no-repeat; background-position:center; position:absolute;width: 0.1rem !important;height: 0.1rem !important;border-radius: 50%}
.support-two .mapbox .wtx::before{animation: zoomAnimation 2s infinite;content:'';display:block; background:#004080 !important; background-size:contain; background-repeat:no-repeat; background-position:center; position:absolute;width: 0.521vw !important;height: 0.521vw !important;border-radius: 50%;opacity: 0.4;}
.support-two .mapbox .takbox{ position:absolute; top:32%; left:-20%; width:4.6rem; padding:.45rem .25rem; background:rgba(255,255,255,0.7); border-radius:.15rem; box-shadow:0 0 .2rem rgba(0,0,0,.15); display:none;}
.support-two .mapbox .takbox .tit{ font-size:var(--font-size30); color:#000033;}
.support-two .mapbox .takbox dd{ margin:.2rem 0; font-size:var(--font-size18); color:#333; background-repeat:no-repeat; background-position:left .05rem; padding-left:.3rem; background-size:.18rem;}
.support-two .mapbox .takbox dd.adr-icon{ background-image:url(../images/addr-icon.png); background-size:.15rem;}
.support-two .mapbox .takbox dd.tel-icon{ background-image:url(../images/tel-icon.png);}
.support-two .mapbox .takbox dd.yx-icon{ background-image:url(../images/yx-icon.png);}
 @keyframes zoomAnimation {
            0%, 100% {
                transform: scale(1); /* 初始状态 */
            }
            50% {
                transform: scale(1.5); /* 放大到 1.5 倍 */
            }
}
.support-two .mapbox li.on .wtx::before,.support-two .mapbox li.on .wtx::after{background: var(--hover-color) !important;}

.support-two .mapbox li:nth-child(1) .wtx{ top:28%; left:19.3%;}
.support-two .mapbox li:nth-child(2) .wtx{ top:38.5%; right:23%;}
.support-two .mapbox li:nth-child(3) .wtx{top: 37.5%;right:19.8%;}
.support-two .mapbox li:nth-child(4) .wtx{top:31.7%;right:21.5%;}
.support-two .mapbox li:nth-child(5) .wtx{top:42%;right:19.2%;}
.support-two .mapbox li:nth-child(6) .wtx{top:31%;right:14%;}
.support-two .mapbox li:nth-child(7) .wtx{top: 31%;right: 17.6%;}
.support-two .mapbox li:nth-child(8) .wtx{top: 23%;right: 5.7%;}
.support-two .mapbox li.on .wtx .wz{ background:var(--hover-color);}
.support-two .mapbox li.on .wtx::after{ background-image:url(../images/addr2.svg); background-size:contain; background-repeat:no-repeat; background-position:center;}
.support-two .mapbox li.on .takbox{ display:block;}
.support-two .FourMajor{ margin-top:.7rem;}
.support-two .FourMajor .tit-name{ font-size:var(--font-size24); font-weight:700; color:#000;}
.support-two .FourMajor .tit-name::after{content:'';display:block; width:1em; height:.02rem; margin:.2rem 0; background:var(--hover-color);}
.support-two .FourMajor .list-box .item{ width:30%; margin-right:5%; margin-bottom: .3rem;}
.support-two .FourMajor .list-box .item .ispic{ padding-bottom:55.835%;}
.support-two .FourMajor .list-box .item .wzx{ padding-top:.2rem; line-height:2; font-size:var(--font-size18); color:#333333;}
.support-two .FourMajor .list-box .item:nth-child(3n){ margin-right:0;}

.support-three{ padding:1.1rem 0 0;}
.support-three .inside-tit{ margin-bottom:.5rem;}
.support-three .item:last-child{ margin-bottom:0;}
.support-three .item .text{width:50%; padding-top:.6rem; padding-left:.9rem;}
.support-three .item .text .des{ height:15em; overflow:auto; line-height:1.5; font-size:var(--font-size20);}
.support-three .item .text .des::-webkit-scrollbar{width:4px;background-color:#dfdfdf}
.support-three .item .text .des::-webkit-scrollbar-thumb{width:3px;border-radius:4px;background-color:var(--hover-color);}
.support-three .item .tit-mc{ font-size:var(--font-size32); font-weight:700; color:#333;}
.support-three .item .tit-mc::after{content:'';display:block; width:1em; height:.02rem; margin:.2rem 0; background:var(--hover-color);}
.support-three .item-one{ padding-bottom:1rem;}
.support-three .item-one .autoCon-1600::after{content:'';display:block; width:50vw; position:absolute; left:0; bottom:0; height:60%; background:#f2f2f2;}
.support-three .item-one .ispic{ width:50%; position: relative; z-index:5; padding-bottom:28.125%;}
.support-three .item-two .text{ width:100%; position:absolute; left:0; bottom:0; padding-top:0; padding-left:0; z-index:5;}
.support-three .item-two .wtxt{ width:50%; padding:.6rem 0; padding-right:.9rem; background:var(--white); position: relative;z-index:5;}
.support-three .item-two .autoCon-1600::after{content:'';display:block; width:50vw; position:absolute; left:0; height:100%; background:var(--white);}
.support-three .item-two .ispic{ width:100%; padding-bottom:41.754%;}
.support-three .item-three{ padding-bottom:0;}
.support-three .item-three .text{ padding:1.2rem 0; padding-left:.9rem; position: relative; z-index:5;}
.support-three .item-three .autoCon-1600::after{position:absolute; left:auto; right:0; width:50vw; height:100%; display:block; background:#f2f2f2;}

@media (max-width:640px) {
.inside-tit .tit::before{ width:6px; height:6px;}
.support-one{ padding:1rem 0;}
.support-one .text{ width:100%; padding:0;}
.support-one .text .ixt{ padding:0;}
.support-one .text .ixt .ul{ width:100%;}
.support-one .text .ixt .icon{ margin:.05rem 0;}
.support-one .text .des{ padding-left:0; margin:.1rem 0; font-size:var(--font-size18);}
.support-one .form-box::after{ display:none;}
.support-one .form-box{ background:#f2f2f2; width:100%; padding:.3rem .2rem;}
.support-one .form-box .aniu{ margin-top:0;}

.support-two{ padding:.5rem 0;}
.support-two .listeri{ margin-bottom:.3rem;}
.support-two .listeri>li{ margin-bottom:.15rem;}
.support-two .text{ width:100%;}
.support-two .mapbox{ width:100%;}
.support-two .mapbox li.on .takbox{width:99%; left:0;bottom: -170px;top: auto;right: auto;}
.support-two .mapbox .wtx{ font-size:.11rem;transform: scale(0.5);}
.support-two .mapbox{margin-bottom: 170px;}
.support-two .FourMajor{ margin-top:.3rem;}
.support-two .FourMajor .list-box .item{ width:100%; margin-right:0; margin-bottom:.3rem;}
.support-three .item .text{ width:100%; padding:.3rem 0 0;}
.support-three .item .tit-mc{ font-size:var(--font-size24);}
.support-three .item-one{ padding-bottom:.5rem;}
.support-three .item-one .ispic{ width:100%; padding-bottom:56.125%;}
.support-three .item-one .autoCon-1600::after{ display:none;}
.support-three .item-two{ display:-webkit-flex; display:flex; flex-wrap:wrap-reverse; padding-bottom:.5rem;}
.support-three .item-two .text{ position: relative;}
.support-three .item-two .wtxt{ width:100%; padding:0;}
.support-three .item-two .autoCon-1600::after{ display:none;}
}







/*Page002623 */
.Page002623{text-align:center;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display:none;}
.Page002623 .Pages em{float:left; font-style:normal;}
.Page002623 .Pages a{ font-family:'hm'; float:left; line-height:.48rem; width:.5rem; margin:0 5px; border:solid 1px #e2e2e2; font-weight:500; border-radius:1rem; color:#999;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color:var(--white);background:var(--hover-color); border-color:var(--hover-color);}
.Page002623 .Pages .p_page>a{font-size:0;height:.5rem;position:relative;}
.Page002623 .Pages .p_page>a.a_prev,
.Page002623 .Pages .p_page>a.a_next{display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.Page002623 .Pages .p_page>a:before{font-family:swiper-icons; font-size:var(--font-size14); font-weight:bold;}
.Page002623 .Pages .p_page>a.a_prev:before{content:'prev';}
.Page002623 .Pages .p_page>a.a_next:before{content:'next';}
.Page002623 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Page002623 .Pages .p_jump input{width:.42rem;height:.42rem;line-height:.4rem;border:1px solid #e2e2e2; text-align:center; border-radius:.05rem;font-family:'hm';font-weight:500; font-size:var(--font-size14);}
.Page002623 .Pages .i_button{ cursor:pointer; background:none; width:.42rem; height:.4rem;border:1px solid #e2e2e2;}
.Page002623 .Pages > span{display:inline-block;vertical-align:middle;}
.Page002623 .Pages .p_jump b{font-weight:normal; margin:0 5px;}
@media(max-width:1024px){
.Page002623 .Pages em{ display:none;}
}
@media(max-width:640px){
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end{display:none;}
.Page002623 .Pages a{ padding:0 10px;}
}
@media(max-width:640px){
.Page002623{ padding:.25rem 0 .5rem;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end{display:none;}
.Page002623 .Pages a{padding:0 10px;}
}

/*20260126*/
.procon .ispic{width: 40%;  height: 4.18rem;background-color: #f5f5f5;border-radius: 0.1rem;}
.procon .ispic img{object-fit: contain;max-width: 80%;height: auto;}
.procon .txt{width: 54%;}
.procon .txt .tit{font-size: 0.32rem;line-height: 0.36rem;color: #333333;font-weight: bold;}
.procon .txt .tit:after{display: block;width: 0.3rem;height: 0.03rem;background-color: #e60012;content: "";margin: 0.4rem 0}
.procon .txt .desc{font-size: 0.18rem;color: #333333;line-height: 0.32rem;}

.procon2 .ti{height: 0.6rem;line-height: 0.6rem;background-color: #f5f5f5;border-radius: 0.1rem 0.1rem 0rem 0rem;padding: 0 0.3rem;margin-top: 0.5rem;}
.procon2 .ti span{display: inline-block;font-size: 0.18rem;color: #000000;border-bottom: 1px solid  #e60012;height: 0.59rem;line-height: 0.59rem;}
.procon2 .content{font-size: 0.18rem;line-height: 0.28rem;color: #333333;padding: 0.3rem}

.Inquiry{position: relative;}
.Inquiry .ispic{padding-bottom: 21.875%;}
.Inquiry .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff}
.Inquiry .txt .ti{font-size: 0.42rem;   color: #ffffff;font-weight: bold;margin-bottom: 0.2rem;}
.Inquiry .txt .desc{font-size: 0.16rem;line-height: 0.28rem;}
.Inquiry .txt .index-tit .more a{color: #fff}
.Inquiry .txt .index-tit{padding: 0.3rem 0 0}

@media(max-width:1024px){
    .procon .ispic img{object-fit: contain;}
    .Products-box{padding: 0.4rem 0}
}
@media(max-width:480px){
.procon .ispic{width: 100%;height: 3rem}
.procon .ispic img{width: auto;max-height: 2.3rem}
.procon .txt{width: 100%;margin-top: 0.2rem;}
.procon .txt .tit:after{margin: 0.2rem 0}
.Inquiry .ispic{padding-bottom: 3rem;}
.Inquiry .txt{width: 90%}
.procon2 .content{padding: 0.2rem 0}
.procon2 .ti{margin-top: 0.2rem;}
}