<!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" >&#xe65e;</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" >&#xe65e;</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" >&#xe65e;</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" >&#xe65e;</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" >&#xe65e;</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" >&#xe65e;</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" >&#xe65e;</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" >&#xe65e;</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/xTUqS29rZYalKZDVaNkfZg" class="item" style="height:100px;" target="_blank">
                            <div class="time">04-23</div>
                            <h3 class="text-ell">资源循环有&ldquo;膜&rdquo;力 | 第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>
                                                <a href="https://mp.weixin.qq.com/s/lmZqZC-4RiexaHzJBB51qQ" class="item" style="height:100px;" target="_blank">
                            <div class="time">02-06</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/hE_sb7lZJLmuKG4PQG1rvw" class="item" style="height:100px;" target="_blank">
                            <div class="time">01-23</div>
                            <h3 class="text-ell">向未来，赋新生 | 嘉戎技术年终总结暨年会晚宴圆满举行</h3>
                        </a>
                                                <a href="https://mp.weixin.qq.com/s/ChDl3cKc4IuSRUkfVSNSKg" class="item" style="height:100px;" target="_blank">
                            <div class="time">12-06</div>
                            <h3 class="text-ell">嘉戎技术中标榆横工业区工业污水厂蒸发塘浓盐水处置项目</h3>
                        </a>
                                                <a href="https://mp.weixin.qq.com/s/FvsLomjM63u3suD3B72YFQ" class="item" style="height:100px;" target="_blank">
                            <div class="time">11-29</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/YTyJBuuEEb4TIuh4uuNWsA" class="item" style="height:100px;" target="_blank">
                            <div class="time">11-13</div>
                            <h3 class="text-ell">嘉戎技术精彩亮相2024中环协年会暨中国环卫博览会</h3>
                        </a>
                                                <a href="https://mp.weixin.qq.com/s/E81w3Xmyb_pLZStQEeprCA" class="item" style="height:100px;" target="_blank">
                            <div class="time">11-12</div>
                            <h3 class="text-ell">嘉戎技术亮相全球最大核能展&mdash;2024深圳核博会</h3>
                        </a>
                                                <a href="https://mp.weixin.qq.com/s/dPL4z7IWFd2qTxBoGRz6gg" class="item" style="height:100px;" target="_blank">
                            <div class="time">11-12</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/dPL4z7IWFd2qTxBoGRz6gg" 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">资源循环有&ldquo;膜&rdquo;力 | 第26届中国环博会嘉戎技术与您共谋绿色发展</h3>
                            </div>
                        </a>
                    </div>
                                        <div class="top-news-con swiper-slide">
                        <a href="https://mp.weixin.qq.com/s/dPL4z7IWFd2qTxBoGRz6gg" 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 class="top-news-con swiper-slide">
                        <a href="https://mp.weixin.qq.com/s/dPL4z7IWFd2qTxBoGRz6gg" class="item" style="height:100%;">
                            <div style="color:#fff;display:flex;">
                                <div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">02-06</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/dPL4z7IWFd2qTxBoGRz6gg" class="item" style="height:100%;">
                            <div style="color:#fff;display:flex;">
                                <div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">01-23</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/dPL4z7IWFd2qTxBoGRz6gg" class="item" style="height:100%;">
                            <div style="color:#fff;display:flex;">
                                <div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">12-06</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/dPL4z7IWFd2qTxBoGRz6gg" class="item" style="height:100%;">
                            <div style="color:#fff;display:flex;">
                                <div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">11-29</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/dPL4z7IWFd2qTxBoGRz6gg" class="item" style="height:100%;">
                            <div style="color:#fff;display:flex;">
                                <div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">11-13</div>
                                <h3 class="text-ell new-main">嘉戎技术精彩亮相2024中环协年会暨中国环卫博览会</h3>
                            </div>
                        </a>
                    </div>
                                        <div class="top-news-con swiper-slide">
                        <a href="https://mp.weixin.qq.com/s/dPL4z7IWFd2qTxBoGRz6gg" class="item" style="height:100%;">
                            <div style="color:#fff;display:flex;">
                                <div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">11-12</div>
                                <h3 class="text-ell new-main">嘉戎技术亮相全球最大核能展&mdash;2024深圳核博会</h3>
                            </div>
                        </a>
                    </div>
                                        <div class="top-news-con swiper-slide">
                        <a href="https://mp.weixin.qq.com/s/dPL4z7IWFd2qTxBoGRz6gg" class="item" style="height:100%;">
                            <div style="color:#fff;display:flex;">
                                <div class="time" style="font-size:14px;white-space: nowrap;margin:0 10px;">11-12</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&sup2;</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&sup2;</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">
                        工信部&ldquo;专精特新&rdquo;小巨人企业</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">版权所有 &copy; 厦门嘉戎技术股份有限公司丨           <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>


