이 모든 것이 KEYTON MOTOR를 현대적인 공장으로 만듭니다. 더 자세한 정보를 원하시면 저희에게 연락하십시오.
                        </div>
                    </div>
                </div>
                <div style="clear: both;"></div>
            </div>
        </div>
        
<div class="im">
    <style>
        img {
            border: none;
            max-width: 100%;
        }
    </style>
    <label class="im-l" for="select"><i class="iconfont icon-xiaoxi21"></i></label>
    <input type="checkbox" id="select">
    <div class="box">
        <ul>
            <li><a class="ri_WhatsApp" href="../https@api.whatsapp.com/send@phone=+86-18650889616&text=Hello" title="+86-18650889616" target="_blank"><img style="width:25px;" src="images/whatsapp.png" /><span>Jimmy</span></a></li><li><a class="ri_WhatsApp" href="../https@api.whatsapp.com/send@phone=15059455125&text=Hello" title="15059455125" target="_blank"><img style="width:25px;" src="images/whatsapp.png" /><span>Emily</span></a></li><li><a class="ri_WhatsApp" href="../https@api.whatsapp.com/send@phone=15160020448&text=Hello" title="15160020448" target="_blank"><img style="width:25px;" src="images/whatsapp.png" /><span>Richard</span></a></li><li><a class="ri_Email" href="mailto:150132@newlongma.com" title="150132@newlongma.com" target="_blank"><img style="width:25px;" src="images/e-mail.png" /><span>Emily</span></a></li>
            <li style="padding: 5px;">
                <img src="../https@i.trade-cloud.com.cn/upload/6282/20201103091900502888.png" alt="QR">
            </li>
        </ul>
    </div>
</div>
<footer>
    <div class="foot-content c_section">
        <div class="container">
            <div class="foot-contact">
                <div class="foot-logo">
                    <img src="../https@i.trade-cloud.com.cn/upload/6282/20201103110458296348.png" />
                   
                </div>
                <ul>
                     <li>주소: Gaobei, YongDing County, Longyan City, 364101, FuJian, China.</li> <li>전화:  <a href="tel_3A+86-597-5208022">+86-597-5208022</a></li> <li>핸드폰:  <a href="tel_3A_25C2_25A0+86-15160020448"> +86-15160020448</a></li> <li>이메일:  <a href="message.html">221110@newlongma.com</a></li>
                </ul>
            </div>
            <div class="company-contact">
                <div class="company-info">
                    <h4 class="foot-tit">빠른 탐색</h4>
                    <ul>
                        <li><a href="../https@ko.keytonauto.com/default.htm" title="집">집</a></li><li><a href="../https@ko.keytonauto.com/about.html" title="회사 소개">회사 소개</a></li><li><a href="../https@ko.keytonauto.com/products.html" title="제품">제품</a></li><li><a href="../https@ko.keytonauto.com/news.html" title="뉴스">뉴스</a></li><li><a href="../https@ko.keytonauto.com/download.html" title="다운로드">다운로드</a></li><li><a href="../https@ko.keytonauto.com/message.html" title="문의 보내기">문의 보내기</a></li><li><a href="../https@ko.keytonauto.com/contact.html" title="문의하기">문의하기</a></li>
                    </ul>
                </div>
            </div>
            <div class="company-contact">
                <div class="company-info">
                    <h4 class="foot-tit">연결</h4>
                    <ul>
                        <li class="side_nav1" id="HeadProCat1"><a href="links.html">Links</a></li>
                        <li class="side_nav1" id="HeadProCat2"><a href="sitemap.html">Sitemap</a></li>
                        <li class="side_nav1" id="HeadProCat3"><a href="rss.xml">RSS</a></li>
                        <li class="side_nav1" id="HeadProCat4"><a href="sitemap.xml">XML</a></li>
                        <li><a href="privacy-policy.html" target ="_blank">Privacy Policy</a></li>
                    </ul>
                </div>
            </div>
            <div class="code">
                <h4 class="foot-tit">QR 코드</h4>
                <i>
                    <img src="../https@i.trade-cloud.com.cn/upload/6282/20201103091900502888.png" border="0" class="ErWeiImg" />
                </i>
            </div> <div class="foottag">
                        
                    </div>
        </div>
    </div>
    <div class="foot-bot">
        <div class="container">
            <div class="copyright">
                Copyright © 2020 Fujian Newlongma Automotive Co., Ltd.-미니 픽업, 전기 자동차, SUV 판권 소유.<br>웹 사이트 기술 지원, Quanzhou Tianyu Network Technology Co., Ltd. Robin.zhang 18060016339
            </div>
            <div class="foot-share">
                <ul>
                    <li><a href="linkedin.com/in/richar-chang-625b6469" target="_blank" rel="nofollow" class="linkedin"><span class="iconfont icon-in"></span></a></li><li><a href="../https@api.whatsapp.com/send@phone=+ 86-15160020448&text=Hello" target="_blank" rel="nofollow" class="Whatsapp"><span class="iconfont icon-whatsapp"></span></a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>

