<!doctype html>
<html lang="zh-CN">
﻿
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="Keywords" content="NP-10,OP-10,吐温80,司盘80,磺酸,油酸,"/>
<meta name="Description" content="山东淄博海杰化工有限公司-山东淄博海杰化工有限公司-山东淄博海杰化工有限公司专业生产吐温80、磺酸、 NP-10、 OP-10、 油酸等表面活性剂、乳化剂，主要产品有：烷基酚聚氧乙烯醚（OP、NP、TX）系列、脂肪醇聚氧乙烯醚（AEO）系列、(平平加)系列、失水山梨醇脂肪酸酯聚氧乙烯醚（吐温系列）、失水山梨醇脂肪酸酯（斯盘系列）、椰子油二乙醇酰胺（6501）、渗透剂系列、十二烷基苯磺酸、脂肪醇聚氧乙烯醚AES、油酸、三乙醇胺、椰油酰胺丙基甜菜碱CAB-35、聚醚系列、添加剂系列、聚乙二醇系列、乳化剂酯醚系列;  - 山东淄博海杰化工有限公司;  - 山东淄博海杰化工有限公司"/><title>山东淄博海杰化工有限公司-淄博海杰化工_NP-10、OP-10、吐温80、司盘80、磺酸、油酸等乳化剂</title>
</head>
<body>


<!--页面的元信息-->
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Co<strong>m</strong>patible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" type="text/css" href="view/index/$assets/css/bootstrap4.1.0.min.css" />
<link rel="stylesheet" type="text/css" href="view/index/$assets/css/font-awesome.css" />
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="view/index/$assets/js/jquery3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="view/index/$assets/js/bootstrap4.1.0.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 自定义CSS -->

<link rel="stylesheet" href="view/index/$assets/css/style.css">
<link rel="stylesheet" href="view/index/$assets/css/main.css">

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3f4c65bfd6d1abb274c919257480489e";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3f4c65bfd6d1abb274c919257480489e";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>


</head>

<body>
<!--header-->
<header class="container">
  <div class="row mt-3">
    <div class="col-sm-4 col-6"> <img src="view/index/$assets/images/index_logo.png" alt=""> </div>
    <div class="col-sm-5 col-12 mt-2 d-none d-sm-block">
      <h3 class="text-danger">20年致力于</h3>
      <li class="f22 text-info">乳化剂、表面活性剂系列产品的科研开发</li>
    </div>
    <div class="col-sm-3 col-12 text-right mt-2"> <img src="view/index/$assets/images/index_img_tel.png" alt=""> </div>
  </div>
</header>
<hr class="mb-1">
<nav class="navbar navbar-expand-md bg-primary navbar-dark">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <div class="container">
      <ul class="navbar-nav">
        <li class=" nav-item col-sm-2 col-6"> <a class="nav-link f16 text-white text-center" href="/">网站首页</a> </li>
        <li class=" nav-item col-sm-2 col-6"> <a class="nav-link f16 text-white text-center" href="haijie-article-read-116.html">关于海杰</a> </li>
        <li class="nav-item col-sm-2 col-6"> <a class="nav-link f16 text-white text-center" href="haijie-product-list.html">产品中心</a> </li>
        <li class=" nav-item col-sm-2 col-6"> <a class="nav-link f16 text-white text-center" href="advice_form.php">在线留言</a> </li>
        <li class=" nav-item col-sm-2 col-6"> <a class="nav-link f16 text-white text-center" href="trade-read-contact.php">联系我们</a> </li>
      </ul>
    </div>
  </div>
</nav>
<!--
-->

<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Co<strong>m</strong>patible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" type="text/css" href="view/index/$assets/css/bootstrap4.1.0.min.css" />
<link rel="stylesheet" type="text/css" href="view/index/$assets/css/font-awesome.css" />
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="view/index/$assets/js/jquery3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="view/index/$assets/js/bootstrap4.1.0.min.js" type="text/javascript" charset="utf-8"></script>
<!-- 自定义CSS -->

<link rel="stylesheet" href="view/index/$assets/css/style.css">
<link rel="stylesheet" href="view/index/$assets/css/main.css">


	<!-- animated-css -->
		<link href="view/index/$assets/css/animate.css" rel="stylesheet" type="text/css" media="all">
		<script src="view/index/$assets/js/wow.min.js"></script>
		<script>
		 new WOW().init();
		</script>
		<!-- animated-css -->



