@charset "utf-8";
/* CSS Document */
/*
* * @ 516
* * _(:з」∠)_
*/

/* - news-list - */
.news-list {
    padding: calc(1rem / 1.2);
    padding-top: 0;
    box-shadow: 0 0 calc(.1rem / 1.2) #333;
}

.news-list-head {
    width: 100%;
    height: calc(4rem / 1.2);
    border-bottom: calc(.1rem / 1.2) solid #999999;
}

.news-list-head-item {
    float: left;
    padding: 0 calc(1.5rem / 1.2);
    width: auto;
    height: 100%;
    color: #333;
    line-height: calc(4rem / 1.2);
    cursor: pointer;
	font-size: 18px;
}

.news-list-head-item.select {
    color: #fff;
    border-top-left-radius: calc(1rem / 1.2);
    border-top-right-radius: calc(1rem / 1.2);
    background-color: #0367BD;
}

.news-list-more {
    display: none;
    float: right;
    padding: 0 calc(1rem / 1.2);
    width: auto;
    height: 100%;
    color: #3174BF;
    line-height: calc(4rem / 1.2);
    text-decoration: none;
}

.news-list-more.select {
    display: inline-block;
}

.news-list-content {
    display: none;
    padding-top: calc(1rem / 1.2);
    width: 100%;
    height: auto;
}

.news-list-content.select {
    display: block;
}

.news-list-pic1 .news-list-content-item {
    float: left;
    margin-left: calc(4.4rem / 1.2);
    width: calc(100% / 4 - 5.5rem / 1.2);
    height: calc(25.5rem / 1.2);
}

.news-list-pic1 .news-list-content-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
	overflow: hidden;
}

.news-list-pic1 .news-list-content-item a img {
    width: 100%;
    height: calc(16.5rem / 1.2);
}


@media screen and (max-width: 500px) {
    .news-list-pic1 .news-list-content-item {
        float: left;
        margin-left: calc(1.4rem / 1.2);
        width: calc(100% / 2 - 2rem / 1.2);
        height: auto;
    }

    .news-list-pic1 .news-list-content-item a img {
        width: 100%;
        height: auto;
    }
}

.news-list-pic1 .news-list-content-item a h3 {
    /* display: -webkit-box; */
    height: calc(6rem / 1.2);
    color: #002d74;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    line-height: calc(3rem / 1.2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-list-pic1 .news-list-content-item a p {
    color: #909296;
    font-size: calc(1.4rem / 1.2);
    line-height: calc(3rem / 1.2);
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-list-pic2 .news-list-content-item {
    float: left;
    margin-bottom: calc(1rem / 1.2);
    padding: calc(.5rem / 1.2) calc(1rem / 1.2);
    width: calc(100% / 4 - 5.9rem / 1.2);
    height: calc(17rem / 1.2);
    background-color: #fff;
}

.news-list-pic2 .news-list-content-item:not(:nth-child(4n + 4)) {
    margin-right: calc(5.2rem / 1.2);
}

.news-list-pic2 .news-list-content-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    overflow: hidden;
}

.news-list-pic2 .news-list-content-item a:hover img {
    transform: scale(1.1);
}

.news-list-pic2 .news-list-content-item a img {
    width: 100%;
    height: calc(13rem / 1.2);
}

@media screen and (max-width: 500px) {
    .news-list-pic2 .news-list-content-item {
        width: calc(100% / 2 - 2.5rem / 1.2);
        height: auto;
    }

    .news-list-pic2 .news-list-content-item:not(:nth-child(4n + 4)) {
        margin-right: 0;
    }
    
    .news-list-pic2 .news-list-content-item:not(:nth-child(2n + 2)) {
        margin-right: calc(1rem / 1.2);
    }

    .news-list-pic2 .news-list-content-item a img {
        width: 100%;
        height: auto;
    }
}

.news-list-pic2 .news-list-content-item a h3 {
	position: relative;
    margin-top: calc(-0.3rem / 1.2);
    height: calc(4rem / 1.2);
    color: #fff;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    text-align: center;
    line-height: calc(4rem / 1.2);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #0367BD;;
    overflow: hidden;
}
.news-list-pic2 .news-list-content-item a h4 {
	position: relative;
    margin-top: calc(-0.3rem / 1.2);
    height: calc(4rem / 1.2);
    color: #fff;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    text-align: center;
    line-height: calc(4rem / 1.2);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #856143;;
    overflow: hidden;
}

.news-list-pic2 .news-list-content-item a h5 {
	position: relative;
    margin-top: calc(-0.3rem / 1.2);
    height: calc(4rem / 1.2);
    color: #fff;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    text-align: center;
    line-height: calc(4rem / 1.2);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #47527F;;
    overflow: hidden;
}

.news-list-pic2 .news-list-content-item a h6 {
	position: relative;
    margin-top: calc(-0.3rem / 1.2);
    height: calc(4rem / 1.2);
    color: #fff;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    text-align: center;
    line-height: calc(4rem / 1.2);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #899080;;
    overflow: hidden;
}


.news-list-pic2 .news-list-content-item a l1 {
	position: relative;
    margin-top: calc(-0.3rem / 1.2);
    height: calc(4rem / 1.2);
    color: #fff;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    text-align: center;
    line-height: calc(4rem / 1.2);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #617C39;;
    overflow: hidden;
}

.news-list-pic2 .news-list-content-item a l2 {
	position: relative;
    margin-top: calc(-0.3rem / 1.2);
    height: calc(4rem / 1.2);
    color: #fff;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    text-align: center;
    line-height: calc(4rem / 1.2);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #52808D;;
    overflow: hidden;
}


.news-list-pic2 .news-list-content-item a h1 {
	position: relative;
    margin-top: calc(-0.3rem / 1.2);
    height: calc(4rem / 1.2);
    color: #fff;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    text-align: center;
    line-height: calc(4rem / 1.2);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #538CBB;;
    overflow: hidden;
}


.news-list-pic2 .news-list-content-item a h2 {
	position: relative;
    margin-top: calc(-0.3rem / 1.2);
    height: calc(4rem / 1.2);
    color: #fff;
    font-size: calc(1.5rem / 1.2);
    font-weight: 500;
    text-align: center;
    line-height: calc(4rem / 1.2);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #6F3740;;
    overflow: hidden;
}


.news-list-text .news-list-content-item {
    width: 100%;
    height: calc(3.8rem / 1.2);
		background-image: url(/index/syxwbg-bg.jpg);
}

.news-list-text .news-list-content-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: calc(3rem / 1.2);
}

.news-list-text .news-list-content-item a:hover h3 {
    color: #4c88d1;
}

.news-list-text .news-list-content-item a h3 {
    float: left;
    width: 75%;
    color: #1c1a1a;
    font-size: calc(1.4rem / 1.2);
    font-weight: 500;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-list-text .news-list-content-item a span {
    float: right;
    width: 25%;
    color: #9a9898;
    font-size: calc(1.4rem / 1.2);
    text-align: right;
}