 CSS Document */

body,html{width: 100%; padding:0;margin:0;}
body {margin:0; padding:0;font-size:0.19rem;font-family:'Microsoft YaHei';text-align:left;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.5rem;font-size: 0.47rem;font-weight: normal;line-height:0.7rem;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 .area{width: 100%;}
.section2 .content{overflow: hidden;width: 100%;margin:0 auto}
.section2 .content .city{width: 8.95rem;overflow: hidden;margin:0 auto}
.city li{background-color:#fff; ;color: #303030;border:1px solid #bababa;border-radius: 0.16rem;margin:0.26rem 0.5rem; width: 3.47rem;height:0.84rem;line-height:0.84rem;text-align: center;float: left;font-size: 0.41rem;}
.city li.on{background-color:#df0700; ;color: #fff;}
.city_panal  {background: url(../images/sec2_sub_bg.jpg) top repeat-x #fff;background-size:100% 20%;}
.section2 .content select{border:1px solid #bababa;border-radius: 0.16rem;outline: none;margin:0.3rem 0.74rem 0.66rem; width: 3.44rem;height:0.78rem;line-height:0.78rem;text-align: center;
    text-align-last: center;letter-spacing: 0.05rem;font-size: 0.34rem;color: #303030;background:#fff; }
.citylist{width: 100%;margin:0 auto;padding:0.52rem 0 0.7rem;}
.citylist ul{width: 100%;overflow: hidden;padding:0  0.38rem;}
.citylist li{box-sizing:border-box; width: fit-content;padding:0 0.1rem;height: 0.53rem;border-radius: 0.7rem;float: left;margin:0 0.3rem 0;width: 2.42rem; font-size: 0.28rem;line-height: 0.53rem;color: #303030;text-align: center;}
.citylist li.on{background-color:#df0700; ;color: #fff;}

/*校区介绍*/
.section3 .area{width:88%;}
.section3 .mappanel{width: 100%;height: 5.28rem;border:1px solid #b3b2b0;margin:0 auto;}
.section3 .mappanel .map{margin:0 auto;width: 100%;height:100%;}
.section3 .title{width:100%;margin: 0.8rem auto 0.3rem;padding-bottom:0.25rem;border-bottom:0.02rem dashed #e3e3e3;}
.section3 .title h3{font-size: 0.31rem;line-height: 0.31rem;color: #303030;text-align: left;}
.section3 .sub{margin:0.58rem auto 0;overflow: hidden;}
.section3 .sub img{float: left;margin:0.09rem 0.25rem 0 0;width: 0.8rem;height: 0.8rem;}
.section3 .sub span{font-size: 0.28rem;line-height:0.47rem;color: #777777;text-align: left;}
.section3 .bottom{width: 100%;margin:0 auto;padding:1.0rem 0 0.7rem 0;}
.section3 .bottom ul{overflow: hidden;width: 100%;}
.section3 .bottom p{font-size: 0.28rem;color: #777777;margin-bottom: 0.28rem;}
.section3 .bottom li{float: left;width:2.62rem;height:0.78rem;margin:0 0.47rem 0.31rem 0;box-sizing:border-box;font-size: 0.31rem;line-height:0.78rem;text-align: center;color: #fff; }
.section3 .bottom li:nth-child(4){margin-right: 0;}
.section3 .bottom li:nth-child(7){margin-right: 0;}
.section3 .bottom li a{display: block; border-radius:0.16rem;background: #df0700;color: #fff;}
.section3 .bottom li:nth-child(1){border:none;margin-right: 15px;}
.section3 .bottom a{color: #777777;}
#city option{display:none;}
#city option.select{display: block;}
.section3 .hidden{display:none;}
/*预约体验课*/
.order {width: 100%;margin:0 auto;}
.order h5{width: 100%;margin:0 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 1.36rem; box-sizing: border-box; border-radius: 0.16rem;font-size: 0.38rem;line-height:1.05rem;color: #fff;text-align: center;background-color: #df0700;}
/*环境图片展示*/
.section7{display: none;}
.section8 .content {width: 9.08rem;margin:0 auto;height: 7.34rem;}
.section8 .content img{width:100%;height: 5.55rem;border-radius: 0.16rem;margin:0 auto;}
.section8 .content ul{width: 100%;margin:0 auto;}
.section8 .content li{width: 100%;margin:0 auto;}
.section8 .content .text{width: 100%;padding:0 0 0.62rem 0.09rem;}
.section8 .content h4{width: 95%;padding:0.33rem 0 0.28rem;font-size: 0.3rem;color:#303030;line-height:  0.3rem;font-weight: normal;}
.section8 .content em{display: inline-block;width:0.12rem;height:0.12rem;background: #df0700;margin-right:0.11rem;}
.section8 .content p{width: 95%;padding-left: 0.23rem;font-size:0.3rem;color:#777777;line-height:  0.3rem;}
/*9年专注中高考 品质信赖之选*/
.section9 .content{overflow: hidden;background-color: #fff;box-shadow: #e2e2e2 0 0 0.12rem;margin-bottom: 0.12rem;padding:0.25rem 0.27rem 0 0.27rem;}
.section9 .content .left{float: left;width:4.73rem;margin:0 auto;}
.section9 .left img{width:100%;margin:0;}
.section9 .content .right{float: left;width:4.06rem;margin:0;;}
.section9 .right li{width: 100%; padding:0 0 0.44rem 0.58rem;}
.section9 .right img{width:0.8rem; float: left;margin:0.1rem 0.38rem 0 0;}
.section9 .right p{width: 100%;font-size:0.3rem;line-height:0.47rem;color: #303030;text-align: left;}


