
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>陶瓷胶板_三合一陶瓷衬板 - 鹤壁市双联高新材料有限公司</title>
<meta name="generator" content="PHPMyWind CMS" />
<meta name="author" content="" />
<meta name="keywords" content="陶瓷胶板，三合一陶瓷衬板" />
<meta name="description" content="" />

    <link rel="stylesheet" href="./package/css/swiper.min.css">

    <!-- Bootstrap core CSS -->
    <link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">

    <link href="./package/css/animate.min.css" rel="stylesheet">


    
    <!-- Custom styles for this template -->
    <link href="navbar-top-fixed.css" rel="stylesheet">
  </head>
  <body style="padding-top: 0px">
  <div class="container" >
    <br>
         <img src="img/logo.png" style="padding-bottom: 10px;">
  </div>
  <nav class="navbar navbar-expand-md navbar-dark  " style="background-color: #0080cc;">
    <a class="navbar-brand" href="#"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse " id="navbarCollapse">
      <ul class="navbar-nav mr-auto container">
              
        
        <li class="nav-item active">
            <a class="nav-link" href="index.php">首页</a>

        </li>

                      
        
        <li class="nav-item active">
            <a class="nav-link" href="details.php?id=2&cid=2">关于我们</a>

        </li>

                      
                 <li class="nav-item dropdown active">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-expanded="false">
                产品中心              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown3">

                              <a class="dropdown-item" href="list.php?cid=3"> 合金系列</a>
                              <a class="dropdown-item" href="list.php?cid=3"> 耐磨陶瓷系列</a>
                              <a class="dropdown-item" href="list.php?cid=3"> 工程塑料系列</a>
                              <a class="dropdown-item" href="list.php?cid=3"> 压延微晶/铸石系列</a>
                              <a class="dropdown-item" href="list.php?cid=3"> 高强耐磨浇注料</a>
                              
               
              </div>
         </li>

                      
        
        <li class="nav-item active">
            <a class="nav-link" href="list.php?cid=4">设备展示</a>

        </li>

                      
        
        <li class="nav-item active">
            <a class="nav-link" href="list.php?cid=5">厂区环境</a>

        </li>

                      
        
        <li class="nav-item active">
            <a class="nav-link" href="list.php?cid=6">新闻资讯</a>

        </li>

                      
        
        <li class="nav-item active">
            <a class="nav-link" href="list.php?cid=7">视频中心</a>

        </li>

                      
        
        <li class="nav-item active">
            <a class="nav-link" href="list.php?cid=8">工程案例</a>

        </li>

                      
        
        <li class="nav-item active">
            <a class="nav-link" href="details.php?id=10&cid=10">联系我们</a>

        </li>

               
       

      

      </ul>

    </div>
  </nav>
    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img src="img/01(1).jpg" class="d-block w-100" alt="..."></div>
        <div class="carousel-item">
          <img src="img/02(1).jpg" class="d-block w-100" alt="..."></div>
        
      </div>
      <button class="carousel-control-prev" type="button" data-target="#carouselExampleControls" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-target="#carouselExampleControls" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </button>
    </div>


    <style type="text/css">
        .left {
          max-width: 20%;
        }

        .right{
          width: 75%;
        } 
        .goods {
        height: 12rem;
        }
        @media only screen and (max-width: 500px) {


          .left {
          max-width: 100%;
        }
        .right{
          width:90%;
          margin: auto;
        } 


      }


    </style>

 
    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      img{
        max-width: 100%
      }
      li  {list-style-type:none}
      .container{
        max-width: 1400px;
      }
      .title{
        padding: 3% 0px;
        width: 100%
      }
      .title img{
        width: 25%;
      }
    </style>
  <style>

    .swiper-container {
      width: 100%;
      height: auto;
      padding:0px 0 50px 0;
      margin-left: auto;
      margin-right: auto;
    
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      min-height: 200px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    transition-property:all;
    }
  #progressEffect{
    position: absolute;
      z-index: 10;
      top: 20px;
      left: 20px;
  }

  .goods img{
     cursor: pointer;
         transition: all 0.6s;
  }
   .goods img:hover{

           transform: scale(1.5);
  }
  </style>


     <div style="height: 60px;background: #F6F6F6;line-height: 60px;width:100%;overflow: hidden;">
       <div class="container" style="overflow: hidden;margin:0 auto;font-size: 14px;color:#888;">
          <span style="color:#FEAF29;font-size:18px;font-weight: 600">热门</span><span style="color:#000;font-size:18px;font-weight: 600">推荐：</span>耐磨防腐板材&nbsp;&nbsp;高强耐磨防腐浇注料&nbsp;&nbsp;高分子量聚乙烯衬板&nbsp;&nbsp;聚四氟乙烯板材

        </div>
    </div>
    <br>
    <main role="main" class="container">
        <br>
       <div style="width:100%;"><img src="img/cpzx-1.png" ></div>
          <br>
          <br>
       <div class="row">
         

         <div class="col " style="max-width: 20%;margin-right: 2%;">
           

           <div style="width: 100%; ">
             <img src="img/cpfl.png">

           </div>

          <div class="accordion" id="accordionExample" style="background-color:#288add ; padding: .5rem; color: #fff; text-align: center;">

                

                  <div style="text-align: center;border-bottom: 1px dashed #79b6ea;" >
                  
                    <span class="btn btn-block collapsed"  data-toggle="collapse" data-target="#collapseTwo26" aria-expanded="false" aria-controls="collapseTwo26"  style=" color: #fff;">
                    合金系列                    <span style="position: absolute; right: 1rem;"><svg t="1650442415239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7967" width="25" height="25"><path d="M723.617792 522.446848 461.110272 239.74912 339.95264 239.74912 602.46016 522.446848 339.95264 784.945152l121.157632 0L723.617792 522.446848z" p-id="7968" fill="#f5af2d"></path></svg>

                      </span>
                    </span>
                  
                </div>
                  
                   <div id="collapseTwo26" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" >

                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(27)">
                      堆焊合金耐磨衬板                      </div>
                    
                    </div>
                 
                 


                

                  <div style="text-align: center;border-bottom: 1px dashed #79b6ea;" >
                  
                    <span class="btn btn-block collapsed"  data-toggle="collapse" data-target="#collapseTwo16" aria-expanded="false" aria-controls="collapseTwo16"  style=" color: #fff;">
                    耐磨陶瓷系列                    <span style="position: absolute; right: 1rem;"><svg t="1650442415239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7967" width="25" height="25"><path d="M723.617792 522.446848 461.110272 239.74912 339.95264 239.74912 602.46016 522.446848 339.95264 784.945152l121.157632 0L723.617792 522.446848z" p-id="7968" fill="#f5af2d"></path></svg>

                      </span>
                    </span>
                  
                </div>
                  
                   <div id="collapseTwo16" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" >

                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(18)">
                      耐磨陶瓷/菱形滚筒包胶                      </div>
                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(17)">
                      氧化铝刚玉陶瓷                      </div>
                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(19)">
                      耐磨陶瓷复合衬板                      </div>
                    
                    </div>
                 
                 


                

                  <div style="text-align: center;border-bottom: 1px dashed #79b6ea;" >
                  
                    <span class="btn btn-block collapsed"  data-toggle="collapse" data-target="#collapseTwo20" aria-expanded="false" aria-controls="collapseTwo20"  style=" color: #fff;">
                    工程塑料系列                    <span style="position: absolute; right: 1rem;"><svg t="1650442415239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7967" width="25" height="25"><path d="M723.617792 522.446848 461.110272 239.74912 339.95264 239.74912 602.46016 522.446848 339.95264 784.945152l121.157632 0L723.617792 522.446848z" p-id="7968" fill="#f5af2d"></path></svg>

                      </span>
                    </span>
                  
                </div>
                  
                   <div id="collapseTwo20" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" >

                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(21)">
                      超高分子聚乙烯复合衬板                      </div>
                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(22)">
                      超高分子聚四氟乙烯复合衬板                      </div>
                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(23)">
                      工程塑料异形件                      </div>
                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(24)">
                      工程塑料托辊                      </div>
                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(25)">
                      含油尼龙衬板                      </div>
                    
                    </div>
                 
                 


                

                  <div style="text-align: center;border-bottom: 1px dashed #79b6ea;" >
                  
                    <span class="btn btn-block collapsed"  data-toggle="collapse" data-target="#collapseTwo28" aria-expanded="false" aria-controls="collapseTwo28"  style=" color: #fff;">
                    压延微晶/铸石系列                    <span style="position: absolute; right: 1rem;"><svg t="1650442415239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7967" width="25" height="25"><path d="M723.617792 522.446848 461.110272 239.74912 339.95264 239.74912 602.46016 522.446848 339.95264 784.945152l121.157632 0L723.617792 522.446848z" p-id="7968" fill="#f5af2d"></path></svg>

                      </span>
                    </span>
                  
                </div>
                  
                   <div id="collapseTwo28" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" >

                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(29)">
                      压延微晶板                       </div>
                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(30)">
                      铸石板                      </div>
                    
                    </div>
                 
                 


                

                  <div style="text-align: center;border-bottom: 1px dashed #79b6ea;" >
                  
                    <span class="btn btn-block collapsed"  data-toggle="collapse" data-target="#collapseTwo31" aria-expanded="false" aria-controls="collapseTwo31"  style=" color: #fff;">
                    高强耐磨浇注料                    <span style="position: absolute; right: 1rem;"><svg t="1650442415239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7967" width="25" height="25"><path d="M723.617792 522.446848 461.110272 239.74912 339.95264 239.74912 602.46016 522.446848 339.95264 784.945152l121.157632 0L723.617792 522.446848z" p-id="7968" fill="#f5af2d"></path></svg>

                      </span>
                    </span>
                  
                </div>
                  
                   <div id="collapseTwo31" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample" >

                                         <div  style="margin: .2rem 0;cursor: pointer" onclick="show(32)">
                      耐磨浇筑料                      </div>
                    
                    </div>
                 
                 


                 
                
             
            </div>

           <div style="width: 100%; ">
             <img src="img/more.png">

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

         <style type="text/css">

         .goods {
          display: none;
          min-height: 550px;

         }
         .goods span{
          height: 250px;
          display: block;
          overflow: hidden;
         }
         .goods27 {
          display: flex;
         }
         </style>
                     
              <div class="row  goods goods27" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=97&cid=27"> <img src="/uploads/1656491577双联.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=97&cid=27">堆焊合金耐磨衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=100&cid=27"> <img src="/uploads/165206691527.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=100&cid=27">堆焊合金耐磨衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=101&cid=27"> <img src="/uploads/165206698928.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=101&cid=27">堆焊合金耐磨衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=102&cid=27"> <img src="/uploads/165206702029.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=102&cid=27">堆焊合金耐磨衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=103&cid=27"> <img src="/uploads/165206704130.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=103&cid=27">堆焊合金耐磨衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=104&cid=27"> <img src="/uploads/165206712831.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=104&cid=27">堆焊合金耐磨衬板  </a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods18" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=3&cid=18"> <img src="/uploads/1649496518滚筒陶瓷包胶 (2).png" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=3&cid=18">陶瓷耐磨滚筒包胶</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=4&cid=18"> <img src="/uploads/1649496971滚筒包胶陶瓷.png" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=4&cid=18">陶瓷耐磨滚筒包胶</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=6&cid=18"> <img src="/uploads/165191509722.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=6&cid=18">陶瓷耐磨滚筒包胶</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=7&cid=18"> <img src="/uploads/1649497729微信图片_20210907105601.png" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=7&cid=18">菱形耐磨滚筒包胶</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=8&cid=18"> <img src="/uploads/165191434721.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=8&cid=18">菱形耐磨滚筒包胶</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=90&cid=18"> <img src="/uploads/1651026478QQ图片20220427102557.png" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=90&cid=18">陶瓷包胶胶板</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods17" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=79&cid=17"> <img src="/uploads/165655207455.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=79&cid=17">氧化铝刚玉陶瓷片</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods19" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=10&cid=19"> <img src="/uploads/1649498188陶瓷复合衬板1.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=10&cid=19">陶瓷复合衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=11&cid=19"> <img src="/uploads/1649498298正方形复合衬板.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=11&cid=19">正方形陶瓷复合衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=12&cid=19"> <img src="/uploads/1649498340圆形复合衬板.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=12&cid=19">圆形复合衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=76&cid=19"> <img src="/uploads/1649984655三合一复合衬板.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=76&cid=19">三合一复合衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=77&cid=19"> <img src="/uploads/1649984783抗冲击陶瓷包胶 (2).jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=77&cid=19">抗冲击陶瓷复合衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=93&cid=19"> <img src="/uploads/1651049444QQ图片20220427165029.png" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=93&cid=19">三合一复合衬板</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods21" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=96&cid=21"> <img src="/uploads/165188635512.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=96&cid=21">工程塑料耐磨衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=109&cid=21"> <img src="/uploads/165655334856.png" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=109&cid=21">工程塑料耐磨衬板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=110&cid=21"> <img src="/uploads/165655345957.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=110&cid=21">工程塑料耐磨衬板</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods22" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=78&cid=22"> <img src="/uploads/1655977066QQ图片20220623173732.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=78&cid=22">超高分子聚四氟乙烯衬板</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods23" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=82&cid=23"> <img src="/uploads/165105093613.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=82&cid=23">工程塑料异形件</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=105&cid=23"> <img src="/uploads/165208118941.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=105&cid=23">工程塑料异性件</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=106&cid=23"> <img src="/uploads/165208120942.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=106&cid=23">工程塑料异性件</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=107&cid=23"> <img src="/uploads/165208126043.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=107&cid=23">工程塑料异性件</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=108&cid=23"> <img src="/uploads/165208128545.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=108&cid=23">工程塑料异性件</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods24" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=83&cid=24"> <img src="/uploads/165105088312.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=83&cid=24">工程塑料托辊</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods25" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=99&cid=25"> <img src="/uploads/165206508322.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=99&cid=25">稀土含油尼龙</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods29" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=72&cid=29"> <img src="/uploads/1649928125压延微晶板.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=72&cid=29">压延微晶板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=73&cid=29"> <img src="/uploads/1649929814压延微晶板1.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=73&cid=29">压延微晶板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=74&cid=29"> <img src="/uploads/1649929847压延微晶板2.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=74&cid=29">压延微晶板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=75&cid=29"> <img src="/uploads/1649929872压延微晶板3.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=75&cid=29">压延微晶板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=80&cid=29"> <img src="/uploads/1650252502QQ图片20220418112739.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=80&cid=29">压延微晶板</a></p>
               </div>
                                      
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=81&cid=29"> <img src="/uploads/1650252642QQ图片20220418112747.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=81&cid=29">压延微晶版</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods30" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=84&cid=30"> <img src="/uploads/165105084511.jpg" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=84&cid=30">高温铸石板</a></p>
               </div>
                      </div>
         

                     
              <div class="row  goods goods32" style="width: 75%; float: right; text-align: center; ">
                                        
               <div class="col col-md-4 animate__backInRight animate__animated" >
                 <span style="height:12rem; overflow: hidden; ">
                  <a href="details.php?id=98&cid=32"> <img src="/uploads/165190607916.png" style="width:100%;"></a></span>
                 <p style="border-bottom: 1px dashed #b9b9b9; margin-bottom: 1rem; padding-bottom: 1rem"><a href="details.php?id=98&cid=32">高强耐磨浇筑料</a></p>
               </div>
                      </div>
         

                       
       
       </div>
       <style type="text/css">
       .pr p{

        padding: 8% 0;

       }
       .pr2 p{

        padding: 4% 2%;
        text-align: right;

       }
       .animate {
        display: none;
       }
       </style>
       <div class="row " style="background-image: url(img/bj.png);background-repeat:no-repeat; height: 60rem">
         <div class="col col-md-4 pr">

             <p class="animate__animated animate__backInLeft animate" style="margin-top: 30%;text-align: right; animation-delay:0.1s;"><img src="img/img1.png"></p>
             <p class="animate__animated animate__backInLeft animate" style="animation-delay:0.2s;"><img src="img/img2.png"></p>
             <p class="animate__animated animate__backInLeft animate" style="text-align: right;animation-delay:0.3s;"><img src="img/img3.png"></p>
         </div>
         <div class="col col-md-3"></div>
         <div class="col col-md-5 pr2"> 
         <p class="animate__animated animate__backInRight animate" style="margin-top: 25%;text-align: left;animation-delay:0.4s;"><img src="img/img4.png"></p>
           <p style="padding-right: 10% ;animation-delay:0.5s;" class="animate__animated animate__backInRight animate"><img src="img/img5.png"></p>

           <p style="animation-delay:0.6s;" class="animate__animated animate__backInRight animate"><img src="img/img6.png"></p>
           <p style="padding-right: 10%;animation-delay:0.7s;" class="animate__animated animate__backInRight animate"><img src="img/img7.png"></p>
           <p style="text-align: left;animation-delay:0.8s;" class="animate__animated animate__backInRight animate"><img src="img/img8.png"></p>

         </div>

       </div>


    </main>
    <main role="main" style="width: 100%; background-color: #f6f6f6;padding: 6% 0">
      

      <div class="container">
      <div class="row">
      <div class="col col-md-5"><img src="img/img9.png"></div>
      <div class="col col-md-1"></div>
      <div class="col col-md-6"><p><img src="img/gsjj-1.png"></p><p style="color: #737373">鹤壁市双联高新材料有限公司建设于1989年，于2022年迁入鹤壁市山城区装备产业制造园。<br />
