/* ******案例列表页****** */
html, body {
	background: #f5f5f5;
}
/*筛选框*/
.fiter {
	padding:15px 20px 10px 20px;
	width:1120px;
	background:#fff;
	border:1px solid #CCC;
	margin:30px auto;
}
.fiter .fiter_line {
	padding:10px 0px 5px;
	line-height:25px;
	overflow:hidden;
	zoom:1;
}
.fiter .fiter_line .column {
	font-size:14px;
	color:#333333;
	font-weight:bold;
	float:left;
}
.fiter .fiter_line .list {
	float:left;
	width:1060px;
	height: auto;
	color:#555;
	white-space: nowrap;
}
.fiter .fiter_line .list a {
	float:left;
	padding:0px 5px;
	margin: 0 14px 5px;
	height:25px;
	text-align:left;
	line-height:25px;
}
.fiter .fiter_line .list a:active {
	border-radius:5px;
	background:#dd4f50;
	color: #fff;
}
.fiter .fiter_line .list a span, .fiter .fiter-line .list a em {
	float:left;
}


/*案例列表*/


.case-list-box {
	width:1047px;
	margin:0px auto;
	position: relative;
	border: 0px solid #000; padding-top:2px;
}
.case-list {
	width:490px;
	height:376px;
	float:left;
	margin:0 0px 30px 33.51px;
	background:#fff;
	display: block;
}


.case-list2 {
	width:570px;
	height:328px;
	float:left;
	margin:0 3px 30px 19px;
	background:#fff;
	display: block;
}


.case-list-hot {
	position: relative;
}
.case-list .icon-hot {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 20px;
	line-height: 20px;
	background: #F75E61;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-bottom-right-radius: 5px;
	z-index: 10;
}
.case-list .icon-recommend {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 20px;
	line-height: 20px;
	background: #C5A364;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-bottom-right-radius: 5px;
	z-index: 10;
}
.case-list .case-info {
	padding:0 15px;
	margin: 15px 0 10px;
	height: 80px;
	width: 400px;
	display: block;
	overflow: hidden;
}
.case-list .case-info .title {
	display: block;
	margin-bottom:15px;
	font-size:14px;
	color:#555;
	line-height: 18px;
}
.case-list .case-info .cut-line {
	padding:0 20px;
	border-right:1px #999 solid;
}
.case-list .case-info .space {
	padding-left: 0;
	line-height: 18px;
	color:#7c7878;
}
.case-list .case-info .price {
	padding-left: 20px;
}




.case-list .case-info1 {
	padding:0 15px;
	margin: 15px 0 10px;
	height: 50px;
	width: 400px;
	display: block;
	overflow: hidden;
}
.case-list .case-info1 .title {
	display: block;
	margin-bottom:15px;
	font-size:14px;
	color:#555;
	line-height: 18px;
}
.case-list .case-info1 .cut-line {
	padding:0 20px;
	border-right:1px #999 solid;
}
.case-list .case-info1 .space {
	padding-left: 0;
	line-height: 18px;
	color:#7c7878;
}
.case-list .case-info1 .price {
	padding-left: 20px;
}





