﻿/* 微时微刻 专注中高端网站建设 */
/* 官网：www.visvik.com */
/* QQ：695540945 */
/*右侧快捷菜单图标*/
.fixed-service-hover,
.fixed-service-link,
.fixed-suggest-link,
.fixed-to-top,
.fixed-code {
	background: url(../images/common_fixed_src.png) no-repeat;
}

.fixed-service-hover {
	background-position: -0px -0px;
	height: 19px;
	width: 20px;
}

.fixed-service-link {
	background-position: -21px -0px;
	height: 19px;
	width: 20px;
}

.fixed-suggest-link {
	background-position: -42px -0px;
	height: 19px;
	width: 19px;
}

.fixed-to-top {
	background-position: -62px -0px;
	height: 11px;
	width: 18px;
}

.fixed-code {
	background-position: -81px -0px;
	height: 21px;
	width: 21px;
}

/*首页banner*/
.carousel {
	margin: 0 auto;
	min-width: 1190px;
}

.home-carousel .item img {
	margin: 0 auto;
	display: block;
	height: 420px;
}

.home-carousel div {
	overflow: hidden;
	min-width: 1300px;
}

.home-carousel a {
	width: 100%;
	height: 420px;
	display: block;
	background: no-repeat center;
}

.home-banner {
	width: 100%;
	height: 420px;
	display: block;
	background: no-repeat center;
}

/*首页分类导航*/
.nav-sort-container {
	width: 1190px;
	margin: 0 auto;
	position: relative;
	z-index: 55;
	zoom: 1;
	background: #000
}

