body { padding: 0; font-family: "Microsoft YaHei"; margin: 0; -webkit-text-size-adjust: none; width: 100%; min-width: 320px; max-width: 640px; overflow-x: hidden; margin: 0 auto; }
body, html { font-size: 10px; font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif; outline: 0; color: #000; -webkit-text-size-adjust: 100% }
ol, ul { list-style: none }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
a { text-decoration: none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
b, dd, dl, dt, h1, h2, h3, input, li, p, span, ul { margin: 0; padding: 0; list-style: none }
img { border: 0; display: block }
em { font-style: normal }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: 1; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none; vertical-align: middle }
button, input, optgroup, select, textarea { color: inherit; margin: 0; -webkit-writing-mode: horizontal-tb; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
li { list-style: none }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle }
body { background: #fff }
.viewport { min-width: 320px; margin: 0 auto; overflow: hidden }
.h_20px { width: 100%; height: 20px; overflow: hidden; clear: both }
.h_10px { width: 100%; height: 5px; overflow: hidden; clear: both }
.top { background: url(images/top.jpg); width: 100%; clear: both; float: left; }
.logo { float: left; width: 50% }
.top img { width: 100% }
.bg { background: #18bc43; padding: 0px 0 20px 0 }
.title span { font-size: 20px; font-weight: 100; text-align: center; border-bottom: 2px solid #cc0e35; color: #cc0e35; line-height: 35px; }
.title { width: 100%; text-align: center; margin-bottom: 10px }
.title h3 { margin: 0 auto; padding: 0; width: 220px; }
.title h3 img { width: 100%; }
.footer { color: #fff; text-align: center; line-height: 23px; }
/*视频*/
.tabBox { margin: 0 auto; }
.tabBox .hd { height: 45px; line-height: 45px; font-size: 16px; overflow: hidden; margin-bottom: 13px }
.tabBox .hd ul { }
.tabBox .hd ul li { float: left; vertical-align: top; width: 18%; text-align: center; background: #27770b; margin-left: 1.5% }
.tabBox .hd ul li a { color: #fff }
.tabBox .hd ul li.on a { color: #27770b; display: block; background: #fff }
.tabBox .bd { height: 360px; }
.con p { line-height: 45px; font-size: 18px; color: #fff; position: absolute; bottom: 0; }
#www_zzjs_net { }
.zzjs_net { width: 100%; }
.zzjs_net ul { width: 100%; }
.zzjs_net li { float: left; vertical-align: top; width: 18%; text-align: center; background: #27770b; margin-left: 1.5%; height: 45px; line-height: 45px; color: #fff; cursor: pointer }
.zzjs_net li.hover { color: #27770b; display: block; background: #fff }
.www_zzjs_net_3 { clear: both; margin-top: 0px; border-top: none; text-align: center; padding: 12px; color: #fff }
.www_zzjs_net_3 p { text-align: left; line-height: 21px; }
/* 探秘新东方 幻灯片*/
.owl-demo { position: relative; }
.owl-demo .item { position: relative; display: block; }
.owl-demo img { display: block; width: 100%; }
.owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background-color: #000; opacity: .5; filter: alpha(opacity=50); }
.owl-demo span { position: absolute; left: 5px; bottom: 0px; font: 16px/32px "微软雅黑", "黑体"; color: #fff; text-align: center; }
.owl-pagination { position: absolute; right: 10px; bottom: 2px; height: 22px; text-align: center; }
.owl-page { display: inline-block; width: 8px; height: 8px; margin: 0 3px; background-image: url(../images/bg15.png); *display:inline;
*zoom:1;
background-size: 8px 8px; }
.owl-pagination .active { width: 13px; background-image: url(../images/bg16.png); background-size: 13px 8px; }
.owl-buttons { display: none; }
.owl-buttons div { position: absolute; top: 50%; width: 20px; height: 40px; background-size: 20px 40px; margin-top: -20px; text-indent: -9999px; }
/*.owl-prev { left: 0; background-image: url(../images/bg17.png); background-size: 20px 40px; }
.owl-next { right: 0; background-image: url(../images/bg18.png); }
.owl-prev:hover { background-image: url(../images/bg19.png);background-size: 20px 40px; }
.owl-next:hover { background-image: url(../images/bg20.png);background-size: 20px 40px; }*/
/*报名框 */
.experience { width: 96%; margin: 2%; background: #5acf3f; }
.txt { width: 100%; margin: 20px auto; height: 130px; }
.txt p {margin:0 auto; width: 42%; }
.txt p img { margin-top: 20px; margin-left: 10px; }
.txt ul { float: left; display: inline; margin-left: 10px; margin-top: 10px }
.txt ul li { background: url(../images/li.png) no-repeat left center; color: #fff; font-size: 16px; line-height: 31px; margin-left: 10px; }
.formbox { padding: 20px 20px 20px; background: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); margin: 0 auto; width: 90%; display: table; height: auto }
.formbox h1 { width: 100%; text-align: center; margin: 20px 0; font-weight: normal; font-size: 24px }
.formbox h1 strong { color: #5acf3f; font-weight: normal; }
.form { position: relative; margin: 0 auto; float: left; width: 100% }
.form:before { content: ''; position: absolute; top: -8px; right: -8px; bottom: -8px; left: -8px; z-index: -1; background: rgba(0, 0, 0, 0.08); border-radius: 4px; }
.form p { margin: 15px 0 0; }
.form p span { width: 20%; float: left; text-align: right; line-height: 45px; text-align: center }
.form p span b { color: #c00 }
.form p:first-child { margin-top: 0; }
.form input[type=text] { width: 75%; }
.form p.submit { text-align: right; width: 100%; }
.formain { background: #f0f0f0; padding: 10px; float: left; width: 100% }
:-moz-placeholder {
color: #c9c9c9 !important;
font-size: 13px;
}
::-webkit-input-placeholder {
color: #ccc;
font-size: 13px;
}
input { font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; font-size: 14px; }
input[type=text] { margin: 5px; padding: 0 10px; height: 34px; line-height: 34px; color: #404040; background: white; border: 1px solid; border-color: #c4c4c4 #d1d1d1 #d4d4d4; border-radius: 2px; outline: 5px solid #eff4f7; -moz-outline-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); }
input[type=text]:focus { border-color: #7dc9e2; outline-color: #dceefc; outline-offset: 0; }
.lt-ie9 input[type=text] { line-height: 34px; }
.bmbtn { background: #46b036; border: 1px solid #37a227; border-radius:5px; box-shadow: 0 1px 0 #4fc43d inset; color: #FFFFFF; cursor: pointer; display: block; font-weight: bold; text-align: center; font-weight: bold; width: 100%; font-size:.4rem;
margin-bottom: 10px; height: 45px; line-height: 45px; font-size: 18px; }
.btn { float: left; margin-top: 20px; display: inline; width: 100% }
.ewm { display: inline; width: 200px; float: left; margin: 20px 0 0 50px; }
.ewm img { width: 100% }
.school li { text-align: center; width: 20%; display: inline; float: left }
.school li a { color: #fff; font-size: 20px; line-height: 39px; }
.school li a:hover { color: #ffe931 }
#nameerr, #phoneerr { color: red; font-size: 12px; margin-left: -95px; text-align: right; position: absolute; top: 14px; right: 30px; }
 @media only screen and (max-width:320px) {
body { font-size: 10px!important }
.title h3 { width: 140px; }
.txt ul li { font-size: 10px; line-height: 25px }
.txt p { float: left; width: 35%; }
.txt { height: 130px; }
}
@media only screen and (max-width:359px) and (min-width:320px) {
body { font-size: 12px!important }
.title h3 { width: 180px; }
.txt ul li { font-size: 10px; line-height: 25px }
.txt p { float: left; width: 35%; }
.txt { height: 100px; }
}
@media only screen and (max-width:479px) and (min-width:360px) {
body { font-size: 12px!important }
.title h3 { width: 200px; }
.txt ul li { font-size: 12px; line-height: 25px }
.txt { height: 100px; }
}
@media only screen and (min-width:480px) {
body { font-size: 16px!important }
}