/*Technical Support SudyTech*/
@charset "utf-8";
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;}
/*css3扩展*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	     box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

/* 列表页禁用顶部阴影 */
body.list:before {
    display: none;
}
::-webkit-input-placeholder { color:#ccc;/* WebKit browsers */}
:-moz-placeholder {color:#ccc; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder { color:#ccc;/* Mozilla Firefox 19+ */}
:-ms-input-placeholder { color:#ccc;/* Internet Explorer 10+ */}
/**布局开始**/
body {line-height: 2;font-size: 22px;font-family:SourceHanSansCN-Medium;color:#333;}
p{line-height:1.75;}
a {color:#3b3b3b; text-decoration:none; transition:all 0.4s ease-in-out; }
a:hover { color:#02529B; }
/*页面尺寸*/
.wrapper { width:100%; margin:0 auto;  }
.wrapper .inner {width: 1300px;margin:0 auto;} /**页面全局宽度**/
/*headtop*/
#headtop{background: #666;}
#headtop .inner{}
.headtop .top-left{float: left;}
.headtop .top-right{float:right;}

/*顶部容器样式（包含header和nav的背景图）*/
.top-container {
    background: transparent;
    position: relative;
    min-height: 800px;
    height: auto;
    /* 为整个顶部容器启用硬件加速，但不使用will-change避免过度优化 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* 当header固定时，移除transform以支持fixed定位，并添加padding避免内容被遮挡 */
body:has(.header-flex-layout) .top-container {
    padding-top: 130px;
    transform: none !important;
    -webkit-transform: none !important;
}

/* 列表页和文章页的顶部容器样式 - 通栏效果 */
body.list .top-container {
    min-height: 300px;
    height: auto;
    position: relative;
    box-shadow: none;
}

/* 列表页如果有flex布局header，也需要移除transform */
body.list:has(.header-flex-layout) .top-container {
    transform: none !important;
    -webkit-transform: none !important;
}
/* 已移除蓝色遮罩层 */

/*head开始*/
.header {
    background: transparent;
    height: auto;
    line-height: inherit;
    position: relative;
    z-index: 100;
    padding: 30px 0 10px;
    /* 为header创建独立的渲染层，避免被banner动画影响 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Flex布局header - 固定置顶 + 上深下浅渐变效果 */
.header-flex-layout {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: linear-gradient(180deg, 
        rgba(0, 0, 0, 0.65) 0%, 
        rgba(0, 0, 0, 0.4) 60%, 
        rgba(0, 0, 0, 0.15) 85%, 
        rgba(0, 0, 0, 0) 100%) !important;
    padding: 15px 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important;
}

/* 滚动超过首页大图后 - header遮住的区域变为白色 */
body.past-banner::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 138px;
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%, rgba(255,255,255,0) 70%);
    box-shadow: 0 5px 200px rgba(0,0,0,0.1);
    z-index: 999;
    pointer-events: none;
}

/* 列表页header确保在banner上方 */
body.list .header {
    z-index: 100;
}
.header .inner{
    height: auto;
    position:relative;
    padding: 20px 0;
    z-index: 100;
}
.header .mod{
    text-align: center;
}

/* Flex布局 - 应用在header-flex-layout的mod容器上 */
.header-flex-layout .mod {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
}

/* Logo左侧 - 紧贴最左 */
.header-flex-layout .head-left-logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-right: auto;
}

.header-flex-layout .head-left-logo .sitelogo {
    display: block;
    transition: transform 0.3s ease;
}

.header-flex-layout .head-left-logo .sitelogo:hover {
    transform: scale(1.02);
}

/* Logo居中 */
.header .head-center{
    text-align: center;
    margin-bottom: 20px;
}
.header .sitelogo{
    display: inline-block;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 100;
}
.header .sitelogo:hover{transform: scale(1.02);}
.header .sitelogo span{
    position:relative; 
    font-weight:normal;
    display: inline-block;
}
.header .sitelogo span a{ 
    margin:0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    vertical-align: middle;
}
.header .sitelogo span a img{
    height: 85px;
    width: auto;
    display: block;
    vertical-align: middle;
}
.header .sitelogo h1{font-size:inherit; font-weight:normal; background:none; padding-left:0px;}
.header .sitelogo .sitename {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: normal;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    line-height: 85px;
    letter-spacing: 1px;
    vertical-align: middle;
} /**站点名称**/

/* Flex布局中的站点名称 - 确保在黑色背景上清晰可见 */
.header-flex-layout .sitelogo .sitename {
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* 右侧容器：搜索栏和导航栏 - 紧贴最右 */
.header-flex-layout .head-right-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    margin-left: 40px;
}

/* 导航栏右侧 */
.header-flex-layout .head-right-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header-flex-layout .head-right-nav .header-nav {
    display: inline-block;
}

/* 当右侧容器只有导航栏没有搜索框时，让导航栏垂直居中 */
.header-flex-layout .head-right-container:not(:has(.head-right-search)) {
    justify-content: center;
}

/* 针对不支持:has()的浏览器的备用方案 - 列表页没有搜索框 */
body.list .header-flex-layout .head-right-container {
    justify-content: center;
}

/* 导航栏居中 */
.header .head-nav-center{
    text-align: center;
}
.header .head-nav-center .header-nav{
    display: inline-block;
}

.header .head-left{
    display:inline-block;
    position: relative;
    z-index: 100;
}
.header .head-main{
    float:left;
    margin-top:10px;
    position: relative;
    z-index: 100;
}
.header .head-right{
    display: inline-block;
    position: relative;
    z-index: 100;
}
.header .head-right .header-nav{
    display: inline-block;
}
/* 右上角搜索框 - 在flex布局中 */
.header-flex-layout .head-right-search {
    position: relative;
    z-index: 200;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.header-flex-layout .head-right-search .searchbox {
    text-align: right;
    width: 260px;
    border-radius: 8px;
    overflow: hidden;
}

/* 旧布局的搜索框（如果还有使用） */
.header:not(.header-flex-layout) .head-right-search {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 200;
}

.header:not(.header-flex-layout) .head-right-search .searchbox {
    text-align: right;
    width: 260px;
    border-radius: 8px;
    overflow: hidden;
}

.head-right-search .wp-search {
    position: relative;
    background: rgba(255, 255, 255, 0.2);
}

.head-right-search .wp-search form {
    display: block;
}

.head-right-search .wp-search .search-input {
    margin-left: 20px;
    margin-right: 45px;
}

.head-right-search .wp-search .search-input input.search-title {
    width: 100%;
    line-height: 40px;
    background: none;
    color: #ffffff;
    font-size: 14px;
    border: 0;
    outline: 0;
    font-family: Arial, sans-serif;
}

.head-right-search .wp-search .search-input input.search-title::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.head-right-search .wp-search .search-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

.head-right-search .wp-search .search-btn input.search-submit {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background: url(images/sous.png) no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
}
/*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/link_icon.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: -60px 0px;}
.site-rale ul li.links.i3 a{background-position: -117px 0px;}
.site-rale ul li.links.i4 a{background-position: -177px 0px;}
/*lang样式*/
.site-lang{float:left;margin-right: 17px;}
.site-lang ul{float:right;}
.site-lang ul li.links{float:left;}
.site-lang ul li.links a{line-height: 42px;font-size: 18px;color: #fff; padding: 0 7px; font-family: "思源黑体";/*background: url(images/lang_bg.png) no-repeat right center; background-position-y: 5.5px;*/}
.site-lang ul li.links.i3 a{background:unset;}
.site-lang ul li.links a:hover{color:#fff;}
/*默认主导航样式*/
#nav{
    position: relative;
    z-index: 10;
    background: transparent;
    transition: all 0.3s ease;
    /* 为导航栏创建独立渲染层 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
}
/* 滚动后的导航栏样式（如果需要粘性导航） */
#nav.scrolled {
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
}
#nav .inner{width:1300px;}
#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);}
/*导航样式：后台绑定时也可以定义配置*/
.wp-menu {
    margin:0;
    display: inline-block;
    text-align: center;
}
.wp-menu .menu-item {
    display: inline-block;
    position: relative;
}
.wp-menu .menu-item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.3);
}
.wp-menu .menu-item:last-child::after {
    display: none;
}
.wp-menu .menu-item.i1 { background:none;}
.wp-menu .menu-item a > .menu-switch-arrow{ display:inline-block; width:20px; height:20px; background:url(images/nav_j.png) no-repeat center center;vertical-align:middle; display:none;}
.wp-menu .menu-item a.menu-link {
    display: inline-block;
    padding: 0 22px;
    line-height: 55px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    position: relative;
    overflow: visible;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    white-space: nowrap;
    transform: translateY(0) scale(1);
}

.wp-menu .menu-item a.menu-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

.wp-menu .menu-item.hover a.menu-link,
.wp-menu .menu-item a.hover,
.wp-menu .menu-item a.menu-link:hover,
.wp-menu .menu-item a.menu-link.selected{
    text-decoration: none;
    color: #fff;
    transform: translateY(-3px) scale(1.08);
}

.wp-menu .menu-item a.menu-link:hover::before,
.wp-menu .menu-item a.menu-link.selected::before {
    width: 60%;
}

.sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    min-width: 100%;
    z-index: 100;
    background: #fff;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.sub-menu .sub-item { 
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    _zoom: 1;
    transition: all 0.3s ease;
}

.sub-menu .sub-item a {
    display: block;
    color: #333;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 17px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-weight: 500;
    background: rgba(255, 255, 255, 0);
    transition: all 0.4s ease;
}

.sub-menu .sub-item.hover > a,
.sub-menu .sub-item a:hover{ 
    color: #fff;
    background: #4a90e2;
    display: block;
}

.sub-menu .sub-menu { 
    left: 100%;
    top: 0px;
    z-index: 200;
    background: #fff;
}
/**主页banner开始**/
#banner {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 800px;
    height: 100%;
    z-index: 1;
}
#banner .inner {
    width: 100%;
    min-height: 800px;
    height: 100%;
    text-align: center;
    position: relative;
}
#banner .focus {
    width: 100%;
    min-height: 800px;
    height: 100%;
}
#banner .focus-container {
    width: 100%;
    min-height: 800px;
    height: 100%;
    /* 为轮播容器启用GPU加速并优化性能 */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    will-change: transform;
}
#banner .focus-item {
    width: 100%;
    min-height: 800px;
    height: 100%;
    /* 为每个轮播项启用硬件加速 */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}
#banner .focus-item img {
    width: 100%;
    height: 100%;
    min-height: 800px;
    object-fit: cover;
    object-position: center;
    display: block;
    /* 为图片启用GPU加速并优化渲染 */
    transform: translateZ(0) scale(1.08);
    -webkit-transform: translateZ(0) scale(1.08);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    /* 初始状态：放大状态，用于加载动画 */
    opacity: 0;
    transition: opacity 0.8s ease, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: opacity 0.8s ease, transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* 图片加载完成后的动画状态 - 从放大缩小到正常 */
#banner .focus-item img.loaded {
    opacity: 1;
    transform: translateZ(0) scale(1);
    -webkit-transform: translateZ(0) scale(1);
}
/* 切换时的动画类 */
#banner .focus-item img.animating {
    transform: translateZ(0) scale(1.08);
    -webkit-transform: translateZ(0) scale(1.08);
    opacity: 0.8;
}
#banner .focus-item img.animating-active {
    transform: translateZ(0) scale(1);
    -webkit-transform: translateZ(0) scale(1);
    opacity: 1;
}

/**列表页banner样式 - 独立样式，固定300px高度**/
.list-page-banner {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px !important;
    z-index: 1;
}
.list-page-banner .list-banner-inner {
    width: 100%;
    height: 430px !important;
    text-align: center;
    position: relative;
}
.list-page-banner .list-banner-focus {
    width: 100%;
    height: 430px !important;
    position: relative;
}
.list-page-banner .focus-container {
    width: 100%;
    height: 430px !important;
}
.list-page-banner .focus-item {
    width: 100%;
    height: 430px !important;
}
.list-page-banner .focus-item img {
    width: 100%;
    height: 430px !important;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* 中央搜索区域样式 */
.center-search-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 40px;
    z-index: 200;
    width: 100%;
    max-width: 900px;
    padding: 0 20px;
    box-sizing: border-box;
}

.center-search-box {
    width: 100%;
}

