/* logo开始 */

.zuo {

    float: left;

}



.you {

    float: right;

}

.sjdh2 li a{

    /* padding: 5px 55px; */
    padding: 0;

}



.zuo0 {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    position: relative;

}



.ewm1 {

    display: none;

    position: absolute;

    top: 0;

    left: 3%;

    z-index: 1000;

}



.ewm2 {

    display: none;

    position: absolute;

    top: 0;

    left: 3%;

    z-index: 1000;

}



.zuo0:hover .ewm1 {

    display: block;

}



/* .zuo0:hover .ewm2 {

    display: block;

} */



.you0 {

    display: flex;

    justify-content: center;

}



.toubu {

    max-width: 1200px;

    min-width: 1200px;

    width: 100%;

    height: 117px;

    margin: 0 auto;

    margin-top: 2px;

    display: flex;

    justify-content: space-between;

}



.logo {

    width: 710px;

    height: auto;

    float: left;

    margin-top: 10px;

    margin-right: 20px;

}



.xian {

    width: 1px;

    height: 60px;

    background-color: #555;

    float: left;

    margin-top: 10px;

}



.wz {

    float: left;

    margin-top: 10px;

    margin-left: 20px;

    font-size: 14px;

    color: #555;

}



.yiyuan {

    margin-top: 10px;

    width: 88px;

    /* height: 85px; */

    padding-left: 10px;

}



.weixing {

    margin-top: 10px;

    width: 90px;

    height: 80px;

    padding-left: 10px;

}



.jl {

    margin-right: 20px;

}



.wz2 {

    font-size: 14px;

    color: #555;

    margin-left: 10px;

}

.zhichi{

    position: absolute;

    right: 50px;

    top: 98px;

    color: #555;

}



@media screen and (max-width: 1199px) {

    .toubu {

        display: none;

    }

}



@media screen and (max-width: 480px) {

    .toubu {

        display: none;

    }

}



@media screen and (max-width: 1024px) {

    .toubu {

        display: none;

    }

    .zhichi{

        display: none;

    }

}

/* logo结束 */





/* 导航开始 */

@media screen and (max-width: 480px) {

    .bj {

        display: none;

    }

}



.bj {

    margin-top: 10px;

    background-color: #0067ac;

    width: 100%;

    min-width: 1200px;

    height: 50px;

}



.banxing {

    max-width: 1200px;

    min-width: 1200px;

    margin: 0 auto;

}



.menuDiv {

    overflow: hidden;

    display: inline-block;

}

/* 去掉a标签的下划线 */



.menuDiv a {

    text-decoration: none;

}



/* 设置ul和li的样式 */



.menuDiv li {

    list-style: none;

    margin: 0;

    padding: 0;

    float: left;

}



/* 设置二级菜单绝对定位，并隐藏 */



.menuDiv>ul>li>ul {

    position: absolute;

    display: none;

    z-index: 10;

}



/* 设置二级菜单的li的样式 */



.menuDiv>ul>li>ul>li {

    float: none;

}



/* 鼠标放在一级菜单上，显示二级菜单 */



.menuDiv>ul>li:hover ul {

    display: block;

    animation: aaa 2s infinite;

}



@keyframes aaa {

    from {

        height: 0;

    }

    to {

        height: 10px;

    }

}



/* 一级菜单 */



.menuDiv>ul>li>a {

    font-size: 16px;

    width: 115px;

    line-height: 50px;

    color: #fff;

    text-align: center;

    display: block;

}



/* 在一级菜单中，第一个不设置左边框 */



.menuDiv>ul>li:first-child>a {

    border-left: none;

}



/* 在一级菜单中，鼠标放上去的样式 */



.menuDiv>ul>li>a:hover {

    color: #fff !important;

    background-color: rgba(255, 255, 255, 0.1);

}



/* 二级菜单 */



.menuDiv>ul>li>ul>li {

    transition: height 1;

    -webkit-transition: height 1;

}



.menuDiv>ul>li>ul>li>a {

    width: 113px;

    line-height: 50px;

    color: #555;

    background-color: #fff;

    text-align: center;

    border: 1px solid #ccc;

    border-top: none;

    display: block;

    opacity: 0.9;

}



/* 在二级菜单中，第一个设置顶边框 */



.menuDiv>ul>li>ul>li:first-child>a {

    border-top: 1px solid #ccc;

}



/* 在二级菜单中，鼠标放上去的样式 */



.menuDiv>ul>li>ul>li>a:hover {

    color: #fff;

    background-color: #04a3f0;

}



/* 导航结束 */



.daoh {

    display: none;

}



