.case {padding:clamp(35px, 4.6vw, 90px) 0 clamp(35px, 5.8vw, 110px);background: #000;}

.case .tit {display: flex;align-items: flex-end;justify-content: space-between;}
.case .tit .t {width: 74%;text-align: left;}
.case .tit .t h3{line-height: 1;color: #fff;}
.case .tit .t p {font-size: 18px;line-height:1.6;color: #8A8A8A;margin-top: 15px;}

.case .tit .page{display:flex;justify-content:center;align-items: center;}
.case .tit .swiper-button-prev,.case .tit .swiper-button-next{position:static;overflow:hidden;background:none;margin-top:0;color:#fff;margin: 0 5px;width:40px;height:40px;border-radius: 50%;line-height:40px;background: transparent;transition: all .4s ease 0s;position: relative;left: auto !important;top: auto !important;right: auto !important;}
.case .tit .swiper-button-next::after,.case .tit .swiper-button-prev::after {display:none;}
.case .tit .swiper-button-prev i,.case .tit .swiper-button-next i{color:inherit;font-size:16px;display:inline-block;}
.case .tit .swiper-button-next:hover,.case .tit .swiper-button-prev:hover{border-color: var(--color-primary);}

.case .swiper-pagination{position:static;width:auto;font-size:18px;}
.case .swiper-pagination .swiper-pagination-current{font-size:24px;color:#fff;font-weight:700;}


.case .list {margin-top:clamp(35px, 4.6vw, 90px);position: relative;}
.case .swiper-slide{}
.case .swiper-slide ul li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #1E1E1E;display:flex;justify-content:space-between;align-items:center;}
.case .swiper-slide ul li h5{font-size:22px;color:#fff;font-weight:400;}
.case .swiper-slide ul li p{margin:10px 0 0;font-size:16px;}
.case .swiper-slide .left{width:60%;}
.case .swiper-slide .right{display:flex;align-items:center;}
.case .swiper-slide .right span:first-child::after{content:"";width:1px;height:16px;background:#8A8A8A;display:inline-block;margin:0 10px;}


/*

.case .tit {display: flex;align-items: flex-end;justify-content: space-between;}
.case .tit .t {width: 74%;text-align: left;}
.case .tit .t h3{line-height: 1;color: #fff;}
.case .tit .t p {font-size: 18px;line-height: 30px;color: #8A8A8A;margin-top: 15px;}
.case .tit .page{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;align-items: center;-webkit-align-items:center;position: static;}
.case .tit .swiper-button-prev,.case .tit .swiper-button-next{position:static;overflow:hidden;background:none;margin-top:0;color:#fff;margin: 0 5px;width: 48px;height: 48px;border-radius: 50%;line-height: 46px;background: transparent;transition: all .4s ease 0s;border: 1px solid #fff;box-sizing: border-box;position: relative;left: auto !important;top: auto !important;right: auto !important;}
.case .tit .swiper-button-next::after,.case .tit .swiper-button-prev::after {display:none;}
.case .tit .swiper-button-prev i,.case .tit .swiper-button-next i{color:inherit;font-size:16px;display:inline-block;}
.case .tit .swiper-button-next::before{content: '\e650';}
.case .tit .swiper-button-prev::before{content: '\e64f';}
.case .tit .swiper-button-next::before,.case .tit .swiper-button-prev::before {font-family: "qico" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;background: var(--color-primary);position: absolute;top: 100%;left: 0;width: 100%;height: 100%;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;transition: top .3s ease-in-out;z-index: 2;pointer-events: none;}
.case .tit .swiper-button-next:hover::before,.case .tit .swiper-button-prev:hover::before{top: 0;}
.case .tit .swiper-button-next:hover,.case .tit .swiper-button-prev:hover{border-color: var(--color-primary);}



.case .list {margin-top: 100px;position: relative;}
.case .list .pic {border-radius: 12px;overflow: hidden;position: relative;}
.case .list .pic::after {content: '';position: absolute;left: 0;width: 100%;bottom: 0;height: 0;background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, .9) 0%, rgba(0,0,0, 0) 90%);background-image: -moz-linear-gradient(bottom, rgba(0,0,0, .9) 0%, rgba(0,0,0, 0) 90%);background-image: -o-linear-gradient(bottom, rgba(0,0,0, .9) 0%, rgba(0,0,0, 0) 90%);background-image: linear-gradient(bottom, rgba(0,0,0, .9) 0%, rgba(0,0,0, 0) 90%);z-index: 9;transition: all 1s ease;opacity: 0;}
.case .list .swiper-slide.swiper-slide-active .pic::after {height: 70%;opacity: 1;}
.case .list .pic img {width: 100%;}
.case .list .pic .txt {position: absolute;left: 0;bottom:0;width: 100%;padding: 0 45px 25px;display: flex;align-items: flex-end;justify-content: space-between;z-index: 10;opacity: 0;transform: translateY(30px);transition: all 1.3s ease;}
.case .list .swiper-slide.swiper-slide-active .pic .txt {opacity: 1;transform: translateY(0);}
.case .list .pic .txt .t {width: 62%;}
.case .list .pic .txt .case-tab ul {display: flex;flex-wrap: wrap;margin: 0 -4px;}
.case .list .pic .txt .case-tab ul li {padding: 0 4px;}
.case .list .pic .txt .case-tab ul li a {display: block;line-height: 25px;padding: 0 12px;background: #000;border-radius: 13px;color: #ACACAC;font-size: 14px;position: relative;overflow: hidden;}
.case .list .pic .txt .case-tab ul li a:hover::before{content:attr(data-text);display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: var(--color-primary);border-radius: 20px;animation: animation_btn .5s ease-in-out;}
.case .list .pic .txt .t h5 {font-size: 24px;color: #fff;line-height: 1;text-transform: capitalize;margin-top: 15px;}
.case .list .pic .txt .t p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: 30px;color: #8A8A8A;margin-top: 10px;}
.case .list .pic .txt .t span.date {display: block;font-size: 16px;line-height: 1;color: #8A8A8A;margin-top: 10px;}
.case .list .pic .txt a.more {position: relative;line-height: 38px;padding:0 25px;font-size:16px;border-radius: 20px;color: #fff;box-sizing: border-box;border: 1px solid #fff;transition: all .8s ease;font-size: 16px;overflow: hidden;}
.case .list .pic .txt a.more:hover {border-color: var(--color-primary);}
.case .list .pic .txt a.more:hover::before {content: 'Explore More';padding:0 25px;font-size:16px;display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: var(--color-primary);border-radius: 20px;animation: animation_btn .5s ease-in-out;}

.case .swiper-pagination-bullets{position:static;margin-top: 20px;display: none;}
.case .swiper-pagination-bullet {width:10px;height:10px;margin:0 3px;background:#5E5E5E;border-radius:50%;opacity:1;box-sizing:border-box;}
.case .swiper-pagination-bullet-active{background:var(--color-primary);}

*/


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

.case {padding: 70px 0 85px;}
.case .tit .t p {font-size: 17px;line-height: 28px;margin-top: 20px;}
.case .list {margin-top: 80px;}
.case .list .pic .txt {padding: 0 35px 20px;}
.case .list .pic .txt .case-tab ul li a {padding: 0 10px;font-size: 13px;}
.case .list .pic .txt .t {width: 66%;}
.case .list .pic .txt .t h5 {font-size: 22px;margin-top: 12px;}
.case .list .pic .txt .t p {line-height: 28px;margin-top: 8px;}

}

                                
@media screen and (max-width: 1367px) {
.case {padding: 50px 0 55px;}
.case .tit .t p {font-size: 16px;line-height: 26px;margin-top: 15px;}
.case .list {margin-top: 60px;}
.case .list .pic .txt {padding: 0 25px 15px;}
.case .list .pic .txt .case-tab ul li a {padding: 0 8px;font-size: 12px;}
.case .list .pic .txt .t {width: 70%;}
.case .list .pic .txt .t h5 {font-size: 20px;margin-top: 9px;}
.case .list .pic .txt .t p {line-height: 26px;margin-top: 6px;}

}
                                    
                                
@media screen and (max-width: 992px) {
	
.case {padding: 30px 0;}
.case .tit {display: block;}
.case .tit .t {width: 100%;text-align: center;}
.case .tit .t p {font-size: 15px;line-height: 24px;margin-top: 10px;}
.case .tit .page {display: none;}
.case .list {margin-top: 30px;}
.case .list .pic .txt {padding: 0 20px 15px;display: block;text-align: center;}
.case .list .pic .txt .t {width: 100%;}
.case .list .pic .txt .case-tab ul {width: 100%;justify-content: center;}
.case .list .pic .txt .t h5 {font-size: 18px;margin-top: 5px;}
.case .list .pic .txt .t p {line-height: 24px;margin-top: 5px;font-size: 15px;}
.case .list .pic .txt .t span.date {font-size: 14px;margin-top: 5px;}
.case .list .pic .txt a.more {line-height:32px;padding:0 15px;font-size:15px;display: inline-block;margin-top:15px;}

.case .list .pic .txt a.more:hover::before{padding:0 15px;font-size:15px;}

.case .swiper-pagination-bullets{display: block;}

}
                                
@media screen and (max-width: 768px) {
.case .list .pic {background: #1f1f1f;}
.case .list .pic .txt .case-tab ul li a {padding: 0 4px;font-size: 10px;}
}

@media screen and (max-width: 480px) {
.case .list .pic .txt {position: static;margin-top: 20px;}
.case .list .pic::after {display: none;}
.case .list .pic .txt a.more{font-size:14px;}
.case .list .pic .txt a.more:hover::before{font-size:14px;}
}





/*

.kuangke_case_slider_section {padding:130px 0;background-color:#f8f9fa;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;}
.kuangke_case_slider_section .kuangke_case_slider_section .container {position:relative;z-index:2;}

.kuangke_case_slider_section .kuangke_case_header {display:flex;justify-content:space-between;align-items:center;margin-bottom:80px;gap:40px;}
.kuangke_case_slider_section .kuangke_case_content {flex:1;}
.kuangke_case_slider_section .kuangke_case_title {font-family:var(--title-font-family);font-size:46px;font-weight:600;line-height:1.17;color:var(--title-text-color);margin-bottom:20px;text-align:left;}
.kuangke_case_slider_section .kuangke_case_description {margin-bottom:0;}
.kuangke_case_slider_section .kuangke_case_description p {font-family:var(--font-family);font-size:18px;font-weight:400;line-height:1.17;color:var(--text-color);margin-bottom:0;text-align:left;max-width:962px;}

.kuangke_case_slider_section .kuangke_case_navigation {display:flex;gap:20px;flex-shrink:0;}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {right:5%;width:90%;}
.kuangke_case_slider_section .kuangke-case-prev,.kuangke_case_slider_section .kuangke-case-next {width:42px;height:42px;background-color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:#ffffff;box-shadow:0px 4px 10px rgba(185,209,230,0.3);position:static;}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {display:none;}
.kuangke_case_slider_section .kuangke-case-prev:hover,.kuangke_case_slider_section .kuangke-case-next:hover {background:#1554A3;}
.kuangke_case_slider_section .kuangke-case-prev:hover svg path,.kuangke_case_slider_section .kuangke-case-next:hover svg path {fill:#FFF;}
.kuangke_case_slider_section .kuangke-case-prev.swiper-button-disabled,.kuangke_case_slider_section .kuangke-case-next.swiper-button-disabled {opacity:0.5;cursor:not-allowed;}

.kuangke_case_slider_section .kuangke_case_slider_container,.kuangke_case_slider_section .kuangke-case-swiper {margin:0 auto;overflow:hidden;}
.kuangke_case_slider_section .kuangke-case-swiper .swiper-wrapper {align-items:center;transform:translate3d(0px,0,0);}
.kuangke_case_slider_section .kuangke-case-swiper .swiper-slide {flex-shrink:0;}
.kuangke_case_slider_section .kuangke-case-swiper .swiper-slide:first-child {margin-left:0;}

.kuangke_case_slider_section .kuangke_case_card {display:flex;height:460px;padding:30px;flex-direction:column;gap:20px;background:#ECF1F7;border-radius:20px;transition:all 0.3s ease;box-shadow:0px 4px 15px rgba(0,0,0,0.1);}
.kuangke_case_slider_section .kuangke-case-swiper .swiper-slide:last-child .kuangke_case_card {margin-right:0;}
.kuangke_case_slider_section .kuangke_case_card:hover {box-shadow:0px 8px 25px rgba(0,0,0,0.15);background:var(--color-primary);}
.kuangke_case_slider_section .kuangke_case_card:hover .kuangke_case_card_title,.kuangke_case_slider_section .kuangke_case_card:hover .kuangke_case_card_description {color:#FFF;}
.kuangke_case_slider_section .kuangke_case_info {flex:1;display:flex;flex-direction:column;gap:20px;}
.kuangke_case_slider_section .kuangke_case_card_title {font-family:var(--title-font-family);font-size:26px;font-weight:600;line-height:1.17;color:var(--title-text-color);margin:0;}
.kuangke_case_slider_section .kuangke_case_card_description {font-family:var(--font-family);font-size:16px;font-weight:400;line-height:1.17;color:#808080;margin:0;flex:1;}
.kuangke_case_slider_section .kuangke_case_image {border-radius:20px;overflow:hidden;}
.kuangke_case_slider_section .kuangke_case_image img {width:100%;height:100%;object-fit:cover;display:block;}


.kuangke_case_slider_section .kuangke-case-pagination {position:relative;margin-top:80px;display:flex;align-items:center;justify-content:center;width:100%;height:20px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-track {position:relative;width:100%;height:4px;background:#E5E5E5;border-radius:2px;cursor:pointer;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider {position:absolute;top:50%;left:0;transform:translateY(-50%);width:20%;min-width:40px;height:10px;background:#1554A3;border-radius:3px;cursor:grab;transition:all 0.3s ease;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider:hover {transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px rgba(21,84,163,0.4);}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider:active,.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider.dragging {cursor:grabbing;transform:translateY(-50%) scale(1.2);box-shadow:0 6px 16px rgba(21,84,163,0.5);}

.kuangke_case_slider_section .kuangke-case-pagination .swiper-pagination-bullet {display:none;}
.kuangke_case_slider_section .kuangke-case-pagination .swiper-pagination-bullet-active {display:none;}
.kuangke_case_slider_section .kuangke-case-pagination::after {display:none;}



@media (max-width:1200px) {
.kuangke_case_slider_section .kuangke_case_slider_section {padding:80px 0;}
.kuangke_case_slider_section .kuangke_case_title {font-size:38px;}
.kuangke_case_slider_section .kuangke_case_header {margin-bottom:50px;gap:30px;}
.kuangke_case_slider_section .kuangke_case_slider_container,.kuangke_case_slider_section .kuangke-case-swiper {width:900px;}
.kuangke_case_slider_section .kuangke-case-swiper .swiper-slide {width:290px !important;}
.kuangke_case_slider_section .kuangke_case_card {height:400px;width:380px;padding:25px;}
.kuangke_case_slider_section .kuangke-case-pagination {margin-top:60px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-track {max-width:480px;height:3px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider {height:14px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider {min-width:35px;}
}

@media (max-width:991px) {
.kuangke_case_slider_section .kuangke_case_slider_section {padding:60px 0;}
.kuangke_case_slider_section .kuangke_case_title {font-size:32px;}
.kuangke_case_slider_section .kuangke_case_header {flex-direction:column;gap:30px;margin-bottom:60px;text-align:center;}
.kuangke_case_slider_section .kuangke_case_description p {font-size:16px;}
.kuangke_case_slider_section .kuangke_case_navigation {order:-1;justify-content:center;}
.kuangke_case_slider_section .kuangke_case_slider_container,.kuangke_case_slider_section .kuangke-case-swiper {width:660px;}
.kuangke_case_slider_section .kuangke-case-swiper .swiper-slide {width:210px !important;}
.kuangke_case_slider_section .kuangke_case_card {width:100% !important;max-width:none !important;height:420px;padding:30px;}
.kuangke_case_slider_section .kuangke_case_card_title {font-size:22px;}
.kuangke_case_slider_section .kuangke_case_card_description {font-size:15px;}
.kuangke_case_slider_section .kuangke-case-pagination {margin-top:60px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-track {max-width:450px;height:3px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider {height:14px;min-width:30px;}
}

@media (max-width:767px) {
.kuangke_case_slider_section .kuangke_case_slider_section {padding:50px 0;}
.kuangke_case_slider_section .kuangke_case_title {font-size:28px;}
.kuangke_case_slider_section .kuangke_case_description p {font-size:14px;}
.kuangke_case_slider_section .kuangke_case_header {flex-direction:column;gap:30px;margin-bottom:20px;}
.kuangke_case_slider_section .kuangke_case_slider_container,.kuangke_case_slider_section .kuangke-case-swiper {width:320px;}
.kuangke_case_slider_section .kuangke-case-swiper .swiper-slide {width:100px !important;}
.kuangke_case_slider_section .kuangke_case_card {width:100% !important;max-width:none !important;height:380px;padding:25px;}
.kuangke_case_slider_section .kuangke_case_card_title {font-size:20px;}
.kuangke_case_slider_section .kuangke_case_card_description {font-size:14px;}
.kuangke_case_slider_section .kuangke-case-pagination {margin-top:40px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-track {max-width:300px;height:3px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider {height:12px;min-width:25px;}
}

@media (max-width:576px) {
.kuangke_case_slider_section {padding:40px 0;}
.kuangke_case_slider_section .kuangke_case_navigation {display:none;}
.kuangke_case_slider_section .kuangke_case_card {height:350px;}
.kuangke_case_slider_section .kuangke_case_title {font-size:24px;}
.kuangke_case_slider_section .kuangke_case_description p {font-size:14px;}
.kuangke_case_slider_section .kuangke_case_slider_container {width:100%;margin:0;padding:0;}
.kuangke_case_slider_section .kuangke-case-swiper {width:100%;height:350px;}
.kuangke_case_slider_section .kuangke-case-swiper .swiper-slide {width:100% !important;max-width:none !important;}
.kuangke_case_slider_section .kuangke_case_card {width:100% !important;max-width:none !important;height:350px;padding:20px;}
.kuangke_case_slider_section .kuangke_case_card_title {font-size:18px;}
.kuangke_case_slider_section .kuangke_case_card_description {font-size:14px;}
.kuangke_case_slider_section .kuangke-case-pagination {margin-top:30px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-track {max-width:280px;height:3px;}
.kuangke_case_slider_section .kuangke-case-pagination .pagination-slider {height:12px;min-width:20px;}
}

*/