.header{
  background: #3f3f3f;
}
.about-wrap{
    position: relative;
    overflow: hidden;
}

.about-banner{
    position: relative;
    height: calc(var(--vh, 1vh) * 100);
}
.about-banner .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-fix {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
    width: 100%;
    height: 100%;
}

.banner-fix .fll-con {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    font-family: "思源宋体 CN";
    height: 100%;
    color: #fff;
}

.banner-fix h4 {
    line-height: 1;
    font-size: 58px;
    margin-bottom: 40px;
    font-weight: normal;
    text-shadow: 1px 3px 5px #000;
}

.banner-fix p {
    line-height: 1;
    font-size: 55px;
    text-transform: uppercase;
    text-shadow: 1px 3px 5px #000;
}


@media (max-width:992px) {
    .page-banner>img {
        height: 220px;
        object-fit: cover;
    }
    .banner-fix h4 {
        font-size: 30px;
    }
    .banner-fix p {
        font-size: 16px;
    }
}



/* ============ 字体与变量（仿原站） ============ */
:root{
  --main:rgba(0,18,240,1);
  --fm:#0376ff;
  --black:rgba(0,0,0,1);
  --white:#fff;
  --ease:cubic-bezier(.76,0,.24,1);
  --ease2:cubic-bezier(.25,.74,.22,.99);
}
html{overflow-x:hidden}
body{font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:#f18c28;-webkit-tap-highlight-color:transparent}
img{display:block}
a{text-decoration:none;color:inherit}

.f-90{font-size:90px;}
.f-80{font-size:80px}
.f-48{font-size:48px}
.f-36{font-size:36px}
.f-24{font-size:20px}
.f-18{font-size:18px}
.f-14{font-size:14px}
.fc{color:var(--fm)}
.bc{color:#0e0e18e6}
.mc{color:var(--main)}
.fxc{display:flex;align-items:center;justify-content:center}
.row2{width:100%;position:relative;overflow:hidden;z-index:2}
.row2>.inner{position:relative;z-index:2}
.fw-400{font-weight: 400;}
.margin-0{margin: 0;}
.lh-17{line-height: 1.7;}

/* ============ 字母拆分动画 ============ */
[data-text] .letter{display:inline-block;opacity:0;transform-origin:50%;
  transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1.2s cubic-bezier(.65,0,.35,1);
  transition-delay:.1s}
[data-text] .letter:nth-child(1){transform:translate3d(0,13px,0)}
[data-text] .letter:nth-child(2){transform:translate3d(0,18px,0)}
[data-text] .letter:nth-child(3){transform:translate3d(0,23px,0)}
[data-text] .letter:nth-child(4){transform:translate3d(0,28px,0)}
[data-text] .letter:nth-child(5){transform:translate3d(0,33px,0)}
[data-text] .letter:nth-child(6){transform:translate3d(0,38px,0)}
[data-text] .letter:nth-child(7){transform:translate3d(0,43px,0)}
[data-text] .letter:nth-child(8){transform:translate3d(0,48px,0)}
[data-text] .letter:nth-child(9){transform:translate3d(0,53px,0)}
[data-text] .letter:nth-child(10){transform:translate3d(0,58px,0)}
[data-text] .letter:nth-child(11){transform:translate3d(0,63px,0)}
[data-text] .letter:nth-child(12){transform:translate3d(0,68px,0)}
[data-text] .letter:nth-child(13){transform:translate3d(0,73px,0)}
[data-text] .letter:nth-child(14){transform:translate3d(0,78px,0)}
[data-text] .letter:nth-child(15){transform:translate3d(0,83px,0)}
[data-text] .letter:nth-child(16){transform:translate3d(0,88px,0)}
[data-text] .letter:nth-child(17){transform:translate3d(0,93px,0)}
[data-text] .letter:nth-child(18){transform:translate3d(0,98px,0)}
[data-text] .letter:nth-child(19){transform:translate3d(0,103px,0)}
[data-text] .letter:nth-child(20){transform:translate3d(0,108px,0)}
[data-text].go .letter{opacity:1;transform:translate3d(0,0,0)}

/* alanUpOnly 上浮入场 */
.alanUpOnly{opacity:0;transform:translate3d(0,2.60417vw,0);
  transition:opacity 1s var(--ease),transform 1s var(--ease)}
.alanUpOnly.go{opacity:1;transform:translate3d(0,0,0)}

/* ============ r1 Company Introduction ============ */
.r1{position:relative;background-size:100% 100%;padding-top:150px;padding-bottom:22.65625vw;overflow:hidden}
.r1 .inner{position:relative}
.r1 .inner .font_bg{padding:0 0rem;width:100%;position:relative;left:0;top:0;border-bottom: 1px solid #fff;padding-bottom: 30px;}
.r1 .inner .font_bg img{display:block;width:100%}
.r1 .inner .zzcm-title{color: #fff;padding-right:100px;padding-left:100px;position:absolute;left:0;top:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;padding-top: 10px;}
.r1 .inner .zzcm-title h2{font-size: 42px;font-weight: normal;line-height: 1.3;margin: 0;width: 100%;padding-right: 20%;}

.r1 .inner .pub_case{position:relative;z-index:2;padding-top:100px;display:flex;color: #fff;align-items:flex-start;justify-content:space-between;padding-right:100px;padding-left:100px;margin-top: 30px;}
.tianjia-wz2{font-size: 42px;font-weight: bold;line-height: 1.2;margin: 0;}


/* 标题：双层文字 + 渐变 mask 扫入 */
.layer-title .fxc{position:relative;display:flex}
.layer-title .fxc h2{position:relative;z-index:2;line-height:1.1;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:200%;mask-size:200%;
  -webkit-mask-position:160% 50%;mask-position:160% 50%;
  transition:mask-position 1.6s var(--ease2),-webkit-mask-position 1.6s var(--ease2)}
.layer-title.go .fxc h2{-webkit-mask-position:8% 50%;mask-position:8% 50%}
.layer-title .fxc h3.above{position:absolute;left:0;top:0;width:100%;z-index:1;line-height:1.1;white-space:nowrap}
.layer-title .h3en{margin-top:4.94792vw;color:#fff}

.r1 .inner .pub_case .right{width:66%;}
.r1 .inner .pub_case .right .line+div{width:calc(100% - 4.94792vw)}
.r1 .inner .pub_case .right p{line-height:1.77;margin-bottom:1.09375vw;text-align:justify;color: #fff;}

/* 文字填色：底层灰字 + 顶层黑字 clip-path 揭示（--go 滚动驱动） */
.font_step_case{position:relative;font-size: 18px;}
.font_step_case .sont_step:nth-child(1) p{color:#0006}
.font_step_case .sont_step:nth-child(1) p span{color:inherit}
.font_step_case .sont_step:nth-child(2){position:absolute;width:100%;left:0;top:0;will-change:clip-path;
  animation-name:maskAni;animation-timing-function:linear;
  animation-play-state:paused;animation-duration:1s;animation-iteration-count:infinite;
  animation-direction:alternate;animation-delay:calc(var(--go,0) * -1s)}
@keyframes maskAni{
  0%{clip-path:polygon(0 0,0 0,0 0,0 0,0 0)}
  50%{clip-path:polygon(0 0,100% 0,100% 0,0 100%,0 100%)}
  100%{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%)}
}

/* ============ r2 Our Vision / Our Values（滚动驱动） ============ */
.r2{height:350vh;background-size:100% 100%;margin-top:calc(-73vh - 13.28125vw);overflow:visible;--go:0}
.r2 .bg{background-size:100% 100%;height:calc(100% - 73vh - 13.28125vw + 2PX);left:0;
  top:calc(73vh + 13.28125vw - 1PX);position:absolute;width:100%;z-index:1;pointer-events:none}
.r2 .inner{position:sticky;width:100%;left:0;color:#fff;top:0;padding-left:1.04167vw;padding-right:1.04167vw;z-index:2}

/* 整个 group：mask 从小圆窗扩散（maskYe） */
.r2 .inner .group{height:100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:61.5% 73%;mask-position:61.5% 73%;
  -webkit-mask-size:18.22917vw;mask-size:18.22917vw;
  animation-name:maskYe;animation-play-state:paused;animation-duration:1s;
  animation-iteration-count:infinite;animation-direction:alternate;
  animation-delay:calc(var(--go) * -1s);animation-timing-function:ease-in-out;will-change:transform,opacity}
/* swiper：从 .28 放大到全屏（swiperYe） */
.r2 .inner .group .swiper{transform:scale(.28);transform-origin:65% 74%;overflow: visible;
  animation-name:swiperYe;animation-play-state:paused;animation-duration:1s;
  animation-iteration-count:infinite;animation-direction:alternate;
  animation-delay:calc(var(--go) * -1s);animation-timing-function:ease-in-out;will-change:transform}
.r2 .inner .swiper-wrapper{display:block}
.r2 .inner .swiper-slide{width:100%;position:relative}
.r2 .inner .group .swiper-slide{border-radius:.83333vw;overflow:hidden}
.r2 .inner .swiper-slide .img_case{height:100vh;display:block}
.r2 .inner .swiper-slide .img_case .pub_img_box{height:100%;position:relative}
.pub_img_box img{width:100%;height:100%;left:0;top:0;position:absolute;object-fit:cover;object-position:center}

/* slide1：右下斜角 mask（sMaskYe） */
.r2 .inner .group .swiper-slide:nth-child(1){
  -webkit-mask-image: url(//cdn.myxypt.com/937354bc/26/08/6be206e308e20dd09ec27c0176001373b946ed06.png);
  -webkit-mask-size:120%;mask-size:120%;
  -webkit-mask-position:right bottom;mask-position:right bottom;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  animation-name:sMaskYe;animation-play-state:paused;animation-duration:1s;
  animation-iteration-count:infinite;animation-direction:alternate;
  animation-delay:calc(var(--go) * -1s);animation-timing-function:ease-in-out;will-change:transform,opacity}

/* slide2：小圆条 -> 全屏（sOpYe + .on 切换 mask-size） */
.r2 .inner .group .swiper-slide:nth-child(2){position:absolute;width:100%;left:0;top:0;
-webkit-mask-image: url(//cdn.myxypt.com/937354bc/26/08/102ed6930b62ab07ebc995ba74d853101c3f31a3.png);
  -webkit-mask-size:28.4375vw 8.33333vw;mask-size:28.4375vw 8.33333vw;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:right bottom;mask-position:right bottom;
  background-color:#000;transition:all .8s var(--ease);opacity:0;
  animation-name:sOpYe;animation-play-state:paused;animation-duration:1s;
  animation-iteration-count:infinite;animation-direction:alternate;
  animation-delay:calc(var(--go) * -1s);animation-timing-function:ease-in-out;will-change:transform,opacity}

.r2 .inner .group .swiper-slide:nth-child(2) .pub_img_box{opacity:.7;transform:scale(.291);
  transform-origin:99.95% 105%;transition:all 1.2s var(--ease)}
.r2 .inner .group .swiper-slide:nth-child(2) .pub_img_box:after{content:"";display:block;position:absolute;
  width:100%;height:100%;z-index:3;pointer-events:none;left:0;top:0;background-color:#0003}
.r2 .inner .group .swiper-slide:nth-child(2).on{z-index:3;
  -webkit-mask-size:150% 150%;mask-size:150% 150%;
  -webkit-mask-position:center;mask-position:center;transition:all 2.6s var(--ease)}
.r2 .inner .group .swiper-slide:nth-child(2).on .pub_img_box{opacity:1;transform:scale(1);transition:all 1s var(--ease)}
.r2 .inner .group .swiper-slide:nth-child(2).on .img_case .txt_s{opacity:0;transform:scale(1.3)}

/* 文案层 */
.r2 .inner .swiper-slide .img_case .txt_case{position:absolute;left:0;top:0;width:100%;padding-left:6.45833vw;padding-right:11.45833vw;padding-top:27.5vh}
.r2 .inner .swiper-slide .img_case .txt_case h5,
.r2 .inner .swiper-slide .img_case .txt_case h4,
.r2 .inner .swiper-slide .img_case .txt_case h3{line-height:1.5;opacity:0;transform-origin:0 50%;transform:rotate(5deg) translate3d(0,20px,0);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.r2 .inner .swiper-slide .img_case .txt_case h5{transition-delay:.4s}
.r2 .inner .swiper-slide .img_case .txt_case h3{margin-top:1.25vw;transition-delay:.2s}
.r2 .inner .swiper-slide .img_case .txt_case h4{margin-top:1.30208vw;transition-delay:0s}
.r2 .inner .swiper-slide.on .img_case .txt_case h5,
.r2 .inner .swiper-slide.on .img_case .txt_case h4,
.r2 .inner .swiper-slide.on .img_case .txt_case h3{opacity:1;transform:rotate(0) translate3d(0,0,0)}
.r2 .inner .swiper-slide.on .img_case .txt_case h5{transition-delay:0s}
.r2 .inner .swiper-slide.on .img_case .txt_case h3{transition-delay:.2s}
.r2 .inner .swiper-slide.on .img_case .txt_case h4{transition-delay:.4s}

/* 右下小圆条文案 */
.r2 .inner .swiper-slide .img_case .txt_s{position:absolute;z-index:2;display:flex;align-items:center;justify-content:space-between;right:0;bottom:0;width:28.4375vw;height:8.33333vw;padding-left:4.6875vw;padding-right:4.01042vw;color:#fff;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.r2 .inner .swiper-slide .img_case .txt_s i{font-style:normal;font-size:24px}

@keyframes maskYe{
  0%{-webkit-mask-size:18.22917vw;mask-size:18.22917vw;-webkit-mask-position:61.5% 73%;mask-position:61.5% 73%}
  50%,100%{-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:50%;mask-position:50%}}
@keyframes swiperYe{
  0%{transform:scale(.28);transform-origin:49% 78%}
  50%,100%{transform:scale(1);transform-origin:50% 50%}}
@keyframes sMaskYe{
  0%{-webkit-mask-size:120%;mask-size:120%;-webkit-mask-position:80% 96%;mask-position:80% 96%}
  50%,100%{-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:right bottom;mask-position:right bottom}}
@keyframes sOpYe{
  0%,8%{opacity:0;transform:translateY(84px)}
  50%,100%{opacity:1;transform:translateY(0)}}

/* ============ 页尾占位（演示滚动连续性） ============ */
.next{height:60vh;background:#f4f8ff;display:flex;align-items:center;justify-content:center;
  color:#00124033;font-family:MiSans-Light;font-size:40px}





/* ============ 基础与变量 ============ */

:root{
  --main:rgba(241,140,40,1);
  --white:#ffffff;
  --ease:cubic-bezier(.25,.74,.22,.99);
}
img{display:block}

/* ============ 工具类 ============ */
.maxSize{width:82%;max-width:83.33333vw;margin:auto}
.wid-100{width:100%}
.f-60{font-size:48px}
.f-16{font-size:16px}
.lh-12{line-height:1.5}
.fw-600{font-weight:600}
.wc{color: #000;margin: 0;}
.fxs{display:flex;align-items:center;justify-content:flex-start}
.fxc{display:flex;align-items:center;justify-content:center}

/* ============ 字母拆分动画（alanGo / data-text） ============ */
[data-text]{opacity:0}
[data-text] .letter{display:inline-block;opacity:0;transform:translate3d(0,35px,0);
  transition:opacity .9s var(--ease),transform 1s var(--ease)}
[data-text].go{opacity:1}
[data-text].go .letter{opacity:1;transform:translate3d(0,0,0)}

/* ============ alanUp 上浮现层 ============ */
.alanParent .alanUp{opacity:0;transform-origin:0 50%;
  transition:opacity 1.2s var(--ease),transform 1.2s var(--ease),color .3s var(--ease)}
.alanParent .alanUp:nth-child(1){transform:translate3d(0,20px,0);transition-delay:.03s}
.alanParent .alanUp:nth-child(2){transform:translate3d(0,30px,0);transition-delay:.06s}
.alanParent .alanUp:nth-child(3){transform:translate3d(0,40px,0);transition-delay:.09s}
.alanParent .alanUp:nth-child(4){transform:translate3d(0,50px,0);transition-delay:.12s}
.alanParent .alanUp:nth-child(5){transform:translate3d(0,60px,0);transition-delay:.15s}
.alanParent .alanUp:nth-child(6){transform:translate3d(0,70px,0);transition-delay:.18s}
.alanParent.go .alanUp{opacity:1;transform:translate3d(0,0,0)}

/* ============ 圆形按钮（layer-cir） ============ */
.layer-cir{border-radius:50%;position:relative;background-color:var(--white);cursor:pointer;
  width:60px;height:60px;overflow:hidden;transform:translateZ(0);
  transition:background-color .8s var(--ease);display:flex;align-items:center;justify-content:center}
.layer-cir>.mask{position:absolute;width:100%;height:100%;border-radius:50%;transform:scale(0);
  left:0;top:0;transition:transform .8s var(--ease);z-index:1;background-color:var(--main);display:block}
.layer-cir svg{position:relative;z-index:6;width:16px;height:16px;
  transition:transform .6s var(--ease)}
.layer-cir svg path{stroke:#2a3525;transition:stroke .5s var(--ease)}
.layer-cir:hover>.mask{transform:scale(1)}
.layer-cir:hover svg path{stroke:#fff}

/* ============ 里程碑区块 r4 ============ */
.r4{background-color:#fff;overflow:hidden;position:relative}
.r4 .inner{padding:80px 0 100px;position:relative}
.r4 .inner .layer-topic{margin-bottom:80px;position:relative;padding-right: 15.416vw;}
.r4 .inner .group{height:700px;position:relative}
.r4 .inner .group .box{position:absolute;width:100%;height:100%;top:0;left:0;
  opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.r4 .inner .group .box>img{width:770px;height:430px;border:1px solid rgb(0,0,0,.5);width: 40.10416vw;height: 22.39583vw;
  border-radius:10px;object-fit:cover;margin-bottom:40px}
.r4 .inner .group .box .list{display:block;align-items:flex-start;justify-content:flex-start;
  padding:5px 0;font-weight:400;max-width:820px;max-width: 42.7083vw;}
.r4 .inner .group .box.go{opacity:1;pointer-events:auto}
.r4 .inner .btm{position:relative;z-index:12}
.r4 .inner .btm .set{display:flex}
.r4 .inner .btm .set .layer-cir{margin-right:10px}

/* ---- 右侧圆盘 ---- */
.r4 .inner .other{position:absolute;right:-920px;width:1620px;height:1620px;top:50%;width: 84.375vw;height: 84.375vw;right: -47.916vw;
  transform:translate3d(0,-50%,0)}
.r4 .inner .other .c1{position:absolute;inset:0;border:1px solid rgba(241,141,42,.2);border-radius:50%;display: none;}
.r4 .inner .other .c1:after{content:"";position:absolute;width:calc(100% + 20px);left:-10px;
  height:58%;bottom:0;background-color:#292f27;display: none;}
.r4 .inner .other .c2{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:50%;
  border:120px solid rgba(241,141,42,.79);width:1440px;height:1440px;z-index:4}
.r4 .inner .other .c3{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;
  width:1100px;height:1100px;border-radius:50%;border:1px solid rgba(241,140,40,1);z-index:5}
.r4 .inner .other .mask{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:9;
  height:100%;width:100%;pointer-events:none;
  background:linear-gradient(0deg,rgb(41,47,39) 0%,rgba(41,47,39,0) 25%,rgba(41,47,39,0) 75%,rgb(41,47,39) 100%);display: none;}
.r4 .inner .other .items{position:absolute;inset:0;z-index:10}
/* 覆写 Swiper 默认裁剪：刻度圆点带 left:-.3rem 负偏移，需完整显示（原站未引入 swiper 官方 CSS，无此裁剪） */
.r4 .inner .other .items .swiper,
.r4 .inner .other .items .swiper .swiper-slide{overflow:visible}
.r4 .inner .other .items .swiper{width:50%;height:100%}
.r4 .inner .other .items .swiper .swiper-wrapper{width:100%;height:100%;align-items:center}

/* 刻度（点+线）层 r4Sw */
.r4 .inner .other .items .r4Sw .swiper-slide{width:100%;position:relative;height:80px;transform-origin:100% 50%}
.r4 .inner .other .items .r4Sw .swiper-slide .list{position:absolute;left:-30px;height:80px;
  top:0;bottom:0;margin:auto 0;width:100%;display:flex;align-items:center}
.r4Sw .swiper-slide .list .dot{width:60px;height:60px;border:1px solid transparent;border-radius:50%;
  position:relative;flex:none;
  transition:border-color 1s var(--ease),background-color 1s var(--ease),transform 1.2s var(--ease)}
.r4Sw .swiper-slide .list .dot:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;
  width:8px;height:8px;border-radius:50%;background-color:#fff;transition:background-color 1s var(--ease)}
.r4Sw .swiper-slide .list .line{width:180px;height:1px;background-color:#f18c28;opacity:0;flex:none;
  transform:translate3d(20px,0,0);
  transition:opacity 1s var(--ease),transform 1.2s var(--ease)}
.r4Sw .swiper-slide.swiper-slide-active .list .dot{border-color:var(--main)}
.r4Sw .swiper-slide.swiper-slide-active .list .dot:after{background-color:var(--main)}
.r4Sw .swiper-slide.swiper-slide-active .list .line{opacity:1;transform:translate3d(0,0,0)}

/* 年份数字层 r4SwChild */
.r4 .inner .other .items .r4SwChild{z-index:5;position:absolute;left:0;top:0}
.r4 .inner .other .items .r4Sw:not(.full){position:absolute;left:0;top:0}
.r4 .inner .other .items .r4SwChild .swiper-slide{width:100%;position:relative;height:80px;transform-origin:100% 50%}
.r4 .inner .other .items .r4SwChild .swiper-slide .list{position:absolute;left:-30px;height:80px;
  top:0;bottom:0;margin:auto 0;width:100%;display:flex;align-items:center}
.r4SwChild .swiper-slide .list .dot{width:60px;height:60px;flex:none;visibility:hidden;opacity:0}
.r4SwChild .swiper-slide .list .line{width:180px;height:1px;flex:none;visibility:hidden;opacity:0}
.r4SwChild .swiper-slide .list .txt{color:rgba(0,0,0,.4);cursor:pointer;padding-left:100px;
  width:calc(100% - 240px);transform-origin:100% 50%;
  transition:color .8s var(--ease),transform 1.2s var(--ease)}
.r4SwChild .swiper-slide .list .txt h3{font-size:60px;line-height:1.2;font-family:wordMid;
  transform:scale(.5);transform-origin:10% 50%;font-weight:400;
  transition:color .8s var(--ease),transform 1.2s var(--ease)}
.r4SwChild .swiper-slide.swiper-slide-active .list .txt h3{color:#000;transform:scale(1)}



/* ============ 移动端简化 ============ */
@media (max-width:900px){
  /* html{font-size:55px} */
  .f-90{font-size:8vw}
  .f-80{font-size:7.2vw}
  .f-48{font-size:24px}
  .f-24{font-size:16px}
  .f-18{font-size:13px}
  .r1{padding-top:50px;padding-bottom:50px}
  .r1 .inner .zzcm-title{padding-left: 20px;padding-right: 20px;padding-top: 50px;}
  .r1 .inner .font_bg{padding:0 5vw}
  .r1 .inner .pub_case{padding-top:11vw;flex-wrap:wrap;padding-left: 20px;padding-right: 20px;padding-top: 150px;}
  .r1 .inner .pub_case .right{width:100%;padding-top:40px}
  .r1 .inner .pub_case .right .line{width:100%;margin-left:0;margin-bottom:40px}
  .r1 .inner .pub_case .right .line+div{width:100%}
  .r1 .inner .pub_case .right p{line-height:1.5;margin-bottom:25px}
  .layer-title .h3en{margin-top:5px}
  .r2{height:auto;margin-top:0;overflow:hidden}
  .r2 .bg{display:none}
  .r2 .inner{position:relative;padding:20px}
  .r2 .inner .group{-webkit-mask-image:none;mask-image:none;animation:none}
  .r2 .inner .group .swiper{transform:none;animation:none}
  .r2 .inner .group .swiper-slide{border-radius:20px;margin-bottom:30px;
    -webkit-mask-image:none!important;mask-image:none!important;animation:none!important;opacity:1!important}
  .r2 .inner .group .swiper-slide:nth-child(2){position:relative}
  .r2 .inner .swiper-slide .img_case{height:auto;min-height:60vh}
  .r2 .inner .group .swiper-slide:nth-child(2) .pub_img_box{opacity:1;transform:none}
  .r2 .inner .swiper-slide .img_case .txt_case{padding:5vw 15px 50px}
  .r2 .inner .swiper-slide .img_case .txt_case h3{margin-top:40px;line-height:1.5}
  .r2 .inner .swiper-slide .img_case .txt_case h4{margin-top:30px}
  .r2 .inner .swiper-slide .img_case .txt_case h5,
  .r2 .inner .swiper-slide .img_case .txt_case h4,
  .r2 .inner .swiper-slide .img_case .txt_case h3{opacity:1;transform:none}
  .r2 .inner .swiper-slide .img_case .txt_s{display:none}
}




/* ============ 移动端简化适配 ============ */
@media (max-width:900px){
  .f-60{font-size:23px}
  .f-16{font-size:14px}
  .maxSize{width:90%;max-width:90%}
  .r4 .inner{padding:60px 0 0px}
  .r4 .inner .layer-topic{margin-bottom:40px;padding-right: 0px;}
  .r4 .inner .group{height:auto;min-height:500px}
  .r4 .inner .group .box{position:relative;display:none}
  .r4 .inner .group .box.go{display:block}
  .r4 .inner .group .box>img{width:100%;height:52vw;margin-bottom:24px}
  .r4 .inner .group .box .list{max-width:100%;padding:6px 0}
  .r4 .inner .other{display:none}
  .r4 .inner .btm{margin-top:30px}
  .r4 .inner .btm .set{justify-content:center}
  .r4 .inner .btm .set .layer-cir{width:44px;height:44px;margin:0 8px}
  /* 移动端年份横条 */
  .yearBar{display:flex;gap:10px;overflow-x:auto;padding:10px 0 4px;margin-bottom:20px;
    -webkit-overflow-scrolling:touch}
  .yearBar span{flex:none;font-size:15px;color:#333;padding:6px 14px;border-radius:20px;
    border:1px solid rgba(150,185,49,.25);cursor:pointer;transition:all .4s var(--ease)}
  .yearBar span.on{color:#fff;background:var(--main);border-color:var(--main)}


  .r1 .inner .zzcm-title h2{font-size: 25px;line-height: 1.2;}
  .tianjia-wz2{font-size: 25px;}
  .r1 .inner .pub_case .right{font-size: 16px;}

  .foot-logo img{max-width: 80%;}
  .foot-logowz{margin-top: 30px;}

  .foot-top{padding-top: 30px;padding-bottom: 30px;}


}
@media (min-width:901px){
  .yearBar{display:none}
}

/*  */
@media (max-width: 992px){

    .about-banner{
        height: auto;
    }
}