@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; text-overflow: ellipsis; } .flexCetween { display: flex; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; } .flexAlign { display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; -webkit-align-items: center; } @media screen and (min-width: 1024px) { .article-block.slideinset li, .article-block.slideinset > div { opacity: 0; -webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0); -webkit-transition: 0.9s; -o-transition: 0.9s; -moz-transition: 0.9s; transition: 0.9s; } .article-block.slideinset li:nth-child(2), .article-block.slideinset > div:nth-child(2) { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .article-block.slideinset li:nth-child(3), .article-block.slideinset > div:nth-child(3) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .article-block.slideinset li:nth-child(4), .article-block.slideinset > div:nth-child(4) { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } .articleShow.slideinset li, .articleShow.slideinset > div { opacity: 1; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } .article-block.slidetopList li, .article-block.slidetopList > div, .article-block.slidetopList > dd { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: 0.7s; -o-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; } .article-block.slidetopList li:nth-child(2), .article-block.slidetopList > div:nth-child(2), .article-block.slidetopList > dd:nth-child(2) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .article-block.slidetopList li:nth-child(3), .article-block.slidetopList > div:nth-child(3), .article-block.slidetopList > dd:nth-child(3) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .article-block.slidetopList li:nth-child(4), .article-block.slidetopList > div:nth-child(4), .article-block.slidetopList > dd:nth-child(4) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .article-block.slidetopList li:nth-child(5), .article-block.slidetopList > div:nth-child(5), .article-block.slidetopList > dd:nth-child(5) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .article-block.slidetopList li:nth-child(6), .article-block.slidetopList > div:nth-child(6), .article-block.slidetopList > dd:nth-child(6) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .articleShow.slidetopList li, .articleShow.slidetopList > div, .articleShow.slidetopList > dd { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .article-block.slideTop { opacity: 0; visibility: hidden; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 0.65s cubic-bezier(0.55, 0.05, 0.22, 0.99); -o-transition: 0.65s cubic-bezier(0.55, 0.05, 0.22, 0.99); -moz-transition: 0.65s cubic-bezier(0.55, 0.05, 0.22, 0.99); transition: 0.65s cubic-bezier(0.55, 0.05, 0.22, 0.99); } .article-block.slideTop.detay1 { -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; } .article-block.slideTop.detay2 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .articleShow.slideTop { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .fixedImg { background-attachment: fixed; } .item-span span, .bitem-span span, .item-span2 i { display: inline-block; font-style: inherit; } .item-span span, .item-span2 i, .bitem-span span, .bitem-span2 i { visibility: hidden; } .action .item-span span, .swiper-slide-active .bitem-span span, .action .item-span2 i, .swiper-slide-active .bitem-span2 i { visibility: visible; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: wordsRFade; animation-name: wordsRFade; } } @media screen and (max-width: 1600px) { .w1280 { width: 80%; } .navs > li { margin-left: 30px; } .about-tops small { font-size: 36px; } .about-tops strong { font-size: 18px; } .about-fix { margin-top: 50px; margin-bottom: 40px; } .about-fix p { font-size: 16px; } .about-btn-list li a { height: 46px; line-height: 46px; font-size: 16px; } .check-more { margin-top: 40px; } .check-more a { font-size: 13px; } .check-more a i { font-size: 20px; } .about-home { padding: 140px 0 40px; } .group-list .item p { margin-top: 20px; font-size: 14px; } .core-title b { font-size: 28px; } .core-title strong { font-size: 16px; } .party-box { padding: 50px 0 70px; } .build-list { margin-top: 50px; } .party-down span { margin-top: 40px; } .inner-title { margin-left: 0; left: 10%; } .inner-title small { font-size: 20px; } .inner-title { padding-top: 10px; padding-bottom: 14px; border-width: 2px; } .inner-title i { margin-top: 30px; height: 140%; } .pbanner .mouse-down { left: 10%; margin-left: -15px; } .leval-menu-list { width: 110px; } .leval-menu-list li > a { font-size: 13px; } .about-box .inner { width: 80%; } .introduct-tt strong { margin-bottom: 26px; font-size: 32px; } .introduct-tt { margin-bottom: 24px; } .introduct { padding: 80px 0; } .strategy-info p { font-size: 14px; } .prospect { padding: 80px 0 60px; } .prospect-top span { height: 46px; line-height: 46px; font-size: 24px; } .prospect-top strong { font-size: 26px; } .explain { margin-top: 35px; padding: 28px 5%; } .explain strong { font-size: 18px; } .mission { padding: 100px 0 140px; } .mission-text { padding: 35px 30px; width: 450px; } .mission-text strong { font-size: 24px; } .mission-text p { font-size: 24px; } .idea-list li span { height: 130px; font-size: 26px; } .activity { padding: 100px 0 120px; } .culture-flex strong { font-size: 22px; } .culture-flex .info-t2 { font-size: 15px; } .culture-time p { font-size: 12px; } .shares { margin-top: 16px; } .shares a { margin-right: 14px !important; width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 18px; } .build-wrap { padding: 80px 0 120px; width: 80%; } .build-text strong { margin-bottom: 34px; font-size: 24px; } .build-text span { margin-top: 50px; } .build-data b { font-size: 32px; } .special-item { display: block; padding: 0; } .special-imgs { width: 100%; } .special-fix { margin-top: 30px; width: 100%; } .special-top strong { margin-bottom: 20px; font-size: 22px; } .case-text strong { margin-bottom: 10px; font-size: 20px; } .case-text p { font-size: 13px; } .industry { padding: 70px 0; width: 80%; } .industry-top strong { font-size: 32px; } .industry-top p { font-size: 26px; } .industry-info p { font-size: 18px; } .industry-info { padding: 40px 0; } .achievements-wrap { width: 80%; } .achievements { padding: 40px 0 70px; } .business-tops { padding: 34px 50px; top: -80px; width: 450px; } .business-tops strong { font-size: 26px; } .business-v { padding: 50px 0 80px; } .posite-menu a { padding: 0 30px; } .establish { padding: 80px 0; } .establish strong { margin-bottom: 22px; font-size: 28px; } .establish p { font-size: 16px; } .advance-text strong { margin-bottom: 24px; font-size: 28px; } .advance-text p { font-size: 14px; } .success-top strong { font-size: 28px; } .recruit-info p { font-size: 18px; } .recruit-data b { font-size: 38px; } .recruit-data { padding: 18px 0; } .communicate-title i { margin-bottom: 20px; font-size: 38px; } .communicate-title p { font-size: 22px; } .communicate-texts strong { font-size: 22px; } .communicate-info { padding: 18px 0; margin-top: 20px; } .communicate-it { margin-bottom: 10px; } .communicate-it p { font-size: 13px; } .pagePadding { padding: 85px 0; } .w1480 { width: 86%; } .ibox-title { margin-bottom: 30px; } .ibox-title .name { font-size: 30px; } .abouti-swiper .txt { font-size: 16px; height: 48px; } .cy-ibox .ibox-title { width: 70%; } .link-ilist .title { font-size: 32px; } .tbanner .desc { margin-left: 0; left: 7%; } .tbanner .by { font-size: 26px; } .tbanner .t { font-size: 50px; } .tbanner .t2 { font-size: 32px; } .tbanner .bot { width: 32px; height: 4px; margin-top: 30px; } .flex-menu { width: 100px; } .flex-menu-li li a { font-size: 12px; } .build-type-title .t { padding-left: 15px; } .build-type-title .t::before { width: 4px; } .strategy-box .box .title { font-size: 24px; } .strategy-box .item .name { font-size: 22px; } .strategy-list .title { font-size: 18px; } .strategy-list .c { margin-top: 30px; } } @media screen and (max-width: 1441px) { .ibox-title .name { font-size: 26px; } .news-ibox .ibox-title { padding-bottom: 25px; } .abouti-swiper .txt { font-size: 14px; height: 42px; } .abouti-swiper .time .day { font-size: 18px; } .swiper-tbtn .arrow { width: 34px; height: 34px; line-height: 34px; font-size: 16px; margin-left: 15px; } .build-ilist .t { font-size: 16px; } .about-itype { margin-top: 100px; } .about-ilist .txt { font-size: 16px; } .link-ilist .title { font-size: 30px; } .tbanner .by { font-size: 24px; } .tbanner .t { font-size: 44px; } .tbanner .t2 { font-size: 28px; } .tbanner .bot { width: 28px; height: 2px; margin-top: 20px; } .tbanner .swiper-pag .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 6px; } .tbanner .line { padding-left: 200px; } .pagePadding { padding: 80px 0; } .pagePadding2 { padding: 70px 0 90px; } .pb100 { padding-bottom: 90px; } .tt-mb45 { margin-bottom: 40px; } .business-logoList a { height: 100px; } .historiy-pw-T .c { font-size: 14px; height: 100px; } .historiy-pw-T .item-desc { height: 170px; } .historiy-pw-T .item:nth-child(even) .item-desc { margin-top: 170px; } .page-titleT { padding-bottom: 45px; } .page-titleT .zh { font-size: 26px; } .page-titleT .en { font-size: 18px; } .culture-info i { margin-top: 25px; width: 100px; height: 28px; line-height: 28px; } .member-list-T li { width: 24%; } .member-list-T a { height: 86px; } .news-list-t .title { font-size: 18px; margin: 20px 0; } .news-list-t .c { margin-bottom: 35px; } .news-list2-T { padding-bottom: 60px; } .news-list2-T .item { font-size: 18px; line-height: 60px; height: 60px; } .news-list2-T .item::before { border: 4px solid transparent; border-left: 7px solid #333333; } .report-item p { font-size: 18px; line-height: 1.5; } .build-title-t { padding: 45px 0; font-size: 30px; } .build-slide figure { height: 500px; } .build-slide .t { font-size: 16px; } .build-right-t { border-top: 5px solid #BF0000; } .f26 { font-size: 24px; } .f22 { font-size: 20px; } .build-right-list li { margin-bottom: 15px; } .build-right-list .title { font-size: 16px; height: 48px; } .develop-title { font-size: 28px; margin-bottom: 35px; padding-bottom: 16px; } .develop-title::before { height: 3px; } .develop-title .t img { width: 280px; } .message-li li a { padding: 25px 25px 35px; } .message-li li a strong { font-size: 18px; height: 54px; margin-bottom: 15px; } .message-li li a span { margin-top: 40px; } .strategy-box .box .title { font-size: 20px; } .strategy-box .item .name { font-size: 18px; } .strategy-box .item3 { width: 100%; } .strategy-pdesc { font-size: 18px; } .tpage-title { font-size: 24px; margin-bottom: 40px; } } @media screen and (max-width: 1360px) { .logo { height: 58px; } .header { height: 80px; padding: 0 3%; } .foote-wrap { width: 90%; } .navs > li > a { height: 80px; font-size: 15px; } .navs > li { margin-left: 20px; } .system-item > a { padding: 0 8px; font-size: 12px; } .system-item > a > i { font-size: 14px; } .system-item:last-child > a { padding-right: 12px; } .system-item:last-child > a b { margin-left: 8px; font-size: 14px; } .system-down > li > a { margin-left: 8px; font-size: 12px; } .about-home-wrap { padding-left: 5%; } .inner { width: 90%; } .eq { padding-left: 8%; margin-left: 8%; width: 110px; } .eq span { font-size: 14px; } .relative-tel i { font-size: 34px; } .tel-text b { font-size: 24px; } .mtop { height: 80px; } .culture-fixs { padding: 42px 8% 80px; } .build-wrap { width: 80%; } .honor-list .title { font-size: 30px; } .honor-list .c { font-size: 16px; } .pagePadding { padding: 75px 0; } .pagePadding2 { padding: 65px 0 80px; } .pb100 { padding-bottom: 80px; } .abouti-swiper .time .year { font-size: 12px; } .abouti-swiper .time .day { font-size: 16px; } .link-ilist .title { font-size: 28px; } .tbanner .by { font-size: 22px; } .tbanner .t { font-size: 40px; } .tbanner .t2 { font-size: 24px; } .tbanner .bot { width: 24px; } .tbanner .line { padding-left: 180px; } .industry, .achievements-wrap { width: 80%; } .member-list-T a { height: 80px; } .news-list-t .title { font-size: 16px; margin: 15px 0; } .news-list-t .c { margin-bottom: 30px; } .report-title { font-size: 28px; } .report-item { padding: 70px 0; } .build-title-t { font-size: 28px; } .build-slide figure { height: 440px; } .build-slide .t { font-size: 14px; } .build-right-t { border-top: 3px solid #BF0000; } .f26 { font-size: 20px; } .f22 { font-size: 16px; } .build-right-list li { margin-bottom: 10px; } .build-right-list .title { font-size: 14px; height: 42px; } .build-right-list .time { font-size: 12px; } .f16 { font-size: 14px; } .build-type-title .t::before { width: 3px; } .personnel-list .timebox .day { font-size: 28px; } .personnel-info { padding: 15px; } .personnel-info strong { font-size: 14px; } .strategy-box .item .name { font-size: 16px; } .strategy-box .item .c { font-size: 12px; } .strategy-list .title { font-size: 16px; } .strategy-list .title::before { height: 3px; } .strategy-list .c { margin-top: 20px; } } @media screen and (max-width: 1240px) { .f16 { font-size: 14px; } .w1480 { width: 90%; } .ibox-title .name { font-size: 24px; } .news-ibox .ibox-title { padding-bottom: 20px; } .tbanner .desc { left: 5%; } .tbanner .by { font-size: 18px; } .tbanner .t { font-size: 36px; } .tbanner .bot { margin-top: 16px; } .tbanner .line { padding-left: 160px; } .business-logoList a { height: 90px; } .build-title-t { padding: 35px 0; font-size: 24px; } .develop-title { font-size: 24px; margin-bottom: 30px; } .develop-title .t img { width: 240px; } .zl-box .desc { width: auto; font-size: 14px; } .strategy-pdesc { font-size: 16px; } .strategy-box .box .title { font-size: 16px; } .strategy-box .item1, .strategy-box .item2, .strategy-box .item4 { width: 100%; } .strategy-box .item .name { font-size: 14px; } .strategy-box .item .num { width: 36px; height: 36px; line-height: 36px; font-size: 16px; } .strategy-box .item .c { padding-left: 0; } .strategy-box .item2 .c, .strategy-box .item4 .c { padding-left: 50%; } .strategy-list { margin-left: -2%; } .strategy-list li { background-color: #f3f3f3; width: 48%; margin-left: 2%; margin-bottom: 10px; } .strategy-list .desc { position: relative; left: auto; bottom: auto; right: auto; padding: 35px 8%; color: #333333; } .strategy-list .title { color: #004485; } .strategy-list .title::before { background-color: #004485; } .strategy-list .c { height: auto; opacity: 1; transform: translateY(0); } } @media screen and (max-width: 1200px) { .navs > li { margin-left: 10px; } .logo { height: 50px; } .pagePadding, .pagePadding2, .pagePadding3 { padding: 65px 0; } .tt-mb45 { margin-bottom: 35px; } .news-list-t .time .day { font-size: 20px; } .news-list-t .title { font-size: 14px; margin: 10px 0; } .news-list-t .c { margin-bottom: 25px; } } @media screen and (max-width: 1024px) { .w1280 { width: 90%; } .pvideo-box { width: 80%; margin-left: 0; left: 10%; } .header-navs { display: block; position: fixed; left: 100%; opacity: 0; visibility: hidden; top: 60px; padding-bottom: 40px; box-sizing: border-box; bottom: 0; width: 100%; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); overflow-y: auto; -webkit-overflow-scrolling: touch; transition: 0.8s; } .header-navs.show { opacity: 1; visibility: visible; left: 0; } .menubtn { display: block; } .header { padding: 0 5%; height: 60px; } .logo { height: 44px; } .mtop { height: 60px; } .navs { display: block; } .navs > li > a { height: auto; line-height: 2; } .header-system { margin-top: 20px; margin-left: 5%; } .navs { padding: 40px 5% 0; } .navs > li { margin-left: 0; margin-bottom: 15px; text-align: left; } .navs > li > a { display: inline-block; } .navs-menu { display: flex !important; position: relative; left: 0; margin-left: 0; top: 0; width: auto; flex-wrap: wrap; padding: 0; background: none; box-shadow: none; } .navs-menu > li { margin-right: 20px; } .navs-menu > li > a { font-size: 14px; color: #333333; } .system-down { top: auto; bottom: 100%; } .mouse-down { display: none; } .banner-dit { left: 5%; bottom: 40px; } .about-home-wrap { display: block; padding-right: 5%; } .about-imgs { width: 100%; margin-top: 0; } .about-imgs img { transform: none !important; } .about-home-fix { margin-top: 30px; width: 100%; } .about-home { padding: 50px 0; background-size: cover; } .group-news { padding: 48px 0 60px; } .core-list { flex-wrap: wrap; } .core-list li { padding-right: 3%; margin-bottom: 30px; flex: none; width: 48.5%; } .core-list li:nth-child(2n+2) { padding-right: 0; } .core-list li:hover, .core-list:hover li { width: 48.5%; } .party-wrap { display: block; } .party-box:before { display: none; } .party-builds, .party-info { width: 100%; } .foote-wrap { display: block; } .footer { padding: 20px 0 25px; } .footer-eq { width: 100%; margin-bottom: 20px; justify-content: space-between; border-bottom: 1px solid #484848; padding-bottom: 20px; } .relative-tel i { font-size: 38px; } .tel-text span { font-size: 12px; } .tel-text b { font-size: 18px; } .eq { margin-left: 0; padding-left: 0; border-left: 0 none; width: 100px; } .eq span { font-size: 12px; margin-top: 10px; } .footer { font-size: 12px; } .footer-text { margin-right: 0; } .footer-navs { margin-bottom: 20px; } .footer-address { margin-top: 0; } .footer-address p { margin-bottom: 0; } .foot-yq { padding-top: 10px; } .net-works a { font-size: 12px; } .leval-menu { position: relative; top: 0; transform: translateY(0px); width: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .leval-menu-list { display: inline-flex; display: -webkit-inline-flex; } .leval-menu-list li a { width: auto; padding: 0 20px; height: 40px; line-height: 40px; } .inner-title i { display: none; } .inner-title { margin-left: -45%; top: 50%; transform: translateY(-50%); padding: 8px 0 8px 15px; } .pbanner > figure, .pbanner { height: auto !important; } .pbanner > figure img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } .inner-title small { font-size: 18px; } .about-box .inner { width: 90%; } .introduct-wrap { display: block; } .introduct-fix { width: 100%; } .about-title { font-size: 24px; } .introduct-tt strong { font-size: 22px; } .introduct { padding: 50px 0; } .introduct-tt strong { margin-bottom: 18px; } .introduct-tt small { padding-top: 0; } .introduct-tt small:before { display: none; } .framework-title small { font-size: 28px; } .leader-head { height: 50px; } .leader-head span { line-height: 50px; font-size: 16px; } .leader-head span:nth-child(1), .leader-head span:nth-child(1) { padding-left: 3.5%; } .leader-info span { font-size: 14px; } .history { background-attachment: local; } .hostory-li p { font-size: 16px; } .strategy-text { padding: 50px 0 80px; } .culture-info i { margin-top: 30px; width: 90px; height: 30px; line-height: 30px; } .member { padding: 50px 0; } .member-btn { margin-top: 22px; margin-bottom: 40px; } .member-list li p { font-size: 14px; } .member-list li { margin-right: 2.66%; width: 23%; } .member-list li:nth-child(5n+5) { margin-right: 2.66%; } .member-list li:nth-child(4n+4) { margin-right: 0; } .inner-menu-list li:first-child { margin-left: 0; } .inner-menu-list li { margin-right: 40px; } .inner-menu-list li:last-child { margin-right: 0; } .activity-list li { margin-right: 4%; width: 48%; } .activity-list li:nth-child(3n+3) { margin-right: 4%; } .activity-list li:nth-child(2n+2) { margin-right: 0; } .culture-fixs { padding: 38px 5% 60px; } .culture-flex { display: block; position: relative; top: 0; padding: 35px 5%; width: 100%; } .c-view { margin-left: 0; width: 100%; margin-top: 40px; } .page-prev { margin-top: 50px; padding-top: 40px; } .flex-menu { position: relative; top: 0; width: 100%; overflow-x: auto; overflow-y: hidden; background-color: #7f7f7f; -webkit-overflow-scrolling: touch; white-space: nowrap; } .flex-menu-li { display: inline-flex; display: -webkit-inline-flex; background: transparent; } .flex-menu-li li a { padding: 0 20px; height: 40px; line-height: 40px; font-size: 13px; } .build-wrap { padding: 50px 0 60px; width: 90%; } .build-li { margin-bottom: 40px; } .flex-menu.flex { position: relative; } .industry, .achievements-wrap { width: 90%; } .industry-top strong { font-size: 28px; } .industry-top p { font-size: 22px; } .industry-info p { font-size: 15px; } .posite-right { justify-content: flex-start; } .business-tops { position: relative; top: 0; max-width: 100%; } .business-v { padding-top: 0; } .posite-menu a { font-size: 14px; } .success { padding: 50px 0; } .success-list { display: block; } .success-item { margin-left: 0; margin-bottom: 30px; } .success-item:last-child { margin-bottom: 0; } .success-title { height: 70px; font-size: 20px; } .success-info { padding: 32px 5%; font-size: 13px; } .cleam-top { display: block; } .cleam-swiper { width: 100%; } .cleam-slide figure img { width: 100%; height: auto; } .cleam-slide figure { height: auto; } .job-work { margin-top: 40px; padding: 0 5%; width: 100%; } .cleam-list { display: block; } .cleam-items { margin-bottom: 40px; width: 100%; } .honest-btn span { top: 60px; } .message-li { display: block; } .message-li li { margin-right: 0; width: 100%; margin-bottom: 30px; } .message-li li a { padding: 25px; } .message-li li a strong { height: auto; } .message-li li a p { height: auto; } .message-li li a span { margin-top: 18px; padding-top: 8px; } .communicates { padding: 50px 0; flex-wrap: wrap; } .communicates-item { width: 48%; margin-right: 4%; margin-bottom: 40px; } .communicates-item:nth-child(2n+2) { margin-right: 0; } .communicates-item .communicate-title { opacity: 0; visibility: hidden; } .communicates-item .communicate-texts { opacity: 1; visibility: visible; } .communicates-item2 .communicate-title { opacity: 1; visibility: visible; } .honor-list { width: auto; } .honor-list .title { font-size: 24px; margin-bottom: 10px; } .honor-list .c { font-size: 14px; } .honor-list dd { padding: 40px 0; } .news-ibox { padding: 65px 0; } .build-ilist .t { font-size: 14px; margin-bottom: 15px; } .build-ilist .c { font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .cy-ibox .ibox-title { width: 90%; } .about-itype { margin-top: 80px; } .about-itype::before { top: 61px; } .about-ilist dd { width: 120px; } .about-ilist .txt { font-size: 14px; font-weight: normal; border-top-width: 3px; padding: 25px 0; } .about-ilist .ico { height: 60px; } .about-ilist .ico .iconfont { font-size: 44px; } .link-ilist .title { font-size: 24px; } .tbanner .by { font-size: 16px; } .tbanner .t { font-size: 30px; } .tbanner .bot { margin-top: 14px; } .tbanner .line { padding-left: 120px; } .business-logoList a { height: 80px; } .banenr-video { width: 120px; } .banenr-video .txt { font-size: 12px; padding: 2px 0; } .page-titleT { padding-bottom: 35px; } .page-titleT .zh { font-size: 24px; } .page-titleT .en { font-size: 16px; } .leader-list-T .item { padding: 15px 15px 15px 5%; } .historiy-pbox-T::before { top: 0; } .historiy-pw-T .item-desc { height: auto; } .historiy-pw-T .year { padding-top: 40px; } .historiy-pw-T .item:nth-child(even) .item-desc { margin-top: 0; } .history-btn span { top: 0; } .historiy-pw-T .item-desc::before { top: 10px; bottom: auto; display: none; } .history-btn span.slick-disabled, .history-btn span.swiper-button-disabled { display: block; cursor: no-drop; } .historiy-pw-T .c { height: auto; } .culture-info i { margin-top: 20px; width: 90px; height: 26px; line-height: 26px; } .member-list-T li { margin-bottom: 10px; } .news-list2-T { padding-bottom: 60px; } .news-list2-T li { margin-bottom: 0; } .news-list2-T .item { font-size: 16px; line-height: 54px; height: 54px; padding-left: 20px; } .news-list2-T .item .time { font-size: 14px; } .report-title { font-size: 24px; } .report-item { margin-right: 30px; padding: 60px 0; } .report-item i { font-size: 30px; } .report-item b { margin-top: 25px; } .report-item p { font-size: 16px; } .personnel-list .timebox .day { font-size: 24px; } .personnel-list .timebox .year { font-size: 12px; } .personnel-info strong { font-weight: normal; } .build-page-t { display: block; } .build-swiper-t { width: auto; } .build-right-t { width: auto; padding-left: 0; margin-top: 25px; } .build-right-list li { border-bottom: 1px solid #dbdbdb; padding-bottom: 8px; } .build-right-list .title { height: auto; font-weight: 500; } .build-type-list dd { margin-top: 45px; } .recruit-list li a { padding: 15px; } .recruit-info { margin: 0 0 0 20px; } .recruit-info p { font-size: 16px; } .recruit-data:before, .recruit-data:after { width: 4px; } .recruit-data b { font-size: 32px; } .recruit .build-ilist { margin-bottom: 15px; } .strategy-pdesc { font-size: 14px; } .strategy-box { width: auto; } .strategy-box .box { width: 300px; margin: 0 auto; } .strategy-box .item { position: relative; left: auto; top: auto; right: auto; bottom: auto; } .strategy-box .item .line1 { display: none; } .strategy-box .item .c { font-size: 14px; padding: 15px 5%; margin: 0 0 8px; background-color: #fff; } .strategy-box .item .name { border-radius: 0; display: block; border-width: 1px; background-color: #004485; color: #fff; padding: 10px 5%; } .strategy-box .item2 .name, .strategy-box .item4 .name { margin-left: auto; } .tpage-title { font-size: 22px; margin-bottom: 35px; } .strategy-list .desc { padding: 25px 5% 30px; } } @media screen and (max-width: 861px) { .speed-wrap { display: block; } .speed-texts { width: 100%; } .speed-imgs { width: 60%; } .culture-box { display: block; } .ideas { padding: 50px 0; } .idea-list { margin-top: 40px; } .idea-list li span { height: 100px; font-size: 22px; } .build-li li a { display: block; padding: 40px 0; } .build-text { width: 100%; } .build-li li a figure { position: relative; width: 100%; margin-bottom: 20px; right: 0; top: 0; } .build-data { display: none; } .party-list li a figure { margin-right: auto; } .case-wrap { padding: 50px 0; } .case-text strong { font-size: 18px; } .case-li li a { display: block; } .case-text { margin-left: 0; margin-top: 30px; } .case-time { display: inline-flex; align-items: center; width: auto; } .case-time b { padding-bottom: 0; border-bottom: none; margin-right: 12px; } .case-time span { margin-top: 0; } .case-li { padding-bottom: 30px; } .achievements-tt { font-size: 22px; } .achievements-list { margin-top: 30px; } .advance { display: block; padding: 45px 0; } .advance-imgs { width: 100%; } .advance-text { margin-top: 30px; width: 100%; } .advance-text strong { font-size: 24px; } .brands { padding: 50px 0; background-attachment: local; } .brand-tops { padding: 0 5% 0 3%; } .brand-tops strong { font-size: 18px; } .brand-text { padding: 24px 5%; font-size: 14px; } .honest-btn { display: flex; margin-top: 20px; justify-content: center; align-items: center; } .honest-btn span { position: relative; top: 0; left: 0 !important; right: 0 !important; line-height: 1; font-size: 30px; } .honest-btn span.next { top: -2px !important; } .personnel { padding: 50px 0 60px; } .strategys { padding-top: 0; } .strategys .img { position: relative; left: auto; top: auto; } .strategy-texts { width: 100%; padding: 35px 5%; } .strategy-texts .title { font-size: 24px; } .recruit-list { display: block; } .recruit-list li { width: 100%; } .pagePadding, .pagePadding2, .pagePadding3 { padding: 65px 0; } .pb100 { padding-bottom: 65px; } .build-ilist dd { width: 100%; margin-right: 0; } .business-logoList a { height: 70px; } .hostory-li .name { font-size: 18px; } .build-type-list { display: block; margin-left: 0; } .build-type-list dd { width: 100%; margin-left: 0; } .build-type-item { padding: 20px 15px; } } @media screen and (max-width: 751px) { .group-list { flex-wrap: wrap; } .group-list .item { width: 48%; } .group-list .item p { line-height: 1.5; } .group-list .slick-dots { margin-top: 30px; } .core-text { width: 100%; } .enterprises { padding: 50px 0; } .enterprises-wrap { margin-top: 30px; } .enterprises-btn { top: -70px; } .tbanner .by { font-size: 14px; } .tbanner .t { font-size: 26px; } .tbanner .t2 { font-size: 22px; } .tbanner .bot { margin-top: 10px; } .tbanner .line { padding-left: 100px; } .banenr-video { width: 100px; } .banenr-video .txt { font-size: 10px; } .news-list-t li { width: 48%; } .news-list-t .time .day { font-size: 18px; } } @media screen and (max-width: 641px) { .pvideo-box { width: 100%; left: 0%; } .pvideo-box .pv-close { right: 0; top: -42px; font-size: 24px; } .footer-eq { display: block; } .relative-tel { border-bottom: 1px solid #484848; margin-bottom: 20px; } .btext small { font-size: 24px; } .btext strong { margin-top: 12px; font-size: 24px; } .banner { margin-top: 60px; height: auto; } .banner-swiper, .banner-slide { height: auto !important; } .banner-slide figure { height: auto !important; } .banner-slide figure img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } .banner-dit { bottom: 30px; } .pagetion .swiper-pagination-bullet { margin-right: 12px; width: 18px; height: 18px; } .pagetion .swiper-pagination-bullet.swiper-pagination-bullet-active:before { margin-left: -9px; margin-top: -9px; } .pagetion { margin-right: 18px; } .btext { padding-top: 0; } .about-tops small { font-size: 28px; } .about-fix p { font-size: 14px; } .about-fix { margin-top: 40px; margin-bottom: 30px; } .about-btn-list li a { font-size: 14px; } .about-home { padding: 42px 0; } .core-list li a figure { display: none; } .core-list li a { height: 160px; padding: 22px 22px 20px; } .core-list li:hover a .core-title b { height: auto; opacity: 1; visibility: visible; margin-bottom: 14px; } .core-list li:hover a .core-title strong { color: #333; } .core-list li:hover a .core-title p { display: none; } .core-list li:hover a i { background: #C6C4C5; color: #fff; } .core-list li a i { left: 22px; bottom: 20px; width: 30px; height: 30px; font-size: 16px; } .core-business { padding: 50px 0 30px; } .core-text p { font-size: 14px; } .party-box { padding: 45px 0; } .build-list { margin-top: 40px; } .build-list li a p { font-size: 14px; } .build-time b { font-size: 28px; } .party-down { margin-top: 30px; } .party-down strong { margin-bottom: 24px; font-size: 18px; } .party-down span { margin-top: 30px; } .enterprises { padding: 42px 0; } .enterprises-wrap { margin-top: 20px; } .enterprises-slide figure { height: 66px; } .enterprises-slide figure img { max-height: 90%; } .inner-title { padding-top: 0; padding-bottom: 0; } .inner-title strong { margin-bottom: 5px; font-size: 16px; } .inner-title small { font-size: 14px; } .about-title { padding-bottom: 20px; } .about-title:before { height: 4px; } .introduct-tt strong { font-size: 20px; } .introduct { padding: 42px 0; } .speed-imgs { width: 100%; margin-right: 0; } .speed-texts { font-size: 13px; } .framework { padding: 42px 0; } .framework-title small { font-size: 20px; } .leader-head span:nth-child(3) { padding-left: 10px; } .leader-info span:nth-child(3) { padding-left: 0; } .leader-head span:nth-child(2) { width: 50%; } .leader-head span:nth-child(3) { padding-left: 10px; } .leader-info span { display: flex; align-items: center; line-height: 1.4; font-size: 12px; } .history-wr { display: block; } .history-year { padding-top: 0; padding-bottom: 30px; font-size: 40px; } .hostory-li .name { font-size: 16px; margin-bottom: 5px; line-height: 1.5; display: block; } .hostory-li .name time { margin-right: 0; white-space: unset; } .hostory-li .c { display: inline-block; } .gistory-fix { margin-top: 50px; } .gistory-fix { padding: 0 38px; } .strategy-text { padding: 42px 0; } .strategy-info { margin-top: 34px; } .member-list li { height: 80px; width: 48%; margin-right: 4%; } .member-list li:nth-child(2n+2) { margin-right: 0; } .member { padding: 42px 0 30px; } .member-btn span { font-size: 14px; } .prospect { padding: 50px 0; } .prospect-top span { min-width: 100px; padding: 0 22px; height: 44px; line-height: 44px; font-size: 20px; } .prospect-top strong { font-size: 20px; line-height: 1.5; } .explain strong { font-size: 16px; } .explain { margin-top: 25px; } .explain p { font-size: 13px; } .idea-list { flex-wrap: wrap; } .idea-list li { margin-right: 4%; margin-bottom: 26px; width: 48%; } .idea-list li:nth-child(2n+2) { margin-right: 0; } .mission { background-attachment: local; } .mission-text strong, .mission-text p { font-size: 22px; } .activity { padding: 50px 0; } .activity-list li { margin-right: 0 !important; width: 100%; } .activity-list li a { padding-bottom: 30px; } .activity-info strong { margin-bottom: 16px; font-size: 18px; } .activity-info span { margin-top: 24px; } .activity-list { padding-bottom: 10px; } .pages a:first-child, .pages a:last-child { display: none; } .pages a { margin-right: 6px; width: 50px; height: 34px; line-height: 34px; font-size: 12px; white-space: nowrap; } .shares { display: none; } .culture-flex strong { font-size: 20px; } .views-info { font-size: 14px; } .page-prev { padding-top: 26px; } .page-prev a { font-size: 14px; } .page-prev a i { font-size: 18px; } .posite { flex-wrap: wrap; } .build-text span { margin-top: 34px; } .build-text strong { margin-bottom: 16px; font-size: 20px; } .build-text p { font-size: 14px; } .special-top strong { font-size: 20px; } .special-info p { font-size: 13px; } .special-info { padding: 12px 5%; } .special-list li p { font-size: 13px; } .achievements { padding-bottom: 30px; } .achievements-list { display: flex; flex-wrap: wrap; } .achievements-list li { margin-right: 4%; width: 48%; } .achievements-list li:nth-child(2n+2) { margin-right: 0; } .industry { padding: 50px 0; } .industry-top { margin-bottom: 26px; } .industry-top strong { font-size: 24px; } .business-tops { padding: 26px 5%; width: 100%; } .business-tops strong { margin-bottom: 0; font-size: 22px; } .posite-right { margin-bottom: 30px; } .posite-wr { display: block; } .posite-menu a { height: 54px; line-height: 54px; } .posite-box .posite-wr .posite { padding-left: 0; } .establish { padding: 50px 0; } .establish strong { margin-bottom: 16px; font-size: 24px; } .establish p { font-size: 14px; } .vanguard { background-attachment: local; padding: 35px 0; } .success-top { margin-bottom: 32px; } .success-top strong { font-size: 24px; } .success-title { height: 60px; } .success-top p { font-size: 15px; } .cleam-texts { padding: 25px 5% 40px; } .cleam-data b { font-size: 35px; } .cleam-texts strong { font-size: 18px; } .cleam-swiper .swiper-pagination { bottom: 20px; width: 100%; right: 0; } .cleam-box { padding: 50px 0; } .jobs-top strong { font-size: 20px; } .cleam-titles strong i { font-size: 28px; } .cleam-titles strong { font-size: 18px; } .special-area a strong { margin-bottom: 14px; font-size: 22px; } .personnel-list li { margin-bottom: 34px; margin-right: 0; width: 100%; } .personnel-info { padding: 14px 3%; } .personnel { padding: 42px 0; } .personnel-more a { width: 142px; height: 35px; line-height: 35px; } .recruit-list { padding-bottom: 10px; } .recruit-list li a { padding: 10px; } .recruit-info { margin-left: 15px; } .recruit-info p { font-size: 14px; } .recruit-data { padding: 12px 0; } .recruit-data b { font-size: 26px; } .recruit-data:before, .recruit-data:after { width: 3px; height: 8px; } .message-li li a { padding: 20px; } .message-li li a time { margin-bottom: 6px; } .message-li li a strong { font-size: 16px; margin-bottom: 8px; font-weight: normal; } .message-li li a p { -webkit-line-clamp: 3; } .communicates-item { margin-right: 0; width: 100%; } .communicates-item figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .communicates-item figure img { height: 100%; object-fit: cover; } .communicate-texts { position: relative; padding: 45px 0; top: auto; transform: translateY(0); left: auto; right: auto; width: 90%; margin: 0 auto; } .communicates-item2 .communicate-title { position: relative; left: auto; top: auto; transform: inherit; padding: 35px 0; } .communicate-texts strong { font-size: 18px; font-weight: normal; } .brand-list .brand-tops strong { font-size: 14px; } .honor-demo, .honor-list .con-item .title { margin-right: 25px; } .swiper-arrow { width: 44px; line-height: 44px; text-align: center; height: 44px; font-size: 18px; } .pagePadding, .pagePadding2, .pagePadding3 { padding: 45px 0; } .pb100 { padding-bottom: 45px; } .ibox-title { margin-bottom: 25px; } .ibox-title .name { font-size: 18px; } .swiper-tbtn .arrow { width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin-left: 10px; } .news-ibox { padding: 35px 0; } .news-ibox .ibox-title { padding-bottom: 15px; } .abouti-swiper .time { padding: 6px 8px; line-height: 1.4; } .abouti-swiper .time .day { font-size: 14px; } .abouti-swiper .line { display: none; } .abouti-swiper .txt { position: relative; left: auto; right: auto; height: auto; bottom: auto; color: #333333; text-align: left; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .build-ilist dd { margin-bottom: 15px; } .build-ilist dd::before { height: 1px; width: 100%; } .build-ilist .item { padding: 10px; } .build-ilist .img { width: 90px; margin-right: 15px; } .build-ilist .time { font-size: 12px; color: #ce0000; } .build-ilist .t { margin-bottom: 2px; font-weight: normal; } .build-ilist .c { line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .build-ibox { padding: 35px 0 50px; } .cy-ibox .ibox-title { text-align: left; } .cy-ibox .ibox-title .name { margin-bottom: 10px; } .cy-ibox .ibox-title { width: 90%; } .cy-ibox .ibox-title .f16 { font-size: 12px; } .about-itype { margin: 35px auto 0; width: 90%; } .about-itype::before { display: none; } .about-ilist { flex-wrap: wrap; justify-content: flex-start; margin-left: -1%; width: 100%; } .about-ilist dd { width: 30.33%; margin-left: 1%; padding: 15px 1%; margin-bottom: 5px; background-color: rgba(0, 68, 133, 0.6); } .about-ilist .ico { height: auto; } .about-ilist .ico .iconfont { font-size: 34px; } .about-ilist .txt { border-top: 0 none; padding: 12px 0 0; font-size: 12px; } .about-ilist .arrow { display: none; } .link-ilist .title { font-size: 18px; } .tbanner .by { font-size: 12px; } .tbanner .t { font-size: 20px; font-weight: normal; } .tbanner .t2 { font-size: 18px; } .tbanner .imgw { width: 126%; margin-left: -13%; } .tbanner .swiper-pag .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 4px; } .tbanner .line { padding-left: 80px; margin-left: 15px; height: 1px; } .foot-yq { border-top: 1px solid #484848; display: block; margin-top: 15px; } .pagePadding, .pagePadding2, .pagePadding3 { padding: 40px 0; } .pb100 { padding-bottom: 40px; } .tt-mb45 { margin-bottom: 25px; } .business-logoList li { width: 47%; } .banenr-video { width: 60px; } .banenr-video .img { border-bottom: 1px solid #fff; } .banenr-video .img .iconfont { font-size: 15px; } .banenr-video .txt { display: none; } .page-titleT { padding-bottom: 25px; } .page-titleT .zh { font-size: 20px; } .page-titleT .en { font-size: 14px; } .leader-list-T .item { padding: 10px; } .historiy-pbox-T::before { display: none; } .historiy-pw-T .year { text-align: center; } .historiy-pw-T .swiper-slide { background-color: rgba(0, 68, 133, 0.6); } .historiy-pw-T .item-desc { padding: 30px 8% 35px; } .historiy-pw-T .year, .historiy-pw-T .item:nth-child(even) .year { padding-top: 0; } .history-btn span { top: 50%; } .history-btn span.prev { left: 2.5%; } .history-btn span.next { right: 2.5%; } .member-list-T li { width: 32.33%; margin-bottom: 1%; } .member-list-T a { height: 60px; } .news-list-t .time { padding: 8px; } .news-list-t .time .day { font-size: 16px; } .news-list2-T { padding-bottom: 40px; } .news-list2-T .item { font-size: 14px; line-height: 50px; height: 50px; padding-left: 16px; } .news-list2-T .item .time { font-size: 12px; } .report-list { margin-top: 35px; display: block; } .report-item { padding: 30px 5%; margin-right: 0; margin-bottom: 15px; } .build-title-t { padding: 20px 0; font-size: 18px; } .build-type-list dd { margin-top: 35px; } .develop-title { font-size: 20px; padding-bottom: 12px; } .develop-title::before { height: 2px; } .recruit .build-ilist { margin-bottom: 10px; } .strategy-box .box { width: 240px; } .strategy-box .box .title { font-size: 14px; } .tpage-title { font-size: 18px; margin-bottom: 25px; } .strategy-list { margin-left: 0; } .strategy-list li { width: 100%; margin-left: 0; } .gg-imgbox { margin-top: 25px; } .gg-imgbox .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 4px !important; } .cleam-list, .special-area, .honest { margin-top: 25px; } .cleam-items { margin-bottom: 25px; } } @media screen and (max-width: 481px) { .btext small { font-size: 22px; } .btext strong { margin-top: 8px; font-size: 22px; } .banner-slide figure img { width: auto !important; height: 250px !important; position: relative; left: 50% !important; margin-left: -240px; } .group-list .item { margin-right: 0; width: 100%; } .group-news { padding: 45px 0 20px; } .tel-text b { font-size: 22px; } .idea-list li span { height: 90px; font-size: 20px; } .ideas { padding: 42px 0 30px; } .achievements-list li { margin-bottom: 18px; margin-right: 0; width: 100%; } .honor-list .img-item { display: block; } .honor-demo { width: 100%; margin-right: 0; margin-bottom: 20px; } .honor-list dd { padding: 30px 0; } .honor-list .con-item .desc { display: block; } .honor-list .con-item .title { width: auto; margin-right: auto; } .abouti-swiper .time { line-height: 1.2; } .abouti-swiper .time .day { font-size: 13px; } .abouti-swiper .txt { font-size: 13px; margin-top: 5px; } .link-ilist { flex-wrap: wrap; } .link-ilist dd { width: 100%; margin-top: 5px; } .tbanner .t { font-size: 16px; } .news-list-t li { width: 100%; margin-bottom: 25px; padding-bottom: 15px; } .news-list-t li::before { width: 100%; } .news-list-t .title { display: block; } } @media screen and (max-width: 400px) { .build-ilist .t { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 5px; } .build-ilist .c { display: none; } .member-list-T li { width: 49%; } .member-list-T a { height: 56px; } }