/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}


.settings-main_header_color {color: #333;}
.settings-main_text_color {color: #939393;}
.settings-main_desc_color {color: #999;}
.settings-main_color { background-color: #358bcb;}
.settings-main_background_color { background-color: #fafafa;}
.settings-main_background { background-color: #fafafa;}
.settings-main_content_background_color { background-color: #fff;}
.settings-main_border { border-color: #e1e1e1; }
.settings-link_color {color: #358bcb;}
.settings-main_tag_color {color: #4e74c0;}

.settings-top_background {background-color: #ffffff;}
.settings-top_color, .settings-top_color:visited {color: #777;}
.settings-nav_text_color, .settings-nav_text_color:visited { color: #ffffff;}
.settings-mobile_nav_text_color, .settings-mobile_nav_text_color:visited { color: #000000;}
.settings-mobi_nav_background { background-color: #fff;}

.settings-index_pic_text_color { color: #fff }

.settings-footer_background {background-color: #414141;}
.settings-footer_text_color, .settings-footer_text_color:visited { color: #939393;}

.settings-pagiColor, .settings-pagiColor:visited {color: #333;}
.settings-pagiDisColor, .settings-pagiDisColor:visited {color: #999;}
.settings-pagiHoverColor.selected, .settings-pagiHoverColor:hover  {color: #358bcb}

html {
    font-family: "HelveticaNeue Medium", "Helvetica", Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, Heiti, SimSun, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

html *,
html *:before,
html *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
ul ,ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ml0 {
    margin-left: 0!important;
}

.head {
    position: fixed; /* 固定定位，使导航栏始终在页面顶部 */
    top: 0; /* 距离顶部0 */
    left: 0; /* 距离左侧0 */
    width: 100%; /* 宽度100% */
    z-index: 1000; /* 设置层级，确保在其他元素之上 */
    // box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.container {
    margin: 0 auto;
    width: 100%;
}

.head .container {
    margin: 0 auto; /* 确保容器居中 */
    width: 100%; /* 宽度100% */
    max-width: 1400px; /* 与页面其他部分保持一致 */
}
/* 在 .head 样式后添加 */
.wrapper-customPage {
    padding-top: 120px; /* 为内容添加上边距，避免被固定导航栏遮挡 */
}

.head-btn {
    display: none;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.head-btn .iconfont {
    font-size: 36px;
    line-height: 1;
}

.head-sub {
    height: 6px;
}

/* 调整整个头部容器 */
.head-t {
    position: relative;
    height: 120px; /* 原70px - 增加高度以容纳两行内容 */
    max-width: 1400px;/* 从1150px改为1600px */
    margin: 0 auto;
    display: flex; /* 新增 - 使用flex布局 */
    flex-direction: column; /* 新增 - 垂直方向排列 */
    align-items: flex-start; /* 新增 - 左对齐 */
}


/* 网站名称样式 */
.site-name {
    font-size: 20px;
    font-weight: bold;
    margin-left: 0px; /* 从15px改为0px，更靠近logo */
    white-space: nowrap;
}

/* 网站名称颜色样式类 */
.settings-site_name_color {
    color: #000000;
}

/* 移动端适配 */
@media screen and (max-width:768px) {
        .head {
        position: relative; /* 移动端恢复相对定位 */
        top: auto; /* 移除顶部定位 */
        left: auto; /* 移除左侧定位 */
        width: auto; /* 恢复自动宽度 */
        z-index: auto; /* 恢复默认层级 */
        /* 其他移动端样式保持不变 */
    }
    .wrapper-customPage {
        padding-top: 0; /* 移动端不需要上边距 */
    }
    .head-tl {
        max-width: 70%; /* 增加最大宽度 */
        height: 50px;
        width: auto;
    }
    
    .head-tl a {
        height: 50px;
        line-height: 50px;
    }
    
    .head-tl img {
        max-height: 50px;
        max-width: 100px; /* 移动端缩小logo宽度 */
    }
    
    .site-name {
        font-size: 16px; /* 移动端缩小字体 */
        margin-left: 8px;
    }
}


/* 首页head */
.head-tl {
    float: none; /* 原float: left - 取消浮动 */
    width: 100%; /* 原auto - 改为100%宽度 */
    height: 70px; /* 保持原高度 */
    position: relative;
    display: flex; /* 添加flex布局 */
    align-items: center; /* 垂直居中 */
    margin-left: 20px; /* 左边距 */
    box-sizing: border-box; /* 新增 - 确保padding和border包含在宽度内 */
}

.head-tl a {
    display: flex; /* 改为flex布局 */
    align-items: center; /* 垂直居中 */
    height: 70px;
    line-height: 70px;
    text-decoration: none;
}

.head-tl img {
    display: block;
    max-width: 300px; /* 原150px */
    max-height: 100px;/* 原70px */
    position: static; /* 从absolute改为static */
    transform: none; /* 移除transform */
}

/* 旧.head-tl a.,.head img样式 */
/*.head-tl a,
.head-tl img {
    display: block;
    max-width: 100%;
    max-height: 70px;

}
.head-tl img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%)
}
.head-tl a {
    display: block;
    height: 70px;
    line-height: 70px;
}*/

.head-tr {
    float: none; /* 原float: left - 取消浮动 */
    margin-left: 0px; /* 原100px - 调整为与Logo左对齐 */
    margin-top: 0px; /* 新增 - Logo与导航栏之间的垂直间距 */
    width: 100%; /* 新增 - 占据整行宽度 */
    box-sizing: border-box; /* 新增 - 确保padding和border包含在宽度内 */
    background-color: #6393c7; /* 背景颜色 */
}


/* 整个菜单区域的所有链接 */
.head-tr a,
.head-tr a:visited {
    text-decoration: none;
    font-size: 24px;
}

.head-b {
    position: relative;
    overflow: visible;
    padding: 0 30px;
}

.dropdown-list {
    display: flex; /* 添加这一行 */
    justify-content: space-between; /* 添加这一行 - 让6个项目均匀分布 */
    position: relative; /* 原absolute - 改为相对定位 */
    right: auto; /* 原right: 0; - 移除 */
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
}


/* 整个导航项目盒子 */
.dropdown-list-item {
    display: inline-block;
    font-size: 24px;
    flex: 1; /* 添加这一行 - 让每个项目等宽 */
    position: relative;
    text-align: center; /* 可选：让文字居中 */
    margin-left: 0; /* 确保移除原有margin */  
    /*width: 15%; /* margin-left: 80px; 这里修改导航项之间的水平间距 - 原值80 */
}
#top-nav-link .dropdown-list-item:hover .nav-sublink{
  display:block
}
#top-nav-link .nav-sublink{ 
  font-size: 14px; 
  position: absolute; 
  
  z-index: 1; 
  top: 40px; /* 原70px - 调整为新的导航栏高度 */
  left: 0; 
  display:none
  
}

#top-nav-link .nav-sublink ul{
  padding: 0 20px;
}
#top-nav-link .nav-sublink ul{
 
  line-height:38px;
  background: #6393c7;  /* 背景颜色 */
  
}
#top-nav-link .nav-sublink ul a{
  color:#ffffff
}
#top-nav-link .nav-sublink ul a:hover{
  color:#3cc8b4
}
#top-nav-link .nav-sublink>ul>li{
  padding-right:0;
  
}
#top-nav-link .nav-sublink li{
  display: block;
  height: auto;
  margin: 0;
  text-align: left;
  white-space: nowrap;
}
.dropdown-list-item:hover .dropdown-link {
    color: #3cc8b4;
}

.dropdown-list-item.active .dropdown-sub-list {
    display: block;
}

/* 具体的文字链接 */
.dropdown-link {
    display: block;
    position: relative;
    height: 50px; /* 原70px - 减少高度适应新布局 */
    line-height: 50px; /* 原82px - 调整行高 */
    text-decoration: none;
    font-size: 24px;
    font-weight: 500; /* 可选：增加字体权重，使其更显眼 */
}

.dropdown-link .iconfont {
    position: absolute;
    top: 13px;
    right: 5px;
    font-size: 9px;
}

.dropdown-sub-list {
    position: absolute;
    top: 100%;
    left: 30px;
    right: 30px;
    margin-top: 6px;
    border: 3px solid #5a5a5a;
    min-height: 350px;
    padding: 10px 15px;
    list-style: none;
    background: #ffffff url('//asset.ibanquan.com/s/141971/1035/drop_background?design_theme_id=0&v=1770609668_1766108607') repeat;
    display: none;
    z-index: 1;
}

.dropdown-sub-list-item {
    margin-top: 15px;
    line-height: 1.25;
}

.dropdown-sub-link {
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

.dropdown-sub-sub-list {
    padding: 0;
    margin: 3px 0 0 0;
    list-style: none;
}

.dropdown-sub-sub-list-item {
    display: inline-block;
    width: 230px;
    padding: 4px 0;
    margin-right: 15px;
}

.dropdown-sub-sub-link {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px dotted #777;
}

.dropdown-sub-sub-link:hover {
    border-bottom: 1px solid #ffffff;
}
/*轮播*/

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
  }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; 
}
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    background: transparent;
    border:none;
    outline: none;
}
.owl-theme .owl-dots .owl-dot span {
  width: 40px;
  height: 5px;
  margin: 5px 7px;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  background: #ffffff;
  /*border-radius: 30px; */
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #c78a49; 
}



/*首页*/
.index-top {
    width: 100%;
    position: relative;
    margin-bottom: 30px; /* 原margin-bottom: -24px; - 改为正边距增加间距 */
    /* 保持原样，不添加height属性 */
    overflow: hidden; /* 可选，防止图片溢出 */
    background-color: #f5f5f5; /* 添加背景色避免空白 */
    /* 新增：容器最大宽度和居中 */
    max-width: 1400px; /* 与导航栏保持一致 */
    margin-left: auto;/* 新增 */
    margin-right: auto;/* 新增 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* 可选：添加轻微阴影 */
    /* 修改：移除padding-bottom，设置min-height */
    min-height: 300px; /* 新增 - 设置最小高度 */
    /* 新增：添加上边距避免内容被固定导航栏遮挡 */
    margin-top: 120px; /* 这个值需要与导航栏高度匹配 */
}

/* 新增：移动端不固定导航栏，消除上边距 */
@media screen and (max-width: 768px) {
    .index-top {
        margin-top: 0; /* 消除PC端margin-top: 120px; */
    }
}

.index-top img {
    display: block;
    max-width: 100%;
    width: 100%; 
    height: auto; /* 保持自适应高度 */
    object-fit: contain; /* 保持完整显示 */
    object-position: center center;
    margin: 0 auto;
    /* 新增：设置图片最大高度，确保3:2比例 */
    max-height: calc(1400px * 0.6667); /* 1400px是容器最大宽度，66.67%是3:2比例 */
}
/* 确保轮播图内部容器适应图片高度 */
.owl-stage-outer {
    position: relative; /* 相对定位 */
    height: auto !important; /* 保持自适应高度 */
}
.owl-stage, .owl-item {
    height: auto !important; /* 保持自适应高度 */
}

/* 保持轮播导航点位置正确 */
.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 70px; /* 调整到更合适的位置 */
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
}

/* 确保轮播项目 */
.owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    height: auto; /* 保持自适应高度 */
}

/* 确保幻灯片图片容器正确显示 */
.index_slide_1, .index_slide_2, .index_slide_3, .index_slide_4, .index_slide_5 {
    display: block !important;
    width: 100%;
    height: auto; /* 保持自适应 */
}

.index-top .index_slide_1,.index-top .index_slide_2,.index-top .index_slide_3{
    display: block;
    
}
.index-top .index_slide_1{
}
.index-top .index_slide_2{
}
.index-top .index_slide_3{
}

.index-main {
    position: relative;
    margin: -30px 50px 0; /* 原-60px 50px 0 - 减少负margin避免覆盖 */
    padding: 40px 50px 30px;
}
.footer-c img{
    display: inline-block;
    width: inherit;
    height: inherit;
}
.index-main-section {
    margin-top: 30px;
    border-top: 3px solid #358bcb;
    color: #4b4b4b;
}

.index-main-section h2 {
    margin: 30px 0 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.index-main-section h3 {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.index-main-section p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 24px;
}

.index-main-section img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
}
/*轮播图*/
.slidesjs-pagination {
    top: -100px;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    position: relative;
    text-align: center;
    z-index: 10;
}
.slidesjs-pagination-item {
    display: inline-block;
    margin: 0 5px;
}
.slidesjs-pagination-item a {
    width: 20px;
    height: 4px;
    display: inline-block;
    background-color:#ffffff;
}
.slidesjs-pagination-item a.active {
    background-color: #c78a49;
}

.slidesjs-play,.slidesjs-stop {
    display: none;
}
.banners {
    list-style: none;
}
.banners_li a {
    display: block;
    border-right: 1px solid #e1e1e1;
    margin-left: 52px;

}
.banners_li:first-child a {
    margin-left: 0;
}
.banners_li:last-child a{
    border-right: none;
}
.banners_li .banner-text {
    display: inline-block;
    cursor: pointer;
    zoom: 1;
    margin-right: 52px;
}
.banners_li:last-child .banner-text{
    margin-right: 0;

}
.banners_li a h3 {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    text-align: left;
    cursor: pointer;
    width: 192px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:0;
}
.banners_li a p {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
    width: 192px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:0;
}
h1,p {
    margin: 0;
    padding: 0;
} 
.slide-cnt {
    position: relative;
}
.slide-text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: white; /* 白色文字 */
    background-color: rgba(0, 100, 200, 0.8); /* 蓝色背景，80%透明度 */
    padding: 12px 20px;
    font-size: 24px;
    line-height: 1.3;
    border-radius: 4px;
    width: 100%; /* 宽度为整体图片的宽度 */
    z-index: 10;
    /* 确保文字显示在图片之上 */
    pointer-events: none; /* 防止文字干扰点击 */
}

/* 确保轮播图链接是相对定位，以便文字绝对定位 */
.slide-link {
    position: relative;
    display: block;
}
/* 移动端调整文字大小（可选） */
@media screen and (max-width: 768px) {
    .slide-text {
        display: none !important; /* 新增 - 在移动端隐藏整个轮播文字区域 */
        /*   
        font-size: 16px;
        padding: 8px 12px;
        left: 10px;
        bottom: 10px;
        max-width: 70%; */
    }
}

.slide-text h1 {
    max-width: 380px;
    font-size: 48px;
    color: #444444;
    margin-bottom: 20px;
}
.slide-text p {
    max-width: ;
    font-size: 24px;
    color: #7a7a7a;
    margin-bottom: 24px;
}
.slide_button {
    color: #fefefe;
    background-color: #3cc8b4;
    padding: .75em 1.1em .65em;
        display: inline-block;
    text-align: center;
    border-radius: 10em;
    border: 2px solid transparent;
    transition:all .3s ease;

}
.slide_button:hover {
    color: #fefefe;
    background-color: #30bf92;
    box-shadow: 0 10px 10px rgba(0,189,229,.2);
    transform: translateY(-1px);
}

/* 第二部分 */
/* 文章列表模块 */
/* 外层容器 */
.outer {
    width: 1400px; /* 可根据需要调整 */
    margin: 0 auto;
    height: 420px;
    position: relative;
    overflow: hidden;
}

/* 左侧标题区域 */
.outer .outer-news {
    float: left;
    font-size: 28px; /* 文章列名标题文字，可根据需要调整 */
    width: 270px;
    margin-right: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.outer .outer-news h2 {
    margin-bottom: 10px;
    color: #333; /* 自定义颜色 */
}

/* 标题下划线 */
.outer-news .news-line_1 {
    border: none;
    float: left;
    width: 40%;
    height: 3px;
    background-color: #3190fb; /* 自定义颜色 */
    margin: 0;
}

.outer-news .news-line_2 {
    border: none;
    float: left;
    width: 60%;
    height: 3px;
    background-color: #b4b4b4;
    margin: 0;
}

/* 选项卡 */
.outer .tab {
    overflow: hidden;
    zoom: 1;
    width: 320px;
    float: left;
    padding-left: 0;
    margin-top: 20px;
}

.outer .tab li {
    font-size: 16px;
    cursor: pointer;
    line-height: 60px;
    border-bottom: 1px dashed #b4b4b4;
    list-style: none;
    position: relative;
}

.tab li .right {
    font-size: 16px;
    color: #999; /* 自定义颜色 */
    font-weight: bold;
    height: 19px;
    line-height: 19px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.outer .tab li.current {
    color: #3190fb; /* 当前选项卡颜色 */
}

.outer .tab li.current a {
    color: #3190fb; /* 当前选项卡链接颜色 */
}

.outer .tab li a {
    color: #333; /* 普通选项卡链接颜色 */
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.outer .tab li a:hover {
    color: #3190fb; /* 悬停颜色 */
}

/* 右侧内容区域 */
.outer .outer_content {
    width: 880px;
    float: left;
    background-color: #fff;
    position: absolute;
    right: 0;
    height: 420px;
}

.outer_content .content_wrap {
    position: relative;
    padding: 47px;
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
}

/* 文章列表项 */
.outer .outer_content li {
    width: 47%;
    border-bottom: 1px dashed #b5b5b5;
    height: 130px;
    margin-bottom: 30px;
    list-style: none;
    box-sizing: border-box;
}

.outer .outer_content li:nth-child(2n) {
    float: right;
}

.outer .outer_content li:nth-child(2n-1) {
    float: left;
}

.outer .outer_content li:nth-child(n+3) {
    margin-top: 0; /* 已在上面设置了margin-bottom */
}

/* 文章日期样式 */
.outer .outer_content .article_list .date {
    margin-bottom: 25px;
    font-size: 20px;
    color: #000;
}

.outer .outer_content .article_list .list_date {
    font-size: 32px;
    color: #3190fb; /* 自定义颜色 */
}

/* 文章摘要链接 */
.outer .outer_content .outer_content_desc {
    font-size: 14px;
    height: 65px;
    line-height: 1.5;
    overflow: hidden;
    display: block;
    color: #666;
    text-decoration: none;
}

.outer .outer_content .outer_content_desc:hover {
    color: #3190fb; /* 悬停颜色 */
}

/* "查看更多"链接 */
.outer .outer_content .outer_content_more {
    position: relative; /* 改为相对定位 */
    right: auto; /* 移除右侧定位 */
    bottom: auto; /* 移除底部定位 */
    float: right; /* 右浮动 */
    margin-top: 20px; /* 顶部外边距，与文章列表分隔 */
    margin-right: 20px; /* 右侧外边距 */
    font-size: 14px;
    color: #666;
    text-decoration: none;
    padding: 8px 15px; /* 添加内边距，控制点击区域 */
    background-color: #f5f5f5; /* 添加背景色，视觉上更明显 */
    border-radius: 4px; /* 圆角 */
    z-index: 5; /* 设置层级 */
}

.outer .outer_content .outer_content_more:hover {
    color: #3190fb; /* 悬停颜色 */
}

/* 清除浮动 */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* 响应式设计（可选） */
@media screen and (max-width: 768px) {
    .outer {
        width: 95%;
        height: auto;
        margin: 30px auto;
    }
    
    .outer .outer-news {
        width: 30%;
        font-size: 16px;
        margin-right: 0;
        position: inherit;
        top: inherit;
        transform: translateY(0);
        float: none;
        margin-bottom: 20px;
    }
    
    .outer .outer_content {
        width: 100%;
        height: auto;
        position: relative;
        float: none;
    }
    
    .outer_content .content_wrap {
        padding: 20px;
        height: auto;
    }
    
    .outer .outer_content li {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        border-bottom: none;
    }
    
    .outer .outer_content li:nth-child(2n),
    .outer .outer_content li:nth-child(2n-1) {
        float: none;
    }
    
    .outer .outer_content .article_list .date {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .outer .outer_content .article_list .list_date {
        font-size: 20px;
    }
    
    .outer .outer_content .outer_content_desc {
        font-size: 12px;
        height: auto;
    }
    
    .outer .outer_content .outer_content_more {
        position: relative;
        right: auto;
        bottom: auto;
        display: block;
        text-align: right;
        margin-top: 20px;
    }
}


/* post list  */

.breadcrumb {
    margin: 0 100px;
    line-height: 74px;
    font-size: 14px;
    width: 1150px;
    margin: 0 auto;
    margin-top: 1px;
}
.breadcrumb-content {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumb a {
    text-decoration: none;
}

.post-wrapper {
    padding: 0 55px 0px;
}

.post-pic img {
    display: block;
    width: 100%;
}
.post-pic img.pc {
    display: block;
}
.post-pic img.mobile {
    display: none;
}
.post-cont {
    width: 1138px;
    margin: 0 auto;
}
 .pageTitle {
    font-size: 22px;
    color: #4b4b4b;
    line-height: 1;
    text-align: center;
}

.page-list-header {
    padding-top: 60px;
}
.pageSubTitle {
    margin: 14px 0 12px;
    text-align: center;
}

.post {
    padding-top: 14px;
    overflow: hidden;
}
.page-list-header .post {
    padding-top: 30px;
}

.post-list {
    width: 100%;
    line-height: 1.25;
    overflow: hidden;
    font-size: 0;
}

.post-list-each {
    display: inline-block;
    vertical-align: top;
    width:350px;
    overflow: hidden;
    padding: 22px 22px;
    opacity: 0;
    transform:scale(0.9);
    box-sizing: content-box;
}

.post-list-each:nth-child(3n){
    padding-right: 0;
}
.post-list-each:nth-child(3n+1){
    padding-left: 0;
}
.post-list-each.animated{
    transform:scale(1);
    opacity: 1;
    transition:all 0.4s ease;
}

.post-list-each.last-child {
    margin-right: 0;
}

.post-list-each-pic {
    display: inline-block;
    position: relative;
    width: 350px;
    overflow: hidden;
    height: 214px;
}

.post-list-each-content h3 {
    margin-top: 23px;
    margin-bottom: 2px;
}
/*.post-list-each-pic-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

.post-list-each-pic .post-list-each-pic-inner img {
    transition:all .3s ease;
}
.post-list-each-pic:hover img {
    transform:scale(1.1);
    
}
.post-list-each-pic-sub {
    height: 8px;
    margin-top: 3px;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.post-list-each:hover .post-list-each-pic-sub {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.post-list-each h3 a{
    width: 100%;
    margin: 0;
    height: 24px;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.post-list-each h3 a {
    text-decoration: none;

}

.post-list-each h3 a:hover {
    border-color: #333;
}

.post-list-each p {
    font-size: 14px;
    line-height: 1.25;
    margin: 0;
    padding-top: 10px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*height: 54px;*/
}
.pageTitle>h2 {
    display: inline-block;
    padding: 0 0 14px;
    margin: 0;
    font-size: 28px;
    border-bottom: 2px solid #3cc8b4;
}
.post-title {
    font-size: 26px;
    margin: 0 0 25px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
}

.post-info {
    font-size: 14px;
    text-align: center;
}
.icon-biaoqian {
    margin: 0 6px;
    font-size: 14px;
}
.post-content {
    margin-top: 24px;
    padding: 0 0 95px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
}

.post-content img {
    max-width: 100%;
    height: auto;
}

.post-bottom {
    position: relative;
    padding: 0 0 30px;
    margin-top: 20px;
    border-width: 1px 0 0;
    border-style: solid;
}

.post-bottom .posts-item-tags {
    padding-right: 120px;
    font-size: 12px;
}

.post-bottom .sharewrap {
    position: absolute;
    top: -5px;
    right: 0;
    width: 120px;
}

.post-tags {
    margin-top: 16px;
}

.post-tags-tag {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 10px;
    font-size: 12px;
    text-decoration: none;
    line-height: 18px;
}

.post-tag-icon {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqpKm9sIAAAAJ3RSTlMAAgMMDxYdHkZkaG9wdnd4eoCUmp7HzNHS09TV2drc3eHp7O7x8/3Zp6cqAAAAbElEQVR4AWXI5xIBMBBF4asIohNFFFHY939Dk8neDJvz73xg/dX+mTuPKO4i2pFyzfeYzN6SfkU8sFRSkTEwL+RuUrr76SsThaVGZIehEVkgGjn0YOQ0ADaNoBus0Kr8W6QAnWBFjUJbf7ZVvom4HUdjRqV0AAAAAElFTkSuQmCC) 0 0 no-repeat;
    vertical-align: bottom;
    margin-right: 2px;
}
.post .post-list .post-info {
    text-align: left;
    padding-top: 10px;
    margin-bottom: 0;
}
.post .post-info {
    margin-bottom: 50px;
}

/*分页*/

.prolist-spfilter-pagenation {
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    padding: 45px 0 60px;
    // border-bottom: 1px solid #e1e1e1;
}

.prolist-spfilter-pagenation-prev,
.prolist-spfilter-pagenation-next,
.prolist-spfilter-pagenation-status a {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    text-align: center;
    margin: 0 2px;
}
.prolist-spfilter-pagenation-prev,
.prolist-spfilter-pagenation-next {
    width: 50px;
}

/* 媒体查询 */



@media screen and (max-width:992px) {
.index-main {
    margin: -60px 30px 0;
    padding: 30px 30px 25px;
}
.footer {
    // padding: 45px 60px 30px;
}
.slidesjs-pagination {
top: -20px;
}
.footer-link {
    padding: 0 5px;
}
}
.index-main-detail-2 {
    display: block;
}
.index-main-detail-2-mobi {
    display: none;
}
@media screen and (max-width:768px) {
    html {
        background: none;
    }
    .head-t {
      height:auto;
      overflow:hidden;
        padding: 15px 20px;
        font-size: 0;
    }
    .head-tl {
        max-width: 60%;
        height: 50px;
    }
    .head-tl a,
    .head-tl img {
        /*max-height: 30px;*/
    }
    .head-btn {
        display: block;
    }
    .head-tr {
        display: none;
    }
    .head-b {
        display: none;
    }
    .head-sub {
        height: 5px;
    }
    .index {
        padding-bottom: 10px;
    }
   /*  .index-top img {
       width: 100%;
       height: auto;
       overflow: hidden;
       border-bottom: 10px;
   } */
    .index-main-detail-1 img {
        width: 85%;
    }
    .index-main-detail-2-mobi img {
        width: 85%;
        margin-left: 15%;
    }
    .content_body {
        width: 100%;
        padding: 10px 0 45px;
    }
    .index-top-desc-txt {
        font-size: 18px;
        line-height: 1.25;
    }
    .index-top-desc-btn {
        font-size: 12px;
        padding: 5px 18px;
    }
    .index-main {
        margin: -62px 10px 0;
        padding: 30px 30px 25px;
    }
    .post-pic img.pc {
        display: none;
    }
    .post-pic img.mobile {
        display: block;
    }
    .post-list-each {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .post-list-each-pic-sub {
        display: none;
    }
    .post-list-each h3 {
        height: auto;
        max-height: none;
        overflow: visible;
        margin: 14px 0 10px;
    }
    .post-list-each h3 a {
        border: none;
    }
    .index-main-section {
        margin-top: 10px;
    }
    .index-main-section h2 {
        font-size: 19px;
        margin: 28px 0 14px;
    }
    .index-main-section h3 {
        font-size: 16px;
        margin: 14px 0;
    }
    .index-main-section p {
        margin: 14px 0;
    }
    .index-main-section img {
        margin: 20px 0 30px;
    }
    .index-service .wrapper, 
    .index-service .wrapper {
        width: 100%;
        height: auto;
    }
    .index-skill ul li p{
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .index-skill {
        margin-top: 0px;
    }
    .index-skill ul li>a {
        padding: 20px;
    }
    .index-skill img {
        margin-bottom: 0;
    }
    .index-service .service .service-list {
        width: 47%;
        margin: 1.5% 1.5%;
    }
    .index-agency .agency .agency-list {
        width: 47%;
        margin: 1.5% 1.5%;
    }
    .index-agency .agency .agency-list:hover .agency-cover{
        display: none;
    }
    .index-info .info-pic, 
    .index-info .new-list {
        width: 100%;
    }
    .index-info .new-list {
        margin-top: 15px;
    }
    .footer-content {
        width: 100%;
    }
    .footer-c .item {
        width: 50%;
      min-height: auto;
    }
    .footer-c .item p {
        font-size: 12px;
    }
    .footer-c .item.about {
        padding: 0 20px;
      width:100%;
    }
    .footer-c .item .phone {
        font-size: 24px;
    }
    .footer-c .item.app {
      display:none;
        width: 100%;
      text-align:center;
      border: none;
min-height: auto;
    }
   .footer-c .item.app img{
     width:initial
   }
  .footer-c .item.app_mobile{
    display:block;
  }
  .footer-top{padding:25px 0;}
  .footer-c .item h5{
    font-size: 16px;
    margin: 10px 0;
  }
    .footer-t {
        padding-bottom: 15px;
        padding-top: 0;
    }
    .footer-t-r {
        float: none;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .footer-qr-each {
        width: 100%;
        margin: 0 auto 15px;
        display: block;
    }
    .footer-qr-each img {
        width: auto;
        margin: 0 auto 15px;
    }
    .footer-t-l {
        padding: 0;
        text-align: center;
    }
    .footer-nav {
        width: 100%;
    }
    .footer-nav li {
        text-align: center;
        float: none;
        display: inline-block;
        width: auto;
        margin:0px;
        padding:0 10px;
    }
    .footer-nav li dd {
        display: none;
    }
    .footer-b-l {
        float: none;
        text-align: center;
        width: 100%;
    }
    .breadcrumb {
        margin: 0 auto;
        line-height: 50px;
        font-size: 12px;
        width: 100%;
        padding: 0 40px;
    }
    .post-wrapper {
        padding: 0 10px 10px;
    }
    .post-cont {
        padding: 0px 30px 20px;
    }
    .post-cont .pageTitle {
        font-size: 19px;
        padding-bottom: 20px;
    }
    .post {
        padding-top: 20px;
    }
    .post-title {
        font-size: 19px;
        margin: 0 0 10px;
    }
    .post-info {
        font-size: 12px;
    }
    .post-info-dirs {
        display: none;
    }
    .post .post-info {
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .post-content {
        font-size: 14px;
        margin-top: 15px;
        padding: 0 0 15px;
    }
    .post-list-each-pic {
        width: 100%;
        margin-right: 0;
    }
    .post-list-each {
    padding: 0
    }
    .post-bottom {
        padding-bottom: 0;
    }
    .post-bottom .sharewrap {
        position: static;
    }
    .post-bottom .posts-item-tags {
        padding: 0 0 10px 0;
    }
    .post-re-each {
        font-size: 12px;
    }
    .post-re-list-tip {
        font-size: 12px;
    }
    .index-new-features ul li {
        width: 100%;
    }
    .index-customers-inner {
        width: 100%;
    }
    .index-customers-inner>div {
        width: 50%;
        height: 100px;
    }
    .index-instruction ul {
        width: 100%;
    }
    .index-instruction ul li {
        width: 100%;
    }
    .index-instruction img {
        width:55px;
        height: 55px;
    }
    .index-main-detail-1>div, .index-main-detail-2>div {
        width: 100%;
        height: auto;
    }
    .index-main-detail-text h1 {
        font-size: 28px;
    }
    .index-main-detail-text p {
        font-size: 14px;
    }
    .index-main-detail-half {
        padding: 40px 0;
    }
    .index-main-detail-2-mobi {
        display: block;
    }
    .index-main-detail-2 {
        display: none;
    }
    .index-main-detail-text,.index-main-content-inner {
        width: 85%;
        margin:0 auto;
    }
    .index-main-content-inner p {
        font-size: 14px;
        line-height: 24px;
    }
    .index-main-content-inner h2 {
        font-size: 28px;
    }
    .index-main-content-inner {
        padding: 100px 0;
    }
    .index-main-content {
        height: auto;
    }
    .slide-text h1,.slide-text p{
        font-size: 14px;
        margin-bottom: 5px;
        width: 50%;
    }
    .slide-text p{
        margin-bottom: 2px;font-size: 12px;
    }
    .slide_button {
        padding:4px;
        font-size: 12px;
    }
    .slide-text {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 80%;
    }
    .index-new-features {
        margin-top: -11px;
        margin-bottom: 0;

    }

 
}


/* 移动导航 */

.mobile_nav .nav-link li:last-child {
    border: none;
}

.mobile_nav .nav-sublink {
    font-size: 14px;
    padding: 18px;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    border-radius: 3px;
    line-height: 38px;
    display: none;
    z-index: 1;
    top: 47px;
    margin-left: 6px;
}

.mobile_nav .nav-sublink a {
    padding: 0 14px;
    white-space: nowrap
}

.nav-link-mobile {
    display: none;
}

.wrapper-mobile_nav {
    position: fixed;
    height: 100%;
    overflow: hidden;
    z-index: 100;
    right: -100%;
    top: 0;
    width: 100%;
    display: none;
}

.wrapper-mobile_nav .cont {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mobile_nav {
    height: 100%;
    overflow: hidden;
    padding: 0
}

.mobile_nav_menu {
    height: 100%;
    overflow: auto;
    width: 100%;
    z-index: 1;
    position: relative;
}

.mobile_nav_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.mobile_nav .nav-link {
    height: auto;
    width: auto;
    display: block;
    text-align: left;
}

.mobile_nav .nav-link li {
    display: block;
    height: auto;
    line-height: 46px;
    width: 100%;
    border: none;
}

.mobile_nav .nav-sublink {
    display: block;
    position: relative;
    top: 0;
    border: 0;
    padding: 0
}

.mobile_nav .nav-sublink li ul {
    position: static;
    margin-left: 24px;
}

.mobile_nav .nav-link a {
    display: block;
    width: 90%;
    padding: 0 0 0 10%;
    border: none;
}


.side {
  position: fixed;
  top: 0;
  left: -220px;
  width: 220px;
  height: 100%;
  overflow: auto;
  font-size: 18px;
  transition: left 0.3s ease-in-out;
}
.mobile_nav_top {
  margin: 0;
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-align: right;
}
.mobile_nav_top .icon-close {
  display: inline-block;
  font-size: 26px;
  line-height: 1;
  font-weight: 600;
  vertical-align: middle;
}
#closeMbileNav{
  cursor:pointer;
}
.side-nav-link {
    padding: 0;
    margin: 0;
    list-style: none;
}
.side-nav-link li {
  line-height: 70px;
  text-align: left;/* 移动端导航左对齐*/
  padding-left: 15px;/* 移动端导航左对齐基础缩进*/
  width: 80%;
  margin: 0 auto;
  border-bottom: 1px solid #e1e1e1;
}
.side-nav-link li a {
  font-size: 20px;/* 原始代码font-size: 18px;*/
  line-height: 1;
  margin-left: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.side-nav-link li .side-nav-link-sign {
  position: relative;
  bottom: 3px;
  font-size: 13px;
  margin-left: 8px;
}
.side-nav-link-sub_list {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}
.side_active {
  overflow: hidden;
}
.slide-loginregister{
width:100%;
height:50px;
line-height: 50px;
border-bottom-width:1px;
border-bottom-style:solid ;
}
.slide-loginregister div{
  display:inline-block;
  width:49%;
  text-align: center;
}
.slide-loginregister .slide-login{
 border-right-width:1px;
 border-right-style:solid ;
}
.slide-loginregister div a{
  font-size: 16px;
  display:inline-block;
  width:100%;
}
.side_active body {
  overflow: hidden;
}
.side_active .main {
  left: 220px;
  overflow: hidden;
  height: 100%;
}
.side_active .nav {
  left: 220px;
}
.side_active .side {
  left: 0;
}
.side_active .side_film {
  display: block;
}
.side_film {
  display: none;
  width: 100%;
  height: 101%;
  position: fixed;
  top: 0;
  left: 0;
  filter: alpha(opacity=50);
  opacity: 0.5;
  background-color: #000;
}

@media screen and (max-width: 768px) {
    .searchlogin {
        width: 90px;
        height: 65px;
        margin-right: 0;
    }
    .wrapper-header {
        width: 100%;
        padding: 0;
    }
    .header {
        width: 100%;
        padding: 0;
        height: 65px;
    }
    .header-search-ico,
    .header-link,
    .headerpc-link {
        display: none;
    }
    .header-link-login {
        display: none;
        height: 100%;
        line-height: 1;
        vertical-align: top;
    }
    .headermob-link {
        display: inline-block;
        line-height: 20px;
        font-size: 20px;
        margin-top: 9px;
    }
    .nav_mobile {}
    .nav-link-mobile {
        display: inline-block;
        left: 6.75%;
    }
    .mobile_nav_top>a {
        float: left;
        height: 60px;
    }
    .mobile_nav_top img {
        height: 30px;
        width: auto;
        margin-top: 15px;
    }
    .nav-link-mobile span {
        display: block;
        height: 1px;
        line-height: 1px;
        overflow: hidden;
        width: 100%;
        background: #fff;
        margin-bottom: 5px;
    }
    .wrapper-logo {
        margin-left: -75.5px;
        height: 100%;
        margin-top: 0;
        left: 50%;
    }
    .wrapper-nav {
        height: 100%;
    }
    .wrapper-logo .logo .logo-link {
        height: 100%;
        margin-top: 12px;
    }
    .wrapper-logo .logo {
        height: 45px;
        line-height: 45px;
    }
    .logo .logo-link {
        height: 40px;
    }
    .header-cart {
        margin-right: 10px;
        line-height: 65px;
        height: 65px;
    }
    .header-cart i {
        font-size: 22px;
    }
    .topCart-quantity {
        font-size: 18px;
    }
    .post-cont {
        width: 100%;
    }
    .post-list-each-content {
        width: 100%;
    }
    .footer-l ul li{
        /*position: relative;*/
    }
    .footer-l ul li img{
        width: 40%;
        /*position: absolute;*/
        margin-right: 0;
        margin-bottom: 10px;
        /*left: 50%;*/
        /*top: 50%;*/
        /*transform: translate(-50%);*/
    }
    .footer-l ul li span{
        display: block;
        font-size: 12px;
    }
    .index-agency .agency-list img{
        min-height: inherit;
    }
   
}


/*底部安全认证*/

#icp-icon {
    margin: 18px auto 0;
    list-style: none;
    overflow: hidden;
    padding: 0;
    display: inline-block;
}

#icp-icon>li {
    float: left;
}

#icp-icon a {
    text-decoration: none;
    display: block;
    line-height: 17px;
    width: 92px;
    padding-left: 42px;
    font-size: 12px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    transition: opacity 0.3s;
    position: relative;
    margin-left: 20px;
}

#icp-icon a:before,
#icp-icon a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity 0.3s;
}

#icp-icon a:before {
    opacity: 0;
    filter: alpha(opacity=0);
}

#icp-icon a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

#icp-icon a:hover:after {
    opacity: 0;
    filter: alpha(opacity=0);
}

@media screen and (max-width: 768px) {
    #icp-icon {
        display: none;
    }
    .index-customers {
        padding: 40px 0;
    }
    .index-instruction ul li>a {
        padding: 20px;
    }
    
    .index-top .index_slide_1, .index-top .index_slide_2, .index-top .index_slide_3{
       
    }
    .owl-theme .owl-nav.disabled + .owl-dots{
        bottom: 0px;
    }
    .owl-theme .owl-dots .owl-dot{
        padding:0;
    }
    .owl-theme .owl-dots .owl-dot span{
        width:25px;
        height:2px;
    }
    .index-service{
        padding: 40px 0;
    }
  .index-service .service .service-list-content p{
    height:32px;
    line-height:16px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

  }
  .right-arrow-icon{
    display:none;
  }
  .index-service .service .service-list-content h5{
  margin:10px 0;
  height:40px;
  line-height:20px;
 }
  .index-info .info-pic, .index-info .new-list{
    height:auto;
  }
  .index-info .info-pic img{
    max-width: 100%;
    min-height: auto;
  }
  .index-info,.index-agency{
    padding:40px 0;
  }
}

#icp-icon .icp-icon-1:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjVCOTAwNDNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjVCOTAwMzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}

#icp-icon .icp-icon-1:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjZFRjFBRDNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjZFRjFBQzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XVzu6AAABGlJREFUeNrMmAlsFWUQx+FZICgopyCHcpPKVZAYDEckMSJXADlEUOQspnJGY6gIAkIIqMELEq6Go8glFuuTACGNDUTjUS4ToBShKUfkEo+Eq9Lyn+S3ZrPZ3betJWGSX9i3fe/b+Wbm+88slUtLSyvdD5YUj8eD/tZNPCp+FVvFSTFe3I649mDxsfhcrBZDRUbQl2MB96uKtaKV+EQ8JD4ogxNmu0S2WCqeEmPF9MCIeD4/LLqLflyvFCdYtKxmTk8Tq8S/4jM2d1H8IfaGOTJVDGP3p8VG0UnUF+vL4Yyl9l3RQywXqaIraUsWxUGpmUItfCGaio5irthTzhq0nX8kduDEERxrKQb4ReQx0UTkiEJxTjQWQ8TO/3EYLCU/g9XbMfEhkbYSOMTz/nNkuOgLFrra5PZwBZ7Q/kS8lpgtBnGarB6LndT0ICJmXcSfFeyEY/t5TgPS9Jxo5K6RG+I3sYWTcvYe6dZ5Il6ErhS4a2SEiHPc6nLuD3qELZUoOVX+IM4u9XlYezFJXEePbJPz+e0VHHlVPCBGEpV8c+QdsYKaGCUGkpYSFrYfjgvYYRFRdNsF9MOxLRStYyYHPZGKWyLTCjjGA5PxbpM47nLCbINIodK9toydua2Z+Ivro+Jl4W5oJpDPiGuiLTVSaI58imCNgm2ehf+msN4Q/3j+1lCke+5ZBB7heryP8xaFDijrXL6fGyOUi8Qrojqh8zNzYobP/TmiNdfjXNemxHkBa6Wi3u9RFjNjdERLx9v0gsKQqs+gG3sbpBOVhfx7Sbweso5l4IA4JV4Qb8ZQ0HUsNsaV3yB7y+fecBZuxOc0cTNkjUUc5W8p2q9iyLgdueeph5QEjuz1qaMaSLbZd/SWMHsJlbXCzbX6S+JodaXfXAipEW9zHOFz/w5RTWRjEdM+4nEnNVnkyZm+jkZY6LJY4nN/XkRVziQDtZl1kmOIj4WyHruxZtQ8wmLWuH53fT7jKtYwG4qGTGQEtb6TmsQxq+dSwAJXAwyzOxTadj6PjthvXkT0rKaqMNeWxKiNTuSsGUpZJeKiXzL82BzzQ8TfWM95kusWoo09O4mue5IKXkiq0vhieoSFndOWyEw7FtPHjtFo+1OsJc5gZI3vKjpgQ+4+8XRER/IiRqKzmMAca9aLWjzrnVmz0INajIc3GP9bVsAcMpD2cJoT1xcBLPQbnq2S65Dz5oxwsxl2a5TTgWriCTaWz6nMZfjKD3rBuoZUO3NlHjOKpeg1saaMTnSgNw3iOTM57hf5W1aiN70VFN8OpvkF4ifyO4n3nqYJ5Lu3+BpZ+F68T4/KZGA+FeWV047vbopquut1wGaHdqSsiFnEawvQoxROo2nGL0R4FuvkR3nldIRqDyRTJx1p/zlMcY1xLM31O5u2JjOR5RD+zWjSN+hVcVlfwh07TojPoANXEaEMhqgGru/2Ip0FbNBqoSYRyQ5zIigiXssG5914JdN+3LMRe/CzdNYfmfjSo1Z25fvlP2ruCjAA1aIXmF5NpNUAAAAASUVORK5CYII=);
}

#icp-icon .icp-icon-2:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjQwM0Y3NDNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjQwM0Y3MzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}

#icp-icon .icp-icon-2:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjQwM0Y3ODNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjQwM0Y3NzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}

#icp-icon .icp-icon-3:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjVCOEZGQzNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjVCOEZGQjNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}

#icp-icon .icp-icon-3:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQzVDOTY5MEI4M0FFNjExODFGNEYwRUYzQkM0RUE2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjVCOTAwMDNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjVCOEZGRjNBQjkxMUU2QTUxNEVGQjdDOTJGRUM0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNUM5NjkwQjgzQUU2MTE4MUY0RjBFRjNCQzRFQTZGIi8+IDwvcmRmOkRlc2NyaXB0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);
}




.post>p {
    text-align: center;
}
.theme-base.x-component{
    margin-bottom:30px;
}

/* Mobile Slide */
.mobile-slide-img { display: none !important; }
@media screen and (max-width: 768px) {
  .pc-slide-img { display: none !important; }
  .mobile-slide-img { display: block !important; }
}


/* ============================================
   自定义页面侧边导航样式
   请将此代码添加到 main.css 文件的末尾
   ============================================ */
 
.wrapper-customPage {
    background-color: white;  /* 白色 */
    max-height: auto;
} 

/* page页面容器 */
.cont {
    max-width: 1400px; /* 与头部导航保持一致 */
    margin: 0 auto; /* 外边距：上下、左右 */
    padding: 0 0; /* 内边距：上下、左右 */
    background-color: #f7faff;  /* 带有一丝温暖的浅蓝 */
}

/* 两栏布局容器 */
.page-layout-with-sidebar {
    display: flex;
    max-width: 1400px; /* 与头部导航保持一致 */
    margin: 0 auto; /* 外边距：上下、左右 */
    padding: 30px 0; /* 内边距：上下、左右 */
}

/* 侧边导航区域 - 桌面端显示，移动端隐藏 */
.page-sidebar {
    width: 25%; /* 占25%宽度 */
    min-width: 250px; /* 最小宽度 */
    max-width: 300px; /* 最大宽度 */
    padding-right: 30px; /* 右侧间距 */
    box-sizing: border-box; /* 确保padding不影响宽度 */
}

/* 主要内容区域 */
.page-content-main {
    width: 75%; /* 占75%宽度 */
    flex: 1; /* 填充剩余空间 */
    box-sizing: border-box; /* 确保padding不影响宽度 */
}

/* 侧边导航整体样式 */
.custom-sidebar-nav {
    background-color: #f8f9fa; /* 浅灰色背景 */
    border-radius: 8px; /* 圆角 */
    padding: 20px 0; /* 上下内边距 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* 轻微阴影 */
}

/* 侧边导航列表 */
.custom-sidebar-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 导航项 */
.custom-sidebar-nav-item {
    border-bottom: 1px solid #e9ecef; /* 项之间的分隔线 */
}

.custom-sidebar-nav-item:last-child {
    border-bottom: none; /* 最后一项无下边框 */
}

/* 导航链接 - 一级 */
.custom-sidebar-nav-link {
    display: block;
    padding: 12px 20px;
    color: white; /* 新 白色文字 color: #495057; 中等灰色文字 */
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s ease;
    position: relative;
    background-color: #0056b3; /* 深蓝色背景 */
}

.custom-sidebar-nav-link:hover {
    background-color: #e9ecef; /* 悬停背景色 */
    color: #0056b3; /* 悬停文字颜色 - 蓝色 */
    padding-left: 25px; /* 悬停时向左移动一点 */
}

/* 活跃状态的一级导航链接 */
.custom-sidebar-nav-link.active {
    background-color: #0056b3; /* 深蓝色背景 */
    color: white; /* 白色文字 */
    font-weight: 600;
}

/* 子菜单样式 */
.custom-sidebar-nav-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #f1f3f5; /* 比主背景稍深的灰色 */
    display: none; /* 默认隐藏 */
}

/* 当父项活跃时显示子菜单 */
.custom-sidebar-nav-item.active .custom-sidebar-nav-submenu,
.custom-sidebar-nav-item:has(.active) .custom-sidebar-nav-submenu {
    display: block; /* 显示子菜单 */
}

/* 子菜单项 */
.custom-sidebar-nav-subitem {
    border-bottom: 1px solid #dee2e6; /* 子项之间的分隔线 */
}

.custom-sidebar-nav-subitem:last-child {
    border-bottom: none; /* 最后一项无下边框 */
}

/* 子菜单链接 */
.custom-sidebar-nav-sublink {
    display: block;
    padding: 10px 20px 10px 35px; /* 左侧缩进更多 */
    color: #6c757d; /* 较浅的灰色文字 */
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
}

.custom-sidebar-nav-sublink:hover {
    background-color: #e9ecef; /* 悬停背景色 */
    color: #0056b3; /* 悬停文字颜色 - 蓝色 */
    padding-left: 40px; /* 悬停时向左移动一点 */
}

/* 活跃状态的子菜单链接 */
.custom-sidebar-nav-sublink.active {
    background-color: #e7f1ff; /* 浅蓝色背景 */
    color: #0056b3; /* 深蓝色文字 */
    font-weight: 500;
}

/* 孙菜单样式 */
.custom-sidebar-nav-subsubmenu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #e9ecef; /* 比子菜单背景稍深的灰色 */
    display: none; /* 默认隐藏 */
}

/* 当子项活跃时显示孙菜单 */
.custom-sidebar-nav-subitem.active .custom-sidebar-nav-subsubmenu,
.custom-sidebar-nav-subitem:has(.active) .custom-sidebar-nav-subsubmenu {
    display: block; /* 显示孙菜单 */
}

/* 孙菜单项 */
.custom-sidebar-nav-subsubitem {
    border-bottom: 1px solid #ced4da; /* 孙项之间的分隔线 */
}

.custom-sidebar-nav-subsubitem:last-child {
    border-bottom: none; /* 最后一项无下边框 */
}

/* 孙菜单链接 */
.custom-sidebar-nav-subsublink {
    display: block;
    padding: 8px 20px 8px 50px; /* 左侧缩进更多 */
    color: #868e96; /* 更浅的灰色文字 */
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s ease;
}

.custom-sidebar-nav-subsublink:hover {
    background-color: #dee2e6; /* 悬停背景色 */
    color: #0056b3; /* 悬停文字颜色 - 蓝色 */
    padding-left: 55px; /* 悬停时向左移动一点 */
}

/* 活跃状态的孙菜单链接 */
.custom-sidebar-nav-subsublink.active {
    background-color: #d0ebff; /* 更浅的蓝色背景 */
    color: #0056b3; /* 深蓝色文字 */
    font-weight: 500;
}

/* 移动端响应式设计 - 隐藏侧边导航 */
@media screen and (max-width: 768px) {
    .page-layout-with-sidebar {
        flex-direction: column; /* 改为垂直布局 */
    }
    
    .page-sidebar {
        display: none; /* 移动端隐藏侧边导航 */
        width: 100%; /* 如果需要显示，可以改为100%宽度 */
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    
    .page-content-main {
        width: 100%; /* 内容区域占满宽度 */
    }
    
    /* 如果需要移动端显示侧边导航（例如折叠菜单），可以在这里添加样式 */
}

/* 平板设备调整 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .page-sidebar {
        width: 30%; /* 平板设备侧边栏稍宽 */
        min-width: 220px;
        max-width: 250px;
    }
    
    .page-content-main {
        width: 70%; /* 内容区域相应调整 */
    }
}

/* ============================================
   首页文章列表两列布局样式
   ============================================ */

/* 外层容器调整 - 改为两列布局 */
.outer_1 {
    display: flex; /* 使用flex布局 */
    flex-wrap: nowrap; /* 不换行 */
    justify-content: space-between; /* 两列之间均匀分布 */
    width: 1400px; /* 保持原宽度 */
    margin: 0 auto;
    padding: 15px 15px; /* 新增：上下左右内边距各15px */
    box-sizing: border-box; /* 新增：内边距计入总宽度 */
    height: auto; /* 改为自动高度 */
    position: relative;
    overflow: visible; /* 改为visible */
}

/* 每列分类容器 */
.category-column {
    width: 50%; /* 每列占50%，不留出间距 */
    background-color: #fff; /* 背景色 */
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* 阴影效果 */
    height: auto; /* 自动高度 */
    position: relative; /* 相对定位 */
}

/* 左侧分类 */
.category-left {
    float: left; /* 左浮动 */
}

/* 右侧分类 */
.category-right {
    float: right; /* 右浮动 */
}

/* 标题区域调整 */
.outer_1 .outer-news {
    float: none; /* 移除浮动 */
    width: 100%; /* 占满列宽 */
    margin-right: 0;
    position: relative; /* 改为相对定位 */
    top: auto; /* 移除顶部定位 */
    transform: none; /* 移除变换 */
    padding: 20px 20px 10px; /* 添加内边距 */
    box-sizing: border-box;
}

/* 内容区域调整 */
.outer_1 .outer_content {
    width: 100%; /* 占满列宽 */
    float: none; /* 移除浮动 */
    position: relative; /* 改为相对定位 */
    right: auto; /* 移除右侧定位 */
    height: auto; /* 自动高度 */
    background-color: #fff; /* 背景色 */
}

/* 内容包装区域调整 */
.outer_1 .content_wrap {
    position: relative;
    padding: 0 20px 20px; /* 调整内边距 */
    overflow: visible; /* 改为visible */
    height: auto; /* 自动高度 */
    box-sizing: border-box;
}

/* 文章列表容器 */
.outer_1 .article_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 文章项样式 */
.outer_1 .article_list .article_list {
    display: flex; /* 使用flex布局 */
    align-items: flex-start; /* 顶部对齐 */
    width: 100%; /* 占满宽度 */
    border-bottom: 1px dashed #b5b5b5;
    height: auto; /* 自动高度 */
    margin-bottom: 15px;
    padding-bottom: 15px; /* 底部内边距 */
    box-sizing: border-box;
}

/* 日期特殊样式 */
.outer_1 .article_list .date {
    width: 80px; /* 固定宽度 */
    min-width: 80px; /* 最小宽度 */
    margin-right: 15px; /* 右侧间距 */
    text-align: center;
    margin-bottom: 0; /* 移除底部边距 */
}

.outer_1 .article_list .list_date {
    display: block; /* 块级显示 */
    font-size: 32px;
    color: #3190fb; /* 自定义颜色 */
    line-height: 1;
    margin-bottom: 5px;
}

.outer_1 .article_list .date span:not(.list_date) {
    display: block; /* 块级显示 */
    font-size: 14px;
    color: #666;
    line-height: 1.2;
}

/* 文章摘要链接样式调整 */
.outer_1 .article_list .outer_content_desc {
    flex: 1; /* 填充剩余空间 */
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    height: auto; /* 自动高度 */
    overflow: visible; /* 改为visible */
    display: block; /* 块级显示 */
    text-decoration: none;
}

/* 文章标题样式 */
.outer_1 .article_list .article-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
}

.outer_1 .article_list .article-title a {
    color: #333; /* 标题颜色 */
    text-decoration: none;
}

.outer_1 .article_list .article-title a:hover {
    color: #3190fb; /* 悬停颜色 */
}

/* 文章摘要样式 */
.outer_1 .article_list .article-excerpt {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    height: 42px; /* 固定高度，显示两行 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* "查看更多"链接调整 */
.outer_1 .outer_content .outer_content_more {
    position: relative; /* 改为相对定位 */
    right: auto; /* 移除右侧定位 */
    bottom: auto; /* 移除底部定位 */
    display: block; /* 块级显示 */
    text-align: right; /* 右对齐 */
    margin-top: 15px; /* 顶部间距 */
}

/* 响应式设计 */
@media screen and (max-width: 768px) {
    .outer_1 {
        width: 95%; /* 宽度改为百分比 */
        display: block; /* 改为块级显示 */
    }
    
    .category-column {
        width: 100%; /* 移动端占满宽度 */
        float: none; /* 移除浮动 */
        margin-bottom: 20px; /* 底部间距 */
    }
    
    .outer_1 .article_list .date {
        width: 60px; /* 移动端缩小宽度 */
        min-width: 60px;
        margin-right: 10px;
    }
    
    .outer_1 .article_list .list_date {
        font-size: 24px; /* 移动端缩小字体 */
    }
    
    .outer_1 .article_list .article-excerpt {
        display: none; /* 移动端隐藏摘要 */
    }
    
    .outer_1 .article_list .article-title {
        font-size: 14px; /* 移动端缩小字体 */
    }
}

/* 平板设备调整 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .outer_1 {
        width: 95%; /* 宽度改为百分比 */
    }
    
    .category-column {
        width: 48%; /* 保持比例 */
    }
}

/* ============================================
   新版底部四列布局样式
   ============================================ */

.footer-bot {
    padding: 1% 1%; /* 底部背景区域内边距 */
    background-color: #6393c7; /* #414141;*//* footer背景颜色 */
}

.footer-container {
    max-width: 1400px; /* 原footer-content宽度 */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px; /* 上下内边距 */
    position: relative;
}

/* 四列布局 - 桌面端 */
.footer-column {
    width: 25%; /* 四等分 */
    padding: 0 15px; /* 列内边距 */
    box-sizing: border-box;
    position: relative;
}

/* 列分隔线 */
.footer-column:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2); /* 半透明白色分隔线 */
}

/* Logo列样式 */
.footer-logo-col {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center;
    padding-top: 10px; /* 顶部内边距 */
}

.footer-logo {
    max-width: 300px;
    max-height: 100px;
    width: auto;
    height: auto;
    display: block; /* 确保是块级元素 */
}

.footer-site-name {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

/* 标题样式 */
.footer-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 导航列样式 */
.footer-nav-columns {
    margin-top: 10px;
}

.footer-nav-single-column {
    display: flex;
    flex-direction: column;
}

.footer-nav-double-column {
    display: flex;
    flex-wrap: wrap;
}

.footer-nav-column {
    width: 50%; /* 两列时各占50% */
    box-sizing: border-box;
    padding-right: 15px; /* 列间距 */
}

.footer-nav-double-column .footer-nav-column:first-child {
    padding-right: 15px;
}

.footer-nav-double-column .footer-nav-column:last-child {
    padding-right: 0;
    padding-left: 15px;
}

.footer-nav-link {
    display: block;
    color: rgba(255, 255, 255, 0.8); /* 半透明白色 */
    text-decoration: none;
    font-size: 14px;
    line-height: 2; /* 行高加倍，增加间距 */
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.footer-nav-link:hover {
    color: #fff; /* 悬停时全白 */
}

/* 关于我们列样式 */
.footer-about-col {
    font-size: 14px;
}

.footer-contact-item {
    line-height: 1.6;/* 行距 */
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
}

.footer-contact-label {
    color: rgba(255, 255, 255, 0.7);
    min-width: 50px; /* 固定标签宽度 */
    margin-right: 10px;
}

.footer-contact-value {
    color: rgba(255, 255, 255, 0.9);
    flex: 1;
}

.footer-phone {
    font-size: 14px;
    color: #fff; /* 电话特殊颜色 */
}

/* 友情链接列样式 */
.footer-friend-links {
    display: flex;
    flex-direction: column;
}

.footer-friend-link {
    display: block;
    color: rgba(255, 255, 255, 0.8); /* 半透明白色 */
    text-decoration: none;
    font-size: 14px;
    line-height: 2; /* 行高加倍，增加间距 */
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.footer-friend-link:hover {
    color: #fff; /* 悬停时全白 */
}

/* 移动端响应式设计 */
@media screen and (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* 改为垂直布局 */
        padding: 30px 20px;
    }
    
    .footer-column {
        width: 100%; /* 每列占满宽度 */
        margin-bottom: 30px; /* 列间距 */
        padding: 0;
    }
    
    .footer-column:not(:first-child)::before {
        display: none; /* 移动端隐藏分隔线 */
    }
    
    .footer-column:not(:last-child) {
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* 底部边框代替分隔线 */
    }
    
    .footer-nav-double-column {
        flex-direction: column; /* 移动端改为单列 */
    }
    
    .footer-nav-column {
        width: 100%; /* 移动端占满宽度 */
        padding: 0 !important; /* 移除所有内边距 */
    }
    
    .footer-logo-col {
        justify-content: flex-start; /* 移动端左对齐 */
    }
    
    .footer-title {
        font-size: 16px; /* 移动端标题稍小 */
    }
    
    .footer-nav-link,
    .footer-friend-link {
        line-height: 2.5; /* 移动端行高更大 */
    }
}

/* 平板设备调整 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .footer-container {
        max-width: 95%; /* 平板设备稍窄 */
    }
    
    .footer-column {
        width: 25%; /* 保持四列 */
        padding: 0 10px; /* 减小内边距 */
    }
}

/* ============================================
   大事记页面完整样式 - 带详细注释版本
   ============================================ */

/* 
  大事记页面整体样式
  控制整个右侧内容区域的边距和盒子模型
*/
.timeline-page {
  padding: 30px; /* 内边距：可调整内容与边框的距离 */
  box-sizing: border-box; /* 确保内边距不增加总宽度 */
}

/* 
  页面主标题样式
  控制"大事记"标题的外观
*/
.page-main-title {
  font-size: 32px; /* 字体大小 */
  color: #000000; /* 字体颜色 - 黑色 */
  text-align: center; /* 文本居中 */
  margin: 0 0 40px 0; /* 外边距：上 0，右 0，下 40px，左 0 */
  padding-bottom: 15px; /* 下内边距 */
  border-bottom: 3px solid #e9ecef; /* 下边框 */
}

/* 分类容器样式 - 新增 */
.category-container {
  margin-bottom: 40px; /* 分类容器底部间距 */
}

/* 分类区块样式 - 新增 */
.category-section {
  margin-bottom: 50px; /* 分类区块之间的间距 */
}

/* 分类主标题样式 - 新增 */
.category-main-title {
  font-size: 26px; /* 分类标题字体大小 */
  color: #0056b3; /* 分类标题颜色 */
  margin: 0 0 25px 0; /* 外边距：底部25px */
  padding-bottom: 12px; /* 下内边距 */
  border-bottom: 3px solid #0056b3; /* 下边框 - 蓝色 */
  position: relative; /* 相对定位 */
}

/* 
  时间轴容器样式
  控制整个时间轴的宽度和定位
*/
.timeline-container {
  max-width: 100%; /* 最大宽度100% */
  position: relative; /* 相对定位，用于内部绝对定位元素 */
}

/* 调整分类内时间轴容器的顶部间距 - 新增 */
.category-section .timeline-container {
  margin-top: 0; /* 重置顶部间距 */
}

/* 
  时间轴年份分组样式
  控制每个年份组的边距和定位
*/
.timeline-year {
  margin-bottom: 40px; /* 底部外边距：控制年份之间的垂直间距 */
  position: relative; /* 相对定位 */
}

/* 
  年份标题样式
  控制年份标题(如"2025")的外观
*/
.timeline-year .year-title {
  font-size: 28px; /* 字体大小 */
  color: #0056b3; /* 字体颜色 - 蓝色系 */
  margin: 0 0 20px 0; /* 外边距：下边距20px */
  padding-bottom: 10px; /* 下内边距 */
  border-bottom: 2px solid #e9ecef; /* 下边框 */
  position: relative; /* 相对定位 */
}

/* 
  年份标题左侧装饰线
  在年份标题左侧添加竖线装饰
*/
.timeline-year .year-title::before {
  content: ''; /* 伪元素内容 */
  position: absolute; /* 绝对定位 */
  left: -15px; /* 向左偏移15px */
  top: 0; /* 顶部对齐 */
  height: 100%; /* 高度100% */
  width: 4px; /* 宽度4px */
  background-color: #0056b3; /* 背景颜色 */
  border-radius: 2px; /* 圆角半径 */
}

/* 
  时间轴项目容器
  包含所有该年份的事件项目
*/
.timeline-items {
  position: relative; /* 相对定位 */
  padding-left: 20px; /* 左内边距：为时间轴主线留空间 */
}

/* 
  时间轴主线
  年份内的垂直连接线
*/
.timeline-items::before {
  content: ''; /* 伪元素内容 */
  position: absolute; /* 绝对定位 */
  left: 0; /* 左侧对齐 */
  top: 0; /* 顶部对齐 */
  height: 100%; /* 高度100% */
  width: 2px; /* 宽度2px */
  background-color: #0056b3; /* 背景颜色 */
  opacity: 0.3; /* 透明度30% */
}

/* 
  单个时间轴项目
  控制每个事件项目的布局和间距
*/
.timeline-item {
  display: flex; /* 弹性布局 */
  align-items: flex-start; /* 顶部对齐 */
  margin-bottom: 25px; /* 底部外边距：控制事件之间的垂直间距 */
  position: relative; /* 相对定位 */
}

/* 
  时间节点（圆圈）
  每个事件左侧的圆点标记
*/
.timeline-item::before {
  content: ''; /* 伪元素内容 */
  position: absolute; /* 绝对定位 */
  left: -23px; /* 向左偏移23px */
  top: 8px; /* 向下偏移8px */
  width: 12px; /* 宽度12px */
  height: 12px; /* 高度12px */
  background-color: #fff; /* 背景颜色 - 白色 */
  border: 3px solid #0056b3; /* 边框：3px实线蓝色 */
  border-radius: 50%; /* 圆形 */
  z-index: 1; /* 层级：确保在时间轴主线之上 */
}

/* 
  日期列样式
  控制左侧日期列的宽度、颜色和对齐
*/
.timeline-date {
  width: 150px; /* 固定宽度120px */
  min-width: 120px; /* 最小宽度120px */
  font-size: 18px; /* 字体大小 */
  font-weight: 600; /* 字体粗细：粗体 */
  color: #0056b3; /* 字体颜色 */
  padding-right: 20px; /* 右内边距：与内容区域分隔 */
  text-align: right; /* 文本右对齐 */
  line-height: 1.4; /* 行高 */
  position: relative; /* 相对定位 */
}

/* 
  日期列右侧装饰线
  日期和内容之间的连接线
*/
.timeline-date::after {
  content: ''; /* 伪元素内容 */
  position: absolute; /* 绝对定位 */
  right: 10px; /* 右侧偏移10px */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 垂直居中修正 */
  width: 10px; /* 宽度10px */
  height: 2px; /* 高度2px */
  background-color: #0056b3; /* 背景颜色 */
  opacity: 0.5; /* 透明度50% */
}

/* 
  事件内容列样式
  控制右侧事件内容的样式
*/
.timeline-content {
  flex: 1; /* 弹性扩展：占满剩余空间 */
  font-size: 16px; /* 字体大小 */
  line-height: 1.6; /* 行高 */
  color: #333; /* 字体颜色 - 深灰色 */
  padding: 5px 0; /* 上下内边距5px，左右0 */
  padding-left: 20px; /* 左内边距20px */
  border-left: 2px dashed #e9ecef; /* 左侧虚线边框 */
}

/* 
  事件标题样式
  控制事件标题的外观
*/
.event-title {
  font-size: 18px; /* 字体大小 */
  font-weight: 600; /* 字体粗细：粗体 */
  color: #0056b3; /* 字体颜色 */
  margin: 0 0 8px 0; /* 外边距：底部8px */
  line-height: 1.4; /* 行高 */
}

/* 
  事件描述样式
  控制事件描述文字的外观
*/
.event-desc {
  font-size: 16px; /* 字体大小 */
  color: #333; /* 字体颜色 */
  line-height: 1.5; /* 行高 */
  margin: 0; /* 外边距：0 */
}

/* 
  事件分类容器
  控制分类事件（如科研平台）的背景和边框
*/
.event-category {
  /* background-color: #f8f9fa; *//* 背景颜色 - 浅灰色 */
  border-radius: 8px; /* 圆角半径8px */
  padding: 20px; /* 内边距20px */
  border-left: 4px solid #0056b3; /* 左侧实线边框 - 蓝色 */
  margin-bottom: 0; /* 底部外边距：0 */
}

/* 
  分类标题样式
  控制分类标题（如"搭建科研平台"）的外观
*/
.category-title {
  font-size: 20px; /* 字体大小 */
  color: #0056b3; /* 字体颜色 */
  margin: 0 0 15px 0; /* 外边距：底部15px */
  padding-bottom: 10px; /* 下内边距10px */
  border-bottom: 1px solid #dee2e6; /* 下边框 */
}

/* 
  事件列表样式
  控制有序列表的外观
*/
.event-list {
  margin: 0; /* 外边距：0 */
  padding-left: 20px; /* 左内边距20px */
  list-style-type: decimal; /* 列表样式：十进制数字 */
}

/* 
  事件列表项样式
  控制列表项的外观
*/
.event-list-item {
  margin-bottom: 15px; /* 底部外边距：列表项之间的间距 */
  font-size: 16px; /* 字体大小 */
  line-height: 1.6; /* 行高 */
  color: #333; /* 字体颜色 */
  padding-left: 5px; /* 左内边距5px */
}

.event-list-item:last-child {
  margin-bottom: 0; /* 最后一项无底部外边距 */
}

/* 
  事件项标题样式
  控制列表项内标题的外观
*/
.event-item-title {
  font-size: 17px; /* 字体大小 */
  font-weight: 600; /* 字体粗细：粗体 */
  color: #0056b3; /* 字体颜色 */
  margin-bottom: 5px; /* 底部外边距5px */
}

/* 
  事件项描述样式
  控制列表项内描述文字的外观
*/
.event-item-desc {
  font-size: 15px; /* 字体大小 */
  color: #333; /* 字体颜色 */
  line-height: 1.5; /* 行高 */
  margin: 0; /* 外边距：0 */
}

/* 
  普通事件项样式
  用于非列表形式的事件项
*/
.event-item {
  font-size: 16px; /* 字体大小 */
  line-height: 1.6; /* 行高 */
  color: #333; /* 字体颜色 */
}

/* 
  鼠标悬停效果
  控制鼠标悬停时的交互效果
*/
.timeline-item:hover::before {
  background-color: #0056b3; /* 背景颜色变为蓝色 */
  transform: scale(1.2); /* 放大1.2倍 */
  transition: all 0.3s ease; /* 过渡效果：0.3秒缓动 */
}

.timeline-item:hover .timeline-date {
  color: #003d82; /* 日期列文字颜色变深蓝 */
}

.timeline-item:hover .timeline-content {
  color: #0056b3; /* 内容列文字颜色变蓝色 */
}

/* 
  移动端响应式设计
  针对屏幕宽度≤768px的设备进行适配
*/
@media screen and (max-width: 768px) {
  .timeline-page {
    padding: 15px; /* 减少内边距 */
  }
  
  .page-main-title {
    font-size: 24px; /* 缩小字体大小 */
    margin-bottom: 30px; /* 减少底部外边距 */
  }

  .timeline-year .year-title {
    font-size: 22px; /* 缩小字体大小 */
    margin-left: 15px; /* 增加左侧外边距 */
  }
  
  .timeline-year .year-title::before {
    left: -10px; /* 调整装饰线位置 */
    width: 3px; /* 缩小宽度 */
  }
  
  .timeline-items {
    padding-left: 15px; /* 减少左内边距 */
  }
  
  .timeline-item {
    flex-direction: column; /* 改为垂直布局 */
    margin-bottom: 20px; /* 减少底部外边距 */
  }
  
  .timeline-date {
    width: 100%; /* 宽度100% */
    min-width: 100%; /* 最小宽度100% */
    text-align: left; /* 文本左对齐 */
    padding-right: 0; /* 移除右内边距 */
    padding-bottom: 5px; /* 增加下内边距 */
    font-size: 16px; /* 调整字体大小 */
    margin-bottom: 5px; /* 增加底部外边距 */
  }
  
  .timeline-date::after {
    display: none; /* 隐藏装饰线 */
  }
  
  .timeline-content {
    padding-left: 0; /* 移除左内边距 */
    border-left: none; /* 移除左边框 */
    border-top: 1px dashed #e9ecef; /* 添加上边框 */
    padding-top: 10px; /* 增加上内边距 */
    font-size: 14px; /* 缩小字体大小 */
  }
  
  .timeline-item::before {
    left: -18px; /* 调整位置 */
    top: 0; /* 顶部对齐 */
    width: 10px; /* 缩小宽度 */
    height: 10px; /* 缩小高度 */
  }
  
  .event-title {
    font-size: 16px; /* 缩小字体大小 */
  }
  
  .event-desc {
    font-size: 14px; /* 缩小字体大小 */
  }
  
  .event-category {
    padding: 15px; /* 减少内边距 */
  }
  
  .category-title {
    font-size: 18px; /* 缩小字体大小 */
  }
  
  .event-list-item,
  .event-item {
    font-size: 14px; /* 缩小字体大小 */
  }
  
  .event-item-title {
    font-size: 15px; /* 缩小字体大小 */
  }
  
  .event-item-desc {
    font-size: 13px; /* 缩小字体大小 */
  }
  
  .category-section {
    margin-bottom: 40px; /* 减少分类区块间距 */
  }
  
  .category-main-title {
    font-size: 22px; /* 缩小分类标题字体 */
    margin-bottom: 20px; /* 减少底部外边距 */
  }
}

/* 
  平板设备调整
  针对屏幕宽度769px-1024px的设备进行适配
*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .timeline-date {
    width: 100px; /* 缩小宽度 */
    min-width: 100px; /* 缩小最小宽度 */
    font-size: 16px; /* 调整字体大小 */
  }
  
  .timeline-content {
    font-size: 15px; /* 调整字体大小 */
  }
  
  .page-main-title {
    font-size: 28px; /* 调整字体大小 */
  }
  
  .event-title {
    font-size: 17px; /* 调整字体大小 */
  }
  
  .event-desc {
    font-size: 15px; /* 调整字体大小 */
  }
  
  .category-title {
    font-size: 18px; /* 调整字体大小 */
  }
  
  .event-list-item,
  .event-item {
    font-size: 15px; /* 调整字体大小 */
  }
  
  .event-item-title {
    font-size: 16px; /* 调整字体大小 */
  }
  
  .event-item-desc {
    font-size: 14px; /* 调整字体大小 */
  }
  
  .category-main-title {
    font-size: 24px; /* 调整分类标题字体大小 */
  }
}

