@charset "UTF-8";
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:inherit}input:not([type="checkbox"]):not([type="radio"]),textarea,select{font-size:16px!important}button{cursor:pointer;border:none;background:none;padding:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}table{border-collapse:collapse;border-spacing:0;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}blockquote{quotes:none}blockquote::before,blockquote::after{content:''}code,pre{font-family:"Courier New",monospace}hr{border:none;border-top:1px solid #e5e7eb;margin:1rem 0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.clearfix::after{content:'';display:table;clear:both}*{-webkit-tap-highlight-color:transparent}

*{ margin: 0;padding: 0;}
a{color: #333;}
a:hover{ color: #008C8C;}
img{max-width:100%;height:auto;}
.imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.trs{transition:all 0.75s ease;-webkit-transition:all 0.75s ease;-moz-transition:all 0.75s ease;-o-transition:all 0.75s ease;-ms-transition:all 0.75s ease;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-hide{ overflow: hidden; }

/*--- box ---*/
.flex-sb{ display: flex;justify-content: space-between; align-items: center;}
.wrapper{width:1300px;margin-left: auto;margin-right: auto;}
/*-- header --*/
.header{ width:100%;background: #fff; padding: 25px 0;}


.headerlink{ line-height: 30px; color: #fff; }
.tlink a{padding: 0 8px;color: #fff;}
.kh{ margin-top: 20px; }

.header-search{width:auto; height:33px; line-height:33px;position: relative;border:1px solid #94070a;}
.search-form{margin-left: auto;  margin-right: 40px;}
.search-card {
    border-radius: 2px;
    box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.08);
    border: 1px solid #0595de;
    transition: box-shadow 0.25s ease, border-color 0.2s;
    max-width: 640px;
    width: 100%;
  }

  .search-card:hover {
    border-color: #b02a37; 
    box-shadow: 0 24px 48px -16px rgba(220, 53, 69, 0.25);
  }

  .search-box {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
  }

  .search-input {
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    border: none;
    background: transparent;
    color: #1e1e2a;
    outline: none;
    /* border-bottom: 1.5px solid #e2e6ed; */
    transition: border-color 0.2s;
  }

  .search-input:focus {
    border-bottom-color: #dc3545;
  }

  .search-input::placeholder {
    color: #9aa4b8;
    font-weight: 350;
    letter-spacing: 0.01em;
  }

  .search-input:focus::placeholder {
    opacity: 0.5;
  }

  .search-icon-btn {
    flex-shrink: 0;
    background: transparent;
    border: none;
    color: #4a5568;
    font-size: 18px;
    /* padding: 0.4rem 0.2rem 0.4rem 0.6rem; */
    cursor: pointer;
    border-radius: 40px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    min-width: 44px;
    min-height: 44px;
  }
  .search-icon-btn i {
    transition: transform 0.2s, color 0.2s;
  }
  .search-icon-btn:hover i,
  .search-icon-btn:focus i {
    color: #dc3545;
    transform: scale(1.15);
  }

  .search-icon-btn:active i {
    transform: scale(0.88);
    color: #b02a37;
  }
  /* 为了无障碍聚焦，加一个漂亮的外发光 */
  .search-icon-btn:focus-visible {
    outline: 1px solid #dc3545;
    outline-offset: 2px;
    border-radius: 40px;
  }
  .divider-soft {
    width: 1px;
    height: 28px;
    background: rgba(160, 172, 192, 0.25);
    flex-shrink: 0;
    margin: 0 0.1rem 0 0.2rem;
  }

  /* ----- 移动端优化 (小屏幕) ----- */
  @media (max-width: 480px) {
    .search-card {
      padding: 1rem 1.2rem;
      border-radius: 16px;
    }

    .search-input {
      font-size: 0.95rem;
      padding: 0.6rem 0.1rem 0.6rem 0.1rem;
      min-width: 100px;
    }

    .search-icon-btn {
      font-size: 1.2rem;
      min-width: 40px;
      min-height: 40px;
      padding: 0.2rem 0.1rem 0.2rem 0.3rem;
    }

    .divider-soft {
      height: 22px;
      margin: 0 0.1rem;
    }
  }

  /* 极小屏 (<= 380px) 微调 */
  @media (max-width: 380px) {
    .search-card {
      padding: 0.8rem 0.8rem;
    }

    .search-input {
      font-size: 0.85rem;
      padding: 0.5rem 0.1rem;
      min-width: 70px;
    }

    .search-icon-btn {
      font-size: 1rem;
      min-width: 36px;
      min-height: 36px;
      padding: 0.1rem 0.1rem 0.1rem 0.2rem;
    }
  }

  .search-input::selection {
    background: #f5d0d5;
    color: #1e1e2a;
  }

  .search-input:focus::placeholder {
    transition: opacity 0.2s;
  }



.headerlink a{display: block;  background: #008C8C;border: none;color: #fff;text-align: center;cursor: pointer;border-radius: 40px; padding: 8px 15px;}
.headerlink a i{ padding-right: 5px;}

.nav-box{ width: 100%; background-color: #008C8C; box-shadow: 0 6px 10px rgb(0 0 0 / 10%);}
.main-nav>ul{ display: flex;align-items: center;height: 60px;justify-content: space-between;}
.main-nav>ul>li{line-height: 60px;position: relative;}
.main-nav>ul>li>a{color:#fff; font-size:20px; padding:0 30px;}
.main-nav>ul>li.on>a,.main-nav>ul>li:hover a{color:#fff;font-weight: bold;}
.main-nav>ul>li a:hover{color: #fff; font-weight: bold;}
.main-nav li .submenu{display:none; text-align:center; z-index: 100;  position:absolute; top:60px;  left: 0;    background-color: #f4f4f4;   box-shadow: 0 3px 10px rgba(0,0,0, 0.15);  min-width: 150px;      background-color:#f4f4f4;  box-shadow: 0 3px 10px rgba(0,0,0, 0.15); }
.main-nav li .submenu li a{display: block;color:#008C8C; line-height: 40px; }
.main-nav li .submenu li a:hover,.main-nav li .submenu li.active a{ color: #fff;background-color: #0faac5;}

/* --- banner --- */
.banner .swiper{ position: relative;}
.banner .swiper-slide img { width: 100%;}
.banner .swiper-slide img+img {position: absolute; left: 0; top: 0;}
.banner .swiper-slide img { width: 100%;transition: 3s linear; transform: scale(1.08);}
.banner .swiper-slide.swiper-slide-active img {transform: scale(1);}
.banner .swiper-pagination-bullet{ width: 12px; height: 12px; }
.banner .swiper-btn{cursor: pointer;transition: all 0.4s ease-in-out; opacity: 0; border: #eee 3px double; border-radius: 50%; background-color: rgba(0, 0, 0, 0.6);position: absolute;  cursor: pointer; width:50px; height:50px; line-height: 40px; text-align: center; z-index: 100; display: block; top:50%; margin-top:-50px; left:1%; color:#fff;}
.banner .swiper-btn .fa{ font-size:40px; font-weight: 300; }
.banner .swiper-btn.swiper-btn-next{ right:1%; left:auto;}
.banner:hover .swiper-btn{ background-color: #384aeb;color: #fff; opacity: 0.8;}
.banner:hover .swiper-btn.swiper-btn-next{ right:4%; }
.banner:hover .swiper-btn.swiper-btn-prev{ left:4%;}

/*----index----*/
.news-wrapper{display: flex; gap: 30px; align-items: stretch;}
.mod-l{ width: 870px;}
.mod-r{ width: 390px;}
.mod-hd{display: flex;justify-content: space-between;align-items: center; border-bottom: 2px solid #21cdc1; padding-bottom: 5px; margin-bottom: 14px;}
.mod-hd h3 {display: flex; align-items: center; font-size: 24px;  font-weight: 700; color: #213361;}
.mod-hd h3 i{ margin-right: 5px;}
.mod-hd h3 span { color: #1877b1;}
.mod-hd .more{  font-size: 14px; color: #8a9bb5; display: flex;  align-items: center; gap: 4px; transition: color 0.3s;}
.mod-hd .more:hover { color: #c49a6c;}
.mod-hd .more::after { content: '→'; transition: transform 0.3s;}
.mod-hd .more:hover::after {transform: translateX(4px);}
.flex-two{ display: flex; justify-content:space-between;}





.mod-bd{ padding:20px 0;  }  
.part-1{ padding:50px 0;background-color: #f7f8f9;}
.jiaodiantu{ width: 440px; float: left; }

.li-jiaodian .list-content{ }
.li-jiaodian .list-content .title{background-color: #fff; font-size: 16px;padding: 16px 10px; }

.list-yaowen{ float: right; width: 385px; }
.list-yaowen li{overflow:hidden;line-height:50px; border-bottom: 1px dashed #ddd; text-overflow: ellipsis;}
.list-yaowen li a{   font-size:16px; display: block; overflow: hidden; width: 86%; float: left;   }
.list-yaowen li span{ color:#666; float: right; font-size: 14px; }

.list-notice li a{ display: block; border: 1px solid #21cdc0; margin-bottom: 20px;padding: 10px 15px; border-radius: 2px;border-radius: 5px;}
.list-notice li a h3{ font-size: 16px; font-weight:normal;}
.list-notice li .date{ font-size: 14px; padding-top: 5px;}
.list-notice li a:hover{background-color: #21cdc0; color: #FFF; font-weight: bold;}


.li-zhuanye{}
.li-zhuanye li{width:400px;float:left;overflow:hidden; margin: 0 15px; }
.li-zhuanye li a{width:100%;display:block;float:left;position:relative;}
.li-zhuanye li a>img{width:100%;}
.li-zhuanye li a>span{font-size: 20px; bottom: 0; padding:0px 14px; width: 100%; text-align: center; position:absolute;    background: rgb(9 207 193 / 67%);line-height:2.6;color:#fff;display:block;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.li-zhuanye li:nth-child(4n){margin-right:0px;}
.li-zhuanye li a div{width: 100%;height: 0%;opacity: 0;position: absolute;left: 0px; top: 50%;background: rgb(9 207 193 / 67%);transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.li-zhuanye li a div img{width:13%;position:absolute;top:10%;opacity:0;left:50%;transform:translate(-50%,-50%);transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.li-zhuanye li a div span{left:0px;right:0px;position:absolute;bottom:10%;text-align:center;font-size:18px;color:#fff;}

.li-zhuanye li a:hover div{height:100%;opacity:1;top:0px; padding: 20px; color: #fff;}
.li-zhuanye li a:hover div .title{  text-align: center; font-size: 26px; font-weight: bold; padding-bottom: 15px;}
.li-zhuanye li a:hover div .description{ line-height: 1.5;}
.li-zhuanye li a:hover div img{top:50%;opacity:1;}
.li-zhuanye li a:hover>span{top:-100%;}



.list-tzgg li{ border-bottom: 1px solid #ddd;height: 85px; margin-bottom: 12px; }
.list-tzgg li:last-child{border-bottom: none;padding-bottom: 0px;}
.list-tzgg li .list-text .title { font-size: 16px;color: #000; padding-bottom: 4px;}
.list-tzgg li .list-text .description{ color: #666;  line-height: 1.7em; font-size: 14px;}
.list-tzgg li .list-text{font-size: 16px;color: #312d2d;line-height:26px; padding-left: 90px;}
.list-tzgg li:hover a .title{ font-weight: bold;  }
.list-tzgg li .date{float: left; width: 70px; height: 60px;}
.list-tzgg li .kuai{ text-align: center; background-color: #16a5cb; color: #fff; }
.list-tzgg li .kuai .day{ font-size: 30px;  }
.list-tzgg li .kuai .year{ font-size: 14px;  }
.part-2{ background:url(../images/part2bg.jpg) center top no-repeat; padding: 20px 0; }
.part-2 .mod-hd .tit{  color: #fff; }
.part-2 .mod-bd{background-color: rgba(1, 85, 162, 0.3); padding-top: 20px; margin-top: 20px;}
.part-2 .mod-hd .more{ color: #fff; }


.list-jwtz .date {font-size: 14px;color: #999;width: 50px;}
.list-jwtz b {color: #015ca2;font-size: 18px;}
.list-jwtz li{overflow:hidden;line-height:38px;background: url(../images/djdt.png) left center no-repeat; padding-left: 30px;}
.list-jwtz li span{float:right;margin-left: 15px; color: #e39704; font-size: 14px;}

.list-dtjs li{overflow:hidden; line-height:50px; border-bottom: 1px dashed #ddd; text-overflow: ellipsis;background:url(../images/dtjs-dot.png) center left no-repeat; }
.list-dtjs li a{padding-left: 20px;   font-size:16px; display: block; overflow: hidden; width: 86%; float: left;   }
.list-dtjs li span{ color:#666; float: right; font-size: 14px; }

.part-4{ padding: 40px 0;background: url(../images/bg_shizi.jpg) left top no-repeat;}
.section-header {
  text-align: center;
  margin-bottom: 40px;
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 6px;
}

.section-title .title-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.section-title .title-icon svg {
  width: 100%;
  height: 100%;
  fill: #c49a6c;
}

.section-title .title-text {
  font-size: 32px;
  font-weight: 700;
  color: #1a2a4a;
}

.section-title .title-text span {
  color: #1877b1;
}

.section-subtitle {
  color: #8a9bb5;
  font-weight: 400;
  text-transform: uppercase;
}

/* ===== Swiper 容器 ===== */
.research-swiper-wrapper {
  position: relative;
  padding: 0 40px;
}

.research-swiper {
  overflow: hidden;
  padding: 10px 0;
}

/* ===== Swiper 卡片 ===== */
.research-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #f0f2f7;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.research-card:hover {
  border-bottom: 5px #21cdc0 solid;
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.10);
}

/* ===== 图片占位 ===== */
.research-image {
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #e8ecf5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8a9bb5;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  flex-shrink: 0;
}

.research-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===== 卡片内容 ===== */
.research-content {
  padding: 20px 22px 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.research-content .research-title {
  font-size: 17px;
  font-weight: 600;
  color: #1a2a4a;
  margin-bottom: 10px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.research-content .research-title a {
  color: #1a2a4a;
  text-decoration: none;
  transition: color 0.3s;
}

.research-content .research-title a:hover {
  color: #c49a6c;
}

.research-content .research-desc {
  font-size: 14px;
  color: #5a6a7e;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 14px;
  flex: 1;
}

.research-more {
  font-size: 14px;
  color: #21cdc0;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.3s;
  align-self: flex-start;
}

.research-more:hover {
  color: #a87b4e;
}

.research-more::after {
  content: '→';
  transition: transform 0.3s;
}

.research-more:hover::after {
  transform: translateX(4px);
}

/* ===== Swiper 自定义箭头 ===== */
.swiper-button-next,
.swiper-button-prev {
  color: #c49a6c !important;
  background: rgba(255, 255, 255, 0.9);
  width: 44px !important;
  height: 44px !important;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.10);
  transition: background 0.3s, box-shadow 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: #c49a6c !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(196, 154, 108, 0.35);
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 18px !important;
  font-weight: 700;
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
  color: #fff;
}

/* ===== Swiper 分页点 ===== */
.swiper-pagination {
  position: relative;
  margin-top: 14px;
}

.swiper-pagination-bullet {
  background: #5e5e5e !important;
  opacity: 1;
  width: 10px;
  height: 10px;
  transition: background 0.3s, transform 0.3s;
}

.swiper-pagination-bullet-active {
  background: #c49a6c !important;
  transform: scale(1.2);
}

/* ============================
 响应式适配
 ============================ */

@media (max-width: 992px) {
  .section-title .title-text {
      font-size: 28px;
  }

  .section-title .title-icon {
      width: 28px;
      height: 28px;
  }

  .research-swiper-wrapper {
      padding: 0 30px;
  }
}

@media (max-width: 768px) {
  .research-swiper-wrapper {
      padding: 0 20px;
  }

  .swiper-button-next,
  .swiper-button-prev {
      width: 36px !important;
      height: 36px !important;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
      font-size: 14px !important;
  }
}

@media (max-width: 576px) {
  .research-section {
      padding: 40px 12px;
  }

  .section-title .title-text {
      font-size: 22px;
      letter-spacing: 2px;
  }

  .section-title .title-icon {
      width: 24px;
      height: 24px;
  }

  .section-title {
      gap: 8px;
  }

  .section-subtitle {
      font-size: 14px;
      letter-spacing: 4px;
  }

  .research-swiper-wrapper {
      padding: 0 0px;
  }

  .swiper-button-next,
  .swiper-button-prev {
      display: none !important;
  }

  .research-content {
      padding: 16px 18px 18px;
  }

  .research-content .research-title {
      font-size: 16px;
  }

  .research-content .research-desc {
      font-size: 13px;
      -webkit-line-clamp: 2;
  }

  .swiper-pagination {
      margin-top: 16px;
  }

  .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
  }
}

.part-5{ padding: 60px 0;background: url(../images/bg_xsfc.jpg) left top no-repeat;}
.list-fengcai{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.list-fengcai .list-card {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}
.list-fengcai .list-img img{ 
  border-radius: 12px;
}
.list-fengcai .list-content .title{
  text-align: center;
  line-height: 3;
  font-size: 16px;
  font-weight: normal;
}
.list-fengcai .list-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.10);
}
.li-xsgz{ padding: 0 20px; }
.li-xsgz li{overflow: hidden; width: 360px; float: left; margin-right: 30px;}
.li-xsgz li .list-thumb {width: 360px;}
.li-xsgz li .list-thumb img{ width: 100% }
.li-xsgz li .list-text .title { font-size: 16px;color: #000; padding: 15px 0 2px 0; font-weight: bold; }
.li-xsgz li .list-text .description{ color: #666;  line-height: 1.7em; font-size: 14px;}
.li-xsgz li .list-text{font-size: 16px;color: #312d2d;line-height:30px; padding: 0 15px 5px 15px; background-color: #e7effa;}
.li-xsgz li .list-text .date{font-size: 14px;color: #666;height: 30px;line-height: 30px; padding-top: 5px;}
.li-xsgz li .list-text .date i{ padding-right: 5px; }
.li-xsgz li:hover{}
.li-xsgz li a:hover .list-text .title{color: #368dcb; }
.part-3{ padding:50px 0; }
.mod-t{text-align:center; margin-top: 40px; margin-bottom:15px;}
.mod-t h3{ height:45px; line-height:45px; font-size: 30px; color:#333; font-weight:normal;}
.mod-t h3 span{ color:#015ca2; padding-right:10px;}
.mod-t p{ font-size:16px; color:#a0a0a0;}
.mod-t-des{ text-align:center; color:#666; font-size:16px; margin-bottom:15px; }
.mod-c{ padding-top:20px; padding-bottom:20px;}
.slide-left .hd{ text-align:center; padding:20px 0;}
.slide-left .hd a, .slide-left .hd ul{ display:inline-block; vertical-align:middle;}
.slide-left .hd li{ float:left; width:10px; height:10px; background-color:#0eafa7; margin:0 5px; text-indent:-999em; cursor:pointer; border-radius: 10px; }
.slide-left .hd li.on{ background-color:#f08525;}
.slide-left .hd .prev,.slide-left .hd .next{ display:block;  width:40px; height:40px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; }
.slide-left .hd i{ font-size: 40px; font-weight: 300; }
.hd-list li{float:left;text-align:center;overflow:hidden; width:285px; margin:0 12px;}
.hd-list li img{width:285px; height:180px; }
.hd-list a .mask{position:absolute;left:0;top:0;width:285px;height:100%;display:none;}
.hd-list .list-title{background-color:#f4f4f4; color:#595757; font-size:13px;}
.hd-list .list-title .pd{padding:10px 5px 10px;}
.hd-list .list-title .pd .tit{height:40px; position:relative; font-size:16px; line-height:38px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hd-list .list-title .pd .line{width:0;height:1px; background-color:#fff;}
.hd-list a:hover .list-title .line{width:100%;}
.hd-list a{display:block;}
.hd-list a:hover .mask{display:block;}
.hd-list a:hover .list-title{background-color:#368dcb; color:#fff; }
.more3{ width:145px; margin:0px auto;}
.more3 a{ display: inline-block;width: 140px;height: 34px;border: 1px solid #4a9ced;border-radius: 18px;font-size: 14px;color: #4a9ced;line-height: 34px;text-align: center;}
.more3 a:hover{ background-color:#4a9ced; color:#fff;}
.protit{font-size: 25px;line-height: 30px; padding-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}

.protit h3 { font-size: 23px; font-weight: normal; padding-left: 30px; line-height: 1.5em;}

/* 当前位置 */
.breadcrumb-box{line-height:60px; font-size: 14px;color: #454545;background: #F0F0F0;}
.breadcrumb .fa {font-size: 16px;margin-right: 5px;}
.font-blue {color: #3598dc!important;}
.breadcrumb a{ color:#454545;}
/*----box----*/
.wraper-box{ background-color: #f4f6f5; padding:40px 0;   }
.sider-box{ background:#21cdc0 url(../images/siderbg.png) left top no-repeat;width:300px; float:left;  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border-radius: 10px;}
.sub-menu-box{padding-top: 30px; border-radius: 10px;border-top-right-radius: 0px; background:#fff url(../images/sbg2.png) left bottom no-repeat; padding-bottom: 360px; margin-left: 10px;}
.main-box{ width: 960px; float: right; background-color: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);}
.main-box2{ width: 900px; background:#fff; padding-right:20px; padding-left:20px;border-radius: 10px;}
.asidenone .article{ margin:0px; padding:20px;}
.wraper .article_head{ padding-left:15px; height:60px; line-height:60px; font-size:20px; border-bottom:1px solid #ddd; overflow:hidden;}
.wraper .article_head h1{font-weight:normal; font-size:20px; font-weight:normal; }
.mod-title{border-left: 4px #d7d7d7 solid;height: 24px;line-height: 24px;font-size: 22px;padding-left: 16px;margin-bottom: 20px;    color: #cc3300;}
.sub-menu h3{display:block; font-weight: normal; width:240px;height:100px;line-height:100px;font-size:32px;text-align:center; color: #fff; }

.sub-menu-list li{ width: 100%;height: 60px;}
.sub-menu-list li a{display: block;margin: 0 30px;height: 60px;line-height: 60px; padding-left: 40px; font-size: 18px;border-bottom: 1px dashed #ddd;}
.sub-menu li span {display: inline-block;opacity: 0;padding-left: 14px;}
.sub-menu-list li:hover span {opacity: 1;}
.sub-menu-list li.active,.sub-menu-list li:hover {background:url(../images/li_h.png) left top no-repeat;}
.sub-menu-list li.active a,.sub-menu-list li:hover a{border-bottom: none;color: #fff; }
.sub-menu-list.on span {opacity: 1;}

/*---- 机构 ---*/
.list-jgsz{ padding-bottom: 20px; }
.list-jgsz li{float: left; width:265px; height: 50px; line-height:50px; margin:0 15px 15px 15px; padding-left:15px;background-color: #e6e6e6;font-size: 16px;}
.list-jgsz li a{ display:inline-block;width: 100%;height: 100%;color: #666;}
.list-jgsz li:hover{background-color:#0b5caf;  }
.list-jgsz li:hover a{ color: #fff; } 
/*---- 栏目banner ---*/
.xc_banner{height:400px; position:relative; overflow:hidden;}
.xc_banner>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;}
.xc_banner .infor{position:absolute; left:0; bottom:120px; width:100%; line-height:45px; color:#fff;}
.xc_banner .infor .tit{font-size:20px;}
.xc_banner .infor .con{font-size:38px; font-weight:bold;}
/*---teacher---*/
.li-teacher li a:before {content: '';width: 0;height: 0;border-bottom: 12px solid #1696d4;border-left: 12px solid transparent;position: absolute;right: 0;bottom: 0;transition: all 0.3s ease-in-out;}
.li-teacher a{display: block;margin: 0 18px;overflow: hidden;padding: 15px;position: relative;border-radius: 5px;transition: all 0.3s ease-in-out; background-color: #f6f6f6;}
.li-teacher li{float: left; margin: 20px 10px; width: 440px;  }
.li-teacher li a .list-thumb {border: 1px solid #eee; width: 110px; float: left; }
.li-teacher li a .list-info{width: 240px;float: left; margin-left: 20px;}
.li-teacher li a .list-info .position{ color: #bc151b; font-size: 15px;}
.li-teacher li a .list-info .name { font-size: 18px;padding: 2px 0 10px;border-bottom: 1px dashed #d9d9d9;margin-bottom: 8px;}
.li-teacher li a .list-info .expe{ color: #666; padding-top:8px; height: 76px; font-size: 14px;}
.li-teacher li a:hover{box-shadow: 0px 1px 12px rgba(0,0,0,0.15);border-color: #fff; background-color: #fff;}
.li-teacher li a:hover:before{right: 3px;bottom: 3px;}
.li-teacher2{ padding: 0 20px;  }
.li-teacher2 dt{ font-weight: bold; line-height: 40px; }
.li-teacher2 dd a{float: left;display: block;width: 65px;color: #333;font-size: 15px;margin: 0 18px 20px 17px;}
.li-teacher-img dt{ line-height: 40px; font-weight: bold; padding-left: 11px;}
.li-teacher-img .list-thumb{ width: 280px;float: left; margin:20px 12px;  }
.li-bys li{ width: 280px;float: left; margin:20px 12px;  }
/*---zhuanye---*/
.li-zy{}
.li-zy li{overflow: hidden;border-bottom: 1px dashed #ccc; padding: 15px 0;}
.li-zy li .list-thumb {float: left; width: 300px;}
.li-zy li .list-text .title { font-size: 22px;color: #000; font-weight: bold;padding-top: 10px;}
.li-zy li .list-text .description{ color: #666;  line-height: 1.5em; font-size: 14px; padding-top: 10px;}
.li-zy li .list-text{float: right;font-size: 16px;color: #312d2d;line-height:30px; width: 570px;}
.li-zy li .list-text .date{font-size: 13px;color: #888;height: 30px;line-height: 30px;}
.li-zy li .list-text .date i{ padding-right: 5px; }
.li-zy li:hover{ background-color: #fff; }
/*---- news ----*/
.li-item-news li{padding:15px;background:url(../images/dot.jpg) left center no-repeat;padding-left: 18px; border-bottom: 1px dotted #ddd;}
.li-item-news li a {padding-left: 5px; font-size: 16px; }
.li-item-news li.even{}
.li-item-news li span{float: right; color: #777;font-size: 13px;}
.li-item-news li em{font-style: normal; color: #666; padding-left: 15px; font-size: 13px;}
.li-item-news li:hover{ }
/*---- 新闻列表one ----*/
.li-item-newsone li{padding:10px 0;}
.li-item-newsone li a {padding-left: 5px; font-size: 16px;}
.li-item-newsone li span{color: #015ca2;font-size: 14px; padding-right:15px; }
.li-item-newsone li em{font-style: normal; color: #666; padding-left: 15px; font-size: 13px; float:right;}
.li-item-newsone li:hover a{color: #015ca2;}
/*----meiti---*/
.meiti-list li{padding:10px 0;font-size: 16px; line-height: 40px;}
.meiti-list li a {padding-left: 5px; float: left; }
.meiti-list li .mtname{color: #000; background-color: #f4f4f4; display: inline-block; float: left; width: 130px; text-align: center; margin-right: 15px; }
.meiti-list li .date{  color: #666; font-size: 13px; float:right;}
.meiti-list li:hover .mtname{color: #fff; background-color: #c2272d; }
/*---- notice ----*/
.li-item-notice   li{background:#f5f5f5; position:relative; transition:all 0.5s ease; height:90px; margin-bottom:10px;}
.li-item-notice   li:after{content:''; width:90px; height:90px; background:url(../images/notice01.jpg) no-repeat center; position:absolute; right:0; top:0; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.li-item-notice  .li_box{display:block; padding:17px 0 17px 30px;}
.li-item-notice  .li_box .left{float:left; width:9%; margin-right:3%; color:#06378e; line-height:1; border-right:1px solid #e0e0e0; border-color:rgba(224,224,224,0.8);}
.li-item-notice  .li_box .left .day{font-size:38px; font-family:Arial; line-height:42px;}
.li-item-notice  .li_box .left .year{font-size:13px;}
.li-item-notice  .li_box .right{width:74%; float:left; line-height:55px; font-size:18px; color:#333;}
.li-item-notice  li:hover{background:#dde2eb;}
.li-item-notice  li:hover:after{opacity:1; visibility:visible;}
.li-item-notice  li:hover .li_box .left{border-color:#fff;}
.li-item-notice  li:hover .li_box .right{color:#06378e;}
/*---tuwen---*/
.li-tuwen{}
.li-tuwen li{overflow: hidden;border-bottom: 1px dashed #ccc; padding: 15px 0;}
.li-tuwen li .list-thumb {float: left; width: 210px;}
.li-tuwen li .list-text .title { font-size: 20px;color: #000; padding-top: 10px;}
.li-tuwen li .list-text .description{ color: #666;  line-height: 1.5em; font-size: 14px; padding-top: 10px;}
.li-tuwen li .list-text{float: right;font-size: 16px;color: #312d2d;line-height:30px; width: 680px;}
.li-tuwen li .list-text .date{font-size: 13px;color: #888;height: 30px;line-height: 30px;}
.li-tuwen li .list-text .date i{ padding-right: 5px; }
.li-tuwen li:hover{ background-color: #fff; }
/*---duotu---*/
.li-duotu{margin-right: -20px;}
.li-duotu li{float: left; margin-right: 18px; width: 288px; margin-bottom:20px; }
.li-duotu li.mr0{ margin-right: 0px; }
.li-duotu li .list-thumb {}
.li-duotu li .list-info{width: 288px;}
.li-duotu li .list-info .position{ font-weight: bolder;font-size: 16px;padding: 10px 0;display: block;line-height: 21px; }
.li-duotu li .list-info .name a:hover{ color: #c2272d;  }
.li-duotu li .list-info .expe{ color: #666; padding-top:8px;}
.li-duotu li .list-title{font-size: 16px;color: #312d2d;line-height: 40px;height: 40px; text-align: center;}
.li-duotu li .list-date{font-size: 14px;color: #888;height: 30px;line-height: 30px;}
/*---- page ---- */
.pagination {padding-top: 20px;width:100%;text-align: center; font-size: 14px;}
.pagination ul{display: inline-block;}
.pagination li {display: inline-block; margin-right:10px; line-height: 40px; height: 40px;}
.pagination li:last-child{margin-right:0px;}
.pagination li a,.pagination li span {display: block;color: #555;background-color: #f3f3f3;padding:0 15px;}
.pagination li a:hover,.pagination li a:focus,.pagination li span:hover,.pagination li span:focus {background-color: #d7d7d7;}
.pagination .active a,.pagination .active a:hover,.pagination .active a:focus,.pagination .active span,.pagination .active span:hover,.pagination .active span:focus {background-color: #d7d7d7;}
/*通用栏目标题*/
.page-content{ padding:20px 20px 30px 20px; }
.breadcrumb{line-height: 30px; padding-top: 30px;padding-left: 30px; border-bottom: 1px solid #ddd; padding-bottom: 10px; color: #666;}
.breadcrumb a { color: #666; }
/* single-page */
.single-page-content{ font-size: 16px; line-height: 2em; padding: 20px 40px;}
.single-page-content p{text-align:justify;word-wrap:break-word; padding-bottom: 10px;}
.single-page-content hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.page-head{background:url('../image/i-line.png') repeat-x left center;text-align: center;margin-bottom:40px;}
.page-head h1{display: inline-block;padding:0 100px;background: #fff;font-size:40px;line-height: 40px;font-weight: normal;}
/*正常内容页*/
#Article{overflow:hidden; font-family:"微软雅黑"; color:#555; padding: 35px 50px; line-height: 1.8em;}
#Article h1{color:#000;font:30px "微软雅黑",arial;margin-bottom:15px; text-align:center; padding:16px 0 8px; }
#Article .info{ font-size:14px; font-weight:normal; line-height:20px; color:#777;border-bottom:1px solid #e5e5e5;text-align: center; padding-bottom: 10px;}
#Article .content{ font-size:16px; padding-top: 20px;}
#Article .content p{line-height:2.0;text-align:justify;word-wrap:break-word; padding-bottom:15px;overflow-wrap: break-word;word-wrap: break-word;}
#Article .content img{ max-width: 700px; height: auto; }
#Article .pagepn{ padding:10px 0; border-top:1px solid #ddd;}
#Article .pagepn p{ margin: 5px 0;}
#Article .pagepn p a{cursor: pointer;}
#Article .content table{ margin: 0 auto; }
#Article .content table p{ padding-top: 5px; padding-bottom: 5px; }
.jiaoshi-img{ text-align: center; padding-top: 20px;  }
.jiaoshi-img img{max-width: 200px;}
.link-nav{ background-color: #eee; font-size: 16px; text-align: center;  line-height: 22px; padding: 20px 0;margin-top:30px; }
.link-nav a{ padding: 0 25px; color: #454545; }
/* footer style */
.footer{ width:100%;  color: #fff; padding:30px 0;background:url(../images/footerbg.jpg) left center no-repeat; }
.footer-content{display: flex; justify-content: space-between; align-items: center;}
.footlogo{display: flex; font-size: 24px; align-items: center;}
.footlogo span{ padding-left: 20px;}
/* Scroll Top */
.scroll-to-top {padding: 2px;text-align: center;position: fixed;z-index: 10001;bottom: 5px;display: none;right: 20px; background-color: #378ccd; width: 50px; height: 50px; color: #fff; line-height: 60px;}
.scroll-to-top > i {display: inline-block;font-size: 32px;opacity: 0.7 ;filter: alpha(opacity=70) ; }
.scroll-to-top:hover {cursor: pointer; }
.scroll-to-top:hover > i {opacity: 1 ;filter: alpha(opacity=100) ; }
/*---- page ---- */
.pa.li-zhuanyetion {padding-top: 20px;width:100%;text-align: center; font-size: 14px;}
.pa.li-zhuanyetion ul{display: inline-block;}
.pa.li-zhuanyetion li {display: inline-block; margin-right:10px; line-height: 40px; height: 40px;}
.pa.li-zhuanyetion li:last-child{margin-right:0px;}
.pa.li-zhuanyetion li a,.pa.li-zhuanyetion li span {display: block;color: #555;background-color: #f3f3f3;padding:0 15px;}
.pa.li-zhuanyetion li a:hover,.pa.li-zhuanyetion li a:focus,.pa.li-zhuanyetion li span:hover,.pa.li-zhuanyetion li span:focus {background-color: #d7d7d7;}
.pa.li-zhuanyetion .active a,.pa.li-zhuanyetion .active a:hover,.pa.li-zhuanyetion .active a:focus,.pa.li-zhuanyetion .active span,.pa.li-zhuanyetion .active span:hover,.pa.li-zhuanyetion .active span:focus {background-color: #d7d7d7;}
.lancont{ border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px; }
.lancont p{ line-height:1.8em; padding: 5px 0; }