@charset "utf-8";
/* 首页中心部分样式 */

/* 首页轮播 banner */
.banner{ position:relative; width:100%; text-align:center;}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:.26rem;}
.banner .hd ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.banner .hd ul li{ height:.26rem; width:.26rem; background:#fff; border-radius:50%; display:inline-block; margin:0 .1rem; text-indent:-9999px; cursor:pointer;}
.banner .hd ul .on{ background:#636681;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ max-width:100%; display:block; margin:0 auto;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* 课程图标 */
.i_course{ padding-top:.32rem;}

/* 首页模块通用标题 */
.i_com_tit{ line-height:.4rem; margin:0 0 .33rem 0; position:relative;}
.i_com_tit:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.i_com_tit em{ display:inline-block; font-size:.3rem; padding-left:.5rem;}
.i_com_tit i{ content:""; display:block; position:absolute; top:0; left:0; width:.4rem; height:.4rem;}
.i_com_tit i img{ max-width:100%;}
.i_com_tit a{ float:right; font-size:.3rem;}

/* 学校新闻 */
.i_combg{ padding:.34rem .26rem; margin-bottom:.26rem; background:#fff;}
.inews:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.inewslf{ width:3.4rem; border-right:1px solid #e0e3e6; float:left;}
.inewslf a{ display:block;}
.inewslf em{ display:block; margin-bottom:.15rem;}
.inewslf em img{ width:93%;}
.inews h3{ line-height:.32rem; padding-bottom:.15rem; width:95%;}
.inews p{ font-size:.24rem; color:#b7bbbf;}
.inews ul{ float:right; width:3.45rem;}
.inews ul li{ border-bottom:1px solid #e0e3e6; padding-bottom:.25rem; margin-bottom:.25rem;}
.inews ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.inews ul li a{ display:block; padding-left:5%;}

/* 开班信息 */
.class_tab{ text-align:center;}
.class_tab th{ background:#1e78ff; color:#fff; height:.7rem; font-weight:bold;}
.class_tab td{ background:#fff; font-size:.24rem; line-height:.35rem; padding:.13rem 0;}
.class_tab td a{ color:#ff5858;}
.class_tab tr:nth-child(2n+1) td{ background:#f5f5f5;}

/* 师资团队 */
.i_teacherc{ padding:.34rem .26rem .08rem .26rem; margin-bottom:.26rem; background:#fff;}
.i_teacher{ margin-right:-.26rem;}
.i_teacher:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.i_teacher li{ width:50%; float:left;}
.i_teacher li a{ display:block; background:#f5f5f5; border-radius:.15rem; text-align:center; margin:0 .26rem .26rem 0; padding:.35rem 0 0 0; height:3.1rem;}
.i_teacher li em{ display:block;}
.i_teacher li em img{ width:1.95rem; height:1.95rem; display:block; margin:0 auto; border-radius:50%;}
.i_teacher li h3{ line-height:.35rem; font-weight:bold; padding:.12rem 0 .07rem 0;}
.i_teacher li p{ font-size:.24rem; line-height:.35rem;}

/* 干货资讯 */
.i_news{ background:#fff; padding:.34rem .26rem;}
.new_hot:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.new_hot em{ display:inline-block; float:left; margin-right:.2rem;}
.new_hot em img{ display:block; width:2.13rem; height:1.56rem;}
.new_hot h3{ line-height:.4rem; padding:0 0 .06rem 0; font-size:.28rem;}
.new_hot p{ color:#929292; font-size:.24rem; line-height:.4rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.relateds li{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; border-bottom:1px solid #f5f5f5; height:.87rem; line-height:.87rem;}
.relateds li a{ display:inline-block; position:relative; padding-left:.38rem;}
.relateds li a:before{ content:""; display:block; position:absolute; top:.365rem; left:0; width:.14rem; height:.14rem; background:url(http://m.mede.com.cn/images/point.png) center center no-repeat; background-size:100%; cursor:pointer;}

/* 首页课程图标（含更多课程） */
.course{ background:#fff; margin-bottom:.26rem;}
.course h2{ padding:.34rem 0 .34rem .26rem;}
.course h2 em{ display:inline-block; line-height:.3rem; border-left:.04rem solid #1e78ff; padding-left:.12rem; font-size:.3rem; color:#000;}
.course ul{ padding:0 .26rem;}
.course ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.course ul li{ width:25%; float:left; padding-bottom:.32rem;}
.course ul li a{ display:block; text-align:center;}
.course ul li img{ width:1rem; height:1rem; margin:0 auto;}
.course ul li span{ display:block; font-size:.28rem; color:#666; line-height:.3rem; padding-top:.08rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 校区分布 */
.i_contact{ padding-top:.34rem;}
.i_contact h2{ text-align:center; font-size:.38rem; font-weight:bold; line-height:.5rem;}
.contact{ padding:.26rem 0 0 0;}
.contact>li{ margin-bottom:.15rem; background:#fff; text-align:center; width:100%; position:relative; padding:.15rem .1rem; border-bottom:1px solid #efefef; display:flex; align-items:center;}
.contact>li .contact-info-box{ display:flex; margin-right:.1rem; flex:1;}
.contact>li .contact-info-box .contact-img-box{ width:1.7rem; margin-right:.2rem; background-color:#ececec;}
.contact>li .contact-info-box .contact-img-box>img{ width:100%; height:100%;}
.contact>li .contact-info-box .contact-info{ display:flex; flex-direction:column; align-items:start; flex:1;}
.contact>li .contact-info-box .contact-info .title{ font-size:.3rem; font-weight:900;}
.contact>li .contact-info-box .contact-info .address{ text-align:left; margin-top:.1rem; line-height:.4rem; font-weight:normal; color:#999999; display:block; white-space:wrap; overflow:hidden; text-overflow:ellipsis;}
.contact>li .more-box .more-btn{ display:inline-block; padding:.09rem .2rem; color:#fff; background:#0054b2; border-radius:.2rem;}