@charset "utf-8";
/*end*/
body{overflow-x:hidden;}


  



.guide{background:#F8F8F8;padding:3.95rem 0 5.55rem;}
.guide dl{ margin-bottom: 3.2rem;}
.guide dl dt{width:39.95rem; line-height: 0;float:right;position: relative;}
.guide dl dt img{width:100%;}
.guide dl dt span{display: block;width:3.4rem; line-height: 0;position: absolute;left:50%;top:50%;z-index:200;cursor: pointer;transform: translate(-50%,-50%);}
.guide dl dd{width:30.15rem;float:left;padding-top:3.45rem;}
.guide dl dd h4{ margin-bottom: 2.45rem;}
.guide dl dd h4 i{display: block; line-height: 1.95rem;font-size: 1.1rem;color:#000000;font-weight: normal;}
.guide dl dd h4 span{display: block; line-height: 2.95rem;font-size: 2.2rem;color:#070002; font-weight: normal;}
.guide dl dd p{line-height: 1.55rem; margin-bottom: 2.4rem;font-size: .8rem;color:#666666;}
.guide dl dd .gui-btn em{display: block; height: 1.9rem;float:left;position: relative;}
.guide dl dd .gui-btn em i{line-height: 1.9rem;padding-left:1.55rem;background:url(../images/gui-ico1.png) no-repeat left;background-size:.8rem 1rem;font-size: .8rem;color:#333333;}
.guide dl dd .gui-btn em:hover i{background:url(../images/gui-ico1_h.png) no-repeat left;background-size:.8rem 1rem;color:#22a034;}
.guide dl dd .gui-btn em b{display: none;width:120%; line-height: 0;position: absolute;left:0;top:2rem;}
.guide dl dd .gui-btn em b img{width:100%;}
.guide dl dd .gui-btn em:hover b{display: block;}
.guide dl dd .gui-btn span{display: block;float:left;margin-left: 1.6rem;}
.guide dl dd .gui-btn span a{display: block; line-height: 1.9rem;padding-left:2.2rem;background:url(../images/gui-ico2.png) no-repeat left;background-size:1.5rem 1rem;font-size: .8rem;color:#333333;}
.guide dl dd .gui-btn span:hover a{background:url(../images/gui-ico2_h.png) no-repeat left;background-size:1.5rem 1rem;color:#22a034;}
.guide ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.guide ul li span{display: block;height:3.25rem;}
.guide ul li span em{display: inline-block; line-height: 3.25rem;font-size: 3.6rem; color:#1f1f1f;}
.guide ul li span i{display: inline-flex;font-size: .8rem;color:#333333; }
.guide ul li p{line-height: 1.5rem;font-size: 1rem;color:#333333;}
.guide ul li:hover span em{color:#22a034;}
/**/
.product{padding-top:4.7rem;}
.product h2{text-align: center; margin-bottom: 1.45rem;}
.product h2 span{display: block; line-height: 3.95rem;font-size: 3.2rem;color:#000000; font-weight: normal;}
.product h2 em{display: block; line-height: 1.9rem;font-size: 1.1rem;color:#666666; font-weight: 300;}
.product .pro-nav{height:3.65rem;background:#f5f5f5;border-top:.05rem solid #dcdcdc; margin-bottom: 3.65rem;}
.product .pro-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.product .pro-nav ul li{height:3.6rem;}
.product .pro-nav ul li i{display: block;width:0;height:.2rem;background:#22a034; transition: .5s;margin:-0.1rem auto 0;}
.product .pro-nav ul li em{display: block; line-height: 3.25rem;font-size: .95rem;color:#000000;}
.product .pro-nav ul li p{width:100%;height:3.65rem;position: absolute;left:0;top:3.25rem;display: none;}
.product .pro-nav ul li p a{display: block; line-height: 3.65rem;float:left;font-size: .8rem;color:#575757; margin-right: 7rem;}
.product .pro-nav ul li p a:last-child{float:right;margin-right: 0;}
.product .pro-nav ul li.cur i{width:100%;}
.product .pro-nav ul li.cur em{color:#22a034; font-weight: bold;}
.product .pro-nav ul li:last-child:hover i{width:100%;}
.product .pro-nav ul li:last-child:hover em{color:#22a034; font-weight: bold;}
.product .pro-nav ul li.cur p{display: block;}
.product .pro-list dl dt{width:50.1%; line-height: 0;float:left;position: relative;cursor: pointer;}
.product .pro-list dl dt img{width:100%;}
.product .pro-list dl dd{width:48.9%;float:right;}
.product .pro-list dl dd ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.product .pro-list dl dd ul li{width:49%; position: relative; margin-bottom: 1rem;}
.product .pro-list dl dd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.product .pro-list dl dd ul li span img{width:100%; transition: 1s;}
.product .pro-list dl dd ul li .tit{width:100%; height:100%;background:rgba(34,160,52,.9);position: absolute;left:0;top:0;padding-top:6.75rem; box-sizing: border-box;transform: scale(0);z-index:200; transition: .5s;}
.product .pro-list dl dd ul li .tit em{display: block; line-height: 2.6rem; text-align: center;padding-top:1.4rem;background:url(../images/pro-jia.png) no-repeat center top;background-size:1.4rem 1.4rem; font-size: .95rem; color:#ffffff;}
.product .pro-list dl dd ul li:nth-child(3),.product .pro-list dl dd ul li:nth-child(4){margin-bottom: 0;}
.product .pro-list dl dd ul li:hover .tit{transform: scale(1);}
/**/
.super{padding:4.3rem 0 0;}
.super h2{text-align: center; margin-bottom: 1.15rem;}
.super h2 span{display: block; line-height: 3.95rem;font-size: 3.2rem;color:#000000; font-weight: normal;}
.super h2 em{display: block; line-height: 1.9rem;font-size: 1.1rem;color:#666666; font-weight: 300;}
.super .sup-nav{height:4rem;border-top:.05rem solid rgba(73,73,73,.22); box-sizing: border-box;}
.super .sup-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.super .sup-nav ul li{height:3.95rem;padding-top:.8rem; position: relative; box-sizing: border-box;}
.super .sup-nav ul li:before{width:0;height:.15rem;background:#22a034;content:"";position: absolute;left:0;top:-0.1rem; transition: .5s;}
.super .sup-nav ul li i{display:inline-block; line-height: 0;width:2.05rem;height:1.9rem;overflow: hidden;}
.super .sup-nav ul li i img{width: 100%; transition: .5s;}
.super .sup-nav ul li h4{display: inline-block; vertical-align: top; margin-left: .5rem;}
.super .sup-nav ul li h4 span{display: block; line-height: 1.5rem;font-size: 1.2rem;color:#333333; font-weight: normal;}
.super .sup-nav ul li h4 em{display: block; line-height: .8rem;font-size: .6rem;color:rgba(0,0,0,.5);font-weight: normal;}
.super .sup-nav ul li.cur:before{width:100%;}
.super .sup-nav ul li.cur i img{margin-top:-1.9rem;}
.super .sup-nav ul li.cur h4 span{color:#22a034; font-weight: bold;}
.super .sup-list dl{position: relative;}
.super .sup-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-list dl dt img{width:100%;}
.super .sup-list dl dd{width:100%;position: absolute;left:0;top:0;padding-top:10.55rem;}
.super .sup-list dl dd .sup-txt{width:29.3rem;}
.super .sup-list dl dd .sup-txt h4{ margin-bottom: 1.45rem;height:6.5rem; border-bottom:.05rem solid rgba(215,215,215,.2); box-sizing: border-box;}
.super .sup-list dl dd .sup-txt h4 i{display: block; line-height: 2.05rem;font-size: 1.25rem;color:#ffffff; font-weight: normal;}
.super .sup-list dl dd .sup-txt h4 span{display: block; line-height: 2.7rem;font-size: 1.9rem;color:#ffffff; font-weight: bold;}
.super .sup-list dl dd .sup-txt p{line-height: 1.5rem;font-size: .9rem;color:#ffffff;}
/**/
.case{padding:4.5rem 0 5rem;}
.case h2{text-align: center; margin-bottom: 1.55rem;}
.case h2 span{display: block; line-height: 3.95rem;font-size: 3.2rem;color:#000000; font-weight: normal;}
.case h2 em{display: block; line-height: 1.95rem;font-size: 1.1rem;color:#666666; font-weight: 300;}
.case .cas-nav{height:3.45rem;border-top:.05rem solid rgba(102,102,102,.1); box-sizing: border-box;}
.case .cas-nav .content{width:70rem;}
.case .cas-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.case .cas-nav ul li{height: 3.4rem;position: relative;}
.case .cas-nav ul li:before{width:0; height:.1rem;background:#22a034;content:"";position: absolute;left:0;top:-0.05rem; transition: .5s;}
.case .cas-nav ul li:after{width:.05rem;height:.85rem;background:#dddddd;content:"";position: absolute;right:-5rem; top:1.27rem;}
.case .cas-nav ul li:last-child:after{display: none;}
.case .cas-nav ul li i{display: inline-block;width:1.5rem;height:1.45rem; overflow: hidden;margin:.95rem .45rem 0 0;}
.case .cas-nav ul li i img{width:100%; transition: .5s;}
.case .cas-nav ul li em{display: inline-block; line-height: 3.4rem;font-size: .9rem; color:#2b2b2b; vertical-align: top;}
.case .cas-nav ul li.cur:before{width:100%;}
.case .cas-nav ul li.cur i img{margin-top:-1.45rem;}
.case .cas-nav ul li.cur em{color:#22a034; font-weight: bold;}
.case .cas-con{position: relative;}
.case .cas-con dl dt{width:100%; line-height: 0;}
.case .cas-con dl dt img{width:100%;}
.case .cas-con dl dd{width:48.4rem;height:9.9rem;background:#22A034;margin-top:-5.15rem;z-index:200;padding:1.5rem 3.25rem 0 2.15rem; box-sizing: border-box;position: relative;}
.case .cas-con dl dd .left{width:6.95rem; line-height: 0;float:left;}
.case .cas-con dl dd .left img{width:100%;}
.case .cas-con dl dd .rig{width:34rem;padding-top:1.3rem;}
.case .cas-con dl dd .rig h4{margin-bottom: .65rem;}
.case .cas-con dl dd .rig h4 a{display: block; line-height: 1.6rem;font-size: 1.1rem;color:#ffffff; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-con dl dd .rig p{line-height: 1.15rem;font-size: .75rem;color:rgba(255,255,255,.55);}
.case .cas-con .cas-jt{width:15rem;position: absolute;right:12.35rem;bottom:1.9rem;z-index:200;}
.case .cas-con .cas-jt i{display: block;width:2.1rem;height:.6rem; cursor: pointer;float:left;}
.case .cas-con .cas-jt i.cas-prev{background:url(../images/cas-prev.png) no-repeat center;background-size:100% 100%;}
.case .cas-con .cas-jt i.cas-next{background:url(../images/cas-next.png) no-repeat center;background-size:100% 100%;float:right;}
/**/
.news{padding:4.75rem 0 5.15rem;background:#F8F8F8;}
.news h2{text-align: center; margin-bottom: .75rem;}
.news h2 span{display: block; line-height: 3.25rem;font-size: 2.6rem;color:#282828;font-weight: bold;}
.news h2 em{display: block; line-height: 1.9rem;font-size: 1.1rem;color:#333333; font-weight: normal;}
.news .news-tit{height:2.95rem;text-align: center; border-bottom:.05rem solid #d9d9d9;box-sizing: border-box; margin-bottom: 1.75rem;}
.news .news-tit a{display: inline-block;height:2.9rem; vertical-align: top;margin:0 2rem;}
.news .news-tit a em{display: block; line-height: 2.85rem;font-size: 1.1rem;color:#282828;}
.news .news-tit a i{display: block;width:0; height:.15rem;background:#22A034; transition: .5s;margin:0 auto;border-radius: .1rem;}
.news .news-tit a.cur em{color:#22A034; font-weight: bold;}
.news .news-tit a.cur i{width:100%;}
.news .news-list ul li{width:23.35rem;float:left; margin-left: 4.9rem;}
.news .news-list ul li:first-child{margin-left: 0;}
.news .news-list ul li dl dt{width:100%; line-height: 0; overflow:hidden; margin-bottom: 2.1rem;}
.news .news-list ul li dl dt img{width: 100%; transition: 1s;}
.news .news-list ul li dl dd h4{margin-bottom: 1.2rem;}
.news .news-list ul li dl dd h4 a{display: block; line-height: 1.6rem;font-size: 1rem;color:#333333; font-weight: bold;}
.news .news-list ul li dl dd p{line-height: 1.35rem; margin-bottom: 3rem;font-size: .8rem;color:#333333;}
.news .news-list ul li dl dd em{display: block;width:1.95rem;height:1.95rem;}
.news .news-list ul li dl dd em a{display: block;height:1.95rem;background:url(../images/news-jt.png) no-repeat center;background-size:100% 100%;}
.news .news-list ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-list ul li:hover dl dd h4 a{color:#22a034;}
.news .news-list ul li:hover dl dd em a{background:url(../images/news-jt_h.png) no-repeat center;background-size:100% 100%;}
/**/
.about .abo-img{width:100%; line-height: 0;}
.about .abo-img img{width:100%;}
.about .abo-desc{height:38.9rem;background:url(../images/about.jpg) no-repeat center;background-size:100% 100%;padding-top:3.55rem; box-sizing: border-box;}
.about .abo-desc .abo-txt{margin-bottom: 2.25rem;}
.about .abo-desc .abo-txt h3{text-align: center; margin-bottom: 1.7rem;}
.about .abo-desc .abo-txt h3 span{display: block; line-height: 3.3rem;font-size: 2.6rem;color:#282828;font-weight: bold;}
.about .abo-desc .abo-txt h3 em{display: block; line-height: 1.8rem;font-size: 1.1rem;color:#333333; font-weight: normal;}
.about .abo-desc .abo-txt p{line-height: 1.35rem;text-align: center;font-size: .8rem;color:#666666;}
.about .abo-fl{text-align: center; margin-bottom: 1.65rem;}
.about .abo-fl span{display: inline-block; vertical-align: top;margin:0 1.5rem;}
.about .abo-fl span i{display: inline-block;width:1.55rem; height:1.45rem; line-height: 0; overflow: hidden;}
.about .abo-fl span i img{width:100%; transition: .5s;}
.about .abo-fl span em{display: inline-block; line-height: 1.45rem; font-size: 1rem;color:#333333; vertical-align: top; margin-left: 0.5rem;}
.about .abo-fl span.cur i img{margin-top:-1.45rem;}
.about .abo-fl span.cur em{color:#22a034; font-weight: bold;}
.about .abo-list ul li{width:100%; line-height: 0; overflow: hidden;}
.about .abo-list ul li img{width:100%;transition: 1s;}
.about .abo-list ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.zsbj{height:19.7rem;background:url(../images/zsbj.jpg) no-repeat center;background-size:100% 100%;padding-top:5.25rem;}
.zsbj .zs-txt{width:50%;float:right;}
.zsbj .zs-txt h4{line-height: 3.05rem;font-size: 1.5rem;color:#282f39; font-weight: normal;}
.zsbj .zs-txt span{display: block;width:28.5rem; line-height: 0; margin-bottom: 2.3rem;}
.zsbj .zs-txt span img{width:100%;}
.zsbj .zs-txt em{display: block;width:9.95rem; height:2.55rem;background:#22A034; border-radius: 1.3rem;}
.zsbj .zs-txt em a{display: block; line-height: 2.55rem; text-align: center;font-size: 1.2rem;color:#ffffff;}






































































































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:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}