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

/*banner*/
.bannerIndex {
	width: 100%;
	height: 596px;
	overflow: hidden;
	background-color: #CEE0F4;
	z-index: -1;
}
.banner_Img {
	position: relative;
	height: 596px;
}
.banner_Img li {
	height: 596px;
	width: 100%;
	position: absolute;
	height: 596px;
}
.banner_Img .ban1 {
	background: url(../img/sybg.jpg) no-repeat center;
}
.banner_Img .ban2 {
	background: url(../img/sybg_2.jpg) no-repeat center;
}
.banner_text {
	position: relative;
	top: -596px;
	height: 596px;
	overflow: hidden;
}
.banner_text h2, .banner_text span, .banner_text a {
	display: block;
	position: absolute;
}
.bannerIndex1 {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.bannerIndex1 h2 {
	display: block;
	left: 134px;
	top: -70px;
	opacity: 0;
	color: rgb(255,255,255);
	font-size: 40px;
	font-weight: normal;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 30px rgba(0, 0, 0, 0.075);
	letter-spacing: 3px;
	line-height: 46px;
}
.bannerIndex1 span {
	display: none;
	left: 143px;
	top: 286px;
	color: rgb(255,255,255);
	font-size: 20px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 30px rgba(0, 0, 0, 0.075);
	letter-spacing: 2px;
}
.button {
	top: 400px;
	background-color: rgba(31, 89, 170, 0.6);
	border: 2px solid rgba(255, 255, 255, 0.5);
	border: 2px solid rgb(255, 255, 255)\9;
	border-radius: 5px 5px 5px 5px;
	color: rgb(255,255,255);
	display: inline-block;
	font-size: 30px;
	letter-spacing: 1px;
	width: 325px;
	height: 90px;
	opacity: 0;
	left: -329px;
	line-height: 88px;
	text-transform: uppercase;
	transition: background-color 0.15s ease-in 0s;
}
/*.butn1{ left:2;}
.butn2{ left:335px;}
.butn3{ left:670px;}*/
.button:hover {
	background-color: rgba(211, 44, 21, 0.8);
	background-color: #DD2C15;
	color: rgb(255,255,255);
}