@media screen and (min-width: 1200px) { .transXT50.target { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transYT50.target { transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transYT501.target { transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; visibility: hidden; transition: transform 650ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 650ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transYT502.target { transform: translateY(-30px); -webkit-transform: translateY(-30px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transXT501.target { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transXf.target { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .action.transYT50, .action.transYT501, .action.transYT502 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .action.transXT50, .action.transXT501, .action.transXf { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); } .action.idys1 { transition-delay: 0.15s; } .action.idys2 { transition-delay: 0.25s; } .action.idys3 { transition-delay: 0.35s; } .action.idys4 { transition-delay: 0.45s; } .action.idys5 { transition-delay: 0.55s; } .action.idys6 { transition-delay: 0.65s; } .action.idys7 { transition-delay: 0.75s; } .loadscale.target { opacity: 0; visibility: hidden; transform: translate(30px, 0) scale(0.75); transition: 0.75s all ease; } .action.loadscale { opacity: 1; visibility: visible; transform: translate(0, 0) scale(1); transition: 0.65s all ease; } .wzload.target { opacity: 0; visibility: hidden; transition: 0.6s all ease-out; } .action.wzload { opacity: 1; visibility: visible; transition: 0.6s all ease-out; } .sytrans.target { opacity: 0; visibility: hidden; transform: translateY(30px) scaleY(0.5); transition: 0.8s all ease-out; } .action.sytrans { opacity: 1; visibility: visible; transform: translateY(0) scaleY(1); transition: 0.8s all ease-out; } .wzjz.target { opacity: 0; visibility: hidden; letter-spacing: 8px; transition: 1.2s all ease-out; } .action.wzjz { opacity: 1; visibility: visible; letter-spacing: normal; transition: 1.2s all ease-out; } .ovt { overflow: hidden; } .ovt font { display: block; } .loadbg { position: relative; } .loadbg.target:before { content: ""; position: absolute; right: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); transition: 1s ease-out; z-index: 11; } .action.loadbg:before { bottom: 0; height: 0; } .iblist li:nth-child(1) { transition-delay: 0.1s; } .iblist li:nth-child(2) { transition-delay: 0.3s; } .iblist li:nth-child(3) { transition-delay: 0.5s; } .iblist li:nth-child(4) { transition-delay: 0.7s; } .action.ibcb2 { transition-delay: 0.2s; } } @media screen and (max-width: 1660px) { .mt113 { margin-top: 100px; } .pt100 { padding-top: 80px; } .mt100 { margin-top: 80px; } .pb100 { padding-bottom: 80px; } .mt80 { margin-top: 60px; } .pt80 { padding-top: 60px; } .mb80 { margin-bottom: 60px; } .f24 { font-size: 22px; } .w1500 { width: 1295px; } .header .yj-bot .yj-link { margin: 0 10px; } .overview-box .desc { padding-bottom: 70px; } .swiper-tt-arow { width: 48px; height: 48px; } .swiper-tt-prev { left: -6%; } .swiper-tt-next { right: -6%; } .re-item i { font-size: 44px; } .re-item p { font-size: 18px; } .gy-item .cont { font-size: 60px; } .so-mask .mvbot { padding: 50px 3.6%; } .so-mask .name { font-size: 30px; margin-bottom: 25px; } .so-mask .name i { font-size: 34px; margin-right: 15px; } } @media screen and (max-width: 1550px) { .iw2menu { height: 371px; } .w1500 { width: 1209px; } .bct1 { font-size: 32px; } .gbt1, .gbt2 { font-size: 26px; } .iarnum { font-size: 30px; } .ibct1 { font-size: 22px; } .ibteng { font-size: 35px; } .iblbt { padding: 35px 25px; } .iblcv { padding: 80px 30px 0 30px; } .ibcicon { margin: 30px auto 0; } .iblcv:before { border-bottom: 46px solid #E6213A; border-left: 100px solid transparent; border-right: 100px solid transparent; } .inwdate { font-size: 36px; } .inwtitle { font-size: 20px; height: 60px; margin-top: 20px; } .inwms { font-size: 14px; height: 50px; margin-top: 20px; } .inbl, .inbdate { font-size: 14px; } .inwtit { font-size: 16px; } .inbdate i { font-size: 18px; margin-right: 10px; } .inwd { margin-top: 10px; } .iniwz { padding: 45px 55px 0 55px; } .iavideo { height: 445px; } .iazs { bottom: 57px; } .fb1rbt { font-size: 14px; } .fb1rlink, .fb1ims, .fb2rlk, .fb2l { font-size: 13px; } .fb1ims { margin-top: 10px; } .fwbot1 { padding: 50px 0 80px 0; } .fb1right li:not(:first-child) { margin-left: 50px; } .fwbot2 { padding: 20px 0; } .fb2rwj { margin-right: 20px; } .fb2sl { margin-left: 10px; padding-left: 10px; } .w1400, .mySwiper .swiper-pagination-progressbar { width: 1131px !important; } .ngt1 { font-size: 100px; } .ngt2 { font-size: 28px; } .ab1cont { font-size: 14px; } .ai2l, .ailine { height: 139px; } .aiwtp { width: 130px; } .ai2wy { font-size: 22px; } .ai2l:nth-of-type(even) .ai2wz { bottom: 155px; } .ai2l:nth-of-type(even) .aiwtp { bottom: -155px; } .ai2l:nth-of-type(odd) .aiwtp { top: -155px; } .ai2l:nth-of-type(odd) .ai2wz { top: 155px; } .ailine em:before { width: 37px; height: 37px; left: -13.5px; top: -13.5px; } .ailine em { width: 10px; height: 10px; left: -6px; } .ai2ms { font-size: 13px; } .ai2l:nth-child(6) { top: 5%; } .ai2l:nth-child(5) { top: 26%; } .ai2l:nth-child(4) { top: 40%; } .ai2l:nth-child(3) { top: 45%; } .ai2l:nth-child(2) { top: 47%; } .ai2l:nth-child(1) { top: 52%; } .ac2wz { font-size: 14px; } .ac2wz i { margin: 0 10px; } .ac4lable { font-size: 18px; } .ab4lcont { margin-top: 60px; } .ac4nr { margin-top: 20px; } .ar4bitem { margin: 0 60px 10px 60px; } .ai4txt { width: 110px; height: 110px; font-size: 14px; right: -55px; } .ai4txt:before { width: 90px; height: 90px; } .mySwiper { padding-bottom: 50px; } .mySwiper .swiper-pagination-progressbar { margin-top: 50px; } .ab4list { padding-bottom: 40px; } .mySwiper .swiper-pagination-progressbar:before, .mySwiper .swiper-pagination-progressbar:after { width: 10px; height: 10px; top: -5px; } .am5qh { margin: 10px 0; font-size: 14px; } .aw5title { font-size: 18px; padding-bottom: 20px; } .aw5nr { margin-top: 30px; } .ai5wz { padding-left: 50px; } .an7t2, .an7t1 { font-size: 14px; } .ibcb1, .ibcb2 { font-size: 32px; } .imlink { font-size: 15px; margin: 0 20px; } .insides-menu { height: 70px; line-height: 70px; } .contact-bot1 { padding: 100px 0; } .contact-bot2 { padding: 150px 0 100px 0; } .cb2list { margin-top: 80px; } .contact-bot3 { padding: 100px 0 150px 0; } .ci3l { margin-top: 40px; } .cb3banner { margin-top: 70px; } .news-wrap { padding: 100px 0; } .rs3wrap { padding: 60px 0 100px 0; } .nfcont { padding: 60px 40px 0 40px; } .nfctitle { font-size: 20px; } .nfcms { margin-top: 30px; } .nfcicon { margin-top: 40px; } .nwlbt { font-size: 16px; height: 48px; } .nwlms { margin-top: 10px; } .nwldate, .nfcdate { font-size: 12px; } .nwldate i, .nfcdate i { font-size: 15px; margin-right: 10px; } .pages-list { margin-top: 80px; } .pages-list a { width: 40px; height: 40px; line-height: 40px; } .plpn { font-size: 15px !important; } .nwzs, .ib2dz { font-size: 220px; } .ndtop { width: 350px; padding: 40px 80px; } .news-detail:before { top: 250px; } .ndbtitle { font-size: 26px; } .ndbot { margin-top: 60px; } .ndbdate { margin-top: 20px; } .ndbnr { padding: 70px 100px 100px 100px; } .idwtxt1 { font-size: 22px; } .idwtxt2, .ib2nr { font-size: 14px; } .idcwz { margin-top: 100px; } .il3txt { font-size: 14px; } .industry-bot3 { padding: 80px 0 100px 0; } .industry-bot1 { padding: 100px 0; } .iwm2link:hover, .iwm2link.active { font-size: 20px; } .iwm2link { font-size: 16px; } .iwm2link { margin: 60px 0; } .iwm2link:not(:first-child):before { top: -50px; } .ibl2line { font-size: 12px; } .ibl2line:before { height: 70px; } .ibl2wz { margin-top: 30px; } .iw2title { font-size: 18px; } .iw2ms { margin-top: 30px; } .iw3t1 { font-size: 20px; } .il3wz:before { top: 15px; } .ist3nr { font-size: 14px; } .ist3-wrap { padding: 100px 0 180px 0; } .bslwz { padding: 20px; } .bswz { font-size: 14px; } .dybtn a { right: 3%; } .ilgname, .ilsl { font-size: 26px; } .ilgnumber { font-size: 30px; margin-left: 30px; } .ilsl i { margin-left: 20px; } .ilsr { margin-left: 30px; font-size: 14px; } .ivtright { padding: 50px 70px; } .irlbt { font-size: 14px; } .irlnum { font-size: 26px; margin-top: 10px; } .ivtqh { font-size: 15px; padding: 10px 38px; } .ivt-list li { padding: 20px 40px; } .rat1 { font-size: 26px; } .rat2 { font-size: 14px; } .rq1ms { width: 366px; } .rq1dtb { width: 260px; height: 260px; line-height: 200px; border: 30px solid #B81E23; } .rt1qh { height: 260px; } .rq1dtb i { font-size: 56px; } .rq1icon { font-size: 40px; } .rt1qh:last-child.active .rq1wz { padding: 0 67px 0 350px; } .rt1qh:first-child .rq1wz { padding: 0 0 0 0px; } .rbl2txt { margin-bottom: 20px; margin-right: 10px; } .rwb2list { margin-top: 60px; } .rwl2head, .rlb2bt { padding: 25px 0; } .rh2txt, .rh2txt { font-size: 14px; } .rlb2zk { padding: 40px 50px; } .resouce-wrap { padding: 100px 0 85px 0; } .rsct1 { font-size: 26px; } .rsct2 { font-size: 14px; } .rs2list li .nfcont { padding: 40px 40px 0 40px; } .rs2list li .nfctitle { font-size: 18px; } .rs2list li .nfcms, .rs2list li .nfcicon { margin-top: 20px; } .rl3wz { padding: 30px 20px 0 20px; } .rlw3title { font-size: 16px; padding-bottom: 10px; } .rlw3ms { margin-top: 15px; } .rlw3more { width: 40px; height: 40px; line-height: 40px; font-size: 22px; margin: 20px auto 0; } .bwi4t2 { font-size: 18px; } .bn4left { margin-top: 60px; } .ivdrq { width: 40%; } .rxgr { width: 80%; } .rxym { width: 37% !important; } .zygz { width: 62%; } .gztj { width: 53%; } .rlwbk { width: 93%; } .fbtsr { width: 90%; } .idbwz { padding: 60px 80px; } .idtitle { font-size: 26px; } .idcont { font-size: 14px; margin-top: 30px; } .idbt { padding: 30px 80px; } .iditxt2 { font-size: 14px; } .idcont { height: 280px; } .speech-box { padding: 60px 0 100px; } .speech-box .imgBox { margin: 0 50px 0 18px; } .speech-box .title { font-size: 22px; } .speech-box .type { font-size: 16px; margin-bottom: 20px; } .speech-box .c { font-size: 16px; } .overview-box .c { font-size: 16px; } .overview-box .desc { padding-bottom: 60px; } .esg-nav { margin-top: -60px; } .esg-nav-ul a { height: 60px; line-height: 60px; padding: 0 30px; } .esg-threen-nav-ul a { height: 60px; line-height: 60px; } .f27 { font-size: 25px; } .policy-list li { padding: 20px 40px; } .policy-list .ico { margin-left: 16px; } } @media screen and (max-width: 1440px) { .inipic img { height: 380px; } .ibl2line { margin-left: 40px; } .nrbtn { width: 76px; } .navr { margin-left: 10px; } .header .yj-bot .yj-link { margin: 0 8px; } .ej-list { margin-left: -65px; width: 130px; } .w1500 { width: 1123px; } .ialnr, .ialbtn a { margin-top: 50px; } .iazs { bottom: 37px; } .ai2l:nth-child(6) { top: 0%; } .ai2l:nth-child(5) { top: 22%; } .ai2l:nth-child(4) { top: 36%; } .ai2l:nth-child(3) { top: 41%; } .ai2l:nth-child(2) { top: 43%; } .ai2l:nth-child(1) { top: 48%; } .ab2item { padding-bottom: 100px; } .il3it:first-child { margin-top: 180px; } .f24 { font-size: 20px; } .f20 { font-size: 18px; } .f18 { font-size: 16px; } .f16 { font-size: 14px; } .mt113 { margin-top: 80px; } .mt40 { margin-top: 30px; } .com-so { font-size: 22px; } .com-so::before { height: 22px; } .re-item i { font-size: 34px; } .re-item p { font-size: 16px; margin-top: 15px; } .gy-item { padding: 30px 0 25px; } .gy-item p { font-size: 16px; } .gy-item .cont { font-size: 50px; } .gy-item i { font-size: 18px; } .so-mask .name { font-size: 24px; } .so-mask .name i { font-size: 26px; margin-right: 10px; } } @media screen and (max-width: 1370px) { .rxym { width: 35% !important; } .zygz { width: 56% !important; } .gztj { width: 46%; } .rxym { width: 33% !important; } .rxgr { width: 75%; } .rs3list li { margin-top: 30px; } .rlw3ms { margin-top: 10px; font-size: 13px; height: 70px; } .rlw3more { width: 35px; height: 35px; line-height: 35px; font-size: 22px; margin: 10px auto 0; } .w1500 { width: 1068px; } .index-about { padding: 110px 0 350px 0; } .ivplay { width: 70px; height: 70px; line-height: 70px; font-size: 16px; } .ibct1 { font-size: 18px; } .ibteng { font-size: 30px; } .iblcv { padding: 60px 20px 0 20px; } .iniwz { padding: 35px 45px 0 45px; } .inwdate { font-size: 32px; } .inwdate em { font-size: 12px; } .inwtitle { font-size: 18px; height: 54px; } .inwbt { margin-top: 30px; } .inbdate i { font-size: 16px; } .fb1rlink, .fb1ims, .fb2rlk, .fb2l { font-size: 12px; } .fb1right li:not(:first-child) { margin-left: 40px; } .fb1litem { margin-top: 40px; } .head-logo img { width: 180px; } .header .yj-bot .yj-link, .nrbtn { font-size: 13px; } .nrbtn { width: 66px; } .ai2l:nth-child(6) { top: -5%; } .ai2l:nth-child(5) { top: 14%; } .ai2l:nth-child(4) { top: 26%; } .ai2l:nth-child(3) { top: 31%; } .ai2l:nth-child(2) { top: 33%; } .ai2l:nth-child(1) { top: 37%; } .ab2banner { margin-top: 100px; } .w1400, .mySwiper .swiper-pagination-progressbar { width: 1000px !important; } .ibl2line:before { height: 50px; } .ilsr { margin-left: 20px; } .ilgname, .ilsl { font-size: 24px; } .ivdrq { width: 40%; } .speech-box { padding: 50px 0 80px; } .speech-box .imgBox { margin: 0 40px 0 18px; } .speech-box .title { font-size: 20px; } .speech-box .type { font-size: 14px; } .esg-nav { margin-top: -50px; } .esg-nav-ul a { height: 50px; line-height: 50px; padding: 0 24px; } .esg-threen-nav-ul a { height: 50px; line-height: 50px; } .esg-threen-nav-ul a::before { border-bottom: 8px solid #E6213A; border-left: 25px solid transparent; border-right: 10px solid transparent; } .f27 { font-size: 24px; } } @media screen and (max-width: 1200px) { .ndbnr { font-size: 14px; } .head-logo { margin-top: 0; } .rs3banner { padding: 0; } .rs3bot { width: 100%; } .rs3pn { width: 40px; height: 40px; line-height: 40px; } .rs3pn i { font-size: 15px; } .idbot { width: 100%; position: static; transform: translateY(0); } .idtk { background: #fff; } .idbwz { padding: 40px 5%; } .idcont { margin-top: 20px; } .idclose { width: 40px; height: 40px; line-height: 40px; font-size: 20px; left: auto; right: 0; top: 0; transform: translateY(0); } .idbt { display: block; padding: 20px 5%; } .idbitem:nth-child(2) { margin-left: 0; margin-top: 10px; } .idtitle { font-size: 20px; } .iditxt1 { font-size: 14px; } .idcont { height: auto; overflow-y: auto; padding-right: 0; } .idtk { overflow-y: scroll; } .rbitem:not(:last-child) { padding-bottom: 20px; border-bottom: 3px solid #F0F0F0; } .rbitem:not(:first-child) { margin-top: 20px; } .resume-detail { padding: 55px 0 40px 0; } .rbsubmit a { width: 120px; height: 38px; line-height: 38px; margin: 40px auto 0; } .rxgr, .rxdx, .rxym, .rlwbk { float: none; width: 100%; margin-top: 5px; } .rxgr, .rxym { padding: 0 15px; } .calendar-display { font-size: 20px; } .rxym { margin-left: 0; } .rxlong .rxdx { float: none; margin-left: 0; } .add-list { line-height: 60px; font-size: 14px; margin-top: 20px; } .add-list i { font-size: 25px; margin-right: 10px; } .zygz { width: 100% !important; } .rdt { margin-right: 10px; } .gztj { width: 40%; } .rxtit { float: none; line-height: 1.5; } .rspb { padding: 20px; margin-top: 30px; } .resume-detail:before { top: 0; } .rxmh { float: none; width: 98%; margin-top: 10px; } .rbix { margin-top: 0; } .bn4left { margin-top: 0; } .loading svg { width: 280px; height: 132px; stroke-dasharray: 300 300; } .loader .loading { width: 90%; text-align: center; } .menu-handler, .menuBox { display: block; } .header .yj-bot { display: none; } .header { height: 55px; line-height: 55px; background: #fff; border-bottom: 1px solid #eee; } .header .hlimg1 { display: none; } .header .hlimg2 { display: inline-block; } .header .nrsicon, .header .nltxt { color: #333333; } .head-logo img { width: 150px; } .header .nav { margin-right: 45px; } .banner-wrap { margin-top: 55px; } .navr, .beline, .mouseBox { display: none; } .bct1 { font-size: 20px; } #swiper-container1 .swiper-pagination { bottom: 10px; } #swiper-container1 .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; } .index-about { padding: 40px 0; } .ialeft, .iaright { float: none; width: 100%; } .iavideo { position: relative; width: 100%; } .iabg { width: 100%; background-attachment: local; } .iaright { margin-top: 30px; } .gbt1, .gbt2 { font-size: 18px; } .ialnr { margin-top: 30px; } .gybtn a { width: 120px; height: 38px; line-height: 38px; font-size: 12px; } .gybtn a i { margin-left: 5px; } .ialbtn a { margin-top: 30px; } .gybtn a:hover i { margin-left: 10px; } .iarnum { font-size: 24px; } .insup, .iartxt { font-size: 12px; } .iaright li { margin-bottom: 30px; } .w1500 { width: 90%; } .ivplay { width: 45px; height: 45px; line-height: 45px; font-size: 12px; } .iblist { margin-top: 30px; margin-left: -2%; } .iblist li { width: 48%; margin-left: 2%; margin-top: 10px !important; } .iblcv { display: none; } .iblbt { padding: 20px 15px; } .ibct1 { font-size: 16px; } .ibteng { font-size: 24px; } .index-business { padding: 0 0 40px 0; } .index-news { padding: 40px 0; } .inbtn { margin-top: 5px; } .incont { margin-top: 30px; } .inipic, .iniwz { float: none; width: 100%; } .iniwz { padding: 20px; } .inwdate { font-size: 24px; } .inwtitle { font-size: 16px; height: 48px; margin-top: 10px; } .inwms { margin-top: 10px; } .inwbt { margin-top: 15px; } .inbl, .inbdate { font-size: 12px; } .inclist { display: block; } .inlitem { flex: auto; padding: 15px; } .inlitem:not(:first-child) { border-top: 1px solid rgba(112, 112, 112, 0.15); } .inwtit, .inbdate i { font-size: 14px; } .inwd { margin-top: 5px; } .inbjt { margin-top: 3px; } .fwbot1 { padding: 20px 0; } .fb1right { display: none; } .fb1left { float: none; width: 100%; } .fb1lph { font-size: 18px; } .fb1ims { margin-top: 0; } .fb1litem { margin-top: 10px; } .fwbot2 { padding: 10px 0; } .fb2l, .fb2r { float: none; } .fb2rwj { margin-right: 10px; } .fb2sl { margin-left: 5px; padding-left: 5px; } .fb2sl:nth-child(3):before, .fb2sl:nth-child(4):before { height: 10px; top: 55%; } .ibcb1, .ibcb2 { font-size: 20px; } .insides-banner { margin-top: 55px; } .w1400, .mySwiper .swiper-pagination-progressbar { width: 90% !important; } .about-bot1 { padding: 40px 0; } .ngt1 { font-size: 40px; } .ngt2 { font-size: 18px; top: 15px; padding-top: 5px; } .ngt2:before { width: 40px; height: 2px; } .at1r li { width: 50%; margin: 15px 0; } .at1r, .ab1t .nygb { float: none; } .at1r { margin-top: 30px; } .iartxt { margin-top: 5px; } .ab1cont { margin-top: 20px; } .ab1czk { margin-top: 10px; } .ab1zs { animation: none; } .about-bot2 { padding: 60px 0 0 0; } .about-bot2:before { left: 0; top: 0; } .ab2line, .ailine { display: none; } .ai2l { float: none; width: 100%; height: auto; top: auto !important; text-align: left; } .ai2l:not(:first-child) { margin-top: 20px; } .ailine, .aiwtp, .ai2wz { position: static; } .aiwtp { display: inline-block; vertical-align: middle; transform: translateX(0); } .ai2wz { display: inline-block; vertical-align: middle; width: 70%; text-align: left; margin-left: 20px; } .aiwtp { width: 80px; } .ai2wy { font-size: 16px; } .ai2ms { margin-top: 5px; font-size: 12px; } .ab2banner { margin-top: 30px; } .ac2ts { position: static; margin: 30px 0 20px 0; } .ac2wz { margin-top: 5px; } .ab2item { height: auto; padding-bottom: 0; } .ab2cont .nygb { margin-left: 0; /*margin-top: 20px;*/ } .about-bot3 { padding: 40px 0; } .about-bot4:after { display: none; } .about-bot4 { padding: 40px 0 30px 0; } .ab4top { padding: 10px 20px; } .start, .end { font-size: 16px; } .at4line { width: 50px; margin: 0 10px; } .start:before { bottom: -5px; width: 3px; height: 3px; } .about-bot4:before { top: 0; right: 0; } .ab4left, .ab4rbanner { float: none; width: 100%; } .ab4lcont { margin-top: 30px; } .ac4lable { font-size: 14px; } .ac4nr { margin-top: 10px; } .ab4rbanner { margin-top: 30px; } .ar4bitem { margin: 0 20px 20px 20px; } .ab4rbanner { padding: 0 20px; } .goal-items .slick-next::before, .ab4rbanner .slick-arrow:before { font-size: 25px; } .ai4txt { width: 90px; height: 90px; font-size: 14px; right: -20px; bottom: -20px; } .ai4txt:before { width: 70px; height: 70px; } .ai4txt { font-size: 12px; } .ai4name { font-size: 12px; } .ai4name { margin-top: 10px; } .mySwiper .swiper-pagination-progressbar:before, .mySwiper .swiper-pagination-progressbar:after { width: 6px; height: 6px; top: -3px; } .mySwiper { padding-bottom: 30px; } .mySwiper .swiper-pagination-progressbar { margin-top: 30px; } .about-bot5 { padding: 40px 0; } .ab5box { margin-top: 30px; } .ab5menu { width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; position: static; transform: translateY(0); } .ab5rbanner { float: none; width: 100%; margin-top: 20px; } .aw5title { font-size: 16px; padding-bottom: 10px; border-bottom: 2px solid #E6213A; } .aw5title:before { bottom: -4px; } .an5txt { margin-top: 5px; } .aw5nr { margin-top: 20px; } .am5qh { width: auto; padding: 0 20px; display: inline-block; line-height: 35px; } .am5qh:before { display: none; } .am5qh i { position: static; display: inline-block; margin-left: 5px; transform: translateY(0) rotate(90deg) scale(0.75); } .about-bot6 { padding: 40px 0; } #certify { margin: 30px auto 0; } #certify .swiper-slide { width: 450px; height: 304px; } #certify .swiper-button-prev, #certify .swiper-button-next { width: 38px; height: 38px; line-height: 38px; font-size: 15px; } #certify .swiper-button-prev { left: 35%; } #certify .swiper-button-next { right: 35%; } #certify .swiper-container { padding-bottom: 100px; } .about-bot7 { padding: 40px 0; } .about-bot7:before { top: 0; left: 0; bottom: 0; } .ab7top { margin-top: 20px; } .at7nr { float: none; width: 100%; margin-top: 30px; } .ab7top .nygb { float: none; text-align: left; } .ab7top .ngt2 { left: 0; right: 0; } .ab7top .ngt2:before { left: 0; right: auto; } .ab7banner { margin-top: 30px; padding-bottom: 70px; margin-left: -20px; } .ab7item { margin-left: 20px; } .ai7ms { margin-top: 10px; } .ab7banner .slick-arrow { width: 38px; height: 38px; line-height: 38px; } .ab7banner .slick-arrow:before { font-size: 15px; } .ab7banner .slick-prev { left: 5%; } .ab7banner .slick-next { left: 22%; } .ab1zs { bottom: 20px; } .ab2item { overflow: hidden; } .ab2item:before { content: ""; position: absolute; top: 0; left: 35px; width: 1px; height: 100%; border-left: 1px dashed #cecece; } .insides-menu { width: 100%; height: 45px; line-height: 45px; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .imlink { font-size: 13px; margin: 0 12px; } .contact-bot1 { padding: 40px 0; } .imlink:before { border-bottom: 8px solid #E6213A; border-left: 25px solid transparent; border-right: 10px solid transparent; } .cb1left { width: 100%; } .cl1cont { margin-top: 30px; } .cl1tit i { font-size: 18px; margin-right: 10px; } .cl1phone { margin-top: 10px; } .cb1right { position: static; width: 90%; margin: 30px auto 0; } .maps { width: 180px; height: 100px; } .cr1adr { margin-top: 20px; } .caricon { font-size: 18px; } .cartxt { margin-left: 10px; } .cat1, .cat2 { font-size: 13px; } .contact-bot2 { padding: 40px 0; } .contact-bot2:before { top: 0; left: 0; } .contact-bot2 .nygb { text-align: center; } .contact-bot2 .ngtr .ngt2, .contact-bot2 .ngtr .ngt2:before { left: 50%; transform: translateX(-50%); } .cb2list { margin-top: 20px; display: block; } .cb2list li { flex: auto; float: left; width: 100%; margin-top: 15px; } .cl2bt { font-size: 15px; margin-bottom: 5px; } .cl2ms { margin-top: 5px; } .contact-bot3 { padding: 40px 0; } .cb3banner { margin-top: 20px; padding-bottom: 40px; } .ci3l { margin-top: 15px; } .ci3hx { display: block; } .cb3banner .slick-dots li.slick-active { width: 30px; } .cb3banner .slick-dots li { margin: 0 10px 0 0; } .news-wrap { padding: 40px 0; } .nfctitle { font-size: 18px; margin-top: 10px; } .nfcms { margin-top: 10px; } .nfcicon { margin-top: 15px; } .nwzs, .ib2dz { display: none; } .pages-list { margin-top: 30px; } .pages-list a { width: 28px; height: 28px; line-height: 28px; font-size: 12px; margin: 0; } .news-detail { padding: 55px 0 40px 0; } .news-detail:before { top: 100px; } .ndtop { width: 100%; padding: 10px 5%; } .ntbg1 { width: 7%; } .ntbg2 { display: none; } .ntwz { font-size: 12px; } .news-detail:before { top: 0; left: 0; bottom: 0; } .ndbot { margin-top: 30px; } .ndbtitle { font-size: 20px; } .ndbdate { margin-top: 10px; font-size: 12px; } .ndbdate i { font-size: 15px; margin-right: 10px; } .ndbnr { padding: 20px 0 40px 0; margin-top: 20px; } .ndzs1, .ndzs2, .idb1zs, .iw2zs1, .iw2zs2 { display: none; } .ndbbt { margin-top: 0; } .ndbreturn { width: 90px; height: 35px; line-height: 35px; font-size: 12px; } .industry-bot1, .industry-bot2, .industry-bot3 { padding: 40px 0; } .idb1pic { width: 90%; margin: 0 auto; } .ib1r { position: static; transform: translate(0, 0); width: 100%; } .idbcont { float: none; width: 100%; margin-top: 30px; } .idcwz { margin-top: 20px; } .idwtxt1 { font-size: 18px; } .idwtxt2 { margin-top: 10px; } .industry-bot1:after, .industry-bot2:before, .ib2zs { display: none; } .industry-bot1:before { height: 75%; } .industry-bot3:before { right: 0; } .ib3list li { width: 48%; margin: 10px 0 0 2%; } .ib3list { margin-top: 20px; } .industry2-wrap { padding: 40px 5%; } .iw2bot { padding: 0; margin-top: 15px; } .iw2menu { position: static; width: 100%; height: auto; } .iwm2link { display: inline-block; margin: 0 20px; padding: 5px 0; font-size: 14px; } .iwm2link:not(:first-child):before { top: 50%; left: -30px; transform: translate(0, -50%); width: 20px; height: 1px; } .iwm2link:hover, .iwm2link.active { font-size: 16px; } .iwb2nr { font-size: 14px; } .iwb2banner { margin-top: 30px; padding-bottom: 35px; } .iwb2banner .slick-dots li.slick-active { width: 35px; height: 6px; } .iwb2banner .slick-dots li { width: 6px; height: 6px; margin: 0 10px 0 0; } .iwb2list li { padding: 15px; } .ibl2wz { margin-top: 0; width: 74%; } .ibl2line { display: none; } .ibl2pic { width: 22%; } .iw2ms, .idplist .iw2ms { margin-top: 10px; } .iwb2list li:not(:first-child) { margin-top: 15px; } .il3it:first-child { margin-top: 0; } .il3num { font-size: 26px; bottom: -10px; } .il3wz { margin-top: 20px; padding-left: 30px; } .il3wz:before { width: 15px; } .il3it { float: none; width: 96%; margin-top: 15px !important; } .iw3t2 { margin-top: 15px; } .ist3-wrap { padding: 40px 0; } .ist3nr { margin-top: 30px; } .bswz { width: 100%; padding-bottom: 60px; } .bswz:after, .bswz:before { height: 20px; } .bswz:before { bottom: 20px; } .bslist li { margin: 15px 0 0 3%; } .bslist { margin-top: 15px; } .ndbxt { margin: 15px 5px 0 5px; font-size: 12px; } .ndbxt i { font-size: 15px; margin-right: 5px; } .ivt-wrap { padding: 40px 0; } .dybtn a { position: relative; bottom: auto; right: auto; width: 50px; height: 50px; font-size: 12px; margin: 20px auto 0; } .ivttop { display: block; } .ilgname, .ilsl { font-size: 18px; } .ilgnumber { font-size: 20px; margin-left: 20px; } .ivlsj { margin-top: 10px; } .ilsl i { margin-left: 10px; font-size: 18px; } .ivtright { padding: 15px; margin-left: 0; } .irlbt, .irwtxt { font-size: 12px; } .irlnum { font-size: 18px; margin-top: 5px; } .itrwz { margin-top: 15px; } .ivt-tab { margin-top: 30px; width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .ivtqh { font-size: 13px; padding: 5px 15px; } .ivt-cx { margin-top: 20px; } .ivcsrk input, .ivcselect select, .ivcdate { height: 35px; line-height: 35px; padding: 0 15px; font-size: 13px; } .ivdrq input { height: 35px; line-height: 35px; } .ivdz { line-height: 35px; } .ivcsearch a { height: 35px; line-height: 35px; font-size: 13px; } .ivt-list { margin-top: 30px; } .ivt-list li { padding: 10px; } .ivltxt { padding-left: 15px; font-size: 14px; } .ivldate { font-size: 12px; margin-top: 4px; } .ivticon { font-size: 16px; margin-left: 10px; } .rat1 { font-size: 20px; } .rat2 { margin-top: 10px; } .raform { margin-top: 20px; } .raih { height: 40px; line-height: 40px; padding: 0 15px; } .rftp { margin-top: 0; } .rhsr { height: 40px; line-height: 40px; } .rfcode { font-size: 12px; line-height: 40px; } .rfarea textarea { height: 100px; } .resouce-wrap { padding: 40px 0; } .rwb1tab { margin-top: 30px; } .rwb1tab { display: block; } .rt1qh { flex: auto; height: auto; padding: 30px 20px; } .rt1qh.active { float: none; padding: 30px 20px; } .rt1qh:first-child.active, .rt1qh:last-child.active { border-radius: 0; } .rq1wz { position: static; transform: translateY(0); padding: 30px 20px; } .rq1dtb { display: none; } .rt1qh.active .rq1wz { transform: translateY(0); } .rt1qh:first-child.active .rq1wz, .rt1qh:last-child.active .rq1wz, .rt1qh:last-child .rq1wz { padding: 0; } .rq1icon, .rt1qh.active .rq1icon { display: block; } .rt1qh.active .rq1icon { color: #fff; } .rt1qh.active { text-align: center; } .rq1ms { width: auto; opacity: 1; visibility: visible; } .rt1qh.active .rq1bt:before { left: 50%; transform: translateX(-50%); } .rq1icon { font-size: 25px; } .rq1bt { font-size: 16px; padding-bottom: 10px; } .rq1bt:before { width: 40px; height: 1px; } .rwbot2 { margin-top: 30px; } .rwb2select { margin-top: 30px; } .rbs2bt { font-size: 14px; width: 20%; } .rbs2lable { width: 80%; } .rbl2txt { margin-bottom: 5px; margin-right: 5px; padding: 2px 13px; font-size: 12px; } .rwb2list { margin-top: 30px; } .rwl2head, .rlb2bt { padding: 15px 0; } .mbno { display: none; } .rh2txt { width: 30%; } .rsct1 { font-size: 20px; } .rsct2 { margin-top: 10px; } .rxsz { font-size: 14px; margin: 0 5px; } .rxpn { font-size: 18px; } .rxnum { margin: 0 10px; } .rsxz { bottom: 4%; } .rs2list li:not(:first-child) { margin-top: 15px; } .rs2list li .nfctitle { font-size: 16px; } .rs2list li .nfcms, .rs2list li .nfcicon { margin-top: 10px; } .bn4left, .bn4right { float: none; width: 100%; } .bn4right { margin-top: 30px; } .bnl4nr { padding-right: 0; } .bn14way { margin-top: 20px; padding-top: 20px; } .bwi4icon { width: 50px; height: 50px; line-height: 50px; font-size: 15px; } .bwi4wz { margin-left: 10px; } .itline { display: none; } .ab4list { margin-top: 30px; } .page-padding { padding: 65px 0; } .page-padding2 { padding: 65px 0 80px; } .page-padding3 { padding-top: 65px; } .tt-l1, .tt-r1 { display: none; } .f18 { font-size: 14px; } .target-line { height: 1px; } .swiper-tt-arow { width: 44px; height: 44px; } .swiper-tt-prev { left: -4%; } .swiper-tt-next { right: -4%; } .esg-nav { margin-top: 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .esg-nav-ul a { height: 45px; line-height: 45px; padding: 0 20px; } .esg-threen-nav { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .esg-threen-nav-ul { flex-wrap: nowrap; } .esg-threen-nav-ul a { height: 45px; line-height: 45px; padding: 0 20px; } .policy-list li { padding: 15px 10px; } .policy-list .ico { margin-left: 10px; } .policy-list .title::before { display: none; } .policy-list .time { font-size: 12px; } .mt60 { margin-top: 40px; } .f20 { font-size: 16px; } .com-so { font-size: 18px; } .com-so::before { width: 3px; height: 20px; } .re-item { margin-top: 40px; } .re-item i { font-size: 30px; } .re-item p { font-size: 14px; } .gys { margin-top: 40px; } .gy-item p { font-size: 14px; } .gy-item .cont { font-size: 44px; } .gy-item i { font-size: 16px; } .goal-item { margin: 40px 5px 0; } .so-mask .mvbot { width: 80%; padding: 40px 3.6%; } .so-mask .closed { top: 40px; } .empTab .item { padding: 8px 10px; } } @media screen and (max-width: 1024px) { .nfpic, .nfcont { float: none; width: 100%; } .nfcont { padding: 15px; } .nwlist li { width: 97%; margin: 20px 0 0 3%; } .nwlwz { padding: 15px; } .rs2list li .nfpic, .rs2list li .nfcont { width: 100%; } .rs2list li .nfcont { padding: 15px; } .rs3list li { width: 47%; margin-top: 15px; } .ivsqh { width: 100px; padding: 5px 0; font-size: 12px; } .ivtsj { margin: 20px 0; } .speech-box { padding: 40px 0 60px; width: 100%; } .speech-box .imgBox { margin: 0 30px 0 10px; } .speech-box .imgBox::before { left: -10px; } .speech-box .title { font-size: 18px; } .speech-box .c { font-size: 14px; } .speech-box-bg { right: 0; } .overview-box .c { font-size: 14px; } .overview-box .desc { width: 45%; padding: 30px 4% 35px; } .target-ul { margin-left: -2%; } .target-ul li { margin-left: 2%; margin-bottom: 2%; width: 18%; } .mt80 { margin-top: 65px; } .mb80 { margin-bottom: 65px; } .re-item { width: 32%; margin-right: 2%; } .re-item:nth-of-type(3n) { margin-right: 0; } .re-item p { min-height: 60px; } .gy-item .cont { font-size: 38px; } } @media screen and (max-width: 860px) { .rsbpic img { height: 340px; object-fit: cover; } .ai5pic { float: none; width: 100%; } .ai5wz { position: static; padding-left: 0; width: 100%; transform: translateY(0); margin-top: 30px; } .bslist li { width: 47%; } .bslwz { padding: 15px; } .raih { float: none; width: 98%; margin-top: 15px; } .rfitem { margin-top: 0; } .rflh, .rfarea { float: none; width: 98%; } .rfyzm { margin-top: 15px; } .rfyzm .raih { margin-top: 0 !important; } .rflh .raih { margin-top: 15px; } .rfarea { margin-top: 15px; } .rfarea textarea { padding: 15px; } .rfsubmit a { width: 160px; height: 45px; line-height: 45px; font-size: 14px; margin: 30px auto 0; } .ivcsrk, .ivcselect, .ivcdate, .ivcsearch { width: 100%; margin-left: 0; margin-top: 10px; } .gy-item { width: 25.4%; } .gy-item .cont { font-size: 32px; } .gy-item i { font-size: 14px; } .so-mask .name { font-size: 22px; } .so-mask .name i { font-size: 20px; } } @media screen and (max-width: 750px) { .rs3list li { width: 97%; } .rs3list li:first-child { margin-top: 0 !important; } .rlw3more { margin: 25px auto 0; } .rlw3ms { margin-top: 15px; } .rl3wz { padding: 30px 15px 0 15px; } .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev { width: 15px; height: 26px; } } @media screen and (max-width: 640px) { .ivlgd, .ivlsj { float: none; } .iavideo { height: 300px; } .aiwtp { width: 70px; } #certify .swiper-slide { width: 320px; height: 174px; } .ap7date { width: 40px; height: 40px; padding-top: 4px; font-size: 12px; } .ib3list li { height: 90px; } .il3txt { padding: 0 15px; } .iwitxt { opacity: 1; visibility: visible; transform: translateY(0); padding: 15px 30px 15px 15px; font-size: 12px; } .iw2title { font-size: 16px; } .iw2ms { font-size: 13px; height: 70px; } .itrlist { display: block; } .itrlist li { float: left; width: 50%; margin-top: 10px; text-align: left; } .ivt-cx { margin-top: 10px; } .ivticon { margin-left: 5px; } .bw4item { float: none; width: 100%; margin-top: 15px; } .datetime .rhsr { background-size: 10px 10px; } .copy-bot .cbclone:not(:first-child) { margin-top: 30px; padding-top: 20px; } .iblpic img { height: 336px; object-fit: cover; } .target-ul li { width: 31.33%; } .page-padding { padding: 45px 0; } .page-padding2 { padding: 45px 0 65px; } .page-padding3 { padding-top: 45px; } .speech-box .imgBox { width: 120px; margin-left: 5px; } .overview-box { display: block; } .overview-box .imgBox { position: relative; width: auto; border-radius: 10px; } .overview-box .imgBox img { border-radius: 10px; } .overview-box .desc { background-color: transparent; width: auto; padding: 0px; } .swiper-tt-arow { width: 34px; height: 34px; font-size: 14px; } .swiper-tt-prev { left: -3%; } .swiper-tt-next { right: -3%; } .esg-nav-ul { margin-left: 0; width: auto !important; } .esg-threen-nav-ul { margin-left: 0; width: auto !important; } .f27 { font-size: 20px; } .f24 { font-size: 18px; } .policy-list li { display: block; } .policy-list .time { margin-left: 0; display: block; padding-top: 5px; } .so-mask .name { font-size: 20px; } .so-mask .name i { font-size: 22px; } .so-mask .info { padding-right: 2%; max-height: 350px; } } @media screen and (max-width: 480px) { .banner .pimg { height: 238px; object-fit: cover; } .iavideo { height: 230px; } .bslist li { width: 97%; } .bswadr { margin-top: 5px; } .speech-box { display: block; } .speech-box .imgBox { margin-bottom: 25px; } .mt40 { margin-top: 30px; } .mb40 { margin-bottom: 30px; } .mt80 { margin-top: 45px; } .mb80 { margin-bottom: 45px; } .pt100 { padding-top: 60px; } .mt100 { margin-top: 60px; } .pb100 { padding-bottom: 60px; } .re-items { margin-top: 20px; } .re-item { width: 48%; margin-right: 4%; margin-top: 20px; } .re-item:nth-of-type(3n) { margin-right: 4%; } .re-item:nth-of-type(2n) { margin-right: 0; } .gys { margin-top: 30px; } .gy-item { width: 49%; margin-right: 2%; } .gy-item:nth-of-type(2n) { margin-right: 0; } .goal-items { margin-top: 20px; } .goal-item { margin-top: 20px; } .empT { flex-direction: column; align-items: flex-start; } .empTab { margin-top: 30px; } .empTab .item { padding: 5px 8px; } } @media screen and (max-width: 421px) { #certify .swiper-slide { width: 300px; height: 154px; } .iblpic img { height: 289px; } } @media screen and (max-width: 375px) { .rlw3more { margin: 20px auto 0; } .rlw3ms { margin-top: 10px; } .rl3wz { padding: 20px 15px 0 15px; } }