.index{overflow: hidden; position:relative;width: 100%; height: 94.2rem;
	-webkit-background: linear-gradient(top,#0a3a6c,#005bac);
	-o-background: linear-gradient(top,#0a3a6c,#005bac);
	-moz-background: linear-gradient(top,#0a3a6c,#005bac);
	background: linear-gradient(top,#0a3a6c,#005bac);
	background:linear-gradient(180deg,#0a3a6c,#005bac);
}
.left{ float: left; position: relative; z-index: 9; }
.right{ position: relative}
.index{ position: relative;}
.index::before{ content: ''; position: absolute; width: 100%; height: 30rem; background: #0a3a6c; left:0px; bottom:0px;}
	.index ul { padding: 15.4rem 0 0 0;  overflow: hidden;}
	.index ul li { float: left; width: 33.3%;   }
	.index ul li a { display: block; margin: 0 2.7rem;}
	.index ul li a img { width: 100%;}
	.index p { font-size: 2.6rem; margin: 1.8rem 0 0 0; font-family: "微软雅黑"; font-weight: bold; text-align: center; color: #fff;}
	.footer{ margin: 20rem 0 0 0;}
	.copy{ color: #fff; font-size: 2rem;}
	@media screen and (max-width:1023px) {
		.index::before{ display: none;}
		.left{ display: none;}
		.logo{ margin: 6rem 0 0 2rem;}
		.index ul{ padding: 14rem 0 0 0;}
		.footer{ background: #0a3a6c; padding: 3rem 0; margin: 5rem 0 0 0;}
		.index{ height: auto;;}
	}
	@media screen and (max-width:767px) {
		.index ul li{ width: 50%; margin: 0 0 2rem 0;}
	}
	@media screen and (max-width:480px) {
		.index ul li{ width: 100%; float: none;}
	}