@charset "utf-8";.gs-banner-5{width:100%;height:auto;position:relative;z-index:1;overflow:hidden}.gs-banner-5 .banner-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;overflow:hidden}.gs-banner-5 .banner-box .container1600{height:100%}.gs-banner-5 .banner-box .banner-info{width:100%;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav{width:100%;height:auto;position:absolute;top:0;left:0;z-index:10;overflow:hidden}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;margin:14px 0}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box,.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box *{font-size:var(--font-size9);color:#FFFFFF;line-height:1.2}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box a{color:#8E8E8E;transition:all .5s ease}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box a:hover{color:#FFFFFF}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box span{margin:0 .8em;color:#8E8E8E}.gs-banner-5 .banner-box .banner-info .title{width:100%;height:auto;text-align:center;font-weight:bold;font-size:var(--font-size1);color:#FFFFFF}.gs-banner-5 .banner-box .banner-info .x-p{font-size:var(--font-size8);color:#FFFFFF;line-height:1.81;text-align:center;margin-top:.2rem}.gs-banner-5 .banner-box .banner-info .x-sp{display:flex;justify-content:center;flex-wrap:wrap;margin-top:.75rem}@media (max-width: 767px){.gs-banner-5 .banner-box .banner-info .x-sp{justify-content:center}}.gs-banner-5 .banner-box .banner-info .x-sp p{display:flex;align-items:center;margin:0 .3rem}@media (max-width: 767px){.gs-banner-5 .banner-box .banner-info .x-sp p{width:100%;margin-right:0;margin-bottom:.2rem;text-align:center}}.gs-banner-5 .banner-box .banner-info .x-sp p i{display:inline-flex;align-items:center;justify-content:center;width:.2rem;min-width:16px;height:.2rem;min-height:16px;margin-right:.1rem;flex-shrink:0}.gs-banner-5 .banner-box .banner-info .x-sp p i img{width:100%;height:100%;object-fit:contain}.gs-banner-5 .banner-box .banner-info .x-sp p span{font-size:var(--font-size8);color:rgba(255,255,255,0.77)}.gs-banner-5 .images{width:100%;height:8rem;font-size:0;overflow:hidden}.gs-banner-5 .images img{width:100%;height:100%;min-height:300px;object-fit:cover}@media (max-width: 991px){.gs-banner-5 .images img{min-height:500px}}
 
@charset "utf-8";.gs-product-4{width:100%;height:auto;position:relative;z-index:5;background:#FFFFFF}.gs-product-4 .product-box{width:100%;height:auto;position:relative;z-index:1;margin:1.3rem 0 1rem;display:flex;align-items:start;justify-content:space-between}.gs-product-4 .product-box .sidebar-box{width:20%;max-width:330px;height:auto;position:-webkit-sticky;position:sticky;top:.6rem}.gs-product-4 .product-box .sidebar-box .sidebar-subnav{width:100%;height:auto}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item{width:100%;height:auto}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .classify{width:100%;height:auto;border-top:3px solid #CCCCCC;padding:.25rem .1rem .25rem .2rem;padding-left:0;display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:var(--font-size6);color:#000000;cursor:pointer;transition:all .5s ease;overflow:hidden}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .classify .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:0;margin-left:20px;transition:all .5s ease}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .classify .icon svg{width:7px;height:10px}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .classify .icon svg use{fill:currentColor}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .classify.active{border-color:var(--color);color:var(--color)}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .classify.active .icon{transform:rotate(90deg)}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box{width:100%;height:auto;display:none}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item{width:100%;height:auto}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .headline{width:100%;height:auto;padding:.2rem .1rem .2rem .2rem;border-top:1px solid #E5E5E5;font-weight:500;font-size:var(--font-size8);color:#000000;transition:all .5s ease;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .headline a{color:#000000;transition:all .5s ease}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .headline .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:0;transition:all .5s ease;cursor:pointer}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .headline .icon svg{width:7px;height:10px}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .menu{width:100%;height:auto;padding:20px;display:none}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .menu .grid-box{width:100%;height:auto;display:grid;grid-template-columns:1fr;grid-gap:20px}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .menu .grid-box .one{width:100%;height:auto;padding:0 15px}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .menu .grid-box .one a{font-size:var(--font-size8);color:#666666;transition:all .5s ease}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .menu .grid-box .one a:hover,.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .menu .grid-box .one.active a{color:var(--color)}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item.active .headline a{color:var(--color)}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item.active .headline .icon{transform:rotate(90deg)}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item+.sidebar-item{margin-top:.1rem}.gs-product-4 .product-box .sidebar-box .sidebar-more{width:100%;height:auto;margin-top:.4rem}.gs-product-4 .product-box .sidebar-box .sidebar-more a{width:100%;height:auto;display:block;border-top:3px solid #CCCCCC;padding:25px 20px;padding-left:0;display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:var(--font-size6);color:#000000;transition:all .5s ease;overflow:hidden}.gs-product-4 .product-box .sidebar-box .sidebar-more a .icon{width:7px;height:10px;font-size:0;margin-left:20px}.gs-product-4 .product-box .sidebar-box .sidebar-more a .icon svg{width:100%;height:100%}.gs-product-4 .product-box .sidebar-box .sidebar-more a .icon svg use{fill:currentColor}.gs-product-4 .product-box .sidebar-box .sidebar-more a:hover{border-color:var(--color);color:var(--color)}.gs-product-4 .product-box .product-main{width:75%;height:auto}.gs-product-4 .product-box .product-main .menu-box{width:100%;height:auto;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:.2rem;overflow:hidden}.gs-product-4 .product-box .product-main .menu-box .item{width:100%;height:auto;border-radius:10px;background:#EEEEEE;overflow:hidden}.gs-product-4 .product-box .product-main .menu-box .item a{width:100%;height:100%;position:relative;z-index:1;display:block;overflow:hidden}.gs-product-4 .product-box .product-main .menu-box .item a .hot{width:auto;height:auto;position:absolute;left:15px;top:15px;padding:5px 1em;border-radius:5px;background:var(--color);font-size:12px;color:#FFFFFF;line-height:1.2}.gs-product-4 .product-box .product-main .menu-box .item a .img{width:100%;height:auto}.gs-product-4 .product-box .product-main .menu-box .item a .img .pb{padding-bottom:60%}.gs-product-4 .product-box .product-main .menu-box .item a .img img{max-width:100%;max-height:100%;transition:all .5s ease}.gs-product-4 .product-box .product-main .menu-box .item a .info{width:100%;height:auto;flex:1;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:.2rem .3rem .3rem;overflow:hidden}.gs-product-4 .product-box .product-main .menu-box .item a .info .title{width:100%;height:auto;max-height:calc(2em * 1.25);font-weight:normal;font-size:var(--font-size4);color:#222222;line-height:1.25;transition:all .5s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gs-product-4 .product-box .product-main .menu-box .item a .info .details{width:100%;height:auto;margin-top:.4em;max-height:calc(2em * 1.625);font-size:var(--font-size8);color:#666666;line-height:1.625;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gs-product-4 .product-box .product-main .menu-box .item a .info .more{width:100%;height:auto;margin-top:.2rem;display:flex;align-items:center;justify-content:center}.gs-product-4 .product-box .product-main .menu-box .item a .info .more span{font-weight:bold;font-size:var(--font-size9);color:#222222;transition:all .5s ease}.gs-product-4 .product-box .product-main .menu-box .item a .info .more i{width:7px;height:10px;font-size:0;margin-left:10px;color:#222222;transition:all .5s ease}.gs-product-4 .product-box .product-main .menu-box .item a .info .more i svg{width:100%;height:100%}.gs-product-4 .product-box .product-main .menu-box .item:hover a .img img{transform:scale(1.02)}.gs-product-4 .product-box .product-main .menu-box .item:hover a .info .title{color:var(--color)}.gs-product-4 .product-box .product-main .menu-box .item:hover a .info .more span,.gs-product-4 .product-box .product-main .menu-box .item:hover a .info .more i{color:var(--color)}.gs-product-4 .product-box .product-main .public-pager{width:100%;height:auto;margin-top:.6rem;display:flex;align-items:center;justify-content:center;overflow:hidden;--value-size:40px}.gs-product-4 .product-box .product-main .public-pager .icon{width:var(--value-size);height:var(--value-size);display:flex;align-items:center;justify-content:center;font-size:0;transition:all .5s ease;overflow:hidden}.gs-product-4 .product-box .product-main .public-pager .icon svg{width:8px;height:auto}.gs-product-4 .product-box .product-main .public-pager .icon svg use{fill:currentColor}.gs-product-4 .product-box .product-main .public-pager span,.gs-product-4 .product-box .product-main .public-pager a{width:var(--value-size);height:var(--value-size);display:flex;align-items:center;justify-content:center;font-size:var(--font16);color:#999999;transition:all .5s ease;overflow:hidden}.gs-product-4 .product-box .product-main .public-pager span+*,.gs-product-4 .product-box .product-main .public-pager a+*{margin-left:.8em}.gs-product-4 .product-box .product-main .public-pager span.active,.gs-product-4 .product-box .product-main .public-pager a.active,.gs-product-4 .product-box .product-main .public-pager span:hover,.gs-product-4 .product-box .product-main .public-pager a:hover{background:var(--yellow-color);color:var(--purple-color)}@media (max-width: 1580px){.gs-product-4 .product-box .product-main .public-pager{--value-size:54px}}@media (max-width: 1260px){.gs-product-4 .product-box .product-main .public-pager{--value-size:48px}}@media (max-width: 991px){.gs-product-4 .product-box .product-main .public-pager{--value-size:44px}.gs-product-4 .product-box .product-main .public-pager .switch-btn a .word{display:none}}@media (max-width: 767px){.gs-product-4 .product-box .product-main .public-pager{--value-size:40px}.gs-product-4 .product-box .product-main .public-pager .pager span,.gs-product-4 .product-box .product-main .public-pager .pager a{font-size:12px}.gs-product-4 .product-box .product-main .public-pager .pager span+*,.gs-product-4 .product-box .product-main .public-pager .pager a+*{margin-left:5px}}@media (max-width: 991px){.gs-product-4 .product-box{display:block;margin:40px 0 60px}.gs-product-4 .product-box .sidebar-box{width:100%;max-width:100%;min-height:auto;position:relative;top:0}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .classify{border-top-width:2px}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .menu .grid-box{grid-template-columns:repeat(3, 1fr)}.gs-product-4 .product-box .sidebar-box .sidebar-subnav .sidebar-item .menu-box .item .menu .grid-box .one{padding:0}.gs-product-4 .product-box .sidebar-box .sidebar-more a{border-top-width:2px}.gs-product-4 .product-box .product-main{width:100%;margin-top:40px}}@media (max-width: 767px){.gs-product-4 .product-box .sidebar-box .sidebar-subnav .menu-box .item .menu .grid-box{grid-template-columns:repeat(2, 1fr)}.gs-product-4 .product-box .product-main .menu-box{grid-template-columns:1fr}}
 
@charset "utf-8";.x-join-4 .base_img{position:relative;overflow:hidden}.x-join-4 .base_img img,.x-join-4 .base_img svg{transition:all .6s;-webkit-transition:all .6s;width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.x-join-4 .base_img:before{content:"";display:block}.x-join-4 .hm_tit{text-align:center}.x-join-4 .hm_tit .f_name{margin-bottom:.1rem;color:#666666}.x-join-4 .hm_tit .f_tit{color:#000000;font-weight:bold;line-height:1.2;font-size:var(--font-size2)}.x-join-4 .hm_tit .f_tit span{color:var(--color)}.x-join-4 .hm_tit .f_text{line-height:1.5;margin-top:.18rem;color:#999999}.x-join-4 .hm_but{display:-webkit-inline-flex;display:inline-flex;align-items:center;justify-content:space-between;background-color:#ffffff;border-radius:28px;border:solid 1px #eeeeee;padding:.1rem;min-width:2.02rem;color:var(--color);transition:all .4s}.x-join-4 .hm_but span{display:block;padding:0 .2rem}.x-join-4 .hm_but .f_icon{display:flex;align-items:center;justify-content:center;margin-left:.3rem;width:.36rem;height:.36rem;color:#ffffff;background-color:var(--color);border-radius:50%;transition:all .4s}@media (max-width: 767px){.x-join-4 .hm_but .f_icon{width:.66rem;height:.66rem}}.x-join-4 .hm_but .f_icon img,.x-join-4 .hm_but .f_icon svg{transition:all .4s;width:25%;height:22.22222222%}.x-join-4 .hm_but:hover .f_icon{transform:rotate(45deg)}.x-join-4 .hm_but2{border-color:transparent}.x-join-4{background:url(../images/jianbashnate1.jpg) center / cover no-repeat;margin:1.2rem 0}@media (max-width: 767px){.x-join-4{margin:1.4rem}}.x-join-4 .hm_tit{text-align:left;margin-bottom:.4rem}.x-join-4 .cont{position:relative;border-radius:.1rem;overflow:hidden}.x-join-4 .cont .f_bag{position:relative}.x-join-4 .cont .f_bag:before{padding-top:31.25%}@media (max-width: 991px){.x-join-4 .cont .f_bag:before{padding-top:46%}}@media (max-width: 767px){.x-join-4 .cont .f_bag:before{padding-top:80%}}.x-join-4 .cont .f_bag:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right, var(--color) 20%, rgba(0,70,134,0))}@media (max-width: 767px){.x-join-4 .cont .f_bag:after{background:var(--color);opacity:.5}}.x-join-4 .cont .f_font{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:2;color:#ffffff;padding:0 1rem}@media (max-width: 991px){.x-join-4 .cont .f_font{padding:0 .6rem}}@media (max-width: 767px){.x-join-4 .cont .f_font{padding:.4rem .34rem}}.x-join-4 .cont .f_font .f_text{line-height:1.54545455;width:4.9rem;max-width:100%;margin-bottom:.52rem;font-size:var(--font-size5)}@media (max-width: 767px){.x-join-4 .cont .f_font .f_text{width:100%}}.x-join-4 .cont:hover .f_bag img{transform:scale(1.04)}