﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>--Jiangsu Huanan Chemical Co.,Ltd.</title>
<meta name="keywords" content="">
<META NAME="Author" CONTENT="sales@xinan-chem.com" />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="14 days" />
<meta name="rating" content="general" />
<meta name="distribution" content="global" />
<meta name="classification" content="business" />
<meta name="ROBOTS" content="INDEX,FOLLOW" />
<link href="/Html/Index/css/style_cn.css" rel="stylesheet" type="text/css" />
<link href="css/style_cn.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/Html/Index/js01/jquery-1.7.2.min.js"></script>
<link href="/Html/Index/js01/style_index.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #E8E7E7;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
-->
</style></head>

<body>
<table width="1003" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="/Html/Index/images/main_en_01.jpg" width="1003" height="126" alt="Jiangsu Huanan Chemical Co.,Ltd." title="Jiangsu Huanan Chemical Co.,Ltd." /></td>
  </tr>
  <tr>
    <td><img src="/Html/Index/images/main_en_02.jpg" alt="" width="1003" height="51" border="0" usemap="#Map" /></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="/Html/Index/images/main_cn_031_01.jpg" width="3" height="317" alt="" /></td>
        <td><table width="997" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="317"><script type="text/javascript">
$(function() {
	var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
	var len = $("#focus ul li").length; //获取焦点图个数
	var index = 0;
	var picTimer;
	
	//以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
	var btn = "<div class='btnBg'></div><div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "<span></span>";
	}
	btn += "</div><div class='preNext pre'></div><div class='preNext next'></div>";
	$("#focus").append(btn);
	$("#focus .btnBg").css("opacity",0.5);

	//为小按钮添加鼠标滑入事件，以显示相应的内容
	$("#focus .btn span").css("opacity",0.4).mouseenter(function() {
		index = $("#focus .btn span").index(this);
		showPics(index);
	}).eq(0).trigger("mouseenter");

	//上一页、下一页按钮透明度处理
	$("#focus .preNext").css("opacity",0.2).hover(function() {
		$(this).stop(true,false).animate({"opacity":"0.5"},300);
	},function() {
		$(this).stop(true,false).animate({"opacity":"0.2"},300);
	});

	//上一页按钮
	$("#focus .pre").click(function() {
		index -= 1;
		if(index == -1) {index = len - 1;}
		showPics(index);
	});

	//下一页按钮
	$("#focus .next").click(function() {
		index += 1;
		if(index == len) {index = 0;}
		showPics(index);
	});

	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$("#focus ul").css("width",sWidth * (len));
	
	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
	$("#focus").hover(function() {
		clearInterval(picTimer);
	},function() {
		picTimer = setInterval(function() {
			showPics(index);
			index++;
			if(index == len) {index = 0;}
		},4000); //此4000代表自动播放的间隔，单位：毫秒
	}).trigger("mouseleave");
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showPics(index) { //普通切换
		var nowLeft = -index*sWidth; //根据index值计算ul元素的left值
		$("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position
		//$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
		$("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果
	}
});

        </script>
                <div id="focus">
                  <ul>
                    <li><a href="#"><img src="/Html/Index/images/main_cn_031_021.jpg" border="0" alt="" /></a></li>
                    <li><a href="#"><img src="/Html/Index/images/main_cn_031_022.jpg" border="0" alt="" /></a></li>
                    <li><a href="#"><img src="/Html/Index/images/main_cn_031_023.jpg" border="0" alt="" /></a></li>
                  </ul>
                </div></td>
          </tr>
        </table></td>
        <td><img src="/Html/Index/images/main_cn_031_03.jpg" width="3" height="317" alt="" /></td>
      </tr>
    </table></td>
  </tr>
</table>

<map name="Map" id="Map">
  <area shape="rect" coords="898,5,971,46" href="/index.html" />
  <area shape="rect" coords="802,3,875,44" href="/contact_en.html" />
  <area shape="rect" coords="706,6,779,47" href="/order_en.html" />
  <area shape="rect" coords="614,5,687,46" href="/cpdz_en.html" />
  <area shape="rect" coords="520,5,593,46" href="/honors_en.html" />
  <area shape="rect" coords="418,5,491,46" href="/facility_en.html" />
  <area shape="rect" coords="316,5,389,46" href="/news_en.html" />
  <area shape="rect" coords="219,4,292,45" href="/product_en.html" />
  <area shape="rect" coords="22,6,97,46" href="/index.html" />
<area shape="rect" coords="120,4,193,45" href="/about_en.html" />
</map>
<map name="Map2" id="Map2"><area shape="rect" coords="939,30,992,48" href="/product_cn.html" />
</map>
<map name="Map3" id="Map3"><area shape="rect" coords="12,26,55,47" href="/about_cn.html" />
</map>
<map name="Map4" id="Map4">
  <area shape="rect" coords="932,28,994,51" href="/contact_cn.html" />
</map>
<link href="/Html/Index/css/style_cn.css" rel="stylesheet" type="text/css">
<link href="css/style_cn.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="/Html/Index/images/bj04.jpg"><table width="1003" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top" bgcolor="#FFFFFF"><table width="262" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><link href="/Html/Index/css/style_cn.css" rel="stylesheet" type="text/css">
<link href="css/style_cn.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<table width="251" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="/Html/Index/images/about_en_04.jpg" width="262" height="71" alt="" /></td>
  </tr>
  <tr>
    <td height="442" valign="top" background="/Html/Index/images/about_cn_06.jpg"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="20%">&nbsp;</td>
        <td width="70%"><table width="100%"  border="0" cellpadding="0" cellspacing="0">
          <tr>
                        <td align="left"><a href="/product_detail_en/id/4.html" title="Methyl-5-chloropyrazine-2-carboxylate" class="a01">Methyl-5-chloropyrazine-2-carb</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/5.html" title="2,4,6-Trichlorophenylhydrazine" class="a01">2,4,6-Trichlorophenylhydrazine</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/6.html" title="4'-Fluoroacetophenone" class="a01">4'-Fluoroacetophenone</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/7.html" title="1H-Benzimidazole, 6-iodo-2-methyl-" class="a01">1H-Benzimidazole, 6-iodo-2-met</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/8.html" title="2-Amino-5-bromopyridine" class="a01">2-Amino-5-bromopyridine</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/9.html" title="2,5-Dibromopyridine" class="a01">2,5-Dibromopyridine</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/10.html" title="2-Iodobenzoic acid" class="a01">2-Iodobenzoic acid</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/11.html" title="2-Iodoaniline" class="a01">2-Iodoaniline</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/12.html" title="2-fluoropyridine" class="a01">2-fluoropyridine</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/13.html" title="3-Methylpyrazole" class="a01">3-Methylpyrazole</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/14.html" title="Ethyl pyrazole-3-carboxylate" class="a01">Ethyl pyrazole-3-carboxylate</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/15.html" title="3-Octanol" class="a01">3-Octanol</a></td>
              </tr><tr><td align="left"><a href="/product_detail_en/id/16.html" title="ethyl chloro[2-(4-methoxyphenyl)hydrazinylidene]acetate" class="a01">ethyl chloro[2-(4-methoxypheny</a></td>
              </tr><tr>          </tr>
        </table></td>
        <td width="10%">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>

</td>
            </tr>
        </table></td>
        <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><img src="/Html/Index/images/about_en_052.jpg" width="741" height="71" alt="" /></td>
                  </tr>
              </table></td>
            </tr>
            <tr>
              <td height="410" valign="top" background="/Html/Index/images/about_cn_07.jpg">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="4%">&nbsp;</td>
                      <td width="91%"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                  <td height="28" bgcolor="#096FB9"><div align="center" class="a05"><strong></strong></div></td>
                                </tr>
                                <tr>
                                  <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td class="a01"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                                          <tr>
                                            <td class="a01"><table width="100%" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC" >
                                              <tr >
                                                <td width="151" valign="center" bgcolor="#EFEFEF" class="a01" ><div align="center">CAS No. </div></td>
                                                <td width="510" valign="center" bgcolor="#EFEFEF" class="a01" ><div align="left"><span class="a01"></span></div></td>
                                              </tr>
                                              <tr >
                                                <td valign="center" bgcolor="#FFFFFF" class="a01" ><div align="center">Content</div></td>
                                                <td valign="center" bgcolor="#FFFFFF" class="a01" ><div align="left"></div></td>
                                              </tr>
                                              <tr >
                                                <td valign="center" bgcolor="#EFEFEF" class="a01" ><div align="center">Appearance</div></td>
                                                <td valign="center" bgcolor="#EFEFEF" class="a01" ></td>
                                              </tr>
                                              <tr >
                                                <td width="151" valign="center" bgcolor="#FFFFFF" class="a01" ><div align="center">Structural formula</div></td>
                                                <td width="510" valign="center" bgcolor="#FFFFFF" class="a01" >
                                                  <div align="left"><img src="/Public/Uploads/" style="margin-bottom:3px;" /></div></td></tr>
                                            </table>                                            
                                              <br />
                                              <table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                <tr>
                                                  <td><div align="center" class="a01">[ <a href="/product_en.html">BACK</a> ] </div></td>
                                                </tr>
                                              </table></td>
                                          </tr>

                                        </table></td>
                                      </tr>
                                  </table></td>
                                </tr>
                            </table></td>
                      <td width="5%">&nbsp;</td>
                    </tr>
                </table></td>
            </tr>
            <tr>
              <td valign="top"><img src="/Html/Index/images/about_cn_08.jpg" width="741" height="32" alt="" /></td>
            </tr>
            
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
<table width="1003" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="102" background="/Html/Index/images/main_cn_10.jpg"><div align="center" class="a01"><a href="/index.html">Home</a> | <a href="/about_en.html">About us</a> | <a href="/product_en.html">Products</a> | <a href="/news_en.html">News</a> | <a href="/facility_en.html">Facility</a> | <a href="/honors_en.html">Honors</a> | <a href="/cpdz_en.html">Custom</a> | <a href="/order_en.html">Order</a> | <a href="/contact_en.html">Contact us</a> | <a href="/index.html">中文版</a> 【<a href="/Netsun.php" target="_blank">Admin</a>】<br />
      Copyright(C)2015,<a href="http://04696.cn.chemnet.com/show/" target="_blank">Jiangsu Huanan Chemical Co.,Ltd. </a> All Rights Reserved.
            Supported by <a href="http://www.chemnet.com/" target="_blank">ChemNet</a> <a href="http://www.chinachemnet.com/" target="_blank">ChinaChemNet</a> <a href="http://www.toocle.com" target="_blank">Toocle</a> <a href="/zzq/eindex.html" target="_blank">Copyright
        Notice</a></div></td>
  </tr>
</table>
<!-- Baidu Button BEGIN -->
				<script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=3&amp;pos=right&amp;uid=0" ></script>
				<script type="text/javascript" id="bdshell_js"></script>
				<script type="text/javascript">
				document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
				</script>
				<!-- Baidu Button END --></body>
</html>