@media screen and (min-width: 1200px) {
.produ_con02 h3{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.2s;}
.produ_con02 ul{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.4s;}
.produ_con02 .dl2{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.6s;}

.active .produ_con02 h3{opacity:1;transform:translateY(0px)!important;}
.active .produ_con02 ul{opacity:1;transform:translateY(0px)!important;}
.active .produ_con02 .dl2{opacity:1;transform:translateY(0px)!important;}

.produ_con03 h3{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.2s;}
.produ_con03 .left{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.4s;}
.produ_con03 .right{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.6s;}

.active .produ_con03 h3{opacity:1;transform:translateY(0px)!important;}
.active .produ_con03 .left{opacity:1;transform:translateY(0px)!important;}
.active .produ_con03 .right{opacity:1;transform:translateY(0px)!important;}

.produ_con04 .title_con{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.2s;}
.produ_con04 .in_news_con{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.4s;}

.active .produ_con04 .title_con{opacity:1;transform:translateY(0px)!important;}
.active .produ_con04 .in_news_con{opacity:1;transform:translateY(0px)!important;}

.produ_con05 .title_con{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.2s;}
.produ_con05 .in_news_con2{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.4s;}

.active .produ_con05 .title_con{opacity:1;transform:translateY(0px)!important;}
.active .produ_con05 .in_news_con2{opacity:1;transform:translateY(0px)!important;}

.jfL_con02 .h3{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.2s;}
.jfL_con02 .dl{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.4s;}

.active .jfL_con02 .h3{opacity:1;transform:translateY(0px)!important;}
.active .jfL_con02 .dl{opacity:1;transform:translateY(0px)!important;}


.sec_banner h3{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.1s;}
.active.sec_banner h3{opacity:1;transform:translateY(0px)!important;}


.webinar_con01 h3{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.2s;}
.webinar_con01 .dl{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.4s;}

.active .webinar_con01 h3{opacity:1;transform:translateY(0px)!important;}
.active .webinar_con01 .dl{opacity:1;transform:translateY(0px)!important;}


.webinar_con02 h3{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.2s;}
.webinar_con02 .dl{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.4s;}

.active .webinar_con02 h3{opacity:1;transform:translateY(0px)!important;}
.active .webinar_con02 .dl{opacity:1;transform:translateY(0px)!important;}


.webinar_con03 .left{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.2s;}
.webinar_con03 .right{transform:translateY(50px)!important;opacity:0;transition:all 1s ease-in-out 0.4s;}

.active .webinar_con03 .left{opacity:1;transform:translateY(0px)!important;}
.active .webinar_con03 .right{opacity:1;transform:translateY(0px)!important;}
}


.dian {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--red);
    border-radius: 50%;
    z-index: 5;
}

.dian span {
    width: 100%;
    height: 100%;
    background-color: var(--red);
    border-radius: 50%;
    position: relative;
    z-index: 5;
    display: block;
}

.dian:after {
    content: '';
    position: absolute;
    width: 640%;
    height: 640%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    background: rgba(234, 51, 35, 0.5);
    transform: translate(-50%, -50%);
    z-index: -5;
    animation: inner-ripple 1500ms linear infinite;
    animation-play-state:running;
}