公司的主要产品有耐磨陶瓷系列、堆焊合金系列、特种橡胶系列、工程塑料系列、压延微晶/铸石系列、高强耐磨浇筑料等矿用新型产品，为国家环保型产品企业。<br />
鹤壁市双联高新材料有限公司技术成熟、研发能力强，与国家合金研究院，化工研究院等多家科研机构交流合作，设计生产，施工经验丰富，检测手段齐全，安全性能佳，品牌美誉度高。<br />
自建厂以来，鹤壁市双联高新材料有限公司与多家企业合作，其中有：中国航天工程、中国煤炭总院（天地科技）、首钢集团、太原钢铁集团、陕煤集团、内蒙古伊泰集团、山东兖矿集团、中材海外、海螺水泥集团、中国西南水泥集团等，积累了丰富的行业经验，得到了客户的一致好评。<br /></p><p><img src="img/img10.png"></p></div>
      </div></div>
    </main>
    <div class="container">
        <div class="row">
          <div class="title"><img src="img/qyhj-1.png" ></div>

            <div class="swiper-container">
                  <div class="swiper-wrapper">

                                       <div class="swiper-slide"><img src="/uploads/16819549896.jpg" style="width:100%;"></div>
                                       <div class="swiper-slide"><img src="/uploads/16819549455.jpg" style="width:100%;"></div>
                                       <div class="swiper-slide"><img src="/uploads/16819548844.jpg" style="width:100%;"></div>
                                       <div class="swiper-slide"><img src="/uploads/16819547981.jpg" style="width:100%;"></div>
                                       <div class="swiper-slide"><img src="/uploads/16819547267.jpg" style="width:100%;"></div>
                   
                  
                   
                  </div>
                  
                  <div class="swiper-button-prev"></div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-pagination"></div>
                </div>
        </div>

        <div class="row">
           <div class="title"><img src="img/xwzx-1.png" ></div>

          <div class="col">
             <img src="img/new.jpg">
          </div>
          <div class="col">
                         <div style="width:100%;border:1px solid #aba6a6;box-sizing: border-box;padding:1.75% 0;overflow: hidden;margin-bottom: 10px">
              <div style="width:15%;overflow: hidden;float:left;border-right: 1px solid #aba6a6;">
              <div style="text-align: center;">Sep</div>
              <div style="text-align: center;font-size: 35px;font-weight: 600;text-align: center;color:#0080cc">29</div>
              </div>
              <div style="float:right;width:82%;">
                <div style="width:100%;font-size:18px;font-weight: 600; "><a href="details.php?id=21&cid=6">堆焊耐磨板的材质和性能是什么</a></div>
                <div style="width:100%;font-size:14px; color:#aba6a6">堆焊耐磨复合钢板是在工矿上常见的一种材料。它是一种新型的合金衬板耐磨材料，已经广泛应用于工业生产的多...</div>
              </div>
            </div>
                        <div style="width:100%;border:1px solid #aba6a6;box-sizing: border-box;padding:1.75% 0;overflow: hidden;margin-bottom: 10px">
              <div style="width:15%;overflow: hidden;float:left;border-right: 1px solid #aba6a6;">
              <div style="text-align: center;">Sep</div>
              <div style="text-align: center;font-size: 35px;font-weight: 600;text-align: center;color:#0080cc">19</div>
              </div>
              <div style="float:right;width:82%;">
                <div style="width:100%;font-size:18px;font-weight: 600; "><a href="details.php?id=20&cid=6">堆焊耐磨板的特点介绍</a></div>
                <div style="width:100%;font-size:14px; color:#aba6a6">堆焊耐磨复合钢板是在工矿上常见的一种材料。它是一种新型的合金衬板耐磨材料，已经广泛应用于工业生产的多...</div>
              </div>
            </div>
                        <div style="width:100%;border:1px solid #aba6a6;box-sizing: border-box;padding:1.75% 0;overflow: hidden;margin-bottom: 10px">
              <div style="width:15%;overflow: hidden;float:left;border-right: 1px solid #aba6a6;">
              <div style="text-align: center;">Sep</div>
              <div style="text-align: center;font-size: 35px;font-weight: 600;text-align: center;color:#0080cc">16</div>
              </div>
              <div style="float:right;width:82%;">
                <div style="width:100%;font-size:18px;font-weight: 600; "><a href="details.php?id=19&cid=6">堆焊耐磨衬板</a></div>
                <div style="width:100%;font-size:14px; color:#aba6a6">堆焊耐磨衬板，是指在A3钢板上直接堆焊高硕度，高合金的耐磨焊丝制造而成的耐磨衬板。</div>
              </div>
            </div>
                        <div style="width:100%;border:1px solid #aba6a6;box-sizing: border-box;padding:1.75% 0;overflow: hidden;margin-bottom: 10px">
              <div style="width:15%;overflow: hidden;float:left;border-right: 1px solid #aba6a6;">
              <div style="text-align: center;">Apr</div>
              <div style="text-align: center;font-size: 35px;font-weight: 600;text-align: center;color:#0080cc">14</div>
              </div>
              <div style="float:right;width:82%;">
                <div style="width:100%;font-size:18px;font-weight: 600; "><a href="details.php?id=6&cid=6">滚筒包胶有哪些技术要求呢？</a></div>
                <div style="width:100%;font-size:14px; color:#aba6a6">滚筒包胶是皮带输送运输系统中重要部件和组成部分，包胶后的滚筒能有效改善输送系统的运行状况，保护金属滚...</div>
              </div>
            </div>
                        <div style="width:100%;border:1px solid #aba6a6;box-sizing: border-box;padding:1.75% 0;overflow: hidden;margin-bottom: 10px">
              <div style="width:15%;overflow: hidden;float:left;border-right: 1px solid #aba6a6;">
              <div style="text-align: center;">Apr</div>
              <div style="text-align: center;font-size: 35px;font-weight: 600;text-align: center;color:#0080cc">14</div>
              </div>
              <div style="float:right;width:82%;">
                <div style="width:100%;font-size:18px;font-weight: 600; "><a href="details.php?id=5&cid=6">滚筒包胶封口怎么处理？</a></div>
                <div style="width:100%;font-size:14px; color:#aba6a6">滚筒包胶封口的处理在整个包胶过程中属于细节上的问题，与其他步骤相比显得不是那么重要，但是却必不可少。...</div>
              </div>
            </div>
                        <div style="width:100%;border:1px solid #aba6a6;box-sizing: border-box;padding:1.75% 0;overflow: hidden;margin-bottom: 10px">
              <div style="width:15%;overflow: hidden;float:left;border-right: 1px solid #aba6a6;">
              <div style="text-align: center;">Apr</div>
              <div style="text-align: center;font-size: 35px;font-weight: 600;text-align: center;color:#0080cc">14</div>
              </div>
              <div style="float:right;width:82%;">
                <div style="width:100%;font-size:18px;font-weight: 600; "><a href="details.php?id=4&cid=6">陶瓷滚筒包胶适用范围及应用行业</a></div>
                <div style="width:100%;font-size:14px; color:#aba6a6">陶瓷滚筒包胶是滚筒包胶的一种方式，适用于对含水量较大的恶劣条件下湿黏物料的输送。适用范围1、皮带速度4...</div>
              </div>
            </div>
                        <div style="width:100%;border:1px solid #aba6a6;box-sizing: border-box;padding:1.75% 0;overflow: hidden;margin-bottom: 10px">
              <div style="width:15%;overflow: hidden;float:left;border-right: 1px solid #aba6a6;">
              <div style="text-align: center;">Apr</div>
              <div style="text-align: center;font-size: 35px;font-weight: 600;text-align: center;color:#0080cc">13</div>
              </div>
              <div style="float:right;width:82%;">
                <div style="width:100%;font-size:18px;font-weight: 600; "><a href="details.php?id=2&cid=6">滚筒包胶是手工雕刻的吗？</a></div>
                <div style="width:100%;font-size:14px; color:#aba6a6"></div>
              </div>
            </div>
             
          
          </div>
        </div>

    </div>

    <div style="background-image: url(img/bj2.png); width: 100%; min-height: 22rem">
      

    <div class="container">
      <div class="row">
        <div class="title">
          <img src="img/spzj.png">
        </div>
                 <div class="col col-md-4"> <a style=" height: 17rem; overflow: hidden; display: block;" href="details.php?id=18&cid=7"> <img src="" style="width:100%;"></a></div>
                 <div class="col col-md-4"> <a style=" height: 17rem; overflow: hidden; display: block;" href="details.php?id=17&cid=7"> <img src="" style="width:100%;"></a></div>
                 <div class="col col-md-4"> <a style=" height: 17rem; overflow: hidden; display: block;" href="details.php?id=16&cid=7"> <img src="/uploads/1658888638微信图片_20220717162515.jpg" style="width:100%;"></a></div>
         
       
      </div>
    
    </div>

    </div>
    <style type="text/css">

    .form-control {
      border-radius: 0px;
      border: 0px solid #ced4da;
      border-bottom: 1px solid #ced4da;
    }
   .form-control:focus{
        border-color:#3f7cf8;
        webkit-box-shadow:none;
        box-shadow:none;
    }
    </style>
    <div style="background-color:#F2F6FF;width: 100% ">
    <div class="container" >
        <div class="title"><img src="img/lxwm-1.png"></div>
      <div class="row">
        
        <div class="col">
          
              <div style="width:75%;background: #fff;border-radius: 6px;padding:20px;">
                <div style="font-size: 22px;font-weight: 600">在线留言</div>
                <div style="position: relative;margin-top: 1.5rem">
                  <img src="img/tx.png" style="position: absolute; bottom: 8px;">              
                  <input type="text" class="form-control" id="inputPassword" style="padding-left: 30px;outline:none;">
                 </div>
                 <div style="position: relative;margin-top: 1rem">
                  <img src="img/dh.png" style="position: absolute; bottom: 8px;">              
                  <input type="text" class="form-control" id="inputPassword" style="padding-left: 30px;outline:none;">
                 </div>
                  <div style="position: relative;margin-top: 1rem">
                  <img src="img/hz.png" style="position: absolute; bottom: 8px;">              
                 
                  <span class="form-control" style="padding-left: 30px;outline:none;">
                    
                        之前是否合作过&nbsp;&nbsp;&nbsp;&nbsp;
                         <input type="radio" name="dan" value="" checked="checked">&nbsp;是&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="dan" value="">&nbsp;否&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="dan" value="">&nbsp;其它

          

                  </span>
                 </div>
                  <div style="position: relative;margin-top: 1rem">
                  <img src="img/pp.png" style="position: absolute; bottom: 8px;">              
                  <input type="text" class="form-control" id="inputPassword" style="padding-left: 30px;outline:none;">
                 </div>
                 <div style="position: relative;margin-top: 1rem">
                              
                  <textarea style="width:100%;border:1px solid #ced4da;resize:none;height: 100px;"></textarea>
                 </div>
            

                <div style="width:30%;background:#288ADD;text-align: center; padding: .6rem ;color:#fff;margin-top: 20px;border-radius: 5px;">提交信息</div>

              </div>
        </div>
        <div class="col">
          <img src="img/lxwm.png" style="width:100%">

        </div>
      </div>
      <div class="row"></div>
    </div>
    </div>
       
  <style type="text/css">
  .footer p{
    margin-bottom: .3rem;
  }
  .footer a{
   color: #fff
  }
  </style>
    <div class="d-none d-md-block d-lg-none d-xl-block" style="width:100%;background: #4D4D4D;overflow: hidden;margin-top: 15px; color: #fff; padding: 3rem 0; text-align: left;">
    <div class="container footer">
      
      <div class="row">
        <div class="col" style="border-right: 1px solid #6b6b6b; text-align: center;"><img src="img/blogo.png" style="width:100px;"></div>


        <div class="col"  style="border-right: 1px solid #6b6b6b">
          <div class="row"> 
          <div class="col-md-2"></div>
              <div class="col-md-10" style="margin-bottom: 2rem"> 

               <span style="color:red;">▍</span>
                  快速导航</div>
          </div>
          <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-5">
              <p><a href="index.php">网站首页</a></p>
              <p><a href="list.php?cid=2">关于我们</a></p>
              <p><a href="list.php?cid=3">产品中心</a></p>
            </div>
            <div class="col-md-5">
            
            <p><a href="list.php?cid=5">厂区环境</a></p>
            <p><a href="list.php?cid=6">新闻资讯</a></p>
            <p><a href="list.php?cid=10">联系我们</a></p>

            </div>
            
          </div>
        </div>
        <div class="col"  style="border-right: 1px solid #6b6b6b">
          <div class="row"> 
          <div class="col-md-2"></div>
              <div class="col-md-10" style="margin-bottom: 2rem"> 

               <span style="color:red;">▍</span>
                  联系我们</div>
          </div>
          <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-10">
              <p>公司地址：鹤壁市山城区装备产业制造园二期五栋</p>
              <p>联系电话：18272536588</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;13839218665</p>
               <p>公司邮箱：hbslgxnm@163.com </p>
            </div>
            
            
          </div>
        </div>
        <div class="col">
          

            <div class="row"> 
          <div class="col-md-2"></div>
              <div class="col-md-10" style="margin-bottom: 2rem"> 

               <span style="color:red;">▍</span>
                  扫码关注</div>
          </div>
          <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-5">
          <img src="img/ewm.png">

            </div>
    <!--         <div class="col-md-5">
          <img src="img/rwm2.png">

            </div  > -->
            
          </div>
        </div>
      </div>
    </div>
                               <a style="text-decoration:none;color:white;font-weight:bold;margin-left:40%" href="https://beian.miit.gov.cn/ ">豫ICP备2022010242号-1</a>
    </div>
