@charset "utf-8";
/* CSS Document */
header{position:inherit;top:inherit;left:inherit;width:100%;z-index:999;padding:15px 0;transition:background-color 0.3s ease}
.bennerDiv{padding:5% 0 0 10%;width:100%;min-height:440px;background:url(" ../images/Case/banner01.png") no-repeat}
.bennerDiv h2{font-size:64px;color:#fff;font-weight:400}
.bennerDiv p{width:50%;font-size:24px;line-height:64px;color:#fff}

/*客户案例*/
.anliDiv1{width:100%;background:url("../images/Case/anli_bj01.png") no-repeat;padding:70px 0}
.anliDiv1 .titleDiv{width:100%;text-align:center}
.anliDiv1 .titleDiv h4{font-size:40px;color:#333;font-weight:normal}
.anliDiv1 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:20px auto}
.anliDiv1 .titleDiv p{text-align:center;font-size:16px;color:#666}
.anliDiv1 .NrDiv{width:100%;padding:70px 0 0 0}
.anliDiv1 .NrDiv .picDiv{width:46%;height:auto;float:left}
.anliDiv1 .NrDiv .picDiv img{width:100%}
.anliDiv1 .NrDiv .txtDiv{width:50%;float:right;padding:0 2%}
.anliDiv1 .NrDiv .txtDiv h3{font-size:24px;font-weight:600;color:#333;line-height:36px;height:36px;margin:10px auto 15px auto}
.anliDiv1 .NrDiv .txtDiv p{width:80%;font-size:16px;color:#666;line-height:24px}
.anliDiv1 .NrDiv .txtDiv .hxcpDiv{width:100%}
.anliDiv1 .NrDiv .txtDiv .hxcpDiv a{display:inline-block;color:#256CFF;width:30%;text-align:left;font-size:18px;line-height:36px;color:#256CFF}
.anliDiv1 .NrDiv .txtDiv .hxcpDiv a:hover{color:#4080FF}
.anliDiv1 .NrDiv .txtDiv .hxcpDiv a i{font-size:12px;vertical-align:middle;color:#256CFF}
.anliDiv1 .NrDiv .txtDiv .anniuDiv{width:100%;margin:20px auto 0 auto}
.anliDiv1 .NrDiv .txtDiv .anniuDiv a{display:inline-block;margin-right:10px}
.anliDiv1 .NrDiv .txtDiv .anniuDiv .ljzxAn{height:46px;line-height:46px;color:#fff;background:linear-gradient(to right, #256CFF, #4080FF);border-radius:8px;padding:0 30px;font-size:20px}
.anliDiv1 .NrDiv .txtDiv .anniuDiv .ljzxAn:hover{background:linear-gradient(to right, #4080FF, #256CFF)}
.anliDiv1 .NrDiv .txtDiv .anniuDiv .ljgdcpAn{height:46px;line-height:46px;color:#256CFF;border:#256CFF solid 1px;border-radius:8px;padding:0 30px;font-size:20px}
.anliDiv1 .NrDiv .txtDiv .anniuDiv .ljgdcpAn:hover{background:linear-gradient(to right, #256CFF, #4080FF);color:#fff}

/*案例列表*/
.anliDiv2{width:100%;background:url("../images/Case/anli_bj02.png") no-repeat;padding:70px 0}
.anliDiv2 .titleDiv{width:100%;text-align:center;margin:0 auto 50px auto}
.anliDiv2 .titleDiv h4{font-size:40px;color:#fff;font-weight:normal}
.anliDiv2 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#fff;margin:20px auto}
.anliDiv2 .titleDiv p{text-align:center;font-size:16px;color:#fff}

/**/
/* 轮播可视容器 */
.carousel-container{width:100%;max-width:1440px;overflow:hidden;margin-bottom:40px;position:relative}
/* 轮播轨道 */
.carousel-track {display:flex;gap:20px;position:relative;left:0;transition:left 0.5s ease-in-out}

/* 白色产品卡片 */
/*.product-card{width:calc(25% - 15px);min-width:280px;background:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);flex-shrink:0}*/
.product-card{width:calc(25% - 16px);min-width:280px;background:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);flex-shrink:0}
/* 卡片图片 */
.card-img{width:100%;height:180px;border-radius:4px;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover}
/* 卡片内容 */
.card-title {font-size:18px;font-weight:700;color:#333}
.card-desc {font-size:14px;color:#666;line-height:1.6;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.card-enterprise {display:flex;align-items:center;gap:8px;margin-top:12px}
.enterprise-logo {width:24px;height:24px;border-radius:50%;overflow:hidden;background:#eee}
.enterprise-logo img {width:100%;height:100%;object-fit:cover}
.enterprise-name {font-size:13px;color:#555;font-weight:500}
/* 切换按钮 */
.carousel-controls {display:flex;gap:20px;justify-content:center}
.control-btn {width:40px;height:40px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0, 0, 0, 0.2)}
.control-btn:disabled {background:#ccc;cursor:not-allowed}
.control-btn:disabled svg {fill:#999}
.control-btn svg {width:20px;height:20px;fill:#333}

/*合作伙伴*/
.hzhbDiv{width:100%}
.hzhbDiv img{width:100%;height:auto}

/*+++++++=响应式适配 - 手机=*+++++++*/
@media screen and (min-width:0px) and (max-width:575px) {
/*客户案例*/
.bennerDiv{padding:5% 0 5% 5%;width:100%;min-height:inherit;background:url(" ../images/Case/banner01.png") no-repeat;background-size:cover}
.bennerDiv h2{font-size:24px;color:#fff;font-weight:400;margin-bottom:10px}
.bennerDiv p{width:80%;font-size:14px;line-height:20px;color:#fff}
.anliDiv1{width:100%;background:url("../images/Case/anli_bj01.png") no-repeat center top; background-size:cover;padding:30px 0}
.anliDiv1 .titleDiv{width:100%;text-align:center}
.anliDiv1 .titleDiv h4{font-size:24px;color:#333;font-weight:normal}
.anliDiv1 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:20px auto}
.anliDiv1 .titleDiv p{text-align:center;font-size:14px;color:#666}
.anliDiv1 .NrDiv{width:100%;padding:30px 0 0 0}
.anliDiv1 .NrDiv .picDiv{width:100%;height:auto;float:inherit}
.anliDiv1 .NrDiv .txtDiv{width:100%;float:inherit;padding:10px 2%}
.anliDiv1 .NrDiv .txtDiv h3{font-size:20px;font-weight:600;color:#333;line-height:26px;height:26px;margin:15px auto 10px auto}
.anliDiv1 .NrDiv .txtDiv p{width:100%;font-size:16px;color:#666;line-height:28px}
.anliDiv1 .NrDiv .txtDiv .hxcpDiv a{display:inline-block;color:#256CFF;width:50%;height:36px;overflow:hidden;float:left;text-align:left;font-size:15px;line-height:36px;color:#256CFF}
	
.anliDiv1 .NrDiv .txtDiv .anniuDiv{width:100%;margin:0px auto}
.anliDiv1 .NrDiv .txtDiv .anniuDiv a{display:inline-block;margin-right:inherit;margin-top:10px}
.anliDiv1 .NrDiv .txtDiv .anniuDiv .ljzxAn{width:100%;text-align:center; height:46px;line-height:46px;color:#fff;background:linear-gradient(to right, #256CFF, #4080FF);border-radius:8px;padding:0 30px;font-size:20px}
.anliDiv1 .NrDiv .txtDiv .anniuDiv .ljzxAn:hover{background:linear-gradient(to right, #4080FF, #256CFF)}
.anliDiv1 .NrDiv .txtDiv .anniuDiv .ljgdcpAn{width:100%;text-align:center; height:46px;line-height:46px;color:#256CFF;border:#256CFF solid 1px;border-radius:8px;padding:0 30px;font-size:20px}
.anliDiv1 .NrDiv .txtDiv .anniuDiv .ljgdcpAn:hover{background:linear-gradient(to right, #256CFF, #4080FF);color:#fff}

/*案例列表*/
.anliDiv2{width:100%;background:url("../images/Case/anli_bj02.png") no-repeat;padding:30px 0}
.anliDiv2 .titleDiv{width:100%;text-align:center}
.anliDiv2 .titleDiv h4{font-size:24px;color:#fff;font-weight:normal}
.anliDiv2 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#fff;margin:20px auto}
.anliDiv2 .titleDiv p{text-align:center;font-size:14px;color:#fff}
}

 /* 响应式适配 */
@media (max-width:1600px) {
.product-card {width:calc(25% - 15px)}
}
@media (max-width:1200px) {
.product-card {width:calc(33.333% - 13px)}
}
@media (max-width:900px) {
.product-card {width:calc(50% - 10px)}
}
@media (max-width:600px) {
.product-card {width:calc(100% - 10px);min-width:240px}
.control-btn {width:34px; height: 34px}
.control-btn svg {width:16px;height:16px}
}