Lee
commit
c69a2c7ee5
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,170 @@
|
|||
/* -moz-:代表firefox(火狐)浏览器私有属性
|
||||
-ms-:代表ie浏览器私有前缀
|
||||
-webkit-:代表safari、chrome私有属性
|
||||
-o-:代表Opera私有属性
|
||||
*/
|
||||
/* 清空所有标签的内外边距 */
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
/* css3盒子模型 */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
/* 抗锯齿性-让文字显示的更加清晰 */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background-color: #FFFFFF;
|
||||
font: 16px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
|
||||
color: #262626;
|
||||
}
|
||||
|
||||
/* em 和 i 斜体的文字不倾斜 */
|
||||
em,
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* 去掉li 的小圆点 */
|
||||
ul,
|
||||
ol,
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
button {
|
||||
/* 当我们鼠标经过button按钮的时候,鼠标变成小手 */
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
img {
|
||||
/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
|
||||
border: 0;
|
||||
/* 取消图片底侧有空白缝隙的问题 ① */
|
||||
vertical-align: middle;
|
||||
/* 取消图片底侧有空白缝隙的问题 ② */
|
||||
display: block;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
/* 去掉a标签的下划线,并修改字体颜色 */
|
||||
a,
|
||||
ins{
|
||||
color: #262626;
|
||||
text-decoration: none;
|
||||
/* 手机端去除a标签点击时的背景样式 */
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
/* 禁用长按时弹出的菜单 */
|
||||
img,
|
||||
a {
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
textarea {
|
||||
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
|
||||
/* 取消轮廓 */
|
||||
outline: none;
|
||||
/* 去掉默认外观 */
|
||||
-webkit-appearance: none;
|
||||
/* 去掉点击时的默认外观 */
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
/* 禁止自定义拉伸 */
|
||||
resize: none;
|
||||
}
|
||||
|
||||
/* 清楚浮动 */
|
||||
.clearfix:after {
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1
|
||||
}
|
||||
|
||||
/* 控制显示文字行数 */
|
||||
.clips1 {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.clips2 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.clips3 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 3;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.clips4 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.clips5 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 5;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.clips6 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 6;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.clips7 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 7;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
/* 页面宽度 */
|
||||
.w100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.w1520 {
|
||||
width: 1520px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.w1360{
|
||||
width: 1360px;
|
||||
margin: auto;
|
||||
}
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
After Width: | Height: | Size: 986 B |
Binary file not shown.
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
After Width: | Height: | Size: 2.7 KiB |
|
@ -0,0 +1,281 @@
|
|||
<!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 id="top">
|
||||
<!-- 头部导航 -->
|
||||
<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 class="active"><a href="index.html">首页</a></li>
|
||||
<li>
|
||||
<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="banner-swiper swiper w1690">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<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">
|
||||
<p>Grain and oil industry,create excellent quality</p>
|
||||
<h2>粮油产业,共创优良品质</h2>
|
||||
<span>河南华泰专注于追求严谨工艺和对客户承诺的交付,我们拥有现代自动化的生产设备,变安装为组装,为客户设计安装设备,为客户提供良好的售后服务</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="images/banner/banner.jpg" width="100%" height="100%" alt="">
|
||||
<div class="banner-title ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.6s" swiper-animate-delay="0">
|
||||
<p>Grain and oil industry,create excellent quality</p>
|
||||
<h2>粮油产业,共创优良品质</h2>
|
||||
<span>河南华泰专注于追求严谨工艺和对客户承诺的交付,我们拥有现代自动化的生产设备,变安装为组装,为客户设计安装设备,为客户提供良好的售后服务</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<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">
|
||||
<p>Grain and oil industry,create excellent quality</p>
|
||||
<h2>粮油产业,共创优良品质</h2>
|
||||
<span>河南华泰专注于追求严谨工艺和对客户承诺的交付,我们拥有现代自动化的生产设备,变安装为组装,为客户设计安装设备,为客户提供良好的售后服务</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="images/banner/banner.jpg" width="100%" height="100%" alt="">
|
||||
<div class="banner-title ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.6s" swiper-animate-delay="0">
|
||||
<p>Grain and oil industry,create excellent quality</p>
|
||||
<h2>粮油产业,共创优良品质</h2>
|
||||
<span>河南华泰专注于追求严谨工艺和对客户承诺的交付,我们拥有现代自动化的生产设备,变安装为组装,为客户设计安装设备,为客户提供良好的售后服务</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<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">
|
||||
<p>Grain and oil industry,create excellent quality</p>
|
||||
<h2>粮油产业,共创优良品质</h2>
|
||||
<span>河南华泰专注于追求严谨工艺和对客户承诺的交付,我们拥有现代自动化的生产设备,变安装为组装,为客户设计安装设备,为客户提供良好的售后服务</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="images/banner/banner.jpg" width="100%" height="100%" alt="">
|
||||
<div class="banner-title ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.6s" swiper-animate-delay="0">
|
||||
<p>Grain and oil industry,create excellent quality</p>
|
||||
<h2>粮油产业,共创优良品质</h2>
|
||||
<span>河南华泰专注于追求严谨工艺和对客户承诺的交付,我们拥有现代自动化的生产设备,变安装为组装,为客户设计安装设备,为客户提供良好的售后服务</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<!-- 主体内容 -->
|
||||
|
||||
<!-- 尾部 -->
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,146 @@
|
|||
//先要加载接口,要在函数外,保证先加载
|
||||
document.write('<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=O4aFVMSLVl1aiTX2sF40aVfC"></script>');
|
||||
|
||||
//显示地图
|
||||
//参数:显示容器ID,属性(city,addr,title,lawfirm,tel,user,mapx,pic,ismove,piobj,zoom)
|
||||
function ShowMap(objname,options){
|
||||
if(options){
|
||||
this._city = options.city ? options.city : ""; //城市
|
||||
this._addr = options.addr ? options.addr : ""; //地址
|
||||
this._title = options.title ? options.title : ""; //信息窗口标题
|
||||
this._lawfirm = options.lawfirm ? options.lawfirm : ""; //律所
|
||||
this._tel = options.tel ? options.tel : ""; //电话
|
||||
this._user = options.user ? options.user : ""; //主任
|
||||
this._mapx = options.mapx ? options.mapx : ""; //地图坐标
|
||||
this._pic = options.pic ? options.pic : ""; //图片
|
||||
this._ismove = options.ismove ? options.ismove : "0"; //是否拖动,1为拖动为设置标注,0为显示。默认0
|
||||
this._piobj = options.piobj ? options.piobj : ""; //接收拖动坐标的表单ID
|
||||
this._zoom = options.zoom ? options.zoom : "14"; //放大级别,默认14
|
||||
}
|
||||
//设定初始坐标
|
||||
var point=new BMap.Point(113.63156,34.83794);
|
||||
//范围为3-18级
|
||||
var zoom=this._zoom;
|
||||
|
||||
|
||||
//创建地图
|
||||
var map = new BMap.Map(objname);
|
||||
//map.enableScrollWheelZoom();
|
||||
var opts = {type: BMAP_NAVIGATION_CONTROL_ZOOM};
|
||||
map.addControl(new BMap.NavigationControl(opts));
|
||||
map.centerAndZoom(point, zoom);//设初始化地图。
|
||||
|
||||
//设置版权控件位置
|
||||
var cr = new BMap.CopyrightControl({anchor: BMAP_ANCHOR_TOP_LEFT});
|
||||
map.addControl(cr); //添加版权控件
|
||||
var bs = map.getBounds(); //返回地图可视区域
|
||||
|
||||
//坐标不为空时按坐标显示
|
||||
if (this._mapx != ""){
|
||||
var mx=this._mapx.substr(0,this._mapx.indexOf(","));
|
||||
var my=this._mapx.substr(this._mapx.indexOf(",")+1);
|
||||
point=new BMap.Point(mx,my);
|
||||
map.centerAndZoom(point, zoom); //重新调整位置
|
||||
}
|
||||
//否则按地址显示
|
||||
else if (this._addr != ""){
|
||||
//创建地址解析器实例
|
||||
var myGeo = new BMap.Geocoder();
|
||||
//将地址解析结果显示在地图上,并调整地图视野。此过程为异步,所以要重设标注
|
||||
myGeo.getPoint(this._addr, function(poi){
|
||||
map.centerAndZoom(poi, zoom);
|
||||
marker.setPosition(poi); //重调标注位置
|
||||
}, this._city);
|
||||
}
|
||||
//否则按城市显示
|
||||
else if (this._city != ""){
|
||||
map.setCenter(this._city); //设置地图中心点。
|
||||
//此定位无具体坐标,所以显示模式时要清除标注。要延时处理
|
||||
if (this._ismove=="0"){setTimeout(function(){map.clearOverlays();}, 1000);}
|
||||
}
|
||||
//都为空按IP定位
|
||||
else{
|
||||
//创建一个获取本地城市位置的实例
|
||||
var myCity = new BMap.LocalCity();
|
||||
//获取城市
|
||||
myCity.get(function(result){map.setCenter(result.name);});
|
||||
if (this._ismove=="0"){setTimeout(function(){map.clearOverlays();}, 1000);}
|
||||
}
|
||||
|
||||
var icowidth = 43;
|
||||
var icoheight = 55;
|
||||
var myIcon = new BMap.Icon("imgs/icomap.png", new BMap.Size(icowidth,icoheight));
|
||||
|
||||
//创建标注
|
||||
var marker = new BMap.Marker(point,{icon:myIcon});
|
||||
//var marker = new BMap.Marker(point);
|
||||
map.addOverlay(marker); // 将标注添加到地图中
|
||||
|
||||
//设置标注时
|
||||
if (this._ismove=="1"){
|
||||
marker.enableDragging(); //可拖拽
|
||||
var label = new BMap.Label("拖拽到您的位置",{offset:new BMap.Size(20,-15)});
|
||||
label.setStyle({ backgroundColor:"red", color:"white", fontSize : "12px" });
|
||||
marker.setLabel(label);
|
||||
|
||||
var poj=this._piobj; //过程里不支持this,要传给变量
|
||||
|
||||
//拖拽设置位置
|
||||
marker.addEventListener("dragend", function(e){
|
||||
try{document.getElementById(poj).value = e.point.lng + "," + e.point.lat;}catch (ex) {}
|
||||
});
|
||||
//点击设置位置
|
||||
map.addEventListener("click", function(e){
|
||||
marker.setPosition(e.point); //重调标注位置
|
||||
try{document.getElementById(poj).value = e.point.lng + "," + e.point.lat;}catch (ex) {}
|
||||
});
|
||||
}
|
||||
|
||||
//显示标注时
|
||||
if (this._ismove=="0"){
|
||||
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
|
||||
|
||||
//显示窗口设置
|
||||
var opts = {width:250,height:110,title : "<font color=#de0011 size=3>" + this._title + "</font>"} //窗口标题
|
||||
var infotxt="<table border='0'><tr><td valign='top'>"; //窗口内容
|
||||
if (this._pic != ""){infotxt += "<img src='"+this._pic+"' id='picid' style='float:left;margin-right:5px;padding-top:8px; width=50>";}
|
||||
infotxt += "</td><td><p style='font-size:12px;line-height:16px;padding-top:8px;'>";
|
||||
// if (this._lawfirm !=""){infotxt += "<b>公司:</b>" + this._lawfirm + "<br/>";};
|
||||
if (this._addr !=""){infotxt += "<b>地址:</b>" + this._addr + "<br/>";};
|
||||
if (this._tel !=""){infotxt += "<b>电话:</b>" + this._tel + "<br/>";};
|
||||
if (this._user !=""){infotxt += "<b>联系人:</b>" + this._user + "<br/>";};
|
||||
infotxt += "</p></td></tr></table>";
|
||||
|
||||
//显示文本标题
|
||||
var label2 = new BMap.Label(this._title,{offset:new BMap.Size(20,-15)});
|
||||
label2.setStyle({ backgroundColor:"red", color:"white", fontSize : "12px" });
|
||||
//marker.setLabel(label2);
|
||||
|
||||
//创建信息窗口
|
||||
var infoWindow = new BMap.InfoWindow(infotxt,opts);
|
||||
marker.addEventListener("mouseover", function(){
|
||||
this.openInfoWindow(infoWindow);
|
||||
//图片加载完毕重绘infowindow。防止在网速较慢,图片未加载时,生成的信息框高度比图片的总高度小,导致图片部分被隐藏
|
||||
document.getElementById('picid').onload = function (){infoWindow.redraw();}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//获取地理位置,间隔符
|
||||
//百度查询接口为异步,所以这里要用异步回调方式
|
||||
function getBDAddress(callBackFun,spStr){
|
||||
if (!spStr){spStr="";} //分隔符,默认空
|
||||
var geolocation = new BMap.Geolocation();
|
||||
geolocation.getCurrentPosition(function(r){
|
||||
if(this.getStatus() == BMAP_STATUS_SUCCESS){
|
||||
var point = new BMap.Point(r.point.lng,r.point.lat);
|
||||
var gc = new BMap.Geocoder();
|
||||
gc.getLocation(point, function(rs){
|
||||
var addComp = rs.addressComponents;
|
||||
var addVal = addComp.province + spStr + addComp.city + spStr + addComp.district + spStr + addComp.street + spStr + addComp.streetNumber;
|
||||
callBackFun(addVal);
|
||||
});
|
||||
}
|
||||
},{enableHighAccuracy: true})
|
||||
}
|
|
@ -0,0 +1,375 @@
|
|||
jQuery(function($){
|
||||
// banner轮播
|
||||
var number = $('.banner-swiper .swiper-slide').length;
|
||||
if(number>1){
|
||||
var bannerSwiper = new Swiper('.banner-swiper',{
|
||||
loop:true,//开启循环播放
|
||||
autoplay: {//开启自动播放
|
||||
delay:3000,
|
||||
disableOnInteraction: false,//触摸后不会停止自动滚动
|
||||
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换,鼠标离开时恢复自动切换。
|
||||
},
|
||||
pagination: {
|
||||
el: '.banner-swiper .swiper-pagination',
|
||||
clickable :true,
|
||||
renderBullet: function (index, className) {
|
||||
return '<span class="' + className + '">'+'<em>'+'0' + (index + 1) +'</em>'+'<ins></ins>'+ '</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类名
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 加载动画
|
||||
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
|
||||
var wow = new WOW({
|
||||
boxClass: 'wow',
|
||||
animateClass: 'animated',
|
||||
offset: -50,
|
||||
mobile: true,
|
||||
live: true
|
||||
});
|
||||
wow.init();
|
||||
};
|
||||
|
||||
// 二级栏目切换
|
||||
if(screen.width <= 780){
|
||||
$(".sub-left>span").eq(0).addClass("cur");
|
||||
$(".sub-right>span").eq(0).show();
|
||||
$('.sub-left>span').click(function(){
|
||||
$(".sub-left>span").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
|
||||
$(".sub-right>span").hide().eq($(this).index()).show();
|
||||
});
|
||||
}else{
|
||||
$(".sub-left>span").eq(0).addClass("cur");
|
||||
$(".sub-right>span").eq(0).show();
|
||||
$('.sub-left>span').hover(function(){
|
||||
$(".sub-left>span").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
|
||||
$(".sub-right>span").hide().eq($(this).index()).show();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// // 首页新闻动态切换
|
||||
// $(".index-title-item>li").eq(0).addClass("active");
|
||||
// $(".index-news-all>div").eq(0).addClass("cur");
|
||||
// $(".index-title-item>li").click(function() {
|
||||
// $(".index-title-item>li").eq($(this).index()).addClass("active").siblings().removeClass('active');
|
||||
// $(".index-news-all>div").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
|
||||
// });
|
||||
|
||||
// // 首页主营业务切换
|
||||
// $(".index-business-item>li").eq(0).addClass("active");
|
||||
// $(".index-business-list>li").eq(0).addClass("cur");
|
||||
// $(".index-business-item>li").click(function() {
|
||||
// $(".index-business-item>li").eq($(this).index()).addClass("active").siblings().removeClass('active');
|
||||
// $(".index-business-list>li").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
|
||||
// });
|
||||
|
||||
// // 管理团队滚动
|
||||
// var teamSwiper = new Swiper('.team-swiper',{
|
||||
// loop:true,//开启循环播放
|
||||
// autoplay: {//开启自动播放
|
||||
// delay:3000,
|
||||
// disableOnInteraction: false,//触摸后不会停止自动滚动
|
||||
// pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换,鼠标离开时恢复自动切换。
|
||||
// },
|
||||
// pagination: {
|
||||
// el: '.team-swiper .swiper-pagination',
|
||||
// clickable :true,
|
||||
// },
|
||||
// effect : 'slide',//轮播的动效 默认为"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类名
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// // 大事记滚动
|
||||
// if(screen.width <= 980){
|
||||
// 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 : '4',
|
||||
// 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 + 4;
|
||||
// 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 <= 780){
|
||||
// var viewSwiper = new Swiper('.view-swiper', {
|
||||
// navigation: {
|
||||
// prevEl: '.preview .preview-arrow-prev',
|
||||
// nextEl: '.preview .preview-arrow-next',
|
||||
// },
|
||||
// thumbs: {
|
||||
// swiper: {
|
||||
// el: '.preview-swiper', //注意此处的设置方式
|
||||
// slidesPerView: 3,
|
||||
// watchSlidesVisibility: true,//防止不可点击
|
||||
// },
|
||||
// }
|
||||
// });
|
||||
// }else{
|
||||
// var viewSwiper = new Swiper('.view-swiper', {
|
||||
// navigation: {
|
||||
// prevEl: '.preview .preview-arrow-prev',
|
||||
// nextEl: '.preview .preview-arrow-next',
|
||||
// },
|
||||
// thumbs: {
|
||||
// swiper: {
|
||||
// el: '.preview-swiper', //注意此处的设置方式
|
||||
// watchSlidesVisibility: true,//防止不可点击
|
||||
// },
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
|
||||
|
||||
// // // 回到顶部
|
||||
// // $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);});
|
||||
|
||||
// // 走进蜀能锚点
|
||||
// if(screen.width <= 980){
|
||||
// $('.abstract-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 300);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// $('.speech-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.speech-bg').offset().top - 128}, 300);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// $('.team-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.team-bg').offset().top - 128}, 300);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// $('.organization-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.organization-bg').offset().top - 128}, 300);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// $('.memorabilia-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 128}, 300);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// }else{
|
||||
// $('.abstract-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 147}, 600);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// $('.speech-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.speech-bg').offset().top - 147}, 600);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// $('.team-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.team-bg').offset().top - 147}, 600);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// $('.organization-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.organization-bg').offset().top - 147}, 600);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// $('.memorabilia-btn').click(function(){
|
||||
// $('html,body').animate({scrollTop:$('.memorabilia-bg').offset().top - 147}, 600);
|
||||
// $('.pull-item>li').removeClass("cur");
|
||||
// $(this).addClass("cur");
|
||||
// });
|
||||
// }
|
||||
|
||||
|
||||
|
||||
// // 团队风采滚动
|
||||
// if(screen.width <= 860){
|
||||
// var teamStyleSwiper = new Swiper('.team-style-swiper', {
|
||||
// // paginationClickable: true,
|
||||
// observer: true,
|
||||
// observeParents: true,
|
||||
// // initialSlide: swipIndex,
|
||||
// effect: 'coverflow',
|
||||
// centeredSlides: true,
|
||||
// spaceBetween: '1%',
|
||||
// slidesPerView: 2,
|
||||
// loop: true,
|
||||
// autoplay:true,
|
||||
// // autoplay: {
|
||||
// // disableOnInteraction: false,
|
||||
// // },
|
||||
// navigation: {
|
||||
// //
|
||||
// },
|
||||
// coverflowEffect: {
|
||||
// rotate: 0, //slide做3d旋转时Y轴的旋转角度
|
||||
// stretch: 30, //每个slide之间的拉伸值,越大slide靠得越紧。5.3.6 后可使用%百分比
|
||||
// depth: 140, //slide的位置深度。值越大z轴距离越远,看起来越小。
|
||||
// modifier: 1, //depth和rotate和stretch的倍率,相当于depth*modifier、rotate*modifier、stretch*modifier,值越大这三个参数的效果越明显。
|
||||
// slideShadows: false,
|
||||
// },
|
||||
// on: {
|
||||
// transitionEnd: function () {
|
||||
// this.activeIndex
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// }else if(screen.width > 860 & screen.width <= 1280){
|
||||
// var teamStyleSwiper = new Swiper('.team-style-swiper', {
|
||||
// // paginationClickable: true,
|
||||
// observer: true,
|
||||
// observeParents: true,
|
||||
// // initialSlide: swipIndex,
|
||||
// effect: 'coverflow',
|
||||
// centeredSlides: true,
|
||||
// spaceBetween: '1%',
|
||||
// slidesPerView: 2,
|
||||
// loop: true,
|
||||
// autoplay:true,
|
||||
// // autoplay: {
|
||||
// // disableOnInteraction: false,
|
||||
// // },
|
||||
// navigation: {
|
||||
// //
|
||||
// },
|
||||
// coverflowEffect: {
|
||||
// rotate: 0, //slide做3d旋转时Y轴的旋转角度
|
||||
// stretch: 100, //每个slide之间的拉伸值,越大slide靠得越紧。5.3.6 后可使用%百分比
|
||||
// depth: 40, //slide的位置深度。值越大z轴距离越远,看起来越小。
|
||||
// modifier: 1, //depth和rotate和stretch的倍率,相当于depth*modifier、rotate*modifier、stretch*modifier,值越大这三个参数的效果越明显。
|
||||
// slideShadows: false,
|
||||
// },
|
||||
// on: {
|
||||
// transitionEnd: function () {
|
||||
// this.activeIndex
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// }else{
|
||||
// var teamStyleSwiper = new Swiper('.team-style-swiper', {
|
||||
// // paginationClickable: true,
|
||||
// observer: true,
|
||||
// observeParents: true,
|
||||
// // initialSlide: swipIndex,
|
||||
// effect: 'coverflow',
|
||||
// centeredSlides: true,
|
||||
// spaceBetween: '1%',
|
||||
// slidesPerView: 2,
|
||||
// loop: true,
|
||||
// autoplay:true,
|
||||
// // autoplay: {
|
||||
// // disableOnInteraction: false,
|
||||
// // },
|
||||
// navigation: {
|
||||
// //
|
||||
// },
|
||||
// coverflowEffect: {
|
||||
// rotate: 0, //slide做3d旋转时Y轴的旋转角度
|
||||
// stretch: 100, //每个slide之间的拉伸值,越大slide靠得越紧。5.3.6 后可使用%百分比
|
||||
// depth: 120, //slide的位置深度。值越大z轴距离越远,看起来越小。
|
||||
// modifier: 1, //depth和rotate和stretch的倍率,相当于depth*modifier、rotate*modifier、stretch*modifier,值越大这三个参数的效果越明显。
|
||||
// slideShadows: false,
|
||||
// },
|
||||
// on: {
|
||||
// transitionEnd: function () {
|
||||
// this.activeIndex
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
|
||||
|
||||
// // 加入我们切换
|
||||
// $('.join-item').click(function() {
|
||||
// if($(this).parent().attr('class') == 'wow fadeInUp animated active'){
|
||||
// $('.join-list>li').removeClass('active');
|
||||
// $('.join-list>li').find(".more").html("展开详情")
|
||||
// }else{
|
||||
// $('.join-list>li').removeClass('active')
|
||||
// $(this).parent().addClass('active')
|
||||
// $('.join-list>li').find(".more").html("展开详情")
|
||||
// $('.join-list>li.active').find(".more").html("收起详情")
|
||||
// }
|
||||
// });
|
||||
|
||||
|
||||
// // 手机导航按钮
|
||||
// $('.head .head-btn').click(function() {
|
||||
// if ($('.head .head-btn').attr('class') == 'head-btn cur') {
|
||||
// $('.head .head-btn').removeClass('cur');
|
||||
// $('.head .nav').removeClass('active');
|
||||
// $('.head .nav-bg').removeClass('active');
|
||||
// } else {
|
||||
// $('.head .head-btn').addClass('cur');
|
||||
// $('.head .nav').addClass('active');
|
||||
// $('.head .nav-bg').addClass('active');
|
||||
// $('.head .logo').addClass('active');
|
||||
// }
|
||||
// });
|
||||
// $('.head .nav-bg').click(function() {
|
||||
// $(this).removeClass('active');
|
||||
// $('.head .head-btn').removeClass('cur');
|
||||
// $('.head .nav').removeClass('active');
|
||||
// });
|
||||
})
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,3 @@
|
|||
//本插件由www.swiper.com.cn提供
|
||||
//版本1.03
|
||||
function swiperAnimateCache(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["style"]?allBoxes[i].setAttribute("swiper-animate-style-cache",allBoxes[i].attributes["style"].value):allBoxes[i].setAttribute("swiper-animate-style-cache"," "),allBoxes[i].style.visibility="hidden"}function swiperAnimate(a){clearSwiperAnimate(a);var b=a.slides[a.activeIndex].querySelectorAll(".ani");for(i=0;i<b.length;i++)b[i].style.visibility="visible",effect=b[i].attributes["swiper-animate-effect"]?b[i].attributes["swiper-animate-effect"].value:"",b[i].className=b[i].className+" "+effect+" "+"animated",style=b[i].attributes["style"].value,duration=b[i].attributes["swiper-animate-duration"]?b[i].attributes["swiper-animate-duration"].value:"",duration&&(style=style+"animation-duration:"+duration+";-webkit-animation-duration:"+duration+";"),delay=b[i].attributes["swiper-animate-delay"]?b[i].attributes["swiper-animate-delay"].value:"",delay&&(style=style+"animation-delay:"+delay+";-webkit-animation-delay:"+delay+";"),b[i].setAttribute("style",style)}function clearSwiperAnimate(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["swiper-animate-style-cache"]&&allBoxes[i].setAttribute("style",allBoxes[i].attributes["swiper-animate-style-cache"].value),allBoxes[i].style.visibility="hidden",allBoxes[i].className=allBoxes[i].className.replace("animated"," "),allBoxes[i].attributes["swiper-animate-effect"]&&(effect=allBoxes[i].attributes["swiper-animate-effect"].value,allBoxes[i].className=allBoxes[i].className.replace(effect," "))}
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue