.banner{border-radius: 0.8rem;margin-top: 1.33rem;}
.banner .swiper-slide{padding-bottom: 38.3%;}
.banner .banPag{position: absolute;bottom: 1.33rem;width: 91.5%;left: 50%;transform: translateX(-50%);z-index: 2;display: flex;justify-content: space-between;align-items: center;}
.banner .banPag .btn{display: inline-flex;align-items: center;gap: 1.3rem;}
.banner .banPag .btn div{position: relative;}
.banner .banPag .btn img{width: 0.4rem;}
.banner .banPag .pag{display: inline-flex;gap: .5rem;}
.banner .banPag .pag span{background: #fff;width: 0.4rem;height: 0.4rem;}

.idxOne .wrap{gap: 8px;}
.idxOne .wrap .item{flex: 1;background: #F7FBFF;border-radius: 0.3rem;transition: 0.3s;}
.idxOne .wrap .item:hover{flex: 3;}
.idxOne .wrap .num,.idxTwo .wrap ul li .shuzi .num{font-family: "Barlow-Medium";}
.idxOne .wrap .ico{width: 2rem;height: 2rem;border-radius: 50%;}
.idxOne .wrap .thebefore{display: block;height: 16.6rem;box-sizing: border-box;padding: 1.33rem 0;}
.idxOne .wrap .thebefore .ico{background: #0034B7;display: block;margin: auto;}
.idxOne .wrap .thebefore .ico img{width: 1.2rem;filter: brightness(0) invert(1);}
.idxOne .wrap .thebefore > .name{text-align: center;display: block;justify-content: center;margin:1.33rem auto 0;white-space: normal;}
.idxOne .wrap .thebefore .num{position: absolute;left: 0;bottom: 1.33rem;text-align: center;width: 100%;}
.idxOne .wrap .theafter > .name .num{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.idxOne .wrap .theafter > .name{align-items: center;gap: .66rem;}
.idxOne .wrap .theafter > .name .name{width: calc(100% - 4.5rem);}
.idxOne .wrap .theafter .ico{border: 1px solid #fff;box-sizing: border-box;}
.idxOne .wrap .theafter .ico img{filter: brightness(0) invert(1);width: 1.2rem;}
.idxOne .wrap .theafter{padding: 1rem;box-sizing: border-box;visibility: hidden;opacity: 0; background:url(../images/bg_idxOne.jpg) center no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;left: 0;top: 0;transform: translateX(100%);transition: 0.4s;}
.idxOne .wrap .theafter .list{margin-top: 0.66rem;}
.idxOne .wrap .theafter .list a span{width: 80%;}
.idxOne .wrap .theafter .list a{color: #fff;padding: 0 1rem 0 0.5rem;line-height: 2.3rem;border-bottom: 1px solid rgba(255,255,255,0.5);}
.idxOne .wrap .theafter .list a::before{width: 0.2rem;height: 0.2rem;background-color: #fff;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);}
.idxOne .wrap .theafter .list a::after{background: url(../images/ico_next.svg) center right no-repeat;right: 0;top: 50%;transform: translateY(-50%);background-size:100%;height: 0.34rem;width: 0.34rem;}
.idxOne .wrap .item:hover .thebefore{opacity: 0;visibility: hidden;}
.idxOne .wrap .item:hover .theafter{opacity: 1;visibility: visible;transform: translateX(0);}

.idxMoreAll{width: 5.73rem;border-radius: 5rem;border: 1px solid #DDDDDD;padding: 0 0.5rem;box-sizing: border-box;height: 1.73rem;line-height: 1.73rem;display: block;}
.idxMoreAll i{width: 1.2rem;height: 1.2rem;border-radius: 50%;background-color: #0034B7;position: absolute;right: 0.5rem;top: 50%;transform: translateY(-50%);}
.idxMoreAll > *{transition: 0.2s;}
.idxMoreAll:hover > i{right: 0.3rem;}
.idxMoreAll:hover{background: #0034B7;border-color: #0034B7;}
.idxMoreAll:hover span{color: #fff;}
.idxTwo{background-image: url(../images/bg_idxTwo@2x.jpg);}
.idxTwo .theTitle{width: 29.3%;}
.idxTwo .theTitle .idxMoreAll{position: absolute;left: 0;bottom: 0;}
.idxTwo .wrap{width: 70.7%;}
.idxTwo .wrap .title{color: #042850;line-height: 1.86rem;}
.idxTwo .wrap .subtitle{line-height: 2;}
.idxTwo .wrap ul li .shuzi .num{color: #0034B7;line-height: 2rem;}
.idxTwo .wrap ul li .text{line-height: 1.1rem;}

.idxThree .subtitle{line-height: 1.1rem;width: 49%;margin:1.33rem auto 0;}
.idxThree .wrap .swiper-slide{background-color: #F7FBFF;border-top: 6px solid #076CE0;border-radius: 0.66rem;}
.idxThree .wrap .swiper-slide a{padding: 1.66rem 1.33rem;}
.idxThree .wrap .swiper-slide a .title{line-height: 1.1rem;}
.idxThree .wrap .swiper-slide a .intel{margin: 1rem 0;line-height: 0.93rem;}
.idxThree .wrap .swiper-slide a .more,.idxFour .wrap .swiper-slide a .more{padding-right: 1rem;display: inline-block;color: #666;}
.idxThree .wrap .swiper-slide a .more::after,.idxFour .wrap .swiper-slide a .more::after{background: url(../images/icon_idxMoreAll.svg) center no-repeat;width: 0.5rem;height: 100%;background-size: 100%;filter: brightness(0) invert(0.5);right: 0;}
.idxThree .wrap .swiper-slide a:hover .more,.idxFour .wrap .swiper-slide a:hover .more{padding-right: 1.5rem;}

.idxFour{background-image: url(../images/bg_idxFour@2x.jpg);}
.idxFour .wrap .swiper-slide{background-color: #fff;border-radius: 0.66rem;}
.idxFour .wrap .swiper-slide a{padding: 1rem 0.66rem;}
.idxFour .wrap .swiper-slide a .title{line-height: 1rem;font-weight: bold;}
.idxFour .wrap .swiper-slide a .img{margin: 1rem 0;padding-bottom: 50%;border-radius: 0.66rem;}
.idxFour .wrap .swiper-slide a .img:hover img{transform: translate(-50%,-50%) scale(1.1);}
.idxFour .wrap .swiper-slide a .subtitle{line-height: 0.9rem;height: 1.8rem;}
.idxFour .wrap .swiper-slide a .more{margin-top: 0.66rem;}
.idxFour .wrap .swiper-slide a:hover .title{color:#076CE0 ;}
@media screen and (max-width:1080px){
	.idxTwo .wrap ul{align-items: inherit;}
	.idxTwo .wrap ul li{width: 23%;}
}
@media screen and (max-width:991px){
	.idxOne .wrap .theafter{padding: 0.5rem;}
}
@media screen and (max-width:760px){
	.banner{margin-top: 0.3rem;}
	.banner .banPag{bottom: 0.5rem;}
	.idxOne .wrap .item{flex: inherit !important;width: calc((100% - 1.5rem) / 4);}
	.idxOne .wrap .thebefore{height: 12rem;}
	.idxOne .wrap .theafter{display: none;}
	.idxOne .wrap .item:hover .thebefore{opacity: 1;visibility: visible;}
	.idxOne .wrap{gap:0.5rem;justify-content: space-between;}
	.idxTwo .theTitle,.idxTwo .wrap,.idxThree .subtitle{width: 100%;}
	.idxTwo .theTitle{display: flex;justify-content: space-between;align-items: center;}
	.idxTwo .theTitle .idxMoreAll{position: relative;left: auto;bottom: auto;}
	.idxTwo .wrap .title{line-height: 1rem;margin-top: 1rem;}
	.idxTwo .wrap ul li{width: 43%;}
	.idxThree .subtitle{margin-top: 1rem;}
	.idxThree .wrap .swiper-slide a{padding: 0.8rem;}
}