@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
/*@import url("fonts/custom.css");  字体 */

/* 全局变量 */
:root{
   --max-width: 1600;
   --background-cover: no-repeat center center / cover;
   --background-contain: no-repeat center center / contain;
   --default-color__rgb: 102,102,102;
   --default-color: rgba(var(--default-color__rgb), 1);
   --primary-color__rgb: 11,49,143;
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --secondary-color__rgb: 71, 188, 198;
   --secondary-color: rgba(var(--secondary-color__rgb), 1);
   --lighter-color: #f7f9fc;
   --white: #fff;
   --white__rgb: 255,255,255;
   --black__rgb:0,0,0;
   --font-family: 'SourceHanSansCN', sans-serif;
   --font-family__oswald: 'Oswald', sans-serif;
   --lg-color__h__01:linear-gradient(to right, var(--primary-color) 0%, var(--secondary-color) 100%); 
   --lg-color__h__0601:linear-gradient(to right, var(--primary-color) 0%, rgb(41,119,171) 60%,var(--secondary-color) 100%); 
   --lg-color__h__601:linear-gradient(to right, rgb(230,0,18) 60%, rgb(240,130,0) 100%); 
   --lg-color__h__0751:linear-gradient(to right, var(--primary-color) 0%, rgb(41,119,171) 75%,var(--secondary-color) 100%); 
   --lg-color__v__0500851:linear-gradient(to top, var(--primary-color) 0%, rgb(0,77,162) 50%, rgb(0,178,187) 85%, var(--secondary-color) 100%); 
   --lg-color__v__01:linear-gradient(to bottom, rgba(var(--primary-color__rgb), 0.99) 0%, rgba(var(--secondary-color__rgb), 0.99) 100%); 
   --transition__transform: transform 0.3s cubic-bezier(0.52, 0.01, 0, 1) 0s;
}


/* 比例要求 */
/*基于屏幕尺寸自适应字体大小*/
/*超过1920px时，继续按比例增长
html{font-size: calc(100 / 1920 * 100vw);}
.container {max-width: calc(var(--max-width) / 100rem);}
@media (min-width:1600px) and (max-width: 1920px) {
   html{font-size: 100px;} 
}
@media (max-width: 1600px) {
   html{font-size: calc(100 / 1600 * 100vw);}
}*/


/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
body{max-width: 1920px;margin: 0 auto;}
.container {max-width: calc(var(--max-width) * 1px);}
@media (max-width: 1600px) {
   html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width: 1024px) {
   html{font-size: calc(100 / 750 * 100vw);}
}
@media (max-width: 480px) {
   html{font-size: calc(100 / 600 * 100vw);}
}

body {font-family:var(--font-family); line-height: 1; color: var(--default-color);font-size: var(--font-size__16);}

.container {width: 87.6%;margin: 0 auto;}
@media (max-width: 1024px) {
   .container { width: 94%; }
}

