<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no">
    <title>上海交通大学 - 海洋学院</title>
    <meta name="keywords" content="上海交通大学 - 海洋学院"/>
    <meta name="description" content="上海交通大学 - 海洋学院"/>
    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css?v=0.0.4" />
    <link rel="stylesheet" href="/assets/fonts/bootstrap-icons/font/bootstrap-icons.css?v=0.0.4">
    <link rel="stylesheet" href="/assets/css/lib/swiper-bundle.min.css?v=0.0.4">
    <link rel="stylesheet" href="/assets/css/style.css?v=0.0.4">
    <link rel="stylesheet" href="/css/not2.css?v=0.0.4">
    <link rel="stylesheet" href="/assets/css/header.css?v=0.0.4">
    <link rel="stylesheet" href="/assets/css/footer.css?v=0.0.4">
    <link rel="stylesheet" href="/css/slick.css?v=0.0.4">
    <link rel="stylesheet" href="/css/animate.css?v=0.0.4">
    <link rel="stylesheet" href="/css/swiper-5.css?v=0.0.4">
    <link rel="stylesheet" href="/css/not2.css?v=0.0.4">
    <link rel="stylesheet" href="/css/admin.css?v=0.0.4">
    <link rel="stylesheet" href="/assets/css/style_new.css?v=0.0.4">
    <script src="/assets/js/jquery-3.6.0.min.js?v=0.0.4"></script>
    <script src="/assets/bootstrap/js/bootstrap.min.js?v=0.0.4"></script>
    <script src="/assets/js/lib/swiper-bundle.min.js?v=0.0.4"></script>
    <script src="/assets/js/lib/Detector.js?v=0.0.4"></script>
    <script src="/assets/js/lib/three.min.js?v=0.0.4"></script>
    <script src="/assets/js/lib/tween.min.js?v=0.0.4"></script>
    <script src="/assets/js/lib/OrbitControls.js?v=0.0.4"></script>

    <script src="/assets/js/main.js?v=0.0.4"></script>
    <style>
        .startbg{overflow: hidden;}
        .header-wrapper .old{
            color: #fff;
            margin-right: 5px;
        }
        .startbg .num{
            display: none;
        }
    </style>

    <!-- 美化alert -->
    <link rel="stylesheet" href="/public/js/alert/BeAlert.css?v=0.0.4">
    <script src="/public/js/alert/BeAlert.js?v=0.0.4"></script>
    <script type="text/javascript">
        function search_validate(){
            if($.trim($('input[name="search_keywords"]').val()) == '' && $.trim($('input[name="search_keywords2"]').val()) == ''){
                alert('请输入搜索关键字');
                return false;
            }
        }
    </script>
    <!--视频-->
    <link href="/public/css/css.css?v=0.0.4" rel="stylesheet">
    <link href="/public/css/video-js.css?v=0.0.4" rel="stylesheet">
    <script src="/public/js/video.min.js?v=0.0.4"></script>
    <script src="/public/js/zh-CN.js?v=0.0.4"></script>

    </head><body class="home">
    <div class="startbg">
	    <div class="logo">
	        <div class="round">
	            <div id="rounded"></div>
	        </div>
	        <div class="container">
	            <div class="img"><img src="/assets/images/logo_sp.svg" alt=""></div>
	        </div>
	    </div>
	    <div class="num">
	        <span id="progress">0</span>
	    </div>
	</div>

    <header class="header-wrapper">
    <div class="container">
        <div class="header">
            <div class="header-top-box">
                <div class="logo">
                    <a href="/">
                        <span class="hidden">
                            <img src="/static/upload/2024/03/28/202403281471.png" class="logo_white">
                        </span>
                        <span class="hidden-md">
                            <!-- <img src="/assets/images/logo_sp.png" class="logo_white"> -->
                            <!-- <img src="/assets/images/logo_sp_blue.png" class="logo_blue"> -->
                        </span>
                    </a>
                </div>
                <div class="right-box">
                    <div class="search-language">
                        <div class="search hidden">
                            <i class="search-icon"></i>
                            <form id="search_form" method="get" action="//m.debrasynovec.com/active/search.html" onsubmit="return search_validate();">
                                <input type="search" placeholder="请输入关键词搜索" name="search_keywords" id="search_keywords">
                                <input type="submit" value="" class="search-icon" style="border:none;opacity: 0;">
                            </form>
                            <i class="bi bi-x-lg search-close"></i>
                        </div>
                                                <a href="//m.debrasynovec.com/user/jaccount_login.html" class="usericon"></a>
                                                <a href="https://soo-old.sjtu.edu.cn/" class="old">旧站入口</a>
                        <div class="language"><a href="/" class="active">ZH</a> | <a href="https://soo-old.sjtu.edu.cn/en">EN</a></div>
                    </div>
                    <div class="header-actions hidden-md">
                        <div class="menu-icon">
                            <div class="close-btn">
                                <span></span>
                                <span></span>
                            </div>
                            <a class="action-btn" href="javascript:;">
                                <span></span>
                                <span></span>
                                <span></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-bottom-box hidden">
                <div class="main-menu">
                    <ul>
                        <li><a class="active" href="/">首页</a></li>
                                                <li>
                            <a  href="//m.debrasynovec.com/xygk.html">学院概况</a>
                                                        <ul class="sub_ul">
                                                                <li><a href="//m.debrasynovec.com/about.html">学院简介</a></li>
                                                                <li><a href="//m.debrasynovec.com/president.html">院长寄语</a></li>
                                                                <li><a href="//m.debrasynovec.com/leader.html">学院领导</a></li>
                                                                <li><a href="//m.debrasynovec.com/committee.html">学院委员会</a></li>
                                                                <li><a href="//m.debrasynovec.com/institution.html">行政机构</a></li>
                                                                <li><a href="//m.debrasynovec.com/popularize.html">学院宣传</a></li>
                                                                <li><a href="//m.debrasynovec.com/contact.html">联系我们</a></li>
                                                            </ul>
                                                    </li>
                                                <li>
                            <a  href="//m.debrasynovec.com/szdw.html">师资队伍</a>
                                                        <ul class="sub_ul">
                                                                <li><a href="//m.debrasynovec.com/teacher-profile.html">师资概况</a></li>
                                                                <li><a href="//m.debrasynovec.com/teacher-list.html">教师名录</a></li>
                                                                <li><a href="//m.debrasynovec.com/teacher-list2.html">博士后</a></li>
                                                                <li><a href="//m.debrasynovec.com/joinus.html">招聘信息</a></li>
                                                                <li><a href="//m.debrasynovec.com/mingshifangtan.html">名师访谈</a></li>
                                                                <li><a href="//m.debrasynovec.com/hr-service.html">人事服务</a></li>
                                                            </ul>
                                                    </li>
                                                <li>
                            <a  href="//m.debrasynovec.com/kxyj.html">科学研究</a>
                                                        <ul class="sub_ul">
                                                                <li><a href="//m.debrasynovec.com/scientific-research.html">科研概况</a></li>
                                                                <li><a href="//m.debrasynovec.com/scient-list1.html">科研动态</a></li>
                                                                <li><a href="//m.debrasynovec.com/scientific-projects-list.html">科研内容</a></li>
                                                                <li><a href="//m.debrasynovec.com/base-list.html">平台基地</a></li>
                                                                <li><a href="//m.debrasynovec.com/scient-list2.html">学术报告</a></li>
                                                                <li><a href="//m.debrasynovec.com/scient-list3.html">海洋科普</a></li>
                                                            </ul>
                                                    </li>
                                                <li>
                            <a  href="//m.debrasynovec.com/rcpy.html">人才培养</a>
                                                        <ul class="sub_ul">
                                                                <li><a href="//m.debrasynovec.com/rcpygk.html">概况</a></li>
                                                                <li><a href="//m.debrasynovec.com/personnel-training1.html">本科生教育</a></li>
                                                                <li><a href="//m.debrasynovec.com/personnel-training2.html">研究生教育</a></li>
                                                                <li><a href="//m.debrasynovec.com/personnel-training3.html">招生信息</a></li>
                                                            </ul>
                                                    </li>
                                                <li>
                            <a  href="//m.debrasynovec.com/gjjl.html">国际交流</a>
                                                        <ul class="sub_ul">
                                                                <li><a href="//m.debrasynovec.com/international-exchange.html">概况</a></li>
                                                                <li><a href="//m.debrasynovec.com/international-exchange2.html">国际化办学</a></li>
                                                                <li><a href="//m.debrasynovec.com/guide-list.html">办事指南</a></li>
                                                                <li><a href="//m.debrasynovec.com/hzjl.html">国际会议</a></li>
                                                            </ul>
                                                    </li>
                                                <li>
                            <a  href="//m.debrasynovec.com/xsgz.html">学生工作</a>
                                                        <ul class="sub_ul">
                                                                <li><a href="//m.debrasynovec.com/student-news.html">学工新闻</a></li>
                                                                <li><a href="//m.debrasynovec.com/student-list.html">学生风采</a></li>
                                                                <li><a href="//m.debrasynovec.com/student-news2.html">通知公告</a></li>
                                                                <li><a href="//m.debrasynovec.com/student-news3.html">常用信息</a></li>
                                                            </ul>
                                                    </li>
                                                <li>
                            <a  href="//m.debrasynovec.com/dqgz.html">党群工作</a>
                                                        <ul class="sub_ul">
                                                                <li><a href="//m.debrasynovec.com/dangjian-about.html">党建概况</a></li>
                                                                <li><a href="//m.debrasynovec.com/djdt.html">党群动态</a></li>
                                                                <li><a href="//m.debrasynovec.com/dangjian-list2.html">学习园地</a></li>
                                                                <li><a href="//m.debrasynovec.com/dangjian-list5.html">工会概况</a></li>
                                                            </ul>
                                                    </li>
                                                <li>
                            <a  href="//m.debrasynovec.com/hyzj.html">海洋之家</a>
                                                        <ul class="sub_ul">
                                                                <li><a href="//m.debrasynovec.com/home-list.html">校友名录</a></li>
                                                                <li><a href="//m.debrasynovec.com/home-news.html">通知公告</a></li>
                                                                <li><a href="//m.debrasynovec.com/home-service.html">校友服务</a></li>
                                                                <li><a href="//m.debrasynovec.com/home-support.html">支持学院</a></li>
                                                                <li><a href="//m.debrasynovec.com/logo.html">常用文件</a></li>
                                                            </ul>
                                                    </li>
                                                <li>
                            <a  href="//m.debrasynovec.com/notification.html">通知公告</a>
                                                    </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="mobile-menu-wrapper">
    <div class="form-box">
        <div class="search">
            <form id="search_form2" method="get" action="//m.debrasynovec.com/active/search.html" onsubmit="return search_validate();">
                <input class="search-icon" type="submit" value="" style="border:none;">
                <input type="search" name="search_keywords2" id="search_keywords2" placeholder="请输入关键词搜索">
            </form>
            <!-- <i class="bi bi-x-lg search-close"></i> -->
        </div>
    </div>
    <nav>
        <ul class="mobile-menu menu_toggleHandle">
            <li><a class="wow animate__fadeInDown" href="/">首页</a></li>
                        <li>
                                <a class="" href="javascript:;">学院概况 <i class="toggle"></i></a>
                <ul>
                                        <li><a href="//m.debrasynovec.com/about.html">学院简介</a></li>
                                        <li><a href="//m.debrasynovec.com/president.html">院长寄语</a></li>
                                        <li><a href="//m.debrasynovec.com/leader.html">学院领导</a></li>
                                        <li><a href="//m.debrasynovec.com/committee.html">学院委员会</a></li>
                                        <li><a href="//m.debrasynovec.com/institution.html">行政机构</a></li>
                                        <li><a href="//m.debrasynovec.com/popularize.html">学院宣传</a></li>
                                        <li><a href="//m.debrasynovec.com/contact.html">联系我们</a></li>
                                    </ul>
                            </li>
                        <li>
                                <a class="" href="javascript:;">师资队伍 <i class="toggle"></i></a>
                <ul>
                                        <li><a href="//m.debrasynovec.com/teacher-profile.html">师资概况</a></li>
                                        <li><a href="//m.debrasynovec.com/teacher-list.html">教师名录</a></li>
                                        <li><a href="//m.debrasynovec.com/teacher-list2.html">博士后</a></li>
                                        <li><a href="//m.debrasynovec.com/joinus.html">招聘信息</a></li>
                                        <li><a href="//m.debrasynovec.com/mingshifangtan.html">名师访谈</a></li>
                                        <li><a href="//m.debrasynovec.com/hr-service.html">人事服务</a></li>
                                    </ul>
                            </li>
                        <li>
                                <a class="" href="javascript:;">科学研究 <i class="toggle"></i></a>
                <ul>
                                        <li><a href="//m.debrasynovec.com/scientific-research.html">科研概况</a></li>
                                        <li><a href="//m.debrasynovec.com/scient-list1.html">科研动态</a></li>
                                        <li><a href="//m.debrasynovec.com/scientific-projects-list.html">科研内容</a></li>
                                        <li><a href="//m.debrasynovec.com/base-list.html">平台基地</a></li>
                                        <li><a href="//m.debrasynovec.com/scient-list2.html">学术报告</a></li>
                                        <li><a href="//m.debrasynovec.com/scient-list3.html">海洋科普</a></li>
                                    </ul>
                            </li>
                        <li>
                                <a class="" href="javascript:;">人才培养 <i class="toggle"></i></a>
                <ul>
                                        <li><a href="//m.debrasynovec.com/rcpygk.html">概况</a></li>
                                        <li><a href="//m.debrasynovec.com/personnel-training1.html">本科生教育</a></li>
                                        <li><a href="//m.debrasynovec.com/personnel-training2.html">研究生教育</a></li>
                                        <li><a href="//m.debrasynovec.com/personnel-training3.html">招生信息</a></li>
                                    </ul>
                            </li>
                        <li>
                                <a class="" href="javascript:;">国际交流 <i class="toggle"></i></a>
                <ul>
                                        <li><a href="//m.debrasynovec.com/international-exchange.html">概况</a></li>
                                        <li><a href="//m.debrasynovec.com/international-exchange2.html">国际化办学</a></li>
                                        <li><a href="//m.debrasynovec.com/guide-list.html">办事指南</a></li>
                                        <li><a href="//m.debrasynovec.com/hzjl.html">国际会议</a></li>
                                    </ul>
                            </li>
                        <li>
                                <a class="" href="javascript:;">学生工作 <i class="toggle"></i></a>
                <ul>
                                        <li><a href="//m.debrasynovec.com/student-news.html">学工新闻</a></li>
                                        <li><a href="//m.debrasynovec.com/student-list.html">学生风采</a></li>
                                        <li><a href="//m.debrasynovec.com/student-news2.html">通知公告</a></li>
                                        <li><a href="//m.debrasynovec.com/student-news3.html">常用信息</a></li>
                                    </ul>
                            </li>
                        <li>
                                <a class="" href="javascript:;">党群工作 <i class="toggle"></i></a>
                <ul>
                                        <li><a href="//m.debrasynovec.com/dangjian-about.html">党建概况</a></li>
                                        <li><a href="//m.debrasynovec.com/djdt.html">党群动态</a></li>
                                        <li><a href="//m.debrasynovec.com/dangjian-list2.html">学习园地</a></li>
                                        <li><a href="//m.debrasynovec.com/dangjian-list5.html">工会概况</a></li>
                                    </ul>
                            </li>
                        <li>
                                <a class="" href="javascript:;">海洋之家 <i class="toggle"></i></a>
                <ul>
                                        <li><a href="//m.debrasynovec.com/home-list.html">校友名录</a></li>
                                        <li><a href="//m.debrasynovec.com/home-news.html">通知公告</a></li>
                                        <li><a href="//m.debrasynovec.com/home-service.html">校友服务</a></li>
                                        <li><a href="//m.debrasynovec.com/home-support.html">支持学院</a></li>
                                        <li><a href="//m.debrasynovec.com/logo.html">常用文件</a></li>
                                    </ul>
                            </li>
                        <li>
                                <a class="" href="//m.debrasynovec.com/notification.html">通知公告</a>
                            </li>
                    </ul>
    </nav>
