body.hui{ background: #f2f2f2; }

.fl{ float: left; }

.kong{ height: 80px; width: 100%; }

.erbt{ width: 100%; height: 120px; background: #1c1c1c; text-align: center; line-height: 120px; color: #fff; font-size: 30px; }

.sx{ width: 100%; line-height: 50px; background: #fff; }

.sx .bt a{ display: inline-block; font-size: 15px; color: #5f5f5f; margin-right: 25px; }

/*产品列表*/

.box .er-show{ padding-bottom: 70px; }

.box .er-show li{ width: 272px; height: 260px; float:left; background: #fff; box-shadow: 3px 3px 5px rgba(34, 8, 8, .1); margin-top: 40px; margin-right: 37px;}

.box .er-show li h4{ overflow: hidden; }

.box .er-show li h4, .box .er-show li h4 img{ width: 272px; height: 193px;}

.box .er-show li p{ height: 67px; line-height: 67px; padding: 0 15px; overflow: hidden; color: #464646; font-size: 15px; }

.box .er-show li:nth-child(4n){ margin-right: 0; }

.box .er-show li .mask{ position: absolute; width: 272px; height: 193px; transition: all 0.5s ease-out; z-index: 2;}

.box .er-show li:hover .mask{background: rgba(0, 0, 0, 0.5); transition: all 0.5s ease-out;}

.box .er-show li a{display: block; position: relative;}

.box .er-show li a:after{content: '+'; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; margin-left: -26px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; opacity: 0; color: #fff; font-size: 40px; text-align: center; font-family: "Times New Roman", "微软雅黑";}

.box .er-show li:hover a:after{top: 28%; opacity: 1;}

.box .er-show li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;}

.box .er-show li img{transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;}

.fy{ text-align: center; padding: 20px 0; display: block; }

.fy a{ color: #464646; background: #fff; width: 40px; height: 40px; border: 1px solid #e4eaec; overflow: hidden; display: inline-block; text-align: center; line-height: 40px; font-size: 16px; margin: 20px 2px; }

.fy a:hover, .fy a.on{ background: #292929; color: #fff; border: 1px solid #292929; }

/*内容页*/

.wz{ width: 100%; height: 60px; background: #f2f2f2; line-height: 60px; }

.wz, .wz a{ font-size: 15px; color: #5f5f5f; }

.wz a:hover{ color: #000; }

.whin{ width: 100%; background: #fff; }

.pad15{ padding: 15px; }

#wrapper2{ width: 566px; float: left;}

.imgnav{ width: 566px; position:relative;}

#img{ z-index:10; width: 566px; position:relative; text-align:center;}

#img img{ height: 404px; display:none;}

#front, #next{ cursor:pointer;  width: 104px; height: 104px;}

#front{ position:absolute; left:0px; top: 150px; z-index:10;}

#front a{  position:absolute; left: 0px; top: 0px;display:block; background:url(/img/imgSlideLeft.png) no-repeat; width:104px; height:104px; display:none;}

#next{  position:absolute; right:0px; top: 150px; z-index:10;}

#next a{  position:absolute; right: 0px; top: 0px; display:block; background:url(/img/imgSlideRight.png) no-repeat; width:104px; height:104px; display:none;}

#cbtn{ position:relative; height: 85px; margin-top:12px; }

#cbtn ul{ position:relative; width:10000px; height: 85px;}

#cbtn ul li{ float:left; width: 119px; height: 85px; cursor:pointer; text-align:center; margin-right: 14px; position:relative; border: 2px solid #fff;}

#cbtn ul li img{ width: 115px; height: 81px; display: block;}

#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}

#cbtn li.hov{ border: 2px solid #949494; }

.ctrl div{ clear:both;}

#cSlideUl{ width: 520px; height: 85px; overflow: hidden; position: relative; top: 0; margin:0 auto;}

.picSildeLeft{ cursor: pointer; position: absolute; top: 0; left: 0; z-index:9;}

.picSildeRight{ cursor: pointer; position: absolute; top: 0; right: 0; z-index:9;}

.wen{ width: 555px; float: right; }

.wen .bt{ width: 100%; border-bottom: 1px solid #f2f2f2; }

.wen .bt h4{ display: block; font-size: 25px; color: #171717; line-height: 40px; }

.wen .bt h5, .wen ul.bt li, .wen .bj span, .wen .bj .text{ color: #363636; font-family:"宋体";}

.wen .bt h5{ padding: 8px 0 20px 0; line-height: 20px; }

.wen ul.bt{ padding: 20px 0; }

.wen ul.bt li{ width: 50%; float: left; line-height: 30px; }

.wen ul.bt li span{ color: #bc1f0f; font-weight: bold; }

.bj{ display: block; width: 366px; height: 42px; border: 1px solid #c2c2c2; padding: 0 10px; margin-top: 16px; }

.bj span{ width: 65px; float: left; line-height: 42px;}

.bj .text{ width: 260px; height: 42px; line-height: 40px; float: left; background: none; border: 0; }

.bj i{ float: left; line-height: 30px; }

.hqbj{ width: 205px; height: 42px; background: #171717; border: 0; display: inline-block; margin-top: 16px; color: #fff; font-size: 14px; font-family:"宋体"; cursor: pointer; }
.ckqb{ display: none; }
/**/

.er-left, .er-right{ background: #fff; margin-top: 30px; padding: 15px; margin-bottom: 50px;}

.er-left{ width: 865px; float: left; }

.er-left .rx, .er-left .about{ width: 100%; border-bottom: 1px solid #eee; }

.er-left .rx p{ color: #b91605; height: 50px; line-height: 50px; font-size: 15px; border-bottom: 2px solid #b91605; display: inline-block; }

.er-left .about{ padding: 10px 0; }

.er-left .about img{ max-width: 835px; }

.er-left .fp{ padding: 20px 0 30px 0; }

.er-left .fp a{ display: block; color: #5f5f5f; font-size: 15px; line-height: 30px; padding: 3px 0; }

.er-right{ width: 305px; float: right; }

.er-right h6{ color: #5f5f5f; font-size: 15px; line-height: 50px; }

.er-right .r-show{ width: 100%; }

.er-right .r-show li{ display: block; }

.er-right .r-show li h4, .er-right .r-show li h4 img{ width: 272px; height: 193px; }

.er-right .r-show li p{ height: 60px; line-height: 60px; text-align: center; color: #464646; font-size: 15px; overflow: hidden; }

/*联系我们*/

.lx-bt{ color: #171717; font-size: 33px; text-align: center; padding-top: 60px; }

.lx-bt i{ width: 40px; height: 4px; background: #ef2b2b; margin: 33px auto 20px auto; display: block; }

.lit{ width: 980px; margin: 0 auto; }

.lit .pdz{ margin: 16px 20px 0 20px; }

.lx-zii{ text-align: center; }

.lx-zii p{ color: #3b3b3b; font-size: 40px; font-family: "Times New Roman"; background: url(/img/dh.png) 24% center no-repeat; margin: 50px 0 0 0; cursor: pointer; }
.lx-zii p a{ color: #3b3b3b;}

.lx-zii h5{ color: #565250; font-size: 15px; }

.lx-zii h6{ display: inline-block; margin: 40px 20px 60px 20px; }

.lx-zii h6 img{ width: 114px; height: 114px; }

.map{ width: 100%; height: 555px; overflow: hidden; }

.lx-foot{ width: 100%; background: #1c1c1c; height: 80px; line-height: 80px; color: #fff; text-align: center;}

/*装修*/

/*banner*/

.sj-tu0{ display: none;}

.bigpicbox{ width: 100%; height: 722px; text-align: center; margin: 0px auto;}

.topcallbtn{width: 700px; height: 722px; margin: 0 auto; position: relative; color: #fff;}

.topcallbtn span{ position: absolute; top: 533px; left: 50px; cursor: pointer; width: 100%; height: 40px; line-height: 40px; font-size: 22px; text-align: left;display: block; color: #ef2b2b;}

.topcallbtn span img{ float: left; margin: 0 5px 0 0; }

.btn{ position: absolute; top: 528px; right: 50px; height: 48px; cursor: pointer; color:#fff; width:190px; font-size:18px; border-radius: 5px; border:1px solid #fff;background: rgba(255,255,255,.11);}

.topcallbtn button:hover{ background: #f62f2a; border:1px solid #f62f2a;}

.topcallbtn button:focus{ background: #f62f2a; outline:none; border:none;}

.banner-4{ position: absolute; top:403px; left: 5px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

.banner-5{ position: absolute; top:403px; right: 470px;}

.banner-4-1{ position: absolute; top:403px; left: 5px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

.banner-5-1{ position: absolute; top:403px; right: 440px;}

/*装修类别*/

.boxcont1{ margin: 0px auto; width: 100%;}

.box1linebox{ width: 1200px; margin: 0 auto; clear: both; position: relative; overflow: hidden;}

.b825{ height: 825px;}

.b537{ height: 537px;}

.b625{ height: 625px;}

.b358{ height: 358px;}

.ttt{ display: none;}

.box1linebox>h2{ display: block;position: relative; height:49px;top:56px;line-height: 63px;margin:0 auto;font-size: 33px;color:#333333;text-align: center;}

.huahuacomb{ display: block; position: relative; margin:0 auto; width:664px; top:83px;}

.huahuacomb>hr, .s-bt hr{ margin: 10px auto; width: 40px; height: 4px; border: none; background-color: #ef2b2b;}

.huahuacomb>h4{ display: block; width:100%; position: absolute; text-align: center; font-size:20px; margin-top:6px; color:#757575;}

.box1centerimgbox{ position: absolute; display: block; width: 426px; top: 216px; left: 386px; overflow: hidden; border-radius: 5px;}

.box1line{ display: block; position: absolute; width: 382px; top: 217px;}

.b1ulleft{left: 0;}

.b1ulright{right: 0;}

.box1line li{ position: relative; display: block; width: 380px; height: 179px; float: left; transition:.3s all; border-bottom: 1px solid #e1e1e1; opacity: 0; font-family:"宋体";}

.box1line li h5{ width: 100%; text-align: center; }

.box1line li h5 img{ width: 67px; height: 67px; margin-top: 20px; }

.box1line li h5 span{ display: block; color: #393939; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; }

.box1line li p{ height: 40px; line-height: 20px; overflow: hidden; color: #717171; }

.upper1{ position: relative; transition: 2s all; animation: upper1 2s ; -webkit-animation: upper1 2s ; -o-animation: upper1 2s ; -ms-animation:upper1 2s ; opacity: 1 !important;}

@keyframes upper1{

	0%{bottom:-800px;opacity: 0;} 

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

}

@-moz-keyframes upper1{

	0%{top:-100px;}

	50%{top:0;}

}

@-webkit-keyframes upper1{

	0%{top:-100px;}

	50%{top:0;}

}

@-o-keyframes upper1{

	0%{top:-100px;}

	50%{top:0;}

}

.upper2{position: relative;transition: 2s all;animation: upper2 2s ;-webkit-animation: upper2 2s ;-o-animation: upper2 2s ;-ms-animation:upper2 2s ;}

@keyframes upper2{0%{bottom:-800px;opacity: 0;}

50%{bottom:0;opacity: 1;}}

@-moz-keyframes upper2{0%{top:-100px;}

50%{top:0;}}

@-webkit-keyframes upper2{0%{top:-100px;}

50%{top:0;}}

@-o-keyframes upper2{0%{top:-100px;}

50%{top:0;}}

.upper3{position: relative;transition: 3s all;animation: upper3 v ;-webkit-animation: upper3 3s ;-o-animation: upper3 3s ;-ms-animation:upper3 3s ;}

@keyframes upper3{0%{right:100px;opacity: 0;}

50%{right:0;opacity: 1;}}

@-moz-keyframes upper2{0%{top:-100px;}

50%{top:0;}}

@-webkit-keyframes upper2{0%{top:-100px;}

50%{top:0;}}

@-o-keyframes upper2{0%{top:-100px;}

50%{top:0;}}

.upper4{position: relative;transition: 3s all;animation: upper4 v ;-webkit-animation: upper4 3s ;-o-animation: upper4 3s ;-ms-animation:upper4 3s ;}

@keyframes upper4{0%{left:100px;opacity: 0;}

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

@-moz-keyframes upper4{0%{top:-100px;}

50%{top:0;}}

@-webkit-keyframes upper4{0%{top:-100px;}

50%{top:0;}}

@-o-keyframes upper4{0%{top:-100px;}

50%{top:0;}}

.upper5{position: relative;transition: 3s all;animation: upper5 v ;-webkit-animation: upper5 3s ;-o-animation: upper5 3s ;-ms-animation:uppupper5er4 3s ;}

@keyframes upper5{0%{top:100px;opacity: 0;}

50%{top:0;opacity: 1;}}

@-moz-keyframes upper5{0%{top:-100px;}

50%{top:0;}}

@-webkit-keyframes upper5{0%{top:-100px;}

50%{top:0;}}

@-o-keyframes upper5{0%{top:-100px;}

50%{top:0;}}

.sx0{ width: 100%; background: #fbfbfb;}

.s-bt{ text-align: center; font-size: 33px; color: #333; padding-top: 40px; line-height: 70px;}
.s-bt h4{ font-size: 18px; }

.sx0 .sx-nr{ padding: 10px 140px 70px 140px; color: #757575; font-size: 15px; text-align: center; line-height: 35px;;}
.sx0 .sx-nr img{ max-width: 100%; }
/*案例*/

.boxcont2{ margin: 0px auto; width: 100%; height: auto; background: url(/img/bg0.jpg) center 0 no-repeat; background-size: 100% 100%; margin-top: 60px;}

.bai{ color: #fff;}

.cont2centlt{ float: left; width: 705px; height: 552px; overflow: hidden; margin-top: 25px;}

.imginfo{ display: block; float: left; margin: 0 auto; width: 705px; height: 498px; overflow: hidden; position: relative;}

.imginfo li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.cont2centlt img:hover{ transform:scale(1.1);}

.cont2centlt img{ width: 100%; height: 100%; transition:.5s all;}

.cont2centrt{ padding-top: 20px; font-size: 15px; line-height: 30px; float: right; width: 456px; height: 500px; color: #fff; background: url(/img/ico14.png) 0 0 no-repeat; margin-top: 25px; padding-left: 35px;}

.cont2centrt p{ height: 390px; overflow: hidden;}

.cont2centrt a{ width: 160px; height: 44px; background: #be1e21; display: block; text-align: center; line-height: 44px; color: #fff; border-radius: 5px; margin-top: 25px;}

.imgbgcolor{position: relative; text-align: center; width: 136px; height: 40px; clear: both; padding-top: 28px; margin: 0px auto; z-index: 1;}

.imgbgcolor li{ margin:0 auto; width: 15px; height: 15px; float: left; line-height: 18px; text-align: center; background: rgba(255,255,255, .20); color:#fff; border-radius: 18px; margin-right: 9px; cursor:pointer !important;}

.imgbgcolor li:last-child{ margin-right: 0px;}

.imgbgcolor li.defoutimg{ background: rgba(255,255,255, .30);}

/**/

.mar60{ margin-top: 60px;}

.cont{ width: 100%; height: 556px; background: url(/img/bg1.jpg) center 0 no-repeat;}

.er-fot{ width: 100%; padding-top: 34px; background: #1c1c1c; position: relative;}

.er-fot .f-nav{ width: 1200px; height: 68px; line-height: 68px; text-align: center; background: #fbfbfb; border: 1px solid #e7e7e7; position: absolute; top: -34px;}

.er-fot .f-nav a{ color: #5f5f5f; font-size: 15px; padding: 0 15px;}

.er-fot .f-nav a:hover{ color: #000;}

.er-fot .zii{ color: #fff; height: 84px; line-height: 84px; text-align: center;}

.zhuy{ padding: 10px 2% 60px 2%;}

.zhuy li, .zhuy li h6{ border: 1px solid #a3a3a3;}

.zhuy li{ width: 10%; height: 166px; position: relative; border-radius: 5px; text-align: center; float: left; margin: 0 0.5%; box-shadow: 0 5px 8px rgba(11, 3, 6, .1);}

.zhuy li img{ margin-top: 15px;}

.zhuy li h5{ font-size: 15px; color: #333; line-height: 40px;}

.zhuy li h6{ width: 44px; height: 44px; border-radius: 50%; background: #fff; position: absolute; left: 50%; margin-left: -22px; bottom: -20px; line-height: 44px; font-size: 20px; font-family: "Times New Roman"; color: #3f3f3f; }

.bgs li{ width: 290px; height: 166px; float: left; border-radius: 5px; overflow: hidden; position: relative; text-align: center; margin: 10px 13px 60px 0;}

.bgs li i{ position: absolute; z-index: 1; background: rgba(20, 23, 32, .75); width: 290px; height: 166px;}

.bgs li h5{ position: absolute; z-index: 2; width: 100%; top: 28px;}

.bgs li p{ width: 100%; position: absolute; bottom: 25px; font-size: 23px; color: #fff; z-index: 2;}

.bgs li:nth-child(4n){ margin-right: 0;}
.pc-dis{ display: none; }

<!--0.0001528263092041-->