<!DOCTYPE HTML>
<html>
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	     
	    
    <title>深圳市汉宇环境科技有限公司</title>
    <style>

        .nav-list .nav-master .nav-master-a {
            color: #fff !important;
        }

        .nav-list .nobg .nav-master-a {
            color: #fff !important;
        }

        .nav-list .hover .nav-master-a, .nav-list .current .nav-master-a {
            color: #7ec1ce !important;
        }

        .section3 li {
            float: left;
        }

        @keyframes run {
            0% {
                transform: translateY(-5px);
            }
            50% {
                transform: translateY(5px);
            }
            100% {
                transform: translateY(-5px);
            }
        }

        .progress-ring {
            position: relative;
            display: inline-block;
            top: calc(-100% - 0px);
            left: calc(100% - 50px);
            z-index: 99;
        }

        .progress-ring__svg {
            display: block;
            width: 50px;
            height: auto;
            transform: rotate(-90deg);
        }

        .progress-ring__circle {
            fill: none;
            stroke: #e9e9e8;
            /*stroke: #ce13ce;*/
            stroke: rgba(126, 193, 206, 0.70);
            stroke-width: 8;
            stroke-linecap: round;
            transition: stroke-dashoffset 0.35s;
        }

    </style>

	    <link rel="canonical" href="http://www.hanyuhuanjing.com">
	    <meta name="distribution" content="Global">
	    <meta name="robots" content="all">
	    <link href="/Public/home/images/favicon.ico" rel="shortcut icon" type="image/x-ico">
	    <link href="/Public/home/css/common.css" rel="stylesheet" type="text/css">

	    <link href="/Public/home/css/style.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="/Public/home/js/jquery.min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=yxq546SoUiTG4akH1a3EiyidS5ZQ5M1D"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&amp;ak=yxq546SoUiTG4akH1a3EiyidS5ZQ5M1D&amp;services=&amp;t=20181212102408"></script>
		<link href="/Public/admin/vendors/bower_components/bootstrap-sweetalert/lib/sweet-alert.css" rel="stylesheet">
    	<link href="/Public/admin/vendors/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.min.css" rel="stylesheet">
<!--		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.3/viewer.min.css" />-->
		<script type="text/javascript" src="/Public/home/js/viewer.min.js"></script>
