header{position: fixed;width: 100%;top: 0;left: 0;z-index: 999;color: #fff;}
header::after{position: absolute;width: 0%;right: 5%;bottom: 0;height:1px;background-color: rgba(255,255,255,.3);content: "";transition: all 1s;transition-delay: 0.6s;}
header.on::after{width: 90%;}
header .cont{align-items: center;position: relative;z-index: 2;}
header .logo{padding: 30px 0;}
header .logo img{height: 40px;display: none;}
header .logo img:first-child{display: block;}
header nav{margin-left: auto;margin-right: 2vw;}
header nav .item{position: relative;}
header nav a{color: #fff;align-items: center;margin: 0 2vw;font-size: 16px;font-weight: 500;opacity: .6;}
header nav .nav2{position: absolute;left: 50%;top: 70px;z-index: 2;transform: translateX(-50%);width: 200%;text-align: center;}
header nav .nav2 a{line-height: 40px;height: 0px;overflow: hidden;transition: all .6s;}
header nav .item.on>a{opacity: 1;}
header .link-to{width: 150px;line-height: 50px;border-radius: 25px;background-color: #fff;color: #000;font-weight: 500;text-align: center;}
.search{margin-left: 20px;width: 40px;height: 40px;border: 1px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
header h5{margin-left: 10px;font-weight: 600;}
header.active{color: #000;}
header.active .logo img:first-child{display: none;}
header.active .logo img:last-child{display: block;}
header.active nav a{color: #000;}
header.active nav a.on{color: #80b85e;}
header.active .search{border-color: #80b85d;}
header.active .search svg path{fill: #80b85d;}
header.active .link-to{background-image: linear-gradient(to bottom,#64aea1,#80b85d);color: #fff;}
header.white .logo img:first-child{display: block;}
header.white .logo img:last-child{display: none;}
header::before{position: absolute;content: "";width: 100%;height: 0px;background-image: linear-gradient(to bottom,#64aea1,#80b85d);z-index: 0;left: 0;top: 0;border-radius: 0 0 15px 15px;transition: all .6s;opacity: 0;}
header:hover::before{height: 340px;opacity: 1;}
header:hover nav .nav2 a{height: 40px;}
header:hover::after{width: 90%;}
header.bg{background-color: rgba(0,0,0,.3);backdrop-filter: blur(20px);}

.page-tab{position: fixed;z-index: 0;width: 25%;padding-left:12%;padding-right: 5%;padding-top: 10%;box-sizing: border-box;height: 100%;color: #fff;}
.page-tab::after{top: 0;right: 0;width: 1px;height: 0%;content: '';position: absolute;background-color: #fff;opacity: 0.3;transition: all .8s;}
.page-tab .ico-box{opacity: .6;transform: translateX(-80%);opacity: 0;}
.page-tab .tab-btn{text-align: right;margin: 30px 0;position: relative;cursor: pointer;opacity: .2;transition: all .8s;transform: translateX(-80%);opacity: 0;color: #fff;}
.page-tab .tab-btn::after{position: absolute;top: 50%;left: 12px;transform: translateY(-50%);content: '';width: 8px;height: 8px;background-color: #fff;border-radius: 50%;}
.page-tab .left-txt{position: absolute;left: 20%;bottom: 5%;z-index: 1;opacity: 0;transition: all .8s;}
.page-tab .left-txt h5{font-size: 15px;opacity: .3;}
.page-tab .make-s0{position: absolute;left: 50%;top: 50%;width: 120px;height: 120px;border:1px solid #fff;display: flex;align-items: center;justify-content: center;display: none;z-index: 2;
    transform: translate(-50%,-50%);border-radius: 50%;color: #fff;transition: all .4s;cursor: pointer;}
.page-tab .make-s0 svg{margin: 0 auto;display: block;margin-bottom: 10px;}
.page-tab .make-s0:hover{background-image: linear-gradient(to bottom,#64aea1,#80b85d);border: none;}
/**/
.page-tab.on{z-index: 88;}
.page-tab.on::after{height: 100%;transition: all .8s;}
.page-tab.on .ico-box{transform: translateX(0);opacity: .8;transition: all .8s;}
.page-tab.on .tab-btn{transform: translateX(0);opacity: .8;transition: all .8s;}
.page-tab.on .tab-btn.on{transform: translateX(0);opacity: 1;transition: all .8s;}
.page-tab.on .left-txt{opacity: 1;transition: all .8s;}

.page-tab.active{background-color: #fff;}
.page-tab.active .tab-btn{color: #000;}
.page-tab.active .ico-box svg path{fill: #000;}
.page-tab.active::after{background-color: #000;}
.page-tab.active .tab-btn::after{background-color: #000;}
.page-tab.active .tab-btn.on{color: #80b85e;}
.page-tab.active .tab-btn.on::after{background-image: linear-gradient(to bottom,#64aea1,#80b85d);}

.page-tab.hide{background-image: url(../images/bj2.jpg);background-size: cover;}
.page-tab.hide .ico-box{display: none;}
.page-tab.hide .tab-btn{display: none;}
.page-tab.hide .left-txt{color: #fff;}
.page-tab.hide .make-s0{display: flex;}




.section{width: 100%;opacity: 0;pointer-events: none;visibility: hidden;position: fixed;top: 0;left: 0;overflow: hidden;transition: all 1.3s;}
.section.active{opacity: 1;visibility:inherit;pointer-events:all;}
.inx-01{background-color: #fff;}
.inx-01 .video-box{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.inx-01 .swiper-slide{position: relative;width: 100%;height: 100vh;}
.inx-01 .swiper-slide::after{position: absolute;width: 100%;height: 100%;content: '';z-index: 2;background-color: rgba(0,0,0,.4);left: 0;top: 0;}
.inx-01 .video-box video{width: 110%;}
#v1{opacity: 0;transition: all .6s;}
#v1.on{opacity: 1;}
.inx-01 .swiper-slide .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;opacity: 0;z-index: 1;transition: all .6s;}
.inx-01 .swiper-slide .img-box.on{opacity: 1;}
.inx-01 .swiper-slide:last-child{z-index: 4;}
.inx-01 .info-box{width: 90%;position: absolute;bottom: 50px;left: 5%;z-index: 5;color: #fff;align-items: center;}
.inx-01 .info-box .left{width: 70%;}
.inx-01 .info-box .tab{transform: translateY(80%);opacity: 0;transition: all .8s;}
.inx-01 .info-box .tab-item{padding: 15px 30px;box-sizing: border-box;border-radius: 30px;font-size: 18px;}
.inx-01 .info-box .tab-item.on{border: 2px solid #fff;font-weight: 600;}
.inx-01 .info-box .tab-item:last-child{margin-right: auto;margin-left: 20px;}
.inx-01 .info-box .info{margin-top: 40px;position: relative;width: 100%;height: 60px;transform: translateY(80%);opacity: 0;transition: all .8s;transition-delay: .6s;}
.inx-01 .info-box .info-item{font-size: 2.8vw;transform:rotate(30deg);transform-origin: left bottom;opacity: 0;transition: all .8s;cursor: pointer;position: absolute;left: 0;top: 0;width: 100%;}
.inx-01 .info-box .info-item.on{transform: rotate(0);opacity: 1;}
.inx-01 .info-box .left p{opacity: .4;margin-top: 80px;transform: translateY(80%);opacity: 0;transition: all .8s;transition-delay: 1s;}
.inx-01 .info-box .right{background-color: rgba(0,0,0,.3);border-radius: 10px;padding: 10px;align-items: center;width: 240px;cursor: pointer;transition: all .8s;transform: translateY(50%);opacity: 0;transition-delay: 1s;color: #fff;}
.inx-01 .info-box .right:hover{background-color: rgba(0,0,0,.6);}
.inx-01 .info-box .right span{margin-left: 5%;}
.inx-01 .info-box .right h5{margin-top: 5px;}
.inx-01 .info-box .right .ico-box{width: 80px;background-image: linear-gradient(to bottom,#64aea1,#80b85d);height: 80px;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.inx-1-page{position: absolute;z-index: 3;width: 100%;height: 100vh;background-color: #000;opacity: 0;transition: all .6s;overflow: hidden;}
.inx-1-page.on{opacity: 1;}
.inx-1-page .video-box{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.inx-1-page .video-box::after{position: absolute;width: 100%;height: 100%;content: '';z-index: 2;background-color: rgba(0,0,0,.4);left: 0;top: 0;}
.inx-1-page .video-box video{height: 110%;}
.inx-1-page h3{position: absolute;left: 5%;top: 20%;z-index: 2;color: #fff;transform: translateY(50%);opacity: 0;transition: all .6s;font-size: 3.4vw;}
.inx-1-page.on h3{transform: translateY(0);opacity: 1;}
.inx-1-page .num-box{position: absolute;left: 5%;bottom: 10%;width: 50%;color:#fff;z-index: 2;transform: translateY(60%);opacity: 0;transition: all .6s;}
.inx-1-page .num-box .item{width: 48%;margin-top: 50px;}
.inx-1-page .num-box .item .num{align-items: center;}
.inx-1-page .num-box .item .num h5{margin-right: auto;margin-left: 15px;}
.inx-1-page .num-box .item .num h2{font-size: 5.4vw;font-weight: 600;}
.inx-1-page.on .num-box{transform: translateY(0);opacity: 1;}
.back{position: absolute;width: 160px;height: 160px;z-index: 6;background-image: linear-gradient(to bottom,#64aea1,#80b85d);border-radius: 50%;display: flex;align-items: center;justify-content: center;
    text-align: center;color: #fff;right: 20%;top: 30%;opacity: 0;cursor: pointer;}
.back svg{margin: 0 auto;display: block;margin-bottom: 5px;}
.back.on{opacity: 1;transition: all .6s;}

.section .info-txt{position: absolute;left: 25%;top: 0;z-index: 4;color: #fff;padding-left: 3%;box-sizing: border-box;height: 100%;padding-top: 10%;box-sizing: border-box;overflow: hidden;width: 75%;padding-right: 5%;box-sizing: border-box;}
.section .info-txt .txt-box{align-items: center;}
.section .info-txt .txt-box h2{font-size: 5.4vw;margin-right: 15px;font-weight: 600;}
.section .info-txt.big .txt-box h3{font-size: 4vw;}
.section .info-txt .txt-box span{margin-right: auto;}
.section .info-txt p{margin-top: 25%;width: 40%;margin-left: auto;text-align: justify;font-size: 18px;line-height: 36px;}
.inx-01.on .info-txt .txt-box{transform: translateY(100%);opacity: 0;}
.inx-01.on .info-txt p{transform: translateY(100%);opacity: 0;}
.inx-01 .swiper-slide .move-link{position: absolute;width: 280px;height: 280px;z-index: 4;border-radius: 50%;transform: translate(-50%,-50%);transition: all .1s;padding: 15px;box-sizing: border-box;left: 40%;top: 60%;}
.inx-01 .swiper-slide .move-link img{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}
.inx-01 .swiper-slide .move-link .box{color: #fff;text-align: center;width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.inx-01 .swiper-slide .move-link .box svg{margin: 0 auto;display: block;margin-bottom: 10px;}
.inx-01 .swiper-slide .move-bj{position: absolute;width: 230px;height: 230px;z-index: 4;border-radius: 50%;transform: translate(-50%,-50%);transition: all .11s;background: url(../images/pic.jpg);background-size: cover;left: 40%;top: 60%;}
.info-txt .activeBox{position: absolute;width: 53%;height: 63vh;bottom: 0%;left: 0;z-index: 4;}

/**/
.inx-01.on .video-box img{opacity: 1;}
.inx-01.on .tab{transform: translateY(0);opacity: 1;}
.inx-01.on .info{transform: translateY(0);opacity: 1;}
.inx-01.on .info-box .left p{transform: translateY(0);opacity: 1;}
.inx-01.on .info-box .right{transform: translateY(0);opacity: 1;}
.inx-01 .info-txt .txt-box{transform: translateY(0);opacity: 1;transition: all .8s;}
.inx-01 .info-txt p{transform: translateY(0);opacity: 1;transition: all .8s;transition-delay: 1.2s;position: absolute;right: 10%;bottom: 10%;}



.inx-02{background-color: #fff;background-image: url(../images/bj.jpg);background-size: cover;}
.inx-02 .info-txt p{padding: 30px;background-color: rgba(255,255,255,.5);box-sizing: border-box;border-radius: 20px;color: #000;width: 40%;backdrop-filter: blur(5px);margin-top: 35%;}
.move-link1{position: absolute;width: 140px;height: 140px;z-index: 4;border-radius: 50%;transform: translate(-50%,-50%);transition: all .1s;left: 40%;top: 60%;background-image: linear-gradient(to bottom,#64aea1,#80b85d);display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 20px;font-weight: 600;opacity: 0;}
.move-link1.on{opacity: 1;}
.inx-03{background-color: #fff;}
.inx-03-pics{width: 100%;height: 100%;position: relative;}
.inx-03-pics::before{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-color: rgba(0,0,0,.5);}
.inx-03-pics .swiper{z-index: 1;}
.inx-03-pics .swiper .img-box{width: 100%;height: 100vh;}
.inx-03 .info-txt{display: flex;flex-wrap: wrap;}
.inx-03 .info-txt .txt-box{align-items: flex-start;}
.inx-03 .info-txt .list-tab{width: 100%;margin-top: auto;margin-bottom: 5%;align-items: last baseline;opacity: 1;transition: all .6s;}
.inx-03 .info-txt .list-tab .swiper{width: 100%;overflow: visible;margin-left: 0;margin-right: auto;}
.inx-03 .info-txt .list-tab .swiper-slide:last-child{margin-left: 2%;}
.inx-03 .info-txt .list-tab .swiper-slide{width: 49%;background-color: rgba(0,0,0,.5);backdrop-filter: blur(5px);padding: 40px;box-sizing: border-box;border-radius: 15px;color: #000;position: relative;color: #fff;transition: all .6s;height: 100%;margin-top: auto;}
.inx-03 .info-txt .list-tab .swiper-slide a>img{transition: all .6s;position: absolute;left: calc(100% - 180px);top: -60px;height: 160px;}
.inx-03 .info-txt .list-tab .swiper-slide h4{margin-top: 0px;transition: all .4s;color: #fff;}
.inx-03 .info-txt .list-tab .swiper-slide .list{margin-top: 0px;width: 100%;transition: all .6s;}
.inx-03 .info-txt .list-tab .swiper-slide .list .item-pro{width: 31%;height: 0;border-radius: 8px;position: relative;background-color: rgba(255,255,255,.7);overflow: hidden;box-sizing: border-box;transition: all .6s;}
.inx-03 .info-txt .list-tab .swiper-slide .list .item-pro span{display: block;width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.inx-03 .info-txt .list-tab .swiper-slide .list .item-pro svg{margin: 0 auto;display: block;}
.inx-03 .info-txt .list-tab .swiper-slide .list .item-pro p{text-align: center;width: 100%;padding: 0;margin: 0;}
.inx-03 .info-txt .list-tab .swiper-slide .more{position: absolute;width: 100px;height: 100px;background-image: linear-gradient(to bottom,#64aea1,#80b85d);right: 0px;top: 0px;border-radius: 15px;box-shadow: 2px 5px 5px rgba(0,0,0,.3);color: #fff;opacity: 0;transition: all .6s;}
.inx-03 .info-txt .list-tab .swiper-slide .more svg{margin: 0 auto;display: block;margin-top: 15px;}
.inx-03 .info-txt .list-tab .swiper-slide .more h5{text-align: center;margin-top: 5px;}

.inx-03 .info-txt .list-tab .swiper-slide.on{background-color: rgba(255,255,255,.5);color: #000;}
.inx-03 .info-txt .list-tab .swiper-slide.on .list{margin-top: 20px;}
.inx-03 .info-txt .list-tab .swiper-slide.on h4{margin-top: 18vw;color: #000;}
.inx-03 .info-txt .list-tab .swiper-slide.on .list .item-pro{height: 100px;border:1px solid #64aea1;}
.inx-03 .info-txt .list-tab .swiper-slide.on a>img{width: auto;left: 50%;transform: translateX(-50%);height: 16vw;top: 40px;}
.inx-03 .info-txt .list-tab .swiper-slide.on .more{right: 20px;top: -20px;opacity: 1;margin-left: 0;transform: translateY(0);}
.inx-03 .txt-box{opacity: 1;transform: translateY(0);transition: all .6s;}
.inx-03.move .txt-box{transform: translateY(-20%);opacity: 0;}
.inx-03.move .list-tab{transform: translateY(50%);opacity: 0;}

.move-link2{position: absolute;width: 150px;height: 150px;z-index: 6;border-radius: 50%;transform: translate(-50%,-50%);transition: all .1s;left: 40%;top: 60%;background-image: linear-gradient(to bottom,#64aea1,#80b85d);display: flex;align-items: center;justify-content: center;
    color: #fff;font-size: 20px;font-weight: 600;opacity: 0;text-align: center;}
.move-link2.on{opacity: 1;}
.proAll{position: absolute;left: 0;width: 100%;top: 0;height: 100%;background-color: rgba(0,0,0,.0);z-index: 5;transition: all .6s;display: none;}
.proAll.on{background-color: rgba(0,0,0,.4);}
.pro-back{width: 180px;background-color: rgba(0,0,0,.4);border-radius: 15px;position: absolute;left: 5%;top: 13%;z-index: 1;padding: 10px;box-sizing: border-box;align-items: center;
    color: #fff;opacity: 0;transition: all .6s;}
.proAll.on .pro-back{opacity: 1;}
.pro-back .ico-box{width: 60px;height: 60px;border-radius: 10%;background-image: linear-gradient(to bottom,#64aea1,#80b85d);display: flex;align-items: center;justify-content: center;}
.pro-back h5{margin-right: auto;margin-left: 30px;}
.proAll .right{position: absolute;right: 5%;top: 20%;z-index: 3;width: 25%;transform: translateX(50%);opacity: 0;transition: all .6s;}
.proAll.on .right{opacity: 1;transform: translateX(0);}
.proAll .right .list-all{width: 100%;}
.proAll .right .list-all a{width: 31%;background-color: rgba(255,255,255,.3);padding: 15px 0;box-sizing: border-box;display: flex;align-items: center;justify-content: center;border-radius: 15px;margin-top: 15px;}
.proAll .right .list-all a svg{margin: 0 auto;margin-bottom: 5px;display: block;}
.proAll .right .pro-tabList{background-color: rgba(255,255,255,.7); backdrop-filter: blur(5px);padding: 30px;box-sizing: border-box;border-radius: 15px;width: 100%;}
.proAll .right .info{background-color: rgba(0,0,0,.6);backdrop-filter: blur(5px);border-radius: 15px;margin-top: 15px;color: #fff;padding: 20px;box-sizing: border-box;}
.proAll .right .info p{width: 100%;padding: 0;margin: 0;margin-top: 10px;opacity: .6;line-height: 28px;}
.proAll .content{width: 62%;right: 32%;top: 20%;position: absolute;border-radius: 15px;height: 32vw;padding: 0px;box-sizing: border-box;transform: translateY(50%);opacity: 0;transition: all .6s;}
.proAll .content .item{width: 33.33%;padding:0 15px;box-sizing: border-box;margin-bottom: 25px;}
.proAll .content .item a p{text-align: center;color: #fff;margin-top: 10px;}
.proAll .content .item a .img-box{width: 100%;height: 17vw;display: flex;align-items: center;justify-content: center;background-color: rgba(255,255,255,.1);backdrop-filter: blur(5px);border-radius: 10px;}
.proAll .content .item a .img-box img{width: 50%;transition: all .6s;}
.proAll .content .item a:hover .img-box img{width: 65%;}
.proAll.on .content{transform: translateY(0);opacity: 1;}

.inx-04 .info-txt{display: flex;flex-wrap: wrap;}
.inx-04 .info-txt .txt-box{align-items: flex-start;}
.inx-04 .info-txt .list-tab{width: 100%;margin-top: auto;margin-bottom: 7%;align-items: last baseline;}
.inx-04 .info-txt .list-tab .item{width: 80px;background-color: rgba(0,0,0,.5);backdrop-filter: blur(5px);padding: 22px;box-sizing: border-box;border-radius: 15px;color: #000;position: relative;color: #fff;transition: all .6s;height: 100%;margin-right: 20px;margin-top: auto;}
.inx-04 .info-txt .list-tab .item svg{transition: all .6s;width: 36px;height: 36px;}
.inx-04 .info-txt .list-tab .item:last-child{margin-right: auto;}
.inx-04 .info-txt .list-tab .info{margin-top: 0px;height: 0;transition: all .6s;overflow: hidden;width: 0vw;}
.inx-04 .info-txt .list-tab .info p{width: 100%;padding: 0;margin: 0;margin-top: 20px;opacity: .6;}
.inx-04 .info-txt .list-tab .item.on{width: 25vw;padding: 40px;}
.inx-04 .info-txt .list-tab .item.on .info{margin-top: 100px;height: 7vw;width: 21vw;}
.inx-04 .info-txt .list-tab .item.on svg{width: 96px;height: 96px;}

.m-ys-tap{display: none;width: 50%;overflow: visible;margin-left: 0;margin-right: auto;position: absolute;left: 4%;bottom: 5%;}
.m-ys-tap .swiper-slide{margin-left: 20px;}
.m-ys-tap .swiper-slide:first-child{margin-left: 0;}
.m-ys-tap .item{width: 100%;padding: 40px;background-color: rgba(0,0,0,.5);backdrop-filter: blur(5px);box-sizing: border-box;border-radius: 15px;position: relative;color: #fff;transition: all .6s;height: auto;margin-right: 20px;margin-top: auto;}
.m-ys-tap .item svg{width: 8vw;height: 8vw;}
.m-ys-tap .item:last-child{margin-right: auto;}
.m-ys-tap .item .info{margin-top: 50px;width: 100%;transition: all .6s;overflow: hidden;}
.m-ys-tap .item .info p{width: 100%;padding: 0;margin: 0;margin-top: 20px;opacity: .6;}


.inx-05{width: 100%;background-color: #fff;color: #000;}
.inx-05 .info-txt{color: #000;flex-wrap: wrap;display: flex;}
.inx-05 .info-txt .txt-box{align-items: center;width: 100%;height: auto;margin-bottom: auto;}
.inx-05 .info-txt .txt-box a{width: 200px;background-image: linear-gradient(to bottom,#64aea1,#80b85d);color: #fff;display: flex;align-items: center;justify-content: center;padding: 15px 20px;box-sizing: border-box;border-radius: 10px;}
.inx-05 .info-txt .txt-box a p{width: auto;padding: 0;margin: 0;margin-right: 10px;}
.inx-05 .info-txt .list-tab{width: 100%;margin-top: auto;margin-bottom: 7%;align-items: last baseline;}
.inx-05 .info-txt .list-tab .swiper{width: 100%;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide{width: 25%;padding: 0 5px;box-sizing: border-box;position: relative;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box{width: 100%;border-radius: 15px;position: relative;height: 32vw;display: flex;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box img{height: 26vw;border-radius: 15px;transition: all .6s;margin-top: auto;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box .box{position: absolute;width: 100%;border-radius: 15px;height: 26vw;background-color: rgba(0,0,0,.5);left: 0;top: 6vw;color: #fff;display: flex;flex-wrap: wrap;transition: all .6s;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box .box h5{margin-top: 20px;margin-left: 20px;opacity: 1;transition: all .6s;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box .box .info-dail{width: 100%;margin-top: auto;background-color: rgba(0,0,0,0);color: #fff;padding: 20px;box-sizing: border-box;border-radius: 15px 15px 0 0;transition: all .6s;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box .box .info-dail p{width: 100%;margin-top: 0px;padding: 0;font-size: 16px;line-height: 28px;height: 0;overflow: hidden;transition: all .6s;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box .box .info-dail .num{font-size: 18px;margin-bottom: 20px;opacity: 0;transition: all .6s;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box .box .info-dail h4{color: #fff;transition: all .6s;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide:hover .img_box img{height: 32vw;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide:hover .img_box .box{background-color: rgba(0,0,0,0);}
.inx-05 .info-txt .list-tab .swiper .swiper-slide:hover .img_box .box h5{opacity: 0;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide:hover .img_box .box .info-dail p{height: 84px;margin-top: 10px;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide:hover .img_box .box .info-dail{background-color: #fff;color: #000;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide:hover .img_box .box .info-dail h4{color: #80b85e;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide:hover  .img_box .box .info-dail .num{opacity: 1;}

.txt-box span i{color: #80b85e;font-weight: 600;}

.inx-06{width: 100%;background-color: #fff;color: #000;}
.inx-06 .info-txt{color: #000;flex-wrap: wrap;display: flex;}
.inx-06 .info-txt .txt-box{align-items: center;width: 100%;height: auto;margin-bottom: auto;}
.inx-06 .info-txt .txt-box a{width: 200px;background-image: linear-gradient(to bottom,#64aea1,#80b85d);color: #fff;display: flex;align-items: center;justify-content: center;padding: 15px 20px;box-sizing: border-box;border-radius: 10px;}
.inx-06 .info-txt .txt-box a p{width: auto;padding: 0;margin: 0;margin-right: 10px;}
.inx-06 .list-tab{width: 100%;margin-top: auto;margin-bottom: 7%;}
.inx-06 .list-tab .inx-news{width: 100%;overflow: visible;}
.inx-06 .list-tab .inx-news .news-item{width: 33.33%;padding:0 10px;box-sizing: border-box;}
.inx-06 .list-tab .inx-news .news-item a{background-color: #f1f1f1;border-radius: 15px;padding: 20px;box-sizing: border-box;width: 100%;transition: all .6s;}
.inx-06 .list-tab .inx-news .news-item a .img-box{width: 100%;height: 15vw;border-radius: 15px;overflow: hidden;}
.inx-06 .list-tab .inx-news .news-item a .text{margin-top: 15px;}
.inx-06 .list-tab .inx-news .news-item a .text h5{line-height: 36px;height: 72px;transition: all .6s;}
.inx-06 .list-tab .inx-news .news-item a .text p{margin: 0;padding: 0;opacity: .7;font-size: 16px;margin-top: 5px;line-height: 28px;width: 100%;}
.inx-06 .list-tab .inx-news .news-item a:hover{transform: translateY(-5%);box-shadow: 2px 5px 20px 2px rgba(0,0,0,.1);}
.inx-06 .list-tab .inx-news .news-item a:hover .text h5{color: #80b85e;}

.inx-07 .info-txt .txt-box span{align-items: center;}
.inx-07 .info-txt .txt-box span h3{color: #80b85e;}
.inx-07 .list-tab{margin-top: 20px;margin-bottom: 0;width: 50%;}
.inx-07 .list-tab h4{font-size: 2.4vw;padding: 10px 0;}
.inx-07 .list-tab h4 a{opacity: .6;transition: all .4s;}
.inx-07 .list-tab h4:hover a{opacity: 1;color: #80b85e;}
.inx-07 .last{align-items: last baseline;width: 100%;margin-top: 30px;margin-bottom: 7%;}
.inx-07 .last .left{width: 30%;}
.inx-07 .last .left .ico-box{padding: 15px;box-sizing: border-box;background-image: linear-gradient(to bottom,#64aea1,#80b85d);border-radius: 8px;margin-right: 15px;}
.inx-07 .last .left .ico-box:last-child{margin-right: auto;}
.inx-07 .last .right{width: 65%;}
.inx-07 .last .right .txt-box{text-align: right;}
.inx-07 .last .right .txt-box p{color: #80b85e;padding: 0;margin: 0;width: 100%;margin-bottom: 5px;text-align: right;}
.inx-07 .last .right .txt-box h5{margin-bottom: 5px;}
.inx-07 .ewm-box{position: absolute;right: 5%;bottom: 35%;z-index: 2;}
.inx-07 .ewm-box .ewm{margin-left: 20px;}
.inx-07 .ewm-box img{width: 200px;height: 200px;}
.inx-07 .ewm-box p{padding: 0;margin: 0;text-align: center;width: 100%;}

.oth-banner{width: 100%;height: 700px;overflow: hidden;position: relative;background-color: #fff;}
.oth-banner::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.1));z-index: 1;content: '';}
.oth-banner .img-box{width: 100%;min-height: 700px;}
.oth-banner .pic-txt{width: 100%;position: absolute;bottom: 20%;z-index: 2;color: #fff;}
.oth-banner .pic-txt h1{font-size: 6vw;width: 100%;padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,.5);}
.oth-banner .pic-txt p{margin-top: 30px;font-size: 1.3vw;padding-left: 20px;box-sizing: border-box;position: relative;}
.oth-banner .pic-txt p::before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: '';width: 10px;height: 10px;border-radius: 50%;z-index: 1;background-color: #fff;}
.pro-banner .pic-txt{bottom: 2%;color: #000;}
.pro-banner .pic-txt h1{border-color: rgba(0,0,0,.3);}
.pro-banner::after{background: linear-gradient(rgba(242, 245, 245, 0) 38%, #fff 100%);}
.pro-banner .pic-txt p::before{background-color: #000;}



.ab-01 .left{width: 35%;}
.ab-01 .left h2{font-weight: 600;}
.ab-01 .cont{align-items: first baseline}
.ab-01 .info-box{width: 55%;padding-right: 8%;box-sizing: border-box;}
.ab-01 .info-box h5{margin-bottom: 50px;font-size: 1.6vw;font-weight: 600;line-height: 48px;}
.ab-01 .info-box h5 i{display: inline-block;color: #80b85e;font-weight: 600;margin-right: 10px;}
.ab-01 .info-box p{line-height: 30px;font-size: 18px;}
.ab-01 video{width: 100%;margin-top: 50px;border-radius: 20px;overflow: hidden;}
.ab-02{background:url(../images/ab-pic2.jpg) no-repeat;background-size: cover;position: relative;color: #fff;}
.ab-02 .cont{position: relative;z-index: 2;}
.ab-02::before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);z-index: 1;}
.ab-02 .list{width: 100%;margin-top: 80px;}
.ab-02 .list .item{width: 18%;border:1px solid #fff;border-radius: 25px;padding: 3vw 30px;box-sizing: border-box;height: 20vw;display: flex;align-items:  center;text-align: center;justify-content: center;}
.ab-02 .list .item h3{margin-bottom: 30px;font-size: 1.8vw;}
.ab-02 .list .item p{font-size: 18px;line-height: 40px;}

.ab-04 img{width: 100%;}
.ab-05 .tit{align-items: center;width: 100%;}
.ab-05 .left{width: 42%;}
.ab-05 .left h4{color: #80b85e;font-weight: 600;margin-top: 120px;margin-bottom: 30px;}
.ab-05 .left p{line-height: 30px;}
.ab-05 .left .btn-tap{margin-top: 80px;}
.ab-05 .left .btn{width: 160px;height: 50px;border-radius: 25px;background-color: #e7e6e6;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .4s;}
.ab-05 .left .btn:last-child{margin-right: auto;margin-left: 20px;}
.ab-05 .left .btn:hover{box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
.ab-05 .right{width: 50%;margin-top: 50px;overflow: hidden;}
.ab-05 .right .swiper {width: 60%;overflow: visible;margin-right: auto;margin-left: 0;}
.ab-05 .right .img-box{width: 100%;height: 25vw;display: flex;align-items: center;justify-content: center;}
.ab-05 .right .img-box img{width: 70%;transition: all .6s;}
.ab-05 .right .swiper-slide.swiper-slide-active .img-box img{width: 100%;}

footer{width: 100%;padding: 5vw 0 2vw;background-image: linear-gradient(to bottom,#64aea1,#80b85d);}
footer .top{padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,.3);}
footer .top .left a img{height: 60px;}
footer .top .left .ico-list{width: 12vw;margin-top: 30px;}
footer .top .left .ico-list svg{width: 25px;height: 25px;}
.foot-nav{width: 60%;}
.foot-nav .item a{color: #fff;margin-bottom: 20px;opacity: .6;}
.foot-nav .item a:first-child{opacity: 1;font-size: 22px;}
footer .last{align-items: center;margin-top: 80px;color: #fff;font-size: 14px;opacity: .6;}
footer .last .info p:nth-child(2){margin: 10px 0;}
footer .last a{color: #fff;}


.proList-01 .item{margin-top: 120px;}
.proList-01 .item:first-child{margin-top: 0;}
.proList-01 .item .top{position: relative;padding-top: 80px;align-items: center;}
.proList-01 .item .top .tl{width: 60%;}
.proList-01 .item .top .tl h3{font-weight: 600;color: #80b85e;}
.proList-01 .item .top .tl p{margin-top: 15px;font-size: 20px;}
.proList-01 .item .top .num h1{font-size: 20vw;font-weight: 600;position: absolute;right: 0;top:-140px;z-index: 0;opacity: 0.05;}
.proList-01 .item .top .num h3{font-weight: 600;}
.proList-01 .item a{width: 100%;margin-top: 60px;}
.proList-01 .item a .img-box{width: 100%;height: 35vw;border-radius: 20px;overflow: hidden;background:url(../images/pro-bj.jpg);display: flex;align-items: center;justify-content: center;background-size: cover;position: relative;}
.proList-01 .item a .img-box img{height: 70%;}
.proList-01 .item a .img-box .info{position: absolute;right: 3%;top: 8%;z-index: 1;}
.proList-01 .item a .img-box .info h5{background-image: linear-gradient(to bottom,#64aea1,#80b85d);padding: 8px 30px;border-radius: 30px;color: #fff;margin-bottom: 15px;}

.proInfo-01{margin-top: -5px;position: relative;z-index: 2;background-color: #fff;}
.proInfo-01 .cont{padding-bottom: 0;}
.proInfo-01 .cont .img-box{width: 40%;height: 30vw;display: flex;align-items: center;justify-content: center;background-color: #f5f5f5;border-radius: 20px;}
.proInfo-01 .cont .img-box img{height: 25vw;}
.proInfo-01 .cont .info-box{width: 55%;}
.proInfo-01 .cont .info-box h3{font-weight: 600;margin-bottom: 20px;}
.proInfo-01 .cont .info-box .list{margin-top:50px;}
.proInfo-01 .cont .info-box .list .item{width: 48%;margin-bottom: 40px;padding: 30px;box-sizing: border-box;border-radius: 20px;border:1px solid rgba(0,0,0,.3)}
.proInfo-01 .cont .info-box .list .item h4{font-size: 1.2vw;background-image: linear-gradient(to bottom,#64aea1,#80b85d);padding: 8px 30px;border-radius: 30px;color: #fff;width: 100px;text-align: center;}
.proInfo-01 .cont .info-box .list .item:last-child{width: 100%;margin-bottom: 0;}
.proInfo-01 .cont .info-box .list .item p{margin-top: 10px;font-size: 18px;line-height: 36px;}
.proInfo-02 .tit{padding-bottom: 30px;border-bottom: 1px solid rgba(0,0,0,.3);align-items: center;}
.proInfo-02 .tit a{font-size: 1.3vw;}
.proInfo-02 .content{width: 100%;margin-top: 60px;}
.proInfo-02 table{width: 100%;margin-top: 30px;}
.proInfo-02 table td{line-height: 40px;}
.proInfo-03{padding-top: 0;}
.proInfo-03 .list{margin-top: 60px;}
.proInfo-03 .list .item{width: 18%;padding: 50px 0;text-align: center;border:1px solid rgba(0,0,0,.3);border-radius: 20px;}
.proInfo-03 .list .item h5{margin-top: 15px;}


.CaseList-01{margin-top: -200px;position: relative;z-index: 2;}
.CaseList-01 .list-box{width: 100%;}
.CaseList-01 .list-box .item{width: 49%;background-color: #fff;border-radius: 15px;padding: 30px;box-sizing: border-box;box-shadow: 2px 5px 20px 5px rgba(0,0,0,.1);margin-bottom: 30px;}
.CaseList-01 .list-box .item .img-box{width: 100%;height: 24vw;border-radius: 15px;overflow: hidden;}
.CaseList-01 .list-box .item .info-box{margin-top: 30px;}
.CaseList-01 .list-box .item .info-box h4{margin-bottom: 15px;}
.CaseList-01 .list-box .item .info-box p{margin-bottom: 15px;}

.newList-01 .proList-tab .list{width: 80%;}
.newList-01 .proList-tab .list .item a img{width: 36px;height: 36px;}
.newList-01 .inner{margin-top: 80px;}
.newList-01 .inner a{padding: 50px 0;box-sizing: border-box;border-top: 1px solid rgba(148, 48, 48, 0.1);position: relative;}
.newList-01 .inner a::after{width: 0%;height: 2px;background-color: #80b85e;left: 0;bottom: 0;content: "";z-index: 1;position: absolute;transition: all .6s;}
.newList-01 .inner a:first-child{padding-top: 0;border: none;}
.newList-01 .inner a .left{width: 64%;}
.newList-01 .inner a .left .info{width: 100%;}
.newList-01 .inner a .left .info h4{transition: all .6s;font-weight: 600;}
.newList-01 .inner a .left .info p{font-size: 18px;line-height: 36px;margin-top: 15px;}
.newList-01 .inner a .left .time{align-items: center;}
.newList-01 .inner a .left h5{opacity: .8;letter-spacing: 1px;font-size: 22px;line-height: 1;text-transform: uppercase;font-weight: bold;font-family: 'Rousseau';transition: all .6s;}
.newList-01 .inner a .left img{height: 4px;width: auto;}
.newList-01 .inner a .img-box{width: 32%;height: 15vw;overflow: hidden;border-radius: 15px;}
.newList-01 .inner a:hover .info h4{color: #80b85e;}
.newList-01 .inner a:hover .left h5{color: #80b85e;}
.newList-01 .inner a:hover::after{width: 100%;}

.oth-banner.news-ban::after{background: rgba(0,0,0,.3);backdrop-filter: blur(20px);}
.oth-banner.news-ban .pic-txt .cont{width: 70%;}
.oth-banner.news-ban .pic-txt h1{font-size: 2.2vw;}
.web10-box{width: 100%;background-color: #fff;box-sizing: border-box;}
.web10-box .cont{width: 70%;}
.web10-box img{max-width: 100%;}
.news-dail{background-color:#fafafa;}
.news-dail-tit h4{font-family: ShiYuanHei-Blod;}
.news-dail-tit>p{color: #7b7b7b;}
.news-dail-tit>p:nth-child(2){margin-top: 30px;}
.news-dail-back{align-items: center;}
.news-dail-back>a{opacity: .6;padding-top: 30px;box-sizing: border-box;}
.news-dail-back>a svg{width:26px;height: 26px;margin-right: 5px;}
.web10-info{width: 100%;}
.news-dail-tap{margin-top: 30px;}

.adv-01{background-color: #fff;position: relative;margin-top: -2px;}
.adv-01 .cont{border-bottom: none;padding-bottom: 0;}
.adv-01 h4{width: 52%;margin-left: auto;line-height: 48px;}
.adv-01 .swiper{width: 100%;margin-top: 80px;padding: 30px 0;}
.adv-01 .swiper .swiper-slide{width: 20%;padding:30px 20px;box-sizing: border-box;border-radius: 15px;border:1px solid rgba(0,0,0,0.2);margin-left: 50px;position: relative;text-align: center;}
.adv-01 .swiper .swiper-slide:first-child{margin-left: 0;}
.adv-01 .swiper .swiper-slide .pp{position: absolute;height: 36px;left: 30px;top: 30px;}
.adv-01 .swiper .swiper-slide .pp img{height: 100%;}
.adv-01 .swiper .swiper-slide .img-box{width: 100%;height: 15vw;display: flex;align-items: center;justify-content: center;}
.adv-01 .swiper .swiper-slide .img-box img{width: 80%;}
.adv-01 .swiper .swiper-slide p{margin-top: 10px;}

.adv-02 .tit{align-items: center;padding-bottom: 30px;border-bottom: 1px solid rgba(0,0,0,.3);}
.adv-02 .list{width: 100%;margin-top: 100px;}
.adv-02 .list .item{margin-bottom: 60px;width: 31%;padding:50px 30px;box-sizing: border-box;border:1px solid rgba(0,0,0,0.2);border-radius: 15px;text-align: center;}
.adv-02 .list .item h5{margin-top: 20px;margin-bottom: 30px;font-weight: 600;}
.adv-02 .list .item p{font-size: 18px;line-height: 36px;}

.adv-03 h5 i{display: inline-block;color: #80b85d;}

.ab-05.adv-03 .right .swiper-slide{width: 50%;}
.ab-05.adv-03 .right .img-box{height: 20vw;}
.adv-03{padding-top: 0;}
.adv-03 .cont>h5{width: 52%;margin-top: 60px;margin-left: auto;line-height: 40px;}

.proList-tab{align-items: center;}
.proList-tab h3{font-weight: 600;}
.proList-tab h3 i{display: inline-block;color: #80b85e;font-weight: 600;margin-left: 10px;}
.proList-tab .list{width: 60%;}
.proList-tab .list .item{margin-left: 50px;}
.proList-tab .list .item a{align-items: center;padding: 15px 30px;border-radius: 8px;background-color: #f5f5f5;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all .4s;}
.proList-tab .list .item a.on,.proList-tab .list .item a:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);background-color: #fff;box-shadow: 2px 2px 15px 5px rgba(0,0,0,.1);}
.proList-tab .list .item a p{margin-left: 10px;}
.proList-tab .list .item a img{width: 42px;height: 42px;}
.proList-tab .list .item:first-child{margin-left: auto;}


.contact-box .top{padding-bottom: 100px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.contact-box .top .info{margin-top: 40px;}
.contact-box .top img{width: 40px;}
.contact-box .top h4{font-size: 28px;margin: 10px 0;}
.contact-box .top h5{font-size: 22px;opacity: .6;}
.contact-box .bottom{padding: 60px 0;width: 100%;}
.contact-box .bottom h3{font-size: 46px;font-weight: 300;}
.contact-box .bottom form{margin-top: 40px;}
.contact-box .bottom form input {width: 30%;height: 40px;border: none;border-bottom: 1px solid rgb(0 0 0 / 10%);font-size: 18px;}
.contact-box .bottom form input:nth-child(4){width: 70%;}
.contact-box .bottom form input:nth-child(4),.contact-box .bottom form button{margin-top: 80px;}
.contact-box .bottom form button{width: 200px;height: 50px;background-color: #80b85e;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;}

/* 手机导航 */
.m-header{background-color: rgba(0,0,0,.3);backdrop-filter: blur(20px);box-sizing: border-box;position: fixed;left: 0;top: 0px;z-index: 999;width: 100%;display: none;}
.m-header.on{border-bottom:1px solid #ddd;box-shadow: none;}
.m-header .cont{align-items: center;}
.m-header a{height: 35px;padding: 15px 0;transition: all .4s ease-in-out;}
.m-header a img{height: 100%;}
.m-header a img:last-child{display: none;}
.m-header .menu-btn{width: 34px;height: 40px;position: relative;}
.m-header .menu-btn span{position: absolute;display: block;width: 100%;height: 3px;background-color: #80b85d;top: 10px;transition: all .25s;transform-origin: center center;}
.m-header .menu-btn span:nth-child(2){top: 19px;width: 25px;}
.m-header .menu-btn span:nth-child(3){top: 28px;}
.m-header .menu-btn.on span:first-child{transform: rotate(45deg);}
.m-header .menu-btn.on span:nth-child(2){transform: scaleX(0);}
.m-header .menu-btn.on span:last-child{transform: rotate(-45deg);}
.m-header .menu-btn.on span{top: 19px;}
.m-nav-box{width: 100%;height: 0;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 7;box-sizing: border-box;overflow: hidden;transition: all .4s ease-in-out;}
.m-nav-box.active{height: 100%;}
.m-nav-box .m-nav-item{width: 100%;position: relative;}
.m-nav-box .m-nav-item:first-child{margin-top: 100px;}
.m-nav-box .m-nav-item a{font-size: 24px;display: block;line-height: 80px;border-bottom: 1px solid #ddd;transition: all .6s ease-in-out;overflow: hidden;height: 0px;opacity: 0;}
.m-nav-box.active .m-nav-item a{opacity: 1;height: 80px;}
.m-nav-box .m-nav-item .m-nav-top{width: 50%;position: absolute;height: 80px;right: 0;top: 0;z-index: 1;background: url(../images/ico-open.png) no-repeat right center;background-size: 3.4vw auto;}
.m-nav-box .m-nav-item .m-nav-top.on{background-image: url(../images/ico-close.png);}
.m-nav-box .m-nav-item .m-nav-list{overflow: hidden;width: 100%;padding-bottom: 0px;transition: all .6s ease-in-out;}
.m-nav-box .m-nav-item .m-nav-list a{font-size: 20px;line-height: 60px;padding: 0 10px;box-sizing: border-box;border:none;height: 0;overflow: hidden;transition: all .6s ease-in-out;}
.m-nav-box .m-nav-item .m-nav-list.active{padding-bottom: 30px;}
.m-nav-box .m-nav-item .m-nav-list.active a{height: 60px;}
.m-header.color{background-color: rgba(0,0,0,0);box-shadow: none;}
.m-header.color a{padding: 25px 0;}
.m-header.color a img{display: none;}
.m-header.color a img:last-child{display: block;}
.m-header.on a{padding: 15px 0;}
.m-header.on a img{display: block;}
.m-header.on a img:last-child{display: none;}
.m-header .menu-btn.color span{background-color: #fff;}
.m-header .menu-btn.on span{background-color: #80b85d;}