@charset "utf-8";
/*Technical Support SudyTech*/

@font-face {
font-family: '思源宋体';

src: url("font/SourceHanSerifCN-SemiBold.ttf");
}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th{ text-align:left; font-weight:normal; }
html,body,fieldset,img,iframe,abbr{ border:0;}
img{vertical-align:top;}
html{ overflow-x:hidden; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
textarea{ overflow:auto; resize:none; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; }
:focus { outline:0; }
/*备用样式表*/
.none { display:none; }
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(images/icon.png) no-repeat;}
::-webkit-input-placeholder { color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder { color:#ccc;}
:-ms-input-placeholder { color:#ccc;}
/**布局开始**/
body {line-height:1;font-size: 13px;font-family: "思源宋体","Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;}
p{line-height:1.75;}
a {color: #333; text-decoration:none; transition:all 0.4s ease-in-out;}
a:hover { color:#095ab5;}
/*页面尺寸*/
.wrapper { width:100%; margin:0 auto;}
.wrapper .inner {width: 73vw;margin:0 auto;} /**页面全局宽度**/
/*headtop*/
#headtop{background: rgb(25 57 92 / 60%);}
#headtop .inner{}
.headtop .top-left{float: left;}
.headtop .top-right{float:right;display: flex;align-items: center;}
/*head开始*/
.header {border-bottom:none; height:auto;line-height:inherit; }
.header .inner{height: 123px;position:relative;text-align: center;}
.header .sitelogo{/* float:left; */margin-top: 25px;display: inline-block;}
.header .sitelogo span{position:relative;font-size:inherit; font-weight:normal;}
.header .sitelogo span a{ color:transparent; margin:0;}
.header .sitelogo h1{font-size:inherit; font-weight:normal; background:none; padding-left:0px;}
.header .sitelogo .sitetitle {display:inline-block;margin-top: 28px;margin-left:10px;font-size:32px;font-weight:bold;color:#fff;} /**站点名称**/
.map {background: url(images/map.png);
}
.header .head-left{float:left;display:inline-block;}
.header .head-main{float:left;margin-top:10px;}
.header .head-right{float:right;margin-top: 12px;width:200px;}
/*rale样式*/
.site-rale{}
.site-rale ul{}
.site-rale ul li.links{float:left;}
.site-rale ul li.links a{line-height: 35px;padding: 0 12px 0 12px;padding-left: 19px;font-size: 13px;color: #cad3d4;background:url(images/icon_role.png) no-repeat;}
.site-rale ul li.links a:hover{color:#fff;}
.site-rale ul li.links.i1 a{background-position: 0px 0px;}
.site-rale ul li.links.i2 a{background-position: -90px 0px;}
.site-rale ul li.links.i3 a{background-position: -187px 0px;}
.site-rale ul li.links.i4 a{background-position: -269px 0px;}

.site-lang ul{float:right;}
.site-lang ul li.links{float:left;}
.site-lang ul li.links a{line-height: 35px;padding-right: 25px;font-size: 14px;color: #fff;border-right: 1px solid #47617D;}
.site-lang ul li.links a:hover{color:#fff;}
/*默认主导航样式*/
#nav{/* background: #004ea1; */border-top: 1px solid #4A77AA;}
#nav .inner{}
#nav .inner .wp-panel{}/*导航*/
#nav .inner .wp-panel .wp-window{}
#nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);}
/*导航样式：后台绑定时也可以定义配置*/
.nav .wp-menu {margin:0 auto;text-align: center;display: flex;justify-content: space-between;}
.nav .wp-menu .menu-item {display: inline-block;/* float: left; */position: relative;}
.nav .wp-menu .menu-item.i1 { background:none;}
.nav .wp-menu .menu-item a > .menu-switch-arrow{display: none; width:20px; height:20px; background:url(images/nav_j.png) no-repeat center center;vertical-align:middle;}
.nav .wp-menu .menu-item a.menu-link {display: inline-block;padding: 0;line-height: 45px;color: #FFFFFF;font-size: 18px;font-weight: bold;}
.nav .wp-menu .menu-item.hover a.menu-link,
.nav .wp-menu .menu-item a.hover{background-color: #204a77;text-decoration: none;color: #eee;}
.nav .sub-menu {display: none;position: absolute;left: 0;top: 45px;min-width: 100%;z-index: 100;background: #204a77;}
.nav .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;}
.nav .sub-menu .sub-item a {display: block;color: #fff;height: 40px;line-height: 40px;padding: 0 17px;font-size: 14px;background:none;}
.nav .sub-menu .sub-item.hover> a,
.nav .sub-menu .sub-item a:hover{color: #fff;background-color: #2b629f;display: block;}
.nav .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200;}
/**主页banner开始**/
#banner {background: #e7e2df;}
#banner .inner {width:auto;max-width: 100%;text-align: center;position:relative;}
/**主体模块样式**/
#m-container {}
#m-container .inner {}
/**首页三列布局**/
.mod {}
.mbox {}

.main1{
    background: url(images/main1bg.jpg);
}
.main1 .inner{padding: 73px 0px 113px;position: relative;}
.main2 .inner {
    padding-top: 86px;
    padding-bottom: 73px;
}

.post-21 .news {
    float: left;
    width: 33.3%;
}

.post-21 .news_box {
    margin: 0 27px;
}

/**标题栏新闻窗口**/
.post { margin-bottom:10px; }
.post .tt {display:inline-block;width:100%;border-bottom: 0px solid #e6e6e6;} /**标题栏**/
.post .tt .tit {display:inline-block;float:left;font-size: 16px;font-weight:normal;} /**标题字体**/
.post .tt .tit .title {display:block;line-height: 42px;color: #424242;font-family:"Microsoft yahei";}
.post .tt .tit .name{ display:none; line-height:16px; color:#333; }/*栏目别名*/
.post .con { padding: 6px 0; margin:0 auto; }
.post .con .wp_article_list .list_item { border-bottom:1px dashed #ccc; } /**新闻列表**/
.post .con .wp_article_list .list_item .Article_Index { background:url(images/li.gif) no-repeat center; }
.post .more_btn {display:inline-block;*display:inline; *zoom:1;/* height: 20px; *//* margin-top: 10px; */line-height: 44px;float:right;font-family: "思源宋体";font-size: 16px;}
.post .more_btn .more_text,.post .more_btn a {/* font-size: 14px; */ cursor:pointer;} 
.post .more_btn a{/* color: #fff; */} 
.post .more_btn a:hover{color: #fff;} 
.post.post-21 .more_btn a:hover {
    color: #0D63AC;
}
/*标准标题*/
.post1 {}
.post1 .tt {/* border-bottom: 2px solid #146cc1; */margin-bottom: 56px;}
.post1 .tt .tit {}
.post1 .tt .tit .title {display:inline-block;/* margin-right:20px; */font-size: 50px;font-weight:bold;color: #333;cursor:pointer;font-family: "思源宋体";}
.post1 .tt .tit .title.selected {color:#0f429b;}
.post-11 .more_btn a{ color: #fff; }
.post-21 .more_btn a{ color: #0d63ac; }
.post1.post-11 .tt .tit .title {
    color: #fff;
}

.post-11 .list1 {
    float: left;
    width: 46.6%;
    position: relative;
}

.post-11 .list1 .news_imgs a {
    display: block;
    padding-top: 67%;
}
.post1 .more_btn a img {
    vertical-align: middle;
    margin-top: -6px;
    margin-left: 12px;
}
.post-11 .list1 .news_date {
    position: absolute;
    left: 35px;
    width: 74px;
    height: 74px;
    background: #fff;
    text-align: center;
    color: #0D63AC;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}


.post-11 .list1 .news_date span {
    display: block;
}

.post-11 .list1 .news_date .news_day {
    font-size: 40px;
    line-height: 38px;
}

.post-11 .list1 .news_date .news_month {
    font-size: 14px;
}

.post-11 .list1 .news_title {
    position: absolute;
    bottom: 15px;
    z-index: 1;
    line-height: 30px;
    font-size: 20px;
    left: 0;
    right: 0;
    padding: 0 39px;
}

.post-11 .list1 .news_title a {
    color: #fff;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.post-11 .list1 .news_imgs a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(images/ttbg.png)no-repeat bottom;
    top: 0;
    left: 0;
    z-index: 1;
}
.post-11 .list2 {
    width: 53.4%;
    float: right;
    position: relative;
    z-index: 2;
}
.post1 .more_btn a img {
    vertical-align: middle;
    margin-top: -6px;
    margin-left: 12px;
}

.main1 .inner:after {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    background: #0b56a2;
    height: 100%;
    position: absolute;
    left: 46.6%;
    z-index: 1;
    width: 26.7%;
}
.post-11 .list2 .news {
    float: left;
    width: 50%;
}

.post-11 .list2 .news_imgs a {
    display: block;
    padding-top: 55.5%;
}

.post-11 .list2 .news_imgs {
    margin-bottom: 30px;
}

.post-11 .list2 .news_title {
    padding: 0 29px;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
}

.post-11 .list2 .news_date {
    padding-left: 29px;
    font-size: 14px;
    color: #FF3B4B;
    margin-top: 30px;
}

.post-11 .list2 .news_title a {
        word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #fff;
}
.post-21 .news_list {
    margin: 0 -27px;
}

.post-21 .news_imgs a {display: block;padding-top: 63%;}

.post-21 .news_imgs {
    margin-bottom: 23px;
}

.post-21 .news_title {
    font-size: 20px;
    line-height: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 60px;
    margin-bottom: 30px;
}

.post-21 .news_date {
    font-size: 18px;
    color: #1E478A;
}
.post-31 .news a {
    display: flex;
    height: 14.6vw;
    /* display: block; */
    position: relative;
    justify-content: center;
    overflow: hidden;
    align-items: center;
}

.post-31 .news.i1,.post-31 .news.i2,.post-31 .news.i3 {
    float: left;
    width: 33.3%;
}
.post-31 .news.i4,.post-31 .news.i5 {
    float: left;
    width: 50%;
}

.post-31 .news a:after {
    content: "'";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: #0B56A2;
    opacity: 0.5;
    left: 0;
    position: absolute;
}

.post-31 .news a .link_con {
    position: relative;
    z-index: 1;
    font-size: 30px;
    color: #fff;
    font-family: "微软雅黑";
}
.post-31 .news a:before {
    content: "'";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transition: all 0.4s ease-in-out;
}
.post-31 .news.i1 a:before{
    background: url(images/icon1.jpg);
    background-size: cover;
}
.post-31 .news.i2 a:before{
    background: url(images/icon2.jpg);
    background-size: cover;
}
.post-31 .news.i3 a:before{
    background: url(images/icon3.jpg);
        background-size: cover;
}
.post-31 .news.i4 a:before{
    background: url(images/icon4.jpg);
        background-size: cover;
}
.post-31 .news.i5 a:before{
    background: url(images/icon5.jpg);
        background-size: cover;
}
.main3 {
    background: #f6f6f6;
}

.main3 .inner {
    padding: 100px 0 125px;
}

.foot-center {
    float: left;
}

.post1 .news:hover .news_imgs a {
    transform: scale(1.1);
}

.post1 .news .news_imgs {
    overflow: hidden;
}.post-31 .news:hover {
    background-size: 120%;
}

.post-31 .news {
    transform: 1s;
}

.post-31 .news a:hover:before {transform: scale(1.1);}
/***********************************************************
 * 列表页
 */
/**首页三列布局**/
/**列表页**/
/*栏目图片*/
.l-banner{height: 235px;background-position:center center;background-repeat:no-repeat;text-align:center;background-size: cover;}
.l-banner img{display:none;height:100%;vertical-align:top;}
/**主体列表页开始**/
#l-container {}
#l-container .inner {padding: 25px 0px;}
/**主体文章页开始**/
#d-container {}
#d-container .inner {background:#fff;}

.col_menu {width: 240px;float:left;margin-right:-240px;position:relative;} 
.col_menu .l-qh{ margin-bottom:10px;}
.col_menu .col_menu_head {background: #2a629f;}/**位置栏目背景**/
.col_menu .col_menu_head h3.col_name {font-size: 18px;font-weight:normal;color:#fff;}/**位置栏目字体**/
.col_menu .col_menu_head h3.col_name .col_name_text { display:block; line-height:50px; padding:0px 5px 0px 30px;}/**栏目名称图标**/
.col_menu .col_menu_con{border:1px solid #e4e4e4;}
/*栏目列表*/
.col_list{}
.col_list .wp_listcolumn { border-top:0px solid #2a629f; border-bottom:0px solid #fff; }
.col_list .wp_listcolumn .wp_column a {color:#333;font-size: 15px;font-weight:normal;background:none;border-top:0px solid #fff;border-bottom: 1px solid #F6EAEA;}
.col_list .wp_listcolumn .wp_column a .column-name{padding:5px 0px 5px 28px;line-height:32px;}
.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected { color:#2a629f; background:#eee; } 
.col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #2a629f;}
.col_list .wp_listcolumn .wp_subcolumn .wp_column a{ color:#454545;background:none; border-top:1px solid #fff; border-bottom:1px solid #bbb;}
.col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:bold; color:#2a629f;}
/*二级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list a {color:#333;border-top:1px solid #eee;margin-top:-1px;} 	
.col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 44px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected {font-weight:bold; font-weight:bold;color:#2a629f;} 
/*三级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a{} 	
.col_list .wp_listcolumn .sub_list .sub_list a .column-name {padding: 5px 10px 5px 60px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list .sub_list a :hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#2a629f;} 
/**栏目新闻**/
.col_news {width: 100%;min-height:500px;float:right;} 
.col_news .col_news_box{margin-left: 290px;}
.col_news_head {border-bottom: 1px solid #DBDBDB;}
.col_metas .col_title { display:inline-block; float:left; height: 48px; line-height: 48px; }  /**当前栏目**/
.col_metas .col_title h2 {display:inline-block;font-size: 18px;font-family:"Microsoft yahei";font-weight: normal;color: #2a629f;border-bottom: 3px solid #CBCBCB;}
.col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 46px;line-height: 46px;color: #666;} /**当前位置**/
.col_metas .col_path a{color: #2F2F2F;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}
.col_news_list { margin-top:7px;}
.col_news_list .wp_article_list .list_item {} /**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index {}  /**栏目新闻图标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.75; font-size:14px; color:#333;}
.col_news_list .wp_entry p { margin-bottom:10px;}
.col_news_list .wp_entry table{ margin-bottom:4px;}
.col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); } /**列表页文章图片大小限制**/
.col_news  .news {
    line-height: 36px;
    font-size: 14px;
}

.col_news .news .news_title {
    float: left;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_news .news .news_meta {
    float: right;
    color: #666;
}
/**文章页**/
.infobox {padding:20px 60px; margin:0 auto; width:auto;}
.article {padding-top:10px;}
.article h1.arti_title {line-height: 36px;font-family: "Microsoft YaHei";font-size:22px;text-align:center;color: #2a629f;} /**文章标题**/
.article h2.arti_title {line-height: 34px;font-family: "Microsoft YaHei";font-size: 17px;text-align:center;color: #1B1B1B;} /**文章副标题**/
.article .arti_metas {padding:10px;text-align:center;/* border-top:1px solid #ececec; */}
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;}/**文章其他属性**/
.article .entry { margin:0 auto; overflow:hidden;margin-top:10px;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.75; font-size:14px; color:#333;}  /**阅读字体**/
.article .entry .read p { margin-bottom:10px;}
.article .entry .read img {margin:0 auto; max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); }   /**文章阅读部分图片大小限制**/
.article .entry .read table{margin:0 auto; border:none!important;}
/**页脚开始**/
#footer {background: #252c3c;}
#footer .inner {padding: 64px 0px;position:relative;/* margin: 0 -50px; */width: 1400px;}
#footer .inner .mod{
    display: flex;
    justify-content: space-between;
}
#footer .inner .foot-left{float:left;/* padding:12px 0px; */margin-top: 6px;margin-right: 79px;margin-left: -50px;}
#footer .inner .foot-right{float:right;margin-top: 12px;margin-right: -50px;}
#footer .inner p{font-size: 14px;line-height: 39px; font-weight:normal;text-align:left;color: #fff;opacity: 0.89;}
#footer .inner p span { margin:0 3px; }
#footer .inner .copyright{}
#footer .inner .copyright span{}
#footer .inner .copyright a{color:#eee;}
/**************************************************************
 * 组件功能
 */
/*系统默认搜索*/
.wp_search{ display:inline-block;position:relative;padding-left:4px;border: 1px solid #d0d0d0;}
.wp_search #keyword{ width:160px!important;padding: 4px 0; border:none;height:20px; line-height:20px; background:transparent; color:#fff; }
.wp_search .search{width:32px;height: 30px;border:0px; background: #FFFFFF url(images/sous.png) no-repeat center;cursor: pointer; vertical-align:top; }
/*自定义输入框*/
.searchbox{text-align:right;width: 0;overflow: hidden;}
.wp-search {position: relative;border: 1px solid #d0d0d0;}
.wp-search form {display: block;}
.wp-search .search-input {margin-left:4px; margin-right: 40px;}
.wp-search .search-input input.search-title {width: 100%;height: 27px;/* padding: 4px 0; */line-height: 27px;background: none;color: #FFFFFF;font-size: 14px;border:0;outline: 0;font-family: "微软雅黑";}
.wp-search .search-btn {width:32px;height: 27px;position: absolute;right: 0;top:0%;}
.wp-search .search-btn input.search-submit {width:32px;height: 27px;border:0;outline: 0;background: url(images/sous.png) no-repeat center;cursor: pointer;}
.site-lang {
    margin-right: 15px;
}

.search_ico {
    width: 32px;
    height: 27px;
    background: url(images/sous.png) no-repeat center;
}
/* 分享二维码 */
.shares{text-align:center;}
.shares ul{width:auto; margin:0 auto;text-align: right;float:right;}
.shares li{float:left;margin: 0 12px; position:relative;}
.shares li a{display:inline-block;width: 53px;height: 50px;border: 0px solid red;background: url('images/share-icon1.png') no-repeat;/* opacity:.6; */filter:Alpha(opacity=100);vertical-align:top;}
.shares li a:hover{ opacity:1; filter:Alpha(opacity=100); }
.shares li.i1 a{background-position:0px 0px;}
.shares li.i2 a{background-position: -83px 0px;}
.shares li.i3 a{background-position: -164px 0px;}
.shares li span{display:block; line-height:22px; font-size:12px; color: #D0D4EA;text-align:center;}
.shares li .con{display:none; position:absolute; bottom: 80px; left:50%;z-index:100; margin-left: -50px; width:100px;}
.shares li .con img{ width: 90px; height:90px; vertical-align:top; background:#fff;}

/*列表页*/
/*banner*/
.mbanner .focus .focus-title-bar {bottom:40px;left: 40px;margin-left:0px;}
.mbanner .focus .focus-title-bg {background-color: #000;opacity: 0.4;filter:alpha(opacity=60);}

.mbanner .focus .focus-pagination {position:absolute;right: 14px;bottom: 14px;margin-right: 0px;z-index:60;}
.mbanner .focus .focus-page { display:inline-block; width:9px; height:9px;  margin-right:6px;background:#fff;}
.mbanner .focus .focus-page-active {width:18px;background: #fff;opacity:1; filter:Alpha(opacity=100);}

.mbanner .focus .focus-navigation {width:58px; height:53px;opacity: 0; filter:alpha(opacity=70); background:url(images/slide_next.png) no-repeat; text-indent:-999em;}
.mbanner .focus .focus-navigation:hover {opacity: 1; filter:alpha(opacity=100);}
.mbanner .focus .focus-navigation:active {opacity: 1; filter:alpha(opacity=100);}
.mbanner .focus .focus-prev { left:0px;}
.mbanner .focus .focus-next { right:0px;background-position:right top}
.mbanner .focus:hover .focus-navigation {
    opacity: 1;
}

.top-left .site-lang ul li.links a {
    padding-left: 10px;
    padding-right: 10px;
}