/* ============================================
   师资介绍页面完整样式（合并版）
   ============================================ */

/* 师资列表页样式 */
.teacher-list-container {
    padding: 20px 0; /* 上下内边距 */
}

/* 分类标题 */
.category-title {
    font-size: 28px; /* 标题字体大小 */
    color: #0056b3; /* 标题颜色 - 蓝色系 */
    margin: 30px 0 20px 0; /* 外边距：上下左右 */
    padding-bottom: 10px; /* 下内边距 */
    border-bottom: 2px solid #e9ecef; /* 下边框 */
}

.category-title:first-child {
    margin-top: 0; /* 第一个分类标题上边距为0 */
}

/* 老师列表网格 - 桌面端一行3个 */
.teachers-grid {
    display: grid; /* 网格布局 */
    grid-template-columns: repeat(3, 1fr); /* 桌面端一行3个 */
    gap: 30px; /* 卡片间距 */
    margin-bottom: 40px; /* 底部外边距 */
}

/* 老师卡片样式 - 背景色改为白色 */
.teacher-card {
    background-color: #ffffff; /* 白色背景 */
    border: 1px solid #e9ecef; /* 边框颜色 */
    border-radius: 8px; /* 圆角半径 */
    overflow: hidden; /* 隐藏溢出内容 */
    transition: all 0.3s ease; /* 过渡效果 */
    text-align: center; /* 文本居中 */
    padding: 20px 15px; /* 内边距 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* 阴影效果 */
}

