body {
   font-family: "Arial", "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif;
  }
  .W100 {
    display: block;
    width: 100%;
    height: 100%;
  }
  .porOV {
    position: relative;
    overflow: hidden;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  a {
    color: #000 ;
  }
  a:hover {
    text-decoration: none;
    color: #000000;
  }
  em,
  i {
    font-style: normal;
  }
  ol,
  ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
  }
  ._border {
    border: 1px solid #dddddd;
  }
  .marTop {
    margin-top: 30px;
  }
  #ban {
  width: 100%;text-align: center;overflow: hidden;padding-top: 38px;
  }
    #banner {
   width: 100%;
   margin: 0 auto;
   overflow: hidden;
   margin-bottom: 14px;
   height: auto;}
  .banner, #banner-slide {
   margin: 0 auto;
   max-width: 1200px;
   position: relative;
   width: 100%;}
  .bjqs-wrapper {
   overflow: visible !important;}
  .mask-l, .mask-r {
   position: absolute;
   width: 100%;
   height: 100%;
   background: #000;
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;}
  .mask-l {
   left: -100%;
   top: 0;}
  .mask-r {
   left: 100%;
   top: 0;}
  .h-centered {
   position: absolute;
   bottom: 0px !important;
   z-index: 10;}
  .h-centered-1 {
   background-position: 0 25px;}
  .bjqs-markers li a {
   height: 12px;
   width: 12px;
   margin: 0 6px;
   display: inline-block;
   overflow: hidden;
   text-indent: -100px;
   font-size: 0;
   border-radius: 50%;
   background: #ddd;}
  .bjqs-markers .active-marker a {
   background: #175CA8;}
  .bjqs-controls li a {
   display: block;
   width: 30px;
   text-align: center;
   height: 66px;
   line-height: 66px;
   background: #000;
   text-decoration: none;
   color: #fff;
   font-size: 30px;
   font-weight: bold;
   font-family: simsun;
   text-decoration: none;
   cursor: pointer;
   position: absolute;
   top: 50%;
   margin-top: -33px;
   z-index: 50;
   opacity: 0.7;
   filter: alpha(opacity=70);}


  .bjqs-caption {
   position: absolute;
   top: 65%;
   width: auto;
   padding: 1em 2em 1.6em;
   margin: 0 1em;width: 40%;
   text-align: left;
   opacity: 0;}





  .bjqs-caption h4 {
   font-size: 30px;
      margin-bottom: 2px;
      background: #1295d8;
      float: none;
      font-weight: 700;
      color: #fff;
      padding-bottom: 0.33em;
      text-align: left;
      padding-top: 0.2em;
      padding-left: 0.66em;
      display: inline-block;
      padding-right: 0.66em;
      opacity: 0.9;}

  .bjqs-caption p {
   color: #006699;
      font-size: 14px;
      display: inline-block;
      background-color: rgba(255,255,255,0.8);
      padding: .3333em .66666666666667em .3333em 1.5em;
      opacity: 0.9; line-height: 150%;}

  .bjqs-slide .more0 {
      position: absolute;
      bottom: 1%;
      left: 10px;
       height: 30px;
      z-index: 2000;
      background: #fff;
      text-align: center;
      color: #505050;
      font-size: 14px;
      display: block;
      line-height: 30px;
      text-transform: uppercase;opacity: 0;
      padding:0 15px;}

  .bjqs-slide .more {
      position: absolute;
      bottom: 0;
      left: 20px;
      /*width: 120px;*/
      height: 40px;
      line-height: 40px;
      z-index: 11;
      text-align: center;
      color: #fff;
      font-size: 14px;
      display: block;
      text-transform: uppercase;opacity: 0;
    }

  .bjqs-slide .more font {
      display: inline-block;
      padding-left: 4px;
      font: 14px/14px consolas;}

  ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
  li.bjqs-slide{position:absolute; display:none;}
  li.bjqs-slide img {width:100%; display:block;height: 100%;}
  ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:2;}
  ul.bjqs-controls.v-centered li a{position:absolute;z-index: 2;}
  ul.bjqs-controls.v-centered li.bjqs-next a{right:-30px;}
  ul.bjqs-controls.v-centered li.bjqs-prev a{left:-30px;}
  ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;background: rgba(0,0,0,.5);height: 40px;line-height: 40px;right: 0;text-align: right;}
  ol.bjqs-markers.h-centered{}
  ol.bjqs-markers li{display:inline;}
  ol.bjqs-markers li a{display:inline-block;}
  p.bjqs-caption{display:block;margin:0;padding:1%;position:absolute;}


  .dropdown-toggle .icon-bar {
      background-color: #fff;
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;
      margin-bottom: 4px;}

  ul.zslist {
      margin: 0;}
  ul.zslist li {
    float: left;
    margin-right: 5em;
    margin-bottom: 3em;width: 45%;}
  ul.zslist li.mr0 {

    margin-right: 0;}
  ul.zslist li.list_right {
    margin-right: 0px;}
  .imglist, .imglist img {

    width: 100%;}
  .imgtitle {
    font-size: 1.5em;
    line-height: 2em;
    background: #006699;

    text-align: center;}
  .imgtitle a {
    text-decoration: none;
    color: #FFF;}
  .imgtitle a:hover {
    color: white;}
  .imgdesc {
    text-align: left;
    font-size: 1.1em;

    background: #f0f0f0;
    padding: 10px 10px 10px 10px;}
  .imgdesc a {
    margin-top: 10px; font-weight: bold; font-size: 1.2em;}

  .news-list-title-info {
    border-bottom: 1px solid #2478d9;
    height: 50px;
    line-height: 50px;
  }
  .news-list-title-info h4 {
    margin: 0;
    background: #2478d9;
    font-weight: 700;
    color: #fff;
    /*padding: 12px 30px;*/
    font-size: 20px;
    line-height: 50px;
    width: 160px;
    text-align: center;
  }
  .news-list-title-info .spans {
    padding-right: 15px;
  }
  .news-list-title-info .spans a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    color: #666666;
    background: url(/images/more.png) no-repeat right center;
    padding-right: 17px;
  }
  .news-list-title-info .spans a:hover {
    transform: translateX(10px);
  }
  .news-list-box {
    padding: 10px;
    border-top: 0;
  }
  #header .top {
    background: #105bb1;
    height: 30px;
    line-height: 30px;
  }
  #header .top .homePage {
   /* margin-right: 20px;*/
    position: relative;
    overflow: hidden;
  }
  #header .top .homePage a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
  }
  #header .top .homePage a span {
    margin: 0 5px;
  }
  #header .top .search {
    margin-top: 5px;
    position: relative;
    overflow: hidden;
    margin-left: 20px;
  }
  #header .top .search .inop {
    display: block;
    height: 20px;
    line-height: 20;
    width: 130px;
    padding-left: 10px;
    padding-right: 25px;
    font-size: 12px;
    border-radius: 10px;
    border: none;
    outline: none;
    z-index: 1;
    overflow: hidden;
    color: #000!important;
    font-family: "微软雅黑";
    /*background: #ddd;*/
  }
  #header .top .search .form-control {
    height: 20px;
    padding: 0 30px 0 10px;
    line-height: 20px;
    border-radius: 15px;
    font-size: 12px;
  }
  #header .top .search input {
    color: #000;
  }
  #header .top .search .inop:focus {
    color: #000;
  }

  #header .top .search input:focus {
    color: #000;
  }
  #header .top .search .bbtn {
    /*width: 20px;
          height: 20px;
          margin: 0;
          padding: 0;*/
    position: absolute;
    width: 30px;
    right: 0;
    top: -5px;
    background: url("/images/Shape-1.png") no-repeat center center;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0;
    text-indent: 100em;
  }
  #header .top .search button {
    outline: none;
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    line-height: 20px;
    z-index: 2;
  }
  #header .top .search button span {
    margin: 3px;
    color: #2478d9;
  }
  #header .logo {
    background: #2478d9;
    padding: 20px 0;
  }
  #header .logo a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #header .logo a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  #header .logo .title h1 {
    color: #fff;
    opacity: .5;
    font-size: 36px;
    font-weight: 100;
  }
  #header .nav .navbar {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    min-height: inherit;
  }
  #header .nav .nav > li > a {
    /*padding: 10px 26px;*/
    height: 38px;
    padding: 0;
    line-height: 38px;
    width: 120px;
    text-align: center;
  }
  #header .nav .nav > li > a i {
    margin-right: 5px;
    font-size: 18px;
    transition: all .2s ease;
    display: none;
  }
  #header .nav .nav > li > a:hover {
    color: #ffffff;
    background: #2478d9;
  }
  #header .nav .nav > li > a:hover i {
    transform: rotate(360deg);
  }
  #header .nav .nav > li > a i {
    opacity: .8;
  }
  #header .nav .navbar-default {
    background: url("/images/nav.png") no-repeat center center;
    position: absolute;
    z-index: 100;
    width: 100%;
    margin-top: 1px;
  }
  #header .nav .navbar-brand {
    height: 38px;
  }
  #header .nav .navbar-toggle {
    margin-top: 3px;
  }
  #header .nav .navbar-default .navbar-brand {
    color: #fff;
    padding: 10px 15px;
  }
  #header .nav .navbar-default .navbar-nav > li > a {
    color: #fff;
  }
  #header .nav .navbar-default .navbar-nav > .active > a,
  #header .nav .navbar-default .navbar-nav > .active > a:focus,
  #header .nav .navbar-default .navbar-nav > .active > a:hover {
    color: #ffffff;
    background: #2478d9;
  }
  #header .nav .ullistBox {
    position: absolute;
    background: #105bb1;
    width: 100%;
    left: 0;
    text-align: center;
  }
  #header .nav .ullistBox ul li {
    display: none;
  }
  #header .nav .ullistBox ul li a {
    display: block;
    border-bottom: 1px solid #ffffff;
    padding: 10px 0;
    color: #ffffff;
  }
  #header .nav .ullistBox ul li a.last {
    border-bottom: 0;
  }
  #header .nav .ullistBox ul li a:hover {
    background: #2478d9;
  }
  #header .nav .ullistBox ul li:last-child a {
    border-bottom: 0;
  }
  .banner {
   /* padding-top: 38px;*/
  }
  #banner .carousel-inner > .item {
    height: 420px;
  }
  #banner .carousel-inner > .item a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #banner .carousel-inner > .item a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news {
    margin-top: 30px;
  }
  #main .news .news-list {
    border: 1px solid #dddddd;
    border-bottom: 1px solid #2478d9;
    height: 50px;
  }
  #main .news .news-list .list {
    /*   width: 90%;    modify by zf 20240415*/
    width: 85%;

  }
  #main .news .news-list .list ul {
    margin-bottom: 0;
  }
  #main .news .news-list .list ul li {
    float: left;
    width: 25%;
    text-align: center;
    /*padding: 10px 0;*/
    cursor: pointer;
    font-size: 16px;
    display: block;
    line-height: 48px;
  }
  #main .news .news-list .list ul li.active {
    background: #2478d9;
    color: #fff;
    font-weight: 700;
  }
  #main .news .news-list .list ul li:hover {
    background: #2478d9;
    color: #ffffff;
    font-weight: 700;
  }
  #main .news .news-list .more {
    /*   width: 10%;   modify by zf 20240415   */
    width: 14%;
    font-size: 0;
    text-align: center;
    line-height: 48px;
  }
  #main .news .news-list .more a {
    font-size: 14px;
    /*padding-right: 10px;*/
    background: url(/images/more.png) no-repeat right center;
    padding-right: 17px;
    color: #666666;
  }
  #main .news .news-list .more a em {
    text-align: center;
    display: inline-block;
    transition: all 0.2s ease;
    transform-origin: center;
  }
  #main .news .news-list .more a:hover em {
    transform: rotate(360deg);
  }
  #main .news .news-box {
    border: 1px solid #dddddd;
    padding: 10px;
    border-top: 0;
  }
  #main .news .news-box .news-box-list {
    display: none;
  }
  #main .news .news-box .news-box-list .swiper-container {
    width: 100%;
    height: 230px;
  }
  #main .news .news-box .news-box-list .swiper-slide {
    text-align: center;
    background: #fff;
  }
  #main .news .news-box .news-box-list .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news .news-box .news-box-list .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news .news-box .news-box-list.active {
    display: block;
  }
  #main .news .news-box .news-box-list .lastUl {
    border-bottom: 1px dashed #666;
    margin-bottom: 6px;
  }
  #main .news .news-box .news-box-list .lastUl a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news .news-box .news-box-list .lastUl a h3 {
    font-size: 16px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: #000000;
  }
  #main .news .news-box .news-box-list .lastUl a p {
    font-size: 12px;
    color: #666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 20px;
    min-height: 60px;
  }
  #main .news .news-box .news-box-list .lastUl a:hover h3 {
    color: #2478d9;
  }
  #main .news .news-box .news-box-list .listUl ul {
    font-size: 0;
  }
  #main .news .news-box .news-box-list .listUl ul li {
    font-size: 14px;
    line-height: 34px;
  }
  #main .news .news-box .news-box-list .listUl ul li.last {
      border-bottom: 1px dashed #666;
      margin-bottom: 6px;
  }
  #main .news .news-box .news-box-list .listUl ul li.last h3 {
      font-size: 16px;
      margin-top: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: 700;
      color: #000000;
  }

  #main .news .news-box .news-box-list .listUl ul li.last p {
      font-size: 12px;
      color: #666;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-height: 20px;
      min-height: 60px;
  }
  #main .news .news-box .news-box-list .listUl ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  #main .news .news-box .news-box-list .listUl ul li.last a:hover  h3 {
      color: #23527c;
  }
  #main .news .news-box .news-box-list .listUl ul li a span {
    float: left;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000000;
    padding-left: 10px;
  }
  #main .news .news-box .news-box-list .listUl ul li a em {
    font-style: normal;
    float: right;
    width: 30%;
    text-align: right;
    color: #666666;
  }
  #main .news .news-box .news-box-list .listUl ul li a i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 90px;
    background: #2478d9;
  }
  #main .news .news-box .news-box-list .listUl ul li a:hover span {
    color: #2478d9;
  }
  #main .news .news-box .news-box-list .listUl ul li a:hover em {
    color: #2478d9;
  }
  #main .news .news-box .news-box-list .ims {
    position: relative;
    overflow: hidden;
    height: 240px;
  }
  #main .news .news-box .news-box-list .ims a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news .news-box .news-box-list .ims a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news .news-box .news-box-list .flexslider {
    position: relative;
    height: 240px;
    overflow: hidden;
    zoom: 1;
  }
  #main .news .news-box .news-box-list .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
  }
  #main .news .news-box .news-box-list .flexslider .slides {
    zoom: 1;
  }
  #main .news .news-box .news-box-list .flexslider .slides a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news .news-box .news-box-list .flexslider .slides a .img {
    position: relative;
    overflow: hidden;
    height: 240px;
  }
  #main .news .news-box .news-box-list .flexslider .slides a .img img {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news .news-box .news-box-list .flex-direction-nav a {
    display: none;
  }
  #main .news .news-box .news-box-list .flex-direction-nav .flex-next {
    background-position: 0 -90px;
    right: 0;
  }
  #main .news .news-box .news-box-list .flex-direction-nav .flex-prev {
    left: 0;
  }
  #main .news .news-box .news-box-list .flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
  }
  #main .news .news-box .news-box-list .flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
  }
  #main .news .news-box .news-box-list .flexslider:hover .flex-next:hover,
  #main .news .news-box .news-box-list .flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
  }
  #main .news .news-box .news-box-list .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 1px;
    text-align: right;
  }
  #main .news .news-box .news-box-list .flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  #main .news .news-box .news-box-list .flex-control-paging li a {
    /*background: url(/images/dot.png) no-repeat 0 -16px;*/
    display: block;
    height: 10px;
    overflow: hidden;
    text-indent: 999em;
    width: 10px;
    cursor: pointer;
    background: #ffffff;
    border-radius: 90px;
  }
  #main .news .news-box .news-box-list .flex-control-paging li a.flex-active {
    background: #2478d9;
  }
  #main .announcement .newList ul {
    font-size: 0;
  }
  #main .announcement .newList ul li {
    font-size: 14px;
    line-height: 34px;
  }
  #main .announcement .newList ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .announcement .newList ul li a span {
    float: left;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000000;
    padding-left: 10px;
  }
  #main .announcement .newList ul li a em {
    float: right;
    font-style: normal;
    text-align: right;
    color: #666666;
  }
  #main .announcement .newList ul li a i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 90px;
    background: #2478d9;
  }
  #main .announcement .newList ul li a:hover span {
    color: #2478d9;
  }
  #main .announcement .newList ul li a:hover em {
    color: #2478d9;
  }
  #main .news-imgs {
    margin-top: 30px;
    height: 100px;
  }
  #main .news-imgs .adimg {
    height: 100px;
  }
  #main .news-imgs a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .news-imgs a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .passageway {
    position: relative;
    overflow: hidden;
  }
  #main .passageway .express-lane {
    border: 1px solid #dddddd;
    margin-top: 30px;
  }
  #main .passageway .express-lane .list-box {
    position: relative;
    overflow: hidden;
    background: #f2f2f2;
    margin-bottom: 0;
  }
  #main .passageway .express-lane .list-box a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .passageway .express-lane .list-box a .imgs {
    float: left;
    width: 30%;
    height: 87.5px;
    position: relative;
    overflow: hidden;
    padding: 8px 5px;
  }
  #main .passageway .express-lane .list-box a .imgs img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
  }
  #main .passageway .express-lane .list-box a .right-box {
    float: right;
    width: 70%;
    padding: 8px 5px;
  }
  #main .passageway .express-lane .list-box a .right-box h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 10px;
    overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;

  }
  #main .passageway .express-lane .list-box a .right-box p {
    margin-bottom: 0;
    font-size: 12px;
    color: #666666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 19px;
  }
  #main .passageway .express-lane .list-box a:hover .imgs img {
    transform: scale(1.08);
  }
  #main .passageway .express-lane .list-box a:hover .right-box h6 {
    color: #2478d9;
  }
  #main .passageway .express-lane .list-box.list-box_4 {
    margin-bottom: 0;
  }
  #main .passageway .express-lane .list-box.list-box_5 {
    margin-bottom: 0;
  }
  #main .passageway .express-lane .list-box.list-box_6 {
    margin-bottom: 0;
  }
  #main .passageway .service-navigation {
    border: 1px solid #dddddd;
    margin-top: 30px;
  }
  #main .passageway .service-navigation .service-nav-box {
    text-align: center;
    background: #f2f2f2;
    border-radius: 10px;
  }
  #main .passageway .service-navigation .service-nav-box a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
  }
  #main .passageway .service-navigation .service-nav-box a img {
    height: 34px;
    margin: 5px auto 15px auto;
    transition: all 0.3s ease;
  }

  #main .passageway .service-navigation .service-nav-box a i {
    display: block;
    font-size: 42px;
    color: #2478d9;
    transition: all 0.3s ease;
  }
  #main .passageway .service-navigation .service-nav-box a h6 {
    margin: 0;
    font-size: 14px;
    padding-bottom: 6px;
  }
  #main .passageway .service-navigation .service-nav-box a:hover i {
    transform: translateY(10px);
  }
  #main .passageway .service-navigation .service-nav-box a:hover img {
    transform: translateY(10px);
  }
  /*#main .passageway .service-navigation .service-nav-box a:hover {
    background: #2478d9;
    border-radius: 10px;
  }*/
  #main .passageway .service-navigation .service-nav-box a:hover i {
    color: #ffffff;
  }
  #main .passageway .service-navigation .service-nav-box a:hover h6 {
    color: #2478d9;
  }
  #main .passageway .service-navigation .service-nav-box.service-nav-box_1 {
    margin-bottom: 25px;
  }
  #main .passageway .service-navigation .service-nav-box.service-nav-box_2 {
    margin-bottom: 25px;
  }
  #main .passageway .service-navigation .service-nav-box.service-nav-box_3 {
    margin-bottom: 25px;
  }
  #main .special-website {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    border: 1px solid #dddddd;
  }
  #main .special-website .link-img {
    position: relative;
    overflow: hidden;
  }
  #main .special-website .link-img a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #main .special-website .link-img a .img {
    position: relative;
    overflow: hidden;
  }
  #main .special-website .link-img a img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
  }
  #main .special-website .link-img a:hover img {
    transform: scale(1.08);
  }
  #main .listy {
    height: 310px;
    position: relative;
  }
  #main .listy2 {
    height: 310px;
    position: relative;
  }
  .bannerli {
    padding-top: 38px;
    position: relative;
    overflow: hidden;
  }
  .bannerli .lop {
    position: relative;
    overflow: hidden;
  }
  .bannerli a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .bannerli a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .bannerli h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 80px;
    margin: 0;
    padding: 0;
    line-height: 80px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 32px;
    background: rgba(36,120,218,0.8);
    /*opacity: 0.8;*/
  }

  .bannerli h3 span {
    opacity: 1;
  }

  .news_list {
    margin-top: 30px;
  }
  .news_list .list {
    border: 1px solid #dddddd;
  }
  .news_list .list .title {
    height: 51px;
    line-height: 51px;
    border-bottom: 1px solid #2478da;
  }
  .news_list .list .listtit {}
  .news_list .list .listtit ul {}
  .news_list .list .listtit ul li {
    margin: 0;
    font-size: 24px;
    color: #666;
    width: 138px;
    background: #f2f2f2;
    text-align: center;
    line-height: 50px;
    float: left;
    margin-right: 1px;
  }
  .news_list .list .listtit ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #666;
    overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  }
  .news_list .list .listtit ul li.active  a {
    background: #2478d9;
    color: #fff;
  }
  .news_list .list .listtit ul li a:hover {
    background: #2478d9;
    color: #fff;
  }
  .news_list .list h3 {
    margin: 0;
    font-size: 24px;
    color: #fff;
    width: 138px;
    background: #2478d9;
    text-align: center;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .news_list .list .title .current {
    padding-right: 20px;
    font-size: 12px;
    color: #666666;
  }
  .news_list .list .title .current span {
    font-size: 12px;
    color: #666666;
  }
  .news_list .list .title .current a {
    font-size: 12px;
    color: #666666;
  }
  .news_list .list .list_news {
    padding: 10px 20px 30px 20px;
    min-height:1000px;
  }
  .news_list .list .list_news ul {}
  .news_list .list .list_news ul li {
    line-height: 44px;
  }
  .news_list .list .list_news ul li.op5 {
    border-bottom: 1px dashed #bbbbbb;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .news_list .list .list_news ul li a {
    
    width: 100%;
    height: 100%;
  }

  .news_list .list .list_news ul li a span {
    position: relative;
    float: left;
    width: 70%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: left;
    font-size: 14px;
    color: #1b1b1b;
    padding-left: 15px;
  }
  .news_list .list .list_news ul li a em {
    float: right;
    width: 30%;
    text-align: right;
    color: #999999;
  }
  .news_list .list .list_news ul li a:hover span {
      color: #2478d9;   
  }
  .news_list .list .list_news ul li a:hover em {
      color: #2478d9;   
  }
  .news_list .list .list_news ul li a i {
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: #2478d9;
    border-radius: 90px;
  }
  .news_list .list .list_news .content {
  }
  .news_list .list .list_news .content .tulist {
    margin-top: 10px;
  }
  .news_list .list .list_news .content .tulist .listY {
    margin-bottom: 30px;
  }
  .news_list .list .list_news .content .tulist .listY a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
  }
  .news_list .list .list_news .content .tulist .listY a .imgs {
    position: relative;
    overflow: hidden;
    height: 200px;
  }
  .news_list .list .list_news .content .tulist .listY a .imgs img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .news_list .list .list_news .content .tulist .listY a h6 {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
  }
  .news_list .list .list_news .content .tulist .listY a:hover {
    transform: translateY(-2%);
    box-shadow: 1px 4px 10px 2px #CCC;
    -webkit-box-shadow: 1px 4px 10px 2px #CCC;
    -moz-box-shadow: 1px 4px 10px 2px #CCC;
  }
  .news_list .list .list_news .content .titleO {
    text-align: center;
  }
  .news_list .list .list_news .content .titleO h6 {
    margin: 0;
    color: #000000;
    font-size: 24px;
    line-height: 40px;
  }
  .news_list .list .list_news .content .titleO .title2 {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
  }
  .news_list .list .list_news .content .titleO .time {
    font-size: 0;
    margin-top: 15px;
  }
  .news_list .list .list_news .content .titleO .time span {
    font-size: 12px;
    color: #666666;
    margin: 0 10px;
  }
  .news_list .list .list_news .content .info {
    margin-top: 10px;
  }

  .news_list .list .list_news .content .info #vsb_content  #FlashID {
      margin: 0 auto;
  }
  .news_list .list .list_news .content .info p {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    /*text-indent: 2em;*/
  }
  .news_list .list .list_news .content .info p video {
    width: 100%;
    /*text-indent: -2em;*/
  }
  #footer {
    padding: 20px 0;
    background: #2478d9;
    margin-top: 40px;
    color: #fff;
  }
  #footer .footer-info .links {
    font-size: 0;
    margin-bottom: 10px;
  }
  #footer .footer-info .links span {
    font-size: 14px;
  }
  #footer .footer-info .links a {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    color: #fff;
  }
  #footer .footer-info p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #FFF;
  }
  #footer .footer-info p a {
    color: #fff!important;
  }
  #footer .footer-info p:last-child {
    margin-bottom: 0;
  }
  #footer .footer-logo {
    padding-top: 20px;
  }
  #footer .posi-fixed {
    display: block;
    position: fixed;
    right: 10%;
    bottom: 25%;
    z-index: 200;
    padding-bottom: 70px;
  }
  #footer .posi-fixed ul li {
    text-align: center;
    margin-bottom: 15px;
  }
  #footer .posi-fixed ul li.last_top {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    width: 82px;
  }
  #footer .posi-fixed ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
    background: #2478d9;
    position: relative;
  }
  #footer .posi-fixed ul li a img {
    display: block;
    width: auto;
    height: auto;
    margin: 5px auto 5px auto;
  }
  #footer .posi-fixed ul li a i {
    display: block;
    font-size: 36px;
    transition: all 0.4s ease;
  }
  #footer .posi-fixed ul li a .base {
    font-size: 12px;
  }
  #footer .posi-fixed ul li a:hover {
    background: #333;
  }
  #footer .posi-fixed ul li a:hover i {
    transform: translateY(-5px);
  }


  /*  组织机构 */
  .zzjg {
    width: 690px;
    height: 645px;
    margin: 0 auto;
    background: url('/images/zzy102.png') no-repeat left center;
  }
  .zzjg .zzjg_list {
    padding-left: 165px;
    padding-top: 20px;
  }
  .zzjg .zzjg_list h5 {
    width: 100px;
    height: 35px;
    background: url("/images/dang1.png") no-repeat center center;
    text-align: center;
    line-height: 35px;
    color: #fff;
    float: left;
    margin-right: 10px;
    font-size: 15px;
  }
  .zzjg .zzjg_list ul {
    margin-left: -50px;
  }
  .zzjg .zzjg_list ul li {
    width: 180px;
    height: 34px;
    line-height: 34px!important;
    background: url('/images/dang20211115.png') no-repeat center center;
    text-align: left;
    margin-right: 3px;
    float: left;
    margin-bottom: 15px;
    padding-left: 5px;
  }
  .zzjg .zzjg_list ul li a {
    font-size: 14px;
    color: #000;
  }
  .zzjg .zzjg_list .listl_2 ul {
    width: 550px;
  }
  .zzjg .zzjg_list .listl_2 {
    margin-top: 5px;
  }
  /*  /组织机构 */



  /* 二维码 */
  .renOP2 {
    position: absolute;
    left: -115px;
    top: 50%;
    /*    height: 150px;   */
    display: none;
    background: #fff;
    margin-top: -75px;

  }
