File: /web/data/www.tbbprovision.com/en/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>CONTACT</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" >HOME</a>
</li>
<li class=" dropdown mega" data-id="111" data-level="1">
<a class="dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" >TBB STORY<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" >IMPORTANT<br/>
POINTS OF TBB</a>
</li>
<li class="" data-id="335" data-level="2">
<a class="" href="tbbhistory-2.html" >TBB FAMILY</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" >FIND THE BEST</a>
</li>
<li class="dropdown mega" data-id="110" data-level="1">
<a class="dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" >PRODUCT & QUALITY<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" >PRODUCT</a>
</li>
<li class="" data-id="335" data-level="2">
<a class="" href="productquality2.html" >QUALITY</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" >CONTACT</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</section>
</section>
<div class="site_wrap_contactus">
<div class="container">
<div class="col-md-6">
<!--修改时间：2017.2.23 10:56-->
<!--
<img src="images/map.jpg" />
-->
<!--谷歌地图-->
<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>
<div class="zhicwl-google">
<iframe src="https://www.google.com/maps/d/embed?mid=1SyG7-zoyFTwX4WBce_RbwxZfc2U&hl=zh-CN"></iframe>
</div>
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
var font_size = 13;
if (!clientWidth) return;
if(clientWidth >= 320){
docEl.style.fontSize = font_size * (clientWidth / 320) + 'px';
}else{
docEl.style.fontSize = font_size + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
<!--/谷歌地图-->
<!--/修改时间：2017.2.23 10:56-->
</div>
<div class="col-md-6 right">
<div class="contactus col-md-7">
<h3>CONTACT</h3>
<p>E-MAIL: tbb@tbbbearing.com</p>
<p>TEL: +86 21 38726185/6186<br/>
FAX: +86 21 38726187<br/>
working time: 9:00-18:00 (WEEKDAYS)</p>
<p>address: </br>No.18,New Jinqiao Road,Pudong District, Shanghai, China</p>
</div>
<div class="col-md-5 ewm_part">
<p>
<img src="images/ewm_pic.jpg" />
<span>TBB LinkedIn</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><a href="http://www.bspect.com/" target="_blank" class="icon4"></a></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">HOME</a>
</li>
<li class="nav-parent">
<a href="javascript:void(0)">TBB STORY</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">——IMPORTANT POINTS OF TBB</a>
</li>
<li>
<a href="tbbhistory-2.html">——TBB FAMILY</a>
</li>
</ul>
</li>
<li class="nav-parent">
<a href="chosetbb.html">FIND THE BEST</a>
</li>
<li class="nav-parent">
<a href="javascript:void(0)">PRODUCT & QUALITY</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">——PRODUCT</a>
</li>
<li>
<a href="productquality2.html">——QUALITY</a>
</li>
</ul>
</li>
<li class="nav-parent">
<a href="contactus.html">CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="footer">
<a href="#" id="gototop" title="Go to top" style="display: block;"><i class="fa fa-chevron-up"></i></a>
<div class="container">
<div class="col-md-6 left">
<p><i></i><strong>CONTACT<br/>E-MAIL：tbb@tbbbearing.com<br/>TEL：+86 21 38726186/38726185</strong></p>
</div>
<div class="col-md-6 right">
<p>Copyright © 2000-2017 TBB Bearing Provision. All Rights Reserved.<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>
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') > -1) document.location.href = '/';
</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>