@media screen and (min-width: 1200px) { .transXT50.target { transform: translateY(-80px); -webkit-transform: translateY(-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; } .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 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(-80px); -webkit-transform: translateX(-80px); 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(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; } .loadbg { position: relative; } .loadbg.target:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0px; background-color: #fff; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, .2, 1); transition: transform .5s cubic-bezier(.4, 0, .2, 1); transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); visibility: hidden\9; z-index: -3; } .action.loadbg:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; } .load-bg { position: relative; overflow: hidden; } .load-bg.target:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-color: rgba(255, 255, 255); transform-origin: left center; transform: scale(1, 1); transition: all 800ms ease 0s; z-index: 99; } .action.load-bg:before { transform-origin: right center; transform: scale(0, 1); } .load-words.target span { opacity: 0; visibility: hidden; } .action.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 } } .index-yw li:nth-child(1) .iyicon { transition-delay: 0.15s; } .index-yw li:nth-child(2) .iyicon { transition-delay: 0.25s; } .index-yw li:nth-child(3) .iyicon { transition-delay: 0.35s; } .index-yw li:nth-child(4) .iyicon { transition-delay: 0.45s; } .index-yw li:nth-child(5) .iyicon { transition-delay: 0.55s; } } @media screen and (max-width:1860px) {} @media screen and (max-width:1750px) {} @media screen and (max-width:1600px) { .header .yj-bot .yj-link { padding: 0 10px; font-size: 16px; } .head-logo { width: 210px; top: 19px; } .sw2qh { width: 100px; height: 100px; font-size: 14px; margin: 0 10px; padding-top: 15px; } .sw2qh i { font-size: 29px; } .w1500 { width: 1300px; } } @media screen and (max-width:1550px) { .bict1 { font-size: 14px; } .bict2 { font-size: 36px; } .bict3 { font-size: 18px; } .mouseIco { width: 25px; height: 40px; } .mouseIco i { width: 3px; margin-left: -1px; } .banner .slick-dots li { width: 10px; height: 10px; line-height: 10px; margin: 15px 0; } .w1400 { width: 1200px; } .iaceng { font-size: 28px; } .iactxt1 { font-size: 26px; } .it2wz { font-size: 16px; } .iactxt2 { padding-top: 25px; margin-top: 20px; } .iactxt2:before { height: 4px; } .ijsz { font-size: 40px; } .ijsup { font-size: 14px; margin-left: 20px; } .isjtxt, .iamore a { font-size: 14px; } .iamore a { padding: 24px 28px; } .iyicon { width: 139px; height: 145px; } .iycont { margin-top: 80px; } .iyceng { font-size: 18px; } .index-yw li { padding: 100px 30px; } .iycname { font-size: 20px; } .iycms { margin-top: 20px; } .ib1left { padding: 50px 140px 0 140px; } .ir1txt { padding: 100px 40px 30px 40px; } .ir1txt font { font-size: 20px; height: 30px; } .ib2r { padding: 50px 140px 0 40px; } .ir2bt { font-size: 20px; height: 30px; } .ir2ms { font-size: 14px; margin-top: 20px; height: 50px; } .ir2xq { font-size: 14px; margin-top: 30px; } .iltitle { font-size: 20px; height: 60px; } .ftlist li { margin-left: 60px; } .ftlist { margin-left: -60px; } .flyj { font-size: 16px; margin-bottom: 10px; } .flej, .fl2txt { font-size: 14px; } .eitxt1 { font-size: 28px; } .eitxt2 { font-size: 16px; } .ep1bt { font-size: 26px; } .ec1ms { font-size: 14px; height: 50px; } .eltxt1 { font-size: 20px; } .eltxt2 { font-size: 14px; } .ed1title { font-size: 24px; } .ed1nr { margin-top: 20px; font-size: 14px; } .edtitle { font-size: 24px; } .eb2icon { width: 50px; height: 50px; } .eb2txt { font-size: 14px; margin-top: 20px; height: 84px; } .ed2nr { font-size: 14px; } #certify { width: 1200px; } #certify .swiper-slide { width: 800px; } .sw1list li { padding: 20px; } .swltxt1 { font-size: 18px; height: 18px; } .swltxt2 { margin-top: 10px; } .swlbtn { margin-top: 20px; } .ibctxt1 { font-size: 30px; } .ibctxt2 { font-size: 16px; } .sbrbt { font-size: 24px; } .sbrbt:before { width: 4px; height: 20px; } .sbrms { font-size: 16px; margin-top: 20px; } .slbtxt { font-size: 16px; } .sd2gn { font-size: 16px; } .sjz5list li { padding: 35px; } .sjlicon i { font-size: 50px; } .sjtxt1 { font-size: 20px; } .sjtxt2 { font-size: 14px; margin-top: 10px; } .sjlwz { margin-left: 40px; } .sc2title { font-size: 24px; height: 36px; } .sc2ms { margin-top: 15px; font-size: 14px; height: 100px; } .sc2btn { margin-top: 40px; } .sdc2name { font-size: 24px; } .sdc2ms { font-size: 14px; margin-top: 30px; } .sc2bot { padding: 0 30px; } .sd2cover { right: 175px; } .sw3ct1 { font-size: 18px; } .sw3ct2 { font-size: 45px; } .sw3ct3 { font-size: 20px; } .sw3title { font-size: 26px; } .pi1bt { font-size: 20px; } .pi1ms { margin-top: 20px; font-size: 14px; } .pi2icon { width: 55px; height: 55px; } .pi2tb { padding: 30px 0; } .pi2txt { height: 100px; line-height: 100px; font-size: 20px; } .pslicon { width: 100px; height: 100px; line-height: 100px; font-size: 38px; } .psjt { font-size: 22px; } .pc2title { font-size: 24px; } .pc2ms { font-size: 14px; margin-top: 30px; } .ps2cover { padding: 0 40px; } .pyw3cv { right: 318px; } .pwibt { font-size: 24px; } .pwibt:before { width: 6px; height: 25px; } .sl1cont { padding: 40px 30px 0 40px; } .slc1bt { font-size: 24px; } .slc1nr { font-size: 14px; margin-top: 20px; } .sv2cont { font-size: 14px; } .sv2bt { font-size: 24px; } .sv2eb { font-size: 16px; } .sl2icon { width: 70px; height: 70px; } .sl2txt1 { font-size: 18px; } .sl2txt2 { font-size: 14px; } .sbl2icon { width: 86px; height: 86px; line-height: 86px; font-size: 40px; } .sbl2txt1 { font-size: 22px; } .sbl2txt2 { font-size: 14px; } .sbl2txt2 strong { font-size: 28px; } .sc4bt { font-size: 20px; } .sc4txt { font-size: 14px; margin-top: 30px; } .sv2pb { padding: 80px 0; } .ab2txt1 { font-size: 18px; } .at2wz, .al3nr { font-size: 14px; } .al3year { font-size: 20px; } .al3nr { margin-top: 5px; } .aw1txt2 { font-size: 14px; } .aw2list li { width: 140px; height: 140px; padding-top: 35px; } .al2icon { font-size: 30px; } .al2txt { font-size: 16px; } .ac3txt1 { font-size: 22px; } .ac3txt2 { font-size: 15px; } .ac3txt3 { font-size: 14px; } .an4txt { font-size: 14px; } .al2bt { font-size: 20px; height: 60px; } .al2ms { margin-top: 10px; } .al2date { margin-top: 30px; } .adl2title, .adr2bt { font-size: 26px; } .ad2wrap { margin-top: 50px; } .adl2nr { font-size: 14px; } .arl2txt { font-size: 14px; height: 42px; } .adl2bottom { margin-top: 100px; } .abl2txt { font-size: 14px; height: 21px; } .ab2r a { font-size: 14px; } .ah2txt, .akibt { font-size: 18px; } .am2txt { font-size: 14px; } .maps { height: 522px; } .aml4icon { font-size: 25px; } .aml4txt1 { font-size: 20px; margin-top: 20px; } .alc4bt { font-size: 24px; } .alc4ms { font-size: 14px; margin-top: 5px; } .alc4form { margin-top: 20px; } .af4item, .af4long { margin-top: 15px; } .alx4cont { padding: 40px 70px 0 70px; } .awt5qh { font-size: 16px; margin: 0 50px; } .awt5qh i { font-size: 22px; } .aw5list li { padding: 40px 100px 40px 0; } .search-results{ font-size: 24px; } } @media screen and (max-width: 1440px) {} @media screen and (max-width: 1370px) { .header { padding: 0 5%; } .head-logo { left: 5%; } .hwright { right: 5%; } .header .yj-bot .yj-link { font-size: 15px; } .hlicon { font-size: 22px; } .w1400 { width: 1100px; } .index-yw li { padding: 100px 20px; } #certify { width: 1100px; } #certify .swiper-slide { /*width: 550px;*/ } .w1500 { width: 1200px; } .al4wbk { height: 38px; line-height: 38px; } .al4area { height: 80px; } } @media screen and (max-width: 1280px) { .aw3bot { width: 90%; } } @media screen and (max-width: 1200px) { .header { position: fixed; height: 55px; line-height: 55px; padding: 0; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); } .header .yj-bot { display: none; } .head-logo .himg1 { display: none; } .head-logo .himg2 { display: block; } .head-logo { width: 160px; top: 9.5px; } .hwright { display: none; } .bwfg { right: 5%; } .menu-handler, .menuBox { display: block; } .head-wrap { margin: 0; height: 55px; line-height: 55px; } .mtop { height: 55px; } .w1400 { width: 90%; } .banner-wrap { margin-top: 55px; } .mouseBox { display: none; } .banner .slick-dots li { display: inline-block; margin: 0 8px; width: 8px; height: 8px; line-height: 8px; } .banner .slick-dots { top: auto; transform: translateY(0); right: 0; width: 100%; text-align: center; bottom: 10px; } .bict2 { font-size: 18px; } .bict3 { font-size: 14px; } .bict1 { font-size: 12px; } .index-about { padding: 30px 0; } .iaceng { font-size: 18px; } .iactxt1 { font-size: 20px; } .iactxt2 { padding-top: 15px; margin-top: 15px; } .iactxt2:before { width: 39px; } .it2wz { font-size: 14px; } .iamore a { position: static; width: 80px; height: 80px; padding: 15px 20px; font-size: 12px; transform: translateY(0); margin: 20px auto 0; } .iamore a i { font-size: 12px; } .iacsj { margin-top: 20px; } .ijsz { font-size: 24px; } .ijsup { margin-left: 10px; font-size: 13px; } .iacsj li:not(:first-child) { margin-left: 0; } .iacsj li { width: 50%; margin-top: 15px; box-sizing: border-box; padding-left: 26px; } .index-yw ul { display: block; } .index-yw li { padding: 20px 5%; border-bottom: 1px solid #E1E2E4; } .index-yw li:not(:first-child) { border-left: none; } .iyicon { display: inline-block; vertical-align: middle; width: 59px; height: 65px; } .iycont { display: inline-block; vertical-align: middle; width: 74%; margin-top: 0; margin-left: 20px; } .iycname { font-size: 18px; } .iycms { margin-top: 5px; } .ib1left, .ib2r { position: relative; width: 100%; padding: 30px 5%; } .ib1right, .ib2l { float: none; width: 100%; height: 200px; } .ir1txt { padding: 30px 5% 15px 5%; } .ir1txt font, .ir2bt { font-size: 18px; height: 27px; } .ir2ms { margin-top: 10px; } .ir2xq { margin-top: 20px; } .index-news { padding: 30px 0; } .intop .iamore a { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: 0; } .inlist { margin-top: 20px; border-top: none; } .inlist li { float: none; width: 98%; padding-top: 15px; margin-top: 15px; border-top: 1px solid #D8D8D8; } .ildate { font-size: 14px; } .iltitle { font-size: 18px; height: 54px; margin-top: 5px; } .ilpic { margin-top: 15px; } .ftlist { display: none; } .ftgz { float: none; } .ftbot1 { padding: 20px 0; } .flyj { font-size: 14px; margin-bottom: 5px; } .fgewm { width: 70px; } .fgewm img { display: block; width: 100%; } .ftbot2 { padding: 10px 0; } .flej, .fl2txt { font-size: 13px; } .fb2l, .fs-select { float: none; } .fb2l { margin-top: 10px; } .fs-select { width: 100%; height: 35px; line-height: 35px; padding: 0 15px; font-size: 13px; } .frlink { width: 38px; height: 38px; line-height: 38px; font-size: 20px; } .inside-banner { margin-top: 55px; } .ep1intro { padding: 30px 0; } .eitxt1 { font-size: 20px; } .eitxt2 { margin-top: 10px; font-size: 14px; } .eixq { width: 160px; height: 45px; line-height: 45px; font-size: 14px; margin: 20px auto 0; } .eixq i { font-size: 22px; } .eitxt2 br { display: none; } .ep1products { padding: 30px 0; } .ep1bt { font-size: 18px; } .ep1xz { margin-top: 10px; font-size: 14px; } .ep1banner { margin-top: 20px; padding: 0 20px 50px 20px; } .ei1pic { height: 150px; } .ei1cont { padding: 20px; } .ec1xq { font-size: 14px; width: 150px; margin: 20px auto 0; height: 40px; line-height: 40px; } .ep1banner .slick-arrow:before { font-size: 22px; } .ep1video { height: 400px; } .icplay i { font-size: 35px; } .icplay { font-size: 14px; } .ep1advantage { padding: 30px 0; } .ea1list { display: block; margin-top: 10px; } .ea1list li { flex: auto; margin-top: 15px; padding: 0 20px; } .eltxt1 { font-size: 18px; margin-top: 5px; } .eltxt2 { margin-top: 10px; } .elicon { width: 70px; } .ed1bot1 { padding: 15px 0 30px 0; margin-top: 55px; } .ibicon { font-size: 15px; } .iblink { font-size: 12px; } .ed1box { margin-top: 0; } .ed1bot2 { padding: 30px 0; } .edtitle { font-size: 20px; } .eb2item { padding: 30px 15px 15px 15px; } .eb2icon { width: 35px; height: 35px; } .eb2banner { margin-top: 20px; padding: 0 15px 25px 15px; } .ec1banner { margin-top: 20px; padding: 0 15px 35px 15px; } .eb2banner .slick-arrow:before, .ec1banner .slick-arrow:before { font-size: 24px; } .ed1case { padding: 30px 0; } .ec1item { margin: 0 15px; } .ec1txt { font-size: 14px; height: 45px; line-height: 45px; } .ed1load { padding: 30px 0; } .el1list { margin-top: 20px; padding-bottom: 15px; } .el1list li { width: 96%; margin-top: 15px; } .eltxt { font-size: 14px; } .elxz { width: 15px; height: 15px; margin-right: 10px; } .eldown { font-size: 18px; } .ed2bot1 { padding: 20px 0 30px 0; } .ed2box2 { float: none; width: 100% !important; margin-top: 20px; } .ed2nr { margin-top: 15px; } .ed2yy { padding: 30px 0; } #certify { width: 100%; margin: 30px auto 0; } #certify .swiper-slide { width: 350px; } #certify .swiper-slide p { font-size: 14px; padding: 40px 10px 10px 10px; } .ed3l, .ed3r { float: none; width: 100%; } .ed3r { margin-top: 20px; } .ed3bt { font-size: 18px; padding-left: 15px; } .ed3bt:before { width: 3px; height: 20px; } .sw1list { padding: 15px 0 30px 0; } .sw1list li { width: 97%; padding: 15px; margin: 15px 0 0 3%; } .ibctxt1 { font-size: 18px; } .ibctxt2 { font-size: 13px; margin-top: 5px; } .ibctxt2 br { display: none; } .sdb1l, .sdb1r, .sdb2right, .sdb2left { float: none; width: 100%; } .sd1bot1, .sd1bot2 { padding: 30px 0; } .sdb1r, .sdb2left { margin-top: 20px; } .sbrbt { font-size: 18px; padding-left: 15px; } .sbrbt:before { top: 4px; } .sbrms { font-size: 14px; margin-top: 10px; } .sbl2bt { height: 45px; line-height: 45px; } .slbtxt { height: 45px; } .slbnum { margin-top: 13.5px; } .slbicon { margin-top: 16.5px; } .sbl2bt.active .slbicon { margin-top: 21.5px; } .sblzk { padding: 15px 0; } .sd1bot3 { padding: 30px 0; } .slb3lct { margin-top: 20px; } .sd2gn { margin-top: 20px; font-size: 14px; } .sdb1r { position: static; transform: translateY(0); } .sdb4pic { float: none !important; width: 100%; } .sdb4cont { position: static; transform: translateY(0); width: 100%; margin-top: 20px; } .sd5jqr li, .sd5jz { padding: 30px 0; } .sjz5list { margin-top: 20px; } .sjz5list li { padding: 20px; } .sjlicon i { font-size: 30px; } .sjtxt1 { font-size: 16px; } .sjtxt2 { margin-top: 5px; } .sjlwz { margin-left: 15px; } .sjtxt2 { font-size: 13px; } .sd5jgt { padding: 30px 0; } .sd5jg { margin-top: 20px; } .sd5more a { height: 40px; line-height: 40px; font-size: 14px; margin-top: 20px; } .sw2tab { padding: 20px 0; } .sw2qh { width: 73px; height: 73px; padding-top: 10px; margin: 10px 5px; font-size: 13px; } .sw2qh i { font-size: 22px; } .sw2qh:hover:after, .sw2qh.active:after { bottom: -13px; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 10px solid #005BAC; } .sw2list li { padding: 20px 0; } .sw2list li:nth-of-type(odd) .sl2cont { padding: 0 0 0 20px; } .sw2list li:nth-of-type(even) .sl2cont { padding: 0 20px 0 0; } .sc2title { font-size: 18px; height: 27px; } .sc2ms { margin-top: 5px; } .sw2wrap { padding-bottom: 30px; } .sw2more a { margin: 30px auto 0; } .sd2cover { position: static; width: 100%; } .sc2bot { position: static; transform: translateY(0); padding: 20px 5%; } .sdc2name { font-size: 20px; } .sdc2name:before { width: 30px; height: 3px; } .sdc2ms { margin-top: 20px; } .sd2wrap { padding: 30px 0; } .sw2box li:not(:first-child) { margin-top: 20px; } .sw2box { padding-bottom: 30px; } .sd2return a { width: 100px; height: 32px; line-height: 32px; font-size: 13px; margin: 20px auto 0; } .sw3ct1 { font-size: 14px; } .sw3ct2 { font-size: 20px; } .sw3ct3 { font-size: 16px; letter-spacing: 10px; } .sw3wrap { padding: 30px 0; } .sw3title { font-size: 18px; } .sw3nr { margin-top: 20px; font-size: 14px; } .pj1bot1 { padding: 30px 0; } .pj1banner { margin-top: 20px; } .pb1item, .pb3list li { padding: 20px; } .pi1icon { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .pi1bt { margin-top: 20px; font-size: 16px; } .pi1ms { font-size: 13px; margin-top: 10px; } .pi1ms { margin-top: 3px; } .pj1banner .slick-arrow:before { font-size: 20px; } .pj1banner { padding: 0 30px 40px 30px; } .pj1bot2 { padding: 30px 0; } .pj2desc { margin-top: 20px; font-size: 14px; } .pj1bot3 { padding: 30px 0; } .pb3list, .pj2pic { margin-top: 20px; } .w1500 { width: 90%; } .pj2banner { margin-top: 30px; padding: 0 20px 40px 20px; } .pj2banner .slick-arrow:before { font-size: 20px; } .pi2tb { padding: 20px 0; } .pi2icon { width: 35px; height: 35px; } .pi2txt { height: 60px; line-height: 60px; font-size: 18px; } .pb2item { margin: 0 5px; } .pj2service { padding: 30px 0; } .ps2list { margin-top: 30px; } .psjt { display: none; } .pslicon { width: 75px; height: 75px; line-height: 75px; font-size: 25px; margin: 0 auto; } .psltxt { font-size: 14px; margin: 10px 0; } .ps2list li { display: block; float: left; width: 33.333%; margin: 0; } .pc2title { font-size: 18px; padding-bottom: 10px; } .pc2title:before { width: 25px; height: 3px; } .ps2cover { transform: translateY(-50%); padding: 0 5%; } .pc2ms { opacity: 1; visibility: visible; margin-top: 15px; font-size: 13px; } .pj2cases { padding: 30px 0; } .pjc2banner { margin-top: 20px; padding: 0 20px 40px 20px; } .pjc2banner .slick-arrow:before { font-size: 20px; } .pjb2item { margin: 0 5px; } .pi2wz { height: 45px; line-height: 45px; font-size: 14px; } .pyw3cv { text-align: center; right: auto; left: 50%; transform: translate(-50%, -50%); } .pyw3cv .ed1btn a { margin-top: 15px; } .pw3item { margin-top: 30px; } .pwibt { font-size: 18px; padding-left: 15px; } .pwibt:before { width: 4px; height: 20px; } .pilw { float: none; width: 95%; height: 50px; line-height: 50px; } .pilbt, .pilbt2 { font-size: 14px; } .piyye { height: 50px; line-height: 50px; } .piyye { display: block; } .pillong .pilbt { margin-left: 20px; } .pilarea textarea { height: 100px; padding: 10px 15px; font-size: 14px; } .pw3code .pilbt{ width: auto; margin-right: 15px; } .pw3gx { font-size: 16px; margin: 20px 0 0 20px; } .pw3code { width: 100%; } .pc3send { width: 100px; margin-top: 19px; } .pc3send img { display: block; width: 100%; } .pw3submit a { height: 50px; line-height: 50px; margin-top: 20px; font-size: 14px; } .pw3ts { font-size: 14px; margin-top: 10px; } .pj3wrap { padding: 5px 0 30px 0; } .service1-list { padding: 30px 0; } .sl1cont { padding: 20px; } .slc1bt { font-size: 18px; } .slc1nr { margin-top: 10px; } .sl1pic, .sl1cont { float: none !important; width: 100% !important; } .sv2pb { padding: 30px 0; } .sv2bt { font-size: 18px; } .sv2eb { width: 200px; height: 40px; line-height: 40px; margin: 20px auto 0; font-size: 14px; } .sv2xt { display: none; } .sv2list li { width: 96%; padding: 20px; margin-top: 20px; } .sl2icon { width: 55px; height: 55px; } .sl2txt1 { font-size: 16px; margin-top: 10px; } .sl2txt2 { margin-top: 10px; } .sv2list li { min-height: auto; } .st2bot { display: block; width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .st2link { flex: auto; display: inline-block; font-size: 14px; padding: 0 15px; } .service2-tab { height: 40px; line-height: 40px; } .sb2list { margin: 20px 0 0 -6%; } .sb2list li { padding: 20px; } .sbl2icon { width: 70px; height: 70px; line-height: 70px; font-size: 30px; } .sbl2txt1 { font-size: 18px; margin-top: 10px; } .sbl2txt2 { margin-top: 10px; } .sbl2txt2 strong { font-size: 24px; } .sb2list li { width: 94%; margin-top: 15px; } .sb3cont { margin-top: 20px; font-size: 14px; } .sb4banner { padding: 0 30px 40px 30px; margin-top: 20px; } .si4pic { height: 300px; } .si4cont { height: 300px; padding: 20px 20px 0 20px; } .sb4banner .slick-arrow:before { font-size: 20px; } .sc4bt { font-size: 18px; } .sc4txt { margin-top: 10px; } .av3bot { padding: 30px 0; } .sv3fwl, .sv3fwr { float: left; width: 100%; } .sv3fwr { margin-top: 10px; } .cpdetail { padding: 20px 0; } .cpditem { float: none; width: 100%; margin: 15px 0; } .cdibox .ed2nr:not(:first-child) { margin-left: 20px; } .aw1pic, .aw1cont { width: 100%; float: none; } .aw1cont { margin-top: 20px; } .aw1txt2 { margin-top: 20px; } .about1-wrap1, .about1-wrap2, .about1-wrap3 { padding: 30px 0; } .aw2box { display: block; margin-top: 20px; border-right: none; } .aw2box li { border-left: none; padding: 15px 0; border-bottom: 1px solid #C4C4C4; } .ab2txt1 { font-size: 16px; } .at2wz { margin-top: 5px; } .aw3sj { font-size: 24px; margin-top: 20px; } .al3zy { float: none !important; width: 100%; padding: 15px; text-align: left !important; } .aw3list li .al3zy:before, .aw3list li .al3zy:after { display: none; } .aw3list li { margin-top: 10px; } .aw3list { padding: 20px 0; } .al3year { font-size: 18px; } .about2-wrap1 { padding: 20px 0; } .about2-wrap2 { padding: 30px 0; } .aw2list li:after { bottom: -17px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #005BAC; } .al2icon { font-size: 20px; } .al2txt { font-size: 14px; } .aw2list li { margin: 0 10px; } .aw2list li:after { display: none; } .aw2list li { width: 80px; height: 80px; padding-top: 15px; } .aw2detail { font-size: 14px; } .about3-wrap.about3-wrap { padding: 20px 0 30px 0; } .ay3pic { float: none !important; width: 100%; } .ay3cont { position: static; transform: translateY(0); width: 100%; padding: 15px; } .ac3txt1 { font-size: 18px; } .ac3txt2 { font-size: 14px; } .ac3txt3 { margin-top: 15px; } .about4-wrap1 { padding: 30px 0; } .aw4bot { width: 95%; margin-left: 5%; margin-top: 20px; } .ab4line { margin-top: 20px; } .ab4line:before { height: 3px; top: 25px; } .al4zy { width: 45px; height: 45px; margin-left: 10%; } .azyicon { height: 45px; line-height: 45px; } .about4-wrap2 { padding: 30px 0; } .aw42-left { float: none; width: 100%; } .al42nr { margin-top: 20px; } .aw42-right { float: none; width: 100%; margin-top: 20px; padding: 0 50px; } .aw42-right .slick-arrow { width: 40px; height: 32px; line-height: 32px; } .aw42-right .slick-arrow:before { font-size: 12px; } .about2-news { padding: 85px 0 30px 0; } .ar2all { font-size: 14px; line-height: 18px; } .ar2box { width: 40px; height: 20px; line-height: 20px; } .ar2jt { width: 18px; height: 18px; line-height: 18px; margin-left: 15px; } .ay2txt { font-size: 14px; margin-left: 10px; line-height: 20px; } .an2list li { width: 47%; margin: 15px 0 0 3%; } .al2wz { padding: 15px; } .al2bt { font-size: 18px; height: 54px; } .al2ms { margin-top: 5px; } .al2date { margin-top: 10px; font-size: 13px; } .ad2wrap { margin-top: 20px; } .ad2left { float: none; width: 100%; border-right: none; padding-right: 0; } .adl2title { font-size: 18px; } .adl2date { font-size: 13px; margin-top: 10px; } .adl2nr { margin-top: 20px; } .adl2bottom { margin-top: 20px; padding-top: 15px; } .ab2l { float: none; width: 100%; } .ab2r a { float: none; width: 110px; height: 40px; line-height: 40px; font-size: 13px; margin: 20px auto 0; } .ad2right { float: none; width: 100%; margin-top: 30px; } .adr2bt { font-size: 18px; } .adr2list { margin-left: -2%; } .adr2list li { float: left; width: 48%; margin-left: 2%; margin-top: 15px; } .arl2txt { margin-top: 10px; } .about3-zp { padding: 30px 0; } .azbnr { font-size: 14px; margin-top: 20px; } .azpbot2 { margin-top: 30px; } .ab2gw { margin-top: 20px; } .ah2txt { font-size: 16px; height: 50px; line-height: 50px; } .aglmr { height: 50px; line-height: 50px; } .aglzk { padding: 20px; } .akbitem { float: none; width: 100%; padding-right: 0; margin-top: 20px; } .akibt i { font-size: 20px; margin-right: 20px; } .akibt { font-size: 16px; } .akitxt { margin-left: 40px; margin-top: 20px; } .akitxt { margin-top: 10px; } .azsend a { margin: 30px auto 0; } .about4-map { margin-top: 55px; } .maps { height: 300px; } .am4btn { width: 130px; height: 40px; line-height: 40px; font-size: 14px; margin: 20px auto 0; } .am4btn i { font-size: 15px; } .about4-message { padding: 30px 0; } .am4list { display: block; } .am4list li { float: none; width: 98%; padding: 20px; margin-top: 10px; } .am4list li:before { bottom: 20px; } .aml4icon { font-size: 20px; } .aml4txt1 { font-size: 18px; margin-top: 10px; } .about4-lx { padding-bottom: 30px; } .alx4pic { float: none; width: 100%; } .alx4cont { position: static; width: 100%; padding: 20px; } .alc4bt { font-size: 18px; } .al4wbk { padding: 0 15px; font-size: 13px; } .al4area { padding: 10px 15px; font-size: 13px; } .af4item { float: none; width: 100%; } .about5-wrap { padding: 30px 0; } .aw5tab { width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .awt5qh { font-size: 14px; margin: 0 15px; padding-bottom: 10px; } .awt5qh i { font-size: 18px; margin-right: 5px; } .ibsearch { width: 90%; height: 40px; line-height: 40px; margin: 15px auto 0; } .issrk { font-size: 13px; padding: 0 15px; } .isbtn { font-size: 18px; } .aw5list li { float: none; width: 100%; padding: 15px 0; } .al5icon { height: 100px; line-height: 100px; font-size: 25px; } .al5wz { padding-left: 20px; } .al5bt { font-size: 14px; height: 21px; } .al5date { font-size: 13px; margin-top: 5px; } .al5date i { font-size: 15px; } .al5load { font-size: 13px; margin-top: 20px; } .pages-list { margin-top: 20px; } .pages-list a { width: 32px; height: 32px; line-height: 32px; margin: 0 2px; font-size: 12px; } .aw1eng{ font-size: 16px; } .hlicon,.hlselect{ color: #333; } .hlselect{ padding: 0 10px; } .pj1bot3{ height: 300px; } .pj2sv2{ margin-top: 30px; } .pj2sv2 ul{ margin-top: 20px; } } @media screen and (max-width: 1024px) { .ed1left { float: none; width: 100%; } .elitem { height: 300px; } .ed1right { float: none; width: 100%; margin-top: 20px; } .ed1title { font-size: 20px; } .ed1nr { margin-top: 10px; } .ed1btn a { width: 110px; height: 38px; line-height: 38px; font-size: 12px; margin-top: 20px; } .ed1btn a i { font-size: 20px; } .pj2sv2 ul { display: block; } .pj2sv2 li { flex: auto; float: none; width: 100%; } .ps2pic { height: 250px; } .si4pic { float: none; width: 100%; height: 200px; } .si4cont { float: none; width: 100%; height: auto; padding: 15px; } .mbno { display: none; } .agck { width: 40%; } .agdk { width: 20%; } } @media screen and (max-width: 860px) { .sl2pic, .sl2cont { float: none !important; width: 100%; } .sl2cont { padding: 0 !important; margin-top: 20px; } .sc2btn { margin-top: 20px; width: 100px; height: 32px; line-height: 32px; font-size: 13px; } .pb1item { height: 220px; } .pb3list li { min-height: 306px; } } @media screen and (max-width: 750px) { #certify .swiper-button-prev { width: 15px; height: 27px; left: 5%; } #certify .swiper-button-next { width: 15px; height: 27px; right: 5%; } } @media screen and (max-width: 640px) { .ep1xz .wzls { display: block; } .swltxt1 { /*font-size: 16px; height: 16px;*/ } .swltxt2 { /*font-size: 12px; height: 65px;*/ } .swlbtn { width: 80px; height: 30px; line-height: 30px; font-size: 14px; margin-top: 15px; } .slbtxt { margin-left: 10px; } .sbl2bt { padding: 0 10px; } .pb1item { text-align: center; } .pi1icon { margin: 0 auto; } .pb3list li { flex: auto; min-height: auto; text-align: center; } .pb3list { display: block; } .pyw3pic img { width: auto; height: 170px; } .pc3sr { width: 65%; } .cdibox .ed2nr { display: block; } .cdibox .ed2nr:not(:first-child) { margin-left: 0; } .an2list li { width: 97%; } .maps { height: 180px; } .pilbt{ width: 120px; } .pilwbk{ width: 62%; } .am4pic img{ height: 250px; object-fit: cover; } } @media screen and (max-width: 550px) { .banner .bwitem .pimg { width: auto; height: 208px; left: 50%; margin-left: -275px; } .ep1video { height: 200px; } #certify .swiper-slide { width: 100%; } #certify .swiper-button-next, #certify .swiper-button-prev { transform: translateY(0); } .search-results{ font-size: 18px; } } @media screen and (max-width: 480px) { .swlpic { float: none; width: 100%; margin: 0 auto; } .swlwz { float: none; width: 100%; margin-top: 20px; } .ibpic img { position: relative; width: auto; height: 139px; left: 50%; margin-left: -240px; } } @media screen and (max-width: 390px) { .sjlwz { width: 80%; } } @media screen and (max-width: 385px) { .sw2qh { margin: 10px 3px; } }