*{margin:0 auto;padding:0;box-sizing:border-box}
html,
body{font-family:"Microsoft YaHei",Helvetica,Tahoma,Arial,sans-serif;overflow-x:hidden;text-align: center;}
ul,
li{list-style:none}
a{text-decoration:none;color:#333}
li{cursor: pointer;}
input{outline: none; }
input:focus{
	border:1px solid #FF3336;
}
label{
	cursor: pointer;
}
.xiaoqu{display: none;}
/*banner*/
.banner .banner1{
	display: block;
	width:100%;
	height:auto;
}
.banner .banner2{
	display: none;
	width:100%;
	height:auto;
}
.content{
	background: url(../img/contentbg.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    height:auto;
    margin-bottom:50px;
}
.con-all{
	width:100%;
	height:224px;
	margin-top:40px;
}
.con-main>h3{
	font-size:32px;
	font-weight:bold;
	color:#082956;
}
.con-main{
	padding-top:50px;
	padding-bottom: 60px;
}
.con-main .texttop{
	float:left;
	background: url(../img/kuang.png) no-repeat;
	background-size:  100% 100%;
	position: relative;
    margin-right:4%;
    padding:30px 20px 22px 20px;
    width: 22%;
    height:auto;
}

.con-main .texttop .textp{
	margin-left:-5%;
}
.con-main .texttop p{
	font-size:24px;
	color:#082956;
}
.con-main .texttop .line{
	margin-left:-5%;
	width:100%;
}
.con-main .texttop .textimg{
	margin-left:-5%;
	
}
.biaodan{
	position: relative;
	background: url(../img/input.png) no-repeat center center;
    background-size: 100% 100%;
}

.biaodan h3{
	font-size:28px;
	color:#082956;
	text-align: left;
	margin-bottom:30px;
}

.biaodan .jibie{
	width:100%;
	height:105px;
	margin-bottom:30px;
	position: relative;
}
input{
	outline: none!important;
}
.btn-primary{
	background-color:#fff!important ;
}
.btn-primary.active{
	color:#666!important;
	background: url(../img/yes.png) no-repeat right bottom!important;
	border:solid 1px #FF3336!important;
	border-radius: 5px!important;
	border-color:#FF3336!important;
	outline:solid 1px #ff3336!important ;
	outline-radius:5px;
}
.biaodan .jibie>label{
	border:solid 1px #dedede!important;
	border-radius: 5px!important;
	float:left;
	width: 18%;
	height:52px;
	margin-right:2%;
	line-height:40px!important;	
	margin-bottom:20px;
	font-size:24px;
	color:#666;
}
.libg{
	border:solid 1px #ff3336!important;
	border-radius: 5px!important;
	background: url(../img/yes.png) no-repeat right bottom;

}

.username,.qq,select{
	width:100%;
	height:52px;
	float: left;
	font-size:24px!important;
	padding-left:20px;
	background: #fff;
	border:solid 1px #dedede;
	border-radius: 5px;

}
.nx{
	height:120px;margin-bottom:30px;
}
.name{
	width:48%;
	margin-right:2%;
	float: left;
	
}
.q{
	width:48%;
	float: left;
	
}
.sj{
	margin-top:60px;
}
.mobile{
	width:48%;
	height:52px;
	float: left;
	font-size:24px;
	padding-left:20px;
	border:solid 1px #dedede;
	border-radius: 5px;
	margin-right:2%;
}
.num{
	width:48%;
	height:52px;
	float: left;
	border:solid 1px #dedede;
	border-radius: 5px;
	font-size:24px;
	padding-left:20px;
	margin-top:30px;
	margin-right:2%;
}

.detail_button{
	width:27%;
	float: left;
	height:52px;
	background: #e6e6e6;
	font-size:24px;
	color:#999;
	cursor: pointer;
	line-height:50px;
	border:solid 1px #dedede;
	border-radius: 5px;
}
.nameSpan{
	width:27%;
	float: left;
	height:52px;
	margin-top: 30px;
	font-size:24px;
	color:#999;
	cursor: pointer;
	line-height:50px;

}
.tijiao{
	display: block;
	width:28%;
	cursor: pointer;
	height:72px;
	color:#fff;
	font-size:32px;
	margin-top:80px;
	background:#ff3336;
	border:0px;
    outline: none;
    text-align: center;
    margin-left:33%;
}

@media (min-width: 1200px){
	.con-main{
		width:1170px;
		padding-top:50px;
	}
    .biaodan{
    	width:1170px;
    	padding:71px 71px 90px 71px;
    }
}



@media (min-width:768px) and (max-width:1200px){
   .con-main {
    width: 100%;
    padding:50px 15px 0px 15px;
   }
   .con-main>h3{
	font-size:26px;	
  }
    .con-main .texttop p{
	font-size:20px;
	color:#082956;
}
  .con-main .texttop .textimg{
	margin-left:-5%;
	width:30%;
}

 .biaodan{
    	width:100%;
    	padding:71px 71px 90px 71px;
    }
}

/*校区选择*/
.school_study{position: fixed;display: none;width: 100%;height:100%;background: rgba(0,0,0,.5);top:0px;left:0px;z-index: 999;}
.school_study div{width: 505px;height: 374px;background: #FFFFFF;border-radius: 16px;position: absolute;top:50%;left:50%;margin-left: -252px;margin-top: -187px;}
.school_study label{display: inline-block;position: relative;width: 195px;
height: 48px;margin-right: 10px;
background: #F6F6F6;border: 1px solid #F6f6f6;
border-radius: 8px;margin-top: 15px;text-align: left;cursor: pointer;line-height: 48px;font-size: 16px;color:#808080;font-weight: normal;padding:0px 20px;}
.school_study label span{float: right;width: 20px;
height: 20px;
border: 1px solid #808080;
border-radius: 50%;display: inline-block;margin-top: 13px;}
.school_study label.active{
background: #FFF4F2;
border: 1px solid #F73018;}
.school_study label.active span{border:0px;background: url(../img/lylx.png);background-size: 100% 100%;}
.school_study a{width: 324px;display: block;
height: 50px;
background: #F73018;font-size: 20px;color:#fff;
border-radius: 8px;line-height: 50px;margin:20px auto 15px;}
.school_study img{position: absolute;top:20px;right:20px;cursor: pointer;}
@media (min-width:450px) and (max-width:768px){
	.con-all{
	width:100%;
	height:500px!important;
	margin-top:40px;
}
}
@media (max-width: 768px){
   
   .banner .banner1{
	display:none;
	width:100%;
	height:auto;
}
.banner .banner2{
	display: block;
	width:100%;
	height:auto;
}
   .content{
	background: url(../img/conphbg.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    margin-bottom:30px;
    height:auto;
}
   .con-main{
    width: 100%;
    padding: 0 15px;
    padding:30px 15px 0px 15px;
 }
.con-all{
	width:100%;
	height:430px;
	margin-top:40px;
}
  .con-main>h3{
	font-size:18px;	
  }
  .con-main .texttop{
	float:left;
    margin-right:4%;
    margin-bottom:30px;
    width: 48%;
    height:auto;
    padding:20px 10px 20px 10px;
}
  .con-main .texttop2{
  	margin-right:0px;
  }
  .con-main .texttop3{
  	margin-bottom:0px;
  }
  .con-main .texttop p{
	font-size:18px;
	color:#082956;
}
  .con-main .texttop .textimg{
	margin-left:-5%;
	width:30%;
}

 .biaodan{
    	width:100%; 
    	background: url(../img/phinput.png) no-repeat center center;
    background-size: 100% 100%;  
    		padding:40px 30px 20px 30px;
}
.biaodan h3{
	font-size:20px;
	color:#082956;
	text-align: left;
	margin-bottom:20px;
}
.biaodan .mb{
	margin-right:0px!important;
}
.baodan .mudi{
	margin-top:30px!important;
}
.biaodan .jibie label{
	
	width: 30%;
	height:52px;
	margin-right:5%;
	line-height:50px;

	font-size:18px;
	color:#666;
}
.biaodan .jibie{
	width:100%;
	height:120px;
	margin-bottom:30px;
	position: relative;
}
.biaodan .two{
	margin-top:0px;
}
.qq{
	margin-right:0!important
}
.biaodan span{
	display: block;
	float: left;
	width:48%;
}
.sj{
	margin-top:80px;
}
.twospan2{
	width:52%!important;
}
.username,.qq,select{
	width:100%;
	height:52px;
	float: left;
	font-size: 18px!important;
	padding-left:4%;
	padding-right:2%;	
	border:solid 1px #dedede;
	border-radius: 5px;
	margin-right:5%;
}
.get{
	width:35%;
	float: left;
	height:52px;
	background: #e6e6e6;
	font-size:18px;
	color:#999;
	line-height:50px;
	border:solid 1px #dedede;
	border-radius: 5px;
}
.mobile{
	width:60%;
	height:52px;
	float: left;
	font-size:18px;
	padding-left:4%;
	border:solid 1px #dedede;
	border-radius: 5px;
	margin-right:5%;
}
.num{
	width:60%;
	height:52px;
	float: left;
	font-size:18px;
	border:solid 1px #dedede;
	border-radius: 5px;
    padding-left:4%;
	margin-right:2%;

}
.nx{
	height:70px;margin-bottom:30px;
}
.name{
	width:100%;
    margin-bottom:30px;
	float: left;
	
}
.q{
	width:100%;
	float: left;
	
}
.detail_button{
	width:35%;
	float: left;
	height:52px;
	background: #e6e6e6;
	font-size:18px;
	color:#999;
	cursor: pointer;
	line-height:50px;
	border:solid 1px #dedede;
	border-radius: 5px;
}
.tijiao{
	width:60%;
	height:72px;
	margin-top:70px;
	margin-bottom:60px;
	background: url(../img/but.png) no-repeat center center;
    margin-left:20%;
    font-size:18px;
    color:#fff;
}
.school_study label span{display:none; }
.school_study{position: fixed;display:none;width: 100%;height:100%;background: rgba(0,0,0,.5);top:0px;left:0px;z-index: 999;}
.school_study div{width: 300px;height: 320px;text-align:center;background: #FFFFFF;border-radius: 8px;position: absolute;top:50%;left:50%;margin-left: -150px;margin-top: -200px;}

.school_study label{display: inline-block;position: relative;width: 130px;
height: 42px;margin-right: 7px;
background: #F6F6F6;border: 1px solid #F6f6f6;
border-radius: 4px;margin-top: 10px;line-height:42px;font-size: 14px;color:#808080;font-weight: normal;}
.school_study label.active{
background: #FFF4F2;
border: 1px solid #F73018;}
.school_study a{width: 210px;display: block;
height: 42px;font-size: 18px;color:#fff;
background: #F73018;
border-radius: 4px;line-height: 42px;margin:10px auto 15px;}
.school_study div>p:first-child{font-size: 18px!important;}
.school_study img{position: absolute;top:20px;right:20px;cursor: pointer;}
}
.school_study div .mr0{margin-right: 0px;}