@charset "utf-8"; 
:root{--fontsize36:36px}
@media (min-width:1025px){header{position: fixed;top:0;left:0;right:0;z-index:2;}
.head-top{background: none;}
header:not(.is-fixed) .head-main{background:none;}
header:not(.is-fixed) .head-nav>ul>li>a{color:#fff;}
header:not(.is-fixed) .head-nav>ul>li>a:hover,header:not(.is-fixed) .head-nav>ul>li>a.inmenu_1{color:var(--color)}
header:not(.is-fixed) .head-main .head-logo img{filter: invert(1);}
.head-top .head-box,.head-top:after{display:none;}}
@media (min-width:1025px){#liproducts .submenu{overflow:inherit;max-width:inherit;}
#liproducts .submenu>li{position:relative;display:flex;flex-wrap:wrap;width:auto;min-width:220px;}
#liproducts .submenu>li>a{width:100%;}
#liproducts .submenu>li ul{position:absolute;left:100%;top:0;display:none}
#liproducts .submenu>li:hover ul{display:block}
#liproducts .submenu.nav1>li>a{padding-right:45px}
#liproducts .submenu.nav1>li.navli:after{content:'';width:7px;height:7px;border:2px solid var(--color);position:absolute;right:12px;top:16px;border-left:none;border-bottom:none;transform:rotate(135deg);}
#liproducts .submenu.nav1>li.navli:hover>a{background:var(--color)}
#liproducts .submenu.nav1>li.navli:hover::after{border-color:var(--headercolor)}
#liproducts .submenu.nav1>li ul a{background:#444}
#liproducts .submenu.nav1>li ul a:hover{background:var(--color)}}
@media (max-width:1024px){#liproducts .submenu>li ul{display:block;position:static;width:100%;padding-left:20px}}
@media (min-width:1025px){.sidebar-item .sidebar-title:before{content:'';width:calc(100% + 30px);height:100%;background:var(--color);position:absolute;top:0;left:-15px;z-index:-1;}
.sidebar-item .sidebar-title{color:#fff;padding:8px 0;font-size:var(--fontsize20);}
.sidebar-item .sidebar-title:after{display:none;}
.sidebar-item:first-child .sidebar-title{margin-top:-15px}}
.pro-detail .pro-detail-top .pro-info .pro-name{text-transform: initial;}

.siggle-page article{display:flex;justify-content: space-between;}
.siggle-page .sidebar.siggle-sidebar{width:320px;margin-right:40px;}
.siggle-page .sidebar.siggle-sidebar ul.list .item{display:flex;align-items: center;justify-content: space-between;margin-bottom:15px;}
.siggle-page .sidebar.siggle-sidebar ul.list .item .img{overflow: hidden;width:90px;}
.siggle-page .sidebar.siggle-sidebar ul.list .item .img img{width:100%;display:block;transition: all .3s;aspect-ratio: 1/1;object-fit: cover;}
.siggle-page .sidebar.siggle-sidebar ul.list .item:hover .img img{transform: scale(1.05);}
.siggle-page .sidebar.siggle-sidebar ul.list .item .title{padding-left:15px;width:calc(100% - 90px);line-height:1.3}
.siggle-page .sidebar.siggle-sidebar ul.list .item .title a{transition: all .3s;}
.siggle-page .sidebar.siggle-sidebar ul.list .item:hover .title a{color:var(--color)}
.siggle-page .siggle-right{width:calc(100% - 360px);}
@media (min-width:1025px){.siggle-page .sidebar-item:first-child .sidebar-title{margin-top:0;}
.siggle-page .sidebar-item .sidebar-title{padding-left:20px;padding-right:20px;width:100%;}
.siggle-page .sidebar-item .sidebar-title:before{width:100%;left:0;}}
@media (max-width:1024px){.siggle-page .sidebar.siggle-sidebar{display:none !important}
.siggle-page .siggle-right{width:100%;}}