.wrapper {
    background: #000;
}

.bt a,
.newsBt {
    color: #bebebe;
    font-size: 18px;
    text-decoration: none;
}
.bt a:hover {
    text-decoration: none;
}

#loginModal .modal-dialog {
    max-width: 768px;
    margin: 0 35rem;
}

.box {
    padding: 5% 0;
}
.box p {
    color: #FFFFFF;
}
.pdLeft img,
.serRight img {
    width: 90%;
    object-fit: contain;
}
.pdLeft,
.serRight {
    padding-left: 0;
    padding-right: 0;
}
.pdLeft,
.pdRight,
.serLeft,
.serRight {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pdRight {
    justify-content: start;
}
.pdContent {
    width: 90%;
}
#pdMid {
    width: 85%;
}
.pdTit {
    font-size: 32px;
    font-weight: 600;
}
.pdCon {
    font-size: 20px;
    line-height: 2rem;
    text-align: justify;
}
/* server */


/* edu */
.img1 {
    position: relative;
    z-index: 0;
}
.img2 {
    position: absolute;
    bottom: 0;
    right: 6%;
    width: 125px !important;
    height: 125px;
    z-index: 1;
    background: rgb(216, 216, 216);
}

/* news */
.box3 p {
    color: #000;
    margin: 0;
    line-height: 2rem;
}
.box3 .row {
    margin: 0;
}
.box3 .container-fluid {
    display: flex;
    justify-content: center;
    align-items: center;
}
.box3 .news {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.box3 .newsTop {
    display: flex;
    justify-content: center;
    align-items: center;
}
.box3 .newsTit {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 600;
    margin: 0;
}
.box3 .bt {
    position: absolute;
    right: 20%;
}
/* news-box */
.box3 .newsLink {
    text-decoration: none;
}
.box3 .newsBottom {
    width: 90%;
    padding-top: 40px;
    background: #000;
}

.box3 .newsBottom .cardTit p {
    margin: 0;
    transition: transform .2s;
}
.box3 .newsBottom .cardTit p:hover,
.box3 .cardDes p:hover {
    transform: scale(1.05);
}
.box3 .cardTit {
    font-size: 20px;
    font-weight: 600;
}

.box3 .cardImg img {
    width: 65%;
    height: 125px;
    transition: transform .2s;
}
.box3 .cardImg img:hover {
    transform: scale(1.1);
}
.box3 .cardDes p {
    width: 85%;
    font-size: 16px;
    text-align: justify;
    transition: transform .2s;
}

.box3 .cardDate,
.box3 .cardDes {
    font-size: 18px;
}
.box3 .card .row {
    padding-left: 0;
}
.box3 .card .col-md-1 {
    padding: 0;
}
.box3 .card .col-md-4 {
    padding-left: 25px;
    padding-right: 0;
}
.box3 .card .col-md-7 {
    padding-left: 0;
}

.box3 .card {
    background: #000;
}
.box3 .newsLink {
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(102, 102, 102, 1);
}
.box3 .newsLink:first-child {
    border-top: 2px solid rgba(102, 102, 102, 1);
}

.box3 .card p {
    color: #FFFFFF;
}

/* partners */
.box4 {
    padding-bottom: 40px;
}
.box4 .partTop {
    height: 30%;
    display: flex;
    justify-content: center;
    padding-bottom: 45px;
}
.box4 .partTit {
    color: #FFFFFF;
    font-size: 2.25rem;
    font-weight: 600;
    margin: 0;
}


.box4 .swiper-container {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.box4 img {
    width: 90%;
    height: 92%;
    object-fit: contain;
}
#yhImg {
    height: 100%;
}
#tyImg {
    height: 85%;
}
#gaoxiao {
    width: 95%;
}
#kgImg {
    height: 90%;
}
#zdImg {
    width: 90%;
    height: 90%;
}
#btCode {
    margin-top: 35px !important;
}
.box4 .top-logo {
    width: 280px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #b6b6b6;
    border-radius: 10px;
    background: rgba(255,255,255,0.75);
}
.box4 .partBottom {
    padding-bottom: 30px;
}

/* swiper-pagination */
.box4 .swiper-pages {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}
.box4 .swiper-pagination-bullet {
    width:20px; 
    height:20px; 
    position:relative; 
    opacity:1; 
    background:none; 
    margin:0 .08rem;
}
.box4 .swiper-pagination-bullet:before { 
    content:""; 
    width:6px; 
    height:6px; 
    background:#FFFFFF; 
    border-radius:50%; 
    position:absolute; 
    left:50%; 
    top:50%; 
    transform:translate(-50%,-50%);
}
.box4 .swiper-pagination-bullet:after { 
    content:""; 
    width:0; 
    height:0; 
    border:2px solid #FFFFFF; 
    border-radius:50%; 
    position:absolute; 
    left:50%; 
    top:50%; 
    transform:translate(-50%,-50%);
}
.box4 .swiper-pagination-bullet-active:before {
    background: #FFFFFF;
}

.box4 .swiper-pagination-bullet-active:after { 
    width:100%; 
    height:100%;
}