Drug
/
index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>HUAPONT PHARM</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="/css/amazeui.css">
<link rel="stylesheet" href="/css/style.css">
<script src="/js/jQuery1.7.2.js"></script>
<script src="/js/amazeui.js"></script>
<!--[if lt IE 9]>
        <script src="/js/html5shiv.js"></script>
        <script src="/js/respond.min.js"></script>
<![endif]-->
<!--[if lte IE 6]>
<meta http-equiv="refresh" content="0;url=/no-ie6.html" />
<![endif]-->
<!--[if lte IE 7]>
<meta http-equiv="refresh" content="0;url=/no-ie6.html" />
<![endif]-->
</head>
<body>
<div class="head">
  <div class="mainwidth">
    <nav class="nav">
      <header class="am-topbar">
        <h1 class="am-topbar-brand"> <a href="/" class="am-text-ir">HUAPONT PHARM</a> </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
          <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right">
            <li class="am-active"><a href="/">HOME</a></li>

            <li><a href='/about/'>ABOUT US</a></li>

            <li><a href='/products/'>PRODUCTS</a></li>

            <li><a href='/contacts/'>CONTACTS</a></li>

            <li>
              <form class="am-topbar-form am-topbar-left am-form-inline" role="search" action="/news">
                <div class="am-form-group">
                  <input type="text" class="am-form-field am-radius" name="keyword" placeholder="SEARCH">
                </div>
              </form>
            </li>
            <li class="language">
              <div class="am-topbar-right"><a href="/" target="_blank" >中文</a></div>
            </li>
          </ul>
        </div>
      </header>
    </nav>
  </div>
</div>
<div class="banner index"><img src="/images/index_banner.png" /> </div>
<div class="mainwidth">
  <div class="index_banner_container">
    <ul class="am-avg-md-2 am-avg-lg-4 am-thumbnails">
      <li><img class="am-thumbnail" src="/images/banner_f1.png" />
        <div class="desc"> <a href="/about/17">德百制药有限公司成立于1994年9月，是以皮肤、结核药物的研发、生产、销售为主的制药企业。</a> </div>
      </li>
      <li><img class="am-thumbnail" src="/images/banner_f2.png" />
        <div class="desc"> <a href="/about/18">国内知名的药物研发机构拥有多项专利技术发明和核心技术</a> </div>
      </li>
      <li><img class="am-thumbnail" src="/images/banner_f3.png" />
        <div class="product"><a href="/products/">Tretinoin cream</a>