<!--引用百度地图API-->
<style type="text/css">
html, body {
	margin: 0;
	padding: 0;
}
.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}
.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>

<body>






<!--banner-->
<div id="demo" class="carousel slide social-left wow bounceInUp" data-ride="carousel" data-wow-delay="0.3s" > 


   <!-- 轮播（Carousel）指标 -->
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
  </ul>   
   <!-- 轮播（Carousel）项目 -->
     <div class="carousel-inner">


<div class="carousel-item item active">
 <img src="../uploadfile/20190327/20190327090351_23.png" class="img-fluid">
</div>


<div class="carousel-item item ">
 <img src="../uploadfile/20190327/20190327090313_40.jpg" class="img-fluid">
</div>

     
      
   </div>
   <!-- 左右切换按钮 --> 
  <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a>
  </div>




<!--关于海杰-->
<div class="container mt-5">
  <div class="row">
  <div class=" social-left wow bounceInUp col-12" data-wow-delay="0.5s">
    <h1 class="text-center">关于海杰</h1>
    <p class="text-center f16 text-muted mb-5">About us</p>
    </div>
    	 <!---->
    <div class="col-sm-6 col-12 social-left wow bounceInLeft" data-wow-delay="0.8s">
	 <img src="../uploadfile/20190403/20190403160409_25.png" alt="公司简介" class="img-fluid">
	</div>
    <div class="col-sm-6 col-12 p-5  social-left wow bounceInRight" data-wow-delay="0.8s">

      <p class="f16">
	  &nbsp;&nbsp;&nbsp;&nbsp;本公司依托淄博的化工区位优势，挂靠大中专化工院校及科研单位，专心致力于非离子表面活性剂的开发、应用，是国内较早从事研究、开发、生产非离子表面活性剂的厂家之一，主要产品有：烷基酚聚氧乙烯醚（OP、NP、TX）系列、脂肪醇聚氧乙烯醚（AEO）系列、(平平加)系列、失水山梨醇脂肪酸酯聚氧乙烯醚（吐温系列）、失水山梨醇脂肪酸酯（斯盘系列）、椰子油二乙醇酰胺（6501）、渗透剂系列、十二烷基苯磺酸、脂肪醇聚氧乙烯醚AES、油酸、三乙醇胺、椰油酰胺丙基甜菜碱CAB-35、聚醚系列、添加剂系列、聚乙二醇系列、乳化剂酯醚系列等等，产品远销全国各个地区，客户上千余家，乳化剂在用户中享有很高的声誉，市场占有率逐年攀升。近年来，企业...
	  
	  </p>

      <p class="text-right mt-3">
        <a href="haijie-article-read-116.html" class="btn btn-primary btn-lg bor-rad-25 pl-5 pr-5">LEARN MORE</a>
      </p>
    </div>

	  <!----> 

  </div>
</div>

<!--产品-->
<div class="container mt-5">
  <div class="row">
  
  <div class=" social-left wow bounceInUp col-12" data-wow-delay="0.5s">
    <h1 class="text-center">我们的产品</h1>
    <p class="text-center f16 text-muted mb-5">Our products</p>
    </div>
   
    
    <div class="col-12 social-left wow bounceInUp" data-wow-delay="0.8s">

<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('1','辛基酚聚氧乙烯醚OP系列', this)">辛基酚聚氧乙烯醚OP系列</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('2','壬基酚聚氧乙烯醚NP系列', this)">壬基酚聚氧乙烯醚NP系列</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('3','烷基酚聚氧乙烯醚TX系列', this)">烷基酚聚氧乙烯醚TX系列</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('4','吐温20/60/80', this)">吐温20/60/80</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('5','司盘20/60/80', this)">司盘20/60/80</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('6','脂肪醇聚氧乙烯醚AEO-3/7/9', this)">脂肪醇聚氧乙烯醚AEO-3/7/9</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('7','脂肪醇聚氧乙烯醚硫酸钠AES', this)">脂肪醇聚氧乙烯醚硫酸钠AES</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('8','平平加O，OS，A，SA系列', this)">平平加O，OS，A，SA系列</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('9','十二烷基苯磺酸', this)">十二烷基苯磺酸</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('10','植物油酸', this)">植物油酸</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('11','三乙醇胺', this)">三乙醇胺</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('12','椰子油二乙醇酰胺6501', this)">椰子油二乙醇酰胺6501</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('13','椰油酰胺丙基甜菜碱CAB-35', this)">椰油酰胺丙基甜菜碱CAB-35</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('14','渗透剂JFC', this)">渗透剂JFC</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('19','乳百灵', this)">乳百灵</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('21','甘油', this)">甘油</li>
<!---->

