html,
body { position: inherit; }
.header { background: #fff; box-shadow: 0px 4px 12px #00000030; }
.header .header-container .header-list li { color: #000; }
.header .header-container .header-list li:nth-of-type(6) { color: #0073ff; }
.header .header-container .header-list li:nth-of-type(6):after { display: block; }
.header .header-login { color: #000; }
.tab-click { color: #0073fd !important; font-weight: bolder; border-bottom: 2px solid #0073fd; }
.aboutUs { width: 100%; margin-top: 64px; }
.aboutUs .aboutUs-banner { position: relative; width: 100%; height: 260px; justify-content: center; background: #0073ff url(/image/aboutus/1.png) no-repeat center; }
.aboutUs .aboutUs-banner .pressCenter-banner-bottomtext { position: absolute; bottom: 26px; left: 50%; transform: translate(-50%, 0); width: 100%; text-align: center; font-size: 110px; font-weight: 900; color: rgba(255, 255, 255, 0.1); }
.aboutUs .aboutUs-banner .pressCenter-banner-text { justify-content: center; color: #fff; font-weight: bolder; font-size: 50px; }
.aboutUs .aboutUs-banner .title-underline { background-color: #fff; margin-top: 30px; }
.aboutUs .aboutUs-inner { width: 100%; }
.aboutUs .aboutUs-inner .aboutUs-inner-list { height: 60px; border-bottom: 2px solid #ececed; }
.aboutUs .aboutUs-inner .aboutUs-inner-list li { line-height: 58px; color: #000; font-size: 14px; margin-right: 100px; cursor: pointer; }
.aboutUs .aboutUs-inner .aboutUs-inner-list li:last-child { margin-right: 0; }
.aboutUs .aboutUs-inner .tab-content > div { display: none; }
.aboutUs .aboutUs-inner .tab-content .block { display: block; }
.aboutUs .aboutUs-inner .tab-content .company-profile-inner { padding: 50px 0; }
.aboutUs .aboutUs-inner .tab-content .company-profile-inner-title { font-size: 26px; font-weight: bolder; color: #000; text-align: center; margin: 0; margin-bottom: 30px; }
.aboutUs .aboutUs-inner .tab-content .company-profile-content { width: 100%; }
.aboutUs .aboutUs-inner .tab-content .company-profile-content-text { padding: 45px 0; width: 490px; margin-right: 50px; font-size: 14px; line-height: 28px; color: rgba(55, 69, 80, 0.85); }
.aboutUs .aboutUs-inner .tab-content .text-bottom { margin-bottom: 24px; }
.aboutUs .aboutUs-inner .tab-content .company-profile-inner-image { position: relative; width: 528px; height: 417px; }
.aboutUs .aboutUs-inner .tab-content .company-profile-back-right { position: absolute; right: 0; top: 0; width: 220px; height: 220px; background: #0073ff; }
.aboutUs .aboutUs-inner .tab-content .company-profile-back-left { position: absolute; bottom: 0; left: 0; width: 220px; height: 60px; background: #fe8500; }
.aboutUs .aboutUs-inner .tab-content .company-profile-image { position: absolute; bottom: 0; left: 30px; width: 468px; height: 327px; }
.aboutUs .aboutUs-inner .tab-content .company-product { position: relative; width: 100%; height: 436px; }
.aboutUs .aboutUs-inner .tab-content .company-product-back { width: 100%; height: 260px; background: url(/image/aboutus/2.png) no-repeat center; background-size: cover; }
.aboutUs .aboutUs-inner .tab-content .company-product-inner { position: absolute; top: 80px; left: 50%; transform: translate(-50%, 0px); }
.aboutUs .aboutUs-inner .tab-content .company-product-title { width: 100%; text-align: center; font-size: 26px; line-height: 1; font-weight: bolder; margin: 0; margin-bottom: 50px; }
.aboutUs .aboutUs-inner .tab-content .company-product-content { position: relative; width: 100%; height: 200px; background: #0073ff; border-radius: 10px; }
.aboutUs .aboutUs-inner .tab-content .company-product-text { position: absolute; top: 0; left: 0; padding: 60px 100px; font-size: 14px; line-height: 28px; color: #fff; }
.aboutUs .aboutUs-inner .tab-content .development-history { margin-bottom: 146px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container { position: relative; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-content { position: absolute; text-align: center; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-content .development-top { margin-top: 20px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-content .development-bottom { margin-bottom: 20px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-content .development-title { font-size: 16px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-content .development-text { font-weight: normal; font-size: 14px; color: #6c747a; line-height: 25px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-2019-01 { bottom: 40px; left: 10px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-2019-08 { top: 55px; left: 125px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-2019-11 { bottom: 105px; left: 225px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-2020-04 { top: 10px; left: 430px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-2020-07 { top: 145px; right: 330px; }
/*.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-2021-01 { top: 0; right: 165px; }*/
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-2021-06 { top: 0; right: 165px; }
.aboutUs .aboutUs-inner .tab-content .development-history .development-container .development-2021-12 { top: 175px; right: 10px; }
.aboutUs .aboutUs-inner .tab-content .development-history-title { width: 100%; text-align: center; font-size: 26px; line-height: 1; font-weight: bolder; margin: 0; margin-bottom: 70px; }
.aboutUs .aboutUs-inner .tab-content .development-history-single{ margin-top:50px;}
.aboutUs .aboutUs-inner .tab-content .enterprise-culture { padding: 60px 0 90px; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-left { position: relative; width: 446px; height: 530px; margin-right: 50px; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-left-top { position: absolute; top: 0; left: 0; width: 220px; height: 220px; background-color: #0073ff; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-left-bottom { position: absolute; bottom: 0; right: 0; width: 220px; height: 60px; background-color: #fe8500; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-left-image { position: absolute; top: 30px; left: 30px; width: 386px; height: 500px; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-right { position: relative; width: 584px; }
.aboutUs .aboutUs-inner .tab-content .line { width: 20px; background-color: #e5f1fe; position: absolute; left: 0px; z-index: 10; border-radius: 10px; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-list { width: 100%; position: relative; z-index: 99; padding-left: 5px; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-list li { display: flex; align-items: baseline; width: 100%; text-align: left; margin-bottom: 70px; }
.aboutUs .aboutUs-inner .tab-content .circle { display: inline-block; width: 10px; height: 10px; background-color: #0072ff; border-radius: 50%; margin-right: 30px; position: relative; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-list-inner { width: 94%; color: rgba(55, 69, 80, 0.85); font-size: 14px; line-height: 28px; }
.aboutUs .aboutUs-inner .tab-content .enterprise-culture-list-title { font-size: 26px; font-weight: bolder; color: #374550; }
.aboutUs .aboutUs-inner .tab-content .title-underline { width: 30px; margin: 16px 0; }
.aboutUs .aboutUs-inner .tab-content .certificate { padding: 50px 0 70px; }
.aboutUs .aboutUs-inner .tab-content .certificate-list { width: 100%; }
.aboutUs .aboutUs-inner .tab-content .certificate-list li { width: 255px; font-size: 14px; line-height: 1; margin-right: 20px; color: rgba(55, 69, 80, 0.85); cursor: pointer; }
.aboutUs .aboutUs-inner .tab-content .certificate-list li:nth-child(4n) { margin-right: 0; }
.aboutUs .aboutUs-inner .tab-content .certificate-list-image { position: relative; width: 100%; height: 175px; border: 2px solid #efeff0; border-radius: 4px; overflow: hidden; }
.aboutUs .aboutUs-inner .tab-content .certificate-list-image:hover .shade { display: block; }
.aboutUs .aboutUs-inner .tab-content .shade { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(55, 69, 80, 0.8); }
.aboutUs .aboutUs-inner .tab-content .certificate-list-text { text-align: center; margin: 20px 0; line-height: 20px; min-width: 40px; }
.aboutUs .aboutUs-inner .tab-content .search { width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.aboutUs .aboutUs-inner .tab-content .contact-us { padding: 50px 0 70px; }
.aboutUs .aboutUs-inner .tab-content .contact-us-list { width: 100%; border: 2px solid #f1f4f6; border-radius: 4px; margin-top: 50px; }
.aboutUs .aboutUs-inner .tab-content .contact-us-list li { width: 216px; font-size: 14px; color: rgba(55, 69, 80, 0.85); padding: 30px 30px 36px 30px; border-right: 2px solid #f1f4f6; white-space: normal; word-break: break-all; }
.aboutUs .aboutUs-inner .tab-content .contact-us-list li:last-child { border-right: 0; }
.aboutUs .aboutUs-inner .tab-content .contact-us-list li .title-underline { width: 24px; margin: 20px 0; }
.aboutUs .aboutUs-inner .tab-content .contact-us-list li .full { width: 100%; }
.aboutUs .aboutUs-inner .tab-content .contact-us-list-icon { width: 54px; height: 54px; margin-bottom: 20px; background: url(/image/aboutus/connect_us.png) no-repeat center; }
.aboutUs .aboutUs-inner .tab-content .weixin { background-position: -109px -1px; }
.aboutUs .aboutUs-inner .tab-content .phone { background-position: -1px -1px; }
.aboutUs .aboutUs-inner .tab-content .email { background-position: -57px -1px; }
.aboutUs .aboutUs-inner .tab-content .location { background-position: -166px -1px; }
.aboutUs .aboutUs-inner .tab-content .time { background-position: -220px -1px; }
.aboutUs .aboutUs-inner .tab-content .contact-us-list-title { font-size: 24px; font-weight: bolder; color: #374550; }
.aboutUs .aboutUs-inner .tab-content .contact-us-list-card { width: 91px; height: 91px; }
.aboutUs .aboutUs-inner .tab-content .join-us { padding: 50px 0 70px; }
.aboutUs .aboutUs-inner .tab-content .join-us-top { position: relative; width: 100%; margin-bottom: 50px; }
.aboutUs .aboutUs-inner .tab-content .join-us-top-back { width: 100%; height: 248px; margin-top: 40px; background: #0073ff; border-radius: 10px; }
.aboutUs .aboutUs-inner .tab-content .join-us-top-inner { position: absolute; bottom: 30px; width: 100%; height: 100%; }
.aboutUs .aboutUs-inner .tab-content .join-ue-top-image { position: absolute; top: 0; left: 40px; width: 207px; height: 299px; }
.aboutUs .aboutUs-inner .tab-content .join-us-top-text { position: absolute; left: 287px; bottom: 0; font-size: 14px; color: #fff; line-height: 38px; text-align: left; }
.aboutUs .aboutUs-inner .tab-content .join-us-top-title { width: 100%; font-size: 26px; line-height: 1; margin-bottom: 34px; font-weight: bolder; }
.aboutUs .aboutUs-inner .tab-content .join-us-content { width: 100%; }
.aboutUs .aboutUs-inner .tab-content .join-us-content li { position: relative; width: 100%; padding-left: 40px; margin-bottom: 50px; }
.aboutUs .aboutUs-inner .tab-content .join-us-content li:last-child { margin-bottom: 0; }
.aboutUs .aboutUs-inner .tab-content .position { position: absolute; top: 30px; left: 0; padding: 0 40px; line-height: 66px; font-size: 26px; font-weight: bolder; background-color: #fe8500; border-radius: 10px; color: #fff; }
.aboutUs .aboutUs-inner .tab-content .join-us-content-inner { width: 100%; border: 2px solid #f3f3f6; border-radius: 10px; padding: 136px 40px 0; text-align: left; }
.aboutUs .aboutUs-inner .tab-content .join-us-content-title { font-size: 16px; font-weight: bolder; color: #374550; }
.aboutUs .aboutUs-inner .tab-content .join-us-content-text { font-size: 14px; line-height: 28px; color: rgba(55, 69, 80, 0.85); margin-bottom: 40px; }
.aboutUs .aboutUs-inner .tab-content .legal-notice { padding: 50px 0 70px; }
.aboutUs .aboutUs-inner .tab-content .legal-notice-title { width: 100%; text-align: center; font-size: 26px; font-weight: bolder; color: #374550; margin-bottom: 30px; }
.aboutUs .aboutUs-inner .tab-content .legal-notice-content { position: relative; width: 100%; }
.aboutUs .aboutUs-inner .tab-content .legal-notice-line { width: 20px; background-color: #e5f1fe; position: absolute; left: 0px; z-index: 10; border-radius: 10px; }
.aboutUs .aboutUs-inner .tab-content .legal-notice-list { width: 100%; position: relative; z-index: 99; padding-left: 5px; }
.aboutUs .aboutUs-inner .tab-content .legal-notice-list li { display: flex; align-items: baseline; width: 100%; text-align: left; margin-bottom: 40px; }
.aboutUs .aboutUs-inner .tab-content .legal-notice-list-title { font-size: 20px; font-weight: bolder; color: #374550; }
.aboutUs .aboutUs-inner .tab-content .privacy-policy { padding: 50px 0 70px; text-align: left; }
.aboutUs .aboutUs-inner .tab-content .privacy-policy-top { width: 100%; font-size: 14px; line-height: 28px; color: rgba(55, 69, 80, 0.85); }
.aboutUs .aboutUs-inner .tab-content .privacy-policy-content { position: relative; width: 100%; }
.aboutUs .aboutUs-inner .tab-content .privacy-policy-line { width: 20px; background-color: #e5f1fe; position: absolute; left: 0px; bottom: 0; top: 0; z-index: 10; border-radius: 10px; }
.aboutUs .aboutUs-inner .tab-content .privacy-policy-list { width: 100%; position: relative; z-index: 99; padding-left: 5px; margin-top: 50px; }
.aboutUs .aboutUs-inner .tab-content .privacy-policy-list li { display: flex; align-items: baseline; width: 100%; text-align: left; margin-bottom: 40px; }
.aboutUs .aboutUs-inner .tab-content .note { width: 100%; text-align: center; font-size: 14px; margin-top: 70px; line-height: 28px; color: rgba(55, 69, 80, 0.5); }
.certificate-preview { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(55, 69, 80, 0.5); }
.certificate-preview .certificate-preview-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 582px; height: 502px; border-radius: 5px; padding: 0 0px 30px; overflow: hidden; }
.certificate-preview .certificate-preview-title { width: 100%; height: 70px; line-height: 70px; font-size: 14px; padding: 0 30px; color: rgba(55, 69, 80, 0.85); }
.certificate-preview .close { width: 16px; height: 16px; margin: 0; cursor: pointer; }
.certificate-preview .certificate-preview-image { border: 2px solid #efeff0; border-radius: 4px; overflow: hidden; overflow: auto; height: 345px; }
.certificate-preview .swiper-slide { padding: 0 30px; }
.certificate-preview .swiper-button-next,
.certificate-preview .swiper-button-prev { position: absolute; top: unset; width: 40px; height: 40px; bottom: 30px; margin-top: 0; border-radius: 5px; border: 2px solid #dfe2e4; cursor: pointer; }
.certificate-preview .swiper-button-next,
.certificate-preview .swiper-container-rtl .swiper-button-prev { right: 30px; }
.certificate-preview .swiper-button-next:after,
.certificate-preview .swiper-button-prev:after { font-size: 14px; color: #919ca1; }
.certificate-preview .swiper-button-prev,
.certificate-preview .swiper-container-rtl .swiper-button-next { left: auto; right: 80px; }

@media screen and (max-width: 750px) {
    .aboutUs { min-width: 1080px; }
}
