<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="浙江欧雅纳特木业有限公司" />
<meta name="description" content="浙江欧雅纳特木业有限公司" />
<title>浙江欧雅纳特木业有限公司</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?1.0">
<link rel="stylesheet" type="text/css" href="http://www.oynt.com/theme/default/static/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://www.oynt.com/theme/default/static/css/swiper-3.4.2.min.css">
<link rel="stylesheet" type="text/css" href="http://www.oynt.com/theme/default/static/css/jquery.mmenu.css">
<link rel="stylesheet" type="text/css" href="http://www.oynt.com/theme/default/static/css/iconfont.css">
<link rel="stylesheet" type="text/css" href="http://www.oynt.com/theme/default/static/css/animate.css">
<link rel="stylesheet" type="text/css" href="http://www.oynt.com/theme/default/static/css/style.css">
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_2142099_1wzsprfvpdp.css">	
<link rel="stylesheet" href="http://www.oynt.com/theme/default/static/css/share.min.css">
<link rel="stylesheet" href="http://www.oynt.com/theme/default/static/css/sbanner.css">
<!-- footer --> 
<script src="http://www.oynt.com/theme/default/static/js/jquery-1.12.4.min.js"></script> 
<script src="http://www.oynt.com/theme/default/static/js/jquery.imagezoom.min.js"></script> 
<script src="http://www.oynt.com/theme/default/static/js2/jquery.num.js"></script>  	
<!-- footer end --> 	
</head>
<body>
<div class="guide fixed"> 
  <!-- header --> 
  

<script type="text/javascript">
    $(document).ready(function() { 
    //任何需要执行的js特效
	var Y = $('#navabout').offset().left;
	var Z = $('#navpro').offset().left;	
	$('.s1').css("padding-left",Y+40)
    $('.s2').css("padding-left",Z+40)
});
</script>
	

<!-- 导航条 -->
<div class="head" id="hd">
  <div class="navbox"> 
	 <!-- 主菜单 -->
	 <div class="nav headrg">
		<a href="/index.html" class="pull-left logo"><img src="http://www.oynt.com/theme/default/static/picture/logo.png"></a> 
		<ul class="nav_pc pull-right">
		   <li><a class="f_a"  href="/index.html">首页<span>HOME</span></a></li>
		   <li><a class="f_a" href="/about.html" id="navabout">公司<span>COMPANY</span></a>
			<div class="s_navbox">
				 <div class="s_a s1" >
					<a href="/about.html">公司介绍</a>
					<a href="/sheyue.html">关于奢悦</a>
					<a href="/oynt.html">关于欧雅纳特</a> 
					<!--a href="/boxiao.html">关于珀晓</a--> 
				 </div>
			  </div>
			
		   </li>
		   <li><a class="f_a" href="/product/" id="navpro">产品<span>PRODUCTS</span></a>
			  <div class="s_navbox">
				 <div class="s_a s2">
					<a href="/product/">奢悦·SEEYUE</a>
					<a href="/case/">欧雅纳特·OCTAVIA</a> 
				 </div>
			  </div>
		   </li>
		   <li><a class="f_a" href="/news/">资讯<span>NEWS</span></a></li>
		   <li><a class="f_a" href="/store/">城市<span>CITY</span></a></li>
		   <li><a class="f_a" href="/service/">案例<span>CASE</span></a></li>
		   <li><a class="f_a" href="#">CRM<span>CAM SYSTEM</span></a></li>
		   <li><a class="f_a" href="/wzdh.html">应用导航<span>SYSTEM</span></a></li>
		</ul>
	 </div>
  </div>
</div>

<!-- 手机端导航--开始 -->
<div class="m_img">
  <div class="headlf">
	 <a href="/index.html"><img class="m_logo" src="http://www.oynt.com/theme/default/static/picture/logo.png" /></a>
  </div>
  <div class="headrg">
	 <a href="javascript:;" class="a_js"> <img class="m_menuimg" src="http://www.oynt.com/theme/default/static/picture1/m_menuimg.png" /></a>
  </div>
