header{position: fixed;width: 100%;top: 0%;left: 0;z-index: 999;transition: all 1s;}
header::after{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,1);z-index: 1;box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);opacity: 0;transition: all .6s;border-radius: 0 0 20px 20px;overflow: hidden;background-image: url(../images/header-bg.jpg);background-size: cover;}
header.on::after{opacity: 1;}
header .cont{align-items: center;position: relative;z-index: 2;}
header .logo{height: 50px;padding: 25px 0;}
header .logo img{height: 100%;}
header .list{width: 20%;margin-left: 2vw;white-space: nowrap;height: 50px;}
header .list h5{font-size: 24px;width: max-content;line-height: 40px;color: #e62129;height: 50px;position: relative;}
header .list em{color: #7b7b7b;font-size: 13px;display: block;position: absolute;left: 0;bottom: -10px;}
header .top-nav{margin-left: auto;position: relative;}
header .top-nav a{line-height: 50px;position: relative;text-align: center;margin: 0 2vw;}
header .top-nav a p{font-size: 1.15vw;font-weight: bold;position: relative;z-index: 2;}
header .top-nav a.on p{color: #e62129;}
header .top-nav a img{position: absolute;left: 50%;top: 100%;transform: translate(-50%,-50%);z-index: 1;height: 110%;opacity: 0;transition: all .4s;}
header .top-nav a.on img,header .top-nav a:hover img{top: 50%;opacity: 1;}

header .search-box input{margin-left: 2px;border:none;font-size: 16px;font-family: jinlin;background-color: rgba(0,0,0,0);overflow: hidden;width: 8vw;}
header .search-box button{font-size: 18px;font-family: jinlin;margin-left: 2px;color: #000;border:none;background-color: rgba(0,0,0,0);font-weight: bold;}
header .top-nav .nav-2box{position: absolute;width: 120%;background-color: #fff;top: 50px;left: -20%;z-index: 1;border-radius: 0 0 15px 15px;overflow: hidden;}
header .top-nav .nav-2box .item{box-shadow: 2px 5px 5px rgba(0, 0, 0, .1);box-sizing: border-box;height: 0px;transition: all .4s;overflow: hidden;width: 100%;}
header .top-nav .nav-2box .item.on{height: 120px;}
/* header .top-nav .nav-2box .item.on:first-child{height: 0;} */
header .top-nav .nav-2box h5{font-size: 1.3vw;padding-bottom: 10px;border-bottom: 1px solid rgb(0 0 0 / 10%);box-sizing: border-box;width: 90%;margin: 0 auto;margin-top: 20px;}
header .top-nav .nav-2box .list-2nav{box-sizing: border-box;width: 90%;margin: 0 auto;margin-top: 15px;}
header .top-nav .nav-2box .list-2nav a{font-size: 20px;align-items: center;display: flex;margin: 0;margin-right: 20px;opacity: .6;line-height: 24px;font-weight: 600;}
header .top-nav .nav-2box .list-2nav a svg{margin-left: 6px;}
header .top-nav .nav-2box .list-2nav a:last-child{margin-right: auto;}
header .top-nav .nav-2box .list-2nav a:hover{color: #e62129;opacity: 1;}
header .top-nav .nav-2box .list-2nav a:hover svg ptah{fill: #e62129;}
header .link-list{padding: 0 30px;position: relative;}
header .link-list a{display: flex;align-items: center;justify-content: center;font-size: 1.15vw;font-weight: 600;height: 50px;}
header .link-list a svg{margin-right: 10px;}
header .link-list .shop-link{position: absolute;top: 50px;width: 100%;left: 0;background-color: #fff;border-radius: 0 0 15px 15px;overflow: hidden;transition: all .4s;height: 0;}
header .link-list .shop-link a{height: 50px;display: flex;align-items: center;justify-content: center;width: 100%;flex-wrap: wrap;overflow: hidden;}
header .link-list .shop-link a .ico-box{width: 100%;height: 100%;align-items: center;justify-content: center;display: flex;transition: all .4s;}
header .link-list .shop-link a em{width: 100%;display: block;font-size: 1.1vw;text-align: center;transition: all .4s;line-height: 50px;}
header .link-list:hover p{color: #e62129;}
header .link-list:hover p svg path{fill: #e62129;}
header .link-list:hover .shop-link{height:100px;}
header .link-list .shop-link a:hover .ico-box{transform: translateY(-50px);}
header .link-list .shop-link a:hover em{transform: translateY(-50px);color: #e62129;}
header .lang{font-size: 1.15vw;cursor: pointer;color: #7b7b7b;}
header .lang em{color: #000;display: inline-block;}


/* .open-inx{width: 100%;height: 100%;position: fixed;z-index: 3;left: 0;top: 0;background: url(../images/bg1.png) no-repeat;background-size: cover;transition: all 1s;}
.open-inx .info-box{width: 50%;padding-left: 10%;box-sizing: border-box;padding-top: 130px;box-sizing: border-box;}
.open-inx .info-box p{width: auto;font-size: 1.4vw;writing-mode: vertical-rl;height: 23vw;line-height:4.2vw;text-align: center;
    text-orientation: mixed;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-skip: ink edges;
    text-underline-offset: 1.2vw;
    text-decoration-color: currentColor;
    text-align: left;}
.open-inx .img-info{width: 40%;}  
.open-inx .img-info>img{width: 75%;margin-left: auto;margin-top: -4%;transform: translateX(2%);}
.open-inx .img-info .info{padding-right: 5%;box-sizing: border-box;margin-top: 1.5vw;}
.open-inx .img-info .info img{margin-left: auto;height: 75px;margin-bottom: 15px;}
.open-inx .img-info .info h5{margin-left: auto;text-align: right;line-height: 2vw;color: #e62129;}
.open-inx .nav-box{width: 100%;position: absolute;bottom: 5%;left: 0;z-index: 2;}
.open-inx .nav-box a{margin: 0 3vw;transition: all .4s;}
.open-inx .nav-box a.on{color: #e62129;}
.open-inx .nav-box a:hover{color: #e62129;transform: scale(1.2);}
.open-inx .nav-box a svg{width: 56px;height: auto;transition: all .4s;}
.open-inx .nav-box a:hover svg:first-child{transform: translateY(-10%);opacity: 0;}
.open-inx .nav-box a:hover svg:last-child{transform: translateY(10%);opacity: 0;}
.open-inx .nav-box a p{font-size: 1.4vw;writing-mode: vertical-rl;text-align: center;line-height: 56px;} */

#myvide.on{pointer-events: none;}

.open-inx.on{transform: translateY(-100%);opacity: 0;}
.web-all{background-color: #fff;}
.inx-01{width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;background: url(../images/bg1.png) no-repeat;background-size: cover;}
.inx-01 .cont{height: 100%;display: flex;align-items: center;overflow: hidden;}
.inx-01 .cont .swiper{width: 100%;position: relative;overflow:visible;}
.inx-01 .cont .swiper .swiper-slide{position: relative;}
.inx-01 .cont .img-box,.inx-01 .cont .video-box{width: 100%;height: 38vw;overflow: hidden;border-radius: 25px;position: relative;}
.inx-01 .cont .img-box,.inx-01 .cont .video-box video{width: 100%;}
.cloud{position: absolute;width: 100%;height: 100%;left: 0px;bottom: 0;background: url(../images/cloud.png) no-repeat;background-position: 0 50%;z-index: 3;}
.inx-01 .cont .swiper .swiper-slide>img{position: absolute;left: 10%;top: 50%;transform: translateY(-50%);width: 15%;z-index: 1;}
.inx-01 .cont .swiper .tab-btn{position: absolute;right: 5%;bottom: -30px;z-index: 2;}
.inx-01 .cont .swiper .tab-btn p{background-color: #f5f5f5;width: 50px;height: 60px;margin-left: 25px;line-height: 60px;text-align: center;font-size: 1vw;color: #000;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.inx-01 .cont .swiper .tab-btn p.on{background-color: #e62129;color: #fff;}
.inx-01 .cont .swiper .swiper-slide .info-box{width: 100%;position:absolute;height: 100%;background-color: rgb(0 0 0 / 50%);z-index: 1;left: 0;top: 0;border-radius: 20px;padding: 60px;box-sizing: border-box;display: flex;color: #fff;align-items: flex-end;}
.inx-01 .cont .swiper .swiper-slide .info-box .box{position: relative;z-index: 2;height: max-content;}
.inx-01 .cont .swiper .swiper-slide .info-box h2{margin-bottom: 15px;font-size:3.6vw;}
.inx-01 .cont .swiper .swiper-slide .info-box h2:nth-child(2){font-size: 2vw;opacity: .8;}
.inx-01 .cont .swiper .swiper-slide .info-box h3{opacity: .8;font-size: 2vw;}
.inx-01 .cont .swiper .swiper-slide .info-box h3:nth-child(3){margin-top: 10px;}
.inx-01 .cont .swiper .swiper-slide .info-box p{opacity: .8;margin-top: 10px;}
.inx-01 .cont .swiper .swiper-slide .info-box img{height: 80%;opacity: .2;left: 20%;top: 50%;position: absolute;z-index: 1;transform: translate(-50%,-50%);}

.inx-02{width: 100%;position: relative;}
.inx-02 .cont{position: relative;z-index: 2;}

.inx-02>img{position: absolute;width: 100%;top: -40%;left: 0;}
.inx-02 .info-box{width: 52%;transform: translateX(-100%);}
.inx-02 .info-box .tab-list{width: 100%;}
.inx-02 .info-box .tab-list .item-tab{width: 23%;height: 24vw;position: relative;}
.inx-02 .info-box .tab-list .item-tab::before{position: absolute;content: "";width: calc(100% - 10px);height: calc(100% - 10px);border:1px solid #e62129;left: 6px;top: 40px;transform: translateY(30%);opacity: 0;transition: all .6s;border-radius: 10px;}
.inx-02 .info-box .tab-list .item-tab::after{position: absolute;content: "";width: 100%;height: 100%;border:3px solid #e62129;left: 0;top: 34px;transform: translateY(30%);opacity: 0;transition: all .6s;border-radius: 10px;}
.inx-02 .info-box .tab-list .item-tab.on::before,
.inx-02 .info-box .tab-list .item-tab.on::after{transform: translateY(0);opacity: 1;}
.inx-02 .info-box .tab-list .item-tab .tit{position: relative;z-index: 2;}
.inx-02 .info-box .tab-list .item-tab h2{width: 80px;height: 80px;text-align: center;border-radius: 50%;}
.inx-02 .info-box .tab-list .item-tab h4{writing-mode: vertical-rl;text-align: left;font-size: 1.4vw;}
.inx-02 .info-box .tab-list .item-tab h4:nth-child(2){font-size: 18px;margin-left: 15px;}
.inx-02 .info-box .tab-list .item-tab.on h4{display: none;}
.inx-02 .info-box .tab-list .item-tab.on h2{width: 80px;height: 80px;line-height: 80px;text-align: center;background-color: #e62129;border-radius: 50%;color: #fff;}
.inx-02 .info-box .tab-list .item-tab .info-txt{width: 100%;margin-top: 2vw;transform: translateY(50%);opacity: 0;transition: all .6s;}
.inx-02 .info-box .tab-list .item-tab.on .info-txt{transform: translateY(0);opacity: 1;}
.inx-02 .info-box .tab-list .item-tab .info-txt h5{writing-mode: vertical-rl;text-align: left;font-size: 18px;}
.inx-02 .info-box .tab-list .item-tab .info-txt h3{writing-mode: vertical-rl;text-align: left;}
.inx-02 .info-box .tab-list .item-tab img{position: absolute;width: 90%;bottom: -20%;left: 50%;z-index: 2;transform: translateX(-50%);transform: translateY(40%);opacity: 0;transition: all .6s;}
.inx-02 .info-box .tab-list .item-tab.on img{opacity: 1;transform: translate(-50%,0);}

.inx-02 .img-info{width:40%;height: 30vw;display: flex;align-items: flex-end;position: relative;transform: translateX(100%);}
.inx-02 .img-info img{width: 100%;position: absolute;bottom: 0;transform: translateX(100%);opacity: 0;transition: all .6s;}
.inx-02 .img-info img.on{opacity: 1;transform: translateX(0);}


.inx-03{width: 100%;position: relative;z-index: 2;}
.inx-03 .tab-list{transform: translateX(-100%);}
.inx-03 .tab-list a{width: 12%;text-align: center;padding: 15px 0;box-sizing: border-box;position: relative;}
.inx-03 .tab-list a p{font-size: 1.3vw;position: relative;z-index: 2;}
.inx-03 .tab-list a img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;opacity: 0;transition: all .4s;}
.inx-03 .tab-list a.on img,.inx-03 .tab-list a:hover img{opacity: 1;}
.inx-03List{width: 100%;margin-top: 80px;transform: translateX(100%);}
.inx-03List a{width: 24%;position: relative;margin-right: 1%;}
.inx-03List a .img-box{width: 100%;display: flex;align-items: center;justify-content: center;height: 22vw;background-color: #f6f4f4;border:1px solid rgb(0 0 0 / 10%);border-radius: 15px;overflow: hidden;}
.inx-03List a .img-box img{width: 90%;transition: all .4s;}
.inx-03List a h5{position: absolute;left: 15px;top: 20px;writing-mode: vertical-rl;z-index: 1;}
.inx-03List a p{position: absolute;right: 15px;bottom: 20px;z-index: 1;font-size: 20px;}
.inx-03List a:hover .img-box img{transform: scale(1.2);}
.inx-03List a:hover{color: #e62129;}

.inx-04{width: 100%;}
.inx-04 .box{width: 100%;height: 32vw;background-image: url(../images/img1.jpg);background-size: cover;background-position: center;padding: 80px;box-sizing: border-box;color: #fff;position: relative;align-items: center;border-radius: 25px;overflow: hidden;}
.inx-04 .box .video-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 25px;overflow: hidden;z-index: 1;}
.inx-04 .box::after{position: absolute;content: '';width: 100%;height: 100%;background-color: rgb(0 0 0 / 60%);z-index: 2;left: 0;top: 0;}
.inx-04 .box .tit{position: relative;padding: 15px 20px;box-sizing: border-box;width: max-content;display: flex;align-items: center;z-index: 3;transform: translateX(30%);opacity: 0;}
.inx-04 .box h4{writing-mode: vertical-rl;text-align: left;position: relative;z-index: 2;}
.inx-04 .box .tit img{position: absolute;top: 50%;left: 50%;opacity: 1;width: 5vw;transform: translate(-50%,-50%);}
.inx-04 .box p{font-size: 1.3vw;line-height:2.6vw;width: 55%;writing-mode: vertical-rl;text-align: left;height: 20vw;margin-left: auto;margin-right: 50px;opacity: .8;position: relative;z-index: 3;}
.inx-04 .box>img{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);z-index: 1;width: 15%;opacity: .8;}
.inx-04 .m-inx04Info{position: relative;z-index: 3;color: #fff;width: 100%;display: none;}
.inx-04 .m-inx04Info h5{font-size: 20px;}
.inx-04 .m-inx04Info span{font-size: 16px;line-height: 28px;opacity: .8;margin-top: 20px;}
.inx-04 .m-inx04Info a{padding: 10px 30px;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 40px;margin-top: 30px;}

.inx-05 .cont .tit{align-items: center;}
.inx-05 .cont .tit h5{margin-top: 10px;color: #7b7b7b;}
.inx-05 .tit .btn-box{align-items: center;}
.inx-05 .tit .btn-box div{width: 60px;height: 60px;background-color: rgba(0, 0, 0, .1);display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;}
.inx-05 .tit .btn-box div:last-child{margin-left: 1vw;}
.inx-05 .tit .btn-box div:last-child svg{transform: rotate(180deg);}
.inx-05 .tit .btn-box div:hover{background-color: #e62129;}
.inx-05 .cont .tit .left{width: 50%;}
.inx-05 .cont .list-box{width: 100%;margin-top: 3vw;}
.inx-05.inx .cont .list-box{transform: translateX(100%);}
/* .inx-05 .cont .list-box .item-box{width: 24%;background-color: #f7f7f7;padding: 40px;box-sizing: border-box;border-radius: 15px;overflow: hidden;padding:30px;box-sizing: border-box;margin-right: 2%;}
.inx-05 .cont .list-box .item-box h5{margin-top: 20px;}
.inx-05 .cont .list-box .item-box p{font-size: 20px;margin-top: 15px;line-height: 30px;color: #7b7b7b;} */
.inx-05 .cont .list-box .swiper-slide{width: 23%;margin-right: 2%;position: relative;}
.inx-05 .cont .list-box .swiper-slide .img-box{width: 100%;height: 25vw;border-radius: 20px;overflow: hidden;position: relative;}
.inx-05 .cont .list-box .swiper-slide .img-box img{transition: all .6s;}
.inx-05 .cont .list-box .swiper-slide .img-box::after{position: absolute;content: '';width: 100%;height: 100%;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));z-index: 1;left: 0;top: 0;transition: all .6s;}
.inx-05 .cont .list-box .swiper-slide .info{position: absolute;z-index: 2;color: #fff;width: 100%;padding: 30px;box-sizing: border-box;bottom: 0;left: 0;}
.inx-05 .cont .list-box .swiper-slide .info h5{margin-top: 10px;margin-bottom: 15px;font-size: 1.6vw;}
.inx-05 .cont .list-box .swiper-slide .info .info-p{height: 0;overflow: hidden;transition: all .6s;position: relative;}
.inx-05 .cont .list-box .swiper-slide .info .info-p::after{position: absolute;content: '';left: 0;top: 0;width: 30px;height: 2px;background-color: #e62129;z-index: 1;}
.inx-05 .cont .list-box .swiper-slide .info .info-p p{font-size: 18px;line-height: 28px;opacity: .8;margin-top: 20px;}
.inx-05 .cont .list-box .swiper-slide:hover .img-box::after{background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));}
.inx-05 .cont .list-box .swiper-slide:hover .info-p{height: 220px;}
.inx-05 .cont .list-box .swiper-slide:hover .img-box img{transform: scale(1.2);}


.inx-06{width: 100%;padding-bottom: 80px;}
.inx-06 .tit{align-items: center;}

.inx-06 .tab-list a{padding: 20px 30px;border-radius: 40px;border: 1px solid rgb(0 0 0 / 10%);font-size: 22px;margin-left: 2vw;}
.inx-06 .tab-list a:first-child{margin-left: 0;}
.inx-06 .tab-list a.on{background-color: #e62129;border-color: #e62129;color: #fff;}
.inx-06 .list-box{width: 100%;margin-top: 4vw;}
.inx-06 .list-box a{padding: 50px 0;align-items: center;border-bottom: 1px solid rgba(0,0,0,.2);position: relative;}
.inx-06 .list-box a::after{position: absolute;content: '';width: 0%;height: 3px;background-color: #e62129;bottom: -1px;left: 0;z-index: 1;}
.inx-06 .list-box a .time{font-size:28px ;font-family: "Inter";}
.inx-06 .list-box a h4{margin-right: auto;margin-left: 4%;width: 55%;font-weight: 600;font-size: 1.3vw;}
.inx-06 .list-box a p{font-size: 20px;font-weight: 600;color: #7b7b7b;align-items: center;}
.inx-06 .list-box a p em{width: 15px;height: 15px;background-color: rgba(0,0,0,.3);border-radius: 15px;display: block;margin-left: 10px;}
.inx-06 .list-box a img{position: absolute;right: 10%;width: 20%;bottom: 0;z-index: 1;transform: translateY(30%);opacity: 0;pointer-events: none;transition: all .6s;}
.inx-06 .list-box a:hover{color: #e62129;}
.inx-06 .list-box a:hover p{color: #e62129;}
.inx-06 .list-box a:hover p em{background-color: #e62129;}
.inx-06 .list-box a:hover img{transform: translateY(0);opacity: 1;}


footer{padding: 0 0 20px 0;background-color: #f5f5f5;position: relative;margin-top: 120px;}
footer>img{position: absolute;left: 50%;top: -6vw;transform: translateX(-50%);}
footer .ewm{width: 100%;display: flex;justify-content: center;position: relative;z-index: 2;margin-bottom: 50px;}
footer .ewm img{width: 150px;height: 150px;margin-top: -30px;}
footer .cat{width: 35%;}
footer .cat p{margin-top: 10px;font-size: 20px;}
footer .cat .message-go{margin-top: 40px;padding-bottom: 10px;border-bottom: 1px solid #00000066;}
footer .cat .message-go span{align-items: center;}
footer .cat .message-go span svg{margin-top: 10px;}
footer .foot-nav{width: 60%;}
footer .foot-nav a{margin-top: 10px;font-size: 20px;opacity: .6;}
footer .bottom{margin-top: 80px;}

.oth-banner{margin-top: 120px;box-sizing: border-box;}
.ab-ban{width: 100%;height: 360px;background-image: url(../images/ab-pic1.jpg);background-size: cover;border-radius: 20px;overflow: hidden;}
.ab-ban .info{width: 36%;height: 100%;color: #fac38c;padding: 6% 4% 4% 5%;box-sizing: border-box;}
.ab-ban .info h3{margin-top: 10px;}
.ab-ban .img-box{width: 64%;height: 100%;}

.ab-01{background: url(../images/bg.jpg) no-repeat;background-size: cover;}
.ab-01 .box{width: 100%;padding: 0 5%;box-sizing: border-box;}
.ab-01 .box .tit{width: 30%;}
.ab-01 .box .tit p{font-size: 1.5vw;color: #666;margin-top: 15px;}
.ab-01 .box .tit video{width: 100%;margin-top:40px;border-radius: 15px;overflow: hidden;}
.ab-01 .box .info{width: 65%;}
.ab-01 .box .info p{font-size: 1.1vw;margin-top: 30px;color: #666;line-height: 30px;text-indent: 2rem;text-align: justify;}
.ab-01 .box .info p:first-child{margin-top: 0;}
.ab-01 .box .num-list{width: 100%;margin-top: 60px;}
.ab-01 .box .num-list .item .num-box{padding: 7px 0;align-items: center;}
.ab-01 .box .num-list .item .num-box h4{font-weight: 600;font-family: "Inter";color: #e62129;}
.ab-01 .box .num-list .item .num-box h4:first-child{margin-right: 5px;font-size: 2.2vw;}
.ab-01 .box .num-list .item .num-box h4:last-child{font-size: 1.6vw;font-family: "jinlin";}
.ab-01 .box .num-list .item p{font-size: 1.1vw;text-align: center;margin-top: 10px;}

.ab-02 .box{background: url(../images/ab-pic3.jpg);background-size: cover;padding:100px 5%;box-sizing: border-box;color: #fff;border-radius: 20px;overflow: hidden;}
.ab-02 .box .list{width: 100%;margin-top: 50px;}
.ab-02 .box .list .item{width: 25%;padding:50px 30px;box-sizing: border-box;text-align: center;position: relative;}
.ab-02 .box .list .item::after{position: absolute;content: '';width: 1px;height: 20%;right: 0;top: 40%;z-index: 1;background-color: rgba(255,255,255,.3);}
.ab-02 .box .list .item:last-child::after{display: none;}
.ab-02 .box .list .item h4{margin-top: 50px;}
.ab-02 .box .list .item p{font-size: 1.1vw;margin-top: 15px;opacity: .8;}

.ab-03{width: 100%;padding-bottom: 100px;position: relative;}
.ab-03>img{position: absolute;width: 100%;left: 0;top: 0;z-index: -1;}
.ab-03 .cont{padding:0 5%;box-sizing: border-box;}
.ab-03 .cont .tit{width: 30%;}
.ab-03 .cont .tit h5{font-size: 1.2vw;color: #666;margin-top: 15px;}
.ab-03 .cont .tit a{padding: 20px 40px;background-color: #e62129;border-radius: 40px 0 40px 40px;width: max-content;color: #fff;font-size: 22px;margin-top: 20px;}
.ab-06List{width: 60%;margin-top: 30px;}
.ab-06List .item-box{width: 100%;padding: 20px 0;border-bottom: 1px solid rgba(0,0,0,.2);position: relative;}
.ab-06List .item-box::after{position: absolute;width: 0;height: 2px;bottom: 0;content: "";left: 0;background-color: #e62129;z-index: 1;transition: all .6s;}
.ab-06List .item-box img{position: absolute;width: 22%;right: 25%;top: 100%;transform: translateY(-50%);z-index: 2;opacity: 0;pointer-events: none;transition: all .6s;}
.ab-06List .item-box .btn-box{color: #fff;line-height: 50px;border-radius: 50px;height: 50px;overflow: hidden;margin-left: auto;background-color: rgba(0,0,0,.3);}
.ab-06List .item-box .btn-box .ico-box{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
.ab-06List .item-box .btn-box .p-box{width: 0px;text-align: center;overflow: hidden;transition: all .4s;}
.ab-06List .item-box:hover .btn-box{background-color: #e62129;}
.ab-06List .item-box:hover .btn-box .p-box{width: 100px;}
.ab-06List .item-box:hover::after{width: 100%;}
.ab-06List .item-box:hover h5{color: #e62129;}
.ab-06List .item-box:hover img{top: 50%;opacity: 1;}

.ab-04{padding-top: 80px;background-color: #fff;background-image: url(../images/ab-bg2.png);background-size: 100% auto;background-position: center right;}
.ab-04 h3{padding: 0 5%;box-sizing: border-box;margin-bottom: 3vw;}
.ab-04 .swiper{width: 100%;position: relative;padding: 0 5%;box-sizing: border-box;}
.ab-04 .swiper::after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;content: '';background-color: rgb(0 0 0 / 10%);}
.ab-04 .swiper .swiper-slide{width: 15%;height: 24vw;display: flex;position: relative;}
.ab-04 .swiper .swiper-slide::before{position: absolute;content: '';left: 0;top:50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;background-color: #f0eeee;}
.ab-04 .swiper .swiper-slide::after{position: absolute;content: '';left: 10px;top:50%;transform: translateY(-50%);width: 20px;height: 20px;border-radius: 50%;background-color: #e62129;}
.ab-04 .swiper .swiper-slide .box{width: 130%;position: absolute;top: 0;left: 0;}
.ab-04 .swiper .swiper-slide:nth-child(2n) .box{top: auto;bottom: 0;}
.ab-04 .swiper .swiper-slide .box div{width: 100%;height: max-content;}
.ab-04 .swiper .swiper-slide .box .time{font-size: 1.8vw;}
.ab-04 .swiper .swiper-slide .box  .info{font-size: 1.3vw;color: #7b7b7b;}
.ab-04 .swiper .swiper-slide .box div:nth-child(2){margin-top: 1vw;}

.ab-05{width: 100%;background-image: url(../images/ab-bg2.png);background-size: 100% auto;background-position: center right;}
.ab-05 h3{padding: 0 5%;box-sizing: border-box;}
.ab-05 img{width: 90%;margin: 0 auto;margin-top: 2vw;}

.ab-06 .box{padding: 0 5%;box-sizing: border-box;}
.ab-06 .swiper{margin-top: 2vw;margin-bottom: 1vw;}
.ab-06 .swiper .item-box{width: 100%;}
.ab-06 .swiper .item-box .text-info{width: 45%;}
.ab-06 .swiper .item-box .text-info p{font-size: 1.1vw;margin-top: 30px;color: #666;line-height: 30px;text-indent: 2rem;text-align: justify;}
.ab-06 .swiper .item-box .img-box{width:45%;}
.ab-06 .swiper .item-box .img-box img{width: 100%;}
.ab-06 img{max-width: 100%;}
.ab-06 h4{margin-top: 1vw;}
.ab-06 .img-list{width: 100%;margin-top: 2vw;}
.ab-06 .img-list .img-box{width: 24%;height: 14vw;overflow: hidden;border-radius: 10px;}


.proList-01{margin-top: 60px;}
.proList-01 .box{width: 100%;}
.proList-01 .box .tit{width: 100%;padding-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, .05);align-items: last baseline;}
.proList-01 .box .tit h5{color: #e62129;margin-bottom: 10px;}
.proList-01 .box .tit h3{display: flex;justify-content: center;align-items: center;}
.proList-01 .box .tit h3 .num{color: #e62129;}
.proList-01 .box .tit form{width: 100%;border-bottom: 1px solid #000;width: max-content;padding-bottom: 10px;display: flex;align-items: center;}
.proList-01 .box .tit form input{margin-left: 5px;border:none;font-size: 16px;font-family: jinlin;background-color: rgba(0,0,0,0);overflow: hidden;width: 10vw;transition: all .6s;}
.proList-01 .box .tit form button{font-size: 18px;font-family: jinlin;margin-left: 2px;color: #000;border:none;background-color: rgba(0,0,0,0);font-weight: bold;margin-right: auto;}
.proList-01 .box .tit .mpro-tap{width: 100%;margin-top: 20px;display: none;}
.proList-01 .box .tit .mpro-tap a{align-items: center;margin-bottom: 20px;width: 50%;}
.proList-01 .box .tit .mpro-tap.on{color: #e62129;}
.proList-01 .box .tit .mpro-tap em{width: 20px;height: 20px;border:1px solid #666;}
.proList-01 .box .tit .mpro-tap.on em{border-color: #e62129;background-color: #e62129;}
.proList-01 .box .tit .mpro-tap p{margin-right: auto;margin-left: 10px;font-size: 17px;font-weight: bold;}
.proList-box{width: 100%;margin-top: 60px;}
.proList-box .pro-tap{width: 20%;margin-top: 50px;height: 100%;}
.proList-box .pro-tap a{align-items: center;margin-bottom: 20px;}
.proList-box .pro-tap a.on{color: #e62129;}
.proList-box .pro-tap a em{width: 20px;height: 20px;border:1px solid #666;}
.proList-box .pro-tap a.on em{border-color: #e62129;background-color: #e62129;}
.proList-box .pro-tap a p{margin-right: auto;margin-left: 10px;font-size: 22px;font-weight: bold;}
.proList-box .list{width: 76%;}
.proList-box .proList{width: 100%;}
.proList-box .proList a{width: 25%;align-items: center;padding: 0 15px;box-sizing: border-box;margin-bottom: 30px;}
.proList-box .proList a:last-child{margin-right: auto;}
.proList-box .proList a .img-box{width: 100%;height: 18vw;display: flex;align-items: center;justify-content: center;background-color: #f5f5f5;border-radius: 15px;overflow: hidden;border: 1px solid rgb(0 0 0 / 10%);}
.proList-box .proList a .img-box img{height: 80%;}
.proList-box .proList a .info{width: 100%;margin-right: 3%;margin-top: 30px;}
.proList-box .proList a .info h4{font-weight: 600;margin-bottom: 20px;font-size: 1.3vw;}
.proList-box .proList a .info p{font-size: 1.2vw;margin-top: 10px;}
.proList-box .proList a .info span{margin-top: 40px;align-items: center;}
.proList-box .proList a .info span .more{width: 120px;line-height: 40px;border:1px solid rgba(0, 0, 0, .1);text-align: center;font-size: 17px;}
.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;}
.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;}


.adv-ban{width: 100%;height: 500px;position: relative;border-radius: 20px;overflow: hidden;}
.adv-ban .img-box{width: 100%;height: 100%;}
.adv-ban::after{position: absolute;width: 100%;height: 100%;background-color: rgb(0 0 0 / 40%);z-index: 1;left: 0;top: 0;content: '';}
.adv-ban .info{position: absolute;left: 50%;top: 50%;color: #fff;transform: translate(-50%,-50%);z-index: 2;text-align: center;}
.adv-01{background: url(../images/ab-bg2.png);background-size: cover;padding-top: 0;}
.adv-01 .box{width: 100%;padding: 0 5%;box-sizing: border-box;}
.adv-01 .swiper{width: 100%;margin-top: 4vw;overflow: visible;}
.adv-01 .swiper .swiper-slide{width: 50%;margin-right: 3%;align-items: flex-end;opacity: 1;transition: all .6s;}
.adv-01 .swiper .swiper-slide.swiper-slide-active{opacity: 1;}
.adv-01 .swiper .swiper-slide .img-box{width: 50%;border-radius: 20px;overflow: hidden;height: 28vw;}
.adv-01 .swiper .swiper-slide .item-box{width: 45%;}
.adv-01 .swiper .swiper-slide .item-box h4{font-weight: 600;color: #000;margin-top: 1vw;}
.adv-01 .swiper .swiper-slide .item-box p{font-size: 20px;color: #7b7b7b;margin-top: .8vw;line-height: 36px;}
.line{width: 100%;height: 3px;background-color: rgba(0,0,0,.2);margin-top: 3vw;}

.adv-02{padding-bottom: 0;padding-top: 0px;}
.adv-02 .swiper{position: relative;border-radius: 20px;overflow: hidden;}
.adv-02 .swiper-slide{width: 100%;position: relative;}
.adv-02 .swiper-slide .info-box{position: absolute;left: 5%;top: 10%;z-index: 2;color: #fff;}
.adv-02 .swiper-slide .info-box .inx-tit h5{justify-content: left;}
.adv-02 .swiper-slide .info-box .inx-tit h3{margin-top: 10px;}
.adv-02 .swiper-slide .info-box a{width: 150px;line-height: 40px;align-items: center;margin-top: 60px;background-color: #e62129;color: #fff;}
.adv-02 .swiper-slide .info-box a svg{margin-left: 10px;}
.adv-02 .swiper-slide .img-box{width: 100%;height: 40vw;overflow: hidden;position: relative;}
.adv-02 .swiper-slide .img-box::before{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);z-index: 1;}
.adv-02 .swiper-slide .img-box img{transform: scale(1.2);}
.adv-02 .swiper .pic-tap{position: absolute;right: 5%;bottom: 5%;z-index: 2;width: 90%;}
.adv-02 .swiper .pic-tap .item{width: 23%;background-color: #fff;padding: 15px;box-sizing: border-box;transition: all .4s;margin-left: 20px;border-radius: 15px;}
.adv-02 .swiper .pic-tap .item .img-box{width: 100%;height: 12vw;}
.adv-02 .swiper .pic-tap .item .info{margin-top: 20px;padding-left: 10px;box-sizing: border-box;border-left: 1px solid rgba(0, 0, 0, .2);transition: all .4s;}
.adv-02 .swiper .pic-tap .item .info p:nth-child(2){font-size: 1.1vw;opacity: .6;margin-top: 10px;line-height: 32px;}
.adv-02 .swiper .pic-tap .item .info a{margin-top: 35px;display: flex;align-items: center;font-size: 1.1vw;opacity: .6;transition: all .4s;}
.adv-02 .swiper .pic-tap .item .info a svg{margin-left: 15px;}
.adv-02 .swiper .pic-tap .item.on .info a svg path{transition: all .4s;}
.adv-02 .swiper .pic-tap .item.on{background-color: #e62129;color: #fff;}
.adv-02 .swiper .pic-tap .item.on a{color: #fff;}
.adv-02 .swiper .pic-tap .item.on .info{border-color: #fff;}
.adv-02 .swiper .pic-tap .item.on .info a svg path{fill: #fff;}

.adv-03{background: url(../images/bg1.png);background-size: cover;}
.adv-03 .item:first-child{width: 65%;}
.adv-03 .item:last-child{width: 33%;}
.adv-03 h3{width: 100%;text-align: center;}
.adv-03 .list-box{width: 100%;margin-top: 4vw;align-items: center;}
.adv-03 .list-box .item-box{width: 24%;text-align: center;}  
.adv-03 .list-box .ico-box{width: 80px;height: 80px;border-radius:50%;border:15px solid rgb(0 0 0 / 10%);margin: 0 auto;margin-bottom: 1vw;display: flex;align-items: center;justify-content: center;}
.adv-03 .list-box p{font-size: 24px;}
.adv-03 .list-box>svg{transform: rotate(180deg);}
.adv-03 .list-box .item-box svg{width: 36px;height: 36px;}
.adv-03 .list-box .item-box svg path{fill: #000;}

.con .box{padding: 0 5%;box-sizing: border-box;}
.inn-01 .box .left{width: 45%;}
.inn-01 .box .left h3{margin-bottom: 2vw;}
.inn-01 .box .left p{font-size: 1.1vw;line-height: 36px;color: #7b7b7b;text-indent: 2rem;margin-top: 1vw;}
.inn-01 .box .img-box{width: 48%;height: 20vw;overflow: hidden;border-radius: 20px;}
.inn-02  p{font-size: 1.1vw;line-height: 36px;color: #7b7b7b;margin-top: 2vw;}
.inn-02 .img-list{width: 100%;margin-top: 2vw;}
.inn-02 .img-list .item{width:32%;}
.inn-02 .img-list .item .img-box{width: 100%;height: 15vw;border-radius: 15px;overflow: hidden;}

.hor-all{width: 100%;padding-top: 120px;box-sizing: border-box;}
.hor-all .list-box{width: 100%;margin-left: auto;height: 100%;background-color: rgba(255,255,255,.9);border-radius: 20px 0 0 20px;padding:0 40px;box-sizing: border-box;position: relative;}
.hor-all .list-box .item-box{width: 20%;padding: 0 15px;box-sizing: border-box;}
.hor-all .list-box .item-box:last-child{margin-right: auto;}
.hor-all .list-box .item-box .img-box{width: 100%;height: 25vh;display: flex;align-items: center;justify-content: center;background-color: #f7f7f7;margin-top: 30px;}
.hor-all .list-box .item-box .img-box img{width: 80%;}
.hor-all .list-box .box.sty .item-box{width: 16.66%;}
.hor-all .list-box .box.sty .item-box .img-box{height: 33vh;}
.hor-all .list-box .box.sty .item-box .img-box img{width: 70%;}
.hor-all .list-box .item-box p{font-size: 18px;text-align: center;}
.hor-all .tab-list{width: 100%;}
.hor-all .tab-list a{width: 150px;height: 60px;text-align: center;background-color: #f5f5f5;border-radius: 15px 0 0 15px;line-height: 60px;font-size: 20px;margin-top: 20px;cursor: pointer;}
.hor-all .tab-list a:nth-child(2){border-radius: 0 15px 15px 0;}
.hor-all .tab-list a.on,.hor-all .tab-list a:hover{background-color: #e62129;color: #fff;}

.coop-01 .cont .tit{padding: 0 5%;box-sizing: border-box;}
.coop-01 .cont .list-box .swiper-slide .img-box{height: 12vw;}
.coop-01 .cont .list-box .swiper-slide .info h5{margin-bottom: 0;}
.coop-02{position: relative;}
.coop-02>img{position: absolute;width: 100%;left: 0;top: 0;z-index: -1;}
.coop-02 .tit{padding: 0 5%;box-sizing: border-box;}
.coop-02 .box{width: 100%;padding-left: 5%;box-sizing: border-box;}
.coop-02 .box .info{width: 40%;}
.coop-02 .box .info  h3{margin-bottom: 1vw;}
.coop-02 .box .info h4{color: #e62129;margin-top: 2vw;}
.coop-02 .form-box{width: 56%;}
.coop-02 .form-box form{width: 100%;}
.coop-02 .form-box form input{width: 32%;height: 80px;font-size: 16px;border-radius: 40px;background-color: #fff;padding: 0 40px;box-sizing: border-box;border:1px solid rgb(0 0 0 / 10%)}
.coop-02 .form-box form textarea{width: 100%;margin-top: 20px;border-radius: 25px;background-color: #fff;border: none;height: 16vw;border:1px solid rgb(0 0 0 / 10%)}
.coop-02 .form-box form button{padding:15px 30px;background-color: #e62129;color: #fff;border-radius:0 50px 50px 50px;font-size: 20px;align-items: center;width: max-content;width: 30%;border: none;}
.coop-02 .info-box button em{width: 25px;height: 25px;background-color: rgba(255,255,255,.3);border-radius: 50%;display: block;}
.coop-02 .form-box img{width: 100%;border-radius: 20px;margin-top: 30px;}

.coop-03 h3{padding: 0 5%;box-sizing: border-box;}
.coop-03 .list-box{width: 100%;margin-top: 3vw;}
.coop-03 .list-box .item{width: 24%;background-color: #f7f7f7;border-radius:0 20px 0 20px;overflow: hidden;padding: 30px;box-sizing: border-box;border:1px solid rgb(0 0 0 / 10%);position: relative;}
.coop-03 .list-box .item h5{margin-bottom: 1vw;}
.coop-03 .list-box .item p{font-size: 1.1vw;color: #7b7b7b;margin-top: 8px;}
.coop-03 .list-box .item .btn{padding: 15px 40px;width: max-content;margin-top: 30px;border-radius: 40px 0 40px 40px;background-color: #e62129;color: #fff;font-size: 22px;cursor: pointer;}

.coop-03 .list-box .item svg{position: absolute;right: 30px;top: 30px;z-index: 1;}


.newsList-01{margin-top: 60px;}
.newsList-01 .box{width: 100%;padding: 0 5%;box-sizing: border-box;}
.newsList-01 .box .tit{width: 100%;padding-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 30px;}
.newsList-01 .box .tit a{align-items: center;margin-right: 20px;}
.newsList-01 .box .tit a:last-child{margin-right: auto;}
.newsList-01 .box .tit a.on{color: #e62129;}
.newsList-01 .box .tit a em{width: 20px;height: 20px;border:1px solid #666;}
.newsList-01 .box .tit a.on em{border-color: #e62129;background-color: #e62129;}
.newsList-01 .box .tit a p{margin-right: auto;margin-left: 10px;font-size: 22px;font-weight: bold;}
.newsList a{width: 25%;padding: 20px 15px;border-bottom: 1px solid rgba(0, 0, 0, .1);box-sizing: border-box;}
.newsList a .img_box{width: 100%;height: 20vw;border-radius: 15px;overflow: hidden;position: relative;}
.newsList a .img_box p{position: absolute;color: #fff;left: 0;bottom: 0;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));z-index: 1;padding:20px;box-sizing: border-box;width: 100%;font-size: 20px;height: 30%;display: flex;align-items: last baseline;}
.newsList a:last-child{margin-right: auto;}

.web10{padding-bottom: 60px;margin-top: 120px;}
.web10-box{width: 100%;padding:50px 5%;box-sizing: border-box;}
.news-dail-top{padding-bottom: 40px;border-bottom: 1px solid rgba(0,0,0,.1);}
.news-dail{background-color:#fafafa;}
.news-dail-tit h4{font-weight: bold;}
.news-dail-tit>p{color: #7b7b7b;font-size: 20px;}
.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;}
.news-dail-back>a p{line-height: 26px;}
.web10-info{width: 75%;padding: 50px;box-sizing: border-box;padding-left: 0;border-right: 1px solid #f3f3f3;overflow: hidden;}
.web10-tj{width: 25%;padding: 50px;box-sizing: border-box;padding-right: 0;padding-top: 30px;}
.web10-tj .img_box{height: 220px;}
.web10-tj.zl .img-box{width: 100%;height: 18vw;display: flex;align-items: center;justify-content: center;background-color: #f5f5f5;}
.web10-tj.zl .img-box img{width: 60%;}
.web10-tj p{margin-top: 20px;font-size: 20px;}
.web10-tj li{padding-bottom: 20px;margin-top: 20px;border-bottom: 1px solid #f3f3f3;}
.news-dail-tap{width:100%;margin-top: 60px;color: #7b7b7b;padding: 20px 0;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}

.contact-box{background-image: url(../images/ab-bg.png);background-size: 100% auto;background-position: bottom;background-repeat: no-repeat;}
.contact-box .cont{padding: 0 5%;box-sizing: border-box;}
.contact-box .top{border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 100px;}
.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;background-color: rgb(0 0 0 / 0%);}
.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: #e62129;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;}

.proList-box .list.search-list{width: 100%;}

.cul-01{width: 100%;background-image: url(../images/bg.jpg);background-size: cover;padding-bottom: 60px;}
.cul-01 .cont{width: 80%;}
.cul-01 .left{width: 60%;box-sizing: border-box;}
.cul-01 .left .info-box{margin-top: 2vw;}
.cul-01 .left p{font-size: 20px;color: #7b7b7b;line-height: 34px;text-indent: 2rem;}
.cul-01 .img-box{width: 35%;border-radius: 20px;overflow: hidden;height: 100%;}
.cul-01 .img-box video{width: 100%;}

.cluList-box{padding-bottom: 80px;}
.cluList-box .swiper{width: 100%;}
.cluList-box .swiper .swiper-slide{width: 23%;margin-right: 2%;}
.cluList-box .swiper .swiper-slide:last-child{margin-right: 0;}
.cluList-box .swiper .swiper-slide .img-box{width: 100%;height: 15vw;border-radius: 15px;overflow: hidden;}

.cul-02 video{width: 100%;border-radius: 20px;overflow: hidden;}

.cul-03{width: 100%;position: relative;padding-top: 0;}
.cul-03>img{position: absolute;width: 100%;right: 0;z-index: 1;}
.cul-03 .cont{position: relative;z-index: 2;}
.cul-03 .box{width: 100%;padding: 0 5%;box-sizing: border-box;}
.cul-03 .left{width: 100%;}
.cul-03 .left .info{margin-top: 2vw;}
.cul-03 .left .info p{font-size: 20px;color: #7b7b7b;margin-top: 15px;text-indent: 2rem;line-height: 32px;}
.cul-03 .left .list-box{margin-top: 1vw;padding-top: 1vw;border-top: 1px solid rgb(0 0 0 / 10%);}
.cul-03 .left .list-box .item{width: 32%;font-size: 1.3vw;padding: 15px 0;}
.cul-03 .cont img{width: 20%;}

.cul-04{width: 100%;padding-top: 80px;}
.cul-04 .box{width: 100%;padding: 0 5%;box-sizing: border-box;}
.cul-04 .left{width: 50%;}
.cul-04 .left h3:nth-child(2){color: #e62129;margin-top: 15px;margin-bottom: 1.5vw;}
.cul-04 .left .img-box{overflow: hidden;border-radius: 20px;}
.cul-04 .left .info{margin-top: 1.5vw;align-items: center;}
.cul-04 .left .info .txt{width: 55%;}
.cul-04 .left .info .txt h5{color: #7b7b7b;}
.cul-04 .left .info .img-box{width: 40%;}
.cul-04 .box>.img-box{width: 45%;overflow: hidden;border-radius: 20px;}

.ad-01{width: 100%;background: url(../images/ab-bg2.png);background-size: cover;}
.ad-01 .box{width: 100%;padding: 0 5%;box-sizing: border-box;}
.ad-01 .box h3{width: 100%;}
.ad-01 .box h5{width: 100%;color: #7b7b7b;margin-top: 10px;margin-bottom: 3vw;}
.ad-01 .box .left{width: 60%;height: 100%;}
.ad-01 .box .left .img-box{width: 45%;height: 34vw;border-radius: 20px;overflow: hidden;}
.ad-01 .box .left .info-box{width: 50%;}
.ad-01 .box .left .info-box h4{color: #e62129;}
.ad-01 .box .left .info-box .hor-list{margin-top: 1vw;padding-bottom: 1vw;border-bottom: 1px solid rgb(0 0 0 / 10%);margin-bottom: 1.8vw;}
.ad-01 .box .left .info-box .hor-list h5{margin-bottom: 10px;}
.ad-01 .box .left .info-box .dail p{font-size: 20px;color: #7b7b7b;line-height: 32px;}
.ad-01 .box .right{width: 35%;}
.ad-01 .box .right .item-box{width: 100%;padding: 1vw 0;border-bottom: 1px solid rgb(0 0 0 / 10%);cursor: pointer;}
.ad-01 .box .right .item-box .img-box{width: 20%;height: 7vw;}
.ad-01 .box .right .item-box .box{width: 78%;}
.ad-01 .box .right .item-box .name{align-items: center;}
.ad-01 .box .right .item-box .name p{font-size: 22px;margin-top: 10px;}
.ad-01 .box .right .item-box .name em{width: 20px;height: 20px;display: block;position: relative;}
.ad-01 .box .right .item-box .name em::before{position: absolute;width: 100%;height: 2px;left: 0;top: 50%;transform: translateY(-50%);content: '';background-color: rgb(0 0 0 / 40%);}
.ad-01 .box .right .item-box .name em::after{position: absolute;width: 2px;height: 100%;left:  50%;top: 0;transform: translateX(-50%);content: '';background-color: rgb(0 0 0 / 40%);transition: all .6s;}
.ad-01 .box .right .item-box .info-dail{width: 100%;height: 0vw;align-items: center;display: flex;overflow: hidden;transition: all .6s;}
.ad-01 .box .right .item-box .info-dail p{font-size: 20px;line-height: 32px;color: #7b7b7b;}
.ad-01 .box .right .item-box:hover .info-dail{height: 8vw;}
.ad-01 .box .right .item-box:hover h4{color: #e62129;}
.ad-01 .box .right .item-box:hover em::after{transform: rotate(90deg);opacity: 0;}

.ad-02 .cont{position: relative;}
.ad-02 .img-box{width: 100%;height: 45vw;border-radius: 20px;overflow: hidden;position: relative;}
.ad-02 .img-box::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 70%);content: '';z-index: 1;}
.ad-02 .box{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;align-items: center;padding: 0 5%;box-sizing: border-box;}
.ad-02 .box img{width: 40%;}
.ad-02 .box .info{width: 55%;color: #fff;}
.ad-02 .box .info h3{margin-bottom: 2vw;}
.ad-02 .box .info .item-box{width: 100%;padding: 1.4vw 0;border-bottom: 1px solid rgb(255 255 255 / 40%);cursor: pointer;}
.ad-02 .box .info .item-box h4{font-size: 1.6vw;}
.ad-02 .box .info .item-box .name{align-items: center;}
.ad-02 .box .info .item-box .name em{width: 20px;height: 20px;display: block;position: relative;}
.ad-02 .box .info .item-box .name em::before{position: absolute;width: 100%;height: 2px;left: 0;top: 50%;transform: translateY(-50%);content: '';background-color: rgb(255 255 255 / 40%);}
.ad-02 .box .info .item-box .name em::after{position: absolute;width: 2px;height: 100%;left:  50%;top: 0;transform: translateX(-50%);content: '';background-color: rgb(255 255 255 / 40%);transition: all .6s;}
.ad-02 .box .info .item-box .info-dail{width: 100%;height: 0vw;align-items: center;display: flex;overflow: hidden;transition: all .6s;}
.ad-02 .box .info .item-box .info-dail p{font-size: 20px;line-height: 32px;opacity: .8;width: 33.33%;}
.ad-02 .box .info .item-box:hover .info-dail{height: 5vw;padding-top: .5vw;box-sizing: border-box;}
.ad-02 .box .info .item-box:hover em::after{transform: rotate(90deg);opacity: 0;}

.ad-04{width: 100%;padding-bottom: 80px;}
.ad-04 .box{width: 100%;padding: 0 5%;box-sizing: border-box;}

.speack-box{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 99999999;display: none;align-items: center;justify-content: center;}
.speack-box.on{display: flex;}
.speack-box .box{width: 35%;height: auto;padding: 40px;box-sizing: border-box;background-color: #e62129;border-radius: 10px;color: #fff;position: relative;}
.speack-box .box h2{margin: 20px 0;}
.speack-box .box a{width: 100%;line-height: 60px;text-align: center;font-size: 18px;background-color: rgba(0,0,0,.4);color: #fff;margin-top: 20px;}
.speack-box .box .img-list{position: absolute;right: 80px;top: 60px;z-index: 1;text-align: center;}
.speack-box .box .img-list img{width: 80px;height: 80px;margin-bottom: 10px;}
.speack-close{position: absolute;right: 20px;top: 20px;z-index: 1;cursor: pointer;}

.oem-hz{width: 100%;padding-bottom: 80px;}
.oem-hz h3{width: 100%;text-align: center;}
.oem-hz .item{margin: 0 2vw;}
.oem-hz img{width: auto;margin-top: 4vw;height: 28vw;}

.client-2 {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 999999999999999;
}

.client-2 li a {
	text-decoration: none;
}
.client-2 li {
	margin-top: 1px;
	clear: both;
	height: 62px;
	position: relative;
	margin-top: 5px;
}

.client-2 li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}

.client-2 li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
}

.client-2 .my-kefu-qq i {
	background: url(../images/a-1.png);
	background-size: 100% 100%;
}

.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
	background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
	display: none;
}

.client-2 .my-kefu-ftop i {
	   width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-zd i{
    width: 33px;
height: 37px;
background-position: -24px -41px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
	padding-top: 6px;
}
.my-kefu-zd{cursor: pointer;}

.client-2 .my-kefu-left {
	float: left;
	width: 62px;
	height: 63px;
	position: relative;
}

.client-2 .my-kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}

.client-2 .my-kefu-right {
	width: 20px;
}

.client-2 .my-kefu-tel-main {
	background-color: #e62129;
	color: #fff;
	height: 63px;
	width: 230px;
	padding:9px 0 0;
	float: left;
    box-sizing: border-box;
	border-radius: 10px;
}

.client-2 .my-kefu-main {
	background-color: #e62129;
	width: 97px;
	height: 63px;
	position: relative;
	padding:9px 0 0;
	float: left;
    box-sizing: border-box;
	border-radius: 10px;
}

.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}

.my-kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}

/* 手机导航 */
.m-header{background-color: rgba(255,255,255,1);box-sizing: border-box;position: fixed;left: 0;top: 0px;z-index: 999;width: 100%;display: none;box-shadow: 2px 5px 5px rgba(0,0,0,.1);}
.m-header.on{border-bottom:1px solid #ddd;box-shadow: none;}
.m-header .cont{align-items: center;}
.m-header a{height: 30px;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: #e62129;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: #e62129;}

.shop-box{width: 100%;height: 100%;position: fixed;z-index: 1;left: 0;top: 0;background-color: rgb(0 0 0 / 40%);display: none;align-items: center;justify-content: center;}
.shop-box.on{display: flex;}
.shop-box .box{width: 55%;padding: 40px;box-sizing: border-box;background-color: #fff;border-radius: 15px;position: relative;}
.shop-box .box .item{align-items: center;padding:30px 0;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.shop-box .box .item .info{width: 65%;}
.shop-box .box .item h5{margin-bottom: 15px;}
.shop-box .box .item p{font-size: 18px;}
.shop-box .box .item img{width: 20%;}
.shop-box .box .item:last-child{border: none;}
.close-shop{position: absolute;right: -50px;top: 0px;z-index: 1;cursor: pointer;}