.product-box {

    padding: 40px 28px;
    /**border: 1px solid #e2e2e2ff;**/
    background: #ffffffff;
}

.product-list-content {
    margin-top: 40px;
}

.product-types {
    
    margin-right: 32px; width:25%; float:left;
}

@media (max-width: 767px){

.product-types {width:100%;}


}


.product-type {
   
    border-bottom: 1px solid #eeeeeeff;
    background: #f7f7f7ff; line-height:45px;
    padding: 13px 12px 13px 24px;
    color: #000000ff;
    font-size:18px;
    font-weight: 400;
}

.d-flex-ac-js {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-type img {
    width: 12px;
    height: 12px;
}

.active {
    background: #2c73baff;
    color: #ffffffff;
    font-weight: 500;
}

.product-r {
    width: 72%; float:left;
}

.product-type-title { background:#2c73baff; position:absolute; left:0px; top:0px;
    color: #000000ff; padding:0px 15px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}
.product-type-title a{ color:#fff;}

.products-list {display:inherit!important;
  /**  flex-wrap: wrap;
    justify-content: space-between;**/
}

.products-list a{ }


.product-list-item { position:relative;
    margin-bottom: 24px; width:31%; margin-right:2%;max-height: 300px;
    border: 1px solid #e8e8e8;
    padding: 1em; float:left;
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
}




.product-list-item-content {
    width: 100%;
}

.product-list-item img {
    max-width: 70%; display:block;
    max-height:70%;  margin:25px auto; width:100%; height:100%;
}

.product-list-item-empty {
    opacity: 0;
}

.product-list-title {
    color: #000000ff; text-align:center;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-list-intro {
    min-height: 35px;
    margin-top: 4px;
    color: #00000057;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.product-list-service {
    color: #2c73baff;
    font-size: 12px;
    font-weight: 400;
    margin-top: 32px;
}

.product-list-service img {
    width: 12px;
    height: 12px;
}

.products {
    flex-wrap: wrap;
    margin-top: 32px;
}

.product-item {
    width: 280px;
    /*height: 425px;*/
    border: 1px solid #e2e2e2ff;
    margin-bottom: 15px;
}


.product-item img {
    width: 100%;
    max-height: 280px;
}

.product-content {
    padding: 12px;
}

.product-title {
    color: #000000ff;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-intro {
    color: #00000057;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.product-service {
    width: fit-content;
    color: #2c73baff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    margin-top: 12px;
    opacity: 1;
    border: 1px solid #2c73baff;
    padding: 6px 12px;
}

.product-service img {
    width: 12px;
    height: 12px;
}

.product-item-filler {
    border: none;
}

.product-detail-box {
    margin-top: 54px;
}


.product-detail-content {
    margin: 50px 0 200px;
}




@media (max-width: 767px){
.product-r{ width:100%; margin-top:30px; float:inherit; padding-top:30px; clear:both}

.product-list-item {width:48%;}
.product-list-item img{max-width:100px; max-height:100px; height:100px}

.product-detail-content {
    margin: 10px 0 20px;
}

}

.product-detail-top-box .detail-img {
  
    
    border: 1px solid #e2e2e2ff;
    background: #ffffffff;
    margin-right: 40px;
}



.detail-img img {
    max-width: 100%;
    max-height: 100%; height:100%;
}

.breadcrumb-box  .breadcrumb a{ padding:0px 5px;}
.product-detail-title {
    color: #000000ff;
    font-size: 26px; padding-top:30px;
    font-weight: 400;
}

.product-detail-abstract {

    font-size: 14px;
    font-weight: 400;
    margin-top: 12px;
}

.detail-content-box {
    margin-top: 56px;
}

.detail-content-title {
    color: #000000ff;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
}

.detail-content-title img {
    width: 17px;
}

.detail-content {
}

.detail-content  p{ line-height:18px; margin-bottom:8px;}
.detail-content  p strong{ padding-bottom:15px; display:block}

.video-box {
    margin-right: 24px;
}

.video-box video {
    width: 282px;
    height: 192px;
}

.video-title {
    color: #00000099;
    font-size: 16px;
    font-weight: 400;
    margin-top: 12px;
}

.size-image-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.size-image{
    width: auto;
    height: auto;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    border: 1px solid #e2e2e2ff;
}

.size-image-box img{
    max-width: 100%;
    max-height: 100%;
}


@media (max-width: 767px){
.product-box   .d-flex,  .product-detail-content .d-flex{ display: inherit!important}
.product-detail-top-box .detail-img {width:100%; margin-top:0px;}
.product-detail-title-box{ width:100%}


}