﻿/*页面通用部分*/
img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.box_hd {
	font-size: 0;
	text-align: center;
	padding: .65rem 0 .55rem;
}

.box_hd h2 {
	font-size: .48rem;
	color: #05004f;
	display: inline-block;
	position: relative;
	padding: 0 .3rem;
	font-weight: bold;
	line-height: .61rem;
	position: relative;
	z-index: 9;
}

.box_hd .hd_icon1 {
	width: .26rem;
	height: .26rem;
	position: absolute;
	top: .1rem;
	right: 0.2rem;
	display: block;
	background: url(../images/img_icons.png) no-repeat 0 -.8rem;
	background-size: 384.61%;
}

.box_hd .hd_icon2 {
	width: .74rem;
	height: .74rem;
	position: absolute;
	top: .7rem;
	left: 0;
	display: block;
	background: url(../images/img_icons.png) no-repeat 0 0;
	background-size: 135.13%;
}
.box1-2 .box_hd .hd_icon1 {
	width: .26rem;
	height: .26rem;
	position: absolute;
	top: .1rem;
	right: 0.4rem;
	display: block;
	background: url(../images/img_icons.png) no-repeat 0 -.8rem;
	background-size: 384.61%;
}

.box1-2 .box_hd .hd_icon2 {
	width: .74rem;
	height: .74rem;
	position: absolute;
	top: .2rem;
	left: 0;
	display: block;
	background: url(../images/img_icons.png) no-repeat 0 0;
	background-size: 135.13%;
}

.a_btn {
	font-size: .3rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #009eff;
	width: 3.5rem;
	height: .9rem;
	line-height: .9rem;
	margin: .5rem auto;
	border-radius: .8rem;
	display: block;
	box-shadow: 0 .15rem .3rem rgba(0, 158, 255, .2);
}

/*ban开始*/
.ban .swiper-container-horizontal>.swiper-pagination-bullets,
.ban .swiper-pagination-custom,
.ban .swiper-pagination-fraction {
	font-size: 0;
}

.ban .swiper-pagination-bullet {
	border: 2px solid #00d9f9;
	background: #032390;
	opacity: 1;
}

.ban .swiper-pagination-bullet-active {
	border: 2px solid #00d2ff;
	background: #00d2ff;
	width: 26px;
	border-radius: 15px;
}

.ban .swiper-container-horizontal>.swiper-pagination-bullets,
.ban .swiper-pagination-custom,
.ban .swiper-pagination-fraction {
	bottom: 25px;
}

.ban .swiper-slide {
	position: relative;
}

.ban .swiper-slide a {
	position: absolute;
	width: 3rem;
	height: .9rem;
	bottom: 1rem;
	left: 2.3rem;
}

/*box1开始*/
.box1 {
	background: #ebf2ff;
	padding-bottom: .2rem;
}

.box1 ul {
	overflow: hidden;
}

.box1 ul li {
	width: 50%;
	margin-top: .2rem;
	float: left;
	text-align: center;
}

.box1 ul li img {
	width: 3.5rem;
}

.box1 ul li p {
	font-size: .24rem;
	color: #454545;
	margin: -.2rem 0 .05rem;
}

.box1 ul li b {
	font-size: .32rem;
	color: #015fea;
	display: block;
}

.box1 ul li span {
	width: 1.55rem;
	height: .1rem;
	background: #cbe0ff;
	border-radius: .1rem;
	margin: -.1rem auto 0;
	display: block;
}

.box1 .p1 {
	font-size: .22rem;
	color: #9a9a9a;
	text-align: center;
	padding: .33rem 0 0;
}

.box1btm {
	margin-top: -.4rem;
	position: relative;
}

.box1btm p {
	position: absolute;
	width: 100%;
	top: .8rem;
	left: 0rem;
	text-align: center;
	font-size: .48rem;
	color: #ffffff;
	font-weight: bold;
	box-sizing: border-box;
	padding-left: .4rem;
	text-shadow: 0 3px 0 rgba(0, 53, 197, 76);
}

/*box2开始*/
.box2 {
	background: #173dbb;
	padding-bottom: .3rem;
}

