@media (min-width: 1200px) and (max-width: 1760px) {
  #header {
    padding: 0 32px;
  }

  #header .logo>a {
    width: 5.57%;
  }

  #header .header-nav {
    margin-left: 12.24%;
    width: 100%;
  }

  #footer {
    padding: 48px 32px;
  }

  #footer .footer-left {
    margin-right: 10%;
    width: 11%;
  }

  #footer .footer-left {
    margin-right: 10%;
  }

  #footer .footer-right>dl {
    margin-right: 1%;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .index-swiper .swiper-button-prev {
    left: 32px;
  }

  .index-swiper .swiper-button-next {
    right: 32px;
  }

  .index-swiper .swiper-inner-content {
    width: calc(100% - 144px);
  }

  .index-swiper .swiper-inner-content>img {
    width: 60%;
  }
}

@media (min-width: 1200px) and (max-width: 1264px) {
  #main>.join-in>.join-in-detail {
    margin: 0 32px;
  }

  #main>.join-in>.join-in-detail>.join-in-detail-left,
  #main>.join-in>.join-in-detail>.join-in-detail-left>p {
    width: 584px;
  }
}

@media (min-width: 600px) and (max-width: 1200px) {
  #header {
    padding: 0 32px;
  }

  #header .logo>a {
    width: 5.57%;
  }

  #header .header-nav {
    margin-left: 12.24%;
    width: 100%;
  }

  #news-header>.header-inner {
    width: calc(100% - 64px);
    justify-content: space-between;
    align-items: center;
  }

  #footer {
    padding: 48px 16px;
  }

  .carousel-control-next,
  .carousel-control-prev {
    width: 40px;
  }

  .carousel-control-next {
    right: 32px;
  }

  .carousel-control-prev {
    left: 32px;
  }

  #main>.new-product {
    background: #f5f5f5;
    padding: 2.6667vw;
    max-width: 992px;
    margin: 64px auto;
  }

  #main>.new-product>.new-product-left {
    width: 56.45%;
    margin-right: 4vw;
  }

  #main>.new-product>.new-product-right>h3 {
    font-size: 3.33vw;
    line-height: 4.42vw;
  }

  #main>.new-product>.new-product-right>.circle-group {
    margin-top: 2.67vw;
    margin-bottom: 6vw;
  }

  #main>.new-product>.new-product-right>.circle-group>span {
    margin-right: 1.33vw;
    width: 1.5vw;
    height: 1.5vw;
  }

  #main>.new-product>.new-product-right>.learn-more {
    font-size: 1.33vw;
    line-height: 1.75vw;
    padding: 0.665vw 1.33vw;
  }

  .new-open-source-os {
    width: calc(100% - 64px);
    max-width: 992px;
    margin: 0 auto;
    margin-top: 64px;
    padding: 48px;
  }

  .new-open-source-os>div {
    width: 100%;
  }

  .new-open-source-os>div>img {
    width: 50%;
  }

  .new-open-source-os>div>div>h3 {
    font-size: 2.67vw;
    line-height: 4.5vw;
  }

  .new-open-source-os>div>div>.os-title {
    font-size: 3.33vw;
    line-height: 5.67vw;
  }

  .new-open-source-os>div>div>p {
    font-size: 1.67vw;
    line-height: 2.5vw;
  }

  .new-open-source-os>div>div>.download {
    font-size: 1.33vw;
    line-height: 1.75vw;
    margin-top: 5.33vw;
  }

  #main .customized-services>h3 {
    font-size: 3.33vw;
    line-height: 4.42vw;
  }

  #main .customized-services>p {
    font-size: 2vw;
    line-height: 2.67vw;
  }

  #main .customized-services {
    max-width: 992px;
    margin: 64px auto;
  }

  #main .customized-services ul li span {
    font-size: 1.67vw;
    font-size: 2.5vw;
  }

  #main .customized-services .learn-more {
    font-size: 1.3333vw;
    line-height: 1.75vw;
  }

  #main .our-vision {
    margin-top: 64px;
  }

  #main .our-vision>div {
    max-width: 992px;
    top: 4vw;
  }

  #main .our-vision>div>h3 {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
  }

  #main .our-vision>div>p {
    margin: 2.6667vw 0;
    font-size: 1.3333vw;
    line-height: 2.25vw;
    letter-spacing: 0;
  }

  #main .our-vision>div>.learn-more {
    font-size: 1.3333vw;
    line-height: 1.75vw;
    padding: 0.6667vw 1.3333vw;
  }

  #main>.our-vision>.middle-screen-bg {
    display: block;
  }

  .pi-5-create>.pi-5-create-inner-content,
  #ai-stick-lite-main>.main-bottom>p {
    max-width: 992px;
    top: 4.3333vw;
  }

  #ai-stick-lite-main>.main-bottom>p {
    top: 12.6667vw;
    font-size: 2.6667vw;
    line-height: 3.5vw;
  }

  .pi-5-create>.pi-5-create-inner-content>p {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
  }

  .pi-5-create>.pi-5-create-inner-content>.small-font {
    font-size: 2vw;
    line-height: 3vw;
    margin-top: 2.6667vw;
  }

  .main {
    width: calc(100% - 64px) !important;
  }

  .main>.products>.products-item>.products-item-left,
  .main>.products>.products-item>.products-item-left>a>img {
    width: 100%;
  }

  #main .products .products-item .products-item-right {
    padding: 2vw;
    padding-top: 3.3333vw;
  }

  #main .products .products-item .products-item-right .products-name {
    font-size: 2.6667vw;
    line-height: 3.5vw;
    margin-bottom: 1vw;
  }

  #main .products .products-item .products-item-right p {
    font-size: 2vw;
    line-height: 3.4167vw;
  }

  #main .products .products-item .products-item-right .more-info {
    font-size: 1.3333vw;
    line-height: 1.75vw;
    right: 24px;
    bottom: 24px;
  }

  /* .main > .products > .products-item > .products-item-left > a > img {
    min-height: 330px;
  } */

  .main .computers-and-microcontrollers ul,
  .main .power-supplies-and-cables ul,
  .main .cases ul,
  .main .cameras ul,
  .main .other-accessories ul {
    margin-left: 0;
  }

  #main .computers-and-microcontrollers ul li,
  #main .power-supplies-and-cables ul li,
  #main .cases ul li,
  #main .cameras ul li,
  #main .other-accessories ul li {
    width: 49.19%;
    margin-right: 1.6%;
  }

  #main .computers-and-microcontrollers ul li:nth-of-type(2n+2),
  #main .power-supplies-and-cables ul li:nth-of-type(2n+2),
  #main .cases ul li:nth-of-type(2n+2),
  #main .cameras ul li:nth-of-type(2n+2),
  #main .other-accessories ul li:nth-of-type(2n+2) {
    margin-right: 0;
  }

  .mobile-top {
    padding: 0 32px;
  }

  /* 开发板详情页banner */
  .mobile-details-page-banner,
  .mobile-power-details-page-banner {
    width: calc(100% - 64px) !important;
    margin: 0 auto;
    height: auto !important;
  }

  .mobile-details-page-banner>h3 {
    top: 11.8333vw !important;
    font-size: 3.3333vw !important;
    line-height: 5.6667vw !important;
  }

  .mobile-details-page-banner>h3>span {
    font-size: 2vw !important;
  }

  .mobile-details-page-banner>img {
    width: 55%;
  }

  /* 电源详情页banner */
  .mobile-power-details-page-banner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    align-items: center;
  }

  .mobile-power-details-page-banner>h3 {
    top: 0 !important;
    font-size: 3.3333vw !important;
    line-height: 5.6667vw !important;
  }

  .mobile-power-details-page-banner>img {
    width: 55%;
  }

  /* 连接线详情页banner 一分3V线banner  */
  #connect-line-banner {
    width: 100%;
    max-height: 460px !important;
    padding: 40px 32px !important;
  }

  #connect-line-banner>h3 {
    margin-top: 0 !important;
    font-size: 3.3333vw;
    line-height: 5.6667vw;
  }

  #connect-line-banner>img {
    width: 53%;
    max-width: 492px;
  }

  #main .product-intro>h3 {
    margin-bottom: 48px;
  }

  #main .product-intro>.ul-list>ul>li>img {
    width: 120px;
    height: 120px;
  }

  #main .product-intro>.ul-list>ul>li {
    margin-bottom: 24px;
  }

  #main .product-intro>.ul-list>.group-5>li {
    width: 25%;
  }

  #main .product-intro ul li div {
    margin-top: 8px;
    font-size: 18px;
    line-height: 24px;
  }

  #main .product-intro p {
    margin-bottom: 64px;
  }

  #main>.features {
    padding: 24px 0;
  }

  #main .product-intro,
  #main>.features>h3,
  #main>.features>h4,
  #main>.features>p {
    width: calc(100% - 64px) !important;
    margin: 0 auto;
    max-width: 992px;
  }

  #main>.features>h4 {
    margin: 16px auto;
  }

  #main>.item-list>ul>li>.icon-intro {
    width: calc(100% - 64px) !important;
    margin: 0 auto;
    padding: 20px 0;
  }

  #main>.item-list>ul>li>.img-intro-list {
    width: calc(100% - 64px) !important;
    margin: 0 auto;
  }

  #main>.item-list>ul>li>.icon-intro>.intro>h3 {
    font-size: 28px;
    line-height: 48px;
  }

  #main>.item-list>ul>li>.img-intro-list>ul {
    flex-direction: column;
  }

  #main>.item-list>ul>li>.img-intro-list>ul>li {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    padding: 16px;
    margin-bottom: 8px;
  }

  #main>.item-list>ul>li>.img-intro-list>ul>li>img {
    width: 26.4167vw;
  }

  #main>.item-list>ul>li>.img-intro-list>ul>li>p {
    font-size: 24px;
    line-height: 41px;
    margin-left: 67px;
    text-align: left;
  }

  #main>.new-item-list {
    padding-bottom: 0;
  }

  #main>.group-img-list {
    width: calc(100% - 64px);
    margin: 0 auto;
    padding: 5.3333vw 0;
  }

  #main>.group-img-list>ul>li {
    padding: 32px;
    padding-bottom: 50%;
    margin-bottom: 8px;
  }

  #main>.group-img-list>ul>li>h3,
  #main>.group-img-list>ul>.bluetooth-group>div>h3 {
    font-size: 28px;
    line-height: 42px;
  }

  #main>.group-img-list>ul>li>img {
    width: calc(100% - 64px);
    position: absolute;
    bottom: 32px;
    left: 32px;
  }

  #main>.video-service {
    padding-right: 0;
  }

  #main>.video-service>h3,
  #main>.video-service>p {
    width: calc(100% - 64px);
    margin: 0 auto;
  }

  #main>.high-end>h3,
  #main>.high-end>p,
  #main>.video-service-left>h3,
  #main>.video-service-left>p {
    width: calc(100% - 64px);
    margin: 0 auto;
    text-align: left;
    display: block !important;
  }

  #main>.high-end {
    padding-right: 0;
    text-align: left;
  }

  #main>.more-function {
    padding: 64px 0;
  }

  #main>.more-function>.product-compare {
    width: calc(100% - 64px);
    margin: 0 auto;
    margin-top: 104px;
  }

  #main>.more-function>.product-compare>ul,
  #main>.more-function>.product-compare>h3,
  #main>.more-function>img,
  #main>.more-function>.product-img,
  #main>.more-function>.product-img>h3 {
    width: calc(100% - 64px) !important;
    margin: 0 auto;
    flex-wrap: wrap;
  }

  #main>.more-function>.product-compare>ul>li {
    width: 49%;
    display: flex;
    align-items: center;
    margin-bottom: 32px;
  }

  #main>.more-function>.product-compare>ul>li>img {
    width: 48px;
    height: 48px;
  }

  #main>.more-function>.product-compare>ul>li>p {
    margin-left: 16px;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.06em;
    color: #f4a524;
    margin-top: 0;
  }

  #main>.more-function>.product-img>img {
    width: 100%;
    height: auto;
  }

  #main>.more-function>.product-img>h3 {
    margin-bottom: 32px;
  }

  .swiper-box-wrap,
  .more-function>p,
  .more-function>h3,
  .more-function>.small-font {
    width: calc(100% - 64px) !important;
  }

  #main>.more-function>h3 {
    font-size: 32px;
    line-height: 54px;
  }

  #main>.more-function>.compare-h3,
  #main>.more-function>.complex-table-wrap {
    max-width: 992px;
  }

  #main>.more-function>.compare-h3 {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
  }

  #main>.more-function>.complex-table-wrap>.complex-table tr td p,
  #main>.more-function>.complex-table-wrap>.complex-table .img-intro-td span {
    font-size: 1.6667vw;
    line-height: 2.1667vw;
  }

  #main>.more-function>.pi-zero-middle-screen-table {
    display: block;
  }

  .swiper-box-wrap>.swiper-container .swiper-button-prev,
  .swiper-box-wrap>.swiper-container .swiper-button-next {
    width: 50px !important;
    height: 50px !important;
    background-size: 50px 50px !important;
    top: 40% !important;
  }

  #main>.rich-accessories {
    width: calc(100% - 64px);
    /* margin-top: 64px; */
  }

  #main>.rich-accessories>ul>li {
    width: 50% !important;
    margin-bottom: 40px;
  }

  #main>.case-intro {
    padding: 32px 0;
    margin-bottom: 64px;
  }

  #main>.case-intro>.case-intro-container,
  #main>.case-intro>.new-case-intro-container {
    width: calc(100% - 64px);
    margin: 0 auto;
    padding: 0;
  }

  #main>.case-intro>.case-intro-container>div>h3 {
    font-size: 28px;
    line-height: 48px;
  }

  #main>.case-intro>.case-intro-container>div {
    margin-top: 25px;
    margin-right: 24px;
  }

  #main>.case-intro>.new-case-intro-container>div {
    margin-top: 25px;
    margin-left: 24px;
  }

  #main>.case-intro>.new-case-intro-container>div>h3 {
    font-size: 28px;
    line-height: 48px;
  }

  #main>.case-intro>.case-intro-container>div>p {
    margin-top: 24px;
  }

  #main>.case-intro>.new-case-intro-container>div>p {
    margin-top: 16px;
    font-size: 20px;
    line-height: 34px;
  }

  #main>.case-intro>.case-intro-container>img,
  #main>.case-intro>.new-case-intro-container>img {
    width: 260px;
  }

  #main .r1-plus-lts-router-product-use {
    padding: 32px 0;
    background-color: #f1f1f1;
  }

  #main .r1-plus-lts-router-product-use>div {
    width: calc(100% - 64px);
    margin: 0 auto;
  }

  #main .r1-plus-lts-router-product-use>div>img {
    /* width: 371px; */
    width: 45%;
  }

  #main .r1-plus-lts-router-product-use>div>div {
    margin-left: 29px;
    /* width: 392px; */
  }

  #main .r1-plus-lts-router-product-use>div>div>p {
    font-size: 18px;
    line-height: 31px;
  }

  #main>.cpu-temperature-test {
    padding: 32px 0;
  }

  #main .cpu-temperature-test h3,
  #main>.usb-wifi-test>div>h3 {
    font-size: 32px;
    line-height: 42px;
  }

  #main .cpu-temperature-test p {
    font-size: 16px;
    line-height: 27px;
    margin: 24px 0 16px 0;
  }

  #main>.usb-wifi-test>div>p {
    font-size: 20px;
    line-height: 34px;
  }

  #main>.cpu-temperature-test>.cpu-temperature-test-content {
    width: calc(100% - 64px);
    margin: 0 auto;
  }

  #main>.usb-wifi-test {
    width: calc(100% - 64px);
    margin: 64px auto;
    padding: 40px;
  }

  #main>.usb-wifi-test>img {
    /* width: 329px; */
    width: 50%;
  }

  #main>.usb-wifi-test>div>h3 {
    /* font-size: calc(0.5rem + 2vw);
    line-height: calc(1rem + 2.3vw); */
    font-size: 2.3333vw;
    line-height: 3.0833vw;
    margin-bottom: 3.3333vw;
  }

  #main>.usb-wifi-test>div>p {
    font-size: 1.6667vw;
    line-height: 2.8333vw;
    /* font-size: calc(1rem + 0.5vw);
    line-height: calc(1rem + 1.7vw); */
  }

  #main .interface-port-specification {
    margin-bottom: 64px;
  }

  #main .interface-port-specification>h3 {
    font-size: 24px;
    line-height: 32px;
  }

  #main .interface-port-specification,
  #main>.r1-plus-lts-tips>h3,
  #main>.r1-plus-lts-tips>ul,
  #main>.price-compare,
  #main>.computer-pocket>.computer-pocket-content {
    width: calc(100% - 64px);
  }

  #main>.computer-pocket>.computer-pocket-content {
    padding: 24px 0;
  }

  #main>.computer-pocket>.computer-pocket-content>div {
    margin-top: 80px;
  }

  #main>.computer-pocket>.computer-pocket-content>div>h3 {
    line-height: 54px;
  }

  #main>.computer-pocket>.computer-pocket-content>img {
    width: 326px;
    height: 234px;
  }

  #main>.new-computer-pocket>.new-computer-pocket-container {
    flex-direction: column;
    width: calc(100% - 64px);
    padding: 0;
  }

  #main>.new-computer-pocket>.new-computer-pocket-container>div {
    margin: 0;
    padding: 0;
    text-align: center;
  }

  #main>.new-computer-pocket>.new-computer-pocket-container>img {
    width: 528px;
    margin: 0 auto;
    margin-top: 16px;
  }

  #main>.new-module-group-2 {
    margin-top: 48px;
    margin-bottom: 0;
  }

  #main>.new-module-group-2>ul {
    width: 100%;
    margin: 0 auto;
  }

  #main>.new-module-group-2>ul>li {
    margin: 0 auto;
    margin-bottom: 24px;
  }

  #main>.plus-2e-new-module-group-2 {
    margin: 64px 0;
  }

  /* 首页轮播图 */
  .index-swiper {
    height: auto;
    height: 50vw;
  }

  .index-swiper .swiper-pagination-bullet {
    width: 12px;
  }

  .index-swiper .swiper-pagination-bullet-active {
    width: 50px;
  }

  .index-swiper .swiper-button-prev {
    left: 32px;
  }

  .index-swiper .swiper-button-next {
    right: 32px;
  }

  .index-swiper .swiper-pagination-bullet {
    height: 8px;
  }

  .index-swiper .swiper-inner-content {
    width: calc(100% - 144px);
    margin: 0 auto;
    padding: 8.3333vw 0 0;
    align-items: center;
    /* height: 25vw; */
  }

  .swiper-inner-content>img {
    width: 59%;
  }

  .swiper-inner-content>img.md-w-half {
    width: 50%;
  }

  .index-swiper .banner-content {
    margin-top: 0;
    width: 40% !important;
  }

  .index-swiper .r1-plus-lts-router-swiper h3 {
    width: 100% !important;
  }

  .index-swiper .more-info {
    margin-top: 40px;
  }

  .index-swiper .swiper-button-prev,
  .index-swiper .swiper-button-next {
    background-size: calc(1rem + 2.1vw) calc(1rem + 2.1vw) !important;
    width: calc(1rem + 2.1vw);
    height: calc(1rem + 2.1vw);
  }

  .swiper-inner-content>.banner-content>h3,
  .index-swiper .pi-5-swiper h3,
  .index-swiper .keyboard-swiper h3,
  .index-swiper .pi-3-lts-swiper h3,
  .index-swiper .pi-4-lts-swiper h3,
  .index-swiper .os-swiper h3,
  .index-swiper .phone-swiper .banner-content h3,
  .index-swiper .game-console-swiper .banner-content h3 {
    font-size: 3.3333vw !important;
    line-height: 4.4167vw !important;
  }

  .index-swiper .pi-5-swiper p,
  .index-swiper .keyboard-swiper p,
  .index-swiper .r1-plus-lts-router-swiper p,
  .index-swiper .pi-3-lts-swiper p,
  .index-swiper .pi-4-lts-swiper p,
  .index-swiper .os-swiper p,
  .index-swiper .phone-swiper p,
  .index-swiper .game-console-swiper p {
    margin-top: 1.3333vw;
    letter-spacing: 0.04em;
    font-size: 2vw;
    line-height: 3.4167vw;
  }

  #ai-stick-lite-main>.ai-stick-lite-product-intro>p,
  #ai-stick-lite-main>.ai-stick-lite-product-intro>h3 {
    width: calc(100% - 64px);
  }

  #ai-stick-lite-main>.ai-stick-lite-product-intro>p {
    font-size: 16px;
    line-height: 27px;
  }

  #ai-stick-lite-main>.feature {
    padding-bottom: 40px;
  }

  #ai-stick-lite-main>.feature>ul {
    width: calc(100% - 64px);
    margin-top: 64px;
  }

  #ai-stick-lite-main>.feature>ul>li {
    width: 32%;
    margin-bottom: 24px;
  }

  #ai-stick-lite-main>.feature>ul>li:nth-last-of-type(1) {
    display: inline-block !important;
  }

  #ai-stick-lite-main>.platform {
    padding-top: 24px;
    padding-bottom: 52px;
  }

  #ai-stick-lite-main>.platform>h3,
  #ai-stick-lite-main>.platform>p {
    width: calc(100% - 64px);
  }

  #ai-stick-lite-main>.platform>h3 {
    font-size: 32px;
    line-height: 42px;
  }

  #ai-stick-lite-main>.more-function {
    padding-top: 64px;
  }

  #ai-stick-lite-main>.more-function>h3 {
    margin-bottom: 32px;
  }

  #ai-stick-lite-main>.development-mode {
    margin-top: 64px;
    margin-bottom: 40px;
  }

  #ai-stick-lite-main>.development-mode>h3 {
    line-height: 53px;
    margin-bottom: 32px;
  }

  #ai-stick-lite-main>.development-mode>img {
    width: calc(100% - 64px);
    max-width: 900px;
    margin: 0 auto;
  }

  #ai-stick-lite-main>.development-mode>.pic-title {
    margin: 24px auto;
    width: auto;
    padding: 16px;
  }

  #main>.light-weight {
    padding-top: 32px;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  #main>.light-weight>.light-weight-inner-content {
    flex-direction: column-reverse;
    width: calc(100% - 64px);
  }

  #main>.light-weight>.light-weight-inner-content>div {
    margin-top: 0;
    text-align: left;
  }

  #main>.light-weight>.light-weight-inner-content>div>p {
    font-size: 18px;
    line-height: 31px;
    margin-top: 16px;
  }

  #main>.light-weight>.light-weight-inner-content>img {
    width: 528px;
    margin: 0 auto;
  }

  /* 电源详情页 */
  #main>.supply-for {
    padding: 48px 0;
  }

  #main>.supply-for>h3,
  #main>.supply-for>p {
    width: calc(100% - 64px);
  }

  #main>.supply-for>h3 {
    font-size: 3.3333vw;
    line-height: 5vw;
  }

  #main>.supply-for>p {
    font-size: 16px;
    line-height: 27px;
  }

  #main>.supply-for>.new-p {
    font-size: 20px;
    line-height: 34px;
  }

  #main>.power-feature {
    padding-bottom: 40px;
  }

  #main>.power-feature>h3 {
    width: auto;
  }

  #main>.power-feature>p,
  #main>.power-feature>div {
    width: calc(100% - 64px);
  }

  #main>.power-feature>p {
    margin-top: 32px;
  }

  #main>.power-feature>.feature-ul-list>ul {
    margin-top: 32px;
  }

  #main>.power-feature>.feature-ul-list>ul>li {
    width: 25% !important;
    margin-bottom: 24px;
  }

  #main>.power-feature>.list2>ul>li {
    width: 20% !important;
    margin-bottom: 24px;
  }

  #main>.power-feature>.feature-ul-list>ul>li>img {
    width: 120px;
    height: 120px;
  }

  #main>.power-feature>.feature-ul-list>ul>li>.icon-title {
    font-size: 18px;
    line-height: 24px;
    margin-top: 8px;
  }

  #main .three-professional-certifications .inner-box {
    width: calc(100% - 64px);
  }

  #main>.use-description {
    margin-top: 40px;
  }

  #main>.use-description>.cm5-pic {
    margin: 4.1667vw auto 0;
    width: calc(100% - 64px);
  }

  #main>.use-description>ul {
    width: calc(100% - 64px);
    margin-top: 56px;
  }

  #main>.use-description>ul>li {
    padding: 8px 32px;
  }

  #main .specifications {
    margin-top: 58px;
  }

  #main .specifications table {
    width: calc(100% - 64px);
  }

  #main .product-images {
    margin: 64px 0;
  }

  #main .product-images h3 {
    margin-bottom: 8px;
  }

  #main .product-images>img {
    width: calc(100% - 64px) !important;
    margin-top: 24px;
    max-width: 900px;
  }

  /* 服务与支持页 */
  #service-and-support-banner {
    padding-top: 64px;
    width: calc(100% - 64px);
  }

  #service-and-support-banner>img {
    width: 48%;
  }

  #service-and-support-banner>.download-banner-inner-content>.download {
    margin-top: 3.3333vw;
  }

  #service-and-support-banner>.download-banner-inner-content>h3 {
    font-size: calc(1rem + 1.5vw);
    line-height: calc(1rem + 2.3vw);
  }

  #service-and-support-banner>.download-banner-inner-content>.download>div {
    margin-bottom: 2vw;
  }

  #service-and-support-banner>.download-banner-inner-content>.download>div>span {
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1rem + 1vw);
    margin-left: 1.8333vw;
    margin-right: 4.8333vw;
  }

  #main>.service-and-support {
    width: calc(100% - 64px);
  }

  #main>.service-and-support .downloads {
    padding-top: 64px;
    /* padding-bottom: 32px; */
  }

  #main>.service-and-support .downloads h3 {
    margin-bottom: 32px;
  }

  .service-and-support .downloads>.image-list>.list-item {
    width: 49%;
    height: 16vw;
    padding: 2vw;
    margin-top: 2vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-img {
    align-self: center;
    width: 30%;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-text {
    width: 70%;
    padding-left: 1vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-text>.text1 {
    font-size: 1.6667vw;
    line-height: 2.1667vw;
    margin-bottom: 1.3333vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-text>.text2 {
    font-size: 1.1667vw;
    line-height: 1.8vw;
    margin-bottom: .6667vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-text>.text3 {
    font-size: 1.1667vw;
    line-height: 1.8vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-btn {
    bottom: 2vw;
    right: 2vw;
    padding: .3333vw .6667vw;
    font-size: 1.1667vw;
    line-height: 1.5vw;
  }

  #main>.service-and-support .downloads ul li {
    margin-bottom: 32px;
  }

  .service-and-support .downloads ul li>img {
    max-width: 144px;
    width: 100%;
  }

  #service-and-support-banner>.download-banner-inner-content>.download>div>span {
    width: 160px !important;
  }

  #parameter-page>.hardware-specification {
    width: calc(100% - 64px);
    max-width: 992px;
  }

  #parameter-page>.hardware-specification table tr td:nth-of-type(1) {
    width: 16.67%;
  }

  #main>.connect-line-intro {
    padding: 24px 32px;
  }

  #main>.high-performance {
    margin-bottom: 40px;
  }

  #main>.high-performance>h3,
  #main>.high-performance>p {
    text-align: center;
  }

  #main>.connect-line-intro>p {
    font-size: 16px;
    line-height: 27px;
  }

  #main>.high-performance>ul {
    max-width: 600px;
    margin-top: 60px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface {
    margin-top: 64px;
  }

  #main>.main-bottom>.main-bottom-conent>.equipment>.equipment-group {
    justify-content: flex-start;
  }

  #main>.main-bottom>.main-bottom-conent>.equipment>.equipment-group .equipment-item {
    width: 25%;
  }

  #main .pure-copper-conductor {
    padding: 40px 0;
  }

  #main .pure-copper-conductor>ul>li {
    max-width: 350px;
  }

  #main .pure-copper-conductor>ul>li>h3 {
    font-size: 20px;
    line-height: 26px;
  }

  #main .pure-copper-conductor>ul>li>p {
    font-size: 10px;
    line-height: 13px;
  }

  #main>.otg-introduction,
  #main>.one-three-line-equipment {
    margin: 64px 0;
  }

  #main>.otg-introduction .otg-device-group,
  #main>.one-three-line-equipment .one-three-line-equipment-group {
    padding: 13px;
  }

  #main>.otg-introduction .otg-device-item {
    width: 20%;
  }

  #main>.one-three-line-equipment .one-three-line-equipment-group .one-three-line-equipment-item {
    width: 16.66%;
  }

  #main>.multi-channel {
    margin-top: 64px;
  }

  #main>.multi-channel>p {
    margin-bottom: 24px;
  }

  #main>.multi-channel>img {
    width: calc(100% - 32px);
  }

  #main>.compatibility>.connect-method {
    width: calc(100% - 64px);
    margin-top: 64px;
    max-width: 992px;
  }

  #main>.compatibility>.connect-method>div {
    top: 2.6667vw;
    left: 2.6667vw;
    max-width: 39.3333vw;
  }

  #main>.compatibility>.connect-method>div>h3 {
    font-size: 18px;
    line-height: 27px;
  }

  #main>.compatibility>.connect-method>div>p {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    margin-top: 2vw;
  }

  #main .conversion-chip {
    padding: 135px 0;
  }

  #main .transmission-line {
    padding: 64px 0;
  }

  #main>.protective-case {
    padding: 64px 0;
  }

  #main>.installation-views {
    padding: 48px 0;
    margin-top: 64px;
  }

  #main>.installation-views .installation-views-inner {
    max-width: 992px;
  }

  #main>.installation-views .installation-views-inner p {
    margin-bottom: 24px;
  }

  #main>.visual-experience {
    padding-bottom: 64px;
  }

  #main>.visual-experience>.visual-experience-item {
    padding-top: 64px;
    max-width: 992px;
    margin: 0 auto;
  }

  #main>.visual-experience>.visual-experience-item>h3 {
    margin: 0;
  }

  #main>.visual-experience>.visual-experience-item>p {
    margin: 24px 0;
  }

  #main>.visual-experience>.visual-experience-item:nth-of-type(1)>p {
    margin-bottom: 0;
  }

  #main>.pic-intro-list {
    padding: 32px 0;
  }

  #main>.pic-intro-list>ul {
    max-width: 992px;
  }

  #main>.pic-intro-list>ul>li {
    padding: 2.6667vw;
  }

  #main>.pic-intro-list>ul>li>img {
    width: 43.3333vw;
  }

  #main>.pic-intro-list>ul>li>.list-item-right {
    margin-left: 4vw;
  }

  #main>.pic-intro-list>ul>li>.list-item-right>.span-list>span {
    width: 0.9167vw;
    height: 0.9167vw;
    margin-right: 0.6667vw;
  }

  #main>.pic-intro-list>ul>li>.list-item-right>h3 {
    font-size: 2.6667vw;
    line-height: 4.5vw;
    margin-top: 6.6667vw;
    margin-bottom: 2vw;
  }

  #main>.pic-intro-list>ul>li>.list-item-right>p {
    font-size: 1.3333vw;
    line-height: 2.25vw;
  }

  #main>.gold-plated-interface {
    padding-top: 64px;
    width: calc(100% - 64px);
    max-width: 992px;
    margin: 0 auto;
  }

  #main>.gold-plated-interface>p {
    margin-top: 24px;
    margin-bottom: 32px;
  }

  #main>.application-and-connection-method {
    padding-top: 64px;
    max-width: 992px;
  }

  #main>.application-and-connection-method>h3 {
    padding: 12px 0;
    margin-bottom: 24px;
  }

  #main>.vga-main-bottom {
    padding-bottom: 64px;
    max-width: 992px;
  }

  #main>.vga-main-bottom>h3 {
    margin-top: 64px;
  }

  #main>.vga-main-bottom>img {
    margin-top: 24px;
  }

  #main>.vga-main-bottom>img:nth-of-type(1) {
    margin-top: 32px;
  }

  #main>.lossless-synchronous-transmission {
    margin-top: 64px;
  }

  #main>.lossless-synchronous-transmission>.content {
    max-width: 992px;
  }

  #main>.micro-hdmi-3d {
    padding: 64px 0;
    max-width: 992px;
    margin: 0 auto;
  }

  #main>.micro-hdmi-3d>h3 {
    font-size: 40px;
    line-height: 68px;
  }

  #main>.micro-hdmi-3d>.circle-group {
    margin: 24px 0;
  }

  #main>.micro-hdmi-3d>.circle-group>span {
    width: 16px;
    height: 16px;
    margin-right: 14px;
  }

  #main>.micro-hdmi-3d>p {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 24px;
  }

  #main>.case-main-top {
    padding: 8px 0;
  }

  #main>.case-main-top ul {
    flex-direction: column;
  }

  #main>.case-main-top ul li {
    margin-bottom: 4px;
    padding: 4px;
  }

  #main>.case-main-top ul li img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }

  .mobile-news-nav ul {
    max-width: 992px;
  }

  .news-details-main {
    padding-top: 32px;
    max-width: 992px;
  }

  #pi-800-banner>.pi-800-banner-inner {
    max-width: 992px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content {
    margin-top: 0;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content>h3 {
    /* font-size: 48px;
    line-height: 72px; */
    font-size: 4vw;
    line-height: 6vw;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content>p {
    /* font-size: 40px;
    line-height: 60px;
    margin-top: 8px; */
    font-size: 3.3333vw;
    line-height: 5vw;
    margin-top: 0.6667vw;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content>.small-intro {
    font-size: 2vw;
    line-height: 3vw;
    margin-top: 2vw;
  }

  #pi-800-banner>.pi-800-banner-inner>img {
    width: 50%;
  }

  #main>.chromium-os {
    padding: 64px 0;
  }

  #main>.chromium-os>.chromium-os-inner {
    max-width: 992px;
    padding: 16px;
    padding-top: 32px;
  }

  #main>.chromium-os>.chromium-os-inner>.inner-top>p {
    font-size: calc(1rem + 2.2vw);
    line-height: calc(1rem + 4.5vw);
  }

  #main>.chromium-os>.chromium-os-inner>ul {
    margin-top: 26px;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li {
    padding: 16px;
    margin-bottom: 9px;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li>div,
  #main>.chromium-os>.chromium-os-inner>.inner-bottom>div {
    margin-left: 16px;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li>div>h3,
  #main>.chromium-os>.chromium-os-inner>.inner-bottom>div>h3 {
    font-size: calc(1rem + 0.8vw);
    line-height: calc(1rem + 2.2vw);
  }

  #main>.chromium-os>.chromium-os-inner>ul>li>div>p,
  #main>.chromium-os>.chromium-os-inner>.inner-bottom>div>p {
    margin-top: 16px;
    font-size: calc(0.5rem + 0.75vw);
    line-height: calc(0.5rem + 1.65vw);
  }

  #main>.chromium-os>.chromium-os-inner>.inner-bottom {
    padding: 16px;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li>img,
  #main>.chromium-os>.chromium-os-inner>.inner-bottom>img {
    width: calc(3rem + 8.5vw);
    height: calc(3rem + 8.5vw);
  }

  #main>.high-quality {
    padding-top: 48px;
  }

  #main>.high-quality>.high-quality-inner {
    max-width: 992px;
  }

  #main>.pi-800-more-function {
    padding-top: 64px;
  }

  #main>.pi-800-more-function>div {
    max-width: 992px;
    margin-bottom: 64px;
  }

  #main>.special-purpose-computer {
    padding: 32px 0;
  }

  #main>.main-item-list {
    padding: 32px 0;
  }

  #main>.main-item-list>ul {
    max-width: 992px;
  }

  #main>.special-purpose-computer>ul {
    max-width: 992px;
    margin-top: 32px;
  }

  #main>.special-purpose-computer>ul>li,
  #main>.main-item-list>ul>li {
    padding: 24px;
  }

  #main>.special-purpose-computer>ul>li>img,
  #main>.main-item-list>ul>li>img {
    /* width: 476px; */
    width: 48%;
  }

  #main>.special-purpose-computer>ul>li>div,
  #main>.main-item-list>ul>li>div {
    margin-left: 24px;
  }

  #main>.special-purpose-computer>ul>li>div>h3,
  #main>.main-item-list>ul>li>div>h3 {
    margin-top: 32px;
  }

  #main>.special-purpose-computer>ul>li>div>p,
  #main>.main-item-list>ul>li>div>p {
    margin-top: 8px;
  }

  #main>.special-purpose-computer>.title::before {
    left: calc(-1rem - 3.3vw);
  }

  #main>.special-purpose-computer>.title::after {
    right: calc(-1rem - 3.3vw);
  }

  #main>.product-paramter-and-img {
    padding: 64px 0;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner {
    max-width: 992px;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner>h3 {
    font-size: 40px;
    line-height: 53px;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner>img {
    margin-top: 64px;
  }

  #os-banner {
    padding: 75px 0;
  }

  #os-banner>.os-banner-inner {
    max-width: 992px;
  }

  #os-banner>.os-banner-inner .os-banner-content {
    margin-right: 19px;
  }

  #os-banner>.os-banner-inner h3 {
    font-size: calc(1rem + 2.2vw);
    line-height: calc(1rem + 4.5vw);
  }

  #os-banner>.os-banner-inner p {
    margin-top: 2vw;
    font-size: calc(0.5rem + 1.1vw);
    line-height: calc(0.5rem + 1.9vw);
  }

  #os-banner>.os-banner-inner .download {
    margin-top: 3.3333vw;
    padding: 0.6667vw 1.3333vw;
    font-size: calc(0.5rem + 1.4vw);
    line-height: calc(0.5rem + 2.1vw);
  }

  #os-banner>.os-banner-inner img {
    width: 58%;
  }

  #main>.main-content {
    padding: 64px 0;
  }

  #main>.main-content>div {
    max-width: 992px;
  }

  #main>.main-content>.resourceful,
  #main>.main-content>.user-wide-range {
    align-items: center;
  }

  #main>.main-content>.resourceful>img,
  #main>.main-content>.user-wide-range>img {
    width: 50%;
  }

  #main>.main-content>.resourceful>.detail,
  #main>.main-content>.user-wide-range>.detail {
    margin-left: 1.3333vw;
  }

  #main>.main-content>.resourceful>.detail>h3,
  #main>.main-content>.user-wide-range>.detail>h3 {
    /* font-size: 40px;
    line-height: 53px; */
    font-size: 3.3333vw;
    line-height: 4.4167vw;
  }

  #main>.main-content>.resourceful>.detail>p,
  #main>.main-content>.user-wide-range>.detail>p {
    /* font-size: 20px;
    line-height: 34px; */
    font-size: 1.6667vw;
    line-height: 2.8333vw;
  }

  #main>.main-content>.resourceful>.detail>.circle-group,
  #main>.main-content>.user-wide-range>.detail>.circle-group {
    margin: 1.3333vw 0;
  }

  #main>.main-content>.high-compatibility-and-easy-installation {
    margin-top: 64px;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul>li {
    padding: 24px;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul>li>p {
    margin-top: 16px;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul>li:nth-of-type(1)>p {
    margin-bottom: 40px;
  }

  #custom-service-banner>.banner-content {
    max-width: 992px;
  }

  #main>.main-content {
    padding: 64px 0;
    max-width: 992px;
  }

  #main>.our-strengths {
    padding-top: 64px;
    padding-bottom: 56px;
  }

  #main>.our-strengths>h3 {
    margin-bottom: 32px;
  }

  #main>.our-strengths>ul {
    max-width: 992px;
  }

  #main>.our-strengths>ul>li {
    width: 49%;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
  }

  #main>.our-strengths>ul>li>div {
    margin-left: 24px;
  }

  #main>.our-strengths>ul>li .icon-intro {
    margin-top: 0;
  }

  #news-banner>.news-banner-img-middle-screen {
    display: block;
  }

  #news-banner>h3 {
    top: 13.0833vw;
    left: 8.6667vw;
    font-size: 4.6667vw;
    line-height: 7.9167vw;
  }

  #main>.news-list {
    margin-top: 64px;
  }

  #main>.news-list>ul {
    max-width: 992px;
  }

  #main>.news-list>ul>li {
    width: 100%;
  }

  #main>.news-list>ul>.img-list-item a {
    display: inline-block;
    margin: 0 auto;
  }

  #main>.knowledge-main-content {
    padding-top: 32px;
    padding-bottom: 64px;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left {
    max-width: 992px;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left>.img-intro-list {
    margin-top: 48px;
  }

  #main>.activity-main-content {
    max-width: 992px;
    padding: 64px 0;
  }

  #main>.activity-main-content>ul>li {
    margin-top: 16px;
    flex-direction: column;
  }

  #main>.activity-main-content>ul>li>img {
    width: 100%;
  }

  #main>.activity-main-content>ul>li>div {
    padding: 24px;
    padding-right: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #main>.activity-main-content>ul>li>div .view-details {
    margin: 0;
  }

  #main .activity-main-content #toggle-page {
    margin-top: 48px;
  }

  #main .activity-main-content>.no-result {
    margin-top: 16px;
  }

  #main>.video-and-swiper {
    padding: 32px 0;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info {
    max-width: 992px;
    margin-bottom: 32px;
    flex-direction: column;
    align-items: flex-start;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .pic {
    width: 100%;
    margin-right: 0;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .pic .videolist,
  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .pic img {
    width: 100% !important;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .info {
    margin-top: 16px;
    width: 100%;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .info>div {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .info>div>.video-time {
    margin: 0;
  }

  #main>.video-and-swiper .swiper-wrap {
    /* width: calc(100% - 64px); */
  }

  #main>.video-and-swiper .swiper-container {
    width: calc(100% - 80px);
    max-width: 992px;
  }

  #main>.video-and-swiper .swiper-slide {
    width: 33% !important;
  }

  #main>.video-and-swiper .swiper-slide img {
    height: 189px;
  }

  #main .video-list>.video>.video-container>.video-list-item {
    width: 49%;
  }

  #main>.humanized-creative-design {
    background: url("../img/otg-data-pic1.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 4vw;
    padding-bottom: 9.5833vw;
    padding-left: 8.6667vw;
  }

  #main>.humanized-creative-design h3 {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
    width: 33vw;
  }

  #main>.humanized-creative-design p {
    font-size: 1.6667vw;
    line-height: 2.8333vw;
    width: 33vw;
    margin: 2vw 0;
  }

  #main>.humanized-creative-design img {
    /* width: 347px; */
    width: 28.9167vw;
    /* margin-left: 318px; */
    margin-left: 5vw;
  }

  #main>.humanized-creative-design span {
    /* width: 24px;
    height: 24px; */
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  #main>.dealer-main-content {
    padding: 64px 0;
    max-width: 992px;
  }

  /* 售后服务详情 */
  #main>.after-sale-details {
    padding: 64px 0;
    max-width: 992px;
  }

  #main>.after-sale-details>.right-small-font {
    line-height: 16px;
  }

  #main>.after-sale-details>p {
    line-height: 24px;
  }

  #main>.after-sale-details>.after-sale-details-item {
    margin-bottom: 32px;
  }

  #main>.after-sale-details>.after-sale-details-item>.small-p {
    line-height: 18px;
    margin: 16px 0;
  }

  #main>.after-sale-details>.after-sale-details-item>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #1f1e1d;
    margin-top: 8px;
  }

  #main>.pic-page-wrap {
    padding-top: 32px;
    padding-bottom: 25px;
  }

  #main .pic-page-wrap .pic-page {
    max-width: 992px;
  }

  #main .pic-page>p {
    margin-bottom: 32px;
  }

  #main .pic-page>.no-search-result>.no-search-result-inner {
    width: 325px;
    height: 325px;
    padding: 90px;
  }

  #main .pic-page ul {
    margin-top: 32px;
  }

  #main .pic-page ul>li {
    width: 32%;
    padding: 20px;
  }

  #main .pic-page ul>li p {
    margin-top: 40px;
  }

  #main .pic-page #toggle-page {
    margin-top: 32px;
  }

  #about-us-banner>h3 {
    max-width: 992px;
  }

  .small-screen-img {
    display: none !important;
  }

  #main>.content {
    max-width: 992px;
    padding-top: 64px;
    padding-bottom: 32px;
  }

  #main>.content>p {
    margin-bottom: 32px;
  }

  #main>.content>.intro-list {
    margin-top: 0;
  }

  #main>.content>.intro-list>ul>li {
    margin-bottom: 32px;
  }

  #main .partners {
    padding: 40px 0;
  }

  #main .partners table {
    margin-top: 40px;
  }

  #main .partners table tr td {
    padding: 8px 4px;
    min-width: 90px;
  }

  #main .partners table tr td img {
    width: 112px;
    height: 72px;
  }

  #main>.development {
    padding: 64px 0;
  }

  #main>.development>h3 {
    margin-bottom: 32px;
  }

  #main>.development>.development-content {
    max-width: 992px;
  }

  #main>.development .development-item {
    width: 42%;
  }

  #main>.vedio-input-output-format {
    padding: 24px 0;
  }

  #main>.vedio-input-output-format>ul {
    max-width: 992px;
  }

  #main .vedio-input-output-format ul li {
    max-width: 492px;
  }

  #main .vedio-input-output-format ul li .li-content {
    padding: 0 6.6667vw;
  }

  #main .vedio-input-output-format ul li h3 {
    /* font-size: 32px;
    line-height: 42px; */
    font-size: 2.6667vw;
    line-height: 3.5vw;
  }

  #main .vedio-input-output-format ul li .li-content .span-line .span-line-left div:nth-of-type(1) {
    /* font-size: 20px;
    line-height: 26px; */
    font-size: 1.6667vw;
    line-height: 2.1667vw;
  }

  #main .vedio-input-output-format ul li .li-content .span-line .span-line-left div:nth-last-of-type(1) {
    /* font-size: 24px;
    line-height: 32px; */
    font-size: 2vw;
    line-height: 2.6667vw;
  }

  #main .vedio-input-output-format ul li .li-content .span-line .span-line-left .line {
    /* width: 200px; */
    width: 16.6667vw;
  }

  #main .vedio-input-output-format ul li .li-content .span-line .span-line-right {
    /* font-size: 16px;
    line-height: 21px; */
    font-size: 1.3333vw;
    line-height: 1.75vw;
  }

  #main .vedio-input-output-format ul .li02 .span1 {
    /* font-size: 16px;
    line-height: 21px;
    margin-top: 24px; */
    font-size: 1.3333vw;
    line-height: 1.75vw;
    margin-top: 2vw;
  }

  #main .vedio-input-output-format ul .li02 .span2 {
    /* font-size: 24px;
    line-height: 32px;
    margin: 8px 0; */
    font-size: 2vw;
    line-height: 2.6667vw;
    margin: 0.6667vw 0;
  }

  #main>.terminal-projection-design {
    padding: 64px 0;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner {
    max-width: 992px;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>h3 {
    /* font-size: 48px;
    line-height: 63px; */
    font-size: 4vw;
    line-height: 5.25vw;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>p {
    /* font-size: 24px;
    line-height: 36px; */
    margin: 24px 0;
    font-size: 2vw;
    line-height: 3vw;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul>li {
    height: auto;
    text-align: center;
    padding-bottom: 30vw;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul .li-content {
    padding: 0;
    padding-top: 16px;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul .li-content>div {
    justify-content: center !important;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul>li span {
    font-size: 3.3333vw;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul>li .li-content-span {
    /*font-size: 24px;
    line-height: 36px;
    padding: 8px 74px;
    border-radius: 55px;
    */
    font-size: 2vw;
    line-height: 3vw;
    padding: 0.6667vw 6.1667vw;
    border-radius: 4.5833vw;
    -webkit-border-radius: 4.5833vw;
    -moz-border-radius: 4.5833vw;
    -ms-border-radius: 4.5833vw;
    -o-border-radius: 4.5833vw;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul>li p {
    /* font-size: 16px;
    line-height: 24px;
    margin-top: 16px; */
    font-size: 1.3333vw;
    line-height: 2vw;
    margin-top: 1.3333vw;
    text-align: center;
  }

  #main>.standard {
    padding-top: 48px;
    max-width: 992px;
  }

  #main>.standard>h3 {
    font-size: 40px;
    line-height: 52px;
    margin-top: 20px;
  }

  #main>.standard>p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
  }

  #main>.standard>ul {
    /* justify-content: space-between; */
    /* max-width: 600px; */
    /* margin: 0 auto; */
    margin-top: 50px;
    margin-bottom: 80px;
  }

  #main>.standard>ul>li {
    width: 166px;
    height: 166px;
    margin-right: 1.5vw;
    padding: 13px;
  }

  #main>.standard>ul>li>.percent-title {
    font-size: 16px;
    line-height: 24px;
  }

  #main>.standard>ul>li>.percent {
    font-size: 66px;
    line-height: 87px;
    margin-top: 24px;
  }

  #main .vision-connect {
    max-width: 992px;
    margin-top: 64px;
  }

  #main .vision-connect .content {
    padding: 0 32px;
  }

  #main .vision-connect .content>h3 {
    font-size: 32px;
    line-height: 42px;
  }

  #main .vision-connect .content>.circle-group {
    margin: 18px 0;
  }

  #main .vision-connect .content>.circle-group>span {
    width: 14px;
    height: 14px;
    margin-right: 13px;
  }

  #main .vision-connect .content>p {
    font-size: 18px;
    line-height: 24px;
  }

  .pi-5-feature>ul>li>.li-content {
    max-width: 992px;
  }

  .pi-5-feature>ul>li>.li-content>div>p {
    font-size: 28px;
    line-height: 48px;
  }

  .pi-5-create>p {
    max-width: 992px;
  }

  .pi-5-create>.small-font {
    max-width: 992px;
  }

  .product-pinout-diagram {
    padding-top: 64px;
    max-width: 992px;
  }

  .multi-channel-output {
    /* max-width: 992px;
    margin-bottom: 64px; */
    height: 35.6667vw;
  }

  .multi-channel-output>div {
    /* width: 468px;
    top: 79px;
    left: 24px; */
    width: 39vw;
    top: 6.5833vw;
    left: 2vw;
  }

  .multi-channel-output>div>h3 {
    /* font-size: 32px;
    line-height: 42px; */
    font-size: 2.6667vw;
    line-height: 3.5vw;
  }

  .multi-channel-output>div>p {
    /* font-size: 20px;
    line-height: 30px;
    margin-top: 24px; */
    font-size: 1.6667vw;
    line-height: 2.5vw;
    margin-top: 2vw;
  }

  .multi-channel-output>img {
    /* right: 24px;
    top: 36px; */
    right: 2vw;
    top: 3vw;
    width: 71.5833vw;
  }

  #main>.vision-support {
    max-width: 992px;
    margin-top: 64px;
  }

  #main>.vision-support>.vision-top {
    padding: 0 3.75vw;
  }

  #main>.vision-support>.vision-top>.line {
    width: 33%;
    margin-right: 2vw;
    height: 2px;
    background-color: #f4a524;
  }

  #main>.vision-support>.vision-top>.circle {
    width: 1.3333vw;
    height: 1.3333vw;
    margin-right: 1.3333vw;
  }

  #main>.vision-support>.vision-top>.vision-title {
    font-size: 4vw;
    line-height: 5.25vw;
    margin-left: 2vw;
  }

  #main>.vision-support>p {
    font-size: 1.6667vw;
    line-height: 2.8333vw;
    margin-top: 1.3333vw;
    padding: 0 3.75vw;
  }

  #main>.vision-support>img {
    width: 100%;
  }

  #main>.micro-HDMI-mode {
    padding: 48px 0;
  }

  #main>.micro-HDMI-mode>ul {
    max-width: 992px;
  }

  #main>.micro-HDMI-mode>ul>li {
    padding-top: 20px;
  }

  #main>.micro-HDMI-mode>ul>li>h3 {
    font-size: 20px;
    line-height: 26px;
  }

  #main>.micro-HDMI-mode>ul>li>p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 15px;
  }

  #main>.item-list>ul>li>.img-intro-list2>ul {
    display: none !important;
  }

  #main>.item-list>ul>li>.img-intro-list2>.mobile-item-list-ul {
    display: block !important;
  }

  #main>.item-list>ul>li>.img-intro-list2>.mobile-item-list-ul>li {
    align-items: center;
    margin-bottom: 0;
  }

  #main>.item-list>ul>li>.img-intro-list2>.mobile-item-list-ul>li>div {
    margin-left: 5.5833vw;
  }

  #main>.item-list>ul>li>.img-intro-list2>.mobile-item-list-ul>li>div>p {
    font-weight: 400;
    font-size: 2vw;
    line-height: 3.4167vw;

    letter-spacing: 0.06em;

    color: #1d1e1f;
  }

  #main>.item-list>ul>li>.img-intro-list2>.mobile-item-list-ul>li>div>.intro {
    font-weight: 400;
    font-size: 2.6667vw;
    line-height: 4.5vw;
    letter-spacing: 0.06em;
    color: #1d1e1f;
    margin-top: 2vw;
  }

  .pi-5-processor>.small-screen {
    display: none !important;
  }

  .pi-5-processor>.pi-5-processor-inner {
    max-width: 992px;
    top: 4vw;
  }

  .pi-5-processor>.pi-5-processor-inner>.pi-5-processor-inner-title>.title {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
    margin: 0 .6667vw;
  }

  .pi-5-processor>.pi-5-processor-inner>.pi-5-processor-inner-title>.circle {
    width: 1.5vw;
    height: 1.5vw;
    margin: 0 .6667vw;
  }

  .pi-5-processor>.pi-5-processor-inner>h3 {
    font-size: 4.6667vw;
    line-height: 6.1667vw;
    margin-top: 1.3333vw;
  }

  .pi-5-processor>.pi-5-processor-inner>h4 {
    font-size: 4vw;
    line-height: 6vw;
    margin-top: 1.3333vw;
  }



  .pi-5-new-feature {
    max-width: 992px;
    padding: 5.3333vw 0;
  }

  .pi-5-new-feature>.max-tip {
    margin: 5.3333vw 0 -5.3333vw;
    padding: 1.3333vw;
    border-radius: 1.0333vw;
    font-size: 1.6667vw;
    line-height: 2.8333vw;
  }

  .pi-5-new-feature>.feature-processor>.title {
    font-size: calc(1rem + 0.83vw);
    line-height: calc(1.5rem + 0.92vw);
  }

  .pi-5-new-feature>.feature-processor>.circle-group {
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-processor>.circle-group>span {
    width: 1.5vw;
    height: 1.5vw;
    margin-right: 1.3333vw;
  }

  .pi-5-new-feature>.feature-processor>h3 {
    font-size: calc(1rem + 2.33vw);
    line-height: calc(1.5rem + 4.25vw);
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-processor>p {
    font-size: calc(1rem + 0.16vw);
    line-height: calc(1.5rem + 0.5vw);
    margin-top: 2vw;
  }

  .pi-5-new-feature>.feature-chip {
    margin-top: 5.3333vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-title>.circle {
    width: 1.5vw;
    height: 1.5vw;
    margin: 0 .6667vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-title>.title {
    font-size: 4vw;
    line-height: 5.25vw;
    margin: 0 .6667vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-content {
    margin-top: 2.6667vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-content>div>h3 {
    font-size: 2.5vw;
    line-height: 5vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-content>div>p {
    font-size: 1.6667vw;
    line-height: calc(1.28rem + 1vw);
    margin-top: 2vw;
  }

  .pi-5-new-feature>.feature-performance {
    margin-top: 3.3333vw;
  }

  .pi-5-new-feature>.feature-performance>h3 {
    font-size: calc(1rem + 2.16vw);
    line-height: calc(1.5rem + 3.25vw);
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item {
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item:nth-of-type(1) {
    margin-top: 2vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>p {
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1rem + 1.33vw);
    width: 50%;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>p>span {
    margin-right: 1.3333vw;
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1rem + 1.33vw);
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.performance {
    margin-top: -4vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.performance>.line {
    height: 1vw;
    margin-right: 2vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.performance>span {
    font-size: calc(1rem + 1.5vw);
    line-height: calc(1.5rem + 2.25vw);
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.performance>span>.num {
    font-size: calc(1rem + 3.5vw);
    line-height: calc(1.5rem + 5.25vw);
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.compare {
    margin-top: -4vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.compare>.compare-item {
    font-size: calc(1rem + 0.17vw);
    line-height: calc(1.5rem + 0.25vw);
    margin-top: .6667vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.compare>.line {
    height: 1vw;
    margin-top: .6667vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.normal {
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1.5rem + 0.75vw);
    margin-top: .6667vw;
  }

  .pi-5-new-feature>.feature-performance>.four>.performance>.line {
    width: 50%;
  }

  .pi-5-new-feature>.feature-performance>.four>.compare>.line {
    width: 16.67%;
  }

  .pi-5-new-feature>.feature-performance>.eight>.performance>.line {
    width: 75%;
  }

  .pi-5-new-feature>.feature-performance>.eight>.compare>.line {
    width: 10.42%;
  }

  .pi-5-new-feature>.feature-intro-and-img-item {
    margin-top: 3.3333vw;
  }

  .pi-5-new-feature>.feature-intro-and-img-item>h3 {
    font-size: calc(1rem + 2.16vw);
    line-height: calc(1.5rem + 3.25vw);
  }

  .pi-5-new-feature>.feature-intro-and-img-item>h4 {
    font-size: 2vw;
    line-height: 3vw;
  }

  .pi-5-new-feature>.feature-intro-and-img-item>p {
    font-size: calc(1rem + 0.5vw);
    line-height: calc(1.5rem + 0.75vw);
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-intro-and-img-item>img {
    margin-top: 2vw;
  }

  .pi-5-new-feature>.feature-intro-and-img-item .circle-group {
    margin-top: 0;
  }

  .pi-5-new-feature>.feature-intro-and-img-item .circle-group>span {
    width: 1vw;
    height: 1vw;
    margin-right: .7464vw;
  }

  .pi-5-new-feature>.feature-figure {
    margin-top: 3.3333vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item {
    width: 49.5%;
    margin-bottom: 8px;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>.small-screen-show {
    display: none !important;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div {
    width: 87%;
    top: 2vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div>h3 {
    font-size: 2.5vw;
    line-height: 3.6667vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div>h4 {
    font-size: 1.6667vw;
    line-height: 2.8333vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div>p {
    font-size: 1.6667vw;
    line-height: 2.5vw;
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div>.tip {
    margin-top: .5vw;
    color: #828287;
    line-height: 2vw;
    font-size: 1.3333vw;
  }


  .pi-5-software {
    padding: 3.3333vw 0;
  }

  .pi-5-software>.pi-5-software-inner {
    max-width: 992px;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>h3 {
    font-size: calc(1rem + 2.83vw);
    line-height: calc(1.5rem + 4.25vw);
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>.circle-group {
    margin-top: 1.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>.circle-group>span {
    width: 1.5vw;
    height: 1.5vw;
    margin-right: 1.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>h4 {
    font-size: calc(1rem + 1.5vw);
    line-height: calc(1.5rem + 2.25vw);
    margin-top: 1.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>p {
    font-size: calc(1rem + 0.83vw);
    line-height: calc(1.5rem + 1.25vw);
    margin-top: 1.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>.small-title {
    font-size: calc(1rem + 1.167vw);
    line-height: calc(1.5rem + 1.33vw);
    margin-top: 3.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul {
    margin-top: 2vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li {
    width: 49%;
    height: 33.3333vw;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2.6667vw;
    padding-bottom: 1.3333vw;
    box-shadow: 0px 0px 1.25vw rgba(0, 0, 0, 0.15);
    margin-bottom: 2vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li>img {
    padding: 0 2.6667vw;
    width: 90%;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li>div {
    font-size: 1.6667vw;
    line-height: 2.8333vw;
    margin-top: 1.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li>p {
    font-size: 1.3333vw;
    line-height: 2.25vw;
    margin-top: .6667vw;
    padding-left: 1.3333vw;
    padding-right: 1.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app {
    margin-top: 3.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>h3 {
    font-size: calc(1rem + 2.83vw);
    line-height: calc(1.5rem + 3.5vw);
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>.circle-group {
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>.circle-group>span {
    width: 1.5vw;
    height: 1.5vw;
    margin-right: 1.3333vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>h4 {
    font-size: 2vw;
    line-height: 3vw;
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>img {
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>.small-screen-show {
    display: none !important;
  }
}

@media (min-width: 600px) and (max-width: 1056px) {
  /* #main > .new-product {
    width: calc(100% - 64px);
    margin: 0 32px;
    margin-top: 64px;
    background: #f5f5f5;
  }
  #main > .new-product > .new-product-right > h3 {
    font-size: 3.33vw;
    line-height: 4.42vw;
  }
  #main > .new-product > .new-product-right > .circle-group {
    margin-top: 2.67vw;
    margin-bottom: 6vw;
  }
  #main > .new-product > .new-product-right > .circle-group > span {
    margin-right: 1.33vw;
    width: 1.5vw;
    height: 1.5vw;
  }
  #main > .new-product > .new-product-right > .learn-more {
    font-size: 1.33vw;
    line-height: 1.75vw;
    padding: 0.665vw 1.33vw;
  } */

  /* #main > .new-open-source-os {
    width: calc(100% - 64px);
    margin: 0 32px;
    margin-top: 64px;
  }
  .new-open-source-os > div {
    width: 100%;
    padding-top: 7.25vw;
    padding-left: 4vw;
  }
  .new-open-source-os > div > img {
    width: 50%;
  }
  .new-open-source-os > div > div > h3 {
    font-size: 2.67vw;
    line-height: 4.5vw;
  }
  .new-open-source-os > div > div > .os-title {
    font-size: 3.33vw;
    line-height: 5.67vw;
  }
  .new-open-source-os > div > div > p {
    font-size: 1.67vw;
    line-height: 2.5vw;
  }
  .new-open-source-os > div > div > .download {
    font-size: 1.33vw;
    line-height: 1.75vw;
    margin-top: 5.33vw;
  } */

  /* #main > .customized-services {
    width: calc(100% - 64px);
    margin: 0 32px;
    margin-top: 64px;
  } */
  .mobile-join-in {
    width: calc(100% - 64px);
    margin: 0 32px;
    margin-top: 64px;
  }

  .mobile-join-in>.mobile-join-in-top>.title>span {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
  }

  .mobile-join-in>.mobile-join-in-top>.title>img {
    width: 2.6667vw;
    height: 2.6667vw;
  }

  .mobile-join-in>.mobile-join-in-top>img {
    width: 40.0833vw;
  }

  .mobile-join-in>p {
    font-size: 1.3333vw;
    line-height: 2.25vw;
    margin-top: 1.3333vw;
  }

  /* #main .our-vision > div {
    width: calc(100% - 64px);
    margin: 0 32px;
  }
  #main .our-vision h3 {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
  }
  #main .our-vision p {
    font-size: 1.3333vw;
    line-height: 2.25vw;
  }
  #main .our-vision .learn-more {
    font-size: 1.3333vw;
    line-height: 1.75vw;
  } */
  .main {
    width: calc(100% - 64px) !important;
    margin: 0 32px;
  }
}

@media (min-width: 600px) and (max-width: 716px) {
  #main .vision-ul {
    width: calc(100% - 64px);
  }
}

@media (max-width: 600px) {
  #header {
    padding: 0 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }

  .top-menu>ul>li,
  #mobile-footer>ul>li {
    font-size: 4vw;
    line-height: 16vw;
  }

  .top-menu>ul>li>div {
    padding: 0 16px;
  }

  .top-menu>ul>.hasSubMenu>img,
  #mobile-footer>ul>li>img {
    right: 16px;
    width: 6.6667vw;
    height: 6.6667vw;
    top: 4.6667vw;
  }

  .top-menu>.toggle-language>a,
  .top-menu>.toggle-language>span {
    font-size: 4vw;
    line-height: 5.3333vw;
  }

  .top-menu>ul>.hasSubMenu>.sub>li,
  #mobile-footer>ul>li>.sub>li {
    padding: 0 16px;
    font-size: 3.3333vw;
    line-height: 15vw;
  }

  #mobile-footer>ul>li>.sub>li>a {
    font-size: 3.3333vw;
    line-height: 15vw;
  }

  #mobile-footer>.footer-icon-list img {
    width: 8vw;
    height: 8vw;
  }

  #footer {
    padding: 48px 16px;
  }

  #mobile-footer>ul>li>div {
    padding: 0 16px;
  }

  #mobile-footer>ul>li>.sub>div {
    padding: 16px;
    font-size: 2.6667vw;
    line-height: 4.5vw;
  }

  .carousel-control-next {
    right: 0;
  }

  .carousel-control-prev {
    left: 0;
  }

  #main>.new-product {
    display: none;
  }

  .small-mobile-new-product {
    display: block;
    width: 392px;
    margin: 0 auto;
    background-color: #f5f5f5;
    padding: 24px;
    text-align: center;
  }

  .small-mobile-new-product>h3 {
    font-weight: 400;
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    letter-spacing: 0.06em;
    color: #1d1e1f;
  }

  .small-mobile-new-product>.circle-group {
    margin-top: 1.3333vw;
    margin-bottom: 3.3333vw;
  }

  .small-mobile-new-product>.circle-group>span {
    background: #f4a524;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 2.6667vw;
  }

  .small-mobile-new-product>.learn-more {
    font-weight: 400;
    font-size: 2.6667vw;
    line-height: 3.5vw;
    letter-spacing: 0.06em;
    color: #63616a;
    padding: 1.3333vw 2.6667vw;
    border: 1px solid #63616a;
  }

  .small-mobile-new-product>.learn-more:hover {
    background: #828287;
    color: #ffffff;
  }

  .new-open-source-os {
    display: none;
  }

  .small-mobile-open-source-os {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #ffd0b0;
    margin-top: 48px;
    padding: 16px 8px;
  }

  .small-mobile-open-source-os>h3 {
    font-weight: 400;
    font-size: 4vw;
    line-height: 6.8333vw;
    letter-spacing: 0.06em;
    color: #63616a;
  }

  .small-mobile-open-source-os>.os-title {
    font-weight: 700;
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    letter-spacing: 0.06em;
    color: #1d1e1f;
    margin-top: 0.6667vw;
    margin-bottom: 4vw;
  }

  .small-mobile-open-source-os>a {
    display: inline-block;
    font-weight: 400;
    font-size: 2.6667vw;
    line-height: 3.5vw;
    letter-spacing: 0.06em;
    color: #ffffff;
    padding: 1.3333vw 2.6667vw;
    background: #f4a524;
  }

  .small-mobile-open-source-os>img {
    width: 100%;
    margin-top: 16px;
  }

  .customized-services {
    display: none;
  }

  .small-mobile-customized-services {
    display: block;
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 48px auto !important;
  }

  .small-mobile-customized-services>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .small-mobile-customized-services>div>h3 {
    font-weight: 400;
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    letter-spacing: 0.06em;
    color: #1d1e1f;
  }

  .small-mobile-customized-services>div>div {
    display: flex;
    align-items: center;
  }

  .small-mobile-customized-services>div>div>a {
    font-weight: 400;
    font-size: 3vw;
    line-height: 4vw;
    letter-spacing: 0.06em;
    color: #afb2b8;
  }

  .small-mobile-customized-services>div>div :hover {
    color: #f4a524;
  }

  .small-mobile-customized-services>div>div>img {
    width: 14px;
    height: 22px;
    margin-left: 18px;
  }

  .small-mobile-customized-services>p {
    font-weight: 400;
    font-size: 4vw;
    line-height: 6.3333vw;
    letter-spacing: 0.06em;
    color: #63616a;
    margin-top: 24px;
    margin-bottom: 32px;
  }

  .small-mobile-customized-services>ul {
    display: flex;
    justify-content: space-between;
  }

  .small-mobile-customized-services>ul>li {
    width: 30%;
    text-align: center;
  }

  .small-mobile-customized-services>ul>li>img {
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
  }

  .small-mobile-customized-services>ul>li>span {
    font-weight: 400;
    font-size: 3vw;
    line-height: 4vw;
    letter-spacing: 0.06em;
    color: #828287;
  }

  .mobile-join-in {
    display: none;
  }

  .small-mobile-join-in {
    display: block;
    width: 392px;
    margin: 0 auto;
    margin-top: 48px;
    padding: 12px;
    background: #f5f5f5;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>img {
    width: 109px;
    margin-right: 10px;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>.title>.title-top {
    display: flex;
    align-items: center;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>.title>.title-top>span {
    font-weight: 400;
    font-size: 5.3333vw;
    line-height: 7vw;
    letter-spacing: 0.06em;
    color: #1d1e1f;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>.title>.title-top>img {
    margin-left: 9px;
    width: 5.3333vw;
    height: 5.3333vw;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>.title>.title-top>.hover-img {
    display: none;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>.title:hover>.title-top>span,
  .small-mobile-join-in>.small-mobile-join-in-top>.title:hover>p {
    color: #f4a524;
    cursor: pointer;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>.title:hover>.title-top>.normal-img {
    display: none;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>.title:hover>.title-top>.hover-img {
    display: inline-block;
  }

  .small-mobile-join-in>.small-mobile-join-in-top>.title>p {
    color: #c4c4c4;
    font-size: 4.6667vw;
    margin-top: 16px;
  }

  .small-mobile-join-in>p {
    font-weight: 400;
    font-size: 3.3333vw;
    line-height: 5.3333vw;
    letter-spacing: 0.06em;
    color: #63616a;
  }

  #main>.small-mobile-new-product,
  #main>.small-mobile-open-source-os,
  #main>.small-mobile-customized-services,
  #main>.small-mobile-join-in {
    width: calc(100% - 32px) !important;
    max-width: 392px;
    margin: 0 auto;
    margin-top: 8vw;
  }

  #main>.small-mobile-new-product {
    width: calc(100% - 32px) !important;
    max-width: 392px;
    margin: 0 auto;
    margin: 8vw auto;
  }

  #main>.our-vision {
    background: url("../img/our-vision-bg-small-screen.png") no-repeat;
    background-size: 100% 100%;
    padding: 16px;
    margin-top: 48px;
  }

  #main>.our-vision>img {
    display: none;
  }

  #main>.our-vision>.our-vision-inner-content {
    position: relative;
    width: calc(100% - 32px);
    max-width: 392px;
    top: 0;
    left: 0;
    margin-left: 0 !important;
    text-align: right;
  }

  #main>.our-vision>.our-vision-inner-content>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    text-align: left;
  }

  #main>.our-vision>.our-vision-inner-content>p {
    font-size: 3.3333vw;
    line-height: 6.1667vw;
    margin-top: 16px;
    margin-bottom: 24px;
    text-align: left;
  }

  #main>.our-vision>.our-vision-inner-content>.learn-more {
    font-size: 2.6667vw;
    line-height: 3.5vw;
    padding: 8px 16px;
  }

  .main {
    width: calc(100% - 32px) !important;
    margin: 0 16px;
  }

  .main>.products>.products-item {
    flex-direction: column;
  }

  .main>.products>.products-item img {
    width: 100%;
  }

  #main .products .products-item .products-item-right {
    padding-bottom: 25px;
  }

  #main .computers-and-microcontrollers ul li,
  #main .power-supplies-and-cables ul li,
  #main .cases ul li,
  #main .cameras ul li,
  #main .other-accessories ul li {
    padding-bottom: 20px;
  }

  .main>.products .more-info,
  .main>.computers-and-microcontrollers .more-info,
  .main>.power-supplies-and-cables .more-info,
  .main>.cases .more-info,
  .main>.cameras .more-info,
  .main>.other-accessories .more-info,
  .main>.products .learn-more,
  .main>.computers-and-microcontrollers .learn-more,
  .main>.power-supplies-and-cables .learn-more,
  .main>.cases .learn-more,
  .main>.cameras .learn-more,
  .main>.other-accessories .learn-more {
    display: none;
  }

  #main .icon-more-info {
    display: block;
    position: absolute;
    right: 16px;
    bottom: 16px;
  }

  #main .icon-more-info a {
    display: inline-block;
    /* width: 32px;
    height: 32px; */
    width: 5.3333vw;
    height: 5.3333vw;
  }

  #main .icon-more-info img {
    /* width: 32px;
    height: 32px; */
    width: 5.3333vw;
    height: 5.3333vw;
  }

  #main .icon-more-info>.icon-normal:hover {
    display: none;
  }

  #main .icon-more-info>.icon-normal:hover+.icon-hover {
    display: inline-block;
  }

  #main .icon-more-info>.icon-hover {
    display: none;
  }

  #main .show-or-hidden {
    display: flex;
  }

  #main .computers-and-microcontrollers ul li,
  #main .power-supplies-and-cables ul li,
  #main .cases ul li,
  #main .cameras ul li,
  #main .other-accessories ul li {
    width: 100%;
    margin-right: 0;
  }

  .hardware-tab-menu {
    display: block;
    background: #f1f1f1;
    width: 100%;
    height: 40px;
    margin-bottom: 24px;
  }

  .hardware-tab-menu>.tab-items {
    width: calc(100% - 32px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-top: 8px; */
  }

  .hardware-tab-menu>.tab-items>.tab-item {
    display: inline-block;
    font-weight: 400;
    /* font-size: 18px;
    line-height: 24px; */
    font-size: 16px;
    line-height: 38px;
    letter-spacing: 0.06em;
    color: #afb2b8;
    /* padding-bottom: 6px; */
    border-bottom: 2px solid transparent;
  }

  .hardware-tab-menu>.tab-items>.current-hardware-page {
    border-bottom: 2px solid #f4a524;
    color: #f4a524;
    cursor: pointer;
  }

  .hardware-tab-menu>.tab-items>.tab-item:hover {
    color: #f4a524;
    cursor: pointer;
  }

  #main>.power-supplies-and-cables,
  #main>.cases,
  #main>.cameras,
  #main>.other-accessories {
    display: none;
    margin-bottom: 32px;
  }

  #main>.computers-and-microcontrollers {
    margin-bottom: 32px;
  }

  #main>.cameras ul {
    margin-bottom: 0 !important;
  }

  #main>.cameras>h3,
  #main>.other-accessories>h3 {
    margin-bottom: 16px;
  }

  .mobile-top {
    padding: 0 16px;
    height: 42px;
    background: #f1f1f1;
    margin: 0 auto;
    padding-right: 24px;
  }

  .mobile-top>.mobile-top-left>a {
    width: 15.3333vw;
  }

  .mobile-top>.mobile-top-right img {
    margin: 0;
  }

  .mobile-top>.mobile-top-right span {
    display: none;
  }

  .mobile-top>.mobile-top-right {
    width: 24px;
    height: 24px;
    background-color: #fff;
    text-align: center;
  }

  .mobile-details-page-banner,
  .mobile-power-details-page-banner {
    width: calc(100% - 32px) !important;
    padding: 0 !important;
    height: auto !important;
    margin: 0 auto;
    flex-direction: column;
  }

  .mobile-power-details-page-banner {
    padding: 50px 0 !important;
  }

  .mobile-details-page-banner>h3 {
    width: 100%;
    top: 7vw !important;
    font-size: 6.5vw !important;
    line-height: 11.3333vw !important;
    /* margin-bottom: 16px; */
  }

  .mobile-details-page-banner>h3>span {
    font-size: 4vw !important;
  }

  .mobile-details-page-banner>img {
    margin-top: 26px !important;
    margin-bottom: 7vw !important;
  }

  .mobile-power-details-page-banner>h3 {
    width: 100%;
    top: 0 !important;
    font-size: 5.3333vw !important;
    line-height: 9vw !important;
    margin-bottom: 24px;
    text-align: center;
  }

  .mobile-details-page-banner>img,
  .mobile-power-details-page-banner>img {
    width: 100%;
    margin: 0 auto;
  }

  /* 连接线详情页banner */
  #connect-line-banner {
    width: 100%;
    max-height: 520px !important;
    padding: 62px 16px !important;
    flex-direction: column;
  }

  #connect-line-banner>h3 {
    margin: 0 !important;
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #connect-line-banner>img {
    margin-top: 24px;
    width: 100%;
    max-width: 392px;
  }

  .mobile-main-top {
    padding: 12px 16px;
  }

  .mobile-main-top>ul>li {
    margin-bottom: 2.6667vw;
  }

  .mobile-main-top>ul>li>span {
    font-size: 14px;
    line-height: 18px;
  }

  #main .product-intro {
    width: calc(100% - 32px) !important;
    margin: 0 auto;
    padding-top: 8vw;
  }

  #main .product-intro>h3 {
    margin-bottom: 22px;
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main .product-intro>.ul-list>ul {
    margin-bottom: 0;
  }

  #main .product-intro>.ul-list>ul>li,
  #main .product-intro>.ul-list>.group-5>li {
    width: 33%;
    margin-bottom: 16px;
  }

  #main .product-intro>.ul-list>ul>li>img {
    /* width: 24vw;
    height: 24vw; */
    width: 80px;
    height: 80px;
  }

  #main .product-intro ul li div {
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
  }

  #main .product-intro p {
    margin-top: 1.3333vw;
    margin-bottom: 8vw;
    font-size: 2.6667vw;
    line-height: 4.1667vw;
  }

  #main>.features>h3,
  #main>.features>h4,
  #main>.features>p {
    width: calc(100% - 32px);
    /* max-width: 392px; */
    margin: 0 auto;
    text-align: left;
  }

  #main>.features {
    padding: 16px 0;
  }

  #main>.features>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.features>h4 {
    /* margin-top: 40px;
    margin-bottom: 16px; */
    /* font-size: 4vw;
    line-height: 5.3333vw; */
    margin: 16px auto;
    font-size: 4vw;
    line-height: 5.3333vw;
  }

  #main>.features>p {
    /* font-size: 2.6667vw;
    line-height: 4.5vw; */
    font-size: 14px;
    line-height: 21px;
  }

  #main>.item-list>ul>li>.icon-intro>.intro>h3 {
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #main>.item-list>ul>li>.icon-intro>.intro>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.item-list>ul>li>.icon-intro {
    width: calc(100% - 32px) !important;
    margin: 0 auto;
    align-items: flex-start;
    flex-direction: column;
    padding: 16px 0;
  }

  #main>.item-list>ul>li>.item-bottom {
    height: 24px;
  }

  #main>.item-list>ul>li>.icon-intro>.intro {
    margin-left: 0;
  }

  #main>.item-list>ul>li>.img-intro-list {
    width: calc(100% - 32px) !important;
    margin: 0 auto;
    padding: 0;
  }

  #main>.item-list>ul>li>.img-intro-list>ul {
    display: block;
  }

  #main>.item-list>ul>li>.img-intro-list>ul>li {
    width: 100%;
    margin-bottom: 16px;
  }

  #main>.item-list>ul>li>.img-intro-list>ul>li>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.new-item-list {
    padding-bottom: 20px;
  }

  #main>.video-service {
    padding: 26px 0;
  }

  #main>.high-end {
    padding: 32px 0;
  }

  #main>.video-service>h3,
  #main>.video-service>p,
  #main>.high-end>h3,
  #main>.high-end>p {
    width: calc(100% - 32px);
    margin: 0 auto;
    text-align: left;
    max-width: 392px;
  }

  #main>.video-service>h3,
  #main>.high-end>h3 {
    font-size: 5.3333vw;
    line-height: 8.8333vw;
  }

  #main>.video-service>p,
  #main>.high-end>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.more-function {
    padding: 8vw 0;
  }

  #main>.more-function>.product-compare {
    width: calc(100% - 32px);
    margin: 0 auto;
    margin-top: 32px;
  }

  #main>.more-function>.product-compare>ul,
  #main>.more-function>img,
  #main>.more-function>.product-img,
  #main>.more-function>.product-img>h3,
  #main>.more-function>.product-compare>h3,
  #main>.more-function>.product-compare>img {
    width: calc(100% - 32px) !important;
    margin: 0 auto;
    flex-wrap: wrap;
  }

  #main>.more-function>.product-compare>img {
    height: auto;
  }

  #main>.more-function>.r1-plus-table {
    display: none;
  }

  #main>.more-function>.r1-plus-mobile-table {
    display: block;
    margin-top: 24px;
  }

  #main>.more-function>.product-compare>ul>li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 32px;
  }

  #main>.more-function>.product-compare>ul>li>img {
    width: 48px;
    height: 48px;
  }

  #main>.more-function>.product-compare>ul>li>p {
    margin-left: 16px;
    font-size: 3.3333vw;
    line-height: 4.3333vw;
    margin-top: 0;
  }

  #main>.more-function>.product-img>img {
    width: 100%;
    height: auto;
  }

  #main>.more-function>.product-compare>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.more-function>.product-img>.product-view-title {
    padding: 2.6667vw 6.6667vw;
    font-size: 5.3333vw;
    line-height: 7vw;
    margin-bottom: 32px;
  }

  #main>.more-function>.product-img>h3 {
    width: 100% !important;
    margin-bottom: 32px;
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 5.3333vw;
  }

  .swiper-box-wrap,
  .more-function>p,
  .more-function>h3,
  .more-function>.small-font {
    width: calc(100% - 32px) !important;
    max-width: 392px;
    font-size: 3.3333vw !important;
    line-height: 5.6667vw !important;
  }

  #main>.more-function>h3 {
    font-size: 4.6667vw !important;
    line-height: 8vw !important;
  }

  #main>.more-function>p {
    font-size: 18px;
    line-height: 27px;
  }

  #main>.more-function>.swiper-box-wrap,
  #ai-stick-lite-main>.more-function>.swiper-box-wrap {
    padding: 0 56px;
  }

  #main>.more-function>.swiper-box-wrap .swiper-slide div,
  #ai-stick-lite-main>.more-function>.swiper-box-wrap .swiper-slide div {
    font-size: 14px;
  }

  .swiper-box-wrap>.swiper-container .swiper-slide {
    width: 49% !important;
    margin-right: 1%;
  }

  .swiper-box-wrap>.swiper-container .swiper-button-prev,
  .swiper-box-wrap>.swiper-container .swiper-button-next {
    /* width: 8.3333vw !important;
    height: 8.3333vw !important;
    background-size: 8.3333vw 8.3333vw !important; */
    width: 8.3333vw !important;
    height: 8.3333vw !important;
    background-size: 8.3333vw 8.3333vw !important;
    top: 32% !important;
  }

  .swiper-box-wrap>.swiper-container .swiper-button-prev {
    left: 8px !important;
  }

  .swiper-box-wrap>.swiper-container .swiper-button-next {
    right: 8px !important;
  }

  #main>.more-function>.product-img>.product-view-title {
    /* width: 36vw; */
  }

  #main>.more-function>.product-img {
    padding-top: 32px;
  }

  .mt80 {
    margin-top: 13.3333vw !important;
  }

  #main>.rich-accessories {
    width: calc(100% - 32px);
    /* margin-top: 8vw; */
  }

  #main>.rich-accessories>h3 {
    font-size: 6.6667vw;
    line-height: 11.3333vw;
  }

  #main>.rich-accessories>ul {
    margin-top: 24px;
  }

  #main>.rich-accessories>ul>li>.intro {
    font-size: 18px;
    line-height: 27px;
  }

  #main>.rich-accessories>ul>li {
    width: 100% !important;
    margin-bottom: 8px;
  }

  #main>.rich-accessories>ul>li>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.zero-2-rich-accessories {
    margin-bottom: 48px;
  }

  #main>.case-intro {
    padding: 4vw 0;
    margin-bottom: 8vw;
  }

  #main>.case-intro>.case-intro-container,
  #main>.case-intro>.new-case-intro-container {
    flex-direction: column;
    width: calc(100% - 32px) !important;
    padding: 0;
  }

  #main>.case-intro>.new-case-intro-container {
    flex-direction: column-reverse;
  }

  #main>.case-intro>.case-intro-container>div,
  #main>.case-intro>.new-case-intro-container>div {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }

  #main>.case-intro>.new-case-intro-container>div>h3 {
    font-size: 4.6667vw;
    line-height: 7vw;
  }

  #main>.case-intro>.new-case-intro-container>div>p {
    margin-top: 16px;
    font-size: 14px;
    line-height: 21px;
  }

  #main>.case-intro>.new-case-intro-container>img {
    width: 100%;
  }

  #main>.group-img-list {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 48px 0;
  }

  #main>.group-img-list>ul,
  .network-group-full-width {
    flex-direction: column;
  }

  #main>.group-img-list>ul>li {
    width: 100%;
    padding: 24px;
    padding-bottom: 100% !important;
    margin-bottom: 16px;
  }

  #main>.group-img-list>ul>li>img {
    width: calc(100% - 48px);
    position: absolute;
    bottom: 24px;
    left: 24px;
  }

  #main>.group-img-list>ul>li>h3 {
    font-size: 4.6667vw;
    line-height: 7vw;
  }

  #main>.group-img-list>ul>li>p {
    font-size: 14px;
    line-height: 21px;
  }

  .network-group-full-width {
    padding: 24px;
  }

  .network-group-full-width>h3 {
    margin: 0;
    display: none;
  }

  .network-group-full-width>.full-width-h3 {
    display: block;
    font-size: 4.6667vw;
    line-height: 7vw;
  }

  .network-group-full-width>img {
    width: 100%;
  }

  #main .r1-plus-lts-router-product-use {
    padding: 16px 0;
  }

  #main .r1-plus-lts-router-product-use>div {
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    padding: 0 16px;
  }

  #main .r1-plus-lts-router-product-use>div>img {
    width: 100%;
  }

  #main .r1-plus-lts-router-product-use>div>div {
    margin: 0;
    margin-top: 16px;
  }

  #main .r1-plus-lts-router-product-use>div>div>p {
    font-size: 18px;
    line-height: 31px;
  }

  #main>.cpu-temperature-test {
    padding: 0;
  }

  #main .cpu-temperature-test h3,
  #main>.usb-wifi-test>div>h3 {
    font-size: 4.6667vw;
    line-height: 6.1667vw;
  }

  #main>.usb-wifi-test>div>h3 {
    margin-bottom: 16px;
  }

  #main .cpu-temperature-test p {
    font-size: 14px;
    line-height: 21px;
    margin: 16px 0;
  }

  #main .usb-wifi-test div {
    margin-left: 0;
  }

  #main>.usb-wifi-test>div>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.cpu-temperature-test>.cpu-temperature-test-content,
  #main>.usb-wifi-test {
    width: 100%;
    padding: 24px 32px;
    margin: 0 auto;
  }

  #main>.usb-wifi-test {
    display: flex;
    flex-direction: column-reverse;
    margin: 48px 0;
  }

  #main>.usb-wifi-test>img {
    width: 100%;
    max-width: 316px;
    margin: 0 auto;
    margin-top: 16px;
  }

  #main .interface-port-specification {
    width: 100%;
    margin-bottom: 48px;
  }

  #main .interface-port-specification>h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
  }

  #main .r1-plus-lts-router-interface-port-specification {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main .r1-plus-lts-router-interface-port-specification>h3 {
    font-size: 16px;
  }

  #main>.r1-plus-lts-tips>h3,
  #main>.r1-plus-lts-tips>ul,
  #main>.price-compare,
  #main .new-module>ul {
    width: calc(100% - 32px);
  }

  #main>.r1-plus-lts-tips>h3 {
    font-size: 4.6667vw;
    line-height: 7vw;
  }

  #main>.r1-plus-lts-tips>ul {
    margin-top: 24px;
  }

  #main>.r1-plus-lts-tips>ul>li {
    font-size: 14px;
    line-height: 21px;
  }

  #main .new-module>ul>li {
    flex-direction: column;
    padding: 32px;
    align-items: center;
  }

  #main .new-module>ul>li>div,
  #main .new-module>ul>li>div>p,
  #main .new-module>ul>li>div>.learn-more {
    text-align: center;
    margin-left: 0;
  }

  #main .new-module>ul>li>div>.learn-more {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 24px;
  }

  #main>.computer-pocket-zero {
    margin-top: 12px !important;
  }

  #main>.computer-pocket>.computer-pocket-content {
    width: calc(100% - 32px);
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
  }

  #main>.computer-pocket>.computer-pocket-content>div {
    margin-top: 0;
    text-align: center;
  }

  #main>.computer-pocket>.computer-pocket-content>img {
    /* width: 326px; */
    width: 100%;
  }

  #main>.computer-pocket>.computer-pocket-content>div>h3 {
    font-size: 4.6667vw;
    line-height: 8vw;
  }

  #main>.computer-pocket>.computer-pocket-content>div>p {
    font-size: 16px;
    line-height: 24px;
  }

  .computer-pocket-content-reverse {
    flex-direction: column-reverse !important;
  }

  #main>.new-computer-pocket>.new-computer-pocket-container {
    flex-direction: column;
    width: calc(100% - 32px);
    padding: 0;
  }

  #main>.new-computer-pocket>.new-computer-pocket-container>div {
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #main>.new-computer-pocket>.new-computer-pocket-container>img {
    width: 100%;
    margin: 0 auto;
    margin-top: 16px;
  }

  #main>.new-module-group-2>ul {
    width: 100%;
  }

  #main>.new-module-group-2>ul>li {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    padding: 32px;
    text-align: center;
    align-items: center;
  }

  #main>.new-module-group-2>ul>li:nth-last-of-type(1) {
    margin-bottom: 0;
  }

  #main>.new-module-group-2>ul>li>img {
    width: 199px;
  }

  #main>.new-module-group-2>ul>li>div {
    margin-left: 0;
    margin-top: 32px;
  }

  #main>.new-module-group-2>ul>li>div>.new-module-group-2-li-right-top>img {
    display: none;
  }

  #main>.new-module-group-2>ul>li>div>.learn-more {
    position: relative;
    display: inline-block;
    margin-top: 24px;
    top: 0;
    left: 0;
  }

  /* 首页轮播图 */
  .index-swiper {
    /* height: 540px;
    margin-top: 6.6667vw; */
    height: 95vw;
    min-height: 450px;
    margin-top: 6.6667vw;
    padding-top: 5vw;
  }

  .index-swiper .swiper-pagination-bullet {
    width: 12px;
  }

  .index-swiper .swiper-pagination-bullet-active {
    width: 50px;
  }

  .index-swiper .swiper-inner-content {
    width: 100%;
    padding: 6.6667vw 10vw;
    flex-direction: column;
    text-align: center;
  }

  .index-swiper .swiper-button-prev {
    left: 16px;
  }

  .index-swiper .swiper-button-next {
    right: 16px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    background-size: 6.6vw 6.6vw !important;
    width: 6.6vw;
    height: 6.6vw;
    margin-top: -3.6667vw;
  }

  .index-swiper .swiper-pagination-bullet {
    height: 8px;
  }

  .index-swiper .banner-content {
    margin-top: 0;
    width: 100%;
  }

  .index-swiper .banner-content>h3 {
    font-size: 22px;
    line-height: 30px !important;
    letter-spacing: 0;
  }

  .index-swiper .banner-content>p {
    display: none;
  }

  .index-swiper .banner-content>.more-info {
    position: relative;
    margin-top: 24px;
  }

  .index-swiper .swiper-inner-content img {
    width: 100%;
    max-width: 392px;
    max-height: 265px;
    margin: 0 auto;
  }

  /* 轮播图 keyboard */
  .index-swiper .keyboard-swiper .banner-content {
    margin-top: 40px;
  }

  .index-swiper .keyboard-swiper img {
    margin-top: 80px;
  }

  /* 轮播图 r1 plus lts 软路由 */
  .index-swiper .r1-plus-lts-router-swiper img {
    margin-top: 16px;
  }

  .index-swiper .r1-plus-lts-router-swiper .banner-content h3,
  .index-swiper .pi-3-lts-swiper .banner-content h3,
  .index-swiper .pi-4-lts-swiper .banner-content h3 {
    line-height: 54px;
  }

  /* 轮播图 pi 5 、3 lts、4 lts、os */
  .index-swiper .pi-5-swiper .banner-content,
  .index-swiper .pi-3-lts-swiper .banner-content,
  .index-swiper .pi-4-lts-swiper .banner-content,
  .index-swiper .os-swiper .banner-content,
  .index-swiper .phone-swiper .banner-content,
  .index-swiper .game-console-swiper .banner-content {
    margin-top: 20px;
  }

  .index-swiper .pi-5-swiper img,
  .index-swiper .pi-3-lts-swiper img,
  .index-swiper .pi-4-lts-swiper img,
  .index-swiper .os-swiper img,
  .index-swiper .phone-swiper img,
  .index-swiper .game-console-swiper img {
    margin-top: 40px;
  }

  #ai-stick-lite-main>.ai-stick-lite-product-intro>p,
  #ai-stick-lite-main>.ai-stick-lite-product-intro>h3 {
    width: calc(100% - 32px);
  }

  #ai-stick-lite-main>.ai-stick-lite-product-intro>p {
    font-size: 16px;
    line-height: 27px;
  }

  #ai-stick-lite-main>.feature>ul {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
    flex-direction: column;
    margin-top: 24px;
  }

  #ai-stick-lite-main>.feature>ul>li {
    width: 100%;
    padding: 16px;
    margin-bottom: 8px;
    text-align: left;
  }

  #ai-stick-lite-main>.platform>h3,
  #ai-stick-lite-main>.platform>p {
    width: calc(100% - 32px);
    text-align: left;
  }

  #ai-stick-lite-main>.platform {
    padding: 32px 0;
  }

  #ai-stick-lite-main>.platform>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #ai-stick-lite-main>.platform>p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 4vw;
  }

  #ai-stick-lite-main>.more-function {
    padding-top: 32px;
  }

  #ai-stick-lite-main>.more-function>h3 {
    margin-bottom: 16px;
    font-size: 6.6667vw;
    line-height: 11.3333vw;
  }

  #ai-stick-lite-main>.development-mode {
    margin-top: 32px;
    margin-bottom: 20px;
  }

  #ai-stick-lite-main>.development-mode>h3 {
    line-height: 8.8333vw;
    font-size: 6.6667vw;
    margin-bottom: 16px;
  }

  #ai-stick-lite-main>.development-mode>img {
    width: calc(100% - 32px);
    max-width: 350px;
    margin: 0 auto;
  }

  #ai-stick-lite-main>.development-mode>.pic-title {
    margin: 12px auto;
    width: auto;
    height: auto;
    font-size: 18px;
    line-height: 27px;
    padding: 8px 16px;
  }

  #main>.light-weight {
    padding-top: 24px;
    padding-bottom: 0;
    margin-bottom: 16px;
  }

  #main>.light-weight>.light-weight-inner-content {
    flex-direction: column-reverse;
    width: calc(100% - 32px);
  }

  #main>.light-weight>.light-weight-inner-content>div {
    margin-top: 0;
    text-align: left;
  }

  #main>.light-weight>.light-weight-inner-content>div>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.light-weight>.light-weight-inner-content>div>p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 16px;
  }

  #main>.light-weight>.light-weight-inner-content>img {
    max-width: 392px;
    width: 100%;
    margin: 0 auto;
  }

  /* 电源详情页 */
  #main>.supply-for {
    padding: 24px 0;
  }

  #main>.bayern {
    height: auto;
    padding: 4vw 0;
  }

  #main>.bayern>.use-description2 {
    margin-bottom: -4vw;
  }

  #main>.bayern2 {
    padding: 10vw 16.6667vw;
  }

  #main>.supply-for>h3,
  #main>.supply-for>p {
    width: calc(100% - 32px);
  }

  #main>.supply-for>h3 {
    font-size: 4.8667vw;
    line-height: 8vw;
    letter-spacing: 0;
  }

  #main>.supply-for>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.supply-for>.new-p {
    font-size: 16px;
    line-height: 27px;
  }

  #main>.power-feature {
    padding: 32px 0;
  }

  #main>.power-feature>h3,
  #main>.power-feature>p,
  #main>.power-feature>div {
    width: calc(100% - 32px);
  }

  #main>.power-feature>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
    margin: 0 auto;
  }

  #main>.power-feature>p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 2.6667vw;
  }

  #main>.power-feature>div {
    margin-top: 2.6667vw;
  }

  #main>.power-feature>.feature-ul-list>ul {
    margin-top: 16px;
  }

  #main>.power-feature>.list2>ul {
    justify-content: center;
  }

  #main>.power-feature>.feature-ul-list>ul>li {
    width: 33% !important;
    margin-bottom: 8px;
  }

  #main>.power-feature>.feature-ul-list>ul>li>img {
    width: 80px;
    height: 80px;
  }

  #main>.power-feature>.feature-ul-list>ul>li>.icon-title {
    font-size: 14px;
    line-height: 21px;
    margin-top: 8px;
  }

  #main>.power-feature>.feature-ul-list>ul>li>p {
    font-size: 12px;
    line-height: 16px;
  }

  #main .three-professional-certifications {
    padding: 16px 0;
    margin-bottom: 2.6667vw;
  }

  #main .three-professional-certifications .inner-box {
    width: calc(100% - 32px);
    /* flex-direction: column; */
    text-align: left;
    /* align-items: flex-start; */
  }

  #main .three-professional-certifications .inner-box>.icon {
    margin-right: 2.6667vw;
    /* margin-bottom: 8px; */
  }

  #main .three-professional-certifications .inner-box .intro h3 {
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #main .three-professional-certifications .inner-box .intro span {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.use-description {
    margin-top: 32px;
  }

  #main>.use-description>.cm5-pic {
    margin: 5.3333vw auto 0;
    width: calc(100% - 16px);
    max-width: 392px;
  }

  #main>.use-description>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    margin-bottom: 16px;
  }

  #main>.use-description>ul {
    width: calc(100% - 16px);
    max-width: 392px;
    margin-top: 24px;
  }

  #main>.use-description>ul>li {
    padding: 8px 16px;
  }

  #main>.use-description>ul>li>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.bayern>h3 {
    font-size: 5.3333vw;
    line-height: 10vw;
  }

  #main>.bayern>ul>li>p {
    font-size: 3.3333vw;
    line-height: 5.6667vw;
  }

  #main .specifications {
    margin-top: 40px;
  }

  #main .specifications h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.main-bottom>.main-bottom-conent>.specifications {
    margin-top: 40px;
  }

  #main>.main-bottom>.main-bottom-conent>.specifications>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main .specifications table {
    width: calc(100% - 32px);
  }

  #main>.main-bottom>.main-bottom-conent>.specifications>table tr td {
    font-size: 14px;
    line-height: 21px;
  }

  #main .specifications table td:nth-of-type(2) {
    padding-left: 16px;
  }

  #main .specifications table td {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.main-bottom>.main-bottom-conent>.dimensional-drawing>h3,
  #main>.main-bottom>.main-bottom-conent>.product-img>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.main-bottom>.main-bottom-conent>.product-img,
  #main .product-images {
    margin: 48px 0;
  }

  #main .product-images h3 {
    margin-bottom: 4px;
    font-size: 5.3333vw;
    line-height: 8.8333vw;
  }

  #main .product-images>img {
    width: calc(100% - 32px) !important;
    margin-top: 12px;
    max-width: 392px;
  }

  /* 服务与支持页 */
  #service-and-support-banner {
    padding-top: 48px;
    width: calc(100% - 32px);
    flex-direction: column;
    align-items: center;
  }

  #service-and-support-banner>img {
    width: 100%;
    max-width: 392px;
  }

  #service-and-support-banner>.download-banner-inner-content {
    margin-top: 24px;
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #service-and-support-banner>.download-banner-inner-content>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #service-and-support-banner>.download-banner-inner-content>.download {
    margin-top: 24px;
  }

  #service-and-support-banner>.download-banner-inner-content>.download>div>span {
    font-size: 3.3333vw;
    line-height: 4.3333vw;
    width: 26.6667vw;
    margin-left: 3.6667vw;
    margin-right: 9.6667vw;
  }

  #service-and-support-banner>.download-banner-inner-content>.download>div>.title-icon,
  #service-and-support-banner>.download-banner-inner-content>.download>div>.download-icon {
    width: 6vw;
    height: 6vw;
  }

  #main>.service-and-support {
    width: calc(100% - 32px);
  }

  #main>.service-and-support .downloads {
    padding-top: 52px;
    padding-bottom: 24px;
  }

  #main>.service-and-support .downloads h3 {
    margin-bottom: 4vw;
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  .service-and-support .downloads>.image-list>.list-item {
    width: 100%;
    height: 32vw;
    padding: 3.3333vw;
    margin-top: 4vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-img {
    align-self: center;
    width: 30%;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-text {
    width: 70%;
    padding-left: 2vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-text>.text1 {
    font-size: 3.3333vw;
    line-height: 4.3333vw;
    margin-bottom: 2.6667vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-text>.text2 {
    font-size: 2.3333vw;
    line-height: 4vw;
    margin-bottom: 1.3333vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-text>.text3 {
    font-size: 2.3333vw;
    line-height: 4vw;
  }

  .service-and-support .downloads>.image-list>.list-item>.i-btn {
    bottom: 3.3333vw;
    right: 3.3333vw;
    padding: .6667vw 1.3333vw;
    font-size: 2.3333vw;
    line-height: 3vw;
  }

  .service-and-support .downloads ul li div {
    font-size: 16px;
    line-height: 24px;
  }

  #main>.service-and-support .downloads ul li {
    margin-bottom: 24px;
    width: 50%;
  }

  .service-and-support .downloads ul li>img {
    max-width: 144px;
    width: 100%;
  }

  #parameter-page>.hardware-specification {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #parameter-page>.hardware-specification h3 {
    font-size: 5.3333vw;
    line-height: 8vw;
  }

  #parameter-page>.hardware-specification table tr td {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
  }

  #main>.connect-line-intro {
    padding: 16px;
  }

  #main>.connect-line-intro>p {
    font-size: 16px;
    line-height: 27px;
  }

  #main .vision-ul {
    width: calc(100% - 32px);
  }

  #main .vision-ul li {
    width: 49%;
  }

  #main .vision-ul li>.li-wrap {
    font-size: 16px;
    line-height: 24px;
  }

  #main>.high-performance {
    margin: 32px 0;
  }

  #main>.high-performance>h3,
  #main>.high-performance>p {
    text-align: center;
  }

  #main>.high-performance>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.high-performance>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.high-performance>ul {
    flex-direction: column;
    margin-top: 20px;
  }

  #main>.high-performance>ul>li {
    margin: 0 auto;
    margin-bottom: 16px;
  }

  #main>.high-performance>ul>li>div>h3 {
    font-size: 18px;
    line-height: 27px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface {
    margin-top: 48px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.main-bottom>.main-bottom-conent>.interface>p {
    margin-top: 32px;
    font-size: 16px;
    line-height: 27px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface>ul {
    margin-top: 28px;
    width: calc(100% - 32px);
  }

  #main>.main-bottom>.main-bottom-conent>.interface>ul>li {}

  #main>.main-bottom>.main-bottom-conent>.interface>ul>li>img {
    width: 80px;
    height: 80px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface>ul>li>.img-title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface>ul>li>.area {
    font-size: 10px;
    line-height: 15px;
    margin-top: 8px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface>ul>li>.icon-group {
    margin-top: 8px;
    width: 18px;
    height: 18px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface>ul>li>.icon-group>img {
    width: 18px;
    height: 18px;
  }

  #main>.main-bottom>.main-bottom-conent>.interface>ul>li>.icon-group>.check-mark {
    width: 12px;
    height: 7px;
    top: 9px;
    left: 3px;
  }

  #main>.main-bottom>.main-bottom-conent>.equipment {
    margin-top: 48px;
  }

  #main>.main-bottom>.main-bottom-conent>.equipment>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.main-bottom>.main-bottom-conent>.equipment>p {
    font-size: 16px;
    line-height: 27px;
  }

  #main>.main-bottom>.main-bottom-conent>.equipment>p,
  #main>.main-bottom>.main-bottom-conent>.equipment>.equipment-group {
    width: calc(100% - 32px);
  }

  #main>.main-bottom>.main-bottom-conent>.equipment>.equipment-group .equipment-item {
    width: 49%;
  }

  #main>.main-bottom>.main-bottom-conent>.specifications>table {
    width: calc(100% - 32px);
  }

  #main .pure-copper-conductor {
    padding: 24px 0;
  }

  #main .pure-copper-conductor>ul {
    flex-direction: column;
    width: calc(100% - 32px);
  }

  #main .pure-copper-conductor>ul>li {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 16px;
    max-width: 296px;
  }

  #main .pure-copper-conductor>ul>li:nth-last-of-type(1) {
    margin-bottom: 0;
  }

  #main .pure-copper-conductor>ul>li>h3 {
    font-size: 20px;
    line-height: 26px;
  }

  #main .pure-copper-conductor>ul>li>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.otg-introduction,
  #main>.one-three-line-equipment {
    margin: 48px 0;
  }

  #main>.otg-introduction p,
  #main>.one-three-line-equipment p {
    width: calc(100% - 32px);
    margin-top: 24px;
    margin-bottom: 34px;
  }

  #main>.otg-introduction .otg-device-group,
  #main>.one-three-line-equipment .one-three-line-equipment-group {
    width: calc(100% - 32px);
    padding: 12px;
  }

  #main>.otg-introduction .otg-device-group .otg-device-item,
  #main>.one-three-line-equipment .one-three-line-equipment-group .one-three-line-equipment-item {
    width: 50%;
  }

  #main>.multi-channel {
    margin-top: 48px;
  }

  #main>.multi-channel>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.multi-channel>p {
    width: calc(100% - 32px);
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
  }

  #main>.multi-channel>img {
    width: calc(100% - 32px);
  }

  #main>.product-img>img {
    width: calc(100% - 32px);
  }

  #main>.one-three-feature {
    margin-top: 32px;
  }

  #main>.one-three-feature>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    margin-bottom: 32px;
  }

  #main>.one-three-feature>ul {
    margin-top: 16px;
  }

  #main>.one-three-feature>ul>li {
    padding: 16px 0;
    margin-bottom: 16px;
  }

  #main>.one-three-feature>ul>li>.li-inner {
    width: calc(100% - 32px);
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }

  #main>.one-three-feature>ul>li>.li-inner>img {
    width: 96px;
    height: 96px;
  }

  #main>.one-three-feature>ul>li>.li-inner>div {
    margin-left: 0;
    margin-top: 8px;
  }

  #main>.one-three-feature>ul>li>.li-inner>div>p {
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #main>.compatibility table {
    width: calc(100% - 32px);
  }

  #main>.compatibility>.connect-method {
    width: calc(100% - 32px);
    margin-top: 48px;
    max-width: 392px;
  }

  #main>.compatibility>.connect-method>div {
    top: 2vw;
    left: 2vw;
    /* max-width: 35.1667vw; */
    max-width: 52vw;
  }

  #main>.compatibility>.connect-method>div>h3 {
    font-size: 4vw;
    line-height: 6vw;
  }

  #main>.compatibility>.connect-method>div>p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 1.3333vw;
  }

  #main .transmission-line {
    padding: 48px 0;
  }

  #main .transmission-line>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main .transmission-line>p {
    width: calc(100% - 32px);
    font-size: 16px;
    line-height: 21px;
  }

  #main .transmission-line>.circle-group>span,
  #main .conversion-chip>.circle-group>span {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  #main .conversion-chip {
    padding: 56px 0;
  }

  #main .conversion-chip>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main .conversion-chip>p {
    font-size: 16px;
    line-height: 21px;
  }

  #main>.protective-case {
    padding: 48px 0;
  }

  #main>.protective-case>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.protective-case>p {
    font-size: 16px;
    line-height: 24px;
  }

  #main>.installation-views {
    padding: 24px 0;
    margin-top: 48px;
  }

  #main>.installation-views .installation-views-inner {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.installation-views .installation-views-inner h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.installation-views .installation-views-inner p {
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0;
  }

  #main>.independent-audio {
    padding: 24px 0;
    margin-top: 36px;
  }

  #main>.independent-audio>.independent-audio-inner {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.independent-audio>.independent-audio-inner>h3 {
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #main>.independent-audio>.independent-audio-inner>.circle-group>span {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  #main>.independent-audio>.independent-audio-inner>p {
    font-size: 16px;
    line-height: 27px;
  }

  #main>.visual-experience {
    padding-bottom: 48px;
  }

  #main>.visual-experience>.visual-experience-item {
    padding-top: 48px;
    max-width: 392px;
    margin: 0 auto;
  }

  #main>.visual-experience>.visual-experience-item>h3 {
    margin: 0;
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.visual-experience>.visual-experience-item>p {
    margin: 16px 0 8px 0;
    font-size: 16px;
    line-height: 24px;
  }

  #main>.visual-experience>.visual-experience-item:nth-of-type(1)>p {
    margin-bottom: 0;
  }

  #main>.pic-intro-list {
    padding: 24px 0;
  }

  #main>.pic-intro-list>ul {
    max-width: 392px;
    width: calc(100% - 32px);
  }

  #main>.pic-intro-list>ul>li {
    padding: 16px;
    flex-direction: column;
    margin-bottom: 2vw;
  }

  #main>.pic-intro-list>ul>li>img {
    width: 100%;
  }

  #main>.pic-intro-list>ul>li>.list-item-right {
    margin-left: 0;
    margin-top: 16px;
  }

  #main>.pic-intro-list>ul>li>.list-item-right>h3 {
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #main>.gold-plated-interface {
    padding-top: 48px;
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
  }

  #main>.gold-plated-interface>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.gold-plated-interface>p {
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
  }

  #main>.application-and-connection-method {
    padding-top: 48px;
    max-width: 392px;
    width: calc(100% - 32px);
  }

  #main>.application-and-connection-method>h3 {
    padding: 5px 0;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 21px;
  }

  #main>.vga-main-bottom {
    padding-bottom: 48px;
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.vga-main-bottom>h3 {
    margin-top: 48px;
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.vga-main-bottom>table {
    margin-top: 16px;
  }

  #main>.vga-main-bottom>table tr td {
    font-size: 14px;
    line-height: 18px;
  }

  #main>.vga-main-bottom>table tr td:nth-of-type(2) {
    padding-left: 7px;
  }

  #main>.vga-main-bottom>img {
    margin-top: 12px;
  }

  #main>.vga-main-bottom>img:nth-of-type(1) {
    margin-top: 16px;
  }

  #main>.lossless-synchronous-transmission {
    padding: 24px 0;
    margin-top: 48px;
  }

  #main>.lossless-synchronous-transmission>.content {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.lossless-synchronous-transmission>.content>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.lossless-synchronous-transmission>.content>p {
    font-size: 14px;
    line-height: 21px;
    margin: 16px 0;
  }

  #main>.micro-hdmi-3d {
    padding: 48px 0;
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.micro-hdmi-3d>h3 {
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #main>.micro-hdmi-3d>.circle-group>span {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  #main>.micro-hdmi-3d>p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px;
  }

  #main>.case-main-top {
    padding: 8px 0;
  }

  #main>.case-main-top ul {
    flex-direction: column;
  }

  #main>.case-main-top ul li img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }

  #main>.case-main-top ul li span {
    font-size: 14px;
    line-height: 24px;
  }

  #news-header>.header-inner {
    width: calc(100% - 32px);
    justify-content: space-between;
    align-items: center;
  }

  .mobile-news-nav>ul {
    width: calc(100% - 64px);
  }

  .mobile-news-nav>ul>li {
    /* margin-right: 2.6667vw; */
  }

  .mobile-news-nav>ul>li:nth-last-of-type(1) {
    margin-right: 0;
  }

  .mobile-news-nav>ul>li a {
    /* font-size: 3.3333vw; */
    /* line-height: 4.3333vw; */
    font-size: 3.3333vw;
  }

  .mobile-news-nav ul {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  .news-details-main {
    width: calc(100% - 32px);
    padding-top: 24px;
    max-width: 392px;
  }

  #main>.common-main-content {
    padding-top: 24px;
    padding-bottom: 8vw;
  }

  #main>.common-main-content>.common-main-content-left>.common-title {
    font-size: 18px;
    line-height: 27px;
  }

  #main>.common-main-content>.common-main-content-left>.common-time {
    margin-top: 8px;
  }

  #main>.common-main-content>.common-main-content-left>.common-subtitle {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
  }

  #main>.common-main-content>.common-main-content-left>.new-common-subtitle {
    margin-top: 8px;
    margin-bottom: 16px;
  }

  #pi-800-banner>.pi-800-banner-inner {
    width: calc(100% - 32px);
    padding: 55px 0;
    flex-direction: column;
    max-width: 392px;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content {
    margin: 0;
    padding: 0 30px;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content>h3 {
    font-size: 7.6667vw;
    line-height: 10vw;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content>p {
    font-size: 6vw;
    line-height: 10vw;
    margin-top: 2.6667vw;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content>.small-intro>ul {
    font-size: 5vw;
    line-height: 30px;
  }

  #pi-800-banner>.pi-800-banner-inner>.banner-content>.small-intro {
    display: none;
  }

  #pi-800-banner>.pi-800-banner-inner>img {
    width: 100%;
  }

  .pi-800-intro {
    padding: 16px 0;
    height: auto;
  }

  .pi-800-intro>p {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.06em;
    color: #63616a;
  }

  #main>.domestic-cpu {
    padding-top: 4vw;
  }

  #main>.domestic-cpu>h3 {
    width: calc(100% - 32px);
    max-width: 392px;
    font-size: 6.6667vw;
    line-height: 9vw;
    padding-top: 20px;
  }

  #main>.domestic-cpu>p {
    width: calc(100% - 32px);
    max-width: 392px;
    font-size: 3.3333vw;
    line-height: 5.6667vw;
    padding-top: 13px;
  }

  #main>.domestic-cpu>.circle-group>span {
    width: 9px;
    height: 9px;
    margin-right: 8px;
  }

  #main>.chromium-os {
    padding: 48px 0;
  }

  #main>.chromium-os>.chromium-os-inner {
    width: calc(100% - 32px);
    max-width: 392px;
    padding: 16px;
  }

  #main>.chromium-os>.chromium-os-inner>.inner-top {
    flex-direction: column;
  }

  #main>.chromium-os>.chromium-os-inner>.inner-top>img {
    width: 138px;
    height: 140px;
  }

  #main>.chromium-os>.chromium-os-inner>.inner-top>p {
    display: block;
    font-size: 5.3333vw;
    line-height: 9vw;
    margin-left: 0;
    text-align: left;
  }

  #main>.chromium-os>.chromium-os-inner>ul {
    margin-top: 16px;
    flex-direction: column;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li>img,
  #main>.chromium-os>.chromium-os-inner>.inner-bottom>img {
    width: 80px;
    height: 80px;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li>div,
  #main>.chromium-os>.chromium-os-inner>.inner-bottom>div {
    margin-left: 0;
    margin-top: 10px;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li>div>h3,
  #main>.chromium-os>.chromium-os-inner>.inner-bottom>div>h3 {
    font-size: 22px;
    line-height: 33px;
  }

  #main>.chromium-os>.chromium-os-inner>ul>li>div>p,
  #main>.chromium-os>.chromium-os-inner>.inner-bottom>div>p {
    margin-top: 4px;
  }

  #main>.chromium-os>.chromium-os-inner>.inner-bottom {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  #main>.high-quality {
    padding-top: 24px;
  }

  #main>.high-quality>.high-quality-inner {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.high-quality>.high-quality-inner>h3 {
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #main>.high-quality>.high-quality-inner>p {
    font-size: 16px;
    line-height: 24px;
  }

  #main>.high-quality>.high-quality-inner>.circle-group>span,
  #main>.pi-800-more-function>.high-definition>.circle-group>span {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  #main>.pi-800-more-function {
    padding-top: 48px;
  }

  #main>.pi-800-more-function>div {
    width: calc(100% - 32px);
    max-width: 392px;
    margin-bottom: 48px;
  }

  #main>.pi-800-more-function>div>h3 {
    font-size: 5.3333vw;
    line-height: 8vw;
  }

  #main>.pi-800-more-function>div>p {
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0;
  }

  #main>.pi-800-more-function>.high-definition>h3 {
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  #main>.special-purpose-computer {
    padding: 24px 0;
  }

  #main>.special-purpose-computer>.title {
    max-width: 392px;
    font-size: 18px;
    line-height: 27px;
    padding: 12px 16px;
  }

  #main>.special-purpose-computer>.title::before,
  #main>.special-purpose-computer>.title::after {
    width: 18px;
    height: 18px;
    top: 50%;
    margin-top: -9px;
  }

  #main>.special-purpose-computer>.title::before {
    left: -30px;
  }

  #main>.special-purpose-computer>.title::after {
    right: -30px;
  }

  #main>.main-item-list {
    padding: 24px 0;
  }

  #main>.main-item-list>ul {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.special-purpose-computer>ul {
    width: calc(100% - 32px);
    max-width: 392px;
    margin-top: 24px;
  }

  #main>.special-purpose-computer>ul>li,
  #main>.main-item-list>ul>li {
    margin-bottom: 16px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  #main>.special-purpose-computer>ul>li>img,
  #main>.main-item-list>ul>li>img {
    width: 100%;
  }

  #main>.special-purpose-computer>ul>li>div,
  #main>.main-item-list>ul>li>div {
    margin-left: 0;
    margin-top: 16px;
  }

  #main>.special-purpose-computer>ul>li>div>h3,
  #main>.main-item-list>ul>li>div>h3 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 16px;
  }

  #main>.special-purpose-computer>ul>li>div>p,
  #main>.main-item-list>ul>li>div>p {
    margin-top: 8px;
  }

  #main>.product-paramter-and-img {
    padding: 30px 0;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner>table {
    margin-top: 24px;
    margin-bottom: 20px;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner>table tr td {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner>table tr td {
    padding: 4px !important;
  }

  #main>.product-paramter-and-img>.product-paramter-and-img-inner>img {
    margin-top: 48px;
  }

  #os-banner {
    padding: 64px 0;
  }

  #os-banner>.os-banner-inner {
    width: calc(100% - 32px);
    max-width: 392px;
    flex-direction: column;
    text-align: center;
  }

  #os-banner>.os-banner-inner p {
    display: none;
  }

  #os-banner>.os-banner-inner .download {
    margin-top: 24px;
    margin-bottom: 40px;
  }

  #os-banner>.os-banner-inner img {
    width: 100%;
  }

  .mobile-os-banner-p {
    display: block;
    background-color: #f1f1f1;
    padding: 16px 0;
  }

  .mobile-os-banner-p>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.06em;
    color: #63616a;
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
  }

  #main>.main-content {
    padding: 48px 0;
  }

  #main>.main-content>div {
    /* width: calc(100% - 32px); */
    max-width: 392px;
    margin: 0 auto;
  }

  #main>.main-content>.resourceful,
  #main>.main-content>.user-wide-range {
    flex-direction: column;
  }

  #main>.main-content>.resourceful>img,
  #main>.main-content>.user-wide-range>img {
    width: 100%;
  }

  #main>.main-content>.resourceful>.detail,
  #main>.main-content>.user-wide-range>.detail {
    margin-left: 0;
    margin-top: 16px;
  }

  #main>.main-content>.resourceful>.detail>h3,
  #main>.main-content>.user-wide-range>.detail>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.main-content>.resourceful>.detail>.circle-group>span,
  #main>.main-content>.user-wide-range>.detail>.circle-group>span {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  #main>.main-content>.resourceful>.detail>p,
  #main>.main-content>.user-wide-range>.detail>p {
    font-size: 16px;
    line-height: 24px;
  }

  #main>.main-content>.resourceful>.detail>.circle-group,
  #main>.main-content>.user-wide-range>.detail>.circle-group {
    margin: 16px 0;
  }

  #main>.main-content>.high-compatibility-and-easy-installation {
    margin-top: 48px;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul {
    flex-direction: column;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul>li {
    width: 100%;
    padding: 16px;
    margin-bottom: 8px;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul>li:nth-last-of-type(1) {
    margin-bottom: 0;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul>li>p {
    margin-top: 16px;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul>li:nth-of-type(1)>p {
    margin-bottom: 24px;
  }

  #main>.main-content>.high-compatibility-and-easy-installation>ul>li>img {
    width: 70%;
  }

  #custom-service-banner {
    padding: 48px 0;
  }

  #custom-service-banner>.banner-content {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #custom-service-banner>.banner-content>h3 {
    /* font-size: 40px;
    line-height: 64px; */
    font-size: 6.6667vw;
    line-height: 10.6667vw;
  }

  #custom-service-banner>.banner-content>p {
    /* font-size: 20px;
    line-height: 32px; */
    margin-top: 11px;
    font-size: 3.3333vw;
    line-height: 5.3333vw;
  }

  #main>.main-content {
    padding: 48px 0;
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
  }

  #main>.main-content>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.main-content>p {
    font-size: 16px;
    line-height: 24px;
  }

  .mobile-hardware-customisation>.inner-content>h3,
  .mobile-software-customisation>.inner-content>h3,
  .mobile-oem-or-odm>.inner-content>h3 {
    font-size: 10vw;
    line-height: 13.1667vw;
    text-align: left;
    width: calc(100% - 32px);
    margin: 0 auto;
  }

  #main>.our-strengths {
    padding-top: 48px;
    padding-bottom: 32px;
  }

  #main>.our-strengths>h3 {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
    /* font-size: 48px;
    line-height: 63px; */
    font-size: 8vw;
    line-height: 10.5vw;
    margin-bottom: 24px;
    text-align: left;
  }

  #main>.our-strengths>ul {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.our-strengths>ul>li {
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
  }

  #main>.our-strengths>ul>li .icon-intro {
    /* font-size: 20px;
    line-height: 26px; */
    font-size: 3.3333vw;
    line-height: 4.3333vw;
  }

  #main>.our-strengths>ul>li p {
    /* font-size: 16px;
    line-height: 26px; */
    font-size: 2.6667vw;
    line-height: 4.3333vw;
  }

  #main>.our-strengths>ul>li img {
    /* width: 108px;
    height: 108px; */
    width: 18vw;
    height: 18vw;
  }

  .mobile-software-customisation {
    margin-top: 24px;
  }

  .mobile-oem-or-odm {
    margin-top: 24px;
  }

  .mobile-hardware-customisation>.inner-content,
  .mobile-software-customisation>.inner-content,
  .mobile-oem-or-odm>.inner-content {
    padding: 24px 0px;
    width: 100%;
  }

  .mobile-oem-or-odm>.inner-content {
    padding-bottom: 76px;
  }

  .mobile-oem-or-odm>.inner-content>h3 {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
  }

  .mobile-oem-or-odm>.inner-content>p {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
    text-align: left;
    margin-top: 60px;
    font-size: 16px;
    line-height: 24px;
  }

  .mobile-hardware-customisation>.inner-content>ul,
  .mobile-software-customisation>.inner-content>ul {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
    margin-top: 16px;
  }

  .mobile-hardware-customisation>.inner-content>ul>li {
    width: 34%;
    text-align: center;
    margin-bottom: 16px;
  }

  .mobile-software-customisation>.inner-content>ul>li {
    text-align: left;
    width: 100%;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
  }

  .mobile-hardware-customisation>.inner-content>ul>.text-left,
  .mobile-software-customisation>.inner-content>ul>.text-left {
    text-align: center;
  }

  .mobile-hardware-customisation>.inner-content>ul>.text-right,
  .mobile-software-customisation>.inner-content>ul>.text-right {
    text-align: center;
  }

  .mobile-hardware-customisation>.inner-content>ul>.text-left>.img-intro,
  .mobile-software-customisation>.inner-content>ul>.text-left>.img-intro {
    width: auto;
    text-align: center;
  }

  .mobile-hardware-customisation>.inner-content>ul>.text-right>.img-intro,
  .mobile-software-customisation>.inner-content>ul>.text-right>.img-intro {
    position: relative;
    right: 0;
  }

  .mobile-software-customisation>.inner-content>ul>li>img {
    width: 48px;
    height: 48px;
  }

  .mobile-hardware-customisation>.inner-content>ul>li>.img-intro {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.06em;
    color: #63616a;
    margin-top: 16px;
  }

  .mobile-software-customisation>.inner-content>ul>li>.img-intro {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.06em;
    color: #1d1e1f;
    margin-top: 0;
    margin-left: 8px;
  }

  #news-banner>.news-banner-img-small-screen {
    display: block;
  }

  #news-banner>h3 {
    top: 26.3333vw;
    left: 17.3333vw;
    font-size: 6.6667vw;
    line-height: 11.3333vw;
  }

  #main>.news-list {
    margin-top: 48px;
  }

  #main>.news-list>ul {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.news-list>ul>li {
    width: 100%;
  }

  #main>.news-list>ul>.img-list-item .title-div>.title {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.news-list>ul>.img-list-item .title-div>.subtitle {
    font-size: 16px;
    line-height: 21px;
  }

  #main>.news-list>ul>.font-list-item {
    flex-direction: column;
    padding: 16px;
    align-items: flex-end;
  }

  #main>.news-list>ul>.font-list-item>.brief-overview {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    margin-bottom: 16px;
    font-size: 4.6667vw;
    line-height: 6.1667vw;
  }

  #main>.knowledge-main-content {
    padding-top: 24px;
    padding-bottom: 48px;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left>ul {
    margin-top: 27px;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left>ul li {
    flex-direction: column-reverse;
    padding: 16px !important;
    margin: 0 !important;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left>ul li>.intro {
    width: 100% !important;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left>ul li>.intro>h3 {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left>ul li>.intro>p {
    display: none;
  }

  #main>.knowledge-main-content>.knowledge-main-content-left>ul li img {
    width: 100% !important;
    height: 166px !important;
  }

  #main>.activity-main-content {
    padding: 48px 0;
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.activity-main-content>.activity-tab-menu {
    padding: 16px;
  }

  #main>.activity-main-content>.activity-tab-menu>span {
    margin-right: 8vw;
  }

  #main>.activity-main-content>ul>li {
    margin-top: 16px;
    flex-direction: column;
  }

  #main>.activity-main-content>ul>li>img {
    width: 100%;
  }

  #main>.activity-main-content>ul>li>div {
    padding: 16px;
    text-align: right;
  }

  #main>.activity-main-content>ul>li>div>div {
    text-align: left;
  }

  #main>.activity-main-content>ul>li>div h3 {
    font-size: 18px;
    line-height: 27px;
  }

  #main>.activity-main-content>ul>li>div .view-details {
    margin-top: 24px;
    font-size: 14px;
    line-height: 21px;
  }

  #main .activity-main-content #toggle-page {
    margin-top: 24px;
  }

  #main .activity-main-content>.no-result {
    margin-top: 16px;
  }

  #main>.video-and-swiper {
    padding: 24px 0;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info {
    width: calc(100% - 32px);
    max-width: 392px;
    margin-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .pic {
    width: 100%;
    margin-right: 0;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .pic .videolist,
  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .pic img {
    width: 100% !important;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .info .video-intro {
    display: none;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .info {
    margin-top: 16px;
    width: 100%;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .info h3 {
    font-size: 18px;
    line-height: 27px;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info>.info>.video-time {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .info .video-intro {
    margin-top: 8px;
  }

  #main>.video-and-swiper>.video-and-swiper-inner>.pic-and-info .info .video-time {
    text-align: left;
    margin: 0;
  }

  .swiper-wrap {
    display: none;
  }

  .mobile-swiper-wrap {
    display: block;
  }

  #main .video-list>.video>.video-container>.video-list-item {
    width: 49%;
  }

  .vtit,
  .vtime {
    padding: 0 !important;
  }

  .vtit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    font-size: 16px !important;
    line-height: 24px !important;
  }

  #main .video-list>.video>.video-container>.video-list-item>.img-wrap>img {
    width: 100%;
    height: 100px;
  }

  .list-icon-player {
    width: 30px !important;
    height: 30px !important;
    margin-left: -15px !important;
    margin-top: -15px !important;
  }

  .index-swiper .r1-plus-lts-router-swiper h3 {
    width: 100%;
  }

  #main>.humanized-creative-design {
    background: url("../img/otg-data-pic2.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 5vw;
    padding-bottom: 6.6667vw;
    padding-left: 17.3333vw;
  }

  #main>.humanized-creative-design h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
    width: 53vw;
  }

  #main>.humanized-creative-design p {
    font-size: 2.3333vw;
    line-height: 4vw;
    width: 42.6667vw;
    margin: 1.3333vw 0;
  }

  #main>.humanized-creative-design img {
    width: 20.6667vw;
    margin-left: 4.3333vw;
  }

  #main>.humanized-creative-design span {
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  #main>.humanized-creative-design .vector {
    display: none;
  }

  #main>.humanized-creative-design .small-screen-vector {
    display: inline-block;
  }

  #main>.dealer-main-content {
    padding: 48px 0;
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.dealer-main-content>h3 {
    font-size: 5.6667vw;
    line-height: 8.5vw;
  }

  #main>.dealer-main-content>.top-intro {
    margin-top: 21px;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 24px;
  }

  #main>.dealer-main-content>.first-content-title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 27px;
  }

  #main>.dealer-main-content>ul {
    margin-bottom: 16px;
  }

  #main>.dealer-main-content ul>li {
    font-size: 16px;
    line-height: 24px;
  }

  #main>.dealer-main-content>.learn-us {
    margin: 16px 0;
  }

  #main>.dealer-main-content>.bottom-content {
    font-size: 16px;
    line-height: 24px;
  }

  /* 售后服务详情 */
  #main>.after-sale-details {
    padding: 48px 0;
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.after-sale-details>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.after-sale-details>.right-small-font {
    text-align: center;
    line-height: 16px;
  }

  #main>.after-sale-details>p {
    line-height: 24px;
    color: #63616a;
    margin-top: 24px;
    margin-bottom: 16px;
  }

  #main>.after-sale-details>.after-sale-details-item {
    margin-bottom: 16px;
  }

  #main>.after-sale-details>.after-sale-details-item>.small-p {
    line-height: 18px;
  }

  #main>.after-sale-details>.after-sale-details-item>p {
    line-height: 27px;
  }

  #main>.after-sale-details>.after-sale-details-item>ul {
    margin-left: 16px;
  }

  #main>.after-sale-details>.after-sale-details-item>ul>li {
    line-height: 21px;
    font-size: 14px;
  }

  #service-banner>.service-banner-content {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #service-banner>.service-banner-content>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main .pic-page-wrap {
    background-color: #f5f5f5;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  #main .pic-page-wrap .pic-page {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main .pic-page>p {
    margin-bottom: 24px;
  }

  #main .pic-page>.no-search-result>.no-search-result-inner {
    width: 192px;
    height: 192px;
    padding: 36px;
  }

  #main .pic-page>.no-search-result>.no-search-result-inner>img {
    width: 120px;
    height: 120px;
  }

  #main .pic-page ul {
    margin-top: 24px;
  }

  #main .pic-page ul>li {
    width: 49%;
    padding: 20px;
  }

  #main .pic-page ul>li p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 16px;
  }

  #main .pic-page #toggle-page {
    margin-top: 16px;
  }

  #about-us-banner>h3 {
    width: calc(100% - 32px);
    max-width: 392px;
    font-size: 8vw;
    line-height: 10.5vw;
  }

  #about-us-banner img {
    max-height: 540px;
  }

  .middle-screen-img {
    display: none !important;
  }

  #main>.content {
    width: calc(100% - 32px);
    max-width: 392px;
    padding-top: 48px;
    padding-bottom: 16px;
  }

  #main>.content>p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  #main>.content>.intro-list {
    margin-top: 0;
  }

  #main>.content>.intro-list>ul>li {
    margin-bottom: 32px;
    width: 50%;
  }

  #main>.content>.intro-list>ul>li>.strong-font {
    font-size: 28px;
    line-height: 37px;
  }

  #main>.content>.intro-list>ul>li>p {
    font-size: 16px;
    line-height: 21px;
    margin-top: 4px;
  }

  #main .partners {
    padding-top: 24px;
  }

  #main .partners .table-container {
    width: calc(100% - 32px);
    max-width: 392px;
    margin-top: 24px;
    overflow: scroll;
    margin: 0 auto;
  }

  #main .partners>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main .partners .table-container table {
    width: 100%;
    position: relative;
    overflow: scroll;
    margin-top: 24px;
  }

  #main .partners table tr {
    position: relative;
  }

  #main .partners table tr td:nth-of-type(2),
  #main .partners table tr td:nth-of-type(4),
  #main .partners table tr td:nth-of-type(6) {
    min-width: 160px;
  }

  #main .partners .table-container>table td:nth-of-type(1) {
    position: sticky;
    left: 0;
  }

  #main .partners table tr td img {
    width: 112px;
    height: 72px;
  }

  #main .partners .table-tabs {
    display: block;
    margin-top: 24px;
    margin-bottom: 8px;
    text-align: center;
  }

  #main .partners .table-tabs span {
    display: inline-block;
    width: 12px;
    height: 8px;
    background: #e1dfdf;
    margin-right: 8px;
  }

  #main .partners .table-tabs .current-table-item {
    width: 50px;
    background: #f4a524;
  }

  /* #main .partners table .table-item1 {
    display: table-cell;
  }
  #main .partners table .table-item2,
  #main .partners table .table-item3 {
    display: none;
  } */

  #main>.development {
    padding: 48px 0;
    text-align: left;
  }

  #main>.development>h3 {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto;
    margin-bottom: 24px;
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.development .development-item>h3 {
    font-size: 18px;
    line-height: 27px;
  }

  #main>.development .development-item>p {
    font-size: 16px;
    line-height: 24px;
  }

  #main>.development>.development-content {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.development>.development-content .development-item {
    left: 60px;
    text-align: left;
    width: calc(100% - 60px);
  }

  #main>.development>.development-content img {
    display: none;
  }

  #main>.development>.development-content .mobile-chain {
    display: inline-block;
  }

  #main>.development .item1 {
    top: 35px;
  }

  #main>.development .item2 {
    top: 205px;
  }

  #main>.development .item3 {
    top: 420px;
  }

  #main>.development .item4 {
    top: 591px;
  }

  #main>.development .item5 {
    top: 732px;
  }

  #main>.development .item6 {
    top: 898px;
  }

  #main>.development .item7 {
    top: 1040px;
  }

  #main>.development .item8 {
    top: 1179px;
  }

  #main>.vedio-input-output-format {
    padding: 24px 0;
  }

  #main>.vedio-input-output-format>ul {
    width: calc(100% - 32px);
    max-width: 392px;
    flex-direction: column;
  }

  #main .vedio-input-output-format ul li {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 12px;
  }

  #main .vedio-input-output-format ul li .li-content {
    padding: 0 40px;
  }

  #main .vedio-input-output-format ul li h3 {
    font-size: 24px;
    line-height: 32px;
  }

  #main .vedio-input-output-format ul li .li-content .span-line .span-line-left div:nth-of-type(1) {
    font-size: 16px;
    line-height: 21px;
  }

  #main .vedio-input-output-format ul li .li-content .span-line .span-line-left div:nth-last-of-type(1) {
    font-size: 18px;
    line-height: 24px;
  }

  #main .vedio-input-output-format ul li .li-content .span-line .span-line-left .line {
    width: 133px;
  }

  #main .vedio-input-output-format ul .li02 .span1 {
    margin-top: 8px;
  }

  #main .vedio-input-output-format ul .li02 .span2 {
    font-size: 18px;
    line-height: 24px;
    margin: 8px 0;
  }

  #main>.terminal-projection-design {
    padding-top: 48px;
    padding-bottom: 0;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 34px;
    margin-bottom: 24px;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul {
    flex-direction: column;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul>li {
    width: 100%;
    height: 374px;
    margin-bottom: 12px;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul .li-content {
    padding: 12px;
    padding-top: 32px;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul>li span {
    color: #969696;
    font-size: 40px;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul>li .li-content-span {
    font-size: 20px;
    line-height: 30px;
    padding: 5px 49px;
    border-radius: 41px;
    -webkit-border-radius: 41px;
    -moz-border-radius: 41px;
    -ms-border-radius: 41px;
    -o-border-radius: 41px;
  }

  #main>.terminal-projection-design>.terminal-projection-design-inner>ul>li p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 12px;
  }

  #main>.standard {
    padding-top: 48px;
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.standard>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
    margin-top: 8px;
  }

  #main>.standard>p {
    font-size: 14px;
    line-height: 21px;
    margin-top: 12px;
  }

  #main>.standard>ul {
    margin-top: 16px;
    margin-bottom: 20px;
  }

  #main>.standard>ul>li {
    width: 85px;
    height: 85px;
    margin-right: 20px;
    padding: 5px;
  }

  #main>.standard>ul>li>.percent-title {
    font-size: 8px;
    line-height: 12px;
  }

  #main>.standard>ul>li>.percent {
    font-size: 26px;
    line-height: 34px;
    margin-top: 20px;
    margin-bottom: 0;
  }

  #main .vision-connect {
    width: calc(100% - 32px);
    max-width: 392px;
    margin-top: 48px;
  }

  #main .vision-connect .content {
    top: 16px;
    padding: 0 16px;
  }

  #main .vision-connect .content>h3 {
    font-size: 16px;
    line-height: 21px;
  }

  #main .vision-connect .content>.circle-group>span {
    width: 6px;
    height: 6px;
    margin-right: 6px;
  }

  #main .vision-connect .content>p {
    font-size: 14px;
    line-height: 18px;
  }

  .pi-5-feature>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    padding: 2.6667vw 0;
  }

  .pi-5-feature>ul>li {
    border-bottom: 24px solid #ffce7e;
  }

  .pi-5-feature>ul>li>.li-content {
    width: calc(100% - 32px);
    max-width: 392px;
    flex-direction: column;
    align-items: flex-start;
  }

  .pi-5-feature>ul>li>.li-content>div {
    margin-left: 0;
    margin-top: 8px;
  }

  .pi-5-feature>ul>li>.li-content>div>p {
    font-size: 5.3333vw;
    line-height: 9vw;
  }

  .pi-5-feature>ul>li>.li-content>div>.small-font {
    font-size: 14px;
    line-height: 21px;
  }

  .pi-5-create {
    display: none;
  }

  #ai-stick-lite-main>.main-bottom>p {
    width: calc(100% - 32px);
    max-width: 392px;
    top: 10.3333vw;
    font-size: 4.6667vw;
    line-height: 6.1667vw;
  }

  .product-pinout-diagram {
    padding-top: 32px;
    width: calc(100% - 64px);
    /* max-width: 392px; */
  }

  .product-pinout-diagram>h3 {
    font-size: 3vw;
    line-height: 5vw;
    padding: 1vw 0;
    margin-bottom: 3vw;
  }

  .multi-channel-output {
    /* width: calc(100% - 32px); */
    /* max-width: 392px; */
    /* margin-bottom: 48px; */
    height: auto;
    padding: 16px 12px;
  }

  .multi-channel-output>div {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }

  .multi-channel-output>div>h3 {
    font-size: 4.6667vw;
    line-height: 6.1667vw;
    text-align: center;
  }

  .multi-channel-output>div>p {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
  }

  .multi-channel-output>img {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    display: none;
  }

  .multi-channel-output .mobile-pi-5-mul-output-img {
    display: block;
  }

  #main>.vision-support {
    width: calc(100% - 32px);
    max-width: 392px;
    margin-top: 48px;
  }

  #main>.vision-support>.vision-top {
    padding: 0;
  }

  #main>.vision-support>.vision-top>.line {
    width: 33%;
    margin-right: 8px;
  }

  #main>.vision-support>.vision-top>.circle {
    width: 5px;
    height: 5px;
    margin-right: 5px;
  }

  #main>.vision-support>.vision-top>.vision-title {
    font-size: 20px;
    line-height: 26px;
    margin-left: 0;
  }

  #main>.vision-support>p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px;
    padding: 0;
    display: none;
  }

  #main>.vision-support .mobile-vision-support-p {
    display: block;
  }

  #main>.micro-HDMI-mode {
    padding: 24px 0;
  }

  #main>.micro-HDMI-mode>ul {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.micro-HDMI-mode>ul>li {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 16px;
  }

  #main>.micro-HDMI-mode>ul>li>h3 {
    font-size: 20px;
    line-height: 26px;
  }

  #main>.micro-HDMI-mode>ul>li>p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 15px;
  }

  #main .products {
    margin-bottom: 32px;
  }

  #main .products>h3 {
    margin-bottom: 16px;
  }

  #main .products .products-item .products-item-right .products-name {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 12px;
  }

  #main .products .products-item .products-item-right {
    padding: 2.6667vw;
    padding-bottom: calc(1.5rem + 5.3333vw);
  }

  #main>.case-intro>.case-intro-container>div>h3,
  #main>.new-computer-pocket>.new-computer-pocket-container>div>h3 {
    font-size: 5.3333vw;
    line-height: 7vw;
  }

  #main>.case-intro>.case-intro-container>div>p,
  #main>.new-computer-pocket>.new-computer-pocket-container>div>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.r1-plus-lts-tips {
    margin-top: 48px;
  }

  #main>.price-compare {
    margin-top: 48px;
  }

  #main>.price-compare>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.price-compare>p {
    font-size: 4.6667vw;
    line-height: 6.1667vw;
  }

  #main .new-module {
    padding: 32px 0;
  }

  #main>.new-module-group-2>ul>li>div>.new-module-group-2-li-right-top {
    justify-content: center;
  }

  #main>.new-module-group-2>ul>li>div>.new-module-group-2-li-right-top>.big-yellow,
  #main .new-module>ul>li>div>.new-module-li-right-top>.big-yellow {
    font-size: 18px;
    line-height: 27px;
  }

  #main .new-module>ul>li>div>.new-module-li-right-top {
    margin-top: 8px;
  }

  #main>.new-module-group-2>ul>li>div>p,
  #main .new-module>ul>li>div>p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.new-module-group-2 {
    margin-top: 48px;
    margin-bottom: 0;
  }

  #main>.new-module-group-2>ul>li>div>p {
    padding-left: 0;
  }

  #main>.plus-2e-new-module-group-2 {
    margin: 48px 0;
  }

  #ai-stick-lite-main>.ai-stick-lite-product-intro {
    padding: 32px 0;
  }

  #ai-stick-lite-main>.ai-stick-lite-product-intro>h3,
  #ai-stick-lite-main>.feature>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #ai-stick-lite-main>.ai-stick-lite-product-intro>p,
  #ai-stick-lite-main>.feature>ul>li>p {
    font-size: 16px;
    line-height: 27px;
    text-align: left;
    letter-spacing: 0;
  }

  #ai-stick-lite-main>.feature>ul>li {
    padding: 24px;
  }

  #ai-stick-lite-main>.feature>ul>li>p {
    margin-top: 16px;
  }

  #ai-stick-lite-main>.feature {
    padding: 32px 0;
  }

  #main .specifications table td:nth-of-type(1) {
    width: 32%;
  }

  #main>.otg-introduction h3,
  #main>.one-three-line-equipment h3,
  #main>.product-img>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.otg-introduction p,
  #main>.one-three-line-equipment p {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.product-img {
    margin: 48px 0;
  }

  #main>.compatibility>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.compatibility>p {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  #main>.compatibility table td,
  #main>.product-paramter>table tr td {
    font-size: 14px;
    line-height: 21px;
  }

  #main>.product-paramter {
    margin-top: 48px;
  }

  #main>.product-paramter h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
  }

  #main>.product-paramter>table {
    margin-bottom: 48px;
  }

  #main>.tab-menu>div>a,
  #main>.tab-menu>div>span {
    font-size: 4.6667vw;
    line-height: 6.1667vw;
  }

  #news-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }

  .mobile-news-nav {
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 999;
    background-color: #fff;
  }

  #news-banner,
  #activity-banner,
  .news-details-main,
  .knowledge-main,
  .video-main {
    margin-top: 100px;
  }

  .hardware-tab-menu {
    position: fixed;
    top: 72px;
    width: 100%;
    z-index: 99;
  }

  .main {
    margin-top: 138px !important;
  }

  .mobile-top,
  #os-banner,
  #custom-service-banner,
  #service-banner,
  #about-us-banner,
  .dealer-main-content,
  .after-sale-details {
    margin-top: 72px !important;
  }

  #main>.item-list>ul>li>.img-intro-list2>.mobile-item-list-ul {
    display: none !important;
  }

  #main>.more-function>.compare-h3 {
    font-size: 3.3333vw;
    line-height: 4.3333vw;
  }

  #main>.more-function>.complex-table-wrap>.complex-table tr td p,
  #main>.more-function>.complex-table-wrap>.complex-table .img-intro-td span {
    font-size: 2.6667vw;
    line-height: 3.5vw;
  }

  #main>.more-function>.complex-table-wrap>.complex-table .img-intro-td>img {
    width: 10px;
    margin-right: 8px;
    display: none;
  }

  #main>.more-function>.complex-table-wrap>.complex-table .img-intro-td>.icon-small-screen {
    display: inline-block;
  }

  #main>.more-function .complex-table {
    display: none;
  }

  #main>.more-function .mobile-complex-table {
    display: block;
  }

  #main>.more-function .mobile-complex-table .compare-title td {
    font-size: 20px !important;
    line-height: 26px !important;
    padding: 8px 4px;
  }

  #main>.more-function .mobile-complex-table td:nth-of-type(1)>p,
  #main>.more-function .mobile-complex-table td:nth-of-type(2)>p {
    padding-left: 18px !important;
  }

  #main>.more-function>.pi-zero-small-screen-table {
    display: block;
  }

  .sata-data-line-td {
    padding-left: 16px !important;
  }

  .index-swiper .phone-swiper .banner-content {
    margin-top: 0 !important;
  }

  .phone-swiper>.banner-content>h3 {
    margin-top: 20px;
  }

  .phone-swiper>.banner-content>.gray-button {
    margin-top: 46px !important;
  }

  .phone-swiper img {
    margin-top: 30px !important;
    width: 80% !important;
  }

  .r1-plus-lts-router-swiper h3 {
    margin-top: 20px !important;
  }

  .r1-plus-lts-router-swiper img {
    width: 80% !important;
  }

  .no-bd {
    display: none !important;
  }

  .pi-5-processor>.middle-screen {
    display: none !important;
  }

  .pi-5-processor>.pi-5-processor-inner {
    width: calc(100% - 32px);
    max-width: 392px;
    top: 5.3333vw;
  }

  .pi-5-processor>.pi-5-processor-inner>.pi-5-processor-inner-title>.title {
    font-size: 4.6667vw;
    line-height: 6.1667vw;
    margin: 0 .6667vw;
  }

  .pi-5-processor>.pi-5-processor-inner>.pi-5-processor-inner-title>.circle {
    width: 2.6667vw;
    height: 2.6667vw;
    margin: 0 .6667vw;
  }

  .pi-5-processor>.pi-5-processor-inner>h3 {
    font-size: 6.6667vw;
    line-height: 8.8333vw;
    margin-top: 2.6667vw;
  }

  .pi-5-processor>.pi-5-processor-inner>h4 {
    font-size: 5.3333vw;
    line-height: 8vw;
    margin-top: 2.6667vw;
  }

  .pi-5-new-feature {
    width: calc(100% - 32px);
    max-width: 392px;
    padding: 8vw 0;
  }

  .pi-5-new-feature>.max-tip {
    margin: 8vw 0 -8vw;
    padding: 2vw;
    border-radius: 1.0333vw;
    font-size: 2.3333vw;
    line-height: 4.5vw;
  }

  .pi-5-new-feature>.feature-processor>.title {
    font-size: calc(1rem + 1vw);
    line-height: calc(1.5rem + 0.84vw);
  }

  .pi-5-new-feature>.feature-processor>.circle-group {
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-processor>.circle-group>span {
    width: 2.6667vw;
    height: 2.6667vw;
    margin-right: 2.6667vw;
  }

  .pi-5-new-feature>.feature-processor>h3 {
    font-size: calc(1rem + 4.33vw);
    line-height: calc(1.5rem + 6.5vw);
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-processor>img {
    margin-top: 4vw;
  }

  .pi-5-new-feature>.feature-processor>p {
    font-size: calc(1rem + 0.33vw);
    line-height: calc(1.5rem + 0.5vw);
    margin-top: 4vw;
  }

  .pi-5-new-feature>.feature-chip {
    margin-top: 8vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-title>.circle {
    width: 2.6667vw;
    height: 2.6667vw;
    margin: 0 1.3333vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-title>.title {
    font-size: calc(1rem + 3vw);
    line-height: calc(1.5rem + 3.5vw);
    margin: 0 1.3333vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-content {
    margin-top: 5.3333vw;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-content>img {
    display: none;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-content>.small-screen-show {
    display: block !important;
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-content>div>h3 {
    font-size: calc(1rem + 3vw);
    line-height: calc(1.5rem + 4.5vw);
  }

  .pi-5-new-feature>.feature-chip>.feature-chip-content>div>p {
    font-size: calc(1rem + 1vw);
    line-height: calc(1.5rem + 1.5vw);
    margin-top: 4vw;
  }


  .pi-5-new-feature>.feature-performance {
    margin-top: 6.6667vw;
  }

  .pi-5-new-feature>.feature-performance>h3 {
    font-size: calc(1rem + 3vw);
    line-height: calc(1.5rem + 4.5vw);
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item {
    margin-top: 2.6667vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item:nth-of-type(1) {
    margin-top: 4vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>p {
    font-size: calc(1rem + 0.33vw);
    line-height: calc(1.5rem + 0.5vw);
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>p>span {
    display: block;
    font-size: calc(1rem + 1vw);
    line-height: calc(1.5rem + 1.5vw);
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item:nth-last-of-type(1)>p>span {
    display: inline-block;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.performance {
    margin-top: 2.6667vw;
    align-items: flex-start;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.performance>.line {
    height: 2vw;
    margin-right: 2.6667vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.performance>span {
    font-size: calc(1rem + 3vw);
    line-height: calc(1.5rem + 4.5vw);
    display: inline-block;
    margin-top: -2vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.performance>span>.num {
    font-size: calc(1rem + 4vw);
    line-height: calc(1.5rem + 5vw);
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.compare {
    margin-top: -14vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.compare>.compare-item {
    font-size: calc(1rem + 0.33vw);
    line-height: calc(1.5rem + 0.5vw);
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.compare>.line {
    height: 2vw;
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-performance>.feature-performance-item>.normal {
    font-size: calc(1rem + 0.33vw);
    line-height: calc(1.5rem + 0.5vw);
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-performance>.four>.performance>.line {
    width: 50%;
  }

  .pi-5-new-feature>.feature-performance>.four>.compare>.line {
    width: 16.67%;
  }

  .pi-5-new-feature>.feature-performance>.eight>.performance>.line {
    width: 75%;
  }

  .pi-5-new-feature>.feature-performance>.eight>.compare>.line {
    width: 10.42%;
  }

  .pi-5-new-feature>.feature-intro-and-img-item {
    margin-top: 3.3333vw;
    margin-bottom: 3.3333vw;
  }

  .pi-5-new-feature>.feature-intro-and-img-item>h3 {
    font-size: calc(1rem + 1.8vw);
    line-height: calc(1.5rem + 2.5vw);
  }

  .pi-5-new-feature>.feature-intro-and-img-item>h4 {
    font-size: calc(1rem + 0vw);
    line-height: calc(1.5rem + 0.5vw);
  }

  .pi-5-new-feature>.feature-intro-and-img-item>p {
    font-size: calc(1rem + 0vw);
    line-height: calc(1.5rem + 0.5vw);
    margin-top: 2.6667vw;
  }

  .pi-5-new-feature>.feature-intro-and-img-item>img {
    margin-top: 4vw;
  }

  .pi-5-new-feature>.feature-intro-and-img-item .circle-group {
    margin-top: -3px;
    margin-bottom: -3vw;
  }

  .pi-5-new-feature>.feature-intro-and-img-item .circle-group>span {
    width: 1vw;
    height: 1vw;
    margin-right: 1.5vw;
  }

  .pi-5-new-feature>.feature-figure {
    margin-top: 6.6667vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item {
    width: 100%;
    margin-bottom: 2.6667vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item:nth-last-of-type(2) {
    margin-bottom: 2.6667vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>.middle-screen-show {
    display: none !important;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div {
    width: 96%;
    top: 4vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div>h3 {
    font-size: 4vw;
    line-height: 5.3333vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div>h4 {
    font-size: 2.6667vw;
    line-height: 4.5vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div>p {
    font-size: 2.6667vw;
    line-height: 4.5vw;
    margin-top: 1.3333vw;
  }

  .pi-5-new-feature>.feature-figure>.feature-figure-item>div>.tip {
    margin-top: 1vw;
    color: #828287;
    line-height: 4vw;
    font-size: 2.6667vw;
    text-align: center;
  }


  .pi-5-software {
    padding: 5.3333vw 0;
  }

  .pi-5-software>.pi-5-software-inner {
    width: calc(100% - 32px);
    max-width: 392px;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>h3 {
    font-size: calc(1rem + 4.33vw);
    line-height: calc(1.5rem + 6.5vw);
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>.circle-group {
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>.circle-group>span {
    width: 3vw;
    height: 3vw;
    margin-right: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>h4 {
    font-size: calc(1rem + 1.67vw);
    line-height: calc(1.5rem + 2.5vw);
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>p {
    font-size: calc(1rem + 1vw);
    line-height: calc(1.5rem + 1.5vw);
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>.small-title {
    font-size: calc(1rem + 2.33vw);
    line-height: calc(1.5rem + 2.67vw);
    margin-top: 6.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul {
    margin-top: 4vw;
  }

  /* .pi-5-software
    > .pi-5-software-inner
    > .pi-5-software-os
    > ul
    > li:nth-last-of-type(1), */
  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li:nth-last-of-type(2) {
    margin-bottom: 2.6667vw !important;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li {
    width: 100%;
    padding: 2.6667vw;
    box-shadow: 0px 0px 2.5vw rgba(0, 0, 0, 0.15);
    margin-bottom: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li>img {
    width: 100%;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li>div {
    font-size: calc(1rem + 1vw);
    line-height: calc(1.5rem + 2.16vw);
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-os>ul>li>p {
    font-size: calc(1rem + 0.33vw);
    line-height: calc(1.5rem + 1vw);
    margin-top: 1.3333vw;

  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app {
    margin-top: 6.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>h3 {
    font-size: calc(1rem + 3vw);
    line-height: calc(1.5rem + 3.5vw);
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>h4 {
    font-size: 3.3333vw;
    line-height: 5vw;
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>.circle-group {
    margin-top: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>.circle-group>span {
    width: 3vw;
    height: 3vw;
    margin-right: 2.6667vw;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>.middle-screen-show {
    display: none !important;
  }

  .pi-5-software>.pi-5-software-inner>.pi-5-software-app>img {
    margin-top: 2.6667vw;
  }
}

#main .opi-shell {
  position: relative;
  width: calc(100% - 64px);
  max-width: 1500px;
  margin: 0 auto;
  margin-top: 24px;
}

#main .opi-shell>img {
  width: 100%;
}

#main .opi-shell>div {
  position: absolute;
  /* top: 9.7917vw; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 48px;
}

#main .opi-shell>div>.circle-group>span {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #f4a524;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#main .opi-shell>div>.title {
  font-weight: 700;
  font-size: 32px;
  line-height: 54px;
  letter-spacing: 0.03em;
  color: #1D1E1F;
  /* margin-top: 16px; */
  /* margin-bottom: 24px; */
}

#main .case-specifications {
  padding: 32px 0 0;
}

#main .case-specifications>.case-inner {
  width: 60%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}

#main .case-specifications>.case-inner>img {
  width: 60%;
  margin-right: 24px;
}

#main .case-specifications>.case-inner>div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 48px;
  margin-right: 24px;
}

#main .case-specifications>.case-inner>div>.circle-group>span {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #f4a524;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#main .case-specifications>.case-inner>div>.title {
  font-weight: 700;
  font-size: 32px;
  line-height: 53px;
  letter-spacing: 0.03em;
  color: #1D1E1F;
  margin-top: 16px;
  margin-bottom: 24px;
}

#main .case-specifications>.case-inner>div>p {
  font-weight: 400;
  font-size: 1.6667vw;
  line-height: 36px;
  letter-spacing: 0.03em;
  color: #63616a;
}

#main .case-specifications2 {
  padding: 32px 0 0;
}

#main .case2 {
  padding-top: 0;
}

#main .case-specifications2>.case-inner {
  width: 60%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#main .case-specifications2>.case-inner>img {
  width: 60%;
}

#main .case-specifications2>.case-inner>div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 48px;
}

#main .case-specifications2>.case-inner>div>.circle-group>span {
  width: .9375vw;
  height: .9375vw;
  margin-right: .8333vw;
  background-color: #f4a524;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#main .case-specifications2>.case-inner>div>.title {
  font-weight: 700;
  font-size: 32px;
  line-height: 54px;
  letter-spacing: 0.03em;
  color: #1D1E1F;
  margin-top: .8333vw;
  margin-bottom: .8333vw;
}

#main .case-specifications2>.case-inner>div>.title2 {
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.03em;
  color: #1D1E1F;
  margin-top: .8333vw;
  margin-bottom: .8333vw;
  /* white-space: nowrap; */
  word-break: break-all;
}

#main .case-specifications2>.case-inner>div>p {
  font-weight: 400;
  font-size: 1.6667vw;
  line-height: 36px;
  letter-spacing: 0.03em;
  color: #63616a;
}

#main .case-specifications3 {
  padding: 32px 0 0;
}

#main .case-specifications3>.case-inner {
  width: 60%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
}

#main .case-specifications3>.case-inner>img {
  width: 48.5%;
}

#main .case-specifications3>.case-inner>div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 48px;
}

#main .case-specifications3>.case-inner>div>.circle-group>span {
  width: .9375vw;
  height: .9375vw;
  margin-right: .8333vw;
  background-color: #f4a524;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#main .case-specifications3>.case-inner>div>.title {
  font-weight: 700;
  font-size: 32px;
  line-height: 54px;
  letter-spacing: 0.03em;
  color: #1D1E1F;
  margin-top: .8333vw;
  margin-bottom: .8333vw;
}

#main .case-specifications3>.case-inner>div>.title2 {
  font-size: 28px;
  line-height: 42px;
  letter-spacing: 0.03em;
  color: #1D1E1F;
  margin-top: .8333vw;
  margin-bottom: .8333vw;
  /* white-space: nowrap; */
  word-break: break-all;
}

#main .case-specifications3>.case-inner>div>p {
  font-weight: 400;
  font-size: 1.6667vw;
  line-height: 36px;
  letter-spacing: 0.03em;
  color: #63616a;
}


#main .cm4-header {
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#main .cm4-header>.title1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  color: #63616A;
  margin-bottom: 8px;
}

#main .cm4-header>.title2 {
  font-weight: 700;
  font-size: 64px;
  line-height: 83px;
  color: #63616A;
  margin-bottom: 16px;
}

#main .cm4-header>.title3 {
  font-weight: 900;
  font-size: 72px;
  line-height: 93px;
  color: #63616A;
  margin-bottom: 24px;
}

#main .cm4-header>.title4 {
  font-weight: 700;
  font-size: 48px;
  line-height: 62px;
  color: #63616A;
  margin-bottom: 8px;
}

#main .cm4-header>.title5 {
  font-weight: 700;
  font-size: 110px;
  line-height: 143px;
  color: #63616A;
  letter-spacing: 0.11em;
  margin-bottom: 2.0833vw;
}

#main .cm4-header>.pic {
  width: 907px;
  margin-bottom: 40px;
}

#main .cm4-header>.tip {
  width: calc(100% - 64px);
  max-width: 1200px;
  font-size: 16px;
  line-height: 27px;
  color: #63616A;
  text-align: center;
}

#main .cm4-header>.cm4-img {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

#main .cm4-header>.cm4-img>.item {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 4px solid rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 12px 8px 28px;
  margin-left: 40px;
}

#main .cm4-header>.cm4-img>.item2 {
  width: 280px;
  height: 280px;
  padding: 40px 24px 28px;
}

#main .cm4-header>.cm4-img>.item>.i-item {
  width: 144px;
  margin-bottom: 4px;
}

#main .cm4-header>.cm4-img>.item>.i-text {
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #1D1E1F;
}

#main .cm4-middle {
  background: linear-gradient(180deg, #031E45 17.71%, #000000 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px 0 0;
  /* margin-bottom: 80px; */
}

#main .cm4-middle>.title {
  font-weight: 900;
  font-size: 56px;
  line-height: 84px;
  color: #FFFFFF;
  /* margin-bottom: 16px; */
  text-align: center;
}

#main .cm4-middle>.circle-group {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

#main .cm4-middle>.circle-group>span {
  width: 18px;
  height: 18px;
  margin-left: 16px;
  background: #F4A524;
  border-radius: 9px;
}

#main .cm4-middle>.title2 {
  font-weight: 900;
  font-size: 56px;
  line-height: 84px;
  color: #FFFFFF;
  margin-bottom: 24px;
  text-align: center;
}

#main .cm4-middle>.title3 {
  font-size: 24px;
  line-height: 41px;
  color: #FFFFFF;
  margin-bottom: 24px;
  text-align: center;
}

#main .cm4-middle>.pic {
  width: 1146px;
}

#main .cm4-middle .ab-div {
  top: 40px;
}

#main .cm4-jump {
  width: calc(100% - 64px);
  max-width: 1200px;
  padding: 24px;
  background: #EBF2F5;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin-bottom: 80px; */
  margin: 80px auto 0;
}

#main .cm4-jump>.j-img {
  width: 484px;
}

#main .cm4-jump>.j-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#main .cm4-jump>.j-text>.text1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #1F1D1E;
  margin-bottom: 8px;
}

#main .cm4-jump>.j-text>.text2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  color: #1F1D1E;
  margin-bottom: 16px;
}

#main .cm4-jump>.j-text>.text3 {
  font-size: 20px;
  line-height: 30px;
  color: #63616A;
  margin-bottom: 45px;
}

