@charset "utf-8";

.swiper-container{ width:100%; height: 100%;}

.Banner{ width: 100%; height: calc(100vh - 2.71rem); position: relative;}
.Banner .head{ position: absolute; top: 0; left: 0; right: 0; z-index: 9;}
.Banner .Img-box{ height: auto; position: absolute; left: 0; bottom: 0.83rem; right: 0;}
.Banner .Img-box .font-fl{ width: 5rem; padding-top: 0.7rem;}
.Banner .Img-box .font-fl span{ display: block;}
.Banner .Img-box .font-fl .span01{ margin-top: 0.15rem; font-size: 0.54rem; font-weight: bold;}
.Banner .Img-box .font-fl .span02{ margin-top: 0.2rem; line-height: 0.35rem; letter-spacing: 0.01rem;}
.Banner .Img-box .font-fl a{ width: 1.98rem; margin: 0.3rem 0.25rem 0 0; font-size: 0.2rem; color: #237eee; line-height: 0.7rem; text-align: center; border: 1px solid #237eee; border-radius: 0.35rem; display: inline-block;}
.Banner .Img-box .font-fl a.a01{ color: #fff; border: 0 solid transparent; box-shadow: 0 0 0.1rem rgba(4,102,225,.15); background: linear-gradient(90deg, #237eff, #45c4f3);}
.Banner .Img-box .img-fr{ max-height: 4.26rem; height: 100%;}
.Banner .swiper-slide{ background: url(../images/2025-banner-bg.png) no-repeat top right; background-size: cover; position: relative;}
.Banner .swiper-pagination{ bottom: 0.23rem;}
.Banner .swiper-pagination-bullet{ width:0.14rem; height: 0.14rem; background-color: #fff; opacity: 1;}
.Banner .swiper-pagination-bullet-active{ width:0.35rem; height: 0.14rem; border-radius: 0.07rem; background-color: #f9c871;}

.main-01{ padding: 0.71rem 0 0.9rem 0; background: url(../images/2025-main-01.png) no-repeat center bottom; background-size: cover;}
.main-01 .title{ width: 3.6rem; padding: 0.22rem 0;}
.main-01 .title span{ font-size: 0.36rem; color: #237eee; font-weight: bold; line-height: 0.48rem; letter-spacing: 0.02rem; overflow: hidden; white-space: nowrap; display: inline-block;}
.main-01 .title .span01{ animation: typing 3s steps(30) forwards;}
.main-01 .title .span02{ width: 0; animation: typing 3s steps(30) forwards; animation-delay: 1.5s;}
.main-01 .title strong{ color: #000;}
.main-01 .nr{ width: calc(100% - 3.6rem); padding-left: 0.6rem; font-size: 0.17rem; line-height: 0.36rem; text-indent: 0.32rem; text-align: justify;}
.main-01 .hd{ padding: 0.45rem 0 0.8rem 0; font-size: 0.36rem; font-weight: bold; text-align: center; letter-spacing: 0.02rem;}
.main-01 .hd em{ color: #237eee; font-weight: bold;}
.main-01 .bd ul{ margin-right: -1.1rem;}
.main-01 .bd ul li{ width: calc((100% - 1.1rem * 4) / 4); margin: 0 1.1rem 0 0; float: left; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.main-01 .bd ul li a{ padding: 0.3rem 0.2rem 0.25rem 0.2rem; display: block;}
.main-01 .bd ul li img{ height: 1rem; margin: 0 auto; display: block;}
.main-01 .bd ul li span{ margin-top: 0.1rem; font-size: 0.2rem; font-weight: bold; text-align: center; display: block;}
.main-01 .bd ul li em{ margin-top: 0.1rem; font-size: 0.17rem; line-height: 0.3rem; text-align: center; display: block;}
.main-01 .bd ul li:hover{ margin-top: -0.3rem;}
.main-01 .bd ul li:hover a{ border-radius: 0.15rem; box-shadow: 0 0 0.1rem rgba(4,102,225,.15); background-color: #fff;}
.main-01 .bd ul li:hover em{ padding: 0;}

.main-02{ padding: 0.65rem 0; background: url(../images/2025-main-02.png) no-repeat top center; background-size: cover;}
.main-02 .hd{ font-size: 0.36rem; font-weight: bold; text-align: center; letter-spacing: 0.02rem;}
.main-02 .hd em{ color: #237eee; font-weight: bold;}
.main-02 .title{ margin: 0.3rem auto 0.28rem auto;}
.main-02 .bd .box{ width: calc(50% - 0.1rem); padding: 0.3rem 0.45rem; border: 0.03rem solid #fff; border-radius: 0.24rem; background-color: #f2f6ff;}
.main-02 .bd .box:hover{ box-shadow: 0 0 0.21rem rgba(4,102,225,.15); transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.main-02 .bd .box ul{ margin-top: -0.25rem;}
.main-02 .bd .box ul li{ margin-top: 0.25rem; padding-left: 0.48rem; line-height: 0.24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/2025-main-02-li.png) no-repeat left center; background-size: auto 100%; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; cursor: pointer;}
.main-02 .bd .box ul li:hover{ font-size: 0.21rem; color: #237eee; font-weight: bold;}

.main-03{ padding: 0.55rem 0 0.7rem 0; background: url(../images/2025-main-03.png) no-repeat top center; background-size: cover;}
.main-03 .hd{ font-size: 0.36rem; font-weight: bold; text-align: center; letter-spacing: 0.02rem;}
.main-03 .hd em{ color: #237eee; font-weight: bold;}
.main-03 .bd{ height: 5.76rem; margin-top: 0.45rem; border-radius: 0.24rem; box-shadow: 0 0 0.3rem rgba(2,25,53,.1); background-color: transparent;}
.main-03 .bd .swiper-slide img{ width: 100%; height: 100%; border-radius: 0.24rem; object-fit: cover;}

.main-04{ padding: 0.55rem 0 0.7rem 0; background: url(../images/2025-main-04.png) repeat-x top #fdfeff;}
.main-04 .hd{ font-size: 0.36rem; font-weight: bold; text-align: center; letter-spacing: 0.02rem;}
.main-04 .hd em{ color: #237eee; font-weight: bold;}
.main-04 .bd ul{ margin-right: -0.43rem;}
.main-04 .bd ul li{ width: calc((100% - 0.43rem * 4) / 4); margin: 0.45rem 0.43rem 0 0; float: left; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.main-04 .bd ul li a{ padding: 0.45rem 0.35rem; border-radius: 0.2rem; background: linear-gradient(180deg, #f5f8fe, #f5f8ff); display: block;}
.main-04 .bd ul li img{ height: 1.46rem; margin: 0 auto; display: block;}
.main-04 .bd ul li span{ margin-top: 0.35rem; font-size: 0.24rem; font-weight: bold; text-align: center; display: block;}
.main-04 .bd ul li em{ margin-top: 0.16rem; font-size: 0.17rem; line-height: 0.3rem; text-align: center; display: block;}
.main-04 .bd ul li:hover a{ box-shadow: 0 0 0.1rem rgba(4,102,225,.15); background: #fff;}
.main-04 .bd ul li:hover em{ padding: 0;}

.main-04 .gskh-hd{ margin-top: 0.43rem;}
.main-04 .gskh-bd{ margin-top: 0.21rem;}
.main-04 .gskh-bd ul{ margin-right: -0.2rem;}
.main-04 .gskh-bd ul li{ width: calc((100% - 0.2rem * 6) / 6); margin: 0.2rem 0.2rem 0 0; float: left; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.main-04 .gskh-bd ul li a{ padding: 0.23rem 0.18rem 0.15rem 0.18rem; border: 1px solid #ebf2ff; border-radius: 0.11rem; display: block;}
.main-04 .gskh-bd ul li img{ height: 0.5rem; margin: 0 auto; display: block;}
.main-04 .gskh-bd ul li span{ height: 0.46rem; margin-top: 0.15rem; line-height: 0.23rem; text-align: center; letter-spacing: 0.01rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.main-04 .gskh-bd ul li:hover a{ color: #000; border: 1px solid #fff; box-shadow: 0 0 0.15rem rgba(4,102,225,.3); background: #fff;}

.main-05{ padding: 0.6rem 0; background: url(../images/2025-main-05.png) no-repeat top center; background-size: cover;}
.main-05 .hd{ margin-top: -0.1rem; padding-left: 1.96rem;}
.main-05 .hd span{ margin-top: 0.1rem; color: #fff; letter-spacing: 0.02rem; display: block;}
.main-05 .hd .span01{ font-size: 0.36rem; font-weight: bold;}
.main-05 .hd .span02{ font-size: 0.3rem;}
.main-05 .hd i{ width: 0.6rem; height: 0.03rem; margin-top: 0.18rem; background-color: #fff; display: block;}
.main-05 .bd{ margin-top: 0.23rem; padding-right: 1.74rem;}
.main-05 .bd a{ width: 1.98rem; margin: 0 0.22rem 0 0; font-size: 0.2rem; color: #fff; line-height: 0.7rem; text-align: center; border: 1px solid #fff; border-radius: 0.35rem; display: inline-block;}
.main-05 .bd a.a01{ color: #237eee; border: 0 solid transparent; background-color: #fff;}

@keyframes typing {
	from { width: 0; }
	to { width: 100%; }
}