/*页面通用样式*/
img{display: block;width: 100%;margin-top: -1px;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
/*按钮*/
.a_btn{width:56%;margin: 3% auto 6% auto;text-align: center;font-size:1.1em;padding: 1.5% 0 2%;display: block;background: #E55917;color: #fff;border-radius: 50px;}
/*小标题*/
.box_hd{padding:8% 0 5%;color: #fff;}
.box_hd h2{font-size: 1.3em;font-weight: bold;text-align: center;padding: 0 3%;}
.box_hd img{margin: 1% 0;}
.box_hd p{font-size: .9em;text-align: center;padding: 0 3%;}

/*页面开始*/
.ban{position: relative;}
.ban .a_btn{width:36%;position: absolute;bottom:22%;right: 20%;padding: 1% 0;}
/*box1开始*/
.box1{background: #7687B9;padding-bottom:8%;}
.box1 ul{width: 94%;overflow: hidden;margin: 0 auto;}
.box1 ul li{width: 45%;margin: 2.5%;background: #FFFFFF;float: left;box-shadow:  0 0 10px 2px #C4D3FF;border-radius: 10px;}
.box1 ul li img{width: 36%;margin:8% auto 5%;}
.box1 ul li p{font-size: .9em;text-align: center;display: block;color: #666666;padding: 0 3% 10%;}
/*box2开始*/
.box2{padding-bottom: 8%;}
.box2 .box_hd{color: #283259;}
.box2 .main{position: relative;margin-top: 6%;}
.box2 .main .img2{width: 64%;position: absolute;top: 0%;left: 18%;animation:mybing 11s infinite linear;-webkit-animation:mybing 11s infinite linear;}
.box2 .main .img1{position: relative;z-index: 5;}
/*box3开始*/
.box3{background: #7687b9;padding-bottom: 8%;}
.box3 .p{font-size: .8em;color: #fff;text-align: center;margin-top:2%;margin-bottom: 8%;}
/*box4开始*/
.box4{background: #5c70a9;padding-bottom: 8%;}
/*box5开始*/
.box5{background-size: 100%;}
.box5 .box_hd,.box6 .box_hd,.box7 .box_hd{color: #283259;margin-bottom:2%;}
.box5 .swiper1{position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* margin: 0px 10px; */
    /* box-sizing: border-box; */
    padding: 0px 10p;
    /* box-sizing: border-box; */
    padding: 0px 10px;
    box-sizing: border-box;
}
.box5 .swiper1 .swiper-slide{width: 100%;background: #fff;background: url(../images/box5_libg.png) no-repeat 0;background-size: 100% 100%;}
.box5 .swiper1 .swiper-slide h3{    
    font-size: .8em;
    color: #fff;
    padding-left: 3%;
    padding-top: .8%;
    padding-bottom: .8%;
	}
.box5 .swiper1 .swiper-slide p{font-size: .8em;color: #283259;padding-left:8%;padding-top:6%;line-height: 1.7em;}
.box5 .swiper1 .swiper-slide p span{float: left;display: block;width: 46%;}
.box5 .swiper1 .swiper-slide .span1{margin-right:4%;width: 46%;}
.box5 .a_btn{width: 55%;}
.box5 .swiper-slide-active{opacity: 1 !important;transform: scale(1)!important;}
/*box6开始*/
.box6{background:#F8F8F8 url(../images/box6_bg.jpg) no-repeat left bottom;background-size: 100%;padding-bottom: 10.5%;position: relative;}
.box6 .slideBox{width: 80%; overflow:hidden; position:relative;left: 10%;padding-bottom: 12%;}
.box6 .slideBox .bd{ position:relative; height:100%; z-index:0;}
.box6 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.box6 .slideBox .bd img{display:block;width: 88%;margin: 0 auto;}
.box6  .a_btn{position: absolute;bottom: 1%;left:22% ;}
/*box7开始*/
.box7{background:#F8F8F8 url(../images/box7_bg.jpg) no-repeat left bottom;background-size: 100%;padding-bottom: 5%;}
.box7 ul{width: 94%;overflow: hidden;margin: 0 auto;}
.box7 ul li{width: 45%;margin: 2.5%;background: #FFFFFF;float: left;box-shadow:  0 0 10px 2px #C4D3FF;border-radius: 10px;}
.box7 ul li img{width:75%;margin:8% auto 5%;}
.box7 ul li p{
	font-size: 1em;
    display: block;
    color: #666666;
    /* height: 6.7em; */
    width: 90%;
    margin: 3% auto;
    padding-left: 3%;
    text-align: center;}
/*box8开始*/
.box8{background: #475993;padding-bottom:8%;}
.box8  .main{width:94%; margin:2% auto 0;overflow: hidden;}
.box8  .main ul {height:2.5em;background:#E55917;}
.box8  .main ul li{font-size:.9em;float: left; color: #fff;line-height: 2.5em;text-align: center;}
.box8  .scrollDiv {width: 100%; float:left;height:24em;}
.box8  .scrollDiv ol{width: 100%;}
.box8  .scrollDiv ol li{width: 100%; overflow: hidden;height:2.5em;line-height:2.5em;text-align: center;border-bottom: 1px solid #2F3E62;}
.box8  .scrollDiv  p{font-size:.85em;color: #fff;float: left;}
.box8  .scr1{width:41%;} 
.box8  .scr2{width:15%;}
.box8  .scr3{width:22%;}
.box8  .p2{font-size: .7em;color: #fff;text-align: center;margin-top:8%;}
/*box9开始*/
.box9{position: relative;}
.box9 .a_btn{width:60%; position: absolute;bottom:15%;left:20%;}

@keyframes mybing
{0% {transform: rotate(0);} 100% {transform: rotate(360deg);}}

@media screen and (max-width: 320px){
	body{font-size: .9rem}
}
@media screen and (min-width: 750px){
	body{font-size: 1.5rem}
	.a_btn{width:40%;}
	.box_hd p{padding: 0 10%;}
	.ban .a_btn{width:32%;}
	.box1 ul li{box-shadow:  0 0 12px 3px #A1B1E0;border-radius: 16px;}
	.box1 ul li p{padding: 0 12% 10%;}
	.box1 ul li img{width: 30%;}
	.box5 .a_btn{width: 36%;}
	.box6  .a_btn{left:30% ;}

}