 CSS Document */

body,html{width: 100%; padding:0;margin:0;}
body {margin:0; padding:0;font-size:0.19rem;font-family:'Microsoft YaHei';line-height:0.34rem
; background:#fff; color:#333333;}
body > div {margin-right:auto; margin-left:auto;} 
div,form,img,ul,ol,li,p,dl,dt,dd { margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;font-weight:normal;font-family:'Microsoft YaHei';font-weight:bold;font-size:0.22rem;}
ul,li {display:block;list-style:none;line-height:0.38rem;}
img{border:0;display: block;}
.area:after,.clear:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.clear,.area{zoom:1;}
a {text-decoration:none;color:#333;cursor: pointer;cursor: hand;outline:none;}
a:hover{text-decoration: none;}
.section{width: 100%;overflow: hidden;margin:0 auto;}
.section .area{width: 96.25%;margin:0 auto;}
.area .title{width: 100%;margin:0 auto;overflow: hidden;}
.area .title h1{width: 100%;margin:0.7rem auto 0.59rem;font-size: 0.47rem;font-weight: normal;line-height: 0.47rem;text-align: center;color: #303030;}


/*banner*/
.section1 .area{height: 7.81rem;width: 100%; background:url(../images/banner.jpg) top center no-repeat;background-size: cover;}
/*提升学习力*/
.section2 .content{overflow: hidden;width: 100%;margin:0 auto;}
.section2 .content ul{overflow: hidden;width: 100%;margin:0 auto;}
.section2 .content li{float: left;position: relative;width:2.92rem;height: 3.2rem;box-sizing: border-box; box-shadow: #cecccc 0 0 0.09rem;border-radius: 0.16rem; margin:1.31rem 0.14rem 0.16rem;padding:0.81rem 0 0 0}
.section2 .content .pic{position: absolute;top:-20%;left:27%;width: 1.34rem;height: 1.34rem;box-sizing: border-box; border-radius: 50%;}
.section2 .pic img{width: 100%;display: block;margin:0 auto;}
.section2 .content h3{width: 100%;margin:0 auto;padding-top:0.22rem;font-size: 0.3rem;line-height: 0.3rem;text-align: center;color:#df0700;}
.section2 .content p{width: 2.7rem;margin:0 auto;padding:0.2rem 0.14rem 0.25rem;font-size: 0.28rem;line-height: 0.47rem;text-align: left;color:#474747;}
/*预约体验课*/
 .order {width: 100%;margin:0 auto;}
 .order h5{width: 100%;margin:0 auto;margin:0.73rem auto 0.27rem;font-size: 0.47rem;line-height:0.47rem;color: #303030;text-align: center;font-weight: normal; }
 .order ul{width:90%;margin:0 auto;overflow: hidden;}
 .order li{width: 100%;margin: 0.2rem auto;}
 .order input{width: 100%;height: 1.03rem;box-sizing: border-box; border:0.02rem solid #d6d6d6;border-radius: 0.16rem;font-size: 0.28rem;line-height: 1.03rem;padding-left: 0.22rem;}
 .order  input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #b0b0b0; font-size: 0.28rem;line-height: 1.03rem;} 
 .order  input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #b0b0b0;  font-size: 0.28rem;line-height: 1.03rem;} 
 .order input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #b0b0b0;  font-size: 0.28rem;line-height: 1.03rem;} 
 .order input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #b0b0b0; font-size: 0.28rem;line-height: 1.03rem; }
 .order a {display: block;width: 100%;height: 1.05rem;margin:0.78rem auto 0.31rem ; box-sizing: border-box; border-radius: 0.16rem;font-size: 0.38rem;line-height:1.05rem;color: #fff;text-align: center;background-color: #df0700;}

/*五环十步服务体系 全方位学习体验*/
.section3 .area{overflow: hidden;margin:0 auto 0.89rem;}
.section3 .title h2{margin:0 auto 0.22rem;font-size: 0.34rem;font-weight: normal;line-height: 0.34rem;text-align: center;color: #df0700;}
.section3 .content{width: 100%;margin:0 auto;position: relative;}
.section3 .content img{width: 2.28rem;margin:0 auto 0.02rem;position: absolute;top:-1rem;}
.section3 .content ul{width: 91%;margin:0 auto;}
.section3 .content li{overflow: hidden;width: 100%;margin:0 auto; padding:0 0 0 2.2rem;box-sizing: border-box;}
.section3 li h3{margin:0.38rem 0 0 0;width: 3.42rem;height: 0.52rem;box-sizing: border-box; background-color: #df0700;border-radius: 0.16rem; font-size: 0.31rem;line-height: 0.49rem;text-align: center;font-weight: bold;color: #fff;}
.section3 .content p{width: 100%;margin:0 auto;padding:0.21rem 0.08rem 0.08rem; font-size: 0.28rem;line-height: 0.4rem;text-align: left;color: #474747;}

/*五环循环 环环相扣 教学相长*/
.section4{background: url(../images/sec4_bg.jpg)  top center no-repeat;background-size: cover;}
.section4 .title h2{width: 100%;margin:0.58rem auto;font-size: 0.33rem;font-weight: normal;line-height: 0.33rem;text-align: center;color: #df0700;}
.section4 .content{overflow: hidden;width: 98%;margin:0 auto;}
.section4 .content ul{float: left;width:3.4rem;margin:0 auto;}
.section4 .content  ul.sub2_1{padding-top:0.23rem;}
.section4 .content  ul.sub2_2{width:2.25rem;margin:0 0.11rem 0.2rem;}
.section4 .content  ul.sub2_3{padding:0.96rem 0 0 0;}
.section4 .content  li{width: 100%;margin:0 auto 0.5rem;}
.section4 .content p{width: 100%;margin:0 auto;color: #303030;text-align: left;font-size:0.28rem;line-height: 0.47rem;}
.section4  ul.sub2_1 p{text-align: right;}
.section4  ul.sub2_2 img{width: 100%;margin:0 auto;}
.section4  ul.sub2_3 p{text-align: left;}

/*智能学“五环十步”系统 助力提升学习力*/
.section5{background: url(../images/sec5_bg.jpg) bottom repeat-x;background-size: 100% 44%;}
.section5 .content{width: 100%;margin-bottom: 0.62rem;box-shadow: #cecccc 0 0 0.09rem;border-radius: 0.16rem;background-color: #fff;}
.section5 .content ul{overflow: hidden;width: 100%;padding-top:0.4rem;}
.section5 .content li{float: left;width:2.31rem;height:3.1rem; margin:0 4.5% 0.4rem; padding:0;box-sizing: border-box;}
.section5 li img{width: 1.09rem; margin:0 auto;}
.section5 .content p{width: 100%;padding:0.2rem 0 ; font-size:0.28rem;line-height:0.47rem; text-align: left;color: #303030;}

/*学习提升 从选择好老师开始*/
.section6 .content{width: 100%;overflow: hidden;margin:0 auto; }
.section6 .content .t{width: 100%;margin:0 auto;}
.section6 .t h4{width: 100%;margin:0 auto 0.34rem;font-size: 0.31rem;line-height: 0.31rem;color: #df0700;text-align: center;font-weight: normal;}
.section6 .t img{margin:0.31rem auto 0.12rem;width:7.8rem;}
.section6 .content div.swiper-container{width:96%;margin:0 auto;height:4.64rem;border:0.02rem solid #c2c2c2;box-sizing: border-box;border-radius: 0.16rem;}
.section6 .content li{overflow: hidden;width:100%;}
.section6 li .left{float:left;width:4.47rem;margin:0; }
.section6 .left img{width: 3.42rem;margin:0.44rem auto 0;display: block;}
.section6 li .right{float:left; width:4.69rem;margin:0;padding:0.56rem 0.5rem 0 0;box-sizing: border-box;}
.section6 .right h5{width: 100%;font-size:0.33rem;line-height:0.77rem;color: #303030;text-align: left;}
.section6 .right p{width: 100%;border-top:0.02rem solid #afafaf;margin-left: 0.08rem;padding-top: 0.22rem; font-size: 0.28rem;line-height:0.47rem;color: #303030;text-align: left;}

.mcbomBox,.mcnUs{display: none;}
