html,body{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.container{
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0px;
}
.z_header_bar{ width: 100%; height:36px;background:rgba(6,22,46,1); line-height: 36px; padding: 0 2.6vw; box-sizing: border-box; color: #ffffff; font-size: 16px; z-index: 9; position: relative; left: 0; top: 0;}
.z_header_bar a{color: #ffffff;font-size: 16px;display: inline-block;align-items: center;justify-content: center;position: relative;padding: 0 18px;border-left: 1px solid #ffffff;height: 18px;line-height: 16px;float: left;text-decoration: none;margin-top: 10px;}
.z_header_bar .z_wxin_code{ position: absolute; left: 50%; margin-left: -49px; top: 27px; transition: ease .5s; opacity: 0; transform: translateY(10px); visibility: hidden; z-index: 2; width: 98px; height: 98px; background: rgba(6,22,46,1); padding: 5px; box-sizing: border-box;}
.z_header_bar .iconfont{ font-size: 20px; display: inline-block; margin-right: 5px;}

.z_header_bar .flwarp a:first-child{ border-left:none;}
.z_header_bar .flwarp a:last-child{ border-right:none;}

.z_header_bar .frwarp{margin-left: auto;vertical-align: middle;display: inline-block;float: right;}
.z_header_bar .frwarp a:first-child{ border-left:none;}
.z_header_bar .frwarp a img{
    margin-right: 5px;
    vertical-align: middle; display: inline-block;
}
.z_header_bar a:hover{ color: #fff;}
.z_header_bar a:hover .z_wxin_code{ opacity: 1; transform: translateY(0); visibility: visible;}

.z_header{width: 100%;position: absolute;left: 0;bottom: 110px;transition: ease .6s;padding: 0px;box-sizing: border-box;z-index: 5;}

.z_header ul{
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    width: 70%;
}
.z_header ul li{
    list-style-type: none;
}
.z_header.on{ padding: 10px 34.6vw; transform: translateY(-36px);}
.z_menu_btn{cursor: pointer;width: auto;padding: 20px 15px;align-items: center;justify-content: center;height: auto;background:#f87200;float: left;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 30px; height:3px; background: #fff;}
.z_menu_btn .line2{margin: 6px 0;}
.z_menu_btn.on .line1{ transform:translateY(9px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-9px) rotate(-45deg);}
.z_menu_btn.on .line2{ opacity: 0;}
.z_header_nav{
    position: relative;
}
.z_header_nav li{float: left;line-height: 57px;width: 16.661%;border-right: 1px solid #4f83ad;text-align: center;background: #0a5491;}
.z_header_nav li a{font-weight:bold; font-size: 24px; color: #fff; text-decoration: none;}


.middle{
    position:absolute;
    top: 35px;
    bottom: 110px;
    width: 100%;
}

.z_banner_left{width: 73.2%;height: 95%;transition: ease 1s;position: absolute;display: flex;align-items: center;box-sizing: border-box;justify-content: center;left: 0;top: 0;/* height: 100%; *//* z-index: 2; */}


.z_banner_left .imgbg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    transition: ease 2s;
    position: relative;
}

.z_banner_left video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background: #000;
    transform: translate(-50%,-50%);
    object-fit: fill;
}


.z_banner_right{width: 30%;transition: ease 1s;position: absolute;display: flex;align-items: center;box-sizing: border-box;justify-content: center;right: 0;top: 0;height: 100%;z-index: 2;background: url(../images/ydy/rightbg.png) no-repeat;background-size: 100% 100%;}
.z_banner_right .z_line_bar{text-align: center;width: 100%;padding: 0px 80px;margin-top: -280px;}
.z_line_bar img{
    width: 100%;
}
.z_line_bar .kouhao{margin-top: 55px;}
.z_top_search {
    height: 18px;
    /* padding: 0 20px; */
    margin: 50px auto 0;
    background: #a9c4da;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    padding: 14px 10px 0;
}
.z_flex {
    /* display: flex; */
    align-items: center;
}
.z_top_search .input_text {
    color: #000;
    height: 22px;
    display: block;
}

.z_top_search .input_text::-webkit-input-placeholder { /* Edge */
    font-size: 18px;
}
.z_top_search .input_text::-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 18px;
}
.z_top_search .input_text::placeholder {
    font-size: 18px;
}
input[type="text"], input[type="password"], input[type="search"], textarea, select {
    outline: none;
    font-family: "NotoSansHans";
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    display: block;
    width: 85%;
    border: none;
    background: none;
    transition: ease .45s;
    float: left;
}
.z_top_search .iconfont {
    float: left;
    width: 24px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    margin-left: 10px;
}

.z_header_bar .iconfont {
    font-size: 20px;
    display: inline-block;
    margin-right: 5px;
   
}
.footer{
    position: absolute;
    bottom: 0px;
    height: auto;
    width: 100%;
    background: #053862;
    z-index: 9;
}
.footinfo{
    padding: 20px;
    height: 90px;
    width: 100%;
}
.footleft{
    width: 70%;
    float: left;
}
.footleft p{
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
}
.footleft p a{
    color: #ffffff;
    text-decoration: none;
}
.footright{
    width: 30%;
    float: left;
    text-align: right;
}
.footright span {
    margin: 0 12px;
    line-height: 32px;
    font-size: 16px;
}

.footright span a{
    color: #ffffff;
    text-decoration: none;
}
.footright .dzjg{
    margin-top: 20px;
}
.footright span  img{
    width: 70px;
}
@media (max-width: 1660px) {
    .z_banner_left{
        width: 70%;
        height: 92%;
    }
    .z_header{
        bottom: 127px;
    }
}

@media (max-width: 1520px) {
   .z_header_nav li{
        width: 16.661%;
    }
    .footleft{
        width:75%;
    }
    .footright{
        width:25%;
    }
    .footleft p{
        font-size:14px;
    }
    .footer span{
        font-size:14px;
    }
}

@media (max-width: 1440px) {
   .z_banner_right .z_line_bar{
        width: 100%;
        padding: 60px;
        margin-top: -200px;
    }
    .footleft{
        width: 65%;
    }
    .footright{
        width: 35%;
    }

}

@media (max-width: 1400px) {
   .z_header_nav li{
        width: 16.661%;
    }
    .footleft{
        width: 65%;
    }
    .footright{
        width: 35%;
    }
}

@media (max-width: 1366px) {
    .middle{
      bottom: 100px;
     }
    .z_banner_left {
        width: 70%;
        height: 90%;
    }
    .z_banner_right .z_line_bar{
        width: 100%;
        padding: 60px;
        margin-top: -170px;
    }
    .z_top_search{
        margin: 30px auto 0;
    }
    .z_line_bar .kouhao{
        margin-top: 20px;
    }
    .z_header{
        bottom: 95px;
    }
    .z_header_nav li{
        width: 16.661%;
    }
    .z_header_nav li a{
        font-size: 22px;
    }
    input[type="text"], input[type="password"], input[type="search"], textarea, select {
        width:85%;
    }
    .footleft{
        width: 62%;
    }
    .footleft p{
        font-size: 14px;
        line-height: 20px;
    }
    .footright{
        width: 38%;
    }
    .footright span{
       margin: 0 8px;
    }

    .footer span {
        margin: 0 12px;
        line-height: 24px;
        font-size: 13px;
    }

    .footinfo{
        padding:0px;
        width: 1280px;
    }
}

@media (max-width: 1200px) {
    .z_banner_left {
        width: 70%;
    }
    .z_banner_right .z_line_bar{
        width: 100%;
        padding: 20px;
        margin-top: -170px;
    }
    .z_top_search{
        margin: 30px auto 0;
    }
    .z_line_bar .kouhao{
        margin-top: 20px;
    }
    .z_header{
        bottom: 98px;
    }
    .z_header_nav li a{
        font-size: 20px;
    }
    .footleft p{
        font-size: 14px;
    }
    .footinfo{
        padding:0px;
        width: 100%;
    }
    
    .footleft p{
        font-size: 12px;
        width: 100%;
        line-height: 22px;
    }
    .footer span {
        margin: 0 2px;
        line-height: 20px;
        font-size: 12px;
    }

}

@media (max-width: 768px) {
    .container{
        height: auto;
    }
    .z_header_bar {
        display: none;
    }
    .z_header{
        position: relative;
        top: 400px;
    }
    .z_header_nav li:first-child{
        width: 100%;
    }
    .z_header_nav li{
        width: 50%;
        float: left;
        border: none;
    }
    .z_menu_btn{
        display: none;
    }
    .middle{
        top:0px;
        position: relative;
        height: 100%;
    }
    .z_banner_right .z_line_bar{
        width: 80%;
    }
    .z_banner_left{
        width: 100%;

    }
    .z_banner_right{
        width: 100%;
    }
    .z_top_search{
        /* margin:30px auto; */
        padding: 0 10px;
    }
    .footleft{
        width: 100%;
    }
    .footright{
        display: none;
        width: 100%;
    }
    .footer{
        position: relative;
    }
    .footinfo {
        height: auto;
        display: inline-block;
    }
}