.wrap img{width: 100%;}
/*广告*/
.g-adv { clear:both;height:auto;overflow:hidden; height:16rem;}
.g-adv img{ width:100%;display: block;}

/*导航*/
nav{padding:0rem 0 0;height:10.5rem;overflow: hidden;}
nav a{width:33.33%;height:3.5rem;background: #333;text-align: center;color: #fff;float: left;font-size:1.2rem;line-height:3.5rem;margin-bottom: 1px;position: relative;}
nav a:nth-child(3n-1):after,nav a:nth-child(3n-1):before{content: "";position: absolute;width: 1px;height: 100%;background: #fff;right: 0;top: 0;}
nav a:nth-child(3n-1):before{left: 0;}
nav a:nth-child(1){background: #02a4a7;}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#fff;}

/*方案*/
.m-prog{padding:0 3.125%;height: 30.5rem;font-size: 1.2rem;color: #666;}
.til01{text-align: center;font-size: 1.2rem;color: #666;background: url(../images/index/tilbg1.png) no-repeat center bottom; -webkit-background-size:5.75rem 1.2rem; -moz-background-size: 5.75rem 1.2rem; -o-background-size: 5.75rem 1.2rem; background-size: 5.75rem 1.2rem;line-height: 2.35rem;margin-bottom: 0.65rem;padding: 0 0 1.2rem;}
.m-prog li{height: 3.9rem;line-height: 3.9rem;border-bottom: dashed 1px #d1d1d1;padding: 0 0 0 2.7rem;position: relative; font-size:1.15rem;}
.m-prog li:before{content: "";position: absolute;width:1.9rem;height: 1.9rem;background: url(../images/index/pro_ico6.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;left: 0;top: 1rem;}
.m-prog li:nth-child(1):before{background: url(../images/index/pro_ico1.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.m-prog li:nth-child(2):before{background: url(../images/index/pro_ico2.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.m-prog li:nth-child(3):before{background: url(../images/index/pro_ico3.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.m-prog li:nth-child(4):before{background: url(../images/index/pro_ico4.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.m-prog li:nth-child(5):before{background: url(../images/index/pro_ico5.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.m-prog li:last-child{border: 0;}
.m-prog li b{letter-spacing: 0.3rem;}
.m-prog li:nth-child(4) b,.m-prog li:nth-child(5) b{letter-spacing: 0;}

/*案例*/
.m-case{padding: 3.65rem 3.125% 0;height: 39.8rem;background: url(../images/index/casebg.jpg) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;overflow: hidden;}
.m-case .til01 b{line-height: 2rem;display: block;}
.casetil{height:5.5rem;padding: 1.35rem 0 0 1px;}
.casetil li{width: 25%;float: left;height: 3.5rem;line-height: 3.5rem;margin: 0 0 0 -1px;position: relative;text-align: center;font-size: 1.2rem;color: #666;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #afafaf;}
.casetil li.z-on{background: #02a4a7;color: #fff;border-color: #02a4a7;}
.casetil li.z-on:before{content: "";position: absolute;width: 0;height: 0;left: 50%;top: 3.4rem;margin-left: -0.6rem;border-left: solid 0.6rem transparent;border-right: solid 0.6rem transparent;border-top: solid 0.6rem #02a4a7;}
.case01{position: relative;height: 26.8rem; overflow:hidden;}
.case01 .prev,.case01 .next,.edge1 .prev,.edge1 .next,.honb .prev,.honb .next{width:0.85rem;height: 1.7rem;position: absolute;top: 3.8rem;right: -0.4rem;background: url(../images/index/next.png) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;z-index: 1;}
.case01 .prev,.edge1 .prev,.honb .prev{left: -0.4rem;transform:rotateY(180deg);-webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.case_c{height: 21.8rem;overflow: hidden;}
.case_c ul,.edge1c{float: left;display: inline;}
.case_c li{float: left;width: 89.66%;margin: 0 0 0 4%;}
.case_c li span{display: block;text-align: center;font-size: 1.2rem;color: #666;line-height: 3.1rem;overflow: hidden;}
.case_c ul a:nth-child(2n-1) li{margin: 0 0 0 3.1%;}
.more01{clear: both;display: block;font-size: 1.2rem;color: #53cc4e;}
.more01 span{border: solid 1px #53cc4e;width: 37.5%;height: 2.4rem;line-height: 2.4rem;text-align: center;margin:0rem auto;display: block;}

/*產品*/
.m-probox{padding: 3.35rem 3.125% 0;height: 60.2rem;overflow: hidden;}
.m-protil{height:9.55rem;padding: 1.35rem 0 0;}
.prot1{width: 49.33%;height: 4.2rem;overflow: hidden;float: left;}
.prot1:nth-child(2n){margin-left:1.3%;}
.prot1 h3{font-size: 1.2rem;height: 3.5rem;line-height: 3.5rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #02a4a7;text-align: center;color: #fff;margin-bottom: 0.95rem; background:#02a4a7;}
.prot1:nth-child(1) h3{background:#02a4a7;text-align: center;color: #fff;}
.prot1 li{font-size:1.2rem;color: #666;padding: 0 0 0 1.7rem;height: 2.25rem;line-height: 2.25rem;position: relative;}
.prot1 li:before{content: "";position: absolute;width:0.9rem;height: 0.75rem;background: url(../images/index/ico01.gif) no-repeat 0 0; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;left: 0;top: 0.8rem;}

.m-procon ul{height: 38.2rem;overflow: hidden; width:100%;}
.m-procon li{width: 50%;float: left;height:18.6rem;text-align: center;}
.m-procon li span{font-size: 1.2rem;color: #666;line-height: 2.8rem;}

/*优势*/
.m-edge{font-size: 1.2rem;color: #555;line-height: 1.95rem;}
.m-edge h2{line-height: 1.85rem;}
.m-edge h2 b{color: #02a4a7;}
.m-edge h3{height: 5.8rem;font-size: 1.2rem;color: #666;line-height: 1.7rem;}
.m-edge h3 span{width: 3.15rem;font-weight: bold;height:3.8rem;font-size: 1.2rem;color: #fff;line-height:3.6rem;float: left;background: #02a4a7;position: relative;text-align: center;}
.m-edge h3 span:before{content: "";position: absolute;width: 0;height: 0;border-top: solid 0.6rem transparent;border-bottom: solid 0.6rem transparent;;border-left: solid 0.6rem #02a4a7;left: 3.15rem;top: 1.35rem;}
.m-edge h3 span:after{content: "";position: absolute;width:2.35rem;height:0.1rem;background: #fff;left: 0.4rem;top: 2.8rem;}
.m-edge h3 p{width:80.17%;float: left;padding: 0 0 0 4.655%;}
.m-edge h3 p b{display: block;color: #02a4a7;line-height: 1.9rem;}
.edge1{padding: 1.4rem 6.25% 0;height: 30.4rem;position: relative;}
.edge1 .prev,.edge1 .next{top: 15rem;right: 1.72%;}
.edge1 .prev,.honb .prev{left: 1.72%;}
.edge1c dl{width: 46.2%;float: left;}
.edge1c dl:nth-child(2){margin-left:7.6%;}
.edge1c dt,.edge1c dt img,.edge2c dt,.edge2c dt img,.edge3 dt,.edge3 dt img{display: block;}
.edge1c dd{border: solid 1px #d5d5d5;border-top: 0;padding: 0.6rem 6% 0;height: 11rem;position: relative;font-size: 1.2rem;margin-bottom: 2rem;}
.edge1c dd h4{height: 3.25rem;line-height: 2.9rem;font-size: 1.2rem;font-weight: bold;color: #555;position: relative;}
.edge1c dd h4:before{content:"";position: absolute;width: 1.15rem; height:0.15rem;background: #02a4a7;left: 0;top: 2.85rem;}
.edge1c dd:before{content: "+";position: absolute;width: 1.75rem;height: 1.75rem;text-align: center;color: #fff;background: #02a4a7;right:6.7%;bottom: -0.65rem;}
.edge1c dd p{height: 7.5rem;overflow: hidden; font-size: 1rem; line-height: 1.2rem;}
.edge2{height:65rem;position: relative;}
.edge2c{padding: 0 6.25% 0;height: 43.3rem;}
.edge2c dd,.edge3 dd{padding:0.75rem 0 0;}
.edge2c dd li,.edge3 dd li{position: relative;padding:0.8rem 0 0 5%;}
.edge2c dd li:before,.edge3 dd li:before{content: "";position: absolute;width: 0.6rem;height: 0.6rem;border-radius: 0.6rem;background: #b2b2b2;left: 0;top: 1.55rem;}

/*荣誉*/
.honb{height: 21.7rem;position: relative;padding: 0 6.25%;background: url(../images/index/honbg.jpg) no-repeat 0 bottom; -webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.honb .prev,.honb .next{top: 7.9rem;right:1.72%;}
.honb ul{float: left;display: inline;}
.honb a:nth-child(2n) li{margin-left: 4.14%;}
.honb li{float: left;width: 46%;position: relative;height: 18.5rem;}
.honb li span{width:100%;height: 3.7rem;line-height: 3.7rem;text-align: center;background: #999;color: #fff;font-size: 1.2rem;left: 0;top: 14rem;display: block;position: absolute;}

.edge3{padding:4rem 6.25% 0;height:45.9rem;position: relative;}

/*资讯*/
.m-news{height:14.3rem;overflow: hidden;font-size: 1.2rem;color: #666;line-height:2.2rem;padding: 3.5rem 3.125%;clear: both;background: #f1f1f1;}
.newtil{margin-bottom: 1rem;height:2.2rem;line-height:2.2rem;overflow: hidden;font-size: 1.2rem;border-bottom: solid 1px #e1e1e1;background: url(../images/index/ico02.gif) no-repeat 0 0.75rem; -webkit-background-size:1.05rem 0.9rem; -moz-background-size: 1.05rem 0.9rem; -o-background-size: 1.05rem 0.9rem; background-size: 1.05rem 0.9rem;padding: 0 0 0 0.9rem;}
.newtil li{float: left;font-size: 1.2rem;color: #666;float: left;padding: 0 1rem;}
.newtil li.z-on{font-weight: bold;}
.newtil span{float: right;font-size: 1rem;color: #53cc4e;text-transform: uppercase;}
.newc1{float: left;display: inline;width: 100%;}
.news_c li{height:2.2rem;line-height:2.2rem;font-size: 1.2rem;color: #666;position: relative;white-space: nowrap;padding: 0 0 0 1.5rem;}
.news_c li span{float: right;color: #999;}
.news_c li:before{content: "";position: absolute;width:0.6rem;height: 0.6rem;left:0;top:0.85rem;border-radius:0.6rem;background: #ababab;}


html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }