.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%;}}

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

.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:10.25rem; left:11.17rem;}
.g-adv .m-cnt li{ background:#fff; width:0.58rem; height:0.58rem; float:left; margin:0 0.44rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-adv .m-cnt li.z-on{ background:#c91f20; width:1.25rem;}

/*导航样式*/
.g-nav { position:relative; clear:both; background:#f7f4f8; height:14.5rem; }
.g-nav a { float:left; padding:1.29rem 0 1.8rem; width:33.33%; text-align:center; display:block; color:#787578; font-size:0.83rem; position:relative; border-bottom:solid 1px #e0e2e2; background:#fff }
.g-nav a i { width:2.5rem; display:block; margin:0 auto 0.2rem;}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#e0e2e2; top:0; right:0;}
.g-nav a:nth-child(1),.g-nav a:nth-child(2),.g-nav a:nth-child(3) { border-top:none;}
.g-nav a:nth-child(3n):before,.g-nav a:nth-child(3n):after { background:none}

/*杭州一体化建筑材料*/
.g-vs { padding:2rem 0 0; border-bottom:solid 0.5rem #f7f4f8}
.m-bt01 { text-align:center;}
.m-bt01 a { font-size:1.25rem; color:#666; font-weight:bold;}
.m-bt01 a em { color:#c91f20}

.g-vs .m-cnt { display:block; padding:1rem 0 0; height:3.75rem;}
.g-vs .m-cnt li { float:left; width:7.42rem; height:2.42rem; line-height:2.42rem; border:solid 1px #e5e5e5; text-align:center; color:#666; font-size:1rem; border-radius:0.2rem; margin-right:0.83rem;}
.g-vs .m-cnt li.z-on { background:#c91f20; border:solid 1px #c91f20; color:#fff;}

.g-vs .sclwrap_box{height:4.75rem; overflow:hidden}
.g-vs .con { float:left}
.g-vs .con p { width:11.83rem; float:left; font-size:0.75rem; color:#666; text-align:right;}
.g-vs .con p span { display:block; font-size:1rem; color:#666;}
.g-vs .con p span em { color:#c91f20}
.g-vs .con i { display:block; float:left; width:1.67rem; margin:0.3rem 0.5rem;}
.g-vs .con .m-p02 { text-align:left;}

/*观看视频*/
.g-sp { padding:2rem 0 0; height:23rem; border-bottom:solid 0.5rem #f7f4f8}
.g-sp p { width:24.17rem; margin:0 auto; padding:1.63rem 0 0;}
.g-sp i { display:block; padding:1.07rem 0 0; text-align:center;}
.g-sp i a { font-size:0.75rem; color:#c91f20}

/*产品中心*/
.g-zx { padding:2rem 0 0;}
.g-zx .m-bt { display:block; text-align:center; font-size:1rem; color:#666; margin-bottom:2.5rem;}
.g-zx .m-bt b { display:block; font-size:1.5rem; color:#c91f20;}

.g-zx .m-cnt { height:2.2rem; border-bottom: solid 2px #c1c1c2}
.g-zx .m-cnt li { float:left; padding:0 5rem 0 0; color:#666; font-size:1rem; position:relative;}
.g-zx .m-cnt li:nth-child(3) { padding:0;}
.g-zx .m-cnt li.z-on { color:#c91f20;}
.g-zx .m-cnt li.z-on:after { position:absolute; content:""; width:5.88rem; height:0.17rem; top:2.08rem; left:0; background:#c91f20}

.g-zx .sclwrap_box { height:13rem; margin:1.25rem 0 0;}
.g-zx .con { float:left;}
.g-zx .con p { padding:0.75rem 0 0; height:8.33rem;}
.g-zx .con p a { display:block; width:12.67rem; float:left; height:2rem; font-size:1rem; color:#666}
.g-zx .con i a { width:11.58rem; height:2.75rem; line-height:2.75rem; border:solid 1px #b1b1b1; border-radius:15rem; font-size:1.17rem; color:#666; text-align:center; display:block; margin:0 auto;}

.g-cp { height:19.6rem; border-bottom:solid 0.5rem #f7f4f8}
.g-cp .sclwrap_box{height:16.5rem; overflow:hidden}
.g-cp .m-box { margin-top:1rem;}
.g-cp .con { float:left}
.g-cp .con a { display:block; float:left; width:12rem; margin-left:0.75rem;}
.g-cp .con a img { width:11.58rem; border:solid 1px #ddd;}
.g-cp .con a em { display:block; font-size:1rem; color:#666; padding:0.5rem 0 0; text-align:center;}

.g-cp .m-cnt{ padding:0 0 0 11.88rem;}
.g-cp .m-cnt li{ background:#c8c8c8; width:0.58rem; height:0.58rem; float:left; margin:0 0.5rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-cp .m-cnt li.z-on{ background:#c91f20;}

/*案例中心*/
.g-al { padding:2rem 0 0; height:34.3rem; border-bottom:solid 0.5rem #f7f4f8; position:relative;}
.m-pic { position:absolute; width:1.67rem; top:31.46rem; left:19.42rem;}
.g-al .m-bt01 a { font-size:1.5rem;}

.g-al .sclwrap_box{height:29.5rem; overflow:hidden}
.g-al .m-box { margin-top:1rem;}
.g-al .con { float:left}
.g-al .con a { display:block; width:15.63rem; margin:0 auto 0.75rem;}
.g-al .con a b { display:block; font-size:1.25rem; color:#000; padding:1rem 0;}
.g-al .con a i { display:block; width:1.25rem; height:3px; background:#e60012; margin:0 0 1rem; font-size:0; line-height:0;}
.g-al .con a em { display:block; font-size:0.75rem; color:#666; line-height:1.25rem;}

.g-al .m-cnt{ padding:0 0 0 11.88rem;}
.g-al .m-cnt li{ background:#c8c8c8; width:0.58rem; height:0.58rem; float:left; margin:0 0.5rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-al .m-cnt li.z-on{ background:#c91f20;}

/*广告*/
.g-pic { border-bottom:solid 0.5rem #f7f4f8; line-height:0;}



/*优势*/
.g-ys { padding:2rem 0 0;}
.g-ys .m-bt01 a { font-size:1.5rem;}

.g-ys .sclwrap_box{height:25.5rem;}
.g-ys .m-box { margin-top:4rem;}
.g-ys .con { float:left}
.g-ys .con p { position: relative;}
.g-ys .con p a { display:block; width:18.75rem; margin:0 auto;}
.g-ys .con p a b { display:block; font-size:1rem; color:#000; padding:1rem 0; text-align:center;}
.g-ys .con p span { width:3.33rem; height:3rem; background:#c91f20; line-height:3rem; font-size:1rem; color:#fff; display:block; text-align:center; position:absolute; top:0; left:20.88rem; z-index:999;}
.g-ys .con p span em { font-size:2rem; font-style:italic;}

.g-ys .m-cnt{ padding:0 0 0 11.88rem;}
.g-ys .m-cnt li{ background:#c8c8c8; width:0.58rem; height:0.58rem; float:left; margin:0 0.5rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys .m-cnt li.z-on{ background:#c91f20;}

/*客户见证*/
.g-jz { background:url(browse.php?u=Oi8vd3d3LnlpdGlodWE5OS5jb20vbW9iaWxlL0ltYWdlcy9JbmRleC9qel9iZy5qcGc%3D&b=29) no-repeat; height:40rem; margin:3rem 0 0; border-bottom:solid 0.5rem #f7f4f8;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-jz .m-bt { display:block; padding:3.67rem 0 0; text-align:center; color:#fff; font-size:1.5rem; font-weight:bold;}

.g-jz .sclwrap_box{height:32rem;}
.g-jz .m-box { margin-top:2.5rem;}
.g-jz .con { float:left}
.g-jz .con p  { background:url(browse.php?u=Oi8vd3d3LnlpdGlodWE5OS5jb20vbW9iaWxlL0ltYWdlcy9JbmRleC9qel9waWNiZy5wbmc%3D&b=29) no-repeat; width:16.42rem; height:28.04rem; margin:0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover}
.g-jz .con p a img { display:block; width:9.46rem; margin:0 auto; padding:1.46rem 0 0;} 
.g-jz .con p a em { display:block; color:#fff; padding:0.75rem 0; text-align:center;}
.g-jz .con p a i { display:block; color:#fff; padding:0.75rem 0; text-align:center;}
.g-jz .con p a span { display:block; color:#f5f5f5; padding:0.75rem 0; text-align:center; padding: 0 2rem; line-height:1.33rem; font-size:0.75rem;}

.g-jz .m-cnt{ padding:0 0 0 11.88rem;}
.g-jz .m-cnt li{ background:#c8c8c8; width:0.58rem; height:0.58rem; float:left; margin:0 0.5rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-jz .m-cnt li.z-on{ background:#c91f20;}

/*公司简介*/
.g-zj { padding:1.25rem 0 0; height:22.5rem; border-bottom:solid 0.5rem #f7f4f8;}
.g-zj i { display:block; width:24.17rem; margin:0 auto;}
.g-zj span { display:block; padding:2rem 0 0;}
.g-zj span a { width:11.58rem; height:2.75rem; line-height:2.75rem; border:solid 1px #c1c1c1; font-size:1.17rem; color:#555; text-align:center; display:block; float:left; margin-right:0.75rem; border-radius:10rem;}

/*杭州一体化建材动态*/
.g-dt .m-cnt { padding:2.08rem 0 0 1.25rem; height:5.25rem;}
.g-dt .m-cnt li { float:left; color:#fff; font-size:1rem; width:11.33rem; height:2.5rem; line-height:2.5rem; color:#666; text-align:center; margin-right:1rem;}
.g-dt .m-cnt li.z-on { background:#c91f20; color:#fff; border-radius:0.2rem;}

.g-dt .sclwrap_box { height:21.5rem}
.g-dt .con p { padding:0 1.25rem;}
.g-dt .con p a { display:block; height:6.17rem; border-bottom:solid 2px #f2f0f2; margin-bottom:1.25rem;}
.g-dt .con p a img { width:4.92rem; float: right; display:block;}
.g-dt .con p a span { display:block; float: left;}
.g-dt .con p a span b { display:block; height:4rem; font-size:1.17rem; color:#484548; line-height:1.5rem;}

/*在线预约*/
.g-lx { height:14.5rem;border-bottom:solid 0.5rem #f7f4f8;}
.g-lx .m-bt { display:block; padding:1.33rem 0 0 2.29rem;}
.g-lx .m-bt b { display:block; font-size:1.25rem; color:#333}
.g-lx .m-bt em { display:block; font-size:0.75rem; color:#c00}

.g-lx ul { padding:0.5rem 0 0 2.29rem;}
.g-lx ul li { background:#eee; width:21.71rem; height:2.29rem; line-height:2.29rem; margin-bottom:0.32rem; border-radius:0.2rem; clear:both; }
.g-lx ul li em { display:block; font-size:0.68rem; color:#666; padding:0 0.5rem; float:left;}
.g-lx ul li .sinp01{ background:#eee; width:17rem; height:2.29rem; line-height:2.29rem; font-size:1rem; font-family:"Microsoft Yahei"; outline:none; color:#666; float:left;}
.g-lx ul .h66 { height:3.63rem; background:none;}
.g-lx ul .m-li01 { background:none; width:22rem; height:3rem;}
.g-lx ul .m-li01 span { background:#333; width:13.42rem; height:2.29rem; line-height:2.29rem; margin-bottom:0.32rem; border-radius:0.2rem; display:block; float:left;}
.g-lx ul .m-li01 .sinp02 { background:#333; width:9rem; height:2.29rem; line-height:2.29rem; font-size:1rem; font-family:"Microsoft Yahei"; outline:none; color:#666; float:left;}

.g-lx ul .m-li01 i { display:block; float:left; width:4.13rem; margin:0.3rem 0 0 0.5rem;}
.g-lx ul .m-li02 { background:none; width:24rem}
.g-lx ul .m-li02 a { display:block; float:left; margin-right:0.58rem;}
.g-lx ul .m-li02 a img { width:11.25rem; height:2.5rem; float:left; display:block;border-radius:5px;}
.g-lx ul .m-li02 a:nth-child(2) img { width:9.88rem;}

.query-cover { position: fixed; left: 0; top: 0; z-index: 20000; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70);display: none;}

        .query-pop { position: fixed; left: 50%; top: 50%; z-index: 20001; width: 400px; height: 280px; padding-top: 15px; transform: translate(-50%,-50%); background: #fff;  font-size: 14px;}
        .query-pop .tel { overflow: hidden; }
        .query-pop .tel .input-wrap,
        .query-pop .tel .btn-wrap { float: left; }
        .query-pop .tel .input-wrap { width: 188px; height: 40px; border-bottom: 1px solid #333;  margin-right: 10px; }
        .query-pop .tel .btn-wrap { width: 120px; }
        .query-pop .tel .phone-wrap { font-size: 34px; font-weight: bolder; line-height: 1;}
        .query-pop .tel .phone-wrap a { color: #e60012;}
        .query-pop .tel .input-wrap input { border: 0; height: 39px; line-height: 39px; padding: 0; font-size: 20px; }
        .query-pop .tel,
        .query-pop .net { padding: 0 40px; margin: 10px 0; }
        .query-pop .btn-wrap a { background: #e60012; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 18px; height: 40px; line-height: 38px; text-align: center; }
        .query-pop .btn-wrap .btn-qqstart{margin-top:12px;}
        .query-pop .tip { padding-bottom: 5px; }
        .query-pop .close-btn { position: absolute; top: 10px; right: 10px; text-decoration: underline; color: #999; font-size: 12px; width: 25px; height: 25px; text-indent: -100em; overflow: hidden; background: url(browse.php?u=Oi8vd3d3LnlpdGlodWE5OS5jb20vbW9iaWxlL0ltYWdlcy9JbmRleC9wb3AtY2xvc2VidG4ucG5n&b=29) no-repeat center center; }
        .query-pop .net #pcnetbtn { display: block; }
        #newBridge{display: none!important;}
        .query-pop .green_information_safety{background:url(browse.php?u=Oi8vd3d3LnlpdGlodWE5OS5jb20vbW9iaWxlL0ltYWdlcy9JbmRleC9wb3BfbG9jay5wbmc%3D&b=29) left center no-repeat;font-size: 12px; line-height: 19px; color: #1db816;margin: 10px 0 15px;text-indent: 1.6em;}
        .query-pop .query_pop_box { position: relative;}
        .query-pop .query_pop_input {border: 1px solid #adada9;width: 198px;height: 38px;
        font-size: 14px;
        line-height: 38px;
        color: #333;
        text-indent: 1em;
        }
        .query-pop .query_pop_button{
        width: 120px;
        height: 40px;
        line-height: 40px;
        padding:0;
        margin:0;
        outline: none;
        box-shadow: none;
        border:0;
        color:#fff;
        background: #e70012;
        font-size: 14px;
        }
        .query-pop .query_pop_box .red_tip{
        display: none;
        font-size: 12px;
        line-height: 28px;
        color: #e70012;
        position: absolute;
        top: 100%;
        left:0;
        width: 100%;
        background: #fff;
        text-indent: 1em;
        }
        .query-pop .query-pop-success {display: none;}
        .query-pop .subdetail{font-size: 12px;line-height: 1.5;margin-top: 14px; color: #666;margin-bottom:10px;}
.query-pop .query-pop-success .subtitle {font-size: 30px; line-height: 1; color: #e70012; margin-top: 42px; text-align: center; font-weight: bold; }
.query-pop .query-pop-success .subdetail {font-size: 14px; line-height: 1.5; color: #666666; margin-top: 22px; text-align: center; }