<div class="f-ke">
    <ul>
        <li class="f-ke_a"><a href="../https@api.whatsapp.com/send@phone=+ 86-15160020448&text=Hello" > 왓츠앱 </a></li><li><a href ="message.html" title="221110@newlongma.com">이메일</a></li>
    </ul>
</div>

<script src="../https@style.trade-cloud.com.cn/Template/105/js/Site_Common.js"></script>
<script src="../https@style.trade-cloud.com.cn/Template/105/js/m252/swiper.min.js"></script>
<script src="../https@style.trade-cloud.com.cn/Template/105/js/m252/wow.min.js"></script>
<script src="../https@style.trade-cloud.com.cn/Template/105/js/m252/index.js" id="js" page="home"></script>
<script src="../https@style.trade-cloud.com.cn/Template/105/js/js252.js"></script>
<style>
.opt table{
width:100%;
border-collapse: collapse;
border: 1px solid #777;
}
.opt table td{
padding:5px;
border: 1px solid #777;
}
.header-con{box-shadow: 0 10px 15px rgb(25 25 25 / 5%);}
.ind-about p{font-size:16px;line-height:150%;}
.block .product-right .product-list .product-item .product-img img {vertical-align: middle;}
.opt img{max-width:100%;}
.opt p strong{ color:#000; font-size:16px; display:block;}
.opt p{ font-size:14px; line-height:24px; color:#666;}
.opt p strong{margin-bottom:10px;}
.opt table{
border:none;
border-collapse:collapse;
}
.opt table tr,.opt table td{
border:1px solid #333333;
border-collapse:collapse;	
}
.opt table td p{ margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px;}
.opt table td{font-size:14px; line-height:24px; color:#666;}
</style><style>
.service[data-v-8d9497d2] {
	
	padding: 50px 0;
}
.txt p{ color:red}
.service .container[data-v-8d9497d2] {
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
	overflow: hidden
}

.service .container .box[data-v-8d9497d2] {
	color: red;
	max-width: 550px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	pointer-events: none
}

.service .container .box .title[data-v-8d9497d2] {
	border-bottom: 1px solid rgba(141,144,149,.5);
	padding: 25px;
	pointer-events: auto
}

.service .container .box .title .en[data-v-8d9497d2] {
	font-size: 40px;
	text-transform: uppercase;
	font-family: CANARO BOLD
}

.service .container .box .title .cn[data-v-8d9497d2] {
	font-size: 35px
}

.service .container .box .content[data-v-8d9497d2] {
	font-size: 14px;
	color: #efefef;
	line-height: 30px;
	padding: 25px;
	pointer-events: none
}

.service .container .box .link[data-v-8d9497d2] {
	font-family: CANARO BOLD;
	border: 1px solid red;
	color: red;
	padding: 5px 10px;
	text-transform: uppercase;
	width: 250px;
	max-width: 100%;
	margin-top: 25px;
	margin-left: 25px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s;
	transition: .3s;
	pointer-events: auto
}

.service .container .box .link .txt[data-v-8d9497d2] {
	position: relative
}

.service .container .box .link .txt .t1[data-v-8d9497d2] {
	font-size: 20px;
	line-height: 1em
}

.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: #004b94;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 0 50px 50px 0;
	border-right: 50px solid #004b94;
	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: red
}

.service .container .map[data-v-8d9497d2] {
	max-width: 1339px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.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: red
}

.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 red;
		box-shadow: 0 0 30px 5px red
	}

	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 red;
		box-shadow: 0 0 30px 5px red
	}

	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: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	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: red;
	opacity: .1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.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: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid red;
	-webkit-animation: home_hero_item_hints_border-data-v-8d9497d2 2s linear infinite red;
	animation: home_hero_item_hints_border-data-v-8d9497d2 2s linear infinite red
}

