/*
 fixed                不占位
 scroll-top           头部触顶状态 -> 白字导航
 opacity_black        头部触顶状态2 -> 黑字导航
*/


#w004_index_header_11_nav{}
#w004_index_header_11_nav .head{height: var(--head_top_height);width: 100%;padding: 0 4%;transition: background-color .3s;border-bottom: 1px solid transparent;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);color: var(--head_fz_color);}
#header.fixed.scroll-top #w004_index_header_11_nav .head{border-bottom-color: rgba(255, 255, 255, 0.2);box-shadow: none;color: #fff;}
#header.fixed.scroll-top.opacity_black #w004_index_header_11_nav .head{color: #333;}



/* 背景色 */
#header_bg{height: var(--head_top_height);width: 100%;pointer-events: none;transition:background .3s;background: var(--head_bg_color);}
#header.fixed.scroll-top #header_bg{background: transparent;}


/* logo部分 */
#w004_index_header_11_nav .weblogo{height: 100%;overflow: hidden;}
#w004_index_header_11_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);}
#w004_index_header_11_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);}
#header.fixed.scroll-top #w004_index_header_11_nav .weblogo .logo_w{display: block;}
#header.fixed.scroll-top #w004_index_header_11_nav .weblogo .logo_b{display: none;}
#header.fixed.scroll-top.opacity_black #w004_index_header_11_nav .weblogo .logo_w{display: none;}
#header.fixed.scroll-top.opacity_black #w004_index_header_11_nav .weblogo .logo_b{display: block;}


/* 导航栏目 */
#w004_index_header_11_nav .head_nav{flex: 1;margin: 0 var(--paddingLeft);}
#w004_index_header_11_nav .head_nav .li{font-size: var(--font_1st_px);height: var(--head_top_height);border-bottom: 1px solid transparent;margin-left: var(--paddingLeft);transition: .3s ease-out;}
#w004_index_header_11_nav .head_nav .li > a{line-height: 2;}
#w004_index_header_11_nav .head_nav .li:first-of-type{margin-left: 0;}
#w004_index_header_11_nav .head_nav .li:hover,
#w004_index_header_11_nav .head_nav .li.cur{border-bottom-color: var(--hoverColor);color: var(--hoverColor);}
/* 对比导航 */
.w004_index_header_11_nav_width_compare{display: inline-flex;pointer-events: none;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;}
.w004_index_header_11_nav_width_compare .head_nav{margin: 0 var(--paddingLeft);}
.w004_index_header_11_nav_width_compare .head_nav .li{font-size: var(--font_1st_px);margin-left: var(--paddingLeft);}
.w004_index_header_11_nav_width_compare .head_nav .li:first-of-type{margin-left: 0;}


/* 按钮部分 */
#w004_index_header_11_nav .head_btn{display: flex;align-items: center;font-size: 16px;}
#w004_index_header_11_nav .head_btn .api .svg {transition: .3s ease-out;}
#w004_index_header_11_nav .head_btn .api .img{margin-right: 10px;max-width: 80px;max-height: 80px;overflow: hidden;}
#w004_index_header_11_nav .head_btn .api .svg *{fill: var(--head_fz_color);}
#header.fixed.scroll-top #w004_index_header_11_nav .head_btn .api .svg *{fill: #fff;}
#header.fixed.scroll-top.opacity_black #w004_index_header_11_nav .head_btn .api .svg *{fill: #333;}



/* 移动端菜单按钮 */
#w004_index_header_11_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;}
#w004_index_header_11_nav .head .menu i{width: 36px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;}
#w004_index_header_11_nav .head .menu i::before{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(-14px);transition: .3s;}
#w004_index_header_11_nav .head .menu i::after{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(14px);transition: .3s;}
#header.fixed.scroll-top #w004_index_header_11_nav .head .menu i,
#header.fixed.scroll-top #w004_index_header_11_nav .head .menu i::before,
#header.fixed.scroll-top #w004_index_header_11_nav .head .menu i::after{background: #fff;}
#header.fixed.scroll-top.opacity_black #w004_index_header_11_nav .head .menu i,
#header.fixed.scroll-top.opacity_black #w004_index_header_11_nav .head .menu i::before,
#header.fixed.scroll-top.opacity_black #w004_index_header_11_nav .head .menu i::after{background: #333;}