.teacher-card:hover {
    transform: translateY(-5px); /* 悬停上移 */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* 悬停阴影 */
    border-color: #0056b3; /* 悬停边框颜色 */
}

/* 老师头像 - 改为长方形，25:35比例 */
.teacher-avatar {
    width: 150px; /* 固定宽度 */
    height: 210px; /* 固定高度 = 150 * 35/25 */
    border-radius: 8px; /* 改为8px圆角（原50%圆形） */
    object-fit: cover; /* 保持图片比例 */
    margin: 0 auto 15px auto; /* 居中显示 */
    border: 3px solid #f0f0f0; /* 边框 */
    transition: border-color 0.3s ease; /* 边框过渡效果 */
}

.teacher-card:hover .teacher-avatar {
    border-color: #0056b3; /* 悬停边框颜色 */
}

/* 图片占位符 */
.teacher-avatar-placeholder {
    width: 150px; /* 宽度与头像一致 */
    height: 210px; /* 高度与头像一致 */
    border-radius: 8px; /* 圆角与头像一致 */
    background-color: #f0f0f0; /* 背景色 */
    display: flex; /* 弹性布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    color: #999; /* 文字颜色 */
    font-size: 14px; /* 文字大小 */
    margin: 0 auto 15px auto; /* 居中显示 */
}

