@media screen and (min-width: 1200px) { .transXT50.target { transform: translateY(-100px); -webkit-transform: translateY(-100px); 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 .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transXT501.target { transform: translateX(100px); -webkit-transform: translateX(100px); 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 .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 800ms, opacity .5s 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; } .action.idys8 { transition-delay: 0.85s; } .action.idys9 { transition-delay: 0.95s; } .load-words1.target span { opacity: 0; visibility: hidden; } .action.load-words1 span { visibility: visible; display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: wordsRightFade; animation-name: wordsRightFade; } .load-words span { visibility: visible; display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: wordsRightFade; animation-name: wordsRightFade; } @-webkit-keyframes wordsRightFade { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; visibility: hidden; } 100% { -webkit-transform: none; transform: none; opacity: 1; visibility: visible; } } @-moz-keyframes wordsRightFade { 0% { -moz-transform: translateX(50px); transform: translateX(50px); opacity: 0; visibility: hidden; } 100% { -moz-transform: none; transform: none; opacity: 1; visibility: visible } } @keyframes wordsRightFade { 0% { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); transform: translateX(50px); opacity: 0; visibility: hidden } 100% { -webkit-transform: none; -moz-transform: none; transform: none; opacity: 1; visibility: visible } } } @media screen and (max-width:1860px) {} @media screen and (max-width:1750px) {} @media screen and (max-width:1680px) {} @media screen and (max-width:1600px) { .head-name { font-size: 18px; } .header .yj-bot li { margin: 0 10px; } } @media screen and (max-width:1550px) { .aplogo { padding: 80px 68px 240px 280px; } .pcb1cont { width: 60%; } .clctxt1 { font-size: 20px; } .clcmap { margin-top: 10px; } .clctxt2 { font-size: 14px; } } @media screen and (max-width: 1440px) { .header .yj-bot .yj-link, .yjoa a { font-size: 16px; } .head-wrap { padding: 0 40px; } .yjoa a { padding-left: 20px; margin-left: 15px; } } @media screen and (max-width: 1370px) { .abusiness { width: 1200px; } } @media screen and (max-width: 1280px) { .head-name { font-size: 16px; } } @media screen and (max-width: 1200px) { .nav, .head-write, .headContact { display: none; } .menu-handler, .menuBox { display: block; } .header { height: 55px; position: fixed; top: 0 !important; left: 0; box-shadow: 0 0 3px #eee; } .header .head-logo { width: 110px; margin-top: 15px; display: block; } .head-wrap { padding: 0 5%; } .head-name { font-size: 14px; } .mtop { height: 55px; } .head-wrap { height: 55px; line-height: 55px; } .banner { position: static; } .w1200 { width: 90%; } .banner .slick-dots { bottom: 10px; } .banner .slick-dots li, .projects-detail .slick-dots li { width: 8px; height: 8px; line-height: 8px; margin: 0 5px; } .banner .slick-dots li a, .projects-detail .slick-dots li a { width: 8px; height: 8px; } .banner .slick-prev, .projects-detail .slick-prev { left: 5%; } .banner .slick-next, .projects-detail .slick-next { right: 5%; } .pageT1 { font-size: 24px; } .pageT2 { font-size: 16px; } .iblwz { left: 20px; right: 20px; top: 50%; bottom: auto; transform: translateY(-50%); } .ibltxt1 { font-size: 16px; } .iblist { display: block; } .iblist li { width: 100%; } .iblpic img { width: 100%; } .ibltxt2 { opacity: 1; visibility: visible; } .ibtdesc { font-size: 14px; height: 25px; } .ibtdicon { font-size: 20px; } .footer-wrap { padding: 20px; } .fwbotl, .fwbotr { float: none; } .fwbotr { margin-top: 10px; } .fbrtxt { margin-left: 0; margin-right: 5px; } .insides-menu { width: 100%; float: none; text-align: center; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .imlj { height: 35px; line-height: 35px; padding: 0 20px; font-size: 14px; } .aintro { padding: 40px 0; } .atbt { font-size: 24px; } .aicont { font-size: 14px; } .adevlop { padding-top: 40px; } .adtab { margin-top: 30px; } .adyear, .adlabel { font-size: 18px; } .adtl { padding: 10px 20px; } .adright { margin-top: 10px; } .adclist { padding: 40px 0; } .adclist li { float: none !important; width: 100% !important; } .adclist:before { left: 0; } .adclist li:not(:first-child) { margin-top: 30px; } .adclist li:nth-of-type(even) { text-align: left; padding-right: 0; padding-left: 40px; } .adclist li:nth-of-type(even):before { left: -14px; right: auto; } .adclist li:nth-of-type(even):after { left: 0; right: auto; } .adcyear { font-size: 24px; } .adctitle { font-size: 18px; } .adcttx { margin-top: 20px; } .adclist li:nth-of-type(odd) { padding-left: 40px; } .adclist li:after { width: 30px; } .aqualifi { margin-top: 30px; } .aqualifi li { height: 50px; line-height: 50px; } .aqtxt { height: 50px; } .ahonor { margin-top: 30px; padding-top: 30px; } .ahbanner { margin-top: 30px; } .abusiness { width: 90%; } .abusiness { padding: 40px 0; } .ableft { float: none; width: 100%; margin-top: 0; } .abright { float: none; width: 100%; margin-top: 20px; } .abrdw { width: 35%; } .abrdw img { display: block; width: 100%; } .abldata { margin-top: 30px; } .adtnum { font-size: 30px; } .abdtxt { font-size: 20px; } .abldata:before { height: 50px; } .aplogo { width: 103%; margin-left: -3%; padding: 30px 5% 40px 5%; } .aplogo, .apcompany { float: none; } .apcompany { position: static !important; width: 100%; padding: 40px 5% !important; } .acbox{ height: 320px; } .news-wrap { padding: 40px 0; } .news-wrap { width: 90%; } .news-detail { width: 90%; padding: 40px 0; } .ndltitle { font-size: 20px; } .ndleft, .ndright { width: 100%; float: none; } .ndlcont { margin-top: 20px; } .ndright { margin-top: 20px; } .ndrlist li { padding: 15px 0; } .ndrlist { margin-top: 15px; } .ndrbottom { margin-top: 30px; } .ndbtxt { margin-top: 15px; } .ndrreturn a { margin-top: 20px; } .enterprise-idea { padding: 40px 0; } .eilist { margin-top: 15px; } .eilist li { width: 46%; margin-top: 15px; } .enterprise-style { padding: 40px 0; } .eslist li { margin: 15px 0 0 3%; } .w1600 { width: 90%; } .esltxt { margin-top: 10px; } .eslist { margin-top: 15px; } .dlbox li { margin: 20px 0 0 2%; } .dlbcont { margin-top: 10px; } .dlbtxt2 { margin-top: 0; } .pcb1cont { width: 100%; } .pcb1cont { margin-top: 20px; } .pb1wz { margin-top: 5px; } .pdcbox2 { margin-top: 40px; } .pdcontent { padding: 40px 0; } .pdreturn a { width: 120px; height: 45px; line-height: 45px; font-size: 12px; margin-top: 30px; } .pdreturn a i { font-size: 24px; margin-right: 5px; } .projects-detail .slick-dots { bottom: 10px; } .garden-wrap, .garden-type { padding: 40px 0; } .gwcont, .gwtjt { float: none; width: 100%; } .gwtjt { margin-top: 20px; } .gwnr { margin-top: 20px; } .gtltxt { font-size: 16px; height: 28px; } .demand-list li { padding: 20px; } .dlnr { margin-top: 20px; } .dldtitle { font-size: 18px; } .dldicon i { margin-top: 10px; } .fsjl { width: 120px; height: 45px; line-height: 45px; font-size: 14px; margin-top: 20px; } .demand2-wrap { padding: 25px 0 40px 0; } .dw2list li { margin-top: 15px; padding: 15px; } .pages-list { margin-top: 20px; } .sfpic, .sfbd { float: none; width: 100%; } .sfbd { padding: 20px; } .contact-company{ padding: 25px 0 40px 0; } .nfw-pic{ width: 90%; height: auto; margin: 70px auto 0; } .nfw-txt1{ font-size: 18px; margin: 0 5%; } .swiper-container{ height: 400px; } } @media screen and (max-width: 1190px) {} @media screen and (max-width: 1100px) {} @media screen and (max-width: 1024px) { .cclist li { width: 47%; } .clctxt1 { transform: translateY(0); } .clctxt2, .clcmap { transform: translateY(0); opacity: 1; visibility: visible; } .clpic:before { opacity: 1; visibility: visible; } .tk-bot{ width: 90%; height: 300px; } .tbclose{ right: 0; top: -40px; } } @media screen and (max-width: 900px) {} @media screen and (max-width: 860px) { .nsxym, .nsxsearch { float: none; width: 100%; } .nsxsearch { margin-top: 20px; } .nlbpic img { width: 100%; left: 0; transform: translateX(0); } .nlbpic { float: none; width: 100%; } .nlbcont { float: none; width: 100%; box-sizing: border-box; padding: 15px; margin-left: 0; } .nlbtitle { font-size: 20px; height: 36px; } .nlbdesc { margin-top: 5px; } .nlbmore { margin-top: 15px; } .nlbdate { display: none; } .nlbox li { margin-top: 15px; } .news-list { margin-top: 20px; } .dlbox li { width: 48%; } .dlbtxt1 { font-size: 16px; height: 56px; } } @media screen and (max-width: 780px) {} @media screen and (max-width: 680px) {} @media screen and (max-width: 640px) { .head-name { width: 90px; line-height: 1.5; margin-top: 6.5px; } .banner .slick-arrow, .projects-detail .slick-arrow { width: 35px; height: 35px; line-height: 35px; } .banner .slick-arrow:before, .projects-detail .slick-arrow:before { font-size: 14px; } .gzwx i { width: 30px; height: 30px; line-height: 30px; font-size: 20px; } .atbt { font-size: 20px; } .aivicon i { width: 45px; height: 45px; line-height: 45px; font-size: 18px; } .adright { display: none; } .adyear, .adlabel { font-size: 16px; } .adtl { padding: 10px; text-align: center; } .aqualifi li { width: 100%; } .aqualifi .bg-F9F9F9 { background: none; } .aqualifi li:nth-of-type(even) { background: #F9F9F9; } .aqtxt { font-size: 14px; margin-left: 10px; } .adtnum { font-size: 24px; } .abdtxt { font-size: 16px; } .aplpic { margin: 10px 0 0 3%; width: 30.333%; } .nxselect { width: 120px; } .nxselect, .nsxsearch, .nsxsearch input { height: 35px; line-height: 35px; } .nsxsearch { padding: 0 10px; } .nsxsearch input { font-size: 14px; } .nxselect { margin-left: 10px; } .nlbtitle { font-size: 18px; height: 32px; } .nlbmore { font-size: 12px; } .ndltitle { font-size: 18px; } .ndcdesc { margin-top: 0; } .ndlpic { width: 36%; } .ndrcont { width: 60%; } .ndbtxt span { width: 80%; } .ndrreturn a { text-align: center; } .eiltxt1 { font-size: 18px; } .et2 { font-size: 14px; } .eilist li { width: 96%; height: 210px; } .eilicon { margin: 30px auto 0; } .eiltxt2 { margin-top: 20px; padding-top: 15px; } .eslist li { width: 47%; } .pb1wz { float: none; width: 100%; } .pb1txt { margin-left: 20px; } .pb1wz { font-size: 15px; } .gtlist li { width: 49%; } .demand-list li { margin-top: 15px; } .dldtitle { font-size: 16px; } .dl2date { font-size: 14px; } .dl2desc { font-size: 18px; height: 32px; margin-left: 15px; margin-top: 5px; } .dl2detail { margin-top: 12px; font-size: 12px; } .dl2date strong { font-size: 20px; } .pages-list a { font-size: 12px; height: 32px; line-height: 32px; } .plsm { width: 35px; } .plsx { width: 45px; } .plnum { width: 32px; } .clpic img { width: 100%; } .cclist li { width: 97%; margin: 15px 0 0 3%; } .clctxt1 { font-size: 18px; } .bdilabel, .bdisrk, .bdiselect, .bdiarea { float: none; width: 100%; } .bdisrk, .bdiselect, .bdiarea { height: 45px; line-height: 45px; } .bdiarea { height: 80px; } .bdibtn, .bdits { width: 100%; margin-left: 0; } .bdits { margin-top: 15px; } .bdisrk, .bdiselect { padding: 0 15px; } .bdiarea { padding: 15px; } .bditem{ margin-top: 5px; } .sfpic{ display: none; } .load-more{ margin-top: 50px; } } @media screen and (max-width: 550px) { .banner .item .pimg, .pditem img { position: relative; width: auto; height: 222px; left: 50%; margin-left: -275px; } } @media screen and (max-width: 480px) {} @media screen and (max-width: 421px) { .clpic img { width: auto; height: 200px; } .tk-bot{ height: 200px; } } @media screen and (max-width: 375px) {} @media screen and (max-width: 350px) {}