.userInfoFrame {
	width:300px;
	height:152px;
	padding:20px;
	background:#fff;
	position:absolute;
	border:1px solid #cbcbcb;
	bottom: 42px;
	left: 0;
}
.userInfoFrame .head {
	width: 100px;
	height: 100px;
}
.userInfoFrame .info {
	float:right;
	width:185px;
	height: 100px;
}
.userInfoFrame .info ul li {
	color:#999999;
	line-height:22px;
}
.userInfoFrame .info .name {
	color:#333333;
	font-size:14px;
	line-height:25px;
	height:25px;
	overflow:hidden;
	word-break:break-all;
}
.userInfoFrame .info .price span {
	color:#dd4f50;
}
.userInfoFrame .info .rank {
	margin:5px 0 12px;
}
.userInfoFrame .info .rank a {
	display: block;
}
.userInfoFrame .info .rank span {
	margin-right: 5px;
}
.userInfoFrame .btn {
	padding-top:20px;
	clear: both;
}
.reservation {
	cursor:pointer;
	top:20px;
	width:102px;
	height:33px;
	line-height:33px;
	background:#e94c3d;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-size:14px;
}
.reservation:hover {
	background:#f77071;
	color: #fff;
}
.userInfoFrame .reserveBtn {
	float:left;
}
.userInfoFrame .btn .followBtn {
	padding:0 15px;
	border:1px solid #e6e6e6;
	float:right;
	margin-top:5px;
	color:#999;
	line-height: 24px;
}
.userInfoFrame .btn .followBtn:hover {
	color:#dd4f50;
}
.userInfoFrame .btn .followBtn span {
	font-size:16px;
}
/* 案例栏目底部 */
.sjzt-links {
	width:1160px;
	margin:0px auto;
	color:#555;
	clear:both;
	padding:60px 0 40px 0px; border:#000 0px solid;
}
.sjzt-links .sjzt-links-column {
	float:left;
	margin:0 12px 0 0;
	height:24px;
	line-height:24px;
	font-size:18px;
	font-weight: bold;
	color:#555;
}
.sjzt-links .string {
	float:right;
	padding-right:10px;
	margin-top: 19px;
	width:1010px;
	height:1px;
	border-bottom:1px solid #d8d8d8;
}
.sjzt-links .sjzt-links-list {
	padding: 24px 0 0 0;
	width:1180px;
	height:auto;
	overflow:hidden;
}
.sjzt-links .sjzt-links-list a {
	float:left;
	color:#555;
	margin:0px 40px 0px 0;
	line-height: 16px;
	word-break:break-all;
	white-space:nowrap;
	color:#555;
}
/* 分页CSS */

.page_num {
	width:800px;
	margin:10px auto;
	height:40px;
	text-align: center;
	background: none;
	border: 0px solid #000;
}
.page_num a, .more_page_num a {
	padding:8px 2px;
	border-radius:5px;
	color:#686868;
	border:none;
	margin-right:5px;
	display:inline-block;
}
.page_num .on {
	background:#324a62;
	color:#fff;
}
.page_num a:hover {
	background:#none;
	color: #c39c61;
}
.more_page_num {
	text-align: center;
}
/*.page_num .next{ background:#fff; color:#686868;}*/
.recTagTopLine {
	border-bottom: 2px solid #e5e5e5;
	position: relative;
	margin-top:30px;
}
.recTagTopLine span {
	position: absolute;
	padding: 0px 20px;
	background: #f2f2f2;
	left: 371px;
	color: #787878;
	top: -7px;
	font-weight: bold;
}
.noResult {
	height:120px;
	text-align:center;
	line-height:120px;
	background:#fff;
	color:#646464;
	font-size:16px;
	width:1180px;
	margin-bottom: 20px;
}
/* 5.css */
address, cite, dfn, em, var {
	font-style: normal
}
ul, li, ol, dl {
	list-style: none
}
a {
	text-decoration: none !important;
	outline: none;
	font-family:  "PingFang SC", Arial, tahoma, Helvetica, sans-serif, "Microsoft YaHei", "新宋体";
	cursor: pointer;
	color: #666;
}
img {
	border: 0
}
button, input, select, textarea {
	font-size: 100%;
	font-family:"PingFang SC", Arial, Helvetica, sans-serif;
	outline: none;
	border:0;
	border:none;
}
textarea {
	resize: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clear {
*zoom:1;
	clear: both;
	margin: 0;
	padding:0;
	height: 0;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
	content: '';
	font-size: 0;
	height: 0;
	display: block;
	clear: both;
	overflow: hidden;
}
/*.clear:after{display:block;clear:both;content:"\0020";visibility:hidden;height:1px; *height: 1px; margin:0; padding:0;}*/
.cl:before {
	content: '';
	display: table;
}
.cl:after {
	content: '';
	display: table;
	clear: both
}
.global_wrap {
	position: relative;
	min-height:100%;
	clear: both;
	content: "";
}
.ielt7 .global_wrap {
	height:100%;
}
#clsIframe, #LR_Flash {
	position: absolute;
}
.container {
	width:770px;
	height: auto;
	margin: 0 auto;
	min-width: 1180px;
}
.container1 {
	width:770px;
	height: auto;
	margin: 0 auto;
	min-width: 1180px;
}
.content {
	width:auto;
	margin: 0 auto;
}
.content_990 {
	width: 990px;
	margin: 0 auto;
}
.content_1180 {
	width: 1180px;
	margin: 0 auto;
}
.wrap_1180 .new_top_bar, .wrap_1180 .index_logo, .wrap_1180 .top_menu, .wrap_1180 .content, .wrap_1180 .cppyright_content {
	width: 1180px;
}
/*案例详情页*/

