.app-main-content { top: 0 }

.news-container { margin-top: 70px; padding-right: 0px; padding-left: 0px; }

.news-content { margin: 30px auto 0; overflow: hidden; }

.news-content-list { background-color: #fff; margin-bottom: 30px; }

.news-label-content { }

.news-pager { text-align: center }

.pager > li > a, .pager > li > span { margin-right: 10px; }

.news-top-bg { height: 200px; background: url(/images/news-bg.jpg) no-repeat; background-size: cover; }

.news-search { text-align: center; width: 600px; margin: auto; padding-top: 30px; }

@media screen and (max-width: 760px) {
    .news-search { width: 95%; }
}

.news-search > h1 { margin-bottom: 30px; text-align: left; color: #fff }

.news-search .input-group { padding: 6px 12px 6px 12px; background-color: #fff; border-radius: 6px; }

.news-search .input-group .input-group-addon { background: none; border: 0; color: #988c8c; }

.news-search .form-text { height: 46px; border: 0; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; outline: none; font-size: 16px }

.news-search .btn { height: 40px; width: 100px; font-size: 18px; }

.news-search .form-control.focus, .news-search.form-control:focus { -webkit-box-shadow: none !important; box-shadow: none !important }

.news_kx { border: 1px solid #e1e1e1; background: #fff; position: relative; margin-right: 12px; padding: 20px; margin-bottom: 40px; }

.news_kx:before { position: absolute; content: ""; border: 1px solid #e1e1e1; right: -6px; top: 6px; width: 100%; height: 100%; background: #fff; z-index: -1; }

.news_kx h2 { width: 140px; height: 40px; padding-right: 20px; line-height: 40px; background: #16499d; color: #fff; font-size: 15px; font-weight: normal; text-align: center; border-radius: 0 20px 20px 0; margin-left: -20px; }

.news_kx ul { margin: 30px 0 0; }

.news_kx li { padding: 0 0 24px 30px; position: relative; font-size: 14px; line-height: 20px; }

.news_kx li:before { content: ""; background: #e1e1e1; width: 1px; height: 100%; left: 7px; top: 7px; position: absolute; }

.news_kx li i { position: absolute; left: 2px; top: 4px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #16499d; border: #a2b6d8 2px solid; }

.news_kx li span { display: block; font-size: 12px; color: #999; margin-top: 10px; }

.news-label-hot { border-radius: 2px; border: 1px solid #e1e1e1; margin-top: 16px; padding: 5px 20px 30px; overflow: hidden; margin-bottom: 30px; }

.news-hot-title { position: relative; font-size: 18px; margin: 15px 0 0 0; }

.news-hot a:hover { text-decoration: none !important }

.news-label-hot ul { list-style: none }

.news-label-hot ul > li { border-radius: 2px; width: 46%; float: left; text-align: center; line-height: 40px; border: 1px solid #e1e1e1; margin-top: 16px; font-size: 14px; }

.news-label-hot ul > li:nth-child(even) { float: right; }

.news-label-hot ul > li > a { text-decoration: none; color: #333; width: 100%; height: 100%; display: block }

.news-label-hot ul > li > a:hover { background: #2F82FF; color: #fff }

.news-label-hot ul > li > a.active { background: #2F82FF; color: #fff }

.news-hot { border-radius: 2px; border: 1px solid #e1e1e1; margin-top: 20px; padding: 5px 20px 0; overflow: hidden; margin-bottom: 30px; }

.news-hot ul { list-style: none; margin-bottom: 0px }

.news-hot ul > li { position: relative; margin: 24px 0; overflow: hidden; }

.news-hot li i { width: 120px; height: 70px; display: inline-block; overflow: hidden; float: left; margin-right: 12px; border-radius: 2px; }

.news-hot li i img { width: 100%; min-height: 100%; transition: .5s; float: left; border-radius: 6px }

.news-hot li em { position: absolute; top: 0; left: 0; height: 17px; width: 21px; color: #ccc; font-size: 12px; font-style: normal; text-align: center; background: rgba(0,0,0,.5); border-radius: 2px 0 0; z-index: 99; }

.news-hot li:nth-child(1) em { background: #f95456; }

.news-hot li:nth-child(1) em, .news-hot li:nth-child(2) em, .news-hot li:nth-child(3) em { color: #fff; }

.news-hot li h2 { font-size: 14px; color: #333; font-weight: normal; line-height: 20px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-top: 0px; margin-bottom: 0px }

.news-hot li span { font-size: 12px; color: #b3b2b2; position: absolute; display: block; left: 135px; bottom: 0; }

.news-hot li:hover img { transform: scale(1.1); }

.blogs { list-style: none; padding: 0; margin: 0 }

.blogs_list { overflow: hidden; position: relative; transition: all .8s; padding: 20px 10px 20px 0; border-bottom: 1px dashed #e5e5e5; }

.blogs_list > a { text-decoration: none !important }

.blogs_list > a:hover { text-decoration: none !important }

.blogs_list:hover { box-shadow: 0px 12px 8px -12px #c0bebe; }

.blogs_list i { display: block; width: 22rem; height: 120px; background: #ccc; overflow: hidden; float: left; margin-right: 20px; }

.blogs_list i img { width: 100%; min-height: 100%; transition: all .6s; border-radius: 8px }

.blogs_list i img:hover { transform: scale(1.1); border-radius: 8px }

.blogs_list h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 6px; line-height: 28px; font-size: 16px; color: #333; margin-top: 0; text-decoration: none !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; }

.blogs_list h2:hover { background: #f5f5f5 }

.blogs_list p { color: #737373; line-height: 20px; font-size: 14px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }

.blogs_writer { color: #333; margin: 0 5px 0 10px; font-size: 12px; position: absolute; left: 218px; bottom: 22px; }

.blogs_time { color: #b3b2b2; position: relative; }

.blogs_tags { float: right; position: absolute; right: 0; bottom: 15px; }

.blogs_tags a { max-width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin: 5px 5px 0 0; padding: 1px 7px; height: 18px; color: #16499d; background: #d2e3fe; border-radius: 10px; line-height: 18px; font-size: 12px; }

.article-content img, .article > .content img { border-radius: 10px }


.news-conten-detaill iframe { width: 100% !important }

@media screen and (max-width: 760px) { .blogs_list i { width: 14rem; height: 80px; }
}