@charset="utf-8";
/* 全局 */
body,html{ padding:0; margin:0; font-size:1em; color:#666; font-family:'微软雅黑';}
ul,li,p,h1,h2,h3,dl,dt,dd,input{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#444;}
a:hover{ color: #3b170d; text-decoration: none; }
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top; border:none;}
input{font-family: '微软雅黑';}
input:focus{ outline: none;}
textarea:focus{ outline: none; }
.center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

/* 首页 */
.block_home_slider {
	padding-top: 70px;
	position: relative;
	background-color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/PIE.htc);
	text-align: center;
	line-height: 0px;
	margin-right: auto;
	margin-left: auto;
}
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(../images/bg_caption.png); text-align:left;}
.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}
.flex-direction-nav{ margin-bottom:0; display: none;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-13px; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px; display: none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging { padding-left: 0; display:inline-block; position: absolute; bottom: 5px; margin-left: -2%; display: none;}
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li a {width:11px; height:12px; display:block; background-repeat:no-repeat; background-image:url(../images/sprite_nav_3.png); text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}


.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.logo{ width: 100px; height: 40px; position: absolute; top: 15px; left: 5%; z-index: 9; }
.logo img{ height: 40px; }
.adtxt{ display: none; }
.phoneicon{ width: 44px; height: 30px; position: absolute; top: 19px; right: 5%; z-index: 9; }
.phoneicon img{ height: 30px; float: right;}
.phoneicon img.phicon2{ display: none; }
.phoneicon_h{ width: 44px; height: 30px; position: absolute; top: 19px; right: 5%; z-index: 9; }
.phoneicon_h img{ height: 30px; float: right;}
.phoneicon_h img.phicon1{ display: none; }
nav{ width: 100%; height: auto; background: #fff; position: absolute; top: 70px; left: 0; z-index: 99999; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; display: none;}
nav ul li{ display: block; width: 33.3%; height: 40px; float: left; overflow-y: hidden; position: relative; }
nav ul li a span{ display: block; width: 100%; height: 40px; position: absolute; top: 0; left: 0; line-height: 40px; text-align: center; color: #666; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
nav ul li a em{ display: block; width: 100%; height: 38px; position: absolute; top: -40px; left: 0; line-height: 40px; text-align: center; color: #666; font-style: normal; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; text-transform: uppercase; border-top: solid 1px #e8dfb6; border-bottom: solid 1px #e8dfb6; border-left: none; border-right: none;}
nav ul li a:hover span{ color: #e8dfb6; top: 40px; left: 0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
nav ul li a:hover em{ color: #e8dfb6; top: 0; left: 0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }

.i-pro-box{ width: 90%; height: auto; padding: 30px 0; margin: 0 auto; overflow: hidden; }
.i-pro-box ul li{ display: block; width: 50%; height: auto; float: left;}
.i-pro-box ul li span.i-pro-img{ width: 100%; height: auto; display: block; overflow: hidden; position: relative;}
.i-pro-box ul li span.i-pro-img img{ width: 100%; }
.i-pro-box ul li span.white{ display: none; }
.i-pro-box ul li em{ font-style: normal; display: block; width: 100%; height: 50px; background: #f3f0e3; line-height: 50px; text-indent: 1em; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.index-tit{ display: block; width: 100%; height: auto; margin: 0 auto 15px auto;}
.index-tit img{ max-width: 70%; display: block; margin: 0 auto; }

.index-tit1{ display: block; width: 100%; height: auto; margin: 0 auto 15px auto;}
.index-tit1 img{ max-width: 70%; display: block; margin: 0 auto; }

.menub1_1{ display:none;}
.i-custom-txt{ width:90%; height:auto; padding:30px 0; line-height:33px; margin:0 auto;}

.i-about-box{ width: 90%; height: auto; padding: 20px 0 50px 0; margin: 0 auto; overflow: hidden;}
.i-about-box .about-txt{width: 100%; height: auto; margin: 0 auto; line-height: 30px; padding-bottom: 30px;}
.i-about-box .about-nav{ display: block; width: 172px; height: 50px; margin: 0 auto; position: relative; overflow: hidden;}
.i-about-box .about-nav span{ display: block; width: 172px; height: 50px;text-align: center; line-height: 50px; color: #666; position: absolute; top: 0; left: 0; background: #e5e5e5; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.i-about-box .about-nav em{ display: block; width: 172px; height: 50px;text-align: center; line-height: 50px; color: #fff; position: absolute; top: -50px; left: 0; background: #3b170d; font-style: normal; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.i-about-box a:hover span{ top: 50px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.i-about-box a:hover em{ top: 0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }

.i-custom-box{ width: 90%; height: auto; padding: 50px 0; margin: 0 auto; display: none;}

.i-collection-box{ width: 90%; height: auto; padding:0 0 30px 0; margin: 0 auto; overflow: hidden;}
.i-collection-box dl{ display: block; width: 100%; height: auto; padding:0; margin: 10px 0; overflow:hidden;}
.i-collection-box dl dt{ display: block; width: 30%; height: 96px; float: left; margin-right: 2%; overflow: hidden;}
.i-collection-box dl dt img{ width: 162px; height: 96px; }
.i-collection-box dl dd{ display: block; width: 68%; height: auto; float: left; }
.i-collection-box dl dd a{ display: block; width: 100%; height: 30px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.i-collection-box dl dd span{ font-size: 0.75em; color: #999; display: block; }
.i-collection-box dl dd p{ font-size: 0.75em; color: #999; padding-top: 12px; }

.i-cont-box{display: none; }

.bottom{ width: 100%; height: auto; background: #3b170d; color: #fff; padding: 20px 0;}
.bottom .bottom-cen{ width: 90%; height: auto; margin: 0 auto; font-size: 0.75em;}
.bottom .bottom-cen a{ color: #fff; }
.bottom .bottom-cen span{ float: right; display: none; }

/* 关于我们 */
.about-text{ width: 90%; height: auto; padding: 50px 0; margin: 0 auto; overflow: hidden; }
.about-text .about-txt-box{ width: 100%; height: auto; padding: 30px 0; overflow: hidden; }
.about-text .about-txt-box p{ text-indent: 2em; line-height: 33px; font-size: 16px; padding-bottom: 20px;}

.culture-list{ width: 100%; height: auto; overflow: hidden; padding: 30px 0;}
.culture-list dl{ display: block; width: 50%; height: auto; float: left; margin: 0; position: relative; overflow: hidden; cursor: pointer;}
.culture-list dl dt{display: block; width: 100%; height: auto;}
.culture-list dl dt img{ width: 100%; height: auto;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray; 
	-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.culture-list dl dd{ display: block; width: 90%; height: 100px; padding: 15px 5%; position: absolute; bottom: 0; left: -246px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.culture-list dl dd span{ width: 100%; height: 130px; background: rgba(0,0,0,0.3); position: absolute; bottom: -130px; left: 0; display: block; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.culture-list dl dd p{ font-size: 0.85em; text-align: center; color: #fff; position: absolute; top: 15px; left: 5%; z-index: 2; display: block; width: 90%; height: 100px; }
.culture-list dl dd b{ display: block; width: 90%; height: 36px; border: solid 1px #fff; font-weight: normal; font-size: 14px; text-align: center; line-height: 36px; color: #fff; position: absolute; left: 5%; bottom: 20px; }
.culture-list dl:hover dt img{ -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%); 
	-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.culture-list dl:hover dd span{ bottom: 0; 
    -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.culture-list dl:hover dd{ left: 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }

/* 产品中心 */
.productbox{ width: 90%; height: auto; overflow:hidden; margin: 0 auto; padding: 20px 0;}
.productbox .product{ width: 100%; height: auto; margin: 0 auto; display: none;}
.productbox .product-txt{ width: 100%; height: auto; overflow-y: hidden; margin: 0 auto; padding: 25px 0; }
.productbox .product-txt h2.producttit{ display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-weight: normal; color: #3b170d;}
.productbox .product-txt h2.producttit span{ padding: 0 10px; color: #999; }
.productbox .product-txt p{ text-indent: 2em; line-height: 31px; }
a.blank{ display: block; width: 170px; height: 50px; background: #3b170d; color: #fff; margin: 20px auto; line-height: 50px; text-align: center; cursor: pointer; }
a.blank:hover{ color: #fff; }
.layui-carousel-ind{ display: none; }

.mod18{width:100%;height:670px;margin:20px auto;position:relative;}
.mod18 .btn{position:absolute;width:15px;height:79px;top:550px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat #333 left center;}
.mod18 #prevTop,.mod18 #nextTop{top:273px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat #333 left center;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:100%;height:540px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:100%;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:540px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:540px;position:absolute;}
.mod18 .picBox li{width:880px;height:540px; padding: 0; margin: 0;}

.mod18 .listBox{width:90%;height:100px;margin:0 auto;position:relative;overflow:hidden; padding: 10px 0;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:124px;height:79px;cursor:pointer;position:relative; padding: 0; margin: 0;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:79px;}
.mod18 .listBox li img{width:118px;height:73px; border: solid 3px #fff;}
.mod18 .listBox .on img{width:118px;height:73px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}

/* 工程案例 */
.cases-box-tit{ width: 100%; height: auto; font-size: 1.8em; color: #3b170d; }
.cases-box-tit p{ display: block; width: 100%; height: auto; padding: 15px 0; overflow:hidden; font-size: 16px; color: #666; }
.cases-box-img{ width: 100%; height: auto; overflow: hidden; }
.cases-box-img img{ display: block; max-width: 100%; margin: 0 auto; }

/* 装修宝典 */
.news-box{ width: 90%; height: auto; padding: 30px 0; overflow: hidden; margin: 0 auto; }
.news-page{ width: 100%; height: auto; padding: 40px 0 0 0; overflow:hidden; text-align: center; }
.news-page a{ padding: 15px 30px; margin: 0 10px 20px 10px; background: #f5f5f5; float:left; display:block;}
.news-page a:hover{ background: #3b170d; color: #fff; }
.news-page a.nav{ background: #3b170d; color: #fff; }
.news-box dl{ display: block; width: 100%; height: auto; padding:0; margin: 10px 0; overflow:hidden; border-bottom: dashed 1px #ccc; padding: 15px 0;}
.news-box dl dt{ display: block; width: 30%; height: 96px; float: left; margin-right: 2%; overflow: hidden;}
.news-box dl dt img{ width: 162px; height: 96px; }
.news-box dl dd{ display: block; width: 68%; height: auto; float: left; }
.news-box dl dd a{ display: block; width: 100%; height: 30px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.news-box dl dd span{ font-size: 0.75em; color: #999; display: block; }
.news-box dl dd p{ font-size: 0.75em; color: #999; padding-top: 12px; }
.news-box dl dd a.more{ display: none; width: 120px; height:40px; background: #f5f5f5; line-height: 40px; text-align: center; margin-top: 13px; }
.pagging{ width:100%; height: auto; text-align: center; padding: 30px 0; }
.pagging a{ padding: 4px 9px; margin-right: 5px; }
.pagging span{ padding: 4px 9px; background: #3b170d; color: #fff; margin-right: 5px;}

.news-box .news-title{ width: 100%; margin: 0 auto; height: auto; padding: 20px 0; text-align: center; font-size: 1.6em; color: #3b170d; }
.news-box .news-time{ width: 100%; margin: 0 auto; height: auto; padding-bottom: 15px; text-align: center; border-bottom: dashed 1px #ccc; }
.news-box .news-text{ width: 100%; margin: 0 auto; height: auto; padding: 30px 0; overflow: hidden; }
.news-box .news-text img{ max-width: 100%; display: block; margin: 0 auto; }
.news-box .news-text p{ line-height: 31px; text-indent: 2em; padding-bottom: 15px; }

/* 招商加盟 */
.merchants-box{ width: 90%; height: auto; padding: 30px 0; overflow: hidden; margin: 0 auto; }
.merchants-txt{ width: 100%; height: auto; overflow: hidden; }
.merchants-txt h2.merchants-tit{ width: 100%; display: block; height: auto; text-align: center; padding: 15px 0; font-weight: normal; color: #3d170d; font-size: 18px; }
.merchants-txt h2.merchants-tit span{ padding: 0 15px; }
.merchants-txt .merchants-text{ width: 100%; height: auto; padding: 15px 0; overflow:hidden; line-height: 31px;}
.merchants-txt .merchants-text img{ display: block; max-width: 100%; margin:0 auto; }

/* 人力资源 */
.hrjoin-box{ width: 90%; height: auto; padding: 30px 0; overflow: hidden; margin: 0 auto; }
.hrjoin-txt{ width: 100%; height: auto; min-height: 300px; padding: 30px 0; }
.hrjoin-txt ul li{ width: 100%; height: 65px; border-bottom: solid 1px #ccc; padding: 0 10px; float: left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.hrjoin-txt ul li a{ font-size: 14px; line-height: 65px;}
.hrjoin-txt ul li a span{ padding-right: 25px; }
.jobusboxtxt{ width: 100%; height: auto; padding: 10px 0; font-size: 14px; color: #444; line-height: 30px}
.hrjoin-txt ul li a img.img1{ margin-right: 10px; display: none; }
.hrjoin-txt ul li a img.img2{ float: left; margin-right: 10px;}

.hrjoin-tit{ width: 100%; height: 40px; line-height: 40px; color: #3d170d; }
.hrjoin-list{ width: 100%; height: auto; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; overflow: hidden;}
.hrjoin-list div{ display: block; width: 50%; float: left; height: 40px; line-height: 40px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; }
.hrjoin-text{ width: 100%; height: auto; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; overflow: hidden; padding: 15px 0;}

/* 联系我们 */
.contact-box{ width: 90%; height: auto; padding: 30px 0; overflow: hidden; margin: 0 auto; }
.map_box{ width: 100%; height: 300px; background: #eee; margin: 20px 0;}
.contact-box ul li{ display: block; width: 100%; height: auto;  padding:7px 0; }

/* 客服中心 */
.kefu-box{ width: 100%; height: 40px; position: fixed; bottom: 0; right: 0; z-index: 99999; background: #444; padding-top: 15px; display: none;}
.kefu-box ul li{ display: block; width: 25%; height: 40px; float: left; text-align: center; position: relative;}
.kefu-box ul li img.kefuicon{ width: 25px; height: 25px; margin-right: 7px;}
.kefu-box ul li span{ text-align: center; font-size: 0.75em; color: #fff; }
.kefu-box ul li div{ display: none; }

/*相关样式*/
#showbox { background:#fff;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:100%; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#fff; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.product-list-nav{ display: none; }

.ph-index-tit{ display: none; }

.layui-tab{ display: none; }

#pro-ts{ width: 100%; height: 21px; line-height:21px; text-align: center; color: #999; padding-bottom: 5px; font-size: 0.85em;}
.product_img{ width: 100%; height: auto; margin: 0 auto; }
.scroll_pic_view{ position:relative; z-index: 9999999;}
.scroll_pic_view .ban_lft{ display: block; width: 5%; height: 100%; background: rgba(255,255,255,0); position: absolute; left: 0; top: 0; z-index: 100; }
.scroll_pic_view .ban_rgt{ display: block; width: 5%; height: 100%; background: rgba(255,255,255,0); position: absolute; right: 0; top: 0; z-index: 100; }
.scroll_pic_view>div{ width:100%; overflow:hidden;}
.scroll_pic_view ul{
  width:100%;
  white-space: nowrap;
  overflow: hidden;
}
.scroll_pic_view ul li{
  float:left;
}
.scroll_pic_view ul li a{
  display: block;
}
.scroll_pic_view ul li img{
  width:100%;
  /*max-height: 649px;*/
}
.scroll_pic_view ol{
  position: absolute;
  z-index: 990;
  bottom:18px;
  width:100%;
  text-align: center;
  pointer-events:none;
}
.scroll_pic_view ol li{
  display: inline-block;
  width: 10px;
    height: 10px;
    margin:0 5px;
    border-radius: 7px;
    background: #fff;
    border: solid 2px #fff;
  color:#fff;
  line-height:25px;
  margin-bottom:-5px;
}
.scroll_pic_view ol li span{
  display: none;
}
.scroll_pic_view ol li.on span{
  -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
}
.scroll_pic_view ol li.on{
  width: 10px;
  height: 10px;
  border-radius:7px;
  background: #db6068;
  border: solid 2px #fff;
}

.reveal-modaladdto{ width: 100%; height: 400px; position: fixed; top: 50%; margin-top: -200px; left: 0%;  z-index: 999999; visibility: hidden; background: #fff;}
.reveal-tit{ width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 22px; font-weight: bold; color: #3b170d; }
.reveal-txt{ width: 90%; height: 300px; overflow-y: auto; margin: 0 auto; line-height: 31px;}
.reveal-txt p{ padding-bottom: 20px; }

.preview{ display: none !important; }