</div>
<div class="m_nav">
  <div class="closecover a_closed"></div>
  <div class="closeicon">
	 <a href="javascript:;" class="a_closed"> <img src="http://www.oynt.com/theme/default/static/picture1/close.png" width="22" /></a>
  </div>
  <div class="m_navList">
	 <ul>
		<li>
		   <div class="m_f_a">
			  <a href="/index.html">首页</a>
			  <i></i>
		   </div>
		</li>
		<li> 
		   <div class="m_f_a"><a href="JavaScript::">我们</a><i></i></div>
		   <div class="m_s_nav">
           	  <a href="/about.html">公司介绍</a>
			  <a href="/sheyue.html">奢悦品牌</a>
			  <a href="/oynt.html">欧雅纳特品牌</a>
              <a href="/boxiao.html">关于珀晓</a> 
			  <a href="/contact.html">联系我们</a>  
		   </div>
		</li>
		<li> 
		   <div class="m_f_a">
			  <a href="/product/">产品</a>
			  <i></i>
		   </div>
		   <div class="m_s_nav">
			  <a href="/product/">奢悦系列</a>
			  <a href="/case/">欧雅纳特系列</a>
		   </div>
		</li>
		<li>
		   <div class="m_f_a">
			  <a href="/news/">资讯</a>
			  <i></i>
		   </div>
		</li>
		<li> 
		   <div class="m_f_a">
			  <a href="/store/">城市</a>
			  <i></i>
		   </div>
		</li>
		<li> 
		   <div class="m_f_a">
			  <a href="/service/">案例</a>
			  <i></i>
		   </div>
		   <div class="m_s_nav">
			  <a href="/service/">案例检索</a>
			  <a href="/onepic/">展厅VR</a>
		   </div>	
		</li> 
		<li> 
		   <div class="m_f_a">
			  <a href="news.html">CRM</a>
			  <i></i>
		   </div>
		</li>
				<li> 
		   <div class="m_f_a">
			  <a href="/wzdh.html">应用导航</a>
			  <i></i>
		   </div>
		</li>
	 </ul>
  </div>
</div>
<!-- 手机端导航--结束 -->
<br style="clear: both;height: 0; font-size: 0;"> 
  <!-- header end -->
  <!-- banner --> 
  <div class="swiper-container swiper-guide">
    <div class="swiper-wrapper">
	  <div class="swiper-slide"><img src="http://www.oynt.com/data/slide/20220829biqwac.jpg" /></div>
  <div class="swiper-slide"><img src="http://www.oynt.com/data/slide/20210123dwyzbk.jpg" /></div>
  <div class="swiper-slide"><img src="http://www.oynt.com/data/slide/20210206xnmsgu.jpg" /></div>
  <div class="swiper-slide"><img src="http://www.oynt.com/data/slide/20210123ezosic.jpg" /></div>
  <div class="swiper-slide"><img src="http://www.oynt.com/data/slide/20210206ndwqzy.jpg" /></div>
       </div>
    <div class="swiper-pagination hidden-xs"></div>
  </div>
  
  <!-- banner end -->	
</div>
<!-- main -->
<div class="main" style="padding-bottom: 0; background: url('http://www.oynt.com/theme/default/static/images/tc.jpg') top center no-repeat; margin-top: 3%"> 
  <!-- 品牌故事 -->
  <div class="brand-story-index">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
         
          <div class="main" style="padding-bottom:0"> 
            <div class="container brand_adv">
               
                <div class="row">
                  <div class="product-num-box">
            <div class="product-num-content">
                <div class="product-num-head">
                    <div class="product-num-item">
                        <span class="timer product-num-nub count-title" id="count-number" data-to="14" data-speed="54">14</span>
                        <span class="product-num-inf">万平生产基地</span>
                    </div>
                    <div class="product-num-item">
                        <span class="timer product-num-nub count-title" id="count-number" data-to="100" data-speed="100">100</span>
                        <span class="product-num-inf">多项材质检查</span>
                    </div>
                    <div class="product-num-item">
                        <span class="timer product-num-nub count-title" id="count-number" data-to="30" data-speed="50">30</span>
                        <span class="product-num-inf">余个国家甄选高端原料</span>
                    </div>
					 <div class="product-num-item">
                        <span class="timer product-num-nub count-title" id="count-number" data-to="10" data-speed="50">10</span>
                        <span class="product-num-inf">余项政策扶持</span>
                    </div>
                </div>
              
            </div>
        </div>
					
				
					
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <!-- 展示效果 -->
  
