@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(200px); -webkit-transform: translateY(200px); 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; } .transYT501.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; } .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; } .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; } .action.iacont { transition-delay: 0.15s; } .action.iapic { transition-delay: 0.35s; } .iplist li:nth-child(1) { transition-delay: 0.15s; } .iplist li:nth-child(2) { transition-delay: 0.35s; } .iplist li:nth-child(3) { transition-delay: 0.55s; } } @media screen and (max-width:1860px) {} @media screen and (max-width:1750px) { .pctitle { font-size: 18px; height: 27px; } .plcont { padding: 20px 30px 0 30px; } } @media screen and (max-width:1660px) {} @media screen and (max-width:1550px) { .w1400 { width: 1200px; } .bictxt2 { font-size: 48px; } .bwbcv { height: 80px; line-height: 80px; } .blbanner { margin-top: 29px; } .icwz2 { font-size: 30px; } .blbanner { width: 80%; } .imlink { padding: 0 30px; } .icvtxt1 { font-size: 48px; } .about-bot1 { padding: 100px 0 90px 0; } .abtitle { font-size: 30px; } .angd { font-size: 50px; } .insides-menu { height: 40px; line-height: 40px; margin-top: 0; width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .imlink { padding: 0 15px; font-size: 14px; } @-webkit-keyframes music_disc { 0% { top: 50%; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { top: 0; left: 60%; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .imlink.active:after, .imlink:hover:after { height: 5px; } .ihl { padding: 20px; } .iplcover { transform: translateY(83%); } .ilctxt1 { font-size: 16px; } .ilctxt3 { margin-top: 10px; padding-top: 10px; font-size: 13px; } /*.ai4wz { height: 365px; }*/ .ai4txt { margin-top: 15px; } .tjwrap { height: 605px; } } @media screen and (max-width: 1440px) { .pb4tab { margin-left: -30px; } .pt4qh { margin-left: 30px; } .pctitle { font-size: 16px; height: 24px; } .pcdesc { font-size: 12px; height: 105px; margin-top: 10px; } } @media screen and (max-width: 1370px) {} @media screen and (max-width: 1280px) { .plcont { padding: 20px 20px 0 20px; } .w1400, .news-detail, .w1200 { width: 90%; } .header .yj-bot li { padding: 0 15px; } /*.ai4wz { height: 345px; }*/ } @media screen and (max-width: 1200px) { .header .nav-menu, .hrmenu, .head-write, .headContact { 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; } .banner { position: static; } .head-wrap { width: 100% !important; box-sizing: border-box; padding: 0 70px 0 3%; } .header .head-logo { width: 140px; margin-top: 7.5px; } .header .head-logo img { width: 100%; } .hroa { margin-left: 20px; font-size: 13px; } .hreng { font-size: 14px; } .head-right { margin-left: 0; } .hreng:before { bottom: -5px; } .bictxt1 { font-size: 14px; } .bictxt2 { font-size: 24px; margin-top: 10px; } .bictxt3 { font-size: 14px; margin-top: 10px; } .bwbcv { height: auto; line-height: 1.5; padding: 15px 0 10px 0; } .bcl { float: none; width: 100%; } .bcr { margin-top: 5px; float: none; } .blbanner { margin-top: 5px; margin-left: 0; } .blbanner { padding-right: 50px; } .brzs { font-size: 18px; } .brzs i { font-size: 12px; margin-left: 5px; } .brzs:before { height: 20px; } .banner .slick-prev { left: 5%; } .banner .slick-next { right: 5%; } .banner .slick-arrow:before { font-size: 20px; } .blbt { font-size: 14px; } .blbanner { margin-top: 0; } .brzs, .brtxt2 { margin-left: 10px; } .index-about, .index-research, .investors-bot { padding: 40px 0; } .iacont { width: 100%; margin-top: 0; } .iapic { position: static; margin-top: 30px; width: 100%; } .iapic:before { display: none; } .icwz1, .icwz3 { font-size: 14px; } .icwz2 { font-size: 24px; margin-top: 10px; } .icwz3 { margin-top: 15px; } .icbtn { width: 130px; height: 45px; line-height: 45px; margin-top: 20px; } .icbtn i { margin-left: 20px; } .icwz3 { width: 100%; } .index-product { background-size: cover; padding: 40px 0; } .ipbt .icwz1 { float: none; margin-top: 0; } .ipbt .icwz2 { float: none; width: 100%; margin-top: 10px; } .iplist { margin-top: 20px; } .fbright { float: none; } .fbleft { float: none; width: 100%; margin-top: 10px; } .footer-bg { padding: 20px 0; } .fltxt { margin-top: 5px; font-size: 12px; } .frtxt { font-size: 12px; } .frewm { width: 66px; } .icvtxt1 { font-size: 24px; } .icvtxt2 { font-size: 14px; margin-top: 5px; } .about-bot1, .about-bot2, .about-bot3, .about-bot4, .about-bot5, .about-bot6, .about-bot7 { padding: 40px 0; } .abtitle { font-size: 20px; } .abcont { margin-top: 20px; font-size: 14px; } .angd { font-size: 26px; } .ab1list { margin-top: 30px; } .alwz { font-size: 14px; margin-top: 5px; } .ab2left .abtitle { margin-top: 0; } .al2qm { margin-top: 30px; } .ab3cont { margin-top: 20px; padding: 0; font-size: 14px; } .ab3tab { margin-top: 30px; } .at3qh { height: 40px; line-height: 40px; font-size: 12px; } .ac3box { margin-left: -3%; } .ac3box li { width: 22%; margin: 15px 0 0 3%; height: 35px; line-height: 35px; font-size: 12px; } .about-bot3 { width: 90%; } .ac4item { padding-top: 0; } .ai4txt { margin-top: 10px; } .at4ys { font-size: 14px; } .ab4year { padding: 0 40px; margin-top: 20px; } .ab5bot { margin-top: 20px; } .ab5list li { margin: 15px 0 0 3%; padding: 5px; } .pages-list { margin-top: 30px; } .plpn { width: 38px; height: 38px; line-height: 38px; font-size: 14px; margin: 0 10px; } .ab6list { margin-top: 30px; } .al6cont { padding: 15px; } .ac6title { margin-top: 5px; height: 56px; font-size: 16px; } .ac6desc { margin-top: 10px; } .ab7banner { width: 90%; overflow: hidden; margin: 30px auto 0; } .ab7item { margin: 0; } .ab7banner .slick-prev { left: 0; } .ab7banner .slick-next { right: 0; } .ai7cv { left: 15px; bottom: 15px; right: 15px; } .ac7l { font-size: 14px; height: 24.5px; } .ac7r { font-size: 14px; } .news-bot { padding: 0 0 40px 0; } .lbx { padding: 30px; } .lbjt { bottom: 30px; top: 30px; padding: 0 30px; } .news-detail { padding: 20px 0 40px 0; } .ndtop { padding-bottom: 0; } .nthome { font-size: 20px; margin-right: 10px; } .ntwz { font-size: 14px; } .nrshare { font-size: 15px; } .ndcont { margin-top: 30px; padding: 0; } .ndctitle { font-size: 20px; } .ndctitle br { display: none; } .ndcdate { margin-top: 10px; font-size: 14px; } .ndcnr { margin-top: 15px; padding-top: 15px; font-size: 14px; } .ndbottom { margin-top: 15px; padding-top: 15px; } .products-bot { width: 90%; } .pblist li { margin: 15px 0 0 2%; } .products-bot { padding: 25px 0 40px 0; } .pctitle { font-size: 18px; height: 27px; } .pcdesc { height: auto; margin-top: 10px; } .pcbtn { width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin-top: 20px; } .plcont { padding: 15px; } .products4-bot { padding: 40px 0; } .pt4qh { font-size: 16px; } .pb4bot { margin-top: 10px; } .pb4tab { display: block; margin-left: -20px; } .pt4qh { flex: auto; display: inline-block; margin-left: 20px; margin-top: 5px; } .pb4list li { margin: 15px 0 0 1%; padding: 10px; } .pl4title { font-size: 16px; height: 24px; } .pl4date { margin-top: 5px; } .pl4desc { margin-top: 10px; } .pl4btn { margin-top: 10px; } .research-wrap { padding: 40px 0; } .gkpic { float: none; width: 100%; } .gkcont { position: static; width: 100%; padding: 15px; } .dcnr { margin-top: 20px; } .rwgk { padding-bottom: 0; } .rwxm { margin-top: 30px; } .xlicon { width: 65px; height: 65px; line-height: 65px; font-size: 25px; } .xltxt { margin-top: 10px; font-size: 14px; } .zlbox li { padding: 20px; margin-top: 10px; } .zyxm-list { margin-top: 30px; } .zbbt { font-size: 18px; } .zbbt:before { width: 49px; height: 2px; } .zbdesc { font-size: 14px; } .zlmore a { margin-top: 20px; font-size: 14px; padding: 10px 0; } .zlmore a i { font-size: 12px; margin-top: 0; } .yftj { margin-top: 30px; } .tjqh { margin-top: 30px; } .tqtxt { width: 120px; height: 38px; line-height: 38px; margin: 0 10px; font-size: 14px; } .tjbanner { width: 100%; overflow: hidden; } .tbitem { margin: 0; } .tjbanner .slick-next { right: 0; } .tjbanner .slick-prev { left: 0; } .tjbanner { margin: 30px auto 0; } .ibhq { margin-top: 30px; padding: 15px; } .ihl, .ihr { float: none; width: 100%; } .ihr { margin-top: 20px; } .ihl { padding: 0; } .itts { margin-left: 0; margin-top: 15px; } .ilt1 { font-size: 18px; } .it2zs { font-size: 20px; } .it2zs i { font-size: 12px; } .it2num { font-size: 14px; margin-left: 10px; } .ihl:before { display: none; } .ilsz { font-size: 20px; margin-top: 5px; } .icbox { margin-top: 10px; } .icbox li { margin: 15px 0 0 3%; } .icvtitle { font-size: 16px; } .icbcv { padding: 20px; } .icvdate { font-size: 14px; } .icvpdf { right: 20px; bottom: 20px; } .is2rx { padding: 40px 0; } .is2list { margin-top: 30px; } .il2icon { width: 40px; height: 40px; line-height: 40px; font-size: 15px; } .il2number { margin-left: 10px; font-size: 18px; } .is2list li { width: 100%; margin-top: 15px; } .is2list li { text-align: left; box-sizing: border-box; padding-left: 80px; } .talent-bot1, .talent-bot2, .talent-bot3, .contact-way { padding: 40px 0; } .tb2list { margin-top: 20px; } .tb2list { text-align: center; } .tb2list li { display: inline-block; float: none; width: 49%; margin-top: 15px; } .tl2cricle { width: 90px; height: 90px; padding-top: 20px; font-size: 14px; } .tb3head { margin-top: 30px; } .tb3head span, .tl3dj span { font-size: 12px; height: 45px; line-height: 45px; } .tb3head span { font-size: 14px; } .tbw{ font-size: 12px; } .tl3zk { padding: 20px; } .tbw { float: none; width: 100%; margin-bottom: 15px; } .tztd a { width: 130px; height: 35px; line-height: 35px; font-size: 12px; margin-top: 10px; } .maps { height: 300px; } .cwdh a { top: auto; bottom: 30px; } .cwtxt { font-size: 14px; margin-top: 10px; padding-bottom: 15px; } .cwicon { width: 54px; height: 54px; line-height: 54px; } .imt { display: none; } .iplist .slick-arrow:before { font-size: 20px; } .iplist { padding: 0 20px; } .iplitem { margin: 0 5px; } .ai4wz { overflow: visible; } } @media screen and (max-width: 1024px) { .tjwrap { height: 550px; } .contact-way ul { display: block; } .contact-way li { flex: auto; float: left; width: 50%; box-sizing: border-box; margin-top: 15px; } .iplist li { width: 97%; margin-top: 10px; } .ab2right, .ab2left, .ai4pic, .ai4wz { float: none; width: 100%; } .ab2left, .ai4wz { margin-top: 20px; } .lbpic { display: none; } .lbx { width: 100%; } .news-lb { margin-top: 30px; } .lblist li { margin-top: 15px; } .lbx { padding: 15px; } .lbctitle { font-size: 18px; height: 18px; } .lbdate { margin-top: 14px; margin-top: 5px; } .lbdesc { margin-top: 10px; } .lbjt { display: none; } .lbcont { width: 100%; } .ntr { display: none; } .plpic, .plcont { float: none; width: 100%; } .plpic img { width: 100%; position: static; transform: translateX(0); } .pb4list li { width: 49%; } .icbox li { width: 47%; } } @media screen and (max-width: 860px) { .tjwrap { height: 450px; } } @media screen and (max-width: 750px) { .tjwrap { height: 400px; } } @media screen and (max-width: 640px) { .tjwrap { height: 350px; } .banner .bwitem .pimg { position: relative; width: auto; height: 317px; left: 50%; margin-left: -320px; } .bictxt2 { font-size: 22px; } .blitxt2, .blitxt1, .brtxt1, .brtxt2 { font-size: 12px; } .blitxt1 { height: 18px; } .brzs { font-size: 16px; } .blbanner { padding-right: 40px; margin-left: 5px; } .blbanner .slick-prev { right: 16px; } .icwz2 { font-size: 20px; } .imlink { font-size: 12px; } .ab1list li { width: 33.333%; margin-top: 15px; } .ab1list { margin-top: 20px; } .angd { font-size: 22px; } .al2qm img { width: 130px; } .al2qm { margin-top: 20px; } .iplcover { left: 20px; right: 20px; bottom: 20px; transform: translateY(0); } .ilctxt3 { margin-top: 5px; padding-top: 5px; } .iplpic:before { top: 0; background: rgba(111, 186, 44, .9); } .ilctxt2 { max-height: 42px; height: auto; } .ac3box li { width: 30.333%; } .at3qh { padding: 0 5px; } .at3qh:not(:first-child) { border-left: 2px solid #fff; } .dsbot { width: 90%; padding: 20px; } .dspn { margin-top: 30px; padding-top: 20px; } .dsname { margin-top: 20px; } .ay4num { padding-bottom: 10px; font-size: 18px; } .ab4year { padding: 0 20px; } /*.ab4year { margin-top: 30px; }*/ .at4r { width: 85%; } .ab5list li { width: 47%; } .ab6list li { width: 95%; margin-top: 15px; } .ab7banner .slick-arrow, .tjbanner .slick-arrow { width: 38px; height: 38px; line-height: 38px; } .ab7banner .slick-arrow:before, .tjbanner .slick-arrow:before { font-size: 12px; } .ac7l { width: 70%; } .ndctitle { font-size: 18px; } .pblist li { width: 98%; } .pt4qh { font-size: 14px; } .xmlist li { float: left; display: block; width: 50%; margin-top: 15px; } .xmlist { margin-top: 15px; } .tjqh { margin-left: -2%; } .tqtxt { display: block; float: left; width: 31.333%; box-sizing: border-box; font-size: 12px; margin: 10px 0 0 2%; } .itlist li { text-align: left; } .ilname { margin-top: 0; font-size: 14px; } .ihr { margin-top: 10px; } .ilsz { font-size: 18px; } .ilt2 { margin-top: 5px; } .thw2, .thw3 { display: none !important; } .thw1, .thw4 { width: 50%; box-sizing: border-box; padding: 0 5px; overflow: hidden; } .maps { height: 250px; } .contact-way li { width: 50%; margin-top: 15px; } .ai5l { width: 47%; padding: 10px; margin: 15px 0 0 3%; } .ab1list { display: block; } .ab1list li { flex: auto; } .ai4wz{ height: 290px; overflow-y: scroll; } } @media screen and (max-width: 480px) { .blbanner { width: 78%; margin-left: 0; } .itlist li { width: 50%; margin-top: 10px; } .tjwrap { height: 270px; } } @media screen and (max-width: 421px) { .tjwrap { height: 240px; } } @media screen and (max-width: 375px) { .blitxt1 { width: 65%; } .tjwrap { height: 220px; } .at4r { width: 75%; } }