img{display: block;width: 100%;}
.fl{float: left;}
.fr{float: right;}
.clear::after{
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
}
.clear{
        zoom: 1;
}
/*标题*/
.box_hd{text-align: center;padding:.6rem 0 .4rem;}
.box_hd h2{display: inline-block;position: relative;font-size: .42rem;color: #333333;font-weight: bold;padding-left:.5rem;padding-right:.5rem;}
.box_hd .icon1{position: absolute;top: .12rem;left: -.1rem;width: 1.65rem;}
.box_hd .icon2{position: absolute;top: .12rem;right: -.1rem;width: 1.65rem;}
.box_hd p{font-size: .27rem;color: #737373;margin-top: .05rem;padding: 0 .4rem;}
.box_hd h3{display: inline-block;position: relative;font-size: 18px;color: #333333;padding-left:40px;padding-right:28px;}
.box_hd1{padding-top: 0;}
.box_hd1 .icon1{left: -1.4rem;}
.box_hd1 .icon2{right: -1.4rem;}
.box3 .box_hd .icon1{left: -1.4rem;}
.box3 .box_hd .icon2{right:-1.4rem;}
.box4 .box_hd .icon1{left: -1rem;}
.box4 .box_hd .icon2{right:-1rem;}
.box5 .box_hd .icon1{left: -1rem;}
.box5 .box_hd .icon2{right:-1rem;}
.box6 .box_hd .icon1{left: -1.35rem;}
.box6 .box_hd .icon2{right:-1.1rem;}
.box7 .box_hd .icon1,.box8 .box_hd .icon1{left: -0.1rem;width: .37rem;top: .13rem;}
.box7 .box_hd .icon2,.box8 .box_hd .icon2{right:0rem;width: .37rem;top: .13rem;}
.box7 .box_hd,.box8 .box_hd{padding: 0 0 .1rem;}
.box_hd.white h2,.box_hd.white p{color: #fff;}
.box9 .box_hd .icon1{left: -1.3rem;}
.box9 .box_hd .icon2{right:-1.3rem;}
.box11 .box_hd .icon1{left: -1.4rem;}
.box11 .box_hd .icon2{right:-1.4rem;}
.box13 .box_hd .icon1{left: -1.4rem;}
.box13 .box_hd .icon2{right:-1.4rem;}
.box14 .box_hd .icon1{left: -1.2rem;}
.box14 .box_hd .icon2{right:-1.2rem;}
.a_btn{width: 6rem;height: .8rem;text-align: center;line-height: .8rem;color: #fff;background: #4f6ff4;margin:.4rem auto .7rem;border-radius: 80px;display: block;font-size: .3rem;box-shadow: 0 5px 0px #aabbff;}
/*ban开始*/
.ban .swiper-pagination-bullet{width: 60px;height: 4px;background: #81a4ff;border-radius: 0;opacity: .4;}
.ban .swiper-pagination-bullet-active{opacity: 1;}
/*box1开始*/
.box1{padding-bottom: .5rem;}
.box1 .con{overflow: hidden;width: 96%;margin: .05rem auto  .4rem;}
.box1 .con p{float: left;width: 25%;}
.box1 .con .p1{width: 50%;}
.box1  p{font-size: .26rem;color: #3d3d3d;text-align: center;}
.box1  .p2{padding: 0 .3rem;}
/*box2开始*/
.box2{overflow: hidden;
    background: #2d0bcf;
    background: -moz-linear-gradient(top,  #2d0bcf 0%, #703efa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d0bcf), color-stop(100%,#703efa));
    background: -webkit-linear-gradient(top,  #2d0bcf 0%,#703efa 100%);
    background: -o-linear-gradient(top,  #2d0bcf 0%,#703efa 100%);
    background: -ms-linear-gradient(top,  #2d0bcf 0%,#703efa 100%);
    background: linear-gradient(to bottom,  #2d0bcf 0%,#703efa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0bcf', endColorstr='#703efa',GradientType=0 );
}
:root .box2{filter:none;}
.box3 .p1{font-size: .24rem;text-align: center;color: #3d3d3d;padding: .2rem .3rem 0 ;}
.box3 .p1 span{display: block;font-size: .22rem;color: #2947c7;margin-top: .15rem;}
.box3,.box4{overflow: hidden;}
.box4{background:#fbfbfb;}
.box4 .main{position: relative;}
.box4 .fl,.box4 .fr{width: 94%;border: 1px solid #7472f4;border-radius: 10px;padding-bottom: .3rem;box-shadow: 0 5px 15px rgba(94,89,243,.25);margin-top: .1rem;margin-left: 3%;float: left;}
.box4 .fl{background:#e3e9ff url(../images/box4_img1.jpg) no-repeat 0 0;background-size: 100%;}
.box4 .fr{background:#ffffff url(../images/box4_img2.jpg) no-repeat 0 0;background-size: 100%;margin-bottom: .3rem;}
.box4 .main h3{font-size: .3rem;font-weight: bold;text-align: center;padding: .13rem 0;}
.box4 .main .con{width: 92%;margin: 0 auto .17rem;overflow: hidden;}
.box4 .main .con span{width: 6px;height: 6px;border-radius: 50%;background: #333;display: block;float: left;margin-top:.1rem;}
.box4 .main .con p{float: right;width: 96%;background:url(../images/box4_icon1.jpg) no-repeat top right;font-size: .26rem;padding-right:.35rem;box-sizing: border-box;background-size: .3rem;}
.box4 .main .fr .con p{background:url(../images/box4_icon2.jpg) no-repeat top right;background-size: .35rem;}
/*.box4 .main .fl .con{margin: 0 0 30px 30px;}*/
.box4 .main .img{position: absolute;top: 42%;right: 10%;width: 1.3rem;}
/*box5开始*/
.box5{overflow: hidden;
	margin-top: -.9rem;
	padding: .9rem 0 .6rem;
    background: #8d52f8;
    background: -moz-linear-gradient(left,  #8d52f8 0%, #505bf1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d52f8), color-stop(100%,#505bf1));
    background: -webkit-linear-gradient(left,  #8d52f8 0%,#505bf1 100%);
    background: -o-linear-gradient(left,  #8d52f8 0%,#505bf1 100%);
    background: -ms-linear-gradient(left,  #8d52f8 0%,#505bf1 100%);
    background: linear-gradient(to right,  #8d52f8 0%,#505bf1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d52f8', endColorstr='#505bf1',GradientType=0 );
}
:root .box5{filter:none;}
.box6{overflow: hidden;}
.box6 .btm{background: url(../images/box6_img4.jpg) no-repeat center;background-size: 100% 100%;}
.box6 .btm p{font-size: .24rem;color: #fff;text-align: center;padding: .3rem .2rem;line-height: .36rem;}
/*box8开始*/
.box8{margin-top: -.2rem;padding-bottom: .5rem;}
.box8 .scrollDiv {width: 80%;float:left;height:7.2rem;margin-left: 15%;}
.box8 .scrollDiv ol{width: 100%;}
.box8 .scrollDiv ol li{width: 100%; overflow: hidden;}
.box8 .scrollDiv  p{font-size:.26rem;color: #333;padding: .05rem 0;}
.box8 .main{width: 100%;margin: .1rem auto 0;overflow: hidden;background: url(../images/box8_bg.jpg) no-repeat 0;background-size: 100% 100%;padding:.5rem 0 ;}
.box9{overflow: hidden;
padding-bottom: .7rem;
	background: #2d0bcf;
    background: -moz-linear-gradient(top,  #2d0bcf 0%, #713ffa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d0bcf), color-stop(100%,#713ffa));
    background: -webkit-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: -o-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: -ms-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: linear-gradient(to bottom,  #2d0bcf 0%,#713ffa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0bcf', endColorstr='#713ffa',GradientType=0 );
}
:root .box9{filter:none;}
.box9 .a_btn{background: #fff;box-shadow: 0 6px 0px #492cf8;color: #4a1bd2;margin: .5rem auto  0;}
.box9 .a_btn:hover{box-shadow: none;}
/*box10开始*/
.box10{overflow: hidden;background: #fbfbfb;padding-bottom: .2rem;}
.box10 .video_box{width: 90%;margin: 0 auto;}
.box10 .video_box video{border-radius: 8px;box-shadow: 0 10px 20px  rgba(140,210,255,.3);}
.box10 .main{position: relative;margin-top: .4rem;}
.box10 .slides{margin-top:3.4rem;}
.box10 .flex-control-nav {display:inline-block; position: absolute; left:2%;top:0%; width:96%;margin: 0 auto;}
.box10 .flex-control-nav li {float: left; width:32%; opacity: 1;margin: 0 .6% .1rem;border: 1px solid #78c4ff;border-radius: 5px;overflow: hidden;}
.box10  .flex-control-nav li a{width: 100%;text-align: center; display:block;cursor:pointer;font-size: .24rem; color:#0391ff;padding: .1rem 0;height: .9rem;box-sizing: border-box;}
.box10  .flex-control-nav li a.flex-active {background: #0391ff;color: #fff; } 
.box10  .flex-control-nav .li6{margin-right:0%;} 
.box10  .flex-direction-nav .flex-prev{display: none;}
.box10 .flex-direction-nav .flex-next{display: none;}
.box10 .slide{width: 95%;margin: 0 auto;background: #fff;box-shadow: 0 0 10px rgba(140,210,255,.31);border-radius: 8px;border: 1px solid #78c4ff;}
.box10 .main .btm_con{padding: .25rem 0 .1rem;}
.box10 .main .btm_con .fl{width: 100%;}
.box10 .main .btm_con .fr{width: 100%;margin-top: .4rem;}
.box10 .main .btm_con .fr img{border: 1px solid #cccccc;width: 90%;margin: 0 auto .2rem;}
.box10 .main .fl h3{font-size: .3rem;font-weight: bold;margin-bottom:.18rem;}
.box10 .main .fl h3 span{width: .25rem;height: .15rem;background: #0391ff;display: block;float: left;margin-right: .1rem;margin-top: .1rem;}
.box10 .main .fl p span{font-size: .24rem;font-weight: bold;display: block;margin-bottom: .09rem;}
.box10 .main .fl p{font-size: .22rem;margin-left: .34rem;margin-bottom:.25rem;margin-right: .2rem;}

.box10 .slideBox{width:100%; overflow:hidden; position:relative; padding-bottom:.2rem;}
.box10 .slideBox .hd{width: .6rem;height:.2rem; overflow:hidden; position:absolute; left:50%;margin-left: -.3rem;bottom:0px; z-index:1; }
.box10 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box10 .slideBox .hd ul li{ float:left; margin-right:.1rem;width:.12rem; height:.12rem;background:#e3e3e3; cursor:pointer;border-radius: 50%;}
.box10 .slideBox .hd ul li.on{ background:#9b80fc;width:.12rem; height:.12rem;}
.box10 .slideBox .bd{ position:relative; z-index:0;}
.box10 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.box10 .slideBox .bd li img{display: block;}
.box10 .slideBox .hd2{width: .7rem;margin-left: -.35rem;}
.box10 .slideBox .hd3{width: .92rem;margin-left: -.46rem;}
/*box11开始*/
.box11{overflow: hidden;position: relative;padding-bottom: .3rem;}
.box11 .main{width: 94%;margin: 0 auto;position: relative;}
.box11 .flextea {overflow: hidden;}
.box11 .flex-control-nav {display:inline-block;width:100%;margin-left: 12%;margin-top: 5%;}
.box11 .flex-control-nav li {float: left; width:1.25rem; opacity: 1;margin: 0 .6% .1rem;overflow: hidden;}
.box11  .flex-control-nav li a{width: 100%;text-align: center; display:block;cursor:pointer;}
.box11  .flex-control-nav li a span{ opacity: .6;display: block;width: 1.25rem;height:1.4rem;}
.box11  .flex-control-nav li a.flex-active span{opacity: 1; } 
.box11  .flex-control-nav .span1{background: url(../images/t1.jpg) no-repeat center;background-size: 100%;}
.box11  .flex-control-nav .span2{background: url(../images/t2.jpg) no-repeat center;background-size: 100%;}
.box11  .flex-control-nav .span3{background: url(../images/t3.jpg) no-repeat center;background-size: 100%;}
.box11  .flex-control-nav .span4{background: url(../images/t5.jpg) no-repeat center;background-size: 100%;}
/*.box11  .flex-control-nav .span5{background: url(../images/t5.jpg) no-repeat center;background-size: 100%;}*/
.box11  .flex-direction-nav .flex-prev{display: none;}
.box11 .flex-direction-nav .flex-next{display: none;}
.box11 .slide{width: 100%;margin: 0 auto;}
.box11 .slide .fl{width: 38%;background: url(../images/box11_imgbg.png) no-repeat 0 0;background-size: 100%;margin-left: 1%;}
.box11 .slide .fl img{display: block;margin-left: .15rem;width: 95%;margin-bottom: .2rem;}
.box11 .slide .fr{width:57%;}
.box11 .slide .fr h3{font-size: .3rem;font-weight: bold;margin: .2rem 0 .15rem;}
.box11 .slide .fr p{font-size: .24rem;}
.box11 .con_bg{width: 100%;height: 3rem;position: absolute;left: 0;bottom: 0;background: #efefef}

.box12{overflow: hidden;
	padding:0 0 .3rem;
	background: #2d0bcf;
    background: -moz-linear-gradient(top,  #2d0bcf 0%, #713ffa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d0bcf), color-stop(100%,#713ffa));
    background: -webkit-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: -o-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: -ms-linear-gradient(top,  #2d0bcf 0%,#713ffa 100%);
    background: linear-gradient(to bottom,  #2d0bcf 0%,#713ffa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0bcf', endColorstr='#713ffa',GradientType=0 );
}
:root .box12{filter:none;}
.box12 ul{width: 96%;margin: .2rem auto 0;}
.box12 ul li{float: left;width: 48%;border: 1px solid #aa94ff ;border-radius: 15px;text-align: center;margin: .2rem 1%;padding: .3rem 0;}
.box12 ul li h2{font-size: .36rem;color: #ff95c9;font-weight: bold;}
.box12 ul li h3{font-size: .28rem;color: #fff;padding: .1rem 0;}
.box12 ul li p{font-size: .22rem;color: #fff;padding: 0 .1rem;}
.box13{overflow: hidden;padding-bottom: .6rem;}

.box14{background: #eef7ff ;overflow: hidden;padding-bottom: .5rem;}
.box14 ul{width: 98%;margin-left: 2%;}
.box14 li{width: 100%;float: left;position: relative;margin-bottom: .3rem;}
.box14 li .con{width: 86%;padding: .2rem .2rem .58rem .5rem;border-radius: 8px;margin-left: 10%;background: #fff;box-shadow: 0 0 20px rgba(106,192,246,.6);}

.box14 li .con h3{font-size: .3rem;font-weight: bold;}
.box14 li .con p{font-size: .24rem;}
.box14 li .con span{font-size: .24rem;color: #7fa5ff;float: right;cursor: pointer;}
.box14 li img{position: absolute;top: .95rem;left: 0;width: 15%;}

.box15{background: url(../images/box15_img1.jpg) no-repeat center;height:1.87rem;background-size: 100%;}
.box15 p{margin: 0 auto;font-size: .41rem;color: #fff;font-weight: bold;text-align: center;box-sizing: border-box;padding-top: .4rem;}



/*小屏幕/苹果5s*/
@media screen and (max-width: 320px){
	.box8 .scrollDiv {height:8.3rem;}
	.box10 .slides{margin-top:3.6rem;}
	.box10  .flex-control-nav li a{height: .95rem;}
	.box12 ul li p{height: 1rem;}
}
/* iphone6 plus */
@media (min-width : 410px) and (max-width : 736px){
	.box10 .slides{margin-top:3.2rem;}
	.box10  .flex-control-nav li a{height: .86rem;}
}
/*大于pad屏幕*/
@media screen and (min-width: 750px){
	
}

