@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : moni
Create date : 2022-12-19
-------------------------------------------------*/
.topbanner .open,
#issue .control.open {
  display: none;
}

body #footer {
  position: fixed;
  bottom: -27rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}

body {
  overflow-x: hidden !important;
}
body.fp-viewing-sixthPage #footer {
  bottom: 0;
}
body.fp-viewing-sixthPage .section5 .h2.title_ty1,
body.fp-viewing-sixthPage .section5 .group1,
body.fp-viewing-sixthPage .section5 .group2,
body.fp-viewing-sixthPage .section5 .group3,
body.fp-viewing-sixthPage .section5 .article2 {
  opacity: 1;
}

body.fp-viewing-secondPage #fp_nav ul::before,
body.fp-viewing-thirdPage #fp_nav ul::before,
body.fp-viewing-fifthPage #fp_nav ul::before,
body.fp-viewing-sixthPage #fp_nav ul::before {
  background-color: #CBCED3;
}
body.fp-viewing-secondPage #fp_nav ul li::before,
body.fp-viewing-thirdPage #fp_nav ul li::before,
body.fp-viewing-fifthPage #fp_nav ul li::before,
body.fp-viewing-sixthPage #fp_nav ul li::before {
  background-color: #ACADB0;
}
body.fp-viewing-secondPage #fp_nav ul li a span,
body.fp-viewing-thirdPage #fp_nav ul li a span,
body.fp-viewing-fifthPage #fp_nav ul li a span,
body.fp-viewing-sixthPage #fp_nav ul li a span {
  color: #ACADB0;
}
body.fp-viewing-secondPage #fp_nav ul li a:hover span, body.fp-viewing-secondPage #fp_nav ul li a:focus span,
body.fp-viewing-thirdPage #fp_nav ul li a:hover span,
body.fp-viewing-thirdPage #fp_nav ul li a:focus span,
body.fp-viewing-fifthPage #fp_nav ul li a:hover span,
body.fp-viewing-fifthPage #fp_nav ul li a:focus span,
body.fp-viewing-sixthPage #fp_nav ul li a:hover span,
body.fp-viewing-sixthPage #fp_nav ul li a:focus span {
  color: #484848;
}
body.fp-viewing-secondPage #fp_nav ul li.active::before,
body.fp-viewing-thirdPage #fp_nav ul li.active::before,
body.fp-viewing-fifthPage #fp_nav ul li.active::before,
body.fp-viewing-sixthPage #fp_nav ul li.active::before {
  background-color: #484848;
}
body.fp-viewing-secondPage #fp_nav ul li.active a span,
body.fp-viewing-thirdPage #fp_nav ul li.active a span,
body.fp-viewing-fifthPage #fp_nav ul li.active a span,
body.fp-viewing-sixthPage #fp_nav ul li.active a span {
  color: #484848;
}

body.fp-viewing-secondPage #header .header_wrap::before,
body.fp-viewing-thirdPage #header .header_wrap::before,
body.fp-viewing-fourthPage #header .header_wrap::before,
body.fp-viewing-fifthPage #header .header_wrap::before,
body.fp-viewing-sixthPage #header .header_wrap::before {
  height: 11.6rem;
  background: #fff;
  border-bottom: 1px solid #E5E5E5;
  z-index: -1;
}
body.fp-viewing-secondPage #header #logo a,
body.fp-viewing-thirdPage #header #logo a,
body.fp-viewing-fourthPage #header #logo a,
body.fp-viewing-fifthPage #header #logo a,
body.fp-viewing-sixthPage #header #logo a {
  background-image: url(../img/layout/logo_2.svg);
}
body.fp-viewing-secondPage #header #hnb .hnb3,
body.fp-viewing-thirdPage #header #hnb .hnb3,
body.fp-viewing-fourthPage #header #hnb .hnb3,
body.fp-viewing-fifthPage #header #hnb .hnb3,
body.fp-viewing-sixthPage #header #hnb .hnb3 {
  color: rgba(0, 0, 0, 0.6);
}
body.fp-viewing-secondPage #header #hnb .hnb3 li a:hover, body.fp-viewing-secondPage #header #hnb .hnb3 li a:focus,
body.fp-viewing-thirdPage #header #hnb .hnb3 li a:hover,
body.fp-viewing-thirdPage #header #hnb .hnb3 li a:focus,
body.fp-viewing-fourthPage #header #hnb .hnb3 li a:hover,
body.fp-viewing-fourthPage #header #hnb .hnb3 li a:focus,
body.fp-viewing-fifthPage #header #hnb .hnb3 li a:hover,
body.fp-viewing-fifthPage #header #hnb .hnb3 li a:focus,
body.fp-viewing-sixthPage #header #hnb .hnb3 li a:hover,
body.fp-viewing-sixthPage #header #hnb .hnb3 li a:focus {
  color: #000;
}
body.fp-viewing-secondPage #header #hnb .hnb3 li + li a::before,
body.fp-viewing-thirdPage #header #hnb .hnb3 li + li a::before,
body.fp-viewing-fourthPage #header #hnb .hnb3 li + li a::before,
body.fp-viewing-fifthPage #header #hnb .hnb3 li + li a::before,
body.fp-viewing-sixthPage #header #hnb .hnb3 li + li a::before {
  background-color: rgba(0, 0, 0, 0.1);
}
body.fp-viewing-secondPage #header #search .control.open,
body.fp-viewing-thirdPage #header #search .control.open,
body.fp-viewing-fourthPage #header #search .control.open,
body.fp-viewing-fifthPage #header #search .control.open,
body.fp-viewing-sixthPage #header #search .control.open {
  color: #000;
}
body.fp-viewing-secondPage #header #gnb1 > ul > li > a,
body.fp-viewing-thirdPage #header #gnb1 > ul > li > a,
body.fp-viewing-fourthPage #header #gnb1 > ul > li > a,
body.fp-viewing-fifthPage #header #gnb1 > ul > li > a,
body.fp-viewing-sixthPage #header #gnb1 > ul > li > a {
  color: #000;
}
body.fp-viewing-secondPage #header #gnb2 .control [class*=bar],
body.fp-viewing-thirdPage #header #gnb2 .control [class*=bar],
body.fp-viewing-fourthPage #header #gnb2 .control [class*=bar],
body.fp-viewing-fifthPage #header #gnb2 .control [class*=bar],
body.fp-viewing-sixthPage #header #gnb2 .control [class*=bar] {
  background-color: #000;
}
body.fp-viewing-secondPage #header #gnb2 .control [class*=bar].bar2,
body.fp-viewing-thirdPage #header #gnb2 .control [class*=bar].bar2,
body.fp-viewing-fourthPage #header #gnb2 .control [class*=bar].bar2,
body.fp-viewing-fifthPage #header #gnb2 .control [class*=bar].bar2,
body.fp-viewing-sixthPage #header #gnb2 .control [class*=bar].bar2 {
  background-color: #185844;
}

#header.quick {
  position: relative;
}
#header.quick::before {
  content: "";
  width: 100%;
  height: 11.6rem;
  background-color: rgba(0, 0, 0, 0.34);
  position: absolute;
  left: 0;
  top: 0rem;
  z-index: 3;
}

.main_wrap.quick {
  position: relative;
}
.main_wrap.quick::before {
  content: "";
  width: 100%;
  height: calc(100% - 11.6rem);
  background-color: rgba(0, 0, 0, 0.34);
  position: absolute;
  left: 0;
  top: 11.6rem;
  z-index: 2;
}

.contents_loding {
  width: 100%;
  height: 100vh;
  background: #fff;
  position: fixed;
  z-index: 10;
}

#contents {
  background: #EDF1F7;
}

.container {
  width: 140rem;
  max-width: calc(100% - 4rem);
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 8rem;
}

.section h2.title_ty1 {
  font-size: 5.2rem;
  font-weight: 800;
  color: #050505;
  line-height: 6rem;
  margin-bottom: 3rem;
  text-align: center;
  opacity: 0;
}
.section.active h2.title_ty1 {
  -webkit-animation: show3d 0.5s ease-in 0.2s forwards;
          animation: show3d 0.5s ease-in 0.2s forwards;
}

