body,html{width:100%;margin:0}
.wrap{width:100%;height:auto;position:relative;max-width:10rem;margin: 0 auto;overflow: hidden;}
img{pointer-events:none}
ul{padding:0;margin:0;list-style:none;}
p{margin:0;}
.wrap a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.wrap a,.wrap a:active,.wrap a:focus,.wrap a:hover,.wrap a:link,.wrap a:visited{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0;text-decoration:none}


.header{
	width: 100%;
	height: auto;
}
.headblank{
	width: 100%;
	max-width: 10rem;
	height: 1.266666rem;
	display: none;
}
.adv{
	width: 100%;
	background: #f3f3f3;
	height: 2.426666rem;
	padding-top: 0.4rem;
}
.adv a,.adv a img{
	width: 9.52rem;
	height: 2.053333rem;
	display: block;
	margin: 0 auto;
}
.headtitle{
	width: 100%;
	max-width: 10rem;
	height: 1.266666rem;
	background: url(../images/logo.png) no-repeat;
	background-size: 2.36rem 0.733333rem;
	background-position: 0.266666rem 0.266666rem;
	background-color: #368ee0;
	text-indent: 3.146666rem;
	color: white;
	font-size: 0.426666rem;
	line-height: 1.466666rem;
	position: relative;
}
.headtitle i{
	position: absolute;
	width: 0.133333rem;
	height: 0.386666rem;
	background: url(../images/shu.png) no-repeat;
	left: 2.88rem;
	top: 0.56rem;
}
.bigbox{
	width: 100%;
	height: auto;
	position: relative;
	background: #f3f3f3;
}
.navbox{
	width: 100%;
	height: 2.986666rem;
	position: relative;
	background: #f3f3f3;
}
.nav{
	position: absolute;
	left: 0.226666rem;
	top: 0.4rem;
} 
.navbox .nav a{
	cursor: pointer;
	background: white;
	display: block;
	float: left;
	width: 2.973333rem;
	height: 0.96rem;
	border: 0.013333rem solid white;
	border-radius: 0.133333rem;
	text-align: center;
	line-height: 0.96rem;
	color: #999;
	font-size: 0.346666rem;
	margin: 0 0.22rem 0.266666rem 0;
}
.navbox .nav a.cur{
	color: #0096ff;
}
.navbox .nav img{
	display: inline-block;
	position: relative;
	top: 0.04rem;
	right: 0.08rem;
}
.navbox .nav img.nav1{
	width: 0.333333rem;
	height: 0.346666rem;
}
.navbox .nav img.nav2{
	width: 0.293333rem;
	height: 0.346666rem;
}
.navbox .nav img.nav3{
	top: 0.06rem;
}
.navbox .nav img.nav3,.navbox .nav img.nav4{
	width: 0.346666rem;
	height: 0.346666rem;
}
.navbox .nav img.nav5{
	width: 0.32rem;
	height: 0.346666rem;
}
.navbox .nav img.nav6{
	width: 0.333333rem;
	height: 0.36rem;
	top: 0.08rem;
}
.banner{
	width: 100%;
	height: 4.4rem;
	background: #f3f3f3;
	padding-top: 0.133333rem;
}
.banner a,.banner a img{
	width: 9.48rem;
	height: 4.333333rem;
	display: block;
	margin: 0 auto;
}


/*index and other*/

.index,.introduction,.aboutus,.recruit,.teacher,.qus-and-ans,.yuyue{
	width: 100%;
	height: auto;
	position: relative;
	display: block;
}
.section-wrap{
	width: 100%;
	height: auto;
	border-top:0.013333rem solid #e1e1e1 ;
	border-bottom:0.013333rem solid #e1e1e1 ;
	background: white;
}
.section{
	width: 9.466666rem;
	margin: 0 auto;
}
.sec-title{
	width: 100%;
	height: 1.12rem;
	line-height: 1.12rem;
	font-size: 0.373333rem;
	font-weight: bold;
	color: #333;
	position: relative;
	border-bottom:0.013333rem solid #e1e1e1 ;
	text-indent: 0.6rem;
	background: url(../images/school.png) no-repeat;
	background-size: 0.386666rem 0.373333rem;
	background-position: left center;
}
.sec-title.t2{
	background-image: url(../images/inf.png);
}
.sec-title.t3{
	background-image: url(../images/env.png);
}
.sec-title.t4{
	background-image: url(../images/act.png);
}
.sec-title.t5{
	background-image: url(../images/qaa.png);
}
.sec-title.t6{
	background-image: url(../images/lesson.png);
}
.sec-title.t7{
	background-image: url(../images/nav5act.png);
}
.sec-title.t8{
	background-image: url(../images/anss.png);
}
.sec-title a{
	display: block;
	float: right;
	font-size: 0.346666rem;
	color: #999;
	padding-right: 0.3rem;
	background: url(../images/jia.png) no-repeat;
	background-size: 0.226666rem 0.226666rem;
	background-position: right center;
	font-weight: 100;
	text-indent: 0rem;
}
.indeximg{
	margin: 0.4rem 0 0.2rem 0;
}
.indeximg img{
	width: 9.466666rem;
	height: 3.466666rem;
	display: block;
	margin: 0 auto;
}
p.text{
	display: block;
	position: relative;
	width: 9.333333rem;
	margin: 0 auto 0.133333rem;
	font-size: 0.373333rem;
	color: #666;
	line-height: 1.8;
}
p.text a{
	color: #368ee0;
	position: absolute;
	right: 0;
	bottom: 0.013333rem;
}


