@charset "utf-8";

/*-----------------
  Author:xq
  update:2019
 -------------------*/
body {
	font-family: "微软雅黑", Arial, sans-serif;
	font-size: 14px;
	background: #f3f5f8;
	position: relative;
}

i,em{
	font-style: normal;
}

.i-bodyBg{
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.i-bodyBg img{
	width: 100%;
	height: 100%;
}


.i-container{
	width: 100%;
/*	max-width: 1680px;*/
	min-width: 1340px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.i-top{
	overflow: hidden;
	height: 80px;
	padding: 0 25px 0 40px;
	margin-top: 20px;
}

.i-logo,
.i-logo img{
/* 	width: 200px; */
	/*height: 80px;*/
}

.i-top-r{
	float: right;
	height: 30px;
	overflow: hidden;
	margin-top: 25px;
}

.i-icon{
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
}
.i-icon img{
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.i-top-r a{
	line-height: 30px;
	color: #283a48;
	font-size: 18px;
	margin-left: 25px;
}

.i-tit{
	height: 120px;
	text-align: center;
	margin: 1.5% 0 4%;
}
.i-tit img{
	height: 100%;
	max-width: 90%;
}
.i-main{
	height: 408px;
	padding: 0 10%;
}
.i-menuBox{
	width: 460px;
	height: 428px;
	margin: 0 auto;
	position: relative;
}

.i-menu-item{
	width: 140px;
	height: 156px;
	display: block;
	position: absolute;
	z-index: 9;
	text-align: center;
	
}

.i-menu-item:hover{
   opacity: 0.6;
   filter: alpha(opacity=60);
}
.i-menu-item.i-menu-tit:hover{
   opacity: 1;
   filter: alpha(opacity=100);
}

.i-menu-item img{
	width: 100%;
	height: 100%;
}

.i-menu-item i{
	display: inline-block;
	width: 70px;
	height: 70px;
	margin: 15px 0 5px;
}

.i-menu-item p{
	color: #fff;
	font-size: 17px;
	line-height: 24px;
}

.i-menu-tit{
	left: 50%;
	margin-left: -70px;
	top: 50%;
	margin-top: -78px;
}
.i-navBg1{
	background: url(../images/i-bg-part1.png) no-repeat;
	background-size: 100% 100%;
}
.i-navBg2{
	background: url(../images/i-bg-part2.png) no-repeat;
	background-size: 100% 100%;
}
.i-navBg3{
	background: url(../images/i-bg-part3.png) no-repeat;
	background-size: 100% 100%;
}
.i-navBg4{
	background: url(../images/i-bg-part4.png) no-repeat;
	background-size: 100% 100%;
}
.i-navBg5{
	background: url(../images/i-bg-part5.png) no-repeat;
	background-size: 100% 100%;
}
.i-navBg6{
	background: url(../images/i-bg-part6.png) no-repeat;
	background-size: 100% 100%;
}

.i-menu1{
	left: 80px;
	top: 0;
}

.i-menu2{
	top: 0;
	right: 80px;
}

.i-menu3{
	top: 136px;
	right: 0;
}

.i-menu4{
	bottom: 0;
	right: 80px;
}

.i-menu5{
	bottom: 0;
	left: 80px;
}

.i-menu6{
	top: 136px;
	left: 0;
}

.i-footer{
	text-align: center;
	min-height: 24px;
	width: 100%;
	margin: 7% 0 20px;
}

.i-footer p{
	line-height: 24px;
	color: #8a99a6;
	font-size: 16px;
}


@media all and (max-width: 1650px) {
	.i-tit{
		height: 120px;
		text-align: center;
		margin: 1% 0 2%;
	}
	.i-footer{
	  margin: 4% 0 0px;
	}
}