master

分支 (1)

管理

管理

master

website1
/
product-detail.html

<!DOCTYPE html>
<html lang='en'>
<head>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  <meta name="applicable-device" content="pc,mobile">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Nan Qi Xing</title>
  <link rel="shortcut icon" href="https://gznqx.gitee.io/nqx/assets/images/15053610334013.png" />
  <link rel="Bookmark" href="https://gznqx.gitee.io/nqx/assets/images/15053610334013.png" />
  <link type="text/css" rel="stylesheet" href="assets/styles/reset.css" />
  <link type="text/css" rel="stylesheet" href="assets/styles/common.css" />
  <link type="text/css" rel="stylesheet" href="assets/styles/product.css" />
</head>
<body>
  <div class="header">
    <div class="box">
      <div class="wrap clearfix">
        <div class="logo">
          <a href="/"><img src="assets/images/logo1.png" /></a>
        </div>
        <div class="nav">
          <ul class="clearfix">
            <li class="active">
              <a class="ent" href="index.html">Home</a>
            </li>
            <li>
              <a class="ent" href="/product-list-mask.html" target="_blank">Mask<span class="sj"></span></a>
              <div class="link-group">
                <div class="link-item">
                  <a href="./product-detail.html" target="_blank">
                    <span>KN95 Mask</span>
                  </a>
                </div>
                <div class="link-item">
                  <a href="./product-detail.html" target="_blank">
                    <span>Medical MaskMedical MaskMedical MaskMedical MaskMedical Mask</span>
                  </a>
                </div>
                <div class="link-item" target="_blank">
                  <a href="./product-detail.html" target="_blank">
                    <span>Protective Mask</span>
                  </a>
                </div>
              </div>
            </li>
            <li>
              <a class="ent" href="product-list-nonwoven.html" target="_blank">Nonwoven<span class="sj"></span></a>
              <div class="link-group">
                <div class="link-item">
                  <a href="./product-detail.html" target="_blank">
                    <span>KN95 Mask</span>
                  </a>
                </div>
                <div class="link-item">
                  <a href="./product-detail.html" target="_blank">
                    <span>Medical MaskMedical MaskMedical MaskMedical MaskMedical Mask</span>
                  </a>
                </div>
                <div class="link-item" target="_blank">
                  <a href="./product-detail.html" target="_blank">
                    <span>Protective Mask</span>
                  </a>
                </div>
            </li>
            <li>
              <a class="ent" href="news-list.html" target="_blank">News</a>
            </li>
            <li>
              <a class="ent" href="about-us.html" target="_blank">About Us</a>
            </li>
            <li class="language">
              <a class="ent" href="javascript:void(0)">EN
                <span class="csj"></span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="content mask-content">
    <div class="box">
      <div class="top">
        <div class="l-part">
          <div class="pic-fold">
            <div class="pic-fold-list">
              <ul>
                <li class="active">
                  <img src="https://gznqx.gitee.io/nqx/assets/images/index/mask.jpg"/>
                </li>
                <li>
                  <img src="https://gznqx.gitee.io/nqx/assets/images/index/mask.jpg"/>
                </li>
                <li>
                  <img src="https://gznqx.gitee.io/nqx/assets/images/index/mask.jpg"/>
                </li>
                <li>
                  <img src="https://gznqx.gitee.io/nqx/assets/images/index/mask.jpg"/>
                </li>
                <li>
                  <img src="https://gznqx.gitee.io/nqx/assets/images/index/mask.jpg"/>
                </li>
              </ul>
            </div>
          </div>
          <div class="pic-glass">
            <div class="pic-list">
              <div class="img-item">
                <img src="https://gznqx.gitee.io/nqx/assets/images/index/mask.jpg"/>
              </div>
            </div>
          </div>
          <div class="btn-group">
            <span class="btn-prev iconfont icon-arrow-up"></span>
            <span class="btn-next iconfont icon-arrow-down"></span>
          </div>
          <div class="tag-btn">
            <a class="btn-inquire" href="#">Inquire</a>
            <div class="tag">
              <span><img src="https://gznqx.gitee.io/nqx/assets/images/index/icon-protect.png"/>CNAS</span>
              <span><img src="https://gznqx.gitee.io/nqx/assets/images/index/icon-protect.png"/>NIOSH</span>
              <span><img src="https://gznqx.gitee.io/nqx/assets/images/index/icon-protect.png"/>SGS</span>
            </div>
          </div>
        </div>
        <div class="r-part">
          <div class="info">
            <h2>KN95 Masks Model KN-1</h2>
            <dl>
              <dt><span class="rec"></span>Band</dt>
              <dd>Nan Qi Xing</dd>
              <dt><span class="rec"></span>Weight</dt>
              <dd>400g/box</dd>
              <dt><span class="rec"></span>Width</dt>
              <dd>155mm*100mm</dd>
              <dt><span class="rec"></span>Color</dt>
              <dd>white</dd>
              <dt><span class="rec"></span>Design</dt>
              <dd>Flat-fold style</dd>
              <dt><span class="rec"></span>Package</dt>
              <dd>50pcs/box</dd>
              <dt><span class="rec"></span>Delivery Time</dt>
              <dd>10 days after deposit</dd>
              <dt><span class="rec"></span>Payment Terms</dt>
              <dd>50% deposit,50% payment before take delivery</dd>
              <dt><span class="rec"></span>Free</dt>
              <dd>Available</dd>
            </dl>
          </div>
        </div>
      </div>
      <div class="bottom">
        <div class="tabs">
          <div class="tab-item active">Information</div>
          <div class="tab-item">Instructions</div>
          <div class="tab-item">Test Report</div>
        </div>
        <div class="line"></div>
        <div class="content content-info">
          <div class="l-part">
            <dl>
              <dt>
                <div>Product</div>
                <div>Information</div>
              </dt>
              <dd>
                As an eco-friendly material, pp spunbond nonwoven fabrics are finding applications in a variety of end uses. They are used both for durable and disposable applications. The main applications for spunbond nonwovens are in packaging, bedding, agriculture, automotive, garment, medical, shopping etc. If you are interested in our products, please feel free to
              </dd>
              <dd class="contact"><a href="#">contact us</a></dd>
            </dl>
          </div>
          <div class="r-part">
            <div class="item-img">
              <img src="https://gznqx.gitee.io/nqx/assets/images/product/mark.jpg"/>
            </div>
            <div class="item-img">
              <img src="https://gznqx.gitee.io/nqx/assets/images/product/mark.jpg"/>
            </div>
            <div class="item-img">
              <img src="https://gznqx.gitee.io/nqx/assets/images/product/mark.jpg"/>
            </div>
            <div class="item-img">
              <img src="https://gznqx.gitee.io/nqx/assets/images/product/mark.jpg"/>
            </div>
          </div>
        </div>
        <div class="content content-instruction">
          <div class="l-part">
            <div class="item-img">
              <img src="https://gznqx.gitee.io/nqx/assets/images/product/mark.jpg"/>
            </div>
          </div>
          <div class="r-part">
            <dl>
              <dt>
                <div>Instructions</div>
                <div>For Use</div>
              </dt>
              <dd>
                As an eco-friendly material, pp spunbond nonwoven fabrics are finding applications in a variety of end uses. They are used both for durable and disposable applications. The main applications for spunbond nonwovens are in packaging, bedding, agriculture, automotive, garment, medical, shopping etc. If you are interested in our products, please feel free to
              </dd>
              <dd class="contact"><a href="#">contact us</a></dd>
            </dl>
          </div>
        </div>
        <div class="content content-report">
          <div class="l-part">
            <dl>
              <dt>
                <div>Test</div>
                <div>Report</div>
              </dt>
              <dd>
                As an eco-friendly material, pp spunbond nonwoven fabrics are finding applications in a variety of end uses. They are used both for durable and disposable applications. The main applications for spunbond nonwovens are in packaging, bedding, agriculture, automotive, garment, medical, shopping etc. If you are interested in our products, please feel free to
              </dd>
              <dd class="contact"><a href="#">contact us</a></dd>
            </dl>
          </div>
          <div class="r-part">
            <div class="item-img">
              <div class="name">Tested to NIOSH procedure TEB-APR-STP-0059</div>
              <img src="https://gznqx.gitee.io/nqx/assets/images/product/mark.jpg"/>
            </div>
            <div class="item-img">
              <div class="name">Tested to NIOSH procedure TEB-APR-STP-0059</div>
              <img src="https://gznqx.gitee.io/nqx/assets/images/product/mark.jpg"/>
            </div>
            <div class="item-img">
              <div class="name">Tested to NIOSH procedure TEB-APR-STP-0059</div>
              <img src="https://gznqx.gitee.io/nqx/assets/images/product/mark.jpg"/>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
    <div class="footer">
    <div class="box">
      <div class="office">
        <div class="logo">
          <img src="assets/images/logo2.png" />
        </div>
        <div class="location">
          <div class="us">
            <div class="tit">US Office<img src="https://gznqx.gitee.io/nqx/assets/images/us.png" /></div>
            <div class="val"><b>Contact person:</b>Noreen Ling</div>
            <div class="val"><b>Phone:</b> 864 349 8173</div>
            <div class="val"><b>Email:</b> [email protected]</div>
            <div class="val"><b>Address:</b>
              HF Medical LLC
              730 E Suber Road,
              Greer, SC 29650</div>
            <div class="map"><a href="javascript:void(0);"><span class="img"></span>Sitemap</a></div>
          </div>
          <div class="cn cn1">
            <div class="tit">China Office<img src="https://gznqx.gitee.io/nqx/assets/images/cn.png" /></div>
            <div class="val"><b>Nonwoven Contact person:</b>li hui qiang</div>
            <div class="val"><b>Phone:</b>+86-18922133444</div>
            <div class="val"><b>Tel:</b>+86-020-34554502</div>
            <div class="val"><b>Email:</b>[email protected]</div>
            <div class="map"><a href="https://map.baidu.com/poi/%E5%8D%97%E6%9F%92%E6%98%9F%E6%97%A0%E7%BA%BA%E5%B8%83%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/@12626770.27105444,2612778.498183239,18.92z?uid=691305239adb0b75725e8006&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&querytype=detailConInfo&da_src=shareurl" target="_blank"><span class="img"></span>Sitemap</a></div>
          </div>
          <div class="cn cn2">
            <div class="tit"></div>
            <div class="val"><b>Masks contact person:</b>li ze ming</div>
            <div class="val"><b>Phone:</b>+86-18078803777</div>
            <div class="val"><b>Tel:</b> +86-020-3551 3112</div>
            <div class="val"><b>Email:</b> [email protected]</div>
            <div class="val"><b>ADD:</b> No.4 Xinling Road, Wenbian, Shiji, Panyu District, Guangzhou, Guangdong, China
              510450</div>
            <div class="map"><a href="https://map.baidu.com/poi/%E5%8D%97%E6%9F%92%E6%98%9F%E6%97%A0%E7%BA%BA%E5%B8%83%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/@12626770.27105444,2612778.498183239,18.92z?uid=691305239adb0b75725e8006&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&querytype=detailConInfo&da_src=shareurl" target="_blank"><span class="img"></span>Sitemap</a></div>
          </div>

        </div>
      </div>
      <div class="concat">
        <div class="grow">
          <div class="grid grid-a">
            <div>Follow Us! Guangzhou Nan Qi Xing</div>
            <div>Nonwoven Co.Ltd.</div>
          </div>
          <div class="grid grid-b">
            <div class="btn-group-tfg">
              <a class="twi"><span class="iconfont icon-twi"></span><i>Twitter</i></a>
              <a class="fa"><span class="iconfont icon-fa"></span><i>Facebook</i></a>
              <a class="go"><span class="iconfont icon-go"></span><i>Google</i></a>
            </div>
          </div>
        </div>
      </div>
      <div class="copyright">
        <div class="row">
          <div class="col col-a">@All rights Reserved,2020</div>
          <div class="col col-b">
            <span>100+Products</span>
            <span>300+Members</span>
            <span>10+Shops</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="libs/jquery-3.5.1.min.js"></script>
  <script type="text/javascript" src="assets/js/nqx.js"></script>
  <script>
    (function(){
      var foldH = $(".mask-content .top .l-part .pic-fold-list").height()
      var ul = $(".mask-content .top .l-part .pic-fold-list ul")
      var ulH = ul.height()
      var liH = $(".mask-content .top .l-part .pic-fold-list li").height()
      $(".mask-content .top .l-part .btn-group .btn-prev").on("click", function() {
        var mt = ul.css("margin-top").split("px")[0] * 1
        if((ulH - (Math.abs(mt) + foldH))>liH) {
          mt = mt - liH
        } else {
          mt = mt - (ulH - (Math.abs(mt) + foldH))
        }
        ul.css({"margin-top": mt})
      })

      $(".mask-content .top .l-part .btn-group .btn-next").on("click", function() {
        var mt = ul.css("margin-top").split("px")[0] * 1
        if((Math.abs(mt) > liH)) {
          mt = mt + liH
        } else {
          mt = 0
        }
        ul.css({"margin-top": mt})
      })

      $(".mask-content .top .l-part .pic-fold li").on("click", function() {
        var ts = new Date().getTime()
        var src = $(this).find("img").attr("src") + "?ts=" + ts
        $(".mask-content .top .l-part .pic-glass img").attr("src", src)
        $(this).addClass("active").siblings("li").removeClass("active")
      })

      $(".mask-content .tabs .tab-item").on("click", function(){
        var index = $(".mask-content .tabs .tab-item").index(this)
        $(".mask-content .content").hide()
        $(".mask-content .content").eq(index).css({"display": "flex"})
        $(".mask-content .tabs .tab-item").removeClass("active")
        $(".mask-content .tabs .tab-item").eq(index).addClass("active")
      })
    })()
  </script>
</body>
</html>