@import 'extends/css/global.css';

:root {
    --primary-color       : #0079C2;
    --link-color          : #0079C2;
    --success-color       : #52c41a;
    --warning-color       : #faad14;
    --error-color         : #f5222d;
    --heading-color       : rgba(0, 0, 0, .85);
    --text-color          : rgba(0, 0, 0, .65);
    --text-color-secondary: rgba(0, 0, 0, .45);
    --disabled-color      : rgba(0, 0, 0, .25);
    --border-color-base   : #e8e8e8;
    --background          : #F5F5F5;
    --dark-background     : #2C354F;
    --dark                : #2c354f;
    --black               : #002140;
}
@media (min-width: 1200px) {
    .container {
     max-width: 1280px;
    }
}
html {
    font-size: 14px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    font-size  : 14px;
    line-height: 1.5;
    background : #F5F5F5;
}

.topiece {
    line-height: 40px;
    color      : white;
	background: #2C354F;   
}

.lang a {
    display    : inline-block;
    margin-left: 8px;
    color      : rgba(255, 255, 255, .6);
}

.lang a.active {
	color:#0079C2;
}

.header {
    background: #0079C2;
}

.brand {
    width      : 1140px;
    margin     : 0 auto;
    padding    : 32px 0;
    align-items: center;
}

.menu {
    width          : 1140px;
    margin         : 0 auto;
    display        : flex;
    justify-content: space-between;
    border-top     : 1px solid rgba(255, 255, 255, .15);
}

.menu li {
    position: relative;
}

.menu li a {
    display        : block;
    padding        : 16px;
    color          : white;
    text-decoration: none;
}

.menu>li:hover>a {
    position  : relative;
    background: white;
    color     : #0079C2;
}

.menu>li.current>a::after {
    content   : '';
    position  : absolute;
    height    : 3px;
    left      : 16px;
    right     : 16px;
    bottom    : 0;
    background: white;
}

.menu li span {
    display        : block;
    padding        : 16px;
    color          : white;
    text-decoration: none;
}

.menu li:hover span {
    position  : relative;
    background: white;
    color     : #0079C2;
}

.menu li.current span::after {
    content   : '';
    position  : absolute;
    height    : 3px;
    left      : 16px;
    right     : 16px;
    bottom    : 0;
    background: white;
}

.menu .submenu {
    display         : none;
    position        : absolute;
    top             : 100%;
    z-index         : 5;
    background-color: white;
    width           : 140px;
}

.menu .submenu li a {
    padding: 12px 16px;
    color  : rgba(0, 0, 0, .85);
}

.menu .submenu li a:hover {
    background: rgba(0, 121, 194, .15);
    color     : #0079C2;
}

.menu li:hover .submenu {
    display: block;
}

.config-btn {
    padding: 8px 16px;
}

.config-icon {
    position    : relative;
    top         : -1px;
    margin-right: 4px;
}

.section {
    padding: 48px 0 0;
}

.custom-card-title {
    position   : absolute;
    top        : 0;
    width      : 100%;
    background : rgba(40, 74, 97, .65);
    text-align : center;
    line-height: 38px;
    color      : white;
    font-weight: normal;
    font-size  : 14px;
}

.section-title {
    text-align   : center;
    margin-bottom: 40px;
}

.section-title h1 {
    font-size: 24px;
    color    : #0079C2;
}

.section-title h1::after {
    content   : '';
    display   : block;
    width     : 40px;
    height    : 4px;
    background: #0079C2;
    margin    : 12px auto;
}

.section-title span {
    opacity: .54;
}

.nimbleNav {
    background-color   : rgba(44, 53, 79, .85);
    background-image   : url(images/nimble@2x.jpg);
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
    padding            : 40px 0;
    margin-top         : 40px;
}

.nimbleNav .section {
    padding: 0;
}

.nimble-item {
    display      : block;
    color        : white;
    border       : 1px solid transparent;
    transition   : all .3s;
    border-radius: 16px;
    padding      : 24px 0;
    text-align   : center;
    margin       : 16px 32px;
}

.nimble-item:hover {
    background     : rgba(255, 255, 255, .15);
    border         : 1px solid white;
    color          : white;
    text-decoration: none;
}

.nimble-item span {
    display    : block;
    line-height: 2;
}

.footer {
	background:#2C354F;
}

