<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
       <!--inc/index_title  start-->
<title>佛山沁园春陶瓷官网</title>
<meta name="keywords" content="沁园春陶瓷,现代仿古砖,大板瓷砖,通体大理石,瓷抛砖,真瓷抛,通体大理石大板,金刚石,抛光砖,中板,小岩板,小岩板开创者" />
<meta name="description" content="沁园春陶瓷一线品牌，沁园春陶瓷专注小岩板、现代仿古砖、大板瓷砖、通体大理石、瓷抛砖等全品类瓷砖产品。历年荣获“陶瓷十强企业”、“工程推荐品牌”、“抛光砖十大品牌”等多项荣誉。" />
<link rel="icon" href="images/favicon.ico" mce_href="images/favicon.ico" type="image/x-icon"/>	 

<!--inc/ index_title end-->

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <!--  <link rel="stylesheet" href="css/smoothbox.css"> -->
    <link rel="stylesheet" href="css/idangerous.swiper.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/style.css" />
    <link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />

    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.mmenu.all.min.js"></script> 
    <script src="js/idangerous.swiper.min.js"></script>  
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>  
     <script src="js/owl.carousel.min.js"></script> 
    <!-- <script type="text/javascript" src="js/smoothbox.jquery2.min.js"></script> -->

<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/respond.js"></script>
<![endif]-->

</head>
<script>
	$(function(){
		$('img').removeAttr('alt');
		$('img').removeAttr('title');
	})
</script>
<body>


   <!--===header===-->

<!--inc/top start-->

  <!-- 侧边栏 -->
  
  <!-- 侧边栏 -->
<div class="menu-wrap" style="display:none;">
<nav  id="menu">
<ul >
  <li  ><a href="index.php">首页</a></li>
              <li  ><a href="page.php?sort1=1&sort2=5">简介 </a></li>
            <li  ><a href="products.php">产品 </a></li>
            <li  ><a href="page.php?sort1=2">案例</a></li>
            <li  ><a href="news.php?sort1=1">新闻</a></li>
            <li  ><a href="page.php?sort1=3">加盟</a></li>
  
            
</ul>
</nav>
</div>
  
<div id="page">

<div class="har">
  
</div>

<div class="header">
<div class="main-box">
   <a href="index.php"><img class="logo" src="images/logo.png" alt=""></a>
   
   <div class="nav dn">
         
            <li ><a href="index.php">首页</a></li>
			<li ><a href="page.php?sort1=1">介绍</a></li>			
            <li ><a href="products.php">产品</a></li>
            <li ><a href="page.php?sort1=2">案例</a></li>
            <li ><a href="news.php?sort1=1">新闻</a></li>
            <li ><a href="page.php?sort1=3">加盟</a></li>
         
            
            
       
</div>


   <div class="sidebar-ico"> 
    <a href="#menu" >
    <span class="side-line"></span>
    <span class="side-line"></span>
    <span class="side-line"></span>
    </a> 
  </div>

     <div class="header-r dn">
     <span class="top-ewm dn">
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/weixin.png"   alt=""><a href="">微信</a><em class="dn"><img src="images/ewm.jpg"  alt=""></em>
 
     </span>  
   
     <span class="dn">|<a href="">中文</a>|<a href="./en/index.php">English</a>|</span>
      
    <span class="top-search1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/top-search.png"   alt="">

      <div class="wrap-search">
     <form class="top-search" action="products.php" method="post">
     <input  class="search-btn"  type="submit">
       <input class="search-text" placeholder="搜索" name="keyword" type="text">
     </form>
</div>

     </span>

 
   </div>

      
        </div>
  </div> 
  
  
   

 
 

 <!--inc/top end-->

<!--===header end===-->


<div class="banner">
       <div class="swiper-container">
      <div class="swiper-wrapper">
                <div class="swiper-slide"><img src=".//db_picture/pro6/202311201025562340.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/202311201025462260.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/202308151049154380.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/202308151039035250.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/202308251632432310.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/202308151005099020.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/202308151056091750.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/202308141827236030.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/202308141808529970.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/201911231510418850.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/201911231510514300.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/201911231511076350.jpg"></div>
                <div class="swiper-slide"><img src=".//db_picture/pro6/201911231511135970.jpg"></div>
              
      </div>
       <div class="pagination"></div>
    </div>

  </div>
 


