/* 私有头部 */
header.fixed{
  background-color: #00ab75;
}
header nav .nav-menu>li>a {
  color: #1F2D3D
}

header nav .nav-menu>li>a:hover {
  color: #1F2D3D
}
header.fixed nav .nav-menu>li>a,header.fixed nav .nav-menu>li>a:hover {
  color: #fff
}
header.fixed nav .dropdown::after{
  border-color: #fff;
}

header nav .buttons .btn {
  display: inline-block;
  min-width: 80px;
  padding: 11px 34px;
  border: 1px solid transparent;
  background: #fff;
  color: #04CB94;
  font-size: 16px;
  line-height: 1em;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  padding: 6px 15px
}

/*header nav .buttons .btn:hover,*/
/*header nav .buttons .btn:active {*/
/*  background-color: #03A276;*/
/*  border-color: #03A276*/
/*}*/
header.fixed nav .buttons .btn{
  background-color: #fff;
  color: #04CB94;
}
header.fixed nav .buttons .btn:hover,
header.fixed nav .buttons .btn:active {
  background-color: #DEFFF6;
  border-color: #DEFFF6;
  color: #04CB94;
}
header nav .buttons a:last-of-type {
  color: #1F2D3D !important
}
header.fixed nav .buttons a:last-of-type{
  color: #fff !important
}
header nav .dropdown::after {
  border-bottom-color: #1F2D3D;
  border-left-color: #1F2D3D
}

header nav .logo {
  width: 171px;
  height: 41px;
  background: url(../images/header/logo1.svg) no-repeat center / contain
}

header nav .logo img {
  display: none
}
body.fixed header  nav .logo img{
  display: inline-block !important;
}
body.fixed header  nav .logo {
  width: 171px;
  height: 41px;
  background: none
}
header.fixed nav .logo{
  background: none;
}
header.fixed nav .logo img {
  display: block
}
@media screen and (max-width:1000px) {
  header nav .logo {
    width: 112.5px;
    height: 42px;
    line-height: 42px;
  }
}

header nav .qddhWrap {
  color: #1F2D3D !important
}

header nav .qddhWrap .icon-ziping {
  background: url(../images/header/ceping-icon.png) no-repeat center;
  background-size: contain;
  width: 38px;
  height: 40px;
  position: relative;
  display: none;
  vertical-align: middle
}

header nav .qddhWrap .text-ziping {
  width: 100px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  color: #07cb94
}

@media screen and (max-width:1060px) {

  header nav .qddhWrap .qddh,
  header nav .qddhWrap .qddh_wz {
    display: none
  }

  header nav .qddhWrap .icon-ziping {
    display: inline-block
  }
}

header nav .btnToggle em,
header nav .btnToggle em::after,
header nav .btnToggle em::before {
  background-color: #04CB94
}
header.fixed nav .btnToggle em,
header.fixed nav .btnToggle em::after,
header.fixed nav .btnToggle em::before {
  background-color: #fff
}

@media screen and (min-width:1080px) {
  body.fixed header nav .nav-menu>li>a {
    color: #fff
  }

  body.fixed header nav .nav-menu>li>a:hover {
    color: #fff
  }

  body.fixed header nav .buttons .btn {
    display: inline-block;
    min-width: 80px;
    padding: 11px 34px;
    border: 1px solid transparent;
    background: #fff;
    color: #04CB94;
    font-size: 16px;
    line-height: 1em;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    padding: 6px 15px
  }

  /*body.fixed header nav .buttons .btn:hover,*/
  /*body.fixed header nav .buttons .btn:active {*/
  /*  background-color: #fff;*/
  /*  color: #04CB94*/
  /*}*/

  body.fixed header nav .buttons a:last-of-type {
    color: #fff !important
  }

  body.fixed header nav .dropdown::after {
    border-bottom-color: #fff;
    border-left-color: #fff
  }

  body.fixed header nav .logo {
    width: 171px;
    height: 41px;
    background: 0 0
  }

  body.fixed header nav .logo img {
    display: block
  }

  body.fixed header nav .qddhWrap {
    color: #fff !important
  }

  body.fixed header nav .btnToggle em,
  body.fixed header nav .btnToggle em::after,
  body.fixed header nav .btnToggle em::before {
    background-color: #fff
  }
}

.buttons .btn[name=area_banner]:nth-of-type(2) {
  margin-left: 20px
}

@media screen and (max-width:1000px) {
  .buttons .btn[name=area_banner]:nth-of-type(2) {
    margin-left: 0;
    margin-top: 20px
  }
}

.buttons .btn[name=area_banner]:nth-of-type(2) {
  margin-left: 20px
}

@media screen and (max-width:1000px) {
  .buttons .btn[name=area_banner]:nth-of-type(2) {
    margin-left: 0;
    margin-top: 20px
  }
}

main {
  margin-top: -1;
  overflow-x: hidden;
  position: relative
}

main .bottom-laptop {
  position: absolute;
  right: -189px;
  bottom: 327px
}

#wxApp  section {
  position: relative;
  padding: 90px 0
}

@media screen and (max-width:1000px) {
  #wxApp  section {
    padding: 50px 0
  }
}

#wxApp  section article {
  text-align: center;
  position: relative;
  margin: 0 auto;
  max-width: 1440px;
  font-size: 0
}

@media screen and (max-width:1000px) {
  #wxApp  section article {
    max-width: 600px;
    margin: 0 auto
  }
}

@media screen and (max-width:640px) {
  #wxApp  section article {
    margin: 0 20px
  }
}

#wxApp  section .center {
  text-align: center
}

#wxApp  section .numbers {
  width: 33%;
  display: inline-block;
  background: #FFFBE0
}

#wxApp  section .numbers li {
  padding: 10px
}

#wxApp  section.main-footer {
  background-color: #04cb94;
  background-image: url(../images/wxApp/footer_b89cca6.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 60px 0
}

#wxApp  section.main-footer .line-title {
  color: #fff
}

#wxApp  section.main-footer .line-title::after {
  background: 0 0;
  margin: 25px auto 0
}

main .page-bottom {
  background-color: #04cb94;
  background-image: url(../images/wxApp2021/page-bottom-bg_7989161.png);
  background-repeat: no-repeat;
  background-size: 1200px 431px;
  background-position-x: center;
  background-position-y: -45px;
  padding: 60px 0;
  height: 270px
}

main .page-bottom .line-title {
  color: #fff;
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 40px
}

main .page-bottom .line-title::after {
  background: 0 0;
  display: none
}

main .page-bottom .line-title-sub {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFF;
  line-height: 16px;
  margin-top: 10px
}

main .page-bottom .sd-button-group {
  margin-top: 30px
}

main .page-bottom .sd-button-group .sd-button:not(:last-child) {
  margin-right: 20px
}

@media screen and (max-width:1080px) {
  main .page-bottom {
    padding: 50px 0
  }

  main .page-bottom::before {
    content: '';
    display: block;
    position: absolute;
    top: -13px;
    right: 14px;
    width: 138px;
    height: 60px;
    background: url(../images/wxApp2021/bottom-icon-mb_9e2a616.png) no-repeat center;
    background-size: 100% 100%
  }

  main .page-bottom::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 26px;
    width: 138px;
    height: 60px;
    background: url(../images/wxApp2021/bottom-icon-mb_9e2a616.png) no-repeat center;
    background-size: 100% 100%
  }

  main .page-bottom .line-title {
    font-size: 20px
  }

  main .page-bottom .line-title-sub {
    margin-top: 10px;
    font-size: 14px;
    padding: 0 30px
  }

  main .page-bottom .sd-button-group {
    margin-top: 20px
  }
}

footer {
  background-color: #2f3939;
  color: #fff;
  position: relative;
  padding-bottom: 45px
}

footer .bottom-laptop {
  position: absolute;
  right: 0;
  top: -376px;
  pointer-events: none
}