#main .cm4-jump>.j-text>.text-marbot {
  margin-bottom: 149px;
}

#main .cm4-jump>.j-text>.text4 {
  padding: 8px 24px;
  background: #F4A524;
  border-radius: 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #FFFFFF;
  align-self: flex-end;
  cursor: pointer;
}

#main .cm4-jump>.j-text>.text4:hover {
  opacity: .7;
}


#main .emmc-img2 {
  display: none;
}

#main .emmc-img3 {
  display: none;
}

#main .emmc-jump {
  width: calc(100% - 64px);
  max-width: 1200px;
  padding: 24px;
  background: #EBF2F5;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin-bottom: 80px; */
  margin: 80px auto 0;
}

#main .emmc-jump>.j-img {
  width: 484px;
}

#main .emmc-jump>.j-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#main .emmc-jump>.j-text>.text1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #1F1D1E;
  margin-bottom: 8px;
}

#main .emmc-jump>.j-text>.text2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  color: #3F68AF;
  margin-bottom: 150px;
  margin-right: 124px;
}

#main .emmc-jump>.j-text>.text3 {
  font-size: 20px;
  line-height: 30px;
  color: #63616A;
  margin-bottom: 45px;
}

#main .emmc-jump>.j-text>.text4 {
  padding: 8px 24px;
  background: #F4A524;
  border-radius: 16px;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #FFFFFF;
  align-self: flex-end;
  cursor: pointer
}

