Lee
/
htlygw
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

新增pc端页面

master
Lee-1203 2022-03-17 18:18:12 +08:00
parent c69a2c7ee5
commit 82a19788f8
59 changed files with 2603 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

641
about.html Normal file
View File

@ -0,0 +1,641 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="河南华泰集团" />
<meta name="keywords" content="河南华泰集团" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#1a73e9">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>关于我们-河南华泰集团</title>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
<!-- logo -->
<h1 class="logo">
<a href="index.html"><img src="images/logo.png" alt="河南华泰集团" title="河南华泰集团"></a>
</h1>
<div class="stock">股票代码：837819</div>
<!-- 导航 -->
<ul class="nav">
<li><a href="index.html">首页</a></li>
<li class="active">
<a href="about.html">关于我们</a>
<div class="nav-son">
<div class="son-top">
粮油产业，共创优良品质
</div>
<div class="son-bottom">
<a href="">公司概况</a>
<a href="">发展历程</a>
<a href="">制造实力</a>
<a href="">愿景使命</a>
<a href="">荣誉资质</a>
<a href="">社会责任</a>
</div>
</div>
</li>
<li>
<a href="solution.html">行业解决方案</a>
<div class="nav-sub">
<div class="sub-left">
<span class="cur">油脂及深加工</span> <span>淀粉粮食加工</span> <span>酿造工程</span> <span>废水废气处理</span> <span>固态发酵</span> <span>医疗灭菌</span>
</div>
<div class="sub-right">
<span>
<a href="">玉米淀粉</a>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
<a href="">结晶葡萄糖</a>
<a href="">DDGS</a>
<a href="">稻壳清蒸</a>
<a href="">制曲</a>
<a href="">玉米淀粉</a>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
<a href="">结晶葡萄糖</a>
<a href="">DDGS</a>
<a href="">稻壳清蒸</a>
<a href="">制曲</a>
<a href="">玉米淀粉</a>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
<a href="">结晶葡萄糖</a>
<a href="">DDGS</a>
<a href="">稻壳清蒸</a>
<a href="">制曲</a>
</span>
<span>
<a href="">玉米淀粉</a>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
</span>
<span>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
<a href="">结晶葡萄糖</a>
<a href="">DDGS</a>
<a href="">稻壳清蒸</a>
<a href="">制曲</a>
</span>
<span>
<a href="">DDGS</a>
<a href="">稻壳清蒸</a>
<a href="">制曲</a>
<a href="">玉米淀粉</a>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
<a href="">结晶葡萄糖</a>
<a href="">DDGS</a>
<a href="">稻壳清蒸</a>
<a href="">制曲</a>
</span>
<span>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
<a href="">结晶葡萄糖</a>
<a href="">DDGS</a>
<a href="">稻壳清蒸</a>
<a href="">制曲</a>
<a href="">玉米淀粉</a>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
<a href="">结晶葡萄糖</a>
<a href="">DDGS</a>
<a href="">稻壳清蒸</a>
<a href="">制曲</a>
<a href="">玉米淀粉</a>
</span>
<span>
<a href="">玉米淀粉</a>
<a href="">小麦淀粉</a>
<a href="">淀粉糖</a>
<a href="">谷朊粉</a>
<a href="">结晶葡萄糖</a>
</span>
</div>
</div>
</li>
<li>
<a href="case.html">客户案例</a>
<div class="nav-son">
<div class="son-top">
粮油产业，共创优良品质
</div>
<div class="son-bottom">
<a href="">油料预浸</a>
<a href="">油脂精炼</a>
<a href="">淀粉及深加工</a>
<a href="">固态发酵</a>
<a href="">仓储物流</a>
<a href="">节能蒸发</a>
<a href="">国际客户案例</a>
</div>
</div>
</li>
<li>
<a href="product.html">产品中心</a>
<div class="nav-son">
<div class="son-top">
粮油产业，共创优良品质
</div>
<div class="son-bottom">
<a href="">油脂及深加工</a>
<a href="">淀粉粮食加工</a>
<a href="">酿造工程</a>
<a href="">废水废气处理</a>
<a href="">固态发酵</a>
<a href="">医疗灭菌</a>
</div>
</div>
</li>
<li>
<a href="service.html">服务与支持</a>
<div class="nav-son">
<div class="son-top">
粮油产业，共创优良品质
</div>
<div class="son-bottom">
<a href="">服务范围</a>
<a href="">下载中心</a>
</div>
</div>
</li>
<li><a href="news.html">新闻动态</a></li>
<li>
<a href="develop.html">职业发展</a>
<div class="nav-son">
<div class="son-top">
粮油产业，共创优良品质
</div>
<div class="son-bottom">
<a href="">人才理念</a>
<a href="">人才培养</a>
<a href="">招聘职位</a>
</div>
</div>
</li>
<li><a href="contact.html">联系我们</a></li>
<li><a href="#">链接720云</a></li>
</ul>
<div class="language">
<img src="images/language.png" alt="语言">
<span>语言</span>
<img src="images/arrow-down.png" alt="更多">
</div>
<div class="search">
<img src="images/search.png" alt="搜索">
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 轮播图 -->
<div class="pull-banner w100">
<img src="images/banner/banner-about.jpg" alt="">
<div class="pull-banner-title w1360">
<h2>关于我们</h2>
<p>匠心打造高品质解决方案，成就客户，共创美好</p>
<span><a href="index.html">首页</a> / 关于我们 </span>
</div>
<div class="pull-nav w1360">
<a href="" class="active">公司概况</a>
<ins></ins>
<a href="">发展历程</a>
<ins></ins>
<a href="">制造实力</a>
<ins></ins>
<a href="">愿景使命</a>
<ins></ins>
<a href="">荣誉资质</a>
<ins></ins>
<a href="">社会责任</a>
<ins></ins>
</div>
</div>
<!-- 主体内容 -->
<!-- 企业概况 -->
<div class="about-survey-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="survey">
<div class="about-survey w1360">
<div class="about-survey-content">
<div class="survey-txt">
<h3>河南华泰集团</h3>
<span>
<p>河南华泰专注于追求严谨工艺和对客户承诺的交付，我们拥有现代自动化的生产设备，变安装为组装，为客户设计安装设备，为客户提供良好的售后服务。河南华泰粮油机械股份有限公司工贸结合，拥有自己的专业研发团队、生产团队、项目安装团队，国内外销售团队及物流团队，各个团队部门之间相互合作，配合默契，为客户提供从设计到售后的一条龙服务。</p><br />
<p>河南华泰所出的每一套机械设备均为客户量身定做，我们的销售人员了解客户的具体需求之后，我们的工程师将会按照客户的需求、当地的气候、客户的经济状况以及今后的发展为客户设计设备工艺及工厂的布局，为客户解决后顾之忧。</p><br />
<p>国内外客户的留言，华泰销售人员将会在24小时之内回复，然后工程师根据需求为您制作方案及报价，我们正常在收到定金30-40天交货，然后我们的工程师将会去实地安装培训，直到设备运营良好。精工制胜：我们的信念是“精工制胜”，河南华泰工厂总占地面积100，000m2，其中车间制造面积超过21600平方米。总部配有规范专业的生产车间8个，机加工车间2个和12个工程安装部等。华泰机械拥有生产加工设备120台，其中车床、刨床、铣床、钻床80多台，剪板成型设备10余台，焊接设备有埋弧自动焊机6台，直流焊机、交流焊机80多台，还配备有各种辅助设备和检测设备。欢迎各位来参观我们的工厂！</p>
</span>
</div>
<ul class="survey-data">
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>公司年限</span>
<p><em class="data-number">33</em><span>年</span></p>
<span>大型粮油制造企业</span>
</li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>公司占地</span>
<p><em class="data-number">100000</em></p>
<span>平方米工业厂房</span>
</li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>专利技术</span>
<p><em class="data-number">56</em><span>项</span></p>
<span>国家专利</span>
</li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>产品出口</span>
<p><em class="data-number">50</em><span>+</span></p>
<span>国家地区</span>
</li>
</ul>
</div>
<div class="about-survey-img wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<img src="images/survey.jpg" alt="">
</div>
</div>
</div>
<!-- 发展历程 -->
<div class="about-course-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="course">
<div class="index-title index-title-black w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<h2>发展历程</h2>
<span>始终坚持科技与品质同行，敢于创新、追求 拷贝</span>
</div>
<div class="memorabili-txt w1360">
<div class="memorabili-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<strong>2022年</strong>
<p>
公司成立子公司<br />
河南省安久医疗器械有限公司
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2018年</strong>
<p>
公司成立子公司<br />
河南华泰农业有限公司
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2017年</strong>
<p>
公司成立子公司<br />
河南省华泰环境工程有限公司
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2016年</strong>
<p>
公司新三板.上市<br />
股票代码837819
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>2014年</strong>
<p>
公司股改<br />
河南华泰粮油机械股份有限公司
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>1988年</strong>
<p>
公司成立命名<br />
滑县粮机厂
</p>
<em><ins></ins></em>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="line"></div>
</div>
</div>
<!-- 制造实力 -->
<div class="strength-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="strength">
<div class="strength-img w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<img src="images/strength.jpg" alt="">
<span><img src="images/icon/icon-play.png" alt=""></span>
</div>
<div class="strength-content w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="index-title index-title-black w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<h2>制造实力</h2>
<span>始终坚持科技与品质同行，敢于创新、追求</span>
</div>
<div class="strength-txt">
<p>字后台替换河南华泰专注于追求严谨工艺和对客户承诺的交付，我们拥有现代自动化的生产设备，变安装为组装，为客户设计安装设备，为客户提供良好的售后服务。河南华泰粮油机械股份有限公司工贸结合，拥有自己的专业研发团队、生产团队、项目安装团队，国内外销售团队及物流团队，各个团队部门之间相互合作，配合默契，为客户提供从设计到售后的一条龙服务。河南华泰所出的每一套机械设备均为客户量身定做，我们的销售人员了解客户的具体需求之后，我们的工程师将会按照客户的需求、当地的气候、客户的经济状况以及今后的发展为客户设计设备工艺及工厂的布局，为客户解决后顾之忧。</p>
</div>
</div>
</div>
<!-- 视频弹窗 -->
<div class="video-list-bg">
<div class="close-video"><img src="images/icon/icon-close.png" alt="关闭"></div>
<ul class="video-list">
<li>
<video width="800" height="450" controls="controls" autoplay="autoplay">
<source src="video/A001_720.mp4" type="video/mp4"></source>
</video>
</li>
</ul>
</div>
<!-- 愿景使命 -->
<div class="vision-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="vision">
<div class="vision w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="index-title index-title-black w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<h2>愿景使命</h2>
<p>河南华泰专注于追求严谨工艺和对客户承诺的交付，我们拥有现代自动化的生产设备，变安装为组装，为客户设计安装设备，为客户提供良好的</p>
</div>
<ul class="vision-list">
<li>
<div class="vision-img"><img src="images/vision01.jpg" alt=""></div>
<div class="vision-txt">
<img src="images/vision02.jpg" alt="">
<p>
<strong>华泰目标</strong>
<span>粮油产业，共创优良品质</span>
</p>
</div>
</li>
<li>
<div class="vision-img"><img src="images/vision04.jpg" alt=""></div>
<div class="vision-txt">
<img src="images/vision03.jpg" alt="">
<p>
<strong>华泰人</strong>
<span>先做人，后做事；简单做人，用心做事</span>
</p>
</div>
</li>
</ul>
</div>
</div>
<!-- 荣誉资质 -->
<div class="honor-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="vision">
<div class="honor-swiper swiper w1360">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
<div class="honor-item">
<span><img src="images/honor.jpg" alt=""></span>
<div class="honor-txt">
<p>米糠提取分离蛋白的生产方法</p>
<p>专利号: ZL 2009 10064611.1</p>
</div>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="slogin w100">
<img src="images/huatai.png" alt="">
<p>河南华泰专注于追求严谨工艺和对客户承诺的交付，我们拥有现代自动化的生产设备，变安装为组装，为客户设计安装设备，为客户提供良好的售后服务</p>
</div>
<div class="foot-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<ul class="foot w1520">
<li>
<strong>关于我们</strong>
<a href="">公司概况</a> <a href="">发展历程</a> <a href="">制造实力</a> <a href="">愿景使命</a> <a href="">荣誉资质</a> <a href="">社会责任</a>
</li>
<li>
<strong>行业解决方案</strong>
<a href="">油脂及深加工</a> <a href="">淀粉粮食加工</a> <a href="">酿造工程</a> <a href="">废水废气处理</a> <a href="">固态发酵</a> <a href="">医疗灭菌</a>
</li>
<li>
<strong>客户案例</strong>
<a href="">油料预浸</a> <a href="">油脂精炼</a> <a href="">淀粉及深加工</a> <a href="">固态发酵</a> <a href="">仓储物流</a> <a href="">节能蒸发</a> <a href="">国际客户案例</a>
</li>
<li>
<strong>产品中心</strong>
<a href="">油脂及深加工</a>
<a href="">淀粉粮食加工</a>
<a href="">酿造工程</a>
<a href="">废水废气处理</a>
<a href="">固态发酵</a>
<a href="">医疗灭菌</a>
</li>
<li>
<strong>服务与支持</strong>
<a href="">服务范围</a>
<a href="">下载中心</a>
</li>
<li>
<strong>职业发展</strong>
<a href="">人才理念</a> <a href="">人才培养</a> <a href="">招聘职位</a>
</li>
<li>
<strong>联系我们</strong>
<span>电 话：0372-8112798<em>8128666</em>8115666</span> <span>销售客服：15896803999 (非销售业务勿扰)</span> <span>传 真：0372-8116068</span> <span>邮 箱：hxljc@hxljc.com</span> <span>公司总部地址：河南省滑县新区湘江路与富民路交汇处</span> <span>郑州研发中心地址：郑州市高新区翠竹街1号企业总部基地26号楼6层</span> <span>网 址：huatailiangji.com</span>
</li>
</ul>
<div class="foot-bottom w1520 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot-left">
<p><a href="">公司动态</a><a href="">联系我们</a><a href="">公司全景</a></p>
<p>© 2022 河南华泰粮油机械股份有限公司<a href="">豫ICP备13021231号-5</a>技术支持：大向天成</p>
</div>
<div class="foot-right">
<img src="images/ewm.jpg" alt="">
<img src="images/ewm.jpg" alt="">
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
// <![CDATA[
var ais=1;
$(window).scroll(function() {
var data=$(".about-survey-bg").offset().top;
var oTop=document.body.scrollTop==0?document.documentElement.scrollTop:document.body.scrollTop; //IE和chrome获取方式不一样
if(oTop+$(window).height()-50>data&& ais==1){
ais=2;
$('.data-number').each(function(){
$(this).prop('Counters',0).animate({
Crs: $(this).text()
},{
duration: 1200,
easing: 'swing',
step: function (now){
$(this).text(Math.ceil(now));
}
});
});
}
});
// ]]>
// 视频播放
$('.strength-img').click(function(){
$('.video-list-bg').show();
$(".video-list>li").addClass('show');
});
$('.close-video').click(function(){
$('.video-list-bg').hide();
$(".video-list>li").removeClass('show');
});
</script>
</html>

