@charset "utf-8";
/* CSS Document */

.sy31 {
	width:554px;
	height:360px;
	float:left;
	overflow:hidden;
	position:relative;
}
.sy31 ul li .sy311 {
	background:url(../images/bj4.jpg);
	width:554px;
	height:360px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.sy31 ul li .sy312 {
	background:url(../images/bj5.jpg);
	width:554px;
	height:360px;
	position:absolute;
	top:0;
	left:-554px;
	z-index:2;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.sy31 ul li .sy312 h3 {
	font-weight:normal;
	text-align:center;
	font-family:微软雅黑;
	font-size:23px;
	color:#fff;
	position:absolute;
	top:36px;
	width:200px;
	left:50%;
	margin-left:-100px;
}
.sy31 ul li .sy312 p {
	font-family:微软雅黑;
	font-size:15px;
	color:#fff;
	position:absolute;
	width:485px;
	height:174px;
	top:91px;
	left:50%;
	margin-left:-242.5px;
	line-height:26px;
	text-indent:2em;
}
.sy31 ul li .sy312 a {
	font-family:微软雅黑;
	width:122px;
	height:38px;
	position:absolute;
	left:50%;
	margin-left:-61px;
	line-height:38px;
	display:block;
	top:281px;
}
.sy31 ul li .sy312 a span {
	opacity:1;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
	color:#fff;
	text-decoration:none;
	font-size:16px;
	position:absolute;
	line-height:38px;
	left:18px;
}
.sy31 ul li .sy312 a b {
	background:url(../images/bj6.jpg);
	width:12px;
	height:16px;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:17px;
}
.sy31 ul li .sy312 a:hover span {
	opacity:0;
}
.sy31 ul li .sy312 a:hover b {
	right:50%;
	margin-right:-6px;
}
.sy31 ul li:hover .sy312 {
	left:0;
}
.sy32 {
	width:532px;
	height:169px;
	overflow:hidden;
	position:relative;
	background:url(../images/bj7.jpg);
}
.sy321 {
	top:61px;
	position:absolute;
	left:50%;
	width:200px;
	margin-left:-100px;
	text-align:center;
	font-size:22px;
	color:#fff;
	opacity:1;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
	font-family:微软雅黑;
}
.sy322 {
	width:39px;
	height:1px;
	position:absolute;
	left:50%;
	margin-left:-19.5px;
	top:105px;
	background:#fff;
	opacity:1;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.sy323 {
	width:60px;
	height:61px;
	margin-left:-30px;
	margin-top:-30.5px;
	top:80%;
	left:50%;
	position:absolute;
	background:url(../images/bj8.png);
	opacity:0;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.sy32 ul li a, .sy33 ul li a {
	width:532px;
	height:169px;
	display:inline-block;
}
.sy32 ul li:hover .sy321, .sy33 ul li:hover .sy321 {
	opacity:0;
	top:31px;
}
.sy32 ul li:hover .sy322, .sy33 ul li:hover .sy322 {
	opacity:0;
	top:9px;
}
.sy32 ul li:hover .sy323, .sy33 ul li:hover .sy323 {
	opacity:1;
	top:50%;
}
.sy35 {
	width:532px;
	height:360px;
	overflow:hidden;
	float:right;
}
.sy3 {
	width:1100px;
	height:360px;
	margin:auto;
}
.sy33 {
	width:532px;
	height:169px;
	overflow:hidden;
	position:relative;
	background:url(../images/bj9.jpg);
	margin-top:22px;
}