a,
  input,
  b,
  h1,
  img,
  span,
  button,
  header,
  .arrow,
  .portinfo,
  .portinfo h3,
  .portinfo p,
  .portimg,
  *:before,
  *:after,
  .nav_transform1 ul.navCont li .title,
  .media-box .icon,
  .cusbox a {
      -moz-transition: all ease-in-out 0.25s;
      -webkit-transition: all ease-in-out 0.25s;
      -o-transition: all ease-in-out 0.25s;
      -ms-transition: all ease-in-out 0.25s;
      transition: all ease-in-out 0.25s;
  }

  .fl {
      float: left;
  }

  .fr {
      float: right;
  }

  .clear {
      clear: both;
      overflow: hidden;
      zoom: 1;
      float: none;
  }

  ul,
  li {
      list-style: none;
  }

  .mt1 {
      margin-top: 0.1rem;
  }

  .mt2 {
      margin-top: 0.2rem;
  }

  .mt3 {
      margin-top: 0.3rem;
  }

  .mt4 {
      margin-top: 0.4rem;
  }

  .mt5 {
      margin-top: 0.5rem;
  }

  .mt6 {
      margin-top: 0.6rem;
  }

  .mt7 {
      margin-top: 0.7rem;
  }

  .mt8 {
      margin-top: 0.8rem;
  }

  .mt10 {
      margin-top: 1rem;
  }

  .mb1 {
      margin-bottom: 0.1rem;
  }

  .mb2 {
      margin-bottom: 0.2rem;
  }

  .mb3 {
      margin-bottom: 0.3rem;
  }

  .pad {
      padding-left: 4%;
      padding-right: 4%;
  }

  .pt1 {
      padding-top: 0.1rem;
  }

  .pt2 {
      padding-top: 0.2rem;
  }

  .pt3 {
      padding-top: 0.4rem;
  }

  .pt4 {
      padding-top: 0.4rem;
  }

  .pt5 {
      padding-top: 0.5rem;
  }

  .pt6 {
      padding-top: 0.6rem;
  }

  .pb1 {
      padding-bottom: 0.1rem;
  }

  .pb2 {
      padding-bottom: 0.2rem;
  }

  .pb3 {
      padding-bottom: 0.3rem;
  }

  .dcenter {
      margin: 0 auto;
  }

  .tl {
      text-align: left !important;
  }

  .tr {
      text-align: right !important;
  }

  .tc {
      text-align: center !important;
  }

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

  .pos {
      position: relative;
  }

  .box-title span {
      font-size: 0.48rem;
      display: inline-block;
      color: #fff;
      position: relative;
      z-index: 2;
      font-weight: bold;
  }

  #fp-nav {
      background-color: #074283;
      width: 36px;
      border-radius: 36px;
  }

  #fp-nav ul li,
  .fp-slidesNav ul li {
      margin: 0 auto;
  }

  #fp-nav ul li a.active,
  .fp-slidesNav ul li a.active {
      border: none;
      margin: 0;
  }

  #fp-nav ul,
  .fp-slidesNav ul {
      padding: 15px 0;
  }

  #fp-nav ul li a.active span,
  .fp-slidesNav ul li a.active span,
  #fp-nav ul li:hover a.active span,
  .fp-slidesNav ul li:hover a.active span {
      background-color: #e4711e;
      width: 8px;
      height: 8px;
      margin: -4px 0 0 -4px;
  }

  #fp-nav::after {
      content: "";
      width: 1px;
      height: 68%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto auto;
      border-left: 1px dashed #fff;
  }

  .ibk_bg1 {
      background: url(../images/about-bg.jpg) no-repeat center 0;
      background-size: cover;
      padding: 0.1rem 0;
      height: 794px;
      box-sizing: border-box;
      position: relative;
  }

  .ibk_bg1::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: -20px;
      background: url(../images/about_vs.png) no-repeat center center;
      width: 129px;
      height: 646px;
      background-size: 100% auto;
  }

  .iblock-2 {
      padding-right: 5%;
      color: #fff;
  }

  .iblock-2 .itit {
      display: block;
      font-size: 0.48rem;
      line-height: 0.5rem;
      font-weight: bold;
      background: url(../images/tit1.png) no-repeat 0 bottom;
      padding-bottom: 45px;
  }

  .iblock-2 .icont {
      opacity: 0.6;
      margin-bottom: 0.4rem;
  }

  .iblock-2 a {
      line-height: 55px;
      color: #fff;
  }

  .iblock-2 a i {
      margin-right: 10px;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: 1px solid #fff;
      border-radius: 100%;
      font-size: 20px;
  }

  .iblock-2 a:hover {
      color: #e97420;
  }

  .iblock-2 a:hover i {
      background-color: #e97420;
      color: #fff;
      border-color: #e97420;
  }

  .about-num {
      border-top: 1px solid #4079b3;
      padding-top: 0.4rem;
  }

  .about-num .brow {
      display: flex;
      align-items: center;
  }

  .about-num .brow .iconfont {
      font-size: 20px;
      color: #cd702f;
      margin-right: 6px;
  }

  .about-num .span-4:nth-child(2) .brow .iconfont::after {
      right: auto;
      left: -8px;
      top: auto;
      bottom: -8px;
  }

  .about-num .span-4:nth-child(3) .brow .iconfont::after {
      right: -5px;
      top: auto;
      bottom: -5px;
  }

  .about-num .brow span {
      font-size: 0.64rem;
      font-weight: bold;
      color: #fff;
      line-height: 0.65rem;
      position: relative;
  }

  .about-num .brow span b {
      font-family: "barlow";
  }

  .about-num .brow span sup.dots {
      font-weight: normal;
      margin-left: 0.1rem;
      color: #9ab3d5;
      font-size: 0.3rem;
      top: -0.3rem;
  }

  .about-num .brow span i {
      font-weight: normal;
      color: #9ab3d5;
      font-size: 15px;
      display: inline-block;
      position: absolute;
      right: -35px;
      bottom: -6px;
      font-style: normal;
  }

  .about-num .brow span i::before {
      content: "";
      width: 20px;
      height: 1px;
      background-color: #9ab3d5;
      display: block;
      transform: rotate(120deg);
      position: relative;
      bottom: -29px;
      left: -15px;
  }

  .about-num .brow p {
      color: #cfdae9;
  }

  .ibk_bg2 {
      padding: 0.10rem 0 0.20rem;
      position: relative;
      background: url(../images/ibg_k2.jpg) no-repeat center center;
      background-size: cover;
  }

  .ibk_bg2::after {
      content: "";
      background: url(../images/yline.png) no-repeat center bottom;
      display: block;
      position: absolute;
      bottom: 0.2rem;
      left: 0;
      width: 100%;
      height: 628px;
      background-size: contain;
  }

  .ibk_bg2 .swiper-button-next,
  .ibk_bg2 .swiper-button-prev {
      background: none;
      width: 40px;
      height: 40px;
      line-height: 40px;
      opacity: 1;
      margin: 0;
      text-align: center;
      bottom: -0.1rem;
      top: auto;
      z-index: 1000;
  }

  .ibk_bg2 .swiper-button-next i,
  .ibk_bg2 .swiper-button-prev i {
      color: #fff;
      font-size: 24px;
      font-weight: bold;
  }

  .ibk_bg2 .swiper-button-prev {
      left: 50%;
      margin-left: -50px;
  }

  .ibk_bg2 .swiper-button-next {
      right: 50%;
      margin-right: -50px;
  }

  .ibk_bg2 .swiper-button-next::after {
      content: "|";
      font-size: 14px;
      position: absolute;
      top: 0;
      left: -10px;
      color: #fff;
  }

  .ibk_bg2 .swiper-button-next:hover,
  .ibk_bg2 .swiper-button-prev:hover {
      background-color: #e37321;
      color: #fff;
  }

  .ibk_bg2 .swiper-button-next:hover i,
  .ibk_bg2 .swiper-button-prev:hover i {
      background-color: #e37321;
      color: #fff;
  }


  .ibk_bg3 {
      background: url(../images/ibg_k3.jpg) no-repeat center bottom #fff;
      padding: 0.10rem 0 0.95rem;
  }

  .ibk_bg3 .swiper-container {
      padding-bottom: 80px;
  }

  .ibk_bg3 .swiper-pagination {
      height: 35px;
      bottom: 0;
      text-align: center;
  }

  .ibk_bg3 .swiper-pagination .swiper-pagination-bullet {
      background-color: #c6c6c6;
      opacity: 1;
      width: 8px;
      height: 8px;
      border-radius: 8px;
      position: relative;
      margin: 0 15px;
      display: inline-block;
      position: relative;
  }

  .ibk_bg3 .swiper-pagination .swiper-pagination-bullet::after {
      content: "";
      position: absolute;
      width: 26px;
      height: 26px;
      border-radius: 26px;
      border: 2px solid #064384;
      top: -11px;
      left: -12px;
      opacity: 0;
      transform: scale(0);
  }

  .ibk_bg3 .swiper-pagination .swiper-pagination-bullet-active::after {
      opacity: 1;
      transform: scale(1);
  }

  .ibk_bg3 .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #064384;
  }


  .ibk_bg4 {
      background: url(../images/ibg_k4.png) no-repeat center center;
      background-size: cover;
      height: 669px;
  }

  .ibk_bg4 .jcent {
      height: 100%;
  }

  .ibk_bg4 .brow {
      position: relative;
      color: #fff;
      padding: 30px 20px;
  }

  .ibk_bg4 .brow::before,
  .ibk_bg4 .brow::after {
      content: "";
      display: block;
      position: absolute;
      width: 25px;
      height: 21px;
  }

  .ibk_bg4 .brow::before {
      background: url(../images/fh1.png) no-repeat center 0;
      top: 0;
      left: 0;
  }

  .ibk_bg4 .brow::after {
      background: url(../images/fh2.png) no-repeat center 0;
      border: 0;
      right: 0;
  }

  .ibk_bg4 .brow p {
      font-size: 20px;
      line-height: 54px;
  }

  .ibk_bg4 .brow span {
      display: block;
      font-weight: bold;
      font-size: 48px;
  }

  .about_bk1 {
      background: url(../images/nbg_k1.jpg) no-repeat center center;
      background-size: cover;
      position: relative;
  }

  .about_bk1::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: -20px;
      background: url(../images/about_vs.png) no-repeat center center;
      width: 129px;
      height: 646px;
      background-size: 100% auto;
  }

  .about-cont .acont p {
      font-size: 0.16rem;
      line-height: 0.28rem;
      margin-bottom: 0.2rem;
  }

  .about_bk1 .about-num {
      border-top: none;
      padding-top: 0;
  }

  .about_bk1 .about-num .brow p {
      color: #fff;
  }

  .about_bk1 .about-num .brow span b {
      color: #e3711d;
  }

  .about_bk1 .about-num .brow span i {
      color: #fff;
      right: -25px;
  }

  .about_bk1 .about-num .brow span i::before {
      display: none;
  }

  .about_bk1 .about-num .brow span sup.dots {
      color: #e2701d
  }

  .about_bk2 {
      background: url(../images/nbg_k2.jpg) no-repeat center center;
      background-size: cover;
  }

  .about_bk2 .swiper-slide {
      width: 193px;
      height: 220px;
  }

  .about_bk2 .swiper-slide:nth-child(odd) {
      margin-top: 253px;
      height: 280px;
  }

  .about_bk2 .lc-brow {
      position: relative;
  }

  .about_bk2 .lc-brow::after {
      content: "";
      background: url(../images/lc_line.png) no-repeat 0 center;
      width: 218px;
      height: 23px;
      background-size: cover;
      position: absolute;
      display: block;
      left: -218px;
      top: 0;
      bottom: 0;
      margin: auto 0;
  }

  .about_bk2 .swiper-slide::after {
      content: "";
      background: url(../images/lc_line2.png) no-repeat 0 center;
      width: 193px;
      height: 23px;
      background-size: cover;
      position: absolute;
      display: block;
      left: 0;
      bottom: -28px;
  }

  .about_bk2 .swiper-slide::before {
      content: "";
      width: 1px;
      height: 56px;
      background-color: #074283;
      display: block;
      position: absolute;
      left: 45px;
      right: 0;
      margin: 0 auto;
      bottom: -10px;
      z-index: 2;
      transform: rotate(35deg);
  }

  .about_bk2 .swiper-slide:nth-child(odd)::after {
      bottom: auto;
      top: -28px;
  }

  .about_bk2 .swiper-slide:nth-child(odd)::before {
      bottom: auto;
      top: -10px;
      left: -30px;
  }

  .about_bk2 .box-title span {
      color: #333;
  }

  .lc-box {
      clear: both;
      overflow: hidden;
      width: 320px;
      padding-bottom: 0.8rem;
  }

  .lc-box i {
      display: block;
      float: left;
      height: 220px;
      border-radius: 100%;
      margin-right: 15px;
  }

  .lc-box i img {
      width: 65px;
      height: 65px;
      border-radius: 100%;
      border: 4px solid #fff;
  }

  .lc-box em {
      font-style: normal;
      font-size: 0.16rem;
      line-height: 24px;
      margin-top: 10px;
      display: block;
  }

  .lc-box span {
      display: block;
      font-size: 0.48rem;
      font-weight: bold;
      font-family: "barlow";
      line-height: 0.5rem;
  }

  .about_bk2 .swiper-slide:nth-child(odd) .lc-box {
      padding-top: 0.8rem;
      padding-bottom: 0;
  }

  .about_bk3 {
      background: url(../images/nbg_k4.jpg) no-repeat center center;
      background-size: cover;
  }

  .wh-brow {
      background-color: #fff;
      border-bottom: 5px solid #2d4b77;
      border-radius: 6px;
      box-shadow: #ddd 0 0 10px;
      position: relative;
  }

  .wh-brow::before {
      content: "";
      background-color: #fff;
      border-radius: 100%;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: -31px;
      width: 12px;
      height: 12px;
      display: block;
      border: 18px solid #3873a8;
  }

  .wh-brow i {
      display: block;
  }

  .wh-brow span {
      display: block;
      font-size: 0.28rem;
      font-weight: bold;
      margin-top: 19px;
  }

  .wh-tit {
      padding: 0.2rem;
  }

  .wh-info {
      background-color: #f5f5f5;
      padding: 0.3rem;
      margin-top: 0.1rem;
      font-size: 17px;
      line-height: 30px;
      position: relative;
  }

  .wh-info::before {
      content: "";
      width: 14px;
      height: 14px;
      background-color: #f5f5f5;
      position: absolute;
      display: block;
      left: 0.3rem;
      top: -7px;
      transform: rotate(45deg);
  }

  .wh-brow:hover .wh-info {
      background-color: #2d4b77;
      color: #fff;
  }

  .wh-brow:hover .wh-info a {

      color: #fff;
  }

  .wh-brow:hover .wh-info::before {
      background-color: #2d4b77;
  }

  .about_bk4 {
      background: url(../images/nbg_1.jpg) no-repeat center center;
      background-size: cover;
  }

  .about_bk6 {
      background: url(../images/nbg_2.jpg) no-repeat center center;
      background-size: cover;
  }

  .about_bk7 {
      background: url(../images/nbg_3.jpg) no-repeat center center;
      background-size: cover;
  }

  .posit .box-title span {
      color: #fff;
  }

  .fc-box {
      margin-bottom: 0.8rem;
      overflow: hidden;
      position: relative;
      border-radius: 4px;
      box-shadow: 3px 5px 21px #0c0707;

  }

  .fc-box .icon {
      background: none;
  }

  .fc-box .icon img {
      width: 100%;
  }

  .fc-box .btit {


      position: absolute;
      color: #fff;
      bottom: 0;
      width: 100%;
      padding: 13px 5%;
      background: #140f0f96;

  }

  .btitt {
      font-size: 28px;
      padding: 2px 0;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      /* 限制行数为1 */
      overflow: hidden;
  }

  .btit a {
      color: #fff;
      font-size: 14px;
      margin-top: 10px;

  }

  .btit a:hover {
      color: #e97420;
  }

  .fc-box .btit p {
      text-align: left;
      margin-top: 10px;
      font-size: 14px;
      font-weight: normal;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /* 限制行数为1 */
      overflow: hidden;
      margin-bottom: 12px;
  }

  .pxtit {
      font-weight: bold;
      font-size: 18px;
  }

  .wh-info a {
      color: #000;
      font-size: 14px;
  }

  .pxdate {
      font-size: 14px;
  }

  .fc-box:hover .icon img {
      transform: scale(1.2);
  }

  .hauto {
      padding: 0 !important;
  }

  .about_bk3 .swiper-container {
      margin-top: 50px;
      padding-top: 50px;
  }

  .posit .swiper-container {
      overflow: visible;
      width: 74%;
      padding-bottom: 1.2rem;
      margin: 0;
  }

  .posit .swiper-pagination {
      background: rgba(255, 255, 255, 0.2);
      height: 1px;
      border-radius: 0;
      bottom: 60px;
      top: auto;
      width: 100%;
      text-align: left;
  }

  .posit .swiper-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      border-radius: 8px;
      background-color: #fff;
      margin-right: 60px;
      position: relative;
      top: -14px;
  }

  .posit .swiper-pagination .swiper-pagination-bullet::after {
      content: "";
      width: 25px;
      height: 25px;
      display: block;
      border-radius: 100%;
      position: absolute;
      border: 10px solid #fff;
      left: -19px;
      top: -18px;
      transform: scale(0);
  }

  .posit .swiper-pagination .swiper-pagination-bullet:hover::after,
  .posit .swiper-pagination .swiper-pagination-bullet-active::after {
      transform: scale(1);
  }

  .posit .swiper-button-next,
  .posit .swiper-button-prev {
      background: none;
      width: 50px;
      height: 50px;
      border-radius: 50px;
      text-align: center;
      opacity: 1;
      top: auto;
      bottom: 0;
      color: #fff;
  }

  .posit .swiper-button-next i,
  .posit .swiper-button-prev i {
      line-height: 50px;
      font-size: 26px;
  }

  .posit .swiper-button-next {
      right: 0;
  }

  .posit .swiper-button-prev {
      left: auto;
      right: 0;
      margin-right: 60px;
  }

  .posit .swiper-button-next:hover,
  .posit .swiper-button-prev:hover {
      background: #e3711d;
      color: #fff;
      opacity: 1;
  }

  .about_bk3 .swiper-button-next,
  .about_bk3 .swiper-button-prev {
      background: none;
      width: 50px;
      height: 50px;
      border-radius: 50px;
      text-align: center;
      opacity: 1;
      top: auto;
      bottom: 5%;
      color: #fff;
      right: 14% !important;
  }

  .about_bk3 .swiper-button-next i,
  .about_bk3 .swiper-button-prev i {
      line-height: 50px;
      font-size: 26px;
  }

  .about_bk3 .swiper-button-next {
      right: 0;
  }

  .about_bk3 .swiper-button-prev {
      left: auto;
      right: 0;
      margin-right: 60px;
  }

  .about_bk3 .swiper-button-next:hover,
  .about_bk3 .swiper-button-prev:hover {
      background: #e3711d;
      color: #fff;
      opacity: 1;
  }

  .about_bk3 {
      position: relative;
  }

  .about_bk5 {
      background: url(../images/ry-bg.jpg) no-repeat center center;
      background-size: cover;
      position: relative;
  }

  .about_bk5 .swiper-button-next,
  .about_bk5 .swiper-button-prev {
      background: none;
      width: 50px;
      height: 50px;
      border-radius: 50px;
      border: 1px solid #ddd;
      text-align: center;
      opacity: 1;
      top: -92px;
      color: #666;
  }

  .about_bk5 .swiper-button-next i,
  .about_bk5 .swiper-button-prev i {
      line-height: 50px;
      font-size: 26px;
      color: #fff;
  }

  .about_bk5 .swiper-button-next {
      right: 0;
  }

  .about_bk5 .swiper-button-prev {
      left: auto;
      right: 0;
      margin-right: 60px;
  }

  .about_bk5 .swiper-button-next:hover,
  .about_bk5 .swiper-button-prev:hover {
      background: #e3711d;
      color: #fff;
      opacity: 1;
  }

  .inews-tit {
      border-bottom: 3px solid #065092;
  }

  .inews-tit a {
      display: inline-block;
      margin-right: 5%;
      height: 70px;
      text-align: center;
      line-height: 70px;
      font-size: 18px;
      color: #999;
  }

  .inews-tit a:hover,
  .inews-tit a.active {
      color: #065092;
  }

  .news-list {
      overflow: visible;
  }

  .news-list .tlist {
      display: block;
      height: 0;
      padding: 0;
      position: relative;
  }

  .news-list .tlist.active {
      height: auto;
      overflow: visible;
  }

  .honor-box {
      background-color: #fff;
      border: 1px solid #eee;
      box-shadow: #eee 0 0 10px;
      clear: both;
      overflow: hidden;
      padding: 10px;
      width: auto;
      margin: 10px 0;
  }

  .honor-box .ntit {
      position: relative;
      height: 100%;
      font-size: 18px;
      line-height: 30px;
  }

  .honor-box .ntit span {
      color: #555;
      display: block;
  }

  .honor-box .ntit p {
      position: absolute;
      bottom: 0;
      width: 95%;
      left: 0;
      color: #555;
  }

  .honor-box .icon {
      background-color: #fff;
  }


  .section.active .iblock-2 .itit {
      animation-name: fadeInDown;
      animation-delay: 0.6s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .section.active .iblock-2 .acont {
      animation-name: fadeInUp;
      animation-delay: 0.2s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .section.active .iblock-2 .num_cont {
      animation-name: fadeInUp;
      animation-delay: 0.6s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .section.active .box-title {
      animation-name: fadeInDown;
      animation-delay: 0.2s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .section.active .lc-brow {
      animation-name: fadeInUp;
      animation-delay: 0.5s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .section.active .wh-brow {
      animation-name: fadeInUp;
      animation-delay: 0.5s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .section.active #ilist-3,
  .section.active #ilist-6,
  .section.active #ilist-7,
  .section.active .inews-tit {
      animation-name: fadeInUp;
      animation-delay: 0.2s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .section.active .swiper-pagination,
  .section.active .swiper-button-next,
  .section.active .swiper-button-prev {
      animation-name: fadeIn;
      animation-delay: 0.6s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .section.active .news-list {
      animation-name: fadeIn;
      animation-delay: 0.6s;
      animation-duration: 1s;
      animation-fill-mode: both;
      data-wow-iteration: 1;
  }

  .video {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 1;
  }

  .a5center {
      position: relative;
      z-index: 2;
  }

  .widget-respimg {
      overflow: hidden;

  }


  .wrap {
      width: 1600px;
      margin-left: auto;
      margin-right: auto;
  }

  .wrap2 {
      width: 1320px;
      margin-left: auto;
      margin-right: auto;
  }

  @media only screen and (min-width: 1440px) and (max-width: 1640px) {
      .wrap {
          width: 1400px;
      }
  }

  @media only screen and (min-width: 800px) and (max-width: 1440px) {
      .wrap {
          width: 100%;
          padding: 0 2%;
      }
  }


  .row {
      width: 102%;
  }

  .row:after,
  .row:before {
      clear: both;
      display: table;
      content: " ";
  }

  .full-row .row .span-1,
  .span-1 {
      float: left;
      margin-right: 2%;
      width: 6.33333333%;
      transition: .2s width ease;
  }

  .full-row .row .span-2,
  .span-2 {
      float: left;
      margin-right: 2%;
      width: 14.66666667%;
      transition: .2s width ease;
  }

  .full-row .row .span-3,
  .span-3 {
      float: left;
      margin-right: 2%;
      width: 100%;
      transition: .2s width ease;
  }

  .full-row .row .span-4,
  .span-4 {
      float: left;
      margin-right: 2%;
      width: 31.33333333%;
      transition: .2s width ease;
  }

  .full-row .row .span-5,
  .span-5 {
      float: left;
      margin-right: 2%;
      width: 39.66666667%;
      transition: .2s width ease;
  }

  .full-row .row .span-6,
  .span-6 {
      float: left;
      margin-right: 2%;
      width: 48%;
      transition: .2s width ease;
  }

  .full-row .row .span-7,
  .span-7 {
      float: left;
      margin-right: 2%;
      width: 56.33333333%;
      transition: .2s width ease;
  }

  .full-row .row .span-8,
  .span-8 {
      float: left;
      margin-right: 2%;
      width: 64.66666667%;
      transition: .2s width ease;
  }

  .full-row .row .span-9,
  .span-9 {
      float: left;
      margin-right: 2%;
      width: 73%;
      transition: .2s width ease;
  }

  .full-row .row .span-10,
  .span-10 {
      float: left;
      margin-right: 2%;
      width: 81.33333333%;
      transition: .2s width ease;
  }

  .full-row .row .span-11,
  .span-11 {
      float: left;
      margin-right: 2%;
      width: 89.66666667%;
      transition: .2s width ease;
  }

  .full-row .row .span-12,
  .span-12 {
      float: left;
      margin-right: 2%;
      width: 98%;
      transition: .2s width ease;
  }

  .full-row .row .span-13,
  .span-13 {
      float: left;
      margin-right: 2%;
      width: 106.33333333%;
      transition: .2s width ease;
  }

  .full-row .row .span-14,
  .span-14 {
      float: left;
      margin-right: 2%;
      width: 114.66666667%;
      transition: .2s width ease;
  }

  .full-row .row .span-15,
  .span-15 {
      float: left;
      margin-right: 2%;
      width: 123%;
      transition: .2s width ease;
  }

  .full-row .row .span-16,
  .span-16 {
      float: left;
      margin-right: 2%;
      width: 131.33333333%;
      transition: .2s width ease;
  }

  .full-row .row .span-17,
  .span-17 {
      float: left;
      margin-right: 2%;
      width: 139.66666667%;
      transition: .2s width ease;
  }

  .full-row .row .span-18,
  .span-18 {
      float: left;
      margin-right: 2%;
      width: 148%;
      transition: .2s width ease;
  }

  .full-row .row .span-19,
  .span-19 {
      float: left;
      margin-right: 2%;
      width: 156.33333333%;
      transition: .2s width ease;
  }

  .full-row .row .span-20,
  .span-20 {
      float: left;
      margin-right: 2%;
      width: 164.66666667%;
      transition: .2s width ease;
  }

  .full-row .row .span-21,
  .span-21 {
      float: left;
      margin-right: 2%;
      width: 173%;
      transition: .2s width ease;
  }

  .full-row .row .span-22,
  .span-22 {
      float: left;
      margin-right: 2%;
      width: 181.33333333%;
      transition: .2s width ease;
  }

  .full-row .row .span-23,
  .span-23 {
      float: left;
      margin-right: 2%;
      width: 189.66666667%;
      transition: .2s width ease;
  }

  .full-row .row .span-24,
  .span-24 {
      float: left;
      margin-right: 2%;
      width: 198%;
      transition: .2s width ease;
  }

  .pull-right {
      float: right;
  }

  .pull-left {
      float: left;
  }

  .hide {
      display: none;
  }

  .center {
      position: relative;
      left: -1%;
      float: none;
      clear: both;
      display: block;
      margin-right: auto;
      margin-left: auto;
  }

  .pull-left-1 {
      position: relative;
      left: -8.33333333%;
  }

  .pull-left-2 {
      position: relative;
      left: -16.66666667%;
  }

  .pull-left-3 {
      position: relative;
      left: -25%;
  }

  .pull-left-4 {
      position: relative;
      left: -33.33333333%;
  }

  .pull-left-5 {
      position: relative;
      left: -41.66666667%;
  }

  .pull-left-6 {
      position: relative;
      left: -50%;
  }

  .pull-left-7 {
      position: relative;
      left: -58.33333333%;
  }

  .pull-left-8 {
      position: relative;
      left: -66.66666667%;
  }

  .pull-left-9 {
      position: relative;
      left: -75%;
  }

  .pull-left-10 {
      position: relative;
      left: -83.33333333%;
  }

  .pull-left-11 {
      position: relative;
      left: -91.66666667%;
  }

  .pull-left-12 {
      position: relative;
      left: -100%;
  }

  .pull-left-13 {
      position: relative;
      left: -108.33333333%;
  }

  .pull-left-14 {
      position: relative;
      left: -116.66666667%;
  }

  .pull-left-15 {
      position: relative;
      left: -125%;
  }

  .pull-left-16 {
      position: relative;
      left: -133.33333333%;
  }

  .pull-left-17 {
      position: relative;
      left: -141.66666667%;
  }

  .pull-left-18 {
      position: relative;
      left: -150%;
  }

  .pull-left-19 {
      position: relative;
      left: -158.33333333%;
  }

  .pull-left-20 {
      position: relative;
      left: -166.66666667%;
  }

  .pull-left-21 {
      position: relative;
      left: -175%;
  }

  .pull-left-22 {
      position: relative;
      left: -183.33333333%;
  }

  .pull-left-23 {
      position: relative;
      left: -191.66666667%;
  }

  .pull-left-24 {
      position: relative;
      left: -200%;
  }

  .pull-right-1 {
      position: relative;
      left: 8.33333333%;
  }

  .pull-right-2 {
      position: relative;
      left: 16.66666667%;
  }

  .pull-right-3 {
      position: relative;
      left: 25%;
  }

  .pull-right-4 {
      position: relative;
      left: 33.33333333%;
  }

  .pull-right-5 {
      position: relative;
      left: 41.66666667%;
  }

  .pull-right-6 {
      position: relative;
      left: 50%;
  }

  .pull-right-7 {
      position: relative;
      left: 58.33333333%;
  }

  .pull-right-8 {
      position: relative;
      left: 66.66666667%;
  }

  .pull-right-9 {
      position: relative;
      left: 75%;
  }

  .pull-right-10 {
      position: relative;
      left: 83.33333333%;
  }

  .pull-right-11 {
      position: relative;
      left: 91.66666667%;
  }

  .pull-right-12 {
      position: relative;
      left: 100%;
  }

  .pull-right-13 {
      position: relative;
      left: 108.33333333%;
  }

  .pull-right-14 {
      position: relative;
      left: 116.66666667%;
  }

  .pull-right-15 {
      position: relative;
      left: 125%;
  }

  .pull-right-16 {
      position: relative;
      left: 133.33333333%;
  }

  .pull-right-17 {
      position: relative;
      left: 141.66666667%;
  }

  .pull-right-18 {
      position: relative;
      left: 150%;
  }

  .pull-right-19 {
      position: relative;
      left: 158.33333333%;
  }

  .pull-right-20 {
      position: relative;
      left: 166.66666667%;
  }

  .pull-right-21 {
      position: relative;
      left: 175%;
  }

  .pull-right-22 {
      position: relative;
      left: 183.33333333%;
  }

  .pull-right-23 {
      position: relative;
      left: 191.66666667%;
  }

  .pull-right-24 {
      position: relative;
      left: 200%;
  }

  .full-row {
      width: 100%;
  }

  .full-row:after,
  .full-row:before {
      clear: both;
      display: table;
      content: " ";
  }

  .full-row [class*=midd],
  .full-row [class*=smal],
  .full-row [class*=span] {
      margin-right: 0;
  }

  .full-row .span-1 {
      width: 8.33333333%;
  }

  .full-row .span-2 {
      width: 16.66666667%;
  }

  .full-row .span-3 {
      width: 25%;
  }

  .full-row .span-4 {
      width: 33.33333333%;
  }

  .full-row .span-5 {
      width: 41.66666667%;
  }

  .full-row .span-6 {
      width: 50%;
  }

  .full-row .span-7 {
      width: 58.33333333%;
  }

  .full-row .span-8 {
      width: 66.66666667%;
  }

  .full-row .span-9 {
      width: 75%;
  }

  .full-row .span-10 {
      width: 83.33333333%;
  }

  .full-row .span-11 {
      width: 91.66666667%;
  }

  .full-row .span-12 {
      width: 100%;
  }

  .full-row .span-13 {
      width: 108.33333333%;
  }

  .full-row .span-14 {
      width: 116.66666667%;
  }

  .full-row .span-15 {
      width: 125%;
  }

  .full-row .span-16 {
      width: 133.33333333%;
  }

  .full-row .span-17 {
      width: 141.66666667%;
  }

  .full-row .span-18 {
      width: 150%;
  }

  .full-row .span-19 {
      width: 158.33333333%;
  }

  .full-row .span-20 {
      width: 166.66666667%;
  }

  .full-row .span-21 {
      width: 175%;
  }

  .full-row .span-22 {
      width: 183.33333333%;
  }

  .full-row .span-23 {
      width: 191.66666667%;
  }

  .full-row .span-24 {
      width: 200%;
  }

  .full-row .center {
      left: auto;
  }

  .span-3-1 {
      float: left;
      margin-right: 2%;
      width: 38%;
      transition: .2s width ease;
  }

  .span-3-2 {
      float: left;
      margin-right: 2%;
      width: 28%;
      transition: .2s width ease;
  }

  .span-3-3 {
      float: left;
      margin-right: 2%;
      width: 28%;
      transition: .2s width ease;
  }





  @media screen and (max-width: 767px) {
      .smal-12 {
          width: 100%;
      }

      .video {
          display: none;
      }

      .wrap {
          width: 96%;
          padding-left: 3%;
          padding-right: 3%;
          width: auto;
      }

      .about_bk3 .swiper-button-next,
      .about_bk3 .swiper-button-prev {
          bottom: 50px;
      }

      .about_bk3 .box-title span {
          margin-top: 14px !important;
      }

      .iblock-2 .itit {

          font-size: 0.48rem;
          line-height: 0.04rem;
          margin-top: 90px !important;
      }

      .about-cont .acont p {
          font-size: 14px;
          line-height: 26px;
          margin-bottom: 0.2rem;
      }

      #fullPage .section {
          padding: 0.4rem 0;
      }

      .about-num .brow span {
          font-size: 26px;
      }

      .lc-box em {
          font-size: 14px;
      }

      .lc-box {
          width: 222px;
      }

      .lc-box i img {
          width: 50px;
          height: 50px;
      }

      .posit .swiper-pagination .swiper-pagination-bullet {
          top: -11px;
      }

      .fc-box .btit p {
          display: none;
      }

      .posit .swiper-pagination {
          margin-left: 14px;
      }

      .wrap2 {
          padding-left: 3%;
          padding-right: 3%;
          width: 96%;

      }

      .tablist {
          margin-top: 100px;

      }

      .about_bk5 .swiper-button-next {
          right: 28%;
          top: -55px;
          z-index: 99999;
      }

      .about_bk5 .swiper-button-prev {
          right: auto;
          left: 28%;
          top: -55px;
          z-index: 99999;
      }

      #fp-nav {
          display: none;
      }

      .moblenone {
          display: none;
      }

      .box-title span {
          margin-top: 80px;
      }

      .about_bk5 .inews-tit {
          display: none;
      }

      .about_bk5 i:hover {
          color: #fff !important;
      }

      .btitt {
          font-size: 16px;
      }

      .posit .swiper-container {
          padding-top: 50px;
      }

  }


  @media only screen and (min-width: 800px) and (max-width: 1600px) {
      .btitt {
          font-size: 18px;
      }

      .about-cont .acont p {
          font-size: 14px;
          line-height: 28px;
          margin-bottom: 0;
      }

      .fc-box .btit p {
          display: none;
      }

      .lc-box em {
          font-size: 14px;
      }
  }