<div class="index-products phone-mar">
  <div class="main-box">
           <div class="indexs-common-tit phone-mar p10">
          <p>产品中心 <span>PRODUCT CENTER</span></p>
      </div>
  
      <div class="hd">
        <ul>
                    <li  class="on"><a href="products.php?sort1=54">7515岩界(岩板)</a></li>
                |   <li ><a href="products.php?sort1=55">7515磨岩(通体)</a></li>
                |   <li ><a href="products.php?sort1=66">7515国潮岩素</a></li>
                |   <li ><a href="products.php?sort1=63">7515国潮青花天鹅绒</a></li>
                |   <li ><a href="products.php?sort1=51">6012岩界(岩板)</a></li>
                |   <li ><a href="products.php?sort1=65">6012无界(超白原石)</a></li>
                |   <li ><a href="products.php?sort1=67">6012国潮岩素</a></li>
                |   <li ><a href="products.php?sort1=46">6012大石代(通体)</a></li>
                |   <li ><a href="products.php?sort1=57">600x600</a></li>
                |   <li ><a href="products.php?sort1=26">800皇家石材(通体)</a></li>
                |   <li ><a href="products.php?sort1=25">800国潮青花(天鹅绒)</a></li>
                |   <li ><a href="products.php?sort1=68">4080国潮岩素</a></li>
                |   <li ><a href="products.php?sort1=69">4080精工瓷板</a></li>
                |   <li ><a href="products.php?sort1=70">800无界（超白原石）</a></li>
                |   <li ><a href="products.php?sort1=72">4080无界（超白原石）</a></li>
                |   <li ><a href="products.php?sort1=73">7515无界（超白原石)</a></li>
                |   <li ><a href="products.php?sort1=74">7515无界·超白原石（复刻釉)</a></li>
                |   <li ><a href="products.php?sort1=75">1200大地龙脉</a></li>
                |   <li ><a href="products.php?sort1=76">1200方砖王</a></li>
                 </ul>
      </div>

   <div class="bd">
      
      
         <div class="index-one-pro clearfix">
               <div class="l">
                   <div class="l-pro">
                                         <div class="item"><a href="products.php?sort1=54">
                      <img src=".//db_picture/pro2/202104071154597990.jpg"  alt="7515岩界(岩板)">
                       <div class="mask">
                         7515岩界(岩板)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=55">
                      <img src=".//db_picture/pro2/202107281712068770.jpg"  alt="7515磨岩(通体)">
                       <div class="mask">
                         7515磨岩(通体)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=66">
                      <img src=""  alt="7515国潮岩素">
                       <div class="mask">
                         7515国潮岩素  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=63">
                      <img src=".//db_picture/pro2/202305131436108190.jpg"  alt="7515国潮青花天鹅绒">
                       <div class="mask">
                         7515国潮青花天鹅绒  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=51">
                      <img src=".//db_picture/pro2/202011200925147540.jpg"  alt="6012岩界(岩板)">
                       <div class="mask">
                         6012岩界(岩板)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=65">
                      <img src=".//db_picture/pro2/202311201027295770.jpg"  alt="6012无界(超白原石)">
                       <div class="mask">
                         6012无界(超白原石)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=67">
                      <img src=""  alt="6012国潮岩素">
                       <div class="mask">
                         6012国潮岩素  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=46">
                      <img src=".//db_picture/pro2/202008101153193290.jpg"  alt="6012大石代(通体)">
                       <div class="mask">
                         6012大石代(通体)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=57">
                      <img src=""  alt="600x600">
                       <div class="mask">
                         600x600  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=26">
                      <img src=".//db_picture/pro2/201911201031356000.jpg"  alt="800皇家石材(通体)">
                       <div class="mask">
                         800皇家石材(通体)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=25">
                      <img src=".//db_picture/pro2/201911201031423940.jpg"  alt="800国潮青花(天鹅绒)">
                       <div class="mask">
                         800国潮青花(天鹅绒)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=68">
                      <img src=""  alt="4080国潮岩素">
                       <div class="mask">
                         4080国潮岩素  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=69">
                      <img src=""  alt="4080精工瓷板">
                       <div class="mask">
                         4080精工瓷板  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=70">
                      <img src=".//db_picture/pro2/202406261111273080.jpg"  alt="800无界（超白原石）">
                       <div class="mask">
                         800无界（超白原石）  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=72">
                      <img src=".//db_picture/pro2/202406261110337800.jpg"  alt="4080无界（超白原石）">
                       <div class="mask">
                         4080无界（超白原石）  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=73">
                      <img src=".//db_picture/pro2/202406261138028580.jpg"  alt="7515无界（超白原石)">
                       <div class="mask">
                         7515无界（超白原石)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=74">
                      <img src=""  alt="7515无界·超白原石（复刻釉)">
                       <div class="mask">
                         7515无界·超白原石（复刻釉)  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=75">
                      <img src=".//db_picture/pro2/202406261729362770.jpg"  alt="1200大地龙脉">
                       <div class="mask">
                         1200大地龙脉  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                             <div class="item"><a href="products.php?sort1=76">
                      <img src=".//db_picture/pro2/202406271735541030.jpg"  alt="1200方砖王">
                       <div class="mask">
                         1200方砖王  <span>查看系列产品</span>
                       </div>
                      </a></div>
                                          </div></div>
               </div> 

              
     
   </div>
 


          <!--      <div class="r">
                  <div class="r-pro">
                     <dl class="clearfix">
                       <dd class="firstdd">
                           <img src="images/pro-ico.png"   alt="">
                           <p>大理石系列 <span>Marble series</span></p>
                       </dd>

                        <dd class="extradd"><a href="">
                            <img src="images/pro1.jpg"   alt="">
                            <div class="mask">
                              <p>金刚厚微晶系列</p>
                              <div class="line"></div>
                               <span>查看系列产品+</span>
                            </div>

                            </a>
                       </dd>

                        <dd class="extradd"><a href="">
                            <img src="images/pro1.jpg"   alt="">
                            <div class="mask">
                              <p>金刚厚微晶系列</p>
                              <div class="line"></div>
                               <span>查看系列产品+</span>
                            </div>

                            </a>
                       </dd>

                        <dd class="extradd"><a href="">
                            <img src="images/pro1.jpg"   alt="">
                            <div class="mask">
                              <p>金刚厚微晶系列</p>
                              <div class="line"></div>
                               <span>查看系列产品+</span>
                            </div>

                            </a>
                       </dd>
                     </dl>
                  </div>
 
                </div>
 -->

            
          
  </div>
