.container {

  padding-top: 0;

}

.container .header {

  background-color: transparent;

  transition: .3s all linear;

}

.container .hbc {

  background-color: #484848;

}

.container .swiper-container {

  position: relative;

}

.container .swiper-container .swiper-pagination {

  bottom: 40px;

  z-index: 99;

  display: flex;

  justify-content: flex-end;

  box-sizing: border-box;

  padding-right: 13%;

}

.container .swiper-container .swiper-pagination .swiper-pagination-bullet {

  width: 15px;

  height: 15px;

  box-sizing: border-box;

  background-color: transparent;

  border: 2px solid #fff;

  transition: 0.3s all linear;

}

.container .swiper-container .swiper-pagination .swiper-pagination-bullet-active {

  width: 24px;

  background-color: #fff;

  border-radius: 10px;

}

.container .swiper-container .pag_num {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 30px;

  display: flex;

  align-items: center;

  z-index: 99;

  color: #fff;

}

.container .swiper-container .pag_num span {

  font-size: 20px;

  padding: 0 15px;

  transition: 0.3s all ease;

  cursor: pointer;

}

.container .swiper-container .pag_num .active {

  transform: scale(1.5);

}

.container .swiper-container .swiper-slide img {

  display: block;

  width: 100%;

}

.container .swiper-container .swiper-slide .app {

  display: none;

}

@keyframes linears {

  from {

    width: 0%;

  }

  to {

    width: 100%;

  }

}

.container .swiper-container .a1 {

  animation-duration: 3s;

}

.container .swiper-container .a2 {

  animation-duration: 6s;

}

.container .swiper-container .a3 {

  animation-duration: 9s;

}

.container .swiper-container .a4 {

  animation-duration: 12s;

}

.container .swiper-container .a5 {

  animation-duration: 15s;

}

.container .swiper-container .a6 {

  animation-duration: 18s;

}

.container .swiper-container .a7 {

  animation-duration: 21s;

}

.container .swiper-container .a8 {

  animation-duration: 24s;

}

.container .swiper-container .a9 {

  animation-duration: 27s;

}

.container .swiper-container .a10 {

  animation-duration: 30s;

}

.container .swiper-container .linear {

  width: 1620px;

  margin: 0px auto 0;

  bottom: 60px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  z-index: 99;

}

.container .swiper-container .linear .linearx {

  background-color: #d31f3a;

  height: 3px;

  width: 0%;

  position: absolute;

  left: 0;

  bottom: -1px;

  animation-iteration-count: infinite;

  animation-name: linears;

  animation-timing-function: linear;

}

.container .swiper-container .linear .progress {

  width: 0%;

  height: 3px;

  background-color: #d31f3a;

  transform: translateY(-50%);

}

.container .swiper-container .linear .go {

  width: 100%;

  transition: 4.9s linear all;

}

.container .swiper-container .linear .goNo {

  width: 100%;

}

.container .swiper-container .linear .item {

  flex: 1;

}

.container .swiper-container .linear .item .num {

  font-family: Bebas;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  padding-bottom: 10px;

  letter-spacing: 0px;

  color: #ffffff;

  cursor: pointer;

  display: inline-block;

}

.container .swiper-container .linear .item .linears {

  width: 100%;

  height: 1px;

  background-color: #8b8785;

}

.container .section {

  padding: 120px 0 0;

}

.container .section .box {

  width: 1620px;

  margin: 0 auto;

  padding-bottom: 55px;

}

.container .section .box .con {

  display: flex;

  flex-wrap: wrap;

  width: 40%;

  justify-content: space-between;

  margin-top: -15%;

}

.container .section .box .con .item {

  width: 45%;

  display: flex;

  margin-top: 0.2083333333rem;

  justify-content: space-between;

}

.container .section .box .con .item .iteml .item_info {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #505050;

}

.container .section .box .con .item .iteml .item_num {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #505050;

  display: flex;

  align-items: baseline;

}

.container .section .box .con .item .iteml .item_num .num {

  font-family: Bebas;

  font-size: 64px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1d1d1d;

  opacity: 0.96;

}

.container .section .box .s_box {

  display: flex;

}

.container .section .box .s_box .left {

  width: 48%;

  box-sizing: border-box;

  padding-right: 2%;

}

.container .section .box .s_box .left .info {

  padding-top: 35px;

}

