:root{ --color01:#338dbe; --family:""; --box-shadow01:0px 0px 20px rgba(63,116,254,0.1); --color02:#94252A; --color03:#19a8cc; --color04:#146698; --color05:#2082ae; --bcr1:cubic-bezier(0.4,0.4,0,1); --bcr2:cubic-bezier(0.075,0.82,0.165,1); --lgt01:linear-gradient(to right,#05bda3,#042f48) }
.hamburger{ background-color:none; padding:0; z-index:9; display:none; margin-top:2px; position:absolute; right:3% }
.hamburger-box{ width:25px; visibility:visible }
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{ background-color:#fff; height:2px; width:25px }
.fixed-header .hamburger-inner,.fixed-header .hamburger-inner::before,.fixed-header .hamburger-inner::after{ background-color:#333 }
.search-header .hamburger-inner,.search-header .hamburger-inner::before,.search-header .hamburger-inner::after{ background-color:#333 }
.hamburger-inner:before{ width:25px; right:0 }
.hamburger-inner:after{ width:25px; right:0 }
.hamburger:hover{ opacity:1 }
.hamburger:hover .hamburger-inner:before{ right:0 }
.page a{ color:#999; margin:0px 4px; padding:0px 12px; line-height:30px; box-sizing:border-box; background:#fff; display:inline-block; border-radius:1px; font-size:14px; border:1px solid #ccc }
.page a.on{ color:#fff; background:var(--color01) }
.page a:hover{ color:#fff; background:var(--color01) }
@media screen and (max-width:1800px){ .header .header-container{max-width:1400px; margin:0 auto }
.header .nav{ padding:0; border-right:0 }
}
@media screen and (max-width:1399px){ .header .header-container{padding:0 15px }
.header .header-container .header-evm{ display:none }
.header .header-container .logo{ height:50px }
.header .header-container .nav ul li{ margin:0 10px }
.header .header-container .nav ul li a{ padding:30px 15px; font-size:16px }
.header .header-container .nav ul li.active a{ padding:30px 15px }
.header .header-container .header-right .search input{ width:150px; height:36px }
.header .header-container .header-right .search button img{ width:20px }
.header-header{ height:83px }
.container{ padding:0 15px }
.section{ padding:50px 0 }
.banner{ height:500px }
.banner .banner-fixed-text h2{ font-size:36px }
.banner .banner-fixed-text p{ font-size:20px }
.section-title h3{ font-size:32px }
.about .count-box{ width:auto; left:15px; right:15px }
.about .count-item .st{ font-size:42px }
.service .service-item .service-icon img{ width:200px; height:200px }
.service .service-item h4{ font-size:24px }
.news-main-center{ display:none }
.news-main-right{ flex:1; width:auto; padding-left:40px; gap:25px }
.join-flex{ padding-top:10px }
.join-flex .join-right{ padding-left:40px }
.join-flex .join-form-card{ padding:30px }
.join-flex .join-form-card .form-row input{ padding:10px 15px }
.join-flex .join-form-card .join-submit{ margin-top:20px }
.footer .footer-main{ padding:50px 15px }
.footer .footer-main .footer-contact ul li{ line-height:1.6; margin-bottom:8px; font-size:15px }
.footer .footer-main .footer-contact ul li img{ width:24px; height:24px; margin-right:10px }
.footer .footer-main .footer-navs{ padding:0 55px; margin:0 55px }
.footer .footer-main .footer-navs .footer-nav .nav-title{ margin-bottom:8px; font-size:16px }
.footer .footer-main .footer-navs .footer-nav a{ line-height:1.6; margin-bottom:6px; font-size:14px }
.footer .footer-main .footer-qrcode p{ font-size:14px }
.footer .footer-main .footer-qrcode img{ width:150px; height:150px }
.footer .footer-bottom{ line-height:1.4; font-size:12px }
.service-banner{ height:400px }
.breadcrumb{ height:70px }
.about-show .about-content .about-text .text{ max-height:280px }
.about-show .count-content .count-box{ width:100%; padding:30px 20px; box-sizing:border-box }
.aboutus-strength .strength-grid{ height:140px }
.history-section .history-years-nav{ margin:60px 0 }
.history-section .timeline-date{ font-size:20px }
.history-section .timeline-desc{ font-size:16px }
.business-flex .business-content h4{ font-size:24px }
.business-flex .business-content p{ font-size:16px }
.cx-news-list .cx-items .cx-news-item .cx-news-date .day{ font-size:50px }
.cx-news-list .cx-items .cx-news-item .cx-news-date .month{ font-size:16px }
.cx-news-list .cx-items .cx-news-item .cx-news-content{ padding:0 20px 0 50px }
.cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-title{ font-size:20px; margin-bottom:8px }
.cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-desc{ font-size:16px; line-height:1.6 }
.contact-card .contact-left .contact-info{ padding:40px }
.contact-card .contact-left .contact-info .contact-logo{ margin-bottom:15px }
.contact-card .contact-left .contact-info .contact-list li{ font-size:18px; line-height:1.4; padding:20px 0 }
.contact-card .contact-left .contact-info .contact-list li img{ margin-right:8px; margin-top:1px }
.contact-card .contact-left .contact-info .contact-list li .text div{ margin-bottom:4px }
.contact-card .contact-left .contact-info .contact-list li .text div:last-child{ margin-bottom:0 }
.contact-card .contact-left .contact-info .contact-list li span{ margin-right:4px }
.news-detail-main .news-detail-content .news-detail-header .news-detail-title{ font-size:28px; line-height:1.4 }
.news-detail-main .news-detail-content .news-detail-header .news-detail-date{ font-size:16px }
.news-detail-main .news-detail-content .news-detail-body{ font-size:16px; line-height:1.6 }
.news-detail-main .news-detail-content .news-detail-body p{ font-size:16px; line-height:1.6; margin-bottom:15px }
.news-detail-main .news-detail-sidebar .sidebar-title{ font-size:18px }
.news-detail-main .news-detail-sidebar .sidebar-hot-list li{ font-size:16px; line-height:1.5 }
.news-detail-main .news-detail-sidebar .sidebar-hot-list li .num{ font-size:16px }
.news-detail-main .news-detail-sidebar .sidebar-hot-list li a{ font-size:16px }
}
@media screen and (max-width:1024px){ .header .header-container{height:60px; padding:0 10px }
.header .header-container .logo{ height:36px }
.header .header-container .nav{ position:fixed; top:60px; left:0; width:100vw; background:#fff; z-index:100; padding:20px 0; bottom:0; box-shadow:0 5px 10px rgba(0,0,0,.1); transform:translateY(-100%); opacity:0; visibility:hidden; transition:all .3s }
.header .header-container .nav ul{ flex-direction:column; align-items:center }
.header .header-container .nav ul li{ margin:0 }
.header .header-container .nav ul li a{ padding:15px }
.header .header-container .nav ul li.active a{ font-weight:700; padding:15px; background-color:#fff; color:var(--color01) }
.header .header-container .nav.show{ transform:translateY(0); opacity:1; visibility:visible }
.header .header-right{ display:none }
.header .menu-btn{ display:block; position:absolute; right:15px; top:15px; z-index:101 }
.header .menu-btn span{ display:block; width:25px; height:3px; background:#333; margin:5px 0; border-radius:2px }
.header-header{ height:60px }
.container{ padding:0 20px }
.section{ padding:40px 0 }
.banner{ height:450px }
.banner .banner-fixed-text h2{ font-size:32px }
.banner .banner-fixed-text .text{ font-size:18px }
.service-banner{ height:300px }
.service-banner .banner-fixed-text h2{ font-size:32px }
.service-banner .banner-fixed-text .text{ font-size:18px }
.service-banner .banner-fixed-text .service-centre{ font-size:16px }
.join-flex .join-left .join-img{ max-width:100% }
.join-flex .join-right{ padding-left:0 }
.breadcrumb{ height:60px; font-size:14px }
.breadcrumb .container{ padding:0 20px }
.breadcrumb .right-nav a{ font-size:14px }
.section-title{ margin-bottom:30px }
.section-title h3{ font-size:28px }
.section-title p{ font-size:15px }
.history-section .history-years-nav{ margin:10px 0 50px 0 }
.history-section .history-years-nav .years-swiper .swiper-slide.swiper-slide-active .year-item{ font-size:70px }
.history-section .timeline-date{ width:120px }
.history-section .timeline-desc{ width:470px; font-size:15px }
.about .container{ padding-bottom:0px }
.about .about-content{ flex-direction:column; gap:30px }
.about .about-text{ padding-right:0 }
.about .about-text h4{ font-size:24px }
.about .about-text h5{ font-size:18px }
.about .about-text .text{ font-size:15px }
.about .about-video .video-wrapper img{ width:100%; height:auto }
.about .count-box{ position:relative; left:0px; right:0px; top:0; bottom:0; margin-top:30px }
.about .count-box .count-item{ padding:20px }
.about .count-box .count-item .boxs{ width:auto }
.about .count-box .count-item .boxs h4{ font-size:16px }
.about .count-box .count-item .boxs .st{ font-size:36px }
.service .service-list{ grid-template-columns:repeat(2,1fr); gap:25px }
.service .service-item .service-icon img{ width:120px; height:120px }
.service .service-item h4{ font-size:20px }
.service .service-item .text{ font-size:14px }
.news .news-tab ul li a{ padding:10px 20px; font-size:16px }
.news .news-main-left{ display:none }
.news .news-main-right .news-list-item .news-list-content{ justify-content:space-around }
.news .news-content .new-con-body .news-main{ flex-direction:column; gap:20px }
.news .news-content .new-con-body .news-main-left .news-img img{ width:100%; height:auto }
.news .news-content .new-con-body .news-main-center .img img{ width:100%; height:auto }
.news .news-content .new-con-body .news-main-center .new-center-show .news-title{ font-size:18px }
.news .news-content .new-con-body .news-main-center .new-center-show .news-desc{ font-size:14px }
.news .news-content .new-con-body .news-main-right .news-list-item .img img{ width:100%; height:auto }
.news .news-content .new-con-body .news-main-right .news-list-item .news-list-content .news-list-title{ font-size:16px }
.join .join-flex{ flex-direction:column; gap:30px }
.join .join-left h2{ font-size:28px }
.join .join-left .join-desc{ font-size:16px }
.join .join-left .join-img img{ width:100%; height:auto }
.join .join-right .join-form-card .form-row input{ padding:12px 15px; font-size:14px }
.join .join-right .join-form-card .join-submit{ padding:12px 30px; font-size:16px }
.contact-us .contact-card{ flex-direction:column; gap:30px }
.contact-us .contact-left .contact-info .contact-list li{ font-size:15px }
.contact-us .contact-left .contact-info .contact-list li .text div{ font-size:15px }
.contact-us .contact-map #maps{ height:300px }
.news-detail-main .news-detail-content .news-detail-header .news-detail-title{ font-size:24px }
.news-detail-main .news-detail-content .news-detail-header .news-detail-date{ font-size:14px }
.news-detail-main .news-detail-content .news-detail-body{ font-size:15px }
.news-detail-main .news-detail-content .news-detail-body img{ width:100%; height:auto }
.news-detail-main .news-detail-sidebar .sidebar-title{ font-size:18px }
.news-detail-main .news-detail-sidebar .sidebar-hot-list li{ font-size:14px }
.news-main-right{ padding-left:0 }
.news-list-container{ padding-top:10px }
.news-list-container .cx-news-list .cx-items::before{ display:none }
.news-list-container .cx-news-list .cx-items::after{ display:none }
.news-list-container .cx-news-list .cx-items .cx-news-item{ margin-top:0; gap:15px; flex-direction:row-reverse }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-date{ position:absolute; left:0; z-index:9; background:var(--color01); min-width:auto; padding:6px 10px }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-date .day{ font-size:16px; color:#fff }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-date .month{ color:#fff; font-size:12px; margin-top:1px }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-date:before{ display:none }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-date:after{ display:none }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-content{ padding:0 2px 0 20px; justify-content:space-around }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-title a{ font-size:18px }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-desc{ font-size:14px; margin-top:10px }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-img{ max-width:240px }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-img img{ width:100%; height:auto }
.news-list-container .cx-pagination{ margin-top:50px }
.news-list-container .cx-pagination .cx-page-btn{ font-size:14px }
.talent-service .service-intro{ font-size:15px }
.talent-service .service-flex-row{ flex-direction:column; gap:30px }
.talent-service .service-card h3{ font-size:20px }
.talent-service .service-card .service-content p{ font-size:14px }
.recruitment-section .recruitment-rpo .recruitment-rpo-title{ font-size:24px }
.recruitment-section .recruitment-rpo .recruitment-rpo-desc{ font-size:16px }
.business-flex,.business-flex-reverse{ gap:25px; margin-top:40px }
.business-flex .business-img img,.business-flex-reverse .business-img img{ width:100%; height:auto }
.business-flex .business-content h4,.business-flex-reverse .business-content h4{ font-size:20px }
.business-flex .business-content p,.business-flex-reverse .business-content p{ font-size:14px; line-height:1.5 }
.joinus-section .joinus-form .joinus-form-row{ flex-direction:column; gap:15px; margin-top:25px !important }
.joinus-section .joinus-form .joinus-form-row:first-child{ margin-top:0 !important }
.joinus-section .joinus-form .joinus-form-row .form-col{ width:100% }
.joinus-section .joinus-form .joinus-form-row .form-col label{ font-size:16px }
.joinus-section .joinus-form .joinus-form-row .form-col input,.joinus-section .joinus-form .joinus-form-row .form-col .message{ padding:12px 15px; font-size:14px }
.joinus-section .joinus-form .joinus-submit{ padding:12px 30px; font-size:16px }
.news-detail-main .container{ flex-direction:column }
.news-detail-main .news-detail-sidebar{ width:100% }
.float-btns .online-service span,.float-btns .phone-service span{ font-size:12px }
.footer .footer-main{ flex-wrap:wrap; padding:30px 20px }
.footer .footer-main .footer-contact{ width:100%; flex:auto }
.footer .footer-main .footer-contact ul li{ padding:10px 0; font-size:14px; line-height:2 }
.footer .footer-main .footer-navs{ justify-content:space-between; gap:30px; padding:0; margin:0; flex:1; border:none; margin-top:20px }
.footer .footer-main .footer-navs .footer-nav .nav-title{ font-size:16px }
.footer .footer-main .footer-navs .footer-nav a{ font-size:14px }
.footer .footer-main .footer-qrcode{ margin-top:20px; flex:1 }
.footer .footer-main .footer-qrcode img{ width:120px; height:120px }
.footer .footer-main .footer-qrcode p{ font-size:14px }
.footer .footer-bottom{ font-size:12px }
}
@media screen and (max-width:768px){ .service-banner,.banner{height:300px !important }
.service-banner .banner-fixed-text h2,.banner .banner-fixed-text h2{ font-size:24px; margin-bottom:10px }
.service-banner .banner-fixed-text .banner-fixed-text-line,.service-banner .banner-fixed-text .text,.service-banner .banner-fixed-text .service-centre,.banner .banner-fixed-text .banner-fixed-text-line,.banner .banner-fixed-text .text,.banner .banner-fixed-text .service-centre{ font-size:13px }
.service-banner .banner-fixed-text .banner-fixed-text-line,.banner .banner-fixed-text .banner-fixed-text-line{ margin-top:20px }
.service-banner .banner-fixed-text .banner-fixed-text-line .line,.banner .banner-fixed-text .banner-fixed-text-line .line{ width:60px }
.service-banner .banner-fixed-text .line,.banner .banner-fixed-text .line{ margin:10px 0 }
.service-banner .swiper-pagination,.banner .swiper-pagination{ bottom:15px }
.service-banner .banner-fixed-text{ padding-top:12% }
.breadcrumb{ height:50px }
.breadcrumb .container{ padding:0 15px }
.breadcrumb .right-nav{ gap:0 }
.breadcrumb .right-nav a{ padding:0px 12px; font-size:14px; margin:0 5px }
.news-breadcrumb .flex{ display:none }
.about-show .count-content{ margin-top:30px }
.about-show .count-content .count-box{ padding:10px 1px; flex-wrap:wrap }
.about-show .count-content .count-box .line{ display:none }
.about-show .count-content .count-box .count-item{ width:50%; box-sizing:border-box; padding:15px }
.about-show .count-content .count-box .count-item .boxs h4{ font-size:14px; margin-bottom:8px }
.about-show .count-content .count-box .count-item .boxs .st{ font-size:28px; margin-top:1px }
.about-show .count-content .about-text .text{ max-height:100% }
.container{ padding:0 15px }
.section{ padding:30px 0 }
.section-title{ margin-bottom:20px }
.section-title h3{ font-size:22px }
.section-title p{ font-size:14px }
.about .about-content{ flex-direction:column !important; gap:20px }
.about .about-content .about-text{ padding-right:0 !important }
.about .about-content .about-text h4{ font-size:20px }
.about .about-content .about-text h5{ font-size:16px }
.about .about-content .about-text .text{ font-size:14px; line-height:1.6 }
.about .about-content .about-video .video-wrapper .play-btn{ width:50px; height:50px }
.about .count-box{ grid-template-columns:repeat(2,1fr) !important; gap:15px; margin-top:20px; padding:20px 15px }
.about .count-box .count-item{ padding:15px }
.about .count-box .count-item .boxs h4{ font-size:14px; margin-bottom:8px }
.about .count-box .count-item .boxs .st{ font-size:28px; margin-top:1px }
.service .service-list{ gap:20px }
.service .service-item{ text-align:center }
.service .service-item .service-icon img{ width:80px; height:80px }
.service .service-item h4{ font-size:17px; margin:15px 0 10px }
.service .service-item .text{ font-size:14px; line-height:1.5 }
.aboutus-strength .strength-swiper{ padding-bottom:60px; margin-top:30px }
.aboutus-strength .swiper-slide{ padding:10px }
.aboutus-strength .strength-grid{ height:100px }
.aboutus-strength .swiper-pagination .swiper-pagination-bullet{ width:7px; height:7px }
.history-section .history-years-nav{ margin:40px 0 }
.history-section .history-years-nav .year-item{ height:auto }
.history-section .timeline-item{ display:block }
.history-section .timeline-date{ width:100%; text-align:left }
.history-section .timeline-dot{ display:none }
.history-section .timeline-desc{ width:100%; display:block; margin-top:10px }
.news .news-tab{ margin-bottom:30px }
.news .news-tab ul{ flex-wrap:wrap; gap:10px }
.news .news-tab ul li a{ padding:8px 15px; font-size:14px }
.news .news-content .new-con-body .news-main{ flex-direction:column !important; gap:15px }
.news .news-content .new-con-body .news-main .news-main-left{ display:none }
.news .news-content .new-con-body .news-main .news-main-center .img img{ width:100%; height:auto }
.news .news-content .new-con-body .news-main .news-main-center .new-center-show{ padding:15px }
.news .news-content .new-con-body .news-main .news-main-center .new-center-show .news-title{ font-size:16px; margin-bottom:8px }
.news .news-content .new-con-body .news-main .news-main-center .new-center-show .news-desc{ font-size:13px; line-height:1.5 }
.news .news-content .new-con-body .news-main .news-main-center .new-center-show .news-date{ font-size:12px }
.news .news-content .new-con-body .news-main .news-main-right{ gap:20px }
.news .news-content .new-con-body .news-main .news-main-right .news-list-item .img{ width:150px; height:100px }
.news .news-content .new-con-body .news-main .news-main-right .news-list-item .img img{ width:100%; height:auto }
.news .news-content .new-con-body .news-main .news-main-right .news-list-item .news-list-content{ padding:0 0 0 20px }
.news .news-content .new-con-body .news-main .news-main-right .news-list-item .news-list-content .news-list-title{ font-size:14px; margin-bottom:5px }
.news .news-content .new-con-body .news-main .news-main-right .news-list-item .news-list-content .news-list-date{ font-size:12px }
.news .news-content .new-con-body .news-main .news-main-right .news-list-item .news-list-content .news-list-more{ font-size:12px }
.join .join-flex{ flex-direction:column !important; gap:20px }
.join .join-flex .join-left h2{ font-size:24px; margin-bottom:10px }
.join .join-flex .join-left .join-desc{ font-size:14px; line-height:1.5; margin-bottom:15px }
.join .join-flex .join-left .join-img img{ width:100%; height:auto }
.join .join-flex .join-right{ padding-left:0 }
.join .join-flex .join-right .join-form-card{ padding:30px 20px 20px 20px }
.join .join-flex .join-right .join-form-card .form-row label{ font-size:14px; padding-right:15px }
.join .join-flex .join-right .join-form-card .form-row input{ padding:10px 12px; font-size:14px }
.join .join-flex .join-right .join-form-card .join-submit{ width:100%; padding:12px; font-size:16px; margin-top:5px }
.contact-us .contact-card{ flex-direction:column !important; gap:20px }
.contact-us .contact-card .contact-left .contact-info{ padding:20px 10px }
.contact-us .contact-card .contact-left .contact-info .contact-logo{ text-align:center }
.contact-us .contact-card .contact-left .contact-info .contact-list li{ font-size:15px; line-height:1.6; padding:15px 0 }
.contact-us .contact-card .contact-left .contact-info .contact-list li img{ width:20px; height:20px; margin-right:8px }
.contact-us .contact-card .contact-left .contact-info .contact-list li .text div{ font-size:15px; margin-bottom:3px }
.contact-us .contact-card .contact-map #maps{ height:250px }
.news-detail-main .container{ gap:20px }
.news-detail-main .news-detail-content{ padding:25px 15px }
.news-detail-main .news-detail-content .news-detail-header{ margin-bottom:20px; padding-bottom:10px }
.news-detail-main .news-detail-content .news-detail-header .news-detail-title{ font-size:20px; line-height:1.4; margin-bottom:10px }
.news-detail-main .news-detail-content .news-detail-header .news-detail-date{ font-size:13px; color:#666 }
.news-detail-main .news-detail-content .news-detail-body{ font-size:14px; line-height:1.6 }
.news-detail-main .news-detail-content .news-detail-body img{ width:100%; height:auto; margin:15px 0 }
.news-detail-main .news-detail-content .news-detail-body p{ margin-bottom:12px }
.news-detail-main .news-detail-sidebar{ width:100% !important; padding:25px 20px }
.news-detail-main .news-detail-sidebar .sidebar-title{ font-size:20px; font-weight:bold; margin-bottom:15px }
.news-detail-main .news-detail-sidebar .sidebar-hot-list li{ font-size:14px; line-height:1.5; padding-bottom:10px }
.news-detail-main .news-detail-sidebar .sidebar-hot-list li .num{ font-size:13px }
.news-list-container{ padding-top:10px }
.news-list-container .cx-news-list .cx-items{ padding:5px }
.news-list-container .cx-news-list .cx-items .cx-news-item{ gap:8px }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-content{ padding:1px }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-title a{ font-size:16px }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-content .cx-news-desc{ font-size:14px; line-height:1.5 }
.news-list-container .cx-news-list .cx-items .cx-news-item .cx-news-img{ max-width:100%; width:150px }
.news-list-container .cx-pagination{ margin-top:30px; text-align:center; flex-wrap:wrap; gap:10px }
.news-list-container .cx-pagination .cx-page-btn{ font-size:13px; margin:0 3px }
.talent-service .service-intro{ font-size:14px; line-height:1.6; margin-bottom:20px }
.talent-service .service-flex-row{ flex-direction:column !important; gap:20px }
.talent-service .service-flex-row .service-card{ padding:20px }
.talent-service .service-flex-row .service-card h3{ font-size:18px; margin-bottom:15px }
.talent-service .service-flex-row .service-card .service-content p{ font-size:14px; line-height:1.8; margin-bottom:10px }
.recruitment-section .section-title{ top:40px }
.recruitment-section .recruitment-rpo{ text-align:center; padding:150px 0 80px 0 }
.recruitment-section .recruitment-rpo .recruitment-rpo-title{ font-size:20px; margin-bottom:10px }
.recruitment-section .recruitment-rpo .recruitment-rpo-desc{ font-size:14px; line-height:1.6 }
.business-flex,.business-flex-reverse{ flex-direction:column !important; gap:20px; margin-top:20px }
.business-flex .business-img img,.business-flex-reverse .business-img img{ width:100%; height:auto }
.business-flex .business-content,.business-flex-reverse .business-content{ width:100% }
.business-flex .business-content h4,.business-flex-reverse .business-content h4{ font-size:18px; margin-bottom:10px }
.business-flex .business-content p,.business-flex-reverse .business-content p{ font-size:14px; line-height:1.7 }
.business-flex .business-content .line,.business-flex-reverse .business-content .line{ margin-bottom:20px }
.joinus-section .joinus-form .joinus-form-row{ flex-direction:column !important; gap:15px; margin-top:20px !important }
.joinus-section .joinus-form .joinus-form-row:first-child{ margin-top:0 !important }
.joinus-section .joinus-form .joinus-form-row .form-col{ width:100% }
.joinus-section .joinus-form .joinus-form-row .form-col label{ font-size:15px; margin-bottom:10px; display:block; font-weight:bold }
.joinus-section .joinus-form .joinus-form-row .form-col input,.joinus-section .joinus-form .joinus-form-row .form-col .message{ box-sizing:border-box; padding:10px 12px; font-size:14px; border:1px solid #ddd; border-radius:4px }
.joinus-section .joinus-form .joinus-form-row .form-col .message{ min-height:80px; resize:vertical }
.joinus-section .joinus-form .joinus-submit{ width:100%; padding:12px; font-size:16px; margin-top:20px }
.float-btns{ right:10px; top:80% }
.float-btns .online-service,.float-btns .phone-service{ width:50px; height:50px }
.float-btns .online-service span,.float-btns .phone-service span{ display:none }
.float-btns .online-service i,.float-btns .phone-service i{ font-size:24px }
.float-btns a.phone-service .iconfont{ font-size:28px }
.float-btns a .float-popup{ right:55px }
.float-btns a .phone-popup{ display:none !important }
.footer .footer-main{ padding:20px 15px; flex-direction:column }
.footer .footer-main .footer-navs{ gap:20px; margin-top:15px }
.footer .footer-main .footer-navs .footer-nav{ width:100% !important }
.footer .footer-main .footer-navs .footer-nav .nav-title{ font-size:15px; margin-bottom:10px }
.footer .footer-main .footer-navs .footer-nav a{ font-size:13px; line-height:1.8; display:block }
.footer .footer-main .footer-qrcode{ margin-top:15px }
.footer .footer-main .footer-qrcode img{ width:100px; height:100px }
.footer .footer-main .footer-qrcode p{ font-size:13px; margin-top:8px }
.footer .footer-bottom{ font-size:12px; text-align:center; padding:10px 0; line-height:1.8 }
}
@media screen and (max-width:480px){ .header .header-container{padding:0 10px }
.header .logo{ height:35px }
.header .menu-btn{ right:10px; top:12px }
.container{ padding:0 12px }
.banner{ height:180px }
.banner .banner-fixed-text h2{ font-size:20px }
.banner .banner-fixed-text .text{ font-size:12px }
.service-banner{ height:150px }
.service-banner .banner-fixed-text h2{ font-size:20px }
.service-banner .banner-fixed-text .text{ font-size:12px }
.about .about-content .about-text h4{ font-size:18px }
.about .about-content .about-text h5{ font-size:14px }
.about .about-content .about-text .text{ font-size:13px }
.about .count-box{ gap:10px; padding:15px 10px }
.about .count-box .count-item{ padding:12px }
.about .count-box .count-item .boxs h4{ font-size:13px }
.about .count-box .count-item .boxs .st{ font-size:24px }
.service .service-item h4{ font-size:16px }
.service .service-item .text{ font-size:13px }
.news .news-tab ul li a{ padding:6px 10px; font-size:12px }
.news .news-content .new-con-body .news-main .news-main-center .new-center-show{ padding:10px }
.news .news-content .new-con-body .news-main .news-main-center .new-center-show .news-title{ font-size:14px }
.news .news-content .new-con-body .news-main .news-main-center .new-center-show .news-desc{ font-size:12px }
.news .news-content .new-con-body .news-main .news-main-right .news-list-item .news-list-content{ padding:0 0 0 15px }
.news .news-content .new-con-body .news-main .news-main-right .news-list-item .news-list-content .news-list-title{ font-size:14px }
.join .join-flex .join-left h2{ font-size:20px }
.join .join-flex .join-left .join-desc{ font-size:13px }
.join .join-flex .join-right .join-form-card .form-row input{ padding:8px 10px; font-size:13px }
.talent-service .service-intro{ font-size:13px }
.talent-service .service-card{ padding:15px }
.talent-service .service-card h3{ font-size:16px }
.talent-service .service-card .service-content p{ font-size:12px }
.recruitment-section .recruitment-rpo .recruitment-rpo-title{ font-size:18px }
.recruitment-section .recruitment-rpo .recruitment-rpo-desc{ font-size:13px }
.float-btns .online-service,.float-btns .phone-service{ width:45px; height:45px }
.float-btns .online-service i,.float-btns .phone-service i{ font-size:18px }
}