.jx_banner{width: 100%;position: relative;margin-top: 100px;}
.jx_banner .jx_banner_c{width: 100%;position: relative;padding-bottom: 48.5%;overflow: hidden;}
.jx_banner .swiper{width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.jx_banner .swiper-slide{width: 100%;height: 100%;position: relative;}
.jx_banner .swiper-slide .positionimg{height: 100%;padding-bottom: 0;}
.jx_banner .swiper-slide .jx_banner_text{width: 100%;position: absolute;left: 0;top: 50%;}
.jx_banner .swiper-slide .jx_banner_text .jx_text{width: 840px;}
.jx_banner .swiper-slide .jx_banner_text .jx_text .jx_ttit{font-size: 20px;color: #ffffff;margin-bottom: 12px;transform: translateY(200px);opacity: 0;}
.jx_banner .swiper-slide .jx_banner_text .jx_text .jx_tit{font-size: 60px;color: #ffffff;line-height: 1.2;font-weight: bold;transform: translateY(200px);opacity: 0;}
.jx_banner .swiper-slide .jx_banner_text .jx_text .jx_dec{font-size: 16px;color: #ffffff;line-height: 26px;margin-top: 18px;transform: translateY(200px);opacity: 0;}

.jx_banner .swiper-slide:nth-child(1) .jx_banner_text .jx_text .jx_ttit{color: #1A191D;}
.jx_banner .swiper-slide:nth-child(1) .jx_banner_text .jx_text .jx_tit{color: #1A191D;}
.jx_banner .swiper-slide:nth-child(1) .jx_banner_text .jx_text .jx_dec{color: #1A191D;}

.jx_banner .swiper-slide .jx_banner_text .jx_text .jx_banner_more{transform: translateY(200px);opacity: 0;}
.jx_banner .swiper-slide .jx_banner_text .jx_text .jx_banner_more .jx_combut{width: max-content;}
.jx_banner .swiper-slide.swiper-slide-active .jx_banner_text .jx_text .jx_ttit{transform: translateY(0);opacity: 1;}
.jx_banner .swiper-slide.swiper-slide-active .jx_banner_text .jx_text .jx_tit{transform: translateY(0);opacity: 1;}
.jx_banner .swiper-slide.swiper-slide-active .jx_banner_text .jx_text .jx_dec{transform: translateY(0);opacity: 1;}
.jx_banner .swiper-slide.swiper-slide-active .jx_banner_text .jx_text .jx_banner_more{transform: translateY(0);opacity: 1;}
.jx_banner .swiper .swiper-pagination{width: auto;position: absolute;left: auto;bottom: auto;right: 6.5%;top: 50%;gap: 16px;}
.jx_banner .swiper .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #ffffff;opacity: 0.6;}
.jx_banner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.jx_banner_b{width: 100%;position: absolute;left: 0;bottom: -120px;z-index: 1;}
.jx_banner_b .jx_box{width: 100%;position: relative;background: #1A191D;border-radius: 16px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);overflow: hidden;}
.jx_banner_b .jx_box:before{content: " ";width:100%;height:100%;position:absolute;top:0;left:0;background-image: url(../images/bg_industries.webp);background-size: 50px 50px;opacity: 0.02;}
.jx_banner_b .jx_banner_bl{width: calc(100% - 240px);position: relative;padding: 0 50px 0 90px;}
.jx_banner_b .jx_banner_bl .jx_text{width: 640px;position: relative;color: #ffffff;gap: 5px;}
.jx_banner_b .jx_banner_bl .jx_text .jx_mtit{font-size: 16px;}
.jx_banner_b .jx_banner_bl .jx_text .jx_tit{font-size: 32px;font-weight: bold;line-height: 1.24;}
.jx_banner_b .jx_banner_bl .jx_text .jx_btit{font-size: 24px;font-weight: bold;}
.jx_banner_b .jx_banner_bl .jx_combut{background: #ffffff;}
.jx_banner_b .jx_banner_bl .jx_combut span{color: #1A191D;}
.jx_banner_b .jx_banner_bl .jx_combut:hover{background: #CD0001;}
.jx_banner_b .jx_banner_bl .jx_combut:hover span{color: #ffffff;}
.jx_banner_b .jx_banner_br{width: 240px;height: 240px;position: relative;background: #CD0001;}
.jx_banner_b .jx_banner_br a{width: 100%;height: 100%;position: relative;text-align: center;}
.jx_banner_b .jx_banner_br a i{display: inline-block;width: 68px;height: 68px;background: url('../images/icon_bbanner_email.svg') center center no-repeat;}

.jx_series{width: 100%;position: relative;margin-top: 120px;}
.jx_series .jx_title .jx_dec{width: 410px;margin-top: 0;}
.jx_series_c{width: 100%;position: relative;}
.jx_series_c .swiper{width: 100%;position: relative;}
.jx_series_c .swiper-slide{position: relative;}
.jx_series_c .swiper-slide a{display: block;position: relative;}
.jx_series_c .swiper-slide a .positionimg{padding-bottom: 75%;border-radius: 16px;}
.jx_series_c .swiper-slide a .jx_text{width: 100%;position: relative;padding: 28px 20px;gap: 16px;}
.jx_series_c .swiper-slide a .jx_text span{font-size: 14px;color: #CD0001;}
.jx_series_c .swiper-slide a .jx_text .jx_tit{font-size: 20px;color: #1A191D;font-weight: bold;}
.jx_series_c .swiper-slide a .jx_text .jx_line{width: 100%;height: 1px;background: #D0D0D0;position: relative;}
.jx_series_c .swiper-slide a .jx_text .jx_line:before{content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #CD0001;transition:all 0.5s ease-in-out;}
.jx_series_c .swiper-slide a .jx_text p{font-size: 16px;color: #1A191D;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.jx_series_c .swiper-button-prev:after, .jx_series_c .swiper-button-next:after{display: none;}
.jx_series_c .swiper-button-prev, .jx_series_c .swiper-button-next{width: 52px;height: 52px;border-radius: 50%;background-color: #CD0001;background-position: center center;background-repeat: no-repeat;border: 1px solid #D0D0D0;opacity: 1;}
.jx_series_c .swiper-button-prev{background-image: url('../images/icon_arrow_l.svg');left: -84px;}
.jx_series_c .swiper-button-next{background-image: url('../images/icon_arrow_r.svg');right: -84px;}
.jx_series_c .swiper-button-prev.swiper-button-disabled, .jx_series_c .swiper-button-next.swiper-button-disabled{background-color: rgba(255, 255, 255, 0.20);border: 1px solid #D0D0D0;}
.jx_series_c .swiper-button-prev.swiper-button-disabled{background-image: url('../images/icon_arrow_l_h.svg');}
.jx_series_c .swiper-button-next.swiper-button-disabled{background-image: url('../images/icon_arrow_r_h.svg');}
.jx_series_c .swiper-slide a:hover .jx_text .jx_line:before{width: 100%;}
.jx_series_c .swiper-slide a:hover .jx_text .jx_tit{color: #CD0001;}

.jx_about{width: 100%;position: relative;background: #F6F6F6;}
.jx_about_c{width: 100%;position: relative;}
.jx_about_l{width: calc(100% - 518px);position: relative;padding-right: 170px;}
.jx_about_l .jx_text{width: 100%;position: relative;margin-top: 42px;font-size: 16px;color: #666666;line-height: 26px;gap: 20px;}
.jx_about_r{width: 518px;position: relative;}
.jx_about_r .jx_mission{width: 100%;height: 100%;padding: 52px 52px;position: relative;border-radius: 16px;background: #CD0001;color: #ffffff;}
.jx_about_r .jx_mission:before, .jx_about_r .jx_mission:after{content: '';width: 100%;height: 100%;position: absolute;opacity: 0.07;}
.jx_about_r .jx_mission:before{left: 0;top: 0;background: url('../images/bg_com.svg') no-repeat;background-position: -20px 164px;}
.jx_about_r .jx_mission:after{left: 0;top: 0;background: url('../images/bg_com.svg') no-repeat;background-position: 360px -110px;}
.jx_about_r .jx_mission .jx_tit{font-size: 32px;font-weight: bold;}
.jx_about_r .jx_mission .jx_dec{font-size: 18px;line-height: 30px;margin-top: 20px;}
.jx_about_r .jx_mission .jx_more{width: 100%;position: relative;justify-content: flex-end;z-index: 1;}
.jx_about_r .jx_mission .jx_more .jx_combut{background: #ffffff;}
.jx_about_r .jx_mission .jx_more .jx_combut span{color: #CD0001;}
.jx_about_r .jx_mission .jx_more .jx_combut i{background: url('../images/icon_more_email_h.svg') center center no-repeat;}
.jx_about_v{width: 100%;position: relative;}
.jx_about_v .positionimg{padding-bottom: 32%;border-radius: 16px;}
.jx_about_v .jx_about_vbox{position: absolute;right: 52px;bottom: 24px;gap: 18px;}
.jx_about_v .jx_about_vbox .jx_video_but{position: relative;width: 56px;height: 56px;border-radius: 50%;background: #CD0001;z-index: 1;cursor: pointer;}
.jx_about_v .jx_about_vbox .jx_video_but:before, .jx_about_l .jx_about_video .jx_video_but:after{content: '';display: inline-block;width: 100%;height: 100%;border-radius: 50%;background: #CD0001;position: absolute;vertical-align: middle;left: 0;top: 0;z-index: -1;}
.jx_about_v .jx_about_vbox .jx_video_but:before{animation: scale 2.4s infinite;}
.jx_about_v .jx_about_vbox .jx_video_but:after{animation: scale1 2.4s infinite;}
.jx_about_v .jx_about_vbox .jx_video_but i{display: inline-block;width: 32px;height: 32px;background: url('../images/icon_video.svg') center center no-repeat;}
.jx_about_v .jx_about_vbox .jx_videoBox{display: none;}
.jx_about_b{width: 100%;position: relative;}
.jx_about_b ul{width: 100%;position: relative;padding: 0 52px;}
.jx_about_b ul li{position: relative;gap: 12px;}
.jx_about_b ul li .jx_sz{font-size: 64px;color: #CD0001;font-weight: bold;letter-spacing: 0.64px;}
.jx_about_b ul li .jx_sz span{font-weight: bold;}
.jx_about_b ul li p{font-size: 14px;color: #666666;letter-spacing: 0.14px;}

@media screen and (max-width:1699px){
    
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_tit{font-size: 56px;}
    .jx_banner_b{bottom: -105px;}
    .jx_banner_b .jx_banner_br{width: 220px;height: 220px;}
    .jx_banner_b .jx_banner_bl{width: calc(100% - 220px);padding: 0 50px 0 70px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_tit{font-size: 30px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_btit{font-size: 22px;}

    .jx_series{margin-top: 105px;}

}

@media screen and (max-width:1499px){
    
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_ttit{font-size: 18px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_tit{font-size: 48px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_dec{font-size: 14px;line-height: 24px;}
    .jx_banner_b{bottom: -100px;}
    .jx_banner_b .jx_banner_br{width: 200px;height: 200px;}
    .jx_banner_b .jx_banner_bl{width: calc(100% - 200px);padding: 0 40px 0 60px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_mtit {font-size: 14px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_tit{font-size: 28px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_btit{font-size: 20px;}

    .jx_series{margin-top: 100px;}
    .jx_series_c .swiper-slide a .jx_text{padding: 20px 16px;gap: 12px;}
    .jx_series_c .swiper-slide a .jx_text span{font-size: 13px;}
    .jx_series_c .swiper-slide a .jx_text .jx_tit{font-size: 18px;}
    .jx_series_c .swiper-slide a .jx_text p{font-size: 14px;line-height: 22px;}
    
    .jx_about_l{width: calc(100% - 452px);padding-right: 145px;}
    .jx_about_l .jx_text{margin-top: 30px;font-size: 14px;line-height: 24px;gap: 12px;}
    .jx_about_r{width: 452px;}
    .jx_about_r .jx_mission{padding: 32px 32px;}
    .jx_about_r .jx_mission .jx_tit{font-size: 28px;}
    .jx_about_r .jx_mission .jx_dec {font-size: 16px;line-height: 26px;margin-top: 16px;}
    .jx_about_b ul{padding: 0 42px;}
    .jx_about_b ul li{gap: 8px;}
    .jx_about_b ul li .jx_sz{font-size: 48px;}

}

@media screen and (max-width:1299px){

    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_ttit{font-size: 16px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_tit{font-size: 34px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_dec{line-height: 22px;}
    .jx_banner_b{bottom: -90px;}
    .jx_banner_b .jx_banner_bl .jx_text{width: 500px;}
    .jx_banner_b .jx_banner_br{width: 168px;height: 168px;}
    .jx_banner_b .jx_banner_bl{width: calc(100% - 168px);padding: 0 40px 0 40px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_tit{font-size: 24px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_btit{font-size: 18px;}

    .jx_series{margin-top: 90px;}
    .jx_series_c .swiper-slide a .jx_text{padding: 16px 12px;gap: 10px;}
    .jx_series_c .swiper-slide a .jx_text span{font-size: 13px;}
    .jx_series_c .swiper-slide a .jx_text .jx_tit{font-size: 16px;}
    
    .jx_about_l{width: calc(100% - 360px);padding-right: 80px;}
    .jx_about_l .jx_text{margin-top: 24px;gap: 8px;}
    .jx_about_r{width: 360px;}
    .jx_about_r .jx_mission{padding: 24px 24px;}
    .jx_about_r .jx_mission .jx_tit{font-size: 24px;}
    .jx_about_b ul{padding: 0 32px;}
    .jx_about_b ul li{gap: 5px;}
    .jx_about_b ul li .jx_sz{font-size: 40px;}

}

@media screen and (max-width:1023px){

    .jx_banner{margin-top: 60px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text{width: 100%;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_ttit{margin-bottom: 8px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_tit{font-size: 24px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_dec{margin-top: 12px;}
    .jx_banner_b{bottom: -80px;}
    .jx_banner_b .jx_banner_bl .jx_text{width: 360px;}
    .jx_banner_b .jx_banner_br{width: 168px;height: 168px;}
    .jx_banner_b .jx_banner_bl{width: calc(100% - 168px);padding: 0 30px 0 30px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_tit{font-size: 22px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_btit{font-size: 16px;}

    .jx_series{margin-top: 80px;}
    .jx_series_c .swiper-slide a .jx_text{padding: 12px 12px;gap: 8px;}
    .jx_series_c .swiper-button-prev, .jx_series_c .swiper-button-next{display: none;}
    
    .jx_about_l{width: 100%;padding-right: 0;}
    .jx_about_l .jx_text{line-height: 22px;margin-top: 12px;gap: 6px;}
    .jx_about_r{width: 100%;margin-top: 20px;}
    .jx_about_r .jx_mission{padding: 20px 20px;}
    .jx_about_r .jx_mission .jx_tit{font-size: 20px;}
    .jx_about_r .jx_mission .jx_dec {font-size: 14px;line-height: 22px;margin-top: 10px;}
    .jx_about_b ul{padding: 0 20px;}
    .jx_about_b ul li{gap: 3px;}
    .jx_about_b ul li .jx_sz{font-size: 30px;}


}

@media screen and (max-width:767px){
    
    .jx_banner .jx_banner_c{padding-bottom: 300px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text{width: 100%;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_ttit{margin-bottom: 5px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_tit{font-size: 22px;}
    .jx_banner .swiper-slide .jx_banner_text .jx_text .jx_dec{margin-top: 8px;line-height: 20px;font-size: 13px;}
    .jx_banner_b{position: relative;bottom: 0;margin-top: 20px;}
    .jx_banner_b .jx_banner_bl .jx_text{width: 100%;}
    .jx_banner_b .jx_banner_br{display: none;}
    .jx_banner_b .jx_banner_bl{width: 100%;padding: 16px 20px 16px 20px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_mtit {font-size: 13px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_tit{font-size: 20px;}
    .jx_banner_b .jx_banner_bl .jx_text .jx_btit{font-size: 14px;}
    .jx_banner_b .jx_banner_bl .jx_combut{margin-top: 10px;}

    .jx_series{margin-top: 0;}
    .jx_series .jx_title .jx_dec{width: 100%;margin-top: 6px;}
    .jx_series_c .swiper-slide a .jx_text{padding: 10px 0px;}
    .jx_series_c .swiper-slide a .jx_text p{line-height: 20px;}
    .jx_series_c .swiper-button-prev, .jx_series_c .swiper-button-next{display: none;}
    
    .jx_about_l .jx_text{margin-top: 10px;gap: 5px;}
    .jx_about_r{margin-top: 16px;}
    .jx_about_r .jx_mission{padding: 16px 16px;}
    .jx_about_r .jx_mission .jx_tit{font-size: 18px;}
    .jx_about_r .jx_mission .jx_dec {line-height: 20px;margin-top: 8px;}
    .jx_about_v .positionimg{padding-bottom: 50%;}
    .jx_about_v .jx_about_vbox {right: 15px;bottom: 15px;gap: 12px;}
    .jx_about_v .jx_about_vbox .jx_video_but{width: 42px;height: 42px;}
    .jx_about_b ul{padding: 0 12px;gap: 8px 0;}
    .jx_about_b ul li{width: 50%;gap: 0;}
    .jx_about_b ul li .jx_sz{font-size: 24px;}

}