/*页面通用样式*/
img{width: 100%;display: block;}
.a_btn{width:50%;text-align: center;color: #fff;font-size:1em;padding: 1.5% 0 2%; border-radius: 50px;box-shadow:0 4px 2px #000;display: block;background: #CA0937;margin: 5% auto 8%; letter-spacing: 1px;}
.red_btn{box-shadow:0 4px 2px #FF7676;}
.title{padding:6% 0 ;text-align: center;}
.title h2{font-size: 1.4em;font-weight: bold;display: inline-block;position: relative;padding: 0 18%;}
.title h2 img{width: 18%;top: 30%;position: absolute;}
.title h2 .icon1{left: 0;}
.title h2 .icon2{right: 0;}
/*ban开始*/
.ban{background: #010b53;}
.ban .slideBox{width:100%;overflow:hidden; position:relative; }
.ban .slideBox .hd{width: 78px; height:14px; overflow:hidden; position:absolute;left: 50%;margin-left: -29px;  bottom:3%; z-index:1; }
.ban .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.ban .slideBox .hd ul li{ float:left; margin-right:4px;width:35px; height:3px;  background:#5fa8d4; cursor:pointer; opacity: .5;}
.ban .slideBox .hd ul li.on{opacity: 1;}
.ban .slideBox .bd li{ zoom:1; vertical-align:middle;position: relative; }
.ban .btm{position: absolute;top: 0;left: 0;width: 100%;}
.ban .img2{margin-top: 20%;}
.ban .li1 .a_btn{margin-top: 13%;background: #3988FF;box-shadow: none;}
.ban .li2 .a_btn{margin: 42% 0 0 20%;box-shadow: none;height: 2em;width: 40%;background: none;}
.kbbox{padding: 8% 0 3% 6%;overflow: hidden;}
.kbbox a{
	float: left;
	width: 45%;
	margin-right: 3%;
}
/*box1开始*/
.box1{padding-bottom: 6%;}
.box1 .title{padding-bottom: 0;}
.box1 ul li{width: 90%;margin: 5% auto 0;}
.box1 ul li h2{width: 100%;height: 2em;background: #3688ff;line-height: 2em;font-size: 1em;color: #fff;padding-left: 5%;margin-bottom: 4%;}
.box1 ul li h2 span{font-size: .9em;padding-left: 5%;}
/*box2开始*/
.box2{}
.box2 .btm{background: #1b1b1b;}
.box2 .btm ol{background: #315cbd;padding: 1% 1% 0;overflow: hidden;}
.box2 .btm ol li{font-size: .8em;color: #fff;line-height: 1.4em;float: left;width: 20%;text-align: center;height: 4em;padding-top: 1%;box-sizing: border-box;}
.box2 .btm ol li p{border-bottom: 2px solid #315cbd;width: 0%;margin:5% auto 0;}
.box2 .btm ol li.on{background: #e7effa;color: #315cbd;}
.box2 .btm ol li.on p{width: 80%;}
.box2 .btm ul {background:#e7effa ;padding: 5% 0 6%;}
.box2 .btm ul li{display: none;}
.box2 .btm ul li.show{display: block}
.box2 .btm ul li img {width: 100%;margin: 0 auto;}





/*box3开始*/
.box3{background: #1b1b1b;overflow: hidden;padding-bottom: 5%;}
.box3 .a_btn{width: 58%;margin-bottom: 5%;}
.box3 .title h2,.box4 .title h2{color: #fff;}
.box3 .main .main1{width: 92%;margin:0 auto 5%;box-shadow: 0 0 5px 5px #272982;background: #fff;border-radius: 6px;padding-bottom: 1%;}
.box3 .box3_hd{padding-top: 4%;margin-bottom: 10%;}
.box3 .box3_hd span{float: left;background: #E80A3F;color: #fff;padding:.5% 2% .5% 4%;font-size: .9em;margin-left: -3%;border-radius: 0 50px 50px 0;box-shadow: 1px 1px 5px  #FF9191;}
.box3 .box3_hd h2{float: left;font-size: 1.1em;color: #000;font-weight: bold;margin-left: 2%;}
.box3 .box3_hd b{font-size: .75em;color: #E80B3C;font-weight: 400;padding-bottom: 4%;display: block}
.box3  .main .main1 p{border-top:1px solid #D2D2D2;width: 96%;margin: 0 auto 3%;font-size: .78em;overflow: hidden;padding: 3% 0;}
.box3  .main .main1 p span{width: 50%;display: block;float: left;padding-bottom:2%;}
.box3  .main .main1 p .span4{width: 33.33%;}
.box3  .main .main1 p .span5{width: 100%;}
.box3  .main .main1  .li1_P span{width: 33.33%;}
.box3 .lunbo{width: 94%;margin: 0 auto;}
.box3 .lunbo .lb_hd{overflow: hidden;margin-left: 3%;}
.box3 .lunbo .lb_hd span{padding: 3% .6%;display: block;float: left;background: #E80A3F;}
.box3 .lunbo .lb_hd b{font-weight: bold;font-size:.95em;color: #333;float: left;margin-left: 2%;}
.box3 .swiper-container{padding-bottom:8%;}
.box3 .swiper-container .swiper-wrapper img{box-shadow: 0 0 5px 3px #F1F1F1;width:94%;margin:5% auto;border-radius: 5px;}
.box3 .swiper-pagination-bullet-active{background: #999999;}
.box3 .swiper-pagination-bullet{width: 34px;height: 5px;background: #CCCCCC;border-radius: 5px;}
/*box4开始*/
.box4{background: #31343f;overflow: hidden;}
.box4 .main{position: relative;}
.box4 .line{position: absolute;left: 0;top: 0;animation:line 2.5s infinite;}
/*box5开始*/
.box5 .main{width: 86%;margin: 5% auto;background: url(../images/box5_bg.jpg)  no-repeat center bottom;background-size: 100%;padding-bottom: 9%;}
.box5 .swiper-container{box-shadow: 0 0 5px 2px #E1E1E1;overflow: hidden;border-radius: 10px;}
.box5 .btm{background: #5E80FF;color: #fff;text-align: center;padding:3.5% 0;}
.box5 .btm h2{font-size: 1.2em;margin-bottom: 1%;}
.box5 .btm p{font-size: .85em;}
.box5 .a_btn{width: 55%;}
/*box6开始*/
.box6 {position: relative;}
.box6 .btm{position: absolute;top: 0;left: 0;}
.box6 .btm img{padding-top: 12%;}
.box6 .a_btn{padding: .6% 0 1.5%;width: 46%;}
.box12 .top{background: #4792DC;}
.box12 .top p{text-align: center;font-size: 1em;color: #fff;font-weight: bold;padding: 4% 0;}

@keyframes line
{0%{opacity:0.2;} 50%{opacity:1;} 100%{opacity:0.2;}}









@media screen and (max-width: 320px){
	body{font-size: .9rem}
	.a_btn{width:54%;}
	.box_hd .line{width:85%;}
	.box_hd p{width: 64%;left: 18%;}
	.box3  ul li p{width: 98%;}
	.box3 ul li{width: 95%;}
	
}
@media screen and (min-width: 410px) and (max-width: 750px) {  
	 .box3  ul li p{font-size: .8em;width: 90%;}
	 .box3 .main .main1 p{width: 90%;}
}
@media screen and (min-width: 750px){
	body{font-size: 1.5rem}
	.a_btn{width:40%;}
	.box3 .a_btn{width: 50%;}
	.box3 .box3_hd span{box-shadow: 3px 3px 5px  #FF9191;}
	.box3  ul .li1 p span{width: 33.33%;}
	.box3  ul .li1 p span{width: 33.33%;}
	.box3 .main .main1 p{width: 85%;}
	.box3  ul li p{font-size: .9em;width: 90%;}
	.box5 .main{width: 80%;}
}