@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: #000;}
img {border:none; vertical-align:middle;width: 100%;display:block;}
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body {min-width: 320px;max-width: 750px ;margin: 0 auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;}
body,h1,h2,h3,h4,h5,p,dl,dd,ul,li,ol,form,input,textarea,th,td,select,div{ margin:0; padding:0;font-family:'Microsoft Yahei';box-sizing:border-box;}
.fl{ float: left;}
.fr{ float: right;}
.clearfix:after{content: ""; display: block; clear: both;}
.clearfix{ zoom:1;}

.mian_width {width: 98% !important; margin: 0 auto; padding: 0; overflow: hidden;}
a.as{ width:60%; display:block; margin:.15rem auto 0 auto; color:#fff; font-size:.3rem; letter-spacing:1px; line-height:2; background:#6000ff; text-align:center;}
.web_font{width:98%; display: block; margin: .15rem auto 0 auto; font-size: .3rem; line-height:1.5; color: #464646; text-indent: 2em; text-align: justify;}
.pic{width:90%; max-width: 6.18rem; display: block; margin: .1rem auto 0 auto;}
.pic1 ul{width:96%; display: block; margin: 0 auto;}
.pic1 ul li{ width:20%; display: block; float: left; margin: 0 auto; font-size: .24rem; line-height:2; color: #464646; text-align: center;}
.bt{ width:100%; display: block; margin: .1rem auto;  }
.bt h2{width:100%; display: block; font-size: .26rem;line-height:.5rem; text-align: center; margin: 0 auto; font-weight: 500; color: #ec3013; padding-top: .1rem;}
.bt p{width:100%; display: block; font-size: .26rem;line-height:.5rem; text-align: center; margin: 0 auto; font-weight: 500; color: #ec3013; padding-top: .1rem;}
/*banner*/
.xcsp{ width:100%; max-width: 750px; max-height: 422px; display: block; margin: 0 auto;}
.xcsp a{ width:100%; max-width: 750px; max-height: 422px; display: block;}
.video_img{position: relative; width:100%; cursor:pointer}
#sdxh_video {position: fixed; top: 0;left: 0; background: rgba(0, 0, 0, 0.8); z-index: 2147483646; height: 100%; display: none; width: 100%; text-align: center;}
#sdxh_video video {z-index: 2; position: absolute; top: 0;right: 0;bottom: 0; left: 0; margin: auto; max-width: 98%; max-height: 100%;}
#sdxh_video p {color: #000; float: right; z-index: 3; font-size: .4rem; position: relative; background: rgba(255, 255, 255, 0.8); border-radius: 50%; margin: 2% 2% 0 0;}
#sdxh_video p::before { content: "x"; line-height: .2rem; display: block; width: .2rem; padding: .05rem .1rem .15rem;}
/*定向班*/
.bg1{ width:100%; display: block; margin: .2rem auto 0 auto; background: #f4f4f4; padding-bottom: .3rem;}
.zy ul{ width:98%; display: block; margin: .2rem auto 0 auto;}
.zy ul li{ width:49%; display: block; float: left; margin: 0 2% 0 auto; background: #fff; border-radius: .08rem; overflow: hidden; padding-bottom: .15rem;}
.zy ul li:nth-child(2){ margin-right:0;}
.zy p{width:98%; display: block; margin: .1rem auto; font-size: .3rem; line-height:2; color: #555; text-align: center;}
.zy span{ font-size: .26rem; color: #464646;}
.zy1{ width:90%; display: block; margin: .1rem auto;overflow: hidden;}
.zy1 a{ width:45%; display: block; font-size: .26rem; text-align: center; line-height: 2; color: #fff;}
.zy1 a:nth-child(1){border: 2px solid #6000ff; float: left; color: #6000ff; padding: 2px; box-sizing: border-box; line-height: 1.5}
.zy1 a:nth-child(2){background: #6000ff; float: right;}
.zybm{ width:98%; display: block; margin: .2rem auto 0 auto; background: #fff; padding-bottom: .2rem;}
.zybm_bt{width: 100%; display: block; font-size: .4rem; line-height: 2; color: #464646; text-align: center; font-weight: normal;}
.zybm_bt span{ color: #f00;}
.zybm_bd{ width:88%; display: block; margin: .1rem auto 0 auto;}
.zybm_bd ul{ width:100%; display: block; margin: 0 auto;}
.zybm_bd ul li{ width:50%; display: block; float: left; margin: 0 auto 0 auto;}
.zybm_bd ul li:nth-child(1){ width:70%;}
.zybm_bd ul li:nth-child(2){ width:30%; background: #f00;}
.zybm_bd input{ width:100%; display: block; font-size: .3rem; text-align: center; color: #333; line-height: 2; border: 2px solid #f00;}
.subm2{ width:100%!important; margin: 0 auto!important; background: #f00!important; color: #fff!important; border: 2px solid #f00!important;}
.dzqy{ width:87%; display: block; margin: .2rem auto 0 auto;}
.sx ul{ width:98%; display: block; margin: .2rem auto 0 auto; }
.sx ul li{ width:24%; display: block; margin: 0 auto 0 auto; float: left; border-bottom: 1px solid #6000ff; text-align: center; font-size: .28rem; line-height:2; color: #464646; background: #fff; border-right: 1px solid #6000ff;}
.sx ul li ol{ width:100%; display: block; float: left; text-align: center; color: #464646; border-bottom: 1px solid #6000ff;}
.sx ul li ol:nth-child(4){ border-bottom: 0;}
.sx ul li:nth-child(4n){border-right: 0;}
.sx ul li:nth-child(1){ background: #6000ff; width: 34%; color: #fff; border-right: 1px solid #fff;}
.sx ul li:nth-child(2){ background: #6000ff; width: 26.2%; color: #fff; border-right: 1px solid #fff;}
.sx ul li:nth-child(3){ background: #6000ff; width: 21%; color: #fff; border-right: 1px solid #fff;}
.sx ul li:nth-child(4){ background: #6000ff; width: 18%; color: #fff;}
.sx ul li:nth-child(4n+1){ width: 39%;}
.sx ul li:nth-child(4n+2){ width: 24.2%;}
.sx ul li:nth-child(4n+3){ width: 18%;}
.sx ul li:nth-child(4n+4){ width: 17%;}
.sx_zw{border-bottom: 1px solid #fff!important;}
.xm ul{width:98%; display: block; margin: .2rem auto 0 auto; }
.xm ul li{ width:49%; display: block; margin: 0 2% 2% auto; float: left; border-radius: .08rem; overflow: hidden;}
.xm ul li:nth-child(2n){ margin-right:0;}
.xm ul li:nth-child(3){ margin-bottom:0;}
.xm ul li:nth-child(4){ margin-bottom:0;}
.hj ul{width:98%; display: block; margin: .2rem auto 0 auto; }
.hj ul li{ width:49%; display: block; margin: 0 2% 2% auto; float: left; border-radius: .08rem; overflow: hidden;}
.hj ul li:nth-child(2n){ margin-right:0;}
.hj ul li:nth-child(5){ margin-bottom:0;}
.hj ul li:nth-child(6){ margin-bottom:0;}
/* 报名 */
.zxbm{ width:100%; display: block; margin: 0 auto 0 auto; background: #0b8cc7 url("../images/bmbg.jpg") bottom center no-repeat; background-size: 100%; padding-bottom: .7rem;}
.zxbm ul{ width:80%; display: block; margin: 0 auto;}
.zxbm ul li{ width:32%; display: block; margin: 0 2% 0 auto; float: left;}
.zxbm ul li:nth-child(3){ margin-right:0;}
.zxbm ul li img{ width:76%; display: block; margin: 0 auto .1rem auto;}
.zxbm ul li p{ width:100%; font-size: .16rem; line-height: .24rem; color: #fff; text-align: center;}
.zxbm ul li span{ font-size: .16rem; line-height: .24rem; color: #ff0;}
.bottom_bm_bd{ width:80%; display: block; margin: .3rem auto 0 auto;}
.bottom_bm_bd ul{ width:100%; display: block; margin: 0 auto;}
.bottom_bm_bd ul li{ width:100%; display: block; float: left; margin: 0 auto .2rem auto;}
.bottom_bm_bd ul li:nth-child(3){ margin-bottom: 0;}
.bottom_bm_bd input{ width:100%; display: block; font-size: .18rem; text-align: center; color: #333; line-height: .46rem; border: 1px solid #cecece; border-radius: .5rem;}
.subm1{ width:100%!important; margin: 0 auto!important; background: #ff0!important; color: #0b8cc7!important; border: 0!important; line-height: .46rem!important;}
.zxbm_wz{ width:100%; display: block; margin: 0 auto; color:#fff; font-size:.12rem; text-align:center; line-height: .4rem;}
/*标题*/
.bt_wz{width: 100%; display: block; font-size: .3rem; line-height: 2; color: #464646; text-align: center; font-weight: normal;}
.bt1{ width:100%; display: block; margin: 0 auto 0 auto; background: url("../images/bt1.png") bottom center no-repeat; background-size: 140% 120%;}
.bt2{ width:100%; display: block; margin: 0 auto 0 auto; background: url("../images/bt2.png") bottom center no-repeat; background-size: 130% 110%;}
.bt3{ width:100%; display: block; margin: 0 auto 0 auto; background: url("../images/bt3.png") bottom center no-repeat; background-size: 130% 110%;}
.bt4{ width:100%; display: block; margin: 0 auto 0 auto; background: url("../images/bt4.png") bottom center no-repeat; background-size: 130% 110%;}
.bt5{ width:100%; display: block; margin: 0 auto 0 auto; background: url("../images/bt5.png") bottom center no-repeat; background-size: 130% 110%;}
.bt6{ width:100%; display: block; margin: 0 auto 0 auto; background: url("../images/bt6.png") bottom center no-repeat; background-size: 130% 110%;}
.bt7{ width:100%; display: block; margin: 0 auto 0 auto; background: url("../images/bt7.png") bottom center no-repeat; background-size: 130% 110%;}
.bt1 h2, .bt2 h2, .bt3 h2, .bt4 h2, .bt5 h2, .bt6 h2, .bt7 h2{ width: 100%; display: block; font-size: .46rem; height: .8rem; line-height: 1.3rem; color: #464646; text-align: center; font-weight: normal;}
.bt1 span, .bt2 span, .bt3 span, .bt4 span, .bt5 span, .bt6 span, .bt7 span{color: #6000ff;}