.box2 h2 {
	color: #5aeeff;
}

.box2 .box_hd {
	padding-bottom: .4rem;
}

.box2 .box_hd .hd_icon1 {
	background-position-x: -.35rem;
	right: -.1rem;
}

.box2 .box_hd .hd_icon2 {
	background-position-y: -1.09rem;
}

.smll_hd h2 {
	font-size: .36rem;
	color: #fff;
	text-align: center;
}

.smll_hd span {
	background: #3d64e7;
	width: 3.15rem;
	height: .15rem;
	border-radius: .1rem;
	display: block;
	margin: -.13rem auto 0;
}

.box2 .btmbox1s_con {
	padding: .3rem 0 .6rem;
}

.box2 .btmbox1s_con .swiper-container {
	padding: .2rem 0 .7rem;
}

.box2 .box2_con1 .swiper-slide {
	height: 9rem;
	background: #0020a0;
	border-radius: .2rem;
	border: .08rem solid #00d8ff;
	opacity: .5;
}

.box2 .box2_con1 .swiper-slide-active {
	opacity: 1;
}

.box2 .btmbox1s_con .swiper-slide .main {
	height: 7.4rem;
	overflow-y: auto;
}

.box2 .box2_con1 .swiper-slide .hd_top {
	font-size: .36rem;
	line-height: .6rem;
	color: #fff;
	text-align: center;
	margin-bottom: .3rem;
}

