/* -------------------- 头部 -------------------- */


/* 顶部 */
.top{
	width: 100%;
	height: 2.5rem;
    line-height: 2.5rem;
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9999;
    padding: 0 0.7rem;
    background: #fff;
}

.logo{
	height: 2.5rem;
    line-height: 2.5rem;
	width: 50%;
	margin-top: 0.7rem;
}

.logo>img{
	display: block;
	height: 1.2rem;
}

.menu{
	height: 2.5rem;
    line-height: 2.5rem;
	width: 44%;
	text-align: center;
	padding-top: 0.05rem;
}

.menu .navbar_left{
	color: #e6232b;
	border: 1px solid #e6232b;
	padding: .1rem .8rem;
	border-radius: 3rem;
	margin-right: .5rem;
}

.menu .navbar_toggle{
	border: none;
	background: transparent;
	cursor: pointer;
}

.menu .navbar_toggle>img{
	display: inline-block;
	width: 1rem;
}

/*侧滑菜单*/
.right_menu{
	width: 100%;
	position: fixed;
	left: 100%;
	top: 2.5rem;
	bottom:0;
	height: 100vh;
	background-color: #fe4645;
	opacity: 0;
	z-index: -1;
	transition: all .5s ease-in-out;
}

.right_menu ul{
	padding: 3rem 1.5rem 1.5rem 1.5rem;
	padding-right: 9.2rem;
}

.right_menu ul li{
	padding-left: 20px;
	line-height: 1.5rem;
	padding-top: .8rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #f87979;
}

.right_menu>ul>li>img{
	display: inline-block;
    width: 1.4rem;
    vertical-align: middle;
}

.right_menu>ul>li>a{
	color: #fff;
	padding-left: .5rem;
	font-size: .8rem;
}

.right_menu>ul>li.active a{
	color: #fff;
}

.right_menu .closeBtn{
	display: inline-block;
	position: absolute;
	top: 1rem;
	right: 8.5rem;
}

.right_menu .closeBtn>img{
	display: inline-block;
	width: 1rem;
}


/*banner*/
.banner_bg{
	margin-top: 2.2rem;
}

.H5 img{
	   max-width: 100%;
}


/* 伴你学专注个性化辅导 */


.H5_01_box{
    background-image: url(../img/h5_01_bg.jpg);
    background-size: 100% 100%;
    height:9rem;
    margin: 0 auto;
    padding-top: .8rem;
    width:100%;
}
.H5_01_box h2{
    color:#fff64c;
    font-size:.8rem;
    text-align:center;
    width:50%;
    margin:0 auto;
}
.H5_01_box img{
    width:80%;
    margin-top:1.5rem;
    margin-left:10%;
}

/* 什么样的孩子适合全托冲刺班培优 */

.h5_02_box{
    background-image: url(../img/h5_02_bg.jpg);
    background-size: 100% 100%;
    height:26rem;
    margin: 0 auto;
    padding-top: .8rem;
    width:100%;
}
.h5_02_content{
    width:92%;
    margin:0 auto;
    margin-top:4rem;
    padding-left:12%;
    height:17.5rem;

}
.h5_02_content_01{
    float:left;
    width:45%;
}
.bottom1{
    height:1rem;
    background-color:#fac273;
    margin-top:-1.2em;
}
.h5_02_content_02{
    float:left;
    width:80%;
    margin-top:-1rem;
}
.h5_02_content img{
    float:right;
    width:30%;
    margin-right:18%;
}
.h5_02_content ul li{
    margin-top:.5rem;
}
.h5_02_content ul li h2{
    font-size:1rem;
    color:#644024;
    font-weight: 900;
    margin-left:2%;
}
.h5_02_content ul li p{
    font-size:.8rem;
    color:#644024;
    font-weight:500;
    margin-top: .2rem;


}
.bottom2{
    width:60%;
    height:1rem;
    background-color:#fac273;
    margin-top:-1.2em;
}


.clinkbtn{
    display: block;
    background:#f95b23;
    width: 12.5rem;
    height: 1.8rem;
    line-height: 1.8rem;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 0.8rem;
    border-radius: .4rem;
    margin: 0 auto;
    cursor: pointer;
    box-shadow: 0px 2px 1px 1px  #e8b884;
    box-shadow: 0px -2px 1px 1px  #e84821 inset;
    font-size:1rem;

}