9
case.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

9
contact.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

1127
css/style.css
View File

File diff suppressed because it is too large Load Diff

9
develop.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

BIN
images/about-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 KiB

BIN
images/arrow-left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/arrow-right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/banner/banner-about.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 771 KiB

BIN
images/ewm.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
images/foot-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
images/honor.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
images/huatai.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 193 KiB

BIN
images/icon/icon-about-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
images/icon/icon-about-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
images/icon/icon-about-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
images/icon/icon-about-04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
images/icon/icon-close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 580 B

BIN
images/icon/icon-play.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
images/news.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

BIN
images/service01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
images/service02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/service03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/service04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
images/service05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/service06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
images/service07.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
images/service08.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/slogin-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 292 KiB

BIN
images/solution-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
images/solution-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
images/solution-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
images/solution-04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
images/solution-05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
images/solution-06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
images/solution.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 619 KiB

BIN
images/solution01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
images/solution02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
images/solution03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
images/solution04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
images/solution05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
images/solution06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
images/strength.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 860 KiB

BIN
images/survey.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 368 KiB

BIN
images/video.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 428 KiB

BIN
images/vision01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 141 KiB

BIN
images/vision02.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
images/vision03.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
images/vision04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 206 KiB

652
index.html
View File

@ -24,7 +24,7 @@
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="top">
<body>
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1690">
@ -275,7 +275,657 @@
<div class="swiper-pagination"></div>
</div>
<!-- 主体内容 -->
<div class="index-about w100">
<!-- 简介数据 -->
<div class="about-data-bg wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<ul class="about-data w1520">
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>公司年限</span>
<p><em class="data-number">33</em><span>年</span></p>
<span>大型粮油制造企业</span>
</li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>公司占地</span>
<p><em class="data-number">100000</em></p>
<span>平方米工业厂房</span>
</li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>专利技术</span>
<p><em class="data-number">56</em><span>项</span></p>
<span>国家专利</span>
</li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>产品出口</span>
<p><em class="data-number">50</em><span>+</span></p>
<span>国家地区</span>
</li>
</ul>
</div>
<!-- 简介内容 -->
<div class="video-list-bg">
<div class="close-video"><img src="images/icon/icon-close.png" alt="关闭"></div>
<ul class="video-list">
<li>
<video width="800" height="450" controls="controls" autoplay="autoplay">
<source src="video/A001_720.mp4" type="video/mp4"></source>
</video>
</li>
<li>
<video width="800" height="450" controls="controls" autoplay="autoplay">
<source src="video/A004_720.mp4" type="video/mp4"></source>
</video>
</li>
<li>
<video width="800" height="450" controls="controls" autoplay="autoplay">
<source src="video/A006_720.mp4" type="video/mp4"></source>
</video>
</li>
<li>
<video width="800" height="450" controls="controls" autoplay="autoplay">
<source src="video/A001_720.mp4" type="video/mp4"></source>
</video>
</li>
<li>
<video width="800" height="450" controls="controls" autoplay="autoplay">
<source src="video/A004_720.mp4" type="video/mp4"></source>
</video>
</li>
<li>
<video width="800" height="450" controls="controls" autoplay="autoplay">
<source src="video/A006_720.mp4" type="video/mp4"></source>
</video>
</li>
</ul>
</div>
<div class="about-body wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="about-video wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
<div class="about-video-swiper swiper">
<div class="video-swiper-wrapper swiper-wrapper">
<div class="swiper-slide">
<img src="images/video.jpg" alt="">
<div class="icon-play ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"><img src="images/icon/icon-play.png" alt=""></div>
</div>
<div class="swiper-slide">
<img src="images/video.jpg" alt="">
<div class="icon-play ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"><img src="images/icon/icon-play.png" alt=""></div>
</div>
<div class="swiper-slide">
<img src="images/video.jpg" alt="">
<div class="icon-play ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"><img src="images/icon/icon-play.png" alt=""></div>
</div>
<div class="swiper-slide">
<img src="images/video.jpg" alt="">
<div class="icon-play ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"><img src="images/icon/icon-play.png" alt=""></div>
</div>
<div class="swiper-slide">
<img src="images/video.jpg" alt="">
<div class="icon-play ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"><img src="images/icon/icon-play.png" alt=""></div>
</div>
<div class="swiper-slide">
<img src="images/video.jpg" alt="">
<div class="icon-play ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.6s" swiper-animate-delay="0"><img src="images/icon/icon-play.png" alt=""></div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="about-txt">
<h2 class="wow fadeInRight" data-wow-duration=".8s" data-wow-delay="0">河南华泰集团</h2>
<p class="clips7 wow fadeInLeft" data-wow-duration=".8s" data-wow-delay="0">
公司位于中国河南省滑县产业集聚区，公司占地100,000.00平方米，现有员工580人，是一家集研发、设计、制造安装为一体的大型粮油机械生产制造企业。<br /> 华泰机械拥有生产加工设备120台，其中车床、刨床、铣床、钻床80多台，剪板成型设备10余台，焊接设备有埋弧自动焊机6台，直流焊机、交流焊机80多台，还配备有各种辅助设备和检测设备。欢迎各位来参观我们的工厂!
</p>
<ul class="about-nav wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<li>
<a href="">
<span><img src="images/icon/icon-about-01.png" alt=""></span>
<p>发展历程</p>
</a>
</li>
<li>
<a href="">
<span><img src="images/icon/icon-about-02.png" alt=""></span>
<p>创造实力</p>
</a>
</li>
<li>
<a href="">
<span><img src="images/icon/icon-about-03.png" alt=""></span>
<p>愿景使命</p>
</a>
</li>
<li>
<a href="">
<span><img src="images/icon/icon-about-04.png" alt=""></span>
<p>社会责任</p>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="index-solution w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="index-title w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<h2>工程解决方案</h2>
<span>匠心打造高品质解决方案，成就客户，共创美好</span>
</div>
<ul class="index-solution-list">
<li>
<div class="solution-img"><img src="images/solution.jpg" alt="油脂及深加工"></div>
<div class="solution-txt w1520">
<h3>油脂及深加工</h3>
<p>文字内容后台替换华泰机械拥有生产加工设备120台，钻床80多台，剪板成型设备10余台，焊接设备有埋弧自动焊机6台，直流焊机、交流焊机80多台，还配备有各种辅助设备和检测设备。</p>
<span class="more wow">
<em>查看更多</em>
<em><ins></ins><ins></ins><ins></ins></em>
</span>
</div>
</li>
<li>
<div class="solution-img"><img src="images/solution.jpg" alt="淀粉粮食加工"></div>
<div class="solution-txt w1520">
<h3>淀粉粮食加工</h3>
<p>文字内容后台替换华泰机械拥有生产加工设备120台，钻床80多台，剪板成型设备10余台，焊接设备有埋弧自动焊机6台，直流焊机、交流焊机80多台，还配备有各种辅助设备和检测设备。</p>
<span class="more">
<em>查看更多</em>
<em><ins></ins><ins></ins><ins></ins></em>
</span>
</div>
</li>
<li>
<div class="solution-img"><img src="images/solution.jpg" alt="酿造工程"></div>
<div class="solution-txt w1520">
<h3>酿造工程</h3>
<p>文字内容后台替换华泰机械拥有生产加工设备120台，钻床80多台，剪板成型设备10余台，焊接设备有埋弧自动焊机6台，直流焊机、交流焊机80多台，还配备有各种辅助设备和检测设备。</p>
<span class="more">
<em>查看更多</em>
<em><ins></ins><ins></ins><ins></ins></em>
</span>
</div>
</li>
<li>
<div class="solution-img"><img src="images/solution.jpg" alt="废水废气处理"></div>
<div class="solution-txt w1520">
<h3>废水废气处理</h3>
<p>文字内容后台替换华泰机械拥有生产加工设备120台，钻床80多台，剪板成型设备10余台，焊接设备有埋弧自动焊机6台，直流焊机、交流焊机80多台，还配备有各种辅助设备和检测设备。</p>
<span class="more">
<em>查看更多</em>
<em><ins></ins><ins></ins><ins></ins></em>
</span>
</div>
</li>
<li>
<div class="solution-img"><img src="images/solution.jpg" alt="固态发酵"></div>
<div class="solution-txt w1520">
<h3>固态发酵</h3>
<p>文字内容后台替换华泰机械拥有生产加工设备120台，钻床80多台，剪板成型设备10余台，焊接设备有埋弧自动焊机6台，直流焊机、交流焊机80多台，还配备有各种辅助设备和检测设备。</p>
<span class="more">
<em>查看更多</em>
<em><ins></ins><ins></ins><ins></ins></em>
</span>
</div>
</li>
<li>
<div class="solution-img"><img src="images/solution.jpg" alt="医疗灭菌"></div>
<div class="solution-txt w1520">
<h3>医疗灭菌</h3>
<p>文字内容后台替换华泰机械拥有生产加工设备120台，钻床80多台，剪板成型设备10余台，焊接设备有埋弧自动焊机6台，直流焊机、交流焊机80多台，还配备有各种辅助设备和检测设备。</p>
<span class="more">
<em>查看更多</em>
<em><ins></ins><ins></ins><ins></ins></em>
</span>
</div>
</li>
</ul>
<ul class="index-solution-nav w1520">
<li class="cur">
<img src="images/solution-01.png" alt="油脂及深加工">
<p>油脂及深加工</p>
</li>
<li>
<img src="images/solution-02.png" alt="淀粉粮食加工">
<p>淀粉粮食加工</p>
</li>
<li>
<img src="images/solution-03.png" alt="酿造工程">
<p>酿造工程</p>
</li>
<li>
<img src="images/solution-04.png" alt="废水废气处理">
<p>废水废气处理</p>
</li>
<li>
<img src="images/solution-05.png" alt="固态发酵">
<p>固态发酵</p>
</li>
<li>
<img src="images/solution-06.png" alt="医疗灭菌">
<p>医疗灭菌</p>
</li>
</ul>
</div>
<!-- 展开更多 -->
<div class="index-solution-more w1520">
<ul class="solution-more-list">
<li>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
<span>
<img src="images/solution05.png" alt="">
<em>麦芽糊精</em>
</span>
<span>
<img src="images/solution06.png" alt="">
<em>大米蛋白</em>
</span>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
<span>
<img src="images/solution05.png" alt="">
<em>麦芽糊精</em>
</span>
<span>
<img src="images/solution06.png" alt="">
<em>大米蛋白</em>
</span>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
<span>
<img src="images/solution05.png" alt="">
<em>麦芽糊精</em>
</span>
<span>
<img src="images/solution06.png" alt="">
<em>大米蛋白</em>
</span>
</li>
<li>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
</li>
<li>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
</li>
<li>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
</li>
<li>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
</li>
<li>
<span>
<img src="images/solution01.png" alt="">
<em>玉米淀粉</em>
</span>
<span>
<img src="images/solution02.png" alt="">
<em>小麦淀粉</em>
</span>
<span>
<img src="images/solution03.png" alt="">
<em>薯类淀粉</em>
</span>
<span>
<img src="images/solution04.png" alt="">
<em>变性淀粉</em>
</span>
</li>
</ul>
<div class="solution-more-btn">收起应用</div>
</div>
<!-- 服务流程 -->
<div class="index-service wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="index-title index-title-black w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<h2>服务流程</h2>
<span>始终坚持科技与品质同行，敢于创新、追求</span>
</div>
<ul class="index-service-list w1520 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<li>
<a href="service.html#service-01">
<em>01</em>
<span><img src="images/service01.png" alt="需求沟通"></span>
<h3>需求沟通</h3>
<ins></ins>
<p>确定需求、分选测试可 行性研究、初步规划</p>
</a>
</li>
<li>
<a href="service.html#service-02">
<em>02</em>
<span><img src="images/service02.png" alt="需求沟通"></span>
<h3>需求沟通</h3>
<ins></ins>
<p>确定需求、分选测试可 行性研究、初步规划</p>
</a>
</li>
<li>
<a href="service.html#service-03">
<em>03</em>
<span><img src="images/service03.png" alt="需求沟通"></span>
<h3>需求沟通</h3>
<ins></ins>
<p>确定需求、分选测试可 行性研究、初步规划</p>
</a>
</li>
<li>
<a href="service.html#service-04">
<em>04</em>
<span><img src="images/service04.png" alt="需求沟通"></span>
<h3>需求沟通</h3>
<ins></ins>
<p>确定需求、分选测试可 行性研究、初步规划</p>
</a>
</li>
<li>
<a href="service.html#service-05">
<em>05</em>
<span><img src="images/service05.png" alt="需求沟通"></span>
<h3>需求沟通</h3>
<ins></ins>
<p>确定需求、分选测试可 行性研究、初步规划</p>
</a>
</li>
<li>
<a href="service.html#service-06">
<em>06</em>
<span><img src="images/service06.png" alt="需求沟通"></span>
<h3>需求沟通</h3>
<ins></ins>
<p>确定需求、分选测试可 行性研究、初步规划</p>
</a>
</li>
<li>
<a href="service.html#service-07">
<em>07</em>
<span><img src="images/service07.png" alt="需求沟通"></span>
<h3>需求沟通</h3>
<ins></ins>
<p>确定需求、分选测试可 行性研究、初步规划</p>
</a>
</li>
<li>
<a href="service.html#service-08">
<em>08</em>
<span><img src="images/service08.png" alt="需求沟通"></span>
<h3>需求沟通</h3>
<ins></ins>
<p>确定需求、分选测试可 行性研究、初步规划</p>
</a>
</li>
</ul>
</div>
<div class="index-news w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="index-title index-title-black w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<h2>新闻动态</h2>
<span>关注华泰粮油，了解行业资讯</span>
</div>
<div class="index-news-list w1520">
<div class="index-news-first">
<div class="index-news-img"><img src="images/news.jpg" alt=""></div>
<div class="index-news-txt">
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">三明市大田文江粮油批发管理制度</h3>
<p class="clips2">凡事离不开数据，未来数随身走，数据在哪里、生意在哪里，生意在哪里、数据在哪里，数据贯穿所有环节。所以我今天的主题是实践案例。</p>
</a>
</div>
<a class="more">
<em>查看更多</em>
<em><ins></ins><ins></ins><ins></ins></em>
</a>
</div>
<div class="index-news-item">
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
<a href="news-detail.html" class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<span>2022.03.02</span>
<h3 class="clips2">常德城发集团与湖南粮油集团达成战略合作 携手打造中非坚果 产业示范园</h3>
</a>
</div>
</div>
</div>
<!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="slogin w100">
<img src="images/huatai.png" alt="">
<p>河南华泰专注于追求严谨工艺和对客户承诺的交付，我们拥有现代自动化的生产设备，变安装为组装，为客户设计安装设备，为客户提供良好的售后服务</p>
</div>
<div class="foot-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<ul class="foot w1520">
<li>
<strong>关于我们</strong>
<a href="">公司概况</a> <a href="">发展历程</a> <a href="">制造实力</a> <a href="">愿景使命</a> <a href="">荣誉资质</a> <a href="">社会责任</a>
</li>
<li>
<strong>行业解决方案</strong>
<a href="">油脂及深加工</a> <a href="">淀粉粮食加工</a> <a href="">酿造工程</a> <a href="">废水废气处理</a> <a href="">固态发酵</a> <a href="">医疗灭菌</a>
</li>
<li>
<strong>客户案例</strong>
<a href="">油料预浸</a> <a href="">油脂精炼</a> <a href="">淀粉及深加工</a> <a href="">固态发酵</a> <a href="">仓储物流</a> <a href="">节能蒸发</a> <a href="">国际客户案例</a>
</li>
<li>
<strong>产品中心</strong>
<a href="">油脂及深加工</a>
<a href="">淀粉粮食加工</a>
<a href="">酿造工程</a>
<a href="">废水废气处理</a>
<a href="">固态发酵</a>
<a href="">医疗灭菌</a>
</li>
<li>
<strong>服务与支持</strong>
<a href="">服务范围</a>
<a href="">下载中心</a>
</li>
<li>
<strong>职业发展</strong>
<a href="">人才理念</a> <a href="">人才培养</a> <a href="">招聘职位</a>
</li>
<li>
<strong>联系我们</strong>
<span>电 话：0372-8112798<em>8128666</em>8115666</span> <span>销售客服：15896803999 (非销售业务勿扰)</span> <span>传 真：0372-8116068</span> <span>邮 箱：hxljc@hxljc.com</span> <span>公司总部地址：河南省滑县新区湘江路与富民路交汇处</span> <span>郑州研发中心地址：郑州市高新区翠竹街1号企业总部基地26号楼6层</span> <span>网 址：huatailiangji.com</span>
</li>
</ul>
<div class="foot-bottom w1520 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot-left">
<p><a href="">公司动态</a><a href="">联系我们</a><a href="">公司全景</a></p>
<p>© 2022 河南华泰粮油机械股份有限公司<a href="">豫ICP备13021231号-5</a>技术支持：大向天成</p>
</div>
<div class="foot-right">
<img src="images/ewm.jpg" alt="">
<img src="images/ewm.jpg" alt="">
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
// <![CDATA[
var ais=1;
$(window).scroll(function() {
var data=$(".about-data-bg").offset().top;
var oTop=document.body.scrollTop==0?document.documentElement.scrollTop:document.body.scrollTop; //IE和chrome获取方式不一样
if(oTop+$(window).height()-50>data&& ais==1){
ais=2;
$('.data-number').each(function(){
$(this).prop('Counters',0).animate({
Crs: $(this).text()
},{
duration: 1200,
easing: 'swing',
step: function (now){
$(this).text(Math.ceil(now));
}
});
});
}
});
// ]]>
// 视频播放
$('.video-swiper-wrapper>.swiper-slide').click(function(){
$('.video-list-bg').show();
$(".video-list>li").eq($(this).index()-1).addClass("show").siblings().removeClass('show');
$(".video-list>li").eq($(this).index()-1).find('video').trigger('play').siblings().find('video').trigger('pause');
});
$('.close-video').click(function(){
$('.video-list-bg').hide();
$(".video-list>li").removeClass('show');
$(".video-list>li").find('video').trigger('pause');
});
</script>
</html>

