| 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/2025_08_20_01/runtime/complile/ |
Upload File : |
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<meta http-equiv="Cache-Control" content="no-transform" />
<meta name="applicable-device" content="pc,wap" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<title>{pboot:sitetitle}</title>
<meta name="keywords" content="{pboot:sitedescription}" />
<meta name="description" content="{pboot:sitekeywords}" />
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/cui.css" />
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/lib.css" />
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css?v=7" />
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/less.css" />
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/vision-carousel.css?v=2" />
<script src="{pboot:sitedomain}/skin/js/jquery.js"></script>
<script src="{pboot:sitedomain}/skin/js/main.js"></script>
<link
rel="stylesheet"
href="{pboot:sitedomain}/skin/css/swiper-bundle.min.css"
/>
<script src="{pboot:sitedomain}/skin/js/swiper-bundle.min.js"></script>
<script src="{pboot:sitedomain}/skin/js/vision-carousel.js"></script>
</head>
<body>
<div class="udede-header">
<div class="wp"> <span class="menuBtn"> <b></b> <b></b> <b></b> </span>
<div class="logo"><a href="{pboot:sitedomain}/" title="{pboot:companyname}"><img src="{pboot:sitelogo}" alt="{pboot:companyname}"></a></div>
<ul class="udede-nav">
<li {pboot:if(0=='{sort:scode}')}class="on"{/pboot:if}> <a href="{pboot:sitedomain}/" class="v1"><span>首页</span></a> </li>
{pboot:nav}
<li {pboot:if('[nav:scode]'=='{sort:tcode}')}class="on"{/pboot:if}> <a href="[nav:link]" class="v1" target="_self"><span>[nav:name]</span></a>
{pboot:if([nav:soncount]>0)}
<dl>
{pboot:2nav parent=[nav:scode]}
<dd><a href="[2nav:link]">[2nav:name]</a></dd>
{/pboot:2nav}
</dl>
{/pboot:if}
</li>
{/pboot:nav}
</ul>
</div>
</div>
<div class="clear"></div>
<div class="banner wow fadeInUp">
{pboot:slide gid=1 num=10}
<div
class="item"
style="
background: url([slide:src]) center no-repeat;
background-size: 100% 100%;
"
>
<div class="con"></div>
</div>
{/pboot:slide}
</div>
<div class="main">
<!-- 产品展示 -->
{pboot:sort scode=5}
<div class="row-a1">
<div class="wp">
<div class="col-l">
<h3
class="g-tit01 wow fadeInLeft"
data-wow-duration="1s"
data-wow-delay=".1s"
>
[sort:subname] <span>[sort:name]</span>
</h3>
<div
class="m-txt01 wow fadeInLeft"
data-wow-duration="1s"
data-wow-delay=".1s"
>
<div class="desc">
<span>INTROUDUCTION</span> <em>产品简介</em>
</div>
<div class="txt">
{pboot:nav parent={sort:tcode} parent=5 num=1}
<!--<h3>[nav:name]</h3>-->
<p>{label:txt}</p>
{/pboot:nav}
</div>
<a href="[sort:link]" class="g-more01">MORE+</a>
</div>
</div>
<div class="col-r">
<ul class="ul-tab01 taaa">
<li>
<div class="bar-bg">
<div class="countdown-bar" id="countdownBar"></div>
</div>
</li>
{pboot:list scode=5 num=4 order=sorting}
<li>
<span class="li-tab-item" onclick="changeTab('[list:n]')"
>[list:title]</span
>
</li>
{/pboot:list}
</ul>
<div class="swiper mySwiper">
<div class="swiper-wrapper">
{pboot:list scode=[sort:scode] num=4 order=sorting}
<div class="swiper-slide">
<a href="[list:link]">
<img src="[list:ico]" alt="[list:title]" />
</a>
</div>
{/pboot:list}
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
<!-- <div class="m-imgtxt01 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">
<ul class="ul-tab01 TAB_CLICK1" >
{pboot:nav parent={sort:tcode} parent=5 num=8}
<li> <a href="[nav:link]">[nav:name]</a> </li>
{/pboot:nav}
</ul>
<div class="tab_tab01 show">
<div class="m_chanpin01">
{pboot:list scode=[sort:scode] num=4 order=sorting}
<a href="[list:link]" title="[list:title]">
<div class="pic"> <img src="[list:ico]" alt="[list:title]"> </div>
<h3>[list:title]</h3>
</a>
{/pboot:list}
</div>
</div>
<div class="tab_tab01 ">
<div class="m_chanpin01">
{pboot:list scode=[sort:scode] num=4 order=sorting start=5}
<a href="[list:link]" title="[list:title]">
<div class="pic"> <img src="[list:ico]" alt="[list:title]"> </div>
<h3>[list:title]</h3>
</a>
{/pboot:list}
</div>
</div>
<div class="tab_tab01 ">
<div class="m_chanpin01">
{pboot:list scode=[sort:scode] num=4 order=sorting start=9}
<a href="[list:link]" title="[list:title]">
<div class="pic"> <img src="[list:ico]" alt="[list:title]"> </div>
<h3>[list:title]</h3>
</a>
{/pboot:list}
</div>
</div>
<a href="[sort:link]" class="g-more01 g-more02">MORE+</a>
</div> -->
</div>
</div>
</div>
{/pboot:sort}
<!-- 产品展示-end -->
<!-- 优势 -->
<!-- <div class="row-a2">-->
<!-- <div class="wp">-->
<!-- <div class="m-imgtxt02">-->
<!-- <div class="g-txt01 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s">-->
<!-- <h3>全新 A-CMOS 技术<span>开创PPM全谱分析新纪元</span></h3>-->
<!-- <p>20年专注于全读光谱仪生产，为客户度身定制系统的实验室整体解决方案。</p>-->
<!-- </div>-->
<!-- <div class="pic wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s"> <img src="{pboot:sitedomain}/skin/images/pic2.png" alt=""> </div>-->
<!-- </div>-->
<!-- <ul class="ul-txt01">-->
<!-- <li class="li1 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">-->
<!-- <h3>散热性强，热稳定性好</h3>-->
<!-- <p>170*120mm超大激发台，散热性强、热稳定性好。无需水冷系统就可以保证24小时不间断分析，并得到稳定的分析结果。</p>-->
<!-- </li>-->
<!-- <li class="li2 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">-->
<!-- <h3>傻瓜式操作软件</h3>-->
<!-- <p>日常操作、校正功能全部在软件主界面一级菜单，并且全部图形化显示，2小时即可熟练操作软件。</p>-->
<!-- </li>-->
<!-- <li class="li3 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">-->
<!-- <h3>更快速的气路/光室净化时间</h3>-->
<!-- <p>采用了气路保护装置，并且光室容积仅0.1L左右，即便在长时间未使用的情况下，气路/光室净化时间也不超过8分钟。</p>-->
<!-- </li>-->
<!-- <li class="li4 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">-->
<!-- <h3>光学系统动态温度补偿</h3>-->
<!-- <p>采用了气路保护装置，并且光室容积仅0.1L左右，即便在长时间未使用的情况下，气路/光室净化时间也不超过8分钟。</p>-->
<!-- </li>-->
<!-- <li class="li5 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">-->
<!-- <h3>更快速的气路/光室净化时间</h3>-->
<!-- <p>采用了气路保护装置，并且光室容积仅0.1L左右，即便在长时间未使用的情况下，气路/光室净化时间也不超过8分钟。</p>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!--</div>-->
<!-- 优势-end -->
<!-- 解决方案 -->
<!--{pboot:sort scode=9}-->
<!--<div class="row-a3">-->
<!-- <div class="wp">-->
<!-- <div class="m-list01">-->
<!-- <h3 class="g-tit01 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".1s">[sort:subname] <span>[sort:name]</span></h3>-->
<!-- <a href="[sort:link]" class="g-more01 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".1s">MORE+</a> </div>-->
<!-- <ul class="ul-imgtxt02 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".1s">-->
<!-- {pboot:list scode=[sort:scode] num=4 order=sorting}-->
<!-- <li><a href="[list:link]" title="[list:title]">-->
<!-- <div class="pic"> <img src="[list:ico]" alt="[list:title]"> </div>-->
<!-- <div class="desc">-->
<!-- <div class="time"> <span>[list:date style=m-d]</span> <em>[list:date style=Y]</em> </div>-->
<!-- <div class="txt">-->
<!-- <h3>[list:title]</h3>-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </a> </li>-->
<!-- {/pboot:list}-->
<!-- </ul>-->
<!-- <a href="[sort:link]" class="g-more01 g-more02">MORE+</a> </div>-->
<!--</div>-->
<!--{/pboot:sort} -->
<!-- 解决方案-end -->
<!-- 关于我们 -->
{pboot:sort scode=1}
<div class="row-a4">
<div class="vision-carousel" style="background-color: #2e3267;">
<div class="swiper vision-swiper">
<div class="swiper-wrapper">
{pboot:slide gid=2 num=9}
<div class="swiper-slide">
<div class="vision-slide">
<img src="[slide:src]" alt="Corporate Vision">
<div class="vision-content">
<h2>[slide:link]</h2>
<h3>[slide:title]</h3>
<p>[slide:subtitle]</p>
</div>
</div>
</div>
{/pboot:slide}
</div>
<!-- 底部导航点 -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
{/pboot:sort}
<!-- 关于我们-end -->
<!-- 新闻中心 -->
{pboot:sort scode=13}
<div class="row-a5">
<div class="wp">
<div class="m-list01">
<h3
class="g-tit01 wow fadeInLeft"
data-wow-duration="1s"
data-wow-delay=".1s"
>
[sort:subname] <span>[sort:name]</span>
</h3>
<a
href="[sort:link]"
class="g-more01 wow fadeInRight"
data-wow-duration="1s"
data-wow-delay=".1s"
>MORE+</a
>
</div>
<div
class="m-news01 wow fadeInUp"
data-wow-duration="1s"
data-wow-delay=".1s"
>
<div class="slider">
{pboot:list scode=[sort:scode] num=6 order=sorting}
<div class="item">
<div class="box">
<h3>
<a href="[list:link]" title="[list:title]">[list:title]</a>
</h3>
<span>[list:date style=Y-m-d]</span>
<p>[list:description lencn=40]</p>
</div>
</div>
{/pboot:list}
</div>
<a href="[sort:link]" class="g-more01 g-more02">MORE+</a>
</div>
<ul
class="ul-txt02 wow fadeInUp"
data-wow-duration="1s"
data-wow-delay=".1s"
>
<!--<li class="txt-l">-->
<!-- <h5>服务咨询热线</h5>-->
<!-- <strong>{pboot:companymobile}</strong> </li>-->
<li class="txt-c">
<h5>我要拨打咨询热线：</h5>
<p class="tel">{pboot:companyphone}</p>
<p class="dizhi">{pboot:companyaddress}</p>
</li>
<li class="txt-r">
<h5>我要发邮件：</h5>
<p class="you">{pboot:companyemail}</p>
</li>
</ul>
</div>
</div>
{/pboot:sort}
<!-- 新闻中心-end -->
<!-- 友情链接 -->
<div
class="row-a6 wow fadeInUp"
data-wow-duration="1s"
data-wow-delay=".1s"
>
<div class="wp">
<div
class="m-link1 wow fadeInUp"
data-wow-duration="1s"
data-wow-delay=".3s"
>
<div class="item">
<span>友情链接:</span>
<ul class="ul-link1">
{pboot:link gid=1 num=100}
<li>
<a href="[link:link]" title="[link:name]" target="_blank"
>[link:name]</a
>
</li>
{/pboot:link}
</ul>
</div>
</div>
</div>
</div>
<!-- 友情链接-end -->
</div>
<script
type="text/javascript"
src="{pboot:sitedomain}/skin/js/count.js"
></script>
<div class="udede-footer">
<div class="wp">
<div class="fd-top">
<div class="fd-logo"> <img src="{label:footlogo}" /> </div>
<div class="fd-nav">
{pboot:nav num=6}
<dl>
<dt><a href="[nav:link]" style="color:#fff;">[nav:name]</a></dt>
{pboot:2nav parent=[nav:scode]}
<dd><a href="[2nav:link]">[2nav:name]</a></dd>
{/pboot:2nav}
</dl>
{/pboot:nav}
</div>
<!--<div class="fd-qr">-->
<!-- <div class="pic"> <img src="{pboot:companyweixin}" /> </div>-->
<!-- <h3>扫一扫关注我们</h3>-->
<!--</div>-->
</div>
</div>
<div class="copy">
<div class="wp">
<p>
<p>{pboot:sitecopyright} <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">{pboot:siteicp}</a> {pboot:sitestatistical}</p>
</p>
</div>
</div>
</div>
<!-- 底部-end -->
<div class="h50"></div>
<!-- 悬浮菜单 -->
<ul class="udede-link">
<li class="on"> <a href="{pboot:sitedomain}/"> <i class="i1"></i> 首页 </a> </li>
{pboot:sort scode=5}<li><a href="[sort:link]"> <i class="i2"></i> 产品 </a></li>{/pboot:sort}
<li><a href="tel:{pboot:companymobile}"> <i class="i3"></i> 手机 </a> </li>
<li class="li4"> <a href=""> <i class="i4"></i> 顶部 </a> </li>
</ul>
<!-- 悬浮菜单-end -->
<!-- 客服 -->
<!--<div class="kf">-->
<!-- <div class="kt-top">在线客服 <span class="close"> <b></b> <b></b> </span> </div>-->
<!-- <div class="con">-->
<!-- <ul class="qq">-->
<!-- <li><a class="IM-item-link IM-qq" style="height:25px;" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"> <img border="0" src="{pboot:sitedomain}/skin/images/qq.png" alt="点击这里给我发消息" align="absmiddle" onerror="$(this).hide();">客服1 </a> </li>-->
<!-- <li> <a class="IM-item-link IM-qq" style="height:25px;" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"> <img border="0" src="{pboot:sitedomain}/skin/images/qq.png" alt="点击这里给我发消息" align="absmiddle" onerror="$(this).hide();">客服2 </a> </li>-->
<!-- </ul>-->
<!-- <h5>联系方式</h5>-->
<!-- <div class="contact">-->
<!-- <p>热线电话</p>-->
<!-- <p>{pboot:companymobile}</p>-->
<!-- <p>上班时间</p>-->
<!-- <p>周一到周五</p>-->
<!-- <p>公司电话</p>-->
<!-- <p>{pboot:companyphone}</p>-->
<!-- </div>-->
<!-- <h5 class="qr-icon">二维码</h5>-->
<!-- <div class="qr"> <img src="{pboot:companyweixin}" /></div>-->
<!-- </div>-->
<!-- <div class="kf-side"> <b>在</b><b>线</b><b>客</b><b>服</b> <span class="arrow"></span> </div>-->
<!-- <div class="backTop"></div>-->
<!--</div>-->
<!-- 客服-end -->
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
<script>
// 初始化wow.js
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
wow.init();
};
</script>
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/slick.css">
<script src="{pboot:sitedomain}/skin/js/slick.min.js"></script>
<script>
$(document).ready(function () {
$(".udede-nav li").eq(0).addClass("on");
$(".banner").slick({
dots: true,
arrows: true,
autoplay: true,
autoplaySprrd: 3000,
slidesToShow: 1,
});
$(".m_chanpin01").slick({
dots: true,
arrows: true,
autoplaySprrd: 3000,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 767,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 479,
settings: {
slidesToShow: 1,
},
},
],
});
$(".m-news01 .slider").slick({
dots: true,
arrows: false,
autoplaySprrd: 3000,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 767,
settings: {
slidesToShow: 2,
},
},
{
breakpoint: 479,
settings: {
slidesToShow: 1,
},
},
],
});
});
</script>
</body>
</html>
<style>
.mySwiper {
width: 90%;
height: 450px;
margin-top: 30px;
margin-right: 10px;
img {
width: 100%;
height: 100%;
}
.swiper-slide{
text-align: right;
}
.swiper-pagination {
--swiper-theme-color: #3a3e7b;
}
}
@media (max-width: 768px) {
.mySwiper{
height: 200px;
}
}
.ul-tab01.taaa {
padding-top: 20px;
float: right;
position: relative;
overflow: auto;
li:first-child{
position: absolute;
left: 0;
top: -10px;
}
.li-tab-item {
cursor: pointer;
&.on {
font-weight: bold;
font-style: oblique;
color: #3a3e7b;
}
}
}
.bar-bg{
display: flex;
width: 40px;
background-color: #999;
border-radius: 10px;
transform: translateY(10px);
}
#countdownBar{
height: 6px;
background-color: #3a3e7b;
border-radius: 10px;
}
</style>
<script>
$(".ul-tab01.taaa .li-tab-item").eq(0).addClass("on");
var mySwiper = new Swiper(".mySwiper", {
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
// 如果需要分页器
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
function changeTab(index) {
mySwiper.slideTo(index);
$(".ul-tab01.taaa .li-tab-item").removeClass("on");
$(".ul-tab01.taaa .li-tab-item")
.eq(index)
.addClass("on");
// 重置计时条
resetCountdownBar();
}
mySwiper.on("slideChange", function () {
changeTab(this.activeIndex);
});
// 计时条功能
var countdownInterval;
var countdownDuration = 3000; // 与轮播图自动切换时间一致
var countdownStep = 10; // 每次增加的百分比步长
function startCountdownBar() {
var countdownBar = document.getElementById('countdownBar');
var width = 0;
// 清除之前的计时器
clearInterval(countdownInterval);
countdownInterval = setInterval(function() {
if (width >= 100) {
// 当计时条满时，自动切换到下一张轮播图
mySwiper.slideNext();
width = 0;
} else {
width += 100 / (countdownDuration / countdownStep);
countdownBar.style.width = width + '%';
}
}, countdownStep);
}
function resetCountdownBar() {
var countdownBar = document.getElementById('countdownBar');
countdownBar.style.width = '0%';
// 重新开始计时条
startCountdownBar();
}
// 页面加载完成后启动计时条
$(document).ready(function() {
startCountdownBar();
});
// 当用户手动切换轮播图时，重置计时条
mySwiper.on('slideChangeTransitionStart', function() {
resetCountdownBar();
});
</script>
<?php return array (
0 => '/www/data/wwwroot/2025_08_20_01/template/default/head.html',
1 => '/www/data/wwwroot/2025_08_20_01/template/default/foot.html',
); ?>