@keyframes ani_turn {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg)}
}

/* grey Bg */
.greyBg{background: #F5F5F5;}

/* header */
.header{position: fixed;left: 0;top: 0;z-index: 9;width: 100%;box-sizing: border-box;padding: 0 3%;line-height: 4rem;color: #fff;}
.header::before{content: "";width: 100%;height: 6.06rem;position: absolute;left: 0;top: 0;background-image: linear-gradient(180deg, #0E5EC7 0%, rgba(32,151,229,0.00) 100%);pointer-events: none;}
.header .logo img{position: relative;z-index: 2;height: 2rem;}
.header .right{position: relative;z-index: 2;}
.header .nav{padding-right: 0.4rem;}
.header .nav .nLi{position: relative;padding: 0 0.6rem;}
.header .nav .nLi h2 a{display: block;position: relative;}
.header .nav .nLi h2 a::before{content: "";width: 100%;height: 1px;background: #81DBFF;position: absolute;left: 0;bottom: 1.33rem;transform: scale(0,1);opacity: 0;}
.header .nav .nLi .navSub{position: absolute;left: 50%;top: 100%;width: 180px;margin-left: -90px;background: rgba(255, 255, 255, 0.9);box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.header .nav .nLi .navSub ul li{padding: 4px 0;}
.header .nav .nLi .navSub a{display: block;line-height: 16px;text-align: center;padding: 4px;position: relative;color: #333;}
.header .nav .nLi .navSub a:hover{color: #0152AA;}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #0152AA;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .nav .nLi.on h2 a::before,
.header .nav .nLi:hover h2 a::before{transform: scale(1);opacity: 1;}
.header .searchBtn{cursor: pointer;height: 0.6rem;}
.header .white{filter: brightness(0) invert(1);}
.header.fixed,
.header:hover{background: rgba(255, 255, 255, 0.9);box-shadow: 0 0 10px rgba(0,0,0,0.1);color: #333;}
.header.fixed::before,
.header:hover::before{opacity: 0;}
.header.fixed .white,
.header:hover .white{filter: brightness(1) invert(0);}
.header.fixed .menuIcon span,
.header:hover .menuIcon span{background: #333;}

/* moreStyle */
.moreStyle{color: #0152AA;line-height: 0.93rem;text-transform: uppercase;}
.moreStyle .icon{margin-left: 5px;height: 0.4rem;}
.moreStyle:hover .icon{transform: rotateZ(45deg);}


/* paginationStyle */
.paginationStyle.swiper-pagination{bottom: 2rem;}
.paginationStyle.swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;box-sizing: border-box;background: none;border: 1px solid #fff;border-radius: 50%;opacity: 1;}
.paginationStyle.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

/* btnStyle */
.btnStyle{width: 1.6rem;height: 1.6rem;position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.3);z-index: 2;cursor: pointer;backdrop-filter: blur(10px);}
.btnStyle.prev{left: 0;}
.btnStyle.next{right: 0;}
.btnStyle img{max-height: 50%;}
.btnStyle:hover{background: #0152AA;}

/* btnStyle1 */
.btnStyle1{width: 1.6rem;height: 1.6rem;position: absolute;top: 50%;z-index: 2;background: rgba(0, 0, 0, 0.3);border-radius: 50%;cursor: pointer;transform: translateY(-50%);}
.btnStyle1.prev{left: 3%;}
.btnStyle1.next{right: 3%;}
.btnStyle1 img{height: 0.5rem;}
.btnStyle1:hover{background: #0152AA;}
.btnStyle1.swiper-button-disabled{pointer-events: none;opacity: 0.5;}



/* listStyle */
.listStyle li{margin-bottom: 0.66rem;position: relative;background: #FFFFFF;border-bottom: 1px solid #0152AA;}
.listStyle li:last-child{margin-bottom: 0;}
.listStyle li::after{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: -1px;background: #0152AA;transform-origin: left center;transform: scale(0,1);opacity: 0;}
.listStyle .wrap{display: block;position: relative;padding: 0.66rem;line-height: 0.93rem;z-index: 2;box-shadow: 0 4px 20px 0 rgba(0,0,0,0.10);}
.listStyle .title{color: #222222;font-weight: normal;margin-bottom: 0.26rem;height: 1.86rem;}
.listStyle .date{color: #999999;font-family: "Barlow-Regular";}
.listStyle li:hover{border-color: #fff;}
.listStyle li:hover .wrap{box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3);}
.listStyle li:hover::after{transform: scale(1);opacity: 1;transition-delay: 0.2s;}
.listStyle li:hover .title{color: #0152AA;}
/* .listStyle.picBg li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/news_bg.jpg) no-repeat center;background-size: cover;opacity: 0;}
.listStyle.picBg li:hover::before{opacity: 1;}
.listStyle.picBg li:hover .title,
.listStyle.picBg li:hover .date{color: #fff;} */

.listStyle li.picBg::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/news_bg.jpg) no-repeat center;background-size: cover;}
.listStyle li.picBg .title,
.listStyle li.picBg .date{color: #fff;}



/* moreBtn */
.moreBtn{width: 4.6rem;height: 1.26rem;margin: 0 auto;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.5);background: rgba(28, 66, 107, 0.4);border-radius: 0.7rem;backdrop-filter: blur(10px);}
.moreBtn .arr{margin-left: 6px;width: 0.63rem;height: 0.63rem;box-sizing: border-box;border: 1px solid #81DBFF;border-radius: 50%;flex-shrink: 0;position: relative;}
.moreBtn .arr img{position: absolute;left: 0.2rem;top: 50%;height: 0.4rem;margin-top: -0.2rem;}
.moreBtn:hover{background: #0152AA;color: #fff;}
.moreBtn:hover .arr{border-color: #fff;}
.moreBtn:hover .arr img{transform: scale(0.5) translateX(-0.8rem);filter: brightness(0) invert(1);}

/* footer */
.footer{padding: 1.7rem 0 0;background: url(../images/footer_bg.jpg) no-repeat center top;background-size: cover;color: rgba(255, 255, 255, 0.6);line-height: 0.8rem;}
.footer .logo img{filter: brightness(0) invert(1);height: 2rem;margin-bottom: 0.5rem;}
.footer .top .contRight{display: flex;flex-direction: column;align-items: flex-end;}
.footer .select{width: 9rem;position: relative;z-index: 3;}
.footer .select dt{border: 1px solid #FFFFFF;border-radius: 0.66rem;padding: 0 0.9rem;position: relative;cursor: pointer;line-height: 1.26rem;}
.footer .select dt::before{content: "";width: 7px;height: 7px;border-left: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;position: absolute;right: 0.9rem;top: 50%;margin-top: -6px;transform: rotateZ(-45deg);opacity: 0.6;}
.footer .select dd{position: absolute;left: 0;top: 100%;width: 100%;background: #fff;border-radius: 0.66rem;overflow: hidden;display: none;}
.footer .select dd ul{padding: 0.3rem 0;max-height: 6rem;overflow: auto;}
.footer .select dd a{display: block;padding: 0.2rem 0.9rem;color: #333;}
.footer .select dd a:hover{background: #efefef;}
.footer .nav{margin: 1.8rem 0 1.6rem;}
.footer .nav li{margin-left: 0.5rem;color: #FFFFFF;}
.footer .nav li:first-child{margin-left: 0;}
.footer .nav li a:hover{opacity: 0.6;}
.footer .share li{margin-left: 8px;position: relative;}
.footer .share li .icon{height: 1.33rem;}
.footer .share li .code {position: absolute;bottom: calc(100% + 1rem);left: 50%;transform: translateX(-50%);width: 130px;border: 1px #999 solid;border-radius: 4px;padding: 6px;background: #fff;box-sizing: border-box;box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);visibility: hidden;opacity: 0;transition: 0.3s;}
.footer .share li .code::before {content: "";position: absolute;bottom: -0.38rem;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 0.47rem solid transparent;border-right: 0.47rem solid transparent;border-top: 0.4rem solid #fff;}
.footer .share li .code img {width: 100%;}
.footer .share li:hover .code {visibility: initial;opacity: 1;bottom: calc(100% + 0.38rem);}
.footer .btm{line-height: 0.93rem;padding: 2rem 0 1rem;}
.footer .btm span{margin-right: 0.5rem;}
.footer .btm span:last-child{margin-right: 0;}
.footer a:hover{color: #fff;text-decoration: underline;}


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

@media screen and (max-width: 1300px){
.header .nav .nLi{padding: 0 0.3rem;}
.header .logo img{height: 1.8rem;}
}


@media screen and (max-width: 1024px){
.header{line-height: 2.8rem;height: 2.8rem;}
.header::before{height: 110%;}
.header .nav .nLi{padding: 0 0.15rem;}
.header .logo img{height: 1.1rem;}
.header .nav{padding-right: 0;}
.header .nav .nLi h2 a::before{bottom: 0.8rem;}
.header .nav .nLi{display: none;}
.header .nav .nLi:last-child{display: block;padding: 0 0.6rem;}
.header .menuIcon{display: block;}

.paginationStyle.swiper-pagination{bottom: 1rem;}

.footer .logo img{height: 1.5rem;}
.footer .nav{margin: 1.2rem 0;}
.footer .nav li{margin-left: 0.3rem;}
}

@media screen and (max-width: 760px){
.header{line-height: 2rem;height: 2rem;}
.header .nav .nLi{display: none;}
.header .nav .nLi:last-child{display: block;padding: 0 0.6rem;}
.header .menuIcon{display: block;}
.header .logo img{height: 1.5rem;}


.btnStyle1,
.btnStyle{width: 1.2rem;height: 1.2rem;}


.listStyle .title{height: auto;max-height: 1.86rem;font-size: 0.6rem;}

.footer{padding: 1rem 0 0;}
.footer .nav{display: none;}
.footer .top,
.footer .btm{display: block;}
.footer .top .contRight{margin-top: 0.5rem;align-items: flex-start;}
.footer .share{padding-top: 0.5rem;display: none;}
.footer .share li:first-child{margin-left: 0;}
.footer .btm span{display: block;}
.footer .btm{padding: 1rem 0;border-top: 1px solid rgba(255, 255, 255, 0.2);margin-top: 1rem;}
.footer .top .contLeft .text{display: flex;flex-wrap: wrap;}
.footer .top .contLeft .text p{width: 50%;}
.footer .top .contLeft .text p:first-child{width: 100%;}
.footer .btm{padding: 0.5rem 0;}
.footer .btm .contLeft{display: flex;flex-wrap: wrap;}
.footer .btm .contLeft span:first-child{width: 100%;}
.footer .btm .contRight{display: none;}
.footer .select{width: 100%;}
}

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