/* 探索 */ 
.main .entrance{position: fixed;top:50%;transform: translateY(-50%);right:-0.7rem;z-index: 2;cursor: pointer;}
.main .entrance img{width: 1.9rem;}
.main #extend{position: fixed;left:100%;right:0;top:0;bottom:0;transition: left 1s cubic-bezier(0.5,0,0.2,1) 0s;background:#315770;z-index: 100;}
.main #extend.show{left:0;}
.main #extend .ll{
    position: absolute;
    top: 45%;
    left: 0;
    z-index: 100;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
    font-size: 20px;
    background: url(../images/png13.png) right 30px center no-repeat;
    padding-left: 40px;
    width: 20px;
    text-align: center;
    line-height: 1.2;
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}
.main #extend.show .ll {
    opacity: 1;
    visibility: visible;
}
.main #extend .mainswiper{width: 100vw;height: 100vh;}
.main #extend .mainslide{background: url(../images/extend_bg1.png) no-repeat right bottom/ cover;overflow: hidden;} 
.main #extend .swiper .navlist{position: absolute;left:0;top:45%;transform: translate(-50%,-50%);z-index: 2;background: url(../images/sideNav_bg.png) no-repeat center /cover;width: 4.65rem;height: 4.65rem;}
.main #extend .swiper .navlist .c{position: absolute;display: flex;align-items: center;cursor: pointer;color: #fff;font-size: 0.23rem;white-space: nowrap;transition: 0.4s;}
.main #extend .swiper .navlist .c span{flex: 0.2rem 0 0;height: 0.2rem;background: #fff;opacity: 0.5;margin-right: 0.25rem;border-radius: 50%;position: relative;transition: 0.4s;;}
.main #extend .swiper .navlist .c.c1{left:85%;top:14%}
.main #extend .swiper .navlist .c.c2{left:100%;top:50%;transform: translate(-0.1rem,-0.1rem);}
.main #extend .swiper .navlist .c.c3{left:85%;top:81%}
.main #extend .swiper .navlist .c.c4{left:55%;top:97%;align-items: flex-start;}
.main #extend .swiper .navlist .c.c4 div{margin-top: 0.2rem;}
.main #extend .swiper .navlist .c.c4 span{margin-right: 0.1rem;}
.main #extend .swiper .navlist .c.active{font-weight: bold;font-size: 0.38rem;}
.main #extend .swiper .navlist .c.active span:before{content:"";width: 0.86rem;height: 0.86rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 1;background: url(../images/active.png) no-repeat center/cover;}
.main #extend .swiper .navlist .c.active span{background: transparent;margin-right: 0.5rem;opacity: 1;}
.main #extend .content{position: absolute;width: calc(100% - 4.7rem);height: 100vh;z-index: 1;left:4.7rem;bottom:0;transition: 1.2s;transition-delay: 1s;}

