File: /web/data/www.tbbprovision.com/contactus.html
<!DOCTYPE html>
<html lang="en-gb" dir="ltr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>联系我们</title>
<link href="images/favicon.ico" rel="shortcut icon" />
<link rel="stylesheet" href="css/animation.css" type="text/css" />
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/swiper-3.4.0.min.css">
<style>
.my-map { margin: 0 auto; width: 510px; height: 386px;border: 1px solid #efefef;
border-radius: 5px;}
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px;}
.amap-container{height: 100%;}
</style>
<style>
.zhicwl-google{width: 500px; height: 393px; background: #E5E3DF; position: relative; overflow:hidden;}
.zhicwl-google iframe{position:absolute; left:0; top:-46px; z-index:1; width:100%; height:439px; border: none; padding:0; margin:0;}
@media (max-width: 1200px){
.zhicwl-google{width: 400px; height:346px;}
.zhicwl-google iframe{height:392px;}
}
@media (max-width: 992px){
.zhicwl-google{height: 393px;}
.zhicwl-google iframe{height:439px;}
}
@media (max-width: 470px){
.zhicwl-google{width: 100%;height: 17rem;}
.zhicwl-google iframe{width:100%;height:19.5rem;}
}
@media (max-width: 450px){
.zhicwl-google iframe{height:19.7rem;}
}
@media (max-width: 430px){
.zhicwl-google iframe{height:19.9rem;}
}
@media (max-width: 400px){
.zhicwl-google iframe{height:20.2rem;}
}
@media (max-width: 370px){
.zhicwl-google iframe{height:20.4rem;}
}
@media (max-width: 350px) {
.zhicwl-google iframe{height:20.6rem;}
}
</style>
<script src="js/idangerous.swiper-2.1.min.js"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-noconflict.js" type="text/javascript"></script>
<script src="js/jquery.bxslider.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function(w, $) {
if (typeof w.zo2 === 'undefined') {
var _zo2 = {
_settings: {
},
jQuery: $
};
w.zo2 = _zo2;
}
})(window, jQuery.noConflict());
</script>
</head>
<body class="homepage" style="background:#f2f2f2">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<section class="zo2-wrapper">
<section id="zo2-zt-top-nav-wrap" class="zo2-sticky">
<div class="container">
<div class="row1">
<div id="zo2-header-logo" class="col-md-2 col-sm-5">
<header id="standard-logo" class="zo2-logo" style="float:left">
<a href="index.html"><img alt="" src="images/logo.png" /></a>
</header>
<header id="retina-logo" class="zo2-logo">
<a href="index.html"><img alt="" src="images/logo.png"/></a>
</header>
</div>
<div id="zo2-canvas-menu" class="hidden-md hidden-lg canvas col-md-1 col-sm-1 col-xs-1" style="text-align:right;margin-top:-12px">
<span class="button-canvas">
<i class="fa fa-2x fa-bars" data-toggle="offcanvas"></i>
</span>
</div>
<div id="zo2-mega-menu" class="hidden-xs hidden-sm col-md-10 col-sm-10">
<nav data-zo2selectable="navbar" class="wrap zo2-menu navbar navbar-default" role="navigation">
<div class="navbar-collapse collapse">
<div class="zo2-megamenu animate zoom" data-duration="300" data-hover="hover">
<ul class="nav navbar-nav level-top">
<li class="dropdown mega mega-align-left" data-id="101" data-level="1" data-alignsub="left">
<a class="dropdown-toggle" href="index.html" data-toggle="dropdown" >首页</a>
</li>
<li class=" dropdown mega" data-id="111" data-level="1">
<a class="dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" >TBB故事<b class="caret"></b></a>
<div class="menu-child dropdown-menu mega-dropdown-menu" >
<div class="mega-dropdown-inner">
<div class="col-md-12 col-sm-12 mega-col-nav" data-width="12" >
<div class="mega-inner">
<ul class="nav mega-nav level1">
<li data-id="334" data-level="2">
<a class="" href="tbbhistory-1.html" >快速了解TBB</a>
</li>
<li class="" data-id="335" data-level="2">
<a class="" href="tbbhistory-2.html" >TBB大家庭</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class=" dropdown mega" data-id="111" data-level="1">
<a class="dropdown-toggle" href="chosetbb.html" data-toggle="dropdown" >选择TBB</a>
</li>
<li class="dropdown mega" data-id="110" data-level="1">
<a class="dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" >产品&质量<b class="caret"></b></a>
<div class="menu-child dropdown-menu mega-dropdown-menu" >
<div class="mega-dropdown-inner">
<div class="col-md-12 col-sm-12 mega-col-nav" data-width="12" >
<div class="mega-inner">
<ul class="nav mega-nav level1">
<li data-id="334" data-level="2">
<a class="" href="productquality1.html" >产品</a>
</li>
<li class="" data-id="335" data-level="2">
<a class="" href="productquality2.html" >质量</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="active dropdown mega" data-id="111" data-level="1">
<a class="dropdown-toggle" href="contactus.html" data-toggle="dropdown" >联系我们</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</section>
</section>
<div class="site_wrap_contactus">
<div class="container">
<div class="col-md-6">
<div id="wrap_bj" class="zhicwl-google">
<div id="mapContainer_bj"></div>
</div>
</div>
<div class="col-md-6 right">
<div class="contactus col-md-7">
<h3>联系方式</h3>
<p>公共邮箱：info@tbbbearing.com<br/>
采购邮箱：info@tbbbearing.com<br/>
销售邮箱：tbb@tbbprovision.com</p>
<p>联系电话：+86 21 38726185/6186<br/>
传真：+86 21 38726187<br/>
工作时间: 9:00-18:00 (周一至周五)</p>
<p>办公室地址：上海市浦东新区新金桥路18号</p>
</div>
<div class="col-md-5 ewm_part">
<p>
<img src="images/ewm_pic.jpg" />
<span>微信公众号：TBB-Bearing</span>
</p>
</div>
</div>
</div>
</div>
<div class="site_wrap3" style="background:#f2f2f2">
<div class="container">
<p>
<strong><a href="https://twitter.com/TBB_Bearing" target="_blank" class="icon1"></a></strong><strong><a href="https://www.linkedin.com/in/tbb-bearing-427727117/" target="_blank" class="icon2"></a></strong><strong><a href="https://www.facebook.com/tbbbearingprovision/" target="_blank" class="icon3"></a></strong><strong onmouseover="this.className='hover'" onMouseOut="this.className=''"><a href="javascript:void(0)" class="icon4"></a><b><img src="images/ewm_pic.jpg" /></b></strong>
</p>
</div>
</div>
<script type="text/javascript">
var $bxSliderContainer = jQuery('div.zt-slideshow-wrap div.zt-slideshow');
var bxSliderSettings = {
speed: 1000,
auto: true,
pause: 5000,
onSliderLoad: function(currentIndex){
$bxSliderContainer.find("> div:not('.bx-clone')").first().data('loaded', true);
},
onSlideBefore: function(){
if(typeof(slider.getCurrentSlide) !== 'undefined'){
var $current = $bxSliderContainer.find("> div:not('.bx-clone')").eq(slider.getCurrentSlide());
}else{
var $current = $bxSliderContainer.find("> div:not('.bx-clone')").first();
}
$current.addClass('active');
if(typeof($current.data('loaded')) === 'undefined'){
$current.find('.zt-slideshow-loading').css('display', 'block');
}
},
onSlideAfter: function () {
var $current = $bxSliderContainer.find("> div:not('.bx-clone')").find('.active');
$current.removeClass('active');
$current = $bxSliderContainer.find("> div:not('.bx-clone')").eq(slider.getCurrentSlide())
$current.addClass('active');
window.setTimeout(function(){
if(typeof($current.data('loaded')) === 'undefined'){
$current.find('.zt-slideshow-loading').fadeOut();
$current.data('loaded', true);
}
}, 500);
}
};
</script>
<div class="offcanvas offcanvas-left hidden-md hidden-lg">
<a href="#" class="sidebar-close"></a>
<div class="sidebar-nav">
<ul>
<li class="nav-parent">
<a href="index.html">首页</a>
</li>
<li class="nav-parent">
<a href="javascript:void(0)">TBB故事</a>
<a href="#" class="nav-oc-toggle icon-caret-up" data-toggle="collapse" data-target="#ocSub-104"><i></i></a>
<ul class="submenu collapse in" id="ocSub-104" aria-expanded="true">
<li>
<a href="tbbhistory-1.html">——快速了解TBB</a>
</li>
<li>
<a href="tbbhistory-2.html">——TBB大家庭</a>
</li>
</ul>
</li>
<li class="nav-parent">
<a href="chosetbb.html">选择TBB</a>
</li>
<li class="nav-parent">
<a href="javascript:void(0)">产品&质量</a>
<a href="#" class="nav-oc-toggle icon-caret-up" data-toggle="collapse" data-target="#ocSub-105"><i></i></a>
<ul class="submenu collapse in" id="ocSub-105" aria-expanded="true">
<li>
<a href="productquality1.html">——产品</a>
</li>
<li>
<a href="productquality2.html">——质量</a>
</li>
</ul>
</li>
<li class="nav-parent">
<a href="contactus.html">联系我们</a>
</li>
</ul>
</div>
</div>
<div class="footer">
<div class="container">
<div class="col-md-6 left">
<p><i></i><strong>联系我们<br/>邮箱：info@tbbbearing.com<br/>联系电话：+86 21 38726186/38726185</strong></p>
</div>
<div class="col-md-6 right"><p>
版权©2000-2017 TBB保留所有权利
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1269404359'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1269404359%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
</p>
</div>
</div>
</div>
<script src="http://webapi.amap.com/maps?v=1.3&key=8325164e247e15eea68b59e89200988b"></script>
<script>
//北京地址
!function(){
var infoWindow, map, level = 14,
center = {lng: 121.59802079, lat: 31.20445109},
features = [{type: "Marker", name: "", desc: "<div style='font-size: 12px;'>上海锑美轴承技术有限公司</div>", color: "red", icon: "cir", offset: {x: 0, y: 0}, lnglat: {lng: 121.59802079, lat: 31.20445109}}];
function loadFeatures(){
for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){
data = features[i];
switch(data.type){
case "Marker":
feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),
zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,
content: '<div class="icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'"></div>' });
break;
case "Polyline":
for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
}
feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,
strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });
break;
case "Polygon":
for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
}
feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,
strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,
fillColor: data.fillColor, fillOpacity: data.fillOpacity });
break;
default: feature = null;
}
if(feature){ AMap.event.addListener(feature, "click", mapFeatureClick); }
}
}
function mapFeatureClick(e){
if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true}); }
var extData = e.target.getExtData();
infoWindow.setContent("<h5>" + extData.name + "</h5><div>" + extData.desc + "</div>");
infoWindow.open(map, e.lnglat);
}
map = new AMap.Map("mapContainer_bj", {center: new AMap.LngLat(center.lng, center.lat), level: level});
new AMap.Buildings({map: map, zIndex: 2});
loadFeatures();
map.on('complete', function(){
map.plugin(["AMap.ToolBar", "AMap.OverView", "AMap.Scale"], function(){
map.addControl(new AMap.ToolBar);
map.addControl(new AMap.OverView({isOpen: true}));
map.addControl(new AMap.Scale);
});
})
//构建信息窗体中显示的内容
var info = [];
info.push("<div style='font-size: 12px;color:#FF7256;'>上海锑美轴承技术有限公司</div>");
info.push("<div style='font-size: 12px;'></div>");
infoWindow = new AMap.InfoWindow({
content: info.join("<br>") //使用默认信息窗体框样式，显示信息内容
});
infoWindow.open(map, [121.59802079, 31.20445109]);
}();
</script>
<script>
jQuery(document).ready(function() {
jQuery(".zo2-sticky").sticky({topSpacing:0});
});
</script>
<script type="text/javascript" src="js/swiper-3.4.0.min.js"></script>
<script src="http://webapi.amap.com/maps?v=1.3&key=8325164e247e15eea68b59e89200988b"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript">
var language = navigator.browserLanguage?navigator.browserLanguage:navigator.language;
if (language.indexOf('zh') < 0) document.location.href = '/en/';
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>