</div>

    <main class="page-wrap">
        <article class="home-wrap">
                        <section class="section section01">
                <div class="video-container">
                    <video autoplay loop muted>
                        <source src="/static/upload/2023/10/27/202310279126.mp4" type="video/mp4">
                    </video>
                </div>
                <div class="img-cont"><img src="/assets/images/hybg.gif" alt=""></div>
                <div class="container">
                    <h1 class="title"><span></span></h1>
                    <a class="scroll-btn open-video" href="javascript:;">
                        <span class="more">探索SO</span>
                        <div class="icon"><img src="/assets/images/home-video-icon.svg" alt=""></div>
                        <!-- <span class="scroll-arrows">
                            <span class="scroll-arrow scroll-arrow-1">
                                <i class="bi bi-arrow-down"></i>
                            </span>
                            <span class="scroll-arrow scroll-arrow-2">
                                <i class="bi bi-arrow-down"></i>
                            </span>
                        </span> -->
                    </a>
                </div>
                <a href="#section02_earth_wrap" class="moused-box active">
                    <div class="moused">
                        <span></span>
                    </div>
                    <span class="scroll-arrows">
                        <span class="scroll-arrow scroll-arrow-1">
                            <i class="bi bi-arrow-down"></i>
                        </span>
                    </span>
                </a>
                <div class="openToVideo-box" style="display: none;">
                    <div class="openToVideo">
                        <div class="closeBtn"><img src="/assets/images/close.svg" alt=""></div>
                        <div class="video">
                            <video controls="">
                                <source src="/static/upload/2023/12/11/202312113599.mp4" type="video/mp4">
                            </video>
                        </div>
                    </div>
                </div>
            </section>
                        <section class="section02_earth_wrap" id="section02_earth_wrap">
                <div class="section_ht"></div>
                <div class="section section02_earth" id="section02_earth">
                    <div class="titleBox earth-tit">
                        <div>
                            <strong>环球科研 <span class="ts span">拖动地球、点击亮点查看更多内容<i></i></span></strong>
                        </div>
                    </div>
                    <div class="listspc hidden">
                        <div class="list list01">
                            <i class="line"></i>
                            <div class="con">
                                <p>海洋学院面向世界海洋科技前沿领域，探索与解决海洋资源环境、气候变化和安全等重大问题，服务于人类和我国经济社会可持续性发展，努力将学院建设成为面向深海、以海陆结合、科学与技术交叉为特色的世界一流海洋科技研究中心和人才培养基地。学院科研足迹遍布全球，并逐步形成“四极”特色，建设了多个高水平科研平台，聚焦极地生态保护和极地治理，为我国制定应对气候变化策略、参与极地生态环境保护和国际治理提供科学支撑。</p>                            </div>
                        </div>
                    </div>
                                        <div class="listsBox hidden">
                                                <div class="lists" data-id="local1" data-lon="-164" data-lat="-75">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>南大洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangzhaoru.html">张召儒</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/ndy/1750.html">南极底层水和绕极深层水的生成与输运过程及其气候和生态效应</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>南大洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangyu.html">张宇</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/ndy/1751.html">高静水压对南大洋深海颗粒有机物的微生物转化过程和机制影响的研究</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>南大洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangruifeng.html">张瑞峰</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/ndy/1749.html">西南极痕量金属的源汇格局及生态效应</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>南大洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhaoxiangyu.html">赵翔宇</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/ndy/1714.html">磁性地层学与环境磁学</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local2" data-lon="191.279542" data-lat="74.243225">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>北冰洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/linpeigen.html">林培根</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/bby/1745.html">北冰洋环流及其变化机制</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>北冰洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangruifeng.html">张瑞峰</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/bby/1754.html">冰川融水中痕量金属通过峡湾的向海输送</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>北冰洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangyu.html">张宇</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/bby/1752.html">极地土壤微生物环境适应性与碳代谢潜力研究</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>北冰洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangruifeng.html">张瑞峰</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/bby/1719.html">西北冰洋痕量金属及其稳定同位素的分布</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local3" data-lon="139.400861" data-lat="18.330176">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>西太平洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhoulei.html">周磊</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/xtpy/1748.html">海洋次表层过程对热带气旋的影响及其机制</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>西太平洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangyu.html">张宇</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/xtpy/1716.html">高静水压影响深渊海沟惰性溶解有机碳库转化和氮循环的研究</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local4" data-lon="-22.348173" data-lat="63.183912">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>北大西洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/linpeigen.html">林培根</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/bdxy/1747.html">北大西洋的水体输运通道及其对经向翻转环流的影响</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>北大西洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list2/donghuizi.html">董卉子</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/bdxy/1746.html">北大西洋-北欧海盆涡旋伴生的亚中尺度动力过程及垂向输运研究</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>北大西洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangyu.html">张宇</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/bdxy/1715.html">冷泉中的甲烷氧化过程及代谢通量研究</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local5" data-lon="79.72003" data-lat="1.38485">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>印度洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhoulei.html">周磊</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/ydy/1720.html">季风及季节内变化的特征和机制</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local6" data-lon="124.135122" data-lat="27.664228">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>东海</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangruifeng.html">张瑞峰</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/dh/1718.html">痕量金属在黄、东海的分布及其驱动因素</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>东海</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhuzhuoyi.html">朱卓毅</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/dh/1713.html">近海养殖的海洋有机碳循环效应</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>东海</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhuzhuoyi.html">朱卓毅</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/dh/1712.html">中国海底层水脱氧的产生和维持机制</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local7" data-lon="115.083652" data-lat="12.674573">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>南海</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhangruifeng.html">张瑞峰</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/nh/1717.html">痕量金属及其稳定同位素跨越珠江口的行为和南海北部陆坡的分布</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local8" data-lon="" data-lat="">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>跨区域</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/xieruifang.html">谢瑞芳</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/kqy/1766.html">格陵兰岛峡湾冰川融水的向海通量及其对近海生物碳泵的作用</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>跨区域</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/xieruifang.html">谢瑞芳</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/kqy/1765.html">痕量金属同位素示踪低氧海区中的生地化过程</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>跨区域</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhuzhuoyi.html">朱卓毅</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/kqy/1764.html">中国海底层水脱氧的产生和维持机制</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>跨区域</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhuzhu.html">朱珠</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/kqy/1763.html">河口区浮游微生物群落结构动态特征及组装机制</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>跨区域</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/wangxianwei.html">王显威</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/kqy/1753.html">极地冰川变化与冰川-海洋相互作用</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local9" data-lon="" data-lat="">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>全球</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhuzhu.html">朱珠</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/qq/1761.html">浮游植物对全球气候变化的响应</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>全球</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhouyuntao.html">周韫韬</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/qq/1760.html">海洋极端事件（如缺氧、热浪、寒潮等）的时空格局</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>全球</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhouyuntao.html">周韫韬</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/qq/1759.html">海洋溶解氧的变化及其对于海洋生物的生理影响</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>全球</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/wangfengping.html">王风平</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/qq/1757.html">海洋深部生物圈</a>
                                </div>
                            </div>
                                                        <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>全球</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/fengyuanyuan.html">冯媛媛</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/qq/1756.html">海洋颗石藻应对全球气候变化的生理生态学响应及机制研究</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local10" data-lon="13" data-lat="69">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>亚北极</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zhoumeng.html">周朦</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/ybj/1744.html">挪威海北部中尺度动力过程及关键浮游生物的跨陆坡输运研究</a>
                                </div>
                            </div>
                                                    </div>
                                                <div class="lists" data-id="local11" data-lon="90" data-lat="30">
                                                                                    <div class="list">
                                <div class="position-username-wrap">
                                    <div class="position">
                                        <i class="compass"></i><span>太平洋</span>
                                    </div>
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/majian.html">马建</a></span>
                                                                            </div>
                                                                    </div>
                                <div class="title">
                                    <a href="//m.debrasynovec.com/taipingyang/1755.html">区域气候变化中基于海气相互作用的热带水循环动力过程</a>
                                </div>
                            </div>
                                                    </div>
                                            </div>
                </div>
                <div class="earthWrap" id="earthWrap">
                    <div id="earthContainer"></div>
                </div>
                <div class="earth-items-box hidden-md">
                    <div class="header-title"><a href="javascript:;"><div class="title">各地科研项目<span>30</span></div><div class="show bi bi-x"></div></a></div>
                    <div class="content-box">
                        <div class="map-list-box">
                                                                                    <div class="map-lists">
                                <div class="title">南大洋 <span>4</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/ndy/1750.html">南极底层水和绕极深层水的生成与输运过程及其气候和生态效应</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/ndy/1751.html">高静水压对南大洋深海颗粒有机物的微生物转化过程和机制影响的研究</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/ndy/1749.html">西南极痕量金属的源汇格局及生态效应</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/ndy/1714.html">磁性地层学与环境磁学</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">北冰洋 <span>4</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/bby/1745.html">北冰洋环流及其变化机制</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/bby/1754.html">冰川融水中痕量金属通过峡湾的向海输送</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/bby/1752.html">极地土壤微生物环境适应性与碳代谢潜力研究</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/bby/1719.html">西北冰洋痕量金属及其稳定同位素的分布</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">西太平洋 <span>2</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/xtpy/1748.html">海洋次表层过程对热带气旋的影响及其机制</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/xtpy/1716.html">高静水压影响深渊海沟惰性溶解有机碳库转化和氮循环的研究</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">北大西洋 <span>3</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/bdxy/1747.html">北大西洋的水体输运通道及其对经向翻转环流的影响</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/bdxy/1746.html">北大西洋-北欧海盆涡旋伴生的亚中尺度动力过程及垂向输运研究</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/bdxy/1715.html">冷泉中的甲烷氧化过程及代谢通量研究</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">印度洋 <span>1</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/ydy/1720.html">季风及季节内变化的特征和机制</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">东海 <span>3</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/dh/1718.html">痕量金属在黄、东海的分布及其驱动因素</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/dh/1713.html">近海养殖的海洋有机碳循环效应</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/dh/1712.html">中国海底层水脱氧的产生和维持机制</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">南海 <span>1</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/nh/1717.html">痕量金属及其稳定同位素跨越珠江口的行为和南海北部陆坡的分布</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">跨区域 <span>5</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/kqy/1766.html">格陵兰岛峡湾冰川融水的向海通量及其对近海生物碳泵的作用</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/kqy/1765.html">痕量金属同位素示踪低氧海区中的生地化过程</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/kqy/1764.html">中国海底层水脱氧的产生和维持机制</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/kqy/1763.html">河口区浮游微生物群落结构动态特征及组装机制</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/kqy/1753.html">极地冰川变化与冰川-海洋相互作用</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">全球 <span>5</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/qq/1761.html">浮游植物对全球气候变化的响应</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/qq/1760.html">海洋极端事件（如缺氧、热浪、寒潮等）的时空格局</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/qq/1759.html">海洋溶解氧的变化及其对于海洋生物的生理影响</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/qq/1757.html">海洋深部生物圈</a></div>
                                                                        <div class="list"><a href="//m.debrasynovec.com/qq/1756.html">海洋颗石藻应对全球气候变化的生理生态学响应及机制研究</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">亚北极 <span>1</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/ybj/1744.html">挪威海北部中尺度动力过程及关键浮游生物的跨陆坡输运研究</a></div>
                                                                    </div>
                            </div>
                                                                                    <div class="map-lists">
                                <div class="title">太平洋 <span>1</span></div>
                                <div class="lists">
                                                                        <div class="list"><a href="//m.debrasynovec.com/taipingyang/1755.html">区域气候变化中基于海气相互作用的热带水循环动力过程</a></div>
                                                                    </div>
                            </div>
                                                    </div>
                    </div>
                </div>
            </section>
                        <section class="section section03" id="section03">
                <div class="container">
                    <div class="titleBox">
                        <div>
                            <strong>海洋技术</strong>
                        </div>
                    </div>
                                        <div class="tabBox">
                        <div class="swiper homeTags-swiper">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">全海域技术</div>
                                                            </div>
                        </div>
                        <div class="tabbd">
                                                        <div class="tbdlist">
                                                                                                <div class="list">
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/lianlian.html">连琏</a></span>
                                                                            </div>
                                                                        <div class="title">
                                        <a href="//m.debrasynovec.com/kyhxq/2295.html">智能浮标</a>
                                    </div>
                                    <div class="con">
                                    </div>
                                </div>
                                                                <div class="list">
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/zengzheng.html">曾铮</a></span>
                                                                            </div>
                                                                        <div class="title">
                                        <a href="//m.debrasynovec.com/kyhxq/1727.html">海空跨域航行器及其关键技术</a>
                                    </div>
                                    <div class="con">
                                    </div>
                                </div>
                                                                <div class="list">
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/yucaoyang.html">于曹阳</a></span>
                                                                            </div>
                                                                        <div class="title">
                                        <a href="//m.debrasynovec.com/kyhxq/1735.html">UUV水动力学参数辨识与路径跟随级联技术</a>
                                    </div>
                                    <div class="con">
                                    </div>
                                </div>
                                                                <div class="list">
                                                                        <div class="username">
                                        <i class="avatar"></i>
                                                                                <span><a href="//m.debrasynovec.com/teacher-list/caojunjun.html">曹军军</a></span>
                                                                            </div>
                                                                        <div class="title">
                                        <a href="//m.debrasynovec.com/kyhxq/1740.html">全姿态观探测平台</a>
                                    </div>
                                    <div class="con">
                                    </div>
                                </div>
                                                            </div>
                                                    </div>
                    </div>
                </div>
            </section>
            <section class="section section07 section_100" id="section07">
                <div class="container">
                    <div class="conBox">
                                                <div class="lists news-list">
                            <div class="bgBox">NEWS</div>
                            <div class="topBox">
                                <div class="titleBox">新闻动态</div>
                                <div class="moreBox">
                                    <div class="more">
                                        <a href="//m.debrasynovec.com/index-news.html"><strong>查看更多</strong><span><i class="circle"></i><i class="bi bi-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                                                        <div class="bottomBox">
                                                                <a href="//m.debrasynovec.com/index-news/2930.html" target="_blank" class="wrap">
                                    <div class="lt">
                                        <div class="date">2024<i>/</i>12<i>/</i><span>31</span></div>
                                        <div class="title">再见2024，你好2025！</div>
                                    </div>
                                    <div class="link"><i class="bi bi-arrow-up-right"></i></div>
                                </a>
                                                                <a href="//m.debrasynovec.com/index-news/2929.html" target="_blank" class="wrap">
                                    <div class="lt">
                                        <div class="date">2024<i>/</i>12<i>/</i><span>31</span></div>
                                        <div class="title">极地生态与气候变化教育部重点实验室2024年度学术委员会会议召开</div>
                                    </div>
                                    <div class="link"><i class="bi bi-arrow-up-right"></i></div>
                                </a>
                                                                <a href="//m.debrasynovec.com/index-news/2924.html" target="_blank" class="wrap">
                                    <div class="lt">
                                        <div class="date">2024<i>/</i>12<i>/</i><span>26</span></div>
                                        <div class="title">上海市极地前沿科学研究基地2024年度学术委员会会议召开</div>
                                    </div>
                                    <div class="link"><i class="bi bi-arrow-up-right"></i></div>
                                </a>
                                                                <a href="//m.debrasynovec.com/index-news/2923.html" target="_blank" class="wrap">
                                    <div class="lt">
                                        <div class="date">2024<i>/</i>12<i>/</i><span>25</span></div>
                                        <div class="title">上海市极地生命过程与环境重点实验室2024年度学术委员会会议召开</div>
                                    </div>
                                    <div class="link"><i class="bi bi-arrow-up-right"></i></div>
                                </a>
                                                            </div>
                        </div>
                                                <div class="lists academic-list">
                            <div class="bgBox">Report</div>
                            <div class="topBox">
                                <div class="titleBox">学术报告</div>
                                <div class="moreBox">
                                    <div class="more">
                                        <a href="//m.debrasynovec.com/scient-list2.html"><strong>查看更多</strong><span><i class="circle"></i><i class="bi bi-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                                                                                    <div class="bottomBox">
                                <a href="//m.debrasynovec.com/scient-list2/2927.html" target="_blank"><div class="title">海洋学科发展动态与展望</div></a>
                                <div class="content">
                                    <div class="table">
                                                                                <div class="tr">
                                            <div class="td">报告人：</div>
                                            <div class="td">戴民汉，厦门大学讲席教授，中国科学院院士</div>
                                        </div>
                                                                                                                        <div class="tr">
                                            <div class="td">时间：</div>
                                            <div class="td">2024年12月27日13:30-15:00</div>
                                        </div>
                                                                                                                        <div class="tr">
                                            <div class="td">参与方式：</div>
                                            <div class="td">闵行校区包玉刚图书馆5楼报告厅</div>
                                        </div>
                                                                            </div>
                                </div>
                                <div class="link"><a href="//m.debrasynovec.com/scient-list2/2927.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                            </div>
                                                    </div>
                    </div>
                </div>
            </section>
                                    <section class="section section04">
                <div class="section04-swiper-box">
                    <div class="swiper-left-box">
                        <div class="swiper-lt">
                            <div class="swiper-wrapper">
                                                                <a href="//m.debrasynovec.com/scient-list3/177.html" target="_blank" class="swiper-slide">
                                    <div class="slide-inner" style="background: url('/static/upload/2024/03/18/202403183716.png') no-repeat center center; background-size: cover;"></div>
                                </a>
                                                                <a href="//m.debrasynovec.com/scient-list3/176.html" target="_blank" class="swiper-slide">
                                    <div class="slide-inner" style="background: url('/static/upload/2024/03/18/202403187975.png') no-repeat center center; background-size: cover;"></div>
                                </a>
                                                                <a href="//m.debrasynovec.com/scient-list3/175.html" class="swiper-slide">
                                    <div class="slide-inner" style="background: url('/static/upload/2023/10/27/202310274356.jpg') no-repeat center center; background-size: cover;"></div>
                                </a>
                                                                <a href="//m.debrasynovec.com/scient-list3/174.html" target="_blank" class="swiper-slide">
                                    <div class="slide-inner" style="background: url('/static/upload/2024/03/18/202403182140.jpg') no-repeat center center; background-size: cover;"></div>
                                </a>
                                                            </div>
                        </div>
                    </div>
                    <div class="swiper-right-box">
                        <div class="box-wraper">
                            <div class="box">
                                <div class="header-title">海洋科普</div>
                                <div class="swiper-rt">
                                    <div class="swiper-wrapper">
                                                                                <a href="//m.debrasynovec.com/scient-list3/177.html" target="_blank" class="swiper-slide swiper-no-swiping">
                                            <div class="title">深海的光亮表演</div>
                                            <div class="content">
                                                大自然最伟大的光亮表演<br />
