<!DOCTYPE html>
<html>
<head>
<title>嘉戎技术-垃圾渗滤液处ç†-è€é…¸ç¢±è†œã€DTROã€ç®¡å¼è¶…滤膜ã€é›†è£…ç®±å¼æ±¡æ°´å¤„ç†è£…备生产销售-工业废水处ç†-酸碱回收</title>
<meta name="keywords" content="嘉戎技术, 垃圾渗滤液，DTRO，管å¼è¶…滤膜，废水零排放，è€é…¸ç¢±è†œï¼Œé«˜ç›åºŸæ°´ï¼Œå·¥ä¸šåºŸæ°´ï¼Œæ±¡æ°´å¤„ç†ï¼Œè†œæŠ€æœ¯ï¼Œè†œç”Ÿäº§å•†ï¼Œè£…å¤‡åˆ¶é€ ï¼Œé…¸ç¢±èµ„æºå›žæ”¶">
<meta name="description" content="厦门嘉戎技术股份有é™å…¬å¸æ˜¯ä¸€å®¶ä¸“注于高难度污废水处ç†ï¼Œä¸ºå®¢æˆ·æ供特ç§è†œç»„件ã€é«˜ç«¯çŽ¯ä¿è£…备和è¿è¥æœåŠ¡çš„高新技术ä¼ä¸šã€‚主è¦äº§å“有DT/ST高压膜ã€ç®¡å¼è¶…滤膜ã€è€é…¸ç¢±è†œã€å¹³æ¿MBR膜ã€ç§»åŠ¨å¼æ¸—滤液处ç†è£…备ã€ä½Žæ¸©è´ŸåŽ‹è’¸å‘器和集装箱å¼é«˜åŽ‹è†œè£…备ç‰ï¼›ä¸»è¦æ供酸碱高价值资æºå›žæ”¶ã€é«˜æµ“高ç›æ±¡æ°´å¤„ç†ã€åžƒåœ¾æ¸—滤液处ç†ã€å»ºè®¾è¿è¥ç‰æœåŠ¡ã€‚">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="screen-orientation" content="portrait">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="shortcut icon" type="image/x-icon" href="/uploads/images/20241213/20241213112401d19f17300.png">
<link rel="icon" type="image/x-icon" href="/uploads/images/20241213/20241213112401d19f17300.png">
<link rel="stylesheet" type="text/css" href="/css/libs/animate.min.css">
<link rel="stylesheet" type="text/css" href="/css/libs/swiper.min.css">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<script type="text/javascript" src="/js/libs/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<!--首页的-->
<script type="text/javascript" src="/js/index.js"></script>
<link rel="stylesheet" href="/css/fonts/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="/css/home-banner.css">
<link rel="stylesheet" type="text/css" href="/css/header.css">
<!--产å“çš„-->
<link rel="stylesheet" type="text/css" href="/css/page.css">
<script type="text/javascript" src="/js/libs/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/libs/swiper.jquery.min.js"></script>
<script type="text/javascript" src="/js/libs/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="/js/libs/swiper.animate.min.js"></script>
<script type="text/javascript" src="/js/libs/wow.min.js" ></script>
<script type="text/javascript" src="/js/libs/jquery.mousewheel.min.js" ></script>
<script type="text/javascript" src="/js/libs/video.min.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?bebec8a1ff888808bb78e403a0e7280e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body class="full">
<link rel="stylesheet" type="text/css" href="/css/screen_768.css">
<link rel="stylesheet" type="text/css" href="/css/screen_1024.css">
<div class="header-warp">
<div class="g-inner">
<!--å·¦ä¾§å›¾æ ‡-->
<!--<a href="/index.html" class="column-center header-logo">-->
<div class="cs-img column-center header-logo" style="display:flex;" id="titleText">
<a href="/" data-link="index"><img style="width:120%;" src="https://www.jrt-memos.com/uploads/images/20231027/20231027170703e55b01726.png" class="black"></a>
<a href="/" data-link="index"><img style="width:120%;" src="/uploads/images/20231027/20231027170703ecd050923.png" class="white"></a>
<!--<img style="width:260px;height: 32px" src="https://www.jrt-memos.com/uploads/images/20231027/20231027170703e55b01726.png" class="black">-->
<!--<img style="width:260px;height: 32px" src="/uploads/images/20231027/20231027170703ecd050923.png" class="white">-->
</div>
<!--</a>-->
<!--移动端æœç´¢-->
<div class="mobile-seach">
<div class="mobile-seach-input-div" >
<i class="icon-search2" id="icon-search-mobile2"/></i>
<input class='mobile-seach-input' id="search_header_mobile" autocomplete="off" />
</div>
<div class="icon-search-box clickHide">
<i class="icon-search" id="icon-search-mobile" /></i>
</div>
<!--下拉èœå•ã€æŒ‰é’®ã€‘-->
<div class="header-content-btn" style="position:static;">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!--pcæœç´¢-->
<div class="header-content">
<div class="header-search">
<div class="item lang "><a href="https://www.jiarong.com/" target="_blank">
<!--<i class="icon-lang"></i>-->
<span>EN</span></a> </div>
<div class="item searchOpen">
<i class="icon-search" id="icon-search"></i><!--<span id="searchkey">æœç´¢</span>-->
<div class="" id="search">
<input class='input' id="search_header_pc" value="" autocomplete="off" />
</div>
</div>
</div>
<!--下拉èœå•ã€åˆ—表】-->
<div class="header-inner">
<div style="cursor: pointer;" class="header-inner-item">
<div>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/" data-link="index">首页</a>
</div>
</div>
<div class='phone-click'>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/about" data-link="关于嘉戎">关于嘉戎</a>
<div class="sbs" data-child-index="0">
<span class="sb-right csc" ></span>
<span class="iconfont img_s" ></span>
</div>
</div>
<div class="subMenu" data-child-index="0">
<div class="subItem">
<!--window.open href="/about"-->
<!--<div class="paths-" data-img="/about">å…¬å¸ç®€ä»‹</div>-->
<a href="/about" >å…¬å¸ç®€ä»‹</a>
<!--window.open href="/about#honor"-->
<!--<div class="paths-" data-img="/about#honor">è£èª‰èµ„è´¨</div>-->
<a href="/about#honor" >è£èª‰èµ„è´¨</a>
<!--window.open href="/about#research"-->
<!--<div class="paths-" data-img="/about#research">ç ”å‘创新</div>-->
<a href="/about#research" >ç ”å‘创新</a>
<!--window.open href="/about#culture"-->
<!--<div class="paths-" data-img="/about#culture">ä¼ä¸šæ–‡åŒ–</div>-->
<a href="/about#culture" >ä¼ä¸šæ–‡åŒ–</a>
<!--window.open href="/about#history"-->
<!--<div class="paths-" data-img="/about#history">大事记</div>-->
<a href="/about#history" >大事记</a>
<!--window.open href="/recruitment"-->
<!--<div class="paths-" data-img="/recruitment">åŠ å…¥æˆ‘ä»¬</div>-->
<a href="/recruitment" >åŠ å…¥æˆ‘ä»¬</a>
<!--window.open href="/contact"-->
<!--<div class="paths-" data-img="/contact">è”系我们</div>-->
<a href="/contact" >è”系我们</a>
<!--window.open href="/responsibility"-->
<!--<div class="paths-" data-img="/responsibility">社会责任</div>-->
<a href="/responsibility" >社会责任</a>
<!--window.open href="http://59.57.248.242:6212/user/login?type=GYS"-->
<!--<div class="paths-" data-img="http://59.57.248.242:6212/user/login?type=GYS">采è´å¹³å°</div>-->
<a href="http://59.57.248.242:6212/user/login?type=GYS" >采è´å¹³å°</a>
</div>
</div>
</div>
<div class='phone-click'>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/productType/1" data-link="膜产å“">膜产å“</a>
<div class="sbs" data-child-index="1">
<span class="sb-right csc" ></span>
<span class="iconfont img_s" ></span>
</div>
</div>
<div class="subMenu" data-child-index="1">
<div class="subItem">
<!--window.open href="/productinfo/1"-->
<!--<div class="paths-" data-img="/productinfo/1">DT膜</div>-->
<a href="/productinfo/1" >DT膜</a>
<!--window.open href="/productinfo/2"-->
<!--<div class="paths-" data-img="/productinfo/2">ST膜</div>-->
<a href="/productinfo/2" >ST膜</a>
<!--window.open href="/productinfo/8"-->
<!--<div class="paths-" data-img="/productinfo/8">UNISOLè€é…¸ç¢±è†œ</div>-->
<a href="/productinfo/8" >UNISOLè€é…¸ç¢±è†œ</a>
<!--window.open href="/productinfo/4"-->
<!--<div class="paths-" data-img="/productinfo/4">管å¼è¶…滤膜</div>-->
<a href="/productinfo/4" >管å¼è¶…滤膜</a>
<!--window.open href="/productinfo/6"-->
<!--<div class="paths-" data-img="/productinfo/6">å¹³æ¿MBR</div>-->
<a href="/productinfo/6" >å¹³æ¿MBR</a>
<!--window.open href="/productinfo/3"-->
<!--<div class="paths-" data-img="/productinfo/3">å·å¼è†œ</div>-->
<a href="/productinfo/3" >å·å¼è†œ</a>
<!--window.open href="/productinfo/12"-->
<!--<div class="paths-" data-img="/productinfo/12">膜片</div>-->
<a href="/productinfo/12" >膜片</a>
<!--window.open href="/productType/4"-->
<!--<div class="paths-" data-img="/productType/4">é…件åŠè¯å‰‚</div>-->
<a href="/productType/4" >é…件åŠè¯å‰‚</a>
</div>
</div>
</div>
<div class='phone-click'>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/productType/2" data-link="æˆå¥—设备">æˆå¥—设备</a>
<div class="sbs" data-child-index="2">
<span class="sb-right csc" ></span>
<span class="iconfont img_s" ></span>
</div>
</div>
<div class="subMenu" data-child-index="2">
<div class="subItem">
<!--window.open href="/productinfo/5"-->
<!--<div class="paths-" data-img="/productinfo/5">MVRè’¸å‘器</div>-->
<a href="/productinfo/5" >MVRè’¸å‘器</a>
<!--window.open href="/productinfo/9"-->
<!--<div class="paths-" data-img="/productinfo/9">低温真空蒸å‘器</div>-->
<a href="/productinfo/9" >低温真空蒸å‘器</a>
<!--window.open href="/productinfo/10"-->
<!--<div class="paths-" data-img="/productinfo/10">集装箱å¼æ±¡æ°´å¤„ç†è®¾å¤‡</div>-->
<a href="/productinfo/10" >集装箱å¼æ±¡æ°´å¤„ç†è®¾å¤‡</a>
<!--window.open href="/productinfo/11"-->
<!--<div class="paths-" data-img="/productinfo/11">撬装å¼é«˜å€æµ“缩膜设备</div>-->
<a href="/productinfo/11" >撬装å¼é«˜å€æµ“缩膜设备</a>
<!--window.open href="/productinfo/13"-->
<!--<div class="paths-" data-img="/productinfo/13">管å¼è¶…滤膜æˆå¥—设备</div>-->
<a href="/productinfo/13" >管å¼è¶…滤膜æˆå¥—设备</a>
<!--window.open href="/productinfo/14"-->
<!--<div class="paths-" data-img="/productinfo/14">ä¸è½¬ç«™æ¸—滤液处ç†è®¾å¤‡</div>-->
<a href="/productinfo/14" >ä¸è½¬ç«™æ¸—滤液处ç†è®¾å¤‡</a>
</div>
</div>
</div>
<div class='phone-click'>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/solution" data-link="解决方案">解决方案</a>
<div class="sbs" data-child-index="3">
<span class="sb-right csc" ></span>
<span class="iconfont img_s" ></span>
</div>
</div>
<div class="subMenu" data-child-index="3">
<div class="subItem">
<!--window.open href="/solutioninfo/3"-->
<!--<div class="paths-" data-img="/solutioninfo/3">高ç›åº¦å·¥ä¸šåºŸæ°´å¤„ç†</div>-->
<a href="/solutioninfo/3" >高ç›åº¦å·¥ä¸šåºŸæ°´å¤„ç†</a>
<!--window.open href="/solutioninfo/5"-->
<!--<div class="paths-" data-img="/solutioninfo/5">酸碱贵é‡é‡‘属资æºåŒ–回收</div>-->
<a href="/solutioninfo/5" >酸碱贵é‡é‡‘属资æºåŒ–回收</a>
<!--window.open href="/solutioninfo/1"-->
<!--<div class="paths-" data-img="/solutioninfo/1">渗滤液全é‡åŒ–处ç†</div>-->
<a href="/solutioninfo/1" >渗滤液全é‡åŒ–处ç†</a>
<!--window.open href="/solutioninfo/4"-->
<!--<div class="paths-" data-img="/solutioninfo/4">渗滤液å‡é‡åŒ–处ç†</div>-->
<a href="/solutioninfo/4" >渗滤液å‡é‡åŒ–处ç†</a>
</div>
</div>
</div>
<div class='phone-click'>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/service" data-link="专业æœåŠ¡">专业æœåŠ¡</a>
<div class="sbs" data-child-index="4">
<span class="sb-right csc" ></span>
<span class="iconfont img_s" ></span>
</div>
</div>
<div class="subMenu" data-child-index="4">
<div class="subItem">
<!--window.open href="/serviceinfo/5"-->
<!--<div class="paths-" data-img="/serviceinfo/5">工程建设</div>-->
<a href="/serviceinfo/5" >工程建设</a>
<!--window.open href="/serviceinfo/6"-->
<!--<div class="paths-" data-img="/serviceinfo/6">项目è¿è¥</div>-->
<a href="/serviceinfo/6" >项目è¿è¥</a>
</div>
</div>
</div>
<div class='phone-click'>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/after-sales" data-link="技术支æŒ">技术支æŒ</a>
<div class="sbs" data-child-index="5">
<span class="sb-right csc" ></span>
<span class="iconfont img_s" ></span>
</div>
</div>
<div class="subMenu" data-child-index="5">
<div class="subItem">
<!--window.open href="/after-sales"-->
<!--<div class="paths-" data-img="/after-sales">å”®åŽæœåŠ¡</div>-->
<a href="/after-sales" >å”®åŽæœåŠ¡</a>
<!--window.open href="/retrofit"-->
<!--<div class="paths-" data-img="/retrofit">è®¾å¤‡æ”¹é€ </div>-->
<a href="/retrofit" >è®¾å¤‡æ”¹é€ </a>
</div>
</div>
</div>
<div class='phone-click'>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/newsType/1" data-link="新闻资讯">新闻资讯</a>
<div class="sbs" data-child-index="6">
<span class="sb-right csc" ></span>
<span class="iconfont img_s" ></span>
</div>
</div>
<div class="subMenu" data-child-index="6">
<div class="subItem">
<!--window.open href="/newsType/1"-->
<!--<div class="paths-" data-img="/newsType/1">å…¬å¸æ–°é—»</div>-->
<a href="/newsType/1" >å…¬å¸æ–°é—»</a>
<!--window.open href="/newsType/2"-->
<!--<div class="paths-" data-img="/newsType/2">行业新闻</div>-->
<a href="/newsType/2" >行业新闻</a>
<!--window.open href="/newsType/3"-->
<!--<div class="paths-" data-img="/newsType/3">展会动æ€</div>-->
<a href="/newsType/3" >展会动æ€</a>
</div>
</div>
</div>
<div class='phone-click'>
<div class="subLogoView">
<img src="/images/dot.png" class="subLogoImg">
<a href="/investorType/7" data-link="投资者关系">投资者关系</a>
<div class="sbs" data-child-index="7">
<span class="sb-right csc" ></span>
<span class="iconfont img_s" ></span>
</div>
</div>
<div class="subMenu" data-child-index="7">
<div class="subItem">
<!--window.open href="/investorType/7"-->
<!--<div class="paths-" data-img="/investorType/7">投资公告</div>-->
<a href="/investorType/7" >投资公告</a>
<!--window.open href="https://irm.cninfo.com.cn/ircs/search?keyword=301148"-->
<!--<div class="paths-" data-img="https://irm.cninfo.com.cn/ircs/search?keyword=301148">投资者互动</div>-->
<a href="https://irm.cninfo.com.cn/ircs/search?keyword=301148" >投资者互动</a>
<!--window.open href="https://www.investor.org.cn/"-->
<!--<div class="paths-" data-img="https://www.investor.org.cn/">投教专æ </div>-->
<a href="https://www.investor.org.cn/" >投教专æ </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.solution .item {
background-image: url(https://www.jrt-memos.com/uploads/images/20240305/2024030515271781a496103.jpg);
}
.solution .item:nth-child(2) {
background-image: url(https://www.jrt-memos.com/uploads/images/20240305/2024030515271713a8e7476.jpg);
}
.solution .item:nth-child(3) {
background-image: url(https://www.jrt-memos.com/uploads/images/20240305/2024030515271751ecd3995.jpg);
}
.solution .item:nth-child(4) {
background-image: url(https://www.jrt-memos.com/uploads/images/20240305/20240305152717683614069.jpg);
}
.solution .item.active {
width: 40%;
background: none;
}
#swiper-video{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
vertical-align: baseline;
display: inline-block;
z-index: 66;
}
body{ filter: none;}
.soluView .soluText{
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
overflow:hidden;
text-overflow:ellipsis;
}
.technology-right .palyVideo{
background: url(../images/video.jpg) no-repeat;
background-size: cover;
border-radius: 200px 0 0 0;
}
@media(min-width:1200px){
.text-ell{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.footer-warp{
font-size: 14px !important;
}
.top-news .g-inner{
padding: 0 40px;
box-sizing: border-box;
}
.news-mobile{
display: none;
}
.topNews,
.top-news{
height: auto;
}
.news-pc{
/*width: 100vw;*/
height: 80px;
position: position;
bottom: 0;
left: 0;
z-index: 3;
background-color: rgba(0, 0, 0, 0.5);
/*padding: 20px 80px 20px 80px;*/
padding: 10px 80px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
/*align-items: center;*/
overflow: hidden;
}
}
@media (max-width: 1200px) {
.copyright-left{
font-size: 12px;
}
.news-mobile{
width: 100%;
height: 70px;
font-size: 16px;
line-height:26px;
background: rgba(128, 128, 128, 0.5);
position: absolute;
bottom: 0;
left: 0;
z-index: 80;
}
.new-main{
display: -webkit-box;
-webkit-line-clamp: 2; /* é™å®šæ˜¾ç¤ºçš„行数 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; /* 当文本溢出时显示çœç•¥å· */
}
.topNews{
height: 100px;
}
.news-pc{
display: none;
}
}
@media (min-width: 500px) {
/*.swiper-zhuanye{*/
/* display: none;*/
/*}*/
}
@media (min-width: 1024px) {
.swiper-zhuanye-box{
display: none;
}
.yd_view{
display: none !important;
}
.pc_view{
display: flex !important;
}
/*.swiper-zhuanye{*/
/* display: block;*/
/*}*/
/*.application-right{*/
/* display: none;*/
/*}*/
}
.pc-dian-pup{
display: none;
}
.dian-pup{
width:100%;
height:100%;
margin:0 auto;
background:rgba(0,0,0,0);
color:#fff;
position:absolute;
z-index: 67;
}
.dian-pup a{
display: none;
z-index: 1;
color: #fff;
}
.dian-pup div:hover a{
display: inline-block;
}
.dian-pup span{
display:block;
padding:15px;
box-sizing: border-box;
font-size: 17px;
border-radius: 14px;
background: rgba(0,64,159, 0.7);
position:absolute;
white-space: nowrap;
box-shadow:
/* 上é¢çš„阴影 */
0 -10px 5px -5px rgba(0, 0, 0, 0.2),
/* 左边的阴影 */
-10px 0 5px -5px rgba(0, 0, 0, 0.2),
/* 下é¢çš„阴影 */
0 10px 5px -5px rgba(0, 0, 0, 0.2);
}
.dian-pup>div{
width: 18px;
height: 18px;
background: #fff;
border: 7px solid #001eb4;
border-radius: 50%;
position: absolute;
cursor: pointer;
translate: none;
rotate: none;
scale: none;
opacity: 1;
transform: translate(0px, 0px);
z-index: 99;
}
@keyframes boderM {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0
}
20% {
opacity: 1
}
75% {
transform: translate(-50%, -50%) scale(2);
opacity: 0
}
100% {
opacity: 0
}
}
.dian-pup div::before,
.dian-pup div::after {
animation: boderM 3s infinite;
}
.dian-pup div::before,
.dian-pup div::after{
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
z-index: 100;
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
border-radius: 50%;
background: rgba(0, 30, 180, 0.2);
}
.dian1{
top: 50%;
left: 10%;
}
.dian2{
top: 15%;
left: 35%;
}
.dian3{
top: 14.5%;
left: 40.5%;
}
.dian4{
top: 37%;
left: 50%;
}
.dian5{
top: 66%;
left: 68%;
}
.dian6{
top: 29%;
left: 69%;
}
.dian7{
top: 35%;
left: 75%;
}
.dian8{
top: 31%;
left: 79.3%;
}
.dian9{
top: 63%;
left: 84.5%;
}
.dian10{
top:18.6%;
left: 28.6%;
}
.application-page i{
width: 56px;
height: 56px;
display: inline-block;
background: url(./images/123.png) no-repeat;
background-size: contain;
cursor: pointer;
}
.application-page i:last-child{
margin-left: 10px;
}
.application-page i:hover {
background-image: url(./images/frame_hover.png);
}
.flex-center{
display: flex;
align-items: center;
}
.flex-center span{
font-size: 18px;
font-weight: bold;
}
.application-tab-fil{
padding: 15px;
width: 200px;
background: rgba(255,255,255, 0.2);
margin-bottom: 20px ;
border-radius: 8px;
}
.application-tab{
width: 100%;
}
.application-tabs .item{
padding: 10px 15px;
text-align: center;
}
.application-tabs .item.active {
/*background-image: url(../images/green.jpg);*/
color: #FFFFFF;
background-color: rgb(108 170 1/0.7);
}
@media (max-width: 1023px) {
.swiper-zhuanye{
display: block;
}
.application-right{
display: none;
}
.leftBtn,.rightBtn{
display: none !important;
}
.application-tab-fil{
display: flex;
height: 40px;
padding: 15px 0;
}
.application-tab-fil .application-tab{
flex-direction: row;
align-items: baseline;
}
.application-tab-fil .application-tab .item{
/*height: 100px;*/
padding: 10px;
border: 1px solid #c1c1c1;
}
.application-tab-fil .application-tab .item.active{
/*height: 100px;*/
border: 1px solid #65A500;
}
.application-page{
margin-top: 10px;
}
.application-tab-fil .application-tab p{
font-size: 16px;
}
.yd_view{
display: flex !important;
}
.pc_view{
display: none !important;
}
}
</style>
<div class="index-banner">
<div class="swiper-container topBanner swiper" >
<div class="swiper-wrapper">
<div class="swiper-slide imgg" style="height:100%;">
<div style="height:auto;">
<div class="dian-pup pc-dian-pup" >
<div class="dian1">
<a href="/productinfo_3/4"><span style="top: 15px;left: -60px;">MEMOS管å¼è¶…滤膜</span></a>
</div>
<div class="dian2"><a href="solutioninfo/1"><span style="top: 15px;left: -85px;">渗滤液全é‡åŒ–处ç†è§£å†³æ–¹æ¡ˆ</span></a></div>
<div class="dian3"><a href="/productinfo/5"><span style="top: 15px;">高效蒸å‘器</span></a></div>
<div class="dian4"><a href="/about"><span style="top: 15px;left: -27px;">关于嘉戎</span></a></div>
<div class="dian5"><a href="/productType/1"><span style="top: 15px;left: -27px;">特ç§è†œç»„件</span></div>
<div class="dian6"><a href="/solutioninfo/3"><span style="top: -60px;left: -105px;">工业废水近零排放解决方案</span></a></div>
<div class="dian7"><a href="/productinfo/11"><span style="top: 15px;left: -65px;">撬装å¼é«˜å€æµ“缩膜设备</span></a></div>
<div class="dian8"><a href="/productinfo_2/16"><span style="top: 15px;left: -34px;">膜清洗è¯å‰‚</span></a></div>
<div class="dian9"><a href="/solutioninfo/2"><span style="top: 15px;left: -70px;">ä¸è½¬ç«™/é¤åŽ¨æ¸—滤液处ç†</span></a></div>
<div class="dian10"><a href="/productinfo/10"><span style="top: 15px;left: -70px;">集装箱å¼æ±¡æ°´å¤„ç†è®¾å¤‡</span></a></div>
<video id="swiper-video" width="100%" muted autoplay="autoplay" preload="atuo" playsinline="true" loop src="https://www.jrt-memos.com/uploads/video/20231116/202311161610079d7fe2717.mp4" poster="../images/bj.png" x5-video-player-type="h5">
</video>
<img src="../images/bj.png" style="width:100%;"/>
</div>
</div>
</div>
<!--<div class="swiper-slide videoo" style="position: relative;">-->
<!--<div -->
<!-- class="dian-pup"-->
<!-- style="-->
<!-- width:1608px;-->
<!-- height:1018px;-->
<!-- margin:0 auto;-->
<!-- background:rgba(0,0,0,0.5);-->
<!-- display:flex;-->
<!-- justify-content:space-between;-->
<!-- align-items:center;-->
<!-- color:#fff;-->
<!-- position:absolute;-->
<!-- ">-->
<!-- <div class="dian1">111111</div>-->
<!-- <div class="dian2">222222</div>-->
<!--</div>-->
<!--<video width="100%" muted autoplay loop src="https://www.jrt-memos.com/uploads/video/20231116/202311161610079d7fe2717.mp4">-->
<!--</div>-->
<div class="swiper-slide imgg" style="height:100%;">
<div style="height:auto;">
<img class="swiper-item-img" style="width:100%" src="https://www.jrt-memos.com/uploads/images/20231011/2023101111373384e0b5786.jpg" alt="" />
<div class="topBanner-content">
<div class="g-inner">
<h4 class="wow slideInUp">åªä¸ºä¸–ç•Œæ›´åŠ æ¸…æ´</h4>
<h5 class="wow slideInUp" data-wow-delay=".1s">MAKE THE WORLD CLEANER</h5>
<a href="/responsibility" class="ahreaf">
<div class="top-button"><span>进一æ¥äº†è§£</span><img src="./images/top-button-icon.png"></div>
</a>
</div>
</div>
</div>
</div>
<!--<div class="swiper-slide videoo" style="position: relative;">-->
<!--<div -->
<!-- class="dian-pup"-->
<!-- style="-->
<!-- width:1608px;-->
<!-- height:1018px;-->
<!-- margin:0 auto;-->
<!-- background:rgba(0,0,0,0.5);-->
<!-- display:flex;-->
<!-- justify-content:space-between;-->
<!-- align-items:center;-->
<!-- color:#fff;-->
<!-- position:absolute;-->
<!-- ">-->
<!-- <div class="dian1">111111</div>-->
<!-- <div class="dian2">222222</div>-->
<!--</div>-->
<!--<video width="100%" muted autoplay loop src="">-->
<!--</div>-->
</div>
</div>
<!--pc-->
<div class="news-pc top-news fullNews wow slideInUp">
<div class="g-inner" style="overflow:hidden;" >
<!--左边-->
<a href="news.html"><img src="/static/images/news.png"/>
<!--å³è¾¹-->
<div class="swiper-container swiper-pc topNews" style="">
<div class="swiper-wrapper " style="height:100%;display:flex;align-items:center;">
<div class="top-news-con swiper-slide" style="display:flex;">
<a href="https://mp.weixin.qq.com/s/fnzRrL7LLBErimyD0iHYEQ" class="item" style="height:100px;" target="_blank">
<div class="time">07-18</div>
<h3 class="text-ell">å…±èšå†°åŸŽ | 嘉戎技术精彩亮相东北三çœçŽ¯å«å±•!</h3>
</a>
<a href="https://mp.weixin.qq.com/s/IRL7qZ60Kijg9AW3mZm-Ag" class="item" style="height:100px;" target="_blank">
<div class="time">07-12</div>
<h3 class="text-ell">é‡ç£…喜讯ï¼å˜‰æˆŽæŠ€æœ¯æ¦†æ¨ªå·¥ä¸šåŒºæµ“ç›æ°´å¤„置项目æˆåŠŸè¯•è¿è¥</h3>
</a>
<a href="https://mp.weixin.qq.com/s/fSuGCoP2ULVnummsj7mECw" class="item" style="height:100px;" target="_blank">
<div class="time">07-04</div>
<h3 class="text-ell">é’岛国际水大会&水展|嘉戎技术载誉å‰è¡Œï¼Œå…±æŽ¢æ°´ç§‘技未æ¥</h3>
</a>
</div>
<div class="top-news-con swiper-slide" style="display:flex;">
<a href="https://mp.weixin.qq.com/s/-T0hBuFiPPW0rzyvj_5w_A" class="item" style="height:100px;" target="_blank">
<div class="time">06-24</div>
<h3 class="text-ell">我们的å¤å‹‡è€…，客户的哆啦A梦丨嘉戎技术工程师å•æ™“辉的莫桑比克攻åšçºªå®ž</h3>
</a>
<a href="https://mp.weixin.qq.com/s/js02jSyo8_ZjDOnY4QeoiQ" class="item" style="height:100px;" target="_blank">
<div class="time">06-24</div>
<h3 class="text-ell">人人讲安全，个个会应急 | 安全生产月嘉戎在行动</h3>
</a>
<a href="https://mp.weixin.qq.com/s/YgBhHfIgvvepkb03SumDWg" class="item" style="height:100px;" target="_blank">
<div class="time">06-13</div>
<h3 class="text-ell">两万里跨境攻åšï¼Œä¸‰å昼夜铸就精å“丨嘉戎技术欧洲çªå‡»é˜Ÿä»¥æœåŠ¡èµ¢å¾—客户盛赞</h3>
</a>
</div>
<div class="top-news-con swiper-slide" style="display:flex;">
<a href="https://mp.weixin.qq.com/s/20mgXyilDXC5319sAaFs3A" class="item" style="height:100px;" target="_blank">
<div class="time">05-28</div>
<h3 class="text-ell">嘉戎技术助力清åŽå¤§å¦çŽ¯å¢ƒåšå£«è®ºå›ï¼Œèµ‹èƒ½çŽ¯ä¿é¢†åŸŸæ–°å‘展</h3>
</a>
<a href="https://mp.weixin.qq.com/s/xTUqS29rZYalKZDVaNkfZg" class="item" style="height:100px;" target="_blank">
<div class="time">04-23</div>
<h3 class="text-ell">资æºå¾ªçŽ¯æœ‰“膜”力 | 第26届ä¸å›½çŽ¯åšä¼šå˜‰æˆŽæŠ€æœ¯ä¸Žæ‚¨å…±è°‹ç»¿è‰²å‘展</h3>
</a>
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100px;" target="_blank">
<div class="time">03-05</div>
<h3 class="text-ell">åŠ æ‹¿å¤§é©»å¹¿å·žé¢†äº‹é¦†ä»£è¡¨å›¢èŽ…ä¸´å˜‰æˆŽæŠ€æœ¯ï¼Œå…±æŽ¢è†œæŠ€æœ¯åˆä½œæ–°æœºé‡</h3>
</a>
</div>
</div>
</div>
<div class="topNews-page"> <img src="images/up1.png" id="news-pc-prev">
<img src="images/down1.png" id="news-pc-next">
</div>
</div>
</div>
<!--mobile-->
<div class="news-mobile">
<div class="g-inner" style="display:flex;height:70px;padding:10px 0;box-sizing:border-box;">
<a href="news.html"><img style="width:40px;height:37px;margin-top:5px;" src="/static/images/news.png"></a>
<div class="swiper-container swiper-mobile" style="color:#fff;height:auto;">
<div class="swiper-wrapper ">
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">07-18</div>
<h3 class="text-ell new-main">å…±èšå†°åŸŽ | 嘉戎技术精彩亮相东北三çœçŽ¯å«å±•!</h3>
</div>
</a>
</div>
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">07-12</div>
<h3 class="text-ell new-main">é‡ç£…喜讯ï¼å˜‰æˆŽæŠ€æœ¯æ¦†æ¨ªå·¥ä¸šåŒºæµ“ç›æ°´å¤„置项目æˆåŠŸè¯•è¿è¥</h3>
</div>
</a>
</div>
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">07-04</div>
<h3 class="text-ell new-main">é’岛国际水大会&水展|嘉戎技术载誉å‰è¡Œï¼Œå…±æŽ¢æ°´ç§‘技未æ¥</h3>
</div>
</a>
</div>
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">06-24</div>
<h3 class="text-ell new-main">我们的å¤å‹‡è€…，客户的哆啦A梦丨嘉戎技术工程师å•æ™“辉的莫桑比克攻åšçºªå®ž</h3>
</div>
</a>
</div>
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">06-24</div>
<h3 class="text-ell new-main">人人讲安全，个个会应急 | 安全生产月嘉戎在行动</h3>
</div>
</a>
</div>
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">06-13</div>
<h3 class="text-ell new-main">两万里跨境攻åšï¼Œä¸‰å昼夜铸就精å“丨嘉戎技术欧洲çªå‡»é˜Ÿä»¥æœåŠ¡èµ¢å¾—客户盛赞</h3>
</div>
</a>
</div>
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">05-28</div>
<h3 class="text-ell new-main">嘉戎技术助力清åŽå¤§å¦çŽ¯å¢ƒåšå£«è®ºå›ï¼Œèµ‹èƒ½çŽ¯ä¿é¢†åŸŸæ–°å‘展</h3>
</div>
</a>
</div>
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">04-23</div>
<h3 class="text-ell new-main">资æºå¾ªçŽ¯æœ‰“膜”力 | 第26届ä¸å›½çŽ¯åšä¼šå˜‰æˆŽæŠ€æœ¯ä¸Žæ‚¨å…±è°‹ç»¿è‰²å‘展</h3>
</div>
</a>
</div>
<div class="top-news-con swiper-slide">
<a href="https://mp.weixin.qq.com/s/1U0Pi5rhMxFqSwkkucApeg" class="item" style="height:100%;">
<div style="color:#fff;display:flex;">
<div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">03-05</div>
<h3 class="text-ell new-main">åŠ æ‹¿å¤§é©»å¹¿å·žé¢†äº‹é¦†ä»£è¡¨å›¢èŽ…ä¸´å˜‰æˆŽæŠ€æœ¯ï¼Œå…±æŽ¢è†œæŠ€æœ¯åˆä½œæ–°æœºé‡</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="topBanner-pagination j-topBanner-pagination"></div>
</div>
<div class="technology">
<div class="video-wapper">
<div class="closeVideo"></div><video id="video" controls poster="images/video.jpg" src="https://www.jrt-memos.com/uploads/video/20231213/20231213150017015a41798.mp4"></video>
</div>
<div class="g-inner">
<div class="technology-left">
<div class="index-title">
<h3 class="wow slideInUp">
嘉戎技术 <div class="color-icon">
<span style="height: 28px">股票代ç ：</span>
<span style="height: 28px;padding-top: 5px">301148.SZ</span>
</div>
</h3>
<h4 class="wow slideInUp">JIARONG</h4>
<p class="wow slideInUp">专注高难度污废水处ç†ï¼Œä¸ºå®¢æˆ·æ供高端环ä¿è£…备和è¿è¥æœåŠ¡çš„高新技术ä¼ä¸šã€‚</p>
<div class="color-icon">
<span></span>
<span></span>
</div>
</div>
<div class="technology-detail">
<div class="item wow slideInUp">
<div class="circle">
<img src="https://www.jrt-memos.com/uploads/images/20231101/20231101160303950dc8450.png" style="width: 30px;height: 30px;border-radius: 50%;">
</div>
<p style="margin-left: 72px;">深耕高难度污废水处ç†è¶…过15年，专业且执ç€ï¼</p>
</div>
<div class="item wow slideInUp">
<div class="circle">
<img src="https://www.jrt-memos.com/uploads/images/20240809/20240809141428ab5866702.png" style="width: 30px;height: 30px;border-radius: 50%;">
</div>
<p style="margin-left: 72px;">专注特ç§è†œåˆ†ç¦»æŠ€æœ¯çš„产å“å¼€å‘与应用</p>
</div>
<div class="item wow slideInUp">
<div class="circle">
<img src="https://www.jrt-memos.com/uploads/images/20240809/202408091420086f8957496.png" style="width: 30px;height: 30px;border-radius: 50%;">
</div>
<p style="margin-left: 72px;">é›†ç ”å‘åˆ¶é€ ã€äº§å“销售ã€å·¥ç¨‹å»ºè®¾ã€è¿è¥ç»´æŠ¤ä¸ºä¸€ä½“。</p>
</div>
</div>
<a class="explorer-btn" href="/about">探索更多 +</a>
</div>
</div>
<div class="technology-right">
<div id="palyVideo" class="palyVideo"></div>
</div>
<div class="technology-info">
<div class="technology-info-left">
<div class="item pc_view pc_view">
<h3 class="wow slideInUp">工业å›åŒº</h3>
<p class="wow slideInUp"><i class="j-count3 number wow animate__fadeInUp" data-num="3">0</i><span>大</span></p>
</div>
<div class="item pc_view pc_view">
<h3 class="wow slideInUp">å›åŒºå 地é¢ç§¯</h3>
<p class="wow onenum"><i class="j-count3 number wow animate__fadeInUp" data-num="88000"> 0</i>+<span>m²</span></p>
</div>
<div class="item pc_view pc_view">
<h3 class="wow slideInUp">项目实施</h3>
<p class="wow slideInUp"><i class="j-count3 number wow animate__fadeInUp" data-num="600"> 0</i>+<span>个</span></p>
</div>
<div class="item pc_view pc_view">
<h3 class="wow slideInUp">高端环ä¿è£…备供货</h3>
<p class="wow slideInUp"><i class="j-count3 number wow animate__fadeInUp" data-num="800"> 0</i>+<span>套</span></p>
</div>
<div class="item yd_view">
<h3 class="wow slideInUp">工业å›åŒº</h3>
<p class="wow slideInUp"><i class="j-count3" data-num="3">3</i><span>大</span></p>
</div>
<div class="item yd_view yd_view">
<h3 class="wow slideInUp">å›åŒºå 地é¢ç§¯</h3>
<p class="wow slideInUp"><i class="j-count3" data-num="88000"> 88000</i>+<span>m²</span></p>
</div>
<div class="item yd_view yd_view">
<h3 class="wow slideInUp">项目实施</h3>
<p class="wow slideInUp"><i class="j-count3" data-num="600"> 600</i>+<span>个</span></p>
</div>
<div class="item yd_view yd_view">
<h3 class="wow slideInUp">高端环ä¿è£…备供货</h3>
<p class="wow slideInUp"><i class="j-count3" data-num="800">800</i>+<span>套</span></p>
</div>
</div>
<div class="technology-info-right">
<div class="item pc_view pc_view">
<h3 class="wow slideInUp">日处ç†æ±¡æ°´</h3>
<p class="wow slideInUp"><i class="j-count3 number wow animate__fadeInUp" data-num="100000"> 0 </i>+<span>å¨/天</span></p>
</div>
<div class="item yd_view yd_view">
<h3 class="wow slideInUp">日处ç†æ±¡æ°´</h3>
<p class="wow slideInUp"><i class="j-count3" data-num="100000">100000</i>+<span>å¨/天</span></p>
</div>
</div>
</div>
</div>
<div class="solution">
<div class="item active" >
<div class="solution-title wow slideInUp">高ç›åº¦å·¥ä¸šåºŸæ°´å¤„ç†</div>
<div class="solution-con">
<div class="index-title">
<h3 class="text-ell">嘉戎解决方案</h3>
<h4 class="text-ell">Solutions</h4>
<div class="color-icon"><span></span><span></span></div>
</div>
<div class="page">
<div class="span page-icon">01</div>
<div class="span "></div>
<div class="span "></div>
<div class="span "></div>
</div>
<div class="solution-detail">
<h3 class="wow slideInUp">高ç›åº¦å·¥ä¸šåºŸæ°´å¤„ç†</h3>
<p class="wow slideInUp">膜分离技术在工业废水处ç†å·¥è‰ºä¸çš„优势已越æ¥è¶Šæ˜Žæ˜¾ï¼Œå…¸åž‹å¦‚MBR膜生物å应器ã€çº³æ»¤è†œã€ç®¡å¼è†œã€é«˜åŽ‹å渗é€ã€åŒè†œæ³•åºŸæ°´å›žç”¨ç‰ï¼Œå¯ä»¥èŽ·å¾—ç¨³å®šè¾¾æ ‡çš„äº§æ°´æ°´è´¨ï¼Œå®žçŽ°åºŸæ°´çš„æ·±åº¦å¤„ç†å’Œå›žç”¨ã€‚</p>
<div class="icon-list">
</div>
</div>
<a class="explorer-btn wow slideInUp" href="/solutioninfo/3">探索更多 +</a>
</div>
</div>
<div class="item " >
<div class="solution-title wow slideInUp">酸碱贵é‡é‡‘属资æºåŒ–回收</div>
<div class="solution-con">
<div class="index-title">
<h3 class="text-ell">嘉戎解决方案</h3>
<h4 class="text-ell">Solutions</h4>
<div class="color-icon"><span></span><span></span></div>
</div>
<div class="page">
<div class="span "></div>
<div class="span page-icon">02</div>
<div class="span "></div>
<div class="span "></div>
</div>
<div class="solution-detail">
<h3 class="wow slideInUp">酸碱贵é‡é‡‘属资æºåŒ–回收</h3>
<p class="wow slideInUp">资æºåŒ–回收系统å¯ä»¥å¸®åŠ©æ¹¿æ³•å†¶é‡‘改善浸出ã€èƒå–ã€ç”µè§£ç‰å·¥è‰ºä»¥å›žæ”¶åˆ©ç”¨èµ„æºï¼›å¯ä»¥å¯¹å·¥ä¸šé…¸æ´—ã€ç¢±æ´—废液进行资æºåŒ–处ç†ä»¥å¾ªçŽ¯åˆ©ç”¨ï¼›å¯ä»¥åœ¨ç”µè§£ç”µç§¯è¿‡ç¨‹ä¸ï¼Œåšåˆ°é˜³æžæ¶²çš„é…¸ç›é«˜æ•ˆåˆ†ç¦»ï¼Œå®žçŽ°é˜³æžæ¶²çŸæµç¨‹å›žç”¨ã€‚</p>
<div class="icon-list">
</div>
</div>
<a class="explorer-btn wow slideInUp" href="/solutioninfo/5">探索更多 +</a>
</div>
</div>
<div class="item " >
<div class="solution-title wow slideInUp">渗滤液全é‡åŒ–处ç†</div>
<div class="solution-con">
<div class="index-title">
<h3 class="text-ell">嘉戎解决方案</h3>
<h4 class="text-ell">Solutions</h4>
<div class="color-icon"><span></span><span></span></div>
</div>
<div class="page">
<div class="span "></div>
<div class="span "></div>
<div class="span page-icon">03</div>
<div class="span "></div>
</div>
<div class="solution-detail">
<h3 class="wow slideInUp">渗滤液全é‡åŒ–处ç†</h3>
<p class="wow slideInUp">嘉戎技术全é‡åŒ–处ç†ç³»ç»ŸåŒ…括：TUF软化除硬设备ã€HPDT分ç›è®¾å¤‡ã€ä¸¤çº§DTROã€HPRO高å€æµ“缩设备ã€è’¸å‘åŠå›ºåŒ–设备ç‰ã€‚æ ¹æ®é¡¹ç›®å®žé™…水质情况设计ä¸åŒçš„工艺，实现污水全é‡åŒ–处ç†ã€‚</p>
<div class="icon-list">
</div>
</div>
<a class="explorer-btn wow slideInUp" href="/solutioninfo/1">探索更多 +</a>
</div>
</div>
<div class="item " >
<div class="solution-title wow slideInUp">渗滤液å‡é‡åŒ–处ç†</div>
<div class="solution-con">
<div class="index-title">
<h3 class="text-ell">嘉戎解决方案</h3>
<h4 class="text-ell">Solutions</h4>
<div class="color-icon"><span></span><span></span></div>
</div>
<div class="page">
<div class="span "></div>
<div class="span "></div>
<div class="span "></div>
<div class="span page-icon">04</div>
</div>
<div class="solution-detail">
<h3 class="wow slideInUp">渗滤液å‡é‡åŒ–处ç†</h3>
<p class="wow slideInUp">嘉戎技术以两级DTROä¸ºæ ¸å¿ƒçš„é›†è£…ç®±æˆ–æ’¬è£…æ¸—æ»¤æ¶²å¤„ç†è®¾å¤‡ï¼Œå…·æœ‰å“è´¨å¯é ã€æ€§èƒ½ç¨³å®šã€æ“作简便ã€äº§æ°´ç¨³å®šè¾¾æ ‡ç‰çªå‡ºä¼˜ç‚¹ï¼Œå·²æˆåŠŸåº”用于超过300个填埋场渗滤液处ç†é¡¹ç›®ã€‚</p>
<div class="icon-list">
</div>
</div>
<a class="explorer-btn wow slideInUp" href="/solutioninfo/4">探索更多 +</a>
</div>
</div>
</div>
<div class="product">
<img src="./images/xx.jpg" class="bg" alt="">
<div class="g-inner">
<div class="index-title">
<h3 class="wow slideInUp">å˜‰æˆŽæ ¸å¿ƒäº§å“</h3>
<h4 class="wow slideInUp">Core Products</h4>
<div class="color-icon"><span></span><span></span></div>
</div>
</div>
<div style="position: absolute;top: 600px;left: 0;width:100%;height:100px;background-color:rgb(239,245,255);"></div>
<div class="product-bottom">
<div class="product-tab g-inner handle-index-width">
<div class="item active">
<img src="https://www.jrt-memos.com/uploads/images/20231027/202310271502341e11b8724.png" class="wow slideInUp hexinimg IconIndex">
<div class="column-center">
<h3 class="wow slideInUp">膜产å“</h3>
<p class="wow slideInUp" style="margin-top:10px">
新一代高性能过滤膜组件<br>
性能优越，覆盖全é¢<br>
</p>
</div>
</div>
<div class="item ">
<img src="https://www.jrt-memos.com/uploads/images/20231027/202310271502345f4ac7260.png" class="wow slideInUp hexinimg IconIndex">
<div class="column-center">
<h3 class="wow slideInUp">æˆå¥—设备</h3>
<p class="wow slideInUp" style="margin-top:10px">
超滤ã€çº³æ»¤ã€å渗é€è†œæˆå¥—设备<br>
满足ä¸åŒéœ€æ±‚定制<br>
</p>
</div>
</div>
<div class="item ">
<img src="https://www.jrt-memos.com/uploads/images/20231221/20231221104649b15865434.png" class="wow slideInUp hexinimg IconIndex">
<div class="column-center">
<h3 class="wow slideInUp">é…件åŠè¯å‰‚</h3>
<p class="wow slideInUp" style="margin-top:10px">
全方ä½å¤‡å“é…件和清洗è¯å‰‚ä¿éšœ<br>
让设备è¿ä½œæ›´æŒä¹…ã€ä½¿ç”¨å¯¿å‘½æ›´é•¿<br>
</p>
</div>
</div>
</div>
<div class="product-con ">
<div class="swiperNew active banner0">
<div class="item nysg " id="nysg">
<a href="/productinfo/1" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20240428/202404281433498e4fe7015.png" id="scorll">
<p>DT膜</p>
</a>
<a href="/productinfo/2" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231122/20231122145424c9ca94252.png" id="scorll">
<p>ST膜</p>
</a>
<a href="/productinfo/8" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20240611/202406111432202220c9637.png" id="scorll">
<p>UNISOLè€é…¸ç¢±è†œ</p>
</a>
<a href="/productinfo/4" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231121/20231121154726900206238.png" id="scorll">
<p>管å¼è¶…滤膜</p>
</a>
<a href="/productinfo/6" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20240823/2024082317342839a196799.png" id="scorll">
<p>å¹³æ¿MBR</p>
</a>
<a href="/productinfo/3" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231116/20231116103103eed835414.png" id="scorll">
<p>å·å¼è†œ</p>
</a>
<a href="/productinfo/12" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231117/20231117142637eb8525061.png" id="scorll">
<p>膜片</p>
</a>
</div>
</div>
<div class="swiperNew banner1">
<div class="item nysg " id="nysg">
<a href="/productinfo/5" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231120/2023112015003419bac4255.png" id="scorll">
<p>I-FLASH MVRè’¸å‘器</p>
</a>
<a href="/productinfo/9" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231122/202311221156547cb292611.png" id="scorll">
<p>LEVA 低温真空蒸å‘器</p>
</a>
<a href="/productinfo/10" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231110/2023111013434670ac85764.png" id="scorll">
<p>集装箱å¼æ±¡æ°´å¤„ç†è®¾å¤‡</p>
</a>
<a href="/productinfo/11" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231110/2023111013590362e3e2944.png" id="scorll">
<p>撬装å¼é«˜å€æµ“缩膜设备</p>
</a>
<a href="/productinfo/13" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231110/202311101416592e1765236.png" id="scorll">
<p>管å¼è¶…滤膜æˆå¥—设备</p>
</a>
<a href="/productinfo/14" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231127/20231127105430c64690846.png" id="scorll">
<p>ä¸è½¬ç«™æ¸—滤液处ç†è®¾å¤‡</p>
</a>
</div>
</div>
<div class="swiperNew banner2">
<div class="item nysg " id="nysg">
<a href="/productinfo_2/15" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231121/20231121134952190397057.png" id="scorll">
<p>膜组件</p>
</a>
<a href="/productinfo_2/16" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231121/202311211346045bfdf2835.png" id="scorll">
<p>设备è¯å‰‚</p>
</a>
<a href="/productinfo_2/17" class="column-center"><img src="https://www.jrt-memos.com/uploads/images/20231117/20231117093510062ca5412.png" id="scorll">
<p>备å“é…件</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="application">
<div class="application-top">
<div class="application-left g-inner column-center">
<div>
<div class="index-title">
<h3 class="wow slideInUp">嘉戎专业æœåŠ¡</h3>
<h4 class="wow slideInUp">Services</h4>
<div class="color-icon"><span></span><span></span></div>
</div>
<div class="application-page">
<div class="application-tab-fil">
<div class="application-tab">
<div class="item active">
<p>工程建设</p>
</div>
<div class="item ">
<p>项目è¿è¥</p>
</div>
</div>
</div>
<i class="left leftBtn"></i>
<i class="rightBtn"></i>
<!--<img src="./images/123.png" class="left leftBtn">-->
<!--<img src="./images/123.png" class="rightBtn">-->
</div>
</div>
</div>
<!--===pc端轮æ’图===-->
<div class="application-right">
<div class="application-right-box column-center">
<div class="application-con swiper-list active">
<div class="nys">
<div class="item">
<img src="https://www.jrt-memos.com/uploads/images/20241023/202410231152186490b1675.jpg">
<h3 class="text-ell">渗滤液处ç†å·¥ç¨‹</h3>
<p class="text-ell">深耕垃圾渗滤液处ç†é¢†åŸŸè¶…过13年，拥有超过300个渗滤液处ç†è¡Œä¸šé¡¹ç›®æ¡ˆä¾‹ï¼Œæ˜¯ä¸€å®¶ä¸“注于膜工艺处ç†åžƒåœ¾æ¸—滤液的......</p>
<a href="/serviceinfo/5#sec1" class="explorer-btn">应用案例</a>
</div>
<div class="item">
<img src="https://www.jrt-memos.com/uploads/images/20250115/202501151638215d4835234.jpg">
<h3 class="text-ell">工业废水处ç†å·¥ç¨‹</h3>
<p class="text-ell">嘉戎技术以特ç§è†œåˆ†ç¦»æŠ€æœ¯ä¸ºæ ¸å¿ƒï¼Œåœ¨å›½å†…外æˆåŠŸå®žæ–½äº†è¶…过500个膜处ç†å·¥ç¨‹é¡¹ç›®ï¼Œä¾›åº”çš„DT/ST高压膜系统......</p>
<a href="/serviceinfo/5#sec2" class="explorer-btn">应用案例</a>
</div>
<div class="item">
<img src="https://www.jrt-memos.com/uploads/images/20240806/20240806163825156257326.jpg">
<h3 class="text-ell">填埋场生æ€ä¿®å¤å·¥ç¨‹</h3>
<p class="text-ell">嘉戎技术å¯ä¸ºå®¢æˆ·æ供填埋场å°åœºåŠç”Ÿæ€ä¿®å¤ã€æ²¼æ°”收集利用ã€åžƒåœ¾å¼€æŒ–ç›åˆ†ç‰æœåŠ¡ï¼Œå¹¶ä»¥ä¸°å¯Œçš„ç»éªŒä¸ºå®¢æˆ·......</p>
<a href="/serviceinfo/5#sec3" class="explorer-btn">应用案例</a>
</div>
</div>
</div>
<div class="application-con swiper-list ">
<div class="nys">
<div class="item">
<img src="https://www.jrt-memos.com/uploads/images/20240827/20240827114558d1f371857.jpg">
<h3 class="text-ell">污水处ç†è¿è¥</h3>
<p class="text-ell">æ供垃圾渗滤液ã€å·¥ä¸šåºŸæ°´ç‰é«˜éš¾åº¦æ±¡åºŸæ°´å¤„ç†ä¸“业化è¿è¥æœåŠ¡ï¼Œé‡‡å–设备租èµè¿è¥ã€å”®åŽå•çº¯è¿è¥......</p>
<a href="/serviceinfo/6#sec1" class="explorer-btn">应用案例</a>
</div>
<div class="item">
<img src="https://www.jrt-memos.com/uploads/images/20240823/2024082309495377f624136.jpg">
<h3 class="text-ell">尾渣填埋è¿è¥</h3>
<p class="text-ell">æ供专业的尾渣ã€åºŸæ¸£å¡«åŸ‹è¿è¥ï¼Œè¿˜å¯ä¸ºå®¢æˆ·æå‡çŽ°æœ‰æ•´ä½“方案，解决尾渣进场å‰ã€ä¸ã€åŽæœŸå„ç§æ½œåœ¨é—®é¢˜......</p>
<a href="/serviceinfo/6#sec2" class="explorer-btn">应用案例</a>
</div>
<div class="item">
<img src="https://www.jrt-memos.com/uploads/images/20231117/202311172105129df257387.jpg">
<h3 class="text-ell">垃圾填埋场è¿è¥</h3>
<p class="text-ell">æ供渗滤液导排和处ç†ã€æ¶²ä½ç®¡ç†ã€åœºå†…安全å«ç”Ÿç®¡ç†ã€äººå‘˜è¿›å‡ºç®¡ç†ã€å †ä½“稳定性检测ã€çŽ¯å¢ƒç›‘测ç‰ä¸“业è¿è¥......</p>
<a href="/serviceinfo/6#sec3" class="explorer-btn">应用案例</a>
</div>
</div>
</div>
</div>
</div>
<!--===移动端轮æ’图===-->
<div style="width:90%;margin:20px auto;overflow:hidden;" class="swiper-zhuanye-box">
<div class="swiper-zhuanye" >
<div class="swiper-wrapper active">
<div class="swiper-slide" >
<div class="item" style="margin: 0 10px;">
<img src="https://www.jrt-memos.com/uploads/images/20241023/202410231152186490b1675.jpg" style="width:100%;height:180px;border-radius:8px;">
<h3 class="text-ell" style="font-size:20px;font-weight:700;color: #313334;margin-top: 20px;">渗滤液处ç†å·¥ç¨‹</h3>
<p class="text-ell" style="font-size:12px;white-space: pre-wrap;color: #313334;margin-top: 10px;">深耕垃圾渗滤液处ç†é¢†åŸŸè¶…过13年，拥有超过300个渗滤液处ç†è¡Œä¸šé¡¹ç›®æ¡ˆä¾‹ï¼Œæ˜¯ä¸€å®¶ä¸“注于膜工艺处ç†åžƒåœ¾æ¸—滤液的......</p>
<a href="/casesinfo/5#sec1" class="explorer-btn" style="margin-top:30px;">应用案例</a>
</div>
</div>
<div class="swiper-slide" >
<div class="item" style="margin: 0 10px;">
<img src="https://www.jrt-memos.com/uploads/images/20250115/202501151638215d4835234.jpg" style="width:100%;height:180px;border-radius:8px;">
<h3 class="text-ell" style="font-size:20px;font-weight:700;color: #313334;margin-top: 20px;">工业废水处ç†å·¥ç¨‹</h3>
<p class="text-ell" style="font-size:12px;white-space: pre-wrap;color: #313334;margin-top: 10px;">嘉戎技术以特ç§è†œåˆ†ç¦»æŠ€æœ¯ä¸ºæ ¸å¿ƒï¼Œåœ¨å›½å†…外æˆåŠŸå®žæ–½äº†è¶…过500个膜处ç†å·¥ç¨‹é¡¹ç›®ï¼Œä¾›åº”çš„DT/ST高压膜系统......</p>
<a href="/casesinfo/5#sec2" class="explorer-btn" style="margin-top:30px;">应用案例</a>
</div>
</div>
<div class="swiper-slide" >
<div class="item" style="margin: 0 10px;">
<img src="https://www.jrt-memos.com/uploads/images/20240806/20240806163825156257326.jpg" style="width:100%;height:180px;border-radius:8px;">
<h3 class="text-ell" style="font-size:20px;font-weight:700;color: #313334;margin-top: 20px;">填埋场生æ€ä¿®å¤å·¥ç¨‹</h3>
<p class="text-ell" style="font-size:12px;white-space: pre-wrap;color: #313334;margin-top: 10px;">嘉戎技术å¯ä¸ºå®¢æˆ·æ供填埋场å°åœºåŠç”Ÿæ€ä¿®å¤ã€æ²¼æ°”收集利用ã€åžƒåœ¾å¼€æŒ–ç›åˆ†ç‰æœåŠ¡ï¼Œå¹¶ä»¥ä¸°å¯Œçš„ç»éªŒä¸ºå®¢æˆ·......</p>
<a href="/casesinfo/5#sec3" class="explorer-btn" style="margin-top:30px;">应用案例</a>
</div>
</div>
</div>
</div>
<div class="swiper-zhuanye" >
<div class="swiper-wrapper ">
<div class="swiper-slide" >
<div class="item" style="margin: 0 10px;">
<img src="https://www.jrt-memos.com/uploads/images/20240827/20240827114558d1f371857.jpg" style="width:100%;height:180px;border-radius:8px;">
<h3 class="text-ell" style="font-size:20px;font-weight:700;color: #313334;margin-top: 20px;">污水处ç†è¿è¥</h3>
<p class="text-ell" style="font-size:12px;white-space: pre-wrap;color: #313334;margin-top: 10px;">æ供垃圾渗滤液ã€å·¥ä¸šåºŸæ°´ç‰é«˜éš¾åº¦æ±¡åºŸæ°´å¤„ç†ä¸“业化è¿è¥æœåŠ¡ï¼Œé‡‡å–设备租èµè¿è¥ã€å”®åŽå•çº¯è¿è¥......</p>
<a href="/casesinfo/6#sec1" class="explorer-btn" style="margin-top:30px;">应用案例</a>
</div>
</div>
<div class="swiper-slide" >
<div class="item" style="margin: 0 10px;">
<img src="https://www.jrt-memos.com/uploads/images/20240823/2024082309495377f624136.jpg" style="width:100%;height:180px;border-radius:8px;">
<h3 class="text-ell" style="font-size:20px;font-weight:700;color: #313334;margin-top: 20px;">尾渣填埋è¿è¥</h3>
<p class="text-ell" style="font-size:12px;white-space: pre-wrap;color: #313334;margin-top: 10px;">æ供专业的尾渣ã€åºŸæ¸£å¡«åŸ‹è¿è¥ï¼Œè¿˜å¯ä¸ºå®¢æˆ·æå‡çŽ°æœ‰æ•´ä½“方案，解决尾渣进场å‰ã€ä¸ã€åŽæœŸå„ç§æ½œåœ¨é—®é¢˜......</p>
<a href="/casesinfo/6#sec2" class="explorer-btn" style="margin-top:30px;">应用案例</a>
</div>
</div>
<div class="swiper-slide" >
<div class="item" style="margin: 0 10px;">
<img src="https://www.jrt-memos.com/uploads/images/20231117/202311172105129df257387.jpg" style="width:100%;height:180px;border-radius:8px;">
<h3 class="text-ell" style="font-size:20px;font-weight:700;color: #313334;margin-top: 20px;">垃圾填埋场è¿è¥</h3>
<p class="text-ell" style="font-size:12px;white-space: pre-wrap;color: #313334;margin-top: 10px;">æ供渗滤液导排和处ç†ã€æ¶²ä½ç®¡ç†ã€åœºå†…安全å«ç”Ÿç®¡ç†ã€äººå‘˜è¿›å‡ºç®¡ç†ã€å †ä½“稳定性检测ã€çŽ¯å¢ƒç›‘测ç‰ä¸“业è¿è¥......</p>
<a href="/casesinfo/6#sec3" class="explorer-btn" style="margin-top:30px;">应用案例</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="application-tab">-->
<!-- -->
<!-- <div class="item active column-center">-->
<!-- <img src="https://www.jrt-memos.com/uploads/images/20231110/20231110102122461a96436.png" class="news-prev">-->
<!-- <img src="https://www.jrt-memos.com/uploads/images/20231110/20231110102122afd2a9064.png" class="active news-next ">-->
<!-- <p>工程建设</p>-->
<!--</div>-->
<!---->
<!-- <div class="item column-center">-->
<!-- <img src="https://www.jrt-memos.com/uploads/images/20231110/20231110102122287f31872.png" class="news-prev">-->
<!-- <img src="https://www.jrt-memos.com/uploads/images/20231110/20231110102122112843603.png" class="active news-next ">-->
<!-- <p>项目è¿è¥</p>-->
<!--</div>-->
<!---->
<!--</div>-->
<div class="join-us column-center">
<!--<img src="images/join-bg.jpg" alt="">-->
<div class="imsbg">
</div>
<div class="g-inner">
<div class="join-us-text column-center">
工信部“专精特新”å°å·¨äººä¼ä¸š</br>
国家ä¼ä¸šæŠ€æœ¯ä¸å¿ƒã€é«˜æ–°æŠ€æœ¯ä¼ä¸š</br>
</div>
<div class="item column-center pc_view">
<div class="flex-center"><h3 class="j-count2 number wow animate__fadeInUp" data-num="20">0</h3><span>+</span></div>
<p>亿元总资产累计</p>
</div>
<div class="item column-center pc_view">
<div class="flex-center"><h3 class="j-count2 number wow animate__fadeInUp" data-num="10">0 </h3><span>+</span></div>
<!--<h3 class="j-count2" data-num="10">0</h3>-->
<p>å¹´ä¸æ‡ˆåŠªåŠ›</p>
</div>
<div class="item column-center pc_view">
<!--<h3 class="j-count2" data-num="600">0</h3>-->
<div class="flex-center"><h3 class="j-count2 number wow animate__fadeInUp" data-num="600">0</h3><span>+</span></div>
<p>个丰富项目案例</p>
</div>
<div class="item column-center yd_view">
<div class="flex-center"><h3 class="j-count2 " data-num="20">20</h3><span>+</span></div>
<p>亿元总资产累计</p>
</div>
<div class="item column-center yd_view">
<div class="flex-center"><h3 class="j-count2 " data-num="10">10 </h3><span>+</span></div>
<!--<h3 class="j-count2" data-num="10">0</h3>-->
<p>å¹´ä¸æ‡ˆåŠªåŠ›</p>
</div>
<div class="item column-center yd_view">
<!--<h3 class="j-count2" data-num="600">0</h3>-->
<div class="flex-center"><h3 class="j-count2 " data-num="600">600</h3><span>+</span></div>
<p>个丰富项目案例</p>
</div>
<div class="column-center">
<a href="/recruitment" class="explorer-btn">åŠ å…¥æˆ‘ä»¬</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
// 检查窗å£å®½åº¦æ˜¯å¦å¤§äºŽ 1024 åƒç´
function scaleTo1920px() {
const designWidth = 1920; // 设计稿宽度
const screenWidth = window.screen.width; // 当å‰å±å¹•å®½åº¦
const scale = screenWidth / designWidth; // 计算缩放比例
if ($(window).width() > 1024) {
// 如果满足æ¡ä»¶ï¼Œé€‰æ‹© #aff-im-root å…ƒç´ å¹¶å°†å…¶ä»Ž DOM ä¸ç§»é™¤
$('#aff-im-root').children().hide();
}else{
$('#aff-im-root').children().show();
}
}
scaleTo1920px()
window.addEventListener('load', scaleTo1920px);
window.addEventListener('resize', scaleTo1920px);
$('.dian-pup div').on('click',function(){
window.location.href = $(this).children('a').attr('href')
})
const scrollHandle = ()=>{
if (isInViewPort($('.technology-info')[0])) {
if($('.j-count3.active').length==0){
$('.j-count3').addClass('active')
var num = $('.j-count3')
for(var i in num){
var c = parseInt(num.eq(i).attr('data-num'))
if(c){
count(num.eq(i))
}
}
}
}
if (isInViewPort($('.g-inner')[0])) {
if ($('.j-count.active').length == 0) {
$('.j-count').addClass('active')
var num = $('.j-count')
for (var i in num) {
var c = parseInt(num.eq(i).attr('data-num'))
if (c) {
count(num.eq(i))
}
}
}
}
}
if (typeof $(window).on === 'function') {
// $(window).on('scroll', scrollHandle)
} else if (window.addEventListener) {
// window.addEventListener('scroll', scrollHandle);
} else {
// console.log('æ— æ³•ç»‘å®šæ»šåŠ¨äº‹ä»¶ï¼Œè¯¥æµè§ˆå™¨ä¸æ”¯æŒ');
}
$('.header-warp').addClass('fullHeader');
loadHF(function () {});
bindEvent();
$(document).ready(function() {
$('.application-tab-fil .item').on('click',function(){
$(this).addClass('active').siblings().removeClass('active')
})
var video = $('#swiper-video')[0]; // 获å–原生的video DOM对象
// 监å¬è§†é¢‘å¯ä»¥æµç•…æ’放事件
video.addEventListener('canplaythrough', function() {
$('.pc-dian-pup').css('display','block')
video.play();
// 这里å¯ä»¥æ‰§è¡Œä½ 的逻辑，比如显示æ’放按钮ç‰
});
$('#swiper-video').on('click',function(){
var video = this;
video.play();
})
$('.pc-dian-pup div').hover(
function() { // é¼ æ ‡è¿›å…¥æ—¶çš„å¤„ç†
// $(this).find('a').stop().fadeIn(100);
},
function() { // é¼ æ ‡ç¦»å¼€æ—¶çš„å¤„ç†
// $(this).find('a').stop().fadeOut(500);
}
);
$('.application-page img').hover(
function() {
// é¼ æ ‡æ‚¬åœæ—¶
$(this).attr('src', './frame_hover.png');
},
function() {
// é¼ æ ‡ç¦»å¼€æ—¶
$(this).attr('src', './123.png');
}
);
$('.solution .item').hover(function () {
// var index = $(this).index()
// $(this).addClass('active').siblings().removeClass('active')
// $(this).find('.page').children().eq(index).addClass('page-icon')
// $(this).find('.page').children().eq(index).addClass('page-icon')
})
// var $carousel = $('.solution');
// var $slides = $carousel.find('.item');
// var slideCount = $slides.length;
// var slideWidth = $slides.first().outerWidth();
// var autoSlideInterval;
// $carousel.css('width', slideWidth * slideCount);
// function goToSlide(index) {
// $carousel.animate({
// 'margin-left': `-${index * slideWidth}`
// }, 500);
// }
// function startAutoSlide() {
// autoSlideInterval = setInterval(function() {
// var currentIndex = $slides.index($slides.filter('.current-slide'));
// var nextIndex = (currentIndex + 1) % slideCount;
// $slides.eq(currentIndex).removeClass('current-slide');
// $slides.eq(nextIndex).addClass('current-slide');
// goToSlide(nextIndex);
// }, 3000); // Change to desired interval
// }
// startAutoSlide();
// $carousel.on('mouseenter', function() {
// clearInterval(autoSlideInterval);
// }).on('mouseleave', function() {
// startAutoSlide();
// });
// let screenWidth = $(window).width();
// $('.dian-pup').css('width',`${screenWidth}px`)
// $(window).resize(()=> {
// let width = $(window).width();
// let height = $(window).height();
// $('.dian-pup').css('left',`-${(1608-width)/2}px`)
// console.log('åˆå§‹å±å¹•å®½åº¦: ' + screenWidth + 'px');
// console.log('窗å£å°ºå¯¸å·²æ”¹å˜: 宽度=' + width + ', 高度=' + height);
// })
});
$('.index-banner').height($(window).height())
$('.topBanner .swiper-item-img').height($(window).height())
window.addEventListener('resize', function(){
$('.index-banner').height($(window).height())
$('.topBanner .swiper-item-img').height($(window).height())
if($(window).width()<800)$('#swiper-video').css('min-heigth','800px')
});
// $('.topBanner video').height($(window).height())
var topBannerNum = $('.topBanner .swiper-slide').length
$('#topTotalPage').html('/ 0' + topBannerNum)
var bannerSwiper = new Swiper('.swiper', {
paginationClickable: true,
disableOnInteraction:false,
effect: "fade",
initialSlide: 0,
speed: 1000,
loop:true,
pagination: '.j-topBanner-pagination', onSlideChangeStart: function (swiper) {
var video = $('.swiper-slide-active video')
if(video.length>0){
$('.topBanner-content').hide()
}else {
$('.topBanner-content').show()
}
}
});
// initSwiper();
let stw=$(window).width();
if(stw>1200){
let newPcSwipr =new Swiper('.swiper-pc',{
loop:true,
direction: 'vertical',
height:500,
autoplay:3000
})
document.getElementById('news-pc-prev').addEventListener('click', function() {
newPcSwipr.slidePrev(); // 切æ¢åˆ°ä¸Šä¸€å¼ å¹»ç¯ç‰‡
});
document.getElementById('news-pc-next').addEventListener('click', function() {
newPcSwipr.slideNext(); // 切æ¢åˆ°ä¸‹ä¸€å¼ å¹»ç¯ç‰‡
});
function addDragable(el) {
let startX = 0;
let gapX = 0;
let startY = 0;
let gapY = 0;
el.addEventListener("mousedown", start);
el.addEventListener("mouseleave", stop);
function start(event) {
if (event.button == 0) {
gapX = event.clientX;
gapY = event.clientY;
startX = el.scrollLeft;
startY = el.scrollTop;
el.addEventListener("mousemove", move);
el.addEventListener("mouseup", stop);
}
return false;
}
function move(event) {
var left = event.clientX - gapX;
var top = event.clientY - gapY;
el.scrollTo(startX - left, startY - top);
return false;
}
function stop() {
el.removeEventListener("mousemove", move, false);
el.removeEventListener("mouseup", stop, false);
}
}
setTimeout(function() {
let box = document.querySelector('.product-con').querySelector('.active').querySelector('.nysg');
box.addEventListener('wheel',(event)=>{
event.preventDefault()
box.scrollLeft += event.deltaY
})
addDragable(box)
}, 10);
$('.product-tab .item').hover(function () {
let box = document.querySelector('.product-con').querySelector('.active').querySelector('.nysg');
box.addEventListener('wheel',(event)=>{
event.preventDefault()
box.scrollLeft += event.deltaY
})
addDragable(box)
})
// 2024-11-20 嘉戎专业æœåŠ¡æ–°å¢žé¼ æ ‡æ»šåŠ¨
// å‡åŽ»å·¦è¾¹è· 获得原始å˜é‡
let w = parseInt($('.application-con .item').width()) + 40;
let left = parseInt($('.application-right-box').css('left'))
let boxWidth = parseInt($('.application-right').width());
let curWidth = parseInt($('.application-con.active').width());
// 滚动处ç†
let wheelHandle = (e)=> {
e.preventDefault()
// å‘上滚动
let upWheel = ()=> {
let move
if (w + left > 0) {
move = 0
} else {
move = w + left
}
$('.application-right-box').css('left', move)
}
// å‘下滚动
let downWheel = ()=> {
let move
if (left - w < boxWidth - curWidth - boxWidth / 2) {
return
} else {
move = left - w
}
$('.application-right-box').css('left', move)
}
//判æ–æµè§ˆå™¨IE，谷æŒæ»‘轮事件
if (e.wheelDelta) {
if (e.wheelDelta > 0) {
//当滑轮å‘上滚动时
// console.log("å‘上滚动")
upWheel()
}else if(e.wheelDelta < 0){
// console.log("å‘下滚动")
downWheel()
}
} else if (e.detail) {
//Firefox滑轮事件
if (e.detail > 0) {
//当滑轮å‘上滚动时
// console.log("å‘上滚动")
upWheel()
}else if (e.detail < 0) {
//当滑轮å‘下滚动时
// console.log("å‘下滚动")
downWheel()
}
}
}
// 监å¬å¤„ç†
$('.application-con .nys').hover(
function () {
$('.application-con .nys')[0].addEventListener('wheel',wheelHandle)
$('.application-con .nys')[1].addEventListener('wheel',wheelHandle)
},
function(){
$('.application-con .nys')[0].removeEventListener('wheel',wheelHandle)
$('.application-con .nys')[1].removeEventListener('wheel',wheelHandle)
}
)
}else{
// console.log(stw)
let swHeight = 27
if(stw<600)swHeight = 120
let newswiprMobile =new Swiper('.swiper-mobile',{
loop:true,
direction: 'vertical',
height:swHeight,
autoplay:3000
})
}
if(stw<1000){
$('.solution').find('.wow').css('visibility','visible')
}
if(stw<=820){
var zhuanyeswiprMobile = new Swiper('.swiper-zhuanye',{
loop:true,
autoplay:3000
})
$('.swiper-zhuanye-box').children().eq(0).show().siblings().hide()
$('.application-tab .item').on('click',function () {
var index = $(this).index();
$('.swiper-zhuanye-box').children().eq(index).show().siblings().hide()
var zhuanyeswiprMobile = new Swiper('.swiper-zhuanye',{
loop:true,
autoplay:3000
})
// zhuanyeswiprMobile..slideNext();//切æ¢åˆ°ç¬¬ä¸€ä¸ªslide，速度为1秒
})
}
if(stw<=1024){
var zhuanyeswiprMobile = new Swiper('.swiper-zhuanye',{
loop:true,
autoplay:3000
})
$('.swiper-zhuanye-box').children().eq(0).show().siblings().hide()
$('.application-tabs .item').on('click',function () {
var index = $(this).index();
$('.swiper-zhuanye-box').children().eq(index).show().siblings().hide()
var zhuanyeswiprMobile = new Swiper('.swiper-zhuanye',{
loop:true,
autoplay:3000
})
// zhuanyeswiprMobile..slideNext();//切æ¢åˆ°ç¬¬ä¸€ä¸ªslide，速度为1秒
})
}
});
// function isInViewPort(element) {
// const viewWidth = window.innerWidth || document.documentElement.clientWidth;
// const viewHeight = window.innerHeight || document.documentElement.clientHeight;
// if(element.getBoundingClientRect){
// const {top,right,bottom,left} = element.getBoundingClientRect();
// let is = (parseInt(top) >= 0 &&parseInt(left) >= 0 &&parseInt(right) <= parseInt(viewWidth) &&parseInt(bottom) <= parseInt(viewHeight));
// // $('#titleText').html(`ä¸æ”¯æŒ${viewWidth},${viewHeight},<br/>${top},${right}<br/>,${bottom},${left}`)
// return is
// }else {
// const {top,right,bottom,left} = getClientRect(element);
// let is = (parseInt(top) >= 0 &&parseInt(left) >= 0 &&parseInt(right) <= parseInt(viewWidth) &&parseInt(bottom) <= parseInt(viewHeight));
// return is
// }
// }
function isInViewPort(element) {
// 获å–视å£çš„宽度和高度
const viewWidth = window.innerWidth || document.documentElement.clientWidth;
const viewHeight = window.innerHeight || document.documentElement.clientHeight;
// æ£€æŸ¥å…ƒç´ æ˜¯å¦æ”¯æŒ getBoundingClientRect 方法
if (element.getBoundingClientRect) {
// 获å–å…ƒç´ ç›¸å¯¹äºŽè§†å£çš„ä½ç½®ä¿¡æ¯
const { top, right, bottom, left } = element.getBoundingClientRect();
// 判æ–å…ƒç´ æ˜¯å¦å®Œå…¨åœ¨è§†å£å†…
return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight;
}
// 如果ä¸æ”¯æŒ getBoundingClientRect 方法，默认返回 false
return false;
}
function getOffset(element) {
let top = 0;
let left = 0;
while (element) {
top += element.offsetTop;
left += element.offsetLeft;
element = element.offsetParent;
}
return {
top: top,
left: left
};
}
function getClientRect(element) {
// è®¡ç®—å…ƒç´ ç›¸å¯¹äºŽæ–‡æ¡£çš„å移é‡
let offset = getOffset(element);
// 获å–文档的滚动ä½ç½®
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
let scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
// 获å–å…ƒç´ çš„å°ºå¯¸
let width = element.clientWidth;
let height = element.clientHeight;
// è®¡ç®—å…ƒç´ ç›¸å¯¹äºŽè§†å£çš„ä½ç½®åŠå®Œæ•´å±žæ€§
return {
top: offset.top - scrollTop,
left: offset.left - scrollLeft,
right: offset.left - scrollLeft + width,
bottom: offset.top - scrollTop + height
};
}
</script>
<style>
.new-box{
width: 100%;
height: 130px;
display: flex;
justify-content: ;
align-items: center;
background: rgba(128,128,128,0.5);
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
}
.top-news{
/*margin-top: -4px;*/
}
</style>
<div class="footer-warp">
<div class="jr-link" style="width: 80%;margin: 0 auto">
<div class="footer-con">
<div class="linkItem">
<span>
<a href="/about">关于嘉戎</a>
<span class="dianji" data-child-index="0"></span>
</span>
<span class="LinkItemMun">
<a href="/about">å…¬å¸ç®€ä»‹</a>
<a href="/about#honor">è£èª‰èµ„è´¨</a>
<a href="/about#research">ç ”å‘创新</a>
<a href="/about#culture">ä¼ä¸šæ–‡åŒ–</a>
<a href="/about#history">大事记</a>
<a href="/recruitment">åŠ å…¥æˆ‘ä»¬</a>
<a href="/contact">è”系我们</a>
<a href="/responsibility">社会责任</a>
<a href="http://59.57.248.242:6212/user/login?type=GYS">采è´å¹³å°</a>
</span>
</div>
<div class="linkItem">
<span>
<a href="/productType/1">膜产å“</a>
<span class="dianji" data-child-index="1"></span>
</span>
<span class="LinkItemMun">
<a href="/productinfo/1">DT膜</a>
<a href="/productinfo/2">ST膜</a>
<a href="/productinfo/8">UNISOLè€é…¸ç¢±è†œ</a>
<a href="/productinfo/4">管å¼è¶…滤膜</a>
<a href="/productinfo/6">å¹³æ¿MBR</a>
<a href="/productinfo/3">å·å¼è†œ</a>
<a href="/productinfo/12">膜片</a>
<a href="/productType/4">é…件åŠè¯å‰‚</a>
</span>
</div>
<div class="linkItem">
<span>
<a href="/productType/2">æˆå¥—设备</a>
<span class="dianji" data-child-index="2"></span>
</span>
<span class="LinkItemMun">
<a href="/productinfo/5">MVRè’¸å‘器</a>
<a href="/productinfo/9">低温真空蒸å‘器</a>
<a href="/productinfo/10">集装箱å¼æ±¡æ°´å¤„ç†è®¾å¤‡</a>
<a href="/productinfo/11">撬装å¼é«˜å€æµ“缩膜设备</a>
<a href="/productinfo/13">管å¼è¶…滤膜æˆå¥—设备</a>
<a href="/productinfo/14">ä¸è½¬ç«™æ¸—滤液处ç†è®¾å¤‡</a>
</span>
</div>
<div class="linkItem">
<span>
<a href="/solution">解决方案</a>
<span class="dianji" data-child-index="3"></span>
</span>
<span class="LinkItemMun">
<a href="/solutioninfo/3">高ç›åº¦å·¥ä¸šåºŸæ°´å¤„ç†</a>
<a href="/solutioninfo/5">酸碱贵é‡é‡‘属资æºåŒ–回收</a>
<a href="/solutioninfo/1">渗滤液全é‡åŒ–处ç†</a>
<a href="/solutioninfo/4">渗滤液å‡é‡åŒ–处ç†</a>
</span>
</div>
<div class="linkItem">
<span>
<a href="/service">专业æœåŠ¡</a>
<span class="dianji" data-child-index="4"></span>
</span>
<span class="LinkItemMun">
<a href="/serviceinfo/5">工程建设</a>
<a href="/serviceinfo/6">项目è¿è¥</a>
</span>
</div>
<div class="linkItem">
<span>
<a href="/after-sales">技术支æŒ</a>
<span class="dianji" data-child-index="5"></span>
</span>
<span class="LinkItemMun">
<a href="/after-sales">å”®åŽæœåŠ¡</a>
<a href="/retrofit">è®¾å¤‡æ”¹é€ </a>
</span>
</div>
<div class="linkItem">
<span>
<a href="/newsType/1">新闻资讯</a>
<span class="dianji" data-child-index="6"></span>
</span>
<span class="LinkItemMun">
<a href="/newsType/1">å…¬å¸æ–°é—»</a>
<a href="/newsType/2">行业新闻</a>
<a href="/newsType/3">展会动æ€</a>
</span>
</div>
<div class="linkItem">
<span>
<a href="/investorType/7">投资者关系</a>
<span class="dianji" data-child-index="7"></span>
</span>
<span class="LinkItemMun">
<a href="/investorType/7">投资公告</a>
<a href="https://irm.cninfo.com.cn/ircs/search?keyword=301148">投资者互动</a>
<a href="https://www.investor.org.cn/">投教专æ </a>
</span>
</div>
<div class="linkItem">
<span>
<a href="/about">关于嘉戎</a>
<span class="dianji" ></span>
</span>
<span class="LinkItemMun">
<a href="/join">åŠ å…¥æˆ‘ä»¬</a>
<a href="/contact">è”系我们</a>
<a href="/serverAfter">技术支æŒ</a>
<a href="/news">新闻资讯</a>
<a href="http://59.57.248.242:6212/user/login?type=GYs">采è´å¹³å°</a>
<a href="/investor">投资者关系</a>
<!--<a href="" target="_blank">采è´å¹³å°</a>-->
</span>
</div>
<div class="infoItem yc">
<div class="item">
<h3 style="width:100px">业务咨询：</h3>
<p>400 888 0661</p>
</div>
<div class="item">
<h3 style="width:100px">å‰å°æ€»æœº</h3>
<p>0592-6300800</p>
</div>
<div class="item">
<h3 style="width:100px">集团地å€</h3>
<p>厦门市åŒå®‰åŒºå¸ƒå¡˜ä¸è·¯1670å·</p>
</div>
</div>
<div class="infoItem yc">
<div class="item">
<h3>å”®åŽæœåŠ¡ï¼š</h3>
<p>400 888 7170</p>
</div>
<!--<div class="item">-->
<!-- <h3>é›†å›¢ä¼ çœŸ</h3>-->
<!-- <p>0592-6300801</p>-->
<!--</div>-->
<div class="item">
<h3>集团邮箱</h3>
<p>hello@jrt-memos.com</p>
</div>
</div>
<div class="codeItem yc">
<h3>股票代ç ：301148.SZ</h3>
<img class="twoCodeImg" src="https://www.jrt-memos.com/uploads/images/20231123/202311231159326a3966511.jpg " style="width: 126px;
height: 126px;">
<p>关注嘉戎技术股份</p>
<div class="footer-app">
<div class="item wxiconhover" >
</div>
<div class="item dyiconhover">
</div>
</div>
</div>
</div>
</div>
<div class="g-inner friend-link yc handle-footer-youqing">
<div class="titleItem">å‹æƒ…链接：</div>
<div class="item">
<span>膜组件</span>
<i></i>
<div class="con">
<a href="https://unisol-global.com/ch" target="_blank">UNISOL</a>
</div>
</div>
<div class="item">
<span>工业废水</span>
<i></i>
<div class="con">
<a href="https://www.jrt-bj.com/" target="_blank">嘉戎技术（北京）</a>
</div>
</div>
<div class="item">
<span>Jiarong International</span>
<i></i>
<div class="con">
<a href="https://www.jiarong.com/" target="_blank">Jiarong GmbH</a>
<a href="https://wta-unisol.com/" target="_blank">WTA-UNISOL</a>
</div>
</div>
<div class="item">
<span>行业å会</span>
<i></i>
<div class="con">
<a href="https://www.caues.cn/?siteid=10001" target="_blank">ä¸å›½åŸŽå¸‚环å«å会</a>
<a href="http://www.membranes.com.cn/" target="_blank">ä¸å›½è†œå·¥ä¸šå会</a>
</div>
</div>
<div class="item">
<span>媒体伙伴</span>
<i></i>
<div class="con">
<a href="https://www.e20.com.cn/" target="_blank">E20环境平å°</a>
<a href="https://huanbao.bjx.com.cn/" target="_blank">北æžæ˜ŸçŽ¯ä¿ç½‘</a>
<a href="https://www.cn-hw.net/" target="_blank">环å«ç§‘技网</a>
</div>
</div>
</div>
<div class="g-inner copyright">
<div class="copyright-left">版æƒæ‰€æœ‰ © 厦门嘉戎技术股份有é™å…¬å¸ä¸¨ <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" style="color:#FFFFFF80;"> é—½ICP备12010316å·-1丨</a>
<a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank" style="color:#FFFFFF80;">闽公网安备35021302000122å·</a>
</div>
<div class="copyright-right font" style="line-height: normal;padding:10px 0;margin:0;">
<!--<a href="http://www.jiarong.com/privacy" style="color:#FFFFFF80;">éšç§æ¡æ¬¾ </a>-->
<a href="/privacy" style="color:#FFFFFF80;">éšç§æ¡æ¬¾ </a>
<a href="/informationSafety" style="color:#FFFFFF80;display:none;">ä¿¡æ¯å®‰å…¨</a>
<a href="/legal" style="color:#FFFFFF80;">法律声明</a>
</div>
</div>
</div>
<script>
$(".wxiconhover").click(function(){
$(".twoCodeImg").attr("src","https://www.jrt-memos.com/uploads/images/20231123/202311231159326a3966511.jpg");
});
$(".dyiconhover").click(function(){
$(".twoCodeImg").attr("src","https://www.jrt-memos.com/uploads/images/20231122/20231122171236607e83427.png");
});
$(document).ready(function() {
$('.dianji').click(function() {
// 通过索引展开
var childIndex = $(this).data('child-index');
$('.LinkItemMun').eq(childIndex).toggle();
});
});
</script>
<link rel="stylesheet" type="text/css" href="/css/home-banner.css">
<style type="text/css">
.footer-con>div:nth-of-type(1){
display: none;
}
.footer-con>div:nth-of-type(6){
display: none;
}
.footer-con>div:nth-of-type(7){
display: none;
}
.footer-con>div:nth-of-type(8){
display: none;
}
.footer-con>div:nth-of-type(9) span a{
color: #fff;
font-size: 16px;
line-height: 36px;
}
@media (max-width:1024px){
.footer-con>div:nth-of-type(1){
display: inline-block;
}
.footer-con>div:nth-of-type(6){
display: inline-block;
}
.footer-con>div:nth-of-type(7){
display: inline-block;
}
.footer-con>div:nth-of-type(8){
display: inline-block;
}
.footer-con>div:nth-of-type(9){
display: none;
}
@media(min-width:1200px){
.footer-warp{
font-size: 14px !important;
}
}
</style>
<!-- å³ä¾§ -->
<div class="consult-container ">
<!-- <input type="text" value="intsig_maketing@qixin.com"> -->
<span class="item_span">
<span class="el-popover__reference-wrapper">
<a target="_blank" href="https://affim.baidu.com/unique_6478843/chat?siteId=3211671&userId=6478843&siteToken=bebec8a1ff888808bb78e403a0e7280e" class="icon-box el-popover__reference" style="display: block; border-radius: 100px 100px 0px 0px; padding-top: 6px;">
<div style="margin-bottom: 24px;">
<p style="width: 40px; height: 40px; margin: 0px auto;">
<img src="/images/zixun-lan.png" alt="" style="width: 35px; margin-top:8px;border-radius:50%">
</p>
<span class="consult"></span>
<span class="consult1"></span>
</div>
<div class="font">在线咨询</div>
</a>
</span>
<!-- <div class="el-popover el-popper phone-popover tran_zixun" >-->
<!-- <div class="phone">在线咨询</div> -->
<!-- <div class="popper__arrow" ></div>-->
<!--</div>-->
</span>
<span class="item_span">
<span class="el-popover__reference-wrapper">
<div class="icon-box el-popover__reference" >
<div class="icon-box_img">
<img src="/images/tell-red.png" alt="" class="img_red">
<img src="/images/tell-white.png" alt="" class="img_white">
</div>
<!-- <i class="iconfont icon_phonecall"></i> -->
<div class="font">电è¯å’¨è¯¢</div>
</div>
</span>
<div class="el-popover el-popper phone-popover tran_tell" >
<div class="phone">
<p><img src="/images/ye.png" width="8%" > 业务咨询：400 888 0661</p>
<p> <img src="/images/shou.png" width="8%" > å”®åŽæœåŠ¡ï¼š400 888 7170</p>
<p> <img src="/images/qian.png" width="8%" > å‰å°æ€»æœºï¼š0592-6300800</p>
</div>
<div class="popper__arrow" ></div>
</div>
</span>
<span class="item_span go-top2">
<span class="el-popover__reference-wrapper" >
<div class="icon-box el-popover__reference" style="border-radius: 0px 0px 8px 8px;">
<div class="icon-box_img">
<img src="/images/top.png" alt="" class="img_red">
<img src="/images/top-white.png" alt="" class="img_white">
</div>
<i class="iconfont icon_qrcode1 color500"></i>
<div class="font ">返回顶部</div>
</div>
<!--</span>-->
<!--<div class="el-popover el-popper phone-popover el-popover-code" >-->
<!-- <div class="phone">-->
<!-- <img src="/images/qy1.png?2024" alt="" >-->
<!-- </div> -->
<!-- <div class="popper__arrow" ></div>-->
<!-- </div>-->
<!-- </span>-->
<!-- <div class="go-top" >-->
<!--<img src="/images/top.png" alt="" class="img_red">-->
<!-- <div class="font"></div>-->
<!-- </div>-->
</div>
<style>
.consult-container{
width: 63px;
position: fixed;
bottom: 15vh;
right: 1px;
z-index: 99;
opacity: 1;
transition: all .4s;
font-size: 12px;
color: #393a51;
}
.consult-container input{
opacity: 0;
cursor: default;
position: absolute;
}
.consult-container .icon-box {
padding: 8px 0;
background-color: #fff;
text-align: center;
cursor: pointer;
position: relative;
box-shadow: 12px 12px 26px 6px rgba(20,21,22,.06);
color: #393a51;
}
.font-box {
padding: 6px 0!important;
background-color: #f4f5fc!important;
border-bottom: 1px solid #fff;
}
.consult-container .font-box1{padding: 6px 0;}
.consult-container .consult1, .consult-container .consult {
position: absolute;
left: 12px;
top: 14px;
border: 1px solid #1a4199;
height: 38px;
width: 38px;
border-radius: 50%;
animation: ani-data-v-789143c6 1.4s ease-out infinite;
-webkit-animation: ani-data-v-789143c6 1.4s ease-out infinite;
-moz-animation: ani-data-v-789143c6 1.4s ease-out infinite;
}
.consult-container .consult1 {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.consult-container .icon-box .iconfont {
font-size: 30px;
line-height: 1;
}
.consult-container .icon-box:hover {
background-color: #1a4199 !important;
transition: color .2s ease;
}
.consult-container .icon-box:hover .font {
color: #fff !important;
}
.consult-container .icon-box:hover .consult1, .consult-container .icon-box:hover .consult {
display: none;
}
.consult-container .go-top {
text-align: center;
cursor: pointer;
margin-top: 23px;
color: #393a51;
display: none;
}
.go-top img{width: 30px; margin: auto;}
.color500 {
color: #f93d66;
}
.el-popover {
display: none;
position: absolute;
background: #fff;
min-width: 220px;
border-radius: 4px;
border: 1px solid #f2f4f5;
padding: 12px;
/* right: 15px;
top: 0; */
z-index: 2000;
color: #0d1a26;
line-height: 1.4;
text-align: justify;
font-size: 14px;
box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
word-break: break-all;
/* transform: translateY(-30%); */
top: 50%;
right: 115%;
transform: translateY(-50%);
}
.phone-popover {
padding: 0;
max-width: 212px;
}
.phone-popover .phone {
padding: 12px;
font-size: 14px;
line-height: 24px;
color: #393a51;
}
.el-popper .popper__arrow, .el-popper .popper__arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
top: 50%;
right: -6px;
background: #fff;
transform:translateY(-50%) rotate(45deg);
border-color: transparent;
border-style: solid;
}
.el-popper .popper__arrow {
border-width: 6px;
filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
}
/* .tran_zixun{transform: translateY(70%);}
.tran_tell{transform: translateY(50%);} */
.el-popover-code img{width: 100%; height: 100%; object-fit: contain;}
.icon-box_img{width: 40px; height: 40px; margin:0 auto 3px; position: relative;}
.icon-box_img img{position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%;}
.img_red{opacity: 1; }
.img_white{opacity: 0; }
.consult-container .icon-box:hover .img_red{opacity: 0;}
.consult-container .icon-box:hover .img_white{opacity: 1;}
.item_span{position: relative; display: block;}
span.el-popover__reference-wrapper{display: block;}
@keyframes ani-data-v-789143c6{
0% {
transform: scale(1);
opacity: 0;
}
25% {
transform: scale(1.15);
opacity: .3;
}
50% {
transform: scale(1.3);
opacity: .7;
}
75% {
transform: scale(1.45);
opacity: .5;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
@media (max-width: 780px){
.consult-container {display: none ;}
}
</style>
<script>
function scaleTo1920px() {
const designWidth = 1920; // 设计稿宽度
const screenWidth = window.screen.width; // 当å‰å±å¹•å®½åº¦
const scale = screenWidth / designWidth; // 计算缩放比例
if ($(window).width() > 1024) {
// 如果满足æ¡ä»¶ï¼Œé€‰æ‹© #aff-im-root å…ƒç´ å¹¶å°†å…¶ä»Ž DOM ä¸ç§»é™¤
$('#aff-im-root').children().hide();
}else{
$('#aff-im-root').children().show();
}
}
scaleTo1920px()
// window.addEventListener('load', scaleTo1920px);
window.addEventListener('resize', scaleTo1920px);
/*var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?bebec8a1ff888808bb78e403a0e7280e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();*/
document.addEventListener('DOMContentLoaded', function() {
new WOW().init();
// // 定义数å—滚动函数
function animateNumber(element, targetNumber) {
const duration = 1000; // 动画æŒç»æ—¶é—´ï¼ˆæ¯«ç§’）
const startTime = performance.now();
function updateNumber(timestamp) {
const elapsed = timestamp - startTime;
if (elapsed < duration) {
const progress = elapsed / duration;
const currentNumber = Math.round(progress * targetNumber);
element.textContent = currentNumber;
requestAnimationFrame(updateNumber);
} else {
element.textContent = targetNumber;
}
}
requestAnimationFrame(updateNumber);
}
// // 创建 IntersectionObserver 实例
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
const element = entry.target;
// console.log(element.attributes[1].nodeValue,'element')
const targetNumber = parseInt(element.attributes[1].nodeValue);
// // é‡ç½®æ•°å—显示
element.textContent = '0';
// 移除动画类åå†é‡æ–°æ·»åŠ ，以é‡æ–°è§¦å‘动画
const animationClass = 'animate__fadeInUp';
element.classList.remove(animationClass);
void element.offsetWidth; // 强制é‡ç»˜
element.classList.add(animationClass);
// 开始数å—滚动动画
animateNumber(element, targetNumber);
}
});
});
// // 查找所有带有 data-number å±žæ€§çš„å…ƒç´ å¹¶å¼€å§‹ç›‘å¬
const numberElements = document.querySelectorAll('.number');
numberElements.forEach((element) => {
observer.observe(element);
});
});
</script>
</body>
</html>