img{display: block;width: 100%;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden ;}
.box_hd{padding: .5rem 0 .1rem;}
.box_hd p{font-size: .22rem;font-weight:bold ;color: #fff;text-align: center;padding: .1rem .2rem .2rem ;}
/*box1开始*/
.box1{background: #005074 url(../images/box1_bg.jpg) no-repeat left bottom;background-size: 100%;padding-bottom: .6rem;}
.box1 ul{overflow: hidden;padding:0  2% ;}
.box1 ul li{width: 48%;margin: 0 1% .4rem; float: left;position: relative;}
.box1 ul li img{width: 3.26rem;margin-left: .15rem;}
.box1 ul li p{width: 3.2rem;background: #d5332a;border: 3px solid #000;position: absolute;top: 1.6rem;left: 0;font-size: .22rem;font-weight: bold;box-sizing: border-box;color: #fff;padding: .08rem 0 .1rem .3rem;}
.box1 ul li span{font-size: .2rem;color: #fff;display: block;padding-left: .3rem;padding-top: .5rem;box-sizing: border-box;height: 1rem;}

/*box2开始*/
.box2{background: #00a0e9;}
.box2 ul{overflow: hidden;padding:0  2% ;}
.box2 ul li{width: 47%;margin: 0 1.5% .3rem; float: left;position: relative;}
.box2 ul li img{width: 90%;}
.box2 ul li p{width:90%;background: #d5332a;font-size: .22rem;font-weight: bold;box-shadow: 3px 3px 0 #000;padding: .1rem 0;color: #fff;text-align: center;margin: 0 auto;}
.box2 ul li span{font-size: .21rem;color: #fff;display: block;padding: .2rem 0rem 0  ;text-align: center;}
/*box3开始*/
.box3{background: #005074 url(../images/box3_bg.jpg) no-repeat left top;background-size: 100%; padding-top: .8rem;padding-bottom: .1rem;}
.box3 ul{width: 96%;margin: .1rem auto 0;}
.box3 ul li{position: relative;overflow: hidden;margin-bottom: .5rem;}
.box3 .con{width: 4rem;margin-left: 0.1rem;}
.box3 .con img{width: 3.14rem;margin: 0;}
.box3 .con p{font-size: .2rem;color: #fff;padding: 0.2rem 0 .3rem;}
.box3 .con .btm{padding-left: .15rem;border-left:3px solid #4d859e;}
.box3 .con .btm h3{font-size: .32rem;font-weight: bold;color: #fff;}
.box3 .con .btm h3 span{opacity: .5;font-size: .26rem;padding-left: .15rem;}
.box3 .con .btm p{color: #ccc;padding-bottom: 0;}
.box3 .tea{position: absolute;right: 0;top: .2rem;width: 2.9rem;}
.box3 .li2 .con{margin-left: 3.1rem;}
.box3 .li2  .tea{right: 4.4rem;}
/*box4开始*/
.box4{background: #00a0e9 url(../images/box4_bg.jpg) no-repeat left top;background-size: 100%;padding-top: .6rem;}
.box4 h3{font-weight: bold;font-size: .34rem;text-align: center;color: #fff;margin-top: .2rem;}
.box4 ul{width: 90%;margin: .3rem auto;overflow: hidden;}
.box4 ul li{float: left;width: 33.3%;}
.box4 ul li img{width: 1.63rem;}
.box4 ul li p{font-size: .28rem;font-weight: bold;color: #fff;text-align: center;margin-top: .1rem;}
.box4 .con{background: url(../images/box4_img4.jpg) no-repeat left top;background-size: 100% 100%;font-size: .23rem;color: #fff;text-align: center;padding: .6rem .4rem .3rem;margin-bottom: .3rem;}
.box4 .con span{font-size: .32rem;font-weight: bold;}
.box4 .ewm_box{position: relative;}
.box4 .ewm_box p{position: absolute;top: 2.7rem;left: 0;width: 100%;text-align: center;font-size: .26rem;color: #000;font-weight: bold;}
/*box5开始*/
.box5{background: #005074;position: relative;margin-top: -1px;}

.box5 ul{overflow: hidden;margin-top: .2rem;}
.box5 ul li{width:50%;float: left;}
.box5 ul li img{width: 1.92rem;}
.box5 ul li p{font-size: .22rem;color: #fff;text-align: center;margin: .15rem 0;height: .7rem;}
.box5 .img{position: absolute;top: 2.5rem;left: 50%;width: .41rem;margin-left: -.205rem;}

/*box6开始*/
.box6{background: #00a0e9 url(../images/box4_bg.jpg) no-repeat left top;background-size: 100%;padding-top: .6rem;margin-top: -1px;padding-bottom: .5rem;}
.box6 .box_hd p{font-size: .25rem;padding: .3rem .2rem;line-height: .4rem;}
/*box7开始*/
.box7{background: #005074 url(../images/box3_bg.jpg) no-repeat left top;background-size: 100%; padding-top: .8rem;margin-top: -1px;}
.box7 .box_hd {padding-bottom: .5rem;}

.p{font-size: .2rem;color: #fff;text-align: center;padding:.2rem 0 .4rem;background: #005074;margin-top: -1px;}
.p a{color: #fff;}
.fix_box{position: fixed;left: 0;bottom: 0;}

/*报名表单*/
.mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 999;display: none;}
.mask h2{font-size: .34rem;color: #000;font-weight: bold;text-align: center;padding: .3rem 0;}
.mask .main{width: 85%;margin: 10% auto 0;border: 2px solid #000;border-radius: 10px;background: #fff;position: relative;}
.mask .main .mask_close{position: absolute;top: .2rem;right:.2rem;width: .5rem;}
@media screen and (max-width: 320px){
	body{font-size: .9rem}
	.mask .main{margin-top:5% }
	.box1 ul li span{height: 1.3rem;padding-top: .6rem;padding-left: .2rem;}
	.box2 ul{padding:0 ;}
	.box2 ul li{width: 48%;margin: 0 1% .3rem; }
}
@media (min-width : 410px) and (max-width : 736px){
	.box1 ul li span{height: .9rem;padding-top: .5rem;}
}
@media screen and (min-width: 750px){
	img{margin-top: -1px;}
	body{font-size: 1.5rem}
	.box1 ul li span{height: .8rem;padding-top: .45rem;}
	.fix_box{left: 50%;
    margin-left: -375px;}
	    
	
}