.series {
	text-transform:uppercase;
	margin-bottom: 5%;
}

.series a {
    display: inline-block;
    margin-right: 70px;
}

.series a {
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
}

.series a.on,.series a:hover {
    color: var(--themaColor2);
}


.newsWrapper > p {
	text-transform:uppercase;
    margin-top: 70px;
    margin-bottom: 65px;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
}

.newsWrapper ul {
    padding-bottom: 140px;
}

.newsWrapper ul li {
    margin-bottom: 30px;
}

.newsWrapper ul li a {
    display: flex;
    align-items: middle;
    background-color: #f2f2f2;
    justify-content: space-between;
}

.newsWrapper ul .leftPic {    
    max-width: 330px;
    width: 100%; 
    overflow: hidden;
	    min-height: 339px;
}

.newsWrapper ul .leftPic img {
    transition: all .3s;
    transform: scale(1);
}

.newsWrapper ul a:hover .leftPic img {
    transform: scale(1.2);
}

.newsWrapper ul .rightTime {
    max-width: 330px;
    width: 100%;
    font-size: 15px;
    padding-top: 110px;
    padding-left: 80px;
    text-align: center;
    color: #bdbdbd;
    box-sizing: border-box;
}

.newsWrapper ul .rightTime p.year {
    margin-bottom: 15px;
    font-size: 50px;
}

.newsWrapper ul .midTxt {
    max-width: 780px;
    width: 100%;
    padding-top: 55px;
    padding-left: 70px;
    box-sizing: border-box;
}

.newsWrapper ul .midTxt .title {
    font-size: 30px;
    font-weight: bold;
    transition: all .3s;
}

.newsWrapper ul .midTxt .txt {
    height: 105px;
    margin: 30px 0;    
    line-height: 25px;
    font-size: 17px;    
    color: #bdbdbd;
    transition: all .3s;
}

.newsWrapper ul .midTxt .more {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: var(--themaColor2);
    border-bottom: 1px solid var(--themaColor2);
}

.newsWrapper ul a:hover .title{
    color: var(--themaColor2);
}

.newsWrapper ul a:hover .txt {color: black;text-decoration:underline}

.newsWrapper ul a:hover .rightTime {
    color: var(--themaColor2);
}


/* 详情页 */

.news_view {
    padding: 85px 0 200px;    
}

.news_view .sctn {    
    border-bottom: 1px solid #ededed;
}

.news_view .head {
    max-width: 750px;
    margin: 0 auto;
    text-align: left;
}

.news_view .head .title {
    line-height: 40px;
    font-size: 35px;
    font-weight: bold;
}

.news_view .head .time {
    margin-top: 10px;
    font-size: 15px;
    color: #bdbdbd;
}

.news_view .detail {
    max-width: 1045px;
    margin: 130px auto 100px;
    line-height: 25px;
    font-size: 17px;
    color: #bdbdbd;    
}



@media (max-width:1366px) {


}


@media (max-width:1024px) {
.newsWrapper ul .rightTime{ padding-left:0; max-width:200px;}
.newsWrapper ul .midTxt .title{ font-size:24px;}
.newsWrapper ul .midTxt .txt{ font-size:15px; line-height:22px;}
}


@media (max-width:768px) {
.newsWrapper ul .rightTime{ display:none}
.newsWrapper ul .midTxt{ padding-right:5%;}
.newsWrapper ul .midTxt .txt{-webkit-line-clamp: 5;overflow: hidden;-webkit-box-orient: vertical;}
.news_view .detail{ margin:10% 0;}
.news_view .head .title{ font-size:30px; line-height:35px;}
.news_view{ padding:10% 0 20% 0;}
}


@media (max-width:640px) {
.newsWrapper ul .midTxt .title{ font-size:18px;}
.newsWrapper ul .midTxt .txt{-webkit-line-clamp:3;}
.newsWrapper ul .midTxt{ padding:5%;}
.newsWrapper ul .midTxt .txt{ font-size:14px;}
}


@media (max-width:480px) {
.newsWrapper ul li a{ display:block}
.newsWrapper ul .leftPic,.newsWrapper ul .leftPic img{ max-width:100%;width:100%;}
.newsWrapper ul .midTxt{ padding:10% 10% 5% 10%;}
.newsWrapper ul .midTxt .txt{ font-size:13px; line-height:20px;}
.newsWrapper ul .rightTime{ display:block; margin:0 auto;padding:0 0 10% 0; overflow:hidden;}
.newsWrapper ul .rightTime p.year{ font-size:40px; margin-bottom:0}
.newsWrapper > p{ font-size:22px; margin:10% 0;}
.newsWrapper ul{ padding-bottom:15%;}
.news_view .head .title{ font-size:24px; line-height:30px;}
.news_view .detail{ font-size:14px; line-height:22px;}
}