@media only screen and (max-width: 768px){
    .pc_nav_box{
        display: none
    }
    .wap_nav_box{
        width: 100%;
    }
    .nav_box_top{
        width: 100%;
        height: 3.5rem;
    }
    .nav_box_top>img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .nav_box_bottom{
        width: 100%;
        height: 1.7rem;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        padding: 0 1.06rem;
        background: #F3F3F3;
    }
    .wap_navigation_icon{
        width: 0.62rem;
        height: 0.62rem;
        margin-right: 0.38rem;
    }
    .wap_navigation_text{
        font-weight: 400;
        font-size: 0.38rem;
        color: #333333;
    }
    .wap_navigation_text:not(:last-child){
        margin-right:0.16rem;
    }
}
@media only screen and (min-width: 800px){
    .wap_nav_box{
        display: none;
    }
    .nav_box{
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .pc_nav_box{
        width: 100%;
        height: 450px;
        position: relative;
        box-sizing: border-box;

    }
    .nav_box_top{
        width: 100%;
        height: 450px;
        overflow: hidden;
        animation:myfirst_animate 4s linear ;
    }
    .nav_box_top>img{
        width: 100%;
        height: 100%;
        object-fit: fill;
        overflow: hidden;
    }
    .nav_box_top:hover>img{
        cursor: pointer;
        transition: all 0.5s;
        transform: scale(1.1);
    }
    @keyframes myfirst_animate {
        0%{
            opacity: 0;

        }
        10%{
            opacity: 0;
            transform: scale(1.09);
        }
        10%{
            opacity: 0.1;
            transform: scale(1.08);
        }
        20%{
            opacity: 0.2;
            transform: scale(1.07);
        }
        30%{
            opacity: 0.4;
            transform: scale(1.06);
        }
        50%{
            opacity: 0.5;
            transform: scale(1.05);
        }
        60%{
            opacity: 0.6;
            transform: scale(1.04);
        }
        70%{
            opacity: 0.7;
            transform: scale(1.03);
        }
        80%{
            opacity: 0.8;
            transform: scale(1.02);
        }
        90%{
            opacity: 0.9;
            transform: scale(1.01);
        }

        100%{
            transform: scale(1);
            opacity: 1;
        }
    }
    .nav_box_bottom{
        width: 100%;
        height: 91px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .nav_box_bottom_box{
        width: 1300px;
        margin: 0 auto;
    }
    .nav_box_type{
        width: 230px;
        height: 91px;
        background: #2385C9;
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        text-align: center;
        line-height: 91px;
    }
}
@media print{
    .wap_nav_box{
        display: none;
    }
    .nav_box{
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .pc_nav_box{
        width: 100%;
        height: 450px;
        position: relative;
        box-sizing: border-box;

    }
    .nav_box_top{
        width: 100%;
        height: 450px;
        overflow: hidden;
        animation:myfirst_animate 4s linear ;
    }
    .nav_box_top>img{
        width: 100%;
        height: 100%;
        object-fit: fill;
        overflow: hidden;
    }
    .nav_box_top:hover>img{
        cursor: pointer;
        transition: all 0.5s;
        transform: scale(1.1);
    }
    @keyframes myfirst_animate {
        0%{
            opacity: 0;

        }
        10%{
            opacity: 0;
            transform: scale(1.09);
        }
        10%{
            opacity: 0.1;
            transform: scale(1.08);
        }
        20%{
            opacity: 0.2;
            transform: scale(1.07);
        }
        30%{
            opacity: 0.4;
            transform: scale(1.06);
        }
        50%{
            opacity: 0.5;
            transform: scale(1.05);
        }
        60%{
            opacity: 0.6;
            transform: scale(1.04);
        }
        70%{
            opacity: 0.7;
            transform: scale(1.03);
        }
        80%{
            opacity: 0.8;
            transform: scale(1.02);
        }
        90%{
            opacity: 0.9;
            transform: scale(1.01);
        }

        100%{
            transform: scale(1);
            opacity: 1;
        }
    }
    .nav_box_bottom{
        width: 100%;
        height: 91px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .nav_box_bottom_box{
        width: 1300px;
        margin: 0 auto;
    }
    .nav_box_type{
        width: 230px;
        height: 91px;
        background: #2385C9;
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        text-align: center;
        line-height: 91px;
    }
}