@charset "utf-8";
.ani1s .item{animation: ups linear 3s infinite; }
.ani2s .item{animation: ups linear 2.8s infinite;}
.ani3s .item{animation: ups linear 3.2s infinite;}
.ani4s .item{animation: ups linear 2.4s infinite; }
.ani5s .item{animation: ups linear 2.6s infinite;}
.ani6s .item{animation: ups linear 3.6s infinite;}

.banner{position:relative;width:100%}
.swiper-container{width:100%}
.banner:after{content:'';width:6.3rem;bottom:0;background:#06175a;position:absolute;right:0;bottom:0;height:1rem;z-index:2;pointer-events:none;display:none}
.banner .swiper-slide{overflow:hidden}
.banner .swiper-slide a{display:block;position:relative}
.banner .swiper-slide a:before{content:'';position:absolute;left:0;top:0;right:0;height:2rem;background:url(../images/22s.png) repeat-x top center;background-size:auto 100%;z-index:2;opacity:.35;pointer-events:none}
.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:30%;background:url(../images/blackms.png) repeat-x top center;background-size:100% 100%;z-index:2;opacity:.85;pointer-events:none;display: none}
.banner .swiper-slide .txt{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:0 20% .3rem .4rem;z-index:5;color:#fff;font-size:.4rem}
.banner .swiper-slide .txt h4{font-weight:bold;line-height:1em}
.banner .item  .slideImg{padding-bottom:0;min-height:6rem;height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat}
.banner .swiDots{text-align:center;display:flex;align-items:center;justify-content:center;width:auto;margin-right:.15rem}
.banner .swiDots span{opacity:1;margin:0 .1rem;width:.4rem;height:4px;background: #fff;border-radius: 0}
.banner .swiDots span.active{background: #ffffc9}
.banner .switool{position:absolute;z-index:6;left:5%;right:5%;bottom:.5rem;color:rgba(255,255,255,.3)}
.banner .switool a{color:#fff;margin-left:.15rem}
.banner .slideImg video{width:100%;height:100%;object-fit:cover}
.banner .toall img{width:100%}
.banner .toall{position:absolute;z-index:7;left:50%;margin-left:.16rem;bottom:.2rem;width:.33rem;animation:up 2s infinite;cursor:pointer}
.banner .swiBtn{position:absolute;right:.45rem;z-index:8;top:50%;margin-top:-1.6rem}
.banner .swiBtn a{display:block;width:.5rem;height:.5rem;text-align:center;line-height:.5rem;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;margin:.2rem 0}
.banner .swiBtn a:hover{animation:beat 0.5s 1}
.isIpadPro .banner .item .slideImg,.isIpadAir .banner .item .slideImg{height:52vw}
.isIpadPro .banner  .toall,.isIpadAir .banner  .toall{display:none}
@media (max-width:992px){
.banner .swiBtn{position:absolute;right:.45rem;z-index:8;top:auto;margin-top:0;left:.45rem;width:auto;bottom:.3rem;display:flex;align-items:center;justify-content:center}
.banner .swiBtn a{display:block;width:.7rem;height:.7rem;text-align:center;line-height:.7rem;color:#fff;margin:0 .2rem}
}
@media (min-width:1025px){
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
}
@media (max-width:1024px){
.banner .swiper-slide a:before{height:35%}
.banner .item .slideImg{padding-bottom:0;height:52vw;min-height:inherit}
.banner .swiTool .wp{justify-content:center}

.banner .swiDots span{}
.banner .toall{display:none}
}
@media (max-width:992px){
.banner .item .slideImg{height:58vw}
.banner .swiBtn a.prev{left:.2rem}
.banner .swiBtn a.next{right:.2rem}
.banner .swiDots span.swiper-pagination-current{font-size:.28rem}
.banner .switool{bottom:.25rem}
}
@media (max-width:597px){
.banner .swiBtn img{height:.12rem}
.banner .swiper-slide .txt{text-align:center;bottom:.2rem;padding-right:.4rem;padding-left:.4rem;font-size:.36rem}
}
.iconfont{font-size:inherit}
#content{width:100%; position:relative}
.intit{margin-bottom:.36rem}
.intit .h3{user-select: none;position: relative;}
.intit .h3 .cn{font-size: .38rem;font-weight: bold;line-height:1.2em;}
.intit .h3 .en{font-size: .22rem; position: relative;opacity: .5;}
.intit .h3 .en span{display: inline-block;background: linear-gradient(to right, #1c9e3e 0%, #003f97 100%);-webkit-background-clip: text;color: transparent;background: transparent\0;color: #fff \0;user-select: none;line-height: 1.2em  }

.intit.w .h3{color:#fff}

.svgPath{display: block;}

.anibg img{position: absolute;z-index: 1;bottom: -.1rem;pointer-events: none;user-select: none}
.anibg img:nth-child(1){left: -1.5rem;width: 4.95rem}
.anibg img:nth-child(2){left:50%;margin-left: -5.5rem;width: 10.99rem}
.anibg img:nth-child(3){right: -1.5rem;width: 4.95rem}
.rotedCir:after{content: '';position: absolute;left: 50%;top: 50%;width: 13.8rem;height: 13.8rem;margin-left: -6.9rem;margin-top: -6.9rem;background: url(../images/bbigcir.png) no-repeat center;background-size: 100% 100%;pointer-events: none;animation: roted 60s linear infinite}
.slide-main{height: 100%;width: 100%; z-index: 10;}
.slide-main .page{height: 100vh;width: 100%;overflow: hidden;}
.slide-vision{width: 100%;height: 100vh;}
.pageBg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;z-index: 0;pointer-events: none}
.pageBg img{width: 100%;height: 100%;object-fit: cover;user-select: none}

.pagea .anibg img{z-index: 7}
.pagea .nav{position: absolute;top:50%;height: 4.4rem;margin-top: -2.2rem;z-index: 2}
.pagea .nav1{left: 50%;margin-left: -8rem}
.pagea .nav2{right: 50%;margin-right: -8rem}
.pagea .nav li{position: relative;width: 4rem}

.pagea .nav li+li{margin-top: .6rem}
.pagea .nav1 li:after{right: 0;background: url(../images/bg1.png);background-size: 4rem 100%}
.pagea .nav2 li:after{left: 0;background: url(../images/bg1s.png);background-size: 4rem 100%}
.pagea .nav1 li{background: url(../images/bg1on.png);background-size: 100% 100%;padding-right: 1rem;text-align: right;}
.pagea .nav2 li{background: url(../images/bg1ons.png);background-size: 100% 100%;padding-left: 1rem}
.pagea .nav1 li:nth-child(2){padding-right: 1.3rem}
.pagea .nav2 li:nth-child(2){padding-left: 1.3rem}
.pagea .nav li a{display: flex;align-items: center;height: 1.06rem;color: #fff;font-size: .22rem;position: relative;z-index: 5}
.pagea .nav1 li a{justify-content: flex-end;}
.pagea .nav li a .en{font-size: .14rem;color: rgba(255,255,255,.6);display: block}
.pagea .nav li a img{height: .34rem}
.pagea .nav1 li a img{margin-left: .1rem}
.pagea .nav2 li a img{margin-right: .1rem}
.pagea .bigcir{width: 9.6rem;height: 9.6rem;background: url(../images/guang.jpg) no-repeat center;background-size: cover;border-radius: 50%;overflow: hidden;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 1rem;position: relative;z-index: 5}
.pagea .bigcir img{pointer-events: none;user-select: none}
.pagea .splayer{width: 3.3rem; }
.pagea .splayer img{width: 100%}

.pagea .bigcir img.txtimg{width: 8.13rem;display: block;margin-top: 35vh;}



@media (min-width:1025px){
.pagea .wp{top: 50%;transform: translateY(-50%);}
.pagea .nav li:after{content: '';position: absolute;top: 0; bottom: 0;width: 0;transition: .5s;z-index: 0;}
.pagea .nav li:hover:after{width: 4rem}
}

@media (max-width: 1024px){
.slide-vision{position: relative;min-height: 50vw;height: auto;}
.slide-main .page{display: block;height: auto;}
.slide-main>.swiper-wrapper{display: block;height: auto}
.rotedCir:after{width: 90vw;height: 90vw;margin-left: -45vw;margin-top: -45vw;animation: roted 40s linear infinite}
.anibg img:nth-child(1){left: -10vw;width:27vw}
.anibg img:nth-child(2){left:50%;margin-left: -30vw;width: 60vw}
.anibg img:nth-child(3){right: -10vw;width:27vw}
.pagea .bigcir img.txtimg{margin-top: .3rem}
}

@media (max-width: 992px){
.pagea .slide-vision{padding: 1rem 0}
.pagea .bigcir{width:50vw;height:50vw;padding-bottom: 0} 
.pagea .bigcir img.txtimg{width: 40vw}
.pagea .splayer{width: 25vw }
.pagea .nav1{left: 50%;margin-left: -50vw}
.pagea .nav2{right: 50%;margin-right: -50vw} 
.pagea .nav li a .en{font-size: 1.6vw}
.pagea .nav li a{font-size: 2.4vw;height: 10vw}
.pagea .nav li a img{height: 3.4vw}
.pagea .nav li{width: 34vw}
.pagea .nav{height: 36vw;margin-top: -18vw;z-index: 2}
.pagea .nav li+li{margin-top: 3vw}
.pagea .nav1 li{padding-right: 8vw;}
.pagea .nav2 li{padding-left: 8vw}
.pagea .nav1 li:nth-child(2){padding-right: 11vw}
.pagea .nav2 li:nth-child(2){padding-left: 11vw}
}

@media (max-width: 597px){
.pagea .slide-vision{padding: 2rem 0}
.pagea .bigcir{width:50vw;height:50vw;padding-bottom: 0} 
.pagea .bigcir img.txtimg{width: 40vw}
.pagea .splayer{width: 25vw }
.pagea .nav1{left: 50%;margin-left: -50vw}
.pagea .nav2{right: 50%;margin-right: -50vw} 
.pagea .nav li a .en{font-size: 2vw}
.pagea .nav li a{font-size: 3vw;height: 12vw}
.pagea .nav li a img{height: 3.4vw}
.pagea .nav li{width: 34vw}
.pagea .nav{height: 40vw;margin-top: -20vw;z-index: 2}
.pagea .nav li+li{margin-top: 2vw}
.pagea .nav1 li{padding-right: 8vw;}
.pagea .nav2 li{padding-left: 8vw}
.pagea .nav1 li:nth-child(2){padding-right: 11vw}
.pagea .nav2 li:nth-child(2){padding-left: 11vw}
}

.swiper-button-disabled{opacity: .5}
.splayer{pointer-events: none;}
.splayer img{width: 100%;pointer-events: none;user-select: none}
.zsbg{position: absolute;pointer-events: none;user-select: none}
.pageb .slide-vision{padding-left: .9rem;padding-top: 1.5rem}
.pageb .splayer{width: 7rem;position: absolute;right: -.3rem;bottom: 0;z-index: 5}
.pageb .itemsp{width: 12rem;position: relative;z-index: 6}
.pageb .items{width: 5.9rem;height: 3.5rem}
.pageb .items .tit{padding-bottom: .2rem;border-bottom: 1px solid rgba(255,255,255,.2);margin-bottom: .2rem}
.pageb .items .tit .cname{font-size: .26rem;color: #fff;display: flex;align-items: center;white-space:nowrap;}
.pageb .items .tit .cname img{height: .3rem;margin-right: .1rem}
.pageb .items .tit .umore a{color: #EDCA6E;display: flex;align-items: center;white-space:nowrap;}
.pageb .items .tit .umore a img{height: .24rem;margin-left: .1rem}
.pageb .items.s4 .tit .umore a {color: #fff}
.pageb .s1 .img{clip-path: url(#clipPath);;height: 3.5rem}
.pageb .s1 .txt{position: absolute;left: 0;right: 1.9rem;bottom: 0;z-index: 4;padding: .2rem;color: #fff}
.pageb .s1 .txt h4{font-size: .18rem;margin-top: .05rem}
.pageb .s1 .swiDots{position: absolute;right: 0;bottom: .2rem;z-index: 5;width: auto;left: auto;display: flex;align-items: center;padding-right: .2rem}
.pageb .s1 .swiDots:after{content: '';height: 1px;right: 0;left: .16rem;top: 50%;background: rgba(255,255,255,.2);position: absolute;}
.pageb .s1 .swiDots span{width: .32rem;height: .32rem;margin: 0;border-radius: 50%;background:transparent;position: relative;opacity: 1;z-index: 5}
.pageb .s1 .swiDots span:before{content: '';width: 6px;height: 6px;border-radius: 50%;left: 50%;top: 50%;margin-left: -3px;margin-top: -3px;background: #fff;position: absolute;}
.pageb .s1 .swiDots span.active{background: url(../images/dot_on.png) no-repeat center;background-size: 100% 100%}
.pageb .s1 .swiDots span.active:before{opacity: 0}
.pageb .s2{background: url(../images/b2.png) no-repeat center;background-size: 100% 100%;padding: .25rem}
.pageb .s3{background: url(../images/b3.png) no-repeat center;background-size: 100% 100%;margin-top: .2rem;padding: .25rem}
.pageb .s4{background: url(../images/bg4.png) no-repeat center;background-size: 100% 100%;margin-top: .2rem;padding: .25rem}
.pageb .s3 .list li+li{ }
.pageb .s3 .list li a{display: flex;align-items: center;color: #fff;padding: .15rem 0;font-size: .18rem;transition: .3s}

.pageb .s3 .list li h4{flex:1;overflow: hidden;margin-right: .2rem;padding-left: .3rem;position: relative;}
.pageb .s3 .list li h4:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -.09rem;width: .19rem;height: .19rem;background: url(../images/dot.svg) no-repeat  center;background-size: .06rem .06rem}

.pageb .s3 .list li time{opacity: .6}
.pageb .same .swiBtn {margin-left: .2rem;flex-wrap: nowrap;}
.pageb .same .swiBtn a{display: block;width: .3rem;height: .3rem;border: 1px solid rgba(255,255,255,.6);border-radius: 50%; }
.pageb .same .swiBtn a.next{margin-left: .1rem;background: url(../images/sarrr.svg) no-repeat center;background-size: .14rem .3rem}
.pageb .same .swiBtn a.prev{background: url(../images/sarrl.svg) no-repeat center;background-size: .14rem .3rem}
.pageb .same .swiper-container{height: 2.25rem}
.pageb .same .swiper-slide{height: 1rem;margin-bottom: .2rem}
.pageb .same .swiper-slide:last-child{margin-bottom: 0}
.pageb .same .swiper-slide a{display: flex;align-items: center;color: #fff; }
.pageb .same .swiper-slide .img{width: 1.6rem;height: 1rem}
.pageb .same .swiper-slide .txt{flex:1;overflow: hidden;margin-left: .25rem}
.pageb .same .swiper-slide .txt h4{font-size: .18rem;margin-bottom: .15rem;line-height: 1.5em}
.pageb .same .swiper-slide .txt time{opacity: .7}



.pagec .zsbg{right: 0;bottom: -.1rem;z-index: 8;width: 5.39rem;}
.pagec .rightImg{right: 0;bottom: 0;position: absolute;z-index: 7}
.pagec .rightImg img{max-height: 4.4rem}
.pagec .slide-vision{padding-left: .9rem;padding-top: 2.4rem}
.pagec .splayer{width: 8.62rem;position: absolute;left: 0;bottom: 0;z-index: 2;height: 100%;pointer-events: none}
.pagec .slide-c{height: 3.68rem;width: 14.8rem;position: absolute;right: 0;top: 0;z-index: 6;background: url(../images/cbg2.png) no-repeat right center;background-size: auto 100%}
.pagec .slide-c .swiper-slide a{display: flex;align-items: center;padding-top: .27rem}
.pagec .slide-c .swiper-slide .imgp{width: 4.8rem;height: 3.14rem;background: url(../images/bgimgc.png) no-repeat center;background-size: 100% 100%;padding: .08rem}
.pagec .slide-c .swiper-slide .img{width: 100%;height:2.98rem;clip-path: url(#clipPath);}
.pagec .slide-c .swiper-slide .txt{flex:1;overflow: hidden;padding: .1rem 0 .1rem .6rem}
.pagec .slide-c .swiper-slide .txts{max-width: 5.1rem}
.pagec .slide-c .swiper-slide .tit{position: relative;padding-bottom: .2rem}
.pagec .slide-c .swiper-slide .tit time{background: linear-gradient(299deg, #BE9A51 0%, #EDCA6E 64%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-size: .88rem;display: inline-block;line-height: 1em}
.pagec .slide-c .swiper-slide .tit:after{width: .5rem;height: 1px;background: linear-gradient(271deg, #BE9A51 1%, #EDCA6E 62%) ;content: '';display: block;position: absolute;left: 0;bottom: 0;}
.pagec .slide-c .swiper-slide .tit h4{font-size: .26rem;margin-left: .1rem;color: #fff;margin-left: .2rem;flex:1;}
.pagec .slide-c .swiper-slide   .desc{color: rgba(255, 255, 255, 0.8);line-height: 1.8em;margin-top: .2rem;height: .94rem;font-size:.18rem;}
.pagec .slide-c .swiper-slide   .umore{color: #EDCA6E;margin-top: .2rem}
.pagec .slide-c .swiper-slide   .umore img{height: .24rem;margin-left: .1rem}
.pagec .swiBtn{position: absolute;left: .8rem;bottom: .8rem;z-index: 6;width: .6rem;height: 1.4rem}
.pagec .swiBtn a{display: flex;width: .6rem;height: .6rem;border: 1px solid rgba(255,255,255,.8);border-radius: 50%;align-items: center;justify-content: center;font-size: .24rem;color: rgba(255,255,255,.8)}



.paged .slide-vision{padding: 2.6rem 1rem 0}
.paged .tit{width: 1.2rem;position: relative;}
.paged .tit{}
.paged .tit .titimg{margin-bottom: 2.8rem;position: relative;margin-top: -.5rem}
.paged .tit .titimg:after{content: '';height: 2.4rem;width: 1px;background: rgba(0,0,0,.1);position: absolute;left: 50%;top: calc(100% + .2rem)}
.paged .tit .titimg img:first-child{width: 1.12rem}
.paged .tit .titimg img:last-child{display: none}
.paged .tit .swiBtn{display: block;width: .8rem;height: .8rem;border-radius: 50%;border: 1px dashed rgba(175,12,12,.5);display: flex;align-items: center;padding: 0 .15rem;left: 50%;margin-left: -.4rem;position: relative;}
.paged .tit .swiBtn.cus a svg path{fill: rgba(175,12,12,1) }
.paged .tit .swiBtn.cus a{opacity: .5;transition: .3s}
.paged .slide-d{width: 15rem}
.paged .slide-d .swiper-slide{width:3.24rem; }
.paged .slide-d .swiper-slide .img{height:4.3rem;border-radius: .15rem}
.paged .slide-d .swiper-slide .img img{object-position: top center}
.paged .slide-d .swiper-slide h4{font-size: .26rem;margin-top: .2rem;text-align: center; }

@media (min-width: 2000px){
.paged .slide-d .swiper-slide{width:3.3rem}	
}
@media (max-width: 1366px){
.paged .slide-d .swiper-slide{width:3.2rem}	
}

@keyframes zoomAndFade {
  0% {
    transform: scale3d(1,1,1);
    opacity: 0.5;
  }
  100% {
    transform: scale3d(1.1,1.4,1);
    opacity: 0;
  }
}
@keyframes zoomAndFades {
  0% {
    transform: scale3d(1,1,1);
    opacity: 0.5;
  }
  100% {
    transform: scale3d(1.2,1.5,1);
    opacity: 0;
  }
}
@keyframes zoomAndFade1 {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes zoomAndFade2 {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
.pagee .zsbg{position: absolute;left: 0;bottom: 0;/*right: 0;*/z-index: 5;width:100%;}
.pagee .slide-vision{padding-top: 1.65rem}
.pagee .slide-vision .titimg img{height: .64rem}
.pagee  .splayer{width: 4.19rem;position: absolute;left: 50%;margin-left: -2.1rem;top: 1rem}
.pagee  .splayer img{ }
.pagee .zfBox{padding: 0 3.9rem 0 2.1rem}
.pagee .zfBox .list li{color: #EDCA6E;writing-mode: vertical-rl;position: relative;}
/*0825*/
@keyframes scaleUp {
    0% {
        transform: scale(0);
       
    }
    70% {
        transform: scale(.9);
      
    }
    100% {
        transform: scale(1);
      
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.pagee .zfBox .list li .item{padding-top: .45rem;position: relative;}
.pagee .zfBox .list li .item:before{content: '';position: absolute;width: .36rem;height: .34rem;background: url(../images/zficon.svg) no-repeat top center;background-size: .36rem .34rem;top: 0;left: 50%;margin-left: -.18rem}
.pagee .zfBox .list li .item:hover:before{animation: 
        scaleUp 1.5s forwards infinite,
        fadeInOut 1.5s forwards infinite;
    animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1.5);}
/*0825*/
.pagee .zfBox .list li h4{font-size: .2rem;letter-spacing: .2em;max-height: 4.3rem}
.pagee .zfBox .list li p{letter-spacing: .1em;}
.pagee .zfBox .list li:nth-child(1){ top: .2rem;}
.pagee .zfBox .list li:nth-child(2){top: -.6rem}
.pagee .zfBox .list li:nth-child(3){top: -.3rem}
.pagee .zfBox .list li:nth-child(4){top: 1rem}
.pagee .zfBox .list li:nth-child(6){margin-left: 6.5rem;top: 1rem}
.pagee .zfBox .list li:nth-child(6){top: -.6rem}
.pagee .zfBox .list li:nth-child(7){top: .4rem}
.pagee  .zfBtn{position: relative;display: block;width: 2.07rem; }
.pagee  .zfBtn img{width: 100%;user-select: none;pointer-events: none;}
.pagee  .zfBtn img:first-child{position: relative;z-index: 3}
.pagee  .zfBtn img.ani{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;pointer-events: none;user-select: none;display: block;opacity: .5;}
.pagee  .zfBtn img.ani1{animation: zoomAndFade ease-in-out 2s  infinite;}
.pagee  .zfBtn img.ani2{animation: zoomAndFades ease-in-out 2s  infinite;opacity: .3}

.pagee .donateBox{position: absolute;right: .2rem;top: .4rem;z-index: 5}
.pagee .donateBox.hide .donateBoxs{transform: translateX(3rem); }
.pagee .donateBox.hide .doShowBtn{transform: rotate(-180deg);}
.pagee .doShowBtn{width: .3rem;height: .3rem;background: url(../images/sarrrs.svg)#CAB88A no-repeat center;background-size: .07rem .15rem; position: absolute;right: -.15rem;top: 50%;margin-top: -.16rem;z-index: 6;border-radius: 50%;transition: .3s}
.pagee .donateBoxs{width: 2.6rem;height: 4.5rem;background: url(../images/56x.png) no-repeat center;background-size: 100% 100%;padding: .25rem;transition: .5s}
.pagee .donateBoxs .tit{margin-bottom: .2rem}
.pagee .donateBoxs .tit img{height: .22rem}
.pagee .donateBox .slide-e{height: 3rem;color: #fff}
.pagee .donateBox .slide-e .swiper-slide{display: flex;align-items: center;}
.pagee .donateBox .slide-e .swiper-slide-next{border:1px solid rgba(255,255,255,.15);border-left: 0;border-right: 0}
.pagee .donateBox .slide-e .swiper-slide-next+.swiper-slide{border-bottom:1px solid rgba(255,255,255,.15); }
.pagee .donateBox .slide-e p{color: #EDCA6E;font-size: .15rem;margin-top: .05rem}
.pagee .donateBox .jzBtn{width: 1.4rem; display: block;margin: .1rem auto;z-index: 5;margin-top: -.61rem}
.pagee .donateBox .jzBtn img{height: 1.4rem;user-select: none;pointer-events: none}
.pagee .donateBox .jzBtn img:first-child{position: relative;z-index: 3}
.pagee .donateBox .jzBtn img.ani{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;pointer-events: none;user-select: none;display: block;opacity: .5;}
.pagee .donateBox .jzBtn img.ani1{animation: zoomAndFade1 ease-in-out 2s  infinite;}
.pagee .donateBox .jzBtn img.ani2{animation: zoomAndFade2 ease-in-out 2s  infinite;opacity: .3}

.pagef .swiNav .mores .umore a{color: #fff;display: flex;align-items: center;white-space:nowrap;}
.pagef .swiNav .mores .umore a img{height: .24rem;margin-left: .1rem}

@media (min-width: 1025px){
.pagee .donateBox .jzBtn{position: absolute;bottom: -.67rem;z-index: 5;left: 50%;margin-left: -.61rem;margin-top: 0}	
}
.pagef .slide-vision{padding-top: 2rem}
.pagef .splayer{position: absolute;left: 0;bottom: -.1rem;z-index: 3;width: 8rem}
.pagef .slide-vision .swiTabs{overflow: visible;}
.pagef .slide-vision .swiTabs .tab{min-height: calc(100vh - 3rem)}
.pagef .swiNav{padding-left: 2rem;margin-bottom: .6rem;position: relative;z-index: 6}
.pagef .swiNav ul li{position: relative;}
.pagef .swiNav ul li+li{margin-left: 1.3rem}
.pagef .swiNav ul li+li:before{content: '';width: 1.3rem;height: 1px;background: rgba(255,255,255,.3);top: 50%;right: 100%;position: absolute; }
.pagef .swiNav ul li a{display: flex;align-items: center;justify-content: center; width: 1.77rem;height: .52rem;font-size: .22rem;color: #fff;position: relative;}
.pagef .swiNav ul li.on a{background: url(../images/btnbg.svg) no-repeat center;background-size: 100% 100%}
.pagef .swiNav ul li.on a:after,.pagef .swiNav ul li.on a:before{opacity: 0}
.pagef .swiNav ul li a:before{content: '';position: absolute;left: 0;width: 1px;height: .2rem;background: rgba(255,255,255,.3);top: 50%;margin-top: -.1rem}
.pagef .swiNav ul li a:after{content: '';position: absolute;right: 0;width: 1px;height: .2rem;background: rgba(255,255,255,.3);top: 50%;margin-top: -.1rem}
.pagef .swiNav .mores{margin-left: 3rem}
.pagef .swiNav .mores a{color: #fff;font-size: .18rem}
.pagef  .slide-f1p{background: url(../images/listbg.png) no-repeat right center;background-size: 100% 100%;width: 17.1rem;padding: .4rem 0 .45rem .3rem;position: absolute;right: 0;margin-top: -1.1rem}
.pagef  .slide-f1{padding: .2rem 0;width: 24rem; background: rgba(0,0,0,0)}
.swiper-container-3d{}

.pagef  .slide-f1 .swiBtn a{position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;width: .56rem;height: .56rem;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,.3);color: #fff;border-radius: 50%}
.pagef  .slide-f1 .swiBtn a.prev{left: .4rem}
.pagef  .slide-f1 .swiBtn a.next{right: 7.4rem}
.pagef  .slide-f1 .swiper-wrapper{align-items: center;}
.pagef  .slide-f1 .swiper-slide{perspective: 12rem;position: static;pointer-events: none}
.pagef  .slide-f1 .swiper-slide a{display: block;}
.pagef  .slide-f1 .swiper-slide:hover{z-index: 9}
.pagef  .slide-f1 .swiper-slide .txt{position: absolute;left: 0;bottom: 0;right: 0;padding: .2rem .25rem .3rem;color: #fff;font-size: .22rem;}
.pagef  .slide-f1 .swiper-slide .item{transition:.5s;position: relative;z-index: 6;pointer-events: auto }
.pagef  .slide-f1 .swiper-slide .item .img{height: 3.8rem}
.pagef  .slide-f1 .swiper-slide .item {cursor: pointer}



.pagef .slide-f2p{max-width: 15rem;margin: 0 auto;width: 94%;position: relative;}
.pagef .slide-f2p .swiBtn a{position: absolute;z-index: 5;top: 50%;margin-top: -.15rem}
.swiBtn.cus a svg{width: .14rem;height: .3rem;display: block;}
.swiBtn.cus a svg path{fill:rgba(255,255,255,.4);transition: .3s}
.pagef .slide-f2p .swiBtn a.prev{left: -.5rem}
.pagef .slide-f2p .swiBtn a.next{right: -.5rem}

.pagef .slide-f2 .swiper-slide{width: 4.55rem;margin-right: .67rem}
.pagef .slide-f2 .swiper-slide a{display: block;position: relative;}
.pagef .slide-f2 .swiper-slide a:before{content: '';width: .6rem;height: .6rem;background: url(../images/playbg.png) no-repeat center;background-size: 100% 100%;top: 50%;left: 50%;margin-left: -.3rem;margin-top: -.3rem;z-index: 5;position: absolute;filter: drop-shadow(0 0 5px rgba(0,0,0,.6));animation: roted 15s linear infinite}
.pagef .slide-f2 .swiper-slide a:after{content: '';width: .6rem;height: .6rem;background: url(../images/play.svg) no-repeat .25rem center;background-size: .16rem .22rem;top: 50%;left: 50%;margin-left: -.3rem;margin-top: -.3rem;z-index: 6;position: absolute;}
.pagef .slide-f2 .img{height: 2.9rem;clip-path: url(#clipPath);}
.pagef .slide-f2 .img:after{background: rgba(0,0,0,.4);height: auto;top: -1px}
.pagef .slide-f2 .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 5;color: #fff;padding: .2rem .25rem;font-size: .18rem;display: flex;align-items: center;}
.pagef .slide-f2 .txt h4{flex:1;margin-right: .2rem}

.pagef .listp{max-width: 15rem;margin: 0 auto;width: 94%;position: relative;}
.pagef .list li{width: 7.15rem;position: relative;padding: .15rem 0;padding-left: 1.25rem}
.pagef .list li a{display: block;color: #fff}
.pagef .list li   .img{width: 2.5rem;height: 2.5rem;position: absolute;z-index: 5;left: 0;top: 0;transition: .3s}
.pagef .list li   .img img{width: 100%}
.pagef .list li .txt{height: 2.2rem;width: 5.9rem;position: relative;z-index: 3;flex:1;overflow: hidden;padding-left: 1.7rem;display: flex;align-items: center;}
.pagef .list li .txt h4{font-size: .36rem;font-weight: bold;margin-bottom: .18rem}
.pagef .list li .txt .but{color: rgba(255,255,255,.5)}
.pagef .list li .txt .mor img{height: .24rem;width: 3.53rem}
.pagef .list li:nth-child(1) .txt{background: url(../images/vrbg1.png) no-repeat center;background-size: 100% 100%}
.pagef .list li:nth-child(2) .txt{background: url(../images/vrbg2.png) no-repeat center;background-size: 100% 100%}




.pageg .slide-vision .list{display: flex;position: relative;z-index: 4}
.pageg .slide-vision .list li{height: 100vh;width: 33.333333%}
.pageg .slide-vision .list li a{display: flex;justify-content: center;padding-top: 2.4rem;height: 100%;color: #fff}
.pageg .slide-vision .list li .icoCo{width:.95rem;height: .34rem;margin:0 auto;}
.pageg .slide-vision .list li .icoCo img{filter: drop-shadow(0 0 5px rgba(0,0,0,.6));transition: .3s;}
.pageg .slide-vision .list li .txt{height: 2.8rem;writing-mode: vertical-lr;display: flex;flex-direction: column;justify-content: center;margin: .3rem auto 0;position: relative;padding-left: .15rem;text-shadow: 0 0 8px rgba(0,0,0,.6)}
.pageg .slide-vision .list li .txt:after{content: '';position: absolute;left: 0;height: 2.8rem;width: 1px;bottom: 0;background: #fff;box-shadow:  0 0 8px rgba(0,0,0,.6);z-index: 0;transition: .6s}
.pageg .slide-vision .list li .txt:before{content: '';position: absolute;left: 0;top: 0;width: 1px;height: 0;background:  #EDCA6E;box-shadow:  0 0 8px rgba(0,0,0,.6);z-index: 1;transition: 1s}
.pageg .slide-vision .list li .txt h4{font-size: .3rem;font-weight: bold;letter-spacing: .2em}
.pageg .slide-vision .list li .txt span{font-size: .15rem}

.move-bg{position:absolute;top:0;left:0;z-index: 1;width: calc(100% / 3);height:100%;background:url(../images/ry.png) no-repeat center;background-size: 100% 100%;opacity: 0;transition: .3s;pointer-events: none}
.move-bg img{position: absolute;bottom: 0;left: 50%;margin-left: -2.35rem;width: 4.7rem;pointer-events: none;user-select: none}

@media (min-width: 1025px){
.swiBtn.cus a:hover svg path{fill:#EDCA6E}
.pagef .list li:hover  .img{transform: rotate(45deg)}
.pagef  .slide-f1  .swiBtn a{opacity: 0;transition: .3s}
.pagef  .slide-f1:hover .swiBtn a{opacity: 1 }
.paged .tit .swiBtn.cus a:hover{opacity: 1}

.pageb .s3 .list li a:hover{color: #EDCA6E}
.pageb .s3 .list li a:hover h4:before{background: url(../images/doton.svg) no-repeat left center;animation: roted 5s linear infinite}

.pagef  .slide-f1 .swiper-slide-prev .item{transform:translate3d(0,0,-5rem) rotateY(-5deg);}
.pagef  .slide-f1 .swiper-slide-active .item{transform:translate3d(-1.2rem,0,-5.4rem) rotateY(-8deg);}
.pagef  .slide-f1 .swiper-slide-next .item{transform:translate3d(-3.5rem,0,-4.2rem) rotateY(-14deg)}
.pagef  .slide-f1 .swiper-slide-next+.swiper-slide .item{transform:translate3d(-5.3rem,0,-2.2rem) rotateY(-24deg)}
.pagef  .slide-f1 .swiper-slide-next+.swiper-slide+.swiper-slide .item{transform:translate3d(-6.35rem,0,0) rotateY(-26deg)}


.pagef  .slide-f1 .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide .item{transform:translate3d(-7rem,0,0) rotateY(-35deg)}
.pagef  .slide-f1 .swiper-slide-next+.swiper-slide+.swiper-slide .item .img{height: 4.15rem}
.pagef  .slide-f1{ -webkit-mask: url(../images/mask.svg);mask: url(../images/mask.svg);-webkit-mask-size: cover;mask-size: cover;mask: none \0; }
.pageg .slide-vision .list li:hover a{color: #EDCA6E}
.pageg .slide-vision .list li:hover .txt:before{height: 2.8rem}
.pageg .slide-vision .list li:hover .txt:after{height: 0}

}
@media (min-width: 801px){
.pagec .swiBtn a.prev{transform: rotate(90deg);}
.pagec .swiBtn a.next{transform: rotate(90deg);margin-top: .2rem}

}
@media (max-width: 1024px){
.pagef .swiNav .mores .umore a img{height: .3rem}
.pageb .slide-vision{padding: 1rem .6rem} 
.pageb .splayer{width:40vw}
.pageb .itemsp{width: 100%}
.pageb .items{width: calc(50% - .1rem)}
.pageb .s1 .img{height: 4.4rem}
.pageb .items{height: 4.4rem}
.pageb .s1 .txt h4{font-size: .24rem}
.pageb .items .tit .cname{font-size: .36rem}
.pageb .items .tit .cname img{height: .36rem}
.pageb .same .swiBtn a{width: .4rem;height: .4rem;}
.pageb .same .swiBtn a.next{margin-left: .2rem;background-size: .18rem .36rem}
.pageb .same .swiBtn a.prev{background-size: .18rem .36rem}
.pageb .items .tit .umore a img{height: .3rem}
.pageb .same .swiper-slide .txt h4{font-size: .24rem}
.pageb .same .swiper-container{height: 2.95rem}
.pageb .same .swiper-slide{height: 1.3rem;margin-bottom: .3rem}
.pageb .same .swiper-slide .img{width: 1.9rem;height: 1.3rem}
.pageb .s3 .list li a{font-size: .24rem}
.pageb .s3 .list li h4:before{background-size: .1rem .1rem}
.pagec .slide-c .swiper-slide .desc{height: auto}
.pagec .slide-vision{padding: 1rem 0 3.4rem .6rem}
.pagec .slide-c{width: 100%;position: relative;}
.pagec .slide-c .swiper-slide .tit h4{font-size: .36rem}
.pagec .slide-c .swiper-slide .txts{max-width: inherit;padding-right: .6rem}
.pagec .slide-c .swiper-slide .umore img{height: .3rem}
 
.pagec .zsbg{width: 40vw}
.paged .tit .titimg img:first-child{display: none}
.paged .tit .titimg img:last-child{display: block;height: 1.2rem}
.paged .tit{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: .5rem;padding: 0 .6rem}
.paged .slide-d{width: 100%}
.paged .tit .titimg{margin-bottom: 0;margin-top: 0}
.paged .tit .titimg:after{top: 50%;left: calc(100% + .2rem);width: 55vw; height: 1px;}
.paged .tit .swiBtn{left: 0;margin-left: 0}
.paged .tit .swiBtn{width: 1rem;height: 1rem}
.swiBtn.cus a svg{width: .18rem;height: .36rem}
.paged .slide-vision{padding: 1rem 0}

.pagee .slide-vision .titimg img{height: .84rem}
.pagee .slide-vision{padding: 1rem 0 1rem}
.pagee .donateBox{position: relative;right: 0;padding: 0 .6rem 0;top: 0}
.pagee .doShowBtn{display: none}
.pagee .donateBoxs{width: 100%;padding:.5rem .4rem .4rem}
.pagee .donateBox .slide-e h4{font-size: .26rem}
.pagee .donateBox .slide-e p{font-size: .22rem}
.pagee .zfBox{padding: 0 .6rem .5rem}
.pagee .donateBoxs{background: url(../images/b3s.png);height: auto;border-radius: .1rem}
.pagee .donateBox .slide-e{height: 5rem}
.pagee .donateBoxs .tit img{height: .44rem}
.pagee .donateBox .jzBtn{width: 2rem;position: relative;}
.pagee .donateBox .jzBtn img{height: 2rem}
.pagee .zfBox .list li h4{font-size: .28rem;max-height: 6rem}
.pagee .zfBox .list li p{font-size: .22rem}
.pagee .zfBtn{margin: 0 auto;width: 3rem}
.pagee .zfBtn img{height: auto;width: 100%}
.pagee .zfBox .list li:nth-child(6){margin-left: 30vw}
.pagee .splayer{left: 55%}

.pagef .slide-vision{padding: 1rem  0 0}
.pagef .swiNav ul li a{font-size: .3rem;width: 2.11rem;height: .62rem}
.pagef .slide-f1p{margin-top: 0}
.pagef .slide-f2p .swiBtn a.prev{left: -.3rem}
.pagef .slide-f2p .swiBtn a.next{right: -.3rem}
.pagef .slide-f2 .swiper-slide a:before{width: 1rem;height: 1rem;margin-left: -.5rem;margin-top: -.5rem}
.pagef .slide-f2 .swiper-slide a:after{width: 1rem;height: 1rem;margin-left: -.5rem;margin-top: -.5rem;background-position: center;background-size: .2rem .3rem;}
.pagef .slide-f1p{width: 95%;padding:0;background: transparent;}
.pagef .slide-f1{width: 100%;padding: 0}
.pagef .slide-f2p{margin: 0 5%;width: auto}
.pagef .slide-f2 .swiper-slide{width: 48%;margin-right: 4%}
.pagef .slide-f2 .img{height: 26vw}
.pagef .slide-f2 .txt{font-size: .26rem;padding: .2rem .35rem}
.pagef .list{width: 7.15rem;margin: 0 auto}
.pagef .list li{width: 100%; }
/*.pagef .list li .img{position: relative;margin: 0 auto;width: 2.2rem;height: 2.2rem}
.pagef .list li .txt{width: 100%;padding-left:0;margin-top: -.6rem;text-align: center;justify-content: center;padding-top: .4rem}
*/

.pagef .swiNav{padding:0 .6rem;justify-content: space-between;}
.pagef .swiNav .mores{margin-left: 0}
.pagef .swiNav .mores a{font-size: .24rem}
.pagef .swiNav ul{justify-content: center}
.pagef .slide-f1 .swiBtn a.next{right: .4rem}

.pagef .slide-f1 .swiper-slide .item .img{height: 24vw}
.pagef .slide-f1 .swiper-wrapper{ }
.pagef .slide-vision .swiTabs .tab{height: 100%;min-height: inherit;}
/*.pagef  .slide-f1 .swiper-slide-prev .item{transform:translate3d(0,0,-5rem) rotateY(-5deg);}
.pagef  .slide-f1 .swiper-slide-active .item{transform:translate3d(-1.1rem,0,-4rem) rotateY(-8deg);}
.pagef  .slide-f1 .swiper-slide-next .item{transform:translate3d(-2.8rem,0,-2.6rem) rotateY(-16deg)}
.pagef  .slide-f1 .swiper-slide-next+.swiper-slide .item{transform:translate3d(-3.8rem,0,-.2rem) rotateY(-26deg)}
.pagef  .slide-f1 .swiper-slide-next+.swiper-slide+.swiper-slide .item{transform:translate3d(-3.2rem,0,0) rotateY(-26deg)}*/
.pagef  .slide-f1 .swiper-slide-next+.swiper-slide+.swiper-slide .item .img{height: 30vw}
.pagef .splayer{width: 40vw;left: 50%;margin-left: -20vw;position: relative;margin-top: 5vw}
.pageg .slide-vision .list li{height: auto}
.pageg .slide-vision .list li a{padding: 2rem 0}

.pageg .slide-vision .list li .txt h4{font-size: .4rem}
.pageg .slide-vision .list li .txt span{font-size: .18rem}

.pagee .tit{margin-bottom: .6rem}
.pagee .zfBox ul{margin-bottom: .5rem}
}
@media (max-width: 800px){
.pageb .items{width: 100%} 
.pageb .items{height: auto}
.pageb .s2{margin-top: .3rem}
.pageb .s3{margin-top: .3rem;min-height: 4.4rem;}
.pageb .s4{margin-top: .3rem}
.pageb .s1 .img{height: 55vw}
.pageb .same .swiper-slide .img{width: 2.2rem;height: 1.3rem}
.pagec .splayer{width: 40vw;opacity: 0;}
.pagec .slide-c{position: relative;height: auto; background-position: left center;background-size: 100% 100%}
.pagec .swiBtn{position: relative;width: auto;height: auto;display: flex;align-items: center;left: 0;bottom: 0;margin-top: .4rem;z-index: 8}
.pagec .swiBtn a+a{margin-left: .2rem}
.pagec .slide-c .swiper-slide a{padding: .3rem 0}
.pagec .slide-c .swiper-slide .desc{-webkit-line-clamp: 2;}
.pagec .slide-vision{padding-bottom: 2rem}
.paged .tit .titimg img:last-child{display: block;height: 1rem}

.paged .slide-d .swiper-slide{width: 3.5rem}
.paged .slide-d .swiper-slide .img{height:40vw }
.pagee .splayer{left: 55%; width: 20vw;margin-left: -10vw}
.pagee .zfBox .list li:nth-child(6){margin-left: 0}
.pagef .slide-f1 .swiper-slide .item .img{height: 28vw}
.pagef .slide-f1p{width: 90%;margin: 0 auto;position: relative;}

.pagef .list li .txt{}
}
@media (max-width: 700px){
.pagec .slide-c{background-size: auto 100%; }
.pagec .slide-c .swiper-slide .imgp{width: calc(100% - .6rem);height: 50vw}
.pagec .slide-c .swiper-slide .imgp .img{height: 100%}
.pagec .slide-c .swiper-slide a{flex-wrap: wrap;}
.pagec .slide-c .swiper-slide .txt{flex:inherit;width: 100%;padding: 0;margin-top: .4rem;padding-bottom: .5rem}
.paged .slide-d .swiper-slide .img{height:45vw }
.pagee .donateBoxs .tit{margin-bottom: .4rem}

.pagef .swiNav ul li+li{margin-left: .2rem}
.pagef .swiNav ul li+li:before{display: none}
.pagef .swiNav ul{width: 100%}
.pagef .slide-vision{padding: 1.3rem 0 0}
.pagef .swiNav .mores{position: absolute;right: 5vw;top: -.7rem;z-index: 5}

}
@media (max-width: 597px){
.pagef .splayer{width: 50vw;margin-left: -25vw}
.pagef .swiNav .mores a{font-size: .28rem}
.paged .tit{padding: 0 5vw}
.paged .tit .titimg:after{width: 40vw}
.paged .slide-vision{padding: 1rem 0}
.pageb .slide-vision{padding: 1rem 5vw} 
.pageb .s3 .list li a{font-size: .26rem} 
.pageb .same .swiper-slide .txt h4{font-size: .26rem}
.pageb .s1 .txt h4{font-size: .26rem}
.pageb .s3 .list li h4:before{background-size: .14rem .14rem}
 
.pagec .zsbg{width: 60vw}
.pagec .swiBtn a{width: .8rem;height: .8rem;font-size: .32rem}
.paged .tit .titimg img:last-child{display: block;height: .9rem}
.paged .slide-d .swiper-slide-prev{filter: blur(5px);opacity: .6;}
.paged .slide-d .swiper-slide-next{filter: blur(5px);opacity: .6;}
.paged .slide-d .swiper-slide h4{font-size: .36rem}
.paged .slide-d .swiper-slide .img{height:62vw }
.pagee .zfBox{padding:0 5vw .6rem}
.pagee .slide-vision .titimg{margin-bottom: .8rem}
.pagee .splayer{left: 50%; width: 60vw;margin-left: -30vw; opacity: .3;}
.pagee .zfBox .list li:nth-child(6){margin-left: 0}
.pagee .zfBtn{margin: 0 auto;width: 2.8rem}
.pagee .donateBox .slide-e h4{font-size: .3rem}
.pagee .donateBox .slide-e p{font-size: .24rem}
.pagee .zfBox .list li h4{font-size: .3rem;max-height: 8rem}
.pagef .slide-f2 .swiper-slide{width: 100%}
.pagef .slide-f2 .swiper-slide .img{height: 54vw}
.pagef .slide-f1 .swiper-slide .item .img{height: 54vw;border-radius: .1rem}
.pagef .slide-f2p .swiBtn a.prev{left: .3rem;}
.pagef .slide-f2p .swiBtn a.next{right: .3rem;}
.pagef  .slide-f1 .swiBtn a.prev{left: .3rem}
.pagef  .slide-f1 .swiBtn a.next{right: .3rem}
.swiBtn.cus a svg path{fill:#fff;}
.pagef .list{width: 90%}
.pagef .list li .img{}
.pagef .list li .txt{width: 100%;padding-left: 1.5rem}
.pagef .list li .txt .mor img{width: auto;height: .22rem}
.pagef .slide-f1 .swiper-slide .txt{font-size: .26rem;padding: .2rem .3rem}
.pagef .slide-f2 .txt{padding: .2rem .3rem}
.pagef .list li+li{margin-top: .4rem}
.pagef .swiNav{padding: 0 5vw}
}
.footer{background: #A51414;padding: .3rem 0 .4rem;color: rgba(255,2552,255,.7)}
.footer p+p{margin-top: .1rem}
.footer p img{height: .8rem;}
.footer a{color: rgba(255,2552,255,.7)}
.footer p span{display: inline-block;}
.footer p span+span{margin: 0 .1rem}
@media (min-width:1025px){
.footer{display: none}
}

@media (max-width:992px){ 

}

@media (max-width:597px){ 

}
/*0727*/
@media (min-width: 1025px){
.slide-main .pageBg{display: none}
.slideBg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;pointer-events: none;}	
.slideBg .slideImg{height: 100%}
.splayer{display: none}
.pagee  .splayer{display: block;}
.move-bg img{display: none}
}
@media (max-width: 1024px){
.slideBg{display: none}
}


/*0731*/
.paged .serp{margin-bottom: .2rem;padding-right: .2rem}
.paged .serp .form{display: block;position: relative;}
.paged .serp .form button{position: absolute;font-size: .24rem;color: #1a448e;top: 0;right: 0;bottom: 0;z-index: 5;width: .46rem;background: transparent;}
.paged .serp .form input{height: .46rem;width: 2.32rem;background: url(../images/4037.png) no-repeat center;background-size: 100% 100%;line-height: .46rem;padding: 0 .15rem}
@media (max-width: 1024px){
.paged .serp{justify-content: center;margin-bottom: .4rem;padding-right: 0}
.paged .serp .form input{height: .56rem;width: 3.32rem;line-height: .56rem;padding: 0 .15rem}
.paged .serp .form button{ font-size: .3rem;width: .56rem;}
}
@media (max-width: 597px){
.paged .serp{justify-content: center;margin-bottom: .4rem}
.paged .serp .form input{height: .66rem;width: 4.32rem;line-height: .66rem;padding: 0 .2rem}
.paged .serp .form button{ font-size: .36rem;width: .66rem;}
}

/*0805*/
.pagec .slide-cs{position: absolute;left:2rem;top:1.8rem;bottom: .6rem;width: 6.7rem;/*pointer-events: none;*/z-index: 6}
.pagec .slide-cs .swiper-slide{display: flex;align-items: flex-start}
.pagec .slide-cs .swiper-slide-next{
    z-index: 20;
}
.pagec .slide-cs .swiper-slide-next .item{transform: translate3d(4rem,2.2rem,0)}
.pagec .slide-cs .swiper-slide-next+.swiper-slide{}
.pagec .slide-cs .swiper-slide-next+.swiper-slide .item{transform: translate3d(1rem,1rem,0)}
.pagec .slide-cs .item img{max-height: .7rem;display: block;margin: 0 auto .1rem}
.pagec .slide-cs .item{text-align: center;transition: .5s;cursor: pointer;}
.pagec .slide-cs .item p{background: linear-gradient(299deg, #BE9A51 0%, #EDCA6E 64%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; line-height: 1em;font-size: .32rem;text-align: center;display: inline-block;}

.pagec .slide-c .swiper-slide .linebg{position: absolute;right: 0;top:50%;max-height: 100%;opacity: .2;transform: translateY(-50%);-webkit-mask-image: linear-gradient(to right, transparent 0%, black 100%);mask-image: linear-gradient(to right, transparent 0%, black 100%);max-width: inherit;min-height: 2rem}
@media (max-width: 1024px){
.pagec .slide-cs{display: none}  
}
@media (max-width: 597px){
.pagec .slide-c .swiper-slide .linebg{top: auto;bottom: 0;transform: translateY(0);}
}

/**/
.imgfixbox{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999;opacity:0;visibility:hidden;transition:all .3s ease-out 0s}
.imgfixbox.showdiv{opacity:1;visibility:visible}
.imgfixbox .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,56,118,.6);backdrop-filter:blur(12px)}
.imgfixbox .imgfixcon{padding-top:1.17rem}
.imgfixbox .imgfix1 .con{width:10.64rem;margin:0 auto}
.imgfixbox .imgfix1 .img_box{padding:.07rem;background:url(../images/n-img-11.png) no-repeat 50%/100% 100%}
/*.imgfixbox .imgfix1 .img{height:5.91rem;-webkit-mask:url(../images/n-img-10.svg);mask:url(../images/n-img-10.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:cover;background:url(../images/n-img-10.svg) no-repeat 50%/100% 100%;flex-shrink:0;overflow:hidden;z-index:3}*/
.imgfixbox .imgfix1 .img{
    clip-path: url(#clipPath);
    height: 5.91rem;
    overflow: hidden;
    z-index: 3;
    position: relative;
}
.imgfixbox .imgfix1 h4{font-size:.22rem;line-height:.3rem;color:#fff;text-align:center;margin-top:.28rem}
.imgfixbox .imgfix1 .btn{width:.54rem;height:.54rem;background:transparent no-repeat 50%/100% 100%;transition:.3s;z-index:99}
.imgfixbox .imgfix1 .btn:after{display:none}
.imgfixbox .imgfix1 .prev{left:.3rem;background-image:url(../images/n-prev1.png)}
.imgfixbox .imgfix1 .next{right:.3rem;background-image:url(../images/n-next1.png)}
.imgfixbox .imgfix1 .prev:hover{background-image:url(../images/n-prev2.png)}
.imgfixbox .imgfix1 .next:hover{background-image:url(../images/n-next2.png)}
.imgfixbox .bot{position:absolute;left:0;right:0;bottom:0;-webkit-mask:-webkit-linear-gradient(to right,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(to right,transparent,#fff 20%,#fff 80%,transparent);z-index:5}
.imgfixbox .imgfix2 .img{height:100%}
.imgfixbox .imgfix2 .img:after{position:absolute;content:'';left:0;right:0;top:0;bottom:0;border:.04rem solid;border-image:linear-gradient(304deg,#be9a51 0,#edca6e 64%) 4;opacity:0;visibility:hidden;transition:.3s;z-index:3}
.imgfixbox .imgfix2 .swiper-slide:after{position:absolute;content:'';left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.4);transition:.3s}
.imgfixbox .imgfix2 .swiper-slide{width:1.98rem;height:1.1rem;position:relative}
.imgfixbox .imgfix2 .swiper-slide-active .img:after{opacity:1;visibility:visible}
.imgfixbox .imgfix2 .swiper-slide-active:after{opacity:0;visibility:hidden}
.imgfixbox .bot:after{position:absolute;content:'';left:0;right:0;bottom:0;height:1.1rem;background:linear-gradient(270deg,rgba(0,0,0,0) 9%,#000 50%,rgba(0,0,0,0) 92%)}
.imgfixbox .close{position:absolute;top:.56rem;right:.4rem;width:.32rem;height:.32rem;background:url(../images/n-close.png) no-repeat 50%/100% 100%;cursor:pointer;transition:.5s}
.imgfixbox .close:hover{transform:rotate(180deg)}
 
.pagec .rightImg ul li img{max-height: inherit;}
.pagec .rightImg ul li:nth-child(1) img{height:3.4rem}
.pagec .rightImg ul li:nth-child(2) img{height:3.6rem}
.pagec .rightImg ul li:nth-child(3) img{height:3.8rem}
.pagec .rightImg ul li:nth-child(4) img{height:4.8rem}
.pagec .rightImg ul li:nth-child(5) img{height:3.8rem}
.pagec .rightImg ul li:nth-child(6) img{height:3.4rem}
.pagec .rightImg ul li:nth-child(7) img{height:3.4rem}
.pagec .rightImg ul li:nth-child(8) img{height:3.4rem}
.pagec .rightImg ul li:nth-child(9) img{height:4rem}
.pagec .rightImg ul li:nth-child(10) img{height:3.8rem}
.pagec .rightImg ul li:nth-child(11) img{height:3.4rem}
.pagec .rightImg ul li:nth-child(12) img{height:3rem}
.pagec .rightImg ul li:nth-child(13) img{height:4.2rem}
.pagec .rightImg ul li:nth-child(14) img{height:3.6rem}
.pagec .rightImg ul li:nth-child(15) img{height:4.8rem}
.pagec .rightImg ul li:nth-child(16) img{height:2.6rem}
.pagec .rightImg ul li:nth-child(17) img{height:2.7rem}
.pagec .rightImg ul li img{transform-origin: right bottom;transform: scale(.85);}
 @media (max-width: 1024px){
 .pagec .rightImg ul li img{transform-origin: right bottom;transform: scale(.8);}	
 }
  @media (max-width: 800px){
 .pagec .rightImg ul li img{transform-origin: right bottom;transform: scale(.7);}	
 }

 /*
 
 
  */
 .pagea .shu{display: none}
@media (max-width: 992px){
/* 竖屏样式 */
@media (orientation: portrait) {
   /* 竖屏专属样式 */
.pagea .slide-vision{min-height: 100vh}  
.pagea .heng{display: none;}
.pagea .shu{display: block;}
.pagea .bigcir{width: 60vw;height: 60vw;margin-top: -5vw}
.pagea .navs li a{flex-direction: column;align-items: center;display: flex;  width: 1.4rem}
.pagea .navs{position: relative;display: flex;justify-content: center;height: auto;margin-top: 0;left: 0;margin-left: 0}
.pagea .navs li{ margin: 0 .35rem}
.pagea .navs li a img{height: .5rem}
.pagea .navs li a {color: #fff}
.pagea .navs li a .cname{writing-mode: vertical-rl;font-size: .34rem}
.pagea .navs li a .cname span{display: block;font-size: .2rem}
.pagea .nav3 li:nth-child(1){transform: translateY(.8rem);}
.pagea .nav3 li:nth-child(3){transform: translateY(.8rem);}
.pagea .nav3 li a{padding: .5rem 0 1.2rem}
.pagea .nav3 .cname{margin-top: .2rem}
.pagea .nav3 li{padding-right: 0; background: url(../images/bg1onq.png) no-repeat center;background-size: 100% 100%; }
.pagea .nav4 li{padding-right: 0; background: url(../images/bg1ons1.png) no-repeat center;background-size: 100% 100%; }
.pagea .nav4 {margin-top: -5vw}
.pagea .nav4 li:nth-child(1){transform: translateY(-.8rem);}
.pagea .nav4 li:nth-child(3){transform: translateY(-.8rem);}
.pagea .nav4 li a{padding: 1.2rem 0 .5rem}
.pagea .nav4 .cname{margin-bottom: .2rem}
  .rotedCir:after{width: 90vw;height: 90vw;margin-left: -45vw;margin-top: -47vw}
}

/* 横屏样式 */
@media (orientation: landscape) {
   
    
    /* 横屏专属样式 */
}
}
@media (max-width: 597px){
/* 竖屏样式 */
@media (orientation: portrait) {
   /* 竖屏专属样式 */
.pagea .slide-vision{min-height: 100vh;padding-bottom: 10vw}  
.pagea .slide-vision .wp{min-height: 75vh}
.pagea .heng{display: none;}
.pagea .shu{display: block;position: absolute;top: 50%;transform:translateX(-50%) translateY(-50%);left: 50%;z-index: 8}
.pagea .bigcir{width: 75vw;height: 75vw;margin-top: -5vw}
.pagea .navs li a{flex-direction: column;align-items: center;display: flex;  width: 1.2rem}
.pagea .navs{position: relative;display: flex;justify-content: center;height: auto;margin-top: 0;left: 0;margin-left: 0}
.pagea .navs li{ margin: 0 .25rem}
.pagea .navs li a img{height: .5rem}
.pagea .navs li a {color: #fff}
.pagea .navs li a .cname{writing-mode: vertical-rl;font-size: .3rem}
.pagea .navs li a .cname span{display: block;font-size: .18rem}
.pagea .nav3 li:nth-child(1){transform: translateY(.7rem);}
.pagea .nav3 li:nth-child(3){transform: translateY(.7rem);}
.pagea .nav3 li a{padding: .5rem 0 .9rem}
.pagea .nav3 .cname{margin-top: .2rem}
.pagea .nav4 {margin-top: -5vw}
.pagea .nav4 li:nth-child(1){transform: translateY(-.7rem);}
.pagea .nav4 li:nth-child(3){transform: translateY(-.7rem);}
.pagea .nav4 li a{padding: .9rem 0 .5rem}
.pagea .nav4 .cname{margin-bottom: .2rem}
 .pagea .splayer{width: 40vw}
 .pagea .bigcir img.txtimg{width: 60vw}
 .rotedCir:after{width: 120vw;height: 120vw;margin-left: -60vw;margin-top: -62vw}
}

/* 横屏样式 */
@media (orientation: landscape) {
   
    
    /* 横屏专属样式 */
}
}