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






.bk{height:13.4rem;padding-top:3.4rem;box-sizing: border-box;}
.bk ul li{float:left;margin-left: 19%;}
.bk ul li:first-child{margin-left: 0;}
.bk ul li b{display: block;width:6.1rem; line-height: 0; overflow: hidden;float:left;}
.bk ul li b img{width:100%;}
.bk ul li h4{float:left; margin:.9rem 0 0 1.65rem;}
.bk ul li h4 span{display: block;height: 2.9rem;}
.bk ul li h4 span em{display: inline-block; line-height: 2.9rem; font-weight:normal;font-size: 2.4rem;color:#333333;}
.bk ul li h4 span i{display: inline-block;font-size: 1.2rem;color:#333333; font-weight:normal;}
.bk ul li h4 p{line-height: 2.2rem;font-size: 1.2rem;color:#666666; font-weight:normal;}
/**/
.guide{height:42.25rem;background:url(../images/guide.jpg) no-repeat center;background-size:100% 100%;padding-top:5rem; box-sizing: border-box;}
.guide .gui-rig{width:37.85rem;float:right;}
.guide .gui-rig i{display: block;width:6.2rem;height:2.6rem;border:.1rem solid rgba(14,175,82,.2);box-sizing: border-box; line-height: 2.4rem;font-size: .9rem;color:#147350;text-align: center; margin-bottom: 1.95rem;border-radius: 1.25rem;}
.guide .gui-rig h4{line-height: 3.6rem; margin-bottom: 1.3rem;font-size: 3rem;color:#333; font-weight: normal;}
.guide .gui-rig .gui-desc{line-height: 1.45rem; margin-bottom: 3.5rem;font-size: .8rem;color:#666666;}
.guide .gui-rig ul{width:22rem;}
.guide .gui-rig ul li{float:left; width:5rem; height:3rem; line-height: 3rem;margin-left: 3.15rem;}
.guide .gui-rig ul li a{padding-left:.8rem;background:url(../images/gui-ico.png) no-repeat left;background-size:.4rem .6rem;font-size: .8rem;color:#505050;}
.guide .gui-rig ul li:first-child,.guide .gui-rig ul li:nth-child(4){margin-left: 0;}
/**/
.profl dl{margin-bottom: 6.4rem;background:#147350;}
.profl dl dt{width:60.1rem; line-height: 0; overflow: hidden;float:right;}
.profl dl dt img{width: 100%; transition: 1s;}
.profl dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.profl dl dd{width:25.6rem;float:left; margin-left: 6rem;padding-top:7.7rem;}
.profl dl dd h4{height:3.55rem; line-height:3.55rem; margin-bottom: 1.65rem;}
.profl dl dd h4 a{font-size: 2.4rem;color:#ffffff;font-weight: normal;}
.profl dl dd p{line-height: 1.25rem;font-size: .8rem;color:#ffffff; margin-bottom: 5.1rem;}
.profl dl dd ul{margin-bottom: .9rem;width:24.4rem;}
.profl dl dd ul li{float:left; margin-bottom: 3.05rem;}
.profl dl dd ul li:nth-child(2n){float:right;}
.profl dl dd ul li i{display: block;width:4.1rem; line-height: 0;overflow: hidden;float:left;}
.profl dl dd ul li i img{width:100%;}
.profl dl dd ul li h5{padding-top:.85rem;float:left; margin-left: 1.05rem;}
.profl dl dd ul li h5 span{display: block; line-height: 1.5rem;font-size: .9rem;color:#ffffff;color:#ffffff; font-weight: bold;}
.profl dl dd ul li h5 em{line-height: 1.2rem;font-size: .7rem;color:#ffffff; font-weight: normal;}
.profl dl dd strong{display: block;width:25.65rem; height: 3.55rem;background:#0eaf52;border-radius: 1.75rem;}
.profl dl dd strong a{display: block;height: 3.55rem;text-align: center;}
.profl dl dd strong a i{display: inline-block;line-height: 3.55rem;font-size: .8rem;color:#ffffff;padding-right:1.25rem; background:url(../images/profl-jt.png) no-repeat right;background-size:.4rem .6rem;font-weight: normal;}
/**/
.profl2{padding:0 0 4.45rem;}
.profl2 dl{float:left;width:40.5rem;}
.profl2 dl:nth-child(2){float:right;}
.profl2 dl dt{width:100%; line-height: 0; overflow: hidden;}
.profl2 dl dt img{width:100%; transition: 1s;}
.profl2 dl dd{height:9.5rem; background:#F5F5F5;padding:1.2rem 2.2rem 0 1.9rem; box-sizing: border-box;}
.profl2 dl dd h4{height:3.75rem; line-height: 3.75rem;}
.profl2 dl dd h4 a{display: block;font-size: 2.4rem;color:#333333; font-weight: normal;background:url(../images/profl-jia.png) no-repeat right;background-size:2.5rem 2.5rem;}
.profl2 dl dd p i{display: block;line-height: 2.15rem;float:left;padding-left:.75rem;background: url(../images/gui-ico.png) no-repeat left;background-size:.4rem .6rem;font-size: .7rem;color:#505050; margin-right: 1.45rem;}
.profl2 dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.super{padding:4.3rem 0 3.3rem;background:url(../images/super.jpg) no-repeat center;background-size:100% 100%;}
.super h2{text-align: center; margin-bottom: 3.25rem;}
.super h2 span{display: block; line-height: 3.7rem;font-size: 3rem;color:#147350; font-weight: normal;}
.super h2 em{display: block; line-height: 1.85rem;font-size: 1rem;color:#666666; font-weight: normal;}
.super ul li{float:left;width:26.55rem; margin:0 2.15rem 2.15rem 0;box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.1);}
.super ul li:nth-child(3n){margin-right: 0;}
.super ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.super ul li dl dt img{width:100%; transition: 1s;}
.super ul li dl dd{height:9.35rem; position: relative;z-index:200;background:#FFF;}
.super ul li dl dd .sup-con{height:10.4rem;padding:0 0 0 2.4rem;width:100%; position: absolute;left:0;bottom:1.55rem; transition: .5s;z-index:200;box-sizing: border-box; overflow: hidden;}
.super ul li dl dd .sup-con em{display: block;width:5.2rem;height:5.2rem; position: relative; margin-bottom: 1.05rem; transition: .5s;}
.super ul li dl dd .sup-con em i{display: block;width:100%; line-height: 0; position: absolute;left:0;top:0;box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.1);border-radius: 50%;}
.super ul li dl dd .sup-con em i img{width:100%;}
.super ul li dl dd .sup-con em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;background:#FFF;}
.super ul li dl dd .sup-con em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;background:#3ab058;}
.super ul li dl dd .sup-con h4{line-height: 2.45rem;font-size: 1.8rem;color:#147350;font-weight: bold;transition: .5s;}
.super ul li dl dd .sup-con b{display: block; line-height: 1.7rem;font-size: 1rem;color:#666666; font-weight: normal; transition: .5s;}
.super ul li dl dd .sup-con .xt{display: block;width:0;height:.1rem; background:rgba(255,255,255,.2); margin-bottom: 2.55rem; transition: .5s;}
.super ul li dl dd .sup-con .sup-desc{line-height: 1.5rem;font-size: .8rem;color:#ffffff;}
.super 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);}
.super ul li:hover .sup-con{height:28.9rem;background:#147350;bottom:0;}
.super ul li:hover .sup-con em{margin: 3.4rem 0 1.15rem;}
.super ul li:hover .sup-con em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.super ul li:hover .sup-con em i.hover{opacity: 1; transform: scale(1);}
.super ul li:hover .sup-con h4{line-height: 2.25rem;color:#FFF;}
.super ul li:hover .sup-con b{line-height: 2.3rem;font-size: 1.8rem;color:#FFF;margin-bottom: 2.6rem;font-weight: bold;}
.super ul li:hover .sup-con .xt{width:7.45rem;}
/**/
.loop{height:50.75rem; background:url(../images/loopbj.jpg) no-repeat center;background-size:100% 100%;padding-top:4.1rem; box-sizing: border-box;}
.loop h2{text-align: center; margin-bottom: 2.85rem;}
.loop h2 span{display: block; line-height: 4rem;font-size: 3rem;color:#333333;font-weight: normal;}
.loop h2 em{display: block; line-height: 2.1rem;font-size: .9rem;color:#333333; font-weight: normal;}
.loop dl{background:#FFF;box-shadow: 3px 0 59px rgba(0,0,0,.17);}
.loop dl dt{width:31rem;height:30.8rem;float:left;background:url(../images/lop-tit.jpg) no-repeat center;background-size:100% 100%;padding:3.85rem 0 0 4.1rem; box-sizing: border-box;}
.loop dl dt span{display: block; line-height: 3.25rem;font-size: 1.8rem;color:#FFF; margin-bottom: .55rem;}
.loop dl dt em{display: block; line-height: 2.7rem;font-size: 2.4rem;color:#FFF;}
.loop dl dd{width:53rem;float:left;padding:3rem 3.4rem 0 4.25rem; box-sizing: border-box;}
.loop dl dd ul li{float:left;width:8rem; line-height: 0; overflow: hidden;margin:0 0 1.95rem 4.4rem;}
.loop dl dd ul li img{width:100%;-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.loop dl dd ul li:first-child,.loop dl dd ul li:nth-child(5),.loop dl dd ul li:nth-child(9),.loop dl dd ul li:nth-child(13){margin-left: 0;}
.loop dl dd ul li:hover img{-webkit-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;}
/**/
.video dl{background:#147350;}
.video dl dt{width:58.85rem;height:46.6rem;float:left;position: relative;}
.video dl dt span{display: block;width:100%; line-height: 0; overflow: hidden; position: absolute;left:0;top:0;}
.video dl dt span img{width:100%;}
.video dl dt span i{display:block;width:3.5rem;line-height:0;position:absolute;left:50%; top:50%;transform:translate(-50%,-50%);z-index:200;}
.video dl dt b video{object-fit: fill;}
.video dl dd{width:27.75rem;float:left;padding:4.45rem 0 0; box-sizing: border-box; margin-left: 4.35rem;}
.video dl dd h2{ line-height: 3.15rem;margin-bottom: 3.5rem;font-size: 3rem;color:#ffffff;font-weight: normal;}
.video dl dd .vid-desc{line-height: 1.45rem;margin-bottom: 3.7rem;font-size: .8rem;color:#ffffff;}
.video dl dd ul{margin-bottom: 4.4rem;width:24.6rem;}
.video dl dd ul li{float:left;}
.video dl dd ul li span{display: block;height:2.9rem;}
.video dl dd ul li span em{display: inline-block; line-height: 2.9rem;font-size: 3rem;color:#ffffff;}
.video dl dd ul li span i{display: inline-block;font-size: 1.5rem;color:#ffffff;}
.video dl dd ul li span b{display: inline-block; line-height: 2.9rem;font-size: 3rem;color:#ffffff;}
.video dl dd ul li p{line-height: 1.15rem;font-size: .8rem;color:rgba(255,255,255,.5);}
.video dl dd strong{display: block;width:17.35rem;height:3.2rem; background:#0EAF52;border-radius: 0px 1.6rem 1.6rem 1.6rem;}
.video dl dd strong a{display: block;height:3.2rem;text-align: center;}
.video dl dd strong i{display: inline-block; line-height: 3.2rem;font-size: .8rem;color:#ffffff;padding-right:2.85rem;background:url(../images/vid-jt.png) no-repeat right;background-size:1.1rem 1.05rem;font-weight: normal;}
/**/
.news{padding:4.25rem 0 6.6rem;}
.news .news-tit{height:7rem;}
.news .news-tit h2{float:left; line-height: 3.6rem;}
.news .news-tit h2 a{font-size: 3rem;color:#333333;font-weight: normal;}
.news .news-tit .news-nav{float:right;}
.news .news-tit .news-nav ul li{float:left; margin-left: 4.8rem;}
.news .news-tit .news-nav ul li a{display: block;height:3.4rem;}
.news .news-tit .news-nav ul li a i{display: block;width:1.35rem; height:1.4rem; line-height: 0; overflow: hidden;float:left;margin:1rem .5rem 0 0;}
.news .news-tit .news-nav ul li a i img{width:100%;transition: .5s;}
.news .news-tit .news-nav ul li a em{display: block; line-height: 3.4rem;font-size: 1rem;color:#333333;float:left;}
.news .news-tit .news-nav ul li:hover i img{margin-top:-1.4rem;}
.news .news-tit .news-nav ul li:hover em{color:#147350; font-weight: bold;}
.news .news-con{background:#F1F1F1;border-radius: 1rem; overflow: hidden}
.news .news-con .left{width:28.65rem;background:#147350;float:left;padding:2.35rem 6rem 3.35rem 3.65rem; box-sizing: border-box;}
.news .news-con .left dl dt{width:100%; line-height: 0; overflow: hidden; margin-bottom: 2.6rem;}
.news .news-con .left dl dt img{width:100%; transition: 1s;}
.news .news-con .left dl dd h4{height:3.65rem; margin-bottom: 1.05rem; line-height: 1.8rem;}
.news .news-con .left dl dd h4 a{font-size: 1.2rem;color:#ffffff; font-weight: 600;}
.news .news-con .left dl dd i{display: block; line-height: 1.15rem;font-size: .8rem;color:#ffffff; margin-bottom: 3.4rem;}
.news .news-con .left dl dd strong{display: block;width:10.6rem;height:2.65rem; background:#0EAF52;border-radius: 0px 1.35rem 1.35rem 1rem;}
.news .news-con .left dl dd strong a{display: block;height:2.65rem;text-align: center;}
.news .news-con .left dl dd strong i{display: inline-block; line-height:2.65rem;font-size: .8rem;color:#ffffff;padding-right:2.85rem;background:url(../images/vid-jt.png) no-repeat right;background-size:1.1rem 1.05rem;font-weight: normal;}
.news .news-con .rig{width:42.8rem;float:left;margin:4.15rem 0 0 7.1rem;}
.news .news-con .rig ul li{float:left;width:17.65rem;float:left;}
.news .news-con .rig ul li:nth-child(2){float:right;}
.news .news-con .rig ul li dd h4{height:5.8rem; line-height: 1.8rem;}
.news .news-con .rig ul li dd h4 a{font-size: 1.2rem;color:#333333; font-weight: 600;}
.news .news-con .rig ul li dd i{display: block;width:4.85rem;height:.1rem; background:#147350; margin-bottom: 2.75rem;}
.news .news-con .rig ul li dd p{line-height: 1.6rem; margin-bottom: 7.9rem;font-size: .7rem;color:#666666;}
.news .news-con .rig ul li dd em{display: block; line-height: 1.55rem;font-size: .8rem;color:#333333;font-weight: bold;}













































































html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@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;}}