/*页面通用部分*/
body{background: #cfe8ff;}
img{width: 100%;display: block;}
.box_hd{text-align: center;font-size: 0;}
.box_hd h2{display: inline-block;position: relative;font-size: .46rem;color: #010101;font-weight: bold;}
.box_hd h2 span{display: block;color: #0054ff;margin-right: .12rem;}

.box_hd1 h2{color: #fff;}
.box_hd1 h2 span{color: #00fffc;}
.box_hd1 p{font-size: .24rem;color: #00ffea;text-align: center;padding-top: .16rem;}

.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{
	position: relative;
	display: block;
	width: 4rem;
	height: .93rem;
	font-size: .34rem;
	color: #fff;
	text-align: center;
	line-height: .88rem;
	font-weight: bold;
	border-radius: .45rem;
	background: #ff6c4f;
	box-shadow: inset 0 -8px 5px rgba(188,69,45,.5),inset 0 8px 5px rgba(255,158,79,.5), 0 .07rem .18rem rgba(255,108,79,.35);
	z-index: 9;
	margin: 0 auto;
}
.a_btn2{
	color: #fff;
	border-color: #e1faff;
	background: -moz-linear-gradient(to bottom , #5c8ef8, #3979fb);
	background: linear-gradient(to bottom, #5c8ef8,#3979fb);
}

.wrap{overflow: hidden;}
/*ban开始*/
.ban{position: relative;}
.ban .swiper-container{position: relative;}
.ban .swiper-pagination{
	bottom: .5rem !important;
	font-size: 0;
}
.ban .swiper-pagination span{
	width: .62rem;
	height: .05rem;
	border-radius: 0;
	background: #1988ea;
	opacity: 1;
}
.ban .swiper-pagination span.swiper-pagination-bullet-active{background: #85dbff;}

.box_con{
	position: relative;
	width: 6.9rem;
	margin: 0 auto;
}

.box1{
	background: #d4eeff;
	padding: .68rem 0 .68rem;
}
.box1 .box1_con ul{padding: .34rem 0 .45rem;}
.box1 .box1_con ul li{
	position: relative;
	width: 100%;
	height: 2.33rem;
	border-radius: .08rem;
	background: #fff;
	padding-left: .58rem;
	margin: 0 auto .15rem;
}
.box1 .box1_con ul li i{
	position: absolute;
	right: .31rem;
	top: .33rem;
	width: 1.56rem;
	height: 1.5rem;
	background: url("../images/pic.png") no-repeat 0 0;
	background-size: 6.3rem;
}
.box1 .box1_con ul li:nth-child(2) i{background-position-x: -1.58rem;}
.box1 .box1_con ul li:nth-child(3) i{background-position-x: -3.26rem;}
.box1 .box1_con ul li:nth-child(3) i{background-position-x: -4.74rem;}
.box1 .box1_con ul li h3{font-size: 0;}
.box1 .box1_con ul li h3 span{
	display: inline-block;
	font-size: .36rem;
	color: #3e3e3e;
	font-weight: bold;
	height: .09rem;
	box-shadow: 0 .4rem 0 #d3f0fc;
	padding: 0 .04rem;
	margin: .28rem 0 .48rem;
}
.box1 .box1_con ul li p{
	font-size: .24rem;
	color: #666;
	line-height: .38rem;
}
.box1 .box1_con ul li:nth-child(1) p{margin-left: -.1rem;}
.box1 .box1_con ul li p span{color: #ff0000;}
.box1 .a_btn{
	width: 5.26rem;
	height: .76rem;
	font-size: .26rem;
	line-height: .72rem;
}

.box2s{
	background: -moz-linear-gradient(to bottom , #2389ff, #3769f7);
	background: linear-gradient(to bottom, #2389ff,#3769f7);
	padding: .62rem 0 .98rem;
}
.box2s .box2s_con{margin-bottom: .66rem;}
.box2s .box2s_con p{
	font-size: .26rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: .4rem;
	margin: .1rem auto .3rem;
}
.box2s .box2s_con p span{font-size: .4rem;color: #4efcfe;}
.box2s .box2s_con img{width: 5.9rem;margin: 0 auto;}

.box2{
	position: relative;
}
.box2 .box2_con{
	position: absolute;
	left: .3rem;
	top: -3.94rem;
	width: 6.9rem;
	height: 8.8rem;
	border-radius: .15rem;
	background: #fff;
	padding-top: .48rem;
}
.box2 .box2_con .swiper-container{
	position: relative;
	width: 6.7rem;
	overflow: hidden;
	padding-bottom: .84rem;
	margin: .3rem auto .48rem;
}
.box2 .box2_con .swiper-pagination{bottom: 0;font-size: 0;}
.box2 .box2_con .swiper-pagination span{
	width: .16rem;
	height: .16rem;
	background: #d5efff;
	opacity: 1;
}
.box2 .box2_con .swiper-pagination span.swiper-pagination-bullet-active{background: #247bff;}
.box2 .box2_con .pic{
	position: relative;
	width: 3.2rem;
	margin: 0 auto;
}
.box2 .box2_con .pic i{
	position: absolute;
	left: 50%;
	top: 50%;
	width: .56rem;
	height: .56rem;
	background: url("../images/pic.png") no-repeat -3.16rem -1.52rem;
	background-size: 6.3rem;
	transform: translate(-50%,-50%);
}
.box2 .box2_con p{
	font-size: .24rem;
	color: #474747;
	text-align: center;
	padding-top: .2rem;
}

.box3s{background: #3562df;padding: .66rem 0;}
.box3s .box3s_con img{margin: .44rem 0 .3rem;}

.box4a{
	background: -moz-linear-gradient(to bottom , #3263eb, #3562e0);
	background: linear-gradient(to bottom, #3263eb,#3562e0);
	padding: .74rem 0 1.02rem;
}
.box4a .box_hd p span{
	display: block;
	width: 3.42rem;
	height: .41rem;
	font-size: .24rem;
	color: #fff;
	text-align: center;
	line-height: .41rem;
	border-radius: .21rem;
	background: #1151e1;
	margin: .2rem auto 0;
}
.box4a .swiper-container{
	position: relative;
	margin: .6rem 0 0 .3rem;
	padding-bottom: .7rem;
}
.box4a .box4a_con .bots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .15rem;
	font-size: 0;
	text-align: center;
}
.box4a .box4a_con .swiper-pagination{
	position: relative;
	bottom: 0;
	display: inline-block;
	width: auto;
	height: .15rem;
	border-radius: .09rem;
	background-color: #1d4cce;
	overflow: hidden;
}
.box4a .box4a_con .swiper-pagination span{
	width: .2rem;
	background: none;
	z-index: 3;
	margin: 0;
}
.box4a .box4a_con .swiper-pagination-bullet-active{
	position: relative;
	width: .45rem;
	z-index: 2;
}
.box4a .box4a_con .swiper-pagination-bullet-active:before{
	position: absolute;
	right: 0;
	top: 0;
	width: 4.5rem;
	height: .15rem;
	border-radius: .09rem;
	background-color: #47d1fa;
	content: ""
}
.box4a .swiper-container .con{
	width: 5.35rem;
	height: 6.63rem;
	border-radius: .15rem;
	background: #fff;
	overflow: hidden;
}
.box4a .swiper-container .pic{position: relative;}
.box4a .swiper-container .pic span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	line-height: 4.6rem;
	background: rgba(8,60,102,.7) url("../images/video.png") no-repeat center .7rem;
	background-size: 1.15rem;
}
.box4a .swiper-container .con h3{
	width: 4.9rem;
	height: 1.34rem;
	font-size: .24rem;
	color: #616161;
	line-height: .46rem;
	box-sizing: border-box;
	border-bottom: .02rem #dbdbdb solid;
	margin: 0 auto;
	padding-left: .1rem;
}
.box4a .swiper-container .con h3 span{
	display: block;
	font-size: .34rem;
	color: #3970e4;
	font-weight: bold;
	padding-top: .18rem;
}
.box4a .swiper-container .con p{
	width: 4.9rem;
	font-size: .24rem;
	color: #7f7f7f;
	line-height: .36rem;
	margin: .2rem auto 0;
}
.box4a .swiper-container .con p span{
	float: left;
	width: .66rem;
	height: .3rem;
	color: #fff;
	text-align: center;
	line-height: .3rem;
	border-radius: .03rem;
	background: #ff6613;
	margin: .03rem .1rem 0 0;
}
.box4a .a_btn{margin-top: .86rem;}

.box4s{
	background: -moz-linear-gradient(to bottom , #eef8ff, #cee7ff);
	background: linear-gradient(to bottom, #eef8ff,#cee7ff);
	padding: .76rem 0 .9rem;
}
.box4s img{margin: .48rem 0 .6rem;}
.box4{
	background: -moz-linear-gradient(to bottom , #eff9ff, #cee7ff);
	background: linear-gradient(to bottom, #eff9ff,#cee7ff);
	padding: .9rem 0 .96rem;
}
.box4 .box4_con{padding: .52rem 0 .2rem;}


.box5{
	background: url("../images/box5bg1.jpg") no-repeat center top;
	background-size: 100%;
	padding: .72rem 0 1.54rem;
}
.box5 .box5_con{
	position: relative;
	height: 10.51rem;
	border-radius: .2rem;
	background: #fff;
	box-shadow: inset 0 0 .6rem rgba(209,254,255,.65);
	/*overflow: hidden;*/
	margin-top: .5rem;
}
.box5 .main{
	position: relative;
	height: 10.51rem;
	border-radius: .2rem;
	overflow: hidden;
}
.box5 .main:after{
	position: absolute;
	left: -10%;
	bottom: 0;
	width: 120%;
	height: 3rem;
	box-shadow: inset 0 -.9rem .6rem -.18rem rgba(66,104,190,.4);
	content: "";
}
.box5 .swiper-container{
	position: relative;
	width: 86%;
	height: 9.4rem;
	overflow: hidden;
	z-index: 3;
	margin: 0 auto;
}
.box5 .swiper-container:after{
	position: absolute;
	right: .02rem;
	top: 1.26rem;
	width: .06rem;
	height: 7rem;
	border-radius: .02rem;
	background: #deefff;
	content: "";
}
.box5 .swiper-slide{
	height: 8.5rem;
}
.box5 .box5con{height: 7rem;overflow: auto;}
.box5 .box5con::-webkit-scrollbar {width: .1rem;height: 1px;}
.box5 .box5con::-webkit-scrollbar-thumb {width: .1rem;border-radius: .1rem;background: #3a76fe;}
.box5 .box5con::-webkit-scrollbar-track{width: .1rem;height: 1px;}
.box5 .swiper-slide .conp3{
	font-size: 0;
	text-align: center;
	padding: .5rem 0 .4rem;
}
.box5 .swiper-slide .conp3 b{
	display: inline-block;
	font-size: .34rem;
	color: #2359ef;
	font-weight: bold;
	height: .1rem;
	box-shadow: 0 .36rem 0 #c0dbff;
	padding: 0 .1rem;
}
.box5 .swiper-slide h3{font-size: 0;margin: .28rem 0 .2rem;}
.box5 .swiper-slide h3:nth-child(1){margin-top: 0;}
.box5 .swiper-slide h3 span{
	display: inline-block;
	font-size: .28rem;
	color: #000;
	font-weight: bold;
	height: .19rem;
	border-radius: .1rem;
	box-shadow: 0 .18rem 0 #d1faff;
	padding: 0 .06rem;
}
.box5 .swiper-slide .conp1{
	position: relative;
	width: 90%;
	font-size: .24rem;
	color: #000;
	line-height: .4rem;
	margin: .12rem 0 0 0;
}
.box5 .swiper-slide .conp1 b{font-weight: normal;}
.box5 .swiper-slide .conp1 i {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    margin-bottom: 2px;
}
.box5 .swiper-slide .conp2{
	width: 92%;
	font-size: .24rem;
	color: #000;
	line-height: .4rem;
	/*margin-left: .1rem;*/
}
.box5 .swiper-slide .conp2 b{
	display: inline-block;
	height: .38rem;
	color: #131313;
	line-height: .38rem;
	font-weight: bold;
	border-radius: .04rem;
	background: #d1faff;
	padding: 0 .1rem;
	margin: .1rem 0 .06rem;
}
.box5 .swiper-slide .conp2 span{
	position: relative;
	display: inline-block;
	padding: 0 .1rem 0 .13rem;
}
.box5 .swiper-slide .conp2 span:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: .24rem;
	line-height: .4rem;
	color: #3271f9;
	content: "·";
}
.box5 .swiper-pagination{
	font-size: 0;
	height: .17rem;
}
.box5 .swiper-pagination span{
	width: .11rem;
	height: .11rem;
	border-radius: .06rem;
	opacity: 1;
	background: #b8e8ff;
}
.box5 .swiper-pagination span.swiper-pagination-bullet-active{width: .35rem;background: #346df9;}
.box5 .a_btn{margin-top: -.5rem;}

.box6{
	background: -moz-linear-gradient(to bottom , #227aff, #3769f7);
	background: linear-gradient(to bottom, #227aff,#3769f7);
	padding: .72rem 0 0;
}
.box6 .main{
	position: relative;
	width: 6.9rem;
	margin: .46rem 0 .3rem .3rem;
}
.box6 .main ol{padding-bottom: .2rem;}
.box6 .main ol li{
	float: left;
	width: 32.5%;
	font-size: .24rem;
	color: #fff;
	text-align: center;
	line-height: .36rem;
	font-weight: bold;
	border-radius: .1rem;
	border: .02rem #38a4ff solid;
	background: #38a4ff;
	margin: 0 1% .2rem 0;
	padding: .1rem 0;
}
.box6 .main ol li:nth-child(3),
.box6 .main ol li:nth-child(6){margin-right: 0;}
.box6 .main ol li.cur{
	border-color: #00fffc;
	background: #2057c8;
}
.box6 .box6_con{padding-bottom: .98rem;}
.box6 .box6_con ul li{display: none;}
.box6 .box6_con ul li.cur{display: block;}
.box6 .box6_con ul li .pic{
	width: 4.37rem;
	height: 3.4rem;
	overflow: hidden;
	border: .04rem #4fe0ff solid;
	margin: 0 auto;
}
.box6 .box6_con ul li .pic img,
.box6 .box6_con ul li .pic video{display: block;}
.box6 .box6_con ul li .con{
	width: 88%;
	margin: .36rem auto 0;
}
.box6 .box6_con ul li .con h3{
	position: relative;
	font-size: .28rem;
	color: #00fffc;
	line-height: .2rem;
	font-weight: bold;
	padding-left: .12rem;
}
.box6 .box6_con ul li .con h3:before{
	position: absolute;
	left: 0;
	top: 0;
	width: .04rem;
	height: .2rem;
	background: #00fffc;
	content: "";
}
.box6 .box6_con ul li .con p{
	font-size: .24rem;
	color: #fff;
	line-height: .4rem;
	padding: .14rem 0 .36rem;
}
.box6 .box6_con ul li .con p span{color: #3970e4;}

.box7{
	background: -moz-linear-gradient(to bottom , #3769f7, #3171fa);
	background: linear-gradient(to bottom, #3769f7,#3171fa);
	padding: .76rem 0 .01rem;
}
.box7 .box7_con{padding-top: .48rem;}
.box7 .pic{
	position: relative;
	float: left;
	width: 1.77rem;
	height: 4.26rem;
	border-radius: .1rem 0 0 .1rem;
	background: #2d7ffa;
	margin: .56rem 0 0 .33rem;
	padding: .2rem 0 0 .18rem;
	z-index: 3;
}
.box7 .pic img{
	width: 2.9rem;
	border-radius: .07rem;
}
.box7 .swiper-container{
	position: relative;
	height: 6.16rem;
	margin-bottom: .46rem;
}
.box7 .con{
	float: left;
	width: 5.4rem;
	height: 5.34rem;
	border-radius: .1rem 0 0 .1rem;
	background: #0e90ff;
	padding: .48rem .3rem 0 1.51rem;
}
.box7 .con .main{
	height: 4.35rem;
	overflow: auto;
}
.box7 .con h3{
	font-size: .3rem;
	color: #fff;
	font-weight: bold;
}
.box7 .con h3 span{
	display: inline-block;
	font-size: .24rem;
	color: #00f0ff;
	line-height: .36rem;
	border-radius: .18rem;
	border: 1px #00f0ff solid;
	padding: 0 .15rem;
	margin: 0 .12rem .12rem 0;
}
.box7 .con h3 span:last-child{margin-right: 0;}
.box7 .con p{
	position: relative;
	font-size: .24rem;
	color: #fff;
	line-height: .4rem;
	padding-left: .2rem;
}
.box7 .con p i {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    margin: 2px 2px 2px -9px;
}
.box7 .swiper-pagination{
	font-size: 0;
	height: .17rem;
}
.box7 .swiper-pagination span{
	width: .17rem;
	height: .17rem;
	opacity: 1;
	background: #468cfc;
}
.box7 .swiper-pagination span.swiper-pagination-bullet-active{background: #30fdff;}
.box7s{
	background: -moz-linear-gradient(to bottom , #3171fa, #227aff);
	background: linear-gradient(to bottom, #3171fa,#227aff);
	padding-bottom: 4rem;
}
.box7s .box7s_con{
	width: 7rem;
	overflow: hidden;
	margin: .38rem auto .54rem;
}
.box7s .box7s_con .swiper-slide{
	float: left;
	width: 50%;
	margin-bottom: .4rem;
}
.box7s .box7s_con .pic{
	width: 3.23rem;
	height: 1.72rem;
	border-radius: .08rem;
	border: .03rem #fff solid;
	overflow: hidden;
	margin: 0 auto;
}
.box7s .box7s_con p{
	font-size: .24rem;
	color: #a5edff;
	text-align: center;
	line-height: .32rem;
}
.box7s .box7s_con p b{
	display: inline-block;
	font-size: .26rem;
	color: #fff;
	height: .08rem;
	box-shadow: 0 .24rem 0 #5490ff;
	padding: 0 .1rem;
	margin: .18rem 0 .36rem;
}
.box7s .swiper-pagination{
	bottom: 0 !important;
	font-size: 0;
	height: .17rem;
}
.box7s .swiper-pagination span{
	width: .17rem;
	height: .17rem;
	opacity: 1;
	background: #3a76fe;
}
.box7s .swiper-pagination span.swiper-pagination-bullet-active{background: #b5fffe;}

.box8s{background: #cee8ff;padding: .76rem 0 1.06rem;}
.box8s .box8s_con{padding: .36rem 0 .32rem;}

.box8{
	background: -moz-linear-gradient(to bottom , #eff9ff, #cee7ff);
	background: linear-gradient(to bottom, #eff9ff,#cee7ff);
	padding: .72rem 0 .84rem;
}
.box8 .box8_con{padding: .34rem 0 .22rem;}

.box10{
	background: -moz-linear-gradient(to bottom , #eff9ff, #d7edff);
	background: linear-gradient(to bottom, #eff9ff,#d7edff);
	padding-top: 6rem;
}

.box9{
	background: -moz-linear-gradient(to bottom , #d7edff, #cee7ff);
	background: linear-gradient(to bottom, #d7edff,#cee7ff);
	padding: .3rem 0 .76rem;
}
.box9 .swiper-container{
	position: relative;
	height: 5.2rem;
	margin-top: .48rem;
}
.box9 .swiper-slide{
	height: 4.45rem;
	border-radius: .07rem;
	background: #fff;
	opacity: .7;
	padding: .21rem 0 .04rem;
}
.box9 .swiper-slide-active{opacity: 1;}
.box9 .swiper-slide .pic{
	width: 6.03rem;
	height: 3.49rem;
	overflow: hidden;
	margin: 0 auto;
}
.box9 .swiper-slide p{
	font-size: .28rem;
	color: #1151e1;
	text-align: center;
	line-height: .76rem;
	font-weight: bold;
}
.box9 .swiper-pagination{
	font-size: 0;
	height: .08rem;
}
.box9 .swiper-pagination span{
	width: .5rem;
	height: .08rem;
	opacity: 1;
	border-radius: .04rem;
	background: #aed8ff;
}
.box9 .swiper-pagination span.swiper-pagination-bullet-active{background: #247bff;}

.mask_video{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.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: 84%;
	transform: translate(-50%,-53%);
}
.mask_video .mask_con .close{
	position: absolute;
	width: .48rem;
	left: 50%;
	bottom: -.56rem;
	margin-left: -.24rem;
}