.g-adv{ height:13rem; overflow:hidden;} nav{height:6.75rem;margin-top:2.7rem ; overflow: hidden; padding-left: 1.66rem;} nav a{ color:#fff; font-size:1rem; width:7.08rem; text-align:center; height:2.29rem; line-height:2.29rem; overflow:hidden; display:block; float:left; background: #333; margin: 0 1.08rem 1.08rem 0;} nav a:nth-child(3n){margin-right: 0;} .m-coo{ margin-top: 1.4rem; position: relative;height: 14.117rem; overflow: hidden;} .m-coo h2 ,.m-pro h2{ font-size: 1.33rem; color: #333333; text-align: center; line-height: 2rem; height: 2rem; overflow: hidden; font-family: "黑体";} .m-coo .prev ,.m-coo .next{ top: 6.2rem; overflow: hidden; width: 1.375rem; height: 2.958rem; overflow: hidden; z-index: 3; position: absolute;} .m-coo .prev{ left: 0.91rem;} .m-coo .next{ right: 0.91rem;} .m-coo .nowarp{ margin: 0 2.6rem;} .m-coo .con{ float: left; width: 100%; display:inline;} .m-coo .con li{display: block; width:10.08rem; float: left; overflow: hidden; margin:1.35rem 1.0rem 0 0;} .m-coo .con li img{ border:0.2rem solid #f5f3f3;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-coo .con li:last-child { margin-right: 0;} .m-coo .con li span{ display:block; height: 3rem; line-height: 3rem; text-align: center; font-size: 1rem; color: #545454;font-family: "黑体";} .m-pro{background:#f1f1f2;padding: 2.125rem 0 0; height: 53.5rem; overflow: hidden;font-family: "黑体";} .m-pro .m-cnt{ padding: 1.6rem 0 0 1.66rem; height:9rem; overflow: hidden; width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-pro .m-cnt li{ float: left; width: 11.16rem; height: 2.29rem; text-align: center; background: #333; color: #fff; font-size: 1rem;line-height: 2.29rem; margin: 0 1.08rem 1.08rem 0; overflow: hidden;} .m-pro .m-cnt li.z-on{ background: #1aae36;} .m-pro .m-cnt li:nth-child(2n){margin-right: 0;} .m-pro .con{ float: left;width: 100%; display: inline;} .m-pro .m-box{width: 100%; } .m-pro .con ul{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; padding-left: 1.66rem; width:100%; height: 39.0rem;} .m-pro .con li{ float: left; line-height: 0; width: 11.29rem; margin-right: 1.08rem; overflow: hidden;} .m-pro .con li span{ display: block; width: 100%; height: 3.4rem; text-align: center; line-height: 1.55rem; font-size:1rem; color: #545454; overflow: hidden;} .m-pro .con li img{ border:0.2rem solid #f5f3f3;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-pin{ height: 32.375rem; overflow: hidden;margin-top: 2.55rem;font-family: "黑体";} .m-pin h2{font-size: 1.33rem; color: #333333; text-align: center; line-height: 1.5rem; height: 4rem; overflow: hidden; } .m-pin h2 span{ display: block; font-size: 1rem;color: #555;} .m-pin dl{ margin: 1rem 1.66rem 0; height: 7.625rem; overflow: hidden;} .m-pin dt{ float: left; width: 9.66rem; overflow: hidden;} .m-pin dd{width:12.75rem; float: right; overflow: hidden; font-size: 1rem; color: #545454; line-height: 1.25rem;} .m-pin dd a{ display: block; height: 2.125rem; border-bottom: 1px solid #aaaaaa; line-height: 1.2rem; color:#1aae36; text-align: center; margin-bottom: 0.875rem;} .m-ys{height: 33.5rem; overflow: hidden; position: relative;} .m-ys h2{font-size: 1.33rem; color: #333333; text-align: center; line-height: 1.5rem; height: 4rem; overflow: hidden; } .m-ys h2 span{ display: block; font-size: 1rem;color: #555;} .m-ys .prev , .m-ys .next{ position: absolute; bottom:2.625rem; width: 2.5rem; height: 2.75rem; z-index: 3; overflow: hidden;} .m-ys .prev { left: 9rem;} .m-ys .next { right: 9rem;} .m-ys .m-box{ margin-top: 1rem; height: 21rem; overflow: hidden;} .m-ys .con{ float: left;width: 100%; display: inline;} .m-ys .con p{overflow: hidden; width: 87.5%; margin: 0 auto;} .m-ys .con dl{overflow: hidden; margin: 1.7rem 1.66rem 0; padding-left: 2.4rem; background:url(/uploads/image/mi/1.jpg) no-repeat left 0;-webkit-background-size: 1.83rem 2.416rem; -moz-background-size: 1.83rem 2.416rem; -o-background-size: 1.83rem 2.416rem;background-size:1.83rem 2.416rem;} .m-ys .con dl dt{overflow: hidden; font-size: 1.16rem; color: #1aae36;font-family: "黑体";} .m-ys .con:nth-child(2) dl{background:url(/uploads/image/mi/2.jpg) no-repeat left 0;-webkit-background-size: 1.83rem 2.416rem; -moz-background-size: 1.83rem 2.416rem; -o-background-size: 1.83rem 2.416rem;background-size:1.83rem 2.416rem;} .m-ys .con:nth-child(3) dl{background:url(/uploads/image/mi/3.jpg) no-repeat left 0;-webkit-background-size: 1.83rem 2.416rem; -moz-background-size: 1.83rem 2.416rem; -o-background-size: 1.83rem 2.416rem;background-size:1.83rem 2.416rem;} .m-ys .con:nth-child(4) dl{background:url(/uploads/image/mi/4.jpg) no-repeat left 0;-webkit-background-size: 1.83rem 2.416rem; -moz-background-size: 1.83rem 2.416rem; -o-background-size: 1.83rem 2.416rem;background-size:1.83rem 2.416rem;} .m-ys dd{ font-size: 1rem; line-height: 1.5rem; color: #545454; } .m-ys .m-cnt{ padding:0 0 0 45.1%;} .m-ys .m-cnt li{ float: left; width: 0.45rem; height: 0.45rem; border-radius: 100%; background: #666666; margin-right: 0.33rem;} .m-ys .m-cnt li.z-on{ background: #1aae36; } .m-jz{ height:20.58rem; background: #f1f1f2; padding-top: 2.375rem;font-family: "黑体"; position: relative; overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-jz h2{ height: 4.625rem; overflow: hidden; font-size: 1.33rem; color:#333; text-align: center; line-height: 1.5rem;} .m-jz h2 i{ display: block ; font-size: 0.833rem; color: #555555; text-transform: uppercase;} .m-jz .prev ,.m-jz .next{ top:11rem; overflow: hidden; width: 1.375rem; height: 2.958rem; overflow: hidden; z-index: 3; position: absolute;} .m-jz .prev{ left: 0.91rem;} .m-jz .next{ right: 0.91rem;} .m-jz .nowarp{ margin: 0 3rem;} .m-jz .con{ float: left;width:100%; display:inline;} .m-jz .con dl dt{ width: 8.58rem; overflow: hidden; float: left; line-height: 0;} .m-jz .con dt span{ display:block; height: 2.25rem; width: 100%;padding-top: 0.5rem; font-size: 0.75rem; color: #fff; text-align: center; line-height: 1.2rem; overflow:hidden; background: #333;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-jz .con dd{ width: 11.04rem; float: right; overflow: hidden;} .m-jz .con dd p{ line-height: 1.6rem; color: #545454; font-size: 1rem;} .m-jz .con dd h3{ color: #333333; font-size: 1rem; padding-bottom: 0.5rem;} .m-xc{ margin-top: 2.66rem; overflow: hidden; height: 15.75rem; overflow: hidden;font-family: "黑体";} .m-xc .c-list{ padding-left: 5.583rem; height: 2.292rem; overflow: hidden; position: relative;} .m-xc .c-list li{ float: left; width:7.208rem; height: 2.292rem; border:0.083rem solid #333; font-size: 1rem; text-align: center; line-height: 2.2rem; margin-right: 1.042rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; } .m-xc .c-list li.z-on{background: #1aae36; color: #fff; border:2px solid #1aae36;} .m-xc .c-list:before{ position: absolute; content: ""; left:1.667rem; top: 1.125rem; width:3.583rem; height: 1px; background: #9e9e9e;} .m-xc .c-list:after{ position: absolute; content: ""; right:1.667rem; top: 1.125rem; width:3.583rem; height: 1px; background: #9e9e9e;} .m-xc .box-style{ position: relative;} .m-xc .prev ,.m-xc .next{ top:4.125rem; overflow: hidden; width: 1.375rem; height: 2.958rem; overflow: hidden; z-index: 3; position: absolute;} .m-xc .prev{ left: 0.91rem;} .m-xc .next{ right: 0.91rem;} .m-xc .no_ov{ margin: 0 2.875rem;} .m-xc .m-box{ float: left; width:100%; display:inline; height: 14.167rem; overflow: hidden;} .m-xc .m-box li{ float: left; width:9.458rem; margin:1.625rem 1.675rem 0 0;} .m-xc .m-box li:last-child{ margin-right: 0;} .m-xc .m-box li span{ display: block; font-size: 1rem; color: #545454; text-align: center; line-height: 2.75rem;height: 2.75rem; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .m-about{ height: 28.91rem; overflow: hidden;font-family: "黑体"; background:url(/uploads/image/mi/about_bj.jpg) no-repeat left 0;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%;background-size:100%;} .m-about h2{ height: 4.375rem; padding-top: 2.375rem; overflow: hidden; font-size: 1.33rem; color:#fff; text-align: center; line-height: 1.5rem;background:url(/uploads/image/mi/about_ico.png) no-repeat center bottom;-webkit-background-size: 1.125rem 1.125rem; -moz-background-size: 1.125rem 1.125rem; -o-background-size: 1.125rem 1.125rem;background-size:1.125rem 1.125rem;} .m-about h2 i{ display: block ; font-size: 0.625rem; color: #c6c6c6; text-transform: uppercase;} .m-about dl{ margin: 0.5rem auto 0; width: 87.5%; height: 19.417rem; overflow: hidden;} .m-about dl dt img{border:0.125rem solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-about dl dd a{display: block ; font-size: 0.917rem; line-height: 1.5rem; color: #545454;padding-top: 1.75rem;} .m-news{ height:20.16rem; position: relative; z-index: 1; background: #f1f1f2; overflow: hidden;font-family: "黑体"; padding-top: 2.7rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-news .m-cnt{ margin: 0 0 0 1.66rem; height: 2.3rem; overflow: hidden; position: relative;} .m-news .m-cnt li{float: left; margin-right: 1rem; font-size: 1rem; text-align: center; color: #333; height:2.3rem; color: #333; line-height: 2.3rem; width: 7.08rem; border:0.083rem solid #333;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-news .m-cnt li.z-on{ border: 0.083rem solid #1aae36; color: #fff; background: #1aae36;} .m-news .con{ float: left; display: inline; width: 100%;} .m-news .con ul{ margin: 1.3rem 1.6rem 0; height: 8.8rem; overflow: hidden;} .m-news .con li{ font-size: 1rem; color: #545454;border-bottom: 1px solid #e7e7e7; height: 1.83rem; line-height: 1.83rem; overflow: hidden; padding-left: 1.25rem; background:url(/uploads/image/mi/news_ico1.gif) no-repeat left 0.5rem;-webkit-background-size: 0.875rem 0.875rem; -moz-background-size: 0.875rem 0.875rem; -o-background-size: 0.875rem 0.875rem;background-size:0.875rem 0.875rem;} .m-news .con i{ display:block; margin: 0 3rem; border:1px solid #a5a5a6;height:2.375rem; color:#333; text-align: center; line-height: 2.3rem; font-size: 1rem; border-radius: 2rem;} @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:87.5%;} } @media screen and (min-width:414px) { html { font-size:96%;} } @media screen and (min-width:480px) { html { font-size:110.5%;} } @media screen and (min-width:568px) { html { font-size:129%;} } @media screen and (min-width:639px) { html { font-size:150%;} }