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

前端修改完成

master
Lee-1203 2022-03-24 15:13:18 +08:00
parent 9b2394c2db
commit fb5beed74b
23 changed files with 799 additions and 296 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
about.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -375,6 +375,22 @@
</p> </p>
<em><ins></ins></em> <em><ins></ins></em>
</div> </div>
<div class="swiper-slide">
<strong>1986年</strong>
<p>
公司股改<br />
河南华泰粮油机械股份有限公司
</p>
<em><ins></ins></em>
</div>
<div class="swiper-slide">
<strong>1985年</strong>
<p>
公司新三板.上市<br />
股票代码837819
</p>
<em><ins></ins></em>
</div>
</div> </div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>
@ -405,7 +421,7 @@
<div class="close-video"><img src="images/icon/icon-close.png" alt="关闭"></div> <div class="close-video"><img src="images/icon/icon-close.png" alt="关闭"></div>
<ul class="video-list"> <ul class="video-list">
<li> <li>
<video width="800" height="450" controls="controls" autoplay="autoplay"> <video width="800" height="450" controls="controls">
<source src="video/A001_720.mp4" type="video/mp4"></source> <source src="video/A001_720.mp4" type="video/mp4"></source>
</video> </video>
</li> </li>
@ -765,6 +781,20 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
<script type="text/javascript"> <script type="text/javascript">
// <![CDATA[ // <![CDATA[

16
case-detail.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -425,5 +425,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
case.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><span><img src="images/search.png" alt="搜索"></span></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -457,5 +457,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
contact.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -391,5 +391,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

3
css/base.css
View File

@ -68,6 +68,9 @@ img,
a { a {
-webkit-touch-callout: none; -webkit-touch-callout: none;
} }
a{
cursor: pointer;
}
button, button,
input, input,

571
css/style.css
View File

File diff suppressed because it is too large Load Diff

32
develop.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -331,6 +331,7 @@
</div> </div>
<div class="txt"> <div class="txt">
<p><strong>工作职责：</strong></p> <p>1. 国内产品和行业解决方案推广到海外客户和行业，打造客户的解决方案竞争力；</p> <p>2. 了解海外客户对产品和解决方案的诉求，对海外客户的技术可行性负责；</p> <p>3. 了解海外客户对产品和解决方案的诉求，针对新需求，分析汇总后，确定需求的应对方式，跟踪需求闭环，最后在客户端形成销售；</p> <p>4. 通过对海外需求的普遍了解，辅助国际化平台产品的定义。</p> <br /> <p>任职资格：</p> <p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p> <p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p> <p>3. 可接受外派海外工作或出差，英文熟练更佳。</p> <p><strong>工作职责：</strong></p> <p>1. 国内产品和行业解决方案推广到海外客户和行业，打造客户的解决方案竞争力；</p> <p>2. 了解海外客户对产品和解决方案的诉求，对海外客户的技术可行性负责；</p> <p>3. 了解海外客户对产品和解决方案的诉求，针对新需求，分析汇总后，确定需求的应对方式，跟踪需求闭环，最后在客户端形成销售；</p> <p>4. 通过对海外需求的普遍了解，辅助国际化平台产品的定义。</p> <br /> <p>任职资格：</p> <p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p> <p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p> <p>3. 可接受外派海外工作或出差，英文熟练更佳。</p>
<a class="join-btn" href="develop.html#join">我要应聘</a>
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"> <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
@ -354,6 +355,7 @@
<p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p> <p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p>
<p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p> <p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p>
<p>3. 可接受外派海外工作或出差，英文熟练更佳。</p> <p>3. 可接受外派海外工作或出差，英文熟练更佳。</p>
<a class="join-btn" href="develop.html#join">我要应聘</a>
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"> <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
@ -377,6 +379,7 @@
<p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p> <p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p>
<p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p> <p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p>
<p>3. 可接受外派海外工作或出差，英文熟练更佳。</p> <p>3. 可接受外派海外工作或出差，英文熟练更佳。</p>
<a class="join-btn" href="develop.html#join">我要应聘</a>
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"> <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
@ -400,6 +403,7 @@
<p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p> <p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p>
<p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p> <p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p>
<p>3. 可接受外派海外工作或出差，英文熟练更佳。</p> <p>3. 可接受外派海外工作或出差，英文熟练更佳。</p>
<a class="join-btn" href="develop.html#join">我要应聘</a>
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"> <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
@ -423,6 +427,7 @@
<p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p> <p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p>
<p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p> <p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p>
<p>3. 可接受外派海外工作或出差，英文熟练更佳。</p> <p>3. 可接受外派海外工作或出差，英文熟练更佳。</p>
<a class="join-btn" href="develop.html#join">我要应聘</a>
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"> <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
@ -446,10 +451,21 @@
<p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p> <p>1. 有售前支持或技术咨询相关工作经验，或有产品测试，产品管理经验;</p>
<p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p> <p>2. 熟悉工业自动化产品，伺服驱动，控制器，电机，变频器等;</p>
<p>3. 可接受外派海外工作或出差，英文熟练更佳。</p> <p>3. 可接受外派海外工作或出差，英文熟练更佳。</p>
<a class="join-btn" href="develop.html#join">我要应聘</a>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<div class="join-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="join">
<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="join-txt w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
请将简历投递至hr@myande.com邮箱（标题格式：姓名+岗位）<br />
如有任何问题请致电<a href="">15252765786</a>智女士/<a href="">18352791918</a>金女士（微信同号）咨询。
</div>
</div>
<!-- 尾部 --> <!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0"> <div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="slogin w100"> <div class="slogin w100">
@ -542,5 +558,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 784 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/icon/leftArrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 421 B

