@charset "utf-8";



.homeBox {

    background: #fff;

    padding: 1.5625rem 1.5625rem 3.125rem;

    box-shadow: 0 0 5px 2px #487dac2b;

}



.homeNew {

    display: flex;

    justify-content: space-between;

    align-items: self-start;

}



.banner-container {

    position: relative;

    width: 52%;

    overflow: hidden;

}



.newNr {

    display: block;

    overflow: hidden;

}



.newNr img {

    width: 100%;

    display: block;

    transition-duration: .5s;

}



.newNr:hover img {

    transform: scale(1.1);

}



.newNr p {

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    height: 3.6875rem;

    background: rgba(0, 0, 0, 0.8);

    color: #fff;

    display: flex;

    justify-content: left;

    align-items: center;

    padding: 0 1.25rem;

    font-size: 1rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;



}



.newNr p span {

    display: block;

    width: 80%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.banner-container .swiper-pagination {

    text-align: right;

    padding-right: .625rem;

    bottom: 1.25rem !important;

}



.banner-container .swiper-pagination-bullet {

    width: 1.25rem;

    height: .375rem;

    border-radius: 0;

    background: rgba(255, 255, 255, 0.4);

    opacity: 1;

}



.banner-container .swiper-pagination-bullet-active {

    background: #fff !important;



}



.newRight {

    width: 46%;

}



.newMenubox ul {

    border-bottom: 1px solid #bababa;

    padding-bottom: 1.25rem;

    margin-bottom: 1.25rem;

    display: flex;

}



.newMenubox ul li {

    font-size: 1.625rem;

    font-weight: bold;

    position: relative;

    cursor: pointer;

}



.newMenubox ul li.hover {

    color: #005aab;

}



.newMenubox ul li:nth-child(1) {

    padding-right: .9375rem;

    margin-right: .9375rem;

}



.newMenubox ul li:nth-child(1):after {

    content: '';

    width: 1px;

    height: 1.25rem;

    position: absolute;

    top: 50%;

    margin-top: -0.625rem;

    right: 0;

    background: #a1c2e0;

}



.newLis a {

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 1.25rem;

    margin-bottom: .625rem;

}



.newLis a p {

    width: 80%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    transition-duration: .5s;

}



.newLis a span {

    font-size: 1.125rem;

}



.newLis a:hover p {

    padding-left: .625rem;

}



.newCbContainer {

    position: relative;

}



.more {

    color: #005aab;

    font-size: 1rem;

    position: absolute;

    right: 0;

    top: -4.375rem;

}



.homeLis {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    margin: 1.25rem 0;

}



.homeLis a {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 32.5%;

    background: #d6dce4;

    height: 5.375rem;

    font-size: 1.375rem;

    transition-duration: .5s;

}



.homeLis a img {

    display: block;

    width: 1.5625rem;

    margin-right: .625rem;

}



.homeLis a:hover {

    border-radius: 1.25rem;

}



.imgList {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.imgList a {

    width: 49.3%;

    overflow: hidden;

}



.imgList a img {

    width: 100%;

    display: block;

    transition-duration: .5s;

}



.imgList a:hover img {

    transform: scale(1.1);

}



@media (-webkit-device-pixel-ratio: 1.25) {}



@media (-webkit-device-pixel-ratio: 1.5) {}









@media only screen and (max-width: 1680px) {}



@media only screen and (max-width: 1450px) {}



@media only screen and (max-width: 1366px) {}



@media only screen and (max-width: 1280px) {}





@media only screen and (max-width: 992px) {}



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

    .homeNew {

        display: block;

    }



    .banner-container {

        width: 100%;

        margin-bottom: 20px;

    }

    .newRight,
    .homeLis {
        width: 90%;
        margin: 0 auto;
    }

    .homeLis a {
        width: 100%;
        height: 80px;
        margin-bottom: 10px;
    }

    .homeBox {

        box-shadow: none;

        padding: 10px 0;

    }



    .newNr p {

        font-size: 14px;

        height: 7rem;

    }



    .newMenubox ul li {

        font-size: 16px;

    }



    .newLis a,

    .homeLis a {

        font-size: 16px;

    }

    .newLis a span {
        font-size: 14px;
    }

    .newLis a {

        margin-bottom: 15px;

    }

    .homeLis a {
        font-size: 20px;
    }


    .homeLis a img {

        width: 25px;

    }

    .imgList {
        width: 90%;
        margin: 10px auto;
    }

    .imgList a {
        margin-bottom: 10px;
    }



    .more {

        font-size: 14px;

        top: -7rem;

    }

    .Contentbox {
        margin-top: 50px;
    }

    .wrap,
    .imgList a {
        width: 100%;
    }

    .linkList .wrap {
        padding: 0 20px;
    }

    .newLis a p {
        width: 76%;
    }
}