/*public*/
 /*案例翻转*/
 /** banner **/
#banner{height:506px;background:#ddd url(images/banner/banner_bg.jpg) center top  no-repeat;}
 
a.btn_blue ,a:hover.btn_blue{
	background-color:#daefda;
	color:#2ba127;
	margin-top:10px;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

/*cases*/ 
#cases ul {
	display:block;
	font-size:0;
	letter-spacing:-6px;
	text-align:center;
	width:100%;
	 
}
#cases ul li {
	display:inline-block;
	zoom:1;
*display:inline;
	vertical-align:top;
	position:relative;
	width:220px;
	height:131px;
	overflow:hidden;
	letter-spacing:normal;
}
#cases ul li img {
	position:absolute;
	top:0;
	left:0;
 
}
#cases ul li p {
	display:none;
	width:166px;
	z-index:1;
	font-size:12px;
	text-align:left;
	padding:20px 27px;
	background:#189c16;
	color:#fff;
	font-size:14px;
}
#cases ul li p strong {
	display:block;
	font:bold 12px/25px Microsoft YaHei;
	color:#fff;
	margin-top:5px;
	font-size:14px;
}
#cases ul li p a {
	display:inline-block;
	zoom:1;
*display:inline;
	font-weight:bold;
	height:25px;
	line-height:25px;
	padding:0 5px;
 
}
#cases ul li p a.openurl {
	width:23px;
	height:23px;
	padding:0;
	background:url(../images/ico_website.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	bottom:5px;
	right:5px;
}
#cases ul li p a.openurl:hover {
	background-position:0 -23px
}
/*banaer图片*/
.wrapper {
	width:1900px;
	margin:0 0 0 0;
	position:relative;
}
/*banner*/
#banner {
	width:100%;
	height:508px;
	background:#3cb3c0;
	overflow:hidden;
	position:relative;
}
#banner_img {
	display:block;
	position:relative;
}
#banner_img li {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:582px;
	background-position:center;
	background-size:cover;
	display:none;
}
#banner_img .ad_img {
	position:absolute;
	right:0;
	top:140px;
 
}
#banner_img .m_img {
	position:absolute;
	right:360px;
	top:260px;
}

#banner_img .i_img {
	position:absolute;
	right:20px;
	top:200px;
}
#banner_img .ad_txt {
	position:absolute;
	top:150px;
	color:#fff;
}
#banner_img .ad_txt h2 {
	font:bold 36px/60px Microsoft YaHei;
}
#banner_img .ad_txt a {
	display:block;
}
#banner_ctr {
	position:absolute;
	width:960px;
	height:52px; 
	left:45%;
	bottom:-10px;
	z-index:1;
}
#banner_ctr ul {
	width:960px;
	height:52px;
	/*background:url(./index_files/serv_ico.png) center no-repeat;*/
	font-size:0;
	line-height:0;
	position:relative;
}
#banner_ctr li {
	display:block;
	float:left;
	width:40px;
	height:6px;
	cursor:pointer;
	background:url(../images/banner/bg1.png) repeat;
	margin-left:5px;
}
#banner_ctr li.first-item {
	background:#ccc;
	width:40px;
	height:10px;
	cursor:default;
}
#banner_ctr li.last-item {
	background:#ccc;
	width:40px;
	 height:10px
	cursor:default;
}
#drag_ctr {
	position:absolute;
    top:0px;
	left:5px;
	width:40px;
	height:6px;
	bottom:40px;
	background:url(../images/banner/bg2.png) repeat;
	z-index:19;
}
#drag_arrow {
	position:absolute;
	top:0px;
	left:5px;
	width:40px;
	height:10px;
	/*background:url(./index_files/drag_banner_arrow.gif) center 14px no-repeat;*/
}
.xj{
	border:1px solid rgba(255,255,255,0.4);
	text-align:center;
	line-height:40px;
	padding:0 10px;
	background:url(../images/banner/bg1.png) repeat;
	font-size:16px;
	margin-top:10px;
	}
.xj2{
	padding-left:20px;font-size:30px;
}
.xj3{font-size:40px;color:#fff;margin-top:40px;font-weight:bold;}
.xj4{font-size:28px;color:#fff;line-height:60px;}
.xj5{font-size:22px; color:#fff;line-height:40px;}
.f48{font-size:48px;padding:0 7px;}
a.pre,.next,a:hover.pre,a:hover.next{position:absolute;width:29px;height:55px;display:block;top:300px;text-indent:-9999px;}
a.next,a:hover.next{right:250px; background:url(../images/banner/jiantou.png) no-repeat;}
a.next{background-position:-31px -55px;}
a:hover.next{background-position:-31px 0;}
a.pre,a:hover.pre{left:250px;background:url(../images/banner/jiantou.png) no-repeat;}
a.pre{background-position:0 -55px;}
a:hover.pre{background-position:0 0;}