.index-kelin-tit{text-align:center;}
.index-kelin-tit h1, .index-kelin-tit h3{font-size:33px;height:40px;line-height:40px;color:#2e2e2e;text-transform:uppercase;position:relative;display:inline-block;}
.index-kelin-tit h1::before, .index-kelin-tit h3::before{content:'';width:3px;height:28px;background: var(--color-primary);display:inline-block;margin-right:35px;}
.index-kelin-tit h1::after, .index-kelin-tit h3::after{content:'';width:3px;height:28px;background:var(--color-primary);display:inline-block;margin-left:35px;}

.kelin-about{padding:70px 0;}
.kelin-about .txt{margin:50px 0 0;}
.kelin-about .txt p{margin-bottom:25px;font-size:18px;color:#484848;line-height:30px;}





 @media only screen and (max-width: 992px) {
.index-kelin-tit h1, .index-kelin-tit h3 {
    font-size: 24px;
}
.kelin-about {
    padding: 30px 0;
}
.kelin-about .txt p {
    font-size: 16px;
}
.index-kelin-tit h1, .index-kelin-tit h3 {
    font-size: 24px;
}

.kelin-about .txt {
    margin: 20px 0 0;
}
}
 
 
 
 
 .kelin-exhibition{padding:70px 0;}
.kelin-exhibition .txt{margin:40px 0 0;}
.kelin-exhibition .txt p{font-size:19px;color:#484848;line-height:38px;text-align:center;}

.kelin-exhibition .txt ul{margin:50px 0 0;height:80px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.kelin-exhibition .txt ul li{width:33.333333333%;padding:0 30px;box-sizing:border-box;text-align:center;position:relative;}
.kelin-exhibition .txt ul li:not(:last-child)::after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:2px;background:none;;display:block;}
.kelin-exhibition .txt ul li h5{color:#333;font-size:34px;line-height:1;display:inline-block;position:relative;}
.kelin-exhibition .txt ul li h5::after{content:attr(date-txt);position:absolute;bottom:0;color:#333;right:-30px;font-size:34px;}
.kelin-exhibition .txt ul li:nth-child(1) h5::after{content:attr(date-txt);position:absolute;bottom:0;color:#333;right:-30px;font-size:34px;}
.kelin-exhibition .txt ul li p{font-size:20px;color:#333;margin:5px 0 0;text-align:center;text-transform:capitalize;}


.kelin-exhibition .list{position:relative;margin:60px 0 0;}
.kelin-exhibition .swiper-slide ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative;}
.kelin-exhibition .swiper-slide ul li{margin:7px 0 0;position:relative;overflow:hidden;}
.kelin-exhibition .swiper-slide ul li a{width:100%;display:block;overflow:hidden;}
.kelin-exhibition .swiper-slide ul li img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.kelin-exhibition .swiper-slide ul li:nth-child(1){}
.kelin-exhibition .swiper-slide ul li:last-child{position:absolute;right:0;bottom:0;}

.kelin-exhibition .swiper-slide ul li > p{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;width:100%;padding:0 30px;box-sizing:border-box;background:color-mix(in srgb, var(--color-primary) 75%, transparent);cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column;-webkit-flex-direction:column;opacity:0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition:opacity 0.2s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);text-align:center;color:#fff;font-size:22px;}

.kelin-exhibition .swiper-slide ul li:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.kelin-exhibition .swiper-slide ul li:hover img{transform:scale(1.05);-webkit-transform: scale(1.05);}

.kelin-exhibition .swiper-button-prev,.kelin-exhibition .swiper-button-next{width:49px;height:67px;background:url(../images/prev.png) no-repeat;border-radius:0;margin-top:-33px;text-align:center; background-color:#00000059;background-position: center center;}
.kelin-exhibition .swiper-button-prev,.kelin-exhibition .swiper-container-rtl .swiper-button-next{left:0px;right:auto;}
.kelin-exhibition .swiper-button-next,.kelin-exhibition .swiper-container-rtl .swiper-button-prev{right:0px;left:auto;background:url(../images/next.png) no-repeat;  background-color:#00000059;background-position: center center;}

.kelin-exhibition .swiper-button-prev i,.kelin-exhibition .swiper-button-next i{color:#fff;font-size:23px;line-height:49px;height: 60px;}
.kelin-exhibition .swiper-button-prev:hover,.kelin-exhibition .swiper-button-next:hover{opacity:0.6;}
.kelin-exhibition .swiper-button-prev::after,.kelin-exhibition .swiper-button-next::after{content:none;}

.kelin-exhibition .swiper-pagination{display:none;position:static;width:100%;margin-top:20px;}
.kelin-exhibition .swiper-pagination-bullet {height:8px;width:8px;margin:0 3px;background:#ccc;border-radius:10px;opacity:1;box-sizing:border-box;}
.kelin-exhibition .swiper-pagination-bullet-active{width:12px;background: var(--color-primary);}

@media screen and (max-width:1920px){
    .kelin-exhibition .swiper-slide ul li:nth-child(1){width:42%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(2){width:21.4%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(3){width:35.2%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(4){width:42%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(5){width:57.3333%;}
}

@media screen and (max-width:1450px){
    .kelin-exhibition .swiper-slide ul li:nth-child(1){width:42%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(2){width:21.4%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(3){width:35.2%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(4){width:42%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(5){width:57.3333%;}
}

@media screen and (max-width:1100px){
    .kelin-exhibition .swiper-button-prev,.kelin-exhibition .swiper-button-next{}
    .kelin-exhibition .swiper-pagination{display:block;}
}

@media screen and (max-width:768px) {
    .kelin-exhibition{padding:30px 0;}
    .kelin-exhibition .txt{margin:25px 0 0;}
    .kelin-exhibition .txt p{font-size:16px;line-height:24px;}
  
    .kelin-exhibition .txt ul{margin:30px 0 0;}
    .kelin-exhibition .txt ul li{padding:0 20px;}
    .kelin-exhibition .txt ul li h5{font-size:28px;}
    .kelin-exhibition .txt ul li h5::after{bottom:4px;right:-25px;font-size:28px;}
    .kelin-exhibition .txt ul li:nth-child(1) h5::after{right:-30px;bottom:7px;font-size:18px;}
    .kelin-exhibition .txt ul li p{font-size:16px;}
  
  
    .kelin-exhibition .list{position:relative;margin:20px 0 0;}
    .kelin-exhibition .swiper-slide ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    .kelin-exhibition .swiper-slide ul li{margin:7px 0 0;position:relative;overflow:hidden;text-align:center;}
    .kelin-exhibition .swiper-slide ul li:nth-child(1),.kelin-exhibition .swiper-slide ul li:nth-child(6){width:100%;}
    .kelin-exhibition .swiper-slide ul li:nth-child(2),.kelin-exhibition .swiper-slide ul li:nth-child(3),.kelin-exhibition .swiper-slide ul li:nth-child(4),.kelin-exhibition .swiper-slide ul li:nth-child(5){width:49%;height:150px;}
    .kelin-exhibition .swiper-slide ul li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
  }

@media screen and (max-width:480px) {
    .index-kelin-tit h1, .index-kelin-tit h3{font-size:18px;height:30px;line-height:30px;}
    .index-kelin-tit h1::before, .index-kelin-tit h3::before{width:2px;height:18px;margin-right:10px;}
    .index-kelin-tit h1::after, .index-kelin-tit h3::after{width:2px;height:18px;margin-left:10px;}

    .kelin-exhibition .txt ul li{padding:0 10px;}
    .kelin-exhibition .txt ul li h5{font-size:20px;}
    .kelin-exhibition .txt ul li p{font-size:14px;}
}



 @media only screen and (max-width: 480px) {
body > div.kelin-exhibition > div > div.index-kelin-tit > h3{
	    font-size: 14px;
}

.kelin-exhibition .txt p {
    font-size: 13px;
}


.kelin-exhibition .txt ul li p {
    font-size: 12px;
}
}


.kelin-production-process{padding:70px 0;overflow:hidden;background:url(../images/55fb9ad4ba20c0eaad3635ede54403366ac82969c3af7ed14a7dea51c941ee75.jpg) no-repeat center;background-size: cover;}
.kelin-production-process .index-kelin-tit h3{color:#fff;}
.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:80px 0 0;text-align:center;vertical-align:top;position:relative;}
.kelin-production-process ul li:not(:nth-child(10)):not(:nth-child(10))::after{content:'';top:86px;right:-50px;position:absolute;z-index:1;width:100px;height:2px;background:#fff;}
.kelin-production-process ul li img{height:44px;}
.kelin-production-process ul li em{background:url(../images/dot2.png) no-repeat center;width:36px;height:36px;display:block;margin:25px auto 0;}
.kelin-production-process ul li p{font-size:18px;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:color-mix(in srgb, var(--color-primary) 70%, transparent);}


.pro-detail-btn {
    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);
}
a.pro-detail-btn:hover{ color:#fff; background-color:#333;}


 @media only screen and (max-width: 768px) {
.index-kelin-tit h1, .index-kelin-tit h3 {
    font-size: 18px;
}
.kelin-production-process {
    padding: 30px 0;
}
.kelin-production-process ul li {
    width: 50%;
}

.kelin-production-process ul li:not(:nth-child(10)):not(:nth-child(10))::after {
    right: 0;
    width: 50%;
}


.kelin-production-process ul li p {
    font-size: 14px;
}

.kelin-production-process .more {
    width: 150px;
    margin: 30px auto 0;
    font-size: 11px;

}


}