@media screen and (max-width: 1199px) {

    .bj {

        display: none !important;

    }

    .daoh1 {

        display: block;

        width: 100%;

        height: 100px;

    }

    .daoh {

        position: fixed;

        display: block;

        width: 100%;

        background-color: #FFFFFF;

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .sjdh {

        list-style: none;

    }

    .sjdh>li>ul {

        display: none

    }

    .sjdh span {

        display: block;

        width: 70px;

        height: 60px;

        float: right;

        margin-top: -12%;

        margin-right: 7%;

        opacity: 0.6;

    }

    .sjdh img {

        display: block !important;

        width: 50px !important;

        height: 50px !important;

        float: right;

        opacity: 0.6;

        margin-top: -60px;

        margin-right: 26px;

    }

    .sjdh>li>ul {

        position: absolute;

        list-style: none;

        z-index: 1000;

        width: 96%;

        margin-top: 5px;

        margin-left: 2.5%;

    }

    .sjdh>li>ul>li {

        color: black !important;

        width: 49%;

        height: 40px;

        background-color: #FFFFFF;

        opacity: 0.9;

        border-bottom: 1px solid #cccccc;

        line-height: 40px;

        text-align: center;

        float: left;

    }

    .sjdh>li>ul>li:nth-child(2n-1) {

        border-right: 1px solid #cccccc;

    }

    .sjdh>li>ul>li a {

        color: #555555;

    }

    .daoh>img {

        width: 600px;

        height: 78px;

        padding-left: 10px;

    }

    .daoh>a:nth-child(2) {

        display: none;

    }

    .daoh>a>img:first-child {

        padding-left: 10px;

    }

}



@media screen and (max-width: 1024px) {

    .bj {

        display: none;

    }

    .daoh1 {

        display: block;

        width: 100%;

        height: 100px;

    }

    .daoh {

        position: fixed;

        display: block;

        width: 100%;

        background-color: #FFFFFF;

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .sjdh {

        list-style: none;

    }

    .sjdh>li>ul {

        display: none

    }

    .sjdh span {

        display: block;

        width: 70px;

        height: 60px;

        float: right;

        margin-top: -12%;

        margin-right: 7%;

        opacity: 0.6;

    }

    .sjdh img {

        display: block !important;

        width: 50px !important;

        height: 50px !important;

        float: right;

        opacity: 0.6;

        margin-top: -60px;

        margin-right: 26px;

    }

    .sjdh>li>ul {

        position: absolute;

        list-style: none;

        z-index: 1000;

        width: 96%;

        margin-top: 5px;

        margin-left: 2.5%;

    }

    .sjdh>li>ul>li {

        color: black !important;

        width: 49%;

        height: 40px;

        background-color: #FFFFFF;

        opacity: 0.9;

        border-bottom: 1px solid #cccccc;

        line-height: 40px;

        text-align: center;

        float: left;

    }

    .sjdh>li>ul>li a {

        color: #555555;

    }

    .daoh>a>img:first-child {

        padding-left: 10px;

    }

    .daoh>img {

        width: 600px;

        height: 78px;

    }

}



@media screen and (max-width: 760px) {

    .bj {

        display: none;

    }

    .daoh1 {

        display: block;

        width: 100%;

        height: 80px;

    }

    .daoh {

        position: fixed;

        display: block;

        width: 100%;

        background-color: #FFFFFF;

        padding-top: 10px;

        padding-bottom: 10px;

        box-shadow: 1px 3px 4px #dddddd;

    }

    .sjdh {

        list-style: none;

    }

    .sjdh>li>ul {

        display: none

    }

    .sjdh span {

        display: block;

        width: 70px;

        height: 60px;

        float: right;

        margin-top: -12%;

        margin-right: 7%;

        opacity: 0.6;

    }

    .sjdh img {

        display: block !important;

        width: 40px !important;

        height: 40px !important;

        float: right;

        opacity: 0.6;

        margin-top: -55px;

        margin-right: 26px;

    }

    .sjdh>li>ul {

        position: absolute;
        list-style: none;
        z-index: 1000;
        width: 30%;
        margin-top: 0;
        margin-left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0,103,172,0.7);

    }

    .sjdh>li>ul>li {

        color: black !important;
        width: 100%;
        height: 40px;
        opacity: 0.9;
        border-bottom: 1px solid #cccccc;
        line-height: 40px;
        text-align: center;
        float: left;
        background: none;

    }

    .sjdh>li>ul>li a {

        color: #FFF;

    }

    .daoh>a>img {

        width: 389px;

        height: 71px;

    }

    .daoh>a:first-child {

        display: none;

    }

    .daoh>a:nth-child(2) {

        display: block;

        padding-left: 10px;

    }

}



@media screen and (max-width: 480px) {

    .daoh1 {

        display: block;

        width: 100%;

        height: 60px;

    }

    .daoh {

        position: fixed;

        display: block;

        width: 100%;

        background-color: #FFFFFF;

        padding-top: 10px;

        padding-bottom: 10px;

        box-shadow: 1px 3px 4px #dddddd;

    }

    .sjdh {

        list-style: none;

    }

    .sjdh span {

        display: block;

        width: 70px;

        height: 60px;

        float: right;

        margin-top: -12%;

        margin-right: 5px;

        opacity: 0.6;

    }

    .sjdh img {

        display: block !important;

        width: 30px !important;

        height: 30px !important;

        float: right;

        opacity: 0.6;

        margin-top: -55px;

        margin-right: 0;

        padding: 20px 20px 10px 60px;

    }

        .sjdh>li>ul {

        position: absolute;
        list-style: none;
        z-index: 1000;
        width: 30%;
        margin-top: 0;
        margin-left: 0;
        right: 0;
        height: 100vh;
        background: rgba(0,103,172,0.7);

    }

    .sjdh>li>ul>li {

        color: black !important;
        width: 100%;
        height: 40px;
        opacity: 0.9;
        border-bottom: 1px solid #cccccc;
        line-height: 40px;
        text-align: center;
        float: left;
        background: none;

    }

    .sjdh>li>ul>li a {

        color: #FFF;

    }

    .daoh>a>img {

        width: 80%;

        height: 44px;

    }

    .daoh>a>img:first-child {

        padding-left: 0px;

    }

}