article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*,:before,:after{box-sizing:border-box;}
pre{font-family:'AaXingyueti14a083f64b1dd5c';}
.lh-banner{width:100%; height:100vh; position:relative; overflow:hidden; min-width:1200px;}
.lh-banner-text{position:absolute; left:150px; top:50%; transform:translateY(-50%); color:#fff;}
.lh-banner-text h2{font-size:54px; font-weight:100; transform:translateX(-100%); opacity:0;transition:ease 1s;margin-bottom: 15px;
    letter-spacing: 3px;}
.lh-banner-text h3{letter-spacing: 3px;font-size:54px; font-weight:100; position:relative; padding-left:120px;transform:translateX(-100%); opacity:0;transition:ease 1s; transition-delay:.2s;}
.lh-banner-text h3:before{content:''; display:block; width:97px; height:7px; background:#ED2939; position:absolute; left:0; top:50%; margin-top:-3px;}
.lh-banner-text pre{margin-left:120px; font-size:16px; margin-top:20px;transform:translateX(-100%); opacity:0;transition:ease 1s; transition-delay:.4s;}
.lh-banner li {position:relative;}
.lh-banner li .img{height:100%;opacity:0; transform:scale(1.2); transition:ease 3s; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lh-banner li.swiper-slide-duplicate-active{z-index:2;}
.lh-banner li.swiper-slide-active .img,.lh-banner li.swiper-slide-duplicate-active .img{transform:scale(1);opacity:1;}
.lh-banner li.swiper-slide-active .lh-banner-text h2,.lh-banner li.swiper-slide-duplicate-active .lh-banner-text h2,.lh-banner li.swiper-slide-active .lh-banner-text h3,.lh-banner li.swiper-slide-duplicate-active .lh-banner-text h3,.lh-banner li.swiper-slide-active .lh-banner-text pre,.lh-banner li.swiper-slide-duplicate-active .lh-banner-text pre{transform:translateX(0); opacity:1;}
.lh-banner-num{position:absolute; left:2.6vw; top:50%; transform:translateY(-50%); z-index:2; color:#fff; font-size:18px;}
.lh-banner-num i,.lh-banner-num em{display:block;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;font-style: normal;}
.lh-banner-num .bd{height:200px; width:1px; background:#fff; margin:20px auto; position:relative; display:flex; flex-direction:column;}
.lh-banner-num .bd span{flex:1; width:1px; background:#fff;}
.lh-banner-num .bd span:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; background:#ED2939; transform:scaleY(0); transition:ease .65s; transform-origin:center bottom;}
.lh-banner-num .bd span.swiper-pagination-bullet-active:before{animation:bannerBd linear 4.5s forwards;}
@keyframes bannerBd{
	0%{transform:scaleY(0);}
	100%{transform:scaleY(1);}	
}