@charset "utf-8";
/**
*公共样式文件
*/
body, html, header, span, a, ul, input, h2, dl, dd, p, h1 {padding: 0;margin: 0;}
body, a, span, input, select{font-size: 12px;font-family: "Microsoft YaHei" !important;}
img,input,select, button {border: none;}
a { text-decoration: none; outline: none ;}
ul, li {list-style: none;}
em{font-style: normal;}
body {background: #fafafa;}
img, em {vertical-align: middle;}
input{outline:none;}
.ml-8 {margin-left: 8px;}
.ml-10 {margin-left: 10px}
.ml-16 {margin-left: 16px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-50 {margin-left: 50px;}
.ml-80 {margin-left: 80px;}
.mt-5 {margin-top: 5px;}
.mt-8 {margin-top: 8px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-16 {margin-top: 16px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}
.mr-30 {margin-right: 30px;}
.mtb-20 {margin: 20px 0;}
.plr-20 {padding: 0 20px;}
.ptb-15 {padding: 15px 0;}
.ptb-20 {padding: 20px 0;}
.ptb-30 {padding: 30px 0;}
.green {color: #00b371;}
.orange {color: #ff7700;}
.center {text-align: center;}
.red {color: red;}
.fl {float: left;}
.fr {float: right;}
.w-79 {width: 79px;}
.w-92 {width: 92px;}
.w-150 {width: 150px;}
.w-120 {width: 120px;}
.w-202 {width: 202px;}
.w-218 {width: 218px;}
.w-220 {width: 220px;}
.w-238 {width: 238px;}
.w-240 {width: 240px;}
.w-242 {width: 242px;}
.w-258 {width: 258px;}
.w-260 {width: 260px;}
.w-278 {width: 278px;}
.w-300 {width: 300px;}
.w-335 {width: 335px;}
.w-410 {width: 410px;}
.w-430 {width: 430px;}
.w-690 {width: 690px;}
.w-870 {width: 870px;}
.h-40 {height: 40px;}
.h-160 {height: 160px;}
.w-1160 {width: 1160px;}
.h-374 {height: 374px;}
.h-380 {height: 380px;}
.h-597 {height: 597px;}
.h-362 {height: 362px;}
.col-3 {color: #333;}
.col-3 a {color: #333;}
.col-9 {color: #999}
.fontsize24 {font-size: 24px;}

.clearfix:after{ content:" "; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }  
.cl {clear: both;height: 0px;}  
h2 {font-weight: normal;}
/*头部*/
.header {width: 100%;min-width: 1200px;}
.header-top {width: 100%;height: 35px;border-bottom: 1px solid #ccc;}
.header-top-center {width: 1200px;margin: 0 auto;height: 35px;}
.header-top-left {float: left;line-height: 35px;}
.header-top-left em {display: inline-block;margin-right: 6px;width: 12px;height: 16px;background: url('../images/css-sprite-1.png') no-repeat;vertical-align: middle;}
.header-top-left a{display: inline-block;color:#555;}
.header-top-left a.htl-city {color: #00B371;}
.header-top-left span{color:#333;}
.header-top-left span.htl-welcome {margin-left: 20px;color:#999;}
.header-top-right {float: right;line-height: 35px;}
.header-top-right a{display: inline-block;padding: 0 5px;color:#555;}
.header-top-right span{padding: 0 10px;color:#555;}
.header-top-right a.htr-zx {padding: 0 21px;font-size:14px;font-weight: bold;color: #ff7700;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.htr-split {font-style: normal;color: #e5e5e5;}
/*头部微信*/
.header-top-right .htr-weixin {position: relative;display: inline-block;padding: 0;margin: 0 5px;width: 20px;height: 20px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -17px -118px;vertical-align: middle;}
.htr-weixin-icon {display:none;position: absolute;top: 25px;left: -40px;width: 100px;height: 105px;-webkit-animation:topFadeIn .3s ease-out;-moz-animation:topFadeIn .3s ease-out;animation:topFadeIn .3s ease-out;}
.htr-weixin:hover .htr-weixin-icon {display: block;}
/*头部微博*/
.header-top-right .htr-weibo {position: relative;display: inline-block;padding: 0;margin:0 20px 0 5px;width: 20px;height: 20px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -39px -118px;vertical-align: middle;}
.htr-weibo-icon {display:none;position: absolute;top: 25px;left: -40px;width: 100px;height: 105px;-webkit-animation:topFadeIn .3s ease-out;-moz-animation:topFadeIn .3s ease-out;animation:topFadeIn .3s ease-out;}
.htr-weibo:hover .htr-weibo-icon {display: block;}

.header-center {width: 100%;height: 100px;}
.header-center-container {width: 1200px;height: 100px;margin: 0 auto;}
.hcc-logo {display:inline-block;float: left;width:350px;height: 100px;}
.hcc-main {float:left;width: 600px;height: 100px;}
.header-search {margin-left: 75px;margin-top: 30px;width: 450px;height: 40px;}
.header-select {position: relative;float: left;width: 100px;height: 40px;}
.header-select-sort {position: relative;display: inline-block;width: 98px;height: 36px;line-height: 36px;color: #999;border-left: 2px solid #e5e5e5;border-top: 2px solid #e5e5e5;border-bottom: 2px solid #e5e5e5;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.header-select:hover .header-select-sort em {background: url('../images/css-sprite-1.png') no-repeat -14px -5px;}
.header-select:hover .header-select-sort {border-left: 2px solid #00b371;border-top: 2px solid #00b371;border-bottom: 2px solid #00b371;}
.header-select-sort em {position: absolute;top: 17px;right: 15px;display: inline-block;width: 8px;height: 4px;background: url('../images/css-sprite-1.png') no-repeat -14px 0;}
.header-select ul {position: absolute;top: 38px;left: 0;width: 100px;z-index: 2;}
.header-select ul li {width: 100px;height: 30px;line-height: 30px;color: #fff;background: #00b371;text-align: center;cursor: pointer;}
.header-select ul li.current {background: #4ccc7c;}
.header-select ul li:hover {background: #4ccc7c;}
.header-search-input {float: left;width: 249px;height: 36px;line-height: 36px;text-indent: 20px;border-left: 1px solid #e5e5e5;border-top: 2px solid #e5e5e5;border-bottom: 2px solid #e5e5e5;outline: none;}
.header-search-btn {width: 100px;height: 40px;line-height: 40px;font-size: 16px;font-weight: bold;color: #fff;background: #ccc;border-top-right-radius: 5px;border-bottom-right-radius: 5px;cursor: pointer;outline: none;}
.hcc-photo {display:inline-block;float:right;width: 250px;height: 100px;}
.hcc-photo img {margin-left: 20px;margin-top: 30px;}

.header-bottom {width: 100%;height: 52px;border-bottom: 2px solid #00b371;}
.header-menu {width: 1200px;height: 52px;margin: 0 auto;}
.header-menu ul li{position: relative;float: left;width: 152px;height: 52px;line-height: 52px;font-size: 16px;}
.header-menu ul li a.current1 {background: #00b371;color: #fff;}
.header-menu ul li a.current1 .menu-icon {background: url('../images/css-sprite-1.png') no-repeat -24px -5px;}
.header-menu ul li a{display: block;height: 52px;line-height: 52px;color: #333;text-align: center;font-size: 16px;}
.header-menu .menu-son dd {position: relative;background: #00b371;z-index: 2;}
.header-menu .menu-son dd a {height: 41px;line-height: 41px;font-size: 12px;color: #fff;}
.header-menu .menu-son dd:hover {background: #4ccc7c;opacity: 1;}

.header-menu li:hover {background-color: #00b371;}
.header-menu li:hover a {color: #fff;}
.header-menu li:hover .menu-icon {background: url('../images/css-sprite-1.png') no-repeat -24px -5px;}

.header-menu .menu-icon {position: absolute;top: 25px;right: 20px;width: 8px;height: 4px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -24px 0;}
.header-menu .menu-icon-hot {position: absolute;top: 0;right: 10px;width: 27px;height: 15px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -35px 0;}
/*导航栏右侧*/
.header-menu-right {position: relative;display: inline-block;float: right;}
.header-menu-right .menu-bg {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;margin-top: 10px;padding: 0 40px;}
.header-menu-right .menu-right-show {position: absolute;top: 52px;left: 0;display: none;width: 254px;height: 201px;z-index: 2;-webkit-animation:topFadeIn .3s ease-out;-moz-animation:topFadeIn .3s ease-out;animation:topFadeIn .3s ease-out;}
.header-menu-right:hover .menu-right-show {display: block;}

@-webkit-keyframes topFadeIn {
	0% {
		opacity:0;
		-webkit-transform:translateY(10px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0)
	}
}
@-moz-keyframes topFadeIn {
	0% {
		opacity:0;
		-moz-transform:translateY(10px)
	}
	100% {
		opacity:1;
		-moz-transform:translateY(0)
	}
}
@keyframes topFadeIn {
	0% {
		opacity:0;
		transform:translateY(10px)
	}
	100% {
		opacity:1;
		transform:translateY(0)
	}
}

/*标题*/
.tit-module-24 {line-height: 24px;overflow: hidden;}
.tit-module-24 h2 {float: left;padding-left:10px;font-size: 24px;font-weight: bold;color: #333;border-left: 4px solid #00b371;}
.tit-module-24 div {float: right;color: #666;}
.tit-module-36 {position: relative;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.tit-module-36 h1 {display: inline-block;height: 50px;line-height: 50px;font-size: 32px;font-weight: normal;color: #333;border-bottom: 1px solid #00b371;}
.tit-module-36 span {margin-left: 20px;color: #999;}
.tit-module-36 ul {position: absolute;bottom: 8px;right: 0;}
.tit-module-36 ul li {float: left}
.tit-module-36 ul li a{padding: 12px 8px;color: #333;}
.tit-module-36 ul li a:hover {color: #00b371;}


/*按钮*/
.btn {height: 40px;line-height: 40px;font-size: 18px;font-weight: bold;color: #fff;background: #ff7700;border-radius: 20px;cursor: pointer;}

/*面包屑*/
.breadcrumb {width: 1200px;height: 40px;line-height: 40px;border-bottom: 1px solid #e5e5e5;}
.breadcrumb a {margin-right: 8px;font-size: 12px;color: #555;}
.breadcrumb a:hover {color: #00b371;}
.breadcrumb span {margin-right: 8px;display: inline-block;width: 6px;height: 12px;background: url('../images/css-sprite-2.png') no-repeat;background-position: -217px -148px;vertical-align: middle;margin-bottom: 3px;}

/*底部*/
.footer {margin-top: 20px;width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;}
.footer-top {padding-top: 20px;width: 1200px;margin: 0 auto;}
.footer-top-tabs {position: relative;width: 1200px;height: 51px;border-bottom: 1px solid #e5e5e5;}
.footer-top-list {display: none;padding:15px 0;width: 1200px;overflow: hidden;}
.footer-top-list ul li {float: left;padding-right: 20px;height: 24px;line-height: 24px;}
.footer-top-list ul li a {color: #333;}
.footer-top-tabs ul li {float: left;margin-right: 50px;height: 50px;line-height: 50px;font-size: 18px;color: #000;cursor: pointer;}
.footer-top-tabs .footer-top-link {position: absolute;top:15px;right: 0;font-size: 16px;color: #ff7700;}
.footer-middle {width: 100%;height: 150px;background: #e5e5e5;}
.footer-middle-box {width: 1200px;height: 150px;margin: 0 auto;}
.fmb-box {float: left;position: relative;width: 300px;height: 150px;}
.footer-box-icon1 {display: inline-block;position: absolute;top: 50px;left: 0;width: 40px;height: 50px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -3px -315px;}
.footer-box-icon2 {display: inline-block;position: absolute;top: 50px;left: 0;width: 40px;height: 50px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -45px -315px;}
.footer-box-icon3 {display: inline-block;position: absolute;top: 50px;left: 0;width: 40px;height: 50px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -87px -315px;}
.footer-box-icon4 {display: inline-block;position: absolute;top: 50px;left: 0;width: 40px;height: 50px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -129px -315px;}
.footer-box-content {position: absolute;top: 55px;left:60px;}
.footer-box-content .footer-p1 {font-size: 18px;color: #333;}
.footer-box-content .footer-p2 {font-size: 16px;color: #666;}
.footer-bottom {width: 100%;height: 500px;background: #333;}
.footer-bottom-box1 {padding-top: 50px;margin: 0 auto;width: 1200px;height: 205px;border-bottom: 1px solid #e5e5e5;}
.fbb-list1 {position: relative;float: left;width: 200px;color: #fff;text-align: center;}
.fbb-list1 em {position: absolute;top: 0;left: 0;display: inline-block;width: 1px;height: 172px;background: url('../images/css-sprite-1.png') no-repeat;background-position: 0 -162px;}
.fbb-list1 h2 {margin-bottom: 10px;font-size: 18px;text-align: center;}
.fbb-list1 ul li {height: 36px;line-height: 36px;}
.fbb-list1 ul li a {color: #fff;}
.fbb-list2 {position: relative;float: left;width: 400px;color: #fff;text-align: center;}
.fbb-list2 em{position: absolute;top: 0;left: 0;display: inline-block;width: 1px;height: 172px;background: url('../images/css-sprite-1.png') no-repeat;background-position: 0 -162px;}
.fbb-list2 a{display: inline-block;margin-top: 20px;padding: 10px 40px;font-size: 18px;font-weight: bold;color: #fff;border: 2px solid #fff;text-decoration: none;}
.fbb-list2 a:hover {background: #fff;color: #333;text-decoration: none;}
.fbb-list2-p1 {font-size: 18px;font-weight: bold;}
.fbb-list2-p2 {margin-top: 10px;font-size: 28px;font-weight: bold;}
.fbb-list2-p3 {margin-top: 10px;font-size: 14px;}
.footer-bottom-box2 {margin: 0 auto;width: 1200px;color: #fff;text-align: center;}

/*属性列表*/
.attr-list {margin: 30px 0;border: 1px solid #e5e5e5;border-radius: 4px;}
.attr-list dl {position: relative;margin: 0 30px;padding: 15px 0;border-bottom: 1px solid #e5e5e5;}
.attr-list dl:last-child {border-bottom: none;}
.attr-list dl dt {position: absolute;top: 15px;left: 0;width: 85px;height: 30px;line-height: 30px;font-size: 16px;color: #333;border-right: 1px solid #e5e5e5;}
.attr-list dl dd {margin-left: 85px;overflow: hidden;}
.attr-list dl dd a {display: inline-block;padding: 0 15px;line-height: 30px;font-size: 14px;color: #333;text-align: center;}
.attr-list dl dd a:hover {color: #00b371;}

/*装修图库属性列表*/
.container-case {margin: 0 auto;width: 100%;min-width: 1200px;max-width: 1920px;height: 300px;background: url('../images/case-top-bg.png') no-repeat;}
.container-case-box {width: 1200px;height: 300px;margin: 0 auto;}
.case-style {float: left;margin-top: 60px;height: 244px;}
.case-style-box {margin-top: 1px;width: 940px;height: 60px;background: rgb(255,255,255);opacity: 0.8;}
.case-style-box span {display: inline-block;float: left;padding: 0 20px;height: 60px;line-height: 60px;font-size: 14px;font-weight: bold;color: #333;}
.case-style-box ul li {float: left}
.case-style-box ul li a {display: inline-block;height: 60px;line-height: 60px;padding: 0 12px;font-size: 14px;color: #333;}
.case-style-box ul li a:hover {color: #00b371;}

/*默认排序/浏览最多910*/
.sort-list {position: relative;padding: 10px 20px;height: 30px;line-height: 30px;background: #f2f2f2;}
.sort-list .default-sort {display: inline-block;padding: 0 10px;width: 80px;height: 30px;line-height: 30px;font-size: 18px;color: #333;border-right: 1px solid #e5e5e5;}
.sort-list .default-sort:hover {color: #00b371;}
.sort-list a.green {color: #00b371;}
.sort-list .view-sort {display: inline-block;padding: 0 10px;width: 80px;height: 30px;line-height: 30px;font-size: 18px;color: #000;}
.sort-list .view-sort:hover {color: #00b371;}
.sort-list .issue-tender {position: absolute;top: 0;right: 0;width: 180px;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;color: #fff;background: #ff7700;text-align: center;}
.sort-list .recommend-today {display: inline-block;padding: 0 10px;width: 80px;height: 30px;line-height: 30px;font-size: 18px;color: #333;border-right: 1px solid #e5e5e5;}
.sort-list .most-popular {display: inline-block;padding: 0 10px;width: 80px;height: 30px;line-height: 30px;font-size: 18px;color: #333;}
.sort-list .so-num {position: absolute;top: 15px;right: 30px;font-size: 14px;font-weight: normal;color: #333;}
.sort-list .jump-quote {position: absolute;top: 15px;right: 30px;font-size: 12px;font-weight: normal;color: #ff7700;text-decoration:underline;}
.sort-list .recommend-designer {position: absolute;top: 0;right: 0;width: 180px;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;color: #fff;background: #ff7700;text-align: center;}

/*广告*/
.main-top-adv {width: 1200px;height: auto;overflow: hidden;}

/*主体*/ 
.main-content-870 {width: 870px;}

/*分页*/
.pager {padding: 20px 0;text-align: center;}
.pager em {display: inline-block;margin-right: 25px;padding: 10px 15px;font-size: 14px;color: #333;border: 1px solid #e5e5e5;border-radius: 4px;}
.pager strong {display: inline-block;margin-right: 25px;padding: 10px 15px;font-size: 14px;color: #00b371;border: 1px solid #e5e5e5;border-radius: 4px;}
.pager a {display: inline-block;margin-right: 25px;padding: 10px 15px;font-size: 14px;color: #333;border: 1px solid #e5e5e5;border-radius: 4px;}
.pager a:hover {background: #ff7700;color: #fff;}
/*广告图动画效果*/
.adv-photo-tit {position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;line-height: 30px;color: #fff;background: rgba(0,0,0,0.5);border-radius: 0 0 4px 4px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}