@-webkit-keyframes show3d {
  0% {
    opacity: 0;
    -webkit-transform: perspective(70rem) translate3d(-2rem, -1rem, -5rem) rotate3d(1, -1, 0, 10deg);
            transform: perspective(70rem) translate3d(-2rem, -1rem, -5rem) rotate3d(1, -1, 0, 10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(50rem) translate3d(0, 0, 0);
            transform: perspective(50rem) translate3d(0, 0, 0);
  }
}

@keyframes show3d {
  0% {
    opacity: 0;
    -webkit-transform: perspective(70rem) translate3d(-2rem, -1rem, -5rem) rotate3d(1, -1, 0, 10deg);
            transform: perspective(70rem) translate3d(-2rem, -1rem, -5rem) rotate3d(1, -1, 0, 10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(50rem) translate3d(0, 0, 0);
            transform: perspective(50rem) translate3d(0, 0, 0);
  }
}
.more {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  display: inline-block;
}
.more::before {
  content: "\e913";
  font-family: "xeicon";
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  font-size: 1.8rem;
  color: #C4C4C4;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.more:hover::before, .more:focus::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #000;
}
.more.type2 {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid rgba(188, 188, 188, 0.3);
  position: absolute;
  right: 4rem;
  top: 4rem;
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.more.type2::before {
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  color: #fff;
}
.more.type2:hover, .more.type2:focus {
  opacity: 1;
  background-color: #fff;
  border-color: #fff;
}
.more.type2:hover::before, .more.type2:focus::before {
  color: #000;
}

.swiper-controls.type1 {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  z-index: 1;
}
.swiper-controls.type1 .swiper-pagination {
  text-align: left;
  position: relative;
  display: inline-block;
  width: auto;
  bottom: inherit;
  margin-top: 0.3rem;
  margin-right: 0.5rem;
}
.swiper-controls.type1 .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
  width: 1rem;
  height: 1rem;
  margin-top: 0.1rem;
  vertical-align: top;
}
.swiper-controls.type1 .swiper-pagination-bullet:hover, .swiper-controls.type1 .swiper-pagination-bullet:focus {
  background-color: #FFB045;
  border-color: #FFB045;
}
.swiper-controls.type1 .swiper-pagination-bullet-active {
  background-color: transparent;
  border: 2px solid #fff;
}
.swiper-controls.type1 .play_stop {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}
.swiper-controls.type1 .play_stop button:hover, .swiper-controls.type1 .play_stop button:focus {
  color: #FFB045;
}

.scroll {
  font-size: 1.4rem;
  font-weight: 200;
  letter-spacing: 0.1rem;
  position: relative;
  color: #000;
  margin-top: 3.5rem;
  text-align: center;
  line-height: 1;
}
.scroll::after {
  content: "\e943";
  font-family: "xeicon";
  font-size: 1.8rem;
  display: block;
  -webkit-animation: down 1.5s infinite;
          animation: down 1.5s infinite;
}

.section1 .fp-tableCell {
  position: relative;
}
.section1 .container {
  max-width: calc(100% - 14rem);
  margin-bottom: -7rem;
}
.section1 .article1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7.8rem;
}
.section1 .article1 .ti_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 74.5rem;
          flex: 1 1 74.5rem;
  font-size: 5.4rem;
  font-weight: 400;
  color: #333;
  line-height: 6.4rem;
}
.section1 .article1 .ti_box span {
  opacity: 0;
  display: inline-block;
  min-width: 1.2rem;
}
.section1 .article1 .ti_box .title2 {
  font-weight: 800;
  /*span:nth-child(-n+6){
      color: #F0AA4A;
  }*/
}
.section1 .article1 .sch_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 35rem;
          flex: 1 1 35rem;
  margin-top: 3rem;
  opacity: 0;
}
.section1 .article1 .sch_box .form {
  height: 6rem;
  border: 0.5rem solid #fff;
  background: #fff;
  max-width: 41rem;
  float: right;
  font-size: 0;
  position: relative;
}
.section1 .article1 .sch_box .form::before {
  content: "";
  width: 22.7rem;
  height: 7.2rem;
  background-image: url(../img/main/search.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: -20.5rem;
  top: -1.5rem;
  -webkit-filter: blur(1rem);
          filter: blur(1rem);
  z-index: -1;
}
.section1 .article1 .sch_box .form input {
  width: calc(100% - 5.5rem);
  background: none;
  padding: 0 0 0 2.2rem;
  border: 0 none;
  height: 5rem;
  line-height: 5rem;
  font-size: 2rem;
}
.section1 .article1 .sch_box .form input::-webkit-input-placeholder {
  color: #888;
}
.section1 .article1 .sch_box .form input::-moz-placeholder {
  color: #888;
}
.section1 .article1 .sch_box .form input:-ms-input-placeholder {
  color: #888;
}
.section1 .article1 .sch_box .form input::-ms-input-placeholder {
  color: #888;
}
.section1 .article1 .sch_box .form input::placeholder {
  color: #888;
}
.section1 .article1 .sch_box .form button {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  color: #fff;
  vertical-align: middle;
  overflow: hidden;
}
.section1 .article1 .sch_box .form button i {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 2.2rem;
  display: inline-block;
  color: #185844;
}
.section1 .article2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  /*.group2{
      flex: 1 1 21.4% ; max-width:21.4%; margin-right: 2.5rem; background:linear-gradient(180deg, rgba(255,255,255,.9) 5.3rem, #EBEBEB90 5.4rem, rgba(255,255,255,.9) 5.4rem); position: relative; overflow: hidden;
      opacity: 0; 

      h3.title{padding: 1.5rem 3rem; line-height: 2.3rem; color: #1D5B89; font-weight: 600;  width: auto; display: inline-block; position: relative; z-index: 1;  }
      .more{position: absolute; right: 1rem; top:1.4rem; z-index: 2;}

      .swiper { padding-top: 5.3rem; position: absolute; top: 0; width: 100%;  height: 35.9rem;  z-index: 0}
      .txt_box{  padding:3rem 3rem 2rem;}
      .ti{font-size: 2rem; font-weight: 700; color: #333333;  line-height: 3rem; margin-bottom: 1.6rem; word-break: keep-all; @include ellipsis(2, 3rem); height: 6rem;}
      .desc{color: #666; font-weight: 500; line-height: 2.8rem; @include ellipsis(4, 2.8rem); height:11.2rem; margin-bottom: 2.5rem;}
      .date{color: #767676; font-weight: 300;}            
  }
  .group3{
      flex: 1 1 21.4%;  max-width: 21.4%; overflow: hidden;
      opacity: 0; 

      h3.title{padding: 1.5rem 3rem; line-height: 2.3rem; color: rgba(255,255,255,.6); font-weight: 600; width: auto; display: inline-block; position: relative; z-index: 1; }
      .more{
          position: absolute; right: 1rem; top:1.4rem; z-index: 2;
          &::before{color: #3C76A2;}
          &:hover,
          &:focus{
              &::before{ color: #fff;}
          }
      }
      .swiper { padding-top: 5.3rem; position: absolute; top: 0; width: 100%;  height: 17.2rem;  z-index: 0;}

      .part{
          background:linear-gradient(180deg, rgba(17, 51, 81, .9) 5.3rem, rgba(21, 61, 98, 0.9) 5.3rem); position: relative; height: 17.2rem;
          &.part1{margin-bottom: 1.5rem; background:linear-gradient(180deg, rgba(24, 75, 113, 0.9) 5.3rem, rgba(29, 91, 137, 0.9) 5.3rem);}
      }
      .txt_box{ padding:2.3rem 3rem 3.15rem;   }
      .ti{color: #fff; font-size: 2rem; font-weight: 700; @include ellipsis2;}

      .swiper-button-prev, 
      .swiper-button-next{
          color: #3C76A2; 
          &:hover,
          &:focus{ 
              color: #fff;
          }
      }
      .swiper-button-next{
          &::before{ background-color: #3C76A2; }
      }
  }*/
  --swiper-navigation-size: 12px;
}
.section1 .article2 .group1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(55.4% - 3rem);
          flex: 1 1 calc(55.4% - 3rem);
  max-width: calc(55.4% - 3rem);
  margin-right: 3rem;
  background-color: rgba(16, 49, 39, 0.9);
  color: #fff;
  opacity: 0;
}
.section1 .article2 .group1 .swiper {
  height: 100%;
}
.section1 .article2 .group1 a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5.2rem 7rem;
}
.section1 .article2 .group1 a .img_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 18.7rem;
          flex: 1 1 18.7rem;
  max-width: 18.7rem;
  height: 25.5rem;
  overflow: hidden;
}
.section1 .article2 .group1 a .img_box img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section1 .article2 .group1 a .txt_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 18.7rem - 5rem);
          flex: 1 1 calc(100% - 18.7rem - 5rem);
  max-width: calc(100% - 18.7rem - 5rem);
  padding-top: 0.5rem;
  padding-left: 5rem;
}
.section1 .article2 .group1 a:hover .line1::before, .section1 .article2 .group1 a:focus .line1::before {
  width: 100%;
}
.section1 .article2 .group1 a:hover .line1::after, .section1 .article2 .group1 a:focus .line1::after {
  height: 100%;
}
.section1 .article2 .group1 a:hover .line2::before, .section1 .article2 .group1 a:focus .line2::before {
  width: 100%;
}
.section1 .article2 .group1 a:hover .line2::after, .section1 .article2 .group1 a:focus .line2::after {
  height: 100%;
}
.section1 .article2 .group1 .icon {
  line-height: 2.9rem;
  background-color: #2A5759;
  color: rgb(255, 255, 255);
  padding: 0 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: inline-block;
}
.section1 .article2 .group1 .ti {
  font-size: 3rem;
  font-weight: 700;
  line-height: 4.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 4.2rem;
  margin-bottom: 0.3rem;
}
.section1 .article2 .group1 .desc {
  opacity: 0.6;
  font-weight: 500;
  line-height: 2.8rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 11.2rem;
  height: 11.2rem;
}
.section1 .article2 .group1 .line1::before {
  content: "";
  width: 0;
  height: 0.5rem;
  position: absolute;
  right: 0;
  top: 0;
  background: #FFB045;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.section1 .article2 .group1 .line1::after {
  content: "";
  width: 0.5rem;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: #FFB045;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.section1 .article2 .group1 .line2::before {
  content: "";
  width: 0;
  height: 0.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #FFB045;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.section1 .article2 .group1 .line2::after {
  content: "";
  width: 0.5rem;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #FFB045;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.section1 .article2 .group1 .swiper-controls {
  padding-left: 30.5rem;
  position: absolute;
  bottom: 4.2rem;
  top: inherit;
  right: inherit;
  left: 0;
}
.section1 .article2 .group4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 44.6%;
          flex: 1 1 44.6%;
  max-width: 44.6%;
  opacity: 0;
}
.section1 .article2 .group4 .swiper {
  background: rgba(33, 53, 106, 0.95);
  color: #fff;
}
.section1 .article2 .group4 .swiper-slide {
  padding: 3.8rem 4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 35.9rem;
}
.section1 .article2 .group4 .ti_menu {
  font-size: 2.5rem;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section1 .article2 .group4 .item1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section1 .article2 .group4 .item1 .txt_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 55%;
          flex: 1 1 55%;
  padding-right: 3rem;
}
.section1 .article2 .group4 .item1 .img_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  padding: 1rem;
  background: #182A58;
}
.section1 .article2 .group4 .item1 .ti {
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.section1 .article2 .group4 .item1 .desc {
  color: #B7B7B7;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 2.5rem;
  height: 7.5rem;
  margin-bottom: 1.3rem;
}
.section1 .article2 .group4 .item1 .date {
  padding-left: 3rem;
  position: relative;
}
.section1 .article2 .group4 .item1 .date::before {
  content: "";
  width: 1.8rem;
  height: 2.2rem;
  background-image: url(../img/main/icon_s1_2.png);
  background-size: 100%;
  position: absolute;
  left: 0;
}
.section1 .article2 .group4 .item1 img {
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  max-height: 19rem;
  width: 100%;
}
.section1 .article2 .group4 .item2 .txt_box1 {
  padding-left: 11rem;
  background-image: url(../img/main/icon_s1.png);
  background-size: 6.6rem;
  background-position: left 2rem center;
  background-repeat: no-repeat;
}
.section1 .article2 .group4 .item2 .txt1 {
  font-size: 1.5rem;
  color: #FFE13E;
  font-weight: 600;
}
.section1 .article2 .group4 .item2 .ti {
  font-size: 2.6rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section1 .article2 .group4 .item2 .txt_box2 {
  padding-left: 1.4rem;
  padding-top: 2.8rem;
  margin-top: 2.7rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.5333333333);
}
.section1 .article2 .group4 .item2 .txt_box2 p {
  padding-left: 9rem;
  position: relative;
  font-size: 1.7rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section1 .article2 .group4 .item2 .txt_box2 p::before {
  content: "";
  width: 1.8rem;
  height: 2.2rem;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100%;
}
.section1 .article2 .group4 .item2 .txt_box2 p:nth-child(1)::before {
  background-image: url(../img/main/icon_s1_1.png);
}
.section1 .article2 .group4 .item2 .txt_box2 p:nth-child(2)::before {
  background-image: url(../img/main/icon_s1_2.png);
}
.section1 .article2 .group4 .item2 .txt_box2 p:nth-child(3)::before {
  background-image: url(../img/main/icon_s1_3.png);
}
.section1 .article2 .group4 .item2 .txt_box2 p:nth-child(4)::before {
  background-image: url(../img/main/icon_s1_4.png);
}
.section1 .article2 .group4 .item2 .txt_box2 p + p {
  margin-top: 1rem;
}
.section1 .article2 .group4 .item2 .txt_box2 p span {
  padding-right: 3rem;
  position: absolute;
  left: 3rem;
}
.section1 .article2 .group4 .item2 .txt_box2 p span::before {
  content: "";
  width: 1px;
  height: 1rem;
  background: #CECECE;
  position: absolute;
  right: 1.2rem;
  top: 0.5rem;
}
.section1 .article2 .group4 .more {
  position: absolute;
  width: 3rem;
  height: 3rem;
  line-height: 2.8rem;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #fff;
  right: 4rem;
  top: 4rem;
  opacity: 0.8;
  z-index: 2;
}
.section1 .article2 .group4 .more::before {
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  border-radius: 50%;
}
.section1 .article2 .group4 .more:hover, .section1 .article2 .group4 .more:focus {
  opacity: 1;
  background: #fff;
}
.section1 .article2 .group4 .more:hover::before, .section1 .article2 .group4 .more:focus::before {
  color: #000;
}
.section1 .article2 .group4 .swiper-controls.type1 {
  top: 4.5rem;
  right: 8.5rem;
}
.section1 .article2 a:hover .ti, .section1 .article2 a:focus .ti {
  text-decoration: underline;
}
.section1 .article2 .swiper-button-prev,
.section1 .article2 .swiper-button-next {
  width: 2.4rem;
  height: 2.4rem;
  color: #C4C4C4;
  font-weight: 900;
  top: 4.8rem;
  border-radius: 0.5rem;
}
.section1 .article2 .swiper-button-prev:hover, .section1 .article2 .swiper-button-prev:focus,
.section1 .article2 .swiper-button-next:hover,
.section1 .article2 .swiper-button-next:focus {
  color: #000;
  background: #fff;
}
.section1 .article2 .swiper-button-prev {
  right: 10.5rem;
  left: inherit;
}
.section1 .article2 .swiper-button-next {
  right: 8rem;
}
.section1 .article2 .swiper-button-next::before {
  content: "";
  width: 1px;
  height: 0.8rem;
  background-color: #C4C4C4;
  position: absolute;
  left: -1px;
  top: 0.75rem;
  opacity: 0.4;
}
.section1.active .article1 .title span {
  -webkit-animation: fadeIn 0.7s ease forwards;
          animation: fadeIn 0.7s ease forwards;
}
.section1.active .article1 .title.title1 span:nth-child(1) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.section1.active .article1 .title.title1 span:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.section1.active .article1 .title.title1 span:nth-child(3) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.section1.active .article1 .title.title1 span:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.section1.active .article1 .title.title1 span:nth-child(5) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.section1.active .article1 .title.title1 span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.section1.active .article1 .title.title1 span:nth-child(7) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.section1.active .article1 .title.title1 span:nth-child(8) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.section1.active .article1 .title.title1 span:nth-child(9) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.section1.active .article1 .title.title1 span:nth-child(10) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.section1.active .article1 .title.title1 span:nth-child(11) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.section1.active .article1 .title.title1 span:nth-child(12) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.section1.active .article1 .title.title1 span:nth-child(13) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
.section1.active .article1 .title.title1 span:nth-child(14) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.section1.active .article1 .title.title1 span:nth-child(15) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
.section1.active .article1 .title.title1 span:nth-child(16) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.section1.active .article1 .title.title1 span:nth-child(17) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
.section1.active .article1 .title.title1 span:nth-child(18) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.section1.active .article1 .title.title1 span:nth-child(19) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}
.section1.active .article1 .title.title1 span:nth-child(20) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.section1.active .article1 .title.title1 span:nth-child(21) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.section1.active .article1 .title.title1 span:nth-child(22) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.section1.active .article1 .title.title1 span:nth-child(23) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
.section1.active .article1 .title.title1 span:nth-child(24) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.section1.active .article1 .title.title1 span:nth-child(25) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
.section1.active .article1 .title.title1 span:nth-child(26) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.section1.active .article1 .title.title1 span:nth-child(27) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
}
.section1.active .article1 .title.title1 span:nth-child(28) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.section1.active .article1 .title.title1 span:nth-child(29) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}
.section1.active .article1 .title.title1 span:nth-child(30) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.section1.active .article1 .title.title2 span:nth-child(1) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.section1.active .article1 .title.title2 span:nth-child(2) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.section1.active .article1 .title.title2 span:nth-child(3) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}
.section1.active .article1 .title.title2 span:nth-child(4) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.section1.active .article1 .title.title2 span:nth-child(5) {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
.section1.active .article1 .title.title2 span:nth-child(6) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.section1.active .article1 .title.title2 span:nth-child(7) {
  -webkit-animation-delay: 1.55s;
          animation-delay: 1.55s;
}
.section1.active .article1 .title.title2 span:nth-child(8) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.section1.active .article1 .title.title2 span:nth-child(9) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}
.section1.active .article1 .title.title2 span:nth-child(10) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.section1.active .article1 .title.title2 span:nth-child(11) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.section1.active .article1 .title.title2 span:nth-child(12) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.section1.active .article1 .title.title2 span:nth-child(13) {
  -webkit-animation-delay: 1.85s;
          animation-delay: 1.85s;
}
.section1.active .article1 .title.title2 span:nth-child(14) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.section1.active .article1 .title.title2 span:nth-child(15) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}
.section1.active .article1 .title.title2 span:nth-child(16) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.section1.active .article1 .title.title2 span:nth-child(17) {
  -webkit-animation-delay: 2.05s;
          animation-delay: 2.05s;
}
.section1.active .article1 .title.title2 span:nth-child(18) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.section1.active .article1 .title.title2 span:nth-child(19) {
  -webkit-animation-delay: 2.15s;
          animation-delay: 2.15s;
}
.section1.active .article1 .title.title2 span:nth-child(20) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.section1.active .article1 .title.title2 span:nth-child(21) {
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
}
.section1.active .article1 .title.title2 span:nth-child(22) {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}
.section1.active .article1 .title.title2 span:nth-child(23) {
  -webkit-animation-delay: 2.35s;
          animation-delay: 2.35s;
}
.section1.active .article1 .title.title2 span:nth-child(24) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.section1.active .article1 .title.title2 span:nth-child(25) {
  -webkit-animation-delay: 2.45s;
          animation-delay: 2.45s;
}
.section1.active .article1 .title.title2 span:nth-child(26) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.section1.active .article1 .title.title2 span:nth-child(27) {
  -webkit-animation-delay: 2.55s;
          animation-delay: 2.55s;
}
.section1.active .article1 .title.title2 span:nth-child(28) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.section1.active .article1 .title.title2 span:nth-child(29) {
  -webkit-animation-delay: 2.65s;
          animation-delay: 2.65s;
}
.section1.active .article1 .title.title2 span:nth-child(30) {
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}
.section1.active .article1 .sch_box {
  -webkit-animation: fadeIn 1s ease-in 1.6s forwards;
          animation: fadeIn 1s ease-in 1.6s forwards;
}
.section1.active .article1 .sch_box .form::before {
  -webkit-animation: blur 1.2s ease 1.8s forwards;
          animation: blur 1.2s ease 1.8s forwards;
}
.section1.active .article2 .group1 {
  -webkit-animation: show3d 1s ease 0.8s forwards;
          animation: show3d 1s ease 0.8s forwards;
}
.section1.active .article2 .group4 {
  -webkit-animation: show3d 1s ease 1.1s forwards;
          animation: show3d 1s ease 1.1s forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(1rem);
            filter: blur(1rem);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes blur {
  0% {
    -webkit-filter: blur(1rem);
            filter: blur(1rem);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes down {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0rem, 1.5rem);
            transform: translate(0rem, 1.5rem);
    opacity: 0;
  }
}
@keyframes down {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0rem, 1.5rem);
            transform: translate(0rem, 1.5rem);
    opacity: 0;
  }
}
#visual {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#visual .img_box {
  height: 100%;
}
#visual .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.side_quick {
  position: fixed;
  right: -37.5rem;
  top: 0;
  height: 100vh;
  width: 0;
  z-index: 3;
}
.side_quick .open {
  position: absolute;
  bottom: 0;
  border-radius: 2rem 0 0 0;
  left: -43.7rem;
  right: 0;
  width: 6.2rem;
  height: 50rem;
  padding: 10rem 0 0 0;
  background-image: url(../img/main/side_quick.png);
  font-weight: 600;
  color: #fff;
  line-height: 6.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.side_quick .open .txt1 {
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 2rem;
  width: 13rem;
  height: 2rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: relative;
  left: -3.4rem;
  top: 3.5rem;
}
.side_quick .open .txt1 i {
  margin-left: 1rem;
}
.side_quick .open .txt2 {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.7rem;
  width: 10rem;
  height: 2rem;
  position: relative;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
  left: -4rem;
  top: 24.5rem;
  text-transform: uppercase;
}
.side_quick .group {
  width: 37.5rem;
  height: 50rem;
  background: linear-gradient(20deg, #125A44 -20%, #2E7F66);
  padding: 5.5rem 5rem;
  right: -37.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.side_quick .group .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 1.5rem);
}
.side_quick .group .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 1.5rem);
          flex: 1 1 calc(50% - 1.5rem);
  margin-right: 1.5rem;
  font-size: 1.5rem;
  text-align: center;
  height: 12rem;
  background-color: rgba(0, 0, 0, 0.062745098);
  border-radius: 1rem;
  padding: 7.7rem 1rem 2rem;
  color: rgba(255, 255, 255, 0.3137254902);
  font-weight: 600;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.side_quick .group .item:nth-child(n+3) {
  margin-top: 1.5rem;
}
.side_quick .group .item::before {
  content: "";
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 3rem;
  background-size: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.side_quick .group .item:nth-child(1):before {
  background-image: url("../img/main/s1_i1_1.png");
}
.side_quick .group .item:nth-child(2):before {
  background-image: url("../img/main/s1_i2_1.png");
}
.side_quick .group .item:nth-child(3):before {
  background-image: url("../img/main/s1_i3_1.png");
}
.side_quick .group .item:nth-child(4):before {
  background-image: url("../img/main/s1_i4_1.png");
}
.side_quick .group .item:nth-child(5):before {
  background-image: url("../img/main/s1_i5_1.png");
}
.side_quick .group .item:nth-child(6):before {
  background-image: url("../img/main/s1_i6_1.png");
}
.side_quick .group .item:hover, .side_quick .group .item:focus {
  background-color: #fff;
  -webkit-box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.16);
          box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.16);
  color: #000;
}
.side_quick .group .item:hover:nth-child(1):before, .side_quick .group .item:focus:nth-child(1):before {
  background-image: url("../img/main/s1_i1_2.png");
  -webkit-animation: toBottomFromTop 0.5s forwards;
          animation: toBottomFromTop 0.5s forwards;
}
.side_quick .group .item:hover:nth-child(2):before, .side_quick .group .item:focus:nth-child(2):before {
  background-image: url("../img/main/s1_i2_2.png");
  -webkit-animation: toBottomFromTop 0.5s forwards;
          animation: toBottomFromTop 0.5s forwards;
}
.side_quick .group .item:hover:nth-child(3):before, .side_quick .group .item:focus:nth-child(3):before {
  background-image: url("../img/main/s1_i3_2.png");
  -webkit-animation: toBottomFromTop 0.5s forwards;
          animation: toBottomFromTop 0.5s forwards;
}
.side_quick .group .item:hover:nth-child(4):before, .side_quick .group .item:focus:nth-child(4):before {
  background-image: url("../img/main/s1_i4_2.png");
  -webkit-animation: toBottomFromTop 0.5s forwards;
          animation: toBottomFromTop 0.5s forwards;
}
.side_quick .group .item:hover:nth-child(5):before, .side_quick .group .item:focus:nth-child(5):before {
  background-image: url("../img/main/s1_i5_2.png");
  -webkit-animation: toBottomFromTop 0.5s forwards;
          animation: toBottomFromTop 0.5s forwards;
}
.side_quick .group .item:hover:nth-child(6):before, .side_quick .group .item:focus:nth-child(6):before {
  background-image: url("../img/main/s1_i6_2.png");
  -webkit-animation: toBottomFromTop 0.5s forwards;
          animation: toBottomFromTop 0.5s forwards;
}
@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(50%) translateX(-50%);
            transform: translateY(50%) translateX(-50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(50%) translateX(-50%);
            transform: translateY(50%) translateX(-50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
  51% {
    opacity: 1;
  }
}
.side_quick.active {
  right: 0;
  width: 100vw;
}
.side_quick.active .open {
  right: 37.5rem;
  left: inherit;
  background-color: #2E7F66;
  background-image: none;
  padding: 2rem 0 0 0;
}
.side_quick.active .open .txt1 {
  top: 4.5rem;
}
.side_quick.active .open .txt2 {
  top: 32.5rem;
}
.side_quick.active .group {
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
}
.side_quick.active::before {
  width: 1000%;
  opacity: 1;
}

.section2 {
  background-color: #fff;
  --swiper-navigation-size: 14px;
}
.section2 .fp-tableCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section2 .scroll {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 6rem;
  z-index: 1;
  color: #aaa;
}
.section2 .article1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 50%;
  padding-left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.section2 .article1::before, .section2 .article1::after {
  content: "KOREA LABOR INSTITUTE";
  font-size: 10.5rem;
  font-weight: 900;
  color: #F4F4F4;
  position: absolute;
  left: 0;
  bottom: 3.3rem;
  width: 135rem;
  height: 12rem;
  line-height: 12rem;
  word-break: break-all;
  overflow: hidden;
  -webkit-animation: marquee 20s linear infinite;
          animation: marquee 20s linear infinite;
}
.section2 .article1::after {
  left: 135rem;
}
.section2 .article1 .inner {
  width: 70rem;
}
.section2 .article1 h2.title_ty1 {
  text-align: left;
  margin-bottom: 1rem;
}
.section2 .article1 .title_desc {
  font-size: 1.8rem;
  font-weight: 500;
  color: #999;
  word-break: keep-all;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0.3s;
  transition: all 0.4s ease-in-out 0.3s;
}
.section2 .article2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 50%;
}
.section2 .group1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 12rem;
  margin-top: 4.5rem;
}
.section2 .group1 .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 1rem);
          flex: 1 1 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  opacity: 0;
}
.section2 .group1 .item:nth-child(2n-1) {
  margin-right: 2rem;
}
.section2 .group1 .item:nth-child(n+3) {
  margin-top: 2rem;
}
.section2 .group1 .item a {
  display: block;
  width: 100%;
  color: #333;
  padding: 2.5rem 3rem;
  height: 15rem;
  font-size: 2.2rem;
  font-weight: 700;
  word-break: keep-all;
  position: relative;
  line-height: 2.8rem;
  background-color: #EFF2F1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section2 .group1 .item a::before {
  content: "";
  width: 6.6rem;
  height: 6.6rem;
  position: absolute;
  right: 2.2rem;
  bottom: 1.6rem;
  background-size: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section2 .group1 .item a::after {
  content: "";
  width: 6.6rem;
  height: 6.6rem;
  position: absolute;
  right: 2.2rem;
  bottom: 1.6rem;
  background-size: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section2 .group1 .item a i {
  font-size: 1.6rem;
  line-height: 2.8rem;
  vertical-align: top;
  color: #969696;
}
.section2 .group1 .item a:hover, .section2 .group1 .item a:focus {
  background-color: #1A6345;
  color: #fff;
}
.section2 .group1 .item a:hover i, .section2 .group1 .item a:focus i {
  color: #fff;
}
.section2 .group1 .item.item1 a::before {
  background-image: url(../img/main/icon1_1.png);
}
.section2 .group1 .item.item1 a::after {
  background-image: url(../img/main/icon1_2.png);
}
.section2 .group1 .item.item1 a:hover::before, .section2 .group1 .item.item1 a:focus::before {
  background-image: url(../img/main/icon1_3.png);
}
.section2 .group1 .item.item1 a:hover::after, .section2 .group1 .item.item1 a:focus::after {
  background-image: url(../img/main/icon1_4.png);
  -webkit-animation: icon_1 0.5s ease-in infinite alternate;
          animation: icon_1 0.5s ease-in infinite alternate;
}
.section2 .group1 .item.item2 a::before {
  background-image: url(../img/main/icon2_1.png);
}
.section2 .group1 .item.item2 a::after {
  background-image: url(../img/main/icon2_2.png);
}
.section2 .group1 .item.item2 a:hover::before, .section2 .group1 .item.item2 a:focus::before {
  background-image: url(../img/main/icon2_3.png);
}
.section2 .group1 .item.item2 a:hover::after, .section2 .group1 .item.item2 a:focus::after {
  background-image: url(../img/main/icon2_4.png);
  -webkit-animation: icon_2 0.8s ease-in infinite alternate;
          animation: icon_2 0.8s ease-in infinite alternate;
}
.section2 .group1 .item.item3 a::before {
  background-image: url(../img/main/icon3_1.png);
}
.section2 .group1 .item.item3 a::after {
  background-image: url(../img/main/icon3_2.png);
}
.section2 .group1 .item.item3 a:hover::before, .section2 .group1 .item.item3 a:focus::before {
  background-image: url(../img/main/icon3_3.png);
}
.section2 .group1 .item.item3 a:hover::after, .section2 .group1 .item.item3 a:focus::after {
  background-image: url(../img/main/icon3_4.png);
  -webkit-animation: icon_3 1.2s ease-in infinite alternate;
          animation: icon_3 1.2s ease-in infinite alternate;
}
.section2 .group1 .item.item4 a::before {
  background-image: url(../img/main/icon4_1.png);
}
.section2 .group1 .item.item4 a::after {
  background-image: url(../img/main/icon4_2.png);
}
.section2 .group1 .item.item4 a:hover::before, .section2 .group1 .item.item4 a:focus::before {
  background-image: url(../img/main/icon4_3.png);
}
.section2 .group1 .item.item4 a:hover::after, .section2 .group1 .item.item4 a:focus::after {
  background-image: url(../img/main/icon4_4.png);
  -webkit-animation: icon_3 1.2s ease-in infinite alternate;
          animation: icon_3 1.2s ease-in infinite alternate;
}
.section2 .swiper .img_box {
  width: 100%;
  height: 100vh;
}
.section2 .swiper .img_box img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.section2 .swiper .txt_box {
  width: 58rem;
  position: absolute;
  left: 12rem;
  top: 50%;
  color: #fff;
  padding-bottom: 8.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: calc(100% - 14rem);
}
.section2 .swiper .divi {
  color: #FFB045;
  font-size: 2.1rem;
  font-weight: 600;
  margin-bottom: 0.7rem;
  opacity: 0;
}
.section2 .swiper .ti {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 5.6rem;
  margin-bottom: 1.1rem;
  opacity: 0;
}
.section2 .swiper .desc {
  font-size: 1.8rem;
  line-height: 3rem;
  max-height: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-weight: 500;
  opacity: 0.8;
  padding-right: 10rem;
  word-break: keep-all;
  margin-bottom: 2rem;
  color: #d2d9e5;
  opacity: 0;
}
.section2 .swiper .btn_wrap {
  opacity: 0;
}
.section2 .swiper .link {
  min-width: 15.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem 4rem 1rem 2rem;
  line-height: 3.5rem;
  background-color: rgba(1, 8, 36, 0.2);
  border-radius: 0.5rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  position: relative;
  display: inline-block;
  margin-right: 0.5rem;
  -webkit-transition: -webkit-box-shadow 0.5s !important;
  transition: -webkit-box-shadow 0.5s !important;
  transition: box-shadow 0.5s !important;
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s !important;
}
.section2 .swiper .link::before {
  content: "\e940";
  font-family: "xeicon";
  width: 2rem;
  height: 5.5rem;
  line-height: 5.5rem;
  position: absolute;
  right: 1rem;
  top: 0;
  font-weight: 400;
}
.section2 .swiper .link:hover, .section2 .swiper .link:focus {
  color: #fff;
  -webkit-box-shadow: inset 20rem 0 0 0 #1A6345;
          box-shadow: inset 20rem 0 0 0 #1A6345;
  -webkit-transition: -webkit-box-shadow 0.5s !important;
  transition: -webkit-box-shadow 0.5s !important;
  transition: box-shadow 0.5s !important;
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s !important;
}
.section2 .swiper-button-prev,
.section2 .swiper-button-next {
  width: 6rem;
  height: 6rem;
  color: #C4C4C4;
  font-weight: 900;
  border-radius: 50%;
  border: 2px solid #6581AC;
  top: calc(50% + 14rem);
  margin: 0;
}
.section2 .swiper-button-prev:hover, .section2 .swiper-button-prev:focus,
.section2 .swiper-button-next:hover,
.section2 .swiper-button-next:focus {
  color: #fff;
  border-color: #fff;
}
.section2 .swiper-button-prev {
  left: 12rem;
  right: inherit;
}
.section2 .swiper-button-next {
  left: 26rem;
}
.section2 .play_stop {
  position: absolute;
  left: 19rem;
  top: calc(50% + 14rem);
  z-index: 10;
}
.section2 .play_stop button {
  display: none;
  font-size: 1.8rem;
  width: 6rem;
  height: 6rem;
  line-height: 5.8rem;
  color: #C4C4C4;
  border-radius: 50%;
  border: 2px solid #6581AC;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  padding: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section2 .play_stop button i {
  line-height: 5.8rem;
}
.section2 .play_stop button:hover, .section2 .play_stop button:focus {
  color: #fff;
  border-color: #fff;
}
.section2 .play_stop button.active {
  display: block;
}
.section2 .play_stop .play {
  display: none;
}
.section2 .swiper-pagination {
  width: 34rem;
  height: 2px;
  left: 35rem;
  top: calc(50% + 16.75rem);
  overflow: hidden;
  display: none;
}
.section2 .swiper-pagination.paused .swiper-pagination-bullet-active::after {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}
.section2 .swiper-pagination-bullet {
  width: 100%;
  height: 2px;
  border-radius: 0;
  opacity: 1;
  background: transparent;
  margin: 0 !important;
  display: none;
}
.section2 .swiper-pagination-bullet::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2rem;
  position: absolute;
  left: 0;
  top: 0;
}
.section2 .swiper-pagination-bullet::after {
  content: "";
  width: 0;
  height: 100%;
  background-color: #fff;
  border-radius: 2rem;
  position: absolute;
  left: 0;
  top: 0;
}
.section2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  display: block;
}
.section2 .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  -webkit-animation: progress_bar 5s linear forwards;
          animation: progress_bar 5s linear forwards;
}
.section2 .swiper-pagination-bullet.swiper-pagination-bullet-active.paused::after {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}
.section2.active .article1 .title_desc {
  opacity: 1;
}
.section2.active .group1 .item {
  -webkit-animation: show3d 0.5s ease forwards;
          animation: show3d 0.5s ease forwards;
}
.section2.active .group1 .item:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.section2.active .group1 .item:nth-child(2) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.section2.active .group1 .item:nth-child(3) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.section2.active .group1 .item:nth-child(4) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.section2.active .swiper .swiper-slide.swiper-slide-active .divi {
  -webkit-animation: show3d 0.85s ease 0.5s forwards;
          animation: show3d 0.85s ease 0.5s forwards;
}
.section2.active .swiper .swiper-slide.swiper-slide-active .ti {
  -webkit-animation: show3d 0.85s ease 0.8s forwards;
          animation: show3d 0.85s ease 0.8s forwards;
}
.section2.active .swiper .swiper-slide.swiper-slide-active .desc {
  opacity: 1;
  -webkit-transition: all 1s ease 1.1s;
  transition: all 1s ease 1.1s;
}
.section2.active .swiper .swiper-slide.swiper-slide-active .btn_wrap {
  opacity: 1;
  -webkit-transition: all 1s ease 1.4s;
  transition: all 1s ease 1.4s;
}

