﻿.common-main .l-wrap{display:flex}
.common-main .common-content{-ms-flex:1;flex:1;width:calc(100% - 360px)}
.common-main .sidebar{width:300px;margin-right:60px;-ms-flex:0 0 300px;flex:0 0 300px}
.sidebar .sidebar-title{color:var(--fontcolor);margin-bottom:10px;padding-bottom:5px;font-size:var(--fontsize22);font-weight:var(--fontbold5);border-bottom:1px solid #EEEEEE}
.sidebar .sidebar-item{margin-bottom:30px}
.sidebar-item .send-inquiry .inquiry-form input{width:100%}
.sidebar-nav li{position:relative;padding-left:12px;margin-bottom:12px}
.sidebar-nav li:after{content:"";position:absolute;display:block;width:6px;height:6px;top:10px;border-radius:50%;background-color:#222222;left:-2px}
.sidebar-contact li{color:var(--fontcolor);display:flex;margin-bottom:15px;line-height:1.5em}
.sidebar-contact li a{transition:color .3s ease}
.sidebar-contact li a:hover{color:var(--color)}
.sidebar-contact i,.sidebar-contact em{margin-right:5px}
.sidebar-contact .icon-map{font-size:var(--fontsize17);margin-right:3px}
.sidebar-contact a{color:var(--fontcolor)}
.sidebar-newlist .new-item{display:flex;align-items:center}
.sidebar-newlist .new-img{display:block;margin-right:18px;overflow:hidden;width:38%}
.sidebar-newlist .new-img>img{width:100%;height:auto;display:block;transition:all .3s ease}
.sidebar-newlist .new-img:hover img{transform:scale(1.07)}
.sidebar-newlist .new-title{display:flex;line-height:1.5em;overflow:hidden;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .3s ease;}
.sidebar-newlist .new-title:hover{color:var(--color)}
.sidebar-newlist>li{margin-bottom:20px}
.sidebar-cate li{position:relative;font-size:var(--fontsize16);color:var(--fontcolor)}
.sidebar-cate li a{display:block;width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;text-overflow:ellipsis;padding-right:30px;line-height:36px}
.sidebar-cate li.menu-item{padding-left:15px}
.sidebar-cate li.menu-item:after{content:"";position:absolute;left:0px;top:16px;width:6px;height:6px;border-radius:50%;background-color:#222222}
.sidebar-cate li.menu-item ul{display:none}
.sidebar-cate li.is-current>a{color:var(--color)}
.sidebar-cate .sub-menu li{font-size:var(--fontsize16);color:var(--introcolor)}
.sidebar-cate .sub-menu .LiLevel2{padding-left:14px}
.sidebar-cate .sub-menu .pro-menu{margin-left:14px}
.sidebar-cate i,.sidebar-cate em{width:24px;height:36px;cursor:pointer;display:inline-block;position:absolute;top:0px;right:0px;transition:.2s ease-in-out;margin-top:2px;text-align:left;transform:rotate(0)}
.sidebar-cate i::before,.sidebar-cate em::before,.sidebar-cate i::after,.sidebar-cate em:after{content:"";transition:.2s ease-in-out;background-color:transparent;width:1px;height:7px;display:inline-block;position:absolute;border-bottom:8px solid #666666;top:10px;left:10px}
.sidebar-cate i::before,.sidebar-cate em::before{transform:rotate(-135deg)}
.sidebar-cate i::after,.sidebar-cate em::after{position:absolute;transform:rotate(135deg)}
.sidebar-cate i.is-open,.sidebar-cate em.is-open{transform:rotate(0);transform:translate(0, -6px)}
.sidebar-cate i.is-open::before,.sidebar-cate em.is-open::before{transform:rotate(-45deg)}
.sidebar-cate i.is-open::after,.sidebar-cate em.is-open::after{transform:rotate(45deg)}
.sidebar-prolist>li{margin-bottom:20px}
.sidebar-prolist .pro-item{display:flex}
.sidebar-prolist .pro-item>div{-ms-flex:1;flex:1}
.sidebar-prolist .pro-img{position:relative;max-width:120px;border:1px solid #EEEEEE;box-sizing:border-box;overflow:hidden}
.sidebar-prolist .pro-img:after{content:"";display:block;padding-top:100%}
.sidebar-prolist .pro-img img{max-width:100%;max-height:100%}
.sidebar-prolist .pro-img>.img-wrap{position:absolute;width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center}
.sidebar-prolist .pro-img:hover img{transform:scale(1.05)}
.sidebar-prolist .pro-info{display:flex;flex-direction:column;justify-content:center;padding-left:20px}
.sidebar-prolist .pro-info>p{color:var(--fontcolor);line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em}
.sidebar-prolist .pro-more{margin-top:10px;color:var(--introcolor);text-transform:lowercase}
@media screen and (max-width:1300px){
.common-main .sidebar{display:none}}
.wmkcfeedback .wmkcfb-fileupload, .wmkcfeedback input, .wmkcfeedback textarea{border-color:#D5D5D5;}
.wmkcfeedback .send-btn{color: #fff;}