.banner{position: relative;width: 100%;overflow: hidden;}
.banner img{width: 100%;}
.banner .ban_title{width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(50%);}
.banner .ban_title.active{transition: 1.5s;transform: translateY(-100%);}
.banner .ban_title .span1{font-size: .7rem;font-weight:600;color:rgba(28,71,226,1);display: block;}
.banner .ban_title .span2{font-size: .28rem;margin-top: .2rem;font-weight:400;color:rgba(28,71,226,1);display: block;}

.box1{background-image: url("../images/cx_bg.png");background-size: 100% 100%;padding: .5rem 0;}
.box1 .title{font-weight:bold;color:rgba(72,111,253,1);margin-bottom: .48rem;text-align: center;}
.box1 .box1_left{padding-right: .5rem;}
.box1 .p1{font-weight:bold;color:rgba(79,116,250,1);margin-bottom: .12rem;}
.box1 .p2{font-weight:400;color:rgba(51,51,51,1);margin-bottom: .18rem;line-height: .29rem;}
.box1 img{width: 100%;}

.box2{background-color: rgba(238, 240, 246, 1);padding-top: 1rem;}
.box2 .title{font-weight:bold;color:rgba(72,111,253,1);margin-bottom: .3rem;text-align: center;}
.box2 .boxs{height: 3.5rem;overflow: hidden;}
.box2 .mb40{margin-bottom: .4rem;}
.box2 img{width: 100%;}
.box2 .fund_box{background-color: #fff;padding: .8rem .5rem 0 .5rem;position: relative;}
.box2 .fund_box:hover{background-color: rgba(72, 111, 253, 1);}
.box2 .fund_box:hover .p1,.box2 .fund_box:hover .p2{color: #fff;}
.box2 .fund_box:hover .icon{background-image: url("../images/arrows.png");}
.box2 .fund_box .p1{font-weight:bold;color:rgba(72, 111, 253, 1);}
.box2 .fund_box .p2{font-weight:400;color:rgba(51,51,51,1);line-height: .30rem;margin-top: .23rem;}
.box2 .fund_box .icon{display: block;width: .31rem;height: .07rem;background-image: url("../images/arrow.png");background-size: 100%;position: absolute;bottom: .5rem;right: .5rem;background-repeat: no-repeat;}

.box3{background-color: rgba(238, 240, 246, 1);padding-top: .6rem;padding-bottom: 1rem;}
.box3 .title{font-weight:bold;color:rgba(72,111,253,1);margin-bottom: .3rem;text-align: center;}
.box3 .swiper_cont{width: 100%;height: 4rem;background:rgba(255,255,255,1);padding: .3rem;margin-bottom: .44rem;}
.box3 .swiper_cont:hover{background-color: rgba(72, 111, 253, 1);}
.box3 .swiper_cont:hover .txt{color: #fff;}
.box3 .swiper_cont:hover .info p{color: #fff;}
.box3 .swiper_cont .info{display: flex;margin-bottom: .15rem;}
.box3 .swiper_cont .info img{width: .7rem;height: .7rem;border-radius: 50%;overflow: hidden;background-color: rgba(102,102,102,1);margin-right: .1rem;}
.box3 .swiper_cont .info p{font-weight:400;color:rgba(72,111,253,1);line-height: .7rem;margin-right: .2rem;}
.box3 .swiper_cont .txt{font-weight:400;color:rgba(51,51,51,1);line-height:.3rem;}
.box3 .swiper-button-next, .box3 .swiper-button-prev{width: .5rem;height: .24rem;background-image: url("../images/left_xt.png");background-repeat: no-repeat;background-position: center;background-size: .5rem auto;opacity: .6;bottom: 0;top: 100%;right: .15rem;}
.box3 .swiper-button-prev{background-image: url("../images/right_xt.png");left: .15rem;}
.box3 .swiper-button-next:hover, .box3 .swiper-button-prev:hover{opacity: 1;}

@media screen and (max-width: 768px){
	.banner img{width: 124%;position: relative;left: -12%;}
	.banner .ban_title{top: 35%;}
	.banner .ban_title .span1{font-size: .48rem;}
	.banner .ban_title .span2{font-size: .28rem;margin-top: .15rem;}

	.box1 .box1_left,.box1 .box1_right{padding: 0 .3rem;}
	.box1 .p1{margin-top: .3rem;}
	.box1 .p2{line-height: .35rem;}

	.box2{padding: .8rem .15rem 0 .15rem;}
	.box2 .fund_box{padding: .5rem .3rem 0 .3rem;}
	.box2 .fund_box .p2{line-height: .35rem;}

	.box3 .swiper_social{width: 97%;}
	.box3 .swiper_cont{margin-bottom: .7rem;}
	.box3 .swiper_cont .txt{line-height: .35rem;}
	.box3 .swiper-button-next, .box3 .swiper-button-prev{width: 1rem;height: .48rem;background-size: 1rem auto;}
	.box3 .swiper-button-next{right: .15rem;}
	.box3 .swiper-button-prev{left: .15rem;}
}