.news_view .news_main {
    max-width: 997px;
    margin: 0 auto;
    padding: 120px 0;
}

.news_view .news_main .title {
    font-size: 35px;
    line-height: 40px;
}

.news_view .news_main .time {
    margin: 40px auto 110px;
    font-size: 15px;
}

.news_view .news_main .txt {
    font-size: 15px;
    line-height: 25px;
    color: #686868;
}

.news_view .news_main .txt img{ width:auto !important; height:auto !important}

.news_view .news_main img {
    max-width: 100%;
    margin: 0 auto;
}

.news_view .btm {
    padding: 75px 0 260px;
    text-align: center;
    border-top: 1px solid var(--black);
}

.news_view .btm a {
    display: inline-block;
    margin: 0 105px;
    font-size: 14px;
    line-height: 25px;
}

.news_view .btm a:hover {
    text-decoration: underline;
}



.news_top .title {
	text-transform:uppercase;
    margin: 100px 0 85px;
    font-size: 60px;
    line-height: 1;
    color: var(--black);
}

.news_top .tabLine {
    border-bottom: 1px solid black;
}

.news_top .tabLine .tab {
    display: inline-block;
    margin-right: 120px;
    color: #686868;
    cursor: pointer;
}

.news_top .tabLine .tab a{color: #686868;}

.news_top .tabLine .tab.active a{
    color: var(--black);
}

.news_top .tabLine .tab.active::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: 15px auto 3px;
    border: 5px solid transparent;
    border-top-color: var(--black);
}

.news .news_main {
    padding-top: 60px;
    padding-bottom: 110px;
	width:101%;
}

.news .news_main .item {
   width: calc((100% - 136px) / 3);
    padding-bottom: 110px;
	float:left; 
}

.news .news_main .item .putImg {
    overflow: hidden;
}

.news .news_main .item img {
    transition: all .33s;
	display:block;
	width:100%;
}

.news .news_main .item:hover {
    text-decoration: underline;
}

.news .news_main .item:hover img {
    transform: scale(1.2);
}

.news .news_main .item:not(:nth-child(3n)) {
     /*margin-right: 1.5%; */
}

.news .news_main .item .date {
    margin: 40px 0 35px;
    font-size: 50px;
    color: var(--black);
}

.news .news_main .item .date span {
    font-size: 30px;
}

.news .news_main .item .title {
    font-size: 22px;
    line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .news_main .item .txt {
    margin: 35px 0 25px;
    font-size: 15px;
    line-height: 20px;
    color: #686868;
        overflow: hidden;
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news .news_main .item .more {
    line-height: 20px;
    font-size: 15px;
    color: var(--black);
}


@media (max-width:1600px){
.news .news_main .item{width: calc((94% - 36px) / 3);}
}

@media (max-width:1024px){
.news_top .title{ margin:10% 0 7.5%; font-size:30px; line-height:35px;}
.news .news_main .item .date{ font-size:40px;}
.news .news_main .item .date span{ font-size:26px;}
.news .news_main .item .title{ font-size:18px; line-height:25px;}
.news .news_main .item{width: calc((91% - 36px) / 3);}
.news .news_main,.news_view .news_main{ padding:10% 0 15%;}
.news .news_main .item{ padding-bottom:15%;}
}


@media (max-width:768px){
.news .news_main .item{width: calc((95% - 36px) / 2);}
.news_view .btm a{ margin:0 5%;}
.news_view .btm{ padding:10% 0 20%;}
.news_view .news_main .time{ margin:5% 0 10%;}
}

@media (max-width:640px){
.news .news_main .item{width:100%;}
.news_view .news_main .title{ font-size:30px;}
.news .news_main .item .date{ font-size:28px;}
.news .news_main .item .date span{ font-size:20px;}
.news .news_main .item .txt,.news_view .news_main .txt{ font-size:14px;}
.news .news_main .item .title{ font-size:16px; line-height:20px;}
.news .news_main .item{ padding-bottom:10%;}
}