/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,sub,sup{margin:0;padding:0;list-style:none;font-style: normal;  font-family:"微软雅黑"; border:0 none;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none;}
a:focus,input:focus,textarea:focus{outline:none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; outline:none;} 

.lf{float: left;}
.rg{float: right;}

/*header*/
header{width:100%; height:auto; text-align:center; line-height:44px; overflow:hidden; position: absolute;z-index: 10;}
.logo{width:20%; height: auto; float:left;margin-top:.2rem;margin-left: .3rem;}
.tel{float:right;color: #fff;font-size:0.32rem;margin-right: .2rem;line-height: .8rem;margin-top: .1rem;}
.banner{width: 100%;height: auto;position: relative;overflow: hidden;}
.banner>img{width: 100%;height: auto;}
.banner a.banner_chat{display: block;width:36%;height:.7rem;position: absolute;bottom: .5rem;margin-left: 33%; color: #fff;font-size: .28rem;text-align: center;line-height: .7rem;font-weight: bold;}

.now,.question,.time,.course,.which,.gift,.ielts,.teacher,.hj,.gedu{width: 100%;height: auto;position: relative;overflow: hidden;}
.hard .intro{width: 94%;height: auto;margin-left: 3%; color: #4f4f4f;font-size: .28rem;line-height: .38rem;margin-top: .1rem;text-align: left;text-indent: .56rem;text-align: justify;}


.now img,.question img{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .3rem;margin-left: 3%;}
p.now_info{width: 94%;height: auto;margin-top: .15rem; font-size:.28rem;line-height: .42rem;text-indent: .6rem;margin-left: 3%;}

.time ul{width: 94%;height: auto;position: relative;overflow: hidden;margin: 0 auto;margin-top: .1rem;}
.time ul li{width: 32%;height: auto;position: relative;overflow: hidden;float: left;text-align: center;border: 1px solid #4193ff;border-radius: 10px;box-sizing: border-box;margin-right: 44px;margin-top:.3rem;margin-right: 2%;padding:.1rem 0 .2rem 0;}
.time ul li img{margin-top:.15rem;width: 50%;height: auto;}
.time ul li h3{font-size: .32rem;font-weight: bold;margin-top: .15rem;color: #3a3a3a;}
.time ul li p{font-size: .26rem;height: .8rem; margin-top:.15rem;line-height: .4rem;color: #3a3a3a;}


.which{margin-top: .4rem;padding-bottom: .4rem;}
.which ul{width: 90%;height: auto;position: relative;overflow: hidden;margin-left: 5%;margin-top: .1rem;padding-bottom: .2rem;}
.which ul li{width: 48%;height: auto;position: relative;overflow: hidden;text-align: center;float: left;margin-top: .35rem;margin-right: 4%;}
.which ul li h3{width: 100%;height:.7rem; color: #fff;font-size:.33rem;background-image: url(../images/bg_13.jpg);background-position: center;background-size: 100% 100%;line-height: .7rem;}
.which ul li div{width: 100%;height: auto;position: relative;overflow: hidden;background-size: 100% 100%;background-position: center;padding:.15rem 0 .3rem 0;}

.which ul li p{width: 90%;margin-left: 5%; color: #606266;font-size: .3rem;line-height: .48rem;margin-top: .1rem;}
.which ul li a{display: block;height: .6rem;width:56%;line-height:.6rem;color: #fff;font-size: .28rem;margin-left: 23%;background-color: #ffad22;text-align: center;border-radius: .1rem;margin-top: .15rem;}


.hard img,.ielts img{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .4rem;margin-left: 3%;}
.gift img{width:96%;height: auto;position: relative;overflow: hidden;margin-left: 2%;}



/*适合学员*/
.why{width: 100%;height: auto;position: relative;overflow: hidden;padding-bottom: .4rem;background-color: #e7f6f1;}
.why ul{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;}
.why ul li{background-size: 100% 100%;background-repeat: no-repeat;margin-top: .2rem;padding: .2rem 0 .3rem 0;text-align: center;}
.why ul li.lf{width: 40%;height: auto;float: left;background-image: url(../images/bg_03.jpg);padding-right:4% ;}
.why ul li.rg{width: 52%;height: auto;float: right;background-image: url(../images/bg_04.jpg);margin-top: .5rem;padding-left:4% ;}
.why ul li h3{height: .28rem; font-weight: normal;width: 60%;text-align: center;border-bottom: .1rem solid #faef37;margin: 0 auto;}
.why ul li h3 span{display: block; text-align: center;font-size: .32rem;color: #00b28e;font-weight: bold;}
.why ul li p{width: 96%;color: #000000;font-size: .28rem;margin-top: .15rem;}

.plan{width: 94%;height: auto;position: relative;overflow: hidden;margin: 0 auto;margin-left: 3%;}
.plan_wrap{width: 100%;height: auto;position: relative;overflow: hidden;}
.plan_wrap .left{width: 20%;float: left;}
.plan_wrap .left li{font-size:.26rem;color: #fff;line-height: .7rem;text-align: center;margin-top: .2rem;}
.plan_wrap .left li span{width: 100%;height: .7rem; display: inline-block;background-image: url(../images/bg_051.jpg);background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
.plan_wrap .right{width:80% ;float: right;}
.plan_wrap .ul{width:100%;height: .7rem;background-color: #eaeaea;line-height: .6rem;margin-top:.2rem;}
.plan_wrap .ul span{width: 20%;height:.5rem;line-height: .5rem;border-radius: .25rem;font-size: .26rem;color: #444;float: left;margin-right: 0px;cursor: pointer;text-align: center;margin-top: .1rem;}
.plan_wrap .ul span.side{background-color: #3eaf90;color: #FFF;}	

.plan_wrap .cfkm span{width:15%;}











.course{background-image: url(../images/bg_20.jpg);padding-top: .3rem;background-size: 100% 100%;background-repeat: no-repeat;padding-bottom: .3rem;}
#title{width: 94%;height: auto;height: auto;position: relative;overflow: hidden;margin-left: 3%;margin-top: .4rem;}
#title span{display:block;width:33.3%;height: .9rem;text-align: center;float: left;overflow: hidden;color: #606266;box-sizing:border-box;border: 1px solid #cfcfcf;background-color: #fff;}
#title span p{width: .32rem;height: .32rem;background-position:0 center;background-size: .64rem .32rem;background-repeat: no-repeat;margin: 0 auto;margin-top: .1rem;}
#title span h3{font-size: .28rem;}
#title #span1 p{background-image: url(../images/tab_01.png);}
#title #span2 p{background-image: url(../images/tab_02.png);}
#title #span3 p{background-image: url(../images/tab_03.png);}
#title span.se{border: 1px solid #3d8fff;background-color: #3d8fff;}
#title span.se h3{color: #fff;}
#title span.se p{background-position:-.32rem 0px;}
.ever{display: none;}
#title_content{width: 94%;height: auto;height: auto;position: relative;overflow: hidden;margin-left: 3%;margin-top: .2rem;}
#title_content dl{width:96%;height: auto;margin-left: 2%;}
#title_content dl dd{width:100%;height: auto;position: relative;overflow: hidden;}
#title_content dl dd p{width: 49%;height: auto;line-height: .45rem;font-size: .28rem;}
#title_content dl dd p img{width: 7%; vertical-align: middle;margin-top: -2px;margin-right:.05rem;}



#title_content ul{width:100%;height: auto;margin:0 auto;position: relative;overflow: hidden;border-radius: .1rem;padding-bottom: .5rem;}


#title_content li{width:49%;height: auto;position: relative;overflow: hidden;float: left;background-image: url(../images/icon_03.png); background-size: 100% 100%;background-repeat: no-repeat;background-position: center;padding: .25rem 0 .4rem 0;margin-top: .3rem;margin-right: 2%;}
#title_content li h3{width: 100%; font-size: .31rem;position: relative;overflow: hidden;color: #666;text-align: center;margin-top: .1rem;font-weight: normal;line-height:.46rem;font-weight: bold;}
#title_content li span{display: block;width:80%;height: .5rem;position: relative;overflow: hidden;background-image: url(../images/bg_22.jpg); background-size: 100% 100%;background-repeat: no-repeat;background-position: center;color: #1257e2;line-height:.5rem;text-align: center;margin: 0 auto; margin-top: .15rem;margin-bottom:.15rem;font-size: .28rem;}
#title_content li p{width: 85%;height: auto; color: #666;font-size: .26rem;position: relative;overflow: hidden;margin: 0 auto;line-height: .45rem;}
#title_content li p b{margin-right: .05rem;color: #ff952d;}
#title_content li a{display: block;width: 60%;height:.5rem;margin: 0 auto; border-radius: .1rem;line-height: .5rem;color: #fff;margin-top: .15rem;text-align: center;font-size: .26rem;background-color: #ff952d;}








.teacher{margin-top: .4rem;}
.teacher .teaSlider{width:94%;height: auto;margin:0 auto;position: relative;overflow: hidden;margin-left: 3%;border-radius: .1rem;padding-bottom: .5rem;margin-top: .5rem;}
.teacher .teaSlider .swiper-wrapper{height: auto;}
.teacher .teaSlider .box{margin:0 auto;width:100%;}
.teacher .teaSlider .swiper-slide{width:100%;height: auto;position: relative;overflow: hidden;}
.teacher dl{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;border-radius: .15rem;margin-bottom: .05rem;padding: .2rem 0 .1rem 0;}
.teacher dl dt{width: 35%;height: auto;float: left;background-image: url(../images/tea.png);background-size: 100% 100%;background-position: center; margin-left: 2%;}
.teacher dl dt img{width: 100%;height: auto;}
.teacher dl dd{width: 59%;height: auto;float: right;margin-right: 2%;}
.teacher dl dd h3{color: #4b4b4b;font-weight: bold;font-size: .31rem;margin-top: .1rem;}
.teacher dl dd h3 span{font-weight: normal;font-size: .28rem;display: inline-block;margin-left: .1rem;color: #396bfe;padding: .05rem .3rem;background-color: #fff;}
.teacher dl dd p{color: #4b4b4b;font-size: .25rem;line-height: .37rem;margin-top: .1rem;text-align: justify;}
.swiper-pagination-bullet{background-color: #dcddef;opacity: 1;}
.swiper-pagination-bullet-active{width: .4rem;border-radius: 4px;background-color: #0c99ff;}
.pagination {bottom: 0 !important;}




/*环境*/
.hj>img{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .4rem;margin-left: 3%;cursor: pointer;}
.hj .gedu_info{width: 94%;margin-left: 3%; text-align: center;color: #333;font-size: .26rem;margin-top:.2rem;line-height: .42rem;text-align: left;text-indent: .52rem;}

.ad{width: 100%;height: auto;position: relative;overflow: hidden;margin-top: .4rem;margin-bottom: .6rem;}
.ad>img{width: 100%;height: auto;}




h3.pub_head{width: 100%; height: auto;text-align: center;position: relative;overflow: hidden;color: #3a3a3a;font-size: .4rem;font-weight: normal;margin-top: .4rem;font-weight: bold;text-align: center;}
h3.pub_head img{width: 7%; vertical-align: middle;margin:0 .05rem;margin-top: -.2rem;}
h3.pub_head span{color: #0084fb;}
p.ej_head{height: .28rem; font-weight: normal;font-size: .3rem;width: 64%;text-align: center;border-bottom: .1rem solid #faef37;margin: 0 auto;margin-top: .15rem;}
p.ej_head span{display: block; text-align: center;font-size: .3rem;color: #000000;}
.info_head{text-align: center;margin-top:.3rem;color: #0084fb;font-size: .32rem;}


p.gedu_info{width: 94%;margin-left: 3%; text-align: center;color: #333;font-size: .26rem;margin-top:.2rem;line-height: .42rem;text-align: left;text-indent: .52rem;}


p.zx{width: 100%;height: .7rem;position: relative;margin-top: .3rem ;}
p.zx>a{display: block;height: .7rem;width:46%;line-height:.7rem;color: #fff;font-size: .29rem;margin-left: 27%;background-color: #ffad22;font-weight: bold;text-align: center;border-radius: .1rem;}

p.zx1{width: 100%;height: .7rem;position: relative;margin-top: .3rem ;}
p.zx1>a{display: block;height: .7rem;width:40%;line-height:.7rem;color: #fff;font-size: .29rem;margin-left: 30%;background-color: #ffad22;font-weight: bold;text-align: center;border-radius: .1rem;}