/*banner*/
.g-adv { height:auto;}
.g-adv .sclwrap_box , .g-adv .m-box{overflow:hidden;}
.g-adv .m-box li img{ width:100%;}
/*导航*/
.g-nav {overflow:hidden; background:#362c24; text-align:center; padding:2.3% 0;}
.g-nav a { float:left;display:block; color:#efe6df;line-height:2.5em; font-size:1em; padding:0 8%;}
/*空间*/
.g-kj{ padding-bottom:8.5%;}
.g-kj h3,.g-jj h3,.g-ys h3{ font-size:1.25em; font-weight:bold; text-align:center; padding:7.5% 0 0 0;}
.g-kj h3 a,.g-jj h3 a,.g-ys h3 a{ color:#362c24;}
.g-kj h4,.g-jj h4,.g-ys h4 {  width:100%; font-size:0; padding:1% 0 6% 0;}
.g-kj h4 img,.g-jj h4 img,.g-ys h4 img{ width:100%;}
.g-kj ul { overflow:hidden; margin-left:1.5%;}
.g-kj ul li{ float:left; width:21.3%; float:left; padding:0 1.6%;}
.g-kj ul li img{ width:100%;}
.g-kj ul li i{ display:block; text-align:center; color:#9b8574; line-height:1.65em;}
/*分类*/
.g-fenl{ padding-bottom:6.5%;}
.g-fenl h3{ background:#362c24; font-size:1.25em; line-height:2.9em; font-weight:bold;}
.g-fenl h3 a{ color:#efe6df; padding:0 3.4%; display:inline-block; background:#9b8574;}
.g-fenl h3 span{ float:right; font-size:0.8em; padding-right:3%; display:inline-block; width:14.6%; text-transform:uppercase;}
.g-fenl h3 span a{ background:none; font-weight:normal;}
.g-fenl h4{text-indent:2%;font-size:1.25em; line-height:2.45em; width:92%; margin:0.5% auto 2%; border-bottom:1px solid #362c24;}
.g-fenl h4 a{ color:#362c24;}
.g-fenl h4 span{ float:right; width:4%; padding:1% 5% 0 0; display:inline-block;}
.g-fenl h4 span img{ width:100%;}
.g-fenl p{ border-bottom:1px dotted #ab998b;width:92%; margin:0 auto; text-align:center;height:2.7em;overflow: hidden;}
.g-fenl p a{ width:33%;display:block; color:#362c24; line-height:2.7em;float:left}
.g-fenl .nob{ border:none;}
/*办公卡位*/
.g-zzz { clear:both;}
.g-zzz .m-bt {display:block; background:#362c24; margin-bottom:1%;}
.g-zzz .m-bt li { float:left; font-size:1em; color:#9b8574; text-align:center; position:relative;line-height:3.6em; width:25%;}
.g-zzz .m-bt li.z-on { background:#9b8574; color:#efe6df;}
.g-zzz .m-bt span{ float:right;line-height:3.6em; padding-right:3%; display:none;}
.g-zzz .m-bt span a{ color:#fff;}
.g-zzz .m-zzcon { position:relative; width:100%}
.g-zzz .m-zzcon .prev { position:absolute; width:5.6%; top:18%; left:3.5%; z-index:999;}
.g-zzz .m-zzcon .prev img { width:100%;}
.g-zzz .m-zzcon .next { position:absolute; width:5.6%; top:18%; right:3.5%;}
.g-zzz .m-zzcon .next img { width:100%;}

.g-zzz .m-zzcon .no_ov {width:85%; margin-left:9%;}
.g-zzz .m-zzcon .page { float:left; margin:0.6% 0 0;}
.g-zzz .m-zzcon .page a { width:43%; display: inline-block; float:left;float:left; margin:0 2.3%;}
.g-zzz .m-zzcon .page a img { width:100%;}
.g-zzz .m-zzcon .page a span { display:block;color: #9b8574;text-align:center; line-height:2em; font-size:0.7em;}
.g-xcc i { padding-top:0%; display:block; margin:1% 0 5% 0;}
.g-xcc i a{ display:block; width:100%; clear:both;}
.g-xcc i img{ width:100%;}
/*解决方案*/
.g-jj{}
.g-jj h3{padding:0.5% 0 0 0;}
.g-jj ul{ overflow:hidden; margin-top:-0.5%;}
.g-jj ul li{ width:50%; text-align:center; float:left; background:#9b8574;}
.g-jj ul li a{ color:#efe6df; line-height:3.1em;}
.g-jj h5{ width:100%; clear:both; font-size:0; padding-top:5.5%;}
.g-jj h5 img{ width:100%;}
.g-jj ul .no2,.g-jj ul li:nth-child(2),.g-jj ul li:nth-child(3),.g-jj ul li:nth-child(6),.g-jj ul li:nth-child(7){ background:#efe6df;}
.g-jj ul .no2 a,.g-jj ul li:nth-child(2) a,.g-jj ul li:nth-child(3) a,.g-jj ul li:nth-child(6) a,.g-jj ul li:nth-child(7) a{ color:#9b8574;}


/*探头*/
.g-tt{ margin:8% 0 0 0;}
.g-tt a{ font-size:1.08em; color:#362c24; background:url(/mobile/images/tt.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; display:block; padding:15.5% 0 3% 30%;}
/*优势*/
.g-ys{}
.g-ys h3{ font-size:1.42em;}
.g-ys h4{ padding:0 0 4% 0;}
.g-ys dl { padding-bottom:8.5%;}
.g-ys dl dt{ width:96.9%; margin:0 auto; font-size:0; margin-bottom:4%;}
.g-ys dl dt img{ width:100%;}
.g-ys dl dd h5{ font-size:1.08em; color:#362c24; margin-left:1.6%; overflow:hidden; margin-bottom:3%;}
.g-ys dl dd h5 span{ float:left; width:7.7%; padding-right:1%;}
.g-ys dl dd h5 span img{ width:100%; vertical-align:middle;}
.g-ys dl dd p{ color:#9b8574; padding:1% 0 1%  14.4%; position:relative; clear:both;}
.g-ys dl dd p:before{position: absolute;content: "";top:25%;left:10%; width:1.2%; height:10.5%; background:#9b8574;}
/*设计团队*/
.g-tuand{ background:#efe6df;padding-bottom: 4%; margin-bottom:8.5%;}
.g-tuand h3{ font-size:1.25em; text-align:center; font-weight:bold; padding:2% 0 1% 0;}
.g-tuand h3 a{ color:#362c24;}
.g-tuand h4{ font-size:0;}
.g-tuand h4 img{ width:100%;}
.g-tuand h5{ font-size:1em; text-align:center; padding-top:1%;}
.g-tuand h5 a{ color:#9b8574;}


.g-xc{ position:relative; width:100%;}
.g-xc .prev { position:absolute; width:3.4%; top:28%; left:2.2%;}
.g-xc .prev img { width:100%;}
.g-xc .next { position:absolute; width:3.4%; top:28%; right:2.2%;}
.g-xc .next img { width:100%;}
.g-xc .nowarp{ margin:4.2% 7% 0;}
.g-xc .m-box .con{ display:inline; float:left;}
.g-xc ul li{ width:30%; float:left; margin:0 1.5%;}
.g-xc ul li img{ width:100%; border:1px solid #dedede;}
.g-xc ul li span{ display:block; width:100%; text-align:center; font-size:0.75em;}
.g-xc ul li span a{ color: #9b8574; font-size:1em;}
/*经典案例*/
.g-jd{ margin-top:4.5%;}
.g-jd .g-jind .m-bt{ margin-bottom:4%;}
.g-jd .g-jind .m-bt li{width:33.1%; color:#f6f6f6; font-weight:bold; line-height:3.75em;}
.g-jd .g-jind .m-bt li.z-on {}
.g-jd .g-jind .m-zzcon .no_ov{  width:100%; margin-left:0;}
.g-jd .g-jind .m-zzcon .page{ padding-bottom:1%;}
.g-jd .g-jind .m-zzcon .page dl{ overflow:hidden;}
.g-jd .g-jind .m-zzcon .page dl dt{ width:42%; float:left; padding-right:4%;}
.g-jd .g-jind .m-zzcon .page dl dt a{ width:100%;}
.g-jd .g-jind .m-zzcon .page dl dt img{ width:100%;}
.g-jd .g-jind .m-zzcon .page dl dd{width:54%; float:left;}
.g-jd .g-jind .m-zzcon .page dl dd p{ overflow:hidden; line-height:1.8em;height:1.8em;}
.g-jd .g-jind .m-zzcon .page dl dd p a{ width:89%; margin:0; font-size:0.9em; color:#9b8574;}
.g-jd .g-jind .m-zzcon .page dl dd p span{ float:left; width:2%; display:inline-block;margin-right:2%;}
.g-jd .g-jind .m-zzcon .page dl dd p span img{ width:100%; vertical-align:middle;}
.g-jd .g-jind .m-zzcon .page h6,.g-jd .g-jind .m-zzcon .page h6 a{ clear:both; width:100%; padding-top:2.5%;}
.g-jd .g-jind .m-zzcon .page h6 img{ width:100%;}
.g-jd .g-zzz .m-zzcon .page a{ width:100%}
.g-jd .g-jind .m-zzcon .page ul { padding-left:5%;}
.g-jd .g-jind .m-zzcon .page ul li a{ width:99%;}
.g-jd .g-jind .m-zzcon .page ul li{ width:40.5%; float:left; margin:8% 1.5%;}
.g-jd .g-jind .m-zzcon .page ul li img{ border:1px solid #6c645e;}
.g-jd .g-jind .m-zzcon .page ul li span{ font-size:1em;}


.g-jz .g-jind .m-zzcon .page dl dt{ width:36%; float:left; padding-right:4%;}
.g-jz .g-jind .m-bt li{line-height: 2.7em;}
.g-jz .g-jind .m-zzcon .page dl dd{ width:50%;}
.g-jz .g-jind .m-zzcon .page dl dd h4{ font-size:1.08em;}
.g-jz .g-jind .m-zzcon .page dl dd h4 a{ color:#362c24;}
.g-jz .g-jind .m-zzcon .page dl dd i{ color:#9b8574; font-size:0.9em; line-height:1.8em; padding:4% 0 3%; display:inline-block;}
.g-jz .g-jind .m-zzcon .page dl dd b{ display:inline-block; width:24%;}
/**/
.g-tt2{ margin-top:-7%;}
.g-tt2 a{ background:url(/mobile/images/tt3.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; font-weight:bold;padding:11% 0 2.5% 35%;}
/**/
.g-jz .g-jind .m-bt{ background:url(/mobile/images/bgg.gif) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; width:95%; margin:0 auto; padding-left:6%;padding-bottom:1%}
.g-jz .g-jind .m-bt li{font-size:1.25em; color:#362c24; font-weight:bold;}
.g-jz .g-jind .m-bt li.z-on { background:none;}
.g-jz .g-jind .m-bt li.z-on:before{position: absolute;content: "";width: 90%;height: 0.2em;top:92%;bottom:0;left:0%;border-bottom: 0.2em solid #362c24;}
/*见证*/
.g-jz{ padding-bottom:7%; margin-top:10%;}
.g-jz h3{background:url(/mobile/images/bgg.gif) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;  width:100%; margin:0 auto 6.5%; font-size:1.1em;line-height:3em; font-weight:bold; padding-bottom:1.2%}
.g-jz h3 a{ color:#362c24;display:inline-block;padding-left:10.2%}
.g-jz h3 span{ float:right; width:8.5%; display:inline-block;margin-right: 14%;}
.g-jz h3 span a{ border-bottom:none;}
.g-jz h3 span img{ width:100%;}
.g-jz dl{ margin:3.2% 0 0 0; font-size:1em; overflow:hidden;}
.g-jz dl dt{ width:51.3%; float:left; margin:0 3%;}
.g-jz dl dt img{ width:100%;}
.g-jz dl dd{ float:left; width:35.9%; float:left;}
.g-jz dl dd p{font-size:1em; color:#9b8574; line-height:1.7em;}
.g-jz .g-zzz .m-bt span{ display:inline-block; width:8%; padding-right:6%;line-height:2.6em;margin-top:2%}
.g-jz .g-zzz .m-bt span img{ width:100%;}
@media screen and (min-width:320px) {
	body { font-size:75%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:150px; overflow:hidden;}
	.g-adv .m-box li img{ height:150px;}
	.g-zzz { height:260px; overflow:hidden}
	.g-zzz .sclwrap_box{height:177px;}
	.g-xc { height:100px; overflow:hidden}
	.g-xc .sclwrap_box{height:83px;}
	.g-jind { height:197px; overflow:hidden}
	.g-jind .sclwrap_box{height:147px;}

}
@media screen and (min-width:360px) {
	body { font-size:87%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:169px; overflow:hidden;}
	.g-adv .m-box li img{ height:169px;}
	.g-zzz { height:240px; overflow:hidden}
	.g-zzz .sclwrap_box{height:158px;}
	.g-xc { height:113px; overflow:hidden}
	.g-xc .sclwrap_box{height:93px;}
	.g-jind { height:222px; overflow:hidden}
	.g-jind .sclwrap_box{height:165px;}

}
@media screen and (min-width:480px) {
	body { font-size:112.5%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:225px; overflow:hidden;}
	.g-adv .m-box li img{ height:225px;}
	.g-zzz { height:360px; overflow:hidden}
	.g-zzz .sclwrap_box{height:235px;}
	.g-xc { height:150px; overflow:hidden}
	.g-xc .sclwrap_box{height:125px;}
	.g-jind { height:296px; overflow:hidden}
	.g-jind .sclwrap_box{height:221px;}
}
@media screen and (min-width:550px) {
	body { font-size:131.25%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:259px; overflow:hidden;}
	.g-adv .m-box li img{ height:259px;}
	.g-zzz { height:412px; overflow:hidden}
	.g-zzz .sclwrap_box{height:270px;}
	.g-xc { height:173px; overflow:hidden}
	.g-xc .sclwrap_box{height:143px;}
	.g-jind { height:340px; overflow:hidden}
	.g-jind .sclwrap_box{height:254px;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:300px; overflow:hidden;}
	.g-adv .m-box li img{ height:300px;}
	.g-zzz { height:480px; overflow:hidden}
	.g-zzz .sclwrap_box{height:314px;}
	.g-xc { height:200px; overflow:hidden}
	.g-xc .sclwrap_box{height:166px;}
	.g-jind { height:394px; overflow:hidden}
	.g-jind .sclwrap_box{height:293px;}
}