@charset "gb2312";
a, body, html { color: #666; outline: 0 }
body { margin: 0 auto; position: relative; overflow-x: hidden; font-family: "宋体" }
.footMenu, body, header { max-width: 640px; min-width: 320px }
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
body { -webkit-text-size-adjust: none; width: 100%; max-width: 640px; overflow-x: hidden; margin: 0 auto }
h1, h2, h3, h4, h5, h6, input, select, textarea { font-size: 100%; outline: 0 }
img { border: 0 }
li, ol, ul { list-style: none }
a { text-decoration: none }
@font-face { font-family: 'iconfont'; src: url('iconfonticonfont.eot'); src: url('iconfonticonfont.eotiefix') format('embedded-opentype'), url('iconfonticonfont.woff') format('woff'), url('iconfonticonfont.ttf') format('truetype'), url('iconfonticonfont.svgiconfont') format('svg') }
.iconfont { font-family: "iconfont"!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
.yindao { width: 100%; padding-top: 4.5rem }
.yindao ul { margin: 0; padding: 0 5% }
.yindao ul li { width: 40%; margin: 0 5%; float: left; text-align: center; background-color: #f90; border-radius: .5rem; height: 2rem; line-height: 2rem }
.yindao ul li a { color: #FFF }
.ban { width: 100%; height: auto; margin: 0 auto; padding-top: 2.5rem }
.ban img { width: 100% }

.gz_tit { width: 100%; margin: 0 auto 2% auto; padding-top: 2%; color: #f60; text-align: center; font-size: 1.5rem; font-weight: normal; line-height: 2rem; overflow: hidden }
.gz_tit font{color: #333; text-align: center; font-size: 1.2rem; font-weight: normal; line-height: 2.5rem;}
.gz_tit p { color: #c30; font-size: 1.2rem; line-height: 2.5rem }
.gz_img { width: 100%; margin: 0 auto }
.gz_img img { width: 100% }

.boy_zx{ width:35%; height:2.5rem; margin:3% auto; line-height:2.5rem; font-size:1.2rem; background-color:#ff6600; border-radius:1rem; text-align:center;}
.boy_zx a{ color:#FFF;}

.sec1{ width:100%; background-color:#f0f1f5; overflow:hidden;}
.xyhj { width: 100%; margin: 2% auto; overflow: hidden }
.xyhj img { width: 100%; margin-top: -1% }
.jineng { width: 100%; margin: 2% auto; padding: 0 2%; font-size: 1.5rem; overflow: hidden }
.jineng font { font-size: 1rem }
.zhengshu { width: 96%; margin: 0 auto; background-color: #ff7900; padding: 2% 5% }
.zhengshu img { width: 100% }
.zhengshu p { font-size: 1rem; line-height: 1.8rem; color: #FFF }
.zhengshu div { margin: 2%; overflow: hidden }
.zhengshu div font { width: 60%; float: left; font-size: 1rem; line-height: 1.8rem; color: #ff0 }
.zhengshu div a { width: 35%; margin-top: 3%; float: right; display: block; border: .2rem solid #FFF; color: #FFF; font-size: 1rem; height: 2.5rem; line-height: 2.2rem; text-align: center }

/*名师风采列表*/
.teacher{ width:100%; margin:0 auto; overflow:hidden;}
.teacher ul{ margin:0; padding:0;}
.teacher ul li{ width:45%; height:auto; float:left; margin:1%;position:relative; margin-bottom:2rem;}
.teacher ul li img {width:100%;}
.teacher ul li div{position:absolute;width:80%;height:auto; line-height:1.5rem; text-align:center;z-indent:2;left:1.5rem; bottom:-1.5rem;background:rgba(255,255,255,0.8); border:1px solid #D3D3D3;}
.teacher ul li div font{font-weight:bold;}
.teacher ul li div p{}
.teacher ul li div a{ color:#ff6600;}
/*名师风采列表*/

.item-i-major { display: block; width: 100%; margin: 0 auto; overflow: hidden }
.item-i-major>.item-i-m-i { display: block; width: 100% }
.item-imi-l { width: 100%; margin: 0 auto; padding: 4.5% 0; position: relative; border-bottom: .5rem solid #f5f5f5; opacity: 0; overflow: hidden }
.item-imi-l>:nth-child(1) { width: 45%; padding-left: 1rem; float: left }
.item-imi-l>:nth-child(1)>img { width: 96%; margin: 0 auto }
.item-imi-l>:nth-child(2) { width: 55%; position: absolute; height: 100%; right: 0; top: 5 }
.item-imi-inner { display: block; width: 100%; position: absolute; margin-top: -50%; top: 60% }
.item-imi-inner>h4 { position: relative; width: 100%; text-align: left; font-size: 1.5rem; font-weight: normal; color: #333 }
.item-imi-inner>h3 { width: 5rem; background: #f60; color: #fff; text-align: center }
.item-imi-inner>h4:after { display: inline; position: absolute; top: -1.6rem; right: 0; font-weight: 700 }
.item-imi-inner>h5 { color: #f60; font-size: 1rem; padding-top: .5rem }
.item-imi-inner>p { display: block; width: 100%; text-align: left; line-height: 1.4; padding-top: .6rem; font-size: 1.2rem }
.item-imi-inner>p>span { color: red }
.item-imi-inner>a { display: inline-block; font-size: 1rem; color: #fff; padding: .4rem .8rem; margin-top: .6rem; border-radius: 1.2rem; line-height: 1; background: #fe4d00 }
@keyframes list-show {
0% {
-webkit-transform:translate3d(-12rem, 0, 0);
-moz-transform:translate3d(-12rem, 0, 0);
transform:translate3d(-12rem, 0, 0)
}
100% {
opacity:1
}
}
@-webkit-keyframes list-show {
0% {
-webkit-transform:translate3d(-12rem, 0, 0);
-moz-transform:translate3d(-12rem, 0, 0);
transform:translate3d(-12rem, 0, 0)
}
100% {
opacity:1
}
}
@-moz-keyframes list-show {
0% {
-webkit-transform:translate3d(-12rem, 0, 0);
-moz-transform:translate3d(-12rem, 0, 0);
transform:translate3d(-12rem, 0, 0)
}
100% {
opacity:1
}
}
.item-i-m-i>div { animation: list-show forwards 2s; -webkit-animation: list-show forwards 2s; -moz-animation: list-show forwards 2s }
.item-i-m-i>div:nth-child(2) { animation-delay: .4s; -webkit-animation-delay: .4s; -moz-animation-delay: .4s }
.item-i-m-i>div:nth-child(3) { animation-delay: .8s; -webkit-animation-delay: .8s; -moz-animation-delay: .8s }
.item-i-m-i>div:nth-child(4) { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s }
.remenzy { display: block; width: 96%; margin: 0 auto; overflow: hidden; background: #fff }
.remne_zy { border-bottom: 5px solid #f5f5f5; padding: 2rem 0 }
.REMENZY_FL { float: left; width: 47%; padding-left: 2REM; display: block; padding-right: 2rem }
.item-imi-NER { float: right; display: block; width: 53% }
.item-imi-NER>h4 { position: relative; width: 100%; text-align: left; font-size: 1.5rem; color: #333 }
.item-imi-NER>h3 { width: 5rem; background: #f60; color: #fff; text-align: center }
.item-imi-NER>h4:after { display: inline; position: absolute; top: -1.6rem; right: 0; font-weight: 700 }
.item-imi-NER>h5 { color: #f60; font-size: 1rem; padding-top: .5rem }
.item-imi-NER>p { display: block; width: 100%; text-align: left; line-height: 1.4; padding-top: .6rem; font-size: 1.2rem }
.item-imi-NER>a { display: inline-block; font-size: 1rem; color: #fff; padding: .4rem .8rem; margin-top: .6rem; border-radius: 1.2rem; line-height: 1; background: #fe4d00 }

.jy_li { width: 100%; margin: 2% auto; overflow: hidden }
.jy_li ul { padding: 0; margin: 0 }
.jy_li ul li { width: 31%; float: left; margin: 0 1%; text-align: center; font-size: .9rem; color: #f60 }
.jy_li ul li img { width: 100% }
.xiaoqi { width: 100%; margin: 3% auto; overflow: hidden }
.xq_left { width: 69%; float: left }
.xq_left img { width: 48%; float: left; margin: 0 1% }
.xq_right { width: 30%; float: right; margin-right: 1% }
.xq_right img { width: 100% }

.jiuye { width: 100%; margin: 2% auto; padding: 0 3%; color: #333;}
.jiuye h2{ text-align:center; font-size: 1.2rem; line-height: 2rem }
.jiuye p{text-indent: 2em;font-size: 1rem; line-height: 2rem}
.jiuye p a { color: #f00 }
.tel { width: 100%; margin: 0 auto; background-color: #f5f4f4; padding: 1% 0; text-align: center }
.tel p { width: 60%; margin: 0 auto; height: 2.5rem; line-height: 2.5rem; font-size: 1.3rem; background-color: #f60; border-radius: 1.5rem }
.tel p a { color: #FFF }