#main .emmc-intro {
  width: calc(100% - 64px);
  max-width: 1200px;
  padding: 56px 32px 32px;
  background: linear-gradient(242.28deg, rgba(220, 218, 218, 0.8) -3.14%, rgba(224, 224, 224, 0.16) 107.99%);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 80px auto 0;
}

#main .emmc-intro>.i-img {
  width: 66%;
  margin-bottom: 40px;
}

#main .emmc-intro>.i-middle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

#main .emmc-intro>.i-middle>.m-item {
  width: 357px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  padding: 24px 0;
}

#main .emmc-intro>.i-middle>.m-item>img {
  width: 140px;
  height: 140px;
  margin-bottom: 16px;
}

#main .emmc-intro>.i-middle>.m-item>.i-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #115DA4;
}

#main .emmc-intro>.i-bottom {
  font-size: 20px;
  line-height: 34px;
  color: #1D1E1F;
}

#main .emmc-intro2 {
  width: calc(100% - 64px);
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 80px auto 0;
}

#main .emmc-intro2>img {
  width: 676px;
  margin-bottom: 16px;
}

#main .emmc-intro2>.i-header {
  margin-bottom: 16px;
}

#main .emmc-intro2>.i-header>.h-text1 {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 48px;
  line-height: 72px;
  text-align: center;
  color: #000;
  letter-spacing: 2.4px;
  text-align: center;
}

