@charset="utf-8";
/* 全局 */
body,html{ padding:0; margin:0; font-size:14px; 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;border:0;}
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;border:0;}
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 {
	overflow:hidden;
	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%;}
.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;}

.menub1_1{ display:none;}

.phoneicon{ display: none; }

.i-custom-txt{ width:1100px; height:auto; padding:30px 0; line-height:33px; margin:0 auto;}

.logo{ width: 1200px; height: 128px; position: absolute; top: 30px; left: 50%; margin-left: -600px; z-index: 9;}
.logo img{ width: 230px; float: left;}
.adtxt{ width: 400px; height: 160px; left: 50%; margin-left:-200px; bottom:130px; text-align: center; position: absolute;z-index: 9; color: #e8dfb6; font-size: 70px; font-weight: bold;}
.adtxt span{ display:block; width:100%; height:80px; line-height:80px; text-align:right; position: absolute; left: 0;top: 80px; }
.adtxt span:first-child{ text-align: left; top: 0;}
.adtxt span em{ font-style: normal; position: absolute;}
.adtxt span em.jun{ animation: fadeInRightjun 1s linear 0s alternate forwards; top: 0; left: 0;opacity: 0;}
.adtxt span em.wei{ animation: fadeInRightwei 1s linear 1s alternate forwards; top: 0; left: 0;opacity: 0;}
.adtxt span em.tian{ animation: fadeInRighttian 1s linear 2s alternate forwards; top: 0; left: 0;opacity: 0;}
.adtxt span em.xia{ animation: fadeInRightxia 1s linear 3s alternate forwards; top: 0; left: 0;opacity: 0;}
.adtxt span em.weione{ animation: fadeInRighttian 1s linear 4s alternate forwards; top: 0; left: 0;opacity: 0;}
.adtxt span em.shu{ animation: fadeInRightxia 1s linear 5s alternate forwards; top: 0; left: 0;opacity: 0;}
.adtxt span em.bu{ animation: fadeInRightbu 1s linear 6s alternate forwards; top: 0; left: 0;opacity: 0;}
.adtxt span em.yi{ animation: fadeInRightyi 1s linear 7s alternate forwards; top: 0; left: 0;opacity: 0;}
@-webkit-keyframes fadeInRightjun {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 0; 
  }
}

@keyframes fadeInRightjun {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes fadeInRightwei {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 1.2em; 
  }
}

@keyframes fadeInRightwei {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 1.2em;
  }
}
@-webkit-keyframes fadeInRighttian {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 2.4em; 
  }
}

@keyframes fadeInRighttian {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 2.4em;
  }
}
@-webkit-keyframes fadeInRightxia {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 3.6em; 
  }
}

@keyframes fadeInRightxia {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 3.6em;
  }
}
@-webkit-keyframes fadeInRightbu {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 4.8em; 
  }
}

@keyframes fadeInRightbu {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 4.8em;
  }
}
@-webkit-keyframes fadeInRightyi {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 6em; 
  }
}

