.box .title-container {
  position: relative;
  padding: 0.93333333rem 0;
  text-align: center;
}
.box .title-container .title {
  position: relative;
  font-size: 0.66666667rem;
  font-weight: bold;
  color: #333333;
  z-index: 1;
}
.box .title-container .subTitle {
  font-size: 0.88rem;
  font-weight: bold;
  letter-spacing: 0.09333333rem;
  color: #f1f1f1;
  opacity: 0.5;
  line-height: 0.5;
  z-index: -1;
}
.box .title-container::after {
  position: absolute;
  top: 1.78666667rem;
  left: 50%;
  display: block;
  content: '';
  width: 0.26666667rem;
  height: 0.16rem;
  background-image: url(../images/icon_arrow_02.png);
  background-size: contain;
  transform: translateX(-50%);
}
.box .title-container.active .title {
  color: #fff;
}
.box .title-container.active .subTitle {
  color: #4a9df6;
}
.box .title-container.active::after {
  background-image: url(../images/icon_arrow_03.png);
}
.box .title-box {
  padding: 1.06666667rem 0 0.89333333rem;
  text-align: center;
}
.box .title-box .title {
  font-size: 0.61333333rem;
  font-weight: bold;
  line-height: 0.61333333rem;
  letter-spacing: 0.05333333rem;
  color: #333333;
}
.box .title-box .subTitle {
  margin-top: 0.18666667rem;
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.29333333rem;
  color: #999999;
}
.wap-slides .list {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 9.44rem;
  height: 2.05333333rem;
  background-color: #ffffff;
  box-shadow: 0 1px 1.26666667rem 0 rgba(31, 111, 195, 0.17);
  border-radius: 0.13333333rem;
  transform: translate(-50%, 50%);
  z-index: 2;
  text-align: center;
}
.wap-slides .list .icon {
  margin: 0 auto;
  height: 0.72rem;
}
.wap-slides .list .title {
  margin: 0.10666667rem 0;
  font-size: 0.34666667rem;
  letter-spacing: 2px;
  color: #333333;
}
.wap-slides .list .hint {
  font-size: 0.26666667rem;
  letter-spacing: 1px;
  color: #999999;
}
.box.box-1 {
  width: 100%;
  height: 20.50666667rem;
  background: #fff url(../images/index/bg_01.png) no-repeat center center / cover;
  overflow: hidden;
}
.box.box-1 .title-container {
  padding-top: 1.78666667rem;
}
.box.box-1 .title-container::after {
  top: 2.66666667rem;
}
.box.box-1 .swiper-container2 {
  width: 100%;
}
.box.box-1 .swiper-container2 .swiper-slide {
  width: auto;
  transition: 300ms;
  transform: scale(0.9);
}
.box.box-1 .swiper-container2 .swiper-slide .content-container {
  height: 14.89333333rem;
  background-color: #ffffff;
  box-shadow: 0 0.21333333rem 1.26666667rem 0 rgba(31, 111, 195, 0.17);
  border-radius: 0.2rem;
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .top-box {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  width: 100%;
  height: 3.01333333rem;
  background-size: cover;
  border-radius: 0.13333333rem 0.13333333rem 0 0;
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .top-box .title {
  font-size: 0.49333333rem;
  font-weight: bold;
  color: #fff;
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .top-box .description {
  margin-top: 0.26666667rem;
  font-size: 0.32rem;
  color: #eeeeee;
  text-align: center;
  line-height: 1.5;
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .top-box.bg1 {
  background-image: url(../images/index/bg_05.png);
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .top-box.bg2 {
  background-image: url(../images/index/bg_06.png);
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .top-box.bg3 {
  background-image: url(../images/index/bg_07.png);
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .top-box.bg4 {
  background-image: url(../images/index/bg_08.png);
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.4rem 0.26666667rem 0;
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .list .item .img {
  width: 3.86666667rem;
  height: 2.53333333rem;
  object-fit: cover;
}
.box.box-1 .swiper-container2 .swiper-slide .content-container .list .item .label {
  margin: 0.34666667rem 0 0.53333333rem;
  font-size: 0.37333333rem;
  color: #333333;
  text-align: center;
}
.box.box-1 .swiper-container2 .swiper-slide-active,
.box.box-1 .swiper-container2 .swiper-slide-duplicate-active {
  transform: scale(1);
}
.box.box-2 {
  width: 100%;
  height: 18.76rem;
  background: #fff url(../images/index/bg_02.png) no-repeat center center / cover;
}
.box.box-2 .list .item a{
  display: flex;
  align-items: center;
  margin: 0 auto 0.4rem;
  padding: 0 0.4rem 0 0.26666667rem;
  width: 9.4rem;
  height: 3.30666667rem;
  background-color: #ffffff;
  box-shadow: 0 0.17333333rem 0.42666667rem 0 rgba(31, 111, 195, 0.05);
  border-radius: 0.2rem;
}
.box.box-2 .list .item .icon {
  width: 1.86666667rem;
  height: 1.92rem;
}
.box.box-2 .list .item .info {
  margin-left: 0.37333333rem;
}
.box.box-2 .list .item .info .title {
  font-size: 0.42666667rem;
  font-weight: bold;
  color: #333333;
}
.box.box-2 .list .item .info .description {
  margin-top: 0.26666667rem;
  font-size: 0.34666667rem;
  color: #999999;
  line-height: 1.5;
}
.box.box-3 {
  width: 100%;
  height: 14.37333333rem;
  background: #fff;
  overflow: hidden;
}
.box.box-3 .swiper-container3 .swiper-slide {
  width: 8.24rem;
  height: 7.66666667rem;
}
.box.box-3 .swiper-container3 .swiper-slide .content-conainer {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0 0.21333333rem 1.26666667rem 0 rgba(31, 111, 195, 0.17);
  border-radius: 0.2rem;
  overflow: hidden;
}
.box.box-3 .swiper-container3 .swiper-slide .content-conainer .img {
  width: 100%;
  height: 5.25333333rem;
  object-fit: cover;
}
.box.box-3 .swiper-container3 .swiper-slide .content-conainer .info {
  padding: 0.4rem 0.53333333rem 0 0.21333333rem;
}
.box.box-3 .swiper-container3 .swiper-slide .content-conainer .info .title {
  font-size: 0.4rem;
  font-weight: bold;
  color: #333333;
}
.box.box-3 .swiper-container3 .swiper-slide .content-conainer .info .description {
  margin-top: 0.26666667rem;
  font-size: 0.32rem;
  line-height: 1.5;
  color: #666666;
}
.box.box-4 {
  width: 100%;
  min-height: 11.17333333rem;
  background: #2786ed url(../images/index/bg_03.png) no-repeat center center / cover;
}
.box.box-4 .scroll-container {
  width: 100%;
  overflow: auto;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.box.box-4 .scroll-container::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.box.box-4 .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.13333333rem;
  padding: 0 0.26666667rem;
  width: 16.4rem;
}
.box.box-4 .list .item {
  margin: 0 0.13333333rem 0.26666667rem;
  padding: 0.13333333rem;
  width: 2.85333333rem;
  height: 1.48rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.13333333rem 0 rgba(0, 0, 0, 0.09);
}
.box.box-4 .list .item .icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.box.box-5 {
  width: 100%;
  min-height: 22.56rem;
  background: #fff url(../images/index/bg_04.png) no-repeat center center / cover;
}
.box.box-5 .title-container {
  padding-bottom: 0;
}
.box.box-5 .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box.box-5 .tabs .tab {
  position: relative;
  padding: 0.33333333rem 0.26666667rem;
  font-size: 0.48rem;
  color: #333333;
  transition: all 0.2s linear;
}
.box.box-5 .tabs .tab::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  content: '';
  width: 0;
  height: 0.06666667rem;
  background-color: #3974f4;
  border-radius: 3px;
  transform: translateX(-50%);
  transition: all 0.2s linear;
}
.box.box-5 .tabs .tab.active {
  color: #3974f4;
}
.box.box-5 .tabs .tab.active::after {
  width: 1.01333333rem;
}
.box.box-5 .tabs-container {
  position: relative;
  margin-top: 0.53333333rem;
  padding: 0 0.26666667rem;
  height: 16.08rem;
}
.box.box-5 .tabs-container .tab-container {
  position: absolute;
  top: 0;
  display: none;
  width: 9.4rem;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0 0.21333333rem 1.26666667rem 0 rgba(31, 111, 195, 0.17);
  border-radius: 0.2rem;
}
.box.box-5 .tabs-container .tab-container:first-child {
  display: block;
}
.box.box-5 .tabs-container .tab-container .list {
  padding: 0 0.56rem;
}
.box.box-5 .tabs-container .tab-container .list .item a{
  display: flex;
  align-items: center;
  padding: 0.66666667rem 0;
  border-bottom: 1px solid #eeeeee;
}
.box.box-5 .tabs-container .tab-container .list .item .img {
  width: 2.53333333rem;
  height: 1.86666667rem;
  object-fit: cover;
}
.box.box-5 .tabs-container .tab-container .list .item .info {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  margin-left: 0.53333333rem;
  height: 1.86666667rem;
}
.box.box-5 .tabs-container .tab-container .list .item .info .title {
  font-size: 0.4rem;
  font-weight: bold;
  color: #333333;
  line-height: 0.61333333rem;
}
.box.box-5 .tabs-container .tab-container .list .item .info .read-date {
  font-size: 0.24rem;
  color: #999999;
}
.box.box-5 .tabs-container .tab-container .list .item .info .read-date span {
  margin-right: 0.49333333rem;
}
.box.box-5 .tabs-container .tab-container .list .item:last-child {
  border: none;
}
.box .moreBtn {
  display: block;
  margin: 1.46666667rem auto 0;
  width: 4.53333333rem;
  height: 1.09333333rem;
  font-size: 0.4rem;
  line-height: 1.09333333rem;
  text-align: center;
  color: #ffffff;
  background-image: linear-gradient(-3deg, #3974f4 0%, #5d8ef7 63%, #80a7fa 100%), linear-gradient(#3974f4, #3974f4);
  background-blend-mode: normal, 
      normal;
  box-shadow: 0px 13px 32px 0px rgba(31, 111, 195, 0.05);
  border-radius: 0.54666667rem;
}