:root {
  --primary-color: #094;
  --primary-border: rgba(0,0,0,0.1);
  --fc6-color: #666;
  --gray-color: #bfbfbf;
  --fed-color: #ededed;
  --primary-bgcolor: #f4f4f4;
  --primary-bggreen: #f3f8f5;
  --screen-xs: 360px;
  --screen-sm: 750px;
  --screen-md: 960px;
  --screen-lg: 1024px;
  --screen-xl: 1200px;
  --screen-xx: 1440px;
  --screen-1k: 1920px;
}
@font-face {
  font-family: "Merriweather";
  src: url("../fonts/Merriweather-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OPPOSans";
  src: url("../fonts/OPPOSans/OPPOSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
/* font-variation-settings: 'wght' 750; */
}
@font-face {
  font-family: "OPPOSans";
  src: url("../fonts/OPPOSans/OPPOSans-Medium.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OPPOSans";
  src: url("../fonts/OPPOSans/OPPOSans-Bold.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'OPPOSans', "SourceHanSansCN-Regular";
}
.mban {
  color: #f5e7d2;
  height: 6.5rem;
  padding-top: 1.3rem;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mban .text {
  padding-top: 0.8rem;
  max-width: 6.1rem;
}
.mban .title {
  font-size: 0.62rem;
  line-height: 1;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 960px) {
  .mban .title {
    font-size: 0.48rem;
  }
}
.mban .intro {
  font-size: 0.2rem;
  line-height: calc(34 / 20);
}
.mban .cur {
  color: #fff;
}
.mban .cur a {
  color: #fff;
}
.mban .slogan {
  padding-top: 0.2rem;
}
.mban .slogan-title {
  height: 2.35rem;
}
.mban .slogan-title img {
  display: block;
  height: 100%;
}
.mban .slogan-text {
  color: #fff;
  font-size: 0.28rem;
}
@media screen and (max-width: 750px) {
  .mban .slogan-text {
    font-size: 0.2rem;
  }
}
.mban .slogan-text span {
  position: relative;
  padding: 0 0.55rem;
}
.mban .slogan-text span::before,
.mban .slogan-text span::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 0.44rem;
  height: 1px;
  background: #fff;
}
.mban .slogan-text span::before {
  left: 0;
}
.mban .slogan-text span::after {
  right: 0;
}
.serviceBg {
  background-color: #fff;
  background-image: url("./../images/bg-service2.jpg");
  background-position: center 4.6rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.m-service_row1 {
  height: 7rem;
  padding: 1.8rem 0;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 960px) {
  .m-service_row1 {
    padding: 1rem 0;
    height: auto;
  }
}
.m-service_row1 .text {
  color: #fff;
  max-width: 5.2rem;
}
.m-service_row1 .text .title {
  font-size: 0.5rem;
  line-height: 1;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 960px) {
  .m-service_row1 .text .title {
    font-size: 0.4rem;
  }
}
.m-service_row1 .text .intro {
  font-size: 0.18rem;
  line-height: calc(30 / 18);
}
@media screen and (max-width: 750px) {
  .m-service_row1 .text .intro {
    font-size: 0.24rem;
  }
}
.m-service_row1 .text .intro h4 {
  font-size: 1em;
}
.m-service_row2 {
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--primary-border);
  margin-bottom: 1.35rem;
}
.serviceList {
  position: relative;
}
.serviceList .item {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  overflow: hidden;
  background-color: #fff;
}
.cur-tabBtn {
  position: relative;
  display: none;
  float: right;
  width: 40px;
  height: 40px;
  padding: 7px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.cur-tabBtn b {
  display: block;
  height: 3px;
  background-color: #000;
  margin: 7px 0;
  border-radius: 2px;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.cur-tabBtn.open b {
  display: none;
  margin: 0;
  position: absolute;
  left: 10px;
  top: 50%;
  width: 30px;
}
.cur-tabBtn.open b:first-child {
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.cur-tabBtn.open b:last-child {
  display: block;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.m-cur_border {
  border-bottom: 1px solid var(--primary-border);
}
.m-cur_flex {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-cur_flex .right {
  margin: -0.19rem 0;
}
.m-cur_flex .cur-tablist {
  font-size: 0.18rem;
}
@media screen and (max-width: 960px) {
  .m-cur_flex .cur-tablist {
    font-size: 0.32rem;
    position: fixed;
    z-index: 10;
    left: 0;
    width: 100vw;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    backdrop-filter: blur(0);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, background, backdrop-filter;
    transition-delay: 0s, 0.35s, 0.35s;
    transition-duration: 0.35s, 0.5s, 0.5s;
  }
  .m-cur_flex .cur-tablist.open {
    opacity: 1;
    visibility: visible;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(0.1rem);
  }
}
.m-cur_flex .cur-tablist .cur-tabBtn {
  position: absolute;
  right: 2.8rem;
  top: 0.1rem;
}
.m-cur_flex .cur-tablist ul {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
}
@media screen and (max-width: 960px) {
  .m-cur_flex .cur-tablist ul {
    display: block;
    padding: 1rem 0;
    height: 100%;
    width: calc(100% - 2.5rem);
    background: #fff;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    overflow-y: auto;
  }
}
.m-cur_flex .cur-tablist li {
  color: #000;
  cursor: pointer;
  padding: 0.19rem 0;
  margin-left: 0.4rem;
  position: relative;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 960px) {
  .m-cur_flex .cur-tablist li {
    padding: 0.2rem;
    margin-left: 0;
  }
}
.m-cur_flex .cur-tablist li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1px;
  height: 2px;
  background: var(--primary-color);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}
.m-cur_flex .cur-tablist li a {
  color: #333;
}
.m-cur_flex .cur-tablist li:hover {
  color: var(--primary-color);
}
.m-cur_flex .cur-tablist li:hover a {
  color: var(--primary-color);
}
.m-cur_flex .cur-tablist li.active {
  color: var(--primary-color);
}
.m-cur_flex .cur-tablist li.active a {
  color: var(--primary-color);
}
.m-cur_flex .cur-tablist li.active::after {
  width: 100%;
}
@media screen and (max-width: 960px) {
  .cur-tabBtn {
    display: block;
  }
  .cur-tabBtn svg {
    width: 0.4rem;
    height: 0.4rem;
    fill: #333;
  }
}
.m-solute-info {
  padding-top: 1rem;
}
.m-solute-info .head {
  font-size: 0.42rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 960px) {
  .m-solute-info .head {
    font-size: 0.32rem;
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 750px) {
  .m-solute-info .head {
    font-size: 0.28rem;
  }
}
.m-solute-info .head .title {
  font-size: 0.5rem;
}
@media screen and (max-width: 960px) {
  .m-solute-info .head .title {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 750px) {
  .m-solute-info .head .title {
    font-size: 0.36rem;
  }
}
.m-solute-info .head .title .keywords {
  position: relative;
}
.m-solute-info .head .title .keywords::after {
  content: '';
  position: absolute;
  left: -10%;
  top: -35%;
  width: 120%;
  height: 150%;
  background: url("./../images/circle.png") no-repeat center;
  background-size: 100% 100%;
  display: none;
}
.m-solute-info .head .title .keywords svg {
  position: absolute;
  left: -80%;
  top: -50%;
  width: 250%;
  height: 200%;
}
.m-solution_row {
  padding: 1.2rem 0;
  overflow: hidden;
}
.m-solution_cont {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 750px) {
  .m-solution_cont {
    display: block;
  }
}
.m-solution_cont .picture {
  width: 50%;
  min-height: 5.15rem;
  -webkit-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  border-radius: 0.3rem;
  margin-right: 0.6rem;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .m-solution_cont .picture {
    width: auto;
    min-height: 0;
    height: 4rem;
    border-radius: 0.2rem;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.m-solution_cont .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-solution_cont .text {
  flex: 1;
}
.m-solution_cont .text .title {
  margin-bottom: 0.3rem;
}
.m-solution_cont .text .intro {
  font-size: 0.2rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 750px) {
  .m-solution_cont .text .intro {
    font-size: 0.24rem;
  }
}
.m-solution_cont .text .intro h4 {
  font-size: 0.26rem;
}
@media screen and (max-width: 750px) {
  .m-solution_cont .text .intro h4 {
    font-size: 0.28rem;
  }
}
.m-solution_cont .text .intro .keywords {
  position: relative;
}
.m-solution_cont .text .intro .keywords::after {
  content: '';
  position: absolute;
  left: -10%;
  top: -35%;
  width: 120%;
  height: 150%;
  background: url("./../images/circle.png") no-repeat center;
  background-size: 100% 100%;
  display: none;
}
.m-solution_cont .text .intro .keywords svg {
  position: absolute;
  z-index: -1;
  left: -80%;
  top: -50%;
  width: 250%;
  height: 200%;
}
.m-solution_cont .text .intro .green {
  color: var(--primary-color);
}
.m-solution_head {
  text-align: center;
  position: relative;
  margin-bottom: 0.5rem;
}
.m-solution_head .right {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.m-solution_head .right .btn {
  color: var(--primary-color);
  width: 0.84rem;
  height: 0.38rem;
  -webkit-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  border-radius: 0.2rem;
  border-radius: 0.2rem;
  border: 1px solid #d5edd2;
  margin-left: 0.1rem;
  -webkit-transition: 0.55s;
  -ms-transition: 0.55s;
  transition: 0.55s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-solution_head .right .btn:hover {
  background-color: var(--primary-color);
}
.m-solution_head .right .btn:hover i {
  filter: none;
}
.m-solution_head .right .btn:hover svg {
  fill: #fff;
}
.m-solution_head .right .btn svg {
  fill: var(--primary-color);
  width: 0.3rem;
  height: 0.2rem;
  -webkit-transition: 0.55s;
  -ms-transition: 0.55s;
  transition: 0.55s;
}
.m-solution_head .right .btn i {
  width: 0.24rem;
  height: 0.12rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}
.m-solution_head .right .btn i.jtl {
  background-image: url("./../images/jtl.png");
}
.m-solution_head .right .btn i.jtr {
  background-image: url("./../images/jtr.png");
}
.m-solution_row2 {
  color: #fff;
  padding: 1rem 0 1.4rem;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.m-solution_row2 .right .btn {
  color: #fff;
  border-color: #fff;
}
.m-solution_row2 .right .btn:hover {
  color: var(--primary-color);
  background-color: #fff;
}
.m-solution_cont2 .picture {
  width: calc(665 / 1440 * 100%);
  min-height: 7rem;
  margin-right: 0.7rem;
}
@media screen and (max-width: 750px) {
  .m-solution_cont2 .picture {
    width: auto;
    margin-right: 0;
    min-height: 0;
    height: 4rem;
  }
}
.m-solution_row4 {
  color: #fff;
  padding: 1rem 0;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.m-solution_row4 .list-box {
  max-height: 6rem;
  overflow-y: auto;
}
.m-solution_row5 {
  padding: 1.2rem 0;
  background-color: #f4f9f9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.m-solution_row5 .m-solution_head {
  margin-bottom: 0.8rem;
}
.m-solution_row2 .m-solution_head .btn i {
  filter: grayscale(100%) brightness(0) invert(1);
}
.m-solution_row2 .m-solution_head .btn svg {
  fill: #fff;
}
.m-solution_row6 {
  padding: 1rem 0 1.2rem;
  overflow: hidden;
  background-image: url("./../images/c-circle.png");
  background-repeat: no-repeat;
  background-size: auto 4.9rem;
  background-position: left bottom;
}
.m-solution_select {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  font-size: 0.16rem;
  position: fixed;
  left: 50%;
  bottom: 0.1rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  transition-delay: 1s;
}
.m-solution_select.show {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.m-solution_select.show .cont {
  width: 3.6rem;
  overflow: visible;
  transition-delay: 1s;
}
.m-solution_select.show .cont .select,
.m-solution_select.show .cont .split,
.m-solution_select.show .cont .button span {
  opacity: 1;
  visibility: visible;
  transition-delay: 1s;
}
.m-solution_select .cont {
  width: 0.6rem;
  height: 0.6rem;
  padding: 0.1rem;
  background-color: rgba(200,200,200,0.8);
  backdrop-filter: blur(0.1rem);
  border-radius: 0.3rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: width 0.8s;
  -ms-transition: width 0.8s;
  transition: width 0.8s;
}
.m-solution_select .cont .select,
.m-solution_select .cont .split,
.m-solution_select .cont .button span {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.m-solution_select .select.open .options {
  -webkit-transform: translateY(0rem);
  -ms-transform: translateY(0rem);
  transform: translateY(0rem);
  opacity: 1;
  visibility: visible;
}
.m-solution_select .select .checked {
  width: 1.5rem;
  padding: 0 0 0 0.2rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.m-solution_select .select .checked .icon {
  width: 0.1rem;
  height: 0.1rem;
  border: 1px solid;
  border-color: var(--gray-color) var(--gray-color) transparent transparent;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  display: block;
}
.m-solution_select .select .options {
  font-size: 0.16rem;
  background: #fff;
  border: 1px solid rgba(0,153,68,0.1);
  border-radius: 0.1rem;
  box-shadow: 0px -4px 16px 0px rgba(0,0,0,0.03);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  padding: 0.1rem;
  margin-bottom: 0.1rem;
  -webkit-transform: translateY(-0.2rem);
  -ms-transform: translateY(-0.2rem);
  transform: translateY(-0.2rem);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
}
.m-solution_select .select .options ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.m-solution_select .select .options ::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.06);
  border-radius: 3px;
}
.m-solution_select .select .options ::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 3px;
}
.m-solution_select .select .options ul {
  padding: 0.15rem 0;
  max-height: 2.4rem;
  overflow-y: auto;
}
.m-solution_select .select .options a {
  color: #333;
  padding: 0.1rem 0.2rem;
  line-height: 1.2;
  cursor: pointer;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  display: block;
}
.m-solution_select .select .options a:hover {
  color: var(--primary-color);
}
.m-solution_select .split {
  height: 0.2rem;
  width: 1px;
  background: var(--primary-border);
  margin: 0 0.2rem;
}
.m-solution_select .button {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.m-solution_select .button:hover {
  text-decoration: underline;
}
.m-solution_select .button span {
  margin-right: 0.7rem;
}
.m-solution_select .button .icon {
  flex: none;
  width: 0.4rem;
  height: 0.4rem;
  background: var(--primary-color);
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.1rem;
  bottom: 0.1rem;
}
.m-solution_select .button .icon img {
  width: 0.3rem;
  height: 0.3rem;
  object-fit: contain;
}
.m-case_row {
  position: relative;
  width: 90%;
  max-width: 14.4rem;
  margin: 0 auto 1rem;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 960px) {
  .m-case_row {
    margin-bottom: 0.6rem;
  }
}
.m-case_row.wide {
  width: 100%;
  max-width: 100vw;
}
.m-case_row.wide img {
  border-radius: 0;
}
.m-case_row.wide .logo {
  left: 0;
  right: 0;
  width: 90%;
  max-width: 14.4rem;
  margin: 0 auto;
}
.m-case_row.wide .text {
  left: 0;
  right: 0;
  width: 90%;
  max-width: 14.4rem;
  margin: 0 auto;
}
.m-case_row img {
  width: 100%;
  height: 6rem;
  border-radius: 0.2rem;
  object-fit: cover;
  display: block;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 960px) {
  .m-case_row img {
    height: auto;
  }
}
@media screen and (max-width: 750px) {
  .m-case_row img {
    height: 4rem;
  }
}
.m-case_row .logo {
  height: 0.6rem;
  position: absolute;
  left: 0.6rem;
  top: 0.4rem;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 750px) {
  .m-case_row .logo {
    left: 0.3rem;
    top: 0.2rem;
  }
}
.m-case_row .logo img {
  display: block;width: auto;
  max-width: 100%;
  max-height: 100%;
}
.m-case_row .text {
  color: #fff;
  font-size: 0.16rem;
  line-height: 1;
  position: absolute;
  left: 0.6rem;
  bottom: 0.4rem;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 750px) {
  .m-case_row .text {
    left: 0.3rem;
    bottom: 0.2rem;
  }
}
.m-case_row .text .title {
  font-size: 0.4rem;
  margin-bottom: 0.2rem;
}
.m-case_row .text .tags {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.m-case_row .text .tags span {
  padding: 0.1rem 0.2rem;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
}
.m-case_intro {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--primary-border);
  padding-bottom: 1rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 960px) {
  .m-case_intro {
    display: block;
    padding-bottom: 0.6rem;
  }
}
.m-case_intro .title {
  font-size: 0.68rem;
  line-height: 1;
  width: calc(700 / 1440 * 100%);
  margin-right: 0.2rem;
}
@media screen and (max-width: 960px) {
  .m-case_intro .title {
    width: auto;
    font-size: 0.4rem;
    margin-right: 0;
    margin-bottom: 0.2rem;
  }
}
.m-case_intro .title span {
  color: var(--primary-color);
  font-size: 0.84rem;
  font-family: 'OPPOSans';
}
@media screen and (max-width: 960px) {
  .m-case_intro .title span {
    font-size: 0.48rem;
  }
}
.m-case_intro .desc {
  flex: 1;
  font-size: 0.2rem;
  line-height: calc(37 / 20);
}
@media screen and (max-width: 750px) {
  .m-case_intro .desc {
    font-size: 0.24rem;
  }
}
.m-case_tab {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.6rem;
  overflow-x: auto;
  position: relative;
}
@media screen and (max-width: 960px) {
  .m-case_tab {
    margin-right: -5vw;
  }
}
.m-case_tab .sv1 {
  flex: none;
  white-space: nowrap;
  font-size: 0.22rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid transparent;
  margin-right: 0.5rem;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
@media screen and (max-width: 960px) {
  .m-case_tab .sv1 {
    margin-right: 0.3rem;
  }
}
@media screen and (max-width: 750px) {
  .m-case_tab .sv1 {
    font-size: 0.28rem;
  }
}
.m-case_tab .sv1.active {
  color: var(--primary-color);
}
.m-case_tab .line {
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: var(--primary-color);
}
.m-casedet_box {
  padding: 0.6rem 0.9rem;
}
@media screen and (max-width: 1024px) {
  .m-casedet_box {
    padding: 0.6rem 0;
  }
}
.m-casedet_head {
  line-height: 1;
  text-align: center;
  margin-bottom: 0.5rem;
}
.m-casedet_head .top {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 960px) {
  .m-casedet_head .top {
    display: block;
  }
}
.m-casedet_head .logo {
  flex: none;
  margin-right: 0.4rem;
}
@media screen and (max-width: 960px) {
  .m-casedet_head .logo {
    margin-right: 0;
    margin-bottom: 0.2rem;
  }
}
.m-casedet_head .logo img {
  display: block;
  height: 0.9rem;
  object-fit: contain;
  margin: 0 auto;
}
.m-casedet_head .title {
  font-size: 0.54rem;
  font-weight: normal;
}
@media screen and (max-width: 960px) {
  .m-casedet_head .title {
    font-size: 0.4rem;
    line-height: 1.2;
  }
}
.m-casedet_head .info {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fc6-color);
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  .m-casedet_head .info {
    text-align: center;
    display: block;
  }
}
.m-casedet_head .tags {
  font-size: 0.16rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.2rem;
}
@media screen and (max-width: 750px) {
  .m-casedet_head .tags {
    justify-content: center;
    margin-bottom: 0.2rem;
  }
}
.m-casedet_head .tags:last-child {
  margin-right: 0;
}
.m-casedet_head .tags a,
.m-casedet_head .tags span {
  color: #333;
  padding: 0.1rem 0.2rem;
  border: 1px solid var(--primary-border);
  border-radius: 4px;
  margin-right: 0.1rem;
  -webkit-transition: all 0.55s;
  -ms-transition: all 0.55s;
  transition: all 0.55s;
}
.m-casedet_head .tags a:hover,
.m-casedet_head .tags span:hover {
  border-color: var(--primary-color);
}
.m-casedet_head .industry span {
  color: #888;
}
.m-casedet_intro {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--primary-bgcolor);
  border-radius: 0.3rem;
  overflow: hidden;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 960px) {
  .m-casedet_intro {
    display: block;
    border-radius: 0.2rem;
  }
}
.m-casedet_intro .picture {
  width: calc(720 / 1250 * 100%);
  height: 9.5rem;
  border-radius: 0.3rem;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .m-casedet_intro .picture {
    width: auto;
    height: 5rem;
    border-radius: 0.2rem;
  }
}
.m-casedet_intro .picture img {
  display: block;
  width: 100%;
  height: 9.5rem;
  object-fit: cover;
}
@media screen and (max-width: 960px) {
  .m-casedet_intro .picture img {
    height: 5rem;
  }
}
.m-casedet_intro .text {
  flex: 1;
  height: 9.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .m-casedet_intro .text {
    display: block;
    height: auto;
  }
}
.m-casedet_intro .title {
  flex: none;
  font-size: 0.4rem;
  line-height: 1;
  padding: 0.5rem 0.6rem 0.4rem;
  border-bottom: 1px solid var(--primary-border);
}
@media screen and (max-width: 960px) {
  .m-casedet_intro .title {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 750px) {
  .m-casedet_intro .title {
    font-size: 0.36rem;
  }
}
.m-casedet_intro .desc-box {
  flex: 1;
  padding: 0.4rem 0.6rem 0.8rem;
  overflow: hidden;
}
.m-casedet_intro .desc-box ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.m-casedet_intro .desc-box ::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.06);
  border-radius: 3px;
}
.m-casedet_intro .desc-box ::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 3px;
}
.m-casedet_intro .desc {
  color: var(--fc6-color);
  font-size: 0.18rem;
  line-height: 0.32rem;
  max-height: 100%;
  overflow-y: auto;
  padding-right: 0.3rem;
  margin-right: -0.3rem;
}
@media screen and (max-width: 960px) {
  .m-casedet_intro .desc {
    max-height: 5rem;
  }
}
@media screen and (max-width: 750px) {
  .m-casedet_intro .desc {
    font-size: 0.24rem;
  }
}
.m-casedet_intro .desc h4 {
  color: var(--primary-color);
  font-size: 0.26rem;
  margin-top: 0.2rem;
  margin-bottom: 0.05rem;
}
.m-casedet_intro .desc h4:first-child {
  margin-top: 0;
}
.m-casedet_text {
  margin-bottom: 0.6rem;
}
.m-casedet_text .title {
  font-size: 0.4rem;
  line-height: 1;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 960px) {
  .m-casedet_text .title {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 750px) {
  .m-casedet_text .title {
    font-size: 0.36rem;
  }
}
.m-casedet_text .desc {
  color: var(--fc6-color);
  font-size: 0.18rem;
  line-height: calc(32 / 18);
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 750px) {
  .m-casedet_text .desc {
    font-size: 0.24rem;
  }
}
.m-casedet_text .picture img {
  display: block;
  width: 100%;
}
.m-casedet_textbox {
  padding: 0.6rem;
  background-color: var(--primary-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border-radius: 0.3rem;
}
@media screen and (max-width: 960px) {
  .m-casedet_textbox {
    padding: 0.4rem;
    border-radius: 0.2rem;
  }
}
.m-casedet_tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3rem;
}
.m-casedet_tit .title {
  font-size: 0.4rem;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .m-casedet_tit .title {
    font-size: 0.36rem;
  }
}
.swipe_btns {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.swipe_btns .btn {
  color: var(--primary-color);
  width: 0.84rem;
  height: 0.38rem;
  -webkit-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  border-radius: 0.2rem;
  border-radius: 0.2rem;
  border: 1px solid #d5edd2;
  display: inline-flex;
  display: -webkit-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -ms-inline-flexbox;
  align-items: center;
  justify-content: center;
  margin-left: 0.1rem;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  cursor: pointer;
}
.swipe_btns .btn:hover {
  background-color: #f1f8f0;
}
.swipe_btns .btn:hover i {
  filter: none;
}
.swipe_btns .btn svg {
  fill: var(--primary-color);
  width: 0.3rem;
  height: 0.2rem;
}
.swipe_btns .btn i {
  width: 0.24rem;
  height: 0.12rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}
.swipe_btns .btn i.jtl {
  background-image: url("./../images/jtl.png");
}
.swipe_btns .btn i.jtr {
  background-image: url("./../images/jtr.png");
}
.bubbleBg {
  background-image: url("./../images/bg-cased1.png");
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: 100% auto;
}
.caseBg {
  background-color: #f8fafb;
  background-image: url("./../images/bg-case-head2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  position: relative;
}
.m-case-bubble-box .bubble {
  width: 4.15rem;
  height: 4.15rem;
  position: absolute;
  z-index: -1;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  box-shadow: inset 0 0 0.3rem #fff;
  -webkit-mask-image: linear-gradient(-120deg, #000, transparent);
  mask-image: linear-gradient(-120deg, #000, transparent);
}
.m-case-bubble-box .bubble.big {
  width: 7rem;
  height: 7rem;
  left: -0.1rem;
  top: 2rem;
}
.m-case-bubble-box .bubble.middle {
  left: 5rem;
  top: 4.7rem;
}
.m-case-bubble-box .bubble.small {
  width: 2.7rem;
  height: 2.7rem;
  top: 4.8rem;
  right: 1.5rem;
}
.m-case-web_head {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0.6rem 0.8rem;
}
@media screen and (max-width: 750px) {
  .m-case-web_head {
    padding: 0.6rem 0;
    display: block;
  }
}
.m-case-web_head .text {
  flex: 1;
  line-height: 1;
}
.m-case-web_head .text .title {
  font-size: 0.56rem;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 960px) {
  .m-case-web_head .text .title {
    font-size: 0.4rem;
  }
}
.m-case-web_head .text .tags {
  color: var(--fc6-color);
  font-size: 0.16rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 750px) {
  .m-case-web_head .text .tags {
    font-size: 0.2rem;
  }
}
.m-case-web_head .text .desc {
  font-size: 0.18rem;
  line-height: calc(30 / 18);
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 750px) {
  .m-case-web_head .text .desc {
    font-size: 0.24rem;
  }
}
.m-case-web_head .info {
  color: #fff;
  width: 2.7rem;
  min-height: 2.6rem;
  padding: 0.3rem;
  border-radius: 0.12rem;
  background-color: var(--primary-color);
  background-image: url("./../images/bg-linear.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0.3rem 0 2rem;
}
@media screen and (max-width: 960px) {
  .m-case-web_head .info {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .m-case-web_head .info {
    margin-left: 0;
    width: auto;
    min-height: 0;
  }
}
.m-case-web_head .info .tit {
  font-size: 0.25rem;
  line-height: 1;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 750px) {
  .m-case-web_head .info .tit {
    font-size: 0.28rem;
  }
}
.m-case-web_head .info .list {
  font-size: 0.18rem;
  line-height: 2;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .m-case-web_head .info .list {
    font-size: 0.24rem;
  }
}
.m-case-web_head .info .list li {
  width: 48%;
  padding-left: 0.1rem;
  position: relative;
}
.m-case-web_head .info .list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
}
.m-case-white_box {
  padding: 0 0.6rem;
  background: #fff;
  border-radius: 0.4rem;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 960px) {
  .m-case-white_box {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 750px) {
  .m-case-white_box {
    padding: 0 0.4rem;
  }
}
.m-case-web_home {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--primary-border);
}
.m-case-web_home .head {
  font-size: 0.18rem;
  line-height: 1;
  height: 1rem;
  padding: 0.4rem 0 0.3rem;
  border-bottom: 1px solid var(--primary-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 750px) {
  .m-case-web_home .head {
    font-size: 0.24rem;
  }
}
.m-case-web_home .head .date {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.m-case-web_home .head .date .icon {
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.1rem;
}
.m-case-web_home .head .type {
  color: #d8d8d8;
}
.m-case-web_home .cont .title {
  color: var(--primary-color);
  font-size: 0.6rem;
  text-align: center;
  line-height: 1;
  position: relative;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 960px) {
  .m-case-web_home .cont .title {
    font-size: 0.4rem;
  }
}
.m-case-web_home .cont .title .en {
  color: #f9f9f9;
  font-size: 1.88rem;
}
@media screen and (max-width: 960px) {
  .m-case-web_home .cont .title .en {
    font-size: 1rem;
  }
}
.m-case-web_home .cont .title span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-case-web_home .cont .picture {
  width: 9.3rem;
  border: 0.08rem solid #000;
  border-radius: 0.3rem;
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .m-case-web_home .cont .picture {
    width: auto;
    border-radius: 0.2rem;
  }
}
.m-case-web_home .cont .picture img {
  display: block;
  width: 100%;
}
.m-case-web_inner {
  padding: 0.6rem 0 0.85rem;
  border-bottom: 1px solid var(--primary-border);
}
.m-case-web_inner:last-child {
  border: 0;
}
.m-case-web_inner .head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 750px) {
  .m-case-web_inner .head {
    display: block;
  }
}
.m-case-web_inner .head .title {
  font-size: 0.6rem;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .m-case-web_inner .head .title {
    font-size: 0.4rem;
    margin-bottom: 0.2rem;
  }
}
.m-case-web_inner .head .title .en {
  color: transparent;
  font-size: 0.56rem;
  background-image: linear-gradient(to bottom, #99d6b4 0%, #dff2e8 100%);
  background-clip: text;
  margin-bottom: -0.2rem;
}
@media screen and (max-width: 960px) {
  .m-case-web_inner .head .title .en {
    font-size: 0.48rem;
  }
}
.m-case-web_inner .head .desc {
  font-size: 0.2rem;
  line-height: 1.5;
  width: 5.4rem;
  margin-left: 1rem;
}
@media screen and (max-width: 750px) {
  .m-case-web_inner .head .desc {
    font-size: 0.24rem;
    margin-left: 0;
  }
}
.m-case-web_inner .list-inner {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.m-case-web_inner .list-inner .list-column {
  width: 6rem;
}
@media screen and (max-width: 960px) {
  .m-case-web_inner .list-inner .list-column {
    width: 45%;
  }
}
.m-case-web_inner .list-inner .picture {
  margin-bottom: 0.5rem;
}
.m-case-web_inner .list-inner .picture:last-child {
  margin-bottom: 0;
}
.m-case-web_inner .list-h5 {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.m-case-web_inner .list-h5 .list-column {
  width: 3.5rem;
}
@media screen and (max-width: 960px) {
  .m-case-web_inner .list-h5 .list-column {
    width: 25%;
  }
}
.m-case-web_inner .list-h5 .list-column:nth-child(2) {
  width: 4.76rem;
}
@media screen and (max-width: 960px) {
  .m-case-web_inner .list-h5 .list-column:nth-child(2) {
    width: 35%;
  }
}
.m-case-web_inner .picture {
  border: 0.08rem solid #000;
  border-radius: 0.3rem;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .m-case-web_inner .picture {
    border-radius: 0.2rem;
  }
}
.m-case-web_inner .picture img {
  display: block;
  width: 100%;
}
.m-case-white_padd {
  padding: 0.7rem 0.9rem 0.9rem;
}
@media screen and (max-width: 960px) {
  .m-case-white_padd {
    padding: 0.4rem;
  }
}
.contactBg {
  background-image: url("./../images/bg-contact.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.m-contact-info {
  border-bottom: 1px solid var(--primary-border);
}
.m-contact-info .flexlist {
  display: flex;
}
@media screen and (max-width: 750px) {
  .m-contact-info .flexlist {
    display: block;
  }
}
.m-contact-info .flexlist .flexlist-item {
  flex: 1;
  padding: 1.3rem 0 1rem;
  border-right: 1px solid var(--primary-border);
}
@media screen and (max-width: 750px) {
  .m-contact-info .flexlist .flexlist-item {
    padding: 0.5rem 0;
    border-right: 0;
    border-bottom: 1px solid var(--primary-border);
  }
}
.m-contact-info .flexlist .flexlist-item:nth-child(2) {
  text-align: center;
}
@media screen and (max-width: 750px) {
  .m-contact-info .flexlist .flexlist-item:nth-child(2) {
    text-align: left;
  }
}
.m-contact-info .flexlist .flexlist-item:last-child {
  border: 0;
  text-align: right;
}
@media screen and (max-width: 750px) {
  .m-contact-info .flexlist .flexlist-item:last-child {
    text-align: left;
  }
}
.m-contact-info .flexlist .flexlist-item .cont {
  font-size: 0.2rem;
  line-height: 1;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .m-contact-info .flexlist .flexlist-item .cont {
    font-size: 0.24rem;
  }
}
.m-contact-info .title {
  font-size: 0.44rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 960px) {
  .m-contact-info .title {
    font-size: 0.36rem;
  }
}
.m-contact-info .intro {
  color: var(--fc6-color);
  margin-bottom: 0.3rem;
}
.m-contact-info .number {
  color: var(--primary-color);
  font-size: 0.44rem;
  font-family: 'OPPOSans';
  margin-bottom: 0.3rem;
  margin-top: 0.1rem;
}
@media screen and (max-width: 960px) {
  .m-contact-info .number {
    font-size: 0.4rem;
  }
}
.m-contact-info .number:last-child {
  margin-bottom: 0;
}
.m-contact-info .code {
  width: 1.85rem;
  height: 1.85rem;
  border: 1px solid var(--primary-border);
}
.m-contact-form {
  padding: 1.4rem 0 0;
}
@media screen and (max-width: 960px) {
  .m-contact-form {
    padding: 1rem 0 0;
  }
}
.m-contact-form .slogan {
  font-size: 0.48rem;
  line-height: calc(60 / 48);
  text-align: center;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 960px) {
  .m-contact-form .slogan {
    font-size: 0.4rem;
    margin-bottom: 0.5rem;
  }
}
.m-contact-form .slogan .keywords {
  position: relative;
}
.m-contact-form .slogan .keywords::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -10%;
  top: -35%;
  width: 120%;
  height: 150%;
  background: url("./../images/circle.png") no-repeat center;
  background-size: 100% 100%;
  display: none;
}
.m-contact-form .slogan .keywords svg {
  position: absolute;
  z-index: -1;
  left: -80%;
  top: -50%;
  width: 250%;
  height: 200%;
}
.m-contact-form .text-form-box {
  display: flex;
  background-color: #eef2f7;
  border-radius: 0.3rem;
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box {
    display: block;
    border-radius: 0.2rem;
  }
}
.m-contact-form .text-form-box .text {
  color: #fff;
  width: 50%;
  padding: 1rem 0.7rem;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 0.3rem;
}
@media screen and (max-width: 960px) {
  .m-contact-form .text-form-box .text {
    padding: 0.6rem 0.4rem;
  }
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .text {
    width: auto;
    border-radius: 0.2rem;
  }
}
.m-contact-form .text-form-box .text .title {
  font-size: 0.36rem;
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 960px) {
  .m-contact-form .text-form-box .text .title {
    font-size: 0.3rem;
  }
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .text .title {
    font-size: 0.32rem;
  }
}
.m-contact-form .text-form-box .text .desc {
  font-size: 0.16rem;
  opacity: 0.8;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .text .desc {
    font-size: 0.24rem;
  }
}
.m-contact-form .text-form-box .text .list {
  font-size: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .text .list {
    font-size: 0.28rem;
    display: block;
  }
}
.m-contact-form .text-form-box .text .list li {
  width: 49%;
  margin-bottom: 0.3rem;
  position: relative;
  padding-left: 0.3rem;
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .text .list li {
    width: auto;
  }
}
.m-contact-form .text-form-box .text .list li::before,
.m-contact-form .text-form-box .text .list li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-contact-form .text-form-box .text .list li::before {
  width: 0.18rem;
  height: 0.18rem;
  background-color: var(--primary-color);
  border-radius: 50%;
}
.m-contact-form .text-form-box .text .list li::after {
  width: 0.18rem;
  height: 0.12rem;
  background-image: url("./../images/check.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.m-contact-form .text-form-box .form {
  flex: 1;
  font-size: 0.16rem;
  padding: 1rem;
  padding-left: 0.9rem;
}
@media screen and (max-width: 960px) {
  .m-contact-form .text-form-box .form {
    padding: 0.6rem;
  }
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .form {
    font-size: 0.24rem;
    padding: 0.4rem;
  }
}
.m-contact-form .text-form-box .form .submit {
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  text-align: center;
  height: 0.54rem;
  cursor: pointer;
  background-color: var(--primary-color);
  background-image: url("./../images/bg-btn1.jpg");
  background-position: right center;
  background-size: 100% 100%;
  border-radius: 0.08rem;
  overflow: height inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0;
  outline: 0;
  margin-top: 0.5rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .form .submit {
    font-size: 0.28rem;
    height: 0.8rem;
  }
}
.m-contact-form .text-form-box .form .submit:hover {
  background-size: 200% 200%;
}
.m-contact-form .text-form-box .form .label-tit {
  margin-bottom: 0.1rem;
}
.m-contact-form .text-form-box .form .label-tit .fred {
  color: #f00;
}
.m-contact-form .text-form-box .form .label-inp {
  height: 0.48rem;
  background: #fff;
  border-radius: 0.08rem;
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .form .label-inp {
    height: 0.8rem;
  }
}
.m-contact-form .text-form-box .form .label-inp:hover,
.m-contact-form .text-form-box .form .label-inp:focus {
  box-shadow: inset 0 0 1px var(--primary-color);
}
.m-contact-form .text-form-box .form .label-inp input {
  flex: 1;
  font-size: 1em;
  border: 0;
  outline: 0;
  display: block;
  width: 100%;
  height: 0.48rem;
  padding: 0 0.15rem;
  background: none;
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .form .label-inp input {
    height: 0.8rem;
  }
}
.m-contact-form .text-form-box .form .label-inp .yzm {
  width: 1.7rem;
  height: 0.4rem;
  display: block;
  margin: 0 0.06rem;
  object-fit: contain;
}
@media screen and (max-width: 750px) {
  .m-contact-form .text-form-box .form .label-inp .yzm {
    height: 0.7rem;
  }
}
.m-contact-photos {
  margin: 1.7rem 0 1.8rem;
  position: relative;
}
.m-contact-photos .text {
  line-height: 1;
  text-align: center;
  padding: 1.4rem 0 1.8rem;
  position: relative;
  z-index: 2;
}
.m-contact-photos .text .title {
  font-size: 0.44rem;
  margin-bottom: 0.3rem;
}
.m-contact-photos .text .desc {
  font-size: 0.2rem;
  color: var(--fc6-color);
  margin-bottom: 0.6rem;
}
.m-photos-box li {
  position: absolute;
  z-index: 1;
  width: 1.28rem;
  height: 1.28rem;
  background-color: var(--primary-color);
  border-radius: 50%;
  overflow: hidden;
  animation-delay: 0.75s !important;
  animation-duration: 2s;
}
@media screen and (max-width: 960px) {
  .m-photos-box li {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.m-photos-box li.s1 {
  left: 0.1rem;
  top: 0.4rem;
  width: 1.56rem;
  height: 1.56rem;
}
@media screen and (max-width: 960px) {
  .m-photos-box li.s1 {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.m-photos-box li.s2 {
  right: 0.5rem;
  top: 0;
  width: 2.7rem;
  height: 2.7rem;
}
@media screen and (max-width: 960px) {
  .m-photos-box li.s2 {
    width: 2rem;
    height: 2rem;
    right: 0.2rem;
    top: -0.8rem;
  }
}
.m-photos-box li.s3 {
  left: 0;
  bottom: 0;
  width: 2.6rem;
  height: 2.6rem;
}
@media screen and (max-width: 960px) {
  .m-photos-box li.s3 {
    width: 2rem;
    height: 2rem;
  }
}
.m-photos-box li.s4 {
  right: 3.35rem;
  bottom: 0.9rem;
}
@media screen and (max-width: 960px) {
  .m-photos-box li.s4 {
    right: 2rem;
  }
}
.m-photos-box li.s5 {
  left: 2.7rem;
  top: 2.4rem;
}
@media screen and (max-width: 960px) {
  .m-photos-box li.s5 {
    left: 0.8rem;
  }
}
.m-photos-box li.s6 {
  right: 0;
  bottom: 0.5rem;
  width: 1.56rem;
  height: 1.56rem;
}
.m-photos-box li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-contact-bg {
  background-attachment: fixed;
  background-image: url("./../images/bg-c1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  overflow: hidden;
}
.m-about-future {
  padding: 1.7rem 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .m-about-future {
    padding: 1rem 0;
  }
}
.m-about-future .circle {
  width: 7.2rem;
  height: 7.2rem;
  position: absolute;
  z-index: -1;
  right: -2.4rem;
  bottom: -3.6rem;
  box-shadow: inset 0 0 0.6rem var(--primary-color);
  border-radius: 50%;
  opacity: 0.5;
}
@media screen and (max-width: 960px) {
  .m-about-future .circle {
    width: 6rem;
    height: 6rem;
  }
}
.m-about-text {
  display: flex;
}
@media screen and (max-width: 750px) {
  .m-about-text {
    display: block;
  }
}
.m-about-text .title {
  flex: 1;
}
.m-about-text .title .green {
  color: var(--primary-color);
}
.m-about-text .desc {
  width: 50%;
  margin-left: 1rem;
  font-size: 0.18rem;
  line-height: calc(34 / 18);
}
@media screen and (max-width: 750px) {
  .m-about-text .desc {
    width: auto;
    margin-left: 0;
    margin-top: 0.2rem;
  }
}
.m-about-history {
  color: #fff;
  height: 7.5rem;
  padding: 1rem 0;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .m-about-history {
    height: auto;
    min-height: 5rem;
  }
}
.m-about-value {
  padding: 1.4rem 0 0;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .m-about-value {
    padding: 1rem 0 0;
  }
}
.m-about-value .m-about-text {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 960px) {
  .m-about-value .m-about-text {
    margin-bottom: 0.5rem;
  }
}
.aboutValueList {
  position: relative;
}
.aboutValueList .list {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  cursor: pointer;
  overflow: hidden;
  width: 90%;
  background-color: #fff;
  max-width: 14.4rem;
  margin: 0 auto;
}
.m-about-honor {
  height: 9rem;
  padding-top: 1.5rem;
  background-color: #d8be92;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .m-about-honor {
    height: auto;
    padding: 1rem 0;
    padding-bottom: 0;
    background-position: center bottom;
    background-size: 100% auto;
  }
}
.m-about-honor .title {
  margin-bottom: 0.2rem;
}
.m-about-honor .desc {
  font-size: 0.2rem;
  line-height: calc(34 / 20);
  margin-bottom: 0.3rem;
}
.m-about-honor .picture {
  opacity: 0;
}
.m-about-honor .picture img {
  display: block;
  width: 100%;
  max-width: 12rem;
  margin: 0 auto;
}
@-webkit-keyframes lineprog {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
#banner {
  position: relative;
  overflow: hidden;
}
#banner .m-banlogo-list {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: rotateX(200deg) translate3d(0, 0, 0);
  -ms-transform: rotateX(200deg) translate3d(0, 0, 0);
  transform: rotateX(200deg) translate3d(0, 0, 0);
  -webkit-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
  -ms-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
  transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
  transform-origin: bottom;
}
.banner-swiper {
  height: 10.8rem;
  max-height: 100vh;
  position: relative;
  z-index: 1;
}
.banner-swiper .swiper,
.banner-swiper .swiper-slide {
  height: 100%;
}
.banner-swiper .swiper-slide {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.banner-swiper .con{display: block;height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

}
.banner-swiper .swiper-slide.swiper-slide-active .slogan {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.banner-swiper .text {
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.banner-swiper .slogan {
  font-size: 0.7rem;
  opacity: 0;
  -webkit-transform: translateY(0.5rem);
  -ms-transform: translateY(0.5rem);
  transform: translateY(0.5rem);
  transition-duration: 0.8s;
  transition-delay: 1s;
}
.banner-swiper .bg-mo{display: none;height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 750px) {
  .banner-swiper .slogan {
    font-size: 0.5rem;
  }
}
.banner-swiper .swipe-bottom {
  color: #fff;
  font-size: 0.18rem;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0.5rem;
  right: 0;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.banner-swiper .swipe-bottom .flex {
  display: flex;
  align-items: center;
}
.banner-swiper .swipe-bottom .swiper-pagination {
  position: static;
  width: 2.5em;
}
.banner-swiper .swipe-bottom .swipe-progress {
  height: 1px;
  width: 1rem;
  background: rgba(255,255,255,0.3);
  margin: 0 0.2rem;
}
.banner-swiper .swipe-bottom .swipe-progress i {
  width: 0%;
  height: 100%;
  display: block;
  background-color: #fff;
}
.banner-swiper .swipe-bottom .swipe-progress.on i {
  animation: lineprog 3s linear 0s forwards;
}
.banner-swiper .swipe-bottom .swipe-btn {
  color: var(--primary-color);
  font-size: 0.16rem;
  line-height: 1;
  width: 0.2rem;
  height: 0.2rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 0.1rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.banner-swiper .swipe-bottom .swipe-btn:hover {
  color: #fff;
  background-color: var(--primary-color);
}
.banner-swiper .swipe-bottom .swipe-btn:hover svg {
  fill: #fff;
}
.banner-swiper .swipe-bottom .swipe-btn svg {
  fill: var(--primary-color);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.scrolled #banner .swipe-bottom {
  opacity: 0;
  visibility: hidden;
}
.scrolled #banner .m-banlogo-list {
  -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
  -ms-transform: rotateX(0deg) translate3d(0, 0, 0);
  transform: rotateX(0deg) translate3d(0, 0, 0);
}
.m-banlogo-list {
  padding: 0.3rem 0;
  background: rgba(0,0,0,0.4);
  overflow: hidden;
}
.m-banlogo-list .swiper {
  height: 0.6rem;
  overflow: hidden;
}
.m-banlogo-list .swiper .swiper-slide {
  height: 0.6rem;
}
.m-banlogo-list .swiper .swiper-slide .item-flex {
  height: 0.6rem;
}
.m-banlogo-list .swiper .swiper-slide.swiper-slide-active .item-flex {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.m-banlogo-list .item-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  -webkit-transform: translateY(0.6rem);
  -ms-transform: translateY(0.6rem);
  transform: translateY(0.6rem);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
@media screen and (max-width: 1200px) {
  .m-banlogo-list .item-flex {
    flex-wrap: wrap;
  }
}
.m-banlogo-list .item-flex .picture {
  flex: 1;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .m-banlogo-list .item-flex .picture {
    flex: 16.666%;
  }
}
@media screen and (max-width: 960px) {
  .m-banlogo-list .item-flex .picture {
    flex: 25%;
  }
}
@media screen and (max-width: 750px) {
  .m-banlogo-list .item-flex .picture {
    flex: 50%;
  }
}
.m-banlogo-list .item-flex .picture img {
  display: block;
  max-width: 90%;
  max-height: 100%;
  filter: grayscale(100%) brightness(0) invert(1);
}
@media screen and (max-width: 750px) {
  .m-banlogo-list .item-flex .picture img {
    max-width: 80%;
  }
}
.m-index-custom {
  padding: 1.2rem 0;
  border-bottom: 1px solid var(--primary-border);
  overflow: hidden;
}
.m-index-text-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--primary-border);
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 750px) {
  .m-index-text-head {
    display: block;
  }
}
.m-index-text-head.border0 {
  border: 0;
}
.m-index-text-head .title {
  font-size: 0.48rem;
  line-height: 1;
  margin-bottom: 0.15rem;
}
.m-index-text-head .intro {
  font-size: 0.3rem;
  line-height: 1;
}
.m-index-text-head .desc {
  font-size: 0.22rem;
  line-height: calc(32 / 22);
  text-align: right;
}
@media screen and (max-width: 750px) {
  .m-index-text-head .desc {
    font-size: 0.24rem;
    text-align: left;
    margin-top: 0.2rem;
  }
}
.m-index-text-head .text .title {
  margin-bottom: 0.2rem;
}
.m-index-text-head .text .desc {
  text-align: left;
  max-width: 9.4rem;
}
@media screen and (max-width: 750px) {
  .m-index-text-head .text .desc {
    max-width: 100%;
  }
}
.index-swipe-btns {
  height: 0.5rem;
  background: #f5f5f5;
  border-radius: 0.25rem;
  padding: 0 0.06rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .index-swipe-btns {
    height: 0.7rem;
  }
}
.index-swipe-btns .btn {
  width: 1.2rem;
  height: 0.38rem;
  border-radius: 0.2rem;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .index-swipe-btns .btn {
    height: 0.6rem;
  }
}
.index-swipe-btns .btn svg {
  fill: var(--primary-color);
  width: 0.3rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-swipe-btns .btn i {
  width: 0.28rem;
  height: 0.14rem;
  background-image: url("./../images/jtl.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-swipe-btns .btn i.jtr {
  background-image: url("./../images/jtr.png");
}
.index-swipe-btns .btn:hover {
  background-color: var(--primary-color);
}
.index-swipe-btns .btn:hover svg {
  fill: #fff;
}
.index-swipe-btns .btn:hover i {
  filter: grayscale(100%) brightness(0) invert(1);
}
.index-swipe-btns .more {
  font-size: 0.16rem;
  display: inline-flex;
  display: -webkit-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -ms-inline-flexbox;
  align-items: center;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 750px) {
  .index-swipe-btns .more {
    font-size: 0.24rem;
  }
}
.index-swipe-btns .more .icon {
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  background-image: url("./../images/i-01-on.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-bbackground-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  margin-left: 0.1rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.index-swipe-btns .more svg {
  fill: var(--primary-color);
  width: 0.2rem;
  height: 0.2rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.index-swipe-btns .more:hover {
  color: var(--primary-color);
}
.index-swipe-btns .more:hover .icon {
  -webkit-transform: translate(0.04rem, -0.04rem);
  -ms-transform: translate(0.04rem, -0.04rem);
  transform: translate(0.04rem, -0.04rem);
}
.m-index-solution {
  padding: 1rem 0;
  background-image: linear-gradient(180deg, #f7fcf9 0%, #fff 40%, #edf8f2 80%, #fff 100%);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  overflow: hidden;
  position: relative;
}
.m-index-solution .bg {
  position: absolute;
  left: -2rem;
  bottom: -4rem;
}
.m-index-solution .bg .circle {
  width: 11.13rem;
  height: 8.85rem;
  background-image: url("./../images/ccl1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  animation: bubblemoveX 5s linear 0s infinite;
}
.m-index-tab-tit {
  margin-bottom: 0.8rem;
  overflow-x: auto;
}
@media screen and (max-width: 750px) {
  .m-index-tab-tit {
    margin: 0 -5vw 0.8rem;
  }
}
.m-index-tab-tit ul {
  display: flex;
  position: relative;
}
@media screen and (max-width: 750px) {
  .m-index-tab-tit ul {
    padding: 0 5vw;
  }
}
.m-index-tab-tit ul li {
  flex: none;
  white-space: no-wrap;
  font-size: 0.24rem;
  height: 0.52rem;
  padding: 0 0.25rem;
  border-radius: 0.26rem;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s;
}
.m-index-tab-tit ul li:hover {
  color: var(--primary-color);
}
.m-index-tab-tit ul li.active {
  color: #fff;
}
.m-index-tab-tit ul li.active:hover {
  color: #fff;
}
.m-index-tab-tit ul .bg {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--primary-color);
}
.m-index-solute-box {
  display: flex;
  align-items: center;
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(0.5rem);
  -ms-transform: translateY(0.5rem);
  transform: translateY(0.5rem);
  -webkit-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
@media screen and (max-width: 960px) {
  .m-index-solute-box {
    display: block;
  }
}
.m-index-solute-box.active {
  height: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0rem);
  -ms-transform: translateY(0rem);
  transform: translateY(0rem);
}
.m-index-solute-box .text {
  width: 50%;
  padding: 0 0.3rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .m-index-solute-box .text {
    width: auto;
    padding: 0;
  }
}
.m-index-solute-box .text .title {
  font-size: 0.36rem;
  line-height: calc(55 / 36);
  border-bottom: 1px solid var(--primary-color);
  margin-bottom: 0.5rem;
  display: inline-flex;
}
.m-index-solute-box .text .glist11 {
  margin-bottom: 0.6rem;
}
.m-index-solute-box .photos {
  width: 50%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .m-index-solute-box .photos {
    width: auto;
  }
}
.m-index-service {
  cursor: w-resize;
  padding: 1.2rem 0;
  border-bottom: 1px solid var(--primary-border);
  overflow: hidden;
}
.m-index-service .glist13 {
  margin-bottom: 0.5rem;
}
.m-index-data {
  padding: 1rem 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  overflow: hidden;
  position: relative;
}
.m-index-data .bg {
  position: absolute;
  right: -5rem;
  bottom: -3.8rem;
}
.m-index-data .bg .circle {
  width: 11.13rem;
  height: 8.85rem;
  background-image: url("./../images/ccr1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  animation: bubblemoveX 5s linear 1s infinite;
}
.m-index-data .wp {
  position: relative;
  z-index: 2;
}
.m-index-brand {
  padding: 1.4rem 0;
  border-bottom: 1px solid var(--primary-border);
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.m-index-brand-box {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  -webkit-transform: translateY(0.5rem);
  -ms-transform: translateY(0.5rem);
  transform: translateY(0.5rem);
  -webkit-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.m-index-brand-box.active {
  height: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0rem);
  -ms-transform: translateY(0rem);
  transform: translateY(0rem);
}
.row-b4 {
  overflow: hidden;
  margin-bottom: 1.8rem;
}
.m-details .arrow a {
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-details .arrow a:hover {
  box-shadow: 0 0 2px var(--primary-color);
}
.row-b2 {
  margin-top: 1rem;
}
.g-tit1 {
  font-size: 0.5rem;
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .g-tit1 {
    font-size: 0.4rem;
  }
}
.g-tit2 {
  font-size: 0.56rem;
  line-height: calc(75 / 56);
}
@media screen and (max-width: 960px) {
  .g-tit2 {
    font-size: 0.48rem;
  }
}
.gbtn1 {
  font-size: 0.2rem;
  text-align: center;
  min-width: 1.65rem;
  height: 0.48rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.gbtn1::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #000;
  border-radius: 0.25rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.gbtn1 > * {
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 2;
}
.gbtn1:hover {
  color: #fff;
}
.gbtn1:hover::before {
  width: 100%;
}
.gbtn1:hover .icon {
  filter: grayscale(100%) brightness(0) invert(1);
}
.gbtn1 .icon {
  height: 0.18rem;
  margin-left: 0.1rem;
}
.gbtn2 {
  color: var(--primary-color);
  font-size: 0.18rem;
  font-weight: bold;
  height: 0.6rem;
  width: 3.7rem;
  background-color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1rem auto;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.gbtn2::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: var(--primary-color);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  -webkit-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.gbtn2:hover {
  color: #fff;
}
.gbtn2:hover::before {
  width: 100%;
}
.gbtn2.btn-green {
  color: #fff;
  background-color: var(--primary-color);
}
.gbtn2.btn-green::before {
  background-color: #fff;
}
.gbtn2.btn-green:hover {
  color: var(--primary-color);
}
.gbtn2 span {
  position: relative;
  z-index: 2;
}
.gbtn3 {
  color: #fff;
  font-size: 0.16rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 0.42rem;
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--primary-color);
  -webkit-border-radius: 0.21rem;
  -ms-border-radius: 0.21rem;
  border-radius: 0.21rem;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
@media screen and (max-width: 960px) {
  .gbtn3 {
    font-size: 0.24rem;
    height: 0.5rem;
    width: 1.8rem;
    -webkit-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    border-radius: 0.3rem;
  }
}
.gbtn3 span {
  line-height: 1;
  position: relative;
  z-index: 2;
}
.gbtn3 .icon {
  width: 0.24rem;
  height: 0.24rem;
  position: relative;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  margin-left: 0.13rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.gbtn3 .icon i {
  width: 0.14rem;
  height: 0.14rem;
  background: url("./../images/i-01.png") no-repeat center;
  -webkit-bbackground-size: 80% 80%;
  -ms-background-size: 80% 80%;
  background-size: 80% 80%;
  display: block;
  position: relative;
  z-index: 2;
}
.gbtn3 .icon::before,
.gbtn3 .icon::after {
  content: '';
  position: absolute;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.gbtn3 .icon::before {
  z-index: 1;
  width: 3rem;
  height: 3rem;
  left: -1.2rem;
  top: -1rem;
  background-color: var(--primary-color);
}
@media screen and (max-width: 960px) {
  .gbtn3 .icon::before {
    left: -2rem;
    width: 4rem;
    height: 4rem;
  }
}
.gbtn3 .icon::after {
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 0.02rem solid #fff;
  margin-top: -0.02rem;
  -webkit-border-radius: 0.04rem;
  -ms-border-radius: 0.04rem;
  border-radius: 0.04rem;
}
.gbtn3 .icon svg {
  fill: #fff;
  width: 0.2rem;
  height: 0.2rem;
  position: relative;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.gbtn3:hover {
  color: var(--primary-color);
}
.gbtn3:hover .icon {
  -webkit-transform: translateX(0.21rem);
  -ms-transform: translateX(0.21rem);
  transform: translateX(0.21rem);
}
.gbtn3:hover .icon::before {
  left: 0;
  top: 0;
  width: 0.42rem;
  height: 0.42rem;
  margin-left: -0.09rem;
  margin-top: -0.09rem;
  -webkit-border-radius: 0.21rem;
  -ms-border-radius: 0.21rem;
  border-radius: 0.21rem;
}
.gbtn3:hover .icon::after {
  opacity: 0;
  visibility: hidden;
}
.gbtn3.btn_white {
  color: var(--primary-color);
  background-color: var(--primary-color);
}
.gbtn3.btn_white i {
  background-image: url("./../images/i-01-on.png");
}
.gbtn3.btn_white .icon::before {
  background-color: #fff;
}
.gbtn3.btn_white .icon::after {
  border-color: var(--primary-color);
}
.gbtn3.btn_white:hover {
  color: #fff;
}
#header .header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
  opacity: 1;
  visibility: visible;
}
#header .header.headerUp {
  top: -1rem;
  opacity: 0;
  visibility: hidden;
}
#header.header_white .header .logo img {
  filter: grayscale(100%) brightness(0) invert(1);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
#header.header_white .header .tel {
  color: #fff;
}
#header.header_white .nav li .v1 {
  color: #fff;
}
@media screen and (max-width: 960px) {
  #header.header_white .nav li .v1 {
    color: #333;
  }
}
@media screen and (max-width: 960px) {
  #header.header_white .nav li:hover .v1,
  #header.header_white .nav li.on .v1 {
    color: var(--primary-color);
  }
}
#header.header_white .menuBtn b {
  background: #fff;
}
.open #header .header,
.scrolled #header .header {
  background-color: rgba(255,255,255,0.8);
  backdrop-filter: blur(0.1rem);
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.open #header.header_white .header .logo img,
.scrolled #header.header_white .header .logo img {
  filter: none;
}
.open #header.header_white .header .tel,
.scrolled #header.header_white .header .tel {
  color: #111;
}
@media screen and (max-width: 960px) {
  .open #header.header_white .menuBtn b,
  .scrolled #header.header_white .menuBtn b {
    background: #000;
  }
}
.open #header.header_white .nav li .v1,
.scrolled #header.header_white .nav li .v1 {
  color: #333;
}
.open #header.header_white .nav li:hover .v1,
.scrolled #header.header_white .nav li:hover .v1,
.open #header.header_white .nav li.on .v1,
.scrolled #header.header_white .nav li.on .v1 {
  color: #fff;
}
@media screen and (max-width: 960px) {
  .open #header.header_white .nav li:hover .v1,
  .scrolled #header.header_white .nav li:hover .v1,
  .open #header.header_white .nav li.on .v1,
  .scrolled #header.header_white .nav li.on .v1 {
    color: var(--primary-color);
  }
}
.header_space {
  height: 1rem;
}
.wp2 {
  width: 90%;
  max-width: 14.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .wp2 {
    width: 90%;
    margin: 0 auto;
  }
  .header .tel {
    display: none;
  }
  .menuBtn {
    display: block;
  }
  .nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;margin-right: 0;
    height: calc(100vh - 1rem);
    background-color: #F9F8F5;
    border-top: 1px solid var(--primary-border);
  }
  .nav ul {height: 100%;
    padding-bottom: 3rem;
    overflow-y: auto;
    display: block;
  }
  .nav li {
    padding: 0.2rem 0;
    margin: 0 5%;
    border-bottom: 1px solid var(--primary-border);
  }
  .nav li .v1 {width: auto;text-align: left;
    font-size: 0.3rem;
    border-radius: 0;
    background: none !important;
  }
  .nav li.on .v1,
  .nav li:hover .v1 {
    color: var(--primary-color);
  }
  .nav .bg {
    display: none;
  }
  .nav .sub {
    position: static;
    display: block;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    box-shadow: none;
    border-radius: 0;
    border-top: 1px solid var(--primary-border);
    margin-top: 0.2rem;
  }
  .nav .sub-1 {
    width: auto;
  }
  .nav .sub-1 .cont {
    display: block;
  }
  .nav .sub-1 .col-l {
    width: auto;
  }
  .nav .sub-1 .item {
    border-radius: 0;
    margin-bottom: 0;
  }
  .nav .sub-1 .t1 {
    font-size: 0.24rem;
  }
  .nav .sub-1 .pic {
    display: none;
  }
  .nav .sub-1 .tips {
    display: none;
  }
  .top-r {
    padding-left: 0.2rem;
  }
}
@media screen and (max-width: 960px) {
  .fd-con .wp {
    display: block;
  }
  .fd-nv {
    display: none;
  }
  .fd-r {
    text-align: center;
  }
  .fd-r .share .t-c {
    justify-content: center;
  }
  .fd-link {
    display: inline-flex;
  }
  .fd-copy {
    text-align: center;
  }
  .fd-copy .wp {
    display: block;
  }
  .fd-copy a {
    display: inline-block;
  }
}
@-webkit-keyframes bounceIng {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes popmove {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  25% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform: translateY(10px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  75% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
}
.animate-move-swipe-gesture {
  animation: move-swipe-gesture 2.25s infinite;
}
.wow {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.wow:nth-child(2n) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.glist1 .item {
  padding: 1rem 0 1.3rem;
  border-bottom: 1px solid var(--primary-border);
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
@media screen and (max-width: 960px) {
  .glist1 .item {
    padding: 0.8rem 0;
  }
}
.glist1 .item:nth-child(2n) .cont {
  -moz-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.glist1 .item:nth-child(2n) .picture {
  margin-left: 1rem;
}
@media screen and (max-width: 960px) {
  .glist1 .item:nth-child(2n) .picture {
    margin-left: 0.6rem;
  }
}
@media screen and (max-width: 750px) {
  .glist1 .item:nth-child(2n) .picture {
    margin-left: 0;
  }
}
.glist1 .item:nth-child(2n+1) .picture {
  margin-right: 1rem;
}
@media screen and (max-width: 960px) {
  .glist1 .item:nth-child(2n+1) .picture {
    margin-right: 0.6rem;
  }
}
@media screen and (max-width: 750px) {
  .glist1 .item:nth-child(2n+1) .picture {
    margin-right: 0;
  }
}
.glist1 .item .title {
  font-size: 0.5rem;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 960px) {
  .glist1 .item .title {
    font-size: 0.4rem;
  }
}
.glist1 .item .cont {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 750px) {
  .glist1 .item .cont {
    display: block;
  }
}
.glist1 .item .picture {
  width: calc(667 / 1440 * 100%);
  height: 5rem;
  -webkit-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  border-radius: 0.3rem;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .glist1 .item .picture {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 750px) {
  .glist1 .item .picture {
    width: auto;
    margin-bottom: 0.2rem;
  }
}
.glist1 .item .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.glist1 .item .text {
  flex: 1;
  position: relative;
}
.glist1 .item .text .intro {
  font-size: 0.26rem;
  line-height: calc(36 / 26);
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 960px) {
  .glist1 .item .text .intro {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 750px) {
  .glist1 .item .text .intro {
    font-size: 0.24rem;
    margin-bottom: 0.3rem;
  }
}
.glist1 .item .text .list {
  font-size: 0.32rem;
  line-height: 0.6rem;
}
@media screen and (max-width: 960px) {
  .glist1 .item .text .list {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 750px) {
  .glist1 .item .text .list {
    font-size: 0.28rem;
    line-height: 2;
    margin-bottom: 0.1rem;
  }
}
.glist1 .item .text .list li {
  padding-left: 0.3rem;
  position: relative;
}
.glist1 .item .text .list li::before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  border: 2px solid #094;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border-radius: 50%;
}
.glist1 .item .text .list li:hover {
  color: var(--primary-color);
}
.glist1 .item .text .more {
  position: absolute;
  right: 0;
  bottom: 0;
}
.glist2 {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .glist2 {
    flex-wrap: wrap;
  }
}
.glist2 .item {
  flex: 1;
}
@media screen and (max-width: 750px) {
  .glist2 .item {
    flex: none;
    width: 50%;
    margin-bottom: 0.4rem;
  }
}
.glist2 .picture {
  height: 0.9rem;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 750px) {
  .glist2 .picture {
    margin-bottom: 0;
  }
}
.glist2 .picture img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.glist2 .title {
  font-size: 0.2rem;
  line-height: calc(30 / 20);
}
.glist3 {
  margin-right: -0.2rem;
}
.glist3 .swiper {
  overflow: visible;
}
.glist3 .item {
  padding: 0.5rem 0.4rem;
  min-height: 4.25rem;
  background: rgba(255,255,255,0.18);
  border: 1px solid #fff;
  border-radius: 0.3rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 0.2rem;
}
.glist3 .item .title {
  font-size: 0.32rem;
  line-height: 1;
  margin-bottom: 0.15rem;
}
.glist3 .item .intro {
  font-size: 0.2rem;
  line-height: calc(32 / 20);
  height: calc(32 / 20 * 5em);
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 750px) {
  .glist3 .item .intro {
    font-size: 0.24rem;
  }
}
.glist3 .item .num {
  font-size: 0.2rem;
  width: 0.55rem;
  height: 0.55rem;
  border: 1px solid #fff;
  border-radius: 0.1rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.glist4 {
  border-top: 1px solid var(--primary-border);
}
.glist4 .list-item {
  padding: 0.3rem 0;
  border-bottom: 1px solid var(--primary-border);
}
.glist4 .list-item .icon {
  float: left;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.1rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.glist4 .list-item .icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.glist4 .list-item .hd {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.glist4 .list-item .hd .tit {
  flex: 1;
  font-size: 0.26rem;
  line-height: 0.3rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 750px) {
  .glist4 .list-item .hd .tit {
    font-size: 0.28rem;
  }
}
.glist4 .list-item .hd .more {
  width: 0.1rem;
  height: 0.1rem;
  border: 1px solid;
  border-color: var(--gray-color) var(--gray-color) transparent transparent;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.glist4 .list-item .hd.open {
  color: var(--primary-color);
}
.glist4 .list-item .hd.open .more {
  border-color: var(--primary-color) var(--primary-color) transparent transparent;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.glist4 .list-item .desc {
  color: var(--fc6-color);
  font-size: 0.18rem;
  margin-left: 0.4rem;
  display: none;
  margin-top: 0.2rem;
}
@media screen and (max-width: 750px) {
  .glist4 .list-item .desc {
    font-size: 0.24rem;
  }
}
.glist5 {
  overflow: hidden;
}
.glist5 .item {
  padding: 0.3rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(255,255,255,0.4);
  border: 1px solid #fff;
  border-radius: 0.3rem;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 750px) {
  .glist5 .item {
    display: block;
  }
}
.glist5 .item .num {
  font-size: 0.2rem;
  font-weight: bold;
  width: 0.55rem;
  height: 0.55rem;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 0.1rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.25rem;
}
@media screen and (max-width: 750px) {
  .glist5 .item .num {
    float: left;
    font-size: 0.24rem;
    margin-right: 0.1rem;
  }
}
.glist5 .item .title {
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 0.5rem;
  width: 4rem;
  margin-right: 0.3rem;
}
@media screen and (max-width: 750px) {
  .glist5 .item .title {
    font-size: 0.32rem;
    margin-right: 0;
    margin-bottom: 0.2rem;
  }
}
.glist5 .item .desc {
  flex: 1;
  font-size: 0.18rem;
  line-height: calc(32 / 18);
  margin-right: 0.5rem;
}
@media screen and (max-width: 750px) {
  .glist5 .item .desc {
    font-size: 0.24rem;
    clear: both;
  }
}
.glist6 {
  margin-right: -0.2rem;
}
.glist6 .swiper {
  overflow: visible;
}
.glist6 .item {
  padding: 0.5rem 0.4rem;
  background: #e8f0f0;
  border: 1px solid #deeded;
  border-radius: 0.4rem;
  margin-right: 0.2rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 960px) {
  .glist6 .item {
    padding: 0.3rem;
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 750px) {
  .glist6 .item {
    padding: 0.5rem 0.4rem;
  }
}
.glist6 .item .num {
  color: var(--primary-color);
  font-size: 0.2rem;
  font-weight: bold;
  font-family: 'Merriweather';
  width: 0.55rem;
  height: 0.55rem;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 0.1rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.25rem;
  flex: none;
}
@media screen and (max-width: 960px) {
  .glist6 .item .num {
    margin-right: 0.1rem;
  }
}
@media screen and (max-width: 750px) {
  .glist6 .item .num {
    font-size: 0.28rem;
  }
}
.glist6 .item .cont {
  flex: 1;
}
.glist6 .item .title {
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.55rem;
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 960px) {
  .glist6 .item .title {
    font-size: 0.32rem;
  }
}
.glist6 .item .desc {
  color: var(--fc6-color);
  font-size: 0.18rem;
  line-height: calc(28 / 18);
  height: calc(28 / 18 * 2em);
}
@media screen and (max-width: 750px) {
  .glist6 .item .desc {
    font-size: 0.24rem;
  }
}
.glist7 {
  margin-right: -0.2rem;
}
.glist7 .swiper {
  overflow: visible;
}
.glist7 .item {
  display: block;
  margin-right: 0.2rem;
}
.glist7 .item:hover .picture img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.glist7 .picture {
  position: relative;
  height: 0;
  padding-top: calc(276 / 460 * 100%);
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}
.glist7 .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  position: absolute;
  left: 0;
  top: 0;
}
.glist7 .title {
  font-size: 0.26rem;
  font-weight: bold;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  line-height: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 750px) {
  .glist7 .title {
    font-size: 0.32rem;
  }
}
.glist7 .tags {
  color: #888;
  font-size: 0.16rem;
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 750px) {
  .glist7 .tags {
    font-size: 0.2rem;
  }
}
.glist7 .tags span {
  padding: 0.1rem 0.2rem;
  border: 1px solid var(--primary-border);
  border-radius: 4px;
  margin-right: 0.15rem;
  margin-bottom: 0.1rem;
}
.glist8 {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -0.8rem;
}
@media screen and (max-width: 750px) {
  .glist8 {
    display: block;
    margin-bottom: 0;
  }
}
.glist8 .item {
  width: calc(50% - 0.15rem);
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 960px) {
  .glist8 .item {
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 750px) {
  .glist8 .item {
    width: auto;
  }
}
/*.glist8 a:hover .picture img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}*/
.glist8 a:hover .title span:after {
  width: 100%;
}
.glist8 a:hover .tags span {
  border-color: var(--primary-color);
}
.glist8 a:hover .intro {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.glist8 .picture {
  position: relative;
  height: 0;
  padding-top: calc(422 / 705 * 100%);
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 960px) {
  .glist8 .picture {
    margin-bottom: 0.2rem;
  }
}
.glist8 .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  position: absolute;
  left: 0;
  top: 0;
}
.glist8 .intro {
  color: #fff;
  font-size: 0.14rem;
  line-height: calc(26 / 14);
  padding: 0.2rem;
  border: 1px solid rgba(255,255,255,0);
  background-color: rgba(31,31,31,0.3);
  backdrop-filter: blur(0.1rem);
  border-color: rgba(255,255,255,0.5);
  border-radius: 0.2rem;
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0.1rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 750px) {
  .glist8 .intro {
    font-size: 0.2rem;
  }
}
.glist8 .intro .desc {
  height: calc(26 / 14 * 3em);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
}
.glist8 .text {
  padding: 0 0.2rem;
}
.glist8 .title {
  color: #333;
  font-size: 0.26rem;
  font-weight: bold;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  line-height: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 750px) {
  .glist8 .title {
    font-size: 0.32rem;
  }
}
.glist8 .title span {
  display: inline-flex;
  display: -webkit-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -ms-inline-flexbox;
  position: relative;
}
.glist8 .title span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #333;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.glist8 .tags {
  color: #888;
  font-size: 0.16rem;
  line-height: 1;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 750px) {
  .glist8 .tags {
    font-size: 0.2rem;
  }
}
.glist8 .tags span {
  padding: 0.1rem 0.2rem;
  border: 1px solid var(--primary-border);
  border-radius: 4px;
  margin-right: 0.15rem;
  margin-bottom: 0.1rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.glist9 {
  overflow: hidden;
  margin-right: -0.2rem;
}
.glist9 .item {
  padding: 0.45rem 0.4rem;
  height: 3.5rem;
  background: var(--primary-bggreen);
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  margin-right: 0.2rem;
}
@media screen and (max-width: 960px) {
  .glist9 .item {
    border-radius: 0.2rem;
  }
}
.glist9 .item .circle {
  position: absolute;
  left: calc(160 / 400 * 100%);
  top: calc(150 / 350 * 100%);
  width: 3.25rem;
  height: 3.25rem;
  -webkit-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  z-index: 1;
}
.glist9 .item .circle img {
  display: block;
  width: 100%;
  height: 100%;
}
.glist9 .item.item-bg1 {
  background: var(--primary-bggreen);
}
.glist9 .item.item-bg2 {
  background: #f1f7f0;
}
.glist9 .item.item-bg2 .circle {
  left: calc(20 / 400 * 100%);
  top: calc(-120 / 350 * 100%);
}
.glist9 .item.item-bg3 {
  background: #f7f7f0;
}
.glist9 .item.item-bg3 .circle {
  left: calc(-30 / 400 * 100%);
  top: calc(200 / 350 * 100%);
  width: 2.65rem;
  height: 2.65rem;
}
.glist9 .item:hover .circle {
  width: 200%;
  height: 200%;
  left: -50%;
  top: -50%;
}
.glist9 .text {
  font-size: 0.3rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .glist9 .text {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 750px) {
  .glist9 .text {
    font-size: 0.28rem;
  }
}
.glist9 .text .title {
  font-size: 0.3rem;
}
@media screen and (max-width: 750px) {
  .glist9 .text .title {
    font-size: 0.32rem;
  }
}
.glist9 .logo {
  max-width: 40%;
  max-height: 0.45rem;
  position: relative;
  z-index: 2;
}
.glist9 .logo img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.glist10 {
  margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  .glist10 {
    margin-bottom: 0.5rem;
  }
}
.glist10 .item {
  display: flex;
  border: 1px solid var(--primary-border);
  border-radius: 0.3rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .glist10 .item {
    display: block;
  }
}
.glist10 .item > * {
  position: relative;
  z-index: 2;
}
.glist10 .item .circle {
  position: absolute;
  z-index: 1;
  left: -1rem;
  bottom: -1.2rem;
  width: 3.7rem;
  height: 3.7rem;
}
.glist10 .item .circle.c2 {
  left: 3.3rem;
  bottom: -1.3rem;
}
.glist10 .item .circle.c3 {
  left: -1.3rem;
  bottom: -1.3rem;
}
.glist10 .item .text {
  width: 5.75rem;
  padding: 1.1rem 0.8rem;
  flex: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .glist10 .item .text {
    padding: 0.8rem 0.6rem;
  }
}
@media screen and (max-width: 750px) {
  .glist10 .item .text {
    width: auto;
  }
}
.glist10 .item .text .title {
  font-size: 0.44rem;
  line-height: 1;
  margin-bottom: 0.2rem;
  position: relative;
}
@media screen and (max-width: 960px) {
  .glist10 .item .text .title {
    font-size: 0.4rem;
  }
}
.glist10 .item .text .title::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -0.25rem;
  top: -0.2rem;
  width: 0.45rem;
  height: 0.32rem;
  background-image: url("./../images/quot.png");
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
}
.glist10 .item .text .desc {
  color: var(--fc6-color);
  font-size: 0.2rem;
}
.glist10 .item .text .icon {
  height: 0.5rem;
}
.glist10 .item .text .icon img {
  display: block;
  height: 100%;
}
.glist10 .item .picture {
  flex: 1;
  height: 5.6rem;
}
@media screen and (max-width: 960px) {
  .glist10 .item .picture {
    height: 4.2rem;
  }
}
.glist10 .item .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-history-list {
  display: flex;
  font-size: 0.26rem;
  justify-content: space-between;
  position: relative;
  padding-left: 1.6rem;
}
@media screen and (max-width: 960px) {
  .m-history-list {
    font-size: 0.2rem;
    padding-left: 1.2rem;
  }
}
@media screen and (max-width: 750px) {
  .m-history-list {
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: -0.6rem;
  }
}
.m-history-list::before,
.m-history-list::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
}
@media screen and (max-width: 750px) {
  .m-history-list::before,
  .m-history-list::after {
    display: none;
  }
}
.m-history-list::before {
  width: 0.3rem;
  height: 0.3rem;
  background: #fff0c4;
  border-radius: 50%;
}
@media screen and (max-width: 960px) {
  .m-history-list::before {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.m-history-list::after {
  width: 200%;
  height: 0.3rem;
  background-image: url("./../images/bg-ruler.png");
  background-repeat: repeat-x;
  background-position: 0.3rem center;
  background-size: auto 100%;
}
@media screen and (max-width: 960px) {
  .m-history-list::after {
    height: 0.2rem;
    background-position: 0.2rem center;
  }
}
.m-history-list .item {
  animation-delay: 1s;
}
@media screen and (max-width: 750px) {
  .m-history-list .item {
    width: 46%;
    margin-bottom: 0.6rem;
  }
}
.m-history-list .item:nth-child(2n) {
  margin-top: 3rem;
}
@media screen and (max-width: 960px) {
  .m-history-list .item:nth-child(2n) {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .m-history-list .item:nth-child(2n) {
    margin-top: 0;
  }
}
@media screen and (max-width: 960px) {
  .m-history-list .item:last-child .intro {
    white-space: normal;
  }
}
.m-history-list .item_cont {
  position: relative;
}
@media screen and (max-width: 750px) {
  .m-history-list .item_cont {
    text-align: center;
  }
}
.m-history-list .item_cont .icon {
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
  position: absolute;
  right: 100%;
  top: 0;
}
@media screen and (max-width: 960px) {
  .m-history-list .item_cont .icon {
    width: 1rem;
    height: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .m-history-list .item_cont .icon {
    width: 1.4rem;
    height: 1.4rem;
    position: static;
    margin: 0 auto;
  }
}
.m-history-list .item_cont .text {
  position: relative;
}
.m-history-list .item_cont .num {
  line-height: 1.2;
  color: transparent;
  background-image: linear-gradient(to right, #ffecba 0%, #fffbe0 50%, #fae89f 100%);
  background-clip: text;
  margin-bottom: 0.1rem;
}
.m-history-list .item_cont .num span {
  font-size: 0.88rem;
  font-family: 'OPPOSans';
  font-weight: bold;
}
@media screen and (max-width: 960px) {
  .m-history-list .item_cont .num span {
    font-size: 0.72rem;
  }
}
.m-history-list .item_cont .intro {
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .m-history-list .item_cont .intro {
    white-space: normal;
    position: static;
  }
}
@media screen and (max-width: 960px) {
  .m-custom-list .pin-spacer {
    display: none !important;
  }
}
.m-custom-list .swiper-list {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  flex-wrap: nowrap;
  align-items: center;
}
.m-custom-list .swiper-list .swiper-list-box {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  flex-wrap: nowrap;
}
.m-custom-list .swiper-list .swiper-list-box-item {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  flex-wrap: nowrap;
}
.m-custom-list .swiper-list .item {
  height: clamp(100px, calc(40vh), 3.7rem);
}
.m-custom-list .swiper-list .item.item-row2 {
  height: clamp(200px, calc(80vh + 0.2rem), 7.6rem);
}
.m-custom-list .swiper-box {
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .m-custom-list .swiper-box {
    height: auto;
    overflow: visible;
  }
}
.m-custom-list .swiper {
  height: 7.8rem;
  overflow: visible;
}
.m-custom-list .swiper-slide {
  width: 5rem;
}
.m-custom-list .swiper-slide.item-col2 {
  width: 10rem;
}
@media screen and (max-width: 750px) {
  .m-custom-list .swiper-slide.item-col2 {
    width: 5rem;
  }
}
.m-custom-list .item {
  height: 3.7rem;
  border-radius: 0.2rem;
  overflow: hidden;
  display: block;
  position: relative;
  margin-bottom: 0.2rem;
  margin-right: 0.2rem;
}
.m-custom-list .item.item-row2 {
  height: 7.6rem;
}
.m-custom-list .item .picture {
  height: 100%;
}
.m-custom-list .item .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m-custom-list .item .text {
  color: #fff;
  line-height: 1;
  padding: 0.1rem;
  border: 1px solid rgba(255,255,255,0);
  border-radius: 0.2rem;
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0.1rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-custom-list .item .text .hd {
  border-bottom: 1px solid rgba(255,255,255,0);
  position: relative;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-custom-list .item .text .more {
  color: #b24b4b;
  font-size: 0.3rem;
  line-height: 0.34rem;
  width: 0.34rem;
  height: 0.34rem;
  background: #fff;
  border-radius: 50%;
  display: block;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.m-custom-list .item .text .title {
  font-size: 0.28rem;
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 750px) {
  .m-custom-list .item .text .title {
    font-size: 0.32rem;
  }
}
.m-custom-list .item .text .intro {
  font-size: 0.22rem;
}
@media screen and (max-width: 750px) {
  .m-custom-list .item .text .intro {
    font-size: 0.24rem;
  }
}
.m-custom-list .item .text .desc {
  font-size: 0.14rem;
  line-height: calc(26 / 14);
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 750px) {
  .m-custom-list .item .text .desc {
    font-size: 0.2rem;
  }
}
.m-custom-list .item:hover .text {
  padding: 0.2rem;
  background-color: rgba(31,31,31,0.3);
  backdrop-filter: blur(0.1rem);
  border-color: rgba(255,255,255,0.5);
}
.m-custom-list .item:hover .text .hd {
  padding-bottom: 0.15rem;
  border-color: rgba(255,255,255,0.3);
  margin-bottom: 0.1rem;
}
.m-custom-list .item:hover .text .desc {
  height: calc(26 / 14 * 3em);
  text-overflow: ellipsis;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
}
.m-custom-list .item:hover .text .more {
  opacity: 1;
  visibility: visible;
}
.glist11 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 0.22rem;
}
.glist11 li {
  width: calc(50% - 0.4rem);
  margin-bottom: 0.15rem;
  position: relative;
}
.glist11 li a {
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.glist11 li i {
  width: 0;
  height: 100%;
  position: relative;
}
.glist11 li i::after {
  content: '';
  width: 0.23rem;
  height: 0.11rem;
  background-image: url("./../images/jtr.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.glist11 li:hover a {
  color: var(--primary-color);
}
.glist11 li:hover i::after {
  opacity: 1;
  visibility: visible;
  margin-left: 0.1rem;
}
.glist12 {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  flex-wrap: nowrap;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.glist12::before,
.glist12::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0.4rem;
  bottom: 0.4rem;
  width: 2rem;
}
.glist12::before {
  left: 0;
  background-image: linear-gradient(90deg, #f9fdfb, transparent);
}
@media screen and (max-width: 960px) {
  .glist12::before {
    background-image: linear-gradient(90deg, #f0f8f3, transparent);
  }
}
.glist12::after {
  right: 0;
  background-image: linear-gradient(-90deg, #f9fdfb, transparent);
}
@media screen and (max-width: 960px) {
  .glist12::after {
    background-image: linear-gradient(-90deg, #f0f8f3, transparent);
  }
}
.glist12:nth-child(2) {
  margin-top: -0.6rem;
}
.glist12:nth-child(2)::before {
  left: 0;
  background-image: linear-gradient(90deg, #f1f9f4, transparent);
}
@media screen and (max-width: 960px) {
  .glist12:nth-child(2)::before {
    background-image: linear-gradient(90deg, #f0f8f3, transparent);
  }
}
.glist12:nth-child(2)::after {
  right: 0;
  background-image: linear-gradient(-90deg, #f1f9f4, transparent);
}
@media screen and (max-width: 960px) {
  .glist12:nth-child(2)::after {
    background-image: linear-gradient(-90deg, #f0f8f3, transparent);
  }
}
.glist12:nth-child(2) .flexlist:first-child {
  animation: goon_dong4 48s linear infinite;
}
.glist12:nth-child(2) .flexlist:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  animation: goon_dong5 48s linear infinite;
}
.glist12:nth-child(2) .flexlist:nth-child(3) {
  position: absolute;
  left: 0;
  top: 0;
  animation: goon_dong6 48s linear infinite;
}
.glist12:hover .flexlist {
  animation-play-state: paused !important;
}
.glist12 .flexlist {
  flex: none;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0.4rem 0;
}
.glist12 .flexlist:first-child {
  animation: goon_dong1 48s linear infinite;
}
.glist12 .flexlist:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  animation: goon_dong2 48s linear infinite;
}
.glist12 .flexlist:nth-child(3) {
  position: absolute;
  left: 0;
  top: 0;
  animation: goon_dong3 48s linear infinite;
}
.glist12 .flexlist .item {
  flex: none;
}
.glist12 .item,
.glist12 .swiper-slide {
  width: 1.8rem;
  position: relative;
}
.glist12 .item:hover .text,
.glist12 .swiper-slide:hover .text {
  width: 2rem;
  height: 2rem;
  opacity: 1;
  visibility: visible;
}
.glist12 .swiper-slide {
  opacity: 0;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.glist12 .swiper-slide.swiper-slide-prev,
.glist12 .swiper-slide.swiper-slide-next + .swiper-slide {
  opacity: 0.3;
}
.glist12 .swiper-slide.swiper-slide-active,
.glist12 .swiper-slide.swiper-slide-next {
  opacity: 1;
}
.glist12 .picture {
  width: 1.6rem;
  height: 1.6rem;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.1rem;
}
.glist12 .picture img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.glist12 .text {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  color: #fff;
  font-size: 0.18rem;
  text-align: center;
  background: var(--primary-color);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.glist13 {
  position: relative;
  margin-right: -0.3rem;
}
.glist13 .cursor {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 10%;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: center;
  height: 0.6rem;
  padding: 0 0.2rem;
  background: rgba(23,23,23,0.7);
  -webkit-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  border-radius: 0.3rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  animation-fill-mode: forwards;
  -webkit-transition: all 3s ease-in-out;
  -ms-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}
.glist13 .cursor.wow {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.glist13 .cursor.hide {
  opacity: 0;
  visibility: hidden;
}
.glist13 .cursor svg {
  width: 0.14rem;
  height: 0.14rem;
  margin: 0 0.1rem;
}
.glist13 .cursor svg path {
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.glist13 .cursor svg.pointer {
  width: 0.36rem;
  height: 0.36rem;
  animation: move-swipe-gesture 2.25s infinite;
}
.glist13 .swiper {
  z-index: 1;
}
.glist13 .item {
  background: #f3f8f5;
  border-radius: 0.3rem;
  overflow: hidden;
  display: block;
  margin-right: 0.3rem;
}
.glist13 .item .text {
  color: #333;
  font-size: 0.18rem;
  padding: 0.4rem;
}
@media screen and (max-width: 750px) {
  .glist13 .item .text {
    font-size: 0.24rem;
  }
}
.glist13 .item .text .title {
  font-size: 0.36rem;
  line-height: 1;
  height: 1em;
  margin-bottom: 0.1rem;
}
.glist13 .item .text .intro {
  line-height: 1.5;
  height: 1.5em;
  margin-bottom: 0.4rem;
}
.glist13 .item .text .desc {
  height: 1.2rem;
  margin-bottom: 0.2rem;
}
.glist13 .item .text .desc ul {
  display: flex;
  flex-wrap: wrap;
}
.glist13 .item .text .desc ul li {
  width: 50%;
  padding-left: 0.2rem;
  position: relative;
  margin-bottom: 0.2rem;
}
.glist13 .item .text .desc ul li::before {
  content: '';
  width: 0.05rem;
  height: 0.05rem;
  background: #676767;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.glist13 .item .icon {
  height: 2.8rem;
  background: #e1f5ea;
  display: flex;
  align-items: flex-end;
/* path {
				// fill-rule: evenodd
				transition: .5s
			} */
}
@media screen and (max-width: 750px) {
  .glist13 .item .icon {
    height: 3.5rem;
  }
}
.glist13 .item .icon object {
  width: 100%;
  height: 100%;
}
.glist13 .item .icon svg,
.glist13 .item .icon img {
  display: block;
  width: 100%;
  max-height: 3rem;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 750px) {
  .glist13 .item .icon svg,
  .glist13 .item .icon img {
    max-height: 3.4rem;
  }
}
.glist13 .item.item-col2 {
  background: #f1f7f0;
}
.glist13 .item.item-col2 .icon {
  background: #e5f5e1;
}
.glist13 .item.item-col3 {
  background: #f7f7f0;
}
.glist13 .item.item-col3 .icon {
  background: #f0f2da;
}
.glist13 .item:hover .icon img {
  -webkit-transform: translateY(0.1rem);
  -ms-transform: translateY(0.1rem);
  transform: translateY(0.1rem);
}
.glist13 .item:hover svg .path1 {
  -webkit-transform: translateX(-46px);
  -ms-transform: translateX(-46px);
  transform: translateX(-46px);
}
.glist13 .item:hover svg .path2 {
  -webkit-transform: translateX(46px);
  -ms-transform: translateX(46px);
  transform: translateX(46px);
}
.glist14 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -1rem;
}
@media screen and (max-width: 750px) {
  .glist14 {
    display: block;
    margin-bottom: -0.6rem;
  }
}
.glist14 .item {
  width: calc(50% - 0.4rem);
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--primary-color);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 750px) {
  .glist14 .item {
    width: auto;
    margin-bottom: 0.6rem;
  }
}
.glist14 .item .text {
  display: flex;
  align-items: flex-end;
}
.glist14 .item .num {
  font-size: 1.4rem;
  line-height: 1rem;
  font-weight: bold;
  flex: none;
  margin-right: 0.1rem;
}
@media screen and (max-width: 960px) {
  .glist14 .item .num {
    font-size: 1rem;
  }
}
.glist14 .item .unit {
  font-size: 0.6rem;
  font-size: 0.48rem;
  line-height: 1;
}
.glist14 .item .intro {
  font-size: 0.2rem;
}
.glist14 .item .icon {
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
}
.glist14 .item .icon::after {
  content: '';
  position: absolute;
  z-index: 3;
  bottom: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 4px;
  background: rgba(255,255,255,0.5);
  box-shadow: inset 0 0 2px #fff;
  backdrop-filter: blur(2px);
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  animation: iconbtf 0.5s linear forwards;
}
.glist14 .item .icon img {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.glist14 .item:first-child .icon:after {
  right: -0.1rem;
}
.glist14 .item:nth-child(2) .icon:after {
  left: -0.1rem;
  bottom: -0.1rem;
}
.glist14 .item:nth-child(3) .icon:after {
  right: 0.04rem;
  bottom: 0.04rem;
}
.glist14 .item:nth-child(4) .icon:after {
  left: -5%;
  width: 110%;
  height: 0.3rem;
  bottom: -0.1rem;
}
.glist14 .item:hover .icon::after {
  -webkit-transform: translate(-5%, -5%);
  -ms-transform: translate(-5%, -5%);
  transform: translate(-5%, -5%);
  animation: iconftb 0.5s linear forwards;
}
.glist14 .item:hover .icon img {
  -webkit-transform: translate(5%, 5%);
  -ms-transform: translate(5%, 5%);
  transform: translate(5%, 5%);
}
@-webkit-keyframes iconftb {
  0% {
    opacity: 1;
    z-index: 3;
  }
  50% {
    opacity: 0;
    z-index: 3;
  }
  51% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 1;
  }
}
@-webkit-keyframes iconbtf {
  0% {
    opacity: 1;
    z-index: 1;
  }
  50% {
    opacity: 0;
    z-index: 1;
  }
  51% {
    opacity: 0;
    z-index: 3;
  }
  100% {
    opacity: 1;
    z-index: 3;
  }
}
.glist15 {
  margin-right: -0.2rem;
}
.glist15 .index-swipe-btns {
  margin-right: 0.2rem;
}
.glist15.flexlist {
  display: flex;
  flex-wrap: wrap;
}
.glist15.flexlist .item {
  width: calc(25% - 0.2rem);
}
@media screen and (max-width: 960px) {
  .glist15.flexlist .item {
    width: calc(50% - 0.2rem);
  }
}
.glist15.flexlist .item.item-col2 {
  width: calc(50% - 0.2rem);
}
@media screen and (max-width: 960px) {
  .glist15.flexlist .item.item-col2 {
    width: 100%;
  }
}
.glist15 .swiper {
  overflow: visible;
}
.glist15 .swiper .swiper-slide {
  overflow: hidden;
}
.glist15 .item {
  padding: 0.35rem;
  background-color: #f1f8f0;
  border-radius: 0.24rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.glist15 .item.item-col2 {
  background-image: url("./../images/bg-index3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.glist15 .item.item-col2 .item_con {
  display: flex;
  align-items: flex-end;
}
.glist15 .item.item-col2 .item_con .text {
  width: 50%;
}
.glist15 .item.item-col2 .item_con .tag {
  color: #333;
  background: none;
  padding-left: 0;
  display: flex;
}
.glist15 .item.item-col2 .item_con .title span {
  font-size: 0.36rem;
  font-weight: bold;
  display: inline-flex;
  border-bottom: 1px solid var(--primary-color);
}
.glist15 .item.item-col2 .item_con .bottom {
  justify-content: flex-start;
}
.glist15 .item.item-col2 .item_con .bottom .date {
  margin-right: 0.1rem;
}
.glist15 .item.item-col2 .item_con .picture {
  flex: 1;
}
.glist15 .item.item-col2 .item_con .picture img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 2rem;
  object-fit: contain;
}
.glist15 .item .item_con {
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.glist15 .item:hover .title {
  color: var(--primary-color);
}
.glist15 .item:hover .more {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.glist15 .item:hover .more svg {
  fill: var(--primary-color);
}
.glist15 .item .tag {
  color: #fff;
  font-size: 0.14rem;
  line-height: 1;
  height: 0.3rem;
  padding: 0 0.1rem;
  background: var(--primary-color);
  border-radius: 0.15rem;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
.glist15 .item .title {
  font-size: 0.24rem;
  line-height: calc(34 / 24);
  font-weight: normal;
  height: calc(34 / 24 * 3em);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  margin-bottom: 0.3rem;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.glist15 .item .bottom {
  font-size: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.glist15 .item .more {
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.glist15 .item .more svg {
  width: 0.3rem;
  height: 0.2rem;
  fill: #808080;
  -webkit-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.glist15 .item .date {
  color: #808080;
}
.glist16 .item {
  display: block;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.glist16 .item:hover .more {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.glist16 .item:hover .picture img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.glist16 .item .text {
  padding-right: 0.3rem;
}
.glist16 .item .date {
  color: #808080;
  font-size: 0.18rem;
  margin-bottom: 0.1rem;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .glist16 .item .date {
    font-size: 0.24rem;
  }
}
.glist16 .item .date .icon {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background: url("./../images/date.png") no-repeat center;
  -webkit-bbackground-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  margin-right: 0.1rem;
  filter: brightness(0);
  opacity: 0.5;
}
.glist16 .item .title {
  color: #333;
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 1.5;
  height: 3em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 960px) {
  .glist16 .item .title {
    font-size: 0.32rem;
  }
}
.glist16 .item .tag {
  color: var(--primary-color);
  font-size: 0.14rem;
}
@media screen and (max-width: 960px) {
  .glist16 .item .tag {
    font-size: 0.2rem;
  }
}
.glist16 .item .more {
  display: block;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
.glist16 .item .more svg {
  fill: var(--primary-color);
  width: 0.24rem;
  height: 0.2rem;
}
.glist16 .item .bot {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.glist16 .item .picture {
  height: 0;
  padding-top: calc(220 / 330 * 100%);
  -webkit-border-radius: 0.16rem;
  -ms-border-radius: 0.16rem;
  border-radius: 0.16rem;
  overflow: hidden;
  position: relative;
}
.glist16 .item .picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
}
.glist-chapter {
  margin-right: -0.3rem;
}
.glist-chapter .item {
  display: block;
  padding: 0.4rem;
  height: 100%;
  background-color: #f3f8f5;
  border-radius: 0.3rem;
  overflow: hidden;
  position: relative;
  margin-right: 0.3rem;
}
.glist-chapter .item > * {
  position: relative;
  z-index: 2;
}
.glist-chapter .item .circle {
  width: 3.7rem;
  height: 3.7rem;
  background-image: linear-gradient(210deg, #e1f3e8 0%, rgba(225,243,232,0) 100%);
  border-radius: 50%;
  display: block;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  position: absolute;
  z-index: 1;
}
.glist-chapter .item .title {
  color: #333;
  font-size: 0.34rem;
  line-height: 1.5;
  height: 4.5em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 960px) {
  .glist-chapter .item .title {
    font-size: 0.28rem;
  }
}
.glist-chapter .item .date {
  color: var(--fc6-color);
  font-size: 0.18rem;
}
.glist-chapter .item .icon {
  height: 0.6rem;
  margin-top: 0.6rem;
}
.glist-chapter .item .icon img {
  display: block;
  max-height: 100%;
}
.glist-chapter .item.s1 .circle {
  left: 2rem;
  bottom: -1.7rem;
}
.glist-chapter .item.s1:hover .circle {
  left: -50%;
  bottom: -50%;
}
.glist-chapter .item.s2 {
  background-color: #f1f7f0;
}
.glist-chapter .item.s2 .circle {
  left: 0.3rem;
  top: -1.3rem;
}
.glist-chapter .item.s2:hover .circle {
  left: -50%;
  top: -50%;
}
.glist-chapter .item.s3 {
  background-color: #f7f7f0;
}
.glist-chapter .item.s3 .circle {
  width: 3.1rem;
  height: 3.1rem;
  background-image: linear-gradient(180deg, #f2f2df 0%, rgba(242,242,223,0) 100%);
  left: -0.5rem;
  bottom: -1.7rem;
}
.glist-chapter .item.s3:hover .circle {
  left: -50%;
  bottom: -50%;
}
.glist-chapter .item:hover .circle {
  width: 200%;
  height: 200%;
}
@media screen and (max-width: 960px) {
  .m-tit1 {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .m-list1 .tit {
    font-size: 0.36rem;
  }
}
@media screen and (max-width: 750px) {
  .m-list1 .pic {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .m-yu .tit {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 750px) {
  .m-yu .btn {
    font-size: 0.28rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 960px) {
  .m-yu .pic {
    width: 3rem;
    right: 1rem;
    bottom: 0.2rem;
  }
}
@media screen and (max-width: 750px) {
  .m-yu .pic {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .m-details h1 {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 750px) {
  .m-details h1 {
    font-size: 0.36rem;
  }
}
@media screen and (max-width: 750px) {
  .m-details .info {
    height: auto;
    padding: 0.15rem 0.3rem;
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .m-details .cont {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .m-details .col-l {
    width: auto;
  }
}
@media screen and (max-width: 750px) {
  .m-details .col-r {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .m-details .txt {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 750px) {
  .m-details .source {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 750px) {
  .m-details .arrow .prev,
  .m-details .arrow .next {
    font-size: 0.28rem;
  }
}
.m-details .arrow .back {
  flex: none;
  margin: 0 0.1rem;
}
.glist17 .item {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  background-color: #f5f5f8;
  -webkit-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  border-radius: 0.4rem;
  overflow: hidden;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 960px) {
  .glist17 .item {
    display: block;
    -webkit-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    border-radius: 0.2rem;
    margin-bottom: 0.3rem;
  }
}
.glist17 .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.glist17 .item:last-child {
  margin-bottom: 0;
}
.glist17 .item .text {
  line-height: 1.5;
  padding: 0.7rem;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .glist17 .item .text {
    padding: 0.4rem;
  }
}
.glist17 .item .text .tit {
  font-size: 0.36rem;
  display: inline-flex;
  display: -webkit-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -ms-inline-flexbox;
  margin-bottom: 0.2rem;
  position: relative;
}
@media screen and (max-width: 960px) {
  .glist17 .item .text .tit {
    font-size: 0.32rem;
  }
}
.glist17 .item .text .tit::after {
  content: '';
  position: absolute;
  right: 0.3rem;
  bottom: -0.1rem;
  width: 2rem;
  height: 0.2rem;
  background: url("./../images/wline.png") no-repeat center;
  -webkit-bbackground-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}
.glist17 .item .text .list {
  font-size: 0.18rem;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 960px) {
  .glist17 .item .text .list {
    font-size: 0.24rem;
    margin-bottom: 0.4rem;
  }
}
.glist17 .item .text .list li {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  margin-bottom: 0.1rem;
}
.glist17 .item .text .list li i {
  flex: none;
  width: 0.2rem;
  height: 0.2rem;
  background-color: var(--primary-color);
  background-image: url("./../images/check.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-bbackground-size: 60% auto;
  -ms-background-size: 60% auto;
  background-size: 60% auto;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-flex;
  display: -webkit-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -ms-inline-flexbox;
  margin-right: 0.1rem;
}
.glist17 .item .picture {
  flex: none;
  width: 50%;
  min-height: 6rem;
}
@media screen and (max-width: 960px) {
  .glist17 .item .picture {
    display: none;
  }
}
.glist17 .item .picture img {
  display: block;
  height: 100%;
  object-fit: cover;
}
@-moz-keyframes iconftb {
  0% {
    opacity: 1;
    z-index: 3;
  }
  50% {
    opacity: 0;
    z-index: 3;
  }
  51% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 1;
  }
}
@-webkit-keyframes iconftb {
  0% {
    opacity: 1;
    z-index: 3;
  }
  50% {
    opacity: 0;
    z-index: 3;
  }
  51% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 1;
  }
}
@-o-keyframes iconftb {
  0% {
    opacity: 1;
    z-index: 3;
  }
  50% {
    opacity: 0;
    z-index: 3;
  }
  51% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 1;
  }
}
@keyframes iconftb {
  0% {
    opacity: 1;
    z-index: 3;
  }
  50% {
    opacity: 0;
    z-index: 3;
  }
  51% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 1;
    z-index: 1;
  }
}
@-moz-keyframes iconbtf {
  0% {
    opacity: 1;
    z-index: 1;
  }
  50% {
    opacity: 0;
    z-index: 1;
  }
  51% {
    opacity: 0;
    z-index: 3;
  }
  100% {
    opacity: 1;
    z-index: 3;
  }
}
@-webkit-keyframes iconbtf {
  0% {
    opacity: 1;
    z-index: 1;
  }
  50% {
    opacity: 0;
    z-index: 1;
  }
  51% {
    opacity: 0;
    z-index: 3;
  }
  100% {
    opacity: 1;
    z-index: 3;
  }
}
@-o-keyframes iconbtf {
  0% {
    opacity: 1;
    z-index: 1;
  }
  50% {
    opacity: 0;
    z-index: 1;
  }
  51% {
    opacity: 0;
    z-index: 3;
  }
  100% {
    opacity: 1;
    z-index: 3;
  }
}
@keyframes iconbtf {
  0% {
    opacity: 1;
    z-index: 1;
  }
  50% {
    opacity: 0;
    z-index: 1;
  }
  51% {
    opacity: 0;
    z-index: 3;
  }
  100% {
    opacity: 1;
    z-index: 3;
  }
}
@-moz-keyframes lineprog {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes lineprog {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes lineprog {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes lineprog {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes bubblemoveX {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-0.1rem);
    -ms-transform: translateX(-0.1rem);
    transform: translateX(-0.1rem);
  }
  70% {
    -webkit-transform: translateX(0.1rem);
    -ms-transform: translateX(0.1rem);
    transform: translateX(0.1rem);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bubblemoveX {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-0.1rem);
    -ms-transform: translateX(-0.1rem);
    transform: translateX(-0.1rem);
  }
  70% {
    -webkit-transform: translateX(0.1rem);
    -ms-transform: translateX(0.1rem);
    transform: translateX(0.1rem);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes bubblemoveX {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-0.1rem);
    -ms-transform: translateX(-0.1rem);
    transform: translateX(-0.1rem);
  }
  70% {
    -webkit-transform: translateX(0.1rem);
    -ms-transform: translateX(0.1rem);
    transform: translateX(0.1rem);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bubblemoveX {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(-0.1rem);
    -ms-transform: translateX(-0.1rem);
    transform: translateX(-0.1rem);
  }
  70% {
    -webkit-transform: translateX(0.1rem);
    -ms-transform: translateX(0.1rem);
    transform: translateX(0.1rem);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes bubblemoveY {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }
  70% {
    -webkit-transform: translateY(0.1rem);
    -ms-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bubblemoveY {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }
  70% {
    -webkit-transform: translateY(0.1rem);
    -ms-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bubblemoveY {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }
  70% {
    -webkit-transform: translateY(0.1rem);
    -ms-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bubblemoveY {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }
  70% {
    -webkit-transform: translateY(0.1rem);
    -ms-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bounceIng {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes bounceIng {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-o-keyframes bounceIng {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIng {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-moz-keyframes popmove {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  25% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform: translateY(10px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  75% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
}
@-webkit-keyframes popmove {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  25% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform: translateY(10px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  75% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
}
@-o-keyframes popmove {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  25% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform: translateY(10px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  75% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
}
@keyframes popmove {
  0% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  25% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform: translateY(10px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
  75% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px) rotate(0deg);
  }
}
@-moz-keyframes goon_dong1 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes goon_dong1 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-o-keyframes goon_dong1 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes goon_dong1 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-moz-keyframes goon_dong2 {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
}
@-webkit-keyframes goon_dong2 {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
}
@-o-keyframes goon_dong2 {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
}
@keyframes goon_dong2 {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
}
@-moz-keyframes goon_dong3 {
  from {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes goon_dong3 {
  from {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-o-keyframes goon_dong3 {
  from {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes goon_dong3 {
  from {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes goon_dong4 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes goon_dong4 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-o-keyframes goon_dong4 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes goon_dong4 {
  from {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes goon_dong5 {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes goon_dong5 {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes goon_dong5 {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes goon_dong5 {
  from {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes goon_dong6 {
  from {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
  to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes goon_dong6 {
  from {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
  to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-o-keyframes goon_dong6 {
  from {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
  to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes goon_dong6 {
  from {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
  to {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-moz-keyframes move-swipe-gesture {
  0%, to {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@-webkit-keyframes move-swipe-gesture {
  0%, to {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@-o-keyframes move-swipe-gesture {
  0%, to {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@keyframes move-swipe-gesture {
  0%, to {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  50% {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}