223
index.html
View File

@ -60,43 +60,43 @@
</div> </div>
<div class="sub-right"> <div class="sub-right">
<span> <span>
<a href="solution.html">油料预处理</a> <a href="solution.html"><ins>油料预处理</ins></a>
<a href="solution.html">油料浸出</a> <a href="solution.html"><ins>油料浸出</ins></a>
<a href="solution.html">油脂精炼</a> <a href="solution.html"><ins>油脂精炼</ins></a>
<a href="solution.html">大豆低温粕</a> <a href="solution.html"><ins>大豆低温粕</ins></a>
<a href="solution.html">大豆浓缩蛋白</a> <a href="solution.html"><ins>大豆浓缩蛋白</ins></a>
<a href="solution.html">成品粕包装</a> <a href="solution.html"><ins>成品粕包装</ins></a>
<a href="solution.html">浓缩磷脂</a> <a href="solution.html"><ins>浓缩磷脂</ins></a>
<a href="solution.html">动植物油分提</a> <a href="solution.html"><ins>动植物油分提</ins></a>
<a href="solution.html">油脂氢化</a> <a href="solution.html"><ins>油脂氢化</ins></a>
<a href="solution.html">脂酯交换</a> <a href="solution.html"><ins>脂酯交换</ins></a>
<a href="solution.html">0排放生物柴油</a> <a href="solution.html"><ins>0排放生物柴油</ins></a>
<a href="solution.html">脂肪酸提纯</a> <a href="solution.html"><ins>脂肪酸提纯</ins></a>
<a href="solution.html">医用甘油</a> <a href="solution.html"><ins>医用甘油</ins></a>
<a href="solution.html">特种物料萃取</a> <a href="solution.html"><ins>特种物料萃取</ins></a>
</span> </span>
<span> <span>
<a href="solution.html">玉米提取淀粉</a> <a href="solution.html"><ins>玉米提取淀粉</ins></a>
<a href="solution.html">小麦制粉</a> <a href="solution.html"><ins>小麦制粉</ins></a>
</span> </span>
<span> <span>
<a href="solution.html">稻壳蒸煮</a> <a href="solution.html"><ins>稻壳蒸煮</ins></a>
<a href="solution.html">五粮粉碎</a> <a href="solution.html"><ins>五粮粉碎</ins></a>
<a href="solution.html">酿酒成套工程</a> <a href="solution.html"><ins>酿酒成套工程</ins></a>
</span> </span>
<span> <span>
<a href="solution.html">蒸发浓缩</a> <a href="solution.html"><ins>蒸发浓缩</ins></a>
<a href="solution.html">蒸发结晶</a> <a href="solution.html"><ins>蒸发结晶</ins></a>
<a href="solution.html">零排放</a> <a href="solution.html"><ins>零排放</ins></a>
</span> </span>
<span> <span>
<a href="solution.html">发酵豆粕</a> <a href="solution.html"><ins>发酵豆粕</ins></a>
<a href="solution.html">发酵菜籽粕</a> <a href="solution.html"><ins>发酵菜籽粕</ins></a>
<a href="solution.html">发酵棉籽粕</a> <a href="solution.html"><ins>发酵棉籽粕</ins></a>
<a href="solution.html">发酵米糠粕</a> <a href="solution.html"><ins>发酵米糠粕</ins></a>
</span> </span>
<span> <span>
<a href="solution.html">环氧乙烷灭菌器</a> <a href="solution.html"><ins>环氧乙烷灭菌器</ins></a>
</span> </span>
</div> </div>
</div> </div>
@ -131,43 +131,43 @@
</div> </div>
<div class="sub-right-01"> <div class="sub-right-01">
<span> <span>
<a href="product.html">油料预处理</a> <a href="product.html"><ins>油料预处理</ins></a>
<a href="product.html">油料浸出</a> <a href="product.html"><ins>油料浸出</ins></a>
<a href="product.html">油脂精炼</a> <a href="product.html"><ins>油脂精炼</ins></a>
<a href="product.html">大豆低温粕</a> <a href="product.html"><ins>大豆低温粕</ins></a>
<a href="product.html">大豆浓缩蛋白</a> <a href="product.html"><ins>大豆浓缩蛋白</ins></a>
<a href="product.html">成品粕包装</a> <a href="product.html"><ins>成品粕包装</ins></a>
<a href="product.html">浓缩磷脂</a> <a href="product.html"><ins>浓缩磷脂</ins></a>
<a href="product.html">动植物油分提</a> <a href="product.html"><ins>动植物油分提</ins></a>
<a href="product.html">油脂氢化</a> <a href="product.html"><ins>油脂氢化</ins></a>
<a href="product.html">脂酯交换</a> <a href="product.html"><ins>脂酯交换</ins></a>
<a href="product.html">0排放生物柴油</a> <a href="product.html"><ins>0排放生物柴油</ins></a>
<a href="product.html">脂肪酸提纯</a> <a href="product.html"><ins>脂肪酸提纯</ins></a>
<a href="product.html">医用甘油</a> <a href="product.html"><ins>医用甘油</ins></a>
<a href="product.html">特种物料萃取</a> <a href="product.html"><ins>特种物料萃取</ins></a>
</span> </span>
<span> <span>
<a href="product.html">玉米提取淀粉</a> <a href="product.html"><ins>玉米提取淀粉</ins></a>
<a href="product.html">小麦制粉</a> <a href="product.html"><ins>小麦制粉</ins></a>
</span> </span>
<span> <span>
<a href="product.html">稻壳蒸煮</a> <a href="product.html"><ins>稻壳蒸煮</ins></a>
<a href="product.html">五粮粉碎</a> <a href="product.html"><ins>五粮粉碎</ins></a>
<a href="product.html">酿酒成套工程</a> <a href="product.html"><ins>酿酒成套工程</ins></a>
</span> </span>
<span> <span>
<a href="product.html">蒸发浓缩</a> <a href="product.html"><ins>蒸发浓缩</ins></a>
<a href="product.html">蒸发结晶</a> <a href="product.html"><ins>蒸发结晶</ins></a>
<a href="product.html">零排放</a> <a href="product.html"><ins>零排放</ins></a>
</span> </span>
<span> <span>
<a href="product.html">发酵豆粕</a> <a href="product.html"><ins>发酵豆粕</ins></a>
<a href="product.html">发酵菜籽粕</a> <a href="product.html"><ins>发酵菜籽粕</ins></a>
<a href="product.html">发酵棉籽粕</a> <a href="product.html"><ins>发酵棉籽粕</ins></a>
<a href="product.html">发酵米糠粕</a> <a href="product.html"><ins>发酵米糠粕</ins></a>
</span> </span>
<span> <span>
<a href="product.html">环氧乙烷灭菌器</a> <a href="product.html"><ins>环氧乙烷灭菌器<ins></a>
</span> </span>
</div> </div>
</div> </div>
@ -203,11 +203,17 @@
</ul> </ul>
<div class="language"> <div class="language">
<img src="images/language.png" alt="语言"> <img src="images/language.png" alt="语言">
<span>语言</span> <span class="language-select">
<em>语言</em>
<div class="select">
<ins>中文</ins>
<ins>英文</ins>
</div>
</span>
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><span><img src="images/search.png" alt="搜索"></span></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -230,6 +236,9 @@
<!-- 轮播图 --> <!-- 轮播图 -->
<div class="banner-swiper swiper w1690"> <div class="banner-swiper swiper w1690">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide video-slide">
<video src="video/A001_720.mp4" controls="controls"></video>
</div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="images/banner/banner.jpg" width="100%" height="100%" alt=""> <img src="images/banner/banner.jpg" width="100%" height="100%" alt="">
<div class="banner-title ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="0"> <div class="banner-title ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="0">
@ -297,34 +306,22 @@
<div class="close-video"><img src="images/icon/icon-close.png" alt="关闭"></div> <div class="close-video"><img src="images/icon/icon-close.png" alt="关闭"></div>
<ul class="video-list"> <ul class="video-list">
<li> <li>
<video controls="controls" autoplay="autoplay"> <video src="video/A001_720.mp4" controls="controls"></video>
<source src="video/A001_720.mp4" type="video/mp4"></source>
</video>
</li> </li>
<li> <li>
<video controls="controls" autoplay="autoplay"> <video src="video/A004_720.mp4" controls="controls"></video>
<source src="video/A004_720.mp4" type="video/mp4"></source>
</video>
</li> </li>
<li> <li>
<video controls="controls" autoplay="autoplay"> <video src="video/A006_720.mp4" controls="controls"></video>
<source src="video/A006_720.mp4" type="video/mp4"></source>
</video>
</li> </li>
<li> <li>
<video controls="controls" autoplay="autoplay"> <video src="video/A001_720.mp4" controls="controls"></video>
<source src="video/A001_720.mp4" type="video/mp4"></source>
</video>
</li> </li>
<li> <li>
<video controls="controls" autoplay="autoplay"> <video src="video/A004_720.mp4" controls="controls"></video>
<source src="video/A004_720.mp4" type="video/mp4"></source>
</video>
</li> </li>
<li> <li>
<video controls="controls" autoplay="autoplay"> <video src="video/A006_720.mp4" controls="controls"></video>
<source src="video/A006_720.mp4" type="video/mp4"></source>
</video>
</li> </li>
</ul> </ul>
</div> </div>
@ -471,39 +468,41 @@
</li> </li>
</ul> </ul>
<div class="index-solution-nav w1520"> <div class="index-solution-nav w1520">
<div class="solution-nav-swiper swiper"> <div class="solution-swiper-bg">
<div class="swiper-wrapper"> <div class="solution-nav-swiper swiper">
<div class="swiper-slide"> <div class="swiper-wrapper">
<img src="images/solution-01.png" alt="油脂及深加工"> <div class="swiper-slide">
<p>油脂及深加工</p> <img src="images/solution-01.png" alt="油脂及深加工">
</div> <p>油脂及深加工</p>
<div class="swiper-slide"> </div>
<img src="images/solution-02.png" alt="淀粉粮食加工"> <div class="swiper-slide">
<p>淀粉粮食加工</p> <img src="images/solution-02.png" alt="淀粉粮食加工">
</div> <p>淀粉粮食加工</p>
<div class="swiper-slide"> </div>
<img src="images/solution-03.png" alt="酿造工程"> <div class="swiper-slide">
<p>酿造工程</p> <img src="images/solution-03.png" alt="酿造工程">
</div> <p>酿造工程</p>
<div class="swiper-slide"> </div>
<img src="images/solution-04.png" alt="废水废气处理"> <div class="swiper-slide">
<p>废水废气处理</p> <img src="images/solution-04.png" alt="废水废气处理">
</div> <p>废水废气处理</p>
<div class="swiper-slide"> </div>
<img src="images/solution-05.png" alt="固态发酵"> <div class="swiper-slide">
<p>固态发酵</p> <img src="images/solution-05.png" alt="固态发酵">
</div> <p>固态发酵</p>
<div class="swiper-slide"> </div>
<img src="images/solution-06.png" alt="医疗灭菌"> <div class="swiper-slide">
<p>医疗灭菌</p> <img src="images/solution-06.png" alt="医疗灭菌">
<p>医疗灭菌</p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- 展开更多 --> <!-- 展开更多 -->
<div class="index-solution-more w1520"> <div class="index-solution-more w1520 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<ul class="solution-more-list"> <ul class="solution-more-list wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<li> <li>
<span> <span>
<img src="images/solution/101.png" alt=""> <img src="images/solution/101.png" alt="">
@ -830,6 +829,9 @@
</div> </div>
</div> </div>
<!-- 悬浮窗口 --> <!-- 悬浮窗口 -->
<div class="open-suspension">
<img src="images/icon/icon-right.png" alt="悬浮窗口">
</div>
<ul class="suspension"> <ul class="suspension">
<li> <li>
<img src="images/icon/icon-email-line.png" alt="公司邮箱"> <img src="images/icon/icon-email-line.png" alt="公司邮箱">
@ -845,7 +847,10 @@
<p>电话咨询</p> <p>电话咨询</p>
<div class="txt"> <div class="txt">
公司电话：<br /> 公司电话：<br />
0372-8112798<br /> 0372-8128666<br /> 0372-8115666<br /> 15896803999 0372-8112798<br />
0372-8128666<br />
0372-8115666<br />
15896803999
</div> </div>
<em></em> <em></em>
</li> </li>
@ -863,6 +868,20 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
<script type="text/javascript"> <script type="text/javascript">
// <![CDATA[ // <![CDATA[

