﻿@charset "UTF-8";
.news-list li a, .news-media .media-bd .bd-tle, .news-style ul li p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* banner和公告 */
.banner-and-notice { height: 342px; padding-top: 40px; margin-top: -30px; background: url(../images/bg-blue-sd.png) no-repeat center top; }

.notice-wrap { width: 700px; height: 342px; box-sizing: border-box; }

.notice { position: relative; }
.notice-tle a { display: inline-block; height: 30px; line-height: 30px; margin-right: 10px; padding: 0 20px; font-size: 14px; font-weight: 700; color: #333; transition: none; }
.notice-tle a.active { color: #fff; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 10px; background: #14579a; }
.notice-tle a:hover { text-decoration: none; }
.notice-more { position: absolute; top: 0; right: 0; font-size: 12px; color: #14579a; font-style: italic; text-decoration: underline; }

.news-list li a { display: block; line-height: 30px; color: #555; }
.news-list--reverse li a { color: #fff; }

/* 广告图滚动 */
.ad-wrap { padding: 20px 25px; overflow: hidden; background: #d6d6d6; background: rgba(214, 214, 214, 0.5); }

.ad-list li { float: left; margin-right: 20px; }

/* 模块 */
.index-mod { position: relative; padding: 40px 0 70px; background: #5996cd; }
.index-mod:after { position: absolute; top: -37px; left: 0; right: 0; width: 0; height: 0; border-bottom: 37px solid #5996cd; border-left: 1920px solid transparent; content: ""; }
.index-mod .mod-row { margin-left: -30px; margin-right: -30px; }
.index-mod .mod-col-6 { float: left; width: 570px; padding: 0 30px; }
.index-mod .mod-col-4 { float: left; width: 366px; padding: 0 25px; }
.index-mod--red { background: #e24348; }
.index-mod--red:after { content: none; }
.index-mod--red .mod-tle:after { left: 45px; background: #b51c20; }
.index-mod--red .mod-tle h3 { background: #b51c20; }
.index-mod--red .mod-tle .icon { top: -5px; }
.index-mod--orange { background: #ffa914; }
.index-mod--orange:after { border-bottom: 37px solid #ffa914; border-left: 1920px solid transparent; }
.index-mod--orange .mod-tle:after { left: 29px; background: #f00000; }
.index-mod--orange .mod-tle h3 { background: #f00000; }
.index-mod--orange .mod-tle .icon { top: -5px; }
.index-mod--orange .mod-tle .icon-qizhi { top: -8px; left: -13px; }
.index-mod--brown { padding-bottom: 40px; background: #eb9c37; }
.index-mod--brown:after { border-bottom: 37px solid #eb9c37; border-left: unset; border-right: 1920px solid transparent; }
.index-mod--brown:before { position: absolute; bottom: -37px; left: 0; right: 0; border-top: 37px solid #eb9c37; border-left: 1920px solid transparent; content: ""; }
.index-mod--brown .mod-tle:after { left: 50px; background: #ac6611; }
.index-mod--brown .mod-tle.zsjs:after { left: 43px; }
.index-mod--brown .mod-tle.xgzl:after { left: 25px; }
.index-mod--brown .mod-tle h3 { background: #ac6611; }

.mod-tle { position: relative; padding: 0 0 10px 74px; }
.mod-tle:after { position: absolute; bottom: 0; left: 26px; right: 0; height: 1px; background: #2b5e8c; content: ""; }
.mod-tle h3 { display: inline-block; padding: 0 20px; height: 32px; line-height: 32px; font-size: 18px; color: #fff; border-radius: 16px; border-bottom-right-radius: 0; background: #2b5e8c; }
.mod-tle .mod-more { position: absolute; top: 5px; right: 25px; font-size: 12px; font-style: italic; color: #fff; }
.mod-tle .mod-link { display: inline-block; height: 25px; line-height: 25px; padding: 0 15px; font-size: 14px; color: #14579a; background: #fff; border-radius: 20px; }
.mod-tle .mod-tab-tle a { display: inline-block; height: 25px; line-height: 25px; padding: 0 15px; margin-left: 16px; font-size: 14px; background: #fff; color: #14579a; border-radius: 20px; }
.mod-tle .mod-tab-tle a:hover { text-decoration: none; }
.mod-tle .mod-tab-tle a.active { color: #fff; background: #2b5e8c; }
.mod-tle .mod-tab-tle a:first-child { margin-left: 0; }
.mod-tle .mod-tab-tle--danger a { color: #b51c20; }
.mod-tle .mod-tab-tle--danger a.active { color: #fff; background: #b51c20; }
.mod-tle .icon { position: absolute; left: 0; top: -8px; }
.mod-tle.qnfzdt:after { left: 5px; }
.mod-tle.qnfzdt .icon { top: -5px; }

.news-media { width: 690px; padding-right: 40px; }
.news-media .news-tle .news-more { right: 40px; }
.news-media .media-img { width: 292px; }
.news-media .media-img img { max-width: 292px; border: 2px solid #fff; }
.news-media .media-bd { padding-right: 40px; overflow: hidden; border-right: 1px dashed #fff; color: #fff; }
.news-media .media-bd .bd-tle { padding-bottom: 8px; border-bottom: 1px solid #fff; font-size: 14px; }
.news-media .media-bd .bd-tle a { color: #fff; }
.news-media .media-bd .bd-txt { height: 92px; overflow: hidden; }
.news-media .media-bd .bd-link { height: 20px; line-height: 20px; padding: 0 10px; font-size: 12px; color: #333; font-style: italic; background: #ffed00; }

.news-group .news-group-side { width: 410px; }
.news-group .news-list { width: 440px; }
.news-group .news-list li a { color: #fff; line-height: 32px; }

.news-mod { width: 310px; }

.news-tle { position: relative; }
.news-tle h4 { position: relative; display: inline-block; height: 26px; line-height: 26px; padding: 0 26px; font-size: 14px; color: #14579a; background: #b4cfe9; }
.news-tle h4:after { position: absolute; right: 0; bottom: -7px; width: 0; height: 0; border-top: 7px solid #2b5e8c; border-right: 10px solid transparent; content: ""; }
.news-tle .news-more { position: absolute; top: 5px; right: 0; font-size: 12px; color: #fff; font-style: italic; text-decoration: underline; }

.news-style { width: 430px; }
.news-style .style-mod { position: relative; }
.news-style .style-tle { position: absolute; top: 0; left: 0; width: 26px; line-height: 15px; font-size: 14px; color: #14579a; padding: 16px 0; text-align: center; background: #b4cfe9; }
.news-style .style-tle:after { position: absolute; left: 0; bottom: -7px; width: 0; height: 0; border-top: 7px solid #2b5e8c; border-left: 10px solid transparent; content: ""; }
.news-style .style-tle a { color: #14579a; }
.news-style ul { width: 384px; margin-left: 46px; overflow: hidden; }
.news-style ul li { float: left; width: 120px; margin-left: 12px; }
.news-style ul li:first-child { margin-left: 0; }
.news-style ul li a { display: block; text-align: center; color: #fff; }
.news-style ul li p { margin-top: 5px; }
.news-style ul li img { max-width: 120px; max-height: 88px; }

/* 2020改版 */
.notice-wrap { width: 640px; height: 383px; padding: 10px 20px; }

.banner-and-notice { height: auto; }

.notice-more { top: 4px; }

.news-list li a span { color: #777; }

.notice .news-list { height: 135px; overflow: hidden; }

.notice .news-list li a { line-height: 27px; }

.notice--style-2 .notice-tle a.active { background: #ff7f00; }
.notice--style-2 .notice-more { color: #ff7f00; }

.index-mod .mod-col-4 { width: 360px; padding: 0 30px; }

.mod-tle .mod-more { right: 15px; }

.index-mod--red .mod-tle .icon-gzjb { top: -8px; left: 2px; }
.index-mod--red .mod-tle .icon-tpgj { left: -1px; }
.index-mod--red .mod-tle .icon-sthb { top: -6px; }

.index-mod--red .mod-tle--sthb:after { left: 22px; }

.mod-tle { padding-left: 65px; }

.news-list--has-img li:first-child { margin: 0 0 10px 0; }

.index-mod--orange { padding: 50px 0 60px; background: #ff7f00; }
.index-mod--orange:after { border-bottom-color: #ff7f00; }
.index-mod--orange .mod-tle:after { left: 45px; background: #ac6611; }
.index-mod--orange .mod-tle--hljy:after { left: 26px; }
.index-mod--orange .mod-tle--qlwm:after { left: 23px; }
.index-mod--orange .mod-tle h3 { background: #ac6611; }
.index-mod--orange .mod-tle .icon-hljy { top: -7px; }