</div>


<div class="index-case phone-mar ha">
  <div class="main-box">
        <div style=" " class="index-common-tit phone-mar p10">
          <p>PROJECT CASE<span><em>应用案例</em></span></p>
          <div class="line"></div>
      </div> 
             
      <div class="index-case-list">
        <ul class="clearfix">
          <li class="index-one-case pink"><a href="page.php?sort1=2">
             <div class="case-l">
             <img src=".//db_picture/pro1/201707270923294890.jpg" alt="酒店宾馆">
             <span class="r-sanjiao"></span>
             </div>

             <div class="case-r ">
                  <div class="con ">
                    <p>酒店宾馆<span>Hotel</span></p>
                    <em></em>
                  </div>
              </div>
            
          </a></li>

          <li class="index-one-case green"><a href="page.php?sort1=2">
             <div class="case-l">
             <img src=".//db_picture/pro1/201707270924368520.jpg" alt="高档住宅">
             <span class="r-sanjiao"></span>
             </div>

             <div class="case-r">
                  <div class="con">
                    <p>高档住宅<span>Luxury Residential</span></p>
                    <em>MORE</em>
                  </div>
              </div>
            
          </a></li>

          <li class="index-one-case yellow"><a href="page.php?sort1=2">
            

             <div class="case-r">
                  <div class="con">
                      <p>写字楼/学校<span>Office / School</span></p>
                    <em>MORE</em>
                  </div>
              </div>

               <div class="case-l">
             <img src=".//db_picture/pro1/201707270925002910.jpg" alt="写字楼/学校">
             <span class="l-sanjiao"></span>
             </div>
            
          </a></li>

          <li class="index-one-case orange"><a href="page.php?sort1=2">
            

             <div class="case-r">
                  <div class="con">
                     <p>事业单位<span>Institutions</span></p>
                    <em>MORE</em>
                  </div>
              </div>

               <div class="case-l">
             <img src=".//db_picture/pro1/201707270924096900.jpg" alt="事业单位">
             <span class="l-sanjiao"></span>
             </div>
            
          </a></li>
        </ul>
      </div>

  </div>
</div>
 
<div class="index-about ha">
  <div class="main-box">
 
        <p class="text">大自然用千百年的时间孕育出质坚细密、花纹美观、色彩绚丽多变的天然大理石，弥足珍贵。大理石运用古希腊、古</p><p class="text">罗马的建筑元素进行了大量的创新，是建筑和制作工艺品的天然石材，是皇权的象征——古希腊诸神的宫殿；是大自然母</p><p class="text">亲留给我们的美好礼物——世界闻名的泰姬陵、米兰大教堂。</p>      <a href="page.php?sort1=1" class="about-more">关于我们</a>
  </div>