.main #extend .s1 .content{height: auto;width: auto;left:auto;right:0;}
.main #extend .s1 .content>img{width: 13rem;position: relative; top:0.4rem} 
.main #extend .s1 .content li{position: absolute;color: #fff;font-family: "微软雅黑";line-height: 1.3;text-align: center;}
.main #extend .s1 .content li:before{content:"";width:0.43rem;height:0.43rem;background:url(../images/circle.svg) no-repeat center/cover;position:absolute;}
.main #extend .s1 .content li .title2{display: flex;align-items: flex-end;}
.main #extend .s1 .content li .title2 span:nth-child(1){font-size: 0.5rem;line-height: 1.12;transform: scaleY(0);transition: 1.2s ease 0.9s;}
.main #extend .s1 .content li .title2 span:nth-child(2){font-size: 0.16rem;margin-left: 0.1rem;transform: scaleY(0);transition: 1.2s ease 0.9s;}
.main #extend .s1 .content li .title1{font-size: var(--titleSize);margin-top: 0.12rem;opacity:0;transition: 1.2s ease 0.9s;}
.main #extend.show .s1.swiper-slide-active .content li .title2 span{transform: none !important; }
.main #extend.show .s1.swiper-slide-active .content li .title1{opacity:1}
.main #extend .s1 .content li:nth-child(1){bottom:1.36rem;left:-1.8rem;transition-delay: 1s;}
.main #extend .s1 .content li:nth-child(1):before{bottom:0.1rem;right: -1.3rem;}
.main #extend .s1 .content li:nth-child(2){bottom:3.96rem;right:99%;transition-delay: 1.2s;}
.main #extend .s1 .content li:nth-child(2):before{bottom: -0.2rem;right: -0.7rem;}
.main #extend .s1 .content li:nth-child(3){top:0rem;left: 1.3rem;transition-delay: 1.4s;}
.main #extend .s1 .content li:nth-child(3):before{bottom:-1rem;right:0rem}
.main #extend .s1 .content li:nth-child(4){top: 0.36rem;left: 4.47rem;transition-delay: 1.6s;}
.main #extend .s1 .content li:nth-child(4):before{bottom:-1rem;right:0rem}
.main #extend .s1 .content li:nth-child(5){top:-0.94rem;left: 7.35rem;transition-delay: 1.8s;}
.main #extend .s1 .content li:nth-child(5):before{bottom:-1rem;right:0rem}
.main #extend .s1 .content li:nth-child(6){top: -1.15rem;right: 0.6rem;transition-delay: 2s;}
.main #extend .s1 .content li:nth-child(6):before{bottom:-1rem;right:0rem}

.main #extend .s2 .swiper{height: 100vh;padding-right:0.8rem} 
.main #extend .s2 .swiper-slide{width: 2.75rem;display: flex;box-sizing: border-box;flex-direction: column;opacity: 0;;justify-content: center;box-sizing: border-box;border-left:1px solid rgba(255,255,255,0.5);transition: 1.5s ease-in-out;transition-delay: 1s;border-right:1px solid rgba(255,255,255,0.5)}
.main #extend .s2 .swiper-slide:nth-child(odd){transform: translateY(100%);background: url(../images/buildings.svg) no-repeat bottom right /2.4rem;}
.main #extend .s2 .swiper-slide:nth-child(even){transform: translateY(-100%);}
.main #extend .s2 .swiper-slide:nth-child(even) .news_imgs:before{content: "";position: absolute;top:-1.4rem;right:0;z-index: -1;width:2.4rem;height: 1.65rem;background: url(../images/buildings.svg) no-repeat center/cover;}
.main #extend .s2.swiper-slide-active .swiper-slide{transform:none !important;opacity: 1;}
.main #extend .s2 .swiper-slide .news_imgs{padding-top:130%;overflow:visible;}
.main #extend .s2 .swiper-slide a{color: #fff;padding-left: 0.2rem;display: inline-block;}
.main #extend .s2 .swiper-slide .title{border-bottom:1px solid #fff;display: flex;align-items: center;padding: 0.3rem 0 0.1rem;margin-bottom: 0.2rem;}
.main #extend .s2 .swiper-slide .news_title{font-size: 0.24rem;padding-left: 0.3rem;background: url(../images/icon1.svg) no-repeat left center/0.2rem;}
.main #extend .s2 .swiper-slide .birth{font-size:var(--smailSize);opacity: 0.7;margin-left: 0.2rem;}
.main #extend .s2 .swiper-slide .news_info{
  font-size: var(--smailSize);line-height: 1.75;-webkit-line-clamp:6;-webkit-box-orient:vertical;
  text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;
}
.main #extend .s2 .swiper-slide .paper{margin-top:0.4rem;font-size: var(--smailSize);}
.main #extend .s2 .swiper-slide .paper p+p{ margin-top:0.15rem}
.main #extend .s2 .swiper-slide .paper p{padding-left: 0.2rem;background: url(../images/book.svg) no-repeat left center/0.15rem;}
.main #extend .s2 .swiper-button{display: flex !important;align-items: center;justify-content: center;right: .4rem;width:0.8rem;height: 0.8rem;background: #fff;border-radius: 4px;}
.main #extend .s2 .swiper-button svg{width: auto;height: auto;}
.main #extend .s2 .swiper-button-next:after, .main #extend .s2 .swiper-rtl .swiper-button-prev:after{content:""}

