﻿.middle {
	background-image: url(../images/center_bg.jpg);
	background-repeat: repeat-x;
	background-color: #f3f4f6;
}
.middle2 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 25px;
}
.about {
	float: left;
	width: 280px;
}
.about h1 {
	line-height: 50px;
	background-color: #0a94dc;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	-moz-border-radius-topleft:15px 15px;
	-moz-border-radius-topright:15px 15px;
	-webkit-border-top-left-radius:15px 15px;
	-webkit-border-top-right-radius:15px 15px;
 	border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;
}

.about2 {
	float: left;
	width: 280px;
	margin-left: 26px;
	margin-right: 26px;
}
.about2 h1 {
	line-height: 50px;
	background-color: #efa502;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	-moz-border-radius-topleft:15px 15px;
	-moz-border-radius-topright:15px 15px;
	-webkit-border-top-left-radius:15px 15px;
	-webkit-border-top-right-radius:15px 15px;
 	border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;
}

.about3 {
	float: left;
	width: 280px;
}
.about3 h1 {
	line-height: 50px;
	background-color: #92c427;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	-moz-border-radius-topleft:15px 15px;
	-moz-border-radius-topright:15px 15px;
	-webkit-border-top-left-radius:15px 15px;
	-webkit-border-top-right-radius:15px 15px;
 	border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;
}

.about4 {
	float: right;
	width: 280px;
}
.about4 h1 {
	line-height: 50px;
	background-color: #ed7926;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	-moz-border-radius-topleft:15px 15px;
	-moz-border-radius-topright:15px 15px;
	-webkit-border-top-left-radius:15px 15px;
	-webkit-border-top-right-radius:15px 15px;
 	border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;
}

.about * { transition:all .5s;}
.about h2>a { position:relative; display:block; width:280px; height:208px; overflow:hidden; }
.about h2:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}

.about2 * { transition:all .5s;}
.about2 h2>a { position:relative; display:block; width:280px; height:208px; overflow:hidden; }
.about2 h2:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}

.about3 * { transition:all .5s;}
.about3 h2>a { position:relative; display:block; width:280px; height:208px; overflow:hidden; }
.about3 h2:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}

.about4 * { transition:all .5s;}
.about4 h2>a { position:relative; display:block; width:280px; height:208px; overflow:hidden; }
.about4 h2:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}


/******************banner样式***********************/
.fullSlide {
	width:100%;
	position:relative;
	height:500px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:500px;
	overflow:hidden;
	text-align:center;
	list-style-type: none;
}
.fullSlide .bd li a {
	display:block;
	height:500px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#f00;
}

.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:10%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #333 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:10%;
	background-position:-6px -137px;
}
