@charset "utf-8";


#main_bnr_wrap{max-width:172rem;width:calc(100% - 4rem);margin:10rem auto 0;border-radius:3rem;background:var(--pt-color2);overflow:hidden;position:relative;opacity:0;transition:opacity 1.5s}
#main_bnr_wrap.active{opacity:1}
#main_bnr_wrap .main_slider{width:100%;height:100%;position:relative}
#main_bnr_wrap .main_slider .main_btn{width:6rem;height:6rem;border-radius:1rem;background:var(--pt-color);position:absolute;top:34rem;z-index:10;transition:all .3s;cursor:pointer;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#main_bnr_wrap .main_slider .main_btn:hover{background:var(--pt-color2);box-shadow:0 1rem 1rem rgba(0,0,0,.2)}
#main_bnr_wrap .main_slider .main_prev{left:2rem}
#main_bnr_wrap .main_slider .main_next{right:2rem}
#main_bnr_wrap .main_slider .swiper-slide{background:var(--pt-color2)}


#main_bnr_wrap .img_box{width:100%;height:73.5rem;border-radius:3rem;background:#666}
#main_bnr_wrap .img_box01{background:url(/hd/main_banner/bg01.jpg) no-repeat center/cover}
#main_bnr_wrap .img_box02{background:url(/hd/main_banner/bg02_new.jpg) no-repeat center/cover}
#main_bnr_wrap .info_box{width:100%;height:18.5rem}
#main_bnr_wrap .info_box .inner{max-width:154rem;width:100%;height:100%;margin:0 auto;padding:0 25rem 0 4rem;position:relative;display:flex;flex-wrap:wrap;align-items:center}
#main_bnr_wrap .info_box .box_tit{width:27.5rem;height:5.5rem;border-radius:3rem 3rem 0 0;background:var(--pt-color2);font-size:2rem;font-weight:700;color:#fff;position:absolute;left:2rem;top:-5.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-family:'Play'}
#main_bnr_wrap .info_box .box_tit:before{content:'';width:3rem;height:3rem;background:url(/hd/main_banner/pt_img_l.png) no-repeat center/cover;position:absolute;bottom:0;left:-3rem;}
#main_bnr_wrap .info_box .box_tit:after{content:'';width:3rem;height:3rem;background:url(/hd/main_banner/pt_img_r.png) no-repeat center/cover;position:absolute;bottom:0;right:-3rem;}

#main_bnr_wrap .info_box .txt_box{width:calc(100% - 31.5rem);padding-right:5rem;font-size:1.5rem;line-height:150%;color:rgba(255,255,255,.6);word-break:keep-all}
#main_bnr_wrap .icon_box{width:31.5rem;display:flex;flex-wrap:wrap;justify-content:right;gap:4%}
#main_bnr_wrap .icon_box li{width:30.6%;text-align:center}
#main_bnr_wrap .icon_box li a{display:block;width:100%}
#main_bnr_wrap .icon_box li .icon_box{width:100%;padding-bottom:100%;margin-bottom:1rem;border-radius:2rem;background:#163144;overflow:hidden;position:relative;transition:all .3s}
#main_bnr_wrap .icon_box li .icon_inner{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#main_bnr_wrap .icon_box li .icon_inner:before{content:'';width:0;height:0;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .5s}
#main_bnr_wrap .icon_box li .icon_inner img{max-width:45%;width:auto;position:relative;z-index:2}
#main_bnr_wrap .icon_box li.icon03 .icon_inner img{max-width:65%}
#main_bnr_wrap .icon_box li.icon01 .icon_inner:before{background:#df0011}
#main_bnr_wrap .icon_box li.icon02 .icon_inner:before{background:#115b8b}
#main_bnr_wrap .icon_box li.icon03 .icon_inner:before{background:#f4421f}

#main_bnr_wrap .icon_box li.deactivate{opacity:.3; pointer-events: none;}