<a href="/products/">萘替芬酮康唑乳膏</a>
<a href="/products/">维胺酯胶囊</a>
<a href="/products/">异维A酸软胶囊</a>
<a href="/products/">复方氨肽素片</a>
<a href="/products/">他扎罗汀凝胶/乳膏</a>
</div>
      </li>
      <li><img class="am-thumbnail gbook" src="/images/banner_f4.png" />
        <div class="desc"><a href="javascript:void(0);" onClick="$('.gbook').click();">我们会第一时间回复您的信息</a></div>
        <div class="am-modal am-modal-prompt" tabindex="-1" id="my-gbook">
          <div class="am-modal-dialog">
            <form action="" enctype="multipart/form-data" id="gbookForm" method="post">
              <div class="am-modal-hd"></div>
              <div class="am-modal-bd"> <img src="/images/logo.png" style="width:200px;">
              <div class="modal-title">PLEASE FILL IN YOUR REQUIREMENTS AND SUGGESTIONS, WE WILL CHECK AND REPLY AT THE FIRST TIME</div>
               <div class="am-form-group">
      			<label for="doc-ipt-email-1">Topic</label>
                <input type="text" name="topic" id="topic" class="am-modal-prompt-input" value="">
    			</div>
               <div class="am-form-group">
      			<label for="doc-ipt-email-1">Content</label>
                <textarea name='info' class="am-modal-prompt-input" id="gbook_content"></textarea>
    			</div>
              </div>
              <div class="am-modal-footer"><span class="am-modal-btn" data-am-modal-confirm>SEND</span> <span class="am-modal-btn" data-am-modal-cancel>CANCEL</span> </div>
            </form>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <!--second_nav begin-->
  <div class="second_nav_box">
    <ul class="am-avg-sm-1 am-avg-md-2 am-avg-lg-2">
      <li>
        <div class="second_nav">
          <div class="ico"><img src="/images/second_nav01.png"></div>
          <div class="info"><span class="title">CORPORATE CULTURE</span><br>
            <br>
            德百制药有限公司成立于1994年9月，是以皮肤、结核药物的研发、生产、销售为主的制药企业。</div>
          <div class="more"><a href="/about/76"><img src="/images/second_nav_more.png" /></a></div>
        </div>
      </li>
      <li>
        <div class="second_nav">
          <div class="ico"><img src="/images/second_nav02.png"></div>
          <div class="info"><span class="title">COOPERATIVE PARTNER</span><br>
            <br>
            为了更好的服务我们的顾客，德百营销中心建立了覆盖全国的销售网络和全面的基础数据服务平台。数百位拥有专业的技能和服务精神的推广服务人员努力为我们的顾客提供最适合的产品和最好的服务。</div>
          <div class="more"><a href="/about/76"><img src="/images/second_nav_more.png" /></a></div>
        </div>
      </li>
      <li>
        <div class="second_nav">
          <div class="ico"><img src="/images/second_nav03.png"></div>
          <div class="info"><span class="title">R&D CENTER,TECHNICAL TEAM</span><br>
            <br>
            我们应当永远铭记，药物是为人类而生产，不是为追求利润而制造的。只要我们坚守这一信念，利润必将随之而来。仅仅发明了一种新药，并非已经大功告成，我们还要探索有效途径，使默沙东的最佳科研成果，能够造福于全人类。</div>
          <div class="more"><a href="/RD"><img src="/images/second_nav_more.png" /></a></div>
        </div>
      </li>
      <li>
        <div class="second_nav">
          <div class="ico"><img src="/images/second_nav04.png"></div>
          <div class="info"><span class="title">Company qualification</span><br>
            <br>
            环境保护是企业的社会责任与义务。公司一直将环境保护作为一项重点工作开展，设立有专职环保管理部门和环保专员。在此基础上，我公司通过了ISO14001环境管理体系认证。</div>
          <div class="more"><a href="/about/20"><img src="/images/second_nav_more.png" /></a></div>
        </div>
      </li>
    </ul>
  </div>
  <!--hot news-->
  <div class="hot_news am-slider am-slider-default" data-am-flexslider="{itemWidth: 295, itemMargin: 5, slideshow: false}">
    <div class="main_column_title"><span>HOT NEWS</span></div>
    <ul class="am-slides">
      <li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">Negotiate business reception Hu</a></div>
      </li>
      <li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">Negotiate business reception Hu</a></div>
      </li>
<li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">Negotiate business reception Hu</a></div>
      </li>
      <li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">Negotiate business reception Hu</a></div>
      </li>
<li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">professional skin category serv</a></div>
      </li>
      <li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">professional skin category serv</a></div>
      </li>
<li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">Negotiate business reception Hu</a></div>
      </li>
      <li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">Negotiate business reception Hu</a></div>
      </li>