.center-search-form {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px;
    padding: 8px 8px 8px 30px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.center-search-form:hover {
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.center-search-form:focus-within {
    box-shadow: 0 12px 48px rgba(2, 82, 155, 0.35);
    transform: translateY(-2px);
}

.center-search-input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    padding: 15px 20px;
    font-size: 18px;
    color: #333;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

.center-search-input::placeholder {
    color: #999;
    font-size: 16px;
}

.center-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 35px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #0066cc 0%, #02529B 100%);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: "Microsoft YaHei", Arial, sans-serif;
    white-space: nowrap;
}

.center-search-btn:hover {
    background: linear-gradient(135deg, #0052a3 0%, #013d73 100%);
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(2, 82, 155, 0.5);
}

.center-search-btn:active {
    transform: scale(0.98);
}

.center-search-btn .search-icon {
    width: 20px;
    height: 20px;
    color: #fff;
    transition: transform 0.3s ease;
}

.center-search-btn:hover .search-icon {
    transform: rotate(90deg);
}

/* 搜索弹窗样式 */
.layer {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}
.layer-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 80px;
    width: 700px;
    max-width: 90%;
}
.searchbox {
    width: 100%;
}

/* 现代化搜索表单样式 */
.popup-search-form {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px;
    padding: 8px 8px 8px 30px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.popup-search-form:hover {
    box-shadow: 0 16px 64px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

.popup-search-form:focus-within {
    box-shadow: 0 16px 64px rgba(2, 82, 155, 0.45);
    transform: translateY(-2px);
}

.popup-search-input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    padding: 18px 20px;
    font-size: 18px;
    color: #333;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

.popup-search-input::placeholder {
    color: #999;
    font-size: 16px;
}

.popup-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 40px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #0066cc 0%, #02529B 100%);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: "Microsoft YaHei", Arial, sans-serif;
    white-space: nowrap;
}

.popup-search-btn:hover {
    background: linear-gradient(135deg, #0052a3 0%, #013d73 100%);
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(2, 82, 155, 0.6);
}

.popup-search-btn:active {
    transform: scale(0.98);
}

.popup-search-btn .search-icon {
    width: 20px;
    height: 20px;
    color: #fff;
    transition: transform 0.3s ease;
}

.popup-search-btn:hover .search-icon {
    transform: rotate(90deg);
}

.shutdown {
    position: absolute;
    top: -60px;
    right: 0;
    cursor: pointer;
}
.shutdown .close {
    display: block;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}
.shutdown .close:hover {
    transform: rotate(90deg) scale(1.1);
    opacity: 0.8;
}
.shutdown .close img {
    width: 100%;
    height: 100%;
    display: block;
}

/* 新闻资讯和通知公告容器 */
.news-notice-wrapper {
    display: flex;
    gap: 28px;
    align-items: flex-start;
    width: 100% !important;
    max-width: 1520px !important;
}

/* 左侧新闻资讯 */
.post-news-info {
    flex: 2.5;
    width: 65%;
}

.post-news-info .tt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.post-news-info .tt .tit {
    text-align: left;
}

.post-news-info .tit .title,
.post-news-info .tit .title span {
    font-size: 32px !important;
    font-weight: bold !important;
    color: #1e5fa8 !important;
    font-family: "Microsoft YaHei", Arial, sans-serif !important;
    display: block;
    margin-bottom: 8px;
}

.post-news-info .tit .tt_en {
    display: block !important;
    font-size: 14px !important;
    color: #999 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-family: Arial, sans-serif !important;
}

.post-news-info .more_btn {
    cursor: pointer;
}

.post-news-info .more_text {
    display: inline-block;
    padding: 10px 24px;
    background: linear-gradient(135deg, #1e5fa8 0%, #2e7cd6 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 25px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(30, 95, 168, 0.2);
}

.post-news-info .more_text:hover {
    background: linear-gradient(135deg, #2e7cd6 0%, #1e5fa8 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 95, 168, 0.35);
}

.post-news-info .more_text .more-arrow {
    display: inline-block;
    margin-left: 6px;
    transition: all 0.3s ease;
}

.post-news-info .more_text .more-arrow svg {
    width: 14px;
    height: 14px;
    stroke: #fff;
    vertical-align: middle;
}

.post-news-info .more_text:hover .more-arrow {
    transform: translateX(3px);
}

.post-news-info .con {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    height: auto;
    min-height: 594px;
    overflow: visible;
}

.post-news-info .news-content-wrapper {
    display: flex;
    gap: 30px;
    align-items: stretch;
    position: relative;
}

/* 左侧区域：图片 + 图片下方新闻 */
.post-news-info .news-left-section {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    flex-shrink: 0;
    display: block;
    padding: 32px 0 0 0;
    margin: 0;
    overflow: visible;
}

.post-news-info .news-big-image {
    width: 400px;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    flex-shrink: 0;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px 0;
    display: block;
}

.post-news-info .news-image-link {
    display: block;
    width: 400px;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 0;
}

.post-news-info .news-image-link img {
    width: 400px;
    height: 400px;
    display: block;
    object-fit: cover;
    transition: all 0.5s ease;
    padding: 0;
    margin: 0;
}

.post-news-info .news-image-link:hover img {
    transform: scale(1.08);
}

/* 图片下方的新闻行 */
.post-news-info .news-below-image {
    width: 400px;
    min-height: 90px;
    padding: 0;
    margin: 0;
    display: block;
    border-top: 1px solid #DCDCDC;
    position: relative !important;
    box-sizing: border-box;
    overflow: visible;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.post-news-info .news-below-image::after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02529B, #57b8ef);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.post-news-info .news-below-image:hover::after{
    width: 100%;
}

.post-news-info .news-below-link {
    display: block;
    width: 100%;
    padding: 6px 0;
    margin: 0;
    padding-left: 90px;
    position: relative;
    transition: transform 0.3s ease;
    transform: translateX(0);
}
.post-news-info .news-below-image:hover {
    transform: translateX(8px);
}

/* 图片下方新闻-标题长度限制30字符 */
.post-news-info .news-below-image .news-title-text {
    white-space: nowrap;
    max-width: 30ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 右侧新闻列表 */
.post-news-info .news-list-right {
    flex: 1;
    min-width: 0;
    max-width: 55%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.post-news-info .news_list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.post-news-info .news_list .news {
    border-bottom: 1px solid #DCDCDC;
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 5px;
    display: block;
    min-height: 90px;
    width: 100%;
    overflow: visible;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative !important;
    box-sizing: border-box;
    padding-left: 0px;
}

.post-news-info .news_list .news::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02529B, #57b8ef);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.post-news-info .news_list .news:hover::after{
    width: 100%;
}

.post-news-info .news_list .news:hover {
    transform: translateX(8px);
}

.post-news-info .news_list .news:last-child {
    border-bottom: none;
}

.post-news-info .news_list .news-item-link {
    display: block;
    width: 100%;
    padding: 5px 0;
    position: relative;
    padding-left: 90px;
}

/* 90*90 蓝色日期方块：上方日期、下方年月 */
.post-news-info .news-date-block,
.post-news-info .news_list .news-date-block {
    position: absolute !important;
    left: 0 !important;
    top: 35px !important;
    width: 90px !important;
    height: 90px !important;
    background: #0078D4 !important;
    color: #fff !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    box-sizing: border-box;
    z-index: 10;
}

/* 新闻动态第2、4条的日期卡片颜色 */
.post-news-info .news_list .news:nth-child(2) .news-date-block,
.post-news-info .news_list .news:nth-child(4) .news-date-block {
    background: #E0EBF7 !important;
    color: #1e5fa8 !important;
}

/* 通知公告第2、4条的日期卡片颜色 */
.post-notice .notice-item:nth-child(2) .notice-date-block,
.post-notice .notice-item:nth-child(4) .notice-date-block {
    background: #E0EBF7 !important;
    color: #1e5fa8 !important;
}

/* 图片下方的新闻时间卡片单独样式 */
.news-below-image .news-date-block {
    position: absolute !important;
    left: 0 !important;
    top: 41px !important;
}
.post-news-info .news-date-block .date-day,
.post-news-info .news_list .news-date-block .date-day {
    display: block;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.1;
}
.post-news-info .news-date-block .date-ym,
.post-news-info .news_list .news-date-block .date-ym {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 4px;
    font-weight: normal;
}

.post-news-info .news-content-wrap,
.post-news-info .news_list .news-content-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    box-sizing: border-box;
    padding-left: 106px;
}
.post-news-info .news-content-wrap .news-title-text,
.post-news-info .news-content-wrap .news-intro-text {
    display: block;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 标题样式 */
.post-news-info .news-title-text {
    font-size: 19px;
    line-height: 1.3;
    color: #2b2b2b;
    font-weight: bold;
    margin: 2px 0 0 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* transition: all 0.3s ease; */
    max-width: 100%;
}

.post-news-info .news-item-link:hover .news-title-text,
.post-news-info .news-below-link:hover .news-title-text {
    color: #1e5fa8;
}

/* 简介样式 */
.post-news-info .news-intro-text {
    font-size: 16px;
    line-height: 1.3;
    color: #6A6A6A;
    margin:15px 0 0 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

/* 右侧通知公告 */
.post-notice {
    flex: 1.5 !important;
    width: 35% !important;
    max-width: 35% !important;
}

.post-notice .tt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.post-notice .tt .tit {
    text-align: left;
}

.post-notice .tit .title,
.post-notice .tit .title span {
    font-size: 32px !important;
    font-weight: bold !important;
    color: #1e5fa8 !important;
    font-family: "Microsoft YaHei", Arial, sans-serif !important;
    display: block;
    margin-bottom: 8px;
}

.post-notice .tit .tt_en {
    display: block !important;
    font-size: 14px !important;
    color: #999 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-family: Arial, sans-serif !important;
}

.post-notice .more_btn {
    cursor: pointer;
}

.post-notice .more_text {
    display: inline-block;
    padding: 10px 24px;
    background: linear-gradient(135deg, #1e5fa8 0%, #2e7cd6 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 25px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(30, 95, 168, 0.2);
}

.post-notice .more_text:hover {
    background: linear-gradient(135deg, #2e7cd6 0%, #1e5fa8 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 95, 168, 0.35);
}

.post-notice .more_text .more-arrow {
    display: inline-block;
    margin-left: 6px;
    transition: all 0.3s ease;
}

.post-notice .more_text .more-arrow svg {
    width: 14px;
    height: 14px;
    stroke: #fff;
    vertical-align: middle;
}

.post-notice .more_text:hover .more-arrow {
    transform: translateX(3px);
}

.post-notice .con {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    height: auto;
    overflow: hidden;
}

.post-notice .notice_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.post-notice .notice-item {
    border-bottom: 1px solid #DCDCDC;
    transition: all 0.3s ease;
    display: block;
    min-height: 90px;
    overflow: visible;
    cursor: pointer;
    position: relative !important;
    box-sizing: border-box;
    padding-left: 0px;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

.post-notice .notice-item::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02529B, #57b8ef);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.post-notice .notice-item:hover::after{
    width: 100%;
}

.post-notice .notice-item:hover {
    transform: translateX(8px);
}

.post-notice .notice-item:last-child {
    border-bottom: none;
}

.post-notice .notice-item a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    padding: 1.23px 0;
    padding-left: 90px;
    position: relative;
    box-sizing: border-box;
}

/* 90*90 蓝色日期方块：上方日期、下方年月（通知公告） */
.post-notice .notice-date-block {
    position: absolute;
    left: 0;
    top: 28px;
    width: 90px !important;
    height: 90px !important;
    background: #0078D4 !important;
    color: #fff !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    box-sizing: border-box;
    z-index: 10;
    flex-shrink: 0;
}
.post-notice .notice-date-block .date-day {
    display: block;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.1;
}
.post-notice .notice-date-block .date-ym {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 4px;
    font-weight: normal;
}

.post-notice .notice-content-wrap {
    flex: 1;
    min-width: fit-content;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding-left: 16px;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    box-sizing: border-box;
}
.post-notice .notice-content-wrap .notice-title-text,
.post-notice .notice-content-wrap .notice-intro-text {
    display: block;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 标题样式 */
.post-notice .notice-title-text {
    font-size: 19px;
    line-height: 1.3;
    color: #2b2b2b;
    font-weight: bold;
    margin: 15px 0 0 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* transition: all 0.3s ease; */
    max-width: 100%;
}

.post-notice .notice-item:hover .notice-title-text {
    color: #1e5fa8;
}

/* 简介样式 */
.post-notice .notice-intro-text {
    font-size: 16px;
    line-height: 1.3;
    color: #6A6A6A;
    margin: 15px 0 0 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
}

/* 安全动态板块 - 照搬官网模板通知公告样式 */
.post-security {
    width: 100% !important;
    max-width: 1520px;
    margin: 0 auto;
}

.post-security .tt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.post-security .tt .tit {
    text-align: left;
}

.post-security .tit .title,
.post-security .tit .title span {
    font-size: 32px !important;
    font-weight: bold !important;
    color: #1e5fa8 !important;
    font-family: "Microsoft YaHei", Arial, sans-serif !important;
    display: block;
    margin-bottom: 8px;
}

.post-security .tit .tt_en {
    display: block !important;
    font-size: 14px !important;
    color: #999 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-family: Arial, sans-serif !important;
}

.post-security .more_btn {
    cursor: pointer;
}

.post-security .more_text {
    display: inline-block;
    padding: 10px 24px;
    background: linear-gradient(135deg, #1e5fa8 0%, #2e7cd6 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 25px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(30, 95, 168, 0.2);
}

.post-security .more_text:hover {
    background: linear-gradient(135deg, #2e7cd6 0%, #1e5fa8 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 95, 168, 0.35);
}

.post-security .more_text .more-arrow {
    display: inline-block;
    margin-left: 6px;
    transition: all 0.3s ease;
}

.post-security .more_text .more-arrow svg {
    width: 14px;
    height: 14px;
    stroke: #fff;
    vertical-align: middle;
}

.post-security .more_text:hover .more-arrow {
    transform: translateX(3px);
}

.post-security .con {
    padding: 20px 0;
}

.post-security .news_list {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
    row-gap: 28px;
    list-style: none;
    padding: 0;
}

.post-security .news_list .news {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}

.post-security .news a {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 30px 30px 20px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    min-height: 146px;
    position: relative;
    transition: all 0.3s ease;
}

.post-security .news a:hover {
    box-shadow: 0px 6px 20px 0px rgba(30, 95, 168, 0.4);
    transform: translateY(-2px);
}

.post-security .news a::before {
    content: attr(data-date);
    margin-bottom: 10px;
    transition: all 0.3s ease;
    font-size: 18px;
    color: #1e5fa8;
    font-weight: bold;
    line-height: 1.2;
    font-family: Arial, sans-serif;
    display: block;
}

.post-security .news a::after {
    content: attr(data-title);
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
}

.post-security .news a:hover::before,
.post-security .news a:hover::after {
    color: #1e5fa8;
}

/**服务指南区域样式**/
.service-guide-section {
    background: transparent;
    padding: 0 0 60px 0;
    margin-top: -245px;
    position: relative;
    z-index: 60;
}

/* 服务指南区域使用与热门服务相同的宽度 */
.service-guide-section .inner {
    width: 100% !important;
    max-width: 1520px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 服务指南区域背景蒙版 - 覆盖整个section */
.service-guide-section::before {
    content: '';
    position: absolute;
    top: 113px;  /* 从框体开始的位置显示蒙版，避免遮挡Banner底部 */
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('images/firstbg.png');
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.service-guide-container {
    display: flex;
    gap: 0;
    min-height: 500px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    position: relative;
    z-index: 10;
}

/* 左侧导航栏 */
.service-nav {
    width: 240px;
    background: #f0f6fc;
    border-radius: 8px 0 0 8px;
    overflow: visible;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-right: 2px solid #e0e0e0;
}

.service-nav-item {
    padding: 25px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    background-size: 110%;
}

.service-nav-item:last-child {
    border-bottom: none;
}

.service-nav-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #0d4a8e;
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.service-nav-item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(205, 230, 250, 0.2);
    z-index: 0;
}

.service-nav-item.active {
    background-size: 140%;
    position: relative;
    z-index: 10;
    box-shadow: inset 0 2px 8px rgba(13, 74, 142, 0.3), inset 0 0 5px rgba(13, 74, 142, 0.2);
}

.service-nav-item.active .nav-text {
    transform: translateX(8px);
}

.service-nav-item.active .nav-subtitle {
    transform: translateX(8px);
}

/* 基础服务 - 使用1.png */
.service-nav-item:nth-child(1) {
    background: url('images/icon/1.png') no-repeat center center;
    background-size: 110%;
}
.service-nav-item:nth-child(1).active {
    background: url('images/icon/1.png') no-repeat center center;
    background-size: 140%;
    position: relative;
    z-index: 10;
    box-shadow: inset 0 2px 8px rgba(13, 74, 142, 0.3), inset 0 0 5px rgba(13, 74, 142, 0.2);
}

/* 应用系统 - 使用2.png */
.service-nav-item:nth-child(2) {
    background: url('images/icon/2.png') no-repeat center center;
    background-size: 110%;
}
.service-nav-item:nth-child(2).active {
    background: url('images/icon/2.png') no-repeat center center;
    background-size: 140%;
    position: relative;
    z-index: 10;
    box-shadow: inset 0 2px 8px rgba(13, 74, 142, 0.3), inset 0 0 5px rgba(13, 74, 142, 0.2);
}

/* 部门职责 - 使用3.png */
.service-nav-item:nth-child(3) {
    background: url('images/icon/3.png') no-repeat center center;
    background-size: 110%;
}
.service-nav-item:nth-child(3).active {
    background: url('images/icon/3.png') no-repeat center center;
    background-size: 140%;
    position: relative;
    z-index: 10;
    box-shadow: inset 0 2px 8px rgba(13, 74, 142, 0.3), inset 0 0 5px rgba(13, 74, 142, 0.2);
}

/* 服务指南 - 使用4.png */
.service-nav-item:nth-child(4) {
    background: url('images/icon/4.png') no-repeat center center;
    background-size: 110%;
}
.service-nav-item:nth-child(4).active {
    background: url('images/icon/4.png') no-repeat center center;
    background-size: 140%;
    position: relative;
    z-index: 10;
    box-shadow: inset 0 2px 8px rgba(13, 74, 142, 0.3), inset 0 0 5px rgba(13, 74, 142, 0.2);
}

/* 网络安全 - 使用5.png */
.service-nav-item:nth-child(5) {
    background: url('images/icon/5.png') no-repeat center center;
    background-size: 110%;
}
.service-nav-item:nth-child(5).active {
    background: url('images/icon/5.png') no-repeat center center;
    background-size: 140%;
    position: relative;
    z-index: 10;
    box-shadow: inset 0 2px 8px rgba(13, 74, 142, 0.3), inset 0 0 5px rgba(13, 74, 142, 0.2);
}

.service-nav-item.active::after {
    display: none;
}

.service-nav-item.active::before {
    transform: scaleY(0);
}

.service-nav-item .nav-text {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #222;
    margin-bottom: 4px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.service-nav-item .nav-subtitle {
    display: block;
    font-size: 11px;
    color: #222;
    letter-spacing: 0.5px;
    font-family: Arial, sans-serif;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

/* 悬停时图片放大效果 */
.service-nav-item {
    transition: background-size 0.3s ease;
}

.service-nav-item:hover {
    background-size: 140%;
    background-color: transparent;
}

.service-nav-item:hover .nav-text {
    transform: translateX(8px);
}

.service-nav-item:hover .nav-subtitle {
    transform: translateX(8px);
}

.service-nav-item.active:hover {
    background-size: 140%;
}

.service-nav-item .nav-text,
.service-nav-item .nav-subtitle {
    color: inherit;
}

/* 右侧图标区域 */
.service-icons {
    flex: 1;
    background: #fff;
    padding: 35px 30px;
    border-right: 2px solid #e0e0e0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 25px 20px;
    align-content: start;
    box-sizing: border-box;
    justify-items: center;
}

.service-icon-item {
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    width: 100%;
    max-width: 130px;
}

.service-icon-item:hover {
    transform: translateY(-5px);
}

/* 激活状态（鼠标悬停时） */
.service-icon-item.active .icon-circle {
    background: linear-gradient(135deg, #1e5fa8 0%, #0066cc 100%);
}

.service-icon-item.active .icon-svg {
    color: #fff;
}

/* 为有链接的图标添加可点击的视觉提示 */
.service-icon-item.has-link {
    cursor: pointer;
}

.service-icon-item.no-link {
    cursor: default;
}

/* 使用图片替换图标 - 去掉边框，调小尺寸 */
.service-icon-image {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    display: block;
    transition: all 0.3s ease;
    filter: drop-shadow(0 2px 6px rgba(46, 124, 214, 0.1));
    padding: 0;
    background: transparent;
    border-radius: 0;
    border: none;
    box-sizing: border-box;
}

.service-icon-item:hover .service-icon-image {
    transform: translateY(-5px) scale(1.08);
    filter: drop-shadow(0 4px 12px rgba(46, 124, 214, 0.2));
}

/* 保留原有样式以兼容其他栏目 */
.icon-circle {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    background: linear-gradient(135deg, #2e7cd6 0%, #1b5fa8 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(46, 124, 214, 0.3);
    position: relative;
    overflow: hidden;
}

.icon-circle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.service-icon-item:hover .icon-circle::before {
    width: 100%;
    height: 100%;
}

.icon-svg {
    width: 36px;
    height: 36px;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}

.service-icon-item:hover .icon-circle {
    background: linear-gradient(135deg, #1b5fa8 0%, #0d4a8e 100%);
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 8px 24px rgba(46, 124, 214, 0.4);
}

.service-icon-item:hover .icon-svg {
    transform: scale(1.1);
}

.icon-label {
    display: block;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    transition: color 0.3s ease;
    margin-top: 8px;
    line-height: 1.4;
    text-align: center;
}

.service-icon-item:hover .icon-label {
    color: #2e7cd6;
}

/* 右侧信息展示区域 */
.service-detail {
    width: 650px;
    background: #fff;
    border-radius: 0 8px 8px 0;
    display: flex;
    flex-direction: column;
}

.service-detail-content {
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 564px;
    box-sizing: border-box;
}

.detail-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #999;
    text-align: center;
}

.detail-placeholder p {
    margin-top: 15px;
    font-size: 14px;
}

.service-detail-info {
    display: none;
}

.service-detail-info.active {
    display: flex;
    flex-direction: column;
}

.detail-title {
    font-size: 22px;
    font-weight: bold;
    color: #1e5fa8;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e0e0e0;
}

.detail-item {
    margin-bottom: 18px;
}

.detail-item:last-child {
    margin-bottom: 0;
}

.detail-item-label {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.detail-item-label svg {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    color: #2e7cd6;
}

.detail-item-content {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    padding-left: 24px;
}

.detail-item-content a {
    color: #2e7cd6;
    text-decoration: none;
    word-break: break-all;
}

.detail-item-content a:hover {
    text-decoration: underline;
}

.detail-highlight {
    display: inline-block;
    background: #e3f2fd;
    color: #1e5fa8;
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: 500;
}

/* FAQ问答样式 */
.faq-item {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 3px solid #2e7cd6;
    transition: all 0.3s ease;
}

.faq-item:hover {
    background: #e8f4fd;
    border-left-color: #1e5fa8;
    box-shadow: 0 2px 8px rgba(46, 124, 214, 0.1);
}

/* 可点击的FAQ卡片 */
.faq-clickable {
    cursor: pointer;
}

.faq-clickable:hover {
    background: #e3f2fd;
    border-left-color: #02529B;
    box-shadow: 0 4px 12px rgba(46, 124, 214, 0.2);
    transform: translateX(3px);
}

.faq-question {
    font-size: 15px !important;
    color: #1e5fa8 !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    line-height: 1.6 !important;
}

.faq-question svg {
    color: #2e7cd6 !important;
    flex-shrink: 0;
}

.faq-answer {
    font-size: 14px !important;
    color: #555 !important;
    line-height: 1.8 !important;
    padding-left: 24px !important;
}

.faq-answer strong {
    color: #1e5fa8;
    margin-right: 4px;
}

/* 响应式设计 */
@media screen and (max-width: 1200px) {
    .service-guide-section {
        margin-top: -100px;
    }
    
    .service-guide-container {
        flex-direction: column;
    }
    
    .service-nav {
        width: 100%;
        border-radius: 8px 8px 0 0;
        display: flex;
        overflow-x: auto;
    }
    
    .service-detail {
        width: 100%;
        border-radius: 0 0 8px 8px;
    }
    
    .service-detail-content {
        padding: 25px 20px;
    }
    
    .service-nav-item {
        flex: 1;
        min-width: 150px;
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
    
    .service-nav-item:last-child {
        border-right: none;
    }
    
    .service-icons {
        border-radius: 0 0 8px 8px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 18px 15px;
        padding: 30px 20px;
    }
    
    .service-icon-image {
        width: 55px;
        height: 55px;
        margin: 0 auto 8px;
    }
    
    .service-icon-item {
        max-width: 110px;
    }
    
    .icon-label {
        font-size: 12px;
    }
    
    .service-detail {
        width: 350px;
    }
    
    .icon-circle {
        width: 70px;
        height: 70px;
    }
    
    .icon-svg {
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width: 768px) {
    .service-guide-section {
        padding: 0 0 40px 0;
        margin-top: -80px;
    }
    
    .service-icons {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        padding: 25px 20px;
        gap: 25px 20px;
    }
    
    .service-icon-image {
        width: 50px;
        height: 50px;
        margin: 0 auto 8px;
    }
    
    .icon-label {
        font-size: 12px;
    }
    
    .service-detail {
        width: 100%;
    }
    
    .icon-circle {
        width: 60px;
        height: 60px;
    }
    
    .icon-svg {
        width: 28px;
        height: 28px;
    }
    
    .icon-label {
        font-size: 13px;
    }
    
    .service-nav-item {
        padding: 20px 15px;
    }
    
    .service-nav-item .nav-text {
        font-size: 15px;
    }
    
    .service-nav-item .nav-subtitle {
        font-size: 10px;
    }
}

/**热门服务板块样式**/
.hot-services-section {
    background: #fff;
    padding: 60px 0;
    overflow: visible;
}

/* 热门服务板块的inner不受全局1300px限制 */
.hot-services-section .inner {
    width: 100% !important;
    max-width: 1700px;
    padding: 0 20px;
    overflow: visible !important;
}

.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-title {
    font-size: 32px;
    font-weight: bold;
    color: #1e5fa8;
    margin-bottom: 10px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

.section-subtitle {
    display: block;
    font-size: 14px;
    color: #999;
    letter-spacing: 2px;
    font-family: Arial, sans-serif;
}

/* 应用推广轮播容器 */
.promotion-carousel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0 20px 30px;
    max-width: 1700px;
    margin: 0 auto;
    overflow: visible;
}

/* 轮播导航按钮 */
.carousel-nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #2E7CD6;
    color: #2E7CD6;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: absolute;
}

.carousel-prev {
    left: 20px;
}

.carousel-next {
    right: 20px;
}

.carousel-nav-btn svg {
    width: 26px;
    height: 26px;
}

.carousel-nav-btn:hover {
    background: #2E7CD6;
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 4px 16px rgba(46, 124, 214, 0.4);
}

.carousel-nav-btn:active {
    transform: scale(0.95);
}

/* 轮播主容器 */
.promotion-carousel-container {
    flex: 1;
    overflow: hidden;
    position: relative;
    min-height: 340px;
    max-width: 1563px;
    margin: 0 auto;
    padding: 15px 0;
}

/* 轮播轨道 */
.promotion-carousel-track {
    display: flex;
    gap: 40px;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    align-items: center;
    min-height: 310px;
    padding: 0;
}

/* 轮播项 */
.carousel-item {
    flex-shrink: 0;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.7;
    position: relative;
}

/* 中间激活的轮播项 */
.carousel-item.active {
    opacity: 1;
    z-index: 2;
}

.carousel-item a {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    background: #fff;
}

.carousel-item.active a {
    box-shadow: 0 8px 30px rgba(46, 124, 214, 0.25);
}

.carousel-item a:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(46, 124, 214, 0.3);
}

/* 为hover状态增加底部padding，防止被挡住 */
.promotion-carousel-wrapper {
    padding-bottom: 30px;
}

/* 图片容器 */
.carousel-image-wrapper {
    overflow: hidden;
}

/* 非激活项的图片尺寸（两边） */
.carousel-item img {
    width: 444px;
    height: 190px;
    display: block;
    object-fit: cover;
}

/* 激活项的图片尺寸（中间） */
.carousel-item.active img {
    width: 555px;
    height: 240px;
}

/* 信息白条 */
.carousel-info {
    background: #fff;
    padding: 15px 20px;
    height: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

/* 激活项的信息白条 */
.carousel-item.active .carousel-info {
    height: 70px;
    padding: 18px 25px;
}

/* 标题 */
.carousel-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0 0 5px 0;
    line-height: 1.3;
    white-space: normal;
    word-break: break-all;
}

.carousel-item.active .carousel-title {
    font-size: 18px;
    margin-bottom: 5px;
}

/* 描述 - 隐藏 */
.carousel-desc {
    display: none;
}

/* 进度指示器 */
.carousel-indicators {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
}

.indicator {
    width: 40px;
    height: 4px;
    background: #d0d0d0;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator:hover {
    background: #4A90E2;
}

.indicator.active {
    background: #2E7CD6;
    width: 60px;
}

.hot-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.hot-service-item {
    position: relative;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 环状装饰背景 */
.hot-service-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url('images/service-ring-gray.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.6;
    transition: all 0.4s ease;
    pointer-events: none;
    z-index: 1;
}

.hot-service-item:hover {
    box-shadow: 0 8px 24px rgba(30, 95, 168, 0.15);
    transform: translateY(-4px);
}

/* hover时变为彩色图片 */
.hot-service-item:hover::before {
    background-image: url('images/service-ring-color.png');
    opacity: 0.8;
    transform: scale(1.02);
}

.hot-service-item a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 28px 32px;
    text-decoration: none;
    color: inherit;
    gap: 20px;
    z-index: 2;
}

.service-icon-wrapper {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: linear-gradient(135deg, #e8f2fc 0%, #d6e9f8 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.hot-service-item:hover .service-icon-wrapper {
    background: linear-gradient(135deg, #1e5fa8 0%, #0d4a8e 100%);
    transform: scale(1.1) rotate(5deg);
}

.service-svg {
    width: 32px;
    height: 32px;
    color: #1e5fa8;
    transition: all 0.3s ease;
}

.hot-service-item:hover .service-svg {
    color: #fff;
    transform: scale(1.1);
}

.service-info {
    flex: 1;
}

.service-name {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    transition: color 0.3s ease;
}

.hot-service-item:hover .service-name {
    color: #1e5fa8;
}

.service-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

.service-arrow {
    width: 24px;
    height: 24px;
    min-width: 24px;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.service-arrow svg {
    width: 100%;
    height: 100%;
    color: #666;
}

.hot-service-item:hover .service-arrow {
    opacity: 1;
    transform: translateX(5px);
}

.hot-service-item:hover .service-arrow svg {
    color: #1e5fa8;
}

/* 右侧固定服务热线侧边栏 */
/* 服务热线卡片（新闻资讯板块最右侧） */
.main1 {
    position: relative;
}

.service-hotline-card-fixed {
    position: absolute;
    right: 0;
    bottom: 132px;
    z-index: 1000;
    width: 50px;
    height: 300px;
    cursor: pointer;
}

/* 小图标标签 */
.hotline-tab-mini {
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #F6A426 0%, #d9911f 100%);
    padding: 12px 10px;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 4px 15px rgba(246, 164, 38, 0.4);
    transition: all 0.3s ease;
    z-index: 1;
    animation: hotline-pulse 2s infinite;
}

@keyframes hotline-pulse {
    0% {
        box-shadow: 0 4px 15px rgba(246, 164, 38, 0.4);
    }
    50% {
        box-shadow: 0 4px 25px rgba(246, 164, 38, 0.7);
    }
    100% {
        box-shadow: 0 4px 15px rgba(246, 164, 38, 0.4);
    }
}

.hotline-tab-mini::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    margin: 0 auto 8px auto;
}

.hotline-tab-text {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    writing-mode: vertical-rl;
    letter-spacing: 2px;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.service-hotline-card-fixed:hover .hotline-tab-mini {
    background: linear-gradient(135deg, #d9911f 0%, #F6A426 100%);
}

/* 完整卡片 */
.hotline-card-full {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 270px;
    background: #fff;
    border-radius: 6px 0 0 6px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 2;
}

/* 悬停时展开卡片 */
.service-hotline-card-fixed:hover .hotline-card-full {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

/* 悬停时隐藏小图标 */
.service-hotline-card-fixed:hover .hotline-tab-mini {
    opacity: 0;
    visibility: hidden;
}

.hotline-card-header {
    background: linear-gradient(135deg, #1e5fa8 0%, #0066cc 100%);
    padding: 15px;
    text-align: center;
}

.hotline-card-header h3 {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    margin: 0;
}

.service-hotline-card-fixed:hover .hotline-card-header h3 {
    font-size: 21px;
}

.hotline-card-body {
    padding: 15px;
    max-height: 580px;
    overflow-y: auto;
}

.service-hotline-card-fixed:hover .hotline-card-body {
    padding: 15px;
}

.hotline-item-card {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.hotline-item-card:last-child {
    border-bottom: none;
}

.hotline-dept-card {
    font-size: 16px;
    color: #666;
    margin-bottom: 8px;
    line-height: 1.3;
}

.hotline-number-card {
    display: flex;
    align-items: center;
}

.hotline-number-card a {
    color: #0066cc;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease;
}

.hotline-number-card a:hover {
    color: #1e5fa8;
}

/* 联系我们样式 */
.contact-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
}

.contact-label {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
}

.contact-qrcode {
    flex: 1;
    text-align: right;
}

.contact-qrcode img {
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* 右侧固定服务热线侧边栏 */
.hot-services-section {
    position: relative;
}

.service-hotline-sidebar {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    transition: all 0.3s ease;
    pointer-events: auto;
}

.service-hotline-sidebar.active {
    z-index: 10000 !important;
}

.sidebar-tab {
    position: fixed !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: linear-gradient(135deg, #bbdefb 0%, #90caf9 100%);
    padding: 20px 12px;
    border-radius: 8px 0 0 8px;
    cursor: pointer;
    box-shadow: -2px 0 12px rgba(30, 95, 168, 0.3);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    z-index: 1001 !important;
}

.sidebar-tab:hover {
    background: linear-gradient(135deg, #90caf9 0%, #64b5f6 100%);
    padding-right: 16px;
    box-shadow: -4px 0 20px rgba(30, 95, 168, 0.4);
}

.tab-icon {
    width: 24px;
    height: 24px;
    color: #fff;
}

.tab-text {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    writing-mode: vertical-rl;
    letter-spacing: 8px;
    line-height: 1;
}

.sidebar-content {
    position: fixed !important;
    right: -260px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 260px;
    max-height: 500px;
    background: #fff;
    border-radius: 12px 0 0 12px;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1002 !important;
}

.service-hotline-sidebar.active .sidebar-content {
    right: 0 !important;
}

.service-hotline-sidebar.active .sidebar-tab {
    opacity: 0 !important;
    pointer-events: none !important;
}

.sidebar-header {
    background: linear-gradient(135deg, #1e5fa8 0%, #0066cc 100%);
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-header h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.sidebar-close {
    width: 32px;
    height: 32px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 0;
}

.sidebar-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

.sidebar-close svg {
    width: 18px;
    height: 18px;
    color: #fff;
}

.sidebar-body {
    padding: 16px;
    max-height: calc(500px - 80px);
    overflow-y: auto;
}

.hotline-item {
    background: linear-gradient(135deg, #e3f2fd 0%, #fff 100%);
    border-left: 4px solid #64b5f6;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    transition: all 0.3s ease;
}

.hotline-item:last-child {
    margin-bottom: 0;
}

.hotline-item:hover {
    transform: translateX(-5px);
    box-shadow: 0 4px 16px rgba(30, 95, 168, 0.15);
    border-left-color: #1e5fa8;
    background: linear-gradient(135deg, #bbdefb 0%, #e3f2fd 100%);
}

.hotline-dept {
    font-size: 12px;
    color: #555;
    margin-bottom: 8px;
    line-height: 1.4;
    font-weight: 500;
}

.hotline-number {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hotline-icon {
    width: 18px;
    height: 18px;
    color: #64b5f6;
    flex-shrink: 0;
}

.hotline-number a {
    font-size: 18px;
    font-weight: bold;
    color: #1e5fa8;
    text-decoration: none;
    transition: all 0.3s ease;
}

.hotline-number a:hover {
    color: #0066cc;
    transform: scale(1.05);
}

/* 响应式设计 */
@media screen and (max-width: 1200px) {
    .hot-services-section {
        padding: 50px 0;
    }
    
    .section-header {
        margin-bottom: 40px;
    }
    
    .section-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 1024px) {
    .promotion-carousel-wrapper {
        padding: 0 15px 30px;
        gap: 0;
        max-width: 1400px;
        overflow: visible;
    }
    
    .carousel-prev {
        left: 15px;
    }
    
    .carousel-next {
        right: 15px;
    }
    
    .promotion-carousel-container {
        min-height: 280px;
        overflow: hidden;
        max-width: 1273px;
        padding: 15px 0;
    }
    
    .promotion-carousel-track {
        gap: 30px;
        min-height: 250px;
    }
    
    .carousel-item img {
        width: 355px;
        height: 152px;
    }
    
    .carousel-item.active img {
        width: 444px;
        height: 190px;
    }
    
    .carousel-info {
        height: 50px;
        padding: 12px 18px;
    }
    
    .carousel-item.active .carousel-info {
        height: 60px;
        padding: 15px 20px;
    }
    
    .carousel-title {
        font-size: 15px;
    }
    
    .carousel-item.active .carousel-title {
        font-size: 17px;
    }
}

@media screen and (max-width: 768px) {
    .hot-services-section {
        padding: 40px 0;
    }
    
    .section-header {
        margin-bottom: 30px;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .section-subtitle {
        font-size: 12px;
    }
    
    .hot-services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    /* 轮播响应式 */
    .promotion-carousel-wrapper {
        padding: 0 10px 30px;
        gap: 0;
        max-width: 1000px;
        overflow: visible;
    }
    
    .carousel-prev {
        left: 10px;
    }
    
    .carousel-next {
        right: 10px;
    }
    
    .carousel-nav-btn {
        width: 40px;
        height: 40px;
    }
    
    .carousel-nav-btn svg {
        width: 20px;
        height: 20px;
    }
    
    .promotion-carousel-container {
        min-height: 237px;
        overflow: hidden;
        max-width: 970px;
        padding: 15px 0;
    }
    
    .promotion-carousel-track {
        gap: 20px;
        min-height: 207px;
    }
    
    .carousel-item img {
        width: 300px;
        height: 130px;
    }
    
    .carousel-item.active img {
        width: 350px;
        height: 152px;
    }
    
    .carousel-info {
        height: 45px;
        padding: 10px 15px;
    }
    
    .carousel-item.active .carousel-info {
        height: 55px;
        padding: 12px 18px;
    }
    
    .carousel-title {
        font-size: 14px;
    }
    
    .carousel-item.active .carousel-title {
        font-size: 16px;
    }
    
    .carousel-desc {
        font-size: 12px;
    }
    
    .carousel-item.active .carousel-desc {
        font-size: 13px;
    }
    
    .indicator {
        width: 30px;
    }
    
    .indicator.active {
        width: 45px;
    }
}
    
    .sidebar-content {
        width: 100%;
        max-width: 260px;
        border-radius: 0;
    }
    
    .sidebar-tab {
        padding: 16px 10px;
    }
    
    .tab-text {
        font-size: 14px;
        letter-spacing: 3px;
    }
    
    .hotline-number a {
        font-size: 18px;
    }
    
    .hot-service-item a {
        padding: 20px 24px;
        gap: 16px;
    }
    
    .service-icon-wrapper {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }
    
    .service-svg {
        width: 26px;
        height: 26px;
    }
    
    .service-name {
        font-size: 18px;
        margin-bottom: 6px;
    }
    
    .service-desc {
        font-size: 13px;
    }
}

/**主体模块样式**/
#m-container {}
#m-container .inner {}
/**首页三列布局**/
.mod {}
.mbox {}

/**标题栏新闻窗口**/
.post {}
.post .tt {display:inline-block;width:100%;padding-bottom: 16px;border-bottom: 2px solid #CACACA;} /**标题栏**/
.post .tt .tit {display:inline-block;float:left;} /**标题字体**/
.post .tt .tit .title {display:block;line-height: 32px;font-size: 24px;color: #000;cursor:pointer;font-weight: normal;}
.post .tt .tit .name{ display:none; line-height:16px; color:#333; }/*栏目别名*/
.post .con {margin:0 auto; }
.post .con .wp_article_list .list_item { border-bottom: 1px dashed #ccc !important; margin-top: 10px !important; } /**新闻列表**/
.post .con .wp_article_list .list_item .Article_Index { background:url(images/li.gif) no-repeat center; }
.post .more_btn {
    display: inline-block;
    height: 20px;
    margin-top: 10px;
    line-height: 20px;
    float: right;
    font-weight: bold;
    transition: all 0.3s ease;
}
.post .more_btn .more_text,
.post .more_btn a {
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.post .more_btn a {
    color: #0066cc;
    position: relative;
    padding-right: 20px;
}
/* .post .more_btn a::after {
    content: '→';
    position: absolute;
    right: 0;
    transition: transform 0.3s ease;
} */
.post .more_btn a:hover {
    color: #02529B;
    transform: translateX(3px);
}
.post .more_btn a:hover::after {
    transform: translateX(5px);
} 
/*标准标题*/
.post1 {}
.post1 .tt {}
.post1 .tt .tit {}
.post1 .tt .tit .title {}
.post1 .tt .tit .title.selected {color:#02529B;}
.post1 .more_btn a{}
/*带图标标题*/
.post2 { }
.post2 .tt {}
.post2 .tt .tit {padding-left:24px; background:url('images/new1_icon.png') no-repeat left center;}
.post2 .tt .tit .title {font-size: 16px;font-weight:bold;color: #18267d;cursor:pointer;}
.post2 .con {}
/*居中标题*/
.post3 {}
.post3 .tt {width:100%; text-align: center; } 
.post3 .tt .tit {float:none;}
.post3 .tt .tit .title {font-weight:bold; color: #1B2EA3;}
.post3 .more_btn {margin-left:10px;line-height: 20px; float:none;}
/*标题切换hover*/
.post4 {}
.post4 .tt {border-bottom:1px solid #57b8ef;}
.post4 .tt .tit {border-bottom:0px;}
.post4 .tt .tit .title {display:inline-block;margin-right:20px;color: #333; border-bottom: 3px solid #0074B3; cursor:pointer;}
.post4 .tt .tit .title.selected {border-bottom:3px solid #fff; color:#000;}
/**自定义新闻列表**/
.news_list { }
.news_list li.news {line-height: 34px;padding-left:0px;} /**标题图标**/
.news_list li.news span.news_title {float:left; font-size:18px;}/*标题*/
.news_list li.news span.news_title img {vertical-align: middle;}
.news_list li.news span.news_meta {float:right;font-size:18px;color: #999999;}/*属性*/
.news_list li.news .news_time,
.news_list li.news .news_time span{color: #666;}/*发布时间*/
.news_list li.news .news_icon {display:inline-block;margin:0 auto; border:0px solid red;}
.news_list li.news .news_text {line-height:22px; color:#666;}/*默认简介*/
.news_list li.news .news_bg {position:absolute; left:0px;bottom:0px; right:0px; height:30px; background:#000; opacity:.7; filter:Alpha(opacity=70);}
.news_list li.news p {line-height:34px;}
/*日历新闻样式1*/
.rili{}
.rili .con{ padding:5px 0px;}
.rili .news_list {}
.rili .news_list li.news{margin-top:0px;}
.rili .news_list li.news.n1{}
.rili .news_list li.news .news_date{float: left;width: 60px;height: 28px;line-height:28px;margin-top:3px;margin-right: -70px;font-family:"Microsoft YaHei";border-radius:4px;background: #146cc1;text-align:center;vertical-align:middle;}
.rili .news_list li.news .news_date .news_year{display:inline-block;padding: 0 4px;font-size: 18px;color: #fff;}
.rili .news_list li.news .news_date .news_days{display:inline-block;height: 26px;padding: 0 6px;font-size: 14px;color: #18267d;border-radius:0px 4px 4px 0px;background: #fff;vertical-align:top;border:1px solid #146cc1;}
.rili .news_list li.news .news_wz{width:100%;} 
.rili .news_list li.news .news_wz .news_con{margin-left:70px;}
.rili .news_list li.news .news_title{line-height: 34px;margin-top: 0px;font-size: 14px;color:#000;} 
.rili .news_list li.news .news_text{line-height: 20px; margin-top:0px;font-size: 12px;color:#666;}
/*日历新闻样式2*/
.rili2{}
.rili2 .con{ padding:5px 0px;}
.rili2 .news_list {}
.rili2 .news_list li.news{margin-bottom: 10px;padding-bottom: 10px;border-bottom:1px solid #ccc;position: relative;}
.rili2 .news_list li.news::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02529B, #57b8ef);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.rili2 .news_list li.news:hover::after{
    width: 100%;
}
.rili2 .news_list li.news.n1{margin-top:10px;border-bottom:1px solid #ccc;}
.rili2 .news_list li.news .news_date{float: left;width: 60px;margin-right:-70px;background:#00707a;text-align:center;}
.rili2 .news_list li.news .news_date .news_year{line-height: 30px;font-size: 22px; color:#fff; background-color:#949494; transition:all 0.4s ease-in-out;}
.rili2 .news_list li.news .news_date .news_days{line-height:30px; font-size: 12px; color:#6b6b6b; background-color:#e3e4e6;}
.rili2 .news_list li.news .news_wz{width:100%;}
.rili2 .news_list li.news .news_wz .news_con{margin-left:70px; padding: 4px 0px;} 
.rili2 .news_list li.news .news_title{line-height: 23px;margin-top: 4px;font-size: 15px;color:#000;} 
.rili2 .news_list li.news:hover .news_date .news_year{background-color:#0945a8;transition:all 0.4s ease-in-out;}
.rili2 .news_list li.news:hover .news_date .news_days{background-color:#e3e4e6;}
/*标题文*/
.news_text{}
.news_text .news_list {}
.news_text .news_list li.news{margin-bottom:10px;} 
.news_text .news_list li.news .news_title{line-height: 24px; font-size: 15px;} 
.news_text .news_list li.news .news_text{line-height:22px;font-size: 13px;}
.news_text .news_list li.news .news_time{line-height: 28px;font-size: 13px;}
/*图列表*/
.news_tu{}
.news_tu .con{padding: 12px 0px;}
.news_tu .news_list { margin:0px -10px;}
.news_tu .news_list li.news{float:left;width:25%;}
.news_tu .news_list li.news .news_box{margin:0px 10px; transition:all 0.4s ease-in-out;}
.news_tu .news_list li.news .news_box:hover{opacity:.85; filter:Alpha(opacity=85);}
.news_tu .news_list li.news .news_imgs{height: 180px;background-color: #F1F1F1;overflow:hidden;vertical-align:middle;display:table-cell;}
.news_tu .news_list li.news .news_imgs img{width:100%;height:auto;max-height:100%;}
.news_tu .news_list li.news .news_wz{}
.news_tu .news_list li.news .news_wz .news_con{} 
.news_tu .news_list li.news .news_title{line-height: 45px;height:45px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;} 
.news_tu .news_list li.news .news_title a{}
/*图文*/
.tu_text{}
.tu_text .news_list {}
.tu_text .news_list li.news{margin-bottom:10px;}
.tu_text .news_list li.news .news_imgs{float: left;width: 160px; margin-right:-175px;}
.tu_text .news_list li.news .news_imgs a{height: 120px; display:table-cell; vertical-align:middle; background-color:#efefef;}
.tu_text .news_list li.news .news_imgs img{width:100%; height:auto; }
.tu_text .news_list li.news .news_wz{width:100%;} 
.tu_text .news_list li.news .news_wz .news_con{margin-left:175px; padding: 0px 0px; position:relative;} 
.tu_text .news_list li.news .news_title{line-height: 24px; font-size: 15px;} 
.tu_text .news_list li.news .news_text{line-height:22px; font-size:12px;}
.tu_text .news_list li.news .news_time{line-height: 26px; font-size:12px;}
/*文字图标链接*/
.link_text {margin-bottom:0px;}
.link_text .news_list{margin:0 -5px;}
.link_text .news_list li.news{float:left;width:20%;text-align:center;}
.link_text .news_list li.news .news_box{margin:0 5px;}
.link_text .news_list li.news .link_icon{display:inline-block;width:100%;background-color:#1b2ea3;}
.link_text .news_list li.news .link_icon:hover{background-color:#666;}
.link_text .news_list li.news .link_con{display:block;line-height:30px;color:#fff;}
/*图标链接*/
.link_icon {margin-bottom:0px;}
.link_icon .news_list{margin:0 -10px;}
.link_icon .news_list li.news{float:left;width:20%;text-align:center;border:none;}
.link_icon .news_list li.news .news_box{margin:0 10px;}
.link_icon .news_list li.news .link_icon{display:inline-block;width:100%;background-color:#1b2ea3; opacity:1; filter:Alpha(opacity=100);}
.link_icon .news_list li.news .link_icon:hover{background-color:#1b2ea3; opacity:.8; filter:Alpha(opacity=80);}
.link_icon .news_list li.news .link_icon .icon{width: 35px;height: 34px;margin: 10px 0px;border:0px solid red;}
.link_icon .news_list li.news.i1 .link_icon .icon{background-position: 0px 0px;}
.link_icon .news_list li.news.i2 .link_icon .icon{background-position: -86px 0px;}
.link_icon .news_list li.news.i3 .link_icon .icon{background-position: -169px 0px;}
.link_icon .news_list li.news.i4 .link_icon .icon{background-position: -258px 0px;}
.link_icon .news_list li.news.i5 .link_icon .icon{background-position: -335px 0px;}
.link_icon .news_list li.news.i6 .link_icon .icon{background-position: -421px 0px;}
.link_icon .news_list li.news.i7 .link_icon .icon{background-position: -86px 0px;}
.link_icon .news_list li.news.i8 .link_icon .icon{background-position: -86px 0px;}
.link_icon .news_list li.news .link_con{display:block;line-height:30px;color:#000;}
/***********************************************************
 * 列表页
 */
/**首页三列布局**/
/**列表页**/
/*栏目图片*/
.l-banner{height:300px;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 {padding:20px 60px;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: #02529B;}/**位置栏目背景**/
.col_menu .col_menu_head h3.col_name { font-size:20px; 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 #2867A0; 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:#02529B; background:#eee; } 
.col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #02529B;}
.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:#02529B;}
/*二级子栏目**/
.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 52px;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:#02529B;} 
/*三级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a {background:none; } 	
.col_list .wp_listcolumn .sub_list .sub_list a .column-name { padding: 5px 10px 5px 51px; 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:#02529B;} 
/**栏目新闻**/
.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;font-size: 20px; }  /**当前栏目**/
.col_metas .col_title h2 {display:inline-block;font-size: 20px;font-family:"Microsoft yahei";font-weight: normal;color: #02529B;border-bottom: 3px solid #CBCBCB;}
.col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 46px;line-height: 46px;color: #666;font-size: 20px;font-family: inherit;} /**当前位置**/
.col_metas .col_path .path_name {color: #666;}
.col_metas .col_path a{color: #666666;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 7px;}
.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 !important; font-size:18px !important; font-family:"SourceHanSansCN-Medium" !important; color:#333333 !important; font-weight:500 !important;}
.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); } /**列表页文章图片大小限制**/
/**文章页**/
.infobox {width:auto; margin:0 auto; }
.article {padding-top:10px;min-height:550px;}
.article h1.arti_title {line-height: 48px;font-family: "Microsoft YaHei";font-size:26px;text-align:center;color:#02529B;} /**文章标题**/
.article h2.arti_title {line-height: 40px;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; overflow: visible; position: relative;}
.article .arti_metas span { margin:0 12px; font-size:15px; color:#787878; font-weight:bold;}/**文章其他属性**/
.article .arti_metas .arti_fontsize { margin-left:20px;}
.article .arti_metas .arti_fontsize a { margin:0 3px; color:#333; text-decoration:none; cursor:pointer;}
.article .arti_metas .arti_fontsize a:hover,
.article .arti_metas .arti_fontsize a.active { color:#02529B; font-weight:bold;}/**字号调节**/
.article .entry { margin:0 auto; overflow:hidden;margin-top:10px;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.75 !important; font-size:18px !important; font-family:"SourceHanSansCN-Medium" !important; color:#333333 !important; font-weight:500 !important;}  /**阅读字体**/
.article .entry .read.font-large,
.article .entry .read.font-large p { font-size:20px !important; }/**大字号**/
.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: linear-gradient(135deg, #02529B 0%, #0066cc 100%);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
}
#footer .inner {
    padding: 48px 0 32px;
    position: relative;
}
#footer .inner .mod{}
#footer .foot-left {
    float: left;
    width: 400px;
}
#footer .foot-left img {
    margin-bottom: 16px;
}
#footer .inner p{
    text-align: right;
    line-height: 28px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    padding: 2px 0px;
    transition: all 0.3s ease;
}
#footer .inner p:hover {
    color: #fff;
}
#footer .inner p span { }
#footer .inner .copyright{}
#footer .inner .copyright span{}
#footer .inner .copyright a{
    color: rgba(255, 255, 255, 0.85);
    transition: all 0.3s ease;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
#footer .inner .copyright a:hover{
    color: #fff;
    border-bottom: 1px solid #fff;
}
#footer .footer-divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    margin: 24px 0;
}
#footer .footer-bottom {
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    padding-top: 16px;
}
/**************************************************************
 * 组件功能
 */
/*系统默认搜索*/
.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: 40px;
    height: 40px;
    border: 0;
    outline: 0;
    background: #F5A123 url(images/sous.png) no-repeat center;
    cursor: pointer;}
.layer{position: fixed;  background: rgba(0,0,0,.5);  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 9999;   display: none;}
/*自定义输入框*/
.wp-search {position: relative;background: #fff;}
.wp-search form {display: block;}
.wp-search .search-input { margin-right: 40px;}
.wp-search .search-input input.search-title {width: 100%;height: 40px;line-height: 22px;background: none;font-size: 14px;border:0;outline: 0;margin-left: 15px; font-family: "微软雅黑";}
.wp-search .search-btn {width:40px;height: 38px;position: absolute;right: 0;top:0%;}
.wp-search .search-btn input.search-submit {width: 40px;  height: 40px;  border: 0; outline: 0; background: #F5A123 url(images/sous.png) no-repeat center; cursor: pointer;}
.layer-inner {position: absolute;   left: 0;  right: 0;  top: 0;  bottom: 0;  margin: auto;  height: 45px;  width: 550px;}
.searchbox {width:100%;}
#aaa{cursor: pointer;padding: 7px;    background: #F5A123;    border-radius: 50%;}
.shutdown{text-align: right; margin-right: 10%;   margin-top: 40px;}
.shutdown span { font-size: 30px; color: #fff; text-align: right;  cursor: pointer;}
.close { position: absolute;transition: transform .4s ease-out;}
.close:hover{transform: rotate(180deg);}
.head-r{float:right;margin-top: 5px;}

/* 现代化搜索栏样式 */
.head-r.modern-search {
    margin-top: 0;
}

.search-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.modern-search-form {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 25px;
    padding: 3px 3px 3px 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.modern-search-form:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.modern-search-form:focus-within {
    box-shadow: 0 4px 16px rgba(2, 82, 155, 0.25);
    transform: translateY(-1px);
}

.modern-search-input {
    border: none;
    outline: none;
    background: transparent;
    padding: 8px 12px;
    font-size: 14px;
    color: #333;
    width: 220px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    transition: width 0.3s ease;
}

.modern-search-input::placeholder {
    color: #999;
    font-size: 14px;
}

.modern-search-input:focus {
    width: 280px;
}

.modern-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: linear-gradient(135deg, #0066cc 0%, #02529B 100%);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
    position: relative;
    overflow: hidden;
}

.modern-search-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.modern-search-btn:hover {
    background: linear-gradient(135deg, #0052a3 0%, #013d73 100%);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(2, 82, 155, 0.4);
}

.modern-search-btn:hover::before {
    width: 100%;
    height: 100%;
}

.modern-search-btn:active {
    transform: scale(0.95);
}

.search-icon {
    width: 20px;
    height: 20px;
    color: #fff;
    z-index: 1;
    transition: transform 0.3s ease;
}

.modern-search-btn:hover .search-icon {
    transform: rotate(90deg);
}

/* Shake animation for empty search */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.modern-search-input.shake {
    animation: shake 0.5s;
}

/* 响应式设计 */
@media screen and (max-width: 1400px) {
    .modern-search-input {
        width: 180px;
    }
    
    .modern-search-input:focus {
        width: 240px;
    }
}

@media screen and (max-width: 1200px) {
    .modern-search-input {
        width: 150px;
    }
    
    .modern-search-input:focus {
        width: 200px;
    }
}

/*搜索去背景色：*/
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition-delay: 99999s;-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}

/* 回到顶部按钮 */
.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #02529B 0%, #0066cc 100%);
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 4px 12px rgba(2, 82, 155, 0.3);
    transition: all 0.3s ease;
}
.back-to-top:hover {
    background: linear-gradient(135deg, #0066cc 0%, #02529B 100%);
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(2, 82, 155, 0.4);
}
.back-to-top::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #fff;
    position: relative;
    top: 2px;
}
.back-to-top.show {
    display: flex;
    animation: fadeInUp 0.3s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 分享二维码 */
.shares{text-align:center;}
.shares ul{width:auto; margin:0 auto;text-align: right;float:right;}
.shares li{float:left; margin:0 6px; position:relative;}
.shares li a{display:inline-block; width: 50px; height: 50px; border: 0px solid red; background:url('images/share_icon.png') no-repeat; opacity:.6; filter:Alpha(opacity=60); 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: -72px 0px;}
.shares li.i3 a{background-position: -144px 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;}
/**友情链接**/
.botlinks .links-wrap {position: relative;float: left;display: inline-block; margin:4px 10px; width: 150px; line-height: 32px; background: #fff;border:1px solid #d0d0d0;}
.botlinks .links-wrap a.links-arrow {display: block; height: 32px; line-height: 32px; padding: 0 25px 0 10px; color:#a1a1a1; background: url(images/arrow.png) no-repeat right top;}
.botlinks .links-wrap a.links-arrow:hover,
.botlinks .wrap-open a.links-arrow { color: #333; background-position: right bottom; cursor: pointer;}
.botlinks .links-wrap .link-items {display: none; position: absolute; left: 0; bottom: 33px; width: auto; min-width:180px; height:auto; max-height: 300px; overflow: auto; overflow-x:hidden;background: #f5f5f5;}
.botlinks .links-wrap .link-items a { display: block; line-height: 24px; padding: 5px 0; color: #444;}
.botlinks .links-wrap .link-items a span { display:block; margin:0 6px; white-space:nowrap;}
.botlinks .links-wrap .link-items a:hover { color: #fff; background: #02529B; cursor: pointer;}/**链接样式**/
/*列表页*/
/*banner*/
.mbanner {
    /* 为banner容器启用硬件加速，创建独立渲染层，隔离动画影响 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: layout style paint;
    isolation: isolate;
}

.mbanner .focus {
    position: relative;
    width: 100%;
    height: 100%;
    /* 为focus容器启用GPU加速 */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    will-change: transform;
}
.mbanner .focus::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    pointer-events: none;
    z-index: 2;
}
.mbanner .focus .focus-title-bar { 
    bottom: 0;
    left: 0;
    margin-left: 0px;
    width: 100%!important;
    height: 100%;
    pointer-events: none;
    z-index: 3;
}
.mbanner .focus .focus-title-bg {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
    /* 移除backdrop-filter以提升性能，改用更深的背景色代替模糊效果 */
    /* backdrop-filter: blur(8px); */
    border-radius: 8px;
    padding: 15px 30px;
}
.mbanner .focus .focus-title{
    font-size: 42px;
    font-weight: bold;
    padding: 0;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 260px;
    bottom: 80px;
    top: auto;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
    position: absolute;
    z-index: 4;
}

.mbanner .focus .focus-pagination {
    position: absolute;
    right: 260px;
    bottom: 80px;
    margin-right: 0px;
    z-index: 5;
}
.mbanner .focus .focus-page { 
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 19px;
    background: rgba(255, 255, 255, 0.6);
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
}
.mbanner .focus .focus-page:hover {
    background: rgba(255, 255, 255, 0.9);
    transform: scale(1.2);
}
.mbanner .focus .focus-page-active {
    background: #fff;
    opacity: 1;
    filter: Alpha(opacity=100);
    transform: scale(1.35);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}

/* Banner轮播切换按钮 - 纯白色箭头 */
.mbanner .focus .focus-navigation {
    width: 40px; 
    height: 40px; 
    opacity: 0.6; 
    filter: alpha(opacity=60); 
    background: none;
    border: none;
    text-indent: -999em; 
    z-index: 10;
    cursor: pointer;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 50%;
    /* 为按钮启用硬件加速 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: opacity;
}

/* 白色箭头SVG样式 */
.mbanner .focus .focus-navigation::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    transition: border-color 0.2s ease, transform 0.2s ease;
    /* 为箭头启用硬件加速 */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* 左箭头 */
.mbanner .focus .focus-prev { 
    left: 30px; 
    transform: translateY(-50%);
}

.mbanner .focus .focus-prev::before {
    border-width: 12px 20px 12px 0;
    border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent;
}

/* 右箭头 */
.mbanner .focus .focus-next { 
    right: 30px; 
    transform: translateY(-50%);
}

.mbanner .focus .focus-next::before {
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}

/* 悬停效果 */
.mbanner .focus .focus-navigation:hover {
    opacity: 1; 
    filter: alpha(opacity=100);
}

.mbanner .focus .focus-prev:hover::before {
    border-right-color: rgba(255, 255, 255, 1);
    transform: translate(-55%, -50%);
}

.mbanner .focus .focus-next:hover::before {
    border-left-color: rgba(255, 255, 255, 1);
    transform: translate(-45%, -50%);
}

/* 点击效果 */
.mbanner .focus .focus-navigation:active {
    opacity: 0.7; 
    filter: alpha(opacity=70);
}

.post-11 .focus-box{padding-bottom:87px;}
.post-11 .focus .focus-title {height: 87px;line-height: 87px;padding: 0 15px; font-size: 18px;width:75%;overflow: hidden;text-overflow: ellipsis;color:#171717;}
.post-11 .focus .focus-title a{color:#171717;}
.post-11 .focus .focus-title a:hover{color:#02529B;}
.post-11 .focus .focus-title-bar {height: 87px; bottom:0px; left:0px; right:0px; margin-left:0px;}
.post-11 .focus .focus-title-bg {background-color: #828282;opacity: 0.09;}

.post-11 .focus-container .focus-item img{transition: 1s}
.post-11 .focus-container .focus-item:hover img{transform: scale(1.1);}

.post-11 .focus .focus-pagination {right: 14px;bottom: 29px;}
.post-11 .focus .focus-page {width: 11px;height: 11px; line-height: 20px;border-radius: 0px; background-color:#D8D8D8;margin-right:12px;    border-radius: 15px;}
.post-11 .focus .focus-page span {display:none;}
.post-11 .focus .focus-page:hover {font-size: 13px; color: #000; font-weight: bold; }
.post-11 .focus .focus-page-active {background-color: #206DD5;color:#fff;}

.post-11 .focus .focus-navigation {opacity: 0.7;filter:alpha(opacity=70);}
.post-11 .focus .focus-navigation:hover {opacity: 1; filter:alpha(opacity=100);}
.post-11 .focus .focus-navigation:active {opacity: 1; filter:alpha(opacity=100);}
/*************************************************************
 * 特殊页面
 */
/*二级页面*/
/*自定义样式*/
.main_bg{background: url(images/main_bg.png) no-repeat bottom;background-size: 110%;}

#container-1 .inner,
.main1 .inner{padding: 56px 0 48px; overflow: visible !important; position: relative; width: 1520px !important; max-width: 1520px !important; margin: 0 auto !important;}
.post-10{
    float: left;
    width: 822px;
    background: #fff;
    padding: 24px 24px 48px 24px;
    box-sizing: border-box;
    border-top: 3px solid #02529B;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    margin-right: 24px;
}
.post-10:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}
.post-10 .tt{margin-bottom: 24px;}
.post-10 .news_list.list1{margin-bottom:24px;}
.post-10 .news_list.list1 li.news{position: relative;width:375px;float: left;margin-right: 24px;margin-bottom: 16px;}
.post-10 .news_list.list1 li.news:nth-child(2n){margin-right:0;}
.post-10 .news_list.list1 li.news:last-child{margin-right:0;}
.post-10 .news_list.list1 li.news .news_imgs{display: block;width: 100%;overflow: hidden; padding-top: 63%; position: relative;}
.post-10 .news_list.list1 li.news .news_imgs img{display: block;  width: 100%; height: 100%; position: absolute;   left: 0;   right: 0;  top: 0;bottom: 0;margin: auto;transition: 1s}
.post-10 .news_list.list1 li.news:hover .news_imgs img{transform: scale(1.1);}
.post-10 .news_list.list1 li.news .news_title{    position: absolute;    bottom: 0;    left: 0;    right: 0;    width: 100%;    height: 48px;    line-height: 48px;    overflow: hidden;    text-overflow: ellipsis;    background: rgba(0,0,0,0.5);    padding: 0 15px;    box-sizing: border-box;}
.post-10 .news_list.list1 li.news .news_title a{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; color:#fff;font-size:16px;font-weight:bold;}
.post-10 .news_list.list1 li.news .news_title a:hover{color:#fff;}

.post-10 .news_list.list2 li.news{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid rgba(112,112,112,0.2);
    transition: all 0.3s ease;
    padding: 4px 0;
}
.post-10 .news_list.list2 li.news::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02529B, #57b8ef);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.post-10 .news_list.list2 li.news:hover::after{
    width: 100%;
}
.post-10 .news_list.list2 li.news:last-child{border-bottom:unset;}
.post-10 .news_list.list2 li.news:hover{
    background: rgba(2, 82, 155, 0.05);
    padding-left: 8px;
    border-left: 3px solid #02529B;
}
.post-10 .news_list.list2 li.news .news_meta{
    width: 100px;
    flex-shrink: 0;
    text-align: right;
    font-size: 16px;
    color: #02529B;
    transition: all 0.3s ease;
}
.post-10 .news_list.list2 li.news:hover .news_meta{
    font-weight: bold;
    transform: scale(1.05);
}
.post-10 .news_list.list2 li.news .news_title{
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 16px;
}
.post-10 .news_list.list2 li.news .news_title a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
    transition: all 0.3s ease;
}
.post-10 .news_list.list2 li.news .news_title a:hover{
    color: #02529B;
    font-weight: bold;
}

.post-12{
    float: right;
    width: 454px;
    background: #fff;
    padding: 24px 24px 48px 24px;
    box-sizing: border-box;
    border-top: 3px solid #02529B;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
.post-12:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}
.post-12 .tt{margin-bottom: 24px;}
.post-12 .news_list li.news{position: relative;width:100%;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(112,112,112,0.2)}
.post-12 .news_list li.news::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02529B, #57b8ef);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.post-12 .news_list li.news:hover::after{
    width: 100%;
}
.post-12 .news_list li.news .news_date{float:left;width:62px;text-align:center;}
.post-12 .news_list li.news .news_date .news_days{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(135deg, #02529B 0%, #0066cc 100%);
    transition: all 0.4s ease-in-out;
    border-radius: 4px 4px 0 0;
}
.post-12 .news_list li.news .news_date .news_years{
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    color: #02529B;
    background: #F0F0F0;
    border-radius: 0 0 4px 4px;
}
.post-12 .news_list li.news .news_title{    position: absolute;    left: 75px;    right: 0;    top: 0;    bottom: 0;    display: flex;     height: 55px;    line-height: 27px;    overflow: hidden;    text-overflow: ellipsis;}
.post-12 .news_list li.news .news_title a{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size:16px;color:#252525;}
.post-12 .news_list li.news:hover .news_date .news_days{background:#F5A123;}
.post-12 .news_list li.news:hover .news_title a{color:#02529B;font-weight:bold;}

/* 新闻资讯板块 - 左侧大图+右侧列表布局 */
.post-10-new {
    padding: 48px 60px !important;
    background: #fff;
    box-shadow: none !important;
    border-radius: 0;
    border: none;
}

.post-10-new .section-header {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.post-10-new .more_btn {
    position: absolute;
    right: 0;
    top: 0;
}

.news-layout-wrapper {
    display: flex;
    gap: 40px;
    align-items: stretch;
}

.news-big-image {
    flex: 0 0 500px;
    width: 500px;
    height: 450px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    position: relative;
}

.news-slider .news-slide-item {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.news-slider .news-image-link {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.news-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.news-slider .news-image-link:hover img {
    transform: scale(1.08);
}

/* 轮播图标题遮罩 */
.news-slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);
    padding: 30px 20px 20px;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.news-slider .news-image-link:hover .news-slide-caption {
    background: linear-gradient(to top, rgba(2, 82, 155, 0.9) 0%, rgba(2, 82, 155, 0.6) 60%, transparent 100%);
}

.slide-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Slick 轮播按钮样式 */
.news-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.news-slider .slick-arrow:hover {
    background: #02529B;
    box-shadow: 0 4px 12px rgba(2, 82, 155, 0.4);
}

.news-slider .slick-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}

.news-slider .slick-arrow:hover::before {
    border-color: #fff;
}

.news-slider .slick-prev {
    left: 15px;
}

.news-slider .slick-prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.news-slider .slick-next {
    right: 15px;
}

.news-slider .slick-next::before {
    transform: translate(-70%, -50%) rotate(45deg);
}

/* Slick 指示点样式 */
.news-slider .slick-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex !important;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 10;
}

.news-slider .slick-dots li {
    margin: 0;
}

.news-slider .slick-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
    font-size: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.news-slider .slick-dots li.slick-active button {
    width: 24px;
    border-radius: 4px;
    background: #fff;
}

.news-list-right {
    flex: 1;
    background: #fff;
}

.news-list-right .news_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.news-list-right .news_list li.news {
    margin-bottom: 0;
    border-bottom: 1px solid #f0f0f0;
}

.news-list-right .news_list li.news:last-child {
    border-bottom: none;
}

.news-list-right .news-item-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    text-decoration: none;
    /* transition: all 0.3s ease; */
}

.news-list-right .news-item-link:hover {
    /* padding-left: 12px; */
    /* background: linear-gradient(90deg, rgba(2, 82, 155, 0.05) 0%, transparent 100%); */
}

.news-list-right .news_title {
    flex: 1;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px;
    /* transition: all 0.3s ease; */
}

.news-list-right .news-item-link:hover .news_title {
    color: #02529B;
    font-weight: 500;
}

.news-list-right .news_meta {
    flex-shrink: 0;
    font-size: 14px;
    color: #999;
    font-weight: 400;
    min-width: 90px;
    text-align: right;
}

.news-list-right .news-item-link:hover .news_meta {
    color: #02529B;
}

.main2 .inner{padding: 48px 0;}
.post-21{background:#1D67AB;}
.post-21 .con {padding: 0 0px;}
.post-21 .news_list {margin: 0 0px;padding: 0;}
.post-21 .news_list li.news {
    float: left;
    width: 20%;
    padding: 11.5px 0 16.5px;
    text-align: center;
    border: none;
    background: linear-gradient(135deg, #1D67AB 0%, #0066cc 100%) url(images/21li_bg.png) no-repeat right;
    transition: all 0.4s ease;
}
.post-21 .news_list li.news:hover{ 
    background: linear-gradient(135deg, #F5A123 0%, #ff9500 100%);
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(245, 161, 35, 0.4);
}
.post-21 .news_list li.news:first-child{}
.post-21 .news_list li.news .news_box {margin: 0 10px;}
.post-21 .news_list li.news .news_box .link_icon {display: inline-block; width: 100%;}
.post-21 .news_list li.news .news_box .link_icon:hover {}
.post-21 .news_list li.news .news_box .link_icon .news_imgs {
    width: auto;
    height: 50px;
    background: none;
    text-align: center;
    display: block;
    margin: 10px 0 8px;
    transition: transform 0.4s ease;
}
.post-21 .news_list li.news:hover .news_box .link_icon .news_imgs {
    transform: translateY(-5px) scale(1.1);
    animation: float 2s ease-in-out infinite;
}
.post-21 .news_list li.news .news_box .link_icon .news_imgs img {
    width: auto;
    display: inline-block;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
.post-21 .news_list li.news .news_box .link_icon .news_title{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 21px;
    transition: all 0.3s ease;
}
.post-21 .news_list li.news:hover .news_box .link_icon .news_title{
    transform: scale(1.05);
    letter-spacing: 1px;
}

@keyframes float {
    0%, 100% {
        transform: translateY(-5px) scale(1.1);
    }
    50% {
        transform: translateY(-10px) scale(1.1);
    }
}

.post-21 .slick-prev,.post-21 .slick-next{width: 39px; height:100%;}
.post-21 .slick-prev {background: url(images/prev_bg.png) center no-repeat;left: 0px;top:10px;}
.post-21 .slick-next {background: url(images/next_bg.png) center no-repeat;right:0px;top:10px;}
.post-21 .slick-active:first-child .link_icon {background: none;}


.main3 .inner{padding: 48px 0;}
.post-31 {
    float: left;
    width: 638px;
    background: #fff;
    padding: 24px 24px 48px 24px;
    box-sizing: border-box;
    border-top: 3px solid #02529B;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    margin-right: 24px;
}
.post-31:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}
.post-31 .news_list li.news{
    position: relative;
    width: 100%;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid rgba(112,112,112,0.2);
    transition: all 0.3s ease;
    padding: 4px 0;
}
.post-31 .news_list li.news::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02529B, #57b8ef);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.post-31 .news_list li.news:hover::after{
    width: 100%;
}
.post-31 .news_list li.news:hover{
    background: rgba(2, 82, 155, 0.05);
    padding-left: 8px;
    border-left: 3px solid #02529B;
}
.post-31 .news_list li.news .news_meta{
    float: right;
    width: 60px;
    text-align: right;
    font-size: 16px;
    color: #02529B;
    transition: all 0.3s ease;
}
.post-31 .news_list li.news:hover .news_meta{
    font-weight: bold;
}
.post-31 .news_list li.news .news_title{
    position: absolute;
    left: 0;
    right: 60px;
    top: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-31 .news_list li.news .news_title a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
    transition: all 0.3s ease;
}
.post-31 .news_list li.news .news_title a:hover{
    color: #02529B;
    font-weight: bold;
}

.post-32 {
    float: right;
    width: 638px;
    background: #fff;
    padding: 24px 24px 48px 24px;
    box-sizing: border-box;
    border-top: 3px solid #02529B;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
.post-32:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}
.post-32 .news_list li.news{
    position: relative;
    width: 100%;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid rgba(112,112,112,0.2);
    transition: all 0.3s ease;
    padding: 4px 0;
}
.post-32 .news_list li.news::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #02529B, #57b8ef);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.post-32 .news_list li.news:hover::after{
    width: 100%;
}
.post-32 .news_list li.news:hover{
    background: rgba(2, 82, 155, 0.05);
    padding-left: 8px;
    border-left: 3px solid #02529B;
}
.post-32 .news_list li.news .news_meta{
    float: right;
    width: 60px;
    text-align: right;
    font-size: 16px;
    color: #02529B;
    transition: all 0.3s ease;
}
.post-32 .news_list li.news:hover .news_meta{
    font-weight: bold;
}
.post-32 .news_list li.news .news_title{
    position: absolute;
    left: 0;
    right: 60px;
    top: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-32 .news_list li.news .news_title a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
    transition: all 0.3s ease;
}
.post-32 .news_list li.news .news_title a:hover{
    color: #02529B;
    font-weight: bold;
}


.main4 .inner{padding-bottom:98px;}
.post-41{width:100%;}
.post-41 .tt{width:100%;text-align:center;display: inline-block;margin-bottom:23px;}
.post-41 .tt .tit{line-height:31px;width:100%;}
.post-41 .tt .tit .title{font-size:24px;color:#000;width:100%}
.post-41 .tt .tit .title:before{content: "";display:line-block;    width: 573px;    height: 3px;    background: #02529B;    float: left;    margin-top: 14px;}
.post-41 .tt .tit .title:after{content: "";display:line-block;    width: 573px;    height: 3px;    background: #02529B;    float: right;    margin-top: 14px;}
.post-41 .tt .more_btn{float:right;height:19px;line-height:19px;}
.post-41 .tt .more_btn .more_text{font-size:14px;color:#999999;font-weight:bold;}
.post-41 .news_list li.news{float:left; width:306px; margin-right:25px; background:#1D67AB;padding:19px 25px 25px 17px;margin-bottom:20px;box-sizing:border-box;transition: all 0.4s ease-in-out;height:100px;}
.post-41 .news_list li.news:hover{background:#F5A123;}
.post-41 .news_list li.news:nth-child(4n){margin-right:0;}
.post-41 .news_list li.news .news_imgs{width:100%;height:100%;}
.post-41 .news_list li.news .news_imgs img{width: 100%;height: 100%;transition: 1s;object-fit: contain;}
.post-41 .news_list li.news .news_title{padding-left:20px;background: url(images/post41_bg.png) no-repeat left center;}
.post-41 .news_list li.news .news_title a{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size:18px;color:#fff;line-height:24px}

.main5 .inner{padding: 48px 0;}
.post-51 .tt{width:100%;text-align:center;display: inline-block;margin-bottom:24px;}
.post-51 .tt .tit{line-height:31px;width:100%;}
.post-51 .tt .tit .title{font-size:24px;color:#000;width:100%}
.post-51 .tt .tit .title:before{content: "";display:line-block;    width: 573px;    height: 3px;    background: #02529B;    float: left;    margin-top: 14px;}
.post-51 .tt .tit .title:after{content: "";display:line-block;    width: 573px;    height: 3px;    background: #02529B;    float: right;    margin-top: 14px;}
.post-51 .tt .more_btn{float:right;height:19px;line-height:19px;}
.post-51 .tt .more_btn .more_text{font-size:14px;color:#999999;font-weight:bold;}
.post-51 .news_list li.news{
    position: relative;
    float: left;
    width: 23%;
    margin-right: 34px;
    overflow: hidden;
    transition: all 0.4s ease;
    background-color: #fff;
    padding: 24px 16px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.post-51 .news_list li.news:nth-child(4n){margin-right:0;}
.post-51 .news_list li.news:hover{
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.post-51 .news_list li.news .news_imgs{
    text-align: center;
    transition: transform 0.4s ease;
}
.post-51 .news_list li.news:hover .news_imgs{
    transform: scale(1.1) rotateY(5deg);
}
.post-51 .news_list li.news .news_title{
    text-align: center;
    margin-top: 16px;
    font-weight: bold;
    font-size: 18px;
    transition: all 0.3s ease;
}
.post-51 .news_list li.news:hover .news_title{
    color: #02529B;
}

.post-51 .news_list li.news .news_box{width:100%;height:100%;}
.post-51 .news_list li.news .news_box a{display:block;width:100%;height:100%;}
.post-51 .news_list li.news .news_box a:hover{transform: scale(1.05);}
.post-51 .news_list li.news.i1 .news_box a{background: url(images/post51_bg/bg_1.png) no-repeat center;}
.post-51 .news_list li.news.i2 .news_box a{background: url(images/post51_bg/bg_2.png) no-repeat center;}
.post-51 .news_list li.news.i3 .news_box a{background: url(images/post51_bg/bg_3.png) no-repeat center;}
.post-51 .news_list li.news.i4 .news_box a{background: url(images/post51_bg/bg_4.png) no-repeat center;}
.post-51 .news_list li.news.i5 .news_box a{background: url(images/post51_bg/bg_5.png) no-repeat center;}
.post-51 .news_list li.news.i6 .news_box a{background: url(images/post51_bg/bg_6.png) no-repeat center;}
.post-51 .news_list li.news .news_box a.link_icon .link_con{    width: 100%;    text-align: center;    height: 24px;    line-height: 24px;    font-size: 18px;    font-weight: bold;    color: #fff;    position: absolute;    bottom: 30px;}

.main6{
    background: linear-gradient(180deg, #f5f8fa 0%, #e8f0f5 100%);
    padding: 60px 0;
    position: relative;
}

.main6 .inner {
    max-width: 1520px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.post-61 .news_list li.news{display: inline-block; float: left;}
.post-61 .news_list li.news a{    display: inline-block;    padding: 0 49px;    line-height: 88px;    color: #313131;    font-size: 16px;    font-weight: bold; color:#fff;}
.post-61 .news_list li.news a:hover{transform: scale(1.05);}
.post-61 .news_list li.news.i1 a{background: url(images/post61_icon/icon_1.png) no-repeat left 20px center;}
.post-61 .news_list li.news.i2 a{background: url(images/post61_icon/icon_2.png) no-repeat left 20px center;}
.post-61 .news_list li.news.i3 a{background: url(images/post61_icon/icon_3.png) no-repeat left 20px center;}
.post-61 .news_list li.news.i4 a{background: url(images/post61_icon/icon_4.png) no-repeat left 20px center;}
.post-61 .news_list li.news.i5 a{background: url(images/post61_icon/icon_5.png) no-repeat left 20px center;}
.post-61 .news_list li.news.i6 a{background: url(images/post61_icon/icon_6.png) no-repeat left 20px center;}
.post-61 .news_list li.news.i7 a{background: url(images/post61_icon/icon_7.png) no-repeat left 20px center;}
.post-61 .news_list li.news.i8 a{background: url(images/post61_icon/icon_8.png) no-repeat left 20px center;}


.foot-mc{width:100%;text-align:center;}
.foot-mc .copyright{font-size:16px;line-height:34px;color:#fff;}
/*列表页新闻列表样式*/
.col_news .col_news_box .col_news_con .col_news_list .news_list li.news{
    position: relative;
    line-height:45px;
}
.col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_title{
    position: absolute;
    left: 0;
    right: 100px;
    top: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.col_news .col_news_box .col_news_con .col_news_list .news_list li.news .news_meta{
    width:100px;
    float:right;
    text-align:right;
}



/* 备用sitename样式已在header中定义 */

/* 响应式设计 */
@media screen and (max-width: 1400px) {
    .center-search-area {
        max-width: 800px;
    }
    
    /* 旧布局的搜索框定位 */
    .header:not(.header-flex-layout) .head-right-search {
        top: 15px;
        right: 15px;
    }
    
    .head-right-search .search-icon-btn {
        width: 26px;
        height: 26px;
    }
    
    .wp-menu .menu-item a.menu-link {
        padding: 0 20px;
        font-size: 19px;
        font-weight: bold;
    }
    
    .header .sitelogo .sitename {
        font-size: 30px;
        line-height: 80px;
    }
    
    .header .sitelogo span a img{
        height: 80px;
    }
    
    /* Flex布局响应式 */
    .header-flex-layout {
        padding: 12px 0;
    }
    
    .header-flex-layout .mod {
        padding: 0 30px;
    }
    
    .header-flex-layout .head-right-container {
        margin-left: 30px;
    }
    
    /* 调整固定header时的顶部间距 */
    body:has(.header-flex-layout) .top-container {
        padding-top: 110px;
    }
}

@media screen and (max-width: 1200px) {
    .header .inner {
        width: 95%;
    }
    
    .center-search-area {
        max-width: 700px;
    }
    
    /* 旧布局的搜索框定位 */
    .header:not(.header-flex-layout) .head-right-search {
        top: 12px;
        right: 12px;
    }
    
    .head-right-search .search-icon-btn {
        width: 24px;
        height: 24px;
    }
    
    /* Flex布局响应式 */
    .header-flex-layout {
        padding: 10px 0;
    }
    
    .header-flex-layout .mod {
        padding: 0 20px;
    }
    
    .header-flex-layout .head-right-container {
        margin-left: 25px;
    }
    
    .wp-menu .menu-item a.menu-link {
        padding: 0 18px;
        font-size: 18px;
        font-weight: bold;
    }
    
    .header-flex-layout .head-right-search .searchbox {
        width: 240px;
    }
    
    /* 调整固定header时的顶部间距 */
    body:has(.header-flex-layout) .top-container {
        padding-top: 100px;
    }
    
    .layer-inner {
        width: 90%;
        max-width: 500px;
        height: 70px;
    }
    
    .popup-search-input {
        padding: 15px 20px;
        font-size: 16px;
    }
    
    .popup-search-btn {
        padding: 14px 35px;
        font-size: 17px;
    }
    
    .news-notice-wrapper {
        gap: 20px;
    }
    
    .post-news-info,
    .post-notice {
        width: auto;
    }
    
    .post-news-info .tit .title,
    .post-news-info .tit .title span,
    .post-notice .tit .title,
    .post-notice .tit .title span {
        font-size: 28px !important;
    }
    
    .post-news-info .tit .tt_en,
    .post-notice .tit .tt_en {
        font-size: 13px !important;
    }
    
    .post-news-info .con,
    .post-notice .con {
        height: 550px;
    }
    
    .post-news-info .news-content-wrapper {
        gap: 20px;
    }
    
    .post-news-info .news-left-section {
        width: 42%;
    }
    
    .post-news-info .news-big-image {
        height: 300px;
    }
    
    .post-news-info .news-slide-item {
        height: 300px;
    }
    
    .post-news-info .more_text,
    .post-notice .more_text {
        padding: 9px 20px;
        font-size: 13px;
    }
    
    .wp-menu .menu-item a.menu-link {
        padding: 0 18px;
        font-size: 18px;
        font-weight: bold;
    }
    
    .header .sitelogo span a img{
        height: 70px;
    }
    
    .header .sitelogo .sitename {
        font-size: 28px;
        line-height: 70px;
    }
}

@media screen and (max-width: 768px) {
    .header {
        padding: 20px 0 10px;
    }
    
    .header .head-center {
        margin-bottom: 15px;
    }
    
    /* 旧布局的搜索框定位 */
    .header:not(.header-flex-layout) .head-right-search {
        top: 10px;
        right: 10px;
    }
    
    .head-right-search .search-icon-btn {
        width: 22px;
        height: 22px;
    }
    
    /* Flex布局在小屏幕上改为垂直布局 */
    .header-flex-layout {
        padding: 8px 0;
    }
    
    .header-flex-layout .mod {
        flex-direction: column;
        align-items: center;
        padding: 0 10px;
    }
    
    .header-flex-layout .head-left-logo {
        margin-bottom: 10px;
    }
    
    .header-flex-layout .head-right-container {
        margin-left: 0;
        align-items: center;
        width: 100%;
        gap: 5px;
    }
    
    .header-flex-layout .head-right-search {
        justify-content: center;
    }
    
    .header-flex-layout .head-right-nav {
        justify-content: center;
    }
    
    .wp-menu .menu-item a.menu-link {
        padding: 0 12px;
        font-size: 16px;
        font-weight: bold;
        line-height: 45px;
    }
    
    /* 调整固定header时的顶部间距 */
    body:has(.header-flex-layout) .top-container {
        padding-top: 150px;
    }
    
    .layer-inner {
        width: 90%;
        max-width: 400px;
        height: 60px;
    }
    
    .popup-search-form {
        padding: 6px 6px 6px 20px;
    }
    
    .popup-search-input {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .popup-search-btn {
        padding: 12px 25px;
        font-size: 15px;
    }
    
    .popup-search-btn .search-icon {
        width: 18px;
        height: 18px;
    }
    
    /* 响应式：小屏幕改为上下布局 */
    .news-notice-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    .post-news-info,
    .post-notice {
        width: 100%;
        flex: none;
    }
    
    .post-news-info .tt,
    .post-notice .tt {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    
    .post-news-info .tit .title,
    .post-news-info .tit .title span,
    .post-notice .tit .title,
    .post-notice .tit .title span {
        font-size: 24px !important;
    }
    
    .post-news-info .tit .tt_en,
    .post-notice .tit .tt_en {
        font-size: 12px !important;
    }
    
    .post-news-info .more_btn,
    .post-notice .more_btn {
        margin-top: 10px;
    }
    
    .post-news-info .more_text,
    .post-notice .more_text {
        padding: 8px 18px;
        font-size: 12px;
    }
    
    .post-news-info .con,
    .post-notice .con {
        padding: 20px 15px;
        height: auto;
        min-height: 500px;
    }
    
    .post-news-info .news-content-wrapper {
        flex-direction: column;
        height: auto;
    }
    
    .post-news-info .news-left-section {
        width: 100%;
    }
    
    .post-news-info .news-big-image {
        height: 250px;
    }
    
    .post-news-info .news-slide-item {
        height: 250px;
    }
    
    .post-news-info .news_list,
    .post-notice .notice_list {
        height: auto;
    }
    
    .post-news-info .news_list .news,
    .post-notice .notice-item {
        flex: none;
        padding: 12px 0;
    }
    
    .post-news-info .news-title-text,
    .post-notice .notice-title-text {
        font-size: 14px;
    }
    
    .wp-menu .menu-item a.menu-link {
        padding: 0 12px;
        font-size: 16px;
        font-weight: bold;
        line-height: 50px;
    }
    
    .center-search-area {
        max-width: 90%;
    }
    
    .center-search-input {
        font-size: 15px;
        padding: 12px 15px;
    }
    
    .center-search-btn {
        padding: 12px 25px;
        font-size: 16px;
    }
    
    .header .sitelogo .sitename {
        font-size: 22px;
        line-height: 60px;
    }
    
    .header .sitelogo span a img{
        height: 60px;
    }
    
    .header .sitelogo span a{
        gap: 12px;
    }
    
    /* 安全动态板块响应式 */
    .post-security .news_list .news {
        width: 50%;
    }
}

/* 安全动态板块响应式 - 更小屏幕 */
@media screen and (max-width: 1200px) {
    .post-security .news_list .news {
        width: 50%;
    }
    
    .post-security .news a {
        height: 130px;
        padding: 25px 20px 15px;
    }
    
    .post-security .tit .title,
    .post-security .tit .title span {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 768px) {
    .main6 {
        padding: 40px 15px;
    }
    
    .post-security .news_list {
        row-gap: 20px;
    }
    
    .post-security .news_list .news {
        width: 100%;
    }
    
    .post-security .news a {
        height: 120px;
        padding: 20px 20px 15px;
    }
    
    .post-security .tit .title,
    .post-security .tit .title span {
        font-size: 24px !important;
    }
    
    .post-security .tt {
        margin-bottom: 20px;
    }
    
    /* 禁用移动端蓝色进度条效果 */
    .post-10 .news_list.list2 li.news::after,
    .post-12 .news_list li.news::after,
    .rili2 .news_list li.news::after,
    .post-31 .news_list li.news::after,
    .post-32 .news_list li.news::after,
    .post-news-info .news_list .news::after,
    .post-notice .notice-item::after,
    .post-news-info .news-below-image::after {
        display: none;
    }

    /* 文章页二维码样式 */
    .qrcode-container {
        margin-top: 30px;
        padding: 20px;
        text-align: center;
        border-top: 1px dashed #ddd;
    }

    .qrcode-title {
        font-size: 14px;
        color: #666;
        margin-bottom: 15px;
    }

    #qrcode {
        display: inline-block;
    }

    #qrcode canvas {
        border: 1px solid #eee;
        padding: 5px;
        background: #fff;
    }

    /* 分享微信悬停二维码样式 */
    .share-weixin {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        overflow: visible;
    }

    .share-weixin > img {
        width: 24px;
        height: 24px;
        vertical-align: middle;
    }

    .share-qrcode {
        display: none;
        position: fixed !important;
        z-index: 2147483647 !important;
        background: #fff !important;
        padding: 10px !important;
        border: 1px solid #ddd !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
        width: 140px !important;
        box-sizing: border-box !important;
    }

    /* 箭头 */
    .share-qrcode::before {
        content: '';
        position: absolute;
        left: -6px;
        top: 50%;
        transform: translateY(-50%);
        border: 6px solid transparent;
        border-right-color: #ddd;
    }

    .share-qrcode::after {
        content: '';
        position: absolute;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
        border: 5px solid transparent;
        border-right-color: #fff;
    }

    #share-qrcode-wrapper {
        display: block;
    }

    #share-qrcode {
        display: block;
        width: 120px;
        height: 120px;
    }

    #share-qrcode canvas {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }

    #share-qrcode img {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }
}

}