@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{text-align: left; }
.tit01 h2{font-size: 40px;font-family: "Microsoft YaHei";color: #111111;font-weight:bold;position: relative;line-height: 60px;}
.tit01 a{color: #111111; }
.tit01 p{font-weight: normal;display: block;font-size: 16px;color: #666666;line-height: 36px;}

.tit02{text-align: center; }
.tit02 h2{font-size: 48px; font-family: "Microsoft YaHei";color: #111111;font-weight:bold;line-height: 60px;position: relative; }
.tit02 a{color: #111111; }
.tit02 p{ font-weight: normal; display: block;font-size:20px;color: #4d4948; line-height: 36px;}
/**/
.banner {width: 100%; max-height: 800px; position:relative;max-width: 1920px;overflow: hidden;;}
.banner img{ width:100%; display: block;}
.banner .swiper-pagination{bottom: 3% !important; z-index: 1}
.banner .swiper-pagination .swiper-pagination-bullet{background: #ff7e00;opacity: 1; width: 12px;height: 12px;color: #fff; border-radius: 12px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 6px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#ff7e00;width: 48px;}
.banner .ban-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
.banner .ban-prev {left: 3%;  background:url(../images/lefts.png) no-repeat center center; display: none;}
.banner .ban-next {right: 3%; background:url(../images/rights.png) no-repeat center center;display: none;}  

/**/
.g-guide{ background:#fff; height:760px; padding-top:75px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width: 1200px;margin:0 auto;}
.guide-t{height: 185px;}
.guide-t h3{font-size:48px; color: #111111; text-align: left;height: 65px; line-height: 65px;margin-bottom: 20px;}
.guide-t em{display: block;font-size: 14px;color: #666666; font-weight: normal;background: url(../images/guideo-more.png) no-repeat center 0;height: 65px;padding-top:30px;box-sizing: border-box;width: 109px;float: right;line-height: normal;padding-left: 15px; }
.guide-t p{font-size: 16px;color: #666666;line-height: 28px;text-align: justify;}
.guide dt{width:893px;height:429px;overflow: hidden;position: relative;float: right;}
.guide dl dt i{width: 100%;height: 100%;display: block;position: absolute;left:0;top:0;z-index: 1;}
.guide dt img{width:100%;display: block;}
.guide dd{width:256px;height: 429px;float: left;}
.digital{width:100%; background: #efeff2;}
.digital li{width: 100%; height:143px;box-sizing: border-box; padding-top: 20px; text-align: center; position: relative;cursor: pointer;}
.digital li::after{content: "";position: absolute;width:242px;height:1px;background:#d8d8d8;left:7px;bottom:0;}
.digital li em{display: block; position: relative;font-size: 52px; line-height: 55px;color: #333;font-weight: bold;}
.digital li em b{ font-size: 52px; color: #333; font-family: "Arial"; font-weight: bold;}
.digital li h4{font-size: 18px; color: #333333; font-weight: normal;line-height: 40px;margin-top: 0px;text-align: center; }
.digital li:last-child::after{width: 0;}
.digital li:hover{background: #3fb236;color: #fff;} 
.digital li:hover em,.digital li:hover em b,.digital li:hover h4{color: #fff;}

/**/
.g-products{height: auto;overflow: hidden; background:#efeff2;padding:55px 0 75px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.pro-tit{height:145px;width: 80%;}
.pro-tit .tit01{float: left;width: 25%;}
.pro-nav{width: 75%;float: right;margin-top: 30px;}
.pro-nav a{padding-left: 8px;width: 11%;border-left:1px solid #aaaaaa;line-height: 25px;font-size: 14px;color: #333333;margin-bottom: 10px;float: left;display: block;box-sizing: border-box;position: relative;}
.pro-nav a:nth-child(3n){}
.pro-nav a:nth-child(-n+4){padding-bottom: 0px;}
.pro-nav a.cur,.pro-nav a:hover{font-weight: bold;color: #3fb236;}
.pro-nav a.cur::after,.pro-nav a:hover::after{content: "";position: absolute;width:2px;height: 25px;background:#3fb236;left:-1px;top:0;}
.pro{overflow: hidden;}
.pro img{width: 100%;display: block;}
.pro-left{width:50%;box-sizing: border-box; float: left;overflow: hidden;position: relative;max-width: 960px;}
.pro-right{width: 80%;margin: auto;font-size: 16px;overflow: hidden;}
.pro-right ul{clear: both;overflow: hidden;}
.pro-right li{margin-left: 1%;width: 32%;float: left;margin-bottom:0.8vw;position: relative;max-height: 440px;background: #fff;}
.pro-right li em{width:100%;max-height: 370px;margin:0 auto;display: block;overflow: hidden;padding:0.75vw;box-sizing: border-box;}
.pro-right li h4{background:#fff;width:100%;line-height:3.625vw;text-align: left; font-size: 16px; color: #666666; font-weight: normal;box-sizing: border-box;border-top:1px solid #efeff2;position: relative;padding-left: 55px;}
.pro-right li h4::after{content: "";position: absolute;width:20px;height:20px;background:url(../images/proico.png) no-repeat;right:45px;top:50%;margin-top:-10px;}


/**/
.g-super{ height: auto;background:#fff;padding:70px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;overflow: hidden;}
.g-super .tit02{height:136px;}
.super{position: relative;width:100%;}
.super dl{width: 100%;clear: both;overflow: hidden;background: #f7f7f7;}
.super dt{width: 50%;}
.super dt img{width:100%;max-height: 499px;display:block;}
.super dd{width: 511px; box-sizing: border-box;padding-top:4.4vw;}
.super dd h4{font-size: 20px;color:#333333;line-height:30px; font-weight: normal;margin-bottom: 1.5625vw;}
.super dd h4 b{font-size: 40px;color: #3fb236;line-height:60px;display: block; }
.super dd p{font-size:15px; color:#555555;  line-height: 30px;margin-bottom: 0.5vw;padding-left: 25px;background: url(../images/super-ico.png) no-repeat left 11px;}
.super dd p b{color: #3fb236;}
.super dd .super-btn{margin-top:1.8vw; width: 162px;height: 48px;line-height: 48px; background:url(../images/super-btn.png) no-repeat;color: #fff;font-size: 16px;padding-left: 35px;display: block;}
.super1 dd,.super3 dd{margin-left: 4.6875%;}
.super2 dd,.super4 dd{margin-right:6%;width: 483px;}


@media screen and (max-width:1600px) {
 .super dd{padding-top:2vw;}
 .super dd .super-btn{margin-top:1vw;}
}

/**/
.g-cases{ height:auto; background:#fff; padding:75px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px;overflow: hidden;; }
.case-tit{height:132px;}
.case-tit .tit01{float: left;}
.case-nav{width: 600px;float: right;margin-top:20px;}
.case-nav a{padding-left:14px;width: 150px; border-left:1px solid #aaaaaa;line-height: 25px;font-size: 18px;color: #333333; float: left;display: block; box-sizing: border-box;position: relative;}
.case-nav a:nth-child(4n){width: 130px;}
.case-nav a:nth-child(-n+4){padding-bottom: 15px;}
.case-nav a.cur,.case-nav a:hover{font-weight: bold;color: #3fb236;}
.case-nav a.cur::after,.case-nav a:hover::after{content: "";position: absolute;width:2px;height:25px;background:#3fb236;left:-1px;top:0;}
.cases{width:100%; position: relative;}
.cases dl{width: 1200px;}
.cases dt{width:1200px;height:675px; position: relative;}
.cases dt::after{content: "";position: absolute;width:100%;height:100%;background:rgba(13, 20, 79, 0.4);left:0;top:0px;opacity: 1;}
.cases dt img{width:100%;display: block;}
.cases dd{width: 1108px;height:133px;background:rgba(255, 255, 255, 0.9);box-sizing: border-box;position: absolute;left:46px;bottom:42px;}
.cases dd h4{font-size: 16px;color: #ffffff; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal;}
.cases dd h4 b{font-size: 30px;display: block;line-height: 50px; font-weight: normal;}
.cases dd h4 a{color: #fff;}
.cases dd .case-oth{padding:30px 0 0 50px;background:#3fb236; float: left;width: 260px;height: 133px;box-sizing: border-box;}
.cases dd p{float: left;width: 725px;margin:30px 0 0 50px; font-size:16px; color:#666666;  line-height:33px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.cases dd p a{color: #ff9000;}
.case-prev{position: absolute;left:10.5%;top:50%;margin-top: -44px; width:89px;height: 89px;background:url(../images/case-prev.png) no-repeat;z-index: 3;}
.case-next{position: absolute;right:10.5%;top:50%;margin-top: -44px; width:89px;height: 89px;background:url(../images/case-next.png) no-repeat;z-index: 3;}
.cases dl.swiper-slide-active dt::after{opacity: 0;}



/**/
.g-process{ height: auto;background:#fff;padding:72px 0 80px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;overflow: hidden;}
.pcs-tit{height:130px;}
.pcs-tit .tit01{float: left;}
.pcs-tit2{width: 350px;float: right;margin-top:12px;height: 80px;padding-left: 32px;box-sizing: border-box;position: relative;}
.pcs-tit2::after{content: "";position: absolute;width:2px;height:66px;background:#e1e1e1;left:0px;top:10px;}
.pcs-tit2 b{float: left;font-size: 30px;font-weight: normal; color: #666666;}
.pcs-btn{width: 80px;height: 80px;background:url(../images/pcs-btn.png) no-repeat;color: #fff;font-size: 16px;text-align: center;display: block;float: right;padding-top:18px;box-sizing: border-box;}
.process{position: relative;width: 1200px;margin:0 auto; clear: both;overflow: hidden;}
.process li{width:166px;height: 253px;padding-top:45px;box-sizing: border-box; margin-right: 6px; background: #efeff2;text-align: center;float: left;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.process li:last-child{margin-right: 0;}
.process li em{ width:66px;height: 56px;display: block;margin:0 auto;position: relative;overflow: hidden;}
.process li em img{width: 66px;display: block;position: absolute;left:0;top:0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.process li h4{font-size: 16px;color: #333333;line-height: 22px;margin: 15px 0 30px;font-weight: normal;}
.process li i{display: block; font-size: 16px;color: #afafaf; font-weight: bold;}

.process li.cur{background: #ff9000;}
.process li.cur em img{top:-56px;-webkit-animation:hvr-buzz-out 0.75s linear;}
.process li.cur h4,.process li.cur i{color: #fff;}



/**/
.g-news{ height: auto; box-sizing: border-box; background:#f7f7f7; padding:75px 0 35px; overflow: hidden; font-family:"Microsoft Yahei";position: relative;}
.news-tit{height:122px;}
.news-tit .tit01{float: left;}
.news-tit2{float: right;margin-top:50px;height: 25px;box-sizing: border-box;position: relative;text-align: right;}
.news-tit2 a{display: inline-block;font-size: 22px;height: 25px;line-height: 25px; color: #333333;padding-left: 32px;border-left: 1px dotted #808080;margin-left: 55px;}
.news-tit2 a.cur{border-left: 3px solid #3fb236;color: #3fb236;font-weight: bold;}
.news-con{overflow: hidden;}
.news1 dl{width:325px;height: 380px;  overflow: hidden;position: relative;padding-top:7px;background:#fff url(../images/news1bg.jpg) no-repeat;float: left;}
.news1 dt{ width:325px;max-height: 184px; position: relative; overflow: hidden;}
.news1 dt img{width:100%; display: block;}
.news1 dd{width:100%; overflow: hidden;box-sizing: border-box;padding: 30px 30px 0 27px;}
.news1 dd h4{font-size: 18px; font-weight: bold;height: 32px; line-height: 32px;color:#1f1f1f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;font-family:"Microsoft Yahei";}
.news1 dl h4 a{ text-decoration: none; color:#1f1f1f;}
.news1 dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#5c5c5c;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}
.news1 dl img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news1 dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.news1 ul{width: 832px;float: right;}
.news1 li{height: 112px;position: relative; margin-bottom: 26px;}
.news1 li::after{content: "";position: absolute;width:682px;height:1px;background:#dddde1;left:0;bottom:0px;}
.news1 li span{display: block;width: 151px;height: 100%;box-sizing: border-box; float: right;text-align: center;font-size: 16px;font-family: Arial, Helvetica, sans-serif;color: #5c5c5c;background: #fff;padding-top:17px;}
.news1 li span b{display: block;font-size: 48px;color: #5c5c5c;}
.news1 li .desc{width: 642px;float: left;;}
.news1 li h4{font-size: 16px; font-weight: bold;height: 25px; line-height: 25px;color:#282828;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;font-family:"Microsoft Yahei";}
.news1 li h4 a{ text-decoration: none; color:#1f1f1f;}
.news1 li p{overflow: hidden;font-size: 14px; line-height: 22px; color:#666666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}
.news1 li:last-child{margin-bottom: 0;;}
.news1 li:last-child::after{height: 0;}

.news1 li:hover span{background: #ff9000;color: #fff;}
.news1 li:hover span b{color: #fff;}
.news1 li:hover h4{color: #3fb236;}


/**/
.g-news2{ height: auto; box-sizing: border-box; background:#f7f7f7; padding:0 0 68px; overflow: hidden; font-family:"Microsoft Yahei";position: relative;}
.news2 h3{background: #3fb236;height: 132px;width: 75px; float: left;padding:18px 25px 0;box-sizing: border-box;font-size: 20px;color: #ffffff;text-align: center;line-height: 24px;}
.news2 h3 a{color: #fff;}

.news2-c{width:1125px;padding:20px 0 0 30px; overflow: hidden;height: 132px;border:1px solid #eeeef0;border-left: 0;float: right;background: #fff;box-sizing: border-box;}
.news2-con{width:1095px;overflow: hidden;}
.news2-con li{width:370px;  overflow: hidden;position: relative;}
.news2-con li a{font-size: 14px; line-height: 41px; color:#666666;width:350px; display: block; overflow: hidden;height: 41px;white-space: nowrap;text-overflow: ellipsis;}
.news2-con li a:hover{font-weight: bold;color: #3fb236;}
/**/
.g-about{background:url(../images/about.jpg) no-repeat center top; height:723px;padding-top:192px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;max-width: 1920px;margin:0 auto;}
.about{width:1200px;margin:0 auto;}
.about dd{width:346px;float: right;}
.about dd h3{font-size:48px;color: #ffffff; font-weight: bold;padding-bottom: 32px;}
.about dd h3 i{display: block;font-size: 20px;color: #fff;font-weight: normal;}
.about dd h3::after{content: ""; width:46px;height:4px;background:#fff;position: absolute; bottom:0;left:0;}
.about dd p{color: #fff;font-size: 15px;line-height:30px; text-align: justify;margin:30px 0 50px;}
.about dd span{display: block;}
.about dd span a{ font-size: 15px;width: 70px; color: #fff;padding-right: 20px;background:url(../images/abt-btn2.png) no-repeat right center; line-height: 24px;margin-right: 70px;position: relative;display: block;float: left;}
.about dd span a::after{content: ""; width:86px;height:1px;background:#fff;position: absolute; bottom:2px;left:0;}
.about dd span a:nth-child(1){color: #ff9000;background:url(../images/abt-btn1.png) no-repeat right center; }
.about dd span a:nth-child(1)::after{background: #ff9000;}

/**/
.g-show{height:auto;position: relative;margin:80px 0;}
.show{width: 1200px; position: relative;margin:0 auto;}

.show-nav{height:62px;margin-bottom: 43px;text-align: center;}
.show-nav a{display: inline-block;width: 338px;border-right:1px solid #e8e9e9;padding-left: 75px;box-sizing: border-box; font-size: 26px;text-align: left; color: #202428; font-weight: bold;position: relative;}
.show-nav a:last-child{border-right: 0;}
.show-nav em{width:60px;height:56px; display:block;overflow: hidden;position: relative;float:left;margin-right: 10px;}
.show-nav em img{width:60px;display: block;position: absolute;left:0;top:0;}
.show-nav i{display: block; line-height: normal; font-size: 16px;color: #333333;opacity: 0.5; font-weight: normal;}
.show-nav a:hover{color: #ff9000;font-weight: bold;}
.show-nav a:hover em img{top:-56px;}
.show-nav a:hover i{color: #ff9000;}


.show-nr{position: relative;}
.show-prev{width:18px;height:32px;position: absolute;left:-35px;top:50%;margin-top:-32px;background: url(../images/show-prev.png) no-repeat center;}
.show-next{width:18px;height:32px;position: absolute;right:-35px;top:50%;margin-top:-32px;background:url(../images/show-next.png) no-repeat center;}

.show-con{overflow: hidden;}
.show-con li{ width:24.41%; position:relative;margin-right:10px; float: left; overflow: hidden;}
.show-con li img{ display:block;width:100%; }
.show-con li h4{font-size:16px;font-weight: normal; white-space: nowrap;text-overflow: ellipsis; line-height:57px;height:57px; color:#666666; text-align: center;  overflow:hidden;box-sizing: border-box;width:100%;border-bottom: 1px solid #d9d9d9;}
.show-con li a{ text-decoration: none; }
.show-con li img{-webkit-transition: .15s;-moz-transition: .15s;transition: .15s;}
.show-con li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.show-con li:hover h4{border-color: #3fb236;color: #3fb236;}


/**/
.g-link{width:100%; min-height:60px;padding-top:15px;overflow: hidden;position: relative;background:#3fb236; box-sizing: border-box;margin-top:-60px;}
.link{ height:auto;width:1200px;margin:0 auto; overflow: hidden;font-family:"Microsoft Yahei";color: rgba(255,255,255,.5);}
.link h2{float: left; font-weight: bold; font-size: 18px;color: rgba(255, 255, 255, 0.5);line-height: 30px;width:185px;font-weight: normal;text-transform: uppercase;background: url(../images/link-ico.png) no-repeat right center;margin-right: 50px;}
.link h2 b{ font-family: Arial, Helvetica, sans-serif;font-size: 24px; font-weight: bold;}
.link p{  max-width: 1120px; float: left; font-size: 14px;overflow: hidden; line-height: 30px;color: rgba(255,255,255,0.5);}
.link a{ color: rgba(255,255,255,0.5); font-size: 14px; padding-right:30px; text-align: left; line-height: 30px;display: inline-block;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}