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;  }
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 { float: left; 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 }
}



.footer { text-align: center; font-size: 14px;
width: 100%; clear: both;  }
.footer p { color: #888; 
}
.footer p a { color: #666; padding: 0 10px; }
.footer p span a { color: #ee7800 }
.bottom_adr {
background:url(../images/bottom_adr.gif)left .35rem; background-size: 100% auto; width:.35rem;
height:.35rem;
display: inline-block; color: #ee7800 }
.bottom_qq {
background:url(../images/bottom_qq.gif) left .35rem; background-size: 100% auto; width:.35rem;
height:.35rem;
display: inline-block; color: #ee7800 }
.user-info { background: #f3f3f3; width: 100%; float: left;background:rgba(243,243,243,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ff3f3f3,endColorstr=#7ff3f3f3);zoom:1;}
:root .user-info{filter:none\9;}/*for IE9*/
.user-info li { width: 20%; text-align: center; float: left; display: inline; box-sizing: border-box }
.user-info li img { width:2em;
height:2em;
margin-top:.07rem;
}
.user-info li p {
font-size:1em; color: #ee7902 }
.com-client { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 800; }
.com-client .con {
padding:.02rem .1rem .04rem 0; position: relative; z-index: 1; }
.com-client .bg { background: #004988; opacity: .6; height:.96rem;
width: 100%; position: absolute; z-index: 0; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); }
.com-client span { display: block; }
.com-client span.cli-txt { text-align: left; float: left; padding-top:.2rem
}
.com-client span.cli-txt p { line-height: 150%; font-size:.22rem;
color: #fff; }
.com-client span.cli-txt p strong { line-height: 150%; font-size:.32rem;
color: #fff; }
.com-client .cli-btn { text-align: right; width: 2.1rem; float: right; }
.com-client .cli-btn .pop-btn-client { text-align: center; background: url(../images/call.png) center top no-repeat; background-size: 100% auto; width: 2.2rem; height:.81rem;
display: block; }
.shake{margin:0 auto; display:block; position:fixed; top:88%; left:10%}
.shake img{ margin:0 auto;}


/* 2.1 sj_header
---------------------------------------------------------------------- */
.sj_Header{ width:100%; padding:1%; background:#FFF;}
.sj_Header_left{ float:left; margin-top:1%; width:10%}
.sj_Header_right{ float:right; margin-top:2%;width:10%}
/* 2.2 pro_header
---------------------------------------------------------------------- */
.pro_Header{ width:100%; background:#F97F12; font-weight:normal; height:5rem;}
.pro_Header_left{ margin-left:1%; float:left;}
.pro_title{ text-align:center; width:65%; line-height:5rem;float: left; display: block; font-size:2.5rem;}
.pro_title a{ color:#FFF;}
.pro_Header_right{ float:right; margin-right:2%;}
.pro_Header_left,.pro_Header_right{ margin-top: .25em;}
/* 3.menu
---------------------------------------------------------------------- */
#sj_menu{border-bottom:1px solid #FFF;}
.sj_menu_bg{ background:#fc9820; width:100%; height:50px;}
.sj_menu_ul{ border-top:1px solid #FFF; }
.sj_menu_ul li{ float:left; width:24.99%; border-left:1px solid #FFF;text-align:center; line-height:50px; height:50px;}
.sj_menu_ul li:first-child{ border-left:none; width:25%;}
.sj_menu_ul li a{ color:#FFF;}