@charset "utf-8";
/*startpage*/
body{background: #fff;}
.wrap{width: 100%;height: 100%;overflow: hidden;}
.wrap img{display: block; width:100%}
.wrap .tit{position: relative;}
.wrap .tit p{
	position: absolute;
	width: 100%;
	left: 0;
	top: 24%;
	font-size: 1.1em;
	color: #00438f;
	text-align: center;
}
.wrap .a_btn{width: 76%;height: 3em; font-size: 1em;color: #fff;line-height: 3em;border-radius: 3em; border: 1px #fff solid;z-index: 99999; clear: both;text-align: center;margin: 0 auto; display: block;}
.wrap .m_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;}

/* banner */
.banner{position: relative;margin-bottom: 3%;}
.banner .ban_btn{width:30%;height:4em;position: absolute;bottom: 3%;right: 20%;}
/* box1 */
.box1{background: #117df7;padding: 10% 0 8%;}
.box1 .box1_con{position: relative;margin-bottom: 6%;}

/* box2 */
.box2{padding:8% 0 0;}
.box2 .box2_con{margin: 5% 0 6%;}
.box2 .box2_con ul li{width: 90%;margin: 0 auto 2%;}
.box2 .box2_con ul li div{height: 5em;padding: 5% 0;}
.box2 .box2_con ul li div.box2left{float: left;}
.box2 .box2_con ul li div.box2right{float: right;}
.box2 .box2_con ul li div.box2con1{width: 38%;background: #edb748}
.box2 .box2_con ul li div.box2con2{width: 60%;}
.box2 .box2_con ul li div p{font-size: .9em;color: #fff;text-align: center;}
.box2 .box2_con ul li div p span{font-size: 1.3em;}
.box2 .box2btn{display: block;width: 65%;margin: 0 auto;}

/* box3 */
.box3{background: #117df7;padding: 10% 0 6%;margin: 10% 0 0;}
.box3 .box3_con{margin: 10% 0 5%;position: relative;}
.box3 .a_btn{width: 60%;height: 2.5em;line-height: 2.5em;}

/* footer */
.footer{position: relative;padding-bottom: 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}
	.wrap .tit p{top: 20%;}
}
/* iphone6 plus */
@media (min-width : 410px) and (max-width : 736px){
	
}
/*大于pad屏幕*/
@media screen and (min-width: 750px){
	body{font-size: 1.5rem}
	.wrap .tit p{top: 30%;}
	.box2 .box2_con ul li div{padding: 4% 0;}
	.box2 .box2btn{width: 55%;}
	iframe{height: 395px;margin-top: -1%;}
	.bdzx{left: 50%; margin-left: -375px;}
}