#main_bnr_wrap .icon_box li .tit{font-size:1.4rem;font-weight:700;color:rgba(255,255,255,.7);transition:all .5s;font-family:'Play'}

#main_bnr_wrap .icon_box li:hover .icon_inner:before{width:200%;height:200%}
#main_bnr_wrap .icon_box li:hover .tit{color:#fff}

#main_bnr_wrap .more_btn{width:18.5rem;height:18.5rem;border-radius:100%;background:#0597f2;box-shadow:0 2rem 2rem rgba(0, 0, 0, .3);position:absolute;right:2rem;top:-9rem}
#main_bnr_wrap .more_btn .pt{width:100%;height:100%;background:url(/hd/main_banner/more_pt.png) no-repeat center/cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#main_bnr_wrap .more_btn img{width:3.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s}
#main_bnr_wrap .more_btn:hover img{top:48%;left:52%}

/*@keyframes rotateSlow {from {transform: translate(-50%,-50%) rotate(0deg);}to {transform: translate(-50%,-50%) rotate(360deg);}}*/

@media(max-width:1300px){
	#main_bnr_wrap .info_box .txt_box br{display:none}
}
@media(max-width:1280px){
	#main_bnr_wrap{height:auto;margin-top:8rem}
	#main_bnr_wrap .main_slider .main_btn{top:22rem}
	#main_bnr_wrap .img_box{height:50rem}
	
	#main_bnr_wrap .info_box .inner{padding:0 19rem 0 4rem;}
	#main_bnr_wrap .more_btn{width:16rem;height:16rem}
}
@media(max-width:1024px){
	#main_bnr_wrap .main_slider .main_btn{width:5rem;height:5rem;top:20rem}
	
	#main_bnr_wrap .img_box{height:45rem}
	#main_bnr_wrap .img_box02{background:url(/hd/main_banner/bg02_m_new.jpg) no-repeat center/cover}
	
	#main_bnr_wrap .info_box .inner{padding:3rem}
	#main_bnr_wrap .info_box .box_tit{width:22rem;height:5rem;font-size:1.8rem;top:-5rem}
	#main_bnr_wrap .info_box .txt_box{width:calc(100% - 27rem);padding-right:3rem}
	#main_bnr_wrap .more_btn{width:12rem;height:12rem;box-shadow:0 1rem 1rem rgba(0,0,0,.1);top:-10rem}
	#main_bnr_wrap .more_btn img{width:3.1rem}
	
	#main_bnr_wrap .icon_box{width:27rem;justify-content:center}
}
@media(max-width:767px){
	#main_bnr_wrap{margin-top:7rem}
	#main_bnr_wrap .main_slider .main_btn{width:4rem;height:4rem;top:17rem}
	#main_bnr_wrap .main_slider .main_next{right:1rem}
	#main_bnr_wrap .main_slider .main_prev{left:1rem}
	#main_bnr_wrap .main_slider .main_btn img{width:1.3rem}
	
	#main_bnr_wrap .img_box{height:40rem}
	#main_bnr_wrap .info_box{height:auto}
	#main_bnr_wrap .info_box .inner{flex-direction:column;justify-content:center;gap:1.5rem}
	#main_bnr_wrap .info_box .box_tit{width:17rem;font-size:1.6rem}
	#main_bnr_wrap .info_box .txt_box{width:100%;text-align:center;padding:0}
	#main_bnr_wrap .icon_box{width:24rem}
	
	#main_bnr_wrap .more_btn{width:10rem;height:10rem;top:-8rem;right:1rem}
	#main_bnr_wrap .more_btn img{width:2.8rem}
}
@media(max-width:480px){
	#main_bnr_wrap{width:100%;border-radius:0}
	#main_bnr_wrap .img_box{border-radius:0}
	#main_bnr_wrap .more_btn{width:8rem;height:8rem;top:-6rem}
	#main_bnr_wrap .more_btn img{width:2.3rem}
}

@media(max-width:320px){
	#main_bnr_wrap{margin-top:6rem}
}