.ftlogo {
    padding      : 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.ftmain {
    padding: 32px 0;
    color  : white;
}

.btn-primary {
    background-color: #0079C2;
    border-color    : #0079C2;
}

.btn-primary:hover {
    background-color: #faad14;
    border-color    : #faad14;
    color           : #2c354f;
}

.links {
    border-top     : 1px solid rgba(0, 0, 0, .075);
    border-bottom  : 1px solid rgba(0, 0, 0, .075);
    padding        : 16px 32px;
    margin-bottom  : 40px;
    display        : flex;
    justify-content: space-between;
}

.links a {
    color: rgba(0, 0, 0, .65);
}

.qrcode span {
    display   : block;
    color     : rgba(255, 255, 255, .35);
    text-align: center;
    margin-top: 8px;
}

.copyright {
    padding   : 16px 0;
    border-top: 1px solid rgba(255, 255, 255, .15);
    color     : rgba(255, 255, 255, .35);
    text-align: center;
    font-size : 13px;
}

.card-text-link {
    padding        : 24px;
    display        : flex;
    justify-content: space-around;
}

.card-text-link a {
    display        : block;
    text-decoration: none;
    color          : #0079C2;
    margin-bottom  : 16px;
}

.card-text-link span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 1px solid #0079C2;
    text-align: center;
    line-height: 128px; 
	 border-radius: 50%;
    margin-bottom: 8px;

}

.card-text-link a:hover span {
    background-color: #0079C2;
}

.card-text-link a p {
    margin-bottom: 0;
}

.icon-1 {
    display          : inline-block;
    width            : 30px;
    height           : 30px;
    background-image : url(images/icon-grounp-01.png);
    background-repeat: no-repeat;
    background-size  : 210px auto;
}

.icon-1-1 {
    background-position: 0 0;
}

.card-text-link a:hover .icon-1-1 {
    background-position: 0 -30px;
}

.icon-1-2 {
    background-position: -30px 0;
}

.card-text-link a:hover .icon-1-2 {
    background-position: -30px -30px;
}

.icon-1-3 {
    background-position: -60px 0;
}

.card-text-link a:hover .icon-1-3 {
    background-position: -60px -30px;
}

.icon-1-4 {
    background-position: -90px 0;
}

.card-text-link a:hover .icon-1-4 {
    background-position: -90px -30px;
}

.icon-1-5 {
    background-position: -120px 0;
}

.card-text-link a:hover .icon-1-5 {
    background-position: -120px -30px;
}

.icon-1-6 {
    background-position: -150px 0;
}

.card-text-link a:hover .icon-1-6 {
    background-position: -150px -30px;
}

.icon-1-7 {
    background-position: -180px 0;
}

.card-text-link a:hover .icon-1-7 {
    background-position: -180px -30px;
}

.news-header {
    display        : flex;
    justify-content: space-between;
    margin-bottom  : 24px;
}

.news-header-title h4 {
    margin-bottom: 0;
    color        : #0079C2;
}

.slideBox {
    width   : 100%;
    height  : 300px;
    overflow: hidden;
    position: relative;
}

.slideBox .hd {
    overflow: hidden;
    position: absolute;
    right   : 8px;
    top     : 8px;
    z-index : 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom    : 1;
    float   : left;
}

.slideBox .hd ul li {
    float       : left;
    margin-right: 4px;
    width       : 12px;
    height      : 12px;
    border-radius: 50%;
    text-align  : center;
    background  : #fff;
    cursor      : pointer;
}

.slideBox .hd ul li.on {
    background: #0079C2;
    color     : #fff;
}

.slideBox .bd {
    position: relative;
    height  : 100%;
    z-index : 0;
}

.slideBox .bd li {
    position      : relative;
    vertical-align: middle;
}

.slideBox .bd li p {
    position        : absolute;
    width           : 100%;
    left            : 0;
    bottom          : 0;
    background-color: rgba(0, 0, 0, .5);
    color           : white;
    padding         : 8px 16px;
    margin          : 0;
    line-height     : 1.25;
}

.slideBox .bd img {
    width  : 100%;
    height : 300px;
    display: block;
}

.news-list li {
    display      : flex;
    margin-bottom: 2px;
}

.news-list li .news-data {
    flex        : 0 0 60px;
    width       : 60px;
    height      : 50px;
    border      : 1px solid #0079C2;
    margin-right: 16px;
    text-align  : center;
}

