@charset "utf-8";
header
{min-width: 320px;height:200px;
	background: url("../images/ar-1-top1.png")  no-repeat;
	position: relative;
	-webkit-background-size:cover ;
	background-size: cover;
	 background-position: center 45%; 
}

header img
{ 
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform:translate(-50% ,-50%);
    -o-transform:translate(-50% ,-50%);
    transform:translate(-50% ,-50%);
    -ms-transform:translate(-50% ,-50%);
    -moz-transform:translate(-50% ,-50%);
}
nav{margin :0 auto;
	min-width: 320px;
	}
nav ul li 
{
	height:50px;
	width:33.3%;
	float: left;
	font:14px/50px "微软雅黑";
	text-align: center;
	background: url("../images/r1-2-1.png") repeat-x;
}
nav ul li a{
	display: block;
	color: #fff;
}
nav ul li:nth-child(1)
{
	
	position: relative;
}
nav ul li:nth-child(2)
{position: relative;}
nav ul li:hover{
	background: url("../images/r1-2-2.png") repeat-x;
}
nav ul li span
{
	width:1px;
	height: 102px;
	position: absolute;
	top:0;
	right: 0;
	background: url("../images/r1-2-1-1.png") no-repeat;
}
section{
	min-width: 320px;
 }
section ul li{
	height: 150px;
	width:50%;
	box-sizing:border-box;
	float: left;
	white-space:nowrap;
	border-bottom: 1px  solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
	background: url("../images/ar-1-sec1.png") no-repeat center center  #fbfbfb;
}
section ul li:nth-child(2)
{
	background-image: url("../images/ar-1-sec2.png");
}
section ul li:nth-child(3)
{
	background-image: url("../images/ar-1-sec3.png");
}
section ul li:nth-child(4)
{
	background-image: url("../images/ar-1-sec4.png");
		overflow: hidden;
}
section ul li a{
	font: 13px/240px "微软雅黑";
	display: block;
	text-align: center;
	color: #3EA7E1;
}
footer{
	width: 100%;
	min-width: 320px;
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #D8D9DB;
}
 footer ul li
 {
 	float: left;
 	width:20%;
 	height: 55px;
 	text-align: center;
 	line-height: 110px;
 	background: url("../images/ar-1-men2.png") no-repeat center 8px #F2F3F8;
 	color: #858FAC;
 }
 footer ul li:nth-child(1)
 {
	color: #0097FD;
 	background-image:url("../images/ar-1-men1.png");
 }
 footer ul li:nth-child(3)
 {
 	background-image:url("../images/ar-1-men3.png");
 }
 footer ul li:nth-child(4)
 {
 	background-image:url("../images/ar-1-men4.png");
 }
 footer ul li:nth-child(5)
 {
 	background-image:url("../images/ar-1-men5.png");
 }
 footer ul li a
 {
 	display: block;
 	font:11px/80px "微软雅黑";
 }
footer ul li .current
{
	color:#0097FD;
}
footer ul li a:hover
{
	color:#0097FD;
}
footer ul li:nth-child(2):hover
{
background: url("../images/ar-1-men21.png") no-repeat center 8px #F2F3F8;
}
 footer ul li:nth-child(3):hover
{
background: url("../images/ar-1-men31.png") no-repeat center 8px #F2F3F8;
}
 footer ul li:nth-child(4):hover
{
background: url("../images/ar-1-men41.png") no-repeat center 8px #F2F3F8;
}
footer ul li:nth-child(5):hover
{
background: url("../images/ar-1-men51.png") no-repeat center 4px #F2F3F8;
}