<li class="btn btn-gray mr-2 mb-2 pl-4 pr-4" onClick="show_class_product('22','AOS', this)">AOS</li>
<!----> 

    </div>
  </div>
  
  
  
  <div class="home_pro row mt-3 social-left wow bounceInUp " data-wow-delay="1.2s" > 

  <div class="contain col-12 ">
    <ul class="home_pro_con row active">


	 <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="11">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-sanyichunan.html" title="三乙醇胺" target="_blank">
        <img src="uploadfile/20190411/20190411120403_34.jpg" alt="三乙醇胺" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-sanyichunan.html">三乙醇胺</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-o25.html" title="平平加O-25" target="_blank">
        <img src="uploadfile/20190411/20190411120443_39.jpg" alt="平平加O-25" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-o25.html">平平加O-25</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-o20.html" title="平平加O-20" target="_blank">
        <img src="uploadfile/20190411/20190411120407_27.jpg" alt="平平加O-20" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-o20.html">平平加O-20</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="3">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-tx10.html" title="TX-10" target="_blank">
        <img src="uploadfile/20190411/20190411110406_19.jpg" alt="TX-10" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-tx10.html">TX-10</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="2">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-np10.html" title="NP-10" target="_blank">
        <img src="uploadfile/20190411/20190411100455_14.jpg" alt="NP-10" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-np10.html">NP-10</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="1">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-op10.html" title="OP-10" target="_blank">
        <img src="uploadfile/20190411/20190411110439_19.jpg" alt="OP-10" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-op10.html">OP-10</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="1">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-op4.html" title="OP-4" target="_blank">
        <img src="uploadfile/20190411/20190411110408_28.jpg" alt="OP-4" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-op4.html">OP-4</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="12">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-chunxianan6501.html" title="6501" target="_blank">
        <img src="uploadfile/20190411/20190411120455_28.jpg" alt="6501" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-chunxianan6501.html">6501</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="9">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-huangsuan.html" title="十二烷基苯磺酸" target="_blank">
        <img src="uploadfile/20190524/20190524170538_21.jpg" alt="十二烷基苯磺酸" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-huangsuan.html">十二烷基苯磺酸</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="6">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-aeo9.html" title="AEO-9" target="_blank">
        <img src="uploadfile/20190411/20190411110431_11.jpg" alt="AEO-9" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-aeo9.html">AEO-9</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="5">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-s80.html" title="司盘S-80" target="_blank">
        <img src="uploadfile/20190411/20190411120451_28.jpg" alt="司盘S-80" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-s80.html">司盘S-80</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="5">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-s60.html" title="司盘S-60" target="_blank">
        <img src="uploadfile/20190411/20190411110455_27.jpg" alt="司盘S-60" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-s60.html">司盘S-60</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="6">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-aeo3.html" title="AEO-3" target="_blank">
        <img src="uploadfile/20190411/20190411110439_23.jpg" alt="AEO-3" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-aeo3.html">AEO-3</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="5">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-s20.html" title="司盘S-20" target="_blank">
        <img src="uploadfile/20190411/20190411110457_23.jpg" alt="司盘S-20" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-s20.html">司盘S-20</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="13">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-cab35.html" title="CAB-35  椰油酰胺丙基" target="_blank">
        <img src="uploadfile/20190411/20190411120423_24.jpg" alt="CAB-35  椰油酰胺丙基甜菜碱" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-cab35.html">CAB-35  椰油酰胺丙基</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="7">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-aes.html" title="AES" target="_blank">
        <img src="uploadfile/20190411/20190411120417_28.jpg" alt="AES" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-aes.html">AES</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="10">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-yousuan.html" title="油酸" target="_blank">
        <img src="uploadfile/20190524/20190524170540_26.jpg" alt="油酸" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-yousuan.html">油酸</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="4">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-t80.html" title="吐温 T-80" target="_blank">
        <img src="uploadfile/20190411/20190411120411_22.jpg" alt="吐温 T-80" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-t80.html">吐温 T-80</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="4">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-t60.html" title="乳化剂T-60" target="_blank">
        <img src="uploadfile/20190411/20190411120414_29.jpg" alt="乳化剂T-60" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-t60.html">乳化剂T-60</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="14">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-jfc.html" title="渗透剂JFC" target="_blank">
        <img src="uploadfile/20190411/20190411120427_30.jpg" alt="渗透剂JFC" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-jfc.html">渗透剂JFC</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="22">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-AOS.html" title="AOS / α-烯基磺酸钠" target="_blank">
        <img src="uploadfile/20190610/20190610100653_38.jpg" alt="AOS / α-烯基磺酸钠" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-AOS.html">AOS / α-烯基磺酸钠</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="5">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-S85.html" title="司盘85/S-85" target="_blank">
        <img src="uploadfile/20190518/20190518160500_27.jpg" alt="司盘85/S-85" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-S85.html">司盘85/S-85</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="4">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-t85.html" title="吐温85/T-85" target="_blank">
        <img src="uploadfile/20190518/20190518090537_12.jpg" alt="吐温85/T-85" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-t85.html">吐温85/T-85</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="21">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-ganyou.html" title="甘油" target="_blank">
        <img src="uploadfile/20190513/20190513150510_35.jpg" alt="甘油" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-ganyou.html">甘油</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="16">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-86.html" title="AC-1815" target="_blank">
        <img src="uploadfile/20190411/20190411130414_18.jpg" alt="AC-1815" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-86.html">AC-1815</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="16">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-AC1820.html" title="AC-1820" target="_blank">
        <img src="uploadfile/20190411/20190411130436_29.jpg" alt="AC-1820" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-AC1820.html">AC-1820</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="16">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-AC1830.html" title="AC-1830" target="_blank">
        <img src="uploadfile/20190411/20190411130456_28.jpg" alt="AC-1830" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-AC1830.html">AC-1830</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-O10.html" title="O-10" target="_blank">
        <img src="uploadfile/20190428/20190428080412_23.jpg" alt="O-10" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-O10.html">O-10</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-o5.html" title="O-5" target="_blank">
        <img src="uploadfile/20190411/20190411120404_29.jpg" alt="O-5" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-o5.html">O-5</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-o3.html" title="O-3" target="_blank">
        <img src="uploadfile/20190411/20190411120456_34.jpg" alt="O-3" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-o3.html">O-3</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-o7.html" title="O-7" target="_blank">
        <img src="uploadfile/20190411/20190411120432_35.jpg" alt="O-7" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-o7.html">O-7</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-o30.html" title="O-30" target="_blank">
        <img src="uploadfile/20190411/20190411120431_21.jpg" alt="O-30" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-o30.html">O-30</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-os15.html" title="OS-15" target="_blank">
        <img src="uploadfile/20190411/20190411120426_31.jpg" alt="OS-15" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-os15.html">OS-15</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-A20.html" title="A-20" target="_blank">
        <img src="uploadfile/20190411/20190411120459_12.jpg" alt="A-20" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-A20.html">A-20</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="8">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-SA20.html" title="SA-20" target="_blank">
        <img src="uploadfile/20190411/20190411120434_33.jpg" alt="SA-20" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-SA20.html">SA-20</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="3">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-TX15.html" title="TX-15" target="_blank">
        <img src="uploadfile/20190411/20190411110453_27.jpg" alt="TX-15" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-TX15.html">TX-15</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="3">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-TX7.html" title="TX-7" target="_blank">
        <img src="uploadfile/20190411/20190411100422_20.jpg" alt="TX-7" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-TX7.html">TX-7</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="3">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-TX4.html" title="TX-4" target="_blank">
        <img src="uploadfile/20190411/20190411100412_22.jpg" alt="TX-4" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-TX4.html">TX-4</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="2">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-NP15.html" title="NP-15" target="_blank">
        <img src="uploadfile/20190411/20190411100420_13.jpg" alt="NP-15" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-NP15.html">NP-15</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="2">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-NP7.html" title="NP-7" target="_blank">
        <img src="uploadfile/20190411/20190411100427_37.jpg" alt="NP-7" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-NP7.html">NP-7</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="2">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-NP4.html" title="NP-4" target="_blank">
        <img src="uploadfile/20190411/20190411100424_17.jpg" alt="NP-4" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-NP4.html">NP-4</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="1">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-OP30.html" title="OP-30" target="_blank">
        <img src="uploadfile/20190411/20190411120418_15.jpg" alt="OP-30" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-OP30.html">OP-30</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="1">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-OP20.html" title="OP-20" target="_blank">
        <img src="uploadfile/20190411/20190411120422_21.jpg" alt="OP-20" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-OP20.html">OP-20</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="1">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-OP15.html" title="OP-15" target="_blank">
        <img src="uploadfile/20190411/20190411110458_20.jpg" alt="OP-15" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-OP15.html">OP-15</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="1">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-OP7.html" title="OP-7" target="_blank">
        <img src="uploadfile/20190411/20190411110426_36.jpg" alt="OP-7" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-OP7.html">OP-7</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="15">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-L61.html" title="L61" target="_blank">
        <img src="uploadfile/20190411/20190411130438_18.jpg" alt="L61" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-L61.html">L61</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="15">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-L62.html" title="L62" target="_blank">
        <img src="uploadfile/20190411/20190411130409_20.jpg" alt="L62" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-L62.html">L62</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="15">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-L64.html" title="L64" target="_blank">
        <img src="uploadfile/20190411/20190411130449_19.jpg" alt="L64" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-L64.html">L64</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="6">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-AEO15.html" title="AEO-15" target="_blank">
        <img src="uploadfile/20190428/20190428080456_17.jpg" alt="AEO-15" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-AEO15.html">AEO-15</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="6">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-AEO7.html" title="AEO-7" target="_blank">
        <img src="uploadfile/20190411/20190411110426_33.jpg" alt="AEO-7" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-AEO7.html">AEO-7</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="6">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-AEO5.html" title="AEO-5" target="_blank">
        <img src="uploadfile/20190411/20190411120426_27.jpg" alt="AEO-5" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-AEO5.html">AEO-5</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="17">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-EL20.html" title="乳化剂EL-20" target="_blank">
        <img src="uploadfile/20190411/20190411130434_16.jpg" alt="乳化剂EL-20" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-EL20.html">乳化剂EL-20</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="17">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-EL40.html" title="乳化剂EL-40" target="_blank">
        <img src="uploadfile/20190411/20190411130458_35.jpg" alt="乳化剂EL-40" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-EL40.html">乳化剂EL-40</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="17">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-EL10.html" title="乳化剂EL-10" target="_blank">
        <img src="uploadfile/20190411/20190411130433_26.jpg" alt="乳化剂EL-10" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-EL10.html">乳化剂EL-10</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="19">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-rubailing.html" title="乳百灵" target="_blank">
        <img src="uploadfile/20190411/20190411130455_27.jpg" alt="乳百灵" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-rubailing.html">乳百灵</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="4">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-T20.html" title="乳化剂吐温T-20" target="_blank">
        <img src="uploadfile/20190411/20190411120443_14.jpg" alt="乳化剂吐温T-20" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-T20.html">乳化剂吐温T-20</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="14">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-JFC1.html" title="渗透剂JFC-1" target="_blank">
        <img src="uploadfile/20190327/20190327100357_17.jpg" alt="渗透剂JFC-1" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-JFC1.html">渗透剂JFC-1</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="14">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-AEP.html" title=" 耐碱渗透剂AEP" target="_blank">
        <img src="uploadfile/20190411/20190411130420_33.jpg" alt=" 耐碱渗透剂AEP" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-AEP.html"> 耐碱渗透剂AEP</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="14">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-OEP70.html" title="耐碱渗透剂OEP-70" target="_blank">
        <img src="uploadfile/20190411/20190411130403_33.jpg" alt="耐碱渗透剂OEP-70" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-OEP70.html">耐碱渗透剂OEP-70</a></p>
      </li>
      </div>
   


	  <!---->



    <div class=" col-sm-3 col-6 mb-3 pl-2 pr-2" product_class="14">
         <li class="a-fadeinL">
        <p class="ho_img text-center">
        <a href="huagong-chanpin-OT.html" title="渗透剂OT" target="_blank">
        <img src="uploadfile/20190411/20190411130438_30.jpg" alt="渗透剂OT" class="img-fluid"></a>
        </p>
        <p class="ho_tit"><a href="huagong-chanpin-OT.html">渗透剂OT</a></p>
      </li>
      </div>
   


	  <!---->
      </ul>
  </div>