html, body {
	background: #f5f5f5;
}
.caseInfo {
	width:760px;
	margin:0 22px;
	float:right;
}
.caseInfo .caseDetail {
	width:760px;
	margin:0 auto;
	background:#fff;
	padding:0px 0;
	border: 0mainright1px solid #000;
}
.caseInfo .caseDetail .caseTitle {
	font-size:18px;
	color:#333333;
	font-weight:100;
}
.caseInfo .caseDetail .caseProperty {
	margin:15px 0px 30px 0px;
	color:#999999;
}
.caseInfo .caseDetail .caseProperty span {
}
.del {
	margin:0px 10px;
}
.caseInfo .caseDetail .caseDescription {
	padding:20px 25px;
	border:1px solid #d6d6d6;
	position:relative;
	line-height:22px;
	word-break: break-all;
}
.caseInfo .caseDetail .caseDescription .desTitle {
	color:#666666;
	position: absolute;
	width: 200px;
	text-align: center;
	top: -9px;
	background: #fff;
	font-size: 14px;
	left: 37px;
}
.caseInfo .caseDetail .caseDescription .desIcon {
	position:absolute;
	width:31px;
	height:19px;
	background:url(//img.shejiben.com/front_new/bg/blog_icon.gif?2014042902) no-repeat -26px -294px;
	right:20px;
	top:-9px;
}
.caseInfo .caseDetail .imgContent {
	line-height: 2.5em;
	width:700px;
	margin:30px auto;
}
.imgContent1 {
	line-height: 2.5em;
	width:700px;
	margin:0px auto;
}
/*案例详情页下方推荐*/

.caseInfo .caseDetail .imgContent .caseImgList {
	margin-bottom:10px;
	position:relative;
}
.caseInfo .caseDetail .imgContent .caseImgList .wraps {
	position:absolute;
	top:20px;
	right:20px;
	display:none;
}
.caseInfo .caseDetail .imgContent .caseImgList img {
	margin:auto;
	max-width: 660px;
}
.caseInfo .caseDetail .imgContent .caseImgList .imgDescription {
	margin:15px 0px;
	line-height: 24px;
}
.caseInfo .caseDetail .otherCase {
	margin-top:40px;
}
.caseInfo .caseDetail .otherCase h4 {
	color:#000;
	font-size:14px;
	padding-bottom:10px;
	border-bottom:2px solid #efefef;
}
.caseInfo .caseDetail .otherCase .otherCaseContent {
	width:700px;
	margin-top:30px;
}
.caseInfo .caseDetail .otherCase .otherCaseContent .otherCaseList {
	width:330px;
	margin-right:10px;
	float:left;
	margin-bottom:15px;
	margin-left:10px;
}
.caseInfo .caseDetail .otherCase .otherCaseContent .otherCaseList .caseName {
	line-height:25px; margin:10px; text-align:center;
	color:#555555;
}
.caseInfo .caseDetail .imgContent .caseImgList:hover .wraps {
	display: block;
}
.caseInfo .collection, .caseInfo .question {
	min-width: 50px;
	height: 34px;
	text-align: center;
	padding: 0 20px;
	background: #333;
	border-radius: 5px;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}
.caseInfo .collection a, .caseInfo .question a {
	display: inline-block;
	line-height: 34px;
	color: #fff;
}
.caseInfo .icon {
	display: inline-block;
	height: 16px;
	margin:0 2px -5px 0;
	background: url(//img.shejiben.com/global.png?20151121) no-repeat;
}
.caseInfo .caseDetail .imgContent .caseImgList .collection .icon_collection {
	width: 10px;
	background-position: -199px -216px;
}
.caseInfo .caseDetail .imgContent .caseImgList .question .icon_question {
	width: 10px;
	background-position: -214px -216px;
}
.caseInfo .caseDetail .imgContent .caseImgList .collection:hover, .caseInfo .caseDetail .imgContent .caseImgList .question:hover {
	background: #dd4f50;
}
/*6.css*/

.case-list1 {
	width:360px;
	height:330px;
	float:left;
	margin:0 20px 30px 0px;
	background:#fff;
	display: block;
}
.case-list-hot1 {
	position: relative;
}
.case-list1 .icon-hot {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 20px;
	line-height: 20px;
	background: #F75E61;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-bottom-right-radius: 5px;
	z-index: 10;
}
.case-list1 .icon-recommend {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 20px;
	line-height: 20px;
	background: #C5A364;
	font-style: normal;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-bottom-right-radius: 5px;
	z-index: 10;
}
.case-list1 .case-info {
	padding:0 15px;
	margin: 15px 0 10px;
	height: 50px;
	width: 252px;
	display: block;
	overflow: hidden;
}
.case-list1 .case-info .title {
	display: block;
	margin-bottom:15px;
	font-size:14px;
	color:#333;
	line-height: 18px;
}
.case-list1 .case-info .cut-line {
	padding:0 10px;
}
.case-list1 .case-info .space {
	padding-left: 0;
	line-height: 18px;
}
.case-list1 .case-info .price {
	padding-left: 10px;
}
.sjsInfo_box1 {
	width:350px;
	position:relative;
	padding: 0;
	min-height:27px;
	margin:20px 375px 30px 10px;
	float:right;
}
.sjsInfo1 {
	width:320px;
	padding: 20px;
	height:15px;
	position:absolute;
	top:0;
	right:0;
	background: #fff;
	font-size:16px;
	line-height: 15px;
}
/*案例详情页  新版用户信息*/
.sjsInfo_box {
	width:350px;
	position:relative;
	padding: 0;
	min-height: 500px;
	margin:30px 354px 30px 10px;
	float:right;
}
.sjsInfo {
	width:320px;
	padding: 20px;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	background: #fff;
}
.sjsInfoFixed {
	position: fixed;
	top:0;
	right: auto;
}
.sjsInfo .author_info {
	width: 100%;
	height: 76px;
	padding-bottom: 20px;
	border-bottom: 1px #f3f3f3 solid;
}
.sjsInfo .author_info .author_head {
	width: 76px;
	height: 76px;
	float: left;
}
.sjsInfo .author_info .author_head img {
	width: 76px;
	height: 76px;
}
.sjsInfo .author_info .author_name {
	width: 119px;
	height: 76px;
	float: right;
}
.sjsInfo .author_info .author_name .name {
	width: 100%;
	height: 18px;
	line-height:18px;
	font-size: 16px;
	color: #333;
	display: block;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sjsInfo .author_info .author_name .icon_renzhen {
	width: 100%;
	height: 17px;
	display: block;
	padding: 12px 0 14px;
}
.sjsInfo .author_info .author_name .city {
	width: 100%;
	height: 12px;
	line-height: 12px;
	color: #333;
}
.sjsInfo .author_info .author_name .city a {
	line-height: 15px;
}
.sjsInfo .order_total {
	width: 100%;
	height: auto;
	clear: both;
	padding-top: 10px;
	border-bottom: 1px #f3f3f3 solid;
}
.sjsInfo .order_total ul {
	width:100%;
	height: auto;
}
.sjsInfo .order_total ul li {
	width: 71px;
	float: left;
}
.sjsInfo .order_total ul li em {
	width: 100%;
	text-align: center;
	display: block;
	font-size: 16px;
	line-height: 16px;
	color: #333;
}
.sjsInfo .order_total ul li label {
	width: 100%;
	text-align: center;
	display: block;
	font-size:12px;
	height: 12px;
	line-height: 12px;
	padding: 5px 0 10px;
	color: #333;
}
.sjsInfo .order_total ul li a:hover {
	color: #dd4f50;
}
.sjsInfo .price {
	width: auto;
	margin: 0 auto;
	padding: 25px 0;
	height: 30px;
	font-size: 16px;
	text-align: center;
	font-family: '新宋体';
}
.sjsInfo .price label {
	width: auto;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	float: left;
	color: #666;
	padding-top: 14px;
	font-family: 'Arial';
}
.sjsInfo .price .icon_price {
}
.sjsInfo .price em {
	width: auto;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	color: #e94c3d;
	padding:0 10px;
	font-family: 'Arial';
}
.sjsInfo .btn {
	width: 100%;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	background: #dd4f50;
	cursor: pointer;
	text-align: center;
	display: block;
	font-family: '新宋体';
}
.sjsInfo .reservation {
	background: #dd4f50;
	font-weight: bold;
}
.sjsInfo .reservation:hover {
	background: #f77071;
}
.sjsInfo .tel_400 {
	width: 100%;
	height: 40px;
	background: #ffffff;
	color: #999999;
	font-size: 16px;
	display: block;
	position: relative;
}
.sjsInfo .tel_400 label {
	float: left;
	cursor: pointer;
}

.sjsInfo .tel_400:hover .notice {
	display:block;
}
.sjsInfo .center_400 {
	text-align: center;
	display: inline-block;
}
.sjsInfo .tel_400 .notice {
	width:auto;
	height: 50px;
	display: none;
	position: absolute;
	top:-45px;
	left: 0;
	right: -11px;
	z-index: 2;
}
.sjsInfo .tel_400 .notice p {
	border:1px solid #f3cecb;
	width:auto;
	height:36px;
	line-height: 36px;
	background: #fffdee;
	color:#666;
	font-size: 12px;
	margin:0;
	padding:0 10px;
	font-family: '新宋体';
}
.sjsInfo .tel_400 .notice span {
	background:url(//img.shejiben.com/my/phone_pic.png?20150113) no-repeat -81px -13px;
	width: 100px;
	height: 6px;
	margin:-1px 0 0 40px;
	display: block;
}
.sjsInfo .guide {
	padding-top: 15px;
	width: 100%;
	height: 12px;
	display: block;
	text-align: center;
}
.sjsInfo .guide:hover {
	color: #ff0000;
}
.scrollBanner {
	position:fixed;
	_position:absolute;
	width:100%;
	height:50px;
	background:#fff;
	left:0px;
	top:0px;
	display:none;
}
.scrollBanner .scrollMiddle {
	width:925px;
	margin:auto;
	padding-top:11px;
}
.scrollBanner .scrollMiddle div {
	float:left;
}
.scrollBanner .scrollMiddle .yuyue {
	float:right;
}
.scrollBanner .scrollMiddle .scrollNick {
	font-size:16px;
	color:#555555;
	font-weight:bold;
	height:28px;
	line-height:28px;
	margin-right:45px;
}
.scrollBanner .scrollMiddle .scrollPhoto {
	margin-right:15px;
}
.scrollBanner .scrollMiddle .scrollPrice {
	height:28px;
	line-height:28px;
	color:#999999;
}
.scrollBanner .scrollMiddle .scrollPrice span {
	color:#fc0707;
}
.caseInfo .caseDetai2 {
	width:710px;
	margin:0 auto;
	background:#fff;
	padding:30px 25px 0;
	border: 0mainright1px solid #000;
}
.caseInfo .caseDetai2 .caseTitle {
	font-size:18px;
	color:#333333;
	font-weight:100;
}
.caseInfo .caseDetai2 .caseProperty {
	margin:15px 0px 30px 0px;
	color:#999999;
}
.caseInfo .caseDetai2 .caseProperty span {
}
.del {
	margin:0px 10px;
}
.caseInfo .caseDetai2 .caseDescription {
	padding:20px 25px;
	border:1px solid #d6d6d6;
	position:relative;
	line-height:22px;
	word-break: break-all;
}
.caseInfo .caseDetai2 .caseDescription .desTitle {
	color:#666666;
	position: absolute;
	width: 200px;
	text-align: center;
	top: -9px;
	background: #fff;
	font-size: 14px;
	left: 37px;
}
.caseInfo .caseDetai2 .caseDescription .desIcon {
	position:absolute;
	width:31px;
	height:19px;
	background:url(//img.shejiben.com/front_new/bg/blog_icon.gif?2014042902) no-repeat -26px -294px;
	right:20px;
	top:-9px;
}
.caseInfo .caseDetai2 .imgContent {
	margin-top:15px;
	line-height: 2.5em;
}
.caseInfo .caseDetai2 .imgContent1 {
	margin-top:0px;
	line-height: 2.5em;
	padding:30px 0 30px 0;
}
.caseInfo .caseDetai2 .imgContent .caseImgList {
	margin-bottom:10px;
	position:relative;
}
.caseInfo .caseDetai2 .imgContent .caseImgList .wraps {
	position:absolute;
	top:20px;
	right:20px;
	display:none;
}
.caseInfo .caseDetai2 .imgContent .caseImgList img {
	margin:auto;
	max-width: 660px;
}
.caseInfo .caseDetai2 .imgContent .caseImgList .imgDescription {
	margin:15px 0px;
	line-height: 24px;
}
.caseInfo .caseDetai2 .otherCase {
	margin-top:40px;
}
.caseInfo .caseDetai2 .otherCase h4 {
	color:#000;
	font-size:14px;
	padding-bottom:10px;
	border-bottom:2px solid #efefef;
}
.caseInfo .caseDetai2 .otherCase .otherCaseContent {
	width:700px;
	margin-top:30px;
}
.caseInfo .caseDetai2 .otherCase .otherCaseContent .otherCaseList {
	width:330px;
	margin-right:10px;
	float:left;
	margin-bottom:15px;
	margin-left:10px;
}
.caseInfo .caseDetai2 .otherCase .otherCaseContent .otherCaseList .caseName {
	line-height:25px;
	color:#555555;
}
.caseInfo .caseDetail .otherCase1 {
	margin-top:40px;
}
.caseInfo .caseDetail .otherCase1 h4 {
	color:#000;
	font-size:14px;
	padding-bottom:10px; padding-left:30px;
	border-bottom:2px solid #efefef;
}
.caseInfo .caseDetail .otherCase1 .otherCaseContent1 {
	width:700px;
	margin:25px auto;
}
.caseInfo .caseDetail .otherCase1 .otherCaseContent1 .otherCaseList1 {
	width:330px;
	margin-right:10px;
	float:left;
	margin-bottom:15px;
	margin-left:10px;
}
.caseInfo .caseDetail .otherCase1 .otherCaseContent1 .otherCaseList1 .caseName1 {
	line-height:25px; margin:10px; text-align:center;
	color:#555555;
}