.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: #a2062b;
}

.pt {
    padding-top: 190px;
	padding-bottom: 152px;
}

.main > .title {
    padding: 0 0 80px;
    font-size: 35px;
    color: #373737;
    font-weight: bold;
}

.main .ul .li {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.main .ul .li > img {
    display: block;
}

.main .ul .li .detial {
    position: absolute;
    max-width: 530px;
    left: 80px;
    bottom: 20%;
    color: white;
    font-size: 14px;
}

.main .ul .li .detial .title {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
}

.main .ul .li .detial .txt {
    line-height: 20px;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.proejct_view {
    padding-top: 190px;
    padding-bottom: 152px;
    color: #373737;
	overflow:hidden;
}

.proejct_view .txt {
    max-width: 970px;
    width: 100%;
}

.proejct_view .title {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 60px;
	text-transform:uppercase
}

.proejct_view .detail {
    margin-bottom: 70px;
	line-height:24px;
    font-size: 18px;
}

.proejct_view .putImg img {
    display: block;
    max-width: 100%;
}

.proejct_view .other .otherTitle {
    margin: 145px auto 35px;
    font-size: 30px;
    font-weight: bold;
}


.news_view_main {
    padding-top: 190px;
    padding-bottom: 152px;
}

.news_view_main .head {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
}

.news_view_main .head .title {
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: bold;
    color: #191919;
}


.news_view_main .head .date {
    color: #bdbdbd;
}


.news_view_main .detail {
    width: 100%;
    margin: 145px auto 0;
    padding: 0 170px 110px;
    box-sizing: border-box;
    font-size: 17px;
    color: #bdbdbd;
	line-height:24px;
    border-bottom: 1px solid #ededed;
}

.news_view_main .detail img{ width: auto !important; height:auto !important}
.putImg { overflow: hidden; width:104%;}
.putImg a{ width:23%; margin-right:1%; margin-bottom:1%;}
.putImg a.clear{ margin-right:0;}

@media (max-width:1024px){
.pt,.news_view_main{ padding-top:15%; padding-bottom:15%;}
.main > .title{ padding-bottom:10%;}
.putImg a{ width:31%; margin-right:1%;}
.proejct_view .other .otherTitle{ margin-top:20%;}
}

@media (max-width:768px){
.pt,.news_view_main{ padding-top:20%;}
.news_view_main .detail{ margin:10% 0; padding:0 0 10% 0;}
.news_view_main .head .title{ font-size:30px;}
.main .ul .li > img{ max-width:130%; margin-left:-15%;}
.main .ul .li{ overflow:hidden;}
.main .ul .li .detial{ bottom:15%;}
.proejct_view .title{ font-size:40px;}
.putImg a{ width:47.5%; margin-right:1%;}
}

@media (max-width:640px){
.main .ul .li .detial{ left:0; right:0; margin:0 auto; padding-left:15px; padding-right:15px;}
}

@media (max-width:480px){
.pt,.news_view_main{ padding-top:30%;}
.news_view_main .head .title{ font-size:25px;}
.news_view_main .detail{ font-size:15px; line-height:22px;}
.main .ul .li .detial .txt{-webkit-line-clamp: 2;}
.main .ul .li .detial .title{ font-size:20px;}
.main .ul .li > img{ max-width:150%; margin-left:-25%;}
.main > .title{ font-size:22px;}
.proejct_view .title{ font-size:30px;}
.proejct_view .detail{ font-size:14px; line-height:22px;}
.putImg a{ width:100%; margin-bottom:2%; margin-right:0;}
.putImg{ width:100%;}
}