@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:7% 0 0 10%;width:100%;min-height:440px;background: url("../images/about/about_banner.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}
 /* 页面容器 */
.aboutDiv01{width:100%;padding:70px 0;background:url("../images/about/bg3.png") no-repeat}
.aboutDiv01 .company-section {width:100%;max-width:1200px;margin:0 auto;background: url("../images/about/tb.png") 20px 20px no-repeat #fff;border-radius:10px;box-shadow:0 0 15px 2px rgba(0, 0, 0, 0.05), 0 5px 0 0 #256CFF;padding:2rem;display:flex;gap:2rem;flex-wrap:wrap}
.aboutDiv01 .company-text {flex:6;min-width:300px;padding:50px 30px 0 30px}
.aboutDiv01 .company-title {font-size:1.8rem;color:#333;margin-bottom:1.5rem;font-weight:700;color:#256CFF}
.aboutDiv01 .company-content p {font-size:1rem;color:#666; line-height:1.8;margin-bottom:1rem;text-align:justify}
.aboutDiv01 .company-carousel {flex:4;min-width:300px;display:flex;flex-direction:column;align-items:center;gap:15px}
.aboutDiv01 .carousel-wrapper-box {width:100%;aspect-ratio:4/3;border-radius:10px;overflow:hidden;touch-action:pan-y}
.aboutDiv01 .carousel-wrapper {width:100%;height:100%;display:flex;transition:transform 0.5s ease-in-out}
.aboutDiv01 .carousel-item {flex:0 0 100%;width:100%;height:100%}
.aboutDiv01 .carousel-item img {width:100%;height:100%;object-fit:cover;border-radius:10px}
.aboutDiv01 .carousel-dots {display:flex;gap:8px;justify-content:center;width:100%}
.aboutDiv01 .carousel-dot {width:55px;height:4px;background-color:rgba(153, 153, 153, 0.5);border-radius:2px;cursor:pointer;transition:background-color 0.3s ease}
.aboutDiv01 .carousel-dot.active {background-color:#256CFF}

.aboutDiv02{width:100%;padding:70px 0;background:url( "../images/about/bg02.png") no-repeat center top}
.aboutDiv02 .titleDiv{width:100%;text-align:center}
.aboutDiv02 .titleDiv h4{font-size:40px;color:#fff;font-weight:normal}
.aboutDiv02 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#fff;margin:20px auto}
.aboutDiv02 .titleDiv p{text-align:center;font-size:16px;color:#fff}
.aboutDiv02 .jjfaNr{width:100%}
.aboutDiv02 .card-container {display:flex;justify-content:center;align-items:stretch;gap:24px;max-width:1200px;margin:50px auto 20px auto;flex-wrap:wrap;height:260px;overflow:hidden;padding:20px 0}
.aboutDiv02 .card {background-color:#fff;border-radius:16px;padding:28px;position:relative;flex:1;min-width:280px;box-shadow:0 2px 12px rgba(0, 0, 0, 0.06);overflow:hidden;border-bottom:#fff solid 5px;transition: all 0.3s ease-in-out;transform: translateY(0)}
.aboutDiv02 .card:hover {border-bottom:#256CFF solid 5px;transform: translateY(-8px);box-shadow: 0 8px 24px rgba(37, 108, 255, 0.12)}
.aboutDiv02 .card-title {color:#256CFF;font-size:24px;font-weight:600;margin-bottom:12px}
.aboutDiv02 .card-underline {width:60px;height:4px;background:linear-gradient(to right, #256CFF, #fff);margin-bottom:24px;border-radius:4px}
.aboutDiv02 .card-content {width:80%;color:#666;font-size:18px;line-height:1.6;z-index:1;position:relative}
.aboutDiv02 .box01{background:url("../images/about/c1.png") no-repeat right bottom #fff;background-size:35%}
.aboutDiv02 .box02{background:url("../images/about/c2.png") no-repeat right bottom #fff;background-size:35%}
.aboutDiv02 .box03{background:url("../images/about/c3.png") no-repeat right bottom #fff;background-size:35%}

.aboutDiv03{width:100%;padding:70px 0;background:url("../images/about/bg3.png") no-repeat center bottom}
.aboutDiv03 .titleDiv{width:100%;text-align:center}
.aboutDiv03 .titleDiv h4{font-size:40px;color:#333;font-weight:normal}
.aboutDiv03 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:20px auto}
.aboutDiv03 .titleDiv p{text-align:center;font-size:16px;color:#666}
.aboutDiv03 .jjfaNr{width:100%}

.aboutDiv04{width:100%;padding:70px 0 0 0;background:url( "../images/about/bg4.png") no-repeat center bottom}
.aboutDiv04 .titleDiv{width:100%;text-align:center}
.aboutDiv04 .titleDiv h4{font-size:40px;color:#fff;font-weight:normal}
.aboutDiv04 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#fff;margin:20px auto}
.aboutDiv04 .titleDiv p{text-align:center;font-size:16px;color:#fff}
.aboutDiv04 .jjfaNr{width:100%}

.aboutDiv05{width:100%;padding:70px 0;background:url( "../images/about/bg5.png") no-repeat center top;background-size:cover}
.aboutDiv05 .titleDiv{width:100%;text-align:center}
.aboutDiv05 .titleDiv h4{font-size:40px;color:#333;font-weight:normal}
.aboutDiv05 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:20px auto}
.aboutDiv05 .titleDiv p{text-align:center;font-size:16px;color:#666}
.aboutDiv05 .jjfaNr{width:100%}
.timeline-wrapper {position:relative;height:360px;width:100%;max-width:1440px;margin: 0 auto}
.timeline-base-line{height:7px;background:url("../images/about/bx.png") no-repeat;width:100%;position:absolute;bottom:40px;left:0;z-index:1;border-radius:3.5px;padding-bottom:20px}
.timeline-container {display:flex;gap:4rem;padding:2rem 0;overflow-x:auto;position:relative;z-index:2;height:100%;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}
.timeline-container:active {cursor: grabbing;}
.timeline-container::-webkit-scrollbar{display:none}
.timeline-item {display:flex;flex-direction:column;align-items:center;min-width:180px;position:relative;height:100%}
.timeline-content {position:absolute;bottom:140px;display:flex;flex-direction:column;align-items:center;width:100%}
.timeline-content2 {position:absolute;bottom:100px;display:flex;flex-direction:column;align-items:center;width:100%}
.timeline-content img,.timeline-content2 img {width:160px;height:90px;object-fit:cover;border-radius:8px;margin-bottom:0.5rem;background-color:#e2e8f0;display:flex;align-items: center;justify-content:center;color:#165DFF;font-size:20px}
.timeline-content p ,.timeline-content2 p {width:100%;text-align:center;line-height:20px;font-size:14px;color:#334155}
.timeline-vertical-line {width:2px;background:repeating-linear-gradient(to bottom,#94a3b8,#94a3b8 4px, transparent 4px,transparent 8px);margin:0 auto;position:absolute;bottom:40px}
.line-height-lg {height:100px}
.line-height-md {height:60px}
.timeline-drop {width:16px;height:16px;background:#165DFF;border-radius: 50% 50% 50% 0;transform:rotate(-45deg);
margin:0 auto;position:absolute;bottom:32px;z-index:3;box-shadow:0 2px 4px rgba(22, 93, 255, 0.3)}
.timeline-date {position:absolute;bottom:0;font-size:14px;color:#165DFF;font-weight:500}
.aboutDiv04 .card-container{text-align:center;width:100%;overflow:hidden;padding:50px 0 0 0}
/* Swiper 轮播容器样式 */
.aboutDiv04 .swiper-scale{width:100%;padding:20px 0 60px 0}
.aboutDiv04 .swiper-scale .swiper-slide{width:30%;max-width:600px;height:auto;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease}
.aboutDiv04 .swiper-scale .swiper-slide .box001{width:100%;background:#fff;border-radius:10px;padding:5%;margin:0;float:none;text-align:left}
.aboutDiv04 .swiper-scale .swiper-slide .box001 h4{font-size:24px;color:#3d3d3d;margin-bottom:5px}
.aboutDiv04 .swiper-scale .swiper-slide .box001 p{font-size:18px;color:#666;margin:10px auto;line-height:1.5}
.aboutDiv04 .swiper-scale .swiper-slide .box001 a{display:inline-block;border-radius:5px;height:48px;line-height:48px;padding:0 20px;background:linear-gradient(to right, #256CFF, #4080FF);color:#fff;font-size:20px;margin:10px 0;text-decoration:none}
.aboutDiv04 .swiper-scale .swiper-slide .box001 a:hover{opacity:0.9}
.aboutDiv04 .swiper-scale .swiper-slide .box001 .picDiv{width:100%;margin:10px auto}
.aboutDiv04 .swiper-scale .swiper-slide .box001 .picDiv img{width:100%;height:auto}
/* Swiper 导航按钮样式 */
.aboutDiv04 .swiper-scale .swiper-button-next,
.aboutDiv04 .swiper-scale .swiper-button-prev{color:#256CFF;width:44px;height:44px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.aboutDiv04 .swiper-scale .swiper-button-next:after,
.aboutDiv04 .swiper-scale .swiper-button-prev:after{font-size:20px;font-weight:bold}
.aboutDiv04 .swiper-scale .swiper-button-next:hover,
.aboutDiv04 .swiper-scale .swiper-button-prev:hover{background:#256CFF;color:#fff}
/* Swiper 分页器样式 */
.aboutDiv04 .swiper-scale .swiper-pagination{position:relative;margin-top:30px}
.aboutDiv04 .swiper-scale .swiper-pagination-bullet{width:12px;height:12px;background:#ccc;opacity:1}
.aboutDiv04 .swiper-scale .swiper-pagination-bullet-active{background:#256CFF;width:30px;border-radius:6px}

.aboutDiv04 .card-container .box002{width:35%;float:left;max-width:800px;background:#fff;border-radius:10px;padding:2%;margin:10px}
.aboutDiv04 .card-container .box002 h4{font-size:24px;color:#3d3d3d}
.aboutDiv04 .card-container .box002 p{font-size:18px;color:666;margin:10px auto}
.aboutDiv04 .card-container .box002 a{display:inline-block;border-radius:5px;height:48px;line-height:48px;padding:0 20px;background:linear-gradient(to right, #256CFF, #4080FF);color:#fff;font-size:20px}
.aboutDiv04 .card-container .box002 .picDiv{width:100%;margin:10px auto}
.aboutDiv04 .card-container .box002 .picDiv img{width:100%}

.gywm-card-scroll-wrap {width:95%;max-width:1440px;margin:50px auto 0 auto;position:relative;touch-action:pan-x;padding:0 0 2px 0}
.gywm-card-scroll-container {position:relative;width:100%;height:300px;cursor:grab;padding:0px 0;overflow:hidden}
.gywm-card-scroll-container img{width:100%}
.gywm-card-scroll-container.grabbing {cursor:grabbing}
.gywm-card-scroll-list {width:100%;display:flex;flex-wrap:nowrap;position:absolute;top:0;left:0;height:100%;transition:transform 0.3s ease-out;gap:12px;align-items:center}
.gywm-card-scroll-item {flex:0 0 auto;width: calc((100% - 6 * 12px) / 7);height:85%;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size: 16px;color:#333;border:2px solid transparent;transition:all 0.3s ease;z-index:1}
.gywm-card-scroll-item.gywm-card-active {color: #fff;transform: scale(1.15);height:100%;z-index:10;box-shadow:0 0 0 rgba(64, 158, 255, 0.4)}
.gywm-card-btn-group {display:flex;justify-content:center;gap:20px;margin-top:50px}
.gywm-card-control-btn {width:40px;height:40px;line-height:40px;border-radius:50%;background-color:#fff;color:#606266;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:20;outline: none;border:none}
.gywm-card-control-btn:hover:not(:disabled) {background-color:#409eff;color:#fff;box-shadow:0 4px 12px rgba(64, 158, 255, 0.3)}
.gywm-card-control-btn:disabled {cursor:not-allowed;opacity:0.5;background-color:#f5f7fa;color:#c0c4cc}

@media (max-width:768px) {
.gywm-card-control-btn {width:36px;height:36px;font-size:18px}
}
/* 媒体查询：平板端（一行4个） */
@media (max-width:1024px) {
.gywm-card-scroll-item {width:calc((100% - 3 * 12px) / 4)/* 一行4个，减去3个间距 */}
.gywm-card-scroll-item img {width:100%}
}
 /* 媒体查询：手机端（一行3个） */
@media (max-width: 768px) {
.gywm-card-scroll-item {width: calc((100% - 2 * 12px) / 3)/* 一行3个，减去2个间距 */}
.gywm-card-scroll-container {height:170px/* 手机端同步加高，容纳放大后的卡片 */}
/* 手机端放大比例适当降低，避免溢出 */
.gywm-card-scroll-item.gywm-card-active {transform:scale(1.1)}
}

/*合作伙伴*/
.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/about/about_banner.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}

.aboutDiv01{width:100%;padding:30px 0;background:url("../images/about/bg3.png") no-repeat}
.aboutDiv01 .company-section {width:100%;max-width:inherit;margin:0 auto;background: url("../images/about/tb.png") 20px 20px no-repeat #fff;border-radius:10px;box-shadow:0 0 15px 2px rgba(0, 0, 0, 0.05), 0 5px 0 0 #256CFF;padding:0 0 10% 0;display:flex;gap:1rem;flex-wrap:wrap;background-size:10%}
.aboutDiv01 .company-text {flex:6;min-width:300px;padding:50px 20px 0 20px}
.aboutDiv01 .company-title {font-size:1.8rem;color:#333;margin-bottom:1rem;font-weight:700;color:#256CFF}
.aboutDiv01 .company-content p {font-size:1rem;color:#666; line-height:1.5rem;margin-bottom:1rem;text-align:justify}
.aboutDiv01 .company-carousel {flex:4;min-width:300px;display:flex;flex-direction:column;align-items:center;gap:15px}
.aboutDiv01 .carousel-wrapper-box {width:90%;aspect-ratio:4/3;border-radius:10px;overflow:hidden;touch-action:pan-y}
.aboutDiv01 .carousel-wrapper {width:100%;height:100%;display:flex;transition:transform 0.5s ease-in-out}
.aboutDiv01 .carousel-item {flex:0 0 100%;width:100%;height:100%}
.aboutDiv01 .carousel-item img {width:100%;height:100%;object-fit:cover;border-radius:10px}
.aboutDiv01 .carousel-dots {display:flex;gap:8px;justify-content:center;width:100%}
.aboutDiv01 .carousel-dot {width:55px;height:4px;background-color:rgba(153, 153, 153, 0.5);border-radius:2px;cursor:pointer;transition: background-color 0.3s ease}
.aboutDiv01 .carousel-dot.active {background-color:#256CFF}

.aboutDiv02{width:100%;padding:30px 0 10px 0;background:url( "../images/about/bg02.png") no-repeat center top;background-size:cover}
.aboutDiv02 .titleDiv{width:100%;text-align:center}
.aboutDiv02 .titleDiv h4{font-size:40px;color:#fff;font-weight:normal}
.aboutDiv02 .titleDiv span{display:block;width:70px;height:4px; border-radius:4px;background:#fff;margin:20px auto}
.aboutDiv02 .titleDiv p{text-align:center;font-size:16px;color:#fff}
.aboutDiv02 .jjfaNr{width:100%}
	
.aboutDiv02 .titleDiv{width:100%;text-align:center}
.aboutDiv02 .titleDiv h4{font-size:24px;color:#fff;font-weight:normal}
.aboutDiv02 .titleDiv span{display:block;width:70px;height:4px; border-radius:4px;background:#fff;margin:20px auto}
.aboutDiv02 .titleDiv p{text-align:center;font-size:14px;color:#fff}
.aboutDiv02 .jjfaNr{width:100%}

.aboutDiv02 .card-container {display:flex;justify-content:center;align-items:stretch;gap:10px;max-width:inherit;margin:0px auto 20px auto;flex-wrap:wrap;height:auto;overflow:hidden;padding:20px 0}
.aboutDiv02 .card {width:100%;border-radius:16px;padding:15px;position:relative;flex:1;min-width:280px;box-shadow:0 2px 12px rgba(0, 0, 0, 0.06);overflow:hidden;border-bottom:#fff solid 5px;transition: all 0.3s ease-in-out;transform:translateY(0);margin:5px 10px}
.aboutDiv02 .card:hover {border-bottom:#256CFF solid 5px;transform: translateY(-8px);box-shadow:0 8px 24px rgba(37, 108, 255, 0.12)}
	
.aboutDiv02 .card-title {color:#256CFF;font-size:20px;font-weight:600;margin-bottom:10px}
.aboutDiv02 .card-underline {width:60px;height:4px;background:linear-gradient(to right, #256CFF, #fff);margin-bottom:14px;border-radius:4px}
.aboutDiv02 .card-content {width:80%;color:#666;font-size:18px;line-height:1.6;z-index:1;position:relative}

.aboutDiv03{width:100%;padding:30px 20px;background:url("../images/about/bg3.png") no-repeat center bottom}
.aboutDiv03 .titleDiv{width:100%;text-align:center}
.aboutDiv03 .titleDiv h4{font-size:24px;color:#333;font-weight:normal}
.aboutDiv03 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:10px auto}
.aboutDiv03 .titleDiv p{text-align:center;font-size:14px;color:#666}
.aboutDiv03 .jjfaNr{width:100%}

.timeline-container {display:flex;gap:4rem;padding:2rem 0 0 0;overflow-x:auto;position:relative;z-index:2;height:100%;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}
	
.timeline-wrapper {position:relative;height:320px;width:100%;max-width:1440px;margin: 0 auto}
.timeline-base-line{height:7px;background:url("../images/about/bx.png") no-repeat;width:100%;position:absolute;bottom:40px;left:0;z-index:1;border-radius:3.5px;padding-bottom:20px}
		
.aboutDiv04{width:100%;padding:30px 0;background:url( "../images/about/bg4.png") no-repeat center top}
.aboutDiv04 .titleDiv{width:100%;text-align:center}
.aboutDiv04 .titleDiv h4{font-size:24px;color:#fff;font-weight:normal}
.aboutDiv04 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#fff;margin:20px auto}
.aboutDiv04 .titleDiv p{text-align:center;font-size:14px;color:#fff;padding:0 2%;width:96%}
.aboutDiv04 .jjfaNr{width:100%}

.aboutDiv05{width:100%;padding:30px 0;background:url( "../images/about/bg5.png") no-repeat center top}
.aboutDiv05 .titleDiv{width:100%;text-align:center;padding:0 2%}
.aboutDiv05 .titleDiv h4{font-size:24px;color:#333;font-weight:normal}
.aboutDiv05 .titleDiv span{display:block;width:70px;height:4px;border-radius:4px;background:#256CFF;margin:20px auto}
.aboutDiv05 .titleDiv p{text-align:center;font-size:14px;color:#666}
.aboutDiv05 .jjfaNr{width:100%}

.aboutDiv04 .card-container {padding: 20px 0 0 0}
.aboutDiv04 .swiper-scale {padding:0px 0 10px 0}
.gywm-card-scroll-wrap {margin:0px auto 0 auto}
.gywm-card-btn-group {display:flex;justify-content: center;gap:20px;margin-top:0px}
}
	
/* 移动端 Swiper 样式调整 */
@media screen and (max-width: 768px) {
.aboutDiv04 .swiper-scale .swiper-slide{width:80%;max-width:100%}
.aboutDiv04 .swiper-scale .swiper-slide .box001 h4{font-size:20px}
.aboutDiv04 .swiper-scale .swiper-slide .box001 p{font-size:16px}
.aboutDiv04 .swiper-scale .swiper-slide .box001 a{font-size:18px;height:44px;line-height:44px;padding:0 15px}
.aboutDiv04 .swiper-scale .swiper-button-next,
.aboutDiv04 .swiper-scale .swiper-button-prev{width:36px;height:36px}
.aboutDiv04 .swiper-scale .swiper-button-next:after,
.aboutDiv04 .swiper-scale .swiper-button-prev:after{font-size:12px;padding-top:5px}
}