@charset "utf-8";
.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #00275d 100%);z-index: 1;height: 1.5rem;opacity: .3;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{padding-bottom: 100vh;transition: 0s;background: none;}
.banner .imgBox .img img{ transition: 0s;}
.banner.on ul li.swiper-slide-active .a .imgBox img, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox img, .banner.on ul li.swiper-slide-prev .a .imgBox img{ animation: sca 6s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.06);
    }
}

.arr1Box{position: absolute;top: 50%;transform: translateY(-50%);right: 1.875vw;z-index: 2;flex-direction: column;align-items: center;justify-content: center;gap: 0 0;}

.arr1{display: flex;width: .3rem;height: .3rem;align-items: center;justify-content: center;font-size: .07rem;color: #fff;font-family: 'lib'; cursor: pointer;}
.arr1.prev1{ transform: rotate(90deg);}
.arr1.next1{ transform: rotate(-90deg);}

.banner .dots{flex-direction: column;z-index: 2;align-items: center;justify-content: center;gap: .18rem .1rem;}
.banner .dots span{width: .37rem;height: 3px; margin: 0 0 !important;opacity: 1; position: relative; background: transparent; border-radius: 0; display: flex; align-items: center; justify-content: center;}
.banner .dots span::before{ content: ""; width: .18rem; height: 1px; background: #fff; transition: .5s;}

.banner .dots span.active::before{ width: 100%; height: 3px;}

.more1{justify-content: center;align-items: center;position: absolute;left: 50%;transform: translateX(-50%);z-index: 2;bottom: .3rem;font-size: .18rem;color: #fff;transition: .5s;gap: 0 .12rem;background: url(../images/more1_b.svg) center no-repeat;background-size: 100% 100%;width: 1.68rem;height: .36rem;}
.more1 img{ width: .22rem; transition: .5s;}

.pad1{ padding: .95rem 0; overflow: hidden;}

.tit1{ align-items: center; margin: 0 0 .6rem;}
.tit1 .ll h3{font-size: .6rem;color: #1e1e1e;font-weight: normal;line-height: 1;margin: 0 .1rem 0 0;}
.tit1 .ll h3::first-letter{ color: #004fbb; font-weight: 600;}
.tit1 .ll .lli{ text-align: center;}
.tit1 .ll img{height: .46rem;margin: -.1rem 0 0;}
.tit1 .ll h6{font-size: .22rem;color: #cda878;text-transform: uppercase;font-family: 'Noto Serif SC';font-style: normal;font-weight: 700;font-display: swap;line-height: 1;margin: .02rem 0 0;letter-spacing: .005rem;}

.tit1w .ll h3{ color: #fff}
.tit1w .ll h3::first-letter{ color: #fff}

.mtab1 .hd ul li{ position: relative;}
.mtab1 .hd ul li::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: .22rem; background: #004fbb;}
.mtab1 .hd ul li .a{ font-size: .22rem; color: #333333; padding: 0 .27rem; }
.mtab1 .hd ul li.on .a{color: #004fbb;font-weight: 500;}


.more2{ font-size: .22rem; color: #333333; padding: 0 .27rem; position: relative;}
.more2::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: .22rem; background: #004fbb;}
.more2::after{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: .22rem; background: #004fbb;}

.home1{ position: relative; z-index: 1;}
.home1:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/ho1_b.jpg) center top no-repeat; background-size: cover; opacity: .25}
.home1 .left{width: 7.54rem;}
.home1 .right{width: calc(100% - 7.54rem - .54rem);}

.lt1 .a{ position: relative; z-index: 1; display: block;}
.lt1 .imgBox:after{content:"";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);z-index: 1;height: 1.5rem;}
.lt1 .imgBox .img{ padding-bottom: 61.73%;}
.lt1 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .3rem .3rem;align-items: flex-end;}
.lt1 h6{padding: 0 .15rem;font-size: .36rem;color: #fff;border-left: #fff 1px solid;border-right: #fff 1px solid;width: auto;}
.lt1 h4{color: #fff !important;flex: 1;margin: .15rem 0 0;}
.lt1 .ll{flex-direction: column;align-items: flex-start;overflow: hidden;padding: .1rem 0 0;flex: 1;}
.lt1 .dots{width: auto;margin: 0 0 .12rem .2rem;gap: 0 .15rem;}
.lt1 .dots span{width: .1rem;height: .1rem;background: rgba(255,255,255,.6);border-radius: 0;margin: 0 !important;}
.lt1 .dots span.active{ background: #fff}

.lt2{ border-bottom: #c1c1c1 1px solid;}
.lt2 li{ position: relative;}
.lt2 li::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #c1c1c1;}
.lt2 li::after{content: "";position: absolute;top: 0;right: 0;width: 0;height: 3px;background: #246fd5;transition: .5s;}
.lt2 .a1{height: 1.55rem;flex-direction: column;align-items: flex-start;justify-content: center;transition: .5s;}
.lt2 .a1 h6{padding: 0 .12rem;border-left: #004fbb 1px solid;border-right: #004fbb 1px solid;width: auto;}
.lt2 .a1 .txt{margin: .12rem 0 0;align-items: flex-start;}
.lt2 .a1 h4{width: 38%;}
.lt2 .a1 p{flex: 1;margin: 0 0 0 .46rem;}

.lt2 .a2{position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;transition: .5s;align-items: center;visibility: hidden;}
.lt2 .a2 h6{ width: 1.56rem; font-size: .5rem; color: #004fbb}
.lt2 .a2 h4{ flex: 1; overflow: hidden}

.lt3{display: grid;grid-template-columns: repeat(4, 1fr);gap: .3rem .54rem;margin: .46rem 0 0;}
.lt3 li{ min-width: 0;}
.lt3 .imgBox .img{ padding-bottom: 60%;}
.lt3 .txt{padding: .18rem 0;border-top: #c1c1c1 1px solid;margin: .22rem 0 0;position: relative;}
.lt3 .txt::after{content: "";position: absolute;top: -1px;right: 0;width: 0;height: 3px;background: #246fd5;transition: .5s;}
.lt3 h4{ font-size: .2rem; line-height: .24rem;}

.lt3s{display: grid;grid-template-columns: repeat(3, 1fr);gap: .3rem .54rem;margin: .46rem 0 0;}
.lt3s li{ min-width: 0;}
.lt3s .a{ display: flex; align-items: center;}
.lt3s .tranImg{width: 1.2rem;height: .7rem;border: 1px solid #ddd;display: flex;align-items: center;margin: 0 .2rem 0 0;align-items: center;justify-content: center;background: #f6f6f6;}
.lt3s .tranImg img{ max-width: 80%; max-height: 80%;}
.lt3s .txt{ flex: 1; overflow: hidden;}
.lt3s h4{ font-size: .2rem; line-height: .24rem; margin: .12rem 0 0; }
.lt3s h6{padding: 0 .12rem;border-left: #004fbb 1px solid;border-right: #004fbb 1px solid;width: auto; display: inline-flex;}

.more3{font-size: .18rem;color: #333333;align-items: center;transform-style: preserve-3d;perspective: 800px;padding: 0 .3rem;}
.more3::before{content: "";width: 3rem;height: .22rem;background: #004fbb;transform-origin: left center;transform: rotateY(93.5deg);transition: transform .6s cubic-bezier(.5,0,.2,1), background-color .3s;position: absolute;left: 0;}
.more3::after{content: "";width: 3rem;height: .22rem;background: #004fbb;transform-origin: right center;transform: rotateY(-93.5deg);transition: transform .6s cubic-bezier(.5,0,.2,1), background-color .3s;position: absolute;right: 0;}

.more3w{ color: #fff}
.more3w::before, .more3w::after{ background: #fff}

.home2{background: #f3f6fa;position: relative;z-index: 1;}
.home2::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/ho2_b.png) center bottom no-repeat;background-size: 100% auto;transition: 1s;opacity: 0;z-index: -1;}
.aos-animate.home2::before{ opacity: 1;}
.home2 .tit1{ margin-bottom: .7rem;}

.lt4{display: grid;grid-template-columns: repeat(3, 1fr);gap: .3rem .86rem;}
.lt4 li{ min-width: 0;}
.lt4 .top{align-items: center;border-bottom: #c1c1c1 1px solid;padding: 0 0 .18rem;margin: 0 0 .28rem;position: relative;justify-content: space-between;}
.lt4 .top::after{ content: ""; position: absolute; bottom: -1px; right: 0; width: 0; height: 2px; background: #004fbb; transition: .5s;}
.lt4 .top h6{font-size: .36rem;color: #004fbb;padding: 0 .16rem;line-height: .6;}
.lt4 .top h5{font-size: .3rem;color: #004fbb;font-weight: normal;padding: 0 .16rem;border-left: #004fbb 1px solid;border-right: #004fbb 1px solid;width: auto;line-height: 1;}
.lt4 h4{-webkit-line-clamp: 1;line-clamp: 1;}
.lt4 dl{ display: flex; flex-direction: column; gap: .3rem 0}
.lt4 .a{  display: block; position: relative; padding: 0 0 0 .2rem}
.lt4 .a:before{ content: ""; position: absolute; left: 0; width: .08rem; height: .08rem; background: #004fbb; top: 0.1rem}

.more4{ align-items: center; font-size: .18rem; color: #004fbb}
.more4 img{ width: .2rem; margin: 0 0 0 .1rem;}

/* 裁剪必须放在容器层（.lt5Box）；wrapper 靠 transform 平移，
   若在 wrapper（.lt5）上 overflow:hidden，会把平移后的所有 slide 裁没 */
.lt5Box{overflow: hidden;/* border-right: #c1c1c1 1px solid; */}
.lt5{display: flex;flex-wrap: nowrap;}
/* lt5 原生无限居中手风琴：宽度由 JS 写入 CSS 变量控制 */
.lt5 li.active h4{ color: #004fbb}
.lt5-dots{align-items: center;justify-content: center;margin: .3rem 0 0;gap: 0 .06rem;}
.lt5-dots .lt5-dot{width: .1rem;height: .1rem;/* border-radius: 50%; */background: #c1c1c1;opacity: 1;margin: 0 .06rem;transition: .4s;cursor: pointer;}
.lt5-dots .lt5-dot.active{background: #004fbb;}
.lt5 li{flex:none;width: var(--lt5-side-w, 27.027%);margin-right: var(--lt5-gap, 0px);background-size: cover !important;transition: .6s cubic-bezier(0.4, 0.2, 0.2, 1);position: relative;padding: 0 .22rem;border-left: #c1c1c1 1px solid;overflow: hidden;}
/* 始终只有中间(active)一张加宽，与 hover 无关 */
.lt5 li.active{ width: var(--lt5-center-w, 45.946%); }
.lt5 h4{ height: .64rem;}
.lt5 .imgBox .img{ padding-bottom: 2.3rem;}
.lt5 .p{ padding: .25rem 0 .2rem}
.lt5 p{ padding: 0 0 0 .36rem;line-height: 1.75;background-size: .24rem .24rem !important;background-position-y: .03rem !important}
.lt5 p span{padding: 0 .12rem;border-left: #004fbb 1px solid;border-right: #004fbb 1px solid;display: inline-block;line-height: .8;color: #004fbb;font-size: .18rem;}
.lt5 p.p1{background: url(../images/lt5_i1.png) left .02rem no-repeat;}
.lt5 p.p2{background: url(../images/lt5_i2.png) left .02rem no-repeat;} 
.lt5 p.p1 span{ font-family: 'DINCondensedC';}

.cardcon{position: sticky;top: 0;z-index: 1;}
/* 掉帧修复：原动画改 background-position（每帧重绘全宽背景条，无法 GPU 合成）
   改为等价 transform: translateX 动画（0 → -10000px，每 10% 步进 1000px，与原轨迹完全一致），
   元素加宽 10000px 保证平移中不露底；will-change 提示浏览器常驻合成层 */
.cardcon .bg1s{position: absolute;bottom: 0;left: 0;width: 100%;max-width: 100%;background: url(../images/zhalan.png) repeat-x left bottom;background-size: 102.0694vw 19.0625vw;height: 19.0625vw;z-index: -1;pointer-events: none;will-change: background-position;animation: bgfubukiX 30s linear infinite;}
@keyframes bgfubukiX{ from{ background-position-x: 0; } to{ background-position-x: -102.0694vw; } }

.home4{min-height: 100vh;background: url(../images/ho4_b.jpg) center no-repeat;background-size: cover;padding: .4rem;display: flex;flex-direction: column;justify-content: center;}
.home4 .tit1{margin-bottom: .2rem;}
.home4 .left{width: 5.5rem;padding: .8rem 0 0;}
.home4 .right{width: calc(100% - 5.5rem - 1rem);}

/*3d卡片*/
#cardsflip{position: relative;padding-top: .8rem; }
.lt6{position: relative;height: 4rem;-webkit-perspective: 80rem;perspective: 80rem;-webkit-perspective-origin: 50% 30%;perspective-origin: 50% 30%;}
.lt6 li{ position: absolute; inset: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; pointer-events: none; transform-origin: 50% 50%;}
.lt6 li.on{ pointer-events: auto;z-index: 7 !important}

.lt6 .a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background: #fff;display: flex;align-items: center;justify-content: space-between;padding: 0 .7rem;box-shadow: 0 .18rem .45rem rgba(6,21,66,.28);overflow: hidden;flex-wrap: nowrap;}
.lt6 .txt{width: calc(100% - 4.5rem - .6rem);text-align: center;}
.lt6 h6 span{padding: 0 .3rem;border-left: #004fbb 1px solid;border-right: #004fbb 1px solid;}
.lt6 h5{margin: .4rem 0 .25rem;font-size: .17rem;color: #cda878;}
.lt6 h4{height: calc(.32rem * 3);margin: 0 0 .6rem;}
.lt6 .imgBox{width: 4.5rem;text-align: center;}
.cf-more{width: 1.34rem;height: .33rem;border: #004fbb 1px solid;align-items: center;justify-content: center;align-items: center;display: flex;border-radius: 50vw;margin: 0 auto;transition: .5s;font-size: .15rem;color: #144ce1;}

.cf-num{position: absolute;top: .15rem;right: .25rem;font-size: .7rem;line-height: 1;color: #c9a063;font-family: 'DINCondensedC';z-index: 2;letter-spacing: .02rem;font-family: 'fzfys';}
.cf-mask{position: absolute;inset: 0;background: #00275d;opacity: 0;pointer-events: none;}

.cf-nav{margin: .5rem 0 0;align-items: center;justify-content: center;width: 100%;}
.cf-vline{width: 2px;height: .3rem;background: #fff;opacity: .5;margin: 0 .5rem;}
.cf-pag{align-items: center;flex: 1;font-size: .3rem;color: rgba(255,255,255,.2);}
.cf-pag .cf-cur{color: #fff;margin: 0 .06rem 0 0;font-family: 'Poppins-Bold';}
.cf-pag .cf-total{color: #fff;font-family: 'Poppins-Bold';opacity: .5;margin: 0 0 0 .06rem;}
.cf-bar{flex: 1;height: 2px;background: rgba(255,255,255,.5);margin: 0 0 0 .15rem;}
.cf-bar i{height: 4px;background: #fff;display: block;margin: -1px 0 0;}
.arr2Box{align-items: center;margin: 0 0 0 .3rem;order: 1;}
.arr2{font-size: .3rem;color: #fff;font-family: 'lib';cursor: pointer;transition: .5s;}

.lt7{ border-top: rgba(255,255,255,.6) 1px solid; margin: 0 0 0.5rem;}
.lt7 li{ border-bottom: rgba(255,255,255,.6) 1px solid;}
.lt7 .a{align-items: center;padding: 0.13rem 0 0.13rem .24rem;transition: .5s;}
.lt7 h4{flex: 1;color: #fff !important;font-weight: 300;}
.lt7 .i{width: 1rem;height: .9rem;align-items: center;justify-content: center;border-left: rgba(255,255,255,0) 1px solid;transition: .5s;}
.lt7 .i i{border-radius: 50%;width: .39rem;height: .39rem;background: url(../images/lt7_b.png) center no-repeat;background-size: 100% 100%;align-items: center;justify-content: center;display: flex;font-size: .26rem;color: #fff;font-family: 'lib';}
.lt7 .i i:before{ transform: rotate(45deg)}

.more5{width: 1.92rem;height: .6rem;border-radius: 50vw;background: rgba(255, 255, 255, 0.1);/* 掉帧修复：去掉 backdrop-filter: blur(10px) —— 毛玻璃在滚动时每帧都要重新采样背后内容，
   移动端掉帧大户；用半透明白底近似替代毛玻璃观感 */
    backdrop-filter: blur(6px);box-shadow: 0px 8px 15px 0px rgba(29, 65, 143, 0.1);align-items: center;padding: 0 .3rem;font-size: .18rem;color: #fff !important;min-width: 1.8rem;justify-content: center;border: 1px solid transparent;position: relative;z-index: 1;}
.more5::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: #c9a063;border-radius: 50vw;opacity: 0;transition: .5s;}
.more5::after{content: "";position: absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;border-radius: 50vw;padding: 1px;background: linear-gradient(180deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .3));-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite: exclude;pointer-events: none;}
.more5 i{ font-size: .24rem; color: #fff; font-family: "lib"; transform: rotate(-90deg); margin: 0 0 0 .1rem}

.home5{min-height: 100vh;background: #204ebb;padding: .4rem;display: flex;flex-direction: column;justify-content: center;}
.home5 .tit1{ margin-bottom: .3rem;}

.lt8Box{width: 100%;}
/* 掉帧修复：原 filter: drop-shadow(0px 22px 117px rgba(12,61,130,.02)) 透明度仅 .02 肉眼不可见，
   但 117px 模糊半径在滚动/轮播时每帧重算，GPU 开销极大 —— 直接移除 */
.lt8Box .a{ background: #fff; display: block;}
.lt8 .txt{height: 3.2rem;padding: .4rem .3rem;text-align: center;} 
.lt8 h6 span{padding: 0 .3rem;border-left: #004fbb 1px solid;border-right: #004fbb 1px solid;}
.lt8 h5{margin: .25rem 0 .2rem;font-size: .17rem;color: #cda878;}
.lt8 h4{height: calc(.32rem * 3);margin: 0 0 .3rem;}
.lt8 .imgBox .img{ padding-bottom: 62%;}

.home6{min-height: 100vh;padding: .5rem 0 .3rem;position: relative;}
.home6 .wp{height: 100%;display: flex;flex-direction: column;justify-content: space-between;min-height: calc(100vh - .8rem);}

/*年份切换*/
.nf{position: relative;z-index: 5;margin-top: .5rem;width: 100%;}
.nf-nav{position: relative;padding: .9rem 0 0;overflow: hidden;width: 100%;cursor: grab;user-select: none;-webkit-user-select: none;touch-action: pan-y;}
.nf-nav.dragging{cursor: grabbing;}
.nf-track{ position: relative; align-items: center; height: 100%; flex-wrap: nowrap; transition: transform .6s cubic-bezier(.4,0,.2,1); will-change: transform;}
.nf-track li{ flex: none;}

.nf-tick{width: 1px;height: .18rem;background: #000;margin: 0 .12rem;}
.nf-tick.t0{ height: .24rem;}
.nf-tick.t1{ height: .13rem; opacity: .7;}
.nf-tick.t2{ height: .18rem;}

.nf-year{margin: 0 .32rem;cursor: pointer;position: relative;}
.nf-year:before{content: "";position: absolute;left: 50%;bottom: .3rem;margin: 0 0 0 -.5px;width: 1px;background: #000;height: 0;transition: .5s;}
.nf-year.on:before{ height: .3rem}
.nf-year span{font-family: 'DINCondensedC';font-size: .5rem;line-height: 1;color: #c9a063;transform-origin: 50% 50%;transition: transform .5s;transform: scale(1);display: block}
.nf-year span b {
    font-size: .32rem;
    font-weight: normal;
}
.nf-year.on span{transform: scale(1.38) translateY(-.6rem);}  
.nf-info{text-align: center;margin-top: 0;min-height: .9rem;}
.nf-caret{display: inline-block;width: .25rem;margin: 0 0 .05rem;transform: translateY(-.1rem);}
.nf-txt{font-size: .16rem;color: #222222;line-height: .24rem;width: 100%;margin: 0 auto;max-width: 100%;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;height: .48rem;}

.home7{ background: #f2f5f8;}

.xingguang{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;pointer-events: none;z-index: -1;}
.xingguang canvas{display: block;width: 100%;height: 100%;}

.lt9{ position: absolute !important; opacity: .5; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.lt9 li:nth-child(1){ margin-top: -2vh;}
.lt9 li:nth-child(2){ margin-top: 2vh;}
.lt9 li:nth-child(3){ margin-top: -1vh;}
.lt9 li:nth-child(4){ margin-top: -2vh;}
.lt9 li:nth-child(5){ margin-top: 2vh;}
.lt9 li:nth-child(6){ margin-top: 2vh;}
.lt9 li:nth-child(7){ margin-top: -1vh;}
.lt9 li:nth-child(8){ margin-top: -2vh;}
.lt9 li:nth-child(9){ margin-top: 1vh;}
.lt9 li:nth-child(10){ margin-top: 2vh;}
.lt9 li:nth-child(11){ margin-top: -1vh;}
.lt9 li:nth-child(12){ margin-top: 1vh;}


.xiaoxun{position: relative;z-index: 1;width: 100%;max-width: 80%;margin: 0 auto;}
.xiaoxun>img { width: 100%;opacity: 0}
.xiaoxun .wzBox img{position: absolute;top: 0;right: 0;bottom: 0;left: 0}
.xiaoxun .wzBox img:nth-child(2n) {animation: animateShow 5s ease-in-out infinite;opacity: 1}
.xiaoxun .wzBox img:nth-child(odd) {animation: animateShow2 5s ease-in-out infinite;opacity: .3}

@keyframes animateShow {
    25% {
        opacity: .3
    }
    75% {
        opacity: .3
    }
    50%,to {
        opacity: 1
    }
}

@keyframes animateShow2 {
    25% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    50%,to {
        opacity: .3
    }
}

.lt10Box{ position: relative;z-index: 2;margin-bottom: 15vh; overflow: visible}
.lt10{justify-content: space-between;position: relative;}
.lt10 li{ width: 25%; text-align: center;}
.lt10 .time{ align-items: baseline; justify-content: center;}
.lt10 .time h3{ font-size: .86rem; font-family: 'DINCondensedC'; color: #004fbb;}
.lt10 p{font-size: .18rem;color: #333333;font-weight: 300;line-height: 1.5;}


@media(min-width: 769px){
    .cf-more:hover{background: #144ce1;color: #fff;}
    .cf-btns a:hover{ transform: scale(1.15); opacity: .8;}

    .lt7 .a:hover{ background: rgba(97,183,196,.09);}
    .lt7 .a:hover .i{ border-left: rgba(255,255,255,.4) 1px solid; }
    .lt7 .a:hover h4{ font-weight: 500}

    .more5:hover::before{ opacity: 1;}

    .arr2:hover{ color: #c9a063;}

    .lt10Box .swiper-slide:nth-child(1) li:nth-child(2){transform: translate(5%, 56%);}
    .lt10Box .swiper-slide:nth-child(1) li:nth-child(3) .time h3{ font-size: .72rem;}
    
    .lt10Box .swiper-slide:nth-child(2) li:nth-child(1){transform: translate(5%, 56%);}
    .lt10Box .swiper-slide:nth-child(2) li:nth-child(1) .time h3{ font-size: .72rem;}
    .lt10Box .swiper-slide:nth-child(2) li:nth-child(3){transform: translate(5%, 30%);}
    
    .lt10Box .swiper-slide:nth-child(3) li:nth-child(4){transform: translate(5%, 56%);}
    .lt10Box .swiper-slide:nth-child(3) li:nth-child(2) .time h3{ font-size: .72rem;}
    
    .lt10Box .swiper-slide:nth-child(4) li:nth-child(1){transform: translate(5%, 36%);}
    .lt10Box .swiper-slide:nth-child(4) li:nth-child(3){transform: translate(5%, 50%);}
    
    .lt10Box .swiper-slide:nth-child(5) li:nth-child(4){transform: translate(5%, 56%);}
    .lt10Box .swiper-slide:nth-child(6) li:nth-child(2) .time h3{ font-size: .72rem;}
}
@media(max-width: 1025px){
    #cardsflip{ padding-top: 1.15rem;}
    .cf-stage{height: 4.5rem;-webkit-perspective: 20rem;perspective: 20rem;-webkit-perspective-origin: 50% 20%;perspective-origin: 50% 20%;}
    .cf-nav{ margin-top: .5rem;}
    .cf-card{/* flex-direction: column; */justify-content: center;gap: .3rem;padding: .5rem;}
    .cf-info{ width: 100%;}
    .cf-more{margin-top: 0;}
    .cf-img{ width: 100%;}
    .cf-img .img{ padding-bottom: 56%;}
    .cf-num{ font-size: .7rem;}
    .cf-bar{ width: 1.6rem;}
}
@media(max-width: 820px){
    .header .topnav{padding: 0 .2rem 0 0;}
    .toplink ul{gap: .15rem;}
    .toplink{padding: 0 .2rem 0 .3rem;}
    .header .wp{padding: 0 .2rem;}
    .header .topnav ul{align-items: center;gap: .14rem;}
}
@media(max-width: 769px){
    .cf-stage{height: calc(63vw + 2.2rem);}
    .cf-info h4{font-size: .26rem;line-height: .42rem;margin: 0 0 .3rem;}
    .cf-btns{gap: .2rem;margin: 0;}
    .cf-nav{gap: .2rem;margin-top: .25rem;}
    .lt6 .a{padding: .3rem;flex-direction: column;}
    .lt6 h5{margin: .2rem 0 .15rem;font-size: .16rem;}
    .lt6 h4{height: calc(.28rem * 2) !important;margin: 0 0 .3rem;-webkit-line-clamp: 2;line-clamp: 2;}
    .cf-num{font-size: .3rem;right: .15rem;}
    .nf-year span{font-size: .3rem;}
    .nf-tick{ margin: 0 .04rem;}
    .nf{ margin: 0 0 .4rem}
    .nf-year{margin: 0 .12rem;}
    .nf-year:before{ bottom: .15rem}
    .nf-year.on span{transform: scale(1.38) translateY(-.4rem);}
    .nf-nav{ padding: .7rem 0 0;}
}

.home7{ min-height: 100vh; position: relative; z-index: 1; background: url(../images/ho7_b.jpg) center no-repeat; background-size: cover;}

.lt11 .a{position: relative;z-index: 1;display: block;height: 100%;}
.lt11 .imgBox .img{ padding-bottom: 66.47%;}
.lt11 .txt{height: 100%;flex-direction: column;padding: 0 .25rem .15rem;text-align: center;justify-content: center;}
.lt11 .more5{ margin: 0 auto}
.lt11 h3{ font-size: .4rem; color: #fff !important;}
.lt11 h4{font-size: .4rem;color: #fff !important;line-height: 1.1;margin: .15rem 0 0;}
.lt11 .line{width: 1px;height: .64rem;background: rgba(255,255,255,.3);margin: .3rem auto .2rem;position: relative;/* overflow: hidden; */}
.lt11 .line:before{content: "";width: 3px;height: .3rem;background: #cda878;position: absolute;top: 0;left: -1px;will-change: transform;
    animation: lt11LineDown 2s linear infinite;}
@keyframes lt11LineDown{
    0%   { transform: translateY(0);      opacity: 0;}
    12%  { opacity: 1;}
    88%  { opacity: 1;}
    100% { transform: translateY(.34rem); opacity: 0;}
}
@media (prefers-reduced-motion: reduce){
    .lt11 .line:before{ animation: none; opacity: 1;}
}
.lt11 p{font-size: .18rem;color: rgba(255, 255, 255, 0.5);line-height: .3rem;margin: 0 0 .6rem;}

.lt11Box1{ width: calc(100% - 8.74rem);}
.lt11Box1 .txt{ background: url(../images/lt11_b.jpg) center no-repeat; background-size: cover; padding: 0 .85rem;}
.lt11Box2{ width: 8.74rem;}

.arr3{ width: .36rem; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1; opacity: 0; transition: .5s;}
.arr3.prev1{ left: 0;}
.arr3.next1{ right: 0;}

.home8 .tit1{ position: relative; z-index: 2;}

.lt12{gap: .1rem; }
.lt12 li {position: relative;/* padding: 0 .08rem; */}
.lt12 li .a {display: flex;transition: .5s;position: relative;z-index: 1;align-items: center;justify-content: center;color: #000;font-size: .2rem;font-family: 'lib';width: .4rem;height: .4rem;border-radius: 50vw;border: #000 1px solid;}
.lt12 li:last-child .a{ font-size: .32rem;}
.lt12 li:nth-child(2) .a{font-size: 200%;}
.lt12 li .a i,.swi-shipinhao,.swi-weixin0 {font-family: 'lib';}
.lt12 li .a img {width: .69rem;height: .69rem;position: relative;z-index: 1;transition: opacity .5s, transform .5s }
.lt12 li .ewm {width: 1.3rem;background: #fff;border-radius: 0;position: absolute;padding: .03rem;top: 140%;left: 50%;margin-left: -.65rem;z-index: 1;opacity: 0;visibility: hidden;transition: opacity .5s, visibility .5s, transform .5s;transform: translateY(.1rem);box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2)}
.lt12 li .ewm img{ width: 100%}
.lt12 li .ewm:before {content:"";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem }
.lt12 li .ewm img {width: 100% }
.lt12 li:hover .a {color: #fff;background: #004fbb;border: #004fbb 1px solid;}
.lt12 li:hover .a:after {transform: translate(-50%, -50%) scale(1) }
.lt12 li:hover .a img {opacity: 1 }
.lt12 li:hover .ewm {opacity: 1;visibility: visible;transform: translateY(0)}

.home8 .left{width: 32.05%;display: grid;grid-template-columns: repeat(2, 1fr);}
.lttc{min-width: 0;position: relative;}
.lttc li{ position: absolute; top: 0; right: 0; bottom: 0; left: 0}
.lttc li:first-child{ position: relative}
.lttc .a{ position: relative; display: block;}
.lttc .i{position: absolute;top: .1rem;left: .1rem;background: rgba(255,255,255,.27);border: rgba(255,255,255,.3) 1px solid;width: .38rem;height: .38rem;border-radius: 50vw;align-items: center;justify-content: center;font-size: .2rem;color: #ffff;font-family: 'lib';z-index: 2;}
/* 百叶窗遮罩条（由 JS 注入，PC hover 才生效） */
.lttc .imgBox .blinds{display:none;}
.lt13{grid-area: 1 / 1 / span 1 / span 2;}
.lt13 .imgBox .img{padding-bottom: 57.2%;}
.lt14{grid-area: 2 / 1 / span 1 / span 2;}
.lt14 .imgBox .img{padding-bottom: 44%;}
.lt15 .imgBox .img{padding-bottom: 79.2%;}
.lt16 .imgBox .img{padding-bottom: 79.2%;}
.lt17{ width: 5.6rem;}
.lt17 .imgBox .img{ padding-bottom: 38.75%;}
.lt17 .imgBox::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/lt17_t.png) .06rem center no-repeat;background-size: auto 100%;display: none;}
.lt18{ width: 6.34rem;}
.lt18 .imgBox .img{ padding-bottom: 51.26%;}
.lt19{ width: 4.32rem;}
.lt19 .imgBox .img{padding-bottom: 49.4%;}
.lt19 .imgBox::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/lt19_t.png) right center no-repeat;background-size: auto 100%;display: none;}

.lttc .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 0 .25rem .15rem;display: flex;flex-direction: column;justify-content: flex-end;background: rgba(0,79,187,.8);transition: .5s;opacity: 0;visibility: hidden;}
.lttc .txt .top{border-bottom: rgba(255,255,255,.3) 1px solid;justify-content: flex-start;padding: 0 0 .15rem;position: relative;}
.lttc .txt .top:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: .9rem; height: 2px; background: #fff}
.lttc .txt h6{color: #fff;border-left: #fff 1px solid;border-right: #fff 1px solid;width: auto;padding: 0 .1rem;}
.lttc .txt h4{font-size: .2rem;color: #fff;margin: .1rem 0 0;}

.home8 .right{width: 67.43%; }
.home8 .right .box1 .con1{ flex: 1; overflow: hidden; align-items: flex-end;}
.home8 .right .box1{background: #004fbb;}
.home8 .right .box2 .con1{ flex: 1; overflow: hidden; align-items: flex-end;}
.home8 .right .box2{background: #004fbb;}
.home8 .right .box3 .con1{ width: 2.02rem; overflow: hidden; align-items: flex-end;}
.home8 .right .box3{background: #004fbb;}

.home8{padding-bottom: .3rem;}
.home8 .content{/* background: #004fbb; *//* overflow: hidden; */}

.more6{ flex: 1; overflow: hidden; background: #cda878; align-items: center; justify-content: center;}
.more6 i{ width: 1.56rem; height: 1.56rem; align-items: center; justify-content: center; position: relative; z-index: 1;}
.more6 i::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/more6.png) center no-repeat; background-size: cover; z-index: -1; animation: roted 20s linear infinite;}
.more6 i svg{ width: .59rem}

.home9{position: relative;z-index: 1;padding-bottom: 13vw;}
.home9::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/ho9_b.png) center bottom no-repeat;background-size: 100% auto;transition: 1s;opacity: 0;z-index: -1;}
.aos-animate.home9::before{ opacity: 1;}

.lt20{gap: .5rem 0;align-items: center;}
.lt20 li{ width: 14.27%;}
.lt20 .a{font-size: .2rem;color: rgba(51,51,51,.7);display: block;margin: 0 -1px;text-align: center;position: relative;}
.lt20 .a:before{ content: ""; position: absolute; top: 50%; width: 2px; height: .2rem; background: #009ceb; left: 0; transform: translateY(-50%)}
.lt20 .a:after{ content: ""; position: absolute; top: 50%; width: 2px; height: .2rem; background: #009ceb; right: 0; transform: translateY(-50%)}

@media(min-width: 769px){
    .more1:hover img.i1{ transform: translateX(-.06rem);}
    .more1:hover img.i2{ transform: translateX(.06rem);}
    .more1:hover{ color: #d0a773;}

    .lt2 li:hover::after{ width: 100%; left: 0}
    .lt2 li:hover .a1{ opacity:0}
    .lt2 li:hover .a2{opacity: 1;visibility: visible;}
    .lt2 li:hover h4{ font-weight: 500}

    .lt4 .a:hover .top::after{ left: 0; width: 100%;}

    .more3w:hover{ color: #fff}

    .lt20 .a:hover{ color: #144ce1;}

    .more3:hover::before{transform: rotateY(91.5deg);background-color: #d0a773;}
    .more3:hover::after{transform: rotateY(-91.5deg);background-color: #d0a773;}

    .lt3  .a:hover .txt::after{ width: 100%; left: 0}

    /* lttc 百叶窗 hover 遮罩过渡（扫过式）：20 条竖条从左往右依次出现盖住图片，
       再从左往右依次消失，扫过完成后 txt 层再出现 */
    .lttc .imgBox .blinds{ display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; overflow: hidden;}
    .lttc .imgBox .blinds i{ flex: 1; background: #004fbb; transform: scaleX(0); transform-origin: 0 50%; transition: transform .15s ease;}
    .lttc .a:hover .imgBox .blinds i{ animation: ltBlinds .4s cubic-bezier(.4, 0, .2, 1) both;}
    /* 错开步长 .02s × 20 = .4s 扫过区间，竖条更密、波前更连续 */
    .lttc .a:hover .imgBox .blinds i:nth-child(1){ animation-delay: 0s}
    .lttc .a:hover .imgBox .blinds i:nth-child(2){ animation-delay: .02s}
    .lttc .a:hover .imgBox .blinds i:nth-child(3){ animation-delay: .04s}
    .lttc .a:hover .imgBox .blinds i:nth-child(4){ animation-delay: .06s}
    .lttc .a:hover .imgBox .blinds i:nth-child(5){ animation-delay: .08s}
    .lttc .a:hover .imgBox .blinds i:nth-child(6){ animation-delay: .1s}
    .lttc .a:hover .imgBox .blinds i:nth-child(7){ animation-delay: .12s}
    .lttc .a:hover .imgBox .blinds i:nth-child(8){ animation-delay: .14s}
    .lttc .a:hover .imgBox .blinds i:nth-child(9){ animation-delay: .16s}
    .lttc .a:hover .imgBox .blinds i:nth-child(10){ animation-delay: .18s}
    .lttc .a:hover .imgBox .blinds i:nth-child(11){ animation-delay: .2s}
    .lttc .a:hover .imgBox .blinds i:nth-child(12){ animation-delay: .22s}
    .lttc .a:hover .imgBox .blinds i:nth-child(13){ animation-delay: .24s}
    .lttc .a:hover .imgBox .blinds i:nth-child(14){ animation-delay: .26s}
    .lttc .a:hover .imgBox .blinds i:nth-child(15){ animation-delay: .28s}
    .lttc .a:hover .imgBox .blinds i:nth-child(16){ animation-delay: .3s}
    .lttc .a:hover .imgBox .blinds i:nth-child(17){ animation-delay: .32s}
    .lttc .a:hover .imgBox .blinds i:nth-child(18){ animation-delay: .34s}
    .lttc .a:hover .imgBox .blinds i:nth-child(19){ animation-delay: .36s}
    .lttc .a:hover .imgBox .blinds i:nth-child(20){ animation-delay: .38s}
    @keyframes ltBlinds{
        0%   { transform: scaleX(0);}
        35%  { transform: scaleX(1);}
        62%  { transform: scaleX(1);}
        100% { transform: scaleX(0);}
    }
    /* txt：最后一条 .38s 延迟 + .4s 动画 = .78s 全部扫过完成；txt 在扫过基本结束时淡入 */
    .lttc .a:hover .txt{ opacity: 1; visibility: visible; transition-delay: .7s;}
}
@media(max-width: 1025px){
    .banner .imgBox .img{ padding-bottom: 50%;}

    .banner .dots{gap: .06rem .1rem;}

    .cardcon{position: inherit;top: 0;z-index: 1;}
    #cards{ overflow: hidden;}
}
@media(max-width: 769px){
    .pad1{ padding: .4rem 0;}
    .more1{bottom: .15rem;font-size: .14rem;width: 1.4rem;height: .32rem;transform: translateX(-50%) scale(.8);transform-origin: bottom;}
    .more1 img{ width: .16rem;}

    .tit1{ margin: 0 0 .3rem;}
    .tit1 .ll h3{font-size: .28rem;padding: .06rem 0 0;}
    .tit1 .ll img{height: .24rem;}
    .tit1 .ll h6{ font-size: .12rem;}
    .tit1 .rr{width: 100%;justify-content: center;margin: .15rem 0 0;}

    .mtab1 .hd ul li .a{font-size: .18rem;padding: 0 .15rem;}
    .mtab1 .hd ul li::before{ height: .14rem}
    
    .more2{font-size: .18rem;padding: 0 .15rem;}
    .more2::before{ height: .14rem}
    .more2::after{ height: .14rem}

    .home1 .left{width: 100%;}
    .home1 .right{width: 100%;padding: .3rem 0 0;}

    .lt1 .txt{ padding: 0 .15rem .15rem}
    .lt1 h6{padding: 0 .1rem;font-size: .26rem;}
    .lt1 .dots{position: absolute;right:.15rem;bottom: .5rem;gap: 0 .1rem;}

    .lt2 .a1{height: auto;padding: .2rem 0 .15rem;}
    .lt2 .a1 h4{ width: 100%;}
    .lt2 .a1 p{flex: 1;margin: 0 0 0 .2rem; display: none}

    .lt3{ grid-template-columns: repeat(2, 1fr);gap: .1rem .14rem;margin: .3rem 0 0;}
    .lt3 .txt{padding: .15rem 0;margin: .15rem 0 0;}
    
    .lt3s{display: grid;grid-template-columns: repeat(1, 1fr);gap: .1rem .14rem;margin: .3rem 0 0;}
    .lt3s h4{  margin: .05rem 0 0; }
    .lt3s li:nth-child(5), .lt3s li:nth-child(6){ display: none;}
    .more3{font-size: .16rem;padding: 0 .15rem;}

    .more3::before{height: .18rem;transform-origin: left center;transform: rotateY(91.5deg);}
    .more3::after{ height: .18rem;transform-origin: right center;transform: rotateY(-91.5deg);}

    .home2 .tit1{ margin-bottom: .3rem;}

    .lt4{ grid-template-columns: repeat(1, 1fr);gap: .3rem .14rem;}
    .lt4 .top h6{font-size: .24rem;padding: 0 .12rem;}
    .lt4 .top h5{font-size: .18rem;padding: 0 .1rem;}
    .lt4 .top{margin: 0 0 .18rem;padding: 0 0 .14rem;}
    .lt4 .more4{/* display: none; */font-size: .16rem;}
    .more4 img{ width: .16rem}
    .lt4 h4{height: auto;margin: 0;}

    .lt4 dl{ display: flex; flex-direction: column; gap: .1rem 0}
    .lt4 .a:before{ top: .08rem; width: .06rem; height: .06rem}

    /* 移动端 lt5 单张铺满，关闭手风琴（宽度由 JS 控制） */
    .lt5 p span{ font-size: .16rem;}
    .lt5 p{ padding: 0 0 0 .3rem; background-size: .18rem .18rem !important;background-position-y: .05rem !important}
    .lt5 .p{padding: .1rem 0 .2rem;}

    .home4 .left{width: 100%;padding: .4rem 0 0;}
    .home4 .right{ width: 100%;}
    .lt7 .i{width: .7rem;height: .6rem;}
    .lt7 .a{ padding: 0.05rem 0 0.05rem .1rem; }
    .lt7 .i i{width: .3rem;height: .3rem;font-size: .2rem;}
    .lt7{margin: 0 0 .4rem;}
    .more5{width: 1.4rem;height: .45rem;min-width: 1.5rem;padding: 0 .15rem;font-size: .16rem;}
    .more5 i{ font-size: .18rem; margin: 0 0 0 .1rem}

    .lt6 .imgBox{ width: 100%;}
    .lt6 .txt{width: 100%;padding: .1rem 0 0;}

    .cf-pag{ flex: auto; width: 100%}
    .arr2{font-size: .2rem;}
    .cf-vline{width: 2px;height: .2rem;background: #fff;opacity: .5;margin: 0 .2rem;}

    .lt8Box{ width: 100%;}
    .lt8 .txt{height: 2.6rem;padding: .3rem .25rem;}
    .lt8 h5{margin: .25rem 0 .15rem;}
    .cf-pag .cf-total, .cf-pag .cf-cur{ font-size: .22rem}

    .lt10 li:nth-child(2){transform: translate(0, 0);width: 50%;}
    .lt10 li:nth-child(3) .time h3{ font-size: .4rem;}
    .lt10 .time h3{ font-size: .4rem !important;}
    .lt10 p {font-size: .16rem;width: 1.2rem;margin: 0 auto;}
    .lt10{gap: .2rem 0;margin: .2rem 0 0;}
    .lt10 li{ width: 50%}
    .xiaoxun{ max-width: 100%;}

    .home6{ overflow: hidden !important}

    .lt11Box1{ width: 100%;}
    .lt11Box1 .txt{padding: .4rem .3rem;}
    .lt11Box2{ width: 100%;}

    .lt11 h3{ font-size: .24rem; }
    .lt11 .line{height: .3rem;margin: .2rem auto .15rem;}
    .lt11 h4{ margin: .1rem 0 0;}
    .lt11 p{ margin: 0 0 .3rem;}

    .lt12{ width: 100%; justify-content: center; margin: .2rem 0 0;}

    .home8 .content{ background: none;}
    .home8 .left{ width: 100%;}
    .home8 .right{width: 100%;padding: 0;}

    .lt20 li{width: 25%;}
    .lt20 .a{font-size: .14rem;padding: 0 .05rem;}
    .lt20{ gap: .15rem 0;}
    .lt20 .a:before, .lt20 .a:after{ height: .16rem}
    .home9::before{ opacity: 1; background-position-y: bottom}

    .home9{padding: 0 0 13vw;}

    .lt17,.lt18,.lt19{width: 70%;}
    .lt17 .imgBox .img, .lt18 .imgBox .img, .lt19 .imgBox .img{padding-bottom: 45%;}
    .home8 .right .box3 .con1{ width: auto; flex: 1}
    .more6{width: 100%;flex: inherit; padding: .2rem 0}
    .more6 i{ width: .7rem; height: .7rem;}
    .more6 i img{ width: .3rem}

    .arr3{ opacity: 1; width: .26rem; opacity: 1 !important;}

    .lttc .txt{padding: 0 .15rem .1rem;/* opacity: 1; *//* visibility: visible; */}
    .lttc .txt h4{ margin: .06rem 0 0}
    .lttc .txt .top{ padding-bottom: .12rem}
    .lttc .i{ width: .3rem; height: .3rem; font-size: .16rem}

    
}

@media(max-width: 500px){
    .more1{width: 1.2rem;font-size: 0.13rem;}
}


@media(max-width: 1200px){
    .home4, .home5, .home7{ min-height: inherit;}
}

.dongxiao,.pin-spacer{ width: 100vw !important; max-width: 100vw !important;}

.home8 .center{ width: 24.48%;}
.home8 .right{ width: 42.56%;}

.list7 .a{display: block;position: relative;z-index: 1;/* overflow: hidden; */}
.list7 .txt{position: absolute;left: 0;bottom: 0;right: 0;padding: .1rem .15rem;align-items: center;}
.list7 i{display: flex;width: .4rem;height: .4rem;border: rgba(255,255,255,1) 1px solid;border-radius: 50vw;text-align: center;line-height: .4rem;margin: 0 .14rem 0 0;justify-content: center;align-items: center;}
.list7 i:before{font-size: .22rem;color: #fff;font-family: 'lib';}
.list7 h4{ font-size: .18rem; color: rgba(255,255,255,1) !important; flex: 1; font-weight: normal;}

.list7-1{ height: 100%;}
.list7-1 .imgBox .img{padding-bottom: 184.25%;}
.list7 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, rgba(0,0,0,.6), transparent);height: 30%;}
.list7-2{margin-bottom: .9%;}
.list7-2 .imgBox .img{padding-bottom: 54.66%;}
.list7-2 .txt{}
.list7-3{width: 50%;}
.list7-3 .txt{}
.list7-3 .imgBox .img{padding-bottom: 101%;}
.list7-4 .imgBox:after{ display: none}

.list7 .txt1{position: absolute;top: 0;align-items: center;padding: .4rem .32rem;z-index: 1;justify-content: flex-end;}
.list7 .txt1 .bg1{position: absolute;left: 33%;bottom: -.75rem;transform: translateX(-50%);}
.list7 .txt1 .bg1 img{opacity: 0;width: 1.76rem;}
.list7 .txt1 .bg1 .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.list7 .txt1 .bg1 .ico svg{ width: 100%; height: 100%;}
.list7 .txt1 .bg1 .ico .cls-1, .list7 .txt1 .bg1 .ico .cls-2{fill:none;}
.list7 .txt1 .bg1 .ico .cls-1{stroke:rgba(180,137,85,.5);}
.list7 .txt1 .bg1 .ico .cls-2{stroke:rgba(180,137,85,.5); isolation:isolate;}
.list7 .txt1 .rr{ height: 100%}
.list7 .txt1 .rr h3{font-size: .3rem;color: #fff;writing-mode: tb-rl;margin: 0 .1rem 0 .2rem;letter-spacing: 0;white-space: nowrap;font-weight: normal;}


.more2{display: flex;flex-direction: column;align-items: center;}
.more2 span{font-size: .18rem;color: #b48955;font-family: 'sys';writing-mode: tb-rl;margin: .15rem 0 0}

.list8{position: relative;z-index: 10;width: 1rem;height: 1.8rem;justify-content: space-between;align-items: center;gap: .2rem .12rem;}
.list8 dd{margin: 0;position: relative;z-index: 1;cursor: pointer;}
.list8 dd .a{display: flex;font-size: .2rem;color: #fff;transition: all .5s;font-family: 'lib';position: relative;z-index: 1;width: .4rem;height: .4rem;background: #eec38b;border-radius: 50vw;border: #ebd0ac 1px solid;align-items: center;justify-content: center;}
.list8 dd .a img{width: .2rem;height: .2rem;position: relative;z-index: 1;transition: all 0.5s;}
.list8 dd .ewm{/* width: 1.1rem; */background: #fff;border-radius: .06rem;position: absolute;padding: .05rem;bottom: 160%;left: 50%;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem) translateX(-50%);box-shadow: 0 0 0.3rem rgba(0,0,0,.2);display: flex;}
.list8 dd .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);bottom: -.06rem;left: 50%;margin-left: -.06rem;}
.list8 dd .ewm img{ width: 100%}
.list8 dd .a.swi-toutiao{ font-size: .15rem}
.list8 dd .ewm div{text-align: center;width: 1rem;margin: 0 .04rem;}
.list8 dd .ewm div h6{ font-size: .12rem}

.list8 .ico{  position: absolute; top: 50%; left: 50%; z-index: 10;width: 1.46rem;height: 1.46rem;transform: translate(-50%, -50%); }
.list8 .ico img{ position: absolute; z-index: 1;width: .4rem;height: .49rem;left: 50%;top: 50%;transform: translate(-40%, -50%) !important;}

.list8 .circle{ opacity: 0; transition: .5s;}
.list8 .circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50vw;border: #fff 1px solid;transform: scale(1);animation: circleScale 2s linear infinite;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;}

.list8 .circle span:nth-of-type(2) {
    animation-delay: 1s;
}
.list8 .circle span:nth-of-type(3) {
    animation-delay: 2s;
}
@keyframes circleScale {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    80% {
        opacity: .8;
    }

    100% {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }
}

.list8 dd:hover{ z-index: 3}
.list8 dd:nth-child(1):hover .a{ color: #04ad0f}
.list8 dd:nth-child(2):hover .a{ color: #d81e06}
.list8 dd:nth-child(3):hover .a{ color: #b57f3e}
.list8 dd:hover .a{box-shadow: 0px 0px 0.3rem 0px #b99563;}
.list8 dd:hover .a img{ opacity: 1}
.list8 dd:hover .ewm{opacity: 1;visibility: visible;transform: translateY(0) translateX(-50%);}

@media(max-width: 769px){
    .home8 .center{width: 100%;order: 1;}
    .home8 .right{width: 100%;display: flex;flex-direction: column;margin-top: .7%;}

    .list7-3{width: 100%;margin-bottom: .7%;}
    .list7-3:first-child{ order: 1}
    .list7 .txt1 .rr{width: 100%;flex-direction: column;height: auto;}
    .list7 .txt1 .rr h3{writing-mode: inherit;text-align: center;margin: 0 0 .2rem;}

    .list8{flex-direction: row;order: 1;width: 100%;justify-content: center;margin-bottom: .4rem;height: auto;}
    .list8 dd{margin: 0;}
    .list8 dd .a{width: .4rem;height: .4rem;font-size: .2rem;}

    .list7-4 .imgBox .img{padding-bottom: 2.5rem;}

    .list7 .imgBox .img{padding-bottom: 54.66%;}
    .list7 i{ width: .32rem; height: .32rem;}
    .list7 i:before{ font-size: .2rem;}
}