@charset "UTF-8";
/*ÏìӦʽÅäÖÃ*/
@media (max-width: 1799px) {
  .tech-park .wrapper .block .pic .mask {
    font-size: 26px;
  }
  .index-banner .container .banner-text h2 {
    font-size: 56px;
  }
  .rec-info .wrapper .block .pic .mask .icon {
    margin-bottom: 50px;
  }
}
@media (max-width: 1799px) { 
  .rec-info .wrapper .block .pic .mask .icon {
    margin-bottom: 40px;
  }
  .party-build-alliance .wrapper .lt {
    height: calc(4 * 70px + 4 * 20px + 60px);
  }
  .party-build-alliance .wrapper .lt .row h3 {
    font-size: 26px;
  }
  .party-build-alliance .wrapper .lt .row h4 {
    font-size: 20px;
  }
  .party-build-alliance .wrapper .lt .row span {
    font-size: 22px;
    line-height: 70px;
    width: 220px;
  }
}
@media (max-width: 1599px) {
  .bread-crumb .container ul li {
    min-width: 120px;
    line-height: 50px;
  }
  .bread-crumb .container ul li a {
    font-size: 14px;
  }
  .bread-crumb .container p {
    line-height: 50px;
  }
  .index-title h3 {
    font-size: 36px;
  }
  header .lv1 > li a {
    font-size: 16px;
  }
  .sub-title h3 {
    font-size: 28px;
  }
  .rec-info .wrapper .block .pic .mask .icon {
    margin-bottom: 35px;
  }
  .rec-info .wrapper .block .pic h4 {
    font-size: 26px;
  }
  .rec-info .wrapper .block .pic .mask {
    padding: 45px 46px 0;
  }
  .recruitment .job-search .title {
    font-size: 36px;
  }
}
@media (max-width: 1477px) {
  header nav {
    width: 42.9535%;
  }
  .party-build-brand .wrapper .rt .mask .brief {
    max-width: 280px;
  }
  .party-build-alliance .wrapper .lt .row h3 {
    font-size: 24px;
  }
  .party-build-alliance .wrapper .lt .row span {
    width: 200px;
    font-size: 20px;
    line-height: 60px;
  }
  .party-build-alliance .wrapper .lt {
    height: calc(4 * 60px + 4 * 15px + 60px);
  }
  .party-build-alliance .wrapper .lt .row {
    margin-bottom: 15px;
  }
  .party-and-mass-work .section1 .wrapper .block .pic .mask h3 {
    font-size: 28px;
  }
  .party-and-mass-work .section1 .wrapper .block .pic .mask h4 {
    font-size: 22px;
  }
  .party-and-mass-work .section2 .wrapper .block h2 {
    font-size: 54px;
  }
  .party-and-mass-work .section2 .wrapper .block .brief {
    font-size: 22px;
  }
  .party-and-mass-work .section3 .container h3 {
    font-size: 30px;
  }
  .party-and-mass-work .section4 .wrapper .block .pic .mask h3 {
    font-size: 28px;
  }
  .party-and-mass-work .section4 .wrapper .block .pic .mask .brief {
    font-size: 18px;
  }
  .party-build-news .wrapper .rt .row .date h2 {
    font-size: 38px;
  }
  .company-intro .container .rt .data .block h2 {
    font-size: 44px;
  }
  .core-concept .wrapper .block .mask h3 {
    font-size: 28px;
  }
  .core-concept .wrapper .block .mask h4 {
    font-size: 24px;
  }
  .dev-history .devSwiper h3::before {
    font-size: 160px;
  }
  .dev-history .devSwiper h3 {
    font-size: 48px;
  }
  .dev-history .devSwiper h3 span {
    font-size: 38px;
  }
  .dev-history .devSwiper .brief {
    font-size: 24px;
  }
  .dev-history .thumbSwiper .swiper-slide-thumb-active h4 {
    font-size: 22px;
  }
  .dev-history .thumbSwiper h4 {
    font-size: 18px;
  }
  .business-frame .wrapper .block .mask h3 {
    font-size: 28px;
  }
  .business-frame .wrapper .block .mask h3::before {
    font-size: 180px;
  }
  .party-work .wrapper h4 {
    font-size: 36px;
  }
  .party-work .wrapper .brief {
    font-size: 20px;
  }
  .office-location .wrapper .block h4 {
    font-size: 22px;
  }
  .business-and-service .wrapper .row .lt h3 {
    font-size: 30px;
  }
  .business-and-service .wrapper .row .lt h3::before {
    font-size: 42px;
  }
  .business-scope .list .row .block p {
    font-size: 18px;
  }
  .business-scope .intro .row .rt .title h3 {
    font-size: 26px;
  }
  .business-scope .intro .row .rt .brief {
    font-size: 18px;
  }
  .represent-company .represent-company-swiper .pic .mask {
    font-size: 18px;
  }
  .zyf-detail .intro-wrapper .rt .title h3 {
    font-size: 22px;
  }
  .zyf-detail .intro-wrapper .rt .brief table tr td {
    font-size: 16px;
  }
  .zyf-detail .intro-wrapper .rt .brief {
    font-size: 16px;
  }
  .zyf-detail .intro-content .lt table tr td {
    font-size: 16px;
  }
  .zyf-perspective .wrapper .rt .row .date h3 {
    font-size: 38px;
  }
  .zyf-perspective .wrapper .rt .row .title h4 {
    font-size: 20px;
  }
  .digtal-future .top .lt .thumbSwiper .swiper-slide h3 {
    font-size: 30px;
  }
  .digtal-future .top .rt .swiper-pagination .swiper-pagination-bullet {
    font-size: 50px;
  }
  .tech-park .wrapper .block .pic .mask {
    font-size: 24px;
  }
  .index-banner .container .banner-text h2 {
    font-size: 50px;
  }
  .index-banner .container .banner-text h5 {
    font-size: 20px;
  }
  .rec-info .wrapper .block .pic h4 {
    font-size: 26px;
  }
  .rec-info .wrapper .block .pic h4 span {
    font-size: 16px;
  }
  .rec-info .wrapper .block .pic .mask {
    padding: 35px 46px 0;
  }
  .rec-info .wrapper .block .pic .mask h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .rec-info .wrapper .block .pic .mask h4 span {
    font-size: 14px;
  }
  .rec-info .wrapper .block .pic .mask h5 {
    font-size: 16px;
  }
  .rec-info .wrapper .block .pic .mask .icon {
    margin-bottom: 30px;
  }
  .zyf-women .container h1 {
    font-size: 72px;
  }
  .zyf-women .container h2 {
    font-size: 46px;
  }
  .zyf-women .container h3 {
    font-size: 32px;
  }
  .index-news .wrapper .rt .row .date h3 {
    font-size: 38px;
  }
  .index-news .wrapper .rt .row .title h4 {
    font-size: 20px;
  }
  .news-category-list .news-list .container .row .date h3 {
    font-size: 34px;
  }
  .news-category-list .news-list .container .row .title h4 {
    font-size: 18px;
  }
  .news-detail .title h4 {
    font-size: 30px;
  }
  .media-center .list .row .date h4 {
    font-size: 18px;
  }
  .media-center .list .row .title h4 {
    font-size: 18px;
  }
  .prod-story .wrapper .block .pic .date h2 {
    font-size: 38px;
  }
  .prod-story .wrapper .block .title h4 {
    font-size: 18px;
  }
  .solution .wrapper .block .title h3 {
    font-size: 20px;
  }
  .case-research .wrapper .block .pic .date h2 {
    font-size: 38px;
  }
  .case-research .wrapper .block .pic .mask h4 {
    font-size: 18px;
  }
  .banner .text h2 {
    font-size: 32px;
  }
}
@media (max-width: 1365px) {
  .party-build-brand .wrapper .rt .mask .brief {
    max-width: 230px;
  }
  .company-intro .container .rt .data .block h2 {
    font-size: 40px;
  }
  .rec-info .wrapper .block .pic .mask .icon {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  header {
    display: none;
  }
  .out-header {
    display: none;
  }
  .index-title h3 {
    font-size: 32px;
  }
  .party-build-brand .wrapper .rt .mask h3 {
    font-size: 22px;
  }
  .party-build-brand .wrapper .rt .mask h4 {
    font-size: 16px;
  }
  .party-build-brand .wrapper .rt .mask p {
    font-size: 16px;
  }
  .party-build-brand .wrapper .rt .mask .brief {
    max-width: 200px;
  }
  .party-build-alliance .wrapper .lt .row h3 {
    font-size: 22px;
  }
  .party-build-alliance .wrapper .lt .row h4 {
    font-size: 18px;
  }
  .party-build-alliance .wrapper .lt .row span {
    width: 180px;
    font-size: 18px;
    line-height: 50px;
  }
  .party-build-alliance .wrapper .lt .more {
    font-size: 18px;
    line-height: 50px;
  }
  .party-build-alliance .wrapper .lt {
    height: calc(4 * 50px + 4 * 15px + 50px);
  }
  .sub-title h3 {
    font-size: 26px;
  }
  .party-and-mass-work .section1 .wrapper .block .pic .mask h3 {
    font-size: 24px;
  }
  .party-and-mass-work .section1 .wrapper .block .pic .mask h4 {
    font-size: 18px;
  }
  .party-and-mass-work .section2 .wrapper .block h2 {
    font-size: 48px;
  }
  .party-and-mass-work .section2 .wrapper .block .brief {
    font-size: 18px;
  }
  .party-and-mass-work .section3 .container h3 {
    font-size: 26px;
  }
  .party-and-mass-work .section3 .container .brief {
    font-size: 18px;
  }
  .party-and-mass-work .section4 .wrapper .block .pic .mask h3 {
    font-size: 24px;
  }
  .party-and-mass-work .section4 .wrapper .block .pic .mask .brief {
    font-size: 16px;
  }
  .party-build-news .wrapper .rt .row .date h2 {
    font-size: 34px;
  }
  .party-build-news .wrapper .rt .row .date h5 {
    font-size: 14px;
  }
  .party-build-news .wrapper .rt .row .title h4 {
    font-size: 16px;
  }
  .party-build-news .wrapper .rt .row .title p {
    font-size: 14px;
  }
  .party-build-news .wrapper .lt .pic .mask {
    font-size: 16px;
    line-height: 70px;
  }
  footer .footer-mid .lt {
    width: 55%;
  }
  footer .footer-mid .rt {
    margin-right: 5%;
  }
  .company-intro .container .rt .data .block h2 {
    font-size: 36px;
  }
  .bread-crumb .container ul {
    display: none;
  }
  .core-concept .wrapper .block .mask h3 {
    font-size: 24px;
  }
  .core-concept .wrapper .block .mask h4 {
    font-size: 18px;
  }
  .core-concept .wrapper .block .mask .brief {
    font-size: 14px;
  }
  .core-concept .wrapper .block .mask .icon {
    width: 45px;
    height: 45px;
  }
  .dev-history .devSwiper h3::before {
    font-size: 140px;
  }
  .dev-history .devSwiper h3 {
    font-size: 44px;
  }
  .dev-history .devSwiper h3 span {
    font-size: 36px;
  }
  .dev-history .devSwiper .brief {
    font-size: 20px;
  }
  .dev-history .thumbSwiper .swiper-slide-thumb-active h4 {
    font-size: 20px;
  }
  .dev-history .thumbSwiper h4 {
    font-size: 16px;
  }
  .business-frame .wrapper .block .mask h3 {
    font-size: 24px;
  }
  .business-frame .wrapper .block .mask h3::before {
    font-size: 160px;
  }
  .party-work .wrapper h4 {
    font-size: 32px;
  }
  .party-work .wrapper .brief {
    font-size: 18px;
  }
  .office-location .tab li {
    font-size: 16px;
    width: 130px;
  }
  .office-location .wrapper .block h4 {
    font-size: 20px;
  }
  .office-location .wrapper .block h5 {
    font-size: 14px;
  }
  .office-location .wrapper .block h5 img {
    margin-right: 1em;
  }
  .business-and-service .wrapper .row .lt h3 {
    font-size: 26px;
    line-height: 1.5;
  }
  .business-and-service .wrapper .row .lt h3::before {
    font-size: 34px;
  }
  .business-and-service .wrapper .row .lt h3::after {
    width: 60px;
    height: 2px;
    margin-top: 5px;
  }
  .business-and-service .wrapper .row .lt .brief {
    font-size: 14px;
    line-height: 1.6;
  }
  .business-and-service .wrapper .row .lt .mask {
    width: 112.27251%;
  }
  .award .lt ul li,
  .award .lt p {
    font-size: 16px;
  }
  .award .rt .swiper .swiper-slide p {
    font-size: 16px;
  }
  .business-scope .list .row {
    flex-wrap: wrap;
  }
  .business-scope .list .row .block {
    margin-bottom: 1%;
  }
  .business-scope .list .row .block p {
    font-size: 16px;
    line-height: 1.6;
  }
  .business-scope .intro .row .rt .title h3 {
    font-size: 22px;
    line-height: 1.6;
  }
  .business-scope .intro .row .rt .title h3::after {
    width: 40px;
    height: 2px;
    margin-top: 2%;
  }
  .business-scope .intro .row .rt .brief {
    font-size: 16px;
  }
  .represent-company .represent-company-swiper .pic .mask {
    font-size: 16px;
  }
  .zyf-detail .intro-wrapper .rt .title h3 {
    font-size: 20px;
  }
  .zyf-detail .intro-wrapper .rt .brief table tr td {
    font-size: 14px;
  }
  .zyf-detail .intro-wrapper .rt .brief {
    font-size: 14px;
  }
  .zyf-detail .intro-content .lt {
    font-size: 14px;
  }
  .zyf-detail .intro-content .lt table tr td {
    font-size: 14px;
  }
  .zyf-perspective .wrapper .rt .row .date h3 {
    font-size: 34px;
  }
  .zyf-perspective .wrapper .rt .row .date h5 {
    font-size: 14px;
  }
  .zyf-perspective .wrapper .rt .row .title h4 {
    font-size: 18px;
  }
  .zyf-perspective .wrapper .rt .row .title h5 {
    font-size: 14px;
  }
  .zyf-perspective .wrapper .rt .row .title .arrow {
    font-size: 14px;
  }
  .digtal-future .top .lt .thumbSwiper .swiper-slide h3 {
    font-size: 26px;
  }
  .digtal-future .top .rt .swiper-pagination .swiper-pagination-bullet {
    font-size: 44px;
  }
  .digtal-future .top .lt::after {
    height: 180px;
  }
  .tech-park .wrapper .block .pic .mask {
    font-size: 20px;
    line-height: 60px;
  }
  .index-banner .container .banner-text h2 {
    font-size: 44px;
  }
  .index-banner .container .banner-text h5 {
    font-size: 18px;
  }
  .rec-info .wrapper .block .pic h4 {
    padding: 0 30px;
    font-size: 22px;
  }
  .rec-info .wrapper .block .pic h4 span {
    font-size: 14px;
  }
  .rec-info .wrapper .block .pic .mask {
    padding: 20px 30px 0;
  }
  .rec-info .wrapper .block .pic .mask .icon {
    width: 30px;
    margin-bottom: 10px;
  }
  .rec-info .wrapper .block .pic .mask h4 {
    font-size: 20px;
  }
  .rec-info .wrapper .block .pic .mask h4 span {
    font-size: 12px;
  }
  .rec-info .wrapper .block .pic .mask h5 {
    font-size: 14px;
  }
  .zyf-women .container h1 {
    font-size: 64px;
  }
  .zyf-women .container h2 {
    font-size: 40px;
  }
  .zyf-women .container h3 {
    font-size: 28px;
  }
  .zyf-women .container h4 {
    font-size: 18px;
  }
  .zyf-women .container ul li p {
    font-size: 16px;
  }
  .index-news .wrapper .rt .row .date {
    padding-right: 4.25767%;
    margin-right: 4.0307%;
  }
  .index-news .wrapper .rt .row .date h3 {
    font-size: 34px;
  }
  .index-news .wrapper .rt .row .title h4 {
    font-size: 18px;
  }
  .index-news .wrapper .rt .row .title h5 {
    font-size: 14px;
  }
  .news-category-list .news-keywords .container span {
    font-size: 18px;
    margin-bottom: 3%;
  }
  .news-category-list .news-keywords .container ul li {
    margin-right: 20px;
  }
  .news-category-list .news-keywords .container ul li a {
    font-size: 16px;
    min-width: 130px;
    line-height: 40px;
  }
  .news-category-list .news-list .container .row .date h3 {
    font-size: 30px;
  }
  .news-category-list .news-list .container .row .title p {
    font-size: 14px;
  }
  .news-category-list .news-list .container .row .title .detail {
    font-size: 14px;
    transform: translate(50%, 60%);
  }
  .news-detail .title h4 {
    font-size: 26px;
  }
  .media-center .list .row .date h4 {
    font-size: 16px;
  }
  .media-center .list .row .title h4 {
    font-size: 16px;
  }
  .media-center .list .row .title p {
    font-size: 14px;
  }
  .prod-story .wrapper .block .pic .date h2 {
    font-size: 34px;
  }
  .prod-story .wrapper .block .title h4 {
    font-size: 16px;
  }
  .prod-story .wrapper .block .title p {
    font-size: 14px;
  }
  .prod-story .wrapper .block .title span {
    font-size: 14px;
  }
  .solution .wrapper .block .title h3 {
    font-size: 18px;
  }
  .solution .wrapper .block .row p {
    font-size: 14px;
  }
  .solution .wrapper .block .row span {
    font-size: 12px;
  }
  .case-research .wrapper .block .pic .date h2 {
    font-size: 34px;
  }
  .case-research .wrapper .block .pic .mask h4 {
    font-size: 16px;
  }
  .case-research .wrapper .block .pic .mask p {
    font-size: 14px;
  }
  .bread-crumb {
    position: relative;
    top: 0;
  }
  .about-history .history-list li .brief {
    font-size: 14px;
  }
  .join-us .wrapper .block .title h4 {
    font-size: 16px;
  }
  .join-us .wrapper .block .title h5 {
    font-size: 14px;
  }
  .join-us .wrapper .block .title h5 span {
    display: block;
  }
  .join-us .wrapper .block .title p {
    font-size: 14px;
  }
  .banner .text h2 {
    font-size: 28px;
  }
  .recruitment .role-wrapper .block {
    height: 150px;
  }
  .recruitment .role-wrapper .block h3 {
    font-size: 28px;
  }
  .recruitment .job-search .title {
    font-size: 32px;
  }
  .recruitment .job-search .search-table a {
    font-size: 16px;
  }
  .recruitment .job-search .search-table table tr td {
    font-size: 14px;
  }
}
@media (max-width: 990px) {
  .container {
    width: 94%;
  }
  .index-title h3 {
    font-size: 28px;
  }
  .index-title h5 {
    font-size: 14px;
  }
  .party-build-brand .wrapper .rt .mask h3 {
    font-size: 20px;
  }
  .party-build-brand .wrapper .rt .mask h4 {
    font-size: 14px;
  }
  .party-build-brand .wrapper .rt .mask p {
    font-size: 14px;
  }
  .party-build-brand .wrapper .rt .mask {
    padding: 7%;
  }
  .party-build-brand .wrapper .rt .mask .brief {
    max-width: 165px;
  }
  .party-build-brand .wrapper .rt .mask .bg {
    max-width: 40%;
    max-height: 50%;
  }
  .party-build-alliance .wrapper .lt .row h3 {
    font-size: 20px;
  }
  .party-build-alliance .wrapper .lt .row h4 {
    font-size: 14px;
  }
  .party-build-alliance .wrapper .lt .row span {
    width: 120px;
    font-size: 14px;
    line-height: 45px;
  }
  .party-build-alliance .wrapper .lt .more {
    font-size: 16px;
    line-height: 45px;
  }
  .party-build-alliance .wrapper .lt {
    height: calc(4 * 45px + 4 * 15px + 45px);
    width: 49.5%;
  }
  .party-build-alliance .wrapper .rt {
    width: 49.06977%;
  }
  .sub-title h3 {
    font-size: 24px;
  }
  .party-and-mass-work .section1 .wrapper .block .pic .mask h3 {
    font-size: 22px;
  }
  .party-and-mass-work .section1 .wrapper .block .pic .mask h4 {
    font-size: 16px;
  }
  .party-and-mass-work .section2 .wrapper .block h2 {
    font-size: 40px;
  }
  .party-and-mass-work .section2 .wrapper .block .brief {
    font-size: 14px;
  }
  .party-and-mass-work .section3 .container h3 {
    font-size: 22px;
  }
  .party-and-mass-work .section3 .container .brief {
    font-size: 16px;
  }
  .party-and-mass-work .section4 .wrapper .block .pic .mask h3 {
    font-size: 22px;
  }
  .party-and-mass-work .section4 .wrapper .block .pic .mask .brief {
    font-size: 14px;
    line-height: 1.6;
  }
  .party-build-news .wrapper .rt .row .date h2 {
    font-size: 30px;
  }
  .party-build-news .wrapper .rt .row .date h5 {
    font-size: 12px;
  }
  .party-build-news .wrapper .rt .row .title h4 {
    font-size: 14px;
  }
  .party-build-news .wrapper .rt .row .title p {
    font-size: 12px;
  }
  .party-build-news .wrapper .lt .pic .mask {
    font-size: 14px;
    line-height: 60px;
  }
  footer .footer-top .lt {
    font-size: 14px;
  }
  footer .footer-mid .lt {
    width: 100%;
  }
  footer .footer-mid .rt {
    display: none;
  }
  footer .footer-mid .lt .block h4 {
    font-size: 16px;
  }
  footer .footer-mid .lt .block ul li a {
    font-size: 14px;
  }
  .company-intro .container .rt .brief {
    font-size: 14px;
  }
  .company-intro .container .lt img {
    width: 200px;
  }
  .company-intro .container .rt .data .block h2 {
    font-size: 32px;
  }
  .company-intro .container .rt .data .block h2 em {
    font-size: 14px;
  }
  .company-intro .container .rt .data .block h2 em h4 {
    font-size: 20px;
  }
  .company-intro .container .rt .data .block p {
    font-size: 14px;
  }
  .company-intro .container .video .play-btn img {
    width: 100px;
  }
  .core-concept .wrapper {
    justify-content: space-around;
  }
  .core-concept .wrapper .block {
    width: 60%;
  }
  .core-concept .wrapper .block .mask h3 {
    font-size: 22px;
  }
  .core-concept .wrapper .block .mask h4 {
    font-size: 16px;
  }
  .core-concept .wrapper .block .mask .icon {
    width: 35px;
    height: 35px;
  }
  .dev-history .devSwiper h3::before {
    font-size: 120px;
  }
  .dev-history .devSwiper h3 {
    font-size: 40px;
  }
  .dev-history .devSwiper h3 span {
    font-size: 34px;
  }
  .dev-history .devSwiper .brief {
    font-size: 18px;
  }
  .dev-history .thumbSwiper .swiper-slide-thumb-active h4 {
    font-size: 18px;
  }
  .dev-history .thumbSwiper h4 {
    font-size: 14px;
  }
  .business-frame .wrapper .block .mask h3 {
    font-size: 22px;
  }
  .business-frame .wrapper .block .mask h3::before {
    font-size: 140px;
  }
  .party-work .wrapper h4 {
    font-size: 28px;
  }
  .party-work .wrapper .brief {
    font-size: 16px;
  }
  .office-location .tab li {
    font-size: 14px;
    width: 100px;
    line-height: 40px;
  }
  .office-location .wrapper .block h4 {
    font-size: 18px;
  }
  .office-location .wrapper .block {
    width: 48.430233%;
  }
  .business-and-service .wrapper .row {
    flex-direction: column;
  }
  .business-and-service .wrapper .row .lt {
    width: 100%;
  }
  .business-and-service .wrapper .row .lt .mask {
    position: relative;
    width: 100%;
    transform: translateY(0);
    padding: 3% 5%;
  }
  .business-and-service .wrapper .row .lt .brief {
    min-height: auto;
  }
  .business-and-service .wrapper .row .rt {
    width: 100%;
  }
  .business-and-service .wrapper .row:nth-child(even) .lt .mask {
    padding: 3% 5%;
  }
  .business-and-service .wrapper .row .lt h3 {
    font-size: 24px;
  }
  .business-and-service .wrapper .row .lt h3::before {
    font-size: 30px;
  }
  .award .lt {
    width: 100%;
    margin-bottom: 3%;
  }
  .award .lt .index-title {
    margin-bottom: 3%;
  }
  .award .lt ul li,
  .award .lt p {
    display: inline-block;
    margin-right: 1em;
  }
  .award .rt {
    width: 100%;
  }
  .business-scope .list .row .block p {
    font-size: 14px;
  }
  .business-scope .list .row .block {
    min-width: 20%;
    padding: 0 10px;
  }
  .business-scope .intro .row .rt .title h3 {
    font-size: 20px;
  }
  .business-scope .intro .row .rt .brief {
    font-size: 14px;
    line-height: 1.8;
  }
  .represent-company .represent-company-swiper .pic .mask {
    font-size: 14px;
    line-height: 50px;
  }
  .zyf-detail .intro-wrapper .rt .title h3 {
    font-size: 18px;
  }
  .zyf-detail .intro-wrapper .lt {
    width: 100%;
    margin-bottom: 3%;
  }
  .zyf-detail .intro-wrapper .rt {
    width: 100%;
  }
  .zyf-detail .intro-content .lt {
    width: 100%;
    margin-bottom: 3%;
  }
  .zyf-detail .intro-content .rt {
    width: 100%;
  }
  .zyf-perspective .wrapper .rt .row .date {
    padding: 15px 15px 15px 0;
  }
  .zyf-perspective .wrapper .rt .row .title {
    padding: 3px 0px 15px 0;
  }
  .zyf-perspective .wrapper .rt .row .date h3 {
    font-size: 28px;
  }
  .zyf-perspective .wrapper .rt .row .date h5 {
    font-size: 12px;
  }
  .zyf-perspective .wrapper .rt .row .title h4 {
    font-size: 16px;
  }
  .zyf-perspective .wrapper .rt .row .title h5 {
    font-size: 12px;
  }
  .zyf-perspective .wrapper .rt .row .title .arrow {
    display: none;
  }
  .digtal-future .top .lt .thumbSwiper .swiper-slide h3 {
    font-size: 22px;
  }
  .digtal-future .top .rt .swiper-pagination .swiper-pagination-bullet {
    font-size: 38px;
  }
  .tech-park .wrapper .block .pic .mask {
    font-size: 16px;
    line-height: 50px;
  }
  .index-banner .container .banner-text h2 {
    font-size: 34px;
  }
  .index-banner .container .banner-text h5 {
    font-size: 16px;
  }
  .rec-info .wrapper .block .pic h4 {
    padding: 0 15px;
    font-size: 18px;
  }
  .rec-info .wrapper .block .pic h4 span {
    font-size: 12px;
  }
  .rec-info .wrapper .block .pic .mask {
    padding: 10px 15px 0;
  }
  .rec-info .wrapper .block .pic .mask .icon {
    width: 20px;
    margin-bottom: 10px;
  }
  .rec-info .wrapper .block .pic .mask h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .rec-info .wrapper .block .pic .mask h4 span {
    font-size: 12px;
  }
  .rec-info .wrapper .block .pic .mask h5 {
    font-size: 12px;
  }
  .zyf-women .container h1 {
    font-size: 56px;
  }
  .zyf-women .container h2 {
    font-size: 34px;
  }
  .zyf-women .container h3 {
    font-size: 24px;
  }
  .zyf-women .container h4 {
    font-size: 16px;
  }
  .zyf-women .container ul li {
    margin-right: 15px;
  }
  .zyf-women .container ul li p {
    font-size: 14px;
  }
  .index-news .wrapper .rt .row .date {
    padding-right: 3.25767%;
    margin-right: 3.0307%;
  }
  .index-news .wrapper .rt .row .date h3 {
    font-size: 30px;
  }
  .index-news .wrapper .rt .row .title h4 {
    font-size: 16px;
  }
  .index-news .wrapper .rt .row .title h5 {
    font-size: 12px;
  }
  .index-news .wrapper .rt .row .arrow {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
  }
  .news-category-list .news-keywords .container span {
    font-size: 16px;
  }
  .news-category-list .news-keywords .container ul li {
    margin-right: 15px;
  }
  .news-category-list .news-keywords .container ul li a {
    font-size: 14px;
    min-width: 110px;
    line-height: 36px;
  }
  .news-category-list .news-list .container .row .date h3 {
    font-size: 26px;
  }
  .news-category-list .news-list .container .row .title h4 {
    font-size: 16px;
  }
  .news-category-list .news-list .container .row .title {
    padding: 14px 0 15px 3.657%;
  }
  .news-category-list .news-list .container .row .title .detail {
    transform: translate(50%, 50%);
  }
  .pagination > li a {
    font-size: 14px;
    padding: 0 10.5px;
    line-height: 30px;
  }
  .news-detail .title h4 {
    font-size: 22px;
  }
  .news-detail article {
    font-size: 14px;
  }
  .news-detail .article-tab .wrapper p {
    font-size: 14px;
  }
  .news-detail .article-share .wrapper {
    font-size: 16px;
  }
  .media-more a {
    font-size: 14px;
  }
  .prod-story .wrapper .block .pic .date h2 {
    font-size: 30px;
  }
  .prod-story .wrapper .block .pic .date h5 {
    font-size: 12px;
  }
  .prod-story .wrapper .block .title h4 {
    font-size: 14px;
  }
  .prod-story .wrapper .block .title p {
    font-size: 12px;
  }
  .prod-story .wrapper .block .title span {
    font-size: 12px;
  }
  .solution .wrapper .block {
    width: 100%;
  }
  .case-research .wrapper .block .pic .date h2 {
    font-size: 30px;
  }
  .case-research .wrapper .block .pic .date h5 {
    font-size: 12px;
  }
  .case-research .wrapper .block .pic .mask h4 {
    font-size: 14px;
  }
  .case-research .wrapper .block .pic .mask p {
    font-size: 12px;
  }
  .join-us .wrapper .block .title h4 {
    font-size: 14px;
  }
  .join-us .wrapper .block .title h5 {
    font-size: 12px;
  }
  .join-us .wrapper .block .title p {
    font-size: 12px;
  }
  .join-us .wrapper .block .tip {
    font-size: 12px;
  }
  .banner .text h2 {
    font-size: 24px;
  }
  .recruitment .role-wrapper .block {
    height: 140px;
  }
  .recruitment .role-wrapper .block h3 {
    font-size: 26px;
  }
  .recruitment .role-wrapper .block span img {
    width: 35px;
  }
  .recruitment .job-search .title {
    font-size: 28px;
  }
  .recruitment .job-search .search-form .el-button--primary {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .index-title h3 {
    font-size: 24px;
  }
  .index-title h5 {
    font-size: 12px;
  }
  .party-build-brand .wrapper .rt .mask h3 {
    font-size: 18px;
  }
  .party-build-brand .wrapper {
    flex-wrap: wrap;
  }
  .party-build-brand .wrapper .lt {
    width: 100%;
  }
  .party-build-brand .wrapper .rt {
    width: 100%;
  }
  .party-build-brand .wrapper .rt .mask {
    position: relative;
    width: 100%;
    transform: translateY(0);
    padding: 3% 6%;
  }
  .party-build-alliance .wrapper {
    position: relative;
  }
  .party-build-alliance .wrapper .lt {
    position: relative;
    width: 100%;
    z-index: 1;
    margin-bottom: 3%;
  }
  .party-build-alliance .wrapper .lt .row {
    margin-bottom: 10px;
  }
  .party-build-alliance .wrapper .rt {
    width: 100%;
  }
  .party-build-alliance .wrapper .rt .pic img {
    position: relative;
  }
  .party-build-alliance .wrapper .lt .row h3 {
    font-size: 18px;
    padding: 0 0.5em;
    margin-right: 0.5em;
  }
  .party-build-alliance .wrapper .lt .row span {
    width: 110px;
    line-height: 40px;
  }
  .party-build-alliance .wrapper .lt .more {
    font-size: 14px;
    line-height: 40px;
  }
  .party-build-alliance .wrapper .lt {
    height: calc(4 * 40px + 4 * 10px + 40px);
  }
  .sub-title h3 {
    font-size: 20px;
  }
  .sub-title h3 img {
    width: 20px;
  }
  .party-and-mass-work .section1 .wrapper .block .pic .mask h3 {
    font-size: 20px;
  }
  .party-and-mass-work .section1 .wrapper .block .pic .mask h4 {
    font-size: 14px;
  }
  .party-and-mass-work .section1 .wrapper .block {
    width: 100%;
  }
  .party-and-mass-work .section2 .wrapper .block h2 {
    font-size: 32px;
  }
  .party-and-mass-work .section2 .wrapper .block {
    width: 48.5%;
    margin-bottom: 3%;
  }
  .party-and-mass-work .section3 .container h3 {
    font-size: 18px;
  }
  .party-and-mass-work .section3 .container .brief {
    font-size: 14px;
  }
  .party-and-mass-work .section3 .container {
    padding: 6.770833% 3.947917% 8.125%;
  }
  .party-and-mass-work .section4 .wrapper .block .pic .mask h3 {
    font-size: 20px;
  }
  .party-and-mass-work .section4 .wrapper .block {
    width: 100%;
  }
  .party-build-news .wrapper .lt {
    width: 100%;
    margin-bottom: 3%;
  }
  .party-build-news .wrapper .rt {
    width: 100%;
  }
  footer .footer-top .back-top {
    margin: 5% 0 0 auto;
  }
  footer .footer-bt .container {
    justify-content: space-around;
  }
  footer .footer-bt .container .lt {
    font-size: 12px;
    text-align: center;
    line-height: 1.8;
  }
  footer .footer-bt .container .rt {
    font-size: 12px;
    text-align: center;
  }
  footer .footer-mid .lt .block h4 {
    font-size: 14px;
  }
  footer .footer-mid .lt .block ul li {
    margin-bottom: 5px;
  }
  footer .footer-mid .lt .block ul li a {
    font-size: 12px;
  }
  .company-intro .container .lt {
    margin-bottom: 3%;
  }
  .company-intro .container .rt {
    width: 100%;
  }
  .company-intro .container .rt .data .block h2 {
    font-size: 24px;
  }
  .company-intro .container .rt .data .block h2 em {
    font-size: 12px;
  }
  .company-intro .container .rt .data .block h2 em h4 {
    font-size: 16px;
  }
  .company-intro .container .rt .data .block p {
    font-size: 12px;
    margin-top: 8px;
  }
  .company-intro .container .rt .data {
    justify-content: space-around;
  }
  .company-intro .container .rt .data .block {
    width: 33%;
    margin-bottom: 3%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .company-intro .container .video {
    padding: 24%;
  }
  .core-concept .wrapper .block .mask h3 {
    font-size: 20px;
  }
  .core-concept .wrapper .block .mask h4 {
    font-size: 16px;
  }
  .core-concept .wrapper .block {
    width: 100%;
  }
  .dev-history .devSwiper h3::before {
    font-size: 100px;
  }
  .dev-history .devSwiper h3 {
    font-size: 36px;
  }
  .dev-history .devSwiper h3 span {
    font-size: 32px;
  }
  .dev-history .devSwiper .brief {
    font-size: 14px;
  }
  .dev-history .thumbSwiper .swiper-slide-thumb-active h4 {
    font-size: 16px;
  }
  .dev-history .thumbSwiper .swiper-button-prev {
    left: 0;
    width: 32px;
    height: 32px;
    bottom: 16px;
  }
  .dev-history .thumbSwiper .swiper-button-next {
    right: 0;
    width: 32px;
    height: 32px;
    bottom: 16px;
  }
  .dev-history .thumbSwiper .swiper-slide-thumb-active h4::after {
    width: 12px;
    height: 12px;
  }
  .business-frame .wrapper .block {
    width: 32.5%;
    margin-bottom: 1%;
  }
  .business-frame .wrapper .block .mask h3 {
    font-size: 20px;
  }
  .business-frame .wrapper .block .mask h3::before {
    font-size: 100px;
  }
  .party-work .wrapper h4 {
    font-size: 24px;
  }
  .party-work .wrapper .brief {
    font-size: 14px;
  }
  .office-location .wrapper .block h4 {
    font-size: 16px;
  }
  .office-location .wrapper .block h5 {
    font-size: 12px;
  }
  .office-location .wrapper .block h5 img {
    width: 14px;
  }
  .business-and-service .wrapper .row .lt h3 {
    font-size: 22px;
  }
  .business-and-service .wrapper .row .lt h3::before {
    font-size: 26px;
  }
  .award .lt ul li,
  .award .lt p {
    font-size: 14px;
  }
  .award .rt .swiper .swiper-slide p {
    font-size: 14px;
  }
  .award .rt .swiper-btn .swiper-button-prev,
  .award .rt .swiper-btn .swiper-button-next {
    width: 50px;
    height: 34px;
  }
  .award .rt .swiper-btn .swiper-button-prev img,
  .award .rt .swiper-btn .swiper-button-next img {
    width: 20px;
  }
  .business-scope .list .row .block {
    min-width: 33%;
    padding: 0 10px;
  }
  .business-scope .list .row .block .icon {
    width: 60px;
    height: 60px;
    line-height: 58px;
  }
  .business-scope .list .row .block p {
    font-size: 12px;
  }
  .business-scope .intro .row {
    flex-direction: column;
  }
  .business-scope .intro .row .lt {
    width: 100%;
  }
  .business-scope .intro .row .rt {
    width: 100%;
  }
  .represent-company .represent-company-swiper .pic .mask {
    font-size: 12px;
    line-height: 40px;
    padding: 0 10px;
  }
  .represent-company .represent-company-swiper .swiper-button-prev::after,
  .represent-company .represent-company-swiper .swiper-button-next::after {
    font-size: 20px;
  }
  .zyf-detail .intro-wrapper .rt .title h3 {
    font-size: 16px;
  }
  .zyf-detail .intro-wrapper .rt .title h3 span {
    font-size: 12px;
  }
  .zyf-detail .intro-content .lt h4 {
    font-size: 16px;
  }
  .zyf-detail .intro-content .lt h4 span {
    font-size: 12px;
  }
  .zyf-detail .intro-wrapper .rt .brief table tr td {
    font-size: 12px;
    line-height: 1.6;
  }
  .zyf-detail .intro-content .lt table tr td {
    font-size: 12px;
    line-height: 1.6;
    height: 46px;
  }
  .zyf-perspective .wrapper .lt {
    width: 100%;
  }
  .zyf-perspective .wrapper .lt .pic {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 70.76412%;
  }
  .zyf-perspective .wrapper .lt .pic img {
    position: absolute;
  }
  .zyf-perspective .wrapper .rt {
    width: 100%;
  }
  .zyf-perspective .wrapper .rt .row .date {
    padding: 15px 10px 15px 0;
    margin-right: 10px;
  }
  .zyf-perspective .wrapper .rt .row .date h3 {
    font-size: 24px;
  }
  .zyf-perspective .wrapper .lt .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }
  .digtal-future .top .lt {
    background: none;
  }
  .digtal-future .top .lt::after {
    display: none;
  }
  .digtal-future .top .lt .thumbSwiper .swiper-slide h3 {
    font-size: 20px;
    color: #999;
    border-left: 2px solid #999;
  }
  .digtal-future .top .rt .swiper-pagination .swiper-pagination-bullet {
    font-size: 32px;
  }
  .digtal-future .top .lt .swiper-btn .swiper-button-next,
  .digtal-future .top .lt .swiper-btn .swiper-button-prev {
    width: 32px;
    height: 32px;
    border: 1px solid #999;
    background-color: #999;
    color: #fff;
  }
  .digtal-future .top .lt .swiper-btn .swiper-button-disabled {
    opacity: .7;
    background-color: #fff;
    color: #999;
  }
  .digtal-future .top .lt {
    flex-wrap: wrap;
  }
  .digtal-future .top .lt .thumbSwiper {
    flex: none;
    width: 100%;
    margin-bottom: 8%;
  }
  .digtal-future .pic-swiper {
    padding-left: 3.68605%;
  }
  .digtal-future .top .lt::after {
    height: 20px;
  }
  .tech-park .wrapper .block .pic .mask {
    font-size: 14px;
    line-height: 40px;
  }
  .tech-park .wrapper .block {
    width: 49.1977%;
  }
  .index-banner .container .banner-text h2 {
    font-size: 24px;
  }
  .index-banner .container .banner-text h5 {
    font-size: 12px;
  }
  .index-banner .swiper-button-next,
  .index-banner .swiper-button-prev {
    display: none;
  }
  .rec-info .wrapper .block {
    width: 100%;
  }
  .rec-info .wrapper .block:nth-child(-n+3) {
    width: 100%;
  }
  .rec-info .wrapper .block:nth-child(-n+3) .pic {
    padding-bottom: 45.1991%;
  }
  .zyf-women .container h1 {
    font-size: 48px;
  }
  .zyf-women .container h2 {
    font-size: 28px;
  }
  .zyf-women .container h3 {
    font-size: 20px;
  }
  .zyf-women .container h4 {
    font-size: 14px;
  }
  .zyf-women .container ul li {
    margin-bottom: 3%;
  }
  .zyf-women .container ul li .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
  }
  .zyf-women .container ul li p {
    font-size: 12px;
  }
  .index-news .wrapper .lt {
    width: 100%;
  }
  .index-news .wrapper .rt {
    width: 100%;
  }
  .index-news .wrapper .rt .row .date h3 {
    font-size: 24px;
  }
  .index-news .wrapper .rt .row .arrow {
    margin-left: 3.0307%;
  }
  .index-news .wrapper .lt .pic {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 75.6374%;
  }
  .index-news .wrapper .lt .pic img {
    position: absolute;
  }
  .index-news .wrapper .lt .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }
  .news-category-list .news-keywords .container span {
    font-size: 14px;
  }
  .news-category-list .news-keywords .container ul li {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .news-category-list .news-keywords .container ul li a {
    font-size: 12px;
    min-width: 85px;
    line-height: 32px;
  }
  .news-category-list .news-list .container .row .date h3 {
    font-size: 20px;
  }
  .news-category-list .news-list .container .row .date h5 {
    font-size: 12px;
  }
  .news-category-list .news-list .container .row .date {
    padding-left: 2.846154%;
    margin-right: 2.1526%;
  }
  .news-category-list .news-list .container .row .title .detail {
    display: none;
  }
  .news-category-list .news-list .container .row .title h4 {
    font-size: 14px;
  }
  .news-category-list .news-list .container .row .title p {
    font-size: 12px;
  }
  .news-category-list .news-list .container .row .title {
    padding: 10px 0 10px 2.657%;
    margin-right: 2.2144%;
  }
  .news-detail .title h4 {
    font-size: 18px;
  }
  .news-detail .title h5 {
    font-size: 12px;
  }
  .news-detail .article-share .wrapper {
    font-size: 14px;
  }
  .news-detail .article-tab .wrapper p {
    max-width: 100%;
    margin-bottom: 3%;
  }
  .media-center .list .row .date h4 {
    font-size: 14px;
  }
  .media-center .list .row .title h4 {
    font-size: 14px;
  }
  .media-center .list .row .title p {
    font-size: 12px;
  }
  .media-center .list .row {
    flex-wrap: wrap;
  }
  .media-center .list .row .title {
    width: 100%;
    order: 1;
    flex: none;
  }
  .media-center .list .row .picture {
    width: 50.813954%;
  }
  .prod-story .wrapper .block {
    width: 48.976744%;
  }
  .solution .wrapper .block .title h3 {
    font-size: 16px;
  }
  .prod-story .wrapper .block .pic .date h2 {
    font-size: 24px;
  }
  .case-research .wrapper .block {
    width: 100%;
  }
  .case-research .wrapper .block .pic .date h2 {
    font-size: 24px;
  }
  .business-scope .wrapper .lt {
    width: 100%;
    margin-bottom: 3%;
  }
  .business-scope .wrapper .rt {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .business-scope .wrapper .rt .block {
    width: 49%;
  }
  .index-news .wrapper .rt .row .date h5 {
    font-size: 12px;
  }
  .join-us .wrapper .block {
    width: 100%;
    margin-bottom: 3%;
  }
  .join-us .wrapper .block .title h5 span {
    display: inline-block;
  }
  .join-us .wrapper .type2 {
    height: 500px;
  }
  .banner .text h2 {
    font-size: 20px;
  }
  .register-and-login h3 {
    font-size: 24px;
  }
  .register-and-login h5 {
    font-size: 14px;
  }
  .recruit-detail .content .title {
    font-size: 24px;
  }
  .recruit-detail .content .brief {
    font-size: 14px;
  }
  .recruit-detail .btn-row .el-button--danger {
    width: 100px;
    font-size: 14px;
    height: 40px;
  }
  .el-dialog .el-dialog__title {
    font-size: 20px;
  }
  .el-dialog .el-dialog__headerbtn {
    font-size: 24px;
  }
  .el-dialog__headerbtn {
    top: 8px !important;
    right: 10px !important;
  }
  .el-dialog .el-form .el-form-item__content input[type="file"] {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 65px 0 15px;
  }
  .el-dialog .el-form .el-form-item__content button {
    width: 50px;
    height: 40px;
  }
  .el-dialog .el-form .el-form-item__content button img {
    width: 20px;
  }
  .el-message-box .el-message-box__title {
    font-size: 20px;
  }
  .el-message-box .el-message-box__headerbtn {
    font-size: 24px;
  }
  .el-message-box__headerbtn {
    top: 8px !important;
    right: 10px !important;
  }
  .el-message-box .el-message-box__message img {
    margin-right: 1em;
    width: 30px;
    vertical-align: middle;
    display: inline-block;
  }
  .el-message-box .el-message-box__message {
    font-size: 16px;
  }
  .el-message-box .el-message-box__btns .el-button {
    width: 100px;
    height: 40px;
    font-size: 14px;
  }
  .recruitment .role-wrapper .block {
    height: 120px;
    width: 48%;
    margin-bottom: 3%;
  }
  .recruitment .role-wrapper .block h3 {
    font-size: 24px;
  }
  .recruitment .role-wrapper .block span img {
    width: 30px;
  }
  .recruitment .job-search .title {
    font-size: 24px;
  }
  .recruitment .job-search .search-form .params {
    flex: unset;
    width: 100%;
  }
  .recruitment .job-search .search-form .params .el-form-item__label {
    line-height: 1;
  }
  .recruitment .job-search .search-form .params .el-form-item {
    margin-bottom: 15px;
  }
  .recruitment .job-search .search-table a {
    font-size: 12px;
  }
  .recruitment .job-search .search-table table tr td {
    font-size: 12px;
  }
}