header{position: fixed;z-index: 999;left: 0;top: 0;width: 100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0));color: #fff;}

header .cont{align-items: center;}

header .logo{align-items: center;}

header .logo .txt{margin-left: 20px;padding-left: 20px;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,.5)}

header .logo .txt h5{font-weight: 600;}

header .logo .txt p{margin-top: 10px;}

header .logo a img{height: 3vw;padding: 1.5vw 0;}

header .logo a img:nth-child(2){display: none;}

header .nav{margin-left: 3vw;}

header .nav a{color: #fff;font-size: 17px;margin: 0 1.5vw;font-weight: 600;transition: all .3s;}

header .nav a:hover{color: #7ec900;transform: scale(1.2);}

header .link-al{margin-left: auto;margin-right: 5vw;position: relative;}

header .link-al svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}

header .tel{align-items: center;}

header .tel svg{margin-right: 5px;}

header .tel h5{font-weight: 600;}

header .word{display: flex;

    align-items: center;

    font-size: 18px;

    cursor: pointer;

    transition: 0.4s;

    margin-left: 1.5vw;}

header .word p{display: flex;align-items: center;}

header .word img {

        width: 24px;

        position: relative;

        top: -1px;

      }

header .word em{margin: 0 10px;}

header .word .img2 {

        display: none;

    }



header.on{color: #000;background-image: none;background-color: rgba(255,255,255,.9);box-sizing: border-box;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}

header.on .logo a img{display: none;}

header.on .logo a img:nth-child(2){display: block;}

header.on .nav a{color: #000;}

header.on .logo .txt{border-color: rgba(0,0,0,.3);}

header.on svg path{fill: #000;}

header.on .nav a:hover{color: #7ec900;transform: scale(1.2);}

header.on .word .img2 {

    display: block;

}

header.on .word .img1 {

    display: none;

}

header.on .link-al svg path{fill: #ff6600;}

.page-b{width: 100%;}

.foot_global {

    display: none;

    z-index: 9999;

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    padding: 5vw 0 6vw;

    background: url(../images/bj-1.png) no-repeat 50% 50%;

    background-size: cover;

    box-shadow: 0px 0px 12px rgba(0,0,0,0.1);

  }

  .foot_global .box {

    display: flex;

  }

  .foot_global .box .box_left {

    width: 50%;

  }

  .foot_global .box .box_left .contont1 {

    font-size: 0.16rem;

    color: #000;

  }

  .foot_global .box .box_left .contont2 {

    font-size: 2vw;

    color: #000;

    padding: 0rem 0 3vw;

  }

  .foot_global .box .box_left .contont3{

      margin-bottom: 0.2rem;

  }

  .foot_global .box .box_left .contont3 .country {

    display: inline-block;

    font-size: 1.3vw;

    color: #7ec900;

    position: relative;

    padding: 1vw 0 1vw;

  }

  .foot_global .box .box_left .contont3 .country::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 150%;

    height: 1px;

    background: #7ec900;

  }

  .foot_global .box .box_left .contont3 .city {

    width: 80%;

    font-size: 16px;

    color: #000;

    padding-top: 0.2rem;

    line-height: 2;

  }

  .foot_global .box .box_right {

    width: 50%;

  }

  .foot_global .box .box_right .contont1 {

    display: flex;

    align-items: center;

    gap: 8px;

  }

  .foot_global .box .box_right .contont1 h1 {

    font-size: 2vw;

    color: #000;

  }

  .foot_global .box .box_right .contont1 p a {

    display: block;

    display: flex;

    align-items: center;

    gap: 8px;

  }

  .foot_global .box .box_right .contont1 p span {

    font-size: 2vw;

    color: #000;

  }

  .foot_global .box .box_right .contont2 {

    font-size: 1.6vw;

    color: #000;

    margin-top: 1.5vw;

  }

  .foot_global .box .box_right .contont3 form {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

  }

  .foot_global .box .box_right .contont3 .item_input {

    width: 46%;

    position: relative;

    font-size: 1vw;

    color: #000;

    border-bottom: 1px solid #bbb;

    padding: 3vw 0 5px;

  }

  .foot_global .box .box_right .contont3 .item_input label {

    transition: 0.4s;

    position: absolute;

    bottom: 12px;

    left: 0;

  }

  .foot_global .box .box_right .contont3 .item_input label span {

    color: #7ec900;

  }

  .foot_global .box .box_right .contont3 .item_input input {

    width: 100%;

    border: none;

    background: none;

    padding: 0;

    height: 38px;

    color: #000;

  }

  .foot_global .layui-form-select dl dd.layui-this{

      background: #7ec900;

  }

  .foot_global .box .box_right .contont3 .item_input input:not(:placeholder-shown) + label {

    bottom: 42px;

  }

  .foot_global .box .box_right .contont3 .item_input.w100 {

    width: 100%;

  }

  .foot_global .box .box_right .contont3 .item_submit {

    margin-top: 2vw;

  }

  .foot_global .close {

    cursor: pointer;

    position: absolute;

    top: 2vw;

    right: 7.8vw;

  }

  .foot_global .close svg path {

    transition: 0.4s;

  }

  .foot_global .close:hover svg path {

    fill: #7ec900;

  }

  label .link button {

    color: #7ec900;

    display: block;

    border: 1px solid #7ec900;

    line-height: 50px;

    padding: 0 50px;

    font-size: 1.3vw;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    position: relative;

    border-radius: 50px;

    top: 0;

}



.inx-01{width: 100%;height: 100vh;overflow: hidden;}

.inx-01 .swiper{width: 100%;height: 100%;}

.inx-01 .item{width: 100%; height: 100%;position: relative;}

.inx-01 .item .txt-box{position: absolute;left: 5%;top: 53%;transform: translateY(-50%);z-index: 2;color: #fff;width: 100%;text-align: left;}

.inx-01 .item .txt-box .logo-txt{width: max-content;align-items: center;}

.inx-01 .item .txt-box .logo-txt img{width: 12vw;}

.inx-01 .item .txt-box .logo-txt .txt{margin-left: 1vw;padding-left: 1vw;border-left: 1px solid #fff;}

.inx-01 .item .txt-box .logo-txt .txt h3{font-weight: 600;}

.inx-01 .item .txt-box h2{font-weight: 600;margin-top: 15px;}

.inx-01 .item .txt-box h5{margin-top: 15px;width: 55vw;}

.inx-01 .item .txt-box a{width: 200px;line-height: 60px;background-color: #7ec900;border-radius: 30px;color: #fff;text-align: center;margin-top: 30px;}

.inx-01 .swiper-pagination{bottom: 2vw;z-index: 9999;}





.inx-02{width: 100%;height: auto;position: relative;z-index: 2;position: relative;padding-bottom: 4vw;}

.inx-02>img{width: 100%;position: absolute;top: 0;left: 0;z-index: 1;}

.inx-02 .info-box{z-index: 2;position: relative;padding-top: 5vw;}

.inx-02 .left{width: 38%;color: #000;padding-top: 0vw;box-sizing: border-box;}

.inx-02 .left h5{font-weight: 600;}

.inx-02 .left h2{color: #000;font-weight: 600;margin-top: 10px;font-size: 2vw;}

.inx-02 .left .txt{margin-top: 1vw;}

.inx-02 .left .txt p{line-height: 32px;font-size: 1vw;}

.inx-02 .left .txt p em{font-size: 1.3vw;font-weight: 600;margin: 0 3px;}

.inx-02 .left a{width: 200px;line-height: 60px;background-color: #7ec900;border-radius: 30px;color: #fff;text-align: center;margin-top: 30px;}

.inx-02 .right{width: 50%;}

.inx-02 .right .item{width: 33%;position: relative;border-radius: 15px;overflow: hidden;transition: all .6s;}

.inx-02 .right .item a{position: relative;}

.inx-02 .right .item.on{width: 44%;}

.inx-02 .right .item .img-box{width: 100%;height: 25vw;border-radius: 15px;overflow: hidden;position: relative;}

.inx-02 .right .item video{position: absolute;height: 100%;left: 50%;top: 0;transform: translateX(-50%);z-index: 1;opacity: 0;}

.inx-02 .right .item.on video{opacity: 1;}

.inx-02 .right .item .txt{position: absolute;width: 100%;height: 100%;padding: 1.5vw;box-sizing: border-box;left: 0;top: 0;z-index: 2;color: #fff;text-align: center;background-color: rgba(0,0,0,.4);transition: all .6s;border-radius: 15px;}

.inx-02 .right .item.on .txt{background-color: rgba(0,0,0,.6);}

.inx-02 .right .item .txt h5:nth-child(2){margin-top: auto;margin-bottom: 15px;}

.inx-02 .right .item .txt p{font-size: 1vw;width: 12vw;margin: 0 auto;line-height: 2vw;height: 0;overflow: hidden;transition: all .6s;opacity: 0;}

.inx-02 .right .item.on .txt p{height: 168px;opacity: 1;}

.inx-02 .right .item.over{width: 26%;}

.inx-02 .num-list{width: 100%;margin-top: 5vw;overflow: hidden;}

.inx-02 .num-list .swiper-wrapper{-webkit-animation: move_left 40s linear infinite;animation: move_left 40s linear infinite;}

@-webkit-keyframes move_left {0% {transform: translate3d(0, 0, 0);}100% {transform: translate3d(-100%, 0, 0);}}

.inx-02 .num-list .swiper-slide{width: max-content;text-align: center;margin-right: 12vw;}

.inx-02 .num-list .swiper-slide h5{margin-bottom: 15px;font-weight: 600;}

.inx-02 .num-list .swiper-slide .num{align-items: center;}

.inx-02 .num-list .swiper-slide .num h1{font-size: 4vw;font-weight: 600;font-family: numType;color: #7ec900;}

.inx-02 .num-list .swiper-slide .num h5{font-size: 2vw;margin-left: 15px;margin-bottom: 0;}



.inx-03{padding-top: 4vw;background-color: #f5f5f5;}

.inx-03 h2{text-align: center;font-weight: 600;}

.inx-03 h5{text-align: center;}

.inx-03 .box{width: 100%;margin-top: 4vw;}

.inx-03 .box .tap-list{width: 100%;}

.inx-03 .box .tap{width: 100%;}

.inx-03 .box .tap a{font-size: 1.1vw;font-weight: 600;opacity: .6;}

.inx-03 .box .tap a.on{color: #7ec900;opacity: 1;}

.inx-03 .list-box{width: 100%;margin-top: 1vw;}

.inx-03 .list-box .swiper{width: 100%;}

.inx-03 .list-box .swiper .swiper-wrapper{padding-bottom: 2vw;}

.inx-03 .list-box a{width: 23.5%;margin-top: 2vw;position: relative;margin-right: 1.8%;}

.inx-03 .list-box a::after{position: absolute;content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.6);left: 0;top: 0;z-index: 2;opacity: 0;transition: all.3s;}

.inx-03 .list-box a:hover{z-index: 9;}

.inx-03 .list-box a:last-child{margin-right: 0;}

.inx-03 .list-box a::after{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;content: "";z-index: 1;border-radius: 15px;box-sizing: border-box;}

.inx-03 .list-box a .img-box{width: 100%;height: 22vw;border-radius: 15px;box-sizing: border-box;background-color: #fff;display: flex;align-items: center;justify-content: center;padding-bottom: 3vw;box-sizing: border-box;box-shadow:2px 2px 5px 5px rgba(0,0,0,.05);}

.inx-03 .list-box a .img-box img{width: 70%;transition: all .6s;position: relative;z-index: 3;transform:scale(.8);}

.inx-03 .list-box a:hover .img-box img{transform:scale(1);}

.inx-03 .list-box a .info{position: absolute;bottom: 30px;left: 30px;z-index: 3;color: #000;transition: all .3s;}

.inx-03 .list-box a .info h5:first-child{font-size: 1vw;opacity: 1;font-weight: 600;}

.inx-03 .list-box a .info h5{text-align: left;font-size: 1vw;margin-top: 10px;opacity: .8;}

.inx-03 .list-box .line{width: 100%;margin-top: 3vw;height: 2px;background-color: #f7f7f7;}



.inx-04{padding-top: 30px;overflow: hidden;padding-bottom: 6vw;position: relative;}

.inx-04 .top-tit{width: 100%;position: relative;}

.inx-04 .top-tit .tab-num{position: absolute;bottom: 0;right: 15%;width: max-content;left: auto;font-size: 28px;}

.inx-04 .top-tit .tab-num span{font-size: 28px;font-weight: 600;margin: 0 15px;}

.inx-04 .top-tit .tab-num span:first-child{color: #7ec900;}

.inx-04 h2{text-align: center;font-weight: 600;}

.inx-04 h5{text-align: center;}

.inx-04 .swiper{width: 100%;margin-top: 4vw;overflow: visible;}

.inx-04 .swiper .swiper-slide{width: 23.5%;margin-right: 1.5%;border-radius: 10px;overflow: hidden;transition: all .6s;}

.inx-04 .swiper .swiper-slide:hover{transform: translateY(15%);}

.inx-04 .swiper .swiper-slide:last-child{margin-right: 0;}

.inx-04 .swiper .swiper-slide .img-box{width: 100%;height: 15vw;}

.inx-04 .swiper .swiper-slide .info-box{background-color: #f7f7f7;padding: 20px;box-sizing: border-box;text-align: left;}

.inx-04 .swiper .swiper-slide .info-box h5{font-size: 18px;text-align: left;font-weight: 600;}

.inx-04 .swiper .swiper-slide .info-box p{font-size: 17px;margin-top: 10px;}





.inx-05{padding-bottom: 100px;}

.inx-05 .top-tit{width: 100%;position: relative;}

.inx-05 .top-tit .tab-num{position: absolute;bottom: 0;right: 15%;width: max-content;left: auto;font-size: 28px;}

.inx-05 .top-tit .tab-num span{font-size: 28px;font-weight: 600;margin: 0 15px;}

.inx-05 .top-tit .tab-num span:first-child{color: #7ec900;}

.inx-05 h2{text-align: center;font-weight: 600;}

.inx-05 h5{text-align: center;}

.inx-05 .swiper{width: 100%;margin-top: 3vw;padding-bottom: 3vw;}

.inx-05 .swiper .swiper-slide{width: 25%;padding: 0 20px;box-sizing: border-box;}

.inx-05 .swiper .swiper-slide a{width: 100%;background-color: #fff;box-shadow: 2px 2px 10px 5px rgba(0,0,0,.05);border-radius: 10px;overflow: hidden;}

.inx-05 .swiper .swiper-slide a .img-box{width: 100%;height: 11vw;position: relative;}

.inx-05 .swiper .swiper-slide a .img-box .tit{position: absolute;left: 0;top:0;background-color: #7ec900;display: flex;justify-content: center;width: 30%;color: #fff;height: 40px;align-items: center;border-radius: 10px 0 10px 0;}

.inx-05 .swiper .swiper-slide a .img-box .tit p{margin-bottom: 0;margin-left: 8px;}

.inx-05 .swiper .swiper-slide a .info{padding: 20px;box-sizing: border-box;}

.inx-05 .swiper .swiper-slide a h5{font-size: 20px;margin: 15px 0;text-align: left;font-weight: 600;}

.inx-05 .swiper .swiper-slide a p{font-size: 16px;margin-bottom: 40px;}

.inx-05 .swiper .swiper-slide a .oth{padding-top: 15px;border-top: 1px solid rgba(0,0,0,.1);align-items: center;}

.inx-05 .swiper .swiper-slide a .oth p{margin-top: 0;display: flex;align-items: center;justify-content: space-between;font-size: 17px;margin-bottom: 0;}

.inx-05 .swiper .swiper-slide a .oth p svg{margin-right: 10px;}

.inx-05 .swiper .swiper-slide a .oth img{height: 30px;}



.inx-06{overflow: hidden;padding:5vw 0;}

.inx-06 .tit{position: relative;z-index: 3;}

.inx-06 h2{text-align: center;font-weight: 600;}

.inx-06 h5{text-align: center;}



.inx-06 .video-box{width: 100%;height: 35vw;position: relative;display: flex;align-items: center;padding:0 15%;box-sizing: border-box;}

.inx-06 .video-box .box{position: relative;align-items: center;z-index: 2;width: 100%;margin-top: 0;}

.inx-06 .video-box .box .txt{width: 54%;}

.inx-06 .video-box .box .txt h5{text-align: left;font-weight: 600;line-height: 2.2vw;font-size: 1.2vw;}

.inx-06 .video-box video{position: absolute;width: 95%;right: -10%;bottom: 0;}

.inx-06 .video-box .box .num-list{text-align: right;}

.inx-06 .video-box .box .num-list .item{padding: 1vw 0;}

.inx-06 .video-box .box .num-list .item .num{color: #7ec900;align-items: center;}

.inx-06 .video-box .box .num-list .item .num h1{font-weight: 600;margin-left: auto;font-family: numType;}

.inx-06 .video-box .box .num-list .item .num h3{font-weight: 600;}

.inx-06 .video-box .box .num-list .item p{font-size: 1.2vw;}



.inx-06 .box{width: 90%;position: relative;margin: 0 auto;margin-top: 4vw;z-index: 3;}

.inx-06 .box .img-box{width: 100%;}

.inx-06 .box .img-box  img{width: 100%;}

.inx-06 .box .adr-box{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;}

.inx-06 .box .adr-box .item{position: absolute;width: 130px;height: 130px;cursor: pointer;display: flex;align-items: center;justify-content: center;}

.inx-06 .box .adr-box .item svg{width: 26px;height: 26px;transition: all .6s;}

.inx-06 .box .adr-box .item svg path{fill: #7ec900;}

.inx-06 .box .adr-box .item:first-child{right: 22%;top: 31%;}

.inx-06 .box .adr-box .item p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color: #fff;opacity: 0;}

.inx-06 .box .adr-box .item:hover svg{width: 100%;height: 100%;}

.inx-06 .box .adr-box .item:hover p{opacity: 1;}

.inx-06 .box .adr-box .item.on svg{width: 100%;height: 100%;}

.inx-06 .box .adr-box .item.on p{opacity: 1;}

.inx-06 .box .adr-box .item:nth-child(2){right: 10%;top: 35%;}

.inx-06 .box .adr-box .item:nth-child(3){right: 15%;top: 47%;}

.inx-06 .box .adr-box .item:nth-child(4){right: 20%;top: 53%;}

.inx-06 .box .adr-box .item:nth-child(5){right: 10%;top: 73%;}

.inx-06 .box .adr-box .item:nth-child(6){left: 15%;top: 30%;}

.inx-06 .box .adr-box .item:nth-child(7){left: 13%;top: 40%;}

.inx-06 .box .adr-box .item:nth-child(8){left: 28%;top: 68%;}

.inx-06 .box .adr-box .item:nth-child(9){left: 43%;top: 20%;}

.inx-06 .box .adr-box .item:nth-child(10){left: 40%;top: 23%;}

.inx-06 .box .adr-box .item:nth-child(11){left: 44%;top: 28%;}

.inx-06 .cont:nth-child(3){overflow: hidden;}

.inx-06 .swiper{width: 30%;margin-top: 1vw;overflow: visible;}

.inx-06 .swiper .swiper-wrapper{width: max-content;-webkit-animation: move_left 60s linear infinite;animation: move_left 60s linear infinite;}

.inx-06 .swiper .swiper-slide{width: max-content;margin-right: 1.5vw;}

.inx-06 .swiper .img-box{height: 5vw;width: auto;border: 1px solid rgba(0,0,0,.3);border-radius: 15px;overflow: hidden;display: flex;align-items: center;justify-content: center;padding: 0 30px;}

.inx-06 .swiper .img-box img{height: 70%;}







.oth-ban{width: 100%;position: relative;height: 30vw;overflow: hidden;}

.oth-ban.sty{height: 30vw;}

.oth-ban video{width: 100%;}

.oth-ban .img-box{width: 100%;height: 100%;overflow: hidden;}

.oth-ban::after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}

.oth-ban .tit-info{position: absolute;z-index: 2;left: 50%;transform: translate(-50%,-50%);top: 50%;width: max-content;color: #fff;}

.oth-ban .tit-info h2{font-weight: 600;text-align: center;}



.ab-01{width: 100%;position: relative;z-index: 2;}

.ab-01 .ani{position: absolute;width: 100%;top: -200px;z-index: 1;left: 0;}

.ab-01 .cont{position: relative;z-index: 2;}

.ab-01 .cont h2{font-weight: 600;}

.ab-01 .cont .info{width: 90%;margin-top: 3vw;}

.ab-01 .cont .info p{font-size: 1vw;line-height: 2vw;margin-top: 1vw;}

.ab-01 .list-img{margin-top: 3vw;}

.ab-01 .list-img .item-box{width: 26%;border-radius: 20px;overflow: hidden;position: relative;transition: all .6s;}

.ab-01 .list-img .item-box .img-box{width: 100%;height: 30vw;}

.ab-01 .list-img .item-box::after{position: absolute;content: "";left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));}

.ab-01 .list-img .item-box .info{position: absolute;bottom: 2vw;width: 90%;left: 2vw;color: #fff;z-index: 2;align-items: center;}

.ab-01 .list-img .item-box .info .txt{width: 20vw;}

.ab-01 .list-img .item-box .info h5{font-weight: 600;}

.ab-01 .list-img .item-box .info p{margin-top: 15px;line-height: 1.6vw;font-size: .9vw;}

.ab-01 .list-img .item-box .info a{padding: .8vw 3vw;background-color: #fff;border-radius:3vw;position: absolute;right: 0;top: 75%;transform: translateY(-50%);opacity: 0;transition: all .6s;transition-delay: 0.3s;font-weight: 600;font-size: 17px;}

.ab-01 .list-img .item-box.on{width: 46%;}

.ab-01 .list-img .item-box.on .info a{opacity: 1;display: none;}



.ab-02{background-color: #f5f5f5;}

.ab-02 h2{font-weight: 600;}

.ab-02 .box{width: 100%;margin-top: 5vw;height: 40vw;position: relative;}

.ab-02 .box img{position: absolute;width: 100%;bottom: 0;left: 0;}

.ab-02 .box .list-box{width: 100%;height: 100%;position: relative;z-index: 2;}

.ab-02 .box .list-box .item{width: 140px;position: relative;height: 100%;}

.ab-02 .box .list-box .item .info{width: max-content;padding: 0 30px;box-sizing: border-box;display: flex;align-items: center;height: 28vw;position: relative;}

.ab-02 .box .list-box .item .info::after{position: absolute;width: 1px;height: 100%;content: '';background-color: #7ec900;opacity: 0;left: 0;top: 0;z-index: 1;transform: translateY(-20%);transition: all .6s;}

.ab-02 .box .list-box .item .info::before{position: absolute;width: 10px;height: 10px;content: '';background-color: #7ec900;opacity: 0;left: -5px;top: 0;z-index: 1;transform: translateY(-20%);transition: all .6s;transition-delay: .3s;border-radius: 50%;z-index: 2;}

.ab-02 .box .list-box .item .info h3{font-weight: 600;margin-bottom: 1vw;}

.ab-02 .box .list-box .item .info p{width: 40vw;line-height:1.8vw;font-size: .96vw;}

.ab-02 .box .list-box .item .info .txt{transform: translateX(20%);opacity: 0;transition: all .6s;}

.ab-02 .box .list-box .item .year{width: 10vw;height: 10vw;border-radius: 50%;background-color: #7ec900;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.5vw;

  transform: translateX(-50%) scale(.5);margin-top: 1vw;font-family: numType;font-weight: 600;transition: all .6s;}

.ab-02 .box .list-box .item:first-child .thing{position: absolute;width: 100%;left: 0;top: 1vw;}

.ab-02 .box .list-box .item:nth-child(2) .thing{position: absolute;width: 100%;left: 3vw;top: 0vw;}

.ab-02 .box .list-box .item:nth-child(3) .thing{position: absolute;width: 100%;left: 3vw;top: 3.5vw;}

.ab-02 .box .list-box .item:nth-child(4) .thing{position: absolute;width: 100%;left: 4vw;top: 3.5vw;}

.ab-02 .box .list-box .item:nth-child(5) .thing{position: absolute;width: 100%;left: 6vw;top: .6vw;}

.ab-02 .box .list-box .item:nth-child(6) .thing{position: absolute;width: 100%;left: 6vw;top: 2.4vw;}

.ab-02 .box .list-box .item:nth-child(7) .thing{position: absolute;width: 100%;left: 6vw;top: 3vw;}

.ab-02 .box .list-box .item:nth-child(5) .thing .info,.ab-02 .box .list-box .item:nth-child(6) .thing .info,.ab-02 .box .list-box .item:nth-child(7) .thing .info{transform: translateX(-100%);}

.ab-02 .box .list-box .item:nth-child(5) .thing .info::after,.ab-02 .box .list-box .item:nth-child(6) .thing .info::after,.ab-02 .box .list-box .item:nth-child(7) .thing .info::after{left: auto;right: 0;}

.ab-02 .box .list-box .item:nth-child(5) .thing .info::before,.ab-02 .box .list-box .item:nth-child(6) .thing .info::before,.ab-02 .box .list-box .item:nth-child(7) .thing .info::before{left: auto;right: -5px;}

.ab-02 .box .list-box .item:nth-child(5) .thing .info .txt,.ab-02 .box .list-box .item:nth-child(6) .thing .info .txt,.ab-02 .box .list-box .item:nth-child(7) .thing .info .txt{transform: translateX(-20%);}

.ab-02 .box .list-box .item.on .info::after{opacity: .5;transform: translateY(0);}

.ab-02 .box .list-box .item.on .info::before{opacity: 1;transform: translateY(0);}

.ab-02 .box .list-box .item.on .info .txt{transform: translateX(0);opacity: 1;}

.ab-02 .box .list-box .item:nth-child(4).on .info .txt,.ab-02 .box .list-box .item:nth-child(5).on .info .txt{transform: translateX(0);}

.ab-02 .box .list-box .item.on .year{transform: translateX(-50%) scale(1);}

.ab-02 .box .yaer-big{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}

.ab-02 .box .yaer-big h1{font-size: 33vw;font-family: numType;font-weight: 600;opacity: .1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all .6s;width: 100%;text-align: center;}

.ab-02 .box .yaer-big h1.on{opacity: .1;}



.ab-02 .m-box{width: 100%;margin-top: 30px;display: none;}

.ab-02 .m-box .m-info{width: 100%;}

.ab-02 .m-box .m-info .swiper{width: 100%;}

.ab-02 .m-box .m-info .swiper .swiper-slide{width: 100%;}

.ab-02 .m-box .m-info .swiper .swiper-slide .info{width: 100%;transform: translateX(30%);opacity: 0;transition: all .6s;max-height: 80vw;overflow: scroll;}

.ab-02 .m-box .m-info .swiper .swiper-slide.swiper-slide-active .info{transform: translateX(0);opacity: 1;}

.ab-02 .m-box .m-info .swiper .swiper-slide .info h3{font-size: 17px;font-weight: 600;margin-bottom: 20px;}

.ab-02 .m-box .m-info .swiper .swiper-slide .info p{font-size: 15px;margin-top: 8px;line-height: 24px;}

.ab-02 .m-box .m-tab{width: 100%;margin-top: 3vw;}

.ab-02 .m-box .m-tab .swiper{width: 15vw;overflow: visible;}

.ab-02 .m-box .m-tab .swiper .swiper-slide{width: 100%;height: 15vw;background-color: #000;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 10px;font-size: 18px;color: #fff;font-weight: 600;transform: scale(.6);transition: all;}

.ab-02 .m-box .m-tab .swiper .swiper-slide.swiper-slide-active{transform: scale(1);background-color: #7ec900;}



.ab-03{width: 100%;padding-top: 0;padding-bottom: 200px;}

.ab-03 h2{font-weight: 600;}

.ab-03 .list-box{width: 100%;margin-top: 2vw;}

.ab-03 .list-box .item{width: 32%;padding: 30px;box-sizing: border-box;border-radius: 20px;box-sizing: border-box;height: 18vw;position: relative;margin-top: 3vw;}

.ab-03 .list-box .item:nth-child(2n){background-color: #7ec900;color: #fff;}

.ab-03 .list-box .item:nth-child(2n+3){background-color: #fff;box-shadow: -2px 5px 25px rgba(0,0,0,.2);}

.ab-03 .list-box .item h1{position: absolute;right: 0px;bottom: -35px;opacity: .1;font-size: 5vw;font-family: numType;font-weight: 600;}

.ab-03 .list-box .item p{line-height: 28px;margin-top: 2vw;}

.ab-03 .list-box .item h4{font-weight: 600;}

.ab-03 .list-box .item:first-child{display: flex;align-items: center;justify-content: center;}

.ab-03 .list-box .item:first-child h5{font-weight: 600;font-size: 1.6vw;}



.ab-04{width: 100%;padding-top: 0;padding-bottom: 200px;}

.ab-04 h2{font-weight: 600;}

.ab-04 .list-box{width: 100%;margin-top: 4vw;}

.ab-04 .list-box .item{width: 24%;position: relative;border-radius: 15px;overflow: hidden;}

.ab-04 .list-box .item .img-box{width: 100%;height: 28vw;}

.ab-04 .list-box .item .img-box img{transition: all .6s;}

.ab-04 .list-box .item::after{position: absolute;left: 0;content: '';top: 0;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));z-index: 1;

    width: 100%;height: 100%;opacity: .3;transition: all .6s;}

.ab-04 .list-box .item .info{position: absolute;z-index: 2;color: #fff;width: 90%;left: 5%;bottom: 5%;}

.ab-04 .list-box .item .info h4{font-weight: 600;margin-bottom: 1vw;font-size: 1.6vw;}

.ab-04 .list-box .item .info p{line-height: 30px;height: 0px;transition: all .6s;overflow: hidden;}

.ab-04 .list-box .item:hover::after{opacity: 1;}

.ab-04 .list-box .item:hover .info p{height: 30px;}

.ab-04 .list-box .item:hover .img-box img{transform: scale(1.2);}



.prolist{padding-bottom: 5vw;}

.prolist .tit-info{width: 100%; align-items: last baseline;}

.prolist .tit-info .type-box{width: 100%;}

.prolist .tit-info .type-box h2{font-weight: 600;margin-bottom: 2vw;}

.prolist .tit-info .type-box h2 em{font-weight: 600;color: #7ec900;}

.prolist .tit-info .type-box .tab-list a{font-size: 1vw;font-weight: 600;opacity: .6;}

.prolist .tit-info .type-box .tab-list a.on{color: #7ec900;opacity: 1;}

.pro-search{width: 40%;text-align: right;}

.pro-search form{width: 100%;background-color: #f7f7f7;border-radius: 5px;overflow: hidden;margin-top: 2vw;}

.pro-search form input{width: calc(100% - 10px);height: 4vw;text-indent: 20px;border: none;background-color: rgba(0,0,0,0);font-size: 1vw;}

.pro-search form button{width: 90px;height: 4vw;background-color: #7ec900;display: flex;align-items: center;justify-content: center;border: none;}

.pro-search p{margin-top: 15px;}

.prolist .list-box{width: 100%;margin-top: 1.5vw;}

.prolist .list-box .top-pro{width: 100%;background-color: #f7f7f7;border-radius: 20px;overflow: hidden;}

.prolist .list-box .top-pro .img-box{width: 50%;height: 32vw;}

.prolist .list-box .top-pro .top-info{width: 50%;padding: 3vw;box-sizing: border-box;position: relative;}

.prolist .list-box .top-pro .top-info h3{font-weight: 600;}

.prolist .list-box .top-pro .top-info h5{font-weight: 600;margin-top: 1vw;}

.prolist .list-box .top-pro .top-info h5 em{font-weight: 600;color: #7ec900;}

.prolist .list-box .top-pro .top-info .xg-imglist{width: 100%;margin-top: 2vw;margin-bottom: 2vw;}

.prolist .list-box .top-pro .top-info .xg-imglist .img-box{width: 8vw;height: 6vw;border-radius: 15px;overflow: hidden;margin-right: .8vw;}

.prolist .list-box .top-pro .top-info .xg-imglist .img-box:last-child{margin-right: auto;}

.prolist .list-box .top-pro .top-info .xg-imglist .img-box.on{border: 3px solid #7ec900;box-sizing: border-box;}

.prolist .list-box .top-pro .top-info .swiper{margin-top: 2vw;}

.prolist .list-box .top-pro .top-info .swiper .swiper-slide{width: 18%;margin-right: 15px;}

.prolist .list-box .top-pro .top-info .swiper .swiper-slide .img-box{width: 100%;border-radius: 15px;overflow: hidden;border: 1px solid rgba(0,0,0,.3);box-sizing: border-box;height: max-content;}

.prolist .list-box .top-pro .top-info .swiper .swiper-slide .img-box img{width: 100%;}

.prolist .list-box .top-pro .top-info>img{position: absolute;bottom: -20px;right: 0;z-index: 1;opacity: .1;width: 50%;}

.prolist .list-box .box{width: 100%;}

.prolist.sea .list-box .box{margin-top: 0;}

.prolist .list-box .box a{width: 23.5%;margin-top: 2vw;position: relative;transition: all .6s;background-color: #fff;border-radius: 15px;box-sizing: border-box;margin-right: 1.5%;box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.05);}

.prolist .list-box .box a:hover{transform: translate(-3%,-3%);box-shadow: 2px 5px 20px rgba(0,0,0,.2);}

.prolist .list-box .box a:last-child{margin-right: auto;}

.prolist .list-box .box a::after{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));content: "";z-index: 1;border-radius: 15px;box-sizing: border-box;}

.prolist .list-box .box a .img-box{width: 100%;height: 23vw;overflow: hidden;border-radius: 15px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;padding-bottom: 2vw;box-sizing: border-box;}

.prolist .list-box .box a .img-box img{width: 70%;transition: all .6s;}

.prolist .list-box .box a:hover .img-box img{transform: scale(1.1);}

.prolist .list-box .box a .info{position: absolute;bottom: 1.3vw;left: 1.3vw;z-index: 2;color: #000;}

.prolist .list-box .box a .info h5:first-child{font-size: 1.1vw;opacity: 1;}

.prolist .list-box .box a .info h5{text-align: left;font-size: 1.1vw;margin-top: 1vw;opacity: .8;}



.proInfo{padding-bottom: 200px;}

.proInfo .left{width: 60%;}

.proInfo .left .swiper{width: 100%;margin-left: 0;}

.proInfo .left .img-box{width: 100%;overflow: hidden;height: 34vw;border-radius: 15px;overflow: hidden;}

.proInfo .left .img-box img{width: 100%;}

.proInfo .left .list-pic{width: 100%;height: max-content;background-color: #f5f5f5;overflow: hidden;padding: 8px;box-sizing: border-box;border-radius: 5px;}

.proInfo .left .list-pic .img-ico{width: 24%;height: 7vw;border-radius: 10%;overflow: hidden;margin-bottom: 10px;border: 1px solid rgba(0,0,0,.3);box-sizing: border-box;margin-right: 1%;}

.proInfo .left .list-pic .img-ico.on{border:2px solid #7ec900;}

.proInfo .left .list-pic .img-ico:last-child{margin-right: auto;}



.proInfo .right{width: 40%;padding-left: 5%;box-sizing: border-box;}

.proInfo .right h3{font-weight: 600;}

.proInfo .right>h4{font-weight: 600;color: #7ec900;margin-top: 10px;}

.proInfo .right .info{margin-top: 2vw;padding-top: 2vw;border-top: 1px solid rgba(0,0,0,.3);}

.proInfo .right .info h4{font-weight: 600;margin-bottom: 15px;}

.proInfo .right .info h5{margin-top: 20px;}

.proInfo .right .btn{width: 100%;margin-top: 2vw;}

.proInfo .right .btn .item{width: 48%;background-color: #7ec900;color: #fff;align-items: center;height: 50px;border-radius: 50px;font-size: 1.2vw;}

.proInfo .right .btn .item:last-child{background-color: #000;}



.pinzhi-01 .top-tit{width: 100%;text-align: center;}

.pinzhi-01 .top-tit h2{font-weight: 600;}

.pinzhi-01 .top-tit h5{font-weight: 600;}

.pinzhi-01 .list{width: 100%;margin-top: 4vw;}

.pinzhi-01 .list .item{width: 11%;border-radius: 15px;overflow: hidden;height: 26vw;position: relative;filter: grayscale(1);transition: all .6s;}

.pinzhi-01 .list .item::after{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4));content: "";z-index: 1;border-radius: 15px;box-sizing: border-box;}

.pinzhi-01 .list .item:nth-child(2n-1){margin-top: 3vw;}

.pinzhi-01 .list .item .img-box{width: 100%;height: 26vw;}

.pinzhi-01 .list .item.on{width: 38%;filter: grayscale(0);}

.pinzhi-01 .list .item>h4{position: absolute;bottom: 5%;width: 100%;text-align: center;font-weight: 600;left: 0;z-index: 2;color: #fff;transition: all .6;}

.pinzhi-01 .list .item.on>h4{opacity: 1;bottom: -30%;}

.pinzhi-01 .list .item .info{position: absolute;width: 25vw;bottom: 5%;left: 5%;z-index: 2;color: #fff;transform: translateX(50%);opacity: 0;transition: all .6s;}

.pinzhi-01 .list .item .info h5{font-weight: 600;margin-bottom: 1vw;}

.pinzhi-01 .list .item.on .info{transform: translateX(0);opacity: 1;}



.pinzhi-03{padding-bottom: 200px;padding-top: 0;}

.pinzhi-03 .top-tit{width: 100%;text-align: center;}

.pinzhi-03 .top-tit h2{font-weight: 600;}

.pinzhi-03 .top-tit h5{font-weight: 600;}

.pinzhi-03 .list{width: 100%;margin-top: 4vw;}

.pinzhi-03 .list .img-box{margin-top: 2vw;}

.pinzhi-03 .list .img-box img{height: 4vw;}



.baoz-01 .list .item:nth-child(2n-1){margin-top: 0vw;}

.baoz-01 .list .item{width: 25%;}

.baoz-01 .list .item.on{width: 48%;}

.baoz-02{padding-bottom: 5vw;padding-top: 5vw;background-color: #f5f5f5;}

.baoz-02 .top-tit{width: 100%;text-align: center;}

.baoz-02 .top-tit h2{font-weight: 600;}

.baoz-02 .top-tit h5{font-weight: 600;}

.baoz-02 .list{width: 100%;margin-top: 4vw;}

.baoz-02 .list .item{width: 100%;padding: 2vw 0 1vw 0;border-bottom: 1px solid rgba(0,0,0,.2);}

.baoz-02 .list .item .que{margin-bottom: 1vw;align-items: center;}

.baoz-02 .list .item .que h5{font-weight: 600;line-height: 50px;font-size: 1.4vw;}

.baoz-02 .list .item .que .open{width: 50px;height: 50px;border: 1px solid rgba(0,0,0,.4);border-radius: 50%;position: relative;cursor: pointer;}

.baoz-02 .list .item .que .open::before{position: absolute;content: "";width: 26px;height: 1px;background-color: #000;left:50%;top: 50%;transform: translate(-50%,-50%);}

.baoz-02 .list .item .que .open::after{position: absolute;content: "";width: 1px;height: 26px;background-color: #000;left:50%;top: 50%;transform: translate(-50%,-50%);opacity: 1;transition: all .6s;}

.baoz-02 .list .item .info{height: 0;overflow: hidden;transition: all .6s;}

.baoz-02 .list .item .info p{font-size:1vw;line-height: 2vw;}

.baoz-02 .list .item.on .info{height: 120px;}

.baoz-02 .list .item.on .que .open::after{transform: translate(-50%,100%);opacity: 0;}

.baoz-02 .list .item.on .que h5{color: #7ec900;}

.newslist{padding-bottom: 200px;}

.newslist .tit-info .type-box .tab-list a{margin-right: 1.5vw;}

.newslist .tit-info .type-box .tab-list a:last-child{margin-right: auto;}

.newslist .list-box{width: 100%;margin-top: 2vw;}

.newslist .list-box a{width: 32%;position: relative;border-radius: 15px;overflow: hidden;margin-top: 2vw;transition: all .6s;}

.newslist .list-box a .img-box{width: 100%;height: 28vw;overflow: hidden;}

.newslist .list-box a .info-txt{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;background-color: rgba(0,0,0,.4);height: 100%;color: #fff;padding: 3vw;box-sizing: border-box;}

.newslist .list-box a .time{align-items: center;}

.newslist .list-box a .time .btn{padding: 15px 30px;border: 1px solid #fff;border-radius: 40px;}

.newslist .list-box a:hover{transform: translate(-3%,-3%);box-shadow: 2px 5px 20px rgba(0,0,0,.2);}



.contact-box{padding-bottom: 0;}

.contact-box .top{padding-bottom: 100px;border-bottom: 1px solid rgba(0,0,0,0.1);}

.contact-box .top>.info{margin-top: 40px;width: max-content;}

.contact-box .top img{width: 40px;}

.contact-box .top h4{font-size: 1.4vw;margin: 10px 0;}

.contact-box .top h5{font-size: 1.5vw;font-weight: 600;}

.contact-box .bottom{padding: 60px 0;width: 100%;}

.contact-box .bottom h3{font-size: 1.8vw;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: 1.1vw;}

.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: #7ec900;border: none;color: #fff;font-size: 1.1vw;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;border-radius: 15px;}



footer{background-color: #f7f7f7;color: #000;background-image: url(../{pboot:sitetplpath}/images/bg5.jpg);background-size: cover;position: relative;z-index: 2;padding-bottom: 0;}

footer .ani{position: absolute;width: 100%;top: -260px;z-index: 1;pointer-events: none;}

footer .foot-nav{width: 70%;position: relative;z-index: 2;}

footer a{color: #000;}

footer .foot-nav dl dt a{font-weight: 600;font-size: 1.3vw;margin-bottom: 30px;}

footer .foot-nav dl dd{margin-top: 10px;}

footer .foot-nav dl dd a{font-size: 1vw;opacity: .7;}

footer .right{max-width: 25%;padding-left: 5%;box-sizing: border-box;padding-top: 0px;text-align: right;position: relative;z-index: 3;}

footer .right h5{font-family: ShiYuanHei-Blod;}

footer .right h3{font-size: 1.8vw;font-weight: 600;margin-top: 30px;}

footer .right h4{font-size: 16px;margin-top: 0px;opacity: .5;}

footer .right h3,footer .right h4{font-family: numType;}

footer .right img{width: 150px;height: auto;margin-top: 20px;margin-left: auto;}

footer .oth-fot{padding: 1.3vw 0;background-color: #7ec900;color: #fff;}

footer .oth-fot .cont{align-items: center;}

footer .oth-fot .left{align-items: center;}

footer .oth-fot a img{height: 70px;}

footer .oth-fot .yx-link{height: 50px;padding: 0 40px;border:1px solid rgba(255,255,255,.5);margin-right: auto;align-items: center;}

footer .oth-fot .yx-link p{margin-left: 15px;}

footer .oth-fot .right-info .link-txt{margin-bottom: .3vw;}

footer .oth-fot .right-info .link-txt a{margin-left: 15px;color: #fff;}

footer .oth-fot .right-info .link-txt a:first-child{margin-left: auto;color: #fff;}

footer .oth-fot .right-info .info-oth{opacity: .5;}

footer .oth-fot .right-info .info-oth p:first-child{margin-left: auto;}

footer .oth-fot .right-info .info-oth a{color: #fff;margin: 0 .2vw;}



.web10-box .pic-txt{padding-bottom: 2vw;margin-bottom: 2vw;border-bottom: 1px solid rgba(0,0,0,.3);}

.web10-box .pic-txt h3{font-weight: 600;}

.web10-box .pic-txt p{font-size: 1.2vw;margin-top: 10px;}

.web10-box{width: 100%;background-color: #fff;box-sizing: border-box;padding-bottom: 200px;}

.web10-box .cont{width: 80%;}

.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%;}

.web10-info img{margin: 0 auto;max-width: 100%;display: inline-block;}





/* 手机导航 */

.m-header{background-color: rgba(255,255,255,.8);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: 30px;padding: 10px 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: #7ec900;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: #7ec900;}

.lang{font-size: .92vw;}

.m-lang{position: fixed;right: 10px;bottom: 10%;background-color: #7ec900;color: #fff;width: 40px;height: 40px;border-radius: 50%;z-index: 9999;display: flex;justify-content: center;align-items: center;display: none;}





.prolist .tit-info .type-box{position: relative;padding-bottom: 3vw;}

.prolist .list-box{margin-top: 0;}

.prolist .tit-info .type-box .tab-list a{width: calc(100% / 8);text-align: center;}

.pro-nav02{width: 100%;position: absolute;background-color: #f5f5f5;box-sizing: border-box;left: 0;top: 8vw;z-index: 99;}

.pro-nav02 .item{width: calc(100% / 8);}

.pro-nav02 .item a{width: 100%;text-align: center;font-size: .92vw;line-height: 2.6vw;height: 0;overflow: hidden;transition: all .6s;}

.prolist .tit-info .type-box:hover .pro-nav02 .item a{height: 2.6vw;}



.m-pro2{width: 100%;height: 100%;position: fixed;background-color: rgba(0,0,0,.6);z-index: 8;left: 0;top: 0;display: none;align-items: center;justify-content: center;}

.m-pro2 .box{width: 90%;padding: 4vw;background-color: #fff;box-sizing: border-box;max-height: 80vh;overflow-y: scroll;}

.m-pro2 .box .list .item{padding: 15px 0;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,.1);}

.m-pro2 .box .list .item p{font-size: 15px;opacity: .3;}

.m-pro2 .box .list .item .li-n2{margin-top: 10px;justify-content: flex-start;}

.m-pro2 .box .list .item .li-n2 a{margin-right: 10px;font-size: 13px;margin-top: 6px;}

.m-pro2Close{width: 10vw;height: 10vw;border-radius: 50%;background-color: #7ec900;bottom: 8vw;left: 50%;transform: translateX(-50%);position: absolute;display: flex;align-items: center;justify-content: center;}

.m-pro2Close svg{width: 70%;height: 70%;}

.m-pro2Close svg path{fill: #fff;}