@charset "utf-8";
/*首页样式*/
.hebox{ width:96%; overflow:hidden; padding:20px 2%;}
.hebox .title{ width:100%; overflow:hidden; text-align:center; padding-bottom:16px;}
.hebox .title h1{ font-size:36px; line-height:40px;}
.hebox .title strong{ display:block; overflow:hidden; padding:10px 0 0;}
.hebox .title strong a{ display:inline-block; padding:0 5px; color:#333; font-size:12px;}

.caselist{ width:100%; overflow:hidden;}
.caselist ol{ -webkit-column-count:2; -webkit-column-gap:10px; -moz-column-count:2;-moz-column-gap:10px; column-count:2; column-gap:10px;}
.caselist ol li{ -webkit-column-break-inside: avoid;-moz-column-break-inside: avoid; column-break-inside: avoid;}
.caselist ol li em{ display:block; overflow:hidden;}
.caselist ol li em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.caselist ol li:active em img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.caselist ol li strong{ padding:10px 0; overflow:hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex;}
.caselist ol li strong h1{font-size:15px; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex: 1 1;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.caselist ol li strong span{ font-size:12px; color:#666;}

.shejis{ background:#fff;}
.Desiger{ width:100%; overflow:hidden;}
.Desiger .bd ul{ width:100%; overflow:hidden;}
.Desiger .bd li{ width:32%; float:left; overflow:hidden; text-align:center; margin-left:2%; position:relative;}
.Desiger .bd li:nth-child(1){ margin-left:0;}
.Desiger .bd li em{ display:block; overflow:hidden;}
.Desiger .bd li em img{ display:block; width:100%;}
.Desiger .bd li strong{ display:table; padding:5px 0; position:absolute; left:0; bottom:0; right:0; width:100%; background:rgba(0,0,0,0.6); z-index:10; color:#fff; font-size:12px;}
.Desiger .bd li strong span{ display:inline-table; padding-right:4px;}
.Desiger .hd{}
.Desiger .hd ul{ display:none;}	

.gylch{ width:100%; overflow:hidden; position:relative; background:url(../images/tubg.jpg) center center no-repeat; background-size:cover; padding:22px 0 12rem;}
.gylch .tubg{ width:100%; overflow:hidden;}
.gylch .tubg img{ display:block; width:100%;}
.gylch .ming{ width:100%; text-align:center; overflow:hidden;}
.gylch .ming h1{ font-size:36px; line-height:40px; color:#c0a767;}
.gylch .ming span{ display:block; color:#fff; padding:10px 0;}
.dargbar{ width:100%; overflow:hidden; position:absolute; left:0; bottom:0; right:0; z-index:20;}
.dargbar .dwei{overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.dargbar .dwei img{ display:block; height:10rem;}

.news{ width:100%; overflow:hidden;}
.news li{ width:100%; overflow:hidden; margin-top:14px;}
.news li:nth-child(1){ margin-top:0;}
.news li em{ display:block; float:left; width:100px; overflow:hidden;}
.news li em img{ display:block; width:100%;}
.news li strong{ display:block; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 1; overflow:hidden; padding-left:12px;}
.news li strong h1{ font-size:16px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.news li strong p{ font-size:12px; padding-top:20px; color:#888; line-height:14px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.webu{ padding-bottom:10px;}
.copyright{padding-bottom:80px;text-align:center;background:#fff;height:60px;line-height:60px;}
@media screen and (max-width:500px){
	.hebox .title h1,.gylch .ming h1{ font-size:24px; line-height:30px;}
	}
@media screen and (max-width:400px){
	.hebox .title h1,.gylch .ming h1{ font-size:20px;}
	.caselist ol li strong h1{ font-size:14px;}
	.Desiger .bd li strong i{ display:none;}
	}

/*关于我们*/
.biaoti{ width:100%; overflow:hidden; background:#fff;}
.biaoti .tou{ padding:10px 2%; overflow:hidden; border-bottom:1px #888 solid;}
.biaoti .tou h1{ font-size:16px; float:left;}
.biaoti .tou span{ display:block; float:left; font-size:12px; color:#aaa; padding-left:6px; text-transform:uppercase;}
.biaoti .lanmu{ padding:10px 2%; overflow:hidden;}
.biaoti .lanmu li{ width:32%; float:left; overflow:hidden; text-align:center; margin-left:2%; margin-top:8px;}
.biaoti .lanmu li:nth-child(3n+1){ margin-left:0;}
.biaoti .lanmu li a{ display:block; background:#eee; line-height:16px; padding:5px; overflow:hidden;}
.biaoti .lanmu li a span{ display:block; font-size:15px;}
.biaoti .lanmu li a sup{ display:block; font-size:12px; text-transform:uppercase; color:#555; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.biaoti .lanmu li.on a{ background:#c0a767;}
.biaoti .lanmu li.on span,.biaoti .lanmu li.on sup{ color:#fff;}
.biaoti .datu{ width:100%; overflow:hidden; margin-top:8px;}
.biaoti .datu img{ display:block; width:100%;}

.zhong{ width:100%; overflow:hidden; padding-bottom:70px;}
.about{ width:100%; background:#fff; padding:20px 0; overflow:hidden;}
.about h1{ font-size:24px; overflow:hidden; text-align:center; font-family:'黑体';}
.about h2{ color:#888; padding:10px 0; text-align:center;}
.about strong{ display:block; overflow:hidden; margin:15px 0;}
.about strong i{ display:block; width:50px; height:1px; background:#bbb; margin:0 auto;}
.about figure{ padding:0 12px; overflow:hidden;}
.about figure p{ line-height:26px; font-size:13px; color:#777;}

.shuzi{ width:100%; overflow:hidden; background:url(../images/shuzi.jpg) center center no-repeat; padding:40px 0; background-size:cover;}
.shuzi ul{ zoom:1;}
.shuzi li{ width:20%; float:left; color:#fff; overflow:hidden; text-align:center;}
.shuzi li figure{ font-size:30px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.shuzi li p{ font-size:12px; padding-top:8px;}

.linian{ padding:30px 16px; overflow:hidden;}
.linian li{ width:100%; overflow:hidden; background:#fff;}
.linian li .cont{ padding:16px; overflow:hidden;}
.linian li .cont h1{ font-size:16px; line-height:20px;}
.linian li .cont span{ display:block; width:15px; height:2px; background:#c0a767; margin:20px 0;}
.linian li .cont figure{ width:100%; overflow:hidden;}
.linian li .cont figure p{ line-height:26px; font-size:13px; color:#555;}
.linian li .ln_img{ width:100%; overflow:hidden;}
.linian li .ln_img img{ display:block; width:100%;}
@media screen and (max-width:500px){
	.shuzi li figure{ font-size:20px;}
	.about h1{ font-size:18px;}
	}
/*全景*/
.center{ width:100%; overflow:hidden; padding-bottom:70px;}
.tupian{ padding:15px 2%; overflow:hidden;}
.tupian ol{ -webkit-column-count:2; -webkit-column-gap:10px; -moz-column-count:2;-moz-column-gap:10px; column-count:2; column-gap:10px;}
.tupian ol li{ -webkit-column-break-inside: avoid;-moz-column-break-inside: avoid; column-break-inside: avoid;}
.tupian ol li em{ display:block; overflow:hidden;}
.tupian ol li em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}
.tupian ol li:active em img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.tupian ol li strong{ display:block; background:#2a2a2a; text-align:center; overflow:hidden; padding:10px 0; color:#fff; margin-bottom:12px;}
.tupian ol li:active strong{ background:#c0a767;}

.pager{ width:100%; overflow:hidden; padding:20px 0; text-align:center;}
.pager a,.pager span{ font-family:Arial, Helvetica, sans-serif; display:inline-block; border-radius:3px; margin:0 2.5px; vertical-align: middle;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;}
.pager a{  height:24px; line-height:24px; padding:0 5px; font-size:14px; color:#666; background:#fff;}
.pager span{  height:24px; line-height:24px;  padding:0 5px;font-size:14px; color:#fff; background:#c0a767;}
.pager .pa_cur.on,.pager a:active,.pager font:active{ width:24px; height:24px; line-height:24px; font-size:14px; color:#fff; background:#c0a767;}
.pager .pa_btu{ width:24px; height:24px; line-height:24px; border-radius:3px; margin:0 5px;}
.pager .pa_btu i,.pager .pa_btu b{ display:block; margin:5px auto; width:10px; height:14px;}
.pager .pa_btu i{ background:url(../images/pa_btu_a.png) no-repeat; background-size:100%;}
.pager .pa_btu b{ background:url(../images/pa_btu_b.png) no-repeat; background-size:100%;}
.pager .pa_btu:active{ background:none;}

/*案例美图*/
.wode{ padding:10px 2%; position:relative; background:#fff; line-height:30px;}
.wode .nhao{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-js-display: flex; display: flex;}
.wode .nhao h1{ font-size:15px;-webkit-box-flex: 1;-webkit-flex: 1; -ms-flex: 1; flex: 1 1; margin:0 20px 0 0; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.wode .nhao .shaix{ float:right; border-left:1px #aaa solid; padding-left:12px; font-size:13px;}
.wode .nhao .shaix i{ width:15px; height:30px; display:block; background:url(../images/shaix.png) center center no-repeat; background-size:15px; overflow:hidden; float:right; margin-left:7px;}

.popbox{position:fixed;top:0 !important;left:0;display:none;z-index:1200; width:100%; height:100%; background:#f8f8f8; overflow:hidden;}
.popbox .close{position:absolute;right:16px; top:10px; color:#fff; z-index:99;}
.popbox .sszs{ width:100%; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:20;}
.popbox .sszs strong{ display:block; background:#c0a767;font-size:15px; font-weight:bold; padding:10px 16px;}
.popbox .sszs .felei{ position:absolute; top:50px; left:0; width:100%; bottom:20px; overflow-x:hidden; overflow-y:auto;}
.popbox .sszs .felei li{ padding:10px 12px; overflow:hidden; background:#fff; margin-bottom:10px;}
.popbox .sszs .felei li figure{ overflow:hidden; font-size:15px;}
.popbox .sszs .felei li dl{ display:flex; margin-right:-4vw; flex-wrap:wrap;}
.popbox .sszs .felei li dl dd{width:auto; margin-top:3vw; margin-right:3vw; padding:2vw 2vw; line-height:4vw; text-align:center; background:#f4f4f4; border-radius: .8vw; flex-grow: 1; max-width: 25%;}
.popbox .sszs .felei li dl dd a{ font-size:13px; padding:2vw 2vw;}
.popbox .sszs .felei li dl dd.on{ background:#c0a767;}
.popbox .sszs .felei li dl dd.on a{ color:#fff;}

.haiyou{ padding:10px 2% 0; overflow:hidden;}

/*美图详情*/
.zhende{ padding:0 2%; overflow:hidden; background:#fff;}
.xiang{ width:100%; overflow:hidden; margin-top:12px; position:relative;}
.xiang .hd{z-index:1; }
.xiang .prev,.xiang .next{ position:absolute; bottom:10px; display:block; width:18px; height:18px; z-index:90;}
.xiang .prev{ right:34px; background:url(../images/prev.jpg) no-repeat; background-size:100%;}
.xiang .next{ right:10px; background:url(../images/next.jpg) no-repeat; background-size:100%;}
.xiang .prev:active,.xiang .next:active{ opacity:0.85}
.xiang .bd{ position:relative; z-index:0; }
.xiang .bd li{ width:100%; overflow:hidden;}
.xiang .bd li img{ display:block; width:100%;}

.decase{ width:100%; overflow:hidden; position:relative; margin-top:12px;}
.decase em{ display:block; float:left; overflow:hidden; width:80px; height:80px;}
.decase em img{ width:80px; display:block;}
.decase strong{ -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 1; overflow:hidden; padding-left:12px; display:block;}
.decase strong p{ font-size:15px; color:#333; padding-bottom:15px;}
.decase strong a.people{ display:block; text-align:center; margin:0 auto; border:1px #c0a767 solid; color:#c0a767; font-size:13px; border-radius:17px; transition:all 0.3s; padding:5px 0;}
.decase strong a.people:active{ background:#c0a767; color:#fff;}

.zhende .xiang{ width:100%; overflow:hidden; position:relative;}
.zhende .xiang h1{ font-size:18px; font-weight:bold; padding:30px 0 0; overflow:hidden;}
.zhende .xiang .data{ width:100%; overflow:hidden; padding:10px 0; color:#aaa; font-size:12px;}
.zhende .xiang .data span{ display:block; float:left; margin-right:20px;}
.zhende .xiang .qing table{ border:1px solid #efefef; border-collapse: collapse; border-spacing:0; font-size:14px; table-layout:fixed; color:#666; text-align:center;}
.zhende .xiang .qing table th{ background:#f9f9f9; padding:6px 0; font-weight:normal; border-bottom:1px dotted #efefef;}
.zhende .xiang .qing table td{ border-bottom:1px dotted #efefef;}
.zhende .xiang .sjln{ width:100%; overflow:hidden; margin-top:20px;}
.zhende .xiang .sjln figure{ overflow:hidden;}
.zhende .xiang .sjln figure span{ display:block; float:left; width:10px; height:10px; background:#c0a767; margin:6px 10px 0 0;}
.zhende .xiang .sjln figure h4{ color:#333; font-size:18px; float:left;}
.zhende .xiang .sjln figcaption{ overflow:hidden; padding:10px 0;}
.zhende .xiang .sjln figcaption p{ color:#555; font-size:13px;}
.zhende .xiang .sjln .pagecont{ color:#555; font-size:13px;}
.zhende .xiang .sjln .pagecont p{margin-top:5px;}
.zhende .xiang .sjln .pagecont img{ width:100%; height:auto;}
/*设计师*/
.shehs{ width:100%; overflow:hidden; position:relative;}
.shehs li{ padding:10px; overflow:hidden; background:#fff; margin-top:10px;}
.shehs li .cont{ overflow:hidden;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;-js-display: flex; display: flex;}
.shehs li .cont em{ display:block; float:left; overflow:hidden; height:80px;}
.shehs li .cont em img{ display:block; width:80px;}
.shehs li .cont .wenb{ display:block;-webkit-box-flex:1;-webkit-flex:1; -ms-flex:1; flex:1 1; margin:0 12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.shehs li .cont .wenb h1{ font-size:12px; color:#888}
.shehs li .cont .wenb h1 i{ color:#333; font-size:15px; padding-right:6px;}
.shehs li .cont .wenb dl{ display:block; padding-top:10px; color:#888; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.shehs li .cont .wenb dl dd{ display:block; float:left; margin-right:8px;}
.shehs li .cont .wenb dl dd i{ color:#333; font-size:14px;}
.shehs li .cont .btns{ float:right; overflow:hidden; padding-top:10px;}
.shehs li .cont .btns a.ckxq{ display:block; background:#c0a767; color:#fff; padding:3px 10px; font-size:13px; border-radius:3px;}
.shehs li .tact{ width:100%; overflow:hidden; margin-top:12px;}
.shehs li .tact a{ display:block; float:left; width:32%; overflow:hidden; margin-left:2%;}
.shehs li .tact a:nth-child(1){ margin:0;}
.shehs li .tact a img{ display:block; width:100%;}

.offter{ width:100%; overflow:hidden; background:url(../images/offter.jpg) right no-repeat; background-size:cover;}
.offter .nation{ padding:16px 12px; overflow:hidden;}
.offter .nation .na_img{ width:120px; overflow:hidden;}
.offter .nation .na_img img{ display:block; width:100%;}
.offter .nation .info{padding-left:12px;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1 1; overflow:hidden;}
.offter .nation .info strong{ display:block; overflow:hidden;}
.offter .nation .info strong span{ display:block; float:left; font-weight:bold; font-size:20px; padding-right:10px;}
.offter .nation .info figcaption{ width:100%; overflow:hidden; margin-top:20px;}
.offter .nation .info figcaption p{ color:#333; font-size:13px;}
.offter .chongx{ padding:12px; overflow:hidden;}
.offter .chongx figure{ font-size:13px; color:#333;}

.xinde{ padding:16px 12px; background:#fff; overflow:hidden;}
.xinde .biaoti{ width:100%; overflow:hidden; line-height:20px; padding-bottom:10px; border-bottom:1px #eee solid; margin-bottom:20px;}
.xinde .biaoti i{ width:2px; height:20px; background:#c0a767; display:block; float:left;}
.xinde .biaoti span{ display:block; float:left; padding:0 10px; font-size:16px; font-weight:bold; letter-spacing:2px;}
.xinde .biaoti sup{ font-size:12px; text-transform:uppercase; color:#bbb;}

/*活动资讯*/
.xinwen{ padding:12px; overflow:hidden;}
.xinwen li{ position:relative; margin-top:16px; padding:12px; background:#fff;-moz-box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;}}
.xinwen li em{ display:block; overflow:hidden;}
.xinwen li em img{ display:block; width:100%;}
.xinwen li strong{ display:block; padding-top:14px;}
.xinwen li strong span{ display:block; font-size:12px;}
.xinwen li strong h1{ font-size:15px; padding:10px 0; overflow:hidden;}
.xinwen li strong p{ color:#888; font-size:12px;}
.xinwen li:active{ margin-top:10px;}

.stace{ padding:16px 12px; background:#fff; overflow:hidden;}
.stace h1{ font-size:18px; font-weight:bold; overflow:hidden;}
.stace strong{ display:block; overflow:hidden; padding:10px 0; overflow:hidden; border-bottom:1px #eee solid;}
.stace strong span{ display:block; color:#888; font-size:12px; float:left; margin-right:10px;}
.stace .cont{ width:100%; overflow:hidden;color:#333;}
.stace .cont p{ color:#333; margin-top:15px;}
.stace .cont img{ display:block; width:100% !important; height:auto !important;}
.stace .zjlj{ width:100%; overflow:hidden; margin-top:20px; border:1px #eee solid; border-left:none; border-right:none; padding:10px 0; line-height:30px; position:relative;}
.stace .zjlj a{ display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap; font-size:12px;}
.stace .zjlj a i{ color:#000;}

.contact{ padding:16px 12px; background:#fff; overflow:hidden;}
.contact .amger{ width:100%; overflow:hidden; border-bottom:1px #e5e5e5 solid; padding-bottom:20px;}
.contact .amger li{ width:33.33%; float:left; overflow:hidden; font-size:13px;}
.contact .amger li h1{ font-size:18px; color:#333; padding:10px 0; overflow:hidden;}
.contact .amger li figure{ width:100%; overflow:hidden; color:#888; padding-bottom:10px;}
.contact .amger li figure span{ display:block; color:#c0a767; font-family:Arial, Helvetica, sans-serif; font-size:20px; overflow:hidden; padding-top:6px;}
.contact .amger li strong{ display:block; overflow:hidden; color:#888; overflow:hidden; line-height:30px;}
.contact .amger li span{ display:block; color:#333;}

.maper{ margin-top:20px; width:100%;}

@media screen and (max-width:500px){
	.contact .amger li{ width:50%;}
	}

/*增加*/
.hongse{color:#c0a767;}
.yy_text{text-align: center;}
.kuai{height: 12px; background: #f0f0f0; }
.tmw-baojia{padding:.2rem .5rem .8rem; box-sizing: border-box;}
.tmw-baojia h3{color: #333333; font-size: 22px; overflow: hidden; padding: 20px 0; white-space: nowrap; text-overflow: ellipsis;text-align: center;}
.tmw-baojia i{ display:block; margin:0 auto; margin-bottom: 20px; height:3px;width:80px; background:#c0a767;}
.tmw-baojia-son{margin: .5rem auto .5rem; }
.tmw-baojia-son dt{padding-left: 7px; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 1; overflow:hidden;     width: 94%;    margin: 0 auto; }
.tmw-baojia-son dt form input.text{ width:99%; text-indent: .5rem;  background:#f0f0f0;color:#888888; height:50px; float:left; font-size:14px;margin-bottom: 1.3rem;border-radius:8px;overflow: hidden;}
.tmw-baojia-son dt form input.text:nth-child(2){float: right; }
.tmw-baojia-son dt form input.sub{ background:#c0a767; color:#fff; height:45px; width:100%; margin-top: 5px; cursor:pointer; font-size: 18px;border-radius:8px;overflow: hidden;}