#main .emmc-intro2>.i-header>.h-text1>span {
  color: #F4A524;
}

#main .emmc-intro2>.i-header>.h-text2 {
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #1D1E1F;
  letter-spacing: 1.68px;
}

#main .emmc-intro2>.circle-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

#main .emmc-intro2>.circle-group>span {
  width: 16px;
  height: 16px;
  background: #F4A524;
  border-radius: 8px;
  margin-right: 16px;
}

#main .emmc-intro2>.i-middle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-bottom: 24px; */
}

#main .emmc-intro2>.i-middle>.m-item {
  width: 289px;
  background: #9AC0D9;
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  padding: 16px 0;
  margin-right: 16px;
}

#main .emmc-intro2>.i-middle>.m-item>.i-title {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  margin-bottom: 16px;
  border: 4px solid #FFFFFF;
  font-weight: 700;
  font-size: 32px;
  line-height: 62px;
  text-align: center;
  color: #FFFFFF;
}

#main .emmc-intro2>.i-middle>.m-item>.i-text {
  font-weight: 700;
  font-size: 48px;
  line-height: 72px;
  text-align: center;
  color: #3562B7;
}

#main .emmc-intro2>.i-middle>.m-item>img {
  width: 252px;
  margin-bottom: 16px;
}

#main .emmc-intro2>.header-text {
  font-weight: 700;
  font-size: 48px;
  line-height: 72px;
  text-align: center;
  color: #0371BE;
  margin-bottom: 16px;
}

