body{
    background-color: #040b25;
}
.hz_con .all{background: rgba(4,11,37,1) url(../img/a_img00.jpg) no-repeat center top;padding-top: 100px;}
.hz_con .more_o{margin-left: auto;margin-right: auto;background: url(../img/a_btn02.png) no-repeat;margin-top: 30px;}
.hz_con .more_o:hover{background: url(../img/a_btn01.png) no-repeat}
@media screen and (max-width: 1500px) {
    .hz_con .all{padding-top: 80px;}
    .hz_con .more_o{font-size: 18px;width:165px;height: 45px;line-height: 45px;background-size: 100%;margin-top: 20px;}
}
@media screen and (max-width: 768px) {
    .hz_con .all{padding-top: 0px;}
    *{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
     video::-webkit-media-controls-start-playback-button {
             display: none;
     }
}
.hz_con01 li{float: left;color: #fff;background-repeat: no-repeat;
    width:32%;margin-right: 2%;height: 0px;padding-bottom:17.2%;overflow:hidden;text-align: center;
    background-size: 100%;cursor: pointer;
}
.hz_con01 li:nth-of-type(3n){margin-right: 0px;}
.hz_con01 li:nth-of-type(1){background-image: url(../img/a_img03.png);}
.hz_con01 li:nth-of-type(2){background-image: url(../img/a_img04.png);}
.hz_con01 li:nth-of-type(3){background-image: url(../img/a_img05.png);}
.hz_con01 li.active:nth-of-type(1){background-image: url(../img/a_img06.png);}
.hz_con01 li.active:nth-of-type(1){background-image: url(../img/a_img06.png);}
.hz_con01 li.active:nth-of-type(2){background-image: url(../img/a_img07.png);}
.hz_con01 li.active:nth-of-type(3){background-image: url(../img/a_img08.png);}
.hz_con01 li h3{margin-top: 30px;}
.hz_con01 li p{margin-top: 10px;}


.hz_con01 .list{display: flex;flex-wrap:wrap;margin-bottom: 2%;display: none;}
.hz_con01 .list:nth-of-type(1){display: flex;}
.hz_con01 .left{float: left;width: 77.1%;margin-right: 2%;position: relative;border-radius: 9px;overflow: hidden;}
.hz_con01 .left img{width: 100%;}
.hz_con01 .left video{width: 100%;}
.hz_con01 .video_image{position: absolute;left: -1px;top: -1px;right:-1px;z-index: 999;}
.hz_con01 .left .play{position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);cursor: pointer;z-index: 9999;}
.hz_con01 .left .play img{width: auto;max-width: 100%;}
.hz_con01 .right{float: right;color: #fff;width:20.9%;background:url(../img/a_img02.png) no-repeat;background-size: contain;}
.hz_con01 .right h3{line-height: 60px;height: 60px;padding-left: 20px;}
.hz_con01 .right_list {padding:20px 20px;height: 520px;}
.hz_con01 .right_list dl{border-left: 1px dotted #182f6f;padding-bottom: 30px;margin-left: 5px;}
.hz_con01 .right_list dt{color: #3a86e9;padding-left: 20px;position: relative;background: #091232;margin-bottom: 10px;}
.hz_con01 .right_list dt:after{content: "";display: block;width: 6px;height: 6px;background: #3a86e9;position: absolute;left: -3px;top: 6px;border-radius: 100%;}
.hz_con01 .right_list dt:before{content: "";display: block;width: 6px;height: 14px;background: #091232;position: absolute;left: -3px;top: 2px;}
.hz_con01 .right_list dd{padding-left: 20px;}
.hz_con01 .right_list dd span{color: rgba(255,255,255,0.6);}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: rgba(58,134,233,0.5)!important;}

@media screen and (max-width: 1500px) {
    .hz_con01 li h3{font-size: 20px;}
    .hz_con01 li p{font-size: 16px;}
    .hz_con01 .right_list{height: 400px;}
    .hz_con01 .right h3{height: 50px;line-height: 50px;font-size: 18px;}
}
.hzm_con01{display: none;}
@media screen and (max-width: 768px){
    .hz_con01{display: none;}
    .hzm_con01{display: block;}
    .hzm_con01 .img_list{overflow: hidden;height: 0px;padding-bottom: 75%;position: relative;}
    .hzm_con01 .con_img{height: 0px;padding-bottom: 75%;overflow: hidden;}
    .hzm_con01 .img_list img{width: 100%;}
    .hzm_con01 .img_list video{width: 100%;}
    .hzm_con01 .video_image{position: absolute;left: 0px;top: 0px;z-index: 9999;right: 0px;}
    .hzm_con01 .img_list .video{position: relative;}
    .hzm_con01 .img_list .play{position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);cursor: pointer;z-index:99999;}
    .hzm_con01 .img_list .play img{width: auto;max-width: 100%;}
    .hzm_con01 li{float: left;color: #fff;width: 33.33%;height: 130px;cursor: pointer;
        background-color: #2455e2;
        background-image: linear-gradient(to right, #030f39, #182658);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .hzm_con01 li h3{margin-bottom: 7px;}
    .hzm_con01 li.active{background: url(../img/a_m_img02.jpg) no-repeat;background-size: cover;}
    .hzm_con01 .con_list{color: #fff;padding:30px;overflow: hidden;}
    .hzm_con01 .swiper-slide{width: auto;}
    .hzm_con01 .swiper-slide1{margin-bottom: 20px;}
    .hzm_con01 .con_list dl{position: relative;}
    .hzm_con01 .con_list dt{/*padding-right: 30px;*/padding-left: 17px;}
    .hzm_con01 .con_list dd{color: #3a86e9;/*margin-top: 10px;border-left:1px dotted #3a86e9;padding-top: 10px;padding-right: 30px;*/position: relative;margin-bottom: 6px;padding-left: 15px;}
    .hzm_con01 .con_list dd:after{content: "";display: block;width: 6px;height: 6px;border-radius: 100%;background: #3a86e9;position: absolute;left: 0px;top: 7px;}
    
    .hzm_con01 .img_list{display: none;}
    .hzm_con01 .img_list:first-child{display: block;}
    .hzm_con01 .con_list .list{display: none;}
    .hzm_con01 .con_list .list:first-child{display: block;}
}


.hz_con .new{padding-top:100px;}
.hz_con .new .subtit{color: rgba(255,255,255,0.3);}
.hz_con .new .new_img{margin-top: 50px;}

@media screen and (max-width: 1500px) {
    .hz_con .new{padding-top: 12px;}
    .hz_con .new .new_img{margin-top: 30px;}
}
.hz_con02 .title{width: 100%;}
.hz_con02 .title h3{float: left;line-height: 1.3;background-image: -webkit-linear-gradient(left,#2455e2, #4ea8f4);-webkit-background-clip: text;font-weight: 700; width:60%; -webkit-text-fill-color: transparent;}
.hz_con02 .title span{float: right;position: relative;top: 30px;}
.hz_con02 .con{color: #fff;position: relative;}
.hz_con02 .con .swiper{padding-bottom: 20px;overflow: hidden;}
.hz_con02 .swiper-container-horizontal>.swiper-scrollbar{width: 50%;left: 50%;transform:translateX(-50%);background: rgba(255,255,255,0.2);bottom: -20px;}
.hz_con02 .swiper-scrollbar-drag{background: rgba(58,134,233,0.5);}
.hz_con02 .swiper-slide{background:url(../img/a_img10.png) no-repeat;padding-bottom:50px;background-size: 100%;}
.hz_con02 .more_o{margin-top: 55px;}
.hz_con02 .s_scroll{height: 560px;}
.hz_con02 .mCSB_scrollTools{right: 10px;}
.hz_con02 .s_title{padding:20px 30px;position: relative;box-sizing:border-box;}
.hz_con02 .s_title span{position: absolute;right: 50px;top:30px;display: inline-block;height: 35px;line-height: 35px;z-index: 2;}
.hz_con02 .s_title span a{color: #fff;}
.hz_con02 .s_title span img{margin-right: 10px;}
.hz_con02 .s_con{background:url(../img/a_img13.png) no-repeat;width: 378px;height: 147px;background-size: 100% 100%;margin:0 auto;
    margin-bottom: 20px;padding:30px;
    box-shadow:10px 10px 20px #12192f;
}
.hz_con02 .s_con span{margin-bottom: 3px;display: block;}
.hz_con02 .swiper-button-next{display: none;}
.hz_con02 .swiper-button-prev{display: none;}
@media screen and (max-width: 1500px) {
    .hz_con02 .s_scroll{height: 400px;}
    .hz_con02 .s_title h3{font-size: 20px;}
    .hz_con02 .s_title p{font-size: 16px;}
    .hz_con02 .s_title span{right: 20px;top:15px;}
    .hz_con02 .s_con{width: 90%;height:auto;padding:25px 30px;}
}
@media screen and (max-width: 768px) {
    .hz_con02 .s_scroll{overflow-y: auto;}
    .hz_con02 .title span{display: none;}
    .hz_con02 .title h3{float: left;line-height: 1.3;background-image: -webkit-linear-gradient(left,#2455e2, #4ea8f4);-webkit-background-clip: text;font-weight: 700; width:100%; -webkit-text-fill-color: transparent;}
    .hz_con02 .s_title{text-align: center;}
    .hz_con02 .s_title span{display: block;position: static;margin-top: 15px;height: auto;line-height: inherit;}
    .hz_con02 .s_title span img{width: 20px;}
    .hz_con02 .swiper-container-horizontal>.swiper-scrollbar{bottom: 0px;}
    .hz_con02 .swiper-slide{padding-bottom: 30px;}
    .hz_con02 .more_o{margin-top: 30px;}
    .hz_con02 .swiper-button-next{display: block;top:10%;background: url(../img/a_rig.png) no-repeat;background-size: 27px;right:20px;}
    .hz_con02 .swiper-button-prev{display: block;top:10%;background: url(../img/a_lef.png) no-repeat;background-size: 27px;left:20px;}
}

.hz_con03{overflow: hidden;}
.hz_con03 .left{width: 726px;float: left;overflow: hidden;}
.hz_con03 .right{width: calc(100% - 750px);float: right;overflow: hidden;}
.hz_con03 li{float: left;width:220px;height: 460px;
    background:url(../img/a_img15.png) no-repeat;position: relative;
    color: #fff;background-size: 100% 100%!important;overflow: hidden;border-radius: 10px;
}
.hz_con03 li:nth-of-type(2n+1){margin-top: 40px;}
.hz_con03 li .text {visibility: hidden;width: 100%;margin:30px 0 0 0px;opacity: 0;transition:opacity 0.3s ease-in-out 0.3s;padding:0 30px;font-size: 20px;}
.hz_con03 li .text .span{display:block;margin-bottom: 0px;}
.hz_con03 li .info{writing-mode: vertical-lr;position: absolute;left: 20px;top: 30px;z-index: 3;}
.hz_con03 li .info b{display: block;font-weight: normal;}
.hz_con03 li .info span{display: block;color: rgba(255,255,255,0.5);}
.hz_con03 li .img{position: absolute;right: 0px;bottom: 0px;overflow: hidden;width: 180px;transition:all 0.4s ease-in-out;}
.hz_con03 li .img img{width: 100%;position: relative;right: -20px;transition:all 0.4s ease-in-out;}

/*.hz_con03 li.once{width: 726px!important;background:url(../img/a_img14.png) no-repeat;}*/
.hz_con03 .left li{margin-right: 0;}
.hz_con03 .left li .img{width: 200px;}
.hz_con03 .left li:nth-of-type(2n){margin-top: 0px;}
.hz_con03 .left li .info{writing-mode: inherit;top:auto;bottom: 30px;left: 30px;}

.hz_con03 .left li.swiper-slide-active{width: 726px;background:url(../img/a_img14.png) no-repeat;}
.hz_con03 .left li.swiper-slide-active .text{visibility: inherit;opacity: 1;width: 62%;margin:60px 0 0 50px;padding:0px;}
.hz_con03 .left li.swiper-slide-active .info{writing-mode: inherit;top:auto;bottom: 80px;left: 50px;}
.hz_con03 .left li .img{right: 10px;}
.hz_con03 .left li .img img{right: 0px;}
.hz_con03 .left li .info{bottom: 50px;left: 50px;}

.hz_con03 .left li .img{width: 260px;}
.hz_con03 .left li.sli04 .img{width: 300px;}

.hz_con03 .right li.sli04 .img{width: 200px;}


.hz_con03 .con{position: relative;}
.hz_con03 .con .swiper-button-next{display: block;top:-15%;background: url(../img/a_rig.png) no-repeat;background-size: 27px;right:15px;opacity: 0.8;}
.hz_con03 .con .swiper-button-prev{display: block;top:-15%;background: url(../img/a_lef.png) no-repeat;background-size: 27px;left:auto;right:55px;opacity: 0.8;}
.hz_con03 .con .swiper-button-next:hover{opacity: 1;}
.hz_con03 .con .swiper-button-prev:hover{opacity: 1;}
@media screen and (max-width: 1500px) {
.hz_con03 .left{width: 500px;float: left;overflow: hidden;}
.hz_con03 .right{width: calc(100% - 520px);float: right;overflow: hidden;}
.hz_con03 .right li .img{width: 150px;}

.hz_con03 .left li .img{width: 230px;right: -20px;}
.hz_con03 .left li.sli04 .img{width: 260px;}
.hz_con03 .left li.swiper-slide-active .text{margin-left: 30px;}
.hz_con03 .left li.swiper-slide-active .info{left: 30px;}

}
.hz_con03 .mo_con{display: none;}
@media screen and (max-width: 768px) {
    .hz_con03{margin-top: 30px;}
    .hz_con03 .con{display: none;}
    .hz_con03 .mo_con{display: block;}
    .hz_con03 .mo_con .swiper-slide{background:url(../img/a_img14.png) no-repeat;height: 280px;background-size: 100% 100%;overflow: hidden;}
    .hz_con03 .mo_con .text {width: 200px;margin:25px 0 0 25px;color: rgba(255,255,255,1);font-size: 16px;}
    .hz_con03 .mo_con .text .span{display: block;margin-bottom: 0px;}
    .hz_con03 .mo_con .text .span img{width: 15px;}
    .hz_con03 .mo_con .info{color:#fff;position: absolute;bottom: 20px;left: 25px;}
    .hz_con03 .mo_con .info b{display: block;font-weight: normal;}
    .hz_con03 .mo_con .info span{display: block;color: rgba(255,255,255,0.5);font-size: 12px;}
    .hz_con03 .mo_con .img{position: absolute;right: -10px;bottom: 0px;overflow: hidden;width: 150px;transition:all 0.4s ease-in-out;}
    .hz_con03 .mo_con .img img{width: 100%;position: relative;right: 0px;transition:all 0.4s ease-in-out;}
    .hz_con03 .mo_con .sli04 .img{width: 175px;}
    .hz_con03 .mo_con .mySwiper{position: relative;}
    .hz_con03 .mo_con .swiper-button-next{display: block;top:-15%;background: url(../img/a_rig.png) no-repeat;background-size: 27px;right:15px;}
    .hz_con03 .mo_con .swiper-button-prev{display: block;top:-15%;background: url(../img/a_lef.png) no-repeat;background-size: 27px;left:auto;right:55px;}
}


.hz_con04{overflow: hidden;}
.hz_con04 .mySwiper{position: relative;padding-bottom: 50px;}
.hz_con04 .swiper-slide{border-radius: 10px;overflow:hidden;position: relative;}
.hz_con04 .swiper-slide img{width: 100%;}
.hz_con04 .swiper-slide:hover img{transform:scale(1.05);}
.hz_con04 .swiper-slide p{position: absolute;bottom: 15px;left: 25px;right: 25px;color: #fff;}
.hz_con04 .swiper-container-horizontal>.swiper-pagination-bullets, 
.hz_con04 .swiper-pagination-custom, 
.hz_con04 .swiper-pagination-fraction{bottom: 0px;}
.hz_con04 .swiper-pagination-bullet{background: rgba(255,255,255,0.5);}
.hz_con04 .swiper-pagination-bullet-active{background: #3a86e9;}

@media screen and (max-width: 768px) {
    .hz_con04{margin-top: 30px;}
    .hz_con04 .mySwiper{padding-bottom: 30px;}
    .common .subtit{font-size: 12px;}
}

.hz_con05{overflow: hidden;}
.hz_con05 .left{float: left;width: 33.3%;}
.hz_con05 .left li{position: relative;margin-bottom: 20px;height: 0px;padding-bottom: 56%;overflow: hidden;border-radius: 10px;}
.hz_con05 .left li:hover img{transform:scale(1.05);}
.hz_con05 .left li p{position: absolute;bottom: 0px;left: 0px;right: 0px;background: rgba(0,0,0,0.5);padding:15px 20px;text-align: center;color: #fff;}
.hz_con05 .right{float: right;width: 65%;
    background-color: #2455e2;border-radius: 10px;
    background-image: linear-gradient(to right, #030f39, #182658);
    padding:42px 50px;color: #fff;padding-right:30px;
}
.hz_con05 .right a{color: #fff;display: block;}
.hz_con05 .right b{font-weight: normal;}
.hz_con05 .right dl{border-bottom: 1px solid rgba(255,255,255,0.2);padding:25px 0;position: relative;}
.hz_con05 .right dl:first-child{padding-top: 0px;}
.hz_con05 .right dl:hover{border-bottom: 1px solid #fff;}
.hz_con05 .right dt{float: left;width:100%;position: relative;z-index: 2;}
.hz_con05 .right dt:after{content: "";position: absolute;left: 0px;top: 5px;width: 2px;height: 19px;background: rgba(255,255,255,0.2);}
.hz_con05 .right dt a{padding-right: 190px;padding-left: 20px;}
.hz_con05 .right dd{float: right;width: 170px;margin-left: -170px;color: rgba(255,255,255,0.5);text-align: right;}
.hz_con05 .right dl:hover dt:after{background: #fff;}
.news_scroll{height: 470px;}
@media screen and (max-width: 1500px) {
    .news_scroll{height: 345px;}
}
@media screen and (max-width: 768px) {
    .hz_con05{margin-top: 30px;}
    .hz_con05 .left{float:none;width: 100%;}
    .hz_con05 .right{float:none;width: 100%;padding:30px 20px;padding-right: 5px;}
    .hz_con05 .right dl{margin-right: 20px;}
    .hz_con05 .right dt{float: none;margin-bottom: 8px;}
    .hz_con05 .right dt:after{display: none;}
    .hz_con05 .right dt a{padding: 0px;}
    .hz_con05 .right dd{float: none;margin-left: 0px;text-align: left;}
    .news_scroll{height: 500px;overflow-y: auto;}

    .new_img>img{transform: translateX(-30%);}
}

.jiyu{
    padding-top: 16.41%;
}
.jiyu li{
    float: left;
    width: calc((100% - 60px)/4);
    height: 270px;
    position: relative;
    background-image: url(../zdl/zdlbg_03.png);
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}
.jiyu li:nth-child(4n){
    margin-right: 0;
}
.human{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    max-height: 80%;
}
.jiyu_txt{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding:10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(0,0,0,.2);
    box-shadow: 0 1px 0 hsl(0deg 0% 100% / 7%);
    transition: 0.5s;
}
.bofang{
    width: 35px;
    height: 35px;
    border: 1px solid white;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    bottom: 40%;
    cursor: pointer;
}
.bofang img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.jiyu_txt .p p{height: 0px;overflow: hidden;transition:all 0.3s ease-in-out;}
.jiyu_txt .p p:first-child{height: auto;}
.jiyu li:hover .jiyu_txt .p p{height: 20px;}
.jiyu li:hover .jiyu_txt{
    transition: 0.5s;
    background-image: linear-gradient(to right, #2657e0 , #4da6f4);
}
.jiyu li:hover .bofang{
    background-color: #435482;
    border: 1px solid #435482;
    transition: 0.5s;
}
.jiyu ul{
    margin-top: 5.5%;
}
.sw_phone{
    display: none;
}
.sw_pc{
    margin-top: 5.5%;
}
.atlas{
    padding-top: 10.41%;
}
.atlas .swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
}
.atlas .swiper-slide{width: 1209px;}

.zdl_mask{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0,0,0,.9);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    top: 0;
    left: 0;
}
.zdl_mask p{color:#fff;font-size: 18px;width: 30px;height: 30px;
    position: absolute;right: 0px;top:-30px;background-color: #2455e2;
    background-image:linear-gradient(to right, #2455e2, #4ea8f4);
    text-align: center;cursor: pointer;
}
.zdl_mask_act{
    display:flex
}
.zdl_mask .vie_con{width: 70%;position: relative;}
.zdl_mask video{
    width: 100%;
}
.sw_jiyu .swiper-pagination{
    display: none;
}

@media screen and (max-width: 768px) {
    .zdl_mask .vie_con{width: 90%;}
    .bofang{bottom:auto;top: 10px;right: 10px;width:25px;height: 25px;}
    .jiyu li:hover .jiyu_txt .p p{height: auto;}
    .atlas .swiper-slide{width: 300px;}
    .atlas .swiper-slide img{
    width: 100%;
    }
    .sw_pc {
        display: none;
    }
    .sw_phone {
        display: block;
        width: calc(100% - 40px);
        margin:5.5% auto;
    }
    .jiyu_txt{
        padding:10px 0px;
    }
    .human{
        max-height: 95%;
    }
    .jiyu li{
        height: 195px;
    }
    .sw_jiyu .swiper-pagination{
        display: block;
        position: relative;
        bottom: inherit;
    }
    .swiper-pagination-bullet{
        background: #3a86e9;
        opacity: 0.3;
    }
    .swiper-pagination-bullet-active{
        background: #3a86e9;
        opacity: 1;
    }
}
.hz_con01 #player0 .plv-live-player-cutOff{background: url(../img/a_img01.png) center/100% no-repeat!important;}
.hz_con01 #player0 .plv-live-player-cutOff-icon{background: none!important;}
.hz_con01 #player1 .plv-live-player-cutOff{background: url(../img/a_img21.png) center/100% no-repeat!important;}
.hz_con01 #player1 .plv-live-player-cutOff-icon{background: none!important;}
.hz_con01 #player2 .plv-live-player-cutOff{background: url(../img/a_img20.png) center/100% no-repeat!important;}
.hz_con01 #player2 .plv-live-player-cutOff-icon{background: none!important;}

.hzm_con01 #player0 .plv-live-cutOff{background: url(../img/a_m_img01.jpg) center/100% no-repeat;}
.hzm_con01 #player1 .plv-live-cutOff{background: url(../img/a_m_img03.jpg) center/100% no-repeat;}
.hzm_con01 #player2 .plv-live-cutOff{background: url(../img/a_m_img04.jpg) center/100% no-repeat;}