img{display: block;width: 100%;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.a_btn{font-size: .26rem;text-align: center;color: #fff;background: #EF264B;border-bottom:6px solid #FF617D;display: block;padding: .18rem 0;width:4rem;margin: .25rem auto 0;border-radius:18px;}
/*标题*/
.box_hd{text-align: center;width: 100%;margin-bottom: .28rem;overflow: hidden;}
.box_hd h2{display: inline-block;font-size: .4rem;color: #083BA3;text-align: center;padding: 0 1.55rem;position: relative;}
.box_hd img{position: absolute;width:1.4rem;top: .2rem;}
.box_hd .icon1{left: 0;}
.box_hd .icon2{right: 0;}




/*box1开始*/
.box1{margin-top: .4rem;position: relative;}
.box1 li{width: 45%;overflow: hidden;}
.box1 li h2{background: url(../images/box1_img1.jpg) no-repeat 0;background-size: 100% 100%;font-size: .3rem;text-align: center;font-weight: bold;text-align: center;color: #fff;padding:.12rem 0 .12rem 1.4rem;}
.box1 li h3{font-size: .28rem;text-align: center;width: 2.6rem;margin-left: .7rem;margin-top: .06rem;}
.box1 .h3_1{margin-top: .3rem;}
.box1 .con{height:1.2em;overflow: hidden;}
.box1 .fl .a_btn{margin-left: .8rem;width: 2.4rem;}
.box1 .fr .a_btn{margin-right: .6rem;width: 2.4rem;}
.box1 li h4{font-size: .28rem;text-align: center;line-height: .4rem;margin-top: .3rem;}
.box1 .fr h2{background: url(../images/box1_img2.jpg) no-repeat 0;background-size: 100% 100%;padding:.12rem .3rem .12rem 0rem;}
.box1 .line{position: absolute;border-left: 2px solid #AAAAAA;height: 1em;left: 50%;top:.9rem;}
/*box2开始*/
.box2 ul,.box2 ol{width: 94%;margin: 0 auto;}
.box2 ul li{width: 48.5%;}
.box2 ul li h2{font-weight: bold;font-size: .24rem;color: #fff;width: 2rem;margin: 0 auto;text-align: center;padding: .2rem 0;background: #5F1DC9;border-radius: 8px;}
.box2 ul li p{font-size: .26rem;color: #7945CB;line-height: .36rem;border: 1px dashed #5F1DC9;padding: .7rem .15rem .2rem .2rem;border-radius: 8px;margin-top:-.5rem ;height:8em;}
.box2 ol{margin-top: .6rem;}
.box2 ul .fr h2{background: #454BDD;}
.box2 ul .fr p{color: #454BDD;border-color: #454BDD;}
.box2 ol li{width: 100%;border: 1px solid #D0D0D0;padding: .15rem;margin-top: .35rem;overflow: hidden;}

.box2 ol li .fl{width: 1.43rem;border-right:1px solid #C0C0C0;padding:.02rem .1rem 0 ;}
.box2 ol li .fr{width: 4.8rem;font-size: .24rem;}
.box3{background: #5142D5;padding-top: .65rem;margin-top: .6rem;}
/*box4开始*/
.box4 .top ul{width: 94%;margin-left: 2.5%;}
.box4 .top ul li{width: 31%;float: left;border: 1px solid #514399;box-shadow: 5px 5px 0 #D3DAFF;margin-bottom: .5rem;padding: .15rem 0;}
.box4 .top ul .li2{margin: 0 3.5%;}
.box4 .top ul li h2{font-size: .26rem;color: #13236C;font-weight: bold;text-align: center;}
.box4 .top ul li p{font-size: .22rem;color: #414141;text-align: center;margin: .06rem 0 0;}
.box4 .top ul li h3{font-size: .44rem;color: #EF2549;font-weight: bold;text-align: center;}
.box4 .top ul li h3 span{font-size: .24rem;color: #13236C;}
.box4 .box4con2{width: 94%;margin: 0 auto;overflow: hidden;}
.box4 .box4con2 ul{width: 100%;background: #d3daff;overflow: hidden;}
.box4 .box4con2 ul li{float: left;text-align: center;font-size: .26rem;color: #414141;font-weight: bold;padding: .16rem 0;}
.box4 .box4con2 .scr1{width:16%;}
.box4 .box4con2 .scr3{width:18%;}
.box4 .box4con2 .scr2{width:50%;}
.box4  .scrollDiv {width: 100%;height:6em;overflow: hidden;}
.box4 .box4con2 .scrollDiv li{width: 100%;text-align: center;border-bottom: 1px solid #ececec ;overflow: hidden;height: 2em;}
.box4 .box4con2 .scrollDiv li p{float: left;font-size: .24rem;color: #414141;height: 2.5em;line-height: 2.5em;}
.box4 .box4con2 .scrollDiv li p span{color: #ef2549;}
.box4 .a_btn{margin-top: .35rem;}
/*box5开始*/
.box5{margin-top: .2rem;background: #1C2F95;}
.box5 .img3{margin-top: .4rem;}
/*box6开始*/
.box_hd1 img{top: .4rem;}
.box6,.box7{margin-top: .3rem;}
/*box7开始*/
.box7 ul{width: 90%;margin: .1rem auto .7rem;overflow: hidden;}
.box7 ul li{width: 31%;float: left;position: relative;}
.box7 ul .li2{margin: 0 3%;}
.box7 ul .con{width: 100%;position: absolute;top: 0;left: 0;}
.box7 ul .con h2{font-size: .36rem;color: #fff;text-align: center;margin-top: .4rem;}
.box7 ul .con h2 span{font-size: .22rem;}
.box7 ul .con p{font-size: .26rem;color: #fff;text-align: center;margin-top: .1rem;}
/*box8开始*/
.box8{background:#814B9F url(../images/box8_bg.jpg) no-repeat left top;background-size: 100%;overflow: hidden;padding-bottom: .6rem;}
.box8 ul{width: 94%;margin: .7em auto 0;overflow: hidden;}
.box8 ul li{width: 49%;background: #F3F9FD;padding: .2rem .1rem .1rem; overflow: hidden;margin-bottom: .35rem;}
.box8 .top{height:.9em;}
.box8 .top1{height:1.2em;line-height:.34rem;}
.box8 .fl1{width: .9rem;background: url(../images/box8_img1.jpg) no-repeat 0 0;background-size: 100%;float: left;font-size: .20rem;text-align: center;padding: .11rem 0;color: #fff;margin-top: .1rem;}
.box8 .fr1{width: 2.2rem;float: right;font-size: .26rem;font-weight: bold;}
.box8 .fr2{margin-top: .16rem;}
.box8 .con{font-size: .22rem;line-height: .36rem;overflow: hidden;}
.box8 .btm{border-top: 1px dashed #8F82DF;font-size: .26rem;color: #FA1C55;text-align: center;padding: .2rem 0;}
.box8 .con1{height:19em;}
.box8 .con2{height:13em;}
.box8 .con3{height:16em;}
.box8 .con4{height:16em;}
.box8 .con5{height:22em;}
/*box9开始*/
.box9{margin-top: .4rem;background:url(../images/box9_bg.jpg) no-repeat 0 bottom;background-size: 100%; padding-bottom: .1rem;}
.swiper-container {width: 100%;height: 100%;}
.box9 .main{width: 94%;margin: 0 auto 5%;box-shadow: 0 0 20px rgba(89,89,89,.16);border-radius: 10px;overflow: hidden;background: #fff;}
.box9 .main .swiper-slide{padding-bottom: 5%;overflow: hidden;}
.box9 .main .swiper-slide img{border-radius: 10px;}
.box9 .main .con{margin-top: .3rem;border-top: 1px solid #5D49D0;}
.box9 .main .top{overflow: hidden;margin-top: .5rem;}
.box9 .main .top p{font-size:.36rem ;width: 1.8rem;float: left;color: #fff;padding: .1rem 0;background: url(../images/box9_img6.jpg) no-repeat 0 0;background-size: 100% 100%;padding-left: .2rem;margin-top: .1rem;}
.box9 .main .top .top_h2{margin-top: .2rem;}
.box9 .main .top h2{font-size: .34rem;font-weight: bold;color: #5D47D0;width:5rem;float: left;margin-left: .1rem;}
.box9 .main .btm{overflow: hidden;margin-top: .35rem;}
.box9 .main .btm .fl{width: .3rem;height: .3rem;display: block;background: #FA3A6D;margin-top: .1rem;}
.box9 .main .btm .fr{width:6.6rem;}
.box9 .main .btm .fr h3{font-size: .32rem;color: #000;margin-bottom: .1rem;}
.box9 .main .btm .fr p{font-size: .24rem;line-height: .34rem;padding-right: .2rem;}
/*box10开始*/
.box10 {background: #5D49D0;margin-top: -1px;position: relative;z-index: 2;}
.box10 .box_hd h2{color: #fff;}
.box10 .swiper-pagination-bullets{bottom: 6px !important;}
.box10 .swiper-pagination-bullet{background: #AEA3E8;width: 10px;height: 10px;opacity: 1;}
.box10 .swiper-pagination-bullet-active{background: #FF738C;width: 10px;height: 10px;}
.box10 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
.box10 .main{width: 94%;margin:0 auto ;overflow: hidden;}
.box10 .main .swiper-slide{padding: .4rem .1rem 0;position: relative;}
.box10 .main .swiper-slide .img1{width: 6.74rem;margin: 0 auto;}
.box10 .main .tea{position: absolute;top: 0;left: .2rem;}
.box10 .main .con h2{font-size: .44rem;color: #fff;padding-left: .2rem;margin-top: .9rem;}
.box10 .main .con h2 span{font-size: .32rem;}
.box10 .main .con p{font-size: .28rem;color: #fff;padding-left: .2rem;width:4rem;margin: .1rem 0 0 ;}
.box10 .main .tea img{width: 2.67rem;position: absolute;top: 0;left: 4.1rem;}
/*box11开始*/
.box11{margin-top: -1px;position: relative;}
.box11 .a_btn{position: absolute;top:.3rem;left: 50%;margin-left:-2rem ;}
.box12{margin-top: .5rem;}
@media screen and (max-width: 320px){
	body{font-size: .9rem}
	.box1 li p{padding-left: .3rem;}
	.box1 .line{height: 1.3em;}
	.box2 ul li p{height:8.8em;}
	.box2 ol li .fl{padding: .1rem;}
	.box8 .top{height:1.1em;}
	.box8 .top1{height:1.4em;}
	.box8 .con1{height:15.8em;}
	.box8 .con2{height:12em;}
	.box8 .con3{height:14.8em;}
	.box8 .con3 span{margin-top: 0rem;}
	.box8 .con4{height:13.8em;}
	.box8 .con5{height:20em;}
}
@media (min-width : 410px) and (max-width : 736px){
	.box8 .con1{height:18.5em;}
	.box8 .con2{height:13.5em;}
	.box8 .con3{height:15.5em;}
	.box8 .con4{height:17em;}
	.box8 .con5{height:21.8em;}
}
@media screen and (min-width: 750px){
	img{margin-top: -1px;}
	body{font-size: 1.5rem}
	.box1 .con{height:.8em;}
	.box1 .line{height: .6em;}
	.box8 .top{height:.6em;}
	.box4 .box4con2 .scrollDiv li{height: 2.5em;}
	.box4 .box4con2 .scrollDiv {height:4.2em;}
	.box8 .fl1{padding: .15rem 0;}
	.box8 .con2{height:13.8em;}
	.box8 .top1{height:.85em;}
	.box8 .con3{height:16em;}
	.box8 .con4{height:17.5em;}
	.box8 .con5{height:22.5em;}
}