#main .emmc-intro2>.header-text2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  color: #1D1E1F;
  margin-bottom: 16px;
}

#main .zero3-1 {
  width: 200px;
}

#main .zero3-2 {
  width: 440px;
}

#main .zero3-3 {
  width: 100%;
  background: #F4A524;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
  padding: 5px 0;
  color: #FFF;
  font-size: 20px;
  line-height: 26px;
  margin: 12px 0;
}

#main .zero3-4 {
  display: block;
}

#main .zero3-5 {
  display: none;
}

#main .zero3-6 {
  display: none;
}


#main .feature-wifi {
  width: calc(100% - 64px);
  max-width: 1200px;
  margin: 80px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#main .feature-wifi>.w-item {
  width: 384px;
  height: 250px;
  background: #F1F1F1;
  padding: 32px;
  margin-right: 24px;
}

#main .feature-wifi>.w-item>img {
  width: 72px;
  height: 72px;
  margin-bottom: 40px;
}

#main .feature-wifi>.w-item>.w-text {
  color: #1D1E1F;
  font-size: 20px;
  line-height: 34px;
}

@media (min-width: 600px) and (max-width: 1200px) {
  #banner .emmc-header {
    top: 8vw !important;
  }

  #main .cm4-jump {
    width: calc(100% - 64px);
    max-width: 992px;
    padding: 1.3333vw;
    background: #EBF2F5;
    border-radius: 1.6667vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 80px; */
    margin: 5.3333vw auto 0;
  }

  #main .cm4-jump>.j-img {
    width: 40%;
  }

  #main .cm4-jump>.j-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #main .cm4-jump>.j-text>.text1 {
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 2.5vw;
    color: #1F1D1E;
    margin-bottom: .3333vw;
  }

  #main .cm4-jump>.j-text>.text2 {
    font-weight: 700;
    font-size: 2.3333vw;
    line-height: 3.5vw;
    color: #1F1D1E;
    margin-bottom: 1.3333vw;
  }

  #main .cm4-jump>.j-text>.text3 {
    font-size: 1.3333vw;
    line-height: 2vw;
    color: #63616A;
    margin-bottom: 3vw;
  }

  #main .cm4-jump>.j-text>.text-marbot {
    margin-bottom: 9.8333vw;
  }

  #main .cm4-jump>.j-text>.text4 {
    padding: .5vw 1.6667vw;
    background: #F4A524;
    border-radius: 1.0833vw;
    font-size: 1.6667vw;
    line-height: 2.5vw;
    color: #FFFFFF;
    align-self: flex-end;
    cursor: pointer
  }

  #main>.bayern>h3 {
    font-size: 3.3333vw;
    line-height: 5vw;
  }

  #main>.bayern>ul>li>p {
    font-size: 1.6667vw;
    line-height: 2.8333vw;
  }

  #main .opi-shell {
    width: calc(100% - 64px) !important;
    margin: 0 auto;
    margin-top: 24px;
    max-width: 992px;
  }

  #main .opi-shell>img {
    width: 100%;
  }

  #main .opi-shell>div>.circle-group>span {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background-color: #f4a524;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  #main .case-specifications {
    /* padding: 5.3333vw 0; */
  }

  #main .case-specifications>.case-inner {
    width: 70%;
  }

  #main .case-specifications>.case-inner>img {
    margin-right: 1.3333vw;
  }

  #main .case-specifications>.case-inner>div {
    margin-bottom: 2.6667vw;
    margin-right: 1.3333vw;
  }

  #main .case-specifications>.case-inner>div>.circle-group>span {
    width: 0.9167vw;
    height: 0.9167vw;
    margin-right: 0.8333vw;
  }

  #main .case-specifications>.case-inner>div>.title {
    font-size: 1.9667vw;
    line-height: 2.8167vw;
    margin-top: 0vw;
    margin-bottom: 1vw;
  }

  #main .case-specifications>.case-inner>div>p {
    font-size: 1.9667vw;
    line-height: 2vw;
  }

  #main .case2 {
    padding-top: 0;
  }

  #main .case-specifications2>.case-inner {
    width: 70%;
  }

  #main .case-specifications2>.case-inner>div {
    margin-bottom: 2.6667vw;
  }

  #main .case-specifications2>.case-inner>div>.circle-group>span {
    width: 1.1667vw;
    height: 1.1667vw;
    margin-right: 1.1667vw;
  }

  #main .case-specifications2>.case-inner>div>.title {
    font-size: 2.3333vw;
    line-height: 3.9667vw;
    margin-top: 0vw;
    margin-bottom: 0;
  }

  #main .case-specifications2>.case-inner>div>.title2 {
    font-size: 2.1667vw;
    line-height: 3.25vw;
    margin-top: 0vw;
    /* margin-bottom: 1vw; */
  }

  #main .case-specifications2>.case-inner>div>p {
    font-size: 1.9667vw;
    line-height: 2vw;
  }


  #main .case-specifications3>.case-inner {
    width: 70%;
  }

  #main .case-specifications3>.case-inner>div {
    margin-bottom: 2.6667vw;
  }

  #main .case-specifications3>.case-inner>div>.circle-group>span {
    width: 1.1667vw;
    height: 1.1667vw;
    margin-right: 1.1667vw;
  }

  #main .case-specifications3>.case-inner>div>.title {
    font-size: 2.3333vw;
    line-height: 3.9667vw;
    margin-top: 0vw;
    margin-bottom: 0;
  }

  #main .case-specifications3>.case-inner>div>.title2 {
    font-size: 2.1667vw;
    line-height: 3.25vw;
    margin-top: 0vw;
    /* margin-bottom: 1vw; */
  }

  #main .case-specifications3>.case-inner>div>p {
    font-size: 1.9667vw;
    line-height: 2vw;
  }


  #main .cm4-header {
    padding: 5.3333vw 0;
  }

  #main .cm4-header>.title1 {
    font-weight: 700;
    font-size: 2.6667vw;
    line-height: 3.5vw;
    color: #63616A;
    margin-bottom: .3333vw;
  }

  #main .cm4-header>.title2 {
    font-weight: 700;
    font-size: 4vw;
    line-height: 5.1667vw;
    color: #63616A;
    margin-bottom: .3333vw;
  }

  #main .cm4-header>.title3 {
    font-weight: 900;
    font-size: 5.3333vw;
    line-height: 6.9167vw;
    color: #63616A;
    margin-bottom: 1.6667vw;
  }

  #main .cm4-header>.title4 {
    font-size: 4vw;
    line-height: 5.1667vw;
    margin-bottom: 1.3333vw;
  }

  #main .cm4-header>.title5 {
    font-size: 6.6667vw;
    line-height: 8.6667vw;
    margin-bottom: 2.6667vw;
  }

  #main .cm4-header>.pic {
    width: 62.3333vw;
    margin-bottom: 2.75vw;
  }

  #main .cm4-header>.tip {
    width: calc(100% - 32px);
    max-width: 992px;
    font-size: 1.3333vw;
    line-height: 2.25vw;
    color: #63616A;
    text-align: center;
  }

  #main .cm4-header>.cm4-img {
    display: flex;
    justify-content: center;
    margin-bottom: 2.75vw;
  }

  #main .cm4-header>.cm4-img>.item {
    width: 14.6667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: .3333vw solid rgba(0, 0, 0, 0.2);
    border-radius: 1.3333vw;
    padding: .6667vw .6667vw 1.3333vw;
    margin-left: 2.75vw;
  }

  #main .cm4-header>.cm4-img>.item2 {
    width: 20.3333vw;
    height: 20.3333vw;
    padding: 3.3333vw 2vw 2.3333vw;
  }

  #main .cm4-header>.cm4-img>.item>.i-item {
    width: 10vw;
    margin-bottom: .275vw;
  }

  #main .cm4-header>.cm4-img>.item>.i-text {
    font-size: 1.5vw;
    line-height: 1.9167vw;
    text-align: center;
    color: #1D1E1F;
  }

  #main .cm4-middle {
    background: linear-gradient(180deg, #031E45 17.71%, #000000 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4vw 0 0;
    /* margin-bottom: 80px; */
  }

  #main .cm4-middle>.title {
    font-weight: 900;
    font-size: 4vw;
    line-height: 6vw;
    color: #FFFFFF;
    /* margin-bottom: 1.3333vw; */
  }

  #main .cm4-middle>.circle-group {
    display: flex;
    align-items: center;
    margin-bottom: 1.3333vw;
  }

  #main .cm4-middle>.circle-group>span {
    width: 1.3333vw;
    height: 1.3333vw;
    margin-left: 1vw;
    background: #F4A524;
    border-radius: .6667vw;
  }

  #main .cm4-middle>.title2 {
    font-weight: 900;
    font-size: 4vw;
    line-height: 6vw;
    color: #FFFFFF;
    margin-bottom: 2vw;
  }

  #main .cm4-middle>.title3 {
    font-size: 2vw;
    line-height: 3.4167vw;
    margin-bottom: 2vw;
  }

  #main .cm4-middle>.pic {
    width: calc(100% - 48px);
    max-width: 948px;
  }

  #main .cm4-middle .ab-div {
    top: 3.3333vw;
  }

  #main .emmc-img1 {
    display: none;
  }

  #main .emmc-img3 {
    display: none;
  }

  #main .emmc-img2 {
    display: block;
  }

  #main .emmc-jump {
    width: calc(100% - 64px);
    max-width: 992px;
    padding: 1.3333vw;
    background: #EBF2F5;
    border-radius: 1.6667vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 80px; */
    margin: 5.3333vw auto 0;
  }

  #main .emmc-jump>.j-img {
    width: 40%;
  }

  #main .emmc-jump>.j-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #main .emmc-jump>.j-text>.text1 {
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 2.5vw;
    color: #1F1D1E;
    margin-bottom: .3333vw;
    margin-right: 7.6667vw;
  }

  #main .emmc-jump>.j-text>.text2 {
    font-weight: 700;
    font-size: 2.3333vw;
    line-height: 3.5vw;
    color: #3F68AF;
    margin-bottom: 10.6667vw;
  }

  #main .emmc-jump>.j-text>.text3 {
    font-size: 1.3333vw;
    line-height: 2vw;
    color: #63616A;
    margin-bottom: 3vw;
  }

  #main .emmc-jump>.j-text>.text4 {
    padding: .5vw 1.6667vw;
    background: #F4A524;
    border-radius: 1.0833vw;
    font-size: 1.6667vw;
    line-height: 2.5vw;
    color: #FFFFFF;
    align-self: flex-end;
    cursor: pointer
  }

  #main .emmc-intro {
    width: calc(100% - 64px);
    max-width: 992px;
    padding: 4.6667vw 2.6667vw 2.6667vw;
    border-radius: 2vw;
    margin: 5.3333vw auto 0;
  }

  #main .emmc-intro>.i-img {
    width: 80%;
    margin-bottom: 3.3333vw;
  }

  #main .emmc-intro>.i-middle {
    width: 100%;
    margin-bottom: 2vw;
  }

  #main .emmc-intro>.i-middle>.m-item {
    width: 25vw;
    border-radius: .6667vw;
    padding: 2vw 0;
  }

  #main .emmc-intro>.i-middle>.m-item>img {
    width: 11.6667vw;
    height: 11.6667vw;
    margin-bottom: 2.6667vw;
  }

  #main .emmc-intro>.i-middle>.m-item>.i-text {
    font-size: 2vw;
    line-height: 2.6667vw;
  }

  #main .emmc-intro>.i-bottom {
    font-size: 1.6667vw;
    line-height: 2.8333vw;
    color: #1D1E1F;
  }

  #main .emmc-intro2 {
    width: calc(100% - 48px);
    max-width: 992px;
    margin: 5.3333vw auto 0;
  }

  #main .emmc-intro2>img {
    width: 56.3333vw;
    margin-bottom: 1.3333vw;
  }

  #main .emmc-intro2>.i-header {
    margin-bottom: 1.3333vw;
  }

  #main .emmc-intro2>.i-header>.h-text1 {
    margin-bottom: 1.3333vw;
    font-size: 3.3333vw;
    line-height: 5vw;
    letter-spacing: .2vw;
  }

  #main .emmc-intro2>.i-header>.h-text2 {
    font-size: 2.3333vw;
    line-height: 3.5vw;
    letter-spacing: .14vw;
  }

  #main .emmc-intro2>.circle-group {
    margin-bottom: 1.3333vw;
  }

  #main .emmc-intro2>.circle-group>span {
    width: 1vw;
    height: 1vw;
    border-radius: .5vw;
    margin-right: 1.3333vw;
  }

  #main .emmc-intro2>.i-middle>.m-item {
    width: 19.8333vw;
    border-radius: .6667vw;
    padding: 1.3333vw 0;
    margin-right: 1.0833vw;
  }

  #main .emmc-intro2>.i-middle>.m-item>.i-title {
    width: 4.8333vw;
    height: 4.8333vw;
    border-radius: 2.4167vw;
    margin-bottom: 1.3333vw;
    border: .3333vw solid #FFFFFF;
    font-size: 2.1667vw;
    line-height: 4.3333vw;
  }

  #main .emmc-intro2>.i-middle>.m-item>img {
    width: 17.3333vw;
    margin-bottom: 1.3333vw;
  }

  #main .emmc-intro2>.i-middle>.m-item>.i-text {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
  }

  #main .emmc-intro2>.header-text {
    font-size: 3.3333vw;
    line-height: 4.4167vw;
    margin-bottom: 1.3333vw;
  }

  #main .emmc-intro2>.header-text2 {
    font-size: 3.3333vw;
    line-height: 5vw;
    margin-bottom: 1.3333vw;
  }

  #main .zero3-1 {
    width: 16.6667vw;
  }

  #main .zero3-2 {
    width: 36.6667vw;
  }

  #main .zero3-3 {
    padding: .4167vw 0;
    color: #FFF;
    font-size: 1.6667vw;
    line-height: 2.1667vw;
    margin: 1vw 0;
  }

  #main .feature-wifi {
    width: calc(100% - 48px);
    max-width: 992px;
    margin: 5.3333vw auto 0;
  }

  #main .feature-wifi>.w-item {
    width: 26.1667vw;
    height: 20.8333vw;
    padding: 2.6667vw;
    margin-right: 2vw;
  }

  #main .feature-wifi>.w-item>img {
    width: 6vw;
    height: 6vw;
    margin-bottom: 3.3333vw;
  }

  #main .feature-wifi>.w-item>.w-text {
    font-size: 1.6667vw;
    line-height: 2.8333vw;
  }
}

