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;transition: all .6s;}
header .cont{align-items: center;}
header .logo img{height: 60px;padding: 20px 0;}
header .logo img:nth-child(2){display: none;}
header .top-nav a{color: #fff;margin: 0 2vw;font-size: 17px;transition: all .6s;font-weight: 600;}
header .top-tel{align-items: center;}
header .top-tel p{margin: 0 5px;}
header .top-tel h5{font-weight: 600;}

header.on{background-color: rgba(255,255,255,.9);background-image:none;color: #000;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
header.on .logo img{display: none;}
header.on .logo img:nth-child(2){display: block;}
header.on .top-nav a{color: #000;}
header.on svg path{fill: #000;}

.inx-01{width: 100%;height: 100vh;overflow: hidden;}
.inx-01 .swiper{width: 100%;height: 100%;}
.inx-01 .swiper .swiper-slide{width: 100%;height: 100%;position: relative;}
.inx-01 .swiper .swiper-slide .img-box{width: 100%;height: 100%;overflow: hidden;}
.inx-01 .swiper .swiper-slide .img-box video{width: 100%;}
.inx-01 .swiper .swiper-slide .info-box{position: absolute;left: 7%;width: max-content;top: 50%;transform: translateY(-50%);z-index: 2;color: #fff;}
.inx-01 .swiper .swiper-slide .info-box h2{font-weight: 600;margin-bottom: 10px;}
.inx-01 .swiper .swiper-slide .info-box a{padding: 20px 50px;background: linear-gradient(to right,#00ae3c,#09943a);border-radius: 50px;color: #fff;margin-top: 2vw;width: max-content;}

.inx-02{background-color: #f7f7f7;}
.inx-02 .cont{align-items: center;}
.inx-02 .left{width: 45%;background-image: url(../images/img1.png);background-repeat: no-repeat;background-position: right bottom;}
h4.inx-tit{font-weight: 600;position: relative;padding-left: 20px;box-sizing: border-box;}
h4.inx-tit::before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 70%;content: '';background-color: #00ae3c;}
.inx-02 .left .info{margin-top: 3vw;}
.inx-02 .left .info h3{font-weight: 600;}
.inx-02 .left .info h3:nth-child(2){margin-bottom: 1vw;}
.inx-02 .left .info p{margin-top: 10px;font-size: 17px;line-height: 28px;}
.inx-02 .left a{padding: 20px 50px;background: linear-gradient(to right,#00ae3c,#09943a);border-radius: 50px;color: #fff;margin-top: 4vw;width: max-content;}
.inx-02 .right{width: 50%;}
.inx-02 .right a{width: 32%;height: 26vw;overflow: hidden;border-radius: 15px;position: relative;transition: all .6s;}
.inx-02 .right a::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,.6));content: "";z-index: 1;}
.inx-02 .right a.on{width: 32%;}
.inx-02 .right a:nth-child(2){margin-top: 3vw;}
.inx-02 .right a .img-box{width: 100%;height: 100%;}
.inx-02 .right a img{transition: all 2s;}
.inx-02 .right a .info{position: absolute;width: 100%;bottom: 30px;z-index: 1;padding: 0 20px;box-sizing: border-box;z-index: 2;color: #fff;text-align: center;}
.inx-02 .right a .info h5{font-weight: 600;margin-bottom: 15px;}
.inx-02 .right a .info p{line-height: 30px;height: 0;overflow: hidden;transition: all .6s;}
.inx-02 .right a:hover{transform: translate(-10px,-10px);box-shadow: 2px 5px 20px rgba(0,0,0,.5);}
.inx-02 .right a:hover img{transform: scale(1.3);}
.inx-02 .right a:hover .info p{height: 30px;}

.inx-03{width: 100%;background-image: url(../images/img2.png);background-repeat: no-repeat;background-position: right bottom;}
.inx-03 .tit-box{align-items: center;}
.inx-03 .tit-box a{align-items: center;font-weight: 600;font-size: 17px;}
.inx-03 .tit-box a svg{margin-right: 10px;}
.inx-03 .list{width: 100%;margin-top: 3vw;}
.inx-03 .list .swiper{width: 100%;}
.inx-03 .list .swiper .swiper-slide{width: 23%;margin-right: 2%;}
.inx-03 .list .swiper .swiper-slide:last-child{margin-right: auto;}
.inx-03 .list .swiper .swiper-slide a{width: 100%;border-radius: 15px;overflow: hidden;position: relative;}
.inx-03 .list .swiper .swiper-slide a>img{position: absolute;height: 30px;right:10px;top: 10px;}
.inx-03 .list .swiper .swiper-slide a .img-box{width: 100%;height: 17vw;}
.inx-03 .list .swiper .swiper-slide a .info-box{background-color: #f7f7f7;padding: 40px 20px;box-sizing: border-box;}
.inx-03 .list .swiper .swiper-slide a .info-box h5{font-weight: 600;width: 100%;padding-bottom: 5px;}
.inx-03 .list .swiper .swiper-slide a .info-box p{width: 50%;margin-top: 10px;}
.inx-03 .list .swiper .swiper-slide a .info-box p:last-child{width: 100%;}

.inx-04{background-color: #f7f7f7;height: auto;overflow: hidden;position: relative;}
.inx-04 video{position: absolute;width: 100%;left: 0;top: 0;z-index: 1;}
.inx-04 .box{width: 100%;position: relative;z-index: 2;color: #fff;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);padding-bottom: 160px;}
.inx-04 .box .swiper{width: 73%;margin-top: 4vw;overflow: visible;margin-left: 0;}
.inx-04 .box .swiper .swiper-slide{width: 100%;align-items: center;margin-right: 6vw;opacity: .5;transition: all .6s;}
.inx-04 .box .swiper .swiper-slide.swiper-slide-active{opacity: 1;}
.inx-04 .box .swiper .swiper-slide:last-child{margin-right: 0;}
.inx-04 .box .swiper .swiper-slide .info-box{width: 45%;transform: translateY(10%);transition: all .6s;}
.inx-04 .box .swiper .swiper-slide .info-box h3{font-weight: 600;}
.inx-04 .box .swiper .swiper-slide .info-box p{margin-top: 1vw;font-size: 17px;line-height: 30px;}
.inx-04 .box .swiper .swiper-slide .info-box a{width: max-content;padding: 20px 30px;box-sizing: border-box;border-radius: 40px;background: linear-gradient(to right,#00ae3c,#09943a);color: #fff;margin-top: 2vw;}
.inx-04 .box .swiper .swiper-slide .img-box{width: 50%;height: 23vw;border-radius: 15px;overflow: hidden;transform: scale(0.5);transition: .6s;}
.inx-04 .box .swiper .swiper-slide.swiper-slide-active .img-box{transform: scale(1);}
.inx-04 .box .swiper .swiper-slide.swiper-slide-active .info-box{transform: translateY(0);}
.inx-05 .tab-box{align-items: center;}
.inx-05 .tab-box .list a{padding: 15px 30px;border-radius: 50px;border: 1px solid #000;margin-left: 2vw;}
.inx-05 .tab-box .list a.on{background:linear-gradient(to bottom,#00ae3c,#09943a);border: none;color: #fff;}

.inx-05 .box{width: 100%;margin-top: 3vw;}
.inx-05 .box .left{width: 30%;background-color: #f5f5f5;border-radius: 5px;overflow: hidden;}
.inx-05 .box .left .info{padding: 30px;box-sizing: border-box;}
.inx-05 .box .left .info h5{font-size: 22px;margin-bottom: 15px;font-weight: 600;}
.inx-05 .box .left .info p{margin-top: 20px;color: #7b7b7b;}
.inx-05 .box .left .info .btn{width: 160px;line-height: 50px;background: linear-gradient(to bottom,#00ae3c,#09943a);color: #fff;font-size: 20px;text-align: center;margin-top: 2vw;border-radius: 30px;}
.inx-05 .box .right{width: 65%;}
.inx-05 .box .right a{padding: 1vw 0;border-bottom:1px solid rgba(0, 0, 0, .1)}
.inx-05 .box .right a .info{width: 70%;}
.inx-05 .box .right a .img-box{width: 25%;height: 9vw;border-radius: 5px;overflow: hidden;}
.inx-05 .box .right a .info h5{font-size: 26px;margin-bottom: 15px;font-weight: 600;}
.inx-05 .box .right a .info p{margin-top: 20px;color: #7b7b7b;}

.oth-ban{width: 100%;position: relative;height: 800px;overflow: hidden;}
.oth-ban.sty{height: 600px;}
.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;background-color: rgba(0,0,0,.3);}
.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;}
.oth-ban .tit-info  h1{font-size: 2vw;text-align: center;}

.ab-01{width: 100%;position: relative;z-index: 2;background-image: url(../images/img3.png);background-repeat: no-repeat;background-position: right 5%;background-size: 20vw auto;}
.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: 100%;margin-top: 3vw;padding-right: 20%;box-sizing: border-box;}
.ab-01 .cont .info h3{font-weight: 600;margin-bottom: 1.5vw;}
.ab-01 .cont .info p{font-size: 17px;line-height: 28px;}
.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: 26px;font-size: 16px;}
.ab-01 .list-img .item-box .info a{padding: 15px 40px;background-color: #00ae3c;border-radius: 50px;position: absolute;right: 0;top: 75%;transform: translateY(-50%);opacity: 0;transition: all .6s;transition-delay: 0.3s;font-weight: 600;font-size: 17px;color: #fff;}
.ab-01 .list-img .item-box.on{width: 46%;}
.ab-01 .list-img .item-box.on .info a{opacity: 1;}

.ab-02{background-color: #f7f7f7;background-image: url(../images/img4.png);background-repeat: no-repeat;background-position: bottom right;}
.ab-02 h2{font-weight: 600;}
.ab-02 .box{width: 100%;margin-top: 5vw;height: 33vw;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: 20vw;position: relative;}
.ab-02 .box .list-box .item .info::after{position: absolute;width: 1px;height: 100%;content: '';background-color: #00ae3c;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: #00ae3c;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: 60%;font-size: 17px;line-height: 28px;}
.ab-02 .box .list-box .item .info .txt{transform: translateX(20%);opacity: 0;transition: all .6s;}
.ab-02 .box .list-box .item .year{width: 140px;height: 140px;border-radius: 50%;background-color: #00ae3c;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 32px;
    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: 3.5vw;}
.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: 5.8vw;}
.ab-02 .box .list-box .item:nth-child(4) .thing .info,.ab-02 .box .list-box .item:nth-child(5) .thing .info{transform: translateX(-100%);}
.ab-02 .box .list-box .item:nth-child(4) .thing .info::after,.ab-02 .box .list-box .item:nth-child(5) .thing .info::after{left: auto;right: 0;}
.ab-02 .box .list-box .item:nth-child(4) .thing .info::before,.ab-02 .box .list-box .item:nth-child(5) .thing .info::before{left: auto;right: -5px;}
.ab-02 .box .list-box .item:nth-child(4) .thing .info .txt,.ab-02 .box .list-box .item:nth-child(5) .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;}
.ab-02 .box .yaer-big h1.on{opacity: .05;}
.ab-03{width: 100%;}
.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: #00ae3c;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;}

.pro-list .tab-box{align-items: center;}
.pro-list .tab-box h3{font-weight: 600;}
.pro-list .tab-box h3 i{font-weight: 600;color: #00ae3c;}
.pro-list .tab-box .tab-list{align-items: center;}
.pro-list .tab-box .tab-list form{border-radius: 40px;border:1px solid rgba(0, 0, 0, .3);display: flex;align-items: center;}
.pro-list .tab-box .tab-list form input{width: 15vw;height: 40px;text-indent: 2rem;border: none;background-color: rgba(0, 0, 0, 0);}
.pro-list .tab-box .tab-list form button{cursor:pointer;background-color: rgba(0, 0, 0, 0);border: none;}
.pro-list .tab-box .tab-list form button svg{width: 28px;height: 28px;}
.pro-list .tab-box .tab-list form button svg path{fill:#000;}
.pro-list .tab-box .tab-list a{padding: 18px 40px;border: 1px solid #000;border-radius: 40px;margin-left: 2vw;transition: all .4s;font-size: 17px;}
.pro-list .tab-box .tab-list a.on{background-color: #00ae3c;color: #fff;border-color: #00ae3c;}
.pro-list .list-box{width: 100%;margin-top: 3vw;}
.pro-list .list-box .item{width: 25%;padding: 0 15px;box-sizing: border-box;margin-top: 30px;}
.pro-list .list-box .item:last-child{margin-right: auto;}
.pro-list .list-box .item a{background-color: #f7f7f7;border: 1px solid rgba(0,0,0,.2);}
.pro-list .list-box .item a{width: 100%;border-radius: 15px;overflow: hidden;position: relative;}
.pro-list .list-box .item a>img{position: absolute;height: 30px;right:20px;top: 20px;}
.pro-list .list-box .item a .img-box{width: 100%;height: 17vw;}
.pro-list .list-box .item a .info-box{background-color: #f7f7f7;padding: 40px 20px;box-sizing: border-box;}
.pro-list .list-box .item a .info-box h5{font-weight: 600;width: 100%;padding-bottom: 5px;}
.pro-list .list-box .item a .info-box p{width: 45%;margin-top: 10px;padding-bottom: 8px;border-bottom: 1px dashed rgba(0,0,0,.1);}
.pro-list .list-box .item a .info-box p:last-child{width: 100%;}

.adv-01 .list{width: 100%;margin-top: 4vw;}
.adv-01 .list .item{width: 17%;border-radius: 15px;overflow: hidden;height: 26vw;position: relative;filter: grayscale(1);transition: all .6s;}
.adv-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,.7));content: "";z-index: 1;border-radius: 15px;box-sizing: border-box;}
.adv-01 .list .item:nth-child(2n-1){margin-top: 3vw;}
.adv-01 .list .item .img-box{width: 100%;height: 26vw;}
.adv-01 .list .item.on{width: 45%;filter: grayscale(0);}
.adv-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;font-size: 1.4vw;}
.adv-01 .list .item.on>h4{opacity: 1;bottom: -30%;}
.adv-01 .list .item .info{position: absolute;width: 28vw;bottom: 5%;left: 5%;z-index: 2;color: #fff;transform: translateX(50%);opacity: 0;transition: all .6s;}
.adv-01 .list .item .info h5{font-weight: 600;margin-bottom: 1vw;}
.adv-01 .list .item .info p{line-height: 28px;}
.adv-01 .list .item.on .info{transform: translateX(0);opacity: 1;}

.adv-02{background-color: #f7f7f7;}
.adv-02 .swiper{margin-top: 4vw;padding: 0 5%;box-sizing: border-box;position: relative;}
.adv-02 .swiper .swiper-slide{width: 50vw;height: 29vw;transition: all .6s;padding: 2% 12%;box-sizing: border-box;}
.adv-02 .swiper .swiper-slide .item{width: 100%;height: 100%;position: relative;}
.adv-02 .swiper .swiper-slide .img-box{width: 100%;height:100%;overflow: hidden;border-radius: 25px;} 
.adv-02 .swiper .swiper-slide.swiper-slide-active{padding: 0;}
.adv-02 .swiper .swiper-slide .item .info{background-color: #fff;width: 20vw;height: 80%;right: 55%;opacity: 0;top: 10%;z-index: 1;padding: 3vw;box-sizing: border-box;position: absolute;border-radius: 15px;transition: all .6s;}
.adv-02 .swiper .swiper-slide .item .info p{line-height: 28px;margin-bottom: 15px;font-size: 17px;}
.adv-02 .swiper .swiper-slide .item .info em{font-size: 40px;color: #00ae3c;line-height: 36px;height: 24px;}
.adv-02 .swiper .swiper-slide .item .info em:nth-child(3){width: 100%;text-align: right;display: block;}
.adv-02 .swiper .swiper-slide .item .info h5{margin-bottom: 2vw;font-weight: 600;color: #00ae3c;text-align: left;font-size: 1.6vw;}
.adv-02 .swiper .swiper-slide.swiper-slide-active .item .info{right: 5%;opacity: 1;}
.adv-02 .swiper .btn{position: absolute;z-index: 2;width: 160px;height: 160px;background-color: #00ae3c;border-radius: 50%;transform: translateY(-50%);left: 15%;top: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.adv-02 .swiper .btn.next{background-color: #000;left: auto;right: 15%;}

.adv-03 .info{margin-top: 3vw;}
.adv-03 .info p{width: 80%;font-size: 17px;line-height: 28px;}
.adv-03 .swiper{width: 100%;margin-top: 50px;}
.adv-03 .swiper .swiper-slide{width: 25%;margin-right: 20px;}
.adv-03 .swiper .swiper-slide .img-box{width: 100%;height: 15vw;}
.adv-03 .swiper .swiper-slide .img-box img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;border-radius: 15px;box-sizing: border-box;}
.adv-03 .swiper .swiper-slide p{line-height: 50px;text-align: center;font-size: 16px;}

.newsList .inner{margin-top: 60px;}
.newsList .inner a{padding: 50px 0;box-sizing: border-box;border-top: 1px solid rgba(148, 48, 48, 0.1);position: relative;}
.newsList .inner a::after{width: 0%;height: 2px;background-color: #00ae3c;left: 0;bottom: 0;content: "";z-index: 1;position: absolute;transition: all .6s;}
.newsList .inner a:first-child{padding-top: 0;border: none;}
.newsList .inner a .left{width: 64%;}
.newsList .inner a .left .info{width: 100%;}
.newsList .inner a .left .info h4{transition: all .6s;font-weight: 600;}
.newsList .inner a .left .info p{font-size: 18px;line-height: 36px;margin-top: 15px;}
.newsList .inner a .left .time{align-items: center;}
.newsList .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;}
.newsList .inner a .left img{height: 24px;width: auto;}
.newsList .inner a .img-box{width: 32%;height: 15vw;overflow: hidden;}
.newsList .inner a:hover .info h4{color: #00ae3c;}
.newsList .inner a:hover .left h5{color: #00ae3c;}
.newsList .inner a:hover::after{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 .tit-pro{align-items: flex-end;padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,.5);border-color: rgba(0,0,0,.3);}
.oth-banner .pic-txt .tit-pro h5{width: 60%;line-height: 36px;}
.oth-banner{height: 500px;}
.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) 8%, #fff 100%);}
.pro-banner .pic-txt p::before{background-color: #000;}
.oth-banner .pic-txt .tit-pro h1{padding-bottom: 0;border:none;}

.oth-banner.news-ban{height: 600px;}
.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%;}
.web10-info img{margin: 0 auto;max-width: 100%;display: inline-block;}
.news-dail-tap{margin-top: 30px;}

.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: #00ae3c;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;}

footer{color: #fff;background-image: url(../images/foot-bg.jpg);background-size: cover;position: relative;z-index: 2;padding-top: 5vw;}
footer .ani{position: absolute;width: 100%;top: -260px;z-index: 1;}
footer .foot-nav{width: 70%;position: relative;z-index: 2;}
footer a{color: #fff;}
footer .foot-nav dl dt a{font-weight: 600;font-size: 22px;margin-bottom: 30px;}
footer .foot-nav dl dd{margin-top: 15px;}
footer .foot-nav dl dd a{font-size: 16px;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{margin-top: 2vw;padding-bottom: 40px;}
footer .oth-fot .cont{align-items: center;}
footer .oth-fot .left{align-items: center;}
footer .oth-fot a img{height: 60px;}
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 a{margin-left: 15px;}
footer .oth-fot .right-info .link-txt a:first-child{margin-left: auto;}
footer .oth-fot .right-info .info-oth{opacity: .5;margin-top: 1vw;}
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 15px;}

.pro-bg{background-color: rgba(0, 0, 0, .3);backdrop-filter: blur(3px);position: fixed;width: 100%;height: 100%;z-index: 9999;left: 0;top: 0;display: none;align-items: center;justify-content: center;}
.pro-bg.on{display: flex;}
.pro-bg .box{width: 70%;height: 80%;background-color: #fff;border-radius: 15px;padding: 30px;box-sizing: border-box;position: relative;}
.pro-bg .box .item{width: 100%;height: 100%;display: none;}
.pro-bg .box .item.on{display: flex;}
.pro-bg .box .img-show{width: 55%;height: 100%;position: relative;overflow: hidden;}
.pro-bg .box .img-box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #f5f5f5;border-radius: 15px;}
.pro-bg .box .img-box img{height:75%;}

div.zoomDiv{z-index:999;position:absolute;top:50px;left:55%;width:20vw;height:20vw;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
  

.pro-bg .box .item .info{width: 42%;display: flex;flex-wrap: wrap;height: 100%;}
.pro-bg .box .item .info .t{width: 100%;}
.pro-bg .box .item .info .t h3{font-weight: bold;width: 100%;}
.pro-bg .box .item .info .t h5{margin-top: 15px;color: #00ae3c;margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid rgba(0, 0, 0, .1)}
.pro-bg .box .item .info .t p{font-size: 1.2vw;color: #666;margin-top: 15px;}
.pro-bg .box .item .info .t .content{width: 100%;background-color: #f5f5f5;height: 23vw;margin-top: 15px;overflow: scroll;padding: 15px;box-sizing: border-box;}
.pro-bg .box .item .info a{margin-top: auto;align-items: center;width: 100%;margin-bottom: 2%;}
.pro-bg .box .item .info a .more{width: 120px;line-height: 40px;border:1px solid rgba(0, 0, 0, .1);text-align: center;font-size: 17px;}
.pro-bg .box .close-pro{position: absolute;width: 60px;height: 60px;right: -65px;top:20px;background-color: #fff;border-radius: 5px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .4s;}
.pro-bg .box .close-pro svg{transition: all .4s;}
.pro-bg .box .close-pro:hover{background-color: #00ae3c;}
.pro-bg .box .close-pro:hover svg path{fill: #fff;}
.pro-bg .box .item .info .content img{width: 100%!important;}