@media screen and (max-width:1170px) {
  footer .bottom-laptop {
    width: 650px;
    top: -344px
  }
}

@media screen and (max-width:1110px) {
  footer .bottom-laptop {
    width: 600px;
    top: -318px
  }
}

@media screen and (max-width:1080px) {
  footer .bottom-laptop {
    display: none
  }
}

footer section {
  padding: 65px 0 42px;
  max-width: 1300px;
  margin: 0 auto;
  text-align: right;
  position: relative
}

@media screen and (max-width:1080px) {
  footer section {
    text-align: center;
    padding: 32px 0 42px
  }
}

footer section nav {
  text-align: center;
  margin-left: 280px
}

@media screen and (max-width:1080px) {
  footer section nav {
    max-width: 600px;
    margin: 0 auto
  }
}

@media screen and (max-width:640px) {
  footer section nav {
    margin: 0 20px
  }
}

footer section nav .cards {
  font-size: 0
}

@media screen and (max-width:519px) {
  footer section nav .cards {
    text-align: left;
    padding-left: 17px
  }
}

footer section nav .cards .product {
  width: 270px
}

@media screen and (max-width:1080px) {
  footer section nav .cards .product {
    width: 210px
  }

  footer section nav .cards .product .h4 {
    font-size: 13px
  }
}

@media screen and (max-width:370px) {
  footer section nav .cards .product {
    width: 200px
  }
}

footer section nav .cards .product>ul {
  display: inline-block;
  vertical-align: top;
  width: 135px
}

@media screen and (max-width:1080px) {
  footer section nav .cards .product>ul {
    padding: 0;
    width: 105px
  }
}

@media screen and (max-width:370px) {
  footer section nav .cards .product>ul {
    width: 100px
  }
}

footer section nav .cards>li {
  vertical-align: top;
  display: inline-block;
  text-align: left;
  min-width: 135px
}

footer section nav .cards>li h3::before {
  content: '';
  width: 100%;
  border-top: solid 1px #a6a8ab;
  display: inline-block;
  -webkit-transform: translate(-2px, 45px);
  -ms-transform: translate(-2px, 45px);
  transform: translate(-2px, 45px)
}

@media screen and (max-width:1080px) {
  footer section nav .cards>li h3::before {
    -webkit-transform: translate(-2px, 39px);
    -ms-transform: translate(-2px, 39px);
    transform: translate(-2px, 39px)
  }
}

footer section nav .cards>li:nth-of-type(1) {
  width: 270px
}

@media screen and (max-width:1080px) {
  footer section nav .cards>li:nth-of-type(1) {
    width: 210px
  }
}

@media screen and (max-width:370px) {
  footer section nav .cards>li:nth-of-type(1) {
    width: 200px
  }
}

@media screen and (max-width:1080px) {
  footer section nav .cards>li {
    min-width: 105px;
    margin: 0;
    text-align: left
  }
}

@media screen and (max-width:370px) {
  footer section nav .cards>li {
    min-width: 100px
  }
}

@media screen and (max-width:320px) {
  footer section nav .cards>li {
    width: 87px
  }
}

footer section nav .cards>li h3 {
  font-weight: 300;
  color: #fff
}

@media screen and (max-width:1080px) {
  footer section nav .cards>li h3 {
    font-weight: 500
  }
}

footer section nav .cards>li ul {
  margin-top: 25px
}

footer section nav .cards>li ul li {
  list-style: none;
  margin-bottom: 14px
}

footer section nav .cards>li ul li a {
  color: #a6a8ab
}

@media screen and (max-width:1080px) {
  footer section nav .cards>li ul li a {
    font-weight: 500
  }
}

footer section nav .cards>li ul li a:hover {
  color: #fff
}

footer section nav .cards>li ul li.active a {
  color: #fff;
  pointer-events: none
}

footer section nav .left {
  position: absolute;
  left: 30px;
  top: 65px;
  text-align: left
}

@media screen and (max-width:1080px) {
  footer section nav .left {
    position: relative;
    left: 0;
    top: 0
  }
}

footer section nav .left .mp {
  display: inline-block;
  vertical-align: top
}

footer section nav .left .mp .qrcode {
  width: 122px;
  height: auto
}

footer section nav .left .mp p {
  margin-top: 0
}

footer section nav .left .mp p:nth-of-type(1) {
  margin-top: 0
}

footer section nav .left p {
  color: #a6a8ab
}

footer section nav .left p a {
  color: #a6a8ab
}

footer section nav .left p:nth-of-type(1) {
  font-weight: 300;
  margin-top: 20px
}

@media screen and (max-width:1080px) {
  footer section nav .left p:nth-of-type(1) {
    margin-top: 17px
  }
}

footer section nav .left p:nth-of-type(2) {
  font-weight: 300
}

@media screen and (max-width:1080px) {
  footer section nav .left p:nth-of-type(2) {
    margin-top: 16px
  }
}

footer section nav .left p .mp img {
  margin-top: 13px
}

footer section nav .left .logo svg,
footer section nav .left .logo img {
  width: 140px;
  height: 44px
}

footer section nav .left .website-filling {
  line-height: 20px
}

footer section nav .left .website-filling img {
  vertical-align: middle
}

footer section nav .left .website-filling a {
  font-size: 14px
}

footer section nav .left .website-filling p {
  margin: 0;
  display: inline
}

@media screen and (max-width:1080px) {
  footer section nav .left {
    border-top: solid 1px #505254;
    float: none;
    text-align: left;
    padding-top: 22px;
    padding-left: 17px
  }
}

footer.footer-new {
  background-color: #1F2D3D;
  color: #fff;
  position: relative;
  padding-bottom: 45px;
  text-align: center
}

footer.footer-new article {
  padding-top: 40px;
  min-height: 533px;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  text-align: left
}

footer.footer-new article>div {
  display: inline-block;
  white-space: normal;
  vertical-align: top
}

footer.footer-new article .footer-left {
  width: 255px;
  position: absolute;
  top: 40px;
  left: 0
}

footer.footer-new article .footer-left .footer-logo {
  width: 133px;
  height: 39px
}

footer.footer-new article .footer-left ul {
  margin-top: 30px
}

footer.footer-new article .footer-left ul li {
  margin: 5px 0;
  font-size: 14px;
  font-weight: 400;
  color: #99A9BF;
  line-height: 28px
}

footer.footer-new article .footer-left ul li a {
  color: #99A9BF
}

footer.footer-new article .footer-left .qrcode-list {
  margin-top: 20px;
  white-space: nowrap;
  vertical-align: top
}

footer.footer-new article .footer-left .qrcode-list>div {
  display: inline-block;
  width: 120px;
  white-space: normal;
  vertical-align: top
}

footer.footer-new article .footer-left .qrcode-list>div img {
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top
}

footer.footer-new article .footer-left .qrcode-list>div p {
  font-size: 14px;
  font-weight: 400;
  color: #99A9BF;
  line-height: 28px;
  margin-top: 5px
}

footer.footer-new article .footer-left .qrcode-list>div:first-child {
  margin-right: 5px
}

footer.footer-new article .footer-left>p {
  font-size: 14px;
  font-weight: 400;
  color: #99A9BF;
  line-height: 28px;
  margin: 10px 0
}

footer.footer-new article .footer-left>p img {
  vertical-align: middle
}

footer.footer-new article .footer-left>p a {
  color: #99A9BF
}

footer.footer-new article .footer-right {
  margin-left: 265px
}

footer.footer-new article .footer-right>nav>ul {
  font-size: 0
}

footer.footer-new article .footer-right>nav>ul>li {
  min-width: 84px;
  max-width: 113px;
  display: inline-block;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-right: 40px;
  vertical-align: top;
  white-space: nowrap
}

footer.footer-new article .footer-right>nav>ul>li:last-child {
  width: 84px;
  padding-right: 0
}