.news-list li .news-data2 {
    width      : 50px;
    text-align : right;
    color      : rgba(0, 0, 0, .45);
}

.news-list li .news-data dt {
    background : #0079C2;
    line-height: 26px;
    font-size  : 16px;
    color      : white;
}

.news-list li .news-inner {
    flex : 1;
    width: calc(100% - 76px);
}

.news-list li .news-inner2 {
    	width: 300px;

}

.news-list li h4 {
    font-size    : 15px;
    margin-top   : 3px;
    margin-bottom: 6px;
    font-weight  : normal;
}

.news-list li h4 a {
    display      : block;
    width        : 100%;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    color        : rgba(0, 0, 0, .85);
}

.news-list li p {
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    color        : rgba(0, 0, 0, .45);
    font-size    : 13px;
}

.news-list li h4 a:hover {
    color: #0079C2;
}
.news-list2 li {
    display      : flex;
    margin-bottom: 2px;
	line-height:37px;
}

.news-list2 li .news-data {
    flex        : 0 0 60px;
    width       : 60px;
    height      : 50px;
    border      : 1px solid #0079C2;
    margin-right: 16px;
    text-align  : center;
}

.news-list2  li .news-data2 {
    width      : 50px;
    text-align : right;
    color      : rgba(0, 0, 0, .45);
}

.news-list2 li .news-data dt {
    background : #0079C2;
    line-height: 26px;
    font-size  : 16px;
    color      : white;
}

.news-list2 li .news-inner {
    flex : 1;
    width: calc(100% - 76px);
}

.news-list2 li .news-inner2 {
    	width: 300px;

}

.news-list2 li h4 {
    font-size    : 15px;
    margin-top   : 3px;
    margin-bottom: 6px;
    font-weight  : normal;
}

.news-list2 li h4 a {
    display      : block;
    width        : 100%;
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    color        : rgba(0, 0, 0, .85);
}

.news-list2 li p {
    white-space  : nowrap;
    text-overflow: ellipsis;
    overflow     : hidden;
    color        : rgba(0, 0, 0, .45);
    font-size    : 13px;
}

.news-list2 li h4 a:hover {
    color: #0079C2;
}
.card-cover {
    position        : absolute;
    bottom          : 0;
    width           : 100%;
    left            : 0;
    background-color: rgba(44, 53, 79, .65);
    color           : white;
    text-align      : center;
    padding         : 16px 0 14px;
}

.card-cover h4 {
    font-size    : 16px;
    margin-bottom: 2px;
}

.card-cover p {
    font-size     : 12px;
    text-transform: uppercase;
    margin-bottom : 0;
    opacity       : .65;
}

.ftlink {
    flex           : 1;
    display        : flex;
    margin-right   : 120px;
    justify-content: space-between;
    font-size      : 13px;
}

.ftlink li span {
    display      : block;
    margin-bottom: 16px;
}

.ftsublink li a {
    color          : rgba(255, 255, 255, .5);
    line-height    : 1.8;
    text-decoration: none;
}

.ftsublink li a:hover {
    color: white;
}

.breadcrumb {
    margin    : 24px 0;
    color     : rgba(0, 0, 0, .25);
    background: none;
    padding   : 0;
}

.content {
    padding    : 20px 45px 45px 45px;
    background : white;
    min-height : 200px;
    line-height: 2;
    color      : rgba(0, 0, 0, .65);;
}

.sidebar-title {
    background   : #0079C2;
    color        : white;
    padding      : 16px 24px;
    font-weight  : bold;
    font-size    : 16px;
    border-bottom: 4px solid #faad14;
}

.sidebar-content {
    padding      : 12px 0;
    background   : white;
    margin-bottom: 24px;
}

.wp_listcolumn .wp_column  a {
    border-left    : 3px solid transparent;
    display        : block;
    padding        : 10px 24px;
    text-decoration: none;
    color          : rgba(0, 0, 0, .85);
    margin-bottom  : 2px;
	background:none;
	border-top:none;
	border-bottom:none;
}
.wp_listcolumn {
    display: block;
    width: 100%;
    border-top: none;
    border-bottom:  none;
}
.wp_listcolumn .wp_column a.selected {
     background       : rgba(0, 121, 194, .15);
    color            : #0079C2;
    border-left-color: #0079C2;
}
.wp_listcolumn .wp_column  a.active,
.wp_listcolumn .wp_column  a:hover {
    background       : rgba(0, 121, 194, .15);
    color            : #0079C2;
    border-left-color: #0079C2;
}

