.clear{ clear:both;}

.m0{margin: 0px 0px!important;}
#phone1,#layer1,#banner,#layer2,#layer5,#layer6,.layer7,#layer8,#layer9,.layer10,.layer11,#layer12,.layer13{
	max-width: 560px;
	margin: auto auto;
}
.mt10{margin-top: 10px;}

#layer1{
	max-height: 285px;
	max-width: 560px;
}
#layer1 .title{
	text-align: center;
	color: #000;
	font-size:1.5rem;
	padding:10px 0;
}
#layer1 .title span{color: red;}
#layer1 .mid{
	width: 100%;
}

#layer1 .mid .pic{
	float: left;
	width: 33%;
}
#layer1 .mid .content{
	float: left;
	font-weight: bolder;
	width: 66%;
}
#layer1 p{
	text-indent: 10px;
	margin: 2% auto auto auto;
}
.phone1{
	font-size: 12px; 
	display: inline-block;
	width: 80%;
	height: 35px;
	background-color: #fb5f39;
	color: #fff!important;
	text-align: center;
	line-height: 35px;
	margin: 20px 9% 0px 9%;
	border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px
}
#layer2{background-color: #476186;color: #fff; overflow: hidden;}
#layer2 .title{
	margin: 10px auto;
	padding: 0px 0px!important;
	width: 95%;
	line-height: 20px;
	font-size:1.6rem
}
#layer2 .title span{
	color: #ecee1e;
}
#layer2 .title span i{
	color: red;
	font-weight: bold;
	font-size: 1rem;
}
#layer2 .content1 .content1_son1 {
	overflow: hidden;
	margin: auto auto 20px auto;
	margin-left: 3%;
	color: #168fe3;
	width: 90%;
	height: 150px;
	background:#fff url(../img/wenhao.png) no-repeat 94% 90%;
	padding-left: 10px;
}
#layer2 .content1 .content1_son1 ul {
	width: 100%;
	height: 80px;
	margin: 4% auto;
}
#layer2 .content1 .content1_son1 ul li {
	width: 100%;
	height: 33.3%;
	line-height: 25px;
}
#layer2 .content1 .content1_son1 ul li span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #3bb4f2;
}
#layer2 .content1 .content1_son2{
	color: red;
	font-weight: bold;
	font-size: 1.5rem;
}
#layer2 .content2{width: 100%;}
#layer2 .content2 p{text-align: center;color: #d8dc35;font-weight: bolder;font-size:1.6rem;padding:5px 0;}
#layer2 .content2 p span{color: red;}
#layer2 .content2 div{
	margin-top: 10px;
}
#layer2 .content3{
	text-align: center;
	width: 95%;
	margin:10px auto 0 auto; 
}
#layer2 .content3 span{color: #d8dc35;font-weight: bold;}
#layer2 .content4{
	color: #fff;
	display: inline-block;
	margin:20px 25% 20px;
	width: 50%;
	height: 30px;
	background:#3bb4f2 url(../img/pic1.png) no-repeat 11% 50%;
	text-indent: 20px;
	text-align: center;
	line-height: 30px;
	border:1px solid #2f98ce;
	border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
#layer3 {
	color: #000;
	font-weight: bold;
	width: 95%;
font-size:1.6rem;
	margin: 20px auto 20px auto;
	text-align: center;
}
#layer3 span{color: red;}
#layer4 {
	margin:auto auto;
	max-width: 560px;
	height: 160px;
	position: relative;
	background:url(../img/pic2.png) no-repeat 0% 10%;
	background-size: 130px;
}
#layer4 div {
	font-size: 12px;
}
#layer4 div span {color: #1694e5;}
#layer4 .content1{
	position: absolute;
	left: 99px; 
	top: 10px;
}
#layer4 .content2{
	position: absolute;
	left: 125px;
	top: 28px;
}
#layer4 .content3{
	position: absolute;
	left: 128px;
	top: 58px;
}
#layer4 .content4{
	position: absolute;
	left: 120px;
	top: 91px;
}
#layer4 .content5{
	position: absolute;
	left: 85px;
	top: 126px;
}
#layer5{height: auto; margin:20px auto 20px auto;color: #fff;font-size: 0.8rem;}
.liaojie{
	display: inline-block;
	font-size: 12px;
	color: #fff!important;
	float: left;
	width: 35%;
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	text-align: center;
	background:#3bb4f2 url(../img/pic1.png) no-repeat 9% 50%;
	border:1px solid #2f98ce;
	border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.xuefei{
	float: left;
	margin-left: 10%;
}
.zhuanye{
	float: right;
	margin-right: 10%;
}
#layer6{
	width: 100%;
	background-color: #486287;
	color: #fff;
	height: auto;
	overflow: hidden;
}
#layer6 .title{
	width: 100%;
	height: 40px;
	margin:20px auto auto auto;
	text-align: center;
	font-size:1.6rem;
	font-size:5px 0;
}
#layer6 .title span{
	color: yellow;
	font-weight: bolder;	
}
#layer6 .content{
	overflow: hidden;
	width: 100%;
	height: auto;
	margin:0px auto 20px; auto;
}
#layer6 .content .title1 {
	font-size: 1.6rem;
	text-indent: 20px;
	width: 80%;
	height: 30px;
	line-height: 30px;
	background-color: #3bb4f2;
}
#layer6 .content .title1 span{font-size: 1.4rem;}
#layer6 .content .content1{
	text-indent: 30px;
	width:95%;
	margin:5px auto 0px auto;
}
#layer6 .content .content2{text-align: center;}
.layer7 {text-align: center;font-weight: bold;font-size: 1.6rem;margin-bottom: 20px;}
.layer7 span{color: red;}
#layer8 {text-indent: 30px;width: 95%;margin:0px auto 20px auto;}
#layer9{
	overflow: hidden;
	height: auto;
}
#layer9 .pic{
	float: left;
	position: relative;
	width: 47%;
	margin-left: 3%;
	margin-bottom:10px;
}
#layer9 .pic .picname{
	width: 100%;
	background-color: rgba(0,0,0,0.7);-moz-background-color:rgba(0,0,0,0.7);-webkti-background-color:rgba(0,0,0,0.7);
	position: absolute;
	color: #fff;
	text-align: center;
	padding:5px 0;
	left: 0px;
	bottom:0px;
}
.layer10 {
	margin:0px auto 20px; auto;
	width: 95%;
	text-align: center;
}
.layer11 .pic{
	display: block;
	float: left;
	width: 30%;
	position: relative;
	margin-left: 2.5%;
	margin-bottom: 10px;
}
.layer11 .pic .picname{
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	left:0px;
	bottom:0px;
	background-color: rgba(0,0,0,0.7);-moz-background-color:rgba(0,0,0,0.7);-webkti-background-color:rgba(0,0,0,0.7);
	padding:5px 0;
}
.layer11 .pic .content{
	font-size: 12px;
}
.layer11 .pic .content span{color: #444649!important;}
.mingshi{color: #fff;margin:auto 30% auto 30%;}
#footer1{
	overflow: hidden;
	width: 100%;
	height: 165px;
	background:url(../img/footer.png) no-repeat 50% 50%;
}
#footer1 .footerson{
	margin-top: 3%;
	color: #fff;
	text-align: center;
}
#footer1 .jiacu{
	font-weight: bolder!important;
	font-size: 2rem!important;
}
#footer1 span{color: yellow;}