/* 老师姓名 */
.teacher-name {
    font-size: 20px; /* 字体大小 */
    font-weight: 600; /* 字体粗细 */
    color: #333; /* 字体颜色 */
    margin: 0 0 8px 0; /* 外边距：上下左右 */
    line-height: 1.3; /* 行高 */
}

/* 老师职位 */
.teacher-position {
    font-size: 16px; /* 字体大小 */
    color: #666; /* 字体颜色 */
    margin: 0; /* 外边距 */
    line-height: 1.4; /* 行高 */
    min-height: 40px; /* 最小高度，确保卡片高度一致 */
}

/* 老师邮箱 */
.teacher-email {
    font-size: 14px; /* 字体大小 */
    color: #888; /* 字体颜色 */
    margin: 0; /* 外边距 */
    word-break: break-all; /* 长邮箱自动换行 */
}

/* 卡片链接样式 */
.teacher-card-link {
    display: block; /* 块级元素 */
    text-decoration: none; /* 去掉下划线 */
    color: inherit; /* 继承颜色 */
    transition: transform 0.3s ease; /* 变换过渡效果 */
}

.teacher-card-link:hover {
    text-decoration: none; /* 悬停时无下划线 */
    color: inherit; /* 继承颜色 */
}

/* 老师卡片悬停效果 */
.teacher-card:hover .teacher-card-link {
    transform: translateY(-5px); /* 悬停上移 */
}

