﻿.crumbs{position: relative;line-height: 0;display: flex;justify-content: center;}
.crumbs_1{position: absolute;width: 80%;max-width: 1580px;height: auto;overflow: hidden;top: 15%;line-height: 1.7;color: #000; font-size: 1.7vw;}
.crumbs_2{width: 100%;overflow: hidden;color: #fff;text-align: center; font-size: 40px;line-height: 1.3;}
.crumbs_3{width: 100%;overflow: hidden;color: #fff;text-align: center; font-size: 28px;line-height: 2;}
.crumbs_4{width: 100%;overflow: hidden;color: #fff;text-align: center; font-size: 40px;line-height:80px;display: flex;justify-content: center;margin-top: 30px;}
.crumbs_4_1{width: 280px; height: 80px; overflow: hidden;color: #fff;padding-top: 11px; text-align: center;background: #188ef0; font-size: 20px;line-height: 30px;border-radius: 5px;}

.video-background1 {width: 100%;height:664px;overflow: hidden;position: relative;}
.video-background1 video {width:100%;height: auto;object-fit: cover;z-index: -1;}
.video-background2{width: 100%;height: 100%;position:absolute;width:100%;z-index: 100;}

.carousel-section-v2 {
        position: relative;
        max-width: 1580px;
        margin: 0 auto 50px;
    }
.carousel-body-v2 {
        position: relative;
        padding: 0 80px;
    }
.carousel-wrapper-v2 {
        position: relative;
        overflow: hidden;
    }
.carousel-track-v2 {
        display: flex;
        transition: transform 0.5s ease-in-out;
        cursor: grab;
        user-select: none;
    }
.carousel-track-v2:active {
        cursor: grabbing;
    }
.carousel-slide {
        flex: 0 0 33.333%;
        padding: 0px 20px;
    }
.carousel-slide img {
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
    }
.carousel-arrow-v2 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        background: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        z-index: 10;
        font-size: 30px;
        color: #0069ab;
        font-weight: bold;
    }
.carousel-arrow-v2.prev {
        left: 15px;
    }
.carousel-arrow-v2.next {
        right: 15px;
    }
.carousel-arrow-v2 svg {
        width: 28px;
        height: 28px;
        fill: #1890ff;
        transition: all 0.3s ease;
    }
.carousel-arrow-v2:hover svg {
        fill: #40a9ff;
        transform: scale(1.1);
    }
.carousel-dots-v2 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 25px;
    }
.carousel-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #d9d9d9;
        cursor: pointer;
        transition: all 0.3s ease;
    }
.carousel-dot.active {width: 24px;border-radius: 4px;background: #1890ff;}
.carousel-dot:hover {background: #40a9ff;}

.fwlc_1{top: 415px; left: 190px;}
.fwlc_2{top: 145px; left: 302px;}
.fwlc_3{top: 18px; left: 668px;}
.fwlc_4{top: 145px; left: 1009px;}
.fwlc_5{top: 415px; left: 1118px;}

.service_1{width: 100%;height: 664px; display: flex;justify-content: center; flex-wrap: wrap;background: url("/skin/images1/s1.jpg") center no-repeat;position: relative;}
.service_1_1{width: 1580px; height: 664px;margin:0px;position: relative;position: absolute;background: url("/skin/images1/fwbj2.png") center no-repeat;}
.service_1_1_1{width: 310px;height: 345px; overflow: hidden;position: absolute;left:0px; top: -75px;z-index: 10; border-radius: 10px;background: linear-gradient(to right, #1c95f0, #0c80ef);box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);}
.service_1_1_2{width: 220px;margin-left: 45px; overflow: hidden;font-size: 38px;line-height: 2;color: #fff;}
.service_1_1_3{width: 220px;margin-left: 45px;margin-top: 18px; overflow: hidden;font-size: 16px;line-height: 1.6;color: #fff;}

.service_1_2_1{width: 260px;height:236px; overflow: hidden;position: absolute;z-index: 10;cursor: pointer;background: url("/skin/images1/fwbj.png") center no-repeat;}
.service_1_2_2{width: 260px;margin-top: 68px; overflow: hidden;font-size: 24px;line-height: 1.2;color: #fff;text-align: center;}
.service_1_2_3{width: 260px;margin-top: 49px; overflow: hidden;font-size: 16px;line-height: 1.6;color: #fff;text-align: center;}
	
  @keyframes jumpUp {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); } /* 上移 5px */
    100% { transform: translateY(0); }   /* 回到原位 */
  }
.service_1_2_1:hover {
    animation: jumpUp 0.5s ease forwards;
  }
	
	
.service_2{width: 100%;display: flex;justify-content: center; flex-wrap: wrap;margin-top:70px;}
.service_2_1{width: 1580px; display: flex;justify-content:space-between;margin:70px 0px;}
	
.service_2_4b_1{width:100%;height: 100%;overflow: hidden;margin-bottom: 20px;display: flex;flex-direction: column;border-radius: 6px;background:#efefef;}
.service_2_4b_2{width:100%;overflow: hidden;line-height: 0;aspect-ratio: 16 / 9;}
.service_2_4b_2 iframe{
  width:100%;
  height:100%;
}
.service_2_4b_2 img{width: 100%;object-fit: cover;transition: all 0.4s ease;aspect-ratio: 16 / 9;}
.service_2_4b_1:hover .service_2_4b_2 img{transform: scale(1.05);}
.service_2_4b_3{width:100%;overflow: hidden;background:#efefef;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.service_2_4b_4{width:100%;overflow: hidden;background:#efefef;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.service_2_4b_3_1{width:80%;height: 30px; font-size: 24px;line-height: 30px;color: #000; text-align: left;margin-top: 30px;overflow: hidden;}
.service_2_4b_3_2{width:80%;height: auto; font-size: 16px;line-height: 26px;color:#686c6d;text-align: left;margin-top: 20px;margin-bottom: 20px;overflow: hidden;}

.service_1_1_1c {display:none;}
.service_1_1_1sj {display:none;}


@media screen and (max-width: 768px) {
.crumbs{overflow:hidden;height:380px;}
.crumbs_1{overflow:hidden;top: 8%;}

.crumbs_2 {
    font-size: 25px;
    line-height: 1.3;
}

.crumbs_3 {
    width: 100%;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 1.6;
}

.crumbs_4 {
    width: 100%;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.crumbs_4_1 {
    width: 280px;
    height: 50px;
    overflow: hidden;
    color: #fff;
    padding-top: 6px;
    text-align: center;
    background: #188ef0;
    font-size: 11px;
    line-height: 18px;
    border-radius: 5px;
}

.banner-img img{height:100%;object-fit: cover;}
.pro_top{height:10px;}
.product-tops {padding-top:55px;}
.service_1{width: 100%;height:auto; display:block;background:none;background-size: auto 100%;position: relative;}
.service_1_1{width:100%;background:none;height:auto;overflow:hidden;display:flex;align-items:center;flex-direction:column;}
.service_2{overflow:hidden;margin-top:10px;}

.service_1_1_1 {display:none;}
.service_1_1_1c {display:block;width:80%;margin:0 10%;position:absolute;}
.service_1_1_1sj{display:block;width:100%;height:auto;position:relative;overflow:hidden;}
.service_1_1_1sj_1{width:94%;height:auto;position:absolute;overflow:hidden;display:flex;flex-wrap: wrap;
        flex-direction: row;top:33%;left:3%;justify-content: center;}
        
.service_1_2_1{position:static;display:none;}
.service_1_2_1c{width: 32%;margin-right:1%;position:relative;overflow: hidden;cursor: pointer;display:block;}
.service_1_2_1c:hover {
    animation: jumpUp 0.5s ease forwards;
  }
.service_1_2_2{width: 97%;position:absolute;top: 26%; overflow:hidden;margin-top:0; font-size:2.5vw;line-height: 1.2;color: #fff;text-align: center;}
.service_1_2_3{width: 100%;position:absolute;top: 70%; overflow: hidden;margin-top:0;font-size:1.8vw;line-height: 1.6;color: #fff;text-align: center;}

.service_1_1_2 {
    width: 100%;
    margin-left: 0;
    overflow: hidden;
    font-size: 5vw;
    line-height: 2;
    color: #fff;
    text-align: center;
    margin-top: 15px;
}
.service_1_1_3 {
    width: 100%;
    margin-left: 0;
    margin-top: 6px;
    overflow: hidden;
    font-size: 2.8vw;
    line-height: 1.6;
    color: #fff;
    text-align: center;
}

.service_2_4b_3_1 {
    width: 80%;
    height: 40px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-align: left;
    margin-top: 10px;
    overflow: hidden;
}

.service_2_4b_3_2 {
    width: 80%;
    height: 45px;
    font-size: 10px;
    line-height: 15px;
    color: #686c6d;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.carousel-slide {flex: 0 0 100%;}
.carousel-body-v2 {padding: 0 50px;}


.video-background1 {display:none;}

.fwlc_1{top: 415px; left: 190px;}
.fwlc_2{top: 145px; left: 302px;}
.fwlc_3{top: 18px; left: 668px;}
.fwlc_4{top: 145px; left: 1009px;}
.fwlc_5{top: 415px; left: 1118px;}


}