@charset "utf-8";
/*startpage*/
body{background: #fff;overflow-x: hidden;}
.wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body img{width: 100%;display: block;}
.a_btn{
	display: block;
	width: 50%;
	height: 2.2em;
	background: #ff1a1a;
	font-size: 1em;
	color: #fff;
	text-align: center;
	line-height: 2.2em;
	border-bottom: .3em #c55858 solid;
	border-radius: .5em;
}
.box_tit p{
	font-size: 1.2em;
	color: #333;
	text-align: center;
	line-height: 1.5em;
}
.box_tit img{
	width: 6%;
	margin: 1% auto 3%;
}
.box_left{float: left;}
.box_right{float: right;}


.banner{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #0096e1 url("../images/banbg.jpg") no-repeat center bottom;
	background-size: 100%;
	padding-bottom: 14%;
}

.banner .ban2{
	margin: 8% 0 3%;
}
.banner .a_btn{
	margin: 5% auto 0;
}
.banner .ban1{
	width: 90%;
	margin: 0 auto;
}

/*box*/
.box{
	width: 100%;
	height: 100%;
	position: relative;
}
/*前景*/
.qianjing .main{overflow: hidden;width: 96%;margin: 0 auto;}
.qianjing .main .fl{font-size: .85em;width: 49%;float: left;margin-top: 3%;}
.qianjing .main .fr{width: 49%;float: right;}

/* box1 */
.box1{
	margin-top: -1px;
	background: #fff;
	padding-top: 6%;
}
.box1 .box1_con{
	margin-top: 5%;
}
.box1 .box1_con p{
	font-size: .9em;
	color: #999;
	padding: 5% 5% 2%;
	line-height: 1.5em;
}
.box1 .box1_con p span{
	color: #0096e1;
}
.box1 .box1_con .a_btn{
	margin: 0 auto;
}

/* box2 */
.box2{
	margin-top: 10%;
}
.box2 .box2_con{
	width: 92%;
	margin: 3% auto;
}
.box2 .box2_con ul li{
	margin-bottom: 6%;
}
.box2 .box2_con ul li img{
	width: 20%;
}
.box2 .box2_con ul li .box2con{
	width: 65%;
	position: relative;
}
.box2 .box2_con ul li .box2con h2{
	font-size: 1em;
	color: #555;
	padding-bottom: 3%;
}
.box2 .box2_con ul li .box2con p{
	font-size: .8em;
	color: #777;
	line-height: 1.5em;
}
.box2 .box2_con ul li .box2con span{
	position: absolute;
	font-size: 1.4em;
	color: #86d9ff;
	border-bottom: .15em #0096e1 solid;
	padding-bottom: 4%;
	left: -15%;
	top: -1%;
}

/* box3 */
.box3{
	margin-top: 6%;
}
.box3 .box3_con{
	width: 94%;
	margin: 0 auto;
}
.box3 .box3_con ul li{
	width: 50%;
	float: left;
	margin-bottom: 6%;
}
.box3 .box3_con ul li img{
	width: 40%;
	margin: 0 auto 8%;
}
.box3 .box3_con ul li p{
	font-size: 1em;
	color: #333;
	text-align: center;
}
.box3 .box3_con .a_btn{
	margin: 0 auto;
}

.box4{
	margin-top: 10%;
	
}
.box4 .box4_con{
	background: #f7f7f7;
	margin-top: 6%;
	padding-bottom: 2%;
}
.box4 .box4_con p{
	font-size: 1em;
	color: #7d7d7d;
	line-height: 1.6em;
	padding: 5% 8% 8%;
}

/* box5 */
.box5{
	margin-top: 12%;
}
.box5 .box5_con{
	width: 90%;
	margin: 3% auto 0;
}
.box5 .box5_con .box5con_top{
	width: 100%;
	border: 1px #579dc5 dashed;
}
.box5 .box5_con .box5con_top p{
	font-size: .9em;
	color: #666;
	text-align: center;
	line-height: 3em;
}
.box5 .box5_con .box5con_top p span{
	font-size: 1.1em;
	color: #0096e1;
}
.box5 .box5_con .box5con_top p b{
	font-size: 1.1em;
	color: #ff1a1a;
}
.box5 .box5_con .box5con_bot{
	margin-top: 2%;
}
.box5 .box5_con .box5con_bot p{
	width: 100%;
	font-size: 1em;
	color: #fff;
	text-align: center;
	height: 2em;
	line-height: 2em;
	background: #0096e1;
}
.box5 .box5_con .box5con_bot p span{
	float: left;
	width: 50%;
}
.box5 .box5_con .box5con_bot ul li{
	width: 100%;
	font-size: 1em;
	text-align: center;
	height: 2em;
	line-height: 2em;
	margin-bottom: 2%;
}
.box5 .box5_con .box5con_bot ul li:nth-child(odd){background: #f3fcff;}
.box5 .box5_con .box5con_bot ul li:nth-child(even){background: #f7f7f7;}
.box5 .box5_con .box5con_bot ul li span{
	float: left;
	width: 50%;
}
.box5 .box5_con .box5con_bot ul li span.box5con_span1{color: #333;}
.box5 .box5_con .box5con_bot ul li span.box5con_span2{color: #ff1a1a;}
.box5 .box5_con .box5con_ps{
	font-size: .8em;
	color: #333;
	text-align: center;
	padding: 3% 0;
}
.box5 .box5_con .a_btn{margin: 0 auto;}

/* box6 */
.box6{
	margin-top: 10%;
}
.box6 .box6_con{
	width: 95%;
	margin: 2% auto 0;
}
.box6 .box6con_ul{
	width: 100%;
	border: 1px #8ac5e5 solid;
	overflow: hidden;
}
.box6 .box6con_ul li{
	width: 25%;
	height: 4.5em;
	float: left;
	border-left: 1px #8ac5e5 solid;
	color: #000;
	text-align: right;
}
.box6 .box6con_ul li.box6con_li1{
	border-left: none;
	text-align: center;
	background: #68b5dc;
	color: #fff;
}
.box6 .box6con_ul li p{
	font-size: .9em;
	padding: 3% 8% 0 0;
}
.box6 .box6con_ul li p span{
	font-size: 1.2em;
	color: #0096e1;
	font-weight: bold;
}
.box6 .box6con_ul li.box6con_li1 p{
	font-size: 1em;
	padding: 16% 0 0 0;
}
.box6 .box6_con .box6con{
	margin-top: 5%;
	border-radius: .5em;
	overflow: hidden;
	background: #c9edff;
	padding-bottom: 3%;
}
.box6 .box6_con .box6con:nth-child(odd){background: #c9edff;}
.box6 .box6_con .box6con:nth-child(even){background: #c9f9ff;}
.box6 .box6_con .box6con h2{
	font-size: 1.1em;
	color: #fff;
	background: #002b41;
	line-height: 2em;
	padding-left: 5%;
}
.box6 .box6_con .box6con .box6con_div{
	margin-top: 3%;
}
.box6 .box6_con .box6con .box6con_div div{display: none;}
.box6 .box6_con .box6con .box6con_div p{
	float: left;
	width: 50%;
	padding-left: 3%;
	font-size: .8em;
	color: #333;
	line-height: 2em;
}
.box6 .box6_con .box6con .box6con_div p.box6conw{
	width: 100%;
}
.box6 .box6_con .box6con .box6zk{
	display: block;
	font-size: 1em;
	color: #1f49b2;
	text-align: center;
	text-decoration: underline;
	position: relative;
	margin-top: 3%;
}
.box6 .box6_con .box6con .box6zk img{
	position: absolute;
	width: 4%;
	right: 35%;
	top: .6em;
}
.box6 .box6_con .a_btn{
	margin: 5% auto 10%;
}
.box6 .box6_con .box6con2{
	margin-top: 10%;
}
.box6 .box6_con .box6con2_left{width: 20%;}
.box6 .box6_con .box6con2_left ol li{
	width: 100%;
	height: 5.8em;
	margin-left: .5em;
	background: #0096e1;
	border-radius: .3em;
	position: relative;
	margin-bottom: 25%;
}
.box6 .box6_con .box6con2_left ol li .box6r{
	position: absolute;
	width: 10%;
	right: -18%;
	top: 2.5em;
	display: none;
}
.box6 .box6_con .box6con2_left ol li div{
	position: absolute;
	width: 100%;
	height: 5.8em;
	background: #fff;
	border-radius: .3em;
	border: 1px #579dc5 solid;
	left: -.5em;
	top: -.5em;
}
.box6 .box6_con .box6con2_left ol li.box6con2_leftcur div{
	background: #f0faff;
}
.box6 .box6_con .box6con2_left ol li.box6con2_leftcur .box6r{
	display: block;
}
.box6 .box6_con .box6con2_left ol li div img{
	width: 46%;
	margin: 8% auto;
}
.box6 .box6_con .box6con2_left ol li div p{
	font-size: .9em;
	color: #333;
	text-align: center;
}
.box6 .box6_con .box6con2_right{width: 70%;padding-top: 1%;}
.flexslider{position: relative;}
.block_home_slider .slide{position:relative;}
.box6 .flex-control-paging {display: none;}
.box6 .box6_con .box6con2_right .box6con2_list{height: 0;overflow: hidden;}
.box6 .box6_con .box6con2_right .box6con2_lists{height: auto;}
.box6 .box6_con .box6con2_right .box6list_bot span{
	display: inline-block;
	font-size: 1em;
	color: #fff;
	background: #0096e1;
	padding: .2em .5em;
	margin: 1.3em 0 .5em;
}
.box6 .box6_con .box6con2_right .box6list_bot h2{
	font-size: 1em;
	color: #0096e1;
}
.box6 .box6_con .box6con2_right .box6list_bot p{
	font-size: .8em;
	color: #333;
	line-height: 1.5em;
	margin-top: .3em;
}
.box6 .box6_con .box6con2_right .box6list_bot .a_btn{
	width: 75%;
	margin-top: 8%;
}
.box6 .box6_teacher{
	background: #f8f8f8;
	padding: 6% 2.5% 10%;
	margin-top: 5%;
}
.box6 .box6_teacher .box6tea_con{
	width: 96%;
	margin: 6% auto 0;
	position: relative;
}
.box6 .box6_teacher .box6tea_con .box6teacon_top{
	position: relative;
}
.box6 .box6_teacher .box6tea_con .box6teacon_top .box8t{
	position: absolute;
	width: 20%;
	left: 37.5%;
	top: 27%;
}
.box6 .box6_teacher .box6tea_con ul li h2{
	font-size: 1em;
	color: #333;
	text-align: center;
	margin: 3% 0 5%;
}
.box6 .box6_teacher .box6tea_con ul li h2 span{
	font-size: .9em;
	color: #666;
	border: 1px #aaa solid;
	border-radius: .3em;
	padding: .1em .3em .15em;
	margin-left: 2%;
}
.box6 .box6_teacher .box6tea_con ul li p{
	font-size: .8em;
	color: #666;
	line-height: 1.6em;
}
.box6 .box6_teacher .box6tea_con .box6teacon_ps{
	font-size: .8em;
	color: #59acd3;
	text-align: center;
	margin-top: 3%;
}
.box6 .flex-direction-nav .flex-prev,
.box6 .flex-direction-nav .flex-next{font-size: 0;width:10%;height: 40px;background: url("../images/box6right.png") no-repeat center;background-size: 60%;display: block;position: absolute;right: -1%;top: 24%; }
.box6 .flex-direction-nav .flex-prev{background: url("../images/box6left.png") no-repeat center;background-size: 60%; left: -1%;}

/* box7 */
.box7{
	margin-top: 6%;
}
.box7 .box7_con1{
	background: #6fc2eb;
	padding: 8% 0;
	margin-top: 5%;
}
.box7 h2{
	width: 90%;
	margin: 0 auto 6%;
	border: 1px #0096e1 dashed;
	background: #fff;
	line-height: 2em;
	font-size: 1em;
	color: #333;
	text-align: center;
}
.box7 h2 span{
	font-weight: bold;
}
.box7 .box7_con2{
	background: #ff949e;
	padding: 8% 0 7%;
}
.box7 .box7_con2 h2{
	border-color: #ff5b6a;
}
.box7 .box7_con2 div{
	width: 90%;
	border-radius: .5em;
	background: #fff;
	margin: 0 auto;
	padding-top: 6%;
	border-bottom: .4em #e9e9e9 solid;
}
.box7 .box7_con2 div p{
	font-size: .9em;
	color: #464545;
	padding: 5% 5%;
	line-height: 1.5em;
}
.box7 .box7_con2 .a_btn{
	margin: 4% auto 0;
}

/* box8 */
.box8{
	margin-top: 5%;
	position: relative;
}
.box8 .box_tit{margin-bottom: 4%;}
.box8 .a_btn{
	position: absolute;
	left: 20%;
	top: 90%;
	background: #0096e1;
	border-color: #8ed9ff;
}

/* box9 */
.box9{
	margin-top: 12%;
}
.box9 .box9_top{
	width: 100%;
	background: #4792dc;
}
.box9 .box9_top p{
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
	padding: 3% 0;
}

/* box10 */
.box10{
	margin-top: 10%;
	background: #0096e1;
}
.box10 .a_btn{
	margin: 4% auto 5%;
}

/* box11 */
.box11{background: #EEEEEE;padding: 5% 0 14%;}
.box11 p{text-align: center;font-size:.95em;color: #000;}
.box11 img{width: 4%;display:inline-block;}
.bdzx{width:100%; height: 2.5em; background: #1BAAF8; position: fixed; bottom:0; left:0; z-index: 99; max-width: 750px;}
.bdzx a{ line-height: 2.5em; color: #fff; display: block; float: left; width:49%; height: 2.5em; text-align: center;}
.bdzx a.zx_btn{border-right: 1px solid #fff; background: url('http://www.itheima.com/templates/subject/images/qq_icon.jpg') no-repeat 20% center; background-size: 10%;}
.bdzx a.tel_btn{ background: url('http://www.itheima.com/templates/subject/images/phone_bg.jpg') no-repeat 17% center; background-size: 12%;}









.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}



/*小屏幕/苹果5s*/
@media only screen and (max-width: 360px){
	body{font-size: .9rem;}
	.box3 .box3_con{
		width: 96%;
	}
	.box6 .box6_con{
		width: 98%;
	}
	.box6 .box6_con .box6con .box6con_div p{
		padding-left: 1%;
	}
	.box6 .box6_con .box6con .box6con_div p.box6conw5{
		width: 100%;
	}
	.qianjing .main .fl{font-size: .8em;margin-top:2%;}
}
@media screen and (min-width: 412px) and (max-width: 414px){
	.qianjing .main .fl{font-size: .9em;margin-top:6%;}
}
/*大于pad屏幕*/
@media only screen and (min-width: 750px){
	body{font-size: 1.5rem; max-width: 750px;}
	.box6 .box6_con .box6con2_left ol li div img{
		width: 34%;
	}
	.qianjing .main .fl{font-size: 1em;margin-top:9%;}
	.box6 .box6con_ul li.box6con_li1 p{padding-top: 13%;}
	.bdzx{height: 3.5em; left: 50%; margin-left: -375px;}
	.bdzx a{font-size: 1.4em;}
}