@charset "utf-8";

/* CSS Document */

body{



	}

.case_top_banner{

	float:left;

	width:100%;

	height:400px;

	overflow:hidden;

	background:url(../images/case_banner.jpg) center no-repeat}



/*首页焦点图*/

#banner{

	width:100%;

	height:400px;

	text-align:center;

	position:relative;

	left:50%;

	margin-left:-960px;

	overflow:hidden}

#banner ul li{

	float:left;

	height:400px;

	overflow:hidden}

#banner ol{

	position:absolute;

	left:0;

	right:0;

	bottom:20px}

#banner .dots li.active {

	background:#00bc54;

	opacity:1}

#banner .dots li{

	display:inline-block;

	width:10px;

	height:10px;

	margin:0 4px;

	background:#fff;

	text-indent:-999em;

	cursor:pointer;}

.ls-dw{

	position:relative;

	height:400px}



.case_big{

	float:left;

	width:100%}

.case_big .case_1024{

	width:1024px;

	margin:0 auto}



.case_sx_tj{

	position:relative;

	float:left;

	width:974px;

	padding:25px;

	margin-top:-50px;

	background:#fff;

	box-shadow:3px 3px 3px #e5e5e5;

	z-index:9999;}

.case_sx_tj .tj_tit{

	float:left;

	width:974px;

	height:30px;

	border-bottom:2px solid #eee}

.case_sx_tj .tj_tit a{

	float:left;

	color:#999;

	height:30px;

	padding:0 10px;

	font-size:18px;

	font-weight:bold}

.case_sx_tj .tj_tit a.active,

.case_sx_tj .tj_tit a:hover{

	color:#277ccb;

	text-decoration:none;

	border-bottom:2px solid #277ccb}

.tj_child{

	float:left;

	width:974px}

.tj_child a{

	float:left;

	color:#333;

	height:22px;

	line-height:22px;

	padding:0 15px;

	margin:15px 10px 0 0;

	font-size:14px}

.tj_child a.on,

.tj_child a:hover{

	color:#fff;

	font-weight:bold;

	text-decoration:none;

	background:#277ccb;

	border-radius:10px}



.case_list{

	float:left;

	width:}

.list_tit{

	float:left;

	color:#333;

	width:1024px;

	height:50px;

	margin-top:50px;

	text-align:center;

	font-size:24px;

	background:url(../images/line-bg.png) bottom no-repeat}

.list_tit h1{

	font-size:24px;}



.list_con{

	float:left;

	width:1024px;

	margin-top:50px}

.list_con ul{

	float:left;

	width:1024px}

.list_con ul li{

	float:left;

	width:241px;

	height:260px;

	margin:0 20px 20px 0;

	position:relative;

	background:#fff;

	box-shadow:1px 1px 3px #e0e0e0,-1px -1px 3px #e0e0e0}

.list_con ul li.mr_0{

	margin-right:0}

.list_con ul li p{

	float:left;

	width:221px;

	font-size:14px}

.list_con ul li .tit{

	color:#333;

	padding:10px 10px;

	height:40px;

	line-height:40px;

	text-align:center;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.list_con ul li span{

	position:absolute;

	left:0;

	top:0;

	z-index:99;

	display:none;

	width:241px;

	height:260px;

	background:url(../images/case_repeat_bg.png) left repeat}

.list_con ul li .tag{

	color:#0095cc;

	width:221px;

	height:50px;

	padding:0 10px;

	line-height:50px;

	text-align:center;

	background:#fafafa;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.list_con ul li .tag img{

	padding-right:5px;

	}

.list_con ul li:hover .tag{

	position:absolute;

	left:0;

	bottom:0;

	z-index:999;

	background:#0f0f0f}

.list_con ul li:hover span{

	display:block}

.list_con ul li span a{

	float:left;

	color:#fff;

	width:140px;

	height:36px;

	line-height:36px;

	text-align:center;

	margin:111px 0 0 50px;

	font-size:18px;

	border:1px solid #fff;

	border-radius:20px}



.case_bom_js{

	float:left;

	width:1024px;

	height:230px;

	margin-top:50px;

	background:#fff}

.case_bom_js p{

	float:left;

	color:#333;

	width:600px;

	height:200px;

	line-height:26px;

	padding:15px 0;

	overflow:hidden;

	margin-left:20px;

	font-size:14px}

.case_bom_js a{

	float:right;

	color:#ff8b24;

	width:90px;

	height:80px;

	padding:150px 0 0 40px;

	font-size:14px;

	border-left:1px solid #e5e5e5;

	background:url(../images/zs-ico.png) no-repeat 40px 80px}





/*详情页面*/

.show_case_box{

	float:left;

	width:944px;

	padding:40px;

	margin-top:20px;

	border:1px solid #e5e5e5;

	box-shadow:1px 1px 1px #e5e5e5,-1px -1px 1px #e5e5e5;

	background:#fff}



.show_top_con{

	float:left;

	width:944px;
	position: relative;

	border-bottom:1px solid #eaeaea}

.show_top_con dl{

	float:left;

	width:944px;

	padding-bottom:25px}

.show_top_con dl dt{

	float:left;

	width:110px;

	height:110px;

	overflow:hidden;

	position:relative;

	border:1px solid #e5e5e5;

	border-radius:50%}

.show_top_con dl dt img{

/*    position:absolute;

	left:50%;

	margin-left:-88px*/}

.show_top_con dl dd{

	float:right;

	width:810px}

.show_top_con dl dd h1{

	color:#34495e;

	float:left;

	width:810px;

	height:58px;

	line-height:58px;

	font-size:24px;

	font-weight:bold;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis}

.show_top_con dl dd p{

	color:#b8c4ce;

	float:left;

	width:810px;

	height:24px;

	line-height:24px;

	font-size:14px;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis}

.show_top_con dl dd p a{

	color:#3498db;}



.tj_mb{

	float:left;

	width:944px;

	margin-top:40px;

	border-top:1px solid #eaeaea;}

.tj_mb .bt{

	float:left;

	width:944px}

.tj_mb .bt h3{

	color:#6093ba;

	float:left;

	height:40px;

	line-height:40px;

	padding-left:10px;

	font-size:18px;

	font-weight:bold}

.tj_mb .bt a{

	color:#364d5f;

	float:right;

	height:40px;

	line-height:40px;

	font-size:14px}

.tj_mb .mb_list,

.tj_mb .mb_list ul{

	float:left;

	width:944px;}

.tj_mb .mb_list ul li{

	float:left;

	width:280px;

	padding:10px;

	margin:10px 22px 0 0}

.tj_mb .mb_list ul li.mr_0{

	margin-right:0}

.tj_mb .mb_list ul li:hover{

	background:#f1f4f6}

.tj_mb .mb_list ul li img{

	border:1px solid #e5e5e5}

.tj_mb .mb_list ul li p{

	float:left;

	width:280px}

.tj_mb .mb_list ul li .tit a{

	float:left;

	color:#333;

	width:280px;

	height:30px;

	line-height:30px;

	margin-top:10px;

	font-size:16px;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis}

.tj_mb .mb_list ul li .num span{

	float:left;

	color:#b5b5b5;

	height:30px;

	line-height:30px;

	font-size:14px;

	padding-left:20px;

	margin-right:30px;

	background:url(../images/tit_num_ico.png) no-repeat}

.tj_mb .mb_list ul li .num span.like{

	background-position:0 -33px}

.tj_mb .mb_list ul li .num span.down{

	background-position:0 8px}



.tj_mb .dz_user{

	float:left;

	color:#ff8b24;

	width:944px;

	font-size:16px;

	margin-top:20px;

	text-align:center}

.tj_mb .dz_user a{

	display:inline-block;

	height:34px;

	line-height:34px;

	color:#fff;

	font-size:18px;

	padding:0 20px;

	margin-left:20px;

	background:#ff8b24;

	border-radius:3px}

.tj_mb .dz_user a:hover{

	text-decoration:none}



.al_js{

	float:left;

	width:900px;

	padding:10px 22px;

	margin-top:40px;

	background:#f8f7f2;

	box-shadow:2px 2px 3px #ebeaea}

.al_js h3{

	float:left;

	color:#333;

	width:900px;

	height:40px;

	line-height:40px;

	font-size:14px;

	font-weight:bold;

	border-bottom:2px solid #d9d9d9}

.al_js .txt_con{

	color:#666;

	float:left;

	width:900px;

	margin-top:20px;

	line-height:24px;

	font-size:14px}



.case_zw_con{

	float:left;

	color:#333;

	width:944px;

	margin-top:50px;

	font-size:14px}

.case_zw_con p{

	margin-top:10px}

.case_zw_con img{
	max-width: 944px
}







/*翻页*/

.page_box{

	float:left;

	width:100%;

	text-align:center}

.page_box a{

	display:inline-block;

	color:#959595;

	width:30px;

	height:30px;

	line-height:30px;

	font-size:14px;

	text-align:center;

	margin:0 2px;

	text-decoration:none;

	background:#fff}

.page_box a.on{

	color:#eb6100}

.page_box a.prev,

.page_box a.next{

	color:#fff;

	background:#d2d2d2}





.mobile-view-entry{
	width: 114px;
	height: 140px;
	position: absolute;
	top: -15px;
	right: 0
}
.mobile-view-entry .code{
	width: 114px;
	height: 114px;
	vertical-align: top
}
.mobile-view-entry .txt{
	color: #b9b9b9;
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: center;
}

/* 案例详情新增code */
.show_top_con{
	float:left;
	width:944px;
	padding-bottom:25px;
	position: relative;
	border-bottom:1px solid #eaeaea
}
.show_top_con dl{
	float:left;
	width: 500px;
}
.show_top_con dl dt{
	float:left;
	width:110px;
	height:110px;
	overflow:hidden;
	position:relative;
	border:1px solid #e5e5e5;
	border-radius:50%
}
.show_top_con dl dd{
	float:right;
	width: 374px;
}
.show_top_con dl dd h1{
	color:#34495e;
	height:58px;
	line-height:58px;
	font-size:24px;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.show_top_con dl dd p{
	color:#b8c4ce;
	height:24px;
	line-height:24px;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.show_top_con dl dd p a{
	color:#3498db;
}
.show_top_con .right-code{
	float: right;
	margin-top: -20px;
}
.show_top_con .right-code .code-item{
	float: left;
	padding: 10px;
	width: 94px;
	height: 120px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #EBEBEB;
	margin-right: 40px;
}
.show_top_con .right-code .code-item:last-child{
	margin-right: 0;
}
.show_top_con .right-code .code-item .img{
	width: 94px;
	height: 94px;
}
.show_top_con .right-code .code-item .img img{
	width: 100%;
	height: 100%;
}
.show_top_con .right-code .code-item .tit{
	font-size: 14px;
	color: #666;
	margin-top: 8px;
	text-align: center;
}