<li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">Negotiate business reception Hu</a></div>
      </li>
      <li>
        <div class="img"><a href="/news"><img class="am-thumbnail" src="/images/news.jpg" /></a></div>
        <div class="title"><a href="/news">Negotiate business reception Hu</a></div>
      </li>

    </ul>
  </div>
  <!--three_nav-->
  <div class="three_nav_box">
    <div class="am-g doc-am-g">
      <div class="am-u-sm-12 am-u-md-12 am-u-lg-5">
        <div class="main_column_title"><span>COMPANY ORGANIZATION CHART</span></div>
        <div class="three_nav not_fast">
          <ul>
            <li><a href="javascript:void(0)" data-am-modal="{target: '#index-modal-3'}">Chongqing Huapont Pharmaceutical Co., Ltd</a>
              <div class="am-modal index-model" tabindex="-1" id="index-modal-3">
                <div class="am-modal-dialog">
                  <div class="am-modal-hd"> <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close >&times;</a> </div>
                  <div class="am-modal-bd"> <img src="/images/modal_huapont.png"/> </div>
                </div>
              </div>
            </li>
            <li><a href="javascript:void(0)" data-am-modal="{target: '#index-modal-4'}">Chongqing Huapont Shengchem Pharmaceutical Co., Ltd</a>
              <div class="am-modal index-model" tabindex="-1" id="index-modal-4">
                <div class="am-modal-dialog">
                  <div class="am-modal-hd"> <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close >&times;</a> </div>
                  <div class="am-modal-bd"> <img src="/images/modal_shengchen.png"/> </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
        <div class="main_column_title"><span>OUR TEAM</span></div>
        <div class="three_nav not_first not_last">
          <ul>
            <li class="team_title"><a href="javascript:void(0)">International Trade</a> <div class="team_box">
                <ul>
                  <li><a href="javascript:void(0)">Speak Wei<span>(Managing Director)</span></a>
                    <div class="team_box_info">
                      <div class="img"><img src="/images/team.jpg"/></div>
                      <div class="info">在&quot;以优质产品，服务大众健康&quot;理念的牵引下，公司制剂与原料药产品销往国内和海外市场，皮肤、结核等多个治疗用药领域取得令人瞩目的发展，连续多年位居国内皮肤临床用药领导地位。</div>
                    </div>
                  </li>
                </ul>
              </div>
 </li><li class="team_title"><a href="javascript:void(0)">Salesman</a> <div class="team_box">
                <ul>
                  <li><a href="javascript:void(0)">Speak Liu<span>(Managing Director)</span></a>
                    <div class="team_box_info">
                      <div class="img"><img src="/images/team.jpg"/></div>
                      <div class="info">在&quot;以优质产品，服务大众健康&quot;理念的牵引下，公司制剂与原料药产品销往国内和海外市场，皮肤、结核等多个治疗用药领域取得令人瞩目的发展，连续多年位居国内皮肤临床用药领导地位。</div>
                    </div>
                  </li>
                </ul>
              </div>
 </li>
          </ul>
        </div>
      </div>
      <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
        <div class="main_column_title"><span>MAP</span></div>
        <div class="three_nav not_first">
          <ul>
            <li><a href="javascript:void(0)" data-am-modal="{target: '#index-modal-1'}">HEAD  QUARTER</a>
              <div class="am-modal index-model" tabindex="-1" id="index-modal-1">
                <div class="am-modal-dialog">
                  <div class="am-modal-hd"> <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close >&times;</a> </div>
                  <div class="am-modal-bd"> <img src="/images/modal_map1.png"/> </div>
                </div>
              </div>
            </li>
            <li><a href="javascript:void(0)" data-am-modal="{target: '#index-modal-2'}">API MANUFACTURING SITE</a>
              <div class="am-modal index-model" tabindex="-1" id="index-modal-2">
                <div class="am-modal-dialog">
                  <div class="am-modal-hd"> <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close >&times;</a> </div>
                  <div class="am-modal-bd"> <img src="/images/modal_map2.png"/> </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="foot">
  <div class="mainwidth">
    <div class="foot_body">
      <li class="foot_li">
        <div class="img"><img src="/images/foot01.png"/></div>
      </li>
      <li class="foot_li border_r">
        <div class="img"><img src="/images/foot02.png"/></div>
        <ul>
          <li><a href="/" target="_blank">友情链接友情链接</a> </li>
          <li><a href="/" target="_blank">友情链接友情</a> </li>
          <li><a href="/" target="_blank">友情链接友情链接</a> </li>
          <li><a href="/" target="_blank">友情链接</a> </li>
          <li><a href="/" target="_blank">友情链接友情链接</a> </li>
          <li><a href="/" target="_blank">友情链情链接</a> </li>
        </ul>
      </li>
      <li class="foot_li border_r contact">
        <div class="img"><img src="/images/foot03.png"/></div>
        <div class="info"> 地址：德州市德城区和星光大道69 <br/>
          邮编：401121 <br/>
          邮箱：12345678@163.cn </div>
      </li>
      <li class="foot_li">
        <div class="img"><img src="/images/foot04.png"/></div>
      </li>
    </div>
    <div class="foot_copyright">© 2015 Yinghuoxing </div>
  </div>
</div>
<script src="/js/main.js"></script>
<script>
$(function(){
	for(i=0;i<3;i++){
		$(".index_banner_container .am-thumbnails > li").eq(i).click(function(){
			location.href=$(this).find("a").attr("href");
		});
	}
	$(".second_nav_box .second_nav .ico img").click(function(){
		location.href=$(this).parent().parent().find(".more a").attr("href");
	});
	$('.gbook').on('click', function() {
		$('#my-gbook').modal({
			relatedTarget: this,
			onConfirm: function(e) {
				if( $("#gbook_content").val()!="" && $("#topic").val()!=""){
					$("#gbookForm").submit();
				}else{
					alert("Topic And Content can't be empty");
				}
		  }
		});
	});
})
</script>
</body>
</html>