footer.footer-new article .footer-right>nav>ul>li:last-child .divider-line {
  margin-right: 0
}

footer.footer-new article .footer-right>nav>ul>li h3 {
  min-width: 43px;
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  color: #FFF;
  line-height: 30px
}

footer.footer-new article .footer-right>nav>ul>li h3.sub-title {
  min-width: 50px;
  height: 27px;
  font-size: 18px;
  font-weight: 400;
  color: #99A9BF;
  line-height: 27px;
  margin-top: 10px
}

footer.footer-new article .footer-right>nav>ul>li .divider-line {
  height: 1px;
  background: #fff;
  margin-top: 10px;
  margin-right: -40px
}

footer.footer-new article .footer-right>nav>ul>li ul {
  margin-top: 30px
}

footer.footer-new article .footer-right>nav>ul>li ul li {
  display: block;
  margin: 5px 0
}

footer.footer-new article .footer-right>nav>ul>li ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #99A9BF;
  line-height: 28px
}

footer.footer-new article .footer-right>nav>ul>li ul li a:hover {
  color: #fff
}

@media screen and (max-width:1080px) {
  footer.footer-new {
    padding: 0 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  footer.footer-new article {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-bottom: 20px
  }

  footer.footer-new article>div {
    display: block;
    width: 100%
  }

  footer.footer-new article .footer-left {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    border-top: 1px solid #fff;
    padding-top: 19px
  }

  footer.footer-new article .footer-right {
    margin-left: 0
  }

  footer.footer-new article .footer-right>nav>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  footer.footer-new article .footer-right>nav>ul li {
    max-width: none;
    padding-right: 0;
    width: 50%;
    margin-bottom: 40px
  }

  footer.footer-new article .footer-right>nav>ul li .divider-line {
    margin-right: 0
  }

  footer.footer-new article .footer-right>nav>ul li>ul {
    margin-top: 20px
  }

  footer.footer-new article .footer-right>nav>ul li:nth-child(5),
  footer.footer-new article .footer-right>nav>ul li:nth-child(6),
  footer.footer-new article .footer-right>nav>ul li:nth-child(7) {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  footer.footer-new article .footer-right>nav>ul li:nth-child(5) .sub-title,
  footer.footer-new article .footer-right>nav>ul li:nth-child(6) .sub-title,
  footer.footer-new article .footer-right>nav>ul li:nth-child(7) .sub-title {
    height: auto
  }
}

.btnGreen2,
.btnGreen,
.btnWhite,
.btnMore,
.btnMoreInCard {
  border-radius: 2px;
  font-size: 16px;
  border: solid 1px #fff;
  cursor: pointer;
  padding: 7px 25px;
  display: inline-block
}

@media screen and (max-width:1000px) {

  .btnGreen2,
  .btnGreen,
  .btnWhite,
  .btnMore,
  .btnMoreInCard {
    padding: 4px 13px
  }
}

.btnGreen {
  background-color: rgba(255, 255, 255, .2);
  color: #fff
}

.btnGreen:hover {
  background-color: #fff;
  color: #00b27a
}

.btnGreen2 {
  background-color: rgba(0, 197, 135, .1);
  border: solid 1px #00c587;
  color: #00c587
}

.btnGreen2:hover {
  color: #fff;
  background-color: #00c587;
  border: solid 1px #00c587
}

.btnWhite {
  background-color: #fff;
  color: #00b27a
}

.btnMore {
  padding: 7px 36px;
  background-color: rgba(0, 197, 135, .1);
  border: solid 1px #00c587;
  font-size: 16px;
  color: #00c587
}

.btnMore:hover {
  background-color: #00c587;
  color: #fff
}

.btnMoreInCard {
  background-color: rgba(255, 255, 255, .2);
  border: solid 1px #fff;
  font-size: 18px;
  color: #fff
}

.btnMoreInCard:hover {
  background-color: #fff;
  border: solid 1px #fff;
  color: #00c587
}

.line-title,
.line-title-left {
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  color: #2E4446
}

.line-title::after,
.line-title-left::after {
  content: '';
  width: 85px;
  height: 3px;
  border-radius: 4px;
  background-color: #57db9b;
  display: block;
  margin: 25px auto 0
}

.line-title a,
.line-title-left a {
  color: #52645e
}

.line-title a:hover,
.line-title-left a:hover {
  color: #169f74
}

@media screen and (max-width:1000px) {

  .line-title,
  .line-title-left {
    font-size: 20px;
    line-height: 1.5
  }
}

.line-title-sub,
.line-title-left-sub {
  display: inline-block;
  width: 100%;
  max-width: 778px;
  font-size: 18px;
  line-height: 1.89 !important;
  text-align: center;
  color: rgba(125, 139, 134, .7);
  margin-top: 25px
}

@media screen and (max-width:1000px) {

  .line-title-sub,
  .line-title-left-sub {
    font-size: 14px;
    line-height: 2
  }
}

.line-title-sub-student {
  font-size: 0;
  margin-top: 19px !important
}

.line-title-sub-student>a {
  font-size: 0
}

@media screen and (max-width:1000px) {
  .line-title-sub-student {
    font-size: 18px;
    line-height: 1.89;
    height: 34px
  }
}

.line-title-left {
  text-align: left
}

.line-title-left::after {
  margin: 25px 0 0
}

.line-title-left-sub {
  text-align: left
}

.moreThan {
  display: inline-block;
  width: 100%;
  text-align: right;
  color: #a1a1a1;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline
}

h1,
.h1 {
  font-size: 32px;
  line-height: 48px
}

h2,
.h2 {
  font-size: 24px;
  line-height: 36px
}

h3,
.h3 {
  font-size: 20px;
  line-height: 30px
}

h4,
.h4 {
  font-size: 18px;
  line-height: 27px
}

h5,
.h5 {
  font-size: 16px;
  line-height: 24px
}

h6,
.h6 {
  font-size: 14px;
  line-height: 28px;
  color: #475669
}

@media screen and (max-width:1080px) {

  h1,
  .h1 {
    font-size: 24px;
    line-height: 36px
  }

  h2,
  .h2 {
    font-size: 20px;
    line-height: 30px
  }

  h3,
  .h3 {
    font-size: 18px;
    line-height: 27px
  }

  h4,
  .h4 {
    font-size: 16px;
    line-height: 24px
  }

  h5,
  .h5 {
    font-size: 14px;
    line-height: 28px
  }

  h6,
  .h6 {
    font-size: 12px;
    line-height: 24px
  }
}

.btn {
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  text-align: center
}

.btn-standard1 {
  display: inline-block;
  min-width: 80px;
  padding: 11px 34px;
  border: 1px solid transparent;
  color: #04CB94;
  background-color: rgba(4, 203, 148, .1);
  border-color: #04CB94;
  font-size: 16px;
  line-height: 1em;
  border-radius: 2px;
  text-align: center;
  cursor: pointer
}

.btn-standard1:hover,
.btn-standard1:active {
  color: #fff;
  background-color: #04CB94
}

.btn-standard2 {
  display: inline-block;
  min-width: 80px;
  padding: 11px 34px;
  border: 1px solid transparent;
  color: #fff;
  background-color: #04CB94;
  border-color: #04CB94;
  font-size: 16px;
  line-height: 1em;
  border-radius: 2px;
  text-align: center;
  cursor: pointer
}

.btn-standard2:hover,
.btn-standard2:active {
  background-color: #03A276;
  border-color: #03A276
}

.btn-standard3 {
  display: inline-block;
  min-width: 80px;
  padding: 11px 34px;
  border: 1px solid transparent;
  color: #fff;
  background-color: rgba(255, 255, 255, .26);
  border-color: #fff;
  font-size: 16px;
  line-height: 1em;
  border-radius: 2px;
  text-align: center;
  cursor: pointer
}

.btn-standard3:hover,
.btn-standard3:active {
  background-color: #fff;
  color: #04CB94
}

.btn-standard4,
.btn-standard5 {
  display: inline-block;
  min-width: 80px;
  padding: 11px 34px;
  border: 1px solid transparent;
  color: #04CB94;
  background-color: #fff;
  border-color: #fff;
  font-size: 16px;
  line-height: 1em;
  border-radius: 2px;
  text-align: center;
  cursor: pointer
}

.btn-standard4:hover,
.btn-standard5:hover,
.btn-standard4:active,
.btn-standard5:active {
  background-color: #DEFFF6;
  border-color: #DEFFF6
}

@media screen and (max-width:1080px) {

  .btn-standard1,
  .btn-standard2,
  .btn-standard3,
  .btn-standard4,
  .btn-standard5 {
    padding: 11px 34px
  }

  .sd-button-group .btn-standard1,
  .sd-button-group .btn-standard2,
  .sd-button-group .btn-standard3,
  .sd-button-group .btn-standard4,
  .sd-button-group .btn-standard5 {
    padding: 11px 15px
  }
}

.btn-standard1[size=small],
.btn-standard2[size=small],
.btn-standard3[size=small],
.btn-standard4[size=small],
.btn-standard5[size=small] {
  padding: 6px 15px
}

.btn-standard1[type=round],
.btn-standard2[type=round],
.btn-standard3[type=round],
.btn-standard4[type=round],
.btn-standard5[type=round] {
  border-radius: 5em
}

nav .btn-standard5 {
  padding: 3px 18px 3px 12px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

nav .btn-standard5:hover {
  border: solid 1px #fff;
  background-color: #fff
}

#wxApp  section {}

#wxApp  section.banner {
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat
}

#wxApp  section.banner h1,
#wxApp  section.banner .h1 {
  font-weight: 500;
  line-height: 1.46;
  padding: 2px 0
}

#wxApp  section.banner h2,
#wxApp  section.banner h3,
#wxApp  section.banner .h2,
#wxApp  section.banner .h3 {
  line-height: 1.75;
  padding: 2px 0
}

