main{background:#272730}.main-banner{background:#fff}.main-banner .main-banner-img{background-image:url(../img/news/banner.jpg);text-align:center}.news{position:relative;text-align:center;padding:40px 0}.news .news-area{max-width:1160px;margin:0 auto;padding:20px;-webkit-animation-delay:1.1s;animation-delay:1.1s}.news .news-area .news-item{display:block;width:23%;margin-bottom:10px;padding:7px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.6);box-shadow:0 2px 5px rgba(0,0,0,0.6);border-radius:4px;text-decoration:none;overflow:hidden;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.news .news-area .news-item .news-item-img{overflow:hidden;-webkit-transition:all 0.5s;transition:all 0.5s}.news .news-area .news-item .news-item-img img{-webkit-transition:all 0.4s;transition:all 0.4s}.news .news-area .news-item .news-item-content{padding:20px;word-break:break-all}.news .news-area .news-item .news-item-content h3{color:#222;font-size:1.2em;margin-bottom:20px;line-height:1.43;text-align:left}.news .news-area .news-item .news-item-content p{color:#999;font-size:14px;text-align:justify;margin-bottom:20px}.news .news-area .news-item .news-item-content .news-item-date{font-size:14px;float:left;color:#d10f71}.news .news-area .news-item .news-item-content .news-item-more{font-size:14px;float:right;color:#5AC7C7}.news .news-area .news-item:hover{background:#1b9696}.news .news-area .news-item:hover .news-item-img{background:#fff}.news .news-area .news-item:hover .news-item-img img{opacity:0.85;-webkit-transform:scale(1.2);transform:scale(1.2)}.news .news-area .news-item:hover .news-item-content{padding:20px;word-break:break-all}.news .news-area .news-item:hover .news-item-content p{color:#fff}.news .news-area .news-item:hover .news-item-content .news-item-more{-webkit-animation:move 0.5s;animation:move 0.5s;color:#fff}@-webkit-keyframes move{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;color:#fff}}@keyframes move{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;color:#fff}}.news-page{display:inline-block;width:100%;max-width:900px;margin:500px auto 0;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.6);box-shadow:0 2px 5px rgba(0,0,0,0.6);border-radius:4px;overflow:hidden;-webkit-animation-delay:1s;animation-delay:1s}.news-page .news-page-area{position:relative;padding:1em 1em 1.5em;word-break:break-all}.news-page .news-page-area .news-page-share{text-align:right;color:#a8a8a8}.news-page .news-page-area .news-page-share a{display:inline-block;vertical-align:middle;font-size:2.2em;line-height:1.2;margin-bottom:5px;color:#5AC7C7;text-decoration:none;-webkit-transition:all 0.5s;transition:all 0.5s}.news-page .news-page-area .news-page-share a:hover{color:#1b9696}.news-page .news-page-area .news-page-date{position:absolute;right:0;top:-130px;height:150px;z-index:200;padding:15px 20px;text-align:right}.news-page .news-page-area .news-page-date p{font-family:'Times New Roman', serif;margin:0;padding:0;text-shadow:0 2px 5px rgba(0,0,0,0.6)}.news-page .news-page-area .news-page-date p.year{font-size:1.2em;color:#fff;margin-bottom:12px;padding-right:3px}.news-page .news-page-area .news-page-date p.month{display:inline-block;vertical-align:top;margin-top:-20px;margin-right:0px;font-size:1.8em;color:#1b9696}.news-page .news-page-area .news-page-date p.date{display:inline-block;vertical-align:top;margin-top:-20px;margin-right:2px;font-size:4.2em;font-weight:600;color:#d10f71}.news-page .news-page-area h3{font-size:1.43em;font-weight:600;color:#222;text-align:left;margin-bottom:1.3em}.news-page .news-page-area .news-page-content{text-align:justify;margin-bottom:20px;letter-spacing:1px}.news-page .news-page-area .news-page-back{display:block;float:right;padding:10px 50px;background:#5AC7C7;color:#fff;font-size:1.1em;border-radius:4px;text-decoration:none;-webkit-transition:background-color 0.5s;transition:background-color 0.5s}.news-page .news-page-area .news-page-back:hover,.news-page .news-page-area .news-page-back:focus{background:#1b9696}@media screen and (max-width: 1024px){.news-page{max-width:700px}}@media screen and (max-width: 768px){.news{padding:30px 0 20px}.news .news-area .news-item{width:auto;left:10px !important;right:10px}.news-page{max-width:90%;margin:430px auto 0}}
/*# sourceMappingURL=news.css.map */