#superContainer{height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
#fp-nav{position: fixed;top: 50%;z-index: 100;opacity: 1;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#fp-nav.right{right: 3%;}
#fp-nav li{width: 23px;height: 23px;margin: 8px 0;vertical-align: middle;}
#fp-nav li a{width: 23px;height: 23px;display: block;position: relative;padding: 9px 0;}
#fp-nav li a::after{content: '';width: 23px;height: 23px;border: 1px solid #f4bf3b;border-radius: 50%;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.6s ease;}
#fp-nav li a span{width: 5px;height: 5px;background-color: #f4bf3b;border-radius: 50%;display: block;margin: 0 9px;}
#fp-nav li .active::after{opacity: 1;}
.index_main{width: 100%;}
.section{position: relative;overflow: hidden;min-width: 1200px;height: 100vh !important;}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height: auto !important;}

/* headerBox */
.headerBox{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;border-bottom: 1px solid rgba(255, 255, 255, 0.08);transition: all 0.6s ease;}
.headerBox .logo{float: left;display: block;width: 223px;height: 64px;background-size: 223px 128px !important;margin-top: 18px;transition: all 0.6s ease; background-position: 0 -64px !important;}
.headerBox .navBox{width: calc(100% - 223px);}
.headerBox .navBox .nLi{display: inline-block;vertical-align: top;margin-left: 6%;position: relative;}
.headerBox .navBox .nLi h3 a{display: block;line-height: 48px;color: #fff;font-size: 16px;padding: 26px 0;font-weight: normal;transition: all 0.6s ease;}
.headerBox .navBox .nLi .sub{width: 140px;display: none;position: absolute;top: 80px;left: 50%;transform: translateX(-50%);z-index: 3;background-color: #fff;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);}
.headerBox .navBox .nLi .sub ul{width: 100%;padding: 10px 0;}
.headerBox .navBox .nLi .sub ul li{width: 100%;}
.headerBox .navBox .nLi .sub ul li a{display: block;width: 100%;font-size: 16px;color: #333;padding: 10px;text-align: center;}
.headerBox .navBox .nLi .sub ul li:hover a,.headerBox .navBox .nLi .sub ul li.on a{color: #00873a;}
.headerBox .navBox .nLi .sub ul li:hover span,.headerBox .navBox .nLi .sub ul li.on span{opacity: 1;}
.headerBox .navBox .nLi:first-child{margin-left: 0;}
.headerBox .navBox .nLi:hover h3 a,.headerBox .navBox .nLi.on h3 a{font-weight: bold;}
.is-fixed{background-color: #fff;border-bottom: none;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.is-fixed .logo{ background-position: 0 0 !important; margin-top: 8px;}
.is-fixed .navBox .nLi h3 a{color: #333;padding: 16px 0;}
.is-fixed .navBox .nLi .sub{top: 70px;}

/* indexBanner */
.indexBanner{width: 100vw;position: relative;height: 100vh;overflow: hidden;}
.indexBanner .bd{position: relative;height: 100vh;z-index: 0;}
.indexBanner .bd li{width: 100vw;height: 100vh;}
.indexBanner .bd li a{display: block;width: 100vw;height: 100vh;position: relative;}
.indexBanner .bd li a .bg{width: 100%;height: 100vh;background-size: cover !important;}
.indexBanner .bd li a .cont{width: 75%;min-width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -45%);}
.indexBanner .bd li a .cont1 .txt{width: 38%;color: #ffffff;position: absolute;top: 24%;left: 0;}
.indexBanner .bd li a .cont1 .txt .p1{font-size: 64px;font-weight: bold;line-height: 90px;}
.indexBanner .bd li a .cont1 .txt .p2{font-size: 77px;font-weight: bold;line-height: 90px;}
.indexBanner .bd li a .cont1 .txt .p3{font-size: 24px;line-height: 30px;margin-top: 10%;}
.indexBanner .bd li a .cont1 .img{width: 53%;float: right;margin-right: -6%;}
.indexBanner .bd li a .cont1 .img img{width: 100%;display: block;}

.indexBanner .bd li a .cont2 .txt{width: 55%;color: #ffffff;}
.indexBanner .bd li a .cont2 .txt .p1{font-size: 64px;font-weight: bold;line-height: 90px;}
.indexBanner .bd li a .cont2 .txt .p2{font-size: 77px;font-weight: bold;line-height: 90px;}
.indexBanner .bd li a .cont2 .txt .p3{font-size: 24px;line-height: 30px;margin-top: 10%;}

.indexBanner .bd li a .cont3 .txt{width: 50%;color: #ffffff;position: absolute;top: 24%;left: 0;}
.indexBanner .bd li a .cont3 .txt .p1{font-size: 60px;font-weight: bold;line-height: 90px;}
.indexBanner .bd li a .cont3 .txt .p2{font-size: 40px;font-weight: bold;line-height: 60px;}
.indexBanner .bd li a .cont3 .txt .p3{font-size: 24px;line-height: 30px;margin-top: 5%;}
.indexBanner .bd li a .cont3 .img{width: 60%;float: right;margin-right: -6%;}
.indexBanner .bd li a .cont3 .img img{width: 100%;display: block;}

.indexBanner .hd{width: 75%;min-width: 1200;position: absolute;z-index: 1;bottom: 10%;left: 50%;transform: translateX(-50%);}
.indexBanner .hd ul{height: 30px;display: flex;align-items: flex-end;}
.indexBanner .hd ul li{cursor: pointer;margin: 0 10px;width: 5px;height: 16px;background-color: #fff;position: relative;font-size: 0;transition: all 0.6s ease;}
.indexBanner .hd ul li.on{height: 30px;}
.indexBanner .icon-mouseM{position: absolute;bottom: 3%;left: 50%;transform: translateX(-50%);color: #fff;font-size: 32px;-webkit-animation: pul 2s infinite;animation: pul 2s infinite;display: block;}
@-webkit-keyframes pul{0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);}
100%{-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
@keyframes pul{0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);}
100%{-webkit-transform: translate(0, 0);transform: translate(0, 0);}}

@media (max-width: 1560px){
.indexBanner .bd li a .cont1 .txt .p1{font-size: 52px;line-height: 70px;}
.indexBanner .bd li a .cont1 .txt .p2{font-size: 60px;line-height: 70px;}
.indexBanner .bd li a .cont1 .txt .p3{font-size: 18px;}
.indexBanner .bd li a .cont1 .img{width: 45%;margin-right: -5%;}

.indexBanner .bd li a .cont2 .txt .p1{font-size: 52px; line-height: 70px;}
.indexBanner .bd li a .cont2 .txt .p2{font-size: 60px; line-height: 70px;}
.indexBanner .bd li a .cont2 .txt .p3{font-size: 18px; }
    
.indexBanner .bd li a .cont3 .txt .p1{font-size: 60px;font-weight: bold;line-height: 60px;}
.indexBanner .bd li a .cont3 .txt .p2{font-size: 48px;font-weight: bold;line-height: 60px;}
.indexBanner .bd li a .cont3 .txt .p3{font-size: 16px;margin-top: 5%;}
.indexBanner .bd li a .cont3 .img{width: 60%;margin-right: -5%;}
}

@media (max-width: 1440px){
    .indexBanner .bd li a .cont1 .txt .p1{font-size: 48px;line-height: 70px;}
    .indexBanner .bd li a .cont1 .txt .p2{font-size: 56px;line-height: 70px;}
    .indexBanner .bd li a .cont1 .txt .p3{font-size: 16px;}
    .indexBanner .bd li a .cont1 .img{width: 45%;margin-right: -5%;}
    
    .indexBanner .bd li a .cont2 .txt .p1{font-size: 48px; line-height: 70px;}
    .indexBanner .bd li a .cont2 .txt .p2{font-size: 56px; line-height: 70px;}
    .indexBanner .bd li a .cont2 .txt .p3{font-size: 16px; }
        
    .indexBanner .bd li a .cont3 .txt .p1{font-size: 48px;font-weight: bold;line-height: 60px;}
    .indexBanner .bd li a .cont3 .txt .p2{font-size: 36px;font-weight: bold;line-height: 60px;}
    .indexBanner .bd li a .cont3 .txt .p3{font-size: 16px;margin-top: 5%;}
    .indexBanner .bd li a .cont3 .img{width: 60%;margin-right: -5%;}
}
      
  

/* section2 */
.section2{background: url('../images/about_bg.jpg') center center no-repeat;background-size: cover;}
.indexAbout{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.indexAbout .img{width: 53%;float: left;transform: scale(0);opacity: 0;transition: all 0.8s ease;}
.indexAbout .img img{width: 100%;display: block;}
.indexAbout .contBox{width: 40%;float: right;padding: 12px 0 0;transform: translateX(100px);opacity: 0;transition: all 0.8s ease;}
.indexAbout .contBox .title{font-size: 44px;line-height: 44px;color: #333333;}
.indexAbout .contBox .txt{font-size: 16px;line-height: 40px;color: #333333;margin-top: 40px;}
.indexAbout .contBox .more{display: block;font-size: 16px;color: #fff;margin-top: 48px;width: 160px;height: 50px;line-height: 50px;background-color: #00873a;border-radius: 25px;text-align: center; transition: all 0.6s ease;}
.indexAbout .contBox .more i{display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 30px;transform: translateY(-1px);}
.indexAbout .contBox .more:hover{ background-color: #f4bf3b;}

@media (max-width: 1560px){
    .indexAbout .img{width: 48%;}
    .indexAbout .contBox .title{font-size: 40px;line-height: 44px;color: #333333;}
    .indexAbout .contBox .txt{font-size: 16px;line-height: 34px;color: #333333;margin-top: 30px;}
    .indexAbout .contBox .more{ margin-top: 30px;}
}

/* section3 */
.section3{background: url('../images/technology_bg.jpg') center center no-repeat;background-size: cover;}
.indexTechnology{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.indexTechnology .title{font-size: 44px;line-height: 44px;color: #333333;text-align: center;margin-bottom: 50px;transform: translateY(-100px);opacity: 0;transition: all 0.8s ease;}
.indexTechnology .title p{font-size: 16px;line-height: 30px;color: #898c8a;margin-top: 20px;}
.indexTechnology ul{width: 100%;transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexTechnology ul li{float: left;width: 18.75%;height: 510px;background-size: cover !important;transition: all 0.6s ease;}
.indexTechnology ul li a{display: block;width: 100%;height: 100%;padding: 50px 30px;background-color: rgba(0, 0, 0, 0.6);transition: all 0.6s ease;}
.indexTechnology ul li .tit{font-size: 20px;line-height: 28px;color: #ffffff;}
.indexTechnology ul li .txt{font-size: 16px;line-height: 30px;color: #ffffff;margin-top: 10px;}
.indexTechnology ul li.on{width: 43.75%;}
.indexTechnology ul li.on a{background-color: rgba(0, 0, 0, 0.1);}

@media (max-width: 1680px){
    .indexTechnology ul li{height: 460px;}
}
@media (max-width: 1560px){
    .indexTechnology ul li{height: 380px;}
}
@media (max-width: 1440px){
    .indexTechnology ul li{height: 300px;}
}

/* section4 */
.section4{background-color: #000;}
.indexSolution{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.indexSolution .title{width: 100%;font-size: 44px;line-height: 44px;color: #fff;text-align: center;margin-bottom: 140px;position: absolute;top: 15%;left: 0;z-index: 2;transform: translateY(-100px);opacity: 0;transition: all 0.8s ease;}
.indexSolution .title p{font-size: 16px;line-height: 30px;color: #fff;margin-top: 20px;}
.indexSolution .solutionBox{width: 100%;height: 100%;position: relative;}
.indexSolution .solutionBox .bd{width: 100%;height: 100%;}
.indexSolution .solutionBox .bd .contBox{width: 100%;height: 100%;position: relative;}
.indexSolution .solutionBox .bd .contBox .img{background-size: cover !important;width: 100%;height: 100%;opacity: 0.3;}
.indexSolution .solutionBox .bd .contBox .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, 0);z-index: 8;}
.indexSolution .solutionBox .bd .contBox .tit{font-size: 30px;line-height: 32px;color: #ffffff;text-align: center; transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexSolution .solutionBox .bd .contBox .txt{font-size: 16px;line-height: 30px;color: #ffffff;margin-top: 40px;text-align: center; transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexSolution .solutionBox .bd .contBox .more{display: block;font-size: 16px;color: #fff;margin: 70px auto 0;width: 160px;height: 50px;line-height: 50px;background-color: #00873a;border-radius: 25px;text-align: center; transform: translateY(100px);opacity: 0;transition: all 0.6s ease;}
.indexSolution .solutionBox .bd .contBox .more i{display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 30px;transform: translateY(-1px);}
.indexSolution .solutionBox .bd .contBox .more:hover{ background-color: #f4bf3b;}
.indexSolution .solutionBox .hd{width: 100%;position: absolute;top: 33%;left: 0;z-index: 2;  transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexSolution .solutionBox .hd ul{width: 100%;justify-content: center;}
.indexSolution .solutionBox .hd ul li{cursor: pointer;font-size: 16px;line-height: 48px;color: #fff;padding: 0 50px;border-radius: 25px;border: 1px solid #eee;margin: 0 20px;}
.indexSolution .solutionBox .hd ul li.on{background-color: #fff;color: #00873a;}
.indexSolution .solutionBox .arrowBox{width: 75%;min-width: 1200px;position: absolute;left: 50%;z-index: 10;transform: translateX(-50%);top: 58%;}
.indexSolution .solutionBox .arrowBox .arrow{color: #fff;font-size: 36px;cursor: pointer;}
.indexSolution .solutionBox .arrowBox .arrow.prev{transform: rotate(-180deg);float: left;}
.indexSolution .solutionBox .arrowBox .arrow.next{float: right;}

@media (max-width: 1680px){
    .indexSolution .title{ top: 17%;}
   .indexSolution .solutionBox .hd{top: 35%;}
.indexSolution .solutionBox .bd .contBox .txt{margin-top: 30px;}
.indexSolution .solutionBox .bd .contBox .more{ margin-top: 55px auto 0;}
}
@media (max-width: 1560px){
    .indexSolution .title{ top: 18%;}
    .indexSolution .solutionBox .hd{top: 38%;}
    .indexSolution .solutionBox .bd .contBox .txt{margin-top: 30px;}
    .indexSolution .solutionBox .bd .contBox .more{ margin-top: 40px auto 0;}
}
@media (max-width: 1440px){
    .indexSolution .title{ top: 20%;}
    .indexSolution .solutionBox .bd .contBox .txt{margin-top: 30px;}
    .indexSolution .solutionBox .bd .contBox .more{ margin-top: 30px auto 0;}
}


/* section5 */
.section5{background: url('../images/cooperation_bg.jpg') center center no-repeat;background-size: cover;}
.indexCooperation{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -46%);}
.indexCooperation .title{font-size: 44px;line-height: 44px;color: #333;text-align: center;margin-bottom: 60px;transform: translateY(-100px);opacity: 0;transition: all 0.8s ease;}
.indexCooperation .title p{font-size: 16px;line-height: 30px;color: #898c8a;margin-top: 20px;}
.indexCooperation ul{width: 100%;transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexCooperation ul li{float: left;width: 32%;margin-right: 2%;position: relative;}
.indexCooperation ul li:last-child{margin-right: 0;}
.indexCooperation ul li a{position: relative;display: block;width: 100%;height: 100%;}
.indexCooperation ul li a::after{content: '';width: 100%;height: 70%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));position: absolute;bottom: 0;left: 0;}
.indexCooperation ul li img{width: 100%;display: block;}
.indexCooperation ul li .cont{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;padding: 10% 9%;}
.indexCooperation ul li .cont .tit{font-size: 20px;line-height: 30px;color: #ffffff;}
.indexCooperation ul li .cont .txt{font-size: 16px;line-height: 24px;color: #ffffff;margin-top: 10px;}
.indexCooperation ul li:hover a::after{background-image: linear-gradient(to bottom, rgba(18, 129, 60, 0), #00873a);}
@media (max-width: 1560px){
    .indexCooperation .title{ margin-bottom:40px;}
}

/* section6 */
.section6{background: url('../images/news_bg.jpg') center center no-repeat;background-size: cover;}
.indexNews{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -47%);}
.indexNews .title{font-size: 44px;line-height: 44px;color: #fff;text-align: center;margin-bottom: 40px;transform: translateY(-100px);opacity: 0;transition: all 0.8s ease;}
.indexNews .newsBox{width: 100%;position: relative;transform: translateY(100px);opacity: 0;transition: all 0.8s ease;}
.indexNews .newsBox .hd{width: 100%;margin-bottom: 40px;}
.indexNews .newsBox .hd ul{width: 100%;justify-content: center;}
.indexNews .newsBox .hd ul li{cursor: pointer;margin: 0 2%;height: 44px;border-radius: 22px;border: solid 1px #ffffff;padding: 0 40px;font-size: 16px;line-height: 42px;color: #ffffff;text-align: center;}
.indexNews .newsBox .hd ul li.on{background-color: #fff;color: #00873a;}
.indexNews .newsBox .bd ul li{float: left;width: 30%;margin-right: 5%;border-bottom: 1px solid #fff;}
.indexNews .newsBox .bd ul li:last-child{margin-right: 0;}
.indexNews .newsBox .bd ul li .img{width: 100%;overflow: hidden;}
.indexNews .newsBox .bd ul li .img img{width: 100%;  display: block; height: 310px; transition: all 0.6s ease;}
.indexNews .newsBox .bd ul li .tit{font-size: 20px;line-height: 34px;color: #fff;margin-top: 20px;}
.indexNews .newsBox .bd ul li .time{font-size: 16px;line-height: 20px;color: #fff;margin-top: 15px;padding-bottom: 20px;}
.indexNews .newsBox .bd ul li:hover .img img{transform: scale(1.1);}
.indexNews .newsBox .bd .more{display: block;font-size: 16px;color: #fff;margin: 70px auto 0;width: 160px;height: 50px;line-height: 50px;background-color: #00873a;border-radius: 25px;text-align: center; transition: all 0.6s ease;}
.indexNews .newsBox .bd .more i{display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 20px;transform: translateY(-1px);}
.indexNews .newsBox .bd .more:hover{ background-color: #f4bf3b;}
@media (max-width: 1560px){
    .indexNews .title{ margin-bottom:30px;}
    .indexNews .newsBox .bd .more{ margin: 50px auto 0}
}
@media (max-width: 1440px){
.indexNews .newsBox{ width: 1100px; margin: auto;}
.indexNews .newsBox .bd ul li .img img{ height: 280px;}
    .indexNews .newsBox .bd ul li .tit{font-size: 18px;margin-top: 15px;}
    .indexNews .newsBox .bd ul li .time{font-size: 14px;margin-top: 10px;padding-bottom: 15px;}
    .indexNews .title{ margin-bottom:30px;}
    .indexNews .newsBox .bd .more{ margin: 30px auto 0}
}


/* CSS3过度及动画*/
.active .indexAbout .contBox{transform: translateX(0);transition-delay: 0.5s;opacity: 1;}
.active .indexAbout .img{transform: scale(1);transition-delay: 0.5s;opacity: 1;}
.active .indexTechnology .title,.active .indexTechnology ul{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.active .indexSolution .title,.active .indexSolution .solutionBox{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.active .indexCooperation .title,.active .indexCooperation ul{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.active .indexNews .title,.active .indexNews .newsBox{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}
.active .indexSolution .solutionBox .hd,.active .indexSolution .solutionBox .bd .contBox .tit,.active .indexSolution .solutionBox .bd .contBox .txt,.active .indexSolution .solutionBox .bd .contBox .more{transform: translateY(0);transition-delay: 0.5s;opacity: 1;}

.ltie10 .indexAbout .contBox{transform: translateX(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexAbout .img{transform: scale(0);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexTechnology .title{transform: translateY(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexTechnology ul{transform: translateY(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexSolution .title{transform: translateY(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexSolution .solutionBox .hd,.ltie10 .indexSolution .solutionBox .bd .contBox .tit,.ltie10 .indexSolution .solutionBox .bd .contBox .txt,.ltie10 .indexSolution .solutionBox .bd .contBox .more{transform: translateY(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexCooperation .title{transform: translateY(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexCooperation ul{transform: translateY(100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexNews .title{transform: translateY(-100%);transition-delay: 0.5s;opacity: 1;}
.ltie10 .indexNews .newsBox{transform: translateY(100%);transition-delay: 0.5s;opacity: 1;}