<div class="dingzhi">
	<div class="wrap">
    	<div class="container">
        	<div class="title-first1">
            	<h3><span style="font-size:30px; font-weight:normal; color:#6a6a6a;">高端定制</span>ADVANCED CUSTOMIZATION</h3>
            </div>
            <div class="index_main2_xk">
            	<ul>
                                	<li class="on"><a href="javascript:;">客厅</a></li>
                                	<li><a href="javascript:;">厨房</a></li>
                                	<li><a href="javascript:;">茶室</a></li>
                                	<li><a href="javascript:;">男衣帽间</a></li>
                                	<li><a href="javascript:;">女衣帽间</a></li>
                                </ul>
            </div>
        </div>
    </div>
    <div class="maincon">
            <div class="in_main2_main  on"><a href="#"><img src="http://www.oynt.com/images/box/1_1599137515710985.jpg" alt=""></a></div>
            <div class="in_main2_main "><a href="#"><img src="http://www.oynt.com/images/box/2_1599137633748467.jpg" alt=""></a></div>
            <div class="in_main2_main "><a href="#"><img src="http://www.oynt.com/images/box/3_1599137770538132.jpg" alt=""></a></div>
            <div class="in_main2_main "><a href="#"><img src="http://www.oynt.com/images/box/4_1599137958625978.jpg" alt=""></a></div>
            <div class="in_main2_main "><a href="#"><img src="http://www.oynt.com/images/box/5_1599138115456241.jpg" alt=""></a></div>
     
    </div>
</div>

  <!-- 品牌资讯 -->
  <div class="list-news-card bg-white">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <div class="sy-title-first">
            <h3><span class="ss">奢悦之旅</span></h3>
          </div>
        </div>
      </div>
      <div class="row">
        <div class=" col-sm-7 col-lg-7"><img src="http://www.oynt.com/theme/default/static/images/conad.jpg" alt=""/> </div>
		 
		 <div class=" col-sm-5 col-lg-5">
          <div class="gzh">
		  <h2>关注我们</h2>
		  <p>了解我们的最新动态及产品相关信息</p>	  
		  <img src="http://www.oynt.com/theme/default/static/images/gzh.jpg" alt=""/> </div>
        </div>  
      </div>
      
    </div>
  </div>
  
</div>
<!-- main end --> 
<!-- footer --> 
<div class="footer-index">
            <div class="footer-top">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-2"><img src="http://www.oynt.com/theme/default/static/images/footer-logo.png" alt="logo"/> </div>
                        <div class="col-sm-1 hidden-xs"></div> 
                        <div class="col-sm-6">
                            <div class="title hidden-xs">联系方式</div>

							<div class="row">     
                                <div class="col-sm-8   hidden-xs">
                                    <p class="i1">华东(ADD)：浙江省台州市滨海工业园区海丰路736号</p>
                                </div>
                                <div class="col-sm-4   hidden-xs">
                                    <p class="i3">传真(Fax)：0576-82789983</p>
                                </div>
                                <div class="col-sm-8   hidden-xs">
                                    <p class="i1">华中(ADD)：湖北省黄梅县小池镇临港工业区临港中路666号<p>
                                </div>
                                <div class="col-sm-4   hidden-xs">
                                    <p class="i2">电话(Tel)：0576-82789983</p>
                                </div>

								<div class="col-sm-12 copyright" style="margin-top: 3%">
								2020-2021 oynt.com <a href="http://www.oynt.com" target="_blank">浙江欧雅纳特木业有限公司</a> 版权所有 <br>ICP证：<a href="http://beian.miit.gov.cn/" target="_blank">浙ICP备2021021902号</a> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <img src="http://www.oynt.com/theme/default/static/images/gongan.png">浙公网安备：<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33100202000283" target="_blank">33100202000283</a> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <a href='http://www.ceall.cc/' target='_blank'>Powered by Ceall</a>
								</div>
                            </div>
                        </div>
						<div class="col-sm-1"></div>
						<div class="col-sm-2">
						<div class="title   hidden-xs">贵宾服务热线</div>
						<p>工作时间：每天8：00 -17：00</p>	
						
						<p class="tel4">400 882 6999</p>	
							
						</div>
                    </div>
                </div>
            </div>
          
        </div>


