* {
    padding: 0;
    margin: 0;
}

.footContainer {
    position: relative;
    width: 1920px;
    box-sizing: border-box;
    color: #FFFFFF;
    /*height: 275px;*/
    padding: 30px 263px 30px 261px;
    background: url('/templates/site/img/通知公告/footBack.png') no-repeat;background-size: 100% 100%;
}

.foot-head {
    position: relative;
    visibility: visible;
    display: flex;
    opacity: 1;
    justify-content: space-between;
    align-items: center;
    top: 0;
}

.log img {
    width: 366px;
    height: 81px;
}

.foot-head-left {
    display: flex;
    flex-direction: column;
}

.foot-detailInfo {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 29px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #B4C3DB;
    line-height: 16px;
}

.foot-row-1 {

}

.foot-row-2 {
    margin-top: 27px;
}

.foot-row-3 {
    margin-top: 21px;
    display: flex;
    column-gap: 33px;
}

.foot-col-3 {
    display: flex;
    column-gap: 70px;
}

.foot-tech {
    margin-top: 21px;
}

.foot-col-3 img {
    width: 79px;
    height: 80px;
}

.Qrcode {
    margin-top: 16px;
}

.QRcode-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Qrcode-name {
    transform: translateY(8px);
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #B4C3DB;
    line-height: 16px;
}

.foot-broswe{
    margin-top: 20px;
}
.foot-broswe .container{
    display: flex;
    flex-wrap: wrap;
}
.foot-broswe .container,.foot-broswe .container a{
    font-size:15px;
    line-height: 1.71428em !important;
}
.foot-broswe .browseItem{
    margin: 0 4px;
}

.foot-broswe .split{
    margin: 0 4px;
}

.foot-head-flex {
    width: 625px;
    display: flex;
    flex-wrap: wrap;
    /* column-gap: 68px; */
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
    align-items: center;
}
/*.foot-head-flex div:hover{*/
/*    color: #1249A3;*/
/*}*/
.foot-head-flex div{
    margin-top: 15px;
    /* width: 70px; */
    width: 25%;
}
.icon-shuangjiantouyou{
    margin-top: 0!important;
}
.foot-menu-flex {
    display: flex;
    column-gap: 68px;
    font-size: 16px;
    color: white;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 16px;
}

.foot-more {
    display: flex;
    column-gap: 5px;
}

/*菜单navi*/
.foot-mobile {
    color: #333;
    position: absolute;
    z-index: 10000;
    left: 0;
    top: -100%;
    right: 0;
    bottom: 0;
    opacity: 1;
    /*display: none;*/
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.foot-head-flex div {
    cursor: pointer;
    white-space: nowrap;
}


.foot-menu{
    display: flex;
}
.footmenuShow {
    z-index: 1001;
    opacity: 1;
    overflow: hidden;
    right: 0;
    top: 0!important;
    transition: top 1.33s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    visibility: visible;
    /*!*transition: all 0.3s ease-out 0s;*!*/

    /*animation-duration: 2s;*/
    /*animation-delay: 0s;*/
    /*animation-iteration-count: 1;*/

    /*animation-name: slideInDown;*/
}
.slide-in{
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    opacity: 1;
    visibility: visible;
    animation-name: slideInUp;
}
.footnoneShow {
    z-index:-1;
    opacity: 0;
    /* visibility: hidden; */
    visibility: hidden;
    transition: all .8s ease-out 0s;
    animation: slideInUp 1s 1;
}
@keyframes fadeInDown {
    0% {
        transform: translateY(100px);
    }
    100% {
        opacity: 0;
    }

}
@keyframes slideInUp{
    0% {
        opacity: 0;
        animation-name: slideInUp;
    }
    100% {
        opacity: 1;
    }

}
.foot-menu {
    width: 1091px;
    align-items: center;
    position: absolute;
    left: 20%;
    right: 0;
    top: 20px;
    bottom: 0;
    padding: 20px 20px;
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
}
.foot-menu-flex div{
    height: 28px;
}
.slide-fade-animation {
    /*animation-duration: 1s;*/
    /*animation-iteration-count: 1;*/
    /*position: relative;*/
    /*animation: example 1s 1;*/
    visibility: hidden;
    transition: all .4s ease-out 0s;
    animation:fadeInDown .3;

}