.main #extend .s3 .content{display: flex;flex-wrap: wrap;align-items: center;}
.main #extend .s3>img{width: 8.49rem;position: absolute;z-index: -1;bottom:-1.45rem;right:-0.93rem}
.main #extend .s3 .content .list-wrap{opacity: 0;}
.main #extend .s3 .content .list-l{position:absolute;top:2.38rem;left:0;z-index: 2;width:8rem;transition: 1.3s;transform: translate(-40%,40%);transition-delay: 0.3s}
.main #extend .s3 .content .list-r{position:absolute;top:1.2rem;right:0.8rem;z-index: 1;width:7.4rem;transition: 1.3s;transition-delay: 0.6s;transform: translate(40%,-40%);}
.main #extend .s3.swiper-slide-active .content .list-wrap{opacity: 1;transform: none;}
.main #extend .s3 .content .list-l ul{display: flex;flex-wrap:wrap;}
.main #extend .s3 .content li{width:100%;position: relative;overflow: hidden;}
.main #extend .s3 .content li .news_imgs:before{content:"";position: absolute;width:100%;height:100%;z-index:1;background: rgba(47,85,110,0.4);bottom:0;left:0;}
/* .main #extend .s3 .content .list-l li:nth-child(1) .news_imgs:before{background: rgba(47,85,110,1)}
.main #extend .s3 .content .list-l li:nth-child(1) .news_imgs img{opacity: 0.15;z-index: 1;} */
.main #extend .s3 .content .list-l li:nth-child(1),.main #extend .s3 .content .list-l li:nth-child(2){width:50%;}
.main #extend .s3 .content .news_imgs{padding-top:88.5%;}
.main #extend .s3 .content .list-l li:nth-child(3) .news_imgs{padding-top:32.1%}
.main #extend .s3 .content .news_imgs img{width: 100%;height: 100%;position: absolute;top:0;left:0;}
.main #extend .s3 .content .wz{position: absolute;width:100%;box-sizing: border-box;padding-left:45%;z-index:2;color: #fff;top:60%;transform: translateY(-50%);}
.main #extend .s3 .content .news_title{font-size: 0.24rem;font-weight: bold;margin-bottom: 0.13rem;}
.main #extend .s3 .content .more{text-align:left}
.main #extend .s3 .content .line{position: relative; }
.main #extend .s3 .content .line img{width:0.28rem}
.main #extend .s3 .content .line:before{content:"";position: absolute;left:0.14rem;width:100%;top:50%;transform: translateY(-50%);height: 1px;background: #fff;opacity: 0.5;}
.main #extend .s3 .content .readmore{margin-top: 0.35rem;font-size: var(--smailSize);}
.main #extend .s3 .content .list-r li .news_imgs:before{background: linear-gradient(rgba(8,62,97,0.24),rgb(0,111,185));opacity: 0.57;}
.main #extend .s3 .content .list-r .wz{top:50%}

