<!DOCTYPE HTML>
<html>
<head>
<base href="/Public/Home//">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>婊佸窞閼笟鍏夌數绉戞妧鏈夐檺鍏徃</title>
<meta name="description" content="婊佸窞閼笟鍏夌數绉戞妧鏈夐檺鍏徃" />
<meta name="keywords" content="婊佸窞閼笟鍏夌數绉戞妧鏈夐檺鍏徃" />
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.mmenu.all.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.mmenu.all.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/wow.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/map.js"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};
</script>
</head>
<body>
<!-- 澶撮儴 -->
<div>
<!-- 澶撮儴 -->
<nav class="navbar">
<div class="navbar_header">
<div class="container clearfix">
<!-- logo -->
<h1 class="float_l logo">
<a href="/"><img src="img/logo.jpg"/></a>
</h1>
<!-- pc瀵艰埅 -->
<ul class="nav float_l">
<li>
<a href="/article/index/category/index.html">棣栭〉</a>
</li> <li>
<a href="/about/about.html">鍏充簬鎴戜滑</a>
<ul class="children">
<li><a href="/about/about1.html">鍏徃绠€浠�</a></li><li><a href="/about/about2.html">璁惧灞曠ず</a></li><li><a href="/about/about3.html">鑽ｈ獕璧勮川</a></li> </ul> </li> <li>
<a href="/product/product.html">浜у搧涓績</a>
<ul class="children">
<li><a href="/product/pro1.html">鐗╅暅</a></li><li><a href="/product/pro2.html">鐗╅暅杞洏锛屽伐浣滃钩鍙�</a></li><li><a href="/product/pro3.html">闈炴爣闀滃ご瀹氬埗</a></li><li><a href="/product/pro4.html">鍏夊闀滅墖</a></li> </ul> </li> <li>
<a href="/cases/cases.html">鍚堜綔妗堜緥</a>
</li> <li>
<a href="/news/news.html">鏂伴椈涓績</a>
<ul class="children">
<li><a href="/news/news1.html">鍏徃鏂伴椈</a></li><li><a href="/news/news2.html">琛屼笟鍔ㄦ€�</a></li> </ul> </li> <li>
<a href="/contact/contact.html">鑱旂郴鎴戜滑</a>
<ul class="children">
<li><a href="/contact/contact1.html">鑱旂郴鎴戜滑</a></li><li><a href="/contact/online.html">鍦ㄧ嚎鐣欒█</a></li> </ul> </li>
</ul>
<div class="header_phone float_r">
<img src="img/icon_index_01.jpg" alt="">
<div class="header_phone_info">
<p>鍏ㄥ浗鏈嶅姟鐑嚎</p>
<strong>15895861883</strong>
</div>
</div>
<!-- mobile瀵艰埅 -->
<a href="#mmenu" class="mobile_nav">
<img src="img/icon_bar.jpg" alt="" class="menu">
</a>
<!--绉诲姩绔疭 Mmenu-->
<nav id="mmenu" class="mm-hidden">
<ul>
<li>
<a href="/article/index/category/index.html" >棣栭〉</a>
</li><li>
<a href="/about/about.html" >鍏充簬鎴戜滑</a>
<ul class="float_l">
<li><a href="/about/about1.html">鍏徃绠€浠�</a></li><li><a href="/about/about2.html">璁惧灞曠ず</a></li><li><a href="/about/about3.html">鑽ｈ獕璧勮川</a></li> </ul> </li><li>
<a href="/product/product.html" >浜у搧涓績</a>
<ul class="float_l">
<li><a href="/product/pro1.html">鐗╅暅</a></li><li><a href="/product/pro2.html">鐗╅暅杞洏锛屽伐浣滃钩鍙�</a></li><li><a href="/product/pro3.html">闈炴爣闀滃ご瀹氬埗</a></li><li><a href="/product/pro4.html">鍏夊闀滅墖</a></li> </ul> </li><li>
<a href="/cases/cases.html" >鍚堜綔妗堜緥</a>
</li><li>
<a href="/news/news.html" >鏂伴椈涓績</a>
<ul class="float_l">
<li><a href="/news/news1.html">鍏徃鏂伴椈</a></li><li><a href="/news/news2.html">琛屼笟鍔ㄦ€�</a></li> </ul> </li><li>
<a href="/contact/contact.html" >鑱旂郴鎴戜滑</a>
<ul class="float_l">
<li><a href="/contact/contact1.html">鑱旂郴鎴戜滑</a></li><li><a href="/contact/online.html">鍦ㄧ嚎鐣欒█</a></li> </ul> </li> </ul>
</nav>
<!--绉诲姩绔疎 Mmenu-->
</div>
</div>
</nav>
<!-- /澶撮儴 -->
<!-- 涓讳綋 -->
<!-- banner -->
<div class="banner swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="/Uploads/Picture/2020-07-24/5f1a85c7020b5.jpg" alt=""></div><div class="swiper-slide"><img src="/Uploads/Picture/2020-07-16/5f0fed5abc1a6.jpg" alt=""></div> </div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<!--鎴戜滑鐨勪骇鍝�-->
<div class="index_product container">
<div class="index_title wow fadeInUp">
<p>our products</p>
<h2>鎴戜滑鐨勪骇鍝�</h2>
</div>
<ul class="index_product_list clearfix">
<li>
<a href="/product/pro1.html">
<img src="/Uploads/Picture/2020-07-14/5f0d0359e86c0.jpg" alt="">
<div class="index_product_info">
<h3>鐗╅暅</h3>
<span>Objective lens</span>
</div>
<div class="index_product_info_detail">
<h3>鐗╅暅</h3>
<span>Objective lens</span>
<p>鏈€鍒濈敤浜庡埗閫犻暅澶寸殑鐜荤拑锛屽氨鏄櫘閫氱獥鎴风幓鐠冩垨閰掔摱涓婄殑鐤欑槱銆傚寲瀛︽垚鍒嗗拰鍏夊鎬ц川鐩歌繎鐨勭幓...</p>
<img src="img/product_more.png" alt="">
</div>
</a>
</li><li>
<a href="/product/pro2.html">
<img src="/Uploads/Picture/2020-07-14/5f0d036477628.jpg" alt="">
<div class="index_product_info">
<h3>鐗╅暅杞洏锛屽伐浣滃钩鍙�</h3>
<span>Objective lens</span>
</div>
<div class="index_product_info_detail">
<h3>鐗╅暅杞洏锛屽伐浣滃钩鍙�</h3>
<span>Objective lens</span>
<p>鏈€鍒濈敤浜庡埗閫犻暅澶寸殑鐜荤拑锛屽氨鏄櫘閫氱獥鎴风幓鐠冩垨閰掔摱涓婄殑鐤欑槱銆傚寲瀛︽垚鍒嗗拰鍏夊鎬ц川鐩歌繎鐨勭幓...</p>
<img src="img/product_more.png" alt="">
</div>
</a>
</li><li>
<a href="/product/pro3.html">
<img src="/Uploads/Picture/2020-07-14/5f0d040cd5de0.jpg" alt="">
<div class="index_product_info">
<h3>闈炴爣闀滃ご瀹氬埗</h3>
<span>Starlight lens</span>
</div>
<div class="index_product_info_detail">
<h3>闈炴爣闀滃ご瀹氬埗</h3>
<span>Starlight lens</span>
<p>鏈€鍒濈敤浜庡埗閫犻暅澶寸殑鐜荤拑锛屽氨鏄櫘閫氱獥鎴风幓鐠冩垨閰掔摱涓婄殑鐤欑槱銆傚寲瀛︽垚鍒嗗拰鍏夊鎬ц川鐩歌繎鐨勭幓...</p>
<img src="img/product_more.png" alt="">
</div>
</a>
</li><li>
<a href="/product/pro4.html">
<img src="/Uploads/Picture/2020-07-14/5f0d0378606f8.jpg" alt="">
<div class="index_product_info">
<h3>鍏夊闀滅墖</h3>
<span>optical lens</span>
</div>
<div class="index_product_info_detail">
<h3>鍏夊闀滅墖</h3>
<span>optical lens</span>
<p>鏈€鍒濈敤浜庡埗閫犻暅澶寸殑鐜荤拑锛屽氨鏄櫘閫氱獥鎴风幓鐠冩垨閰掔摱涓婄殑鐤欑槱銆傚寲瀛︽垚鍒嗗拰鍏夊鎬ц川鐩歌繎鐨勭幓...</p>
<img src="img/product_more.png" alt="">
</div>
</a>
</li> </ul>
</div>
<!--ABOUT-->
<div class="index_about">
<img src="img/about_bg.jpg" alt="">
<div class="index_about_box">
<div class="container clearfix">
<img src="/Uploads/Picture/2020-07-14/5f0d043fb5270.jpg" alt="" class="index_about_img wow fadeInLeft">
<div class="index_about_info_box">
<div class="index_about_info wow fadeInRight">
<h2>ABOUT</h2>
<h3>婊佸窞閼笟鍏夌數绉戞妧鏈夐檺鍏徃</h3>
<p>閲戦櫟閿侀挜锛屾睙娣繚闅滐紱绔嬭冻鏃朵唬锛屽垱鏂板彂灞曘€傛粊宸為懌涓氬厜鐢电鎶€鏈夐檺鍏徃鎴愮珛浜�1999骞�1鏈堬紝鍓嶈韩涓哄崡浜柊涓氬厜瀛︿华鍣ㄥ巶锛屼簬2016骞�6鏈堣縼鑷虫粊宸炪€傜粡杩囦簩鍗佷綑骞寸（鐮哄彂灞曪紝鍏徃涓€鐩寸鎸侀攼鎰忛潻鏂般€佽繘鍙栦笉鎭殑鍙戝睍鐞嗗康锛岃嚧鍔涗簬涓哄鎴锋彁渚涘悇绫婚珮鍝佽川鍏夊浠櫒閰嶄欢鍜屾妧鏈В鍐虫柟妗堬紝鐜板凡鍙戝睍涓轰竴瀹堕泦鑷富璁捐銆佺敓浜с€侀攢鍞负涓€浣撶殑楂樻柊鎶€鏈紒涓�..</p>
<a href="/about/about.html">
</a>
</div>
</div>
</div>
</divclass>
</div>
</div>
<!--鏂伴椈涓績-->
<div class="index_news container">
<div class="index_title wow fadeInUp">
<p>News Center</p>
<h2>鏂伴椈涓績</h2>
</div>
<div class="index_news_top">
<div class="clearfix">
<img src="/Uploads/Picture/2020-07-15/5f0f20df331af.jpg" alt="" class="float_l">
<div class="float_l index_news_right">
<span>2020-07-15</span>
<h3>鏄惧井闀滅墿闀滈€夎喘</h3>
<a href="/article/detail/id/22.html">鏌ョ湅璇︽儏</a>
</div>
</div> </div>
<ul class="index_news_list clearfix">
</ul>
<div class="index_news_more">
<a href="/news/news.html">浜嗚В鏇村
<img src="img/index_jiantou.png" alt="">
<img src="img/index_jiantou_02.png" alt="">
</a>
</div>
</div>
<!--瑙嗛涓績-->
<div class="index_video">
<div class="container">
<div class="index_title wow fadeInUp">
<p>Video Center</p>
<h2>瑙嗛涓績</h2>
</div>
<div class="video-box wow fadeIn" >
<!-- <video x5-playsinline="" playsInline="" webkit-playsinline="" style="width:100%;">
<source src="https://player.youku.com/embed/XNDc2NTM1ODYwNA==" type="video/ogg">
<source src="https://player.youku.com/embed/XNDc2NTM1ODYwNA==" type="video/mp4"> -->
<!-- Your browser does not support the video tag. -->
<div style="text-align:center;">
<iframe width="100%" src="https://player.youku.com/embed/XNDc2NTM1ODYwNA==" frameborder="1" 'allowfullscreen'="" style="font-size: 12px;border: none;">
</iframe>
</div> </video>
<!-- <div class="video-img"> -->
<!-- <img src="img/video_img.png" alt="" class="video_cover">
<img src="img/play.png" alt="" class="vider_play"> -->
<!-- </div> -->
</div>
<p class="video-name">瑙嗛瀹ｄ紶鐗�</p>
</div>
</div>
<!--鍚堜綔妗堜緥-->
<div class="index_case">
<div class="container">
<div class="index_title wow fadeInUp">
<p>Cooperation Case</p>
<h2>鍚堜綔妗堜緥</h2>
</div>
</div>
<div class="container">
<!--S -->
<div class="swiper-container2 ">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/article/detail/id/19.html">
<img src="/Uploads/Picture/2020-07-13/5f0c2969468e8.jpg"/>
<p>F180鏄庢殫鍦虹墿闀滅爺鍙戞垚鍔�</p>
</a>
</div><div class="swiper-slide">
<a href="/article/detail/id/18.html">
<img src="/Uploads/Picture/2020-07-13/5f0c294001b58.jpg"/>
<p>姝ｇ疆鑽у厜鍗婂60mm鐗╅暅鐮斿彂鎴愬姛</p>
</a>
</div><div class="swiper-slide">
<a href="/article/detail/id/9.html">
<img src="/Uploads/Picture/2020-07-13/5f0c292fe4070.jpg"/>
<p>鍗婂閲戠浉鍏ㄧ郴鍒楁壒閲忕敓浜�</p>
</a>
</div>
</div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!--E -->
</div>
</div>
<!-- /涓讳綋 -->
<!-- 搴曢儴 -->
<footer class="footer">
<div class="footer_mobile">
<ul class="clearfix">
<li>
<a href="/about/about.html">鍏充簬鎴戜滑</a>
</li>
<li>
<a href="/product/product.html">浜у搧涓績</a>
</li>
<li>
<a href="/cases/cases.html">鍚堜綔妗堜緥</a>
</li>
<li>
<a href="/news/news.html">鏂伴椈涓績</a>
</li>
</ul>
<p>鐢佃瘽锛�15895861883</p>
<p>鍦板潃锛氬畨寰芥粊宸炲競鐞呯悐鍖鸿姳鍥笢璺�555鍙风數瀛愬晢鍔′骇涓氬洯12鍙锋ゼ</p>
<p>閭锛歯jxygx@163.com</p>
</div>
<div class="container clearfix">
<!-- 瀵艰埅-->
<div class="float_l footer_nav">
<ul class="foot-nav-list clearfix">
<li class="nav-item nav-hide">
<span class="footer_title transition">鍏充簬鎴戜滑</span>
<dl>
<dd><a href="/about/about1.html" class="transition">鍏徃绠€浠�</a></dd><dd><a href="/about/about2.html" class="transition">璁惧灞曠ず</a></dd><dd><a href="/about/about3.html" class="transition">鑽ｈ獕璧勮川</a></dd> </dl>
</li>
<li class="nav-item nav-hide">
<span class="footer_title transition">浜у搧涓績</span>
<dl>
<dd><a href="/product/pro1.html" class="transition">鐗╅暅</a></dd><dd><a href="/product/pro2.html" class="transition">鐗╅暅杞洏锛屽伐浣滃钩鍙�</a></dd><dd><a href="/product/pro3.html" class="transition">闈炴爣闀滃ご瀹氬埗</a></dd><dd><a href="/product/pro4.html" class="transition">鍏夊闀滅墖</a></dd> </dl>
</li>
<li class="nav-item nav-hide">
<span class="footer_title transition">鍚堜綔妗堜緥</span>
<dl>
<dd><a href="/cases/cases.html" classs="transition">鍚堜綔妗堜緥</a></dd>
</dl>
</li>
<li class="nav-item nav-hide">
<span class="footer_title transition">鏂伴椈涓績</span>
<dl>
<dd><a href="/news/news1.html" class="transition">鍏徃鏂伴椈</a></dd><dd><a href="/news/news2.html" class="transition">琛屼笟鍔ㄦ€�</a></dd> </dl>
</li>
<li class="nav-item nav-hide">
<span class="footer_title transition">鑱旂郴鎴戜滑</span>
<dl>
<dd><span class="transition">15895861883</span></dd>
<dd><span class="transition">瀹夊窘婊佸窞甯傜悈鐞婂尯鑺卞洯涓滆矾555鍙风數瀛愬晢鍔′骇涓氬洯12鍙锋ゼ</span></dd>
<dd><span class="transition">njxygx@163.com</span></dd>
</dl>
</li>
</ul>
</div>
<!-- 鍏虫敞鎴戜滑 -->
<div class="nav-item footer_code">
<div class="full-img">
<img src="img/code.jpg" title="鎵竴鎵姞鍏虫敞">
</div>
<p class="footer_title transition">鎵竴鎵姞鍏虫敞</p>
</div>
</div>
<div class="container foot-msg">
coyright @ 婊佸窞閼笟鍏夌數绉戞妧鏈夐檺鍏徃 <a href="http://www.beian.miit.gov.cn" target="_blank"><a href="http://beian.miit.gov.cn">鑻廔CP澶�20041134鍙�</a></a>
</div>
</footer>
</div>
<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>
<script>
// 杞挱1
var swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
clickable: true,
},
autoplay: {
delay: 3000,
}
});
// 杞挱2
if(window.innerWidth > 300 && window.innerWidth < 700){
var swiper2 = new Swiper('.swiper-container2', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
}else if(window.innerWidth > 700){
var swiper3 = new Swiper('.swiper-container2', {
slidesPerView: 3,
spaceBetween: 0,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
}
// 瑙嗛
$('.vider_play').click(function() {
if ($(this).parents('.video-img').siblings('video')[0].paused) {
$(this).parents('.video-img').siblings('video')[0].play();
$(this).parents('.video-img').hide();
} else {
$(this).parents('.video-img').siblings('video')[0].pause();
$(this).parents('.video-img').show();
}
})
$('.video-box video').click(function(){
$(this)[0].pause();
$(this).siblings('.video-img').show();
})
</script>
<!-- /搴曢儴 -->
</body>
</html>