上演在一个永远暗无天日的地方。                                            </div>
                                            <div class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1517 15.6963C16.5314 15.6963 16.8392 15.3885 16.8392 15.0088L16.8392 6.90654C16.8392 6.52685 16.5314 6.21904 16.1517 6.21904L8.04947 6.21904C7.66977 6.21904 7.36197 6.52684 7.36197 6.90654C7.36197 7.28624 7.66977 7.59404 8.04947 7.59404L14.492 7.59404L5.13265 16.9533C4.86417 17.2218 4.86417 17.6571 5.13265 17.9256C5.40114 18.1941 5.83644 18.1941 6.10492 17.9256L15.4642 8.56631L15.4642 15.0088C15.4642 15.3885 15.772 15.6963 16.1517 15.6963Z" fill="white"/>
                                            </svg></div>
                                        </a>
                                                                                <a href="//m.debrasynovec.com/scient-list3/176.html" target="_blank" class="swiper-slide swiper-no-swiping">
                                            <div class="title">鲸落</div>
                                            <div class="content">
                                                鲸死去后沉入海底的现象称为鲸落。<br />
当鲸鱼在海洋中死去， 它的尸体最终会沉入海底。生物学家赋予这个过程一个名字——鲸落 。<br />
一座鲸鱼的尸体可以供养一套以分解者为主的循环系统长达百年， 这是它留给大海最后的温柔。                                            </div>
                                            <div class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1517 15.6963C16.5314 15.6963 16.8392 15.3885 16.8392 15.0088L16.8392 6.90654C16.8392 6.52685 16.5314 6.21904 16.1517 6.21904L8.04947 6.21904C7.66977 6.21904 7.36197 6.52684 7.36197 6.90654C7.36197 7.28624 7.66977 7.59404 8.04947 7.59404L14.492 7.59404L5.13265 16.9533C4.86417 17.2218 4.86417 17.6571 5.13265 17.9256C5.40114 18.1941 5.83644 18.1941 6.10492 17.9256L15.4642 8.56631L15.4642 15.0088C15.4642 15.3885 15.772 15.6963 16.1517 15.6963Z" fill="white"/>
                                            </svg></div>
                                        </a>
                                                                                <a href="//m.debrasynovec.com/scient-list3/175.html" class="swiper-slide swiper-no-swiping">
                                            <div class="title">深海冷泉——海底的“沙漠绿洲”</div>
                                            <div class="content">
                                                深海冷泉从发现到现在已经近40年，是继海底热液之后的又一重大发现。<br />