</div>


<div class="index-news">
   <div style=" " class="index-common-tit phone-mar p10">
          <p >NEWS<span style="background: url(images/index-bg.jpg);"><em >新闻资讯</em></span></p>
          <div class="line"></div>
      </div> 

         <div class="main-box">
      <div class="index_news_con clearfix">
           <div class="news_li">
      <div class="pic"><a href="news_view.php?id=109"  ><img  src='.//db_picture/pro3/202304011057294620.jpg' alt='荣耀时刻·载誉前行——瑞阳陶...'  /></a></div>
      <div class="r_con">
        <div class="title"><a href="news_view.php?id=109"  title='荣耀时刻·载誉前行——瑞阳陶...'>荣耀时刻·载誉前行——瑞阳陶...  </a></div>
        <div class="date">2023-03-09</div>
        <div class="jianshu">近日，以“新征程·新使命·新作为”为主题的2022年度中国建材企业发展论坛在海南省海口市胜利召开并圆满落幕...</div>
      </div>
      
    </div>
    <div class="news_li">
      <div class="pic"><a href="news_view.php?id=107"  ><img  src='.//db_picture/pro3/202304011047464780.jpg' alt='“卯”定开门红·狂飙2023—— 沁...'  /></a></div>
      <div class="r_con">
        <div class="title"><a href="news_view.php?id=107"  title='“卯”定开门红·狂飙2023—— 沁...'>“卯”定开门红·狂飙2023—— 沁...  </a></div>
        <div class="date">2023-03-01</div>
        <div class="jianshu">勉之期不止，多获由力耘。2月，在全体沁园春营销人员的共同努力下，以“开局即决战，起步即冲刺”的决心和...</div>
      </div>
      
    </div>
    <div class="news_li">
      <div class="pic"><a href="news_view.php?id=106"  ><img  src='.//db_picture/pro3/202304010942228750.jpg' alt='实力加冕 荣膺双誉——沁园春陶...'  /></a></div>
      <div class="r_con">
        <div class="title"><a href="news_view.php?id=106"  title='实力加冕 荣膺双誉——沁园春陶...'>实力加冕 荣膺双誉——沁园春陶...  </a></div>
        <div class="date">2023-02-19</div>
        <div class="jianshu">2月18日，由中国建筑卫生陶瓷协会、中国贸促会建材分会、《陶瓷信息》主办的第十二届全国陶瓷人大会暨2022...</div>
      </div>
      
    </div>
    <div class="news_li">
      <div class="pic"><a href="news_view.php?id=87"  ><img  src='.//db_picture/pro3/202211091001322800.jpg' alt='厉兵秣马 聚力赢战第四季度—沁...'  /></a></div>
      <div class="r_con">
        <div class="title"><a href="news_view.php?id=87"  title='厉兵秣马 聚力赢战第四季度—沁...'>厉兵秣马 聚力赢战第四季度—沁...  </a></div>
        <div class="date">2022-09-30</div>
        <div class="jianshu">一分耕耘，一分收获。金九银十，本是建陶行业传统的旺季，但受到“成本高山、市场冰山”等多种复杂形势的影...</div>
      </div>
      
    </div>
    
    
  </div>

  </div>
</div>



<!--inc/foot.php start-->

