.e_image-25 { display: none; } .active .e_image-25 { display: block; } .active .e_image-16 { display: none; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 55px; left: auto; color: #e60112; } #c_static_462-1652926399242 .e_container-3 { overflow: hidden; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 55px; right: auto; color: #e60112; } .active.p_haveNav { background: #FFF!important; } .swiper-pagination-bullet-active { background: #e60112; } #c_static_001-16503547242240 .e_image-20 img { outline: none; border: none; display: block; max-width: 100%; float: left; transition: .5s all; } #c_static_001-16503547242240 .e_image-20:hover img { transform: scale(1.1, 1.1) } #c_static_001-16481078676560 .e_image-20 img { outline: none; border: none; display: block; max-width: 100%; float: left; transition: .5s all; } #c_static_001-16481078676560 .e_image-20:hover img { transform: scale(1.1, 1.1) } .active.p_haveNav { background: #FFF!important; } .p_navCon a span { color: #fff; font-weight: normal; font-family: 'Fjalla One', sans-serif; font-size: 18px; } .active .p_navCon a span { color: #333; font-weight: normal; font-family: 'Fjalla One', sans-serif; } .active .search_warp { background: #2e3192; border-radius: 50%; padding: 0px; width: 32px; height: 32px; text-align: center } .active .search_warp img { width: 20px; height: 20px; margin: 5px; } #c_static_001-1640672562617 .e_container-1 { background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022030413204499631/cms/image/1cd71d8e-dfc2-47da-b979-adb8617c607c.png?d=1648084483273) no-repeat center center; } #c_static_001-1647937184691 { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; } #c_static_396-1647327833415 .s_img img { outline: none; border: none; display: block; max-width: 100%; float: left; transition: .5s all; } #c_static_396-1647327833415 .s_img:hover img { transform: scale(1.1, 1.1) } ::-webkit-scrollbar-track-piece { width:5px; background-color:#f8f8f8 } ::-webkit-scrollbar { width:5px; background-color:#ccc } ::-webkit-scrollbar-thumb { width:5px; background-color:#aeaeae } ::-webkit-scrollbar-thumb:hover { width:5px; background-color:#ccc } @media only screen and (max-width: 768px) { #c_banner_019-16481019496010 .e_bannerA-2 .swiper-slide { height: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { display: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { display: none; } .p_navCon a span { color: #333; } #c_grid-1648028011867 { top: auto; } #c_grid-1648028011867 { POSITION: FIXED; bottom: 0; } #c_static_001-1642231999937 .e_container-4 { display: flex; flex-wrap: wrap; flex-direction: row; width: 95%; margin-left: 0px; } #c_static_001-1642231999937 .e_formBtn-7 { width: 80px; padding: 5px 5px; } #c_static_001-1647937184691 { display: none; } #c_navigation_0061635239687823 { margin-top: 0; } #c_navigation_0061635239687823 .e_container-21 { position: relative; width: 100%; padding: 0px 0px 0px 15px; justify-content: space-between; background-color: rgba(46,49,146,.9); } #c_navigation_0061635239687823.active .e_container-21 { position: relative; width: 100%; padding: 0px 0px 0px 15px; justify-content: space-between; background-color: #fff; } #c_navigation_0061635239687823 .e_navigationF-24 .p_navButton > p span { width: 100%; background: #fff; } #c_navigation_0061635239687823.active .e_navigationF-24 .p_navButton > p span { width: 100%; background: #333; } } .service[data-v-8d9497d2] { padding: 50px 0; } .service .container[data-v-8d9497d2] { max-width: 100%; margin: 0 auto; position: relative; padding-top: 0px; overflow: visible; } .service .container .box[data-v-8d9497d2] { color: #fff; max-width: 650px; position: absolute; top: 2%; left: 0; z-index: 1; pointer-events: none; } .service .container .box .title[data-v-8d9497d2] { border-bottom: 1px solid #003087; padding: 25px 0; pointer-events: auto } .service .container .box .title .en[data-v-8d9497d2] { font-size: 36px; text-transform: uppercase; font-family: "DINEngschriftStd"; line-height: 38px; color: #003087; } .service .container .box .title .en p { font-family: pop-s; } .service .container .box .title .cn[data-v-8d9497d2] { font-size: 46px; color: #003087; } .service .container .box .content[data-v-8d9497d2] { font-size: 14px; color: #003087; line-height: 30px; padding: 25px 0; pointer-events: none } .service .container .box .link[data-v-8d9497d2] { background: #fabe00; font-family: CANARO BOLD; border: 0px solid #003c81; color: #fff; padding: 10px; text-transform: uppercase; width: 180px; max-width: 100%; margin-top: 25px; margin-left: 0px; cursor: pointer; position: relative; overflow: hidden; -webkit-transition: .3s; transition: .3s; pointer-events: auto; border-radius: 5px; } .service .container .box .link .txt[data-v-8d9497d2] { position: relative } .service .container .box .link .txt .t1[data-v-8d9497d2] { font-size: 16px; line-height: 1.8em; font-family: "DINEngschriftStd"; padding-left: 30px; color: #fff; } .service .container .box .link .txt .t2[data-v-8d9497d2] { font-size: 16px; line-height: 1em } .service .container .box .link i[data-v-8d9497d2] { -webkit-transition: .3s; transition: .3s; position: relative } .service .container .box .link[data-v-8d9497d2]:before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #003087; -webkit-transition: .3s; transition: .3s; border-radius: 0 0px 0px 0; border-right: 50px solid #fabe00; margin-left: -50px } .service .container .box .link[data-v-8d9497d2]:hover:before { left: 0; margin-left: 0 } .service .container .box .link[data-v-8d9497d2]:hover { color: #fff } .service .container .map[data-v-8d9497d2] { max-width: 100%; margin: 0 auto; position: relative; overflow: visible } .service .container .map>img[data-v-8d9497d2] { width: 100% } .service .container .map .hint[data-v-8d9497d2] { position: absolute; width: 60px; height: 60px; transition: opacity .5s ease, transform .5s cubic-bezier(.5, 0, 0, 1), -webkit-transform .5s cubic-bezier(.5, 0, 0, 1); -webkit-transition-delay: 1s; transition-delay: 1s } .service .container .map .hint[data-v-8d9497d2]:before { width: 8px; height: 8px; background-color:#fabe00; } .service .container .map .hint[data-v-8d9497d2]:after, .service .container .map .hint[data-v-8d9497d2]:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50% } .service .container .map .hint[data-v-8d9497d2]:after { width: 2px; height: 2px; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; -webkit-animation: home_hero_item_hints_glow-data-v-8d9497d2 2s cubic-bezier(.25, .1, .2, 1) infinite; animation: home_hero_item_hints_glow-data-v-8d9497d2 2s cubic-bezier(.25, .1, .2, 1) infinite } .service .container .map .hint[data-v-8d9497d2]:hover:after { opacity: 0 } @-webkit-keyframes home_hero_item_hints_glow-data-v-8d9497d2 { 0% { -webkit-box-shadow:0 0 30px 5px #fff; box-shadow:0 0 30px 5px #fff } 70% { -webkit-box-shadow:0 0 70px 50px rgba(72,170,72,0); box-shadow:0 0 70px 50px rgba(72,170,72,0) } to { -webkit-box-shadow: 0 0 0 50px rgba(72,170,72,0); box-shadow: 0 0 0 50px rgba(72,170,72,0) } } @keyframes home_hero_item_hints_glow-data-v-8d9497d2 { 0% { -webkit-box-shadow:0 0 30px 5px #fff; box-shadow:0 0 30px 5px #fff } 70% { -webkit-box-shadow:0 0 70px 50px rgba(72,170,72,0); box-shadow:0 0 70px 50px rgba(72,170,72,0) } to { -webkit-box-shadow: 0 0 0 50px rgba(72,170,72,0); box-shadow: 0 0 0 50px rgba(72,170,72,0) } } .service .container .map .hint .hint-radius[data-v-8d9497d2] { position: absolute; top: 50%; left: 50%; width: 250px; height: 250px; margin: -125px 0 0 -125px; border-radius: 50%; transition-property: background-color, opacity, visibility, transform, -webkit-transform; -webkit-transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1); transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1); -webkit-transition-duration: .5s; transition-duration: .5s; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0) } .service .container .map .hint:hover .hint-radius[data-v-8d9497d2] { background-color: #fff; opacity: .1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); display:none; } .service .container .map .hint .hint-dot[data-v-8d9497d2] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; border-radius: 50%; border: 1px solid #fabe00; -webkit-animation: home_hero_item_hints_border-data-v-8d9497d2 2s linear infinite; animation: home_hero_item_hints_border-data-v-8d9497d2 2s linear infinite; } @-webkit-keyframes home_hero_item_hints_border-data-v-8d9497d2 { 0%, to { border-color:#fabe00; -webkit-transform:translate(-50%, -50%) scale(.95); transform:translate(-50%, -50%) scale(.95) } 50% { border-color:#fabe00; -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1) } } @keyframes home_hero_item_hints_border-data-v-8d9497d2 { 0%, to { border-color:#fabe00; -webkit-transform:translate(-50%, -50%) scale(.95); transform:translate(-50%, -50%) scale(.95) } 50% { border-color:#fabe00; -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1) } } .service .container .map .hint .hint-content[data-v-8d9497d2] { position: absolute; width: 180px; color: #fff; z-index: 5; padding: 12px 0; font-size: 12px; color: #003087; -webkit-transition: opacity .7s ease, visibility .7s ease; transition: opacity .7s ease, visibility .7s ease; opacity: 0; visibility: hidden } .service .container .map .hint:hover .hint-content[data-v-8d9497d2] { opacity: 1; visibility: visible } .service .container .map .hint .hint-content[data-v-8d9497d2]:after, .service .container .map .hint .hint-content[data-v-8d9497d2]:before { content: ""; position: absolute; height: 1px; background-color: #003087; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 0 } .service .container .map .hint .hint-content[data-v-8d9497d2]:before { width: 180px } .service .container .map .hint .hint-content[data-v-8d9497d2]:after { width: 80px } .service .container .map .hint:hover .hint-content[data-v-8d9497d2]:after, .service .container .map .hint:hover .hint-content[data-v-8d9497d2]:before { opacity: 1 } .service .container .map .hint:hover .hint-content[data-v-8d9497d2]:before { -webkit-transition-delay: .15s; transition-delay: .15s } .service .container .map .hint .hint-content p[data-v-8d9497d2] { opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s } .service .container .map .hint:hover .hint-content p[data-v-8d9497d2] { opacity: 1 } .service .container .map .hint.beimei[data-v-8d9497d2] { top: calc(44% - 30px); left: calc(29.29% - 30px); } .service .container .map .hint.beimei .hint-content[data-v-8d9497d2] { top: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); padding: 10px; display:none; margin-right: -55px; background: rgba(255, 255, 255, 0.85); } .service .container .map .hint.beimei .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.beimei .hint-content[data-v-8d9497d2]:after { top: 0; left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.sichuan[data-v-8d9497d2] { top: calc(57% - 30px); left: calc(48.29% - 30px); } .service .container .map .hint.sichuan .hint-content[data-v-8d9497d2] { top: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); padding: 10px; margin-right: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.sichuan .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.sichuan .hint-content[data-v-8d9497d2]:after { top: 0; left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.neimenggu[data-v-8d9497d2] { top: calc(33% - 30px); left: calc(48.29% - 30px); } .service .container .map .hint.neimenggu .hint-content[data-v-8d9497d2] { top: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); padding: 10px; margin-right: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.neimenggu .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.neimenggu .hint-content[data-v-8d9497d2]:after { top: 0; left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.guizhou[data-v-8d9497d2] { top: calc(65.9% - 30px); left: calc(56% - 30px); display:none; } .service .container .map .hint.guizhou .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.guizhou .hint-content[data-v-8d9497d2]:before { top: 0; right: 0 } .service .container .map .hint.guizhou .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.hunan[data-v-8d9497d2] { top: calc(48.7% - 30px); left: calc(67% - 30px); } .service .container .map .hint.hunan .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.hunan .hint-content[data-v-8d9497d2]:before { top: 0; right: 0 } .service .container .map .hint.hunan .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.ouzhou[data-v-8d9497d2] { top: calc(15% - 30px); left: calc(83% - 30px); } .service .container .map .hint.ouzhou .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.ouzhou .hint-content[data-v-8d9497d2]:before { top: 0; right: 0 } .service .container .map .hint.ouzhou .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.yatai[data-v-8d9497d2] { top: calc(28% - 30px); left: calc(73.52% - 30px); } .service .container .map .hint.yatai .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.yatai .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.yatai .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate( 135deg); transform: rotate( 135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .service .container .map .hint.nanmei[data-v-8d9497d2] { top: calc(71% - 30px); left: calc(46.24% - 30px); display:none; } .service .container .map .hint.nanmei .hint-content[data-v-8d9497d2] { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px; padding: 10px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.nanmei .hint-content[data-v-8d9497d2]:before { bottom: 0; left: 0 } .service .container .map .hint.nanmei .hint-content[data-v-8d9497d2]:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.dayang[data-v-8d9497d2] { top: calc(39.3% - 30px); left: calc(62% - 30px); display:none; } .service .container .map .hint.dayang .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.dayang .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.dayang .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate( 135deg); transform: rotate( 135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .service .container .map .hint.shanxi[data-v-8d9497d2] { top: calc(38.3% - 30px); left: calc(51.86% - 30px); } .service .container .map .hint.shanxi .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display:none; } .service .container .map .hint.shanxi .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.shanxi .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate( 135deg); transform: rotate( 135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .service .container .map .hint.jiangsu[data-v-8d9497d2] { top: calc(48.3% - 30px); left: calc(72.86% - 30px); display: none; } .service .container .map .hint.jiangsu .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.jiangsu .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.jiangsu .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate( 135deg); transform: rotate( 135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .service .container .map .hint.anhui[data-v-8d9497d2] { top: calc(49.8% - 30px); left: calc(53% - 30px); } .service .container .map .hint.anhui .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.anhui .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.anhui .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate( 135deg); transform: rotate( 135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .service .container .map .hint.hubei[data-v-8d9497d2] { top: calc(53.8% - 30px); left: calc(70% - 30px); display:none; } .service .container .map .hint.hubei .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display:none; } .service .container .map .hint.hubei .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.hubei .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate( 135deg); transform: rotate( 135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .service .container .map .hint.hebei[data-v-8d9497d2] { top: calc(35.3% - 30px); left: calc(67.86% - 30px); } .service .container .map .hint.hebei .hint-content[data-v-8d9497d2] { top: 85px; left: 50%; padding: 10px; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px; background: rgba(255, 255, 255, 0.85); display: none; } .service .container .map .hint.hebei .hint-content[data-v-8d9497d2]:before { top: 0; left: 0 } .service .container .map .hint.hebei .hint-content[data-v-8d9497d2]:after { top: 0; right: 0; -webkit-transform: rotate( 135deg); transform: rotate( 135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .service .container .map .ningbo[data-v-8d9497d2] { position: absolute; top: 22%; left: 84%; } .service .container .map .ningbo[data-v-8d9497d2]:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #fabe00; border-radius: 50% } .service .container .map .ningbo .tq1[data-v-8d9497d2] { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background-color: hsla(50,200%,40%,.2); -webkit-animation: bianda-data-v-8d9497d2 2.5s linear infinite; animation: bianda-data-v-8d9497d2 2.5s linear infinite } .service .container .map .ningbo .tq2[data-v-8d9497d2] { -webkit-animation: bianda2-data-v-8d9497d2 2s linear infinite; animation: bianda2-data-v-8d9497d2 2s linear infinite } .service .container .map .ningbo .tq2[data-v-8d9497d2], .service .container .map .ningbo .tq3[data-v-8d9497d2] { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background-color: hsla(50,100%,40%,.1); } .service .container .map .ningbo .tq3[data-v-8d9497d2] { -webkit-animation: bianda3-data-v-8d9497d2 3s linear infinite; animation: bianda3-data-v-8d9497d2 3s linear infinite } .service .container .map .ningbo .content[data-v-8d9497d2] { position: absolute; left: 20px; bottom: -10px; font-size: 12px; color: #fff; width: 200px; display: none; } .service .container .map .ningbo .content img[data-v-8d9497d2] { margin-left: -30px; padding: 10px; background: #fff; } @-webkit-keyframes bianda-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform: scale(10); transform: scale(10) } } @keyframes bianda-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform: scale(10); transform: scale(10) } } @-webkit-keyframes bianda2-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform: scale(13); transform: scale(13) } } @keyframes bianda2-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform: scale(13); transform: scale(13) } } @-webkit-keyframes bianda3-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform: scale(17); transform: scale(17) } } @keyframes bianda3-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform: scale(17); transform: scale(17) } } @media (max-width:768px) { .service .container[data-v-8d9497d2] { padding-top: 0; } .service .container .map[data-v-8d9497d2] { display: none; } .service .container .box .title .en[data-v-8d9497d2] { font-size: 22px; line-height: 24px; } .service .container .box .title .cn[data-v-8d9497d2] { font-size: 28px; } .service .container .map .hint[data-v-8d9497d2], .service .container .map .ningbo[data-v-8d9497d2] { display: none; } .service .container .box[data-v-8d9497d2] { position: static; padding-bottom: 50px; } }