.product-au {
  color: #515050;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.icon {
  background: url('../../img/common/au-sprite.png') no-repeat;
  background-size: 2614px 1314px;
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
}
.icon-win {
  background-position: -2461px -10px;
  width: 22px;
  height: 23px;
}
.icon-win-white {
  background-position: -153px -10px;
  width: 23px;
  height: 23px;
}
.icon-mac {
  background-position: -2492px -10px;
  width: 19px;
  height: 23px;
}
.icon-mac-white {
  background-position: -2231px -85px;
  width: 19px;
  height: 23px;
}
.icon-buy {
  background-position: -185px -10px;
  width: 23px;
  height: 23px;
}
h2 {
  color: #1c1c1c;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
h3 {
  color: #1c1c1c;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
}
p {
  margin-top: 22px;
}
p.wrap_text {
  text-align: center;
}
p a {
  color: #14c28f;
}
.swiper-pagination-bullet {
  background: #14c28f;
}
.wrap_flex {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 70px;
  margin-top: 54px;
}
.wrap_flex .flex_left {
  flex: 0 0 496px;
}
.wrap_flex .flex_left ul {
  margin-top: 22px;
  width: 95%;
}
.wrap_flex .flex_left li {
  list-style-type: disc;
  list-style-position: outside;
  margin: 8px 0 0 20px;
}
.wrap_flex.reverse {
  flex-direction: row-reverse;
}
.au_banner {
  background: url('../../img/product-au/banner-bg.png') no-repeat center;
  background-size: cover;
  padding: 100px 0 320px;
  overflow: hidden;
}
.au_banner .container {
  display: flex;
  align-items: center;
}
.au_banner .banner_left {
  flex: 0 0 487px;
}
.au_banner .banner_left .left_mini-title {
  color: #fff739;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 5px;
}
.au_banner .banner_left .left_title {
  color: #fff;
  font-size: 52px;
  font-weight: 600;
  line-height: 1.2;
}
.au_banner .banner_left .left_list {
  margin: 25px 0 32px 20px;
}
.au_banner .banner_left .list_item {
  color: #ffffff;
  list-style-type: disc;
  list-style-position: outside;
  margin-top: 10px;
}
.au_banner .banner_btn {
  display: flex;
  align-items: center;
  column-gap: 21px;
}
.au_banner .banner_btn .btn_item {
  cursor: pointer;
  padding: 18px 16px;
  background: linear-gradient(132deg, #0cd273 0%, #00c696 100%);
  box-shadow: 0 2px 14.39999962px rgba(17, 118, 51, 0.15);
  border-radius: 10px;
  border: #ffffff 3px solid;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.au_banner .banner_btn .btn_item .item_desc {
  margin-right: 10px;
}
.au_banner .banner_btn .btn_item:hover {
  transform: scale(0.9);
}
.au_banner .banner_btn .buy {
  background: #ffffff;
  color: #01c796;
}
.au_banner .banner_right {
  display: block;
  margin-top: -150px;
}
.wrap1 {
  padding: 20px 0 150px;
  background: #f2fcf9;
}
.wrap1 .container {
  width: 1275px;
  background: #ffffff;
  box-shadow: 0 0 32px rgba(146, 200, 184, 0.26);
  border-radius: 78px;
  padding: 70px 87px;
}
.wrap1 .wrap_text {
  padding: 0 80px;
}
.wrap1 .wrap_scenarios {
  text-align: center;
  margin-top: 88px;
}
.wrap1 .wrap_scenarios p {
  width: 70%;
  margin: 22px auto 0;
}
.wrap1 .scenarios_swiper {
  overflow: hidden;
  margin-top: 33px;
  background: linear-gradient(180deg, rgba(33, 213, 157, 0) 0%, rgba(0, 154, 106, 0.2) 100%);
}
.wrap1 .scenarios_swiper .swiper-slide {
  cursor: pointer;
  position: relative;
}
.wrap1 .scenarios_swiper .swiper-slide .suspension {
  position: absolute;
  z-index: 2;
  top: 0;
  transition: all 1s;
}
.wrap1 .scenarios_swiper .swiper-slide:hover .suspension {
  top: 100%;
}
.wrap1 .scenarios_scrollbar {
  display: none;
}
.wrap2 {
  background: url('../../img/product-au/wrap2-bg.png') no-repeat center;
  background-size: cover;
  padding: 92px 0 113px;
  color: #fff;
}
.wrap2 h2,
.wrap2 h3 {
  color: #fff;
}
.wrap2 .wrap_flex {
  align-items: flex-start;
}
.wrap2 .wrap_flex .flex_left {
  margin-top: 20px;
}
.wrap3 .wrap-content {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.wrap3 .wrap-content_control {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 14px;
}
.wrap3 .control-item {
  width: 472px;
  padding: 13px 18px;
  cursor: pointer;
  transition: all 0.4s;
  background: #e7f6f2;
  box-shadow: 0 0 4px rgba(56, 129, 98, 0.17);
  border-left: 5px #14c28f solid;
}
.wrap3 .control-item_title {
  color: #14c28f;
  font-size: 20px;
  font-weight: 600;
}
.wrap3 .control-item_desc {
  margin-top: 10px;
  color: #606060;
  font-weight: 400;
}
.wrap3 .control-item_active {
  background: #fff;
}
.wrap3 .wrap-content_swiper {
  flex: 0 0 568px;
  overflow: hidden;
}
.wrap3 .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.wrap3 .swiper-pagination {
  display: none;
}
.wrap4 .wrap_tech {
  display: flex;
  align-items: center;
  margin-top: 45px;
}
.wrap4 .tech_pic {
  background: #33d1a2;
  border-radius: 15px;
  padding: 35px 34px 26px;
}
.wrap4 .tech_table {
  border-radius: 0 20px 20px 0;
  border-collapse: collapse;
  border-style: hidden;
  overflow: hidden;
  box-shadow: 0 0 0 1px #2ab189;
  background: #fff;
}
.wrap4 .tech_table tbody {
  border-radius: 0 20px 20px 0;
}
.wrap4 .tech_table th,
.wrap4 .tech_table td {
  color: #173426;
  padding: 15px 25px;
  text-align: left;
}
.wrap4 .tech_table th:nth-child(odd),
.wrap4 .tech_table td:nth-child(odd) {
  border-right: 1px #d5ece3 solid;
}
.wrap4 .tech_table td {
  color: #515050;
  font-size: 14px;
  font-weight: 400;
}
.wrap4 .tech_table tr:nth-child(odd) {
  background: #dcf7eb78;
}
.wrap4 .icon {
  margin-right: 10px;
}
.wrap4 .tech-icon1 {
  background-position: -1348px -10px;
  width: 20px;
  height: 20px;
}
.wrap4 .tech-icon2 {
  background-position: -1408px -10px;
  width: 21px;
  height: 24px;
}
.wrap4 .tech-icon3 {
  background-position: -1318px -10px;
  width: 20px;
  height: 18px;
}
.wrap4 .tech-icon4 {
  background-position: -1438px -8px;
  width: 22px;
  height: 20px;
}
.wrap4 .tech-icon5 {
  background-position: -1378px -10px;
  width: 20px;
  height: 16px;
}
.wrap5 .container {
  position: relative;
}
.wrap5 .wrapper_comment {
  margin: 45px 0;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 17px 33px -7px rgba(60, 46, 143, 0.03);
  border-radius: 13px;
  border: 1px #2abb90 solid;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
  text-align: left;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item {
  display: flex;
  align-items: center;
  padding: 53px 65px 36px;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item p {
  margin-top: 0;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .icon {
  flex: 0 0 148px;
  height: 148px;
  background-position: -617px -85px;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .avatar2 {
  background-position: -301px -85px;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .avatar3 {
  background-position: -459px -85px;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .item_desc {
  margin-left: 55px;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .item_desc .desc_paragraph {
  font-weight: 300;
  font-size: 16px;
  line-height: 211.5%;
  color: #1c1c1c;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .item_desc .desc_star {
  background-position: -174px -85px;
  width: 117px;
  height: 18px;
  margin: 11px 0 17px;
}
.wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .item_desc .namdesc_name {
  display: block;
  margin-top: 17px;
  font-size: 16px;
  color: #062d53;
}
.wrap5 .wrapper_comment .logo-list {
  background: #c4f5de;
  border-radius: 0 0 13px 13px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 86px;
  overflow: hidden;
}
.wrap5 .wrapper_comment .logo-list .list-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.wrap5 .wrapper_comment .logo-list .list-wrapper img {
  width: 100%;
  margin-right: 50px;
}
.wrap5 .comment {
  background: #fff;
  box-shadow: 0 1px 31px rgba(0, 0, 0, 0.08);
  border-radius: 100%;
  width: 59px;
  height: 59px;
  color: #1dd39d;
  top: 275px;
}
.wrap5 .comment::after {
  font-size: 22px;
  font-weight: bold;
}
.wrap5 .comment:hover {
  background: #1dd39d;
  color: #fff;
}
.wrap5 .swiper-button-next.comment {
  right: -30px;
}
.wrap5 .swiper-button-prev.comment {
  left: -30px;
}
.wrap6 {
  padding: 88px 0;
  background: url('../../img/product-au/wrap6-bg.png') no-repeat center;
  background-size: cover;
  color: #fff;
  position: relative;
}
.wrap6 h2 {
  color: #fff;
}
.wrap6 .wrap6_btn {
  display: flex;
  justify-content: center;
  column-gap: 26px;
  margin-top: 32px;
}
.wrap6 .wrap6_btn .btn {
  padding: 18px 23px;
  background: #fff;
  color: #01c796;
  border-radius: 9px;
  transition: all 0.5s;
}
.wrap6 .wrap6_btn .btn:hover {
  transform: scale(0.9);
}
.wrap6 .wrap6_btn .btn .icon {
  margin-left: 5px;
}
.wrap6::before {
  position: absolute;
  content: '';
  bottom: 100%;
  width: 100%;
  height: 1012px;
  background: url('../../img/product-au/wrap6-before.png') no-repeat center;
  background-size: cover;
  z-index: -1;
}
.wrap3,
.wrap4,
.wrap5,
.wrap6 {
  margin-top: 150px;
}
@media (min-width: 2100px) {
  .au_banner {
    background-size: 100% 100%;
  }
}
@media (max-width: 1024px) {
  .au_banner .banner_right {
    width: 65%;
    height: auto;
    margin-left: -80px;
  }
  .wrap1 .container {
    width: 95%;
  }
  .wrap_flex {
    flex-wrap: wrap;
    row-gap: 50px;
  }
  .wrap3 .wrap-content_swiper {
    flex: 0 0 50%;
  }
  .wrap3 .wrap-content_swiper img {
    width: 100%;
    height: auto;
  }
  .wrap3 .control-item {
    width: 98%;
  }
  .wrap5 {
    padding: 0 15px;
  }
}
@media (max-width: 912px) {
  .au_banner .container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .au_banner .banner_right {
    margin-top: 0;
    margin-left: 0;
  }
  .wrap3 .mobile-style {
    display: block;
  }
  .wrap3 .wrap_text {
    text-align: left;
  }
  .wrap3 .wrap-content {
    margin-top: 27px;
  }
  .wrap3 .wrap-content_control {
    display: none;
  }
  .wrap3 .wrap-content_swiper {
    flex: unset;
    position: relative;
  }
  .wrap3 .swiper-slide {
    border-radius: 12rem;
  }
  .wrap3 .slide_info {
    text-align: center;
    padding-bottom: 40px;
    margin-top: 28px;
  }
  .wrap3 .info_title {
    color: #14c28f;
    font-size: 18px;
    font-weight: 600;
  }
  .wrap3 .slide_img {
    width: 100%;
    height: auto;
  }
  .wrap3 .swiper-pagination {
    display: block;
  }
  .wrap4 .tech_pic {
    width: 100%;
  }
  .wrap4 .wrap_tech {
    flex-wrap: wrap;
    width: auto;
    border-radius: 20px;
    border: 1px #2ab189 solid;
    justify-content: center;
    overflow: hidden;
  }
  .wrap4 .wrap_tech img {
    width: 100%;
    height: auto;
  }
  .wrap4 .tech_table {
    width: 100%;
    box-shadow: unset;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .product-au {
    font-size: 14rem;
  }
  .icon {
    background-size: 2614rem 1314rem;
  }
  .icon-win {
    background-position: -2461rem -10rem;
    width: 22rem;
    height: 23rem;
  }
  .icon-win-white {
    background-position: -153rem -10rem;
    width: 23rem;
    height: 23rem;
  }
  .icon-mac {
    background-position: -2492rem -10rem;
    width: 19rem;
    height: 23rem;
  }
  .icon-mac-white {
    background-position: -2231rem -85rem;
    width: 19rem;
    height: 23rem;
  }
  .icon-buy {
    background-position: -185rem -10rem;
    width: 23rem;
    height: 23rem;
  }
  h2 {
    font-size: 28rem;
    line-height: 1.5;
    text-align: left;
  }
  h3 {
    font-size: 20rem;
  }
  p {
    margin-top: 15rem;
  }
  p.wrap_text {
    text-align: left;
  }
  .wrap_flex {
    flex-direction: column;
    gap: 28rem 0;
    margin-top: 50rem;
  }
  .wrap_flex .flex_left {
    flex: unset;
    width: 100%;
  }
  .wrap_flex .flex_left ul {
    margin-top: 10rem;
    width: 100%;
  }
  .wrap_flex .flex_left li {
    margin: 8rem 0 0 20rem;
  }
  .wrap_flex.reverse {
    flex-direction: column;
  }
  .wrap_flex .flex_right {
    width: 100%;
    height: auto;
  }
  .au_banner {
    background: #14d49a;
    padding: 67rem 0 50rem;
  }
  .au_banner .container {
    flex-direction: column;
    flex-wrap: unset;
  }
  .au_banner .banner_left {
    flex: unset;
  }
  .au_banner .banner_left .left_mini-title {
    font-size: 24rem;
    margin-bottom: 10rem;
  }
  .au_banner .banner_left .left_title {
    font-size: 32rem;
  }
  .au_banner .banner_left .left_list {
    margin: 11rem 0 33rem;
  }
  .au_banner .banner_left .list_item {
    margin: 10rem 0 0 15rem;
  }
  .au_banner .banner_btn {
    position: relative;
    z-index: 1;
    justify-content: space-around;
    gap: 0;
  }
  .au_banner .banner_btn .btn_item {
    padding: 15rem 10rem;
    border-radius: 10rem;
    border: #ffffff 3rem solid;
    font-size: 15rem;
  }
  .au_banner .banner_btn .btn_item .item_desc {
    margin-right: 6rem;
  }
  .au_banner .banner_right {
    width: 125%;
    height: auto;
    margin-top: -50rem;
  }
  .wrap1 {
    padding: 86rem 0;
    background: #fff;
  }
  .wrap1 .container {
    width: 95%;
    box-shadow: unset;
    border-radius: unset;
    padding: 0;
  }
  .wrap1 .wrap_text {
    padding: 0;
  }
  .wrap1 .wrap_scenarios {
    text-align: left;
    position: relative;
    margin-top: 60rem;
    padding-bottom: 30rem;
  }
  .wrap1 .wrap_scenarios p {
    width: 100%;
    margin: 14rem auto 0;
  }
  .wrap1 .scenarios_swiper {
    margin-top: 39rem;
    background: none;
  }
  .wrap1 .scenarios_swiper .swiper-slide .dynamic_img {
    width: 100%;
    height: auto;
  }
  .wrap1 .scenarios_scrollbar {
    display: block;
    width: 30%;
    left: 30%;
    background: #04ca8c2e;
  }
  .wrap1 .swiper-scrollbar-drag {
    background: #04ca8c;
  }
  .wrap2 {
    padding: 70rem 0 47rem;
  }
  .wrap2 .wrap_flex .flex_left {
    margin-top: 0;
  }
  .wrap4 .wrap_tech {
    margin-top: 41px;
    flex-direction: column;
    border: 1px #2ab189 solid;
    border-radius: 20rem;
    background: #dcf7eb78;
  }
  .wrap4 .tech_pic {
    width: 100%;
    border-radius: 20rem;
    padding: 15rem 23rem 10rem;
  }
  .wrap4 .tech_pic img {
    width: 100%;
    height: auto;
  }
  .wrap4 .tech_table {
    border-radius: 0 0 20rem 20rem;
    box-shadow: unset;
  }
  .wrap4 .tech_table tbody {
    border-radius: 0 0 20rem 20rem;
  }
  .wrap4 .tech_table th {
    white-space: nowrap;
  }
  .wrap4 .tech_table th,
  .wrap4 .tech_table td {
    font-size: 12rem;
    padding: 11rem 10rem;
  }
  .wrap4 .icon {
    margin-right: 10rem;
  }
  .wrap4 .tech-icon1 {
    background-position: -1348rem -10rem;
    width: 20rem;
    height: 20rem;
  }
  .wrap4 .tech-icon2 {
    background-position: -1408rem -10rem;
    width: 21rem;
    height: 24rem;
  }
  .wrap4 .tech-icon3 {
    background-position: -1318rem -10rem;
    width: 20rem;
    height: 18rem;
  }
  .wrap4 .tech-icon4 {
    background-position: -1438rem -8rem;
    width: 22rem;
    height: 20rem;
  }
  .wrap4 .tech-icon5 {
    background-position: -1378rem -10rem;
    width: 20rem;
    height: 16rem;
  }
  .wrap5 .container {
    position: relative;
  }
  .wrap5 .wrapper_comment {
    margin: 45rem 0;
  }
  .wrap5 .wrapper_comment .swiper-wrapper {
    padding-bottom: 100rem;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide {
    height: fit-content;
    box-sizing: border-box;
    text-align: center;
    height: 0;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 31rem 22rem 0;
    margin-top: 0;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .icon {
    flex: 0 0 148rem;
    width: 148rem;
    background-position: -617rem -85rem;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .avatar2 {
    background-position: -301rem -85rem;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .avatar3 {
    background-position: -459rem -85rem;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .item_desc {
    margin-left: 0;
    margin-top: 17rem;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .item_desc .desc_paragraph {
    font-size: 12rem;
    -webkit-line-clamp: 8;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .item_desc .desc_star {
    background-position: -174rem -85rem;
    width: 117rem;
    height: 18rem;
    margin: 11rem 0 17rem;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide .slide_item .item_desc .desc_name {
    font-size: 14rem;
    text-align: center;
  }
  .wrap5 .wrapper_comment .swiper-wrapper .swiper-slide-active {
    height: auto;
  }
  .wrap5 .wrapper_comment .logo-list {
    flex-wrap: wrap;
    height: unset;
    padding: 0 5rem 15rem;
  }
  .wrap5 .wrapper_comment .logo-list .list-wrapper {
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
  }
  .wrap5 .wrapper_comment .logo-list .list-wrapper img {
    margin-right: 0;
    margin-top: 15rem;
    width: 41%;
  }
  .wrap5 .wrapper_comment .logo-list .list-wrapper img.mb-hide {
    display: none;
  }
  .wrap5 .swiper-button-next.comment {
    width: 37rem;
    height: 37rem;
    right: 110rem;
    top: auto;
    bottom: 200rem;
  }
  .wrap5 .swiper-button-next.comment::after {
    font-size: 16rem;
  }
  .wrap5 .swiper-button-prev.comment {
    width: 37rem;
    height: 37rem;
    left: 110rem;
    top: auto;
    bottom: 200rem;
  }
  .wrap5 .swiper-button-prev.comment::after {
    font-size: 16rem;
  }
  .wrap6 {
    text-align: center;
    padding: 52rem 0;
  }
  .wrap6 h2 {
    text-align: center;
  }
  .wrap6 .wrap6_btn {
    column-gap: 12rem;
    margin-top: 26rem;
  }
  .wrap6 .wrap6_btn .btn {
    padding: 16rem 7rem;
    border-radius: 9rem;
  }
  .wrap6 .wrap6_btn .icon {
    margin-left: 5rem;
  }
  .wrap6::before {
    display: none;
  }
  .wrap3,
  .wrap4,
  .wrap5,
  .wrap6 {
    margin-top: 100rem;
  }
}