.swiper_banner{position: relative; overflow: hidden;}
.swiper_banner .swiper-wrapper{height: 600px;}
.swiper_pagination_banner{width: 80%; position: relative;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{left: 10%; width: 80%;text-align: center; bottom: 0; padding-top: 10px;}
.swiper_pagination_banner > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets{right: auto;}
.swiper_pagination_banner > .swiper-pagination-bullet{background: #353535; opacity: 1; width: 66px; height: 4px; border-radius: 0; margin: 0 10px!important;transition: all 0.3s;}
.swiper_pagination_banner > .swiper-pagination-bullet-active{background: #F2B80A;}


.banner-1-fons{text-align: left; color: #0C0C0C;}
.banner-1-fons .fons-bg{background: linear-gradient(to right, rgba(255, 255, 255, .7) 10%, rgba(255, 255, 255, 0) 100%);padding: 40px 15% 40px 40px;display: inline-block;}
.banner-1-fons p{font-size: 20px; line-height: 30px;}

.banner-2-fons{text-align: right; color: #0C0C0C;}
.banner-2-fons strong{font-size: 28px;display: block; margin-bottom: 10px;}
.banner-2-fons span{width: 30px; height: 3px; background: #f2b80a; display: inline-block;}
.banner-2-fons p{font-size: 20px; margin-bottom: 100px;}

.banner-3-fons{text-align: left; color: #0C0C0C;}
.banner-3-fons strong{font-size: 28px;display: block; margin-bottom: 10px;}
.banner-3-fons span{width: 30px; height: 3px; background: #f2b80a; display: inline-block; margin-left: 15px;}
.banner-3-fons p{font-size: 20px; margin-bottom: 20px; margin-left: 15px;}
.banner-3-fons a{padding: 4px 36px 4px 20px;border-radius: 5px; border:1px #303030 solid; display: inline-block; background: url("/statics/chuneng/images/i_icon04.png") no-repeat 86% center; transition: all 0.3s; opacity: 0.6; margin-left: 15px;}
.banner-3-fons a:hover{background: url("/statics/chuneng/images/i_icon05.png") no-repeat 86% center #f2b80a; border:1px #f2b80a solid; color: #fff; opacity: 1;}

.i-padding-title{padding: 90px 0 50px 0;}

.i-margin-40{margin-bottom: 40px;}


.banner-1-fons{text-align: left; color: #0C0C0C;}
.banner-1-fons .fons-bg{background: linear-gradient(to right, rgba(255, 255, 255, .7) 10%, rgba(255, 255, 255, 0) 100%);padding: 40px 15% 40px 40px;display: inline-block;}
.banner-1-fons p{font-size: 20px; line-height: 30px;}

.banner-2-fons{text-align: right; color: #0C0C0C;}
.banner-2-fons strong{font-size: 28px;display: block; margin-bottom: 10px;}
.banner-2-fons span{width: 30px; height: 3px; background: #f2b80a; display: inline-block;}
.banner-2-fons p{font-size: 20px; margin-bottom: 100px;}


.i-title{font-size: 40px; font-weight: 600; display: flex; justify-content: left; align-items: center;text-transform: uppercase;}
.i-title strong{display: block; width: 55px; height: 4px; background: #F2B80A; border-radius: 0 5px 5px 0; margin-right: 20px;}



.i-plate-1{position: relative; color: #303030;}
.i-plate-1 .list{display: flex; justify-content: space-between; align-items: stretch;background: #fff; border-radius: 15px; overflow: hidden;}
.i-plate-1 .list .left-a{display: block; width: 50%;}
.i-plate-1 .list .left-a img{display: block; width: 100%; height: auto;}
.i-plate-1 .list .right-fons{width: 50%; position: relative;}
.i-plate-1 .list .right-fons .fons-padding{padding: 30px; position: relative; z-index: 2; height: calc(100% - 60px);}
.i-plate-1 .list .right-fons .fons-padding .fons-title{display: flex; justify-content: space-between; align-items: flex-start; height: 100%;}
.i-plate-1 .list .right-fons .fons-padding .fons-title img{width: 80px;}
.i-plate-1 .list .right-fons .fons-padding .fons-title .title-pa{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.i-plate-1 .list .right-fons .fons-padding .fons-title .title-pa .title{color: #f2b80a; font-size: 22px; font-weight: 600; margin-bottom: 20px;text-transform: capitalize;}
.i-plate-1 .list .right-fons .fons-padding .fons-title .title-pa p{background: url("/statics/chuneng/images/i_icon13.png") no-repeat left 5px; padding: 0 0 0 15px; margin-bottom: 10px;}
.i-plate-1 .list .right-fons .fons-padding .fons-title .title-pa p a:hover{color: #f2b80a;}
.i-plate-1 .list .right-fons .fons-padding .fons-title .title-pa span{padding: 4px 36px 4px 20px;border-radius: 5px; border:1px #303030 solid; display: inline-block; background: url("/statics/chuneng/images/i_icon04.png") no-repeat 86% center; transition: all 0.3s; opacity: 0.6;}
.i-plate-1 .list:hover .right-fons .fons-padding .fons-title .title-pa span{background: url("/statics/chuneng/images/i_icon05.png") no-repeat 86% center #f2b80a; border:1px #f2b80a solid; color: #fff; opacity: 1;}




.i-plate-2{background: url("/statics/chuneng/images/i_en_tu05.webp") no-repeat center top; min-height: 900px;}
.i-plate-2 .top-fons{text-align: left; margin-bottom: 350px; margin-left: 75px;}
.i-plate-2 .top-fons .top-title{font-size: 30px; font-weight: 500; margin-bottom: 20px;}
.i-plate-2 .top-fons .top-text{font-size: 20px;font-weight: 500; margin-bottom: 10px;}
.i-plate-2 .top-fons a{display: inline-block; border: 1px #fff solid; border-radius: 5px; color: #fff; padding: 5px 30px;transition: all 0.3s;}
.i-plate-2 .top-fons a:hover{border: 1px #f2b80a solid; background: #f2b80a;}
.i-plate-2 .bottom-list{display: flex; justify-content: space-between; align-items: stretch;}
.i-plate-2 .bottom-list .item{background: #fff; color: #303030; border-radius: 15px 15px 0 0; overflow: hidden; border-bottom:4px #F2B80A solid}
.i-plate-2 .bottom-list .item .item-padding{padding: 15px 20px; display: flex; justify-content: space-between; align-items: flex-end;}
.i-plate-2 .bottom-list .item .item-padding .left-fons{position: relative;}
.i-plate-2 .bottom-list .item .item-padding .left-fons .left-fons-title{font-size: 22px; font-weight: 600;}
.i-plate-2 .bottom-list .item .item-padding .left-fons p{}
.i-plate-2 .bottom-list .item .item-padding .right-button{background: url("/statics/chuneng/images/i_icon04.png") no-repeat center center; width: 50px; height: 24px; border:1px #ADADAD solid;border-radius: 5px;transition: all 0.3s;}
.i-plate-2 .bottom-list .item:hover .item-padding .right-button{background: url("/statics/chuneng/images/i_icon05.png") no-repeat center center #f2b80a; border:1px #f2b80a solid;}

.i-plate-3{position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.i-plate-3 .grid-item {background-color: #fff; color: #303030; padding: 20px; border-radius: 15px;transition: all 0.3s; display: flex; flex-direction: column; justify-content: space-between;}
.i-plate-3 .grid-item .top-img{position: relative;margin-bottom: 40px;}
.i-plate-3 .grid-item .top-img .img{opacity: 1;}
.i-plate-3 .grid-item .top-img .img-hover{opacity: 0; position: absolute; left: 0; top: 0;}
.i-plate-3 .grid-item .title{font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.i-plate-3 .grid-item p{}
.i-plate-3 .grid-item:hover{background: #F4CC0E; color: #fff;}
.i-plate-3 .grid-item:hover .top-img .img{opacity: 0;}
.i-plate-3 .grid-item:hover .top-img .img-hover{opacity: 1;}

.i-plate-4{position: relative; margin-bottom: 30px;}
.i-plate-4 .img-bg{display: block; width: 100%;}
.i-plate-4 .position-absolute{position: absolute; z-index: 9; display: flex; justify-content: left; align-items: flex-start;}
.i-plate-4 .position-absolute .left-icon{display: block; margin-right: 10px;}
.i-plate-4 .position-absolute .right-bg{background: #fff;border-radius: 8px; min-width: 135px; padding: 10px 20px; transition: all 0.3s}
.i-plate-4 .position-absolute .right-bg .title{display: flex; justify-content: space-between; align-items: center;}
.i-plate-4 .position-absolute .right-bg .title strong{font-size: 20px; font-weight: 600;color: #000;}
.i-plate-4 .position-absolute .right-bg .text{border-top:1px #DBDBDB solid;color: #000; margin-top: 10px; display: none;}
.i-plate-4 .position-absolute .right-bg .text p{background: url("/statics/chuneng/images/i_icon12.png") no-repeat left center; padding-left: 12px; margin: 3px 0;}
.i-plate-4 .position-absolute .right-bg:hover .title strong{color: #F4CC0E;}
.i-plate-4 .position-absolute .right-bg:hover .title img{opacity: 0;}
.i-plate-4 .position-absolute .right-bg:hover .text{display: block;}

.i-plate-4-m{position: relative;}
.i-plate-4-m .img{display: block; width: 100%;}
.i-plate-4-m .item{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 0 auto 20px auto;}
.i-plate-4-m .item .right-bg{background: #fff;border-radius: 8px; padding: 10px; transition: all 0.3s}
.i-plate-4-m .item .right-bg .title{display: flex; justify-content: space-between; align-items: center;}
.i-plate-4-m .item .right-bg .title strong{font-size: 20px; font-weight: 600;color: #000;}
.i-plate-4-m .item .right-bg .text{border-top:1px #DBDBDB solid;color: #000; margin-top: 10px;}
.i-plate-4-m .item .right-bg .text p{background: url("/statics/chuneng/images/i_icon12.png") no-repeat left center; padding-left: 12px; margin: 3px 0;}


.i-plate-list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.i-plate-list .grid-item {background-color: #fff; color: #303030; padding: 20px; border-radius: 15px;transition: all 0.3s; display: flex; flex-direction: column; justify-content: space-between;}
.i-plate-list .grid-item .top-item{display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;}
.i-plate-list .grid-item .top-item .left-title{font-size: 22px; font-weight: 600;}
.i-plate-list .grid-item .top-item .right-img{position: relative;}
.i-plate-list .grid-item .top-item .right-img .img{opacity: 1;}
.i-plate-list .grid-item .top-item .right-img .img-hover{opacity: 0; position: absolute; left: 0; top: 0;}
.i-plate-list .grid-item .bottom-item{position: relative;}
.i-plate-list .grid-item .bottom-item strong{font-size: 18px; font-weight: 600;}
.i-plate-list .grid-item:hover{background: #F4CC0E; color: #fff;}
.i-plate-list .grid-item:hover .top-item .right-img .img{opacity: 0;}
.i-plate-list .grid-item:hover .top-item .right-img .img-hover{opacity: 1;}


.i-plate-5{display: flex; justify-content: space-between; align-items: flex-start;}
.i-plate-5 .left-width{width: 40%}
.i-plate-5 .left-width .left-fons1{font-size: 22px; margin-bottom: 40px;}
.i-plate-5 .left-width .left-icon{margin-bottom: 15px; display: flex; justify-content: left; align-items: center;font-size: 20px;}
.i-plate-5 .left-width .left-icon img{display: block; margin-right: 10px;}
.i-plate-5 .left-width .left-fons2{font-size: 18px; line-height: 30px;}
.i-plate-5 .right-width{width: 58%; background: #fff; border-radius: 15px;}
.i-plate-5 .right-width .width-padding{padding: 30px 40px; color: #303030;}
.i-plate-5 .right-width .width-padding .list-input{margin-bottom: 10px; display: flex; justify-content: left; align-items: center;}
.i-plate-5 .right-width .width-padding .list-input .left-fons{color: #8C8C8C; width: 70px;}
.i-plate-5 .right-width .width-padding .list-input .left-fons span{color: #EA0000;}
.i-plate-5 .right-width .width-padding .list-input .left-fons-input{width: calc(100% - 70px); border: 0; height: 24px;background: #F3F3F3; padding: 3px 10px;}
.i-plate-5 .right-width .width-padding .list-input .left-fons-textarea{width: calc(100% - 70px); border: 0; height: 100px;background: #F3F3F3; padding: 3px 10px;}
.i-plate-5 .right-width .width-padding .list-input2{align-items: flex-start;}
.i-plate-5 .right-width .width-padding .button{text-align: center; padding-top: 30px;}
.i-plate-5 .right-width .width-padding .button span{border:1px #2D2D2D solid; color: #2D2D2D; font-weight: 600; width: 150px; height: 55px; display: flex; justify-content: center; align-items: center; margin: 0 auto;border-radius: 10px; cursor: pointer;transition: all 0.3s;}
.i-plate-5 .right-width .width-padding .button span:hover{border:1px #f2b80a solid; color: #fff; background: #f2b80a;}


.i-plate-6{position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.i-plate-6 .grid-item {background-color: #fff; color: #303030; padding: 30px; border-radius: 15px;transition: all 0.3s;}
.i-plate-6 .grid-item .title{font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #f2b80a;text-transform: capitalize;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.i-plate-6 .grid-item p{color: #7D7D7D; margin-bottom: 30px;}
.i-plate-6 .grid-item .icon-button{background: url("/statics/chuneng/images/i_icon04.png") no-repeat center center; width: 50px; height: 24px; border:1px #ADADAD solid;border-radius: 5px;transition: all 0.3s; display: inline-block;}
.i-plate-6 .grid-item:hover .icon-button{background: url("/statics/chuneng/images/i_icon05.png") no-repeat center center #f2b80a; border:1px #f2b80a solid;}

.i-button{display: flex; justify-content: center; align-items: center; padding: 90px 0;}
.i-button a{border:1px #ADADAD solid; color: #ADADAD; font-weight: 600; width: 150px; height: 55px; display: flex; justify-content: center; align-items: center; margin: 0 auto;border-radius: 10px; cursor: pointer;transition: all 0.3s;}
.i-button a:hover{border:1px #f2b80a solid; color: #fff; background: #f2b80a;}



.i-plate-7{position: relative; background: url("/statics/chuneng/images/i_tu10.webp") no-repeat center top; min-height: 510px;}
.i-plate-7 .text{font-size: 24px; font-weight: 600; margin-bottom: 20px;text-transform: uppercase;}
.i-plate-7 .left-icon{display: flex; justify-content: left; align-items: center; font-size: 20px;}
.i-plate-7 .left-icon img{display: block; margin-right: 10px;}

.i-button2{display: flex; justify-content: left; align-items: center; padding: 90px 0;}
.i-button2 a{border:1px #fff solid; color: #fff; font-weight: 600; width: 150px; height: 55px; display: flex; justify-content: center; align-items: center; border-radius: 10px; cursor: pointer;transition: all 0.3s;}
.i-button2 a:hover{border:1px #f2b80a solid; color: #fff; background: #f2b80a;}






.circuit-container {
    position: relative;
    width: 900px; /* 修改为900px */
    height: 165px; /* 修改为165px */
    margin: 0 auto;
    overflow: hidden;
}

/* 电路线路基础样式 */
.circuit-line {
    position: absolute;
    background: rgba(6,42,64,0.2);
    transform-origin: left top;
}

/* 主线路 - 垂直向下到中间 */
.main-vertical {
    width: 4px;
    height: 80px; /* 适配高度调整 */
    top: 0;
    left: 450px; /* 水平居中（900/2） */
}

/* 中间水平线路 */
.middle-horizontal {
    width: 880px; /* 适配宽度调整 */
    height: 4px;
    top: 80px; /* 中间位置 */
    left: 10px; /* 左侧起始位置 */
}

/* 底部三条垂直线路 */
.bottom-vertical {
    width: 4px;
    height: 70px; /* 适配剩余高度 */
    top: 80px; /* 与中间线路衔接 */
}

.bottom-left {
    left: 10px; /* 左侧垂直线路位置 */
}

.bottom-middle {
    left: 450px; /* 中间垂直线路位置 */
}

.bottom-right {
    left: 890px; /* 右侧垂直线路位置 */
}

/* 脉冲效果 */
.pulse {
    position: absolute;
    background: linear-gradient(0deg, rgb(72,239,255), transparent);
    border-radius: 5px 5px 50% 50%;
    /*box-shadow: 0 0 15px 5px rgba(72,239,255, 0.6);*/
    pointer-events: none;
}
.pulse-left {
    position: absolute;
    background: linear-gradient(90deg, rgb(72,239,255), transparent);
    border-radius: 5px 50% 50% 5px;
    /*box-shadow: 0 0 15px 5px rgba(72,239,255, 0.6);*/
    pointer-events: none;
}
.pulse-right {
    position: absolute;
    background: linear-gradient(90deg,transparent, rgb(72,239,255));
    border-radius: 50% 5px 5px 50%;
    /*box-shadow: 0 0 15px 5px rgba(72,239,255, 0.6);*/
    pointer-events: none;
}

/* 脉冲动画 */
@keyframes pulseDown {
    0% {
        top: 0;
        height: 30px;
        opacity: 1;
    }
    100% {
        top: 80px; /* 适配中间位置 */
        height: 40px;
        opacity: 0;
    }
}

@keyframes pulseLeft {
    0% {
        left: 420px; /* 适配起始位置 */
        width: 80px;
        opacity: 1;
    }
    90% {
        left: 50px; /* 适配起始位置 */
        width: 80px;
        opacity: 1;
    }
    100% {
        left: 10px; /* 适配终点位置 */
        width: 80px;
        opacity: 0;
    }
}

@keyframes pulseRight {
    0% {
        left: 420px; /* 适配起始位置 */
        width: 80px;
        opacity: 1;
    }
    90% {
        left: 840px; /* 适配起始位置 */
        width: 80px;
        opacity: 1;
    }
    100% {
        left: 890px; /* 适配终点位置 */
        width: 80px;
        opacity: 0;
    }
}

@keyframes pulseDownLeft {
    0% {
        top: 80px; /* 适配起始位置 */
        height: 30px;
        opacity: 1;
    }
    100% {
        top: 150px; /* 适配终点位置 */
        height: 50px;
        opacity: 0;
    }
}

@keyframes pulseDownMiddle {
    0% {
        top: 80px; /* 适配起始位置 */
        height: 30px;
        opacity: 1;
    }
    100% {
        top: 150px; /* 适配终点位置 */
        height: 50px;
        opacity: 0;
    }
}

@keyframes pulseDownRight {
    0% {
        top: 80px; /* 适配起始位置 */
        height: 30px;
        opacity: 1;
    }
    100% {
        top: 150px; /* 适配终点位置 */
        height: 50px;
        opacity: 0;
    }
}















@media screen and (max-width:1600px){
    .swiper_banner .swiper-wrapper{height: 500px;}
}

@media screen and (max-width:1300px){
    .swiper_banner .swiper-wrapper{height: 400px;}
}
@media screen and (max-width:1100px){
    .swiper_banner .swiper-wrapper{height: 350px;}
}

@media screen and (max-width: 960px){
    .swiper_banner .swiper-wrapper{height: auto;}

}
@media screen and (max-width: 768px){
    .i-padding-title{padding: 40px 0 30px 0;}

    .banner-1-fons{text-align: left; color: #0C0C0C; position: absolute; left: 10px; right: 10px; top: 30px;}
    .banner-1-fons .fons-bg{background: linear-gradient(to right, rgba(255, 255, 255, .7) 10%, rgba(255, 255, 255, 0) 100%);padding: 20px;display: inline-block;}
    .banner-1-fons p{font-size: 14px; line-height: 24px;}

    .banner-2-fons{text-align: center; color: #0C0C0C; position: absolute; left: 10px; right: 10px; top: 30px;}
    .banner-2-fons strong{font-size: 24px;display: block; margin-bottom: 10px;}
    .banner-2-fons span{width: 30px; height: 3px; background: #f2b80a; display: inline-block; margin-bottom: 5px;}
    .banner-2-fons p{font-size: 16px;}

    .banner-3-fons{text-align: center; color: #0C0C0C; position: absolute; left: 10px; right: 10px; top: 30px;}
    .banner-3-fons strong{font-size: 24px;display: block; margin-bottom: 10px;}
    .banner-3-fons span{width: 30px; height: 3px; background: #f2b80a; display: inline-block; margin-bottom: 5px; margin-left: 0;}
    .banner-3-fons p{font-size: 16px; margin-left: 0;}
    .banner-3-fons a{margin-left: 0;}

    .swiper_pagination_banner > .swiper-pagination-bullet{width: 30px;}

    .i-title{font-size: 26px; line-height: normal;}
    .i-title strong{width: 35px;}

    .i-plate-1 .list{flex-direction: column;}
    .i-plate-1 .list2{flex-direction: column-reverse;}
    .i-plate-1 .list img{width: 100%;}
    .i-plate-1 .list .right-fons{width: 100%;}
    .i-plate-1 .list .right-fons .fons-padding .fons-title img{width: 60px;}
    .i-plate-1 .list .right-fons .fons-padding .fons-title2{margin-bottom: 30px;}
    .i-plate-1 .list .left-a{display: block; width: 100%;}

    .i-plate-2 .top-fons .top-title{font-size: 26px;}
    .i-plate-2 .top-fons .top-text{margin: 30px 0;}

    .i-plate-3{grid-template-columns: repeat(2, 1fr);}

    .i-plate-list{grid-template-columns: repeat(1, 1fr);}
    .i-plate-5{flex-direction: column;}
    .i-plate-5 .left-width{width: 100%; margin-bottom: 30px;}
    .i-plate-5 .right-width{width: 100%;}
    .i-plate-6{grid-template-columns: repeat(1, 1fr);}

    .i-plate-7 .text{line-height: 24px;}
    .i-button{padding: 40px 0;}
    .i-button2{padding: 20px 0;}

    .i-plate-2 {background: url('/statics/chuneng/images/i_en_tu05-m.webp') no-repeat center 160px; background-size: 100% auto; min-height: 900px;}
    .i-plate-2 .top-fons{margin-bottom: 200px;}
    .i-plate-2 .bottom-list{flex-direction: column; padding-left: 28%;}
    .i-plate-2 .bottom-list .item{margin-bottom: 20px;}
    .i-plate-2 .bottom-list .item img{width: 100%; display: block;}

    .i-plate-7 {position: relative; background: url('/statics/chuneng/images/i_tu10.webp') no-repeat center top; background-size: auto 100%; min-height: 340px;}


}