@media (max-width: 600px) {
  #main .zero3-6 {
    display: block;
    width: 100%;
    background: #F4A524;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
    padding: .3333vw 0;
    color: #FFF;
    font-size: 3.3333vw;
    line-height: 5.3333vw;
    margin: 1vw 0;
  }

  #main .zero3-3 {
    display: none;
  }

  #main .zero3-4 {
    display: none;
  }

  #main .zero3-5 {
    display: block;
    color: #1D1E1F;
    font-size: 4vw !important;
    line-height: 5.3333vw !important;
  }

  #main .cm4-jump {
    width: calc(100% - 32px);
    max-width: 492px;
    padding: 2.6667vw;
    background: #EBF2F5;
    border-radius: 3.3333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* margin-bottom: 80px; */
    margin: 8vw auto 0;
  }

  #main .cm4-jump>.j-img {
    width: 100%;
  }

  #main .cm4-jump>.j-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #main .cm4-jump>.j-text>.text1 {
    font-weight: 700;
    font-size: 3.3333vw;
    line-height: 5vw;
    color: #1F1D1E;
    margin-bottom: .6667vw;
  }

  #main .cm4-jump>.j-text>.text2 {
    font-weight: 700;
    font-size: 4.6667vw;
    line-height: 7vw;
    color: #1F1D1E;
    margin-bottom: 2.6667vw;
  }

  #main .cm4-jump>.j-text>.text3 {
    font-size: 2.6667vw;
    line-height: 4vw;
    color: #63616A;
    margin-bottom: 4vw;
  }

  #main .cm4-jump>.j-text>.text4 {
    padding: 1vw 3.3333vw;
    background: #F4A524;
    border-radius: 2.1667vw;
    font-size: 3.3333vw;
    line-height: 5vw;
    color: #FFFFFF;
    align-self: flex-end;
    cursor: pointer
  }

  #main .opi-shell {
    width: calc(100% - 16px) !important;
    margin: 0 auto;
    margin-top: 24px;
    max-width: 460px;
  }

  #main .opi-shell>img {
    width: 100%;
  }

  #main .opi-shell>.bay {
    top: 2.0917vw !important;
    left: 58.0833vw !important;
  }

  #main .opi-shell>.bayern {
    top: 1.0917vw !important;
  }

  #case-main .opi-shell>.bayern2 {
    top: 40.0917vw !important;
  }

  #main .opi-shell>div>.circle-group>span {
    width: 5px;
    height: 5px;
    margin-right: 1px;
    background-color: #f4a524;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  #main .case-specifications {
    /* padding: 8vw 0; */
  }

  #main .case-specifications>.case-inner {
    width: calc(100% - 16px) !important;
    max-width: 392px;
    flex-direction: column !important;
    align-items: flex-start;

  }

  #main .case-specifications>.case-inner>img {
    width: 100%;
    /* margin-right: 1.3333vw; */
  }

  #main .case-specifications>.case-inner>div {
    margin-bottom: 2.6667vw;
    margin-right: 1.3333vw;
  }

  #main .case-specifications>.case-inner>div {
    margin-bottom: 2.6667vw;
  }

  #main .case-specifications>.case-inner>div>.circle-group>span {
    width: 1.6667vw;
    height: 1.6667vw;
    margin-right: 1.1667vw;
  }

  #main .case-specifications>.case-inner>div>.title {
    font-size: 2.8vw;
    line-height: 4vw;
    margin-top: 0.6667vw;
    margin-bottom: 1.3333vw;
  }

  #main .case-specifications>.case-inner>div>p {
    font-size: 2.6vw;
    line-height: 3vw;
    white-space: nowrap;
  }

  #main .case-specifications2 {
    padding-top: 4vw;
    width: 100%;
    max-width: 432px;
    flex-direction: column !important;
    align-items: flex-start;
  }

  #main .case2 {
    padding-top: 0;
  }

  #main .case-specifications2>.case-inner {
    width: 100%;
    max-width: 432px;
    flex-direction: column !important;
    align-items: flex-start;
  }

  #main .case-specifications2>.case-inner2 {
    width: 100%;
    max-width: 432px;
    flex-direction: column-reverse !important;
    align-items: flex-start;
  }

  #main .case-specifications2>.case-inner>img {
    width: 100% !important;
  }

  #main .case-specifications2>.case-inner>div {
    margin-bottom: 2.6667vw;
    width: 100% !important;
  }

  #main .case-specifications2>.case-inner>div>.circle-group>span {
    width: 1.3333vw;
    height: 1.3333vw;
    margin-right: 1.4vw;
  }

  #main .case-specifications2>.case-inner>div>.title {
    font-size: 3.6667vw;
    line-height: 6.2333vw;
    margin-bottom: 0;
    /* margin-top: 0.6667vw;
    margin-bottom: 1.3333vw; */
  }

  #main .case-specifications2>.case-inner>div>.title2 {
    font-size: 3vw;
    line-height: 4.5vw;
    /* margin-top: 0.6667vw;
    margin-bottom: 1.3333vw; */
  }

  #main .case-specifications2>.case-inner>div>p {
    font-size: 2.6vw;
    line-height: 3vw;
    white-space: nowrap;
  }

  #main .case-specifications3 {
    padding-top: 4vw;
    width: 100%;
    max-width: 432px;
    flex-direction: column !important;
    align-items: flex-start;
  }

  #main .case-specifications3>.case-inner {
    width: 100%;
    max-width: 432px;
    flex-direction: column !important;
    align-items: flex-start;
  }

  #main .case-specifications3>.case-inner2 {
    width: 100%;
    max-width: 432px;
    flex-direction: column-reverse !important;
    align-items: flex-start;
  }

  #main .case-specifications3>.case-inner>img {
    width: 100% !important;
  }

  #main .case-specifications3>.case-inner>div {
    margin-bottom: 2.6667vw;
    width: 100% !important;
  }

  #main .case-specifications3>.case-inner>div>.circle-group>span {
    width: 1.3333vw;
    height: 1.3333vw;
    margin-right: 1.4vw;
  }

  #main .case-specifications3>.case-inner>div>.title {
    font-size: 3.6667vw;
    line-height: 6.2333vw;
    /* margin-top: 0.6667vw;
    margin-bottom: 1.3333vw; */
  }

  #main .case-specifications3>.case-inner>div>.title2 {
    font-size: 3vw;
    line-height: 4.5vw;
    /* margin-top: 0.6667vw;
    margin-bottom: 1.3333vw; */
  }

  #main .case-specifications3>.case-inner>div>p {
    font-size: 2.6vw;
    line-height: 3vw;
    white-space: nowrap;
  }


  #main .cm4-header {
    padding: 8vw 0;
  }

  #main .cm4-header>.title1 {
    font-weight: 700;
    font-size: 2.6667vw;
    line-height: 3.5vw;
    color: #63616A;
    margin-bottom: .3333vw;
  }

  #main .cm4-header>.title2 {
    font-weight: 700;
    font-size: 4vw;
    line-height: 5.1667vw;
    color: #63616A;
    margin-bottom: .6667vw;
  }

  #main .cm4-header>.title3 {
    font-weight: 900;
    font-size: 5.3333vw;
    line-height: 7vw;
    color: #63616A;
    margin-bottom: 1.6667vw;
  }

  #main .cm4-header>.title4 {
    font-size: 3.3333vw;
    line-height: 4.3333vw;
    margin-bottom: .5vw;
  }

  #main .cm4-header>.title5 {
    font-size: 6.6667vw;
    line-height: 8.6667vw;
    margin-bottom: 2.6667vw;
  }

  #main .cm4-header>.pic {
    width: 62vw;
    margin-bottom: 2.6667vw;
  }

  #main .cm4-header>.tip {
    width: calc(100% - 32px);
    word-break: break-all;
    /* max-width: 392px; */
    font-size: 1.3333vw;
    line-height: 5.1667vw;
    color: #63616A;
    text-align: center;
  }

  #main .cm4-header>.cm4-img {
    display: flex;
    justify-content: center;
    margin-bottom: 2.6667vw;
  }

  #main .cm4-header>.cm4-img>.item {
    width: 19.3333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: .3333vw solid rgba(0, 0, 0, 0.2);
    border-radius: 1.3333vw;
    padding: 1.3333vw .6667vw;
    margin-left: 1.6667vw;
  }

  #main .cm4-header>.cm4-img>.item2 {
    width: 25vw;
    height: 25vw;
    padding: 2.6667vw 1.666vw 1vw;
  }

  #main .cm4-header>.cm4-img>.item>.i-item {
    width: 10vw;
    margin-bottom: .2733vw;
  }

  #main .cm4-header>.cm4-img>.item>.i-text {
    word-break: break-all;
    font-size: 1.6667vw;
    line-height: 4.1667vw;
    text-align: center;
    color: #1D1E1F;
  }

  #main .cm4-middle {
    background: linear-gradient(180deg, #031E45 17.71%, #000000 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5.3333vw 0 0;
    /* margin-bottom: 80px; */
  }

  #main .cm4-middle>.title {
    font-weight: 900;
    font-size: 4.6667vw;
    line-height: 7vw;
    color: #FFFFFF;
    /* margin-bottom: 1.3333vw; */
  }

  #main .cm4-middle>.circle-group {
    display: flex;
    align-items: center;
    margin-bottom: 1.3333vw;
  }

  #main .cm4-middle>.circle-group>span {
    width: 1.3333vw;
    height: 1.3333vw;
    margin-left: .6667vw;
    background: #F4A524;
    border-radius: .6667vw;
  }

  #main .cm4-middle>.title2 {
    font-weight: 900;
    font-size: 4.6667vw;
    line-height: 7vw;
    color: #FFFFFF;
    margin-bottom: 1.6667vw;
  }

  #main .cm4-middle>.title3 {
    max-width: 392px;
    width: calc(100% - 32px);
    font-size: 2.6667vw;
    line-height: 4.5vw;
    margin-bottom: 1.6667vw;
  }

  #main .cm4-middle>.pic {
    width: calc(100% - 16px);
    max-width: 392px;
  }

  #main .cm4-middle .ab-div {
    top: 4vw;
  }

  #main .emmc-img2 {
    display: none;
  }

  #main .emmc-img1 {
    display: none;
  }

  #main .emmc-img3 {
    display: block;
  }

  #main .emmc-jump {
    width: calc(100% - 16px);
    max-width: 392px;
    padding: 2.6667vw;
    background: #EBF2F5;
    border-radius: 3.3333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* margin-bottom: 80px; */
    margin: 8vw auto 0;
  }

  #main .emmc-jump>.j-img {
    width: 100%;
  }

  #main .emmc-jump>.j-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #main .emmc-jump>.j-text>.text1 {
    font-weight: 700;
    font-size: 3.3333vw;
    line-height: 5vw;
    color: #1F1D1E;
    margin-bottom: .6667vw;
  }

  #main .emmc-jump>.j-text>.text2 {
    font-weight: 700;
    font-size: 4.6667vw;
    line-height: 7vw;
    color: #3F68AF;
    margin-bottom: 2.6667vw;
    margin-right: 0;
  }

  #main .emmc-jump>.j-text>.text3 {
    font-size: 2.6667vw;
    line-height: 4vw;
    color: #63616A;
    margin-bottom: 4vw;
  }

  #main .emmc-jump>.j-text>.text4 {
    padding: 1vw 3.3333vw;
    background: #F4A524;
    border-radius: 2.1667vw;
    font-size: 3.3333vw;
    line-height: 5vw;
    color: #FFFFFF;
    align-self: flex-end;
    cursor: pointer
  }

  #main .emmc-intro {
    width: calc(100% - 16px);
    max-width: 392px;
    padding: 4vw 2.6667vw 2.6667vw;
    border-radius: 1.3333vw;
    margin: 8vw auto 0;
  }

  #main .emmc-intro>.i-img {
    width: 80%;
    margin-bottom: 2.6667vw;
  }

  #main .emmc-intro>.i-middle {
    width: 100%;
    margin-bottom: 1.5833vw;
  }

  #main .emmc-intro>.i-middle>.m-item {
    width: 111px;
    border-radius: .5vw;
    padding: 2vw 0;
  }

  #main .emmc-intro>.i-middle>.m-item>img {
    width: 12vw;
    height: 12vw;
    margin-bottom: 1.3333vw;
  }

  #main .emmc-intro>.i-middle>.m-item>.i-text {
    font-size: 3.3333vw;
    line-height: 4.3333vw;
  }

  #main .emmc-intro>.i-bottom {
    font-size: 2.6667vw;
    line-height: 4.5vw;
    color: #1D1E1F;
  }

  #main .emmc-intro2 {
    width: calc(100% - 16px);
    max-width: 392px;
    margin: 8vw auto 0;
  }

  #main .emmc-intro2>img {
    width: 56.6667vw;
    margin-bottom: 2vw;
  }

  #main .emmc-intro2>.i-header {
    margin-bottom: 2vw;
  }

  #main .emmc-intro2>.i-header>.h-text1 {
    margin-bottom: 1.3333vw;
    font-size: calc(1rem + 1.8vw);
    line-height: calc(1.5rem + 2.5vw);
    letter-spacing: .24vw;
  }

  #main .emmc-intro2>.i-header>.h-text2 {
    font-size: calc(1rem + 0vw);
    line-height: calc(1.5rem + 0.5vw);
    letter-spacing: .16vw;
  }

  #main .emmc-intro2>.circle-group {
    margin-bottom: 1.3333vw;
  }

  #main .emmc-intro2>.circle-group>span {
    width: 1vw;
    height: 1vw;
    border-radius: .5vw;
    margin-right: 1.3333vw;
  }

  #main .emmc-intro2>.i-middle>.m-item {
    width: 21vw;
    border-radius: .5833vw;
    padding: 1.6667vw 0;
    margin-right: 1.1667vw;
  }

  #main .emmc-intro2>.i-middle>.m-item>.i-title {
    width: 5vw;
    height: 5vw;
    border-radius: 2.5vw;
    margin-bottom: 1.3333vw;
    border: .3333vw solid #FFFFFF;
    font-size: 2.3333vw;
    line-height: 4.5vw;
  }

  #main .emmc-intro2>.i-middle>.m-item>img {
    width: 18.3333vw;
    margin-bottom: 1.3333vw;
  }

  #main .emmc-intro2>.i-middle>.m-item>.i-text {
    font-size: 4vw;
    line-height: 5.3333vw;
  }

  #main .emmc-intro2>.header-text {
    font-size: 5.3333vw;
    line-height: 7vw;
    margin-bottom: 3.6667vw;
  }

  #main .emmc-intro2>.header-text2 {
    font-size: 3.3333vw;
    line-height: 5vw;
    margin-bottom: 3.6667vw;
  }


  #main .feature-wifi {
    width: calc(100% - 16px);
    max-width: 392px;
    margin: 8vw auto 0;
    flex-direction: column;
  }

  #main .feature-wifi>.w-item {
    width: 100%;
    height: 36.6667vw;
    padding: 5.3333vw;
    margin-right: 0;
    margin-bottom: 4vw;
  }

  #main .feature-wifi>.w-item>img {
    width: 12vw;
    height: 12vw;
    margin-bottom: 6.6667vw;
  }

  #main .feature-wifi>.w-item>.w-text {
    font-size: 3.3333vw;
    line-height: 5.6667vw;
  }

}

