t_l_lab.html 12.6 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CCDC</title>
    <script src="../../../../node_modules/jquery/dist/jquery.js"></script>
    <link rel="stylesheet" href="../../../static/common/index.css">
    <!--引入 element-ui 的样式,-->
    <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->
    <!-- 必须先引入vue,后使用element-ui -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> -->
    <!-- 引入element 的组件库-->
    <!-- <scrip src="https://unpkg.com/element-ui/lib/index.js"> -->
    <script src="../../../static/js/include.js"></script>
    <script src="../../../static/js/public.js"></script>
    <link rel="stylesheet" href="../../../static/common/swiper.css">
    <link rel="stylesheet" href="../../../static/css/team_lab/team_lab_canter.css">
    <link rel="stylesheet" href="../../../static/css/public/footer.css">
</head>

<body>
    <div id="app">
        <!-- 头部导航栏和标题 -->
        <div class="head">
            <!-- logo -->
            <h1><img src="../../../static/imgs/home/logo.png" alt=""></h1>
            <!-- 导航栏 -->
            <ul>
                <span class="to_li" style="left: 68%;"></span>
                <li><a href="../index.html" target="_self">首页</a></li>
                <li><a href="../about/about.html" target="_self">关于我们</a></li>
                <li><a href="../product/product.html" target="_self">钻井液产品</a></li>
                <li><a href="../system/system.html" target="_self">钻井液体系</a></li>
                <li><a href="../technology/technology.html" target="_self">钻井液体系</a></li>
                <li><a href="../team_lab/t_l_centers.html" class="red_bold" target="_self">实验室/团队</a></li>
                <li><a href="../manu/manu.html" target="_self">生产制造</a></li>
                <li><a href="../contact/contact.html" target="_self">联系我们</a></li>
            </ul>
            <!-- 后方标志 -->
            <ol>
                <li><img src="../../../static/imgs/home/search.png" alt=""></li>
                <li><img src="../../../static/imgs/home/translate.png" alt=""></li>
                <li>
                    <span class="lan_change" data-title="English">EN</span>
                    <span class="lan_change" data-title="Russian">RU</span>
                    <span class="lan_change" data-title="Spain">ES</span>
                    <span class="lan_change" data-title="Chinese">CN</span>
                </li>
            </ol>
        </div>
    </div>
    <div class="banner">
        <div>
            <p>实验室/团队</p>
            <p>复杂油气攻坚者</p>
        </div>
        <img src="../../../static/imgs/team_lab/banner.jpg" alt="">
    </div>
    <!-- 切换地方 -->
    <div class="change">
        <div class="tab-container">
            <!-- 标签页选项卡 -->
            <div class="tag">
                <div class="main">
                    <span class="tab_to" style="left: 479.156px;"></span>
                    <div class="tab"><a href="./t_l_centers.html" target="_self">研发中心</a></div>
                    <div class="tab active"><a href="./t_l_lab.html" target="_self" style="color: #c70009;">实验室</a></div>
                    <div class="tab"><a href="./t_l_team.html" target="_self">服务团队</a></a></div>
                    
                    <div class="tab"><a href="./t_l_station.html" target="_self">液体泥浆厂</a></div>
                    
                </div>
            </div>
            <!-- 标签页内容 -->
            <div class="content">
                <!-- LABORATORY -->
                <div id="tab3" class="tab-content" style="display: block;">
                    <div class="lab_cont">
                        <p class="title">实验室</p>
                        <div class="team_detail_cont s">
                            <div class="bot_swiper">
                                <div class="lef">
                                    <p>
                                        介绍
                                    </p>
                                    <p class="slide">
                                        在国内总部,建设有低渗透油气田勘探开发国家工程实验室、油气田应用化学四川省重点实验室和石油工程防漏堵漏实验室,分别在巴基斯坦、土库曼斯坦和厄瓜多尔建设了3个区域实验室,构筑了多个攻坚克难,勇于创新的支撑基地,培育了坚强有力的钻井液服务保障能力,为8000m以上的超深井勘探开发提供了有力支撑。
                                    </p>
                                    <!-- <span class="slide_bot"></span> -->
                                </div>
                                <div class="rig_swiper">
                                    <div class="swiper2">
                                        <div class="swiper Swiper1">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide"><img
                                                        src="../../../static/imgs/team_lab/lab_swiper/1.jpg" alt=""></div>
                                                <div class="swiper-slide"><img
                                                        src="../../../static/imgs/team_lab/lab_swiper/2.jpg" alt=""></div>
                                                <div class="swiper-slide"><img
                                                        src="../../../static/imgs/team_lab/lab_swiper/3.jpg" alt=""></div>
                                                <div class="swiper-slide"><img
                                                        src="../../../static/imgs/team_lab/lab_swiper/4.jpg" alt=""></div>
                                                <div class="swiper-slide"><img
                                                        src="../../../static/imgs/team_lab/lab_swiper/5.jpg" alt=""></div>
                                                <div class="swiper-slide"><img
                                                        src="../../../static/imgs/team_lab/lab_swiper/8.jpg" alt=""></div>
                                            </div>
                                            <div class="swiper-pagination" style="bottom: 30px;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 实验室下方分框区域 -->
                        <div class="lab_six">
                            <!-- <a href="./t_l_lab_detail.html">
                                <img src="../../static/imgs/team_lab/lab_qian/1.jpg" class="img_a" alt="">
                                <div class="lab_fen">
                                    <p>NATIONAL ENGINEERING LABORATORY FOR OIL AND GAS FIELD EXPLORATION AND DEVELOPMENT</p>
                                </div>
                            </a>
                            <a href="./t_l_lab_detail.html" target="_self">
                                <img src="../../static/imgs/team_lab/lab_qian/5.jpg" class="img_a" alt="">
                                <div class="lab_fen">
                                    <p>SICHUAN PROVINCIAL KEY LABORATORY OF APPLIED CHEMISTRY IN OIL AND GAS FIELDS</p>
                                </div>
                            </a>
                            <a href="./t_l_lab_detail.html">
                                <img src="../../static/imgs/team_lab/lab_qian/3.jpg" class="img_a" alt="">
                                <div class="lab_fen">
                                    <p>PETROLEUM ENGINEERING LEAK PREVENTION AND SEALING LABORATORY</p>
                                </div>
                            </a>
                            <a href="./t_l_lab_detail.html">
                                <img src="../../static/imgs/team_lab/lab_qian/4.jpg" class="img_a" alt="">
                                <div class="lab_fen">
                                    <p>AMU DARYA DRILLING FLUID LABORATORY</p>
                                </div>
                            </a>
                            <a href="./t_l_lab_detail.html">
                                <img src="../../static/imgs/team_lab/lab_qian/6.jpg" class="img_a" alt="">
                                
                                <div class="lab_fen">
                                    <p>ISLAMABAD DRILLING FLUID LABORATORY</p>
                                </div>
                            </a>
                            <a href="./t_l_lab_detail.html">
                                <img src="../../static/imgs/team_lab/lab_qian/2.jpg" class="img_a" alt="">
                                <div class="lab_fen">
                                    <p>JOINT LABORATORY OF QUITO UNIVERSITY</p>
                                </div>
                            </a> -->
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <div class="fot">
        <!-- 尾部列表区域 -->
        <div class="all_ul">
            <div class="ul1">
                <span>产品</span>
                <ul>
                    <li>清洁剂</li>
                    <li>ROP提速剂,防钻头泥包剂(强分散泥页岩)<br>
                        HPWBM高性能泥浆用</li>
                    <li>ROP提速剂,防钻头泥包剂(中等分散泥页岩)<br>
                        HPWBM高性能泥浆用</li>
                    <li>起泡剂</li>
                    <li>杀菌剂</li>
                </ul>
            </div>
            <div class="ul1">
                <span>体系</span>
                <ul>
                    <li>两性离子聚合物钻井液体系 </li>
                    <li>高固相容量水基钻井液体系 </li>
                    <li>高性能水基钻井液体系</li>
                    <li>快速钻进环保钻井液体系</li>
                    <li>防塌环保钻井液体系</li>
                    <li>低伤害环保钻井液体系</li>
                </ul>
            </div>
            <div class="ul1">
                <span>技术</span>
                <ul>
                    <li>长段大尺寸井眼钻井液技术</li>
                    <li>高压盐水治理技术</li>
                    <li>井眼强化技术</li>
                    <li>高失水固化堵漏技术</li>
                </ul>
            </div>
            <div class="ul1">
                <span>实验室/团队</span>
                <ul>
                    <li>研发中心</li>
                    <li>实验室</li>
                    <li>服务团队</li>
                    <li>液体泥浆厂</li>
                    <!-- <li>Academic exchange</li> -->
                </ul>
            </div>
            <div class="ul1">
                <span>生产制造</span>
                <ul>
                    <li>生产基地</li>
                    <li>车间</li>
                    <li>质量检验实验室</li>
                    <li>仓库</li>
                </ul>
            </div>
            <div class="ul1">
                <span>联系我们</span>
                <ul>
                    <li>电话: +86-028-86011661</li>
                    <li>传真: +86-028-86013997</li>
                    <li>邮箱: cqswc@cnpc.com.cn</li>
                    <li>中国四川成都孟追湾街6号</li>
                </ul>
            </div>
        </div>
        <!-- 尾部logo区域 -->
        <div class="bot_logo">
            <div class="logo_text">
                <div class="lef">
                    <img src="../../../static/imgs/logowhite.png" alt="">
                    <!-- <span>©2023 这里有文字这里有文字</span> -->
                </div>
                <p>ICP备20230200号-1</p>
            </div>
        </div>
    </div>
</body>
<link rel="stylesheet" href="../../../../node_modules/swiper/swiper-bundle.min.css">
<script src="../../../static/js/page_js/t_l_lab.js"></script>
<script src="../../../../node_modules/swiper/swiper-bundle.min.js"></script>
<script>
    var swiper = new Swiper('.Swiper1', {
        loop:true,
        autoplay:{
            delay:2000,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        }
    })
</script>

</html>