@-webkit-keyframes progress_bar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes progress_bar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes marquee {
  from {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes icon_1 {
  0%, 30% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
  }
}
@keyframes icon_1 {
  0%, 30% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
  }
}
@-webkit-keyframes icon_2 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  60%, 100% {
    -webkit-transform: translate(-0.3rem, 0.5rem) skewY(10deg);
            transform: translate(-0.3rem, 0.5rem) skewY(10deg);
  }
}
@keyframes icon_2 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  60%, 100% {
    -webkit-transform: translate(-0.3rem, 0.5rem) skewY(10deg);
            transform: translate(-0.3rem, 0.5rem) skewY(10deg);
  }
}
@-webkit-keyframes icon_3 {
  40% {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
  }
  100% {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
}
@keyframes icon_3 {
  40% {
    -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
  }
  100% {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
}
.section3 {
  background-image: url(../img/main/section_bg_3.jpg);
  background-size: cover;
}
.section3 .article1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
}
.section3 .article1 .group1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(61% - 3rem);
          flex: 1 1 calc(61% - 3rem);
  max-width: calc(61% - 3rem);
  margin-right: 3rem;
  opacity: 0;
}
.section3 .article1 .group2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 39%;
          flex: 1 1 39%;
  max-width: 39%;
  background-color: #104D33;
  opacity: 0;
}
.section3 .article2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section3 .tab_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(82, 82, 82, 0.07);
  /*.tab{
      width: 100%; display: flex; background-color: rgba(82,82,82,.07); padding-right: 12rem;
      li{
          flex: 1 1 100%; 
          display: flex; align-items: center; line-height: 4.3rem; position: relative;
          &::before{content: ''; width: 1px; height: 2rem; background-color: #464B5319; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
          &::after{content: ''; width: 0; height: 2px; background-color: #28745C; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all .5s; }

          &:first-child::before{display: none;}
          a{
              width: 100%; display: block; text-align: center;  font-size: 2.2rem; line-height: 6.7rem; text-align: center; color: #767676;font-weight: 600; padding:0 1rem; position: relative; transition: all .3s;

              &:hover,
              &:focus{color: #104D33; font-weight: 600;}                    
          }

          &.on{  
              background-color:  #fff; 
              &::before{display: none;}
              &::after{width: 100%;}

              & + li::before{display: none;}
              a{color: #393939; }                 
          }                
      }
  }
  .tab_contents{
      display: none; background-color: #fff; height: 28.2rem; padding:2.7rem 5rem;

      &.active{
          display: block;
      }
  }*/
}
.section3 .tab_wrap .item h3 a {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 2.2rem;
  line-height: 6.7rem;
  text-align: center;
  color: #767676;
  font-weight: 600;
  padding: 0 1rem;
  position: relative;
  min-width: 17rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section3 .tab_wrap .item h3 a::before {
  content: "";
  width: 1px;
  height: 2rem;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.section3 .tab_wrap .item h3 a::after {
  content: "";
  width: 0;
  height: 2px;
  background: #28745C;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.section3 .tab_wrap .item h3 a:hover, .section3 .tab_wrap .item h3 a:focus {
  color: #104D33;
  font-weight: 600;
}
.section3 .tab_wrap .item .tab_contents {
  display: none;
  position: absolute;
  left: 0;
  top: 6.7rem;
  width: 100%;
  background-color: #fff;
  height: 28.2rem;
  padding: 2.7rem 5rem;
}
.section3 .tab_wrap .item:first-child h3 a::before {
  display: none;
}
.section3 .tab_wrap .item.active h3 a {
  color: #333;
  background: #fff;
}
.section3 .tab_wrap .item.active h3 a::before {
  display: none;
}
.section3 .tab_wrap .item.active h3 a::after {
  width: 100%;
}
.section3 .tab_wrap .item.active .tab_contents {
  display: block;
}
.section3 .tab_wrap .item.active + .item h3 a::before {
  display: none;
}
.section3 .tab_wrap .list li a {
  display: block;
  width: 100%;
  padding: 1.4rem 0;
  border-bottom: 1px solid #E8E8E8;
}
.section3 .tab_wrap .list li a::after {
  content: "";
  display: block;
  clear: both;
}
.section3 .tab_wrap .list li a:hover .ti::before, .section3 .tab_wrap .list li a:focus .ti::before {
  width: 100%;
}
.section3 .tab_wrap .list li .divi {
  width: 5.6rem;
  color: #fff;
  border-radius: 1.4rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  height: 2.7rem;
  line-height: 2.7rem;
  margin-right: 1.6rem;
  display: inline-block;
}
.section3 .tab_wrap .list li .divi.divi1 {
  background-color: #2D7649;
}
.section3 .tab_wrap .list li .divi.divi2 {
  background-color: #264672;
}
.section3 .tab_wrap .list li .divi.divi3 {
  background-color: #0E556A;
}
.section3 .tab_wrap .list li .ti {
  font-size: 1.8rem;
  font-weight: 600;
  color: #333333;
  line-height: 2.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 16.2rem - 3rem);
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.section3 .tab_wrap .list li .ti::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section3 .tab_wrap .list li .date {
  font-size: 1.8rem;
  font-weight: 300;
  color: #747474;
  line-height: 2.7rem;
  float: right;
  width: 9.5rem;
  text-align: right;
}
.section3 .tab_wrap .list li:last-child a {
  border-bottom: none;
}
.section3 .tab_wrap .more {
  position: absolute;
  right: 3rem;
  top: -4.5rem;
}
.section3 .tab_wrap .more::before {
  color: #333;
}
.section3 .tab_wrap .more:hover::before, .section3 .tab_wrap .more:focus::before {
  color: #000;
}
.section3 .article_wrap {
  color: #fff;
  padding: 3.3rem 4rem;
  position: relative;
}
.section3 .article_wrap .more {
  position: absolute;
  right: 3rem;
  top: 4rem;
}
.section3 .article_wrap h3 {
  font-size: 3rem;
  margin-bottom: 0.3rem;
}
.section3 .article_wrap .list a {
  display: block;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.062745098);
  padding-left: 10rem;
  position: relative;
}
.section3 .article_wrap .list a .date {
  width: 7.6rem;
  height: 8.6rem;
  border-radius: 0.3rem;
  background-color: rgba(0, 0, 0, 0.1);
  color: #95ada3;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  position: absolute;
  left: 0;
  top: 1.5rem;
  padding-top: 1.8rem;
}
.section3 .article_wrap .list a .date span {
  font-size: 2.4rem;
  font-weight: 700;
  color: #FFB045;
  display: block;
  line-height: 3rem;
}
.section3 .article_wrap .list a .ti {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.9rem;
  font-weight: 500;
  margin-bottom: 0.7rem;
  line-height: 2.7rem;
  height: 5.4rem;
}
.section3 .article_wrap .list a .ref {
  font-size: 1.4rem;
  color: #9fb7ad;
  font-weight: 400;
}
.section3 .article_wrap .list a:hover .ti, .section3 .article_wrap .list a:focus .ti {
  text-decoration: underline;
}
.section3 .article_wrap .list li:last-child a {
  border-bottom: none;
}
.section3 #banner1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-right: 3rem;
  position: relative;
  opacity: 0;
}
.section3 #banner1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section3 #banner1 a .img_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 41%;
          flex: 1 1 41%;
  max-width: 41%;
  background: #fff;
  height: 17.4rem;
}
.section3 #banner1 a .img_box img {
  width: 100%;
}
.section3 #banner1 a .txt_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 59%;
          flex: 1 1 59%;
  max-width: 59%;
  background: #252B40;
  padding: 2.8rem 4rem;
}
.section3 #banner1 a::before {
  content: "";
  width: 100%;
  height: 100%;
  border: 0rem solid #FFB045;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section3 #banner1 a:hover::before, .section3 #banner1 a:focus::before {
  border: 0.5rem solid #FFB045;
  opacity: 1;
}
.section3 #banner1 .divi {
  color: #FFB045;
  font-weight: 600;
}
.section3 #banner1 .ti {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 3.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 3.2rem;
  margin: 0.3rem 0 0.8rem;
}
.section3 #banner1 .desc {
  color: #fff;
  opacity: 0.56;
  font-weight: 500;
  line-height: 2.6rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 5.2rem;
  height: 5.4rem;
}
.section3 #banner2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  position: relative;
  opacity: 0;
}
.section3 .img_box a {
  height: 17.3rem;
  width: 100%;
  display: block;
  position: relative;
}
.section3 .img_box a::before {
  content: "";
  width: 100%;
  height: 100%;
  border: 0rem solid #104D33;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section3 .img_box a img {
  width: 100%;
  height: 100%;
}
.section3 .img_box a:hover::before, .section3 .img_box a:focus::before {
  border: 0.5rem solid #104D33;
  opacity: 1;
}
.section3.active .article1 .group1 {
  -webkit-animation: show3d 0.5s ease 0.7s forwards;
          animation: show3d 0.5s ease 0.7s forwards;
}
.section3.active .article1 .group2 {
  -webkit-animation: show3d 0.5s ease 1s forwards;
          animation: show3d 0.5s ease 1s forwards;
}
.section3.active #banner1 {
  -webkit-animation: show3d 0.5s ease 1.3s forwards;
          animation: show3d 0.5s ease 1.3s forwards;
}
.section3.active #banner2 {
  -webkit-animation: show3d 0.5s ease 1.6s forwards;
          animation: show3d 0.5s ease 1.6s forwards;
}