@media screen and (max-width:1080px) {

  #wxApp  section.banner h2,
  #wxApp  section.banner h3,
  #wxApp  section.banner .h2,
  #wxApp  section.banner .h3 {
    max-width: inherit
  }
}

#wxApp  section.banner-shape {
  background-image: url(../images/wxApp/feature_bg_d405138.png);
  height: 450px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-shape {
    background-image: url(../images/wxApp/feature_bg_m_2b86ae7.png);
    height: 586px
  }
}

#wxApp  section.banner-shape h1,
#wxApp  section.banner-shape h2,
#wxApp  section.banner-shape h3,
#wxApp  section.banner-shape h4,
#wxApp  section.banner-shape .h1,
#wxApp  section.banner-shape .h2,
#wxApp  section.banner-shape .h3,
#wxApp  section.banner-shape .h4 {
  text-align: left
}

@media screen and (max-width:1080px) {

  #wxApp  section.banner-shape h1,
  #wxApp  section.banner-shape h2,
  #wxApp  section.banner-shape h3,
  #wxApp  section.banner-shape h4,
  #wxApp  section.banner-shape .h1,
  #wxApp  section.banner-shape .h2,
  #wxApp  section.banner-shape .h3,
  #wxApp  section.banner-shape .h4 {
    text-align: center
  }
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-shape article {
    padding-top: 84px
  }
}

#wxApp  section.banner-shape h2,
#wxApp  section.banner-shape h3,
#wxApp  section.banner-shape .h2,
#wxApp  section.banner-shape .h3 {
  max-width: 460px
}

#wxApp  section.banner-shape .slogen {
  text-align: left;
  position: absolute;
  left: 159px;
  top: 140px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-shape .slogen {
    text-align: center
  }
}

#wxApp  section.banner-shape .slogen p:nth-child(1) {
  font-weight: 500;
  line-height: 1.33
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-shape .slogen p:nth-child(1) {
    line-height: 1.46
  }
}

#wxApp  section.banner-shape .slogen p:nth-child(2) {
  line-height: 1.88;
  margin-top: 14px;
  max-width: 460px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-shape .slogen p:nth-child(2) {
    margin-top: 11px;
    line-height: 1.75;
    margin: 14px auto 0;
    text-align: left
  }
}

#wxApp  section.banner-shape .slogen .buttons {
  margin-top: 25px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-shape .slogen .buttons {
    margin-top: 20px
  }
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-shape .slogen {
    position: static
  }
}

#wxApp  section.banner-shape .show .grid {
  left: 538px;
  top: 56px;
  width: 858px;
  position: absolute
}

@media screen and (max-width:1000px) {
  #wxApp  section.banner-shape .show .grid {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 381px;
    height: 60%;
    width: auto
  }
}

#wxApp  section.banner-shape .show .shape {
  position: absolute;
  left: 819px;
  top: 138px
}

@media screen and (max-width:1000px) {
  #wxApp  section.banner-shape .show .shape {
    left: 50%;
    top: 381px;
    height: 8rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}

#wxApp  section.banner-poto {
  height: 450px;
  background-image: url(../images/wxApp/feature_bg_d405138.png)
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-poto {
    background-image: url(../images/wxApp/feature_bg_m_2b86ae7.png)
  }
}

#wxApp  section.banner-poto article {
  padding-top: 140px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-poto article {
    padding-top: 96px
  }
}

#wxApp  section.banner-poto h1,
#wxApp  section.banner-poto .h1 {
  margin: 0 auto
}

#wxApp  section.banner-poto h2,
#wxApp  section.banner-poto h3,
#wxApp  section.banner-poto .h2,
#wxApp  section.banner-poto .h3 {
  max-width: 593px;
  margin: 19px auto 0;
  font-weight: 100
}

@media screen and (max-width:1080px) {

  #wxApp  section.banner-poto h2,
  #wxApp  section.banner-poto h3,
  #wxApp  section.banner-poto .h2,
  #wxApp  section.banner-poto .h3 {
    margin: 13px auto 0
  }
}

#wxApp  section.banner-poto .buttons {
  margin: 46px
}

#wxApp  section.banner-simple {
  background-color: #257c4f;
  height: 350px
}

#wxApp  section.banner-simple article {
  padding-top: 140px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-simple article {
    padding-top: 96px
  }
}

#wxApp  section.banner-simple h1,
#wxApp  section.banner-simple .h1 {
  margin: 0 auto
}

#wxApp  section.banner-simple h2,
#wxApp  section.banner-simple h3,
#wxApp  section.banner-simple .h2,
#wxApp  section.banner-simple .h3 {
  max-width: 593px;
  margin: 19px auto 0;
  font-weight: 100
}

@media screen and (max-width:1080px) {

  #wxApp  section.banner-simple h2,
  #wxApp  section.banner-simple h3,
  #wxApp  section.banner-simple .h2,
  #wxApp  section.banner-simple .h3 {
    margin: 13px auto 0
  }
}

#wxApp  section.banner-simple .buttons {
  margin: 46px
}

#wxApp  section.banner-home {
  background-image: url(../images/wxApp/recommend/recommend_bg_f1d2de3.png);
  background: -webkit-linear-gradient(270deg, #01c0b7 0, #04cb94 100%);
  background: linear-gradient(180deg, #01c0b7 0, #04cb94 100%);
  height: 700px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-home {
    background-image: url(../images/wxApp/recommend/recommend_bg_m_daa5557.png);
    background: -webkit-linear-gradient(270deg, #01c0b7 0, #04cb94 100%);
    background: linear-gradient(180deg, #01c0b7 0, #04cb94 100%);
    height: 865px
  }
}

#wxApp  section.banner-home h1,
#wxApp  section.banner-home h2,
#wxApp  section.banner-home h3,
#wxApp  section.banner-home h4,
#wxApp  section.banner-home .h1,
#wxApp  section.banner-home .h2,
#wxApp  section.banner-home .h3,
#wxApp  section.banner-home .h4 {
  text-align: left
}

@media screen and (max-width:1080px) {

  #wxApp  section.banner-home h1,
  #wxApp  section.banner-home h2,
  #wxApp  section.banner-home h3,
  #wxApp  section.banner-home h4,
  #wxApp  section.banner-home .h1,
  #wxApp  section.banner-home .h2,
  #wxApp  section.banner-home .h3,
  #wxApp  section.banner-home .h4 {
    text-align: center
  }
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-home article {
    padding-top: 100px
  }
}

#wxApp  section.banner-home h2,
#wxApp  section.banner-home h3,
#wxApp  section.banner-home .h2,
#wxApp  section.banner-home .h3 {
  max-width: 460px
}

