@charset "utf-8";
/*startpage*/
body{background: #0a0c2f;}
.wrap{width: 100%;height: 100%;overflow: hidden;}
.wrap img{display: block; width:100%}
.wrap .hd{padding-top: .9em;position: relative;}
.wrap .hd p{font-size: 1.3em;color: #fecbb1;font-weight: bold;text-align: center;position: absolute;width: 100%;left: 0;top: 0;}
.wrap .hd p span{background: #0a0c2f;padding: 0 .5em;}
.wrap .hd p span em{vertical-align:super}
.wrap .a_btn{z-index: 99999; clear: both; width: 50%;height: 2.3em; font-size: 1.2em;color: #fff; text-align: center;line-height: 2.3em;margin: 0 auto; display: block;border-radius: .3em; background: #e33f52;box-shadow: .1em .25em 0 #952f2f;}
.wrap .m_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;}

/* banner */
.banner{position: relative;}

/* box1 */
.box1{position: relative;}
.box1 .box1_btn{
	position: absolute;
	width: 30%;
	height: 2.2em;
	font-size: 1em;
	color: #fff;
	text-align: center;
	line-height: 2.2em;
	background: #e33f52;
	border-radius: .3em;
	bottom: -2%;
}
.box1 p{
	position: absolute;
	font-size:.8em;
	color: #fecbb1;
	right: 2%;
	top: 3%;
}
.box1 .box1_btn1{left: 10%;}
.box1 .box1_btn2{right: 10%;}

/* box2 */
.box2{padding: 12% 0 0;}
.box2 .box2_con{position: relative;}

/* box3 */
.box3{padding: 15% 0 0;background: url("../images/box3bg.jpg") no-repeat center top;background-size: 100%;}
.box3 .hd{padding-top: 1.4em;}
.box3 .box3_con .box3pic{position: relative;}
.box3 .box3_con p.box3p1{
	font-size: 1em;
	color: #eacdbe;
	padding: 5% 5% 2%;
}
.box3 .box3_con p.box3p2{
	font-size: 1.1em;
	color: #fff;
	padding: 0 5% 10%;
	line-height: 1.2em;
}

/* box4 */
.box4{padding: 10% 0 0;}
.box4 .hd{padding-top: 1.4em;}
.box4 .box4_con{padding-top: 5%;}
.box4 .box4_con .box4pic{position: relative;}
.box4 .box4_con h2{
	font-size: 1.2em;
	color: #e33f52;
	padding-left: 5%;
}
.box4 .box4_con p{
	font-size: 1em;
	color: #eacdbe;
	padding: 2% 5% 0;
	line-height: 1.5em;
}
.box4 .box4_con ol{margin: 0 0 10% 5%;}
.box4 .box4_con ol li{
	margin: 3% 5% 0;
	font-size: 1em;
	color: #eacdbe;
	list-style-type:disc;
}
.box4 .box4_con ol li span{color: #e46666;}

/* box5 */
.box5{padding: 10% 0 0;}
.box5 .hd{padding-top: 1.4em;}
.box5 .box5_con .box5pic{position: relative;margin-bottom: 6%;}

/* box6 */
.box6{padding: 10% 0 0;}
.box6 .box6_con{
	width: 94%;
	margin: 5% auto 0;
}
.box6 .box6_con .box6_top .box6top_l{
	width: 22%;
	float: left;
}
.box6 .box6_con .box6_top .box6top_l h2{
	font-size: 3.4em;
	color: #e33f52;
	font-weight: bold;
	line-height: 1em;
}
.box6 .box6_con .box6_top .box6top_l p{
	font-size: 1em;
	color: #fecbb1;
	font-weight: bold;
}
.box6 .box6_con .box6_top .box6top_r{
	width: 55%;
	float: left;
}
.box6 .box6_con .box6_top .box6top_r p{
	font-size: .9em;
	color: #eacdbe;
	line-height: 1.5em;
	margin-top: .5em;
}
.box6 .box6_con .box6_bot{
	width: 95%;
	border: 1px #fecbb1 solid;
	border-radius: 1em;
	padding: 0 1% 3.5% 0;
	margin: 12% 0 12% 4%;
}
.box6 .box6_con .box6_bot .box6bot_con{
	width: 100%;
	height: 100%;
	border: 1px #fecbb1 solid;
	border-radius: 1em;
	margin: -6% 0 0 -4%;
	background: #0f113d;
	padding-bottom: 6%;
}
.box6 .box6_con .box6_bot .box6bot_con .box6botc_hd{
	width: 42%;
	height: 2.5em;
	background: #e33f52;
	margin: 5% 0 0 -10%;
	border-radius: 3em;
}
.box6 .box6_con .box6_bot .box6bot_con .box6botc_hd p{
	text-align: right;
	padding-right: 18%;
	font-size: 1.1em;
	color: #fff;
	line-height: 2.3em;
}
.box6 .box6_con .box6_bot .box6bot_con h2{
	padding: 4% 10% 1% 6%;
	font-size: 1em;
	color: #e33f52;
	line-height: 1.5em;
}
.box6 .box6_con .box6_bot .box6bot_con h2 span{
	display: block;
	font-size: .9em;
	color: #e0c4b7;
	line-height: 1.5em;
}

/* box7 */
.box7{padding: 13% 0 0;}
.box7 .box7_con .box7pic{position: relative;margin-top: 6%;}
.box7 .box7_con p{
	font-size: 1.15em;
	color: #e0c4b7;
	padding: 0 5% 10%;
	line-height: 1.6em;
}

/* box8 */
.box8{padding: 12% 0 0;}
.box8 .box8_con .box8pic{position: relative;margin-bottom: 8%;}

/* box9 */
.box9{position: relative;padding: 12% 0 2.5em;}

.bdzx{width:100%; height: 2.5em; background: #1BAAF8; position: fixed; bottom:0; left:0; z-index: 9999999; 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 screen and (max-width: 320px){
	body{font-size: .9rem}
}
/* iphone6 plus */
@media (min-width : 410px) and (max-width : 736px){
	.box1 p{right: 6%;top: 4%;}
}
/*大于pad屏幕*/
@media screen and (min-width: 750px){
	body{font-size: 1.5rem}
	.box1 p{font-size: 1.1em;}
	.bdzx{left: 50%; margin-left: -375px;}
}