@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; } .action.idys9 { transition-delay: 0.95s; } .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.6s all ease-out; } .action.wzload { opacity: 1; visibility: visible; transition: 0.6s 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(100%) skewX(15deg); 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; opacity: 0; visibility: hidden; } .action.loadw { transform: translateY(0px) skewX(0); opacity: 1; visibility: visible; } .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; } .islitem:hover .ilipic img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } .islitem:hover { transform: translateY(-20px); } .islitem:hover .ilicv:before { left: 0; width: 100%; opacity: 1; visibility: visible; } .islitem:hover .ict1,.islitem:hover .it2txt{ color: #fff; } .imlist li:nth-child(1),.inlist li:nth-child(1){ transition-delay: 0.15s; } .imlist li:nth-child(2),.inlist li:nth-child(2){ transition-delay: 0.35s; } .imlist li:nth-child(3),.inlist li:nth-child(3){ transition-delay: 0.55s; } .itqh:nth-child(1){ transition-delay: 0.15s; } .itqh:nth-child(2){ transition-delay: 0.35s; } } @media screen and (max-width:1750px) { .sl3jt { margin: 0 15px; font-size: 50px; } .sl3pic { width: 250px; height: 190px; } .sp3num { font-size: 20px; } .ittb2{ width: 80px; height: 80px; } .ittb1{ width: 117px; height: 64px; } .itright{ margin-left: 12%; } } @media screen and (max-width:1550px) { .itleft{ width: 117px; } .bict1 { font-size: 38px; } .bict2 { font-size: 22px; } .bict3 { font-size: 18px; } .bict4,.bnt1,.bnt2 { font-size: 24px; } .bictlb { font-size: 16px; margin-top: 30px; } .bict5 { font-size: 50px; } .bict6 { font-size: 26px; } .bicover { padding-top: 30px; } .bicover:before { height: 5px; } .index-pc, .index-news { padding: 80px 0; } .gteng { font-size: 40px; } .ftch { font-size: 20px; padding-bottom: 20px; } .ilicon { font-size: 60px; } .index-sl { padding: 80px 0 100px 0; } .ict1 { font-size: 16px; } .it2txt { font-size: 13px; } .ict2 { height: 47px; } .ilijh { top: 20px; left: 20px; font-size: 30px; } .gymore a { font-size: 14px; } .index-pc .gymore { margin-top: 17.5px; } .iptab { margin-top: 80px; } .itleft { font-size: 65px; } .itqh { padding: 60px 40px 40px 40px; } .itright { width: 65%; margin-left: 6%; } .ictqh { font-size: 18px; } .ilwz { padding: 40px 30px; } .iwtitle { font-size: 20px; } .iwdesc { margin-top: 15px; } .iwdate { margin-top: 30px; } .fwlink { font-size: 14px; padding: 0 20px; } .fwway { font-size: 20px; padding-left: 20px; margin-top: 20px; } .fwbox { margin-bottom: 15px; padding-left: 20px; } .ftwz { font-size: 13px; } .footer-wrap { padding: 30px 0; } .fwbt { margin-top: 20px; padding-top: 20px; } .fbwz { font-size: 13px; } .header .yj-bot .yj-link { padding: 0 20px; } .ictitle { font-size: 30px; } .icwtxt { font-size: 20px; margin-top: 5px; } .icwz { width: 300px; } .nmlink, .nmlink i { font-size: 18px; } .altxt1, .ar1name { font-size: 26px; } .altxt2 { font-size: 13px; } .ar1cont, .at1txt { font-size: 14px; } .at1num { font-size: 32px; } .ai2year { font-size: 24px; } .ai2nr { margin-top: 30px; } .an2txt { font-size: 14px; } .an2txt:before { top: 9px; width: 5px; height: 5px; } .an2year { font-size: 50px; } .ac2y { font-size: 26px; } .ai2cricle { padding-top: 17px; } .ab3list { margin-top: 60px; } .ac3ms { font-size: 14px; margin-top: 30px; } .al3cv { left: 20px; right: 20px; } .ab4list li { height: 160px; } .ab3banner { margin-top: 80px; padding-bottom: 80px; } .ab2nf { width: 90%; } .nxnr { font-size: 14px; } .nxtitle { font-size: 24px; } .nxdate { font-size: 18px; } .news-detail { padding: 50px 0; } .ndxq { margin-top: 50px; } .ndbt { margin-top: 80px; } .si1title { font-size: 20px; } .si1type:before { left: 18%; } .si1type:after { right: 18%; } .si1ms { font-size: 14px; margin-top: 20px; } .icdesc { font-size: 18px; } .sq1icon { font-size: 50px; } .sq1txt { font-size: 18px; } .an1bt { font-size: 20px; } .st1qh { padding: 50px 20px; } .st1qh:after { bottom: -20px; border-right: 20px solid transparent; border-left: 20px solid transparent; border-top: 20px solid #F3F3F3; } .ad1xq { margin-top: 80px; } .ab1txt, .ax1box { font-size: 16px; } .ax1box { margin-top: 40px; } .ab1btn { font-size: 14px; } .at1qh { font-size: 16px; } .cltxt { font-size: 18px; } .sw2txt1 { font-size: 24px; } .sl4wrap { padding: 80px 0; } .sn4icon { width: 160px; height: 160px; line-height: 160px; font-size: 45px; } .sn4icon:before { width: 134px; height: 134px; } .sn4box { width: 166px; } .sn4jt { font-size: 26px; } .sn4ms { font-size: 14px; } .sl5ms { font-size: 16px; margin-top: 40px; } .sf5t1 { font-size: 20px; } .sf5t2 { font-size: 24px; } .st5wz { font-size: 16px; } .sl5btn a { font-size: 18px; } .ptqh { font-size: 16px; } .plct { font-size: 16px; margin-right: 10px; } .jwtitle{ font-size: 24px; } .join-wrap{ padding: 80px 0; } .jlitem{ height: 70px; line-height: 70px; } .jltxt1{ font-size: 18px; } .jltxt2,.jlzk{ font-size: 14px; } .contact-wrap{ padding: 80px 0; } .cb1l{ padding-right: 20px; } .cb1row{ margin-bottom: 30px; } .cb1c{ padding: 0 40px; } .ci2bt{ font-size: 16px; } .st5wz:before{ top: 10px; } .sl5fw{ padding: 0 50px; } .st1item{ height: 350px; } .pctlb .slick-arrow:before{ font-size: 25px; } .pcms{ font-size: 16px; } .el-link{ font-size: 13px; } .ej-list{ width: 170px; margin-left: -85px; } } @media screen and (max-width: 1440px) { .header .yj-bot .yj-link { padding: 0 20px; } .icwtxt { font-size: 18px; margin-top: 0; } .icwz { width: 260px; } .abpic img { position: relative; width: auto; height: 390px; left: 50%; margin-left: -720px; } .sl3jt { margin: 0 10px; font-size: 40px; } .sl3pic { width: 230px; height: 170px; } .sp3txt { padding: 10px; } } @media screen and (max-width: 1370px) { .ci2sr{ height: 40px; line-height: 40px; margin-top: 5px; } .ci2area{ height: 100px; margin-top: 5px; } .w1200 { width: 1000px; } .ab2nf { margin: 30px auto 0; } .ar1tj li:not(:first-child) { padding-left: 15px; } .ar1tj li { margin-right: 10px; } .si1title { font-size: 18px; } .nmlink, .nmlink i { font-size: 16px; } .nmlink { padding-right: 30px; margin-right: 30px; } .sd1wrap { margin-top: 40px; } .altxt { font-size: 12px; padding: 0 10px; } .ateng { margin-left: 5px; } .jat1{ font-size: 14px; } .janr{ font-size: 13px; } } @media screen and (max-width: 1280px) { .sn4icon { width: 140px; height: 140px; line-height: 140px; font-size: 35px; } .sn4icon:before { width: 114px; height: 114px; } .sn4box { width: 140px; } .sn4jt { margin: 50px 30px 0 30px; } .header .yj-bot .yj-link{ font-size: 14px; } } @media screen and (max-width: 1200px) { .header { position: fixed; height: 55px; line-height: 55px; padding: 0 5%; background: #0D6FB8; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); } .header .yj-bot { display: none; } .head-logo img { width: 85px; margin-top: 8.5px; } .hwright { display: none; } .menu-handler, .menuBox { display: block; } .head-wrap { margin: 0; height: 55px; line-height: 55px; } .mtop { height: 55px; } .banner-wrap { margin-top: 55px; } .bicover:before { width: 40px; height: 3px; } .bicover { padding-top: 15px; } .bict1 { font-size: 20px; line-height: 1.5; font-weight: bold; } .bict2 { font-size: 16px; font-weight: bold; } .bict2 br{ display: none; } .bict3 { font-size: 16px; margin-top: 10px; } .bict4,.bnt1,.bnt2 { font-weight: normal; font-size: 16px; } .bictlb { margin-top: 10px; font-size: 14px; } .bt3tb { width: 13px; height: 13px; margin-right: 5px; } .bict5 { font-size: 20px; } .bict6 { font-size: 16px; } .banner .slick-dots { bottom: 10px; left: 0; width: 100%; text-align: center; } .banner .slick-dots li { width: 8px; height: 8px; border-radius: 50%; } .mouseBox{ display: none; } .bwnumber{ margin-top: 15px; } .bicover { width: 90%; top: 50px; } .bc3txt { margin-top: 3px; } .frlink { width: 40px; height: 40px; line-height: 40px; } .frlink i { font-size: 16px; } .frdh { height: 40px; line-height: 40px; right: 40px; width: 110px; padding: 0 15px; } .w83 { width: 90%; } .index-ma, .index-pc, .index-news, .index-sl { padding: 30px 0; } .gteng { font-size: 20px; } .ftch { font-size: 18px; padding-bottom: 10px; } .action.ftch:before { width: 100px; } .imlist { display: block; margin-top: 20px; } .imlist li { width: 100%; } .ilicon { font-size: 35px; } .ilbt { font-size: 16px; margin-top: 10px; } .ilms { opacity: 1; visibility: visible; margin-top: 10px; } .imlist li:before { opacity: 1; visibility: visible; -webkit-transform: perspective(400px) rotateX( 0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX( 0deg); background: none; } .imlist li { padding: 20px; margin-top: 5px; background: #F1F1F1; } .isllist { margin-top: 30px; } .ict1 { font-size: 16px; } .index-sl { background-attachment: local; } .gymore a { width: 120px; } .gmline { width: 30px; margin-left: 5px; } .index-pc .gymore, .index-news .gymore { margin-top: 2.5px; } .iptab { margin-top: 30px; } .itqh { width: 100%; padding: 20px; } .itleft { font-size: 30px; } .itright { width: 80%; margin-left: 20px; } .irt3 { margin-top: 10px; } .ipcont { padding: 20px; } .ictqh { font-size: 14px; } .ipctab { display: block; width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .icbox { margin-top: 5px; } .ic1 .icbox li { width: 49%; margin-top: 5px; } .ipcontent { margin-top: 30px; } .ic2 .icbox li { width: 49%; } .ipcont:before { top: -10px; right: auto; left: 50%; transform: translateX(-50%); border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #F3F3F3; } .inlist { margin-top: 20px; } .ilwz { padding: 20px; } .iwtitle { font-size: 18px; } .iwdesc { margin-top: 10px; } .iwdate { margin-top: 15px; } .footer-wrap { padding: 20px 0; } .fwlink { font-size: 13px; padding: 0 10px 0 0; margin-right: 10px; } .fwway { font-size: 16px; padding-left: 0; margin-top: 10px; } .fwbox { padding-left: 0; margin-bottom: 10px; } .fbbt { font-size: 13px; } .ftwz { font-size: 12px; } .flicon { width: 14px; font-size: 13px; } .fblx { margin-top: 2px; } .fbdz { float: none; } .fbewm { float: none; margin-left: 0; margin-top: 15px; } .fbwz { float: none; margin-right: 0; margin-top: 5px; font-size: 12px; } .fs-select { float: none; width: 100%; height: 38px; line-height: 38px; padding: 0 15px; margin-top: 5px; } .fepic { width: 66px; } .fwbt { margin-top: 10px; padding-top: 10px; } .up-top { bottom: auto; top: 12%; } .fwmenu .fwlink { border-right: 1px solid #fff; } .fwmenu .fwlink:not(:first-child) { border-left: none; } .ictitle { font-size: 24px; } .icwz { margin: 15px auto 0; } .icwtxt { font-size: 14px; } .icwz { width: 200px; } .insides-banner { margin-top: 55px; } .nmlink, .nmlink i { font-size: 14px; } .nymenu { width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .nmlink { height: 40px; line-height: 40px; padding: 0 15px; margin-right: 0; } .nmlink:not(:last-child):before { height: 16px; } .abbox1, .abbox2, .abbox3, .abbox4 { padding: 30px 0; } .ab1left { float: none; } .ab1right { float: none; width: 100%; margin-top: 30px; padding-left: 0; border-left: none; } .altxt1, .ar1name { font-size: 18px; } .altxt2 { font-size: 12px; padding-bottom: 10px; } .altxt2:before { width: 38px; } .w1200 { width: 90%; } .ar1label { font-size: 16px; } .ar1tj { margin-top: 20px; } .at1num { font-size: 24px; } .at1dw { font-size: 14px; } .ar1tj li:not(:first-child) { padding-left: 0; } .ar1tj li { width: 50%; text-align: center; margin-right: 0; margin-top: 15px; } .ar1tj li:not(:first-child):before { display: none; } .ab2banner { margin-top: 30px; } .ai2year { font-size: 20px; } .ai2nr { margin-top: 15px; } .an2year { font-size: 30px; } .ab2nf { margin: 20px auto 0; padding: 0 50px; } .an2wz, .an2pic { float: none; width: 100%; } .an2pic { margin-top: 20px; } .ac2y { font-size: 16px; } .ai2cricle { width: 80px; height: 80px; padding-top: 12px; } .ab2nf .slick-arrow { width: 40px; height: 40px; line-height: 40px; } .ab2nf .slick-arrow:before { font-size: 16px; } .ab3list { margin-top: 30px; } .ac3icon { font-size: 20px; } .ac3title { font-size: 16px; } .ac3ms { margin-top: 15px; } .ab3item { margin: 0 5px; } .ab3banner .slick-arrow:before { font-size: 25px; } .ab3banner { margin-top: 30px; padding-bottom: 40px; } .ab3banner .slick-dots li { width: 8px; height: 8px; margin: 0 5px; } .ab3banner .slick-arrow { top: 35%; } .ab4list { margin-top: 30px; } .ab4list li { height: 100px; } .about2-wrap { padding: 30px 0; } .aq2cr { font-size: 13px; line-height: 25px; } .aq2eng { font-size: 12px; margin-top: 5px; } .at2qh { margin: 0 10px; } .aw2list .ilwz { padding: 20px; } .al2bt { margin-top: 20px; } .pages-list { height: 38px; line-height: 38px; padding: 0 10px; margin-top: 30px; } .plzc { left: 10px; } .plyc { right: 10px; } .plyc i { margin-left: 5px; } .plzc i { margin-right: 5px; } .pnsz { width: 20px; height: 20px; line-height: 20px; font-size: 12px; } .plpn { font-size: 12px; } .news-detail { padding: 20px 0 30px 0; } .w73 { width: 90%; } .nblink { font-size: 12px; } .ndxq { margin-top: 30px; } .nxtitle { font-size: 18px; } .nxdate { font-size: 14px; margin-top: 5px; } .nxline { width: 60%; margin: 10px auto 0; } .nxnr { margin-top: 20px; } .ndbt { margin-top: 20px; } .nbtprev, .nbtnext { margin-left: 20px; } .nbtreturn { width: 90px; height: 28px; line-height: 28px; margin-left: 20px; font-size: 13px; } .nbtreturn i { margin-left: 10px; } .st1list { padding: 30px 0; } .st1item { width: 100%; height: auto; } .st1item { padding: 20px; } .ai1dw { position: static; transform: translateY(0); } .si1ms { opacity: 1; visibility: visible; margin-top: 15px; text-align: center; color: #117AC8; } .si1type:before { left: 24%; } .si1type:after { right: 24%; } .sd1wrap { margin-top: 30px; } .sq1icon { font-size: 30px; } .sq1txt { font-size: 14px; margin-top: 5px; } .st1qh { padding: 20px 15px; } .ad1xq { margin-top: 30px; } .an1icon { font-size: 24px; } .an1bt { font-size: 18px; } .ax1box { margin-top: 20px; } .ab1txt, .ax1box { font-size: 14px; } .ab1txt { margin-top: 10px; } .ab1txt:before { top: 9px; width: 6px; height: 6px; } .sd1table td { font-size: 13px; } .ad1xq .ndbt { margin-top: 20px; } .ad1bg { margin-top: 30px; padding: 30px 0; } .ab1btn { height: 45px; line-height: 45px; font-size: 12px; } .st1qh:after { bottom: -10px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #F3F3F3; } .sd1tab { display: flex; } .icdesc { font-size: 14px; margin-top: 10px; } .al2wrap1 { padding: 30px 0 10px 0; } .at1qh { font-size: 14px; height: 38px; line-height: 38px; } .ab1nr { margin-top: 20px; } .an1cont { padding: 15px; font-size: 14px; } .aw1am { margin-top: 30px; } .amtype { margin-top: 20px; } .atlink { width: 200px; height: 50px; font-size: 14px; padding-top: 13px; } .atlink:hover { padding-top: 6px; } .al2cl { padding: 30px 0; background-attachment: local; margin-top: 20px; } .cllist li { margin: 0 10px; width: 100px; height: 100px; padding-top: 25px; } .clicon { font-size: 18px; } .cltxt { font-size: 14px; } .cllist { margin-top: 20px; } .sl2ae { margin-top: 20px; padding: 0; } .sl2lb1 .slick-prev,.aelist .slick-prev{ left: 0; } .sl2lb1 .slick-next,.aelist .slick-next{ right: 0; } .aelist .slick-arrow,.sl2lb1 .slick-arrow{ width: 35px; height: 35px; line-height: 35px; color: #fff; background: #999; } .sl2lb1 .slick-arrow:before,.aelist .slick-arrow:before{ font-size: 16px; } .sl2lb1 .slick-arrow{ top: 30%; } .sl2xw,.aelitem{ margin: 0; } .aelist { margin-top: 20px; } .al2cc { width: 90%; padding: 30px 0; } .ac2ms { margin-top: 20px; font-size: 14px; } .ac2bot { margin-top: 20px; } .al2name { font-size: 14px; } .sl3wrap1 { margin-top: 30px; } .sw3list { margin-top: 20px; } .sl3bt { font-size: 16px; } .sw3list li { display: block; margin-top: 20px; } .sl3pic { margin: 0 auto; } .sl3jt { margin: 10px 0; font-size: 30px; transform: rotate(90deg); } .sl3wrap1 { width: 90%; margin: 30px auto 0; } .sp3txt { margin: 0; } .sl3pic { width: 100%; border-radius: 0; box-sizing: border-box; } .sp3num { width: 20px; height: 20px; line-height: 20px; font-size: 16px; } .sl3wrap2 { padding: 30px 0; } .sw2txt1 { font-size: 18px; } .sw2txt2 { margin-top: 5px; font-size: 12px; } .sw2list { margin: 20px 0 0 -2%; } .sl4wrap { padding: 30px 0; } .sl4nr { margin-top: 20px; } .sl4nr li { display: block; } .sn4box { width: 250px; margin: 0 auto; text-align: center; } .sn4ms { text-align: center; } .sn4jt { margin: 0; font-size: 22px; transform: rotate(90deg); } .sn4icon { width: 100px; height: 100px; line-height: 100px; font-size: 25px; border: 2px solid #0054A3; } .sn4icon:before { width: 74px; height: 74px; border: 2px solid #0054A3; } .sn4bt { font-size: 16px; margin-top: 10px; } .sl4cases { margin-top: 30px; } .sc4list { margin: 20px 0 0 -2%; } .sc4wz { padding: 15px; } .sc4bt { margin-top: 5px; } .sd4vt { font-size: 18px; } .sl5bot1, .sl5bot2 { padding: 30px 0; } .sl5bot3 { padding: 5px 0 30px 0; } .sl5ms { font-size: 14px; margin-top: 20px; } .sb5pic { margin-top: 0; } .sl5fw { float: none; width: 100%; padding: 0; margin-top: 30px; } .sf5t1 { font-size: 18px; } .sf5t2 { font-size: 16px; } .sf5txt { margin-top: 20px; } .st5wz { width: 45%; font-size: 14px; margin-left: 5%; margin-top: 5px; } .st5wz:before { top: 8px; } .sl5btn a { width: 250px; margin: 30px auto 0; font-size: 14px; height: 45px; line-height: 45px; } .sb5an i { font-size: 18px; } .products-wrap { padding: 30px 0 0 0; } .ptqh { font-size: 14px; height: 40px; line-height: 40px; } .pwcont { margin-top: 30px; } .pcms { float: none; width: 100%; font-size: 16px; } .pctlb{ float: none; width: 100%; margin-top: 20px; } .pclabel { margin-top: 20px; } .pctlb .slick-arrow:before{ font-size: 22px; } .pctlb .slick-next{ right: 10px; } .pctlb .slick-prev{ left: 10px; } .pltitle { font-size: 14px; padding: 5px 12px; } .ptleft { float: none; width: 100%; } .plwz { margin-bottom: 5px; } .plct { font-size: 14px; margin-right: 5px; padding-left: 15px; } .plct:before { width: 8px; height: 8px; } .ptpic { float: none; width: 100%; margin-top: 20px; } .pywz { font-size: 14px; padding-left: 15px; margin-top: 5px; } .pywz:before { top: 7px; } .pltable1 td, .pltable2 td, .pltable3 td, .pl2table1 td, .pl2table2 td { font-size: 14px; padding: 8px 10px; } .pltable2 .pt2txt { padding: 0 20px; } .pt2bz { display: block; float: none; font-size: 12px; } .ptbg { width: 18px; height: 18px; margin-left: 5px; } .pwtab { display: block; width: 100%; float: none; text-align: center; height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; } .ptqh { float: none; display: inline-block; flex: auto; padding: 0 10px; } .ptqh.active:before { display: none; } .pd2yy { font-size: 14px; } .join-wrap{ padding: 30px 0; } .jwtitle{ font-size: 18px; padding-bottom: 10px; } .jwtitle:before{ width: 50px; height: 2px; } .jwatend{ margin: 20px 0 0 1%; display: block; } .jwatend li{ float: none; width: 99%; margin-top: 10px; } .jsbg{ padding: 20px 15px; } .jaicon{ font-size: 25px; } .janr{padding: 15px;} .join-zp{ margin-top: 30px; } .jsbot{ display: block; width: 100%; height: 45px; line-height: 45px; padding: 0 20px; } .jsrk{ font-size: 14px; } .jsbtn{ font-size: 20px; } .jzlist{ margin-top: 20px; } .jlitem{ height: 45px; line-height: 45px; } .jltxt1{ font-size: 15px; } .jljh{ font-size: 25px; } .contact-wrap{ padding: 30px 0; } .cwbot1{ margin-top: 30px; } .cb1row .fbbt{ font-size: 15px; } .cb1l{ float: none; width: 100%; padding-right: 0; padding-bottom: 5px; border-bottom: 1px solid #eee; } .cb1row{ margin-bottom: 15px; } .cb1c:before, .cb1r:before{ display: none; } .cb1c{ float: none; width: 100%; padding: 20px 0 5px 0; border-bottom: 1px solid #eee; } .cb1r{ float: none; width: 100%; } .cr1ewm{ width: 90px; margin: 20px auto 0; } .cr1txt{ font-size: 13px; line-height: 1.5; } .cwbot2{ margin-top: 30px; } .cb2left,.cb2right{ float: none; width: 100%; } .cb2right{ margin-top: 20px; } .ci2bt{ font-size: 14px; } .ci2sr{ height: 36px; line-height: 36px; margin-top: 3px; font-size: 12px; padding: 0 10px; } .ci2area{ height: 80px; margin-top: 3px; padding: 10px; } .ci2btn a{ margin: 30px auto 0; } .ilicv{ padding: 15px; } .sw1title{ font-size: 20px; } .sd1tab{ margin-top: 20px; } .sl3wz{ font-size: 16px; } .il1pic{ margin-top: 5px; } .iclist1 li{ width: 49%; } .ic2 .iclist1 li{ width: 99%; } .si1title{ padding-bottom: 10px; } .si1title:before{ width: 50px; } .iltp img{ width: 100%; } .ilcv{ top: 50%; } .sc4list .slick-arrow:before{ font-size: 25px; } .sc4list{ padding: 0 20px; } .st1list{ display: block; } .aw1bt{ margin-top: 30px; } } @media screen and (max-width: 1024px) { .islitem { width: 32.333%; margin-top: 10px; } .isllist { margin-top: 20px; } .islitem { width: 49%; } .inlist li { width: 100%; margin-top: 10px; } .abpic img { height: 277px; margin-left: -512px; } .aelist li { width: 99%; margin-top: 10px; } .sc4list li { width: 98%; margin-top: 15px; } .pdbg1{ overflow-x: scroll; } .pl2table1{ width: 922px; } .pl2table1 td:first-child{ width: auto; } } @media screen and (max-width: 860px) { .ab3list li { width: 50%; } .ab3banner { padding: 0 30px 40px 30px; } .ab3banner .slick-prev { left: 0; } .ab3banner .slick-next { right: 0; } .at1qh { font-size: 13px; height: 35px; line-height: 35px; } .at1qh.active:before { border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 6px solid #117AC8; bottom: -6px; } .atlink { display: block; width: 250px; margin: 10px auto 0; } .ab2logo { width: 45%; float: none; margin: 0 auto; } .ab2list { float: none; width: 100%; } .al2name { margin-top: 10px; } } @media screen and (max-width: 750px){ .banner .bwitem .pimg{ position: relative; width: auto; height: 375px; left: 50%; margin-left: -375px; } } @media screen and (max-width: 640px) { .ittb1{ width: 60px; height: 39px; } .ittb2{ width: 45px; height: 45px; } .ittb1,.ittb2{ margin: 0 auto; } .itqh.active .ittb1, .itqh.active .ittb2 { position: static; background-size: 100% 100% !important; transform: translateY(0); } .itleft{ display: block; font-size: 25px; text-align: center; } .itright { display: block; width: 100%; text-align: center; margin-top: 10px; margin-left: 0; } .abpic img { height: 173px; margin-left: -320px; } .al3cv { top: 60px; left: 15px; right: 15px; } .ac3ms { font-size: 13px; margin-top: 10px; } .ab4list li { height: 80px; width: 25%; } .stg { display: block; position: static; width: 18px; height: 18px; margin: 5px auto 0; transform: translateY(0); } .sd1table td{ padding: 5px; word-break: break-word; line-height: 1.5; } .ad1ts { font-size: 13px; margin-top: 10px; } .sq1icon { font-size: 24px; } .sq1txt { font-size: 13px; } .cllist li { margin: 0 5px; width: 80px; height: 80px; padding-top: 18px; } .clicon { font-size: 16px; } .al2name { float: none; width: 70%; margin: 10px auto 0; } .mbno{ display: none; } .jlitem{ width: 45%; } .jlitem:last-child{ width:10%; } .index-pc .gyt3,.index-news .gyt3{ width: 55%; } .fwpic{ right: 43px; width: 65px; padding: 2px; } } @media screen and (max-width: 480px) { .islitem { width: 99%; } .ilipic { height: 180px; } .pnsz { width: 16px; } .iclist1 li{ width: 99%; } .ai2nr{ height: 461px; overflow-y: scroll; } .an2year{ display: none; } } @media screen and (max-width: 375px) { .al2name { width: 75%; } }