#wxApp  section.banner-home .slogen {
  text-align: left;
  position: absolute;
  left: 159px;
  top: 200px
}

#wxApp  section.banner-home .slogen>span.h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 10px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-home .slogen {
    text-align: center
  }
}

#wxApp  section.banner-home .slogen p:nth-of-type(1) {
  font-weight: 500;
  line-height: 1.33
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-home .slogen p:nth-of-type(1) {
    line-height: 1.46
  }
}

#wxApp  section.banner-home .slogen p:nth-of-type(2) {
  line-height: 1.88;
  margin-top: 14px;
  max-width: 460px
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-home .slogen p:nth-of-type(2) {
    margin-top: 11px;
    line-height: 1.75;
    margin: 14px auto 0
  }
}

#wxApp  section.banner-home .slogen .buttons {
  margin-top: 40px;
  float: left
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-home .slogen .buttons {
    margin-top: 40px;
    float: none
  }
}

@media screen and (max-width:1080px) {
  #wxApp  section.banner-home .slogen {
    position: static
  }
}

#wxApp  section.banner-home .show .grid {
  left: 538px;
  top: 56px;
  width: 858px;
  position: absolute
}

@media screen and (max-width:1000px) {
  #wxApp  section.banner-home .show .grid {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 381px;
    height: 60%;
    width: auto
  }
}

#wxApp  section.banner-home .show .shape {
  position: absolute;
  right: 20px;
  top: 138px
}

@media screen and (max-width:1000px) {
  #wxApp  section.banner-home .show .shape {
    left: 50%;
    top: 381px;
    height: 8rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}

section article {
  margin: 0 20px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #2E4446
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: #2E4446
}

.h1.detail,
.h2.detail,
.h3.detail,
.h4.detail,
.h5.detail,
.h6.detail {
  color: #6C7C7D
}

.dark .h1,
.dark .h2,
.dark .h3,
.dark .h4,
.dark .h5,
.dark .h6 {
  color: #FFF
}

.dark .h1 a,
.dark .h2 a,
.dark .h3 a,
.dark .h4 a,
.dark .h5 a,
.dark .h6 a {
  color: #FFF
}

.mobile-only {
  display: none
}

@media screen and (max-width:1080px) {
  .mobile-only {
    display: block
  }
}

@media screen and (max-width:1080px) {
  .desktop-only {
    display: none
  }
}

#wxApp  section.start {
  background-color: #02e894;
  background-image: -webkit-linear-gradient(344deg, #02e894, #00ab75);
  background-image: linear-gradient(106deg, #02e894, #00ab75);
  background-size: cover;
  padding-bottom: 0;
  overflow: hidden
}

#wxApp  section.start::before {
  content: '';
  width: 100%;
  height: 70%;
  background-image: url(../images/wxApp/index/drawbridge_3e59876.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  display: inline-block;
  position: absolute;
  bottom: -2px;
  right: -5px;
  z-index: 0
}

@media screen and (max-width:1080px) {
  #wxApp  section.start::before {
    background-position: center bottom;
    right: 0
  }
}

#wxApp  section.start .footer {
  height: 24px;
  background: #2f3939
}

#wxApp  section.start .bottom-laptop {
  position: absolute;
  right: 0;
  bottom: -124px
}

@media screen and (max-width:1080px) {
  #wxApp  section.start .bottom-laptop {
    display: none
  }
}

#wxApp  section.start article {
  text-align: left;
  height: 270px;
  position: relative;
  padding-top: 40px;
  z-index: 1
}

@media screen and (max-width:1080px) {
  #wxApp  section.start article {
    padding-top: 26px;
    text-align: center;
    height: 200px
  }
}

#wxApp  section.start article p {
  margin-left: 173px;
  color: #fff;
  font-weight: 500
}

@media screen and (max-width:1080px) {
  #wxApp  section.start article p {
    margin-left: 0
  }
}

#wxApp  section.start article p:nth-of-type(1) {
  line-height: 1.5
}

#wxApp  section.start article p:nth-of-type(2) {
  margin-top: 10px;
  line-height: 1.71
}

@media screen and (max-width:1080px) {
  #wxApp  section.start article p:nth-of-type(2) {
    margin-top: 9px
  }
}

#wxApp  section.start article .buttons {
  margin-left: 175px;
  margin-top: 25px;
  position: relative;
  font-size: 0
}

@media screen and (max-width:1080px) {
  #wxApp  section.start article .buttons {
    margin-left: 0
  }
}

#wxApp  section.start article .buttons .btn {
  margin: 0 5px
}

#wxApp  section.start article .buttons .btn:first-child {
  margin-left: 0
}

#wxApp  section.start article .buttons .btn:last-child {
  margin-right: 0
}

#wxApp  section.start article .drawbridge {
  position: absolute;
  height: 50%;
  bottom: -2px;
  right: 0
}

#wxApp  section.customer article {
  position: relative
}

#wxApp  section.customer article>img {
  margin-top: 99px
}

#wxApp  section.customer article .arrow {
  display: inline-block;
  cursor: pointer;
  width: 49px;
  height: 32px;
  background-image: url(../images/wxApp/index/arrow_0933766.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  position: absolute
}

@media screen and (max-width:1080px) {
  #wxApp  section.customer article .arrow {
    width: 34.3px;
    height: 22.4px
  }
}

#wxApp  section.customer article .arrow.arrow-prev {
  left: 50px
}

@media screen and (max-width:1080px) {
  #wxApp  section.customer article .arrow.arrow-prev {
    left: -10px
  }
}

#wxApp  section.customer article .arrow.arrow-next {
  right: 50px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

@media screen and (max-width:1080px) {
  #wxApp  section.customer article .arrow.arrow-next {
    right: -10px
  }
}

#wxApp  section.customer article .arrow:hover {
  background-image: url(../images/wxApp/index/arrow-h_6d248cf.svg)
}

#wxApp  section.customer .message {
  margin: 112px auto 0;
  padding: 52px 53px 27px 55px;
  max-width: 874px;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 15px 30px 0 rgba(26, 52, 45, .1);
  position: relative;
  white-space: nowrap
}

#wxApp  section.customer .message .talk {
  -webkit-transition: all .7s;
  transition: all .7s
}

#wxApp  section.customer .message .talk.nav-index-1 {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}

#wxApp  section.customer .message .talk.nav-index-2 {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0)
}

#wxApp  section.customer .message .talk.nav-index-3 {
  -webkit-transform: translate3d(-300%, 0, 0);
  transform: translate3d(-300%, 0, 0)
}

#wxApp  section.customer .message .talk.nav-index-4 {
  -webkit-transform: translate3d(-400%, 0, 0);
  transform: translate3d(-400%, 0, 0)
}

#wxApp  section.customer .message .talk.nav-index-5 {
  -webkit-transform: translate3d(-500%, 0, 0);
  transform: translate3d(-500%, 0, 0)
}

#wxApp  section.customer .message::before {
  content: '';
  background: url(../images/wxApp/index/quoted_2204b74.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 113px;
  height: 98px;
  position: absolute;
  top: -50px;
  left: 40px
}