.nav-sort-wrap {
	color: #fff;
	background: rgba(48, 49, 58, .8);
	*background: #30313a;
	background: #30313a\0;
	width: 216px;
	*height: 210px;
	padding: 0 0 0 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.nav-sort-wrap a {
	color: #fff;
}

.nav-sort-wrap .sort-title {
	line-height: 24px;
	height: 20px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
}

.nav-sort-wrap .a {
	margin-top: 10px;
}

.nav-sort-wrap .sort-content a {
	float: left;
	display: block;
	width: 180px;
	font-size: 14px;
	margin-right: 10px;
	_margin-right: 9px;
	margin-bottom: 10px;
	*margin-bottom: 8px
}

.nav-sort-wrap .sort-content a:hover {
	color: #f76120;
}

.nav-sort-wrap .sort-wrap {
	position: relative;
	height: 183px;
}

.nav-designer-wrap {
	top: 211px;
	height: 205px;
	_width: 210px;
	*height: auto;
	*background: #30313a;
	*padding-bottom: 20px;
}

.nav-designer-wrap:hover {
	box-shadow: 1px 1px 1px #ccc;
}

.nav-designer-wrap .sort-hover-wrap {
	top: -211px;
}

.nav-sort-wrap:hover .nav-designer-hover {
	background-position: -0px -0px;
	height: 22px;
	width: 22px;
}

.nav-sort-wrap:hover .nav-case-hover {
	background-position: -23px -0px;
	height: 20px;
	width: 22px;
}

.nav-sort-wrap:hover {
	background: #fff;
}

.nav-sort-wrap:hover a {
	color: #292930;
}

.nav-sort-wrap:hover .sort-title {
	color: #292930;
}

.nav-designer-wrap:hover {
	height: 209px;
}

.nav-sort-wrap:hover .sort-hover-wrap {
	display: block;
	box-shadow: 1px 1px 1px #ccc;
}

.sort-hover-wrap {
	display: none;
	padding: 25px 0;
	color: #292930;
	position: absolute;
	top: -20px;
	right: -255px;
	width: 255px;
	height: 370px;
	background: #fff;
}

.sort-hover-wrap .sort-hover-title {
	color: #292930;
	font-size: 14px;
	margin-left: 20px;
	margin-bottom: 5px;
}

.sort-hover-wrap div.last-child {
	border-top: 1px dashed #eee;
	padding-top: 6px;
	margin-right: 20px;
}

.sort-hover-wrap div.sort-last-title {
	padding-top: 30px;
	margin-top: 20px;
}

.sort-hover-wrap ul {
	overflow: hidden;
	margin-bottom: 10px;
	padding-left: 12px;
}

.sort-hover-wrap li {
	text-align: center;
	float: left;
	padding: 2px 10px;
	border: 1px solid #fff;
	cursor: pointer;
}

.sort-hover-wrap li:hover a {
	color: #f76120;
}

.sort-hover-wrap li a {
	color: #292930;
}

/*首页模块标题*/
.home-tile {
	height: 45px;
	margin-top: 10px;
	padding: 15px 15px 0 0;
	border-bottom: 1px solid #d4d4d4;
}

.home-tile h2 {
	font-size: 28px;
	color: #333;
	float: left;
}

.home-tile .title-recommend {
	float: right;
	margin-top: 14px;
	font-size: 14px;
}

.home-tile .title-recommend a {
	margin: 15px 10px;
	font-size: 14px;
	color: #999;
}

.home-tile .title-recommend a:hover {
	color: #f76120;
}

.home-tile .title-recommend a.title-more {
	margin: 0 0 0 25px;
	color: #666;
}

/*每周精选*/
.home-case-wrap {
	overflow: hidden;
	margin-bottom: 20px;
	min-width: 1190px;
}

.home-case-list {
	margin-right: -32px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

.home-case-item {
	position: relative;
	border: 1px solid #eee;
	width: 376px;
	height: 350px;
	float: left;
	margin-top: 28px;
	margin-right: 28px;
	_margin-right: 18px;
}

.home-case-item:hover {
	box-shadow: 1px 1px 3px #c5c5c5;
}

.home-case-item .case-item-tips {
	position: absolute;
	top: 20px;
	color: #fff;
	text-align: center;
	border-radius: 20px;
}

.home-case-item .case-type-tips {
	display: none;
	left: 20px;
	background: rgba(0, 0, 0, .36);
	padding: 2px 15px;
}

.home-case-item:hover .case-type-tips {
	display: block;
}

.home-case-item:hover .list-entrust-btn {
	display: block;
}

.home-case-item .home-case-img {
	width: 376px;
	height: 252px;
}

.home-case-item .case-title {
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #333;
	display: block;
	margin-top: 10px;
	height: 40px;
	_width: 330px;
	line-height: 40px;
	font-size: 17px;
	padding: 0 14px;
}

.home-case-item .case-summary {
	color: #999;
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
}

.home-case-item .case-summary span {
	margin-right: 6px;
	padding: 0 3px;
	color: #999;
}

.home-case-item .case-summary span.case-price {
	color: #f76120;
	font-size: 16px;
	padding: 0;
	margin-right: 15px;
}

.home-case-item .case-designer {
	padding: 0 10px;
	line-height: 44px;
	display: block;
	height: 44px;
	margin-top: 15px;
	border-top: 1px solid #eee;
}

.home-case-item .case-designer img {
	height: 30px;
	width: 30px;
	border: 2px solid transparent;
	background: #eee;
	border-radius: 50%;
}

.home-case-item .case-designer .case-num-wrap {
	float: right;
	margin-right: 5px;
	*margin-top: -48px;
}

.home-case-item .case-designer span {
	color: #686868;
	margin-left: 6px;
}

.home-case-item .case-designer span:hover {
	color: #F76120;
}

/*广告位*/
.ad-banner-wrap {
	width: 1190px;
	margin: 20px auto;
}

.ad-banner-wrap img {
	width: 1190px;
	height: 160px;
	display: block;
	margin: 0 auto;
}

/*设计大师*/
.home-designer-wrap {
	width: 1190px;
	overflow: hidden;
	margin: 20px auto;
}

.home-designer-wrap .home-designer-block {
	margin: 30px 0;
	overflow: hidden;
	position: relative;
}

.home-designer-wrap .home-designer-block a:link,
.home-designer-wrap .home-designer-block a:visited {
	transition: all 0s ease 0s;
}

.home-designer-wrap .home-designer-block .designer-left {
	position: absolute;
	left: 0;
	top: 155px;
	cursor: pointer;
}

.home-designer-wrap .home-designer-block .designer-right {
	position: absolute;
	right: 4px;
	top: 155px;
	cursor: pointer;
}

.home-designer-wrap .designer-list-bottom .designer-name {
	height: 30px;
	line-height: 30px;
}

.home-designer-wrap .designer-name {
	display: block;
	color: #d0d0d0;
	font-size: 14px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 100%;
	background: rgba(0, 0, 0, .36);
}

.home-designer-wrap .home-designer-block .designer-list-bottom a:hover .designer-name {
	display: block;
}

.designer-list-left {
	float: left;
	position: relative;
	width: 278px;
	height: 384px;
	margin-right: 20px;
}

.carousel-inner .designer-list-left img {
	display: block;
	width: 284px;
	height: 384px;
}

.designer-list-left span {
	position: absolute;
	bottom: 0;
	left: 0;
}

.designer-list-right {
	float: left;
}

.designer-list-right img {
	display: block;
	width: 100%;
	height: 100%;
}

.designer-list-right .home-more-designer {
	background: #f76120;
	text-align: center;
	color: #fff;
	font-size: 15px;
}

.designer-right-top {
	overflow: hidden;
	position: relative;
	margin-right: -20px;
	margin-bottom: 24px;
}

.designer-right-top a {
	position: relative;
	display: block;
	float: left;
	width: 280px;
	height: 250px;
	_height: 270px;
	margin-right: 24px;
	_margin-right: 12px;
}

.designer-right-top span {
	position: absolute;
	bottom: 0;
	left: 0;
}

.designer-list-bottom {
	position: relative;
	margin-right: -24px;
}

.designer-list-bottom span {
	position: absolute;
	bottom: 0;
	left: 0;
}

.designer-list-bottom a {
	position: relative;
	display: block;
	float: left;
	margin-right: 22px;
	*margin-right: 18px;
	_margin-right: 15px;
	width: 130px;
	height: 110px;
}

.designer-list-bottom a img {
	width: 130px;
	height: 110px;
}

/*合作伙伴*/
.home-deanparter-wrap {
	width: 1191px;
	overflow: hidden;
	margin: 20px auto;
}

.deanparter {
	width: 1191px;
	margin: 20px auto;
	margin-bottom: 0;
	overflow: hidden;
	border-left: 1px solid #eee;
}

.deanparter ul {
	margin-top: 0px;
	border-top: 1px solid #eee;
}

.deanparter ul li {
	float: left;
	width: 170px;
	height: 80px;
	vertical-align: middle;
}

.deanparter ul li a {
	display: block;
	width: 169px;
	height: 79px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
}

.deanparter ul li a:hover {
	border-bottom: 1px solid #f60;
}

.deanparter ul li a img {
	width: 169px;
	height: 79px;
}

.deanparter ul li a img:hover {
	opacity: 1;
}

/* 新添新闻列表css */
.home-info-container {
	background: #F4F5F9;
	margin: 40px auto;
	margin: 0 auto;
}

.info-container {
	width: 1190px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.info-container-title {
	font-size: 16px;
	text-align: center;
	padding: 50px 0;
}

.info-container-title h2 {
	font-weight: normal;
	font-size: 36px;
	font-family: pingfang, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.info-container-list {
	background: #fff;
	padding: 42px 0;
}

.info-listItem {
	width: 335px;
	margin: 0 26px 0 32px;
	float: left;
}

.info-listItem-title {
	font-size: 24px;
	margin-bottom: 26px;
	font-weight: normal;
}

.info-more {
	width: 100px;
	height: 36px;
	display: block;
	line-height: 36px;
	border: 1px solid #E4E4E4;
	text-align: center;
	transition: all .1s;
}

.info-more:hover {
	background: #ea5505;
	border-color: #ea5505;
	color: #fff;
}

.info-listItem-list {
	margin-bottom: 17px;
}

.info-listItem-list dt {
	height: 180px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.info-listItem-list dt a img {
	width: 340px;
	height: 180px;
	transition: all .4s;
}

.info-listItem-list dt a span {
	position: absolute;
	left: 0;
	right: 0;
	color: #fff;
	bottom: 10px;
	font-size: 15px;
	padding: 0 24px;
	line-height: 1.5;
	height: 44px;
	overflow: hidden;
	transition: all .2s;
}

.info-listItem-list dd {
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-listItem-list dd a {
	font-size: 14px;
	color: #909499;
}

.info-listItem-list dd a:hover {
	color: #ea5505;
}

.info-listItem-list dt a:hover img {
	transform: scale(1.05);
}

/*推荐资讯*/
.home-information-wrap {
	width: 1190px;
	margin: 20px auto;
}

.home-information-list {
	margin: 10px 0 30px;
	height: 360px;
	overflow: hidden;
}

.home-information-left {
	float: left;
	width: 460px;
	padding-top: 10px;
	height: 345px;
	margin-right: 30px;
}

.home-information-left .information-left-top {
	position: relative;
}

.home-information-left .information-left-top {
	position: relative;
}

.home-information-left .information-left-top .information-title {
	display: block;
	padding-top: 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .61);
	height: 70px;
}

.home-information-left .information-title span {
	display: block;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
}

.home-information-left .information-title-title {
	font-size: 16px;
	color: #e8e8e8;
}

.home-information-left .information-title-summary {
	font-size: 14px;
	color: #acacac;
}

.information-left-bottom {
	width: 536px;
	overflow: hidden;
}

.home-information-left .information-left-bottom img {
	margin-top: 24px;
	width: 218px;
	height: 150px;
	float: left;
}

.home-information-left .information-left-bottom .left-bottom-img {
	margin-right: 24px;
}

.home-information-right {
	float: left;
	width: 700px;
	height: 360px;
}

.home-information-right .information-right-item {
	padding: 17px 0;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.home-information-right .information-right-left {
	float: left;
	width: 280px;
	height: 140px;
}

.home-information-right .information-right-left a {
	position: relative;
}

.home-information-right .information-right-left img {
	width: 280px;
	height: 140px;
}

.home-information-right .information-right-left span {
	display: none;
	color: #d0d0d0;
	font-size: 14px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	width: 100%;
	background: rgba(0, 0, 0, .36);
	position: absolute;
	bottom: 0;
	left: 0;
}

.home-information-right .information-right-left a:hover span {
	display: block;
}

.home-information-right .information-right-right {
	width: 380px;
	overflow: hidden;
	float: left;
	padding: 0 20px;
}

.home-information-right .information-right-right a {
	font-size: 14px;
	color: #666;
	margin: 10px 0;
}

.home-information-right .information-right-right a:hover {
	color: #f76120;
}

.home-information-right .information-right-right .information-strong {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 24px;
}

.home-information-right a {
	display: block;
}

/*/!*首页底部三模块*!/
.home-bottom-wrap{width: 1200px;overflow:hidden;margin: 30px auto;}
.home-bottom-wrap .home-bottom{margin-right:10px;float:left;width: 310px;height: 70px;padding:50px 40px;border: 1px solid #eee;}
.home-bottom-wrap .home-bottom i{float: left;}
.home-bottom-wrap .home-bottom-text{padding-left:65px; }
.home-bottom-wrap .no-margin .home-bottom-text{padding-left:80px; }
.home-bottom-wrap .home-bottom-text a{display:block;font-size: 18px;color: #333;margin: 5px 0;}
.home-bottom-wrap .home-bottom-text a:hover{color:#f76120;}
.home-bottom-wrap .home-bottom-text span{display:block;font-size: 14px;color: #999;}
.home-bottom-wrap .no-margin{margin-right:0;}*/
/*首页底部三模块*/
.home-bottom-wrap {
	width: 1190px;
	overflow: hidden;
	margin: 30px auto;
}

/*.home-bottom-wrap .home-bottom{margin-right:10px;float:left;width: 310px;height: 70px;padding:50px 40px;border: 1px solid #eee;}*/
/*2016-01-19 换广告位*/
.home-bottom-wrap .home-bottom {
	margin-right: 10px;
	float: left;
	border: 1px solid #eee;
	width: 386px;
	height: 170px;
}

.home-bottom-wrap .home-bottom img {
	width: 386px;
	height: 170px;
}

.home-bottom-wrap .home-bottom i {
	float: left;
}

.home-bottom-wrap .home-bottom-text {
	padding-left: 65px;
}

.home-bottom-wrap .no-margin .home-bottom-text {
	padding-left: 80px;
}

.home-bottom-wrap .home-bottom-text a {
	display: block;
	font-size: 18px;
	color: #333;
	margin: 5px 0;
}

.home-bottom-wrap .home-bottom-text a:hover {
	color: #f76120;
}

.home-bottom-wrap .home-bottom-text span {
	display: block;
	font-size: 14px;
	color: #999;
}

.home-bottom-wrap .no-margin {
	margin-right: 0;
}

.carousel-inner {
	position: relative;
	width: 100%;
	_height: 380px;
	overflow: hidden;
}

.right-fixed-wrap {
	zoom: 1;
	position: fixed;
	width: 50px;
	height: 50px;
	right: 5px;
	bottom: 200px;
	z-index: 9;
}

.carousel-indicators li {
	background-color: #2f2f2f;
	cursor: pointer;
}

.carousel-indicators .active {
	background: #ff4200;
}

.home-case-item .list-entrust-btn {
	display: none;
	right: 20px;
	width: 96px;
	height: 32px;
	background: #ee6864 url('../images/design-des.png') 17px 8px no-repeat;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	line-height: 32px;
}

#solid {
	width: 100%;
	height: 420px;
	clear: both;
	position: relative;
}

#solid .solid0,
#solid .solid1,
#solid .solid2,
#solid .solid3 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 420px;
	display: none;
}

#solid .solid0 {
	background: url(../images/banner1.jpg) center no-repeat;
}

#solid .solid1 {
	background: url(../images/banner2.jpg) center no-repeat;
}

#solid .solid2 {
	background: url(../images/banner3.jpg) center no-repeat;
}

#solid .solid3 {
	background: url(../images/banner4.jpg) center no-repeat;
}

