      /* 统一样式 */
      
      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: #0062ac;
          cursor: pointer;
      }
      
      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 */
      
      .header {
          width: 100%;
          height: 142px;
          border-bottom: 5px solid #01a6f6;
          background: url(../images/header-bg.png);
      }
      
      .logo {
          line-height: 142px;
      }
      
      .logo img {
          animation: zoomIn 1s;
      }
      
      @media screen and (min-width: 480px) {
          #logotxt {
              font-size: 22px;
              animation: zoomIn 1s;
              color: #fff;
              line-height: 124px;
          }
      }
      
      @media screen and (max-width: 480px) {
          #logotxt {
              font-size: 20px;
          }
      }
      /* 搜索框 */
      
      .search-event {
          margin-top: 35px;
          position: relative;
      }
      
      .search-event>div {
          text-align: right;
          margin-bottom: 13px;
      }
      
      .search-event>div a {
          color: #fff;
          font-size: 15px;
      }
      
      .search {
          position: relative;
      }
      
      .search input {
          background-color: #fff;
          box-sizing: border-box;
          height: 34px;
          width: 220px;
          color: #999;
          font-size: 14px;
          padding-left: 20px;
          padding-right: 60px;
          border-radius: 3px;
          border: 0;
      }
      
      .search-logo {
          position: absolute;
          text-align: center;
          background: none;
          border: none;
          right: 10px;
          top: 7px;
          cursor: pointer;
      }
      /* 导航条 */
      
      .nav-bar {
          width: 100%;
          background-color: #fff;
          text-align: center;
          box-shadow: 0 5px 10px -5px #b8b8b8;
      }
      
      .nav .nLi {
          height: 52px;
          text-align: center;
          padding: 0 35px;
          position: relative;
          display: inline-block;
      }
      
      @media screen and (min-width: 800px) {
          #logotxt {
              font-size: 26px;
              animation: zoomIn 1s;
          }
          .nav .nLi span {
              display: none;
          }
          .nav .nLi {
              border-top-left-radius: 5px;
              border-top-right-radius: 5px;
          }
          .nav .nLi:hover {
              background-color: #1081df;
          }
          .nav {
              text-align: center;
              height: 55px;
              padding-top: 3px;
          }
      }
      
      .nav .nLi:hover a {
          color: #fff;
      }
      
      .nav .nLi>a {
          height: 52px;
          line-height: 52px;
          text-align: center;
          display: block;
          font-size: 16px;
          box-sizing: border-box;
          position: relative;
      }
      
      .nav .sub {
          display: none;
          top: 52px;
          left: 0;
          position: absolute;
          z-index: 100000;
          width: 100%;
          background-color: #fff;
      }
      
      .nav .sub a {
          font-size: 14px;
          display: block;
          padding: 0 10px;
          text-align: center;
          color: #fff;
          font-style: normal;
          height: 45px;
          line-height: 45px;
      }
      
      .nav .sub li {
          background-color: #1081df;
          border-top: 1px solid #fff;
          zoom: 1;
      }
      
      .nav .sub li a:hover {
          background: rgba(60, 165, 246, .7);
      }
      
      .sub li a:hover {
          font-weight: bold;
      }
      /* 大轮播图 */
      
      .slideBox {
          width: 100%;
          max-height: 458px;
          overflow: hidden;
          position: relative;
      }
      
      .slideBox .hd {
          height: 15px;
          position: absolute;
          right: 47%;
          bottom: 23px;
          z-index: 1;
      }
      
      .slideBox .hd ul {
          zoom: 1;
      }
      
      .slideBox .hd ul li {
          position: relative;
          float: left;
          margin-right: 15px;
          width: 15px;
          height: 15px;
          box-sizing: border-box;
          border-radius: 50%;
          background-color: transparent;
          cursor: pointer;
          border: 2px solid #fff;
      }
      
      .slideBox .hd ul li.on {
          background-color: #fff;
      }
      
      .slideBox .bd {
          position: relative;
          height: 100%;
          z-index: 0;
      }
      
      .slideBox .bd li {
          zoom: 1;
          vertical-align: middle;
      }
      
      .slideBox .bd img {
          width: 100%;
          display: block;
      }
      /* 主体 */
      
      .main-1 {
          min-height: 400px;
          margin-bottom: 46px;
      }
      
      .main-1-l {
          width: 565px;
      }
      
      .mytitle {
          width: 100%;
          height: 100px;
          line-height: 100px;
          color: #0062ac;
          font-size: 24px;
      }
      
      .mytitle a {
          font-size: 14px;
          color: #666;
          float: right;
      }
      
      .mytitle a:hover {
          color: #0062ac;
      }
      
      .mytitle span {
          font-size: 16px;
          font-weight: normal;
          color: #999;
      }
      
      .main-1-l>ul>li {
          min-height: 70px;
          width: 100%;
          margin-bottom: 26px;
      }
      
      .main-1-l>ul>li:last-child {
          margin-bottom: 0;
      }
      
      .main-1-l .time {
          background-color: #eee;
          text-align: center;
          padding-top: 5px;
          width: 80px;
          height: 70px;
      }
      
      .main-1-l .time .span1 {
          font-weight: bold;
          color: #333;
          font-size: 30px;
      }
      
      .main-1-l .time .span2 {
          font-size: 14px;
          color: #999;
      }
      
      .main-1-l>ul>li:hover .time {
          background-color: #0062ac;
      }
      
      .main-1-l>ul>li:hover .time span {
          color: #fff;
      }
      
      .main-1-l-text {
          width: 82%;
      }
      
      .main-1-l-text a {
          line-height: 35px;
          height: 35px;
          font-weight: bold;
          font-size: 18px;
      }
      
      .main-1-l-text p {
          line-height: 25px;
          height: 25px;
          color: #666;
          overflow: hidden;
      }
      
      .main-1-r {
          width: 570px;
      }
      
      .main-1-r-con {
          padding-bottom: 22px;
          border-bottom: 1px solid #e9e7e9;
      }
      
      .main-1-r-con>a {
          float: left;
          width: 180px;
          height: 123px;
          overflow: hidden;
      }
      
      .main-1-r-con>a img {
          width: 100%;
          height: 100%;
          transition: .3s;
      }
      
      .main-1-r-con>a img:hover {
          transform: scale(1.1);
      }
      
      .main-1-r-con div {
          width: 64%;
          position: relative;
      }
      
      .main-1-r-con>div>a {
          display: block;
          /* font-weight: bold; */
          font-size: 20px;
          line-height: 35px;
          height: 35px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          margin-bottom: 5px;
      }
      
      .main-1-r-con p {
          width: 100%;
          height: 20px;
          line-height: 20px;
          overflow: hidden;
          margin-top: 21px;
          text-align: justify;
          color: #999;
      }
      
      .main-1-r-con span {
          color: #bebebe;
          font-size: 13px;
      }
      
      .main-1-r-con span img {
          padding-bottom: 3px;
      }
      
      .main-1-r-list {
          margin-top: 22px;
      }
      
      .main-1-r-list li {
          margin-bottom: 20px;
      }
      
      .main-1-r-list li:last-child {
          margin-bottom: 0;
      }
      
      .main-1-r-list li span {
          float: right;
          color: #999;
          font-size: 13px;
          line-height: 21px;
      }
      
      .main-1-r-list li p {
          margin-right: 30%;
      }
      
      .main-1-r-list li a {
          position: relative;
          padding-left: 16px;
          font-size: 15px;
      }
      
      .main-1-r-list li a:before {
          content: '';
          position: absolute;
          top: 9px;
          left: 0;
          width: 5px;
          height: 5px;
          background: #b7b7b7;
      }
      
      .main-1-r-list li a:hover:before {
          background: #1f49ba;
      }
      
      .main-2 {
          margin-bottom: 43px;
      }
      
      .main-2 ul li {
          float: left;
          width: 200px;
          height: 125px;
          text-align: center;
          padding-top: 80px;
      }
      
      .main-2 ul li:hover {
          opacity: 0.8;
      }
      
      .main-2 ul li a {
          position: relative;
      }
      
      .main-2 ul li:hover a {
          text-decoration: underline;
          font-style: italic;
      }
      
      .main-2 ul li:hover a::before {
          animation: zoomIn 1s;
      }
      
      .main-2 ul li a::before {
          position: absolute;
          content: '';
      }
      
      .main-2 ul li:first-child {
          background-color: #6fbc47;
      }
      
      .main-2 ul li:first-child a::before {
          background-image: url(../images/icon1.png);
          width: 42px;
          height: 30px;
          left: 40%;
          top: -50px;
      }
      
      .main-2 ul li:nth-child(2) {
          background-color: #24a9e6;
      }
      
      .main-2 ul li:nth-child(2) a::before {
          background-image: url(../images/icon2.png);
          width: 41px;
          height: 38px;
          left: 40%;
          top: -58px;
      }
      
      .main-2 ul li:nth-child(3) {
          background-color: #f8b62c;
      }
      
      .main-2 ul li:nth-child(3) a::before {
          background-image: url(../images/icon3.png);
          width: 47px;
          height: 41px;
          left: 38%;
          top: -56px;
      }
      
      .main-2 ul li:nth-child(4) {
          background-color: #347cb3;
      }
      
      .main-2 ul li:nth-child(4) a::before {
          background-image: url(../images/icon4.png);
          width: 42px;
          height: 42px;
          left: 40%;
          top: -56px;
      }
      
      .main-2 ul li:nth-child(5) {
          background-color: #1bb1a8;
      }
      
      .main-2 ul li:nth-child(5) a::before {
          background-image: url(../images/icon5.png);
          width: 36px;
          height: 36px;
          left: 40%;
          top: -52px;
      }
      
      .main-2 ul li:nth-child(6) {
          background-color: #e47474;
      }
      
      .main-2 ul li:nth-child(6) a::before {
          background-image: url(../images/icon6.png);
          width: 50px;
          height: 50px;
          left: 38%;
          top: -60px;
      }
      
      .main-2 ul li a {
          color: #fff;
          font-size: 18px;
          display: block;
      }
      
      .main-3 {
          width: 100%;
          background-color: #e2f3ff;
          min-height: 500px;
          margin-bottom: 40px;
          padding-bottom: 20px;
      }
      
      .main-3-l {
          width: 810px;
      }
      
      .main-3 .main-1-r-con div {
          width: 74%;
      }
      
      .main-3 .main-1-r-con>div>a {
          font-weight: normal;
      }
      
      .main-3 .main-1-r-con {
          padding-bottom: 14px;
          margin-bottom: 25px;
          border-bottom: 1px solid #c4cace;
      }
      
      .main-3-r {
          width: 350px;
          position: relative;
      }
      
      .main-3-r>img {
          width: 350px;
          height: 464px;
          display: block;
      }
      
      .main-3-r-con {
          position: absolute;
          width: 230px;
          height: 274px;
          background-color: rgba(0, 0, 0, .5);
          top: 95px;
          left: 60px;
          text-align: center;
          color: #fff;
      }
      
      .main-3-r-con>a {
          font-size: 24px;
          line-height: 85px;
          height: 85px;
          overflow: hidden;
          display: inline-block;
          color: #fff;
      }
      
      .main-3-r-con>p {
          font-size: 16px;
          margin: 0 25px 45px;
          text-align: justify;
          line-height: 26px;
          height: 104px;
          overflow: hidden;
      }
      
      .main-3-r-con>div {
          float: right;
          margin-right: 25px;
      }
      
      .main-3-r-con>div a {
          color: #fff;
      }
      
      .main-4 {
          margin-bottom: 35px;
      }
      
      .main-4>ul>li {
          float: left;
          width: 380px;
          margin-right: 30px;
      }
      
      .main-4>ul>li:last-child {
          margin-right: 0;
      }
      
      .main-4-tit {
          width: 100%;
          height: 64px;
          line-height: 64px;
          margin-bottom: 35px;
          border-bottom: 3px solid #d6d6d6;
      }
      
      .main-4-tit a {
          font-weight: normal;
          font-size: 26px;
          color: #0062ac;
          padding-left: 45px;
          position: relative;
          padding-bottom: 12px;
          border-bottom: 3px solid #0062ac;
      }
      
      .main-4-tit a::before {
          position: absolute;
          content: '';
          top: 4px;
          left: 0;
      }
      
      .main-4 ul li:first-child .main-4-tit a::before {
          background-image: url(../images/list-icon1.png);
          width: 27px;
          height: 32px;
      }
      
      .main-4 ul li:nth-child(2) .main-4-tit a::before {
          background-image: url(../images/list-icon2.png);
          width: 30px;
          height: 30px;
      }
      
      .main-4 ul li:nth-child(3) .main-4-tit a::before {
          background-image: url(../images/list-icon3.png);
          width: 32px;
          height: 28px;
      }
      
      .main-4 .main-1-r-list li p {
          margin-right: unset;
      }
      
      .main-4 .main-1-r-list li {
          margin-bottom: 15px;
      }
      
      .link {
          padding: 34px 0 24px;
          background-color: #e2f3ff;
      }
      
      .link p {
          width: 98px;
          height: 35px;
          line-height: 35px;
          text-align: center;
          color: #fff;
          font-size: 15px;
          border-radius: 3px;
          margin-right: 54px;
          background-color: #0062ac;
      }
      
      .link a {
          height: 35px;
          font-size: 15px;
          margin-right: 40px;
          line-height: 35px;
      }
      /* footer */
      
      .footer {
          width: 100%;
          padding: 45px 0;
          background-color: #0062ac;
          /*text-align: center;*/
      }
      
      .footer-con p {
          line-height: 30px;
          color: #fff;
      }
      /* 二三级 */
      
      .bread {
          height: 45px;
          line-height: 45px;
          padding-left: 30px;
          overflow: hidden;
          margin: 20px 0;
          background: #fff;
          border: 2px solid #0062ac;
      }
      
      .left_aside {
          float: left;
          width: 280px;
          text-align: center;
          background: #f5f5f5;
      }
      
      .left_aside p {
          color: #fff;
          font-size: 18px;
          line-height: 50px;
          background: #0062ac;
      }
      
      .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: #0062ac;
          right: 40px;
      }
      
      .left_aside ul li.on a {
          color: #0062ac;
          background: #ddd;
      }
      
      .left_aside ul li.on a:after {
          color: #0062ac;
      }
      
      .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("../images/spirit.png") no-repeat;
      }
      
      .right_aside .comment {
          padding: 20px 10px;
          min-height: 500px;
      }
      
      .right_aside .comment>p {
          line-height: 30px;
      }
      
      .right_aside .comment .list li {
          height: 50px;
          line-height: 50px;
          padding: 0 10px;
          font-size: 18px;
          border-bottom: 1px dotted #8C8C8C;
      }
      
      .right_aside .comment .list li:hover {
          background: #F6F6F6;
      }
      
      .right_aside .comment .list li span {
          float: right;
          color: #999;
          font-size: 15px;
      }
      
      .right_aside .comment .list li p {
          margin-right: 120px;
      }
      
      .right_aside .comment .list li a {
          position: relative;
          padding-left: 20px;
          text-decoration: none;
      }
      
      .right_aside .comment .list li a:before {
          content: '';
          position: absolute;
          top: 10px;
          left: 0;
          width: 5px;
          height: 5px;
          background: #666;
          border-radius: 50%;
      }
      
      .right_aside .comment .list li a:hover:before {
          background: #1f49ba;
      }
      
      .article {
          min-height: 600px;
          padding: 0 30px;
          background: #fff;
      }
      
      .article .caption {
          text-align: center;
          padding: 30px 0;
      }
      
      .article .caption h2 {
          color: #0062ac;
          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: 33.33%;
          text-align: center;
          margin: 20px 0;
      }
      
      .list-img li>a {
          display: inline-block;
          width: 94%;
          height: 220px;
          overflow: hidden;
      }
      
      .list-img li img {
          display: inline-block;
          width: 100%;
          height: 220px;
      }
      
      .list-img li img:hover {
          transform: scale(1.1);
      }
      /*图文列表页*/
      
      .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;
      }