@charset "utf-8";
/* CSS Document */

.ban{ margin:0 auto; overflow:hidden; z-index:1;width:100%;background:#f2f2f2}
.fullSlide {width:100%;position:relative; overflow:hidden;left:0; top:0; }
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center; background-size:100%;}
.fullSlide .bd li img{ min-width:1200px}
.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:12px;height:12px;margin-right:6px;overflow:hidden;background:#000;filter:alpha(opacity=70);opacity:0.7;line-height:999px; border-radius:50%}
.fullSlide .hd ul .on {background:#e50112;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2.5%;z-index:1;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:2.5%;background-position:-6px -137px;}


@media (min-width: 600px) {
.fullSlide .bd li img{ height:140px}
}

@media (min-width: 1024px) {
.fullSlide .bd li img{ height:240px}
}
@media (min-width: 1440px) {
.fullSlide .bd li img{ height:337px}
}
@media (min-width: 1600px) {
.fullSlide .bd li img{ height:375px}
}
@media (min-width: 1920px) {
.fullSlide .bd li img{ height:450px}
}



.content-background {
	width: 100%;
	min-width: 1200px;
	background-color: #f2f2f2;
}

.content-first {
	padding-top: 100px;
	margin: 0 auto;
	width: 1200px;
	min-width: 1200px;
	overflow: hidden;
}

.item {
	width: 198px;
	height: 258px;
	float: left;
	position: relative;
	margin-left: 136px;
	margin-bottom: 50px;
}

.item:nth-of-type(1) {
	margin-left: 0px;
}

.item:nth-of-type(5) {
	margin-left: 0px;
}

.first-item {
	width: 198px;
	height: 258px;
	border: 1px solid #b7b7b7;
	border-radius: 8px;
}

.first-item-hover {
	width: 180px;
	height: 236px;
	background-color: #FFFFFF;
	border: 1px solid #b7b7b7;
	border-radius: 8px;
	box-shadow: 0px 0px 10px #888;
	position: absolute;
	left: 9px;
	top: 11px;
}
.hide {
	display: none;
}
.first-item img {
	margin: 30px 30px 20px 30px;
}

.first-item-hover img {
	margin: 20px 45px 10px 45px;
}

.first-item h4 {
	color: #424242;
	font-size: 22px;
	text-align: center;
	line-height: 22px;
}

.first-item-hover h4 {
	color: #424242;
	font-size: 20px;
	text-align: center;
	line-height: 20px;
}

.first-item p {
	margin-top: 10px;
	color: #6c6b6b;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
}

.first-item-hover p {
	margin-top: 8px;
	font-size: 14px;
	line-height: 14px;
	color: #6c6b6b;
	text-align: center;
}

.first-item-hover a {
	display: block;
	width: 136px;
	height: 33px;
	line-height: 33px;
	border-radius: 16px;
	background-color: #ec6c00;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	margin: 20px auto auto auto;
}

.content-second {
	padding-top: 108px;
	margin: 0 auto;
	width: 1200px;
	min-width: 1200px;
	overflow: hidden;
}

.item1 {
	width: 358px;
	height: 248px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	background-color: #FFFFFF;
	float: left;
}


.item1a{ margin:0 60px; display:inline}
.item1 h4 {
	font-size: 22px;
	line-height: 22px;
	color: #424242;
	text-align: center;
	margin: 22px auto 12px;
	border-bottom: 2px solid #EC6C00;
	width: 100px;
	padding-bottom: 10px;
}

.item1 p {
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	color: #6c6b6b;
	margin-bottom: 15px;
}

.item1 img {
	height: 100px;
	width: 340px;
	margin: 0 auto 20px auto;
	display: block;
}

.item1 div {
	height: 30px;
	background-color: #F9F9F9;
	color: #ec6c00;
	line-height: 30px;
	padding-left: 15px;
	overflow: hidden;
	font-size: 14px;
}

.item1 div a {
	float: right;
	margin-right: 40px;
	color: #ec6c00;
}

.item1 div a:hover {
	color: #ec6c00;
}
