@charset "utf-8";
.banner{position:relative}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
.banner .swiper-slide a{display:block;position:relative}
/*.banner .swiper-slide a:before{content:'';position:absolute;left:0;top:0;right:0;height:2.6rem;background:url(../images/topbg.png) repeat-x top center;background-size:101% 100%;z-index:2;opacity: 1;}*/
.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:1.6rem;background:url(../images/blackms.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .5;}
.banner .item .imgBox .img{padding-bottom:0;height:calc(100vh - 3rem);min-height: 6rem; background-position: center;background-size: cover;background-repeat: no-repeat}
.banner .swiper-slide .bat{position: absolute;left: 5%;right: 5%;top: 18%;height: 1.7rem;z-index: 5;text-align: center;}
.banner .swiper-slide .bat img{height: 100%;width: auto;max-width: inherit;}
.banner .swiDots{position:absolute;bottom:.3rem;left:10%;z-index:5;right: 10%;width: auto;text-align: center;}
.banner .swiDots span{background:#fff;width:.4rem;height:2px;margin:0 .1rem!important;position:relative;background:#fff;border-radius: 0;transition: .3s;opacity: 1;}
.banner .swiDots span.active{opacity:1;}
.banner .swiDots span.active:after{animation:  width linear 6s }
.banner .swiDots span:after{content: '';position: absolute;top: -1px;left: 0;bottom: -1px;width: 0;background: #a60e24;}
.banner .slide-video .a{position: absolute;top: 0px;left: 0px;right: 0px;height:calc(100vh - 1.4rem);;width: 100%;min-height: 7rem}
.banner .slide-video video{width: 100%;height: 100%;object-fit: cover;}

.mouseTop{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);z-index: 10;color: #fff;text-align: center;padding-bottom: .32rem;cursor: pointer;}
.mouseTop:after{content: '';width: 1px;height: .3rem;background: #fff;position: absolute;left: 50%;bottom: 0;z-index: 4}
.mouseTop span{display: block;}
.mouseTop span{font-weight: 100;margin-bottom: 8px;font-size: .14rem}
.mouseTop img{height: .34rem;animation: up 2s infinite}
.mouseTop i{margin-top: 8px; transform-origin: 50% 0; }



@keyframes width{
0%{width: 0}100%{width: 100%;}
}
@media (min-width:1930px){
.banner .swiper-slide .bat{height: 2.3rem;}
}
@media (max-width:1200px){
.mouseTop{display: none}
.banner .item .imgBox .img{padding-bottom:0;height:45vw;min-height:inherit}
}
@media (max-width:1024px){
.banner .swiper-slide a:before{height:1.5rem}
.banner .swiper-slide a:after{height:1.2rem}

}
@media (max-width:640px){
.banner .swiper-slide a:after{height:1rem}
.banner .swiDots{bottom:.15rem;}
.banner .swiDots span{width: .3rem}
.banner .item .imgBox .img{height: 50vw}
}
.iconfont{font-size: inherit;}

#app{width: 100vw;overflow: hidden;}
.intit{margin-bottom: .35rem}
.intit.w{color: #fff}
.intit .h4.line{position: relative;padding-left: .1rem}
.intit .h4.line:before{position: absolute;content: '';left: 0;top: 50%;height: 86%;background: var(--color);width: 2px;transform: translateY(-50%);}
.intit.w .h4.line:before{background: #fff}
.intit .h4 .cn{font-size: .36rem;font-weight: bold;} 
.intit .h4 .en{font-size: .18rem} 
.home .more a{display: flex;align-items: center;text-transform: uppercase;position: relative;z-index: 5}
.home .more a i{display: block;width: .3rem;height: .3rem;position: relative;text-align: center;line-height: .3rem}
.home .more a i:after{content: '';position: absolute; display: block;width: .3rem;height: .3rem;background: #980d13;left: 50%;top: 50%;margin-top: -.15rem;margin-left: -.15rem;;z-index: 0;border-radius: 50%}
.home .more a i:before{position: relative;z-index: 3;color: #fff;font-size: .16rem}
.home .more a span{display: block;margin-right: 5px;color: #980d13}
.home .more a:hover i:after{animation: beat 0.5s 1;}

.homea{padding: .6rem 0 .6rem;background: url(../images/abg.jpg) no-repeat bottom center;background-size:cover;}
.homea .left{width: 60%}
.homea .left .imgBox{clip-path: url(#svgPath);}
.homea .left .txt{margin-top: -.2rem;margin-right: 1.2rem}
.homea .left .txt .h4{font-size: .2rem;margin-bottom: .1rem}
.homea .left .txt .time{color: var(--color);font-size: .18rem}
.homea .left .swiDots{position: absolute;right: 0;bottom: .2rem;z-index: 3}
.homea .left .swiDots span{background: #000;opacity: .3;width: 8px;height: 8px;position: relative;margin: 0 8px}
.homea .left .swiDots span.active{;opacity: 1;background: var(--color)}
.homea .left .swiDots span.active:before{content: '';position: absolute;top: -5px;left: -5px;bottom: -5px;right: -5px;border-radius: 50%;border: 1px dashed var(--color);animation: roted 5s linear infinite;}
.homea .right{width: 35%}
.homea .right .list{}
.homea .right .list li{padding: .2rem 0;position: relative;border-top: 1px dashed #e4dfda;font-size: .18rem}
.homea .right .list li a{position: relative;z-index: 3;display: block;}
.homea .right .list li .h4{}
.homea .right .list li .time{color: var(--color);display: block;margin-top: .1rem}
.homea .right .list li:after{content: '';position: absolute;top: -1px;left: -.2rem;bottom: -1px;background: var(--color);opacity: 0;transition: .3s;z-index: 0;transition: .3s;width: 0}


.homeb .intit{position: absolute;top: .5rem;left: 0;right: 0;z-index: 4}
.homeb .left{padding: 1.6rem .5rem .6rem 0;width: 60%}
.homeb .right{padding: 1.6rem 0 .6rem .5rem;width: 40%}
.homeb .left:after{content: '';position: absolute;top: 0;bottom: 0;right: 0;width: calc(100% + var(--width));background: url(../images/bbg1.jpg) no-repeat center;background-size: cover;z-index: 0}
.homeb .right:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: calc(100% + var(--width));background: url(../images/bbg2.jpg) no-repeat center;background-size: cover;z-index: 0}
.homeb .left .swiBtn a{position: absolute;top: 40%;transform: translateY(-50%);z-index: 5;color: #fff;font-size: .6rem;text-shadow: 0 0 5px rgba(0,0,0,.4)}
.homeb .left .swiper-slide-parent:before{content: '';position: absolute;top: 0;height: 4.5rem;right: 100%;width: .2rem;background: url(../images/bshadow.png) no-repeat bottom center;background-size: 100% auto;pointer-events: none;}
.homeb .left .txt{display: flex;justify-content: space-between;color: #fff;padding-top: .2rem}
.homeb .left .txt .h4{width: calc(100% - 1rem);font-size: .2rem;line-height: 1.5em}
.homeb .left .txt .time{font-size: .18rem}
.homeb .left .img{padding-bottom: 0;height: 4.5rem}
.homeb .left .swiBtn a.prev{left: .1rem;}
.homeb .left .swiBtn a.next{right: .1rem;}
.homeb .left .swiDots{margin-top: .2rem;text-align: center;padding-top: .2rem;border-top: 1px solid rgba(255,255,255,.2)}
.homeb .left .swiDots span{background: #fff;opacity: .3;width: 8px;height: 8px;position: relative;margin: 0 8px}
.homeb .left .swiDots span.active{;opacity: 1}
.homeb .left .swiDots span.active:before{content: '';position: absolute;top: -5px;left: -5px;bottom: -5px;right: -5px;border-radius: 50%;border: 1px dashed #fff;animation: roted 5s linear infinite;}

.homeb .right .list li{padding: .21rem 0;border-top: 1px solid #ddd7cf}
.homeb .right .list li a{display: flex;position: relative;z-index: 5;align-items: center;justify-content: space-between;}
.homeb .right .list li .time{color: var(--color);font-size: .18rem;text-align: center;border-right: 1px solid #ddd;padding-right: .15rem}
.homeb .right .list li .time span{display: block;font-size: .4rem;margin-top: -.1rem}
.homeb .right .list li .txt{width: calc(100% - .9rem);font-size: .18rem}
.homeb .right .list li .txt .h4{line-height: 1.5em}

.homec{padding: .6rem 0 .8rem;background: #fff}
.homec .list:after{content: '';display: inline-block\0;width: calc(33.33333% - .2rem);}
.homec .list li{width: calc(33.33333% - .2rem);background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.1);position: relative;}
.homec .list li a{display: flex;padding:.3rem .25rem;position: relative;z-index: 5;align-items: center;justify-content: space-between;}
.homec .list li:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;background: #fff9f1;width: 0;transition: .3s}
.homec .list li:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: var(--color);height: 0;transition: .3s;width: 3px;z-index: 2}
.homec .list li .time{color: var(--color);font-size: .18rem;text-align: center;border-right: 1px solid #ddd;padding-right: .15rem}
.homec .list li .time span{display: block;font-size: .4rem;margin-top: -.1rem}
.homec .list li .txt{width: calc(100% - .9rem);font-size: .18rem}


.homed{padding: .6rem 0 0;background: url(../images/dbg.png) no-repeat top center;background-size: 100% auto;border-top: 1px solid #f5f0e8}
.homed .left{width: 56.3%}
.homed .left .box{width: 10.4rem;position: relative;margin-left: -2.38rem;}
.homed .left .box .img{width: 61%;margin-top: -.75rem}
.homed .left .box .img img{width: 100%}
.homed .left .box .txt{width: 39%;padding: .4rem;padding-bottom: .6rem}
.homed .left .box .txt .desc{font-size: .18rem;line-height: 2em;margin-bottom: .25rem;margin-top: .2rem}
.homed .left .box .txt .h4{color: var(--color);font-size: .18rem}
.homed .left .box .txt .h4 span{font-size: .6rem;margin-right: 5px}
.homed .right{width: 40%}
.homed .right .list li{width: 50%;}
.homed .right .list li .img{padding-bottom: 0;height: 2.4rem}
.homed .right .list li:last-child{width: 100%;}
.homed .right .list li:last-child .img{height: 1.9rem}
.homee{padding: .65rem 0 .7rem;background: url(../images/ebg.jpg) no-repeat bottom center;}
.homee  .swiBtn a{display: block;width: .6rem;height: .6rem;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);text-align: center;line-height: .6rem;color: var(--color);font-weight: bold;border-radius: 50%;font-size: .2rem;transition: .3s}
.homee  .swiBtn a.next{margin-left: .2rem}
.homee  .swiBtn a:hover{background: var(--color);color: #fff}
.homee .block .ico{height: 1.6rem;background: #fef3e4;padding-top: .46rem;text-align: center;}
.homee .block .ico img{height: .68rem;filter: drop-shadow(0 5px 0 #efd9cc); }
.homee .block p{text-align: center;font-size: .2rem;margin-top: .15rem}
.homee .swiDots{text-align: center;margin-top: .3rem}
.homee .swiDots span{margin: 0 5px}
.homee .swiDots span.active{background: var(--color);opacity: 1}

.homef{background: url(../images/fbg.jpg) no-repeat center;background-size: cover;padding-top: .65rem}
.homef .list .block{position: relative;display: block;}
.homef .list .txt{position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.6);color: #fff;padding:.15rem .2rem;z-index: 3;opacity: 0;visibility: hidden;transition: .3s;}
.homef .list .txt p{line-height: .23rem;}
.homef .list .txt p img{height: .23rem;margin-right: 5px;}
.homef .list1 li{width: 25%}
.homef .list2 li{width: 28%}
.homef .list1 li .img{padding-bottom: 0;height:3rem}
.homef .list2 li .img{padding-bottom: 0;height: 3.65rem}
.homef .list2 li:nth-child(2){width: 44%}
.homef .list li:hover .txt{opacity: 1;visibility: visible}
.frlink{background: #fdf5ea;padding: .35rem 0}
.frlink a{display: inline-block;padding: 3px 0;margin: 0 .15rem}
/*.frlink a+a:before{content: '/';margin:0 .1rem;color: #666}*/

@media (min-width:1025px){
.homec .list li:hover:before{height: 100%}
.homec .list li:hover:after{width: 100%}
.homea .right .list li:hover:after{opacity: 1;width: calc(100% + .4rem);}
.homea .right .list li:hover+li{border-top-color: transparent;}
.homea .right .list li:hover a{color: #fff}
.homea .right .list li:hover .time{color: #fff}
}
@media (max-width:1200px){
 .homea{padding-top: .6rem}
}
@media (max-width:1024px){
.homea .left{width: 100%}	
.homea .right{width: 100%;margin-top: .2rem}
.homeb .left{width: 100%;padding: 1.5rem .4rem .4rem;background: url(../images/bbg1.jpg) no-repeat center;background-size: cover}	
.homeb .right{width: 100%;padding: .4rem .4rem;background: url(../images/bbg2.jpg) no-repeat center;background-size: cover}	
.homeb .wp{width: 100%;margin-left: 0;margin-right: 0}
.homeb .left:after{display: none}
.homeb .right:after{display: none}
.homeb .intit{margin-left: .4rem;margin-right: .4rem}
.homeb .intit .more a span{color: #fff}
.home .homeb .more a i:before{color: var(--color);}
.home .homeb .more a i:after{background: #fff}
.homeb .left .img{height: 50vw}
.homec .list li{width: 100%;margin-bottom: .2rem}

.homed .left{width: 100%}
.homed .right{width: 100%;margin-top: .5rem}
.homed .left .box{margin-left: -.4rem;width: calc(100% + .4rem);}
.homed .left .box .img{margin-top: -.75rem}
.homeb .left .swiBtn a{top: 25vw;font-size: .4rem}
}
@media (max-width:900px){
.homed .left .box .img{width: 100%}	
.homed .left .box .txt{width: 100%;background-size: cover}	
.homed .left .box{margin-left: 0;width: 100%}
.homed .right .list li .img{height: 50vw}
.homed .right .list li:last-child .img {height: 35vw;}
.homef .list1 li{width: 50%}
.homef .list1 li .img{height: 36vw}
.homef .list2 li{width: 50%}
.homef .list2 li:nth-child(1){order: 2}
.homef .list2 li:nth-child(2){width: 100%;order: 1}
.homef .list2 li:nth-child(3){order: 3}
.homef .list2 li .img{height: 36vw}
}
@media (max-width:640px){
 .homea{padding-top: .4rem}
.homee .block .ico img{height: .54rem}	
.homee .block .ico{height: 1.5rem}
.intit .h4 .cn{font-size: .32rem}
.homee .swiBtn a{width: .5rem;height: .5rem;line-height: .5rem}
.homec{padding-bottom: .5rem}
.homea .left .txt{margin-top: 0;margin-right: .6rem}
.homeb .left .txt .h4{font-size: .18rem}
.homea .right .list li .time{margin-top: .05rem}
}

.body_home {background: #94070a;overflow: hidden;}
.body_b {position: fixed;left: 0;top: calc(100% - 1.6rem);bottom: 0;right: 0;background: #fff;overflow: hidden;transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index: 1;overflow: auto;outline: none;}
.body_b.showBody {top: 0;}
.body_b.showBody .homea { padding-top: 2rem; }
@media (max-width:1200px){

.body_home {height: auto;overflow: visible;}
.body_b {width: auto;height: auto;position: static;opacity: 1;transform: none;overflow: hidden;}
}
.homea.showdiv .intit{transition-delay: .4s}
.homea.showdiv .left{transition-delay: .6s}
.homea.showdiv .right{transition-delay: .8s}
.showdiv [data-aos^=fade][data-aos^=fade]{opacity: 1;transform: translateZ(0);}
.showdiv [data-aos^=zoom][data-aos^=zoom]{opacity: 1;transform: translateZ(0) scale(1);}