.os-video {
  width: 100%;
}

.os-video2 {
  margin: 80px auto 0;
  width: calc(100% - 64px);
  max-width: 1200px;
}

.os-video img {
  width: 100%;
}

.os-video .os-big {
  display: block;
}

.os-video .os-middle {
  display: none;
}

.os-video .os-small {
  display: none;
}

.third-image {
  color: red;
  font-size: 20px;
  line-height: 34px;
  font-style: italic;
}

#main .pi3b-supportos {
  width: calc(100% - 64px);
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 80px;
}

#main .pi3b-supportos>.s-title {
  color: #1D1E1F;
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 16px;
  text-align: center;
}

#main .pi3b-supportos>.s-title2 {
  color: #FFF;
  font-weight: 900;
  font-size: 56px;
  line-height: 84px;
  margin-bottom: 16px;
  text-align: center;
}

#main .pi3b-supportos>.s-title3 {
  color: #FFF;
  font-size: 24px;
  line-height: 41px;
  margin-bottom: 40px;
  text-align: center;
}

#main .pi3b-supportos>.s-group {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

#main .pi3b-supportos>.s-group2 {
  margin-bottom: 16px;
}

#main .pi3b-supportos>.s-group>span {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-right: 16px;
  background-color: #F4A524;
}

#main .pi3b-supportos>.s-img {
  display: flex;
  align-items: center;
}

#main .pi3b-supportos>.s-img>img {
  width: 208px;
  height: 208px;
  margin-right: 40px;
}


#main .ai-header {
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#main .ai-header>.title1 {
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 3.2292vw;
  color: #63616A;
}

#main .ai-header>.title2 {
  font-weight: 900;
  font-size: 8.75vw;
  line-height: 8.75vw;
  color: #474747;
  margin-bottom: .8333vw;
}

#main .ai-header>.title3 {
  position: relative;
  color: #636363;
  font-size: 2.9167vw;
  line-height: 4.375vw;
  font-weight: 500;
  margin-bottom: 1.7188vw;
}

#main .ai-header>.title3>img {
  position: absolute;
  top: 6.9271vw;
  right: 4.2188vw;
  width: 5.5729vw;
}

#main .ai-header>.title4 {
  margin-bottom: .4167vw;
  font-weight: 700;
  font-size: 3.3333vw;
  line-height: 4.3229vw;
  color: #63616A;
}

#main .ai-header>.title5 {
  margin-bottom: 2.5vw;
  font-weight: 700;
  font-size: 5vw;
  line-height: 6.5104vw;
  color: #63616A;
}

#main .ai-header>.title6 {
  margin-bottom: 1.25vw;
  margin-top: 5.2083vw;
  background: linear-gradient(269.77deg, #0082E0 5.51%, #53E0FF 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 3.25vw;
}

#main .ai-header>.kp-title1 {
  margin-bottom: .2083vw;
  font-weight: 700;
  font-size: 3.3333vw;
  line-height: 5vw;
  color: #474747;
}

#main .ai-header>.kp-title2 {
  margin-bottom: 1.25vw;
  font-weight: 700;
  font-size: 7.5vw;
  line-height: 8.9583vw;
  color: #474747;
}

#main .ai-header>.kp-title3 {
  margin-bottom: 1.25vw;
  padding-bottom: 1.25vw;
  border-bottom: 2px solid #000000;
  font-weight: 600;
  font-size: 4.2708vw;
  line-height: 6.3542vw;
  letter-spacing: 0.28em;
  color: #636363;
}

#main .ai-header>.kp-title4 {
  padding-left: 2.0417vw;
  font-size: 2.5vw;
  line-height: 3.75vw;
  letter-spacing: 1.24em;
  color: #474747;
}

#main .ai-header>.kp-title5 {
  padding-left: 2.0417vw;
  font-size: 2.5vw;
  line-height: 3.75vw;
  letter-spacing: 0.81em;
  color: #474747;
}

#main .ai-header>.kp-pic {
  margin: 1.0417vw 0;
  width: 45vw;
}

#main .ai-header>.ai-pic {
  width: 41.6667vw;
}


#main .ai-header>.kp-content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.0833vw;
}

#main .ai-header>.mb60 {
  margin-bottom: 3.125vw;
}

#main .ai-header>.kp-content>.kp-icon {
  width: 33.3333vw;
}

#main .ai-header>.kp-content>.mr {
  margin-right: 2.0833vw;
}

#main .ai-header>.kp-content>.kp-intro {
  width: 33.3333vw;
  max-width: 33.3333vw;
}

#main .ai-header>.kp-content>.kp-intro>.i-top {
  display: flex;
  margin-bottom: 1.25vw;
}

#main .ai-header>.kp-content>.kp-intro>.i-top>div {
  width: .8333vw;
  height: .8333vw;
  border-radius: 50%;
  margin-right: .8333vw;
  background-color: #2C93CD;
}

#main .ai-header>.kp-content>.kp-intro>.cm5-top>div {
  background-color: #305893;
}

#main .ai-header>.kp-content>.kp-intro>.i-title {
  margin-bottom: 1.25vw;
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 3.75vw;
  color: #060606;
}

#main .ai-header>.kp-content>.kp-intro>.i-intro {
  font-size: 1.25vw;
  line-height: 1.875vw;
  color: #1D1E1F;
}

#main .ai-header>.kp-content>.kp-intro>.i-intro>a {
  color: #63616a;
  transition: .5s;
}

#main .ai-header>.kp-content>.kp-intro>.i-intro>a:hover {
  color: blue;
}



#main .ai-header>.max-header-content {
  width: 58.3333vw;
  padding: 1.25vw;
  background: #0082E00D;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: .8333vw;
}

#main .ai-header>.max-header-content>.mh-top {
  display: flex;
  align-items: center;
  margin-bottom: 2.0833vw;
}

#main .ai-header>.max-header-content>.mh-top>.mh-title {
  margin-left: 1.6667vw;
  background: linear-gradient(269.77deg, #0082E0 5.51%, #53E0FF 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 2.5vw;
  line-height: 3.25vw;
  letter-spacing: 0.78em;
}

#main .ai-header>.max-header-content>.mh-top>.mh-circle {
  background: #51DEFE;
  width: .625vw;
  height: .625vw;
  border-radius: 50%;
}

#main .ai-header>.max-header-content>.mh-top>.color {
  background: #0082E0;
}

#main .ai-header>.max-header-content>.mh-bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#main .ai-header>.max-header-content>.mh-bottom>.mh-item {
  width: 17.7604vw;
  height: 14.5833vw;
  padding: .8333vw;
  background: #0082E026;
  border-radius: .8333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#main .ai-header>.max-header-content>.mh-bottom>.mh-item>.i-pic {
  width: 7.5vw;
  height: 7.5vw;
  margin-bottom: .4167vw;
}

#main .ai-header>.max-header-content>.mh-bottom>.mh-item>.i-text {
  font-size: 1.0417vw;
  line-height: 1.3542vw;
  text-align: center;
  color: #0068B4;
}

#main .ai-header>.ai-info {
  width: calc(100% - 64px);
  max-width: 80vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

#main .ai-header>.ai-info>.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 2.9167vw;
}

#main .ai-header>.ai-info>.item>.i-title {
  background: linear-gradient(91deg, #5B72FA 5.32%, #9050F7 95.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5vw;
  line-height: 7.5vw;
  font-weight: 700;
}

#main .ai-header>.ai-info>.item>.i-text {
  color: #4132C7;
  font-size: 2.9167vw;
  line-height: 4.375vw;
  font-weight: 500;
}

#main .ai-header>.ai-img {
  margin-top: 4.1667vw;
  width: calc(100% - 64px);
  max-width: 81.25vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4.1667vw;
}

#main .ai-header>.mb {
  margin-bottom: 1.25vw;
}

#main .ai-header>.pro-intro {
  width: calc(100% - 64px);
  max-width: 81.25vw;
  color: #63616A;
  font-size: 1.0417vw;
  line-height: 1.7708vw;
  text-align: center;
}

#main .ai-header>.ai-img>.item {
  width: 14.5833vw;
  height: 14.5833vw;
  padding: 2.0833vw 1.25vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  border: 4px solid rgba(0, 0, 0, 0.20);
  margin-bottom: 2.0833vw;
}

#main .ai-header>.ai-img>.item>.i-item {
  width: 7.5vw;
  margin-bottom: .4167vw;
}

#main .ai-header>.ai-img>.item>.i-text {
  color: #1D1E1F;
  font-size: 1.0417vw;
  line-height: 1.3542vw;
  text-align: center;
}

#main .ai-header>.ai-tip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.125vw;
}

#main .ai-header>.ai-tip>.t-img {
  width: 39.5833vw;
  margin-right: .5729vw;
}

#main .ai-header>.ai-tip>.t-img2 {
  width: 68.4375vw;
  margin-left: -8.4688vw;
}

#main .ai-header>.ai-tip>.t-img3 {
  width: 35.5208vw;
  margin-right: 4.6875vw;
}

#main .ai-header>.ai-tip>.t-img4 {
  width: 32.8646vw;
  margin-left: 7.2917vw;
}

#main .ai-header>.ai-tip>.t-content {}

#main .ai-header>.ai-tip>.content2 {
  width: 30.625vw;
}

#main .ai-header>.ai-tip>.t-content>.c-circle {
  margin-bottom: 1.25vw;
}

#main .ai-header>.ai-tip>.t-content>.c-circle>span {
  display: inline-block;
  background-color: #5E70F9;
  width: .8333vw;
  height: .8333vw;
  margin-right: .8333vw;
  border-radius: .4167vw;
}

#main .ai-header>.ai-tip>.t-content>.c-title1 {
  color: #474747;
  font-size: 4.1667vw;
  line-height: 6.25vw;
  font-weight: 900;
}

#main .ai-header>.ai-tip>.t-content>.c-title2 {
  color: #1D1E1F;
  font-size: 2.5vw;
  line-height: 3.75vw;
  font-weight: 900;
}

#main .ai-header>.ai-tip>.t-content>.c-title3 {
  margin-top: 1.25vw;
  color: #63616A;
  font-size: 1.25vw;
  line-height: 2.1354vw;
}

#main .ai-header>.ai-tip>.t-content>.c-title3>a {
  color: #5E70F9;
}

#main .ai-header>.ai-tip>.t-content>.c-title3>a:hover {
  opacity: 0.7;
}

#main .ai-header>.ai-toast {
  margin-top: 1.0417vw;
  padding: 1.0417vw 2.0833vw 2.0833vw;
  width: calc(100% - 64px);
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1.25vw;
  background: #F1F1F1;
}

#main .ai-header>.ai-toast>.to-title {
  display: flex;
  align-items: center;
}

#main .ai-header>.ai-toast>.to-title>img {
  margin-right: 1.0417vw;
  width: 1.0417vw;
}

#main .ai-header>.ai-toast>.to-title>.text {
  margin-right: 1.0417vw;
  background: linear-gradient(91deg, #5B72FA 5.32%, #9050F7 95.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.9167vw;
  font-weight: 900;
  line-height: 4.375vw;
}

#main .ai-header>.ai-toast>.to-title>.text2 {
  background: linear-gradient(273.52deg, #2C93CD -6.9%, #000000 110.16%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#main .ai-header>.ai-toast>.to-content {
  margin-top: 1.6667vw;
  color: #63616A;
  text-align: center;
  font-size: 1.25vw;
  line-height: 2.1354vw;
}

#main .ai-middle {
  width: 100%;
  background: linear-gradient(180deg, #150345 17.71%, #000 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
}

#main .max-middle {
  background: #fff;
  padding: 0 0 2.0833vw;
}

#main .ai-middle>.title-img {
  width: 98%;
}