@media screen and (max-width:1080px) {
  #wxApp  section.customer .message::before {
    width: 83px;
    height: 72px;
    left: 0
  }
}

.zhanwei {
  visibility: hidden;
}

#wxApp  section.banner .card .sub-title {
  color: #FF8400;
  margin-left: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  text-align: left;
}

#wxApp  section.customer .message li {
  -webkit-transition: all .7s;
  transition: all .7s;
  display: inline-block;
  white-space: normal;
  opacity: 0;
  position: relative
}

#wxApp  section.customer .message li.active {
  opacity: 1
}

#wxApp  section.customer .message li img {
  width: 78px;
  height: 78px;
  position: absolute;
  top: -88px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

#wxApp  section.customer .message p:nth-of-type(1) {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #7d8b86
}

@media screen and (max-width:1080px) {
  #wxApp  section.customer .message p:nth-of-type(1) {
    font-size: 16px;
    line-height: 2
  }
}

#wxApp  section.customer .message p:nth-of-type(2) {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.69;
  text-align: justify;
  color: rgba(125, 139, 134, .8)
}

@media screen and (max-width:1080px) {
  #wxApp  section.customer .message p:nth-of-type(2) {
    font-size: 14px;
    line-height: 2;
    color: #7d8b86
  }
}

#wxApp  section.customer .nav {
  margin-top: 62px
}

#wxApp  section.customer .nav li {
  margin: 9px;
  border-radius: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: rgba(125, 139, 134, .2)
}

#wxApp  section.customer .nav li.active {
  background-color: #00c587
}

@media screen and (max-width:1080px) {
  .figure {
    width: 100%;
    max-width: 335px;
    margin: 0 auto
  }
}

.hidden-pc {
  display: none
}

.hidden-h5 {
  display: block
}

.flex {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-x-center,
.flex-y-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flex-x-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flex-x-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.flex-y-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media screen and (max-width:1080px) {
  .hidden-pc {
    display: block
  }

  .hidden-h5 {
    display: none
  }

}

#wxApp  section {
  padding: 50px 0
}

#wxApp  section .wrapper {
  max-width: 1240px;
  margin: 0 auto;
  height: 100%;
  padding: 0 20px
}

#wxApp  section h2 {
  position: relative;
  font-size: 32px;
  line-height: 48px;
  color: #1F2D3D;
  text-align: center;
  font-weight: 400;
  padding-bottom: 20px;
  margin-bottom: 40px
}

#wxApp  section h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 85px;
  height: 3px;
  margin-left: -42.5px;
  background-color: #04CB94;
  border-radius: 4px
}

@media screen and (max-width:1080px) {
  #wxApp  section {
    padding: 20px 0
  }

  #wxApp  section h2 {
    font-size: 20px;
    line-height: 34px;
    padding-bottom: 10px;
    margin-bottom: 20px
  }

  #wxApp  section h2::after {
    width: 40px;
    margin-left: -20px
  }
}

#wxApp  section.banner {
  background-color: #F8FBFD;
  padding-top: 157px;
  padding-bottom: 72px;
  text-align: center
}

#wxApp  section.banner .wrapper {
  position: relative;
  z-index: 1
}

#wxApp  section.banner .wrapper::before {
  content: "";
  position: absolute;
  right: 84%;
  bottom: 0;
  width: 336px;
  height: 335px;
  background: url(../images/wxApp/banner-img1_4febdd7.png) no-repeat center / contain;
  z-index: -1
}

#wxApp  section.banner .wrapper::after {
  content: "";
  position: absolute;
  left: 84%;
  top: -100px;
  width: 251px;
  height: 238px;
  background: url(../images/wxApp/banner-img2_129d811.png) no-repeat center / contain;
  z-index: -1
}

#wxApp  section.banner h1 {
  font-size: 40px;
  line-height: 60px;
  color: #1F2D3D;
  font-weight: 700;
  padding: 0
}

#wxApp  section.banner p {
  font-size: 14px;
  line-height: 28px;
  color: #475669;
  margin-top: 10px;
  margin-bottom: 20px
}

#wxApp  section.banner .cards {
  margin-top: 74px
}

#wxApp  section.banner .card {
  position: relative;
  width: 362px;
  padding: 20px 54px 10px 35px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 26px 40px 0 rgba(153, 169, 191, .3);
  text-align: left;
  display: inline-block;
}

#wxApp  section.banner .card:not(:first-of-type) {
  margin-left: 40px
}

#wxApp  section.banner .card::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  right: 15px;
  top: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

#wxApp  section.banner .card:first-of-type::before {
  background-image: url(../images/wxApp/banner-1_6cf675a.png)
}

#wxApp  section.banner .card:last-of-type::before {
  width: 32px;
  background-image: url(../images/wxApp/banner-2_46bc383.png)
}

#wxApp  section.banner .card h4 {
  color: #475669;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px
}

#wxApp  section.banner .card ul {
  margin-left: -10px;
  flex-wrap: wrap;
}

#wxApp  section.banner .card li {
  color: #FF8400;
  margin-left: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  text-align: left;
}

@media screen and (max-width:800px) {
  #wxApp  section.banner {
    padding-top: 102px;
    padding-bottom: 50px
  }

  #wxApp  section.banner .wrapper::before {
    background-image: url(../images/wxApp/banner-m-img1_0bdce5e.png);
    width: 323px;
    height: 224px;
    left: -119px;
    bottom: 13px
  }

  #wxApp  section.banner .wrapper::after {
    background-image: url(../images/wxApp/banner-m-img2_b170ed3.png);
    width: 144px;
    height: 229px;
    left: unset;
    right: 0;
    top: -40px
  }

  #wxApp  section.banner h1 {
    font-size: 24px;
    line-height: 36px
  }

  #wxApp  section.banner p {
    font-size: 14px
  }

  #wxApp  section.banner .cards {
    margin-top: 40px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  #wxApp  section.banner .card {
    width: 160px;
    height: 250px;
    padding: 20px 0 0 20px
  }

  #wxApp  section.banner .card::before {
    right: 10px;
    top: unset;
    bottom: 10px
  }

  #wxApp  section.banner .card:not(:first-of-type) {
    margin-left: 14px
  }

  #wxApp  section.banner .card h4 {
    font-size: 16px;
    line-height: 24px
  }

  #wxApp  section.banner .card li {
    font-size: 12px;
    margin-bottom: 5px
  }
}

#wxApp  section.swiper {
  overflow: hidden;
  padding-top: 40px
}

#wxApp  section.swiper h2 {
  margin-bottom: 40px
}

#wxApp  section.swiper .swiper-navs {
  margin-bottom: 30px;
  white-space: nowrap
}

#wxApp  section.swiper .swiper-nav {
  width: 25%;
  padding-left: 40px;
  padding-right: 46px;
  cursor: pointer;
  display: inline-block
}

#wxApp  section.swiper .swiper-nav:hover span {
  color: #04CB94
}

#wxApp  section.swiper .swiper-nav span {
  font-size: 16px;
  line-height: 24px;
  color: #475669;
  -webkit-transition: all .1s;
  transition: all .1s
}

#wxApp  section.swiper .swiper-nav .hr {
  margin-top: 6px;
  width: 100%;
  height: 1px;
  background-color: #C8D2E0
}

#wxApp  section.swiper .swiper-nav:first-of-type {
  background: url(../images/wxApp/1-1_68cfae3.png) no-repeat left center / 32px
}

#wxApp  section.swiper .swiper-nav:nth-of-type(2) {
  background: url(../images/wxApp/2-2_b8c41d0.png) no-repeat left center / 32px
}

#wxApp  section.swiper .swiper-nav:nth-of-type(3) {
  background: url(../images/wxApp/3-3_7acee04.png) no-repeat left center / 32px
}

#wxApp  section.swiper .swiper-nav:nth-of-type(4) {
  background: url(../images/wxApp/4-4_8c010c2.png) no-repeat left center / 32px
}