ul.inf li{
	font-size: 0.346666rem;
	color: #666666;
	height: 1.066666rem;
	line-height: 1.066666rem;
	padding-left: 0.2rem;
	background: url(../images/dian.png) no-repeat;
	background-size:0.093333rem 0.08rem ;
	background-position: left center;
}
ul.inf li+li{
	border-top:0.02rem dashed #e1e1e1;
}
.mb30{
	margin-bottom: 0.4rem;
}
.button{
	width: 9.466666rem;
	height: 1.173333rem;
	margin: 0.4rem auto;
}
.button a.but-l,.button a.but-r{
	display: block;
	width: 4.6rem;
	height: 1.173333rem;
	margin: 0 auto;
	line-height:1.173333rem;
	color: white;
	font-size: 0.4rem;
	text-align: center;
	background: #368ee0;
	float: left;
}
.button a.nf{
	float: none;
}
.button a.but-r{
	float: right;
}

.swiper-container{
	height: 3.066666rem;
	margin: 0.4rem 0 0.4rem 0.266666rem;
	overflow: hidden;
}

.swiper-slide{
	float: left;
	width: 4.4rem;
	height: 3.066666rem;
}
.swiper-slide img{
	width: 4rem;
	height: 3.066666rem;
	display: block;
}

ul.act li{
	font-size: 0.346666rem;
	color: #666666;
	height: 1.653333rem;
	padding-left: 0.2rem;
	background-image:url(../images/dian.png),url(../images/right.png);
	background-repeat: no-repeat, no-repeat;  
	background-size:0.093333rem 0.08rem ,0.28rem 0.333333rem;
	background-position:left 0.55rem,right center;  
}
ul.act li a{
	display: block;
	color: #666666;
}
ul.act li a p{
	padding: 0.333333rem 0 0.1rem 0;
}
ul.act li a span{
	font-size: 0.266666rem;
	color: #999999;
}
ul.act li+li{
	border-top:0.02rem dashed #e1e1e1;
}


ul.qaa li{
	font-size: 0.373333rem;
	color: #666666;
	border-bottom:0.02rem dashed #e1e1e1;
}
ul.qaa li p.people{
	font-size: 0.293333rem;
	color: #999999;
	padding: 0.266666rem 0 0.266666rem 0;
}
ul.qaa li p.question,ul.qaa li p.answer{
	margin-top: 0.133333rem;
	padding-left: 0.933333rem;
	background-image:url(../images/ques.png);
	background-repeat: no-repeat;  
	background-size:0.533333rem 0.466666rem;
	background-position:left 0rem;  
}
ul.qaa li p.answer{
	color: #ff4e00;
	margin: 0.333333rem 0 0.4rem 0 ;
	background-image:url(../images/answer.png);
	background-size:0.453333rem 0.453333rem;
	background-position:left 0rem;  
}
ul.qaa li span{
	font-size: 0.266666rem;
	color: #999999;
}
.over{
	height: 1px;
	background: transparent;
}

/*footer*/
.footer{
	width: 100%;
	height: auto;
	background: #eeeeee;
	text-align: center;
}
.footer .compy{
	height: 1.52rem;
	line-height: 1.52rem;
	color: #333333;
	font-size: 0.346666rem;
}

/*fixed*/
.blank{
	height: 1.546666rem;
}
.fixed{
	width: 100%;
	max-width: 10rem;
	height: 1.546666rem;
	background: #368EE0;
	position: fixed;
	bottom: 0;
	z-index: 99;
}
.fixed a{
	display: block;
	margin-top: 0.32rem;
	width: 25%;
	float: left;
	text-align: center;
}
.fixed a+a{
	background: url(../images/fixshu.png) left center no-repeat;
	background-size:0.04rem 0.453333rem ;
}
.fixed a p{
	margin-top: 0.133333rem;
	color: white;
	font-size: 0.293333rem;
}
.fixed a img.fix1{
	width: 0.426666rem;
	height: 0.453333rem;
}
.fixed a img.fix2{
	width: 0.786666rem;
	height: 0.453333rem;
}
.fixed a img.fix3{
	width: 0.506666rem;
	height: 0.453333rem;
}
.fixed a img.fix4{
	width: 0.506666rem;
	height: 0.413333rem;
}

