﻿.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:85%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:392px) {html { font-size:98%;}}
@media screen and (min-width:400px) {html { font-size:98%;}}
@media screen and (min-width:414px) {html { font-size:97%;}}
@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%;}}	

/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}

.g-adv .sclwrap_box{ height:15.83rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-nav { position:relative; clear:both; background:url(../images/n_bg.gif) no-repeat; margin-top:1.67rem; height:5.83rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-nav a { float:left;  height:2.92rem; line-height:2.92rem; width:33.3%; text-align:center; display:block; color:#fff;}



/**/
.g-ys { background:url(../images/bg02.gif) repeat; height:56.67rem; margin-top:2.13rem;}
.g-ys .m-bt { display:block; text-align:center; padding:1.68rem 0 1rem; color:#fff;}
.g-ys .m-bt b { display:block; font-size:1.25rem;}
.g-ys .m-bt em { font-size:0.58rem; text-transform:uppercase; color:#999; font-family:Arial; line-height:1.25rem; display:block;}
.g-ys dl { padding:0 0 0 1.25rem; height:11.67rem;}
.g-ys dl dt { float:left; width:12.08rem;}
.g-ys dl dd { float:left; width:12.08rem;}
.g-ys dl dd span { display:block;}
.g-ys dl dd span a b { display:block; width:9.75rem; height:2rem; line-height:2rem; border-top:solid 1px #383838; border-bottom:solid 1px #383838; color:#fff; float:left; text-align:center;}
.g-ys dl dd span a img { width:2.33rem; display:block; float:left;}
.g-ys dl dd em { clear:both; display:block; color:#fff; width:10.83rem; padding:0.5rem 0 0; margin:0 auto; line-height:1.5rem; font-size:0.75rem;}
.g-ys p { width:10.83rem; margin:0 auto;}

/**/
.g-al { padding-top:2.25rem; height:31.6rem; overflow:hidden; clear:both;}
.g-al .m-bt { display:block; text-align:center; margin-bottom:1rem;}
.g-al .m-bt b { display:block; font-size:1.25rem; color:#333; line-height:1.25rem;}
.g-al .m-bt b em { color:#f37800;}
.g-al .m-bt span { font-family:Arial; text-transform:uppercase; color:#999; font-size:0.58rem;}

.g-al .c-list { display:block; padding-left:1.25rem;}
.g-al .c-list li { float:left; width:7.96em; height:2.42rem; line-height:2.42rem; text-align:center; color:#333; font-size:1rem; border:solid 1px #ccc;}
.g-al .c-list li.z-on { background:url(../images/bg.gif) repeat; border:solid 1px #e31a23; color:#fff;}

.m-zzcon { position:relative;}

.m-zzcon .no_ov { margin:1.67rem 1.25rem 0;}
.m-zzcon .sclwrap_box { height:18.7rem;}
.m-zzcon .no_ov .m-box .page { position:relative; float:left}
.m-zzcon .no_ov .m-box .page a { display:block; width:24.17rem; height:16.79rem; float:left; text-align:center; position:relative;}
.m-zzcon .no_ov .m-box .page a em { display:block; color:#fff; position:absolute; width:24.17rem; height:2.5rem; line-height:2.5rem; top:14.29rem; left:0; background:rgba(0,0,0,0.5) none repeat scroll !important; filter:Alpha(opacity=50);}
.m-zzcon p { padding:0 0 5rem 9.17rem; clear:both;}
.m-zzcon p i { display:block; float:left; width:8.67rem;}
.m-zzcon p a { display:block; float:left; width:3.63rem; margin:0.5rem 0 0 3rem;}

/*上消消防工程服务优势*/
.g-fw .m-bt { background:url(../images/ys_bt.gif) no-repeat; height:3rem; display:block; text-align:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-fw .m-bt b { display:block; height:2.08rem; line-height:2.08rem; color:#fff; font-size:1.25rem;}
.g-fw .m-bt em { display:block; font-size:0.58rem; text-transform:uppercase; font-family:Arial; color:#999; line-height:1rem;}
.g-fw p { padding-top:1rem;}
.g-fw p a { display:block; float:left; width:50%; text-align:center; height:17.08rem;}
.g-fw p a img { display:block; width:7.5rem; margin:0 auto;}
.g-fw p a b { display:block; padding:1.25rem 0;}
.g-fw p a em { display:block; width:10.63rem; margin:0 auto; line-height:1.25rem; font-size:0.75rem;}

/*广告*/
.g-pic { margin-top:1.3rem; position:relative;}
.g-pic a em { display:block; position:absolute; font-size:1.5rem; color:#fff; font-weight:bold; top:1.67rem; left:4.5rem;}





/**/
.g-zz { padding-top:1.75rem;}
.g-zz .m-bt { display:block; text-align:center; margin-bottom:1.2rem;}
.g-zz .m-bt b { display:block; font-size:1.25rem; color:#333; line-height:1.25rem;}
.g-zz .m-bt b em { color:#f37800;}
.g-zz .m-bt span { font-family:Arial; text-transform:uppercase; color:#999; font-size:0.58rem;}

.g-zz .m-cnt { display:block; padding-left:1.25rem;}
.g-zz .m-cnt li { float:left; width:12rem; text-align:center; color:#fff; font-size:1rem; background:#050505; height:2.5rem; line-height:2.5rem;}
.g-zz .m-cnt li.z-on {
background-image: -webkit-linear-gradient(top, #f37800, #f37800);
background-image: -moz-linear-gradient(top, #f37800, #f37800);
background-image: -o-linear-gradient(top, #f37800, #f37800);
background-image: -ms-linear-gradient(top, #f37800, #f37800);
background-image: linear-gradient(top, #f37800, #f37800);}

.g-zz .sclwrap_box{height:20.5rem; overflow:hidden}
.g-zz .m-box { margin:2rem 0 0;}
.g-zz .con { float:left}
.g-zz .con a { display:block; float:left; width:8.29rem; margin:0 0.5rem 0 3rem;}
.g-zz .con a i { display:block; background:url(../images/zz_picbg.gif) no-repeat; width:8.29rem; height:10.83rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zz .con a i img { width:6.04rem; padding:1.13rem 0 0 1.13rem;}
.g-zz .con a span { display:block; font-size:1rem; text-align:center;}
.g-zz .con p { clear:both; padding:0.5rem 0 0 8rem;}
.g-zz .con p a { width:10.83rem; margin:0;}


/*上消施工团队*/
.g-td { background:url(/../images/bg02.gif) repeat; height:36.92rem; position:relative;}
.g-td .m-bt { text-align:center; display:block; padding:1.75rem 0 1.2rem; color:#fff;}
.g-td .m-bt b { display:block; font-size:1.25rem;}
.g-td .m-bt em { display:block; font-size:0.58rem; font-family:Arial; color:#999; text-transform:uppercase; padding-top:0.2rem;}

.g-td .prev { position:absolute; top:16.1rem; left:0.33rem; width:2rem; z-index:999;}
.g-td .prev img { width:100%;}
.g-td .next { position:absolute; top:16.1rem; right:0.33rem; width:2rem; z-index:999;}
.g-td .next img { width:100%;}

.g-td .nowarp { margin:0 2.92rem;}
.g-td .nowarp .sclwrap_box{ height:28rem;}
.g-td .nowarp .m-box .con { float:left}
.g-td .nowarp .m-box .con a { display:block; width:20.83rem;}
.g-td .nowarp .m-box .con a em { display:block; font-size:1rem; text-align:center; color:#fff; padding-top:0.3rem;}
.g-td i { display:block; width:10.83rem; margin:0 auto;}


/*上消合作伙伴*/
.g-hz { padding:1.54rem 0 1rem;}
.g-hz .m-bt { background:url(../images/hz_bt.gif) no-repeat; height:3rem; display:block; text-align:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-hz .m-bt b { display:block; height:2.08rem; line-height:2.08rem; color:#fff; font-size:1.25rem;}
.g-hz .m-bt em { display:block; font-size:0.58rem; text-transform:uppercase; font-family:Arial; color:#999; line-height:1rem;}
.g-hz p { padding:1.35rem 0 0;}
.g-hz p a { display:block; float:left; width:7.21rem; height:3.85rem; border:solid 1px #aaa; margin:0 0 1.05rem 1.25rem;}
.g-hz i { display:block; clear:both; padding:0.5rem 0 0 8rem; width:10.83rem;}

/**/
.g-ds { padding-top:2rem;}
.g-ds .m-bt { background:url(../images/ys_bt.gif) no-repeat; height:3rem; display:block; text-align:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ds .m-bt b { display:block; height:2.08rem; line-height:2.08rem; color:#fff; font-size:1.25rem;}
.g-ds .m-bt em { display:block; font-size:0.58rem; text-transform:uppercase; font-family:Arial; color:#999; line-height:1rem;}
.g-ds p { padding: 1.75rem 0 0 1.17rem;}
.g-ds p i { display:block; float:left; width:1rem; padding:0.5rem 1rem 0 0;} 
.g-ds p span { display:block; float:left; width:23.13rem; font-size:0.83rem; color:#333; line-height:2.08rem;} 

/*风采展示*/
.g-fc .m-bt { text-align:center; display:block; padding:1rem 0 1.2rem; color:#333;}
.g-fc .m-bt b { display:block; font-size:1.25rem;}
.g-fc .m-bt em { display:block; font-size:0.58rem; font-family:Arial; color:#999; text-transform:uppercase; padding-top:0.2rem;}

.g-fc .m-cnt { display:block; padding-left:1.25rem;}
.g-fc .m-cnt li { float:left; width:6rem; text-align:center; color:#fff; font-size:1rem; background:#050505; height:2.5rem; line-height:2.5rem;}
.g-fc .m-cnt li.z-on {
background-image: -webkit-linear-gradient(top, #f37800, #f37800);
background-image: -moz-linear-gradient(top, #f37800, #f37800);
background-image: -o-linear-gradient(top, #f37800, #f37800);
background-image: -ms-linear-gradient(top, #f37800, #f37800);
background-image: linear-gradient(top, #f37800, #f37800);}

.g-fc .sclwrap_box{height:20.5rem; overflow:hidden}
.g-fc .m-box { margin:1.5rem 0 0;}
.g-fc .con { float:left}
.g-fc .con a { display:block; float:left; width:11.46rem; margin:0 0 0 1.25rem;}
.g-fc .con a span { display:block; font-size:1rem; text-align:center; line-height:3rem;}
.g-fc .con p { clear:both; padding:0.5rem 0 0 8rem;}
.g-fc .con p a { width:10.83rem; margin:0;}



/**/
.g-wd { padding-bottom:1rem; clear:both;}
.g-wd .m-cnt { display:block;}
.g-wd .m-cnt li { float:left; width:33.3%; text-align:center; color:#fff; font-size:1rem; background:#050505; height:2.9rem; line-height:2.9rem;}
.g-wd .m-cnt li.z-on {
background-image: -webkit-linear-gradient(top, #c50000, #c50000);
background-image: -moz-linear-gradient(top, #c50000, #c50000);
background-image: -o-linear-gradient(top, #c50000, #c50000);
background-image: -ms-linear-gradient(top, #c50000, #c50000);
background-image: linear-gradient(top, #c50000, #c50000);}

.g-wd .sclwrap_box { height:19rem; clear:both;}

.g-wd .con dl { margin:1.8rem 1.25rem 0; height:13rem }
.g-wd .con dl:last-child { border:none;}
.g-wd .con dl dt { height:4rem; border-bottom:solid 1px #d0d0d0; margin-bottom:1rem;}
.g-wd .con dl dt em { display:block; width:1.42rem; float:left; padding:0 0.58rem 0.5rem 0; float:left;}
.g-wd .con dl dt a {  height:1rem; width:21.67rem; display:block; float:left; line-height:1.5rem;}
.g-wd .con dl dd { clear:both;}
.g-wd .con dl dd em { display:block; width:1.42rem; float:left; padding-right:0.58rem;}
.g-wd .con dl dd span { display:block; float:left; width:22.08rem; line-height:1.75rem; color:#666;}
.g-wd .con p { padding:1rem;}
.g-wd .con p a { display:block; height:2.5rem; line-height:2.5rem; overflow:hidden;}
.g-wd .con p a img { display:block; float:left; width:0.32rem; padding:1rem 0.5rem 0 0;}
.g-wd .con i { display:block; width:10.83rem; margin:1rem auto 0; clear:both;}

/**/



/**/


/*四大特点*/
.g-four{background: #f3f8fd;}
.g-four dl{ display:inline-block;width: 25rem;height: 12rem; margin:0 0 1.67rem 0.83rem;}
.g-four dl dt{width: 13rem;float: left; padding:0.75rem 0 0;}
.g-four dl dt img{width: 13rem;height: 10.54rem;}
.g-four dl dd{width: 9.5rem;float: left; padding-left:0.75rem; padding-top:1.5rem; text-align:right;}
.g-four dl dd b{display: block;height: 2rem;}
.g-four dl dd b a{font-size: 1rem;color: #c50000;}
.g-four dl dd p{font-size: 0.75rem;color: #333;line-height: 1.25rem; padding:0.5rem 0 0;}
.g-four dl:nth-child(2n) dt{float: right;}
.g-four dl:nth-child(2n) dd{ padding-left:1.25rem; text-align:left;}
.g-four dl:nth-child(1){ background:url(../images/four_bg01.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-four dl:nth-child(2){ background:url(../images/four_bg02.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-four dl:nth-child(3){ background:url(../images/four_bg03.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-four dl:nth-child(4){ background:url(../images/four_bg04.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



/* 走进明硕*/
.g_zj{height: 31rem; padding-top: 3rem;}
.g_zj h2{height: 6rem;text-align: center;position: relative;font-size: 1.2rem;font-weight: normal;color: #333333;}
.g_zj h2 a{color: #333333;}
.g_zj h2 b{color: #c50000;font-size: 1.2rem;display:block;}
.g_zj h2 em{display: block;font-size: 0.7rem;color: #b6b6b6;text-transform: uppercase;font-weight: normal;padding-top: 1.5rem;}
.g_zj h2:before{content: "";position: absolute; background-size: 100%; width: 100%;height: 0.2rem;left:0;top:3rem;}
.g_zj dl{padding: 0 6% 0 6%;}
.g_zj dt{width: 100%;margin-bottom:1.5rem;}
.g_zj dt img{display: block;width: 100%;}
.g_zj h3{height: 2rem;line-height: 2rem;overflow: hidden;font-size: 1.3rem;color: #c50000;font-weight: bold;margin-bottom: 0.5rem;}
.g_zj h3 a{color: #0089e2;}
.g_zj dd p{color: #666666;font-size: 1.1rem;height: 8.1rem; line-height: 2rem;overflow: hidden; margin-bottom: 0.8rem;}



/* 明硕相册 */
.g_xc2{height:17.2rem;  overflow: hidden;}
.g_xc2 .tabs3{height: 4.8rem;}
.g_xc2 .tabs3 li{position: relative; display: block;float: left;width: 49%;text-align: center;font-size: 1.2rem;color: #fff;background: #2b2b2b;height: 3.6rem;line-height: 3.6rem;}
.g_xc2 .tabs3 li:before{content: "";position: absolute;width: 1px;height: 3.6rem;background: #fff;right: 0;top:0;}
.g_xc2 .tabs3 .active{position: relative; background:#c50000;}
.g_xc2 .tabs3 li a{color: #fff;}
.g_xc2 .tabs3 .active:after{
    border-top: 0.4rem solid #c50000;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    content: "";
    left: 50%;
    bottom:-0.4rem;
    margin-left: -0.4rem;
    position: absolute;}

.g_xc2 .js-swiper-nest-bas-in {overflow: hidden;}
.xclst2 ul{margin: 0 4%;}
.xclst2 li{position: relative; float: left;width: 47%;margin-right: 4%;}
.xclst2 li:nth-child(2){margin-right: 0;}
.xclst2 li img{width: 100%;display: block;}
.xclst2 li em{display: block;width: 100%;height: 2rem;line-height: 2rem;text-align: center;overflow: hidden;border-bottom: 0.1rem solid #eb3d00; font-size: 1.1rem;color: #666666;}


/**/
.g-xlb{position:relative; height:37rem; overflow:hidden;}
.g-xlb h3{ font-size:1.20rem; color:#c50000; font-weight:bold; text-align:center; padding-bottom:0.9rem; overflow:hidden;}
.g-xlb h3 strong{ font-size:1.2rem;}
.g-xlb h3 span{ display:block; line-height:1.7rem; border:1px solid #999; font-size:0.8rem; color:#333; font-weight:normal;width:86.5%; margin:0.4rem auto 0;}
.g-xlb .c-list {width:100%; overflow:hidden; padding:0 3.3% 0.35rem; clear:both; box-sizing:border-box;}
.g-xlb .c-list li { float:left; width:48%; position:relative; font-size:0.83rem; text-align:center;border:1px solid #e5e5e5;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2)); 
background-image: -webkit-linear-gradient(top,   #fff, #f2f2f2); 
background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
background-image: linear-gradient(top,  #fff, #f2f2f2);  box-sizing:border-box; color:#222222; height:2.5rem; line-height:2.5rem; margin-bottom:0.7rem; box-sizing:border-box;}
.g-xlb .c-list li:nth-child(2n){ float:right;}
.g-xlb .c-list li.z-on { background:#c50000; color:#fff; font-weight:bold; border:1px solid #f08000;}
.g-xlb  .m-cpcon { position:relative;}
.g-xlb  .m-cpcon .prev { position:absolute; bottom:6.5rem; left:26.5%; width:6rem; z-index:9;}
.g-xlb  .m-cpcon .next { position:absolute; bottom:6.5rem; right:26.5%; width:6rem; z-index:9;}
.g-xlb  .m-cpcon .no_ov { margin:0 3.3%;}
.g-xlb  .m-cpcon .sclwrap_box { height:30rem;}
.g-xlb  .m-cpcon .no_ov .m-box .page { position:relative; float:left}
.g-xlb  .m-cpcon .page ul{ overflow:hidden;  box-sizing:border-box; background:#e8e8e8;}
.g-xlb  .m-cpcon .page ul li span{ display:block; height:2.8rem; color:#666; line-height:2.8rem; text-align:center;}
.g-xlb  .m-cpcon .page ul li span a{color:#666;}
.g-xlb  .m-cpcon .page ul li img{height:377px;width:598px;}

/**/