.index-lianluo{background:url(../images/bg5.jpg) no-repeat center;background-size:cover;}
.index-lianluo-mid p{color:#111827;font-size:1.3rem;
}
.index-lianluo-bot .index-lianluo-btn1{display:flex;align-items: center;outline: none;width:12rem;margin-top:2rem;padding:1rem 1rem;
    background: linear-gradient(to right, #0055dd, #0040a6);
    box-shadow: 0 0px 15px rgba(0,98,255,0.5);
    margin-left: 1rem;
    margin-right: 1rem;
        transition: all 0.3s ease;
    animation: breath 2s infinite ease-in-out;
}
.index-lianluo-bot .index-lianluo-btn1 i{margin-right:0.5rem;}
.index-lianluo-bot .index-lianluo-btn2{display:flex;align-items: center;outline: none;width:12rem;padding:1rem 1rem;margin-top:2rem;
    background: linear-gradient(to right, #232324, #000000);
     box-shadow:0 0px 15px rgba(0,0,0,0.5);
     margin-left: 1rem;
    margin-right: 1rem;
        transition: all 0.3s ease;
    animation: breath 2s infinite ease-in-out;
}
.index-lianluo-bot .index-lianluo-btn2 i{margin-right:0.5rem;}
.index-lianluo-tip{color:#111827;}
.index-lianluo-bot .index-lianluo-btn1:hover{transform:scale(1.02)}
.index-lianluo-bot .index-lianluo-btn2:hover{transform:scale(1.02)}

@keyframes breath {

0% {
    box-shadow: 0 0 10px rgba(74, 111, 165, 0.6), 0 0 20px rgba(74, 111, 165, 0.4), 0 0 30px rgba(74, 111, 165, 0.2);
    opacity: 0.9;
}
50% {
    box-shadow: 0 0 20px rgba(74, 111, 165, 0.8), 0 0 40px rgba(74, 111, 165, 0.6), 0 0 60px rgba(74, 111, 165, 0.4);
    opacity: 1;
}

100% {
    box-shadow: 0 0 10px rgba(74, 111, 165, 0.6), 0 0 20px rgba(74, 111, 165, 0.4), 0 0 30px rgba(74, 111, 165, 0.2);
    opacity: 0.9;
}
}


.index-kehu{background:url(../images/bg4.jpg) no-repeat center;background-size:cover;}
.index-kehu .text-blue-400{color:#dd1511;font-size:3.6rem;line-height:1.2;}
.index-kehu .bg-gray-800{background:#182436;box-shadow:0 8px 30px rgba(4,4,4,0.8)}
.index-jiejue{background:url(../images/bg3.jpg) no-repeat center;background-size:cover;}
.index-jiejue .bg-white{background: linear-gradient(to right, #0055dd, #0040a6);box-shadow:0 28px 32px rgba(0,98,255,0.5);border:none;}
.index-jiejue .text-gray-900{color:#fff;}
.index-jiejue .text-gray-600{color:#fff;}
.index-jiejue .grid{margin-bottom:3rem;}
.index-jiejue .bg-blue-600{background:#fff;color:#06419f;font-weight:600;}

.index-hexin{background:url(../images/bg2.jpg) no-repeat center;background-size:cover;}
.index-hexin .bg-gray-800{background:#182436;box-shadow:0 8px 8px rgba(0,0,0,0.5);padding:1.5rem 2.4rem;}
.index-hexin .text-blue-400{display:flex;justify-content: flex-end;}
.index-hexin .text-xl{margin-top:-2.2rem;}
.index-hexin .text-gray-300{color:#fff;}

.index-pinpai{background:url(../images/bg1.png) no-repeat center;background-size:cover;}
.index-pinpai .bg-gray-50{min-height:15rem;display:flex;justify-content:center;align-items:center;flex-direction: column;
position:relative;
overflow: hidden;
}
.index-pinpai .text-gray-600{color:#fff;position:relative;z-index:2;}
.index-pinpai .font-semibold{color:#fff;position:relative;z-index:2;}
.pinpai-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}

.index-banner .swiper-slide{overflow:hidden;}
.index-banner .swiper-slide .big-img{
		width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		transform:scale(1.1,1.1);
		object-fit: cover;
		display: block;
		}
.index-banner .swiper-slide-active .big-img,.swiper-slide-duplicate-active .big-img{
		transition:6s linear;
		transform:scale(1,1);
		}	
.index-banner .banner-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.1));
}
.index-banner .banner-txt{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:3;width:100%;}
.index-banner .banner-t{font-size:3.6rem;color:#fff;line-height:1.2;}
.index-banner .banner-c{color:#fff;margin:1.5rem 0;}
.index-banner .banner-bot{display:flex;}
.index-banner .icon{display:block;margin-right:0.75rem;}
.index-banner .banner-a1{
    display: flex;
    align-items: center;
    outline: none;
    width: 12rem;
    margin-top: 2rem;
    padding: 1rem 1rem;
    background: linear-gradient(to right, #0055dd, #0040a6);
    box-shadow: 0 8px 8px rgba(0, 98, 255, 0.3);
    margin-right: 1rem;
    color:#fff;
    border-radius: 0.5rem;
    justify-content: center;
}
.index-banner .banner-a2{
    display: flex;
    align-items: center;
    outline: none;
    width: 12rem;
    margin-top: 2rem;
    padding: 1rem 1rem;
    background: linear-gradient(to right, #232324, #000000);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);
    margin-right: 1rem;
    color:#fff;
     border-radius: 0.5rem;
     justify-content: center;
}

.index-banner .swiper-slide-active .banner-t{animation: moveY 2s ease-in-out forwards;margin-top:clamp(15px, 1.5625vw, 30px)}
.index-banner .swiper-slide-active .banner-c{animation: moveYFromBottom 2s ease-in-out forwards;}
.index-banner .swiper-slide-active .banner-bot{animation: btnAnimate 2s ease forwards;}
.index-banner .swiper-pagination-bullet{width:3rem;height:0.2rem;background:#fff;opacity:1;border-radius:0.1rem;}
.index-banner .swiper-pagination-bullet-active{background:#dd1511;}
.index-banner .swiper-pagination{bottom:2rem !important;}
@keyframes btnAnimate {
  from {
    opacity: 0;
    transform: translateY(100px);
    visibility: hidden;
  }
  to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes moveY {
  from {
    transform: translateY(-100%);
    clip-path: inset(0 0 100% 0);
  }

  to {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes moveYFromBottom {
  from {
    transform: translateY(100%);
    clip-path: inset(100% 0 0 0);
  }

  to {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
  }
}
.header-logo-img{height:2rem !important}

.contact-section{background:url(../images/contact1.jpg) no-repeat center;background-size:cover;}
.contact-section .bg-gray-50{box-shadow:0 8px 18px rgba(0,0,0,0.3);background:#f7f8f8;}
.contact-section .font-semibold{color:#0055dd;position:relative;}
.contact-section .font-semibold:before{
    position:absolute;
    left:-2rem;
    top:50%;
    transform: translateY(-50%);
    height: 85%;
    width:0.2rem;
    display: block;
    content: "";
    background: #0055dd;
}
.contact-section .bg-blue-100{background:#0055dd;padding:0.4rem;}
.contact-section .bg-blue-100 .text-blue-600{color:#fff;}
.contact-section .links-a{padding:0;}

.jiejue-section1{background:url(../images/jiazhi1.jpg) no-repeat center;background-size:cover;}
.jiejue-section2{background:url(../images/jiejue2.jpg) no-repeat center;background-size:cover;}
.jiejue-section3{background:url(../images/jiejue3.jpg) no-repeat center;background-size:cover;}

.jiejue-section1 h3.text-gray-900{color:#0055dd;}
.jiejue-section1 .bg-white{box-shadow:0 8px 18px rgba(0,0,0,0.3);}
.jiejue-section1-btn{ background: linear-gradient(to right, #0055dd, #0040a6);margin-top:1rem;}
.jiejue-section1-btn i{margin-right:0.6rem;}
.jiejue-section1 .text-lg.text-gray-600{color:#111827;}
.jiejue-section1 li{margin:0.2rem 0 !important;}
.jiejue-section1 li .text-gray-600{color:#111827;}
.jiejue-section1 li .text-gray-900{color:#000;}
.jiejue-section2-head{margin-bottom:10rem;}
.jiejue-section2 h4{color:#fff;}
.jiejue-section2 .text-gray-300{color:#fff;}
.jiejue-section3 .bg-gray-50{box-shadow:0 8px 18px rgba(0,0,0,0.3);background:#fff;overflow:hidden;}
.jiejie-section3-tit{text-align:center;color:#0055dd;margin:1.5rem;}
.jiejie-section3-ul{margin:1.5rem;}
.jiejue-section3-btn{margin:0.5rem 2rem 2rem 2rem;padding:1rem 1.5rem;background: linear-gradient(to right, #0055dd, #0040a6);color:#fff;}
.jiejue-section3-btn i{margin-right:0.6rem;}
.jiejie-section3-ul li{border-bottom:1px dashed #a6a6a6;padding:0.2rem 0;}
.jiejie-section3-ul li .li-t{color:#000;}
.jiejie-section3-ul li .text-red-600{color:#dd1511;}


.jiazhi-section1{background:url(../images/jiazhi1.jpg) no-repeat center;background-size:cover;}
.jiazhi-section3{background:url(../images/jiazhi2.jpg) no-repeat center;background-size:cover;}
.jiazhi-section1 .bg-gray-50{box-shadow:0 8px 18px rgba(0,0,0,0.3);background:#f7f8f8;}
.jiazhi-section1 .h3{color:#0055dd;text-align:left;position:relative;}
.jiazhi-section1 .h3 img{margin-right:0.5rem;}
.jiazhi-section1 .h3:before{
    position:absolute;
    left:-1.5rem;
    top:50%;
    transform: translateY(-50%);
    height: 85%;
    width:0.2rem;
    display: block;
    content: "";
    background: #0055dd;
}
.jiazhi-section2 .bg-gray-800{background:#182436;box-shadow:0 8px 8px rgba(0,0,0,0.5);}

.jiazhi-section2 .text-gray-300{color:#fff;}

.jiazhi-section3 label{text-align:left;color:#111827;}
.jiazhi-section3 .text-gray-600{color:#111827;}
.jiazhi-section3 h2{color:#000;}

.jiazhi-section1 .text-gray-600{color:#111827;}
.jiazhi-section1 h2{color:#000;}


.jiejue-section3 .text-gray-600{color:#111827;}
.jiejue-section3 h2{color:#000;}

.jiejue-section1 .text-gray-600{color:#111827;}
.jiejue-section1 h2{color:#000;}


.chanpin-section1 .text-gray-600{color:#111827;}
.chanpin-section1 h2{color:#000;}

.chanpin-section1{background:url(../images/chanpin1.jpg) no-repeat center;background-size:cover;}
.chanpin-section2{background:url(../images/chanpin2.jpg) no-repeat center;background-size:cover;}

.chanpin-section1 .bg-white{box-shadow:0 8px 18px rgba(0,0,0,0.3);}
.chanpin-section1 .bg-white h3{color:#0055dd;}
.chanpin-section1 .bg-white ul li{margin-top:0.2rem !important;}
.chanpin-section1 .bg-white ul li .text-gray-900{color:#000;}
.chanpin-section1 .bg-white ul li .text-gray-600{color:#111827;}
.chanpin-section1 .li-bot{justify-content: space-between;}
.chanpin-section1 .li-bot .bot-c{flex:1;overflow:hidden;color:#000;}
.chanpin-section1-btn{background: linear-gradient(to right, #0055dd, #0040a6);box-shadow:0 8px 8px rgba(0,98,255,0.3)}
.chanpin-section1-btn i{margin-right:0.5rem;white-space: nowrap;}
.chanpin-section1 .li-bot .li-bot-c *{color:#000 !important}

.about-section1 h1{color:#000;}
.about-section1 .text-gray-200{color:#111827;}


.about-section2{background:#111827;}
.about-section2-tip .text-gray-700{color:#0055dd;font-size:2.4rem;}
.about-section2-tip{color:#0055dd;font-size:3.2rem;margin:6rem 0 3rem 0;}
.about-section2-tip .s{font-family:arial;font-size:6rem;margin:1rem;}
.about-section2-tip .text-left{display:flex;align-items:center;}
.about-section2-tip .text-right{display:flex;justify-content:flex-end;align-items:center;}
.about-section2-tip img{margin:0 2rem;}

.about-section3{background:url(../images/about2.jpg) no-repeat center;background-size:cover;}
.about-section3 h2{color:#000;}
.about-section3 .text-gray-300{color:#111827;}
.about-section3 .bg-gray-800{
    background: linear-gradient(to right, #0055dd, #0040a6);box-shadow:0 8px 8px rgba(0,98,255,0.3);
    padding:3rem 2rem;
}
.about-section3-t{display:flex;align-items:center;justify-content:center;margin-bottom:0.5rem;}
.about-section3-t h3{color:#fff;font-size:2.4rem;margin-left:0.8rem;}
.about-section3 .bg-gray-800 .text-gray-300{color:#fff;}
.max-w-4xl{max-width:65rem;}





.about-section4{background:#111827;}
.about-section4 .bg-gray-50{background:#182436;box-shadow:0 8px 8px rgba(0,0,0,0.5);padding:1.2rem;}

.text-blue-600{color:#0055dd;}


.about-section5{background:url(../images/about3.jpg) no-repeat center;background-size:cover;}
.about-section5 .text-gray-600{color:#111827;}
.about-section5 h2{color:#000;}

.about-section5 .bg-gray-800{box-shadow:1px 8px 10px rgba(0,0,0,0.36);background:#fff;border-radius:3px;position:relative;}
.about-section5 h3{color:#0055dd;font-size:2rem;margin-bottom:1rem;}
.about-section5 .text-gray-300{color:#111827;font-size:1rem;}
.about-section5 h4{font-size:1rem;}
.about-section5-box{margin-right:5rem;margin-left:3rem;}
.about-section5-box.last{margin-left:5rem;margin-right:3rem;}
.about-section5-line{margin:3rem 0;}
.about-section5-line img{display:block;width:100%;}
.about-section5-box .cirlce{width:1rem;height:1rem;background:#fff;border-radius:100%;border:0.2rem solid #0055dd;
    position: absolute;
    left: -1.5rem;
    bottom: -3.9rem;
}
.about-section5-box .line{width:0.2rem;height:calc(100% + 1rem);position:absolute;left:-1.1rem;bottom:-3rem;background:#0055dd;}
.about-section5 .text-gray-300:before{width:0.2rem;position:absolute;height:1.5rem;background:#0055dd;position:absolute;left:0;
    top:1.5rem;display:block;
    content: "";
}
.about-section5 .text-gray-300:after{width:1rem;position:absolute;height:0.2rem;background:#0055dd;position:absolute;left:0;
    top:1.9rem;display:block;
    content: "";
    left:-1rem;
}
.about-section5-box.last .cirlce{top: -3.9rem;bottom:auto;}
.about-section5-box.last .line{height:5rem;bottom:auto;top:-2.9rem;}
.about-section5 .gap-8{gap:4rem;}



.index-pinpai .font-semibold{text-transform: capitalize;}
.index-hexin .text-xl{text-transform: capitalize;}
.jiejue-section3 h2{text-transform: capitalize;}
.jiejue-section2 h2{text-transform: capitalize;}
.jiazhi-section1 h2{text-transform: capitalize;}
.jiazhi-section2 h2{text-transform: capitalize;}
.jiazhi-section3 h2{text-transform: capitalize;}
.about-section3 h2{text-transform: capitalize;}

.about-section4 h2{text-transform: capitalize;}
.about-section5 h2{text-transform: capitalize;}
.about-section3-t h3{text-transform: capitalize;}
.index-hexin h2{text-transform: capitalize;}


@media (max-width: 1200px) {
    .header-nav .nav-a{padding:0 0.6rem;margin-left:0.5rem !important;margin-right:0.5rem !important;}
}

@media (max-width: 830px) and (min-width: 640px){
    .header-nav .nav-a{padding:0 0.2rem;margin-left:0.2rem !important;margin-right:0.1rem !important;}
     .header-nav .header-lan{margin-left:0.5rem !important;}
     .index-banner .banner-txt{width:90%;left:5%;}
}



.lang-main a{display:flex;align-items:center;justify-content:center;}

.lang-main a img{display:block;width:20px;margin-right:5px;}



.index-xin{
    background:url(../images/bg11211.jpg) no-repeat center;
    background-size: cover;
    
}

 




@media (max-width: 640px) {
    .header-inner{height:4rem;}
    .index-banner .banner-txt{width:90%;left:5%;}
    .index-banner .banner-t{font-size:2.4rem;}
    .index-banner .banner-a2{padding:0.75rem 0.5rem;}
    .index-banner .banner-a1{padding:0.75rem 0.5rem;}
    .footer-logo{max-width:inherit;}
    .footer-links{max-width:inherit;}
    
    
    /* 鼠标悬停时的放大效果 */
    .dock-item:hover {
      transform: scale(1.6); /* 放大到 140% */
      z-index: 10; /* 确保放大的图片在最上层 */
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }
        .dock-item:nth-child(4).active {
      transform: scale(1.6);
      position:relative;
      z-index:6;
    }

    /* 活跃状态的图片 */
      .dock-item.active {
      transform: scale(1.6);
      position: relative;
      z-index: 6;
    }
}
















 .carousel-container {
            width: 100%;
           
            position: relative;
            perspective: 1000px;
          height: 450px;
        }

        .carousel-track {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

         .carousel-container .card {
            position: absolute;
            width: 280px;
            height: 380px;
            background: white;
          
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
        }

         .carousel-container .card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .card.center {
            z-index: 10;
            transform: scale(1.1) translateZ(0);
        }

        .card.center img {
            filter: none;
        }

        .card.left-2 {
            z-index: 1;
            transform: translateX(-400px) scale(0.8) translateZ(-300px);
            opacity: 0.7;
        }

        .card.left-2 img {
            filter: grayscale(100%);
        }

        .card.left-1 {
            z-index: 5;
            transform: translateX(-200px) scale(0.9) translateZ(-100px);
            opacity: 0.9;
        }

        .card.left-1 img {
            filter: grayscale(100%);
        }

        .card.right-1 {
            z-index: 5;
            transform: translateX(200px) scale(0.9) translateZ(-100px);
            opacity: 0.9;
        }

        .card.right-1 img {
            filter: grayscale(100%);
        }

        .card.right-2 {
            z-index: 1;
            transform: translateX(400px) scale(0.8) translateZ(-300px);
            opacity: 0.7;
        }

        .card.right-2 img {
            filter: grayscale(100%);
        }

        .card.hidden {
            opacity: 0;
            pointer-events: none;
        }

        .member-info {
            text-align: center;
            margin-top: 40px;
            transition: all 0.5s ease-out;
        }

        .member-name {
            color: rgb(8, 42, 123);
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 10px;
            position: relative;
            display: inline-block;
        }

        .member-name::before,
        .member-name::after {
            content: "";
            position: absolute;
            top: 100%;
            width: 100px;
            height: 2px;
            background: rgb(8, 42, 123);
        }

        .member-name::before {
            left: -120px;
        }

        .member-name::after {
            right: -120px;
        }

        .member-role {
            color: #848696;
            font-size: 1.5rem;
            font-weight: 500;
            opacity: 0.8;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            padding: 10px 0;
            margin-top: -15px;
            position: relative;
        }
        .dots {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 60px;
        }

        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(8, 42, 123, 0.2);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .dot.active {
            background: rgb(8, 42, 123);
            transform: scale(1.2);
        }

        .nav-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(8, 42, 123, 0.6);
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 20;
            transition: all 0.3s ease;
            font-size: 1.5rem;
            border: none;
            outline: none;
            padding-bottom: 4px;
        }

        .nav-arrow:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }

        .nav-arrow.left {
            left: 20px;
            padding-right: 3px;
        }

        .nav-arrow.right {
            right: 20px;
            padding-left: 3px;
        }
          .carousel-container .card{}
        .carousel-container .card img{transition:all 400ms;}
         .carousel-container .card img:hover{transform:scale(1.2) ;filter: grayscale(00%);}
                .carousel-container .card:hover{z-index:999;opacity:1;}
         .carousel-container .card{overflow:inherit;}

        @media (max-width: 768px) {
            .about-title {
                font-size: 4.5rem;
            }

             .carousel-container .card {
                width: 200px;
                height: 280px;
            }

            .card.left-2 {
                transform: translateX(-250px) scale(0.8) translateZ(-300px);
            }

            .card.left-1 {
                transform: translateX(-120px) scale(0.9) translateZ(-100px);
            }

            .card.right-1 {
                transform: translateX(120px) scale(0.9) translateZ(-100px);
            }

            .card.right-2 {
                transform: translateX(250px) scale(0.8) translateZ(-300px);
            }

            .member-name {
                font-size: 2rem;
            }

            .member-role {
                font-size: 1.2rem;
            }

            .member-name::before,
            .member-name::after {
                width: 50px;
            }

            .member-name::before {
                left: -70px;
            }

            .member-name::after {
                right: -70px;
            }
        }