@charset "utf-8"; .clearfix { zoom: 1; } .clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; } .marginauto { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .linenowrap { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .center { display: -moz-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } @media screen and (max-width: 1770px) { .navs > li { margin-left: 2vw; } .navs > li > a { padding: 0; } .logo { width: 30vw; } .header { padding: 0 20px; } } @media screen and (max-width: 1600px) { .technician-right .academician-tt { height: auto; } .technician-right .academician-text { height: 120px; } .meval-menu-list li { margin-right: 30px; } .navs > li > a { font-size: 15px; } .core-hidden { height: 300px; } } @media screen and (max-width: 1450px) { .navs > li > a { font-size: 14px; } .navs-menu { top: 80px; } .logo { width: 27vw; } .header, .mtop { height: 80px; } .header-tel { margin-left: 16px; margin-right: 14px; } .header-tel a { width: 150px; font-size: 14px; } .header { padding: 0 5%; } .navs > li { margin-left: 1.5vw; } .navs > li > a { line-height: 80px; } .banner__text img { height: 50px; } .banner__text small { margin: 20px 0; font-size: 18px; } .banner__text p { font-size: 28px; } .banner__text { left: 5%; } .solute-btn { margin-top: 50px; } .solute-tab-swiper { margin-top: 60px; } .solute-title strong { font-size: 30px; } .solute-title small { font-size: 22px; } .solutions { padding: 100px 5%; } .solute-tab-slide strong { margin-bottom: 28px; font-size: 22px; } .news-center { padding-left: 5%; } .news-text strong { margin-bottom: 20px; font-size: 24px; } .news-text p { font-size: 14px; } .about-us { padding: 100px 0 100px 5%; } .about-us-title { margin-top: 40px; } .about-us-title strong { font-size: 28px; } .about-us-title span { font-size: 22px; } .about-us-text p { font-size: 14px; } .expert-text strong { font-size: 30px; } .expert-text small { margin-bottom: 60px; font-size: 22px; } .expert-text p { font-size: 18px; } .expert-hidden p { font-size: 18px; } .expert-content { padding-top: 7%; } .expert-hidden { height: 145px; } .cooperate-title strong { font-size: 30px; } .cooperate { padding: 100px 5% 50px; } .footer { padding: 36px 5% 0; } .ptext strong { margin-bottom: 20px; font-size: 42px; } .ptext small { font-size: 20px; } .ptext { left: 5%; } .leval-menu { padding: 0 5%; } .meval-menu-list li a, .posites a { font-size: 14px; } .statistics { padding: 100px 5%; overflow: hidden; } .statistics-content strong { font-size: 28px; } .statistics-text { margin-top: 26px; margin-bottom: 60px; } .solute-btns { width: 60px; height: 60px; line-height: 60px; } .solute-btns.prev { left: 5%; } .solute-btns.next { right: 5%; } .solute-tit b { font-size: 55px; } .solute-tit { padding-top: 60px; padding-bottom: 24px; } .solute-tit strong { font-size: 28px; } .solute-info p { font-size: 14px; } .customer-service { padding: 60px 5% 100px; } .customer-slide figure span { font-size: 16px; line-height: 1.5; } .core-hidden { height: 230px; } .core-text strong { font-size: 24px; } .core-item { padding: 100px 5%; } .academician { padding-left: 5%; } .academician-content { padding: 80px 0; } .academician-top strong { font-size: 32px; } .technicians { padding: 60px 5% 40px; } .technician-title { margin-bottom: 50px; } .technicians-fix { width: 90%; margin-left: -45%; } .technicians-fix .closes { top: 30px; right: 30px; font-size: 30px; color: #333333; } .news-contents strong { font-size: 26px; } .news-contents span { margin-top: 40px; } .dynamic-bix { padding: 70px 5%; } .news-boxs { padding: 80px 5%; } .view-prev { margin-top: 70px; } .introduct { padding: 50px 5% 140px; } .introduct-fix strong { font-size: 28px; } .z_process_warp { padding: 0 5%; } .corporate { padding: 80px 5%; } .vision { padding: 60px 5%; } .vision-texts { margin-left: 100px; } .vision-texts p { font-size: 22px; } .company-bg { width: 100%; } .company-culture { padding: 70px 5% 50px; } .culture-list { margin-top: 60px; } .status-box { padding: 70px 5% 70px; } .status-title strong { font-size: 38px; } .status-title { margin-bottom: 45px; } .status-hidden { height: 140px; } .honor-box { padding: 80px 5% 150px; } .complaint { padding: 70px 5% 80px; } .complaint-text strong { font-size: 30px; } .contact-uss { padding: 60px 5% 75px; } .map { height: 520px; } } @media screen and (max-width: 1350px) { .edite span b { margin-left: 5px; } .edite span { font-size: 12px; } .logo { width: 22vw; } .navs > li { margin-left: 2vw; } .header-tel { margin-right: 0; } .header-tel a { width: 128px; font-size: 12px; } } @media screen and (max-width: 1240px) { .footer-navs li a { font-size: 14px; } .copy p, .copy a, .networks a { font-size: 14px; } .copy { width: 81.25%; } .news-wraps { width: 90%; } .logo { width: 22vw; } .header-tel { display: none; } } @media screen and (max-width: 1200px) { .header { padding: 0 20px; } .solute-btn li span { font-size: 14px; } .computer-name strong { font-size: 14px; } .meval-menu-list li { margin-right: 20px; } } @media screen and (max-width: 1100px) { .navs > li { margin-left: 6px; } .header-tel a { width: 120px; font-size: 12px; } .header-tel a i { font-size: 14px; margin-right: 4px; } } @media screen and (max-width: 1024px) { .header-right { display: none; } .menubtn { display: block; } .header, .mtop { height: 70px; } .header { padding: 0; padding-left: 5%; } .logo { width: 300px; } .banner-swiper, .banner-slide figure { height: auto !important; } .banner-slide figure img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } .banner-box { height: auto; } .banner__text { position: relative; top: 0; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 55px 5% 80px; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); background: -webkit-linear-gradient(116deg, #43A2DB, #DC87B3); background: -moz-linear-gradient(116deg, #43A2DB, #DC87B3); background: -o-linear-gradient(116deg, #43A2DB, #DC87B3); background: linear-gradient(-26deg, #43A2DB, #DC87B3); } .banner .swiper-pagination { bottom: 20px; } .banner__text img { height: 40px; } .banner__text small { font-size: 16px; } .banner__text p { font-size: 22px; } .solutions { display: block; } .solute-left { width: 100%; } .solute-img { margin-top: 30px; width: 100%; } .news-slide { width: 90vw; } .news-center { padding: 80px 0 80px 5%; } .news-swiper { margin-top: 50px; } .news-center-top { padding-right: 5vw; } .about-us { display: block; padding: 80px 5%; } .about-us-content { width: 100%; } .about-us-title strong { font-size: 24px; } .about-us-title { margin-top: 30px; } .about-swiper { margin-top: 50px; width: 100%; } .team { display: block; } .expert-team { width: 100%; } .expert-text { left: 5%; } .expert-swiper { width: 100%; } .expert-content { padding: 50px 5%; } .footer-navs { float: none; width: 100%; height: auto; } .footer-eq { float: none; margin: auto; margin-top: 30px; } .footer-bottom { display: block; } .copy { width: 100%; } .statistics { display: block; padding: 80px 5%; } .statistics-content { width: 100%; } .computer { width: 80%; margin: auto; margin-top: 40px; } .posites { display: none; } .meval-menu-list li { margin-right: 40px; } .ptext strong { font-size: 30px; } .ptext small { font-size: 16px; } .technology-title strong { font-size: 28px; } .solute-wraps { display: block; } .solute-contents { margin-bottom: 40px; width: 100%; } .solute-scale { width: 100%; } .customer-slide figure { height: 82px; } .core { padding: 50px 0; } .core strong { margin-bottom: 20px; font-size: 28px; } .core p { font-size: 14px; } .core-item { padding: 60px 5%; } .core-hidden p { font-size: 14px; } .core-hidden { height: 160px; } .core-bg { position: fixed; z-index: -1; } .core { background: #fff; width: 100%; padding: 50px 5%; max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .academician-content { padding: 50px 0; } .academician { padding-left: 0; } .academician-tab { width: 90%; margin: auto; } .academician-btn { margin-top: 30px; margin-left: 5%; } .academician-imgs { position: relative; } .academician-tt { margin-bottom: 30px; height: auto; } .academician-text { height: auto; padding-right: 0; } .news-boxs { padding: 60px 5%; } .n-slide a { display: block; } .news-img { width: 100%; } .news-contents { width: 100%; margin-top: 40px; } .dynamic-list li { width: 32%; margin-right: 2%; } .dynamic-list li:nth-child(3n+3) { margin-right: 0; } .dynamic-list li:nth-child(4n+4) { margin-right: 2%; } .views { width: 100%; } .news-view { padding: 60px 0 40px; } .view-top strong { margin-bottom: 24px; font-size: 22px; } .view-texts { font-size: 14px; } .view-flex { width: 100%; margin-top: 30px; } .view-prev { margin-top: 40px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .view-info { margin-bottom: 0; } .view-time { display: none; } .z_process_warp { margin-top: 80px; } .corporate-bg { display: none; } .status-title strong { font-size: 28px; } .status-list { display: block; } .status-item { width: 100%; margin-bottom: 30px; } .honor-tbas { display: block; } .honor-list { width: 100%; } .honor-swiper { width: 100%; margin-top: 20px; } .leval-menu1 { display: none; } .download { padding: 60px 5% 160px; } .download-list li a span { max-width: 70%; } .complaint-wrap { padding: 50px 5%; display: block; } .complaint-info { margin-top: 30px; margin-bottom: 50px; } .complaint-info p { font-size: 14px; } .complaint-text strong { font-size: 26px; } .messages { width: 100%; margin-top: 40px; } .contact-uss { display: block; } .add-list { width: 100%; margin-top: 30px; } .map { height: 400px; } .leval-menu { overflow-x: auto; box-sizing: border-box; width: 100%; } .meval-menu-list { display: inline-flex; display: inline-flexbox; } .meval-menu-list li a { white-space: nowrap; } .leval-menu::-webkit-scrollbar { width: 2px; height: 2px; background-color: #c1d7ed; } .leval-menu::-webkit-scrollbar-track { width: 2px; height: 2px; background-color: #c1d7ed; } .leval-menu::-webkit-scrollbar-thumb { background-color: #095db7; } html { overflow: auto; } } @media screen and (max-width: 861px) { .news-slide a { display: block; } .news-imgs { width: 100%; } .news-text { width: 100%; padding-top: 30px; } .cooperate { padding: 60px 5%; } .cooperate-title { margin-bottom: 40px; } .cooperate-title strong { font-size: 24px; } .cooperate-slide figure { height: 70px; } .solute-tab { padding: 50px 5% 0; } .solute-computer { width: 100%; } .technicians-fix { width: 100%; margin-left: -50%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .technicians-info { padding: 80px 5% 40px; } .technicians-imgs { width: 100%; } .technicians-info { display: block; } .technicians-fix .closes { right: 5%; } .technician-right { width: 100%; margin-top: 40px; } .technician-right .academician-text { height: auto; } .technicians-list li { width: 48%; margin-right: 4%; } .technicians-list li:nth-child(3n+3) { margin-right: 4%; } .technicians-list li:nth-child(2n+2) { margin-right: 0; } .introduct-item p b { font-size: 42px; } .introduct-item span { font-size: 14px; } .introduct-data { margin-top: 40px; } .company-bg { display: none; } .culture-list li { width: 47.5%; margin-right: 5%; } .culture-list li:nth-child(2n+2) { margin-right: 0; } .culture-list li:nth-child(3n+3) { margin-right: 5%; } } @media screen and (max-width: 750px) { .core strong { font-size: 22px; } .core-item { padding: 50px 5%; display: block; } .core-imgs { margin-bottom: 30px; width: 100%; } .core-text { width: 100%; } .core-hidden { height: auto; padding-right: 0; } .honor-slide { display: block; } .honor-imgs { width: 100%; } .honor-texts { width: 100%; padding-top: 30px; } } @media screen and (max-width: 641px) { .banner__text { padding: 30px 5% 60px; } .banner__text img { height: 30px; } .banner__text small { margin: 14px 0; font-size: 14px; } .banner__text p { font-size: 20px; } .solutions { padding: 60px 5%; } .solute-title strong { margin-bottom: 16px; font-size: 24px; } .solute-title small { font-size: 20px; } .solute-btn { margin-top: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .solute-btn li { width: 33.3333%; margin-bottom: 20px; } .solute-tab-swiper { margin-top: 30px; } .solute-text { height: auto; overflow-y: inherit; padding-right: 0; } .solute-tab-slide strong, .solute-btn li span { line-height: 1.2; } .solute-text p { font-size: 14px; } .solute-tab-slide .z_index_more { margin-top: 30px; } .z_index_more i { font-size: 14px; } .banner .swiper-pagination .swiper-pagination-bullet { margin: 0 10px; } .large-header { display: none; } .news-swiper { margin-top: 40px; } .news-text strong { font-size: 22px; } .news-center { padding: 60px 0 60px 5%; } .news-time { width: 88px; height: 65px; } .news-time time { font-size: 14px; } .news-time b { font-size: 28px; } .more { margin-top: 30px; } .about-us { padding: 60px 5%; } .about-us-text { margin-bottom: 30px; } .about-fix span { font-size: 20px; } .about-fix:before { display: none; } .expert-text strong { font-size: 26px; } .expert-text small { margin-bottom: 45px; font-size: 20px; } .expert-list li span { bottom: 20px; font-size: 16px; } .expert-hidden p { font-size: 16px; } .expert-hidden { height: 155px; } .expert-content { padding: 40px 5%; } .cooperate-swiper .swiper-pagination1 { margin-top: 40px; } .cooperate { padding: 40px 5%; } .footer-navs { padding-top: 0; } .footer-navs li { margin-bottom: 5px; } .statistics-content strong { font-size: 24px; } .statistics-text { margin-bottom: 40px; } .statistics-text p { font-size: 14px; line-height: 2; } .common-arrow { width: 70px; height: 70px; } .common-arrow i { line-height: 70px; } .computer { width: 90%; } .meval-menu-list li:last-child { margin-right: 0; } .technology-title { padding: 60px 0 40px; } .technology-title strong { font-size: 22px; } .solute-btns { width: 46px; height: 46px; margin-top: -23px; font-size: 22px; line-height: 46px; } .solute-items { padding: 40px 0 30px; } .solute-tit b { font-size: 48px; } .solute-tit strong { font-size: 24px; } .customer-service { padding: 40px 5% 60px; } .leval-menu { -webkit-justify-content: inherit; -moz-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } .meval-menu-list { width: 100%; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .meval-menu-list li { margin-right: 20px; } .waves-svg { height: 100px; } .ptext strong { font-size: 24px; } .technology-title p { font-size: 14px; line-height: 1.4; } .solute-s-slide span { width: 46px; height: 46px; font-size: 18px; line-height: 46px; } .solute-js p { font-size: 14px; } .solute-js { margin-top: 40px; } .core { padding: 40px 5%; } .core strong { font-size: 22px; } .core-text strong { font-size: 22px; } .core-hidden { margin-top: 18px; } .arrow { width: 45px; height: 45px; margin-top: 40px; } .arrow i { line-height: 45px; font-size: 20px; } .academician-top strong { margin-bottom: 24px; font-size: 26px; } .academician-top strong b { font-size: 20px; } .academician-text p, .academician-tt p { font-size: 14px; } .technicians-list li { margin-bottom: 36px; } .technicians-list li span { height: 50px; line-height: 50px; font-size: 14px; } .technician-title strong { font-size: 20px; } .technicians { padding: 45px 5% 30px; } .news-contents p { text-indent: 23px; } .news-contents strong { font-size: 22px; margin-bottom: 18px; } .news-contents p { font-size: 14px; } .news-contents { margin-top: 30px; } .news-boxs { padding: 50px 5%; } .dynamic-bix { padding: 40px 5%; } .dynamic-list li:nth-child(3n+3) { margin-right: 3%; } .dynamic-list li { margin-right: 3%; width: 48.5%; } .dynamic-list li:nth-child(2n+2) { margin-right: 0; } .dynamic-top strong { font-size: 17px; } .dynamic-top { margin-bottom: 22px; } .dynamic-arrow { margin-top: 30px; } .view-info a span { font-size: 14px; margin-left: 5px; } .view-prev { margin-top: 0; float: none; } .introduct-fix strong { font-size: 22px; } .introduct-text { margin-top: 30px; } .introduct-text p { font-size: 14px; } .introduct-data { font-size: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .introduct-item { display: inline-block; width: 50%; margin-bottom: 30px; } .introduct-item p { margin-bottom: 12px; } .introduct { padding-bottom: 40px; } .history { padding: 80px 0; } .z_process_warp { margin-top: 40px; } .z_process_warp .btn { width: 50px; height: 50px; line-height: 50px; top: 220px; } .z_process_warp .prev { left: 5%; } .z_process_warp .next { right: 5%; } .z_process_swiper .item p { white-space: normal; } .corporate { padding: 60px 5%; } .corporate-fix { margin-top: 10px; } .corporate-info dt { font-size: 16px; } .corporate-info dd { font-size: 14px; } .corporate-info dt { width: 100px; } .vision-wrap { display: block; } .vision-texts { margin-left: 0; margin-top: 30px; } .vision-texts p { font-size: 18px; } .status-item { padding: 32px 5%; display: block; } .status-imgs { width: 100%; } .status-text { width: 100%; margin-top: 26px; } .status-text strong { height: auto; } .status-hidden { height: auto; } .honor-texts strong { margin-bottom: 16px; font-size: 20px; } .honor-texts p, .honor-title p { font-size: 14px; } .honor-list li { height: 36px; line-height: 36px; font-size: 15px; } .honor-box { padding: 60px 5% 100px; } .download-list li a p time { display: none; } .download-list li a span { max-width: 80%; font-size: 14px; } .download-list li a { height: 60px; } .download { padding-bottom: 100px; } .tels b { font-size: 24px; } .complaint { padding: 0; } .add-list p { font-size: 14px; } .news-center { max-height: none; } } @media screen and (max-width: 481px) { .logo { width: 260px; } .pabnner figure { padding-bottom: 150px; } .pabnner figure img { width: auto; left: 50%; margin-left: -288px; } .about-us-title strong { font-size: 22px; } .about-us-title span { font-size: 14px; } .about-us-title { margin-bottom: 30px; } .cooperate-slide figure { height: 56px; } .cooperate-slide figure img { max-width: 80%; max-height: 80%; } .expert-hidden { padding-right: 12px; height: auto; } .expert-hidden p { font-size: 14px; } .cooperate-title strong { font-size: 20px; margin-bottom: 12px; } .banner__text__warp { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .footer-navs { display: none; } .footer-eq { margin: auto; } .statistics { padding: 45px 5%; } .computer-name strong { font-size: 12px; white-space: nowrap; } .people { margin-left: -60px; } .solute-tit strong { font-size: 22px; } .header { height: 60px; } .logo { width: 230px; } .menubtn { width: 60px; height: 60px; } .mtop { height: 60px; } .menubtn span { margin-left: 17px; margin-top: 30px; } .customer-slide figure img { max-height: 50px; } .customer-slide figure span { font-size: 14px; } .dynamic-list li { width: 100%; margin-right: 0 !important; margin-bottom: 30px; } .pages a.w1 { width: 50px; } .dynamic-list li a { padding: 30px 5%; } .pages a { margin-right: 5px; } .dynamic-list { padding-bottom: 0; } .culture-list li { margin-bottom: 30px; width: 100%; } .culture-text strong { margin-bottom: 16px; font-size: 20px; } .culture-text { min-height: auto; } .row { display: block; } .row .text { width: 100%; } }