@charset "gb2312";

body{background: #fff;overflow-x: hidden;}
img{display: block;width: 100%;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.a_btn{width: 60%;border-radius:80px;margin: .4rem auto .6rem;background: #5452fe;text-align: center;display: block;color: #fff;font-size: .3rem;box-shadow: 0 6px 5px #9998f1;position: relative;padding: 3% 0;}
 
.box_hd{text-align: center;padding-top:0.2rem;padding-bottom: .4rem;}
.box_hd h2{position: relative;display: inline-block;font-size: .4rem;font-weight: bold;padding: 0 .55rem;}
.box_hd p{font-size: .4rem;font-weight: bold;line-height: .3rem;}
.box_hd h2.white{color: #fff;}
.box_hd h2 img{position: absolute;width: .5rem;top: 0;}
.box_hd h2 .icon1{left: 0;}
.box_hd h2 .icon2{right: 0;}
.ban .swiper-pagination span{
	width: 9px;
	height: 9px;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 1;
}
.ban .swiper-pagination-bullet-active{background: #fff;}

.box1{background: #f5f5f5;padding-bottom: 5%;}
.box1 p{font-size: 0.24rem;padding: 2% 2%;text-align: center;line-height: .38rem;}

.box2{background: #02148b;padding-bottom:.6rem;}
.box2 .top{width: 94%;margin: 0 auto 6%;}
.box2 .box2_hd{overflow: hidden;width: 94%;margin: 0 auto;}
.box2 .box2_hd .fl{width: 8%;}
.box2 .box2_hd .fr{width: 88%;font-size: .34rem;color: #ff15d8;font-weight: bold;}
.box2 .con{width: 48.5%;margin-top: 5%;}
.box2 .con p{border: 1px dashed #24eded;font-size: .24rem;color: #fff;padding: .2rem .15rem;text-align: center;border-radius: 8px;width: 100%;}
.box2 .con .p1{height: 6.5em;}
.box2 .con b{color: #28ecf2;font-size: .32rem;}
.box2 .con span,.box2 .span1{font-size: .2rem;color: #3279fa;text-align: center;display: block;margin-top: .2rem;}
.box2 .box2_hd2{margin: .4rem auto .2rem;}
.box2 .con1{width: 94%;margin: 5% auto 0;}
.box2  .p2{padding: 5% 3% 0;font-size: .24rem;color: #fff;text-align: center;}

.box3{padding-bottom: .3rem;}
.box3 h3{font-size: .24rem;padding: 0 2%;text-align: center;}
.box3 h3 b{font-size: .32rem;color: #ea0ec5;}
.box3 h3 span{color: #ff1d1d;}
.box3 .main{margin: .3rem 0 .2rem;}

.box4{background: #02106f;padding-bottom: .6rem;}
.box4 .main{position: relative;}
.box4 .main .con{position: absolute;top: 24%;left:28%;width: 3.27rem;height: 3.27rem;-webkit-animation: warn 1.5s ease-out infinite; -moz-animation: warn 1.5s ease-out infinite; animation: warn 1.5s ease-out infinite;}
.box4 .main  p{position: absolute;font-size: .26rem;font-weight: bold;top:36.5%;left: 40%;width: 1.8rem;color: #fff;}

.box5{background: #eff5fa;padding-bottom: .6rem;}
.box5 .con{width: 94%;margin: 0 auto .2rem;overflow: hidden;}
.box5 .con .fl{width: 49%;}
.box5 .con .fr{width: 49%;}
.box5  h3{font-size: .32rem;font-weight: bold;border-left:5px solid #2b29e5 ;line-height: .32rem;padding-left: .07rem;}
.box5 .con img{width: 90%;margin: .3rem auto;}
.box5 ul li{width: 96%;margin: .3rem auto;background: #fff;box-shadow: 0 0 8px rgba(95,95,95,.35);padding:.15rem .1rem;overflow: hidden;border-radius: 8px;}
.box5 .con ul{margin-top: .4rem;}
.box5 .con ul li img{float: left;width: 15%;margin: 0;}
.box5 .con ul li p{float: right;width:83%;font-size: .26rem;margin-top: .1rem;}
.box5 .con ul li p span{color: #1542bc;}
.box5 .p1{font-size: .24rem;padding:0 .3rem;text-align: center;}

.box6{padding-bottom: .5rem;background: #011179;}
.sml_hd{overflow: hidden;width: 94%;margin: 0 auto;}
.sml_hd img{width: 12%;margin-top: .1rem;}
.sml_hd p{width: 86%;font-size: .3rem;font-weight: bold;color: #fff;}
.sml_hd p span{font-weight: normal;font-size: .2rem;}
.sml_hd p.black{color: #333;}
.box6 ul{margin-top: .5rem;}
.box6 ul li{height: .85rem;width:90%;margin: 0 auto;margin-bottom:3%;border-radius: 6px;box-sizing: border-box;overflow: hidden;position: relative; }
.box6 ul .li1{height: 100%;}
.box6 ul .li1 img{transform: rotate(90deg);}
.box6 ul .li1 .top{background: #2b29e5;}
.box6 ul li .top{overflow: hidden;background: #5452fe;padding: 0 3%;border-radius:0px;height: .85rem;}
.box6 ul li h2{font-size: .3rem;color: #fff;float: left;height: .8rem;line-height: .8rem;}
.box6 ul li  img{display: block;float: right;color: #30edff;width: 6%;margin-top: .2rem;transition: all .4s ;}
.box6 .btm{overflow: hidden;border: 2px solid #5452fe;border-top: none;}
.box6 .btm .fl{width: 100%;}
.box6 .btm .fl p{font-size: .3em;color: #fff;border-bottom: 2px solid #5452fe;padding:2.5% 3%;overflow: hidden;font-size: .26rem;}
.box6 .btm .fl .p_last{border-bottom: none;}
.box6 .mask{width:100%;height:.8rem;position: absolute;left: 0;top: 0;display: none;z-index: 999999;}
.box6 ul li  img.rote{transform: rotate(90deg);}
.box6 .a_btn{margin-top: .8rem;box-shadow: 0 6px 5px #061aa0;}

.box8{margin-top: .5rem;}
.box8_swiper{width: 94%;margin: .4rem auto 0;padding-bottom: 1rem;}
.box8 .btm{border: 1px solid #efeff1;border-top: none;box-sizing: border-box;position: relative;width: 100%;padding: 0 .2rem .3rem;}
.box8 .btm h3{font-size: .3rem;color: #011179;padding-top:.3rem;padding-left: .5rem;margin-bottom: .2rem;}
.box8 .btm img{position: absolute;top:.35rem;left: .2rem;display: block;width: .4rem;}
.box8 .btm span{width: .6rem;height:.5rem;background: #2e64ff;color: #fff;font-size: .3rem;display: block;line-height: .5rem;position: absolute;top: 0px;right: .15rem;text-align: center;border-radius: 0 0 6px 6px;}
.box8 .btm p{font-size: .24rem;line-height: .38rem;text-align: center;margin-top: .15rem;}
.box8 .btm b{border: 1px dashed #ccc;padding: .1rem .12rem;font-weight: normal;font-size: .22rem;display: block;float: left;margin: .05rem;border-radius: 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .04rem;}
.swiper-pagination-bullet{border: 1px solid #2e34ff;background: none;}
.swiper-pagination-bullet-active{background:#2e34ff ;}


.box9{position: relative;padding-bottom: 1.5rem;}
.box9 h3{font-size: .3rem;font-weight: bold;text-align: center;}
.box9 .slides{margin-top:3%;}
.box9 .flex-control-paging{width: 96%;margin: 5% auto;}
.box9 .flex-control-nav li{float: left; width:2rem;height: 1rem; opacity: 1; background: url(../image/box9_bg2.jpg) no-repeat top left ;background-size: 100%;margin:0 .2rem;padding-bottom: 5%;overflow: hidden;}
.box9  .flex-control-nav li a{width: 100%;text-align: center; display:block;cursor:pointer;color:#333;font-weight: bold;height: 1rem;}
.box9  .flex-control-nav li a span{width:1rem;height: 1rem;text-align: center;font-size: .24rem;padding-top: .14rem;display: block;float: left;}
.box9  .flex-control-nav li a .span1{padding-right: .05rem;box-sizing: border-box;}
.box9  .flex-control-nav li a .span2{padding-left: .05rem;box-sizing: border-box;}
.box9  .flex-control-nav li a.flex-active {background: url(../image/box9_bg1.jpg) no-repeat top left ;background-size: 100%;color:#fff;} 
.flex-direction-nav{display: none !important;}
.box9 .img1,.box9 .img2{position: absolute;width:3.5%;bottom:.9rem;}
.box9 .img1{left: 2.42rem;}
.box9 .img2{left:4.82rem;}

.box10 .sml_hd{padding-bottom: .3rem;}
.box10 .sml_hd img{margin-top: .05rem;}
.box10 .swiper-slide{position: relative;}
.box10 .img_box{width: 43%;padding-top: 6%;background: #f3f3f3;}
.box10 .box6tea .box6tea_r{
	width: 60%;
	height: 6rem;
	background: #5453fe;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5% 3% 0;
	margin-top: 5%;
	z-index: 99;
	border-radius: 10px 10px 0 0 ;
}
.box10 .box6tea .box6tea_r h2{font-size:.36rem;color: #fff;padding: .2rem 0 ;}
.box10 .box6tea .box6tea_r span{
	display: block;
	font-weight: bold;
	color: #19fef6;
	font-size: .28rem;
	margin: 5% 0;
}
.box10 .box6tea .box6tea_r p{
	font-size: .26rem;
	color: #fff;
	line-height: 1.5em;
}
.box10 .box6tea .swiper-pagination{margin-left: 20%;bottom: 3px;}
.box10 .box6tea .swiper-pagination span{
	width: 9px;
	height: 9px;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 1;
}
.box10 .box6tea .swiper-pagination-bullet-active{background: #fff;}


.box11{background: #011179;padding-bottom: .6rem;}
.box11 h2{font-size: .4rem;color: #fff;text-align: center;padding: .5rem 0 .2rem;font-weight: bold;}
.box11  .swiper-button-next{right:.1rem;background-size:75% ;top: 35%;}
.box11  .swiper-button-prev{left:.1rem;background-size:75% ;top: 35%;}
.box11 p{color: #fff;text-align: center;font-size: .24rem;background: #222bae;width: 90%;margin: .3rem auto 0;padding: .2rem .2rem;border-radius: 8px;}
.box11 p span{color: #ff1ded;}

.box12{padding-top: .5rem;}
.box12 .main{width: 94%;margin: 0 auto;border: 1px solid #9e9ea3;border-radius: 8px;overflow: hidden;}
.box12 .main .fl{width: 45%;}
.box12 .main .fr{width: 55%;}
.box12 .main h3{font-size: .26rem;width: 60%;margin: 0 auto .2rem;color: #fff;text-align: center;padding: .08rem 0 .12rem;border-radius: 0 0 8px 8px;
background: linear-gradient(top left, #fd10d8, #2d34ff);
background: -ms-linear-gradient(top left, #fd10d8, #2d34ff);
background: -webkit-linear-gradient(top left,#fd10d8, #2d34ff);
background: -moz-linear-gradient(top left, #fd10d8, #2d34ff);}
.box12 .main p{font-size: .24rem;color:#616161;padding:0 .1rem .06rem;line-height: .28rem;}
.box12 .main p b{color: #333;}
.box12 .main1{margin: .3rem auto .5rem;}
.box12 .main1 .fr{width: 50%;}
.box12 .main1 .fl{width: 50%;}

.box13{background: #011179;padding-bottom:.01rem;}
.box13 .main{width: 90%;margin:0 auto .5rem;}
.box13 .main .con{overflow: hidden;margin-top: .5rem;}
.box13 .main .con1{margin-top: .3rem;}
.box13 .main .con h3{width: 23%;background: #526fff;color: #fff;text-align: center;font-size: .22rem;padding: .15rem 0;border-radius: 5px;}
.box13 .main .con .fr{width:72%;}
.box13 .main .con .fr span{display: block;font-size: .24rem;color: #fff;float: left;padding-bottom: .05rem;}
.box13 .main .con .span_fl{padding-right: .3rem;}
.box13 .main .con .span_fl1{padding-right: 1.3rem;}

.box14{background:#eff4fa url(../images/box14_bg.jpg) no-repeat 0 top ;background-size: 100%;padding-bottom: .5rem;}
.box14 .box_hd{padding-bottom: 0;}
.box14 .main{position: relative;width: 100%;margin: 0 auto;}
.box14 .slides{margin-top:30%;}
.box14 .flex-control-paging{width: 94%;position: absolute;top: .2rem;left:.3rem;}
.box14 .flex-control-nav li{float: left; width:31%;height: 2.04rem; opacity: 1; background: url(../images/box14_img5.png) no-repeat top left ;background-size: 100%;margin:0 1.1%;padding-bottom: 5%;overflow: hidden;}
.box14  .flex-control-nav li a{width: 100%;text-align: center;font-size: .24rem; display:block;cursor:pointer;color:#333;font-weight: bold;height: 2.04rem;padding-top: .2rem;box-sizing: border-box;line-height: .3rem;}
.box14  .flex-control-nav li a b{font-size: .26rem;display: block;font-weight: bold;color: #4056ff;padding: .1rem .2rem 0;}
.box14  .flex-control-nav li a.flex-active {background: url(../images/box14_img6.png) no-repeat top left ;background-size: 100%;} 
.box14  .flex-direction-nav{display: none !important;}
.box14 .flexslider .slides li{background: url(../images/box14_libg.jpg) no-repeat 0;background-size: 100% 100%;}
.box14 .flexslider .slides img{width: 90%;margin:0 auto;padding: .3rem 0 0;}
.box14 .flexslider .slides p{font-size: .26rem;padding: .2rem .5rem .5rem;}
.box14 .flexslider .slides p span{color: #ea0ec5;}

.box15{padding-bottom: .5rem;}
.box15 ul{width: 100%;margin: 0 auto;}
.box15 ul li{position: relative;margin-bottom: .4rem;}
.box15 .con{width: 88%;margin-left:9%;box-shadow: 0 0 10px rgba(5,15,94,.32);border-radius: 10px;background: #f3f3f3;padding: .4rem .1rem .4rem .9rem;box-sizing: border-box;}
.box15 .con h3{font-size: .32rem;font-weight: bold;}
.box15 .con h3 span{font-weight: normal;color: #4056ff;}
.box15 .con p{font-size: .26rem;line-height: .4rem;margin-top: .12rem;}
.box15 .img1{width: 18%;top:34% ;left: .1rem;position: absolute;}
.box15 .img2{width:22%;bottom:3% ;right: .3rem;position: absolute;}
.box15 .con1{background: #4b49e4;}
.box15 .con1 h3,.box15 .con1 p{color: #fff;}

.box16{background: #eff4fa;padding-bottom: .4rem;}
.box16 ul{overflow: hidden;width: 96%;margin: 0 auto;}
.box16 ul li{float: left;width: 20%;margin-bottom: .2rem;}
.box16 ul li img{width: 94%;margin: 0 auto;}
.box16 ul li p{font-size: .26rem;text-align: center;}

.box17{background: #021079;padding-bottom: .4rem;}
.box17 .p1{background: #1f49e7;width: 90%;margin: .2rem auto;padding: .2rem 0;color: #fff;font-size: .26rem;text-align: center;border-radius: 5px;}


@keyframes warn {
  0% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: .5; }
  50% {transform: scale(1);-webkit-transform: scale(1);opacity: 1; }
  100% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: .5; }
  }




@media screen and (max-width: 320px){
	body{font-size: .9rem}
	.box2 .con .p1{height: 7.3em;}
	.box12 .main p{line-height: .31rem;}
	.box9  .flex-control-nav li a span{font-size: .22rem;}
}

@media (min-width : 410px) and (max-width : 736px){
	.box9  .flex-control-nav li a span{padding-top: .18rem;}
	.box12 .main p{font-size: .22rem;color:#616161;padding:0 .1rem .06rem;line-height: .32rem;}
}

@media screen and (min-width: 750px){
	body{font-size: 1.5rem}
	.box9  .flex-control-nav li a span{padding-top: .18rem;}
}
.bottom{ width: 100%; height:1.7rem; position: fixed; bottom: 0; background:#0a86fa; background-size:100% 100%;max-width:640px;z-index: 99;}
.bottom ul{ width: 100%; }
.bottom ul li{ width: 24%; text-align: center; display: inline; float: left; }
.bottom ul li span{ width:.8rem; height:.8rem; display:inline-block; }
.bottom ul li span img{ width: 100%; }
.bottom ul li{ margin:.08rem 0 0 0;border-right:1px dashed #fff}
.bottom ul li:nth-child(3){ margin-top:.16rem;}
.bottom ul li:nth-child(3) span{ width: 1.2rem; height: 1.2rem;  }
.bft12{font-size:14px;color:#fff}
.gifcon{position:relative;}
.gifcon2{position:absolute;right:-15px;top:-15px}