@charset "utf-8";
@import url("base.css"); /* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

[rel="relative"]{position: relative;}

body{font-family:var(--f-family); line-height:var(--main_line_height); color:var(--black-color);}



/* 头部 */
header{position:fixed;width:100%;top:0;left:0;z-index:11;color:var(--white); transition:all .3s;}
header .logo{ padding:.2rem 0;}
header .logo img{ max-width:1.49rem; opacity:1;}

header .nav{ font-size:var(--font-size18); font-weight:var(--font-weight__r);}
header .nav ul,
header .nav ul li span,
header .nav ul li{ min-height:100%;}
header .nav ul li{ margin:0 .3rem;}
header .nav ul li>span>a{ border-bottom:solid .02rem transparent; transition:all .3s;}
header .nav ul li.active>span>a,
header .nav ul li a:hover{ color:var(--hover-color); border-color:var(--hover-color);}

header .sub-box{ position:fixed; left:0; top:1.1rem; width:100%; background-color:rgba(228,230,230,0.9); display: none;}
header .sub-box dl a{display:block; color:#333; font-weight:var(--font-weight__l);}
header .sub-box dl dt{ position:relative;}
header .sub-box dl>dt>span{ display:block; border-top:solid .03rem transparent; min-width:9em; text-align:center;}
header .sub-box dl>dt>span a{ display:inline-block; padding:.2rem;}
header .sub-box dl dl{width:100%; position:absolute; text-align:center; padding:.1rem 0; background-color:rgba(255,255,255,0.9); display: none;}
header .sub-box dl dl a{ padding:.125rem;}
header .sub-box .has-multi>span>a{ background-image:url(../images/arrow-icon5.svg); background-repeat:no-repeat; background-position:right center; background-size:.08rem;}
header .sub-box .has-multi:hover>span>a{ background-image:url(../images/arrow-icon6.svg); background-repeat:no-repeat; background-position:right center; background-size:.08rem;}
header .sub-box dl>dt:hover>span{ background-color:rgba(255,255,255,0.9); border-color:#ff7b00;}
header .sub-box dl>dt:hover>span a{ font-weight:var(--font-weight__r);}

header .search-top{position:relative; min-height:100%; margin:0 .1rem;}
header .search-top .icon{ width:.4rem; cursor:pointer; background-image:url(../images/search.svg); background-repeat:no-repeat; background-position:center; background-size:.2rem;}
header .search-top .search-box{ position:absolute; right:0; top:100%; background:var(--white); overflow:hidden; transition:all .3s; box-shadow:0 .1rem .1rem rgba(0,0,0,.1); display:none; border-radius:.05rem;}
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:.2rem;}
header .search-top.on .icon{ background-image:url(../images/close-white.svg); background-repeat:no-repeat; background-position:center; background-size:.18rem;}

header .language{position:relative; min-height:100%; cursor:pointer;}
header .language .ioat .icon{ width:.4rem; background-image:url(../images/voice.png); background-repeat:no-repeat; background-position:center; background-size:.21rem;}
header .language .ioat .xtw{ margin:0 .1rem;}
header .language .ioat::after{content:'';display:block; width:.15rem; background-image:url(../images/arrow-icon3.svg); background-repeat:no-repeat; background-position:center;}
header .language .pull-xta{ font-size:var(--font-size16); position:absolute; left:.3rem; top:65%; width:calc(100% - .3rem); text-align:center; background:var(--white); visibility:hidden; opacity:0; transition:.5s;}
header .language .pull-xta a{ margin:.05rem 0; display:block; color:var(--black-color); transition:all .3s;}
header .language .pull-xta a:hover{ color:var(--hover-color);}
header .language:hover .pull-xta{ visibility:visible; opacity:1;}

header.back-black,
header.back-white{ background-color:rgba(255,255,255,.9); color:var(--black-color); box-shadow:0 0.05rem .1rem rgba(0,0,0,.05); backdrop-filter:blur(20px) saturate(100%);}
header.back-black .nav ul li a,
header.back-white .nav ul li a{ color:var(--black-color);}
header.back-black .nav ul li.active>span>a,
header.back-white .nav ul li.active>span>a,
header.back-white .nav ul li a:hover{ color:var(--hover-color);}
header.back-black .search-top .icon,
header.back-white .search-top .icon{ background-image:url(../images/search-black.svg);}
header.back-black .search-top.on .icon,
header.back-white .search-top.on .icon{ background-image:url(../images/close-black.svg);}
header.back-black .language .ioat .icon,
header.back-white .language .ioat .icon{ background-image:url(../images/voice-black.png);}
header.back-black .language .ioat::after,
header.back-white .language .ioat::after{ background-image:url(../images/arrow-icon4.svg);}

@media (max-width:1024px) {
header .logo{ padding:.12rem 0;}
header .logo img{ max-width:1.2rem;}
header .language{ margin-right:.2rem;}
header .search-top .search-box{ position:fixed; left:2vw; top:.8rem; width:96vw;}
header .search-top .search-box input{ width:calc(100% - .4rem);}
header .nav{ position: fixed; top:.8rem; right:-35%; width:30%; height:calc(100vh - .8rem); overflow:auto; background-color:var(--white); box-shadow:0 .1rem .12rem rgba(0,0,0,.1); transition:.5s;}
header .nav ul{ align-items:flex-start; align-content:flex-start; padding:.2rem;}
header .nav ul li{ width:100%; margin:0; border-bottom:solid 1px rgba(0,0,0,.1);}
header .nav ul li a{ padding:.15rem 0; color:var(--black-color);}
header .nav ul li .op-multi{ position:absolute; right:.05rem; top:50%; width:.3rem; height:.3rem; background-image:url(../images/arrow-icon5.svg); background-repeat:no-repeat; background-position:center; background-size:.1rem; display:block; margin-top:-.15rem;}
header .nav ul li .op-multi.click{ background-image:url(../images/arrow-icon6.svg);}
header .sub-box .has-multi:hover>span>a,
header .sub-box .has-multi>span>a{ background-image:none;}
header .sub-box{ position:relative; top:auto;}
header .sub-box>dl{justify-content:flex-start; display:block;}
header .sub-box dl dt{ width:100%;}
header .sub-box dl>dt>span{text-align:left;}
header .sub-box dl>dt>span a{ padding:.12rem .15rem;}
header .sub-box dl dl{ position:relative; left:0; top:0; text-align:left; padding:0 1em 0 1.5em;}
header .sub-box dl dl a{ padding:.1rem 0;}

.menu-show header .nav{ right:0;}
}
@media (max-width:640px) {
header .nav{ right:-65%; width:60%;}
}


/*index-ban */
.index-ban{position:relative;z-index:1;}
.index-ban .ban-video .index-video{ width:100%; height:100%; object-fit:cover;}
.index-ban img{ width:100%;}
.index-ban .center{ height:100%;}
.index-ban .switch-box{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:6;}
.index-ban .switch-box .swiper{ max-width:4.5rem; margin:0; padding:.1rem 0;}
.index-ban .text{width:100%;height:100%;color:var(--white);}
.index-ban .text .tit-cn{ font-size:var(--font-size64); font-weight:var(--font-weight__r); line-height:1.3;}
.index-ban .text .des{ line-height:1.8; margin:.3rem 0; font-size:var(--font-size20); font-weight:var(--font-weight__l);}
.index-ban .text .des p{ margin:0;}
.index-ban .mouse{ position:absolute; left:0; bottom:0; width:100%;}
.index-ban .mouse .icon{ margin-bottom:.15rem;}
.index-ban .mouse .icon::after{content:'';display:block; width:.2rem; height:.33rem; background-image:url(../images/mouse-icon.png);}
.index-ban .mouse::after{content:'';display:block; width:1px; height:.7rem; background-image:linear-gradient(to bottom,#fff,transparent); margin:0 auto;}
.index-ban .swiper-but{ position:relative; width:.54rem; height:.54rem; margin:0; left:auto; right:auto; z-index:5; background-color:rgba(255,255,255,0.1); border:solid 1px #fff; border-radius:1rem; margin-right:.2rem;}
.index-ban .swiper-but::after{ font-size:var(--font-size16); color:var(--white);}
.index-ban .swiper-but i{display:none;position:absolute;top:-1px;width:50%;height:100%;margin:0;padding:0;overflow:hidden;z-index:1}
.index-ban .swiper-but i:nth-child(1){left:0;}
.index-ban .swiper-but i:nth-child(2){right:0;}
.index-ban .swiper-but i:before{position:absolute;content:'';margin:0;width:0.54rem;height:0.54rem;border-radius:50%;border:1px solid transparent;}
.index-ban .swiper-but i:nth-child(1):before{left:0;border-top-color:#fff;border-left-color:#fff;animation:yl 5s linear infinite;}
.index-ban .swiper-but i:nth-child(2):before{right:0;border-bottom-color:#fff;border-right-color:#fff;animation: yr 5s linear infinite;}
.index-ban .swiper-button-next{margin-right:0;}
.index-ban .swiper-but.swiper-button-disabled i{ opacity:0;}
@keyframes yr {
  0%{
    transform: rotate(135deg);
  }
  50%,
  100%{
    transform: rotate(315deg);
  }
}
@keyframes yl {
  0%,
  50%{
    transform: rotate(135deg);
  }
  100%{
    transform: rotate(315deg);
  }
}

@media (min-width:1025px) {
.index-ban img.wap{ display:none;}
}
@media (max-width:1024px) {
.index-ban img.pc{ display:none;}
}
@media (max-width:640px) {
.index-ban .center{ align-items:flex-end; padding-bottom:.2rem;}
.index-ban .text .tit-cn{ font-size:var(--font-size30);}
.index-ban .text .des{ font-size:var(--font-size18); margin:.1rem 0;}
.index-ban .mouse{ display:none;}
.index-ban .ban-video .index-video{ display:none;}
}



/* 底部 */
footer{ background-image:linear-gradient(to top,#f7f7f7,#fafafa); color:#999999;}
footer .footer-one{ padding:.6rem 0; border-bottom:solid 1px rgba(0,0,0,.05);}
footer .footer-one .logo-icon img{ max-width:1.49rem;}
footer .footer-two{ padding:.6rem 0; border-bottom:solid 1px rgba(0,0,0,.05);}
footer .footer-two dt{ font-size:var(--font-size20); margin-bottom:.2rem; color:#111111;}
footer .footer-two dd{ margin:.1rem 0;}
footer .footer-two dd a{ display:block; font-weight:var(--font-weight__l);}
footer .footer-nav{ width:70%;}
footer .copyright-box{ padding:.35rem 0; font-weight: var(--font-weight__l);}
footer .copyright-box i{ margin:0 .1rem; display:block; width:.01rem; height:0.8em; background:rgba(0,0,0,.1);}
footer .copyright-box i:last-child{ display:none;}
footer .other-link .link-select{ margin-bottom:.3rem;}
footer .other-link .link-select select{ color:#666666; width:100%; padding:0 .2rem; border-radius:.7rem; cursor:pointer;}
footer .share-box .item{margin-right:.15rem;}
footer .share-box .item .icon{width:.5rem;height:.5rem;background-color:rgba(220,220,220,0.5); border-radius:1rem; background-repeat:no-repeat; background-position:center; background-size:contain;}
footer .share-box .item .wx-icon{ background-image:url(../images/share-icon1.png);}
footer .share-box .item .bili-icon{ background-image:url(../images/share-icon5.png);}
footer .share-box .item .dy-icon{ background-image:url(../images/share-icon3.png);}
footer .share-box .item .xhs-icon{ background-image:url(../images/share-icon4.png);}
footer .share-box .item .QRcode{position:absolute;left:50%;top:100%;margin-left:-0.6rem;width:1.2rem; padding:.1rem 0 0; visibility: hidden; opacity:.0; transition:.3s;}
footer .share-box .item:last-child{ margin-right:0;}
footer .share-box .item:hover .QRcode{ opacity:1; visibility: visible;}

@media (max-width:1024px) {
footer .footer-nav{ width:64%;}
footer .share-box .item .QRcode{ width:1rem; margin-left:-0.5rem;}
}

@media (max-width:640px) {
footer .footer-nav{ display:none;}
footer .other-link{ width:100%;}
footer .footer-one{ padding:.35rem 0;}
footer .footer-two{ padding:.4rem 0 .3rem;}
footer .share-box{justify-content:center;}
footer .copyright-box .autoCon-1600{ justify-content:center; text-align:center;}
footer .copyright-box .txt{ margin-bottom:.1rem;}
footer .copyright-box .txt a{ display:inline-block;}
}


/* 侧栏 */
.side-bar{ position:fixed; right:2%; bottom:10%; z-index:9;}
.side-bar .aiwlx{background-color:var(--hover-color);color:var(--white);text-align:center;padding-bottom:.25rem; width:.6rem; border-radius:1rem; margin-bottom:.15rem; box-shadow:0 0 .2rem rgba(255,123,0,.3); cursor:pointer; display:block;}
.side-bar .aiwlx .icon-iou{ transform:translateY(-.2rem); margin-bottom:-.15rem;}
.side-bar .aiwlx .icon-iou span{ display:block; width:.60rem; height:.66rem; background-image:url(../images/ai-img.png); background-repeat:no-repeat; background-position:center; background-size:.58rem;}
.side-bar .aiwlx .txtw-wti{ width:2em; margin:0 auto; line-height:1.4;}
.side-bar .top-zid{ width:.6rem; height:.6rem; border-radius:1rem; box-shadow:0 0 .15rem rgba(0,0,0,.15); background-color:var(--white); background-image:url(../images/arrow-top.svg); background-repeat:no-repeat; background-position:center; background-size:.19rem; cursor:pointer;}
@media (max-width:640px) {
.side-bar{ bottom:15%;}
.side-bar .top-zid{ width:.5rem; height:.5rem;}
}

/* 首页 */
.index-tit{ line-height:1.3; font-size:var(--font-size56); color:#111111;}
.index-tit .cys-color{ color:var(--hover-color);}
.index-tit-des{ font-size:var(--font-size18); margin-top:.2rem; color:#777777;}

.index-one{ padding:1rem 0; background-color:#f7f8fa; font-size:var(--font-size18); color:#777777; position: relative; overflow: hidden;}
.index-one .autoCon-1600{ position: relative; z-index:3;}
.index-one .text-des{ width:4.5rem; padding-top:.7rem;}
.index-one .text-des .index-tit-des{ min-height:6em;}
.index-one .rigtxt{ width:calc(100% - 5rem);}
.index-one .pic{ width:6.6rem;}
.index-one .des{ width:calc(100% - 7.1rem); padding-top:1.8rem; line-height:1.8;}
.index-one .more-box .but a{ font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:.1rem; padding-left:.3rem; background-color:var(--white); border-radius:1rem; transition:.3s;}
.index-one .more-box .but i{ margin-left:.2rem; width:.38rem; height:.38rem; background-color:var(--hover-color); border-radius:1rem;}
.index-one .more-box .but i::after{content:'';display:block; width:100%; height:100%; background-image:url(../images/arrow-icon1.svg); background-repeat:no-repeat; background-position:center;}
.index-one .more-box .but a:hover{ border-color:var(--hover-color); background-color:var(--hover-color); color:var(--white);}
.index-one .more-box .but a:hover i{ background-color:var(--white);}
.index-one .more-box .but a:hover i::after{ background-image:url(../images/arrow-icon8.svg);}
.index-one .index-num{ margin-top:.75rem;}
.index-one .index-num .num-item .isz span{font-family:'Barlow'; font-size:var(--font-size72); color:var(--hover-color); line-height:1; display:block; margin-right:.1rem; font-weight:bold;}
.index-one .index-num .num-item .wz-tit{ margin-top:.1rem;}
.index-one .index-num .num-item sub{ display:flex; display:-webkit-flex; align-items:flex-end; font-size:var(--font-size18);}
.index-one .index-num .num-item sup{ font-weight:bold; color:var(--hover-color); font-size:var(--font-size34); margin-right:.1rem;}
.index-one .index-num .line{ width:1px; height:.8rem; background:#dcdcdc;}
#particleCanvas{ position:absolute; left:0; bottom:0; width:100%; height:60%; z-index:1;}

.index-two{overflow:hidden;}
.index-two .solution-video{ display:block;}
.index-two .bg-img{ display:none;}
.index-two .text-box{ position:absolute; left:0; top:0; width:100%; padding-top:1.25rem; color:#777777;}
.index-two .ityu .click-but{ position:absolute; font-size:var(--font-size18); background-color:rgba(255,255,255,0.8); padding:.02rem; padding-right:.2rem; border-radius:1rem; backdrop-filter:blur(20px) saturate(100%); cursor:pointer; transition:.3s;}
.index-two .ityu .click-but .pot{ margin-right:.08rem; width:.34rem; height:.34rem; padding:.04rem; background:rgba(255,123,0,.3); border-radius:1rem; transition:.3s;}
.index-two .ityu .click-but .pot i{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:var(--hover-color); border-radius:1rem;}
.index-two .ityu .click-but .pot i::after{content:'';display:block;width:.06rem;height:.06rem; background:var(--white);border-radius:1rem;}
.index-two .ityu.active .click-but,
.index-two .ityu .click-but:hover{box-shadow:0 0 0 4px rgba(255,123,0,.3); background:var(--hover-color); color:var(--white);}
.index-two .ityu.active .click-but .pot,
.index-two .ityu .click-but:hover .pot{ padding:.08rem;}
.index-two .ityu.active .click-but .pot i,
.index-two .ityu .click-but:hover .pot i{ background-color:rgba(255,255,255,.2);}
.index-two .ai-index:nth-child(1) .click-but{top:72.1%;left:22.5%;}
.index-two .ai-index:nth-child(2) .click-but{top:72.5%;left:48.5%;}
.index-two .ai-index:nth-child(3) .click-but{top:66.5%;left:66.5%;}
.index-two .ai-index:nth-child(4) .click-but{top:38.5%;left:70.5%;}
.index-two .ai-index:nth-child(5) .click-but{top:49%;left:82.5%;}


.index-three{padding:1.15rem 0; background-image:url(../images/index-base-bg.jpg); background-position:center; background-size:contain;}
.index-three .text-des{ margin-bottom:.65rem;}
.index-three .bg-img{ width:5.3rem; height:5.3rem; border-radius:100%; border:solid 1px rgba(0,0,0,0.2);}
.index-three .bg-img .ouxk{ width:4.54rem; height:4.54rem; border-radius:100%; overflow: hidden;}
.index-three .item-ouy{ position:absolute; z-index:2;}
.index-three .item-ouy .name-txt{ font-size:var(--font-size18); width:max-content; cursor:pointer; transition:.3s;}
.index-three .item-ouy .name-txt span{ display:block;}
.index-three .item-ouy .name-txt::after{position:absolute; content:''; display:block; width:0.06rem; height:0.06rem; background:var(--hover-color); border-radius:1rem;}
.index-three .item-ouy .upll{ padding:.3rem; background:var(--white); position:absolute; z-index:10; width:max-content; max-width:4rem; box-shadow:0 0 .1rem rgba(0,0,0,0.1); border-radius:.1rem; visibility:hidden; opacity:0; transition:.3s;}
.index-three .item-ouy .upll .line{background:rgba(0,0,0,.2); position:absolute;}
.index-three .item-ouy .upll .line::before,
.index-three .item-ouy .upll .line::after{content:''; display:block; position:absolute; border-radius:1rem;}
.index-three .item-ouy .upll .line::before{width:.2rem;height:.2rem; left:-.1rem; bottom:-.1rem; background:#ff7b00; box-shadow:0 0 .1rem #ff7b00;}
.index-three .item-ouy .upll .line::after{width:.1rem;height:.1rem; left:-.05rem; bottom:-.05rem; background:var(--white);}
.index-three .item-ouy .upll .tit{margin-bottom:.2rem; color:var(--hover-color); font-size:var(--font-size24);}
.index-three .item-ouy .upll .conyre li{min-width:7em;color:#555555; margin-bottom:.1rem; font-weight:var(--font-weight__l); margin-right:.3rem;}
.index-three .item-ouy .upll .conyre li:last-child{ margin-bottom:0;}
.index-three .item-ouy .upll .conyre .ceot{ width:calc(100% - 1.82rem);}
.index-three .item-ouy .upll .conyre .pic{ overflow:hidden; border-radius:.08rem;}
.index-three .item-ouy .upll .conyre .pic img{display:block;}

.index-three .item-ouy:nth-child(2){ top:-8.7%; left:50%; transform:translateX(-50%);}
.index-three .item-ouy:nth-child(2) .name-txt{ padding-bottom:.5em;}
.index-three .item-ouy:nth-child(2) .name-txt::after{ top:120%; left:50%; margin-left:-0.03rem;}
.index-three .item-ouy:nth-child(2) .upll{bottom:-1.95rem; left:1.2rem}
.index-three .item-ouy:nth-child(2) .upll .line{left:-.85rem; width:.85rem;height:0.01rem;}
.index-three .item-ouy:nth-child(2) .upll .line::before{left:-.1rem;bottom:-.1rem;}
.index-three .item-ouy:nth-child(2) .upll .line::after{left:-.05rem;bottom:-.05rem;}

.index-three .item-ouy:nth-child(3){top:2%; left:70%;}
.index-three .item-ouy:nth-child(4){top:15%; left:87.4%;}
.index-three .item-ouy:nth-child(5){top:30%; left:96%;}
.index-three .item-ouy:nth-child(6){top:45%; left:99.2%;}
.index-three .item-ouy:nth-child(7){top:61%; left:97.4%;}
.index-three .item-ouy:nth-child(8){top:78%; left:88.8%;}
.index-three .item-ouy:nth-child(9){top:93%; left:70%;}
.index-three .item-ouy:nth-child(11){top:93%; right:70%;}
.index-three .item-ouy:nth-child(12){top:82%; right:85.5%;}
.index-three .item-ouy:nth-child(13){top:66%; right:95.8%;}
.index-three .item-ouy:nth-child(14){top:51%; right:99.2%;}
.index-three .item-ouy:nth-child(15){top:37%; right:98.3%;}
.index-three .item-ouy:nth-child(16){top:24%; right:93.4%;}
.index-three .item-ouy:nth-child(17){top:12%; right:84.6%;}
.index-three .item-ouy:nth-child(18){top:2%; right:70%;}
.index-three .item-ouy:nth-child(10){bottom:-8.7%; left:50%; transform:translateX(-50%);}
.index-three .item-ouy:nth-child(10) .name-txt{ padding-top:0.5em;}
.index-three .item-ouy:nth-child(10) .name-txt::after{ bottom:120%; left:50%; margin-left:-0.03rem;}
.index-three .item-ouy:nth-child(10) .upll{top:-2.6em; left:1.2rem}
.index-three .item-ouy:nth-child(10) .upll .line{left:-.85rem; width:.85rem;height:0.01rem;}
.index-three .item-ouy:nth-child(10) .upll .line::before{left:-.1rem;top:-.1rem;}
.index-three .item-ouy:nth-child(10) .upll .line::after{left:-.05rem;top:-.05rem;}

.index-three .item-ouy:nth-child(3) .name-txt,
.index-three .item-ouy:nth-child(4) .name-txt,
.index-three .item-ouy:nth-child(5) .name-txt,
.index-three .item-ouy:nth-child(6) .name-txt,
.index-three .item-ouy:nth-child(7) .name-txt,
.index-three .item-ouy:nth-child(8) .name-txt,
.index-three .item-ouy:nth-child(9) .name-txt{padding-left:.25rem;}
.index-three .item-ouy:nth-child(3) .name-txt::after,
.index-three .item-ouy:nth-child(4) .name-txt::after,
.index-three .item-ouy:nth-child(5) .name-txt::after,
.index-three .item-ouy:nth-child(6) .name-txt::after,
.index-three .item-ouy:nth-child(7) .name-txt::after,
.index-three .item-ouy:nth-child(8) .name-txt::after,
.index-three .item-ouy:nth-child(9) .name-txt::after{left:0; top:50%; margin-top:-0.03rem;}
.index-three .item-ouy:nth-child(3) .upll,
.index-three .item-ouy:nth-child(4) .upll,
.index-three .item-ouy:nth-child(5) .upll,
.index-three .item-ouy:nth-child(6) .upll,
.index-three .item-ouy:nth-child(7) .upll,
.index-three .item-ouy:nth-child(8) .upll,
.index-three .item-ouy:nth-child(9) .upll{ top:-1em; left:.9rem;}
.index-three .item-ouy:nth-child(3) .upll .line,
.index-three .item-ouy:nth-child(4) .upll .line,
.index-three .item-ouy:nth-child(5) .upll .line,
.index-three .item-ouy:nth-child(6) .upll .line,
.index-three .item-ouy:nth-child(7) .upll .line,
.index-three .item-ouy:nth-child(8) .upll .line,
.index-three .item-ouy:nth-child(9) .upll .line{left:-.85rem; width:.85rem;height:0.01rem;}
.index-three .item-ouy:nth-child(3) .upll .line::before,
.index-three .item-ouy:nth-child(4) .upll .line::before,
.index-three .item-ouy:nth-child(5) .upll .line::before,
.index-three .item-ouy:nth-child(6) .upll .line::before,
.index-three .item-ouy:nth-child(7) .upll .line::before,
.index-three .item-ouy:nth-child(8) .upll .line::before,
.index-three .item-ouy:nth-child(9) .upll .line::before{ left:-.12rem; bottom:-.085rem;}
.index-three .item-ouy:nth-child(3) .upll .line::after,
.index-three .item-ouy:nth-child(4) .upll .line::after,
.index-three .item-ouy:nth-child(5) .upll .line::after,
.index-three .item-ouy:nth-child(6) .upll .line::after,
.index-three .item-ouy:nth-child(7) .upll .line::after,
.index-three .item-ouy:nth-child(8) .upll .line::after,
.index-three .item-ouy:nth-child(9) .upll .line::after{ left:-.07rem; bottom:-.035rem;}

.index-three .item-ouy:nth-child(11) .name-txt::after,
.index-three .item-ouy:nth-child(12) .name-txt::after,
.index-three .item-ouy:nth-child(13) .name-txt::after,
.index-three .item-ouy:nth-child(14) .name-txt::after,
.index-three .item-ouy:nth-child(15) .name-txt::after,
.index-three .item-ouy:nth-child(16) .name-txt::after,
.index-three .item-ouy:nth-child(17) .name-txt::after,
.index-three .item-ouy:nth-child(18) .name-txt::after{right:0; top:50%; margin-top:-0.03rem;}
.index-three .item-ouy:nth-child(11) .name-txt,
.index-three .item-ouy:nth-child(12) .name-txt,
.index-three .item-ouy:nth-child(13) .name-txt,
.index-three .item-ouy:nth-child(14) .name-txt,
.index-three .item-ouy:nth-child(15) .name-txt,
.index-three .item-ouy:nth-child(16) .name-txt,
.index-three .item-ouy:nth-child(17) .name-txt,
.index-three .item-ouy:nth-child(18) .name-txt{padding-right:.25rem;}
.index-three .item-ouy:nth-child(11) .upll,
.index-three .item-ouy:nth-child(12) .upll,
.index-three .item-ouy:nth-child(13) .upll,
.index-three .item-ouy:nth-child(14) .upll,
.index-three .item-ouy:nth-child(15) .upll,
.index-three .item-ouy:nth-child(16) .upll,
.index-three .item-ouy:nth-child(17) .upll,
.index-three .item-ouy:nth-child(18) .upll{ top:-1em; right:.9rem;}
.index-three .item-ouy:nth-child(11) .upll .line,
.index-three .item-ouy:nth-child(12) .upll .line,
.index-three .item-ouy:nth-child(13) .upll .line,
.index-three .item-ouy:nth-child(14) .upll .line,
.index-three .item-ouy:nth-child(15) .upll .line,
.index-three .item-ouy:nth-child(16) .upll .line,
.index-three .item-ouy:nth-child(17) .upll .line,
.index-three .item-ouy:nth-child(18) .upll .line{right:-.85rem; width:.85rem;height:0.01rem;}
.index-three .item-ouy:nth-child(11) .upll .line::before,
.index-three .item-ouy:nth-child(12) .upll .line::before,
.index-three .item-ouy:nth-child(13) .upll .line::before,
.index-three .item-ouy:nth-child(14) .upll .line::before,
.index-three .item-ouy:nth-child(15) .upll .line::before,
.index-three .item-ouy:nth-child(16) .upll .line::before,
.index-three .item-ouy:nth-child(17) .upll .line::before,
.index-three .item-ouy:nth-child(18) .upll .line::before{ left:auto; right:-.12rem; bottom:-.085rem;}
.index-three .item-ouy:nth-child(11) .upll .line::after,
.index-three .item-ouy:nth-child(12) .upll .line::after,
.index-three .item-ouy:nth-child(13) .upll .line::after,
.index-three .item-ouy:nth-child(14) .upll .line::after,
.index-three .item-ouy:nth-child(15) .upll .line::after,
.index-three .item-ouy:nth-child(16) .upll .line::after,
.index-three .item-ouy:nth-child(17) .upll .line::after,
.index-three .item-ouy:nth-child(18) .upll .line::after{ left:auto; right:-.07rem; bottom:-.035rem;}
.index-three .item-ouy:hover{ z-index:3;}
.index-three .item-ouy:hover .name-txt{ opacity:0;}
.index-three .item-ouy:hover .upll{ opacity:1; visibility: visible;}

.index-four{ position: relative; padding:1.1rem 0; overflow: hidden;}
.index-four .bg-img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.index-four .bg-img img{ object-fit:cover; width:100%; height:100%;}
.index-four .tit-en{font-size:3rem;font-weight:var(--font-weight__b);text-align:center;line-height:1;background:-webkit-linear-gradient(180deg,rgba(255,255,255),rgba(255,255,255,0.1));background:linear-gradient(180deg,rgba(255,255,255),rgba(255,255,255,0.1));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.index-four .list-esg{ padding:.45rem 0; border-radius:.1rem; background-color:rgba(var(--white-color__rgb),0.7);backdrop-filter:blur(20px) saturate(100%); margin-top:-.4rem;}
.index-four .list-esg .esg-item{ font-size:var(--font-size24); width:calc(100% / 5); text-align:center;}
.index-four .list-esg .esg-item .icon img{ width:.8rem;}

.index-five{ padding:1rem 0 .8rem; overflow: hidden;}
.index-five .text-des{ text-align:center; margin-bottom:.1rem;}
.index-five .swiper{ padding:.25rem 0;}
.index-five .switch-box .item .pic{position: relative;padding-bottom:66.666%;border-radius:.1rem;overflow:hidden;}
.index-five .switch-box .item .pic img{ position:absolute; left:0; top:0; height:100%; width:100%; object-fit:cover;}
.index-five .switch-box .item .text{ padding:.35rem;}
.index-five .switch-box .item .tit{ color:rgba(0,0,0,0.5); margin-bottom:.15rem; font-size:var(--font-size18);}
.index-five .switch-box .item .des{ margin-bottom:.3rem; color:#666; opacity:0;}
.index-five .switch-box .item .tiem{ color:#666666; opacity:0;}
.index-five .switch-box .swiper-slide{ height:auto;}
.index-five .switch-box .swiper-slide-active{ background:var(--white); box-shadow:0 0 .1rem rgba(0,0,0,0.1); border-radius:.1rem; overflow:hidden;}
.index-five .switch-box .swiper-slide-active .item .tit{ color:#000;}
.index-five .switch-box .swiper-slide-active .item .des{ opacity:1;}
.index-five .switch-box .swiper-slide-active .item .tiem{ opacity:1;}
.index-five .switch-box .swiper-slide-active .pic{ border-radius:0;}
.index-five .more-box .but a{ font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:.1rem; padding-left:.3rem; background-color:var(--white); border-radius:1rem; transition:.3s;}
.index-five .more-box .but i{ margin-left:.2rem; width:.38rem; height:.38rem; background-color:var(--hover-color); border-radius:1rem;}
.index-five .more-box .but i::after{content:'';display:block; width:100%; height:100%; background-image:url(../images/arrow-icon1.svg); background-repeat:no-repeat; background-position:center;}
.index-five .more-box .but a:hover{ border-color:var(--hover-color); background-color:var(--hover-color); color:var(--white);}
.index-five .more-box .but a:hover i{ background-color:var(--white);}
.index-five .more-box .but a:hover i::after{ background-image:url(../images/arrow-icon8.svg);}
.index-five #m-points{ position:absolute; left:0; bottom:0; width:100%; height:50%; opacity:0.5; z-index:-1;}

@media (max-width:1024px) {
.index-tit{ font-size:var(--font-size38);}
.index-tit-des{ margin-top:.1rem;}

.index-one{font-size:var(--font-size16);}
.index-one .text-des{ width:35%; padding-top:2em;}
.index-one .rigtxt{ width:65%; flex-wrap: wrap-reverse;}
.index-one .pic{ width:2.5rem;}
.index-one .des{ width:calc(100% - 3rem); padding-top:2em;}
.index-one .index-num .num-item sup{ font-size:var(--font-size24);}
.index-one .index-num .num-item .isz span{ font-size:var(--font-size36);}

.index-two .text-box{ padding-top:.4rem;}


.index-three .bg-img{ width:2.2rem; height:2.2rem;}
.index-three .bg-img .ouxk{ width:1.7rem; height:1.7rem;}
.index-three .item-ouy .name-txt{ font-size:var(--font-size13);}
.index-three .item-ouy .name-txt span{ display:block;}
.index-three .item-ouy .name-txt::after{position:absolute; content:''; display:block; width:0.06rem; height:0.06rem; background:var(--hover-color); border-radius:1rem;}

.index-three .item-ouy .upll{ max-width:2.8rem; padding:.2rem;}
.index-three .item-ouy .upll .line::before{width:.16rem;height:.16rem;left:-.08rem;bottom:-.08rem;}
.index-three .item-ouy .upll .line::after{width:.06rem;height:.06rem;left:-.03rem;bottom:-.03rem;}
.index-three .item-ouy .upll .tit{margin-bottom:.1rem; font-size:var(--font-size18);}
.index-three .item-ouy .upll .conyre{align-items:flex-start;}
.index-three .item-ouy .upll .conyre li{ margin-right:.1rem; min-width:6em;}
.index-three .item-ouy .upll .conyre .pic{overflow:hidden; border-radius:.08rem;}
.index-three .item-ouy .upll .conyre .ceot{ width:1.82rem;}

.index-three .item-ouy:nth-child(2){top:-12%;}
.index-three .item-ouy:nth-child(3){top:2%; left:72.5%;}
.index-three .item-ouy:nth-child(4){top:15%; left:87.7%;}
.index-three .item-ouy:nth-child(5){top:30%; left:96%;}
.index-three .item-ouy:nth-child(6){top:45%; left:98%;}
.index-three .item-ouy:nth-child(7){top:61%; left:96%;}
.index-three .item-ouy:nth-child(8){top:78%; left:86.5%;}
.index-three .item-ouy:nth-child(9){top:91%; left:68%;}
.index-three .item-ouy:nth-child(11){top:93%; right:65%;}
.index-three .item-ouy:nth-child(12){top:80%; right:84.5%;}
.index-three .item-ouy:nth-child(13){top:66%; right:94%;}
.index-three .item-ouy:nth-child(14){top:51%; right:99.2%;}
.index-three .item-ouy:nth-child(15){top:37%; right:98.3%;}
.index-three .item-ouy:nth-child(16){top:24%; right:93.4%;}
.index-three .item-ouy:nth-child(17){top:10%; right:84%;}
.index-three .item-ouy:nth-child(18){top:-2%; right:63%;}
.index-three .item-ouy:nth-child(10){bottom:-11.7%;}
.index-three .item-ouy:nth-child(10) .upll{top:.32rem;}
.index-three .item-ouy:nth-child(10) .upll .line{height:.4rem;}
.index-three .item-ouy:nth-child(10) .upll .line::before{left:-.08rem;top:-.08rem;}
.index-three .item-ouy:nth-child(10) .upll .line::after{left:-.03rem;top:-.03rem;}

.index-three .item-ouy:nth-child(3) .name-txt,
.index-three .item-ouy:nth-child(4) .name-txt,
.index-three .item-ouy:nth-child(5) .name-txt,
.index-three .item-ouy:nth-child(6) .name-txt,
.index-three .item-ouy:nth-child(7) .name-txt,
.index-three .item-ouy:nth-child(8) .name-txt,
.index-three .item-ouy:nth-child(9) .name-txt{padding-left:.2rem;}
.index-three .item-ouy:nth-child(3) .name-txt::after,
.index-three .item-ouy:nth-child(4) .name-txt::after,
.index-three .item-ouy:nth-child(5) .name-txt::after,
.index-three .item-ouy:nth-child(6) .name-txt::after,
.index-three .item-ouy:nth-child(7) .name-txt::after,
.index-three .item-ouy:nth-child(8) .name-txt::after,
.index-three .item-ouy:nth-child(9) .name-txt::after{left:0; top:50%; margin-top:-0.03rem;}
.index-three .item-ouy:nth-child(3) .upll,
.index-three .item-ouy:nth-child(4) .upll,
.index-three .item-ouy:nth-child(5) .upll,
.index-three .item-ouy:nth-child(6) .upll,
.index-three .item-ouy:nth-child(7) .upll,
.index-three .item-ouy:nth-child(8) .upll,
.index-three .item-ouy:nth-child(9) .upll{top:-.7em;left:.43rem;}
.index-three .item-ouy:nth-child(3) .upll .line,
.index-three .item-ouy:nth-child(4) .upll .line,
.index-three .item-ouy:nth-child(5) .upll .line,
.index-three .item-ouy:nth-child(6) .upll .line,
.index-three .item-ouy:nth-child(7) .upll .line,
.index-three .item-ouy:nth-child(8) .upll .line,
.index-three .item-ouy:nth-child(9) .upll .line{left: -.4rem;width: .4rem;height:0.01rem;}
.index-three .item-ouy:nth-child(3) .upll .line::before,
.index-three .item-ouy:nth-child(4) .upll .line::before,
.index-three .item-ouy:nth-child(5) .upll .line::before,
.index-three .item-ouy:nth-child(6) .upll .line::before,
.index-three .item-ouy:nth-child(7) .upll .line::before,
.index-three .item-ouy:nth-child(8) .upll .line::before,
.index-three .item-ouy:nth-child(9) .upll .line::before{left: -.08rem;bottom: -.08rem;}
.index-three .item-ouy:nth-child(3) .upll .line::after,
.index-three .item-ouy:nth-child(4) .upll .line::after,
.index-three .item-ouy:nth-child(5) .upll .line::after,
.index-three .item-ouy:nth-child(6) .upll .line::after,
.index-three .item-ouy:nth-child(7) .upll .line::after,
.index-three .item-ouy:nth-child(8) .upll .line::after,
.index-three .item-ouy:nth-child(9) .upll .line::after{left: -.03rem;bottom: -.03rem;}

.index-three .item-ouy:nth-child(11) .name-txt,
.index-three .item-ouy:nth-child(12) .name-txt,
.index-three .item-ouy:nth-child(13) .name-txt,
.index-three .item-ouy:nth-child(14) .name-txt,
.index-three .item-ouy:nth-child(15) .name-txt,
.index-three .item-ouy:nth-child(16) .name-txt,
.index-three .item-ouy:nth-child(17) .name-txt,
.index-three .item-ouy:nth-child(18) .name-txt{padding-right:.25rem;}
.index-three .item-ouy:nth-child(11) .name-txt::after,
.index-three .item-ouy:nth-child(12) .name-txt::after,
.index-three .item-ouy:nth-child(13) .name-txt::after,
.index-three .item-ouy:nth-child(14) .name-txt::after,
.index-three .item-ouy:nth-child(15) .name-txt::after,
.index-three .item-ouy:nth-child(16) .name-txt::after,
.index-three .item-ouy:nth-child(17) .name-txt::after,
.index-three .item-ouy:nth-child(18) .name-txt::after{right:0; top:50%; margin-top:-0.03rem;}
.index-three .item-ouy:nth-child(11) .upll,
.index-three .item-ouy:nth-child(12) .upll,
.index-three .item-ouy:nth-child(13) .upll,
.index-three .item-ouy:nth-child(14) .upll,
.index-three .item-ouy:nth-child(15) .upll,
.index-three .item-ouy:nth-child(16) .upll,
.index-three .item-ouy:nth-child(17) .upll,
.index-three .item-ouy:nth-child(18) .upll{top:-.7em;right:.43rem;}
.index-three .item-ouy:nth-child(11) .upll .line,
.index-three .item-ouy:nth-child(12) .upll .line,
.index-three .item-ouy:nth-child(13) .upll .line,
.index-three .item-ouy:nth-child(14) .upll .line,
.index-three .item-ouy:nth-child(15) .upll .line,
.index-three .item-ouy:nth-child(16) .upll .line,
.index-three .item-ouy:nth-child(17) .upll .line,
.index-three .item-ouy:nth-child(18) .upll .line{right: -.4rem;width:.4rem; }
.index-three .item-ouy:nth-child(9) .upll .line::before,
.index-three .item-ouy:nth-child(11) .upll .line::before,
.index-three .item-ouy:nth-child(12) .upll .line::before,
.index-three .item-ouy:nth-child(13) .upll .line::before,
.index-three .item-ouy:nth-child(14) .upll .line::before,
.index-three .item-ouy:nth-child(15) .upll .line::before,
.index-three .item-ouy:nth-child(16) .upll .line::before,
.index-three .item-ouy:nth-child(17) .upll .line::before,
.index-three .item-ouy:nth-child(18) .upll .line::before{left:auto;right: -.08rem;bottom: -.08rem;}
.index-three .item-ouy:nth-child(11) .upll .line::after,
.index-three .item-ouy:nth-child(12) .upll .line::after,
.index-three .item-ouy:nth-child(13) .upll .line::after,
.index-three .item-ouy:nth-child(14) .upll .line::after,
.index-three .item-ouy:nth-child(15) .upll .line::after,
.index-three .item-ouy:nth-child(16) .upll .line::after,
.index-three .item-ouy:nth-child(17) .upll .line::after,
.index-three .item-ouy:nth-child(18) .upll .line::after{left:auto;right: -.03rem;bottom: -.03rem;}

.index-three{ padding:.5rem 0;}
.index-three .bg-img{ display:none; width:1.6rem; height:1.6rem;}
.index-three .bg-img .ouxk{ width:.8rem; height:.8rem;}
.index-three .conbox{ flex-wrap:wrap;}
.index-three .conbox .iuytbox{ width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index-three .item-ouy{ position:relative; top:auto!important; bottom:auto!important; left:auto!important; right:auto!important; transform:translate(0)!important; margin-bottom:2%; width:49%;}
.index-three .item-ouy .name-txt{ display:none;}
.index-three .item-ouy .upll{ width:100%; max-width:100%; position:relative; top:auto!important; bottom:auto!important; left:auto!important; right:auto!important; display:block; opacity:1; visibility:visible; transform:translate(0)!important; min-height:100%;}
.index-three .item-ouy .upll .line{ display:none;}
.index-three .item-ouy .upll .conyre{ justify-content:space-between;}
.index-three .item-ouy .upll .conyre li{ margin-right:0; min-width:0; margin-bottom:.05rem; font-size:.16rem;}
.index-three .item-ouy .upll .conyre .ceot{ width:calc(100% - 2rem);}
.index-three .item-ouy .upll .conyre .pic{ width:1.7rem;}
.index-three .more-but{ margin-top:.2rem;}
.index-three .more-but .but{ font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:0.08rem .1rem; padding-left:.2rem; background-color:var(--white); border-radius:1rem; transition:.3s; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.index-three .more-but .but i{margin-left:.1rem;width:.35rem;height:.35rem;background-color:var(--hover-color); border-radius:1rem;}
.index-three .more-but .but i::after{content:'';display:block; width:100%; height:100%; background-image:url(../images/arrow-icon1.svg); background-repeat:no-repeat; background-position:center;}
.index-three .more-but .but:hover{ border-color:var(--hover-color); background-color:var(--hover-color); color:var(--white);}
.index-three .more-but .but:hover i{ background-color:var(--white);}
.index-three .more-but .but:hover i::after{ background-image:url(../images/arrow-icon8.svg);}

.index-four .tit-en{ font-size:1.8rem;}
.index-four .list-esg{ margin-top:-.3rem;}
.index-four .list-esg .esg-item{ font-size:var(--font-size18);}
.index-four .list-esg .esg-item .icon img{ width:.5rem;}

.index-five .switch-box{ overflow: hidden;}
.index-five .switch-box .swiper-slide{ width:100%;}
}

@media (max-width:640px) {

.introd-box{ flex-wrap:wrap;}

.index-tit{ font-size:var(--font-size32);}

.index-one .text-des{ width:100%; padding:0 0 .4rem;}
.index-one .des{ width:100%; padding:0 0 .3rem;}
.index-one .index-num .num-item{ width:50%; margin:.1rem 0;}
.index-one .index-num .line{ display:none;}
.index-one .rigtxt{ width:100%; flex-wrap: wrap-reverse;}
#particleCanvas{ height:45%;}

.index-two{ padding-top:.5rem; display:-webkit-flex; display:flex; flex-wrap:wrap-reverse;}
.index-two .text-box{ position:relative; padding-top:0; margin-bottom:.2rem; width:100%;}
.index-two .solution-video{ display:none;}
.index-two .bg-img{ display:block;}
.index-two .switch-bg{ width:100%;}
.index-two .tab-lanmu{ padding:.2rem 3% .3rem; display:-webkit-flex; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;}
.index-two .ityu{ width:48%;}
.index-two .ityu .click-but{margin:.1rem 0; position:relative; top:auto!important; right:auto!important; left:auto!important; bottom:auto!important;}

.index-three{ padding:.5rem 0;}
.index-three .bg-img{ display:none; width:1.6rem; height:1.6rem;}
.index-three .bg-img .ouxk{ width:.8rem; height:.8rem;}
.index-three .conbox{ flex-wrap:wrap;}
.index-three .conbox .iuytbox{ width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index-three .item-ouy{ position:relative; top:auto!important; bottom:auto!important; left:auto!important; right:auto!important; transform:translate(0)!important; margin-bottom:2%; width:49%;}
.index-three .item-ouy .name-txt{ display:none;}
.index-three .item-ouy .upll{ width:100%; max-width:100%; position:relative; top:auto!important; bottom:auto!important; left:auto!important; right:auto!important; display:block; opacity:1; visibility:visible; transform:translate(0)!important; min-height:100%;}
.index-three .item-ouy .upll .line{ display:none;}
.index-three .item-ouy .upll .conyre{ justify-content:space-between;}
.index-three .item-ouy .upll .conyre li{ margin-right:0; min-width:0; margin-bottom:.05rem; font-size:.16rem;}
.index-three .item-ouy .upll .conyre .ceot{ width:calc(100% - .75rem);}
.index-three .item-ouy .upll .conyre .pic{ width:0.7rem;}

.index-three .more-but{ margin-top:.2rem;}
.index-three .more-but .but{ font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:0.08rem .1rem; padding-left:.2rem; background-color:var(--white); border-radius:1rem; transition:.3s; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.index-three .more-but .but i{margin-left:.1rem;width:.35rem;height:.35rem;background-color:var(--hover-color); border-radius:1rem;}
.index-three .more-but .but i::after{content:'';display:block; width:100%; height:100%; background-image:url(../images/arrow-icon1.svg); background-repeat:no-repeat; background-position:center;}
.index-three .more-but .but:hover{ border-color:var(--hover-color); background-color:var(--hover-color); color:var(--white);}
.index-three .more-but .but:hover i{ background-color:var(--white);}
.index-three .more-but .but:hover i::after{ background-image:url(../images/arrow-icon8.svg);}

.index-four .tit-en{ margin-top:.2rem; font-size:.8rem;}
.index-four .list-esg{ padding:.2rem 0; margin-top:-.1rem; justify-content:center;}
.index-four .list-esg .esg-item{ min-width:25%; margin:.05rem; width:auto; font-size:var(--font-size16);}
}


/* 内页banner */
.ban-inside .center{ width:100%; height:100%; align-items:center;}
.ban-inside .text{ position:absolute; left:0; top:0; width:100%; height:100%; padding-top:1rem; color:var(--white); line-height:1.7;}
.ban-inside .text .tit-cn{font-size:var(--font-size56); font-weight:500;}
.ban-inside .text .tit-des{font-size:var(--font-size20); font-weight: 100; max-width:50%;}
@media (min-width:1025px) {
.ban-inside img.wap{ display:none;}
}
@media (max-width:1024px) {
.ban-inside img.pc{ display:none;}
.ban-inside .text{ padding-top:.5rem;}
.ban-inside .text .tit-cn{ font-size:var(--font-size36); line-height:1.4;}
.ban-inside .text .tit-des{ font-size:var(--font-size18); max-width:100%;}
}




/* 当前位置 */
.location{ font-size:var(--font-size18); font-weight: var(--font-weight__l); background:#f7f8fa; position: relative; z-index:8;}
.location .current a{ padding:.16rem 0; transition: .3s;}
.location .current i{ margin:0 0.7em; display:block; width:.1rem; height:.1rem; background-image:url(../images/arrow-icon7.svg); background-size:.06rem; background-repeat:no-repeat; background-position:center;}

.location .inside-menu{ position:absolute; top:0; right:0; width:5rem; background-image:url(../images/location-bg.svg); background-repeat:no-repeat; background-position:center left; background-size:cover;}
.location .aniu-tyr{padding:.16rem .2rem; padding-left:.8rem; cursor:pointer;}
.location .aniu-tyr .open-more{ margin-right:.2rem;}
.location .aniu-tyr .tyr{ color:var(--white);}

.location .open-more{z-index:10; width:22px; height:22px; cursor:pointer;}
.location .open-more[rel="relative"]{position:relative;}
.location .open-more[rel="absolute"]{position:absolute; top:50%; transform: translateY(-50%);}
.location .open-more i{position:absolute;width:100%;height:2px;background:var(--white);left:0;top:50%;margin-top:-1px;transition: 0.3s;}
.location .aniu-tyr:not(.on) .open-more i:nth-child(1){margin-top:-8px;}
.location .aniu-tyr:not(.on) .open-more i:nth-child(3){margin-top:6px;}
.location .aniu-tyr.on .open-more i:nth-child(2){opacity: 0;}
.location .aniu-tyr.on .open-more i:nth-child(1){transform: rotate(-45deg);}
.location .aniu-tyr.on .open-more i:nth-child(3){transform: rotate(45deg);}

.location .pull-down{ position:absolute; left:0; top:100%; width:100%; background:var(--white); box-shadow:0 .1rem .1rem rgba(0,0,0,0.1); padding:.1rem .5rem 0; display:none;}
.location .pull-down .bit{ padding:.15rem 0; font-size:var(--font-size22); font-weight:var(--font-weight__r);}
.location .pull-down .bit a{ color:#111;}
.location .pull-down>ul{ padding-bottom:.2rem;}
.location .pull-down>ul>li{ border-bottom:solid 1px #e5e5e5; position:relative;}
.location .pull-down>ul>li::after{ content:''; display:block; width:calc(100% + 1rem); height:100%; position:absolute; left:-.5rem; top:0; background:#f7f8fa; opacity:0;}
.location .pull-down>ul>li>span{position:relative; display:-webkit-flex; display:flex; z-index:3;}
.location .pull-down>ul>li>span>a{ padding:.18rem 0; display:block;}
.location .pull-down>ul ul{display:none; padding-left:1em; position: relative; z-index:3; padding-bottom:.2rem;}
.location .pull-down>ul ul li{ font-size:var(--font-size16); display:-webkit-flex; display:flex; margin-bottom:.15rem;}
.location .pull-down>ul ul li a{ display:block; border-bottom:solid 1px transparent;}
.location .pull-down>ul ul li a:hover{ border-color:var(--hover-color);}
.location .pull-down>ul ul li:last-child{ margin-bottom:0;}
.location .pull-down>ul>li.active{ border-color:#f7f8fa;}
.location .pull-down>ul>li.active>span>a{ color:var(--hover-color);}
.location .pull-down>ul>li.active::after{ opacity:1;}
.location .haws-sub span .aop{position:absolute; width:40px; height:90%; transition: 0.3s; right:0; top:5%; cursor:pointer; background-image:url(../images/arrow-icon5.svg); background-repeat:no-repeat; background-position:center; background-size:.1rem;}
.location .haws-sub span .aop.click{background-image:url(../images/arrow-icon6.svg);}

@media (max-width:1024px) {
.location{ font-size:var(--font-size16);}
.location .current{ font-size:var(--font-size14);}
}

@media (max-width:640px) {
.location .inside-menu{ width:.6rem;}
.location .aniu-tyr{ padding:.15rem; background:var(--hover-color); width:100%;}
.location .aniu-tyr .tyr{ display:none;}
.location .aniu-tyr .open-more{ margin-right:0;}
.location .current i{ margin:0 0.4em;}

.location .pull-down{ padding:.1rem .3rem; width:2.5rem; right:0; left:auto;}
.location .pull-down .bit{ font-size:var(--font-size20); padding:.1rem 0;}
.location .pull-down>ul>li::after{ left:-.3rem; width:calc(100% + .6rem);}
.location .pull-down>ul>li>span>a{ padding:.1rem 0;}
.location .haws-sub span .aop::after,
.location .haws-sub span .aop::before{ display:none;}
.location .haws-sub span .aop.click{ transform:rotate(0);}
}

/*  */
.inside-main{ min-height:35vh;}

/* 01_了解领益_企业简介_公司介绍 */
.inside-tit{ line-height:1.3; font-size:var(--font-size56); color:#111111;}
.inside-tit .cys-color{ color:var(--hover-color);}
.inside-tit-des{ font-size:var(--font-size18); margin-top:.2rem; color:#777777;}

.about-one{ padding:1rem 0; display:block; width:100%;}
.about-one .autoCon-1600{position:relative; z-index:5;}
.about-one .text{ margin-top:.4rem; font-size: var(--font-size18);}
.about-one .editor{ width:48%; color:#777777; line-height:2;}
.about-one .editor p{ margin:0.8em 0;}
.about-one .video-uit{ width:45%; margin-top:0.8em; border-radius:.1rem; overflow:hidden;}
.about-one .video-uit img{ display:block;}
.about-one .index-num{ margin-top:.75rem; font-size:var(--font-size18); color:#333333;}
.about-one .index-num .num-item .isz span{font-family:'Barlow'; font-size:var(--font-size72); color:var(--hover-color); line-height:1; display:block; margin-right:.1rem; font-weight:bold;}
.about-one .index-num .num-item .wz-tit{ margin-top:.1rem;}
.about-one .index-num .num-item sub{display:flex; display:-webkit-flex; align-items:flex-end; font-size:var(--font-size18);}
.about-one .index-num .num-item sup{font-weight:bold; color:var(--hover-color); font-size:var(--font-size34); margin-right:.1rem;}
.about-one .index-num .line{ width:1px; height:.8rem; background:#dcdcdc;}
.about-one .index-num .line:last-child{display:none;}
.about-one #particleCanvas{ height:50%;}
.about-one .play-but{ position:absolute; left:50%; top:50%; width:.9rem; height:.9rem; margin-top:-.45rem; margin-left:-.45rem; cursor:pointer; background-image:url(../images/play.png); background-repeat:no-repeat; background-position:center; background-size:contain; }

.about-two{ padding:1rem 0; background-image: url(../images/history-bg.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;}
.about-two .switch-one{ padding:.65rem 0 0;}
.about-two .switch-one .item .date-box{ position:relative; margin-bottom:.25rem;}
.about-two .switch-one .item .date-box .year{font-family:'Barlow'; font-size:var(--font-size72); color:var(--hover-color); line-height:1; display:block; font-weight:bold; width:2.4rem; padding-left:.3rem;}
.about-two .switch-one .overflow-out{ height:2.8rem; font-size:var(--font-size18); color:#333; line-height:2; overflow:auto;}
.about-two .switch-one .overflow-out ul{ width:90%; padding-left:.3rem;}
.about-two .switch-one .overflow-out ul li{ position: relative; padding-left:.2rem; margin-bottom:.1rem;}
.about-two .switch-one .overflow-out ul li::before{ position:absolute; left:0; top:0.8em; content:''; display:block; width:.06rem; height:.06rem; background-color:#787878; border-radius:1rem;}
.about-two .switch-one .item .line{ position:relative; width:calc(100% - 2.4rem); border-bottom:dashed 1px #ff7b00;}
.about-two .switch-one .item .line::before,
.about-two .switch-one .item .line::after{content:'';display:block; width:.06rem; height:.06rem; margin-top:-0.03rem; background-color:#ff7b00; border-radius:1rem; position:absolute;}
.about-two .switch-one .item .line::before{ left:0;}
.about-two .switch-one .item .line::after{ right:0;}
.about-two .switch-one .swiper-slide{ opacity:.5;}
.about-two .switch-one .swiper-slide-active{ opacity:1;}
.about-two .switch-two .autoCon-1100{ max-width:11rem;}
.about-two .switch-two .item{ text-align:center; font-size:var(--font-size20); cursor:pointer;}
.about-two .switch-two .item .pot-icon{ margin-bottom:.25rem;}
.about-two .switch-two .item .pot-icon .pot{ display:-webkit-flex; display:flex; justify-content:center; align-items:center; width:.14rem; height:.14rem; background-color:var(--hover-color); border-radius:1rem;}
.about-two .switch-two .item .pot-icon .pot i{ display:block; width:.06rem; height:.06rem; background:var(--white); border-radius:1rem;}
.about-two .switch-two .item .tiem{font-family:'Barlow';}
.about-two .switch-two .item:nth-child(1){ margin-top:1.2rem;}
.about-two .switch-two .item:nth-child(2){ margin-left:-.4rem; margin-top:.8rem;}
.about-two .switch-two .item:nth-child(3){ margin-top:.25rem;}
.about-two .switch-two .item.active{ color:var(--hover-color);}

.culture-one{ padding-top:1.1rem;}
.culture-one .item{ width:31.25%; margin-right:3.1%; position:relative;}
.culture-one .item .text{ position:absolute; width:100%; left:0; top:0; padding:.45rem; z-index:5;}
.culture-one .item .text .tit{ margin-bottom:.1rem; font-size:var(--font-size30);}
.culture-one .item .text .txt{ font-size:var(--font-size18); font-weight:var(--font-weight__l);}
.culture-one .item:nth-child(3n){ margin-right:0;}
.culture-two{ padding:1.5rem 0;}
.culture-two .center{ width:100%;}
.culture-two .bg-img{ position:absolute; left:15%; top:0; width:70.15%; height:100%;}
.culture-two ul{ display:-webkit-flex; display:flex; justify-content:center; text-align:center; position: relative; z-index:5;}
.culture-two ul li{ width:29%; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center;}
.culture-two ul li .txt{ margin-bottom:.1rem; width:100%;}
.culture-two ul li .txt .tit{ font-size:var(--font-size24);}
.culture-two ul li .txt .des{ font-size:var(--font-size18); color: #222222; font-weight:var(--font-weight__l);}
.culture-two ul li .icon{ width:.8rem; height:.8rem; background-image:linear-gradient(to top,#ff7b00,#ffc085); border-radius:1rem;}
.culture-two ul li .icon img{ display:block; width:.8rem;}
.culture-two ul:nth-child(2){ padding:.1rem 0 0; justify-content:space-between;}
.culture-two ul:nth-child(2) li{ width:33%; flex-wrap: wrap-reverse;}
.culture-two ul:nth-child(3) li{ flex-wrap: wrap-reverse;}
.culture-two ul:nth-child(2) li .txt,
.culture-two ul:nth-child(3) li .txt{ margin-top:.1rem; margin-bottom:0;}

@media (max-width:1024px) {
.inside-tit{ font-size:var(--font-size36);}
.about-one .text{ margin-top:.2rem;}
.about-one .index-num .num-item sup{ font-size:var(--font-size24);}
.about-one .index-num .num-item .isz span{ font-size:var(--font-size36);}
.about-one .play-but{ width:.6rem; height:.6rem; margin-top:-0.3rem; margin-left:-0.3rem;}
.about-one .editor{ width:50%;}
.about-two .switch-one .item .line{ width:calc(100% - 4em);}
.about-two .switch-one .item .date-box .year{ width:4em; font-size:var(--font-size36);}
.about-two .switch-one .overflow-out{ font-size:var(--font-size14);}
.about-two .switch-one .overflow-out ul{ width:100%;}
.about-two .switch-one .overflow-out ul li{ padding-left:.15rem;}
.about-two .switch-one .overflow-out ul li::before{ width:.04rem; height:.04rem; top:0.8em;}
.about-two .switch-two .item{ font-size:var(--font-size18);}
.about-two .switch-two .item .pot-icon{ margin-bottom:.15rem;}

.culture-one .item .text{ padding:.3rem;}
.culture-one .item .text .tit{ font-size:var(--font-size24);}
.culture-one .item .text .txt{ font-size:var(--font-size16);}
.culture-two{ padding:1rem 0;}
.culture-two ul li .icon{ width:.4rem; height:.4rem;}
.culture-two ul li .icon img{ width:.4rem;}
.culture-two ul li .txt .tit{ font-size:var(--font-size18);}
.culture-two ul li .txt .des{ font-size:var(--font-size16);}
.culture-two ul:nth-child(3){ padding:.1rem 0;}
}

@media (max-width:640px) {
.about-one .editor{ width:100%;}
.about-one .video-uit{ width:100%;}
.about-one .index-num .line{ display:none;}
.about-one .index-num .num-item{ width:48%; margin-bottom:2%;}
.culture-one .item{ width:100%; margin-right:0; margin-bottom:.3rem;}
.culture-two{ padding:.5rem 0 1rem;}
.about-two .switch-one .overflow-out{ min-height:2rem;}
.about-two .switch-two .item{ width:33.33%;}
.about-two .switch-two .item:nth-child(1){ margin-top:1rem;}
.about-two .switch-two .item:nth-child(2){ margin-top:.5rem; margin-left:0;}
.about-two .switch-two .item:nth-child(3){ margin-top:0;}
.culture-two .bg-img{ position: relative; left:auto; height:auto; width:100%; margin-bottom:.2rem;}
.culture-two ul li{ padding:.1rem 0 !important; width:50% !important; flex-wrap:wrap-reverse !important;}
}


/* 01_了解领益_联系我们 */
.contact-tit{ font-size:var(--font-size36); margin-bottom:.2rem;}
.contact-tit-des{ font-size:var(--font-size18); color:#666666; font-weight:var(--font-weight__l);}
.contact-box{ padding:1rem 0;}
.contact-one .pic-big{ width:49.375%;}
.contact-one .pic-big .figure{ border-radius:.1rem; overflow: hidden;}
.contact-one .editor{ padding:.5rem; width:49.375%; background-color:#f7f8fa; border-radius:.1rem; overflow: hidden;}
.contact-one .editor .line-box{ padding-bottom:.3rem; margin-bottom:.3rem; border-bottom:solid 1px #e5e5e5;}
.contact-one .editor .line-box .itale{ min-width:33%;}
.contact-one .editor .line-box .itale .tel-name{ margin-bottom:.05rem; color:#333333;}
.contact-one .editor .line-box .itale .iuw{font-family:'Barlow'; color:#ff7b00; font-size:var(--font-size20); font-weight:var(--font-weight__b);}
.contact-one .share-list .iuo-wt{ width:23.19%; padding-top:.05rem; margin-right:2.4%; text-align:center; background:var(--white); border-radius:.1rem;}
.contact-one .share-list .iuo-wt img{ display:block; width:1.5rem; margin:0 auto;}
.contact-one .share-list .iuo-wt .wz{ padding:.1rem 0 .2rem;}
.contact-one .share-list .iuo-wt:nth-child(4n){ margin-right:0;}

.contact-two{ margin-top:.7rem;}
.contact-two .list-box .item{ width:24%; margin-right:1.3333%; margin-bottom:1.3333%; background:#f7f8fa; padding:.3rem; border-radius:.1rem;}
.contact-two .list-box .item:nth-child(4n){ margin-right:0;}
.contact-two .list-box .item .des{ line-height:2; font-weight: var(--font-weight__l);}
.contact-two .list-box .item .tit-name{ font-size:var(--font-size20);}
.contact-two .list-box .item .tit-name::after{content:'';display:block; width:1em; margin:.15rem 0; border-bottom:solid 1px var(--hover-color);}

.contact-three{ padding-top:.7rem;}
.contact-three .contact-tit{ margin-bottom:.05rem;}
.contact-three .wtd30{ width:32%;}
.contact-three .wtd100{ width:100%;}
.contact-three .form-box{ margin-top:.35rem;}
.contact-three .form-box .item-ol{ margin-right:2%; margin-bottom:1.333%; position:relative; background-color:#f7f8fa; border-radius:.05rem; cursor:pointer; -webkit-border-radius:.05rem; -moz-border-radius:.05rem; -ms-border-radius:.05rem; -o-border-radius:.05rem; }
.contact-three .form-box .item-ol input{ margin:0; padding:.15rem .2rem; border:none; background:transparent; width:100%; height:100%;}
.contact-three .form-box .item-ol .tit{position: absolute;left:0;top:0;font-size:var(--font-size18);color:#b2b2b2;font-weight:var(--font-weight__l); width:100%; height:100%; display:-webkit-flex; display:flex; align-items:center; padding:0 .2rem; cursor:pointer;}
.contact-three .form-box .item-ol i{ font-style: normal; color:#ff7b00; margin-right:.05rem;}
.contact-three .form-box .item-select select{ width:100%; height:100%; margin:0; padding:0 .2rem; border:none; font-weight:var(--font-weight__l); background-size:.12rem; font-size:var(--font-size18); appearance: none;-moz-appearance:none;-webkit-appearance: none;background: url(../images/select.svg) no-repeat right 0.2rem center transparent; background-size:auto 0.1rem; cursor:pointer;}
.contact-three .form-box .item-select select::-ms-expand{display:none;}
.contact-three .form-box .item-ol textarea{width:100%; height:8em; margin:0; padding:0; border:none; resize: none; background:transparent; font-size:var(--font-size18);}
.contact-three .form-box .item-ol:nth-child(3n){ margin-right:0;}
.contact-three .form-box .item-area{ padding:.15rem .2rem; margin-right:0; width:100%;}
.contact-three .form-box .item-area .tit{ padding:.15rem .2rem; align-items:flex-start;}
.contact-three .others-txt{ margin-top:.25rem;}
.contact-three .others-txt .tishi{ width:calc(100% - 2.2rem); color:#999999; font-weight:var(--font-weight__l); text-align:right;}
.contact-three .others-txt .submit-but{ font-size:var(--font-size18); background:#ff7b00; text-align:center; color:var(--white); width:1.8rem; line-height:3; border-radius:.1rem; cursor:pointer;}
@media (max-width:1024px) {
.contact-one .share-list .iuo-wt{ font-size:var(--font-size14);}
.contact-one .share-list .iuo-wt .wz{ padding:.1rem 0;}
.contact-one .editor{ padding:.2rem;}
.contact-one .editor .line-box{ padding-bottom:.2rem; margin-bottom:.2rem;}
.contact-one .editor .line-box .itale{ min-width:45%;}
.contact-two .list-box .item:nth-child(4n),
.contact-two .list-box .item{ width:32%; margin-right:2%;}
.contact-two .list-box .item:nth-child(3n){ margin-right:0;}
}
@media (max-width:640px) {
.contact-box{ padding:.7rem 0;}
.contact-one .pic-big{ width:100%;}
.contact-one .editor{ margin-top:.2rem; width:100%;}
.contact-two{ margin-bottom:.3rem;}
.contact-two .list-box .item:nth-child(4n),
.contact-two .list-box .item{ width:100%; margin-right:0; margin-bottom:.2rem;}
.contact-three .wtd30{ width:100%;}
.contact-three .form-box .item-ol{ margin-bottom:.15rem; margin-right:0;}
.contact-three .form-box .item-ol input{ padding:.2rem;}
.contact-three .form-box .item-ol select{ padding:.05rem .2rem;}
.contact-three .others-txt{ flex-wrap:wrap-reverse; margin-top:.15rem;}
.contact-three .others-txt .tishi{ width:100%; margin-bottom:.2rem;}
}



/* 01_了解领益_新闻中心_新闻发布 */
.news-switch{ padding:1rem 0 .35rem; border-bottom:solid 1px rgba(0,0,0,.1);}
.news-switch .item .pic{ width:55%;}
.news-switch .item .pic figure{ border-radius:.1rem; overflow:hidden;}
.news-switch .item .pic img{ display:block; width:100%;}
.news-switch .item .text{ width:45%;}
.news-switch .item .text .center{ position: relative; z-index:5; float:right; display:block; width:115%; padding:.4rem .5rem; background-color:rgba(255,255,255,0.9); background-image:url(../images/news-bg.png); background-repeat:no-repeat; background-size:cover; background-position:bottom right; border-radius:.15rem;}
.news-switch .item .text .tiem{ background-image:url(../images/tiem.png); background-size:.16rem; background-repeat:no-repeat; background-position:left center; color:#666666; padding-left:.25rem;}
.news-switch .item .text .tit{ margin:.2rem 0; font-size:var(--font-size30); color:#111111; transition: .3s;}
.news-switch .item .text .des{ color:#999; line-height:2;}
.news-switch .item .text .more{ margin-top:.3rem;}
.news-switch .item .text .more .but{ width:.55rem; height:.55rem; background-color:var(--hover-color); border-radius:1rem;}
.news-switch .item .text .more .but i{ display:block; width:100%; height:100%; background-image:url(../images/arrow-icon1.svg); background-repeat:no-repeat; background-position:center;}
.news-switch .item:hover .text .tit{ color:var(--hover-color);}
.news-switch .swiper-pagination{ left:auto; bottom:27%; right:3%; width:40%; text-align:left;}
.news-switch .swiper-pagination .swiper-pagination-bullet{ width:.16rem; height:.16rem; border:solid 1px #cdcdcd; background:transparent; opacity:1; position: relative;}
.news-switch .swiper-pagination .swiper-pagination-bullet::after{ content:''; display:block; width:.06rem; height:.06rem; border-radius:1rem; background-color:var(--hover-color); opacity:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.news-switch .swiper-pagination .swiper-pagination-bullet-active{ border-color:var(--hover-color);}
.news-switch .swiper-pagination .swiper-pagination-bullet-active::after{ opacity:1;}
.news-list{ margin-top:.7rem; padding-bottom:1rem;}
.news-list .list-box{ margin-bottom:.2rem;}
.news-list .list-box .item{ width:31.625%; margin-right:2.5555%; margin-bottom:3%;}
.news-list .list-box .item .pic{ overflow:hidden; border-radius:.1rem;}
.news-list .list-box .item .pic figure{ position: relative; padding-bottom:56.1266%;}
.news-list .list-box .item .pic img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.news-list .list-box .item .text{ padding:0; padding-top:.25rem;}
.news-list .list-box .item .text .tiem{ background-image:url(../images/tiem.png); background-size:.16rem; background-repeat:no-repeat; background-position:left center; color:#666666; padding-left:.25rem; margin-bottom:.15rem;}
.news-list .list-box .item .text .des{ font-size:var(--font-size19); line-height:1.8; transition: .3s;}
.news-list .list-box .item:nth-child(3n){ margin-right:0;}
@media (max-width:1024px) {
.news-switch .item .text .center{ width:125%; padding:.2rem;}
.news-switch .item .text .tit{ margin:.1rem 0; font-size:var(--font-size22);}
.news-switch .item .text .more{ margin-top:.2rem;}
.news-switch .swiper-pagination{ bottom:18%;}
}
@media (max-width:640px) {
.news-switch{ padding-top:.5rem; margin-bottom:.5rem}
.news-switch .item .text{ width:100%;}
.news-switch .item .text .center{ width:100%;}
.news-switch .item .pic{ width:100%;}
.news-switch .swiper-pagination{ bottom:3%; width:100%; text-align:center;}
.news-switch .swiper-pagination .swiper-pagination-bullet{ width:16px; height:16px;}
.news-switch .swiper-pagination .swiper-pagination-bullet::after{ width:5px; height:5px;}
.news-list .list-box .item:nth-child(3n),
.news-list .list-box .item{ width:49%; margin-right:2%; margin-bottom:4%;}
.news-list .list-box .item:nth-child(2n){ margin-right:0;}
}


/* 01_了解领益_新闻中心_视频报道 */
.report-box{ padding:1rem 0;}
.report-box .play-but{ position:absolute; left:50%; top:50%; width:.6rem; height:.6rem; background-image:url(../images/play.svg); background-repeat:no-repeat; background-position:center; background-size:contain; transform:translate(-50%,-50%); z-index:5;}
.report-box .figure{ position: relative;}
.report-box .figure img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.report-box .news-report{ padding-bottom:.35rem; margin-bottom:.35rem; border-bottom:solid 1px #cdcdcd;}
.report-box .news-report .one-let{ width:65.75%; position: relative; border-radius:.2rem; overflow: hidden;}
.report-box .news-report .one-let figure{ padding-bottom:56.18%;}
.report-box .news-report .one-let .text{ position:absolute; left:0; bottom:0; z-index:5; background-color:rgba(255,255,255,0.9); width:100%; padding:.25rem; border-radius:.2rem .2rem 0 0; overflow: hidden;}
.report-box .news-report .one-let .text .tit{ margin-bottom:.1rem; font-size:var(--font-size24); transition: .5s;}
.report-box .news-report .one-let .text .tiem{ background-image:url(../images/tiem.png); background-size:.16rem; background-repeat:no-repeat; background-position:left center; color:#666666; padding-left:.25rem;}
.report-box .news-report ul{ width:31.625%;}
.report-box .news-report ul li{ margin-bottom:.25rem; position: relative; border-radius:.1rem; overflow: hidden; position: relative;}
.report-box .news-report ul li .figure{ padding-bottom:56.18%;}
.report-box .news-report ul li a::after{content:'';display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-image:linear-gradient(to top,rgba(0,0,0,0.7),transparent); z-index:2;}
.report-box .news-report ul li .text{ position:absolute; left:0; bottom:0; z-index:5; padding:.15rem; color:var(--white);}
.report-box .news-report ul li .text .tit{ transition: .5s;}
.report-box .news-report ul li:last-child{ margin-bottom:0;}
.report-box .news-report ul li:hover .text .tit{ color:var(--hover-color);}
.report-box .news-report ul li .play-but{ width:.45rem; height:.45rem;}
.report-box .list-box .item{ width:31.625%; margin-right:2.55%; margin-bottom:2.55%;}
.report-box .list-box .item .figure{ padding-bottom:56.18%; border-radius:.1rem; overflow: hidden;}
.report-box .list-box .item .figure:after{content:'';display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-image:linear-gradient(to top,rgba(0,0,0,0.7),transparent);}
.report-box .list-box .item .text{ padding:.2rem 0 0;}
.report-box .list-box .item .text .tit{ margin-bottom:.1rem; min-height:3em; line-height:1.5; font-size:var(--font-size19); transition:.3s;}
.report-box .list-box .item .text .tiem{ background-image:url(../images/tiem.png); background-size:.16rem; background-repeat:no-repeat; background-position:left center; color:#666666; padding-left:.25rem; margin-bottom:.15rem;}
.report-box .list-box .item:nth-child(3n){ margin-right:0;}
.report-box .list-box .item .play-but{ width:.45rem; height:.45rem;}
@media (max-width:1024px) {
.report-box .news-report .one-let .text{ padding:.15rem .2rem;}
}
@media (max-width:640px) {
.report-box .news-report .one-let{ width:100%; margin-bottom:.3rem; border-radius:.1rem;}
.report-box .news-report ul{ width:100%;}
.report-box .list-box .item:nth-child(3n),
.report-box .list-box .item{ width:49%; margin-right:2%; margin-bottom:4%;}
.report-box .list-box .item:nth-child(2n){ margin-right:0;}
}


/* 01_了解领益_新闻中心_展会预告 */
.exhibition-list{ padding-bottom:1rem;}
.exhibition-list .list-box{ margin:.4rem 0 .7rem;}
.exhibition-list .item{ border-bottom:solid 1px #ededed; padding:.35rem 0; position: relative; width:100%;}
.exhibition-list .item a{ position: relative; z-index:5;}
.exhibition-list .item .pic{ width:25.625%; border-radius:.1rem; overflow:hidden;}
.exhibition-list .item .pic .figure{ padding-bottom:56.1%; position:relative;}
.exhibition-list .item .pic .figure img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.exhibition-list .item .text{ width:65%; padding:.1rem .35rem;}
.exhibition-list .item .text .tiem{ background-image:url(../images/tiem.png); background-size:.16rem; background-repeat:no-repeat; background-position:left center; color:#666666; padding-left:.25rem; margin-bottom:.15rem;}
.exhibition-list .item .text .tit{ margin-bottom:.2rem; font-size:var(--font-size24); transition: .3s; }
.exhibition-list .item .text .des{ color:rgba(0,0,0,.5); line-height:1.8;}
.exhibition-list .item::after{ width:100vw; height:100%; content:''; display:block; position:absolute; left:50%; top:0; transform:translate(-50%); opacity:0; transition:.3s;}
.exhibition-list .item:hover::after{background-color:#f7f8fa; opacity:1;}
@media (max-width:1024px) {
.exhibition-list .item .text{ width:74.375%;}
.exhibition-list .item .text .tit{ margin-bottom:.1rem;}
.exhibition-list .item .text .tiem{ margin-bottom:.1rem;}
}
@media (max-width:640px) {
.exhibition-list .item .pic{ width:100%;}
.exhibition-list .item .text{ width:100%; padding:.2rem 0 0;}
.exhibition-list .item .text .tit{ font-size:var(--font-size20);}
}

/* 01_了解领益_核心竞争力 */
.core-box{ margin-top:.6rem; background-image:url(../images/core-bg.png); background-repeat:no-repeat; background-position:center top; background-size:contain;}
.core-box .core-introd{ padding:.7rem 0 1.35rem; text-align:center; font-size:var(--font-size24); font-weight:var(--font-weight__l); line-height:2;}
.core-box .core-introd p{ margin:0;}
.core-box .core-list{ display:flex; gap:.15rem;align-items:center; margin-bottom:1.35rem;}
.core-box .core-list .item{ width:10.5%; color:#333; cursor:pointer; position:relative; border-radius:.2rem; overflow:hidden; transition:.5s;}
.core-box .core-list .item .pic{ position:relative;}
.core-box .core-list .item .pic::after{content:'';display:block; width:100%; height:50%; background-image:linear-gradient(to top,rgba(0,0,0,0.8),transparent); position:absolute; left:0; bottom:0; z-index:2;}
.core-box .core-list .item .pic .figure{ padding-bottom:6rem; position:relative;}
.core-box .core-list .item .pic .figure img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.core-box .core-list .item .text{ position:absolute; left:0; bottom:0; z-index:3; width:100%; padding:.45rem 0;}
.core-box .core-list .item .text .tit{ text-align:center; font-size:var(--font-size30); color:var(--white);}
.core-box .core-list .item .text .des{ color:var(--white); opacity:0; width:max-content;}
.core-box .core-list .item:nth-child(2){ margin-top:-.8rem;}
.core-box .core-list .item:nth-child(3){ margin-top:.4rem;}
.core-box .core-list .item:nth-child(4){ margin-top:-.4rem;}
.core-box .core-list .item.active{ width:59.06%;}
.core-box .core-list .item.active .text{ padding:.45rem .4rem;}
.core-box .core-list .item.active .text .tit{ text-align:left;}
.core-box .core-list .item.active .text .des{ opacity:1;}
@media (max-width:1024px) {
.core-box .core-introd{ font-size:var(--font-size18); padding:.5rem 0 .8rem;}
.core-box .core-list .item{ border-radius:.15rem;}
.core-box .core-list .item .pic .figure{ padding-bottom:4rem;}
.core-box .core-list .item .text{ padding:.3rem 0;}
.core-box .core-list .item .text .tit{ font-size:var(--font-size24);}
.core-box .core-list .item.active .text{ padding:.3rem;}
.core-box .core-list .item.active .text .des{ max-width:100%;}
}
@media (max-width:640px) {
.core-box .core-list{gap:.05rem;}
.core-box .core-list .item{ border-radius:.1rem;}
.core-box .core-list .item .pic .figure{ padding-bottom:3rem;}
.core-box .core-list .item:nth-child(2){ margin-top:-.4rem;}
.core-box .core-list .item:nth-child(3){ margin-top:.2rem;}
.core-box .core-list .item:nth-child(4){ margin-top:-.2rem;}
.core-box .core-list .item .text{ padding:.2rem 0;}
.core-box .core-list .item.active .text{ padding:.2rem;}
}



/* 01_了解领益_阳光领益 */
.leiyi-box{ padding:1rem 0;}

.leiyi-one .tit-name{ font-size:var(--font-size36); text-align:center;}
.leiyi-one .tab-lanmu{ margin:.65rem 10%;}
.leiyi-one .tab-lanmu .pot-line{ width:.76rem; height:.07rem; margin-bottom:.25rem; background-image:url(../images/leiyi-pot.png); background-repeat:repeat-x; background-size:100% 100%; background-position:left center; position:absolute; left:100%;}
.leiyi-one .tab-lanmu .swiper{ width:100%;}
.leiyi-one .tab-lanmu .swiper-slide:nth-child(5) .pot-line{ display:none;}
.leiyi-one .tab-lanmu .iotc{ text-align:center; font-size:var(--font-size18); cursor:pointer;}
.leiyi-one .tab-lanmu .iotc .icon{ width:1.6rem; height:1.6rem; background-image:url(../images/leiyi-one.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.leiyi-one .tab-lanmu .iotc .icon img{ width:.84rem;}
.leiyi-one .tab-lanmu .iotc .icon .oren{ opacity:1;}
.leiyi-one .tab-lanmu .iotc .icon .oneg{ position:absolute; opacity:0;}
.leiyi-one .tab-lanmu .iotc .tit-wz{ margin-top:.15rem;}
.leiyi-one .tab-lanmu .swiper-slide-thumb-active .iotc{ color:var(--hover-color);}
.leiyi-one .tab-lanmu .swiper-slide-thumb-active .iotc .icon{background-image:url(../images/leiyi-two.png);}
.leiyi-one .tab-lanmu .swiper-slide-thumb-active .iotc .icon .oren{ opacity:0;}
.leiyi-one .tab-lanmu .swiper-slide-thumb-active .iotc .icon .oneg{ opacity:1;}

.leiyi-one .tab-con .item-con{ position: relative; padding:.5rem .75rem; background:#f7f8fa; border-radius:.1rem;}
.leiyi-one .tab-con .item-con .itxt{ width:2rem;}
.leiyi-one .tab-con .item-con .txt-con{ font-size:var(--font-size18); width:calc(100% - 2rem); padding-left:.4rem; font-weight:var(--font-weight__l); line-height:1.8;}
.leiyi-one .tab-con .item-con .txt-con li{ margin:.8em 0; padding-left:.25rem; position: relative;}
.leiyi-one .tab-con .item-con .txt-con li::before{ position:absolute; left:0; top:.7em; content:''; display:block; width:.06rem; height:.06rem; background:#bfbfbf; border-radius:1rem;}
.leiyi-one .tab-con .item-con .xhao{ position: relative;}
.leiyi-one .tab-con .item-con .xhao i{ display:block; font-size:.88rem; color:#ff7b00; font-weight:var(--font-weight__m); font-style:normal; line-height:.8; opacity:.08;}
.leiyi-one .tab-con .item-con .xhao span{ position:absolute; left:0; top:0; font-size:var(--font-size24); color:var(--hover-color); height:100%; display:flex; align-items:center; justify-content:center; z-index:2;}

.leiyi-two{ margin-top:.85rem;}
.leiyi-two .tit-name{ font-size:var(--font-size36); text-align:center;}
.leiyi-two .form-box{ margin-top:.4rem;}
.leiyi-two .form-box .item{ background:#f7f8fa; font-weight:var(--font-weight__l); border-radius:.1rem;}
.leiyi-two .form-box .name{ font-weight:var(--font-weight__l); font-size:var(--font-size18); padding:.15rem 0; text-align:right;}
.leiyi-two .form-box i{ font-style: normal; color:var(--hover-color); font-weight:var(--font-weight__r);}
.leiyi-two .form-box .upload-item{ background:#f7f8fa; border-radius:.1rem; position: relative;}
.leiyi-two .form-box .upload-item .name{ text-align:left; width:100%; padding:.15rem; position:absolute; left:0; top:0;}
.leiyi-two .form-box .upload-item .name span{ color:#b2b2b2;}
.leiyi-two .form-box .upload-item .upload-box{ height:100%; padding:.15rem; text-align:center;}
.leiyi-two .form-box .upload-item .ages{ margin-top:.2rem; color:#999999; font-weight:var(--font-weight__l);}
.leiyi-two .form-box .upload-item .but{ padding:.15rem 2em; background:rgba(255,123,0,.1); color:var(--hover-color); border-radius:1rem; cursor:pointer; position:relative;}
.leiyi-two .form-box .upload-item .but input{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.leiyi-two .form-box .upload-item .but span{ background-image:url(../images/upload.svg); background-position:center left; background-size:.22rem; background-repeat:no-repeat; padding-left:.35rem;}

.leiyi-two .form-box .placeholder{min-height:100%;padding:1rem 0 0;font-weight: var(--font-weight__l);font-size:var(--font-size16); color:#999999; display:block; width:100%;}
.leiyi-two .form-box .webuploader-container{ margin-bottom:.15rem;}
.leiyi-two .form-box .placeholder .webuploader-pick{ padding:.15rem 1em; background:rgba(255,123,0,.1); color:var(--hover-color); border-radius:1rem; cursor:pointer; position:relative; box-shadow:none; font-size:var(--font-size18); font-weight:var(--font-weight__r); height:auto; line-height:1.5; display:-webkit-flex;display:flex; align-items:center; justify-content:center; width:1.75rem; margin:0 auto;}
.leiyi-two .form-box .placeholder .webuploader-pick::before{content:'';display:block; width:.22rem; height:.22rem; margin-right:.1rem; background-image:url(../images/upload.svg); background-position:center left; background-size:.22rem; background-repeat:no-repeat;}
.leiyi-two .form-box .placeholder div:last-child{display:none;}
.leiyi-two .form-box .queueList{border:none; margin:0; height:100%;}
.leiyi-two .form-box .queueList.filled{ height:auto;}
.leiyi-two .form-box .filelist{ margin-top:.3rem;}
.leiyi-two .form-box .filelist li {width:1.1rem; height:1.1rem; margin:0 .1rem .1rem 0; background:rgba(0,0,0,.1);}
.leiyi-two .form-box .filelist li p.imgWrap{ width:1.1rem; height:1.1rem;}
.leiyi-two .form-box .filelist li img{ object-fit:cover;}
.leiyi-two .form-box .statusBar .btns .uploadBtn{ background:var(--hover-color);}
.leiyi-two .form-box p{margin:0;}

.leiyi-two .form-box .input-txt{ padding:.15rem 0; padding-right:.15rem;}
.leiyi-two .form-box .input-txt input{ padding:0; margin:0; border:none; width:100%; background:transparent; font-weight:var(--font-weight__l);}
.leiyi-two .form-box .txt-area{ padding:.15rem 0; padding-right:.15rem;}
.leiyi-two .form-box .txt-area textarea{ padding:0; margin:0; border:none; width:100%; height:7em; background:transparent; resize:none; font-weight:var(--font-weight__l);}

.leiyi-two .form-box .item:nth-child(1) .name{ width:1rem;}
.leiyi-two .form-box .item:nth-child(2) .name{ width:1.2rem;}
.leiyi-two .form-box .item:nth-child(3) .name{ width:1.5rem;}
.leiyi-two .form-box .item:nth-child(1) .input-txt{ width:calc(100% - 1rem);}
.leiyi-two .form-box .item:nth-child(2) .input-txt{ width:calc(100% - 1.2rem);}
.leiyi-two .form-box .item:nth-child(3) .txt-area{ width:calc(100% - 1.5rem);}

.leiyi-two .anou-but .but{ font-size:var(--font-size18); width:1.8rem; text-align:center; padding:.15rem 0; background:var(--hover-color); color:var(--white); border-radius:.05rem; cursor:pointer;}

@media(min-width:640px){
.leiyi-two .form-box{ --content-width:calc(minmax(100vw, 1920px) - min(.8rem,4.17vw) * 2); --gutter:20px; --columns:4; --row-size:calc(( var(--content-width) -(var(--gutter) *(var(--columns) - 1))) / var(--columns)); display:grid; grid-template-columns:repeat(4,1fr); grid-gap:20px; grid-auto-rows:minmax(var(--row-size),auto); margin-bottom:.5rem;}
.leiyi-two .form-box .item:nth-child(1){grid-column:1/3;grid-row:1}
.leiyi-two .form-box .item:nth-child(2){grid-column:1/3;grid-row:2;}
.leiyi-two .form-box .item:nth-child(3){grid-column:1/3;grid-row:3;}
.leiyi-two .form-box .upload-item{grid-column:3/5;grid-row:1/4;}
}

@media (max-width:1024px) {
.leiyi-one .tab-lanmu{ margin:.3rem 2%;}
.leiyi-one .tab-lanmu .pot-line{ width:.5rem; height:.05rem;}
.leiyi-one .tab-lanmu .iotc .icon{ width:1rem; height:1rem;}
.leiyi-one .tab-lanmu .iotc .icon img{ width:.6rem;}
.leiyi-one .tab-con .item-con{ padding:.35rem;}
.leiyi-one .tab-con .item-con .txt-con{ padding-left:0;}
}

@media (max-width:640px) {
.leiyi-one .tit-name{ font-size:var(--font-size24);}
.leiyi-one .tab-lanmu{margin:.3rem 0 .6rem;}
.leiyi-one .tab-lanmu .iotc .tit-wz{ margin-top:.1rem;}
.leiyi-one .tab-lanmu .pot-line{ left:92%; width:.4rem; background-size:contain;}
.leiyi-one .tab-con .item-con .itxt{ width:100%;}
.leiyi-one .tab-con .item-con .txt-con{ width:100%; padding-left:0; font-size:var(--font-size16);}
.leiyi-one .tab-con .item-con .txt-con li{ padding-left:.15rem;}
.leiyi-one .tab-con .item-con .txt-con li::before{ width:4px; height:4px; top:.6em;}
.leiyi-two{ margin-top:.65rem;}
.leiyi-two .tit-name{ font-size:var(--font-size24);}
.leiyi-two .form-box .item{ margin-bottom:.2rem;}
.leiyi-two .anou-but{ margin-top:.3rem;}
}


/* 02_可持续发展_报告 */
.develop-box{ padding:1.1rem 0;}
.develop-box .tit-name{ font-size:var(--font-size36);}
.develop-box .caty-box a{ font-size:var(--font-size24); padding:.05rem 0; margin-right:.4rem; display:block; border-bottom:solid 2px transparent;}
.develop-box .caty-box a:last-child{ margin-right:0;}
.develop-box .caty-box a.on{ border-color:var(--hover-color); color:var(--hover-color);}
.develop-one .item-box{ margin-top:.45rem;}
.develop-one .item-box .pic{ width:3.4rem; padding:.3rem; box-shadow:0 0 .1rem rgba(0,0,0,.1); border-radius:.05rem;}
.develop-one .item-box .pic figure{ position: relative; padding-bottom:140%;}
.develop-one .item-box .pic img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.develop-one .item-box .text{ padding:.35rem 0; width:calc(100% - 4rem); position: relative;}
.develop-one .item-box .text .tit{ font-size:var(--font-size30); color:#111;}
.develop-one .item-box .text .des{ margin:2em 0; line-height:2; font-size:var(--font-size18); color:#777777; font-weight:var(--font-weight__l);}
.develop-one .item-box .line{ position:absolute; left:0; bottom:.35rem; width:100%; border-bottom:dashed 1px #ff7b00;}
.develop-one .item-box .line::before,
.develop-one .item-box .line::after{content:'';display:block; width:.06rem; height:.06rem; margin-top:-0.03rem; background-color:#ff7b00; border-radius:1rem; position:absolute;}
.develop-one .item-box .line::before{ left:0;}
.develop-one .item-box .line::after{ right:0;}
.develop-one .item-box .but{ margin-right:.2rem;}
.develop-one .item-box .but:last-child{ margin-right:0;}
.develop-one .item-box .but a{ font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:.08rem .1rem; padding-left:.3rem; background-color:var(--white); border-radius:1rem; transition:.3s;}
.develop-one .item-box .but i{ margin-left:.2rem; width:.38rem; height:.38rem; background-color:var(--hover-color); border-radius:1rem;}
.develop-one .item-box .but i::after{content:'';display:block; width:100%; height:100%; background-image:url(../images/arrow-icon1.svg); background-repeat:no-repeat; background-position:center;}
.develop-one .item-box .but.dow i::after{background-image:url(../images/dow-white.svg);}
.develop-one .item-box .but.on a,
.develop-one .item-box .but a:hover{ border-color:var(--hover-color); background-color:var(--hover-color); color:var(--white);}
.develop-one .item-box .but.on a i,
.develop-one .item-box .but a:hover i{ background-color:var(--white);}
.develop-one .item-box .but.on a i::after,
.develop-one .item-box .but a:hover i::after{ background-image:url(../images/arrow-icon8.svg);}
.develop-one .item-box .but.on.dow i::after{background-image:url(../images/dow.svg);}

.develop-two{ margin-top:1rem;}
.develop-two .list-box{ margin:.5rem 0;}
.develop-two .list-box .item{ width:21.25%; margin-right:4.99%; margin-bottom:2.5%;}
.develop-two .list-box .item .bakc-color{ box-shadow:0 0 .1rem rgba(0,0,0,.1); border-radius:.05rem;}
.develop-two .list-box .item .pic{ padding:.3rem .3rem 0;}
.develop-two .list-box .item .pic figure{ position: relative; padding-bottom:140%;}
.develop-two .list-box .item .pic img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.develop-two .list-box .item .txt-wz{ color:#111; font-size:var(--font-size20); text-align:center; padding-top:.2rem;}
.develop-two .list-box .item .aniu-other{ padding:.25rem .3rem; font-weight:var(--font-weight__l);}
.develop-two .list-box .item .aniu-other .but{ width:50%; text-align:center; line-height:1; border-right:solid 1px rgba(0,0,0,.2);}
.develop-two .list-box .item .aniu-other .but span{ background-repeat:no-repeat; background-position:right center;}
.develop-two .list-box .item .aniu-other .check span{background-image:url(../images/eyes.svg); background-size:.2rem; padding-right:.35rem;}
.develop-two .list-box .item .aniu-other .dowxz span{background-image:url(../images/dow-gray.svg); background-size:.18rem; padding-right:.3rem;}
.develop-two .list-box .item .aniu-other .check:hover span{background-image:url(../images/eyes-cse.svg);}
.develop-two .list-box .item .aniu-other .dowxz:hover span{background-image:url(../images/dow.svg);}
.develop-two .list-box .item .aniu-other .but:last-child{ border-right:none;}
.develop-two .list-box .item:nth-child(4n){ margin-right:0;}
@media (max-width:1024px) {
.develop-two{ margin-top:.8rem;}
.develop-two .list-box{ margin-top:.35rem;}
.develop-two .list-box .item{ width:24%; margin-right:1.3%;}
.develop-two .list-box .item .pic{ padding:.15rem .15rem 0;}
.develop-two .list-box .item .aniu-other{ padding:.15rem; font-size:var(--font-size14);}
.develop-two .list-box .item .aniu-other .check span{ padding-right:.22rem; background-size:.15rem;}
.develop-two .list-box .item .aniu-other .dowxz span{ padding-right:.25rem; background-size:.15rem;}
.develop-two .list-box .item .txt-wz{ font-size:var(--font-size16);}
}
@media (max-width:640px) {
.develop-box .tit-name{ font-size:var(--font-size28);}
.develop-one .item-box .pic{ width:100%;}
.develop-one .item-box .text{ width:100%;}
.develop-one .item-box .text .tit{ font-size:var(--font-size22);}
.develop-one .item-box .text .des{ margin:1em 0;}
.develop-one .item-box .line{ bottom:.1rem;}
.develop-two .list-box .item{ width:48%; margin-right:4%; margin-bottom:4%;}
.develop-two .list-box .item:nth-child(2n){ margin-right:0;}
}



/* 02_可持续发展_ESG管理 */
.esgli-box{ padding:1rem 0;}
.esgli-text{ margin-bottom:1rem;}
.esgli-box .tit-name{ font-size:var(--font-size36); max-width:35%;}
.esgli-introd{ margin-bottom:.9rem;}
.esgli-introd .des{ width:62%; line-height:2; font-size:var(--font-size18); color:#777; font-weight:var(--font-weight__r);}
.esgli-one .pc-oil{ width:22.188%;}
.esgli-one .tab-lanmu{ width:38%; display:-webkit-flex; display:flex; align-content:space-between; flex-wrap:wrap; position:relative;}
.esgli-one .tab-lanmu::after{content:'';display:block; width:1px; height:100%; position:absolute; left:25%; border-left:dashed 1px #ff7b00;}
.esgli-one .tab-lanmu .item-oix{ width:100%; position: relative; z-index:4;}
.esgli-one .tab-lanmu .item-oix .oiu{ padding:.2rem 0; font-size:var(--font-size20); color:var(--hover-color); width:50%; text-align:center; background-color:#ffd7b2; border-radius:.1rem; cursor:pointer; position: relative;}
.esgli-one .tab-lanmu .item-oix .oiu a{ color:var(--hover-color);}
.esgli-one .tab-lanmu .item-oix .other{ width:50%; display:-webkit-flex; display:flex; align-items:center; font-size:var(--font-size20);}
.esgli-one .tab-lanmu .item-oix .other .line{ border-bottom:dashed 1px #ff7b00; width:1.2rem; position: relative;}
.esgli-one .tab-lanmu .item-oix .other .line i{ display:block; width:.1rem; height:.1rem; border:solid .02rem var(--white); background:var(--hover-color); border-radius:1rem; position:absolute; left:-.04rem; top:50%; margin-top:-0.05rem;}
.esgli-one .tab-lanmu .item-oix .other .zwt{ padding-left:.02rem; padding-right:.1rem;}
.esgli-one .tab-lanmu .item-oix .other::after{content:'';display:block; width:.56rem; height:.49rem; background-image:url(../images/esgli-icon1.png); background-repeat:no-repeat; background-size:.56rem; background-position:center; opacity:0;}
.esgli-one .tab-lanmu .item-oix:nth-child(2) .oiu{background-color:#ffd7b2;}
.esgli-one .tab-lanmu .item-oix:nth-child(3) .oiu{background-color:#fff2e5;}
.esgli-one .tab-lanmu .item-oix.active .oiu{ background:var(--hover-color);}
.esgli-one .tab-lanmu .item-oix.active .oiu a{ color:var(--white);}
.esgli-one .tab-lanmu .item-oix.active .other::after{ opacity:1;}
.esgli-one .tab-lanmu .item-oix.active .other .zwt{ font-size:var(--font-size24); color:var(--hover-color);}
.esgli-one .tab-con{ width:39.755%;}
.esgli-one .tab-con .con-tab{ min-height:100%; background-image:url(../images/esgli-bg.png); padding:.3rem; box-shadow:0 0 .2rem rgba(0,0,0,.08); font-size:var(--font-size18); color:#777777; border-radius:.1rem; display:none;}
.esgli-one .tab-con .con-tab ul{ max-width:100%!important;}
.esgli-one .tab-con .con-tab .pot li{ margin-bottom:.15rem; line-height:1.8; padding-left:.2rem; position: relative;}
.esgli-one .tab-con .con-tab .pot li::after{content:'';display:block; width:.06rem; height:.06rem; margin-top:-0.03rem; background-color:#ff7b00; border-radius:1rem; position:absolute; top:.9em; left:0;}
.esgli-one .tab-con .con-tab .pot li:last-child{ margin-bottom:0;}
.esgli-one .tab-con .con-tab .web-img{ display:none;}

.esgli-switch{ padding:1rem 0; background-image: linear-gradient(to top,transparent,#f7f8fa);}
.esgli-switch .tit-name{ padding:.35rem 0; border-bottom:solid 1px #ededed;}
.esgli-switch .switch-tit{ padding:.5rem 0;}
.esgli-switch .switch-tit .icon-tit{ font-size:var(--font-size36); color:var(--hover-color); background-image:url(../images/esgli-icon2.png); background-repeat:no-repeat; background-position:left center; padding-left:.5rem;}
.esgli-switch .aniu-but{ background:var(--white); position:absolute; top:.5rem; right:0; z-index:5;}
.esgli-switch .aniu-but .swiper-but{ position: relative; margin:0; left:auto; right:auto; width:.5rem; height:.5rem; border:solid 1px rgba(0,0,0,.1); border-radius:1rem; opacity:1; cursor:pointer; color:rgba(0,0,0,.4); transition: .3s;}
.esgli-switch .aniu-but .swiper-button-next:after,
.esgli-switch .aniu-but .swiper-button-prev:after{ font-size:var(--font-size14); font-weight:var(--font-weight__b);}
.esgli-switch .aniu-but .swiper-button-prev{margin-right:.2rem;}
.esgli-switch .aniu-but .swiper-but:hover{background:var(--hover-color); color:var(--white);}
.esgli-switch .item-txt .pic{ width:50%; border-radius:.1rem; overflow:hidden;}
.esgli-switch .item-txt .text{ width:46%; display:-webkit-flex; display:flex; flex-wrap:wrap; align-content:space-between;}
.esgli-switch .item-txt .text .line-box{ height:calc(100% - 2.35rem); margin-bottom:.35rem; padding-bottom:.35rem; border-bottom:solid 1px rgba(0,0,0,.1);}
.esgli-switch .item-txt .text .title{ margin-bottom:.2rem; font-size:var(--font-size24); color:#333333;}
.esgli-switch .item-txt .text .pot li{ font-size:var(--font-size18); color:#777777; margin-bottom:.15rem; line-height:1.7; padding-left:.2rem; position: relative;}
.esgli-switch .item-txt .text .pot li::after{content:'';display:block; width:.06rem; height:.06rem; margin-top:-0.03rem; background-color:#777777; border-radius:1rem; position:absolute; top:.85em; left:0;}
.esgli-switch .item-txt .text .editor{ height:4.7rem; padding-right:.6rem; overflow:auto;}
.esgli-switch .small-img{ gap:.1rem; height:1.9rem; align-items:flex-start;}
.esgli-switch .small-img img{ display:block; width:.9rem;}
.esgli-switch .small-img .iox{ border-radius:.05rem; overflow:hidden;}

@media (max-width:1024px) {
.esgli-one .pc-oil{ display:none;}
.esgli-one .tab-lanmu{ width:50%; align-content:flex-start;}
.esgli-one .tab-lanmu::after{ height:2rem;}
.esgli-one .tab-lanmu .item-oix{ margin-bottom:.3rem;}
.esgli-one .tab-lanmu .item-oix .oiu{ width:48%;}
.esgli-one .tab-lanmu .item-oix .other .line{ width:.8rem;}
.esgli-one .tab-lanmu .item-oix:last-child{ margin-bottom:0;}
.esgli-one .tab-con{ width:50%;}
.esgli-one .tab-con .con-tab{ font-size:var(--font-size16);}
.esgli-one .tab-con .con-tab .web-img{ display:block;}
.esgli-switch .small-img img{ display:block; width:.6rem;}
}
@media (max-width:640px) {
.esgli-box{ padding:.5rem 0;}
.esgli-box .tit-name{ font-size:var(--font-size24);}
.esgli-text{ margin-bottom:.5rem;}
.esgli-introd{ margin-bottom:.5rem;}
.esgli-introd .des{ width:100%;}
.esgli-one .tab-lanmu{ width:100%;}
.esgli-one .tab-con{ margin-top:.3rem; width:100%;}
.esgli-switch{ padding:.5rem 0 .2rem;}
.esgli-switch .tit-name{ padding:0 0 .2rem;}
.esgli-switch .aniu-but{ top:.23rem;}
.esgli-switch .switch-tit{ padding:.3rem 0;}
.esgli-switch .switch-tit .icon-tit{ padding-left:.25rem; font-size:var(--font-size22); background-size:.2rem;}
.esgli-switch .item-txt .text{ width:100%;}
.esgli-switch .item-txt .text .pot li{ padding-left:.15rem;}
.esgli-switch .item-txt .text .pot li::after{ width:4px; height:4px; top:.9em;}
.esgli-switch .item-txt .editor{ height:2.95rem; padding-right:.3rem;}
.esgli-switch .item-txt .pic{ margin-top:.3rem; width:100%;}
.esgli-switch .small-img{ height:1.35rem;}
.esgli-switch .item-txt .text .line-box{height:calc(100% - 1.5rem);}
}

/* 02_可持续发展_荣誉动态-ESG 动态 */
.EsgDynamic-list{ padding:1rem 0;}
.EsgDynamic-list .list-box{ margin-bottom:.2rem;}
.EsgDynamic-list .list-box .item{ width:31.625%; margin-right:2.5555%; margin-bottom:3%;}
.EsgDynamic-list .list-box .item .pic{ overflow:hidden; border-radius:.1rem;}
.EsgDynamic-list .list-box .item .pic figure{ position: relative; padding-bottom:56.1266%;}
.EsgDynamic-list .list-box .item .pic img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.EsgDynamic-list .list-box .item .text{ padding:0; padding-top:.25rem;}
.EsgDynamic-list .list-box .item .text .tiem{ background-image:url(../images/tiem.png); background-size:.16rem; background-repeat:no-repeat; background-position:left center; color:#666666; padding-left:.25rem; margin-bottom:.15rem;}
.EsgDynamic-list .list-box .item .text .des{ font-size:var(--font-size19); line-height:1.8; transition: .3s;}
.EsgDynamic-list .list-box .item:nth-child(3n){ margin-right:0;}
@media (max-width:640px) {
.EsgDynamic-list{ padding:.8rem 0;}
.EsgDynamic-list .list-box .item:nth-child(3n),
.EsgDynamic-list .list-box .item{ width:49%; margin-right:2%; margin-bottom:4%;}
.EsgDynamic-list .list-box .item:nth-child(2n){ margin-right:0;}
}

/* 02_可持续发展_荣誉动态 */
.honor-box .tit-name{ font-size:var(--font-size36); text-align:center;}
.honor-one{ padding:1rem 0;}
.honor-one .list-box{ margin-top:.5rem;}
.honor-one .list-box .item{ width:23.625%; margin-right:1.833%; margin-bottom:1.833%; box-shadow:0 0 .1rem rgba(0,0,0,.1); border-radius:.1rem; overflow:hidden; transition:.3s;}
.honor-one .list-box .item:nth-child(4n){ margin-right:0;}
.honor-one .list-box .item:hover{ box-shadow:0 0 .2rem rgba(255,123,0,.4);}
.honor-one .tishi{ margin-top:.2rem; font-size:var(--font-size18); color:#333333; opacity:.5;}
.honor-two{ padding:1rem 0; background-image:linear-gradient(to bottom,#f7f8fa,transparent);}
.honor-two .list-box{ margin-top:.5rem;}
.honor-two .list-box .item{ width:19.688%; margin-right:7.06%; margin-bottom:4%;}
.honor-two .list-box .item .line-box{ position: relative;}
.honor-two .list-box .item .line-box::after{content:''; display:block; width:122%; height:108%; position:absolute; left:-20%; top:.2rem; background-image:url(../images/honor-bg.png); background-repeat:no-repeat; background-size:contain; background-position:top center; opacity:0;}
.honor-two .list-box .item .pic{ position: relative; z-index:5; border:solid .05rem #eff1f5; padding:.14rem; transition: .3s;}
.honor-two .list-box .item .pic figure{ background:var(--white);}
.honor-two .list-box .item .text{ color:#111; font-size:var(--font-size18); padding-top:.2rem; text-align:center;}
.honor-two .list-box .item:nth-child(4n){ margin-right:0;}
.honor-two .list-box .item:hover .pic{ border-color:var(--hover-color);}
.honor-two .list-box .item:hover .line-box::after{ opacity:1;}
.honor-two .tishi{ margin:.15rem 0 .45rem; font-size:var(--font-size18); color:#333333; opacity:.5;}
@media (max-width:1024px) {
.honor-two .list-box .item{ width:22.5%; margin-right:3.3%; margin-bottom:3.3%;}
.honor-two .list-box .item:nth-child(4n){ margin-right:0;}
}
@media (max-width:640px) {
.honor-one{ padding:.5rem 0;}
.honor-one .list-box{ margin-top:.3rem;}
.honor-one .list-box .item{ width:48%; margin-right:4%; margin-bottom:4%;}
.honor-one .list-box .item:nth-child(2n){ margin-right:0;}
.honor-two{ padding:.5rem 0;}
.honor-two .list-box{ margin-top:.3rem;}
.honor-two .list-box .item{ width:48%; margin-right:4%; margin-bottom:4%;}
.honor-two .list-box .item:nth-child(2n){ margin-right:0;}
}




/* 02_可持续发展_我们的实践_环境 */
.Practice-box .tit-name{ font-size:var(--font-size36); color:#111;}
.Practice-box .environ-img{ text-align:center;}
.Practice-one{ padding:.8rem 0;}
.Practice-one .introd{ max-width:13.5rem; text-align:center; font-size:var(--font-size24); position:relative; padding:.2rem 1rem;}
.Practice-one .introd::before,
.Practice-one .introd::after{content:'';display:block; width:.69rem; height:.58rem; position:absolute; background-size:contain; background-repeat:no-repeat; background-position:center;}
.Practice-one .introd::before{ left:0; top:0; background-image:url(../images/io-icon1.png); background-repeat:no-repeat; background-size:contain;}
.Practice-one .introd::after{ right:0; bottom:0; background-image:url(../images/io-icon2.png); background-repeat:no-repeat; background-size:contain;}
.Practice-two .tit-name{ text-align:center;}
.Practice-two{ background-image:url(../images/environ-bg.jpg); padding:1.1rem 0; background-repeat:no-repeat; background-size:cover; background-position:bottom center;}
.Practice-two .editor{ margin:.2rem 0 .4rem; font-size:var(--font-size18); color:#777;}
.Practice-two .editor .center{ max-width:11.5rem; text-align:center; line-height:2;}
.Practice-three{ padding:1rem 0;}
.Practice-three .text{ width:50%; padding-right:.7rem;}
.Practice-three .text .des{ font-size:var(--font-size18); color:#777777; line-height:2;}
.Practice-three .text .des p{ margin:1em 0;}
.Practice-three .text .tit-name{ margin-bottom:.25rem;}
.Practice-three .pic{ width:50%;}
.Practice-three .pic .vwtd50{ width:50vw; border-radius:.1rem; overflow: hidden;}
.Practice-three .more{ margin-top:.6rem;}
.Practice-three .more .but a{ font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:.1rem; padding-left:.3rem; background-color:var(--hover-color); border-color:var(--hover-color); color:var(--white); border-radius:1rem; transition:.3s;}
.Practice-three .more .but i{ margin-left:.2rem; width:.38rem; height:.38rem; background-color:var(--white); border-radius:1rem;}
.Practice-three .more .but i::after{content:'';display:block; width:100%; height:100%; background-image:url(../images/arrow-icon8.svg); background-repeat:no-repeat; background-position:center;}
.Practice-four{ padding:1rem 0 0; margin-bottom:1rem; background-image:linear-gradient(to top,#f7f7f7,#fafafa);}
.Practice-four .autoCon-1600{ direction:rtl;}
.Practice-four .text{ padding-left:.65rem; width:50%; direction:ltr; font-size:var(--font-size18); color:#777777; line-height:1.8;}
.Practice-four .pic{ width:50%;border-radius:.1rem; overflow: hidden;}
@media (max-width:1024px) {
.Practice-one .introd{ font-size:var(--font-size20);}
.Practice-three .text{ padding-right:.3rem;}
.Practice-four .text{ padding-left:.3rem;}
}

@media (max-width:640px) {
.Practice-box .tit-name{ font-size:var(--font-size24);}
.Practice-one{ padding:.5rem 0;}
.Practice-one .introd{ padding:.1rem .4rem; font-size:var(--font-size18);}
.Practice-one .introd::before,
.Practice-one .introd::after{ width:.4rem; height:.3rem;}
.Practice-two{ padding:.5rem 0;}
.Practice-two .editor{ margin-top:.1rem;}
.Practice-three .text{ padding:0; width:100%;}
.Practice-three .text .tit-name{ margin-bottom:.15rem;}
.Practice-three .more{ margin:.2rem 0;}
.Practice-three .more .but a{ padding-left:.2rem; font-size:var(--font-size14);}
.Practice-three .more .but i{ margin-left:.1rem; width:.25rem; height:.25rem;}
.Practice-three .more .but i::after{ background-size:.1rem;}
.Practice-three .pic{ width:100%;}
.Practice-three .pic .vwtd50{ width:100%;}
.Practice-four{ padding-top:.5rem;}
.Practice-four .pic{ width:100%;}
.Practice-four .text{ padding:0; width:100%;}
}

/* 02_可持续发展_我们的实践_社会 */
.society-two{ margin-bottom:1rem;}
.society-two .text{ width:50%; padding-right:1.1rem;}
.society-two .text .editor{ font-size:var(--font-size18); color:#777777; line-height:1.8;}
.society-two .pic{ width:50%;}
.society-two .pic .figure{ border-radius:.1rem; overflow: hidden;}
.society-three{ padding:1rem 0; background:#f7f8fa;}
.society-three .text{ margin-bottom:.6rem;}
.society-three .des{ font-size:var(--font-size18); color:#777777; width:66%; line-height:2;}
.society-three .img-box .figure{ border-radius:.1rem; overflow: hidden;}
.society-three .more{ margin-top:-.3rem; position: relative; z-index:4;}
.society-three .more .but a{ font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:.1rem; padding-left:.3rem; background-color:var(--hover-color); border-color:var(--hover-color); color:var(--white); border-radius:1rem; transition:.3s;}
.society-three .more .but i{ margin-left:.2rem; width:.38rem; height:.38rem; background-color:var(--white); border-radius:1rem;}
.society-three .more .but i::after{content:'';display:block; width:100%; height:100%; background-image:url(../images/arrow-icon8.svg); background-repeat:no-repeat; background-position:center;}
.society-four{ padding:1rem 0;}
.society-four .wtd-1600{ width:16rem; max-width:100%;}
.society-four .text{ margin-bottom:.6rem;}
.society-four .des{ font-size:var(--font-size18); color:#777777; width:66%; line-height:2;}
.society-four .switch-box{ width:100%;}
.society-four .switch-vwtd{ width:110.5%;}
.society-four .switch-vwtd .pic .figure{border-radius:.15rem; overflow: hidden; padding-bottom:74.5%; position:relative;}
.society-four .switch-vwtd .pic .figure img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.society-four .aniu-box{ margin-top:.45rem; position:relative;}
.society-four .aniu-box .swiper-pagination{ height:1px; width:calc(100% - 1.6rem); position:relative;}
.society-four .aniu-box .swiper-pagination-progressbar{ background-color:rgba(0,0,0,.1);}
.society-four .aniu-box .swiper-pagination-progressbar-fill{ background-color:var(--hover-color);}
.society-four .aniu-box .swiper-but{ position:relative; width:.54rem; height:.54rem; margin:0; left:auto; right:auto; z-index:5; border:solid 1px rgba(0,0,0,.3); border-radius:1rem; transition:.3s;}
.society-four .aniu-box .swiper-but::after{ font-weight:var(--font-weight__b); font-size:var(--font-size14); color:rgba(0,0,0,.3);}
.society-four .aniu-box .swiper-button-prev{ margin-right:.15rem;}
.society-four .aniu-box .swiper-but:hover{ background-color:var(--hover-color); border-color:var(--hover-color);}
.society-four .aniu-box .swiper-but:hover::after{ color:var(--white);}
@media (max-width:1024px) {
.society-two .text{ padding-right:.4rem;}
}
@media (max-width:640px) {
.society-two{ margin-bottom:.5rem;}
.society-two .text{ width:100%; padding-right:0;}
.society-two .pic{ width:100%;}
.society-three{ padding:.5rem 0;}
.society-three .text{ flex-wrap:wrap; margin-bottom:.3rem;}
.society-three .des{ margin-top:.1rem; width:100%;}
.society-four{overflow: hidden;}
.society-four .text{ flex-wrap:wrap; margin-bottom:.3rem;}
.society-four .des{ margin-top:.1rem; width:100%;}
.society-four .wtd-1600{ max-width:90%;}
}



/* 02_可持续发展_我们的实践_公司治理 */
.corporate-two .item-iot{ padding:1rem 0;}
.corporate-two .item-iot .autoCon-1600{ direction:rtl;}
.corporate-two .item-iot .text{direction:ltr; width:45%; color:#777; line-height:2; position: relative; z-index:5; font-size:var(--font-size18);}
.corporate-two .item-iot .text .tit-name{ margin-bottom:.1rem; line-height:1.5;}
.corporate-two .item-iot .text .back-color{ padding:.4rem .8rem; width:120%; display:block; float:right; background-image:url(../images/corporate-bg.png); background-repeat:no-repeat; background-size:cover; background-position:right; background-color:rgba(255,255,255,.9); border-radius:.15rem;}
.corporate-two .item-iot .pic{ width:55%;}
.corporate-two .item-iot .pic .figure{border-radius:.15rem; overflow: hidden; padding-bottom:56.25%; position:relative;}
.corporate-two .item-iot .pic .figure img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.corporate-two .item-iot:nth-child(2n){ background:#f7f8fa;}
.corporate-two .item-iot:nth-child(2n) .autoCon-1600{ direction:ltr;}
.corporate-two .item-iot:nth-child(2n) .text .back-color{ float:left; background-image:url(../images/corporate-bg2.png);}
@media (max-width:1024px) {
.corporate-two .item-iot .pic{ width:100%;}
.corporate-two .item-iot .text{ width:100%;}
.corporate-two .item-iot .text .back-color{ width:100%;}
}
@media (max-width:640px) {
.corporate-two .item-iot{ padding:.5rem 0;}
.corporate-two .item-iot .text .back-color{ padding:0 .3rem .3rem;}
}


/* 02_可持续发展_政策 */
.policy-box{ padding:1rem 0;}
.policy-box li{ background:#f7f8fa; padding:.25rem; margin-bottom:.2rem;}
.policy-box li .tit{ width:calc(100% - 3rem); font-size:var(--font-size20);}
.policy-box .list-box .aniu-other{ font-weight:var(--font-weight__l);}
.policy-box .list-box .aniu-other .but{ padding-right:.2rem; margin-right:.2rem; text-align:center; line-height:1; border-right:solid 1px rgba(0,0,0,.2);}
.policy-box .list-box .aniu-other .but span{ background-repeat:no-repeat; background-position:right center;}
.policy-box .list-box .aniu-other .check span{background-image:url(../images/eyes.svg); background-size:.2rem; padding-right:.35rem;}
.policy-box .list-box .aniu-other .dowxz span{background-image:url(../images/dow-gray.svg); background-size:.18rem; padding-right:.3rem;}
.policy-box .list-box .aniu-other .check:hover span{background-image:url(../images/eyes-cse.svg);}
.policy-box .list-box .aniu-other .dowxz:hover span{background-image:url(../images/dow.svg);}
.policy-box .list-box .aniu-other .but:last-child{ margin-right:0; border-right:none; padding-right:0;}
@media (max-width:640px) {
.policy-box li{ flex-wrap:wrap;}
.policy-box li .tit{ width:100%; margin-bottom:.1rem;}
}

/* 03_投资者关系_公司公告 */
.Announcement-box{ padding:1rem 0;}
.Announcement-box .lev-menu{ margin-bottom:.5rem;}
.Announcement-box .lev-menu a{ display:block; margin:0 2em; font-size:var(--font-size20);}
.Announcement-box .lev-menu a::after{content:''; display:block; width:2em; height:.03rem; background-color:var(--hover-color); margin:0 auto; opacity:0;}
.Announcement-box .lev-menu a.on{ color:var(--hover-color);}
.Announcement-box .lev-menu a.on::after{ opacity:1;}
.Announcement-box .list-box{ margin-bottom:.5rem;}
.Announcement-box li{ width:49%; background:#f7f8fa; margin-bottom:2%;}
.Announcement-box li a{ padding:.5rem .4rem;}
.Announcement-box li .tiem{ padding-bottom:.25rem; border-bottom:solid 1px rgba(0,0,0,.2);transition:.3s;}
.Announcement-box li .tiem .date{margin-bottom:.1rem; line-height:1; font-size:var(--font-size36); color:#111;transition:.3s;}
.Announcement-box li .tiem .year{ color:#666666;}
.Announcement-box li .text{ width:calc(100% - 1.6rem);}
.Announcement-box li .text .tit{ padding-right:.7rem; min-height:3em; line-height:1.5; font-size:var(--font-size24); color:#111; position:relative; transition:.3s;}
.Announcement-box li .text .tit::after{ position:absolute; right:0; top:0; content:''; display:block; width:.46rem; height:.49rem; background:url(../images/pdf.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.Announcement-box li:hover .tiem{ border-color:var(--hover-color);}
.Announcement-box li:hover .tit{ color:var(--hover-color);}
.Announcement-box li:hover .date{ color:var(--hover-color);}
@media (max-width:1024px) {
.Announcement-box li .tiem .date{ font-size:var(--font-size24);}
.Announcement-box li .text{ width:calc(100% - 1.3rem);}
.Announcement-box li .text .tit{ font-size:var(--font-size20);}
}
@media (max-width:640px) {
.Announcement-box{ padding:.5rem 0;}
.Announcement-box li{ width:100%;}
.Announcement-box li .text{ width:calc(100% - 1.1rem);}
.Announcement-box li .text .tit{ padding-right:.5rem;}
.Announcement-box li .text .tit::after{ width:.35rem;}
}

/* 03_投资者关系_公司治理_治理架构 */
.structure-box{ padding:1.1rem 0 .8rem;}
.structure-box .tit-name{ margin-bottom:1rem; font-size:var(--font-size36); text-align:center;}
.structure-box .tit-iy{ padding-top:.5rem; width:25%; font-size:var(--font-size30);}
.structure-box .tit-iy .rty{ position:relative; line-height:1.25;}
.structure-box .tit-iy .rty span{ position: relative; z-index:2;}
.structure-box .tit-iy .rty::after{content:'';display:block; width:2em; height:.1rem; background-image:linear-gradient(to right,rgba(255,123,0,0.5),transparent); position:absolute; bottom:0; left:0;}
.structure-box .list{ width:75%;}
.structure-box .list .item-iox{ width:30.8335%; margin-right:3.7%; margin-bottom:3.7%; background-image:url(../images/structure-bg.png); background-repeat:no-repeat; background-position:top right; background-size:cover;}
.structure-box .list .item-iox a{ padding:.465rem .5rem; display:block; color:#111111;}
.structure-box .list .item-iox .tit{ font-size:var(--font-size30);}
.structure-box .list .item-iox .tit::after{content:''; display:block; width:1em; height:.02rem; background:var(--hover-color); margin:.1rem 0 .2rem;}
.structure-box .list .item-iox .des{ font-size:var(--font-size20); color:#777;}
.structure-box .list .item-iox:nth-child(3n){ margin-right:0;}
.structure-box .list .item-iox:hover{background-image:url(../images/structure-bg-on.png);}
.structure-box .list .item-iox:hover a{ color:var(--white);}
.structure-box .list .item-iox:hover .tit::after{ background:var(--white);}
.structure-box .list .item-iox:hover .des{ color:var(--white);}
@media (max-width:1024px) {
.structure-box .tit-iy{ font-size:var(--font-size24);}
.structure-box .tit-iy .rty::after{ height:.05rem;}
.structure-box .list .item-iox a{ padding:.4rem .3rem;}
.structure-box .list .item-iox .tit{ font-size:var(--font-size24);}
.structure-box .list .item-iox .des{ font-size:var(--font-size18);}
}
@media (max-width:640px) {
.structure-box .tit-name{ margin-bottom:.35rem;}
.structure-box .list-box{ margin-bottom:.2rem;}
.structure-box .tit-iy{ width:100%; padding:0 0 .2rem; font-size:var(--font-size22);}
.structure-box .list{ width:100%;}
.structure-box .list .item-iox:nth-child(3n),
.structure-box .list .item-iox{ width:48%;}
.structure-box .list .item-iox:nth-child(2n){ margin-right:0;}
.structure-box .list .item-iox .tit{font-size:var(--font-size22);}
.structure-box .list .item-iox a{ padding:.25rem .2rem;}
}

/* 03_投资者关系_投资者联络及保护 */
.investor-box{ padding:1rem 0;}
.investor-box .list-box{ margin-bottom:.5rem;}
.investor-box li{ width:49%; background:#f7f8fa; margin-bottom:2%;}
.investor-box li a{ padding:.3rem;}
.investor-box li .tiem{ padding-bottom:.4rem; border-bottom:solid 1px rgba(0,0,0,.2);transition:.3s;}
.investor-box li .tiem .date{margin-bottom:.1rem; line-height:1; font-size:var(--font-size36); color:#111;transition:.3s;}
.investor-box li .tiem .year{ color:#666666;}
.investor-box li .text{ width:calc(100% - 1.6rem);}
.investor-box li .text .tit{ margin-bottom:.1rem; min-height:3em; line-height:1.5; font-size:var(--font-size24); color:#111; transition:.3s;}
.investor-box li .text .des{ font-size:var(--font-size18); color:rgba(51,51,51,0.7); line-height:1.8;}
.investor-box li:hover .tiem{ border-color:var(--hover-color);}
.investor-box li:hover .tit{ color:var(--hover-color);}
.investor-box li:hover .date{ color:var(--hover-color);}
@media (max-width:1024px) {
.investor-box li .tiem .date{ font-size:var(--font-size24);}
.investor-box li .text{ width:calc(100% - 1.3rem);}
.investor-box li .text .tit{ font-size:var(--font-size20);}
}
@media (max-width:640px) {
.investor-box{ padding:.5rem 0;}
.investor-box li{ width:100%;}
.investor-box li .tiem{ padding-bottom:.2rem;}
.investor-box li .text{ width:calc(100% - 1.1rem);}
}


/* 03_投资者关系_认证分析师 */
.Analyst-box{ margin-bottom:1rem;}
.Analyst-box .location{ background:transparent;}
.Analyst-box .table-box{ margin-top:.8rem; text-align:center;}
.Analyst-box .table-box th.tit-bit{ background:#f8ebe2; color:var(--hover-color); padding:.2rem 0; font-size:var(--font-size24); font-weight:var(--font-weight__r);}
.Analyst-box .table-box .tit-name{ font-size:var(--font-size24); color:#111111; font-weight:var(--font-weight__r);}
.Analyst-box .table-box tr:nth-child(2n){ background:#f7f8fa;}
.Analyst-box .table-box td{ font-size:var(--font-size18); color:#777; padding:.15rem; width:50%; text-align:center;}
@media (max-width:640px) {
.Analyst-box .table-box{ margin-top:.5rem;}
.Analyst-box .table-box th.tit-bit{ font-size:var(--font-size22);}
.Analyst-box .table-box .tit-name{ font-size:var(--font-size20);}
}


/* 04_产品与服务_解决方案 */
.solution-box .solution-item{ padding:1rem 0;}
.solution-box .solution-item:last-child{ padding-bottom:0; margin-bottom:1rem;}
.solution-box .item-one .tit-name{ font-size:var(--font-size36); color:#111111;}
.solution-box .item-one .text{ direction:ltr; width:50%; font-size:var(--font-size18); color:#777777; line-height:2; padding-right:.65rem;}
.solution-box .item-one .text .tit{ font-size:var(--font-size36); color:var(--hover-color);}
.solution-box .item-one .text .des{ margin-bottom:.3rem;}
.solution-box .item-one .categ-box li{ min-width:5em; text-align:center; margin-right:1em; margin-bottom:.15rem; border:solid 1px rgba(0,0,0,.1); border-radius:.05rem; transition: .3s; }
.solution-box .item-one .categ-box li a{display:block; padding:0 .1rem; transition: .3s;}
.solution-box .item-one .categ-box li:hover{ border-color:var(--hover-color);}
.solution-box .item-one .categ-box li:last-child{ margin-right:0;}
.solution-box .item-one .web-img{display:none;}
.solution-box .item-one .pic{ width:50%;}
.solution-box .item-one .pic .figure{ border-radius:.1rem; overflow:hidden;}
.solution-box .solution-item:nth-child(2n){ background-image:linear-gradient(to top,#fafafa,#f7f7f7);}
.solution-box .solution-item:nth-child(2n) .item-one{ direction:rtl;}
.solution-box .solution-item:nth-child(2n) .item-one .text{ padding-left:.65rem; padding-right:0;}
@media (max-width:1024px) {
.solution-box .item-one .tit-name{ line-height:1;}
.solution-box .item-one .text{ padding-right:2em;}
.solution-box .item-one .text .tit{ margin-top:.2rem; line-height:1.5;}
.solution-box .solution-item:nth-child(2n) .item-one .text{ padding-left:2em;}
}
@media (max-width:640px) {
.solution-box .solution-item{ padding:.5rem 0; margin-bottom:0;}
.solution-box .item-one .text{ width:100%; padding-right:0; padding-bottom:0;}
.solution-box .item-one .text .tit{ margin:.1rem 0;}
.solution-box .item-one .categ-box li{ margin-bottom:.1rem; margin-right:.1rem;}
.solution-box .item-one .pic{ width:100%; display:none;}
.solution-box .item-one .web-img{display:block; margin-bottom:.2rem;}
.solution-box .solution-item:nth-child(2n) .item-one .text{ padding-left:0;}
}


/* 04_产品与服务_应用场景_AI硬件_AI终端设备 */
.ai-scene{ padding-top:1rem;}
.ai-scene .tit-box{ text-align:center;}
.ai-scene .tit-box .tit-name{ margin-bottom:.25rem; font-size:var(--font-size36);}
.ai-scene .tit-box .tit-des{ text-align:left; padding:0 1.1rem; line-height:1.8; font-size:var(--font-size18); color:#777;}

.ai-solution{ overflow:hidden;}
.ai-solution .switch-bg{ margin-top:.35rem;}
.ai-solution .solution-img img{ display:block;}
.ai-solution .solution-img .iobgtu{ display:none;}
.ai-solution .switch-box{ width:4.8rem; padding:0 .35rem; height:100%; position:absolute; right:-6rem; top:0; background-color:rgba(var(--white-color__rgb),0.6);backdrop-filter:blur(20px) saturate(100%); z-index:10; transition:.3s;}
.ai-solution .item-trec{ display:none;}
.ai-solution .switch-box .center{ height:100%;}
.ai-solution .switch-box .switch-con{ width:100%;}
.ai-solution .switch-box .swiper{ width:100%; padding:0 .65rem;}
.ai-solution .switch-box .item .text{ padding:.4rem 0; text-align:center;}
.ai-solution .switch-box .item .text .tit{ font-size:var(--font-size20);}
.ai-solution .switch-box .item .text .tit::after{content:'';display:block; width:1em; height:1px; background-color:var(--hover-color); margin:.15rem auto;}
.ai-solution .switch-box .item .text .des{ line-height:2; padding-right:.1rem; font-size:var(--font-size16); color:#333; font-weight: var(--font-weight__l); height:12em; overflow:auto; text-align:left;}
.ai-solution .switch-box .item .text .des p{ margin:0;}
.ai-solution .switch-box .item .pic{ width:100%; text-align:center;}
.ai-solution .switch-box .item .pic .figure{ width:1.45rem; margin:0 auto;}
.ai-solution .switch-box .more{ position: relative; z-index:4;}
.ai-solution .switch-box .more .but{font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:0.06rem .1rem; padding-left:.35rem; cursor:pointer; border-radius:1rem; transition:.3s;}
.ai-solution .switch-box .more .but span{ display:block; margin-right:.15rem;}
.ai-solution .switch-box .more .but::after{ content:''; display:block; width:.4rem; height:.4rem; background-color:var(--hover-color); background-image:url(../images/return.svg); background-repeat:no-repeat; background-position:center; border-radius:1rem; background-size:.15rem;}
.ai-solution .switch-box .more .but:hover{ background-color:var(--hover-color); border-color:var(--hover-color); color:var(--white);}
.ai-solution .switch-box .more .but:hover::after{background-image:url(../images/return-on.svg); background-color:var(--white);}

.ai-solution .ityu .click-but{ position:absolute; font-size:var(--font-size18); background-color:rgba(255,255,255,0.8); padding:.02rem; padding-right:.2rem; border-radius:1rem; backdrop-filter:blur(20px) saturate(100%); cursor:pointer; transition:.3s;}
.ai-solution .ityu .click-but .pot{ margin-right:.08rem; width:.34rem; height:.34rem; padding:.04rem; background:rgba(255,123,0,.3); border-radius:1rem; transition:.3s;}
.ai-solution .ityu .click-but .pot i{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:var(--hover-color); border-radius:1rem;}
.ai-solution .ityu .click-but .pot i::after{content:'';display:block;width:.06rem;height:.06rem; background:var(--white);border-radius:1rem;}
.ai-solution .ityu.active .click-but,
.ai-solution .ityu .click-but:hover{box-shadow:0 0 0 4px rgba(255,123,0,.3); background:var(--hover-color); color:var(--white);}
.ai-solution .ityu.active .click-but .pot,
.ai-solution .ityu .click-but:hover .pot{ padding:.08rem;}
.ai-solution .ityu.active .click-but .pot i,
.ai-solution .ityu .click-but:hover .pot i{ background-color:rgba(255,255,255,.2);}
.ai-solution .ityu.active .switch-box{ right:0;}

.ai-solution .ai-zdsb[data-sort="1"] .click-but{top:65%;left:17.8%;}
.ai-solution .ai-zdsb[data-sort="2"] .click-but{top:21.5%;left:30%;}
.ai-solution .ai-zdsb[data-sort="3"] .click-but{top:23.4%;left:49%;}
.ai-solution .ai-zdsb[data-sort="4"] .click-but{top:54.8%;left:44.6%;}
.ai-solution .ai-zdsb[data-sort="5"] .click-but{top:65.3%;left:63%;}
.ai-solution .ai-zdsb[data-sort="6"] .click-but{top:83.7%;left:31.8%;}
.ai-solution .ai-zdsb[data-sort="7"] .click-but{top:83.7%;left:50.2%;}

.ai-solution .ai-car[data-sort="1"] .click-but{top:62%;left:33.5%;}
.ai-solution .ai-car[data-sort="2"] .click-but{top:55.8%;left:49.3%;}
.ai-solution .ai-car[data-sort="3"] .click-but{top:42.2%;left:58.2%;}

.ai-solution .ai-jqre[data-sort="1"] .click-but{top:45%;left:24.5%;}
.ai-solution .ai-jqre[data-sort="2"] .click-but{top:61.8%;left:54.5%;}

.ai-solution .ai-fwqi[data-sort="1"] .click-but{top:60.8%;left:15.5%;}
.ai-solution .ai-fwqi[data-sort="2"] .click-but{top:31.7%;left:34.5%;}

.ai-solution .ai-dkjj[data-sort="1"] .click-but{top:69.5%;left:53.6%;}

.ai-solution .swiper-but{ width:.54rem; height:.54rem; border:solid 1px rgba(0,0,0,.2); border-radius:1rem; transition:.3s;}
.ai-solution .swiper-but::after{ font-weight:var(--font-weight__b); font-size:var(--font-size14); color:rgba(0,0,0,.3);}
.ai-solution .swiper-button-prev{ left:0;}
.ai-solution .swiper-button-next{ right:0;}
.ai-solution .swiper-but:hover{ background-color:var(--hover-color); border-color:var(--hover-color);}
.ai-solution .swiper-but:hover::after{ color:var(--white);}

.ai-partner{ padding:1rem 0 0;}
.ai-partner .swiper{ padding:0 .15rem;}
.ai-partner .item{ padding:.1rem 0;}
.ai-partner .item .pic .figure{overflow:hidden;padding-bottom:66.667%;position:relative;box-shadow:0 0 .1rem rgba(0,0,0,.15); border-radius:.1rem;}
.ai-partner .item .pic .figure img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.ai-partner .item .text{ font-size:var(--font-size24); margin-top:.25rem; text-align:center;}
.ai-partner .aniu-box{ margin-top:.45rem; position:relative;}
.ai-partner .aniu-box .swiper-pagination{ height:1px; width:calc(100% - 1.6rem); position:relative;}
.ai-partner .aniu-box .swiper-pagination-progressbar{ background-color:rgba(0,0,0,.1);}
.ai-partner .aniu-box .swiper-pagination-progressbar-fill{ background-color:var(--hover-color);}
.ai-partner .aniu-box .swiper-but{ position:relative; width:.54rem; height:.54rem; margin:0; left:auto; right:auto; z-index:5; border:solid 1px rgba(0,0,0,.2); border-radius:1rem; transition:.3s;}
.ai-partner .aniu-box .swiper-but::after{ font-weight:var(--font-weight__b); font-size:var(--font-size14); color:rgba(0,0,0,.3);}
.ai-partner .aniu-box .swiper-button-prev{ margin-right:.15rem;}
.ai-partner .aniu-box .swiper-but:hover{ background-color:var(--hover-color); border-color:var(--hover-color);}
.ai-partner .aniu-box .swiper-but:hover::after{ color:var(--white);}

.ai-lixwm{ margin-top:1rem; background-image:url(../images/lxwm-bgtu.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; padding:1.4rem 0;}
.ai-lixwm .text-let{ max-width:65%;}
.ai-lixwm .text-let .tit-big{ margin-bottom:.1rem; font-size:var(--font-size40); color:var(--hover-color);}
.ai-lixwm .text-let .tit-des{ font-size:var(--font-size18); color:#111;}
.ai-lixwm .more-box .but a{ font-size:var(--font-size16); color:#111; border:solid 1px var(--hover-color); background-color:var(--hover-color); color:var(--white); padding:.08rem .1rem; padding-left:.3rem; border-radius:1rem; transition:.3s;}
.ai-lixwm .more-box .but i{ margin-left:.2rem; width:.38rem; height:.38rem; background-color:var(--white); border-radius:1rem;}
.ai-lixwm .more-box .but i::after{content:'';display:block; width:100%; height:100%; background-image:url(../images/arrow-icon8.svg); background-repeat:no-repeat; background-position:center;}

@media (max-width:1024px) {
.ai-solution .ityu .click-but{ font-size:var(--font-size14);}
.ai-solution .ityu .click-but .pot{ width:.26rem; height:.26rem; margin-right:.03rem;}
.ai-solution .switch-box{ width:3.8rem;}
.ai-solution .switch-box .item .text{ padding:.2rem 0;}
.ai-solution .switch-box .item .text .tit{ font-size:var(--font-size18);}
.ai-solution .switch-box .item .text .tit::after{ margin:.1rem auto;}
.ai-solution .switch-box .item .text .des{ font-size:var(--font-size14);}
.ai-solution .switch-box .item .pic .figure{ width:1rem;}
.ai-solution .switch-box .more .but{ font-size:var(--font-size14); padding-left:.2rem;}
.ai-solution .switch-box .more .but::after{ width:.3rem; height:.3rem;}
.ai-solution .swiper-but{ width:.4rem; height:.4rem;}
.ai-solution .switch-box .swiper{ padding:0 .35rem;}
.ai-solution .swiper-button-prev{left:0;}
.ai-solution .swiper-button-next{right:0;}

.ai-partner .item .text{ font-size:var(--font-size20); margin-top:.15rem;}
}
@media (max-width:768px) {
.ai-scene .tit-box .tit-des{ padding:0 .5rem;}
}
@media (max-width:640px) {
.ai-scene .tit-box .tit-des{ padding:0 .2rem;}
.ai-scene .tit-box .tit-name{ margin-bottom:.1rem; font-size:var(--font-size30);}

.ai-solution .tab-lanmu{ padding:0 1em;}
.ai-solution .ityu{ margin:.15rem 0;}
.ai-solution .ityu .click-but{ position:inherit; font-size:var(--font-size18);}
.ai-solution .ityu .click-but .pot{ margin-right:.1rem;}
.ai-solution .switch-box{right:0; margin:.2rem 0; position:relative; width:100%; display:none; padding:.2rem; transition:0s;}
.ai-solution .switch-box .item .text .des{ font-size:var(--font-size18);}
.ai-solution .switch-box .item .text .tit{ font-size:var(--font-size22);}
.ai-solution .switch-box .more{display:none;}

.ai-solution .ityu .click-but:hover{box-shadow:0 0 0 4px transparent; background-color:rgba(255,255,255,0.8); color:#111;}
.ai-solution .ityu .click-but:hover .pot{ padding:.04rem;}
.ai-solution .ityu .click-but:hover .pot i{background:var(--hover-color);}
.ai-solution .ityu.active .click-but{box-shadow:0 0 0 4px rgba(255,123,0,.3); background:var(--hover-color); color:var(--white);}
.ai-solution .ityu.active .click-but .pot{ padding:.08rem;}
.ai-solution .ityu.active .click-but .pot i{ background-color:rgba(255,255,255,.2);}

.ai-lixwm{ padding:.8rem 0;}
.ai-lixwm .autoCon-1600{ justify-content:center;}
.ai-lixwm .text-let{ text-align:center; width:100%; margin-bottom:.25rem;}
.ai-lixwm .text-let .tit-big{ font-size:var(--font-size24);}
}




/* 单篇 */
.single-page{ padding:1rem 0;}



/*RighInfo002973 */
.RighInfo002973 .news-details{ padding:5% 7.5%; background-color:var(--white);}
.RighInfo002973 .news-details .title{text-align: center;color:#333;border-bottom:1px solid #e8e8e8;padding-bottom:0.2rem;}
.RighInfo002973 .news-details .title h1{font-size:0.3rem; margin: 0 0 20px 0;}
.RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;color:#666;}
.RighInfo002973 .news-details .edit-info{line-height:1.8;border-bottom: 1px solid #e8e8e8;padding:2% 0; margin-bottom:2%; font-size:var(--font-size20);}
.RighInfo002973 .news-details .edit-info .pic{margin:0.15rem 0;}
.RighInfo002973 .news-details .edit-info h2.tit{font-size:0.22rem;color:#333;}
.RighInfo002973 .news-details .edit-info h2.tit:after{content:'';width:0.22rem;height: 3px;background:var(--hover-color);display: block;margin-top:0.1rem;}
.RighInfo002973 .news-details .edit-info p{margin:0.1rem 0;}
.RighInfo002973 .news-details .edit-info .red{color:var(--hover-color);font-size:0.18rem;}
.RighInfo002973 .pn-page aside{padding:.05rem 0;}
.RighInfo002973 .pn-page aside a{color:#666;}
.RighInfo002973 .pn-page aside a b{color:#333;}
.RighInfo002973 .pn-page aside a:hover{color:var(--hover-color);}

.RighInfo002973 .more .but{font-size:var(--font-size16); color:#111; border:solid 1px #dcdcdc; padding:0.06rem .1rem; padding-left:.35rem; cursor:pointer; border-radius:1rem; transition:.3s;}
.RighInfo002973 .more .but span{ display:block; margin-right:.15rem;}
.RighInfo002973 .more .but::after{ content:''; display:block; width:.4rem; height:.4rem; background-color:var(--hover-color); background-image:url(../images/return.svg); background-repeat:no-repeat; background-position:center; border-radius:1rem; background-size:.15rem;}
.RighInfo002973 .more .but:hover{ background-color:var(--hover-color); border-color:var(--hover-color); color:var(--white);}
.RighInfo002973 .more .but:hover::after{background-image:url(../images/return-on.svg); background-color:var(--white);}
@media(min-width:1025px){
.RighInfo002973 .pn-page{position: relative;padding-right:2rem;}
.RighInfo002973 .pn-page .more{position:absolute;right:0; top:50%; transform: translateY(-50%);}
}
@media(max-width:640px){
.RighInfo002973 .news-details .title h1{font-size:var(--font-size22);}
.RighInfo002973{ font-size:14px;}
}

.inside-main.back-white{ background-color:#f8f8f8;}

#translate { display: none !important; }