<div class="last_dh dn">
<div class="main-box">
  <div class="list">
    <div class="bt">关于我们 </div>
    <ul>
                                   <li><a href="page.php?sort1=1&sort2=5">品牌溯源</a></li>
                                                        <li><a href="page.php?sort1=1&sort2=18">品牌文化</a></li>
                                                        <li><a href="page.php?sort1=1&sort2=7">企业荣誉</a></li>
                                </ul>
  </div>

   <div class="list">
    <div class="bt">产品中心 </div>
    <ul>
                                  <li><a href="products.php?sort1=54">7515岩界(岩板)</a></li>
                                                        <li><a href="products.php?sort1=55">7515磨岩(通体)</a></li>
                                                        <li><a href="products.php?sort1=66">7515国潮岩素</a></li>
                                                        <li><a href="products.php?sort1=63">7515国潮青花天鹅绒</a></li>
                                                        <li><a href="products.php?sort1=51">6012岩界(岩板)</a></li>
                                                        <li><a href="products.php?sort1=65">6012无界(超白原石)</a></li>
                                                        <li><a href="products.php?sort1=67">6012国潮岩素</a></li>
                                                        <li><a href="products.php?sort1=46">6012大石代(通体)</a></li>
                                                        <li><a href="products.php?sort1=57">600x600</a></li>
                                                        <li><a href="products.php?sort1=26">800皇家石材(通体)</a></li>
                                                        <li><a href="products.php?sort1=25">800国潮青花(天鹅绒)</a></li>
                                                        <li><a href="products.php?sort1=68">4080国潮岩素</a></li>
                                                        <li><a href="products.php?sort1=69">4080精工瓷板</a></li>
                                                        <li><a href="products.php?sort1=70">800无界（超白原石）</a></li>
                                                        <li><a href="products.php?sort1=72">4080无界（超白原石）</a></li>
                                                        <li><a href="products.php?sort1=73">7515无界（超白原石)</a></li>
                                                        <li><a href="products.php?sort1=74">7515无界·超白原石（复刻釉)</a></li>
                                                        <li><a href="products.php?sort1=75">1200大地龙脉</a></li>
                                                        <li><a href="products.php?sort1=76">1200方砖王</a></li>
                                </ul>
  </div>

   <div class="list">
    <div class="bt">新闻中心 </div>
    <ul>
                                    <li><a href="news.php?sort1=1">品牌资讯</a></li>
                                                        <li><a href="news.php?sort1=2">行业动态</a></li>
                                </ul>
  </div>

   <div class="list">
    <div class="bt">案例中心 </div>
    <ul>
                                  <li><a href="page.php?sort1=2&sort2=9">事业单位</a></li>
                                                        <li><a href="page.php?sort1=2&sort2=11">写字楼/学校</a></li>
                                                        <li><a href="page.php?sort1=2&sort2=10">高档住宅</a></li>
                                                        <li><a href="page.php?sort1=2&sort2=8">酒店宾馆</a></li>
                                </ul>
  </div>
 
 

  <div class="last_contact">
    <div class="bt">服务热线 </div>
    <div class="tel"><!---->0757-83551275</div>
        <div style="width:190px;"><img src="images/ewm-big.jpg"  /><div style="text-align:center; margin-top:5px;">扫一扫，关注我们</div></div>
  </div>  
 
</div>
</div>

 
<div class="last_menu p10">
<div class="main-box">
  <div class="last_menu_l"><p>友情链接：
  
    
  <br>   </p>
 
<div>版权所有© 佛山市国韵陶瓷有限公司 技术支持：<a href="http://www.wantsun.net" target="_blank">网盛科技</a></div>
<a  href="https://beian.miit.gov.cn/" target="_blank">粤ICP备 20001928号 </a> </div>
<!--<iframe src="http://wljg.gdgs.gov.cn/lz.ashx?vie=41BEF320E537FBF5BCFF028CECF113DCE5AEFADD07A630DAAEBB4750616C5B27BE65DDA674C578D6C75530F603D87F82" scrolling="no" style="overflow:hidden;width: 120px;height: 40px;padding-left:20px;" frameborder="0" allowtransparency="true"></iframe>-->

<!--<div class="last_menu_r"><a href="page.php?sort1=4">联系我们</a>|<a href="page.php?sort1=1">关于我们</a>|<a href="page.php?sort1=3">加入我们</a>|<a href="products.php">产品中心</a></div>-->
 
</div>
</div>


</div>

 
 
<script src="stat/stat.php?type=para&u=&d=7-1-cn" type="text/javascript"></script>



<!--inc/ foot.php end-->


<script src="js/main.js"></script>  
 <script>
 var mySwiper = new Swiper('.banner .swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true,
    calculateHeight:true,
    resizeReInit:true,
    autoplay:3000,
    speed:1000,
  })
 
    $('.l-pro').owlCarousel({
      loop:false,
      touchDrag:true,
      items:1,
      nav:true,
      dots:"true",
      
      
  })
  
 var owl = $('.l-pro');
  owl.on('changed.owl.carousel', function(event) {
   var index= event.item.index;
 
     $(".index-products .hd li").eq(index).addClass("on").siblings().removeClass("on");
})
 


  </script>

   <script>
 window.onload=function(){
 $(".index-products .hd li").mouseover(function(){
 $(this).addClass("on").siblings().removeClass("on"); //切换选中的按钮高亮状态

 var index=$(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的

 $(".index-one-pro .owl-dot").eq(index).click(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
 });
 }
 </script>   

 <style>
 .index-products .hd li.on{color: #bc282f}
 </style>
</body>

</html>