.m_nav { height: 7.6rem; background: #62a136; }
.m_nav li { float: left; color: #fff; width: 33.333%; text-align: center; }
.m_nav li { height: 3.8rem; line-height: 3.8rem; font-size: 1.2rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
.m_nav a:nth-child(3n) li { border-right: none; }
.m_nav a:nth-child(1) li, .m_nav a:nth-child(4) li { border-left: none; }
.m_nav a:nth-child(5) li, .m_nav a:nth-child(6) li, .m_nav a:nth-child(4) li { border-bottom: none; }

.g-adv { height: auto; }
.g-adv .sclwrap_box, .g-adv .m-box, .g-adv .m-box img { overflow: hidden; height:auto; }
.g-adv .m-box li img { width: 100%; }
.g-adv .m-cnt { height: 1.7rem; padding-top: 0.8rem; padding-left: 41%; }
.g-adv .m-cnt li { float: left; width: 0.8rem; height: 0.8rem; background: #d4d4d4; border-radius: 50%; margin-right: 1.2rem; }
.g-adv .m-cnt li.z-on { background: #fdd100; }

.g_wt { background: #fff url("../images/wtbg.jpg") no-repeat 0 2.5rem; background-size: 100%; height: 31.2rem; padding-top: 2.5rem; }
.g_wt h2 { width: 61%; margin: 0 auto 1.5rem; }
.g_wt h2 img { width: 100%; display: block; }
.g_wt li { font-size: 1.2rem; line-height: 2.5rem; color: #666666; padding-left: 13%; }
.g_wt li b { color: #006531; }
.g_wt span { display: block; width: 12rem; height: 2.4rem; line-height: 2.4rem; border: 0.15rem solid #fd8f00; text-align: center; font-size: 1rem; color: #fd8f00; margin: 1.5rem auto; }

.g_nine { background: url("../images/ninebg.jpg") no-repeat; background-size: 100%; height: 26rem; padding-top: 4.4rem; }
.g_nine h2 { height: 7.6rem; width: 100%; }
.g_nine h2 img { width: 100%; display: block; }
.g_nine { padding-left: 8%; }
.g_nine li { float: left; position: relative; width: 25%; height: 3rem; padding-top: 0.6rem; text-align: center; font-size: 1rem; line-height: 1.3rem; color: #fff; border: 1px solid #67ae8b; border-radius: 0.3rem; margin-right: 10%; margin-bottom: 1.8rem; }
.g_nine li b { position: absolute; left: -0.6rem; top: -0.9rem; width: 1.7rem; height: 1.7rem; border-radius: 50%; border: 0.1rem solid #fde800; text-align: center; line-height: 1.7rem; font-size: 1rem; color: #fde800; background: #02783e; font-weight: normal; }
.g_nine li:nth-child(3n) { margin-right: 0; }

.g_bd2 { background: #f1f1f1; padding-top: 1.2rem; }

.g_bd2 h2 { height: 6.5rem; }
.g_bd2 .m_bd { position: relative; background: url("../images/bdbg.jpg") no-repeat; background-size: 100%; height: 39rem; }
.g_bd2 .m_bd li { position: absolute; font-size: 0.9rem; color: #333333; }
.g_bd2 .m_bd li:nth-child(1) { left: 41%; top: 3.5rem; }
.g_bd2 .m_bd li:nth-child(2) { left: 27.6%; top: 6.8rem; }
.g_bd2 .m_bd li:nth-child(3) { left: 21.8%; top: 12rem; }
.g_bd2 .m_bd li:nth-child(4) { left: 26%; top: 16.5rem; }
.g_bd2 .m_bd li:nth-child(5) { left: 42%; top: 21rem; }
.g_bd2 .m_wz { position: absolute; right: 3%; top: 24.2rem; text-align: right; }
.g_bd2 .m_wz p:nth-child(1) { font-size: 1.8rem; color: #027740; font-weight: bold; }
.g_bd2 .m_wz p:nth-child(2) { font-size: 1.2rem; color: #000; }
.g_bd2 .m_wz p:nth-child(3) { font-size: 2.3rem; color: #027740; font-weight: bold; margin-top: 0.5rem; }
.g_bd2 .m_wz p:nth-child(4) { font-size: 1.3rem; color: #000; }

/* 专家团队 */
.g_team { background: url("../images/teambg.jpg") no-repeat; background-size: 100%; height: 31.1rem; padding-top: 4rem; }
.g_team h2 { height: 5.5rem; }
.g_team .m_team { padding-left: 10%; }
.g_team .m_team dl { float: left; width: 43%; margin-right: 7%; height: 20rem; }
.g_team .m_team dt { width: 100%; }
.g_team .m_team dt img { width: 100%; display: block; border: 0.15rem solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.g_team .m_team dd { margin-top: 0.7rem; }
.g_team .m_team h3 { position: relative; padding-left: 1.3rem; font-size: 1.2rem; color: #fff; font-weight: bold; height: 1.5rem; line-height: 1.5rem; overflow: hidden; margin-bottom: 0.7rem; }
.g_team .m_team h3:before { content: ""; position: absolute; background: url("../images/tico.jpg") no-repeat; background-size: 100%; width: 0.9rem; height: 0.9rem; left: 0; top: 0.3rem; }
.g_team .m_team p { font-size: 1.1rem; color: #fff; line-height: 1.6rem; height: 6.4rem; overflow: hidden; }
.g_team .m_team p a { color: #fff; }
.g_team span { display: block; position: relative; margin: 0 auto; width: 6.5rem; height: 1.8rem; line-height: 1.8rem; text-align: center; border: 0.1rem solid #fde800; font-size: 1.2rem; color: #fde800; }
.g_team span:before { border-bottom: 0.4rem solid transparent; border-top: 0.4rem solid transparent; border-left: 0.4rem solid #fde800; top: 0.5rem; content: ""; right: 5%; position: absolute; }


/* 优势一 */
.g_ys { height: 46.5rem; background: #f1f1f1; padding-top: 1.2rem; }
.g_ys .sclwrap_box, .g_ys .m-box { height: 39rem; }
.g_ys h2 { height: 6.2rem; }
.m_ys { position: relative; }
.m_ys .prev, .m_ys .next { height: 4rem; position: absolute; text-align: center; top: 36rem; width: 4rem; z-index: 99; }
.m_ys .prev { left: 30%; }
.m_ys .next { right: 30%; }
.m_ys .prev img, .m_ys .next img { width: 100%; }
.m_ys .nowarp { overflow: hidden; position: relative; width: 100%; }
.m_ys p { margin: 0 9% 2.5rem; width: 82%; }
.m_ys p img { width: 100%; display: block; }
.m_ys dl { margin-bottom: 1rem; }
.m_ys dt { position: relative; padding: 0 3% 0 12%; font-size: 1.3rem; color: #222222; font-weight: bold; height: 3rem; line-height: 3rem; overflow: hidden; }
.m_ys dt b { content: ""; position: absolute; background: url("../images/ysno.jpg") no-repeat; background-size: 100%; width: 3rem; height: 3rem; line-height: 3rem; color: #fff; font-size: 1.5rem; font-family: arial; text-align: center; left: 1%; top: 0.3rem; font-weight: normal; }
.m_ys dd { padding: 0.2rem 3% 0 12%; font-size: 1.1rem; color: #666666; line-height: 1.8rem; }
.m_conc { height: 36.9rem; }
.m_ys span { display: block; padding-left: 44%; }
.m_ys span a { display: block; float: left; width: 0.7rem; height: 0.7rem; background: #4c4f57; border-radius: 50%; margin-right: 0.6rem; }
.m_ys span a:hover, .m_ys .cur { background: #04773e; }

/* 性能优势 */
.g_xnys { background: url("../images/xnysbg.jpg") no-repeat; background-size: 100%; height:45rem; padding-top: 3rem; }
.g_xnys h2 { height: 6.3rem; }
.g_xnys ul { margin: 0 5%; }
.g_xnys table { margin: 0 5%; border-left: #045b31 solid 1px; border-top: #045b31 solid 1px; border-collapse: collapse; background: #fff; }
.g_xnys table tr { }
.g_xnys table td { border-right: #045b31 solid 1px; border-bottom: #045b31 solid 1px; padding: 10px 10px 6px; vertical-align: top; }
/*.talent{ width:95%; border-left:#C8B9AE solid 1px;border-top:#C8B9AE solid 1px;border-collapse:collapse;}  
.talent td{width:25%;border-right:#C8B9AE solid 1px;border-bottom:#C8B9AE solid 1px;padding:10px 10px 6px;vertical-align: top;}*/
.g_xnys li { margin-bottom: 1px; }
.g_xnys li b { float: left; width: 30%; margin-right: 1%; text-align: center; background: #c4e2af; font-size: 1.1rem; color: #004e27; font-weight: normal; }
.g_xnys li em { float: left; width: 65%; padding: 0 1% 0 3%; background: #fff; font-size: 1.1rem; color: #333333; display: block; }
/*.g_xnys li { height: 3rem; line-height: 3rem; }
.g_xnys li { height: 4.8rem; line-height: 4.8rem; }
.g_xnys li b { height: 4.8rem; line-height: 4.8rem; }
.g_xnys li em { height: 3.8rem; padding-top: 1rem; line-height: 1.4rem; }*/
/*.g_xnys li:nth-child(3) { height: 2.7rem; line-height: 2.7rem; }
.g_xnys li:nth-child(4) { height: 4.8rem; line-height: 4.8rem; }
.g_xnys li:nth-child(4) b { padding-top: 1rem; height: 3.8rem; line-height: 1.4rem; }
.g_xnys li:nth-child(4) em { height: 3.8rem; padding-top: 1rem; line-height: 1.4rem; }
.g_xnys li:nth-child(5) { height: 2.7rem; line-height: 2.7rem; }
.g_xnys li:nth-child(6) { height: 2.7rem; line-height: 2.7rem; }
.g_xnys li:nth-child(7) { height: 2.7rem; line-height: 2.7rem; }
.g_xnys li:nth-child(8) { height: 2.7rem; line-height: 2.7rem; }
.g_xnys li:nth-child(1) b { background: #93c86f; color: #006433; font-size: 1rem; font-weight: bold; height: 3rem; line-height: 3rem; }
.g_xnys li:nth-child(1) em { position: relative; width: 43%; padding-left: 25%; background: #fff258; color: #006433; font-size: 1rem; font-weight: bold; height: 3rem; line-height: 3rem; }
.g_xnys li:nth-child(1) em:before { content: ""; position: absolute; background: url("../images/xnico.jpg") no-repeat; background-size: 100%; width: 2.4rem; height: 2.4rem; left: 19%; top: 0.3rem; }*/


/* 产品 */
.g_pro { padding-top: 2.6rem; height:53rem; }
.g_pro h2 { height: 3rem; }
.m_fl dl { margin: 0 10%; border-bottom: 1px solid #d3d3d3; line-height: 3rem; }
.m_fl dt { float: left; width: 22%; font-size: 1.3rem; font-weight: bold; }
.m_fl dt a { color: #02783e; display: block; float: left; }
.m_fl dt b { width: 0.6rem; height: 0.7rem; display: block; float: left; padding-left: 5%; position: relative; top: 0.1rem; }
.m_fl dt b img { width: 100%; }
.m_fl dd { float: left; width: 70%; font-size: 1.1rem; color: #666666; }
.m_fl dd a { color: #666666; display: block; float: left; padding: 0 3%; }
.m_fl dl:nth-child(1), .m_fl dl:nth-child(2), .m_fl dl:nth-child(4) { line-height: 3rem; }
.m_fl dl:nth-child(3) dd { line-height: 1.8rem; padding: 0.6rem 0; }
.m_fl dl:nth-child(1) dt { width: 45%; margin-right: 1.5%; padding-right: 1.5%; }
.m_fl dl:nth-child(4) { border-bottom: none; }
.m_fl dl:nth-child(4) dd a { padding: 0 1%; }

.cplst { margin: 1rem 0 0 5%; }
.cplst li { float: left; width: 45%; margin-right: 5%; }
.cplst li img { width: 100%; display: block; border: 1px solid #d5d5d5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height:9em }
.cplst li em { display: block; width: 100%; height: 2.2rem; line-height: 2.2rem; text-align: center; overflow: hidden; font-size: 1rem; color: #666; border-bottom: 1px solid #d5d5d5; margin-bottom: 1.3rem; }
.cplst a:nth-child(2n) li { margin-right: 0; }


/* 配置方案中心 */
.g_ts { padding-top: 4.5rem; height: 29rem; }
.g_ts .sclwrap_box, .g_ts .m-box { height: 22rem; }
.con { float: left; display: inline; }


/* 成功案例 */
.g_ts { height: 29rem; padding-top: 4.5rem; background: url("../images/anbg.jpg") no-repeat; background-size: 100%; }
.g_ts .sclwrap_box, .g_ts .m-box { height: 22rem; }
.g_ts h2 { height: 5.4rem; }
.m_ts { position: relative; }
.m_ts .prev, .m_ts .next { height: 4rem; position: absolute; text-align: center; top: 17.5rem; width: 4rem; z-index: 99; }
.m_ts .prev { left: 30%; }
.m_ts .next { right: 30%; }
.m_ts .prev img, .m_ts .next img { width: 100%; }
.m_ts .nowarp { margin: 0 10% 0 10%; overflow: hidden; position: relative; width: 80%; }
.m_ts .u_lst2 { float: left; display: inline; width: 100%; height: 18rem; }
.m_ts .u_lst2 li { width: 100%; position: relative; }
.m_ts .u_lst2 li img { width: 100%; display: block; border: 0.15rem solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height:13em }
.m_ts .u_lst2 li em { position: absolute; left: 0.15rem; bottom: 0.15rem; display: block; width: 99%; height: 2rem; line-height: 2rem; text-align: center; color: #fff; font-size: 1.1rem; overflow: hidden; background: rgba(0,0,0,.5); }

.g_ts span { display: block; padding-left: 44%; }
.g_ts span a { display: block; float: left; width: 0.7rem; height: 0.7rem; background: #fff; border-radius: 50%; margin-right: 0.6rem; }
.g_ts span a:hover, .g_ts .cur { background: #ecdf07; }


/* 加盟 */
.g_jm { padding-top: 1.5rem; height:30rem; }
.g_jm h2 { height: 3.5rem; }
.g_jm p { text-align: center; }
.g_jm .u_lst2 { margin-left: 6%; }
.g_jm .u_lst2 li { width: 45%; margin-right: 4%; float: left; position: relative; }
.g_jm .u_lst2 li:nth-child(2n) { margin-right: 0; }
.g_jm .u_lst2 li img { width: 100%; display: block; }
.g_jm .u_lst2 li em { display: block; width: 100%; height: 3.3rem; line-height: 3.3rem; text-align: center; color: #666666; font-size: 1.1rem; overflow: hidden; }
.g_jm span { display: block; width: 26%; margin: 0.6rem auto; }
.g_jm span img { width: 100%; display: block; }

/* 齐家防水合作伙伴 */
.g_kf { height: 26.7rem; overflow: hidden; background: #fff; }
.g_kf h2 { position: relative; height: 3.3rem; line-height: 3.3rem; background: #02783e; padding: 0 5% 0 10%; font-size: 1.2rem; color: #fff; font-weight: normal; margin-bottom: 2.5rem; }
.g_kf h2 span { text-transform: uppercase; }
.g_kf h2:before { content: ""; position: absolute; background: url("../images/hztit.jpg") no-repeat; background-size: 100%; width: 1.8rem; height: 1.8rem; left: 3%; top: 0.6rem; }

.g_kf dl { margin-left: 5%; height: 8rem; margin-bottom: 2rem; clear: both; }
.g_kf dt { float: left; width: 40%; margin-right: 3%; }
.g_kf dt img { width: 100%; display: block; }
.g_kf dd { float: left; width: 50%; }
.g_kf dd h3 { height: 3rem; line-height: 1.5rem; overflow: hidden; font-size: 1.2rem; color: #006531; font-weight: bold; margin-bottom: 0.4rem; }
.g_kf dd h3 em { display: block; font-size: 1rem; font-weight: normal; color: #666666; }
.g_kf dd p { font-size: 1.1rem; color: #666666; line-height: 1.5rem; height: 4.5rem; overflow: hidden; text-align: center; }
.g_kf dd p a { color: #02783e; }


/* 走进*/
.g_zj { height:33rem; background: #fff; }
.g_zj h2 { position: relative; height: 3.3rem; line-height: 3.3rem; background: #02783e; padding: 0 5% 0 10%; font-size: 1.2rem; color: #fff; font-weight: normal; margin-bottom: 3rem; }
.g_zj h2 span { text-transform: uppercase; }
.g_zj h2:before { content: ""; position: absolute; background: url("../images/hztit.jpg") no-repeat; background-size: 100%; width: 1.8rem; height: 1.8rem; left: 3%; top: 0.6rem; }
.g_zj dl { padding: 0 5% 0 5%; }
.g_zj dt { width: 100%; margin-bottom: 1.5rem; }
.g_zj dt img { display: block; width: 100%; }
.g_zj dd h3 { height: 2rem; line-height: 2rem; text-align: center; font-size: 1.2rem; color: #047a44; font-weight: bold; overflow: hidden; margin-bottom: 0.8rem; }
.g_zj dd p { color: #666666; font-size: 1rem; line-height: 1.5rem; overflow: hidden; }
.g_zj ul { padding: 0 5% 0 5%; margin-top: 10px; }
.g_zj ul li { float: left; width: 16%; border: 1px solid #999; text-align: center; padding: 8px; margin: 10px 3% 0 0; }
.g_zj ul li a { }
/*资讯*/
.g_zx { position: relative; height: 25.7rem; background: #fff; }
.g_zx .sclwrap_box, .g_zx .m-box { height: 22.2rem; }
.zx-c .u_lst7 { padding-top: 2%; }
.zx-c .u_lst7 li { height: 3.3rem; margin: 0 7%; line-height: 3.3rem; font-size: 1.2rem; color: #666; overflow: hidden; border-bottom: 1px dotted #b0b0b0; }
.zx-c .u_lst7 li a { color: #666; }
.zx-c .u_lst7 .lastli { border-bottom: none; }
.zx-c .u_lst7 li b { display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 1rem; color: #fff; border-radius: 0.1rem; background: #adafb4; text-align: center; font-weight: normal; margin-right: 1rem; }
.zx-c .u_lst7 li:nth-child(1) b, .zx-c .u_lst7 li:nth-child(2) b { background: #02783e; }
.g_zx span { position: relative; display: block; height: 3rem; line-height: 3rem; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; text-align: center; font-size: 1.2rem; color: #888888; }
.g_zx span a { color: #888888; }
.g_zx span:before { content: ""; position: absolute; background: url("../images/moreico.png") no-repeat; background-size: 100%; width: 1.8rem; height: 1.8rem; left: 50%; top: 0.8rem; margin-left: -6rem; }
.zx-c .u_lst7 .lastli { border-bottom: none; margin-bottom: 1.8rem; }


.til02 { position: relative; background: #02783e; overflow: hidden; height: 3.3rem; line-height: 3.3rem; }
.til02 li { position: relative; border-right: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.til02 li, .til02 { height: 3.3rem; line-height: 3.3rem; }
.til02 li { color: #fff; position: relative; padding-left: 4%; overflow: hidden; display: inline; float: left; font-size: 1.2rem; font-weight: normal; text-align: center; width: 33.333333%; }
.til02 li.z-on { position: relative; background: #fdd100; color: #222222; }
.til02 li.z-on:before { content: ""; position: absolute; background: url("../images/newico.jpg") no-repeat; background-size: 100%; width: 2rem; height: 2rem; left: 1%; top: 0.8rem; }


.g_bd2 h2,
.g_bd2 h2 img,
.g_team h2,
.g_team h2 img,
.g_ys h2,
.g_ys h2 img,
.g_xnys h2,
.g_xnys h2 img,
.g_pro h2,
.g_pro h2 img,
.g_ts h2,
.g_ts h2 img,
.g_jm h2,
.g_jm h2 img { width: 100%; display: block; }


html { font-size: 10px; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }

@media screen and (min-width:320px) {
    html { font-size: 10px; }
}

@media screen and (min-width:360px) {
    html { font-size: 11.25px; }
}

@media screen and (min-width:375px) {
    html { font-size: 11.7px; }
}

@media screen and (min-width:384px) {
    html { font-size: 12px; }
}

@media screen and (min-width:480px) {
    html { font-size: 15px; }
}

@media screen and (min-width:414px) {
    html { font-size: 13px; }
}

@media screen and (min-width:560px) {
    html { font-size: 17.5px; }
}

@media screen and (min-width:640px) {
    html { font-size: 20px; }
}