<script src="http://www.oynt.com/theme/default/static/js/layer.js"></script> 
<script src="http://www.oynt.com/theme/default/static/js/bootstrap.min.js"></script> 
<script src="http://www.oynt.com/theme/default/static/js/swiper-3.4.2.jquery.min.js"></script> 
<script src="http://www.oynt.com/theme/default/static/js/jquery.mmenu.js"></script> 
<script src="http://www.oynt.com/theme/default/static/js/wow.min.js"></script> 
<script src="http://www.oynt.com/theme/default/static/js/script.js"></script> 
<script src="http://www.oynt.com/theme/default/static/js/jquery.superslide.2.1.js"></script>
<script src="http://www.oynt.com/theme/default/static/js/script1.js"></script>

<script type="text/javascript">
  //轮播
  jQuery(".slideBox").slide({
	 mainCell: ".bd ul",
	 effect: "leftLoop",
	 vis: "auto",
	 autoPlay: true,
	 trigger: "mouseover"
  });
</script>


<script>

var scrolltotop = {
    setting: {
        startline: 100, //起始行
        scrollto: 0, //滚动到指定位置
        scrollduration: 400, //滚动过渡时间
        fadeduration: [500, 100] //淡出淡现消失
    },
    controlHTML: '<img src="http://www.oynt.com/theme/default/images/gtop.png" style="width:45px; height:45px; border:0;" />', //返回顶部按钮
    controlattrs: {
        offsetx: 10,
        offsety: 10
    }, //返回按钮固定位置
    anchorkeyword: "#top",
    state: {
        isvisible: false,
        shouldvisible: false
    },
    scrollup: function () {
        if (!this.cssfixedsupport) {
            this.$control.css({
                opacity: 0
            });
        }
        var dest = isNaN(this.setting.scrollto) ? this.setting.scrollto : parseInt(this.setting.scrollto);
        if (typeof dest == "string" && jQuery("#" + dest).length == 1) {
            dest = jQuery("#" + dest).offset().top;
        } else {
            dest = 0;
        }

        this.$body.animate({
            scrollTop: dest
        }, this.setting.scrollduration);

    }, keepfixed: function () {

        var $window = jQuery(window);

        var controlx = $window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx;

        var controly = $window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety;

        this.$control.css({
            left: controlx + "px",
            top: controly + "px"
        });

    }, togglecontrol: function () {

        var scrolltop = jQuery(window).scrollTop();

        if (!this.cssfixedsupport) {

            this.keepfixed();

        }

        this.state.shouldvisible = (scrolltop >= this.setting.startline) ? true : false;

        if (this.state.shouldvisible && !this.state.isvisible) {

            this.$control.stop().animate({
                opacity: 1
            }, this.setting.fadeduration[0]);

            this.state.isvisible = true;

        } else {

            if (this.state.shouldvisible == false && this.state.isvisible) {

                this.$control.stop().animate({
                    opacity: 0
                }, this.setting.fadeduration[1]);

                this.state.isvisible = false;

            }

        }

    }, init: function () {

        jQuery(document).ready(function ($) {

            var mainobj = scrolltotop;

            var iebrws = document.all;

            mainobj.cssfixedsupport = !iebrws || iebrws && document.compatMode == "CSS1Compat" && window.XMLHttpRequest;

            mainobj.$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $("html") : $("body")) : $("html,body");

            mainobj.$control = $('<div id="topcontrol" >' + mainobj.controlHTML + "</div>").css({
                position: mainobj.cssfixedsupport ? "fixed" : "absolute",
                bottom: mainobj.controlattrs.offsety,
                right: mainobj.controlattrs.offsetx,
                opacity: 0,
                cursor: "pointer"
            }).attr({
                title: "返回顶部"
            }).click(function () {
                mainobj.scrollup();
                return false;
            }).appendTo("body");
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text() != "") {
                mainobj.$control.css({
                    width: mainobj.$control.width()
                });
            }
            mainobj.togglecontrol();

            $('a[href="' + mainobj.anchorkeyword + '"]').click(function () {
                mainobj.scrollup();
                return false;
            });

            $(window).bind("scroll resize", function (e) {
                mainobj.togglecontrol();
            });
			
			// pc导航
            $(window).scroll(function () {
                var _top = $(window).scrollTop();
                if (_top > 100) {
                    $('#hd').addClass('fixed');
                }
                else {
                    $('#hd').removeClass('fixed');
                }
            });
			

        });

    }

};

