body{
	background:url(../imgs/index_bg.jpg) no-repeat center top;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.menu_wrap{
	width: 21%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}
.menu_wrap a{
	display: block;
	color: #000;
	font-style:italic;
	text-shadow:2px 5px 3px rgba(0,0,0,.3);
}
.menu_wrap img{
	width: 100%;
}
.menu_wrap .menu{
	background: url(../imgs/nav_bg.png) no-repeat center top;
	background-size:100%;
	margin-left: 16%;
	width: 41.4%;
	height: 0;
	padding-bottom: 60%;
	text-align: center;
}
.menu_wrap .menu li{
	height: 0;
	padding-bottom: 28%;
	box-sizing: border-box;
}
.menu_wrap .menu li a{
	display: block;
	height: 0;
	padding-bottom: 28%;
}
.menu_wrap .menu .active{
	background: url(../imgs/arrow_right.png) no-repeat left 30%;
	background-size: 20%;
}
.wrap{
	width: 100%;
	height: 100%;
}
.wrap .title{
	width: 18.25%;
	margin: auto;
	margin-top: 5.5%;
}
.wrap .title img{
	width: 100%;
}
/* 轮播图 */
.wrap .grow_wrap{
	height: 70%;
	position: relative;
	margin-top: 2%;
	display: none;
}
.wrap .grow_wrap_active{
	display: block;
}
.wrap .grow_wrap .grows{
	width: 100%;
	height: 100%;
	position: relative;
}
.wrap  .grow_wrap .grows li{
	width: 38.55%;
	position: absolute;
	transition: all .8s;
	cursor: pointer;
	left: 0;
	top: 0;
	box-shadow: -15px 15px 10px #333;
}
.wrap .grow_wrap .grows li.big_center{
	margin-left: 32.8%;
	z-index: 2;
}
.wrap .grow_wrap .grows li.li1{
	width: 28.5%;
	margin-top: 7.35%;
	margin-left: -1.5%;
	z-index: 1;
}
.wrap .grow_wrap .grows li.li2{
	width: 18.23%;
	margin-left:21.35%;
	margin-top: -2.6%;
	z-index: 1;
}
.wrap .grow_wrap .grows li.li3{
	width: 18.23%;
	z-index: 1;
	margin-left:67%;
	margin-top: 17.65%;
}
.wrap .grow_wrap .grows li.li4{
	width: 28.5%;
	z-index:1;
	margin-left: 76.85%;
}
.wrap .grow_wrap .grows li.big_center .grow_img img.blur_img{
	opacity: 0;
}
.wrap  .grow_wrap .grows li.big_center .grow_desc{
	opacity: 1;
	top: 10%;
	width: 100%;
	transition: all .8s .8s;
}
.wrap  .grow_wrap .grows li a{
	display: inline-block;
	width: 100%;
	height: 0;
	padding-bottom: 73%;
}
.wrap  .grow_wrap .grows li .grow_img{
	position: relative;
	height: 0;
	padding-bottom: 73%;
	border:2px solid #fff;
	overflow: hidden;
}
.wrap  .grow_wrap .grows li .grow_img img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.wrap .grow_wrap .grows li .grow_img img.blur_img{
	z-index: 1;
	opacity: 1;
}
.wrap .grow_wrap .grows li .grow_img img.more{
	z-index: 2;
	width: 6%;
	top: 89%;
	left: 91.5%;
	opacity: 0;
}
.wrap .grow_wrap .grows li.big_center .grow_img img.more{
	opacity: 1;
}
.wrap  .grow_wrap .grows li img{
	width: 100%;
}
.wrap  .grow_wrap .grows li .grow_desc{
	position: absolute;
	left:0;
	top: 0%;
	text-shadow: -5px 5px 5px #000;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	z-index: 3;
	opacity: 0;
	transition: all .8s;
}
.wrap  .grow_wrap .grows li .grow_desc h2{
	font-size: 72px;
	margin-bottom: 10px;
	margin-left: -15%;
	float: left;
}
.wrap  .grow_wrap .grows li .grow_desc h2{
	font-size: 72px;
	margin-bottom: 10px;
	margin-left: -15%;
	float: left;
}
.wrap  .grow_wrap .grows li .grow_desc p{
	font-size: 24px;
	line-height: 38px;
	text-indent: 10px;
	float: left;
	width: 54%;
	margin-left: 2%;
	font-weight: normal;
}
.wrap  .grow_wrap .grows li.big_center{
	width: 740px;
	box-shadow: -30px 30px 20px #333;
	transition: all .8s;
}
.wrap .grow_wrap .grows li.big_center .grow_img img.blur_img{
	opacity: 0;
}
.wrap  .grow_wrap .grows li.big_center .grow_desc{
	opacity: 1;
	top: 10%;
	width: 100%;
	background: url(../imgs/black.png);
	transition: all .8s .8s;
}
.wrap .grow_wrap .arrow_wrap{
	position: absolute;
	width: 50%;
	left: 27%;
	bottom: 36%;
	cursor: pointer;
	z-index: 10;
	height: 0;
}
.wrap .grow_wrap .arrow_wrap a img{
	width: 100%;
}
.wrap .grow_wrap .arrow_wrap a.left_arrow{
	float: left;
	width: 15%;
}
.wrap .grow_wrap .arrow_wrap a.right_arrow{
	float: right;
	width: 15%;
}
.btns_wrap{
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 1%;
	left: 0;
	padding-bottom: 0.8%;
	cursor: pointer;
	z-index: 10;
}
.btns_wrap .btns{
	width: 30%;
	margin: auto;
	overflow: hidden;
}
.btns_wrap .hr{
	width: 30%;
	height: 2px;
	background: #fff;
	margin: auto;
	margin-top: -0.8%;
}
.btns_wrap .btns li{
	float: left;
	text-align: center;
	width: 32%;
}
.btns_wrap .btns li.two{
	transform: translate(30%,0);
	-ms-transform: translate(30%,0);
}
.btns_wrap .btns li.three{
	transform: translate(36%,0);
	-ms-transform: translate(36%,0);
}
.btns_wrap .btns li img{
	width: 88%;
	margin: auto;
}
.btns_wrap .btns li.three img{
	width: 42.4%;
}
.btns_wrap .btns li img.triangle_top{
	width: 10%;
	display: none;
}
.btns_wrap .btns li.btn_active img.triangle_top{
	display: block;
}
.icons{
	position: fixed;
	top: 28px;
	right:28px;
	width: 4%; 
}
.icons a{
	cursor: pointer;
	display:inline-block;
	width: 100%;
}
.icons a img{
	display: block;
	width: 100%;
}
/*map*/
.map{
	position: fixed;
	bottom: 0;
	right:0;
	z-index: 10;
	width: 508px; 
	
	cursor: pointer;	
}
.map .big_map{
	width: 100%;
	padding: 48px;
	background: #fff;
	position: relative;
	left: -96px;
	bottom: 0;
	z-index: 2;
	display: none;
}
.map .big_map h2{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #e50012;
}

.map .big_map .map_img img{
	width: 100%;
	display: block;
}
.map .map_btn{
	width: 34%;
	position:absolute;
	z-index: 1;	
	bottom: 0;
	right: 0;
}
.map .map_btn img{
	width: 100%;
}
/*iframe*/
.iframe_box{
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.iframe_box .iframe_box_wrap{
	width: 100%;
	height: 100%;
	position: relative;
}
.iframe_box .iframe{
	width: 100%;
	height: 100%;
	border: none;
}
.iframe_box .iframe_close{
	position: absolute;
	top: 0;
	right:0;
	margin-top: 3%;
	margin-right: 3%;
	width: 29px;
	height: 29px;
	cursor: pointer;
}
.iframe_box .iframe_close img{
	width: 100%;
}
@media (max-width: 1600px){
	.wrap  .grow_wrap .grows li .grow_desc h2{
		font-size: 54px;
		margin-bottom: 10px;
	}
	.wrap  .grow_wrap .grows li .grow_desc p{
		font-size: 16px;
		line-height: 30px;
		text-indent: 10px;
	}
	.wrap  .grow_wrap .grows li{
		width: 378px;
		margin: 0 38px;
	}
	.wrap  .grow_wrap .grows li.big_center{
		width: 518px;
	}
	.wrap .grow_wrap .grows li.sm_left{
		margin-top: 103px;
	}
	/*.menu_wrap .menu li{
		height: 32px;
	}*/
}