<footer class="d-block d-sm-none" style="position: fixed;bottom: 0px;color:red;width:100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;">
  <div style="background: #edeef1; overflow: hidden;">
    <div style="text-align: center; width: 20%; float: left;padding:3% 5%"><a href="index.php"><img src="img/1.png"></a></div>
    <div style="text-align: center; width: 20%; float: left;padding:3% 5%"><a href="list.php?cid=3"><img src="img/2.png"></a></div>
    <div style="text-align: center; width: 20%; float: left;padding:3% 5%"><a href="details.php?id=2&cid=2"><img src="img/3.png"></a></div>
    <div style="text-align: center; width: 20%; float: left;padding:3% 5%"><a href="list.php?cid=6"><img src="img/4.png"></a></div>
    <div style="text-align: center; width: 20%; float: left;padding:3% 5%"><a href="http://api.map.baidu.com/marker?location=114.26538,35.942167&title=双联高新材料&content=&output=html"><img src="img/5.png"></a></div>
  </div>
  <a style="text-decoration:none;color:white;font-weight:bold;margin-left:40%" href="https://beian.miit.gov.cn/ ">豫ICP备2022010242号-1</a>
</footer>
  <style type="text/css">
    .page_list a{
    display: inline-block;
    color:#656565;
    border:1px solid #676767;
    background: #fff;
    text-align: center;
    padding:0 8px;
    margin:0 1px;
    text-decoration: none;
    border-radius: 5px;
  }
  .page_list{
    margin-bottom: 30px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0;
    font-size: 12px;
    margin-top: 20px;
  }
  .page_list a.on {
    color: #fff;
    border: 1px solid #ccc;
    background: #0c8dd1;
}
  </style>
  <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?eef4649bf0e832dcc370c9b67f6171c8";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    <script src="./js/jquery.min.js"></script>
    <script src="../assets/dist/js/bootstrap.bundle.min.js"></script>

      <script src="./package/js/swiper.min.js"></script>
  <script>
  effect = 0
    var swiper = new Swiper('.swiper-container', {
      loop: true,
      speed: 1500,
      autoplay:true,
      slidesPerView: 4,
      spaceBetween: 30,
      centeredSlides : true,
      watchSlidesProgress : true,
    on: {
      setTranslate: function(){
      slides = this.slides
      for(i=0; i< slides.length; i++){
        slide = slides.eq(i)
        progress = slides[i].progress
        //slide.html(progress.toFixed(2)); 看清楚progress是怎么变化的
        slide.css({'opacity': '','background': ''});slide.transform('');//清除样式
                   
        slide.css('opacity',(1-Math.abs(progress)/4));
        slide.transform('translate3d(0,'+ Math.abs(progress)*20+'px, 0)');  
         
          
        } 
    },
    setTransition: function(transition) {
      for (var i = 0; i < this.slides.length; i++) {
        var slide = this.slides.eq(i)
        slide.transition(transition);
      }
    },
    },
    navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
    },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });
    function show(id){

      $('.goods').hide();
      $('.goods'+id).css('display','flex');

    }
  
  </script>

<script>

    $(function () {
    var wh=$(window).height();
    $(window).scroll(function(){
    var s=wh-$(window).scrollTop();

    //console.log(s);
    if(s<-300){
      $(".animate").delay(450).show(1).animate();
    


     
    };
    
    });   

            });
</script>
  </body>
</html>