</div>
  
  
  
</div>

<!--优势-->
<div class=" container-fluid bg-youshi-botoom d-none d-sm-block">
  <div class="row bg-youshi-banner mt-3 social-left wow bounceInUp" data-wow-delay="0.3s"></div>
  <div class=" container">
    <div class="row">
      <div class="p-5 col-12">
        <li class=" social-left wow bounceInUp" data-wow-delay="0.5s"><img src="view/index/$assets/images/index_img_youshi_01.png" alt="" class="card-img"></li>
        <li class=" social-left wow bounceInUp" data-wow-delay="0.8s"><img src="view/index/$assets/images/index_img_youshi_02.png" alt="" class="card-img"></li>
      </div>
    </div>
  </div>
</div>

<!--设备-->


<div class="container mt-5">
  <div class="row">
    <div class="col-12 bg-shebei-tit mb-5 social-left wow bounceInUp" data-wow-delay="0.7s"></div>


	 <!---->

 <li class="col-sm-4 col-6 mb-2 mt-2 social-left wow bounceInLeft" data-wow-delay="1s"><img src="../uploadfile/20190325/20190325030325_13.png" alt="设备1" class="card-img"></li>



<!---->

 <li class="col-sm-4 col-6 mb-2 mt-2 social-left wow bounceInLeft" data-wow-delay="1s"><img src="../uploadfile/20190325/20190325030323_26.png" alt="设备2" class="card-img"></li>



