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

/*.top{
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 1.58rem;
    line-height: 1.58rem;
    z-index: 9999;
}*/

/* 顶部 */
.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;
}

/* -------------------- 打造同样优秀的孩子-------------------- */

.box2_con{
	text-align: center;
}

/*.box2_box{
	width: 80.6%;
    margin: 0 auto;
    background-color: #fff;
	padding-bottom: 1rem;
	box-shadow: 10px 10px 20px #ebeaea;
}
*/

.box2_box>img{
	box-shadow: 5px 5px 10px #ccc;
}

.box2_box>h2{
	padding: .5rem 0;
	color: #f74950;
	font-size: .85rem;
	font-weight: bold;
}

.box2_box>p{
    text-align: left;
    color: #111;
    font-size: .7rem;
    padding: 0 1rem;
}

.box2_box>p>span{
	color: #f74950;
}


/* -------------------- 梳理各科，奠定高效提升基础-------------------- */
.box3{
	width: 100%;
	height: 28rem;
	background: url(../img/index/box3Bg.jpg) no-repeat;
	background-size: 100% 100%;
}

.box3 .ydy-title p{
	color: #fff;
}

.box3_con li{
	width: 40%;
    height: 8rem;
    float: left;
    background-color: #fff;
    box-shadow: 4px 4px 10px #fff;
    border-radius: .3rem;
    text-align: center;
    margin-left: 2%;
    padding: 1rem 1%;
}

.box3_con li:nth-child(2n+1){
	margin-right:3%;
}

.box3_con li:nth-child(3),
.box3_con li:nth-child(4){
	margin-top: 1rem;
}

.box3_con li>img{
	display: inline-blockblock;
	width: 25%;
}

.box3_con li>h3{
	color: #f8484f;
	font-size: .75rem;
	font-weight: bold;
	padding-top: .4rem;
	border-bottom: 2px solid #f8484f;
	width:70%;
	margin: 0 auto; 
}

.box3_con li>h4{
	color: #f8484f;
	font-size: .68rem;
	padding-top: .3rem;
}

.box3_con li>p{
	color: #f8484f;
	font-size: .6rem;
	padding-top: .3rem;
	padding: 0 .5rem;
}

/* -------------------- 完整的课程体系 -------------------- */
.box4_con li{
	margin-bottom: 1rem;
}

.box4_info_left{
	width: 30%;
    height: 2.82rem;
    background-color: #f8484f;
    text-align: center;
    padding: 1.8rem 0;
}

.box4_info_left>h2{
	color: #fff;
	font-size: .85rem;
	font-weight: bold;
	padding-top: .2rem;
}

.box4_info_left>p{
	color: #fff;
	font-size: .7rem;
	padding-top: .2rem;
}

.box4_info_right{
	width: 70%;
	height: 6.4rem;
	background-color: #fff;
	box-shadow: 2px 2px 10px #eee;
}

.box4_info_right p{
	 margin-left: .5rem;
	 margin-top: .5rem;
}

.box4_info_right p span{
	color: #f8484f;
	font-weight: bold;
}

.box4_con li:first-child .box4_info_right p{
	 margin-top: 1rem !important;
}

/* -------------------- 帮助孩子重塑良好学习习惯 -------------------- */
.box5{
	background-color: #f8484f;
	overflow: hidden;
}

.box5 .ydy-title h2{
	color: #fff;
}

.box5 .ydy-title .line{
	border: 1px solid #fff;
}

.box5 .ydy-title p{
	color: #fff;
}

.box5_con li{
	width: 48%;
	height: 4rem;
	float: left;
	background-color: #fff;
	position: relative;
	padding-bottom: 1rem;
	text-align: center;
	margin-right: 4%;
}

.box5_con li>img{
	display: block;
	position: absolute;
	top: .3rem;
    right: .3rem;
}

.box5_con li:nth-child(2n+2){
	margin-right: 0;
}

.box5_con li:nth-child(3){
	margin-top: 1rem;
}

.box5_con li:nth-child(4){
	margin-top: 1rem;
}

.box5_con li>h2{
	color: #262626;
	font-size: .8rem;
	font-weight: bold;
	padding-top: 1rem;
}

.box5_con li>p{
	padding-top: .3rem;
}


/* -------------------- 状元教育，专注提升孩子学习成绩 -------------------- */
.box7{
	background-color: #ededed;
}

.call{
	background-color: #fb2932;
	width: 80%;
	line-height: 2rem;
	text-align: center;
	border-radius: 3rem;
	margin: 0 auto;
}

.call a{
	color: #fff;
	font-size: .8rem;
	font-weight: bold;
}

/* -------------------- 优越的学习环境让学生更专注 -------------------- */
.box8{
	overflow: hidden;
}

.box8_con li{
	float: left;
	width: 32%;
	margin-right: 2%;
}

.box8_con li:last-child{
	margin-right: 0;
}

.box8_info1{
	width: 100%;
	height:7rem;
	background: url(../img/index/box8_info1.png);
	background-size: 100% 100%;
	text-align: center;
}

.box8_info1 h3, .box8_info2 h3, .box8_info3 h3{
	color: #e82833;
	font-size: .75rem;
	font-weight: bold;
	padding-top:4rem;
}

.box8_info1 p, .box8_info2 p, .box8_info3 p{
	color: #333;
	font-size: .6rem;
}

.box8_info2{
	width: 100%;
	height:7rem;
	background: url(../img/index/box8_info2.png);
	background-size: 100% 100%;
	text-align: center;
}

.box8_info3{
	width: 100%;
	height:7rem;
	background: url(../img/index/box8_info3.png);
	background-size: 100% 100%;
	text-align: center;
}

/* -------------------- 底部 -------------------- */
.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;
}