/* 查看详情按钮 */
.teacher-detail-btn {
    display: inline-block; /* 行内块元素 */
    margin-top: 15px; /* 上边距 */
    padding: 8px 20px; /* 内边距 */
    background-color: #0056b3; /* 背景色 */
    color: white; /* 文字颜色 */
    text-decoration: none; /* 去掉下划线 */
    border-radius: 4px; /* 圆角 */
    font-size: 14px; /* 字体大小 */
    transition: background-color 0.3s ease; /* 背景色过渡效果 */
}

.teacher-detail-btn:hover {
    background-color: #003d82; /* 悬停背景色 */
    color: white; /* 文字颜色 */
}

/* 没有老师的提示 */
.no-teachers-in-category {
    text-align: center; /* 文本居中 */
    padding: 40px; /* 内边距 */
    color: #999; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
    background-color: #f9f9f9; /* 背景色 */
    border-radius: 8px; /* 圆角 */
    margin: 20px 0; /* 外边距：上下 */
}

/* 加载状态 */
.teacher-loading {
    text-align: center; /* 文本居中 */
    padding: 40px; /* 内边距 */
    font-size: 16px; /* 字体大小 */
    color: #666; /* 文字颜色 */
}

.teacher-loading::after {
    content: '...'; /* 内容 */
    animation: loading 1.5s infinite; /* 动画效果 */
}

