@charset "utf-8";
body{margin:0; padding:0;font-family:Microsoft Yahei, 宋体, sans-serif; font-size:12px; color:#4b4b4b; width:100%; height:100%; background:#FFFDE4 url(bg.jpg) repeat-x center top;}
html{width:100%; height:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,h1,h2,h3,h4,input,span,dl,dt,dd{margin:0;padding:0;border:0;}
select,input,img,select{vertical-align:middle;}
img{border:0;}
ul,li,ol,dl,dt,dd{list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
.dis{display:block;}
.undis{display:none;}
a{ text-decoration:none; color:#464646;}
a:hover{ text-decoration:none; color:#FF6600;}

.clearfix:after{content:".";display:block;height:0;clear:both; visibility:hidden;}
*html .clearfix{height:1%;}
.clearfix{display:inline-block;}
.clearfix {display:block;}
.clear{ clear:both; height:1px;line-height:0px; font-size:0; display:block;}


.cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}


.font_12{font-size:12px;}
.font_13{font-size:13px;}
.font_14{font-size:14px;}
.font_16{font-size:16px;}
.font_20{font-size:20px;}
.font_b{font-weight:bold;}
.font_n{font-weight:normal;}
.font_t2{text-indent:2em;}
.font_red,a.font_red,.font_red a{ color:#FF0000;}
.font_darkblue,a.font_darkblue,.font_darkblue a{ color:#2373DE;}
.font_gray,a.font_gray,font_gray a{color:#878787;}
.bs,a.bs,.bs a{ color:#fff;}
.font_unl{text-decoration:underline;}
.font_no_unl{text-decoration:none;}
.font_l{text-align:left;}
.font_c{text-align:center;}
.font_r{text-align:right;}


.float_l{float:left;display:inline;}
.float_r{float:right;display:inline;}
.clear_b{clear:both;}
.clear_l{clear:left;}
.clear_r{clear:right;}
.vm{vertical-align:middle;} 
.pr{position:relative;} 
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1;} 
.hidden{visibility:hidden;} 
.none{display:none;}
.dis{ display:block;}
.undis{ display:none;}


.w{width:100%;}
.h{height:100%;}

.border_all{ border:1px solid #e2e2e2; padding:1px;}
.border_all2{ border:1px solid #ceb98e;}
.border_tn{ border:1px solid #ceb98e; border-top:none;}
.border_b{ border-bottom:1px solid #e3c794;}
.border_img img{ border:1px solid #e2e2e2; padding:3px;}
.border_img a img { border:1px solid #e2e2e2; padding:3px;}
.border_img  a:hover img { border:1px solid #FF6600; padding:3px;}
.border_bottom{ border-bottom:1px solid #c4c4c4;}

.line_18{ line-height:18px;}
.line_20{ line-height:20px;}
.line_21{ line-height:21px;}
.line_22{ line-height:22px;}
.line_23{ line-height:23px;}
.line_24{ line-height:24px;}
.line_25{ line-height:25px;}
.line_26{ line-height:26px;}
.line_27{ line-height:27px;}
.line_28{ line-height:28px;}
.line_29{ line-height:29px;}
.line_30{ line-height:30px;}
.line_35{ line-height:35px;}
.line_32{ line-height:32px;}
.line_h150{line-height:150%;}
.line_h180{line-height:180%;}
.line_h200{line-height:200%;}
.m_r5{ margin-right:5px;}
.p_8{ padding-left:8px;padding-right:8px;}
.p_5{ padding:10px;}
.mt_10{ margin-top:10px;}
.mt_12{ margin-top:12px;}
.pl_15{ padding-left:25px;}
.ml_20{ padding-right:20px;}
.pa_10{ padding:10px;}
.flashdiv{ width:1002px; height:700px; margin:0 auto;}
.mb{ margin-bottom:15px;}

/* W3C- 十六色色盘 常用颜色 */
.red	   { /* 红色 */ color: #FF0000 }
.orange    { /* 橙色 */ color: #FF6600 }
.yellow	   { /* 黄色 */ color: #ffff00 }
.green	   { /* 绿色 */ color: #008000 }
.cyan	   { /* 青色 */ color: #00ffff }
.blue	   { /* 蓝色 */ color: #0066E6 }
.purple    { /* 紫色 */ color: #410b5f }
.black	   { /* 黑色 */ color: #333333 }
.white	   { /* 白色 */ color: #FEFEFE }
.grey      { /* 灰色 */ color: #898989 }
.gold      { /* 金色 */ color: #C37E00 }
.silver	   { /* 银色 */ color: #C0C0C0 }
.brown     { /* 棕色 */ color: #d36100 }
.chestnut  { /* 栗色 */ color: #800000 }
.peach     { /* 桃红 */ color: #FF00FF }
.dark      { /* 暗红 */ color: #8B0000 }
.olive     { /* 橄榄 */ color: #808000 }
.deepgreen { /* 深绿 */ color: #008000 }
.lightblue { /* 浅蓝 */ color: #008080 }
.deepblue  { /* 深蓝 */ color: #02449B }

.wx_top { height: 215px; width: 94px; margin-right: -620px; position: fixed; right: 50%; top: 400px; width: 100px;  }


    .focus-slider {
        position: relative;
        width: 220px;
        height: 210px;
        overflow: hidden;
        background: #fff;
  border-radius: 12px; 
  overflow: hidden;
      }

      .focus-slider-track {
        position: relative;
        width: 100%;
        height: 100%;
      }

      .focus-slide {
        position: absolute;
        inset: 0;
        display: block;
        opacity: 0;
        transform: scale(1.06);
        transition: opacity .55s ease, transform 4.8s ease;
        pointer-events: none;
        z-index: 1;
      }

      .focus-slide.active {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
        z-index: 2;
      }

      .focus-slide img {
        display: block;
        width: 260px;
        height: 215px;
        object-fit: cover;
      }

      .focus-slide-overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 54px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .64) 100%);
      }

.focus-slide-title {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 11px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

      

      .focus-slider-arrow {
        position: absolute;
        top: 50%;
        z-index: 3;
        width: 28px;
        height: 44px;
        margin-top: -22px;
        border: 0;
        padding: 0;
        background: rgba(0, 0, 0, .24);
        cursor: pointer;
        transition: background .25s ease, opacity .25s ease;
      }

      .focus-slider:hover .focus-slider-arrow {
        background: rgba(0, 0, 0, .38);
      }

      .focus-slider-arrow:hover {
        background: rgba(127, 191, 0, .82);
      }

      .focus-slider-arrow-prev {
        left: 0;
      }

      .focus-slider-arrow-next {
        right: 0;
      }

      .focus-slider-arrow span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
      }

      .focus-slider-arrow-prev span {
        margin-left: -3px;
        transform: rotate(-135deg);
      }

      .focus-slider-arrow-next span {
        margin-left: -7px;
        transform: rotate(45deg);
      }
    /* ========================================
   分页
   ======================================== */
.pagination {
  clear: both !important;   /* 核心：清除浮动 */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;           /* 增加上下间距，撑开空间 */
  gap: 4px;
  margin-top: 48px;
}

.pagination-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 10px;
  height: 40px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  background: #f3f4f6;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.pagination-btn:link,
.pagination-btn:visited {
  color: #374151;
}

.pagination-btn svg {
  stroke: currentColor;
}

.pagination-btn:hover:not(:disabled) {
  background: #374151;
  color: #ffffff;
}

.pagination-btn.active {
  background: #4b5563;
  color: #ffffff;
  font-weight: 500;
}

.pagination-ellipsis {
  padding: 0 8px;
  color: #d1d5db;
}

.gallery-news{
    width:95%;
    margin:0;
    padding:12px 0 0 15px;
    list-style:none;
    overflow:hidden;
}

.gallery-news-item{
    float:left;
    width:31.333%;
    margin:0 2% 22px 0;
    list-style:none;
}

.gallery-news-link{
    display:block;
    text-decoration:none;
    color:#333;
    transition:all .25s ease;
}

.gallery-news-img{
    width:100%;
    height:155px;
    overflow:hidden;
    border-radius:10px;
    background:#f5f5f5;
    box-shadow:0 6px 16px rgba(0,0,0,.08);
}

.gallery-news-img img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    transition:all .35s ease;
}

.gallery-news-info{
    padding:9px 3px 0;
}

.gallery-news-title{
    margin:0;
    font-size:15px;
    line-height:24px;
    height:24px;
    overflow:hidden;
    font-weight:normal;
    color:#333;
    transition:color .25s ease;
}

.gallery-news-title.is-bold{
    font-weight:bold;
}

.gallery-news-title.is-italic{
    font-style:italic;
}

.gallery-news-date{
    margin-top:3px;
    color:#999;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

.gallery-news-link:hover{
    transform:translateY(-5px);
}

.gallery-news-link:hover .gallery-news-img{
    box-shadow:0 12px 26px rgba(0,0,0,.16);
}

.gallery-news-link:hover img{
    transform:scale(1.06);
}

.gallery-news-link:hover .gallery-news-title{
    color:#168336;
}

.gallery-news-noimg{
    display:block;
    line-height:155px;
    text-align:center;
    color:#999;
    font-size:14px;
}