.container .section .box .s_box .left .info p {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 31px;

  letter-spacing: 0px;

  color: #525252;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.container .section .box .s_box .left .lookmore {

  width: 176px;

  height: 58px;

  background-color: #0d3267;

  border-radius: 29px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: MicrosoftYaHeiLight;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

  margin-top: 30px;

}

.container .section .box .s_box .right {

  width: 52%;

  flex-shrink: 0;

  min-height: 580px;

}

.container .section .box .s_box .right img {

  display: block;

  width: 100%;

}

.container .section1 {

  background-color: #f9f9f9;

  padding: 120px 0;

}

.container .section1 .box {

  width: 1620px;

  margin: 0 auto;

}

.container .section1 .box .s1_con {

  display: flex;

  padding-top: 85px;

}

.container .section1 .box .s1_con .item {

  width: 25%;

  margin-right: 1.33333%;

  position: relative;

  box-sizing: border-box;

  padding: 0 5px;

}

.container .section1 .box .s1_con .item:hover .bc {

  transform: scale(1.06);

}

.container .section1 .box .s1_con .item:hover .skew {

  opacity: 1;

}

.container .section1 .box .s1_con .item:hover .skew img {

  transform: scale(1.06);

}

.container .section1 .box .s1_con .item:last-child {

  margin-right: 0;

}

.container .section1 .box .s1_con .item .item_box {

  position: relative;

}

.container .section1 .box .s1_con .item .con {

  width: 90px;

  height: 90px;

  color: #fff;

  padding: 3px;

  border: 2px solid #f6f6f7;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 2;

}

.container .section1 .box .s1_con .item .con h3 {

  transition: 0.3s all linear;

  font-family: MicrosoftYaHei-Bold;

  font-size: 20px;

  text-align: center;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

  padding-top: 5px;

}

.container .section1 .box .s1_con .item .con .small {

  position: relative;

  margin-top: 25px;

  font-family: NexaBold;

  font-size: 12px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

  text-align: center;

}

.container .section1 .box .s1_con .item .con .morex {

  margin-top: 15px;

}

.container .section1 .box .s1_con .item .bc {

  display: block;

  width: 100%;

  transition: all 0.6s linear;

}

.container .section1 .box .s1_con .item .skew {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  transition: all 0.6s linear;

}

.container .section1 .box .s1_con .item .skew img {

  display: block;

  width: 100%;

  height: 100%;

  transform: scale(1.1);

  transition: all 0.6s linear;

}

.container .section2 {

  background-color: #fff;

  position: relative;

  width: 100%;

}

.container .section2 .bcTxt {

  position: absolute;

  right: 10%;

  top: 0px;

  z-index: 99;

  width: 35%;

  transform: translateY(-50%);

}

.container .section2 .bcTxt img {

  display: block;

  width: 100%;

}

.container .section2 .swiper-display {

  width: 100%;

  overflow: hidden;

}

.container .section2 .swiper-display .swiper-slide img {

  display: block;

  width: 100%;

}

.container .section2 .swiper-display .swiper-button-next, .container .section2 .swiper-display .swiper-button-prev {

  width: 50px;

  height: 50px;

  background-color: #fff;

  border-radius: 50%;

  box-sizing: border-box;

  padding: 5px;

  right: 50px;

}

.container .section2 .swiper-display .swiper-button-prev:after, .container .section2 .swiper-display .swiper-container-rtl .swiper-button-next:after, .container .section2 .swiper-display .swiper-button-next:after, .container .section2 .swiper-display .swiper-container-rtl .swiper-button-prev:after {

  font-size: 25px;

  color: #333;

}

