.kelin-production-process {
    padding: 80px 0;
    overflow: hidden;
    background: url(https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/372092/4695/006632f3379985c58981f4902bc9bab3/%E6%9C%AA%E5%91%BD%E5%90%8D%2810%29.jpg) no-repeat center;
    background-size: cover;
}

.kelin-production-process .index-kelin-tit h3 {
    color: #fff;
    text-align: center;
    font-size: clamp(24px, 2.5vw, 48px);
    text-shadow: 2px 2px 2px #333;
    line-height: 1;
    font-weight: 700;
}

.kelin-production-process .index-kelin-tit h3::before {
    background: #fff;
}

.kelin-production-process .index-kelin-tit h3::after {
    background: #fff;
}

.kelin-production-process ul {
    position: relative;
    margin: 0;
    font-size: 0;
    text-align: center;
}

.kelin-production-process ul li {
    width: 200px;
    display: inline-block;
    margin: 60px 10px 0;
    text-align: center;
    vertical-align: top;
    position: relative;
    background: #007fcd91;
    padding: 20px;
}

.kelin-production-process ul li:not(:nth-child(6)):not(:nth-child(9))::after {
    content: '';
    top: 86px;
    right: -50px;
    position: absolute;
    z-index: 1;
    width: 100px;
    height: 2px;
    background: #b2b0b0;
}

.kelin-production-process ul li img {
    height: 44px;
}

.kelin-production-process ul li em {
    background: url(./pics/dot2.png) no-repeat center;
    width: 36px;
    height: 36px;
    display: block;
    margin: 25px auto 0;
}

.kelin-production-process ul li p {
    font-size: 17px;
    color: #fff;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0 0;
}

.kelin-production-process .more {
    width: 198px;
    margin: 50px auto 0;
    background: color-mix(in srgb, var(--color-primary) 85%, transparent);
    height: 47px;
    line-height: 47px;
    box-sizing: border-box;
    display: block;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border-radius: var(--button-radius);
}

.kelin-production-process .more:hover {
    background: #212121;
}

@media(max-width:1440px){
.kelin-production-process ul li {width: 170px;}
.kelin-production-process ul li p {font-size: 15px;}
}

@media(max-width:991px){
    .kelin-production-process {padding: 30px 0;}
    .kelin-production-process ul li:not(:nth-child(6)):not(:nth-child(9))::after{display: none;}
    .kelin-production-process ul li p {font-size: 14px;}
}

@media(max-width:576px){
.kelin-production-process ul li p {font-size: 12px;}
.kelin-production-process ul li { width: 145px;margin: 25px 10px 0;padding: 10px;}
}