@-webkit-keyframes before_icon_ani{0%{left:0}to{left:100%}}@keyframes before_icon_ani{0%{left:0}to{left:100%}}@-webkit-keyframes after_icon_ani{0%{left:-100%}to{left:0}}@keyframes after_icon_ani{0%{left:-100%}to{left:0}}.banner_part{height:100vh}.banner_part .banner_swiper_box{height:100%;position:relative;overflow:hidden}.banner_part .banner_swiper_box #banner_swiper{position:relative;height:100%}.banner_part .banner_swiper_box #banner_swiper .swiper-slide{overflow:hidden}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con,.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_bg{width:100%;height:100%}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_bg .canvas_box{-webkit-transform:translateY(30%);transform:translateY(30%)}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_bg .banner_image{width:100%;height:100%;background-size:cover;background-position:50%}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_bg .banner_video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_bg .canvas_box,.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_bg .canvas_box canvas{width:100%;height:100%}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con{position:absolute;left:0;top:0;width:100%;height:100%;padding-bottom:10%}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .banner_tag{color:#a0a0a0;padding:10px 24px;border-radius:999px;border:1px solid rgba(0,0,0,.1);margin-bottom:12px}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .banner_title{font-size:64px;line-height:1.2;color:#1c1917;font-weight:700;max-width:800px;text-align:center}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .banner_font{width:520px;font-size:16px;line-height:26px;color:#727071;margin-top:16px;text-align:center}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box{margin-top:56px}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn{background:#db2226;padding:7px 8px 7px 32px;border-radius:999px}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn .swiper_con_btn_font{font-size:16px;line-height:24px;color:#fff}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn .more_ico_box{position:relative;width:20px;height:20px;margin-left:20px;overflow:hidden;width:36px;height:36px;border-radius:50%;background-color:#fff}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn .more_ico_box .iconfont{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:16px;line-height:36px;text-align:center;color:#db2226}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn .more_ico_box .iconfont.after_icon{top:100%;left:-100%}@-webkit-keyframes more_before_icon_ani{0%{left:0;top:0}to{left:100%;top:0}}@keyframes more_before_icon_ani{0%{left:0;top:0}to{left:100%;top:0}}@-webkit-keyframes more_after_icon_ani{0%{left:-100%;top:0}to{top:0;left:0}}@keyframes more_after_icon_ani{0%{left:-100%;top:0}to{top:0;left:0}}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn:hover .more_ico_box .before_icon{-webkit-animation:more_before_icon_ani .6s ease;animation:more_before_icon_ani .6s ease}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn:hover .more_ico_box .after_icon{-webkit-animation:more_after_icon_ani .6s ease;animation:more_after_icon_ani .6s ease}@media screen and (min-width:1301px)and (max-width:1500px){.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .banner_title{font-size:56px}}@media screen and (min-width:751px)and (max-width:1300px){.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .banner_title{font-size:52px}}.banner_part .banner_swiper_box .pagination_box{position:absolute;z-index:10;left:70px;bottom:40px;padding:16px 22px;background-color:18px;border-radius:999px;background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25)}.banner_part .banner_swiper_box .pagination_box .swiper-pagination-bullet{width:10px;height:10px;borde-radius:50%;background-color:#d7d3d0;margin-right:18px;opacity:1;-webkit-transition:background .3s ease;transition:background .3s ease}.banner_part .banner_swiper_box .pagination_box .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#db2226}.banner_part .banner_swiper_box .pagination_box .swiper-pagination-bullet:last-child{margin-right:0}.banner_part .banner_video{position:absolute;width:230px;height:140px;bottom:40px;right:70px;border-radius:14px;z-index:10;background:#fff;cursor:pointer}.banner_part .banner_video .video_play{position:absolute;left:50%;top:50%;width:57px;height:74px;margin:-37px 0 0 -28px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.banner_part .banner_video .image{width:100%;height:100%;border-radius:inherit}.banner_part .banner_video:hover .video_play{-webkit-transform:scale(1.12);transform:scale(1.12)}@media screen and (max-width:750px){.banner_part{height:auto}.banner_part .banner_swiper_box{height:550px}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_bg .canvas_box{-webkit-transform:translateY(20%);transform:translateY(20%)}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con{padding-bottom:0;padding-top:112px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .banner_tag{padding:8px 18px;font-size:12px;line-height:1}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .banner_title{font-size:33px;line-height:1.2}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .banner_font{width:318px;margin-top:12px;font-size:12px;line-height:1.5}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box{margin-top:32px}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn{padding:8px 8px 8px 24px}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn .swiper_con_btn_font{font-size:14px;line-heihgt:24px}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn .more_ico_box{width:24px;height:24px}.banner_part .banner_swiper_box #banner_swiper .swiper-slide .swiper_con .swiper_slide_con .swiper_con_btn_box .swiper_con_btn .more_ico_box .iconfont{font-size:14px;line-height:24px}.banner_part .banner_swiper_box .pagination_box{left:50%;bottom:15px;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:8px 12px}.banner_part .banner_swiper_box .pagination_box .swiper-pagination-bullet{width:8px;height:8px}.banner_part .banner_video{position:relative;bottom:0;left:0;padding:20px;width:100%;height:auto;display:block;border-radius:0}.banner_part .banner_video .image{border-radius:12px}}.video_mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.5);visibility:hidden;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.video_mask.show{visibility:visible;opacity:1}.video_prompt{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6);width:400px;background-color:var(--gray-0);border-radius:var(--r-6);z-index:1010;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden;width:80vw;height:80vh;padding:0}.video_prompt .delete_prompt_title{font-size:16px;line-height:1.4;color:var(--gray-800);text-align:center}.video_prompt .delete_prompt_btn_box{margin-top:20px;text-align:center}.video_prompt .delete_prompt_btn_box .delete_prompt_btn{padding:10px 20px;font-size:12px;border-radius:var(--r-full);cursor:pointer;color:var(--gray-800);margin-right:10px}.video_prompt .delete_prompt_btn_box .delete_prompt_btn.confirm_btn{background-color:var(--gray-800);color:var(--gray-0)}.video_prompt .delete_prompt_btn_box .delete_prompt_btn.cancel_btn{margin-left:8px}.video_prompt .delete_prompt_btn_box .delete_prompt_btn:last-child{margin-right:0}.video_prompt.show{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}@media screen and (max-width:750px){.video_prompt{width:80%;max-width:400px;padding:24px}.video_prompt .delete_prompt_btn_box .delete_prompt_btn{padding:8px 16px}}.video_prompt .close_btn{position:absolute;width:50px;height:50px;top:0;left:100%;cursor:pointer}.video_prompt .close_btn .iconfont{display:block;width:50px;height:50px;line-height:50px;text-align:center;-webkit-transform-origin:center center;transform-origin:center center;font-size:24px;color:#1c1917;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;-webkit-transform:rotate(0);transform:rotate(0)}.video_prompt .close_btn:hover .iconfont{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.video_prompt .video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}html #header.banner_head .header_con #logo .logo_image .image.logo_img_normal{visibility:visible;opacity:1}html #header.banner_head .header_con #logo .logo_image .image.logo_img_banner{visibility:hidden;opacity:0}html #header.banner_head .header_con .nav_list_box .nav_list .nav_item .nav_item_link{color:#727071}html #header.banner_head .header_con .nav_list_box .nav_list .nav_item .nav_item_link .nav_ico{color:#a0a0a0}html #header.banner_head .header_con .nav_list_box .nav_list .nav_item.active .nav_item_link,html #header.banner_head .header_con .nav_list_box .nav_list .nav_item.active .nav_item_link .nav_ico,html #header.banner_head .header_con .nav_list_box .nav_list .nav_item:hover .nav_item_link,html #header.banner_head .header_con .nav_list_box .nav_list .nav_item:hover .nav_item_link .nav_ico{color:var(--vi)}html #header.banner_head .header_con .nav_list_box .nav_list .nav_item.active .nav_item_link:after,html #header.banner_head .header_con .nav_list_box .nav_list .nav_item:hover .nav_item_link:after{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}html #header.banner_head .header_con .header_right .header_icon_box.cart_ico,html #header.banner_head .header_con .header_right .header_icon_box.language_icon_box,html #header.banner_head .header_con .header_right .header_icon_box.search_icon_box .search_icon,html #header.banner_head .header_con .header_right .header_icon_box.user_icon_box .login_btn,html #header.banner_head .header_con .header_right .header_icon_box.user_icon_box .user_ico,html #header.banner_head .header_con .header_right .mobile_box .iconfont,html #header.banner_head .header_con .header_right .mobile_box .mobile_con{color:#727071}html #mobile_header.banner_head .mobile_header_con #mobile_logo .logo_image .image.logo_img_normal{visibility:visible;opacity:1}html #mobile_header.banner_head .mobile_header_con #mobile_logo .logo_image .image.logo_img_banner{visibility:hidden;opacity:0}html #mobile_header.banner_head .mobile_header_con .mobile_header_right .mobile_icon{color:#292524}html #mobile_header.banner_head .mobile_header_con .mobile_header_right .mobile_head_line{background-color:#d7d3d0}html #mobile_header.banner_head .mobile_header_con .mobile_header_right .mobile_nav_btn .nav_btn_line{background-color:#292524}