CSS Document */
body { margin:0; padding:0;font-size:12px;font-family:'Microsoft YaHei';text-align:left;line-height:22px; background:#fff; color:#333333;}
body > div {margin-right:auto; margin-left:auto;} 
body,html{padding:0;margin:0;}
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:14px;}
ul,li {display:block;list-style:none;line-height:24px;}
img{border:0px;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;}
.area {margin: 0 auto;width:1200px;}
.area .title{margin:85px auto 38px;text-align:center;}
.area .title h1{display: inline-block;margin:0 auto ;font-size: 40px;font-weight: normal;line-height: 49px;text-align: center;color: #303030;width:fit-content;}
.area .title img{display: inline-block; width: 24px;height: 36px;margin:0 16px;}
/*预约电话*/
.tel{width: 386px;margin:47px auto 44px;}
.tel a{display: block;width: 386px;height: 46px;background-color: #df0700;color:#fff;text-align: center;font-size: 28px;line-height: 46px;    border-radius: 45px;}


/*banner*/
.section1{width:auto;height: 550px; background:url(../images/banner.png) top center no-repeat;background-size: cover;}
/*这是众多孩子的学习误区*/
.section2{margin:0 auto;}
.section2 .area{width: 1230px;margin:0 auto;}
.section2 .content{margin:0 auto; overflow: hidden;}
.section2 .content ul{overflow: hidden;}
.section2 .content li{float: left;width: 218px;height: 190px;box-sizing: border-box;margin:36px 14px 87px;border:1px solid #f6bdbb; border-radius: 10px;padding: 42px 35px;}
.section2 .content li:nth-child(5){padding-top: 27px}
.section2 .content p{font-size: 21px;line-height: 34px;text-align: center;color:#303030;}

/*励学个性化1对1 辅导更具针对性*/
.section3{margin:0 auto;background-color: #f8f8f8;overflow: hidden;}
.section3 .area{width: 1200px;margin:0 auto;}
.section3 .area .content{position: relative;width: 1200px;height: 630px; background: url(../images/sec3_bg.png) center 125px no-repeat;}
.section3 .content .sub1{position: absolute;top: 12px;left: 524px;width: 170px;}
.section3 .content .sub2{position: absolute;top:128px;left: 828px;width: 171px;}
.section3 .content .sub3{position: absolute;top: 128px;left: 217px;width: 171px;}
.section3 .content .sub4{position: absolute;top:378px;left: 73px;width: 171px;}
.section3 .content .sub5{position: absolute;top:378px;left:958px;width: 171px;}
.section3 .content h2{;margin:19px auto;font-size: 20px;line-height: 20px;text-align: center;color: #df0700;}
.section3 .content p{;margin:0px auto 0 ;font-size: 16px;line-height:26px;text-align: left;color: #1c1c1c;letter-spacing: 1px;}

/*分层教学 精准定位 针对提升 ·分层教学切换*/
.section4{margin:0 auto;}
.section4 .area{width: 1200px;margin:0 auto ;overflow: hidden;}
.section4 .area .title{text-align:center;margin-top: 30px;}
.hmSubject {margin-bottom: 60px;border-bottom: 1px dotted #696969;}
.hmSubject .content {margin: 0 auto;overflow-x: auto;}
.hmSubject ul {white-space: nowrap;font-size: 0;line-height: normal;text-align: center;padding: 20px 0;margin-top: 30px;}
.hmSubject li {display: inline-block;font-size: 20px;line-height: 35px; color: #373737;padding: 0 5px;}
.hmSubject li a {display: block;padding: 0 35px;height: 34px;line-height: 34px;color: #333;border-radius: 17px;box-sizing: border-box;}
.hmSubject li.cur a, .hmSubject li a:hover {display: block;text-decoration: none;width: 110px; height: 35px;margin:0; color: #fff;background-color: #0075c1;border-radius: 45px;}
.hmBox3 .box {overflow: hidden;}
.hmGrade {width: 300px;float: left;margin-top: 12px;}
.hmGrade li {font-size: 20px;padding: 20px 0;}
.hmGrade a {height: 43px;line-height: 43px;display: block;background-color: #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;padding: 0 15px 0 40px;transition: all .2s;}
.hmGrade li.cur > a, .hmGrade a:hover {background-color: #f3514c;color: #fff;}
.hmGrade a i {float: right;font-style: normal;}
.hmCourse {float: right;width: 758px;padding-right: 48px;}
.hmCourse li {display: table-cell;vertical-align: bottom;padding-left: 2px;width: 20%;}
.hmCourse li a {color: #333;display: block;overflow: hidden;}
.hmCourse .mark {font-size: 20px;text-align: center;margin-bottom: 22px;transition: color .2s;font-weight: bold;}
.hmCourse .li1 .mark {color: #fd746e;}
.hmCourse .li2 .mark {color: #fc5953;}
.hmCourse .li3 .mark {color: #f7362f;}
.hmCourse .li4 .mark {color: #df231c;}
.hmCourse .li5 .mark {color: #cb100a;}
.hmCourse li .info{position: relative;background-color: #e5e5e5;color:#666;}
.hmCourse li .info:hover{background-color: #e12d30;color: #fff;}
.hmCourse .li1 .info {height: 120px;}
.hmCourse .li2 .info {height: 180px;}
.hmCourse .li3 .info {height: 240px;}
.hmCourse .li4 .info {height: 300px;}
.hmCourse .li5 .info {height: 360px;}

.hmCourse .text {font-size: 13px;padding: 15px 11px 0;line-height: 18px;display: table-cell;vertical-align: bottom;}
.hmCourse .text p {font-size: 13px;line-height: 24px;text-align-last: left;}
.hmCourse .consult {width: 111px;height: 21px;text-align: center;line-height: 21px;font-size: 13px;color: #f4615d;background-color: #fff;border-radius: 16px;margin: 0 auto;position: absolute;bottom: 10px;left: 50%;margin-left: -57px;}

.hmCourse .level {font-size: 20px;text-align: center;padding-top: 20px;color: #595757;}

/*多种课程 满足不同学员需求*/
.section5 .area{width: 1300px;margin:0 auto;}

.section5 .content img{display: block;margin:65px auto 0px;}

/*五环十步服务体系 全方位学习体验*/

.sect{overflow: hidden;}
.section6{background: url(../images/sec6_bg1.png)  center 222px no-repeat;}
.section6 .area{width: 1360px;margin:0 auto;}
.section6 .area .title{margin:50px auto 0px;}
.sect .area .content{overflow: hidden;margin:0 auto; }
.sect .content h2{font-size: 27px;line-height: 40px;color: #fff;font-weight: normal; }
.sect .content {position: relative;}
.section6 .content img{position: absolute;top:0px;left:107px;}
.section6 .content h2{position: absolute;top:224px;left:513px;}
.section6 .content ul{overflow: hidden;}
.section6 .content li{float: left;width: 208px;margin:0 11px;}
.section6 .content ul.sub1_1{padding: 215px 20px 30px 664px;}
.section6 .content ul.sub1_2{padding: 21px 0px 60px 547px;}
.sect .content h3{margin:0px auto; font-size: 22px;line-height: 22px;text-align: center;color: #fff;}
.sect .content p{font-size: 15px;line-height: 25px;text-align: center;color: #fff;}
.sect .content span{display:inline-block;margin:12px auto;border-radius: 45px;padding:0 15px;background-color: #fff;font-size: 16px;line-height: 19px;color: #df0700;}


.section22{background: url(../images/sec6_sub2.png)  top center no-repeat;}
.section22 .area{width: 1300px;margin:0 auto;}
.section22 .content{position: relative; }
.section22 .content  h2{color: #303030;position: absolute;top: 205px;left: 1079px;}
.section22 .content  ul{overflow: hidden;}
.section22 .content  li{float: left;width: 134px;margin:0 26px;padding: 16px 11px;box-sizing: border-box;}
.section22 ul.sub2_1  li:nth-child(4){padding: 28px 11px;margin: 0px 30px;}
.section22 ul.sub2_1  li:nth-child(5){padding:5px 11px;}
.section22 ul.sub2_2  li:nth-child(3){margin:0px 29px;}
.section22 ul.sub2_2  li:nth-child(4){padding: 5px 11px;}
.section22 .content  ul.sub2_1{padding: 72px 20px 30px 31px;}
.section22 .content  ul.sub2_2{padding: 147px 0px 98px 31px;}
.section22 .content p{color: #474747;text-align: left;font-size: 16px;line-height: 22px;}



/*提升学习  从选择励学个性化好老师开始*/
.section7 .area{width: 1200px;margin:0 auto;}
.section7 .content{overflow: hidden;margin:40px auto 0; }
.section7 .content .t{float: left;margin-right: 53px;}
.section7 .t h4{margin:0px auto 36px;font-size: 22px;line-height: 22px;color: #777777;text-align: center;font-weight: normal;}
.section7 .t img{margin:0px auto;width: 499px;height: 475px;}
.section7 .content div.swiper-container{float: left; float:left;width:600px;padding:33px 20px;height:500px;}
.section7 .content li{float: left;width: 286px;border:1px solid #a7a7a7;box-sizing: border-box;}
.section7 li h5{position: absolute;top:301px;left: 113px;font-size: 21px;color: #373737;text-align: center;margin:0 auto;}
.section7 li p{position: absolute;top:350px;left: 30px;width: 224px;font-size: 14px;line-height: 22px;color: #373737;text-align: left;}
.section7 div.swiper-container .swiper-button-prev{background:url(../images/prev.png) no-repeat left;left:0px;}
.section7 div.swiper-container .swiper-button-next{background:url(../images/next.png) no-repeat right;right:0px;}

 .order {margin:65px auto 70px;}
 .order h5{margin:0 auto;font-size: 39px;line-height: 59px;color: #df0700;text-align: center; }
 .order p{font-size: 20px;line-height: 50px;color: #909090;text-align: center; }
 .order ul{overflow: hidden;width: 1200px;margin:35px auto 0;}
 .order li{float: left;width: 298px;margin-right: 16px;}
 .order li:nth-child(4){width: 224px;margin:0;}
 .order input{width: 298px;height: 52px;box-sizing: border-box; border:1px solid #000;border-radius: 10px;font-size: 20px;padding-left: 12px;}
 .order  input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #a4a4a4; font-size: 20px;} 
 .order  input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #a4a4a4;  font-size: 20px;} 
 .order input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #a4a4a4;  font-size: 20px;} 
 .order input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #a4a4a4; font-size: 20px; }
 .order a {display: block;width: 224px;height: 52px;box-sizing: border-box; border:1px solid #000;border-radius: 10px;font-size: 26px;line-height:52px;color: #fff;text-align: center;background-color: #df0700;}

.section6 .con{width: 378px;overflow: hidden;box-sizing: border-box;float: left;}
.section6 .con li{padding-left: 33px;text-align: left;}
.section6 .con li h3{margin:0 auto 15px;font-size: 25px;color:#fabc41;}
.section6 .con li p{line-height: 35px;font-size: 18px;color:#6a6a6a;margin-bottom: 15px;}
.fot_ico img{margin:0 auto;}