123
js/javascript.js
View File

@ -62,9 +62,132 @@ jQuery(function($){
});
}
// 首页视屏轮播
// banner轮播
var number = $('.about-video-swiper .swiper-slide').length;
if(number>1){
var bannerSwiper = new Swiper('.about-video-swiper',{
loop:true,//开启循环播放
autoplay: {//开启自动播放
delay:3000,
disableOnInteraction: false,//触摸后不会停止自动滚动
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
},
pagination: {
el: '.about-video-swiper .swiper-pagination',
clickable :true,
renderBullet: function (index, className) {
return '<span class="' + className + '">'+'<em></em>'+'</span>';
},
},
effect : 'fade',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
fadeEffect: {
crossFade: true,
},
on:{
init: function(){
swiperAnimateCache(this); //隐藏动画元素
swiperAnimate(this); //初始化完成开始动画
},
slideChangeTransitionEnd: function(){
swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
}
}
});
}
// 解决方案选项卡
$('.index-solution-nav>li').eq(0).addClass('cur');
$('.index-solution-list>li').eq(0).show();
$('.solution-more-list>li').eq(0).addClass('show');
$('.index-solution-nav>li').click(function(){
$('.index-solution-nav>li').eq($(this).index()).addClass("cur").siblings().removeClass('cur');
$('.index-solution-list>li').eq($(this).index()).show().siblings().hide();
$('.solution-more-list>li').eq($(this).index()).addClass("show").siblings().removeClass('show');
$('.index-solution-more').removeClass('active');
});
$('.solution-txt>.more').click(function(){
$('.index-solution-more').addClass('active');
});
$('.solution-more-btn').click(function(){
$('.index-solution-more').removeClass('active');
});
// 历程滚动
// 大事记滚动
if(screen.width <= 768){
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
loop:false,//开启循环播放
autoplay : {
delay:3000,
disableOnInteraction: false,
},
effect : 'fade',
fadeEffect: {
crossFade: true,
},
navigation: {
prevEl: '.memorabili-swiper .swiper-button-prev',
nextEl: '.memorabili-swiper .swiper-button-next',
},
})
}else{
var memorabiliSwiper = new Swiper('.memorabili-swiper',{
loop:false,//开启循环播放
autoplay: false,
slidesPerView : '6',
centeredSlides : false,
navigation: {
prevEl: '.memorabili-swiper .swiper-button-prev',
nextEl: '.memorabili-swiper .swiper-button-next',
},
on:{
slideChange: function(){
var a = this.activeIndex;
var b = a + 6;
var c = a - 1;
$(".memorabili-swiper").find(".swiper-slide").css("opacity",1);
$(".memorabili-swiper").find(".swiper-slide").eq(c).css("opacity",0);
$(".memorabili-swiper").find(".swiper-slide").eq(b).css("opacity",0);
},
},
})
}
// 荣誉资质滚动
if(screen.width <= 768){
var honorSwiper = new Swiper('.honor-swiper',{
loop:false,//开启循环播放
autoplay : {
delay:3000,
disableOnInteraction: false,
},
effect : 'fade',
fadeEffect: {
crossFade: true,
},
navigation: {
prevEl: '.honor-swiper .swiper-button-prev',
nextEl: '.honor-swiper .swiper-button-next',
},
})
}else{
var honorSwiper = new Swiper('.honor-swiper',{
loop:false,//开启循环播放
autoplay: false,
navigation: {
prevEl: '.honor-swiper .swiper-button-prev',
nextEl: '.honor-swiper .swiper-button-next',
},,
})
}
// // 首页新闻动态切换

9
news-detail.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

9
news.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

9
product.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

9
service.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

9
solution.html Normal file
View File

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

BIN
video/A001_720.mp4 Normal file
View File

Binary file not shown.

BIN
video/A004_720.mp4 Normal file
View File

Binary file not shown.

BIN
video/A006_720.mp4 Normal file
View File

Binary file not shown.