/* 轮播 */
.banner{width:100%;position:relative;}
.banner video,.banner img{width:100%;height:100%;object-fit:fill;}
.banner .btn{ width: 100%; bottom: 50px; z-index: 1; position: absolute; left: 0;}
.banner .swiperBtn{ width: 66px; height: 66px; } 
.banner .swiperBtn{  border: 1px solid rgba(255, 255, 255, .4);}
.banner .swiperBtn:hover{ background: rgba(255, 255, 255, .4);}
.banner .pagination .swiper-pagination-bullet{ position: relative; width: 40px; height: 40px; border: 1px solid transparent;  opacity: .6; background-color: transparent;  margin: 0 15px 0 0 ;}
.banner .pagination .swiper-pagination-bullet::after{ width: 26%; height: 26%; top: 37%; left: 37%; background-color: #fff; display: block; content: ''; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #fff; opacity: 1;}

.banner-solution{position: relative;}
.banner-solution .point {position: absolute;z-index: 3;display: flex;align-items: center;}
.banner-solution .point .circle {width: 18px;height: 18px;background: #EC6917;border-radius: 50%;position: relative;}
.banner-solution .point .circle:after {content: "";width: 18px;height: 18px;background: #E64C00;opacity: 0.2;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);animation: 3s scale linear infinite;}
.banner-solution .point .circle:before {content: "";width: 18px;height: 18px;background: #E64C00;opacity: 0.2;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);animation: 3s scale linear infinite;animation-delay: 1.5s;}
.banner-solution .point .circle .dian {width: 4px;height: 4px;background: #FFFFFF;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.banner-solution .point:nth-child(2) {left: 28vw;top: 33vh;}
.banner-solution .point:nth-child(3) {left: 12vw;top: 52vh;}
.banner-solution .point:nth-child(4) {left: 58vw;top: 53vh;}
.banner-solution .point:nth-child(5) {left: 65vw;top: 30vh;}
.banner-solution .point:nth-child(6) {left: 86vw;top: 16vh;flex-direction: row-reverse;}
.banner-solution .point:nth-child(6) a:nth-child(2) {margin-right: 53px;position: absolute;}
/*.banner-solution .point:nth-child(7) {left: 77vw;top: 50vh;}*/
.banner-solution .point a:nth-child(2) {display: flex;align-items: center;justify-content: space-between;color: #FFFFFF;font-size: 16px;line-height: 16px;font-family: PingFang SC R;font-weight: 400;padding: 20px 16px;background: #EC6917;border-radius: 27px;margin-left: 53px;width: 56px;height: 56px;overflow: hidden;transition: 0.6s;opacity: 0;}
.banner-solution .point:hover a {opacity: 1;}
.banner-solution .point:hover a:nth-child(2) {width: 268px;}
.banner-solution .point:hover a p {opacity: 1;transition-delay: 0.6s;}
.banner-solution .point:hover a .iconfont:nth-last-child(1) {opacity: 1;transition-delay: 0.5s;}
.banner-solution .point a p {margin: 0 10px 0 18px;opacity: 0;}
.banner-solution .point a .iconfont:nth-last-child(1) {opacity: 0;}
.banner-solution .point a .iconfont:nth-child(1) {font-size: 24px;}

@keyframes scale {
    100% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
}

/* 产品中心 */
/*.product-cate ul li{float:left;display:inline-block;width:16.6666%}
.product-cate ul li a{display:block;border-left:1px solid #e8e8e8}*/
.product-cate ul li{float:left;border-left:1px solid #e8e8e8;}
.product-cate ul li:first-child{border-left:0;}
.product-cate ul li a{display:block;}
.product-cate ul li a p{letter-spacing:2px;}
.product-cate ul li a .img{line-height:64px;height:64px}
.product-cate ul li a .img img{display:inline-block;vertical-align:middle;}
.product-cate ul li a .img .mobile{display:none}
.product-cate ul li a:hover .img .pc{display:none}
.product-cate ul li a:hover .img .mobile{display:inline-block;}
.product-cate ul li a:hover p{color:#023B98;}
.product-cate ul li:first-of-type a{border-left:0}
.product-box>div{flex-wrap:wrap;}
.product-box .item{width:33.333333%;}
.product-box .item:nth-child(1){width:66.666666%;}
.product-box .item>div{position:relative;width:100%;height:0;padding-bottom:90%;}
.product-box .item:nth-child(1)>div{padding-bottom:45%;}
.product-box .item:nth-child(2)>div{padding-bottom:90%;}
.product-box .item>div>a{position:absolute;top:5px;left:0;right:10px;bottom:5px;overflow:hidden;}
.product-box .item:nth-child(2)>div>a,.product-box .item:nth-child(5)>div>a{right:0;}
.product-box .item .item_bg{position:absolute;width:100%;height:100%;left:0;top:0;}
.product-box .item>div>a:before,.product-box .item>div>a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;transition:all 1s;}
.product-box .item>div>a:before{background-image: -webkit-linear-gradient(90deg,#162332 0,rgba(21,86,182,0) 100%);opacity:0;}
.product-box .item.hover>div>a:before,.product-box .item:hover>div>a:before{opacity:.7}
.product-box .item>div>a:after{background-color: rgba(7,41,81,.8);opacity:0;}
.product-box .item .item_bg>img{width:100%;height:100%;object-fit:cover;transition:all 1s;}
.product-box .item:hover .item_bg>img{transform: scale(1.05);}
.product-box .item .txt{position:absolute;bottom:0;left:0;z-index:5;padding:30px 40px;width:100%;color:#fff;}
/*.product-box .item .txt .info{height:0;overflow:hidden;}*/
.product-box .item .txt .info>div{margin-top:15px;}
.product-box .item .txt .info .info_title{line-height:1.3;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product-box .item .txt .info .info_line{font-family: tahoma;line-height:25px;font-weight:lighter;max-height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-align:justify;}

/* 走进 */
.about-box{position: relative;background: url('../images/aboutbg.jpg?v=2') no-repeat center;background-attachment: fixed;}
.about-left{width: 45%;display: flex;align-items: center;color: #fff;}
.about-left .left1{display: flex;align-items: center;}
.about-left .left1 s{display: inline-block;width: 4px;height: 4px;border-radius: 5px;background: rgba(255, 255, 255, 0.6);margin: 0 18px;}
.about-left .left2{line-height: 30px;text-align: justify;}
.about-right{width: 45%;color: #fff;}
.about-right .li{display: flex;justify-content: space-between;align-items: center;}
.about-right .li .li_re{width: 51.75%;line-height: 28px;padding-top: 5px;}
.about-right .li {border-bottom: 2px solid rgba(255, 255, 255, 0.2);}
.about-right .li:first-child{border-top:2px solid rgba(255, 255, 255, 0.2) ;}
.about-box .more a{width: 180px;height: 54px;}
.about-box .more a:hover {box-shadow: 0 0 10px rgba(18,89,153, 0.8);transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);background: #004798;border:1px solid #004798;}

/* 应用方案 */
.application{position: relative;}
.application::after{content: "";width: 100%;height: 300px;background: #f5f5f5;display: block;z-index: -1;top: 0;left: 0;position: absolute;}
.application_list{position: relative;overflow:hidden;}
.application_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.application_bg ul{height: inherit;}
.application_bg ul li{height: inherit;}
.application_bg ul li div{height: inherit;}
.application_menu{position: relative;z-index: 2;}
.application_menu ul{display: flex;height: 600px;}
.application_menu ul li{position: relative;width: 16.666%;height: inherit;transition: .5s;overflow: hidden;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.2);}
.application_menu ul li:nth-last-child(1){border-right: none;}
.application_menu ul li a{display: block;height: inherit;}
.application_menu span{color: white;font-size: 1.5rem;font-family: "DIN";position: absolute;left: 25px;top: 35px;}
.application_txt h2{color: white;margin-top: 15px;font-weight: normal;}
.application_txt{position: absolute;bottom: 75px;left: 25px;transition: .5s;}
.application_txt2>h2{color: white;margin: 15px 0;font-weight: normal;}
.application_txt2{position: absolute;bottom: 130px;left: 25px;transition: .5s;opacity: 0;}
.application_txt2 p{color: #afd4fa;line-height: 26px;}
.application_txt2>div{margin-top: 35px;}
.application_txt2>div>h2{font-size: 1.125rem;font-family: "DIN";color: white;transform: rotate(-45deg);display: inline-block;}
.application_menu ul li::before{content: "";width: 100%;height: 0%;background-image: linear-gradient(to bottom,#1359a4,#06376c);position: absolute;left: 0;top: 0;display: block;transition: .5s;opacity: .9;pointer-events: none;}
.application_menu ul li:hover::before{height: 100%;}
.application_menu ul li:hover .application_txt{opacity: 0;bottom: 290px;}
.application_menu ul li:hover .application_txt2{opacity: 1;bottom: 75px;}
.application_menu ul .on::before{height: 100%;}
.application_menu ul .on .application_txt{opacity: 0;bottom: 290px;}
.application_menu ul .on .application_txt2{opacity: 1;bottom: 75px;}

/* 新闻中心 */
.news .tit-more{  border-bottom: 2px solid #000;}
.news .tit-more:hover .iconfont{ margin-left: 36px;}
.news-item{margin-right: 2%;}
.news-item:last-child{margin-right: 0;}
.news-item .img img{ width: 100%; object-fit: cover;}
.news-item .newsclass{ top: 0; left: 0; position: absolute;z-index: 5;background-color: rgba(0,0,0,.5);  color: #fff;}
.news-item .txt{background: #fff;position: relative;}
.news-item .txt::after {content: '';background: #023B98;width: 100%;height: 4px;display: block;position: absolute;left: 0;bottom: 0;}
.news-item:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.news-item:hover{ color: #023B98;}
.news-item:hover .newsclass{background: rgba(0, 84, 174, 0.5);}

/* 服务 */
.service-box>a:nth-child(1){background: url(../images/service_bg1.jpg);background-repeat: no-repeat;background-size: cover;}
.service-box>a:nth-child(2){background: url(../images/service_bg2.jpg);background-repeat: no-repeat;background-size: cover;}
.service-box>a:nth-child(3){background: url(../images/service_bg3.jpg);background-repeat: no-repeat;background-size: cover;}
.service-box>a:last-child{margin-right: 0;}
.service-item{width: 33.3%;margin-right: 2%;display: flex;align-items: center;justify-content: center;padding: 65px 0; cursor: pointer; transition: all .36s;}
.service-item:hover{ box-shadow: 0 10px 10px rgba(0 0 0 / 40%); transform: translateY(-10px);}
.service-item .item-img{width:70px;height: 70px;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.service-item .item-desc{margin-left: 22px;}
.service-item .item-desc>p:nth-child(1){margin-bottom: 12px;color: #fff;letter-spacing: 1px;}
.service-item .item-desc>p:nth-child(2){color: #fff;font-family: Microsoft YaHei;text-transform: uppercase;}

@media screen and (max-width:1440px){
    .banner-solution .point:nth-child(2) {left: 25vw;top: 26vh;}
    .banner-solution .point:nth-child(3) {left: 12vw;top: 46vh;}
    .banner-solution .point:nth-child(4) {left: 55vw;top: 40vh;}
    .banner-solution .point:nth-child(5) {top: 22vh;}
    .banner-solution .point:nth-child(6){top:15vh;}
    /*    .banner-solution .point:nth-child(6) {left: 54vw;top: 34vh;}
        .banner-solution .point:nth-child(7) {left: 77vw;top: 40vh;flex-direction: row-reverse;}
        .banner-solution .point:nth-child(7) a:nth-child(2) {margin-right: 20px;position: absolute;}*/
}

@media screen and (max-width:1280px) {
    .banner{padding-top:60px;}
    .banner-solution .point:nth-child(2) {top: 16vw;}
    .banner-solution .point:nth-child(3) {top: 26vw;}
    .banner-solution .point:nth-child(4) {top: 25vw;}
    .banner-solution .point:nth-child(5) {top: 15vw;}
    .banner-solution .point:nth-child(6) {top: 12vw;}
    .banner-solution .point:nth-child(6) a:nth-child(2) {margin-right: 32px;position: absolute;}
    .banner-solution .point a:nth-child(2) {width: 0!important;margin-left: 15px;font-size: 10px;height: 40px;padding: 10px;z-index: 999;pointer-events: none;}
    .banner-solution .point:hover a:nth-child(2){width: 177px!important;pointer-events: auto;}
    .banner-solution .point a p {margin: 0;}
    .product-cate ul li{padding-left:35px;padding-right:35px;}
    .product-box .item .txt{padding:20px 25px;}
    .product-box .item .txt .info .info_title{font-size:18px;}
}

@media screen and (max-width:1040px) {
    .banner .pagination .swiper-pagination-bullet{  width: 30px; height: 30px;}
    .banner .swiperBtn{ width: 50px; height: 50px;}
    .banner .btn{ bottom: 22px;}
    .banner-solution .point .circle{width: 11px;height: 11px;}
    .banner-solution .point .circle.sj_circle{display: flex!important;}
    .banner-solution .point:nth-child(6){top:82vw;top:8vw;}
    .about-left {width: 100%;}
    .about-right {padding-top: 30px;width: 100%;}
    .about-box .more a{width: 120px;height: auto;padding:10px 20px;}
    .application_menu ul{height:500px;}
    .application_txt2{left: 10px;right: 10px;}
    .application_txt{left: 10px;right: 10px;}
}

@media screen and (max-width:991px) {
    .product-cate ul li{padding-left:23px;padding-right:23px;}
    .application .flex-between-center p br{display: none;}
    .application_menu ul{height:400px;}
    .application_menu ul li:nth-child(1) a{background: url(http://www.jsjxkt.com/upload/20240202/1d48fcd345ae78419609f741a03db5f9.jpg) center/cover no-repeat;}
    .application_menu ul li:nth-child(2) a{background: url(http://www.jsjxkt.com/upload/20240202/751b050c3410ddfe5435d48d4d153366.jpg) center/cover no-repeat;}
    .application_menu ul li:nth-child(3) a{background: url(http://www.jsjxkt.com/upload/20240202/8fe4f18d16671429b591686610e1a5af.jpg) center/cover no-repeat;}
    .application_menu ul li:nth-child(4) a{background: url(http://www.jsjxkt.com/upload/20240202/760ba044bb66d1cd66a0563052417913.jpg) center/cover no-repeat;}
    .application_menu ul li:nth-child(5) a{background: url(http://www.jsjxkt.com/upload/20240202/8cb73ee6bba4cc7ba901b4999d4b195c.jpg) center/cover no-repeat;}
    .application_menu ul li:nth-child(6) a{background: url(http://www.jsjxkt.com/upload/20240202/17ad0047592baffaa9b008bf7a96d98a.jpg) center/cover no-repeat;}
    .application_menu ul .on .application_txt{opacity: 1;bottom: 75px;}
    .application_menu ul .on .application_txt2{opacity: 0;}
    .application_menu ul li::before{background-image:none;}
    .application_txt{left: 25px;right: 25px;}
    .application::after{display: none;}
    .application_bg{display: none;}
    .application{padding-bottom: 20px;}
}

@media screen and (max-width:750px) {
    /*    .banner{height:300px;}
        .banner video,.banner img{height:300px;}*/
    .banner .btn{ bottom: 15px;}
    .banner .btn  .button{ display: none;}
    .banner .btn .w90{ width: 100%; justify-content: center;}
    .banner .pagination .swiper-pagination-bullet{ width: 20px; height: 20px;}
    .product-cate ul li{width:33.33%;border-bottom:1px solid #e8e8e8;}
    .product-cate ul li:nth-child(3n+1){border-left:none;}
    .product-cate ul li:nth-last-child(-n+3){border-bottom:none;}
    /*.product-cate ul li:nth-of-type(4) a{border-left:0}*/
    .product-cate ul li a .img{height:50px;line-height:50px;}
    .product-cate ul li:nth-of-type(-n+3) a{padding-bottom:5px;}
    .product-cate ul li:nth-last-child(-n+3) a{padding-top:5px;}
    .product-cate ul li a .img img{width:40px;}
    .product-box .item{width: 100% !important;}
    .product-box .item:nth-child(1)>div{padding-bottom:90%;}
    .product-box .item .txt{padding:20px;}
    .product-box .item>div>a{right:0;}
    .about-left .left2{line-height: 25px;}
    .about-right{padding-top: 10px;}
    .about-box .more a { width: 130px;font-size:14px;}
    .application .flex-between-center,.about-tit .flex-between-center,.contact .flex-between-center{flex-direction: column; align-items: center; justify-content: flex-start;}
    .application .flex-between-center p,.about-tit .flex-between-center p,.contact .flex-between-center p{padding-top: 10px;text-align:center;}
    .application_menu ul{height: 330px;}
    .application_txt2{display: none;}
    .application_menu ul li .application_txt{opacity: 1;bottom: 20px;}
    .application_menu ul li:hover .application_txt{opacity: 1;bottom: 20px;}
    .application_menu ul .on .application_txt{opacity: 1;bottom: 20px;}
    .application_txt{left: 10px;}
    .application_menu span{left: 10px;top: 20px;}
    .news-item{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .service-item {width: 100%;margin-right: 0;margin-bottom:10px;display: flex;align-items: center;justify-content: center;padding: 35px 0;}
    .service-item .item-img{width: 50px;height:50px;}
    .service-item .item-desc {margin-left: 15px;}
    .service-item .item-desc>p:nth-child(1) {margin-bottom: 8px;color: #fff;letter-spacing: 1px;}
    .service-item .item-desc>p:nth-child(2) {color: #fff;font-family: BIN;text-transform: uppercase;} 
}