@charset "utf-8";

/*头部开始*/
.m-top{ height:0.5rem; line-height:0.5rem; border-bottom:1px solid #d5d5d5; background-image: -webkit-linear-gradient(top, #fefefe, #e1e1e1); 
background-image: -moz-linear-gradient(top, #fefefe, #e1e1e1); 
background-image: -o-linear-gradient(top, #fefefe, #e1e1e1); 
background-image: -ms-linear-gradient(top, #fefefe, #e1e1e1); 
background-image: linear-gradient(top, #fefefe, #e1e1e1); text-align:center; color:#333333; font-size:0.24rem;}

.m-top span{ width:0.2rem; height:0.28rem; display:inline-block; background:url(../images/tel.png) no-repeat; vertical-align:middle; margin-right:0.05rem; background-size:0.2rem 0.28rem;}
.m-contop { overflow:hidden; width:100%; height:0.98rem; padding:0; text-align:center }
.m-contop h1{ text-align:center; width:2.66rem; float:left; margin-left:0.2rem; margin-top:0.15rem;  height:0.98rem;} 
.m-contop h1 img{ width:100%;}
.wenzi{ float:left; margin-left:0.15rem; padding-left:0.15rem;  height:0.68rem; text-align:left; margin-top:0.15rem; background:url(../images/sx.gif) no-repeat left 0.06rem; background-size:0.01rem 0.48rem; }
.wenzi p{ color:#666666; font-size:0.22rem; }
.wenzi span{ color:#00a0ee; font-size:0.22rem;}
.m-contop .logo img { }

/*导航*/
.g_nav {position:relative;z-index:10;color:#fff;}
.g_nav:before {content:"";position:absolute;left:0;top:50%;width:100%;height:1px;z-index:10;background:#57ce57;}
.g_nav:after {content:"";position:absolute;left:0;top:49%;width:100%;height:1px;z-index:10;background:#268a26;}
.g_nav li {position:relative; background:#00a0ee;float:left;width:33.33%;text-align:center;line-height:0.59rem;font-size:0.24rem;
}
.g_nav li:before {content:"";position:absolute;left:1px;top:0;width:1px;height:100%;z-index:10;background:#268a26;}
.g_nav li:after {content:"";position:absolute;left:0px;top:0;width:1px;height:100%;z-index:10;background:#57ce57;}
.g_nav .first:before{ background:none}
.g_nav .first:after{ background:none}
.g_nav a {color:#fff;}



/*轮换图片*/

.g-adv{ position:relative;height:auto; }
.g-adv .sclwrap_box , .g-adv .m-box{ height:2.7rem;overflow:hidden;}
.g-adv .m-box img{ display:block;width:100%;vertical-align:top;}
.m-cnt{ position:absolute; width:100%; z-index:8888; bottom:0.2rem;  height:0.12rem; text-align:center }
.m-cnt li{ width:0.8rem; height:0.12rem; display:inline-block; background:url(../images/bbg.png) no-repeat; background-size:cover; margin-left:0.05rem; margin-right:0.05rem; cursor:pointer;  }
.m-cnt .z-on{ background:url(../images/banbg.png) no-repeat; background-size:cover; cursor:pointer; }
.mindex{ padding-bottom:0.2rem;}
.mindex .dtitle{ text-align:center; color:#333333; font-size:0.24rem;}
.mindex .ftitle{ text-align:center; color:#00a0ee; font-weight:bold; font-size:0.34rem; background:url(../images/khjz-m.png) no-repeat center center; }

/*  广告轮播图 */
.banner{ width:100%; margin: 0 auto; position:relative;overflow:hidden;}
.banner .bd{ width:100%; overflow:hidden; z-index:0;}
.banner .bd img{ width:100%;}

.banner .hd{position:absolute; bottom:10px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-20px;height:10px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:4px; height:4px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid #fff}


/*选择装修公司六大难题让您束手无策？*/
.nanti{ padding:0.6rem 0.2rem;background:#f7f7f7; font-size:14px; line-height:28px; color:#000;}
.nanti h2{ text-align:center; color:#00a0ee; font-size:0.3rem; font-weight:bold; font-family:"微软雅黑"; line-height:0.4rem;}
.nanti h2 font{ color:#666; font-weight:bold;}
.nanti h3{ color:#999999; font-size:0.25rem; text-align:center; margin-bottom:0.2rem; background:url(../images/xtitl.png) no-repeat center bottom; line-height:0.7rem; background-size:4rem 0.07rem;}
.nanti ul{ margin-top:0.4rem; padding-top:0.2rem; height:3.2rem; background:url(../images/rwbg.jpg) no-repeat center top; background-size:3.74rem 3.2rem;} 
.nanti ul li{ height:0.56rem; line-height:0.56rem; margin-bottom:0.44rem}
.nanti ul li span{ width:2.1rem; line-height:22px;  }
.nanti ul li .cleft{ float:left; text-align:right; color:#666666; font-size:12px;}
.nanti ul li .cright{ float:right; width:2.2rem; text-align:left; color:#666666; font-size:12px;}
.nanti ul li span font{ color:#333333; font-weight:bold}
.nanti ul li:after{ display:table; content:""; height:0px; line-height:0px; clear:both}
.bangma{ text-align:center; color:#666666; font-size:0.3rem; font-weight:bold; margin-top:0.1rem;}
.bangma font{ color:#00a0ee}
.mftel{ text-align:center; margin-top:0.4rem;}
.mftel a{ display:inline-block; width:6rem; height:0.6rem; text-align:center; line-height:0.6rem; background:url(../images/telb.png) no-repeat center center #00a0ee; background-size:0.26rem 0.34rem;}
.mftel a span{ color:#FFF; font-size:0.24rem; margin-left:0.25rem; margin-right:0.25rem;}

 /*优势*/
.youshi{ margin-left:0.2rem; margin-right:0.2rem; margin-top:0.4rem; position:relative}
.youshi:before{ content:"";position:absolute;left:0.36rem;top:0.05rem;width:1px;height:88%;z-index:1;background:#00a0ee;}
.youshi li{ padding-bottom:0.25rem; padding-left:0.83rem; z-index:2; position:relative}
.youshi li h2{ color:#333333; font-size:.26rem; font-weight:bold}
.youshi li h2 font{ color:#00a0ee;}
.youshi li p{ color:#666666; font-size:.24rem;}
.youshi .yzs1{ background:url(../images/yzs10.gif) no-repeat left 0.05rem; background-size:0.72rem 0.6rem;}
.youshi .yzs2{ background:url(../images/yzs20.gif) no-repeat left 0.05rem; background-size:0.72rem 0.6rem;}
.youshi .yzs3{ background:url(../images/yzs30.gif) no-repeat left 0.05rem; background-size:0.72rem 0.6rem;}
.youshi .yzs4{ background:url(../images/yzs40.gif) no-repeat left 0.05rem; background-size:0.72rem 0.6rem;}
.youshi .yzs5{ background:url(../images/yzs50.gif) no-repeat left 0.05rem; background-size:0.72rem 0.6rem;}
.youshi .yzs6{ background:url(../images/yzs60.gif) no-repeat left 0.05rem; background-size:0.72rem 0.6rem;} 
.m15{ margin-top:0.15rem;}


.index-adv{background: url() no-repeat center; background-size: cover;}
.index-adv .adv-3 li{position:relative; margin:2% 1%; padding:0.3rem 0.5%; width:30.3333%;float:left; text-align:center; background:#fff;}
.index-adv .adv-3 li .boline{position:absolute; width:50%; height:0.2rem; background:#00A0EE; top:-0.1rem; left:25%}
.index-adv .pic{text-align:center}
.index-adv .pic img{width:50%; height:50%}
.index-adv h4{height:.7rem; line-height:.7rem; font-size:16px; font-weight:700; color:#00A0EE}

/*最新案列*/
.anli{ padding-top:0px;}
.atitle{ text-align:center; margin-top:0.4rem; }
.atitle a{ margin-bottom: .1rem;display:inline-block; width:2rem; height:0.48rem; border:1px solid #00a0ee; text-align:center; line-height:0.48rem; color:#00a0ee; font-size:.24rem; border-radius:4px;}
.atitle .cur{ background:#00a0ee; color:#FFF}
.zxali{ margin-top:0.2rem; /*padding-left:0.1rem;*/ }
.zxali:after{ display:table; content:""; height:0px; line-height:0px; clear:both}
.zxali li{ float:left; width:46%; height:2.04rem; position:relative; margin:2%; overflow:hidden;}
.zxali li img{ width:100%; height:2.04rem; border:1px solid #eee; box-sizing:border-box}
.zxali li .znem{ position:absolute; width:100%; height:0.42rem; line-height:0.42rem; text-align:center; left:0px; bottom:0px; background: rgba(0,0,0,.2); background-size:cover; color:#ffffff; font-size:12px;}

.more{ text-align:center; margin:10px auto;}
.more a{ display:inline-block; width:6rem; text-align:center; line-height:0.6rem; color:#FFF !important; font-size:.24rem; background:#00a0ee; border-radius:.3rem; }
.more span{ display:inline-block; vertical-align:middle; width:0.06rem; height:0.11rem; background:url(../images/sanj.png) no-repeat; background-size:cover; margin-left:0.05rem;}

/*一站式解决办公室空间装修难题*/
.yznati{ background:#00a0ee; padding-top:0.3rem; text-align:center; padding-bottom:0.3rem;}
.yznati h2{ color:#fff; font-size:0.3rem; }
.logob img{ width:2.35rem; }

.ftel{ margin-top:0.15rem; }
.ftel a{ display:inline-block; text-align:center; width:4.16rem; height:0.54rem; line-height:0.54rem; border:1px solid #FFF; color:#FFF !important; font-size:0.24rem; border-radius:.27rem;}
.ftel a span{ display:inline-block; width:0.34rem; height:0.34rem; background:url(../images/icon-tel-w.png) no-repeat;  background-size:cover; margin-right:0.05rem; vertical-align:middle}

/*企业团队*/ 
.bgf7{}
.tuidui .sclwrap_box {position: relative; height:5.6rem; overflow: hidden; }
.tuidui{ padding-left:0.4rem; padding-right:0.4rem; margin-top:0.4rem;position:relative}
.tuidui ul:after{ display:table; content:""; height:0px; line-height:0px;} 
.tuidui ul li{ float:left; width:50%; text-align:center; position:relative; overflow:hidden; margin-bottom: 0.5rem} 
.tuidui ul .first:after{content:""; z-index:1; position:absolute; width:1px; right:0px; top:0px; overflow:hidden;} 
.tuidui ul li img{ width:2.25rem; height:2.95rem;} 
.tuidui ul li a{ overflow:hidden;}
.tuidui ul li h3{ margin-top:0.18rem; color:#00a0ee; font-size:0.24rem;}
.tuidui ul li p{ margin-top:0.12rem; color:#666666; font-size:12px; } 
.tuidui ul li span{ display:inline-block; width:1.48rem; height:0.48rem; background:#00a0ee; line-height:0.48rem; color:#FFF; font-size:14px; margin-top:0.15rem; }
.tuidui  .prev { width:0.42rem; height:0.64rem; background:url(../images/zbian.gif) no-repeat; background-size:cover; position:absolute; z-index:2; left:0.14rem; top:1.3rem; cursor:pointer;}
.tuidui  .next{  width:0.42rem; height:0.64rem; background:url(../images/rbian.gif) no-repeat; background-size:cover; position:absolute; z-index:2; right:0.14rem; top:1.3rem; cursor:pointer;}

/*为什么选择装饰？*/  
.wsm{ width:100%; height:10.32rem; background:url(../images/wsm.jpg) no-repeat; background-size:cover}
.wsm h2{ text-align:center; padding-top:0.6rem; color:#ffffff; font-size:0.3rem; font-weight:bold; height:0.45rem; line-height:0.45rem; }
.wsm h3{ color:#ffffff; font-size:0.20rem; text-align:center; background:url(../images/xtitl.png) no-repeat center bottom; background-size:3rem 0.05rem; height:0.45rem; line-height:0.3rem;}
.bleft{ float:left; width:2.44rem; margin-left:0.2rem; margin-top:0.26rem; color:#FFF  }
.bright{ float:right; width:2.48rem; margin-right:0.2rem; margin-top:0.26rem; color:#666666}
.bleft h4{ padding-left:1.05rem; height:0.5rem; line-height:0.5rem; font-size:0.24rem; margin-bottom:0.21rem;} 
.bright h4{ padding-left:0.2rem; height:0.5rem; line-height:0.5rem; font-size:0.24rem; margin-bottom:0.21rem;}   
.bleft p{ height:0.92rem; line-height:0.72rem; margin-bottom:0.18rem; padding-left:0.18rem; text-align:right;  }
.bleft p span{ line-height:0.3rem; font-size:12px; display:inline-block;  text-align:right; vertical-align:middle  }  
.bright p{ height:0.92rem; line-height:0.72rem; margin-bottom:0.18rem; padding-right:0.02rem; }
.bright p span{ line-height:0.3rem; font-size:12px; display:inline-block;   vertical-align:middle  }

/*客户见证*/
.kujiz{ margin-top:0.2rem;}
.kujiz:after{ display:table; content:""; height:0px; line-height:0px; clear:both}
.kujiz li{ float:left; width:47.6%; /*height:3.5rem;*/ padding-bottom:5px; margin-left:1.5%;  text-align:center; margin-bottom:1.5%; background:#FFF;border:1px solid #eee; box-sizing:border-box;}
.kujiz li img{ width:100%; height:75%; margin-top:0.1rem; margin-bottom:0.15rem;}
.kujiz li h2{ color:#000; font-size:.26rem; text-align:center; padding-left:0.2rem; padding-right:0.2rem;}
.kujiz li p{ color:#666; font-size:.24rem; height:0.82rem; line-height:0.3rem; margin-top:0.1rem; text-align:left; padding-bottom:0.2rem; padding:0.06rem}
 
 /*装饰攻略*/  
.gllie{ padding-left:0.2rem; padding-right:0.2rem; margin-top:0.4rem;}
.gllie dl{ padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px dashed #aeaeae; overflow:hidden;}
.gllie dl:after{ display:table; content:""; height:0px; line-height:0px; clear:both}
.gllie dl dt{ float:left; width:1.75rem; height:1.43rem; margin-right:0.18rem; }
.gllie dl dt img{ width:100%; height:100%;}
.gllie dl dd h2{ color:#333333; font-size:.28rem; margin-bottom:0.1rem; height:0.34rem; overflow:hidden;}
.gllie dl dd p{ color:#666666; font-size:.24rem; line-height:0.34rem;}
.jijia{ padding-top:0.4rem; padding-left:0.2rem; padding-right:0.2rem; line-height:1.8em; font-size:14px;}


.yizansi{ margin-top:0.4rem;}
.yizansi:after{ display:table; content:""; height:0px; line-height:0px; clear:both}
.yizansi li{ float:left; /*height:3.5rem;*/ margin-left:1.5%; margin-bottom:1.5%; background:#FFF}
.yizansi li div{ width:50%; height:75%; margin-top:0.1rem;}
.yizansi li div img{ width:100%; height:75%; margin-top:0.1rem; margin-bottom:0.15rem;}
.yizansi li div h2{ color:#00A0EE; font-size:14px; padding-left:0.2rem; padding-right:0.2rem;}
.yizansi li div p{ color:#999999; font-size:12px; line-height:0.28rem; margin-top:0.1rem; text-align:left; padding-left:0.2rem; padding-right:0.2rem;}

.index-section-tit{margin-top:15px;padding:0.3rem 0 0.1rem;}
.index-section-tit .fgx{height:0; border-top:2px solid #ccc; margin:10px auto; width:50px;}

.index-sectit{ padding:0.2rem 0 0;background:#f7f7f7; font-size:14px; line-height:28px; color:#000;}
.index-sectit h2{ text-align:center; font-size:0.3rem; font-weight:bold;line-height:0.55rem;}
.index-sectit h2 font{ color:#00a0ee; font-weight:bold;}
.index-sectit h3{ color:#666; font-size:0.25rem; text-align:center; background:url(../images/xtitl.png) no-repeat center top; line-height:0.7rem; background-size:4rem 0.07rem;}

.ul{ width:280px;}

.partner{padding-top:0.2rem; }
.index-part{ margin-top:0.2rem; height:130px;}
.index-part:after{ display:table; content:""; height:0px; line-height:0px; clear:both}
.index-part li{ float:left; width:33.3333%; /*height:3.5rem; margin-left:1.5%;*/ text-align:center; margin-bottom:1.5%; background:#FFF; }
.index-part li img{ width:90%; height:60px; margin:5%; border:1px solid #eee; box-sizing:border-box;}
.index-part li h2{ color:#000; font-size:12px; text-align:center; padding-left:0.2rem; padding-right:0.2rem;}
.index-part li p{ color:#666; font-size:12px; height:0.82rem; line-height:0.3rem; margin-top:0.1rem; text-align:left; padding-bottom:0.2rem;}


/* 荣誉 */
.honor-slider{ width:100%; overflow:hidden; position:relative;}
.honor-slider .bd{ position:relative; height:100%; z-index:0;   }
.honor-slider .bd li{ zoom:1; vertical-align:middle; padding-top:15px; padding-bottom:20px; background:#eee;}
.honor-slider .bd img{padding:0 10%; width:80%; height:360px; display:block;  }
.honor-slider .bd h3{text-align:center; margin-top:15px; line-height:20px; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.honor-slider .prev,
.honor-slider .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:rgba(0,0,0,.5) url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.honor-slider .next{ left:auto; right:1%; background-position:8px 5px; }
.honor-slider .prev:hover,
.honor-slider .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.honor-slider .prevStop{ display:none;  }
.honor-slider .nextStop{ display:none;  }

/* 发展历史 */
.history-item .item-img{display:inline-block; width:36%; vertical-align:top}
.history-item .item-des{display:inline-block; width:52%; height:220px; color:#fff;padding-right:8%;padding-left:2%}
.history-item .item-des h3{text-align:center; font-size:14px; line-height:40px;}
.history-item .item-des .desc{font-size:12px; overflow:hidden; margin-top:10px}

.history-slider{ width:100%; height:220px; overflow:hidden; position:relative;}
.history-slider .bd{ position:relative; height:100%; z-index:0;   }
.history-slider .bd li{ zoom:1; vertical-align:middle; }
.history-slider .bd img{ width:100%; height:220px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.history-slider .prev,
.history-slider .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:rgba(0,0,0,.5) url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.history-slider .next{ left:auto; right:1%; background-position:8px 5px; }
.history-slider .prev:hover,
.history-slider .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.history-slider .prevStop{ display:none;  }
.history-slider .nextStop{ display:none;  }