.dian:before {
    content: '';
    position: absolute;
    width: 1020%;
    height: 1020%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    background: rgba(234, 51, 35, 0.5);
    opacity: .2;
    transform: translate(-50%, -50%);
    z-index: -10;
    animation: inner-ripple 1500ms linear infinite;
    animation-play-state:running;
}
.dian p{
    position:absolute;right:25px;top:-15px;
    color:#fff;text-align: center;align-items: center;justify-content: center;
    word-break: keep-all;padding:8px  40px; white-space: nowrap;
    transition:all 0.3s ease-in-out;z-index: 2;display: flex;
    pointer-events:none;
}
.dian p a{color:#fff;}
.dian p i{opacity: 0;font-weight: normal;font-style: normal;}
.dian p b{font-weight:normal;font-style: normal;}
.dian p:after{
    content: "";
    background: var(--red);width:0%;border-radius: 50px;
    position: absolute;right:0px;top:0px;height: 100%;z-index: -1;
    transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
}
.dian p:before{content: "";width:100%;position: absolute;right:-10px;top:0px;height: 100%;z-index: -1;}
.dian:hover p{pointer-events:all;}
.dian:hover p:after{width:100%;}
.dian:hover p i{opacity: 1;transition:opacity 0.3s ease-in-out 0.1s;}

.dian.dian_other p {right:auto;left:25px;}
.dian.dian_other p:after{right:auto;left:0px;}
.dian.dian_other p:before{right:auto;left:10px;}

.dian:nth-of-type(3n):before {
          animation: inner-ripple 1900ms linear infinite;
}
.dian:nth-of-type(3n):after {
          animation: inner-ripple 2900ms linear infinite;
}

.dian:nth-of-type(2n):before {
          animation: inner-ripple 2700ms linear infinite;
}
.dian:nth-of-type(2n):after {
          animation: inner-ripple 3700ms linear infinite;
}

@media screen and (max-width: 1300px) {
    .dian{height:7px;width:7px;}
    .dian p{right:17px;padding:0px 15px;top:-8px;font-size:14px;}
    .dian p a{font-size:14px;}
    .dian.dian_other p{left:17px;}
}
@media screen and (max-width: 767px) {
    .dian:before{width:300%;height:300%;}
    .dian:after{width:180%;height:180%;}
    .dian p{padding-bottom:2px;right:15px;top:-9px;line-height:1.3;}
    .dian p a{font-size:12px;}
    .dian.dian_other p{left:15px;}
}

.con01{padding:5vw 0 8vw;}
.n_body.ban header{background:rgba(0,0,0,1);}

.sec_banner .img{height:100vh;}
.webinar_con01 .dl dl dd{text-align: center;}

.index_video{overflow:hidden;}
.index_video .video{position:relative;}
.index_video video{width:100%;height:100%;object-fit:cover;display:block;}
.index_video img{
    display:none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produ_con02 .h3_ul{transform:translate(-50%,0%);top:15%;}

header{transition:all 0.5s ease-in-out;}
.scroll_header header{opacity:0;}
.scroll_header header:hover{opacity:1;}

.layui-form-select dl{max-height:none;}

.jfL_con01 .jfl1_con .right .shu_img dl{display:flex;flex-wrap:wrap;}
.jfL_con01 .jfl1_con .right .shu_img dd{flex:0 0 100%;height:52px;}
.jfL_con01 .jfl1_con .right .shu_img dt{
    flex:0 0 100%;
    height: 295px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content:center;
}
.banner .swiper-slide .img {
    position: relative;
}
.banner .swiper-slide .img .text {
    display: none;
    margin-top: initial;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.banner .swiper-slide .img .text .svg svg {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.banner .swiper-slide .img .text .svg:hover svg {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
    .banner .swiper-slide .img video {
        display: block;
    }
    .banner .swiper-slide .img .vimg {
        display: none;
    }
    .video_con .vid_dom {
        width: 90%;
    }
@media screen and (max-width: 1600px) {
    .jfL_con01 .jfl1_con .right .shu_img dt{height:17.3vw;}
}
@media screen and (max-width: 1300px) {
    .index_video .video{
        width: 175%;
        height:auto;
        transform: translateX(-20%);
    }
}
@media screen and (max-width: 1200px) {
    .sec_banner .img{height:auto;}
    .con01{padding:8vw 0 10vw;}
}
@media screen and (max-width: 767px) {
    .index_video video{display:none;}
    .index_video img{display:block;}
    .banner .swiper-slide .img video {
        display: block;
    }
    .banner .swiper-slide .img .vimg {
        display: block;
    }
    .banner .swiper-slide .img .text {
    display: block;
    }
    .con01{padding:10vw 0 15vw;}
    .produ_con02 .h3_ul{transform:translate(0,0);}
    .produ_con02 .h3_ul ul{display:none;}
    .sec_banner .n_banner{height:55vw;margin-top:60px;}
    .n_body.ban .sec_banner .mbx{top:10px;}
    .webinar_con01 .dl dl{flex:0 0 49%;margin-right:2%;margin-bottom:8%;}
    .webinar_con01 .dl dl:nth-of-type(3n){margin-right:2%;}
    .webinar_con01 .dl dl:nth-of-type(2n){margin-right:0px;}
    .webinar_con01 .dl dl dd a{padding:0 20px;display:block;}
    .solution.produ_con01 .pr_c1_bg .img.mo_img{height:100vh;}
    .solution.produ_con01 .wrap1{top:15%;transform:translate(-50%,0);}
    .solution.produ_con01 .left dl{flex:0 0 100%;}
    .produ_con02 dl dd{top:10%;}
    
    .jfL_con01 .jfl1_con .right .shu_img dt{height:35.3vw;}
}