.main #extend .s4 .content{background: url(../images/extend_bg3.jpg) no-repeat center/cover;}
.main #extend .s4 .content>div{height: 100%;}
.main #extend .s4 .content ul.news_list{display: flex; height: 100%;}
.main #extend .s4 .content ul.news_list li{width: 20%;box-sizing: border-box;height:100%;overflow: hidden;padding-left:0.7rem;border-right:1px solid rgba(255,255,255,0.3);padding-bottom: 2.25rem;display: flex;flex-direction: column;justify-content: center;opacity: 0;;transition: 1.5s ease-in-out 0.8s;}
.main #extend .s4 .content ul.news_list li:nth-child(even){transform: translateY(100%);padding-bottom: 1.2rem;}
.main #extend .s4 .content ul.news_list li:nth-child(odd){transform: translateY(-100%);}
.main #extend .s4.swiper-slide-active .content ul.news_list li{opacity: 1;transform: none;}
.main #extend .s4 .content ul.news_list li a{color:#fff}
.main #extend .s4 .content .news_title{font-size: 0.24rem;font-weight: bold;margin-bottom: 0.13rem;}
.main #extend .s4 .content .more{text-align:left}
.main #extend .s4 .content .line{position: relative; }
.main #extend .s4 .content .line img{width:0.28rem}
.main #extend .s4 .content .line:before{content:"";position: absolute;left:0.14rem;width:100%;top:50%;transform: translateY(-50%);height: 1px;background: #fff;opacity: 0.5;}
.main #extend .s4 .content .readmore{margin-top: 0.35rem;font-size: var(--smailSize);}
.main #extend .s4 .content .swiper{padding-right:0.8rem;}
.main #extend .s4 .swiper-pagination{visibility: hidden}
 



@media screen and (max-width: 999px) {
.main #extend{overflow-y:auto}
.main #extend .ll{font-size:18px;padding:5px;background:#1a87cf;position:fixed}
.main #extend .s1 .content>img{display:none}
.main #extend .mainswiper{height:auto}
.main #extend .mainswiper>.swiper-wrapper{display: block;overflow-y: auto;transform:none !important} 
.main #extend .content{width:100%;height:auto;position:static}
.main #extend .swiper .navlist .c.c4 div{margin-top:0}
.main #extend .swiper .navlist .c.c4{align-items:center}
.main #extend .mainslide{padding:20px 10px;box-sizing: border-box;}
.main #extend .swiper .navlist .c{position:static;width:25%;text-align:center;display:none}
.main #extend .swiper .navlist .c.active{transform:none;display:flex;font-size:22px}
.main #extend .swiper .navlist{
display: flex;box-sizing:border-box;padding:0 15px;
    position: static;margin-bottom:25px;
    transform: none;
    background: none;
    width: 100%;
    height: auto;flex-wrap:wrap;
}
.main #extend .swiper .navlist .c.active span:before{width:44px;height:44px;}


.main #extend.show .s1 .content li .title1{opacity:1 !important;}
.main #extend.show .s1 .content li .title2 span{transform:none !important}
.main #extend .s1 .content li,.main #extend .s1 .content {position:static}
.main #extend .s1 .content ul.list{display:flex;flex-wrap:wrap;gap:10px 0}
.main #extend .s1 .content li{width:33.3%}
.main #extend .s1 .content li .title2{justify-content: center}
.main #extend .s1 .content li .title2 span:nth-child(1){font-size:26px}
.main #extend .s1 .content li .title2 span:nth-child(2){font-size:14px}
.main #extend .s1 .content li .title1{font-size:14px}

.main #extend .s2 .swiper{padding:0;height:auto}
/*.main #extend .s2 .swiper-wrapper{flex-wrap:wrap;justify-content: space-between}*/
.main #extend .s2 .swiper-slide{opacity:1 !important;transform:none !important; }


.main #extend .s3 .content{display:block}
.main #extend .s3 .content .list-l,.main #extend .s3 .content .list-r{opacity:1;transform:none;width:100%;position:static}
.main #extend .s3 .content .readmore{margin-top:10px;font-size:14px}
.main #extend .s3 .content .wz{padding-left:15%;top:55%}

.main #extend .s4 .content .swiper{padding:0;}
.main #extend .s4 .content ul.news_list li{transform:none !important;opacity:1 !important;padding:80px 0 80px 40px !important}
.main #extend .s4 .swiper-pagination{bottom: auto;top: 30px;right: 30px;left: auto;width: auto;    visibility: visible}
.main #extend .s4 .swiper-pagination span.swiper-pagination-bullet{background:#fff;opacity:0.5}
.main #extend .s4 .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}

}