.contact-title {
    padding      : 16px 8px;
    font-weight  : bold;
    font-size    : 16px;
    border-bottom: 2px solid #0079C2;
}


.list-view {
    padding   : 48px;
    background: white;
    min-height: 200px;
}

.list-view-item {
    margin-bottom : 24px;
    padding-bottom: 16px;
    border-bottom : 1px dotted #e8e8e8;
}

.list-view-item span {
    display    : block;
    line-height: 2;
    color      : rgba(0, 0, 0, .45);
    font-size  : 12px;
    margin-top : -4px;
}

.list-view-item p {
    color: rgba(0, 0, 0, .65);;
}

.pagelist {
    margin-top: 10px;
}

.pagelist li {
    display      : inline-block;
    margin-right : 2px;
    border       : 1px solid #e8e8e8;
    border-radius: 4px;
}

.pagelist li a {
    display        : block;
    padding        : 6px 12px;
    color          : rgba(0, 0, 0, .65);;
    font-size      : 13px;
    text-decoration: none;
}

.pagelist li:hover {
    border-color: rgba(0, 0, 0, .25);
}

.pagelist li:hover a {
    color: rgba(0, 0, 0, .85);
}

.pagelist li.thisclass {
    border-color: #0079C2;
}

.pagelist li.thisclass a {
    color: #0079C2;
}

.pagelist li .pageinfo {
    display: none;
}

.article-header {
    border-bottom : 1px solid #e8e8e8;
    padding-bottom: 24px;
	margin-top : 40px;
    margin-bottom : 40px;
    text-align    : center;
}

.contact-content {
    padding    : 16px 8px;
    line-height: 2.5;
    color      : rgba(0, 0, 0, .65);;
}

.trmuin {
    transform: translateY(-1px)
}

.card-body {
    display: block;
}
.col_news {
	background: #ffffff;
	min-height:620px;
} /**栏目新闻**/
.col_news_head { height:40px;}
.col_news_con{
	margin-top:20px;
	}
.col_metas .col_title { display:inline-block; float:left; height:28px; line-height:28px;}  /**当前栏目**/
.col_metas .col_title h2 { display:inline-block; font-size:18px; font-weight:bold; color:#fff; padding:0 50px 0 25px;}   /**当前栏目名称**/
 /**当前位置**/
.col_metas { width:680px; float:left; height:40px; line-height:40px; background-color:#ffffff; display:block;}  /**当前栏目**/
.col_metas2 { width:1120px; float:left; height:40px; line-height:40px; background-color:#ffffff; display:block;}  /**当前栏目**/

.col_path1 {
	width:830px;
	float: left;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
}
.infobox {
	display:block;
	margin: 0 auto;
	min-height:380px;
}
.col_news_box { padding:10px 0; margin:0 7px;}
.col_news_list {}
.col_news_list .wp_article_list li{ list-style:none; float:left;}
.col_news_list .wp_article_list .list_item { height:36px; line-height:36px; padding-right:15px;}  /**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index {display:block; height:36px; line-height:36px; background:url(images/li.gif) no-repeat  center;}  /**栏目新闻图标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.6; font-size:14px; color:#333; padding:10px;}
.col_news_list .wp_entry p { margin-bottom:10px;}
.col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); }   /**列表页文章图片大小限制**/
.wp_article_list .list_item .Article_Index
/**文章页**/
.article {}
.article { display:block; margin-top:20px; width:820px;}
.article .arti_title { line-height:40px; font-family: "Microsoft YaHei"; text-align:center; font-size:22px;color: #378038; display:block; min-height:40px;} /**文章标题**/
.article h1.arti_title2 { line-height: 30px;
    padding: 5px;
    text-align: center;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #378038;
}
.article .arti_metas { padding:10px; text-align:center;}
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;} /**文章其他属性**/
.article .entry { margin:0 auto; overflow:hidden; width:810px;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.6; font-size:14px; color:#333; }  /**阅读字体**/
.article .entry .read p { margin-bottom:10px;}
.article .entry .read img { max-width:840px; _width:expression(this.width > 840 ? "940px" : this.width); }   /**文章阅读部分图片大小限制**/
.entry .read span { line-height: 22px;}