@charset "utf-8";
/* CSS Document */
.inPage_title {border-bottom:none;}

/*什么是手机网站*/
.Af_main {width:100%; height:438px; position: relative; background:#35b7e2;}
.Af_text {width:485px; padding-top:132px; float:left; color:#fff;}
.Af_text h1 {font-size:34px;}
.Af_text p {line-height:32px; margin-top:34px; font-size:16px;}
.Af_photo {float:right; margin:58px 67px 0px 0px;}

/*响应式的优点*/
.Bf_main {width:883px; padding:50px 0px 65px 0px; margin:0px auto;}
.Bf_title {width:883px; padding-bottom:22px; border-bottom:1px solid #e0e0e0; text-align: center; font-size:24px;}

.Bf_list {width:1007px; margin:0px auto;}
.Bf_list li {width:410px; height:113px; float:left; margin:66px 62px 0px 0px;}
.Bf_icon {width:113px; height:113px; float:left; margin-right:18px;}
.icon1 {background:url(../image/service/res_icon.png) no-repeat 0 0;}
.icon2 {background:url(../image/service/res_icon.png) no-repeat -113px 0;}
.icon3 {background:url(../image/service/res_icon.png) no-repeat 0 -113px;}
.icon4 {background:url(../image/service/res_icon.png) no-repeat -113px -113px;}
.Bf_text h4 {margin-top:12px; font-size:18px;}
.Bf_text p {line-height:24px; margin-top:20px; font-size:14px; color:#737373;}

@media screen and (max-width:767px) and (min-width:320px) {
	.Af_main {height:auto;}
	.Af_text {width:100%; padding-top:20px; float:none;}
	.Af_text h1 {font-size:23px; text-align: center;}
	.Af_text p {line-height:28px; margin-top:20px; font-size:14px;}
	.Af_photo {width:85%; float:none; margin:30px auto 0px auto;}
	.Af_photo img {width:100%;}

	.Bf_main {width:auto; padding:0px 16px;}
	.Bf_main {padding-top:24px;}
	.Bf_title {width:auto; padding-bottom:14px; font-size:23px;}
		
	.Bf_list {width:auto; margin-top:26px;}
	.Bf_list li {width:auto; margin:0px 0px 0px 0px;}
	
	.Bf_icon {width:82px; height:82px; background:#f2f2f2;}
	.icon1 {background:url(../image/service/icon_phone.png) no-repeat 0 0;}
	.icon2 {background:url(../image/service/icon_phone.png) no-repeat -82px 0;}
	.icon3 {background:url(../image/service/icon_phone.png) no-repeat -164px 0;}
	.icon4 {background:url(../image/service/icon_phone.png) no-repeat -246px 0;}

	.Bf_text h4 {margin-top:5px; font-size:14px;}
	.Bf_text p {line-height:21px; margin-top:11px; font-size:12px;}
}

@media screen and (max-width:320px) {
	.Bf_text h4 {margin-top:0px;}
	.Bf_text p {margin-top:4px;}
}