.renOP2 img {margin:0 !important; }
  .renOP3 {
    position: absolute;
    left: -115px;
    top: 50%;
    height: 150px;    
    display: none;
    margin-top: -63px;
  }


  .renOP1 , 
  .renOP4  {
    display: none!important;
  }
  /* /二维码 */

  @media (max-width: 1700px) {
      #footer .posi-fixed {
        right: 5%;
      }
  }

  @media (max-width: 1520px) {
      #footer .posi-fixed {
        right: 0;
      }
  }
  @media (max-width: 1360px) {
      #footer .posi-fixed {
        display: none;
      }
  }
  @media (max-width: 1199px) {
    #footer .posi-fixed {
      display: block;
    }
    #header .nav .nav > li > a {
      width: 97px;
    }
    #footer .posi-fixed {
      right: 0;
    }

  }
    @media (max-width: 1130px) {
      #footer .posi-fixed {
        display: none;
      }
  }
  @media (max-width: 992px) {
    #footer .posi-fixed {
      right: 0;
      display: block;
    }
    #header .nav .nav > li > a i {
      display: none;
    }
    #header .nav .nav > li > a {
      padding: 10px 5px;
    }
    #header .nav .nav > li > a {
      width: 97px;
      padding: 0;
    }


  }
  @media (max-width: 988px) {
    #header .nav .nav > li > a {
      width: 75px;
      padding: 0;
    }
  }
  @media (max-width: 768px) {
    .container {
      padding-left: 15px!important;
      padding-right: 15px!important;
    }
    #main .special-website .link-img a .img {
      margin-bottom: 10px;
    }
    
    #header .nav .nav > li > a {
      width: 72px;
    }
  }
  @media (max-width: 640px) {
    .container {
      padding-left: 15px!important;
      padding-right: 15px!important;
    }
    #banner .carousel-inner > .item {
      height: auto;
    }
    #main .news .news-list .list {
      /*   width: 100%;   //modify by zf 20240415   */
    }
    #main .news .news-box .news-box-list .lastUl {
      margin-top: 20px;
    }
    #main .announcement {
      margin-top: 30px;
    }
    #footer .footer-logo {
      float: none!important;
      text-align: center;
    }
    #main .news .news-box .news-box-list .swiper-container {
      height: auto;
    }
    #header .nav .nav > li > a i {
      display: inline-block;
    }
    #main .listy {
      height: auto;
    }
    #main .listy2 {
      height: auto;
    }

    .bannerli h3 {
      width: 128px;
      height: 30px;
      font-size: 14px;
      line-height: 30px;
    }
    .news_list .list .listtit {
      width: 100%;
    }
    .news_list .list .listtit ul li {
      width: 25%;
      margin: 0;
      border-right: 1px solid #ffffff;
    }
    .news_list .list .listtit ul li a {
      font-size: 16px;
    }
    .news_list .list .listtit ul li:last-child {
      border-right: 0;
    }

    #header .nav .navbar-default .navbar-nav > .active > a,
    #header .nav .navbar-default .navbar-nav > .active > a:focus,
    #header .nav .navbar-default .navbar-nav > .active > a:hover {
      color: #ffffff;
      background: #54a3ff;
    }

    .news_list .list .list_news .content .info #vsb_content img {
      display: block;
      width: 100%!important;
      height: 100%!important;
    }
    #main .news-imgs .adimg {
      margin-top: 30px;
    }
  }
  @media (max-width: 768px) {
    .news_list .list .title .current {
      display: none;
    }
    #header .top .search {
      display: none;
    }
  }

  @media (max-width: 735px) {
    .zzjg {
      background: none;
      width: auto;
      height: auto;
    }
    .zzjg .zzjg_list {
      padding-left: 0;
    }
    .zzjg .zzjg_list ul {
      margin-left: 0;
      width: auto;
    }

    .zzjg .zzjg_list .listl_2 ul {
      width: auto;
    }
  }
  @media (max-width: 440px) {
    #header .nav .navbar-default {
      background: #2478d9;
    }
    #header .nav .nav > li > a {
      width: 100%;
      display: block;
      text-align: left;
      padding-left: 10px;
    }
    #header .nav .navbar-nav {
      overflow-x: hidden;
      width: 100%;
    }
    .ullistBox {
      display: none;
    }
    #main .news .news-box .news-box-list .flexslider {
      height: auto;
    }
    #main .news .news-box .news-box-list .flexslider .slides a .img {
      /*height: auto;*/
    }
    #main .news .news-box .news-box-list .listUl {
      margin-top: 10px;
    }
    #main .news .news-box .news-box-list .ims {
      height: auto;
    }
    .news_list .list .title .current {
      display: none;
    }
    .news_list .list .list_news .content .info p img {
    display: block;
    width: 100%!important;
    height: 100%!important;
  }

  }