#wxApp  section.swiper .swiper-nav.active span {
  position: relative;
  color: #04CB94
}

#wxApp  section.swiper .swiper-nav.active .hr {
  background-color: #04CB94
}

#wxApp  section.swiper .swiper-nav.active:first-of-type {
  background-image: url(../images/wxApp/1_6748194.png)
}

#wxApp  section.swiper .swiper-nav.active:nth-of-type(2) {
  background-image: url(../images/wxApp/2_8177676.png)
}

#wxApp  section.swiper .swiper-nav.active:nth-of-type(3) {
  background-image: url(../images/wxApp/3_24ecb5c.png)
}

#wxApp  section.swiper .swiper-nav.active:nth-of-type(4) {
  background-image: url(../images/wxApp/4_b63e469.png)
}

#wxApp  section.swiper .swiper-container {
  overflow: visible
}

#wxApp  section.swiper .swiper-wrapper {
  height: 550px
}


#wxApp  section.swiper .swiper-slide {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  left: 0
}

#wxApp  section.swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important
}

#wxApp  section.swiper .swiper-slide .slide-left {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-right: 60px;
  display: inline-block;
  width: 460px;
  text-align: left
}

#wxApp  section.swiper .swiper-slide .slide-right {
  display: inline-block;
  width: 670px;
}

#wxApp  section.swiper .swiper-slide h3 {
  position: relative;
  font-size: 28px;
  line-height: 42px;
  margin-bottom: 48px;
  color: #1F2D3D
}

#wxApp  section.swiper .swiper-slide h3::before {
  content: "";
  position: absolute;
  left: -50px;
  bottom: -18px;
  width: 120px;
  height: 120px;
  border: 12px solid #F0F6FD;
  border-radius: 120px;
  z-index: -1;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#wxApp  section.swiper .swiper-slide:nth-of-type(2) h3::before {
  width: 90px;
  height: 120px;
  border-radius: 20px
}

#wxApp  section.swiper .swiper-slide:nth-of-type(3) h3::before {
  border: 0;
  width: 137px;
  height: 120px;
  background: url(../images/wxApp/slide-icon3_24199f7.png) no-repeat center / cover;
  border-radius: 0
}

#wxApp  section.swiper .swiper-slide:nth-of-type(4) h3::before {
  border: 0;
  width: 108px;
  height: 108px;
  background: url(../images/wxApp/slide-icon4_83c3fb3.png) no-repeat center / cover;
  border-radius: 0
}

#wxApp  section.swiper .swiper-slide p {
  font-size: 14px;
  line-height: 28px;
  color: #475669;
  word-wrap: break-word
}

#wxApp  section.swiper .swiper-slide p:first-of-type {
  margin-bottom: 1px
}

#wxApp  section.swiper .swiper-slide .line {
  width: 250px;
  height: 1px;
  background-color: #E1E8F1;
  margin: 25px 0
}

#wxApp  section.swiper .swiper-slide ul {
  margin-bottom: 30px
}

#wxApp  section.swiper .swiper-slide li {
  padding-left: 26px;
  font-size: 14px;
  line-height: 28px;
  color: #475669;
  background: url(../images/wxApp/swiper-icon-select_cdf97ca.png) no-repeat left center / 16px 14px
}

#wxApp  section.swiper .swiper-slide .slide-right img {
  width: 100%;
  margin-top: 61px;
}

#wxApp  section.operation .op-item {
  margin-top: 80px
}

#wxApp  section.operation .op-item h3 {
  font-size: 20px;
  line-height: 30px;
  color: #1F2D3D;
  margin-bottom: 50px;
  position: relative
}

#wxApp  section.operation .op-item h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 120px;
  height: 120px;
  border: 12px solid #F0F6FD;
  border-radius: 120px;
  z-index: -1;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#wxApp  section.operation .op-item:nth-of-type(2) h3::before {
  width: 90px;
  height: 120px;
  border-radius: 20px
}

#wxApp  section.operation .op-item:nth-of-type(3) h3::before {
  border: 0;
  width: 137px;
  height: 120px;
  background: url(../images/wxApp/slide-icon3_24199f7.png) no-repeat center / cover;
  border-radius: 0
}

#wxApp  section.operation .op-item:nth-of-type(4) h3::before {
  border: 0;
  width: 108px;
  height: 108px;
  background: url(../images/wxApp/slide-icon4_83c3fb3.png) no-repeat center / cover;
  border-radius: 0
}

#wxApp  section.operation .op-item p {
  font-size: 14px;
  line-height: 28px;
  color: #475669
}

#wxApp  section.operation .op-item .line {
  width: 100%;
  height: 1px;
  background: #E1E8F1;
  margin: 24px 0
}

#wxApp  section.operation .op-item li {
  font-size: 14px;
  line-height: 28px;
  color: #475669;
  padding-left: 26px;
  background: url(../images/wxApp/swiper-icon-select_cdf97ca.png) no-repeat left center / 16px 14px
}

#wxApp  section.operation .op-item .button {
  margin: 30px 0;
  text-align: center
}

#wxApp  section.operation .op-item img {
  width: 100%
}

#wxApp  section.platform {
  text-align: center
}

#wxApp  section.platform h2 {
  margin-bottom: 60px
}

#wxApp  section.platform img {
  width: 100%;
  margin-bottom: 35px
}

#wxApp  section.cards {
  padding-bottom: 100px
}

#wxApp  section.cards .card {
  padding: 15px 30px 35px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(153, 169, 191, .2);
  width: 258px;
  height: 340px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px
}

#wxApp  section.cards .card img {
  width: 110px;
  height: 110px
}

#wxApp  section.cards .card h4 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 400
}

#wxApp  section.cards .card p {
  font-size: 14px;
  line-height: 28px;
  text-align: justify
}

@media screen and (max-width:1100px) {
  #wxApp  section.cards {
    padding-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  #wxApp  section.cards .card {
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 20px;
    padding: 50px 20px 10px;
    position: relative
  }

  #wxApp  section.cards .card img {
    position: absolute;
    left: 0;
    top: 10px
  }

  #wxApp  section.cards .card h4 {
    position: relative;
    z-index: 1;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 32px
  }

  #wxApp  section.cards .card p {
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 28px
  }
}

#wxApp  section.case {
  background-color: #F8FBFD;
  padding: 40px 0 70px
}

#wxApp  section.case .content {
  margin: 0 auto;
  max-width: 380px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(153, 169, 191, .2);
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px
}

#wxApp  section.case .border {
  display: block;
  border: 1px dashed #99A9BF;
  border-radius: 18px;
  padding: 20px 19px 60px 20px;
  position: relative;
  text-align: left
}

#wxApp  section.case .border:hover .see_video,
#wxApp  section.case .border:active .see_video {
  color: #04CB94
}

#wxApp  section.case .border:hover .see_video::before,
#wxApp  section.case .border:active .see_video::before {
  background-color: #04CB94
}

#wxApp  section.case .border:hover .see_video::after,
#wxApp  section.case .border:active .see_video::after {
  border-left-color: #04CB94
}

#wxApp  section.case .info .info_right {
  text-align: left
}

#wxApp  section.case .link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

#wxApp  section.case .case-icon {
  position: absolute;
  right: 0;
  top: -5px;
  width: 115px;
  height: 115px;
  background: url(../images/wxApp/case-icon1_0f61b9b.png) no-repeat center / cover
}

#wxApp  section.case .see_video {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 16px;
  padding-right: 38px;
  color: #475669;
  line-height: 25px;
  font-weight: 700
}

#wxApp  section.case .see_video::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  background: #475669;
  top: 50%;
  right: 10px;
  margin-top: -1px
}

#wxApp  section.case .see_video::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-left: 10px solid #475669;
  border-right: 0;
  margin-top: -7px
}

