body{font-family: "Microsoft YaHei";}
.position{ background-color: #fff;}
/*新闻列表*/
.newsList{margin-top: 49px;}
.newsList ul{margin-left: -30px;}
.newsList li{ width: 380px;position: relative;margin-left: 30px;margin-bottom: 56px;}
.newsList li .newsImg a{ display: inline-block;overflow: hidden;}
.newsList li .newsImg { position: relative;}
.newsList li .newsImg a img{transition: all 0.6s;}
.newsList li .newsImg a img:hover{transform: scale(1.1);}
.newsList li .newsImg .bottomLine{ position: absolute;bottom: 0;left: 0;height: 5px;}
.newsInfo .date{ width: 45px;}
.newsInfo .date p{ text-align: center;font-family: Arial;}
.newsInfo .date .month{ font-size: 14px;color: #666;text-transform: uppercase;}
.newsInfo .date .day{ font-size: 30px;color: #1b9f96;}
.newsInfo .date .year{ font-size: 16px;color: #666;font-weight: 700;margin-top: 7px;}
.newsInfo{margin-top: 20px;}
.newsInfo .newsIntro a{width: 298px;display: inline-block;font-size: 16px;color: #333;letter-spacing: 0.7px;overflow: hidden;
     text-overflow: ellipsis;white-space: nowrap;font-weight:400;}
.newsInfo .newsIntro h3{font-weight:400;}
.newsInfo .newsIntro a:hover{ color: #1b9f96;}
.newsInfo .newsIntro p{ font-size: 14px;color: #666;width: 298px;letter-spacing: 1.2px;line-height: 18px;height: 36px;overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 13px;}
.newsInfo .newsIntro a.more{ font-size: 12px;color: #999;background: url(../images/ico_more.png) left center no-repeat;padding-left: 10px;
    position: absolute;right: 0;bottom: 5px;width: auto;font-family: simsun;}
.newsInfo .newsIntro a.more:hover{ color: #1b9f96;background: url(../images/ico_moreOn.png) left center no-repeat;}
.newsInfo .line{ margin: 0 19px 0 17px;}
/*分页*/
.page {height: 30px;text-align: center;width: auto;margin: 0 auto 79px;}

@media(max-width: 1240px) {
    .mycontainer{ width: 94%;margin: 0 auto;}
    .newsList ul{ margin-left: -2%;}
    .newsList li {width: 31.33%;margin-left: 2%;}
    .newsList li .newsImg a {width: 100%;}
    .newsList li .newsImg a img{ width: 100%;}
    .newsList li .newsImg .bottomLine{ width: 100%;}
    .newsInfo .date {width: 13%;}
    .newsInfo .line {margin: 0 5% 0 4%;}
    .newsInfo .newsIntro{ width: 77%;}
    .newsInfo .newsIntro a{ width: 100%;}
    .newsInfo .newsIntro p{ width: 100%;}
}
@media(max-width: 999px) {
    .newsList li{margin-bottom: 33px;}
    .newsInfo .date {width: 18%;}
    .newsInfo .line {margin: 0 4% 0 3%;}
    .newsInfo .newsIntro{ width: 74%;}
}
@media(max-width: 768px) {
    .newsInfo .newsIntro p{ font-size: 12px;margin-top: 9px;}
    .newsList ul{ margin-left: -4%;}
    .newsList li {width: 46%;margin-left: 4%;}
}
@media(max-width: 480px) {
    .newsList ul{ margin-left: 0;}
    .newsList li{ width: 100%;margin-left: 0;}
    /*分页*/
    .page{margin: 0 auto 67px;}
}