/* banner */
.banner{position: relative;overflow: hidden;}
.banner .swiper-slide .wrap{display: block;height: 0;padding-bottom: 100vh;position: relative;overflow: hidden;}
.banner .swiper-slide .wrap em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 6s linear 2s;transform: scale(1.2,1.2);}
.banner .swiper-slide-active .wrap em,.banner .swiper-slide-duplicate-active .wrap em{transition: 6s linear; transform: scale(1,1);}
.banner h5{position: absolute;left: 0;bottom: 1.2rem;z-index: 2;width: 100%;box-sizing: border-box;padding: 0 11rem 0 1.66rem;color: #fff;line-height: 1.2rem;transform: translateY(50px);opacity: 0;}
.banner .swiper-slide-active .wrap h5,
.banner .swiper-slide-duplicate-active .wrap h5{transform: translateY(0);opacity: 1;transition: 0.3s linear 2s;}

.banner .swiper-slide .video video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

/*.banner .swiper-slide .video::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;z-index: 3;}*/


.banner .control{position: absolute;right: 1.66rem;bottom: 1.2rem;z-index: 2;}
.banner .pageState{color: rgba(255, 255, 255, 0.5);}
.banner .pageState span{color: #fff;}
.banner .swiper-pagination{position: static;margin: 0 2.4rem 0 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 0.5rem;height: 0.5rem;margin: 0 0 0 0.9rem;box-sizing: border-box;border: 2px solid #fff;background: #fff;opacity: 0.5;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: rgba(255, 255, 255, 0);}
.banner .btn{padding: 0 0.5rem;background: #00685D;border-radius: 0.7rem;color: #FFFFFF;line-height: 1.4rem;}
.banner .btn span{margin: 0 0.8rem;}
.banner .btn .arr{filter: brightness(0) invert(1);height: 0.9rem;}
.banner .btn:hover{background: #009585;}

.banner .swiper-pagination{display: flex;align-items: center;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;position: relative;background: none;font-size: 0;border: none;}
.banner .swiper-pagination .swiper-pagination-bullet:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.5;border-radius: 50%;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{transform: scale(0);opacity: 0;}
.banner .swiper-pagination .swiper-pagination-bullet svg{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;fill: transparent;stroke-width: 2px;stroke: #fff;stroke-dasharray: 40;stroke-dashoffset: -40;width: 14px;height: 14px;transform: scale(1.1);}
.banner .swiper-pagination .swiper-pagination-bullet-active svg{animation: svgAni 5s linear forwards;}
@keyframes svgAni{to{stroke-dashoffset: 0;}}



/* iTitle */
.iTitle{color: #00685D;margin-bottom: 1.2rem;}
.iTitle .en{opacity: 0.5;line-height: 26px;font-family: SimSun, ËÎÌå, "Songti SC";font-weight: bold;}
.iTitle .ch{font-weight: bold;line-height: 1.33rem;}
.iTitle .tabs{color: #373737;}
.iTitle .tabs li{opacity: 0.3;margin-right: 1.66rem;}
.iTitle .tabs li:last-child{margin-right: 0;}
.iTitle .tabs li .en{opacity: 1;}
.iTitle .tabs li.active{color: #00685D;opacity: 1;}
.iTitle .tabs li.active .en{opacity: 0.5;}

@keyframes wave-loading {
    0% {transform: translateY(0px);}
    25% {transform: translateY(-5px);}
    50%,100% {transform: translateY(0px);}
}

/* moreStyle */
.moreStyle{color: #2F2F2F;line-height: 0.73rem;max-width: 3.53rem;}
.moreStyle .icon{width: 0.73rem;height: 0.73rem;box-sizing: border-box;border: 1px solid #00685D;border-radius: 50%;margin-left: 0.5rem;}
.moreStyle .icon i{display: block;width: 3px;height: 3px;background: #00685D;border-radius: 50%;margin: 0 1px;animation: wave-loading 1.5s ease-in-out infinite;animation-delay: calc(0.3s * var(--time));}
.moreStyle:hover{color: #00685D;}
.moreStyle:hover .icon{background: #00685D;}
.moreStyle:hover .icon i{background: #fff;}
.moreStyle.white{color: #fff;}
.moreStyle.white .icon{border-color: #fff;}
.moreStyle.white .icon i{background: #fff;}

/* dateStyle */
.dateStyle{color: #BDBDBD;line-height: 0.66rem;}
.dateStyle img{margin-right: 10px;filter: brightness(0) invert(0.5);opacity: 0.6;}

/* list */
.list li{margin-top: 0.66rem;}
.list li:first-child{margin-top: 0;}
.list li a{display: block;position: relative;padding: 0.83rem 1.1rem;}
.list li a::before{content: "";width: 3px;height: 100%;background: #00685D;position: absolute;left: 0;top: 0;transform: scale(1,0);opacity: 0;}
.list li .date{margin-bottom: 0.5rem;}
.list li .date span{display: block;padding: 0 8px;height: 0.6rem;background: #00685D;color: #fff;font-size: 10px;font-weight: bold;}
.list li .date span:first-child{background: #D5A022;}
.list li h4{color: #2F2F2F;line-height: 0.86rem;font-weight: bold;height: 1.72rem;overflow: hidden;}
.list li a:hover::before{transform: scale(1);opacity: 1;}
.list li a:hover h4{color: #00685D;}
.list li .btm{margin-top: 0.5rem;}
.list li .btm .dateStyle{flex: 0;}
.list li .btm .arr{filter: brightness(0) invert(0.5);opacity: 0.6;flex-shrink: 0;height: 0.3rem;}
.list li .btm .line{flex: 1;overflow: hidden;margin: 0 0.8rem 0 0.4rem;height: 0;border-top: 1px dashed #E9E9E9;}
.list li:hover .btm .arr{filter: brightness(1) invert(0);opacity: 1;}
.list1{padding-top: 0.8rem;}
.list1 li{margin-top: 0.6rem;}
.list1 li a{padding: 0 1.1rem;}



/* isect1 */
.isect1{padding: 4rem 0;}
.isect1_1{width: 74.68%;}
.isect1_1 .container,
.isect1_1 .picScroll,
.isect1_1 .picScroll a{position: relative;overflow: hidden;}
.isect1_1 .picScroll{width: 66.1%;}
.isect1_1 .picScroll a{display: block;height: 0;padding-bottom: 14.9rem;}
.isect1_1 .picScroll a::before{content: "";width: 100%;height: 2.9rem;position: absolute;left: 0;bottom: 0;z-index: 2;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, 0.49), rgba(0,0,0,1));opacity: 0.77;}
.isect1_1 .picScroll h4{position: absolute;left: 0;bottom: 1.1rem;z-index: 3;width: 100%;box-sizing: border-box;padding: 0 4rem 0 1.1rem;color: #FFFFFF;line-height: 1.4;}
.isect1_1 .picScroll .swiper-pagination{left: auto;right: 0.76rem;bottom: 1.43rem;width: auto;height: 0.26rem;display: flex;align-items: center;}
.isect1_1 .picScroll .swiper-pagination .swiper-pagination-bullet{width: 0.26rem;height: 0.26rem;margin: 0 0.33rem 0 0;background: #fff;opacity: 0.38;}
.isect1_1 .picScroll .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.isect1_1 .list{width: 32.2%}
.isect1_2{width: 24%;}

.isect1_1 .list li{margin-top: 0.4rem;}
.isect1_1 .list li:first-child{margin-top: 0;}
.isect1_1 .list li a{padding: 0;}
.isect1_1 .list li a:before{display: none;}
.isect1_1 .list li .date{display: none;}
/* .isect1_1 .list li h4,
.isect1_2 .list li h4{height: auto;max-height: 1.72rem;} */
.isect1_2 .list1{padding-top: 0;}
.isect1_2 .list li .btm{margin-top: 0;}
.isect1_2 .list1 li{margin-top: 0.1rem;}

/* isect2 */
.isect2{padding: 2.83rem 0;background: url(/theme/default/images/isect2Bg.jpg) no-repeat center top;background-size: cover;}
.isect2 dl{flex: 19%;display: flex;flex-shrink: 0;margin-right: 0.66rem;overflow: hidden;position: relative;}
.isect2 dl:last-child{margin-right: 0;}
.isect2 dl.active{flex: 59.5%;transition:all 0.3s linear;}
.isect2 dl:hover{z-index: 5;}
.isect2 dt{flex-shrink: 0;width: 10.1rem;width: 100%;height: 18.3rem;position: relative;overflow: hidden;box-sizing: border-box;text-align: center;cursor: pointer;}
.isect2 dt::before,
.isect2 dt a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding-top: 7.4rem;align-items: flex-start;}
.isect2 dt::before{content: "";z-index: 2;background-image: linear-gradient(rgba(0,104,93,0), rgba(0,104,93,0.47) 20%, rgba(0,104,93,1));opacity: 0.7;}
.isect2 dl:nth-child(2) dt::before{background-image: linear-gradient(rgba(226,155,0,0), rgba(226,155,0,0.47) 20%, rgba(226,155,0,1));}
.isect2 dt a{z-index: 3;}
.isect2 dt .iTitle{color: #FFFFFF;padding: 0.7rem 0 2.73rem;}
.isect2 dd{flex: 1;overflow: hidden;height: 18.3rem;box-sizing: border-box;padding: 1.33rem 1.33rem 0;background: #FFFFFF;}
.isect2 dd .list2{transform: translateY(50px);opacity: 0;}
.isect2 dl.active dt{width: 10.1rem;}
.isect2 dl.active dd .list2{transform: translateY(0);opacity: 1;transition:all 0.3s linear 0.45s;}
.isect2 dd li{margin-bottom: 1.33rem;}
.isect2 dd li:last-child{margin-bottom: 0;}
.isect2 dd li a{display: flex;}
.isect2 dd li .left{width: 3.23rem;margin-right: 0.9rem;flex-shrink: 0;text-align: center;}
.isect2 dd li .left span{display: block;border: 1px solid #00685D;border-radius: 3px;background: rgba(0, 104, 93, 0.05);line-height: 29px;color: #00685D;}
.isect2 dd li .left em{display: block;margin-top: 11px;line-height: 0.66rem;color: #9D9D9D;}
.isect2 dd li h5{flex: 1;overflow: hidden;color: #373737;line-height: 0.93rem;max-height: 1.86rem;overflow: hidden;}
.isect2 dd li a:hover  h5{color: #00685D;}

/* isect3 */
.isect3{padding: 3.13rem 0 0;position: relative;overflow: hidden;margin-bottom: 4rem;}
.isect3::before{content: "";width: 100%;height: calc(100% - 2.53rem);position: absolute;left: 0;top: 0;background: url(/theme/default/images/isect3Bg.jpg) no-repeat center top;background-size: cover;}
.isect3 .w1600{position: relative;z-index: 2;}
.isect3 .top{padding-bottom: 7.9rem;}
.isect3 .top .left{max-width: 14.8rem;}
.isect3 .top .iTitle{margin-bottom: 0.6rem;}
.isect3 .top .desc{color: #373737;line-height: 0.86rem;margin-bottom: 1.5rem;}
.isect3 .top .slogan{height: 2.2rem;}
.isect3 .dataUl{display: flex;background: #FFFFFF;box-shadow: 0 15px 15px rgba(0, 0, 0, 0.08);}
.isect3 .dataUl li{flex: 1;position: relative;}
.isect3 .dataUl li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(/theme/default/images/yBox.jpg) no-repeat center;background-size: cover;opacity: 0;}
.isect3 .dataUl li::after{content: "";width: 1px;height: 5rem;background: #D7D7D7;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.isect3 .dataUl li:last-child:after{display: none;}
.isect3 .dataUl li a{height: 8.33rem;text-align: center;color: rgba(47, 47, 47, 0.6);line-height: 0.83rem;position: relative;z-index: 2;}
.isect3 .dataUl li .icon{height: 1.5rem;}
.isect3 .dataUl li a .data{color: #00685D;line-height: 1.93rem;margin: 0.66rem 0 0;font-weight: bold;}
.isect3 .dataUl li a .data span{font-size: 1.4rem;}
.isect3 .dataUl li:hover::before{opacity: 1;}
.isect3 .dataUl li:hover::after{opacity: 0;}
.isect3 .dataUl li:hover a,.isect3 .dataUl li:hover a .data{color: #fff;}
.isect3 .dataUl li:hover .icon{filter: brightness(0) invert(1);}

.isect4 .title{margin-bottom: 1.26rem;}
.isect4 .iTitle{margin-bottom: 0;}
.isect4 .share li{margin-right: 1.33rem;position: relative;}
.isect4 .share .icon{width: 2rem;height: 2rem;background: #28C445;border-radius: 50%;}
.isect4 .share .bilibili .icon{background: #FF8BAA;}
.isect4 .share .sina .icon{background: #F79106;}
.isect4 .share .dy .icon{background: #404040;}
.isect4 .container{position: relative;overflow: hidden;}
.isect4 .cont li{width: 33.33%;}
.isect4 .cont a{display: block;height: 0;padding-bottom: 62.5%;position: relative;overflow: hidden;}
.isect4 .cont li:first-child a{padding-bottom: 125%;}
.isect4 .cont li:nth-child(2){width: 66.67%;}
.isect4 .cont li:nth-child(2) a{padding-bottom: 31.25%;}
.isect4 .cont a::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));opacity: 0.6;}
.isect4 .cont .text{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;box-sizing: border-box;padding: 0 1.33rem;color: #FFFFFF;}
.isect4 .cont .text .date{line-height: 0.66rem;opacity: 0.8;}
.isect4 .cont .text h4{line-height: 0.93rem;margin: 7px auto 0.66rem;}
.isect4 .cont .label{width: 3.53rem;height: 1.5rem;background: #28C445;}
.isect4 .cont .label.bilibili{background: #FF8BAA;}
.isect4 .cont .label.sina{background: #F79106;}
.isect4 .cont .label.dy{background: #404040;}
.isect4 .cont .label img{margin-right: 0.3rem;height: 1rem;}
.isect4 .cont a:hover .bgStyle{transform: scale(1.05);}
.isect4 .cont a:hover::before{opacity: 0.2;}

/* isect5 */
.isect5{padding: 4rem 0 5.2rem;background: url(/theme/default/images/isect5Bg.png) no-repeat center top;background-size: cover;overflow: hidden;}
.isect5 .cont{position: relative;}
.isect5 .prev{left: -3.66rem;}
.isect5 .next{right: -3.66rem;}
.isect5 .container{position: relative;overflow: hidden;}
.isect5 .container a{display: block;height: 0;padding-bottom: 33%;position: relative;overflow: hidden;}

/* 20231023 */
.banner .control{display: none;}
.hoverNews{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;padding: 0.6rem 0 0.7rem;background: rgba(0, 0, 0, 0.44);}
.hoverNews .item{width: 49%;}
.hoverNews .iTitle{border-bottom: 1px solid #C4C4C4;color: #fff;margin-bottom: 0.7rem;padding-bottom: 0.5rem;}

.list3 li{/* width: 46%; */width: 100%;}
/* .list3 li:nth-child(2n){float: right;} */
.list3 li a{display: block;padding-left: 0.5rem;position: relative;line-height: 1.4rem;color: #fff;}
.list3 li a::before{content: "";width: 8px;height: 8px;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.list3 li a h4{width: calc(100% - 106px);font-weight: normal;}
.list3 li a:hover::before{width: 16px;height: 2px;border-radius: 0;}
.list3 li a:hover h4{transform: translateX(16px);}

.isect1_1 .list4{width: 30.4%;}
.list4 li{margin-bottom: 0.4rem;}
.list4 li:last-child{margin-bottom: 0;}
.list4 li a{display: block;position: relative;padding-left: 0.7rem;color: #2F2F2F;line-height: 0.9rem;max-height: 1.8rem;}
.list4 li a::before{content: "";width: 0.4rem;height: 0.4rem;position: absolute;left: 0;top: 0.23rem;border-radius: 50%;background: #00685D;}
.list4 li a:hover,
.list4 li.on a{color: #00685D;}

.list5 li{margin-bottom: 0.8rem;margin-bottom: 0.3rem;}
.list5 li:last-child{margin-bottom: 0;}
.list5 li a{display: block;position: relative;padding-left: 1rem;}
.list5 li a::before{content: "";width: 0.26rem;height: 0.26rem;position: absolute;left: 0;top: 0.3rem;border-radius: 50%;background: #00685D;}
.list5 li a .flexBetween{align-items: flex-start;}
.list5 li a .right{flex-shrink: 0;color: #BDBDBD;line-height: 0.66rem;margin-left: 0.7rem;}
.list5 li a .right img{margin-top: 0.4rem;filter: brightness(0) invert(0.5);opacity: 0.7;display: block;}
.list5 li a h4{color: #2F2F2F;font-weight: normal;line-height: 0.86rem;max-height: 1.72rem;overflow: hidden;}
.list5 li a:hover h4{color: #00685D;}
.list5 li a:hover .right img{filter: brightness(1) invert(0);opacity: 1;}

.isect2 dd li h5{font-weight: normal;}
.isect2 dd li{margin-bottom: 0.7rem;}

.isect1_1 .picScroll2 a::before{height: 100%;background: rgba(0, 0, 0, 0.3);}
.isect1_1 .picScroll2 a .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;}

@media screen and (max-width: 1620px){
}

@media screen and (max-width: 1480px){
.banner .swiper-slide .wrap{padding-bottom: 60%;}
.isect1{padding: 3rem 0;}
.isect2 dd{padding: 1rem 1rem 0;}
.isect2 dd li{margin-bottom: 1.2rem;}
.isect3{margin-bottom: 3rem;}
.isect5{padding: 3rem 0;}
.isect5 .prev{left: -2rem;}
.isect5 .next{right: -2rem;}
}

@media screen and (max-width: 1280px){
}

@media screen and (max-width: 1200px){
}

@media screen and (max-width: 1024px){
.isect1_1,.isect1_2{width: 100%;}
.isect1_1{margin-bottom: 1rem;}
.isect2 dd{display: none;}
.isect2 dl,.isect2 dl.active{flex: 31%;}
.isect2 dt{width: 100%;height: 0;padding-bottom: 180.59%;}
.isect2 dt .iTitle{padding: 0.5rem 0 1.2rem;}
.isect3 .top{padding-bottom: 3rem;}
.isect3 .top .slogan{display: none;}
.isect5 .btnStyle{display: none;}



}

@media screen and (max-width: 760px){
.banner .swiper-pagination{display: none;}
.banner .control{bottom: 0.8rem;right: 0.5rem;}
.banner h5{bottom: 0.6rem;padding: 0 0.5rem;font-size: 0.6rem;}
.banner .btnStyle,.banner .btn{display: none;}
.iTitle{margin-bottom: 0.5rem;}
.iTitle .tabs li{margin-right: 1rem;}
.iTitle .en{line-height: 1;}
.iTitle .ch{line-height: 1.2;}
.list li{margin-top: 0;}
.list li a{padding: 0.5rem;}
.list li h4{height: auto;max-height: 1.72rem;}
.list li .btm{margin-top: 0.3rem;}
.list1{padding-top: 0;}
.list1 li{margin-top: 0;}
.isect1,.isect2,.isect5{padding: 1rem 0;}
.isect1_1 .picScroll,.isect1_1 .list{width: 100%;}
.isect1_1 .picScroll a{padding-bottom: 56.58%;}
.isect1_1 .list{margin-top: 1rem;}
.isect2 dl, .isect2 dl.active{width: 33%;margin-right: 0;}
.isect2 dl.active dt{width: 100%;}
.isect2 dt .iTitle{padding: 10px 0 0.5rem;margin-bottom: 0;}
.isect2 dt .iTitle .en{display: none;}
.isect2 dt a > div{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.isect2 dt a .moreStyle{margin: 0 auto;}
.isect2 dt a  img{height: 1.2rem;}
.isect3{margin-bottom: 2rem;padding: 1.5rem 0 0;}
.isect3 .top .left{max-width: 100%;}
.isect3 .top .desc{margin-bottom: 2rem;}
.isect3 .dataUl li a{height: 5rem;}
.isect3 .dataUl li .icon{height: 1rem;}
.isect3 .dataUl li a .data{margin-top: 6px;line-height: 1rem;font-size: 12px;}
.isect3 .dataUl li a .data span{font-size: 0.7rem;}
.isect3 .dataUl li a .txt{font-size: 12px;line-height: 20px;min-height: 40px;}
.isect4 .title{margin-bottom: 0.6rem;}
.isect4 .share,.isect4 .cont .label{display: none;}
.isect4 .cont li{width: 50% !important;}
.isect4 .cont a{padding-bottom: 62.5% !important;padding-bottom: 80% !important;}
.isect4 .cont .text{padding: 0 0.5rem;}
.isect4 .cont .text h4{margin: 3px auto 0.5rem;}


/* 20231023 */
.hoverNews{position: relative;background: none;padding-bottom: 0;}
.hoverNews .item{width: 100%;}
.hoverNews .item:last-child{margin-bottom: 0;}
.hoverNews .iTitle{color: #00685D;}
.hoverNews  .moreStyle.white{color: #2F2F2F;}
.hoverNews  .moreStyle.white .icon{border-color: #00685D;}
.hoverNews  .moreStyle.white .icon i{background: #00685D;}
.list3 li{width: 100%;}
.list3 li a{color: #2F2F2F;}
.list3 li a::before{background: #00685D;}
.list3 li a{font-size: 12px;}
.list3 li a h4{width: calc(100% - 90px);}
.list5 li{margin-bottom: 0.5rem;}

.isect1_1 .list4{width: 100%;margin-bottom: 0.5rem;}
}

@media screen and (max-width: 468px){
.isect3 .top{padding-bottom: 5rem;}
/* .isect3 .top .left .moreStyle{filter: brightness(0) invert(1);} */

.isect1_1 .picScroll2 a .icon{height: 40px;}
.isect1_1 .picScroll .swiper-pagination{bottom: 0.6rem;}
.isect1_1 .picScroll h4{bottom: 0.5rem;}
}