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: 20px 0;}
header .logo img{height: 50px;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 a.on{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.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: #a80d0d;}
header.active .link-to{background-color: #a80d0d;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-color: #a80d0d;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.active svg path{fill: #000;}
header.active .search{border-color: #000;}
header.bg{background-color: rgba(0,0,0,.3);backdrop-filter: blur(20px);}
header.active:hover a{color: #fff;}
header.active:hover .logo img:first-child{display: block;}
header.active:hover .logo img:last-child{display:none;}
header.active:hover .link-to{background-color: #fff; color: #000;}
header.active:hover svg path{fill: #fff;}
header.active:hover .search{border-color: #fff;}

.page-tab{position: fixed;z-index: 0;width: 30%;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-color: #a80d0d;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: #a80d0d;}
.page-tab.active .tab-btn.on::after{background-color: #a80d0d;}

.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: 100%;}
.inx-01 .video-box::after{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);content: "";left: 0;top: 0;z-index: 1;}
.cloud{position: absolute;width: 100%;height: 100%;left: 0px;top: 0;background: url(../images/cloud.png) no-repeat;background-position: 0 100%;z-index: 3;}
#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;}
.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-color: #a80d0d;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{width: 125%;}
.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-color: #a80d0d;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: 30%;top: 0;z-index: 4;color: #fff;padding-left: 3%;box-sizing: border-box;height: 100%;padding-top: 8%;box-sizing: border-box;overflow: hidden;width: 70%;padding-right: 5%;box-sizing: border-box;}
.section .info-txt .txt-box{align-items: center;}
.section .info-txt .txt-box h2{font-size: 3.4vw;margin-right: 15px;}
.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;perspective: 300px;}
.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-size: cover;left: 40%;top: 60%;background-color: rgba(0,0,0,.4);}
.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%;color: rgba(255,255,255,.7);}
.inx-01 .info-txt p i{font-weight: 600;font-size: 24px;color: #fff;display: inline-block;}



.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);}
.move-link1{position: absolute;width: 120px;height: 120px;z-index: 4;border-radius: 50%;transform: translate(-50%,-50%);transition: all .1s;left: 40%;top: 60%;background-color: #a80d0d;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;background-image: url(../images/bg.jpg);background-size: cover;}
.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 .list-tab{opacity: 1;margin-top: 50px;width: 100%;}
.inx-03 .list-tab .swiper{width: 100%;height: 36vw;overflow: visible;}
.inx-03 .list-tab .swiper .swiper-wrapper{height: 100%;}
.inx-03 .list-tab .swiper .swiper-slide{width: 32%;background-color: #fff;border-radius: 15px;transition: all .6s;height: 15vw;margin-right: 1vw;margin-bottom: 1vw;transition: all .3s;color: #fff;}
.inx-03 .list-tab .swiper .swiper-slide .item a{border:1px solid rgba(0,0,0,.1);border-radius: 5px;overflow: hidden;background-color: #fff;transition: all .4s;box-shadow: 2px 5px 20px rgba(0,0,0,.05);border-radius: 15px;}
.inx-03 .list-tab .swiper .swiper-slide .item a:hover{transform: translateY(-5%);box-shadow: 2px 2px 8px 5px rgba(0,0,0,.1);}
.inx-03 .list-tab .swiper .swiper-slide .item a .img-box{width: 100%;height: 18vw;display: flex;align-items: center;justify-content: center;position: relative;background-color: #fff;}
.inx-03 .list-tab .swiper .swiper-slide .item a .img-box img{width: 85%;margin-top: 10%;}
.inx-03 .list-tab .swiper .swiper-slide .item a .img-box .top{position: absolute;left: 20px;top: 20px;z-index: 1;align-items: center;}
.inx-03 .list-tab .swiper .swiper-slide .item a .img-box .top img{width: auto;height: 28px;margin-top: 0;}
.inx-03 .list-tab .swiper .swiper-slide .item a .img-box .top p{font-size: 15px;font-family: ShiYuanHei-Blod;margin-left: 8px;padding-left: 8px;line-height: 22px;border-left: 1px solid #000;margin-top: 0;}
.inx-03 .list-tab .swiper .swiper-slide .item a .info{padding: 30px;box-sizing: border-box;transition: all .4s;background-color: #fafafa;}
.inx-03 .list-tab .swiper .swiper-slide .item a .info h5{font-family: ShiYuanHei-Blod;}
.inx-03 .list-tab .swiper .swiper-slide .item a .info .dail{margin-top: 10px;opacity: .6;font-size: 15px;margin-left: 0;}
.inx-03 .list-tab .swiper .swiper-slide .item a .info .more{align-items: center;margin-top: 15px;padding-top: 15px;border-top: 1px solid rgba(0,0,0,.1);transition: all .2s;width: 100%;}
.inx-03 .list-tab .swiper .swiper-slide .item a .more svg{transition: all .4s;}
.inx-03 .list-tab .swiper .swiper-slide .item a:hover .info{background-color: #af2022;color: #fff;}
.inx-03 .list-tab .swiper .swiper-slide .item a:hover .more{border-color: rgba(255,255,255,.5);}
.inx-03 .list-tab .swiper .swiper-slide .item a:hover .more svg path{fill: #fff;}

.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-color: #a80d0d;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;}
.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-color: #a80d0d;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;}

.tex-list{width: 100%;margin-top: 30px;position: relative;}
.tex-list h5{font-size: 36px;opacity: 0;transition: all .3s;position: absolute;width: 100%;top: 0;left: 0;}
.tex-list h5.on{opacity: 1;}

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

.inx-05 >.info-txt p{margin-top: 0;margin-left: 0;text-align: center;line-height: 50px;background-color: #f5f5f5;width: 100%;border-radius: 0 0 15px 15px;}


.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-color: #a80d0d;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;background-color: rgba(0,0,0,.0);}
.inx-05 .info-txt .list-tab{width: 100%;margin-top: auto;margin-bottom: 12%;align-items: last baseline;}
.inx-05 .info-txt .list-tab .swiper{width: 100%;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide{width:52%;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 15px 0 0 ;position: relative;height: 22vw;display: flex;overflow: hidden;}
.inx-05 .info-txt .list-tab .swiper .swiper-slide .img_box img{height: 22vw;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: 22vw;background-color: rgba(0,0,0,.5);left: 0;top: 0vw;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;}

.txt-box span i{color: #a80d0d;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-color: #a80d0d;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%;}
.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: #a80d0d;}

.inx-07 .info-txt .txt-box span{align-items: center;}
.inx-07 .info-txt .txt-box span h3{color: #a80d0d;}
.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: #a80d0d;}
.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-color: #a80d0d;border-radius: 8px;margin-right: 15px;}
.inx-07 .last .left .ico-box:last-child{margin-right: auto;}
.inx-07 .last .right{width: 100%;}
.inx-07 .last .right .txt-box{text-align: right;}
.inx-07 .last .right .txt-box p{color: #a80d0d;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 .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;}

.proList-01,.proInfo-01{background-color: #fff;margin-top: -5px;position: relative;z-index: 2;}
.proList-02{background-color: #fff;margin-top: -5px;position: relative;z-index: 1;}
.proList-01 .cont{border-bottom: 1px solid rgba(0,0,0,0.3);}
.proList-01 h5{width: 52%;margin-left: auto;line-height: 36px;}
.proList-tab{align-items: center;}
.proList-tab h3{font-weight: 600;}
.proList-tab h3 i{display: inline-block;color: #a80d0d;font-weight: 600;margin-left: 10px;}
.proList-tab .list{width: 55%;}
.proList-tab .list .item a{align-items: center;border-radius: 8px;transition: all .4s;}
.proList-tab .list .item a i{width: 30px;height: 30px;border:1px solid #000;position: relative;}
.proList-tab .list .item a i::after{position: absolute;content: '';width: 0%;height: 0%;background-color: #a80d0d;left: 10%;top: 10%;z-index: 1;transition: all .3s;}
.proList-tab .list .item a p{margin-left: 10px;font-size: 18px;font-weight: 600;}
.proList-tab .list .item a img{width: 42px;height: 42px;}
.proList-tab .list .item.on a{color: #a80d0d;}
.proList-tab .list .item.on a i{border-color: #a80d0d;}
.proList-tab .list .item.on a i::after{width: 80%;height: 80%;}
.proList-02 .list-box{width: 100%;margin-top: 80px;margin-bottom: 80px;}
.proList-02 .list-box .item{width: 25%;padding: 0 15px;box-sizing: border-box;margin-top: 30px;}
.proList-02 .list-box .item:last-child{margin-right: auto;}
.proList-02 .list-box .item a{border:1px solid rgba(0,0,0,.1);border-radius: 5px;overflow: hidden;background-color: #fff;transition: all .4s;box-shadow: 2px 5px 20px rgba(0,0,0,.05);border-radius: 15px;}
.proList-02 .list-box .item a:hover{transform: translateY(-5%);box-shadow: 2px 2px 8px 5px rgba(0,0,0,.1);}
.proList-02 .list-box .item a .img-box{width: 100%;height: 18vw;display: flex;align-items: center;justify-content: center;position: relative;background-color: #fff;}
.proList-02 .list-box .item a .img-box img{width: 85%;margin-top: 10%;}
.proList-02 .list-box .item a .img-box .top{position: absolute;left: 20px;top: 20px;z-index: 1;align-items: center;}
.proList-02 .list-box .item a .img-box .top img{width: auto;height: 28px;margin-top: 0;}
.proList-02 .list-box .item a .img-box .top p{font-size: 15px;font-family: ShiYuanHei-Blod;margin-left: 8px;padding-left: 8px;line-height: 22px;border-left: 1px solid #000;}
.proList-02 .list-box .item a .info{padding: 30px;box-sizing: border-box;transition: all .4s;background-color: #fafafa;}
.proList-02 .list-box .item a .info h5{font-family: ShiYuanHei-Blod;}
.proList-02 .list-box .item a .info .dail{margin-top: 10px;opacity: .6;font-size: 15px;}
.proList-02 .list-box .item a .info .more{align-items: center;margin-top: 15px;padding-top: 15px;border-top: 1px solid rgba(0,0,0,.1);transition: all .2s;}
.proList-02 .list-box .item a .more svg{transition: all .4s;}
.proList-02 .list-box .item a:hover .info{background-color: #af2022;color: #fff;}
.proList-02 .list-box .item a:hover .more{border-color: rgba(255,255,255,.5);}
.proList-02 .list-box .item a:hover .more svg path{fill: #fff;}
.proInfo-01 .cont{border:none;padding-bottom: 0;}
.proInfo-01 .list{width: 100%;margin-top: 100px;}
.proInfo-01 .list .item{width: 18%;background-color: #fff;box-shadow: 2px 5px 30px 5px rgba(0, 39, 23, .1);height: 16vw;border-radius: 15px;display: flex;align-items: center;justify-content: center;}
.proInfo-01 .list .item h5{text-align: center;margin-top: 20px;width: 100%;margin-left: 0;}
.proInfo-01 .list .item svg{margin: 0 auto;width: 80px;height: 80px;display: block;}
.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 .pic-list{width: 100%;margin-top: 80px;}
.proInfo-02 .pic-list .swiper-slide{width: 48%;margin-left: 2%;}
.proInfo-02 .pic-list .swiper-slide:first-child{margin-left: 0;}
.proInfo-02 .pic-list .swiper-slide .img-box{border-radius: 25px;overflow: hidden;height: 25vw;}
.proInfo-03{padding-top: 0;}

footer{width: 100%;padding: 5vw 0;background:url(../images/03.jpg) no-repeat;background-size: cover;background-position: bottom;}
footer .top{padding-bottom: 100px;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;}
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;}

.cra-banner{width: 100%;height: 600px;position: relative;}
.cra-banner .tit-box{position: absolute;left: 50%;top: 54%;transform: translate(-50%,-50%);z-index: 1;color: #fff;}
.cra-banner .tit-box h2{font-weight: 600;font-size: 3.2vw;}

.craft-01{width: 100%;}
.craft-01 h3{font-weight: 600;text-align: center;}
.craft-01 h3 em{color: #a80d0d;font-weight: 600;}
.craft-01 .list-box{width: 100%;margin-top: 3vw;}
.craft-01 .list-box .item{width: 19%;background-color: #f5f5f5;border-radius: 15px 0 15px 0;overflow: hidden;box-sizing: border-box;}
.craft-01 .list-box .item .img-box{width: 100%;border-radius: 10px;box-sizing: border-box;overflow: hidden;height: 180px;}
.craft-01 .list-box .item .info{margin-top: 5px;padding: 15px;box-sizing: border-box;}
.craft-01 .list-box .item .info h4{font-weight: 600;color: #a80d0d;margin-bottom: 10px;}
.craft-01 .list-box .item .info p{line-height: 28px;}

.craft-02{width: 100%;background-image: url(../images/cra-pic1.jpg);background-size: cover;}
.craft-02 .tit h3{color:#fff;text-align: center;font-weight: 600;}
.craft-02 .info{margin-top: 3vw;align-items: center;}
.craft-02 .text{width: 45%;color: #fff;line-height: 30px;font-size: 17px;}
.craft-02 .text p{margin-bottom: 20px;text-align: justify;}
.craft-02 .img-box{width: 48%;border-radius: 20px;overflow: hidden;}

.craft-03 .tit{margin-bottom: 3vw;}
.craft-03 p{line-height: 30px;}
.craft-03 .swiper{margin-top: 3vw;}
.craft-03 .swiper .swiper-slide{width: 23.5%;margin-right: 1.5%;}
.craft-03 .swiper .swiper-slide:last-child{margin-right: auto;}
.craft-03 .swiper .swiper-slide .img-box{width: 100%;height: 15vw;overflow: hidden;border-radius: 15px;}
.craft-03 .swiper .swiper-slide h5{text-align: center;margin-top: 15px;}

.proc-01{width: 100%;}
.proc-01 .tit h3{font-weight: 600;text-align: center;}
.proc-01 .tit h3 em{color: #a80d0d;font-weight: 600;}
.proc-01 .list{width: 100%;margin-top: 3vw;}
.proc-01 .list .item{width: 25%;padding: 0 30px;box-sizing: border-box;}
.proc-01 .list .item h4{margin: 1vw 0;font-weight: 600;}
.proc-01 .list .item p{line-height: 28px;}

.proc-02{background-color: #f5f5f5;}
.proc-02 .info-box{width: 100%;margin-top: 3vw;}
.proc-02 .item{margin-bottom: 2vw;width: 31%;background-color: #fff;border-radius: 15px;padding: 20px;box-sizing: border-box;}
.proc-02 .item h4{margin-bottom: 1vw;font-weight: 600;align-items: center;display: flex;justify-content: first baseline;margin-top: 2vw;}
.proc-02 .item .img-box{border-radius: 10px;box-sizing: border-box;overflow: hidden;height: 16vw;}
.proc-02 .item p{line-height: 28px;}

.newList-01 .proList-tab .list{width: 80%;}
.newList-01 .proList-tab .list .item a img{width: 36px;height: 36px;}
.newList-01 .proList-tab .list .item:first-child{margin-left: auto;margin-right: 2vw;}
.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: #a80d0d;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: #a80d0d;}
.newList-01 .inner a:hover .left h5{color: #a80d0d;}
.newList-01 .inner a:hover::after{width: 100%;}

.oth-banner.news-ban{height: 700px;}
.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;}

.ab-01 .left{width: 40%;}
.ab-01 .left h2{font-weight: 600;margin-bottom: 2vw;}
.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: 20px;font-size: 1.6vw;font-weight: 600;line-height: 48px;}
.ab-01 .info-box h5 i{display: inline-block;color: #a80d0d;font-weight: 600;margin-right: 10px;}
.ab-01 .info-box p{line-height: 28px;font-size: 18px;}
.ab-01 .img-box{width: 100%;margin-top: 50px;border-radius: 20px;overflow: hidden;height: 30vw;}
.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: #a80d0d;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: 90%;transition: all .6s;}
.ab-05 .right .swiper-slide.swiper-slide-active .img-box img{width: 100%;}

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


.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: #e62129;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: #e62129;}
.pro-bg .box .close-pro:hover svg path{fill: #fff;}
.pro-bg .box .item .info .content img{width: 100%!important;}

/* 手机导航 */
.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: #a80d0d;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: #a80d0d;}

.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,1);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;}