.button-more-light::before{
	background-image: url("../image/link-more-black-efda02cee8.svg");
	content: "";
    position: absolute;
    left: 0;
width: 2.3rem;
height: 2.3rem;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.cover-member {
  background-image: url(404.png);
  background-position: center 10%
}
.index-about {
  height: 100vh;
  background-image: url(404.png);
  color: #fff
}
.index-culture {
  height: 85vh;
  background-color: #fff;
}
.index-culture .fullscreen-inner {
  height: 50%;
}
.fullscreen-inner {
  position: relative;
  top: 50%;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}
.index-about p {
  width: 50%
}
@media (min-width:769px) {
  .index-about a {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 2rem
  }
}
.index-duty {
  height: 85vh;
  color: #fff;
  background-image: url(404.png)
}
.index-duty .fullscreen-inner {
  height: 60%
}
@media (min-width:769px) {
  .index-duty a {
    position: absolute;
    left: 0;
    bottom: 0
  }
}
.index-culture {
  height: 85vh;
  background-color: #fff
}
.index-culture .fullscreen-inner {
  height: 50%
}
.index-culture a {
  position: absolute;
  left: 0;
  bottom: 0
}
.index-contact h1 {
  margin-bottom: 5rem
}
.index-contact-bd {
  margin: 15vh auto
}
@media (min-width:769px) {
  .china-company {
    position: relative;
    text-align: center
  }
  .china-company li {
    max-width: 33%;
    text-align: left
  }
  .china-company li:nth-of-type(1) {
    float: left
  }
  .china-company li:nth-of-type(2) {
    display: inline-block
  }
  .china-company li:nth-of-type(3) {
    float: right
  }
}
.tab-item {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden
}
.tab-item.selected {
  width: auto;
  height: auto
}
.index-company {
  margin-bottom: 5rem;
  font-weight: 300
}
@media (max-width:768px) {
  .index-company li + li {
    margin-top: 5rem
  }
}
.index-company h3 {
  font-size: 1.35rem;
  font-weight: none;
  letter-spacing: .1rem
}
.index-company span {
  display: block;
  margin-top: .5rem;
  opacity: .7;
  line-height: 1.4rem;
  min-height: 2.8rem
}
.index-company dl {
  margin-top: 1.5rem;
  overflow: hidden
}
.index-company dd {
  overflow: hidden
}
.index-company dd:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 1rem;
  width: 0;
  height: 0
}
.index-company dd + dd {
  margin-top: .7rem
}
.index-company label {
  float: left;
  width: 4.3rem;
  font-weight: 100
}
.index-company label:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 1rem;
  width: 0;
  height: 0
}
.index-company i {
  display: block;
  float: left;
  font-size: .9rem;
  width: 1.1rem;
  margin: .33rem .1rem 0 0
}
.index-company em {
  float: left;
  max-width: calc(100% - 4.3rem)
}
.index-company a {
  color: #000
}
@media (min-width:769px) {
  .index-overseas li {
    width: 48%
  }
  .index-overseas li:nth-of-type(1) {
    float: left
  }
  .index-overseas li:nth-of-type(2) {
    float: right
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fade-in {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes animation-line {
  0% {
    stroke-dashoffset: 700px
  }
  50% {
    stroke-dashoffset: 0
  }
  60% {
    stroke-dashoffset: 0
  }
  70% {
    stroke-dashoffset: -700px
  }
  to {
    stroke-dashoffset: -700px
  }
}
@keyframes animation-line {
  0% {
    stroke-dashoffset: 700px
  }
  50% {
    stroke-dashoffset: 0
  }
  60% {
    stroke-dashoffset: 0
  }
  70% {
    stroke-dashoffset: -700px
  }
  to {
    stroke-dashoffset: -700px
  }
}
.map-tab-bd {
  margin-top: 5rem
}
.map-item {
  position: relative
}
@media (min-width:769px) {
  .map-item {
    width: 80%;
    margin: 0 auto
  }
}
.map-item img {
  display: block;
  width: 100%;
  height: auto
}
.map-tab-hd {
  border-bottom: 1px solid rgba(136, 145, 152, .4)
}
.map-tab-hd li {
  position: relative;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
  float: left;
  max-width: 10rem;
  width: 25%;
  padding-bottom: 1rem;
  text-align: center;
  -webkit-transition: .13s;
  transition: .13s;
  cursor: pointer
}
@media (max-width:768px) {
  .map-tab-hd li {
    width: 22%
  }
  .map-tab-hd li:last-child {
    width: 34%
  }
}
.map-tab-hd .selected {
  border-bottom-color: #0067da;
  color: #0067da;
  font-weight: 700;
  cursor: default
}
.map-lines {
  position: absolute;
  fill: none;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  stroke-width: .4px
}
.map-line {
  stroke: rgba(0, 103, 218, .35);
  stroke-width: 1.5px;
  stroke-dashoffset: 700px;
  stroke-dasharray: 700px;
  -webkit-animation: animation-line 4s linear;
  animation: animation-line 4s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
.map-line:nth-of-type(1) {
  -webkit-animation-delay: .86s;
  animation-delay: .86s
}
.map-line:nth-of-type(2) {
  -webkit-animation-delay: 1.22s;
  animation-delay: 1.22s
}
.map-line:nth-of-type(3) {
  -webkit-animation-delay: 1.58s;
  animation-delay: 1.58s
}
.map-line:nth-of-type(4) {
  -webkit-animation-delay: 1.94s;
  animation-delay: 1.94s
}
.map-line:nth-of-type(5) {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s
}
.map-line:nth-of-type(6) {
  -webkit-animation-delay: 2.66s;
  animation-delay: 2.66s
}
.map-line:nth-of-type(7) {
  -webkit-animation-delay: 3.02s;
  animation-delay: 3.02s
}
.map-line:nth-of-type(8) {
  -webkit-animation-delay: 3.38s;
  animation-delay: 3.38s
}
.map-line:nth-of-type(9) {
  -webkit-animation-delay: 3.74s;
  animation-delay: 3.74s
}
.map-line:nth-of-type(10) {
  -webkit-animation-delay: 4.1s;
  animation-delay: 4.1s
}
.map-line:nth-of-type(11) {
  -webkit-animation-delay: 4.46s;
  animation-delay: 4.46s
}
.map-line:nth-of-type(12) {
  -webkit-animation-delay: 4.82s;
  animation-delay: 4.82s
}
.map-line:nth-of-type(13) {
  -webkit-animation-delay: 5.18s;
  animation-delay: 5.18s
}
.map-line:nth-of-type(14) {
  -webkit-animation-delay: 5.54s;
  animation-delay: 5.54s
}
.map-line:nth-of-type(15) {
  -webkit-animation-delay: 5.9s;
  animation-delay: 5.9s
}
.map-line:nth-of-type(16) {
  -webkit-animation-delay: 6.26s;
  animation-delay: 6.26s
}
.map-line:nth-of-type(17) {
  -webkit-animation-delay: 6.62s;
  animation-delay: 6.62s
}
.map-line:nth-of-type(18) {
  -webkit-animation-delay: 6.98s;
  animation-delay: 6.98s
}
.map-line:nth-of-type(19) {
  -webkit-animation-delay: 7.34s;
  animation-delay: 7.34s
}
.map-line:nth-of-type(20) {
  -webkit-animation-delay: 7.7s;
  animation-delay: 7.7s
}
.map-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  margin: -3px 0 0 -3px;
  border-radius: 20px;
  background: #0067da
}
@media (max-width:768px) {
  .map-dot {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }
}
.map-dot label {
  position: absolute;
  white-space: nowrap;
  color: #777;
  font-size: .88rem
}
.map-label-left {
  right: 150%;
  top: -5px
}
.map-label-right {
  left: 150%;
  top: -5px
}
.map-label-top {
  left: 50%;
  top: -300%;
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0)
}
.map-dot-0 .map-label-top {
  top: -100%
}
.map-label-bottom {
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0)
}
.map-dot-0 .map-label-bottom {
  top: 120%
}
.map-dot-0 {
  width: 19px;
  height: 19px;
  margin: -10px 0 0 -10px;
  left: 40%;
  top: 40%
}
@media (max-width:768px) {
  .map-dot-0 {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
  }
}
.map-company-xinjiang {
  left: 31.56%;
  top: 38.95%
}
.map-company-neimenggu {
  left: 35%;
  top: 34%
}
.map-company-hebei {
  left: 40%;
  top: 42.5%
}
.map-company-guangdong {
  left: 41%;
  top: 52.5%
}
.map-company-fujian {
  left: 42.5%;
  top: 51%
}
.map-company-jiangxi {
  left: 41%;
  top: 50%
}
.map-company-shanxi {
  left: 38%;
  top: 44%
}
.map-company-shanxi2 {
  left: 36%;
  top: 45%
}
.map-company-henan {
  left: 39.5%;
  top: 45%
}
.map-company-anhui {
  left: 41%;
  top: 48%
}
.map-company-johannesburg {
  left: 15%;
  top: 81%
}
.map-company-sydney {
  left: 49.96%;
  top: 86.06%
}
.map-company-istanbul {
  left: 16%;
  top: 44%
}
.map-company-neunkirchen {
  left: 11.77%;
  top: 38.4%
}
.map-company-saopaulo {
  left: 87%;
  top: 79%
}
.map-company-chicago {
  left: 75.33%;
  top: 41.95%
}
.map-company-wuxi {
  left: 42.5%;
  top: 49.5%
}
.map-company-yancheng {
  left: 42.5%;
  top: 47.19%
}
.map-company-hinnerup {
  left: 10.42%;
  top: 28.26%
}
.dev {
  height: 100vh;
  background-color: #9da2af;
  background-image: url(404.png);
  color: #fff;
  text-align: center
}
.dev p {
  text-align: center
}
.env {
  background-color: #fff
}
.env-bd {
  margin: 15vh auto
}
.env-bd ul {
  margin: 15vh -3vw 0 -3vw
}
.env-bd li {
  padding-left: 3vw;
  padding-right: 3vw
}
@media (max-width:768px) {
  .env-bd li {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
  }
}
.env-bd dd, .env-bd h2 {
  color: #03c759
}
.env-bd b {
  color: #000
}
.env-bd dt {
  border-top: 1px solid rgba(0, 0, 0, .1)
}
.env-co2:before {
  background-image: url(404.png)
}
.env-forest:before {
  background-image: url(404.png)
}
.index-feedback {
  background-color: #2c3744;
  background-image: url(404.png)
}
.index-feedback .button-more-dark {
  position: absolute;
  left: 0;
  bottom: 0
}
.index-feedback-bd {
  height: 80%;
  color: #fff
}
.index-feedback-bd p {
  float: none;
  text-align: justify
}
@media (max-width:768px) {
  .index-feedback-bd ul {
    width: 80%;
    margin: 0 auto
  }
}
@media (min-width:769px) {
  .index-feedback-bd ul {
    margin: 9vh -4vw 0 -4vw
  }
}
.index-feedback-bd li {
  padding: 0 4vw
}
@media (max-width:768px) {
  .index-feedback-bd li {
    margin-top: 9vh
  }
}
.index-feedback-bd dt {
  position: relative;
  height: 6rem;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 6rem;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  padding-left: 3.9rem
}
.index-feedback-bd dt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3rem;
  height: 3rem;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.index-feedback-bd dd {
  position: relative;
  font-weight: 100;
  margin-top: 1.5rem;
  line-height: 1.6rem;
  padding-left: 1.3rem
}
.index-feedback-bd dd:before {
  content: "";
  position: absolute;
  left: 0;
  top: .53rem;
  width: .38rem;
  height: .38rem;
  border-radius: .19rem;
  background-color: #fff
}
.index-feedback-edu:before {
  background-image: url(404.png)
}
.index-feedback-poverty:before {
  background-image: url(404.png)
}
.index-feedback-community:before {
  background-image: url(404.png)
}
.index-feedback-plan:before {
  background-image: url(404.png)
}
.feedback-poster {
  background-image: url(404.png);
  background-position: center 20%
}
.feedback-edu h2:after {
  background-image: url(404.png)
}
.feedback-project h2:after {
  background-image: url(404.png)
}
.feedback-community h2:after {
  background-image: url(404.png)
}
.dev-report {
  height: 85vh;
  background-color: #fff
}
.dev-report .fullscreen-inner {
  height: 60%
}
.dev-report-bd h2 {
  color: #0567d8
}
@media (min-width:769px) {
  .dev-report-bd .fullscreen-nav {
    margin-top: 3rem
  }
}
.dev-report-bd ul {
  margin: 0 -1.5rem
}
.dev-report-bd li {
  padding: 0 1.5rem
}
.dev-report-down {
  top: 2rem;
  left: 2rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(404.png)
}
.box-link-blue:hover .dev-report-down {
  background-image: url(404.png)
}
.dev-report-goto {
  top: 1.8rem;
  left: 1.5rem;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url(404.png)
}
.box-link-blue:hover .dev-report-goto {
  background-image: url(404.png)
}
.culture-poster {
  background-image: url(404.png);
  background-position: center 60%
}
.paper-vision h2:after {
  background-image: url("../image/vision-1b07ab5f0f.svg")
}
.paper-mission h2:after {
  background-image: url("../image/mission-1bbda44a62.svg")
}
.paper-value h2:after {
  background-image: url("../image/value-f387aa461f.svg")
}
.paper-jinshen h2:after {
  background-image: url("../image/jinshen.png")
}
.culture-event {
  background-color: #f6f8fb
}
.culture-event-bd {
  width: 80%;
  margin: 15vh auto
}
.culture-event-bd h2, .culture-event-bd p {
  text-align: center
}
@media (max-width:768px) {
  .culture-event-bd p {
    width: auto !important
  }
}
@media (min-width:769px) {
  .culture-event-bd p {
    width: 65%;
    margin: 0 auto
  }
}
.culture-event-bd ul {
  margin: 2rem -3rem 0 -3rem
}
.culture-event-bd li {
  padding: 3rem 3rem 0 3rem
}
.culture-event-bd dl {
  margin-top: 2rem
}
@media (max-width:768px) {
  .culture-event-bd dl {
    margin-top: 1rem
  }
}
.culture-event-bd dt {
  font-size: 1.1rem;
  line-height: 3rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.culture-event-bd dd {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3rem;
  font-size: .9rem;
  font-weight: 100;
  line-height: 1.5rem;
  text-align: justify;
  color: rgba(0, 0, 0, .6);
  text-overflow: ellipsis;
  overflow: hidden
}
.event-poster {
  background-image: url(404.png);
  background-position: center 80%
}
@media (max-width:768px) {
  .event .graphic {
    width: auto
  }
  .event .graphic ul {
    margin: 0
  }
  .event .graphic li {
    padding: 0
  }
}
.index-event {
  background-color: #fff
}
.index-event-bd {
  overflow: hidden;
  margin: 15vh auto
}
.index-event-bd li {
  position: relative
}
.index-event-bd a {
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
  border-radius: .5rem;
  padding-top: 135%;
  overflow: hidden
}
.index-event-bd a:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: .5rem;
  background-color: #9da2af;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden
}
.index-event-bd a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 32, 64, .39);
  border-radius: .5rem
}
.index-event-bd a:hover:after {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-transition: all 7s ease-in;
  transition: all 7s ease-in
}
.index-event-bd dt {
  font-size: 1.5rem;
  font-weight: 100
}
.index-event-bd dd:nth-of-type(1) {
  font-size: 1.1rem;
  font-weight: 100;
  margin-top: .3rem
}
.index-event-bd dd:nth-of-type(2) {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 5.5rem;
  font-size: .88rem;
  line-height: 1.5rem;
  font-weight: 100;
  text-align: justify;
  border-top: 1px solid rgba(255, 255, 255, .5);
  margin-top: 1rem;
  padding-top: 1rem
}
@media (max-width:768px) {
  .index-event-bd {
    width: 80%;
    margin-left: auto !important;
    margin-right: auto !important
  }
  .index-event-bd h2 {
    width: auto;
    text-align: center
  }
  .index-event-bd ul {
    margin: 2.3rem -.7rem 0 -.7rem
  }
  .index-event-bd li {
    margin-top: 1.4rem;
    padding: 0 .7rem
  }
  .index-event-bd a {
    border-radius: 3px
  }
  .index-event-bd dl {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center
  }
}
@media (min-width:769px) {
  .index-event-bd ul {
    margin: 4rem -.5rem 0 -.5rem
  }
  .index-event-bd li {
    margin-top: 1rem;
    padding: 0 .5rem
  }
  .index-event-bd dl {
    position: absolute;
    bottom: 10%;
    left: 50%;
    width: 77%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.index-timeline-1:after {
  background-image: url(404.png)
}
.index-timeline-2:after {
  background-image: url(404.png)
}
.index-timeline-3:after {
  background-image: url(404.png)
}
.index-timeline-4:after {
  background-image: url(404.png)
}
.index-timeline-5:after {
  background-image: url(404.png)
}
.index-manage {
  height: 100vh;
  background-color: #f6f8fb
}
.index-manage-bd {
  text-align: center
}
.index-manage-bd li {
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  margin-top: 4rem;
  padding: 0 3rem
}
.index-manage-bd img {
  display: block;
  width: 100%;
  border-radius: .7rem
}
.index-manage-bd strong {
  display: block;
  margin-top: .5rem;
  font-weight: 400;
  font-size: 1.2rem
}
.index-manage-bd em {
  display: block;
  height: 1.2rem;
  margin-top: .3rem;
  font-size: 1rem;
  font-weight: 300
}
.index-manage-bd a {
  color: currentColor
}
.index-manage-profile {
  position: relative;
  width: 99.5%;
  padding-top: 100%;
  overflow: hidden;
  border-radius: 100%
}
.index-manage-profile img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}
.timeline-wrap {
  min-height: 700px
}
.slide {
  position: relative;
  margin-top: .5rem
}
.slide button {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 4.3rem;
  height: 4.3rem;
  background-color: #0567d8;
  border-radius: 2.15rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0
}
.slide button:before {
  content: "";
  position: absolute;
  top: 50%;
  width: .7rem;
  height: .7rem;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff
}
.slide button:hover {
  background-color: #015abf;
  -webkit-transition: .13s ease-in;
  transition: .13s ease-in
}
.slide button:nth-of-type(1) {
  left: -2.15rem
}
.slide button:nth-of-type(1):before {
  left: 1.9rem;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}
.slide button:nth-of-type(2) {
  right: -2.15rem
}
.slide button:nth-of-type(2):before {
  right: 1.9rem;
  -webkit-transform: translateY(-50%) rotate(135deg);
  -ms-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg)
}
.slide .slick-prev.slick-disabled {
  visibility: hidden
}
.slide-intro, .slide-main {
  position: relative
}
@media (max-width:768px) {
  .slide-intro, .slide-main {
    padding-top: 75%
  }
}
@media (min-width:769px) {
  .slide-intro, .slide-main {
    padding-top: 33.33333333%
  }
}
.slide-main {
  color: #fff
}
.slide-main:before {
  z-index: 10
}
.slide-title {
  position: absolute;
  top: 50%;
  left: 10%;
  z-index: 20;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.slide-title h1 {
  font-size: 2.3rem;
  font-weight: 300
}
.slide-title h3 {
  font-size: 2rem;
  font-weight: 300
}
.slide-title p {
  font-size: .9rem;
  font-weight: 300
}
.slide-title h3 + p {
  margin-top: 1rem
}
.slide-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #9da2af;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}
.slide-intro {
  background-color: #f6f8fb
}
.slide-intro-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}
.slide-intro-inner h5 {
  font-size: 1.15rem;
  line-height: 2.1rem;
  text-align: justify;
  font-weight: 300;
  margin-bottom: 1rem
}
.slide-intro-inner p {
  font-size: 1rem;
  font-weight: 100;
  line-height: 2rem;
  border-top: 1px solid rgba(0, 0, 0, .06);
  padding-top: 1.3rem
}
.timeline {
  position: relative;
  margin: 5rem auto
}
@media (min-width:769px) {
  .timeline li:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 1rem;
    width: 0;
    height: 0
  }
  .timeline li:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 1rem;
    width: 0;
    height: 0
  }
}
.timeline ul:first-child li {
  position: relative
}
@media (min-width:769px) {
  .timeline ul:first-child li {
    margin-right: 1rem
  }
}
.timeline ul:first-child li:before {
  right: -.7rem;
  border-top: .65rem solid transparent;
  border-left: .9rem solid #f6f8fb;
  border-bottom: .65rem solid transparent
}
.timeline ul:first-child li:after {
  right: calc(-.7rem - 1px);
  border-top: .65rem solid transparent;
  border-left: .9rem solid #dee4f6;
  border-bottom: .65rem solid transparent
}
.timeline ul:last-child li {
  position: relative
}
@media (min-width:769px) {
  .timeline ul:last-child li {
    margin-left: 1rem
  }
}
.timeline ul:last-child li:before {
  left: -.7rem;
  border-top: .65rem solid transparent;
  border-right: .9rem solid #f6f8fb;
  border-bottom: .65rem solid transparent
}
.timeline ul:last-child li:after {
  left: calc(-.7rem - 1px);
  border-top: .65rem solid transparent;
  border-right: .9rem solid #dee4f6;
  border-bottom: .65rem solid transparent
}
.timeline:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 1rem;
  left: calc(50% - 2px);
  width: 4px;
  height: calc(100% - 2rem);
  background-color: #0567d8
}
.timeline h1 {
  text-align: center;
  margin-bottom: 3rem
}
.timeline h1 span {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  line-height: 2.3rem;
  text-align: center;
  background-color: #0567d8;
  border-radius: .3rem;
  padding: .7rem 2rem
}
.timeline-waterfall {
  margin-bottom: 3rem
}
.timeline-fade-enter-active, .timeline-fade-leave-active {
  -webkit-transition: all .5s;
  transition: all .5s
}
.timeline-fade-enter, .timeline-fade-leave-to {
  opacity: 0
}
.timeline-waterfall-col {
  min-height: 1px
}
.timeline-waterfall-col li {
  background: #f6f8fb;
  border-radius: .5rem;
  border: 1px solid #dee4f6;
  margin-top: 2rem;
  padding: 1.5rem 2rem
}
@media (min-width:769px) {
  .timeline-waterfall-col li:first-child {
    margin-top: 0
  }
}
.timeline-waterfall-col p {
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.9rem;
  text-align: justify;
  overflow: hidden
}
@media (max-width:768px) {
  .timeline-waterfall-col img {
    margin-bottom: .8rem;
    display: block;
    width: 100%;
    height: auto
  }
}
@media (min-width:769px) {
  .timeline-waterfall-col img {
    float: left;
    width: 33%;
    margin: .5rem 1.5rem .5rem 0
  }
}
.timeline-item {
  overflow: hidden
}
.timeline-gotop {
  display: block;
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  background: #0567d8;
  border-radius: 1.75rem;
  margin: 3rem auto 0 auto
}
.timeline-gotop:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 50%;
  width: .6rem;
  height: .6rem;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg)
}
.member-tab {
  margin-top: 5rem
}
.member-article h1, .member-article h2 {
  display: inline-block;
  line-height: 2.7rem;
  font-size: .9rem;
  font-weight: 300;
  color: #fff;
  background: #0067da;
  padding: 0 1rem
}
.member-article h1:nth-of-type(2), .member-article h2:nth-of-type(2) {
  margin-top: 5rem
}
.member-article ul {
  border-top: 1px solid rgba(0, 0, 0, .1)
}
.member-article li {
  padding: 3rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.member-article dl {
  float: left;
  width: 17%
}
.member-article dt {
  font-size: 1.6rem;
  letter-spacing: .3rem
}
.member-article dd {
  font-weight: 300;
  margin-top: 1rem;
  letter-spacing: .3rem
}
.member-article p {
  float: right;
  width: 81.9%;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.8rem;
  text-align: justify
}
.detail-intro {
  height: 100vh;
  background-image: url(404.png);
  color: #fff;
  text-align: center
}
.detail-intro p {
  text-align: center
}
.detail-intro a {
  margin-top: 6rem
}
.detail-data {
  height: 80vh;
  background-color: #fff
}
.detail-data .fullscreen-inner {
  height: 50%
}
.detail-data dt {
  border-top: 1px solid rgba(0, 0, 0, .1)
}
.detail-data dd {
  color: #015abf
}
.detail-data b {
  color: #000
}
.detail-data ul {
  margin: 0 -5rem
}
.detail-data li {
  padding: 0 5rem
}
.detail-data-ft, .detail-prize-ft {
  margin-top: 5rem
}
@media (max-width:768px) {
  .detail-data-ft li {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
  }
}
.detail-power:before {
  background-image: url(404.png)
}
.detail-group:before {
  background-image: url(404.png)
}
.detail-business:before {
  background-image: url(404.png)
}
.detail-country:before {
  background-image: url(404.png)
}
.detail-district:before {
  background-image: url(404.png)
}
.detail-rd:before {
  background-image: url(404.png)
}
.detail-people:before {
  background-image: url(404.png)
}
.detail-prize {
  height: 85vh;
  background-image: url(404.png);
  color: #fff
}
.detail-prize .fullscreen-inner {
  height: 60%
}
.detail-prize dt {
  border-top: 1px solid rgba(255, 255, 255, .25)
}
.detail-prize ul {
  margin: 0 -4rem
}
.detail-prize li {
  padding: 0 2rem
}
.detail-prize-item-1:before {
  background-image: url(404.png)
}
.detail-prize-item-2:before {
  background-image: url(404.png)
}
.detail-prize-item-3:before {
  background-image: url(404.png)
}
@media (max-width:768px) {
  .breadcrumb-content  ul{
    display: none;
   }		  
	  .breadcrumb-content btn-lg{
		  
	   
  }
}


