Warning: session_start(): open(/tmp/sess_7r7j8gq7aqd7l4q3k3hquqkece, O_RDWR) failed: No space left on device (28) in /www/wwwroot/yangzhan/controller/Com.php on line 280
Warning: session_start(): Failed to read session data: files (path: ) in /www/wwwroot/yangzhan/controller/Com.php on line 280
.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(65.5% - 30px);
left: calc(13.1% - 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(45.9% - 30px);
left: calc(39.2% - 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(12.5% - 30px);
left: calc(85.64% - 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(71.8% - 30px);
left: calc(82% - 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(78.1% - 30px);
left: calc(40.2% - 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(34.2% - 30px);
left: calc(67.65% - 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: 35%;
left: 36.5%;
}
.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: hsl(0deg 0% 100% / 8%);
}
.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;
}
}