@keyframes loading {
    0% { content: '.'; }
    33% { content: '..'; }
    66% { content: '...'; }
}

/* 错误状态 */
.teacher-error {
    text-align: center; /* 文本居中 */
    padding: 40px; /* 内边距 */
    color: #dc3545; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
}

/* 师资详情页样式 */

/* 详情页头部 */
.teacher-detail-header {
    display: flex; /* 弹性布局 */
    align-items: flex-start; /* 顶部对齐 */
    margin-bottom: 40px; /* 底部外边距 */
    padding-bottom: 30px; /* 下内边距 */
    border-bottom: 1px solid #e9ecef; /* 下边框 */
}

/* 头像容器 */
.teacher-detail-avatar-container {
    flex-shrink: 0; /* 不缩小 */
    margin-right: 40px; /* 右边距 */
}

/* 详情页头像 - 改为长方形，25:35比例 */
.teacher-detail-avatar {
    width: 200px; /* 固定宽度 */
    height: 280px; /* 固定高度 = 200 * 35/25 */
    border-radius: 8px; /* 改为8px圆角（原50%圆形） */
    object-fit: cover; /* 保持图片比例 */
    border: 5px solid #f0f0f0; /* 边框 */
}

/* 详情基本信息 */
.teacher-detail-info {
    flex: 1; /* 填充剩余空间 */
}

