.banner-news {
    background: url(../imgs/news/banner.jpg) center center no-repeat;
    height: 450px;
}

.news-1 {
    background: #F6F6F6;
    padding: 30px 0;
}

.news-1 .news-1-wrap {
    width: 15rem;
    min-width: 1200px;
    margin: 0 auto;
}

.news-1 .news-1-wrap .news-1-l img {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.news-1 .news-1-wrap .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 15rem;
}

.news-1 .news-1-wrap .swiper-slide>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 15rem;
}


.news-1 .news-1-wrap .news-1-l {
    width: 60%;
}

.news-1 .news-1-wrap .news-1-r {
    width: 40%;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.news-1 .news-1-wrap .news-1-r p {
    color: #6D6D6D;
    font-size: .18rem;
    margin-top: 30px;
}

.news-1 .news-1-wrap .news-1-r .p-1 {
    margin-top: 1.5rem;
}

.news-1 .news-1-wrap .news-1-r h4 {
    color: #004EA1;
    font-size: .3rem;
    font-weight: 600;
    margin-top: 30px;
}

.news-1 .swiper-pagination.swiper-pagination-bullets {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: initial;
}

.news-1 .swiper-pagination.swiper-pagination-bullets>span {
    margin-left: 10px;
}

.news-2 .news-2-wrap {
    width: 15rem;
    min-width: 1200px;
    margin: 0 auto;
}

.news-2 .news-2-l {
    width: 75%;
}

.news-2 .news-2-l ul li:hover .news-2-li-r {
    background: rgba(0, 0, 0, .03);
}

.news-2 .news-2-l ul li:hover .news-2-li-r h3 {
    color: #004EA1;
}

.news-2 .news-2-r {
    width: 30%;
}

.news-2 .news-2-l>ul>li>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.news-2 .news-2-wrap .news-2-l-title span {
    color: #000;
    font-size: .2rem;
    display: inline-block;
    padding: 5px 10px;
}

.news-2 .news-2-wrap .news-2-l-title span:hover {
    color: #004EA1;
}

.news-2 .news-2-wrap .news-2-l-title span.active {
    background: #004EA1;
    color: #fff;
    font-weight: 550;
}

.news-2 .news-2-wrap .news-2-li-l {
    width: 275px;
}

.news-2 .news-2-wrap .news-2-li-l img {
    width: 100%;
    height: 100%;
}

.news-2 .news-2-wrap .news-2-li-r {
    width: 80%;
    padding: .15rem .7rem .15rem .3rem;
    position: relative;
}

.news-2 .news-2-wrap .news-2-li-r>div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news-2 .news-2-wrap .news-2-li-r p {
    font-size: .18rem;
    color: #6D6D6D;
}

.news-2 .news-2-wrap .news-2-li-r h3 {
    font-size: .24rem;
    color: #000;
    font-weight: 600;
    margin: .3rem 0 .1rem;
}


.news-2 .news-2-wrap .news-2-r {
    margin-right: auto;
    width: 20%;
    box-shadow: 0px 5px 15px 0px rgba(78, 93, 105, 0.15);
    padding: 20px;
    margin-top: 1.5rem;
}

.news-2 .news-2-wrap .news-2-r h5 {
    color: #000;
    font-size: .24rem;
    font-weight: 550;
}

.news-2 .news-2-wrap .news-2-r ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding: 20px 0;
}

.news-2 .news-2-wrap .news-2-r ul li h6 {
    color: #000000;
    font-size: .18rem;
    font-weight: 500;
}

.news-2 .news-2-wrap .news-2-r ul li h6:hover {
    color: #004EA1;
}

.news-2 .news-2-wrap .news-2-r ul li p {
    color: #6D6D6D;
    font-size: .16rem;
    margin-top: 6px;
}

.new-detail {
    font-size: initial;
}

.new-detail .new-detail-wrap {
    width: 15rem;
    min-width: 1200px;
    margin: 0 auto;
}

.new-detail .new-detail-l {
    width: 66%;
}

.new-detail .new-detail-r {
    width: 33%;
}

.new-detail .new-detail-l li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.new-detail .new-detail-wrap .new-detail-l-title span {
    color: #000;
    font-size: .2rem;
    display: inline-block;
    padding: 5px 10px;
}

.new-detail .new-detail-wrap .new-detail-l-title span.active {
    background: #004EA1;
    color: #fff;
    font-weight: 550;
}

.new-detail .new-detail-wrap .new-detail-li-l {
    width: 30%;
}

.new-detail .new-detail-wrap .new-detail-li-l img {
    width: 100%;
    height: 100%;
}

.new-detail .new-detail-wrap .new-detail-li-r {
    width: 70%;
    padding: 6px 10px;
    box-sizing: border-box;
}

.new-detail .new-detail-wrap .new-detail-li-r p {
    font-size: .15rem;
    color: #6D6D6D;
}

.new-detail .new-detail-wrap .new-detail-li-r h3 {
    font-size: .2rem;
    color: #004EA1;
    font-weight: 600;
    margin: 20px 0;
}

.new-detail .new-detail-wrap .new-detail-r {
    margin-right: auto;
    width: 20%;
    box-shadow: 0px 5px 15px 0px rgba(78, 93, 105, 0.15);
    padding: 20px;
    margin-top: 1.5rem;
}

.new-detail .new-detail-wrap .new-detail-r h5 {
    color: #000;
    font-size: .22rem;
    font-weight: 550;
}

.new-detail .new-detail-wrap .new-detail-r ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding: 20px 0;
}

.new-detail .new-detail-wrap .new-detail-r ul li h6 {
    color: #000000;
    font-size: .16rem;
    font-weight: 500;
}

.new-detail .new-detail-wrap .new-detail-r ul li h6:hover {
    color: #004EA1;
}

.new-detail .new-detail-wrap .new-detail-r ul li p {
    color: #6D6D6D;
    font-size: .14rem;
    margin-top: 6px;
}

.new-detail p {
    font-size: .2rem;
    color: #333333;
}

.new-detail .p-1 {
    color: #8E8E8E;
    font-size: .16rem;
    margin-top: 100px;
    margin-bottom: 40px;
}

.new-detail h2 {
    font-size: .45rem;
    font-weight: 600;
}

.new-detail .p-2 {
    color: #6D6D6D;
    font-size: .2rem;
    margin: .35rem 0 .65rem;
}

.new-detail .p-3 {
    color: #6D6D6D;
    font-size: .2rem;
    margin-bottom: .3rem
}

.new-detail .p-4 {
    text-align: center;
    color: #6D6D6D;
    margin-bottom: .4rem
}

.new-detail .img-1 {
    width: 100%;
    margin: .2rem 0 .1rem;
}

.new-detail .new-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .8rem 0;
}

.new-detail .new-footer .new-footer-l {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: .16rem;
    line-height: .36rem;
    padding: 0 .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-detail .new-footer .new-footer-l:hover {
    color: #004EA1;
}

.new-detail .new-footer .new-footer-m {
    display: inline-block;
    padding: 0 .3rem;
    height: .36rem;
    background: #004EA1;
    color: #fff;
    font-size: .16rem;
    margin: 0 .18rem;
    line-height: .36rem;
}

.new-detail .new-footer .new-footer-r {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: .16rem;
    line-height: .36rem;
    padding: 0 .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-detail .new-footer .new-footer-r:hover {
    color: #004EA1;
}

.html-class img {
    max-width: 100%;
}