#wxApp  section.case .see_video:hover,
#wxApp  section.case .see_video:active {
  color: #04CB94
}

#wxApp  section.case .see_video:hover::before,
#wxApp  section.case .see_video:active::before {
  background-color: #04CB94
}

#wxApp  section.case .see_video:hover::after,
#wxApp  section.case .see_video:active::after {
  border-left-color: #04CB94
}

#wxApp  section.case .info img {
  width: 103px;
  height: 107px;
  margin-right: 10px
}

#wxApp  section.case .info_right h4 {
  font-size: 22px;
  line-height: 33px;
  color: #1F2D3D;
  margin-bottom: 15px
}

#wxApp  section.case .info_right p {
  font-size: 16px;
  line-height: 16px;
  margin-top: 10px;
  color: #475669
}

#wxApp  section.case .info_right p span {
  color: #C8D2E0
}

#wxApp  section.case .info_right h5 {
  margin-top: 38px;
  font-size: 20px;
  line-height: 30px;
  color: #1F2D3D
}

#wxApp  section.case .case-course {
  margin-top: 25px
}

#wxApp  section.case .case-course h6 {
  font-size: 16px;
  line-height: 17px;
  color: #1F2D3D;
  margin-bottom: 10px
}

#wxApp  section.case .case-course p {
  font-size: 16px;
  line-height: 16px;
  color: #1F2D3D;
  font-weight: 700
}

#wxApp  section.case .details {
  margin-top: 20px;
  font-size: 14px;
  line-height: 28px;
  color: #475669
}

@media screen and (max-width:1080px) {
  #wxApp  section.case .content {
    padding: 10px;
    border-radius: 16px;
    max-width: 440px;
    width: 100%;
    margin: 0
  }

  #wxApp  section.case .border {
    border-radius: 16px;
    padding: 20px;
    padding-bottom: 60px
  }

  #wxApp  section.case .info img {
    width: 80px;
    height: 84px;
    margin-right: 10px
  }

  #wxApp  section.case .info h4 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 7px
  }

  #wxApp  section.case .info p {
    font-size: 16px;
    line-height: 24px
  }

  #wxApp  section.case .case-course {
    margin-top: 20px
  }

  #wxApp  section.case .case-course h6 {
    font-size: 14px;
    line-height: 28px;
    color: #99A9BF;
    font-weight: 400;
    margin-bottom: 0
  }

  #wxApp  section.case .case-course p {
    font-size: 14px;
    line-height: 28px;
    color: #1F2D3D
  }

  #wxApp  section.case .details {
    margin-top: 10px;
    width: 100%
  }

  #wxApp  section.case .details p {
    color: #99A9BF;
    font-size: 14px;
    line-height: 28px
  }

  #wxApp  section.case .details li {
    font-size: 14px;
    line-height: 28px
  }

  #wxApp  section.case .see_video {
    right: 20px;
    bottom: 20px;
    font-size: 16px
  }
}

#wxApp  section.footer {
  background-color: #04CB94;
  background-image: url(../images/wxApp/footer_b89cca6.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 60px 0
}

#wxApp  section.footer .line-title {
  color: #fff
}

#wxApp  section.footer .line-title::after {
  background: 0 0
}

#wxApp  section.footer .btn-standard4 {
  margin-top: 0
}

.customernew {
  background: #f3f8fb;
  padding: 40px 0 30px
}

.customernew .wrapper {
  position: relative
}

.customernew .wrapper .arrow {
  display: inline-block;
  cursor: pointer;
  width: 70px;
  height: 70px;
  background-image: url(../images/wxApp/sw_35fd41e.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  position: absolute
}

.customernew .wrapper .arrow.arrow-prev {
  left: 20px
}

@media screen and (max-width:1330px) {
  .customernew .wrapper .arrow.arrow-prev {
    width: 56px;
    height: 56px
  }
}

@media screen and (max-width:1100px) {
  .customernew .wrapper .arrow.arrow-prev {
    left: 40px
  }
}

.customernew .wrapper .arrow.arrow-next {
  right: 20px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

@media screen and (max-width:1330px) {
  .customernew .wrapper .arrow.arrow-next {
    width: 56px;
    height: 56px
  }
}

@media screen and (max-width:1100px) {
  .customernew .wrapper .arrow.arrow-next {
    right: 40px
  }
}

.customernew .wrapper .arrow.hasImg {
  background-image: url(../images/wxApp/swActive_4c0abd0.png)
}

.customernew .message {
  position: relative;
  white-space: nowrap
}

.customernew .message .talk {
  -webkit-transition: all .7s;
  transition: all .7s
}

.customernew .message .talk.nav-index-1 {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}

.customernew .message .talk.nav-index-2 {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0)
}

.customernew .message .talk.nav-index-3 {
  -webkit-transform: translate3d(-300%, 0, 0);
  transform: translate3d(-300%, 0, 0)
}

.customernew .message .talk.nav-index-4 {
  -webkit-transform: translate3d(-400%, 0, 0);
  transform: translate3d(-400%, 0, 0)
}

.customernew .message .talk.nav-index-5 {
  -webkit-transform: translate3d(-500%, 0, 0);
  transform: translate3d(-500%, 0, 0)
}

.customernew .message li {
  border-radius: 4px;
  padding: 3% 1.7%;
  height: 294px;
  margin-left: 80px;
  margin-right: 80px;
  box-shadow: 0 15px 30px 0 rgba(26, 52, 45, .1);
  background-color: #fff;
  -webkit-transition: all .7s;
  transition: all .7s;
  display: inline-block;
  white-space: normal;
  opacity: 0;
  position: relative;
  overflow: hidden
}

@media screen and (max-width:1330px) {
  .customernew .message li {
    padding: 3% 2%;
    height: auto;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: 176px;
    margin-right: 176px
  }
}

@media screen and (max-width:1100px) {
  .customernew .message li {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: 42px;
    margin-right: 42px
  }
}

.customernew .message li.active {
  opacity: 1
}

.customernew .message li .left {
  float: left;
  width: 45%;
  height: 100%;
  margin-right: 1.6%;
  text-align: start
}

@media screen and (max-width:1000px) {
  .customernew .message li .left {
    width: 100%
  }
}

.customernew .message li .left .leftIntro {
  font-size: 20px;
  color: #1f2d3d;
  line-height: 30px
}

.customernew .message li .left .leftDeputy {
  font-size: 18px;
  color: #000;
  line-height: 27px;
  margin-top: 20px
}

.customernew .message li .left .leftIcon {
  width: 250px;
  height: 42px;
  margin-top: 10px
}

.customernew .message li .right {
  float: left;
  width: 50%;
  margin-right: 20px;
  height: 100%;
  text-align: start
}

@media screen and (max-width:1000px) {
  .customernew .message li .right {
    width: 100%
  }
}

.customernew .message li .right .rightText {
  font-size: 14px;
  color: #475669;
  line-height: 28px
}

.customernew .nav {
  margin-top: 40px;
  text-align: center
}

.customernew .nav li {
  margin: 4px;
  border-radius: 50%;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #e1e8f1
}

.customernew .nav li.active {
  background: #c8d2e0;
  cursor: pointer;
  border-radius: 3px;
  width: 39px;
  height: 5px
}
@media screen and (max-width:768px) {
  #wxApp section .wrapper{
    width: 100%;
    min-width: 100%;
  }
  #wxApp section .wrapper .flex-wrap{
    flex-wrap: wrap;
  }
  header.fixed nav .logo img{
    vertical-align: middle;
    display: inline-block;
  }
  #wxApp  section.swiper .swiper-slide .slide-right img{
    margin-top: 3rem;
  }
}
@media (max-width: 1300px) and (min-width: 770px){
	#wxApp section .wrapper{
		padding: 0px 48px;
	}
	#wxApp section.swiper .swiper-slide .slide-right{
		width: 614px;
	}
}