.teacher-detail-name {
    font-size: 32px; /* 字体大小 */
    color: #0056b3; /* 字体颜色 */
    margin: 0 0 10px 0; /* 外边距：上下左右 */
}

.teacher-detail-position {
    font-size: 20px; /* 字体大小 */
    color: #333; /* 字体颜色 */
    margin: 0 0 15px 0; /* 外边距：上下左右 */
}

.teacher-detail-email {
    font-size: 18px; /* 字体大小 */
    color: #666; /* 字体颜色 */
    margin: 0 0 20px 0; /* 外边距：上下左右 */
}

.teacher-detail-email a {
    color: #0056b3; /* 链接颜色 */
    text-decoration: none; /* 去掉下划线 */
}

.teacher-detail-email a:hover {
    text-decoration: underline; /* 悬停下划线 */
}

/* Tab切换区域 */
.teacher-tabs-container {
    margin-top: 20px; /* 上边距 */
}

/* Tab按钮容器 */
.teacher-tab-buttons {
    display: flex; /* 弹性布局 */
    border-bottom: 2px solid #e9ecef; /* 下边框 */
    margin-bottom: 30px; /* 底部外边距 */
}

/* Tab按钮 */
.teacher-tab-btn {
    padding: 12px 30px; /* 内边距 */
    background: none; /* 无背景 */
    border: none; /* 无边框 */
    font-size: 18px; /* 字体大小 */
    color: #666; /* 字体颜色 */
    cursor: pointer; /* 手型光标 */
    position: relative; /* 相对定位 */
    transition: all 0.3s ease; /* 过渡效果 */
    margin-right: 5px; /* 右边距 */
}

.teacher-tab-btn:hover {
    color: #003d82; /* 悬停颜色 */
}

/* 激活状态的Tab按钮 */
.teacher-tab-btn.active {
    color: #0056b3; /* 激活颜色 */
    font-weight: 600; /* 字体粗细 */
}

/* Tab按钮下划线指示器 */
.teacher-tab-btn.active::after {
    content: ''; /* 伪元素内容 */
    position: absolute; /* 绝对定位 */
    bottom: -2px; /* 底部偏移 */
    left: 0; /* 左侧对齐 */
    width: 100%; /* 宽度100% */
    height: 2px; /* 高度 */
    background-color: #0056b3; /* 背景色 */
}

/* Tab内容区域 */
.teacher-tab-content {
    display: none; /* 默认隐藏 */
    padding: 20px 0; /* 上下内边距 */
    font-size: 16px; /* 字体大小 */
    line-height: 1.8; /* 行高 */
    color: #333; /* 字体颜色 */
}

/* 激活的Tab内容 */
.teacher-tab-content.active {
    display: block; /* 块级显示 */
    animation: fadeIn 0.5s ease; /* 淡入动画 */
}

@keyframes fadeIn {
    from { opacity: 0; } /* 从透明开始 */
    to { opacity: 1; } /* 到不透明结束 */
}

/* Tab内容中的标题 */
.teacher-tab-content h2 {
    color: #0056b3; /* 标题颜色 */
    margin-top: 25px; /* 上边距 */
    margin-bottom: 15px; /* 下边距 */
    font-size: 24px; /* 字体大小 */
}

.teacher-tab-content h3 {
    color: #333; /* 标题颜色 */
    margin-top: 20px; /* 上边距 */
    margin-bottom: 10px; /* 下边距 */
    font-size: 20px; /* 字体大小 */
}

/* Tab内容中的列表 */
.teacher-tab-content ul,
.teacher-tab-content ol {
    padding-left: 20px; /* 左内边距 */
    margin-bottom: 15px; /* 底部外边距 */
}

.teacher-tab-content li {
    margin-bottom: 8px; /* 底部外边距 */
}

/* Tab内容中的段落 */
.teacher-tab-content p {
    margin-bottom: 15px; /* 底部外边距 */
}

/* Tab内容加载状态 */
.tab-content-loading,
.tab-content-error,
.tab-content-empty {
    text-align: center; /* 文本居中 */
    padding: 40px; /* 内边距 */
    color: #666; /* 文字颜色 */
    font-size: 16px; /* 字体大小 */
}

.tab-content-error {
    color: #dc3545; /* 错误提示颜色 */
}

/* Tab内容区域样式 */
.teacher-tab-content {
    min-height: 300px; /* 最小高度 */
    padding: 20px; /* 内边距 */
    background-color: #f8f9fa; /* 背景色 */
    border-radius: 8px; /* 圆角 */
    border: 1px solid #e9ecef; /* 边框 */
}

/* 响应式设计 */