@keyframes fadeInRightyi {
  0% {
    opacity: 0;
    left: 520px;
  }

  100% {
    opacity: 1;
    left: 6em;
  }
}
.ityped-cursor{ display: none; }
nav{ display: block; width: 1200px; height: 50px; position: absolute; bottom:70px; left: 50%; margin-left: -600px; z-index: 9;}
nav ul li{ display: block; width: 150px; height: 60px; float: left; overflow-y: hidden; position: relative; }
nav ul li a span{ display: block; width: 150px; height: 60px; position: absolute; top: 0; left: 0; line-height: 60px; text-align: center; color: #e8dfb6; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
nav ul li a em{ display: block; width: 150px; height: 58px; position: absolute; top: -60px; left: 0; line-height: 60px; text-align: center; color: #e8dfb6; 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: 60px; 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: 1200px; height: auto; padding: 50px 0; margin: 0 auto; overflow: hidden; }
.i-pro-box>ul li{ display: block; width: 360px; height: 284px; float: left; margin: 15px; }
.i-pro-box>ul li span.i-pro-img{ width: 360px; height: 234px; display: block; overflow: hidden; position: relative;}
.i-pro-box>ul li span.i-pro-img img{ width: 360px; height: 234px; }
.i-pro-box>ul li span.white{ display: block; width: 0; height: 0; background: rgba(255,255,255,0.2); position: absolute; left: 50%; top: 50%; margin-left: -0px; margin-top: -0px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;  }
.i-pro-box>ul li:hover span.white{ width: 360px; height: 360px; top:50%; left: 50%; margin-top: -180px; margin-left: -180px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;  }
.i-pro-box>ul li em{ font-style: normal; display: block; width: 360px; height: 50px; background: #f3f0e3; line-height: 50px; text-indent: 1em; }
.index-tit{ display: none; width: 434px; height: 60px; margin: 0 auto 15px auto;}
.index-tit1{ display: none; }

.i-about-box{ width: 100%; height: auto; padding: 430px 0 50px 0; background: url(../images/aboutbg.jpg) no-repeat top center #f8f8f8; }
.i-about-box .about-txt{width: 720px; 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;cursor: pointer;}
.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 :hover span{ top: 50px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.i-about-box :hover em{ top: 0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }

.i-custom-box{ width: 100%; position: relative; margin: 0 auto; height: 300px; overflow: hidden;}
.i-custom-box img{ display: block; width: 1920px; height: 300px; position: absolute; left: 50%; top: 0; margin-left: -960px; }

.i-collection-box{ width: 1200px; height: auto; padding: 30px 0; margin: 0 auto; overflow: hidden;}
.i-collection-box dl{ display: block; width: 540px; height: 96px; padding:0 30px; float: left; margin: 10px 0;}
.i-collection-box dl dt{ display: block; width: 162px; height: 96px; float: left; margin-right: 12px; }
.i-collection-box dl dt img{ width: 162px; height: 96px; }
.i-collection-box dl dd{ display: block; width: 366px; height: 96px; float: left; }
.i-collection-box dl dd a{ display: block; width: 100%; height: 30px; font-size: 16px;}
.i-collection-box dl dd span{ font-size: 12px; color: #999; display: block; }
.i-collection-box dl dd p{ font-size: 12px; color: #999; padding-top: 12px; }

.i-cont-box{ width: 100%; height: auto; padding: 40px 0; background: #f5f5f5; margin-top: 30px; }
.i-cont-box .i-cont{ width: 1200px; height: 160px; margin: 0 auto; }
.i-cont-box .i-cont .i-cont-lft{ width: 297px; height: 160px; float: left; border-right: solid 1px #a0a0a0; }
.i-cont-box .i-cont .i-cont-tel{ width: 250px; padding-left: 40px; height: 160px; float: left; border-right: solid 1px #a0a0a0; }
.i-cont-box .i-cont .i-cont-tel b{ display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; color: #3b170d; padding-top: 20px; }
.i-cont-box .i-cont .i-cont-tel span{ display: block; width: 100%; font-size: 30px;color: #666; }
.i-cont-box .i-cont .i-cont-add{ width: 315px; padding-left: 40px; height: 160px; float: left; border-right: solid 1px #a0a0a0; }
.i-cont-box .i-cont .i-cont-add b{ display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; color: #3b170d; padding-top: 20px; }
.i-cont-box .i-cont .i-cont-add span{ display: block; height: auto; width: 100%; line-height: 25px; }
.i-cont-box .i-cont .i-cont-code{ width: 255px; height: 160px; float: left; }

.bottom{ width: 100%; height: 70px; background: #3b170d; color: #fff;}
.bottom .bottom-cen{ width: 1200px; height: 70px; margin: 0 auto; line-height:70px; font-size: 12px;}
.bottom .bottom-cen a{ color: #fff; }
.bottom .bottom-cen span{ float: right; }

/* 关于我们 */
.about-text{ width: 1200px; 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: 1200px; height: auto; overflow: hidden; padding: 30px 0;}
.culture-list dl{ display: block; width: 246px; height: 285px; float: left; margin: 0 25px; position: relative; overflow: hidden; cursor: pointer;}
.culture-list dl dt{display: block; width: 246px; height: 285px;}
.culture-list dl dt img{ width: 246px; height: 285px;-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: 206px; height: 100px; padding: 15px 20px; 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: 246px; 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: 14px; text-align: center; color: #fff; position: absolute; top: 15px; left: 20px; z-index: 2; display: block; width: 206px; height: 100px; }
.culture-list dl dd b{ display: block; width: 134px; height: 36px; border: solid 1px #fff; font-weight: normal; font-size: 14px; text-align: center; line-height: 36px; color: #fff; position: absolute; left: 50%; bottom: 20px; margin-left: -67px; }
.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: 1200px; height: auto; overflow:hidden; margin: 0 auto; padding: 20px 0; position: relative;}
.productbox .product-list-nav{ width: 200px; height: auto; position: absolute; left: 0; top: 0; }
.productbox .product-list-nav ul li{ display: block; width: 100%; height: 35px; line-height: 35px; margin: 0;}
.productbox .product-list-nav ul li a.nav{ font-weight: bold; color: #3b170d; }
.productbox .product{ width: 880px; height: auto; margin: 0 auto; }
.productbox .product-txt{ width: 880px; height: auto; overflow: hidden; margin: 0 auto 0 auto; padding:0 0 25px 0; position: relative; z-index: 999; }
.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; font-size: 16px; 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; position: relative; z-index: 999;}
a.blank:hover{ color: #fff; }
.layui-carousel-ind{ display: none; }
.layui-carousel-arrow[lay-type=add] {
    right: -40px !important;
}
.layui-carousel-arrow[lay-type=sub] {
    opacity: 1;
    left: -40px !important;
}

.mod18{width:880px;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:880px;height:540px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:880px;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:840px;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: 26px; 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: 1200px; height: auto; padding: 30px 0; overflow: hidden; margin: 0 auto; }
.news-page{ width: 100%; height: 60px; padding: 40px 0 0 0; overflow:hidden; text-align: center; }
.news-page a{ padding: 15px 30px; margin: 0 10px; background: #f5f5f5;}
.news-page a:hover{ background: #3b170d; color: #fff; }
.news-page a.nav{ background: #3b170d; color: #fff; }
.news-box dl{ display: block; width: 900px; height: 164px; margin: 0 auto; border-bottom: dashed 1px #ccc; padding: 20px 0; }
.news-box dl dt{ display: block; width: 272px; height: 164px; float: left; margin-right: 15px; }
.news-box dl dt img{ width: 272px; height: 164px; }
.news-box dl dd{ display: block; width: 613px; height: 164px; float: left; }
.news-box dl dd a.tit{ display: block; width: 100%; height: auto; font-size: 18px; padding: 10px 0; }
.news-box dl dd span{ display: block; width: 100%; height: auto; color: #999; padding-bottom: 10px; }
.news-box dl dd p{ font-size: 14px; }
.news-box dl dd a.more{ display: block; width: 120px; height:40px; background: #f5f5f5; line-height: 40px; text-align: center; margin-top: 13px; }
.news-box dl dd a.more:hover{ background: #3b170d; color: #fff; }
.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: 1000px; margin: 0 auto; height: auto; padding: 20px 0; text-align: center; font-size: 24px; color: #3b170d; }
.news-box .news-time{ width: 1000px; margin: 0 auto; height: auto; padding-bottom: 15px; text-align: center; border-bottom: dashed 1px #ccc; }
.news-box .news-text{ width: 1000px; 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: 1200px; 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: 1000px; 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;}
.hrjoin-txt ul li a{ font-size: 14px; line-height: 65px;}
.hrjoin-txt ul li a span{ padding-right: 25px; }
.jobusboxtxt{ width: 1000px; 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: 25%; float: left; height: 40px; line-height: 40px; }
.hrjoin-text{ width: 100%; height: auto; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; overflow: hidden; padding: 15px 0;}

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

/* 客服中心 */
.kefu-box{ width: 50px; height: 228px; position: fixed; bottom: 30px; right: 30px; z-index: 99999; }
.kefu-box ul li{ width: 50px; height: 50px; position: relative; margin-bottom: 7px; background: #3b170d; cursor: pointer;}
.kefu-box ul li span{ display: none; }
.kefu-box ul li img.kefuicon{ width: 29px; height: 29px; margin: 10.5px; }
.kefu-box ul li div{ width: auto; padding: 0 15px; height: 50px; line-height: 50px; top: 0; right: -280px; position: absolute; background: #3b170d;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; color: #fff;}
.kefu-box ul li:hover div{ right: 0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

/*相关样式*/
#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:400px; 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;}

.ph-index-tit{ width: 100%; height: 400px; position: relative; padding-top: 60px; overflow: hidden;}
.ph-index-tit img{ width: 1920px; height: 400px; position: absolute; top: 60px; left: 50%; margin-left: -960px; }

.layui-this{ background: #3b170d !important; border: none !important; color: #fff !important; display: block; width: 95px; height: 40px; margin: 0 auto;}
.layui-tab-title{ border-bottom: none !important; display: block; width: 125px; height: 40px; margin: 0 auto;}
.layui-tab-title .layui-this:after{ border: none !important;}

/*相关样式*/
#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:600px; position:relative; padding-bottom: 20px;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; 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;}

#pro-ts{ display: none; }
.product_img{ display: none; }

.reveal-modaladdto{ width: 570px; height: 500px; position: fixed; top: 50%; margin-top: -250px; left: 50%; margin-left: -285px; 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: 400px; overflow-y: auto; margin: 0 auto; line-height: 31px;}
.reveal-txt p{ padding-bottom: 20px; }

.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}

.preview{width:600px; height:465px; margin: 0 auto; position: relative;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; padding:6px 5px; width:590px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:575px; margin-top:-50px;}

#imageMenu {height:50px; width:560px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:60px; width:93px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:80px; height:50px;cursor:pointer; margin: 0 auto;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:74px; height:44px; border:3px solid #959595;margin: 0 auto;}
/* bigImg */
.bigImg{position:relative; float:left; width:600px; height:368px; overflow:hidden;}
.bigImg #midimg{width:600px; height:368px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: none; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}