body {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 16px;
}

.layout {
    max-width: 1600px;
    margin: auto;
    box-sizing: border-box;
}

img {
    display: block;
}

.clear {
    clear: both;
}

a {
    text-decoration: none
}

.nav {
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.logo {
    height: 50px;
    margin: 15px 0px;
    float: left;
    width: fit-content;
}

.logo img {
    height: 50px;
    width: fit-content;
}

.nav_right {
    float: right;
}

.nav_block {
    float: left;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0px 10px;
    margin: 20px 0px 0px 30px;
}
.nav_put {
/*    background: linear-gradient(to right, #61a1ff, #085ebd);*/
    border-radius: 5px;
}

.nav_search {
    background: white;
    border-radius: 50px;
}

.nav_icon {
    width: 20px;
    height: 20px;
    float: right;
    margin: 10px 0px;
    margin-right: 10px;
    cursor: pointer;
}

.nav_icon img {
    width: 20px;
    height: 20px;
}

.nav_input {
    overflow: hidden;
    margin-right: 10px;
    margin-left: 15px;

}

.nav_input1 {
    overflow: hidden;
/*    margin-left: 25px;*/
}

.nav_input input {
    border: 0;
    outline: 0;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    background: none;
}

.nav_btn {
    background: linear-gradient(to right, #61a1ff, #085ebd);
    border-radius: 5px;
}

.nav_name {
    color: white;
    font-size: 14px;
}
.nav_name1 {
    color: white;
    font-size: 14px;
}
.nav_mine {
    width: 30px;
    height: 30px;
    padding: 0 0;
    margin: 25px 0px 0px 30px;
}

.nav_mine .nav_icon {
    width: 30px;
    height: 30px;
    margin: 0px 0px;
}

.nav_mine .nav_icon img {
    width: 30px;
    height: 30px;
}

.nav_center {
    /*overflow: hidden;*/
    /* border: 1px solid red; */
    text-align: center;
    box-sizing: border-box;
    padding: 0px 10px;
}

.navitem {
    display: inline-block;
    margin: 0px 15px;
    /*padding: 0 18px;*/
    /*width: 90px;*/
    line-height: 80px;
    letter-spacing: 1px;
    position: relative;
}

.navitem>a {
    
    color: white;display: block;
}
/*.nav{position: relative;}*/
.nav:after{position: absolute;left: 0;top: 100%; width: 100%;height: 300px;background-color: rgba(0,0,0,0.8);z-index: 0;content: "";transform: scale(1,0);transition: all 0.4s ease;transform-origin: top; }
.navitem:after{position: absolute;left: 0;bottom: 0;width: 100%; height: 2px;background-color: #fff;content: "";z-index: 2;transition: all 0.4s ease;content: "";transform: scale(0,1); }
.navitem:hover:after{transform: scale(1,1);}
.navitem .xialaicon{display: none;}
.navitem .subitem{display: block;position: absolute;left: 0;top: 90%;width:auto; z-index: 2;left: 50%;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: all 0.4s ease;padding-top: 10px;}
.navitem:hover .subitem{opacity: 1;visibility: visible;top: 100%;}
.nav.over:after{transform: scale(1,1);}
.navitem .subitem a{display: block;padding: 5px 10px; white-space: nowrap; text-align: left; line-height: 25px;color: #fff;text-align: center;}
.navitem .subitem a:hover{opacity: 0.85;}
.navtext {
    font-weight: bold;
}

.nav_nav {
    display: none;

}



/* 公共文章 */
.article{
    font-size: 24px;
    color: #333333;
    text-indent: 2em;
    /* white-space: pre-wrap; */
    word-break: keep-all;
    text-align: left;
    padding-bottom: 30px;
    padding-right: 10px;
    padding-left: 10px;
    /* padding: 30px 10px; */
}
.article img{
    text-align: center;
    object-fit: cover;
}


@media screen and (max-width:1600px) {
    .layout {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .nav {
        background: #085ebd;

    }
    .nav_center {
        display: none;
        float: none;
        position: absolute;
        top: 80px;
        right: 0;
        width: 50%;
        background: rgba(0, 0, 0, 0.5);
        padding: 0px 0px;

    }

    .nav_nav {
        display: block;

    }

    .navitem {
        width: 100%;
        margin: 0px 0px;
        box-sizing: border-box;
        padding: 0px 20px;
        line-height: 60px;
    }

    .navitem:hover {
        background: #085ebd;
    }

    .navitem a {
        color: white;
    }

    .navtext {
        font-weight: bold;
    }

    .nav_centerac {
        display: block;
    }
    .indexSliderBar,.indexbanner {
        margin-top: 80px;
    }
    /*wf添加*/
    .nav:after{display: none;}
    .navitem .xialaicon{display: block;position: absolute;top: 0; right: 20px;width: 60px;height:60px;background: url(../images/icon_xiala.png) center no-repeat;background-size: 20px; z-index: 2;cursor: pointer;transition: all 0.4s ease;}
    .navitem .xialaicon:focus{outline: none;}
    .navitem.open .xialaicon{transform: rotate(180deg);}
    .navitem{padding: 0;}
    .navitem.open{background-color: #7f7f7f;}
    .navitem .subitem{position: relative;left: 0;top: 0; transform: translate(0,0) scale(1,1);display: none; opacity: 1;visibility: visible;transition: all 0;padding: 0 0 10px;background-color: #adabab;}
    .navitem:hover .subitem{top:0;padding: 0 0 10px;}



}

@media screen and (max-width:800px) {
    .nav_put {
        display:none;
    }
    .layout {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 10px;
    }


    .nav {
        height: 50px;
        background: #085ebd;

    }

    .logo {
        height: 30px;
        margin: 10px 0px;
    }

    .logo img {
        height: 30px;
    }


    .nav_block {
        height: 30px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 0px 5px;
        margin: 10px 0px 0px 10px;
    }

    .nav_search {

        display: none;

    }

    .nav_icon {
        width: 20px;
        height: 20px;
        float: left;
        margin: 5px 0px;
    }

    .nav_icon img {
        width: 20px;
        height: 20px;
    }

    .nav_mine {
        /* display: none; */
        width: 24px;
        height: 24px;
        padding: 0 0;
        margin: 13px 0px 0px 20px;
    }

    .nav_mine .nav_icon {
        width: 24px;
        height: 24px;
        margin: 0px 0px;
    }

    .nav_mine .nav_icon img {
        width: 24px;
        height: 24px;
    }

    .nav_center {
        display: none;
        float: none;
        position: absolute;
        top: 50px;
        right: 0;
        width: 50%;
        background: rgba(0, 0, 0, 0.5);
        padding: 0px 0px;
    }
    .nav_nav {
        display: block;

    }

    .navitem {
        width: 100%;
        margin: 0px 0px;
        box-sizing: border-box;
        padding: 0px 20px;
        line-height: 60px;
    }

    .navitem:hover {
        background: #797a7e;
    }

    .navitem a {
        color: white;
    }

    .navtext {
        font-weight: bold;
    }

    .nav_centerac {
        display: block;
    }

    .indexSliderBar, .indexbanner {
        margin-top: 0px;
    }

    /*wf添加*/
    .navitem{padding-left: 0;padding-right: 0;}
    .navitem .xialaicon{right: 5px;width: 40px;}


}


@media screen and (max-width:500px) {
    
    .logo{
       width: auto;
       
    }
    .logo img{
        max-width: 100%;
        width: auto;
    }
}