@charset "utf-8";.pc,.c-pc{display:block}.wap,.mobile,.c-mb{display:none}@media (max-width:768px){.pc,.c-pc{display:none}.wap,.mobile,.c-mb{display:block}}.w1920{width:100%;max-width:1920px;margin:0 auto}.w1800{width:100%;max-width:1920px;margin:0 auto;padding:0 60px}.w1720{width:100%;max-width:1720px;margin:0 auto}.w1680{width:100%;max-width:1680px;margin:0 auto}.w1640{width:100%;max-width:1640px;margin:0 auto}.w1600{width:100%;max-width:1600px;margin:0 auto}.w1560{width:100%;max-width:1560px;margin:0 auto}.w1440{width:100%;max-width:1440px;margin:0 auto}.w1400{width:100%;max-width:1400px;margin:0 auto}.w1360{width:100%;max-width:1360px;margin:0 auto}.w1350{width:100%;max-width:1350px;margin:0 auto}.w1280{width:100%;max-width:1280px;margin:0 auto}.w1240{width:100%;max-width:1240px;margin:0 auto}.w1200{width:100%;max-width:1200px;margin:0 auto}.w1150{width:100%;max-width:1150px;margin:0 auto}@media (max-width:1840px){.w1720{max-width:100%;padding:0 60px}}@media (max-width:1800px){.w1680{max-width:100%;padding:0 60px}}@media (max-width:1760px){.w1640{max-width:100%;padding:0 60px}}@media (max-width:1720px){.w1600{max-width:100%;padding:0 60px}}@media (max-width:1680px){.w1560{max-width:100%;padding:0 60px}}@media (max-width:1560px){.w1440{max-width:100%;padding:0 60px}}@media (max-width:1520px){.w1400{max-width:100%;padding:0 60px}}@media (max-width:1470px){.w1350{max-width:100%;padding:0 60px}}@media (max-width:1400px){.w1280{padding:0 60px}}@media (max-width:1360px){.w1240{padding:0 60px}}@media (max-width:1320px){.w1200{max-width:100%;padding:0 60px}}@media (max-width:1270px){.w1150{max-width:100%;padding:0 60px}}@media (max-width:1024px){.w1800,.w1720,.w1680,.w1640,.w1560,.w1440,.w1400,.w1350,.w1280,.w1240,.w1200,.w1150{padding:0 30px}}@media (max-width:990px){.w1800,.w1720,.w1680,.w1640,.w1600,.w1560,.w1440,.w1400,.w1350,.w1280,.w1240,.w1200,.w1150{padding:0 20px}}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.f_direction_column{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.f_column{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.f_column_right{-webkit-box-orient:vertical;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.f_row{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}.f_row_right{-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;flex-direction:row-reverse}.j_center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.j_end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.j_start{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.j_justify{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.j_around{-moz-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around}.a_start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.a_end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.a_center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.a_baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.a_stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.a_s_stretch{-webkit-box-self:stretch;-ms-align-self:stretch;-webkit-align-self:stretch;align-self:stretch}.a_s_center{-webkit-box-self:center;-ms-align-self:center;-webkit-align-self:center;align-self:center}.a_s_end{-webkit-box-self:end;-ms-align-self:end;-webkit-align-self:end;align-self:end}.flex_wrap{flex-wrap:wrap;-ms-flex-wrap:wrap}.flex_auto{-webkit-box-flex:1;-ms-flex:auto;-webkit-flex:auto;flex:auto}.flex_1{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}.order_2{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.order_3{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.img-cover{width:100%;height:100%;object-fit:cover}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-hidden{overflow:hidden}.white-space{white-space:pre-line}@media (max-width:1200px){.white-space{white-space:inherit}}.font-weight-b{font-weight:bold}.dh{-webkit-transition:all .45s cubic-bezier(.165, .84, .44, 1);-o-transition:all .45s cubic-bezier(.165, .84, .44, 1);transition:all .45s cubic-bezier(.165, .84, .44, 1)}.swiper{position:relative;overflow:hidden}.swiper .swiper-slide .ani{display:none}.swiper .swiper-slide.swiper-slide-active .ani{display:block}.swiper .swiper-pagination{bottom:0;opacity:0}.swiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:2px;background:var(--color);border-radius:0;opacity:.2;margin:0 2px;-webkit-transition:all .45s cubic-bezier(.165, .84, .44, 1);-o-transition:all .45s cubic-bezier(.165, .84, .44, 1);transition:all .45s cubic-bezier(.165, .84, .44, 1)}.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;opacity:1}.slide-btn-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;grid-gap:20px}@media (max-width:1024px){.slide-btn-box{display:none}}.slide-btn-box .slide-btn{position:relative;top:0;left:0;right:0;margin:0}.slide-btn{width:50px;height:50px;background:no-repeat center transparent;border:1px solid var(--color);border-radius:50%;font-size:12px;color:var(--color);font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all .45s cubic-bezier(.165, .84, .44, 1);-o-transition:all .45s cubic-bezier(.165, .84, .44, 1);transition:all .45s cubic-bezier(.165, .84, .44, 1)}.slide-btn:hover{color:#fff;background-color:var(--color)}.slide-btn::before{font-family:'iconfont'}.slide-btn.swiper-button-prev::before{content:'e689'}.slide-btn.swiper-button-next::before{content:'e687'}.yrf-banner-2{width:100%;height:auto;overflow:hidden}.yrf-banner-2 .banner-box{position:relative}.yrf-banner-2 .banner-box .img{overflow:hidden;position:relative}.yrf-banner-2 .banner-box .img img{width:100%;height:100%;object-fit:cover;min-height:300px}@media (max-width:768px){.yrf-banner-2 .banner-box .img .c-mb{display:block}.yrf-banner-2 .banner-box .img .c-pc{display:block}.yrf-banner-2 .banner-box .img .c-mb~.c-pc{display:none !important}}.yrf-banner-2 .banner-box .container{position:absolute;left:0;right:0;top:0;height:100%;z-index:10;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.yrf-banner-2 .banner-box .container .slogan{width:100%;height:auto;color:#FFFFFF}.yrf-banner-2 .banner-box .container .slogan .page-ban-nav{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:var(--font-size8);display:none}.yrf-banner-2 .banner-box .container .slogan .page-ban-nav a{color:#FFFFFF}.yrf-banner-2 .banner-box .container .slogan .page-ban-nav a+a{position:relative;padding-left:12px;margin-left:4px}.yrf-banner-2 .banner-box .container .slogan .page-ban-nav a+a::before{content:'/';position:absolute;left:0;top:0;bottom:0;margin:auto}.yrf-banner-2 .banner-box .container .slogan .title{line-height:1.25;font-weight:bold;font-size:var(--font-size1);color:#FFFFFF}@media (max-width:768px){.yrf-banner-2 .banner-box .container .slogan .title{margin:.1rem 0 .4rem}}.yrf-banner-2 .banner-box .container .slogan .text-body{margin-top:.25rem;max-width:490px;font-size:var(--font-size6);line-height:1.5;color:#FFFFFF}
 
@charset "utf-8";.x-product-6 .productbox_list{flex-wrap:wrap;width:100%}.x-product-6 .productbox_list .x-swo{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 -0.15rem}.x-product-6 .productbox_list .item{padding:0 .15rem;display:flex;width:33.33%;margin-bottom:.3rem}@media (max-width: 991px){.x-product-6 .productbox_list .item{width:50%}}@media (max-width: 767px){.x-product-6 .productbox_list .item{width:100%}}.x-product-6 .productbox_list .item .list{display:block;background-color:#ffffff;border-radius:.2rem;border:solid 1px #D9D9D9;position:relative;overflow:hidden;z-index:2;width:100%;height:100%;transition:.4s all}.x-product-6 .productbox_list .item .list .f_img{padding-top:54.62184874%;border-bottom:1px solid #d9d9d9}.x-product-6 .productbox_list .item .list .font{width:100%;height:100%;padding:.34rem 0 0 0;display:flex;flex-direction:column;justify-content:space-between}.x-product-6 .productbox_list .item .list .font .x-tt{padding:0 .2rem}.x-product-6 .productbox_list .item .list .font .f_tit{color:#111111;width:100%;max-height:calc(5em * 1.5);font-weight:bold;margin-bottom:.12rem;font-size:var(--font-size4);line-height:1.5;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.x-product-6 .productbox_list .item .list .font .f_text{color:#666666;line-height:1.375;margin-bottom:.7rem;height:4.125em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:none;overflow:hidden}.x-product-6 .productbox_list .item .list .font .f_but{display:flex;align-items:center;transition:all .4s;color:var(--color0);border-top:1px solid #d9d9d9;padding:.2rem .2rem}.x-product-6 .productbox_list .item .list .font .f_but .f_icon{display:flex;align-items:center;justify-content:center;width:.36rem;height:.36rem;border-radius:50%;border:solid 1px var(--color0);color:var(--color0);transition:all .4s;margin-left:.18rem}@media (max-width: 767px){.x-product-6 .productbox_list .item .list .font .f_but .f_icon{width:.66rem;height:.66rem}}.x-product-6 .productbox_list .item .list .font .f_but .f_icon img,.x-product-6 .productbox_list .item .list .font .f_but .f_icon svg{width:25%;height:25%}.x-product-6 .productbox_list .item .list:hover{border-color:var(--color0)}.x-product-6 .productbox_list .item .list:hover .f_img img{transform:scale(1.06)}.x-product-6 .productbox_list .item .list:hover .font .f_but{border-color:var(--color0);color:var(--color0)}.x-product-6 .productbox_list .item .list:hover .font .f_but .f_icon{color:#ffffff;background:var(--color0);border-color:var(--color0);transform:rotate(45deg)}.x-product-6 .productbox_list .swiper-slide{margin-bottom:0;width:33.33%}@media (max-width: 767px){.x-product-6 .productbox_list .swiper-slide{width:100%}}.x-product-6 .productbox_list .prodinfobox3_pagin{margin-top:.5rem}.x-product-6{padding:1.2rem 0 2.5rem;background-color:#f8f9fc}.x-product-6 .container1600{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.x-product-6 .container1600 .x-le{width:19.375%;position:sticky;position:-webkit-sticky;top:1.2rem}@media (max-width: 991px){.x-product-6 .container1600 .x-le{position:initial;width:100%}}.x-product-6 .container1600 .x-le .f_form{display:flex;width:100%}.x-product-6 .container1600 .x-le .f_form .f_int{display:flex;align-items:center;background-color:#ffffff;border-radius:4px 0 0 4px;color:#b3b3b3;border:solid 1px #d9d9d9;border-right:none;width:calc(100% - .64rem);padding:.07rem .14rem}@media (max-width: 767px){.x-product-6 .container1600 .x-le .f_form .f_int{width:calc(100% - 1rem);padding:.14rem .24rem}}.x-product-6 .container1600 .x-le .f_form .f_int img,.x-product-6 .container1600 .x-le .f_form .f_int svg{width:18px;height:18px}@media (max-width: 1580px){.x-product-6 .container1600 .x-le .f_form .f_int img,.x-product-6 .container1600 .x-le .f_form .f_int svg{width:14px;height:14px}}.x-product-6 .container1600 .x-le .f_form .f_int input{width:calc(100% - 18px);padding-left:10px;padding-right:.3rem}@media (max-width: 1580px){.x-product-6 .container1600 .x-le .f_form .f_int input{width:calc(100% - 14px)}}.x-product-6 .container1600 .x-le .f_form .f_int input::placeholder{color:#b3b3b3}.x-product-6 .container1600 .x-le .f_form .f_int input:-webkit-input-placeholder{color:#b3b3b3}.x-product-6 .container1600 .x-le .f_form .f_sub{background-color:var(--color0);border-radius:0px 4px 4px 0px;width:.64rem;color:#ffffff;transition:all .4s}@media (max-width: 767px){.x-product-6 .container1600 .x-le .f_form .f_sub{width:1rem}}.x-product-6 .container1600 .x-le .f_form .f_sub:hover{opacity:.8}.x-product-6 .container1600 .x-le .x-tit{color:#000;font-size:var(--font-size1);margin-top:.5rem}.x-product-6 .container1600 .x-le .x-a a{display:flex;justify-content:space-between;color:#000;font-weight:bold;transition:.4s ease-in-out;padding:.25rem 0 .15rem;border-bottom:1px solid #ebebeb;position:relative}.x-product-6 .container1600 .x-le .x-a a::before{content:"";width:0;height:1px;background-color:var(--color0);position:absolute;left:0;bottom:0;transition:.4s ease-in-out}.x-product-6 .container1600 .x-le .x-a a.on,.x-product-6 .container1600 .x-le .x-a a:hover{color:var(--color0)}.x-product-6 .container1600 .x-le .x-a a.on::before,.x-product-6 .container1600 .x-le .x-a a:hover::before{width:100%}.x-product-6 .container1600 .x-le .x-a a.on i svg,.x-product-6 .container1600 .x-le .x-a a:hover i svg{color:var(--color0)}.x-product-6 .container1600 .x-le .x-a a span{width:calc(100% - 20px)}.x-product-6 .container1600 .x-le .x-a a i{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;margin-top:.3em;flex-shrink:0}.x-product-6 .container1600 .x-le .x-a a i svg{width:100%;height:100%;color:#000;transition:.4s ease-in-out}.x-product-6 .container1600 .x-ri{width:70.625%}@media (max-width: 991px){.x-product-6 .container1600 .x-ri{width:100%;margin-top:.4rem}}.x-product-6 .container1600 .x-ri .x-probox1 .x-tit{color:#000;font-size:var(--font-size1)}.x-product-6 .container1600 .x-ri .x-probox1 .x-p{color:#000000;font-size:var(--font-size4);margin-top:.2rem}.x-product-6 .container1600 .x-ri .x-probox1 .x-sp{font-size:var(--font-size7);margin-top:.28rem}.x-product-6 .container1600 .x-ri .x-probox2{margin-top:.7rem}.x-product-6 .container1600 .x-ri .x-probox2 .x-tit2{font-size:var(--font-size7);color:#000;font-weight:bold}.x-product-6 .container1600 .x-ri .x-probox2 .public-img{border-radius:.2rem;margin-top:.35rem;cursor:pointer}.x-product-6 .container1600 .x-ri .x-probox2 .public-img:hover img{transform:scale(1.03)}.x-product-6 .container1600 .x-ri .x-probox2 .public-img::before{padding-top:51.32743363%}.x-product-6 .container1600 .x-ri .x-probox2 .public-img i{display:inline-flex;align-items:center;justify-content:center;width:.6rem;height:.6rem;border-radius:100%;border:.02rem solid rgba(255,255,255,0.3);backdrop-filter:saturate(180%) blur(15px);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:5}@media (max-width: 767px){.x-product-6 .container1600 .x-ri .x-probox2 .public-img i{width:.8rem;height:.8rem}}.x-product-6 .container1600 .x-ri .x-probox2 .public-img i img{width:.16rem;height:.16rem}@media (max-width: 767px){.x-product-6 .container1600 .x-ri .x-probox2 .public-img i img{width:.24rem;height:.24rem}}.x-product-6 .container1600 .x-ri .x-probox3{margin-top:.7rem}.x-product-6 .container1600 .x-ri .x-probox3 .x-tit3{color:#000;font-size:var(--font-size7);margin-bottom:.35rem}.x-product-6 .page{margin-top:.8rem;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.x-product-6 .page form{width:auto;height:auto;display:flex;align-items:center;grid-gap:6px;font-size:var(--font-size8);color:#999999}.x-product-6 .page a,.x-product-6 .page span,.x-product-6 .page .f_fan,.x-product-6 .page .input{width:50px;height:50px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;border:1px solid #D9D9D9;color:#666666;flex-shrink:0;transition:all .4s;position:relative}@media (max-width: 1580px){.x-product-6 .page a,.x-product-6 .page span,.x-product-6 .page .f_fan,.x-product-6 .page .input{width:46px;height:46px}}@media (max-width: 991px){.x-product-6 .page a,.x-product-6 .page span,.x-product-6 .page .f_fan,.x-product-6 .page .input{width:34px;height:34px}}.x-product-6 .page .on:hover,.x-product-6 .page .on{border-color:transparent;background:var(--color0);color:#FFFFFF}.x-product-6 .page a:hover{border-color:var(--color0);color:var(--color0)}.x-product-6 .page .f_fan{color:var(--color0);padding:0 4px;text-align:center;position:relative}.x-product-6 .page .f_fan .f_int{width:100%;height:100%;text-align:center;z-index:2}.x-product-6 .page .f_fan .f_int::-webkit-input-placeholder{color:#999999}.x-product-6 .page .f_fan .f_int::-ms-input-placeholder{color:#999999}.x-product-6 .page .prev,.x-product-6 .page .next{position:relative;color:#999999}.x-product-6 .page .prev svg,.x-product-6 .page .next svg{width:10px;height:10px}.x-product-6 .page .prev svg path,.x-product-6 .page .next svg path{transition:all .4s;fill:#999999}.x-product-6 .page .prev:hover svg path,.x-product-6 .page .next:hover svg path{fill:var(--color0)}.x-product-6 .page .prev svg{transform:rotate(-45deg)}.x-product-6 .page .next{margin-right:.2rem}.x-product-6 .page .next svg{transform:rotate(135deg)}.x-product-6 .page span{color:var(--color0)}.x-product-6 .page span:before{display:none}.x-product-6 .page .f_name{width:auto;color:#222222;font-weight:bold;padding:0 15px}.x-product-6 .page .f_name:before{display:none}.x-product-6 .page .fan{width:auto;padding:0 15px}