.news{width: 100%; float: left;margin:60px 0 70px}
.news .wrap{width:1200px;margin: 0 auto;}
.news .messageList {width: 100%; float: left;transition: 0.6s 0.4s;border-top: 1px solid #cacaca;margin-bottom: 50px}
.news .messageList ul li .item {width: 100%; display: flex;align-items: center;padding:15px 0;letter-spacing: 0.5px;}
.messageList ul li {opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.messageList ul li.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.news .messageList ul li .item .date {color: #626262;font-size: 16px;padding-right: 15px;min-width: 120px;}
.news .messageList ul li .item .newIcon {min-width: 100px;text-align: center;background: #5a8987;color: #fff;padding: 0 12px; line-height: 28px;margin-right: 15px;transition: 0.6s; font-size: 15px;}
.news .messageList ul li .item h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;}
.news .messageList ul li:hover .date {color: #a86828;}
.news .messageList ul li:hover .newIcon {background: #a86828;}
.news .messageList ul li:hover h3 a {color: #a86828;}
.news .messageList ul li .item:after{content: "";display: block;line-height: 0;clear: both;}
.news-title {width: 100%;float: left; text-align: center; margin-bottom:50px;}
.news-title h2{font-size:32px; margin-bottom: 12px;font-weight: 500;letter-spacing: 0.1em;text-indent: 0.1em}
.news-title h3{font-size:18px; color: #777;}
.news-line{width:100%;float: left; height: 1px;background-color:#cacaca;margin:0}

@media only screen and (max-width: 1600px) {
.news{margin:50px 0 60px}
.news .wrap{width:1160px;margin: 0 auto;}
}
@media only screen and (max-width: 1200px) {
.news{margin:40px 0 55px}
.news .wrap{width:88%}
.news .messageList{margin-bottom: 40px}
.news-title {margin-bottom:40px;}	
}

@media only screen and (max-width: 980px) {
.news{margin:30px 0 45px}
.news-title {margin-bottom:30px;}
.news-title h2{font-size:28px;}
.news-title h3{font-size:20px;}
.news .messageList {margin-bottom:35px}
}
@media only screen and (max-width: 550px) {
.news{margin-bottom:35px}
.news-title {margin-bottom:15px;}
.news-title h2{font-size:24px;margin-bottom:4px;}
.news-title h3{font-size:16px;}
.news .messageList {margin-bottom:25px}
.news .messageList ul li .item{display:block;padding:15px 0;}
.news .messageList ul li .item .date {width:25%;float: left;}
.news .messageList ul li .item .newIcon {width: 25%;float: left;}
.news .messageList ul li .item h3{width: 100%;float: left; overflow: auto; text-overflow: inherit; white-space: normal;margin-top: 10px;line-height: 1.7em}
}