v-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="default.htm" title="Додому" class="inmenu">Додому</a></li><li class="nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="about.html" title="Про нас" class="inmenu">Про нас</a><ul class="submenu"><li><a title="Про нас" href="about.html">Про нас</a></li><li><a title="Сертифікати" href="about-139242.html">Сертифікати</a></li><li><a title="Обладнання" href="about-139243.html">Обладнання</a></li><li><a title="Ринок" href="about-139244.html">Ринок</a></li></ul></li><li class="nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="products.html" title="Продукти" class="inmenu">Продукти</a><ul class="submenu"><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Електромобіль" href="electric-vehicle">Електромобіль</a><ul class="submenu"><li class="side_nav1"><a title="Електричний мінівен" href="electric-minivan">Електричний мінівен</a></li></ul></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Мінівен" href="Minivan">Мінівен</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Міні вантажівка" href="Mini-Truck">Міні вантажівка</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Самовивіз" href="Pickup">Самовивіз</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Вантажівка" href="Truck">Вантажівка</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="MPV" href="MPV">MPV</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Позашляховик" href="SUV">Позашляховик</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Міський автобус" href="City-Bus">Міський автобус</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Тренер" href="Coach">Тренер</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Гірничий самоскид" href="Mining-Dumper">Гірничий самоскид</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Комплект зарядки" href="charging-kit">Комплект зарядки</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Легка вантажівка" href="light-truck">Легка вантажівка</a></li><li class="side_nav1 nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a title="Автомобільні запчастини" href="vehicle-spare-parts">Автомобільні запчастини</a></li></ul></li><li class="nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="news.html" title="Новини" class="inmenu">Новини</a><ul class="submenu"><li><a title="Новини компанії" href="news-31561.html">Новини компанії</a></li><li><a title="Новини галузі" href="news-31562.html">Новини галузі</a></li></ul></li><li class="nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="download.html" title="Завантажити" class="inmenu">Завантажити</a></li><li class="nav-list" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="message.html" title="Надішліть запит" class="inmenu">Надішліть запит</a></li><li class="nav-list current" onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="contact.html" title="Зв'яжіться з нами" class="inmenu">Зв'яжіться з нами</a></li>
            </ul>
            <div class="search">
                <div class="search-icon"><i class="fa fa-search" aria-hidden="true"></i></div>
            </div>
        </div>
        <div class="nav-btn">
            <div class="nav-r-btn"><span></span><span></span><span></span></div>
        </div>
    </div>
    <div class="search-from">
        <form class="flex">
            <input type="text" class="searchtxt" name="txtSearch" id="txtSearch" placeholder="Пошук">
            <input type="button" name="button" class="searchbtn" value="Пошук" onclick="validate11()" id="btnSearch">
        </form>
        <script>
            function validate11() {
                if ($("input#txtSearch").val() == "") {
                    alert("Будь ласка, введіть свою тему");
                    $("input#txtSearch").focus();
                    return false;
                }
                window.location.href = "/products.html?Keywords=" + $("input#txtSearch").val();
            }
        </script>
    </div>
    <div class="mask"></div>
</header>

        <div class="banner page-banner" id="body">
            <div class="page-bannertxt"></div>
            <a class="item"><img src="../https@i.trade-cloud.com.cn/upload/6282/20201103134415233801.jpg" alt="Зв'яжіться з нами" title="Зв'яжіться з нами"></a>
        </div>
        <div class="block">
            <div class="layout">
                <div class="position">
                    <a href="default.htm">Додому</a>
                    <span>></span>
                    <a href="contact.html" title="Зв'яжіться з нами">Зв'яжіться з нами</a>
                </div>
                <div class="classes">
                    <h3>Зв'яжіться з нами</h3>
                    <div class="class-info">
                        <p></p>
                    </div>
                    <div class="class-name">
                    </div>
                    <div class="class-content">
                        <style>
.lxwm a{color:inherit; float:none;}
.lxwm p{ margin:10px 0;}
</style>
<p>
	<br />
</p>
<div class="lxwm">
	<h2>
		<p class="MsoNormal" style="font-size:24px;margin-bottom:10px;color:#111111;">Fujian Newlongma Automotive Co., Ltd.</p>
	</h2>
	<p>
		<br />
	</p>
	<p style="font-size:16px;line-height:32px;">
		<span style="font-size:16px;"></span> 
	</p>
	<p class="MsoNormal">
		<span style="font-size:16px;">Адреса: Gaobei, округ YongDing, місто Longyan, 364101, FuJian, Китай.</span> 
	</p>
	<p class="MsoNormal">
		<span style="background-color:#FFFFFF;text-indent:0pt;"><span style="font-size:16px;">Тел .:</span><a href="tel_3A+ 86-597-5208022"><span style="font-size:16px;">+ 86-597-5208022</span></a></span><span style="background-color:#FFFFFF;text-indent:0pt;font-size:16px;">&nbsp;</span> 
	</p>
	<p class="MsoNormal">
		<span style="background-color:#FFFFFF;text-indent:0pt;"><span style="font-size:16px;">Факс: + 86-597-5208100</span></span> 
	</p>
	<p class="MsoNormal">
		<span style="background-color:#FFFFFF;text-indent:0pt;"><span style="font-size:16px;">Контакти: Річар</span></span> 
	</p>
	<p class="MsoNormal">
		<span style="background-color:#FFFFFF;text-indent:0pt;"><span style="font-size:16px;">Тел .:</span><a href="tel_3A+ 86-15160020448"><span style="font-size:16px;">+ 86-15160020448</span></a></span> 
	</p>
	<p class="MsoNormal">
		<span style="background-color:#ffffff;text-indent:0pt;font-size:16px;"><span style="font-size:16px;">Електронна адреса:</span><a style="color:inherit;" href="mailto:221110@newlongma.com">221110@newlongma.com</a></span> 
	</p>
	<p style="font-size:16px;">
		<span style="background-color:#ffffff;text-indent:0pt;font-size:16px;"><span style="font-size:16px;">Веб-сайт:</span><a style="color:inherit;" href="../https@www.keytonauto.com/default.htm">www.keytonauto.com</a> </span> 
	</p>