<!--		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>-->

	    <!--[if IE]>
	    <script src="js/html5.js"></script>
	    <![endif]-->
        <style>
        .menu-list .nobg .nav-master-a { color:#707070;background-position:right 20px;border-color:transparent; background:none;} 
        </style>
	    
	</head>
	<body>
		<header class="header"> 
    <nav class="container navBox clearfix" style="min-width: 1000px;">
        <h2  class="logo " ><a class="fadeIn2"  href="/index/index.html" title="">深圳市汉宇环境科技有限公司</a></h2>
        <ul class="nav-list">
            <li class="nav-master current ">
                <a class="nav-master-a" href="/Index/index.html" title="">首页</a>
            </li>
            <li class="nav-master ">
                <a href="/About/description.html" class="nav-master-a" title="">关于汉宇</a>
                <ul class="sub-nav" >
                    <li><a href="/About/description.html" title="">公司简介</a></li>
                    <li><a href="/About/organization.html" title="">组织架构</a></li>
                    <li><a href="/About/aptitudes.html" title="">企业资质</a></li>
                    <li><a href="/About/partner.html" title="">合作伙伴</a></li>
                    <li><a href="/About/culture.html" title="">企业文化</a></li>
                </ul>
            </li>
            <li class="nav-master ">
                <a href="/Business/evaluate.html" class="nav-master-a" title="">业务领域</a>
                <ul class="sub-nav">
                    <li><a href="/Business/evaluate.html" title="">环境影响评价（甲级）</a></li>
                    <li><a href="/Business/plan.html" title="">环境科学研究与环境规划</a></li>
                    <li><a href="/Business/steward.html" title="">企业环保管家服务</a></li>
                    <li><a href="/Business/government.html" title="">政府第三方技术服务</a></li>
                    <li><a href="/Business/soil.html" title="">土壤调查与生态修复</a></li>
                    <li><a href="/Business/solidWaste.html" title="">固体废物污染防治研究</a></li>
                    <li><a href="/Business/newPollution.html" title="">新污染物与环境健康研究</a></li>
                    <li><a href="/Business/bigData.html" title="">智慧环保信息系统开发</a></li>
                </ul>
            </li>
            <li class="nav-master ">
                <a href="/News/index.html" class="nav-master-a" title="">新闻中心</a>
                <ul class="sub-nav">
                    <li><a href="/News/index.html" title="">新闻动态</a></li>
                    <li><a href="/News/information.html" title="">信息公告</a></li>
                </ul>
            </li>
            <li class="nav-master ">
                <a href="/Human/recruit.html" class="nav-master-a" title="">人才招聘</a>
                <ul class="sub-nav">
                    <li><a href="/Human/recruit.html" title="">招聘信息</a></li>
                    <li><a href="/Human/cultivate.html" title="">联系我们</a></li>
                </ul>
            </li>
<!--            <li class="nav-master ">-->
<!--                <a href="/Contact/index.html" class="nav-master-a" title="">联系我们</a>-->
<!--            </li>-->
        </ul>
        <div id="xf" class="xf"></div>
    </nav>   
</header>

		
    <div class="main index-main">
        <div class="index-swiper1 ">
            <div class="swiper swiper1">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="">

                            <a href="#" title="" class="box-bg"
                               style="background: url(/Public/Upload/o_1h9n4dth67h41i171bpp14gu7cab.jpg) no-repeat center;background-size:cover;">
                            </a>
                            <div class="txt" href="#" style="">
                                <div class="text" style="">践行绿色发展理念，助力建设美丽中国</div>
<!--                                <div style="color: rgba(126,193,206,0.73);">轮播</div>-->
                            </div>
                        </div><div class="swiper-slide" style="">

                            <a href="#" title="" class="box-bg"
                               style="background: url(/Public/Upload/o_1h9n4egmfj0s17rm5iapr6fhvb.jpg) no-repeat center;background-size:cover;">
                            </a>
                            <div class="txt" href="#" style="">
                                <div class="text" style="">让天更蓝、山更绿、水更清，让环境更美</div>
<!--                                <div style="color: rgba(126,193,206,0.73);"></div>-->
                            </div>
                        </div><div class="swiper-slide" style="">

                            <a href="" title="" class="box-bg"
                               style="background: url(/Public/Upload/o_1h9n4evmb4t21cqaq7h147rumgi.jpg) no-repeat center;background-size:cover;">
                            </a>
                            <div class="txt" href="" style="">
                                <div class="text" style="">致力成为行业领先的综合性生态环境技术服务企业</div>
<!--                                <div style="color: rgba(126,193,206,0.73);"></div>-->
                            </div>
                        </div>                </div>
                <div class="swiper-pagination pagination-swiper1"></div>
            </div>
        </div>
        <section class="section section-new clearfix gradient-bg2" style="">
            <div class="container" >
                <div class="section-title " style="">
                    <h3><span >新闻动态 </span></h3>
                    <h4><span >News</span></h4>
                </div>
                <div class="section-body"  >
                    <div class="section-box" style="padding: 20px; ">
                        <div class="left" style="width: calc(50% - 20px);padding-right: 20px">
                            <div  class="swiper home-news" style="height: 100% ;"><!-- 上传图片大小：680 X 408px -->
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                            <a class="link" href="/News/detail.html?menu=1&id=113"  title="" style="background-image:url(/Public/Upload/o_1h95e7uu61idu1r37p9v1app14iba.jpg);">
                                                <div class="mask fadeIn">查看详情 ></div>
                                            </a>
                                            <a class="txt" href="/News/detail.html?menu=1&id=113">
                                                <p style="margin:10px 0 10px;text-align: center">第十一届污染地块土壤与地下水风险管控与修复技术学术会议在深举办</p>
<!--                                                <p style="font-size: 14px;width: 40%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis"></p>-->
<!--                                                <p style="font-size: 14px;width: 70%">2023-08-15</p>-->
                                            </a>
                                        </div><div class="swiper-slide">
                                            <a class="link" href="/News/detail.html?menu=1&id=109"  title="" style="background-image:url(/Public/Upload/o_1gtsdk209n4j1n9r1gs71tah1dea.png);">
                                                <div class="mask fadeIn">查看详情 ></div>
                                            </a>
                                            <a class="txt" href="/News/detail.html?menu=1&id=109">
                                                <p style="margin:10px 0 10px;text-align: center">汉宇环境获得“十三五”广东省环境保护产业骨干企业荣誉称号</p>
<!--                                                <p style="font-size: 14px;width: 40%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis"></p>-->
<!--                                                <p style="font-size: 14px;width: 70%">2023-03-21</p>-->
                                            </a>
                                        </div><div class="swiper-slide">
                                            <a class="link" href="/News/detail.html?menu=1&id=102"  title="" style="background-image:url(/Public/Upload/o_1gg9smim6fopjg312vp89fkf5a.png);">
                                                <div class="mask fadeIn">查看详情 ></div>
                                            </a>
                                            <a class="txt" href="/News/detail.html?menu=1&id=102">
                                                <p style="margin:10px 0 10px;text-align: center">宝安区沙井街道暨国际会展城片区区域环评成果在全市率先通过技术审查</p>
<!--                                                <p style="font-size: 14px;width: 40%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis"></p>-->
<!--                                                <p style="font-size: 14px;width: 70%">2022-10-08</p>-->
                                            </a>
                                        </div>                                </div>
                                <div class="swiper-pagination home-news-pagination"></div>

                            </div>
                            <div class="progress-ring" style="    ">
                                <svg class="progress-ring__svg" viewBox="0 0 120 120">
                                    <circle class="progress-ring__circle" cx="60" cy="60" r="35"></circle>
                                </svg>
                            </div>
                        </div>
                        <div class="right" style="width: 50%;display: flex;place-items:center">
                                <div style="color: #000;width:100%">
                                    <div class="intro">
                                            <a href="/News/detail.html?menu=1&id=117" >
                                                <div class="txt">
                                                    <span class="title">热烈祝贺省环境科学学会2023年科学技术年会圆满举办</span>
                                                    <!--                                                    <div class="detail"></div>-->
                                                    <span class="" style="color: #999999">2023-11-10</span>
                                                    <!--                                                                                                        <div class="detail">啊实打实阿松大阿松啊实打啊实打实大苏打实打实的实大苏啊实打实大苏打实打实的打实打实的大阿松大</div>-->
                                                </div>
                                            </a>
                                        </div><div class="intro">
                                            <a href="/News/detail.html?menu=1&id=118" >
                                                <div class="txt">
                                                    <span class="title">喜报|汉宇环境在全省环评技能大比武中荣获多个奖项</span>
                                                    <!--                                                    <div class="detail"></div>-->
                                                    <span class="" style="color: #999999">2023-11-10</span>
                                                    <!--                                                                                                        <div class="detail">啊实打实阿松大阿松啊实打啊实打实大苏打实打实的实大苏啊实打实大苏打实打实的打实打实的大阿松大</div>-->
                                                </div>
                                            </a>
                                        </div><div class="intro">
                                            <a href="/News/detail.html?menu=1&id=116" >
                                                <div class="txt">
                                                    <span class="title">2023年广东省生态环境咨询行业高质量发展专题论坛成功举办</span>
                                                    <!--                                                    <div class="detail"></div>-->
                                                    <span class="" style="color: #999999">2023-09-21</span>
                                                    <!--                                                                                                        <div class="detail">啊实打实阿松大阿松啊实打啊实打实大苏打实打实的实大苏啊实打实大苏打实打实的打实打实的大阿松大</div>-->
                                                </div>
                                            </a>
                                        </div><div class="intro">
                                            <a href="/News/detail.html?menu=1&id=115" >
                                                <div class="txt">
                                                    <span class="title">汉宇环境协助市生态环境局举办深圳市2023年度环境评价管理工作培训会</span>
                                                    <!--                                                    <div class="detail"></div>-->
                                                    <span class="" style="color: #999999">2023-09-07</span>
                                                    <!--                                                                                                        <div class="detail">啊实打实阿松大阿松啊实打啊实打实大苏打实打实的实大苏啊实打实大苏打实打实的打实打实的大阿松大</div>-->
                                                </div>
                                            </a>
                                        </div><div class="intro">
                                            <a href="/News/detail.html?menu=1&id=112" >
                                                <div class="txt">
                                                    <span class="title">汉宇环境协助市生态环境局宝安管理局进行区域环评应用推广培训</span>
                                                    <!--                                                    <div class="detail"></div>-->
                                                    <span class="" style="color: #999999">2023-08-25</span>
                                                    <!--                                                                                                        <div class="detail">啊实打实阿松大阿松啊实打啊实打实大苏打实打实的实大苏啊实打实大苏打实打实的打实打实的大阿松大</div>-->
                                                </div>
                                            </a>
                                        </div><div class="intro">
                                            <a href="/News/detail.html?menu=1&id=113" >
                                                <div class="txt">
                                                    <span class="title">第十一届污染地块土壤与地下水风险管控与修复技术学术会议在深举办</span>
                                                    <!--                                                    <div class="detail"></div>-->
                                                    <span class="" style="color: #999999">2023-08-15</span>
                                                    <!--                                                                                                        <div class="detail">啊实打实阿松大阿松啊实打啊实打实大苏打实打实的实大苏啊实打实大苏打实打实的打实打实的大阿松大</div>-->
                                                </div>
                                            </a>
                                        </div><div class="intro">
                                            <a href="/News/detail.html?menu=1&id=114" >
                                                <div class="txt">
                                                    <span class="title">市委政法委二级巡视员甘桂平一行莅临汉宇环境调研</span>
                                                    <!--                                                    <div class="detail"></div>-->
                                                    <span class="" style="color: #999999">2023-06-13</span>
                                                    <!--                                                                                                        <div class="detail">啊实打实阿松大阿松啊实打啊实打实大苏打实打实的实大苏啊实打实大苏打实打实的打实打实的大阿松大</div>-->
                                                </div>
                                            </a>
                                        </div>                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section section-business  clearfix gradient-bg2">
            <div class="ob">
                <div class="container" style="">
                    <div class="section-title">
                        <h3><span >业务领域</span></h3>
                        <h4><span >BUSINESS FIELD</span></h4>
                    </div>
                    <div class="section-body">
                        <div class="section-box" style="display: block;padding: 15px 20px">
                            <div class="top" style="padding:15px 63px 20px;height: auto;width: auto;line-height: 25px;font-size: 16px;border-bottom: 5px dashed #7ec1ce;border-bottom: 5px solid #7ec1ce; background: url(/Public/home/images/changbg.png) no-repeat center;
    background-size: cover;">
                                深圳市汉宇环境科技有限公司是一家综合性生态环境技术服务企业，拥有一支专业从事科研、规划、环保咨询、技术开发等方面的高素质人才队伍，经营范围涵盖环境影响评价、环境科研与规划、企业环保管家服务、政府第三方技术服务、土壤调查与生态修复、固体废物污染防治研究、新污染物与环境健康研究、智慧环保信息系统开发等。
                            </div>
                            <div class="center" style="width: auto;height: 365px;display: flex;padding-top: 5px;">
                                <div id="buttonGroup"  class="left" style="width: 20%;background: #00bcd40d;height: 100%;display: grid;">
                                </div>
                                <div id="contentBox" class="right" style="width: 80%;height: 100%;background: #00bcd40d">
                                    <div class="rtop" style="display:flex;padding:8px 10px;width: auto;height: 100px;line-height: 25px">
                                    </div>
                                    <div class="content"  style="display: flex">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </section>
        <section class="section section4 clearfix gradient-bg2">
            <div class="ob">
                <div class="container" style="">
                    <div class="section-title">
                        <h3><span >资质荣誉</span></h3>
                        <h4><span >Credentials and Honor</span></h4>
                    </div>
                    <div class="section-body">
                        <div class="section-box" style="height: 240px;">
                            <div class="swiper home-qualification" style="height: 240px;"><!-- 上传图片大小：680 X 408px -->
                                <div id="swiper-qualification" class="swiper-wrapper viewer">
                                    <div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n5ts4m1j90hr3dcopne1rrmb.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n5ts4m1j90hr3dcopne1rrmb.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n5v5pb1eri1oe01cc4823io7b.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n5v5pb1eri1oe01cc4823io7b.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n95l5vgncieb8hqg9015tib.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n95l5vgncieb8hqg9015tib.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n9cdaa1v2u6k4mn18pnvo4b.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n9cdaa1v2u6k4mn18pnvo4b.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n60qoh1urai4q9tq1gre8j2b.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n60qoh1urai4q9tq1gre8j2b.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n63e6g1fed1qjkgk9unb1kfjb.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n63e6g1fed1qjkgk9unb1kfjb.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n9hfokj3v19791t201qqrcv8b.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n9hfokj3v19791t201qqrcv8b.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n676t21vopo9euh31hs1dhhb.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n676t21vopo9euh31hs1dhhb.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n686kr1kb9sem1mth1k3acivb.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n686kr1kb9sem1mth1k3acivb.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n68pfb15kk1b6uvo4je2cljb.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n68pfb15kk1b6uvo4je2cljb.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n69cka1kqp14vh1j22m8l1nf4b.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n69cka1kqp14vh1j22m8l1nf4b.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n69n8j1vut1i09pjp1c1p1ur4b.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n69n8j1vut1i09pjp1c1p1ur4b.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n6cifr1aulastmtta2k1k2pb.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n6cifr1aulastmtta2k1k2pb.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n6ec3615ja14041rg315rn1tr6b.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n6ec3615ja14041rg315rn1tr6b.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div><div class="swiper-slide" style="padding:0 10px ;width:auto ">
                                            <div class="box" >
                                                <img  src="/Public/Upload/o_1h9n997vh5f3uso1j40qsi6slb.jpg" style="height: 100% ;width:100%;object-fit: contain">
                                                <!--                                            <div style="background: url(/Public/Upload/o_1h9n997vh5f3uso1j40qsi6slb.jpg) no-repeat;background-size: contain ; height: 100%;background-position: center center;"></div>-->
                                            </div>
                                        </div>                                </div>
                                <!-- Add Scrollbar -->
                                <!--                                <div class="swiper-pagination home-qualification-pagination"></div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<!--        <section class="section section-us clearfix gradient-bg2">-->
<!--            <div class="ob">-->
<!--                <div class="container" style="">-->
<!--                    <div class="section-title">-->
<!--                        <h3><span >关于我们</span></h3>-->
<!--                        <h4><span >ABOUT US</span></h4>-->

<!--                    </div>-->
<!--                    <div class="section-body">-->
<!--                        <div class="section-box" style="display: block;">-->
<!--                            <div style="background: #00bcd40d;">-->
<!--                                <div class="top">-->
<!--                                    <div class="box">-->
<!--                                        <div>-->
<!--                                            <span class="num">99</span>-->
<!--                                            <span class="sup">+</span>-->
<!--                                        </div>-->
<!--                                        <div class="txt">专业技术人员</div>-->
<!--                                        <div class="bg"></div>-->
<!--                                    </div> <div class="box">-->
<!--                                    <div>-->
<!--                                        <span class="num">99</span>-->
<!--                                        <span class="sup">+</span>-->
<!--                                    </div>-->
<!--                                    <div class="txt">专业技术人员</div>-->
<!--                                    <div class="bg"></div>-->
<!--                                </div> <div class="box">-->
<!--                                    <div>-->
<!--                                        <span class="num">99</span>-->
<!--                                        <span class="sup">+</span>-->
<!--                                    </div>-->
<!--                                    <div class="txt">专业技术人员</div>-->
<!--                                    <div class="bg"></div>-->
<!--                                </div> <div class="box">-->
<!--                                    <div>-->
<!--                                        <span class="num">99</span>-->
<!--                                        <span class="sup">+</span>-->
<!--                                    </div>-->
<!--                                    <div class="txt">xxxx</div>-->
<!--                                    <div class="bg"></div>-->
<!--                                </div>-->
<!--                                </div>-->
<!--                                <div class="bottom"style="width: 100% ;">-->
<!--                                    <div class="box" style="">-->
<!--                                        深圳市汉宇环境科技有限公司成立于2015年，脱钩改制于原深圳市环境科学研究院环境影响评价中心，是国内最早从事环境影响评价以及工程环境监理的老牌甲级环评机构之一。<br><br>-->
<!--                                        汉宇环境是国家高新技术企业、广东省环保骨干企业，秉承“开拓、创新、诚信、高效”经营理念，致力成为国内一流的综合性生态环境咨询企业，为广大客户提供全方位全过程的技术服务。<br>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->

<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </section>-->

        <section class="section section-us clearfix gradient-bg2">
            <div class="ob">
                <div class="container" style="">
                    <div class="section-title">
                        <h3><span >关于我们</span></h3>
                        <h4><span >ABOUT US</span></h4>

                    </div>
                    <div class="section-body">
                        <div class="section-box" style="display: block;">
                            <div style="">
                                <div style="display:flex">
                                    <div class="bottom"style="padding: 5px 0 0 32px;width: 65% ;margin-top:0px;height: auto;line-height: 30px">
                                        <div class="box" style="width:100%">
<!--                                            <span style="    margin-bottom: 10px;">深圳市汉宇环境科技有限公司成立于2015年，脱钩改制于原深圳市环境科学研究院环境影响评价中心，是国内最早从事环境影响评价以及工程环境监理的老牌甲级环评机构之一。</span>-->
                                            <span name="" style="margin-bottom: 10px;">深圳市汉宇环境科技有限公司成立于2015年，脱钩改制于原深圳市环境科学研究院环境影响评价中心，是国内最早从事环境影响评价以及工程环境监理的老牌甲级环评机构之一，也是广东省和深圳市环保行业的中坚力量。
                                 
                                 
                                 
                                 
                                 
                                 
                                 
                                 
                                                                                                                       </span>
                                            <span></span>
                                            汉宇环境是国家高新技术企业、广东省环保骨干企业、深圳市专精特新中小企业，秉承“开拓、创新、诚信、高效”经营理念，致力发展成为行业领先的综合性生态环境技术服务企业，竭诚为广大客户提供全方位全过程的技术服务。                                                                                                                                                         <br>
                                        </div>
                                    </div>
                                    <div style="width: 35% ;height: auto "> <div style="background: url(/Public/home/images/logo.png) no-repeat center center;height: 100%;width: auto;background-size: contain;margin: 0px 50px;"></div></div>
                                </div>

                                <div class="top" style="    padding: 15px 0  0px 0;">
                                    <div class="box">
                                        <div>
                                            <span class="num">100</span>
                                            <span class="sup">+</span>
                                        </div>
                                        <div class="txt">专业技术人员</div>
                                        <div class="bg"></div>
                                    </div>
                                    <div class="box">
                                        <div>
                                            <span class="num">70</span><span style="font-size: 20px;font-weight: 900;">%</span>
                                            <span class="sup">+</span>
                                        </div>
                                        <div class="txt">硕士研究生占比</div>
                                        <div class="bg"></div>
                                    </div>
                                    <div class="box">
                                        <div>
                                            <span class="num">30</span>
                                            <span class="sup">+</span>
                                        </div>
                                        <div class="txt">高级工程师、<br>注册环评工程师</div>
                                        <div class="bg"></div>
                                    </div>

                                    <div class="box">
                                        <div>
                                            <span class="num">3000</span>
                                            <span class="sup">+</span>
                                        </div>
                                        <div class="txt">累计完成项目</div>
                                        <div class="bg"></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <script>

        var homeData = `null`
        // var a = homeData.Description
        const lis = document.querySelectorAll('.tabs li a');
        for (let i = 0; i < lis.length; i++) {
            lis[i].style.zIndex = lis.length - i;
        }
        const circle = document.querySelector('.progress-ring__circle');
        const radius = circle.r.baseVal.value;
        const circumference = radius * 2 * Math.PI;
        const timeLimit = 4500; // 时间限制，单位为秒
        let timePassed = 0; // 已经过去的时间，单位为秒
        let timerInterval;

        circle.style.strokeDasharray = `${circumference} ${circumference}`;
        circle.style.strokeDashoffset = circumference;

        function setProgress(percent) {
            const offset = circumference - percent / 100 * circumference;
            circle.style.strokeDashoffset = offset;
        }
        function oneStart() {
            timePassed = 0;
            timerInterval = setInterval(() => {
                timePassed+=100
                if(timePassed>=0){
                    const percent = timePassed / timeLimit * 100;
                    setProgress(percent);
                }
                if (timePassed >= timeLimit) {
                    clearInterval(timerInterval);
                }
            }, 100); // 每秒钟更新一次
        }
        function startTimer() {
            clearInterval(timerInterval);
            timePassed = -500;
            setProgress(0);
            timerInterval = setInterval(() => {
                timePassed+=100
                if(timePassed>=0){
                    const percent = timePassed / timeLimit * 100;
                    setProgress(percent);
                }
                if (timePassed >= timeLimit) {
                    clearInterval(timerInterval);
                }
            }, 100); // 每秒钟更新一次
        }
        function resetTimer(){
            clearInterval(timerInterval);
            setProgress(0);

        }
        oneStart()

        $(document).ready(function() {
            $(window).scroll(function() {
                var windowBottom = $(this).scrollTop() + $(this).innerHeight();
                $(".num").each(function() {
                    var objectBottom = $(this).offset().top + $(this).outerHeight();
                    if (objectBottom < windowBottom) {
                        if (!$(this).hasClass('counted')) {
                            $(this).addClass('counted').css('display', 'inline-block').prop('Counter', 0).animate({
                                Counter: parseInt($(this).text())
                            }, {
                                duration: 1500,
                                easing: 'linear',
                                step: function(now) {
                                    $(this).text(Math.floor(now));
                                }
                            });
                        }
                    } else {
                        $(this).removeClass('counted');
                    }
                });
            }).scroll();
        });


        var temp = ['环境影响评价（甲级）', '环境科研与规划', '企业环保管家服务', '政府第三方技术服务', '土壤调查与生态修复', '固体废物污染防治研究', '新污染物与环境健康研究', '智慧环保信息系统开发'];
        var buttonGroup = document.getElementById("buttonGroup");
        var contentBox = document.getElementById("contentBox");

        var content = [
            {
                title:'环境影响评价（甲级）',
                text: "汉宇环境改制脱钩于原深圳市环境科学研究院环评中心，是国内最早从事环境影响评价业务的老牌甲级环评机构之一，持有原建设项目环境影响评价资质（甲级）、广东省环保技术咨询服务能力评价证书（甲级）、广东省环境影响评价编制单位水平评价证书（五星级）等资质。公司技术力量雄厚，项目经验丰富，在全国范围内累计承担超过3000个建设项目环评、区域环评以及规划环评案例，评价范围涉及城市规划、区域开发、交通运输、市政道路、水利工程、机械加工、电子信息、生物制药等多个领域。",
                images: ["xm01001.jpg", "xm01002.jpg", "xm01003.jpg"],
                project:["深圳机场项目环境影响评价   ","机荷高速项目环境影响评价","华星光电项目环境影响评价"]
            },
            {
                title:'环境科学研究与环境规划',
                text: "积极承担或参与多项环境科研课题和城市生态环境规划项目，开展创新性环境保护科学研究和城市环境规划，致力于为解决城市环境管理难题提供技术支撑；开展国土空间规划和生态环境分区管控研究，牵头制订区域空间环境评价管理制度、技术方法、标准规范等。同时与国内多所高校、研究院、设计院建立合作关系，并组建技术团队，致力于环境科学技术的研发，为我国环境污染防治提供技术支撑。目前已获得多项发明专利和计算机软件专著，部分课题成果获得广东省及深圳市环保奖项。",
                images: ["xm02001.jpg", "xm02002.jpg", "xm02003.jpg"],
                project:["水源区环境风险评估体系研究","垃圾焚烧发电厂污染控制技术研究","交通噪声污染防治研究"]

            },
            {
                title:'企业环保管家服务',
                text: "可为企业提供专业的环境技术服务，包括项目选址环境评估、施工期环境监理、竣工环保验收、排污许可证申请、环保设施运营管理、清洁生产审核、突发事件环境应急预案、碳排放核查与评估、环保法律咨询等全方位一站式环保管家服务。公司具有丰富的环境评价、技术研究、工程领域等相关工作实践经验，并组建了具有丰富项目经验的专家技术团队，至今已为数千家企业提供了各类型的全过程环境技术服务。",
                images: ["xm03001.jpg", "xm03002.jpg", "xm03003.jpg"],
                project:["施工期环境监理   ","清洁生产审核","竣工环保验收"]
            },
            {
                title:'政府第三方技术服务',
                text: "依托多年的项目环境技术服务工作经验，汉宇环境以一流的服务团队、精诚服务的品质，长期为深圳市生态环境局及下属各区管理局、深圳市水务局及各区水务局、市城管局、市交通局等政府管理部门提供环保事项技术咨询、排污许可技术咨询、环境管理政策咨询、规划及建设项目环保咨询、区域环评政策咨询等技术咨询服务，为政府决策提供技术支撑，确保政府决策的科学性和高效性。",
                images: ["xm04001.jpg", "xm04002.jpg", "xm04003.jpg"],
                project:["饮用水源区保护巡查","行政处罚案件现场核查","排污许可政策培训"]
            },
            {
                title:'土壤调查与生态修复',
                text: "汉宇环境是深圳市最早开展土壤调查与生态修复的技术机构之一，可承接的业务类型包括：疑似污染地块（城市更新单元）土壤环境初步调查与风险评估、污染地块土壤环境详细调查与风险评估、城市更新单元项目生态修复专项规划、污染场地安全利用调查与评估、土壤环境修复科研课题研究、生态控制线调整评估等。目前已完成土壤调查与生态修复相关项目100余项，工作经验丰富，项目完成质量高，在深圳市技术评估排名中长期位居首位。",
                images: ["xm05001.jpg", "xm05002.jpg", "xm05003.jpg"],
                project:["现场钻探打井","地下水现场采样v","土壤样品采集"]
            },
            {
                title:'固体废物污染防治研究',
                text: "汉宇环境在深从事固体废物污染防治研究工作多年，并积极参与深圳“无废城市”创建工作，积累了大量的项目经验  ，对全市的生活垃圾、危险废物、医疗废物、一般工业固体废物以及其他类型固体废物的处理处置对策和污染防治技术均有较深入研究，并与深圳市环卫处、深圳环保科技集团、深能环保等单位长期保持紧密合作关系。主要开展的业务方向有：固体废物调查、固体废物污染防治规划及研究、固体废物处置设施选址评估、环境园污染防治研究与评估、危险废物属性鉴别等。",
                images: ["xm06001.jpg", "xm06002.jpg", "xm06003.jpg"],
                project:["深圳市危险废物污染防治规划   ","垃圾焚烧厂污染控制研究","宝安环境治理技术应用示范基地"]

            },
            {
                title:'新污染物与环境健康研究',
                text: "基于国家和地方新污染物治理和环境健康管理需求，开展区域、流域有毒有害化学物质环境风险识别与评估、有毒有害化学物质人体健康和生态风险筛选与评估等研究工作，辅助地方政府管理部门制定新污染物治理实施方案和开展成效评估，提供全方位管理决策支撑，打造新污染物和环境健康领域智库平台。",
                images: ["xm07001.jpg", "xm07002.jpg", "xm07003.jpg"],
                project:["第五届新污染物学术会议（郑州）","新污染物调查培训（深圳）","公司开展新污染物与环境健康讲座"]
            },
            {
                title:'智慧环保信息系统开发',
                text: "基于环境保护工作和电子政务建设的政策和规划总体要求，以现有信息系统为基础，依托物联网、云计算、大数据、人工智能AI等新一代信息技术，全面整合环境信息资源，建设“基础服务一平台、数据融合一中心、空间数据一张图、业务系统一账号、污染监管一档案”等环保核心业务的应用系统，以更加精细和动态的方式实现环境管理和决策的“智慧”，为生态环境智慧化管理提供解决方案。",
                images: ["xm08001.jpg", "xm08002.jpg", "xm08003.jpg"],
                project:["宝安区域环评服务平台","龙岗排污许可证后监管服务平台","光明区域环评服务系统"]

            },
            // 添加更多内容对象以对应每个按钮
        ];

        for (var i = 0; i < content.length; i++) {
            var button = document.createElement("button");
            button.innerHTML = content[i].title;
            button.classList.add("bt");
            button.onclick = function() {
                displayContent(this.innerHTML);
            }
            buttonGroup.appendChild(button);
            displayContent(content[0].title);
        }

        function displayContent(buttonText) {
            // contentBox.innerHTML = "";
            document.getElementById("contentBox")
                .getElementsByClassName("content")[0].innerHTML=""
            var selectedContent = content.find(function(obj) {
                return obj.title === buttonText;
            });
            if (selectedContent) {
                document.getElementById("contentBox")
                    .getElementsByClassName("rtop")[0]
                    .innerHTML = selectedContent.text;
                for (var i = 0; i < selectedContent.images.length; i++) {
                    var div = document.createElement("div");
                    div.classList.add("content-box");
                    document.getElementById("contentBox")
                        .getElementsByClassName("content")[0]
                        .append(div)
                    var div2 = document.createElement("div");
                    div2.classList.add("images");
                    div2.style.backgroundImage = 'url(/Public/home/images/'+selectedContent.images[i]+')';
                    var div3 = document.createElement("div");
                    div3.classList.add("project");
                    div3.innerHTML=selectedContent.project[i]

                    document.getElementById("contentBox")
                        .getElementsByClassName("content")[0]
                        .getElementsByClassName("content-box")[i]
                        .append(div2)
                    document.getElementById("contentBox")
                        .getElementsByClassName("content")[0]
                        .getElementsByClassName("content-box")[i]
                        .append(div3)
                }

                // $("#contentBox .rtop").html("新的子 div 内容");
            } else {
                contentBox.innerHTML = "未知按钮";
            }
        }


        const gallery = new Viewer(document.getElementById('swiper-qualification'),{
            // 是否显示背景遮罩层
            backdrop: true,
            // 是否显示按钮
            button: true,
            // 是否在图像上使用焦点
            focus: false,
            // 是否启用全屏模式
            fullscreen: true,
            // 是否显示加载动画
            loading: true,
            // 是否循环播放动画
            loop: false,
            // 是否使用键盘控制
            keyboard: true,
            // 是否允许移动图像
            movable: true,
            // 是否显示导航栏
            navbar: true,
            // 是否允许旋转图像
            rotatable: true,
            // 是否允许缩放图像
            scalable: true,
            // 是否在触摸设备上使用滑动切换图像
            slideOnTouch: true,
            // 是否显示图像标题
            title: false,
            // 是否启用双击切换图像
            toggleOnDblclick: true,
            // 是否显示工具栏
            toolbar: true,
            // 是否显示工具提示
            tooltip: true,
            // 是否启用过渡效果
            transition: true,
            // 是否允许鼠标滚轮缩放图像
            zoomOnWheel: true,
            // 是否在触摸设备上使用手势缩放图像
            zoomOnTouch: true,
            // 是否允许缩放图像
            zoomable: true,

            ready: function (e) {
                console.log(e.type); // 查看器准备好时触发
            },
            show: function (e) {
                console.log(e.type); // 查看器显示时触发
            },
            shown: function (e) {
                console.log(e.type); // 查看器显示完成时触发
            },
            hide: function (e) {
                console.log(e.type); // 查看器隐藏时触发
            },
            hidden: function (e) {
                console.log(e.type); // 查看器隐藏完成时触发
            },
            view: function (e) {
                console.log(e.type); // 查看器切换图像时触发
            },
            viewed: function (e) {
                console.log(e.type); // 查看器切换图像完成时触发
            },
            move: function (e) {
                console.log(e.type); // 查看器移动图像时触发
            },
            moved: function (e) {
                console.log(e.type); // 查看器移动图像完成时触发
            },
            rotate: function (e) {
                console.log(e.type); // 查看器旋转图像时触发
            },
            rotated: function (e) {
                console.log(e.type); // 查看器旋转图像完成时触发
            },
            scale: function (e) {
                console.log(e.type); // 查看器缩放图像时触发
            },
            scaled: function (e) {
                console.log(e.type); // 查看器缩放图像完成时触发
            },
            zoom: function (e) {
                console.log(e.type); // 查看器放大图像时触发
            },
            zoomed: function (e) {
                console.log(e.type); // 查看器放大图像完成时触发
            },
            play: function (e) {
                console.log(e.type); // 查看器播放动画时触发
            },
            stop: function (e) {
                console.log(e.type); // 查看器停止播放动画时触发
            },
        });





    </script>



		<ul id="tbox">
    <li><a id="gotop" href="javascript:void(0)"></a></li>
</ul><!-- /#tbox --> 
<footer class="footer">
    <div class="mk">
        <div class="container clearfix">
            <div class="footer-contact clearfix">
                <dl class="address">
                    <dt><i class="iconfont">&#xe657;</i></dt>
                    <dd>深圳市福田区红荔西路<br>7058号市政大厦510</dd>
                </dl>
                <dl>
                    <dt><i class="iconfont">&#xe608;</i></dt>
                    <dd>0755-25562785</dd>
                </dl>
                <dl>
                    <dt><i class="iconfont">&#xe611;</i></dt>
                    <dd>0755-25893055</dd>
                </dl>
                <dl>
                    <dt><i class="iconfont">&#xe65b;</i></dt>
                    <dd>358651241@qq.com</dd>
                </dl>
                <div class="cb"></div>
            </div>
            <div class="copyright">
                Copyright &copy; <a href="http://hanyu.ileiqie.com/" target="_blank" title="深圳市汉宇环境科技有限公司">深圳市汉宇环境科技有限公司</a> <a href="https://beian.miit.gov.cn" target="_blank" title="深圳市汉宇环境科技有限公司">粤ICP备19070503号</a>   ALL RIGHTS RESERVED
                <!-- <a href="http://mail.hanyuhuanjing.com" target="_blank" title="企业邮箱">企业邮箱</a>  |  -->
                <a href="/Admin.html" target="_blank" title="管理后台">管理后台</a>
            </div>
    </div>

</footer>

		<script type="text/javascript" src="/Public/home/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="/Public/home/js/swiper-bundle.min.js"></script>
		<script type="text/javascript" src="/Public/home/js/public.js"></script>
		<script src="/Public/admin/vendors/bower_components/bootstrap-sweetalert/lib/sweet-alert.min.js"></script>

		


	</body>
</html>