/* 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 auto;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; } 

.clear{clear: both;}
.clearbox:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}
.fl,.lf{float: left;}
.fr,.rg{float: right;}
/*body{background-color: #fffbf2;}*/
/*header*/
header{width:100%; height:auto; text-align:center; line-height:44px; overflow:hidden; position: absolute;z-index: 10;}
.logo{width:17%; height: auto; float:left;margin-top:.3rem;margin-left:3%;}
.logo img{width: 100%;height: auto;}
.tel{float:right;color: #d03532;font-size:0.3rem;margin-right: .2rem;line-height: .4rem;margin-top: .3rem;font-weight: bold;}
.banner{width: 100%;height: auto;position: relative;overflow: hidden;}
.banner>img{width: 100%;height: auto;}
.banner .banner_btn{width: 36%;height: .8rem;display: block;text-align: center;line-height: .8rem;border-radius: .4rem;color: #fff;background-color: #cb4c22;font-size: .3rem;position: absolute;bottom: .5rem;left: 32%;}


.which{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/wap_bg_02.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding: .3rem 0;}
.which img{width:92%;height: auto;position: relative;overflow: hidden;margin-left: 4%;}

.step{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/wap_bg_03.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding: .3rem 0 .4rem 0;}
.step img{width:92%;height: auto;position: relative;overflow: hidden;margin-left: 4%;margin-top: .3rem;}
.step .step_btn{width:90% ;height:.6rem;border: 2px solid #cb4c22;border-radius:.3rem;margin-top: .2rem;position: relative;overflow: hidden;background-color: #fff;letter-spacing: 1px;}
.step .step_btn p{width: 60%;height: .6rem;text-align: center;float: left;color: #333;font-size: .28rem;line-height: .6rem;}
.step .step_btn a{width:40%;height: .6rem;text-align: center;float: left;color: #fff;font-size: .3rem;line-height: .6rem;background-color: #cb4c22;}

.course{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/wap_bg_04.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding: .3rem 0 .4rem 0;}
#tab{width: 94%;height: 1rem;position: relative;overflow: hidden;margin-top: .3rem;}
#tab div{width: 23%;height:  1rem;margin-right: 2.6%;float: left;position: relative;overflow: hidden;cursor: pointer;}
#tab p{width:100%;height:  1rem;position: relative;overflow: hidden;}
#tab p span{display: inline-block;width:100%;height:.65rem;border-radius: .325rem;text-align: center;line-height:.65rem;font-size: .28rem;margin-top: .35rem;box-sizing: border-box;}
#tab p.course_1 span{border: 2px solid #f6a13b;background-color: #fff;color: #f6a13b;}
#tab p.course_2 span{border: 2px solid #4091dd;background-color: #fff;color: #4091dd;}
#tab p.course_3 span{border: 2px solid #cb4c22;background-color: #fff;color: #cb4c22;}
#tab p.course_4 span{border: 2px solid #b8690c;background-color: #fff;color: #b8690c;}
#tab p b{display: inline-block;width:60%;height:.5rem;border-radius: .25rem;text-align: center;line-height: .25rem;font-size: .26rem;position: absolute;right: 0;top: 0;z-index: 2;box-sizing: border-box;line-height: .5rem;}
#tab p.course_1 b{border: 1px solid #f6a13b;background-color: #f6a13b;color: #fff;}
#tab p.course_2 b{border: 1px solid #4091dd;background-color: #4091dd;color: #fff;}
#tab p.course_3 b{border: 1px solid #cb4c22;background-color: #cb4c22;color: #fff;}
#tab p.course_4 b{border: 1px solid #b8690c;background-color: #b8690c;color: #fff;}
#tab div.se p.course_1 span{border: 2px solid #f6a13b;background-color: #f6a13b;color: #fff;}
#tab div.se p.course_2 span{border: 2px solid #4091dd;background-color: #4091dd;color: #fff;}
#tab div.se p.course_3 span{border: 2px solid #cb4c22;background-color: #cb4c22;color: #fff;}
#tab div.se p.course_4 span{border: 2px solid #b8690c;background-color: #b8690c;color: #fff;}
#tab div.se p.course_1 b{border: 1px solid #f6a13b;background-color: #fff;color: #f6a13b;}
#tab div.se p.course_2 b{border: 1px solid #4091dd;background-color: #fff;color: #4091dd;}
#tab div.se p.course_3 b{border: 1px solid #cb4c22;background-color: #fff;color: #cb4c22;}
#tab div.se p.course_4 b{margin-right: 0;border: 1px solid #b8690c;background-color: #fff;color: #b8690c;}


#tab_content{width: 94%;height: auto;position: relative;overflow: hidden;border: 2px solid #d1603b;border-radius: 20px;padding:0 0 .3rem 0;margin-top: .4rem;background-color: #fff;box-sizing: border-box;}
.ever{display: none;}

#tab_content ul{width: 96%;height: auto;position: relative;overflow: hidden;margin-left: 2%;}
#tab_content ul li{width: 49%;height: auto;position: relative;overflow: hidden;margin-right: 2%;float: left;margin-top: .3rem;cursor: pointer;}
#tab_content ul li h3{width: 80%;height: .6rem;text-align: center;line-height: .6rem;position: absolute;top: 0;left: 9%;z-index: 2;font-size: .3rem;background-color: #fff;}
#tab_content ul li .info_wrap{width: 96%;height: auto;position: relative;overflow: hidden;border: 2px solid #f08e18;border-radius: .2rem;padding: .5rem 2% .2rem 2%;margin-top: .3rem;box-sizing: border-box;}
#tab_content ul li h4{font-size: .28rem;text-align: left;}
#tab_content ul li p{color: #333;font-size: .24rem;text-align: left;line-height: .32rem;margin-top: .15rem;}
#tab_content ul li p b{font-size: .28rem;}
#tab_content ul li a{display: inline-block;width:48% ;height: .4rem;border-radius:.2rem;text-align: center;line-height: .4rem;margin-left: 1%;float: left;margin-top:.15rem;font-size: .24rem;color: #fff;}

#tab_content ul.course_info_1 h3{border: 2px solid #f08e18;color: #f08e18;}
#tab_content ul.course_info_1 li .info_wrap{border: 2px solid #f08e18;}
#tab_content ul.course_info_1 li h4{color: #f08e18;}
#tab_content ul.course_info_1 li p b{color: #f08e18;}
#tab_content ul.course_info_1 li a{background-color: #f08e18;}

#tab_content ul.course_info_2 h3{border: 2px solid #4091dd;color: #4091dd;}
#tab_content ul.course_info_2 li .info_wrap{border: 2px solid #4091dd;}
#tab_content ul.course_info_2 li h4{color: #4091dd;}
#tab_content ul.course_info_2 li p b{color: #4091dd;}
#tab_content ul.course_info_2 li a{background-color: #4091dd;}

#tab_content ul.course_info_3 h3{border: 2px solid #cb4c22;color: #cb4c22;}
#tab_content ul.course_info_3 li .info_wrap{border: 2px solid #cb4c22;}
#tab_content ul.course_info_3 li h4{color: #cb4c22;}
#tab_content ul.course_info_3 li p b{color: #cb4c22;}
#tab_content ul.course_info_3 li a{background-color: #cb4c22;}

#tab_content ul.course_info_4 h3{border: 2px solid #b8690c;color: #b8690c;}
#tab_content ul.course_info_4 li .info_wrap{border: 2px solid #b8690c;}
#tab_content ul.course_info_4 li h4{color: #b8690c;}
#tab_content ul.course_info_4 li p b{color: #b8690c;}
#tab_content ul.course_info_4 li a{background-color: #b8690c;}


.vip{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/wap_bg_05.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding: .3rem 0 .4rem 0;}
.vip .vip_wrap{width:94%;height: auto;position: relative;overflow: hidden;margin-top:.3rem;}
.vip .vip_wrap .vip_wrap_lf{width: 100%;height: auto;position: relative;overflow: hidden;}
.vip .vip_wrap .vip_wrap_lf li{width: 23%;height:.9rem;margin-right:2.6% ;border-bottom-right-radius: .2rem;border-bottom-left-radius: .2rem;line-height: .9rem;text-align: center;color: #fff;font-size: .29rem;font-weight: bold;float: left;}
.vip .vip_wrap .vip_wrap_rg{width: 100%;height: auto;position: relative;overflow: hidden;}
.vip .vip_wrap .vip_wrap_rg li{width: 49%;height: auto;float: left;margin-right: 2%;margin-top:.3rem ;position: relative;overflow: hidden;}
.vip .vip_wrap .vip_wrap_rg li h3{width: 100%;height: .8rem; color: #f6a13b;font-size: .3rem;line-height: .8rem;text-align: center;background-image: url(../images/qj_06.png);background-size: 100% 100%;}
.vip .vip_wrap .vip_wrap_rg li .vip_info{width: 100%;height: auto; color: #f6a13b;background-image: url(../images/qj_07.png);background-size: 100% 100%;padding:.6rem 0 .3rem 0;position: relative;overflow: hidden;}

.vip .vip_wrap .vip_wrap_rg li span{color: #fff;font-size: .24rem;position: absolute;top:.1rem;right: 0;width: 37%;height: .5rem;background-color: #f6a340;border-bottom-left-radius: .25rem;border-top-left-radius: .25rem;text-align: center;line-height: .5rem;}
.vip .vip_wrap .vip_wrap_rg li p{width: 90%;text-align: left; font-size: .26rem;line-height: .36rem;}
.vip .vip_wrap .vip_wrap_rg li a{display: inline-block;width:60% ;height: .5rem;border-radius: .25rem;text-align: center;line-height: .5rem;margin-top: .2rem;font-size: .27rem;color: #fff;background-color: #f08e18;margin-left: 20%;}

.serivce{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/wap_bg_06.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding: .3rem 0;}
.serivce img{width:92%;height: auto;position: relative;overflow: hidden;margin-left: 4%;margin-top: .3rem;}






.teacher{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/wap_bg_07.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding: .3rem 0;}


#gallerySwiper{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;margin-top: .3rem;}
#gallerySwiper .swiper-wrapper{width: 100%;height: auto;position: relative;}
#gallerySwiper .swiper-slide{width: 100%;height: auto;padding: .3rem 0 .4rem 0;}
#gallerySwiper .swiper-slide dl{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;}
#gallerySwiper .swiper-slide dl dt{width: 100%;height: auto;}
#gallerySwiper .swiper-slide dl dt img{width: 100%;height: auto;}
#gallerySwiper .swiper-slide dl dd{width:100%;height: auto;position: absolute;bottom: 0;left: 0;} 
#gallerySwiper .swiper-slide dl dd h3{width: 25%;height:.6rem;margin-left:58%;background-color: #ec8946;color: #fff;border-bottom-left-radius: .3rem;border-top-right-radius: .3rem;text-align: center;line-height:.6rem;font-size: .3rem;letter-spacing: 1px;}
#gallerySwiper .swiper-slide dl dd span{display: block;color: #ec8946;font-size:.28rem;margin-top: .15rem;font-weight: bold;border-left: .05rem solid #ec8946;padding-left:.08rem;margin-left:58%;}
#gallerySwiper .swiper-slide dl dd p{width:96%;height:auto; padding:.2rem 2%; background-color: #ec8946;color: #fff;font-size:.25rem;line-height: .35rem;margin-top:.1rem;border-radius: .2rem;}
#gallerySwiper .swiper-slide dl dd a{display: block;width: 35%; display: block;height: .6rem;background-color: #ec8946; line-height: .6rem;text-align: center;color: #fff;margin-top: .1rem;font-size: .28rem;border-radius: .3rem;margin-left: 32.5%;}


#thumbsSwiper{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;}
#thumbsSwiper .swiper-wrapper{width: 92%;height: auto; margin-left: 4%;}
#thumbsSwiper .swiper-slide{width: 14.5% !important;height: auto;margin-right: 1%;}
#thumbsSwiper .swiper-slide img{width: 100%;height: auto;}



.gedu{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/wap_bg_08.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding: .3rem 0;}
.gedu ul{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;}
.gedu ul li{width:49%;height: auto;float: left;margin-top: .3rem;border: 2px solid #ec8946;border-bottom-left-radius: .2rem;border-bottom-right-radius: .2rem;border-top-right-radius: .2rem;background-color: #fff;margin-right: 2%;padding-bottom:.2rem;box-sizing: border-box;}
.gedu ul li h3{width: 60%;height: .5rem;background-color: #ec8946;border-bottom-left-radius: .2rem;border-top-right-radius: .2rem;color: #fff;text-align: center;line-height: .5rem;font-size: .3rem;}
.gedu ul li p{border-left:.1rem solid #ec8946;padding-left:.1rem;font-size: .28rem;text-align: left;line-height: .38rem;color: #333;margin-top: .2rem;}



.hj{width: 100%;height: auto;position: relative;overflow: hidden;background-image: url(../images/wap_bg_09.jpg);background-size: 100% 100%;background-repeat: no-repeat;background-position: center top;padding: .3rem 0;}
.hj img.hj_img{width: 94%;height: auto;margin-left: 3%;margin-top: .3rem;}




/*公共*/
h3.pub_head{width: 100%; height:1.6rem;position: relative;overflow: hidden;color: #cb4c22;font-size: .42rem;margin-top:.2rem;font-weight: bold;text-align: center;background-repeat: no-repeat;background-position: center bottom;background-image: url(../images/head.png);background-size:auto 100% ;  line-height:1rem ;}

p.pub_info{width: 94%;margin-left: 3%; text-align: center;color: #b46e2d;font-size: .26rem;margin-top:.15rem;line-height: .35rem;}



p.zx{width: 100%;height: .7rem;position: relative;margin-top: .4rem ;overflow: hidden;}
p.zx>a{width: 35%; display: block;height: .7rem;float: left;text-align: center;line-height:.7rem;font-size: .28rem;margin-left: 10%; font-weight: bold;border-radius: .35rem;box-sizing: border-box;}
p.zx>a.btn1{background-color: #cb4c22;color: #fff;font-weight: bold;border: .04rem solid #cb4c22;}
p.zx>a.btn2{color: #cb4c22;border: .04rem solid #cb4c22;}


.pub_bg{width: 100%;height: auto;position: relative;overflow: hidden;}
.pub_bg img{width: 100%;height: auto;}