.index-kelin-tit{text-align:center;}
		.index-kelin-tit h1, .index-kelin-tit h3{font-size:34px;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:color-mix(in srgb, var(--color-primary) 75%, transparent);display:inline-block;margin-right:35px;}
		.index-kelin-tit h1::after, .index-kelin-tit h3::after{content:'';width:3px;height:28px;background:color-mix(in srgb, var(--color-primary) 75%, transparent);display:inline-block;margin-left:35px;}
		
		.kelin-production-process {
		    padding: 70px 0;
		    overflow: hidden;
		}
		
		.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(7)):not(:nth-child(9))::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(./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: color-mix(in srgb, var(--color-primary) 70%, transparent);
		}
		
		
		@media screen and (max-width: 1400px) {
		    .index-kelin-tit h3 {
		        font-size: 32px;
		    }
		}
		@media screen and (max-width: 992px) {
		    .index-kelin-tit h3 {
		        font-size: 28px;
		    }
		}
		@media screen and (max-width: 992px) {
		    .index-kelin-tit h3 {
		        text-align: center;
		    }
		}
		@media screen and (max-width: 480px) {
		    .index-kelin-tit h3 {
		        font-size: 24px;
		    }
		}

		
		
		
		
					.arshine-pic-list {
				  padding: 60px 0;
				}
				.arshine-pic-list h3 {
				  font-size: 34px;
				  color:#333;
				  line-height: 1;
				  font-family: var(--font-family1);
				  text-align: center;
				}
				.arshine-pic-list h3::after {
				  content: "";
				  background: #333;
				  width: 40px;
				  height: 4px;
				  margin: 11px auto 0;
				  display: block;
				}
				
				.arshine-pic-list .list {
				  position: relative;
				  margin: 50px 0 0;
				}
				.arshine-pic-list .list .swiper-slide a {
				  display: block;
				  width: 100%;
				}
				.arshine-pic-list .list .swiper-slide a img {
				  width: 100%;
				  aspect-ratio: 3/2;
				  object-fit: cover;
				}
				
				.arshine-pic-list .swiper-pagination {
				  position: static;
				  width: 100%;
				  margin-top: 35px;
				  font-size: 0;
				}
				.arshine-pic-list .swiper-pagination-bullet {
				  width: 16px;
				  height: 16px;
				  margin: 0 10px;
				  background: #e0e0e0;
				  border-radius: 50%;
				  opacity: 1;
				}
				.arshine-pic-list .swiper-pagination-bullet-active {
				  background: #999;
				}
				
				@media screen and (max-width: 1400px) {
				    .arshine-pic-list h3 {
				        font-size: 32px;
				    }
				}	

				
				@media screen and (max-width: 1367px) {

				  .arshine-pic-list {
				    padding: 50px 0;
				  }
				}
				

				
				@media screen and (max-width: 991px) {
				   .arshine-pic-list h3 {
					font-size: 28px;
				  }
				
				  .arshine-pic-list {
				    padding: 30px 0;
				  }
				  .arshine-pic-list .list {
				    margin: 25px 0 0;
				  }
				  .arshine-pic-list .swiper-pagination {
				    margin-top: 25px;
				  }
				  .arshine-pic-list .swiper-pagination-bullet {
				    width: 12px;
				    height: 12px;
				    margin: 0 4px;
				  }
				}
				
				@media screen and (max-width: 480px) {
					.arshine-pic-list h3 {
						font-size: 24px;
					}
				}