scrolltotop.init();
</script>
 
<!-- footer end --> 
<script src="http://www.oynt.com/theme/default/static/js/box.js"></script> 
 
<script type="text/javascript">
        $(function(){
            /*图片位置计算*/
            var imgCount = function () {
                $('.img-count').each(function (index, element) {
                    var imgH = $(this).height();
                    var imgW = $(this).width();
                    var $thisimg = $(this).find('img');
                    var img = new Image();
                    img.onload = function () {
                        if ($thisimg.data("img") === false) {
                            return '';
                        }
                        var imgWidth = img.width;
                        var imgHeight = img.height;
                        if ((imgWidth / imgHeight) < (imgW / imgH)) {
                            $thisimg.css({'height': (imgW / imgH) * ((imgHeight * 1.00) / imgWidth) * imgH, 'max-height': (imgW / imgH) * ((imgHeight * 1.00) / imgWidth) * imgH, 'top': -((imgW / imgH) * ((imgHeight * 1.00) / imgWidth) - 1) / 2 * imgH})
                        } else {
                            $thisimg.css({'width': (imgH / imgW) * ((imgWidth * 1.00) / imgHeight) * imgW, 'max-width': (imgH / imgW) * ((imgWidth * 1.00) / imgHeight) * imgW, 'left': -((imgH / imgW) * ((imgWidth * 1.00) / imgHeight) - 1) / 2 * imgW})     
                        }
                    }
                    img.src = $thisimg.attr("src");
                });
            }
            
            //滚动设置
            var swiper = new Swiper('#brand', {
                //effect : 'fade',
				slidesPerView: 1,
                direction : 'horizontal',
                loop: true,
                autoplay : 5000,
                grabCursor : true,
                paginationClickable :true,
                autoplayDisableOnInteraction : false,
				nextButton: '.brand-story-index .swiper-button-next',
                prevButton: '.brand-story-index .swiper-button-prev'
            });

            imgCount();
            $(window).resize(function () {
                imgCount();
            });
        });
        </script> 
<script>
            $(function(){
                $('.guide').removeClass('fixed');

             

                // 导引banner
                var swiperGuide = new Swiper ('.swiper-guide', {
                    // loop: true,
                    // effect : 'fade',
                    autoplay : 5000,
                    grabCursor : true,
                    paginationClickable :true,
                    autoplayDisableOnInteraction : false,
                    pagination: '.swiper-guide .swiper-pagination',
                    onSlideChangeEnd: function(swiper){
                        var index = swiper.activeIndex;
                        var indexText = index+1;
                        $('.swiper-guide-list-icon span').eq(index).addClass('active').siblings().removeClass('active');
                        if (indexText < 9) {
                            indexText = '0' + indexText.toString();
                        }
                        $('.swiper-guide-list-text').text(indexText);
                    }
                });

            
               

                // 品牌资讯
                var swiperProductIndex = new Swiper('.list-news-card .swiper-container', {
					//effect : 'fade',
                    autoplay: 5000,
                    grabCursor : true,
                    paginationClickable: true,
                    autoplayDisableOnInteraction: false,
                    slidesPerView: swiperView3M1,
                    slidesPerGroup: swiperGroup3M1,
                    spaceBetween: swiperProduct50,
                    pagination: '.list-news-card .swiper-pagination'
                });

                if (isphone) {
                    $('.header').show();
                    // 产品列表左侧轮播
                     var swiperProductWidth = 806,
                      swiperProductHeight = 930;
                     $('.product-index .thumbnail-group>div, .product-index .thumbnail-group .swiper-slide').height((windowWidth - 10) * swiperProductHeight / swiperProductWidth);
                }
                else {
                    //$('.guide').height(windowHeight);
                }
            });

            window.onload = function() {
                var guideHeight = $('.guide').height();
                console.log(guideHeight);
                // 页面滚动改变header样式
                $(window).scroll(function() {
                    var scrolls = $(this).scrollTop();
                    if (scrolls < (guideHeight - 60)) {
                        $('.header').addClass('header-guide')
                    }
                    else {
                        $('.header').removeClass('header-guide')
                    }
                });
            }
        </script> 

</body>
</html>