.main-content{width: 100%;margin-top: 50px;padding-bottom: 50px;}
.main-content ul{list-style: none;padding: 0;}
.main-content .center{width: 1200px;margin:0 auto;}
.main-content .center .main{display: flex;flex-wrap:wrap;}
.main-content .center .main .cell{box-sizing:border-box;flex-shrink:0;padding: 0 10px;}
.main-content .center .main .left{flex-basis:25%;max-width: 25%;}
.main-content .center .main .left .nav{padding:24px 32px;background: #fff;min-height: 459px;}
.main-content .center .main .left .nav ul.menu{width: 100%;}
.main-content .center .main .left .nav ul.menu li{width: 100%;padding: 8px 0;}
.main-content .center .main .left .nav ul.menu li a{display: flex;color: #333;align-items: center;text-decoration: none;}
.main-content .center .main .left .nav ul.menu li.active a{font-weight: bold;color: #007bff;display: flex;justify-content: space-between;}
.main-content .center .main .left .nav ul.menu li.active a i{font-weight: normal;position: relative;top: 1px;}
.main-content .center .main .left .nav ul.menu li a i{margin-left: 16px;color: #007bff;font-size: 16px;}
.main-content .center .main .left .nav ul.menu li a span{display: flex;align-items: center;}
.main-content .center .main .right{flex-basis:75%;max-width: 75%;}
.main-content .center .main .right .product-list ul{display: flex;flex-wrap:wrap;margin:0 -10px;}
.main-content .center .main .right .product-list ul li{flex-basis:50%;max-width: 50%;padding: 0 10px;flex-shrink:0;box-sizing:border-box;}
.main-content .center .main .right .product-list ul li .item{background: #fff;margin-bottom: 20px;transition:all 0.3s ease;}
.main-content .center .main .right .product-list ul li .item:hover{box-shadow: 0 0 10px rgba(0,0,0,.05);}
.main-content .center .main .right .product-list ul li .item a.thumb{padding: 0;width: 100%;height: 280px;display: block;display: flex;align-items:center;}
.main-content .center .main .right .product-list ul li .item a.thumb img{
    margin:0 auto;
    /*max-width: 220px;*/
    max-width: 90%;
}
.main-content .center .main .right .product-list ul li .item .content{padding: 8px 32px 30px;}
.main-content .center .main .right .product-list ul li .item .content h3{color: #333;font-size: 24px;font-weight: 600;min-height: 24px;margin-bottom: 15px;}
.main-content .center .main .right .product-list ul li .item .content p{height: 48px;line-height: 24px;font-size: 16px;color: #444;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp:2;margin-bottom: 32px;}

.main-content .center .main .right .product-list ul li .item .content .button{height: 40px;display: flex;}
.main-content .center .main .right .product-list ul li .item .content .button a.buy{text-decoration:none;width: 100px;border: 2px solid #007bff;color: #007bff;margin-left: 20px;display: inline-block;height: 32px;text-align: center;line-height: 32px;border-radius: 5px;transition: all 1.3s;font-size: 14px;}
.main-content .center .main .right .product-list ul li .item .content .button a.buy:hover{color: #fff;background-color: #007bff;}
.main-content .center .main .right .product-list ul li .item .content .button a.learn{text-decoration:none;height: 32px;font-size: 16px;color: #333;font-weight: 500;background-color: #007bff;display: flex;align-items: center;width: 100px;justify-content: center;color: #fff;border-radius: 5px;border:2px solid #007bff;font-size: 14px;}
.main-content .center .main .right .product-list ul li .item .content .button a.learn i{margin-left: 4px;font-size: 16px;}

.service-container .category-content{
    background: none;
}
.list-item{
    display: none;
}
.pro-null{
    text-align: center;
    color: rgba(0,0,0,.6);
    font-size: 14px;
    padding: 40px;
    background: #fff;
}