/*
 menu_expand    侧边栏展开状态
 pc_app         导航栏换行时，控制侧边栏按钮
*/


/* 菜单按钮    侧边栏展开  */
#header.menu_expand #w004_index_header_11_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;}
#header.menu_expand #w004_index_header_11_nav .menu i{background: transparent !important;}
#header.menu_expand #w004_index_header_11_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);}
#header.menu_expand #w004_index_header_11_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);}
#header.menu_expand #w004_index_header_11_nav .head_btn{display: none;}


/* 控制侧边栏按钮    导航栏换行时 */
.w004_index_header_11.pc_app #w004_index_header_11_nav .head_nav {visibility: hidden;opacity: 0;}
.w004_index_header_11.pc_app #w004_index_header_11_nav .head .menu{display: block;}



@media only screen and (max-width: 1024px) { 
    #w004_index_header_11_nav .head_nav .li{margin: 0 8px;}
    #w004_index_header_11_nav .head_nav {display: none;}
    #w004_index_header_11_nav .head .menu{display: block;}
    #w004_index_header_11_nav .head_btn{flex: 1;justify-content: flex-end;}
}

@media only screen and (max-width: 900px) {
    #w004_index_header_11_nav .head_btn .search i {font-size: 26px;}
    #w004_index_header_11_nav .head_btn .language{margin-right: 20px;font-size: 20px;}
    #w004_index_header_11_nav .head_btn .language i {font-size: 26px;margin-right: 10px;}
}

