| Server IP : 156.238.232.47 / Your IP : 216.73.216.150 Web Server : nginx/1.25.3 System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : www ( 1000) PHP Version : 8.3.25 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /www/data/wwwroot/2026_08_17_01/template/cn/ |
Upload File : |
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>{pboot:pagetitle}</title>
<meta name="keywords" content="{pboot:pagekeywords}">
<meta name="description" content="{pboot:pagedescription}">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/bootstrap.min.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/jquery.fancybox.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/slick.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/fileupload.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/easydropdown.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/layer.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
{include file=head.html}
<div class="main">
<div class="c-banner">
<div class="banner">
<ul>
{pboot:slide gid=1}
<li><img src="[slide:src]"></li>
{/pboot:slide}
</ul>
</div>
<div class="nexImg"> <img src="{pboot:sitedomain}/skin/images/neximg.png" /> </div>
<div class="preImg"> <img src="{pboot:sitedomain}/skin/images/preimg.png" /> </div>
<div class="jumpBtn">
<ul>
{pboot:slide gid=1}
<li jumpImg="[slide:n]"></li>
{/pboot:slide}
</ul>
</div>
</div>
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style_1.css" />
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
<div class="wrap wrap-service">
<div class="w-100">
<div class="w-1440">
<div class="index-title wow fadeInUp"> {pboot:sort scode=6}
<div class="index-title-h1"> [sort:name] </div>
<div class="index-title-h2"> [sort:def1] </div>
{/pboot:sort} </div>
<div class="index-video">
<div class="video wow fadeInLeft"> <a class="img-box"><img class="lazy" data-src="{pboot:sitedomain}/skin/images/index-video.jpg" width="" height="270" title="" alt=""></a>
<div class="video-box"> {pboot:sort scode=9}<a class="play" href="[sort:link]"></a>{/pboot:sort}
<div class="video-txt">视频</div>
</div>
</div>
<div class="index-video-right wow fadeInRight">
<div class="index-top-img">
<div class="index-top-left-img"> {pboot:sort scode=10} <a href="[sort:link]"> <img src="{pboot:sitedomain}/skin/images/video-img-1.jpg" />
<div class="index-position-txt-1">联系</div>
</a> {/pboot:sort} </div>
<div class="index-top-left-img"> {pboot:sort scode=6} <a href="[sort:link]"> <img src="{pboot:sitedomain}/skin/images/video-img-2.jpg" />
<div class="index-position-txt-1">关于</div>
</a> </div>
</div>
<div class="index-bottom-txt">
<div class="index-bottom-txt-3">{pboot:content id=6}
[content:content drophtml=1 len=345]
{/pboot:content}</div>
<div class="index-bottom-txt-4"><a href="[sort:link]">了解更多 >></a></div>
</div>
{/pboot:sort} </div>
</div>
{pboot:sort scode=7}
<div class="index-title wow fadeInUp">
<div class="index-title-h1">[sort:name]</div>
<div class="index-title-h2">[sort:def1]</div>
</div>
<div class="index-advantages"> {pboot:list scode=[sort:scode] num=8 order=sorting}
<div class="index-advantages-li wow fadeInLeft" data-wow-duration="0.2s"> <img class="index-advantages-img" src="[list:ico]" title="8 shape rotating mop bucket" alt="8 shape rotating mop bucket" /> <a href="[list:link]" class="index-advantages-li-txt">
</a> <a href="[list:link]" class="advantages-bg-1"></a> </div>
{/pboot:list} </div>
{/pboot:sort}
</div>
</div>
</div>
{pboot:sort scode=8}
<div class="w-100 bg-f8f8f8">
<div class="w-100">
<div class="w-1440">
<div class="index-title wow fadeInUp">
<div class="index-title-h1">[sort:name]</div>
<div class="index-title-h2">[sort:def1]</div>
</div>
<div class="index-list">
<ul class="news-list">
{pboot:list scode=[sort:scode] num=3 order=sorting}
<li class="wow fadeInRight" data-wow-duration="0.2s">
<div class="index-list-title"><a href="[list:link]">[list:title]</a></div>
<div class="index-list-time">[list:date style=Y-m-d]</div>
<div class="index-list-img"><a href="[list:link]"><img src="[list:ico]" title="How to repair the rotating mop" alt="[list:title]" /></a></div>
<div class="index-list-txt">[list:description]</div>
</li>
{/pboot:list}
</ul>
</div>
</div>
</div>
</div>
{/pboot:sort}
<div class="w-100 bg-029c6a wow fadeInUp">
<div class="w-1440">
<div class="index-connected">
<div class="index-connected-p-a"> {pboot:sort scode=10} <span class="index-connected-span-1">[sort:name]</span> <a href="[sort:link]" class="index-connected-a-1">在线咨询</a> {/pboot:sort} </div>
</div>
</div>
</div>
</div>
{include file=foot.html}
</body>
</html>
<script>
if ($win.width() < 768) {
$(document).on('ready', function() {
$(".lazy1").slick({
dots: true,
lazyLoad: 'ondemand', // ondemand progressive anticipated
infinite: true,
});
});
}
if ($win.width() < 768) {
$(document).on('ready', function() {
$(".lazy").slick({
dots: true,
lazyLoad: 'ondemand', // ondemand progressive anticipated
infinite: true,
});
});
}
</script>
<!-- 轮播图 -->
<script type="text/javascript">
//定时器返回值
var time=null;
//记录当前位子
var nexImg = 0;
//用于获取轮播图图片个数
var imgLength = $(".c-banner .banner ul li").length;
//当时动态数据的时候使用,上面那个删除
// var imgLength =0;
//设置底部第一个按钮样式
$(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#029c6a");
//页面加载
$(document).ready(function(){
// dynamicData();
//启动定时器,设置时间为3秒一次
time =setInterval(intervalImg,3000);
});
//点击上一张
$(".preImg").click(function(){
//清楚定时器
clearInterval(time);
var nowImg = nexImg;
nexImg = nexImg-1;
console.log(nexImg);
if(nexImg<0){
nexImg=imgLength-1;
}
//底部按钮样式设置
$(".c-banner .jumpBtn ul li").css("background-color","white");
$(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#029c6a");
//将当前图片试用绝对定位,下一张图片试用相对定位
$(".c-banner .banner ul img").eq(nowImg).css("position","absolute");
$(".c-banner .banner ul img").eq(nexImg).css("position","relative");
//轮播淡入淡出
$(".c-banner .banner ul li").eq(nexImg).css("display","block");
$(".c-banner .banner ul li").eq(nexImg).stop().animate({"opacity":1},1000);
$(".c-banner .banner ul li").eq(nowImg).stop().animate({"opacity":0},1000,function(){
$(".c-banner ul li").eq(nowImg).css("display","none");
});
//启动定时器,设置时间为3秒一次
time =setInterval(intervalImg,3000);
})
//点击下一张
$(".nexImg").click(function(){
clearInterval(time);
intervalImg();
time =setInterval(intervalImg,3000);
})
//轮播图
function intervalImg(){
if(nexImg<imgLength-1){
nexImg++;
}else{
nexImg=0;
}
//将当前图片试用绝对定位,下一张图片试用相对定位
$(".c-banner .banner ul img").eq(nexImg-1).css("position","absolute");
$(".c-banner .banner ul img").eq(nexImg).css("position","relative");
$(".c-banner .banner ul li").eq(nexImg).css("display","block");
$(".c-banner .banner ul li").eq(nexImg).stop().animate({"opacity":1},1000);
$(".c-banner .banner ul li").eq(nexImg-1).stop().animate({"opacity":0},1000,function(){
$(".c-banner .banner ul li").eq(nexImg-1).css("display","none");
});
$(".c-banner .jumpBtn ul li").css("background-color","white");
$(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#029c6a");
}
//轮播图底下按钮
//动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用
$(".c-banner .jumpBtn ul li").each(function(){
//为每个按钮定义点击事件
$(this).click(function(){
clearInterval(time);
$(".c-banner .jumpBtn ul li").css("background-color","white");
jumpImg = $(this).attr("jumpImg");
if(jumpImg!=nexImg){
var after =$(".c-banner .banner ul li").eq(jumpImg);
var befor =$(".c-banner .banner ul li").eq(nexImg);
//将当前图片试用绝对定位,下一张图片试用相对定位
$(".c-banner .banner ul img").eq(nexImg).css("position","absolute");
$(".c-banner .banner ul img").eq(jumpImg).css("position","relative");
after.css("display","block");
after.stop().animate({"opacity":1},1000);
befor.stop().animate({"opacity":0},1000,function(){
befor.css("display","none");
});
nexImg=jumpImg;
}
$(this).css("background-color","#029c6a");
time =setInterval(intervalImg,3000);
});
});
</script>