@charset "utf-8";
/* 格展网络模板 */
/* 精品与原创网站模板提供商，一站式建站 */
/* 主营业务：快速建站、快排、服务器 */
/* 模板下载：Www.91084.Com */
/* 主机/服务器：Www.zhaodede.Com */
/* QQ：6364544  */
/*头部轮显*/
.banner {width: 100%;height: 450px;overflow: hidden; position: relative;}
.banner > ul {display: none;height: 450px;position: absolute;top:0;left: 0;}
.banner > ul > li{float: left;height: 450px;}
.banner > ul > li > a {display: block;font-size: 200px;text-align: center;line-height: 450px; font-weight: bold;}
.left-btn,.right-btn {width: 61px; height: 61px;position: absolute;top: 45%; right: 30px; background: url("/image/right-1.png"); cursor: pointer;}
.left-btn { left: 30px; background: url("/image/left-1.png");}
.img-btn-list {width: 100%;position: absolute; bottom: 10px;left: 0;text-align: center;}
.img-btn-list > span { display: inline-block; width: 12px; height: 12px;border-radius: 6px;margin: 0 5px;background: rgba(255,255,255,0.8);cursor: pointer;}
.img-btn-list > span.current {background: rgba(243, 126, 0,1.0);}


/*头部快速预约*/
.index_yy {margin:0 auto;width:1200px;overflow:hidden;}
.index_yy dl{border-radius: 10px;background-color: rgba( 63, 63, 63, .8 );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F3F3F,endColorstr=#3F3F3F); position: absolute;top: 37px;width: 322px; height: 376px;z-index: 10; overflow: hidden;}
.index_yy dl p{text-align: center; color: #fff; padding: 30px 0px 5px 0px; line-height: 30px; }
.index_yy dl p em{ display: block; font-size: 26px; height: 40px; line-height: 40px;}
.index_yy dl p b{ color: #F2FE38; margin: 0px 5px; font-weight: 600; }
.index_yy dl dt{ width: 277px; margin-left: 21px; font-size: 14px; margin-top: 15px;}
.index_yy dl dt input{padding:10px 10px;  height:20px;border:1px solid #EDEEF2;border-radius:5px;color:#6c6c6c}
.index_yy dl dt select{text-align: center;border:solid 1px #EDEEF2; font-size:14px;padding:8px 32px 8px 8px; overflow:hidden;outline:none;margin-top:2px;background: url(/image/arrow.png) no-repeat right center#fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;color:#6c6c6c;border-radius:5px; width: 90px; }
.index_yy dl dt select::-ms-expand { display: none; }
.index_yy dl dd {width: 280px; margin-left: 21px; font-size: 14px; margin-top: 15px; text-align: center;}
.index_yy dl dd input{border-radius:5px;color:#fff;background:#FD5D05; width: 100%; padding: 10px 0px; font-size:16px;cursor:pointer}
.index_yy dl dd input:hover{color:#fff;background:#FD6411;cursor:pointer}

/*服务流程*/
.index-lc{ margin: 0 auto; width: 1200px; overflow: hidden;}
.index-lc ul{ width: 1220px; overflow: hidden; margin-top: 15px;}
.index-lc ul li{ float: left; width: 183px; height: 183px; border: 1px solid #f5f5f5; margin-right: 15px;text-align: center;}
.index-lc ul b{ display: block; text-align: center; height: 30px; line-height: 30px; font-size: 16px; margin-top: 10px;}
.index-lc ul i{ display: block; text-align: center;height: 25px; line-height: 25px; font-size: 12px;}
.index-lc ul img{ width: 50px; height: 50px; margin-top: 34px;}
.index-lc ul li:hover{ background: #fbfbfb;cursor:pointer; color: #FD5D05;}

/*推广*/
.index-adv{ margin: 0 auto; width: 1200px; overflow: hidden;}
.index-adv ul{ width: 1220px; overflow: hidden; margin-top: 20px;padding-bottom: 20px;}
.index-adv ul li{ float: left; width: 285px; height: 165px; margin-right: 20px;}
.index-adv ul img{ width: 285px; height:165px;}

/*公用导航*/
.index-nav{ margin: 0 auto; width: 1200px; overflow: hidden;text-align: center ; padding-top:30px; padding-bottom: 20px;}
.index-nav b{ display: block; font-size: 35px; color: #333; height: 40px; line-height: 40px;}
.index-nav i{ display: block; color: #a9a9a9; font-size: 14px; height: 25px; line-height: 25px; padding-top: 10px;}
.index-nav i a{ color: #a9a9a9; margin: 0px 8px;}
.index-nav i a:hover{ color: #f47e1c;}

/*推荐服务项目*/
.index-hm{ margin: 0 auto; width: 1200px;overflow: hidden; padding-bottom: 30px;}
.index-hm ul{ width: 1215px; overflow: hidden;}
.index-hm ul li{ float: left; display: inline; width: 289px; height: 398px; border: 1px solid #f5f5f5; margin-right: 12px; text-align: center; padding-bottom: 23px; margin-bottom:20px; overflow: hidden;}
.index-hm ul li img{ width: 289px; height: 210px;}
.index-hm ul li b{ display: block;color: #333; font-size: 20px; padding:15px 10px 0px 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-hm ul li i{ display: block;padding-top: 10px;}
.index-hm ul li i em{color: #f47e1c; font-size: 25px;}
.index-hm ul li i small{  font-size: 14px; margin-left:4px;}
.index-hm ul li p{  padding: 5px 20px; 0px; font-size: 12px; line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; max-height: 40px;color: #808080;}
.index-hm ul li span{ display: block; text-align: center; padding-top: 10px;}
.index-hm ul li span a{ padding: 6px 30px; background: #f47e1c; color: #fff;}
.index-hm ul li:hover{ background: #F7F8FB;}

/*翻新效果图*/
.index-photo{ margin: 0 auto; width: 1200px;overflow: hidden;padding-bottom: 15px;}
.index-photo ol{ float: left; display: inline; overflow:hidden; width: 290px; height: 460px;}
.index-photo ol img{ width: 290px; height: 460px;}
.index-photo ul{float: left; display: inline; overflow:hidden;width: 903px; padding-left: 7px;}
.index-photo ul li{ float: left; margin-left: 13px; margin-bottom: 15px; width: 288px; height: 223px;position: relative;}
.index-photo ul li img{ width: 288px; height: 223px;}
.index-photo ul li i{ display:block;font-size:15px;}
.index-photo ul li i b{display:block;font-size:18px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; padding:60px 10px 10px 10px;}
.index-photo ul li a i{color:#dedbdb;}
.index-photo ul li a:hover i{display:block;width:268px; height:220px; line-height:35px; font-style:normal; text-align:center; background-color: rgba( 0, 0, 0, 0.6 ); position:absolute;bottom:0;left:0; padding-left:10px; padding-right:10px;}

/*翻新效果图 -空间*/
.index-photo-kj{ margin: 0 auto; width: 1120px;overflow: hidden;padding-bottom: 30px; background: #F5F5F5; padding: 20px 40px; margin-bottom:50px;}
.index-photo-kj ul{ width: 1290px; overflow: hidden;}
.index-photo-kj ul li{ width: 90px;float:left; margin-right: 81.6px;overflow: hidden;}
.index-photo-kj ul li img{ width: 90px; height: 90px; border-radius: 45px; }
.index-photo-kj ul li i{ display: block; text-align: center; font-size: 16px; padding-top: 10px;}


/*翻新工地*/
.index-gd{ margin: 0 auto; width: 1200px;overflow: hidden;padding-bottom: 30px;}
.index-gd ul{width: 1215px; overflow: hidden;}
.index-gd ul li{float: left; width: 289px; height: 322px; border: 1px solid #f5f5f5; margin-right: 12px; text-align: left; padding-bottom: 15px; margin-bottom:20px; overflow: hidden;background: #fbfbfb;}
.index-gd ul li img{width: 289px; height: 200px;}
.index-gd ul li h1{ display: block; height: 26px; line-height: 26px; padding:15px 12px 0px 12px; font-size: 18px; overflow: hidden;}
.index-gd ul li cite{ display: block; height: 30px; line-height: 30px;padding: 5px 12px; font-size: 14px;}
.index-gd ul li i{ display: block; padding: 0px 12px 20px 12px; }
.index-gd ul li i b{ float: left; border-radius:15px; background: #f47e1c; color: #fff; padding:2px 25px; font-size: 12px; line-height: 20px;}
.index-gd ul li i span{ float: right; background: url(/image/gd-arrow.png) left center no-repeat; font-size: 13px;padding-left: 20px;}
.index-gd ul li:hover{border:1px solid #E9A632; background: #fff; }

/*翻新攻略/翻新问答*/
.index-article{ margin: 0 auto; width: 1200px;overflow: hidden;padding-bottom: 30px;}
.index-article-list{ float: left; margin-right: 15px; overflow: hidden; width: 390px;}
.index-article-list ol{ position: absolute; z-index: 1000px; text-align: center; padding-left: 100px; }
.index-article-list ul{border: 1px solid #f1f1f1;width: 388px; margin-top: 10px; background: #fbfbfb; padding-top:50px; padding-bottom:10px; }
.index-article-list ul li{ margin: 0 auto; width: 360px;}
.index-article-list ul li img{width: 360px; height: 220px;}
.index-article-list ul li h1{ display: block; font-size: 16px; padding-top: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-article-list ul li p{height:44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height: 22px; font-size: 13px;color: #808080; padding-top: 6px; margin-bottom: 6px;}
.index-article-list ul dt{ margin: 0 auto; width: 360px; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden;}

.index-ask-list{ float: left; overflow: hidden; width: 390px;}
.index-ask-list ol{ position: absolute; z-index: 1000px; text-align: center; padding-left: 100px; }
.index-ask-list ul{border: 1px solid #f1f1f1;width: 388px; margin-top: 10px; background: #fbfbfb; }
.index-ask-list ul li{ padding-top:50px; padding-bottom:20px;}
.index-ask-list ul li img{width: 360px; height: 220px;}
.index-ask-list ul dt{ margin: 0 auto; width: 360px; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden;}

/*资讯中心*/
.index-news{ margin: 0 auto; width: 1200px; overflow: hidden;}
.index-news ul{ width: 1220px; overflow: hidden;}
.index-news ul li{ width: 285px; float: left; overflow: hidden; margin-right: 20px; padding-bottom: 20px;}
.index-news ul li img{ width: 285px; height: 200px;}
.index-news ul li h1{ display: block; height: 30px; line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 18px; color: #333; padding-top: 15px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px;}
.index-news ul li p{ max-height:72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height: 24px; font-size: 14px;color: #808080;padding-left: 10px; padding-right: 10px;}
.index-news ul li:hover{ background: #f5f5f5;}}