创建仓库
commit
229bc9104c
|
|
@ -0,0 +1,5 @@
|
|||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/hbt-moore-stone-ui.iml" filepath="$PROJECT_DIR$/.idea/hbt-moore-stone-ui.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||
<meta name="robots" content="index, follow"/>
|
||||
<title>${field.typetitle}</title>
|
||||
<meta name="keywords" content="${field.typekeyword}">
|
||||
<meta name="description" content="${field.typedescrip}">
|
||||
<meta http-equiv="Cache-Control" content="no-transform"/>
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
||||
<meta name="applicable-device" content="pc,mobile"/>
|
||||
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}css/tinymce-content.css" rel="stylesheet"/>
|
||||
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
|
||||
<script src="/{ms:global.style/}js/anim.js">//动画</script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<#include "header.htm" />
|
||||
<div class="o_big" >
|
||||
<img src="{@ms:file field.typelitpic/}" alt="汉邦唐科技"/>
|
||||
<h1 >${field.typedescrip}</h1>
|
||||
</div>
|
||||
<!--正文begin-->
|
||||
|
||||
<!--因为关于我们与招聘信息用的是同一个模板，所以判断是否是子栏目并且没有父栏目id，招聘信息不需要显示二级栏目-->
|
||||
<#if field.typeleaf ==1 && field.parentid?has_content>
|
||||
<div class="wrap">
|
||||
<div class="product_a anim anim-1">
|
||||
<#if field.typeleaf !=0>
|
||||
{ms:channel type='level'}
|
||||
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
|
||||
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
|
||||
<#else>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
|
||||
</#if>
|
||||
{/ms:channel}
|
||||
<#else>
|
||||
{ms:channel type='son'}
|
||||
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
|
||||
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
|
||||
<#else>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
|
||||
</#if>
|
||||
{/ms:channel}
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
||||
</#if>
|
||||
|
||||
<div class="news_bg">
|
||||
<div class="wrap">
|
||||
<div class="about_x anim anim-2">
|
||||
<div class="show_t">${field.typetitle}</div>
|
||||
<div class="con_id">
|
||||
<div> ${field.content}</div>
|
||||
<br/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--正文end-->
|
||||
<#include "footer.htm" />
|
||||
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,394 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||
<meta name="robots" content="index, follow"/>
|
||||
<title>${field.typetitle}</title>
|
||||
<meta name="keywords" content="${field.typekeyword}">
|
||||
<meta name="description" content="${field.typedescrip}">
|
||||
<meta http-equiv="Cache-Control" content="no-transform"/>
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
||||
<meta name="applicable-device" content="pc,mobile"/>
|
||||
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
|
||||
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
|
||||
<script src="/{ms:global.style/}js/anim.js">//动画</script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
|
||||
<link href="/{ms:global.style/}css/slick.min.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}css/base-v2.0.min.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}css/main.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}css/media.css" rel="stylesheet"/>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/slick.min.js"></script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/wow.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<#include "header.htm" />
|
||||
<main class="ys_main">
|
||||
|
||||
<!-- page start -->
|
||||
<!-- 内容区 -->
|
||||
|
||||
<section class="about_leader std_padding2">
|
||||
<div class="ys_cont1400">
|
||||
<h2 class="std_title2 wow rondFadeup1" style="visibility: visible; animation-name: fadeInUp;"></h2>
|
||||
<div class="about_leader_bt std_margin1 clearfix">
|
||||
<div class="about_leader_bt_le fl wow rondFadeup2" style="visibility: visible; animation-name: fadeInUp;">
|
||||
<div class="albl_cont">
|
||||
<div class="albl_slick">
|
||||
<ul class="albl_ul slick_wrap slick-initialized slick-slider">
|
||||
<div class="ys_imgbox_cover">
|
||||
<img src="/{ms:global.style/}images/about/0pics31.png" alt="">
|
||||
<img src="{@ms:file field.typelitpic/}" alt="1111"> </div>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="albl_bg mod_bg">
|
||||
<img src="/{ms:global.style/}/images/about/h1_img2.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="albr_btn std_margin1">
|
||||
<div class="std_btn1 std_parga1">
|
||||
<a href="https://www.qcc.com/firm/a758e2df2d3be1fb10221446713051be.html" target="_blank" rel="noopenner noreferrer" class="std_btn1_box">
|
||||
<p>在线看企业</p>
|
||||
<div class="std_btn1_box_icon">
|
||||
<img src="/{ms:global.style/}/images/about/ny_arrow3_1.svg" alt="">
|
||||
<img src="/{ms:global.style/}/images/about/ny_arrow3.svg" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about_leader_bt_ri std_margin1 fr wow rondFadeup3" style="visibility: visible; animation-name: fadeInUp;">
|
||||
|
||||
|
||||
|
||||
${field.content}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="about_culture std_padbot2">
|
||||
<div class="ys_cont1400">
|
||||
<h2 class="std_title2 wow rondFadeup1">企业文化</h2>
|
||||
<div class="about_culture_parga std_parga1 wow rondFadeup2">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="about_culture_bt">
|
||||
<ul class="about_culture_bt_ul empty wow rondFadeup3">
|
||||
<li class="acbu_li">
|
||||
<div class="acbu_li_cont">
|
||||
<div class="ys_imgbox_cover">
|
||||
<img src="/{ms:global.style/}images/about/0pics32.png" alt="">
|
||||
<img src="/{ms:global.style/}images/about/download-804.svg" alt="download.svg">
|
||||
</div>
|
||||
<div class="std_title3">使命</div>
|
||||
<div class="std_parga1">
|
||||
<p>深耕现代化战训基地建设<br>以智能科技全面提升消防救援实战能力</p>
|
||||
</div>
|
||||
</div>
|
||||
</li><li class="acbu_li">
|
||||
<div class="acbu_li_cont">
|
||||
<div class="ys_imgbox_cover">
|
||||
<img src="/{ms:global.style/}images/about/0pics32.png" alt="">
|
||||
<img src="/{ms:global.style/}images/about/download-853.svg" alt="download.svg">
|
||||
</div>
|
||||
<div class="std_title3">愿景</div>
|
||||
<div class="std_parga1">
|
||||
<p>引领智慧消防新未来<br>成为全球消防救援体系进化的关键力量</p>
|
||||
</div>
|
||||
</div>
|
||||
</li><li class="acbu_li">
|
||||
<div class="acbu_li_cont">
|
||||
<div class="ys_imgbox_cover">
|
||||
<img src="/{ms:global.style/}images/about/0pics32.png" alt="">
|
||||
<img src="/{ms:global.style/}images/about/download-559.svg" alt="download.svg">
|
||||
</div>
|
||||
<div class="std_title3">价值观</div>
|
||||
<div class="std_parga1">
|
||||
<p>专注实战<br>智创未来<br>共担使命</p>
|
||||
</div>
|
||||
</div>
|
||||
</li> </ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section class="about_history std_padtop2" style="height:0;padding:0;margin:0">
|
||||
|
||||
</section>
|
||||
<section class="about_honor std_padding2">
|
||||
<div class="ys_cont1400">
|
||||
<div class="scene_spot_tp wow rondFadeup1">
|
||||
<h2 class="std_title2">荣誉资质</h2>
|
||||
<div class="std_arrow">
|
||||
<div class="std_arrow_icon std_arrow_prev">
|
||||
<div class="std_arrow_icon_img ys_pos_center">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.7439 3.96536C12.8232 3.87623 12.8663 3.7591 12.8643 3.63816C12.8622 3.51721 12.8152 3.40169 12.733 3.31544C12.693 3.27379 12.6452 3.24098 12.5925 3.219C12.5398 3.19702 12.4833 3.18634 12.4265 3.1876C12.3696 3.18886 12.3136 3.20204 12.2619 3.22634C12.2102 3.25064 12.1638 3.28554 12.1256 3.32892L6.55754 9.49554L12.1256 15.6613C12.1638 15.7047 12.2101 15.7397 12.2619 15.764C12.3136 15.7883 12.3696 15.8015 12.4265 15.8028C12.4833 15.804 12.5398 15.7933 12.5925 15.7713C12.6452 15.7493 12.693 15.7164 12.733 15.6747C12.903 15.4995 12.9117 15.2118 12.7439 15.0248L7.79062 9.49509L12.7439 3.96536Z" fill="#999999" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="std_arrow_icon std_arrow_next">
|
||||
<div class="std_arrow_icon_img ys_pos_center">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.35184 3.96536C7.27252 3.87623 7.22942 3.7591 7.23144 3.63816C7.23347 3.51721 7.28047 3.40169 7.36275 3.31544C7.40274 3.27379 7.45054 3.24098 7.50323 3.219C7.55593 3.19702 7.61241 3.18634 7.66925 3.1876C7.72608 3.18886 7.78207 3.20204 7.8338 3.22634C7.88553 3.25064 7.93191 3.28554 7.97013 3.32892L13.5382 9.49554L7.97013 15.6613C7.93195 15.7047 7.88557 15.7397 7.83384 15.764C7.78211 15.7883 7.7261 15.8015 7.66925 15.8028C7.6124 15.804 7.5559 15.7933 7.5032 15.7713C7.4505 15.7493 7.4027 15.7164 7.36275 15.6747C7.1927 15.4995 7.18398 15.2118 7.35184 15.0248L12.3051 9.49509L7.35184 3.96536Z" fill="#999999" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about_honor_bt std_margin2 wow rondFadeup2">
|
||||
<ul class="about_honor_bt_ul slick_wrap">
|
||||
<li class="ahbu_li slick_wrap_li">
|
||||
<div class="ahbu_li_cont">
|
||||
<div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2024</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>北京专精特新<br>中小企业</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/zhuanjingtexin.png" alt="北京专精特新中小企业.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div><div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2024</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>售后服务<br>认证</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/shouhoufuwu.png" alt="售后服务.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div><div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2025</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>CMMI<br>三级认证</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/CMMI.png" alt="CMMI三级认证.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div><div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2024</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>北京市<br>"创新型"企业</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/beijingchuangxin.png" alt="北京市创新型企业.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div><div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2023</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>国家<br>高新技术企业</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/gaoxinjishu.png" alt="国家高新技术企业.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div><div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2025</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>相关软著<br>专利证书</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/shiyongxinxing.png" alt="专利证书.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div><div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2024</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>AAA<br>信用等级</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/xinyongdengji.png" alt="信用等级.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div><div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2025</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>公司<br>营业执照</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/yingyezhizhao.png" alt="营业执照.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- <li class="ahbu_li slick_wrap_li">
|
||||
<div class="ahbu_li_cont">
|
||||
<div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2017</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>国家级智能制造<br>试点示范</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/zhinengzhizaoshidianshifan.png" alt="智能制造试点示范.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2021</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>全国工业APP和信息消费大赛<br>优秀解决方案奖</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/youxiujiejuefanganjiang.png" alt="优秀解决方案奖.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="ahbu_li_cont_item ">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2019</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>工信部智能制造系统<br>解决方案供应商</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
</div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2018</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>安徽省企业<br>技术中心</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/anhuishengqiyejishuzhongxin.png" alt="安徽省企业技术中心.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div><div class="ahbu_li_cont_item has_certifi">
|
||||
<div class="alci_text">
|
||||
<div class="alci_text_year">2016</div>
|
||||
<div class="alci_text_parga std_parga1">
|
||||
<p>第二届全国设备管理<br>创新成果一等奖</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alci_img">
|
||||
<img src="/{ms:global.style/}images/about/dierjie.png" alt="第二届.png"> </div>
|
||||
<div class="alci_bg">
|
||||
<img src="/{ms:global.style/}images/about/h1_img4.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="solution_bg ys_pos_top">
|
||||
<img src="/{ms:global.style/}/images/about/ny_bg1.png" alt="">
|
||||
</section>
|
||||
<!-- page end -->
|
||||
</main>
|
||||
<#include "footer.htm" />
|
||||
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
// wow初始化
|
||||
new WOW().init();
|
||||
|
||||
})
|
||||
|
||||
cultureSlick()
|
||||
|
||||
function cultureSlick() {
|
||||
$('.about_culture_bt_ul').slick({
|
||||
infinite: false,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
autoplay:true,
|
||||
dots: true,
|
||||
responsive: [{
|
||||
breakpoint: 769,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1,
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 481,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
}
|
||||
},
|
||||
]
|
||||
})
|
||||
if ($(window).width() > 768) {
|
||||
if ($(".acbu_li").length < 4) {
|
||||
$(".about_culture_bt_ul").addClass("empty")
|
||||
}
|
||||
}
|
||||
if ($(window).width() > 480 && $(window).width() < 769) {
|
||||
if ($(".acbu_li").length < 3) {
|
||||
$(".about_culture_bt_ul").addClass("empty")
|
||||
}
|
||||
}
|
||||
if ($(window).width() < 481) {
|
||||
if ($(".acbu_li").length < 2) {
|
||||
$(".about_culture_bt_ul").addClass("empty")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
honorSlick()
|
||||
function honorSlick() {
|
||||
$('.about_honor_bt_ul').slick({
|
||||
infinite: false,
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
prevArrow: '.about_honor .std_arrow_prev',
|
||||
nextArrow: '.about_honor .std_arrow_next',
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||
<meta name="robots" content="index, follow"/>
|
||||
<title>${field.typetitle}</title>
|
||||
<meta name="keywords" content="${field.typekeyword}">
|
||||
<meta name="description" content="${field.typedescrip}">
|
||||
<meta http-equiv="Cache-Control" content="no-transform"/>
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
||||
<meta name="applicable-device" content="pc,mobile"/>
|
||||
<link href="/{ms:global.style/}/css/style.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}/css/css.css" rel="stylesheet"/>
|
||||
<script src="/{ms:global.style/}/js/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}/js/jquery.superslide.2.1.1.js">//pc导航</script>
|
||||
<script src="/{ms:global.style/}/js/anim.js">//动画</script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}/js/basic.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<#include "header.htm" />
|
||||
<div class="o_big" >
|
||||
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
|
||||
<h1 >${field.typedescrip}</h1>
|
||||
</div>
|
||||
<!--正文begin-->
|
||||
<div class="wrap">
|
||||
<div class="product_a anim anim-1">
|
||||
<#if field.typeleaf !=0>
|
||||
{ms:channel type='level'}
|
||||
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
|
||||
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
|
||||
<#else>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
|
||||
</#if>
|
||||
{/ms:channel}
|
||||
<#else>
|
||||
{ms:channel type='son'}
|
||||
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
|
||||
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
|
||||
<#else>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
|
||||
</#if>
|
||||
{/ms:channel}
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap">
|
||||
<div class="case_ul">
|
||||
<ul>
|
||||
{ms:arclist size=8 ispaging=true}
|
||||
<li class="">
|
||||
<a href="{ms:global.html/}${field.link}" title="${field.title}">
|
||||
<div class="imgs">
|
||||
<img src="{@ms:file field.litpic/}" alt="${field.title}">
|
||||
</div>
|
||||
<div class="txts">
|
||||
<h2 class="f22">${field.title}</h2>
|
||||
<p class="p">{@ms:len field.descrip 20 /}...</p>
|
||||
<div class="desc">
|
||||
<div> {@ms:len field.descrip 280 /}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
{/ms:arclist}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="yema"><#include "page.htm" /></div>
|
||||
</div>
|
||||
<!--正文end-->
|
||||
<#include "footer.htm" />
|
||||
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,122 @@
|
|||
<script type="text/x-template" id="ms-mattention">
|
||||
<div class="interaction-like interaction-btn" :class="{thumbsUpchecked:thumbsUp == true}">
|
||||
<i :class="icon" @click="saveAttention()"></i>
|
||||
<span class="value">
|
||||
{{attentionTotal}}
|
||||
</span>
|
||||
</div>
|
||||
</script>
|
||||
<script>
|
||||
Vue.component('ms-mattention',{
|
||||
template: "#ms-mattention",
|
||||
name: "ms-mattention",
|
||||
props:{
|
||||
// 业务编号
|
||||
dataId:{
|
||||
type: String
|
||||
},
|
||||
// 类型
|
||||
dataType:{
|
||||
type: String
|
||||
},
|
||||
// 图标
|
||||
icon:{
|
||||
type: String
|
||||
},
|
||||
// 标题
|
||||
label:{
|
||||
type: String
|
||||
}
|
||||
},
|
||||
data: function(){
|
||||
return{
|
||||
// 数量
|
||||
attentionTotal: 0,
|
||||
thumbsUp: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 保存
|
||||
saveAttention: function () {
|
||||
var that = this
|
||||
ms.http.post( ms.base + "/people/attention/collection/save.do", {
|
||||
dataId: that.dataId,
|
||||
dataType: that.dataType,
|
||||
collectionDataTitle: that.label,
|
||||
}).then(function (res) {
|
||||
if (res.result) {
|
||||
that.attentionTotals(that.dataType)
|
||||
that.thumbsUp = res.data;
|
||||
}
|
||||
});
|
||||
},
|
||||
// 关注数量
|
||||
attentionTotals: function (dataType) {
|
||||
var that = this;
|
||||
//用户-关注接口
|
||||
ms.http.post(ms.base + "/attention/collection/queryCollectionCount.do", {
|
||||
dataIds: that.dataId,
|
||||
dataType: dataType
|
||||
}).then(function (res) {
|
||||
if(res.result && res.data.rows.length > 0){
|
||||
that.attentionTotal = 0;
|
||||
res.data.rows.forEach(function (item) {
|
||||
if (item.dataId == that.dataId) {
|
||||
that.attentionTotal = item.dataCount;
|
||||
if (item.isLike) {
|
||||
that.thumbsUp = item.isLike;
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
that.attentionTotal = 0
|
||||
}
|
||||
}).catch(function (err) {
|
||||
that.$notify({
|
||||
title: '提示',
|
||||
dangerouslyUseHTMLString: true,
|
||||
message: '需要安装关注插件才能使用，请先进入后台MStore安装关注插件使用。<span style="color: #409EFF; text-decoration: underline;">'
|
||||
+'<a href="http://store.mingsoft.net/#/detail?id=265&type=plugin" target="_blank">点击查看关注插件</a></span>',
|
||||
type: 'warning'
|
||||
});
|
||||
})
|
||||
},
|
||||
},
|
||||
created: function () {
|
||||
this.icon = "iconfont "+this.icon+" label"
|
||||
this.attentionTotals(this.dataType)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<style scoped>
|
||||
.news-detail .detail-bottom-interaction .interaction-like {
|
||||
min-height: 50px;
|
||||
margin-right: 20px;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
width: unset;
|
||||
box-sizing: border-box;
|
||||
margin-top: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.news-detail .detail-bottom-interaction .interaction-like .label {
|
||||
margin-right: 5px;
|
||||
font-size: 28PX;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.news-detail .detail-bottom-interaction .interaction-like .value {
|
||||
margin-right: 0px;
|
||||
flex-direction: row;
|
||||
word-wrap: break-word;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.interaction-btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||
<meta name="robots" content="index, follow"/>
|
||||
<title>${field.typetitle}</title>
|
||||
<meta name="keywords" content="${field.typekeyword}">
|
||||
<meta name="description" content="${field.typedescrip}">
|
||||
<meta http-equiv="Cache-Control" content="no-transform"/>
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
||||
<meta name="applicable-device" content="pc,mobile"/>
|
||||
<link href="/favicon.ico" rel="shortcut icon"/>
|
||||
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
|
||||
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
|
||||
<script src="/{ms:global.style/}js/anim.js">//动画</script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<#include "header.htm" />
|
||||
<div class="o_big" >
|
||||
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
|
||||
<h1 >${field.typedescrip}111</h1>
|
||||
</div>
|
||||
<!--正文begin-->
|
||||
<div class="wrap">
|
||||
<div class="product_a anim anim-1">
|
||||
<#if field.typeleaf !=0>
|
||||
{ms:channel type='level'}
|
||||
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
|
||||
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
|
||||
<#else>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
|
||||
</#if>
|
||||
{/ms:channel}
|
||||
<#else>
|
||||
{ms:channel type='son'}
|
||||
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
|
||||
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
|
||||
<#else>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
|
||||
</#if>
|
||||
{/ms:channel}
|
||||
</#if>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact_bg anim anim-2">
|
||||
<div class="map_div">
|
||||
<script src="/{ms:global.style/}js/048c11927f4c4b8a8811578543381d58.js"></script>
|
||||
<div class="baidu_ditu" id="dituContent"></div>
|
||||
<script>
|
||||
var map2 = new BMap.Map("dituContent"); // 创建Map实例
|
||||
var point2 = new BMap.Point(116.397513, 39.908739); // 创建点坐标
|
||||
map2.centerAndZoom(point2, 15); // 初始化地图,设置中心点坐标和地图级别。
|
||||
map2.enableScrollWheelZoom(); //启用滚轮放大缩小
|
||||
map2.addControl(new BMap.NavigationControl());
|
||||
map2.addControl(new BMap.ScaleControl());
|
||||
map2.addControl(new BMap.OverviewMapControl());
|
||||
var marker2 = new BMap.Marker(point2);
|
||||
map2.addOverlay(marker2);
|
||||
var infoWinOpts = {}
|
||||
var infoWin = new BMap.InfoWindow(
|
||||
"<div style='text-align:left;color:#1A6DAF;font-size: 14px;'><p></p><p>某某公司</p><p>电 话：488-888-8888</p><p>邮 箱：123456789@qq.com</p><p>地 址：北京市天安门</p></div>", infoWinOpts);
|
||||
marker2.openInfoWindow(infoWin);
|
||||
marker2.addEventListener("click", function () {
|
||||
this.openInfoWindow(infoWin);
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="contact_r">
|
||||
<h2>联系方式</h2>
|
||||
<ul>
|
||||
<li><img src="/{ms:global.style/}images/contact_pic1.png">总部地址：北京市天安门</li>
|
||||
<li><img src="/{ms:global.style/}images/contact_pic2.png">电话：<a href="tel:488-888-8888">488-888-8888</a></li>
|
||||
<li><img src="/{ms:global.style/}images/contact_pic4.png">邮箱：123456789@qq.com</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--正文end-->
|
||||
<#include "footer.htm" />
|
||||
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,238 @@
|
|||
.anim-1, .anim-2, .anim-3, .anim-4, .anim-5, .anim-6, .anim-7, .anim-8, .anim-9, .anim-10, .anim-11, .anim-12 {
|
||||
-webkit-transform: translateY(100px) translateX(0);
|
||||
-moz-transform: translateY(100px) translateX(0);
|
||||
transform: translateY(100px) translateX(0);
|
||||
opacity: 0;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
.anim-1 {
|
||||
-webkit-transition: transform .8s, opacity .8s;
|
||||
-moz-transition: transform .8s, opacity .8s;
|
||||
-o-transition: transform .8s, opacity .8s;
|
||||
transition: transform .8s, opacity .8s;
|
||||
}
|
||||
.anim-2 {
|
||||
-webkit-transition: transform 1s, opacity 1s;
|
||||
-moz-transition: transform 1s, opacity 1s;
|
||||
-o-transition: transform 1s, opacity 1s;
|
||||
transition: transform 1s, opacity 1s;
|
||||
}
|
||||
.anim-3 {
|
||||
-webkit-transition: transform 1.2s, opacity 1.2s;
|
||||
-moz-transition: transform 1.2s, opacity 1.2s;
|
||||
-o-transition: transform 1.2s, opacity 1.2s;
|
||||
transition: transform 1.2s, opacity 1.2s;
|
||||
}
|
||||
.anim-4 {
|
||||
-webkit-transition: transform 1.4s, opacity 1.4s;
|
||||
-moz-transition: transform 1.4s, opacity 1.4s;
|
||||
-o-transition: transform 1.4s, opacity 1.4s;
|
||||
transition: transform 1.4s, opacity 1.4s;
|
||||
}
|
||||
.anim-5 {
|
||||
-webkit-transition: transform 1.6s, opacity 1.6s;
|
||||
-moz-transition: transform 1.6s, opacity 1.6s;
|
||||
-o-transition: transform 1.6s, opacity 1.6s;
|
||||
transition: transform 1.6s, opacity 1.6s;
|
||||
}
|
||||
.anim-6 {
|
||||
-webkit-transition: transform 1.8s, opacity 1.8s;
|
||||
-moz-transition: transform 1.8s, opacity 1.8s;
|
||||
-o-transition: transform 1.8s, opacity 1.8s;
|
||||
transition: transform 1.8s, opacity 1.8s;
|
||||
}
|
||||
.anim-7 {
|
||||
-webkit-transition: transform 2s, opacity 2s;
|
||||
-moz-transition: transform 2s, opacity 2s;
|
||||
-o-transition: transform 2s, opacity 2s;
|
||||
transition: transform 2s, opacity 2s;
|
||||
}
|
||||
.anim-8 {
|
||||
-webkit-transition: transform 2.2s, opacity 2.2s;
|
||||
-moz-transition: transform 2.2s, opacity 2.2s;
|
||||
-o-transition: transform 2.2s, opacity 2.2s;
|
||||
transition: transform 2.2s, opacity 2.2s;
|
||||
}
|
||||
.anim-9 {
|
||||
-webkit-transition: transform 2.4s, opacity 2.4s;
|
||||
-moz-transition: transform 2.4s, opacity 2.4s;
|
||||
-o-transition: transform 2.4s, opacity 2.4s;
|
||||
transition: transform 2.4s, opacity 2.4s;
|
||||
}
|
||||
.anim-10 {
|
||||
-webkit-transition: transform 2.6s, opacity 2.6s;
|
||||
-moz-transition: transform 2.6s, opacity 2.6s;
|
||||
-o-transition: transform 2.6s, opacity 2.6s;
|
||||
transition: transform 2.6s, opacity 2.6s;
|
||||
}
|
||||
.anim-11 {
|
||||
-webkit-transition: transform 2.8s, opacity 2.8s;
|
||||
-moz-transition: transform 2.8s, opacity 2.8s;
|
||||
-o-transition: transform 2.8s, opacity 2.8s;
|
||||
transition: transform 2.8s, opacity 2.8s;
|
||||
}
|
||||
.anim-12 {
|
||||
-webkit-transition: transform 3.0s, opacity 3.0s;
|
||||
-moz-transition: transform 3.0s, opacity 3.0s;
|
||||
-o-transition: transform 3.0s, opacity 3.0s;
|
||||
transition: transform 3.0s, opacity 3.0s;
|
||||
}
|
||||
.anim-show {
|
||||
-webkit-transform: translateY(0px) translateX(0);
|
||||
-moz-transform: translateY(0px) translateX(0);
|
||||
transform: translateY(0px) translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
.anim-list .anim-1 {
|
||||
-webkit-transition: transform .5s, opacity .5s;
|
||||
-moz-transition: transform .5s, opacity .5s;
|
||||
-o-transition: transform .5s, opacity .5s;
|
||||
transition: transform .5s, opacity .5s;
|
||||
}
|
||||
.anim-list .anim-2 {
|
||||
-webkit-transition: transform .6s, opacity .6s;
|
||||
-moz-transition: transform .6s, opacity .6s;
|
||||
-o-transition: transform .6s, opacity .6s;
|
||||
transition: transform .7s, opacity .7s;
|
||||
}
|
||||
@-webkit-keyframes rotateInDownLeft {
|
||||
0% {
|
||||
transform-origin:left bottom;
|
||||
-webkit-transform:rotate(-45deg);
|
||||
transform:rotate(-45deg);
|
||||
opacity:0
|
||||
}
|
||||
0%, to {
|
||||
-webkit-transform-origin:left bottom
|
||||
}
|
||||
to {
|
||||
transform-origin: left bottom;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@keyframes rotateInDownLeft {
|
||||
0% {
|
||||
transform-origin:left bottom;
|
||||
-webkit-transform:rotate(-45deg);
|
||||
transform:rotate(-45deg);
|
||||
opacity:0
|
||||
}
|
||||
0%, to {
|
||||
-webkit-transform-origin:left bottom
|
||||
}
|
||||
to {
|
||||
transform-origin: left bottom;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes rotateInDownRight {
|
||||
0% {
|
||||
transform-origin:right bottom;
|
||||
-webkit-transform:rotate(45deg);
|
||||
transform:rotate(45deg);
|
||||
opacity:0
|
||||
}
|
||||
0%, to {
|
||||
-webkit-transform-origin:right bottom
|
||||
}
|
||||
to {
|
||||
transform-origin: right bottom;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@keyframes rotateInDownRight {
|
||||
0% {
|
||||
transform-origin:right bottom;
|
||||
-webkit-transform:rotate(45deg);
|
||||
transform:rotate(45deg);
|
||||
opacity:0
|
||||
}
|
||||
0%, to {
|
||||
-webkit-transform-origin:right bottom
|
||||
}
|
||||
to {
|
||||
transform-origin: right bottom;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
@keyframes mymove8 {
|
||||
from {
|
||||
filter:alpha(opacity=0);
|
||||
opacity:0;
|
||||
-webkit-transform: translateY(0) translateX(-100px);
|
||||
-moz-transform: translateY(0) translateX(-100px);
|
||||
transform: translateY(0) translateX(-100px);
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
to {
|
||||
filter: alpha(opacity=100);
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px) translateX(0);
|
||||
-moz-transform: translateY(0px) translateX(0);
|
||||
transform: translateY(0px) translateX(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes mymove8 {
|
||||
from {
|
||||
filter:alpha(opacity=0);
|
||||
opacity:0;
|
||||
-webkit-transform: translateY(0) translateX(-100px);
|
||||
-moz-transform: translateY(0) translateX(-100px);
|
||||
transform: translateY(0) translateX(-100px);
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
to {
|
||||
filter: alpha(opacity=100);
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px) translateX(0);
|
||||
-moz-transform: translateY(0px) translateX(0);
|
||||
transform: translateY(0px) translateX(0);
|
||||
}
|
||||
}
|
||||
@keyframes mymove7 {
|
||||
from {
|
||||
filter:alpha(opacity=0);
|
||||
opacity:0;
|
||||
-webkit-transform: translateY(0) translateX(100px);
|
||||
-moz-transform: translateY(0) translateX(100px);
|
||||
transform: translateY(0) translateX(100px);
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
to {
|
||||
filter: alpha(opacity=100);
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px) translateX(0);
|
||||
-moz-transform: translateY(0px) translateX(0);
|
||||
transform: translateY(0px) translateX(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes mymove7 {
|
||||
from {
|
||||
filter:alpha(opacity=0);
|
||||
opacity:0;
|
||||
-webkit-transform: translateY(0) translateX(100px);
|
||||
-moz-transform: translateY(0) translateX(100px);
|
||||
transform: translateY(0) translateX(100px);
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
to {
|
||||
filter: alpha(opacity=100);
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0px) translateX(0);
|
||||
-moz-transform: translateY(0px) translateX(0);
|
||||
transform: translateY(0px) translateX(0);
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,235 @@
|
|||
/**
|
||||
* BxSlider v4.1.2 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
*
|
||||
* Written by: Steven Wanderski, 2014
|
||||
* http://stevenwanderski.com
|
||||
* (while drinking Belgian ales and listening to jazz)
|
||||
*
|
||||
* CEO and founder of bxCreative, LTD
|
||||
* http://bxcreative.com
|
||||
*/
|
||||
|
||||
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
.bx-wrapper ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.bx-wrapper img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
height:100vh;
|
||||
width: 100%;/* filter: Alpha(Opacity=0);opacity: 0; */
|
||||
}
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper .bx-viewport {
|
||||
border: 0 solid #fff;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
/*fix other elements on the page moving (on Chrome)*/
|
||||
-webkit-transform: translatez(0);
|
||||
-moz-transform: translatez(0);
|
||||
-ms-transform: translatez(0);
|
||||
-o-transform: translatez(0);
|
||||
transform: translatez(0);
|
||||
}
|
||||
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
}
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(../images/bx_loader.gif) center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
/* PAGER */
|
||||
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial, sans-serif;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: #b3b3b3;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #000;
|
||||
}
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 3%;
|
||||
background: url(../images/i_left2.png) no-repeat;
|
||||
opacity: .5;
|
||||
}
|
||||
.bx-wrapper .bx-next {
|
||||
right: 3%;
|
||||
background: url(../images/i_right2.png) no-repeat;
|
||||
opacity: .5;
|
||||
}
|
||||
.bx-wrapper .bx-prev:hover {
|
||||
/*background: url(../images/i_left_on.png) no-repeat;*/
|
||||
opacity: .9;
|
||||
|
||||
}
|
||||
.bx-wrapper .bx-next:hover {
|
||||
/*background: url(../images/i_right_on.png) no-repeat;*/
|
||||
opacity: .9;
|
||||
|
||||
}
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
outline: 0;
|
||||
width: 20px;
|
||||
height: 40px;
|
||||
background-size: contain;
|
||||
text-indent: -9999px;/*z-index: 9999;*/
|
||||
}
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(../images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(../images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
/* IMAGE CAPTIONS */
|
||||
|
||||
.bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial, sans-serif;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
#slider {
|
||||
position: relative;
|
||||
height:100vh;
|
||||
}
|
||||
#bx-pager {
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
#bx-pager .item {
|
||||
text-align: center;
|
||||
}
|
||||
#bx-pager .item a {
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
border: white 3px solid;
|
||||
position: relative;
|
||||
}
|
||||
#bx-pager .item a .preview {
|
||||
display: none;
|
||||
}
|
||||
#bx-pager .item a:hover {
|
||||
border: #ccc 3px solid;
|
||||
}
|
||||
#bx-pager .item a:hover .preview {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: -7px;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
border: #ccc 3px solid;/*transform:scalex(1.2) scaley(1.2)*/
|
||||
}
|
||||
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
width: 100%;
|
||||
}
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
width: 50px;
|
||||
height: 4px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #00b9ef
|
||||
}
|
||||
|
|
@ -0,0 +1,190 @@
|
|||
/* side */
|
||||
.side {
|
||||
position: fixed;
|
||||
width: 56px;
|
||||
right: 0;
|
||||
top: 355px;
|
||||
z-index: 100;
|
||||
text-align: left;
|
||||
filter: Alpha(Opacity=95);
|
||||
opacity: 0.95;
|
||||
}
|
||||
.side ul li {
|
||||
width: 56px;
|
||||
height: 50px;
|
||||
float: left;
|
||||
position: relative;
|
||||
padding-bottom: 1px;
|
||||
background: url(../images/line0.png) #e48c0f right bottom no-repeat;
|
||||
}
|
||||
.side ul li img {
|
||||
opacity: 0.8;
|
||||
filter: Alpha(opacity=80);
|
||||
}
|
||||
.side ul li:hover img {
|
||||
opacity: 1;
|
||||
filter: Alpha(opacity=100);
|
||||
}
|
||||
.side ul li .sidebox {
|
||||
border-radius: 5px 0 0 0px;
|
||||
background: #e48c0f;
|
||||
position: absolute;
|
||||
width: 56px;
|
||||
height: 50px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
transition: all 0.3s;/*opacity:0.9;filter:Alpha(opacity=90);*/
|
||||
color: #fff;
|
||||
font: 14px/50px "微软雅黑";
|
||||
overflow: hidden;
|
||||
}
|
||||
.side ul li .sidebox:hover {
|
||||
border-radius: 5px 0 0 5px;
|
||||
}
|
||||
.side ul li .sidetop {
|
||||
width: 56px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
display: inline-block;
|
||||
background: #ff8500;
|
||||
border-radius: 0 0 0 5px;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.side ul li .sideewm {
|
||||
width: 56px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
display: inline-block;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.side ul li .sideewm .ewBox {
|
||||
width: 207px;
|
||||
display: none;
|
||||
color: #363636;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: -203px;
|
||||
top: -10px;
|
||||
background-image: url('../images/leftewm.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 0px;
|
||||
height: 226px
|
||||
}
|
||||
.side ul li .sideewm .ewBox img {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin-top: 30px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
.side ul li .sideetel {
|
||||
width: 56px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
display: inline-block;/*background:#000;opacity:0.9;filter:Alpha(opacity=90);*/
|
||||
transition: all 0.3s;
|
||||
text-align: left;
|
||||
}
|
||||
/*.side ul li .sideetel:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}*/
|
||||
.side ul li .sideetel .telBox {
|
||||
width: 185px;
|
||||
height: 72px;
|
||||
padding-top: 135px;
|
||||
display: none;
|
||||
color: #363636;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: -185px;
|
||||
top: -155px;
|
||||
background-image: url('../images/lefttel.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
}
|
||||
.side ul li .sideetel .telinput {
|
||||
width: 135px;
|
||||
text-align: center;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
background-color: #fff;
|
||||
color: #7d7d7d;
|
||||
font-size: 14px;
|
||||
margin-left: 25px;
|
||||
border: 0;
|
||||
z-index: 9999999;
|
||||
float: left;
|
||||
}
|
||||
.side ul li .sideetel .telbnt {
|
||||
width: 135px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
background-color: #735012;
|
||||
font-size: 14px;
|
||||
border: 0;
|
||||
margin-left: 25px;
|
||||
margin-top: 5px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
float: left;
|
||||
}
|
||||
.side ul li img {
|
||||
float: left;
|
||||
}
|
||||
.side dl dt {
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.side dl dt .sidebox {
|
||||
position: absolute;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
border-bottom: 1px solid #444;
|
||||
top: 0;
|
||||
right: 0;
|
||||
transition: all 0.3s;
|
||||
background: #000;
|
||||
opacity: 0.9;
|
||||
filter: Alpha(opacity=90);
|
||||
color: #fff;
|
||||
font: 12px/54px "微软雅黑";
|
||||
}
|
||||
.side dl dd {
|
||||
width: 54px;
|
||||
height: 44px;
|
||||
float: left;
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
.side dl dd .sidebox {
|
||||
position: absolute;
|
||||
width: 54px;
|
||||
height: 44px;
|
||||
border-bottom: 1px solid #444;
|
||||
top: 0;
|
||||
right: 0;
|
||||
transition: all 0.3s;
|
||||
background: #000;
|
||||
opacity: 0.9;
|
||||
filter: Alpha(opacity=90);
|
||||
color: #fff;
|
||||
font: 12px/54px "微软雅黑";
|
||||
line-height: 44px;
|
||||
}
|
||||
.side dl dd .sidebox:hover {
|
||||
background: #f3782a;
|
||||
opacity: 1;
|
||||
filter: Alpha(opacity=100);
|
||||
}
|
||||
.side dl dd .sidebox:hover img {
|
||||
opacity: 0.8;
|
||||
filter: Alpha(opacity=80);
|
||||
}
|
||||
.side dl img {
|
||||
float: left;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
.side {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,764 @@
|
|||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .owl-wrapper {
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight {
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
.owl-carousel .owl-item {
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page, .owl-controls .owl-buttons div {
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
/* mouse grab icon*/
|
||||
.grabbing {
|
||||
cursor: url(../images/grabbing.png) 8 8, move;
|
||||
}
|
||||
/* fix*/
|
||||
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.owl-theme .owl-controls {/*margin-bottom:20px;*/
|
||||
text-align: center;
|
||||
}
|
||||
/* Styling Next and Prev buttons*/
|
||||
.owl-theme .owl-controls .owl-buttons div {
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
width: 38px;
|
||||
height: 74px;/*IE7 life-saver*/
|
||||
text-indent: 40px;
|
||||
margin-top: -16%;
|
||||
z-index: 9;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 0.3s ease-out 0s;
|
||||
-moz-transition: all 0.3s ease-out 0s;
|
||||
-o-transition: all 0.3s ease-out 0s;
|
||||
transition: all 0.3s ease-out 0s;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div.owl-prev {
|
||||
background: url(../images/i_pro_left.png) no-repeat;
|
||||
float: left;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
|
||||
background: url(../images/i_pro_left_on.png) no-repeat;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div.owl-next {
|
||||
background: url(../images/i_pro_right.png) no-repeat;
|
||||
float: right;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
|
||||
background: url(../images/i_pro_right_on.png) no-repeat;
|
||||
}
|
||||
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
|
||||
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* Styling Pagination*/
|
||||
.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver*/
|
||||
display: none;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
background: #ccc;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page.active span {
|
||||
background: #4cb6ed;
|
||||
}
|
||||
/* If PaginationNumbers is true
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span*/
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers {
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
/* preloading images*/
|
||||
.owl-item.loading {
|
||||
min-height: 150px;
|
||||
background: url(../images/ajaxloader.gif) no-repeat center center
|
||||
}
|
||||
/*首页手机轮显*/
|
||||
.flash_div {
|
||||
display: none;
|
||||
}
|
||||
#owl-flash {
|
||||
text-align: center;
|
||||
}
|
||||
#owl-flash.owl-theme .owl-controls {
|
||||
bottom: 0px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
#owl-flash.owl-theme .owl-controls .owl-pagination {
|
||||
}
|
||||
/* Styling Pagination*/
|
||||
#owl-flash.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver*/
|
||||
}
|
||||
#owl-flash.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 50%;
|
||||
background: #b3b3b3;
|
||||
}
|
||||
#owl-flash.owl-theme .owl-controls .owl-page.active span {
|
||||
background: #00a1e9;
|
||||
}
|
||||
#owl-flash.owl-theme .owl-controls .owl-buttons {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
}
|
||||
#owl-flash.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
}
|
||||
#owl-flash .item {
|
||||
margin: 0px;
|
||||
}
|
||||
#owl-flash .item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#owl-flash .item dd {
|
||||
width: 100%;
|
||||
}
|
||||
/*首页工程实例*/
|
||||
#owl-demo3 {
|
||||
text-align: center;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-pagination {
|
||||
display: none;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls {
|
||||
padding-top: 0%;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls .owl-buttons {
|
||||
position: absolute;
|
||||
top: 47%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
height: 0;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls .owl-buttons div {
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
width: 19px;
|
||||
height: 33px;/*IE7 life-saver*/
|
||||
text-indent: 60px;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 0.3s ease-out 0s;
|
||||
-moz-transition: all 0.3s ease-out 0s;
|
||||
-o-transition: all 0.3s ease-out 0s;
|
||||
transition: all 0.3s ease-out 0s;
|
||||
margin-top: 0;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev {
|
||||
background: url(../images/i_left2.png) center center no-repeat;
|
||||
float: left;
|
||||
margin-left: -30px;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
|
||||
filter: Alpha(Opacity=80);
|
||||
opacity: 0.8;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next {
|
||||
background: url(../images/i_right2.png) center center no-repeat;
|
||||
float: right;
|
||||
margin-right: -30px;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
|
||||
filter: Alpha(Opacity=80);
|
||||
opacity: 0.8;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
}
|
||||
#owl-demo3 .item {
|
||||
margin: 0px 3%;
|
||||
text-align: center;
|
||||
}
|
||||
#owl-demo3 .item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: all 1s ease-in-out;
|
||||
-moz-transition: all 1s ease-in-out;
|
||||
-ms-transition: all 1s ease-in-out;
|
||||
-o-transition: all 1s ease-in-out;
|
||||
transition: all 1s ease-in-out;
|
||||
}
|
||||
#owl-demo3 .item dd {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
overflow: hidden;border-radius:10px
|
||||
}
|
||||
#owl-demo3 .item dd .imgs {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
#owl-demo3 .item dd .imgs img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: all 0.3s ease-out 0s;
|
||||
-moz-transition: all 0.3s ease-out 0s;
|
||||
-o-transition: all 0.3s ease-out 0s;
|
||||
transition: all 0.3s ease-out 0s;
|
||||
}
|
||||
#owl-demo3 .item dd .txts {
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
transition: all 0.3s;
|
||||
padding-bottom: 25px;
|
||||
padding-top: 25px;
|
||||
padding-left: 26px;
|
||||
padding-right: 2%;
|
||||
text-align: left;
|
||||
}
|
||||
#owl-demo3 .item dd .txts h2 {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
overflow: hidden;
|
||||
font-weight: normal;
|
||||
color: #333;
|
||||
}
|
||||
#owl-demo3 .item dd .txts .p {
|
||||
font-size: 14px;
|
||||
color: #aaaaaa;
|
||||
line-height: 20px;
|
||||
height: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#owl-demo3 .item dd:hover .imgs img {
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
#owl-demo3 .item dd:hover .txts h2 {
|
||||
color: #014ee7;
|
||||
}
|
||||
#owl-demo3 .item dd .desc {
|
||||
display: none;
|
||||
}
|
||||
/*旧产品详细*/
|
||||
#owl-demo2 {
|
||||
text-align: center;
|
||||
}
|
||||
#owl-demo2.owl-theme .owl-controls {
|
||||
bottom: 5px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
#owl-demo2.owl-theme .owl-controls .owl-pagination {
|
||||
text-align: right;
|
||||
padding-right: 2%;
|
||||
display: none;
|
||||
}
|
||||
/* Styling Pagination*/
|
||||
#owl-demo2.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver*/
|
||||
}
|
||||
#owl-demo2.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 50%;
|
||||
background: #ffffff;
|
||||
}
|
||||
#owl-demo2.owl-theme .owl-controls .owl-page.active span {
|
||||
background: #ec2029;
|
||||
}
|
||||
#owl-demo2.owl-theme .owl-controls .owl-buttons {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
}
|
||||
#owl-demo2.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
}
|
||||
#owl-demo2 .item {
|
||||
margin: 0px;
|
||||
}
|
||||
#owl-demo2 .item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: all 0.3s ease-out 0s;
|
||||
-moz-transition: all 0.3s ease-out 0s;
|
||||
-o-transition: all 0.3s ease-out 0s;
|
||||
transition: all 0.3s ease-out 0s;
|
||||
}
|
||||
#owl-demo2 .item dd {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
#owl-demo2 .item dd .imgs {
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
|
||||
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
|
||||
-webkit-transform: translate3d(0, -2px, 0);
|
||||
transform: translate3d(0, -2px, 0);
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
#owl-demo2 .item dd:hover .imgs img {
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
#owl-demo2 .item dd h2 {
|
||||
font-weight: normal;
|
||||
color: #1d1d1d;
|
||||
margin: 0 auto;
|
||||
max-width: 450px;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
#owl-demo2 .item dd p {
|
||||
color: #444;
|
||||
line-height: 24px;
|
||||
margin: 0 auto;
|
||||
max-width: 450px;
|
||||
}
|
||||
#owl-demo2 .item dd:hover h2 {
|
||||
color: #1d96d2;
|
||||
}
|
||||
/*机器人产品详细3*/
|
||||
#owl-demo4.owl-carousel .owl-wrapper-outer {
|
||||
overflow: visible;
|
||||
}
|
||||
#owl-demo4 {
|
||||
text-align: center;
|
||||
margin-top: 10%;
|
||||
}
|
||||
#owl-demo4.owl-theme .owl-controls {
|
||||
bottom: 5px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
#owl-demo4.owl-theme .owl-controls .owl-pagination {
|
||||
text-align: right;
|
||||
padding-right: 2%;
|
||||
display: none;
|
||||
}
|
||||
/* Styling Pagination*/
|
||||
#owl-demo4.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver*/
|
||||
}
|
||||
#owl-demo4.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 50%;
|
||||
background: #ffffff;
|
||||
}
|
||||
#owl-demo4.owl-theme .owl-controls .owl-page.active span {
|
||||
background: #ec2029;
|
||||
}
|
||||
#owl-demo4.owl-theme .owl-controls .owl-buttons {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
}
|
||||
#owl-demo4.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
}
|
||||
#owl-demo4 .item {
|
||||
margin: 0px;
|
||||
}
|
||||
#owl-demo4 .item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100px;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: all 0.3s ease-out 0s;
|
||||
-moz-transition: all 0.3s ease-out 0s;
|
||||
-o-transition: all 0.3s ease-out 0s;
|
||||
transition: all 0.3s ease-out 0s;
|
||||
}
|
||||
#owl-demo4 .item dd {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
#owl-demo4 .item dd .imgs {
|
||||
margin: 0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/
|
||||
-webkit-transform: translate3d(0, -2px, 0);
|
||||
transform: translate3d(0, -2px, 0);
|
||||
margin-bottom: 7%;
|
||||
}
|
||||
#owl-demo4 .item dd:hover .imgs img {
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
#owl-demo4 .item dd h2 {
|
||||
font-weight: normal;
|
||||
color: #fff;
|
||||
max-width: 212px;
|
||||
line-height: 26px;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 1%;
|
||||
font-size: 16px;
|
||||
}
|
||||
#owl-demo4 .item dd p {
|
||||
color: #fff;
|
||||
line-height: 24px;
|
||||
margin: 0 auto;
|
||||
font-size: 16px;
|
||||
}
|
||||
#owl-demo4 .item dd:hover h2 {
|
||||
color: #fff;
|
||||
}
|
||||
#owl-demo5.owl-carousel .owl-wrapper-outer {
|
||||
overflow: visible;
|
||||
}
|
||||
#owl-demo5 {
|
||||
text-align: center;
|
||||
margin-top: 10%;
|
||||
}
|
||||
#owl-demo5.owl-theme .owl-controls {
|
||||
bottom: 5px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
#owl-demo5.owl-theme .owl-controls .owl-pagination {
|
||||
text-align: right;
|
||||
padding-right: 2%;
|
||||
display: none;
|
||||
}
|
||||
/* Styling Pagination*/
|
||||
#owl-demo5.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver*/
|
||||
}
|
||||
#owl-demo5.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 50%;
|
||||
background: #ffffff;
|
||||
}
|
||||
#owl-demo5.owl-theme .owl-controls .owl-page.active span {
|
||||
background: #ec2029;
|
||||
}
|
||||
#owl-demo5.owl-theme .owl-controls .owl-buttons {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
}
|
||||
#owl-demo5.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
}
|
||||
#owl-demo5 .item {
|
||||
margin: 0px;
|
||||
}
|
||||
#owl-demo5 .item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 119px;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: all 0.3s ease-out 0s;
|
||||
-moz-transition: all 0.3s ease-out 0s;
|
||||
-o-transition: all 0.3s ease-out 0s;
|
||||
transition: all 0.3s ease-out 0s;
|
||||
}
|
||||
#owl-demo5 .item dd {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
#owl-demo5 .item dd:first-child {
|
||||
margin-bottom: 14%;
|
||||
}
|
||||
#owl-demo5 .item dd .imgs {
|
||||
margin: 0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/
|
||||
-webkit-transform: translate3d(0, -2px, 0);
|
||||
transform: translate3d(0, -2px, 0);
|
||||
margin-bottom: 7%;
|
||||
}
|
||||
#owl-demo5 .item dd:hover .imgs img {
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
#owl-demo5 .item dd h2 {
|
||||
font-weight: normal;
|
||||
color: #fff;
|
||||
max-width: 212px;
|
||||
line-height: 26px;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 1%;
|
||||
font-size: 16px;
|
||||
}
|
||||
#owl-demo5 .item dd p {
|
||||
color: #fff;
|
||||
line-height: 24px;
|
||||
margin: 0 auto;
|
||||
font-size: 16px;
|
||||
}
|
||||
#owl-demo5 .item dd:hover h2 {
|
||||
color: #fff;
|
||||
}
|
||||
/*柜台轻产品详细*/
|
||||
#owl-demo6 {
|
||||
text-align: center;
|
||||
}
|
||||
#owl-demo6.owl-theme .owl-controls {
|
||||
bottom: 5px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
#owl-demo6.owl-theme .owl-controls .owl-pagination {
|
||||
text-align: right;
|
||||
padding-right: 2%;
|
||||
display: none;
|
||||
}
|
||||
/* Styling Pagination*/
|
||||
#owl-demo6.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver*/
|
||||
}
|
||||
#owl-demo6.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 50%;
|
||||
background: #ffffff;
|
||||
}
|
||||
#owl-demo6.owl-theme .owl-controls .owl-page.active span {
|
||||
background: #ec2029;
|
||||
}
|
||||
#owl-demo6.owl-theme .owl-controls .owl-buttons {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
}
|
||||
#owl-demo6.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
}
|
||||
#owl-demo6 .item {
|
||||
margin: 0px;
|
||||
}
|
||||
#owl-demo6 .item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: all 0.3s ease-out 0s;
|
||||
-moz-transition: all 0.3s ease-out 0s;
|
||||
-o-transition: all 0.3s ease-out 0s;
|
||||
transition: all 0.3s ease-out 0s;
|
||||
}
|
||||
#owl-demo6 .item dd {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
#owl-demo6 .item dd .imgs {
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
#owl-demo6 .item dd:hover .imgs img {
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
#owl-demo6 .item dd h2 {
|
||||
font-weight: normal;
|
||||
color: #1d1d1d;
|
||||
margin: 0 auto;
|
||||
max-width: 450px;
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
#owl-demo6 .item dd p {
|
||||
color: #444;
|
||||
line-height: 24px;
|
||||
margin: 0 auto;
|
||||
max-width: 450px;
|
||||
}
|
||||
#owl-demo6 .item dd:hover h2 {
|
||||
color: #1d96d2;
|
||||
}
|
||||
@media screen and (max-width:1440px) {
|
||||
/*首页工程实例*/
|
||||
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev {
|
||||
margin-left: -15px;
|
||||
}
|
||||
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next {
|
||||
margin-right: -15px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:1100px) {
|
||||
/*首页工程实例*/
|
||||
#owl-demo3 .item dd .txts .p {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:979px) {
|
||||
}
|
||||
@media screen and (max-width:890px) {
|
||||
}
|
||||
@media screen and (max-width:830px) {
|
||||
}
|
||||
@media screen and (max-width:780px) {
|
||||
}
|
||||
@media screen and (max-width:640px) {
|
||||
/*产品详细3*/
|
||||
#owl-demo4 .item dd h2 {
|
||||
line-height: 22px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:480px) {
|
||||
/*首页工程实例*/
|
||||
#owl-demo3 .item dd .imgs h2 {
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
font-size: 14px;
|
||||
}
|
||||
#owl-demo3 .item dd .txts h2 {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width:360px) {
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:0}[dir='rtl'] .slick-slide{float:right}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;cursor:pointer;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:transparent;border:0;outline:0;background:transparent}.slick-prev{left:0}[dir='rtl'] .slick-prev{right:0;left:auto}.slick-next{right:0}[dir='rtl'] .slick-next{right:auto;left:0}.slick-dots{position:absolute;bottom:15px;display:block;width:100%;list-style:none;text-align:center}.slick-dots li{font-size:0;position:relative;display:inline-block;width:12px;height:12px;margin:0 6px;cursor:pointer;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;vertical-align:middle;border-radius:50%;background:#ccc}.slick-dots li button{display:none}.slick-dots li.slick-active{background:#666}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,48 @@
|
|||
.con_id{
|
||||
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
}
|
||||
|
||||
.con_id ul li{
|
||||
list-style:disc inside none
|
||||
}
|
||||
|
||||
.con_id ol li{
|
||||
list-style:decimal inside none
|
||||
}
|
||||
|
||||
.con_id h1{
|
||||
margin-block-start: 0.67em;
|
||||
margin-block-end: 0.67em;
|
||||
}
|
||||
.con_id h2{
|
||||
margin-block-start: 0.83em;
|
||||
margin-block-end: 0.83em;
|
||||
}
|
||||
.con_id h3{
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
}
|
||||
.con_id h4{
|
||||
margin-block-start: 1.33em;
|
||||
margin-block-end: 1.33em;
|
||||
}
|
||||
.con_id h5{
|
||||
margin-block-start: 1.67em;
|
||||
margin-block-end: 1.67em;
|
||||
}
|
||||
.con_id h6{
|
||||
margin-block-start: 2.33em;
|
||||
margin-block-end: 2.33em;
|
||||
}
|
||||
.con_id hr{
|
||||
display: block;
|
||||
margin-block-start: 0.5em;
|
||||
margin-block-end: 0.5em;
|
||||
margin-inline-start: auto;
|
||||
margin-inline-end: auto;
|
||||
color: gray;
|
||||
unicode-bidi: isolate;
|
||||
overflow: hidden;
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!--尾部begin-->
|
||||
<div class="f_bg">
|
||||
<div class="f_bg_div">
|
||||
{ms:channel type='nav' flag='n' size='4'}
|
||||
<div class="links">
|
||||
<h2>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
|
||||
</h2>
|
||||
<ul>
|
||||
<#if field.childsize > 0>
|
||||
{ms:channel}
|
||||
<li>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
|
||||
</li>
|
||||
{/ms:channel}
|
||||
</#if>
|
||||
</ul>
|
||||
</div>
|
||||
{/ms:channel}
|
||||
<div class="f_div2_r">
|
||||
<h2>联系我们</h2>
|
||||
<a href="tel:{ms:global.foot.tel/}">{ms:global.foot.tel/}</a> <span>仅限中国服务时间 {ms:global.foot.timeBegin/} - {ms:global.foot.timeEnd/}</span>
|
||||
<!--<a href="http://wpa.qq.com/msgrd?v=3&site=某某公司&menu=yes&uin=123456789" class="foot_a" target="_blank">
|
||||
<img src="/{ms:global.style/}picture/foot_bg1.png"/>
|
||||
</a>-->
|
||||
</div>
|
||||
<div class="f_div2_r2">
|
||||
<img src="{@ms:file global.foot.qrCode/}"> 微信二维码
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="f_div3">
|
||||
<div class="f_bg_div footx"><span class="l">{ms:global.copyright/}</span></div>
|
||||
</div>
|
||||
<!--尾部end-->
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<meta http-equiv="content-type" content="text/html">
|
||||
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
||||
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="app-mobile-web-app-capable" content="yes">
|
||||
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="keywords" content="{ms:global.keyword/}">
|
||||
<meta name="description" content="{ms:global.descrip/}">
|
||||
<script type="text/javascript" src="{ms:global.host/}static/plugins/vue/2.6.9/vue.min.js"></script>
|
||||
<link rel="stylesheet" href="{ms:global.host/}static/plugins/minireset/0.0.2/minireset.min.css">
|
||||
<link rel="stylesheet" href="{ms:global.host/}static/plugins/iconfont/1.0.0/iconfont.css">
|
||||
<link rel="stylesheet" href="{ms:global.host/}static/plugins/animate/4.1.0/animate.min.css">
|
||||
<script src="{ms:global.host/}static/plugins/element-ui/2.15.7/index.min.js"></script>
|
||||
<link rel="stylesheet" href="{ms:global.host/}static/plugins/element-ui/2.15.7/theme-chalk/index.min.css">
|
||||
<!--网络请求框架-->
|
||||
<script src="{ms:global.host/}static/plugins/axios/0.18.0/axios.min.js"></script>
|
||||
<script src="{ms:global.host/}static/plugins/qs/6.6.0/qs.min.js"></script>
|
||||
<script src="{ms:global.host/}static/plugins/ms/2.0/ms.umd.js"></script>
|
||||
<script src="{ms:global.host/}static/plugins/swiper/6.4.1/swiper-bundle.js"></script>
|
||||
<link rel="stylesheet" href="{ms:global.host/}static/plugins/swiper/6.4.1/swiper-bundle.css">
|
||||
<script>
|
||||
SwiperClass = Swiper
|
||||
</script>
|
||||
<script src="{ms:global.host/}static/plugins/vue-awesome-swiper/4.1.1/vue-awesome-swiper.min.js"></script>
|
||||
|
||||
<script>
|
||||
Vue.use(VueAwesomeSwiper)
|
||||
</script>
|
||||
<style>
|
||||
:root {
|
||||
--swiper-theme-color:$ {
|
||||
component.config.color.value
|
||||
};
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
ms.base = "";
|
||||
</script>
|
||||
<style>
|
||||
[v-cloak]{
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,181 @@
|
|||
<!--头部begin-->
|
||||
<div class="header-v1">
|
||||
<!-- S top-main -->
|
||||
<div class="top-main">
|
||||
<div class="logo1">
|
||||
<a href="/"><img src="{@ms:file global.logo/}" alt="汉邦唐科技"/></a>
|
||||
</div>
|
||||
<div class="top_search">
|
||||
<form name="formsearch" style="display:flex;align-items:center" action="/mcms/search.do" method="post">
|
||||
<input class="input1" type="text" link name="content_title" id="p" placeholder="搜索" value="">
|
||||
<input type="submit" class="bnts" value="${search.content_title}">
|
||||
<i class="el-icon-search "></i>
|
||||
</form>
|
||||
|
||||
<!-- <div class="search_con">
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="top-main-content">
|
||||
<!-- S nav -->
|
||||
<div class="navBar">
|
||||
<ul class="nav clearfix">
|
||||
<li class="m <#assign typeid=field.typeid><#if typeid==''>on</#if>">
|
||||
<h3><a href="/" title="首页"><span data-title="首页">首页</span></a></h3>
|
||||
</li>
|
||||
<!--定义变量typeid、ids，通过这两个变量判断是否选中-->
|
||||
<#assign typeid=field.typeid>
|
||||
<#assign ids=field.parentids>
|
||||
{ms:channel type='nav' flag='n' orderby='sort'}
|
||||
<#if field.childsize > 0>
|
||||
<li class="m <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>on</#if>">
|
||||
<h3>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
|
||||
<span data-title="${field.typetitle}">${field.typetitle}</span>
|
||||
</a>
|
||||
</h3>
|
||||
<div class="sub">
|
||||
<ul>
|
||||
{ms:channel}
|
||||
<li>
|
||||
<a href="<#if field.type==3>${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>" target="_blank">
|
||||
<img style="width:20px;height:20px;margin-right:12px" src="{@ms:file field.typeico/}" >
|
||||
|
||||
${field.typetitle}</a>
|
||||
</li>
|
||||
{/ms:channel}
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<#else>
|
||||
<li class="m <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>on</#if>">
|
||||
<h3>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
|
||||
<span data-title="${field.typetitle}">${field.typetitle}</span>
|
||||
</a>
|
||||
</h3>
|
||||
</li>
|
||||
</#if>
|
||||
{/ms:channel}
|
||||
</ul>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
jQuery(".nav").slide({
|
||||
type: "menu",
|
||||
titCell: ".m",
|
||||
targetCell: ".sub",
|
||||
effect: "slideDown",
|
||||
delayTime: 300,
|
||||
triggerTime: 100,
|
||||
returnDefault: true
|
||||
});
|
||||
</script>
|
||||
<!-- E nav-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- E top-main -->
|
||||
<div class="c_l"></div>
|
||||
</div>
|
||||
<!-- S touch-top-wrapper -->
|
||||
<div class="touch-top">
|
||||
<div class="touch-top-wrapper clearfix">
|
||||
<div class="touch-logo" skinobjectzone="HtmlLogo_1514">
|
||||
<a class="" href="/">
|
||||
<img src="{@ms:file global.logo/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
|
||||
</a>
|
||||
</div>
|
||||
<!-- S touch-navigation -->
|
||||
<div class="touch-navigation">
|
||||
<div class="touch-toggle">
|
||||
<ul>
|
||||
<li class="touch-toggle-item-last">
|
||||
<a href="javascript:void(0);" class="drawer-menu" data-drawer="search_div">
|
||||
<i class="touch-icon-search"><span>搜索</span></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="touch-toggle-item-last">
|
||||
<a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu">
|
||||
<i class="touch-icon-menu"></i><span>导航</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- E touch-navigation -->
|
||||
</div>
|
||||
<!-- S touch-top -->
|
||||
<div class="touch-toggle-content touch-top-home">
|
||||
<!--手机搜索begin-->
|
||||
<div class="drawer-section search_div">
|
||||
<div class="search_con">
|
||||
<form name="formsearch" action="/mcms/search.do" method="post" target="_blank" style="height: 42px;">
|
||||
<input type="text" link name="content_title" id="q" class="input1" placeholder="搜索" value=""/>
|
||||
<input type="submit" value="" class="bnt1"/>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--手机搜索end-->
|
||||
<!--手机菜单begin-->
|
||||
<div class="drawer-section drawer-section-menu">
|
||||
<div class="touch-menu" skinobjectzone="menu_2005">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/"><span>首页</span></a>
|
||||
</li>
|
||||
<#assign typeid=field.typeid>
|
||||
<#assign ids=field.parentids>
|
||||
{ms:channel type='nav' flag='n' orderby='sort'}
|
||||
<#if field.childsize > 0>
|
||||
<li>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
|
||||
<span>${field.typetitle}</span>
|
||||
<i class="touch-arrow-down"></i>
|
||||
</a>
|
||||
<ul>
|
||||
{ms:channel}
|
||||
<li>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
|
||||
<span>${field.typetitle}</span>
|
||||
</a>
|
||||
</li>
|
||||
{/ms:channel}
|
||||
</ul>
|
||||
</li>
|
||||
<#else>
|
||||
<li>
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
|
||||
<span>${field.typetitle}</span>
|
||||
</a>
|
||||
<ul>
|
||||
</ul>
|
||||
</li>
|
||||
</#if>
|
||||
{/ms:channel}
|
||||
</ul>
|
||||
<div class="closetitle">
|
||||
<img src="/{ms:global.style/}picture/nav_bg2.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--手机菜单end-->
|
||||
</div>
|
||||
<!-- E touch-top -->
|
||||
</div>
|
||||
<div class="touch_bg"> </div>
|
||||
<!-- E touch-top-wrapper -->
|
||||
<div class="blank_h"> </div>
|
||||
<script src="/{ms:global.style/}js/public.js">//导航</script>
|
||||
<!--引入vue库-->
|
||||
<script type="text/javascript" src="/static/plugins/vue/2.6.9/vue.min.js"></script>
|
||||
<!--引入element-ui库-->
|
||||
<script src="/static/plugins/element-ui/2.15.8/index.min.js"></script>
|
||||
<link rel="stylesheet" href="/static/plugins/element-ui/2.15.8/theme-chalk/index.min.css">
|
||||
<!--头部end-->
|
||||
|
||||
<script>
|
||||
document.querySelector('form').addEventListener('submit', function(e) {
|
||||
var input = document.querySelector('.input1');
|
||||
if (!input.value.trim()) {
|
||||
e.preventDefault(); // 阻止表单提交
|
||||
}
|
||||
});
|
||||
</script>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
|
|
@ -0,0 +1,6 @@
|
|||
<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.5 27.5V70H39.5V74.5H52V70H76.5V27.5" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
<path d="M24.5 23H20V64.5H40C41.8333 64.5 45.5 65.5 45.5 69.5C45.5 67.8333 46.5 64.5 50.5 64.5C54.5 64.5 65.8333 64.5 71 64.5V22" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
<path d="M28 38.5V23H34V35L28 38.5Z" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
<path d="M38 23H40.5C42.0018 23.1502 44.8569 24.1665 45.407 27M45.407 27C45.4674 27.311 45.5 27.6439 45.5 28C45.5 31.6 45.5 56.8333 45.5 69C45.5 67.1667 46.4 63 50 61C53.6 59 61.8333 57.1667 65.5 56.5V14.5L51.5 19.5C49.7713 20.1667 46.1326 22.6 45.407 27Z" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 821 B |
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M32.5001 62C30.8334 49 36.2001 19.1 71.0001 3.5C72.8334 18 68.8 50.6 38 65" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
<path d="M37.5 35L27.5 39.5L23 47L32 52.5" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<path d="M59.5 47V58.5L55 66L46.5 60.5" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<circle cx="59" cy="24" r="5.15" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<path d="M32.2699 66.5647C32.0295 66.968 32.1615 67.4897 32.5647 67.7301C32.968 67.9705 33.4897 67.8385 33.7301 67.4353L32.2699 66.5647ZM47.7699 40.5647L32.2699 66.5647L33.7301 67.4353L49.2301 41.4353L47.7699 40.5647Z" fill="#1D19FF"/>
|
||||
<path d="M18.7667 78.0701C18.5293 78.4751 18.6652 78.9959 19.0701 79.2333C19.4751 79.4707 19.9959 79.3348 20.2333 78.9299L18.7667 78.0701ZM27.2667 63.5701L18.7667 78.0701L20.2333 78.9299L28.7333 64.4299L27.2667 63.5701Z" fill="#1D19FF"/>
|
||||
<path d="M20.7731 86.5594C20.5298 86.9609 20.658 87.4836 21.0594 87.7269C21.4609 87.9702 21.9836 87.842 22.2269 87.4406L20.7731 86.5594ZM30.7731 70.0594L20.7731 86.5594L22.2269 87.4406L32.2269 70.9406L30.7731 70.0594Z" fill="#1D19FF"/>
|
||||
<path d="M28.2778 84.0517C28.0302 84.4506 28.1529 84.9746 28.5517 85.2222C28.9506 85.4698 29.4746 85.3471 29.7222 84.9483L28.2778 84.0517ZM37.2778 69.5517L28.2778 84.0517L29.7222 84.9483L38.7222 70.4483L37.2778 69.5517Z" fill="#1D19FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,14 @@
|
|||
<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.376 68.4197C28.0832 71.6747 32.5246 73.9819 37.3194 75.1433C42.1141 76.3048 47.1191 76.2858 51.9049 75.088C56.6906 73.8902 61.1145 71.5494 64.7968 68.2663C68.4792 64.9832 71.3102 60.8559 73.0471 56.2383" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
<path d="M74.6252 50.2669C75.42 45.244 74.9463 40.1021 73.2471 35.309C71.5479 30.5159 68.6772 26.2237 64.8961 22.823C61.1151 19.4222 56.5437 17.0209 51.5979 15.8374C46.6522 14.6539 41.489 14.7259 36.5781 16.0468C31.6673 17.3676 27.1646 19.8954 23.4798 23.4002C19.795 26.905 17.045 31.2755 15.4801 36.1141C13.9151 40.9527 13.5849 46.1059 14.5194 51.1047C15.4539 56.1035 17.2927 60.0535 20.5 64" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<path d="M34.5 67.5C35.6669 70 39.3006 75.2 44.5003 76" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
<path d="M44.5003 15.5C37.0003 18.1667 24.1003 31.4 32.5003 63" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<path d="M57 62C56 65.8333 52.1 73.6 44.5 76" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
<path d="M44.5 15.5C50.8333 16.3333 62.5 26.7 58.5 57.5" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<path d="M20.5 27C28.5 30.5 49.3 35.4 68.5 27" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<path d="M44 15L44 61" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<path d="M44 65L44 76" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
<path d="M13.5 46H75.5" stroke="#1D19FF" stroke-width="1.7"/>
|
||||
<path d="M60.1521 60.1637C59.6902 60.0797 59.2477 60.3861 59.1637 60.8479C59.0797 61.3098 59.3861 61.7523 59.8479 61.8363L60.1521 60.1637ZM69.4217 63.262C68.1715 62.5476 64.647 60.981 60.1521 60.1637L59.8479 61.8363C64.153 62.619 67.4952 64.1191 68.5783 64.738L69.4217 63.262Z" fill="#1D19FF"/>
|
||||
<path d="M76.6669 29.6632C81.1521 30.8282 83.9802 32.7788 84.8506 35.3077C85.7211 37.8366 84.6012 40.8491 81.6102 44.0251C78.6192 47.2011 73.8687 50.4217 67.864 53.3446C61.8593 56.2675 54.8247 58.7833 47.5083 60.6246C40.1919 62.466 32.8671 63.5639 26.3127 63.8018C19.7584 64.0396 14.2195 63.4085 10.285 61.9755C6.35044 60.5425 4.16738 58.3611 3.9679 55.6634C3.76841 52.9657 5.55997 49.8524 9.15206 46.6546" stroke="#1D19FF" stroke-width="1.7" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
|
|
@ -0,0 +1,110 @@
|
|||
<svg width="245" height="132" viewBox="0 0 245 132" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4 7.40727C5.65685 7.40727 7 5.91699 7 4.07864C7 2.24028 5.65685 0.75 4 0.75C2.34315 0.75 1 2.24028 1 4.07864C1 5.91699 2.34315 7.40727 4 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M18 7.40727C19.6569 7.40727 21 5.91699 21 4.07864C21 2.24028 19.6569 0.75 18 0.75C16.3431 0.75 15 2.24028 15 4.07864C15 5.91699 16.3431 7.40727 18 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M32 7.40727C33.6569 7.40727 35 5.91699 35 4.07864C35 2.24028 33.6569 0.75 32 0.75C30.3431 0.75 29 2.24028 29 4.07864C29 5.91699 30.3431 7.40727 32 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M46 7.40727C47.6569 7.40727 49 5.91699 49 4.07864C49 2.24028 47.6569 0.75 46 0.75C44.3431 0.75 43 2.24028 43 4.07864C43 5.91699 44.3431 7.40727 46 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M60 7.40727C61.6569 7.40727 63 5.91699 63 4.07864C63 2.24028 61.6569 0.75 60 0.75C58.3431 0.75 57 2.24028 57 4.07864C57 5.91699 58.3431 7.40727 60 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M74 7.40727C75.6569 7.40727 77 5.91699 77 4.07864C77 2.24028 75.6569 0.75 74 0.75C72.3431 0.75 71 2.24028 71 4.07864C71 5.91699 72.3431 7.40727 74 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M88 7.40727C89.6569 7.40727 91 5.91699 91 4.07864C91 2.24028 89.6569 0.75 88 0.75C86.3431 0.75 85 2.24028 85 4.07864C85 5.91699 86.3431 7.40727 88 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M102 7.40727C103.657 7.40727 105 5.91699 105 4.07864C105 2.24028 103.657 0.75 102 0.75C100.343 0.75 99 2.24028 99 4.07864C99 5.91699 100.343 7.40727 102 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M116 7.40727C117.657 7.40727 119 5.91699 119 4.07864C119 2.24028 117.657 0.75 116 0.75C114.343 0.75 113 2.24028 113 4.07864C113 5.91699 114.343 7.40727 116 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M130 7.40727C131.657 7.40727 133 5.91699 133 4.07864C133 2.24028 131.657 0.75 130 0.75C128.343 0.75 127 2.24028 127 4.07864C127 5.91699 128.343 7.40727 130 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M144 7.40727C145.657 7.40727 147 5.91699 147 4.07864C147 2.24028 145.657 0.75 144 0.75C142.343 0.75 141 2.24028 141 4.07864C141 5.91699 142.343 7.40727 144 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M158 7.40727C159.657 7.40727 161 5.91699 161 4.07864C161 2.24028 159.657 0.75 158 0.75C156.343 0.75 155 2.24028 155 4.07864C155 5.91699 156.343 7.40727 158 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M172 7.40727C173.657 7.40727 175 5.91699 175 4.07864C175 2.24028 173.657 0.75 172 0.75C170.343 0.75 169 2.24028 169 4.07864C169 5.91699 170.343 7.40727 172 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M186 7.40727C187.657 7.40727 189 5.91699 189 4.07864C189 2.24028 187.657 0.75 186 0.75C184.343 0.75 183 2.24028 183 4.07864C183 5.91699 184.343 7.40727 186 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M200 7.40727C201.657 7.40727 203 5.91699 203 4.07864C203 2.24028 201.657 0.75 200 0.75C198.343 0.75 197 2.24028 197 4.07864C197 5.91699 198.343 7.40727 200 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M228 7.40727C229.657 7.40727 231 5.91699 231 4.07864C231 2.24028 229.657 0.75 228 0.75C226.343 0.75 225 2.24028 225 4.07864C225 5.91699 226.343 7.40727 228 7.40727Z" fill="#4FFEB6"/>
|
||||
<path d="M4 22.9385C5.65685 22.9385 7 21.4482 7 19.6099C7 17.7715 5.65685 16.2812 4 16.2812C2.34315 16.2812 1 17.7715 1 19.6099C1 21.4482 2.34315 22.9385 4 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M18 22.9385C19.6569 22.9385 21 21.4482 21 19.6099C21 17.7715 19.6569 16.2812 18 16.2812C16.3431 16.2812 15 17.7715 15 19.6099C15 21.4482 16.3431 22.9385 18 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M32 22.9385C33.6569 22.9385 35 21.4482 35 19.6099C35 17.7715 33.6569 16.2812 32 16.2812C30.3431 16.2812 29 17.7715 29 19.6099C29 21.4482 30.3431 22.9385 32 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M46 22.9385C47.6569 22.9385 49 21.4482 49 19.6099C49 17.7715 47.6569 16.2812 46 16.2812C44.3431 16.2812 43 17.7715 43 19.6099C43 21.4482 44.3431 22.9385 46 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M60 22.9385C61.6569 22.9385 63 21.4482 63 19.6099C63 17.7715 61.6569 16.2812 60 16.2812C58.3431 16.2812 57 17.7715 57 19.6099C57 21.4482 58.3431 22.9385 60 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M74 22.9385C75.6569 22.9385 77 21.4482 77 19.6099C77 17.7715 75.6569 16.2812 74 16.2812C72.3431 16.2812 71 17.7715 71 19.6099C71 21.4482 72.3431 22.9385 74 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M88 22.9385C89.6569 22.9385 91 21.4482 91 19.6099C91 17.7715 89.6569 16.2812 88 16.2812C86.3431 16.2812 85 17.7715 85 19.6099C85 21.4482 86.3431 22.9385 88 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M102 22.9385C103.657 22.9385 105 21.4482 105 19.6099C105 17.7715 103.657 16.2812 102 16.2812C100.343 16.2812 99 17.7715 99 19.6099C99 21.4482 100.343 22.9385 102 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M116 22.9385C117.657 22.9385 119 21.4482 119 19.6099C119 17.7715 117.657 16.2812 116 16.2812C114.343 16.2812 113 17.7715 113 19.6099C113 21.4482 114.343 22.9385 116 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M144 22.9385C145.657 22.9385 147 21.4482 147 19.6099C147 17.7715 145.657 16.2812 144 16.2812C142.343 16.2812 141 17.7715 141 19.6099C141 21.4482 142.343 22.9385 144 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M158 22.9385C159.657 22.9385 161 21.4482 161 19.6099C161 17.7715 159.657 16.2812 158 16.2812C156.343 16.2812 155 17.7715 155 19.6099C155 21.4482 156.343 22.9385 158 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M172 22.9385C173.657 22.9385 175 21.4482 175 19.6099C175 17.7715 173.657 16.2812 172 16.2812C170.343 16.2812 169 17.7715 169 19.6099C169 21.4482 170.343 22.9385 172 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M186 22.9385C187.657 22.9385 189 21.4482 189 19.6099C189 17.7715 187.657 16.2812 186 16.2812C184.343 16.2812 183 17.7715 183 19.6099C183 21.4482 184.343 22.9385 186 22.9385Z" fill="#4FFEB6"/>
|
||||
<path d="M32 38.4776C33.6569 38.4776 35 36.9873 35 35.1489C35 33.3106 33.6569 31.8203 32 31.8203C30.3431 31.8203 29 33.3106 29 35.1489C29 36.9873 30.3431 38.4776 32 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M46 38.4776C47.6569 38.4776 49 36.9873 49 35.1489C49 33.3106 47.6569 31.8203 46 31.8203C44.3431 31.8203 43 33.3106 43 35.1489C43 36.9873 44.3431 38.4776 46 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M60 38.4776C61.6569 38.4776 63 36.9873 63 35.1489C63 33.3106 61.6569 31.8203 60 31.8203C58.3431 31.8203 57 33.3106 57 35.1489C57 36.9873 58.3431 38.4776 60 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M74 38.4776C75.6569 38.4776 77 36.9873 77 35.1489C77 33.3106 75.6569 31.8203 74 31.8203C72.3431 31.8203 71 33.3106 71 35.1489C71 36.9873 72.3431 38.4776 74 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M88 38.4776C89.6569 38.4776 91 36.9873 91 35.1489C91 33.3106 89.6569 31.8203 88 31.8203C86.3431 31.8203 85 33.3106 85 35.1489C85 36.9873 86.3431 38.4776 88 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M102 38.4776C103.657 38.4776 105 36.9873 105 35.1489C105 33.3106 103.657 31.8203 102 31.8203C100.343 31.8203 99 33.3106 99 35.1489C99 36.9873 100.343 38.4776 102 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M116 38.4776C117.657 38.4776 119 36.9873 119 35.1489C119 33.3106 117.657 31.8203 116 31.8203C114.343 31.8203 113 33.3106 113 35.1489C113 36.9873 114.343 38.4776 116 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M130 38.4776C131.657 38.4776 133 36.9873 133 35.1489C133 33.3106 131.657 31.8203 130 31.8203C128.343 31.8203 127 33.3106 127 35.1489C127 36.9873 128.343 38.4776 130 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M144 38.4776C145.657 38.4776 147 36.9873 147 35.1489C147 33.3106 145.657 31.8203 144 31.8203C142.343 31.8203 141 33.3106 141 35.1489C141 36.9873 142.343 38.4776 144 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M200 38.4776C201.657 38.4776 203 36.9873 203 35.1489C203 33.3106 201.657 31.8203 200 31.8203C198.343 31.8203 197 33.3106 197 35.1489C197 36.9873 198.343 38.4776 200 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M214 38.4776C215.657 38.4776 217 36.9873 217 35.1489C217 33.3106 215.657 31.8203 214 31.8203C212.343 31.8203 211 33.3106 211 35.1489C211 36.9873 212.343 38.4776 214 38.4776Z" fill="#4FFEB6"/>
|
||||
<path d="M32 54.0088C33.6569 54.0088 35 52.5186 35 50.6802C35 48.8418 33.6569 47.3516 32 47.3516C30.3431 47.3516 29 48.8418 29 50.6802C29 52.5186 30.3431 54.0088 32 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M46 54.0088C47.6569 54.0088 49 52.5186 49 50.6802C49 48.8418 47.6569 47.3516 46 47.3516C44.3431 47.3516 43 48.8418 43 50.6802C43 52.5186 44.3431 54.0088 46 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M60 54.0088C61.6569 54.0088 63 52.5186 63 50.6802C63 48.8418 61.6569 47.3516 60 47.3516C58.3431 47.3516 57 48.8418 57 50.6802C57 52.5186 58.3431 54.0088 60 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M74 54.0088C75.6569 54.0088 77 52.5186 77 50.6802C77 48.8418 75.6569 47.3516 74 47.3516C72.3431 47.3516 71 48.8418 71 50.6802C71 52.5186 72.3431 54.0088 74 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M88 54.0088C89.6569 54.0088 91 52.5186 91 50.6802C91 48.8418 89.6569 47.3516 88 47.3516C86.3431 47.3516 85 48.8418 85 50.6802C85 52.5186 86.3431 54.0088 88 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M102 54.0088C103.657 54.0088 105 52.5186 105 50.6802C105 48.8418 103.657 47.3516 102 47.3516C100.343 47.3516 99 48.8418 99 50.6802C99 52.5186 100.343 54.0088 102 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M116 54.0088C117.657 54.0088 119 52.5186 119 50.6802C119 48.8418 117.657 47.3516 116 47.3516C114.343 47.3516 113 48.8418 113 50.6802C113 52.5186 114.343 54.0088 116 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M130 54.0088C131.657 54.0088 133 52.5186 133 50.6802C133 48.8418 131.657 47.3516 130 47.3516C128.343 47.3516 127 48.8418 127 50.6802C127 52.5186 128.343 54.0088 130 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M144 54.0088C145.657 54.0088 147 52.5186 147 50.6802C147 48.8418 145.657 47.3516 144 47.3516C142.343 47.3516 141 48.8418 141 50.6802C141 52.5186 142.343 54.0088 144 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M158 54.0088C159.657 54.0088 161 52.5186 161 50.6802C161 48.8418 159.657 47.3516 158 47.3516C156.343 47.3516 155 48.8418 155 50.6802C155 52.5186 156.343 54.0088 158 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M172 54.0088C173.657 54.0088 175 52.5186 175 50.6802C175 48.8418 173.657 47.3516 172 47.3516C170.343 47.3516 169 48.8418 169 50.6802C169 52.5186 170.343 54.0088 172 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M186 54.0088C187.657 54.0088 189 52.5186 189 50.6802C189 48.8418 187.657 47.3516 186 47.3516C184.343 47.3516 183 48.8418 183 50.6802C183 52.5186 184.343 54.0088 186 54.0088Z" fill="#4FFEB6"/>
|
||||
<path d="M32 69.5401C33.6569 69.5401 35 68.0498 35 66.2114C35 64.3731 33.6569 62.8828 32 62.8828C30.3431 62.8828 29 64.3731 29 66.2114C29 68.0498 30.3431 69.5401 32 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M46 69.5401C47.6569 69.5401 49 68.0498 49 66.2114C49 64.3731 47.6569 62.8828 46 62.8828C44.3431 62.8828 43 64.3731 43 66.2114C43 68.0498 44.3431 69.5401 46 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M60 69.5401C61.6569 69.5401 63 68.0498 63 66.2114C63 64.3731 61.6569 62.8828 60 62.8828C58.3431 62.8828 57 64.3731 57 66.2114C57 68.0498 58.3431 69.5401 60 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M74 69.5401C75.6569 69.5401 77 68.0498 77 66.2114C77 64.3731 75.6569 62.8828 74 62.8828C72.3431 62.8828 71 64.3731 71 66.2114C71 68.0498 72.3431 69.5401 74 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M88 69.5401C89.6569 69.5401 91 68.0498 91 66.2114C91 64.3731 89.6569 62.8828 88 62.8828C86.3431 62.8828 85 64.3731 85 66.2114C85 68.0498 86.3431 69.5401 88 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M102 69.5401C103.657 69.5401 105 68.0498 105 66.2114C105 64.3731 103.657 62.8828 102 62.8828C100.343 62.8828 99 64.3731 99 66.2114C99 68.0498 100.343 69.5401 102 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M116 69.5401C117.657 69.5401 119 68.0498 119 66.2114C119 64.3731 117.657 62.8828 116 62.8828C114.343 62.8828 113 64.3731 113 66.2114C113 68.0498 114.343 69.5401 116 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M130 69.5401C131.657 69.5401 133 68.0498 133 66.2114C133 64.3731 131.657 62.8828 130 62.8828C128.343 62.8828 127 64.3731 127 66.2114C127 68.0498 128.343 69.5401 130 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M158 69.5401C159.657 69.5401 161 68.0498 161 66.2114C161 64.3731 159.657 62.8828 158 62.8828C156.343 62.8828 155 64.3731 155 66.2114C155 68.0498 156.343 69.5401 158 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M172 69.5401C173.657 69.5401 175 68.0498 175 66.2114C175 64.3731 173.657 62.8828 172 62.8828C170.343 62.8828 169 64.3731 169 66.2114C169 68.0498 170.343 69.5401 172 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M186 69.5401C187.657 69.5401 189 68.0498 189 66.2114C189 64.3731 187.657 62.8828 186 62.8828C184.343 62.8828 183 64.3731 183 66.2114C183 68.0498 184.343 69.5401 186 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M228 69.5401C229.657 69.5401 231 68.0498 231 66.2114C231 64.3731 229.657 62.8828 228 62.8828C226.343 62.8828 225 64.3731 225 66.2114C225 68.0498 226.343 69.5401 228 69.5401Z" fill="#4FFEB6"/>
|
||||
<path d="M32 85.0791C33.6569 85.0791 35 83.5889 35 81.7505C35 79.9122 33.6569 78.4219 32 78.4219C30.3431 78.4219 29 79.9122 29 81.7505C29 83.5889 30.3431 85.0791 32 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M46 85.0791C47.6569 85.0791 49 83.5889 49 81.7505C49 79.9122 47.6569 78.4219 46 78.4219C44.3431 78.4219 43 79.9122 43 81.7505C43 83.5889 44.3431 85.0791 46 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M60 85.0791C61.6569 85.0791 63 83.5889 63 81.7505C63 79.9122 61.6569 78.4219 60 78.4219C58.3431 78.4219 57 79.9122 57 81.7505C57 83.5889 58.3431 85.0791 60 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M74 85.0791C75.6569 85.0791 77 83.5889 77 81.7505C77 79.9122 75.6569 78.4219 74 78.4219C72.3431 78.4219 71 79.9122 71 81.7505C71 83.5889 72.3431 85.0791 74 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M88 85.0791C89.6569 85.0791 91 83.5889 91 81.7505C91 79.9122 89.6569 78.4219 88 78.4219C86.3431 78.4219 85 79.9122 85 81.7505C85 83.5889 86.3431 85.0791 88 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M102 85.0791C103.657 85.0791 105 83.5889 105 81.7505C105 79.9122 103.657 78.4219 102 78.4219C100.343 78.4219 99 79.9122 99 81.7505C99 83.5889 100.343 85.0791 102 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M116 85.0791C117.657 85.0791 119 83.5889 119 81.7505C119 79.9122 117.657 78.4219 116 78.4219C114.343 78.4219 113 79.9122 113 81.7505C113 83.5889 114.343 85.0791 116 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M130 85.0791C131.657 85.0791 133 83.5889 133 81.7505C133 79.9122 131.657 78.4219 130 78.4219C128.343 78.4219 127 79.9122 127 81.7505C127 83.5889 128.343 85.0791 130 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M144 85.0791C145.657 85.0791 147 83.5889 147 81.7505C147 79.9122 145.657 78.4219 144 78.4219C142.343 78.4219 141 79.9122 141 81.7505C141 83.5889 142.343 85.0791 144 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M158 85.0791C159.657 85.0791 161 83.5889 161 81.7505C161 79.9122 159.657 78.4219 158 78.4219C156.343 78.4219 155 79.9122 155 81.7505C155 83.5889 156.343 85.0791 158 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M172 85.0791C173.657 85.0791 175 83.5889 175 81.7505C175 79.9122 173.657 78.4219 172 78.4219C170.343 78.4219 169 79.9122 169 81.7505C169 83.5889 170.343 85.0791 172 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M200 85.0791C201.657 85.0791 203 83.5889 203 81.7505C203 79.9122 201.657 78.4219 200 78.4219C198.343 78.4219 197 79.9122 197 81.7505C197 83.5889 198.343 85.0791 200 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M242 85.0791C243.657 85.0791 245 83.5889 245 81.7505C245 79.9122 243.657 78.4219 242 78.4219C240.343 78.4219 239 79.9122 239 81.7505C239 83.5889 240.343 85.0791 242 85.0791Z" fill="#4FFEB6"/>
|
||||
<path d="M4 100.61C5.65685 100.61 7 99.1201 7 97.2818C7 95.4434 5.65685 93.9531 4 93.9531C2.34315 93.9531 1 95.4434 1 97.2818C1 99.1201 2.34315 100.61 4 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M18 100.61C19.6569 100.61 21 99.1201 21 97.2818C21 95.4434 19.6569 93.9531 18 93.9531C16.3431 93.9531 15 95.4434 15 97.2818C15 99.1201 16.3431 100.61 18 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M32 100.61C33.6569 100.61 35 99.1201 35 97.2818C35 95.4434 33.6569 93.9531 32 93.9531C30.3431 93.9531 29 95.4434 29 97.2818C29 99.1201 30.3431 100.61 32 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M46 100.61C47.6569 100.61 49 99.1201 49 97.2818C49 95.4434 47.6569 93.9531 46 93.9531C44.3431 93.9531 43 95.4434 43 97.2818C43 99.1201 44.3431 100.61 46 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M60 100.61C61.6569 100.61 63 99.1201 63 97.2818C63 95.4434 61.6569 93.9531 60 93.9531C58.3431 93.9531 57 95.4434 57 97.2818C57 99.1201 58.3431 100.61 60 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M74 100.61C75.6569 100.61 77 99.1201 77 97.2818C77 95.4434 75.6569 93.9531 74 93.9531C72.3431 93.9531 71 95.4434 71 97.2818C71 99.1201 72.3431 100.61 74 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M88 100.61C89.6569 100.61 91 99.1201 91 97.2818C91 95.4434 89.6569 93.9531 88 93.9531C86.3431 93.9531 85 95.4434 85 97.2818C85 99.1201 86.3431 100.61 88 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M102 100.61C103.657 100.61 105 99.1201 105 97.2818C105 95.4434 103.657 93.9531 102 93.9531C100.343 93.9531 99 95.4434 99 97.2818C99 99.1201 100.343 100.61 102 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M130 100.61C131.657 100.61 133 99.1201 133 97.2818C133 95.4434 131.657 93.9531 130 93.9531C128.343 93.9531 127 95.4434 127 97.2818C127 99.1201 128.343 100.61 130 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M158 100.61C159.657 100.61 161 99.1201 161 97.2818C161 95.4434 159.657 93.9531 158 93.9531C156.343 93.9531 155 95.4434 155 97.2818C155 99.1201 156.343 100.61 158 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M172 100.61C173.657 100.61 175 99.1201 175 97.2818C175 95.4434 173.657 93.9531 172 93.9531C170.343 93.9531 169 95.4434 169 97.2818C169 99.1201 170.343 100.61 172 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M186 100.61C187.657 100.61 189 99.1201 189 97.2818C189 95.4434 187.657 93.9531 186 93.9531C184.343 93.9531 183 95.4434 183 97.2818C183 99.1201 184.343 100.61 186 100.61Z" fill="#4FFEB6"/>
|
||||
<path d="M74 116.142C75.6569 116.142 77 114.651 77 112.813C77 110.975 75.6569 109.484 74 109.484C72.3431 109.484 71 110.975 71 112.813C71 114.651 72.3431 116.142 74 116.142Z" fill="#4FFEB6"/>
|
||||
<path d="M88 116.142C89.6569 116.142 91 114.651 91 112.813C91 110.975 89.6569 109.484 88 109.484C86.3431 109.484 85 110.975 85 112.813C85 114.651 86.3431 116.142 88 116.142Z" fill="#4FFEB6"/>
|
||||
<path d="M102 116.142C103.657 116.142 105 114.651 105 112.813C105 110.975 103.657 109.484 102 109.484C100.343 109.484 99 110.975 99 112.813C99 114.651 100.343 116.142 102 116.142Z" fill="#4FFEB6"/>
|
||||
<path d="M116 116.142C117.657 116.142 119 114.651 119 112.813C119 110.975 117.657 109.484 116 109.484C114.343 109.484 113 110.975 113 112.813C113 114.651 114.343 116.142 116 116.142Z" fill="#4FFEB6"/>
|
||||
<path d="M130 116.142C131.657 116.142 133 114.651 133 112.813C133 110.975 131.657 109.484 130 109.484C128.343 109.484 127 110.975 127 112.813C127 114.651 128.343 116.142 130 116.142Z" fill="#4FFEB6"/>
|
||||
<path d="M158 116.142C159.657 116.142 161 114.651 161 112.813C161 110.975 159.657 109.484 158 109.484C156.343 109.484 155 110.975 155 112.813C155 114.651 156.343 116.142 158 116.142Z" fill="#4FFEB6"/>
|
||||
<path d="M186 116.142C187.657 116.142 189 114.651 189 112.813C189 110.975 187.657 109.484 186 109.484C184.343 109.484 183 110.975 183 112.813C183 114.651 184.343 116.142 186 116.142Z" fill="#4FFEB6"/>
|
||||
<path d="M4 131.673C5.65685 131.673 7 130.183 7 128.344C7 126.506 5.65685 125.016 4 125.016C2.34315 125.016 1 126.506 1 128.344C1 130.183 2.34315 131.673 4 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M18 131.673C19.6569 131.673 21 130.183 21 128.344C21 126.506 19.6569 125.016 18 125.016C16.3431 125.016 15 126.506 15 128.344C15 130.183 16.3431 131.673 18 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M32 131.673C33.6569 131.673 35 130.183 35 128.344C35 126.506 33.6569 125.016 32 125.016C30.3431 125.016 29 126.506 29 128.344C29 130.183 30.3431 131.673 32 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M46 131.673C47.6569 131.673 49 130.183 49 128.344C49 126.506 47.6569 125.016 46 125.016C44.3431 125.016 43 126.506 43 128.344C43 130.183 44.3431 131.673 46 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M60 131.673C61.6569 131.673 63 130.183 63 128.344C63 126.506 61.6569 125.016 60 125.016C58.3431 125.016 57 126.506 57 128.344C57 130.183 58.3431 131.673 60 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M74 131.673C75.6569 131.673 77 130.183 77 128.344C77 126.506 75.6569 125.016 74 125.016C72.3431 125.016 71 126.506 71 128.344C71 130.183 72.3431 131.673 74 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M88 131.673C89.6569 131.673 91 130.183 91 128.344C91 126.506 89.6569 125.016 88 125.016C86.3431 125.016 85 126.506 85 128.344C85 130.183 86.3431 131.673 88 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M102 131.673C103.657 131.673 105 130.183 105 128.344C105 126.506 103.657 125.016 102 125.016C100.343 125.016 99 126.506 99 128.344C99 130.183 100.343 131.673 102 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M116 131.673C117.657 131.673 119 130.183 119 128.344C119 126.506 117.657 125.016 116 125.016C114.343 125.016 113 126.506 113 128.344C113 130.183 114.343 131.673 116 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M130 131.673C131.657 131.673 133 130.183 133 128.344C133 126.506 131.657 125.016 130 125.016C128.343 125.016 127 126.506 127 128.344C127 130.183 128.343 131.673 130 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M144 131.673C145.657 131.673 147 130.183 147 128.344C147 126.506 145.657 125.016 144 125.016C142.343 125.016 141 126.506 141 128.344C141 130.183 142.343 131.673 144 131.673Z" fill="#4FFEB6"/>
|
||||
<path d="M158 131.673C159.657 131.673 161 130.183 161 128.344C161 126.506 159.657 125.016 158 125.016C156.343 125.016 155 126.506 155 128.344C155 130.183 156.343 131.673 158 131.673Z" fill="#4FFEB6"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 21 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 23 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="28" height="25" viewBox="0 0 28 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2 11.7656C1.72386 11.7656 1.5 11.9895 1.5 12.2656C1.5 12.5418 1.72386 12.7656 2 12.7656V11.7656ZM26.3536 12.6192C26.5488 12.4239 26.5488 12.1073 26.3536 11.9121L23.1716 8.73009C22.9763 8.53483 22.6597 8.53483 22.4645 8.73009C22.2692 8.92535 22.2692 9.24194 22.4645 9.4372L25.2929 12.2656L22.4645 15.0941C22.2692 15.2893 22.2692 15.6059 22.4645 15.8012C22.6597 15.9964 22.9763 15.9964 23.1716 15.8012L26.3536 12.6192ZM2 12.7656H26V11.7656H2V12.7656Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="28" height="25" viewBox="0 0 28 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2 11.7656C1.72386 11.7656 1.5 11.9895 1.5 12.2656C1.5 12.5418 1.72386 12.7656 2 12.7656V11.7656ZM26.3536 12.6192C26.5488 12.4239 26.5488 12.1073 26.3536 11.9121L23.1716 8.73009C22.9763 8.53483 22.6597 8.53483 22.4645 8.73009C22.2692 8.92535 22.2692 9.24194 22.4645 9.4372L25.2929 12.2656L22.4645 15.0941C22.2692 15.2893 22.2692 15.6059 22.4645 15.8012C22.6597 15.9964 22.9763 15.9964 23.1716 15.8012L26.3536 12.6192ZM2 12.7656H26V11.7656H2V12.7656Z" fill="#3981F7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 580 B |
Binary file not shown.
|
After Width: | Height: | Size: 283 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 961 B |
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
|
||||
<html><head>
|
||||
<title>404 Not Found</title>
|
||||
</head><body>
|
||||
<h1>Not Found</h1>
|
||||
<p>The requested URL /skin/img/ajaxloader.gif was not found on this server.</p>
|
||||
<p>Additionally, a 404 Not Found
|
||||
error was encountered while trying to use an ErrorDocument to handle the request.</p>
|
||||
</body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 520 KiB |
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
|
||||
<html><head>
|
||||
<title>404 Not Found</title>
|
||||
</head><body>
|
||||
<h1>Not Found</h1>
|
||||
<p>The requested URL /skin/img/bx_loader.gif was not found on this server.</p>
|
||||
<p>Additionally, a 404 Not Found
|
||||
error was encountered while trying to use an ErrorDocument to handle the request.</p>
|
||||
</body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 932 B |
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 932 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 245 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,485 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<title>{ms:global.name/}</title>
|
||||
<meta name="keywords" content="{ms:global.keyword/}" />
|
||||
<meta name="description" content="{ms:global.descrip/}" />
|
||||
<meta http-equiv="Cache-Control" content="no-transform" />
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||||
<meta name="applicable-device" content="pc,mobile" />
|
||||
<link href="{@ms:file global.foot.ico/}" rel="shortcut icon" />
|
||||
<link href="/{ms:global.style/}css/style.css" rel="stylesheet" />
|
||||
<link href="/{ms:global.style/}css/index.css" rel="stylesheet" />
|
||||
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">
|
||||
//pc导航
|
||||
</script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/jquery.bxslider.min.js">
|
||||
/*轮显*/
|
||||
</script>
|
||||
<script src="/{ms:global.style/}js/anim.js">
|
||||
//动画
|
||||
</script>
|
||||
<script src="/{ms:global.style/}js/owl.carousel.js"></script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="home-header"><#include "header.htm" /></div>
|
||||
|
||||
<!--轮显begin-->
|
||||
<div id="slider">
|
||||
<ul class="bxslider">
|
||||
{ms:arclist typeid="1666653706550321162"}
|
||||
<li style="background-color: #1b1b1b">
|
||||
<div class="carousel-img">
|
||||
<a href="<#if field.source!=''>${field.source}<#else>javascript:;</#if>" target="_blank">
|
||||
<img
|
||||
src="{@ms:file field.litpic/}"
|
||||
width="100%"
|
||||
alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"
|
||||
class="oimg"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
{/ms:arclist}
|
||||
</ul>
|
||||
</div>
|
||||
<script>
|
||||
var slider = $(".bxslider").bxSlider({
|
||||
mode: "horizontal" /*fade,vertical*/,
|
||||
controls: true,
|
||||
speed: 500,
|
||||
hideControlOnEnd: false,
|
||||
pager: true,
|
||||
auto: true
|
||||
});
|
||||
$(window).resize(function () {
|
||||
slider.reloadSlider();
|
||||
});
|
||||
</script>
|
||||
<!--轮显end-->
|
||||
<!--flash start-->
|
||||
<div class="flash_div">
|
||||
<div id="owl-flash" class="owl-carousel">
|
||||
{ms:arclist flag='f' size=5 typeid="1666653706550321162"}
|
||||
<div class="item">
|
||||
<dd>
|
||||
<a href="javascript:;" title=""><img src="{@ms:file field.litpic/}" /></a>
|
||||
</dd>
|
||||
</div>
|
||||
{/ms:arclist}
|
||||
</div>
|
||||
</div>
|
||||
<!--flash end-->
|
||||
<div class="i_product_bg">
|
||||
<div class="wrap2">
|
||||
<div class="cloud-product">
|
||||
<div class="i_title mg_0 anim anim-1">
|
||||
<h2 class="f41">我们的服务</h2>
|
||||
<p class="f24">SERVICE</p>
|
||||
<div class="cloud-product-explain">
|
||||
我们始终致力于为客户提供高质量的服务，让客户在安全和生产中获得更多的保障。服务涵盖消防/危化实战实训基地、消防模拟仿真软件、安全评价软件、化工安全生产等多个方面，如果您在消防和化工领域方面需要协助或者有任何需求，请联系我们，我们将竭诚为您服务！
|
||||
</div>
|
||||
</div>
|
||||
<!-- <p class="cloud-product-title anim anim-1"><span>我们的服务</span></p>
|
||||
<p class="cloud-product-explain anim anim-1">
|
||||
我们始终致力于为客户提供高质量的服务，让客户在安全和生产中获得更多的保障。服务涵盖消防/危化实战实训基地、消防模拟仿真软件、安全评价软件、化工安全生产等多个方面，如果您在消防和化工领域方面需要协助或者有任何需求，请联系我们，我们将竭诚为您服务！
|
||||
</p> -->
|
||||
<ul class="cloud-product-ul clearfix anim anim-1">
|
||||
<li data-index="1" class="active">
|
||||
<div class="normal-inner">
|
||||
<div class="cloud-product-single-bottom clearfix">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-05"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title">实战训练基地</h2>
|
||||
<p class="product-introduce-content">打造多元化基地</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-small">提升战斗力为导向</p>
|
||||
<p class="introduce-list-small">构建训练体系为基础</p>
|
||||
<p class="introduce-list-small">提高培训质量为重点</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="active-inner active-inner-05 clearfix">
|
||||
<div class="active-inner-item">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-active-05"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title active-product-introduce-title">实战训练基地</h2>
|
||||
<p class="product-introduce-content">打造多元化基地</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-large">
|
||||
以习近平总书记关于防灾减灾救灾的重要论述为指导，打造高水平、高标准、高技术和科学化的实战实训基地，构建与综合应急救援任务相适应、与队伍专业化能力建设相匹配的训练基地体系。促进应急救援核心战斗力生成模式转变，有力服务应急救援工作和队伍建设长远发展。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-index="2" class="">
|
||||
<div class="normal-inner">
|
||||
<div class="cloud-product-single-bottom clearfix">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-01"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title">化工安全生产</h2>
|
||||
<p class="product-introduce-content">全流程安全生产监管</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-small">隐患排查与治理</p>
|
||||
<p class="introduce-list-small">安全培训</p>
|
||||
<p class="introduce-list-small">事故应急</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="active-inner active-inner-01 clearfix">
|
||||
<div class="active-inner-item">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-active-01"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title active-product-introduce-title">化工安全生产</h2>
|
||||
<p class="product-introduce-content">全流程安全生产监管</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-large">
|
||||
提升工业安全生产的感知、监测、预警、处置和评估能力，加速安全生产从静态分析向动态感知、事后应急向事前预防、单点防控向全局联防的转变，提升工业生产本质安全水平
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-index="3" class="">
|
||||
<div class="normal-inner">
|
||||
<div class="cloud-product-single-bottom clearfix">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-03"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title">数字孪生</h2>
|
||||
<p class="product-introduce-content">Digital Twins</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-small">全生命周期过程</p>
|
||||
<p class="introduce-list-small">虚实等价</p>
|
||||
<p class="introduce-list-small">全联接、全场景、全智能</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="active-inner active-inner-03 clearfix">
|
||||
<div class="active-inner-item">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-active-03"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title active-product-introduce-title">数字孪生</h2>
|
||||
<p class="product-introduce-content">Digital Twins</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-large">
|
||||
充分利用物理模型、传感器更新、运行历史数据、集成多学科、多物理量、多尺度、多概率的仿真过程，在虚拟的空间中完成对物理世界的映射，从而反映相对实体的全生命周期过程
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-index="4" class="">
|
||||
<div class="normal-inner">
|
||||
<div class="cloud-product-single-bottom clearfix">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-04"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title">模拟仿真</h2>
|
||||
<p class="product-introduce-content">VR | AR | WEB</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-small">仿真和预测</p>
|
||||
<p class="introduce-list-small">L1到L4精细化建模</p>
|
||||
<p class="introduce-list-small">三维可视化</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="active-inner active-inner-04 clearfix">
|
||||
<div class="active-inner-item">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-active-04"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title active-product-introduce-title">模拟仿真</h2>
|
||||
<p class="product-introduce-content">模拟仿真</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-large">
|
||||
系统基于虚拟现实技术和三维建模技术，内置功能完备的虚拟现实交互模块，提供多种交互模式，用户可以根据场景特点和实际需求选择不同交互模式进行场景交互。系统支持不同的交互设备实时接入，如：键盘鼠标、数据手套、方向盘、操纵杆和6自由度位置追踪系统等。用户可根据需要接入不同的交互设备进行场景交互操作和仿真实训
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li data-index="6" class="">
|
||||
<div class="normal-inner">
|
||||
<div class="cloud-product-single-bottom clearfix">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-06"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title">应急指挥</h2>
|
||||
<p class="product-introduce-content">防灾减灾救灾</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-small">风险管控与预警</p>
|
||||
<p class="introduce-list-small">多端通信融合</p>
|
||||
<p class="introduce-list-small">辅助决策指挥</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="active-inner active-inner-06 clearfix">
|
||||
<div class="active-inner-item">
|
||||
<div class="empty-space">
|
||||
<div class="bg-product-pic server-header-active-06"></div>
|
||||
</div>
|
||||
<h2 class="product-introduce-title active-product-introduce-title">应急指挥</h2>
|
||||
<p class="product-introduce-content">防灾减灾救灾</p>
|
||||
<div class="product-introduce-list">
|
||||
<p class="introduce-list-large">
|
||||
根据国家政策要求，具备一定规模的危险化学品生产、经营、储存企业应当建立应急救援队伍，利用统一的工业互联网平台进行汇总与融合，构建以敏捷应急体系为核心，完善安全生产管理功能应用的数字化应急指挥与救援平台。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="analysis">
|
||||
<div class="i_title mg_0 white anim anim-1">
|
||||
<h2 class="f41">多元化基地 体系化建设</h2>
|
||||
<p class="f24">Base construction</p>
|
||||
<div class="cloud-product-explain white">构建与综合应急救援任务相适应、与队伍专业化能力建设相匹配的训练基地体系</div>
|
||||
</div>
|
||||
<!-- <div class="common_tit anim anim-1">
|
||||
<strong>多元化基地 体系化建设</strong>
|
||||
<p>构建与综合应急救援任务相适应、与队伍专业化能力建设相匹配的训练基地体系</p>
|
||||
</div> -->
|
||||
<div class="box wrap2 anim anim-1">
|
||||
<ul>
|
||||
<li>
|
||||
<i>1</i><strong>真火模拟训练系统</strong>
|
||||
<p>
|
||||
集多介质真火模拟训练设施与业务培训、
|
||||
技能考核、实战演练、技术竞赛为一体的实训演练系统，包含：化工装置火灾事故处置训练、综合训练塔内真火模拟训练、真烟真火训练集装箱、多功能危化品运输槽车处置装置等
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<i>2</i><strong>多功能烟热训练集装箱</strong>
|
||||
<p>
|
||||
烟热箱包含丰富的障碍模块、灵活多变的训练路径、集成业务训练模块、3D全局监控系统、多重安全控制系统等；真火箱以木材为燃料，真实再现火焰燃烧全过程，可模拟建筑火灾轰燃、回燃火
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<i>3</i><strong>危化品泄漏事故训练平台</strong>
|
||||
<p>可模拟液化石油气在不同压力下，罐、管道、阀门、法兰等不同部位，液相、气相等不同形式，矩形、圆孔、锯齿、裂缝、断裂等不同形状的泄露</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="center"><img src="/template/1/default/images/p2.png" alt="互联网转型" /></div>
|
||||
<ul>
|
||||
<li>
|
||||
<i>4</i><strong>危化品槽罐车泄露事故训练设施</strong>
|
||||
<p>危化品处置训练区特色：车辆可侧翻，可倾倒，可切剖。全套全真阀门、切断装置、安全装置，实战学习，视觉和触觉上真实体验。增加多套3D工艺流程、事故处置教学</p>
|
||||
</li>
|
||||
<li>
|
||||
<i>5</i><strong>油罐事故处置训练设施</strong>
|
||||
<p>储油罐是油库的重要设施，存储着大量易燃、易爆、易挥发、易流失的油品，如果安全管理不当，或由于设备技术故障和自然灾害，极易发生火灾事故</p>
|
||||
</li>
|
||||
<li>
|
||||
<i>6</i><strong>净化装置低温甲醇洗装置</strong>
|
||||
<p>净化装置低温甲醇洗工艺是目前国内外所公认的较为经济且净化度高的气体净化技术，具有脱硫、脱碳技术不能取代的特点，是大部门化工企业经常采用的工艺</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="i_product_bg">
|
||||
<div class="wrap2">
|
||||
{ms:channel type='self' typeid="1666653706550321152"}
|
||||
<div class="i_title anim anim-1">
|
||||
<h2 class="f41">${field.typetitle}</h2>
|
||||
<p class="f24">${field.typeshorttitle}</p>
|
||||
</div>
|
||||
{/ms:channel}
|
||||
<div class="nproduct_list2">
|
||||
<ul>
|
||||
{ms:arclist typeid="1666653706550321152" size=6}
|
||||
<li class="anim anim-1">
|
||||
<a href="{ms:global.html/}${field.link}" title="${field.title}">
|
||||
<div class="imgs">
|
||||
<img src="{@ms:file field.litpic/}" alt="${field.title}" />
|
||||
<p> </p>
|
||||
</div>
|
||||
<h2 class="f24">${field.title}</h2>
|
||||
<p>{@ms:len field.descrip 60 /}...</p>
|
||||
</a>
|
||||
</li>
|
||||
{/ms:arclist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news_bg">
|
||||
<div class="i_title anim anim-1">
|
||||
<h2 class="f41">新闻中心</h2>
|
||||
<p class="f24">NEWS</p>
|
||||
</div>
|
||||
<!-- <div class="index_title anim anim-1">
|
||||
<h3>新闻中心</h3>
|
||||
<p></p>
|
||||
</div> -->
|
||||
<div class="wrap">
|
||||
<div class="news_con floor_5_1 anim anim-1">
|
||||
<div class="floor_5_z">
|
||||
{ms:arclist size=1 topflag='h' orderby='date' ispaging=true}
|
||||
<a href="{ms:global.html/}${field.link}" title="${field.title}"
|
||||
><b><img src="{@ms:file field.litpic/}" alt="${field.title}" /></b><em><span>${field.date?string("dd")}</span>${field.date?string("yyyy-MM")}</em>
|
||||
<div class="dk">
|
||||
<h3>${field.title}</h3>
|
||||
<p>{@ms:len field.descrip 60 /}</p>
|
||||
<i>查看详情</i>
|
||||
</div>
|
||||
</a>
|
||||
{/ms:arclist}
|
||||
</div>
|
||||
<div class="floor_5_y">
|
||||
<ul>
|
||||
{ms:arclist size=3 topflag='c' orderby='date' ispaging=true}
|
||||
<li>
|
||||
<a href="{ms:global.html/}${field.link}" title="${field.title}"
|
||||
><em><span>${field.date?string("dd")}</span>${field.date?string("yyyy-MM")}</em>
|
||||
<h3>
|
||||
<p>${field.title}<span>{@ms:len field.descrip 60 /}</span></p>
|
||||
</h3>
|
||||
</a>
|
||||
</li>
|
||||
{/ms:arclist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap2">
|
||||
{ms:channel type='self' typeid="1666653706550321163"}
|
||||
<div class="i_title anim anim-1">
|
||||
<h2 class="f41">${field.typetitle}</h2>
|
||||
<p class="f24">${field.typeshorttitle}</p>
|
||||
</div>
|
||||
{/ms:channel}
|
||||
<div class="i_solution">
|
||||
<ul>
|
||||
{ms:channel typeid="1666653706550321163" }
|
||||
<li class="anim anim-1">
|
||||
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>" title="${field.typetitle}">
|
||||
<div class="imgs">
|
||||
<img src="{@ms:file field.typeico/}" alt="${field.typetitle}" />
|
||||
</div>
|
||||
<div class="txts">
|
||||
<h2 class="f28">${field.typetitle}</h2>
|
||||
<p>${field.typeshorttitle}...</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
{/ms:channel}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="i_case_bg">
|
||||
<div class="wrap2">
|
||||
{ms:channel type='self' typeid="1666653706550321164"}
|
||||
<div class="i_title anim anim-1">
|
||||
<h2 class="f41">${field.typetitle}</h2>
|
||||
<p class="f24">${field.typeshorttitle}</p>
|
||||
</div>
|
||||
{/ms:channel}
|
||||
<div id="owl-demo3" class="owl-carousel">
|
||||
{ms:arclist typeid="1666653706550321164" size=10}
|
||||
<div class="item">
|
||||
<dd class="">
|
||||
<a href="{ms:global.html/}${field.link}" title="${field.title}">
|
||||
<div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}" /></div>
|
||||
<div class="txts">
|
||||
<h2 class="f22">${field.title}</h2>
|
||||
<p class="p">{@ms:len field.descrip 20 /}</p>
|
||||
</div>
|
||||
</a>
|
||||
</dd>
|
||||
</div>
|
||||
{/ms:arclist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap">
|
||||
{ms:channel type='self' typeid="1666653706550321169"}
|
||||
<div class="i_title anim anim-1">
|
||||
<h2 class="f41">${field.typetitle}</h2>
|
||||
<p class="f24">${field.typeshorttitle}</p>
|
||||
</div>
|
||||
{/ms:channel}
|
||||
<div class="i_link anim anim-2">
|
||||
<ul>
|
||||
{ms:arclist typeid="1666653706550321169" size=12}
|
||||
<li>
|
||||
<a title="${field.title}">
|
||||
<div class="imgbox"><img src="{@ms:file field.litpic/}" alt="${field.title}" /></div>
|
||||
</a>
|
||||
</li>
|
||||
{/ms:arclist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<#include "footer.htm" />
|
||||
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script>
|
||||
<!--尾部end-->
|
||||
<script>
|
||||
$("#owl-flash").owlCarousel({
|
||||
/*手机轮显图*/ items: 1,
|
||||
lazyLoad: true,
|
||||
autoPlay: true,
|
||||
itemsDesktop: [1199, 1],
|
||||
itemsDesktopSmall: [979, 1],
|
||||
itemsTablet: [768, 1],
|
||||
itemsTabletSmall: false,
|
||||
itemsMobile: [479, 1],
|
||||
//rewindNav:false,
|
||||
navigation: true
|
||||
});
|
||||
$("#owl-demo3").owlCarousel({
|
||||
/*行业案例*/ items: 4,
|
||||
lazyLoad: true,
|
||||
autoPlay: true,
|
||||
itemsDesktop: [1199, 4],
|
||||
itemsDesktopSmall: [979, 3],
|
||||
itemsTablet: [768, 2],
|
||||
itemsTabletSmall: false,
|
||||
itemsMobile: [479, 2],
|
||||
navigation: true
|
||||
});
|
||||
|
||||
window.onload = function () {
|
||||
/*轮显动画*/
|
||||
$(".bx-pager .bx-pager-item").click(function () {
|
||||
var linum = $(this).index();
|
||||
var CaseList = $(".bxslider li");
|
||||
|
||||
$(this)
|
||||
.find("a")
|
||||
.click(function () {
|
||||
CaseList.removeClass("active");
|
||||
CaseList.eq(linum).addClass("active");
|
||||
|
||||
$(".bx-pager .bx-pager-item").removeClass("active");
|
||||
$(".bx-pager .bx-pager-item").eq(linum).addClass("active");
|
||||
// $(this).addClass('csel').siblings().removeClass('csel');
|
||||
// CaseList.hide().eq(linum).show();
|
||||
//CaseList.find(".anim").removeClass("anim-show");
|
||||
// setTimeout(function(){
|
||||
// CaseList.eq(linum).find(".anim").addClass("anim-show");
|
||||
// },6)
|
||||
});
|
||||
});
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||
<meta name="robots" content="index, follow"/>
|
||||
<title>${field.typetitle}</title>
|
||||
<meta name="keywords" content="${field.typekeyword}">
|
||||
<meta name="description" content="${field.typedescrip}">
|
||||
<meta http-equiv="Cache-Control" content="no-transform"/>
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
||||
<meta name="applicable-device" content="pc,mobile"/>
|
||||
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
|
||||
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
|
||||
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
|
||||
<script src="/{ms:global.style/}js/anim.js">//动画</script>
|
||||
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<#include "header.htm" />
|
||||
<div class="o_big" >
|
||||
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
|
||||
<h1 >${field.typedescrip}</h1>
|
||||
</div>
|
||||
<h1 style="font-size:46px; display:block;text-align:center;font-weight:bolder;margin:50px auto">社会职位招聘</h1>
|
||||
<!--正文begin-->
|
||||
<div class="news_bg">
|
||||
<div class="wrap">
|
||||
<div class="job_con">
|
||||
<ul>
|
||||
{ms:arclist size=10 ispaging=true}
|
||||
<li class="anim anim-1">
|
||||
<a href="{ms:global.html/}${field.link}" style="display:flex; align-items:center">
|
||||
|
||||
<div class="f22">${field.title}</div>
|
||||
<div class="f16">${field.source}</div>
|
||||
<div class="f16">${field.author}</div>
|
||||
<div><i></i></div>
|
||||
</a>
|
||||
</li>
|
||||
{/ms:arclist}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="yema"><#include "page.htm" /></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--正文end-->
|
||||
<#include "footer.htm" />
|
||||
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
|
||||
</body>
|
||||
</html>
|
||||
<style>
|
||||
.job_con{
|
||||
width:100%;
|
||||
overflow:hidden;
|
||||
}
|
||||
.job_con ul li{
|
||||
overflow: hidden;
|
||||
padding: 2% 0;
|
||||
border-top: 1px solid #e0e0e0;
|
||||
display: block;
|
||||
color:#333;
|
||||
cursor:pointer;
|
||||
}
|
||||
.job_con ul li a{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
}
|
||||
.job_con ul li a div{
|
||||
width:25%;
|
||||
}
|
||||
.job_con ul li a div:nth-child(1){
|
||||
width:44%;
|
||||
}
|
||||
.job_con ul li a div:nth-child(4){
|
||||
width:6%
|
||||
}
|
||||
.job_con ul li a div i{
|
||||
display:block;
|
||||
height: 20px;
|
||||
transform: scale(0.8);
|
||||
background: url(/{ms:global.style/}images/allbgs.png) -70px -256px no-repeat;
|
||||
}
|
||||
|
||||
.job_con ul li:hover{
|
||||
background:#f8f8f8
|
||||
}
|
||||
.job_con ul li:hover a{
|
||||
color:#333
|
||||
|
||||
}
|
||||
.job_con ul li:hover i{
|
||||
background: url(/{ms:global.style/}images/allbgs.png) -266px -251px no-repeat;
|
||||
}
|
||||
.job_con ul li:hover a div:nth-child(1){
|
||||
color: #c7000b;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 5px;
|
||||
text-decoration-thickness: 1px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1 @@
|
|||
(function(){ window.BMap_loadScriptTime = (new Date).getTime(); document.write('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.4&ak=&services=&t=20180102095227"></script>');})();
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
$(function(){
|
||||
// 出场动画
|
||||
var anim = $(".anim");
|
||||
setTimeout(function(){//规避页面加载不完整高度获取异常
|
||||
$(window).scroll(function() {
|
||||
roll();
|
||||
})
|
||||
$(window).resize(function() {
|
||||
roll();
|
||||
})
|
||||
roll();
|
||||
},6)
|
||||
function roll() { //滚动执行动画
|
||||
var oHeight = $(window).height();
|
||||
var ScrVal = $(window).scrollTop();
|
||||
anim.each(function(i) {
|
||||
if (ScrVal + oHeight > anim.eq(i).offset().top + 100 ){
|
||||
anim.eq(i).addClass("anim-show");
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
})
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
/**
|
||||
* Created by Administrator on 2017/1/16.
|
||||
*/
|
||||
|
||||
|
||||
$(function () {
|
||||
|
||||
//加载公用部分，写程序的时候记得删除！！
|
||||
$("header").load("header.html");
|
||||
$("footer").load("footer.html");
|
||||
//$(".sidebar").load("sidebar.html");
|
||||
|
||||
if (window.innerWidth >= 640) {
|
||||
$(".cloud-product-ul li").hover(function () {
|
||||
$(this).addClass("active").siblings().removeClass("active");
|
||||
})
|
||||
|
||||
$(".solution-list ul li").hover(function () {
|
||||
$(this).addClass("active").siblings().removeClass("active");
|
||||
})
|
||||
} else {
|
||||
$('.cloud-product-ul li').filter(':even').removeClass("active").addClass('active');
|
||||
$('.i_solution p').text('...');
|
||||
$('.nproduct_list2 .f24').next().text('...')
|
||||
}
|
||||
|
||||
// 监听页面滚动，当滚动超过首屏高度时给header添加active类
|
||||
let windowHeight = $(window).height(); // 获取窗口高度作为首屏高度判断标准
|
||||
|
||||
$(window).scroll(function() {
|
||||
let scrollTop = $(window).scrollTop();
|
||||
|
||||
if (scrollTop > windowHeight) {
|
||||
$('.home-header .header-v1').addClass('active');
|
||||
} else {
|
||||
$('.home-header .header-v1').removeClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
function g(o){return document.getElementById(o);}
|
||||
//window.onload=function()
|
||||
//{
|
||||
$(".top_search").find("em").click(function(){
|
||||
if($(".search_con").css("display")=="none")
|
||||
{
|
||||
$(".search_con").css("display","block");
|
||||
$(".search_con").animate({"height":"39px"},"fast");
|
||||
}
|
||||
else
|
||||
{$(".search_con").css("display","none");
|
||||
$(".search_con").animate({"height":"0px"},"fast");
|
||||
}
|
||||
});
|
||||
$(".search_con").hover(function(){},function(){
|
||||
$(".search_con").css("display","none");
|
||||
})
|
||||
|
||||
//$(".side ul li").hover(function(){
|
||||
// $(this).find(".sidebox").stop().animate({"width":"180px"},200).find("img").css({"opacity":"1","filter":"Alpha(opacity=100)"});
|
||||
// },function(){
|
||||
// $(this).find(".sidebox").stop().animate({"width":"56px",},200).find("img").css({"opacity":"0.8","filter":"Alpha(opacity=80)"});
|
||||
// });
|
||||
// $('.sideewm').hover(function(){
|
||||
// $('.ewBox').stop().show();
|
||||
// },function(){
|
||||
// $('.ewBox').stop().hide();
|
||||
// });
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//}
|
||||
|
||||
//回到顶部
|
||||
function goTop(){
|
||||
$('html,body').animate({'scrollTop':0},600);
|
||||
}
|
||||
|
||||
function inewsc(objs,src)
|
||||
{
|
||||
$(objs).attr("src",src);
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,595 @@
|
|||
/*!
|
||||
* SuperSlide v2.1.1
|
||||
* 轻松解决网站大部分特效展示问题
|
||||
* 详尽信息请看官网：http://www.SuperSlide2.com/
|
||||
*
|
||||
* Copyright 2011-2013, 大话主席
|
||||
*
|
||||
* 请尊重原创，保留头部版权
|
||||
* 在保留版权的前提下可应用于个人或商业用途
|
||||
|
||||
* v2.1.1：修复当调用多个SuperSlide，并设置returnDefault:true 时返回defaultIndex索引错误
|
||||
|
||||
*/
|
||||
|
||||
!
|
||||
function(a) {
|
||||
a.fn.slide = function(b) {
|
||||
return a.fn.slide.defaults = {
|
||||
type: "slide",
|
||||
effect: "fade",
|
||||
autoPlay: !1,
|
||||
delayTime: 500,
|
||||
interTime: 2500,
|
||||
triggerTime: 150,
|
||||
defaultIndex: 0,
|
||||
titCell: ".hd li",
|
||||
mainCell: ".bd",
|
||||
targetCell: null,
|
||||
trigger: "mouseover",
|
||||
scroll: 1,
|
||||
vis: 1,
|
||||
titOnClassName: "on",
|
||||
autoPage: !1,
|
||||
prevCell: ".prev",
|
||||
nextCell: ".next",
|
||||
pageStateCell: ".pageState",
|
||||
opp: !1,
|
||||
pnLoop: !0,
|
||||
easing: "swing",
|
||||
startFun: null,
|
||||
endFun: null,
|
||||
switchLoad: null,
|
||||
playStateCell: ".playState",
|
||||
mouseOverStop: !0,
|
||||
defaultPlay: !0,
|
||||
returnDefault: !1
|
||||
},
|
||||
this.each(function() {
|
||||
var c = a.extend({},
|
||||
a.fn.slide.defaults, b),
|
||||
d = a(this),
|
||||
e = c.effect,
|
||||
f = a(c.prevCell, d),
|
||||
g = a(c.nextCell, d),
|
||||
h = a(c.pageStateCell, d),
|
||||
i = a(c.playStateCell, d),
|
||||
j = a(c.titCell, d),
|
||||
k = j.size(),
|
||||
l = a(c.mainCell, d),
|
||||
m = l.children().size(),
|
||||
n = c.switchLoad,
|
||||
o = a(c.targetCell, d),
|
||||
p = parseInt(c.defaultIndex),
|
||||
q = parseInt(c.delayTime),
|
||||
r = parseInt(c.interTime);
|
||||
parseInt(c.triggerTime);
|
||||
var Q, t = parseInt(c.scroll),
|
||||
u = parseInt(c.vis),
|
||||
v = "false" == c.autoPlay || 0 == c.autoPlay ? !1 : !0,
|
||||
w = "false" == c.opp || 0 == c.opp ? !1 : !0,
|
||||
x = "false" == c.autoPage || 0 == c.autoPage ? !1 : !0,
|
||||
y = "false" == c.pnLoop || 0 == c.pnLoop ? !1 : !0,
|
||||
z = "false" == c.mouseOverStop || 0 == c.mouseOverStop ? !1 : !0,
|
||||
A = "false" == c.defaultPlay || 0 == c.defaultPlay ? !1 : !0,
|
||||
B = "false" == c.returnDefault || 0 == c.returnDefault ? !1 : !0,
|
||||
C = 0,
|
||||
D = 0,
|
||||
E = 0,
|
||||
F = 0,
|
||||
G = c.easing,
|
||||
H = null,
|
||||
I = null,
|
||||
J = null,
|
||||
K = c.titOnClassName,
|
||||
L = j.index(d.find("." + K)),
|
||||
M = p = -1 == L ? p: L,
|
||||
N = p,
|
||||
O = p,
|
||||
P = m >= u ? 0 != m % t ? m % t: t: 0,
|
||||
R = "leftMarquee" == e || "topMarquee" == e ? !0 : !1,
|
||||
S = function() {
|
||||
a.isFunction(c.startFun) && c.startFun(p, k, d, a(c.titCell, d), l, o, f, g)
|
||||
},
|
||||
T = function() {
|
||||
a.isFunction(c.endFun) && c.endFun(p, k, d, a(c.titCell, d), l, o, f, g)
|
||||
},
|
||||
U = function() {
|
||||
j.removeClass(K),
|
||||
A && j.eq(N).addClass(K)
|
||||
};
|
||||
if ("menu" == c.type) return A && j.removeClass(K).eq(p).addClass(K),
|
||||
j.hover(function() {
|
||||
Q = a(this).find(c.targetCell);
|
||||
var b = j.index(a(this));
|
||||
I = setTimeout(function() {
|
||||
switch (p = b, j.removeClass(K).eq(p).addClass(K), S(), e) {
|
||||
case "fade":
|
||||
Q.stop(!0, !0).animate({
|
||||
opacity: "show"
|
||||
},
|
||||
q, G, T);
|
||||
break;
|
||||
case "slideDown":
|
||||
Q.stop(!0, !0).animate({
|
||||
height: "show"
|
||||
},
|
||||
q, G, T)
|
||||
}
|
||||
},
|
||||
c.triggerTime)
|
||||
},
|
||||
function() {
|
||||
switch (clearTimeout(I), e) {
|
||||
case "fade":
|
||||
Q.animate({
|
||||
opacity:
|
||||
"hide"
|
||||
},
|
||||
q, G);
|
||||
break;
|
||||
case "slideDown":
|
||||
Q.animate({
|
||||
height:
|
||||
"hide"
|
||||
},
|
||||
q, G)
|
||||
}
|
||||
}),
|
||||
B && d.hover(function() {
|
||||
clearTimeout(J)
|
||||
},
|
||||
function() {
|
||||
J = setTimeout(U, q)
|
||||
}),
|
||||
void 0;
|
||||
if (0 == k && (k = m), R && (k = 2), x) {
|
||||
if (m >= u) if ("leftLoop" == e || "topLoop" == e) k = 0 != m % t ? (0 ^ m / t) + 1 : m / t;
|
||||
else {
|
||||
var V = m - u;
|
||||
k = 1 + parseInt(0 != V % t ? V / t + 1 : V / t),
|
||||
0 >= k && (k = 1)
|
||||
} else k = 1;
|
||||
j.html("");
|
||||
var W = "";
|
||||
if (1 == c.autoPage || "true" == c.autoPage) for (var X = 0; k > X; X++) W += "<li>" + (X + 1) + "</li>";
|
||||
else for (var X = 0; k > X; X++) W += c.autoPage.replace("$", X + 1);
|
||||
j.html(W);
|
||||
var j = j.children()
|
||||
}
|
||||
if (m >= u) {
|
||||
l.children().each(function() {
|
||||
a(this).width() > E && (E = a(this).width(), D = a(this).outerWidth(!0)),
|
||||
a(this).height() > F && (F = a(this).height(), C = a(this).outerHeight(!0))
|
||||
});
|
||||
var Y = l.children(),
|
||||
Z = function() {
|
||||
for (var a = 0; u > a; a++) Y.eq(a).clone().addClass("clone").appendTo(l);
|
||||
for (var a = 0; P > a; a++) Y.eq(m - a - 1).clone().addClass("clone").prependTo(l)
|
||||
};
|
||||
switch (e) {
|
||||
case "fold":
|
||||
l.css({
|
||||
position:
|
||||
"relative",
|
||||
width: D,
|
||||
height: C
|
||||
}).children().css({
|
||||
position: "absolute",
|
||||
width: E,
|
||||
left: 0,
|
||||
top: 0,
|
||||
display: "none"
|
||||
});
|
||||
break;
|
||||
case "top":
|
||||
l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:' + u * C + 'px"></div>').css({
|
||||
top: -(p * t) * C,
|
||||
position: "relative",
|
||||
padding: "0",
|
||||
margin: "0"
|
||||
}).children().css({
|
||||
height: F
|
||||
});
|
||||
break;
|
||||
case "left":
|
||||
l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:' + u * D + 'px"></div>').css({
|
||||
width: m * D,
|
||||
left: -(p * t) * D,
|
||||
position: "relative",
|
||||
overflow: "hidden",
|
||||
padding: "0",
|
||||
margin: "0"
|
||||
}).children().css({
|
||||
"float": "left",
|
||||
width: E
|
||||
});
|
||||
break;
|
||||
case "leftLoop":
|
||||
case "leftMarquee":
|
||||
Z(),
|
||||
l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:' + u * D + 'px"></div>').css({
|
||||
width: (m + u + P) * D,
|
||||
position: "relative",
|
||||
overflow: "hidden",
|
||||
padding: "0",
|
||||
margin: "0",
|
||||
left: -(P + p * t) * D
|
||||
}).children().css({
|
||||
"float": "left",
|
||||
width: E
|
||||
});
|
||||
break;
|
||||
case "topLoop":
|
||||
case "topMarquee":
|
||||
Z(),
|
||||
l.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:' + u * C + 'px"></div>').css({
|
||||
height: (m + u + P) * C,
|
||||
position: "relative",
|
||||
padding: "0",
|
||||
margin: "0",
|
||||
top: -(P + p * t) * C
|
||||
}).children().css({
|
||||
height: F
|
||||
})
|
||||
}
|
||||
}
|
||||
var $ = function(a) {
|
||||
var b = a * t;
|
||||
return a == k ? b = m: -1 == a && 0 != m % t && (b = -m % t),
|
||||
b
|
||||
},
|
||||
_ = function(b) {
|
||||
var c = function(c) {
|
||||
for (var d = c; u + c > d; d++) b.eq(d).find("img[" + n + "]").each(function() {
|
||||
var b = a(this);
|
||||
if (b.attr("src", b.attr(n)).removeAttr(n), l.find(".clone")[0]) for (var c = l.children(), d = 0; d < c.size(); d++) c.eq(d).find("img[" + n + "]").each(function() {
|
||||
a(this).attr(n) == b.attr("src") && a(this).attr("src", a(this).attr(n)).removeAttr(n)
|
||||
})
|
||||
})
|
||||
};
|
||||
switch (e) {
|
||||
case "fade":
|
||||
case "fold":
|
||||
case "top":
|
||||
case "left":
|
||||
case "slideDown":
|
||||
c(p * t);
|
||||
break;
|
||||
case "leftLoop":
|
||||
case "topLoop":
|
||||
c(P + $(O));
|
||||
break;
|
||||
case "leftMarquee":
|
||||
case "topMarquee":
|
||||
var d = "leftMarquee" == e ? l.css("left").replace("px", "") : l.css("top").replace("px", ""),
|
||||
f = "leftMarquee" == e ? D: C,
|
||||
g = P;
|
||||
if (0 != d % f) {
|
||||
var h = Math.abs(0 ^ d / f);
|
||||
g = 1 == p ? P + h: P + h - 1
|
||||
}
|
||||
c(g)
|
||||
}
|
||||
},
|
||||
ab = function(a) {
|
||||
if (!A || M != p || a || R) {
|
||||
if (R ? p >= 1 ? p = 1 : 0 >= p && (p = 0) : (O = p, p >= k ? p = 0 : 0 > p && (p = k - 1)), S(), null != n && _(l.children()), o[0] && (Q = o.eq(p), null != n && _(o), "slideDown" == e ? (o.not(Q).stop(!0, !0).slideUp(q), Q.slideDown(q, G,
|
||||
function() {
|
||||
l[0] || T()
|
||||
})) : (o.not(Q).stop(!0, !0).hide(), Q.animate({
|
||||
opacity: "show"
|
||||
},
|
||||
q,
|
||||
function() {
|
||||
l[0] || T()
|
||||
}))), m >= u) switch (e) {
|
||||
case "fade":
|
||||
l.children().stop(!0, !0).eq(p).animate({
|
||||
opacity: "show"
|
||||
},
|
||||
q, G,
|
||||
function() {
|
||||
T()
|
||||
}).siblings().hide();
|
||||
break;
|
||||
case "fold":
|
||||
l.children().stop(!0, !0).eq(p).animate({
|
||||
opacity: "show"
|
||||
},
|
||||
q, G,
|
||||
function() {
|
||||
T()
|
||||
}).siblings().animate({
|
||||
opacity: "hide"
|
||||
},
|
||||
q, G);
|
||||
break;
|
||||
case "top":
|
||||
l.stop(!0, !1).animate({
|
||||
top: -p * t * C
|
||||
},
|
||||
q, G,
|
||||
function() {
|
||||
T()
|
||||
});
|
||||
break;
|
||||
case "left":
|
||||
l.stop(!0, !1).animate({
|
||||
left: -p * t * D
|
||||
},
|
||||
q, G,
|
||||
function() {
|
||||
T()
|
||||
});
|
||||
break;
|
||||
case "leftLoop":
|
||||
var b = O;
|
||||
l.stop(!0, !0).animate({
|
||||
left: -($(O) + P) * D
|
||||
},
|
||||
q, G,
|
||||
function() { - 1 >= b ? l.css("left", -(P + (k - 1) * t) * D) : b >= k && l.css("left", -P * D),
|
||||
T()
|
||||
});
|
||||
break;
|
||||
case "topLoop":
|
||||
var b = O;
|
||||
l.stop(!0, !0).animate({
|
||||
top: -($(O) + P) * C
|
||||
},
|
||||
q, G,
|
||||
function() { - 1 >= b ? l.css("top", -(P + (k - 1) * t) * C) : b >= k && l.css("top", -P * C),
|
||||
T()
|
||||
});
|
||||
break;
|
||||
case "leftMarquee":
|
||||
var c = l.css("left").replace("px", "");
|
||||
0 == p ? l.animate({
|
||||
left: ++c
|
||||
},
|
||||
0,
|
||||
function() {
|
||||
l.css("left").replace("px", "") >= 0 && l.css("left", -m * D)
|
||||
}) : l.animate({
|
||||
left: --c
|
||||
},
|
||||
0,
|
||||
function() {
|
||||
l.css("left").replace("px", "") <= -(m + P) * D && l.css("left", -P * D)
|
||||
});
|
||||
break;
|
||||
case "topMarquee":
|
||||
var d = l.css("top").replace("px", "");
|
||||
0 == p ? l.animate({
|
||||
top: ++d
|
||||
},
|
||||
0,
|
||||
function() {
|
||||
l.css("top").replace("px", "") >= 0 && l.css("top", -m * C)
|
||||
}) : l.animate({
|
||||
top: --d
|
||||
},
|
||||
0,
|
||||
function() {
|
||||
l.css("top").replace("px", "") <= -(m + P) * C && l.css("top", -P * C)
|
||||
})
|
||||
}
|
||||
j.removeClass(K).eq(p).addClass(K),
|
||||
M = p,
|
||||
y || (g.removeClass("nextStop"), f.removeClass("prevStop"), 0 == p && f.addClass("prevStop"), p == k - 1 && g.addClass("nextStop")),
|
||||
h.html("<span>" + (p + 1) + "</span>/" + k)
|
||||
}
|
||||
};
|
||||
A && ab(!0),
|
||||
B && d.hover(function() {
|
||||
clearTimeout(J)
|
||||
},
|
||||
function() {
|
||||
J = setTimeout(function() {
|
||||
p = N,
|
||||
A ? ab() : "slideDown" == e ? Q.slideUp(q, U) : Q.animate({
|
||||
opacity: "hide"
|
||||
},
|
||||
q, U),
|
||||
M = p
|
||||
},
|
||||
300)
|
||||
});
|
||||
var bb = function(a) {
|
||||
H = setInterval(function() {
|
||||
w ? p--:p++,
|
||||
ab()
|
||||
},
|
||||
a ? a: r)
|
||||
},
|
||||
cb = function(a) {
|
||||
H = setInterval(ab, a ? a: r)
|
||||
},
|
||||
db = function() {
|
||||
z || (clearInterval(H), bb())
|
||||
},
|
||||
eb = function() { (y || p != k - 1) && (p++, ab(), R || db())
|
||||
},
|
||||
fb = function() { (y || 0 != p) && (p--, ab(), R || db())
|
||||
},
|
||||
gb = function() {
|
||||
clearInterval(H),
|
||||
R ? cb() : bb(),
|
||||
i.removeClass("pauseState")
|
||||
},
|
||||
hb = function() {
|
||||
clearInterval(H),
|
||||
i.addClass("pauseState")
|
||||
};
|
||||
if (v ? R ? (w ? p--:p++, cb(), z && l.hover(hb, gb)) : (bb(), z && d.hover(hb, gb)) : (R && (w ? p--:p++), i.addClass("pauseState")), i.click(function() {
|
||||
i.hasClass("pauseState") ? gb() : hb()
|
||||
}), "mouseover" == c.trigger ? j.hover(function() {
|
||||
var a = j.index(this);
|
||||
I = setTimeout(function() {
|
||||
p = a,
|
||||
ab(),
|
||||
db()
|
||||
},
|
||||
c.triggerTime)
|
||||
},
|
||||
function() {
|
||||
clearTimeout(I)
|
||||
}) : j.click(function() {
|
||||
p = j.index(this),
|
||||
ab(),
|
||||
db()
|
||||
}), R) {
|
||||
if (g.mousedown(eb), f.mousedown(fb), y) {
|
||||
var ib, jb = function() {
|
||||
ib = setTimeout(function() {
|
||||
clearInterval(H),
|
||||
cb(0 ^ r / 10)
|
||||
},
|
||||
150)
|
||||
},
|
||||
kb = function() {
|
||||
clearTimeout(ib),
|
||||
clearInterval(H),
|
||||
cb()
|
||||
};
|
||||
g.mousedown(jb),
|
||||
g.mouseup(kb),
|
||||
f.mousedown(jb),
|
||||
f.mouseup(kb)
|
||||
}
|
||||
"mouseover" == c.trigger && (g.hover(eb,
|
||||
function() {}), f.hover(fb,
|
||||
function() {}))
|
||||
} else g.click(eb),
|
||||
f.click(fb)
|
||||
})
|
||||
}
|
||||
} (jQuery),
|
||||
jQuery.easing.jswing = jQuery.easing.swing,
|
||||
jQuery.extend(jQuery.easing, {
|
||||
def: "easeOutQuad",
|
||||
swing: function(a, b, c, d, e) {
|
||||
return jQuery.easing[jQuery.easing.def](a, b, c, d, e)
|
||||
},
|
||||
easeInQuad: function(a, b, c, d, e) {
|
||||
return d * (b /= e) * b + c
|
||||
},
|
||||
easeOutQuad: function(a, b, c, d, e) {
|
||||
return - d * (b /= e) * (b - 2) + c
|
||||
},
|
||||
easeInOutQuad: function(a, b, c, d, e) {
|
||||
return (b /= e / 2) < 1 ? d / 2 * b * b + c: -d / 2 * (--b * (b - 2) - 1) + c
|
||||
},
|
||||
easeInCubic: function(a, b, c, d, e) {
|
||||
return d * (b /= e) * b * b + c
|
||||
},
|
||||
easeOutCubic: function(a, b, c, d, e) {
|
||||
return d * ((b = b / e - 1) * b * b + 1) + c
|
||||
},
|
||||
easeInOutCubic: function(a, b, c, d, e) {
|
||||
return (b /= e / 2) < 1 ? d / 2 * b * b * b + c: d / 2 * ((b -= 2) * b * b + 2) + c
|
||||
},
|
||||
easeInQuart: function(a, b, c, d, e) {
|
||||
return d * (b /= e) * b * b * b + c
|
||||
},
|
||||
easeOutQuart: function(a, b, c, d, e) {
|
||||
return - d * ((b = b / e - 1) * b * b * b - 1) + c
|
||||
},
|
||||
easeInOutQuart: function(a, b, c, d, e) {
|
||||
return (b /= e / 2) < 1 ? d / 2 * b * b * b * b + c: -d / 2 * ((b -= 2) * b * b * b - 2) + c
|
||||
},
|
||||
easeInQuint: function(a, b, c, d, e) {
|
||||
return d * (b /= e) * b * b * b * b + c
|
||||
},
|
||||
easeOutQuint: function(a, b, c, d, e) {
|
||||
return d * ((b = b / e - 1) * b * b * b * b + 1) + c
|
||||
},
|
||||
easeInOutQuint: function(a, b, c, d, e) {
|
||||
return (b /= e / 2) < 1 ? d / 2 * b * b * b * b * b + c: d / 2 * ((b -= 2) * b * b * b * b + 2) + c
|
||||
},
|
||||
easeInSine: function(a, b, c, d, e) {
|
||||
return - d * Math.cos(b / e * (Math.PI / 2)) + d + c
|
||||
},
|
||||
easeOutSine: function(a, b, c, d, e) {
|
||||
return d * Math.sin(b / e * (Math.PI / 2)) + c
|
||||
},
|
||||
easeInOutSine: function(a, b, c, d, e) {
|
||||
return - d / 2 * (Math.cos(Math.PI * b / e) - 1) + c
|
||||
},
|
||||
easeInExpo: function(a, b, c, d, e) {
|
||||
return 0 == b ? c: d * Math.pow(2, 10 * (b / e - 1)) + c
|
||||
},
|
||||
easeOutExpo: function(a, b, c, d, e) {
|
||||
return b == e ? c + d: d * ( - Math.pow(2, -10 * b / e) + 1) + c
|
||||
},
|
||||
easeInOutExpo: function(a, b, c, d, e) {
|
||||
return 0 == b ? c: b == e ? c + d: (b /= e / 2) < 1 ? d / 2 * Math.pow(2, 10 * (b - 1)) + c: d / 2 * ( - Math.pow(2, -10 * --b) + 2) + c
|
||||
},
|
||||
easeInCirc: function(a, b, c, d, e) {
|
||||
return - d * (Math.sqrt(1 - (b /= e) * b) - 1) + c
|
||||
},
|
||||
easeOutCirc: function(a, b, c, d, e) {
|
||||
return d * Math.sqrt(1 - (b = b / e - 1) * b) + c
|
||||
},
|
||||
easeInOutCirc: function(a, b, c, d, e) {
|
||||
return (b /= e / 2) < 1 ? -d / 2 * (Math.sqrt(1 - b * b) - 1) + c: d / 2 * (Math.sqrt(1 - (b -= 2) * b) + 1) + c
|
||||
},
|
||||
easeInElastic: function(a, b, c, d, e) {
|
||||
var f = 1.70158,
|
||||
g = 0,
|
||||
h = d;
|
||||
if (0 == b) return c;
|
||||
if (1 == (b /= e)) return c + d;
|
||||
if (g || (g = .3 * e), h < Math.abs(d)) {
|
||||
h = d;
|
||||
var f = g / 4
|
||||
} else var f = g / (2 * Math.PI) * Math.asin(d / h);
|
||||
return - (h * Math.pow(2, 10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g)) + c
|
||||
},
|
||||
easeOutElastic: function(a, b, c, d, e) {
|
||||
var f = 1.70158,
|
||||
g = 0,
|
||||
h = d;
|
||||
if (0 == b) return c;
|
||||
if (1 == (b /= e)) return c + d;
|
||||
if (g || (g = .3 * e), h < Math.abs(d)) {
|
||||
h = d;
|
||||
var f = g / 4
|
||||
} else var f = g / (2 * Math.PI) * Math.asin(d / h);
|
||||
return h * Math.pow(2, -10 * b) * Math.sin((b * e - f) * 2 * Math.PI / g) + d + c
|
||||
},
|
||||
easeInOutElastic: function(a, b, c, d, e) {
|
||||
var f = 1.70158,
|
||||
g = 0,
|
||||
h = d;
|
||||
if (0 == b) return c;
|
||||
if (2 == (b /= e / 2)) return c + d;
|
||||
if (g || (g = e * .3 * 1.5), h < Math.abs(d)) {
|
||||
h = d;
|
||||
var f = g / 4
|
||||
} else var f = g / (2 * Math.PI) * Math.asin(d / h);
|
||||
return 1 > b ? -.5 * h * Math.pow(2, 10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g) + c: .5 * h * Math.pow(2, -10 * (b -= 1)) * Math.sin((b * e - f) * 2 * Math.PI / g) + d + c
|
||||
},
|
||||
easeInBack: function(a, b, c, d, e, f) {
|
||||
return void 0 == f && (f = 1.70158),
|
||||
d * (b /= e) * b * ((f + 1) * b - f) + c
|
||||
},
|
||||
easeOutBack: function(a, b, c, d, e, f) {
|
||||
return void 0 == f && (f = 1.70158),
|
||||
d * ((b = b / e - 1) * b * ((f + 1) * b + f) + 1) + c
|
||||
},
|
||||
easeInOutBack: function(a, b, c, d, e, f) {
|
||||
return void 0 == f && (f = 1.70158),
|
||||
(b /= e / 2) < 1 ? d / 2 * b * b * (((f *= 1.525) + 1) * b - f) + c: d / 2 * ((b -= 2) * b * (((f *= 1.525) + 1) * b + f) + 2) + c
|
||||
},
|
||||
easeInBounce: function(a, b, c, d, e) {
|
||||
return d - jQuery.easing.easeOutBounce(a, e - b, 0, d, e) + c
|
||||
},
|
||||
easeOutBounce: function(a, b, c, d, e) {
|
||||
return (b /= e) < 1 / 2.75 ? d * 7.5625 * b * b + c: 2 / 2.75 > b ? d * (7.5625 * (b -= 1.5 / 2.75) * b + .75) + c: 2.5 / 2.75 > b ? d * (7.5625 * (b -= 2.25 / 2.75) * b + .9375) + c: d * (7.5625 * (b -= 2.625 / 2.75) * b + .984375) + c
|
||||
},
|
||||
easeInOutBounce: function(a, b, c, d, e) {
|
||||
return e / 2 > b ? .5 * jQuery.easing.easeInBounce(a, 2 * b, 0, d, e) + c: .5 * jQuery.easing.easeOutBounce(a, 2 * b - e, 0, d, e) + .5 * d + c
|
||||
}
|
||||
});
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,112 @@
|
|||
$(document).ready(function(){
|
||||
$(".imgs").find("img").each(function() {
|
||||
var imgWidth = $(this).width(); // 获取图片的宽度
|
||||
var newHeight = imgWidth *(280/415);
|
||||
$(this).css("height", newHeight + "px"); // 设置新的高度
|
||||
});
|
||||
var height = $(".job_con ul li").eq(0).innerHeight();
|
||||
$(".job_con ul").css("height", height*10 + "px"); // 设置新的高度
|
||||
|
||||
$(window).resize(function(){
|
||||
$(".imgs").find("img").each(function() {
|
||||
var imgWidth = $(this).width(); // 获取图片的宽度
|
||||
var newHeight = imgWidth *(280/415);
|
||||
$(this).css("height", newHeight + "px"); // 设置新的高度
|
||||
});
|
||||
var height = $(".job_con ul li").eq(0).innerHeight();
|
||||
$(".job_con ul").css("height", height*10 + "px"); // 设置新的高度
|
||||
})
|
||||
$(".touch-toggle a").click(function(event){
|
||||
|
||||
var className = $(this).attr("data-drawer");
|
||||
|
||||
if( $("."+className).css('display') == 'none' ){
|
||||
|
||||
$("."+className).slideDown().siblings(".drawer-section").slideUp();
|
||||
$(".touch_bg").slideDown();//20170419
|
||||
}else{
|
||||
|
||||
$(".drawer-section").slideUp();
|
||||
$(".touch_bg").slideUp();//20170419
|
||||
|
||||
}
|
||||
event.stopPropagation();
|
||||
|
||||
});
|
||||
|
||||
$(".touch_bg").click(function(){
|
||||
$(".drawer-section").slideUp();
|
||||
$(".touch_bg").slideUp();//20170419
|
||||
})
|
||||
$(".closetitle").click(function(){
|
||||
$(".drawer-section").slideUp();
|
||||
$(".touch_bg").slideUp();//20170419
|
||||
})
|
||||
|
||||
//$(document).click(function(){
|
||||
//
|
||||
// $(".drawer-section").slideUp();
|
||||
//
|
||||
// })
|
||||
|
||||
$('.touch-menu a').click(function(){
|
||||
|
||||
if( $(this).next().is('ul') ){
|
||||
|
||||
if( $(this).next('ul').css('display') == 'none' ){
|
||||
$('.touch-menu ul li').find("ul").slideUp();
|
||||
$('.touch-menu ul li').find("a").find('i').attr("class","touch-arrow-down");
|
||||
$(this).next('ul').slideDown();
|
||||
|
||||
$(this).find('i').attr("class","touch-arrow-up");
|
||||
//$(".touch-top").css("position","absolute");
|
||||
}else{
|
||||
|
||||
$(this).next('ul').slideUp();
|
||||
|
||||
$(this).next('ul').find('ul').slideUp();
|
||||
|
||||
$(this).find('i').attr("class","touch-arrow-down");
|
||||
//$(".touch-top").css("position","fixed");
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
// 导航显示与隐藏
|
||||
var NavHeight = false;
|
||||
$(window).scroll(function(){
|
||||
Nav();
|
||||
})
|
||||
Nav();
|
||||
function Nav(){
|
||||
if( $(window).scrollTop() > $(window).height() && NavHeight == false ){
|
||||
$("body").addClass("nav-hide");
|
||||
NavHeight = true;
|
||||
}else if($(window).scrollTop() <= $(window).height() && NavHeight == true ){
|
||||
NavHeight = false;
|
||||
$("body").removeClass("nav-hide");
|
||||
}
|
||||
}
|
||||
|
||||
window.onmousewheel = document.onmousewheel = document.onmousewheel = function(e){
|
||||
e = e || window.event;
|
||||
var delta = 0;
|
||||
if (e.wheelDelta) {
|
||||
delta = e.wheelDelta/120;
|
||||
} else if (e.detail) {
|
||||
delta = -e.detail/3;
|
||||
}
|
||||
if (delta > 0) {
|
||||
$("body").removeClass("nav-hide");
|
||||
} else if (delta < 0) {
|
||||
$("body").addClass("nav-hide");
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue