/* 统一样式 */
      body,
      p,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      ul,
      ol,
      li,
      dl,
      dt,
      dd,
      pre,
      div {
          margin: 0;
          padding: 0;
          border: none;
          list-style: none;
          box-sizing: border-box;
      }
      
      body {
          font-family: "microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 14px;
          color: #111;
          background-color: #fff;
          position: relative;
          min-width: 1200px;
      }
      
      a {
          color: #111;
          text-decoration: none;
          animation: .3s;
      }
      
      a:hover {
          color: #017fd8;
      }
      
      input,
      button {
          outline: 0;
      }
      
      video {
          object-fit: fill;
      }
      
      table {
          width: 100%;
          height: 100%;
      }
      
      img {
          vertical-align: middle;
          border: 0;
          transition: .3s;
          padding: 0;
          max-width: 100%;
      }
      
      .clearfix {
          *zoom: 1;
      }
      
      .clearfix:after {
          content: '';
          display: block;
          height: 0;
          visibility: hidden;
          clear: both;
      }
      /* 统一样式结束 */
      
      .box,
      .container {
          width: 1200px;
          margin: 0 auto;
          position: relative;
      }
      
      .fl,
      .lf {
          float: left;
      }
      
      .fr,
      .rt {
          float: right;
      }
      
      .active {
          display: block;
      }
      
      .container:after {
          content: '';
          display: block;
          clear: both;
      }
      
      .ellipsis {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
      }
      /* header */
      
      @media screen and (min-width: 800px) {
          .nav>.nLi span {
              display: none;
          }
          #logotxt {
              font-size: 26px;
          }
      }
      
      .header {
          width: 100%;
          background-image: url(../image/header-bg1.png);
          min-height: 144px;
          border-bottom: 4px solid #11cfff;
      }
      
      .logo-event {
          position: relative;
          line-height: 144px;
      }
      
      .logo-event img {
          animation: zoomIn 1s;
      }
      
      .top-con {
          color: #fff;
          margin-top: 23px;
      }
      
      .top-con a {
          color: #fff;
      }

      .top-con img{
          position: relative;
          top: -2px;
      }
      
      .search-event {
          margin-top: 20px;
          position: relative;
      }
      
      .search input {
          box-sizing: border-box;
          height: 45px;
          width: 320px;
          color: #bcbcbc;
          background-color: #fff;
          padding: 0 60px 0 13px;
          border-radius: 6px;
          border: none;
      }
      
      .search-logo {
          width: 50px;
          height: 100%;
          line-height: 100%;
          background-color: #11cfff;
          border: none;
          position: absolute;
          text-align: center;
          right: 0;
          top: 0;
          cursor: pointer;
          border-top-right-radius: 6px;
          border-bottom-right-radius: 6px;
      }
      
      input::-webkit-input-placeholder {
          color: #bcbcbc;
      }
      
      input::-moz-placeholder {
          color: #bcbcbc;
      }
      
      input:-moz-placeholder {
          color: #bcbcbc;
      }
      
      input:-ms-input-placeholder {
          color: #bcbcbc;
      }
      /* 导航条 */
      
      .nav .nLi {
          float: left;
          text-align: center;
          position: relative;
      }
      
      @media screen and (min-width: 800px) {
          #logotxt {
              font-size: 26px;
              animation: zoomIn 1s;
          }
          .nav .nLi span {
              display: none;
          }
          .nav .nLi {
              width: 150px;
              border-left: 1px solid #ededed;
          }
          .nav>.nLi:last-child {
              border-right: 1px solid #ededed;
          }
      }
      
      .nav .nLi>a:hover {
          font-weight: bold;
          color: #fff;
          background: #027FD9;
      }
      
      .nav .nLi>a {
          height: 56px;
          line-height: 56px;
          text-align: center;
          display: block;
          font-size: 16px;
          box-sizing: border-box;
          position: relative;
      }
      
      .nav .sub {
          display: none;
          top: 56px;
          left: 0;
          position: absolute;
          z-index: 100000;
          width: 100%;
      }
      
      .nav .sub a {
          font-size: 15px;
          display: block;
          padding: 0 10px;
          text-align: center;
          color: #fff;
          font-style: normal;
          height: 45px;
          line-height: 45px;
      }
      
      .nav .sub li {
          background-color: #6c6a66;
          border-top: 1px solid #fff;
          zoom: 1;
          opacity: 0.9;
      }
      
      .sub li a:hover {
          background-color: #11cfff;
      }
      /* 大轮播图 */
      
      .nav-lunbotu {
          background: url("../image/lbt-bg.png") no-repeat;
          width: 100%;
          height: 484px;
          position: relative;
          margin: 0 auto;
      }
      
      .slideBox2 {
          width: 100%;
          height: 100%;
          overflow: hidden;
          position: relative;
      }
      
      .slideBox2 .hd {
          position: absolute;
          right: 48%;
          bottom: 20px;
          z-index: 1;
      }
      
      .slideBox2 .hd ul {
          zoom: 1;
      }
      
      .slideBox2 .hd ul li {
          position: relative;
          float: left;
          margin-right: 13px;
          width: 14px;
          height: 14px;
          box-sizing: border-box;
          border-radius: 50%;
          background-color: #fff;
          cursor: pointer;
      }
      
      .slideBox2 .hd ul li.on {
          background-color: #017fd8;
      }
      
      .slideBox2 .bd {
          height: 100%;
          z-index: 0;
          text-align: center;
      }
      
      .slideBox2 .bd li {
          zoom: 1;
          vertical-align: middle;
          position: relative;
      }
      
      .slideBox2 .bd img {
          width: 100%;
          height: 100%;
          display: block;
          overflow: hidden;
      }
      /* 下面是前/后按钮代码 */
      
      .slideBox2 .prev,
      .slideBox2 .next {
          position: absolute;
          margin-top: -58px;
          display: block;
          width: 32px;
          height: 58px;
          top: 58%;
          opacity: 1;
          cursor: pointer;
          z-index: 111111 !important;
      }
      
      .slideBox2 .prev {
          left: 8%;
          background: url(../image/arr-l.png) no-repeat;
      }
      
      .slideBox2 .next {
          right: 8%;
          background: url(../image/arr-r.png) no-repeat;
      }
      /* 主体 */
      
      .mytitle {
          width: 100%;
          font-size: 24px;
          height: 70px;
          line-height: 70px;
          border-bottom: 2px solid #bdbebf;
      }
      
      .mytitle a {
          float: right;
          font-size: 14px;
          font-weight: normal;
      }
      
      .mytitle span {
          color: #999;
          font-size: 16px;
          font-weight: normal;
          text-transform: uppercase;
      }
      
      .main-1 {
          min-height: 400px;
          margin-bottom: 53px;
      }
      
      .main-1-l {
          width: 775px;
      }
      
      .main-1-con {
          overflow: hidden;
          padding-bottom: 15px;
          margin-top: 30px;
      }
      
      .main-1-con>a {
          float: left;
          width: 214px;
          height: 150px;
          overflow: hidden;
      }
      
      .main-1-con img {
          width: 100%;
      }
      
      .main-1-con>a:hover img {
          animation: pulse 1s;
      }
      
      .main-1-con>div {
          margin-left: 234px;
      }
      
      .main-1-con>div h2 a {
          font-weight: normal;
          font-size: 20px;
      }
      
      .main-1-con>div p {
          height: 75px;
          line-height: 25px;
          color: #474747;
          margin: 10px 0;
          overflow: hidden;
      }
      
      .time {
          color: #999;
          padding-left: 27px;
          position: relative;
      }
      
      .time:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 17px;
          height: 17px;
          background-image: url(../image/time3.png);
      }
      
      .main-1-l ul li {
          height: 45px;
          line-height: 45px;
          border-bottom: 1px dotted #767676;
      }
      
      .main-1-l ul li p {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          margin-right: 100px;
      }
      
      .main-1-l ul li a {
          font-size: 16px;
          padding-left: 24px;
          position: relative;
      }
      
      .main-1-l ul li a:before {
          content: "";
          position: absolute;
          top: 5px;
          left: 0;
          width: 14px;
          height: 14px;
          background-image: url(../image/arr.png);
      }
      
      .main-1-r {
          width: 380px;
      }
      
      .main-1-r ul li {
          margin-top: 22px;
          overflow: hidden;
      }
      
      .main-1-r ul li .b-top {
          width: 100%;
          height: 4px;
          border-bottom: 1px solid #d2d2d2;
      }
      
      .main-1-r ul .date {
          float: left;
          width: 83px;
          height: 83px;
          text-align: center;
          border: 1px solid #d2d2d2;
          color: #017fd8;
          transition: 0.4s;
      }
      
      .main-1-r ul .date span {
          display: inline-block;
          padding-top: 6px;
          font-size: 30px;
          color: #017fd8;
          font-weight: bold;
      }
      
      .main-1-r ul .date p {
          font-size: 14px;
          line-height: 24px;
          color: #017fd8;
      }
      
      .main-1-r ul li:hover .b-top {
          border-bottom: none;
      }
      
      .main-1-r ul li:hover .date {
          background: #1179d4;
          border: none;
      }
      
      .main-1-r ul li:hover .date span,
      .main-1-r ul li:hover .date p {
          color: #fff;
      }
      
      .notice-info {
          margin-left: 100px;
      }
      
      .notice-info>p {
          height: 30px;
          line-height: 30px;
          overflow: hidden;
          margin: 3px 0;
          font-size: 16px;
      }
      
      .notice-info div {
          height: 40px;
          line-height: 20px;
          overflow: hidden;
          color: #666;
          font-size: 13px;
      }
      
      .main-2 {
          min-height: 200px;
          margin-bottom: 50px;
      }
      
      .main-2-l {
          width: 775px;
          height: 265px;
      }
      
      .main-2-intro {
          width: 265px;
          height: 100%;
          padding: 55px 35px 0 30px;
          background-color: #017fd8;
      }
      
      .main-2-intro>div {
          margin-bottom: 30px;
      }
      
      .main-2-intro-img {
          float: left;
      }
      
      .main-2-intro>p a {
          font-size: 24px;
          font-weight: bold;
          color: #fff;
      }
      
      .main-2-intro>p a:hover {
          text-decoration: underline;
      }
      
      .main-2-intro>p img {
          float: right;
          padding-top: 5px;
      }
      
      .main-2-intro>p span {
          color: #fff;
          padding: 5px 0;
          display: inline-block;
      }
      
      .main-2-l>div>a {
          display: inline-block;
          width: 510px;
          height: 265px;
          overflow: hidden;
      }
      
      .main-2-l>div>a>img {
          width: 100%;
          height: 100%;
      }
      
      .main-2-l>div>a>img:hover {
          animation: pulse 1s;
      }
      
      .main-2-r {
          height: 265px;
          width: 425px;
          background-color: #f2f2f2;
          padding: 30px 24px 0 34px;
      }
      
      .main-2-r>p {
          line-height: 28px;
          height: 196px;
          overflow: hidden;
          text-align: justify;
      }
      
      .main-2-r>a {
          float: right;
          line-height: 30px;
          height: 30px;
          color: #017fd8;
      }
      
      .main-2-r>a:hover {
          text-decoration: underline;
      }
      
      .main-3 {
          margin-bottom: 25px;
      }
      
      .main-3-top {
          text-align: center;
          margin-bottom: 40px;
      }
      
      .main-3-top>div {
          font-family: 'Arial';
          font-size: 16px;
          color: #999;
          text-transform: uppercase;
          position: relative;
          top: 10px;
      }
      
      .main-3-top>h2 {
          border-bottom: 2px solid #cfcfcf;
      }
      
      .main-3-top>h2>a {
          font-size: 24px;
          position: relative;
          top: 14px;
          background-color: #fff;
          padding: 0 20px;
      }
      /* 照片墙 */
      
      .mien .bd {
          width: 100%;
          min-height: 150px;
          margin-bottom: 40px;
          overflow: hidden;
      }
      
      .mien li {
          float: left;
          width: 216px;
          margin-right: 30px;
      }
      
      .mien li:last-child {
          margin-right: 0;
      }
      
      .mien li>a {
          display: block;
          height: 286px;
          overflow: hidden;
      }
      
      .mien li img {
          width: 100%;
          min-height: 286px;
      }
      
      .mien li img:hover {
          transform: scale(1.1);
      }
      
      .mien li p {
          height: 56px;
          line-height: 56px;
          padding: 0;
          text-align: center;
          border-bottom: 1px solid #ebeaea;
      }
      
      .mien li:hover p {
          background-color: #e5ecf5;
          border-bottom: 3px solid #017fd8;
      }
      
      .link ul {
          margin: 22px 0 40px;
      }
      
      .link ul li {
          float: left;
      }
      
      .link ul li a {
          font-size: 18px;
      }
      
      .link ul li span {
          padding: 0 20px;
      }
      
      .link ul li:last-child span {
          display: none;
      }
      /* footer */
      
      .footer {
          background-color: #017fd8;
      }
      
      .footer-con {
          text-align: center;
          padding: 50px 0;
      }
      
      .footer-con p {
          line-height: 30px;
          color: #fff;
      }
      /* 二三级 */
      
      .banner,
      .banner img {
          width: 100%;
      }
      
      .bread {
          height: 45px;
          line-height: 45px;
          padding-left: 30px;
          overflow: hidden;
          margin: 20px 0;
          background: #fff;
          border: 2px solid #017fd8;
      }
      
      .left_aside {
          float: left;
          width: 280px;
          text-align: center;
          background: #f5f5f5;
      }
      
      .left_aside p {
          color: #fff;
          font-size: 18px;
          line-height: 50px;
          background: #017fd8;
      }
      
      .left_aside ul li {
          line-height: 45px;
          font-size: 16px;
          border-bottom: 1px solid #ddd;
      }
      
      .left_aside ul li:last-child {
          border-bottom: 0;
      }
      
      .left_aside ul li a {
          display: block;
          position: relative;
      }
      
      .left_aside ul li a:after {
          position: absolute;
          top: 15px;
          right: 50px;
          line-height: 20px;
          content: "→";
          text-align: center;
          color: #ccc;
          font-size: 18px;
          transition: 0.3s;
      }
      
      .left_aside ul li a:hover {
          text-decoration: none;
          background: #ddd;
      }
      
      .left_aside ul li a:hover:after {
          color: #017fd8;
          right: 40px;
      }
      
      .left_aside ul li.on a {
          color: #017fd8;
          background: #ddd;
      }
      
      .left_aside ul li.on a:after {
          color: #017fd8;
      }
      
      .right_aside {
          margin-left: 310px;
          background: #fff;
      }
      
      .right_aside .head {
          font-size: 18px;
          line-height: 50px;
          border-bottom: 1px solid #ddd;
          position: relative;
          padding-left: 33px;
      }
      
      .right_aside .head:before {
          position: absolute;
          top: 15px;
          left: 0;
          width: 24px;
          height: 22px;
          content: "";
          background: url("../image/spirit.jpg") no-repeat;
      }
      
      .right_aside .comment {
          padding: 20px 0;
          min-height: 500px;
      }
      
      .right_aside .comment>p {
          line-height: 30px;
      }
      
      .list li {
          height: 46px;
          line-height: 46px;
          padding: 0 10px;
          font-size: 16px;
          border-bottom: 1px dotted #8C8C8C;
      }
      
      .list li:hover {
          background: #F6F6F6;
      }
      
      .list li span {
          float: right;
          color: #999;
          font-size: 15px;
      }
      
      .list li p {
          margin-right: 120px;
      }
      
      .list li a {
          position: relative;
          padding-left: 20px;
          text-decoration: none;
      }
      
      .list li a:before {
          content: '';
          position: absolute;
          top: 10px;
          left: 0;
          width: 5px;
          height: 5px;
          background: #666;
          border-radius: 50%;
      }
      
      .list li a:hover:before {
          background: #017fd8;
      }
      
      .article {
          min-height: 500px;
          padding: 0 30px;
          background: #fff;
      }
      
      .article .caption {
          text-align: center;
          padding: 30px 0;
      }
      
      .article .caption h2 {
          color: #017fd8;
          font-size: 24px;
          font-weight: 500;
          margin-bottom: 15px;
      }
      
      .article .caption p span {
          color: #999;
          margin: 0 10px;
      }
      
      .article .content {
          padding-bottom: 20px;
          font-size: 16px;
      }
      
      .article .content p {
          line-height: 30px;
          text-align: justify;
      }
      /*图片列表页*/
      
      .list-img {
          overflow: hidden;
      }
      
      .list-img li {
          float: left;
          width: 25%;
          text-align: center;
          margin: 10px 0;
      }
      
      .list-img li>a {
          display: inline-block;
          width: 94%;
          height: 220px;
          overflow: hidden;
      }
      
      .list-img li img {
          display: inline-block;
          width: auto;
          max-height: 100%;
      }
      
      .list-img li img:hover {
          transform: scale(1.1);
      }
      
      .list-img li p {
          font-size: 18px;
          line-height: 30px;
          height: 30px;
          overflow: hidden;
      }
      /*图文列表页*/
      
      .list-news {
          margin: 10px 0;
      }
      
      .list-news li {
          padding-bottom: 25px;
          margin-bottom: 25px;
          border-bottom: 1px solid #ddd;
      }
      
      .list-news li .lf {
          width: 178px;
          height: 107px;
          overflow: hidden;
          background: #eee;
      }
      
      .list-news li img {
          display: inline-block;
          width: 100%;
          height: 100%;
      }
      
      .list-news li img:hover {
          transform: scale(1.1);
      }
      
      .list-news .info {
          margin-left: 200px;
          height: 107px;
          color: #666;
          font-size: 14px;
      }
      
      .list-news h3 {
          font-size: 18px;
          font-weight: normal;
      }
      
      .list-news p {
          height: 40px;
          line-height: 20px;
          margin: 15px 0 10px;
          overflow: hidden;
      }

      /*仪器设备*/
      .list-device{
          padding: 10px 0;
          overflow: hidden;
      }
      .list-device li{
          float: left;
          width: 33.33%;
          margin-bottom: 15px;
          text-align: center;
      }
      .list-device li>a{
          display: block;
          padding: 0 10px;
          height: 163px;
          overflow: hidden;
      }
      .list-device li img{
          height: 100%;
      }
      .list-device li img:hover{
          opacity: .8;
      }
      .list-device li p{
          padding: 5px 10px;
      }