 .machine {
     margin-top: 2.6%;
     width: 100%;
     position: relative;
     float: left;
 }

 .machine .title {
     text-align: center;
     height: 80px;
 }

 .title h1 {
     font-size: 32px;
     color: #000;
     font-weight: 400;
 }

 .title .more a {
     font-size: 16px;
     color: #010101;
 }

 .list ul {
     display: flex;
     justify-content: flex-start;
     flex-wrap: initial;
     overflow: hidden;
     margin-top: 30px;
 }

 .list ul li {
     transition: 0.8s all;
     flex: 1 1 12%;
     overflow: hidden;
     width: 12%;
     margin-right: 1px;
     position: relative;
 }

 .list ul li.oli {
     flex: 1 1 60%;
     width: 60%;
 }

 .list ul li a {
     background-color: rgba(0, 0, 0, 0.5);
     display: block;
 }


 .list ul li figure {
     width: 100%;
     height: 480px;
 }

 .list ul li figure img {
     width: 100%;
     height: 100%;
     object-fit: cover;
z-index: -1;
    position: relative;
 }

 .list ul li .text {
     z-index: 1;
     position: absolute;
     top: 17%;
     left: 0;
     width: 100%;
 }

 .list ul li.oli .text {
     left: 10%;
     width: fit-content;
     top: 17%;
 }

 .list ul li .text p {
     font-size: 16px;
     width: 336px;
     line-height: 26px;
     color: #fff;
     visibility: hidden;
     opacity: 0;
     transform: translateY(20px);
     animation-name: fadeInUp3;
     animation-duration: 1.5s;
     animation-fill-mode: both;
 }

 .list ul li.oli .text p {
     transition: all 0.4s 0.3s linear;
     visibility: visible;
     transform: translateY(0);
     opacity: 0.7;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }
 .list ul li.oli .text p strong {
    font-size: 20px;
 }

 .list ul li .text .l_more {
     font-size: 14px;
     margin-top: 38px;
     display: flex;
     visibility: hidden;
     opacity: 0;
     transform: translateY(20px);
     animation-name: fadeInUp3;
     animation-duration: 1.5s;
     animation-fill-mode: both;
     color: #fff;
 }

 .list ul li.oli .text .l_more {
     transition: all 0.4s 0.3s linear;
     visibility: visible;
     opacity: 1;
     transform: translateY(0);
 }

 .list ul li .text .l_more span {
     margin-left: 5px;
     position: relative;
     left: 0px;
     transition: 0.5s;
 }

 .list ul li .text .l_more:hover span {
     left: 15px;
 }

 .list ul li:last-child {
     margin-right: 0px;
 }

 .metal {
     margin-top: 2.6%;
     width: 100%;
     position: relative;
     float: left;
 }

 .metal .title {
     text-align: center;
     margin-bottom: 3.5%;
 }

 @keyframes columns {
     from {
         box-shadow: 0 0 0 0 #005eb8;
     }

     to {
         box-shadow: 0 0 0 20px transparent;
     }
 }

 @-webkit-keyframes columns {
     from {
         box-shadow: 0 0 0 0 #005eb8;
     }

     to {
         box-shadow: 0 0 0 20px transparent;
     }
 }

 #latest-news-container a:hover {
     color: #005eb8;
 }

 .single-wrapper {
     display: flex;
     justify-content: space-between;
 }

 #latest-news-container .single-item {
     width: 49%;
 }

 #latest-news-container .single-item:hover {
     animation: columns 0.3s;
     transform: scale(0.9);
 }

 #latest-news-container .single-item-main {
     padding: 0px;
     background: #fff;
     overflow: hidden;
     border: #EEEEEE thin solid;
     border-width: 1px;
 }

 #latest-news-container .single-icon .grid li {
     margin: 0;
     padding: 0px;
     text-align: left;
     position: relative;
     width: 100%;
 }

 #latest-news-container .single-icon .grid figure {
     margin: 0;
     position: relative;
 }

 #latest-news-container .single-icon .grid figure img {
     width: 100%;
     display: block;
     position: relative;
 }

 #latest-news-container .single-icon .grid figcaption {
     position: absolute;
     top: 0;
     left: 0;
     padding: 5px;
     background: #F7F7F7;
 }

 #latest-news-container .single-icon .grid figcaption h3 {
     margin: 0;
     padding: 3px;
     color: #000;
 }

 #latest-news-container .single-icon .grid figcaption a {
     text-align: center;
     padding: 5px 10px;
     border-radius: 2px;
     display: inline-block;
     background: none;
     color: #fff;
     width: 100%;
     font-size: 13px;
 }

 .cs-style-5 figure img {
     z-index: 10;
     transition: transform 0.4s;
 }

 .no-touch .cs-style-5 figure:hover img,
 .cs-style-5 figure.cs-hover img {
     transform: scale(0.8);
 }

 .cs-style-5 figcaption {
     width: 100%;
     height: 100%;
     opacity: 0;
     transform: scale(0.7);
     backface-visibility: hidden;
     transition: transform 0.4s, opacity 0.4s;
 }

 .no-touch .cs-style-5 figure:hover figcaption,
 .cs-style-5 figure.cs-hover figcaption {
     transform: scale(1);
     opacity: 1;
 }

 .cs-style-5 figure a {
     position: absolute;
     bottom: 0px;
     right: 0;
 }

 #latest-news-container .single-item h3 {
     font-size: 20px;
     color: #000;
     margin: 15px 0px 0px 0px;
     padding: 0px 20px 0px 20px;
     height: auto;
     text-align: center;
     text-shadow: 0px 1px 1px #e4ebe9;
 }

 #latest-news-container .single-button {
     margin: 30px 0px 20px 0px;
 }

 .btn {
     border: none;
     border-radius: 3px;
     color: inherit;
     background: none;
     cursor: pointer;
     padding: 12px 18px;
     display: inline-block;
     margin: 0px 30px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: normal;
     outline: none;
     position: relative;
     transition: all 0.3s;
 }

 .btn:after {
     content: '';
     position: absolute;
     z-index: -1;
     transition: all 0.3s;
 }

 .btn-blue {
     background: #005eb8;
     color: #FFF;
     box-shadow: none;
 }

 .btn-blue:hover {
     background: #3b8dc9;
     box-shadow: none;
     color: #FFF;
 }

 .btn-blue:active {
     background: #75C5FF;
     top: 2px;
 }

 .btn-blue:before {
     position: absolute;
     height: 100%;
     left: 0;
     top: 4px;
     line-height: 2;
     font-size: 13px;
 }

 .btn-3blue {
    padding: 10px 35px 10px 15px;
    overflow: hidden;
 }

 .btn-3blue:before {
     left: auto;
     right: 3px;
     z-index: 2;
 }

 .btn-3blue:after {
     width: 30%;
     height: 200%;
     background: rgb(22 27 30 / 50%);
     z-index: 1;
     right: 0;
     top: 0;
     margin: -5px 0 0 -5px;
     transform-origin: 0 0;
     transform: rotate(-20deg);
 }

 .btn-3blue:hover:after {
     width: 35%;
 }

 .about {
     margin-top: 2.6%;
     width: 100%;
     position: relative;
     float: left;
     background-color: #F5F5F5;
 }

 .about .title {
     text-align: center;
     margin-bottom: 3.5%;
 }

 .tup {
     width: 51.7%;
 }

 .tup img {
     width: 100%;
     height: 100%;
 }

 .a_word {
     width: 47.15%;
     font-size: 18px;
     color: #010101;
     margin-left: 1%;
 }

 .a_word p {
     width: 100%;
 }

 .a_txt {
     margin-bottom: 2.5%;
 }

 .a_txt .more a {
     display: block;
     font-size: 16px;
     color: #010101;
     margin-top: 52%;
 }

 .news {
     margin-top: 2.6%;
     width: 100%;
     position: relative;
     float: left;
 }

 .news .title {
     text-align: center;
     height: 80px;
 }

 .n_list {
     width: 100%;
     float: left;
 }

 .n_detail {
     width: 48.3%;
     height: 80px;
     float: left;
     margin-left: 1.7%;
     margin-top: 1.25%;
 }

 .n_detail span {
     width: 12%;
     height: 68px;
     line-height: 68px;
     text-align: center;
     float: left;
     background-color: #C30813;
 }

 .n_detail span b {
     width: 100%;
     float: left;
     font-size: 32px;
     height: 50px;
     line-height: 50px;
     color: #FCFFFF;
     font-weight: normal;
     padding-right: 5px;
 }

 .n_detail span u {
     width: 100%;
     float: left;
     font-size: 12px;
     height: 10px;
     line-height: 10px;
     color: #FCFFFF;
     text-decoration: none;
 }

 .n_detail a {
     display: block;
     font-size: 18px;
     color: #010101;
     margin-left: 14.5%;
 }

 .n_line {
     border-bottom: 1px solid #D0D0D0;
     width: 84.4%;
     margin: 1.6% 0px 1.6% 14.5%;
 }

 .n_detail p {
     font-size: 13px;
     color: #9b9a9a;
     margin-left: 14.5%;
 }