@charset "utf-8";

#main_bnr{width:100%;height:100vh;max-height:110rem;min-height:80rem;background:#333;position:relative;overflow:hidden;transition:all .3s}
#main_bnr .main_txt{max-width:130rem;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;transition:all .3s}
#main_bnr .main_txt .s_tit{margin-bottom:3rem;font-size:2.3rem;color:rgba(255,255,255,.7);position:relative}
#main_bnr .main_txt .s_tit:before{content:'';width:30rem;height:1px;background:rgba(255,255,255,.2);position:absolute;left:32rem;top:1.3rem}
#main_bnr .main_txt .s_tit span{font-weight:500}
#main_bnr .main_txt .tit{margin-bottom:3rem;font-weight:100;font-size:6.3rem;line-height:130%;color:#fff;word-break:keep-all;transition:all .3s}
#main_bnr .main_txt .tit span{font-weight:700}
#main_bnr .main_txt .tit .color{color:#02b2f3}
#main_bnr .main_txt .txt{font-size:1.8rem;line-height:3.2rem;color:rgba(255,255,255,.8);word-break:keep-all;transition:all .3s}

#main_bnr .main_slider{width:100%;height:100%}
#main_bnr .main_slider .swiper-slide{width:100%;height:100%}
#main_bnr .main_slider .swiper-slide .main_bg{width:100%;height:100%;animation:main 15s linear infinite}
#main_bnr .main_slider .main_bg01{background:url(/hd/main_banner/main_bg01.jpg) no-repeat center/cover}
#main_bnr .main_slider .main_bg02{background:url(/hd/main_banner/main_bg02_new.jpg) no-repeat center/cover}
#main_bnr .main_slider .main_bg03{background:url(/hd/main_banner/main_bg03.jpg) no-repeat center/cover}

#main_bnr .main_controls{margin-top:3rem}
#main_bnr .swiper-pagination-bullet{width:1rem;height:1rem;margin:0 .5rem;border-radius:1rem;background:#fff;opacity:.5}
#main_bnr .swiper-pagination-bullet-active{width:2rem;background:#02b2f3;opacity:1;}

@keyframes main{from{transform:scale(1)}50%{transform:scale(1.11)}100%{transform:scale(1)}}


#main_bnr .main_bar{width:100%;height:8rem;background:rgba(11,38,58,.7);position:absolute;bottom:0;left:0;z-index:20;backdrop-filter: blur(10px);}
#main_bnr .bar_inner{max-width:130rem;width:100%;height:100%;margin:0 auto}
#main_bnr .bar_inner .notice_lt{width:calc(100% - 50rem);height:100%;padding-right:3rem;font-size:1.6rem;line-height:8rem;float:left;transition:all .3s}
#main_bnr .bar_inner .bnr_btn{width:50rem;height:100%;float:left;transition:all .3s}
#main_bnr .bar_inner .bnr_btn > div{width:50%;height:100%;float:left}
#main_bnr .bar_inner .bnr_btn > div a{display:block;width:100%;height:100%;font-size:1.6rem;text-align:center;line-height:8rem;color:#fff;transition:all .3s}
#main_bnr .bar_inner .bnr_btn > div a i{display:inline-block;margin-right:.5rem}
#main_bnr .bar_inner .bnr_btn .btn01{border-left:1px solid rgba(255,255,255,.1)}
#main_bnr .bar_inner .bnr_btn .btn02{background:#02b2f3}
#main_bnr .bar_inner .bnr_btn > div:hover a{background:#fff;color:#333}

#main_bnr .bar_inner .notice_lt .tit{width:9.5rem;font-weight:500;font-size:1.6rem;color:#fff;float:left;font-family:'Poppins'}
#main_bnr .bar_inner .notice_lt .main_lt_list{width:calc(100% - 17rem);height:8rem;overflow:hidden;float:left}
#main_bnr .bar_inner .notice_lt .main_lt_list li{width:100%;position:relative;}
#main_bnr .bar_inner .notice_lt .main_lt_list li a{display:block;width:100%;padding-right:15rem;color:rgba(255,255,255,.5);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#main_bnr .bar_inner .notice_lt .main_lt_list li .date{position:absolute;right:3rem;color:rgba(255,255,255,.8)}


#main_bnr .bar_inner .notice_lt .lt_controls{width:7.5rem;height:3rem;padding:0 1.3rem;border-radius:3rem;font-size:1.8rem;line-height:3rem;background:#02b2f3;float:left;position:relative;top:50%;transform:translateY(-50%)}
#main_bnr .bar_inner .notice_lt .lt_controls > span{display:inline-block;width:50%;text-align:center;color:#fff;float:left;cursor:pointer}
#main_bnr .bar_inner .notice_lt .lt_controls .lt_next_btn{position:relative}
#main_bnr .bar_inner .notice_lt .lt_controls .lt_next_btn:before{content:'';width:1px;height:1rem;background:rgba(255,255,255,.3);position:absolute;right:0;top:1rem;}


@media(max-width:1300px){
#main_bnr .main_txt .tit{font-size:5.5rem}

#main_bnr .main_txt{padding:0 5rem}
#main_bnr .bar_inner .notice_lt{width:calc(100% - 40rem);padding:0 2rem}
#main_bnr .bar_inner .bnr_btn{width:40rem}
}
@media(max-width:1024px){
#main_bnr{height:70rem;min-height:auto}
#main_bnr .main_txt{padding:0 2rem;text-align:center}
#main_bnr .main_txt .s_tit:before{display:none}
#main_bnr .main_txt .tit{font-size:5rem}

#main_bnr .bar_inner .notice_lt{width:100%}
#main_bnr .bar_inner .bnr_btn{display:none}
}
@media(max-width:767px){
#main_bnr{height:65rem}
#main_bnr .main_txt .s_tit{margin-bottom:1.5rem;font-size:1.8rem;}
#main_bnr .main_txt .tit{margin-bottom:2rem;font-size:4rem}
#main_bnr .main_txt .tit br{display:none}
#main_bnr .main_txt .txt{font-size:1.6rem;line-height:2.8rem;}
#main_bnr .main_txt .txt br{display:none}

#main_bnr .main_bar{height:6rem}
#main_bnr .bar_inner .notice_lt{line-height:6rem}
#main_bnr .bar_inner .notice_lt .main_lt_list{height:6rem}
#main_bnr .bar_inner .notice_lt .tit{width:7rem}
#main_bnr .bar_inner .notice_lt .main_lt_list{width:calc(100% - 12rem)}
#main_bnr .bar_inner .notice_lt .main_lt_list li a{padding:0 1rem 0 0}
#main_bnr .bar_inner .notice_lt .main_lt_list li .date{display:none}
#main_bnr .bar_inner .notice_lt .lt_controls{width:5rem;padding:0}

}
@media(max-width:480px){
#main_bnr .main_txt .tit{font-size:3.3rem}
#main_bnr .main_txt .txt{display:none}
#main_bnr .bar_inner .notice_lt .main_lt_list{width:calc(100% - 7rem)}
#main_bnr .bar_inner .notice_lt .main_lt_list li a{padding:0}
#main_bnr .bar_inner .notice_lt .lt_controls{display:none}

}
@media(max-width:320px){
#main_bnr .main_txt .tit{font-size:10vw}
}