﻿@media (min-width:769px){.about-teamlist .kche-t156-item .kche-t156-size{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 20px 12px;background: #00000099;transform: translateY(calc(100% - 105px));transition: 0.8s;}
.about-teamlist span{color: #fff!important;}
.about-teamlist .kche-t156-item{overflow: hidden;border-radius: 12px;}
.about-teamlist .kche-t156-item:hover .kche-t156-size{transform: translateY(0);padding: 30px 18px;}
.about-teamlist .kche-t156-tit{padding-bottom: 0;}
.about-teamlist .kche-t156-tit span:after{height: 1px;content: '';background: #fff;width: 0;transition: .8s;display: block;}
.about-teamlist .kche-t156-item:hover .kche-t156-tit span {margin-bottom: 20px;}
.about-teamlist .kche-t156-item:hover .kche-t156-tit span:after{margin-top: 20px;width: 80px;transition: .8s;}}
@media (min-width:501px){.common-main.about-us .kche-t156-tit {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.common-main.about-us .kche-t156-text p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;line-height:25px;height:125px;}}
.page-container{display:flex;flex-wrap:nowrap;justify-content:space-between}
.page-container .page-main{width:78%}
.sidebar{width:20%;margin-right:30px}
.sidebar ul{list-style:none}
.sidebar-item{width:100%;background:#f5f8f9;border-radius:5px;border-bottom:3px solid var(--color);margin-bottom:1.5em;position:relative}
.sidebar-item .sidebar-title{font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor);line-height:1.2;border-bottom:1px solid #e5e5e5;padding:15px 20px;padding-left:38px;position:relative}
.sidebar-item .sidebar-title::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color);border-radius:50%}
.sidebar-item.search{display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 20px}
.sidebar-item.search input{width:100%;height:50px;outline:0;border:1px solid #eee;padding:0 50px 0 20px;border-radius:5px;transition:all .1s linear}
.sidebar-item.search input:focus{border-color:var(--color)}
.pro-main .sidebar-item.search input{background:#eee}
.sidebar-item.search .search-btn{position:absolute;right:25px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--color);color:#fff;display:flex;align-items:center;justify-content:center;outline:0;border:none;border-radius:4px;cursor:pointer;transition:all .1s linear}
.sidebar-item.search .search-btn:hover{opacity:.9}
.sidebar-item.search .search-btn em{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.sidebar-item .sidebar-cate{padding:20px 20px}
.sidebar-item .sidebar-cate>li{width:100%;background:var(--color);border-radius:3px;margin-bottom:.6em;position:relative;text-transform:capitalize}
.sidebar-item .sidebar-cate>li:last-child{margin-bottom:0}
.sidebar-item .sidebar-cate>li.active{background:var(--bgcolor)}
.sidebar-item .sidebar-cate>li.active .iconshow::after{background:#fff;border:none}
.sidebar-item .sidebar-cate>li>a{width:100%;height:48px;line-height:48px;padding:0 15px;padding-right:50px;font-weight:var(--fontbold6)}
.sidebar-item .sidebar-cate>li .iconshow{position:absolute;right:0;top:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sidebar-item .sidebar-cate>li .iconshow::after{content:"";width:22px;height:4px;border:1px solid #fff;border-radius:3px}
.sidebar-item .sidebar-cate>li .sub-menu{display:none;background:#f3f8fa}
.sidebar-item .sidebar-cate>li .sub-menu a{display:flex;padding:8px 20px;color:var(--fontcolor);transition:all .1s linear}
.sidebar-item .sidebar-cate>li .sub-menu a:hover{background:#fafafa}
.sidebar-item .sidebar-cate>li .pro-menu{display:none;background:#f3f8fa}
.sidebar-item .sidebar-cate>li .pro-menu a{display:flex;padding:8px 20px;color:var(--fontcolor);transition:all .1s linear}
.sidebar-item .sidebar-cate>li .pro-menu a:hover{background:#fafafa}
.sidebar-item .sidebar-cate>li a{color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.sidebar-item .sidebar-list{padding:20px}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}
.sidebar-item .sidebar-list .item:last-child{margin-bottom:0}
.sidebar-item .sidebar-list .item:hover .img img{transform:scale(1.02)}
.sidebar-item .sidebar-list .item:hover .info .title{color:var(--color)}
.sidebar-item .sidebar-list .item .img{width:100px;height:80px;background:#fff;border:1px solid #ebebeb;border-radius:3px;overflow:hidden}
.sidebar-item .sidebar-list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info{flex:1;padding-left:15px}
.sidebar-item .sidebar-list .item .info .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info .more{margin-top:4px;text-transform:capitalize;color:var(--color);font-size:var(--fontsize14)}
.pro-main .sidebar-item{background:#fff}
.pro-main .sidebar-item .wmkcfeedback input,.pro-main .sidebar-item .wmkcfeedback textarea{background:#f5f8f9}
@media(max-width:1280px){.sidebar{width:300px}
}
