﻿ 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 .title{width: 1200px;margin:55px auto 60px;}
.area .title h1{margin:0 auto ;font-size: 38px;font-weight: normal;line-height: 38px;text-align: center;color: #4b4b4b;}
/*预约电话*/
.area .tel{width: 386px;margin:47px auto 44px;}
.area .tel a{display: block;width: 386px;height: 46px;background-color: #fff;color:#e00702;text-align: center;font-size: 28px;line-height: 46px;    border-radius: 45px;}
.area .tel_r a{background-color: #e00702;color:#fff;}

/*banner*/
.section1{height: 550px; background:url(../images/banner.png) top center no-repeat;background-size: cover;}

.section2{margin:0 auto; background:url(../images/sec2_bgl.png) repeat; overflow: hidden;}
.section2 .area {width: 1200px;height: 776px;margin: 0 auto;overflow: hidden;}
.section2 ul {position: relative;overflow: hidden;height: 776px;background:url(../images/sec2.png)center 1px no-repeat;padding-top: 692px;}
.section2 ul li{position: absolute;}
.section2 ul li:nth-child(1){top: 80px;left: 394px;width: 140px;}
.section2 ul li:nth-child(2){top: 302px;left: 671px;width: 122px;}
.section2 ul li:nth-child(3){top: 73px;left: 644px;width: 122px;}
.section2 ul li:nth-child(4){top:151px;left: 885px;width: 140px;}
.section2 ul li:nth-child(5){top: 500px;left: 813px;width: 150px;}
.section2 ul li:nth-child(6){top: 358px;left: 1031px;width: 90px;}
.section2 ul h2{font-size: 20px;line-height: 20px;text-align: center;color:#df0700;margin:14px auto;}
.section2 ul p{font-size: 15px;line-height: 25px;text-align: left;color:#474747;}
.section2 ul a{display: block;width: 138px;height: 36px;border-radius: 45px;margin:16px auto 29px;border:1px solid #adadad;font-size: 16px;line-height:32px;text-align: center;color:#adadad;}
.section2  li:hover a{border:none; background: #df0700;color:#fff;}
.section2 .area .tel{margin:21px 0 15px 700px;}
/*励学“五环十步”系统 助力提升学习力*/
.section3{margin:0 auto;background: url(../images/sec3_bg.png) repeat;overflow: hidden;}
.section3 .area{width: 1200px;margin:0 auto;}
.section3 .content{box-shadow: #cecccc 0px 0px 6px;border-radius: 10px;background-color: #fff;}
.section3 .content ul{overflow: hidden;padding: 25px 40px;}
.section3 .content li{float: left;width: 274px;height: 204px; margin:8px 45px; padding:18px 24px;box-sizing: border-box;}
.section3 .content li:hover{background: url(../images/sec3_libg.png) repeat;}
.section3 li h3{margin:0 auto;font-size: 22px;line-height: 22px;text-align: center;}
.section3 li img{margin:0px auto;}
.section3 .content p{padding-top: 20px; font-size: 15px;line-height: 26px;text-align: left;color: #777777;}

/*五环循环 环环相扣 教学相长*/
.sect{overflow: hidden;}
.section6 .area{width: 1288px;margin:0 auto;background: url(../images/sec6_bg1.png) top center no-repeat;}
.section6 .area .title{margin: 44px auto 0; padding-top: 40px;}
.sect .area .content{overflow: hidden;margin:0 auto; }
.sect .content h2{font-size: 25px;line-height: 38px;color: #fff;font-weight: normal; }
.sect .content {position: relative;}
.section6 .content img{position: absolute;top:17px;left:164px;}
.section6 .content h2{position: absolute;top:438px;left:416px;}
.section6 .content ul{width: 1200px;margin:0 auto;overflow: hidden;padding: 300px 0px 0px 0px;}
.section6 .content li{float: left;width: 208px;margin:33px 36px 0 0;}
.section6 .area .content li:nth-last-child(1){margin-right: 0;}
.section6 .content ul.sub1_1{padding: 279px 20px 30px 664px;}
.section6 .content ul.sub1_2{padding: 21px 0px 60px 547px;}
.sect .content h3{width: 128px;height: 62px;box-sizing: border-box; margin:0 auto 22px; border-radius: 10px;font-size: 20px;line-height: 29px;color: #fff;background-color: #df0700;text-align: center}
.sect .content p{margin:5px auto;font-size: 16px;line-height: 30px;color: #303030;text-align: left;}
.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: #0075c1;}
.section6 .tel{margin-top: 0;}

.section22{background: url(../images/sec6_sub2.png)  top center no-repeat;}
.section22 .area{width: 1300px;margin:0 auto;}
.section22 .title{margin:47px auto 48px;}
.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: 163px;margin:0 16px;}
.section22 .content  ul.sub2_1{padding: 0px 83px 30px 67px;}
.section22 .content  ul.sub2_2{padding: 131px 83px 0px 126px;}
.section22 .content p{color: #474747;text-align: left;}

/*多种辅导形式  满足各类需求*/
.section10{margin:0 auto;}
.section10 .title{margin:0 auto;background: url(../images/sec10_title.png) top center no-repeat;}
.section10 h1{width: 1200px;margin:0 auto;font-size: 39px;line-height: 174px;color: #fff;font-weight: normal;text-align: center;}
.section10 .area{width: 1200px;margin:0 auto ;overflow: hidden;}
.section10 .area ul{overflow: hidden;margin-bottom: 112px;}
.section10 .area li{position: relative;float: left;width: 547px;height: 368px;box-sizing: border-box;margin:75px 0px 0 0;}
.section10 .area li:nth-child(1){margin-right:103px;}
.section10 .area a.sub{display: block;width: 100%;height: 100%;}
.section10 .area a.sub1{background: url(../images/sec10_1.png) top center no-repeat;}
.section10 .area a.sub2{background: url(../images/sec10_2.png) top center no-repeat;}

.section10 .area .box{position: absolute; width: 100%;height: 100%;box-sizing: border-box;left: 0; bottom:-100%;padding:40px 22px 17px 36px;background-color: rgba(0, 0, 0, 0.6);}
.section10 .sub_b em{display: block;width: 150px;height: 33px;border-radius: 45px; background-color: #fff;color: #df0700; font-size: 21px;line-height: 33px;text-align: center;font-style: normal;}
.section10 .sub2_b em{color: #4084ea;}
.section10 .sub_b h2{margin:17px 7px 27px;text-align: left; color: #fff; font-size: 46px;line-height: 46px;}
.section10 .sub_b em{color: #303030;}
.section10 .sub_b h3{margin:0px;text-align: left; color: #fff; font-size: 20px;line-height: 20px;}
.section10 .sub_b p{margin:26px 0px 75px;text-align: left; color: #fff; font-size: 16px;line-height: 26px;}
.section10 .sub_b strong{display: block;text-align: right;font-size: 16px;line-height: 16px;color: #fff;font-weight: normal;}
.section10 strong span{display: inline-block;margin-left: 6px;border: 8px solid #fff;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;}
.section10 a.sub:hover .box{bottom: 0;}
.section10 .sub:hover .box{position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;transition: bottom .3s;}

/*我们的教师团队 为高考学子护航*/
.section7 .area{width: 1200px;margin:0 auto;}
.section7 .content{overflow: hidden;margin:0 auto; }
.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: #e00702;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: #e00702;}



