@media only screen and (max-width: 1680px) { .solve .inPro { height: 730px; } .provider { height: 730px; } .provider .h1 { font-size: 48px; } .provider .h2 { font-size: 56px; } .provider .pro-c-txt { padding-top: 220px; } .provider .provider-items { margin-top: 80px; } .provider .provider-item .num-t .num { font-size: 66px; } .provider .pro1 { width: 160px; height: 160px; } .provider .pro2 { width: 138px; height: 138px; } .provider .pro3 { width: 160px; height: 160px; } .provider .pro4 { width: 190px; height: 190px; } .provider .pro5 { width: 118px; height: 118px; } .provider .pro6 { width: 90px; height: 90px; } .provider .pro-data { bottom: -120px; } .pro-tab .img { width: 80px; height: 80px; } .pro-tab p { font-size: 16px; } .inProduct { margin-bottom: 150px; } .inPro-items .inPro-wrapper .swiper-slide .txt h4 { font-size: 30px; } .inPro-items .inPro-wrapper .swiper-slide .txt .des *, .inPro-items .inPro-wrapper .swiper-slide .txt .more { font-size: 15px; } .inPro-items .inPro-wrapper .swiper-slide .txt .more i { margin-left: 10px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shops { margin-top: 60px; } .news .news-item .title { font-size: 16px; } .news .news-video .img .icon i { font-size: 46px; } .news .news-r-item { padding-top: 15px; } .news .news-r-item:not(:last-of-type) { padding-bottom: 20px; } .news .news-r-item .title { margin-bottom: 10px; } .news .more { margin-top: 72px; } .join-banner .txt p { margin-bottom: 15px; } .aboutUs { padding-bottom: 200px; } .aboutUs .intro * { font-size: 15px; } .system .item .num { font-size: 62px; } .system .item .txt p { font-size: 15px; } .leader { padding-bottom: 120px; } .leaders { max-height: 500px; } .leader-wrap::before, .leader-wrap::after { top: 10px; } .leader-wrap .cir { width: 20px; height: 20px; } .leader-wrap .year { font-size: 22px; } .leader-wrap .cur .cir { width: 26px; height: 26px; } .leader-wrap .cur .year { font-size: 28px; } .leader-wrap .swiper-button-next, .leader-wrap .swiper-button-prev { top: -11px; } .leader-item:not(:last-of-type) { margin-bottom: 50px; } .leader-item h3 { font-size: 20px; } .leader-item .txt { width: 49.2%; } .honor .tab { margin: 58px 0 100px; } .honor-swiper { padding-bottom: 100px; } .honor-swiper .swiper-pagination { font-size: 14px; margin: 0 40px; } .honor-swiper .swiper-pagination-current { font-size: 20px; } .honor-swiper .swiper-button-next, .honor-swiper .swiper-button-prev { width: 36px; height: 36px; } .honor-swiper .swiper-button-next::after, .honor-swiper .swiper-button-prev::after { font-size: 14px; } .bigEvent .event-wrap { padding: 80px 4.7% 60px 0; } .bigEvent .event-wrap .year { font-size: 60px; margin-bottom: 40px; } .bigEvent .event-wrap .events { height: 640px; } .bigEvent .event-r { padding-top: 90px; } .bigEvent .year-item h4 { font-size: 46px; } .bigEvent .year-item:not(:last-of-type) { margin-bottom: 40px; } .bigEvent .event-swiper { padding-top: 25px; } .bigEvent .event-swiper .swiper-slide { margin-right: 35px; } .speech { padding-top: 140px; padding-bottom: 200px; } .speech .speech-l .qm { margin-top: 130px; } .speech .speech-r * { font-size: 15px; } .jtpp { padding: 80px 0 142px; } .jtpp h3 { font-size: 40px; } .jtpp .jtpp2 { top: 32%; } .product .pro-box:hover .pro-wrapper { transform: translateY(-40px); } .ch-news .news-item h3 { height: 44px; font-size: 18px; } .ch-news .news-item .bot { margin-top: 40px; } .annouce-item { margin-bottom: 35px; } .annouce-item::after { bottom: -10px; height: 3px; } .annouce-item .day { font-size: 54px; } .annouce-item h3 { font-size: 22px; } .annouce-item p { font-size: 15px; } .annouce-item .icon i { font-size: 40px; } .video-item { margin-bottom: 50px; } .video-item .img .icon i { font-size: 46px; } .infoList .title { font-size: 30px; padding-bottom: 35px; } .wel-banner .txt p { width: 60%; font-size: 15px; } .wel-itemt .wel-l { width: calc(100% - 44px); } .wel-itemt .date { font-size: 14px; } .wel-itemt p { font-size: 22px; } .wel-itemt .icon { width: 44px; height: 44px; } .wItem { padding-bottom: 40px; } .wItem:not(:first-of-type) { padding-top: 40px; } .wItem .txt h3 { font-size: 22px; margin-bottom: 15px; } .wItem .txt p { font-size: 15px; margin-bottom: 40px; } .wItem .date .day { font-size: 54px; } .commit .commit-item .top { font-size: 18px; height: 84px; line-height: 84px; } .commit .commit-item .info * { font-size: 15px; } .network { padding: 120px 0 110px; } .network .market .mark-tit { font-size: 22px; margin-bottom: 30px; } .network .market .mark-tit::before { top: -10px; } .network .market .p .icon { width: 34px; height: 34px; } .network .market .p .icon i { font-size: 16px; } .network .market .p1 { font-size: 26px; margin-bottom: 15px; } .network .market .p2 { font-size: 16px; } .network .loading { margin-top: 60px; } .afterSale .after-ul .after-li2 { height: 80px; line-height: 80px; } .afterSale .after-ul .after-li2 p { font-size: 15px; } .cjwt { padding: 90px 0 180px; } .cjwt-swiper .swiper-slide { margin-right: 50px; } .cjwt-swiper .swiper-slide .img { width: 240px; height: 240px; } .cjwt-swiper .swiper-slide .hover p { font-size: 16px; margin-top: 5px; } .cjwt-swiper .swiper-slide > p { font-size: 16px; color: #848484; margin-top: 20px; } .manual { padding-top: 120px; padding-bottom: 150px; } .manual-swiper { margin-bottom: 60px; margin-top: 40px; } .manual-swiper .swiper-slide { padding: 0 20px 20px; } .manual-items .dowmload { margin-bottom: 22px; } .manual-items .dowmload p { font-size: 15px; } .manual-items .dowmload p::before { width: 6px; height: 6px; } .manual-items .dowmload i { font-size: 20px; } .qa-banner .txt h3 { font-size: 44px; } .qa-banner .qa-swiper { margin-top: 40px; } .qa { padding-bottom: 180px; } .qa-item { margin-bottom: 40px; } .qa-item p { height: 60px; font-size: 18px; } .qa-item .icon i { font-size: 28px; } .mask-qa .qa-box .name { font-size: 22px; } .mask-qa .qa-box .des { margin-top: 30px; } .party { margin-bottom: 80px; } .party .praty-l p { font-size: 26px; } .party .party-r p { font-size: 16px; } .party .party-swiper { margin-top: 50px; } .praty-ttbox { margin-top: 60px; } .praty-ttbox .img { width: 120px; } .activity .activity-r { padding: 110px 14.48% 148px 30.36%; } .activity .activity-r h3 { font-size: 40px; } .activity .activity-r .sub-tit { font-size: 24px; } .activity .activity-r .des { font-size: 16px; margin-top: 40px; } .activity .activity-r .acti-bot { margin-top: 60px; } .organization { padding-bottom: 140px; } .culture-swiper { padding-top: 110px; } .culture-swiper .swiper-pagination { top: 65px; font-size: 80px; } .culture-swiper .swiper-pagination * { font-size: 80px; } .culture-swiper .date { margin-bottom: 15px; } .culture-swiper h3 { font-size: 20px; } .culture-swiper .more { margin-top: 60px; } .culture-swiper .swiper-button-prev { left: 27%; } .culture-swiper .swiper-button-next { right: 27%; } .duty-swiper a { height: 34px; line-height: 34px; } .mass-tab { margin-bottom: 50px; } .mass-tab li { font-size: 16px; } .contact-banner { height: 650px; } .contact-banner .txt .p1 { font-size: 44px; } .contact-banner .txt .p2 { font-size: 24px; } .contact-banner .txt .toGo { width: 170px; height: 42px; line-height: 42px; margin-top: 30px; } .contact-banner .txt .toGo i { margin-right: 10px; } .contact { padding-bottom: 180px; } .contact .contact-info { height: 400px; } .contact .contact-info .icon { margin-bottom: 40px; } .contact .place .info { font-size: 16px; } .contact .fax .info { font-size: 30px; } .contact .email .info { font-size: 20px; } .contact-bot .form { padding: 60px 4.93% 100px; } .contact-bot .form-wrapper { margin-top: 50px; } .contact-bot h4 { font-size: 26px; margin-bottom: 15px; } .contact-bot p { font-size: 16px; } } @media only screen and (max-width: 1600px) { } @media only screen and (max-width: 1440px) { .solve .inPro { height: 650px; } .solve .inPro .circle { width: 90.84%; } .provider { height: 650px; } .provider .pro-c-txt { padding-top: 200px; } .provider .h1 { font-size: 44px; } .provider .h2 { font-size: 50px; } .provider .provider-items { margin-top: 60px; } .provider .provider-item .num-t { font-size: 15px; } .provider .provider-item .num-t .num { font-size: 60px; } .provider .provider-item .num-t i { font-size: 36px; transform: translateY(-22px); } .provider .provider-item p { font-size: 15px; } .provider .explore { width: 150px; height: 44px; line-height: 44px; font-size: 15px; } .provider .pro1 { width: 130px; height: 130px; } .provider .pro2 { width: 110px; height: 110px; } .provider .pro3 { left: 15.86%; width: 134px; height: 134px; } .provider .pro4 { width: 160px; height: 160px; } .provider .pro5 { right: 9.35%; width: 90px; height: 90px; } .provider .pro6 { width: 70px; height: 70px; } .provider .bot-line .bot-line1 { bottom: -120px; } .provider .bot-line .bot-line2 { bottom: -110px; } .provider .bot-line .bot-line3 { bottom: -150px; } .pro-tab .swiper-slide:not(:last-of-type) { margin-right: 60px; } .pro-tab .img { width: 74px; height: 74px; } .pro-tab p { font-size: 15px; margin-top: 10px; } .inProduct { margin-bottom: 120px; } .inPro-items .inPro-wrapper .swiper-slide .txt h4 { font-size: 24px; margin-bottom: 25px; } .inPro-items .inPro-wrapper .swiper-slide .txt .des *, .inPro-items .inPro-wrapper .swiper-slide .txt .more { font-size: 14px; } .inPro-items .inPro-wrapper .swiper-slide .txt .more { margin-top: 25px; } .inPro-items .inPro-wrapper .swiper-slide .txt .more i { margin-left: 5px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shops { margin-top: 40px; } .inPro-items .inPro-wrapper .swiper-button-next, .inPro-items .inPro-wrapper .swiper-button-prev { width: 44px; height: 44px; } .inPro-items .inPro-wrapper .swiper-button-next::after, .inPro-items .inPro-wrapper .swiper-button-prev::after { font-size: 16px; } .inPro-items .inPro-wrapper .swiper-pagination { margin-right: 40px; } .inPro-items .inPro-wrapper .swiper-pagination-bullet:not(:last-of-type) { margin-right: 20px; } .inPro-items .inPro-wrapper .swiper-pagination-bullet i { font-size: 16px; } .news { padding-bottom: 124px; } .news .title h3 { width: 15%; } .news .title p { width: 14.4%; } .news .title .line { bottom: -20px; } .news .news-items { margin-top: 75px; } .news .news-video .img .icon i { font-size: 42px; } .news .new-r { padding: 35px 2.74%; } .news .more { margin-top: 60px; } .join-banner .txt p { margin-bottom: 10px; } .aboutUs { padding-bottom: 180px; } .aboutUs .intro { margin-top: 30px; } .system .item-t { margin-bottom: 25px; } .system .items { margin-top: 300px; } .system .item .num { font-size: 50px; } .system .item .txt p { font-size: 14px; } .system .map .cir { width: 10px; height: 10px; } .leader { padding-bottom: 140px; } .leader-pics { margin: 60px auto; } .leaders::-webkit-scrollbar { width: 4px; } .leaders::-webkit-scrollbar-thumb { width: 4px; } .leader-wrap::before, .leader-wrap::after { top: 8px; height: 2px; } .leader-wrap .cir { width: 18px; height: 18px; } .leader-wrap .cur .cir { width: 22px; height: 22px; } .leader-wrap .swiper-button-next, .leader-wrap .swiper-button-prev { top: -13px; } .leader-wrap .swiper-button-next::after, .leader-wrap .swiper-button-prev::after { font-size: 26px; } .honor { margin-top: 60px; } .honor .tab { margin: 50px 0 80px; } .honor-swiper { padding-bottom: 80px; } .bigEvent .title { padding-bottom: 20px; margin-bottom: 30px; } .bigEvent .event-wrap { padding: 60px 4.7% 40px 0; } .bigEvent .event-wrap .year { font-size: 50px; margin-bottom: 30px; } .bigEvent .event-wrap .events { height: 520px; } .bigEvent .event-wrap .events::-webkit-scrollbar { width: 4px; } .bigEvent .event-wrap .events::-webkit-scrollbar-thumb { width: 4px; } .bigEvent .event-wrap .mouth { font-size: 15px; } .bigEvent .event-wrap .info * { font-size: 15px; } .bigEvent .event-r { padding-top: 60px; } .bigEvent .year-item h4 { font-size: 40px; } .bigEvent .year-item:not(:last-of-type) { margin-bottom: 30px; } .bigEvent .event-swiper { padding-top: 20px; } .bigEvent .event-swiper .swiper-slide { margin-right: 25px; font-size: 18px; } .speech { padding-top: 120px; padding-bottom: 180px; } .speech .speech-l .qm { margin-top: 110px; } .speech .speech-r::-webkit-scrollbar { width: 4px; } .speech .speech-r::-webkit-scrollbar-thumb { width: 4px; } .jtpp { padding: 80px 0 122px; } .jtpp h3 { font-size: 36px; } .product .pro-fir h3 { font-size: 22px; } .product .pro-fir .txt { padding: 0 9.76% 59px 3.68%; } .product .pro-box:hover .pro-wrapper { transform: translateY(-35px); } .annouce-item { margin-bottom: 30px; } .annouce-item::after { bottom: -5px; height: 3px; } .annouce-item .day { font-size: 44px; } .annouce-item h3 { font-size: 20px; } .annouce-item p { font-size: 14px; } .annouce-item .icon i { font-size: 34px; } .video-item { margin-bottom: 45px; } .video-item .img .icon i { font-size: 40px; } .video-item p { margin-top: 15px; font-size: 16px; } .infoList { padding-bottom: 140px; } .infoList .title { font-size: 28px; padding-bottom: 30px; } .infoList .bot { margin-bottom: 44px; margin-top: 35px; } .infoList .info { padding-bottom: 120px; } .infoList .info * { font-size: 15px; } .infoList .page .chapter i { font-size: 15px; } .wel-banner .txt h3 { margin-bottom: 20px; } .wel-banner .txt p { width: 70%; font-size: 14px; } .welfare-items { margin-bottom: 60px; } .wel-itemt .wel-l { width: calc(100% - 40px); } .wel-itemt p { font-size: 20px; } .wel-itemt .icon { width: 40px; height: 40px; } .wItem { padding-bottom: 35px; } .wItem:not(:first-of-type) { padding-top: 35px; } .wItem .txt h3 { font-size: 20px; margin-bottom: 10px; } .wItem .txt p { font-size: 14px; margin-bottom: 30px; } .wItem .date .day { font-size: 46px; } .wItem .date .year { font-size: 14px; } .support-banner .txt p { margin-bottom: 20px; } .network { padding: 100px 0 80px; } .network .market .mark-tit { font-size: 20px; margin-bottom: 25px; } .network .market .p1 { font-size: 24px; margin-bottom: 10px; } .network .market .p2 { font-size: 15px; } .network .netB { margin-top: 60px; } .network .net-item { height: 180px; padding-top: 20px; } .network .net-item::before { height: 3px; } .network .net-item .name { font-size: 18px; margin-bottom: 15px; } .network .net-item .intro { font-size: 15px; } .network .net-item .intro * { font-size: 15px; } .network .loading { width: 160px; height: 44px; margin-top: 50px; } .network .loading p { line-height: 44px; } .afterSale .filter { margin-top: 30px; margin-bottom: 40px; } .afterSale .filter .select { height: 36px; } .afterSale .filter .select .palceholder { line-height: 36px; } .afterSale .filter .search-btn { width: 8.8%; height: 36px; line-height: 36px; } .afterSale .loading { height: 36px; } .afterSale .loading p { font-size: 15px; line-height: 36px; } .cjwt { padding: 80px 0 160px; } .cjwt-swiper .swiper-slide .img { width: 220px; height: 220px; } .manual { padding-top: 110px; padding-bottom: 130px; } .qa-banner .txt h3 { font-size: 40px; } .qa-banner .qa-swiper { width: 63.4%; margin-top: 30px; } .qa { padding-bottom: 160px; } .qa-item { margin-bottom: 30px; } .qa-item .icon { margin-top: 20px; } .qa-item .icon i { font-size: 26px; } .mask-qa .mvbot { height: 420px; } .mask-qa .qa-box .name { font-size: 20px; } .mask-qa .qa-box .des { margin-top: 20px; } .party .praty-l p { font-size: 22px; } .party .party-swiper { margin-top: 40px; } .praty-ttbox { margin-top: 40px; } .praty-ttbox .img { width: 100px; } .activity .activity-r { padding: 100px 14.48% 128px 30.36%; } .activity .activity-r h3 { font-size: 32px; } .activity .activity-r .sub-tit { font-size: 20px; } .activity .activity-r .des { margin-top: 30px; } .activity .activity-r .acti-bot { margin-top: 50px; } .organization { padding-bottom: 120px; } .culture { padding-bottom: 100px; } .culture::after { height: 300px; } .culture-swiper { padding-top: 100px; } .culture-swiper .swiper-pagination { top: 70px; font-size: 72px; } .culture-swiper .swiper-pagination * { font-size: 72px; } .culture-swiper .more { margin-top: 50px; } .culture-swiper .swiper-button-prev { left: 26.5%; } .culture-swiper .swiper-button-next { right: 26.5%; } .mass-wrap .party { margin-bottom: 90px; } .tw .party { margin-bottom: 100px; } .tw .mass-bot { padding: 102px 0 141px; } .contact-banner { height: 600px; } .contact-banner .txt .p1 { font-size: 40px; margin-bottom: 10px; } .contact-banner .txt .p2 { font-size: 20px; } .contact-banner .txt .toGo { width: 150px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 25px; } .contact-banner .txt .toGo i { font-size: 16px; margin-right: 5px; } .contact .contact-info { height: 380px; } .contact .contact-info .icon { margin-bottom: 30px; } .contact .contact-info .name { font-size: 16px; margin-bottom: 12px; } .contact .place .info { font-size: 14px; } .contact .fax .info { font-size: 26px; } .contact .email .info { font-size: 18px; } .contact .wxwb p { font-size: 14px; } .contact-bot .form { padding: 50px 4.93% 80px; } .contact-bot .form-wrapper { margin-top: 40px; } .contact-bot .form-item { margin-bottom: 23px; } .contact-bot h4 { font-size: 24px; margin-bottom: 15px; } .contact-bot p { font-size: 14px; } } @media only screen and (max-width: 1366px) { .solve .inPro { height: 620px; } .provider { height: 620px; } .provider .pro-c-txt { padding-top: 180px; } .jtpp .img9 { right: 5.27%; } } @media only screen and (max-width: 1280px) { .solve .inPro { top: 20px; height: 580px; } .provider { height: 580px; } .provider .pro-c-txt { padding-top: 150px; } .provider .h1 { font-size: 38px; } .provider .h2 { font-size: 40px; } .provider .provider-items { margin-top: 50px; } .provider .provider-item .num-t { font-size: 14px; } .provider .provider-item .num-t .num { font-size: 50px; } .provider .provider-item .num-t i { font-size: 30px; transform: translateY(-19px); } .provider .provider-item p { font-size: 15px; } .provider .explore { width: 140px; height: 40px; line-height: 40px; font-size: 14px; margin: 80px auto 0; } .provider .pro1 { width: 120px; height: 120px; } .provider .pro2 { width: 100px; height: 100px; } .provider .pro3 { width: 124px; height: 124px; } .provider .pro4 { width: 150px; height: 150px; } .provider .pro5 { width: 80px; height: 80px; } .inProduct { padding-top: 180px; margin-bottom: 100px; } .inPro-items .inPro-wrapper .swiper-slide .txt { padding-left: 3.36%; padding-right: 3.17%; } .inPro-items .inPro-wrapper .swiper-slide .txt .slogan { margin-bottom: 10px; } .inPro-items .inPro-wrapper .swiper-slide .txt h4 { font-size: 22px; margin-bottom: 15px; } .inPro-items .inPro-wrapper .pagi { top: -48px; } .inPro-items .inPro-wrapper .swiper-button-next, .inPro-items .inPro-wrapper .swiper-button-prev { width: 44px; height: 44px; } .inPro-items .inPro-wrapper .swiper-button-next::after, .inPro-items .inPro-wrapper .swiper-button-prev::after { font-size: 16px; } .inPro-items .inPro-wrapper .swiper-pagination { margin-right: 40px; } .inPro-items .inPro-wrapper .swiper-pagination-bullet:not(:last-of-type) { margin-right: 20px; } .inPro-items .inPro-wrapper .swiper-pagination-bullet i { font-size: 16px; } .pro-tab .img { width: 66px; height: 66px; } .aboutUs { padding-bottom: 160px; } .aboutUs .intro * { font-size: 14px; } .aboutUs .img { top: 50%; transform: translateY(-50%); } .system .item .num { font-size: 42px; } .system .item i { font-size: 22px; } .leader { padding-bottom: 120px; } .leader .img-item .img { width: 460px; height: 460px; } .leader .leader-box { margin-top: 60px; } .leader .leader-box .leader-event { font-size: 15px; } .honor .tab { margin: 40px 0 60px; } .honor .tab li:not(:last-of-type) { margin-right: 52px; } .honor-swiper .swiper-pagination-current { font-size: 18px; } .honor-swiper .swiper-pagination { margin: 0 30px; } .bigEvent .event-wrap { margin-left: 5vw; } .bigEvent .event-wrap .year { font-size: 44px; margin-bottom: 25px; } .bigEvent .event-wrap .events { height: 460px; } .bigEvent .year-item h4 { font-size: 36px; } .bigEvent .year-item:not(:last-of-type) { margin-bottom: 30px; } .bigEvent .event-swiper { padding-top: 15px; } .jtpp h3 { font-size: 32px; } .mask-product .closed, .mask-video .closed, .mask-qa .closed { right: -59px; width: 46px; height: 46px; } .mask-product .mvbot { max-width: 85vw; width: auto; padding: 40px 20px; } .mask-product .pro-swiper1 { width: 10.07%; } .mask-product .pro-swiper2 { width: 44.1%; } .mask-product .info { width: 32.67%; } .video-item { margin-bottom: 40px; } .video-item .img .icon i { font-size: 36px; } .infoList { padding-bottom: 120px; } .infoList .title { font-size: 26px; padding-bottom: 25px; } .infoList .bot { margin-bottom: 35px; margin-top: 30px; } .infoList .bot .fx-icon { font-size: 18px; } .infoList .info { padding-bottom: 100px; } .infoList .info * { font-size: 14px; } .infoList .page * { font-size: 14px; } .infoList .page .back { font-size: 14px; } .infoList .page .chapter i { font-size: 14px; } .infoList .page .prev { padding-left: 25px; } .infoList .page .next { padding-right: 25px; } .wel-banner .txt h3 { margin-bottom: 15px; } .wel-itemt .wel-l { width: calc(100% - 36px); } .wel-itemt .txt { bottom: 25px; } .wel-itemt p { font-size: 18px; } .wel-itemt .icon { width: 36px; height: 36px; } .wel-itemt .icon i { font-size: 18px; } .wItem { padding-bottom: 35px; } .wItem:not(:first-of-type) { padding-top: 35px; } .wItem .txt h3 { font-size: 18px; margin-bottom: 5px; } .wItem .txt p { margin-bottom: 20px; } .wItem .date .day { font-size: 38px; } .commit .commit-item .top { height: 60px; line-height: 60px; font-size: 16px; } .commit .commit-item .top .icon { width: 20px; height: 20px; } .commit .commit-item .top .icon::before { width: 10px; } .commit .commit-item .top .icon::after { height: 10px; } .commit .commit-item .info { padding: 12px 8.63% 40px 6.86%; } .commit .commit-item .info * { font-size: 14px; } .afterSale .after-ul .after-li2 { height: 76px; line-height: 76px; } .afterSale .after-ul .after-li2:first-of-type { padding-left: 2%; } .afterSale .after-ul .after-li2:last-of-type { flex: 1.5; } .afterSale .after-ul .after-li2 p { font-size: 14px; } .afterSale .loading { margin: 50px auto 0; } .cjwt { padding: 80px 0 140px; } .cjwt-swiper .swiper-slide { margin-right: 40px; } .cjwt-swiper .swiper-slide .img { width: 200px; height: 200px; } .qa-banner .txt { top: 50%; } .qa-banner .txt h3 { font-size: 32px; } .qa { padding-bottom: 120px; } .qa-item { margin-bottom: 25px; } .qa-item p { height: 54px; font-size: 16px; } .party { margin-bottom: 60px; } .party .praty-l p { font-size: 18px; } .party .party-r p { font-size: 15px; } .party .party-swiper { margin-top: 30px; } .praty-ttbox { margin-top: 30px; } .praty-ttbox .img { width: 80px; } .play-video { font-size: 14px; } .play-video i { font-size: 26px; } .activity .activity-r { padding: 80px 14.48% 108px 30.36%; } .activity .activity-r h3 { font-size: 26px; } .activity .activity-r .sub-tit { font-size: 16px; } .activity .activity-r .des { margin-top: 25px; font-size: 14px; } .activity .activity-r .acti-bot { margin-top: 40px; } .activity .activity-r .downLoad { font-size: 14px; } .duty-swiper { padding-bottom: 40px; } .duty-swiper a { height: 30px; line-height: 30px; font-size: 12px; } .duty-swiper .swiper-pagination-bullet { width: 8px; height: 8px; } .contact-banner { margin-top: 50px; height: 550px; } .contact-banner .txt { top: 50%; } .contact-banner .txt .p1 { font-size: 34px; } .contact-banner .txt .p2 { font-size: 16px; } .contact-banner .txt .toGo { width: 130px; height: 36px; line-height: 36px; margin-top: 20px; } .contact .contact-infos { flex-wrap: wrap; margin-bottom: 60px; } .contact .contact-info { width: 49%; height: 260px; margin-right: 2%; margin-bottom: 20px; } .contact .contact-info:nth-of-type(2n) { margin-right: 0; } .contact-bot h4 { font-size: 20px; } } @media only screen and (max-width: 1100px) { .solve .inPro { height: 500px; } .inPro-items .inPro-wrapper .swiper-slide .txt .slogan { margin-bottom: 5px; } .inPro-items .inPro-wrapper .swiper-slide .txt h4 { font-size: 20px; } .inPro-items .inPro-wrapper .swiper-slide .txt .more { margin-top: 20px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shops { margin-top: 30px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shop .icon { width: 40px; height: 40px; } .inPro-items .inPro-wrapper .pagi { top: -40px; } .provider { height: 500px; } .provider .explore { margin-top: 60px; } .provider .pro-c-txt { padding-top: 110px; } .network .net-item { width: 32%; margin-right: 2%; margin-bottom: 25px; } .network .net-item:nth-of-type(4n) { margin-right: 2%; } .network .net-item:nth-of-type(3n) { margin-right: 0; } } @media only screen and (max-width: 1024px) { .banner { display: none; margin-top: 50px; } .mb-banner { display: block; margin-top: 50px; } .solve { display: none; } .solve .inPro { height: 450px; } .inn-fir { background: #fff; } .mb-solve { display: block; } .provider { height: 450px; } .provider .h1 { font-size: 32px; } .provider .h2 { font-size: 36px; } .provider .pro-c-txt { padding-top: 120px; } .provider .provider-item .num-t { font-size: 14px; } .provider .provider-item .num-t .num { font-size: 36px; } .provider .provider-item .num-t i { font-size: 24px; } .provider .provider-item p { font-size: 14px; } .provider .explore { width: 140px; height: 40px; line-height: 40px; font-size: 14px; margin: 80px auto 0; } .provider .pro1 { width: 100px; height: 100px; } .provider .pro2 { width: 90px; height: 90px; } .provider .pro3 { width: 120px; height: 120px; } .provider .pro4 { width: 150px; height: 150px; } .provider .pro5 { width: 68px; height: 68px; } .inProduct { padding-top: 100px; margin-bottom: 80px; } .pro-tab { margin-bottom: 60px; } .pro-tab .img { width: 50px; height: 50px; } .pro-tab p { font-size: 14px; } .pro-tab .swiper-wrapper { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; } .pro-tab .swiper-slide:not(:last-child) { margin-right: 40px; } .inPro-items .inPro-wrapper { overflow: hidden; } .inPro-items .inPro-wrapper::after { background-color: transparent; } .inPro-items .inPro-wrapper .swiper-slide { background-color: #F5F5F5; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; padding-top: 45px; } .inPro-items .inPro-wrapper .swiper-slide .pic { position: relative; width: 100%; margin: 0 auto; } .inPro-items .inPro-wrapper .swiper-slide .txt { width: 100%; padding: 30px 3%; border-radius: 0; } .inPro-items .inPro-wrapper .swiper-slide .txt .slogan { padding: 5px 10px; } .inPro-items .inPro-wrapper .swiper-slide .txt h4 { font-size: 22px; margin-bottom: 15px; } .inPro-items .inPro-wrapper .swiper-slide .txt .more { margin-top: 25px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shops { margin-top: 40px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shop:not(:last-of-type) { margin-right: 20px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shop .icon { width: 40px; height: 40px; } .inPro-items .inPro-wrapper .swiper-button-next, .inPro-items .inPro-wrapper .swiper-button-prev { top: 18%; width: 36px; height: 36px; } .inPro-items .inPro-wrapper .swiper-button-next { left: auto; right: 10px; } .inPro-items .inPro-wrapper .pagi { top: 10px; left: 3.72%; width: 100%; z-index: 2; } .news .title h3 { width: 18%; } .news .title p { width: 17.4%; } .news .news-items { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .news .news-item { width: 100%; margin-right: 0; } .news .news-video, .news .news-activity { margin-bottom: 20px; } .news .news-video .txt, .news .news-activity .txt { padding: 22px 2% 31px; } .news .news-video .title, .news .news-activity .title { height: auto; margin-bottom: 15px; } .aboutUs { padding-bottom: 140px; } .aboutUs .about-l { width: 50.6%; } .aboutUs .intro * { font-size: 14px; } .system { padding: 100px 0 90px; } .system .map { top: 60%; width: 100%; } .system .item-t { margin-bottom: 20px; } .system .main-c { top: 0; height: 100%; } .system .items { margin-top: 30px; } .system .item { margin-right: 50px; } .system .item .num { font-size: 34px; } .system .item i { font-size: 20px; } .system .map { position: relative; top: auto; left: auto; width: 100%; margin-top: 30px; } .leader { padding-top: 80px; padding-bottom: 100px; } .leader-wrap .year { font-size: 20px; margin-top: 15px; } .leader-wrap .cur .year { font-size: 24px; } .leader-item .txt { width: 61.2%; } .leader-item .intro * { font-size: 15px; } .honor .tab { margin: 30px 0 50px; } .bigEvent .event-wrap .year { font-size: 38px; } .bigEvent .event-wrap .events { padding-right: 5%; } .bigEvent .event-r { padding-left: 2%; padding-right: 2%; } .bigEvent .year-item h4 { font-size: 30px; } .bigEvent .event-swiper .swiper-slide { margin-right: 20px; } .speech { padding-top: 100px; padding-bottom: 160px; } .speech .main-c { flex-direction: column; } .speech .speech-l, .speech .speech-r { width: 100%; } .speech .speech-l { margin-bottom: 30px; } .speech .speech-l .qm { margin-top: 20px; flex-direction: column; align-items: flex-start; } .speech .speech-r * { font-size: 14px; } .jtpp h3 { font-size: 30px; } .jtpp .jtpp1 { width: 600px; height: 300px; } .jtpp .jtpp1 .item { width: 100px; height: 100px; } .jtpp .jt1, .jtpp .jt6 { bottom: -50px; } .jtpp .jt1 { left: -50px; } .jtpp .jt6 { right: -50px; } .jtpp .jt7 { top: -50px; } .jtpp .jtpp2 { width: 400px; height: 400px; } .product-banner { margin-top: 0; } .product-nav { margin-top: 50px; padding-top: 25px; padding-bottom: 30px; } .product { padding-bottom: 140px; } .product .product-t { flex-direction: column; } .product .pro-fir { width: 100%; } .product .pro-r { width: 100%; } .product .pro-r .pro-item { width: 49%; margin-right: 2%; margin-top: 20px; margin-bottom: 0 !important; } .product .pro-r .pro-item:nth-of-type(2n) { margin-right: 0; } .product .product-b .pro-item { width: 49%; margin-right: 2%; } .product .product-b .pro-item:nth-of-type(2n) { margin-right: 0; } .mask-product .closed, .mask-video .closed, .mask-qa .closed { right: -45px; width: 36px; height: 36px; } .mask-product .mvbot { max-width: 75vw; height: auto; padding: 30px 20px; } .mask-product .pro-wrapper { flex-direction: column; } .mask-product .pro-swiper1 { display: none; } .mask-product .pro-swiper2 { width: 100%; margin-left: 0; margin-right: 0; height: 150px; } .mask-product .info { width: 100%; margin-top: 10px; } .mask-product .info .title { font-size: 16px; padding-bottom: 10px; margin-bottom: 15px; } .mask-product .info .des { height: 65px; } .mask-product .info .online-shops { margin-top: 20px; } .mask-product .info .online-shop { height: 55px; } .ch-news .news-item .bot { margin-top: 30px; } .annouce-item { height: auto; padding: 30px 0; margin-bottom: 30px; } .annouce-item::after { bottom: -5px; height: 3px; } .annouce-item .date { width: 100px; } .annouce-item .txt { width: calc(100% - 100px); padding-top: 0; padding-right: 11.06%; } .annouce-item .day { font-size: 30px; } .annouce-item h3 { font-size: 18px; margin-bottom: 12px; } .annouce-item .icon i { font-size: 26px; } .video-item { margin-bottom: 30px; } .video-item .img .icon i { font-size: 32px; } .infoList { margin-top: 60px; padding-bottom: 100px; } .infoList .title { font-size: 24px; padding-bottom: 20px; } .infoList .bot { margin-bottom: 30px; margin-top: 25px; } .infoList .bot .fx-icon { font-size: 16px; } .infoList .bot .wechat-qrcode { right: 0; left: auto !important; transform: translateX(0) !important; } .infoList .bot .wechat-qrcode::before { left: auto !important; right: 0 !important; transform: translateX(0) !important; } .infoList .info { padding-bottom: 80px; } .wel-banner .img img { min-height: 400px; object-fit: cover; } .wel-banner .txt h3 { margin-bottom: 10px; } .wel-banner .txt p { width: 100%; } .welfare { padding-bottom: 120px; } .wel-itemt .wel-l { width: calc(100% - 30px); } .wel-itemt p { font-size: 16px; } .wel-itemt .icon { width: 30px; height: 30px; } .wItem { padding-bottom: 30px; } .wItem:not(:first-of-type) { padding-top: 30px; } .wItem .txt h3 { font-size: 16px; } .wItem .txt p { margin-bottom: 15px; } .wItem .date .day { font-size: 34px; } .commit .main-c { flex-direction: column; } .commit .commit-items { width: 100%; margin-top: 20px; } .afterSale .filter .select { height: 32px; } .afterSale .filter .select .palceholder { line-height: 32px; font-size: 12px; } .afterSale .filter .search-btn { width: 12.8%; height: 32px; line-height: 32px; font-size: 14px; } .afterSale .loading { width: 120px; height: 32px; } .afterSale .loading p { font-size: 14px; line-height: 32px; } .afterSale .after-wrapper { overflow-x: scroll; padding-bottom: 20px; } .afterSale .after-wrapper::-webkit-scrollbar { height: 6px; } .afterSale .after-wrapper::-webkit-scrollbar-thumb { height: 6px; border-radius: 3px; background: #D7301A; } .afterSale .after-wrapper::-webkit-scrollbar-track { border-radius: 3px; background-color: #D1D1D1; } .afterSale .after-ul { width: 1000px; } .afterSale .after-ul .after-li2 { flex: 0.8; height: 70px; line-height: 70px; } .cjwt { padding: 80px 0 100px; } .cjwt-swiper .swiper-slide .img { width: 160px; height: 160px; } .cjwt-swiper .swiper-slide .hover p { font-size: 14px; } .cjwt-swiper .swiper-slide > p { margin-top: 10px; } .manual { padding-top: 100px; padding-bottom: 120px; } .manual-items .dowmload { width: 48%; margin-right: 4%; margin-bottom: 15px; } .manual-items .dowmload:nth-of-type(3n) { margin-right: 4%; } .manual-items .dowmload:nth-of-type(2n) { margin-right: 0; } .qa-banner .txt { top: 50%; } .qa-banner .txt h3 { font-size: 28px; } .qa-banner .qa-swiper { width: 80%; margin-top: 25px; } .qa { padding-bottom: 100px; } .mask-qa .mvbot { width: 80%; height: auto; } .mask-qa .qa-box .des * { font-size: 14px; } .party .main-c { flex-direction: column; } .party .praty-l { width: 100%; margin-bottom: 30px; } .party .party-r { width: 100%; } .praty-ttbox { margin-top: 30px; } .praty-ttbox .img { width: 60px; } .activity { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; background-color: #F9F9F9; padding: 40px 0 80px; } .activity .activity-l { position: relative; top: 0; transform: translateY(0); width: 90%; margin: 0 auto; } .activity .activity-r { width: 100%; margin-left: 0; padding: 0 5%; margin-bottom: 30px; } .activity .activity-r .acti-bot { margin-top: 30px; } .organization { padding-bottom: 100px; } .culture-swiper .swiper-pagination { top: 70px; font-size: 64px; } .culture-swiper .swiper-pagination * { font-size: 64px; } .culture-swiper .date { margin-bottom: 10px; } .culture-swiper h3 { font-size: 18px; } .culture-swiper .more { margin-top: 40px; } .culture-swiper .swiper-button-prev { left: 23.5%; } .culture-swiper .swiper-button-next { right: 23.5%; } .duty { padding-bottom: 60px; } .duty .main-c { flex-direction: column; } .duty-swiper { width: 100%; margin-top: 40px; } .mass-wrap .party { margin-bottom: 80px; } .tw .mass-bot { padding: 80px 0 130px; } .contact-banner { height: 450px; } .contact-banner::before { height: 150px; } .contact { padding-bottom: 140px; } .contact-bot .form { padding: 40px 4.93%; } } @media only screen and (max-width: 960px) { .mb-solve .h1 { font-size: 44px; } .mb-solve .h2 { font-size: 54px; } .mb-solve-swiper .num-link .num { font-size: 130px; } .mb-solve-swiper .num-link .num i { font-size: 60px; } .mb-solve-swiper .num-link p { font-size: 20px; } .mb-solve-swiper .more { width: 166px; height: 46px; line-height: 46px; } .network .market .mark-tit { padding-top: 10px; } .network .net-item { width: 49%; margin-right: 2%; } .network .net-item:nth-of-type(4n) { margin-right: 2%; } .network .net-item:nth-of-type(3n) { margin-right: 2%; } .network .net-item:nth-of-type(2n) { margin-right: 0; } .network .net-item::before { left: 3.7%; } .network .loading { width: 120px; height: 40px; font-size: 14px; margin-top: 40px; } .network .loading p { font-size: 14px; line-height: 40px; } } @media only screen and (max-width: 768px) { .solve .inPro { top: 10px; height: 440px; } .solve .inPro .circle { width: 110%; } .mb-solve .h1 { font-size: 36px; } .mb-solve .h2 { font-size: 46px; } .mb-solve-swiper .num-link { width: 400px; height: 400px; } .mb-solve-swiper .num-link .num { font-size: 100px; } .mb-solve-swiper .num-link .num i { font-size: 50px; transform: translateY(-40px); } .mb-solve-swiper .num-link p { font-size: 18px; } .mb-solve-swiper .more { width: 150px; height: 42px; line-height: 42px; font-size: 14px; } .mb-solve-swiper .swiper-button-next, .mb-solve-swiper .swiper-button-prev { width: 40px; height: 40px; } .provider { height: 440px; } .provider .h1 { font-size: 20px; } .provider .h2 { font-size: 24px; } .provider .provider-items { margin-top: 60px; } .provider .provider-item .num-t { margin-bottom: 5px; } .provider .provider-item .num-t .num { font-size: 24px; } .provider .provider-item .num-t i { font-size: 14px; transform: translateY(-9px); } .provider .explore { width: 120px; height: 36px; line-height: 36px; margin: 60px auto 0; } .provider .pro1 { width: 80px; height: 80px; } .provider .pro2 { width: 70px; height: 70px; } .provider .pro3 { width: 100px; height: 100px; } .provider .pro4 { width: 120px; height: 120px; } .provider .pro5 { width: 48px; height: 48px; } .aboutUs .about-l { width: 100%; margin-bottom: 20px; } .aboutUs .img { position: relative; top: 0; transform: translateY(0); width: 90%; margin: 0 auto; border-radius: 12px; } .leaders { margin-top: 60px; } .leader-pics { width: 100%; margin: 40px auto; } .leader-item { flex-direction: column; padding-right: 2%; } .leader-item .img { width: 100%; } .leader-item .txt { width: 100%; margin-left: 0; margin-top: 20px; } .system .item { margin-right: 30px; } .system .item .num-box { margin-right: 20px; } .system .item .num { font-size: 24px; } .system .item i { right: -13px; font-size: 16px; } .system .item .txt p { font-size: 12px; } .jtpp .jtpp1 { width: 500px; height: 250px; } .jtpp .jtpp1 .item { width: 100px; height: 100px; } .jtpp .jt1, .jtpp .jt6 { bottom: -50px; } .jtpp .jt1 { left: -50px; } .jtpp .jt6 { right: -50px; } .jtpp .jtpp2 { top: 34%; width: 350px; height: 350px; } .jtpp .wz { margin: 250px auto 0; } .qa-item { width: 100%; margin-right: 0; margin-bottom: 20px; } .qa-item:nth-of-type(3n) { margin-right: 0; } .qa-item p { height: auto; font-size: 16px; } } @media only screen and (max-width: 640px) { .inProduct { padding-top: 80px; margin-bottom: 60px; } .inProduct .bg .bg-img img { min-height: 300px; } .solve .inPro { height: 380px; } .mb-solve { padding-top: 82px; } .mb-solve .h1 { font-size: 30px; } .mb-solve .h2 { font-size: 40px; } .mb-solve .mb-proItems { margin: 80px auto 99px; } .mb-solve .mb-proItems .more { width: 158px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 99px; } .mb-solve .num-link .num { font-size: 100px; } .mb-solve .num-link .num span { font-size: 20px; } .mb-solve .num-link .num i { font-size: 34px; } .mb-solve .num-link p { font-size: 17px; } .mb-solve .cirs .w233 { width: 190px; height: 190px; } .mb-solve .cirs .w109 { width: 90px; height: 90px; } .mb-solve .cirs .w66 { width: 56px; height: 56px; } .mb-solve .cirs .w29 { width: 24px; height: 24px; } .mb-solve .pro-data { margin-bottom: 50px; } .mb-solve-swiper { margin-bottom: 40px; padding-bottom: 90px; margin-top: 63px; } .mb-solve-swiper .num-link { width: 360px; height: 360px; } .mb-solve-swiper .num-link .num { font-size: 84px; } .mb-solve-swiper .num-link .num i { font-size: 40px; transform: translateY(-40px); } .mb-solve-swiper .num-link p { font-size: 18px; } .mb-solve-swiper .more { width: 150px; height: 42px; line-height: 42px; font-size: 14px; } .mb-solve-swiper .swiper-button-next, .mb-solve-swiper .swiper-button-prev { width: 40px; height: 40px; } .provider { height: 380px; } .provider .circle { width: 120%; } .provider .pro-c-txt { padding-top: 100px; } .provider .h1 { font-size: 18px; margin-bottom: 5px; } .provider .h2 { font-size: 20px; } .provider .provider-items { width: 84.8%; flex-wrap: wrap; margin-top: 20px; } .provider .provider-item { width: 50%; margin-bottom: 20px; text-align: center; } .provider .explore { margin: 10px auto 0; } .provider .pro1 { width: 60px; height: 60px; } .provider .pro2 { left: 1.125%; width: 50px; height: 50px; } .provider .pro3 { width: 80px; height: 80px; } .provider .pro4 { top: 10.8%; width: 100px; height: 100px; } .pro-tab .swiper-slide:not(:last-child) { margin-right: 20px; } .inPro-items .inPro-wrapper .swiper-slide .txt .slogan { font-size: 12px; } .inPro-items .inPro-wrapper .swiper-slide .txt h4 { font-size: 18px; margin-bottom: 10px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shops { margin-top: 20px; } .inPro-items .inPro-wrapper .swiper-slide .txt .online-shop:not(:last-of-type) { margin-right: 10px; } .inPro-items .inPro-wrapper .swiper-pagination { margin-right: 10px; } .inPro-items .inPro-wrapper .swiper-pagination-bullet:not(:last-of-type) { margin-right: 10px; } .inPro-items .inPro-wrapper .swiper-pagination-bullet i { font-size: 15px; } .news .title h3 { width: 23%; } .news .title p { width: 22.4%; } .news .news-items { margin-top: 50px; } .aboutUs { padding-bottom: 100px; } .system { padding: 80px 0 60px; } .system .item-t { margin-bottom: 0; } .system .item-t, .system .item-b { flex-direction: column; } .system .item { margin-right: 0; margin-bottom: 20px; } .system .map .cir { width: 8px; height: 8px; } .leader { padding-bottom: 60px; } .honor-swiper .swiper-slide { transform: scale(1); opacity: 1; } .bigEvent .bg-img { left: 50%; transform: translateX(-50%); width: 90%; } .bigEvent .big-wrap { flex-direction: column-reverse; } .bigEvent .year-item:not(:last-of-type) { margin-bottom: 25px; } .bigEvent .year-item h4 { font-size: 26px; } .bigEvent .event-swiper { padding-top: 10px; } .bigEvent .event-r, .bigEvent .event-wrap { width: 100%; } .bigEvent .event-r { padding: 40px 5%; } .bigEvent .event-wrap { box-sizing: border-box; padding: 40px 5%; margin-left: 0; } .bigEvent .event-wrap .year { font-size: 32px; } .bigEvent .event-wrap .events { height: 350px; } .bigEvent .event-wrap .mouth { font-size: 14px; } .bigEvent .event-wrap .info * { font-size: 14px; } .speech { padding-top: 60px; padding-bottom: 80px; } .jtpp { padding-bottom: 100px; } .jtpp h3 { font-size: 24px; } .jtpp .jtpp1 { width: 400px; height: 200px; } .jtpp .jtpp1 .item { width: 80px; height: 80px; } .jtpp .jtpp2 { width: 280px; height: 280px; } .jtpp .jtpp-c { margin-top: 80px; } .jtpp .jt1, .jtpp .jt6 { bottom: -40px; } .jtpp .jt2, .jtpp .jt3 { top: 34%; } .jtpp .jt4, .jtpp .jt5 { top: -5%; } .jtpp .jt1 { left: -40px; } .jtpp .jt6 { right: -40px; } .jtpp .jt7 { top: -40px; } .jtpp .wz { width: 260px; margin-top: 200px; } .product .pro-fir h3 { font-size: 18px; } .product .pro-fir .des { margin-top: 25px; } .product .pro-r .pro-item { width: 100%; margin-right: 0; } .product .product-b .pro-item { width: 100%; margin-right: 0; } .product .pro-item .txt h3 { font-size: 16px; } .product .pro-item .model { font-size: 14px; } .mask-product .closed, .mask-video .closed, .mask-qa .closed { top: -50px; right: -5px; width: 32px; height: 32px; } .mask-product .closed i, .mask-video .closed i, .mask-qa .closed i { font-size: 18px; } .mask-product .mvbot { max-width: 85vw; } .mask-product .pro-swiper2 { height: 130px; } .mask-product .info .online-shop { width: 36px; height: 36px; background-color: transparent !important; padding-left: 0; } .mask-product .info .online-shop:not(:last-of-type) { margin-right: 2%; } .mask-product .info .online-shop p { display: none; } .mask-product .info .online-shop .icon { margin-right: 0; } .mask-product .info .online-shop .icon1 { display: block !important; } .mask-product .info .online-shop:hover .icon2 { display: none !important; } .ch-news .news-item { width: 100%; margin-right: 0; } .ch-news .news-item h3 { height: auto; font-size: 16px; } .ch-news .news-item .bot { margin-top: 15px; } .annouce-item { padding: 20px 0; margin-bottom: 25px; } .annouce-item::after { bottom: -5px; height: 3px; } .annouce-item .date { width: 80px; } .annouce-item .txt { width: calc(100% - 80px); padding-right: 2%; } .annouce-item .day { font-size: 22px; } .annouce-item .year { font-size: 12px; } .annouce-item h3 { font-size: 18px; margin-bottom: 10px; } .annouce-item .icon { display: none; } .video-item { width: 100%; margin-right: 0; } .mask-video .mvbot { width: 80vw; } .infoList .title { font-size: 22px; } .infoList .info { padding-bottom: 60px; } .infoList .page { flex-direction: column; align-items: flex-start; } .infoList .page .chapter { width: 100%; padding-right: 25px; } .infoList .page .prev { padding-left: 0; } .infoList .page .prev i { left: auto; right: 0; transform: translateY(-50%) rotate(-180deg); } .infoList .page .next { text-align: left; margin: 10px 0; } .infoList .page .back { left: 0; bottom: -15px; transform: translate(0, 0); top: auto; } .wel-banner .txt p { line-height: 1.8; } .welfare-1, .wItem { flex-direction: column; } .wel-itemt { width: 100%; } .wel-itemt:not(:last-of-type) { margin-bottom: 20px; } .wel-itemt .txt { bottom: 10px; } .wItem { padding-bottom: 20px; } .wItem:not(:first-of-type) { padding-top: 20px; } .wItem .img { width: 100%; } .wItem .txt { width: 100%; margin-left: 0; margin-top: 10px; } .wItem .date { position: absolute; right: 0; width: 70px; height: 70px; background-color: rgba(215, 48, 26, 0.6); border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .wItem .date * { color: #fff; } .wItem .date .day { font-size: 30px; } .wItem .more i { margin-left: 10px; } .support-banner .txt p { margin-bottom: 10px; } .network { padding: 60px 0; } .network .network-l { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .network .market { margin-top: 50px; } .network .market .mark-tit { padding-top: 5px; } .network .net-item { width: 100%; padding: 27px 5% 10px; margin-right: 0 !important; margin-bottom: 20px; } .network .net-item::before { left: 5%; } .network .loading { margin-top: 30px; } .afterSale .filter .select { width: 25%; margin-right: 3%; } .afterSale .filter .search-btn { width: 20%; } .cjwt-swiper .swiper-slide .cir .cir1 { left: 0; } .cjwt-swiper .swiper-slide .cir .cir1::before { right: -150%; top: -50%; } .cjwt-swiper .swiper-slide .cir .cir2 { bottom: -2%; } .cjwt-swiper .swiper-slide .cir .cir2::before { left: -150%; bottom: -50%; } .cjwt-swiper .swiper-slide .img { width: 120px; height: 120px; } .cjwt-swiper .swiper-slide .hover-img img { width: 30px; } .cjwt-swiper .swiper-slide .hover p { font-size: 12px; } .manual { padding-top: 80px; } .manual-swiper { margin-top: 30px; margin-bottom: 50px; } .manual-items .dowmload { width: 100%; height: 50px; margin-right: 0; } .manual-items .dowmload:nth-of-type(3n) { margin-right: 0; } .manual-items .dowmload p { font-size: 14px; } .manual-items .dowmload i { font-size: 18px; } .mask-qa .mvbot { padding: 20px 4%; } .mask-qa .qa-box .name { font-size: 18px; } .activity .activity-r .downLoad { padding: 5px 15px; } .organization { padding-bottom: 80px; } .organization .organi-svg { width: 100%; } .culture { padding-bottom: 80px; } .culture::after { height: 200px; } .culture-swiper { padding-top: 80px; } .culture-swiper .swiper-slide { width: 55%; } .culture-swiper .swiper-button-next, .culture-swiper .swiper-button-prev { width: 40px; height: 40px; } .culture-swiper .swiper-button-next::after, .culture-swiper .swiper-button-prev::after { font-size: 22px; } .culture-swiper .swiper-button-prev { left: 15.5%; } .culture-swiper .swiper-button-next { right: 15.5%; } .culture-swiper .swiper-pagination { right: 3.52%; top: 64px; font-size: 30px; } .culture-swiper .swiper-pagination * { font-size: 30px; } .culture-swiper .txt { padding: 30px 4% 40px; } .culture-swiper .date { font-size: 14px; margin-bottom: 10px; } .culture-swiper h3 { font-size: 16px; } .culture-swiper .more { margin-top: 20px; } .duty-swiper a { display: block; width: 100%; } .duty-swiper .online { margin-bottom: 10px; } .contact-banner { height: 400px; } .contact-banner .txt .p1 { font-size: 26px; } .contact-banner .txt .p2 { font-size: 14px; line-height: 1.3; } .contact-banner .txt .toGo { width: 110px; height: 32px; line-height: 32px; margin-top: 15px; } .contact { padding-bottom: 100px; } .contact-bot { flex-direction: column; } .contact-bot .img { width: 100%; border-radius: 12px 12px 0 0; } .contact-bot .img img { max-height: 250px; } .contact-bot .form { width: 100%; border-radius: 0 0 12px 12px; } } @media only screen and (max-width: 560px) { .mb-solve { padding-top: 72px; } .mb-solve .mb-proItems { margin: 70px auto 87px; } .mb-solve .mb-proItems .more { width: 138px; margin-top: 87px; } .mb-solve .num-link .num { font-size: 89px; } .mb-solve .num-link .num span { font-size: 17px; } .mb-solve .num-link .num i { font-size: 29px; } .mb-solve .num-link p { font-size: 15px; } .mb-solve .cirs .w233 { width: 170px; height: 170px; } .mb-solve .cirs .w109 { width: 80px; height: 80px; } .mb-solve .cirs .w66 { width: 49px; height: 49px; } .mb-solve .cirs .w29 { width: 21px; height: 21px; } .mb-solve .pro-data { margin-bottom: 44px; } } @media only screen and (max-width: 480px) { .mb-solve { padding-top: 62px; } .mb-solve .mb-proItems { margin: 60px auto 74px; } .mb-solve .mb-proItems .more { width: 119px; margin-top: 74px; } .mb-solve .num-link { margin-bottom: 6px; } .mb-solve .num-link .num { font-size: 76px; } .mb-solve .num-link .num span { font-size: 15px; } .mb-solve .num-link .num i { font-size: 25px; transform: translateY(-34px); } .mb-solve .num-link p { font-size: 14px; } .mb-solve .cirs .w233 { width: 149px; height: 149px; } .mb-solve .cirs .w109 { width: 69px; height: 69px; } .mb-solve .cirs .w66 { width: 42px; height: 42px; } .mb-solve .cirs .w29 { width: 18px; height: 18px; } .mb-solve .cirs .cir3 { top: 25.9%; } .mb-solve .cirs .cir4 { bottom: 31.3%; } .mb-solve .cirs .cir5 { bottom: 26.7%; } .mb-solve .pro-data { margin-bottom: 38px; } .jtpp .jtpp1 { width: 320px; height: 160px; } .jtpp .jtpp1 .item { width: 60px; height: 60px; } .jtpp .jtpp2 { top: 38%; width: 230px; height: 230px; } .jtpp .jtpp-c { margin-top: 80px; } .jtpp .jt1, .jtpp .jt6 { bottom: -30px; } .jtpp .jt1 { left: -30px; } .jtpp .jt6 { right: -30px; } .jtpp .jt7 { top: -30px; } .jtpp .wz { width: 220px; margin-top: 160px; } } @media only screen and (max-width: 440px) { .solve { overflow: hidden; } .solve .inPro { top: -17px; width: 108%; height: 310px; overflow: hidden; } .solve .inPro .circle { width: 120%; } .mb-solve { padding-top: 56px; } .mb-solve .h1 { width: 50%; } .mb-solve .mb-proItems { margin: 55px auto 68px; } .mb-solve .mb-proItems .more { margin-top: 68px; } .mb-solve .num-link { margin-bottom: 6px; } .mb-solve .num-link .num { font-size: 70px; } .mb-solve .num-link .num span { font-size: 14px; } .mb-solve .num-link .num i { font-size: 23px; transform: translateY(-31px); } .mb-solve .cirs .w233 { width: 136px; height: 136px; } .mb-solve .cirs .w109 { width: 63px; height: 63px; } .mb-solve .cirs .w66 { width: 38px; height: 38px; } .mb-solve .cirs .w29 { width: 17px; height: 17px; } .mb-solve .pro-data { margin-bottom: 35px; } .mb-solve .provide-items { padding-bottom: 30px; } .mb-solve .provide-item .pro-logo { height: 35px; } .mb-solve .provide-item .pro-logo img { height: 100%; object-fit: contain; } .mb-solve-swiper { margin-bottom: 40px; margin-top: 50px; } .mb-solve-swiper .num-link { width: 300px; height: 300px; } .mb-solve-swiper .num-link .num { font-size: 72px; } .mb-solve-swiper .num-link .num i { transform: translateY(-29px); } .mb-solve-swiper .num-link p { font-size: 16px; } .mb-solve-swiper .more { width: 120px; height: 38px; line-height: 38px; } .mb-solve-swiper .swiper-button-next, .mb-solve-swiper .swiper-button-prev { width: 40px; height: 40px; } .mb-solve-swiper .swiper-button-prev { left: 39%; } .mb-solve-swiper .swiper-button-next { left: 54%; } .provider { height: 280px; } .provider .circle { top: 62%; } .provider .pro-c-txt { padding-top: 30px; } .provider .provider-item { margin-bottom: 15px; } .provider .pro1 { left: 7.125%; top: 7.14%; } .provider .pro2 { left: 0; } .provider .pro3 { left: 1.86%; width: 70px; height: 70px; } .provider .pro4 { top: 3.8%; right: 0.95%; width: 80px; height: 80px; } .provider .pro5 { right: 5.35%; } .news .title h3 { width: 30%; } .news .title p { width: 29.4%; } .news .more-news { width: 110px; } .leader-wrap .cir { width: 16px; height: 16px; } .leader-wrap .year { font-size: 16px; } .leader-wrap .cur .cir { width: 18px; height: 18px; } .leader-wrap .cur .year { font-size: 20px; } .leader-wrap .swiper-button-next::after, .leader-wrap .swiper-button-prev::after { font-size: 20px; } .leaders { margin-top: 40px; } .leader-item h3 { font-size: 18px; } .honor-swiper .swiper-slide p { font-size: 14px; } .jtpp h3 { font-size: 18px; } .jtpp .jtpp1 { width: 280px; height: 140px; } .jtpp .jtpp2 { top: 38%; width: 200px; height: 200px; } .jtpp .jtpp-c { margin-top: 60px; } .bigEvent .event-r { padding: 30px 5%; } .bigEvent .title { padding-bottom: 15px; margin-bottom: 20px; } .bigEvent .year-item h4 { font-size: 22px; } .bigEvent .year-item:not(:last-of-type) { margin-bottom: 20px; } .bigEvent .event-wrap { padding: 30px 5%; } .bigEvent .event-wrap .year { font-size: 26px; margin-bottom: 20px; } .bigEvent .event-wrap .events { height: 300px; } .bigEvent .event-swiper .swiper-slide { font-size: 16px; margin-right: 15px; } .annouce-item { padding: 15px 0; margin-bottom: 20px; } .annouce-item .date { width: 60px; } .annouce-item .txt { width: calc(100% - 60px); padding-right: 2%; } .annouce-item .day { font-size: 16px; } .annouce-item .year { font-size: 12px; } .annouce-item h3 { font-size: 16px; margin-bottom: 5px; } .annouce-item .icon { display: none; } .infoList { margin-top: 50px; } .infoList .title { font-size: 18px; } .wItem .date { width: 60px; height: 60px; } .wItem .date .day { font-size: 22px; } .wItem .date .year { font-size: 12px; } .network .market .mark-tit { font-size: 18px; } .network .market .p1 { font-size: 18px; } .network .market .p2 { font-size: 14px; } .afterSale .filter .select { width: 30%; } .afterSale .filter .search-btn { width: 25%; } .mask-qa .qa-box .name { font-size: 16px; } .mask-qa .qa-box .des { overflow-x: hidden; } .party .praty-l { margin-bottom: 20px; } .party .praty-l p { font-size: 16px; } .party .party-r p { font-size: 14px; } .praty-ttbox { margin-top: 20px; } .praty-ttbox .img { width: 40px; } .play-video i { font-size: 22px; } .activity .activity-r h3 { font-size: 20px; } .activity .activity-r .sub-tit { font-size: 14px; } .activity .activity-r .des { font-size: 14px; margin-top: 20px; } .activity .activity-r .acti-bot { margin-top: 20px; } .activity .activity-r .downLoad { padding: 3px 10px; } .culture-swiper .swiper-slide { width: 80%; margin: 0 2%; } .culture-swiper .swiper-button-next { right: 3.5%; } .culture-swiper .swiper-button-prev { left: 3.5%; } .mass-tab { margin-bottom: 40px; } .mass-tab li { padding: 3px 30px; } .mass-tab li:not(:last-of-type) { margin-right: 15px; } .contact-banner { height: 300px; } .contact-banner .txt .p1 { font-size: 22px; } .contact .contact-info { width: 100%; height: 180px; margin-right: 0; } .contact .contact-info::after { bottom: 10.24%; } .contact .contact-info .icon { height: 30px; margin-bottom: 20px; } .contact .contact-info .icon i { font-size: 30px; } .contact .contact-info .name { margin-bottom: 5px; } .contact .fax .info { font-size: 20px; } .contact .wxwb .img { margin-bottom: 5px; } } @media only screen and (max-width: 375px) { .mb-solve { padding-top: 48px; } .mb-solve .h1 { font-size: 26px; } .mb-solve .h2 { font-size: 32px; } .mb-solve .mb-proItems { margin: 47px auto 58px; } .mb-solve .mb-proItems .more { margin-top: 58px; } .mb-solve .num-link { margin-bottom: 6px; } .mb-solve .num-link .num { font-size: 60px; } .mb-solve .num-link .num i { font-size: 20px; transform: translateY(-27px); } .mb-solve .cirs .w233 { width: 116px; height: 116px; } .mb-solve .cirs .w109 { width: 54px; height: 54px; } .mb-solve .cirs .w66 { width: 33px; height: 33px; } .mb-solve .cirs .w29 { width: 14px; height: 14px; } .mb-solve .pro-data { margin-bottom: 30px; } .mb-solve-swiper { padding-bottom: 80px; margin-top: 43px; } .mb-solve-swiper .num-link { width: 250px; height: 250px; } .mb-solve-swiper .num-link .num { font-size: 50px; } .mb-solve-swiper .num-link .num i { transform: translateY(-20px); font-size: 34px; } .mb-solve-swiper .num-link p { font-size: 14px; } .mb-solve-swiper .more { width: 110px; height: 34px; line-height: 34px; } .mb-solve-swiper .swiper-button-next, .mb-solve-swiper .swiper-button-prev { width: 40px; height: 40px; } .mb-solve-swiper .swiper-button-prev { left: 39%; } .mb-solve-swiper .swiper-button-next { left: 54%; } .provider .h1 { font-size: 16px; } .provider .h2 { font-size: 18px; } .provider .provider-items { margin-top: 15px; } .jtpp .jtpp1 { width: 260px; height: 130px; } .jtpp .jtpp1 .item { width: 50px; height: 50px; } .jtpp .jtpp2 { top: 42%; width: 180px; height: 180px; } .jtpp .jt1, .jtpp .jt6 { bottom: -25px; } .jtpp .jt1 { left: -25px; } .jtpp .jt6 { right: -25px; } .jtpp .jt7 { top: -25px; } .jtpp .wz { width: 200px; margin-top: 120px; } .jtpp .jtpp-c { margin-top: 60px; } } @media only screen and (max-width: 360px) { .mb-solve { padding-top: 39px; } .mb-solve .mb-proItems { margin: 45px auto 56px; } .mb-solve .mb-proItems .more { margin-top: 55px; } .mb-solve .num-link .num { font-size: 56px; } .mb-solve .num-link .num i { font-size: 19px; transform: translateY(-25px); } .mb-solve .cirs .w233 { width: 111px; height: 111px; } .mb-solve .cirs .w109 { width: 52px; height: 52px; } .mb-solve .cirs .w66 { width: 31px; height: 31px; } .mb-solve .pro-data { margin-bottom: 28px; } } @media only screen and (max-width: 320px) { .mb-solve { padding-top: 30px; } .mb-solve .mb-proItems { margin: 40px auto 50px; } .mb-solve .mb-proItems .more { margin-top: 50px; } .mb-solve .num-link .num { font-size: 50px; } .mb-solve .num-link .num i { font-size: 17px; transform: translateY(-23px); } .mb-solve .cirs .w233 { width: 99px; height: 99px; } .mb-solve .cirs .w109 { width: 46px; height: 46px; } .mb-solve .cirs .w66 { width: 28px; height: 28px; } }