@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 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(60px); -webkit-transform: translateY(60px); opacity: 0; visibility: hidden; transition: transform 650ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 650ms, 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(50px); -webkit-transform: translateX(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; } .transXf.target { transform: translateX(-50px); -webkit-transform: translateX(-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; } .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(.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.8s all ease-out; } .action.wzload { opacity: 1; visibility: visible; transition: 0.8s all ease-out; } .sytrans.target { opacity: 0; visibility: hidden; transform: rotateY(45deg); transition: 0.8s all ease-out; } .action.sytrans { opacity: 1; visibility: visible; transform: rotateY(0); 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, .5); transition: 1s ease-out; z-index: 11; } .action.loadbg:before { bottom: 0; height: 0; } .an2prev:hover, .an2next:hover { background: #fff; color: #0061AE; } .ab4banner .slick-arrow:hover { background: #1876C7; border: 1px solid #1876C7; color: #fff; } } @media screen and (max-width:1550px) { .nt2list { height: 276px; } .nllb { height: 277px; } .bwright { width: 395px; height: 395px; } .nymt { bottom: -45px; } .nosj { bottom: 0; } .nt2pic { width: 900px; } .np2ct strong { font-size: 14px; } .np2ct img { width: 25px; } .an2prev, .an2next { top: 0; } .appic img { height: 252px; } .ndnr { font-size: 15px; } .al1paly { margin-top: 110px; } .blxz { width: 70%; } .bwbt { margin-top: 40px; } .bct1 { font-size: 36px; } .bct2 { font-size: 28px; } .header .yj-bot .yj-link { font-size: 15px; margin: 0 20px; } .header { height: 80px; line-height: 80px; } .mtop { height: 80px; } .w1440 { width: 1162px; } .iibt { font-size: 20px; } .iibt:before, .iibt:after { width: 40px; } .iibt:after { left: 40px; } .ib1ms { font-size: 14px; height: 126px; } .ib1xq { margin-top: 20px; } .il2l { font-size: 14px; } .ic2list li:not(:first-child) { margin-top: 15px; } .ic2list { padding: 8px 20px; } .ib3num { font-size: 62px; } .ib3bt { font-size: 14px; margin-top: 35px; } .iibot1 { padding: 20px 30px 0 30px; } .frname { font-size: 24px; } .iimt { margin-top: -240px; } .ibct1 { font-size: 40px; line-height: 1.5; } .imlink { font-size: 14px; padding: 0 30px; } .insides-menu { height: 50px; line-height: 50px; } .abt1 { font-size: 30px; } .abt2, .ab1right, .aptxt, .al2txt { font-size: 14px; } .al1year { font-size: 120px; } .al2year { width: 200px; font-size: 40px; padding: 15px 0; } .al2line { margin: 20px auto 20px; } .ab2nf .slick-current .an2txt:before { border: 6px solid #fff; } .an2txt:before { width: 16px; height: 16px; } .an2txt:before { top: 3px; } .ab2nf .slick-list:before { top: 10px; } .ab2nf .slick-arrow { top: 0; } .ab2nf { margin-top: 80px; } .al3name { font-size: 18px; } .aw1t1 { font-size: 20px; } .aw1t2 { font-size: 14px; height: 50px; } .gbct { font-size: 40px; top: 36%; } .gcnr { font-size: 14px; } .gtvideo { height: 400px; } .gcnext a { right: 2%; } .gcprev a { left: 2%; } .ibct2 { font-size: 16px; } .ab4bt { font-size: 26px; } .ai4txt { font-size: 14px; } .al4wz { margin-top: 20px; } .aw4date { margin-top: 20px; padding-top: 20px; font-size: 14px; } .about2-bg, .ab2list { height: 500px; } .al2icon { width: 70px; height: 70px; line-height: 70px; font-size: 25px; margin: 170px auto 0; } .al2bt { font-size: 18px; margin-top: 20px; } .ab2list li:hover .al2icon { width: 80px; height: 80px; line-height: 80px; font-size: 35px; margin: 80px auto 0; } .ab2list li:hover .al2icon:before { width: 100px; height: 100px; } .al2line { height: 30px; margin: 15px auto 15px; } .al2ms1 { font-size: 16px; } .al2ms2 { font-size: 14px; } .al3item .smallimg { height: 370px; margin: 5px 0; } .al3txt { font-size: 14px; } .al3txt span{ height: 50px; } .nwct1 { font-size: 20px; } .nwct2 { font-size: 14px; height: 50px; } .ndrq { font-size: 18px; } .ndjt { margin-top: 60px; } .news-wrap li { padding: 30px 0; } .w1200 { width: 968px; } .ndtitle { font-size: 24px; } .nddate, .ndnr, .nbpn { font-size: 14px; } .bwltitle { font-size: 26px; } .bldz { font-size: 18px; } .bdsz { font-size: 40px; } .blxz { font-size: 14px; } .bwbtxt { font-size: 16px; height: 60px; line-height: 60px; } .hrybt { font-size: 30px; } .bticon { width: 90px; height: 90px; line-height: 90px; font-size: 35px; } .btnum { font-size: 30px; } .btnum em { font-size: 14px; } .bttxt { font-size: 16px; } .btwz { margin-left: 40px; } .pwct1 { font-size: 26px; } .pltp { height: 180px; } .pltxt { font-size: 18px; margin-top: 40px; } .pdbot { width: 900px; padding: 100px 60px; } .prname { font-size: 24px; } .prlable { margin-top: 10px; padding-top: 30px; } .prnr { margin-top: 30px; padding-top: 30px; } .pdcleft { height: 290px; } .pdpn a{ width: 50px; height: 50px; line-height: 50px; } .pmlink { margin: 0 30px; height: 45px; line-height: 45px; } .ntqh,.nt2qh { padding: 20px 0; font-size: 16px; } .nhtxt, .nltxt { padding: 10px 0; } .nhtxt, .nltxt { font-size: 14px; } .nllb li, .nlhead { padding: 0 30px; } .nt2title { font-size: 18px; } .nh2txt { font-size: 16px; } .nl2txt { font-size: 14px; } .bwct1 { font-size: 40px; } .bwct2 { font-size: 18px; } .cwrbt { font-size: 26px; } .cwxtxt { font-size: 14px; } .rctxt { font-size: 18px; } .rh2txt { font-size: 16px; } .rb2head { height: 60px; line-height: 60px; } .rb2txt, .rz2nr { font-size: 14px; } .rz2txt { font-size: 16px; } } @media screen and (max-width: 1200px) { .nt2list { height: 214px; } .nllb { height: 258px; } .nymt.active { top: 55px; margin-top: 0; } .gvcv { display: none; } .al2txt { margin-top: 5px; } .btnum em { margin-left: 5px; } .nt2tp { margin-top: 20px; } .al3item .smallimg { height: 250px; padding: 0 10px; } .nt2pic { width: 100%; } .ab2list li:hover .al2line, .ab2list li:hover .al2ms1, .ab2list li:hover .al2ms2 { display: block; } .al2line, .al2ms1, .al2ms2 { display: none; } .nymt.active { top: 55px; } .nymt { bottom: -75px; } .nosj { bottom: -40px; } .ndnr { font-size: 14px; } .ab2list li:hover:before { width: 100%; } .banner .slick-dots { bottom: 10px; } .banner .slick-dots li { width: 8px; height: 8px; line-height: 8px; margin: 0 5px; } .bwbt:before, .bwbt:after { display: none; } .bwct1 { font-size: 26px; } .bwct2 { font-size: 14px; } .bwpic img { height: 500px; object-fit: cover; } .menu-handler, .menuBox { display: block; } .header .yj-bot { display: none; } .head-wrap { padding: 0 5%; } .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: 130px; } .iimt { margin-top: 0; } .index-intro { padding: 40px 0; } .w1440 { width: 90%; } .iibot1 { float: none; width: 100%; padding: 15px; box-sizing: border-box; } .iibot2, .iibot3 { float: none; width: 100%; box-sizing: border-box; } .iimt { display: block; } .bscover { top: 20%; } .mtop { height: 55px; } .bct1 { font-size: 20px; } .bct2 { font-size: 18px; } .iibt { font-size: 18px; } .iibt:before, .iibt:after { width: 30px; } .iibt:after { left: 30px; } .ib1ms, .ib1xq { margin-top: 20px; } .iibot2 { padding: 15px; } .ib2top { padding: 0; } .ib2more { font-size: 13px; } .ic2bg { display: none; } .fwl, .fwr { float: none; } .fwr { margin-top: 20px; } .fwnumber i { width: 30px; height: 30px; line-height: 30px; font-size: 13px; } .fwnumber { font-size: 20px; } .fwadr { margin-top: 5px; } .fetxt { margin-top: 5px; } .flway { margin-left: 15px; } .frname { font-size: 18px; } .frt1, .frt2 { margin-top: 0; } .flewm img { width: 75px; } .ibct1 { font-size: 26px; } .ibcv { text-align: center; } .insides-mw { margin-top: 0; } .insides-menu { height: 40px; line-height: 40px; background: #333; } .insides-menu .w1440 { 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; } .about-bot1, .about-bot2, .about-bot3 { padding: 40px 0; } .about-bot1 { padding: 80px 0 40px 0; } .ab1left, .ab1right { float: none; width: 100%; } .ab1right { margin-top: 30px; } .abt1 { font-size: 20px; } .al1year { font-size: 100px; } .al1paly { margin-top: 30px; } .asbot { width: 500px; height: 300px; } .tbclose i { font-size: 40px; right: 0; top: -45px; } .ab2cont { margin-top: 30px; padding: 0; } .about-bot2 { background-attachment: local; } .al2year { width: 100px; font-size: 26px; padding: 5px 0; border: 2px solid #fff; } .al2line { width: 2px; height: 20px; margin: 10px auto 10px; } .ab2nf { margin-top: 30px; } .an2txt:before { width: 12px; height: 12px; } .ab2nf .slick-current .an2txt:before { border: 3px solid #fff; } .ai-first .an2txt:before { border: 3px solid #F4B544 !important; } .an2txt { font-size: 16px; padding-top: 20px; } .ab2nf .slick-list:before { top: 7px; } .ab2nf .slick-arrow { width: 38px; height: 38px; line-height: 38px; } .ab3list { display: block; margin-top: 30px; } .ab3list li { float: none; width: 100%; } .ab3list li.active { width: 100%; } .ab3list li.wf-w, .ab3list li.sx-w { width: 100%; } .al3name { display: none; } .al3pic img { width: 100%; } .al3wz { opacity: 1; visibility: visible; left: 15px; right: 15px; } .aw1t1 { font-size: 16px; } .aw1t2 { display: none; margin-top: 15px; } .aw1t3 { margin-top: 10px; font-size: 13px; } .al3pic:before { opacity: 0.8; } .gtbot { top: 20px; padding-bottom: 50px; } .gtclose { width: 40px; height: 40px; line-height: 40px; top: 5%; right: 6%; } .gbct { font-size: 24px; top: 50%; } .gcnr { padding: 20px 25px; } .gcpn a { width: 35px; height: 35px; line-height: 35px; font-size: 14px; } .gcreturn a { width: 120px; height: 35px; line-height: 35px; font-size: 14px; } .gtcw { padding-bottom: 30px; } .gtvideo { height: 300px; margin: 20px auto 0; } .gtcw { top: 0; } .ibct2 { font-size: 14px; } .about4-bot1 { padding: 80px 0; } .ab4bt { font-size: 20px; } .ab4banner { width: 100%; margin: 20px auto 0; } .ab4item { margin: 0; } .ai4txt { height: 48px; line-height: 48px; } .about4-bot2 { padding: 40px 0; } .bulding2-wrap { padding: 60px 0 40px 0; } .ab4list li { margin: 20px 0 0 4%; } .aw4desc { margin-top: 10px; } .aw4date { margin-top: 10px; padding-top: 10px; } .plnum { width: 32px; height: 32px; line-height: 32px; font-size: 14px; } .plpn { font-size: 14px; margin: 0 5px; } .pages-list { margin-top: 30px; } .about2-bg, .ab2list { height: auto; } .ab2list { display: block; } .ab2list li { padding: 20px 10px; } .al2icon { margin: 20px auto 0; width: 50px; height: 50px; line-height: 50px; font-size: 20px; background: #fff; color: #0061AE; } .al2bt { margin-top: 10px; } .al2line, .al2ms1, .al2ms2 { opacity: 1; visibility: visible; } .ab2list li:before { width: 100%; } .ab2list li { margin-top: 10px; } .about2-bg { padding: 70px 0 30px 0; } .ab2list li:hover .al2icon { margin: 20px auto 0; width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .ab2list li:hover .al2icon:before { display: none; } .about3-wrap { padding: 60px 0 40px 0; } .al3t { height: 280px; } .news-wrap { padding: 30px 0 40px 0; } .news-wrap li { padding: 10px 0; } .nwcont { margin-top: 0; } .nwct1 { font-size: 16px; } .nwct2 { margin-top: 5px; } .nwdate { display: none; } .nwcont { float: right; width: 60%; margin-left: 2%; } .nwpic { width: 37%; } .news-detail { padding: 40px 0; } .ndtitle { font-size: 20px; } .ndnr { margin-top: 15px; padding-top: 15px; } .ndbt { margin-top: 30px; } .nbpn { padding: 10px; } .w1200 { width: 90%; } .nbtxt { width: 80%; } .nbnext i { margin-left: 10px; } .nbprev i { margin-right: 10px; } .bulding-wrap { padding: 80px 0 40px 0; } .bwltitle { font-size: 20px; } .bwleft { float: none; width: 100%; } .bwright { position: relative; margin: 30px auto 0; width: 295px; height: 295px; } .bldz { float: none; width: 100%; font-size: 14px; } .bdsz { font-size: 30px; } .blxz { float: none; width: 100%; box-sizing: border-box; } .blxz:before { top: 13px; } .bwbt { margin-top: 30px; } .bwbtxt { width: 100%; height: 45px; line-height: 45px; font-size: 14px; } .bulding-ry, .bulding-tj { padding: 40px 0; } .hrybt { font-size: 20px; } .hrylist { padding-bottom: 40px; margin-top: 30px; } .bticon { width: 60px; height: 60px; line-height: 60px; font-size: 25px; } .btnum { font-size: 20px; } .bttxt { font-size: 14px; } .btwz { margin-left: 20px; } .pmlink { font-size: 12px; margin: 0 10px; height: 35px; line-height: 35px; } .pdmenu { width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .products-wrap { padding: 115px 0 40px 0; } .pwct1 { font-size: 20px; } .pwct2 { margin-top: 20px; } .pwcont { padding: 0; } .pwlist li { padding: 15px 15px 30px 15px; margin-top: 30px; } .pltp { height: 130px; } .pltxt { font-size: 14px; margin-top: 20px; } .plxq { width: 130px; height: 40px; line-height: 40px; bottom: -20px; } .pdbot { width: 100%; height: 100vh; overflow-y: scroll; padding: 40px 5%; } .pdprev a{ left: 5%; } .pdnext a{ right: 5%; } .pdcleft, .pdcright { float: none; width: 100%; } .pdcright { margin-top: 20px; } .pdcleft { height: 220px; } .pdclose { top: 10px; right: 10px; } .prname { font-size: 20px; } .pdpn a{ top: 25%; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ccc; } .pdpn i { font-size: 12px; color: #ccc; } .net-wrap { padding: 115px 0 40px 0; } .nwleft, .nwright { float: none; width: 100%; } .nwright { margin-top: 20px; } .ntqh,.nt2qh { padding: 10px 0; font-size: 14px; } .nllb li, .nlhead { padding: 0 15px; } .nhtxt, .nltxt { font-size: 12px; } .nt2title { font-size: 16px; } .nt2pic { margin-top: 30px; } .nt2head, .nt2list li { padding: 0 15px; } .nh2txt { font-size: 14px; padding: 10px 5px; } .nl2txt { font-size: 12px; padding: 10px 5px; } .contact-wrap { padding: 40px 0; } .maps { float: none; width: 100%; height: 300px; } .cwright { float: none; width: 100%; padding: 20px; } .cwrbt { font-size: 20px; margin-bottom: 15px; padding-bottom: 10px; } .cwrxx { margin-top: 5px; } .cwrewm { margin-top: 20px; } .cwrewm img { width: 75px; } /*.mbno { display: none; } .rh2txt, .rb2txt { width: 40% !important; } .rb2txt:last-child { width: 20% !important; }*/ .rctxt { font-size: 14px; padding-left: 10px; text-align: left; } .rctxt:before { top: 13px; width: 4px; height: 4px; } .rb2head { display: flex; height: auto; line-height: 1.5; } .rh2txt { display: block; font-size: 14px; box-sizing: border-box; padding: 5px; } .rb2txt, .rz2nr { font-size: 12px; } .rb2txt { padding: 10px 5px; box-sizing: border-box; } .rb2txt:last-child { padding: 10px 0; } .rt2jt { width: 25px; height: 25px; line-height: 25px; } .rc2bot { padding: 40px 0; } .rl2zk { padding: 20px 0; margin: 0 5%; } .rz2bt { margin-top: 10px; padding-top: 10px; } .rz2txt { font-size: 14px; } .ibcv { top: 50%; } .btcv { text-align: left; box-sizing: border-box; padding-left: 50px; } .banner .slick-dots li { border: 1px solid #fff; } .banner .slick-dots li.slick-active { width: 10px; height: 10px; line-height: 10px; } .ab4banner .slick-prev { left: 0; } .ab4banner .slick-next { right: 0; } .ab4banner .slick-arrow { width: 35px; height: 35px; line-height: 35px; } .ai4tp:before { display: none; } } @media screen and (max-width:860px) { .al3item { width: 48%; margin: 15px 0 0 2%; } .al3t { height: 200px; } .pwlist li { width: 43%; } .pltxt { margin-top: 10px; } .prtxt { float: none; width: 100%; } .prlable { padding-top: 15px; } .prnr { margin-top: 15px; padding-top: 15px; } } @media screen and (max-width: 640px) { .np2ct img { width: 15px; } .np2ct strong { font-size: 12px; } .an2prev, .an2next { width: 35px; height: 35px; line-height: 35px; font-size: 14px; } .ab2nf { padding: 10px 36px 0 36px; } .banner .pimg { height: 233px; object-fit: cover; } .ic2pic, .ic2list { float: none; width: 100%; } .ic2list { padding: 15px 0; height: 177px; } .ic2list li:not(:first-child) { margin-top: 10px; } .iibot3 li { padding: 15px; } .ib3num { font-size: 40px; } .ib3bt { margin-top: 15px; } .rscv { display: block; margin-left: 0; width: 90%; margin: 0 auto; } .asbot { width: 90%; height: 250px; } .ai2l { float: none; width: 100%; margin-top: 0; } .ai2r { float: none; width: 100%; border: 3px solid #fff; margin-top: 20px; } .al3pic img { height: 102px; object-fit: cover; } .gcnext a { right: -15px; } .gcprev a { left: -15px; } .gtvideo { height: 230px; } .ab4list li { width: 46%; } .hlitem { margin: 0 5px; } .hrylist .slick-dots li { width: 8px; height: 8px; margin: 0 5px; } .bulding-tj ul { display: block; } .bulding-tj li { float: none; width: 100%; margin-top: 5px; } .bttp img { height: 150px; } .btwz { text-align: left; } .maps { height: 200px; } .ip2item img { height: 180px; object-fit: cover; } .gcpn a { top: 20%; background: #fff; } .gtcw { width: 100%; } .gtvideo { width: 90%; } .gbpic img { height: 150px; object-fit: cover; } } @media screen and (max-width: 480px) { .nt2list{ height: 382px; } .ibtp img { height: 150px; width: auto; position: relative; left: 50%; transform: translateX(-80%); } .banner .pimg { height: 200px; } .np2ct { top: 31%; left: 28%; } .al3item .smallimg { height: 150px; } .bwright { width: 260px; height: 260px; padding: 15px; } }