.website_content_01 {
  width: 100%;
  height: 9.38rem;
  background: url(../img/webset_images_01/bg.png);
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
}
.website_content_01 .website_title {
  font-weight: bold;
  font-size: 0.75rem;
  color: #FFFFFF;
  line-height: 1.13rem;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 2.85rem;
  left: 4.16rem;
}
.website_content_01 .website_tip {
  font-weight: 500;
  font-size: 0.31rem;
  color: #FFFFFF;
  line-height: 0.5rem;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 3.95rem;
  left: 4.16rem;
}
.website_content_01 .website_items {
  position: relative;
  white-space: nowrap;
  top: 5.36rem;
  left: 4.16rem;
}
.website_content_01 .website_items span {
  display: inline-block;
  font-weight: 500;
  font-size: 0.3rem;
  color: #FFFFFF;
  line-height: 0.45rem;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  margin-right: 0.31rem;
  padding-left: 0.54rem;
  position: relative;
}
.website_content_01 .website_items span::before {
  content: "";
  display: block;
  width: 0.54rem;
  height: 0.5rem;
  background: url(../img/webset_images_01/item_before.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.website_content_01 .wbesite_btns {
  position: absolute;
  top: 6.49rem;
  left: 4.16rem;
}
.website_content_01 .wbesite_btns .btn_1 {
  display: inline-block;
  width: 1.88rem;
  height: 0.75rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.2rem 0rem rgba(173, 187, 255, 0.23);
  border-radius: 0.18rem;
  cursor: pointer;
  margin-right: 0.25rem;
  font-weight: 500;
  font-size: 0.25rem;
  color: #202122;
  line-height: 0.75rem;
  text-align: center;
}
.website_content_01 .wbesite_btns .btn_1:hover {
  background: linear-gradient(0deg, #ffffff 0%, #a3d1ff 100%);
}
.website_content_01 .wbesite_btns .btn_2 {
  display: inline-block;
  width: 1.88rem;
  height: 0.75rem;
  box-shadow: 0rem 0.03rem 0.2rem 0rem rgba(173, 187, 255, 0.23);
  background: linear-gradient(188deg, #77FFFF 0%, #2FBFF2 100%);
  border-radius: 0.18rem;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.25rem;
  color: #202122;
  line-height: 0.75rem;
  text-align: center;
}
.website_content_01 .wbesite_btns .btn_2:hover {
  background: linear-gradient(188deg, #2FBFF2 0%, #77FFFF 100%);
}
.website_content_01 .right_box .people_image {
  position: absolute;
  width: 2.85rem;
  height: 7.34rem;
  bottom: 0;
  right: 5.25rem;
  background: url(../img/webset_images_01/people.png) no-repeat;
  background-size: 100% 100%;
}
.website_content_01 .right_box .tip_01 {
  width: 1.88rem;
  height: 0.94rem;
  position: absolute;
  top: 3.19rem;
  right: 4rem;
  background: url(../img/webset_images_01/tip_01.png) no-repeat;
  background-size: 100% 100%;
}
.website_content_01 .right_box .tip_02 {
  width: 1.88rem;
  height: 0.94rem;
  position: absolute;
  top: 4.58rem;
  right: 7.08rem;
  background: url(../img/webset_images_01/tip_02.png) no-repeat;
  background-size: 100% 100%;
}
.website_content_01 .right_box .tip_03 {
  width: 1.88rem;
  height: 0.94rem;
  position: absolute;
  bottom: 2.54rem;
  right: 4.41rem;
  background: url(../img/webset_images_01/tip_03.png) no-repeat;
  background-size: 100% 100%;
}
.website_content_02 {
  width: 100%;
  height: 10.56rem;
  background: url(../img/webset_images_02/bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.website_content_02 .website_title {
  font-weight: bold;
  font-size: 0.45rem;
  color: #061440;
  line-height: 0.68rem;
  top: 0.86rem;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
}
.website_content_02 .website_title span {
  color: #2575E5;
}
.website_content_02 .website_tip {
  position: absolute;
  top: 1.6rem;
  left: 0;
  right: 0;
  font-weight: 400;
  font-size: 0.23rem;
  color: #8990A6;
  line-height: 0.34rem;
  text-align: center;
}
.website_content_02 .website_items .item_01 {
  width: 3.3rem;
  height: 5.94rem;
  background: url(../img/webset_images_02/01.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 3.05rem;
  left: 5.18rem;
}
.website_content_02 .website_items .item_01::before {
  content: "";
  width: 0.8rem;
  height: 0.95rem;
  background: url(../img/webset_images_02/to.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 1.85rem;
  right: -1.34rem;
}
.website_content_02 .website_items .item_02 {
  width: 3.3rem;
  height: 5.94rem;
  background: url(../img/webset_images_02/02.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 3.05rem;
  left: 10.35rem;
}
.website_content_02 .website_items .item_02::before {
  content: "";
  width: 0.8rem;
  height: 0.95rem;
  background: url(../img/webset_images_02/to.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 1.85rem;
  right: -1.34rem;
}
.website_content_02 .website_items .item_03 {
  width: 3.3rem;
  height: 5.94rem;
  background: url(../img/webset_images_02/03.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 3.05rem;
  right: 5.18rem;
}
.website_content_03 {
  width: 100%;
  height: 9.06rem;
  position: relative;
}
.website_content_03 .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.website_content_03 .bg img {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  top: 0;
  left: 0;
}
.website_content_03 .bg img.active {
  opacity: 1;
}
.website_content_03 .website_title {
  font-weight: bold;
  font-size: 0.45rem;
  color: #061440;
  line-height: 0.68rem;
  top: 0.86rem;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
}
.website_content_03 .website_title span {
  color: #2575E5;
}
.website_content_03 .website_tip {
  position: absolute;
  top: 1.6rem;
  left: 0;
  right: 0;
  font-weight: 400;
  font-size: 0.23rem;
  color: #8990A6;
  line-height: 0.34rem;
  text-align: center;
}
.website_content_03 .website_toggle_content {
  width: 16rem;
  height: 5.56rem;
  background: #F0F7FE;
  border: 0.01rem solid #FFFFFF;
  position: absolute;
  left: 4rem;
  bottom: 0.91rem;
}
.website_content_03 .website_toggle_content .left_toggle_btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #F0F7FE;
}
.website_content_03 .website_toggle_content .left_toggle_btn .btns {
  display: block;
  width: 2rem;
  height: 0.63rem;
  border-radius: 0.08rem;
  margin: 0.2rem 0.2rem 0.25rem;
  line-height: 0.63rem;
  cursor: pointer;
  overflow: hidden;
  font-size: 0.2rem;
  white-space: nowrap;
}
.website_content_03 .website_toggle_content .left_toggle_btn .btns img {
  width: 0.25rem;
  vertical-align: sub;
  margin-right: 0.02rem;
  filter: drop-shadow(2rem 0 0 #000);
  transform: translateX(-2rem);
  margin-left: 0.23rem;
}
.website_content_03 .website_toggle_content .left_toggle_btn .btns.active,
.website_content_03 .website_toggle_content .left_toggle_btn .btns:hover {
  color: #fff;
  background: #2575E5;
}
.website_content_03 .website_toggle_content .left_toggle_btn .btns.active img,
.website_content_03 .website_toggle_content .left_toggle_btn .btns:hover img {
  filter: drop-shadow(2rem 0 0 #fff);
  transform: translateX(-2rem);
}
.website_content_03 .website_toggle_content .right_content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 2.38rem;
  background: #fff;
}
.website_content_03 .website_toggle_content .right_content .content_data {
  position: absolute;
  top: 0.7rem;
  left: 0.5rem;
  width: 7.6rem;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_data_title {
  font-weight: bold;
  font-size: 0.25rem;
  color: #000229;
  margin-bottom: 0.1rem;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_data_tip {
  font-weight: 400;
  font-size: 0.18rem;
  color: #000E45;
  line-height: 0.26rem;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks {
  width: 7.7rem;
  height: 2.5rem;
  margin-top: 0.2rem;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block {
  width: 1.33rem;
  height: 2.13rem;
  background: #F2F7FF;
  border-radius: 0.08rem;
  margin-right: 0.19rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.2rem;
  color: #000229;
  box-sizing: border-box;
  padding-top: 0.38rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block .content_icon {
  max-width: 0.75rem;
  position: absolute;
  left: 50%;
  bottom: 0.13rem;
  transform: translate(-50%);
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block .content_icon_hover {
  position: absolute;
  left: -100%;
  height: 1.54rem;
  bottom: 0;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block.active {
  background: #2575E5;
  color: #fff;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block:last-child {
  margin-right: 0;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block:hover {
  background: #2575E5;
  cursor: pointer;
  color: #FFFFFF;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block:hover .content_icon {
  display: none;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block:hover .content_icon_hover {
  transform: translate(1.38rem, 0);
  transition: all 0.7s;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block::before {
  content: "了解更多";
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  bottom: 0.4rem;
  transform: translate(-50%);
  white-space: nowrap;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_blocks .content_block::after {
  content: "";
  display: block;
  width: 0.31rem;
  height: 0.31rem;
  background: url(../img/webset_images_03/link.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0.15rem;
  bottom: 0.13rem;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_image {
  white-space: nowrap;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_image span {
  width: 1.74rem;
  height: 0.69rem;
  margin-right: 0.23rem;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_image span:last-child {
  margin-right: 0;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_image span img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.website_content_03 .website_toggle_content .right_content .content_data .content_image span:hover img {
  transform: scale(1.2);
}
.website_content_03 .website_toggle_content .right_content .right_view {
  position: absolute;
  width: 4.3rem;
  top: 0.65rem;
  right: 0.4rem;
}
.website_content_03 .website_toggle_content .right_content .right_view .right_view_box {
  width: 4.25rem;
  height: 2.81rem;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.website_content_03 .website_toggle_content .right_content .right_view .right_view_box::before {
  content: "点击查看";
  text-align: center;
  width: 0.75rem;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  padding-top: 0.6rem;
  display: inline-block;
  z-index: 15;
  background: url(../img/webset_images_03/720d.png) no-repeat;
  background-size: 100%;
  background-position: top center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.website_content_03 .website_toggle_content .right_content .right_view .right_view_box img {
  width: 100%;
  height: 100%;
  transition: all 0.4s;
}
.website_content_03 .website_toggle_content .right_content .right_view .right_view_box:hover img {
  transform: scale(1.3);
}
.website_content_03 .website_toggle_content .right_content .right_view .right_toggle_btns .right_btn_item {
  display: inline-block;
  margin-top: 0.15rem;
  width: 2.05rem;
  height: 0.58rem;
  background: linear-gradient(90deg, #D2E8FF 0%, #F4FAFF 100%);
  border-radius: 0.06rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.18rem;
  color: #000229;
  line-height: 0.58rem;
  cursor: pointer;
  float: left;
}
.website_content_03 .website_toggle_content .right_content .right_view .right_toggle_btns .right_btn_item.active,
.website_content_03 .website_toggle_content .right_content .right_view .right_toggle_btns .right_btn_item:hover {
  background: #2575E5;
  color: #fff;
}
.website_content_03 .website_toggle_content .right_content .right_view .right_toggle_btns .right_btn_item:nth-child(2n - 1) {
  margin-right: 0.15rem;
}
.website_content_04 {
  width: 100%;
  height: 6.44rem;
  background: url(../img/webset_images_04/bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.website_content_04 .website_title {
  font-weight: bold;
  font-size: 0.45rem;
  color: #061440;
  line-height: 0.68rem;
  top: 1.44rem;
  left: 6.45rem;
  position: absolute;
}
.website_content_04 .website_title span {
  color: #2575E5;
}
.website_content_04 .website_tip {
  font-weight: 400;
  font-size: 0.23rem;
  color: #000E45;
  position: absolute;
  top: 3.2rem;
  left: 6.46rem;
}
.website_content_04 .website_tip::before {
  content: "";
  display: block;
  width: 0.31rem;
  height: 0.31rem;
  background: url(../img/webset_images_04/right.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -0.32rem;
  bottom: 0;
}
.website_content_04 .website_content_form {
  width: 5.56rem;
  padding: 0.56rem 0.5rem 0.63rem;
  background: rgba(255, 255, 255, 0.42);
  border-radius: 0.05rem;
  border: 0.01rem solid #FFFFFF;
  position: absolute;
  right: 4.91rem;
  top: 0.94rem;
}
.website_content_04 .website_content_form .form_title {
  font-weight: bold;
  font-size: 0.25rem;
  color: #000E45;
  line-height: 0.38rem;
  text-align: left;
  margin-bottom: 0.4rem;
}
.website_content_04 .website_content_form .forms_item {
  margin-bottom: 0.3rem;
}
.website_content_04 .website_content_form .forms_item .forms_item_title {
  font-weight: 400;
  font-size: 0.18rem;
  color: #616C91;
  line-height: 0.26rem;
  text-align: left;
  margin-bottom: 0.1rem;
}
.website_content_04 .website_content_form .forms_item input {
  width: 4.56rem;
  height: 0.5rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.13rem 0rem rgba(0, 0, 0, 0.06);
  border-radius: 0.05rem;
  line-height: 0.5rem;
  box-sizing: border-box;
  padding: 0 0.3rem;
}
.website_content_04 .website_content_form .website_submit {
  width: 4.56rem;
  height: 0.56rem;
  background: #2575E5;
  border-radius: 0.05rem;
  font-weight: bold;
  font-size: 0.18rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.56rem;
  cursor: pointer;
  user-select: none;
}
.website_content_05 {
  width: 100%;
  height: 10.38rem;
  background: url(../img/webset_images_05/bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.website_content_05 .website_title {
  font-weight: bold;
  font-size: 0.45rem;
  color: #061440;
  line-height: 0.68rem;
  text-align: center;
  top: 0.86rem;
  left: 0;
  right: 0;
  position: absolute;
}
.website_content_05 .website_title span {
  color: #2575E5;
}
.website_content_05 .website_tip {
  position: absolute;
  top: 1.6rem;
  left: 0;
  right: 0;
  font-weight: 400;
  font-size: 0.23rem;
  color: #8990A6;
  line-height: 0.34rem;
  text-align: center;
}
.website_content_05 .left_toggle_list,
.website_content_05 .right_toggle_list {
  position: absolute;
  top: 2.5rem;
  width: 4.06rem;
}
.website_content_05 .left_toggle_list .list_item,
.website_content_05 .right_toggle_list .list_item {
  width: 4.06rem;
  height: 2.25rem;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0.04rem 0.06rem 0.13rem 0rem rgba(0, 0, 0, 0.04);
  border-radius: 0.1rem;
  border: 0.03rem solid;
  border-image: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0)) 0.03 0.03;
  backdrop-filter: blur(5px);
  margin-bottom: 0.19rem;
  box-sizing: border-box;
  padding: 0.55rem 0.43rem;
  cursor: pointer;
}
.website_content_05 .left_toggle_list .list_item .item_title,
.website_content_05 .right_toggle_list .list_item .item_title {
  font-weight: bold;
  font-size: 0.25rem;
  color: #091F41;
  margin-bottom: 0.2rem;
}
.website_content_05 .left_toggle_list .list_item p,
.website_content_05 .right_toggle_list .list_item p {
  font-weight: 400;
  font-size: 0.2rem;
  color: #091F41;
  line-height: 0.31rem;
}
.website_content_05 .left_toggle_list .list_item.active,
.website_content_05 .right_toggle_list .list_item.active,
.website_content_05 .left_toggle_list .list_item:hover,
.website_content_05 .right_toggle_list .list_item:hover {
  background: linear-gradient(331deg, #165CEB 0%, #4093FF 63%, #40BCFF 100%);
}
.website_content_05 .left_toggle_list .list_item.active .item_title,
.website_content_05 .right_toggle_list .list_item.active .item_title,
.website_content_05 .left_toggle_list .list_item:hover .item_title,
.website_content_05 .right_toggle_list .list_item:hover .item_title {
  color: #FFFFFF;
}
.website_content_05 .left_toggle_list .list_item.active p,
.website_content_05 .right_toggle_list .list_item.active p,
.website_content_05 .left_toggle_list .list_item:hover p,
.website_content_05 .right_toggle_list .list_item:hover p {
  color: #FFFFFF;
}
.website_content_05 .left_toggle_list {
  left: 4rem;
}
.website_content_05 .right_toggle_list {
  right: 4rem;
}
.website_content_05 .list_content {
  position: absolute;
  top: 2.5rem;
  left: 8.25rem;
  width: 7.5rem;
}
.website_content_05 .list_content img {
  width: 100%;
  height: 100%;
}
.website_content_06 {
  width: 100%;
  height: 10.96rem;
  background: #FFFFFF;
  position: relative;
}
.website_content_06 .website_title {
  font-weight: bold;
  font-size: 0.45rem;
  color: #061440;
  line-height: 0.68rem;
  top: 0.86rem;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
}
.website_content_06 .website_title span {
  color: #2575E5;
}
.website_content_06 .website_tip {
  position: absolute;
  top: 1.6rem;
  left: 0;
  right: 0;
  font-weight: 400;
  font-size: 0.23rem;
  color: #8990A6;
  line-height: 0.34rem;
  text-align: center;
}
.website_content_06 .content_box_01 {
  width: 8.75rem;
  height: 3.19rem;
  position: absolute;
  top: 2.65rem;
  left: 4rem;
  background: url(../img/webset_images_06/01.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.website_content_06 .content_box_01 .content_title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #FFFFFF;
  position: absolute;
  top: 0.76rem;
  left: 0.71rem;
}
.website_content_06 .content_box_01 .content_text {
  font-weight: 400;
  font-size: 0.25rem;
  color: #FFFFFF;
  line-height: 0.38rem;
  width: 4.06rem;
  position: absolute;
  top: 1.3rem;
  left: 0.71rem;
}
.website_content_06 .content_box_01::before {
  content: "";
  width: 3.58rem;
  height: 2.55rem;
  background: url(../img/webset_images_06/01_before.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0.39rem;
  right: 0;
}
.website_content_06 .content_box_02 {
  width: 6.94rem;
  height: 3.19rem;
  position: absolute;
  top: 2.65rem;
  right: 4rem;
  background: url(../img/webset_images_06/02.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.website_content_06 .content_box_02 .content_title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #FFFFFF;
  position: absolute;
  top: 0.76rem;
  left: 0.71rem;
}
.website_content_06 .content_box_02 .content_text {
  font-weight: 400;
  font-size: 0.25rem;
  color: #FFFFFF;
  line-height: 0.38rem;
  width: 4.35rem;
  position: absolute;
  top: 1.3rem;
  left: 0.71rem;
}
.website_content_06 .content_box_02::before {
  content: "";
  width: 3.92rem;
  height: 2.46rem;
  background: url(../img/webset_images_06/02_before.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0.44rem;
  right: -0.5rem;
}
.website_content_06 .content_box_03 {
  width: 6.94rem;
  height: 4rem;
  position: absolute;
  bottom: 0.88rem;
  left: 4rem;
  background: url(../img/webset_images_06/03.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.website_content_06 .content_box_03 .content_title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #FFFFFF;
  position: absolute;
  top: 0.57rem;
  left: 0.57rem;
}
.website_content_06 .content_box_03 .content_text {
  font-weight: 400;
  font-size: 0.25rem;
  color: #FFFFFF;
  line-height: 0.38rem;
  width: 5.3rem;
  position: absolute;
  top: 1.04rem;
  left: 0.57rem;
}
.website_content_06 .content_box_03::before {
  content: "";
  width: 5.85rem;
  height: 2.29rem;
  background: url(../img/webset_images_06/03_before.png);
  background-size: 100% 100%;
  position: absolute;
  top: 1.5rem;
  right: 0.51rem;
}
.website_content_06 .content_box_04 {
  width: 8.75rem;
  height: 4rem;
  position: absolute;
  bottom: 0.88rem;
  right: 4rem;
  background: url(../img/webset_images_06/04.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.website_content_06 .content_box_04 .content_title {
  font-weight: bold;
  font-size: 0.3rem;
  color: #FFFFFF;
  position: absolute;
  top: 0.98rem;
  left: 0.57rem;
}
.website_content_06 .content_box_04 .content_text {
  font-weight: 400;
  font-size: 0.25rem;
  color: #FFFFFF;
  line-height: 0.38rem;
  width: 3.85rem;
  position: absolute;
  top: 1.45rem;
  left: 0.57rem;
}
.website_content_06 .content_box_04::before {
  content: "";
  width: 4.24rem;
  height: 3.2rem;
  background: url(../img/webset_images_06/04_before.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0.59rem;
  right: 0.79rem;
}
.website_content_07 {
  width: 100%;
  height: 10.41rem;
  background: url(../img/webset_images_07/bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.website_content_07 .website_title {
  font-size: 0.45rem;
  color: #000E45;
  top: 1.45rem;
  left: 4.01rem;
  position: absolute;
}
.website_content_07 .website_title span {
  font-weight: 800;
}
.website_content_07 .website_tip {
  position: absolute;
  top: 2.19rem;
  left: 4.01rem;
  font-weight: 400;
  font-size: 0.23rem;
  color: #8990A6;
  line-height: 0.34rem;
  text-align: center;
}
.website_content_07 .color_line {
  position: absolute;
  top: 3.1rem;
  left: 4rem;
}
.website_content_07 .color_line .color_line_item {
  display: inline-block;
  width: 1.7rem;
  font-weight: bold;
  font-size: 0.25rem;
  color: #061440;
}
.website_content_07 .color_line .color_line_item:nth-child(1) span {
  font-weight: bold;
  font-size: 0.63rem;
  color: #FF9822;
}
.website_content_07 .color_line .color_line_item:nth-child(2) span {
  font-weight: bold;
  font-size: 0.63rem;
  color: #FE716C;
}
.website_content_07 .color_line .color_line_item:nth-child(3) span {
  font-weight: bold;
  font-size: 0.63rem;
  color: #39CFBE;
}
.website_content_07 .color_line .color_line_item:nth-child(4) span {
  font-weight: bold;
  font-size: 0.63rem;
  color: #5085FB;
}
.website_content_07 .color_line .color_line_item p {
  font-weight: 400;
  font-size: 0.23rem;
  color: #061440;
}
.website_content_07 .card_box_list {
  position: absolute;
  left: 4rem;
  bottom: 1.2rem;
}
.website_content_07 .list {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 4.53rem;
}
.website_content_07 .list .list-item {
  width: 4.19rem;
  height: 4.53rem;
  box-sizing: border-box;
  background: hsla(0, 0%, 100%, 0.4);
  box-shadow: 0 10px 80px 5px rgba(1, 40, 111, 0.05);
  border-radius: 8px;
  border: 2px solid hsla(0, 0%, 100%, 0.1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transition: all 0.8s;
  overflow: hidden;
  position: relative;
  margin-right: 0.2rem;
}
.website_content_07 .list .list-item.active {
  width: 7.48rem;
  height: 4.53rem;
  transition: all 0.8s;
}
.website_content_07 .list .list-item.active .subTitle {
  visibility: visible!important;
}
.website_content_07 .list .list-item.active .num {
  visibility: hidden!important;
}
.website_content_07 .list .list-item.active .contraction {
  transform: translateY(-140px);
  transition: all 0.8s ease-in-out;
  padding-bottom: 12px;
}
.website_content_07 .list .list-item.active .contraction .num {
  transform: translateY(-14px);
  transition: all 0.4s 0.2s;
}
.website_content_07 .list .list-item.active .contraction .title {
  font-size: 0.3rem;
  font-weight: 600;
  line-height: 36px;
  transition: all 0.6s;
}
.website_content_07 .list .list-item.active .exhibition {
  transform: translateY(-140px);
  transition: all 0.9s ease-in-out;
}
.website_content_07 .list .list-item.active .exhibition .tag-item {
  transform: translateY(0) !important;
  transition: all 0.8s 0.1s;
}
.website_content_07 .list .list-item .contraction {
  font-weight: 700;
  transition: all 0.5s;
  /*padding: 118px 40px 12px;*/
  padding-top: 2.14rem;
  padding-left: 0.43rem;
  transition: all 0.8s;
}
.website_content_07 .list .list-item .contraction .num {
  font-size: 0.5rem;
  color: rgba(0, 108, 255, 0.2);
  line-height: 40px;
  margin-bottom: 0.1rem;
  transform: translateY(0);
  transition: all 0.8s;
  visibility: visible;
}
.website_content_07 .list .list-item .contraction .title {
  font-size: 0.25rem;
  color: #202124;
  line-height: 32px;
  white-space: nowrap;
  transition: all 0.8s;
}
.website_content_07 .list .list-item .exhibition {
  width: 100%;
  padding-bottom: 0.45rem;
  box-sizing: border-box;
  white-space: nowrap;
  transform: translateY(20px);
  transition: all 0.6s;
}
.website_content_07 .list .list-item .exhibition .subTitle {
  font-size: 0.2rem;
  font-weight: 400;
  color: #7a8799;
  line-height: 0.3rem;
  margin-bottom: 0.57rem;
  padding-left: 0.5rem;
  transition: all 0.6s;
  visibility: hidden;
}
.website_content_07 .list .list-item .exhibition .tag {
  width: 6.5rem;
  display: flex;
  justify-content: space-between;
  transition: all 2.4s;
}
.website_content_07 .list .list-item .exhibition .tag .tag-item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding-left: 0.48rem;
  /*border-right: 1px solid rgba(0,108,255,.1);*/
  transition: all 1.2s ease-in-out;
}
.website_content_07 .list .list-item .exhibition .tag .tag-item div {
  font-size: 0.22rem;
}
.website_content_07 .list .list-item .exhibition .tag .tag-item:last-child {
  padding-right: 0;
  border-right: none;
}
.website_content_07 .list .list-item .exhibition .tag .tag-item:first-child {
  padding-left: 0.5rem;
}
.website_content_07 .list .list-item .exhibition .tag .tag-item img {
  width: 0.4rem;
  display: block;
  margin-bottom: 8px;
}
.website_content_07 .list .list-item .rightImg {
  width: 1.8rem;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
.website_content_07 .list .list-item:last-child .exhibition .tag-item {
  /*padding: 0 0.3rem*/
  padding-left: 0.48rem;
}
.website_content_08 {
  overflow: hidden;
}
.website_content_08 .content3 {
  text-align: center;
}
.website_content_08 .content3 .commonTitle {
  font-size: 0.45rem;
  color: #000E45;
  margin-top: 0.88rem;
}
.website_content_08 .content3 .commonTitle span {
  font-weight: 800;
}
.website_content_08 .content3 .commonDesc {
  font-weight: 400;
  font-size: 0.23rem;
  color: #000E45;
  line-height: 0.34rem;
  margin-top: 0.3rem;
}
.website_content_08 .gloryItemBox {
  width: 3.5057rem;
  height: 6.7591rem;
  transition: all 1s;
  display: flex;
  cursor: pointer;
  flex-flow: column nowrap;
  justify-content: space-between;
  margin-right: 0.2522rem;
}
.website_content_08 .swiper-container122 > .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}
.website_content_08 .gloryItem {
  width: 3.5057rem;
  height: 3.2535rem;
  background: linear-gradient(180deg, #fff, #e9f0ff);
  box-shadow: 0 0.0631rem 0.3279rem 0 rgba(209, 225, 255, 0.64);
  border-radius: 0.0757rem;
  border: 0.0252rem solid #fff;
  box-sizing: border-box;
  overflow: hidden;
  align-items: flex-start;
  text-align: left;
}
.website_content_08 .gloryItem .box {
  width: 100%;
  margin-top: 0.1639rem;
  padding: 0px 0.1892rem 0px 0.1892rem;
}
.website_content_08 .gloryItem .box img {
  width: 100%;
  height: 2.3077rem;
  display: block;
  pointer-events: none;
}
.website_content_08 .gloryItem .content {
  font-size: 0.2018rem;
  margin-top: 0.1639rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
  font-weight: bold;
  color: #262A47;
  text-align: center;
}
.website_content_08 .allShadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}
.website_content_08 .allShadow img {
  z-index: 1000;
  text-align: center;
  position: absolute;
  /* width: 1000px;
        height: 740px; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.website_content_08 #picList1 {
  margin: 0 auto;
  padding-top: 0.6936rem;
  display: flex;
  align-items: center;
}
.viDivBgserviceingo {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  /* display: none; */
  z-index: 1001;
  background: rgba(0, 0, 0, 0.6);
}
.viDivserviceingo {
  width: 55%;
  height: 70%;
  border: 0rem solid #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.viDivserviceingo .videoserviceingo {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.viDivserviceingo span {
  width: 0.425rem;
  height: 0.425rem;
  position: absolute;
  right: -0.375rem;
  top: -0.375rem;
  cursor: pointer;
  z-index: 889;
  background: #fff;
  border-radius: 50%;
}
.viDivserviceingo span img {
  display: block;
  width: 100%;
  height: 100%;
}
.viDivserviceingo span {
  right: -0.225rem;
  top: -0.225rem;
  background: url("//qjzb.kuleiman.com/record/klm/comin/1/header/viClose3.png") no-repeat 50% 50%;
  background-size: 92% auto;
}
.viDivserviceingo span:hover {
  background: url("//qjzb.kuleiman.com/record/klm/comin/1/header/viClose2.png") no-repeat 50% 50%;
  background-size: 92% auto;
}
.allShadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}
.allShadow img {
  z-index: 1000;
  text-align: center;
  position: absolute;
  /* width: 1000px;
    height: 740px; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.allShadow .iconclose-line {
  background: url('//qjzb.kuleiman.com/record/klm/zs/1/puc_col2.svg') no-repeat center / 100%;
  width: 0.3783rem;
  height: 0.3783rem;
  display: inline-block;
}
.allShadow .iconzuo {
  background: url('//qjzb.kuleiman.com/record/klm/zs/1/lef1.svg') no-repeat center / 100%;
  width: 0.2018rem;
  height: 0.3405rem;
  display: inline-block;
}
.allShadow .iconyou {
  background: url('//qjzb.kuleiman.com/record/klm/zs/1/rig2.svg') no-repeat center / 100%;
  width: 0.2018rem;
  height: 0.3405rem;
  display: inline-block;
}
.allShadow .left {
  left: 5%;
}
.allShadow .left,
.allShadow .right {
  z-index: 1000;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.allShadow .right {
  right: 2%;
}
.allShadow .close {
  z-index: 1000;
  text-align: center;
  position: absolute;
  top: 10%;
  right: 2%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.bk11-1 {
  display: flex;
  margin-top: 0.42rem;
  justify-content: center;
  padding-bottom: 0.6936rem;
}
.bk11-1 div {
  margin-right: 0.38rem;
  cursor: pointer;
}
.bk11-1 div,
.bk11-1 img {
  width: 0.5rem;
  height: 0.5rem;
}