什么是“深海冷泉”?<br />
海底热液和深海冷泉都反映了海底的极端环境。在海底，来自海底沉积界面之下的流体会以喷涌或渗漏方式从海底溢出，这些流体的主要成分为水、碳氢化合物（天然气和石油）、硫化氢、细粒沉积物。<br />
当它们溢出时，会产生一系列的物理、化学及生物作用，而这种作用及其产物就被称为冷泉。                                            </div>
                                            <div class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1517 15.6963C16.5314 15.6963 16.8392 15.3885 16.8392 15.0088L16.8392 6.90654C16.8392 6.52685 16.5314 6.21904 16.1517 6.21904L8.04947 6.21904C7.66977 6.21904 7.36197 6.52684 7.36197 6.90654C7.36197 7.28624 7.66977 7.59404 8.04947 7.59404L14.492 7.59404L5.13265 16.9533C4.86417 17.2218 4.86417 17.6571 5.13265 17.9256C5.40114 18.1941 5.83644 18.1941 6.10492 17.9256L15.4642 8.56631L15.4642 15.0088C15.4642 15.3885 15.772 15.6963 16.1517 15.6963Z" fill="white"/>
                                            </svg></div>
                                        </a>
                                                                                <a href="//m.debrasynovec.com/scient-list3/174.html" target="_blank" class="swiper-slide swiper-no-swiping">
                                            <div class="title">没有海岸线的海</div>
                                            <div class="content">
                                                你知道马尾藻海吗？<br />
