.web-usInfo{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:30px auto 70px auto;
}
.web-usInfo .cntitle{
	width:100%;
	height:40px;
	text-align:center;
	font:28px/40px 'microsoft yahei';
	color:#222;
	font-weight: bold;
}
.web-usInfo dd{
	display:block;
	width:50px;
	height:3px;
	margin:8px auto 0 auto;
	background-color:#956C38;
}
.web-usInfo .cntitle2{
	width:100px;
	height:40px;
	text-align:center;
	font:22px/40px 'microsoft yahei';
	color:#444;
	margin:20px auto 0 auto;
	border-bottom:1px solid #999;
}
.web-usInfo .cntitle3{
	width:1200px;
	height:40px;
	text-align:center;
	font:38px/40px 'microsoft yahei';
	color:#444;
	margin:20px auto 0 auto;
}
.web-usInfo .cntitle4{
	width:1000px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font:16px/24px 'microsoft yahei';
	color:#444;
	margin:15px auto 0 auto;
}
.web-usInfo .datanum{
	width:700px;
	height:150px;
	margin:20px auto 0 auto;
	text-align:center;
}
.web-usInfo .datanum span{
	display:inline-block;
	vertical-align: middle;
	width:32%;
	height:100px;
}
.web-usInfo .datanum span em{
	display:block;
	width:100%;
	height:60px;
	text-align:center;
	font:60px/60px 'microsoft yahei';
	color:#333;
	font-weight: bold;
}

.web-usInfo .datanum span dl{
	display:block;
	width:100%;
	height:30px;
	text-align:center;
	font:15px/38px 'microsoft yahei';
	color:#555;
}
.web-moreBut{
	display:block;
	width:200px;
	height:42px;
	margin:0 auto;
	border-radius:21px;
	border:2px solid #956C38;
	text-align:center;
	transition-duration:0.2s;
}
.web-moreBut:hover{
	background-color:#956C38;
}
.web-moreBut span{
	display:inline-block;
	vertical-align: middle;
	width:120px;
	height:42px;
	font:16px/42px 'microsoft yahei';
	color:#956C38;
	transition-duration:0.2s;
}
.web-moreBut:hover span{
	color:#fff;
}
.web-moreBut i{
	display:inline-block;
	vertical-align: middle;
	width:30px;
	height:42px;
	font:20px/42px 'microsoft yahei';
	color:#956C38;
	text-align:right;
	transition-duration:0.2s;
}
.web-moreBut:hover i{
	width:38px;
	color:#fff;
}

.web-serve{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.web-serve h2{
	width:100%;
	height:60px;
	text-align:center;
	font:50px/60px 'microsoft yahei';
	color:#333;
}
.web-serve dd{
	display:block;
	width:50px;
	height:3px;
	margin:15px auto 0 auto;
	background-color:#956C38;
}
.web-serve h3{
	width:100px;
	height:40px;
	text-align:center;
	font:22px/40px 'microsoft yahei';
	color:#444;
	margin:20px auto 0 auto;
	border-bottom:1px solid #999;
}
.web-serve .list{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:30px auto 0 auto;
	text-align:center;
}
.web-serve .list .item{
	display:inline-block;
	vertical-align: middle;
	width:266px;
	height:auto;
	overflow:hidden;
	margin:0 15px;
}
.web-serve .list .item .kuang{
	width:262px;
	height:180px;
	border:2px solid #956C38;
}
.web-serve .list .item .kuang h4{
	display:block;
	width:90%;
	height:30px;
	font:20px/40px 'microsoft yahei';
	color:#956C38;
	margin:0 auto;
	font-weight: bold;
	text-align:left;
}
.web-serve .list .item .kuang dl{
	display:block;
	width:90%;
	height:30px;
	font:16px/40px 'microsoft yahei';
	color:#333;
	margin:0 auto;
	text-align:left;
}
.web-serve .list .item .kuang i{
	display:block;
	width:80px;
	height:80px;
	text-align:center;
	font:60px/80px 'microsoft yahei';
	color:#444;
	margin:10px auto 0 auto;
	transition-duration:0.2s;
}
.web-serve .list .item:hover .kuang i{
	font:70px/80px 'microsoft yahei';
}
.web-serve .list .item ul{
	display:block;
	width:84%;
	height:auto;
	overflow:hidden;
	margin:15px auto 0 auto;
}
.web-serve .list .item ul li{
	display:block;
	width:100%;
	height:26px;
	font:14px/26px 'microsoft yahei';
	color:#444;
	text-align:left;
}



.web-case{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:60px auto 60px auto;
}
.web-case h2{
	width:100%;
	height:60px;
	text-align:center;
	font:50px/60px 'microsoft yahei';
	color:#333;
}
.web-case dd{
	display:block;
	width:50px;
	height:3px;
	margin:15px auto 0 auto;
	background-color:#956C38;
}
.web-case h3{
	width:100px;
	height:40px;
	text-align:center;
	font:22px/40px 'microsoft yahei';
	color:#444;
	margin:20px auto 0 auto;
	border-bottom:1px solid #999;
}
.web-case .list{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:30px auto 40px auto;
	text-align:center;
	font-size:0px;
}
.web-case .list > .item{
	display:inline-block;
	vertical-align: middle;
	width:20%;
	min-height:240px;
	height:auto;
	background-color:#09F;
	overflow:hidden;
	margin:0 0;
	position:relative;
	cursor:pointer;
}
.web-case .list > .item img{
	display:block;
	width:100%;
}
.web-case .list > .item span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	top:-400px;
	left:0;
	background: rgba(0,0,0, 0.6);
	transition-duration:0.2s;
}
.web-case .list > .item:hover span{
	top:0;
}
.web-case .list > .item span i{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	border-radius:40px;
	text-align:center;
	position:absolute; 
	left:50%;  
    top:50%;
	z-index:2; 
    margin:-40px 0 0 -40px;
	font:60px/80px 'microsoft yahei';
	color:#956C38;
	background: rgba(255,255,255, 0.5);
}


.web-marketing{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:60px auto 60px auto;
}
.web-marketing h2{
	width:100%;
	height:60px;
	text-align:center;
	font:50px/60px 'microsoft yahei';
	color:#333;
}
.web-marketing dd{
	display:block;
	width:50px;
	height:3px;
	margin:15px auto 0 auto;
	background-color:#956C38;
}
.web-marketing h3{
	width:140px;
	height:40px;
	text-align:center;
	font:22px/40px 'microsoft yahei';
	color:#444;
	margin:20px auto 0 auto;
	border-bottom:1px solid #999;
}
.web-marketing h4{
	width:100%;
	height:60px;
	text-align:center;
	font:50px/60px 'microsoft yahei';
	color:#333;
	margin:25px auto 0 auto;
}
.web-marketing h5{
	width:100%;
	height:28px;
	text-align:center;
	font:16px/28px 'microsoft yahei';
	color:#333;
	margin:0 auto 0 auto;
}
.web-marketing img{
	display:block;
	width:712px;
	margin:30px auto 30px auto;
}