@charset "utf-8";
/* CSS Document ，内容部份*/
/*单页*/
#about1200{ margin: 0 auto; width: 1158px; padding: 20px; border: 1px solid #F5F5F5; overflow: hidden; margin-top: 20px; min-height:500px;}
.about-content{ width:1158px; overflow: hidden ;font-size: 16px;}
.about-content img{max-width: 1158px; height: auto;}
.about-contact{width:1158px; overflow: hidden ;font-size: 16px;}
.about-contact img{max-width: 1158px; height: auto;}
.about-zt{width:100%p; overflow: hidden ; font-size: 16px;}
.about-zt img{max-width: 100%; height: auto;}


/*项目分类*/
.hm-class{ margin:0 auto; width: 1198px; margin-top: 20px; overflow: hidden; border: 1px solid #F5F5F5;}
.hm-class ul{ padding: 15px 20px; overflow: hidden;width: 1158px; }
.hm-class ul a{padding:5px 20px;float: left;color: #333; margin-right: 12px; line-height: 20px; font-size: 16px; border-radius:20px;}
.hm-class ul a:hover{ background:#F47E1C ; color: #fff;}
.hm-class ul a.cut{  background:#F47E1C ; color: #fff;}
/*项目列表*/
.hm-list{ margin: 0 auto; width: 1200px;overflow: hidden; padding-bottom: 30px;}
.hm-list ul{ width: 1215px; overflow: hidden;}
.hm-list ul li{ float: left; width: 289px; height: 398px; border: 1px solid #f5f5f5; margin-right: 12px; text-align: center; padding-bottom: 23px; margin-top:20px;}
.hm-list ul li img{ width: 289px; height: 210px;}
.hm-list ul li b{ display: block;color: #333; font-size: 20px; padding:15px 10px 0px 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hm-list ul li i{ display: block;padding-top: 10px;}
.hm-list ul li i em{color: #f47e1c; font-size: 25px;}
.hm-list ul li i small{  font-size: 14px; margin-left:4px;}
.hm-list 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;}
.hm-list ul li span{ display: block; text-align: center; padding-top: 10px;}
.hm-list ul li span a{ padding: 6px 30px; background: #f47e1c; color: #fff;}
.hm-list ul li:hover{border:1px solid #E9A632; background: #F7F8FB;}
/*项目详情*/
.hm-home{ margin: 0 auto; width:1200px;line-height: 60px; font-size: 15px;}
.hm-home a{ }

.hm-show-s{margin:0 auto;width:1200px;overflow:hidden;}
.hm-show-s img{ width:400px; height:280px; float:left}
.hm-show-s ul{ width:780px;overflow:hidden; float:right;}
.hm-show-s ul h1{ display:block; font-size:30px; height: 35px; line-height: 35px;}
.hm-show-s ul i{ display:block; font-size:15px; font-style:normal;height:50px; line-height: 25px; overflow:hidden; padding-top: 10px; color: #808080;}
.hm-show-s ul p{font-size:13px; background:#F1F1F1; margin-top:10px; height: 60px;}
.hm-show-s ul p dfn{ font-style: normal;padding-left: 30px;font-size: 25px; color: #333; display: block;float: left; line-height: 60px;}
.hm-show-s ul p b{ font-size:33px; color:#FA9716; line-height: 60px; float: left; }
.hm-show-s ul p em{font-style:normal; font-size:16px; color:#FA9716; padding-left:2px;float: left; line-height: 70px;}
.hm-show-s ul p span{color: #808080; padding-left: 30px;line-height: 80px;}
.hm-show-s ul cite{ display: block; color: #F57F1D; font-size: 15px; margin-bottom: 20px; padding-top: 5px; text-align: left; overflow: hidden;}
.hm-show-s ul a{ padding:14px 40px; border:#F57F1D 1px solid;color:#333; font-size:18px; margin-right:20px; display: block; float: left;}
.hm-show-s ul a:hover{border:#F57F1D 1px solid; color:#fff; background:#F57F1D}
.hm-show-s ul a.cut{border:#F57F1D 1px solid; color:#fff;  background:#F57F1D}

.hm-show-tab{margin:0 auto;width:1200px;overflow:hidden; margin-top:70px;}
.hm-show-tab h4{overflow:hidden;font-size:20px;font-weight:normal; text-align:center;border-bottom:1px solid #eaeaea;}
.hm-show-tab h4 span,
.hm-show-tab h4 a {line-height:40px;text-align:center; cursor:pointer;margin:0px 3px;color:#333; background: #f1f1f1; padding: 10px 39px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.hm-show-tab h4 .current{line-height:45px;color:#fff; background: #37BC9B; padding: 10px 39px; border-top-left-radius: 8px;border-top-right-radius: 8px;}
.hm-show-tab ol{ width:1200px;overflow:hidden;margin-top:25px;}

.hm-show-content{margin:0 auto;width:1200px;overflow:hidden;font-size:14px; line-height:25px; padding-bottom: 30px;font-size: 16px;}
.hm-show-content img{max-width:100%; height: auto;}

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

/*工地详情*/
.gd-show-s{width: 870px;overflow: hidden; padding-top: 15px;}
.gd-show-s dt{ width: 330px; height: 250px; float: left; display: inline; overflow: hidden;}
.gd-show-s dt img{ width: 330px; height: 250px; }
.gd-show-s ul{ width: 509px; height: 250px; float: right; display: inline; overflow: hidden;}
.gd-show-s ul h1{ display: block;}
.gd-show-s ul p{ font-size: 16px; line-height: 35px; padding-top: 15px; padding-bottom: 15px;}
.gd-show-s ul p span{ padding-left:30px;}
.gd-show-s ul li{ float: left; text-align: center;font-size: 15px;}
.gd-show-s ul li em{  color: #FF0404;}
.gd-show-s ul a{ float: left; padding: 10px 45px; background: #F57F1D; color: #fff; text-align:center; font-size: 18px; margin-top: 10px;}
.gd-show-s ul a:hover{background: #F57403; }
.gd-show-s ol{ width: 870px; text-align: center; font-size: 35px; color: #ef3c3c; height: 40px; line-height: 40px; overflow: hidden; padding: 70px 0px 10px 0px; border-bottom: solid 1px #f1f1f1;}
.gd-show-content{width: 870px;overflow: hidden; margin-top: 20px;font-size: 16px;}
.gd-show-content img{max-width:100%; height: auto;}

/*效果图分类*/
.photo-class{ margin:0 auto; width: 1198px; margin-top: 20px; overflow: hidden; border-top: 1px solid #EAEAEA;border-left: 1px solid #EAEAEA;border-right: 1px solid #EAEAEA;}
.photo-class ul{overflow: hidden;}
.photo-class ul li{display: block; width: 1198px; float: left;border-bottom: 1px solid #EAEAEA; height: 40px; line-height: 40px; font-size: 14px;}
.photo-class ul li b{ background:#F8F8F8 ; color:#717171; width: 80px; text-align: center; border-right: 1px solid #EAEAEA; float: left; margin-right: 14px;}
.photo-class ul li a{float: left;margin: 0px 18px; line-height: 40px; font-size: 14px;}
.photo-class ul li a:hover{ color: #FF3740;}
.photo-class ul li a.cut{ color: #FF3740;}

.photo-class ul li a.cut1{}

/*效果图列表*/
.photo-list{ width:1222px; margin:0 auto; overflow: hidden}
.photo-list ul{ *overflow:hidden; _height:1%; }
.photo-list ul li{ float:left; display:inline; list-style:none; background:#FFF; width:291px; margin-left: 12px; margin-top: 20px;}
.photo-list ul li:hover{ background: #f1f1f1; }
.photo-list ul li img{ width:291px; height: auto;display:block; }
.photo-list ul li img:hover{ filter: Alpha(opacity=90); -moz-opacity:.9; opacity:0.9;}
.photo-list ul li i{ padding:0px 10px;display: block;border-bottom:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-left:1px solid #f5f5f5;line-height: 35px; text-align: center;background: #fbfbfb; font-size:15px;}

/*效果图详情*/
.n8-container {width:1100px;margin:auto;position:relative;}
/*效果图详情-图片显示*/
.n8-img-show {width:900;height:auto; overflow: hidden;display: table;}
.n8-img-show a {width:50%;height:580px;position:absolute;}
.n8-img-show a i {width:24px;height:43px;display:inline-block;position:absolute;top:50%;display:none;}
.n8-img-show .n8-iw-prev {cursor:url(../image/up_l.cur),auto !important;}
.n8-iw-next {right:0;}
.n8-iw-box{height:580px; width:1100px;overflow: hidden;text-align: center;border: solid 1px #F1F1F1;display: table-cell;vertical-align: middle; }
.n8-img-show .n8-iw-next {right:0;cursor:url(../image/up_r.cur),auto !important;}
.n8-img1 { max-width: 900px; overflow: hidden; max-height:560px;}
/*小图片-列表*/
.n8-img-list {width:100%;background:#eee;border:1px solid #ccc;padding:5px 0;margin-top:10px;}
.n8-img-list a {width:22px;height:22px;opacity:0.7;margin-top:23px;}
.n8-img-list .n8-iw-prev {float:left;background:url(../image/prec-next-button.png) 0 -24px;}
.n8-img-list .n8-iw-next {float:right;background:url(../image/prec-next-button.png) -30px -24px;}
.n8-it-box {width:1056px;position:relative;margin:auto;float:left;height:66px;overflow:hidden;}
.n8-list1 {position:absolute;top:0;left:0;}
.n8-list1 li {width:93px;height:60px;float:left;margin:0 3px;border:3px solid #eee;}
.n8-list1 li img {width:100%;height:100%;}
.n8-list1 .n8-l-act {border:3px solid rgb(45,150,233);}
/*效果图详情-右侧点击*/
.alert-box {position:absolute;right:2%;cursor:pointer;bottom:96px;}
.ab-bor {width:25px;border:1px solid #FF8D06;line-height:18px;color:#FF8D06;padding:7px 5px 0;text-align:center;border-radius:5px; font-size: 15px;}
.ar-img {animation:1s fd linear infinite;transform-origin:74%;}

/*翻新攻略分类*/
.article-class{ width:100%;overflow: hidden; font-size: 16px; margin-top: 12px; text-align: center;}
.article-class a{ padding: 6px 35px;border:1px solid #E8E8E8; background: #E8E8E8; color: #333; float: left; border-radius: 10px; margin: 0px 2px;}
.article-class a:hover{  background:#37BC9B; color: #fff;}
.article-class a.cut{  background:#37BC9B; color: #fff;}
/*翻新攻略列表*/
.article-list{ width:870px;color: #6C6C6C; overflow: hidden;}
.article-list dl{870px;overflow: hidden; padding: 25px 0px; border-bottom: 1px solid #f1f1f1;}
.article-list dt,.article-list dd{ float: left; display: inline; overflow: hidden; }
.article-list dt{ width: 220px; height: 150px;  }
.article-list dt img{ width: 220px; height: 150px; }
.article-list dd{ width: 630px; padding-left: 20px;  }
.article-list dd h1{ display: block; font-size: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #333;}
.article-list dd p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; font-size: 14px; padding-top: 15px; line-height: 25px; max-height: 75px;}
.article-list dd i{ display: block; font-size: 18px; font-size: 14px; padding-top: 15px;}
.article-list dd i span{ margin-left: 20px;}
/*翻新攻略详情*/
.article-title{ 870px;color: #6C6C6C; margin-top: 25px;}
.article-title h1{ display: block; line-height: 40px;  text-align: left; font-size: 25px; color: #333;}
.article-title p{ font-size: 15px;border-top:solid 1px #F1F1F1; margin-top: 8px; padding-top:5px;}
.article-title p span{ padding-left: 30px;}
.article-content{ 870px;color: #6C6C6C; margin-top: 20px; font-size: 16px;}
.article-content img{max-width: 870px; height: auto;}
.article-next{100%;color: #6C6C6C;margin-top: 60px;border-bottom: solid 1px #f1f1f1;border-top: solid 1px #f1f1f1;}/* 上/下一篇-分享*/
.article-next ul{100%; padding:15px 0px;}
.article-next ul p{100%;  padding-top: 8px;}
.article-next ul li{ width: 45%; float: left; display: inline; overflow: hidden;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-right: 5%; }
/* 文章-show-more-list*/
.article-more-list{ width: 868px; border: 1px solid #f1f1f1; margin-top: 35px;overflow: hidden;}
.article-more-list ul{ width:868px;  overflow: hidden; padding:15px;}
.article-more-list ul p{color:#6C6C6C; font-size:20px; padding-bottom:10px; }
.article-more-list ul li{width:268px;float:left;text-align:left;line-height:28px;height:28px;overflow:hidden; margin-right: 20px;}
.article-more-list ul li a { color:#6C6C6C}
.article-more-list ul li a:hover {color:#F60}



/*翻新问答*/
/*ask-class*/
.ask-class{ width:100%;overflow: hidden; font-size: 13px; margin-top: 12px; text-align: center;}
.ask-class a{ padding:5px 25px;border:1px solid #E8E8E8; background: #E8E8E8; color: #333; float: left; border-radius: 4px; margin: 0px 2px;}
.ask-class a:hover{  background:#37BC9B; color: #fff;}
.ask-class a.cut{  background:#37BC9B; color: #fff;}
/*ask-list*/
.ask-list{ width:870px;color: #6C6C6C; overflow: hidden;}
.ask-list ul{ overflow: hidden; padding-top: 10px;}
.ask-list ul li{ display: block;padding: 15px 0px; border-bottom:dotted 1px #ddd;}
.ask-list ul li h1{ font-size: 18px; color: #333; display: block; padding-bottom: 10px;}
.ask-list ul li p{ font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; height: 25px;}
.ask-list ul li i{ font-size: 12px; text-align: right; display: block; padding-top: 5px; height: 20px; line-height: 20px;}
.ask-list ul li i span{ float: left; }
.ask-list ul li i span em{ color: #F57403; padding:0px 3px;}

/*ask-show*/
.ask-show{ width:828px; border: 1px solid #f1f1f1; padding: 20px; margin-top: 20px; background: url(../image/ask-left-top.png)top left no-repeat;position: relative;}
.ask-show h1{ height: 30px; line-height: 30px; font-size: 18px; color: #333; display: block;}
.ask-show p{ font-size: 12px; padding-top: 30px;color: #999; padding-bottom: 10px; overflow: hidden;}
.ask-show p span{ width: 2px; border-left: 1px solid #F2EFEF;margin: 0px 30px;}
.ask-show p i{  display: block; }
.ask-show p i a{ margin-top: 30px; color: #37BC9B; font-size: 14px; float: left; }
.ask-show p i a:hover{color:#FE0000; }

.ask-show-a {background:#F8F8F8; padding: 20px; overflow: hidden; margin-top: -30px;}
.ask-show-a span{z-index: 900;position: absolute;top:140px;left:20px;}
.ask-show-a span img{ width: 100px;}
.ask-show-a li i{font-size: 13px; color: #333; display: block; padding-bottom: 10px;background:#F8F8F8;}
.ask-show-a li textarea{padding:2% 2%;height:100px;border:1px solid #EDEEF2;border-radius:5px;color:#6c6c6c; width: 96%; line-height: 25px;}
.ask-show-a li i{ display: block; }
.ask-show-a i input{padding:5px 20px;color:#fff; background:#37BC9B ;margin-top: 10px; cursor: pointer;}
.ask-show-a i input:hover{color:#fff; background:#F47E1C ;}

.ask-show-list { width:870px;color: #6C6C6C; overflow: hidden;}
.ask-show-list h1{ display: block; font-size: 18px; color: #333; line-height: 35px; border-bottom: 1px solid #ddd; overflow: hidden; padding-top: 35px; padding-bottom: 15px;}
.ask-show-list ul{width:870px; overflow: hidden;}
.ask-show-list ul li{ width: 870px; border-bottom: 1px #ddd dashed; padding: 30px 0px;}
.ask-show-list ul li i{ display: block; overflow: hidden; padding-bottom: 12px; color:#C2C2C2;}
.ask-show-list ul li i img{ width: 45px; height: 45px; float: left;display: inline; border:1px solid #f1f1f1;}
.ask-show-list ul li i span{ float: left; padding-left: 10px;font-size: 12px;}
.ask-show-list ul li i span em{ color: #E24500; display: block; font-size: 14px; padding-bottom:2px;}
.ask-show-list ul li p{ }

.ask-show-more { width:870px;color: #6C6C6C; overflow: hidden;}
.ask-show-more h1 {display:block; font-size:18px; color:#333; line-height:35px; border-bottom: 1px solid #ddd;overflow:hidden; padding-top:40px;padding-bottom:15px;}
.ask-show-more ul{width:870px; overflow: hidden;}
.ask-show-more ul li{width:870px;overflow: hidden; height: 55px; line-height: 55px;border-bottom: 1px #ddd dotted; font-size: 15px; }
.ask-show-more ul li cite{ color: #F05A00; font-size: 16px;}
.ask-show-more ul li i{float: right; font-size: 12px;}
.ask-show-more ul li i b{ padding: 0px 6px; color: #F05A00; font-size: 13px;}

/*添加问题*/
.add-ask-home{ margin: 0 auto; width:1200px;line-height: 60px; font-size: 15px;}

.add-ask{margin:0 auto;width:1100px; overflow:hidden;padding:50px;background:#F8F8F8; margin-top:30px; }
.add-ask p{ color: #333;}
.add-ask li{overflow: hidden; width: 1100px; margin-top: 10px;}
.add-ask li b{font-size: 13px; width: 80px; line-height:40px; float: left; }
.add-ask li select{ width:140px;text-align: center;border:solid 1px #EDEEF2; font-size:14px;padding:0px 32px 0px 8px; height:40px; line-height: 20px; overflow:hidden;outline:none;background: url(../image/arrow.png) no-repeat right center#fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;margin-right:3px; }
.add-ask li select::-ms-expand { display: none; }
.add-ask li input{width:90%; padding:10px 10px;height:20px;border:1px solid #EDEEF2;}
.add-ask li textarea{padding:1% 1%;height:150px;border:1px solid #EDEEF2;width: 90%; line-height: 25px;}
.add-ask ol {font-size: 14px; margin-top: 15px; text-align: left;}
.add-ask ol input{border-radius:5px;color:#fff;background:#37BC9B;padding: 15px 35px; font-size:18px;cursor:pointer; margin-left: 80px;}
.add-ask ol input:hover{color:#fff;background:#F47E1C;cursor:pointer}

/*在线预约 www.yingzia.com*/
.yy{margin:0 auto;width:1100px; overflow:hidden;padding:50px;background:#F8F8F8; margin-top:30px; }
.yy p{ color: #333;}
.yy li{overflow: hidden; width: 1100px; margin-top: 10px;}
.yy li b{font-size: 13px; width: 80px; line-height:40px; float: left; }
.yy li select{ width:140px;text-align: center;border:solid 1px #EDEEF2; font-size:14px;padding:0px 32px 0px 8px; height:40px; line-height: 20px; overflow:hidden;outline:none;background: url(../image/arrow.png) no-repeat right center#fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;margin-right:3px; }
.yy li select::-ms-expand { display: none; }
.yy li input{padding:10px 10px;height:20px;border:1px solid #EDEEF2;}
.yy li textarea{padding:1% 1%;height:150px;border:1px solid #EDEEF2;width: 90%; line-height: 25px;}
.yy ol {font-size: 14px; margin-top: 15px; text-align: left;}
.yy ol input{border-radius:5px;color:#fff;background:#F47E1C;padding: 15px 35px; font-size:18px;cursor:pointer; margin-left: 80px;}
.yy ol input:hover{color:#fff;background:#37BC9B;cursor:pointer}