@-webkit-keyframes home_hero_item_hints_border-data-v-8d9497d2 {
	0%,to {
		border-color: hsla(0,0%,100%,.6);
		-webkit-transform: translate(-50%,-50%) scale(.95);
		transform: translate(-50%,-50%) scale(.95)
	}

	50% {
		border-color: hsla(0,0%,100%,.3);
		-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: hsla(0,0%,100%,.6);
		-webkit-transform: translate(-50%,-50%) scale(.95);
		transform: translate(-50%,-50%) scale(.95)
	}

	50% {
		border-color: hsla(0,0%,100%,.3);
		-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: red;
	z-index: 5;
	padding: 12px 0;
	font-size: 12px;
	color: #b0b0b0;
	-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: red;
	-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; font-size:20px; margin:0px 0; color:#fff;text-shadow: 1px 1px 2px #000000;
	-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(41.64% - 30px);
	left: calc(18.29% - 30px)
}

.service .container .map .hint.beimei .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.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.ouzhou[data-v-8d9497d2] {
	top: calc(34.5% - 30px);
	left: calc(53.47% - 30px)
}

.service .container .map .hint.ouzhou .hint-content[data-v-8d9497d2] {
	top: 85px;
	left: 50%;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	margin-left: -55px
}

.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(34.5% - 30px);
	left: calc(75.52% - 30px)
}

.service .container .map .hint.yatai .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.yatai .hint-content[data-v-8d9497d2]:before {
	bottom: 0;
	left: 0
}

.service .container .map .hint.yatai .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.nanmei[data-v-8d9497d2] {
	top: calc(70.06% - 30px);
	left: calc(26.24% - 30px)
}

.service .container .map .hint.nanmei .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.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.zhili[data-v-8d9497d2] {
	top: calc(89.06% - 30px);
	left: calc(26.24% - 30px)
}

.service .container .map .hint.zhili .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.zhili .hint-content[data-v-8d9497d2]:before {
	bottom: 0;
	left: 0
}

.service .container .map .hint.zhili .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.Bolivia[data-v-8d9497d2] {
	top: calc(76.06% - 30px);
	left: calc(29% - 30px)
}

.service .container .map .hint.Bolivia .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Bolivia .hint-content[data-v-8d9497d2]:before {
	bottom: 0;
	left: 0
}

.service .container .map .hint.Bolivia .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.Dominica[data-v-8d9497d2] {
	top: calc(53.56% - 30px);
	left: calc(27% - 30px)
}

.service .container .map .hint.Dominica .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Dominica .hint-content[data-v-8d9497d2]:before {
	bottom: 0;
	left: 0
}

.service .container .map .hint.Dominica .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.Turks[data-v-8d9497d2] {
	top: calc(49.56% - 30px);
	left: calc(25.5% - 30px)
}

.service .container .map .hint.Turks .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Turks .hint-content[data-v-8d9497d2]:before {
	bottom: 0;
	left: 0
}

.service .container .map .hint.Turks .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.Ghana[data-v-8d9497d2] {
	top: calc(60.06% - 30px);
	left: calc(46.5% - 30px)
}

.service .container .map .hint.Ghana .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Ghana .hint-content[data-v-8d9497d2]:before {
	top: 0;
	left: 0
}

.service .container .map .hint.Ghana .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.Egypt[data-v-8d9497d2] {
	top: calc(49.06% - 30px);
	left: calc(54.5% - 30px)
}

.service .container .map .hint.Egypt .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Egypt .hint-content[data-v-8d9497d2]:before {
	bottom: 0;
	left: 0
}

.service .container .map .hint.Egypt .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.Nigeria[data-v-8d9497d2] {
	top: calc(60.06% - 30px);
	left: calc(49.5% - 30px)
}
.service .container .map .hint.Nigeria .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Nigeria .hint-content[data-v-8d9497d2]:before {
	top: 0;
	left: 0
}