#solid .solid00,
#solid .solid01,
#solid .solid02,
#solid .solid03 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 420px;
	display: none;
}

#solid .solid00 {
	background: url(../images/banner5.jpg) center no-repeat;
}

#solid .solid01 {
	background: url(../images/banner6.jpg) center no-repeat;
}

#solid .solid02 {
	background: url(../images/banner7.jpg) center no-repeat;
}

#solid .solid03 {
	background: url(../images/banner8.jpg) center no-repeat;
}

#solid ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#solid ul li {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1680px;
	height: 420px;
	margin-left: -1160px;
	display: none;
	cursor: pointer;
}

#solid #btt {
	width: 1360px;
	height: 55px;
	top: 375px;
	left: 50%;
	position: relative;
	margin-left: -680px;
}

#solid #btt span {
	position: absolute;
	top: 15px;
	left: 45%;
	display: block;
	width: 30px;
	height: 8px;
	margin: 0 15px;
	text-align: center;
	background: #f76120;
	z-index: 1000;
	cursor: pointer;
	filter: alpha(opacity=70);
	/*IE滤镜，透明度50%*/
	-moz-opacity: 0.7;
	/*Firefox私有，透明度50%*/
	opacity: 0.7;
	/*其他，透明度50%*/
}

.skcs {
	width: 100%;
	height: 480px;
	background-image: url(../images/sk_08.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	overflow: hidden;
}

.skcs_c {
	width: 1190px;
	height: 420px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 60px
}

.fzlc {
	width: 590px;
	height: 400px;
	float: left;
	background-color: #ea5505;
	overflow: hidden
}

.fzlc_t {
	width: 502px;
	height: 78px;
	float: left;
	margin-top: 42px;
	margin-left: 40px
}

.fzlc_c {
	width: 510px;
	height: 200px;
	float: left;
	margin-left: 40px;
	color: #FFF;
	font-size: 14px;
	text-indent: 28px;
	line-height: 28px;
	overflow: hidden
}

.fzlc_b {
	width: 490px;
	height: 37px;
	float: left;
	margin-top: 13px;
	margin-left: 40px
}

.khjz {
	width: 598px;
	height: 398px;
	float: right;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #ea5505;
}

.khjz_t {
	width: 560px;
	height: 78px;
	float: right;
	text-align: center;
	margin-top: 30px
}

.khjz_l {
	width: 25px;
	height: 100px;
	float: left;
	text-align: center;
	margin-top: 70px;
	margin-left: 20px
}

.khjz_c {
	width: 414px;
	height: 248px;
	float: left;
	text-align: center;
	margin-left: 16px;
	overflow: hidden
}

.khjz_c p {
	width: 414px;
	height: 30px;
	float: left;
	text-align: center;
	line-height: 30px;
	font-size: 14px
}

.khjz_c p a {
	color: #666
}

.khjz_r {
	width: 25px;
	height: 100px;
	float: right;
	text-align: center;
	margin-top: 70px;
	margin-right: 20px
}

.skry {
	width: 1190px;
	min-height: 400px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 60px
}

.skry_t {
	width: 1190px;
	height: 120px;
	text-align: center
}

.skry_c {
	width: 1190px;
	min-height: 280px;
	padding-bottom: 20px;
	float: left;
	background-color: #f4f4f4;
	overflow: hidden
}

.skry_c ul {
	width: 1179px;
	float: left;
	overflow: hidden;
	padding-left: 11px
}

.skry_c ul li {
	width: 272px;
	height: 260px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	display: inline;
	overflow: hidden
}

.skry_c ul li img {
	width: 272px;
	height: 227px;
	float: left;
}

.skry_c ul li p {
	width: 272px;
	height: 30px;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-top: 5px
}