<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<!-- head -->
<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>东莞市天丰金属制品有限公司</title>
	<meta name="keywords" content="东莞市天丰金属制品有限公司"/>
	<meta name="description" content="东莞市天丰金属制品有限公司"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="">
	<!-- 网页样式 -->
	<link rel="stylesheet" href="site.css" type="text/css" />
	<link href="swiper.min.css" rel="stylesheet" type="text/css" />
	<link href="files/iconfont.css" rel="stylesheet" type="text/css">

	<!-- 网页JS -->
    <script src="jquery-1.7.2.min.js"></script>
	<script src="jquery.SuperSlide.2.1.1.js"></script>
	<script src="swiper.min.js"></script>
	<script src="site.js"></script>
	<link href="animate.css" rel="stylesheet" type="text/css"> 
    <script src="wow.min.js"></script>
    
	<style type="text/css" media="all">
    a:hover{ color:#ef1219;}
    </style>
    
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?9fe8a4adb53b1bf3f345110eb5bdfffc";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>

</head>
<body>
<!-- 抬头 -->
<div mfid="C1_Share_top" >
<div mfid="C1_Share_top01">
<style type="text/css" media="all">
/*顶部*/
.top_bg .fr span a {
    display: block;
    background: none;
    padding: 0;
    color: #fff;
    border-top: 1px solid #fff;
}

.top_bg {
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #f4f4f4;
}

.top_bg .fl,
.top_bg .fr a {
    color: #999;
}

.top_bg .fr a {
    display: inline-block;
    padding-left: 30px;
    transition: 0.3s all ease-in-out;
}

.top_bg .fr strong {
    color: #999;
    display: inline-block;
    font-size: 15px;
    padding-left: 30px;
    margin-left: 20px;
    transition: 0.3s all ease-in-out;
}

.top_bg .fr .tel {
    background: url(files/images/top_tel1.png) no-repeat left 2px;
}

.top_bg .fr .wx {
    background: url(files/images/top_wx1.png) no-repeat left 2px;
}

.top_bg .fr a:hover,
.top_bg .fr strong:hover {
    background-position: 0 -32px;
    color: #db241c;
}

.top_bg .fr .tel:hover {
    color: #0c6edc
}

.top_bg .fr .wx:hover {
    color: #0c6edc
}

</style>
<!--top-->
<div class="top_bg">
  <div class="w1200">
    <div class="fl">欢迎访问东莞市天丰金属制品有限公司网站！</div>
<div class="fr"><strong class="tel en">0769-81162159</strong><strong class="wx en">13433018525</strong><strong class="wx en">15362080081</strong></div>
    <div class="cl clear"></div>
  </div>
</div>

</div>

<div mfid="C1_Share_header01">
<style type="text/css" media="all">
/*抬头*/
.header {
    height: 142px;
    overflow: hidden;
    width: 1200px;
    margin: auto;
}

.header .logo {
    float: left;
    padding-top: 52px;
    animation-duration: 1.5s;
    animation-name: fadeInLeft;
}

.header .logo img {
    width: 50px;
}

.header p {
    float: left;
    font-size: 18px;
    color: #333;
    animation-duration: 1.5s;
    animation-name: fadeInLeft;
    margin-left: 15px;
    margin-top: 35px;
}

.header p strong {
    color: #0c6edc;
    font-weight: bold;
    display: block;
    font-size: 35px;
    padding-bottom: 3px;
}

.header p strong i {
    color: #222126;
    font-size: 32px;
}

.header q {
    font: 24px "Impact";
    color: #ef1219;
    line-height: 26px;
    float: right;
    font-weight: bold;
}

.header q span {
    font: 16px "Microsoft YaHei";
    color: #666666;
    display: block;
    height: 35px;
    background: url(files/images/tel.jpg) no-repeat left 0;
    padding-left: 30px;
    line-height: 24px;
    margin-top: 14px;
} 

</style>

<!--head-->
<div class="header">
  <!--<div class="logo"><a href="/"><img varid="logo" src="files/images/logo.png" alt="东莞市天丰金属制品有限公司"></a></div>-->
  <p><strong><span varid="txt1">天丰金属</span><i varid="txt2">专业脚轮源头生产供应商</i></strong><span varid="txt3">生产脚轮及经销批发脚轮、脚杯、万向轮、医疗轮、叉车轮、尼龙轮等</span></p>
  <q><span>全国服务热线</span>0769-81162159<br />
  13433018525<br />15362080081</q> </div>

</div>

<div mfid="C1_Share_nav01"  class="mod1024">
<style type="text/css" media="all">
    
/*导航*/
.nav_bg {
    background: #0c6edc;
    height: 60px;
}

.nav {
    height: 60px;
    line-height: 60px;
    width: 1200px;
    margin: 0 auto;
}

.nav ul li {
    float: left;
    display: inline;
    position: relative;
    z-index: 5;
}

.nav ul .nobor01 {
    background: none;
}

.nav ul li a {
    display: inline-block;
    width: 133px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.nav ul li a:hover,
.nav ul .on a {
    color: #0c6edc;
    font-size: 16px;
    font-weight: bold;
    background: #fff;
}


.nav li .erj {
    display: none;
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}

.nav li .erj li {
    background: none;
    float: none;
}

.nav li .erj a,
.nav li.on .erj a {
    height: 35px;
    line-height: 35px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
    color: #fff;
    background: #333;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    font-size: 14px;
    font-weight: normal;
}

.nav li.on .erj a:hover,
.nav li .erj a:hover {
    background: #0c6edc;
    color: #fff;
    font-size: 14px; 
    font-weight: normal;
} 
</style>

<!--nav-->
<div class="nav_bg">
  <div class="nav" varid="list">
    <ul>
       
       
            
            
		    
	
   
   
   
   <li class=""> 
   <a href="/"> 网站首页 </a> 
   
   
   
   
   </li>
   
   
   
   <li class=""> 
   <a href="wpt_123857.html"> 关于我们 </a> 
   
   
   
   
   </li>
   
   
   
   <li class=""> 
   <a href="ppt_142924.html"> 产品中心 </a> 
   
   
   
   
   </li>
   
   
   
   <li class=""> 
   <a href="wpt_123856.html"> 应用案例 </a> 
   
   
   
   
   </li>
   
   
   
   <li class=""> 
   <a href="wpt_123859.html"> 新闻中心 </a> 
   
   
   
   
   </li>
   
   
   
   <li class=""> 
   <a href="wpt_123860.html"> 技术支持 </a> 
   
   
   
   
   </li>
   
   
   
   <li class=""> 
   <a href="wpt_123861.html"> 常见问题 </a> 
   
   
   
   
   </li>
   
   
   
   <li class=""> 
   <a href="feedback.html"> 在线留言 </a> 
   
   
   
   
   </li>
   
   
   
   <li class=""> 
   <a href="wpt_123858.html"> 联系我们 </a> 
   
   
   
   
   </li>
   
   	    
		
	 	
        </ul>
      </li>
    </ul>
  </div>
</div>
<script type="text/javascript">
jQuery(".nav").slide({ type:"menu", titCell:"li", targetCell:".erj",effect:"slideDown",delayTime:300,triggerTime:0,returnDefault:true});
</script>



	<div class="clear"></div>

</div>

<div mfid="C1_Share_banner" class="mod1019">
	  
	
	<style>
		.mod1019 .banner .swiper-container,.mod1019 .banner .ban_bg,.mod1019 .banner .ban_nbg { width: 100%; height: 600px;} 
		.mod1019 .banner .swiper-pagination-bullet-active {background: #ef1219;}
		.mod1019 .banner .ban_bg	{ background: url() no-repeat center;}
		.mod1019 .banner .ban_nbg { background: url(files/images/ban_n.jpg) no-repeat center;}
		.mod1019 .banner .slide_01{ background: url(files/images/banner01.jpg) no-repeat center;}
		.mod1019 .banner .slide_02{ background: url(files/images/banner01.jpg) no-repeat center;}
		.mod1019 .banner .swiper-slide{ background-position: center; background-repeat: no-repeat;}
		.mod1019 .banner .swiper-slide a{ display: block; width: 100%; height: 100%;}
	</style>
	
	<div class="banner">
		 
		
		   <!--首页banner-->
		<div class="swiper-container clearfix" varid="ban">
			 
			    <div class="swiper-wrapper">
			        
				    <style>
				    .mod1019 .banner .slide_01{ background-image: url(images/D1199214-B1AC15A1-ADED382E-55E79DB90.jpg);}
				    </style>
				    <div class="swiper-slide slide_01">
					    <a href="#"></a>
			    	</div>
				    
				    <style>
				    .mod1019 .banner .slide_02{ background-image: url(images/B3CBC433-9DAC5D19-00EBF156-15A44B2D0.jpg);}
				    </style>
				    <div class="swiper-slide slide_02">
					    <a href="#"></a>
			    	</div>
				    
				    <style>
				    .mod1019 .banner .slide_03{ background-image: url(images/64060D6F-BE3EABF9-0DD1CE09-53B64DBB0.jpg);}
				    </style>
				    <div class="swiper-slide slide_03">
					    <a href="#"></a>
			    	</div>
				    
				</div>
			
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
			<!-- Add Arrows -->
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<!-- Initialize Swiper -->
			<script>
			    var swiper = new Swiper('.banner .swiper-container', {
			        spaceBetween: 30,
			        centeredSlides: true,
			        autoplay: {
			            delay: 2500,
			            disableOnInteraction: false,
			        },
			        pagination: {
			            el: '.banner .swiper-pagination',
			            clickable: true,
			        },
			        navigation: {
			            nextEl: '.banner .swiper-button-next',
			            prevEl: '.banner .swiper-button-prev',
			        },
			        loop: 'true',
			    });
			</script>
			
			
		</div>
		
	
		
		
		</div>
	
</div>

<div mfid="C1_Share_search"  class="mod1066">
    <style>
        .mod1066 .search_bg{ 
            width:100%; 
            height:140px;
            background: #f5f5f5; 
            overflow: hidden;
        }
        .mod1066 .keyword_content{ font-size:15px; padding-top:20px; line-height:40px; margin-left: 10px;}
        /* .keyword_content a{ font-size:15px;} */
        .mod1066 .keyword_content span{ color: #0c6edc; font-weight:bold;}
        .mod1066 .keyword_content em:last-child{
            display: none;
        }
        .mod1066 .search_content{
            margin-top: 14px;
            font-size:15px;
        }
        .mod1066 .search_btn1{
            padding: 0 20px;
            max-width: 60px;
            height: 35px;
            border-radius: 10px;
            text-align: center;
            line-height: 35px;
            overflow: hidden;
            background: #ef1219;
            color: #fff;
            margin-right: 13px;
            -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));    
        }
        .mod1066 .search_btn2{
            padding: 0 20px;
            max-width: 60px;
            height: 35px;
            border-radius: 10px;
            text-align: center;
            line-height: 35px;
            background: #484848;
            color: #fff;
            overflow: hidden;
            -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));    
        }

        .mod1066 .search_tel_title{ line-height:35px; margin-left:20px; min-width: 100px; max-width: 150px; height:35px; overflow: hidden; }
        .mod1066 .search_tel_content{ min-width: 100px; max-width: 265px; font-size:20px; color:#0c6edc; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:35px;}
        .mod1066 .search_icon{ width:20px; height:16px; animation: go 1s infinite; float:left; margin-top:30px;}
        @keyframes go {  0% {transform: translate(0px, 0px);}  50% {transform: translate(0px, -10px);}  100% {transform: translate(0px, 0px);} }  

        .mod1066 .search_r{width:550px; float:right;}
        .mod1066 .search_input{
            width: 480px;
            border: 1px solid #ddd;
            border-right: none;
            height: 41px;
        }
        .mod1066 .search_input input{
            padding: 0px 0px 0px 10px;
            border: none;
            background: none;
            width: 100%;
            height: 41px;
            line-height: 41px;
            color: rgb(153, 153, 153);
            font-size: 14px;
            box-sizing: border-box;
        }
        .mod1066 .search_r li{float:left;}
        .mod1066 .search_btn{
            width: 67px;
            height: 43px;
        }
    </style>
    <div class="search_bg">
        <div class="keyword_big box clearfix">
            <div class="search_icon fl" varid="search_icon">
                <img src="jump-url/XfG0-BVnqohj4whwBQ-xUX6kh-7hze8AkzrXkPZCCenN3MrUfWH8RuU_SwHP0B45FuZ5bR8XUbPhW1MVagwLnAWN7M6CJZz8Mp_Yl0-f3ssBgGVNA4LsXgrS3w0o7F10.png" alt="搜索">
            </div>
            <div class="keyword_content fl" varid="key_word">
                <span>热门搜索：</span><a href="ppt_142925.html">脚杯系列</a><em>、</em><a href="ppt_142926.html">孔顶脚轮</a><em>、</em><a href="ppt_142927.html">丝杆脚轮</a><em>、</em><a href="ppt_142928.html">重型轮</a><em>、</em></div>
        </div>

        <div class="search_content box clearfix">
            <a class="search_btn1 fl" varid="btn1" href="wpt_123858.html">立即咨询</a>
            <a class="search_btn2 fl" varid="btn2" href="wpt_123857.html">了解我们</a>
            <div class="search_tel_title fl" varid="tel_title">全国客户服务热线：</div>
            <div class="search_tel_content fl" varid="tel_num">13433018525 / 15362080081</div>
            <div class="search_r">
                <ul>
                    <form name="form1" action="search.html" method="get" onSubmit="sub()">
                    <li class="search_input"><input name="infoname" id="infoname" class="input" size="13" placeholder="输入关键词搜索..."></li>
                    <li varid="search_btn"><input name="imageField" type="image" class="search_btn" src="jump-url/XfG0-BVnqohj4whwBQ-xUX6kh-7hze8AkzrXkPZCCenN3MrUfWH8RuU_SwHP0B45FuZ5bR8XUbPhW1MVagwLnAWN7M6CJZz8Mp_Yl0-f3ssxa2a1NZEzkojNrrcOR-in.png" /></li>
                    <script>
                        var reg = /key_word=([^;]+)/img;
                        function sub() {
                            document.cookie = 'key_word=' + (encodeURIComponent(document.getElementById('infoname').value));
                        }
                    </script>
                    </form>
                </ul>
            </div>
        </div>
    </div>
</div>

</div>
<!-- 产品展示 -->
<div mfid="C1_Share_pro1"  class="mod1240">
	<style>
	.pro {
	    padding: 40px 0;
	}
		.mod1240 .pro_content{
			overflow: hidden;
			height: 830px;
		}
		.mod1240 .pro_ul li{
			float: left;
			width: 31.33%;
			margin: 1%;
		}
		.mod1240 .pro_ul li p{
			line-height: 40px;
			height: 40px;
			text-align: center;
			background: #eee;
			position: relative;
		}
		.mod1240 .pro_ul li p::after,.mod1240 .pro_ul li p:after{
			content: '';
			-webkit-transition: ease-in-out 0.4s all;
			transition: ease-in-out 0.4s all;
			position: absolute;
			left: -200%;
			bottom: 0;
			width: 200%;
			height: 200%;
			z-index: 0;
			top: -200%;
			border-radius: 50%;
			opacity: 0; 
			background: #0c6edc
		}
		.mod1240 .pro_ul li:hover p::after{
			left: -50%;
			top: -50%;
			opacity: 1;
		}
		.mod1240 .pro_ul li:hover p a{
			color: #fff;
			z-index: 1;
		}
		.mod1240 .pro_ul li p a{
			font-size: 14px;
			display: block;
			position: relative;
		}
		.mod1240 .image-box{
			width: 100%;
			position: relative;
			overflow: hidden;
			text-align: center;
			border: 1px solid #d0d0d0;
			box-sizing: border-box;
		}
		.mod1240 .pro_mask{
			width: 100%;
			background: rgba(0, 0, 0, 0.4);
			height: 100%;
			position: absolute;
			bottom: 0;
			left: -100%;
			-webkit-transition: 0.3s all ease-in-out;
			transition: 0.3s all ease-in-out;
		}
		.mod1240 .pro_mask a{
			display: block;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		.mod1240 .pro_mask .pro_icon{
			width: 70px;
			height: 70px;
			border-radius: 50%;
			line-height: 70px;
			color: #fff;
			margin: auto;
			margin-top: 51px;
			background: #ef1219
		}
		.mod1240 .pro_mask .pro_icon i.dicon{
			font-size: 30px;
		}
		.mod1240 .pro_mask .pro_btn{
			line-height: 22px;
			border-radius: 10px;
			font-size: 13px;
			padding: 1px 15px;
			margin: 15px auto;
			display: inline-block;
			border: 1px solid #fff;
			-webkit-transition: all 0.3s 0.3s;
			transition: all 0.3s 0.3s;
			color: #fff;
			text-align: center;
		}
		.mod1240 .pro_ul li:hover .pro_mask{
			left: 0;
		}
		.mod1240 .image-box img{
			max-width: 100%;
			vertical-align: middle;
		}
	</style>
	<div class="pro box">
<div mfid="C1_Share_left"  class="mod1294">


<style>
.mod1294 .pro_row2 {width: 274px;float: left;overflow: hidden;}
.mod1294 .plist_t1 {background: #0c6edc;height: 90px;padding-top: 30px;line-height: 22px;color: #FFF;font-size: 24px;font-weight: bold;text-align: center;}
.mod1294 .plist_t1 p {color: #fff;font-weight: normal;letter-spacing: 1px;font-size: 14px;line-height: 40px;text-transform: uppercase;}
.mod1294 .plist_t2 {width: 248px;margin: 0 auto; background: url(jump-url/XfG0-BVnqohj4whwBQ-xUX6kh-7hze8AkzrXkPZCCeliglwYaH6yIAGfJgGmVzZf7WWep2rIeOJwYZVHG-ujD_nV3Roh5qmyUffUvRtb7_k.1.jpg);padding-left: 26px;color: #FFF;}
.mod1294 .plist_t2 a {display:block; font-size:14px;padding:28px 0;padding-left: 35px;line-height:14px;height:14px;width:185px;}
.mod1294 .plist_t2 li{display:block;width:220px;height:69px;}
.mod1294 .plist_t2_1 img{width:274px;height:119px;}
.mod1294 .plist_t2_2 img{width:274px;height:106px;}
</style>      

           
           
           
           
           
           
           
           
<div class="pro_row2">
        	<div class="plist_t1">
            	<em class="line-clamp-1" >产品分类</em>
            	<p class="line-clamp-1" >Product Categories</p>
            </div>
            <div class="plist_t2" varid="list">
            <ul>
                        
                        
                        
                        <li><a href="ppt_153317.html" class="line-clamp-1">万向脚轮</a></li>
                        
                        <li><a href="ppt_153316.html" class="line-clamp-1">定向脚轮</a></li>
                        
                        <li><a href="ppt_153318.html" class="line-clamp-1">刹车轮</a></li>
                        
                        <li><a href="ppt_142925.html" class="line-clamp-1">脚杯系列</a></li>
                        
                        <li><a href="ppt_142926.html" class="line-clamp-1">孔顶脚轮</a></li>
                        
                        <li><a href="ppt_142927.html" class="line-clamp-1">丝杆脚轮</a></li>
                        
                        <li><a href="ppt_142928.html" class="line-clamp-1">重型轮</a></li>
                        
                        
            </ul>
            </div>
        	<div class="plist_t3">
            	<a href="feedback.html" class="plist_t2_1" ><img varid="pic1" src="jump-url/XfG0-BVnqohj4whwBQ-xUX6kh-7hze8AkzrXkPZCCeliglwYaH6yIAGfJgGmVzZf7WWep2rIeOJwYZVHG-ujDxYrIjFt_I_BnkgNdOwJ7Yc.1.jpg" alt="在线留言"></a>
            	<a href="wpt_123858.html" class="plist_t2_2"><img varid="pic2" src="jump-url/XfG0-BVnqohj4whwBQ-xUX6kh-7hze8AkzrXkPZCCeliglwYaH6yIAGfJgGmVzZf7WWep2rIeOJwYZVHG-ujD6r2y3pkLyM4zltr954ZnPY.1.jpg" alt="联系我们"></a>
         </div>
        </div>
</div>

	<div class="pro_content" id="colee">
	    <div id="colee1">
		<ul class="pro_ul clearfix" varid="pro"><li>
				<div class="image-box">
					<a href="pro_1308904.html">
						<img src="images/AE2F0ABF-C5EC9781-AD57BC1E-D893545D0.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308904.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308904.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1308905.html">
						<img src="images/F317BDAC-91AC9DE6-77A23011-A0AF36A50.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308905.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308905.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1308906.html">
						<img src="images/A1D813EF-9F4EE783-9F751B46-E58822E40.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308906.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308906.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1308907.html">
						<img src="images/F5231113-BCE2DB0B-B5A8BBF6-476D60660.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308907.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308907.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1308908.html">
						<img src="images/F03C0A26-AE91DB8C-BB7B77AC-CBC56CD80.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308908.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308908.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1308909.html">
						<img src="images/B9BA3399-3B3CFFAA-E7506563-D08D19440.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308909.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308909.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1308910.html">
						<img src="images/C0482737-694E9304-3F40E94E-1409C9570.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308910.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308910.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1308911.html">
						<img src="images/2D2A6DAF-BF9E8EEF-2667CE12-13615F840.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308911.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308911.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1308912.html">
						<img src="images/6B33D54D-4CC4D252-71853980-337010850.jpg" alt="脚杯系列">
					</a>
					<div class="pro_mask">
						<a href="pro_1308912.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1308912.html">脚杯系列</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430739.html">
						<img src="images/5AC573CF-D607FBAF-4334DB1E-90C88EFF0.jpg" alt="脚杯">
					</a>
					<div class="pro_mask">
						<a href="pro_1430739.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430739.html">脚杯</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430740.html">
						<img src="images/37E7333B-BBF0D765-BE3B0374-806A44340.jpg" alt="脚杯">
					</a>
					<div class="pro_mask">
						<a href="pro_1430740.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430740.html">脚杯</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430741.html">
						<img src="images/E13636BE-D406B234-2B2268D2-898E76AD0.jpg" alt="定向脚轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430741.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430741.html">定向脚轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430742.html">
						<img src="images/B77557C7-F20292CA-96BB5668-AB5AAF6A0.jpg" alt="定向脚轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430742.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430742.html">定向脚轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430743.html">
						<img src="images/BD4BF627-F0C370A0-8CB6DDA9-B0D7F9600.jpg" alt="定向脚轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430743.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430743.html">定向脚轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430744.html">
						<img src="images/57E6A6AF-0387AA77-2657B31B-BFC5D1830.jpg" alt="刹车轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430744.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430744.html">刹车轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430745.html">
						<img src="images/75CC865F-2CB27934-F62184A7-8D44061A0.jpg" alt="刹车轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430745.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430745.html">刹车轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430746.html">
						<img src="images/3C564602-9D39AFCA-87CC25C0-81D3991F0.jpg" alt="刹车轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430746.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430746.html">刹车轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430747.html">
						<img src="images/7511579E-944F6B09-5EEACD4A-F6505E5D0.jpg" alt="刹车轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430747.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430747.html">刹车轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430748.html">
						<img src="images/A2BA9EE3-6A4FB936-DBD0CE5C-58A86E550.jpg" alt="刹车轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430748.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430748.html">刹车轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430749.html">
						<img src="images/E63EDD4D-D7ED8171-FD8E8F56-CD56EEE10.jpg" alt="万向脚轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430749.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430749.html">万向脚轮</a></p>
			</li><li>
				<div class="image-box">
					<a href="pro_1430750.html">
						<img src="images/82FAB785-1349B15D-2232621E-EF7F97A60.jpg" alt="万向脚轮">
					</a>
					<div class="pro_mask">
						<a href="pro_1430750.html">
							<div class="pro_icon">
								<i class="dicon di-search1"></i>
							</div>
							<div class="pro_btn">查看详情 ></div>
						</a>
					</div>                
				</div>
				<p class="line-clamp-1"><a href="pro_1430750.html">万向脚轮</a></p>
			</li></ul>
	</div>
	<div id="colee2"></div>
	<script>
                                var speed = 30;
                                var colee2 = document.getElementById("colee2");
                                var colee1 = document.getElementById("colee1");
                                var colee = document.getElementById("colee");
                                colee2.innerHTML = colee1.innerHTML; //克隆colee1为colee2
                                function Marquee1() {
                                    //当滚动至colee1与colee2交界时
                                    if (colee2.offsetHeight - colee.scrollTop <= 0) {
                                        colee.scrollTop -= colee1.offsetHeight; //colee跳到最顶端

                                    } else {
                                        colee.scrollTop++
                                    }
                                }
                                var MyMar1 = setInterval(Marquee1, speed) //设置定时器
                                //鼠标移上时清除定时器达到滚动停止的目的
                                colee.onmouseover = function() {
                                    clearInterval(MyMar1)
                                }
                                //鼠标移开时重设定时器
                                colee.onmouseout = function() {
                                    MyMar1 = setInterval(Marquee1, speed)
                                }
                            </script>
	</div>
	</div>
</div>

<!-- 优势 -->
<div mfid="C1_Share_ys" class="mod1366">

    <style>
        .mod1366 .ys {
            width: 100%;
            height: 737px;
            background: url(images/AEC922F8-52E6BF6D-21527C96-1628A1860.jpg) no-repeat center;
            padding: 25px 0;
            position: relative;
        }
        
        .mod1366 .ys_btn{
            position: absolute; 
            height: 40px; 
            line-height: 40px; 
            padding: 0 20px; 
            border: 1px #ddd solid; 
            background: #f1f1f1; 
            border-radius: 5px; 
            top: 10px; 
            left: 50%;
            z-index: 9;
        }

        .mod1366 .ys_row1 {
            position: relative;
            background: url(jump-url/XfG0-BVnqohj4whwBQ-xUX6kh-7hze8AkzrXkPZCCek3fpTelqK66oU6q4ZowKXW9Yx5jQeW1bhnfOhA99HaQ2_unwUKjxIYLZY4zrMNBno.1.png) no-repeat center 50px;
        }

        .mod1366 .ys_row1 strong {
            font-size: 32px;
            font-weight: bold;
            color: #fff;
            line-height: 45px;
            text-align: center;
            display: block;
            letter-spacing: 0.3px;
            padding: 2px 0 8px;
        }

        .mod1366 .ys_row1 .small {
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            display: block;
            letter-spacing: 0.1px;
            background: #ef1219;
            line-height: 40px;
            height: 42px;
            padding: 0px 15px;
            width: 290px;
            text-align: center;
            margin: 0 auto;
        }

        .mod1366 .ys_row2 {
            height: 554px;
            position: relative;
            width: 100%;
        }

        .mod1366 .ys_in strong {
            font-size: 20px;
            line-height: 30px;
            display: block;
            color: #0c6edc;
            text-align: center;
        }

        .mod1366 .ys_in p {
            font-size: 13px;
            color: #676767;
            line-height: 25px;
            display: block;
            text-align: justify;
            margin-top: 10px;
            height: 76px;
        }

        .mod1366 .ys_in {
            position: absolute;
        }

        .mod1366 .ys_in1 {
            width: 230px;
            top: 400px;
            left: 115px;
        }

        .mod1366 .ys_in2 {
            width: 210px;
            top: 242px;
            left: 178px;
        }

        .mod1366 .ys_in3 {
            width: 225px;
            left: 355px;
            top: 95px;
        }

        .mod1366 .ys_in4 {
            top: 95px;
            right: 350px;
            width: 230px;
        }

        .mod1366 .ys_in5 {
            width: 220px;
            top: 250px;
            right: 160px;
        }

        .mod1366 .ys_in6 {
            width: 215px;
            right: 120px;
            top: 410px;
        }


        .mod1366 .ys_row3 .fl {
            text-align: center;
            width: 300px;
            height: 34px;
            padding: 38px 0;
        }

        .mod1366 .ys_row3 .fl a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            border: 2px solid #fff;
            text-align: center;
            display: inline-block;
            color: #FFF;
            font-size: 13px;
            margin: 0 0 0 20px;
            transition: 0.3s all;
        }

        .mod1366 .ys_row3 .fl a:hover {
            color: #fff;
            background: #0c6edc;
            border: 2px solid #0c6edc;
        }

        .mod1366 .ys_row3 .fr {
            background: url(jump-url/XfG0-BVnqohj4whwBQ-xUX6kh-7hze8AkzrXkPZCCek3fpTelqK66oU6q4ZowKXW9Yx5jQeW1bhnfOhA99HaQ3sygPteiqrxNr-ISdlq1_4.1.png) no-repeat 20px center;
            width: 300px;
            height: 110px;
        }

        .mod1366 .ys_row3 .fr p {
            font-size: 14px;
            line-height: 25px;
            display: block;
            color: #fff;
            margin-top: 28px;
            margin-left: 70px;
        }

        .mod1366 .ys_row3 .fr .en {
            font-size: 24px;
            font-weight: bold;
            display: block;
            color: #fff;
            margin-left: 70px;
        }

    </style>

    <div class="ys"><div class="box">
            <div class="ys_row1">
                <strong varid="txt1" class="line-clamp-1">致力于脚轮、脚杯、医疗轮等品种齐全</strong>
                <span class="small line-clamp-1" varid="txt2">天丰金属6大核心优势</span>
            </div>
            <div class="ys_row2">
                <div class="ys_in ys_in1">
                    <strong varid="txt3" class="line-clamp-1">生产批发</strong>
                    <p varid="txt4" class="line-clamp-3">生产脚轮及经销批发脚轮、脚杯、万向轮、医疗轮、叉车轮、尼龙轮、聚氨酯轮、重型轮等脚轮。</p>
                </div>
                <div class="ys_in ys_in2">
                    <strong varid="txt5" class="line-clamp-1">应用领域</strong>
                    <p varid="txt6" class="line-clamp-3">公司销售的产品、提供的服务，已经广泛应用于医疗、箱包、叉车及轮椅、收纳箱等多个领域。</p>
                </div>
                <div class="ys_in ys_in3">
                    <strong varid="txt7" class="line-clamp-1">性价比高</strong>
                    <p varid="txt8" class="line-clamp-3">生产工艺严谨规范，节约成本，为各行业提供质量稳定的脚轮、脚杯与优良服务。</p>
                </div>
                <div class="ys_in ys_in4">
                    <strong varid="txt9" class="line-clamp-1">质量严控</strong>
                    <p varid="txt10" class="line-clamp-3">精挑细选，用料讲究，从源头把控产品的质量，全程每一道工序按照严格要求进行制造。</p>
                </div>
                <div class="ys_in ys_in5">
                    <strong varid="txt11" class="line-clamp-1">专业团队</strong>
                    <p varid="txt12" class="line-clamp-3">随时解答用户各种技术难题，以贴心的售后服务与诚信的合作精神，与各界朋友互惠互利。</p>
                </div>
                <div class="ys_in ys_in6">
                    <strong varid="txt13" class="line-clamp-1">服务优势</strong>
                    <p varid="txt14" class="line-clamp-3">以多品种生产经营特色和薄利多销的原则，赢得了广大客户的信任。欢迎来电，来函，询问了解！</p>
                </div>
            </div>
            <div class="ys_row3">
                <div class="fl">
                    <a href="wpt_123858.html" class="btn line-clamp-1" varid="txt15">立即咨询</a>
                    <a href="feedback.html" class="btn line-clamp-1" varid="txt16">在线留言</a>
                </div>
                <div class="fr">
                    <p varid="txt17" class="line-clamp-1">全国定制热线：</p><span class="en">13433018525</span>
                </div>
                <div class="cl"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>


<!-- 应用案例 -->
<div mfid="C1_Share_case" >
<style type="text/css" media="all">
    .case{ padding: 40px 0 60px; background: url(files/images/ia_100000011.jpg) repeat center; }
.prod_row1 { background: url(files/images/ia_100000012.png) no-repeat center; height: 55px; width: 490px; font-size: 25px; color: #fff; line-height: 55px; padding: 30px 0 5px; text-align: center; font-weight: bold; margin: 30px auto; }
.case_row2 {
    width: 1100px;
    margin: 0 auto;
}
.case_row2 > div{ float: left; }
.case_row2 > div > a{ display: block; width: 100%; height: 100%; position: relative; }
.case_in1{ background: url(files/images/1d.jpg) no-repeat center; width: 285px; height: 240px; display: block; }
.case_in2{ background: url(files/images/7t.jpg) no-repeat center; width: 285px; height: 240px; display: block; margin-left: 3px; }
.case_in3{ background: url(files/images/nd.jpg) no-repeat center; width: 285px; height: 240px; display: block; margin-left: 3px; }
.case_in4 { position: relative; background: #0152ad; width: 235px; height: 240px; margin-left: 3px; }
.case_in5{ background: url(files/images/zn.jpg) no-repeat center; width: 525px; height: 240px; display: block; margin-top: 3px; }
.case_in6 { background: url(files/images/w7.jpg) no-repeat center; width: 311px; height: 240px; display: block; margin-left: 3px; margin-top: 3px; }
.case_in7{ background: url(files/images/sr.jpg) no-repeat center; width: 258px; height: 240px; display: block; margin-left: 3px; margin-top: 3px; }
.case_row2 > div > a > p { display: block; font-size: 14px; text-transform: capitalize; font-family: arial; color: #fff; position: absolute; line-height: 25px; }
.case_row2 > div > a > p > strong { display: block; font-size: 22px; font-weight: bold; line-height: 40px; color: #0152ad; }
.case_row2 > div.case_in1 > a > p { left: 26px; top: 10px; }
.case_row2 > div.case_in2 > a > p { right: 153px; top: 162px; }
.case_row2 > div.case_in3 > a > p { right: 20px; text-align: right; top: 146px; }
.case_row2 > div.case_in5 > a > p { text-align: right; top: 158px; right: 415px; }
.case_row2 > div.case_in6 > a > p { top: 6px; left: 192px; }
.case_row2 > div.case_in1 > a > p > strong { color: #fff}
.case_row2 > div.case_in2 > a > p > strong { color: #fff}
.case_row2 > div.case_in3 > a > p > strong { color: #fff}
.case_row2 > div.case_in5 > a > p > strong { color: #fff}
.case_row2 > div.case_in5 > a > p{ color: #fff}
.case_row2 > div.case_in6 > a > p > strong { color: #fff}
.case_row2 > div.case_in4 > a span{ display: block; color: #3c8be2; font-weight: 100; font-size: 20px; text-align: center; padding-top: 65px; }
.case_row2 > div.case_in4 > a > strong{ display: block; text-align: center; color: #fff; font-size: 32px; font-weight: 100; }
.case_row2 > div.case_in4 > a > strong i{ font-weight: bold; display: block; font-size: 32px; font-style: normal; text-align: center; color: #fff; }
.case_in4::after { content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #0152ad; left: 118px; position: absolute; bottom: -15px; }
.case_row2 > div.case_in7 > a span { color: #fff; font-size: 16px; line-height: 32px; border: 1px solid #fff; display: block; width: 120px; text-align: center; border-radius: 5px; position: relative; top: 110px; margin: 0 auto; transition:0.3s all ease-in-out; }
.case_row2 > div.case_in7 > a span:hover { border: 1px solid #ccc; color: #fff; background: #ef1219}
</style>

<div class="case">
	<div class="box">
        <div class="prod_row1">天丰金属 · 服务各个行业经验 值得选择</div>
		<div class="case_row2">
			<div class="case_in1"><a href="art_218924.html" varid="txt1"><p><strong>脚杯</strong>foot cup</p></a></div>
			<div class="case_in2"><a href="art_218977.html" varid="txt2"><p><strong>重型轮</strong>heavy duty wheel</p></a></div>
			<div class="case_in3"><a href="art_218920.html" varid="txt3"><p><strong>叉车轮</strong>fork wheel</p></a></div>
			<div class="case_in4"><a href="wpt_123856.html" varid="txt4"><span class="en">APPLICATION AREA</span><strong>产品应用<i>领域广泛</i></strong></a></div>
			<i class="clear"></i>
			<div class="case_in5"><a href="art_218921.html" varid="txt5"><p><strong>购物车</strong>shopping cart</p></a></div>
			<div class="case_in6"><a href="art_218922.html" varid="txt6"><p><strong>万向轮</strong>Universal wheel</p></a></div>
			<div class="case_in7"><a href="wpt_123856.html" varid="txt7"><span>查看更多</span></a></div>
		</div>
	</div>
    <div class="clear"></div>
</div>

</div>

<!-- 简介 -->
<div mfid="C1_Share_about" class="mod1233">


    <style>
        .mod1233 .about_bg {
            height: 500px;
            padding: 40px 0;
            position: relative;
        }
        
        .mod1233 .about_bg_btn{
            position: absolute; 
            height: 40px; 
            line-height: 40px; 
            padding: 0 20px; 
            border: 1px #ddd solid; 
            background: #f1f1f1; 
            border-radius: 5px; 
            top: 10px; 
            left: 50%;
            z-index: 9;
        }

        .mod1233 .about_bg:before {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            bottom: 40px;
            width: 54%;
            height: 182px;
            background: #0c6edc;
        }

        .mod1233 .about img {
            display: block;
            float: right;
            width: 620px;
            height: 436px;
            position: relative;
            z-index: 1;
            margin-top: 20px;
            overflow: hidden;
        }

        .mod1233 .about_txt {
            float: left;
            width: 40%;
            padding-top: 38px;
        }

        .mod1233 .about_txt span {
            display: block;
            height: 43px;
            line-height: 43px;
            font-size: 40px;
            color: #bdbdbd;
            text-transform: uppercase;
        }

        .mod1233 .about_txt h2 {
            display: block;
            font-size: 42px;
            color: #0c6edc;
            height: 51px;
            line-height: 51px;
        }

        .mod1233 .about_txt p {
            margin-top: 52px;
            font-size: 14px;
            color: #585858;
            line-height: 30px;
            overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 9;
            -webkit-box-orient: vertical;
        }

        .mod1233 .about_txt a {
            background: #ef1219;
            width: 130px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            display: block;
            border-radius: 20px;
            margin-top: 16px;
        }

    </style>


    <div class="about_bg clearfix"><div class="about box">
            <img varid="pic2" src="images/A03CAD4A-48886A61-6FD8A882-6EF9CD650.jpg">
            <div class="about_txt">
                <span varid="txt1" class="line-clamp-1">About Us</span>
                <h2 varid="txt2" class="line-clamp-1">走进天丰</h2>
                <p varid="txt4">东莞市天丰金属制品有限公司，生产脚轮及经销批发脚轮、脚杯、万向轮、医疗轮、叉车轮、尼龙轮、聚氨酯轮、重型轮等脚轮，天丰金属脚轮在消费者当中享有较高的地位，公司与多家零售商和代理商建立了长期稳定的合作关系。<br>东莞市天丰金属制品有限公司的脚轮、脚杯、医疗轮品种齐全、价格合理，实力雄厚，重信用、守合同、保障产品质量，以多品种生产经营特色和薄利多销的原则，赢得了广大客户的信任。欢迎来电，来函，询问了解！<br></p>
                <a href="wpt_123857.html" varid="txt3">了解详情 &gt;</a>

            </div>
        </div>
    </div>
</div>


<!-- 新闻 -->
<div mfid="C1_Share_news"  class="mod1181">
<style type="text/css" media="all">
/*新闻*/
.mod1181 .newbox {
    line-height: 24px;
    font-family: "Microsoft Yahei";
    overflow: hidden;
    color: #6a6a6a;
    background: #f7f7f7;    
}

.mod1181 .news {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    height: 718px;
}

.mod1181 .news_c_bg {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    min-width: 1200px;
    position: relative;
}

.mod1181 .news_t {
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 2;
    background-color: #f7f7f7;
}

.mod1181 .news_t a {
    display: block;
    float: left;
    text-decoration: none;
    line-height: 40px;
    width: 160px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
    margin-top: 56px;
}

.mod1181 .news_t a.on {
    text-decoration: none;
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
    color: #fff;
    background: #0c6edc;
    font-weight: bold;
}

.mod1181 .news_c_bg .content {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    height: 666px;
    position: relative;
    margin-top: 60px;
    min-width: 1200px;
}

.mod1181 .news_c_bg .content .ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 1200px;
    min-width: 1200px;
}

.mod1181 .news_c_bg .content .li {
    width: 1200px;
    float: left;
    min-width: 1200px;
}

.mod1181 .news_dl {
    float: left;
    width: 534px;
    overflow: hidden;
}

.mod1181 .news_dl_m {
    overflow: hidden;
    font-size: 28px;
    color: #333;
    height: 50px;
}

.mod1181 .news_dl_m span {
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 20px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
}

.mod1181 .news_dl_d {
    overflow: hidden;
    width: 434px;
    background: #fff;
    padding: 0px 50px;
    padding-top: 36px;
    height: 506px;
}

.mod1181 .news_dl .news_li {
    overflow: hidden;
    width: 434px;
}

.mod1181 .news_dl .news_li_date {
    overflow: hidden;    
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
    color: #a7a7a7;
    line-height: 30px;
}

.mod1181 .news_dl .news_li_content {
    overflow: hidden;
}

.mod1181 .news_dl .news_li_title {
    font-size: 22px;
    line-height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mod1181 .news_dl .news_li_title a {
    font-size: 22px;
}

.mod1181 .news_dl .news_li_body {
    overflow: hidden;
    font-size: 14px;
    color: #666;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
}

.mod1181 .news_dl .news_li_pic {
    overflow: hidden;
    margin-top: 26px;
    width: 434px;
    height: 240px;
    position: relative;
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.mod1181 .news_dl .news_li_pic img {
    width: 434px;
    height: 286px;
    position: absolute;
    margin-top: -46px;
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.mod1181 .news_dl .news_t_rgo {
    overflow: hidden;
    margin-top: 30px;
}

.mod1181 .news_dl .news_t_rgo a {
    display: block;
    font-size: 0;
    line-height: 0;
    color: #fff;
}

.mod1181 .news_dl .news_t_rgo p {
    font-size: 16px;
    display: block;
    width: 120px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    background: #0c6edc;
}

.mod1181 .news_dl .news_li:hover .news_li_title a {
    color: #0c6edc;
}

.mod1181 .news_dl .news_li:hover .news_li_pic {
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.mod1181 .news_dl .news_li:hover .news_li_pic img {
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
    margin-top: 0px
}

.mod1181 .news_dr {
    float: right;
    width: 610px;
    overflow: hidden;
    padding: 22px;
    padding-top: 50px;
    height: 542px;
}

.mod1181 .news_dr .news_li {
    overflow: hidden;
    padding: 20px;
    position: relative;
    border-top: solid 1px #ddd;
    height: 136px;
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.mod1181 .news_dr .news_li_date {
    overflow: hidden;
    position: absolute;
    right: 20px;
    margin-top: 22px;
    font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a7a7a7;
	line-height: 30px;
}

.mod1181 .news_dr .news_li_content {
    overflow: hidden;
    font-size: 14px;
    color: #666;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
    width: 400px;
}

.mod1181 .news_dr .news_li_title {
    font-size: 18px;
    width: 400px;
    line-height: 60px;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mod1181 .news_dr .news_li_title a {
    font-size: 18px;
    display: block;
}

.mod1181 .news_dr .news_li_body {
    overflow: hidden;
    font-size: 14px;
    color: #666;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
    width: 400px;
}

.mod1181 .news_dr .news_li_pic {
    overflow: hidden;
    margin-top: -42px;
    width: 54px;
    height: 28px;
    position: absolute;
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
    right: 20px;
    border-left: solid 1px #ddd;
}

.mod1181 .news_dr .news_li_pic a {
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #ddd;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 10px;
    margin-top: 5px;
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
}



.mod1181 .news_dr .news_li_pic img {
    display: none;
}

.mod1181 .news_dr .news_li:hover {
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
    -webkit-box-shadow: 0 5px 6px #ddd;
    box-shadow: 0 5px 6px #ddd;
}

.mod1181 .news_dr .news_li:hover .news_li_title a {
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
    color: #0c6edc;
}

.mod1181 .news_dr .news_li:hover .news_li_pic a {
    -webkit-transition: all 0.8s linear;
    transition: all 0.8s linear;
    border-bottom: 20px solid #0c6edc;
}


</style>


<!--新闻 news-->
<div class="newbox">
  <div class="news">
    <div class="news_c_bg" varid="ats1">
      <div class="news_t hd">
        
        <a href="wpt_123859.html" class="on">新闻中心</a><a href="wpt_123860.html">技术支持</a><a href="wpt_123861.html">常见问题</a>
        
        
    
      </div>
      <div class="content bd">
      <ul class="ul">
           <li class="li">              
              <div class="news_dl">
          <div class="news_dl_m">新闻中心<span varid="txt1">News</span></div>              
               
              <div class="news_dl_d">               
              <div class="news_li"><div class="news_li_date">03-25</div>
    <div class="news_li_title"><a href="art_218902.html" title="正确使用脚轮 延长脚轮寿命">正确使用脚轮 延长脚轮寿命</a></div>
    <div class="news_li_content">如果，我们在使用脚轮的时候不多加注意。就很容易导致脚轮的损坏，这样将大大降低脚轮的使用寿命。所以，正确掌握使用脚轮......</div>   
 <div class="news_li_pic">
    <a href="art_218902.html" title="正确使用脚轮 延长脚轮寿命">
    <img src="images/54F99F7C-23556149-12DA510E-CD6C0B5C0.jpg" title="正确使用脚轮 延长脚轮寿命" alt="正确使用脚轮 延长脚轮寿命">
    </a>
</div>
          <div class="news_t_rgo"><a href="art_218902.html"><p class="p3">查看详情 +</p></a></div></div> </div>          
           
           </div>               
              <div class="news_dr">   
            
            
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218901.html" title="如何选购脚轮-从外观选购高品质脚轮？">如何选购脚轮-从外观选购高品质脚轮？</a></div>
    <div class="news_li_content">目前中国脚轮市场品种多，规格杂，令用户眼花缭乱，脚轮厂如雨后春笋，数以千计，脚轮质量参差不齐。为了让用户选择高品质......</div>
    <div class="news_li_pic">
    <a href="art_218901.html"></a>
</div>
   </div>
        
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218897.html" title="五金锁具的保养小妙招">五金锁具的保养小妙招</a></div>
    <div class="news_li_content">一、五金锁具的保养小妙招 例如：家里的门拉手、沐浴用的莲蓬头、厨房的水龙头、衣柜的合页、行李箱的拉杆、女士们包包上......</div>
    <div class="news_li_pic">
    <a href="art_218897.html"></a>
</div>
   </div>
        
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218895.html" title="关于脚轮，你到底了解多少？">关于脚轮，你到底了解多少？</a></div>
    <div class="news_li_content">脚轮的出现给人们搬运特别是移动物体带来了划时代的革命，现在人们通过脚轮不仅可以实现轻松搬运，还可以随任何方向移动，......</div>
    <div class="news_li_pic">
    <a href="art_218895.html"></a>
</div>
   </div>
        
        
          
         </div>
          </li><li class="li">              
              <div class="news_dl">
          <div class="news_dl_m">技术支持<span varid="txt2">Technical Support</span></div>              
               
              <div class="news_dl_d">               
              <div class="news_li"><div class="news_li_date">03-25</div>
    <div class="news_li_title"><a href="art_218915.html" title="工业脚轮的生产营销需从质量和规格两方面抓起">工业脚轮的生产营销需从质量和规格两方面抓起</a></div>
    <div class="news_li_content">如今，工业脚轮生产市场竞争激烈，生产工业脚轮的生产厂家也为数不少，此时要想让自己的轮子产品能够在市场畅销，天丰脚轮......</div>   
 <div class="news_li_pic">
    <a href="art_218915.html" title="工业脚轮的生产营销需从质量和规格两方面抓起">
    <img src="images/F3FAACE2-EE1A854E-ACB6EC10-550C73590.jpg" title="工业脚轮的生产营销需从质量和规格两方面抓起" alt="工业脚轮的生产营销需从质量和规格两方面抓起">
    </a>
</div>
          <div class="news_t_rgo"><a href="art_218915.html"><p class="p3">查看详情 +</p></a></div></div> </div>          
           
           </div>               
              <div class="news_dr">   
            
            
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218912.html" title="脚轮的结构">脚轮的结构</a></div>
    <div class="news_li_content">脚轮的结构由单轮装在支架上而成,用于安装在设备下面令其自由移动。 脚轮主要分为两大类： A固定脚轮：固定支架配上单......</div>
    <div class="news_li_pic">
    <a href="art_218912.html"></a>
</div>
   </div>
        
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218911.html" title="脚轮的主要分类">脚轮的主要分类</a></div>
    <div class="news_li_content">脚轮的主要分类： 按是否转向分类 分为定向脚轮与非定向脚轮(即万向脚轮)。 定向脚轮没有旋转结构，不能转动;万向脚......</div>
    <div class="news_li_pic">
    <a href="art_218911.html"></a>
</div>
   </div>
        
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218910.html" title="脚轮的主要材质主要有哪些？">脚轮的主要材质主要有哪些？</a></div>
    <div class="news_li_content">脚轮的主要材质主要有哪些？ 聚氨酯、铸铁铸钢、丁腈橡胶胶轮(NBR)、丁腈胶、天然橡胶胶轮、硅氟橡胶胶轮、氯丁橡胶......</div>
    <div class="news_li_pic">
    <a href="art_218910.html"></a>
</div>
   </div>
        
        
          
         </div>
          </li><li class="li">              
              <div class="news_dl">
          <div class="news_dl_m">常见问题<span varid="txt3">FAQ</span></div>              
               
              <div class="news_dl_d">               
              <div class="news_li"><div class="news_li_date">03-25</div>
    <div class="news_li_title"><a href="art_218913.html" title="用作车间上的工业脚轮材料是有哪些">用作车间上的工业脚轮材料是有哪些</a></div>
    <div class="news_li_content">现在工业脚轮在我们的生活中应用十分广泛，尤其是在工业企业当中，而工业脚轮的使用寿命及性能都是比较受关注的，而工业脚......</div>   
 <div class="news_li_pic">
    <a href="art_218913.html" title="用作车间上的工业脚轮材料是有哪些">
    <img src="images/0FCD4B38-96669017-8D4A3C3F-8035F19E0.jpg" title="用作车间上的工业脚轮材料是有哪些" alt="用作车间上的工业脚轮材料是有哪些">
    </a>
</div>
          <div class="news_t_rgo"><a href="art_218913.html"><p class="p3">查看详情 +</p></a></div></div> </div>          
           
           </div>               
              <div class="news_dr">   
            
            
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218909.html" title="怎样选择适合你使用的脚轮？">怎样选择适合你使用的脚轮？</a></div>
    <div class="news_li_content">1、选择车轮材质：首先考虑使用路面的大小，障碍物、使用场地上残留物质(如铁屑、油脂)，所处环境状况(如高温、常温或......</div>
    <div class="news_li_pic">
    <a href="art_218909.html"></a>
</div>
   </div>
        
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218906.html" title="关于脚轮行业的兴起">关于脚轮行业的兴起</a></div>
    <div class="news_li_content">要追溯脚轮的历史也是一件很困难的事，不过在人们发明了轮子之后，搬运和移动物体变得容易了许多，但轮子只能在直线上运行......</div>
    <div class="news_li_pic">
    <a href="art_218906.html"></a>
</div>
   </div>
        
   <div class="news_li">
   <div class="news_li_date">03-25</div> 
    <div class="news_li_title"><a href="art_218904.html" title="什么是脚轮？">什么是脚轮？</a></div>
    <div class="news_li_content">脚轮是一种无驱动的，采用单个的轮子，或双轮，或更多的轮子组合在一起的，用于安装在一个较大的对象下面（这个对象，我们......</div>
    <div class="news_li_pic">
    <a href="art_218904.html"></a>
</div>
   </div>
        
        
          
         </div>
          </li> 
        
      </ul>
      
      
        
      </div>

<script type="text/javascript">
	jQuery(".news_c_bg").slide({titCell:".hd a",mainCell:".bd ul",effect:"leftLoop"});
</script>
      
    </div></div>
    <div class="clear"></div>
  </div>


</div>

<!-- 版权 -->
<div mfid="C1_Share_copyright"  class="mod1023">
<style type="text/css" media="all">
/* 版权 */
/*底部开始*/
.f_bg {
    background: url(files/images/footer_bg.gif) repeat-x;
    height: 249px;
    font-family: "Microsoft Yahei";
}

.f_menu {
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.f_menu a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 0 19px;
}

.f_con {
    width: 1200px;
    margin: auto;
}

.f_con h3 {
    padding: 24px 0 0 42px;
    float: left;
    width: 180px;
    border-right: 1px solid #494949;
    height: 155px;
    margin-right: 25px;
}

.f_con p {
    float: left;
    width: 597px;
    padding-top: 23px;
}

.f_con p i {
    display: block;
    line-height: 29px;
    color: #adadad;
    font-size: 14px;
}

.f_con p i a {
    color: #adadad;
}

.f_con p i span {
    padding: 0 18px;
}

.f_con b {
    display: inline-block;
    float: left;
    padding: 34px 0 0 0;
    width: 180px;
    border-left: 1px solid #494949;
    height: 145px;
    background: url(files/images/code_bg.gif) no-repeat 30px 36px;
}

.f_con h3 a img{
    width: 170px;

}

.f_con b img {
    width: 100px;
    height: 100px;
    padding: 6px 0 0 34px;
    margin: 2px 0 0 6px;
}

.f_con bb {
    float: right;
    display: inline-block;
    padding: 34px 0 0 0;
    width: 167px;
    height: 145px;
    background: url(files/images/code_bg.gif) no-repeat 20px 36px;
}

.f_con bb img {
    width: 100px;
    height: 100px;
    padding: 6px 0 0 26px;
    margin: 2px 0 0 6px;
}
</style>

<!--版权-->

<div class="f_bg">
  <div class="footer">
    <div class="f_menu" varid="list">
        
        
   
   
   
   <a href="/"> 网站首页 </a>
   
   
   
   <a href="wpt_123857.html"> 关于我们 </a>
   
   
   
   <a href="ppt_142924.html"> 产品中心 </a>
   
   
   
   <a href="wpt_123856.html"> 应用案例 </a>
   
   
   
   <a href="wpt_123859.html"> 新闻中心 </a>
   
   
   
   <a href="wpt_123860.html"> 技术支持 </a>
   
   
   
   <a href="wpt_123861.html"> 常见问题 </a>
   
   
   
   <a href="feedback.html"> 在线留言 </a>
   
   
   
   <a href="wpt_123858.html"> 联系我们 </a>
   
   
   
   
        
    </div>
    <div class="f_con">
      <h3> <a href="/"> <img varid="pic3" src="images/79CAA92F-75B2BE59-F0C2407A-C6B179EC0.png" alt="东莞市天丰金属制品有限公司" /></a></h3>
      <p> <i>东莞市天丰金属制品有限公司<span>版权所有</span>备案号：<a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备2022031459号</a></i> 
      <i>地址：东莞市道滘镇北永马洲工业区</i> <i>电话：0769-81162159<span>手机：13433018525 / 15362080081</span></i> 
      <i>技术支持：<a href="https://www.di7city.com" target="_blank">网一科技</a> 
      【<A title="东莞市天丰金属制品有限公司" href="https://login.di7.com" target=_blank>后台管理</A>】
        <a href="https://tongji.baidu.com/web/welcome/ico?s=9fe8a4adb53b1bf3f345110eb5bdfffc" target="_blank" rel="nofollow">【百度统计】</a>
      【<a href="sitemap.htm" target="_blank">BMAP</a>】【<a href="sitemap.xml" target="_blank">GMAP</a>】 </i> </p>
      <b><img src="images/859D1C76-F06A6B37-F506638E-45CA6C440.png" alt="扫一扫关注微信" /></b>
      <bb><img src="images/859D1C76-F06A6B37-F506638E-45CA6C440.png" width="130"  alt="微信公众号" /></bb>
    </div>
  </div>
</div>


</div>

<!-- 友情链接 -->
<div mfid="C1_Share_links"  class="mod1014">
<style type="text/css" media="all">
/* 友情链接 */
.link {
    height: 73px;
    overflow: hidden;
    padding-top: 28px;
    background: #222;
}


.link p em {
    width: 178px;
    float: left;
    padding-left: 50px;
    background: url(files/images/link_bg.gif) no-repeat left 0;
}
.link p em {
    font-style: normal;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.link p i a {
    display: block;
    color: #7f7f7f;
    font-size: 14px;
    font-weight: normal;
    margin-top: 6px;
}

.link .link_d {
    float: left;
    width: 956px
}

.link .link_d li{
        padding-right: 20px;
    line-height: 37px;
    float: left;
}
.link .link_d a {
    color: #a9a9a9;
    font-size: 14px;
}
.link .link_d a:hover {
    color: #fff;
}
</style> 

<div class="link">
  <div class="w1200">
    <p> <em>友情链接 <i><a href="feedback.html">申请友情链接 >></a></i></em> </p>
                    
<ul class="link_d">
                        
                <li><a href="https://www.di7city.com" target="_blank">网一科技</a></li>
                
                        </ul>  
  </div>
</div>



 
 
 

</div>
<script>
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='plugins/pluginLoad.js?v='+parseInt(new Date().getTime()/(1000*60))];
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='plugins/online/onlineLoad.js?v='+parseInt(new Date().getTime()/(1000*60))];
</script></body></html>