<!--头部-->
<!DOCTYPE html>
<html>
<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="favicon.ico">

    <link rel="stylesheet" href="iconfont.css" type="text/css" media="all">
    <link rel="stylesheet" href="reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="site.css" type="text/css" media="all">
    <link rel="stylesheet" href="swiper.min.css" type="text/css" media="all">
    <script src="files/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="files/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
    <script src="files/swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="files/public.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>
<!--欢迎-->
<div mfid="C1_Share_top"  class="mod1025">
<style type="text/css" media="all">

/*抬头*/

.mod1025 .top_bg{width:100%; height:36px; background:#f5f5f5; line-height:36px;}
.mod1025 .top_bg .fr a{ display:inline-block; padding:0 5px;}

</style>
<!--top-->
<div class="top_bg">
	<div class="box">
		<div class="fl">
			您好！欢迎访问东莞市俊宇科技有限公司网站！
		</div>
		<div class="fr"><a href="http://en.dgjy1688.com/" varid="top2">英文版</a> | <a href="http://www.dgjy1688.com/" varid="top2">中文版</a> | <a href="feedback.html" varid="top2">在线留言</a> | <a href="contact.html" varid="top3">联系我们</a></div>

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


</div>

<!--logo-->
<div mfid="C1_Share_header" class="mod1049">
<style type="text/css" media="all">

/*抬头*/

.mod1049 .logo{ padding:40px 10px 40px 0; }
.mod1049 .logo img{ height: 72px;}
.mod1049 .name{ font-size:18px; color:#333; line-height:34px;padding-top: 48px; 
    padding-bottom: 35px;
}
.mod1049 .name p{ font-size:34px; color:#edce1d; font-weight:bold;}
.mod1049 .tel{margin-top:25px; padding-left: 50px;}
.mod1049 .tel p{font-size: 26px; line-height: 26px; font-weight: bold; color: #edce1d;}
.mod1049 .tel span{ font-size: 14px;}
.mod1049 .tel .dicon{ float: left; width: 50px; line-height: 46px; padding-top: 15px; font-size: 46px; margin-left: -50px;}  

</style>

<!--抬头-->
<div class="top box">
<div class="logo fl" aos="fade-right"><img varid="logo" src="files/images/logo03.png" alt="东莞市俊宇科技有限公司" /></div>
<div class="name fl" aos="fade-left"><p>东莞市俊宇科技有限公司</p>
<span varid="txt1">专注各种电子连接线系列产品生产销售，支持定制</span></div>

<div class="tel fr" aos="fade-left">
<i class="dicon di-dianhua4"></i>
<span>全国咨询热线</span>
<p>13929431698<br>
13322605518<br>
13929426758
</p>
</div>
</div>
<div class="clear"></div>

</div>

<!--导航-->
<div mfid="C1_Share_nav" class="mod1054">
<style type="text/css" media="all">
    
/*导航*/
.mod1054 .nav_bg { background:#1f3b84; border-bottom: 3px solid #edce1d; width: 100%; height: 57px; overflow: hidden;}
.mod1054 .nav_bg .page {height:57px; overflow: hidden;padding-bottom: 15px;}
.mod1054 .nav ul li{ float: left; width:12.5%; height: 57px; display: block; position: relative;}

.mod1054 .nav ul li a{ display: block; height: 57px; line-height: 57px; color: #fff; font-size: 15px; text-align: center; position:relative; z-index:3; font-weight: bold;}
.mod1054 .nav ul li:hover a,.mod1054 .nav ul li.cur a{  }
.mod1054 .nav ul li::before{content:'';display:block; -webkit-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out; position:absolute;top:-57px;left:0;width:100%;background:#edce1d; height:57px;}
.mod1054 .nav ul li:hover::before, .mod1054 .nav ul li.cur::before{top:0;}
.mod1054 .nav ul li::after{ content: ""; position: absolute; right: 0; top:20px; height: 18px; border-right: 1px dotted #fff;}
.mod1054 .nav ul li:last-child::after{ border:none;}

</style>

<!--导航-->
<div class="nav_bg" varid="list">
    
    
    
	<div class="nav box clearfix">
	    <ul>
	   
      
   <li class="cur"> 
   <a href="/"> 网站首页 </a> </li>   
      
   <li class=""> 
   <a href="products.html"> 产品中心 </a> </li>   
      
   <li class=""> 
   <a href="case.html"> 应用领域 </a> </li>   
      
   <li class=""> 
   <a href="company.html"> 关于俊宇 </a> </li>   
      
   <li class=""> 
   <a href="workshop.html"> 厂房车间 </a> </li>   
      
   <li class=""> 
   <a href="news.html"> 新闻资讯 </a> </li>   
      
   <li class=""> 
   <a href="feedback.html"> 在线留言 </a> </li>   
      
   <li class=""> 
   <a href="contact.html"> 联系我们 </a> </li>   
       
		
	</ul>
	</div>

	
	
	<div class="clear">
	</div>
</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: #edce1d;}
		.mod1019 .banner .ban_bg	{ background: url() no-repeat center;}
		.mod1019 .banner .ban_nbg { background: url(jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvvm4cjtGMsen-PDue_ca77buLP1tgI97xsRz8hoa8KGPtHz6OeXejgZNY3KybD5CpE.1.jpg) no-repeat center;}
		.mod1019 .banner .slide_01{ background: url(files/images/banner.jpg) no-repeat center;}
		.mod1019 .banner .slide_02{ background: url(files/images/banner1.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_n">
			
			<div class="swiper-wrapper">
				
				<style>
				    .mod1019 .banner .slide_01{ background-image: url(images/AEF701C5-823895FE-846811E6-C09D1A250.jpg);}
				</style>
				<div class="swiper-slide slide_01"></div>
				
				<style>
				    .mod1019 .banner .slide_02{ background-image: url(images/5880DAE5-6E3C5E43-B8FC07FA-767190DF0.jpg);}
				</style>
				<div class="swiper-slide slide_02"></div>
				
				<style>
				    .mod1019 .banner .slide_03{ background-image: url(images/2648BA7B-F4E1E881-31AEFD08-FCD522600.jpg);}
				</style>
				<div class="swiper-slide slide_03"></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',
			    });
			    //鼠标覆盖停止自动切换
			    swiper.el.onmouseover = function(){
			    swiper.autoplay.stop();
			    }
			    //鼠标离开开始自动切换
			    swiper.el.onmouseout = function(){
			    swiper.autoplay.start();
			    }
			</script>
			
			
		</div>
		
		
		</div>
	
</div>

<!--查询-->
<div mfid="C1_Share_search" class="mod1027">
    <style type="text/css">
        .mod1027 .hot,.mod1027 .hot a{
            color: #333;
        }
        .mod1027 .search_bg{
            width: 100%;
            margin-bottom: 20px;
            background: #f1f1f1;
            border-bottom: 1px #ddd solid;
            padding: 20px 0;
            -moz-box-shadow:0px 2px 10px #d2d2d2; 
            -webkit-box-shadow:0px 2px 10px #d2d2d2; 
            box-shadow:0px 2px 10px #d2d2d2;
        }
        .mod1027 .hot_title {
            line-height: 30px;
            font-weight: bold;
            font-size: 16px;
        }
        .mod1027 .hot_title>*{
            display: inline-block;
        }
        .mod1027 .sous{
            height: 31px;
            float: right;
            border: 1px #ddd solid;
            border-radius: 20px;
        }
        .mod1027 .foname{
            font-size: 12px;
            height: 31px;
            width: 220px;
            outline: none;
            padding-left: 10px;
            border-right: none;
            background: rgba(0, 0, 0, 0);
            float: left;
            color: #333;
            border: none;
        }
        .mod1027 .search_i_div{
            width:  45px;
            height: 33px;
            line-height: 33px;
            position: relative;
            top: -1px;
            right: -1px;
            background: #edce1d;
            border-bottom-right-radius: 20px;
            border-top-right-radius: 20px;
        }
        .mod1027 .search_i{
            position: absolute;
            top: 5px;
            left: 8px;
        }
    </style>
    <div class="search_bg clearfix">
        <div class="width-1200">
            <div class="hot pull-left">
                <span varid="hot_title" class="hot_title">热门关键词：</span>
                <span varid="hot_list">
                    
                    
                    <a href="ppt_162106.html">LVDS CABLE类</a><i class="">、</i>
                    
                    <a href="ppt_162107.html">电控箱类</a><i class="">、</i>
                    
                    <a href="ppt_162108.html">电脑周边类</a><i class="">、</i>
                    
                    <a href="ppt_162109.html">工程车内部板端连接线束</a><i class="hide">、</i>
                    
                    
                </span>
            </div>
            <div class="pull-right">
                <div class="sous">
                    <form name="form1" action="products_s.html" method="get" onclick="sub()">
                        <input name="infoname" id="infoname" class="foname" placeholder="请输入关键词搜索您需要的产品..." size="27"/>
                        <div class="pull-left search_i_div">
                            <input name="imageField" id="search_i" class="search_i" type="image" varid="search_img" src="jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvsJuj_1aaQKecySt3qj6Al4v8vAsnjRvJHBgJmfhXByN5ZtgJyeRSAGXrAZt9u-3pE.1.png" align="middle" alt="搜索"/>
                        </div>
                    </form>
                    <script>
                        var reg=/key_word=([^;]+)/img;
                        function sub(){
                            document.cookie='key_word=' + (encodeURIComponent (document.getElementById('infoname').value));
                        }
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>

<!--page -->
<div class="page_bg">
    <div class="page_main clearfix">
        <div class="page_left fl clearfix">
            <!--左边-->
<div mfid="C1_Share_left" class="mod1149">

    <style type="text/css" media="all">
        /* 产品分类 */
        .mod1149 .pro_class_bg{
            width:240px;
        }
        .mod1149 .pro_class_title{
            background:#1f3b84 url(files/images/left_title_bg.png) top center no-repeat; 
            overflow: hidden; 
            color:#fff; 
            font-size:22px; 
            font-weight:bold; 
            border-radius: 5px 5px 0 0;
        }
        /*.list_t span{font-family:Arial, Helvetica, sans-serif; color:#53B7FE; font-size:14px; font-weight:400;}*/
        .mod1149 .pro_class_title_en_one{
            float: left;
            font-size: 96px;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 110px;
            font-weight: bold;
            padding-left: 8px;
            text-transform: uppercase;
            padding-right: 3px;
            opacity: 0.5;
            /*margin-right: 10px;*/
        }
        .mod1149 .pro_class_title_ch p{
            font-size: 26px;
            font-weight: bold;
            line-height: 42px;
            margin-top: 26px;
        }
        .mod1149 .pro_class_title_ch span{
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 24px;
        }
        .mod1149 .pro_class_content{
            width:100%;
            box-sizing: border-box; 
            background: transparent; 
            border: 2px #ddd solid;
            border-top: none;
            padding:9px 0;
            border-radius: 0 0 5px 5px;
        }
        .mod1149 .pro_class_content li{
            padding: 0 15px;
            margin-bottom: 15px;
        }
        .mod1149 .pro_class_content li a{ 
            display: block; 
            height: 40px; 
            line-height: 40px; 
            font-weight: bold;  
            font-size: 14px; 
            color: #fff;
            position: relative;
            overflow: hidden;    
            text-overflow: ellipsis;    
            white-space: nowrap;
            padding-left: 10px;
            padding-right: 20px;
            box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
            background: #1f3b84;
            border-radius: 5px;
        }
        .mod1149 .pro_class_content li a i{
            font-weight: normal;
        }
        .mod1149 .pro_class_content li a:hover,.mod1149 .pro_class_content li a:hover::after{ 
            color: #edce1d;
            border-color: #edce1d;
        } 
    </style>
    
    <div class="pro_class_bg">
        <div class="pro_class_title">
            <div class="pro_class_title_en_one">p</div>
            <div class="pro_class_title_ch">
                <p class="line-clamp-1" varid="title">产品分类</p>
                <span class="line-clamp-1">roduct Categories</span>
            </div>
        </div>
        <div class="pro_class_content">
            <ul>
                
                
                
                
                <li><a href="products_162106.html">LVDS CABLE类</a></li>
                
                <li><a href="products_162107.html">电控箱类</a></li>
                
                <li><a href="products_162108.html">电脑周边类</a></li>
                
                <li><a href="products_162109.html">工程车内部板端连接线束</a></li>
                
                <li><a href="products_162110.html">家电 灯饰类</a></li>
                
                
                
            </ul>
        </div>
    </div>
</div>

        </div>
        <div class="page_content fr">
            <div class="doc_content">
<div mfid="C1_Share_pro" class="mod1131">
    <style>
        .mod1131 .pro_title{
            border-bottom: 1px #ddd solid;
            margin-bottom: 20px;
            line-height: 40px;
        }
        .mod1131 .pro_title_big{
            height: 40px;
            font-size: 24px;
            font-weight: bold;
            position: relative;
            color: #1f3b84;
        }
        .pro_title_big::after{
            height: 1px;
            width: 100px;
            content:'';
            position: absolute;
            bottom: -1px;
            background: #1f3b84;
            display: block;
        }
        .mod1131 .pro_title a.fr{
            line-height: 40px;
            height: 40px;
        }
        .mod1131 .pro_big{
            height: 735px;
            overflow: hidden;
        }
        .mod1131 .pro_ul li{
            float: left;
            width: 31.33%;
            margin: 5px 1%;
        }
        .mod1131 .pro_ul li p{
            line-height: 28px;
            height: 28px;
            text-align: center;
        }
        .mod1131 .pro_ul li p a{
            font-size: 14px;
            display: block;
        }
        .mod1131 .image-box{
            width: 100%;
            position: relative;
            overflow: hidden;
            text-align: center;
            border: 1px solid #d0d0d0;
            transition: 0.3s all;
        }
        .mod1131 .pro_ul li:hover .image-box{
            box-shadow: 0px 0px 6px #ccc;
        }
        .mod1131 .image-box img{
            transition: 0.5s;
            max-width: 100%;
            vertical-align: middle;
        }
        
    </style>
    <div class="pro_title clearfix">
        <div class="pro_title_big fl"><span varid="title">产品展示</span></div>
        <a href="products.html" class="pro_title_more fr">+点击更多</a>
    </div>
    <div class="pro_big" varid="pro">
        <ul class="pro_ul clearfix"><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515402.html">
                        <img src="images/5DBA1BC6-3ABC6268-06FF1D0D-930432380.jpg" alt="3.96&2.54刺破式">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515402.html">3.96&2.54刺破式</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515403.html">
                        <img src="images/A3B93F47-81698235-6185459B-82A8BD090.jpg" alt="12.1寸背光线">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515403.html">12.1寸背光线</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515404.html">
                        <img src="images/F3B4FBF8-CCDDF3AC-0952356D-F21AD9140.jpg" alt="20453-040T">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515404.html">20453-040T</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515405.html">
                        <img src="images/C490756C-7F467FB3-30CFB971-C3C799760.jpg" alt="DF9-31S">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515405.html">DF9-31S</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515406.html">
                        <img src="images/D7E99C66-D31619C0-9C69EEE1-28B7ACB40.jpg" alt="DF19-20S">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515406.html">DF19-20S</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515407.html">
                        <img src="images/2DA076B7-F1316EF6-DCE739F3-A50D4ED90.jpg" alt="FI-S20S">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515407.html">FI-S20S</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515408.html">
                        <img src="images/6456C9D1-730C7134-82390572-1200A6990.jpg" alt="FI-X30H-A1">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515408.html">FI-X30H-A1</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515409.html">
                        <img src="images/E1E541BD-7185A73D-C0F72505-692230AB0.jpg" alt="FI-X30H-A2">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515409.html">FI-X30H-A2</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515410.html">
                        <img src="images/8FC92E98-7B721BA0-DA302F10-44B0E7A30.jpg" alt="3.96&2.54刺破式">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515410.html">3.96&2.54刺破式</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515411.html">
                        <img src="images/ED5C602C-920D268F-874264FF-7AE528740.jpg" alt="12.1寸背光线">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515411.html">12.1寸背光线</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515412.html">
                        <img src="images/CA16BA49-B85EACDC-243AD5C8-3850025B0.jpg" alt="DB25P信号采集线">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515412.html">DB25P信号采集线</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515413.html">
                        <img src="images/5392FEB0-6101F698-6D759C79-8D67436C0.jpg" alt="M12工程机内接线A1">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515413.html">M12工程机内接线A1</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515414.html">
                        <img src="images/092D23C3-0F74B133-0EDE04D6-40705BB90.jpg" alt="M12工程机内接线A2">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515414.html">M12工程机内接线A2</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515415.html">
                        <img src="images/BE033842-1CA81371-92C8E5B5-2DF1D02F0.jpg" alt="电源控制箱采集线">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515415.html">电源控制箱采集线</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515416.html">
                        <img src="images/CF77E902-1FD1F89A-AE31EB63-2F4062750.jpg" alt="柳工版插座">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515416.html">柳工版插座</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li><li>
                <div class="effect">
                    <div class="image-box">
                        <a href="products_1515417.html">
                        <img src="images/FBEFF8E2-A1356063-BAFDDC70-D346E9910.jpg" alt="3.96&2.54刺破式">
                        </a>
                    </div>
                    <div class="pro_text_desc">
                        <p class="line-clamp-1">
                            <a href="products_1515417.html">3.96&2.54刺破式</a>
                            
                            </p>
                       
                    </div>
                </div>
            </li></ul>
    </div>
</div>


            </div>
        </div>
    </div>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function () { 
            jQuery(".page_bg").slide({mainCell:".pro_big ul",effect:"topMarquee",autoPlay:true,vis:9,interTime:50});
        })
    </script>
</div>
<!--page end -->
<!--优势-->
<div mfid="C1_Share_ys"  class="mod1151">
    <style>
        .mod1151 .ys_bg{
            margin-top: 40px;
        }
        .mod1151 .ys_title{
            color: #333;
            font-size: 34px;
            font-weight: bold;
            line-height: 45px;
            height: 45px;
            text-align: center;
        }
        .mod1151 .ys_title span.special{
            color: #1f3b84;
        }
        .mod1151 .ys_ms{
            display: block;
            font-size: 18px;
            color: #666;
            padding: 10px 0 0;
            text-align: center;
        }

        .mod1151 .ys_content_ul li{
            position: relative;
            width: 18%;
            margin: 50px 1%;
            float: left;
        }
        .mod1151 .ys_content_ul li>.ys_content_bg{
            width: 100%;
            height: 216px;
        }
        .mod1151 .ys_content_bg p{
            font-size: 20px;
            font-weight: bold;
            line-height: 30px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            width: 100%;
            margin-top: 135px;
        }
        .mod1151 .ys_content_bg1{
            background: url(images/23A7AA60-32DFA6DC-22295D35-CA5AAD2D0.png) no-repeat;
        }
        .mod1151 .ys_content_bg2{
            background: url(images/65C4B3D7-1AFCAA7F-4E627C34-C613FB760.png) no-repeat;
        }
        .mod1151 .ys_content_bg3{
            background: url(images/B08E6A50-A0829953-1354ED25-5723F9F90.png) no-repeat;
        }
        .mod1151 .ys_content_bg4{
            background: url(images/16204108-57B69F96-E7C07393-8B5C5E890.png) no-repeat;
        }
        .mod1151 .ys_content_bg5{
            background: url(images/7EA81E48-391BC22A-657B2802-92750DCC0.png) no-repeat;
        }
        .mod1151 .ys_num{
            display: block;
            font-size: 36px;
            color: #fff;
            font-family: Arial, Helvetica, sans-serif;
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            margin: 0 auto;
            position: absolute;
            top: -30px;
            left: 0;
            right: 0;
            background: #333;
            border-radius: 50%;
        }
        .mod1151 .ys_content_ul li:hover .ys_content_bg{
                background-position-y: -216px;
        }
        .mod1151 .ys_content_ul li:hover .ys_num{
            background: #1f3b84;
        }
        .mod1151 .ys_content_ul li:hover p{
            color: #1f3b84;
        }
    </style>
    <div class="ys_bg">
        <div class="width-1200">
            <div class="ys_title">— <span class="special" varid="ys_title1">高品质电子连接线</span><span varid="ys_title2"> 专业一站式服务体系</span> —</div>
            <div class="ys_ms" varid="ys_ms">可根据客户来样或工程图要求研发、加工生产配套各种特殊规格线材，电器配线等</div>
            <div class="ys_content">
                <ul class="ys_content_ul clearfix">
                    <li>
                        <div class="ys_content_bg ys_content_bg1" varid="ys_content_bg1">
                            <div class="ys_num" varid="ys_num1">01</div>
                            <p varid="ys_content1">在线咨询</p>
                        </div>
                    </li>
                    <li>
                        <div class="ys_content_bg ys_content_bg2" varid="ys_content_bg2">
                            <div class="ys_num" varid="ys_num2">02</div>
                            <p varid="ys_content2">报价合作</p>
                        </div>
                    </li>
                    <li>
                        <div class="ys_content_bg ys_content_bg3" varid="ys_content_bg3">
                            <div class="ys_num" varid="ys_num3">03</div>
                            <p varid="ys_content3">研发设计</p>
                        </div>
                    </li>
                    <li>
                        <div class="ys_content_bg ys_content_bg4" varid="ys_content_bg4">
                            <div class="ys_num" varid="ys_num4">04</div>
                            <p varid="ys_content4">生产检测</p>
                        </div>
                    </li>
                    <li>
                        <div class="ys_content_bg ys_content_bg5" varid="ys_content_bg5">
                            <div class="ys_num" varid="ys_num5">05</div>
                            <p varid="ys_content5">售后维护</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--关于我们-->
<div mfid="C1_Share_about"  class="mod1115">
    
    <style> 
        .mod1115 .about_bg {width: 100%; height: 440px; position:relative; background: url(files/images/about_bg.png) bottom center no-repeat;}
        .mod1115 .about_t{font-size:38px; font-weight:bold; color:#333; text-align:center; padding-top:60px; height:55px; line-height:55px;}
        .mod1115 .about_tw{ font-size:16px; color:#333; text-align:center; height:40px; line-height:40px;}
        .mod1115 .about_l img {border: 10px solid #eee;}
        .mod1115 .about_r {width: 535px;}
        .mod1115 .about_w {font-size: 14px; color: #666; line-height: 28px;}
        .mod1115 .about_w  span{display: block;font-size: 28px;line-height: 28px;color:#1f3b84 ;font-weight: bold;text-transform: uppercase;margin-bottom: 25px;margin-top: 10px;}
        .mod1115 .about_w p{
            font-size: 14px;
            color: #666;
            line-height: 28px;
            height: 140px;
            text-indent: 2em;
            overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
        }
        .mod1115 .about_btn {margin-top: 74px;}
        .mod1115 .about_btn a {float: left; display: block; padding-top: 12px; margin: 0 24px 0 25px; width: 74px; height: 76px; color: #fff; text-align: center; border: 2px solid #ccc;}
        .mod1115 .about_btn a:hover {color:  #edce1d;}
        .mod1115 .about_btn a img{
            width: 44px;
            height: 40px;
        }
        .mod1115 .about_btn a p {font-size: 14px; line-height: 28px;}
        .mod1115 .about_img_btn{position: absolute; height: 40px; line-height: 40px; padding: 0 20px; border: 1px #ddd solid; background: #f1f1f1; border-radius: 5px; top: 250px; left: 50%;}
        .mod1115 .about_bg::after{
            content: '';
            background: #1f3b84;
            width: 100%;
            height: 50%;
            display: block;
            position: absolute;
            bottom: 0;
            z-index: -1;
        }
    </style>

    <!--简介-->
    <div class="about_t" varid="txt1" >走进俊宇科技</div>
    <div class="about_tw" varid="txt2">集设计、开发、生产、销售电子连接线系列产品于一体的企业</div>
    <div class="about_bg">
        <div class="box">
            <div class="about_l fl"><img src="images/CD1C6BE1-774B33D9-ED38E668-B745EFD70.jpg " varid="pic2" /></div>
            <div class="about_r fr">
                <div class="about_w">
                    <span>东莞市俊宇科技有限公司</span>
                    <p varid="text4">东莞市俊宇科技有限公司成立于2020年，公司目前座落于历史名镇广东省东莞市虎门镇，是一家集设计、开发、生产、销售电子连接线系列产品于一体的企业。主要产品包括：各类DC电源线、LVDS&nbsp;CABLE、I-PEX精密连接线、IDC&nbsp;CABLE、Wire&nbsp;Harness等各种电子产品，并可根据客户来样或工程图要求研发、加工生产配套各种特殊规格线材，电器配线等。产品广泛应用于家电，灯饰，电脑周边、机器人，手机……</p>
                </div>
                <div class="about_btn">
                    <a href="company.html">
                        <img src="jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvt83sq5xsh_9fpcUOyxQ21u3hhW15t0PAr0geCUwIRYaGsX9NcKpQGLl27L2ytGr9E.1.png" varid="pic3" />
                        <p class="line-clamp-1" varid="txt11">简介</p>
                    </a>
                    <a href="products.html">
                        <img src="jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvt83sq5xsh_9fpcUOyxQ21u3hhW15t0PAr0geCUwIRYaN9WrbbTd1JXJ6CuZKwDjnA.1.png" varid="pic4" />
                        <p class="line-clamp-1" varid="txt12">产品</p>
                    </a>
                    <a href="case.html">
                        <img src="jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvt83sq5xsh_9fpcUOyxQ21u3hhW15t0PAr0geCUwIRYaBkVVENsdmeqvX_7ff8pe5k.1.png" varid="pic5" />
                        <p class="line-clamp-1" varid="txt13">车间</p>
                    </a>
                    <a href="contact.html">
                        <img src="jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvt83sq5xsh_9fpcUOyxQ21u3hhW15t0PAr0geCUwIRYaC8oRfrJw_P9DsQpHJ541pg.1.png" varid="pic6" />
                        <p class="line-clamp-1" varid="txt14">联系</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!--新闻中心-->
<div mfid="C1_Share_news"  class="mod1022">
<style type="text/css" media="all">
/* 新闻 */
.mod1022 .news_bg{width:100%; padding:40px 0 20px;}
.mod1022 .news_lr{ width: 560px;}
.mod1022 .news_t{ display: block; position: relative; border:solid #ddd 1px; border-left:none; border-right:none;}
.mod1022 .news_t i{ padding: 25px 0; width:62px; height: 30px; display: block; float: left; position: relative; z-index: 2; transition:0.3s all; }
.mod1022 .news_lr.fl .news_t i{ background: url(jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvsJuj_1aaQKecySt3qj6Al4ui2XKVfE32Xtlfd_1vxiJ-hXPIfJpctS7BRTZZZ9Pu0.1.png) center no-repeat #1f3b84 ; padding:25px 10px;}
.mod1022 .news_lr.fr .news_t i{ background: url(jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvsJuj_1aaQKecySt3qj6Al4ui2XKVfE32Xtlfd_1vxiJxom7f4AreTbmhgoVfVqcTM.1.png) center no-repeat #1f3b84 ; padding:25px 10px;}
.mod1022 .news_t .fl { display: block; padding-top: 18px; font-size: 20px; color: #333; line-height:25px; float: left; font-weight: normal; margin-left: 15px; }
.mod1022 .news_t span{ font-size: 14px;}
.mod1022 .news_lr .en {font-size: 14px; color: #999; float: right;  line-height: 80px;}
.mod1022 .news_lr .en:hover{ color:#edce1d; }

.mod1022 .news_t:hover i{ -webkit-filter: brightness(1.15); filter: brightness(1.15); }


.mod1022 .news_box{ padding: 25px 0px; font-weight: normal; width: 560px; height:300px; float: left; background: #fff; }
.mod1022 .news_box .news_li{ position: relative; padding: 6px 0; height: 40px; overflow: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; border-bottom: 1px solid #f5f5f5; }
.mod1022 .news_box .news_li:nth-last-child(1){ border-bottom: 0 none; }
.mod1022 .news_box .news_li_date { position: absolute; right: 0; top: 17px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.mod1022 .news_box .news_li_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; }
.mod1022 .news_box .news_li_title{ position: relative; }

.mod1022 .news_box .news_li_title:after{ content: ''; background: #e84327; width: 4px; height: 4px; position: absolute; left: 2px; top: 19px; }
.mod1022 .news_box .on .news_li_title:after{ content: ''; display: none; }
.mod1022 .news_box .news_li_title .news_li_a{ font-size: 15px; padding-left: 25px; display: block; line-height: 40px; width: 425px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.mod1022 .news_box .news_li_pic, .mod1022 .news_box .news_li_body{ -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.mod1022 .news_box .news_li_pic{ display: none; }
.mod1022 .news_box .news_li.on{ height: 90px; padding: 0px 0 10px 0; }
.mod1022 .news_box .news_li_body{ line-height: 24px; color: #999; font-size: 13px; overflow : hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; text-align: justify; position: absolute; right: 0; top: 60px; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; }

.mod1022 .news_box .on .news_li_body{ top: 40px}

.mod1022 .news_box .on .news_li_date { top: 23px; right: 303px; display: none; }
.mod1022 .news_box .on .news_li_date > div { font-weight: bold; color: #e84327; font-size: 24px; line-height: 30px; }
.mod1022 .news_box .on .news_li_date > .news_li_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.mod1022 .news_box .on .news_li_title .news_li_a{  padding-left: 0;  font-size: 16px;}

</style>


<!--news-->
<div class="news_bg">
	<div class="box clearfix">		
        <div class="news_lr fl" data-wow-delay="0.3s" varid="ats1">
	    
            
            <div class="news_t clearfix">
                <a href="news.html"> 
                    <i></i> 
                    <p class="fl">新闻资讯<br /><span>News and information</span></p>
                    <p class="en">More +</p>
                </a>
            </div>
            <div class="news_box news_box_l">
            
             
    			<div class="news_li">
    			    <div class="news_li_date">2023-12-20</div> 
                    <div class="news_li_content">
                        <div class="news_li_title">
                            <a class="news_li_a" href="news_277940.html" title="电子连接线有什么特点？">电子连接线有什么特点？</a>
                        </div>
                        <div class="news_li_body">
                            电子连接线的特点包括： 信号传输性能好：电子连接线能够提供稳定的信号传输，保证信号的准确性和可靠性。 高速传输：电子连接线能够支持高速数据传输，满足高带宽需求，如USB 3.......
                        </div>
                    </div>
                </div>
             
    			<div class="news_li">
    			    <div class="news_li_date">2023-12-20</div> 
                    <div class="news_li_content">
                        <div class="news_li_title">
                            <a class="news_li_a" href="news_277942.html" title="什么是电源控制箱采集线？有什么作用？">什么是电源控制箱采集线？有什么作用？</a>
                        </div>
                        <div class="news_li_body">
                            电源控制箱采集线是一种专门用于电源控制箱的数据采集线，也可以称为电源控制箱信号采集线。它的主要作用是将电源控制箱内各种传感器、仪表等设备的信号采集并传输给控制系统或数据采集设......
                        </div>
                    </div>
                </div>
             
    			<div class="news_li">
    			    <div class="news_li_date">2023-12-20</div> 
                    <div class="news_li_content">
                        <div class="news_li_title">
                            <a class="news_li_a" href="news_277943.html" title="如何科学的选择电控箱类连接线？">如何科学的选择电控箱类连接线？</a>
                        </div>
                        <div class="news_li_body">
                            选择电控箱类连接线时，可以按照以下科学的方法进行选择： 确定需求：首先需要明确自己的需求，包括连接线的用途、所需的电流、电压、信号传输等要求。根据不同的应用场景和具体需求，选......
                        </div>
                    </div>
                </div>
             
    			<div class="news_li">
    			    <div class="news_li_date">2023-12-20</div> 
                    <div class="news_li_content">
                        <div class="news_li_title">
                            <a class="news_li_a" href="news_277947.html" title="电子连接线常见问题及解决方法">电子连接线常见问题及解决方法</a>
                        </div>
                        <div class="news_li_body">
                            在使用电子连接线时，可能会遇到一些常见问题。以下是一些常见问题及其解决方法： 连接线松动或插头不牢固：这可能导致连接不稳定或信号传输中断。解决方法是确保连接线插头完全插入，并......
                        </div>
                    </div>
                </div>
             
    			<div class="news_li">
    			    <div class="news_li_date">2023-12-20</div> 
                    <div class="news_li_content">
                        <div class="news_li_title">
                            <a class="news_li_a" href="news_277950.html" title="精密连接线在高频信号传输中的优势与挑战">精密连接线在高频信号传输中的优势与挑战</a>
                        </div>
                        <div class="news_li_body">
                            精密连接线在高频信号传输中具有以下优势： 低损耗：精密连接线采用优质材料和精密制造工艺，能够有效减少信号传输中的能量损耗，提供更高的传输效率。 低串扰：精密连接线的设计和制造......
                        </div>
                    </div>
                </div>
            
            </div> 
        
	    </div>
        <div class="news_lr fr" data-wow-delay="0.3s" varid="ats2">
			    
		
        <div class="news_t clearfix">
            <a href="information.html"> 
                <i></i> 
                <p class="fl">行业资讯<br /><span>Industry information</span></p> \
                <p class="en">More +</p>
            </a> 
        </div>
        <div class="news_box news_box_r">
            
             
            <div class="news_li">
                <div class="news_li_date">2023-12-20</div> 
                <div class="news_li_content">
                    <div class="news_li_title"><a class="news_li_a" href="information_277941.html" title="如何挑选合适的DC电源线？">如何挑选合适的DC电源线？</a></div>
                    <div class="news_li_body">要挑选合适的DC电源线，可以考虑以下几个方面： 电源线规格：首先要根据所需的电流和电压要求选择合适的电源线规格。电源线的规格通常以AWG（American Wire Gaug......</div>
                </div>
            </div>
             
            <div class="news_li">
                <div class="news_li_date">2023-12-20</div> 
                <div class="news_li_content">
                    <div class="news_li_title"><a class="news_li_a" href="information_277944.html" title="什么是电脑周边类背光线？">什么是电脑周边类背光线？</a></div>
                    <div class="news_li_body">电脑周边类背光线是指用于电脑及其周边设备的背光照明装置。它是一种具有自带LED灯珠的线材，用于在电脑及其周边设备的背面提供照明效果。背光线一般具有柔和的光线和多种颜色可选，可......</div>
                </div>
            </div>
             
            <div class="news_li">
                <div class="news_li_date">2023-12-20</div> 
                <div class="news_li_content">
                    <div class="news_li_title"><a class="news_li_a" href="information_277945.html" title="如果采购性价比高的板端连接线束？">如果采购性价比高的板端连接线束？</a></div>
                    <div class="news_li_body">要选择性价比高的板端连接线束，可以考虑以下几个因素： 质量和可靠性：选择具有高质量和可靠性的连接线束，这可以确保连接线束在使用过程中不会出现断线、短路等问题，提高使用寿命。 ......</div>
                </div>
            </div>
             
            <div class="news_li">
                <div class="news_li_date">2023-12-20</div> 
                <div class="news_li_content">
                    <div class="news_li_title"><a class="news_li_a" href="information_277946.html" title="了解电子连接线的种类和用途">了解电子连接线的种类和用途</a></div>
                    <div class="news_li_body">电子连接线是用于连接电子设备之间的导线或导线束。它们在电子领域起着重要的作用，可以传输电流、信号和数据。 下面是一些常见的电子连接线的种类和用途： USB连接线：USB连接线......</div>
                </div>
            </div>
             
            <div class="news_li">
                <div class="news_li_date">2023-12-20</div> 
                <div class="news_li_content">
                    <div class="news_li_title"><a class="news_li_a" href="information_277949.html" title="精密连接线技术的发展趋势与应用前景">精密连接线技术的发展趋势与应用前景</a></div>
                    <div class="news_li_body">进一步小型化与高密度化：随着电子设备的不断缩小，精密连接线技术将趋向更小型化和高密度化，以适应更紧凑的设计需求。 高速数据传输需求的增加：随着数据传输速度的不断提升，精密连接......</div>
                </div>
            </div>
            
        </div>
			
	</div>		
	</div>
</div>
<script type="text/javascript">
    $(".news_box_l .news_li").eq(0).addClass('on');
    $(".news_box_r .news_li").eq(0).addClass('on');
    $(function() {
    $(".news_box_l .news_li").mouseover(function() {
    $(this).addClass('on').siblings().removeClass('on');
    var index = $(this).index();
    number = index;
    });
    $(".news_box_r .news_li").mouseover(function() {
    $(this).addClass('on').siblings().removeClass('on');
    var index = $(this).index();
    number = index;
    });
    });
</script>

</div>

<!--友情链接-->
<div mfid="C1_Share_links"  class="mod1039">
    <style>
        .mod1039 .links_bg{
            background: #f1f1f1;
        }
        .mod1039 .links_title{
            font-size: 34px;
            color: #333;
            text-transform: uppercase;
            line-height: 70px;
            letter-spacing: -2px;
            font-weight: bold;
        }
        .mod1039 .links_ul{
            width: 1080px;
            margin-left: 20px;
            height: 70px;
            float: left;
        }
        .mod1039 .links_ul li{
            display: inline-block;
            height: 70px;
            line-height: 70px;
            margin-right: 5px;
        }
        .mod1039 .links_ul li a{
            display: block;
            color: #333;
        }

    </style>

    <div class="links_bg clearfix">
        <div class="width-1200">
            <div class="links_title fl" varid="title">links</div>
            <ul class="links_ul">
                
                
            </ul>
        </div>
    </div>

</div>

<!--版权-->
<div mfid="C1_Share_copyright"  class="mod1023">
    <style type="text/css" media="all">
        /* 版权 */
        .mod1023 .foot_nav{
            text-align: center;
            background: #1f3b84;
            padding: 10px 0;
        }
        .mod1023 .foot_nav_ul li{
            display: inline-block;
            padding: 0 20px;
            border-right: 1px #ddd solid;
        }        
        .mod1023 .foot_nav_ul li:last-child{
            border-right: none;
        }
        .mod1023 .foot_nav a{
            color: #fff;
            line-height: 24px;
            height: 24px;
            display: block;
        }
        .mod1023 .copy_bg{background: #f1f1f1 ;}
        .mod1023 .copy_row2 { width:1080px; line-height:30px;text-align:center; color: #999; padding:30px 0;}
        .mod1023 .copy_row2 a{ color: #999; text-align:center;}
        .mod1023 .copy_row2 a:hover{ color:#1f3b84;}
    </style>

    <div class="foot_nav" varid="foot_nav">
        <ul class="foot_nav_ul"><li><a href="index.html">网站首页</a></li><li><a href="products.html">产品中心</a></li><li><a href="company.html">关于俊宇</a></li><li><a href="workshop.html">厂房车间</a></li><li><a href="case.html">应用领域</a></li><li><a href="news.html">新闻资讯</a></li><li><a href="information.html">行业资讯</a></li><li><a href="feedback.html">在线留言</a></li><li><a href="contact.html">联系我们</a></li></ul>
    </div>

    <div class="copy_bg">
    	<div class="box copy_row2">
    		东莞市俊宇科技有限公司 版权所有 【<a href="sitemap.htm" target="_blank">BMAP</a>】【<a href="sitemap.xml" target="_blank">GMAP</a>】 技术支持：<a href="http://www.wyi.com.cn" target="_blank" rel="nofollow">网一科技</a> <br />
    顾客服务中心：13929431698/13322605518/13929426758 地址：广东省东莞市虎门镇赤岗村南坊新区十七巷22号 【<a href="https://login.di7.com" target="_blank">后台管理</a>】<br />
    *本站相关网页素材及相关资源均来源互联网，如有侵权请速告知，我们将在24小时内删除* 【<a href="http://beian.miit.gov.cn" target="_blank">粤ICP备2023150374号</a>】
    
    	</div>
    </div>
<div mfid="C1_Share_kefu" class="mod1494">
<style>
.mod1494 .my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;}
.mod1494 .my-kefu ul{width: 77px;}
.mod1494 .my-kefu li a{text-decoration: none;}
.mod1494 .my-kefu li{margin-top: 1px;padding: 9px 0;height: 56px;width: 77px;background: #1f3b84;}
.mod1494 .my-kefu li i{background: url(jump-url/PTTwyPdlutoEB6jUFZkztPHPMoX5ZZEKyd6mLkIBnvv4z0-1gkFI93H9styfbwfOWgGEQURQwU8cGxZw2D6xvE74lARNP4ZfOSaqLTA5scM.1.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.mod1494 .my-kefu li .ali i{display:block; width: 50px; height: 27px; margin: 0px auto; text-align: center;}

.mod1494 .my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.mod1494 .my-kefu .my-kefu-qq i{background-position: 4px 0;}
.mod1494 .my-kefu .ali i{ background-position: 0 -90px; width: 35px;}
.mod1494 .my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.mod1494 .my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
 
.mod1494 .my-kefu .my-kefu-weixin i{background-position: -34px 4px;}

.mod1494 .my-kefu .my-kefu-weixin:hover{ width:246px; height:145px;}
.mod1494 .my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.mod1494 .my-kefu .my-kefu-ftop{background-color:#333;}
.mod1494 .my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.mod1494 .my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.mod1494 .my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; padding-left:15px; border-left: 1px solid #fff; margin-top: 8px;}


.mod1494 .my-kefu-right{width: 20px;}
.mod1494 .my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;}
.mod1494 .my-kefu-main{width: 97px;position: relative;}
.mod1494 .my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}
</style>
	<div class="my-kefu">
		<ul id="my-kefu">
			<!--<li class="my-kefu-qq">
				<div class="my-kefu-main">
					<div class="my-kefu-left">
						<a class="online-contact-btn" href="http://wpa.qq.com/msgrd?v=3&amp;uin=[]&amp;site=qq&amp;menu=yes" target="_blank">
							<i></i><p>QQ咨询</p>
						</a>
					</div>
				</div>
			</li>-->
			<li class="my-kefu-tel">
				<div class="my-kefu-tel-main">
					<div class="my-kefu-left">
						<i></i><p>潘先生</p>
					</div>
					<div class="my-kefu-tel-right">
						13929431698
					</div>
				</div>
			</li>
		
			<li class="my-kefu-weixin">
				<div class="my-kefu-tel-main">
					<div class="my-kefu-left">
						<i></i><p>手机网站</p>
					</div>
					<div class="my-kefu-tel2-right">
						<img width="130px" height="130px" src="images/A25BC343-305B6CA8-679353EF-FF2BB7DB0.png" alt="手机网站">
					</div>
				</div>
			</li>
		
			<li class="my-kefu-ftop">
				<div class="my-kefu-main">
					<div class="my-kefu-left">
						<a href="javascript:;">
							<i></i><p>返回顶部</p>
						</a>
					</div>
				</div>
			</li>
		</ul>
	</div>
<script> 
$(function(){
var time;
var winHeight = $(window.parent).height();
$('.my-kefu').css({'top':(winHeight-$('#my-kefu').height())/2});
$('#my-kefu li').on({
'mouseenter':function(){
var scope = this;
time=setTimeout(function(){
var divDom=$(scope).children('div');
var maxWidth=divDom.width();
$(scope).stop().animate({marginLeft:-maxWidth+77,width:maxWidth},'normal',function(){
var pic=$(scope).find('.my-kefu-weixin-pic');
if(pic.length>0){
pic.show();
}
}); 
},100)
                
},
'mouseleave':function(){
var pic=$(this).find('.my-kefu-weixin-pic');
if(pic.length>0){
pic.hide();
}
clearTimeout(time);
var divDom=$(this).children('div');
$(this).stop().animate({marginLeft:0,width:77},"normal",function(){
});
}
});
//返回顶部
$("#my-kefu").find(".my-kefu-ftop").click(function(){
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
if (scrollTop > 0) {
$("html,body").animate({
scrollTop: 0
},"slow");
}
});
});
</script>
</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>