/* 全托冲刺班培优效果如何 */

.h5_03_box{
    background-image: url(../img/h5_03_bg.jpg);
    background-size: 100% 100%;
    height:20rem;
    margin: 0 auto;
    padding-top: .8rem;
    width:100%;
}


.h5_03_content{
    width:86%;
    margin:0 auto;
    margin-top:4.5rem;

    height:17.5rem;
}
.h5_03_content ul li{
    width:45%;
    float:left;
    text-align:center;
    background-color:#fac273;
    margin-left:2%;
    margin-top:.5rem;
    padding-bottom:.5rem;
    padding-top: .5rem;
    height: 5rem;
}
.h5_03_content ul li h2{
    font-size:.9rem;
    font-weight:900;
    color:#644024;
    margin-bottom: .2rem;
}
.h5_03_content ul li p{
    font-size:.7rem;
    color:#644024;
    margin-bottom: .2rem;
}

/* 伴你学的优势 */

.h5_04_box{
    background-image: url(../img/h5_04_bg.jpg);
    background-size: 100% 100%;
    height:22rem;
    margin: 0 auto;
    padding-top: .8rem;
    width:100%;
}


.h5_04_content{
    width:92%;
    margin:0 auto;
    margin-top:5rem;
    margin-left:5%;
    height:17.5rem;
}
.h5_04_content img{
    margin-left: 5%;
    height: 14rem;
    float: left;
}
.h5_04_content ul{
    float: left;
    width: 90%;
    height: 15rem;
    margin-left:2%;
}

.h5_04_content ul li h2{
    font-size: 1rem;
    color: #644024;
    font-weight: 900;
    margin-left: 2%;
}
.h5_04_content ul li p{

       font-size:.8rem;
    color:#644024;
    font-weight:500;

}

.h5_04_content ul li:nth-child(1) .bottom2{
    width:30%;
}
.h5_04_content ul li:nth-child(4) .bottom2{
    width:45%;
}


/* ----------全托冲刺班培优案例-------------- */

.h5_05_box{
    background-image: url(../img/h5_05_bg.jpg);
    background-size: 100% 100%;
    height:36rem;
    margin: 0 auto;
    padding-top: .8rem;
    width:100%;
}


.h5_05_content{
    width:80%;
    margin:0 auto;
    margin-top:4.5rem;

    height:17.5rem;
}
.h5_05_content ul li {
    float:left;
    margin-bottom:.8rem;
}
.h5_05_content ul li img{
    float:left;
    width:28%;

}
.h5_05_content ul li p{
    float:left;
    width:68%;
    font-size:.7rem;
    padding:.4rem .2rem .2rem .2rem;
    background-color:#fac273;
    line-height:.85rem;
    color:#644024;
}

.h5_05_content ul li:nth-child(1) p,.h5_05_content ul li:nth-child(3) p{
    margin-left:1%;
}
.h5_05_content ul li:nth-child(2) p,.h5_05_content ul li:nth-child(4) p{
    margin-right:1%;
}

/* -------------------- 底部 -------------------- */
.footer_nav{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2.5rem;
	line-height: 2.5rem;
	z-index: 9999;
}

.footer_nav ul li{
	float: left;
	width: 50%;
	text-align: center;
	background: #e22e31;
}

.footer_nav ul li:last-child{
	background: #ff581b;
}

.footer_nav ul li img{
	display: inline-block;
	width: 1.6rem;
	vertical-align: middle;
}

.footer_nav ul li span{
	color: #fff;
	font-size: 0.8rem;
}

.footer_nav ul li .state_text{
	background: #fbc70f;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.2rem 0.4rem;
    border-radius: 50%;
    cursor: pointer;
}


.wailian{
    height:15rem;
    width:100%;
    background-image: url(../img/h5_07_bg.jpg);
    background-size:100% 100%;
    padding-top:4rem;


}
.wailian ul {

   height:12rem;
   width:80%;

   margin: 0 auto;

   padding-top:1em;


}

.wailian ul li {
    float:left;
    margin-left: 2%;
    width:30%;
    height:5rem;
    margin-top:.5rem;
}
.wailian ul li img {
    width:100%;
    height:4.5rem;
}