a, body, html { outline: 0; color: #666; }
body, button, input, keygen, select, textarea { font-family: -apple-system, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft Yahei", Arial, sans-serif; }
body { position: relative; overflow-x: hidden; margin: 0 auto; width: 100%; max-width: 640px; padding-top: 60px; background: #f2f2f2; }
.clearfix:after { clear: both; display: block; visibility: hidden; height: 0; content: "."; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6, input, select, textarea { outline: 0; font-size: 100%; }
li, ol, ul { list-style: none; }
a { text-decoration: none; }
.clear { clear: both; }
img { border: 0px; padding: 0px;  width: 100%; }
.fl { float: left!important; }
.fr { float: right!important; }
@font-face { font-family: "iconfont"; src: url('../fonts/iconfont.eot'); /* IE9*/ src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.main { width: 100%; max-width: 640px; height: 100%; margin: 0px auto; }
/*header*/
.header { height: 60px; text-align: center; position: fixed; width: 100%; left: 0; top: 0; z-index: 100; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -o-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); }
.header .logo { display: inline-block; vertical-align: top; height: 28px; margin-top: 16px; position: relative; z-index: 1; }
.header .logo img { width: auto; height: 100%; }
.nav { position: absolute; left: -18rem; top: 0; width: 18rem; z-index: 20; background: #fff; }
.nav .nav_ico{ position: absolute; right: -46px; width: 30px; top: 15px; }
.nav .nav_ico i,.near_school h2 i  { color: #0067ed; font-size: 2.4rem; font-weight: normal; }
.nav .nav_mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: -1; display: none; }
.nav.active .nav_mask { display: block; }
.nav .text { padding: 50px 20px 0 20px; height: 100vh; background: #171717; text-align: left; opacity: 0; }
.nav .text h2 { color: #f3f1f2; font-size: 1.6rem; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #2c2c2c; position: relative; }
.nav .text h2 i { position: absolute; right: -2px; top: 0; color: #a0a0a0; font-size:2rem; line-height: 1; font-weight: normal; }
.nav .text a { color: #a0a0a0; display: block; margin-bottom:30px; font-size: 1.4rem; }
.near_school { position: absolute; right: 15px; top:13px; z-index: 10; }
.near_school h2 {  color: #333; text-align: right; }
.near_school.active h2 { color: #fff; }
.near_school .text { width: 100%; background: #fff; padding: 10px; position: relative; left: 10px; text-align: left; display: none; width: 268px; }
.near_school .text a { display: inline-block; vertical-align: top; font-size:1.2rem; line-height: 2.4; padding: 0 1rem; color: #401301; }
.near_school .near_mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: -1; display: none; }
/*pulic*/
.container {overflow: hidden; }
.bg{ background: #fff;}
.fk { background: #43a2ec; width:1.5rem; height:2rem; display:inline-block; float:left; }
.ft{}
.title1 { color: #333; width: 100%;line-height: 2rem; padding:5% 3% 3% 3%;}
.title1:after { clear: both; display: block; height: 0; content: "."; }
.title1 a {font-size: 1.6rem;  color: #999; }
.title1 h2{font-weight: normal;}
.title1 h2 p{ font-size: 1.8rem; }
.title1 h2 span {font-size: 1.4rem;}
.title1:after { content: ""; display: block; width: 50px; }
.title1 a{ font-size: 1.2rem; font-weight: normal;margin-top: .8rem; }
.school { margin: 3% 0 3% 3%; float: left; width: 93%; }
.school li { text-align: center; width: 23%; display: inline; float: left; margin: 2% 0 0 2%; }
.school li a { color: #391212; width: 100%; font-size: 1.2rem; line-height: 3.5rem; background: #f2f2f2; float: left; }
.school li a:hover { color: #c00 }

.bg { background: #f2f2f2; }
.footer { text-align: center; padding:.5rem 0;
line-height: 1.8rem; background: #333; color: #fff }
.share { margin: 0 auto; width: 17rem; }
.share li { width: 3.5rem; height: 3.5rem; border-radius: 50%; position: relative; display: inline-block; margin: 1.5rem 0 2rem 1.5rem; }
.share li a i { font-size: 1.8rem; display: block; color: #e8e8e8; text-align: center; margin-top: 9px; }
.share li:nth-child(1) { background: #009527; }
.share li:nth-child(2) { background: #ca1c20; }
.share li:nth-child(3) { background: #3b90ef; }
/*school*/
.school-list { color: #666; line-height: 2rem; background: #fff; }
.school-list h3 { font-size: 1.4rem; color: #333;  margin: .5rem 0;}
.school-list p { font-size: 1rem; }
.school-list p strong { font-weight: nomal; color: #333; }
.school-more { width: 8rem; margin: 1.2rem auto; border-radius: 5px; text-align: center;  padding: .267rem 0;
border: 1px solid #0067ed; display: block; }
.school-more a { display: block; color: #333; color: #0067ed; }
.school-area { border-bottom: 1px solid #e7e7e7; width: 100%; padding: 3%; }
/*teacher*/
.list_teacher { clear: both; background:#fff;width: 100%;overflow: hidden;}
.list_teacher li { width: 48%; float: left; margin:1%; }
.list_teacher h3 { width: 100%; text-align: center; font-weight: normal; padding: 1%; }
.list_teacher li img { width: 100%; }


 @media only screen and (max-width:640px), only screen and (max-device-width:640px) {
html { font-size: 18.75px; }
}
@media only screen and (max-width:600px), only screen and (max-device-width:600px) {
html { font-size: 18px; }
}
@media only screen and (max-width:540px), only screen and (max-device-width:540px) {
html { font-size: 16.88px; }
}
@media only screen and (max-width:480px), only screen and (max-device-width:480px) {
html { font-size: 15px; }
}
@media only screen and (max-width:414px), only screen and (max-device-width:414px) {
html { font-size: 12.94px; }
}
@media only screen and (max-width:400px), only screen and (max-device-width:400px) {
html { font-size: 12.5px; }
.school li { width: 31%; }
}
@media only screen and (max-width:375px), only screen and (max-device-width:375px) {
html { font-size: 11.72px; }
}
@media only screen and (max-width:360px), only screen and (max-device-width:360px) {
html { font-size: 11.25px; }
}
@media only screen and (max-width:320px), only screen and (max-device-width:320px) {
html { font-size: 10px; }
}
@media only screen and (max-width:240px), only screen and (max-device-width:240px) {
html { font-size: 10px; }
}