#main .ai-middle>.am-title {
  background: linear-gradient(91deg, #5B72FA 5.32%, #9050F7 95.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 6.6667vw;
  line-height: 10vw;
  font-weight: 900;
}

#main .ai-middle>.am-title2 {
  font-size: 6.6667vw;
  line-height: 10vw;
}

#main .ai-middle>.am-line {
  width: 46.4063vw;
  height: .1302vw;
  background-color: #5B72FA;
  margin-bottom: .6771vw;
}

#main .ai-middle>.am-tag {
  margin-top: .8333vw;
  max-width: 1200px;
  width: calc(100% - 64px);
  color: #FFF;
  text-align: center;
  font-size: 1.6667vw;
  line-height: 2.8125vw;
}

#main .ai-middle>.am-info {
  margin-top: 4.1667vw;
  background: linear-gradient(91deg, #5B72FA 5.32%, #9050F7 95.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.5vw;
  line-height: 3.75vw;
  font-weight: 700;
}

#main .ai-middle>.am-pic {
  max-width: 1200px;
  width: calc(100% - 64px);
  margin-top: 2.0833vw;
}

#main .ai-middle>.am-tip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4.1667vw;
}

#main .ai-middle>.am-tip>.t-img {
  width: 47vw;
  margin-right: 2.0833vw;
}

#main .ai-middle>.am-tip>.t-img2 {
  width: 36.5625vw;
  margin-left: 2.5vw;
}

#main .ai-middle>.am-tip>.t-img3 {
  width: 33.3333vw;
  margin-right: 1.9792vw;
}

#main .ai-middle>.am-tip>.t-img4 {
  width: 22.0833vw;
  margin-right: 6.1458vw;
}

#main .ai-middle>.am-tip>.t-img5 {
  width: 26.0417vw;
  margin-left: 4.1667vw;
}

#main .ai-middle>.am-tip>.t-img6 {
  width: 22.9167vw;
  margin-left: 6.7708vw;
}

#main .ai-middle>.am-tip>.t-content {
  width: 31.625vw;
}

#main .ai-middle>.am-tip>.t-content2 {
  width: 36.2188vw;
}

#main .ai-middle>.am-tip>.t-content>.c-title1 {
  background: linear-gradient(91deg, #5B72FA 5.32%, #9050F7 95.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5vw;
  line-height: 7.5vw;
  font-weight: 700;
}

#main .ai-middle>.am-tip>.t-content>.text-zip {
  letter-spacing: -7.68px;
}

#main .ai-middle>.am-tip>.t-content>.c-title2 {
  color: #FFF;
  font-size: 2.5vw;
  line-height: 3.3333vw;
  font-weight: 700;
}

#main .ai-middle>.am-tip>.t-content>.c-title3 {
  margin-top: .8333vw;
  color: #FFF;
  font-size: 1.25vw;
  line-height: 2.125vw;
}

#main .max-middle>.am-tip>.t-content>.c-title2 {
  color: #0070C1;
}

#main .max-middle>.am-tip>.t-content>.c-title3 {
  color: #63616A;
}


#main .aipro-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4.1667vw;
}

#main .aipro-title>.at-pic {
  width: 57.8125vw;
}

#main .aipro-title>.at-title {
  margin-bottom: 1.25vw;
  color: #1D1E1F;
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 170%;
}

#main .aipro-title>.circle-group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: .8333vw;
}

#main .aipro-title>.circle-group>span {
  margin-right: .8333vw;
  width: .8333vw;
  height: .8333vw;
  background-color: #F4A524;
  border-radius: 50%;
}

#main .aipro-title>.at-title2 {
  color: #1D1E1F;
  font-size: 2.0833vw;
  line-height: 3.5417vw;
}

#main .aipro-title2 {
  margin: 4.1667vw auto;
  background: url("../img/aipro/aipro-58.png") no-repeat;
  overflow: hidden;
  background-size: cover;
  width: 79.1667vw;
  height: 54.6875vw;
  padding-top: 44.5833vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#main .aipro-title2>.at-title {
  color: #1D1E1F;
  font-size: 2.9167vw;
  font-weight: 700;
  line-height: 170%;
  letter-spacing: .175vw;
}

#main .aipro-title2>.circle-group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: .8333vw;
}

#main .aipro-title2>.circle-group>span {
  margin-right: .8333vw;
  width: .8333vw;
  height: .8333vw;
  background-color: #F4A524;
  border-radius: 50%;
}


@media (min-width: 600px) and (max-width: 1200px) {
  #main .ai-header>.title6 {
    margin-bottom: 1.3333vw;
    margin-top: 6.6667vw;
    font-size: 3.3333vw;
    line-height: 4.3333vw;
  }

  #main .ai-header>.max-header-content {
    width: 77.6667vw;
    padding: 1.3333vw;
    border-radius: 1vw;
  }

  #main .ai-header>.max-header-content>.mh-top {
    margin-bottom: 2vw;
  }

  #main .ai-header>.max-header-content>.mh-top>.mh-title {
    margin-left: 2vw;
    font-size: 3vw;
    line-height: 3.9vw;
    letter-spacing: 0.78em;
  }

  #main .ai-header>.max-header-content>.mh-top>.mh-circle {
    width: .8333vw;
    height: .8333vw;
  }

  #main .ai-header>.max-header-content>.mh-bottom>.mh-item {
    width: 24.1667vw;
    height: 17.0833vw;
    padding: 1vw;
    border-radius: 1vw;
  }

  #main .ai-header>.max-header-content>.mh-bottom>.mh-item>.i-pic {
    width: 9.3333vw;
    height: 9.3333vw;
    margin-bottom: .5vw;
  }

  #main .ai-header>.max-header-content>.mh-bottom>.mh-item>.i-text {
    font-size: 1.3333vw;
    line-height: 1.75vw;
  }




  #main .opi-shell>div>.title {
    font-size: 2.6667vw;
    line-height: 4.5vw;
  }

  .os-video2 {
    margin: 5.3333vw auto 0;
    width: calc(100% - 64px);
    max-width: 992px;
  }

  .os-video .os-big {
    display: none;
  }

  .os-video .os-middle {
    display: block;
  }

  .os-video .os-small {
    display: none;
  }

  .third-image {
    color: red;
    font-size: 1.8vw;
    line-height: 2.5vw;
  }

  #main .pi3b-supportos {
    width: calc(100% - 64px);
    max-width: 992px;
    margin: 0 auto 5.3333vw;
  }

  #main .pi3b-supportos>.s-title {
    font-size: 2.6667vw;
    line-height: 4vw;
    margin-bottom: 1.3333vw;
  }

  #main .pi3b-supportos>.s-title2 {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 1.3333vw;
  }

  #main .pi3b-supportos>.s-title3 {
    font-size: 2vw;
    line-height: 3.4167vw;
    margin-bottom: 3.3333vw;
  }

  #main .pi3b-supportos>.s-group {
    margin-bottom: 3.3333vw;
  }

  #main .pi3b-supportos>.s-group2 {
    margin-bottom: 1.3333vw;
  }

  #main .pi3b-supportos>.s-group>span {
    width: 1.3333vw;
    height: 1.3333vw;
    border-radius: .6667vw;
    margin-right: 1.3333vw;
  }

  #main .pi3b-supportos>.s-img>img {
    width: 17.3333vw;
    height: 17.3333vw;
    margin-right: 3.3333vw;
  }


  #main .ai-header {
    padding: 5.3333vw 0;
  }

  #main .ai-header>.title1 {
    font-size: 2.6667vw;
    line-height: 3.5vw;
  }

  #main .ai-header>.title2 {
    font-size: 9.1667vw;
    line-height: 9.1667vw;
    margin-bottom: 1.3333vw;
  }

  #main .ai-header>.title3 {
    font-size: 3.3333vw;
    line-height: 5vw;
    margin-bottom: 1.0833vw;
  }

  #main .ai-header>.title3>img {
    top: 7.25vw;
    right: 8.0833vw;
    width: 4.8333vw;
  }

  #main .ai-header>.ai-pic {
    width: 43.5vw;
  }

  #main .ai-header>.kp-content {
    margin-top: 2.6667vw;
  }

  #main .ai-header>.mb60 {
    margin-bottom: 4vw;
  }

  #main .ai-header>.kp-content>.kp-icon {
    width: 40vw;
  }

  #main .ai-header>.kp-content>.mr {
    margin-right: 2.6667vw;
  }

  #main .ai-header>.kp-content>.kp-intro {
    width: 40vw;
    max-width: 40vw;
  }

  #main .ai-header>.kp-content>.kp-intro>.i-top {
    margin-bottom: 1.3333vw;
  }

  #main .ai-header>.kp-content>.kp-intro>.i-top>div {
    width: 1vw;
    height: 1vw;
    margin-right: 1vw;
  }

  #main .ai-header>.kp-content>.kp-intro>.i-title {
    margin-bottom: 1.3333vw;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  #main .ai-header>.kp-content>.kp-intro>.i-intro {
    font-size: 1.6667vw;
    line-height: 2.5vw;
  }

  #main .ai-header>.kp-title1 {
    margin-bottom: .3333vw;
    font-size: 4vw;
    line-height: 6vw;
  }

  #main .ai-header>.kp-title2 {
    margin-bottom: 1.3333vw;
    font-size: 9.1667vw;
    line-height: 11vw;
  }

  #main .ai-header>.kp-title3 {
    margin-bottom: 1.3333vw;
    padding-bottom: 1.3333vw;
    border-bottom: 2px solid #000000;
    font-size: 5.1667vw;
    line-height: 7.75vw;
    letter-spacing: 0.28em;
  }

  #main .ai-header>.kp-title4 {
    padding-left: 2.0417vw;
    font-size: 3vw;
    line-height: 4.5vw;
    letter-spacing: 1.24em;
  }

  #main .ai-header>.kp-title5 {
    padding-left: 2.0417vw;
    font-size: 3vw;
    line-height: 4.5vw;
    letter-spacing: 0.81em;
  }

  #main .ai-header>.kp-pic {
    margin: 1.3333vw 0;
    width: 54.5vw;
  }

  #main .ai-header>.ai-info {
    width: calc(100% - 48px);
    max-width: 960px;
  }

  #main .ai-header>.ai-info>.item {
    margin-right: 2.6667vw;
  }

  #main .ai-header>.ai-info>.item>.i-title {
    font-size: 5.3333vw;
    line-height: 8vw;
  }

  #main .ai-header>.ai-info>.item>.i-text {
    font-size: 3vw;
    line-height: 4.5vw;
  }

  #main .ai-header>.ai-img {
    margin-top: 4vw;
    width: calc(100% - 48px);
    max-width: 84.1667vw;
    margin-bottom: 5.3333vw;
  }

  #main .ai-header>.mb {
    margin-bottom: 1.3333vw;
  }

  #main .ai-header>.pro-intro {
    width: calc(100% - 48px);
    max-width: 84.1667vw;
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  #main .ai-header>.ai-img>.item {
    width: 15vw;
    height: 15vw;
    padding: 2vw 1.3333vw 0;
    border-radius: .6667vw;
    border: 2px solid rgba(0, 0, 0, 0.20);
    margin-bottom: 2.0833vw;
  }

  #main .ai-header>.ai-img>.item>.i-item {
    width: 7.5vw;
    margin-bottom: .3333vw;
  }

  #main .ai-header>.ai-img>.item>.i-text {
    word-break: break-all;
    font-size: 1.1667vw;
    line-height: 1.5vw;
  }

  #main .ai-header>.ai-tip {
    margin-bottom: 3.3333vw;
  }

  #main .ai-header>.ai-tip>.t-img {
    width: 40.8333vw;
    margin-right: .5833vw;
  }

  #main .ai-header>.ai-tip>.t-img2 {
    width: 70.6667vw;
    margin-left: -5.5833vw;
  }

  #main .ai-header>.ai-tip>.t-img3 {
    width: 35vw;
    margin-right: 4.25vw;
  }

  /* #main .ai-header>.ai-tip>.t-img4 {
    width: 32.8646vw;
    margin-left: 7.2917vw;
  } */
  #main .ai-header>.ai-tip>.content2 {
    width: 31.6667vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-circle {
    margin-bottom: 1.3333vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-circle>span {
    width: .8333vw;
    height: .8333vw;
    margin-right: .8333vw;
    border-radius: .4167vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-title1 {
    font-size: 4vw;
    line-height: 6vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-title2 {
    font-size: 2.5vw;
    line-height: 3.75vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-title3 {
    margin-top: 1.3333vw;
    font-size: 1.3333vw;
    line-height: 2.25vw;
  }

  #main .ai-header>.ai-toast {
    margin-top: 1.0417vw;
    padding: 1vw 2vw 2vw;
    width: calc(100% - 64px);
    max-width: 992px;
    border-radius: 1.25vw;
  }

  #main .ai-header>.ai-toast>.to-title>img {
    margin-right: .8333vw;
    width: 1vw;
  }

  #main .ai-header>.ai-toast>.to-title>.text {
    margin-right: .8333vw;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  #main .ai-header>.ai-toast>.to-content {
    margin-top: 1.3333vw;
    font-size: 1.6667vw;
    line-height: 2.8333vw;
  }

  #main .ai-middle {
    padding: 3.3333vw 0;
  }

  #main .ai-middle>.am-title {
    font-size: 6.6667vw;
    line-height: 10vw;
  }

  #main .ai-middle>.am-title2 {
    font-size: 6.6667vw;
    line-height: 10vw;
  }

  #main .ai-middle>.am-line {
    width: 46.4167vw;
    height: .1667vw;
    margin-bottom: .6667vw;
  }

  #main .ai-middle>.am-tag {
    margin-top: .8333vw;
    max-width: 800px;
    width: calc(100% - 48px);
    font-size: 1.6667vw;
    line-height: 2.8333vw;
  }

  #main .ai-middle>.am-info {
    margin-top: 4vw;
    font-size: 2.6667vw;
    line-height: 4vw;
  }

  #main .ai-middle>.am-pic {
    max-width: 800px;
    width: calc(100% - 48px);
    margin-top: 2vw;
  }

  #main .ai-middle>.am-tip {
    margin-top: 4.1667vw;
  }

  #main .ai-middle>.am-tip>.t-img {
    width: 48.5vw;
    margin-right: 2vw;
  }

  #main .ai-middle>.am-tip>.t-img2 {
    width: 37.8333vw;
    margin-left: 2.5vw;
  }

  #main .ai-middle>.am-tip>.t-img3 {
    width: 34.4167vw;
    margin-right: 2vw;
  }

  #main .ai-middle>.am-tip>.t-img4 {
    width: 22.8333vw;
    margin-right: 6.3333vw;
  }

  #main .ai-middle>.am-tip>.t-img5 {
    width: 26.6667vw;
    margin-left: 4.4167vw;
  }

  #main .ai-middle>.am-tip>.t-img6 {
    width: 23.6667vw;
    margin-left: 6.9167vw;
  }

  #main .ai-middle>.am-tip>.t-content {
    width: 42.6667vw;
  }

  #main .ai-middle>.am-tip>.t-content2 {
    width: 36.2188vw;
  }

  #main .ai-middle>.am-tip>.t-content>.c-title1 {
    font-size: 5vw;
    line-height: 7.5vw;
  }

  #main .ai-middle>.am-tip>.t-content>.text-zip {
    letter-spacing: -0.4vw;
  }

  #main .ai-middle>.am-tip>.t-content>.c-title2 {
    white-space: nowrap;
    font-size: 2.6667vw;
    line-height: 3.5833vw;
  }

  #main .max-middle>.am-tip>.t-content>.c-title2 {
    white-space: normal;
  }

  #main .ai-middle>.am-tip>.t-content>.c-title3 {
    margin-top: .8333vw;
    font-size: 1.6667vw;
    line-height: 2.5vw;
  }

  #main .aipro-title {
    margin-bottom: 5.3333vw;
  }

  #main .aipro-title>.at-pic {
    width: 63.6667vw;
  }

  #main .aipro-title>.at-title {
    margin-bottom: 1vw;
    font-size: 3vw;
  }

  #main .aipro-title>.circle-group {
    margin-bottom: 1vw;
  }

  #main .aipro-title>.circle-group>span {
    margin-right: .9167vw;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
  }

  #main .aipro-title>.at-title2 {
    font-size: 2.3333vw;
    line-height: 4vw;
  }

  #main .aipro-title2 {
    margin: 5.3333vw auto;
    background: url("../img/aipro/aipro-63.png") no-repeat;
    overflow: hidden;
    background-size: cover;
    width: 86.6667vw;
    height: 59.9167vw;
    padding-top: 48.75vw;
  }

  #main .aipro-title2>.at-title {
    font-size: 3.3333vw;
    letter-spacing: .2vw;
  }

  #main .aipro-title2>.circle-group {
    margin-bottom: 1.1667vw;
  }

  #main .aipro-title2>.circle-group>span {
    margin-right: 1vw;
    width: 1.3333vw;
    height: 1.3333vw;
  }
}

@media (max-width: 600px) {
  #main .ai-header>.title6 {
    margin-bottom: 1.3333vw;
    margin-top: 6.6667vw;
    font-size: 3.3333vw;
    line-height: 4.3333vw;
  }

  #main .ai-header>.max-header-content {
    width: 92vw;
    padding: 1.5vw;
    border-radius: 1vw;
  }

  #main .ai-header>.max-header-content>.mh-top {
    margin-bottom: 2vw;
  }

  #main .ai-header>.max-header-content>.mh-top>.mh-title {
    margin-left: 2vw;
    font-size: 3vw;
    line-height: 3.9vw;
    letter-spacing: 0.78em;
  }

  #main .ai-header>.max-header-content>.mh-top>.mh-circle {
    width: .8333vw;
    height: .8333vw;
  }

  #main .ai-header>.max-header-content>.mh-bottom>.mh-item {
    width: 28.5vw;
    height: 30.6667vw;
    padding: .6667vw;
    border-radius: 1vw;
  }

  #main .ai-header>.max-header-content>.mh-bottom>.mh-item>.i-pic {
    width: 10vw;
    height: 10vw;
    margin-bottom: .6667vw;
  }

  #main .ai-header>.max-header-content>.mh-bottom>.mh-item>.i-text {
    font-size: 2vw;
    line-height: 3.6vw;
    word-break: break-all;
  }




  #main .opi-shell>div>.title {
    font-size: 2.3333vw;
    line-height: 3.8333vw;
  }

  .os-video2 {
    margin: 8vw auto 0;
    width: calc(100% - 32px);
    max-width: 392px;
  }

  .os-video .os-big {
    display: none;
  }

  .os-video .os-middle {
    display: none;
  }

  .os-video .os-small {
    display: block;
  }

  .third-image {
    color: red;
    font-size: 3.3333vw;
    line-height: 3.8vw;
  }

  #main .pi3b-supportos {
    width: calc(100% - 32px);
    max-width: 392px;
    margin: 0 auto 8vw;
  }

  #main .pi3b-supportos>.s-title {
    font-size: 3vw;
    line-height: 4.5vw;
    margin-bottom: 1.5vw;
  }

  #main .pi3b-supportos>.s-title2 {
    font-size: 4.6667vw;
    line-height: 7vw;
    margin-bottom: 1.3333vw;
  }

  #main .pi3b-supportos>.s-title3 {
    font-size: 2.6667vw;
    line-height: 4.5vw;
    margin-bottom: 3.6667vw;
  }

  #main .pi3b-supportos>.s-group {
    margin-bottom: 3.6667vw;
  }

  #main .pi3b-supportos>.s-group2 {
    margin-bottom: 1.3333vw;
  }

  #main .pi3b-supportos>.s-group>span {
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 0.75vw;
    margin-right: 1.5vw;
  }

  #main .pi3b-supportos>.s-img>img {
    width: 14vw;
    height: 14vw;
    margin-right: 2.6667vw;
  }



  #main .ai-header {
    padding: 8vw 0;
  }

  #main .ai-header>.title1 {
    font-size: 3vw;
    line-height: 3.8333vw;
  }

  #main .ai-header>.title2 {
    font-size: 10.6667vw;
    line-height: 10.6667vw;
    margin-bottom: 1.3333vw;
  }

  #main .ai-header>.title3 {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 1.3333vw;
  }

  #main .ai-header>.title3>img {
    top: 8.8333vw;
    right: 10.3333vw;
    width: 7vw;
  }

  #main .ai-header>.ai-pic {
    width: 49.1667vw;
  }

  #main .ai-header>.kp-content {
    margin-top: 2.6667vw;
  }

  #main .ai-header>.mb60 {
    margin-bottom: 6vw;
  }

  #main .ai-header>.kp-content>.kp-icon {
    width: 40vw;
  }

  #main .ai-header>.kp-content>.mr {
    margin-right: 2.6667vw;
  }

  #main .ai-header>.kp-content>.kp-intro {
    width: 40vw;
    max-width: 40vw;
  }

  #main .ai-header>.kp-content>.kp-intro>.i-top {
    margin-bottom: 1.3333vw;
  }

  #main .ai-header>.kp-content>.kp-intro>.i-top>div {
    width: 1vw;
    height: 1vw;
    margin-right: 1vw;
  }

  #main .ai-header>.kp-content>.kp-intro>.i-title {
    margin-bottom: 1.3333vw;
    font-size: 3.3333vw;
    line-height: 5vw;
  }

  #main .ai-header>.kp-content>.kp-intro>.i-intro {
    font-size: 2.3333vw;
    line-height: 4vw;
  }

  #main .ai-header>.kp-title1 {
    margin-bottom: .3333vw;
    font-size: 5vw;
    line-height: 7.5vw;
  }

  #main .ai-header>.kp-title2 {
    margin-bottom: 1.3333vw;
    font-size: 11.3333vw;
    line-height: 13.6667vw;
  }

  #main .ai-header>.kp-title3 {
    margin-bottom: 1.3333vw;
    padding-bottom: 1.3333vw;
    border-bottom: 1px solid #000000;
    font-size: 6.3333vw;
    line-height: 9.5vw;
    letter-spacing: 0.28em;
  }

  #main .ai-header>.kp-title4 {
    padding-left: 2.5417vw;
    font-size: 3.6667vw;
    line-height: 5.5vw;
    letter-spacing: 1.24em;
  }

  #main .ai-header>.kp-title5 {
    padding-left: 2.5417vw;
    font-size: 3.6667vw;
    line-height: 5.5vw;
    letter-spacing: 0.81em;
  }

  #main .ai-header>.kp-pic {
    margin: 1.3333vw 0;
    width: 68.6667vw;
  }


  #main .ai-header>.ai-info {
    width: calc(100% - 32px);
  }

  #main .ai-header>.ai-info>.item {
    margin-right: 2.6667vw;
  }

  #main .ai-header>.ai-info>.item>.i-title {
    font-size: 5vw;
    line-height: 7.5vw;
  }

  #main .ai-header>.ai-info>.item>.i-text {
    font-size: 3vw;
    line-height: 4.5vw;
  }

  #main .ai-header>.ai-img {
    margin-top: 4.5vw;
    width: calc(100% - 32px);
    max-width: 400px;
    margin-bottom: 8vw;
    justify-content: flex-start;
  }

  #main .ai-header>.mb {
    margin-bottom: 1.3333vw;
  }

  #main .ai-header>.pro-intro {
    width: calc(100% - 32px);
    max-width: 400px;
    font-size: 2vw;
    line-height: 4.2vw;
  }

  #main .ai-header>.ai-img>.item {
    width: 28.8333vw;
    height: 28.8333vw;
    padding: 3.8333vw 1.3333vw 0;
    border-radius: 1vw;
    border: 1px solid rgba(0, 0, 0, 0.20);
    margin-bottom: 1.3333vw;
    margin-left: 1.3333vw;
  }

  #main .ai-header>.ai-img>.item>.i-item {
    width: 10vw;
    margin-bottom: 1vw;
  }

  #main .ai-header>.ai-img>.item>.i-text {
    word-break: break-all;
    font-size: 2vw;
    line-height: 3.6667vw;
  }

  #main .ai-header>.ai-tip {
    margin-bottom: 6.6667vw;
  }

  #main .ai-header>.ai-tip>.t-img {
    width: 35vw;
    margin-right: .5vw;
  }

  #main .ai-header>.ai-tip>.t-img2 {
    width: 60.6667vw;
    margin-left: -5vw;
  }

  #main .ai-header>.ai-tip>.t-img3 {
    width: 36.3333vw;
    margin-right: 3.6667vw;
  }

  /* #main .ai-header>.ai-tip>.t-img4 {
    width: 32.8646vw;
    margin-left: 7.2917vw;
  } */
  #main .ai-header>.ai-tip>.content2 {
    width: 51.3333vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-circle {
    margin-bottom: 1vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-circle>span {
    width: 1vw;
    height: 1vw;
    margin-right: 1vw;
    border-radius: 0.5vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-title1 {
    font-size: 4vw;
    line-height: 6vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-title2 {
    font-size: 2.3333vw;
    line-height: 4.5vw;
  }

  #main .ai-header>.ai-tip>.t-content>.c-title3 {
    word-break: break-all;
    margin-top: 1.1667vw;
    font-size: 2vw;
    line-height: 4.3333vw;
  }

  #main .ai-header>.ai-toast {
    margin-top: 1.3333vw;
    padding: 1.1667vw 2.3333vw 2.3333vw;
    width: calc(100% - 32px);
    max-width: 492px;
    border-radius: 1.3333vw;
  }

  #main .ai-header>.ai-toast>.to-title>img {
    margin-right: 1vw;
    width: 1vw;
  }

  #main .ai-header>.ai-toast>.to-title>.text {
    margin-right: 1vw;
    font-size: 4vw;
    line-height: 6vw;
  }

  #main .ai-header>.ai-toast>.to-content {
    margin-top: 1.5vw;
    font-size: 2.6667vw;
    line-height: 4.8333vw;
  }

  #main .ai-middle {
    padding: 4vw 0;
  }

  #main .ai-middle>.am-title {
    font-size: 7.6667vw;
    line-height: 11.5vw;
  }

  #main .ai-middle>.am-title2 {
    font-size: 7.6667vw;
    line-height: 11.5vw;
  }

  #main .ai-middle>.am-line {
    width: 53vw;
    height: 1px;
    margin-bottom: .6667vw;
  }

  #main .ai-middle>.am-tag {
    margin-top: 1vw;
    max-width: 440px;
    width: calc(100% - 32px);
    font-size: 2.3333vw;
    line-height: 5vw;
  }

  #main .ai-middle>.am-info {
    margin-top: 5.3333vw;
    font-size: 4vw;
    line-height: 6vw;
  }

  #main .ai-middle>.am-pic {
    max-width: 452px;
    width: calc(100% - 32px);
    margin-top: 2.1667vw;
  }

  #main .ai-middle>.am-tip {
    margin-top: 4.3333vw;
  }

  #main .ai-middle>.am-tip>.t-img {
    width: 45.6667vw;
    margin-right: 2vw;
  }

  #main .ai-middle>.am-tip>.t-img2 {
    width: 38vw;
    margin-left: 2.5vw;
  }

  #main .ai-middle>.am-tip>.t-img3 {
    width: 34.5vw;
    margin-right: 2vw;
  }

  #main .ai-middle>.am-tip>.t-img4 {
    width: 25.8333vw;
    margin-right: 7.1667vw;
  }

  #main .ai-middle>.am-tip>.t-img5 {
    width: 30.1667vw;
    margin-left: 5vw;
  }

  #main .ai-middle>.am-tip>.t-img6 {
    width: 26.8333vw;
    margin-left: 7.8333vw;
  }

  #main .ai-middle>.am-tip>.t-content {
    width: 47.8333vw;
  }

  #main .ai-middle>.am-tip>.t-content2 {
    width: 48.2188vw;
  }

  #main .ai-middle>.am-tip>.t-content>.c-title1 {
    font-size: 4.6667vw;
    line-height: 7vw;
  }

  #main .ai-middle>.am-tip>.t-content>.text-zip {
    letter-spacing: -0.4vw;
  }

  #main .ai-middle>.am-tip>.t-content>.c-title2 {
    white-space: nowrap;
    font-size: 3.3333vw;
    line-height: 5.2vw;
  }

  #main .ai-middle>.am-tip>.t-content>.c-title3 {
    margin-top: .8333vw;
    font-size: 2vw;
    line-height: 4.5vw;
  }

  #main .aipro-title {
    margin-bottom: 8vw;
  }

  #main .aipro-title>.at-pic {
    width: 65vw;
  }

  #main .aipro-title>.at-title {
    margin-bottom: 1vw;
    font-size: 4vw;
  }

  #main .aipro-title>.circle-group {
    margin-bottom: 1vw;
  }

  #main .aipro-title>.circle-group>span {
    margin-right: 1vw;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
  }

  #main .aipro-title>.at-title2 {
    font-size: 2.6667vw;
    line-height: 4.5vw;
  }

  #main .aipro-title2 {
    margin: 8vw auto 5vw;
    background: url("../img/aipro/aipro-64.png") no-repeat;
    overflow: hidden;
    background-size: cover;
    width: 88.3333vw;
    height: 61vw;
    padding-top: 49.3333vw;
  }

  #main .aipro-title2>.at-title {
    font-size: 3.3333vw;
    letter-spacing: .2vw;
  }

  #main .aipro-title2>.circle-group {
    margin-bottom: 1.1667vw;
  }

  #main .aipro-title2>.circle-group>span {
    margin-right: 1vw;
    width: 1.3333vw;
    height: 1.3333vw;
  }
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .ml40 {
    margin-left: 1.0417vw !important;
  }

  .top .top-right {
    padding-right: 1.0417vw;
  }
}

@media (max-width: 1200px) {
  .beian {
    background-color: #f7f7f7;
  }
}

/* !!!!!!! */
/* mini-pc css */