.news-box { margin-top: 40px; margin-bottom: 30px; }
.news-box .box-head { position: relative; }
.news-box .box-head::before { content: ''; height: 0; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; border-bottom: 1px solid #efefef; margin: auto; }
.news-box .box-head .head-name { font-size: 24px; color: #323232; background: #FFFFFF; padding-right: 10px; z-index: 2; position: relative; }
.news-box .box-head .head-more a { z-index: 2; position: relative; display: block; width: 96px; height: 38px; background-color: #9399a2; color: #FFFFFF; text-align: center; line-height: 38px; font-size: 12px; border-radius: 19px; }
.news-box .box-desc { font-size: 16px; color: #666666; font-weight: 100; }
.news-box .box-container { padding-top: 40px; }

.detail-page { padding-top: 30px; }
.detail-page .detail-left { width: 830px; float: left; }
.detail-page .detail-left .news-title { font-size: 20px; }
.detail-page .detail-left .news-meta { padding: 12px 0; color: #8f959f; line-height: 26px; border-bottom: 1px solid #EEEEEE; }
.detail-page .detail-left .news-meta p.news-view { margin-left: 50px; }
.detail-page .detail-left .news-meta p span { margin-left: 5px; }
.detail-page .detail-left .news-content { padding: 20px; line-height: 26px; }
.detail-page .detail-left .news-content img, .detail-page .detail-left .news-content iframe, .detail-page .detail-left .news-content video { max-width: 100%; }
.detail-page .detail-left .news-content table { width: 100%; }
.detail-page .detail-right { width: 410px; float: right; }

.news-list-6 .news-item { margin-bottom: 15px; }
.news-list-6 .news-item .news-img { width: 100px; float: left; border-radius: 5px; overflow: hidden; }
.news-list-6 .news-item .news-info { width: calc(100% - 120px); float: right; }
.news-list-6 .news-item .news-info .news-title { line-height: 24px; }
.news-list-6 .news-item .news-info .news-time { color: #cccccc; }
.news-list-6 .news-item .news-info .news-time span { margin-left: 10px; display: inline-block; vertical-align: middle; }

.news-list-7 .news-item { line-height: 32px; padding-left: 15px; display: block; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list-7 .news-item .news-title { float: left; width: calc(100% - 150px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list-7 .news-item .news-time { float: right; width: 120px; color: #cccccc; text-align: right; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list-7 .news-item::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: CurrentColor; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; }
.news-list-7 .news-item:hover { color: #dd3834; }
.news-list-7 .news-item:hover .news-title { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); }
.news-list-7 .news-item:hover .news-time { color: #666666; }
.news-list-7 .news-item::after { content: ''; display: block; height: 0; clear: both; }

.newsPage { line-height: 28px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #dddddd; color: #666666; }
.newsPage .prev-next { flex: 0 0 90%; max-width: 90%; }
.newsPage .page-a { flex: 0 0 50%; max-width: 50%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.newsPage .backlist { flex: 1; position: relative; }
.newsPage .backlist a { position: relative; }
.newsPage .backlist a::after { content: ''; width: 18px; height: 12px; display: inline-block; vertical-align: middle; margin-left: 15px; background: url("../Image/icon-back.png") center no-repeat; }