@charset "UTF-8";
/*响应式配置*/
@media (max-width: 1477px) {
  header .lv1 {
    font-size: 16px;
  }
  .index-banner .banner-text h2 {
    font-size: 50px;
  }
  .index-banner .banner-text h3 {
    font-size: 24px;
  }
  .bread-crumb .container p {
    font-size: 16px;
  }
  .index-title h3 {
    font-size: 28px;
  }
  .company-intro .wrapper .lt {
    font-size: 18px;
  }
  .company-intro .wrapper .lt h3 {
    font-size: 28px;
  }
  .company-intro .summary .block h2 {
    font-size: 20px;
  }
  .company-intro .summary .block h2 span {
    font-size: 34px;
  }
  .company-intro .summary .block p {
    font-size: 18px;
  }
  .company-intro .summary .txt-bg {
    font-size: 150px;
  }
  .company-culture .wrapper {
    min-height: 450px;
  }
  .company-culture .wrapper .block {
    font-size: 16px;
  }
  .company-culture .wrapper .block h3 {
    font-size: 22px;
  }
  .quality-advantage .wrapper .block .pic .mask .title {
    font-size: 22px;
  }
  .quality-advantage .wrapper .block .pic .mask .brief {
    font-size: 16px;
  }
  .production-advantage .swiper .swiper-slide {
    font-size: 16px;
  }
  .competitive-advantage .wrapper .block .icon {
    font-size: 22px;
  }
  .competitive-advantage .wrapper .block .brief {
    font-size: 16px;
  }
  .business-scope .wrapper .block h3 {
    font-size: 22px;
  }
  .market-position .brief {
    font-size: 16px;
  }
  .market-position .wrapper .block .pic .mask h3 {
    font-size: 22px;
  }
  .environmental-concept .wrapper .block .title h2 {
    font-size: 36px;
  }
  .environmental-concept .wrapper .block .title .brief {
    font-size: 16px;
  }
  .serv-concept .lt .index-title .brief {
    font-size: 16px;
  }
  .future-prospect .brief {
    font-size: 16px;
  }
  .future-prospect .wrapper .block h3 {
    font-size: 22px;
  }
  footer .footer-top h3 {
    font-size: 28px;
  }
  footer .footer-top ul li {
    font-size: 18px;
  }
  footer .footer-mid address .block .icon {
    font-size: 26px;
  }
  footer .footer-mid address .block h4 {
    font-size: 18px;
  }
  .contact-info .container .block .icon {
    --w: 160px;
  }
  .device-detail .title {
    font-size: 30px;
  }
  .prod-intro-title h3 {
    font-size: 20px;
  }
  .prod-intro-title h3 span {
    font-size: 18px;
  }
  .device-detail .device-intro article {
    font-size: 16px;
  }
  .device-detail .device-feature ul li {
    font-size: 16px;
  }
  .device-wrapper .block .more {
    font-size: 16px;
  }
  .device-wrapper .block .more a {
    font-size: 14px;
  }
  .prod-list aside ul li {
    font-size: 16px;
  }
  .news-detail .title h3 {
    font-size: 30px;
  }
  .news-detail article {
    font-size: 16px;
  }
  .news-list .row .title h4 {
    font-size: 20px;
  }
  .news-list .row .title p {
    font-size: 16px;
  }
  .prod-wrapper .block p {
    font-size: 16px;
  }
  .prod-detail .prod-intro .rt .title {
    font-size: 26px;
  }
  .prod-detail .prod-intro .rt .brief {
    font-size: 16px;
  }
  .prod-detail .prod-intro .rt .prod-feature {
    font-size: 16px;
  }
  .prod-detail .prod-spec article {
    font-size: 16px;
  }
  .prod-detail .prod-spec article table tr:first-child td {
    font-size: 20px;
  }
  .prod-detail .prod-spec article table tr td {
    font-size: 16px;
  }
  .service .container .block {
    padding: 3.09211% 1.53684% 1.9737%;
  }
  .service .container .block h4 {
    font-size: 20px;
  }
  .service .container .block .brief {
    font-size: 16px;
  }
  .index-banner .banner-text h5 {
    font-size: 18px;
  }
  .index-banner .banner-text a {
    font-size: 18px;
  }
  .index-prod .container .lt .num {
    font-size: 44px;
  }
  .index-prod .container .rt .content .title h3 {
    font-size: 22px;
  }
  .index-prod .container .rt .content .brief {
    font-size: 16px;
  }
  .index-prod .container .rt .content a {
    font-size: 16px;
  }
  .index-advantage .wrapper .block h3 {
    font-size: 20px;
  }
  .index-advantage .wrapper .block .brief {
    font-size: 16px;
  }
  .index-app .wrapper .block h3 {
    font-size: 24px;
  }
  .index-about .intro h3 {
    font-size: 28px;
  }
  .index-about .intro {
    font-size: 18px;
  }
  .index-about .data ul li h4 span {
    font-size: 34px;
  }
  .index-about .data ul li h4 {
    font-size: 20px;
  }
  .index-about .data ul li h5 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  header {
    display: none;
  }
  .out-header {
    display: none;
  }
  .index-banner .banner-text h2 {
    font-size: 42px;
  }
  .index-banner .banner-text h3 {
    font-size: 20px;
  }
  .bread-crumb {
    min-height: 60px;
  }
  .bread-crumb .container p {
    font-size: 14px;
    max-width: 500px;
  }
  .index-title h3 {
    font-size: 26px;
  }
  .company-intro .wrapper .lt {
    font-size: 16px;
  }
  .company-intro .wrapper .lt h3 {
    font-size: 24px;
  }
  .company-intro .summary .block h2 {
    font-size: 18px;
  }
  .company-intro .summary .block h2 span {
    font-size: 30px;
  }
  .company-intro .summary .block p {
    font-size: 16px;
  }
  .company-intro .summary .txt-bg {
    font-size: 120px;
  }
  .company-culture .wrapper {
    min-height: 350px;
  }
  .company-culture .wrapper .block h3 {
    font-size: 20px;
  }
  .quality-advantage .wrapper .block .pic .mask {
    padding: 6.27517% 9.66443% 5% 8.0537%;
  }
  .quality-advantage .wrapper .block .pic .mask .title {
    font-size: 20px;
  }
  .quality-advantage .wrapper .block .pic .mask .brief {
    font-size: 14px;
  }
  .competitive-advantage .wrapper .block .icon {
    font-size: 20px;
  }
  .business-scope .wrapper .block {
    height: 100px;
    width: 17.605263%;
  }
  .business-scope .wrapper .block h3 {
    font-size: 20px;
  }
  .market-position .wrapper .block .pic .mask h3 {
    font-size: 20px;
  }
  .environmental-concept .wrapper .block .title h2 {
    font-size: 32px;
  }
  .serv-concept .lt {
    padding-left: 3%;
    width: 34.45833%;
  }
  .serv-concept .lt .index-title .brief {
    margin-top: 2vw;
  }
  .future-prospect .wrapper .block .icon {
    width: 50px;
    height: 50px;
  }
  .future-prospect .wrapper .block h3 {
    font-size: 20px;
  }
  footer .footer-top h3 {
    font-size: 26px;
  }
  footer .footer-top ul {
    display: none;
  }
  footer .footer-mid address .block .icon {
    font-size: 24px;
  }
  footer .footer-mid address .block h5 {
    font-size: 14px;
  }
  footer .footer-mid address .block h4 {
    font-size: 16px;
  }
  footer .footer-mid .ewm {
    width: 120px;
  }
  footer .footer-mid .ewm p {
    font-size: 14px;
  }
  footer .footer-bt .container p {
    font-size: 14px;
    text-align: center;
  }
  .contact-info .container .block .icon {
    --w: 120px;
  }
  .contact-info .container .block h4 {
    font-size: 18px;
  }
  .contact-info .container .block h5 {
    font-size: 14px;
  }
  .contact-info .container .block p {
    font-size: 14px;
  }
  .device-detail .title {
    font-size: 26px;
  }
  .device-detail .title {
    font-size: 26px;
  }
  .prod-intro-title h3 {
    font-size: 18px;
  }
  .prod-intro-title h3 span {
    font-size: 16px;
  }
  .device-wrapper .block .more {
    position: relative;
    font-size: 14px;
    justify-content: center;
  }
  .device-wrapper .block .more span {
    min-width: auto;
    text-align: center;
  }
  .device-wrapper .block .more em {
    display: none;
  }
  .device-wrapper .block .more a {
    opacity: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
  }
  .prod-list aside ul li {
    font-size: 14px;
  }
  .prod-list aside {
    width: 200px;
  }
  .prod-list main {
    width: calc(100% - 200px - 3%);
  }
  .news-detail .title h3 {
    font-size: 26px;
  }
  .news-detail .title h5 {
    font-size: 14px;
  }
  .news-list .row .title h4 {
    font-size: 18px;
  }
  .news-list .row .title p {
    font-size: 14px;
  }
  .news-list .row .title .more {
    font-size: 14px;
  }
  .pagination > li a {
    font-size: 14px;
    line-height: 38px;
  }
  .prod-wrapper .block p {
    font-size: 14px;
  }
  .prod-detail .prod-intro .rt .title {
    font-size: 24px;
  }
  .prod-detail .prod-spec article {
    font-size: 16px;
  }
  .prod-detail .prod-spec article table tr:first-child td {
    font-size: 18px;
  }
  .prod-detail .prod-spec article table tr td {
    font-size: 14px;
  }
  .prod-detail .prod-intro .rt .feature-title h3 {
    font-size: 18px;
  }
  .prod-detail .prod-app .wrapper .block .pic p {
    font-size: 18px;
  }
  .service .container .block h4 {
    font-size: 18px;
  }
  .service .container .block .brief {
    font-size: 14px;
  }
  .index-banner .banner-text h5 {
    font-size: 16px;
  }
  .index-banner .banner-text a {
    font-size: 16px;
  }
  .index-prod .container {
    align-items: center;
  }
  .index-prod .container .lt {
    width: 32.394737%;
  }
  .index-prod .container .rt {
    width: 64.39474%;
  }
  .index-prod .container .lt .name {
    font-size: 16px;
  }
  .index-prod .container .lt .num {
    font-size: 40px;
  }
  .index-prod .container .rt .content .title h3 {
    font-size: 20px;
  }
  .index-prod .container .rt .content .brief {
    font-size: 14px;
  }
  .index-prod .container .rt .content a {
    font-size: 14px;
  }
  .index-advantage .wrapper .block {
    height: 350px;
  }
  .index-advantage .wrapper .block h3 {
    font-size: 18px;
  }
  .index-advantage .wrapper .block .brief {
    font-size: 14px;
  }
  .index-advantage .wrapper .block:nth-child(1) .bg {
    bottom: -15%;
  }
  .index-app .wrapper .block h3 {
    font-size: 22px;
  }
  .index-about .intro h3 {
    font-size: 24px;
  }
  .index-about .intro {
    font-size: 16px;
  }
  .index-about .more {
    font-size: 16px;
  }
  .index-about .data ul li h4 span {
    font-size: 30px;
  }
  .index-about .data ul li h4 {
    font-size: 18px;
  }
  .index-about .data ul li h5 {
    font-size: 16px;
  }
}
@media (max-width: 990px) {
  .container {
    width: 94%;
  }
  .index-banner .banner-text h2 {
    font-size: 34px;
  }
  .index-banner .banner-text h3 {
    font-size: 16px;
  }
  .index-title h5 {
    font-size: 14px;
  }
  .index-title h3 {
    font-size: 24px;
  }
  .company-intro .wrapper .lt {
    font-size: 14px;
  }
  .company-intro .wrapper .lt h3 {
    font-size: 22px;
  }
  .company-intro .summary .block h2 {
    font-size: 16px;
  }
  .company-intro .summary .block h2 span {
    font-size: 26px;
  }
  .company-intro .summary .block p {
    font-size: 14px;
  }
  .company-intro .summary .txt-bg {
    font-size: 100px;
  }
  .company-culture .wrapper {
    min-height: 300px;
  }
  .company-culture .wrapper .block {
    width: 20%;
    font-size: 14px;
  }
  .company-culture .wrapper .block h3 {
    font-size: 18px;
  }
  .company-culture .wrapper .block:hover {
    width: 30%;
  }
  .quality-advantage .wrapper .block .pic .mask {
    padding: 5.27517% 5.66443% 5% 5.0537%;
  }
  .quality-advantage .wrapper .block .pic .mask .title {
    font-size: 18px;
    margin-bottom: 0.5em;
  }
  .quality-advantage .wrapper .block .pic .mask .brief {
    font-size: 12px;
  }
  .production-advantage {
    min-height: 300px;
  }
  .production-advantage .swiper .swiper-slide {
    font-size: 14px;
  }
  .competitive-advantage .wrapper .block .icon {
    font-size: 18px;
  }
  .competitive-advantage .wrapper .block .brief {
    font-size: 14px;
  }
  .business-scope .wrapper .block {
    height: 80px;
  }
  .business-scope .wrapper .block h3 {
    font-size: 18px;
  }
  .market-position .brief {
    font-size: 14px;
  }
  .market-position .wrapper .block .pic .mask h3 {
    font-size: 18px;
  }
  .environmental-concept .wrapper .block .title h2 {
    font-size: 28px;
  }
  .environmental-concept .wrapper .block .title .brief {
    font-size: 14px;
  }
  .serv-concept .lt .index-title .brief {
    font-size: 14px;
  }
  .future-prospect .brief {
    font-size: 14px;
  }
  .future-prospect .wrapper .block .icon {
    width: 40px;
    height: 40px;
  }
  .future-prospect .wrapper .block h3 {
    font-size: 18px;
  }
  footer .footer-top h3 {
    font-size: 24px;
  }
  footer .footer-mid address .block .icon {
    font-size: 22px;
  }
  footer .footer-mid address .block h5 {
    font-size: 12px;
  }
  footer .footer-mid address .block h4 {
    font-size: 14px;
  }
  footer .footer-mid .ewm {
    width: 100px;
  }
  footer .footer-mid .ewm p {
    font-size: 12px;
  }
  .contact-info .container .block .icon {
    --w: 80px;
  }
  .contact-info .container .block h4 {
    font-size: 16px;
  }
  .contact-info .container .block h5 {
    display: none;
  }
  .contact-info .container .block p {
    font-size: 14px;
  }
  .device-detail .title {
    font-size: 24px;
  }
  .prod-intro-title h3 span {
    font-size: 14px;
  }
  .device-detail .device-intro article {
    font-size: 14px;
  }
  .device-detail .device-feature ul li {
    font-size: 14px;
  }
  .news-detail .title h3 {
    font-size: 24px;
  }
  .news-detail article {
    font-size: 14px;
  }
  .news-detail .article-tab p {
    font-size: 14px;
  }
  .news-list .row .title h4 {
    font-size: 16px;
  }
  .pagination > li a {
    padding: 0 13px;
    line-height: 34px;
  }
  .prod-wrapper .block {
    width: 32%;
  }
  .prod-detail .prod-intro .rt .title {
    font-size: 22px;
  }
  .prod-detail .prod-spec article {
    font-size: 14px;
  }
  .prod-detail .prod-spec article table tr:first-child td {
    font-size: 16px;
  }
  .prod-detail .prod-spec article table tr td {
    font-size: 12px;
    height: 60px;
  }
  .prod-detail .prod-intro .rt .brief {
    font-size: 14px;
  }
  .prod-detail .prod-intro .rt .prod-feature {
    font-size: 14px;
  }
  .prod-detail .prod-app .wrapper .block .pic p {
    font-size: 16px;
  }
  .service .container {
    justify-content: space-around;
  }
  .service .container .block {
    width: 30%;
    margin-bottom: 3%;
  }
  .service .container .block h5 {
    font-size: 12px;
  }
  .index-banner .banner-text h5 {
    font-size: 14px;
  }
  .index-banner .banner-text a {
    font-size: 14px;
  }
  .index-prod .container .lt .name {
    font-size: 14px;
  }
  .index-prod .container .lt .num {
    font-size: 36px;
  }
  .index-prod .container .rt .content .title h3 {
    font-size: 18px;
  }
  .index-prod .container .lt .swiper {
    padding: 13px 6.98964% 13px 13px;
  }
  .index-advantage .wrapper .block {
    height: 300px;
  }
  .index-app .wrapper .block h3 {
    font-size: 20px;
  }
  .index-about .intro h3 {
    font-size: 20px;
  }
  .index-about .intro {
    font-size: 14px;
  }
  .index-about .more {
    font-size: 14px;
  }
  .index-about .data ul li h4 span {
    font-size: 26px;
  }
  .index-about .data ul li h4 {
    font-size: 16px;
  }
  .index-about .data ul li h5 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .index-banner .banner-text h2 {
    font-size: 26px;
  }
  .index-banner .banner-text h3 {
    font-size: 14px;
  }
  .index-title h5 {
    font-size: 12px;
  }
  .index-title h3 {
    font-size: 22px;
  }
  .company-intro .wrapper .lt {
    width: 100%;
    margin-bottom: 3%;
  }
  .company-intro .wrapper .lt h3 {
    font-size: 16px;
  }
  .company-intro .wrapper .rt {
    width: 100%;
  }
  .company-intro .wrapper .rt .video::after {
    transform: translate(-5px, 5px);
  }
  .company-intro .wrapper .rt .video .play-btn {
    width: 36px;
  }
  .company-intro .summary .block h2 {
    font-size: 14px;
  }
  .company-intro .summary .block h2 span {
    font-size: 20px;
  }
  .company-intro .summary .block p {
    font-size: 12px;
  }
  .company-intro .summary .txt-bg {
    font-size: 60px;
  }
  .company-culture {
    padding: 5% 0;
  }
  .company-culture .wrapper {
    min-height: auto;
    flex-wrap: wrap;
  }
  .company-culture .wrapper .block {
    width: 100%;
    font-size: 12px;
    padding: 3% 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .company-culture .wrapper .block .icon {
    width: 20px;
    height: 20px;
  }
  .company-culture .wrapper .block h3 {
    font-size: 16px;
  }
  .company-culture .wrapper .block .brief {
    line-height: 1.6667;
    opacity: 1;
    text-align: center;
  }
  .company-culture .wrapper .block:hover {
    width: 100%;
    padding: 3% 0;
  }
  .quality-advantage .wrapper .block {
    width: 100%;
  }
  .quality-advantage .wrapper .block .pic .mask .title {
    font-size: 16px;
  }
  .production-advantage {
    min-height: 300px;
  }
  .production-advantage .swiper .swiper-slide {
    font-size: 12px;
  }
  .competitive-advantage .wrapper .block {
    width: 46%;
  }
  .competitive-advantage .wrapper .block .icon {
    font-size: 16px;
  }
  .competitive-advantage .wrapper .block .brief {
    font-size: 12px;
  }
  .business-scope .wrapper .block {
    height: 60px;
    width: 23.605263%;
  }
  .business-scope .wrapper .block h3 {
    font-size: 14px;
  }
  .market-position .wrapper .block {
    width: 49%;
  }
  .market-position .wrapper .block .pic .mask h3 {
    font-size: 16px;
  }
  .environmental-concept .wrapper .block .title h2 {
    font-size: 24px;
  }
  .environmental-concept .wrapper .block .title .brief {
    font-size: 12px;
  }
  .serv-concept .lt .index-title .brief {
    font-size: 12px;
  }
  .future-prospect .wrapper {
    justify-content: space-around;
  }
  .future-prospect .wrapper .block {
    width: 30%;
  }
  .future-prospect .wrapper .block .icon {
    width: 30px;
    height: 30px;
  }
  .future-prospect .wrapper .block h3 {
    font-size: 16px;
  }
  footer .footer-top h3 {
    font-size: 20px;
  }
  footer .footer-mid .container {
    flex-wrap: wrap;
    justify-content: center;
  }
  footer .footer-mid .container .ewm {
    order: 1;
  }
  footer .footer-mid address {
    width: 100%;
    margin-bottom: 3%;
  }
  footer .footer-mid address .block {
    width: 100%;
    margin-bottom: 3%;
  }
  footer .footer-mid address .block .icon {
    font-size: 20px;
  }
  footer .footer-mid address .block h5 {
    font-size: 12px;
  }
  footer .footer-mid address .block h4 {
    font-size: 12px;
  }
  footer .footer-mid .ewm {
    width: 100px;
  }
  footer .footer-mid .ewm p {
    font-size: 12px;
  }
  footer .footer-bt .container p {
    font-size: 14px;
    text-align: center;
  }
  footer .footer-bt .container {
    justify-content: center;
  }
  footer .footer-bt .container p {
    font-size: 12px;
  }
  .contact-info .container .block {
    width: 48%;
  }
  .contact-info .container .block .icon {
    --w: 60px;
    margin: 12px auto 20px;
  }
  .contact-map .map {
    padding-bottom: 70%;
  }
  .device-detail .title {
    font-size: 22px;
  }
  .prod-intro-title h3 {
    font-size: 16px;
  }
  .prod-intro-title h3 span {
    font-size: 12px;
  }
  .device-detail .device-feature ul li {
    width: 100%;
  }
  .device-detail .device-prod .wrapper .block {
    width: 31.94737%;
  }
  .prod-list aside {
    display: none;
  }
  .prod-list main {
    width: 100%;
  }
  .device-wrapper .block {
    width: 48.7073171%;
  }
  .news-detail .title h3 {
    font-size: 22px;
  }
  .news-detail .title h5 {
    font-size: 12px;
  }
  .news-list .row .title h4 {
    font-size: 14px;
    line-height: 1.2;
  }
  .news-list .row .title p {
    font-size: 12px;
    margin-bottom: 0;
  }
  .news-list .row .title .more {
    font-size: 12px;
  }
  .news-list .row .picture .pic {
    padding-bottom: 70.5455%;
  }
  .pagination > li a {
    font-size: 12px;
    line-height: 28px;
    padding: 0 10px;
  }
  .prod-wrapper .block {
    width: 49%;
  }
  .prod-detail .prod-intro .rt .title {
    font-size: 20px;
  }
  .prod-detail .prod-intro .rt .feature-title h3 {
    font-size: 16px;
  }
  .prod-detail .prod-spec article table tr:first-child td {
    font-size: 14px;
  }
  .prod-detail .prod-app .wrapper .block {
    width: 49%;
  }
  .prod-detail .prod-app .wrapper .block .pic p {
    font-size: 14px;
  }
  .prod-detail .prod-intro {
    flex-wrap: wrap;
  }
  .prod-detail .prod-intro .lt {
    width: 100%;
    margin-bottom: 3%;
  }
  .prod-detail .prod-intro .rt {
    width: 100%;
  }
  .prod-detail .prod-spec article {
    overflow: auto;
  }
  .prod-detail .prod-intro .rt .feature-title .icon {
    width: 40px;
    line-height: 38px;
  }
  .prod-detail .prod-intro .rt .feature-title .icon img {
    width: 25px;
  }
  .prod-detail .prod-intro .rt .feature-title h3 {
    line-height: 40px;
  }
  .service .container .block {
    width: 47%;
    padding: 3.09211% 2.53684% 1.9737%;
  }
  .service .container .block h4 {
    font-size: 16px;
  }
  .service .container .block h5 {
    font-size: 10px;
  }
  .service .container .block .brief {
    font-size: 12px;
  }
  .index-banner .banner-text h5 {
    font-size: 12px;
  }
  .index-banner .banner-text a {
    font-size: 12px;
  }
  .index-prod .container .lt {
    width: 100%;
  }
  .index-prod .container .rt {
    width: 100%;
  }
  .index-prod .container .lt .swiper {
    height: auto;
  }
  .index-prod .container .lt .swiper-pagination {
    width: 100%;
    height: 2px;
    left: 0;
    top: -13px;
    right: auto;
  }
  .index-prod .container .lt .swiper .swiper-slide {
    flex-direction: column;
    padding: 3%;
  }
  .index-prod .container .lt .num {
    order: -1;
    font-size: 30px;
    margin-bottom: 5px;
  }
  .index-prod .container .lt .name {
    margin-right: 0;
    text-align: center;
  }
  .index-prod .container .rt .content .title h3 {
    font-size: 16px;
    margin: 0.1em 0 0.3em;
  }
  .index-prod .container .rt .content .brief {
    font-size: 12px;
  }
  .index-prod .container .rt .content a {
    font-size: 12px;
    margin-top: 5%;
  }
  .index-prod .container .rt .content .icon img {
    width: 16px;
  }
  .index-prod .container .rt .picture {
    width: 40.233645%;
  }
  .index-prod .container .rt .content {
    width: 56.7757%;
  }
  .index-advantage .wrapper .block {
    width: 49%;
    height: 200px;
    margin-bottom: 2%;
  }
  .index-advantage .wrapper .block h3 {
    font-size: 16px;
  }
  .index-advantage .wrapper .block .brief {
    font-size: 12px;
  }
  .index-advantage .wrapper .block .icon {
    width: 36px;
    height: 36px;
    line-height: 34px;
  }
  .index-app .wrapper .block h3 {
    font-size: 18px;
  }
  .index-app .wrapper .block {
    width: 31.526316%;
    margin-bottom: 3%;
  }
  .index-about .intro h3 {
    font-size: 16px;
  }
  .index-about .data ul li h4 span {
    font-size: 20px;
  }
  .index-about .data ul li h4 {
    font-size: 14px;
  }
  .index-about .data ul li h5 {
    font-size: 12px;
  }
  .tool-bar {
    right: 30px;
  }
  .tool-bar ul li {
    height: 30px;
    font-size: 14px;
  }
  .tool-bar ul li i {
    width: 30px;
  }
  .tool-bar ul li:hover {
  transform: translate(calc(-100% + 30px), 0);
  }
}