/* 屏幕尺寸小于等于 767px 时执行的样式 */
@media only screen and (max-width: 767px) {
    .logo-box-xs {
        width: 100%;
        text-align: center;
    }
    .logo-box-xs img {
        width: 90%;
    }
    .nav-xs { display: none; }

    .wap-nav-xs {
        display: flex;
        width: 100%;
    }
    .wap-nav-xs span {
        display: flex;
        justify-content: center;
        height: 50px;
        align-items: center;
    }
    .wap-nav-xs a {
        color: #fff;
    }
    .about-xs { width: 100%;}
    .about-01-xs { width: 100%; }
    .about-con-xs { padding: 0 15px; }
    .about-tit-xs { padding-left: 15px; }
    .about-img-xs { text-align: center; }
    .about-img-xs img { width: 90%; margin-top: 10px; }
    .news-tit-xs { margin-top: 20px; }
    .certify-xs { display: none; }
    .swiper-xs { width: 100%; padding-left: 20px; margin-top: 20px; margin-bottom: 20px;  }
    .foot-xs { display: none; }
    .float-box { display: none; }

    .bzgc-n-sm { display: none; }
}

/* 屏幕尺寸大于等于 768px 时执行的样式 */
@media only screen and (min-width: 768px) {
    .logo-box-sm {
        width: 1200px;
    }
    .logo-box-sm img {
        height: 75px;
    }
    .nav-sm {
        width: 1200px;
        display: flex;
        justify-content: space-between;
    }
    .nav-sm div {
        display: flex;
        width: 12.5%;
        justify-content: center;
        height: 50px;
        align-items: center;
    }
    .nav-sm a {
        width: 100%;
        height: 100%;
    }
    .nav-sm span {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    .nav-sm a {
        color: #fff;
    }
    .nav-sm a:hover {
        color: #fff;
    }
    .wap-nav-sm { display: none; }
    .nav-sm div:hover { background-color: #005EB6; color: #fff; }
    .about-sm { width: 1200px; }
    .about-01-sm { width: 50%; }
    .about-img-sm { text-align: right; }
    .about-img-sm img { width: 90%; }
    .news-sm { padding-left: 40px; }
    .swiper-sm { width: 1200px; display: flex; justify-content: center; margin-top: 40px; margin-bottom: 30px; }
    
    .foot-sm { width: 1000px; display: flex; justify-content: space-between; padding: 30px 0; }
    .foot-wap-sm { display: none; }
    .certify-xs { display: none; }

    .bzgc-sm { display: none; }


    .bzgc-n-sm { width: 99%; padding-bottom: 30px; }
    .bzgc-n {
        display: grid;
        gap: 20px 3%;
        justify-content: space-between;
        grid-template-columns: repeat(auto-fill, 22.75%);
    }
    .bzgc-n img { width: 100%; }
    
    .float-box { position: fixed; top: 60%; right: 0; }

}
/* 屏幕尺寸大于等于 1200px 时执行的样式 */
@media only screen and (min-width: 1200px) {
    .bzgc-n-sm { display: none; }
    .certify-xs { display: block; }
    .float-box { position: fixed; top: 60%; right: 0; }
}
@media only screen and (min-width: 1415px) {
    .float-box { position: fixed; top: 60%; left: 50%; margin-left: 615px; }
    
}
.float-box img { width: 100px; display: block; margin-bottom: 5px; }
.logo-box {
    padding: 15px 0 15px 0;
}
.nav-item {
    background-color: #0672D7;
    height: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-item .on { background-color: #005EB6; }
.carousel1 {  background-size: cover; background-position: center center; position: relative; }
.about { display: flex; margin-top: 20px; flex-wrap:wrap; }
.about-tit { display: inline-block; padding-bottom: 5px; font-size: 20px; font-weight: bold; border-bottom: 2px solid #0672D6; }
.about-con { text-indent: 2em; line-height: 36px; margin-top: 15px; }
.news { background-color: #F6F7F9; margin-top: 20px; padding-bottom: 20px; }
.news-tit { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.5); color: #fff;  }
.news-con { margin-top: 25px; }
.down { display: flex; }
.down span { border-radius: 4px; background-color: #fff; padding: 7px 20px; border: 1px solid #EFEAE8; margin-right: 15px; }
.down span.on { background-color: #005EB6; color: #fff; }
.down1 { display: flex; justify-content: space-between; flex-wrap: nowrap; padding-top: 15.5px; }
.downbtn { padding: 4px 12px; border-radius: 4px; background: rgba(6, 114, 214, 0.20); color: #0672D6; cursor: pointer; }
.downtit { display: flex; flex-direction: column; justify-content: center; width: 83%; }
.down span { cursor: pointer;}
.downtit span:last-child { color: rgba(0, 0, 0, 0.40); }
.downtit span:first-child { width: 96%;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
#down2 { display: none; }
.swiper-slide img { width: 520px; height: 310px; }
/* .swiper { margin-top: 40px; } */
.bzgc { display: flex; justify-content: space-between; flex-wrap: wrap; }
.bzgc-item { position: relative; margin-bottom: 20px; }
.bzgc-item img { width: 160px; height: 160px; object-fit: cover; }
.bzgc-sm { width: 100%; padding: 0 15px; }
.footer {
    background-color: #002349;
}
.foot-s { color: #fff; }
/* .foot-i { display: flex; flex-direction: column;} */
.foot-i div { margin-top: 15px; }
.foot-tit { height: 40px; line-height: 40px; border-bottom: 1px solid #fff; }
.navbox { display: flex; flex-direction: column; padding-left: 16px; }
.navbox span { display: inline-block; margin-top: 20px; }