.section4 {
  background-image: url(../img/main/section_bg_4.jpg);
  background-size: cover;
}
.section4 .scroll {
  color: #fff;
  opacity: 0.8;
}
.section4 h2.title_ty1 {
  color: #fff;
}
.section4 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section4 .article1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(39.5% - 3rem);
          flex: 1 1 calc(39.5% - 3rem);
  max-width: calc(39.5% - 3rem);
  margin-right: 3rem;
}
.section4 .article2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(30% - 1.5rem);
          flex: 1 1 calc(30% - 1.5rem);
  max-width: calc(30% - 1.5rem);
  margin-right: 1.5rem;
  opacity: 0;
}
.section4 .article3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(30% - 1.5rem);
          flex: 1 1 calc(30% - 1.5rem);
  max-width: calc(30% - 1.5rem);
  margin-left: 1.5rem;
  opacity: 0;
}
.section4 .group1 {
  background-color: #1C6C4A;
  color: #fff;
  padding: 4rem 4rem;
  position: relative;
  margin-bottom: 3rem;
  opacity: 0;
  --swiper-navigation-size: 12px;
}
.section4 .group1 .title {
  font-size: 2.7rem;
  font-weight: 800;
  line-height: 3.2rem;
}
.section4 .group1 .more_sch {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.6rem;
  display: inline-block;
  line-height: 3rem;
  padding: 0 1.4rem;
  position: relative;
  font-size: 1.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  right: 4rem;
  top: 4rem;
}
.section4 .group1 .more_sch::after {
  content: "\e913";
  font-family: "xeicon";
  width: 2rem;
  height: 3rem;
  display: inline-block;
  vertical-align: top;
  font-size: 1.4rem;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section4 .group1 .more_sch:hover, .section4 .group1 .more_sch:focus {
  background-color: #fff;
  color: #1C6C4A;
}
.section4 .group1 .more_sch:hover::after, .section4 .group1 .more_sch:focus::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.section4 .group1 .sch_box {
  margin-top: 2.4rem;
  margin-bottom: 2.5rem;
}
.section4 .group1 .sch_box .form {
  height: 5rem;
  font-size: 0;
  position: relative;
}
.section4 .group1 .sch_box .form input {
  width: calc(100% - 5rem);
  background: none;
  padding: 0 2rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 2rem;
  border: none;
  background-color: #fff;
  color: #333;
}
.section4 .group1 .sch_box .form input::-webkit-input-placeholder {
  color: #888;
  font-size: 1.6rem;
}
.section4 .group1 .sch_box .form input::-moz-placeholder {
  color: #888;
  font-size: 1.6rem;
}
.section4 .group1 .sch_box .form input:-ms-input-placeholder {
  color: #888;
  font-size: 1.6rem;
}
.section4 .group1 .sch_box .form input::-ms-input-placeholder {
  color: #888;
  font-size: 1.6rem;
}
.section4 .group1 .sch_box .form input::placeholder {
  color: #888;
  font-size: 1.6rem;
}
.section4 .group1 .sch_box .form button {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  color: #fff;
  vertical-align: middle;
  overflow: hidden;
  background-color: #0F452E;
}
.section4 .group1 .sch_box .form button i {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 2.2rem;
  display: inline-block;
}
.section4 .group1 .swiper {
  height: 4rem;
}
.section4 .group1 .swiper::before {
  content: "";
  width: 3.4rem;
  height: 3.4rem;
  background-image: url(../img/main/s4_1.png);
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.section4 .group1 .swiper .swiper-slide {
  height: 4rem;
}
.section4 .group1 .swiper a:hover .ti::before, .section4 .group1 .swiper a:focus .ti::before {
  width: 100%;
}
.section4 .group1 .swiper .txt_box {
  padding-left: 4.6rem;
  padding-right: 4rem;
  font-size: 0;
}
.section4 .group1 .swiper .ti {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.2rem;
  display: inline-block;
  max-width: 100%;
  position: relative;
}
.section4 .group1 .swiper .ti::before {
  content: "";
  width: 0;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section4 .group1 .swiper .desc {
  color: #d1e1db;
  font-size: 1.4rem;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section4 .group1 .swiper-button-prev,
.section4 .group1 .swiper-button-next {
  width: 1.4rem;
  height: 1.4rem;
  color: #0F452E;
  font-weight: 900;
  right: 0rem;
  left: inherit;
}
.section4 .group1 .swiper-button-prev:hover, .section4 .group1 .swiper-button-prev:focus,
.section4 .group1 .swiper-button-next:hover,
.section4 .group1 .swiper-button-next:focus {
  color: #fff;
}
.section4 .group1 .swiper-button-prev {
  top: 1rem;
}
.section4 .group1 .swiper-button-prev::after {
  content: "\e92f";
  font-family: "xeicon";
}
.section4 .group1 .swiper-button-next {
  top: 2.5rem;
}
.section4 .group1 .swiper-button-next::after {
  content: "\e935";
  font-family: "xeicon";
}
.section4 .group2 {
  border: 0.8rem solid rgba(255, 255, 255, 0.08);
  padding: 2.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
}
.section4 .group2 .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33%;
          flex: 1 1 33.33%;
  text-align: center;
  position: relative;
}
.section4 .group2 .item a {
  color: rgba(255, 255, 255, 0.6);
  padding: 9.5rem 2.5rem 1.5rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  word-break: keep-all;
  position: relative;
  display: inline-block;
}
.section4 .group2 .item a::before {
  content: "";
  width: 7.7rem;
  height: 7.7rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 1rem;
  background-size: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.section4 .group2 .item a:hover, .section4 .group2 .item a:focus {
  color: #FFB045;
}
.section4 .group2 .item a:hover::before, .section4 .group2 .item a:focus::before {
  top: 1rem;
  -webkit-transform: translateX(-50%) rotateY(180deg);
          transform: translateX(-50%) rotateY(180deg);
}
.section4 .group2 .item + .item::before {
  content: "";
  width: 1px;
  height: calc(100% - 6rem);
  background-color: rgba(255, 255, 255, 0.062745098);
  position: absolute;
  left: 0;
  top: 3rem;
}
.section4 .group2 .item.item1 a::before {
  background-image: url(../img/main/s4_i1_1.png);
}
.section4 .group2 .item.item1 a:hover::before, .section4 .group2 .item.item1 a:focus::before {
  background-image: url(../img/main/s4_i1_2.png);
}
.section4 .group2 .item.item2 a::before {
  background-image: url(../img/main/s4_i2_1.png);
}
.section4 .group2 .item.item2 a:hover::before, .section4 .group2 .item.item2 a:focus::before {
  background-image: url(../img/main/s4_i2_2.png);
}
.section4 .group2 .item.item3 a::before {
  background-image: url(../img/main/s4_i3_1.png);
}
.section4 .group2 .item.item3 a:hover::before, .section4 .group2 .item.item3 a:focus::before {
  background-image: url(../img/main/s4_i3_2.png);
}
.section4 .seminar {
  height: 50.9rem;
  background: #000;
  background-size: cover;
  color: #fff;
}
.section4 .seminar a {
  display: block;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section4 .seminar a:hover .ti, .section4 .seminar a:focus .ti {
  text-decoration: underline;
}
.section4 .seminar .img_box {
  height: 100%;
}
.section4 .seminar .img_box::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
}
.section4 .seminar .img_box img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: initial;
}
.section4 .seminar .txt_box {
  width: 100%;
  position: absolute;
  padding: 4rem;
  bottom: 0;
}
.section4 .seminar .divi {
  background-color: #28745C;
  line-height: 2.9rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0 0.8rem;
  margin-bottom: 1rem;
  display: inline-block;
}
.section4 .seminar .ti {
  font-size: 3rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 3.8rem;
  word-break: keep-all;
}
.section4 .seminar .info {
  border-top: 1px solid rgba(255, 255, 255, 0.27);
  padding-top: 2.4rem;
  margin-top: 2rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 2rem;
}
.section4 .seminar .place {
  padding-left: 2.2rem;
  position: relative;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
.section4 .seminar .place::before {
  content: "\eb59";
  font-family: "xeicon";
  width: 2rem;
  height: 2rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 300;
  position: absolute;
  left: 0;
  top: 0;
}
.section4 .seminar .date {
  padding-left: 2.2rem;
  position: relative;
}
.section4 .seminar .date::before {
  content: "\ead8";
  font-family: "xeicon";
  width: 2rem;
  text-align: center;
  height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.section4 .video_wrap a {
  position: relative;
}
.section4 .video_wrap a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.section4 .video_wrap a:hover::before, .section4 .video_wrap a:focus::before {
  opacity: 0.2;
}
.section4 .video_wrap a:hover .img_box::before, .section4 .video_wrap a:focus .img_box::before {
  -webkit-animation: u-circle 1.5s ease infinite;
          animation: u-circle 1.5s ease infinite;
}
.section4 .video_wrap .img_box {
  height: 24.3rem;
  position: relative;
  overflow: hidden;
}
.section4 .video_wrap .img_box::before {
  content: "";
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(242, 20, 37, 0.18);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
}
.section4 .video_wrap .img_box::after {
  content: "\ea3e";
  font-family: "xeicon";
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  border-radius: 50%;
  background-color: #F21425;
  text-align: center;
  color: #fff;
  font-size: 2.7rem;
  position: absolute;
  left: 50%;
  top: 50%;
  padding-left: 0.3rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.section4 .video_wrap .img_box img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-width: initial;
  height: 100%;
}
.section4 .video_wrap .txt_box {
  padding: 3rem 4rem;
  background-color: #1E4781;
  height: 26.6rem;
}
.section4 .video_wrap .divi {
  font-size: 1.9rem;
  color: #FFB045;
  font-weight: 700;
  margin-bottom: 1rem;
}
.section4 .video_wrap .ti {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 3rem;
  color: #fff;
  margin-bottom: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.section4 .video_wrap .info {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.5rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 5rem;
}
.section4 .video_wrap .date {
  color: #b0bed3;
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 1rem;
}
.section4.active .group1 {
  -webkit-animation: show3d 0.5s ease 0.7s forwards;
          animation: show3d 0.5s ease 0.7s forwards;
}
.section4.active .group2 {
  -webkit-animation: show3d 0.5s ease 0.8s forwards;
          animation: show3d 0.5s ease 0.8s forwards;
}
.section4.active .article2 {
  -webkit-animation: show3d 0.5s ease 1s forwards;
          animation: show3d 0.5s ease 1s forwards;
}
.section4.active .article3 {
  -webkit-animation: show3d 0.5s ease 1.3s forwards;
          animation: show3d 0.5s ease 1.3s forwards;
}

@-webkit-keyframes u-circle {
  0% {
    opacity: 1;
  }
  100% {
    width: 10rem;
    height: 10rem;
    opacity: 0;
  }
}

@keyframes u-circle {
  0% {
    opacity: 1;
  }
  100% {
    width: 10rem;
    height: 10rem;
    opacity: 0;
  }
}
.section5 {
  background-color: #EDF1F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section5 .article1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
}
.section5 .group1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(25.5% - 3rem);
          flex: 1 1 calc(25.5% - 3rem);
  max-width: calc(25.5% - 3rem);
  margin-right: 3rem;
  color: #fff;
  padding: 3.4rem 4rem 2.8rem;
  background-color: #104D33;
  position: relative;
  opacity: 0;
}
.section5 .group1.type2 {
  background-color: #263468;
}
.section5 .group1 .title {
  font-size: 2.8rem;
  font-weight: 800;
}
.section5 .group2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 49%;
          flex: 1 1 49%;
  max-width: 49%;
  background-color: #fff;
  padding: 3.8rem 4rem;
  position: relative;
  opacity: 0;
}
.section5 .group2 .title {
  font-size: 3rem;
  font-weight: 800;
  color: #222;
  border-bottom: 2px solid #302a2a;
  padding-bottom: 1.5rem;
  line-height: 3.8rem;
}
.section5 .group2 .more {
  border: 1px solid #BCBCBC;
}
.section5 .group2 .more::before {
  color: #5C5C5C;
}
.section5 .list1 a {
  display: block;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-left: 8.5rem;
  position: relative;
}
.section5 .list1 a .date {
  width: 6.9rem;
  height: 6.9rem;
  border-radius: 0.3rem;
  background-color: rgba(0, 0, 0, 0.1);
  color: #95ADA3;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  position: absolute;
  left: 0;
  top: 1.5rem;
  padding-top: 0.8rem;
}
.section5 .list1 a .date span {
  font-size: 2.4rem;
  font-weight: 700;
  color: #FFB045;
  display: block;
  line-height: 3rem;
}
.section5 .list1 a .ti {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.9rem;
  font-weight: 600;
  margin-bottom: 0.7rem;
  line-height: 2.7rem;
}
.section5 .list1 a .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 500;
  opacity: 0.6;
}
.section5 .list1 a:hover .ti, .section5 .list1 a:focus .ti {
  text-decoration: underline;
}
.section5 .list1 li:last-child a {
  border-bottom: none;
}
.section5 .list2 {
  margin-top: 1.5rem;
}
.section5 .list2 a {
  display: block;
  background-color: #17265D;
  border-radius: 0.5rem;
  padding: 1.4rem 1.8rem;
  color: #B9C1DB;
  font-weight: 600;
  font-size: 1.7rem;
  padding-right: 3.6rem;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section5 .list2 a::after {
  content: "\e93e";
  font-family: "xeicon";
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  border-radius: 50%;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.section5 .list2 a.new {
  padding-left: 5.2rem;
}
.section5 .list2 a.new .icon_new {
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 50%;
  background-color: #1C6C4A;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 800;
  position: absolute;
  left: 1.8rem;
  top: 1.4rem;
}
.section5 .list2 a:hover, .section5 .list2 a:focus {
  background-color: #09195A;
  color: #fff;
  font-weight: 700;
}
.section5 .list2 a:hover::after, .section5 .list2 a:focus::after {
  color: #fff;
}
.section5 .list2 li {
  margin-top: 0.8rem;
}
.section5 .list3 {
  margin-top: 1.5rem;
}
.section5 .list3 li a {
  display: block;
  width: 100%;
  padding: 0.7rem 0;
}
.section5 .list3 li a::after {
  content: "";
  display: block;
  clear: both;
}
.section5 .list3 li a:hover .ti::before, .section5 .list3 li a:focus .ti::before {
  width: 100%;
}
.section5 .list3 li .ti {
  font-size: 1.8rem;
  font-weight: 500;
  color: #333333;
  line-height: 2.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 10rem);
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 1rem;
}
.section5 .list3 li .ti::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section5 .list3 li .ti::after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background-color: #262626;
  position: absolute;
  left: 0;
  top: 1.1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section5 .list3 li .date {
  font-size: 1.8rem;
  font-weight: 300;
  color: #747474;
  line-height: 2.7rem;
  float: right;
  width: 9.5rem;
  text-align: right;
}
.section5 .list3 li:last-child a {
  border-bottom: none;
}
.section5 .article2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  opacity: 0;
}
.section5 .group3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33%;
          flex: 1 1 33.33%;
  max-width: 33.33%;
  padding: 3rem 4rem;
  position: relative;
  opacity: 0;
}
.section5 .group3::before {
  content: "";
  width: 1px;
  height: calc(100% - 6rem);
  position: absolute;
  right: 0;
  top: 3rem;
  border-left: 1px dashed #BCBCBC;
}
.section5 .group3:last-child::before {
  display: none;
}
.section5 .group3 .title {
  font-size: 2.4rem;
  font-weight: 800;
  color: #222;
  margin-bottom: 1.2rem;
}
.section5 .group3 .divi {
  line-height: 2.4rem;
  border-radius: 0.2rem;
  background-color: #0F785C;
  color: #fff;
  padding: 0 0.8rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: inline-block;
}
.section5 .group3 .divi.divi2 {
  background-color: #135276;
}
.section5 .group3 .divi.divi3 {
  background-color: #09195A;
}
.section5 .group3 .more {
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid #E5E5E5;
  position: absolute;
  right: 4rem;
  top: 4rem;
  border-radius: 0.4rem;
  color: #767676;
}
.section5 .group3 .more::before {
  content: "\e900";
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.5rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.section5 .group3 .more:hover, .section5 .group3 .more:focus {
  background-color: #333;
  color: #fff;
  border-color: #333;
}
.section5 .group3 .more:hover:before, .section5 .group3 .more:focus:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  color: #fff;
}
.section5 .list4 {
  margin-top: 0.5rem;
}
.section5 .list4 li a {
  display: block;
  width: 100%;
  padding: 0.2rem 0;
}
.section5 .list4 li a::after {
  content: "";
  display: block;
  clear: both;
}
.section5 .list4 li a:hover .ti::before, .section5 .list4 li a:focus .ti::before {
  width: 100%;
}
.section5 .list4 li .ti {
  font-size: 1.8rem;
  font-weight: 500;
  color: #555;
  line-height: 2.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 1rem;
}
.section5 .list4 li .ti::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #333;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section5 .list4 li .ti::after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background-color: #262626;
  position: absolute;
  left: 0;
  top: 1.1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section5 .list4 li .date {
  font-size: 1.8rem;
  font-weight: 500;
  color: #C9C9C9;
  line-height: 2.7rem;
  float: right;
  width: 9.5rem;
  text-align: right;
}
.section5 .list4 li:last-child a {
  border-bottom: none;
}
.section5.active .group1 {
  -webkit-animation: show3d 0.5s ease 0.7s forwards;
          animation: show3d 0.5s ease 0.7s forwards;
}
.section5.active .group2 {
  -webkit-animation: show3d 0.5s ease 1s forwards;
          animation: show3d 0.5s ease 1s forwards;
}
.section5.active .group3 {
  -webkit-animation: show3d 0.5s ease 1.4s forwards;
          animation: show3d 0.5s ease 1.4s forwards;
}
.section5.active .article2 {
  -webkit-animation: show3d 0.5s ease 1.2s forwards;
          animation: show3d 0.5s ease 1.2s forwards;
}

.section6 {
  height: auto !important;
}
.section6 > div {
  padding-top: 0;
  height: auto !important;
}
.section6 .container {
  height: 27rem;
}

#fp_nav {
  width: 15.5rem;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 3rem;
  z-index: 1;
}
#fp_nav ul {
  position: relative;
}
#fp_nav ul::before {
  content: "";
  width: 1px;
  height: calc(100% - 3.2rem);
  position: absolute;
  left: 0.3rem;
  top: 1.6rem;
  background-color: rgba(255, 255, 255, 0.4);
}
#fp_nav ul li {
  padding: 0.5rem 0 0.5rem 1.7rem;
  position: relative;
}
#fp_nav ul li::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #B7B7B7;
  position: absolute;
  left: 0.1rem;
  top: 1.4rem;
}
#fp_nav ul li a span {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 600;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#fp_nav ul li a:hover span, #fp_nav ul li a:focus span {
  color: #fff;
}
#fp_nav ul li:last-child {
  display: none;
}
#fp_nav ul li.active::before {
  width: 0.7rem;
  height: 0.7rem;
  left: 0;
  background-color: #fff;
}
#fp_nav ul li.active a span {
  color: #fff;
  font-weight: 800;
}

#footer .btn-top {
  right: 8rem;
}