/*页面通用部分*/
body{background: #390983;}
img{display: block;width: 100%;margin: -1px auto 0;}
.box_hd{text-align: center;padding: 8% 0 6%;}
.box_hd h2{font-size:1.4em;color: #fff;text-align: center;display: inline-block;font-weight: bold; position: relative;padding:0 9%;}
.box_hd h2 img{position: absolute;width:26px;}
.box_hd h2 img.boxhd1{left: 0;top: 20%;}
.box_hd h2 img.boxhd2{right: 0;top: 20%;}
.box_hd p{font-size: .9em;color: #AB9DFF;text-align: center;margin-top:1%;line-height: 1.6em;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.a_btn{width:54%;background: linear-gradient(to right,#BB00FF 0%,#6100F7 100%);border: 5px solid #502395;padding: 2.5% 0 2.5%;margin: 0 auto;display: block;border-radius: 50px;color: #fff;font-size: 1.2em;text-align: center;font-weight: bold;}
/*box1开始*/
.box1{background: linear-gradient(to bottom,#550B9E 0%,#390983 100%);}
.box1 ul li{width: 50%;float: left;margin-bottom: 6%;}
.box1 ul li img{width: 40%;}
.box1 ul li h3{font-size: 1.1em;text-align: center;color: #fff;margin:6% 0 4%;}
.box1 ul li p{font-size: .85em;text-align: center;color: #DBBDFF;line-height: 1.6em;}
/*box2开始*/
.box2{background: url(../images/box2_bg.jpg) no-repeat top left;background-size: 100%;padding-top:6%;}
.box2 .box_hd h2 img.boxhd1{left: 0;top: 53%;}
.box2 .box_hd h2 img.boxhd2{right: 0;top: 53%;}
.box2 ul{padding: 0 5%;margin-bottom: 10%;}
.box2 ul li{overflow: hidden;position: relative;}
.box2 ul li .fl{width: 40%;}
.box2 ul li .fr{width: 55%;}
.box2 ul li h3{font-size:1.1em;color: #fff;margin-top: 11%;}
.box2 ul li p{font-size:.9em;color: #DBBDFF;line-height: 1.3em;margin-top: 2%;}
.box2 ul li .line{width: 68%;border-top: 2px solid #2B54A8;left: 32%;top: 80%;position: absolute;z-index: -1;}
.box2 ul .odd .fl{width: 55%;}
.box2 ul .odd .fr{width: 40%;}
.box2 ul .odd .line{left: 0;}
/*box3开始*/
.box3{background: url(../images/box3_bg.jpg) no-repeat center top ;background-size: 100%;overflow: hidden;}
.box3 .main{width:94%;background: #fff;border-radius: 12px;margin:6% auto 0;padding-bottom:8%;}
.box3 .box_hd h2{color: #390983;padding: 0 6%;}
.box3 .box_hd h2 img{position: absolute;width:16px;}
.box3 .box_hd p{color: #584E66;}
.box3 .main ul{padding: 0 5%;}
.box3 .main ul li{overflow: hidden;padding:2.5% 0;margin-bottom:1.5%;background: #F1E8FF;font-size: 1em;}
.box3 .main ul .li1{background: #5813C2;margin-bottom: 0;color: #fff;font-size: 1.2em;}
.box3 .main ul li .fl{width: 56%;text-align: center;}
.box3 .main ul li .fr{width: 44%;color: #7202C9;}
.box3 .main ul .li1 .fr{color: #fff;}
.box3 .main ul .bc{background: #F7F2FF;}
.box3 .main .p1{font-size: 1em;color: #390983;text-align: center;margin-top: 8%;}
.box3 .main .p1 span{color: #A5A5A5;}
/*box5开始*/
.box5{background: linear-gradient(to bottom,#831CE9 0%,#390983 100%);}
.box5 .main{width: 90%;margin:0 auto;background: #fff;border-radius: 10px;}
.box5 .main ul{width: 90%;margin: 5% auto 10%;overflow: hidden;padding: 8% 0;}
.box5 .main ul li{width: 48%;margin-bottom: 4%;}
.box5 .main ul li p{font-size:1em;color: #390983;text-align: center;margin-top: 5%;}

/*box6开始*/
.box6{margin-top: 6%;}
.box6 .top ul {padding: 0 3% 3%;overflow: hidden;}
.box6 .top ul li{width: 31%;margin: 0 1.15%;float: left;}
.box6 .top ul li img{width: 85%;}
.box6 .top ul li p{font-size: 1em;color: #fff;margin:4% 0;text-align: center;}
.box6 .btm{margin-top:2%;position: relative;margin-bottom: 8%;}
.box6 .con{position: absolute;top: 0;left: 0;width: 100%;}
.box6 .swiper-container {width: 100%;height: 100%;padding-bottom: 10%;}
.box6 .swiper-slide{text-align: center;color: #fff;}
.box6 .swiper-slide h3{font-size: 1.05em;margin-top:7.5%;line-height: 1.2em;}
.box6 .swiper-slide p{font-size:.95em;padding-left: 20%;line-height: 1.6em;text-align: left;padding-top: 8%;}
.box6 .swiper-pagination-bullet{background: #7511F2;width: 8px;height: 8px;opacity: 1;}
.box6 .swiper-pagination-bullet-active{background: #6DCAF3;}
/*box7开始*/
.box7{margin-top: 3%;}
.box7 .box6con2{margin-top: 6%;background: url(../images/box7_bg.jpg) no-repeat left bottom ;background-size: 100%;padding-bottom:8%;}
.box7 .box6con2_left{width: 16%;float: left;}
.box7 .box6con2_left ol li{width: 100%;margin-left: .5em;position: relative;margin-bottom: 25%;}
.box7 .box6con2_left ol li .box6r{position: absolute;width: 10%;right: -17%;top:1.8em;display: none;}
.box7 .box6con2_left ol li.box6con2_leftcur .box6r{display: block;}
.box7 .box6con2_right{width: 75%;padding-top: 1%;float: right;margin-right:2%;}
.flexslider{position: relative;}
.block_home_slider .slide{position:relative;}
.box7 .flex-control-paging {display: none;}
.box7 .box6con2_right .box6con2_list{height: 0;overflow: hidden;}
.box7 .box6con2_right .box6con2_lists{height: auto;}
.box7 .box6con2_right .box6list_bot h2{font-size: 1.2em;color: #fff;margin-top: 6%;}
.box7 .box6con2_right .box6list_bot p{font-size: .8em;color: #fff;line-height: 1.6em;margin-top: .3em;}
/*box8开始*/
.box8{background: url(../images/box3_bg.jpg) no-repeat center top ;background-size: 100%;overflow: hidden;margin-top:10%;}
.box8 .main{width:94%;background: #fff;border-radius: 12px;margin:6% auto 0;padding-bottom:3%;}
.box8 .box_hd h2{color: #390983;padding: 0 18%;}
.box8 .box_hd h2 img{position: absolute;width:50px;}
.box8 .box_hd p{color: #584E66;padding: 0 2%;}
.box8 ul {padding: 0 2%;overflow: hidden;}
.box8 ul li{width:33.3%;float: left;margin-bottom:6%;}
.box8 ul li img{width: 60%;margin: 0 auto 2%;}
.box8 p{font-size:1em;color: #3B0983;text-align: center;}
@media screen and (max-width: 320px){
body{font-size: .9rem}
.box2 ul li h3{font-size:1.3em;margin-top:8%;}
.box6 .swiper-slide p{font-size:.9em;}
.box6 .swiper-container {padding-bottom: 12%;}
.box8 .box_hd h2{padding: 0 21%;}
}
@media (min-width : 410px) and (max-width : 736px){
	.box6 .swiper-slide h3{line-height: 1.4em;}
	.box6 .swiper-slide p{font-size:1em;}
	.box6 .swiper-container {padding-bottom: 13%;}	
}

@media screen and (min-width: 750px){
	body{font-size: 1.5rem}
	.box_hd h2 img{position: absolute;width:33px;}
	.box_hd h2{padding:0 6%;}
	.a_btn{width: 44%;}
	.box2 ul,.box1 ul {padding: 0 6%;}
	.box2 ul li h3{font-size:1.3em;margin-top: 15%;}
	.box2 ul li p{font-size:1em;}
	.box6 {padding: 0 5%;}
	.box6 .swiper-slide h3{line-height: 1.4em;font-size:1.2em;}
	.box8 .box_hd h2{padding: 0 10%;}
	.box7 .box6con2_left ol li .box6r{top:2.2em;}
	
}





