@charset "utf-8";
      /*基础制作页面组件*/
      /*20150716 v1.0*/
      /*20160421 v1.1 商讨了默认字号，a的默认连接颜色样式等*/

      html,
      body,
      div,
      p,
      hr,
      pre,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      table,
      tr,
      td,
      th,
      tfoot,
      tbody,
      thead,
      form,
      input,
      textarea,
      label,
      ul,
      ol,
      dl,
      li,
      dt,
      dd,
      .clearfix:after {
        margin: 0;
        padding: 0;
      }

      html,
      body {
        height: 100%;
      }

      body {
        padding: 0;
        margin: 0;
        font-family: "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;
      }
body, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, textarea {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    padding: 0;
    margin: 0;
}
      h1,
      h2,
      h3,
      h4 {
        font-weight: normal;
      }

      li {
        list-style-type: none;
      }

      a {
        text-decoration: none;
        outline: none;
        color: #333;
      }

      a:hover {
        text-decoration: none;
        color: #3773db;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      iframe,
      img {
        border: 0;
      }

      img {
        vertical-align: middle;
      }

      input {
        outline: none
      }

      .clearfix {
        display: block;
        #zoom: 1;
      }

      .clearfix:after {
        content: '';
        overflow: hidden;
        width: 100%;
        height: 0px;
        font-size: 0px;
        display: block;
        clear: both;
      }

      .left {
        float: left;
      }

      .right {
        float: right;
      }

      .hide {
        display: none;
      }





      .txtoh {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      iframe {
        display: block;
        width: 100%;
      }

      a:hover {
        color: inherit;
        -webkit-touch-callout: none;
      }

      body {
        font-family: "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1, "PingFang SC", "Lantinghei SC", "Helvetica Neue", "Helvetica, Arial", "STHeitiSC-Light", "simsun", "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "sans-serif";
        -webkit-tap-highlight-color: transparent;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        tap-highlight-color: rgba(0, 0, 0, 0);
      }

      html,
      body {
        height: auto;
      }

      .domPc {
        display: block;
      }

      .domMobile {
        display: none;
      }

      @media all and (max-width: 768px) {
        .domPc {
          display: none !important;
        }

        .domMobile {
          display: block;
        }
      }

      .hide {
        display: none;
      }

      html body .hide {
        display: none;
      }

      .noEvt {
        pointer-events: none;
      }

      body {
        position: relative;
        width: 100%;
        overflow-x: hidden;
      }

      body {
        background-position: center top;
        background-repeat: no-repeat;
        
      }

      .box {
        width: 1000px;
        margin: 0 auto;
      }

      .init {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 50;
        width: 100%;
        height: 372px;
        overflow: hidden;
        -webkit-animation-name: opactiy10, tohide;
        -moz-animation-name: opactiy10, tohide;
        animation-name: opactiy10, tohide;
        -webkit-animation-duration: 0.6s, 0.01s;
        -moz-animation-duration: 0.6s, 0.01s;
        animation-duration: 0.6s, 0.01s;
        -webkit-animation-timing-function: ease, linear;
        -moz-animation-timing-function: ease, linear;
        animation-timing-function: ease, linear;
        -webkit-animation-delay: 3s, 3.6s;
        -moz-animation-delay: 3s, 3.6s;
        animation-delay: 3s, 3.6s;
        -webkit-animation-iteration-count: 1, 1;
        -moz-animation-iteration-count: 1, 1;
        animation-iteration-count: 1, 1;
        -webkit-animation-direction: normal, normal;
        -moz-animation-direction: normal, normal;
        animation-direction: normal, normal;
        -webkit-animation-fill-mode: forwards, forwards;
        -moz-animation-fill-mode: forwards, forwards;
        animation-fill-mode: forwards, forwards;
      }

      html body .init:nth-child(1) {
        display: block;
      }

      .init-color {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: skew(-15deg, 0deg);
        -moz-transform: skew(-15deg, 0deg);
        -ms-transform: skew(-15deg, 0deg);
        transform: skew(-15deg, 0deg);
      }

      .init-color,
      .init-logo {
        opacity: 0;
      }

      .ani-init {
        -webkit-animation-name: opactiy01;
        -moz-animation-name: opactiy01;
        animation-name: opactiy01;
        -webkit-animation-duration: 0.6s;
        -moz-animation-duration: 0.6s;
        animation-duration: 0.6s;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        -moz-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
      }

      @-webkit-keyframes opactiy01 {
        100% {
          opacity: 1;
        }
      }

      @-moz-keyframes opactiy01 {
        100% {
          opacity: 1;
        }
      }

      @keyframes opactiy01 {
        100% {
          opacity: 1;
        }
      }

      @-webkit-keyframes opactiy10 {
        100% {
          opacity: 0;
        }
      }

      @-moz-keyframes opactiy10 {
        100% {
          opacity: 0;
        }
      }

      @keyframes opactiy10 {
        100% {
          opacity: 0;
        }
      }

      @-webkit-keyframes tohide {
        99% {
          width: inherit;
          height: inherit;
        }

        100% {
          width: 0;
          height: 0;
          overflow: hidden;
          visibility: hidden;
        }
      }

      @-moz-keyframes tohide {
        99% {
          width: inherit;
          height: inherit;
        }

        100% {
          width: 0;
          height: 0;
          overflow: hidden;
          visibility: hidden;
        }
      }

      @keyframes tohide {
        99% {
          width: inherit;
          height: inherit;
        }

        100% {
          width: 0;
          height: 0;
          overflow: hidden;
          visibility: hidden;
        }
      }

      .init-green {
        left: 0;
        background-color: #119457;
        -webkit-transform: skew(0, 0);
        -moz-transform: skew(0, 0);
        -ms-transform: skew(0, 0);
        transform: skew(0, 0);
        opacity: 1;
      }

      .init-blue {
        left: 20%;
        background-color: #155fa5;
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
      }

      .init-coral {
        left: 40%;
        background-color: #dd6a19;
        -webkit-animation-delay: 0.6s;
        -moz-animation-delay: 0.6s;
        animation-delay: 0.6s;
      }

      .init-red {
        left: 60%;
        background-color: #e12014;
        -webkit-animation-delay: 0.9s;
        -moz-animation-delay: 0.9s;
        animation-delay: 0.9s;
      }

      .init-orange {
        left: 80%;
        background-color: #f6ba06;
        -webkit-animation-delay: 1.2s;
        -moz-animation-delay: 1.2s;
        animation-delay: 1.2s;
      }

      .init-logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        
        -webkit-animation-delay: 1.65s;
        -moz-animation-delay: 1.65s;
        animation-delay: 1.65s;
      }

      .container {
        padding-bottom: 32px;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-image: url("/eportal/uiFramework/commonResource/image/2021103014174054059.png");
      }

      .container-wrap {
        background-position: center 280px;
        background-repeat: no-repeat;
      }

      html {
        background-position: center bottom;
        background-position: center bottom 200px;
        background-repeat: no-repeat;
        
      }

      body {
        position: relative;
        width: 100%;
        overflow-x: hidden;
      }

      body {
        background-position: center top;
        background-repeat: no-repeat;
        
      }

      .box {
        width: 1024px;
        margin: 0 auto;
      }

      .container {
        padding-bottom: 32px;
      }

      .banner {
        background-position: center top;
        background-repeat: no-repeat;
        
      }

      .banner .box {
        position: relative;
        height: 310px;
      }

      .banner-tobrics,
      .banner-toxinhuanet {
        position: absolute;
        display: block;
      }

      .banner-tobrics {
        top: 40px;
        left: 24px;
        width: 190px;
        height: 240px;
      }

      .banner-toxinhuanet {
        top: 0;
        right: 24px;
        width: 146px;
        height: 100px;
      }

      .nav {
        height: 62px;
        background-color: #305798;
        background-color: rgba(48, 87, 152, 0.8);
      }

      .nav .box {
        position: relative;
        font-size: 0;
        line-height: 62px;
      }

      .nav .box:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        right: -356px;
        width: 300px;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url("/eportal/uiFramework/commonResource/image/2022041416441193314.png"); 
      }

      .nav a,
      .nav .nav-xyz-wrap {
        display: inline-block;
        margin-left: 45px;
        vertical-align: middle;
        font-size: 16px;
        color: #fff;
        -webkit-transition: color 0.2s ease 0s;
        -moz-transition: color 0.2s ease 0s;
        transition: color 0.2s ease 0s;
      }

      .nav a:first-child {
        margin-left: 0;
      }

      .nav .nav-xyz-wrap {
        position: relative;
        margin-left: 42px;
        font-size: 0;
      }

      .nav a:hover {
        color: #ffd71c;
      }

      .nav-xyz {
        position: relative;
      }

      .nav-xyz:after {
        content: "";
        position: absolute;
        display: block;
        left: 28px;
        bottom: 5px;
        width: 14px;
        height: 7px;
        
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: -7px;
        margin-left: -3.5px;
      }

      .sub-nav .sub-nav-wrap {
        position: absolute;
        right: -6px;
        z-index: 10;
        width: 66px;
        padding: 0 10px;
        background-color: #305798;
        background-color: rgba(48, 87, 152, 0.8);
        display: none;
      }

      .sub-nav a {
        display: block;
        height: 36px;
        margin: 0;
        line-height: 36px;
        font-size: 14px;
        text-align: center;
        color: #fff;
      }

      .nav-on {
        background-color: #d65b2f;
      }

      .foot {
        height: 80px;
        background-position: center top;
        background-repeat: no-repeat;
        background-image: url("/eportal/uiFramework/commonResource/image/2021103014184575120.png");
      }

      .foot-box {
        padding-top: 24px;
        font-size: 16px;
        line-height: 34px;
        text-align: center;
        color: #fff;
        opacity: 0.6;
      }

      @media screen and (max-width: 768px) {
        body {
          background-position: center bottom;
          background-repeat: no-repeat;
          
          -webkit-background-size: 100% auto;
          -moz-background-size: 100% auto;
          background-size: 100% auto;
        }

        .box {
          width: 96%;
          margin: 0 auto;
        }

        .banner {
          height: 4.2rem;
          background-position: center bottom;
          background-repeat: no-repeat;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          background-size: cover;
        }

        .banner .box {
          height: auto;
        }

        .nav {
          height: auto;
          overflow-x: auto;
          background-color: #75a5e1;
        }

        .nav .box {
          width: 100%;
          font-size: 0;
          white-space: nowrap;
          line-height: inherit;
        }

        .nav a {
          padding: 0.25rem 0.22rem;
          margin-left: 0;
          font-size: 0.36111111rem;
          line-height: 100%;
          color: #fff;
        }

        .nav .box:after {
          display: none;
        }

        .nav-on-m {
          background-color: #d65b2f;
        }

        .nav .nav-xyz-wrap {
          margin-left: 0;
        }

        .nav-xyz:after {
          display: none;
        }

        .sub-nav {
          display: inline-block;
          white-space: nowrap;
          vertical-align: middle;
        }

        .sub-nav .sub-nav-wrap {
          position: static;
          display: inline-block;
          font-size: 0.36111111rem;
          background: none;
          white-space: nowrap;
          font-size: 0;
        }

        .sub-nav .sub-nav-wrap a {
          display: inline-block;
          height: auto;
        }

        .foot {
          font-size: 0;
          height: 2.44444444rem;
          line-height: 2.44444444rem;
          background-color: #004ea1;
          background-color: rgba(0, 78, 161, 0.3);
          vertical-align: middle;
        }

        .foot-box {
          display: inline-block;
          width: 100%;
          padding-top: 0;
          vertical-align: middle;
          font-size: 12px;
          line-height: 14px;
          text-align: center;
          color: #fff;
        }

        html {
          background: none;
        }
      }

      .headline {
        padding-top: 20px;
        overflow: hidden;
      }

      .headline .box {
        text-align: center;
      }

      .headline-tit {
        padding-bottom: 4px;
      }

      .headline-tit,
      .headline-tit a {
        font-size: 30px;
        line-height: 50px;
        color: #305798;
        text-align: center;
      }

      .headline-abs {
        display: inline-block;
        font-size: 15px;
        line-height: 30px;
        text-align: left;
        color: #305798;
        text-indent: 2em;
      }

      .headline-swiper-box {
        padding-top: 20px;
        overflow: hidden;
      }

      .headline-swiper {
        position: relative;
        float: left;
        width: 520px;
        height: 85%;
        overflow: hidden;
      }

      .headline-swiper a,
      .headline-swiper img {
        position: relative;
        display: block;
        width: 100%;
        height: 460px;
      }

      .headline-swiper .swiper-wrapper,
      .headline-swiper .swiper-slide {
        height: 400px !important;
      }

      .headline-swiper .swiper-wrapper span,
      .headline-swiper .swiper-slide span {
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 12px;
        border-top: 1px solid #ece9ea;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.7);
        font-size: 20px;
        line-height: 40px;
        color: #fff;
      }

      .headline-swiper .pagination {
        position: absolute;
        right: 0;
        bottom: 20px;
        z-index: 10;
        width: 80px;
      }

      .headline-swiper .pagination span {
        display: inline-block;
        width: 5px;
        height: 5px;
        background-color: #b9b9b9;
        margin-right: 8px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
      }

      .headline-swiper .pagination .swiper-active-switch {
        background-color: #930001;
      }

      .headline-swiper .headline-arrows .headline-arr {
        position: absolute;
        top: 158px;
        z-index: 10;
        display: block;
        width: 30px;
        height: 60px;
        background-position-y: center;
        background-repeat: no-repeat;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
      }

      .headline-swiper .headline-arrows .headline-left {
        left: 0;
        background-position-x: left;
        background-image: url("/eportal/uiFramework/commonResource/image/2021103014590472398.png");
      }

      .headline-swiper .headline-arrows .headline-right {
        right: 0;
        background-position-x: right;
        background-image: url("/eportal/uiFramework/commonResource/image/2021103014593542989.png");
      }

      .headline-txt {
        float: right;
        width: 450px;
      }

      .headline-txt ul:first-child {
        padding-bottom: 16px;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-image: url("/eportal/uiFramework/commonResource/image/2021103016394098875.png");
      }

      .headline-txt ul+ul {
        padding-top: 22px;
      }

      .headline-txt li {
        position: relative;
        padding-left: 18px;
        padding-bottom: 9px;
        line-height: 33px;
        text-align: left;
      }

      .headline-txt title-li {
        position: relative;
        padding-left: 18px;
        padding-bottom: 9px;
        line-height: 33px;
        text-align: center;
        font-size: larger;
      }

      .headline-txt li:before {
        content: "";
        position: absolute;
        display: block;
        top: 17px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #305798;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-top: -2px;
      }

      .headline-txt a {
        font-size: 16px;
        line-height: 24px;
        color: #333;
      }

      .headline-txt li:first-child a {
        color: #305798;
      }

      .blocktit {
        display: block;
        height: 90px;
        margin: 30px 0 20px;
        background-position: center center;
        background-repeat: no-repeat;
      }

      .hot-tit {
       
      }

      .hot-tit-2 {
       
      }

      .hot-box {
        font-size: 0;
      }

      .hot-mix {
        display: inline-block;
        vertical-align: middle;
        width: 606px;
        height: 240px;
        margin-right: 38px;
        overflow: hidden;
      }

      .hot-mix>a,
      .hot-mix img {
        display: inline-block;
        width: 186px;
        height: 100%;
      }

      .hot-mix>a {
        position: relative;
        float: left;
        margin-right: 18px;
      }

      .hot-mix span {
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 8px;
        font-size: 14px;
        line-height: 22px;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
      }

      .hot-txt {
        float: right;
        width: 400px;
      }

      .hot-txt>a:first-child,
      .hot-title {
        display: block;
        margin-top: -7px;
        font-size: 20px;
        line-height: 34px;
        color: #3c62aa;
        text-align: center;
      }

      .hot-abs {
        padding-bottom: 6px;
        border-bottom: 1px dashed #a7a7a7;
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 26px;
        color: #333;
        text-indent: 2em;
      }

      .hot-list li {
        position: relative;
        padding-left: 22px;
        line-height: 36px;
      }

      .hot-list li:before {
        content: "";
        position: absolute;
        display: block;
        top: 17px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #305798;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-top: -2px;
      }

      .hot-list a {
        font-size: 16px;
        line-height: 24px;
        color: #333;
      }

      .hot-agenda {
        display: inline-block;
        vertical-align: top;
        width: 480px;
        line-height: 100%;
        font-size: 0;
      }

      .hot-agenda-item-tit {
        display: inline-block;
        vertical-align: middle;
        width: 160px;
        height: 28px;
        line-height: 28px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
      }

      .hot-agenda-d {
        display: inline-block;
        vertical-align: top;
        width: 260px;
        line-height: 100%;
        font-size: 0;
      }

      .hot-agenda-d-item-tit {
        display: inline-block;
        vertical-align: middle;
        width: 120px;
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
      }

      .hot-agenda-item {
        padding: 5px 3px;
        height: 145px;
        border-top: 1px solid #fff;
      }

      .hot-agenda-d-item {
        padding: 5px 3px;
        border-top: 1px solid #fff;
      }

      .hot-agenda-item:first-child {
        border-top: none;
      }

      .hot-agenda-tit {
        background-color: #4db460;
      }

      .hot-agenda-tit .hot-agenda-item-tit {
        background-color: #148a2a;
      }

      .hot-agenda-903 {
        background-color: #00bcd2;
      }

      .hot-agenda-903 .hot-agenda-item-tit {
        background-color: #0870a0;
      }

      .hot-agenda-904 {
        background-color: #e35b00;
      }

      .hot-agenda-904 .hot-agenda-item-tit {
        background-color: #c3320b;
      }

      .hot-agenda-905 {
        background-color: #ffa800;
      }

      .hot-agenda-905 .hot-agenda-item-tit {
        background-color: #ff7800;
      }

      .hot-agenda-906 {
        background-color: #8497b0;
      }

      .hot-agenda-906 .hot-agenda-item-tit {
        background-color: #333f4f;
      }

      .hot-agenda-907 {
        background-color: #8bc248;
      }

      .hot-agenda-907 .hot-agenda-item-tit {
        background-color: #699632;
      }

      .hot-agenda-item-cont {
        display: inline-block;
        vertical-align: middle;
      }

      .hot-agenda-item-cont dl {
        margin-left: 10px;
      }

      .hot-agenda-item-cont dt,
      .hot-agenda-item-cont dd {
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
      }

      .hot-agenda-item-cont dt {
        margin-right: 12px;
      }

      .exclusive-tit {
       
      }

      .exclusive-box {
        position: relative;
        width: 1000px;
        height: 500px;
      }

      .carousel {
        position: relative;
        height: 450px;
        margin: 0 auto;
      }

      .carousel li {
        float: left;
        width: 300px;
        height: 230px;
      }

      .carousel a,
      .carousel img,
      .carousel span {
        display: inline-block;
      }

      .carousel img {
        width: 100%;
        height: 100%;
      }

      .carousel a {
        position: relative;
      }

      .carousel span {
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        text-align: center;
        background-color: #36a1de;
        background-color: rgba(54, 161, 222, 0.8);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }

      .carousel a {
        -webkit-box-reflect: below -4px -webkit-linear-gradient(top, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0) 30%, rgba(250, 250, 250, 0.3));
      }

      .carousel {
        position: relative;
        margin: 0px;
        padding: 0px;
        -moz-user-select: none;
        -webkit-user-select: none;
      }

      .carousel .carousel-item {
        background-position: center;
        background-repeat: no-repeat;
        background-color: #FFF;
        position: absolute;
        cursor: pointer;
      }

      .carousel .out {
        border: #DDD 2px solid;
      }

      .carousel .over {
        border: #DDD 2px solid;
        -moz-box-shadow: 0px 0px 10px #000;
        -webkit-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
      }

      .carousel .click {
        border: #DDD 2px solid;
        -moz-box-shadow: 0px 0px 10px #000;
        -webkit-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
      }

      .carousel .select {
        border: #DDD 2px solid;
        -moz-box-shadow: 0px 0px 10px #000;
        -webkit-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
      }

      .carousel .tooltip {
        position: absolute;
        z-index: 9999;
        background-color: #DDD;
        margin-bottom: 20px;
        border: #EEE solid 4px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
      }

      .carousel .tooltip p {
        color: #999;
        padding: 10px;
        margin: 0px;
      }

      .carousel .scrollbar {
        width: 340px;
        position: absolute;
        margin-top: 100px;
      }

      .carousel .scrollbar .track {
        width: 300px;
        height: 20px;
        position: absolute;
        left: 20px;
      }

      .carousel .scrollbar .thumb {
        width: 70px;
        height: 20px;
        position: absolute;
        cursor: pointer;
      }

      .carousel .scrollbar .left {
        width: 20px;
        height: 20px;
        position: absolute;
        cursor: pointer;
        left: 0px;
      }

      .carousel .scrollbar .right {
        width: 20px;
        height: 20px;
        position: absolute;
        cursor: pointer;
        right: 0px;
      }

      .ex-btn {
        position: relative;
        z-index: 20;
        width: 200px;
        margin: 0 auto;
      }

      .ex-arr {
        width: 72px;
        height: 40px;
        background-repeat: no-repeat;
        background-position-y: center;
        cursor: pointer;
      }

      .ex-left {
        float: left;
        background-image: url("/eportal/uiFramework/commonResource/image/2021103015002083267.png");
        background-position-x: left;
      }

      .ex-right {
        float: right;
        background-image: url("/eportal/uiFramework/commonResource/image/2021103014595548518.png");
        background-position-x: right;
      }

    
      .video {
        background-position: center bottom;
        background-repeat: no-repeat;
        background-image: url("/eportal/uiFramework/commonResource/image/2021103014090746623.jpg");
      }

      .video-tit {
        background-image: url("/eportal/uiFramework/commonResource/image/2021103014115541525.png");
      }

      .video-box {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 30px;
      }

      .video-cont {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 23px 30px;
        background-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.7);
      }

      .video-cont>a,
      .video-pic {
        position: relative;
        float: left;
        display: block;
        width: 630px;
        height: 400px;
      }

      .video-cont>a img,
      .video-pic img,
      .video-cont>a span,
      .video-pic span {
        display: block;
      }

      .video-cont>a img,
      .video-pic img {
        width: 100%;
        height: 100%;
      }

      .video-cont>a span,
      .video-pic span {
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 60px;
        padding-left: 98px;
        padding-right: 8px;
        line-height: 60px;
        font-size: 18px;
        color: #fff;
        background-position: 22px center;
        background-repeat: no-repeat;
        
        background-color: #333;
      }

      .video-list {
        float: right;
        width: 280px;
      }

      .video-list>a,
      .video-list-item {
        position: relative;
        display: block;
        height: 178px;
        border: 3px solid #fff;
        overflow: hidden;
      }

      .video-list>a:first-child,
      .video-list-item:first-child {
        margin-bottom: 32px;
      }

      .video-list>a img,
      .video-list-item img,
      .video-list>a span,
      .video-list-item span {
        display: inline-block;
        width: 100%;
        height: 100%;
      }

      .video-list>a span,
      .video-list-item span {
        position: absolute;
        bottom: -100%;
        left: 0;
        background-color: #105392;
        background-color: rgba(16, 83, 146, 0.6);
        line-height: 100%;
        vertical-align: middle;
        text-align: center;
        line-height: 186px;
      }

      .video-list>a span>span,
      .video-list-item span>span {
        display: inline-block;
        position: static;
        width: 70%;
        height: auto;
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        background-color: transparent;
      }

      .pic-tit {
        
      }

      .pic-swiper {
        position: relative;
        height: 480px;
      }

      .pic-swiper .swiper-wrapper,
      .pic-swiper .swiper-slide {
        height: 100%;
      }

      .pic-swiper a,
      .pic-swiper img,
      .pic-swiper a span {
        display: block;
        width: 100%;
        height: 100%;
      }

      .pic-swiper a span {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 85px;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.2);
        font-size: 18px;
        line-height: 85px;
        color: #fff;
        text-align: center;
      }

      .pic-swiper .swiper-slide {
        position: relative;
      }

      .pic-swiper .swiper-slide>span {
        position: absolute;
        bottom: 12px;
        right: 36px;
        display: inline-block;
        font-size: 16px;
        color: #fff;
      }

      .pic-swiper .swiper-slide i {
        display: inline-block;
        vertical-align: bottom;
        font-size: 16px;
        line-height: 100%;
      }

      .pic-swiper .swiper-slide i:first-child {
        font-size: 42px;
      }

      .pic-swiper .arr {
        position: absolute;
        top: 36%;
        z-index: 10;
        display: block;
        width: 100px;
        height: 100px;
        background-position: center center;
        background-repeat: no-repeat;
       
        cursor: pointer;
      }

      .pic-swiper .arrleft {
        left: 0;
        background-position: 0 0;
      }

      .pic-swiper .arrleft:hover {
        background-position: 0 -120px;
      }

      .pic-swiper .arrright {
        right: 0;
        background-position: 0 -240px;
      }

      .pic-swiper .arrright:hover {
        background-position: 0 -360px;
      }

      .for-fj {
        padding-top: 30px;
      }

      .for-fj a,
      .for-fj img {
        display: block;
        width: 100%;
      }

      .for-fj img {
        height: auto;
      }

      .meeting-tit {
       
      }

      .meeting-box {
        position: relative;
        height: 575px;
        background-position: center top;
        background-repeat: no-repeat;
        
      }

      .meeting-box .box:first-child {
        position: relative;
      }

      .meeting-arr {
        position: absolute;
        top: 180px;
        z-index: 10;
        display: block;
        width: 100px;
        height: 100px;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
      }

      .meeting-left {
        left: -82px;
       
      }

      .meeting-right {
        right: -82px;
       
      }

      .meeting-swiper,
      .meeting-swiper .swiper-wrapper,
      .meeting-swiper .swiper-slide {
        height: 100%;
        font-size: 0;
        line-height: 575px;
      }

      .meeting-swiper .swiper-slide:nth-child(even) .meeting-item {
        top: 15px;
      }

      .meeting-item {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 560px;
        border-right: 1px solid #fff;
      }

      .meeting-item a,
      .meeting-item img {
        display: block;
        width: 100%;
        height: 100%;
      }

      .meeting-item a>span {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 90px;
        line-height: 90px;
        text-align: center;
        background-color: #36a1de;
        background-color: rgba(54, 161, 222, 0.6);
        background-image: -webkit-gradient(radial, 139 -254, 182, 1 42, 509, from(rgba(0, 0, 0, 0)), to(#000000));
      }

      .meeting-item a>span span {
        display: inline-block;
        vertical-align: middle;
        width: 80%;
        font-size: 18px;
        line-height: 26px;
        color: #fff;
      }

      .interact-tit {
        
      }

      .interact-title {
        height: 48px;
        background-position: left center;
        background-repeat: no-repeat;
      }

      .interact-l {
        float: left;
        width: 510px;
      }

      .interact-r {
        float: right;
        width: 440px;
      }

      .interact-block .interact-title {
        
      }

      .interact-voice .interact-title {
       
      }

      .interact-view .interact-title {
        
      }

      .interact-expert .interact-title {
        
      }

      .interact-block-cont>a,
      .interact-block-cont img {
        position: relative;
        display: block;
        width: 100%;
        height: 190px;
      }

      .interact-block-cont span {
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 8px;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 14px;
        color: #fff;
        line-height: 22px;
      }

      .interact-block-cont ul {
        padding: 16px 0 36px;
      }

      .interact-block-cont ul a {
        font-size: 18px;
        line-height: 32px;
        color: #333;
      }

      .interact-block-cont li {
        line-height: 32px;
        position: relative;
        padding-left: 16px;
      }

      .interact-block-cont li:before {
        content: "";
        position: absolute;
        display: block;
        top: 17px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #305798;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-top: -2px;
      }

      .interact-voice-cont {
        height: 460px;
      }

      .interact-voice-cont iframe {
        display: block;
        height: 100%;
      }



      .interact-view-cont>a,
      .interact-view-cont img {
        position: relative;
        display: block;
        width: 100%;
        height: 190px;
      }

      .interact-view-cont span {
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 8px;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 14px;
        color: #fff;
        line-height: 22px;
      }

      .interact-view-cont ul {
        padding: 16px 0 36px;
      }

      .interact-view-cont ul a {
        font-size: 18px;
        line-height: 32px;
        color: #333;
      }

      .interact-view-cont li {
        line-height: 32px;
        position: relative;
        padding-left: 16px;
      }

      .interact-view-cont li:before {
        content: "";
        position: absolute;
        display: block;
        top: 17px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #305798;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-top: -2px;
      }

      .interact-view-cont>a,
      .interact-view-cont img {
        height: 230px;
      }

      .interact-expert-cont {
        overflow: hidden;
      }

      .interact-expert-wrap {
        width: 120%;
      }

      .interact-expert-item {
        float: left;
        width: 100px;
        padding-bottom: 20px;
        margin-right: 10px;
      }

      .interact-expert-item a,
      .interact-expert-item img,
      .interact-expert-item span {
        display: block;
        width: 100%;
      }

      .interact-expert-item img {
        height: 120px;
      }

      .interact-expert-item span {
        padding-top: 8px;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        color: #333;
      }

      .interact-expert-item span+span {
        display: none;
      }
      
      
      .silder-box{position:relative;margin:50px auto ;}
      .silder{margin:0 auto 0;}
      .silder li{width:1300px;height:480px;}
      .silder li img{width:100%;height:100%;}
      .silder-button{top:173px;width:25px;height:54px;position:absolute;cursor:pointer;}
      .silder-button.btl{left:170px;background:url(/eportal/uiFramework/commonResource/image/2021103014571945880.png);}
      .silder-button.btr{right:170px;background:url(/eportal/uiFramework/commonResource/image/2021103014582292239.png);}
      
      /*.silder-box-1{width:1000px;}*/
      .silder-box-2{width:500px;}
      .silder-box-2 .silder li {width:200px;height:200px;}
      .silder-box-3{width:1000px;}

      
      .small-navs{position:absolute;}
.govglcontent{
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 30px;
}
.govglmain{
  width: 1000px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
  border-top: 3px solid #3366a5;
  margin-bottom: 50px;
}
.govglTitleBox{
  width: 100%;
  height: 36px;
  float: left;
  margin-bottom: 10px;
}
.govglTText{
  width: 107px;
  height: 36px;
  background-color: #4270a8;
  color: #fff;
  line-height: 36px;
  text-align: center;
  font-size: 18px;
}
.govglList{
  width: 970px;
  padding: 0 15px;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
}
.govglList li{
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0 10px 16px;
  position: relative;
}
.govglLDot{
  width: 4px;
  height: 4px;
  background-color: #ff6600;
  display: block;
  position: absolute;
  top: 18px;
  +top: 19px;
  left: 0;
}
.govlLTime{
  position: absolute;
  top: 10px;
  right: 5px;
}


.page {height:34px;line-height:34px;padding-top:40px;padding-bottom:40px;color:#555;text-align:center;overflow:hidden;font-size:12px;}
.page input {vertical-align:middle;border:1px solid #d4d4d4;padding:3px;text-align:center;}
.page input[type="button"] {cursor:pointer;}
.page a {height:34px;line-height:34px;min-width:22px;text-align:center;border:1px solid #f0f0f0;background:#fff;}
.page a:link,.page a:visited,.page2 a.current {display:inline-block;*zoom:1;padding:2px 3px;color:#555;line-height:18px;height:18px;vertical-align:middle;font-family:'\5FAE\8F6F\96C5\9ED1',Tahoma,Geneva,sans-serif;}
.page a:hover,.page2 a.current { background:#f0f0f0;}
.page2 a {margin-right:3px;}

/*细览*/
.govLGBJBox{
  width: 940px;
  overflow: hidden;
  padding: 0 30px;
}
.seaSurveyPeruseNew
{
    float: left;
    overflow: hidden;
    width: 100%;
}
.seaSurveyPeruseNew h3
{
    font-size: 22px;
    margin-bottom: 25px;
    padding-top: 30px;
    text-align: center;
    color: #4270a8;
    font-family: "微软雅黑",Microsoft YaHei;
}
.seaSurveyPeruseMessage
{
    position: relative;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 10px;
    background-color: #ededed;
    border-bottom: 1px solid #d3d3d3;
}
.seaSurveyPeruseMessage p
{
    font-size: 12px;

    color: #787777;
}
.seaSurveyPeruseAutor
{
    position: absolute;
    top: 8px;
    left: 40px;
}
.seaSurveyPeruseSource
{
    position: absolute;
    top: 8px;
    left: 38%;
}
.seaSurveyPeruseTime
{
    position: absolute;
    top: 8px;
    right: 40px;
}
.seaSurveyPeruseContent
{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
}
.seaSurveyPeruseContent p
{
    font-size: 14px;
    line-height: 28px;
    padding: 15px 5px;
    text-indent: 2em;
    color: #787777;
}
.seaSurveyPeruseContent img
{
    display: block;
    margin: 0 auto;
}
/*附件下载*/
.seaSurveyAccessory
{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.seaSurveyAccessoryDownloads
{
    font-size: 14px;
    margin-bottom: 15px;
    color: #b11e01;
}
.downloadsList li
{
    position: relative;
    margin-bottom: 10px;
    margin-left: 10px;
}
.downloadsList a
{
    font-size: 14px;
    margin-left: 20px;
    color: #8b8b8b;
}
.downloadsText{
    font-size: 14px;
    color: #8b8b8b;
}
.downloadsIcon
{
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    
}
/*细览*/




















/*后补*/
..swiper-container{height:460px;}