/* XiaoyuCMS theme-skin — auto generated, override --xy-skin-* here */
html body,
body .xy-layout,
.xy-layout {
  --xy-skin-primary: #55b4d4;
  --xy-skin-primary-2: #7ec8e0;
  --xy-skin-accent: #2a9bb8;
  --xy-skin-ink: #333333;
}
.xy-header .xy-header-nav-menu a:hover,
.xy-header .xy-header-nav-menu .active > a {
  color: var(--xy-skin-primary);
}
a:hover { color: var(--xy-skin-primary); }


/* footer company name smaller 20261027 */
.foot_follow .follow_title{font-size:30px;line-height:1.25;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
@media only screen and (max-width: 768px){
.foot_follow .follow_title{font-size:22px;}
}

/* mobile logo left nav right 20261027 */
.xy-m-nav{display:none;}
@media only screen and (max-width: 950px){
.head_layer{text-align:left;}
.web_head .head_layer .layout{display:block;position:relative !important;width:100% !important;margin:0 !important;padding:0 10px;text-align:left;box-sizing:border-box;}
.web_head .head_layer .logo{float:none !important;display:inline-block;position:static;width:auto;text-align:left;padding:8px 0 !important;margin:0;}
.web_head .head_layer .logo img{display:block;margin:0;}
.mobile-head-item.mobile-head-nav{overflow:visible;}
.mobile-head-item.mobile-head-nav > .title{opacity:0;pointer-events:none;height:25px;}
.xy-m-nav{display:block;position:absolute;right:8px;top:50%;width:42px;height:42px;margin:-21px 0 0 0;padding:0;border:0;background:transparent;z-index:30;cursor:pointer;-webkit-appearance:none;appearance:none;}
.xy-m-nav span,.xy-m-nav span:before,.xy-m-nav span:after{display:block;width:22px;height:2px;background:#222;position:absolute;left:10px;}
.xy-m-nav span{top:20px;}
.xy-m-nav span:before,.xy-m-nav span:after{content:"";}
.xy-m-nav span:before{top:-7px;}
.xy-m-nav span:after{top:7px;}
}

/* mobile products cards 20261027 */
@media only screen and (max-width: 950px){
.index_promote .promote_list{display:block !important;}
.index_promote .promote_item,
.index_promote .promote_item:nth-child(n){
width:100% !important;max-width:100% !important;float:none !important;margin:0 0 10px !important;
flex:none !important;-webkit-box-flex:1 !important;-webkit-flex:none !important;
overflow:hidden;
}
.index_promote .promote_item .item_inner{display:block;position:relative;overflow:hidden;}
.index_promote .promote_item .item_img{display:block;position:relative;overflow:hidden;}
.index_promote .promote_item .item_img img{display:block;width:100%;height:210px;object-fit:cover;}
.index_promote .promote_item .item_info{
position:absolute;left:0;right:0;top:50%;width:90%;margin:0 auto;
text-align:center;color:#fff;z-index:2;
-webkit-transform:translateY(-50%);transform:translateY(-50%);
}
.index_promote .promote_item .item_title{
height:auto;max-height:2.6em;line-height:1.3;overflow:hidden;
font-size:22px;color:#fff;text-transform:uppercase;
}
.index_promote .promote_item .btn_more{font-size:14px;color:#fff;border-color:#fff;}
.index_product .product_item .item_desc{display:none !important;}
.index_product .product_item{
width:50% !important;max-width:50% !important;float:left !important;
flex:0 0 50% !important;-webkit-flex:0 0 50% !important;
}
.index_product .product_item figure{position:relative;overflow:hidden;margin:6px;}
.index_product .product_item .item_img img{display:block;width:100%;height:160px;object-fit:cover;}
.index_product .product_item figcaption{
position:absolute !important;left:0;right:0;bottom:0;top:auto !important;
width:100%;opacity:1 !important;padding:6px 8px !important;margin:0;
background:rgba(0,0,0,.55);text-align:center;
-webkit-transform:none !important;transform:none !important;
}
.index_product .product_item .item_title,
.index_product .product_item .item_title a{
color:#fff !important;background:none !important;text-decoration:none;
font-size:13px;line-height:1.3;height:auto;max-height:2.6em;overflow:hidden;
margin:0;padding:0;text-transform:none;
}
}

/* mobile nav open 20261027 */
@media only screen and (max-width: 950px){
.xy-m-nav{z-index:1000006;}
body > .side-content-wrap{
position:fixed !important;top:0 !important;left:-80% !important;bottom:0 !important;
width:78% !important;height:100% !important;max-height:100% !important;
z-index:1000005 !important;background:#fff !important;display:block !important;
overflow:auto !important;-webkit-overflow-scrolling:touch;visibility:hidden !important;
}
body > .side-content-wrap.show-content-wrap{
left:0 !important;visibility:visible !important;
}
body > .mobile-body-mask{z-index:1000004 !important;}
}