.wrap { background:#fff;}	
.wrap img { width:100%;}
.pr { position:relative;}
.pa { position:absolute;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:83%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:393px) {html { font-size:92%;}}
@media screen and (min-width:400px) {html { font-size:93%;}}
@media screen and (min-width:412px) {html { font-size:94%;}}
@media screen and (min-width:414px) {html { font-size:95%;}}
@media screen and (min-width:480px) {html { font-size:112%;}}
@media screen and (min-width:568px) {html { font-size:131%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}

.tc {
    text-align: center;
	margin-bottom: 20px;
}

























.button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdfe6;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	outline: none;
	transition: .1s;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 2px
}

.button.is-round {
	border-radius: 20px;
	padding: 12px 23px
}

.button.is-plain:focus,.button.is-plain:hover {
	background: #fff;
	border-color: #e74c3c;
	color: #e74c3c
}

.button.is-disabled,.button.disabled {
	opacity: .6;
	cursor: not-allowed
}

.button:hover,.button:focus {
	color: #000;
	border-color: #ddd;
	background-color: #f8f8f8
}

.button-primary {
	color: #fff;
	background-color: #e74c3c;
	border-color: #e74c3c
}

.button-primary:focus,.button-primary:hover {
	background: #d62c1a;
	border-color: #d62c1a;
	color: #fff
}

.button-primary.is-plain {
	color: #e74c3c;
	background: #fff;
	border-color: #e74c3c
}

.button-primary.is-plain:hover,.button-primary.is-plain:focus {
	background: #e74c3c;
	border-color: #e74c3c;
	color: #fff
}






/*案例*/

.conn .m-bt { display:block; background:url(/mobile/Images/Index/zs_bt.gif) no-repeat; height:1.5rem; line-height:1.5rem; text-align:center; font-size:1.5rem; color:#000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.conn .m-bt em { color:#ff9700}

.conn p { display:block; padding:1.67rem 0 0 0.83rem; height:18.21rem; }

.conn p a { display:block; float:left; width:12.29rem; text-align:center; margin:0 0.42rem 0 0; font-size:1rem; color:#000;}

.conn p a img { display:block; margin-bottom:0.5rem;}





/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto;}

.g-adv .sclwrap_box{ height:12.5rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

.g-adv .m-cnt{ position:absolute; top:12.3rem; left:10.08rem; z-index:999;}
.g-adv .m-cnt li{ background:#c0c0c0; width:1.33rem; height:3px; line-height:3px;  float:left; margin:0 0.5rem 0 0;}
.g-adv .m-cnt li.z-on{ background:#ff9700;}

/*导航样式*/
.g-nav { position:relative; clear:both; padding:2.5rem 0 0; width:25rem; height:5.33rem; background:#f0f0f0; border-radius:0.5rem; margin:-1.33rem auto 0; z-index:99;}
.g-nav a { float:left; width:33.33%; height:4rem; text-align:center; display:block; color:#323232; position:relative}
.g-nav a i { width:1.67rem; display:block; margin:0 auto 0.2rem;}
.g-nav a em { display:block; font-size:1rem; color:#000}
.g-nav a em span { display:block; font-size:1rem; color:#8f8f8f}

/*咨询热线*/
.g-dh .m-bt { display:block; text-align:center; padding:1rem 0 0; color:#212324;}
.g-dh .m-bt em { font-size:1rem; color:#ff9700;}



/**/
.g-yx { background:url(/mobile/Images/Index/yx_bg.gif) no-repeat; height:38.21rem; margin:2.4rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-yx .m-bt { display:block; width:25rem; margin:0 auto; position:relative;}
.g-yx .m-bt i { display:block; width:3.42rem; position:absolute; top:17.79rem; left:0;}

.g-yx p { width:25rem; margin:0 auto; padding:0rem 0 0;}

.g-yx p em { display:block; font-size:1.2rem; color:#ff9700}
.g-yx p span { display:block; padding:1rem 0 0; font-size:1rem; color:#212324; line-height:1.75rem;}

/*南宁办公装修 · 认准广西灿源装饰*/
.g-nn { background:url(/mobile/Images/Index/nn_bg.jpg) no-repeat; height:36.79rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-nn .m-bt { display:block; text-align:center; padding:3rem 0 2rem; font-size:1.3rem; color:#fff;}
.g-nn .m-bt em { color:#ff9700; padding:0 0.5rem;}
.g-nn p { height:6.25rem; clear:both;}
.g-nn p span { display:block; float:left; padding-left:0.75rem; width:12.08rem; font-size:3.33rem; font-family:"宋体"; color:#fff; font-weight:bold;}
.g-nn p span i { font-size:1rem; color:#ff9700}
.g-nn p em { display:block; float:left; width:13.75rem; font-size:0.8rem; color:#fff; line-height:1.5rem; padding:0.3rem 0 0;}








.text-primary {
	color: #e74c3c !important
}

.text-title {
	color: #212628
}

.text-sub {
	color: #666
}

.bg-sub {
	background: #666
}

.text-white {
	color: #fff !important
}

.text-color9 {
	color: #999
}

.text-color4 {
	color: #444
}

.text-black {
	color: #333
}

.bg-bg {
	background: #fafafa
}

.bg-white {
	background: #fff
}

.bg-primary {
	background: #e74c3c
}

.bg-active {
	background: #fdeded
}

.bg-bbb {
	background: #bbb
}

.text-blue {
	color: #c7e3ff
}

.bg-border {
	background: #edecec
}

.text-5d {
	color: #5d5d5d
}

.text-border2 {
	color: #d9d9d9
}

.border-primary {
	border-bottom: 1px solid #e74c3c
}

.indexTitle {
	text-align: center;
	padding:1px 0 10px
}

.indexTitle .title {
    margin-right: auto;
	margin-left: auto;
    width:96%;
	color:#ff9700;
	font-size: 1.5rem;
}

.indexTitle .subTitle {
	font-size: 14px;
	color: #666;
	margin-top: 10px
}

.indexTitle .line {
	margin-top: 15px
}

.indexTitle .line:before {
	display: inline-block;
	content: '';
	height: 1px;
	width: 80px;
	background: #ccc;
	vertical-align: middle
}

.indexTitle .line:after {
	display: inline-block;
	content: '';
	height: 1px;
	width: 80px;
	background: #ccc;
	vertical-align: middle
}

.indexTitle .line .dot {
	display: inline-block;
	width: 40px;
	height: 1px;
	position: relative;
	vertical-align: middle
}

.indexTitle .line .dot:after {
	content: '';
	width: 8px;
	height: 8px;
	background: #e74c3c;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	top: -9px
}

.indexTitle .tag {
	margin-top: 25px
}

.indexTitle .tag a {
	color: #999
}

.indexTitle .tag a:hover {
	color: #e74c3c
}

.indexTitle .tag i {
	color: #999;
	padding: 0 20px
}

















/*公装内容*/
.g-zx { background:#eaeaea; padding:1.5rem 0 0; }


.g-zx .m-bt { display:block; text-align:center; font-size:2rem; color:#000}

.g-zx .m-bt em { color:#ff9700;}

.g-zx .m-cnt { display:block; padding:1rem 0 0 0.83rem;}
.g-zx .m-cnt li { float:left; width:7.92rem; height:2.5rem; line-height:2.5rem; background:#fff; text-align:center; color:#000; font-size:1rem; margin:0 0.63rem 0.63rem 0;}
.g-zx .m-cnt li.z-on { background:#ff9700; color:#fff;}

.g-zx .sclwrap_box{height:29rem; overflow:hidden}
.g-zx .m-box { margin-top:1rem;}
.g-zx .con { float:left}
.g-zx .con span { display:block; height:0.13rem;}
.g-zx .con span a { width:5.63rem; height:2.25rem; line-height:2.25rem; font-size:1rem; color:#212324; display:block; text-align:center; float: left; border-radius:0.3rem; margin-right:1rem; border:solid 1px #eaeaea;}
.g-zx .con span a:nth-child(3) {  border:solid 1px #ff9700; color:#ff9700}
.g-zx .con span a:nth-child(4n) { margin:0;}
.g-zx .con p { width:25rem; height:28.13rem; margin:0 auto;}
.g-zx .con p em { background:#fff; padding:1rem 0 0 0.83rem; height:11.88rem; display:block; border-radius:0.5rem; margin-top:-1rem; position:relative; z-index:999; line-height:2rem;}
.g-zx .con p i { display:block; width:8.13rem; margin:0 auto; padding:1.54rem 0 0;}

/*经典合作客户大品牌，品质更具保障*/
.g-hz { position:relative; height:17.08rem;}
.g-hz .m-bt { display:block; text-align:center; padding:1.5rem 0 0; font-size:1.5rem; color:#000; margin-bottom:1.75rem;}
.g-hz .m-bt em { color:#ff9700}

.g-hz .prev { position:absolute; top:7rem; left:0; width:2.29rem; z-index:999;}
.g-hz .prev img { width:100%;}
.g-hz .next { position:absolute; top:7rem; right:0; width:2.29rem; z-index:999;}
.g-hz .next img { width:100%;}

.g-hz .no_ov { margin:0 2.83rem;}
.g-hz .sclwrap_box{ height:12rem}
.g-hz .no_ov .m-box .page { float:left; text-align:center;}
.g-hz .no_ov .m-box .page a { display:block; width:10.4rem; height:5.63rem;  float:left; border-right:solid 1px #e5e5e5; border-top:solid 1px #e5e5e5; overflow:hidden; }
.g-hz .no_ov .m-box .page a:nth-child(2n) { border-right: none;}

/*行业优势*/
.g-ys01 { background:url(/mobile/Images/Index/ys_bg01.jpg) no-repeat; height:36.75rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys01 .m-bt { display:block; padding:2rem 0 0; text-align:center; font-size:2.5rem; color:#fff; height:6rem;}
.g-ys01 .m-bt em { color:#ff9700}
.g-ys01 .m-bt i { display:block; font-family:Arial; font-size:0.58rem; padding:0.25rem 0 0;}
.g-ys01 .m-bt02 { padding-left:7.92rem; font-size:1.25rem; color:#ff9700; line-height:2rem; display:block; height:5rem;}
.g-ys01 p { padding-left:0.83rem; height:13.42rem; overflow:hidden;}
.g-ys01 p a { width:4.5rem; height:3.5rem; border-radius:10rem; background:#fff; text-align:center; font-size:1rem; color:#000; line-height:1.25rem; padding:1rem 0 0; display:block; float:left; margin:0 2.17rem 4rem 0;}
.g-ys01 p a:nth-child(4) { margin:0.75rem 0 2rem;}
.g-ys01 p a:nth-child(5) { margin-left:6.67rem;}
.g-ys01 p a:nth-child(7) { margin:-1rem 0 2rem;}
.g-ys01 span { display:block; padding:0 0 0 0.83rem;}
.g-ys01 span a { background:url(/mobile/Images/Index/ys_libg01.png) no-repeat; width:7.63rem; height:5.83rem; padding:3rem 0 0 0; margin-right:1.08rem; float:left; text-align:center; color:#fff; display:block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys01 span a:nth-child(3) { margin:0;}

.g-ys02 { padding:2.5rem 0 0; height:38.13rem;}
.g-ys02 .m-bt { display:block; padding-left:0.83rem; height:5.21rem;}
.g-ys02 .m-bt img { display:block; width:4.63rem; float:left;}
.g-ys02 .m-bt em { display:block; padding:1.5rem 0 0 1.5rem; float:left; font-size:1.08rem; color:#000}
.g-ys02 p { color:#565656; line-height:1.75rem; margin:0 0.83rem;}
.g-ys02 .m-ys01 a { display:block; width:12.08rem; float:left; margin-left:0.83rem; line-height:0; font-size:0;}
.g-ys02 .m-ys01 a span { display:block; background:#f7f7f7; border-radius:0.5rem; height:9.17rem; padding:0.83rem 0 0;}
.g-ys02 .m-ys01 a span em { padding-left:0.68rem; height:1.88rem; line-height:1.88rem; font-size:1.05rem;}
.g-ys02 .m-ys01 a span em i { background:url(/mobile/Images/Index/ys_btbg.gif) no-repeat; width:6.58rem; height:1.88rem; line-height:1.88rem; display:block; float:right; margin-right:0.83rem; font-size:1rem; color:#fff; text-align:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys02 .m-ys01 a span .m-b01 { font-size:1rem; display:block; color:#000; line-height:1.5rem; font-weight:normal; padding:0.5rem 0 0 0.5rem;}
.g-ys02 .m-ys01 a .m-b02 { font-size:1rem; text-align:center; line-height:2rem; color:#ff9700; padding:0.5rem 0 0; display:block; font-weight:normal;}

.g-ys03 { background:#e7e9eb; padding:2rem 0 0; height:34.9rem;}
.g-ys03 .m-bt { display:block; padding-left:0.83rem; height:5.21rem;}
.g-ys03 .m-bt img { display:block; width:4.63rem; float:left;}
.g-ys03 .m-bt em { display:block; padding:1.5rem 0 0 1.5rem; float:left; font-size:1.08rem; color:#000}
.g-ys03 p { color:#565656; line-height:1.75rem; margin:0 0.83rem;}

.m-ys02 { background:url(/mobile/Images/Index/ys_pbg.jpg) no-repeat; height:17.75rem; margin:1rem 0 0; overflow:hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-ys02 a { display:none; padding:5.4rem 0 0 1.25rem; float:left; color:#000} 
.m-ys02 a:nth-child(2) { padding-left:4.17rem;}
.m-ys02 a:nth-child(3) { padding-left:2rem;}
.m-ys02 a:nth-child(4) { padding:8.3rem 0 0 3.75rem;}
.m-ys02 a:nth-child(5) { padding:8.3rem 0 0 2.35rem;}

/*施工现场展示*/
.g-zs { padding:2.5rem 0 0;}
.g-zs .m-bt { display:block; background:url(/mobile/Images/Index/zs_bt.gif) no-repeat; height:1.5rem; line-height:1.5rem; text-align:center; font-size:1.5rem; color:#000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zs .m-bt em { color:#ff9700}

.g-zs p { display:block; padding:1.67rem 0 0 0.83rem; height:16.21rem;}
.g-zs p a { display:block; float:left; width:12.29rem; text-align:center; margin:0 0.42rem 0 0; font-size:1rem; color:#000;}
.g-zs p a img { display:block; margin-bottom:0.5rem;}

/*客户说*/
.g-dt .m-cnt { display:block; padding:0 0 0 0.83rem;}
.g-dt .m-cnt li { float:left; width:6.17rem; padding-left:2rem; height:2.5rem; line-height:2.5rem; color:#333; font-size:0.92rem; background:#e5e5e5; margin-right:0.24rem; position:relative;}
.g-dt .m-cnt li:nth-child(1) { padding-left:3.67rem; width:4.5rem; font-size:1rem;} 
.g-dt .m-cnt li i { display:block; position: absolute; width:1.17rem; top:0.63rem; left:0.54rem;}
.g-dt .m-cnt li:nth-child(1) i { left:1.75rem;}
.g-dt .m-cnt li i img { display:block; width:1.17rem; height:1.33rem;}
.g-dt .m-cnt li i:nth-child(2) { display:none}
.g-dt .m-cnt li.z-on { background:#ff9700; color:#fff;}
.g-dt .m-cnt li.z-on i:nth-child(1) { display: none;}
.g-dt .m-cnt li.z-on i:nth-child(2) { display:block;}

.g-dt .sclwrap_box { height:26rem}
.g-dt .con { float:left; padding-top:0.42rem;}
.g-dt .con p { padding:0 0.83rem;}
.g-dt .con p a em { color:#000; display:block; padding:0.5rem 0 0 0.3rem; }
.g-dt .con p a em i { color:#ff9700}
.g-dt .con p a span { color:#333; display:block; padding:1rem 0 2rem 0.3rem; line-height:1.75rem; }
.g-dt .con p a b {width:100%; height:2.67rem; line-height:2.67rem; background:#e5e5e5; font-size:1rem; color:#000; text-align:center; display:block; font-weight:normal;}

/*公司新闻*/
.g-xw .m-cnt { display:block; padding:0 0 0 0.83rem;}
.g-xw .m-cnt li { float:left; width:12.46rem; height:2.5rem; line-height:2.5rem; text-align:center; color:#fff; font-size:1rem; background:#333333; margin-right:2px;}
.g-xw .m-cnt li.z-on { background:#ff9700;}

.g-xw .sclwrap_box { height:27rem}
.g-xw .con { float:left; padding-top:0.42rem;}
.g-xw .con p { padding:0 0.83rem;}
.g-xw .con p a { display:block; height:7.83rem; border-bottom:dashed 1px #dadfe4; clear:both; margin-bottom:1.25rem;}
.g-xw .con p a:last-child { border:none;}
.g-xw .con p a img { width:8.33rem; float:left;}
.g-xw .con p a span { width:15.21rem; float:left; padding:0.5rem 0 0 0.75rem; line-height:1.5rem; color:#646464;}
.g-xw .con p a span em { display:block; font-size:1rem; color:#000; margin-bottom:1rem;}