@media screen and (min-width: 1200px) { .transXT50.target { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .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 600ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms, opacity .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(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms, opacity .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 .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .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(80px); -webkit-transform: translateX(80px); opacity: 0; visibility: hidden; transition: transform 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .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 800ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .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(0, 30px) scale(.9); transition: 0.65s all ease-out; } .action.loadscale { opacity: 1; visibility: visible; transform: translate(0, 0) scale(1); transition: 0.65s all ease-out; } .wzload.target { opacity: 0; visibility: hidden; transition: 0.65s all ease-out; } .action.wzload { opacity: 1; visibility: visible; transition: 0.65s all ease-out; } .sytrans.target { opacity: 0; visibility: hidden; transform: scaleY(1.1); transition: 0.65s all ease-out; } .action.sytrans { opacity: 1; visibility: visible; transform: scaleY(1); transition: 0.65s all ease-out; } .ovt { overflow: hidden; } .ovt font { display: block; } .loadw.target { transform: translateY(110%); opacity: 0; visibility: hidden; } .action.loadw { transform: translateY(0px); opacity: 1; visibility: visible; transition: 0.85s; } } @media screen and (max-width:1750px) { .ibiwz { padding: 50px 100px 0 60px; } .iisj { margin-top: 30px; } .iimore a { margin-top: 50px; } .dw2list li:nth-of-type(odd) .dw2wz { padding: 70px 150px 0 60px; } .dw2list li:nth-of-type(even) .dw2wz { padding: 70px 60px 0 150px; } } @media screen and (max-width:1550px) { .bicdz { font-size: 42px; } .bicxz { font-size: 18px; margin-top: 60px; } .number .start { font-size: 26px; } .header .yj-bot .yj-link { font-size: 14px; } .brwz { font-size: 16px; } .iibt { font-size: 26px; } .iidesc { margin-top: 15px; } .isnum { font-size: 32px; } .iimore a { width: 150px; font-size: 14px; } .ibiwz { padding: 40px 70px 0 50px; } .ilbtxt1 { font-size: 16px; } .ilbtxt2 { font-size: 12px; } .ilcicon { font-size: 30px; } .ilbline { margin: 20px auto 0; } .ilbmore { margin-top: 20px; } .icplay { font-size: 28px; } .icplay i { font-size: 60px; } .ibctxt1 { font-size: 20px; } .ibctxt2 { font-size: 36px; } .imlink { height: 75px; line-height: 75px; } .ab1bt { font-size: 28px; } .ap2btn { width: 100px; } .aclhv { padding: 30px 30px 0 30px; } .dwwz1 { font-size: 30px; } .dwwz2 { font-size: 22px; } .dwwz3 { font-size: 14px; } .dw2txt1, .dw2txt2 { font-size: 22px; } .dw2nr { margin-top: 15px; } .dw2list li:nth-of-type(odd) .dw2wz { padding: 50px 70px 0 40px; } .dw2list li:nth-of-type(even) .dw2wz { padding: 50px 40px 0 70px; } .maps { height: calc(100vh - 150px); } .header .head-logo { top: 11px; } .mceng { font-size: 22px; } .mctxt1 { font-size: 18px; } .mctxt2 { margin-top: 30px; } .make-list li:nth-of-type(odd) .mlcont { padding: 30px 20px 0 25px; } .make-list li:nth-of-type(even) .mlcont { padding: 30px 25px 0 0; } .ml2link.active { font-size: 22px; } .pi1pic { height: 400px; } .pi1eng { font-size: 28px; } .pi1name { font-size: 26px; margin-top: -30px; padding-bottom: 20px; } .pb2item { height: 140px; } .adlist li { margin-top: 15px; } .rlw1{ font-size: 14px; padding: 0 20px; } .re-hotline { padding: 80px 0 130px; } } @media screen and (max-width: 1440px) { .w81 { width: 90%; } .bicover { width: 80%; } .bicover { left: 10%; } .banner .slick-prev { left: 2%; } .banner .slick-next { right: 2%; } .number, .bw-rt a { right: 5%; } .aclhv { padding: 20px 20px 0 20px; } .ahnr { margin-top: 10px; } .ahbt { padding-bottom: 10px; } .apicon { font-size: 30px; } .investor-list1 li{ padding: 25px 0; } .investor-list1 .ico{ font-size: 22px; } .investor-list1 .txt{ font-size: 16px; } .investor-list2 li{ padding: 25px 0; } .investor-list2 .title{ font-size: 16px; margin-bottom: 12px; } .investor-gpbox{ padding: 25px; } .investor-gpbox .title,.investor-gpbox .bl-l,.investor-gplist .num{ font-size: 26px; } .investor-hotlist .ico{ width: 60px; height: 60px; line-height: 60px; margin-right: 15px; font-size: 26px; } .investor-hotlist .c{ font-size: 20px; } .re-wrap { margin-top: 50px; } .re-item * { font-size: 14px; } } @media screen and (max-width: 1370px) { .iimore a { margin-top: 30px; } .iibt { font-size: 24px; } .isnum { font-size: 28px; } .agbot1 { width: 90%; } .w72, .dwwz { width: 80%; } .dw2list li:nth-of-type(odd) .dw2wz { padding: 30px 30px 0 30px; } .dw2list li:nth-of-type(even) .dw2wz { padding: 30px 30px 0 30px; } .header .yj-bot li { padding: 0 5px; } .head-logo img { width: 180px; } .header .head-logo{ top: 18px; } } @media screen and (max-width: 1200px) { .header .yj-bot { display: none; } .head-logo .img1 { display: none; } .head-logo .img2 { display: block; } .menu-handler, .menuBox { display: block; } .header { background: #fff; height: 55px; line-height: 55px; position: fixed; top: 0 !important; left: 0; border-bottom: 1px solid #eee; } .mtop { height: 55px; } .head-wrap { height: 55px; } .w1360 { width: 90%; } .head-logo img { width: 140px; } .header .head-logo { top: 12px; left: 3%; } .hrsearch{ margin-left: 20px; } .hrmenu{ margin-left: 20px; } .hrmenu { width: 55px; height: 55px; padding-top: 26.5px; margin-left: 15px; } .hrsearch { margin-left: 15px; font-size: 16px; } .hrytxt { margin-left: 6px; } .hryicon { font-size: 18px; } .hrmenu i { width: 24px; height: 2px; } .hrmenu i::before, .hrmenu i::after { height: 2px; } .hzbot { width: 100%; } .hzbot { padding: 30px 0 50px 0; } .hbcd, .hlyj { padding: 0 20px 0 40px; } .hblist { margin-top: 20px; } .hlb { padding: 20px 40px; } .hlej { margin: 10px 0; } .bicon { width: 16px; height: 14px; } .brwz, .bricon { font-size: 14px; } .breng { font-size: 14px; margin-left: 10px; } .iibt { font-size: 20px; } .ibintro { margin-top: 50px; } .iplist li:hover .ilpic::before, .iplist li:hover .ilcv { opacity: 0; visibility: hidden; } .iplist li:hover .ilbt { transform: translateY(0); } .ibiwz { padding: 20px 30px 0 30px; } .icplay { font-size: 20px; } .icplay i { font-size: 45px; } .index-news { padding: 50px 0; } .fwl { margin-right: 20px; } .aclist li { width: 49%; margin-top: 5px; } .ibctxt1 { font-size: 16px; } .ibctxt2 { font-size: 20px; } .imlink { height: 35px; line-height: 35px; font-size: 14px; } .about-gk { padding: 50px 0; } .ab1bt { font-size: 18px; } .nybox { padding-bottom: 10px; } .ab1nr { margin-top: 30px; font-size: 14px; } .agbot2 { margin: 30px auto 0; } .ap2btn { width: 50px; } .ab2banner { padding: 0; } .ai2txt span { left: 30px; } .ap2txt { margin-top: 5px; font-size: 12px; } .about-develop { margin-top: 50px; } .adbot { margin-top: 30px; } .adpic { float: none; width: 100%; } .w72, .dwwz { width: 90%; } .adlist { float: none; width: 100%; padding: 20px 0 0 0; } .adlist li { margin-top: 10px; } .axyear { font-size: 20px; } .azline { margin-top: 10px; } .axtxt { margin-top: 10px; } .adwx { display: none; } .almtxt1 { margin-left: 0; text-align: left; } .azline { margin-left: 0; } .adlist::before { display: none; } .about-cultrue { margin-top: 50px; } .aclist { margin-top: 30px; } .about-honor, .about-company { margin-top: 50px; } .ail { margin: 15px 0 0 2%; } .ahbanner { margin-top: 15px; } .acplist { display: block; margin-top: 30px; } .acplist li { width: 100%; } .apname { display: none; } .aplpic img { width: 100%; } .apcv { opacity: 1; visibility: visible; height: auto; padding: 10px 20px 20px 20px; } .acmore { width: 32px; height: 32px; line-height: 32px; font-size: 18px; } .acname { line-height: 32px; font-size: 14px; } .news-bot { padding: 50px 0; } .nblist li { margin: 15px 0 0 2%; } .pages-list { margin-top: 30px; } .pages-list a { width: 35px; height: 35px; line-height: 35px; margin: 0 2px; } .plnum { font-size: 14px; } .plpn { font-size: 16px; } .nxtitle { font-size: 20px; } .ndxq { padding: 50px 0; width: 90%; } .nxds { font-size: 14px; } .ndpn a { width: 40px; height: 40px; line-height: 40px; font-size: 15px; } .product-bot { padding: 20px 0 50px 0; } .pdlist li { margin: 15px 0 0 1%; } .pdtxt { height: 40px; line-height: 40px; padding: 0 15px; font-size: 16px; } .duty-wrap { padding: 50px 0; } .dwwz1 { font-size: 20px; } .dwwz2 { font-size: 16px; } .dwwz3 { margin-top: 10px; } .dwdown { width: 40px; height: 40px; line-height: 40px; margin: 30px auto 0; font-size: 20px; } .dwbot { margin-top: 30px; } .dw2pic, .dw2wz { width: 100%; float: none !important; } .dw2wz { padding: 20px 5% !important; } .dw2txt1, .dw2txt2 { font-size: 20px; } .recruit-wrap { padding: 50px 0; } .rlw1 { padding: 0 20px; font-size: 14px; } .rlbt { height: 50px; line-height: 50px; } .rlw2 { width: 50px; font-size: 20px; } .rlzk { padding: 20px; } .contact-wrap { width: 90%; padding: 30px 0 40px 0; } .contact-wrap li { padding: 20px 0; } .maps { height: calc(100vh - 90px); } .make-list li { margin-top: 20px; } .mlpic, .mlcont { float: none; width: 100%; } .mlcont { padding: 20px 0 0 0 !important; } .mceng { font-size: 20px; } .mctxt1 { font-size: 16px; } .mctxt2 { font-size: 14px; margin-top: 15px; } .make2-bot { padding: 50px 0; } .mb2txt1 { font-size: 20px; } .mb2txt2 { margin-top: 5px; } .mb2banner { margin-top: 15px; padding-bottom: 40px; } .mb2banner .slick-dots li { width: 8px; height: 8px; line-height: 8px; } .mb2banner .slick-dots li a { width: 8px; height: 8px; } .mi2l { margin: 15px 5px 0 5px; } .make3-bot2 { padding: 50px 0; } .mb3zs { width: 90%; margin: 30px auto 0; padding: 0 25px; } .mz3item { margin: 0 10px; } .mz3fd { width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .mz3txt { margin-top: 10px; font-size: 12px; } .mb3zs .slick-arrow:before { font-size: 25px; } .make2-wrap { padding: 50px 0; } .ml2link.active, .ml2link { font-size: 16px; } .ml2link.active, .ml2link { margin-bottom: 0; } .mw2left { float: none; width: 100%; padding-bottom: 0; text-align: center; } .ml2link { display: inline-block; margin: 0 8px; } .mw2right { float: none; width: 100%; margin-top: 30px; padding: 0; } .mr2banner { padding: 0 20px; } .mr2banner .slick-prev { left: 0; } .mr2banner .slick-next { right: 0; } .mr2banner { margin-top: 30px; } .ssbt { font-size: 20px; } .pi1pic { float: none; width: 100%; height: 250px; } .pi1pic img { position: relative; } .pbanner1 .slick-next { right: 10px; } .pbanner1 .slick-prev { left: 10px; } .pi1wz { position: relative; width: 100%; height: 100px; } .pbanner1 .slick-arrow { width: 38px; height: 38px; line-height: 38px; top: 35%; } .pbanner1 .slick-arrow:before { font-size: 18px; } .pi1eng { font-size: 20px; } .pi1name { font-size: 18px; padding-bottom: 15px; margin-top: -20px; } .pb2item { height: 100px; } .mr2banner .slick-arrow { width: 38px; height: 38px; line-height: 38px; } .mr2banner .slick-arrow:before { font-size: 15px; } .mr2small { padding: 0 20px; } .inlmore { margin-top: 20px; } .inlmore a { font-size: 14px; } .bicover { width: 75%; left: 12.5%; } .re-tit h3 { font-size: 20px; } .re-hotline{ padding-bottom: 100px; } .re-item { width: 32%; margin-right: 2%; } .re-item:nth-of-type(4n) { margin-right: 2%; } .re-item:nth-of-type(3n) { margin-right: 0; } } @media screen and (max-width: 1024px) { .number { display: none; } .bicdz { font-size: 24px; margin-top: 5px; } .bicxz { margin-top: 10px; font-size: 16px; } .biceng { font-size: 12px; } .bw-rt a { width: 60%; right: 0; height: 40px; line-height: 40px; padding: 0 20px; } .iplist li { width: 99%; margin: 20px 0 0 1%; } .ibipic, .ibiwz { float: none; width: 100%; } .ibiwz { padding: 20px; } .inbtn { width: 38px; height: 38px; line-height: 38px; margin-left: 10px; } .inlist { margin-top: 30px; margin-left: -20px; } .inlitem { margin-left: 20px; } .ilicont { padding: 20px; } .ilcbt { font-size: 16px; height: 28px; } .ilcdesc { margin-top: 10px; } .ilcdate { font-size: 14px; margin-top: 20px; } .ilcjh { width: 38px; height: 38px; line-height: 38px; font-size: 16px; } .footer-bg { padding: 20px 0; } .fblogo img { width: 140px; } .fbleft, .fbright { float: none; width: 100%; } .fbright { margin-top: 20px; } .fbway { margin-top: 10px; } .fwl { float: none; margin-right: 0; } .fbcp { margin-top: 10px; } .fcdn { margin-left: 10px; } .fs-select { width: 100%; height: 38px; line-height: 38px; padding: 0 15px; } .frgz { margin-top: 10px; text-align: left; } .fricon { font-size: 18px; } .ail { width: 31.333%; } .dwcont { padding: 20px; } .dwlist { margin-left: -1%; } .dwlist li { width: 49%; margin-left: 1%; margin-top: 10px; } .nysearch { width: 90%; height: 50px; line-height: 50px; } .nsbtn { width: 15%; font-size: 16px; } .investor-list1 li{ padding: 20px 0; } .investor-list1 .ico{ font-size: 20px; } .investor-list1 .txt{ font-size: 14px; } .investor-list2 li{ padding: 20px 0; } .investor-list2 .title{ font-size: 14px; margin-bottom: 8px; } .investor-gpbox{ padding: 20px; display: block; } .investor-gpbox .title{ margin-bottom: 8px; } .investor-gplist .num{ margin-top: 8px; } .investor-gpbox .title,.investor-gpbox .bl-l,.investor-gplist .num{ font-size: 20px; } .investor-gpbox>dd{ margin-left: 0; border-left: 0 none; padding-left: 0; border-top: 1px solid #EBECEA; margin-top: 15px; padding-top: 15px; } .investor-hotlist { display: block; margin-left: 0; } .investor-hotlist li{ width: 100%; margin-left: 0; justify-content: flex-start; margin-bottom: 15px; } .investor-hotlist li:last-child{ margin-bottom: 0; } .investor-hotPage{ padding: 10% 0; } .re-item { width: 49%; margin-right: 2%; } .re-item:nth-of-type(3n) { margin-right: 2%; } .re-item:nth-of-type(2n) { margin-right: 0; } } @media screen and (max-width: 860px) { .nblist li { width: 48%; } .pdlist li { width: 32.333%; } .mi2l { width: 47%; } } @media screen and (max-width: 750px) { .mbno { display: none; } .rlw1 { width: 80%; } } @media screen and (max-width: 640px) { .ahbanner { padding-bottom: 0; } .bicdz { font-size: 20px; } .bicxz { font-size: 14px; } .banner .bwitem .pimg { width: auto; height: 298px; left: 50%; margin-left: -320px; } .iimore a { width: 130px; height: 38px; line-height: 38px; font-size: 12px; } .isnum { font-size: 24px; } .istxt { font-size: 12px; } .iisj li:not(:first-child)::before { height: 45px; } .ilbt { padding: 10px 0; } .index-video { height: 200px; } .imlink { font-size: 12px; } .ibtp img { position: relative; width: auto; height: 180px; left: 50%; margin-left: -320px; } .ap2btn { width: 45px; } .ai2txt { height: 40px; font-size: 14px; } .ai2txt span { left: 20px; bottom: 10px; } .apicon { font-size: 25px; } .apeng { font-size: 14px; } .apch { font-size: 14px; } .aclhv { position: static; transform: translateY(0); opacity: 1; visibility: visible; padding: 20px 5%; } .aptc { display: none; } .aclist li { width: 99%; } .aptp { height: 180px; } .ail { width: 48%; } .apcv { background-image: -webkit-linear-gradient(top, rgba(45, 150, 205, 0), rgba(45, 150, 205, .5)); background-image: -o-linear-gradient(top, rgba(45, 150, 205, 0), rgba(45, 150, 205, .5)); background-image: -ms-linear-gradient(top, rgba(45, 150, 205, 0), rgba(45, 150, 205, .5)); background-image: linear-gradient(top, rgba(45, 150, 205, 0), rgba(45, 150, 205, .5)); } .pdlist li { width: 49%; } .dwcont { padding: 15px; } .dwlist li { width: 99%; } .clxx { margin-top: 2px; } .BMap_bubble_title { font-size: 16px !important; } .mr2small .slick-arrow { transform: translateY(0); } .mr2small .slick-arrow:before { font-size: 25px; } .pb2item { height: 50px; } .pi1wz { height: 90px; } .mb2banner .slick-arrow { top: 40%; } .tbclose { font-size: 30px; } .investor-list1 li{ padding: 15px 0; display: block; } .investor-list1 .ico{ font-size: 30px; width: 30px; margin-right: 0; line-height: 1; margin-bottom: 10px; display: block; } .investor-list1 .title{ display: block; } .investor-list1 .txt{ line-height: 1.5; display: block; } .investor-list1 .ctime{ font-size: 12px; padding-left: 0px; margin-left: 0; } .investor-list2 li{ padding: 15px 0; } .investor-list2 .title{ margin-bottom: 5px; } .investor-gplist{ flex-wrap: wrap; border-bottom: 1px solid #EBECEA; margin-bottom: 25px; } .investor-gplist li{ width: 48%; margin-bottom: 18px; } .investor-gplist .num{ margin-top: 0; font-size: 18px; } .investor-hotPage{ padding: 45px 0; } .investor-hotlist .ico{ width: 40px; height: 40px; line-height: 40px; font-size: 16px; } .investor-hotlist .t{ font-size: 12px; } .investor-hotlist .c{ font-size: 16px; } .re-tit p { font-size: 14px; } .re-wrap { margin-top: 30px; } .re-item { width: 100%; margin-right: 0; margin-bottom: 20px; } .re-item *{ font-size: 14px; } .re-item:nth-of-type(3n) { margin-right: 0; } } @media screen and (max-width: 480px) { .nblist li { width: 98%; } } @media screen and (max-width: 421px) { .ab2banner { width: 70%; } }