它是如此奇特：没有海岸线、清澈无比。<br />
而与瑰丽的风光并存的是它传言为“死亡之海”的危险性。                                            </div>
                                            <div class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1517 15.6963C16.5314 15.6963 16.8392 15.3885 16.8392 15.0088L16.8392 6.90654C16.8392 6.52685 16.5314 6.21904 16.1517 6.21904L8.04947 6.21904C7.66977 6.21904 7.36197 6.52684 7.36197 6.90654C7.36197 7.28624 7.66977 7.59404 8.04947 7.59404L14.492 7.59404L5.13265 16.9533C4.86417 17.2218 4.86417 17.6571 5.13265 17.9256C5.40114 18.1941 5.83644 18.1941 6.10492 17.9256L15.4642 8.56631L15.4642 15.0088C15.4642 15.3885 15.772 15.6963 16.1517 15.6963Z" fill="white"/>
                                            </svg></div>
                                        </a>
                                                                            </div>
                                </div>
                            </div>
                            <div class="swiper-pagination home-swiper04-pagination"></div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="section section05">
                <div class="container">
                    <div class="conBox">
                        <div class="titleBox">
                            <div class="wrapper">
                                <span>师生风貌</span>
                                <strong>interview</strong>
                            </div>
                                                                                    <div class="pos-tr">
                                <div class="moreBox">
                                    <div class="more">
                                        <a id="tabbox_a" href="//m.debrasynovec.com/mingshifangtan.html"><strong>查看更多</strong><span><i class="circle"></i><i class="bi bi-arrow-right"></i></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabsBox-wrap">
                            <div class="tabsBox">
                                <a href="javascript:;" class="active" id="tabbox_ms">名师访谈</a>
                                <a href="javascript:;" id="tabbox_st">学生风采</a>
                            </div>
                        </div>
                        <script>
                            $('#tabbox_ms').click(function(){
                                $('#tabbox_a').attr('href','//m.debrasynovec.com/mingshifangtan.html');
                            })
                            $('#tabbox_st').click(function(){
                                $('#tabbox_a').attr('href','//m.debrasynovec.com/student-list.html');
                            })
                        </script>
                        <div class="contentBox">
                                                        <div class="pics-texts-wrap active">
                                <div class="pics-container">
                                    <div class="swiper swiper-home05">
                                        <div class="swiper-wrapper">
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403152269.JPG" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403158626.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2023/10/27/202310273452.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403157159.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403153774.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/upload/image/20241021/20241021103938.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2023/10/27/202310276242.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403159350.png" alt=""></div></div>
                                                                                    </div>
                                    </div>
                                </div>
                                <div class="swiper-pagination home-swiper05-pagination-class home-swiper05-pagination"></div>
                                <div class="texts-container">
                                    <div class="swiper swiper-home05-text">
                                        <div class="swiper-wrapper">
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        张瑞峰：<br>我的梦想在蔚蓝大海                                                    </div>
                                                    <div class="con">
                                                        在海洋学院的年轻科学家里，海洋化学方向的张瑞峰老师可以说是“出海小能手”。他每年平均有三个月的时间是在海上度过的，海洋对他来说就像是一个固定的栖息地，每年总有一段时间要到海上去，足迹遍布除了印度洋以外的所有大洲和大洋。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/mingshifangtan/68.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        张召儒：<br>海洋学院“资深”的年轻教师                                                    </div>
                                                    <div class="con">
                                                        张召儒是上海交通大学海洋学院物理海洋方向一名“资深”的年轻教师。说她年轻，是因为她是一名85后；说她资深，则是因为她在海洋学院的前身——海洋研究院最初成立时就已经加入。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/mingshifangtan/66.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        周朦：<br>“爱国情 奋斗者”——把课堂建在甲板上的海洋科学家                                                    </div>
                                                    <div class="con">
                                                        把课堂建在先进科考船的甲板上，为中国培养新一代一流海洋科学家，这是海洋科学家周朦回到上海报效祖国的初心。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/mingshifangtan/65.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        苏纪兰：<br>始终牵挂着祖国的海洋                                                    </div>
                                                    <div class="con">
                                                        苏纪兰，自然资源部第二海洋研究所教授、名誉所长，中国科学院院士，物理海洋学家。长期致力于中国近海及河口海洋动力学研究，多年来一直关注并呼吁解决我国近海生态环境急剧恶化的问题。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/mingshifangtan/64.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        王风平：<br>简单的人，做一件简单的事                                                    </div>
                                                    <div class="con">
                                                        从水稻到微生物海洋，再到发现“深古菌门”，再到如今的生物地球化学交叉领域研究，王风平老师一直在不停地跨界，不停地学习。虽然这样很累，但是在她看来，只有这样才能走别人没走过的路，发现别人没发现的问题。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/mingshifangtan/63.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        第十届国创赛冠军“哪吒”：<br>上天入海，穿越无惧                                                    </div>
                                                    <div class="con">
                                                        在刚刚落下帷幕的中国国际大学生创新大赛（2024）中，上海交通大学海洋学院的“哪吒”—全球首个海空一体跨域航行器平台项目一路过关斩将，从全球153个国家和地区的5406所学校的514万个项目中脱颖而出，拔得头筹，同时创造了此赛事最高成绩记录。他们如破浪之舟，攀登巅峰，展现了交大海洋人的风采。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/mingshifangtan/2826.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        连琏：<br> 交大四十载，深情系海洋                                                    </div>
                                                    <div class="con">
                                                        连琏老师自“九五”计划起连续多年担任国家863计划专家组成员，为我国海洋资源开发技术的发展做出了重要贡献。“一生扎根在中国的土地上，在海洋领域为追赶超越西方国家而努力，参与制定国家海洋发展规划，培养的毕业生大多工作在国家骨干科研单位的第一线。”这就是同事眼中的连老师。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/mingshifangtan/67.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        张宇：<br>永远好奇，永远热泪盈眶                                                    </div>
                                                    <div class="con">
                                                        “我一直在想我研究的高压有什么特殊的点？怎么才能总结出一种机制或者规律？怎么从看现象过渡到抓本质？人类现在对海洋尤其是深海的了解只是冰山一角，而探索未知是人类的本能。”                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/mingshifangtan/62.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                                                        <div class="pics-texts-wrap">
                                <div class="pics-container">
                                    <div class="swiper swiper-home05_02">
                                        <div class="swiper-wrapper">
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2023/10/19/202310192118.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2023/10/19/202310198438.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2023/10/19/202310196859.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403157804.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403151307.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403153640.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403153251.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403152065.jpg" alt=""></div></div>
                                                                                        <div class="swiper-slide"><div class="picBox"><img src="/static/upload/2024/03/15/202403156308.jpg" alt=""></div></div>
                                                                                    </div>
                                    </div>
                                </div>
                                <div class="swiper-pagination home-swiper05-pagination-class home-swiper05-02-pagination"></div>
                                <div class="texts-container">
                                    <div class="swiper swiper-home0502-text">
                                        <div class="swiper-wrapper">
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        佟子安：<br>沙漠里的一棵胡杨                                                    </div>
                                                    <div class="con">
                                                        从祖国的西北边陲小城出发，他用坚持与汗水，拼搏出优异的成绩和多项荣誉——专业排名第一，担任班长、院学生会主席团成员、荣昶储才计划七期组长，获校级“三好学生”、暑期社会实践“先进个人”、五四评优“优秀团干部”，获校级及以上科创奖项3项。他也用行动和担当，诠释着饮水思源，参与10余项志愿服务、累计志愿服务时长900 小时。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/143.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        郑璐曦：<br>筑造有意义的靓丽青春                                                    </div>
                                                    <div class="con">
                                                        带着热爱前行是郑璐曦一直以来的坚持，未来的她会保持初心，以行动传递内心坚定的力量，努力实现自身更大的社会价值，筑造更有意义的靓丽青春。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/142.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        李保生：<br>热爱、奋进、逐梦——做梦想远航的水手                                                    </div>
                                                    <div class="con">
                                                        李保生致力于从事气候动力学和气候模式的研究工作，无论在交大学习，还是以后走上工作岗位，他都将不忘初心，坚持自我的选择，赤忱地向梦想前行！                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/141.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        郭宗哲：<br>从上海交大到联合国，他将中国声音传播到国际舞台                                                    </div>
                                                    <div class="con">
                                                        郭宗哲2000年出生在中国黄河边上的一个小乡村。 2021年，他来到上海交通大学海洋学院攻读海洋科学硕士学位。郭宗哲热爱自然、敬畏生命，曾前后多次参加野生动物保护活动，并积极传播野生动物保护策略。2023年1月26日至6月26日，郭宗哲受邀赴联合国亚洲及太平洋经济社会委员会东亚及东北亚办公室（United Nations Economic and Social Commission for Asia and the Pacific: East and North-East Asia Office）进行了为期五个月的实习工作，成为了东北亚次区域环境合作计划秘书处的一名环境事务实习生。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/140.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        张睿妍：<br>心向大海，不负热爱                                                    </div>
                                                    <div class="con">
                                                        让更多的人像自己一样受科学启发，让更多的海洋生物真正被认识、被保护，让这些神奇的生物们能够继续活跃在地球的各个角落里，在张睿妍心里，这是她作为一名海洋生物研究者身上担负的责任，以及为之奋斗一生的目标。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/139.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        王正祎：<br>在青春和科研之海破浪前行                                                    </div>
                                                    <div class="con">
                                                        青年是最美好的年华，虽有变数却充满机会，虽跌跌撞撞却不坠志向。王正祎希望自己作为青年一代，能够坚持向上走，努力科研，关心海洋，热爱生活，在青春和科研之海不断破浪前行。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/138.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        郑华：<br>愿为滴水，入海无悔                                                    </div>
                                                    <div class="con">
                                                        响应“向海洋进军”的号召，他已将个人理想融入建设海洋强国的重大战略任务中，愿为尘埃，置身星海，愿为滴水，入海无悔。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/137.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        蒙泽：<br>海天之间的追风少年                                                    </div>
                                                    <div class="con">
                                                        等风来，不如追风去。怀揣梦想，勇往直前！                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/136.html" target="_blank"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                        <div class="swiper-slide swiper-no-swiping">
                                                <div class="texts">
                                                    <div class="tit">
                                                        王艳琳：<br>浪潮中前行                                                    </div>
                                                    <div class="con">
                                                        作为海洋学院的第一届本科生，前方的道路充满很多未知。但是在王艳琳看来，对海洋的热爱和海洋学院的温暖会不断激励她在浪潮中前行。                                                    </div>
                                                    <div class="link"><a href="//m.debrasynovec.com/student-list/135.html"><i class="bi bi-arrow-up-right"></i></a></div>
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
                                                <section class="section section06">
                <div class="container">
                    <div class="linksBox">
                                                <a href="//m.debrasynovec.com/lmtz/180.html" class="link">
                            <strong>notice</strong>
                            <span>通知公告</span>
                        </a>
                                                <a href="//m.debrasynovec.com/lmtz/179.html" class="link">
                            <strong>career</strong>
                            <span>人才招聘</span>
                        </a>
                                                <a href="//m.debrasynovec.com/lmtz/178.html" class="link">
                            <strong>base</strong>
                            <span>平台基地</span>
                        </a>
                                            </div>
                </div>
            </section>
                    </article>
    </main>

    <footer class="footer-wrapper inside-footer">
    <div class="container">
        <div class="footer-top-box">
            <div class="row">
                                <div class="col-12 col-md-5 col-md-55">
                    <div class="logo-box">
                                                <div class="item"><a href="//m.debrasynovec.com/foot1/11.html" target="_blank"><img src="/static/upload/2023/12/05/202312056074.png" alt=""></a></div>
                                                <div class="item"><a href="//m.debrasynovec.com/foot1/10.html" target="_blank"><img src="/static/upload/2023/12/05/202312055521.png" alt=""></a></div>
                                                <div class="item"><a href="//m.debrasynovec.com/foot1/9.html" target="_blank"><img src="/static/upload/2023/12/05/202312051284.png" alt=""></a></div>
                                            </div>
                </div>
                                <div class="col-12 col-md-3 col-md-33">
                    <div class="friendLink toggleHandle">
                        <div class="title">友情链接 <i class="toggle"></i></div>
                                                <div class="wrapper">
                        <div class="link">
                                                        <a href="//m.debrasynovec.com/foot2/16.html" target="_blank">上海交通大学</a>
                                                        <a href="//m.debrasynovec.com/foot2/15.html" target="_blank">自然资源部第二海洋研究所</a>
                                                        <a href="//m.debrasynovec.com/foot2/14.html" target="_blank">中国极地研究中心</a>
                                                        <a href="//m.debrasynovec.com/foot2/13.html" target="_blank">极地与深海发展战略研究中心</a>
                                                        <a href="//m.debrasynovec.com/foot2/12.html" target="_blank">上海交通大学船舶海洋与建筑学院</a>
                                                    </div>
                        </div>
                    </div>
                </div>
                                <div class="col-12 col-md-4">
                    <div class="contact-box toggleHandle">
                        <div class="title">联系方式 <i class="toggle"></i></div>
                                                <div class="wrapper">
                        <div class="text">
                            <div class="item"><span>地址：</span><span>上海市徐汇区华山路1954号海洋学院楼 <br/>（铁生馆西侧）</span></div><div class="item"><span>电话：</span><span>021-62932715</span></div><div class="item"><span>传真：</span><span>021-62932871</span></div>                        </div>
                        <div class="icon">
                            <a href="javascript:;" class="cd_wx"><img src="/assets/images/footer-icon1.png" alt=""></a>
                            <a href="javascript:;" class="cd_wb"><img src="/assets/images/footer-icon2.png" alt=""></a>
                            <a href="javascript:;" class="cd_qq"><img src="/assets/images/footer-icon3.png" alt=""></a>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom-box">
            <div class="copyright">©2023  上海交通大学海洋学院 版权所有 All Rights Reserved. </div>
        </div>
    </div>
