@charset "utf-8";
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#fff;color:#333;font: 400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.title{ width:100%; height:1.386rem; line-height:1.386rem; font-size:.48rem; color:#fff; text-align:center; background:url("/images/zaojia/zhuanti/2020bkgl/title.png") no-repeat; background-size:100%;}
.con_wrap{ margin:0 0 0 .6rem; border-left:.026rem solid #ff8400; padding:.54rem .266rem .56rem;}

/**/
.top-nav{ height:1.173rem; padding:0 .266rem; background:#fff;}
.top-nav .logo{ display:block; margin-top:.266rem; width:3.453rem;}
.top-nav .login{ height:1.173rem; line-height:1.173rem; color:#333; padding-left:.666rem; font-size:.37rem; background:url("//www.jianshe99.com/upload/resources/image/2020/04/08/451147.png") no-repeat left center; background-size:.48rem auto;}

/**/
.header{}
.header .logo{ width:3.6rem; height:1rem; line-height:0; font-size:0; left:0; top:0;}
.header .tex1{ width:1.96rem; left:3.373rem; top:1.24rem;}
.header .tex2{ width:7.28rem; left:1.44rem; top:1.693rem;}
.header .tex3{ width:4.973rem; left:2.546rem; top:4.733rem;}

/**/
.nav{ height:6.346rem; background:url("http://www.jianshe99.com/upload/resources/image/2020/04/08/451149.png") no-repeat center center; background-size:3.146rem auto;}
.nav .tex{ width:2.853rem; height:1.12rem; line-height:1.12rem; border:1px solid #eaeaea; text-align:center; font-size:.4rem; color:#4164e4; box-shadow:3px 3px 3px #eaeaea; position:absolute;}
.nav .tex.on{ z-index:9;}
.nav .tex.on .con{ display:block; transition:all 0.1s linear;}
.nav .t1{ left:1.08rem; top:.665rem;}
.nav .t2{ left:6.013rem; top:.653rem;}
.nav .t3{ left:6.84rem; top:2.586rem;}
.nav .t4{ left:6.106rem; top:4.44rem;}
.nav .t5{ left:1.08rem; top:4.46rem;}
.nav .t6{ left:.226rem; top:2.586rem;}
.nav .con{ display:none; width:3.466rem; background-color:rgba(51,51,51,.7); text-align:left; z-index:9; position:relative;}
.nav .con p{ font-size:.32rem; color:#fff; line-height:.43rem; padding:.3rem .2rem .3rem .333rem;}
.nav .con i.left{ display:block; width:0;height:0; border-top:.2rem solid transparent;border-right:.3rem solid #707070;border-bottom:.2rem solid transparent; position:absolute; left:-.3rem; top:1rem;}
.nav .con i.right{ display:block; width:0;height:0; border-top:.2rem solid transparent;border-left:.3rem solid #707070;border-bottom:.2rem solid transparent; position:absolute; right:-.3rem; top:1rem;}
.nav .t1 .con{ left:2.8rem; top:-1.7rem;}
.nav .t2 .con{ right:3.4rem; top:-1.7rem;}
.nav .t3 .con{ right:3.6rem; top:-1.7rem;}
.nav .t4 .con{ right:3.6rem; top:-1.7rem;}
.nav .t5 .con{ left:3rem; top:-1.7rem;}
.nav .t6 .con{ left:3rem; top:-1.7rem;}

/**/
.title02{ height:.946rem; line-height:.946rem; margin-left:.133rem; font-size:.45rem; color:#5471db;}
.title02 i.nums{ display:inline-block; width:.946rem; height:.946rem; line-height:.946rem; background:#ff8400; border-radius:50%; font-size:.64rem; color:#fff; margin-right:.2rem; vertical-align:-.08rem; text-indent:.2rem; font-weight:bold;}
.title02.t1{ margin-top:.4rem;}

/**/
.policy{ padding-top:.2rem;}
.policy .tit_tab{ text-align:center; padding:0 0 .64rem;}
.policy .tit_tab li{ display:inline-block; width:1.853rem; height:1.853rem; line-height:1.853rem; text-align:center; font-size:.387rem; color:#fff; background:#689ff9; border-radius:50%; margin:0 .5rem; position:relative;}
.policy .tit_tab li.cur{ background:none;}
.policy .tit_tab li.cur i{ width:1.853rem; height:2.106rem; position:absolute; left:0; top:0; background:url("/images/zaojia/zhuanti/2020bkgl/bg02.png") no-repeat; background-size:100%;}
.policy .tit_tab li p{ z-index:9; position:relative;}
.policy .con{ border:1px solid #a6bbdd; padding:.266rem .266rem 0; display:none;}
.policy .con .tit{ height:.8rem;}
.policy .con .tit h3{ float:left; height:.8rem; line-height:.8rem; padding:0 .48rem; background:#689ff9; font-size:.37rem; color:#fff;}
.policy .con p{ line-height:.56rem; color:#666; padding:.2rem 0 .4rem; font-size:.37rem;}
.policy .con p a{ color:#666;}

/**/
.teacher{}
.teacher .list{ overflow:hidden;}
.teacher .list p{ width:100%; height:.72rem; line-height:.72rem; text-indent:.26rem; font-size:.37rem; color:#fff; left:0; bottom:0; background:url("/images/zaojia/zhuanti/2020bkgl/ico01.png") no-repeat 94% center,rgba(0,0,0,.6); background-size:.36rem auto;}
.teacher .list p.no{ background:rgba(0,0,0,.6);}

/**/
#wrapper{ float:left; position: relative; z-index:1; height:.933rem; width:100%;padding-bottom:.226rem; overflow:hidden; -ms-touch-action: none;}
#scroller{ position: absolute; z-index:1; height:1.1rem;}
#scroller ul{}
#scroller li { float:left; position:relative;}
#scroller li span { display:block; line-height:.933rem; font-size:.37rem; color:#fff; background:#689ff9; border-radius:.2rem; margin-right:.266rem; padding:0 .573rem;}
#scroller li.cur span{ background:#ffa200;}
#scroller li i{ display:none; width:.413rem; height:.226rem; background:url("/images/zaojia/zhuanti/2020bkgl/ico02.png") no-repeat; background-size:100%; position:absolute; left:50%; margin-left:-.32rem; bottom:-.226rem; z-index:9;}
#scroller li.cur i{ display:block;}
.plan{}
.plan .tabTit{ }
.plan .planCon{ padding-top:.43rem;}
.plan .biaoge{ width:97%; text-align:center; border-bottom:1px solid #bccbe6; border-left:1px solid #bccbe6;}
.plan .biaoge td{width:.0rem; height:.906rem; line-height:.906rem; font-size:.37rem; border-top:1px solid #bccbe6; border-right:1px solid #bccbe6;}
.plan .biaoge .t1{ background:#f3f3f3; color:#467fda;}
.plan .biaoge .t2{ text-align:center; padding-left:.11rem;}
.plan .biaoge i{ display:inline-block; margin-left:.2rem; width:.28rem; height:.253rem; background:url("/images/zaojia/zhuanti/2020bkgl/ico03.png") no-repeat; background-size:100%;}
.plan .biaoge .none{ display:none;}
.plan .biaoge .none.on{ display:block;}
.plan .planCon {display:none;}
/**/
.classes{ padding-top:.44rem;}
.classes .list{ overflow:hidden;}
.classes .con{ width:100%; border:1px solid #eaeaea; border-radius:.1rem; box-shadow:3px 3px 3px #efefef;}
.classes .con h3{ height:.946rem; line-height:.946rem; background:#ff7c51; font-size:.4rem; color:#fff; text-align:center; border-top-left-radius:.1rem; border-top-right-radius:.1rem;}
.classes .con .tex{ height:1.56rem;}
.classes .con .tex p{ font-size:.32rem; color:#666; line-height:.453rem; padding:.3rem 0 0 .533rem;}
.classes .con .b2{ background:#ffb746;}
.classes .con .b3{ background:#5e79a5;}
.classes .con .b4{ background:#50c2d8;}
.classes .btn_wrap{ text-align:center; padding:.7rem 0 .26rem;}
.classes .btn_wrap .btn{ display:inline-block; width:2.746rem; height:.933rem; line-height:.933rem; background:#ff8400; font-size:.37rem; color:#fff; border-radius:.15rem;}

/**/
.ewm{ padding:.45rem 0;}
.ewm ul{ padding-left:.506rem; background:url("/images/zaojia/zhuanti/2020bkgl/bg03.png") no-repeat 5.88rem .653rem; background-size:3.2rem auto;}
.ewm li{ float:left; margin-right:.653rem;}
.ewm li img{ width:1.786rem; padding:.133rem; border:1px solid #eaeaea; box-shadow:3px 3px 3px #efefef;}
.ewm li p{ font-size:.32rem; text-align:center; color:#707070; line-height:.35rem; padding-top:.1rem;}

/**/
.problem{ padding:.05rem .266rem 0;}
.problem li{}
.problem h3{ line-height:1.146rem; border-bottom:1px dashed #dee0e9; font-size:.4rem; color:#5471db;}
.problem .on h3{ border-bottom:1px dashed #fff;}
.problem .con{ display:none; background:#f1f2fe; padding:.213rem; position:relative; margin-top:.1rem;}
.problem .con p{ font-size:.35rem; line-height:.546rem; color:#424d7d;}
.problem .con i{ display:block; width:.546rem; height:.226rem; background:url("/images/zaojia/zhuanti/2020bkgl/ico04.png") no-repeat; background-size:100%; position:absolute; left:.32rem; top:-.226rem;}
.problem .on .con{ display:block;}
.problem .btn_wrap{ text-align:center; padding:.32rem 0 .773rem 0;}
.problem .btn_wrap .btn{ display:inline-block; width:3.68rem; height:.906rem; line-height:.906rem; border:1px solid #768fe9; font-size:.4rem; color:#5471db;}

/**/
#mask{background:#000;opacity: .7;position:fixed;;left:0;top:0;height:100%;width:100%;z-index:998;}
.videoSection{width:100%;position:fixed;left:0;top:50%;z-index:999;}
.videoSection .close{display:block;width:1rem;height:1rem;bottom:0;left:50%;margin-left:-.5rem;}

/**/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}