[class*=all-more] a{font-weight: 400;color: var(--primary-color);font-size: var(--font-size__18); transition: 0.3s;position: relative;z-index: 1;border-radius: var(--wh); overflow: hidden; --wh:0.6rem;--wh-s:0.4rem;}
[class*=all-more] a,
[class*=all-more] a span{display: inline-flex;align-items: center;}
[class*=all-more] a span{ padding: 0 var(--wh-s);height: var(--wh); position: relative;z-index: 4;}
[class*=all-more] a:before,
[class*=all-more] a:after{position: absolute; content: '';z-index: 2; left: 0;top: 0;width: 100%;height: 100%;border-radius: var(--wh);}
[class*=all-more] a:before{border: solid 0.02rem #e0e0e0; }
[class*=all-more] a:after{background: var(--lg-color__h__601); z-index: 3; transform: scaleX(0); transform-origin: 100% 50%; transition: var(--transition__transform); will-change: transform;}
[class*=all-more] a:hover:after{transform: scaleX(1); transform-origin: 0 50%;}
[class*=all-more] a:hover{color: var(--white)}
[class*=all-more] a span:before{display: block; content: '';width: 0.14rem;height: 0.12rem; background: var(--background-contain) url(../images/more.svg); margin-right: 0.14rem;}
[class*=all-more] a:hover span:before{background-image: url(../images/more-white.svg);}
 .all-more-small a span{height: var(--wh-s); padding: 0 0.3rem;font-size: var(--font-size__16);}
 .all-more-circle a span{width: var(--wh);padding: 0;display: flex;align-items: center;justify-content: center;}
 .all-more-circle a span:before{background-image: url(../images/more-white.svg); margin-right: 0;}
 @media (max-width:640px) {
   [class*=all-more] a{--wh:0.48rem;--wh-s:0.24rem;}
 }

 .all-title{font-weight: 700;font-size: var(--font-size__48);color: #333; margin-bottom: 1em;}
 .all-title.sm{font-size: var(--font-size__40);}
 .lg-text{color: transparent;background: var(--lg-color__h__0601); -webkit-background-clip: text;background-clip: text;}
 .sub-tit{font-size: var(--font-size__24);}
 .edit-info{line-height: 2; font-size: var(--font-size__18);font-weight: 400; text-align: justify;}
 .edit-info img{display: inline-block;}
 @media (max-width: 480px) {
   .all-title{font-size: var(--font-size__36);}
 }

 .get_top{position: fixed;right: 0.5rem;bottom: 0.8rem;z-index: 100;width: 0.6rem;height: 0.6rem; background: var(--lg-color__v__0500851);cursor: pointer; border-radius: 50%; overflow: hidden;display: none;}
 .back_to_top{display: block;width: 100%;height: 100%;background: url(../images/gettop.svg) no-repeat center center;background-size: auto 0.21rem;}
 @media (max-width:480px) {
   .get_top{right: 3%; bottom: 1rem;width: 0.5rem;height: 0.5rem;}
 }

.number-count li{font-size: var(--font-size__18);}
.number-count li .count{display: flex;align-items: flex-end;position: relative;font-size: var(--font-size__18);font-weight: 400;}
.number-count li .count span{font-size: var(--font-size__60);font-weight: 700; font-family: var(--font-family__oswald);display: block; line-height: 1;}
.number-count li sub,
.number-count li sup{font-size: inherit;}
.number-count li sub{color: var(--secondary-color); margin-left: 0.1rem; line-height: 1.5;}
.number-count li sup{position: absolute;right: 0.1rem;top: 0;color: var(--secondary-color);line-height: 1;}
.number-count li p{ margin: 0.14rem 0 0 0;}
.number-count ul li:not(:last-child) {
    margin-right: var(--mr, 0);
}
@media (max-width:480px) {
   .number-count li .count span{font-size: var(--font-size__42);}
}

/* Start
   ========================================================================== */
.main-header{--height: 0.9rem;height: var(--height);}
.main-header .wrap {position: fixed;top: 0; left: 0;width: 100%; z-index: 100;background-color: var(--white); transition: 0.3s; box-shadow: 0 0 0.1rem rgba(var(--black__rgb),0.1);}
.main-header .wrap-inner{max-width: 1920px; margin: 0 auto;padding: 0 0.6rem;height: var(--height); }
@media (min-width: 1025px) {
   .main-header.up-hide  .wrap{transform: translateY(calc(var(--height) * -1));}
}
@media (max-width: 1024px) {
   .main-header .wrap-inner {padding: 0 3%;}
}
.main-header .logo{flex-shrink: 0;}
.main-header .logo img{height: 0.54rem;}

.menu .sub .container{padding: 0.43rem calc(100 / var(--max-width) * 100%) 0.39rem;background-color: var(--white); --width:1361;box-shadow: 0  0.12rem 0.12rem  rgba(var(--black__rgb),0.1);}
.menu .sub li:not(:last-child){margin-bottom: 0.15rem;}
.menu .sub li a{display: flex;justify-content: space-between;align-items: center; line-height: calc(40 / 16); padding: 0 0.2rem; border-radius: 0.4rem; transition: 0.3s;}
.menu .sub li.active a{background-color:var(--lighter-color);}
.menu .sub li a:after{display: block; content: '';width: 0.14rem;height: 0.12rem; background: var(--background-contain) url(../images/more.svg); margin-left: 0.14rem;flex-shrink: 0;transition: 0.3s; opacity: 0;transform: translateX(-0.2rem);}
.menu .sub li.active a:after{transform: translateX(0); opacity: 1;}
.menu-item__content{flex: 1; border-left: 1px solid #ebebeb;position: relative; margin-left: calc(60 / var(--width) * 100%);}
.menu .sub .pic{width: calc(480 / var(--width) * 100%);flex-shrink: 0;}
.menu-item__content .title{font-size: var(--font-size__20);font-weight: 700;color: #333333;}
.menu-item__content .desc{color: #999; font-size: var(--font-size__14); margin: 0.2rem 0 0.3rem 0; line-height: calc(26 / 14);}
.menu-item__content .item-box{transition: opacity 0.3s,visibility 0.3s;padding: 0 calc(60 / 500 * 100%);}
.menu-item__content .item-box:not(.active){position: absolute;top: 0;left: 0;width: 100%;opacity: 0; visibility: hidden;}
.menu-item__content .item-box.active{opacity: 1; visibility: visible;}

.menu-item{line-height: var(--height);}
.menu-item a{display: block;position: relative;color: #333;font-size: var(--font-size__18);}
.menu-item a:after{position: absolute; content: '';width: 100%; height: 0.03rem;left:0;bottom: 0;background: var(--lg-color__h__0751);transition: var(--transition__transform); will-change: transform; transform: scaleX(0); transform-origin:100% 50%;}
.menu-item a:hover:after,
.show .menu-item a:after,
.aon .menu-item a:after,
.active .menu-item a:after{ transform: scaleX(1); transform-origin: 0 50%;}

.icon-search{width: 0.4rem;height: 0.4rem; background: var(--background-contain) url(../images/search.svg);display: block; cursor: pointer; background-size: 50% auto;}
.search-show .icon-search{background-image: url(../images/close.svg);}
.search-box{position: absolute;right: 0.6rem;top: 100%; width: 100%;display: flex;align-items: center; background-color: var(--white); border-radius: 0 0  0.04rem 0.04rem; padding: 0.1rem; opacity: 0; visibility: hidden; transition: 0.3s;}
#search-input{flex: 1;}
#search-input:not(.focus){color: #999;}
.search-btn{width: 0.4rem;height: 0.4rem; background: var(--background-contain) url(../images/search.svg);display: block; cursor: pointer; background-size: auto 50%;flex-shrink: 0;}
.search-show .search-box{opacity: 1; visibility: visible;}

@media (min-width: 1025px) {
.menu{width: 9.06rem;}
.menu .sub{position: absolute;top: 100%;width: 100%;z-index: 100; border-top: 1px solid #ebebeb;left: -100%; visibility: hidden; transition:opacity 0.5s; opacity: 0;}
.main-header:not(.up-hide) .menu .show .sub{ left: 0; visibility: visible; opacity: 1;}
.menu .sub ul{width: calc(320 / var(--width) * 100%);}
.header-search{margin-left: 0.4rem;display: flex;align-items: center;}
.header-search:before{display: block; content: '';width: 0.02rem;height: 0.18rem; margin-right: 0.4rem; background-color: rgba(var(--black__rgb),0.1);}
.search-box{max-width: 5rem;}
}
@media screen and (max-width: 1024px) {
   .menu{position: fixed;top: var(--height);left: -100%;opacity: 0;transition: 0.5s ease-in-out;width: 3rem;z-index: 100; background-color: var(--white); height: calc(100vh - var(--height)); overflow-y: auto;}
   .menu-show .menu{left: 0;opacity: 1;}
   .menu .sub{height: 0; overflow: hidden; transition: height 0.4s;}
   .menu > ul > li{border-bottom: 1px solid #ebebeb;}
   .menu-item{position: relative; overflow: hidden;}
   .menu-item a{padding: 0 1em;  font-size: var(--font-size__24);}
   .menu .sub li a{font-size: var(--font-size__20); line-height: 1.2; padding-top: 0.5em;padding-bottom: 0.5em;}
   .menu-item.on a:after{opacity: 1; transform: scaleX(1);}
   .menu-item .wap-op{position: absolute;right: 0;top: 0;width: 4em;height: 100%; background: var(--background-contain) url(../images/more.svg);display: block; cursor: pointer; background-size:30% auto;z-index: 4;transition: 0.3s;}
   .menu-item.on .wap-op{transform: rotate(90deg);}
   .menu-item.on + .sub{height: calc(var(--height) * 1px + 0.4rem); padding: 0.2rem 0;}
   .menu .sub .pic,
   .menu-item__content{display: none;}
   .menu .sub .container{box-shadow: 0 0 0.1rem rgba(var(--black__rgb),0.1);}

   .icon-search{background-size: 60% auto;}
   .menu-button{display: block;width: 0.4rem;height: 0.4rem; background: var(--background-contain) url(../images/menu.svg);display: block; cursor: pointer; z-index: 4;transition: 0.3s; margin-left: 0.3rem;}
   .menu-show .menu-button{background-image: url(../images/close.svg); background-size: 60% auto;}
   .search-box{right: 3%; width: 94%;}
}

.footer-box{background: var(--background-cover) url(../images/footerbg.jpg); padding: var(--padding-margin__100) 0 var(--padding-margin__70) 0;}
.footer-top dt{font-size: var(--font-size__20);font-weight: 700;margin-bottom: 0.21rem;}
.footer-top dt,
.footer-top dt a:not(:hover){color: #333;}
.footer-top__left dd{line-height: calc(40 / 16); font-weight: 400;}
.footer-top .code{width: 1.4rem;}
.footer-top .code-text{font-weight: 400; margin-top: 0.15rem;}
.footer-bottom{margin-top: var(--padding-margin__90); padding-top: var(--padding-margin__50); border-top: 1px solid rgba(var(--black__rgb),0.1);}
.footer-bottom__right{width: 1.52rem;}
.footer-bottom .contact{margin-bottom: 0.35rem;}
.footer-bottom .contact dd{font-family: var(--font-family__oswald); margin-right: 0.2rem;}
.footer-bottom .contact dd,
.footer-bottom .contact dd a:not(:hover){color: #333;}
.footer-bottom .contact dd a{display: flex;align-items: center;font-size: var(--font-size__14);}
.footer-bottom .contact dd a:before{display: block; content: '';width: 0.16rem;height: 0.17rem; background: var(--background-contain); margin-right: 0.09rem;}
.footer-bottom .contact dd.tel a:before{background-image: url(../images/tel.svg);}
.footer-bottom .contact dd.email a:before{background-image: url(../images/email.svg);width: 0.18rem;height: 0.15rem;}

.footer-bottom .nav,
.copyright{font-size: var(--font-size__14); }
.footer-bottom .nav a:not(:hover),
.copyright{color: #999; }
.copyright{margin-bottom: 0.16rem;}
.footer-bottom .nav{display: flex;align-items: center;}
.footer-bottom .nav a{display: flex;align-items: center;}
.footer-bottom .nav a:not(:last-child):after{content: '|'; margin: 0 0.5em;display: block;color: #999; }

@media (min-width: 1025px) {
.footer-top__left{width: calc(1261 / var(--max-width) * 100%);}
.footer-top__right{flex-shrink: 0;}
}
@media (max-width:1024px) {
   .footer-top__left{display: none;}
   .footer-top .code,
   .footer-bottom__right{margin: 0 auto;}
   .footer-top__right dt{text-align: center;}
   .footer-bottom{flex-direction: column-reverse;}
   .footer-bottom__left{margin-top: 0.5rem;text-align: center;}
   .footer-bottom .nav,
   .footer-bottom .contact{justify-content: center;}
}

.controls-page{display: flex;align-items: center;justify-content: center;}
.controls-page span{display: block;position: relative;width: 0.26rem;height: 0.26rem;margin: 0 0.08rem; background: none;}
.controls-page span:not(.swiper-pagination-bullet-active) svg{display: none;}
.controls-page span:before{position: absolute; content: ''; width: 0.06rem;height: 0.06rem; background-color: var(--white); border-radius: 50%; opacity: 0.6; left: 50%;top: 50%; transform: translate(-50%,-50%);}

.home-ban{position: relative;z-index: 1;}
.home-ban .controls-page{position: absolute;z-index: 10;top: auto; bottom:calc(50 / 960 * 100%);}
.home-ban .controls-page span{ background: none;}
.home-ban .controls-page span:not(.swiper-pagination-bullet-active) svg{display: none;}
.home-ban .mouse{position: absolute;z-index: 30;display: flex;flex-direction: column;align-items: center;justify-content: center;bottom: calc(60 / 960 * 100%);right: 3%;}
.home-ban .mouse:before{width: 2px;height: 0.6rem;background-color: var(--white);display: block;content: '';}
.home-ban .mouse i{display: block;width: 0.2rem;height: 0.32rem; border: 2px solid var(--white); border-radius: 0.2rem;  margin-top: 0.22rem;position: relative;}
.home-ban .mouse i::before{position: absolute; content:'';width: 2px;height: 4px;left: 50%;margin-left: -1px;top:0.03rem;background-color: var(--white); animation: mouse 1s linear infinite;}
@keyframes mouse{
    from{
        transform: translateY(0);
    }
    to{
        transform: translateY(0.14rem);
    }
}
/* 分页器 SVG 进度动画样式 */
.swiper-pagination-bullet {  width: 30px !important; height: 30px !important; background: none !important; opacity: 1 !important; position: relative;}
.swiper-pagination-bullet svg {transform: rotate(-90deg);width: 100%;height: 100%;}
.swiper-pagination-bullet circle {
stroke-dasharray: 82;  /* 2 * π * r = 2 * 3.14 * 13 ≈ 82 */
stroke-dashoffset: 82;
stroke-linecap: round; transition: stroke-dashoffset 0.3s ease;}
.swiper-pagination-bullet .progress-bg {stroke: rgba(255, 255, 255, 0.2);stroke-dashoffset: 0;}
.swiper-pagination-bullet .progress {stroke: #fff;stroke-dashoffset: 82;}
.swiper-pagination-bullet-active .progress {animation: progress 4s linear forwards;  /* 4秒完成一圈，可以根据需要调整 */}

@keyframes progress {
    from {
        stroke-dashoffset: 82;
    }
    to {
        stroke-dashoffset: 0;
    }
   }

/* 当分页器在激活状态时重置动画 */
.swiper-pagination-bullet-active .progress {stroke-dashoffset: 82;}


.play{position: absolute; z-index: 10;}
.play .btn{position: absolute;width: 0.6rem;height: 0.6rem;left: 50%;top: 50%;transform: translate(-50%,-50%); cursor: pointer;}
.play .btn:before,
.play .btn:after,
.play .btn i{position: absolute;}
.play .btn:before,
.play .btn:after{content: '';border-radius: 50%; background: var(--lg-color__h__601);}
.play .btn:before{width: 100%;height: 100%;z-index: 2;}
.play .btn:after{width: 0.8rem; height: 0.8rem;left: 50%;top: 50%;margin: -0.4rem 0 0 -0.4rem;z-index: 1;}
.play .btn i{width: 0.2rem;height: 0.22rem;background: var(--background-contain) url(../images/play.svg); display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;}

.home-about{position: relative;z-index: 1; overflow: hidden; padding: var(--padding-margin__80) 0;}
.home-about:after{position: absolute; content: '';width: 100%;height: 2.1rem;background: var(--background-contain) url(../images/line.png); bottom: 0;left: 0;z-index: 2;pointer-events: none;}
.home-about .left{padding: var(--padding-margin__160) 0 var(--padding-margin__70) 0;}
.home-about .right .pic{position: relative; overflow: hidden;}
.home-about .right .pic img{width: 100%;}
.home-about .right .pic:before{position: absolute; content: '';width: calc(100% + 1px);height: calc(100% + 1px);background: var(--background-cover) url(../images/about-pic-mark.png); top: 0;left: 0;z-index: 1;pointer-events: none;}
.home-about .play{top: calc(54 / 824 * 100%); left: calc(146 / 846 * 100%);right: calc(100 / 846 * 100%); bottom: calc(169 / 824 * 100%);}
.home-about .play .btn:after{ animation: play 1s linear infinite;}

.home-about .sub-tit{margin-bottom: 0.2rem; line-height: 1.5;}
.home-about .edit-info{margin-top: 0.13rem;margin-bottom: var(--padding-margin__80);}
.home-about .number-count{margin-bottom: var(--padding-margin__90);}

@keyframes play {
   0%{
      transform:scale(1);
      opacity: 0.2;
   }
   100%{
      transform: scale(2);
      opacity: 0;
   }
}
@media (min-width: 1025px) {
   .home-about .left{width: calc(760 / var(--max-width) * 100%);}
   .home-about .right{width: calc(680 / var(--max-width) * 100%);}
   .home-about .right .pic{width: calc(846 / 680 * 100%); }
}
@media(max-width: 1024px) {
   .home-about .left{position: relative;z-index: 3; padding-top: 0;}
   .home-about .right{margin-top: -0.5rem;}
   .home-about .right .pic{margin: 0 -3%;}
}

.home-business{position: relative;z-index: 1; overflow: hidden; padding-top: var(--padding-margin__120);background-color: var(--lighter-color) }
.home-business .all-title{margin-bottom: 0.2rem;}
.home-business > .container{margin-bottom: var(--padding-margin__50);}

.home-business .right li{display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.home-business .right li:nth-child(1){--w:calc(var(--width) - 100% + 0.17rem);position: relative;}
.home-business .right li:nth-child(1):before{width: var(--w);position: absolute; left: 50%;bottom: 0.08rem;height: 1px;background-color: var(--primary-color); content: ''; opacity: 0.12;}
.home-business .right li .ico{width: 0.42rem;height: 0.42rem; position: relative;display: flex;align-items: center;justify-content: center;}
.home-business .right li .ico img{transition: 0.3s; height: 100%;}
.home-business .right li .ico .after{opacity: 0; position: absolute; left: 0;top: 0;z-index: 1;right: 0;margin:  auto; transform: rotateY(180deg);}
.home-business .right li.active .ico .before{opacity: 0;transform: rotateY(180deg);}
.home-business .right li.active .ico .after{opacity: 1; transform: rotateY(0deg);}
.home-business .right li p{font-size: var(--font-size__18); margin: 0.2rem 0;color: #8195c5;font-weight: 400;}
.home-business .right li.active p{color: var(--primary-color);}
.home-business .right li .dot{width: 0.17rem;height: 0.17rem;background-color: var(--lighter-color);border: dotted 0.01rem #8195c5;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;}
.home-business .right li .dot:before{ content: '';width: 0.05rem;height: 0.05rem;background-color: #8195c5;border-radius: 50%;display: block;}
.home-business .right li.active .dot{border-color: var(--primary-color);}
.home-business .right li.active .dot:before{background-color: var(--primary-color);}
.home-business .txt{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;align-items: flex-end;z-index: 10; background: linear-gradient(to bottom, rgba(var(--primary-color__rgb), 0) 0%, rgba(var(--primary-color__rgb), 1) 100%);color: var(--white); padding: var(--padding-margin__50) 0; min-height: 50%;}
.home-business .txt :where(.tit,p){transform: translateY(0.2rem); opacity: 0; transition: 0.3s;}
.home-business .swiper-slide-active .txt :where(.tit,p){transform: translateY(0); opacity: 1; transition: 0.5s 1s;}
.home-business .txt .tit{font-weight: 700;font-size: var(--font-size__30); margin-bottom: 0.25rem;}
.home-business .txt p{color: rgba(var(--white__rgb), 0.8);font-weight: 400; transition-delay: 0.3s; line-height: 1.5;margin: 0;}
.home-business .swiper-slide-active .txt p{transition-delay: 1.3s;}
.home-business .txt .text{flex: 1;}
.home-business .txt .all-more-circle{flex-shrink: 0; margin-left: 10%; transform: scale(2); opacity: 0;transition: 0.3s;}
.home-business .swiper-slide-active .txt .all-more-circle{transform: scale(1); opacity: 1; transition: 0.5s 1s;}
@media (min-width: 1025px) {
   .home-business .left{width: calc(750 / var(--max-width) * 100%);}
   .home-business .right{width: calc(548 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .home-business .right{margin: var(--padding-margin__80) 0;}
}

.home-investor{padding: var(--padding-margin__120) 0;}
.home-investor .box{position: relative;z-index: 1; overflow: hidden;}
.home-investor .box figure{padding-bottom: calc(400 / 320 * 100%); transition: 0.5s;}
.home-investor .box:nth-child(1) figure{padding-bottom: calc(400 / 900 * 100%);}
.home-investor .txt{position: absolute;z-index: 4;bottom: 0;left: 0;width: 100%; padding: 0.39rem 0.3rem;color: var(--white); height: 100%;display: flex;justify-content: flex-end;flex-direction: column;}
.home-investor .txt .name{font-size: var(--font-size__24);}
.home-investor .more{ width: 0.24rem;height: 0.24rem;background: var(--background-contain) url(../images/more.svg); display: block;background-size: auto 50%; position: absolute;right: 0.23rem;bottom: .38rem;z-index: 3;}
.home-investor .url{position: absolute;z-index: 9;top: 0;left: 0;width: 100%;height: 100%;}
.home-investor .stock-info {margin-top: 0.57rem;}
.stock-info{display: flex;align-items: flex-end;}
.stock-info .price{font-size: var(--font-size__60);}
.stock-info .change{display:flex;align-items: center;font-size: var(--font-size__18); margin-left: 1em;}
.stock-info .change:before{display: block; content: '';width: 0.12rem; height: 0.2rem;background: var(--background-contain) url(../images/up.svg);margin-right: 0.1rem;}
#stock-box.green .stock-info .change:before{transform: rotate(180deg);}
#stock-box .txt{ background: linear-gradient(45deg,   rgba(230, 0, 18,1) 0%,  rgba(240, 132, 0, 0) 70%);}
.home-investor .box:hover figure{transform: scale(1.2)}
@media (min-width: 1025px) {
.home-investor .box{width: calc(320 / var(--max-width) * 100%); }
.home-investor .box:nth-child(1){width: calc(900 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .home-investor .box:not(:nth-child(1)){width: 48%;}
   .home-investor .box:nth-child(1){width: 100%; margin-bottom: 4%;}
}

.page-ban{position: relative;z-index: 1;}
.page-ban .txt{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; }
.page-ban .title{color: var(--white);font-size: 2.2rem;font-family: 'slideyouran',sans-serif; font-weight: 400; letter-spacing: calc(44 / 220 * -1em); margin-top: calc(84 / 220 * -1em);}
@media (max-width: 1024px) {
   .page-ban .title{font-size: var(--font-size__60);}
}

.page-menu{background-color: var(--lighter-color);}
.page-menu li:not(:last-child){padding-right: 5em;}
.page-menu li a{display: block;line-height: 0.9rem; position: relative;z-index: 1;}
.page-menu li a:after{position: absolute; content: '';height: 2px;background-color: var(--primary-color); bottom: 0;left: 0;transition: 0.5s;width: 100%; transform: scaleX(0);transform-origin: 100% 50%;transition:var(--transition__transform); will-change: transform;}
.page-menu li a:hover:after,
.page-menu li.aon a:after{transform: scaleX(1);transform-origin: 0 50%;}
.page-menu li.aon a{color: var(--primary-color);}

.current{display: flex;align-items: center;flex-wrap: wrap; font-weight: 400; padding: 0.2rem 0;}
.current:before{display: block; content: '';width: 0.18rem;height: 0.16rem; margin-right: 0.14rem;background: var(--background-contain) url(../images/home.svg);}
.current  span{color: var(--primary-color);}
.current a:not(:hover){color: var(--default-color);}
.current a{display: inline-flex;align-items: center;}
.current a:after{content: '>'; margin: 0 0.5em;color: var(--default-color);}
@media (max-width: 1024px) {
.page-menu .container{flex-direction: column-reverse; align-items: flex-start;}
.page-menu ul{overflow: auto;}
.page-menu li{flex-shrink: 0;}
.page-menu li a{line-height: 0.6rem;}
}
@media (max-width: 480px) {
 .page-menu li:not(:last-child){padding-right: 2em;}
}

#about-main::after{display: none;}
#about-main .number-count{background: url(../images/page-line.png) var(--background-cover); background-size: 19.2rem auto; min-height: 2.1rem; padding-top: var(--padding-margin__160); margin-bottom: 0;}
@media (min-width: 1025px) {
#about-main{padding-bottom: var(--padding-margin__130); padding-top: var(--padding-margin__120);}
#about-main .left{width: calc(700 / var(--max-width) * 100%);}
#about-main .number-count{margin-top: calc(var(--padding-margin__130) * -1);}
#about-main .number-count li .count span{font-size: var(--font-size__80);}
#about-main .number-count li:not(:last-child){position: relative;z-index: 1;}
#about-main .number-count li:not(:last-child):after{position: absolute; content: '';width: 1px;height: 0.92rem;background-color: rgba(var(--black__rgb),0.06); bottom: 0;left: calc(100% + (var(--mr)  / 2));}
}
@media screen and (max-width: 1024px) {
   #about-main{padding-top: 0;}
}


#about-main-feature{padding: var(--padding-margin__120) 0;}
#about-main-feature::after{background: url(../images/page-line2.png) no-repeat center bottom; background-size: 19.2rem auto; height: 2.2rem; bottom: var(--padding-margin__120);}
#about-main-feature .sub-tit{font-size: var(--font-size__30); line-height: calc(42 / 30);}
#about-main-feature .container{flex-direction: row-reverse;}
#about-main-feature .right .pic{float: right;}
#about-main-feature .right .pic:before{transform: rotate(180deg);}
#about-main-feature .left{padding: 0;}
#about-main-feature  .edit-info{margin-bottom: 0;}
@media (max-width:1024px) {
   #about-main-feature .right{margin-top: 0;}
}

.about-business{padding: var(--padding-margin__120) 0;}
.about-business .all-title{color: var(--white); margin-bottom: calc(69 / 48 * 1em);}
.about-business .box{padding: 0.44rem 0.7rem;background-color: var(--white);display: flex;flex-direction: column;align-items: center; position: relative;}
.about-business .box:nth-child(2){z-index: 10;}
.about-business .box .icon{width: 0.8rem; margin-bottom: 0.39rem;}
.about-business .box .icon img{height: 0.8rem;width: 100%;transition: 0.5s;}
.about-business .box:hover .icon img{transform: rotateY(180deg);}
.about-business .box .title{font-size: var(--font-size__30); margin-bottom: 0.2rem;color: #333333; font-weight: 700;}
.about-business .box .edit-info{font-size: var(--font-size__16); line-height: calc(36 / 16);}

@keyframes markLeft{
    from{
        opacity: 0;
        transform: translateX(15%);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes markRight{
    from{
        opacity: 0;
        transform: translateX(-15%);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}

@media (min-width: 1025px) {
.about-business .box{width: calc(520 / var(--max-width) * 100%);}

.about-business .box .mark{position: absolute;z-index: 2;top: 0.47rem;left: 50%;transform: translateX(-50%);height: 0.86rem;pointer-events: none;width: 80%;transition: 1s 0.5s; opacity: 0;}
.about-business .box[class*=fadeIn] .mark{width: calc(670 / 520 * 100%); opacity: 1;}
.about-business .box .mark:before,
.about-business .box .mark:after{position: absolute; content: '';height: 100%;width: 50%; background:var(--background-contain); top: 0;}
.about-business .box .mark:before{left: 0;background-position: left center; background-image: url(../images/ani-arrow-l.png);}
.about-business .box .mark:after{right: 0;background-position: right center; background-image: url(../images/ani-arrow-r.png);}

.about-business .box[class*=fadeIn] .mark:before{animation: markLeft infinite 2s linear 1.5s;}
.about-business .box[class*=fadeIn] .mark:after{animation: markRight infinite 2s linear 1.5s;}
}
@media screen and (max-width: 1024px) {
   .about-business .box + .box{margin-top: 0.3rem;}
}

.singlePage{padding: var(--padding-margin__120) 0;}

.team-main [class*=item-swiper]{padding: var(--padding-margin__120) 0; overflow: hidden;}
.team-main a{cursor: pointer;}
.team-main .all-title{margin-bottom: var(--padding-margin__80);}
.team-main .pic{overflow: hidden;border-radius: 50%;}
.team-main .pic img{border-radius: 50%; aspect-ratio: 1; transition: 0.3s;}
.team-main a:hover .pic img{transform: scale(1.1);}
.team-main .name{font-size: var(--font-size__30); font-weight: 700;display: flex;align-items: baseline;}
.team-main a:not(:hover) .name{color: #333;}
.team-main .post{font-size: var(--font-size__18);font-weight: 700; color: #333333; opacity: 0.8;}
.team-main span.post{margin-left: 0.13rem;}
.team-main .desc{ border-top: 1px solid rgba(var(--black__rgb),0.1); padding: 0.2rem 0;}
.team-main .desc pre{line-height: calc(30 / 16); color: #333; opacity: 0.8; font-weight: 400;}
.team-main .more{display: inline-flex;align-items: center; justify-content: center; transition: 0.3s;width: 0.6rem;height: 0.6rem;border-radius: 50%; margin-top: -0.24rem; margin-left: -0.23rem;}
.team-main .more:before{width: 0.14rem;height: 0.12rem;display: block; background: var(--background-contain) url(../images/more.svg);content: '';transition: 0.3s;}
@media (min-width: 1025px) {
.team-main a:hover .more{  background: var(--lg-color__h__0601);  margin-left: 0;}
.team-main a:hover .more:before{background-image: url(../images/more-white.svg);}
}

.controls{display: flex;justify-content: center;align-items: center; margin-top: var(--padding-margin__60);}
.controls a{width: 0.6rem;height: 0.6rem;border-radius: 50%;display: flex; align-items: center; justify-content: center; transition: 0.3s;border: solid 2px #e0e0e0; margin: 0 0.3rem; cursor: pointer; position: relative;z-index: 1;background-color: var(--white);}
.controls a:after,
.controls a:before{content: '';transition: 0.3s;}
.controls a:before{width: 0.14rem;height: 0.12rem;display: block; background: var(--background-contain) url(../images/more-red.svg);}
.controls a:after{position: absolute; left: -2px;top: -2px;width: calc(100% + 4px);height: calc(100% + 4px);background: var(--lg-color__h__601); opacity: 0;border-radius: 50%;z-index: -1;}
.controls a:hover:before{background-image: url(../images/more-white.svg);}
.controls a:hover:after{opacity: 1;}
.controls a.prev{transform: rotateY(180deg);}

.project .controls a:not(.swiper-button-disabled):after{opacity: 1;}
.project .controls a:not(.swiper-button-disabled)::before{background-image: url(../images/more-white.svg);}
.project .controls a.swiper-button-disabled{cursor: default;}
.project .controls a.swiper-button-disabled:hover:after{opacity: 0;}
.project .controls a.swiper-button-disabled:hover::before{background-image: url(../images/more-red.svg);}

.controls-pages:not(.swiper-pagination-lock){display: flex;align-items: center;justify-content: center;}
.controls-pages  span{width: 0.12rem;height: 0.12rem;border-radius: 50%;display: block; margin: 0 0.1rem; border: solid 0.02rem var(--white);}
.controls-pages  span.active{background-color: var(--white);}


.item-swiper__1 .swiper{width: 145.3125%; margin-left: -22.65625%;}
.item-swiper__2{background: var(--background-cover) url(../images/teambg.jpg); }
.item-swiper__2 .all-title{color: var(--white);}
.item-swiper__1 .swiper-slide a{transform: scale(0.78); opacity: 0.2; transition: 0.5s; will-change: transform;}
.item-swiper__1 .swiper-slide:not(.swiper-slide-active) a{pointer-events: none;}
.item-swiper__1 .swiper-slide-active a{transform: scale(1); opacity: 1;}
.item-swiper__1 .name{color: var(--primary-color);}
.item-swiper__1 .post{margin: 0.33rem 0 0.39rem 0;}
.item-swiper__1 .desc{min-height: calc((30 / 16 * 4em) + 0.4rem);}
@media (min-width: 1025px) {
.item-swiper__1 .pic{width: calc(336 / 930 * 100%); flex-shrink: 0;}
.item-swiper__1 .info{flex: 1; margin-left: 0.6rem;}
}
@media (max-width: 1024px) {
   .item-swiper__1 .post{text-align: center;}
   .item-swiper__1 .name{justify-content: center;}
   .item-swiper__1 .more{margin: 0 auto;display: flex;}
   .team-main .info{margin-top: 0.3rem;}
}
@media (max-width: 640px) {
   .item-swiper__1 .swiper{width: 120%;margin: 0 -10%;}
   .item-swiper__1 .swiper-slide a{transform: scale(0.6);}
   .item-swiper__1 .swiper-slide-active a{transform: scale(1); }
   .item-swiper__1 .desc{min-height: calc((30 / 16 * 3em) + 0.4rem);}
}

.item-swiper__2 .swiper{margin: 0 -0.3rem;}
.item-swiper__2 .swiper-slide{ height:auto;}
.item-swiper__2 .swiper-slide a{background-color: var(--white);margin: 0 0.3rem; padding: 0.7rem 0.5rem; height:100%; align-items: flex-start;}
.item-swiper__2 .desc{margin-top: 0.29rem;min-height: calc((30 / 16 * 3em) + 0.4rem);}
.item-swiper__2 .controls-pages{margin-top: 0.5rem;}
@media (min-width: 1025px) {
   .item-swiper__2 .pic{width: calc(220 / 670 * 100%); flex-shrink: 0;}
   .item-swiper__2 .info{flex: 1; margin-left: 0.3rem;}
}
@media (max-width: 1024px) {
   .item-swiper__2 .pic{margin: 0 auto; width: 60%; max-width: 3rem;}
   .item-swiper__2 .name{justify-content: center;}
   .item-swiper__2 .swiper{margin: 0 3%;}
}

.item-swiper__3 .swiper{margin: 0 -0.17rem;}
.item-swiper__3 .swiper-wrapper{align-items: stretch;}
.item-swiper__3 .swiper-slide{height: auto;}
.item-swiper__3 .swiper-slide a{margin: 0 0.17rem;background-color: var(--lighter-color); padding: 0.4rem 0.4rem 0.2rem 0.4rem; height: 100%;}
.item-swiper__3 .name{justify-content: center;}
.item-swiper__3 .post{text-align: center; margin: 0.19rem 0 0.29rem 0;}
.item-swiper__3 .pic{width: 1.8rem; margin-bottom: 0.4rem;}
.item-swiper__3 .more{margin: 0 auto!important;display: flex;}
.item-swiper__3 .controls{margin-top: var(--padding-margin__80);}
@media (max-width: 1024px) {
   .item-swiper__3 .swiper{margin: 0 3%;}
   .item-swiper__3 .pic{width: 60%; max-width: 3rem;}
}

.history-main{margin: var(--padding-margin__120) 0; position: relative;z-index: 1;}
.history-main .location li{color: rgba(var(--primary-color__rgb), 0.5); display: flex; cursor: pointer; position: relative;}
.history-main .location li + li:before{position: absolute; content: '';width: 2px;height: calc(100% + 0.4rem);background-color: rgba(var(--primary-color__rgb), 0.15); left: 0.08rem; bottom: 100%;}
.history-main .location li i{display: flex;align-items: center;justify-content: center; width: 0.18rem;height: 0.18rem;border: 1px dashed rgba(var(--primary-color__rgb), 0.5); border-radius: 50%;position: relative;z-index: 3; background-color: var(--white);}
.history-main .location li i:before{content: '';display: block;width: 0.06rem;height: 0.06rem;background-color: rgba(var(--primary-color__rgb), 0.5); border-radius: 50%;}
.history-main .location li.on:before{background-color: rgba(var(--primary-color__rgb), 0.5);}
.history-main .location li.on{color: var(--primary-color);font-weight: 700;}
.history-main .location li.on i{border-color: var(--primary-color);}
.history-main .location li.on i:before{background-color: var(--primary-color);}
.history-main .year-contain{position: relative;z-index: 1;}
.history-main .controls a{position: absolute; top:0; z-index: 10;margin: 0;}
.history-main .controls a.prev{left: -0.6rem;}
.history-main .controls a.next{right: -0.6rem;}
.history-main .year-contain .swiper-slide{padding-top: 0.3rem;cursor: pointer;}
.history-main .year-contain .tit{text-align: center; padding-top: 0.3rem; font-size: var(--font-size__24);font-weight: 400; border-top: 1px dashed #c6c6c6; position: relative;z-index: 1;}
.history-main .year-contain .swiper-slide-thumb-active .tit{color: var(--primary-color); font-weight: 700;}
.history-main .year-contain .tit:before,
.history-main .year-contain .tit:after{position: absolute; content: '';border-radius: 50%;left: 50%;transform: translateX(-50%);}
.history-main .year-contain .tit:before{width: 0.15rem;height: 0.15rem;border: 1px solid #c6c6c6; top: -0.07rem;background: var(--white);z-index: 3;}
.history-main .year-contain .swiper-slide-thumb-active .tit:before{border-color: var(--primary-color); background-color: var(--primary-color);}
.history-main .year-contain .tit:after{width: 0.26rem;height: 0.26rem;background-color: rgba(var(--primary-color__rgb), 0.13); top: -0.13rem; opacity: 0;transform: scale(0) translateX(-50%); transition: 0.3s;}
.history-main .year-contain .swiper-slide-thumb-active .tit:after{opacity: 1;transform: scale(1) translateX(-50%);}
.history-main .level-title{font-weight: 700; margin-bottom: var(--padding-margin__140);}

.history-main .swiper-con{margin-bottom: var(--padding-margin__50);}
.history-main .swiper-con .swiper-slide{padding-top: 0.5em;font-size: 1.6rem; padding-bottom: 0.2rem;}
.history-content{width: 90%;max-width: 11.67rem; margin: 0 auto;}
.history-list{flex: 1; position: relative;}
.history-list:before{position: absolute; content: '';width: 100%;height: 100%;background-color: rgba(var(--white__rgb), 0.9); top: 0;left: 0;z-index: 2;box-shadow: 0 0 0.2rem 0.01rem rgba(var(--black__rgb),0.05);}
.history-list .year{font-size: 1.6rem; margin-top: -0.5em;font-family: var(--font-family__oswald);display: table;}
.history-list .year .after{position: absolute; top: -0.5em;left: 0;width: 100%;z-index: 1;}
.history-list .year .before{position: relative;z-index: 4;}
.history-list .year .before span:nth-child(1),
.history-list .year .before span:nth-child(2),
.history-list .year .after span:nth-child(2) ~ span{opacity: 0;}
.history-list .scroll-container{position: relative;z-index: 4; margin: 0.4rem 0.27rem 0; height:2.38rem;}
.history-list li{display: flex; line-height: calc(30 / 16);font-weight: 400;}
.history-list li .month{width: calc(2em + 0.1rem);flex-shrink: 0; font-size: var(--font-size__18); line-height: calc(30 / 18);}
.history-list li .info{flex: 1; margin-left: 0.1rem;font-size: var(--font-size__16); }
.history-list li + li{margin-top: 0.14rem;}
.history-main .history-swiper .swiper-slide{padding: 0;}
.history-main .controls-page{position: absolute;z-index: 10;font-size: var(--font-size__16);bottom: 0; padding: 0.1rem 0;background:linear-gradient(to bottom, rgba(var(--black__rgb),0) 0%, rgba(var(--black__rgb),0.6) 90%);}
.history-img figure[class*="is-bgImg"]{padding-bottom:calc(402 / 583 * 100%);}
.history-main .controls a.swiper-button-disabled{opacity: 0.5;cursor: default;}
.history-main .controls a.swiper-button-disabled:hover{border-color: #e0e0e0;}
.history-main .controls a.swiper-button-disabled:hover:after{display: none;}
.history-main .controls a.swiper-button-disabled:hover:before{background-image: url(../images/more-red.svg);}

.mCSB_scrollTools{opacity: 1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: linear-gradient(-12deg,  #0b318f 0%,  #47bcc6 100%)}
.mCSB_scrollTools .mCSB_draggerRail{opacity: 0;}
.mCSB_scrollTools:before{position: absolute; content: '';width: 1px;background: rgba(var(--black__rgb),0.1); height: 100%;left: 50%;transform: translateX(-50%);}
@media (min-width: 1025px) {
.history-main .location{position: absolute; top: 0; left: -0.6rem; width: max-content; z-index: 10;}
.history-img{width: calc(583 / 1167 * 100%);flex-shrink: 0;}
.history-main .location li i{margin-right: 0.1rem;}
.history-main .location li:not(:last-child){margin-bottom:0.4rem}
}
@media (max-width:1024px) {
   .history-main .level-title{font-size: var(--font-size__30); margin-bottom: 1em;}
   .history-main .year-contain{padding: 0 0.6rem;}
   .history-main .controls a.prev{left: 0;}
   .history-main .controls a.next{right: 0;}
   .history-content{display: flex;flex-direction: column-reverse;}
   .history-list{padding-bottom: 0.4rem;}
   .history-main .location{padding-bottom: 0.2rem; position: sticky; top: 0.9rem; background-color:var(--white);z-index: 10; margin-bottom: 0.4rem;}
   .history-main .location ul{display: flex;align-items: center;justify-content: center;}
   .history-main .location li{display: flex;flex-direction: column;align-items:center;}
   .history-main .location li + li{margin-left: 0.3rem;}
   .history-main .location li + li:before{height: 1px;width: calc(100% + 0.3rem);right:calc(0.09rem + 50%); left: auto; top: 0.09rem;}
   .history-main .location li i{margin-bottom: 0.2rem;}
}
@media (max-width: 480px) {
   .history-list .year{font-size: var(--font-size__80);}
}

.pages{margin-top: var(--padding-margin__80);}
.pages,
.pages .page,
.pages a{display: flex;align-items: center;justify-content: center;}
.pages{ margin-bottom: var(--padding-margin__120);}
.pages a{width: 0.5rem;height: 0.5rem;background-color: var(--lighter-color);border-radius: 50%;color: #333333;font-weight: 700;transition: 0.3s;}
.pages .page,
.pages .page a{margin: 0 0.15rem;}
.pages a.a_cur,.pages a:hover{background: var(--lg-color__h__601);color: var(--white);}
.pages >  a{background: var(--lg-color__h__601);}
.pages >  a:after,.pages  a.prev:after,.pages  a.next:after{display: block; content: ''; width: 0.14rem;height: 0.12rem;background: var(--background-contain) url(../images/more-white.svg);}
.pages  a.prev:after{transform: rotateY(180deg);}
.pages  > a[href^=""],
.pages  > a[href^="javascript:"]{pointer-events: none;background:var(--lighter-color);}
.pages  > a[href^=""]:after,
.pages  > a[href^="javascript:"]:after,.pages  a.prev:after,.pages  a.next:after{background-image: url(../images/more-black.svg);}
.pages  a.prev:hover:after,.pages  a.next:hover:after{background-image: url(../images/more-white.svg);}
@media (max-width: 1024px) {
   .pages .page,
   .pages .page a{margin: 0 0.06rem;}
}

.third-nav{margin: var(--padding-margin__120) 0 var(--padding-margin__80) 0;}
.no-pt .third-nav{margin-top:0;}
.third-nav li{margin: 2px 0.3rem;position: relative;z-index: 1;border: solid 2px #e0e0e0;border-radius: 0.3rem; max-width: 3.5rem;}
.third-nav li:before{position: absolute;content: ''; left: -2px;top: -2px;width: calc(100% + 4px);height: calc(100% + 4px);opacity: 0;transition: 0.3s;background: var(--lg-color__h__601);border-radius: 0.3rem; z-index: 1;}
.third-nav li:hover:before,
.third-nav li.on:before{opacity: 1;}
.third-nav li a{display: flex;align-items: center;justify-content: center; font-size: var(--font-size__18); padding: 0 2em; height: calc(60 / 18 * 1em);position: relative;z-index: 3;text-align: center; line-height: 1.2; min-width: 2rem;}
.third-nav li a:hover,
.third-nav li.on a{ color: var(--white);}
.no-pt .third-nav li:before{background:var(--lg-color__h__0601);}
@media (max-width: 1024px) {
   .third-nav li{margin: 2px 0.1rem;}
   .third-nav li a{padding: 0 1em; font-size: var(--font-size__16); }
}
@media (max-width: 480px) {
   .third-nav li{max-width: 2.4rem;}
}

.list-honor{padding: 0 var(--yw); --yw:0.9rem;--line:0.92rem;}
.list-honor li{ position: relative; margin-bottom: calc(var(--ph) + 0.5rem);}
.list-honor li .pic{display: flex;align-items: flex-end; justify-content:center;height: 100%;}
.list-honor li .img-box{max-width: 3.34rem; position: relative; }
.list-honor li .img-box img{border: 0.2rem solid #f1f1f1;max-height: 4.3rem;}
.list-honor li .img-box:after{position: absolute; content: '';left: 100%;bottom: 0;width: 0.54rem;height: 100%;background: url(../images/ying.png) no-repeat right bottom;background-size: auto 100%;z-index: -1;}
.list-honor li .pic.no-frame .img-box img{border: none;}
.list-honor li .pic.no-frame .img-box:after{display: none;}
.list-honor li .tit{position: absolute;  line-height: calc(30 / 16);text-align: center; top: 100%;left: 0;width: 100%;z-index: 10; padding-top: 0.5rem;}
.list-honor li .tit p{margin: 0 auto; max-width: 20em; width: 90%;}
.list-honor li .tit:after{position: absolute; content: '';width: 100%;height: var(--line);background: url(../images/honor-listbg.png)  no-repeat center top;background-size: auto 100%;left: 0;top:0;}
@media (min-width: 1025px) {
   .list-honor li{width: calc(100% / 3);} 
.list-honor li:nth-child(3)~ li{margin-top: var(--padding-margin__100);}
.list-honor li:last-child:after,
.list-honor li:nth-child(3n)::after,
.list-honor li:nth-child(3n+1)::before{position: absolute;width: var(--yw);height: var(--line);background: url(../images/honor-listbg.png)  no-repeat left top;background-size: auto 100%;top: 100%; content: '';}
.list-honor li:nth-child(3n+1)::before{left: calc(var(--yw) * -1);}
.list-honor li:last-child:after,
.list-honor li:nth-child(3n)::after{left: 100%;background-position: right top;}
}
@media (max-width: 1024px) {
.list-honor{--yw:0.4rem;--line:0.4rem;}
.list-honor li{width: calc(100% / 2);}
.list-honor li:nth-child(2)~ li{margin-top: var(--padding-margin__100);}
.list-honor li:last-child:after,
.list-honor li:nth-child(2n)::after,
.list-honor li:nth-child(2n+1)::before{position: absolute;width: var(--yw);height: var(--line);background: url(../images/honor-listbg.png)  no-repeat left top;background-size: auto 100%;top: 100%; content: '';}
.list-honor li:nth-child(2n+1)::before{left: calc(var(--yw) * -1);}
.list-honor li:last-child:after,
.list-honor li:nth-child(2n)::after{left: 100%;background-position: right top;}
.list-honor li .img-box{max-width: 2rem; }
.list-honor li .img-box img{max-height: 2.4rem;}
.list-honor li .img-box img{border-width: 0.1rem;}
.list-honor li .img-box:after{width: 0.2rem;}
.list-honor li .tit{padding-top: 0.3rem;}
}

.business-list{padding-bottom: var(--padding-margin__120);}
.business-list .items{margin: var(--padding-margin__60) 0; padding-top: var(--padding-margin__40); overflow: hidden; background: url(../images/page-bs-line.png) no-repeat right top;background-size: auto 2.56rem;}
.business-list .pic{ position: relative;z-index: 1; margin-bottom: 0.17rem;}
.business-list .pic:after{position: absolute; content: '';width: calc(920 / 762 * 100%);height: 100%;background-color:#f0f3f9; bottom: -0.17rem;z-index: 1;}
.business-list .items:nth-child(2n+1) .pic:after{right: -0.07rem;border-radius: 0 6.4rem 6.4rem 0;}
.business-list .items:nth-child(2n) .pic:after{left: -0.07rem;border-radius: 6.4rem 0 0 6.4rem;}
.business-list .pic-box{width: calc(920 / 762 * 100%); position: relative;z-index: 2; overflow: hidden;}
.business-list .pic figure{padding-bottom: calc(640 / 920 * 100%); }
.business-list .items:nth-child(2n+1)  .pic-box{float: right; border-radius: 0 6.4rem 6.4rem 0;}
.business-list .items:nth-child(2n)  .pic-box{border-radius: 6.4rem 0 0 6.4rem;}
.business-list .tit{font-size: var(--font-size__48);color: #333;margin: 0 0 1em 0;}
.business-list .edit-info{margin-bottom: var(--padding-margin__60);}
@media (min-width:1025px) {
.business-list .txt{width: calc(702 / var(--max-width) * 100%);}
.business-list .pic{width: calc(762 / var(--max-width) * 100%);}
.business-list .items:nth-child(2n){background-position: left top; background-image: url(../images/page-bs-line2.png);}
.business-list .items:nth-child(2n) .container{flex-direction: row-reverse;}
}
@media (max-width:1024px) {
   .business-list .txt{clear: both; padding-top: var(--padding-margin__80);}
   .business-list .items:nth-child(2n+1){background-position: left top; background-image: url(../images/page-bs-line2.png);}
}

.business-details{margin-top:var(--padding-margin__60);padding-top:var(--padding-margin__60); background: url(../images/page-line3.png) no-repeat center top;background-size: auto 2.51rem;}
.business-details .intro{overflow: hidden;}
.business-details .intro .right figure{padding-bottom: calc(700 / 1000 * 100%);}
.business-details .intro .inner{position: relative;z-index: 10;position: relative; background: url(../images/con-mark.png) no-repeat 0 0;background-size: 100% 100%;display: flex;flex-direction: column;justify-content: center;}
.business-details .intro .sub-tit{font-weight: 700; font-size: var(--font-size__30); margin-bottom: var(--padding-margin__50);}
@media (min-width: 1025px) {
   .business-details .intro .left{flex: 1;}
   .business-details .intro .right{width: calc(1000 / var(--max-width) * 100%);}
   .business-details .intro .inner{width: calc(856 /600 * 100%); height: 100%;padding: 0 var(--padding-margin__130) 0 var(--padding-margin__60);}
}
@media (max-width: 1024px) {
   .business-details .intro .inner{background-color: var(--lighter-color); padding: var(--padding-margin__60);}
}

.roads-list{margin-top: var(--padding-margin__120);position: relative;z-index: 1; overflow: hidden;}
.roads-list .swiper-pics{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.roads-list .swiper-pics .swiper,
.roads-list .swiper-pics .swiper-slide figure{height: 100%;}
.roads-list .roads-main{padding-top: 3.25rem; position: relative;z-index: 10; overflow: hidden;--h:1rem;}
.roads-list .roads-main .road-txt{ margin-bottom:.5rem;}
.roads-list .roads-main .container{background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 100%); padding:var(--padding-margin__80) var(--padding-margin__80) var(--h); position: relative;z-index: 1;}
.roads-list .roads-main .container:before,
.roads-list .roads-main .container:after{position: absolute; content: '';width: 100%;height: var(--h);background:var(--white);z-index: 1; pointer-events: none; bottom: 0;}
.roads-list .roads-main .container:before{right: 100%;}
.roads-list .roads-main .container:after{left: 100%;}
.roads-list .roads-main .controls{position: absolute; left: 0;padding-bottom:1.25rem;width: 100%;z-index: 10; padding-top: var(--padding-margin__70); bottom: 0; background: url(../images/page-line4.png) no-repeat center top;background-size: auto 2.51rem;}
.roads-list .logo-mark{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10; background: url(../images/logo-mark.png) no-repeat center top 1rem;background-size:calc(1278 / var(--max-width) * 100%) auto;z-index: -1;}
.road-infor{margin-top: var(--padding-margin__60);}
.road-infor li{display: flex;align-items: center; margin-bottom: 0.1rem;}
.same-icon{width: 0.58rem;height: 0.58rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;position: relative;z-index: 1;}
.same-icon::before,
.same-icon::after{position: absolute; content: '';width: 100%;height: 100%;border-radius: 50%; transition: 0.3s;}
.same-icon::before{background: url(../images/cictrl.png) var(--background-contain); left: 0;top: 0;z-index: 2;}
.same-icon::after{background-color: var(--lighter-color);left: 0.06rem; top: 0.02rem;z-index: 1;}
.same-icon img{max-height: 0.26rem; max-width: 0.3rem;position: relative;z-index: 5;}
*:hover > .same-icon::before{background: var(--lg-color__h__01);}
*:hover > .same-icon img{filter: brightness(0) invert(1);}
.road-infor li .text{flex: 1;color: #333;}
.road-txt .name{font-size: var(--font-size__30); font-weight: 700; margin-bottom:1em;}
@media (min-width: 1025px) {
.road-infor li:not(:last-child){padding-right: 0.33rem; margin-right: 0.33rem;position: relative;z-index: 1;}
.road-infor li:not(:last-child):after{position: absolute; content: '';width: 1px;height: 0.36rem;background: rgba(var(--primary-color__rgb), 0.06); right: 0;top: 50%;margin-top: -0.18rem;z-index: 1;}
.road-infor li .same-icon{margin-right: 0.25rem;}
.road-infor li .text{font-size: var(--font-size__18);}
}
@media (max-width: 1024px) {
   .road-infor{margin-left: -0.3rem; margin-right: -0.3rem;}
   .road-infor li{flex-direction: column; margin: 0 0 0.2rem 0;width: calc(100% / 3);}  
   .road-infor li .same-icon{margin-bottom: 0.2rem;}
}
@media (max-width: 480px) {
   .roads-list .roads-main{padding-top: 3.25rem;--h:1.4rem;}
   .roads-list .roads-main .controls{padding-bottom: 0.4rem;}
}

.price-download{background: var(--lighter-color); padding: var(--padding-margin__100) 0;}
.price-download .btn-area{margin-top: var(--padding-margin__40);}

.btn-area a{font-size: var(--font-size__18); padding: 0 0.4rem;display: flex;align-items: center; line-height: 0.6rem; border-radius: 0.6rem;}
.btn-area a:before{display: block; width: 0.15rem;height: 0.14rem;background: var(--background-contain); margin-right: 0.13rem;}
.btn-area a.btn-download{background: var(--lg-color__h__601); color: var(--white);}
.btn-area a.btn-download:before{background-image: url(../images/download.svg);content: '';}

.measures-main{padding-top: var(--padding-margin__100);}
.measures-main .road-txt{margin-bottom: var(--padding-margin__60); padding: 0 var(--padding-margin__80);}
.measures-main .list li{width: calc((100% - 0.23rem * 2) / 3);}
.measures-main .list li:not(:nth-child(3n)){margin-right: 0.23rem;}
.measures-main .list li .pic{height: 4.1rem;display: flex;align-items: center;justify-content: center;}
.measures-main .list li .pic img{max-height: 100%;}
.measures-main .list li p{text-align: center; font-size: var(--font-size__18); margin: -1em 0 0 0;}
@media (min-width: 481px) {
   .measures-main .all-title{margin-bottom: var(--padding-margin__50);}
}
@media (max-width: 1024px) {
   .measures-main .list li .pic{height: 2rem;}
}

.quality-main{padding: var(--padding-margin__200) 0 var(--padding-margin__120) 0;background: url(../images/page-line4.png) no-repeat center top;background-size: auto 2.51rem; position: relative;z-index: 1; overflow: hidden;}
.quality-main:after{z-index: 2;position: absolute; content: '';width: 12.78rem;height: 5.5rem;background: var(--background-contain) url(../images/logo-mark.png);top: 2.51rem;left: calc(972 / 1920 * 100%);}
.quality-main .container{position: relative;z-index: 10;}
.quality-img-wrap { position: relative; margin-right: 0.86rem;padding-bottom: calc(478 / 714 * 100%);}
.quality-img-item {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; transition: all 0.8s ease; overflow: hidden;  will-change: transform, opacity; /* 提高性能 */  box-shadow: 0 0 0.3rem	rgba(11, 49, 143, 0.1);}
.quality-img-item figure {height: 100%;}
@media (min-width: 1025px) {
.quality-main .left{width: calc(798 / var(--max-width) * 100%);}
.quality-main .right{width: calc(740 / var(--max-width) * 100%); padding-top: var(--padding-margin__100); padding-right: var(--padding-margin__50);}
}
@media (max-width: 1024px) {
   .quality-main .right{padding-top: var(--padding-margin__80);}
}

.buliding-items .items{overflow: hidden;}
.buliding-items .pic{padding-bottom: calc(590 / 782 * 100%); width: calc(942 / 782 * 100%);position: relative; overflow: hidden; z-index: 1;}
.buliding-items  .img-box{ position: absolute;  top: 50%;left: 0;transform: translateY(-50%); width: 100%;padding-bottom: 100%;overflow: hidden;}
.buliding-items  .img-box img{aspect-ratio: 1; position: absolute; top: 0;left: 0;width: 100%;}
.buliding-items .items:nth-child(2n+1) .img-box{ border-radius: 50% 0 0 50%;border-left:0.32rem solid var(--lighter-color);}
.buliding-items .items:nth-child(2n){background-color: var(--lighter-color);}
.buliding-items .items:nth-child(2n) .img-box{ border-radius: 0 50% 50% 0; border-right:0.32rem solid  #f3f6fa;}
.buliding-items .items:nth-child(2n) .pic{float: right;padding-bottom: calc(590 / 760 * 100%); width: calc(918 / 760 * 100%);}
.buliding-items .sub-tit{margin-bottom: 0.4rem; font-weight: 700;font-size: var(--font-size__30);}
@media (min-width: 1025px) {
.buliding-items .right{width: calc(782 / var(--max-width) * 100%);}
.buliding-items .left{width: calc(750 / var(--max-width) * 100%);}
.buliding-items .items:nth-child(2n) .right{width: calc(760 / var(--max-width) * 100%);}
.buliding-items .items:nth-child(2n) .container{flex-direction: row-reverse;}
}
@media (max-width: 1024px) {
   .buliding-items .left{padding: var(--padding-margin__100) 0;}
}

.equity_invest{padding-top: var(--padding-margin__50);}
.equity_invest .all-title{margin-bottom: var(--padding-margin__70);}
.equity_invest .intro{padding-top: var(--padding-margin__60); background: url(../images/page-line5.png) no-repeat center top;background-size: auto 3.68rem; overflow: hidden; margin-bottom: var(--padding-margin__120);}
.project{padding-bottom: var(--padding-margin__120); overflow: hidden;}
.project .swiper{overflow: initial; width: calc(1378 / var(--max-width) * 100%); margin: 0;}
.project .swiper-slide a{transform: scale(0.84); transition: all 0.8s ease; transform-origin: left center; margin-right: var(--padding-margin__100); background-color: var(--lighter-color); opacity: 0.5;}
.project .swiper-slide-active a{transform: scale(1); opacity: 1;}
.project .pic img{height: 3.9rem;}
.project .txt{padding: 0 var(--padding-margin__70);}
.project .tit{font-size: var(--font-size__30); margin-bottom: var(--padding-margin__40);}
.project .desc{font-size: var(--font-size__18);font-weight: 400; line-height: 2; color: #666; text-align: justify;}
.project-case{padding-top: var(--padding-margin__120);}
.project-case .pic img{height: 3rem;}
.project-case .tit{font-size: var(--font-size__16); margin-bottom: var(--padding-margin__30);}
.project-case .tit .label{display: inline-block; padding: 0 0.29rem;font-weight: 400;color: var(--white); background: var(--lg-color__h__01); line-height: 2;border-radius: 1em;}
.project-case .swiper-slide a{transform: scale(1); opacity: 0.2;}
.project-case .swiper-slide-active a{opacity: 1;}
@media (min-width: 1025px) {
.equity_invest .intro .txt{max-width: 8.6rem;}
.equity_invest .intro .pic{width: calc(1760 / var(--max-width) * 100%); margin-top: calc(var(--padding-margin__130) * -1);}
.project .pic{width: calc(587 / 1380 * 100%); flex-shrink: 0;}
.project-case .pic{width: calc(600 / 1380 * 100%);}
}
@media (max-width: 1024px) {
   .project .txt{padding:var(--padding-margin__60);}
   .project .pic img{height: 3rem;}
   .project-case .pic img{height: 2.4rem;}
}

.financial{overflow: hidden;}
.financial .intro-box{padding: var(--padding-margin__100) 0;}
.financial .intro-box .all-title{margin-bottom: var(--padding-margin__60);}
.financial .intro-box:nth-child(2n){background-color: var(--lighter-color);}
.financial .intro-box:nth-child(2n) .container{flex-direction: row-reverse;}
.financial .intro-box-about .all-more{margin-top: var(--padding-margin__100);}
.financial .click-pic{position: relative;z-index: 1;}
.financial .click-pic .all-more{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10; }
.financial .click-pic .all-more a:after{transform: scaleX(1);}
.financial .click-pic .all-more a{color: var(--white);}
.financial .click-pic .all-more a span:before{background-image: url(../images/more-white.svg);}
.financial .sub-tit{font-weight: 700; margin-bottom: 0.49rem; font-size: var(--font-size__30);}
.financial .quality-img-wrap{padding-bottom: calc(446 / 725 * 100%); margin: 0;}

.popup-box__pic{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;background: rgba(var(--black__rgb),0.5); overflow: auto; }
.popup-box__pic .inner{max-width: 14.54rem; background: var(--white); padding: var(--padding-margin__60) var(--padding-margin__80) 0; border-radius: 0.1rem; position: relative;margin: var(--padding-margin__100) 0.2rem;}
.popup-box__pic .close{position: absolute; right: 0;top: 0;width: 0.33rem;height: 0.33rem; background: url(../images/close-white.svg) no-repeat center center var(--primary-color); background-size: auto 0.14rem;border-radius: 50%;cursor: pointer; right: -0.15rem; top: -0.15rem;}
.popup-box__pic .tit{text-align: center;font-size: var(--font-size__20);font-weight: 400; padding: 1em 0 1.5em 0;}
@media (min-width: 1025px) {
.financial .intro-box .left{width: calc(756 / var(--max-width) * 100%);}
.financial .intro-box .right{width: calc(725 / var(--max-width) * 100%);}
.financial .intro-box-about .right{width: calc(808 / var(--max-width) * 100%);}
.financial .intro-box-about .left{width: calc(720 / var(--max-width) * 100%);}
}
@media (max-width: 1024px) {
   .financial .intro-box .right{margin-top: var(--padding-margin__60);}
}

.new_energy .intro-box{padding: var(--padding-margin__120) 0;}
.new_energy .intro-box .info{background-color: var(--lighter-color); padding: var(--padding-margin__80) var(--padding-margin__70);}
.new_energy .pic-intro .con{ padding: var(--padding-margin__60) var(--padding-margin__70)  var(--padding-margin__70);}
.new_energy .pic-intro .title{color: #333;font-size: var(--font-size__30);  margin-bottom: 0.8em; line-height: 1.4;}
.new_energy .pic-intro .title:after{display: block; content: '';width: 0.48rem;height: 0.03rem;background: var(--lg-color__h__01); margin-top: 0.3rem;}
.new_energy .pic-intro .number-count{margin-top: var(--padding-margin__40);}
.new_energy .pic-intro .edit-info{max-height:18em; overflow: auto;}
.new_energy .pic-intro .edit-info p:nth-child(1){margin:0}
.new_energy .map{background-color: var(--lighter-color); margin-bottom: var(--padding-margin__70); overflow: hidden;}
.new_energy .map .right .pic{ padding: var(--padding-margin__50) 0 var(--padding-margin__50) var(--padding-margin__50);}
.new_energy .map .right .pic img{position: relative;z-index: 2;}
.new_energy  .sub-tit{font-size: var(--font-size__30); font-weight: 700; margin-bottom: var(--padding-margin__50);}
.new_energy  .items{overflow: hidden; padding-bottom: var(--padding-margin__120);}
.new_energy  .items .item{background: url(../images/page-line6.png) no-repeat right top;background-size: auto 2.24rem; padding-top: var(--padding-margin__50);}
.new_energy  .items .item:nth-child(2n) {background-position: left top; background-image: url(../images/page-line6-2.png);}
.new_energy  .items .item + .item{margin-top: var(--padding-margin__50);}
.new_energy  .items .right{position: relative;z-index: 1;}
.new_energy .controls-page{position: absolute; left: 0;bottom: 0.3rem;z-index: 10;width: 100%;}
.new_energy  .items .item:nth-child(2n+1) .container{flex-direction: row-reverse;}
.new_energy   .pics-swiper figure{padding-bottom: calc(660 / 908 * 100%);}
@media (min-width: 1025px) {
.new_energy .pic-intro{position: relative;z-index: 1; overflow: hidden;}
.new_energy .pic-intro .con{position: absolute; right: calc(73 / var(--max-width) * 100%);bottom: 0;max-width: 5.15rem;z-index: 10; background-color: rgba(var(--white__rgb),0.96);}
.new_energy .map .left{width: calc(764 / var(--max-width) * 100%);}
.new_energy .map .right{width: calc(710 / var(--max-width) * 100%);}
.new_energy .map .right .pic{width: calc(870 / 710 * 100%);position: relative;z-index: 1;}
.new_energy .map .right .pic:before{position: absolute; content: '';width: 100%;padding-bottom: 100%;background: #f0f3f9;top: 50%;left: 0;z-index: 1; transform: translateY(-50%); border-radius: 50% 0 0 50%;}
.new_energy  .items .left{width: calc(764 / var(--max-width) * 100%);}
.new_energy  .items .right{width: calc(744 / var(--max-width) * 100%);}
.new_energy  .items .pics-swiper{width: calc(908 / 744 * 100%);position: relative;z-index: 1; overflow: hidden;border-radius: 7rem 0 0 7rem;}
.new_energy  .items .item:nth-child(2n+1)  .pics-swiper{float: right;border-radius: 0 7rem 7rem 0;}
.new_energy .controls-page{width: 75%;}
.new_energy  .items .item:nth-child(2n) .controls-page{left: auto;right: 0;}
.new_energy .number-count li{min-width:1.6rem;}
.new_energy .number-count li .count{display: inline-flex;}
}
@media (min-width: 1025px) and (max-width: 1600px) {
   .new_energy .pic-intro .con{padding-top: var(--padding-margin__50); padding-bottom: var(--padding-margin__30);}
}

@media (max-width: 1024px) {
   .new_energy .pic-intro{display: flex;flex-direction: column-reverse;}
   .new_energy .intro-box{padding-bottom: 0;}
   .new_energy .number-count ul{justify-content: flex-start;}
   .new_energy .number-count li:not(:last-child){margin-right: var(--padding-margin__100);}
   .new_energy .map .left{padding: var(--padding-margin__80) 0;}
   .new_energy .map .right{background-color: #f0f3f9;}
   .new_energy .pics-swiper figure{padding-bottom: calc(660 / 908 * 100%);}
   .new_energy  .items .left{margin-bottom: var(--padding-margin__50);}
}

.brand-main{padding-top: var(--padding-margin__70);}
.brand-main .new_energy .items .item{background-position:right bottom; background-image: url(../images/page-line6-3.png); background-size: auto 2.54rem; padding-bottom: var(--padding-margin__70);}
.brand-main .new_energy .items{padding-bottom: var(--padding-margin__60);}
.brand-main .map{margin: 0;}
.brand-main  .special-case + .items .item{padding-top: var(--padding-margin__110);}
.brand-items .item .right .pic-box{padding: 0.3rem 0.3rem 0.3rem 0; background: linear-gradient(to right, #fff, #f0f3f9); border-radius:0 10rem 10rem 0;}

@media (min-width: 1025px) {
.special-case .map .left{width: calc(660 / var(--max-width) * 100%);}
.special-case .map .right{width: calc(840 / var(--max-width) * 100%);}
.special-case .map .right .pic {width: calc(1000 / 710 * 100%); padding-left: var(--padding-margin__90);}
.brand-main .new_energy .items .left{padding-top: var(--padding-margin__50);}
.special-case .all-title{margin-bottom: var(--padding-margin__60);}
.brand-items .item .left{width: calc(710 / var(--max-width) * 100%); padding-bottom: var(--padding-margin__100);}
.brand-items .item .right .pic-box{width: calc(878 / 710 * 100%); display: flex;justify-content: flex-end;float: right;}
}
@media (max-width: 1024px) {
   .brand-items .item .right .pic-box{border-radius: 10rem 10rem 0 0;background: linear-gradient(to bottom, #f0f3f9, #fff);  padding: var(--padding-margin__50);}
   .brand-main .new_energy .pics-swiper figure{padding-bottom: calc(640 / 920 * 100%);}
   .brand-items .item .right .pic-box img{width: 100%; }
}

.brand-tab{padding-top:var(--padding-margin__120);}
.brand-tab .sub-tit{font-size: var(--font-size__30); font-weight: 700; margin-bottom: var(--padding-margin__60); line-height: 1.4;}
.brand-tab .swiper{margin-top: var(--padding-margin__60);}
.brand-tab .tab-ul{--mr:0.65rem}
.brand-tab .tab-ul li{margin: 0 var(--mr);text-align: center;}
.brand-tab .tab-ul li a{color: #8195c5;font-size: var(--font-size__18);font-weight: 400;}
.brand-tab .tab-ul li.on a{color: var(--primary-color);}
.brand-tab .tab-ul li .line{position: relative;display: flex;align-items: center;justify-content: center; margin-bottom: var(--padding-margin__30);}
.brand-tab .tab-ul li .line i{display:  flex;align-items: center;justify-content: center; background-color: var(--lighter-color); border: dashed 1px rgba(var(--primary-color__rgb), 0.5);width: 0.17rem;height: 0.17rem;border-radius: 50%;position: relative;z-index: 3;}
.brand-tab .tab-ul li.on .line i{border-color: var(--primary-color);}
.brand-tab .tab-ul li .line i:before{content: '';display: block;width: 0.06rem;height: 0.06rem;background-color: var(--primary-color);border-radius: 50%; opacity: 0.5;}
.brand-tab .tab-ul li.on .line i:before{opacity: 1;}
.brand-tab .tab-ul li .line:before,
.brand-tab .tab-ul li .line:after{position: absolute; content: ''; width: calc(50% + var(--mr));height: 1px;background-color: rgba(var(--primary-color__rgb), 0.12); top: 50%;z-index: 1;}
.brand-tab .tab-ul li.on .line:before,
.brand-tab .tab-ul li.on .line:after{background-color: var(--primary-color);}
.brand-tab .tab-ul li .line:before{right: 50%;}
.brand-tab .tab-ul li .line:after{left: 50%;}
.brand-tab .tab-ul li:first-child .line:before,
.brand-tab .tab-ul li:last-child .line:after{display: none;}
@media (min-width: 1025px) {
.brand-tab .pic-intro .con{top: 0;margin: auto; height: max-content;padding-left: var(--padding-margin__60); padding-right: var(--padding-margin__60); right: calc(160 / 1920 * 100%);}
}
@media (max-width:1024px) {
   .brand-tab{padding-bottom: var(--padding-margin__50);}
   .brand-tab .tab-ul{--mr:0.2rem}
   .brand-tab .pic-intro .con{background-color: var(--lighter-color);}
}

.brand-intro{padding: var(--padding-margin__120) 0 var(--padding-margin__140) 0; background: url(../images/page-line7.png) no-repeat center bottom; background-size: auto 2.23rem; margin-bottom: var(--padding-margin__70);}
.brand-intro .container{max-width: 1135px;}
.brand-intro .icon-groups{margin-top: var(--padding-margin__60);}
.brand-intro .icon-groups li{display: flex;flex-direction: column;align-items: center;max-width: 1.86rem; margin: 0 0.87rem;flex-shrink: 0;}
.brand-intro .icon-groups .same-icon{margin-bottom: 0.3rem;}
.brand-intro .icon-groups .tit{font-size: var(--font-size__24);color: #333; }
.brand-intro .icon-groups li p{margin: 0.15rem 0 0 0;font-weight: 400;font-size: var(--font-size__18); line-height: calc(32 / 18);text-align: center;}
@media (min-width: 481px) {
   .brand-intro .icon-groups .same-icon{width: 0.96rem;height: 0.96rem; }
   .brand-intro .icon-groups .same-icon img{max-width: 0.42rem;max-height: 0.42rem;}
   .brand-intro .icon-groups .same-icon::after{left: 0.1rem; top: 0.04rem;}
}
@media (max-width:1024px) {
   .brand-intro .icon-groups li{margin: 0 0.2rem;}
}

.flow_chart{background: var(--lighter-color); padding-bottom: var(--padding-margin__100);}
.flow_chart .box .title{--mt:0.7rem;margin-top: calc(var(--mt) * -1); display:flex;justify-content: center;}
.flow_chart .box .title span{line-height: var(--mt);color: var(--white); border-radius: 0.1rem 0.1rem 0 0;background: linear-gradient(90deg,  #0b318f 0%,  #063f99 39%,  #004da2 65%,   #00b2bb 85%,   #24b7c1 96%,   #47bcc6 100%);font-size: var(--font-size__24); font-weight: 700;text-align: center; min-width:3.87rem;}
.flow_chart .box:nth-child(2) .title span{ background: var(--lg-color__h__601);}
.flow_chart .box .pic{overflow: hidden; border-radius: 0 0 4rem 4rem; background-color: var(--white);box-shadow: 0 0 0.3rem rgba(var(--primary-color__rgb), 0.1);text-align: center; padding: var(--padding-margin__90) 0;display: flex;justify-content: center;position: relative;z-index: 1;}
.flow_chart .box .pic img{position: relative;z-index: 4; max-width: 85%;}
.flow_chart .box .pic:before{position: absolute; content: ''; background: linear-gradient(90deg,  #0b318f 0%,  #063f99 39%,  #004da2 65%,   #00b2bb 85%,   #24b7c1 96%,   #47bcc6 100%);--wh:4rem;padding-bottom:1rem;width: var(--wh); filter: blur(0.5rem);bottom:100%;transform: translate(-50%,var(--padding-margin__30)); left: 50%; opacity: 0.5;}
.flow_chart .box:nth-child(2) .pic:before{background: var(--lg-color__h__601);}
@media (min-width: 1025px) {
   .flow_chart .box{width: calc((100% - 0.8rem) / 2);}
}
@media (max-width:1024px) {
   .flow_chart{padding-top: var(--padding-margin__100);}
   .flow_chart .box .title{margin-top: 0;}
   .flow_chart .box + .box{margin-top: var(--padding-margin__80);}
}

.news-top{margin-top: var(--padding-margin__100);}
.news-top .swiper-slide{background-color: var(--lighter-color);}
.news-top .url{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10;opacity: 0;}
.news-top .pic figure{padding-bottom: calc(500 / 800 * 100%);}
.news-top .txt{flex: 1; padding:0 var(--padding-margin__100); font-size: var(--font-size__18); font-weight: 400;color: #333;}
.news-top .txt p{color: #666; opacity: .8; line-height: 2; margin: 0 0 0.42rem 0;}
.news-top .txt .tit{font-weight: 700;font-size: var(--font-size__30); line-height: calc(42 / 30); margin: 0.44rem 0 0.3rem 0;}
.news-top .swiper-slide:hover .all-more a:after{transform: scaleX(1); transform-origin: 0 50%;}
.news-top .swiper-slide:hover .all-more a{color: var(--white)}
.news-top .swiper-slide:hover .all-more a span:before{background-image: url(../images/more-white.svg);}
.news-top .controls-page{margin:0.4rem 0 0.22rem 0;}
.news-top .controls-page span.swiper-pagination-bullet-active{background: var(--lg-color__h__601)!important;}
.news-top .controls-page span:before{background-color: #333; z-index: 4;}
.news-top .controls-page span.swiper-pagination-bullet-active:before{background: var(--lg-color__h__601)!important;}
.news-top .controls-page span.swiper-pagination-bullet-active:after{position: absolute; content: ''; left: 1px;top: 1px;width: calc(100% - 2px);height:  calc(100% - 2px);border-radius: 50%;background-color: var(--white);z-index: 1; }
@media (min-width:1025px) {
.news-top .pic{width: calc(800 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .news-top .txt{padding: var(--padding-margin__60);}
}

.news-list.flex__row{margin-top: var(--padding-margin__120);}
.news-list .items a{padding: var(--padding-margin__50) 0; position: relative;z-index: 1;}
.news-list .items a:before,
.news-list .items a:after{position: absolute; content: ''; left: 0;bottom: 0;height: 1px;width: 100%; transition: transform 0.5s;}
.news-list .items a:before{transform-origin: 0 50%;background-color: rgba(var(--black__rgb),0.1);}
.news-list .items a:after{transform: scaleX(0);transform-origin: 100% 50%; background-color: var(--primary-color);}
.news-list .items a:hover:before{transform: scaleX(0);transform-origin: 100% 50%; }
.news-list .items a:hover:after{transform: scale(1);transform-origin: 0 50%;}
.news-list .items .pic{width: calc(352 / var(--max-width) * 100%);}
.news-list .items .pic figure{padding-bottom: calc(234 / 352  * 100%);}
.news-list .items .txt{flex: 1; padding: 0 0.75rem 0 var(--padding-margin__40); transition: 0.5s;}
.news-list .items .more{width: 0;flex-shrink: 0;overflow: hidden; transition: 0.5s width;}
.news-list .items .more .icon{display: flex;align-items: center;justify-content: center; width: 0.6rem;height: 0.6rem;border-radius: 50%;background: var(--lg-color__h__601); opacity: 0; transition: 0.3s 0.2s;}
.news-list .items a:hover .more .icon{opacity: 1;}
.news-list .items .more .icon:after{display: block; content: '';background: url(../images/more-white.svg) var(--background-contain); width: 0.14rem;height: .12rem;}
.news-list  .pic{overflow: hidden;}
.news-list  .pic figure{transition: 0.3s;}
.news-list a:hover .pic figure{transform: scale(1.2);}
.news-list  .txt{ color: #333;}
.news-list a:hover .tit{color: var(--primary-color);}
.news-list  .txt time{font-weight: 400;}
.news-list  .txt .tit{font-weight: 700;font-size: var(--font-size__24); margin: 0.46rem 0 0.22rem 0;}
.news-list  .txt p{line-height: calc(30 / 16); opacity: 0.8; color: #666; margin: 0;}
.news-list .box a{background-color: var(--lighter-color);display: block; transition: 0.3s; height: 100%;}
.news-list .box a:hover{box-shadow: 0 0.07rem 0.28rem rgba(var(--primary-color__rgb), 0.07);}
.news-list .box .pic figure{padding-bottom: calc(328 / 492 * 100%);}
.news-list .box .txt{ padding: 0.29rem 0.32rem;}
.news-list .box a:hover .tit{color: var(--primary-color);}
.news-list .box .tit{line-height: calc(32 / 24); margin-top: 0.32rem;min-height: calc(32 / 24 * 2em); }
@media (min-width:1025px) {
.news-list  .txt time{font-size: var(--font-size__18);}
.news-list .items a:hover .txt{ margin-right: 0.6rem;}
.news-list .items a:hover .more{width: 0.6rem;}
.news-list .box{width: calc((100% - 0.6rem * 2) / 3);}
.news-list .box:nth-child(3) ~ .box{margin-top: 0.6rem;}
.news-list .box:not(:nth-child(3n)){margin-right: 0.6rem;}
.news-list .box:nth-child(3n+2){animation-delay: 0.2s;}
.news-list .box:nth-child(3n){animation-delay: 0.4s;}
}
@media (max-width:1024px) {
   .news-list .items .pic{width:40%;}
   .news-list .items .txt {padding-right: 0;}
   .news-list .txt p{line-height: 1.4;}
   .news-list .txt .tit{--clamp: 2; line-height: 1.2; margin: 0.5em 0; font-size: var(--font-size__20); min-height: auto;}
   .news-list .box a{display: flex;align-items: center; justify-content: space-between; padding: var(--padding-margin__30);}
   .news-list .box + .box{margin-top: var(--padding-margin__50);}
   .news-list .box .pic{width: 40%;flex-shrink: 0;}
   .news-list .box .txt{flex: 1;margin-left: var(--padding-margin__40); padding: 0;}
}

.news-details .social-share a{margin:0; width: .2rem;height: 0.2rem; background: var(--background-contain);}
.news-details .social-share a:hover{background-color: transparent;}
.news-details .social-share a + a{margin-left: 0.12rem;}
.news-details .social-share a::before{display: none;}
.news-details .social-share a.icon-qq{background-image: url(../images/share/qq.svg); background-size: auto 0.16rem;}
.news-details .social-share a.icon-wechat{background-image: url(../images/share/wx.svg);}
.news-details .social-share a.icon-weibo{background-image: url(../images/share/sina.svg); background-size: auto 0.16rem;}

.news-details{padding: var(--padding-margin__70) 0 var(--padding-margin__100) 0;}
.news-details .container{max-width: 12.8rem;}
.news-details .title{text-align: center; border-bottom: 1px solid rgba(var(--black__rgb),0.1); padding-bottom: 0.1rem; margin-bottom: 0.2rem;}
.news-details .title h1{margin: 0;color: #333; font-size: var(--font-size__30); line-height: 1.4;}
.news-details .title .info{display: flex;align-items: center; justify-content: center; margin-top: 0.2rem; font-weight: 400;}
.news-details .title .info > span{margin-right: 0.39rem;}
.news-details .edit-info{font-size: var(--font-size__16); line-height: calc(30 / 16);}
@media (max-width:480px) {
   .news-details .title h1{font-size: var(--font-size__24);}
}

.news-page{border-top: 1px solid rgba(var(--black__rgb),0.1); padding-top: 0.48rem; margin-top: 0.48rem; font-weight: 400;}
.news-page .back{flex-shrink: 0;}
.news-page .back a span:before{width: 0.17rem; height: .14rem; margin-right: .13rem; background-image: url(../images/back.svg);}
.news-page .back a:hover span:before{background-image: url(../images/back-white.svg);}
.news-page .page{flex: 1; margin-right: var(--padding-margin__50);}
.news-page .page p{margin: 0;}
.news-page .page p + p{margin-top: 1em;}

.news-video{margin-top: var(--padding-margin__100);}
.news-video li{--lin:3;--limr:0.5rem;width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));}
.news-video li a{display: block;cursor: pointer; background: var(--lighter-color);color: #333;}
.news-video li .txt{padding: 0.3rem; font-weight: 400;}
.news-video li .tit{font-weight: 700;font-size: var(--font-size__18);margin-bottom: 0.26rem;}
.news-video li .pic{overflow: hidden; position: relative;}
.news-video li .pic figure{padding-bottom: calc(280 / 500 * 100%); transition: 0.3s;}
.news-video li a:hover .pic figure{transform: scale(2); filter: blur(4px);}
.news-video li .play{left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(var(--black__rgb),0.2);}
.news-video li .play .btn:after{opacity: 0.2;}
.news-video li a:hover .play .btn:after{opacity: 0; animation: play 1s infinite both;}
@media (min-width:1025px) {
   .news-video li:not(:nth-child(3n)){margin-right: var(--limr);}
   .news-video li:nth-child(3) ~ li{margin-top: var(--limr);}
}
@media (max-width:1024px) {
   .news-video li{--lin:2;--limr:var(--padding-margin__40);}
   .news-video li:not(:nth-child(2n)){margin-right: var(--limr);}
   .news-video li:nth-child(2) ~ li{margin-top: var(--limr);}
}

.download-list{--lin:4;--limr:0.44rem;}
.download-list li{width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));padding: 0.3rem;background-color: var(--lighter-color); transition: 0.3s;}
.download-list li:hover{transform: translateY(-0.2rem);}
.download-list li .btn{margin-top: 0.32rem; font-size: var(--font-size__18);color: #333;}
.download-list li .btn a{width: 50%;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2;}
.download-list li .btn a:not(:last-child)::after{position: absolute;content: '';width: 1px;background-color:rgba(var(--black__rgb),0.1); right: 0; height: 0.2rem;top: 50%;margin-top: -0.1rem;}
.download-list li .btn a:before{display: block; content: ''; background: var(--background-contain); margin-right: 0.11rem;}
.download-list li .btn a.view:before{width: 0.2rem; height: 0.13rem; background-image: url(../images/view.svg);}
.download-list li .btn a.download:before{width: 0.15rem; height: 0.15rem; background-image: url(../images/download-dark.svg);}
.download-list li .btn a.view:hover:before{background-image: url(../images/view-on.svg);}
.download-list li .btn a.download:hover:before{background-image: url(../images/download-on.svg);}
.download-list li .pic figure{padding-bottom: calc(409 / 306 * 100%);}
@media (min-width:1025px) {
   .download-list li:not(:nth-child(4n)){margin-right: var(--limr);}
   .download-list li:nth-child(4) ~ li{margin-top: var(--limr);}
}
@media (max-width:1024px) {
   .download-list{--lin:2;--limr:var(--padding-margin__40);}
   .download-list li:not(:nth-child(2n)){margin-right: var(--limr);}
   .download-list li:nth-child(2) ~ li{margin-top: var(--limr);}
}

.stock-inq .left,
.stock-inq .right{background: var(--background-cover);display: flex;flex-direction: column; justify-content: center; }
.stock-inq .left{background-image: url(../images/stock-bg-l.jpg); padding: var(--padding-margin__60);color: var(--white);}
.stock-inq .right{font-weight: 400;background-image: url(../images/stock-bg-r.jpg); padding: 0 var(--padding-margin__100);}
.stock-inq .name{font-size: var(--font-size__24); font-weight: 700; margin-bottom: 0.35rem;}
.stock-inq .name span{font-size: var(--font-size__28);font-weight: 400; margin-left: 0.1rem;}
.stock-inq .change_price{display: flex;align-items: baseline;}
.stock-inq .change_price span{display: block;}
.stock-inq .change_price .price{font-weight: 700;font-size: var(--font-size__80);}
.stock-inq .change_price .change{font-weight: 700;font-size: var(--font-size__20);display: flex;align-items: center;}
.stock-inq .change_price .change:before{display: block; content: '';width: 0.12rem;height: 0.2rem;background: var(--background-contain) url(../images/up.svg); margin: 0 0.11rem;}
.stock-inq .change_price.green .change:before{transform: rotate(180deg);}
.stock-inq .right dd p{margin: 0.13rem 0 0 0;font-weight: 700;font-size: var(--font-size__50);color: #333;}
.stock-inq .right dl{margin-bottom: var(--padding-margin__40);}
.stock-inq .right .tips{line-height: calc(26 / 16);}
.stock-inq .right .tips :where(span,a){color: var(--primary-color);}

@media (min-width:1025px) {
.stock-inq .left{width: calc(480 / var(--max-width) * 100%);flex-shrink: 0;}
.stock-inq .right{flex: 1;}
.stock-inq .left,
.stock-inq .right{min-height: 3.2rem;}
}
@media (max-width:1024px) {
   .stock-inq .right{padding:var(--padding-margin__60);}
   .stock-inq .right dl{flex-wrap: wrap;}
   .stock-inq .right dd{width: 50%;}
   .stock-inq .right dd:nth-child(2) ~ dd{margin-top: 0.2rem;}
}
@media (max-width:480px) {
   .stock-inq .change_price .price{font-size: var(--font-size__60);}
   .stock-inq .right dd p{font-size: var(--font-size__40);}
}


.returns-list + .pages{margin-bottom: 0;}
.returns-list{--lin:3;--limr:var(--padding-margin__50);}
.returns-list li{width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin));transition: 0.3s;}
.returns-list li a{background-color: var(--lighter-color); padding: 0.51rem 0.39rem 0.5rem 0.4rem;color: #333;}
.returns-list li .icon{display: block;width: 0.39rem; height: 0.45rem;background: var(--background-contain) url(../images/file.svg); flex-shrink: 0; margin-left: 0.64rem; }
.returns-list li time{font-size: var(--font-size__18); font-weight: 400;}
.returns-list li .txt p{font-size: var(--font-size__24);font-weight: 700; line-height: calc(36 / 24);margin: 0.16rem 0 0.33rem 0;}
.returns-list li .more{--wh:0.6rem;display: flex;align-items: center;justify-content: center;width: var(--wh);height: var(--wh); border-radius: 50%;border: solid 0.02rem #e0e0e0; }
.returns-list li .more:after{display: block; content: '';width: 0.14rem;height: 0.12rem;background: var(--background-contain) url(../images/more.svg); }
.returns-list li a:hover .more{background: var(--lg-color__h__601); border-color:var(--lighter-color);}
.returns-list li a:hover .more:after{background-image: url(../images/more-white.svg);}
@media (min-width:1025px) {
.returns-list li:not(:nth-child(3n)){margin-right: var(--limr);}
.returns-list li:nth-child(3) ~ li{margin-top: var(--limr);}
.returns-list li:hover{transform: translateY(-0.2rem);}
}
@media (max-width:1024px) {
   .returns-list{--lin:2;--limr:var(--padding-margin__40);}
   .returns-list li:not(:nth-child(2n)){margin-right: var(--limr);}
   .returns-list li:nth-child(2) ~ li{margin-top: var(--limr);}
   .returns-list li .txt p{font-size: var(--font-size__20);}
   .returns-list li a{padding: var(--padding-margin__30);}
   .returns-list li .more{--wh:0.4rem;}
   .returns-list li .icon{margin-left: .2rem;width: 0.3rem;height: 0.3rem;}

}
@media (max-width:480px) {
   .returns-list li a{padding: var(--padding-margin__50);}
}


.invest-facetoface .item + .item{margin-top: var(--padding-margin__30);}
.invest-facetoface .year{font-size: var(--font-size__30);font-weight: 700; display: inline-flex;flex-direction: column; margin-bottom: 0.24rem;}
.invest-facetoface .year:after{display: inline-block; content:'';width: 100%;height: 0.07rem;background-image: linear-gradient(90deg,   rgba(var(--primary-color__rgb),0.6) 0%,   rgba(var(--secondary-color__rgb),0) 100%);margin-top: -0.24em;z-index: -1;}
.invest-facetoface .item .edit-info{margin-bottom: 0.4rem;}
.invest-facetoface .item .pics-list{margin: 0 0.72rem;}
.invest-facetoface .item .pics-list li{width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin)); margin-bottom: 0.3rem;}
.invest-facetoface .item .pics-list li img{border: solid 1px #e0e0e0;}
.invest-facetoface .item .pics-list li p{text-align: center;margin: 1em 0 0 0; font-weight: 400; line-height: 1.3;}
.invest-facetoface .item .pics-list:not(.little) li{--lin:3;--limr:0.36rem;}
.invest-facetoface .item .pics-list:not(.little) li:not(:nth-child(3n)){margin-right: var(--limr);}
.invest-facetoface .item .pics-list.little li{--lin:2;--limr:0.8rem;}
.invest-facetoface .item .pics-list.little li:not(:nth-child(2n)){margin-right: var(--limr);}
@media (max-width:1024px) {
   .invest-facetoface .item .pics-list{margin: 0 var(--padding-margin__50);}
   .invest-facetoface .item .pics-list:not(.little) li{--limr:0.2rem;}
   .invest-facetoface .item .pics-list.little li{--limr:0.4rem;}
}


.culture-main{margin-top: var(--padding-margin__120); overflow: hidden;}
.mission{margin-bottom: var(--padding-margin__120);}
.mission .info{margin-bottom: var(--padding-margin__60);}
.culture-main .sub-tit{font-weight: 700; margin-bottom: 0.24rem;color: #333333;}
.vision{position: relative;z-index: 1; overflow: hidden;}
.vision .txt .all-title{margin-bottom: var(--padding-margin__70);}
.vision .txt .edit-info{text-align: center;}
.value{margin: var(--padding-margin__120) 0;}
.value li{--lin:4;--limr:0.2rem;width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin)); background-color: var(--lighter-color);padding: 0.5rem 0.3rem;position: relative;z-index: 1;}

.value li:after{position: absolute; z-index: -1; content: '';width: 100%;height: 100%;background: var(--lg-color__h__0751); top: 0; left: 0; transform: scaleX(0); transform-origin: 100% 50%;transition: var(--transition__transform); will-change: transform; transition-duration: 0.5s;}
.value li .sub-tit{margin-bottom: 0.18rem;}
.value li .pic{display: flex;justify-content: center;}
.value li .pic img{max-width: 2rem; aspect-ratio: 1;}
.value li pre{line-height: calc(30 / 16); font-weight: 400;}
@keyframes zhuan{
   0%{transform: rotate(0deg);}
   100%{transform: rotate(360deg);}
}
@media (min-width:1025px) {
.vision .txt{position: absolute;top:var(--padding-margin__120);left: 0;width: 100%;z-index: 2;}
.vision .txt *{color: var(--white);}
.value li:not(:nth-child(4n)){margin-right: var(--limr);}
.value li:nth-child(4) ~ li{margin-top: var(--limr);}
.value li pre{ min-height: 1.33rem; margin-bottom: 0.3rem;}
.value li:hover *{color: var(--white);}
.value li:hover .pic img{filter: brightness(0) invert(1); animation: zhuan 10s linear infinite;}
.value li:hover:after{transform: scaleX(1); transform-origin: 0 50%;}
.culture-main .sub-tit{font-size: var(--font-size__30);}
}
@media (max-width:1024px) {
.vision .txt{margin-bottom: var(--padding-margin__60);}
.value li{width: 100%;display: flex;align-items: center; justify-content: space-between;}
.value li .info{flex: 1;}
.value li:nth-child(2n){flex-direction: row-reverse;}
.value li:nth-child(2n) .info{margin-left: 0.2rem;}
.value li:nth-child(2n+1) .info{margin-right: 0.2rem;}
.value li + li{margin-top: var(--padding-margin__30);}
.value li .pic{flex-shrink: 0;width: 35%;}
.value li .pic img{width: 100%;animation: zhuan 10s linear infinite;}
}


.union_intro .intro{margin-bottom: var(--padding-margin__100);}
.union_intro .honor { --ulmlr:1.88rem;--size:1.63rem}
.union_intro .honor ul{margin: 0 var(--ulmlr);position: relative; background: url(../images/list-bg.png) no-repeat center bottom;background-size: auto var(--size); padding-bottom: 1.03rem; width: calc(100% - var(--ulmlr) * 2);}
.union_intro .honor ul:after,
.union_intro .honor ul:before{position: absolute;content: '';width:var(--ulmlr);height: 100%;background: url(../images/list-bg.png) no-repeat;background-size: auto var(--size); bottom: 0;}
.union_intro .honor ul:after{left:100%;background-position: right bottom;}
.union_intro .honor ul:before{right: 100%;background-position: left bottom;}
.union_intro .honor li{width: calc(100% / 3);display: flex;align-items: flex-end;justify-content:center; padding-bottom: 0.19rem;}
.union_intro .honor li .pic{width: 90%; max-width: 3.26rem;}
.union_intro .honor li .pic figure{display: flex;justify-content: center;}
.union_intro .honor li .pic figure img{max-height: 2.16rem;}
.union_intro .honor li .pic{padding: 0.19rem 0.18rem;background: url(../images/honor-picbg.png) no-repeat center center;background-size: 100% 100%;position: relative;z-index: 1;}
.union_intro .honor li .pic:after{position: absolute;content: '';width: 100%;height: 0.22rem; background: url(../images/honor-pic-rd.png) no-repeat center center;background-size: 100% 100%;top: 100%;left: 0;}

@media (min-width:1025px) {
.union_intro .intro .left{width: calc(365 / var(--max-width) * 100%);flex-shrink: 0;}
.union_intro .intro .right{flex: 1;}   
.union_intro .honor .litter li + li{margin-left: 0.77rem;}
}
@media (max-width:1024px) {
.union_intro .honor {--ulmlr:0.8rem;--size:1.03rem}
.union_intro .honor ul{padding-bottom: 0.6rem; }
.union_intro .honor li .pic{padding: 0.08rem;}
.union_intro .honor li{width: calc(100% / 2);}
}

.union_intro + .union-member{padding-top: 0;}

.union-unit{background-color: var(--lighter-color); padding: var(--padding-margin__120) 0; margin-top: var(--padding-margin__50);}
.union-unit .all-title{margin-bottom: var(--padding-margin__70);}

.union-member{padding: var(--padding-margin__120) 0;}
.union-member .list-items ul{ border-bottom: 1px solid rgba(var(--black__rgb),0.06);padding: 0.13rem 0;display: flex;}
.union-member .list-items ul + ul{margin-top: 0.2rem;}
.union-member .list-items ol{width: calc(8em + 0.25rem);flex-shrink: 0;}
.union-member .list-items ol span{display: block;text-align: center;color: #e60012; padding-right: 0.16rem;background:  linear-gradient(90deg,  rgba(230, 0, 19, 0.2) 0%,  rgba(240, 132, 0, 0.2) 100%); line-height: calc(45 / 16);clip-path: polygon(0 0, 0% 100%, 90% 100%, 100% 50%, 90% 0);}
.union-member .list-items li{flex: 1;margin-left: 0.24rem; font-size: var(--font-size__18); font-weight: 700;color: #333; line-height: calc(45 / 18);}

.fourth-nav li{margin:0 0.45rem;}
.fourth-nav li a{padding: 0 0.35rem 0.24rem;display: block; font-size: var(--font-size__18); font-weight: 400; position: relative;z-index: 1;}
.fourth-nav li a:after{content: '';display: block;width: 100%;height: 0.07rem;background:var(--lg-color__h__601);position: absolute;bottom: 0;left: 0;transition: var(--transition__transform) ;transform: scaleX(0);transform-origin: 100% 50%;}
.fourth-nav li a:hover,
.fourth-nav li.on a{color: #e60012;}
.fourth-nav li a:hover:after,
.fourth-nav li.on a:after{transform: scaleX(1);transform-origin: 0 50%;}
@media (max-width:1024px) {
   .fourth-nav li{margin:0 0.1rem;}
   .fourth-nav li a{padding-left:0.2rem; padding-right: 0.2rem;}
}

.ad-solgan{position: relative;z-index: 1; margin-bottom: 0.2rem; overflow: hidden;}
.ad-solgan .solgan-title{font-size: var(--font-size__30); font-weight: 700;position: absolute; left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--white); padding: 0 0.2rem; line-height: 1.3;}
.ad-solgan .solgan-title.max .inner{max-width: 12.11rem;}
.ad-solgan .solgan-title .inner:after{display: inline-block;content: '';background: url(../images/yinhao.svg) var(--background-contain);width: 0.68rem;height: 0.55rem; vertical-align: middle;}
@media (max-width:1024px) {
.ad-solgan img{width: 150%;margin-left: -25%; max-width: none;}
.ad-solgan .solgan-title{font-size: var(--font-size__18);}
.ad-solgan .solgan-title .inner:after{width: 2em; height:2em;}
}

.read-intro{margin: var(--padding-margin__110) 0 var(--padding-margin__70) 0;}

.job_intro{margin: var(--padding-margin__120) 0 var(--padding-margin__110) 0;}
.job_info .item{counter-increment: item;}
.job_info .item:nth-child(2n+1){background-color: #f8f9fd;}
.job_info .item .container{position: relative; padding: 0.6rem 0 0.6rem 0.6rem;}
.job_info .item .container:before{position: absolute; content: ''; left: 0.2rem;width: 0.03rem;height: calc(100% - 0.84rem);background-color: #dddfe7; top: 1.22rem;}
.job_info .item:last-child .container:before{height: calc(100% - 1.82rem);}
.job_info .item .edit-info{max-width: 12.87rem;font-size: var(--font-size__16);}
.job_info .title{margin: 0 0 0.22rem 0; position: relative; font-size: var(--font-size__36);color: #333;}
.job_info .title:before{content: counters(item, ".", decimal-leading-zero); position: absolute; font-size: var(--font-size__20); font-weight: 700; 	width: 0.4rem;height: 0.4rem;border-radius: 50%;border: solid 0.03rem #e60012;display: flex;align-items: center;justify-content: center; right: calc(100% + 0.2rem);top: 50%;margin-top: -0.2rem; color: #e60012; font-family: var(--font-family__oswald);}
@media (max-width:480px) {
   .job_info .title{font-size: var(--font-size__24);}
}

.files-download{margin-top: 0.3rem;}
.files-download li:not(:last-child){margin-bottom: 0.1rem;}
.files-download li a{display: block; font-weight: 400; line-height: calc(80 / 16);padding: 0 0.65rem 0 0.39rem;background: url(../images/download-dark.svg) no-repeat right 0.4rem center #f8f9fd;background-size: 0.15rem auto;}
.files-download li a:hover{color: #e60012; background-image: url(../images/download-red.svg);}

@media (min-width:1025px) {
   .job_intro .left{flex: 1;}
   .job_intro .right{width: calc(1290 / var(--max-width) * 100%);flex-shrink: 0;}
}

.edit-dl-css{padding-top: var(--padding-margin__40);}
.edit-dl-css dd:not(:last-child){margin-bottom: var(--padding-margin__40);}
.edit-dl-css .edit-tit{font-size: var(--font-size__24); font-weight: 700; color: #333; margin-bottom: 0.1rem; line-height: calc(36 / 24);}
.edit-dl-css p{margin: 0;}
@media (max-width:480px) {
   .edit-dl-css .edit-tit{font-size: var(--font-size__20); }
}

.files-tips{padding-bottom: var(--padding-margin__110); margin-top: 0.2rem;text-align: right;line-height: 2;font-weight: 400;}
.files-tips p{margin: 0;}

.news_list__txt li:not(:last-child){margin-bottom: 0.2rem;}
.news_list__txt li a{background-color: #f8f9fd;padding: 1em 0.29rem 1em 0;transition: 0.3s;}
.news_list__txt li .date{width: 1rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-right: solid 1px #e1e2e6;font-family: var(--font-family__oswald); font-weight: 100;}
.news_list__txt li .date time{font-weight: 700;font-size: var(--font-size__36); margin-bottom: 0.1rem;}
.news_list__txt li .tit{flex: 1;margin: 0 0.3rem; font-size: var(--font-size__24); font-weight: 700;color: #333;transition: 0.3s;}
.news_list__txt li .tit p{margin: 0;}
.news_list__txt li .more{flex-shrink: 0; --wh:0.6rem;width: var(--wh);}
.news_list__txt li .more .icon{display: flex;align-items: center;justify-content: center;width: 100%;height:var(--wh);border-radius: 50%;border: solid 0.02rem #e0e0e0; transition: 0.3s;}
.news_list__txt li .more .icon:after{content: '';display: block;width: 0.14rem;height: 0.12rem;background: url(../images/more.svg) var(--background-contain);}
.news_list__txt li a:hover{color: #e60012;}
.news_list__txt li a:hover .more .icon{border-color: #f8f9fd; background: var(--lg-color__h__601);}
.news_list__txt li a:hover .more .icon:after{background-image: url(../images/more-white.svg);}
.news_list__txt li a:hover .tit{color: #e60012;}
.news_list__txt + .pages{margin-bottom: 0;}
@media (max-width:1024px) {
   .news_list__txt li .more{--wh:0.4rem;}  
   .news_list__txt li .tit p{font-size: var(--font-size__20);--clamp:2; line-height: 1.4;}
}

.contact-main  #map{height: 100%;}
.contact-main .right{display: flex;align-items: center;}
.contact-info{padding: var(--padding-margin__70);}
.contact-info .item:not(:last-child){margin-bottom: var(--padding-margin__50);}
.contact-info [class*=tit-]{display: flex;align-items: center;color: var(--primary-color);}
.contact-info [class*=tit-]:before{content: '';display: block;width: 0.2rem;height: 0.2rem;background:var(--background-contain);margin-right: 0.07rem;}
.contact-info .tit-add:before{background-image: url(../images/contact/add.svg);width: 0.17rem;height: 0.21rem;}
.contact-info .tit-zip:before{background-image: url(../images/contact/zip.svg);height: 0.17rem;}
.contact-info .tit-tel:before{background-image: url(../images/contact/tel.svg);height: 0.21rem;}
.contact-info .tit-email:before{background-image: url(../images/contact/email.svg);width: 0.22rem;height: 0.19rem;}
.contact-info .info{line-height: 1.5; font-size: var(--font-size__24);color: #333; font-weight: 700; margin-top: 0.1rem;}
.contact-info .item ul{margin-top: 0.2rem;}
.contact-info .item li{width: 50%;}
.contact-info .item li .info{font-family: var(--font-family__oswald); margin: 0;}
.contact-info .item li:nth-child(2) ~ li{margin-top: 0.1rem;}
@media (min-width:1025px) {
.contact-main :where(.left, .right){width: calc(50%);}
.contact-info .item li{white-space: nowrap;}
.contact-main .map-area{width: calc(960 / 800 * 100%); float: right; height: 100%; min-height: 7.2rem;}
}
@media (min-width:1025px) and  (max-width:1600px) {
   .contact-info  .info{font-size: var(--font-size__20);}
}
@media (max-width:1024px) {
   .contact-info .item li .info{position: relative;display: inline-block;}
   .contact-info .item li .info a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10; opacity: 0;background-color:var(--white__rgb);}
   .contact-main .container{flex-direction: column-reverse;}
   .contact-main #map{height: 3.6rem;}
   .contact-info{padding: var(--padding-margin__70) 0;}
   .contact-info .item li .info{display: table;margin-top: 0.1rem;}
}

#map .tdt-infowindow-content{font-family: var(--font-family); font-size: var(--font-size__16);font-weight: 400;}
#map .tdt-infowindow-content b{display: block; font-size: var(--font-size__18);font-weight: 700;}

.complaint-main{padding: var(--padding-margin__120) 0 var(--padding-margin__90) 0;}
.complaint-main .box{ position: relative;z-index: 1;}
.complaint-main .box:before{position: absolute;content: '';width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(var(--primary-color__rgb),0) 24%,rgba(var(--primary-color__rgb),1) 100%);top: 0;left: 0;z-index: 2;}
.complaint-main .txt{position: absolute;left: 0;bottom: 0;width: 100%; z-index: 4; padding: 0 0.2rem 0.2rem 0.2rem;}
.complaint-main .txt .all-title{color: var(--white); margin-bottom: var(--padding-margin__60);}
.complaint-main .txt li{height: 1.9rem; background: var(--white);width: calc((100% - 0.09rem) / 2); padding: 0.32rem 0.29rem 0;}
.complaint-main .txt [class*=icon-]{display: block; height: 0.63rem;}
.complaint-main .txt [class*=icon-]:after{display: block;height: 0.2rem;background: var(--background-contain);background-position: left center; content: '';}
.complaint-main .txt .icon-tel:after{background-image: url(../images/contact/tel-red.svg);}
.complaint-main .txt .icon-email:after{background-image: url(../images/contact/email-red.svg);}
.complaint-main .txt .icon-pay:after{background-image: url(../images/contact/pay.svg); height: 0.25rem;}
.complaint-main .txt .icon-etc:after{background-image: url(../images/contact/etc.svg);}
.complaint-main .txt li .info span{display: block; font-size: var(--font-size__28); font-weight: 700; color: #333; margin-top: 0.1rem; font-family: var(--font-family__oswald);}
.complaint-main .enter .url{font-size: var(--font-size__28); font-weight: 700;  color: #333; }
.complaint-main .enter .url p{margin: 1em 0 0 0; font-weight: 400;font-size: var(--font-size__16); color: #666; }
.complaint-main .more{flex-shrink: 0; --wh:0.6rem;width: var(--wh);}
.complaint-main .more .icon{display: flex;align-items: center;justify-content: center;width: 100%;height:var(--wh);border-radius: 50%;border: solid 0.02rem #e0e0e0; transition: 0.3s;}
.complaint-main .more .icon:after{content: '';display: block;width: 0.14rem;height: 0.12rem;background: url(../images/more.svg) var(--background-contain);}
.complaint-main .more .icon:hover{border-color: #f8f9fd; background: var(--lg-color__h__601);}
.complaint-main .more .icon:hover:after{background-image: url(../images/more-white.svg);}
@media (min-width:1025px){
   .complaint-main .box{width: calc((100% - 0.4rem) / 2);}
}
@media (max-width:1024px) {
   .complaint-main .box + .box{margin-top: 0.2rem;}
}
@media (max-width:480px) {
   .complaint-main .enter .url,
   .complaint-main .txt li .info span{font-size: var(--font-size__22);}
   .complaint-main .more{--wh:0.4rem;}
}

.popup-box__team{position: fixed;top: 0;left: -100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 9999;opacity: 0;visibility: hidden;transition: opacity 0.3s;}
.popup-box__team.show{opacity: 1;visibility: visible;left: 0;}
.popup-box__team .inner{width: 90%;max-width: 10rem;background-color: var(--white);padding: var(--padding-margin__80) 0 0 0;border-radius: 0.1rem; position: relative;z-index: 2; transform: scale(0); opacity: 0; transition: 0.5s;}
.popup-box__team.show .inner{transform: scale(1); opacity: 1; transition-delay: 0.3s;}
.popup-box__team .close{position: absolute;right: -0.15rem;top: -0.15rem;width: 0.33rem;height: 0.33rem;background: url(../images/close-white.svg) no-repeat center center var(--primary-color);background-size: auto 0.14rem;z-index: 10;cursor: pointer; border-radius: 50%;}
.team-details{padding: 0 var(--padding-margin__60); overflow: hidden;border-radius: 0 0 0.1rem 0.1rem; }
.team-details .pic{ position: relative;z-index: 3;}
.team-details .pic img{aspect-ratio: 1; border-radius: 50%;}
.team-details .info{padding-top: 0.4rem;}
.team-details .name{font-size: var(--font-size__40); font-weight: 700; color: var(--primary-color); }
.team-details .post{font-size: var(--font-size__18); font-weight: 700; color: #333;opacity: 0.8;padding: 0.29rem 0;}
.team-details .desc{position: relative;z-index: 1; padding-bottom: var(--padding-margin__80); padding-top: var(--padding-margin__30);}
.team-details .desc:before{position: absolute;content: '';width: 100vw;height: 100%;background: var(--lighter-color);top: 0;left: 50%;margin-left: -50vw;z-index: 2; top: 0;}
.team-details .edit-info{position: relative;z-index: 4; overflow: auto; max-height: calc(100vh - var(--padding-margin__190) - 2.2rem); padding-right: 0.24rem;}
@media (min-width:1025px){
   .team-details .pic{width: 2.6rem; flex-shrink: 0;}
   .team-details .info{flex: 1; margin-left: 0.4rem; }
}
@media (max-width:1024px) {
   .team-details .pic{display: flex; align-items: center; justify-content: center;}
   .team-details .pic img{width: 1.6rem; height: 1.6rem;}
   .team-details .info{padding-top: 0.2rem;}
   .team-details  :where(.name,.post){text-align: center;}
   .team-details .post{padding: 0.1rem 0 0.3rem 0;}
   .team-details .edit-info{max-height: calc(100vh - var(--padding-margin__110) - 4.18rem); }
}

.list-links li{--lin:5;--limr:0.4rem; width: calc((100% - var(--lin) * var(--limr)) / var(--lin));}
.list-links li .pic{border: 1px solid rgba(var(--black__rgb),0.1); height: 1rem;}
.list-links li .pic img{max-height: 0.9rem; max-width: 80%;}
.list-links li p{margin: 1em 0 2em 0;text-align: center;}
@media (min-width:1025px){
.list-links li:not(:nth-child(5n)){margin-right: var(--limr);}
}
@media (max-width:1024px) {
   .list-links li{--lin:3;--limr:0.2rem;}
   .list-links li:not(:nth-child(3n)){margin-right: var(--limr);}
}


/**/
.pop-up{position: fixed; width:3rem; right:.7rem; top: 50%; transform: translateY(-50%); border-radius: 20px; background: #fff;padding: 2px; z-index: 90; color: #071b42;line-height: .26rem; }
.pop-up .close{position: absolute;top: 0; right: -.3rem; width: .2rem; height: .2rem; border-radius: 100%; background: rgba(0,0,0,0.3); cursor: pointer}
.pop-up .close:before,
.pop-up .close:after{content: ''; width: 80%; height: 2px; background: #fff; position: absolute; margin: auto; top: 0; bottom: 0; right: 0;left:0}
.pop-up .close:before{transform: rotate(45deg)}
.pop-up .close:after{transform: rotate(-45deg)}
.pop-up *{padding: 0; margin: 0}
.pop-up .box{padding: 18px;border-radius: 20px; padding-bottom:.5rem; background: linear-gradient(140deg,#dcf1f9,#d1eaf2,#c0e1ed,#e9f5f9,#d5ecf5); position: relative;}
.pop-up h3{font-size: var(--font-size__26);  text-align: center; padding: .1rem 0}
.pop-up h4{font-size: var(--font-size__18);  text-align: center; background: -webkit-linear-gradient(#47bcc6, #0b318f 40%); -webkit-background-clip: text; color: transparent; background-clip: text; padding-top: .1rem}
.pop-up h5{font-size: var(--font-size__18);padding: .1rem 0}
.pop-up h5 img{margin-right: .1rem;}
.pop-up ul{font-size: var(--font-size__18);padding: .2rem 0}
.pop-up .lianxi{position: relative; padding-right:40%;}
.pop-up .icon{width:38.465%;position: absolute; right: 0; top:50%; transform: translateY(-50%)}
.pop-up .lianxi p{font-weight: 100}
.pop-up .link{position: absolute; left: 20%; right: 20%; bottom: -.2rem; }
.pop-up .link a{ color: #fff; line-height: .4rem;background: linear-gradient(135deg,#47bcc6,#0b318f 40%);border-radius:30px;position: relative; z-index: 2;text-align: center; font-weight: bold; box-shadow:  0 3px 10px #86a0cb}
.pop-up .link a img{margin-right: .1rem;}
.pop-up .link:before{content: ''; position: absolute;left: -.1rem; right: -.1rem; top: -.1rem; bottom: -.1rem; z-index: -1;border-radius: 30px; box-shadow: 0 0 0 2px #fff; background: linear-gradient(-180deg,#d5edf3,#cfe1ee)}

.pop-up.xny{color: #0c3b3e;}
.pop-up.xny .box{ background: linear-gradient(140deg,#d6f1f6,#d4f0f5,#bae4ed,#e9f5f9,#d5ecf5);}
.pop-up.xny h3{color: #0c3b3e}
.pop-up.xny ul li{line-height: .5rem; background:no-repeat left}
.pop-up.xny ul li:not(:last-child){margin-bottom: .08rem}
.pop-up.xny ul figure{width: .6rem;height: .5rem;}
.pop-up.xny ul b{flex: 1; padding-left: .4rem}
.pop-up.xny .link a{background: linear-gradient(135deg,#3cebb4,#069eaa 40%); box-shadow:  0 3px 10px #78ccd4}
.pop-up.xny .link:before{background: linear-gradient(-180deg,#eafaf8,#cfe1ee)}

.pop-up.jr ul li{width: 30%; background: #afd8e3;border-radius:10px;text-align: center; padding: .15rem .1rem;}
.pop-up.jr ul li figure{width: .26rem; height: .26rem;margin: auto; text-align: center; }
.pop-up.jr ul li b{display: block;font-size: var(--font-size__16);padding-top: .1rem;}

.pop-up.gqtz ul{padding: 0; background: #abd4e1; border-radius: 10px; margin: .1rem 0}
.pop-up.gqtz ul li{padding: .15rem;}
.pop-up.gqtz ul li:first-child{color: #fff; border-radius: 10px;background: linear-gradient(-10deg,#0b318f, #004ea2 45%,#00b2bc 85%,#47bcc6);}
.pop-up.gqtz ul li:last-child{ border-radius:0 0 10px 10px;}
.pop-up.gqtz ul figure{width: .5rem;height: .5rem;/*background: rgba(255,255,255,0.2); border: solid 1px rgba(255,255,255,0.3); border-radius: 10px;*/ margin-right: .1rem}
.pop-up.gqtz ul h5{padding: 0}
.pop-up.gqtz ul p{flex: 1; font-weight: 100;font-size: var(--font-size__16);}

#cooperate{padding-top:5%; padding-bottom:5%}
#cooperate .container{ align-items: flex-start;}
#cooperate .sidebar-nav{width:25%; 	background-image: linear-gradient(-30deg, #0b318f 0%, #063f99 24%, #004da2 40%, #0080af 66%, #00b2bb 85%, #24b7c1 96%, #47bcc6 100%),
linear-gradient(#0b3190, #0b3190);background-blend-mode: normal, normal; padding-bottom:6%}
#cooperate .sidebar-nav h3{font-size: var(--font-size__30); margin:0; padding:.35rem; color: #ffffff; }
#cooperate .sidebar-nav li{font-size: var(--font-size__20); padding: 0 .35rem}
#cooperate .sidebar-nav li img{height:.3rem;}
#cooperate .sidebar-nav li a{position: relative; color: #ffffff; line-height: .7rem; display: block; border-bottom:solid 1px rgba(255,255,255,0.1); background:no-repeat left; padding-left:.4rem}
#cooperate .sidebar-nav li.on,
#cooperate .sidebar-nav li:hover{background: linear-gradient(90deg,rgba(255,255,255,0.3),rgba(255,255,255,0))}
#cooperate .sidebar-nav li:nth-child(1) a{background-image:url(/upload/image/2025-07/1752540197296.png)}
#cooperate .sidebar-nav li:nth-child(2) a{background-image:url(/upload/image/2025-07/1752540197230.png)}
#cooperate .sidebar-nav li:nth-child(3) a{background-image:url(/upload/image/2025-07/1752540197232.png)}
#cooperate .sidebar-nav li:hover a:after{content: ''; position: absolute; right:0; top:0; bottom:0; margin:auto; width:14px; height:14px;  background:url(/upload/file/2025-07/1752557935640.svg) no-repeat center}
#cooperate .sidebar-intro{width:72.5%; background: #f7f9fc; padding:2.5%; font-size: var(--font-size__18)}
#cooperate .title{font-size: var(--font-size__30); color:#333333;padding:0;margin:0}
#cooperate .title:after{content: '';  margin-top:.2rem;   display: block; width:40px; height:3px;background:linear-gradient(90deg,#0b318f,#47bcc6);}
#cooperate .sub-tit{font-size: var(--font-size__22)!important;}
#cooperate .lx{ color:#0b318f; padding-top:1.5%; padding-bottom:3%; border-bottom: dotted 1px #d1d1d1;}
#cooperate .lx img{margin-right:.1rem}
#cooperate .txt .lx{padding:0; border-bottom:none}
#cooperate .bg-tit{display: flex; align-items: center; font-size: var(--font-size__18);color: #ffffff;padding:.05rem 0; margin:0; max-width:5rem; background:linear-gradient(90deg, #0b318f 30%, #47bcc6 70%, rgba(71, 188, 198, 0)); margin-bottom:.2rem}
#cooperate .bg-tit img{margin:0 .1rem}
#cooperate dl{display:flex; flex-wrap: wrap;}
#cooperate dl dt{font-weight: 900;}
#cooperate dl dd{flex:1}
#cooperate .group {padding-bottom:3%}
#cooperate .group .txt{background:#ffffff; width:48%;}
#cooperate .group .bg-tit{max-width:100%;margin-bottom:0; padding:0 1% 0 8%; font-size: var(--font-size__22);background:linear-gradient(90deg, #0b318f 30%, #47bcc6); }
#cooperate .group .bg-tit em{float:right; font-size:calc(60/1920*100vw); opacity:0.2;line-height: 1; font-style: normal;}
#cooperate .group .desc{padding:4% 8%}
#cooperate .lx_full{line-height:.62rem;}
#cooperate .lx_full dt{width:2.6rem;color: #ffffff;padding-left:.6rem; background:no-repeat left;background-size: contain;}
@media (min-width:1024px) {
#cooperate .sidebar-intro{min-height:4.69rem;}
}
@media (max-width:1024px) {
#cooperate .sidebar-nav,
#cooperate .sidebar-intro{width:100%}
#cooperate .group .bg-tit em{font-size:calc(60/1200*100vw); }
}
@media (max-width:640px) {
#cooperate .group .txt{width:100%}
#cooperate .group .bg-tit{padding:0 4%}
#cooperate .group .desc{padding:4%}
#cooperate .lx_full dt{width:100%}
}