<!---->

 <li class="col-sm-4 col-6 mb-2 mt-2 social-left wow bounceInLeft" data-wow-delay="1s"><img src="../uploadfile/20190325/20190325030347_14.png" alt="设备3" class="card-img"></li>



<!---->

 <li class="col-sm-4 col-6 mb-2 mt-2 social-left wow bounceInLeft" data-wow-delay="1s"><img src="../uploadfile/20190325/20190325040302_40.png" alt="设备4" class="card-img"></li>



<!---->

 <li class="col-sm-4 col-6 mb-2 mt-2 social-left wow bounceInLeft" data-wow-delay="1s"><img src="../uploadfile/20190418/20190418080441_16.jpg" alt="设备5" class="card-img"></li>



<!---->

 <li class="col-sm-4 col-6 mb-2 mt-2 social-left wow bounceInLeft" data-wow-delay="1s"><img src="../uploadfile/20190418/20190418080459_15.jpg" alt="设备6" class="card-img"></li>



<!----> 

  </div>
</div>


<!--联系我们-->
<div class="container mt-5">
  <div class="row">
    <div class="col-12 bg-lianxi-tit mb-5 social-left wow bounceInUp" data-wow-delay="0.5s"></div>
    <div class="col-sm-6 col-12 social-left wow bounceInLeft" data-wow-delay="0.8s">
      <li class="col-12 f18 pt-2"><i class="fa  fa-user text-info w-20"></i>销&nbsp;&nbsp;售&nbsp;&nbsp;部：赵经理 <span class="text-danger">15866274909 微信同号</span></li>
      <li class="col-12 f18 pt-2"><i class="fa fa-envelope text-info w-20"></i>公司邮箱：haijie-chem@163.com</li>
      <li class="col-12 f18 pt-2"><i class="fa fa-map-marker text-info w-20"></i>公司地址：淄博市张店区昌国路东首 </li>
      <div class="col-12 mt-3 mb-3"> 
        
        <!--百度地图容器-->
        <div style="width:100%;height:230px;border:#ccc solid 1px;" id="dituContent"></div>
        <script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }
    
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(118.111249,36.778291);//定义一个中心点坐标
        map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
	var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_SMALL});
	map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
	var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_TOP_LEFT,isOpen:0});
	map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
	var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
	map.addControl(ctrl_sca);
    }
    
    //标注点数组
    var markerArr = [{title:"淄博海杰化工有限公司",content:"淄博海杰化工有限公司",point:"118.111051|36.778552",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
		 ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
			var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
			var iw = createInfoWindow(i);
			var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
			marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#fff",
                        color:"#f00",
                        cursor:"pointer"
            });
			
			(function(){
				var index = i;
				var _iw = createInfoWindow(i);
				var _marker = marker;
				_marker.addEventListener("click",function(){
				    this.openInfoWindow(_iw);
			    });
			    _iw.addEventListener("open",function(){
				    _marker.getLabel().hide();
			    })
			    _iw.addEventListener("close",function(){
				    _marker.getLabel().show();
			    })
				label.addEventListener("click",function(){
				    _marker.openInfoWindow(_iw);
			    })
				if(!!json.isOpen){
					label.hide();
					_marker.openInfoWindow(_iw);
				}
			})()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon( new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    
    initMap();//创建和初始化地图
</script> 
      </div>
    </div>
    <div class="col-sm-6 col-12 mt-1 social-left wow bounceInRight" data-wow-delay="0.8s">

      <form class="form-horizontal " action="advice_form_act.php" method="post" encType="multipart/form-data" name="theform" id="theform" onsubmit='return adviceCheck();'>
        <div class="form-group f16">
          <label>姓名</label>
          <div>
            <input class="form-control"  name="name" type="text" id="name" value="请输入姓名（Name）"  onFocus="this.select()" >
          </div>
        </div>
        <div class="form-group f16">
          <label>联系电话</label>
          <div>
            <input class="form-control" name="phone" type="text"  id="phone" value="请输入联系电话（TEL）" onFocus="this.select()">
          </div>
        </div>
        <div class="form-group f16">
          <label>咨询内容</label>
          <div>
            <textarea name="main" rows="" id="main" onFocus="this.select()"  class="form-control" required placeholder="请输入你要咨询的内容" rows="5">
            </textarea>
          </div>
        </div>
        <div class="form-group">
          <div>
            <button type="submit" class="btn btn-primary"> 提交 </button>
          </div>
        </div>
      </form>

    </div>
  </div>
</div>

<script type="text/javascript">
function show_class_product(classA,class_name,target)
{
	$(target).parent("div").find("li").removeClass("bg-info").removeClass("text-white")
	$(target).addClass("bg-info")
	$(target).addClass("text-white")
  //tianbao_status = $(".home_pro_con").attr("data-status");
  $("[product_class]").hide();
  var selector = "[product_class=" + classA + "]";
  $(selector).show();
}
</script>

<!---->


<!--footer-->

<div class="container-fluid mt-3 social-left wow bounceInUp" data-wow-delay="1s">
  <div class="row bg-info bor-b-info d-none d-sm-block">
    <div class="container p-5">
      <div class="row">
        <div class=" col-sm-3"><img src="view/index/$assets/images/index_bottom_logo.png" alt=""></div>
        <div class="col-sm-3 border-left text-center">
          <h3 class="text-white mt-2 mb-2">快速导航</h3>
          <li><a href="haijie-article-read-116.html" class="text-white">关于海杰</a></li>
          <li><a href="haijie-product-list-page-1-classA-1.html" class="text-white">产品中心</a></li>
          <li><a href="advice_form.php" class="text-white">在线留言</a></li>
          <li><a href="" class="text-white">联系我们</a></li>
        </div>
        <div class="col-sm-4">
          <h3 class="text-white mt-2 mb-2">联系我们</h3>
          <p class="text-white">
            销 售 部：赵经理 15866274909<br>
            公司邮箱：haijie-chem@163.com<br>
            公司地址：淄博市张店区昌国路东首 </p>
        </div>
        <div class="col-sm-2 text-center mt-4"><!-- <img src="view/index/$assets/images/index_bottom_2v.png" alt=""> </div>-->
      </div>
    </div>
  </div>
  <div class="row bg-info">
    <div class="container">
      <li class="p-3 text-white">淄博海杰化工有限公司    版权所有    备案号： <a href="http://beian.miit.gov.cn">鲁ICP备18053157号-1</a></li>
    </div>
  </div>
</div>


    <a href="javascript:scrollTo(0,0)" class="gotop" title="回到顶部" style="display:none;"><i class="fa fa-angle-up fa-2x" aria-hidden="true"></i><br>
    <span>返回顶部</span></a> </div>
</div>
<script type="text/javascript">    
$(document).scroll(function(){ 
	var  scrollTop =  $(document).scrollTop(),bodyHeight = $(window).height(); 
	if(scrollTop > bodyHeight){ 
		$('.fixed-bar .gotop').css('display','block');
	}else{
		$('.fixed-bar .gotop').css('display','none');
	} 
})
$('#close').click(function(){
     $('#one').css('display','none');

});
</script>


</body>
</html>


</body>
</html>
