@charset "utf-8";
@import url('xiala/iconfont.css');

:root{--color:#000000;--hovercolor:#111111;--fontcolor:#111111;--headercolor:#111111;--footercolor:#CCCCCC;--introcolor:#555555;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Lato', 'Open Sans', 'Roboto', 'Poppins', 'Oswald', 'Noto Sans', sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

ul,li,ol{list-style:none}




.page-l{width:270px;color:var(--fontcolor)}
.page-r{width:calc(100% - 400px);float:right}
.pageAll{width:100%}



.page-l-menu{text-align:center;margin-bottom:30px}
.page-l-menu-tit{color:#FFFFFF;padding:4px 10px;font-size:var(--fontsize22);font-weight:var(--fontbold6);background:var(--color);text-transform:capitalize}
.page-l-menu ul{border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5}
.page-l-menu ul li a{display:block;padding:15px 0px;border-bottom:1px solid #E5E5E5}
.page-l-menu ul li a:hover{color:#115eb0;}
.page-l-contact-box{border:1px solid #E5E5E5;padding:30px 26px}
.page-l-contact-box>p{display:flex;margin-bottom:12px}
.page-l-contact-box>p:last-child{margin-bottom:0px}
.page-l-contact-box>p a:hover{color:#115eb0;}
.page-l-contact-box>p span{display:block;flex:1}
.page-l-contact-box strong{font-weight:var(--fontbold4);margin-right:4px}

.pages-turn{margin:20px 0px;color:var(--fontcolor);text-align:center}
.pages-turn a,.pages-turn span{display:inline-block;width:42px;height:42px;line-height:41px;text-align:center;margin:5px;border:1px solid #E5E5E5}
.pages-turn a{color:var(--fontcolor)}
.pages-turn span{color:var(--introcolor)}
.pages-turn .ctxt,.pages-turn a:hover{background:var(--color);border-color:var(--color);color:#FFFFFF}
.page-l .sf-menu{margin-bottom:30px}
.sf-menu a{color:var(--fontcolor);display:block;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-menu .LiLevel1>a{font-size:var(--fontsize16);font-weight:var(--fontbold6);color:var(--fontcolor)}
.sf-menu>li{position:relative;border-bottom:1px solid #E5E5E5;padding-right:30px}
.sf-menu>li:last-child{border-bottom:none}
.sf-menu>li i{position:absolute;right:10px;top:12px;z-index:1;transform:rotate(-90deg);font-weight:var(--fontbold6);cursor:pointer;transition:transform .2s ease-in-out;color:var(--color)}
.sf-menu>li i.active{transform:rotate(0)}
.sf-menu .sub-menu{display:none}
.sf-menu .sub-menu a{color:var(--fontcolor);font-size:var(--fontsize16);padding:6px 0px 6px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page-l .categories .sf-menu .currentProType,.sf-menu li:hover>a{color:#115eb0;}
@media(min-width:1025px){.sf-menu>li:hover i{transform:rotate(0)}
.sf-menu>li:hover .sub-menu{display:block;padding-bottom:10px}}

.pages-list{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.pages-list>div{width:50%;color:var(--fontcolor);display:flex;align-items:center;font-size:var(--fontsize18);line-height:1.2;transition:all .2s ease-in-out;border:1px solid transparent;padding:6px 10px;font-size:var(--fontsize18);background:#FAFAFA}
.pages-list>div:hover{color:#115eb0;;border-color:#115eb0;}
.pages-list>div i,.pages-list>div em{display:inline-block;font-size:var(--fontsize26);margin:0px 10px}
.pages-list>div:nth-child(2){justify-content:flex-end;text-align:right}
.pages-list>div p{width:calc(100% - 46px)}

.page-tit{font-size:var(--fontsize26);color:var(--fontcolor);border-left:4px solid var(--color);padding:0px 0px 0px 10px;margin-bottom:20px}

@media(max-width:1024px){.mobcate-main .page-l{display:block;width:100%;margin-bottom:20px}
.mobcate-main .page-l .lastproducts{display:none}
.mobcate-main .page-l .categories{position:relative}
.mobcate-main .page-l .categories .sf-menu{position:absolute;top:100%;left:0px;right:0px;padding:0px 10px;z-index:20;display:none;background-color:#FFFFFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .page-l .categories .page-l-menu-tit{color:var(--fontcolor);font-size:var(--fontsize20);padding:10px 10px 0px 0px;border-bottom:1px solid #CCCCCC;cursor:pointer;background:url(https://img01.v15cdn.com/cate-btn.webp) right center/24px no-repeat}}