/*页面通用*/
.wrap{background: #4965f9;overflow: hidden;}
img{width: 100%;display: block;margin: 0 auto;}
.a_btn{
	position: relative;
	display: block;
	width: 4.57rem;
	height: .81rem;
	font-size:.4rem;
	color: #fff;
	text-align: center;
	line-height: .81rem;
	box-shadow: 0 .09rem 0 rgba(225,24,24,.5);
	border-radius: .45rem;
	background: #ff1818;
	margin: .3rem auto 0;
}
.box_hd h2{font-size: .4rem;color: #333;position: relative;font-weight: bold;text-align: center;}
.box_hd p{font-size: .28rem;color: #444;text-align: center;line-height: .42rem;padding-top: .14rem;}
.box_hd p span{color: #0a35f6;}
.box_hd.white{color: #fff;}
.box_hd2 h2{position: relative;height: .6rem;font-size: .48rem;color: #333;line-height: .6rem;font-weight: bold;text-align: center;}
.box_hd2 h2 span{position: relative;z-index: 3;}
.box_hd2 h2 em{position: absolute;left: 50%;bottom: -.04rem;width: 3.78rem;height: .2rem;border-radius: .1rem;background: rgba(73,101,249,.2);margin-left: -1.89rem;}
.box_hd2.white h2{color: #fff;}
.box_hd2.white em{background: rgba(255,255,255,.2);}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
/*ban开始*/
.banbg1{
	height: 6.01rem;
	background: url("../images/banbg1.jpg") no-repeat center top;
	background-size: 100%;
}
.banbg2{
	background: url("../images/banbg2.jpg") no-repeat center top;
	background-size: 100%;
	padding:0 0 .9rem;
}
.banbg1 .swiper-container{padding: .58rem 0 .6rem;}
.banbg1 .img2{width: 6.92rem;display: block;margin: 0 auto;}
.banbg1 .swiper-slide-active{opacity: 1;}
.banbg1 .swiper-pagination{bottom: 0;width: 7.02rem;font-size: 0;}
.banbg1 .swiper-pagination .swiper-pagination-bullet{
	width: .64rem;
	height: .08rem;
	border-radius: .04rem;
	background: #4965f9;
}



.box1{
	position: relative;
	width: 6.31rem;
	/*height: 10.22rem;*/
	border-radius: .2rem;
	box-shadow: inset 0 0 .51rem rgba(67,160,255,.34), 0 .23rem .21rem rgba(44,73,227,.88);
	background: #fff;
	margin: 0 auto;
	padding: .46rem 0 .5rem;
}
.box1 i.dian{
	position: absolute;
	top: .06rem;
	left: .17rem;
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	background: rgba(29,64,215,.5);
}
.box1 i.dian2{left: .31rem;}
.box1 i.dian3{left: .46rem;}
.box1 h3{
	width: 5.74rem;
	height: .58rem;
	border-radius: .1rem;
	background: #363bf8;
	overflow: hidden;
	margin: .36rem auto .2rem;
}
.box1 h3 span{
	float: left;
	width: 1.48rem;
	font-size: .25rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: .58rem;
}

.box1 span:nth-child(2){width: 1.94rem;}
.box1 span:nth-child(3){width: 2.32rem;}
.box1 .top{
	position: relative;
	width: 5.91rem;
	margin-left: .27rem;
}
.box1 .top em{
	position: absolute;
	right: 0;
	top: 0;
	width: .09rem;
	height: 3.62rem;
	border-radius: .05rem;
	/*box-shadow: inset 0 .03rem .05rem rgba(0,0,0,.16);*/
	/*background: #f5f5f5;*/
}
.box1 .top ul{
	position: relative;
	width: 5.95rem;
	/*height: 5.35rem;*/
	/*overflow: auto;*/
	z-index: 3;
}
/*.box1 .top ul::-webkit-scrollbar{width: .21rem;height: 1px;}*/
/*.box1 .top ul::-webkit-scrollbar-thumb {width: .21rem;border-radius: .21rem;background: #fff;}*/
/*.box1 .top ul::-webkit-scrollbar-track{width: .21rem;height: 1px;}*/
.box1 ul li{
	width: 5.55rem;
	height: .76rem;
	border-radius: .1rem;
	overflow: hidden;
}
.box1 ul li:nth-child(even){background: #f5f5f5;}
.box1 ul li p{
	float: left;
	width: 1.48rem;
	font-size: .29rem;
	color: #151b72;
	text-align: center;
	line-height: .76rem;
}
.box1 li p:nth-child(2){width: 1.94rem;}
.box1 li p.itcast_click{
	width: 1.74rem;
	height: .48rem;
	font-size: .26rem;
	color: #f20808;
	line-height: .48rem;
	background: #fff;
	border-radius: .1rem;
	box-shadow: 0 0 .1rem rgba(119,119,119,.15);
	margin: .14rem 0 0 .2rem;
}
.box1 li p.itcast_click span{display: none;}

.box2{
	background: #f2f8ff url("../images/boxbg1.jpg") no-repeat center top;
	background-size: 100%;
	padding: .62rem 0 .96rem;
}
.box2 .box2_con{padding: .6rem 0 .49rem;}

.box3{
	/*background: url("../images/boxbg2.jpg") no-repeat center top;*/
	/*background-size: 100%;*/
	padding: 0 0 1.29rem;
}
.box3 ul{padding: .7rem 0 .2rem .42rem;}
.box3 ul li{
	float: left;
	width: 3.17rem;
	height: 3.36rem;
	box-sizing: border-box;
	border-radius: .1rem .1rem 1rem .1rem;
	box-shadow: 0 .06rem .1rem rgba(44,73,227,.18);
	background: #fff url("../images/box3bg1.jpg") no-repeat center bottom;
	background-size: 100%;
	margin: 0 .33rem .24rem 0;
	padding: .56rem 0 0 .34rem;
}
.box3 ul li:nth-child(2){
	text-align: right;
	border-radius: .1rem .1rem .1rem 1rem;
	background-image: url("../images/box3bg2.jpg");
	padding: .56rem .34rem 0 0;
}
.box3 ul li:nth-child(3){
	border-radius: .1rem 1rem .1rem .1rem;
	background-image: url("../images/box3bg3.jpg");
}
.box3 ul li:nth-child(4){
	text-align: right;
	border-radius: 1rem .1rem .1rem .1rem;
	background-image: url("../images/box3bg4.jpg");
	padding: .56rem .34rem 0 0;
}
.box3 ul li p{
	font-size: .41rem;
	color: #333;
	margin-bottom: .2rem;
}
.box3 ul li span{
	display: block;
	font-size: .32rem;
	color: #777;
	line-height: .45rem;
}
.box3 ul li span em{color: #4965f9;}

.box4{padding-bottom: 1.02rem;}
.box4 .box4_con{margin: .82rem 0 0 .32rem;}
.box4 .box4_con .swiper-pagination{width: 6.86rem;}
.box4 .box4_con .swiper-pagination .swiper-pagination-bullet{
	width: .28rem;
	height: .08rem;
	border-radius: .04rem;
	background: #fff;
}
.box4 .box4_con .swiper-slide{
	padding: .25rem 0 1.1rem;
}
.box4 .box4_con .main{
	position: relative;
	width: 100%;
	height: 7.81rem;
	border-radius: .1rem;
	box-shadow: 0 .16rem .08rem rgba(44,73,227,.18);
	background: #fff;
	padding: .88rem 0 .12rem;
}
.box4 .box4_con .main h3{
	position: absolute;
	left: 0;
	top: -.25rem;
	width: 100%;
	font-size: 0;
	text-align: center;
}
.box4 .box4_con .main h3 span{
	display: inline-block;
	height: .7rem;
	font-size: .35rem;
	color: #fff;
	line-height: .7rem;
	border-radius: .1rem;
	box-shadow: 0 .05rem .06rem rgba(44,73,227,.49);
	background: #0914f1;
	padding: 0 .3rem;
}
.box4 .box4_con .main .top{
	position: relative;
	width: 6.2rem;
	/*box-shadow: 0 .07rem .16rem rgba(44,73,227,.06);*/
	border-bottom-right-radius: .1rem;
	margin-bottom: .35rem;
	padding-bottom: .4rem;
}
/*.box4 .box4_con .main .top em{
	position: absolute;
	right: .23rem;
	top: 0;
	width: .09rem;
	height: 3.62rem;
	border-radius: .05rem;
	box-shadow: inset 0 .03rem .05rem rgba(0,0,0,.16);
	background: #f5f5f5;
}*/
.box4 .box4_con .main .top .con{
	position: relative;
	width: 6.03rem;
	height: 6.4rem;
	overflow: auto;
	z-index: 3;
}
.box4 .box4_con .main .top .con::-webkit-scrollbar{width: .21rem;height: 1px;}
.box4 .box4_con .main .top .con::-webkit-scrollbar-thumb {width: .21rem;border-radius: .21rem;background: #e0e4fe;}
.box4 .box4_con .main .top .con::-webkit-scrollbar-track{width: .21rem;height: 1px;}
.box4 .box4_con .main .topp1{
	position: relative;
	font-size: .32rem;
	color: #444;
	font-weight: bold;
	padding-left: .68rem;
}
.box4 .box4_con .main .topp1:before{
	position: absolute;
	left: .3rem;
	top: .06rem;
	width: .25rem;
	height: .3rem;
	background: url("../images/pic.png") no-repeat 0 0;
	background-size: 1rem;
	content: "";
}
.box4 .box4_con .main .topp1s:before{background-position-x: -.27rem;}
.box4 .box4_con .main .topp1s2:before{background-position-x: -.54rem;}
.box4 .box4_con .main .topp2{
	font-size: .28rem;
	color: #777;
	line-height: .43rem;
	padding: .15rem .48rem .3rem .3rem;
}
.box4 .box4_con .main .topp2 span{margin-right: .16rem;}

.box5{
	background: #f2f8ff url("../images/boxbg1.jpg") no-repeat center top;
	background-size: 100%;
	padding: .8rem 0;
}
.box5 .box5_con{
	height: 8.26rem;
	background: url("../images/box5bg1.jpg") no-repeat center bottom;
	background-size: 100%;
	margin: .2rem 0 -.1rem;
}
.box5 .box5_con .box5p1{
	font-size: .32rem;
	color: #333;
	text-align: center;
	font-weight: bold;
}
.box5 .box5_con .box5p2{
	height: 1.06rem;
	font-size: .37rem;
	color: #fff;
	text-align: center;
	line-height: 1.06rem;
	font-weight: bold;
	margin: .17rem 0 2.15rem;
	padding-top: .58rem;
}
.box5 .box5_con ul{padding-left: .3rem;}
.box5 .box5_con ul li{
	float: left;
	width: 4.36rem;
}
.box5 .box5_con ul li:nth-child(2){
	width: 2.29rem;
	margin-left: .14rem;
}
.box5 .box5_con ul li p,.box5 .box5_con ul li span{
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.box5 .box5_con ul li p{
	font-size: .37rem;
	margin-bottom: .21rem;
}
.box5 .box5_con ul li span{
	display: block;
	height: .79rem;
	font-size: .3rem;
	line-height: .79rem;
	margin-bottom: .53rem;
}

.box6{
	background: url("../images/boxbg2.jpg") no-repeat center top;
	background-size: 100%;
	padding: .94rem 0 1.13rem;
}
.box6 .box6_con .swiper-slide{
	padding: 6.02rem 0 .35rem;
}
.box6 .box6_con .main{
	position: relative;
	width: 6.9rem;
	border-radius: .2rem;
	box-shadow: inset 0 0 1.22rem rgba(67,160,255,.26),0 .1rem .16rem rgba(44,73,227,.18);
	background: #fff;
	margin: 0 auto;
}
.box6 .box6_con .main img{
	position: absolute;
	left: .23rem;
	top: -3.54rem;
	width: 6.44rem;
	border-radius: .2rem;
	box-shadow: 0 .1rem .16rem rgba(44,73,227,.18);
}
.box6 .box6_con .main h3{
	font-size: .4rem;
	color: #444;
	font-weight: bold;
	padding: .9rem 0 .34rem .36rem;
}
.box6 .box6_con .main h3 b{border-bottom: .02rem #444 solid;}
.box6 .box6_con .main p{
	font-size: .37rem;
	color: #444;
	font-weight: bold;
	padding-left: .36rem;
}
.box6 .box6_con .main span{
	display: block;
	height: 2rem;
	font-size: .33rem;
	color: #888;
	line-height: .5rem;
	padding: .16rem .3rem .42rem .36rem;
}
.box6 .box6_con .swiper-pagination{
	height: 1.61rem;
	top: .58rem;
	font-size: 0;
}
.box6 .box6_con .swiper-pagination span{
	width: 1.03rem;
	height: 1.1rem;
	border-radius: .1rem;
	box-shadow: 0 .05rem .06rem rgba(44,73,227,.49);
	background: #3c58f1;
	font-size: .33rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: .42rem;
	opacity: 1;
	padding-top: .22rem;
	margin: 0 .05rem;
}
.box6 .box6_con .swiper-pagination span.swiper-pagination-bullet-active{
	position: relative;
	background: #0c00ff;
}
.box6 .box6_con .swiper-pagination span.swiper-pagination-bullet-active:after{
	position: absolute;
	left: 50%;
	top: 1.25rem;
	width: .61rem;
	height: .36rem;
	background: url("../images/pic.png") no-repeat 0 -.32rem;
	background-size: 1rem;
	content: "";
	margin-left: -.3rem;
}
.box6 .box6_con .swiper-button-prev,
.box6 .box6_con .swiper-button-next{
	top: 33%;
	width: .48rem;
	height: 1.05rem;
	box-shadow: inset 0 0 .51rem rgba(67,160,255,.1),0 .1rem .16rem rgba(44,73,227,.4);
	background: #0c00ff;
}
.box6 .box6_con .swiper-button-prev{left: 0;border-radius: 0 .15rem .15rem 0;}
.box6 .box6_con .swiper-button-next{right: 0;border-radius: .15rem 0 0 .15rem;}
.box6 .box6_con .swiper-button-prev:after,
.box6 .box6_con .swiper-button-next:after{
	font-size: .38rem;
	color: #fff;
	font-weight: bold;
}

.box7{
	background: #f2f8ff url("../images/boxbg1.jpg") no-repeat center top;
	background-size: 100%;
	padding: .8rem 0 .77rem;
}
.box7 .box7_con{
	width: 6.93rem;
	height: 2.94rem;
	border-radius: .1rem;
	box-shadow: inset 0 0 .51rem rgba(67,160,255,.1),0 .1rem .16rem rgba(44,73,227,.4);
	background: #4864f9;
	margin: 0 auto;
}
.box7 .box7_con1{margin: .54rem auto 1.06rem;}
.box7 .box7_con h3{
	font-size: .29rem;
	color: #fff;
	line-height: .84rem;
	text-shadow: 0 .05rem .07rem rgba(30,66,221,.46);
}
.box7 .box7_con h3 span{font-size: .37rem;padding: 0 .08rem 0 .2rem;}
.box7 .box7_con .swiper-container{
	width: 100%;
	height: 2.57rem;
	border-radius: .1rem;
	box-shadow: inset 0 0 .51rem rgba(67,160,255,.1);
	background: #fff;
	overflow: hidden;
	margin-left: .13rem;
}
.box7 .box7_con .swiper-button-next{
	right: 0;
	top: 1.25rem;
	width: .38rem;
	height: .95rem;
	border-bottom: .05rem #e5ebfc solid;
	border-radius: .1rem 0 0 .1rem;
	background: #c7d4ff;
}
.box7 .box7_con .swiper-button-next:after{
	font-size: .38rem;
	color: #fff;
	font-weight: bold;
}
.box7 .box7_con .pic{
	float: left;
	width: 1.94rem;
	height: 2.57rem;
	border-radius: 0 .1rem .1rem 0;
	overflow: hidden;
}
.box7 .box7_con .txt{
	position: relative;
	float: left;
	width: 4.12rem;
	margin: .45rem 0 0 .5rem;
}
.box7 .box7_con .txt em{
	position: absolute;
	left: 0;
	top: .32rem;
	width: 2.3rem;
	height: .1rem;
	border-radius: .1rem;
	background: #eff1fe;
}
.box7 .box7_con .txt p{
	position: relative;
	font-size: .38rem;
	color: #333;
	z-index: 3;
	margin-bottom: .1rem;
}
.box7 .box7_con .txt span{
	display: block;
	font-size: .24rem;
	color: #888;
	line-height: .4rem;
}
.box7 .a_btn{margin-top: 1.15rem;}

.box8{
	background: url("../images/boxbg2.jpg") no-repeat center top;
	background-size: 100%;
	padding: .9rem 0 .95rem;
}
.box8 .box8_con{margin: .62rem 0 -.1rem;}
.box8 .box8bg{
	height: 3.42rem;
	background: url("../images/box8bg1.jpg") no-repeat center top;
	background-size: 100%;
}
.box8 .box8bg2{background-image: url("../images/box8bg2.jpg");}
.box8 .box8bg3{background-image: url("../images/box8bg3.jpg");}
.box8 .box8bg4{background-image: url("../images/box8bg4.jpg");}
.box8 .box8bg p{
	height: .83rem;
	font-size: .37rem;
	color: #444;
	line-height: .83rem;
	font-weight: bold;
	padding-left: 2.2rem;
	margin-bottom: .28rem;
}
.box8 .box8bg span{
	display: block;
	font-size: .32rem;
	color: #fff;
	line-height: .5rem;
	padding-left: 2.54rem;
}


.box9{
	padding: 0 0 .84rem;
}
.box9 .box9_con{
	margin: .5rem 0 0 .24rem;
}
.box9 .box9_con .swiper-slide{
	opacity: .3;
	padding-bottom: .5rem;
}
.box9 .box9_con .swiper-slide-active{opacity: 1;}
.box9 .box9_con .swiper-pagination{bottom: 0;width: 7.02rem;font-size: 0;}
.box9 .box9_con .swiper-pagination .swiper-pagination-bullet{
	width: .64rem;
	height: .08rem;
	border-radius: .04rem;
	background: #fff;
}

.bdzx{background: #ff5a19 !important;}
.bdzx a.zx_btn{background-image: url("../images/qq_icon.jpg") !important;}
.bdzx a.tel_btn{background-image: url("../images/phone_bg.jpg") !important;}