body{
    min-width: 1300px;
    min-height: 2500px;
    background: url(../images/zbfyr_bj.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.header{
    width: 100%;
    height: 735px;
    background: url(../images/hd-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 20px;
}
.header  .h-body{
    width: 993px;
    height: 430px;
    margin: auto;
    /*background: url(../images/hd-text.png) no-repeat;*/
    background-size: 100% 100%;
}
.content-warp {
    position: relative;
    width: 100%;
}
.content-warp .content-nav {
    width: 100%;
    background: #2948FB;
    height: 80px;
}

.content-nav ul li :hover {
    background-color: #0725D3;
}

.content-nav ul {
    width: 1300px;
    margin: 0px auto;
    text-align: center;
    height: 80px;
}

.content-nav ul li {
    display: inline-block;
    padding: 6px;
    width: 168px;
    color: wheat;
    height: 50px;
    line-height: 50px;
}

.content-nav ul li a {
    display: inline-block;
    padding: 12px;
    width: 145px;
    color: wheat;
    font-size: 23px;
    font-weight: 700;
    position: relative;
    height: 54px;
    line-height: 54px;
    top: -5px;
}
.body-carousel{
    width: 1300px;
    height: 600px;
    margin: auto;
    margin-top: 80px;
    position: relative;
    z-index: 1;
}

.body-carousel2{
    width: 1000px;
    height: 600px;
    margin: auto;
    margin-top: 60px;
    position: absolute;
    z-index: 5;
    top: -59px;
    left: 149px;
}

.swiper {
    width: 100%;
    height: 100%;
}
.carousel{
    width: 100%;
    height: 100%;
}

.mySwiper-body  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mySwiper-body .swiper-wrapper  .swiper-slide img{
    filter: blur(5px);
}

.mySwiper-body2  .swiper-button-next ,
.mySwiper-body2  .swiper-button-prev
{
    background: whitesmoke;
    padding: 10px;
}
.swiper-slide  .slide-item {
    width: 100%;
    height: 100%;
}

.swiper-slide  .slide-item .item-img {
    width: 100%;
    height: 100%;
}

.swiper-slide  .slide-item .item-logo {
    position: absolute;
    width: 72px;
    height: 75px;
    margin: auto;
    left: 45%;
    top: 282px;
    z-index: 6;
}


.mySwiper-body2 .swiper-wrapper  .swiper-slide img:after{
    content: "This is a pseudo-element";
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    color: white; /* 文本颜色 */
    padding: 5px; /* 内边距 */
}

.content-warp .sjsdmx-body {
    width: 1300px;
    margin: 0px auto;
    height: 570px;
    background: url(../images/sjsdmx-static-01.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 80px;
}

.sjsdmx-body .sjsdmx-item {
    width: 248px;
    height: 166px;
    display: inline-block;
    margin: auto;
    margin-left: 58px;
    margin-top: 55px;
    background: url(../images/sjsdmx-static-02.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}
.sjsdmx-item .item-top {
    position: relative;
    width: 100%;
    height: 100%;
}
.sjsdmx-body .sjsdmx-item .item-text {
    width: 250px;
    margin: auto;
    text-align: center;
    color: white;
    font-size: 18px;
    margin-top: 9px;
    font-weight: 400;
    height: 38px;
    line-height: 44px;
    font-family: system-ui;
    background: url(../images/sjsdmx-static-06.png);
    background-size: 100% 100%;
}
.sjsdmx-body .sjsdmx-item .item-icon {
    position: relative;
    left: 43%;
    top: -70%;
    width: 43px;
    height: 45px;
    z-index: 10;
}
.sjsdmx-body .sjsdmx-item .item-book {
    height: 164px;
    margin-left: 12px;
    width: 90%;
    position: relative;
    top: -20px;
}

.footer {
    width: 100%;
    height: 90px;
    padding-top: 44px;
    text-align: center;
    background: #143FDC;
    margin-top: 158px;
    position: absolute;
    bottom: 0px;
}
.footer .text {
    font-size: 26px;
    color: #fff;
}