.box2 .box2_con1 .swiper-slide .hd_top span {
	background: -moz-linear-gradient(to bottom, #0037ac, #009cff);
	background: linear-gradient(to bottom, #0037ac, #009cff);
	display: inline-block;
	padding: .05rem .4rem;
	border-bottom-left-radius: .15rem;
	border-bottom-right-radius: .15rem;
	border: .08rem solid #00abe8;
	border-top: 0;
}

.box2 .btmbox1s_con .h2 {
	width: 100%;
	line-height: .5rem;
	font-size: .34rem;
	padding: 0 .3rem 0;
	color: #fff;
}

.box2 .btmbox1s_con .h3 {
	font-size: 0;
	padding: .2rem 0 0 .3rem;
}

.box2 .btmbox1s_con .h3 span {
	font-size: .28rem;
	color: #fff;
	border: none;
	margin-right: .2rem;
}

.box2 .btmbox1s_con .h3 span.h2span2 {
	color: #fff;
}

.box2 .btmbox1s_con .h3 span.h2span3 {
	color: #fff;
}

.box2 .btmbox1s_con .conh4 {
	font-size: .3rem;
	margin: .25rem 0 .15rem .3rem;
	height: .6rem;
	line-height: .6rem;
	color: #fff;
	background: -moz-linear-gradient(to right, #0097dc, #0020a0);
	background: linear-gradient(to right, #0097dc, #0020a0);
	width: 3.4rem;
	border-radius: .7rem;
	padding-left: .2rem;
}

.box2 .btmbox1s_con .conh4_1 {
	width: 2rem;
}

.box2 .btmbox1s_con .conh4_2 {
	width: 2rem;
}

.box2 .btmbox1s_con .conh4 img {
	float: left;
	width: .45rem;
	margin-right: .1rem;
}

.box2 .btmbox1s_con .conp {
	font-size: .26rem;
	color: #8d8d8d;
	line-height: .44rem;
	padding: 0 .3rem;
	color: #fff;
}

.box2 .btmbox1s_con p span {
	color: #ffff !important;
	margin: 0 .1rem 0 .05rem;
}

/*.box2 .btmbox1s_con p.conp1 span{color: #00ccff;}
.box2 .btmbox1s_con p.conp2{color: #ff4e5a;}
.box2 .btmbox1s_con p.conp3{color: #3c73f6;}*/
.box2 .swiper-container-horizontal>.swiper-pagination-progressbar {
	width: 60%;
	left: 20%;
	height: 8px;
	border-radius: 10px;
	bottom: 0;
	top: auto;
	background: #2e58e2;
	overflow: hidden;
}

.box2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	border-radius: 10px !important;
	background: #00bcf3;
}

.box2 .box2_con2 .swiper-container {
	padding: .3rem 0 .6rem;
}

.box2 .box2_con2 {
	width: 6.8rem;
	margin: 0 auto;
}

.box2 .box2_con2 .swiper-slide {
	height: 10rem;
	border-radius: .25rem;
	opacity: 1;
	overflow: hidden;
}

.box2 .box2_con2 .swiper-slide .main_box {
	background: #fff;
	padding: .4rem 0;
}

.box2 .box2_con2 .swiper-slide .main {
	height: 8.4rem;
}

.box2 .box2_con2 .swiper-slide .hd_top {
	font-size: .36rem;
	color: #fff;
	background: #005bd1 url(../images/box2_img1.jpg) no-repeat 5.6rem center;
	background-size: .85rem;
	border-radius: .2rem .2rem 0 0;
	padding: .2rem 0;
}

.box2 .box2_con2 .swiper-slide .hd_top span {
	padding-left: .4rem;
}

.box2 .box2_con2 .h2 {
	color: #242424;
}

.box2 .box2_con2 .h3 span {
	color: #848484;
}

.box2 .box2_con2 .h3 span.h2span2 {
	color: #ff1a1a;
}

.box2 .box2_con2 .h3 span.h2span3 {
	color: #848484;
}

.box2 .box2_con2 .conh4 {
	text-align: center;
	padding-left: 0;
	line-height: .58rem;
	background: #005bd1;
	width: 3rem;
}

.box2 .box2_con2 .conh4_1 {
	width: 1.8rem;
	background: #ff3f3f;
}

.box2 .box2_con2 .conh4_2 {
	width: 3rem;
	background: #00cdec;
}

.box2 .box2_con2 .conp,
.box2 .box2_con2 p span {
	color: #8f8f8f !important;
}

.box2 .box2_con2 .h3 {
	padding-top: .1rem;
}

.box2 .a_btn {
	margin-top: .55rem;
	box-shadow: 0 .15rem .3rem rgba(29, 53, 136, .76);
}

/*box3开始*/
.box3 {
	background: #ebf2ff;
	padding-bottom: .3rem;
}

.box3 .box_hd .hd_icon1 {
	right: .4rem;
}

.box3 .box_hd .hd_icon2 {
	left: -.1rem;
}

/*box4开始*/
.box4 {
	padding-bottom: .3rem;
}

.box4 .box_hd .hd_icon1 {
	right: .2rem;
}

.box4 .smll_hd h2 {
	font-size: .32rem;
	color: #414141;
	text-align: center;
}

.box4 .smll_hd span {
	background: #e1ecff;
	width: 5.4rem;
}

.box4 .flexslider {
	position: relative;
	margin: .15rem 0 -1rem;
}

.box4 .flex-control-nav {
	width: 6.9rem;
	position: absolute;
	left: .4rem;
	top: 0;
	padding: .3rem 0;
	border-radius: 8px;
	z-index: 99;
}

.box4 .flex-control-paging {
	overflow: hidden;
}

.box4 .flex-control-nav li {
	width: 1.1rem;
	height: .64rem;
	opacity: 1;
	text-align: center;
	/* margin: 0 .2rem .2rem .2rem; */
	margin: 0 .3rem;
	line-height: .69rem;
	float: left;
}

.box4 .flex-control-nav li a {
	width: 100%;
	text-align: center;
	display: block;
	cursor: pointer;
	color: #777777;
	font-size: .28rem;
	border-radius: .1rem;
	background: #ebf2ff;
	border: 1px solid #d3dff5;
}

.box4 .flex-control-nav li a.flex-active {
	background: #315ae3;
	color: #fff;
	border: 1px solid #315ae3;
}

.box4 .flex-viewport {
	z-index: 9;
}

.box4 .slide {
	width: 6.8rem;
	box-sizing: border-box;
	border-radius: .2rem;
	/* box-shadow: 0 0px 8px rgba(13, 196, 255, .28); */
	background: #fff;
	margin: 1.7rem 0 .5rem .35rem;
	overflow: hidden;
	padding-bottom: .3rem;
	/* height: 7.4rem; */
}

.box4 .flex-control-nav li:nth-child(5),
.box4 .flex-control-nav li:nth-child(10) {
	width: 1.5rem;
}

.box4 .slide h3 {
	font-size: .34rem;
	font-weight: bold;
	color: #364458;
	padding: .25rem 0 .27rem .4rem;
}

.box4 .slide .xm-1 {
	background: url(../picture/icon_5_17.png) no-repeat left center;
}
.box4 .slide .xm-2 {
	background: url(../picture/icon_5_18.png) no-repeat left center;
}

.box4 .slide p {
	font-size: .24rem;
	color: #999;
	padding: 0 .4rem;
	line-height: .4rem;
	/*height: 3.4rem;overflow-y: auto;*/
}

.box4 .slide .con {
	overflow: hidden;
	margin-left: .4rem;
}

.box4 .slide .con span {
	padding: .1rem .2rem;
	margin-right: .2rem;
	background: #fff;
	font-size: .24rem;
	color: #606060;
	display: block;
	float: left;
	border: 2px solid #009eff;
	margin-bottom: .1rem;
	box-sizing: border-box;
	border-radius: .05rem;
}

.box4 .slide .con2 span {
	width: 2.9rem;
	margin-left: .2rem;
}

.box4 .slide .con2 {
	margin-left: .2rem;
}

.box4 .img1 {
	margin-top: .3rem;
}

/*box5开始*/
.box5 {
	background: #fff;
	padding-bottom: .3rem;
}

.box5 .box_hd .hd_icon1 {
	right: .9rem;
}

.box5 .box_hd .hd_icon2 {
	top: .9rem;
}

.box5 ul {
	overflow: hidden;
	margin-bottom: .4rem;
}

.box5 ul li {
	width: 2.1rem;
	float: left;
	margin-left: .15rem;
}

.box5 ul li i {
	width: .82rem;
	height: .82rem;
	background: url(../images/box5_icons.png) 0 0;
	background-size: 100%;
	display: block;
	margin: 0 auto .24rem;
	border-radius: .28rem;
	box-shadow: 0 .12rem .2rem rgba(52, 83, 189, .46);
}

.box5 ul li p {
	font-size: .3rem;
	color: #424242;
	text-align: center;
}

.box5 ul li:nth-child(3) {
	width: 2.5rem;
}

.box5 ul li:nth-child(2) i {
	background-position-y: -.9rem;
}

.box5 ul li:nth-child(3) i {
	background-position-y: -1.83rem;
}

.box5 ul li:nth-child(4),
.box5 ul li:nth-child(5) {
	width: 3.4rem;
	overflow: hidden;
	margin-top: .4rem;
}

.box5 ul li:nth-child(4) i,
.box5 ul li:nth-child(5) i {
	float: left;
	margin: 0 .28rem.3rem .2rem;
}

.box5 ul li:nth-child(4) p,
.box5 ul li:nth-child(5) p {
	float: left;
	text-align: left;
	width: 2rem;
	padding-top: .05rem;
}

.box5 ul li:nth-child(4) {
	margin-left: .45rem;
}

.box5 ul li:nth-child(4) i {
	background-position-y: -2.74rem;
}

.box5 ul li:nth-child(5) i {
	background-position-y: -3.66rem;
}

.box5 .swiper-slide {
	background: #fff;
	border-radius: .25rem;
	opacity: 1;
	border: .01rem solid rgba(131, 169, 225, .36);
	box-shadow: 0 .1rem .2rem rgba(131, 169, 225, .36);
	width: 80%;
	margin-bottom: .4rem;
	margin-left: .4rem;
	padding-bottom: .2rem;
}

.box5 .swiper-container {
	padding-bottom: .8rem;
}

.box5 .swiper-slide img {
	width: 4.52rem;
	margin: .3rem auto;
}

.box5 .swiper-slide span {
	width: 4.8rem;
	display: block;
	margin: 0 auto .15rem;
	background: #f7f7f7;
	border-radius: 0 0 .1rem .1rem;
	font-size: .24rem;
	color: #6e6e6e;
	text-align: center;
	padding: .2rem 0 .18rem;
}

.box5 .swiper-slide b {
	font-weight: normal;
	font-size: .34rem;
	color: #414141;
	text-align: center;
	display: block;
	padding: .2rem 0 .2rem;
}

.box5 .swiper-slide p {
	font-size: .24rem;
	color: #b2b2b2;
	text-align: left;
	padding: 0 .5rem;
	height: 1.5rem;
	line-height: .44rem;
}

.box5 .swiper-pagination-bullet {
	background: #b4d3ff;
	opacity: 1;
}

.box5 .swiper-pagination-bullet-active {
	background: #ff9f01
}

.box5 .a_btn {
	margin-top: .1rem;
}

/*box6开始*/
.box6 {
	background: #173dbb;
	padding-bottom: .3rem;
}

.box6 h2 {
	color: #fff;
}

.box6 .box_hd .hd_icon1 {
	right: -.1rem;
}

/*.box6 .box_hd .hd_icon2{background-position-y: -1.09rem;}*/
.box6 .top h3 {
	font-size: .34rem;
	font-weight: bold;
	text-align: center;
	width: 4rem;
	margin: 0 auto;
	background: -moz-linear-gradient(to right, #00c0f4, #0029c0);
	background: linear-gradient(to right, #00c0f4, #0029c0);
	color: #fff;
	padding: .2rem 0;
	border-radius: .8rem 0 .8rem 0;
	position: relative;
	z-index: 9;
}

.box6 .top .main {
	background: #fff;
	width: 6.9rem;
	margin: -.4rem auto 0;
	border-radius: .2rem .2rem .3rem .3rem;
	border-bottom: .15rem solid #3c61da;
	box-shadow: 0 .3rem .5rem rgba(0, 77, 204, .34) inset;
	box-sizing: border-box;
	padding: .68rem 0 .3rem .28rem;
	overflow: hidden;
}

.box6 .top .main .con {
	width: 3.1rem;
	overflow: hidden;
	float: left;
}

.box6 .top .main .con i {
	width: .46rem;
	height: .46rem;
	display: block;
	float: left;
	background: url(../images/img_icons.png) no-repeat 0 -1.96rem;
	background-size: 227.27%;
	margin-top: .05rem;
}

.box6 .top .main .con p {
	width: 2.5rem;
	float: right;
	font-size: .3rem;
	color: #424242;
	height: 1.2rem;
}

.box6 .top .main .con p span {
	font-size: .24rem;
	color: #7e7e7e;
	display: block;
	padding-top: .08rem;
}

.box6 .top .main .con:nth-child(2) i {
	background-position: -.6rem -1.96rem;
}

.box6 .top .main .con:nth-child(3) i {
	background-position: 0 -2.4rem;
	background-size: 217.39%;
}

.box6 .top .main .con:nth-child(4) i {
	background-position: -.6rem -2.5rem;
}

.box6 .top .main .con:nth-child(5) i {
	background-position: 0 -2.98rem;
	background-size: 217.39%;
}

.box6 .top .main .con:nth-child(6) i {
	background-position: -.6rem -3.1rem;
}

.box6 .top .main .con:nth-child(even) {
	width: 3.4rem;
}

.box6 .top .main .con:nth-child(even) p {
	width: 2.8rem;
}

.box6 .smll_hd h2 {
	font-weight: bold;
}

.box6 .smll_hd {
	margin: .6rem 0 .2rem;
}

.box6 .a_btn {
	margin-top: .2rem;
	box-shadow: 0 .15rem .3rem rgba(29, 53, 136, .76);
}

/*box7开始*/
.box7 {
	padding-bottom: .3rem;
	background: #ebf2ff;
}

.box7 .box_hd .hd_icon1 {
	top: 1rem;
}

.box7 .box_hd .hd_icon2 {
	top: -.1rem;
}

.box7 .main {
	margin-left: .3rem;
	margin-top: .2rem;
}

.box7 .img2 {
	margin-top: .1rem;
}

.box7 .swiper-slide {
	width: 2.13rem;
}

.box7 .swiper-slide .main_pic {
	width: 2.13rem;
	height: 3rem;
	border-radius: .2rem;
	overflow: hidden;
}

.box7 .swiper-container-horizontal>.swiper-pagination-progressbar {
	width: 60%;
	left: 20%;
	height: 8px;
	border-radius: 10px;
	bottom: 0;
	top: auto;
	background: #ebf2ff;
	overflow: hidden;
}

.box7 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	border-radius: 10px !important;
	background: #216ef4;
}

.box7 .swiper-container {
	padding-bottom: .6rem;
}

.box7 .swiper-slide p {
	font-size: .26rem;
	color: #454545;
	padding-top: .16rem;
	padding-left: .1rem;
}

.box7 .swiper-slide p span {
	font-size: .2rem;
	color: #8f8f8f;
	margin-left: .04rem;
}

/*box8开始*/
.box8 {
	background: #ebf2ff;
	padding-bottom: .3rem;
}

.box8 .box_hd .hd_icon1 {
	width: .26rem;
    height: .26rem;
    position: absolute;
    top: .1rem;
    right: 0.3rem;
    display: block;
    background: url(../images/img_icons.png) no-repeat 0 -.8rem;
    background-size: 384.61%;
}
.box8 .box_hd .hd_icon2 {
	width: .74rem;
    height: .74rem;
    position: absolute;
    top: .7rem;
    left: 0;
    display: block;
    background: url(../images/img_icons.png) no-repeat 0 0;
    background-size: 135.13%;
}

.box8 ul {
	margin-bottom: .4rem;
}

.box8 li {
	position: relative;
	overflow: hidden;
}

.box8 .con {
	background: #fff;
	border-radius: .2rem;
	margin: 0 auto .3rem;
	padding: 0 .25rem;
	height: 1.7rem;
	box-shadow: 0 .1rem .3rem rgba(104, 139, 255, .2);
	width: 6.9rem;
}

.box8 .con p {
	font-size: .34rem;
	color: #222222;
	line-height: .44rem;
	padding-top: .2rem;
}

.box8 .con b {
	font-size: .26rem;
	width: 4.4rem;
	color: #8d8d8d;
	display: block;
	padding-top: .05rem;
	font-weight: normal;
}

.box8 .con span {
	color: #216ef4;
	font-size: .34rem;
}

.box8 li img {
	width: 1.71rem;
}

.box8 li .img_box {
	position: absolute;
	top: .2rem;
	right: .55rem;
	width: 1.71rem;
	border-radius: .1rem;
	height: 1.29rem;
	overflow: hidden;
}

.box8 li:nth-child(odd) .con {
	padding-left: 2.4rem;
}

.box8 li:nth-child(odd) .img_box {
	right: auto;
	left: .55rem;
}

.box8 .a_btn {
	margin-top: .3rem;
}

/*box9开始*/
.box9 {
	padding-bottom: .3rem;
}

.box9 .box_hd .hd_icon1 {
	right: .4rem;
}

.box9 .swiper-container {
	width: 100%;
	height: 100%;
	padding-bottom: .9rem;
}

.box9 .swiper-slide {
	border-radius: 10px;
	margin: 0rem 0 .3rem;
	;
}

.box9 .swiper-pagination-bullet {
	width: 12px;
	border-radius: 0;
	background: #cfe1ff;
	opacity: 1;
	height: 12px;
	border-radius: 50px;
}

.box9 .swiper-pagination-bullet-active {
	background: #216ef4;
	width: 40px;
	border-radius: 20px;
}

.box9 .swiper-slide h3 {
	font-size: .34rem;
	color: #292929;
	font-weight: bold;
	margin-top: .3rem;
}

.box9 .swiper-slide span {
	width: 1.4rem;
	border-top: 2px solid #216ef4;
	display: block;
	margin: .15rem 0;
}

.box9 .swiper-slide p {
	font-size: .28rem;
	color: #818181;
}

.box9 .swiper-container-horizontal>.swiper-pagination-bullets,
.box9 .swiper-pagination-custom,
.box9 .swiper-pagination-fraction {
	bottom: .4rem !important
}

.box9 .a_btn {
	margin-top: 0;
}

.box10 {
	background: #ebf2ff;
	padding-bottom: .2rem;
}

.box10 .box_hd .hd_icon1 {
	right: .2rem;
}