.rightbox{position:fixed;right:0.066666rem;top:50%;display:block;z-index:100}
.ra1,.ra2,.ra3{
	display: block;
	font-size: 0.346666rem;
	text-align: center;
	color: white;
	background: #368ee0;
	border:0.013333rem solid #368ee0;
	border-radius: 0.133333rem;
	padding: 0.4rem 0.05rem;
	width: 0.6rem;
	margin-bottom: 0.066666rem;
}


/*introduction*/
.introduction ul li+li{
	border: none;
}
#introduction ul li{
	border-bottom: 0.02rem dashed #e6e6e6;
}

/*aboutus*/
.aboutus .abtitle{
	height: 1.226666rem;
	line-height: 1.226666rem;
	color: #333;
	font-size: 0.426666rem;
	text-align: center;
	border-bottom: 0.02rem dashed #e1e1e1;
}
.aboutus .abtext{
	width: 97%;
	margin: 0.4rem auto;
}
.aboutus .abtext p{
	font-size: 0.373333rem;
	color: #666;
	line-height: 2;
	text-indent: 0.733333rem;
}
.aboutus .lessonimg{
	height: 2.586666rem;
	margin: 0.4rem 0;
}
.aboutus .lessonimg a img,.aboutus .lessonimg a img{
	display: block;
	width: 2.933333rem;
	height: 2.586666rem;
}
.aboutus .lessonimg a.imgl{
	float: left;
	margin-right: 0.266666rem;
}
.aboutus .lessonimg a.imgr{
	float: right;
}
/*recruit*/
.recruit .abtext p{
	text-indent:0rem;
}
/*teacher*/
.teacher ul.teac li{
	padding-left: 1.653333rem;
	font-size: 0.373333rem;
	color: #666666;
	line-height: 1.8;
	background-image: url(../images/teacher1.png);
	background-repeat: no-repeat;
	background-size: 1.44rem 1.44rem;
	background-position: left 0.5rem;
}
.teacher ul.teac li.man2{
	background-image: url(../images/teacher2.png);
}
.teacher ul.teac li.man3{
	background-image: url(../images/teacher3.png);
}
.teacher ul.teac li.man4{
	background-image: url(../images/teacher4.png);
}
.teacher ul.teac li p.tdetail{
	padding-top: 0.533333rem;
}
.teacher ul.teac li p.his{
	padding-bottom: 0.333333rem;
	
}
.teacher ul.teac li+li p.tdetail{
	border-top: 0.013333rem solid #E1E1E1;
}
.teacher ul.teac li p span{
	color: #ff4e00;
	margin-right:0.2rem;
}
/*qus-and-ans*/
.qus-and-ans ul.qaa li{
	border-bottom: none;
}
.qus-and-ans ul.qaa li+li{
	border-top: 0.02rem dashed #e1e1e1;
}

.hidecon{
	display: none;
}
/*yuyue*/
.yuyue{
	position: relative;
	background: #f3f3f3;
}
.yuyue h2{
	font-size: 0.373333rem;
	color: #333;
	text-align: center;
	padding:0.333333rem 0 ;
	margin:0 ;
	font-weight: 100;
	background: white;
}
.yuyue form{
	background: white;
}
.yuyue input.need{
	height: 1.03rem;
	width: 9.493333rem;
	padding: 0;
	line-height: 1.066666rem;
	display:block;
	background:0 0;
	outline:0;
	border:.026666rem solid #e5ebf7;
	border-radius:0.2rem;
	color:#666;
	font-size:0.346666rem;
	background: #e5ebf7;
	text-indent: 1.653333rem;
	margin: 0 auto 0.333333rem;
	position: relative;
	padding-top:0.1rem;
}
.yuyue div.tel input.need{
	text-indent: 2.4rem;
}
.yuyue form{
	padding-bottom: 0.4rem;
}
.yuyue form div{
	position: relative;
}
.yuyue form div span{
	position: absolute;
	font-size:0.346666rem;
	color:#666;
	left: 0.8rem;
	z-index: 20;
	top: 0.35rem;
} 
.yuyue form input.sub{
	display:block;
	background:0 0;
	outline:0;
	border: none;
	color: white;
	height: 1.32rem;
	width: 4.6rem;
	line-height: 1.32rem;
	font-size: 0.4rem;
	margin: 0.4rem auto 0;
	background: #368ee0;
}
.yuyue a.yuban,.yuyue a.yuban img{
	width: 9.68rem;
	height: 4.346666rem;
	display: block;
}
.yuyue .yubanwrap{
	height: 6.053333rem;
}
.yuyue a.yuban{
	
	margin: 0.4rem auto 0;
}