/* 平板设备（768px-1024px） */
@media screen and (max-width: 1024px) {
    .teachers-grid {
        grid-template-columns: repeat(2, 1fr); /* 平板设备一行2个 */
        gap: 20px; /* 卡片间距 */
    }
    
    .teacher-detail-header {
        flex-direction: column; /* 改为垂直布局 */
        align-items: center; /* 居中对齐 */
        text-align: center; /* 文本居中 */
    }
    
    .teacher-detail-avatar-container {
        margin-right: 0; /* 移除右边距 */
        margin-bottom: 30px; /* 底部外边距 */
    }
    
    .teacher-tab-btn {
        padding: 10px 20px; /* 内边距 */
        font-size: 16px; /* 字体大小 */
    }
}

/* 移动设备（≤768px） */
@media screen and (max-width: 768px) {
    .teachers-grid {
        grid-template-columns: 1fr; /* 移动设备一行1个 */
        gap: 20px; /* 卡片间距 */
    }
    
    /* 老师卡片调整 */
    .teacher-avatar {
        width: 120px; /* 移动端宽度 */
        height: 168px; /* 移动端高度 = 120 * 35/25 */
    }
    
    .teacher-avatar-placeholder {
        width: 120px; /* 移动端宽度 */
        height: 168px; /* 移动端高度 = 120 * 35/25 */
    }
    
    .teacher-name {
        font-size: 18px; /* 字体大小 */
    }
    
    .teacher-position {
        font-size: 14px; /* 字体大小 */
        min-height: 35px; /* 最小高度 */
    }
    
    /* 详情页调整 */
    .teacher-detail-avatar {
        width: 150px; /* 移动端宽度 */
        height: 210px; /* 移动端高度 = 150 * 35/25 */
    }
    
    .teacher-detail-name {
        font-size: 24px; /* 字体大小 */
    }
    
    .teacher-detail-position {
        font-size: 16px; /* 字体大小 */
    }
    
    .teacher-detail-email {
        font-size: 14px; /* 字体大小 */
    }
    
    /* Tab按钮调整 */
    .teacher-tab-buttons {
        flex-wrap: wrap; /* Tab按钮换行 */
        justify-content: center; /* 居中对齐 */
    }
    
    .teacher-tab-btn {
        flex: 1; /* 等宽按钮 */
        min-width: 120px; /* 最小宽度 */
        padding: 10px 15px; /* 内边距 */
        font-size: 14px; /* 字体大小 */
        text-align: center; /* 文本居中 */
        margin-bottom: 5px; /* 底部外边距 */
    }
    
    .teacher-tab-content {
        font-size: 14px; /* 字体大小 */
        line-height: 1.6; /* 行高 */
    }
    
    .teacher-tab-content h2 {
        font-size: 20px; /* 字体大小 */
    }
    
    .teacher-tab-content h3 {
        font-size: 18px; /* 字体大小 */
    }
}

/* 大桌面设备（>1400px） */
@media screen and (min-width: 1400px) {
    .teachers-grid {
        gap: 40px; /* 更大间距 */
    }
    
    .teacher-card {
        padding: 30px 20px; /* 更大内边距 */
    }
    
    .teacher-avatar {
        width: 180px; /* 更大宽度 */
        height: 252px; /* 更大高度 = 180 * 35/25 */
    }
}

/* ============================================
   师资详情面包屑导航样式
   ============================================ */

/* 面包屑导航容器 */
.breadcrumb-nav {
  font-size: 14px; /* 字体大小 */
  color: #333; /* 默认文字颜色 - 黑色 */
  margin-bottom: 0px; /* 底部间距 */
  padding: 0px 0; /* 上下内边距 */
  line-height: 1.5; /* 行高 */
}

/* 面包屑链接样式 */
.breadcrumb-nav a {
  color: #0056b3; /* 链接颜色 - 蓝色 */
  text-decoration: none; /* 去掉下划线 */
  transition: color 0.3s ease; /* 颜色过渡效果 */
}

.breadcrumb-nav a:hover {
  color: #003d82; /* 悬停颜色 - 深蓝色 */
  text-decoration: underline; /* 悬停下划线 */
}

/* 面包屑分隔符样式 */
.breadcrumb-separator {
  color: #666; /* 分隔符颜色 - 灰色 */
  margin: 0 8px; /* 左右间距 */
}

/* 当前页面（不可点击）样式 */
.breadcrumb-current {
  color: #333; /* 当前页面文字颜色 - 黑色 */
  font-weight: 600; /* 字体粗细：粗体 */
}

/* 移动端响应式设计 */
@media screen and (max-width: 768px) {
  .breadcrumb-nav {
    font-size: 12px; /* 移动端缩小字体 */
    padding: 8px 0; /* 减少内边距 */
    margin-bottom: 10px; /* 减少底部间距 */
  }
  
  .breadcrumb-separator {
    margin: 0 5px; /* 减少分隔符间距 */
  }
}

/* ============================================
   发表文章页面完整样式
   ============================================ */

/* 发表文章页面整体样式 */
.publications-page {
  padding: 30px; /* 内边距：可调整内容与边框的距离 */
  box-sizing: border-box; /* 确保内边距不增加总宽度 */
}

/* 页面主标题样式 - 与大事记保持一致 */
.publications-page .page-main-title {
  font-size: 32px; /* 字体大小 */
  color: #000000; /* 字体颜色 - 黑色 */
  text-align: center; /* 文本居中 */
  margin: 0 0 40px 0; /* 外边距：上 0，右 0，下 40px，左 0 */
  padding-bottom: 15px; /* 下内边距 */
  border-bottom: 3px solid #e9ecef; /* 下边框 */
}

/* 年份区块容器 */
.publication-year-section {
  margin-bottom: 50px; /* 年份区块底部间距 */
  position: relative; /* 相对定位，用于内部元素定位 */
}

/* 年份标题样式 */
.publication-year-title {
  font-size: 26px; /* 字体大小 */
  color: #0056b3; /* 字体颜色 - 蓝色系 */
  margin: 0 0 25px 0; /* 外边距：上 0，右 0，下 25px，左 0 */
  padding-bottom: 12px; /* 下内边距 */
  border-bottom: 3px solid #0056b3; /* 下边框 - 蓝色 */
  position: relative; /* 相对定位 */
}

/* 年份标题左侧装饰线 */
.publication-year-title::before {
  content: ''; /* 伪元素内容 */
  position: absolute; /* 绝对定位 */
  left: -15px; /* 向左偏移15px */
  top: 0; /* 顶部对齐 */
  height: 100%; /* 高度100% */
  width: 4px; /* 宽度4px */
  background-color: #0056b3; /* 背景颜色 */
  border-radius: 2px; /* 圆角半径 */
}

/* 发表文章有序列表 */
.publication-list {
  list-style-type: none; /* 移除默认列表样式 */
  counter-reset: publication-counter; /* 重置计数器 */
  margin: 0; /* 外边距：0 */
  padding: 0; /* 内边距：0 */
}

/* 发表文章列表项 */
.publication-item {
  counter-increment: publication-counter; /* 计数器递增 */
  margin-bottom: 25px; /* 底部外边距：文章之间的垂直间距 */
  padding-left: 40px; /* 左内边距：为序号留出空间 */
  position: relative; /* 相对定位 */
  line-height: 1.6; /* 行高 */
}

/* 自定义序号样式 */
.publication-item::before {
  content: counter(publication-counter) ". "; /* 显示计数器值加点和空格 */
  position: absolute; /* 绝对定位 */
  left: 0; /* 左侧对齐 */
  top: 0; /* 顶部对齐 */
  font-size: 18px; /* 字体大小 */
  font-weight: 600; /* 字体粗细：粗体 */
  color: #0056b3; /* 字体颜色 - 蓝色 */
  width: 30px; /* 固定宽度 */
  text-align: right; /* 右对齐 */
}

/* 文章标题样式 */
.article-title {
  font-size: 18px; /* 字体大小 */
  font-weight: 600; /* 字体粗细：粗体 */
  color: #333; /* 字体颜色 - 深灰色 */
  margin: 0 0 5px 0; /* 外边距：下边距5px */
  line-height: 1.4; /* 行高 */
}

/* 期刊信息样式 */
.journal-info {
  font-size: 16px; /* 字体大小 */
  color: #666; /* 字体颜色 - 中灰色 */
  font-style: italic; /* 斜体 */
  line-height: 1.5; /* 行高 */
  margin: 0; /* 外边距：0 */
}

/* 年份分隔线样式 */
.year-divider {
  height: 1px; /* 高度1px */
  background-color: #e9ecef; /* 背景颜色 - 浅灰色 */
  margin: 40px 0; /* 外边距：上下40px，左右0 */
  position: relative; /* 相对定位 */
}

/* 年份分隔线装饰点 */
.year-divider::before,
.year-divider::after {
  content: ''; /* 伪元素内容 */
  position: absolute; /* 绝对定位 */
  top: -3px; /* 向上偏移3px */
  width: 7px; /* 宽度7px */
  height: 7px; /* 高度7px */
  background-color: #0056b3; /* 背景颜色 - 蓝色 */
  border-radius: 50%; /* 圆形 */
}

.year-divider::before {
  left: 30%; /* 左侧30%位置 */
}

.year-divider::after {
  right: 30%; /* 右侧30%位置 */
}

/* 维护说明区域样式 */
.publication-note {
  background-color: #f8f9fa; /* 背景颜色 - 浅灰色 */
  border-left: 4px solid #28a745; /* 左侧边框 - 绿色 */
  padding: 15px 20px; /* 内边距 */
  margin: 20px 0; /* 外边距：上下20px，左右0 */
  border-radius: 4px; /* 圆角半径 */
  font-size: 14px; /* 字体大小 */
  color: #666; /* 字体颜色 */
}

.publication-note p {
  margin: 0 0 10px 0; /* 外边距：下边距10px */
}

.publication-note ol {
  margin: 0; /* 外边距：0 */
  padding-left: 20px; /* 左内边距 */
}

.publication-note li {
  margin-bottom: 8px; /* 底部外边距 */
}

/* 鼠标悬停效果 */
.publication-item:hover::before {
  color: #003d82; /* 序号颜色变深蓝 */
  transform: scale(1.1); /* 放大1.1倍 */
  transition: all 0.3s ease; /* 过渡效果：0.3秒缓动 */
}

.publication-item:hover .article-title {
  color: #0056b3; /* 文章标题颜色变蓝色 */
  transition: color 0.3s ease; /* 颜色过渡效果 */
}

.publication-item:hover .journal-info {
  color: #333; /* 期刊信息颜色变深 */
  transition: color 0.3s ease; /* 颜色过渡效果 */
}

/* 移动端响应式设计 */
@media screen and (max-width: 768px) {
  .publications-page {
    padding: 15px; /* 减少内边距 */
  }
  
  .publications-page .page-main-title {
    font-size: 24px; /* 缩小字体大小 */
    margin-bottom: 30px; /* 减少底部外边距 */
  }
  
  .publication-year-title {
    font-size: 22px; /* 缩小字体大小 */
    margin-left: 15px; /* 增加左侧外边距 */
  }
  
  .publication-year-title::before {
    left: -10px; /* 调整装饰线位置 */
    width: 3px; /* 缩小宽度 */
  }
  
  .publication-item {
    padding-left: 35px; /* 减少左内边距 */
    margin-bottom: 20px; /* 减少底部外边距 */
  }
  
  .publication-item::before {
    font-size: 16px; /* 缩小序号字体 */
    width: 25px; /* 缩小宽度 */
  }
  
  .article-title {
    font-size: 16px; /* 缩小字体大小 */
  }
  
  .journal-info {
    font-size: 14px; /* 缩小字体大小 */
  }
  
  .year-divider {
    margin: 30px 0; /* 减少外边距 */
  }
  
  .publication-note {
    font-size: 12px; /* 缩小字体大小 */
    padding: 12px 15px; /* 减少内边距 */
  }
}

/* 平板设备调整 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .publication-year-title {
    font-size: 24px; /* 调整字体大小 */
  }
  
  .article-title {
    font-size: 17px; /* 调整字体大小 */
  }
  
  .journal-info {
    font-size: 15px; /* 调整字体大小 */
  }
  
  .publication-item::before {
    font-size: 17px; /* 调整序号字体大小 */
  }
}