@media only screen and (max-width: 750px) {
    #w004_index_header_11_nav .head{height: var(--head_top_height_app);}
    #w004_index_header_11_bg{height: var(--head_top_height_app);}
    
    #w004_index_header_11_nav .head .menu{padding: 30px;}
    #w004_index_header_11_nav .head .menu i{width: 46px;height: 3px;}
    #w004_index_header_11_nav .head .menu i::before{transform: translateY(-18px);height: 3px;}
    #w004_index_header_11_nav .head .menu i::after{transform: translateY(18px);height: 3px;}

    #w004_index_header_11_nav .head_btn .search i {font-size: var(--font-txt-S);}
    #w004_index_header_11_nav .head_btn .language{font-size: var(--font-txt-S);margin-right: 20px;}
    #w004_index_header_11_nav .head_btn .language i {font-size: var(--font-txt-S);margin-right: 10px;}
}/* 筛选弹窗 */
.lyuifilter_side_004-filter{width: 100%; max-width: 100%;border-radius: 20px; overflow: hidden;}
/* 内容区 */
.lyuifilter_side_004-content{width: 100%; background: #fff;display: inline-flex;flex-direction: column;padding:1.302vw;}

/* 筛选标题 */
.lyuifilter_side_004-header-span{width: 100%;padding-bottom: 20px;margin-bottom: 10px;font-size: 20px; color: #333;font-weight: 600;border-bottom:1px solid #dde1ec;}

/* 筛选列表 */
.lyuifilter_side_004-form{overflow-y: auto;overflow-x: hidden;font-size: 16px;line-height: 1.667;}

/* 一级类型 */
.lyuifilter_side_004-name{padding: 5px;}
.lyuifilter_side_004-name-span{font-weight: bold;}
.lyuifilter_side_004-name-i{transition: .3s;width: 16px;height: 1px;background-color: #333;position: relative;}
.lyuifilter_side_004-name-i::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1px;height: 16px;background-color: #333;transition: 0.3s;}
.lyuifilter_side_004-name.cur .lyuifilter_side_004-name-a{color: var(--mainColor);}
.lyuifilter_side_004-li.cur .lyuifilter_side_004-name-i::after{transform: translate(-50%,-50%) rotateZ(90deg);}

/* 下拉内容区 */
.lyuifilter_side_004-box{}
/* 多选 选项 */
.lyuifilter_side_004-label{padding: 5px;width: 100%;font-size: 14px;line-height: 1.8; color: #777; cursor: pointer;display: block;}
.lyuifilter_side_004-label-i{color: transparent;width: 16px;height: 16px;border: 1px solid #181818;transition: .3s;font-size: 14px;border-radius: 3px; text-align: center; line-height: 16px;}
.lyuifilter_side_004-label.cur{color: var(--mainColor);}
.lyuifilter_side_004-label.cur .lyuifilter_side_004-label-i{color: red; border-color: red;}


@media screen and (max-width:750px) {
    .lyuifilter_side_004-content{padding:40px;}
    /* 筛选标题 */
    .lyuifilter_side_004-header-span{font-size: var(--font-sma-S);}

    /* 下拉内容区 */
    .lyuifilter_side_004-form{padding: 20px 40px 0; font-size: var(--font-txt-S);}

    /* 一级类型 */
    .lyuifilter_side_004-name-i{font-size: var(--font-txt-S);}

    /* 二级选项 */
    .lyuifilter_side_004-label{font-size: var(--font-bri-S);}
    .lyuifilter_side_004-label-i{width: 30px;height: 30px; line-height: 30px; font-size: var(--font-bri-S);}

    .lyuifilter_side_004-price-label{height: 60px;}

}
.w011_products_list_40Wrap{background-color: var(--bgColor);}
#w011_products_list_40 {padding-top: var(--paddingTop);}
#w011_products_list_40_page{padding-bottom: var(--paddingBottom);padding-top: 50px;}
#w011_products_list_40 .title {font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);margin-bottom: 50px;}

#w011_products_list_40.myleft .title{text-align: left;}
#w011_products_list_40.myright .title{text-align: right;}
#w011_products_list_40.mycenter .title{text-align: center;}

#w011_products_list_40 .content {display: grid;grid-template-columns: repeat(var(--wrap),calc((100% - 30px * var(--wrap2)) / var(--wrap)));gap: 30px;background-color: #fff;padding: var(--paddingList);border-radius: 20px;}
#w011_products_list_40 .content .box {border-radius: 20px;transition: .3s;overflow: hidden;}
#w011_products_list_40 .content .box .img::before {padding-top: 66.66%;}
#w011_products_list_40 .content .box .img img {max-width: 100%;max-height: 100%;}
#w011_products_list_40 .content .box .name {font-size: 16px;line-height: 1;color: #222;text-align: center;margin: 30px auto 20px auto;transition: .3s;max-width: 90%;}

#w011_products_list_40 .left{width: 290px;margin-right: 30px;}

@media (any-hover:hover) {
    #w011_products_list_40 .content .box:hover .img img {transform:scale(1.1); -webkit-transform:scale(1.1);}
    #w011_products_list_40 .content .box:hover .name {color: var(--fontColor);}
}
@media screen and (max-width:1100px) {
    #w011_products_list_40 .content {grid-template-columns: repeat(2,calc((100% - 30px)/2));}
}
@media screen and (max-width:750px) {
    #w011_products_list_40 {padding-top: var(--appPaddingTop);}
    #w011_products_list_40_page{padding-bottom: var(--appPaddingBottom);}
    #w011_products_list_40 .title {font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);}
    #w011_products_list_40 .content {grid-template-columns: 100%;gap: 40px;}
    #w011_products_list_40 .content .box .name {font-size: var(--font-txt-S);margin: 30px auto;}

    #w011_products_list_40 .wrap{display: block;}
    #w011_products_list_40 .left{width: 100%;margin: 0 0 50px 0;}
}
.default_footer_0002_18Wrap{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background: var(--backgroundColor);}
@media (max-width: 768px) {
    .default_footer_0002_18Wrap{padding: var(--appPaddingTop) 0 var(--appPaddingBottom);}
}


#default_footer_0002_18{display: flex;justify-content: space-between;}
#default_footer_0002_18 .title{font-size: 30px;color: var(--titleFontColor);font-weight: 600;margin-bottom: 40px;}
#default_footer_0002_18 .left{max-width: 500px;}
#default_footer_0002_18 .left .dd{margin-bottom: 15px;font-size: 18px;color: var(--contactFontColor);line-height: 1.667;}
#default_footer_0002_18 .left .dd:last-child{margin-bottom: 0;}
#default_footer_0002_18 .left .dd:hover{color: var(--mainColor);}

#default_footer_0002_18 .links{display: flex;align-items: center;margin-top: 17px;}
#default_footer_0002_18 .links.hide{display: none;}
#default_footer_0002_18 .links .a{margin-right: 20px;width: 38px;height: 38px;border: 2px solid #92959D;border-radius: 50%;transition: .3s;}
#default_footer_0002_18 .links .a i{font-size: 20px;color: #fff;}
#default_footer_0002_18 .links .a:hover{background: var(--hoverFontColor);border-color: var(--hoverFontColor);}

#default_footer_0002_18 .nav{}
#default_footer_0002_18 .nav .item{font-size: 18px;color: var(--navFontColor);line-height: 1.667;margin-bottom: 15px;}
#default_footer_0002_18 .nav .item:last-child{margin-bottom: 0;}
#default_footer_0002_18 .nav .item .a:hover{color: var(--mainColor);}

#default_footer_0002_18 .right{width: 345px;}
#default_footer_0002_18 .right .txt{font-size: 18px;color: var(--newsletterTipsFontColor);line-height: 1.667;}
#default_footer_0002_18 .form{margin-top: 20px;}
#default_footer_0002_18 .form .input{width: 100%;height: 46px;border-radius: 23px;padding: 0 25px;background-color: var(--searchBgColor);font-size: 16px;color: var(--searchFontColor);margin-bottom: 25px;}
#default_footer_0002_18 .form .submit{width: 100%;height: 46px;background-color: var(--searchBtnBgColor);font-size: 18px;color: var(--searchBtnFontColor);border-radius: 23px;}
#default_footer_0002_18 .form .submit .ico{font-size: 24px;margin-left: 3px;}


@media (max-width: 1024px) {
    #default_footer_0002_18{flex-wrap: wrap;}

    #default_footer_0002_18 .right{width: 100%;margin-top: 30px;}
}
@media (max-width: 992px) {
    #default_footer_0002_18 .title{font-size: .227rem;margin-bottom: .303rem;}
    #default_footer_0002_18 .left{max-width: 3.788rem;}
    #default_footer_0002_18 .left .dd{margin-bottom: .114rem;font-size: .136rem;}

    #default_footer_0002_18 .links{margin-top: .129rem;}
    #default_footer_0002_18 .links .a{margin-right: .152rem;width: .288rem;height: .288rem;border-width: .015rem;}
    #default_footer_0002_18 .links .a i{font-size: .152rem;}

    #default_footer_0002_18 .nav .item{font-size: .136rem;margin-bottom: .114rem;}

    #default_footer_0002_18 .right{margin-top: .227rem;}
    #default_footer_0002_18 .right .txt{font-size: .136rem;}
    #default_footer_0002_18 .form{margin-top: .152rem;}
    #default_footer_0002_18 .form .input{height: .348rem;border-radius: .174rem;padding: 0 .189rem;font-size: .121rem;margin-bottom: .189rem;}
    #default_footer_0002_18 .form .submit{height: .348rem;font-size: .136rem;border-radius: .174rem;}
    #default_footer_0002_18 .form .submit .ico{font-size: .182rem;margin-left: .023rem;}
}


@media (max-width: 768px) {
    #default_footer_0002_18 .title{font-size: .36rem;margin-bottom: .4rem;}
    #default_footer_0002_18 .left{max-width: 100%;width: 100%;}
    #default_footer_0002_18 .left .dd{margin-bottom: .25rem;font-size: .3rem;}

    #default_footer_0002_18 .links{margin-top: .3rem;}
    #default_footer_0002_18 .links .a{margin-right: .3rem;width: .65rem;height: .65rem;border-width: .03rem;}
    #default_footer_0002_18 .links .a i{font-size: .36rem;}

    #default_footer_0002_18 .nav{width: 100%;margin-top: .4rem;}
    #default_footer_0002_18 .nav .item{font-size: .3rem;margin-bottom: .25rem;}

    #default_footer_0002_18 .right{margin-top: .4rem;}
    #default_footer_0002_18 .right .txt{font-size: .3rem;}
    #default_footer_0002_18 .form{margin-top: .25rem;}
    #default_footer_0002_18 .form .input{height: .65rem;border-radius: .325rem;padding: 0 .3rem;font-size: .3rem;margin-bottom: .3rem;}
    #default_footer_0002_18 .form .submit{height: .65rem;border-radius: .325rem;font-size: .3rem;}
    #default_footer_0002_18 .form .submit .ico{font-size: .36rem;margin-left: .046rem;}
}