.home-industry-sangni {padding:0 0 50px;}
.home-industry-sangni .title {padding:100px 0;background-repeat:no-repeat;background-position:center right;background-size:auto 100%;}
.home-industry-sangni .title h2 {color:#000;font-weight:bold;font-size:48px;}
.home-industry-sangni .title p {width:50%;margin:60px 0 0;font-size:20px;line-height:1.5;}

.home-industry-sangni ul {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:130px;position:relative;}
.home-industry-sangni ul::after1 {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff,#fff,#EF892F);z-index:-1;}

.home-industry-sangni ul li{position:relative;width:calc(20% - 22px);}

.home-industry-sangni ul li .box{height:100%;border:2px solid #333;border-top:none;background:linear-gradient(to bottom,#fff,#fff,#EF892F);}

.home-industry-sangni ul li .icon {position:absolute;z-index:10;left:0;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle,#fff,#fff,#fde6d2,#f0a25d,#EF892F);}
.home-industry-sangni ul li .icon img{max-width:50%;max-height:50%;}

.home-industry-sangni ul li .txt{padding:180px 10px 40px;}


.home-industry-sangni ul li .num {margin-bottom:30px;font-size:60px;font-weight:bold;text-align:center;font-style:italic;}
.home-industry-sangni ul li .num::after {content:'';display:block;margin:10px auto 0;width:8px;border:8px solid transparent;border-top-color:#EF892F;}
.home-industry-sangni ul li .content {line-height:1.5;font-size:16px;color:#000;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}


@media screen and (max-width:1441px) {
.home-industry-sangni .title h2{font-size:44px;}
.home-industry-sangni ul li .txt{padding:160px 10px 40px;}
}

@media screen and (max-width:1367px) {
.home-industry-sangni .title h2{font-size:40px;}
.home-industry-sangni .title p{width:60%;margin:40px 0 0;font-size:18px;}
.home-industry-sangni ul li .txt{padding:140px 10px 40px;}
}

@media screen and (max-width:1280px) {
.home-industry-sangni .title {padding:60px 0;}
.home-industry-sangni .title h2{font-size:36px;}

.home-industry-sangni ul li .txt{padding:130px 10px 40px;}
.home-industry-sangni ul li .num{font-size:48px;}
}

@media screen and (max-width:1171px) {
.home-industry-sangni .title h2 {font-size:34px;}
.home-industry-sangni ul li .txt{padding:120px 10px 40px;}
}

@media screen and (max-width:992px) {
.home-industry-sangni .title h2 {font-size:32px;}
.home-industry-sangni ul li .txt{padding:100px 10px 40px;}
}

@media screen and (max-width:768px) {
.home-industry-sangni {padding:0 0 30px;}
.home-industry-sangni .title {padding:30px 0;background-size:auto 80%;}
.home-industry-sangni .title h2 {font-size:28px;}
.home-industry-sangni .title p{width:70%;font-size:17px;margin:25px 0 0;}

.home-industry-sangni ul{margin-top:80px;}
.home-industry-sangni ul li{width:calc(20% - 16px);}
.home-industry-sangni ul li .txt{padding:70px 10px 30px;}
.home-industry-sangni ul li .num{font-size:40px;margin-bottom:25px;}
.home-industry-sangni ul li .num::after{margin:7px auto 0;}
}




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

.home-industry-sangni .title h2 {font-size:26px;}
.home-industry-sangni ul{margin-top:60px;}
.home-industry-sangni ul li{width:calc(20% - 10px);}
.home-industry-sangni ul li .num{font-size:28px;}
.home-industry-sangni ul li .box{border-width:1px;}

}

@media screen and (max-width:480px) {
.home-industry-sangni .title h2 {font-size:24px;}
.home-industry-sangni .title p{width:80%;font-size:16px;margin:20px 0 0;}
.home-industry-sangni ul{margin-top:50px;}
.home-industry-sangni ul li .num{font-size:26px;margin-bottom:20px;}
}

@media screen and (max-width:420px) {
.home-industry-sangni .title h2 {font-size:22px;}
.home-industry-sangni .title p{font-size:15px;margin:15px 0 0;}
.home-industry-sangni ul{margin-top:40px;}
.home-industry-sangni ul li{position:relative;width:calc(20% - 5px);}
.home-industry-sangni ul li .txt{padding:50px 5px 20px;}
.home-industry-sangni ul li .num{font-size:24px;margin-bottom:15px;}

.home-industry-sangni ul li .content{font-size:13px;-webkit-line-clamp: 5;}

}




/*
.home-industry-sangni {
  padding: 0 0 50px;
}

.home-industry-sangni .container {
  width: 1400px;
  margin: 0 auto;
}

.home-industry-sangni .title {
  padding-top: 100px;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
}

.home-industry-sangni .title h2 {
  color: #000;
  font-weight: bold;
  font-size: 48px;
}

.home-industry-sangni .title p {
  width: 50%;
  padding: 60px 0 120px;
  font-size: 20px;
}

.home-industry-sangni ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 120px;
  position: relative;
}

.home-industry-sangni ul::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 253px;
  background: linear-gradient(to bottom, #fff, #fff, var(--color-primary));
  z-index: -1;
}

.home-industry-sangni ul li {
  position: relative;
  margin-right: 20px;
  padding-bottom: 20px;
  width: calc(20% - 20px);
  border: 2px solid #333;
  border-top: none
}

.home-industry-sangni ul li:last-child {
  margin-right: 0;
}

.home-industry-sangni ul li .icon {
  position: absolute;
  top: -132px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 102%;
  height: 264px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff, #fff, #fde6d2, #f0a25d, var(--color-primary));
  transform: translateX(-1%)
}

.home-industry-sangni ul li .num {
  margin: 160px 0 30px;
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  font-style: italic;
}

.home-industry-sangni ul li .num::after {
  content: '';
  display: block;
  margin: 10px auto 0;
  width: 8px;
  border: 8px solid transparent;
  border-top-color: var(--color-primary);
}

.home-industry-sangni ul li .content {
  line-height: 1.5;
  font-size: 16px;
  color: #000;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}



 @media screen and (max-width: 1500px){
.home-industry-sangni .container {
    width: 100%;
    padding: 0 20px;
}
  }

 @media screen and (max-width: 768px){
.home-industry-sangni .title h2 {
    font-size: 30px;
}
.home-industry-sangni .title p {
    padding: 30px;
    font-size: 18px;
}
  }


 @media screen and (max-width: 600px){
.home-industry-sangni ul li .icon {
    display: none;
}
.home-industry-sangni ul::after {
  display: none;
}
   .home-industry-sangni ul li .num {
    margin: 0;
    font-size: 34px;
}
.home-industry-sangni ul {
    padding-top: 0;
}
   
   .home-industry-sangni ul li {
    margin-right: 10px;
    padding-bottom: 15px;
    width: 45%;
    margin-bottom: 20px;
    border-top: yellow;
}
   
   
  }


 @media screen and (max-width: 500px){
.home-industry-sangni .title h2 {
    font-size: 24px;
}
.home-industry-sangni .title p {
    padding: 15px;
    font-size: 16px;
}
.home-industry-sangni .title {
    padding-top: 50px;
}
  }



 @media screen and (max-width: 500px){
.home-industry-sangni {
    padding: 0 0 30px;
}
   .indexC-arshine h3 {
    margin-bottom: 10px;
}
.indexC-arshine p {
    font-size: 14px;
}
  }
  
  
  */