</footer>
<div class="backTop-box">
    <div class="box">
        <div class="icon"><img src="/assets/images/arrow-top.png" alt=""></div>
        <div class="text">回到顶部</div>
    </div>
</div>

<script>
    $('.cd_qq').click(function(){
        $(this).attr('href','https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURIComponent(document.title));
    })
    $('.cd_wx').click(function(){
        $(this).attr('href','https://api.qrserver.com/v1/create-qr-code/?size=150x150&data='+encodeURIComponent(document.location.href)+'&amp;title='+encodeURIComponent(document.title));
    })
    $('.cd_wb').click(function(){
        $(this).attr('href','http://service.weibo.com/share/share.php?appkey=&title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(document.location.href)+'&searchPic=false&style=simple');
    })
</script>    
    <script src="/js/wow.min.js?v=0.0.4"></script>
    <script src="/js/lib.js?v=0.0.4"></script>
    <script type="text/javascript" src="/js/slick.min.js?v=0.0.4"></script>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        };
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'wow',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();
    </script>
    <script>
    	var ArrPoint = [];
		$('.listsBox .lists').each(function(e){
			let lon = $(this).data('lon');
			let lat = $(this).data('lat');
			let point = lon2xyz(5,lon,lat);
			point.name = 'local'+(e+1);
			ArrPoint[ArrPoint.length] = point;
		})
		console.log(ArrPoint)
		
		
		function lon2xyz( R, longitude, latitude ) {
			var lon = longitude * Math.PI / 180;//转弧度值
			var lat = latitude * Math.PI / 180;//转弧度值
			lon = - lon;// three.js坐标系z坐标轴对应经度-90度，而不是90度
			// 经纬度坐标转球面坐标计算公式
			var x = R * Math.cos( lat ) * Math.cos( lon );
			var y = R * Math.sin( lat );
			var z = R * Math.cos( lat ) * Math.sin( lon );
			// 返回球面坐标
			return {
				x: x,
				y: y,
				z: z,
			};
		}
    </script>
    <script src="/assets/js/index.js?v=0.0.4"></script>
</body>
</html>
