| 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_11_04_03/template/cn/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="telephone=no" name="format-detection" />
<title>{content:title}-{pboot:sitetitle}</title>
<meta name="keywords" content="{content:keywords}">
<meta name="description" content="{content:description}">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/public.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/frame.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/product-detail.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/enter.css">
<link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
<script src="{pboot:sitedomain}/skin/js/jquery-1.12.4.min.js"></script>
<script src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
<script src="{pboot:sitedomain}/skin/js/common.js"></script>
</head>
<body>
{include file=head.html}
<style>
html,
body{
background-color: #f1f2f6;
}
.path-box{
border-bottom: none;
}
.case-txt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.fri-link {
display:none;
}
@media screen and (max-width: 768px){
.prodet-img .gallery-top {
height: auto !important;
overflow: hidden;
}
.pdet-fix{
width: 1.28rem !important;
}
.pdet-xgcon{
width: calc(100% - 1.78rem);
width: -moz-calc(100% - 1.78rem);
width: -webkit-calc(100% - 1.78rem);
float: right;
}
.proxg-img>img{
width: auto !important;
height: auto !important;
max-width: 100%;
max-height: 100%;
}
.pdet-fix .proxg-mc::after{
content: "";
position: absolute;
bottom: auto;
left: auto;
right: -.3rem;
top: .65rem;
margin: auto;
}
.pdet-fix .proxg-mc{
margin-bottom: 0;
}
.mess-cont {
width: 94%;
height: 5.9rem;
}
.mess-top {
padding: .4rem .5rem;
}
.mess-tit {
font-size: .3rem;
}
.shut {
width: .2rem;
height: .2rem;
right: .1rem;
top: .1rem;
}
.mess-cens {
padding: 0 .5rem 0 .2rem;
}
.mess-li {
margin-bottom: .16rem;
}
.mess-name {
font-size: .16rem;
color: #6c6b6b;
line-height: .4rem;
width: calc(100% - 3.5rem);
width: -moz-calc(100% - 3.5rem);
width: -webkit-calc(100% - 3.5rem);
}
.mess-cbox {
width: 3.5rem;
}
.pro-mz {
font-size: .16rem;
color: #333333;
line-height: .4rem;
}
.mess-cbox>input {
height: .4rem;
}
.mess-cbox .inp-yzm {
width: 2.5rem;
}
.yzm-box {
width: .76rem;
height: .32rem;
margin-top: .04rem;
}
.mess-cbot {
text-align: right;
padding: 0 .5rem 0 .2rem;
}
.mess-cbot>input {
width: 3.5rem;
height: .46rem;
line-height: .46rem;
font-size: .16rem;
}
}
</style>
<main>
<div class="main-wrap">
<!-- 路径 -->
<div class="path-box">
<div class="wrap">
<div class="path">{pboot:position}</div>
</div>
</div>
<!-- 产品信息 -->
<div class="prodet-infbox pb50 mb30">
<div class="wrap">
<div class="pro-infbox clearfix">
<div class="prodet-img fl">
<div class="swiper-container gallery-top">
<div class="swiper-wrapper">
{pboot:pics id={content:id} num=10}
<div class="swiper-slide"> <img src="[pics:src]" alt="[pics:title]"> </div>
{/pboot:pics}
</div>
</div>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper">
{pboot:pics id={content:id} num=10}
<div class="swiper-slide"> <img src="[pics:src]" alt="[pics:title]"> </div>
{/pboot:pics}
</div>
<!-- Add Arrows -->
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
</div>
</div>
<div class="prodet-inf fl">
<div class="pro-name" style="color:rgb( 0, 88, 168 );">{content:title}</div>
<div class="pro-inftxt">
<p>起重量<span >：{content:ext_c1}</span></p>
<p>起升高度<span >：{content:ext_c2}</span></p>
<p>工作级别<span >：{content:ext_c3}</span></p>
<p>起升速度<span >：{content:ext_c4}</span></p>
<p>产品简介<span >：{content:description lencn=80}</span></p>
</div>
<div class="pro-xbtn showbtn"> <a href="javascript:void(0)" onclick="xunjia(1)">我要询价</a></div>
</div>
</div>
</div>
</div>
<div class="prodet-main">
<div class="wrap">
<div class="prodet-mcon">
<div class="prodet-tab">
<ul>
<li><a href="javascript:void(0)">产品描述</a></li>
</ul>
</div>
<div class="prodet-tabcen">
<div class="proxg-li" style="display: block;">
<div class="pro-suebox ab_img">
{content:content}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- 询价留言 -->
<div class="message-box">
<div class="tan_bg"></div>
<div class="mess-cont fixed_c">
<div class="mess-top">
<div class="mess-tit">询价留言</div>
<div class="shut"> <img src="{pboot:sitedomain}/skin/images/shut.png" alt=""> </div>
</div>
<form action="{pboot:msgaction}" method="post">
<div class="mess-cens">
<div class="mess-li">
<div class="mess-name"><em>*</em>产品：</div>
<div class="mess-cbox">
<input type="text" value="{content:title}" name="title" id="title"/>
</div>
</div>
<div class="mess-li">
<div class="mess-name"><em>*</em>联系人：</div>
<div class="mess-cbox">
<input type="text" value="" name="name" id="name"/>
</div>
</div>
<div class="mess-li">
<div class="mess-name"><em>*</em>电话：</div>
<div class="mess-cbox">
<input type="text" value="" name="tel" id="tel"/>
</div>
</div>
<div class="mess-li">
<div class="mess-name"><em></em>邮箱：</div>
<div class="mess-cbox">
<input type="text" value="" name="email" id="email"/>
</div>
</div>
<div class="mess-li">
<div class="mess-name"><em>*</em>验证码：</div>
<div class="mess-cbox clearfix">
<input type="text" class="inp-yzm fl" name="checkcode" id="checkcode" placeholder="请输入验证码" />
<div class="yzm-box fr"> <img src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);"> </div>
</div>
</div>
</div>
<div class="mess-cbot">
<input type="submit" value="提交" id="tj"/>
</div>
</form>
</div>
</div>
<script>
$(".message-box").click(function (e) {
e ? e.stopPropagation() : event.cancelBubble = true;
});
$('.tan_bg').click(function () {
$('.message-box').hide();
})
$('.head_menu>ul>li').eq(2).addClass('on');
$('.aside>ul>li').eq(0).addClass('on');
$('.aside>ul>li').eq(0).find('.side-uldow>li:first-child').addClass('on');
$('.prodet-tab>ul>li').eq(0).addClass('on');
$('.proxg-li').eq(1).show();
//侧边
$('.aside>ul>li').click(function () {
$(this).toggleClass('on');
})
var win_width = $(window).width();
if (win_width > 768) {
// 产品效果
var galleryThumbs = new Swiper('.prodet-img .gallery-thumbs', {
spaceBetween: 10,
slidesPerView: 4,
loop: false,
freeMode: true,
loopedSlides: 5, //looped slides should be the same
watchSlidesVisibility: true,
watchSlidesProgress: true,
});
var galleryTop = new Swiper('.prodet-img .gallery-top', {
// spaceBetween: 10,
loop: true,
loopedSlides: 5, //looped slides should be the same
navigation: {
nextEl: '.prodet-img .swiper-button-next',
prevEl: '.prodet-img .swiper-button-prev',
},
thumbs: {
swiper: galleryThumbs,
},
});
}
window.onload = function () {
if (win_width <= 768) {
// 产品效果
var galleryThumbs = new Swiper('.prodet-img .gallery-thumbs', {
spaceBetween: 10,
slidesPerView: 3,
loop: false,
freeMode: true,
loopedSlides: 5, //looped slides should be the same
watchSlidesVisibility: true,
watchSlidesProgress: true,
});
var galleryTop = new Swiper('.prodet-img .gallery-top', {
// spaceBetween: 10,
loop: true,
loopedSlides: 5, //looped slides should be the same
navigation: {
nextEl: '.prodet-img .swiper-button-next',
prevEl: '.prodet-img .swiper-button-prev',
},
thumbs: {
swiper: galleryThumbs,
},
});
}
}
//
var swiper = new Swiper('.pdet-xgcon .swiper-container', {
direction: 'vertical',
pagination: {
el: '.pdet-xgcon .swiper-pagination',
type: 'fraction',
},
navigation: {
nextEl: '.pdet-xgcon .swiper-button-next',
prevEl: '.pdet-xgcon .swiper-button-prev',
},
});
$('.shut').click(function () {
$('.message-box').hide();
})
// 询价留言
function xunjia(num) {
$('.message-box').show();
}
</script>
<script>
$(function(){
$('#tj').click(function(){
//alert(1)
if($('#name').val()==''){alert('请输入您的姓名！'); $("#name").focus(); return false;}
if ($("#tel").val() == "") { alert("请输入你的手机！"); $("#tel").focus(); return false; }
if (!$("#tel").val().match(/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/)) { alert("手机号码格式不正确！"); $("#tel").focus(); return false;}
})
})
</script>
{include file=foot.html}
</body>
</html>