.container .section2 .con {

  position: absolute;

  z-index: 99;

  top: 0;

  width: 1620px;

  left: 50%;

  height: 100%;

  transform: translateX(-50%);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.container .section2 .con .top {

  display: flex;

  align-content: center;

  justify-content: space-between;

  padding-top: 120px;

}

.container .section2 .con .top .title .english {

  color: #ffffff;

  opacity: 0.23;

}

.container .section2 .con .top .title .chinese {

  color: #ffffff;

}

.container .section2 .con .top .num {

  font-family: Bebas;

  font-size: 30px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}

.container .section2 .con .top .num .current {

  font-family: Bebas;

  font-size: 60px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}

.container .section2 .con .bottom {

  display: flex;

  padding-bottom: 120px;

}

.container .section2 .con .bottom .item {

  width: 25%;

  display: flex;

  align-content: center;

  justify-content: center;

  background-color: #fff;

  padding: 35px 0;

  cursor: pointer;

}

.container .section2 .con .bottom .item.active {

  background-color: #d31f3a;

}

.container .section2 .con .bottom .item.active div, .container .section2 .con .bottom .item.active h3, .container .section2 .con .bottom .item.active p {

  color: #fff !important;

}

.container .section2 .con .bottom .item .left {

  padding-right: 35px;

}

.container .section2 .con .bottom .item .left .num {

  font-family: Bebas;

  font-size: 66px;

  font-weight: 700;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1a1a1a;

}

.container .section2 .con .bottom .item .right {

  display: flex;

  flex-direction: column;

  justify-content: center;

  position: relative;

  padding-left: 35px;

}

.container .section2 .con .bottom .item .right:before {

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  background-color: #dbdbdb;

  transform: translateY(-50%);

  height: 60%;

  width: 1px;

}

.container .section2 .con .bottom .item .right h3 {

  font-family: MicrosoftYaHei-Bold;

  font-size: 26px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1a1a1a;

}

.container .section2 .con .bottom .item .right p {

  font-family: MicrosoftYaHeiLight;

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #4a4a4a;

}

.container .section3 {

  width: 1620px;

  margin: 0 auto;

  padding: 100px 0 90px;

}

.container .section3 .more {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 29px;

  letter-spacing: 0px;

  text-align: center;

  padding-top: 25px;

}

.container .section3 .more a {

  color: #264274;

}

.container .section3 .top {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.container .section3 .top .right {

  display: flex;

  align-content: center;

}

.container .section3 .top .right .tab {

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #000000;

  border-radius: 5px;

  transition: 0.3s ease all;

  cursor: pointer;

}

.container .section3 .top .right .lin {

  font-size: 16px;

  display: flex;

  align-items: center;

  margin: 0 10px;

}

.container .section3 .top .right .active {

  color: #0d3267;

  font-weight: 700;

}

.container .section3 .con {

  display: none;

  margin-top: 65px;

}

.container .section3 .con .item {

  width: 33.333333%;

  box-sizing: border-box;

  padding: 20px 30px;

  background-size: 0;

}

.container .section3 .con .item:hover {

  transition: 0.3s ease all;

  background-color: #294475;

}

.container .section3 .con .item:hover div, .container .section3 .con .item:hover p, .container .section3 .con .item:hover a, .container .section3 .con .item:hover h2, .container .section3 .con .item:hover h3 {

  transition: 0.3s ease all;

  color: #fff !important;

}

.container .section3 .con .item .date h3 {

  font-family: Bebas;

  font-size: 50px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #7a7a7a;

}

.container .section3 .con .item .date p {

  font-family: Bebas;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 29px;

  letter-spacing: 0px;

  color: #7a7a7a;

}

.container .section3 .con .item .s_title {

  font-family: MicrosoftYaHei;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 33px;

  letter-spacing: 0px;

  color: #3b3b3b;

  margin-top: 25px;

  margin-bottom: 25px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.container .section3 .con .item .info {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 27px;

  letter-spacing: 0px;

  color: #737373;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.container .section3 .con .item a {

  font-family: MicrosoftYaHei;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 29px;

  letter-spacing: 0px;

  color: #0067ae;

  padding-top: 45px;

  display: block;

}

.container .section3 .show {

  display: flex;

}

.container .section4 {

  width: 100%;

  height: 7.5rem;

  background: url("../img/14.png") no-repeat center center;

  display: flex;

  align-items: center;

  justify-content: center;

}

.container .section4 .box {

  width: 5.5rem;

  height: 5.5rem;

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

}

.container .section4 .box .mainImg {

  width: 95%;

  transition: 0.3s linear all;

  border-radius: 33%;

}

.container .section4 .box .mainImg:hover {

  width: 100%;

}

.container .section4 .box .s1 {

  box-sizing: border-box;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 5.5rem;

  height: 5.5rem;

  border: solid 1px rgba(255, 255, 255, 0.2);

  position: relative;

}

.container .section4 .box .s1 .info {

  position: absolute;

  cursor: pointer;

  transition: 0.3s all ease;

}

.container .section4 .box .s1 .info:hover {

  transform: translateY(-5px);

}

.container .section4 .box .s1 .info .txt {

  font-family: MicrosoftYaHeiLight;

  font-size: 0.1833333333rem;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

  position: relative;

  opacity: 0.8;

}

.container .section4 .box .s1 .info .txt:before {

  content: '';

  position: absolute;

  width: 0.05rem;

  height: 0.05rem;

  background-color: #fff;

  border-radius: 50%;

}

.container .section4 .box .s1 .one {

  top: -0.3333333333rem;

  left: 2.4166666667rem;

}

.container .section4 .box .s1 .one .txt:before {

  left: 0.3333333333rem;

  bottom: -0.1083333333rem;

}

.container .section4 .box .s1 .two {

  top: 1.0833333333rem;

  left: -0.3833333333rem;

}

.container .section4 .box .s1 .two .txt:before {

  right: -0.125rem;

  bottom: 0.0833333333rem;

}

.container .section4 .box .s1 .three {

  bottom: 0.9166666667rem;

  left: -0.25rem;

}

.container .section4 .box .s1 .three .txt:before {

  right: -0.125rem;

  bottom: 0.0833333333rem;

}

.container .section4 .box .s1 .four {

  bottom: 0.9166666667rem;

  right: -0.2333333333rem;

}

.container .section4 .box .s1 .four .txt:before {

  left: -0.125rem;

  bottom: 0.0833333333rem;

}

.container .section4 .box .s1 .five {

  top: 1.0833333333rem;

  right: -0.4rem;

}

.container .section4 .box .s1 .five .txt:before {

  left: -0.125rem;

  bottom: 0.0833333333rem;

}

.container .section4 .box .s1 .s2 {

  border: solid 1px rgba(255, 255, 255, 0.4);

  display: flex;

  align-items: center;

  justify-content: center;

  width: 4.4166666667rem;

  height: 4.4166666667rem;

  border-radius: 50%;

}

.container .section4 .box .s1 .s2 .s3 {

  border: solid 1px #ffffff;

  width: 3.4166666667rem;

  height: 3.4166666667rem;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  background-color: rgba(255, 255, 255, 0.05);

}

.container .section4 .box .s1 .s2 .s3 img {

  width: 1.5rem;

}

.container .section4 .box .s1 .s2 .s3 .con {

  padding-top: 30px;

}

.container .section4 .box .s1 .s2 .s3 .con .introduce {

  font-family: MicrosoftYaHeiLight;

  font-size: 0.1333333333rem;

  font-weight: normal;

  font-stretch: normal;

  line-height: 0.25rem;

  letter-spacing: 0px;

  color: #ffffff;

  text-align: center;

  opacity: 0.8;

}

.container .section4 .app {

  display: none;

  width: 100%;

}



.jsmap-container .jsmap-svg-container svg {

  overflow: visible !important;

}



.jsmap-container {

  width: 100% !important;

  margin-top: 1rem;

}

.jsmap-container .jsmap-svg-container {

  width: 100% !important;

}

.jsmap-container .jsmap-svg-container svg {

  width: 100%;

  margin-left: 0 !important;

}



@media all and (max-width: 1620px) {

  .container .section .box .con {

    margin-top: -20%;

  }



  .container .section .box .s_box .left .info p {

    font-size: 12px;

  }



  .jsmap-container {

    padding-top: 25%;

  }



  .container .section3, .container .section2 .con, .container .section .box, .container .section1 .box {

    width: 86%;

  }



  .container {

    padding-top: 0;

  }



  .container .section1 .box .s1_con {

    padding-top: 55px;

  }



  .container .section1 {

    padding: 70px 0 90px;

  }



  .container .section2 .con .bottom .item .left .num {

    font-size: 50px;

  }



  .container .section2 .con .bottom .item .right h3 {

    font-size: 23px;

  }



  .container .section2 .con .bottom .item .right {

    padding-left: 20px;

  }



  .container .section2 .con .bottom .item .left {

    padding-right: 20px;

  }



  .container .section3 .con .item .s_title {

    font-size: 18px;

    margin-top: 15px;

    margin-bottom: 15px;

  }



  .container .section3 .con .item .info {

    font-size: 14px;

  }



  .container .section3 .con .item a {

    padding-top: 10px;

  }



  .container .section .box .con {

    width: 45%;

  }



  .container .section .box .con .item .iteml .item_num .num {

    font-size: 42px;

    margin-right: 5px;

  }



  .container .section .box .con .item .iteml .item_info {

    font-size: 14px;

  }



  .container .section .box .con .item .iteml .item_num {

    font-size: 14px;

  }



  .container .section .box .s_box .left .lookmore {

    width: 160px;

    height: 49px;

    font-size: 17px;

  }



  .container .swiper-container .linear {

    width: 90%;

  }

}

@media all and (max-width: 1250px) {

  .container .section1 .box .s1_con {

    flex-wrap: wrap;

  }



  .container .section1 .box .s1_con .item .con h3 {

    font-size: 24px;

  }



  .container .section1 .box .s1_con .item .con .small {

    font-size: 14px;

  }



  .container .section1 .box .s1_con .item {

    width: 48%;

    margin-bottom: 15px;

  }



  .container .section1 .box .s1_con .item .con {

    padding: 5px;

    width: auto;

    height: auto;

  }

}

@media all and (max-width: 1200px) {

  .container .section2 .con .bottom .item .left .num {

    font-size: 20px;

  }



  .container .section2 .con .bottom .item .right h3 {

    font-size: 18px;

  }



  .container .section2 .con .bottom .item .right p {

    font-size: 15px;

  }

}

@media all and (max-width: 1130px) {

  .container .section .box .con {

    width: 55%;

  }

}

@media all and (max-width: 940px) {

  .container .section .box .con {

    width: 80%;

  }



  .container .section2 .con .bottom {

    display: none;

  }

}

@media all and (max-width: 800px) {

  .container .section1 .box .s1_con .item {

    width: 48%;

    margin-bottom: 15px;

  }



  .container .section .box .con {

    margin-top: 0;

  }

}

@media all and (max-width: 775px) {

  .container .section4 {

    display: none;

  }

}

@media all and (max-width: 550px) {

  .container .section3 .top {

    flex-wrap: wrap;

  }

  .container .section3 .top .right {

    width: 100%;

    margin-top: 25px;

  }



  .container .section3 {

    padding-top: 30px;

    padding-bottom: 50px;

  }



  .container .section3 .con {

    margin-top: 30px;

  }



  .container .section3 .con {

    flex-wrap: wrap;

  }

  .container .section3 .con .item {

    width: 100%;

  }



  .container .section3 .con .item .date h3 {

    font-size: 30px;

  }



  .container .section3 .con .item .date p {

    font-size: 12px;

    line-height: 25px;

  }



  .container .section3 .con .item .s_title {

    font-size: 16px;

    line-height: 28px;

  }



  .container .section3 .con .item .info {

    font-size: 13px;

    line-height: 26px;

  }



  .container .section3 .con .item a {

    font-size: 14px;

  }



  .container .section3 .con .item {

    padding: 15px 12px;

  }



  .container .section .box .con {

    width: 100%;

  }



  .container .section .box .con .item {

    width: 50%;

    margin-left: 0%;

    margin-bottom: 20px;

  }



  .container .section .box .con .item .itemr {

    display: none;

  }



  .container .section .box .con .item .iteml .item_num .num {

    font-size: 26px;

  }



  .container .section .box {

    padding-bottom: 0;

  }



  .container .section .box .con .item img {

    width: 35px;

  }



  .container .section {

    padding-bottom: 22px;

  }



  .container .section1 .box .s1_con .item .con .small {

    display: none;

  }



  .container .section1 .box .s1_con .item .con {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .container .section1 .box .s1_con .item .skew {

    display: none;

  }



  .container .section1 .box .s1_con .item .con h3 {

    font-size: 22px;

  }



  .container .section1 .box .s1_con .item .con {

    border: none;

  }



  .container .section .box .s_box .right {

    display: none;

  }



  .container .section .box .s_box .left {

    width: 100%;

    padding-right: 0;

  }



  .container .section {

    padding-top: 35px;

  }



  .container .section1 {

    padding-bottom: 30px;

    padding-top: 35px;

  }



  .container .section2 .con .top {

    padding-top: 13px;

    align-items: center;

  }



  .container .section1 .box .s1_con {

    padding-top: 30px;

  }



  .container .swiper-container .linear {

    bottom: 15px;

  }



  .container .section2 .bcTxt {

    display: none;

  }



  .container .swiper-container .linear .item .num {

    font-size: 14px;

  }



  .container .section .box .con {

    top: 20px;

    position: relative;

    padding-bottom: 20px;

  }



  .container .section2 .con .top .title .english {

    font-size: 14px;

  }



  .container .title .chinese {

    font-size: 16px;

    margin-top: 4px;

  }



  .container .section2 .con .top .num {

    font-size: 15px;

  }

  .container .section2 .con .top .num .current {

    font-size: 15px;

  }



  .container .section2 .swiper-display .swiper-button-next, .container .section2 .swiper-display .swiper-button-prev {

    width: 30px;

    height: 30px;

  }



  .container .section2 .swiper-display .swiper-button-prev:after, .container .section2 .swiper-display .swiper-container-rtl .swiper-button-next:after, .container .section2 .swiper-display .swiper-button-next:after, .container .section2 .swiper-display .swiper-container-rtl .swiper-button-prev:after {

    font-size: 16px;

  }



  .swiper-button-next {

    right: 10px !important;

  }



  .container .section2 .con {

    height: 10%;

  }



  .container .section4 {

    display: block;

    height: 300px;

  }



  .container .section4 {

    height: 400px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .container .section4 .box {

    width: 300px;

    height: 300px;

  }

  .container .section4 .box .s1 {

    width: 100%;

    height: 100%;

  }

  .container .section4 .box .s1 .s2 {

    width: 250px;

    height: 250px;

  }

  .container .section4 .box .s1 .s2 .s3 {

    width: 200px;

    height: 200px;

  }

  .container .section4 .box .s1 .s2 .s3 .con {

    padding-top: 5px;

  }

  .container .section4 .box .s1 .s2 .s3 .con .introduce {

    font-size: 12px;

    line-height: 20px;

    padding-left: 10px;

    padding-right: 10px;

  }

  .container .section4 .box .s1 .s2 .s3 img {

    width: 90px;

  }



  .container .section4 .box .s1 .three {

    bottom: 0.75rem;

  }



  .container .section .box .s_box .left .info {

    padding-top: 15px;

  }

  .container .section .box .s_box .left .info .txt {

    font-size: 14px;

  }



  .container .section .box .s_box .left .lookmore {

    margin-top: 20px;

  }



  .container .section .box .s_box .left .lookmore {

    width: 135px;

    height: 40px;

    font-size: 15px;

  }



  .container .swiper-container .pag_num {

    bottom: 15px;

  }

  .container .swiper-container .pag_num span {

    font-size: 15px;

  }



  .container .swiper-container .swiper-pagination {

    justify-content: center;

    padding-right: 0px;

    bottom: 20px;

  }

  .container .swiper-container .swiper-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

  }



  .container .swiper-container .swiper-slide .pc {

    display: none;

  }



  .container .swiper-container .swiper-slide .app {

    display: block;

  }



  .container .section4 .box .s1 .one {

    top: -0.8333333333rem;

    left: 5.25rem;

  }

  .container .section4 .box .s1 .one .txt:before {

    left: 0.8333333333rem;

    bottom: -0.25rem;

  }



  .container .section4 .box .s1 .info .txt:before {

    width: 0.2083333333rem;

    height: 0.2083333333rem;

  }



  .container .section4 .box .s1 .two {

    top: 1.4166666667rem;

    left: -0.5416666667rem;

  }

  .container .section4 .box .s1 .two .txt:before {

    right: -0.375rem;

    bottom: 0.0833333333rem;

  }



  .container .section4 .box .s1 .five {

    top: 1.4166666667rem;

    right: -0.5416666667rem;

  }

  .container .section4 .box .s1 .five .txt:before {

    left: -0.375rem;

    bottom: 0.0833333333rem;

  }



  .container .section4 .box .s1 .three {

    bottom: 1rem;

    left: -0.25rem;

  }

  .container .section4 .box .s1 .three .txt:before {

    right: -0.3333333333rem;

    bottom: 0.4583333333rem;

  }



  .container .section4 .box .s1 .four {

    bottom: 1rem;

    right: -0.25rem;

  }

  .container .section4 .box .s1 .four .txt:before {

    left: -0.3333333333rem;

    bottom: 0.4583333333rem;

  }



  .container .section4 {

    box-sizing: border-box;

    padding: 0 7%;

  }

  .container .section4 .box {

    display: none;

  }

  .container .section4 .app {

    display: block;

  }

}