/*页面通用部分*/
body{background: #fff;}
img{width: 100%;display: block;}
.box_hd{text-align: center;font-size: 0;padding-top: .52rem;}
.box_hd h2{display: inline-block;position: relative;font-size: .36rem;color: #3068f3;padding: 0 .55rem;}
.box_hd .boxhd1,
.box_hd .boxhd2{position: absolute;top:50%;width: .43rem;height: .02rem;margin-top: -.01rem;background: url("../images/pic.png") no-repeat 0 0;background-size: 1rem;}
.box_hd  p{font-size: .44rem;color: #242424;font-weight: bold;padding-top: 0.02rem;}
.box_hd .boxhd1{left: 0;}
.box_hd .boxhd2{right: 0;background-position-y: -.04rem;}
.box_hd2 h2{color: #fff;}
.box_hd2 .boxhd1{background-position-y: -.04rem;}
.box_hd2 .boxhd2{background-position-y: 0;}
.box_hd2 p{color: #00fff6;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
/*按钮*/
.a_btn{
	display: block;
	width: 3rem;
	height: .75rem;
	font-size: .3rem;
	color: #d0012d;
	text-align: center;
	line-height: .75rem;
	font-weight: bold;
	border-radius: .4rem;
	background: -webkit-linear-gradient(#ffe4d3, #ffb880);
	background: -o-linear-gradient(#ffe4d3, #ffb880);
	background: linear-gradient(#ffe4d3, #ffb880);
	margin: 0 auto;
}
.wrap{overflow: hidden;}
/*ban开始*/
.ban{position: relative;}
.ban .swiper-pagination{
	bottom: .6rem;
	font-size: 0;
}
.ban .swiper-pagination span{
	width: .5rem;
	height: .08rem;
	border-radius: 0;
	background: #86a7ff;
	opacity: 1;
}
.ban .swiper-pagination span.swiper-pagination-bullet-active{background: #d5e0ff;}

.box1{
	background: #edf8ff;
	padding-bottom: .65rem;
}
.box1 .box1_con{
	width: 7rem;
	border: .01rem #3068f3 solid;
	border-radius: .16rem;
	box-shadow: inset 0 .2rem .43rem rgba(25,148,255,.17);
	overflow: hidden;
	background: #fff;
	margin: .42rem auto .48rem;
}
.box1 .box1_con ul{
	height: 4rem;
	border-radius: .16rem;
	overflow: auto;
}
.box1 .box1_con h3{
	height: .76rem;
	line-height: .76rem;
	box-shadow: inset 0 .03rem .38rem rgba(255,255,255,.45);
	background: #1380ff;
}
.box1 .box1_con h3 span{
	float: left;
	width: 26%;
	font-size: .26rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.box1 .box1_con h3 span:nth-child(2){width: 48%;}
.box1 .box1_con ul li{
	height: .68rem;
	font-size: .24rem;
	color: #393939;
	line-height: .68rem;
}
.box1 .box1_con ul li:nth-child(even){background: #f1f9ff;}
.box1 .box1_con ul li .qx{
	float: left;
	width: 26%;
	text-align: center;
}
.box1 .box1_con ul li .fr{
	float: right;
	width: 72%;
}
.box1 .box1_con ul li .fr p{
	float: left;
}
.box1 .box1_con ul li .fr p.p1{
	width: 22%;
}
.box1 .box1_con ul li .fr p.p2{
	width: 50%;
}
.box1 .box1_con ul li .fr p.p2 em{display: none;}
.box1 .box1_con ul li .fr p.p3{position: relative;color: #ff1414;}
.box1 .box1_con ul li .fr p.p3:after{
	position: absolute;
	right: -.24rem;
	top: .23rem;
	width: .18rem;
	height: .2rem;
	background: url("../images/pic.png") no-repeat 0 -.08rem;
	background-size: 1rem;
	content: "";
}
.box1 .box1_con ul li .jyb{display: none;}

.box2{padding-bottom: .6rem;}
.box2 .box2_con{padding: .42rem 0 .68rem;}

.box3{background: #edf8ff;padding-bottom: .6rem;}
.box3 .box3_con{padding: .26rem 0 .41rem;}
.box3 .box3_con2{
	width: 7rem;
	border-radius: .3rem;
	box-shadow: inset 0 .02rem .04rem #fff, 0 .07rem .27rem rgba(0,86,223,.13);
	background: #fbf2e7;
	margin: 0 auto 1.12rem;
}
.box3 .box3_con2 .gallery-thumbs{
	position: relative;
	height: .73rem;
}
.box3 .box3_con2 .gallery-thumbs .swiper-slide{
	position: relative;
	font-size: .28rem;
	color: #ef8758;
	text-align: center;
	line-height: .73rem;
}
.box3 .box3_con2 .gallery-thumbs .swiper-slide-thumb-active{font-weight: bold;}
.box3 .box3_con2 .gallery-thumbs .swiper-slide-thumb-active:after{
	position: absolute;
	left: 50%;
	bottom: .13rem;
	width: .33rem;
	height: .04rem;
	background: #ef8758;
	margin-left: -.17rem;
	content: "";
}
.box3 .box3_con2 .gallery-top{
	position: relative;
	height: 5.1rem;
	border-radius: .15rem;
	box-shadow: inset 0 .02rem .04rem #fff, 0 .07rem .27rem rgba(0,86,223,.13);
	background: #f1f7fe;
	padding: .32rem 0 .5rem;
	overflow: hidden;
}
.box3 .box3_con2 .gallery-top .swiper-slide{
	height: 4.28rem;
	overflow: auto;
}
.box3 .box3_con2 .gallery-top h3{
	font-size: .3rem;
	color: #313131;
	text-align: center;
}
.box3 .box3_con2 .gallery-top h3 b{margin-right: .1rem;}
.box3 .box3_con2 .gallery-top p{
	width: 6.12rem;
	font-size: .24rem;
	color: #999;
	line-height: .36rem;
	margin: .38rem 0 0 .68rem;
}
.box3 .box3_con2 .gallery-top p span{
	position: relative;
	display: block;
	color: #000;
}
.box3 .box3_con2 .gallery-top p span:before{
	position: absolute;
	left: -.36rem;
	top: .03rem;
	width: .25rem;
	height: .28rem;
	background: url("../images/pic.png") no-repeat 0 -.3rem;
	background-size: 1rem;
	content: "";
}
.box3 .box3_con2 .gallery-top p:last-child span:before{background-position-x: -.27rem;}
.box3 .box3_con2 .swiper-pagination{
	bottom: -5.7rem;
	font-size: 0;
}
.box3 .box3_con2 .swiper-pagination span{
	width: .15rem;
	height: .15rem;
	border: .01rem #487dff solid;
	background: none;
	opacity: 1;
}
.box3 .box3_con2 .swiper-pagination span.swiper-pagination-bullet-active{background: #487dff;}

.box4{
	background: #3068f3;
	padding-bottom: .72rem;
}
.box4 .box4_con{
	position: relative;
	padding: 2.3rem 0 .5rem;
}
.box4 .box4_con .main{
	width: 6.67rem;
	border-radius: .33rem;
	background: #fff;
	margin: 0 auto;
	padding: .19rem .19rem .34rem;
}
.box4 .box4_con .main .pic{
	position: relative;
	width: 6.23rem;
	height: 3.5rem;
	border: .03rem #9bd2ff solid;
	border-radius: .24rem;
	overflow: hidden;
}
.box4 .box4_con .main .pic i{
	position: absolute;
	left: 50%;
	top: 50%;
	width: .85rem;
	height: .85rem;
	background: url("../images/pic.png") no-repeat 0 -4.28rem;
	background-size: 1rem;
	transform: translate(-50%,-50%);
}
.box4 .box4_con h3{
	font-size: 0;
	margin: .34rem 0 .3rem .12rem;
}
.box4 .box4_con h3 span{
	display: inline-block;
	height: .22rem;
	font-size: .3rem;
	color: #0c48de;
	font-weight: bold;
	border-radius: .11rem;
	box-shadow: 0 .25rem 0 #edf8ff;
}
.box4 .box4_con p{
	font-size: .24rem;
	color: #242424;
	margin-left: .12rem;
}
.box4 .box4_con .swiper-pagination{
	top: .4rem;
	width: 7.3rem;
	height: 1.47rem;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-left: 0.2rem;
}
.box4 .box4_con .swiper-pagination span{
	width: 1.3rem;
	height: .58rem;
	font-size: .26rem;
	color: #0c48de;
	text-align: center;
	line-height: .58rem;
	border-radius: .3rem;
	border: .01rem #0c48de solid;
	background: #fff;
	opacity: 1;
	margin: 0 .1rem .24rem 0;
}
.box4 .box4_con .swiper-pagination .swiper-pagination-bullet-active{
	color: #fff;
	font-weight: bold;
	background: #0c48de;
}
.box4 .box4_con .swiper-pagination span:hover{border: none;}

.box5{background: #edf8ff;padding-bottom: .62rem;}
.box5 .box5_con{padding-bottom: .68rem;}
.box5 .box5_con ol{
	overflow: hidden;
	padding: .5rem 0 .23rem .35rem;
}
.box5 .box5_con ol li{
	float: left;
	width: 2.2rem;
	height: .6rem;
	font-size: .24rem;
	color: #3068f3;
	text-align: center;
	line-height: .58rem;
	border: .01rem #8bacf9 solid;
	box-shadow: inset 0 .01rem .16rem rgba(25,148,255,.13), 0 .03rem .1rem rgba(0,86,223,.13);
	border-radius: .2rem .3rem 0 .2rem;
	background: #fff;
	margin: 0 .11rem .22rem 0;
}
.box5 .box5_con ol li:nth-child(4){margin-left: 1.19rem;}
.box5 .box5_con .main{
	width: 7.09rem;
	height: 7.53rem;
	border-radius: .15rem;
	box-shadow: 0 .07rem .27rem rgba(0,86,223,.14);
	background: #fff;
	margin: 0 auto;
}
.box5 .box5_con .main h3{
	width: 2.86rem;
	height: .68rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	line-height: .66rem;
	font-weight: bold;
	border-radius: 0 0 .3rem .3rem;
	border-bottom: .02rem #fff solid;
	box-shadow: 0 .07rem .18rem rgba(0,86,223,.18);
	background: #0c48de;
	margin: 0 auto;
}
.box5 .box5_con .main ul{
	height: 6.2rem;
	background: url("../images/box5pic1.jpg") no-repeat .27rem 0;
	background-size: 1.85rem;
	margin-top: .35rem;
}
.box5 .box5_con .main ul li{
	height: 1.14rem;
	margin-bottom: .48rem;
}
.box5 .box5_con .main ul li span{
	float: left;
	width: 1.14rem;
	font-size: .24rem;
	color: #0c48de;
	text-align: center;
	margin-left: .41rem;
	padding-top: .45rem;
}
.box5 .box5_con .main ul li:nth-child(3) span{padding-top: .42rem;}
.box5 .box5_con .main ul li:nth-child(4) span{padding-top: .37rem;}
.box5 .box5_con .main ul li p{
	float: right;
	width: 4.45rem;
	height: 1.14rem;
	font-size: .24rem;
	color: #353535;
	border-radius: .05rem;
	background: #ecf7ff;
	margin: .11rem .43rem 0 0;
	padding: .25rem 0 0 .4rem;
}

.box6{background: #3068f3;padding-bottom: .74rem;}
.box6 .box6_con ol{margin: .4rem 0 .3rem .19rem;}
.box6 .box6_con ol li{
	float: left;
	width: 2.28rem;
	height: .88rem;
	font-size: .24rem;
	color: #00fcff;
	text-align: center;
	border-radius: .5rem .01rem .5rem .01rem;
	background: -webkit-linear-gradient(left, #77a1ff, #3068f3);
	background: -o-linear-gradient(left, #77a1ff, #3068f3);
	background: linear-gradient(to right, #77a1ff, #3068f3);
	margin-right: .14rem;
	padding-top: .11rem;
}
.box6 .box6_con ol li b{
	display: block;
	color: #fff;
}
.box6 .box6_con{padding-bottom: .68rem;}
.box6 .box6_con .swiper-container{
	position: relative;
	width: 7.09rem;
	height: 3.87rem;
	border-radius: .1rem;
	box-shadow: inset 0 .08rem .35rem rgba(25,148,255,.41);
	background: #fff;
	margin: 0 auto;
}
.box6 .box6_con .swiper-container .pic{
	float: left;
	width: 1.86rem;
	height: 2.48rem;
	border: .03rem #3068f3 solid;
	border-radius: .09rem;
	overflow: hidden;
	margin: .61rem .56rem 0 .38rem;
}
.box6 .box6_con .swiper-container h3{
	float: left;
	width: 3.98rem;
	font-size: .24rem;
	color: #616161;
	padding: .52rem 0 .34rem;
}
.box6 .box6_con .swiper-container h3 span{
	display: inline-block;
	height: .22rem;
	font-size: .3rem;
	color: #242424;
	font-weight: bold;
	border-radius: .11rem;
	box-shadow: 0 .25rem 0 #edf8ff;
	margin-right: .1rem;
}
.box6 .box6_con .swiper-container p{
	float: left;
	width: 3.98rem;
	height: 1.76rem;
	font-size: .24rem;
	color: #757575;
	line-height: .3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.box6 .box6_con .swiper-pagination{
	bottom: .28rem;
	font-size: 0;
}
.box6 .box6_con .swiper-pagination span{
	width: .1rem;
	height: .1rem;
	border: .01rem #79c2ff solid;
	background: none;
	opacity: 1;
}
.box6 .box6_con .swiper-pagination span.swiper-pagination-bullet-active{background: #79c2ff;}

.box7{background: #f7f7f7;padding-bottom: .78rem;}
.box7 .box7_con ul{margin: .52rem 0 .37rem .32rem;}
.box7 .box7_con ul li{
	float: left;
	width: 3.3rem;
	height: 4rem;
	border-radius: .11rem;
	background: #fff;
	margin: 0 .26rem .25rem 0;
}
.box7 .box7_con ul li span{
	display: block;
	height: 1.05rem;
	font-size: .26rem;
	color: #3068f3;
	text-align: center;
	line-height: 1.05rem;
}
.box7 .box7_con ul li i{
	display: block;
	width: 1rem;
	height: .9rem;
	background: url("../images/pic.png") no-repeat 0 -.6rem;
	background-size: 1rem;
	margin: 0 auto;
}
.box7 .box7_con ul li:nth-child(2) i{background-position-y: -1.52rem;}
.box7 .box7_con ul li:nth-child(3) i{background-position-y: -2.44rem;}
.box7 .box7_con ul li:nth-child(4) i{background-position-y: -3.36rem;}
.box7 .box7_con ul li b{
	display: block;
	font-size: .28rem;
	color: #3f3f3f;
	text-align: center;
	padding: .21rem 0 .18rem;
}
.box7 .box7_con ul li p{
	font-size: .24rem;
	color: #999;
	text-align: center;
	line-height: .36rem;
}

.box8{background: #fff;padding-bottom: .82rem;}
.box8 .box8_con{padding-top: .36rem;}

.footer_box .footlist{display: none;}

.mask_video{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.mask_video .mask_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.mask_video .mask_con{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%;
	transform: translate(-50%,-50%);
}
.mask_video .mask_con .close{
	position: absolute;
	width: .48rem;
	left: 50%;
	bottom: -.56rem;
	margin-left: -.24rem;
}