.banner_eco {
	background: url(../picture/banner-2.jpg) no-repeat center!important;
	height: 560px!important;
	background-size: 100% !important;
}

.fa_sy {
	height: 300px;
	margin-bottom: 60px;
}

.fa_sy_left {
	float: left;
	width: 399px;
	height: 296px;
}

.fa_sy_right {
	float: right;
	margin-top: 75px;
}

.fa_sy_right ul {
	width: 600px;
}

.fa_sy_right li {
	width: 124px;
	height: 40px;
	background: #9cbcd9;
	color: #fff;
	border-radius: 40px;
	float: left;
	margin-right: 30px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	margin-bottom: 20px;
}

.fa_sy_right li:hover {
	background: #83a5c5;
}

.fa_yw {
	background: url(../image/bg_ds.png) no-repeat;
	width: 100%;
	height: 850px;
}

.fa_wl {
	background: url(../image/bg_wl.png) no-repeat;
	width: 100%;
	height: 700px;
}

.fa_yw .sycj-img img {
	width: 268px;
	height: 495px;
}

.fa_yw_btn {
	width: 100%;
	height: 495px;
	position: absolute;
	z-index: 100;
}

.fa_yw_btn a {
	display: block;
	position: absolute;
	background: url(../image/fa_nor.png) no-repeat;
	width: 110px;
	height: 110px;
	text-align: center;
	line-height: 110px;
	color: #fefefe;
	font-size: 16px;
}

.fa_yw_btn a:hover {
	background: url(../image/fa_pre.png) no-repeat;
	animation: dash 5s linear alternate infinite;
}

.fa_yw_btn a i {
	display: block;
	background: #1f77e5;
	
	height: 1px;
	transform: translate(-50%);
	position: absolute;
	top: 50%;
	left: 250px;
}

.fa_yw_btn a:nth-child(5) i,
.fa_yw_btn a:nth-child(7) i {
	left: -118px;
}

.fa_yw_btn a:nth-child(6) i,
.fa_yw_btn a:nth-child(8) i {
	left: -138px;
}

.fa_yw_btn a:nth-child(1) i,
.fa_yw_btn a:nth-child(3) i {
	left: 220px;
}

.fa_yw_btn a:nth-child(odd) i {
	max-width: 244px;
}

.fa_yw_btn a:hover i {
	animation: ad_width .5s linear forwards;
}

@keyframes ad_width {
	from {
		width: 0
	}
	to {
		width: 300px
	}
}

.fa_game_btn {
	width: 100%;
	height: 495px;
	position: absolute;
	z-index: 100;
	margin-top: 40px;
}

.fa_game_btn a {
	width: 40%;
	position: absolute;
	color: #b8badc;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
}

.fa_game_btn a:hover {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}

.fa_game_btn a span {
	font-size: 12px;
	color: #fff;
	display: block;
	width: 250px;
	line-height: 23px;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
}

.fa_game_btn a img {
	margin-right: 10px;
	margin-left: 10px;
}

.sycj-img {
	text-align: center;
}

.fa_ys_list {
	height: 350px;
}

.fa_ys_list li {
	float: left;
	width: 25%;
	text-align: center;
}

.fa_ys_list li img {
	width: 132px;
	height: 132px;
}

.fa_ys_list li h3 {
	font-size: 18px;
	color: #333;
	height: 50px;
	line-height: 50px;
	margin-top: 15px;
}

.fa_ys_list li span {
	font-size: 14px;
    color: #333;
    display: block;
    width: 180px;
    margin: 0 auto;
}

.fa_once_img {
	width: 100%;
	text-align: center;
	padding: 30px 0;
}

.fa_once_img img {
	width: 674px;
	height: 775px;
}

.fa_game {
	width: 100%;
	height: 915px;
	background: #091d57;
}

.fa_game .sycj-img img {
	width: 665px;
	height: 632px;
}

@media screen and (max-width: 1200px) {
	.banner_eco {
		background: url(../picture/banner-1.jpg) no-repeat center !important;
		background-size: 200% 150% !important;
		margin-top: 60px!important;
	}
	.fa_sy_right ul {
		width: 320px;
		margin: 0 auto;
		display: block;
	}
	.fa_sy_left {
		width: 100%;
		text-align: center;
	}
	.fa_sy_left img {
		width: 85%;
		margin-top: 30px;
	}
	.fa_sy {
		height: 440px;
	}
	.fa_sy_right {
		margin-top: 0!important;
	}
	.fa_game_btn a span,
	.fa_game_btn a img {
		display: none;
	}
	.fa_game_btn a {
		position: initial;
		width: 12.5%;
		float: left;
		line-height: 20px;
		font-size: 14px;
		padding: 0 5px;
		color: #fefefe;
		font-weight: normal;
		    text-align: center!important;
    padding-bottom: 5px;
	}
	.fa_game_btn a:hover, .fa_game_btn a.active{
		border-bottom: 2px solid #fefefe;
		animation-play-state:paused;
	}
	.fa_game .sycj-img img {
		width: 100%;
		height: initial;
	}
	.fa_game_btn {
		position: initial;
		height: 100px;
		margin-top: 20px;
	}
	.fa_game {
		height: 655px;
	}
	.fa_ys_list {
		height: 580px;
	}
	.fa_ys_list li {
		width: 50%;
		margin-bottom: 30px;
	}
	.fa_ys_list li span {
		font-size: 14px;
	}
	.fa_once_img img {
		width: 80%;
		height: initial;
	}
	.fa_yw_btn {
		position: initial;
		height: 110px;
	}
	.fa_yw_btn a {
		position: initial;
		height: 50px;
		margin-top: 20px;
		float: left;
		width: 12.5%;
		background: none;
		font-size: 14px;
		padding: 0 5px;
		line-height: 20px;
	}
	.fa_yw_btn a:hover {
		background: none;
	}
	.fa_yw_btn a.active {
		border-bottom: 2px solid #fff;
	}
	.fa_yw_btn a i {
		display: none;
	}
	.fa_yw .sycj-img img {
		width: 60%;
		height: initial;
	}
	.fa_yw {
		height: 700px;
	}
	.phone_fa_yw {
		margin-top: 0!important;
	}
	.phone_fa_yw a {
		width: 16.6%;
		padding: 0 10px
	}
	.fa_ys_list li span {
			width: 96%;

	}
}