34
js/javascript.js
View File

@ -1,11 +1,15 @@
jQuery(function($){ jQuery(function($){
if(screen.width <= 768){
$(".video-slide").remove();
$('.video-slide').find('video').eq(0).trigger('pause');
}
// banner轮播 // banner轮播
var number = $('.banner-swiper .swiper-slide').length; var number = $('.banner-swiper .swiper-slide').length;
if(number>1){ if(number>1){
var bannerSwiper = new Swiper('.banner-swiper',{ var bannerSwiper = new Swiper('.banner-swiper',{
loop:true,//开启循环播放 loop:true,//开启循环播放
autoplay: {//开启自动播放 autoplay: {//开启自动播放
delay:3000, delay:54000,
disableOnInteraction: false,//触摸后不会停止自动滚动 disableOnInteraction: false,//触摸后不会停止自动滚动
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。 pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
}, },
@ -28,7 +32,10 @@ jQuery(function($){
slideChangeTransitionEnd: function(){ slideChangeTransitionEnd: function(){
swiperAnimate(this); //每个slide切换结束时也运行当前slide动画 swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名 // this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
} },
slideChange: function(){
$('.video-slide').find('video').trigger('pause');
},
} }
}); });
} }
@ -45,6 +52,23 @@ jQuery(function($){
wow.init(); wow.init();
}; };
// 悬浮
$('.open-suspension').click(function(){
$('.suspension').toggleClass('show');
$(this).toggleClass('open');
});
// 语言选择
$('.language').click(function(){
$('.language>img').eq(1).toggleClass('open');
$('.language-select>.select').toggle();
});
// 搜索
$('.search>span').click(function(){
$('.search-son').toggle();
});
// 二级栏目切换 // 二级栏目切换
if(screen.width <= 780){ if(screen.width <= 780){
$(".sub-left>span").eq(0).addClass("cur"); $(".sub-left>span").eq(0).addClass("cur");
@ -114,7 +138,7 @@ jQuery(function($){
// 解决方案滚动 // 解决方案滚动
if(screen.width <= 768){ if(screen.width <= 768){
var solutionNavSwiper = new Swiper('.solution-nav-swiper',{ var solutionNavSwiper = new Swiper('.solution-nav-swiper',{
slidesPerView: 3, slidesPerView: 'auto',
slidesPerGroup: 1, slidesPerGroup: 1,
slidesPerGroupAuto: true, slidesPerGroupAuto: true,
autoplay:false, autoplay:false,
@ -240,15 +264,18 @@ jQuery(function($){
} }
// 视频播放 // 视频播放
$('.video-slide').find('video').eq(0).trigger('play');
$('.video-swiper-wrapper>.swiper-slide').click(function(){ $('.video-swiper-wrapper>.swiper-slide').click(function(){
$('.video-list-bg').show(); $('.video-list-bg').show();
$(".video-list>li").eq($(this).index()-1).addClass("show").siblings().removeClass('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'); $(".video-list>li").eq($(this).index()-1).find('video').trigger('play').siblings().find('video').trigger('pause');
$('.video-slide').find('video').trigger('pause');
}); });
$('.close-video').click(function(){ $('.close-video').click(function(){
$('.video-list-bg').hide(); $('.video-list-bg').hide();
$(".video-list>li").removeClass('show'); $(".video-list>li").removeClass('show');
$(".video-list>li").find('video').trigger('pause'); $(".video-list>li").find('video').trigger('pause');
$('.video-slide').find('video').trigger('pause');
}); });
// 关于我们视频播放 // 关于我们视频播放
@ -260,7 +287,6 @@ jQuery(function($){
$('.video-list-bg').hide(); $('.video-list-bg').hide();
$(".video-list>li").removeClass('show'); $(".video-list>li").removeClass('show');
}); });
// 荣誉资质滚动 // 荣誉资质滚动
if(screen.width <= 768){ if(screen.width <= 768){
var honorSwiper = new Swiper('.honor-swiper',{ var honorSwiper = new Swiper('.honor-swiper',{

16
news-detail.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -397,5 +397,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
news.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -478,5 +478,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
product-detail.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -463,5 +463,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
product.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -497,5 +497,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
search.html
View File

@ -217,7 +217,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -375,5 +375,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
service-dwon.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -486,5 +486,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
service.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -438,5 +438,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
solution-detail.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -366,5 +366,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>

16
solution.html
View File

@ -212,7 +212,7 @@
<img src="images/arrow-down.png" alt="更多"> <img src="images/arrow-down.png" alt="更多">
</div> </div>
<div class="search"> <div class="search">
<img src="images/search.png" alt="搜索"> <span><img src="images/search.png" alt="搜索"></span>
<div class="search-son w100"> <div class="search-son w100">
<div class="search-input"> <div class="search-input">
<div class="input"> <div class="input">
@ -520,5 +520,19 @@
<p>返回顶部</p> <p>返回顶部</p>
</li> </li>
</ul> </ul>
<!-- 手机底部 -->
<div class="wap-service">
<a href="" class="wap-service-left">
<img src="images/icon/icon-kf.png" alt="咨询客服"/>
<span>咨询客服</span>
</a>
<a href="tel:15896803999" class="wap-service-right"/>
<img src="images/icon/icon-dh.png" alt="电话"/>
<p>
<span>一键拨打获取报价</span>
<em>15896803999</em>
</p>
</a>
</div>
</body> </body>
</html> </html>