/* Manufacturers */
.manu-list{background-color: #f5f5f5;}
.manu-list .content dl{padding-top: 37px;padding-bottom: 58px;display: none;}
.manu-list .content dl.block{display: block;}
.manu-list .content dt{text-align: center;padding-bottom: 40px;}
.manu-list .content dt h2{font-size: 26px;color: #232323;font-weight: bold;}
.manu-list .content dt s{color: #6b6b6b;display: block;padding-top: 9px;}
.manu-list .content dt s span{color: #232323;text-shadow: 0 0 BLACK;}
.manu-list .content dd ul li{float: left;width: calc(100% / 6 - 4px);margin-right: 4px;margin-bottom: 21px;background-color: #fff;text-align: center;position: relative;height: 116px;}
.manu-list .content dd ul li a{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;overflow: hidden;height: 116px;border: 1px solid transparent;}
.manu-list .content dd ul li a .box{height: 116px;line-height: 116px;text-align: center;background-color: #fff;}
.manu-list .content dd ul li a .box img{vertical-align: middle;width: 150px;height: 50px;}
.manu-list .content dd ul li a h3{height: 36px;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background-color: #c90000;color: #fff;font-size: 16px;font-weight: bold;text-align: center;height: 0;transition: all .3s;padding: 0 10px;}
.manu-list .content dd ul li a:hover{height: auto;border-color: #c90000;}
.manu-list .content dd ul li a:hover h3{height: 36px;}

.manu-list .tabs{background-color: #fff;}
.manu-list .tabs .zhu{position: relative;}
.manu-list .tabs ul{display: flex;align-items: center;height: 58px;justify-content: space-between;}
.manu-list .tabs ul li{cursor: pointer;padding: 10px;}
.manu-list .tabs ul li span{padding-bottom: 2px;border-bottom: 1px dashed transparent;font-size: 15px;color: #232323;}
.manu-list .tabs ul li:hover span, .manu-list .tabs ul li.act span{color: #a7a7a7;border-color: #a7a7a7;}

.manu-list .tabs .control{position: absolute;top: 50%;transform: translateY(-50%);border: 10px solid transparent;cursor: pointer;}
.manu-list .tabs .control.prev{left: -36px;border-right: 10px solid #a7a7a7;}
.manu-list .tabs .control.next{right: -36px;border-left: 10px solid #a7a7a7;}
.manu-list .tabs .control.first{border-right-color: #e0e0e0;cursor: default;}
.manu-list .tabs .control.end{border-left-color: #e0e0e0;}

/* Manufacturer Detail */
.maun-detail{}
.maun-detail .part1{background-color: #f7f7f7;padding-bottom: 24px;}
.maun-detail .part1 .left{float: left;width: calc(50% - 10px);height: 102px;line-height: 102px;text-align: center;background-color: #fff;}
.maun-detail .part1 img{vertical-align: middle;max-height: 80%;}

.maun-detail .part1 .right{float: right;width: calc(50% - 10px);}
.maun-detail .part1 h1{font-size: 30px;color: #191d2d;padding-top: 15px;padding-bottom: 5px;}
.maun-detail .part1 s{color: #6b6b6b;float: left;margin-top: 12px;}
.maun-detail .part1 s:first-of-type{margin-right: 37px;}
.maun-detail .part1 s span{color: #232323;text-shadow: 0 0 BLACK;}
.maun-detail .part1 .right a{float: right;font-size: 15px;font-family: "Ebrima";color: #232323;border: 1px solid #cacaca;padding: 7px 20px;line-height: 1;margin-bottom: 12px;}
.maun-detail .part1 .right a:hover{background-color: #c90000;color: #fff;border-color: #c90000;}
.maun-detail .part2{padding-top: 30px;}
.maun-detail .part2 h2{font-weight: bold;font-size: 22px;color: #191d2d;padding-bottom: 10px;}
.maun-detail .intro{float: left;width: calc(50% - 10px);margin-bottom: 50px;}
.maun-detail .intro s{color: #6b6b6b;line-height: 22px;}
.maun-detail .intro a{color: #191d2d;display: inline-block;padding-top: 60px;}
.maun-detail .intro a:hover{color: #c90000;}
.maun-detail .relate-news{float: right;width: calc(50% - 10px);}
.maun-detail .relate-news a{margin-bottom: 19px;display: block;}
.maun-detail .relate-news h3{font-size: 16px;color: #212121;text-shadow: 0 0 0.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-bottom: 5px;}
.maun-detail .relate-news s{color: #6b6b6b;}
.maun-detail .relate-news a:hover h3{color: #c90000;}

.maun-detail .part3{}
.maun-detail .part3 h2{font-weight: bold;font-size: 22px;color: #191d2d;padding-bottom: 25px;}
.maun-detail .part3 ul{column-count: 2;}
.maun-detail .part3 ul li{margin-bottom: 18px;-webkit-column-break-inside: avoid;}
.maun-detail .part3 h3{font-size: 17px;color: #232323;font-weight: bold;padding-bottom: 15px;}
.maun-detail .part3 a{font-size: 15px;color: #6b6b6b;display: block;margin-bottom: 10px;}
.maun-detail .part3 a:hover{color: #c90000;}

.maun-detail .relate-blog{padding-top: 77px;}
.maun-detail .relate-blog h2{font-size: 22px;font-weight: bold;padding-bottom: 25px;}
.maun-detail .relate-blog ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.maun-detail .relate-blog ul li{overflow: hidden;margin-bottom: 26px;width: 49%;}
.maun-detail .relate-blog ul li .image-box{float: left;margin-right: 9px;width: 174px;height: 115px;text-align: center;line-height: 115px;background-color: #f7f7f7;}
.maun-detail .relate-blog ul li .image-box img{max-width: 100%;vertical-align: middle;}
.maun-detail .relate-blog ul li h3{font-size: 16px;font-weight: bold;color: #212121;padding-bottom: 5px;height: 46px;overflow: hidden;}
.maun-detail .relate-blog ul li s{color: #6b6b6b;}
.maun-detail .relate-blog ul li:hover h3{color: #c90000;}

.maun-detail .relate-part{padding-top: 45px;padding-bottom: 37px;}
.maun-detail .relate-part h2{font-size: 22px;font-weight: bold;padding-bottom: 35px;}

@media screen and (max-width: 768px) 
{
    /* .manu-list */
    .manu-list{padding: 20px 2%;}
    .manu-list .content dl{padding-top: 10px;}
    .manu-list .content dd ul li{width: 49%;margin-right: 2%;}
    .manu-list .content dd ul li:nth-child(2n+2){margin-right: 0;}
    .manu-list .tabs ul{flex-wrap: wrap;height: auto;}
    .manu-list .tabs .control{display: none;}
    /* .maun-detail */
    .maun-detail .part1{padding: 20px 2%;}
    .maun-detail .part1 .left{width: 100%;float: unset;margin: 10px 0;}
    .maun-detail .part1 .right{width: 100%;float: unset;}
    .maun-detail .part1 .right a{float: unset;display: inline-block;margin-top: 18px;}
    .maun-detail > .zhu{padding: 20px 2%;}
    .maun-detail .intro{width: 100%;float: unset;padding-bottom: 50px;}
    .maun-detail .intro a{padding-top: 18px;}
    .maun-detail .relate-news{width: 100%;float: unset;padding-bottom: 50px;}
    .maun-detail .part3 ul{column-count: 1;}
    .maun-detail .relate-blog ul li{width: 100%;}
    .maun-detail .relate-blog ul li .image-box{float: unset;}
}