</div>
                        <div class="inquiry">
                            <h3>Надіслати запит</h3>
                            <div id="form" class="form">
                                <div class="form-item col-l-1">
                                    <input type="text" id="subject" name="subject" value="" placeholder="Тема*" />
                                </div>
                                <div class="form-item col-r-1">
                                    <input type="text" id="company" name="company" value="" placeholder="Компанія" />
                                </div>
                                <div class="form-item col-l-1">
                                    <input type="text" id="Email" name="Email" value="" placeholder="Електронна пошта*" />
                                </div>
                                <div class="form-item col-r-1">
                                    <input type="text" id="name" name="name" value="" placeholder="Ім'я*" />
                                </div>
                                <div class="form-item col-l-1">
                                    <input type="text" id="tel" name="tel" value="" placeholder="Тел" />
                                </div>
                                <div class="form-item col-l-2">
                                    <textarea id="content" name="content" placeholder="повідомлення*"></textarea>
                                </div>
                                <div class="form-item col-l-1" style="position:relative;display:none;" >
                                    <input type="text" id="code" name="code" value="1" maxlength="5" placeholder="*" />
                                    <img src="VerifyCodeImg.aspx" id="codeimg" alt="Click Refresh verification code" title="Click Refresh verification code" onclick="ReGetVerifyCode('codeimg')" />
                                </div>
                                <div class="form-item col-l-2" style="text-align: left;">
                                    <input type="button" id="submit" onclick="validate()" name="submit" value="ПОДАТИ" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            
            var ttt = 0;
            function validate() {
                
                var strSubject, strCompany, strEmail, strName, strTel, strMessage, strCode;
                strSubject = $("input#subject").val();
                strCompany = $("input#company").val();
                strEmail = $("input#Email").val();
                strName = $("input#name").val();
                strTel = $("input#tel").val();
                strMessage = $("#content").val();
                strCode = $("#code").val();

                if (strSubject == "") {
                    if (true) {
                        alert("Будь ласка, введіть свій Тема");
                        $("input#subject").focus();
                        return false;
                    }
                }
                if (strCompany == "") {
                    if (false) {
                        alert("Будь ласка, введіть свій Компанія");
                        $("input#company").focus();
                        return false;
                    }
                }
                if (strEmail == "") {
                    if (true) {
                        alert("Будь ласка, введіть свій Електронна пошта");
                        $("input#Email").focus();
                        return false;
                    }
                } else {
                    var myreg = /^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/;
                    if (!myreg.test(strEmail)) {
                        alert("Помилка формату електронної пошти");
                        $("input#Email").focus();
                        return false;
                    }
                }
                if (strName == "") {
                    if (true) {
                        alert("Будь ласка, введіть свій Ім'я");
                        $("input#name").focus();
                        return false;
                    }
                }
                if (strTel == "") {
                    if (false) {
                        alert("Будь ласка, введіть свій Тел");
                        $("input#tel").focus();
                        return false;
                    }
                }
                if (strMessage == "") {
                    if (true) {
                        alert("Будь ласка, введіть свій повідомлення");
                        $("#content").focus();
                        return false;
                    }
                }

                if (strCode == "") {
                    $("#code").focus();
                    return false;
                }

                if (ttt == 1) { alert("5 s"); return false; }
                ttt = 1;
                var timer1 = setTimeout("timerli()", 5000);

                try {
                    var url = window.location.pathname;
                    $.ajax({
                        type: "POST",
                        url: "js/AjaxData.ashx",
                        data: "Action=AddBook1&Type=NewBook&Subject=" + encodeURIComponent(strSubject) + "&Company=" + encodeURIComponent(strCompany) + "&Email=" + encodeURIComponent(strEmail)
                            + "&Name=" + encodeURIComponent(strName) + "&Url=" + encodeURIComponent(url) + "&Tel=" + encodeURIComponent(strTel) + "&Message=" + encodeURIComponent(strMessage) + "&Code=" + encodeURIComponent(strCode),
                        success: function (ret) {
                            if (ret == "200") {
                                window.location.href = "thank.html";
                            }
                            else {
                                alert(ret);
                            }
                        }
                    });
                }
                catch (ex) { alert("Erro" + ex); }
            }
            function timerli() { ttt = 0; }
        </script>
        
<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, місто Longyan, 364101, FuJian, Китай.</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="default.htm" title="Додому">Додому</a></li><li><a href="about.html" title="Про нас">Про нас</a></li><li><a href="products.html" title="Продукти">Продукти</a></li><li><a href="news.html" title="Новини">Новини</a></li><li><a href="download.html" title="Завантажити">Завантажити</a></li><li><a href="message.html" title="Надішліть запит">Надішліть запит</a></li><li><a href="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. - Міні-пікап, електромобіль, позашляховик Всі права захищені.<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" > WhatsApp </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>
</html>