.service .container .map .hint.Nigeria .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.Sudan[data-v-8d9497d2] {
	top: calc(60.06% - 30px);
	left: calc(57.5% - 30px)
}
.service .container .map .hint.Sudan .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Sudan .hint-content[data-v-8d9497d2]:before {
	top: 0;
	left: 0
}

.service .container .map .hint.Sudan .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.UAE[data-v-8d9497d2] {
	top: calc(50.06% - 30px);
	left: calc(62.5% - 30px)
}
.service .container .map .hint.UAE .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.UAE .hint-content[data-v-8d9497d2]:before {
	top: 0;
	left: 0
}

.service .container .map .hint.UAE .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.Saudi[data-v-8d9497d2] {
	top: calc(50.06% - 30px);
	left: calc(59.5% - 30px)
}
.service .container .map .hint.Saudi .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Saudi .hint-content[data-v-8d9497d2]:before {
	top: 0;
	left: 0
}

.service .container .map .hint.Saudi .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.Madagascar[data-v-8d9497d2] {
	top: calc(75.06% - 30px);
	left: calc(60% - 30px)
}

.service .container .map .hint.Madagascar .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Madagascar .hint-content[data-v-8d9497d2]:before {
	bottom: 0;
	left: 0
}

.service .container .map .hint.Madagascar .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.Philippines[data-v-8d9497d2] {
	top: calc(58.06% - 30px);
	left: calc(82% - 30px)
}

.service .container .map .hint.Philippines .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Philippines .hint-content[data-v-8d9497d2]:before {
	top: 0;
	left: 0
}

.service .container .map .hint.Philippines .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.Myanmar[data-v-8d9497d2] {
	top: calc(54.06% - 30px);
	left: calc(74% - 30px)
}

.service .container .map .hint.Myanmar .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Myanmar .hint-content[data-v-8d9497d2]:before {
	top: 0;
	left: 0
}

.service .container .map .hint.Myanmar .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.Cambodia[data-v-8d9497d2] {
	top: calc(58.06% - 30px);
	left: calc(76% - 30px)
}

.service .container .map .hint.Cambodia .hint-content[data-v-8d9497d2] {
	top: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.Cambodia .hint-content[data-v-8d9497d2]:before {
	top: 0;
	left: 0
}

.service .container .map .hint.Cambodia .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.dayang[data-v-8d9497d2] {
	top: calc(81.13% - 30px);
	left: calc(83.86% - 30px)
}

.service .container .map .hint.dayang .hint-content[data-v-8d9497d2] {
	bottom: 85px;
	right: 50%;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	margin-right: -55px
}

.service .container .map .hint.dayang .hint-content[data-v-8d9497d2]:before {
	bottom: 0;
	left: 0
}

.service .container .map .hint.dayang .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 .ningbo[data-v-8d9497d2] {
	position: absolute;
	top: 50.02%;
	left: 79.49%
}

.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: red;
	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(0,100%,54%,.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(0,100%,54%,.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: red
}

.service .container .map .ningbo .content img[data-v-8d9497d2] {
	margin-left: -70px
}

@-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 .box .title .en[data-v-8d9497d2] {
		font-size: 24px
	}

	.service .container .box .title .cn[data-v-8d9497d2] {
		font-size: 20px
	}

	.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
	}
}
</style>
<script id="test" type="text/javascript"></script><script type="text/javascript">document.getElementById("test").src="../https@www.keytonauto.com/IPCount/stat.aspx@ID=6282";</script>
    </div>
</body>
<script type="text/javascript">
    $(".block .product-left .product-nav ul span").each(function () {
        $(this).click(function () {
            if ($(this).siblings("ul").css("display") == "none") {
                $(this).css("background-image", "url(../https@i.trade-cloud.com.cn/NewImages/images/product_02.png)");
                $(this).siblings("ul").slideDown(500);

            } else {
                $(this).css("background-image", "url(../https@i.trade-cloud.com.cn/NewImages/images/product_01.png)");
                $(this).siblings("ul").slideUp(500);
            }
        })
    });
    $(".block .product-left .product-list h3").click(function () {
        if ($(this).siblings("ul").css("display") == "none") {
            $(this).siblings("ul").slideDown(500);
        } else {
            $(this).siblings("ul").slideUp(500);
        }
    });
</script>
</html>