@charset "utf-8";
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.search_wrap { width: 100%; }
.section { width: 84%; max-width: 1320px; position: relative; margin: 0 auto; text-align: left; padding-left: 15px; }
.left-auto { position: relative; display: block; margin: 0 275px 0 0; overflow: hidden; _zoom: 1; }
.right-260 { position: relative; display: block; float: right; width: 260px; overflow: hidden; }
.bg-wrap { margin: 0; padding: 0; background: #fff; }
.bg-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bg-wrap.nobg { background: none; }
.sidebar-box { margin: 0 0 15px; padding: 20px 0px 20px 20px; background: #fff; }
.sidebar-box h4 { margin: 0; padding: 0 0 15px; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 16px; font-weight: 300; line-height: 20px; }
.sidebar-box .txt-list li { margin-top: 15px; line-height: 20px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sidebar-box .txt-list li label { display: inline-block; margin: 0 5px 0 0; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; font-weight: 400; text-align: center; background: #999; border-radius: 2px; vertical-align: middle; }
.sidebar-box .txt-list li label.hot { background: #d70029; }
.sidebar-box .txt-list li a { line-height: 20px; }
.sidebar-box .side-img-list { padding-bottom: 0; }
.sidebar-box .side-img-list li { padding: 10px 0; }
.sidebar-box .tags-box { margin: 0 0 0 -10px; }
.sidebar-box .tags-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sidebar-box .tags-box a { display: block; float: left; margin: 10px 0 0 10px; padding: 5px; color: #555; font-size: 12px; line-height: 20px; border: 1px solid #f0f0f0; }
.sidebar-box .tags-box a:hover { border-color: #34ad2a; }
.tags-box a i { margin-left: 2px; color: #999; font-style: normal; }
.search-tit { display: block; margin: 0 30px 0 0px; padding-top: 5px; line-height: 38px; border-bottom: 1px solid #f0f0f0; }
.search-tit h3 { display: inline-block; color: #333; font-size: 16px; font-weight: normal; }
.search-tit span { margin-left: 15px; color: #999; font-size: 14px; }
.search-tit span strong { margin: 0 2px; color: #1e7bb3; font-weight: 600; }

/*图文列表样式*/
.n-list { padding: 15px 30px 10px 0px; }
.n-list li { display: block; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.n-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.n-list li h2 { padding: 15px 0 15px; font-size: 18px; line-height: 24px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.n-list li h2 a { color: #333; text-decoration: none; }
.n-list li h2 a:hover { color: #8CAC52; }
.n-list li .note b { position: relative; display: block; float: left; margin-right: 16px; width: 118px; height: 118px; border: 1px solid #e8e8e8; font-style: normal; overflow: hidden; }
.n-list li .note b img { min-width: 100%; min-height: 100%; width: 100%; _height: 100%; }
.n-list li .note p { display: block; font-size: 14px; max-height: 84px; line-height: 28px; font-weight: 500; color: #666; overflow: hidden; }
.n-list li .note .info { padding-top: 10px; height: 20px; line-height: 20px; }
.n-list li .note .info span { margin-right: 10px; color: #999; font-size: 12px; }
.n-list li .note .info span i { margin-right: 3px; font-size: 12px; }
.n-list .nodata { margin-top: 30px; color: #666; font-size: 14px; line-height: 100px; text-align: center; }
.side-img-list { text-align: left; padding: 10px 0 11px 0; background: #fff; }
.side-img-list li { display: block; padding: 10px 15px; }
.side-img-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.side-img-list li .img-box { position: relative; float: left; width: 60px; height: 60px; overflow: hidden; }
.side-img-list li .img-box label { position: absolute; top: 1px; left: 1px; display: block; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; font-weight: normal; text-align: center; background: #666; }
.side-img-list li:first-child .img-box label { background: #d70029; }
.side-img-list li .img-box img { margin: 0; padding: 0; border: 1px solid #ebebeb; width: 58px; height: 58px; }
.side-img-list li .txt-box { display: block; margin-left: 75px; font-size: 12px; }
.side-img-list li .txt-box a { display: block; height: 40px; line-height: 20px; overflow: hidden; }
.side-img-list li .txt-box span { display: block; color: #999; height: 20px; line-height: 20px; }

/*内容标题样式*/
.meta { margin: 0; padding: 30px 30px 0 0px; }
.meta:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.meta h2 { margin: 0 0 20px; padding: 0; color: #333; font-size: 24px; font-weight: 300; line-height: 1em; }
.meta .info { margin: 0 0 10px; }
.meta .info span { margin-right: 10px; color: #b0b0b0; font-size: 12px; line-height: 14px; }
.meta .info span i { margin-right: 5px; display: inline-block; font-size: 14px; }
.meta .note { margin-top: 10px; padding: 15px 20px; background: #f5f5f5; line-height: 22px; color: #757575; font-size: 12px; }

/*内容详细样式*/
.entry { margin-top: 20px; padding: 0 30px 15px 0px; font-size: 14px; line-height: 2em; word-wrap: break-word; }
.entry img { max-width: 100% !important; height: auto !important; }
.entry h2, .entry h3, .entry h4 { margin: 0.8em auto; padding-bottom: 5px; border-bottom: 1px solid #f6f6f6; color: #333; }
.entry h2 { font-size: 1.2em; }
.entry h3, .entry h4 { font-size: 1.1em; }
.entry strong { color: #DC2523; }
.entry ul, .entry ol { margin: 1em; padding: 0; }
.entry li { margin-left: 1em; }
.entry ul li { list-style: disc outside none; }
.entry ol li { list-style: decimal outside none; }
.entry p { display: inherit; margin: 1em 0; color: #333; word-wrap: break-word; }
.entry a { text-decoration: underline; }
.entry code { display: block; padding: 0.5em; background: #eee; border-radius: .5em; color: #777; font-family: 'courier new'; font-size: 12px; line-height: 1.7em; }
.entry table { margin: 10px auto; border-left: 1px solid #eee; border-top: 1px solid #eee; }
.entry table th { background: #F9F9F9; text-align: center; }
.entry table td, .entry table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 0.35em 0.5em; }
.entry video { width: 100%; }

/*上下一条样式*/
.next-box { position: relative; padding: 10px 30px 20px 0px; line-height: 20px; color: #444; font-size: 14px; }
.next-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.next-box p { display: block; width: 49%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.next-box p a { color: #428bca; }
.next-box p.prev { float: left; }
.next-box p.next { float: right; }

/*文章评论样式*/
.comment-box { position: relative; padding: 0 30px 20px; }
.comment-box .form-box { margin: 0; padding: 15px 0; }
.comment-box .form-box .avatar-box { display: block; float: left; margin: 0; padding: 0; width: 55px; height: 55px; border: 0; border-radius: 55px; background: #fafafa; overflow: hidden; }
.comment-box .form-box .avatar-box i { color: #999; font-size: 55px; line-height: 1.2em; }
.comment-box .form-box .avatar-box img { width: 100%; height: 100%; }
.comment-box .form-box .conn-box { position: relative; margin-left: 70px; }
.comment-box .form-box .conn-box .editor { position: relative; margin-right: 18px; }
.comment-box .form-box .conn-box .editor textarea { display: inline; margin: 0; padding: 8px; width: 100%; height: 80px; border: 1px solid #e8e8e8; line-height: 20px; }
.comment-box .form-box .conn-box .subcon { padding-top: 15px; color: #999; font-size: 12px; }
.comment-box .form-box .conn-box .subcon .submit { float: right; display: inline-block; padding: 0 20px; height: 36px; line-height: 34px; color: #fff; font-size: 12px; background: #38f; vertical-align: middle; cursor: pointer; }
.comment-box .form-box .conn-box .subcon strong { color: #333; font-weight: normal; }
.comment-box .form-box .conn-box .subcon .code { margin-right: 5px; padding: 7px; width: 80px; height: 20px; line-height: 20px; border: 1px solid #e8e8e8; }
.comment-box .form-box .conn-box .subcon a img { vertical-align: middle; }
.comment-box .list-box li { padding: 17px 0; border-top: 1px solid #f7f7f7; }
.comment-box .list-box li .avatar-box { display: block; float: left; margin: 0; padding: 0; width: 55px; height: 55px; border: 0; border-radius: 55px; background: #fafafa; overflow: hidden; }
.comment-box .list-box li .avatar-box i { color: #999; font-size: 55px; line-height: 1.2em; }
.comment-box .list-box li .avatar-box img { width: 100%; height: 100%; }
.comment-box .list-box li .inner-box { position: relative; margin-left: 70px; }
.comment-box .list-box li .inner-box .info { padding-bottom: 3px; }
.comment-box .list-box li .inner-box .info span { margin-right: 5px; color: #999; font-size: 12px; }
.comment-box .list-box li .inner-box p { color: #333; font-size: 14px; line-height: 1.8em; }
.comment-box .list-box li .answer-box { clear: both; margin: 10px 0 0 70px; padding: 10px; background: #fafafa; border: 1px solid #e6e6e6; border-radius: 3px; }
.comment-box .list-box li .answer-box .info { margin-bottom: 5px; padding: 0; color: #1e7bb3; font-size: 12px; border: none; }
.comment-box .list-box li .answer-box .info span.right { float: right; color: #999; }
.comment-box .list-box li .answer-box p { color: #555; font-size: 14px; line-height: 1.8em; }
.rel-box { position: relative; padding: 0 30px 0 0; }
.rel-box .rel-list { margin: 0 0 15px 0; }

/*相关列表样式*/
.rel-list { margin-top: -15px; }
.rel-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.rel-list .nodata { color: #999; font-size: 14px; line-height: 50px; }
.rel-list li { display: block; float: left; margin: 15px auto 0 0; padding: 0; width: 50%; overflow: hidden; _float: none; _width: auto; }
.rel-list li .img-box { position: relative; display: block; float: left; width: 98px; height: 98px; border: 1px solid #e8e8e8; overflow: hidden; }
.rel-list li .img-box img { min-width: 100%; min-height: 100%; width: 100%; _height: 100%; overflow: hidden; }
.rel-list li .info { margin: 0 auto 0 115px; padding-right: 15px; _margin-top: -15px; _padding-right: 0; }
.rel-list li .info h3 { display: block; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 0px !important; margin-bottom: 0px !important; }
.rel-list li .info p { color: #555; font-size: 12px; height: 48px; line-height: 22px; overflow: hidden; margin: 0 0; }
.rel-list li .info span { line-height: 22px; color: #999; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.slide-tit { border-bottom: 1px solid #f0f0f0; color: #34ad2a; line-height: 1em; font-size: 16px; font-weight: normal; }
.slide-tit strong { padding: 10px 0; float: right; color: #999; font-size: 12px; font-weight: normal; }
.slide-tit span { position: relative; top: 1px; display: inline-block; padding: 10px 0; border-bottom: 1px solid #34ad2a; }

/*.video_case {
    width: 100%;
    height: 45vw;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background: rgba(0,0,0,0.3);
    display: none
}

.main_video {
    width: 81%;
    height: 100%;
    margin: 0 auto;
}

.btn_video {
    position: absolute;
    top: 4%;
    right: 4%;
    cursor: pointer;
    width: 28px;
    height: 28px;
    background: url("../images/index/btn-close-white.png") no-repeat 50% 50%;
}

.video-one {
    width: 100%;
    height: 100%;
}*/
@media screen and (max-width:980px) {
    .catalogue { width: 92%; padding: 0; }
    .right-260 { display: none; }
    .left-auto { margin: 0; }
    .meta h2 { font-size: 14px; }
    .section { width: 92%; padding: 0; }
    .meta { padding: 20px 0 0 0px; }
    .entry { padding: 0 0 15px 0; }
    .entry p { font-size: 12px; }
    .next-box p { width: 100%; font-size: 12px; }
    .slide-tit { margin-top: 0; }
    .rel-list li { width: 100%; }
    .rel-box { padding: 0; }
    .rel-list li .info h3 { font-size: 12px; }
}