.mo_img{display:none}@media screen and (max-width:767px){.pc_img{display:none}.mo_img{display:block}}.css_banner{position:relative;background:#000}.css_banner .swiper-slide{height:100vh;position:relative;overflow:hidden}.css_banner .slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background-size:cover;background-position:center;background-repeat:no-repeat}.css_banner .banner_img img{width:100%;opacity:0}.css_banner .swiper-slide video{width:100%;display:block;height:100%;object-fit:cover}.css_banner .swiper-horizontal>.swiper-pagination-bullets{top:90vh}.css_banner .swiper-pagination-bullet{width:40px;height:3px;background-color:#abcd0350;border-radius:0;opacity:1;transition:all .3s ease-in-out}.css_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:50px;height:3px;background-color:#abcd03}.css_banner .text{position:absolute;left:50%;top:70vh;transform:translateX(-50%);color:#fff;z-index:5;max-width:950px;text-align:center}.css_banner .text img{max-width:100%}.css_banner .text h3{font-weight:700;overflow:hidden;text-align:center}.css_banner .text .p,.css_banner .text h3 i,.css_banner .text h3 span{opacity:0;position:relative;transform:translateY(25px);}.css_banner .swiper-slide:after{content:"";display:block;position:absolute;bottom:0;width:100%;left:0;top:80%;background-size:cover!important;background:linear-gradient(to top,#000,transparent);z-index:3}.css_banner .imgbtn:after,.css_banner .video_btn{display:none}.touch_body_banner .css_banner .swiper-slide{height:70vh}.css_banner .swiper-horizontal>.swiper-pagination-bullets{bottom:10%}.css_banner .imgbtn{color:#fff;width:50px;height:50px;transition:all .3s ease-in-out;cursor:pointer;border-radius:100%;border:2px solid #abcd03;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.css_banner .imgbtn svg{width:15px;height:15px}.css_banner .imgbtn path{fill:var(--main-color-light);transition:all .3s ease-in-out}.css_banner .imgbtn:hover{background:var(--main-color-light);opacity:1}.css_banner .imgbtn:hover path{fill:#000}.css_banner .imgbtn.img_prev{transform:rotate(-180deg);left:4%}.css_banner .imgbtn.img_next{right:4%}.isFENV .css_banner .swiper-slide{height:100%}@media screen and (max-width:1700px){.css_banner .swiper-horizontal>.swiper-pagination-bullets{top:95%}}@media screen and (max-width:1600px){.css_banner .text{top:60vh}.css_banner .swiper-horizontal>.swiper-pagination-bullets{top:auto;bottom:10%}.css_banner .swiper-slide{height:70vh}}@media screen and (max-width:1500px){.css_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:80px}.css_banner .swiper-pagination-bullet{width:40px}}@media screen and (max-width:1400px){.css_banner .text{top:55%}.css_banner .imgbtn{width:45px;height:45px}.css_banner .imgbtn svg{width:16px;height:16px}}@media screen and (max-width:1000px){.css_banner .text dt{font-size:12px}}@media screen and (max-width:767px){.crumb_banner .css_banner.banner{height:auto}.css_banner .swiper-slide{height:70vh}.css_banner .text{width:90%}.css_banner .text h3{font-size:24px}.css_banner .text p{font-size:16px}.css_banner .text .img img{width:70%}.css_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px}.css_banner .swiper-pagination-bullet{width:13px;height:2px;margin:0 2px}.css_banner .imgbtn{width:35px;height:35px}.css_banner .imgbtn svg{width:12px;height:12px}.css_banner .imgbtn.img_prev{left:4%}.css_banner .imgbtn.img_next{right:4%}}
