t_l_team.html 16.2 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/t_l_team.css">
    <link rel="stylesheet" href="../../../static/css/public/footer.css">
    <link rel="stylesheet" href="../../../static/css/indexSpain.css">
</head>

<body>
    <div id="app">
        <!-- 头部导航栏和标题 -->
        <div class="head" style="padding: 0;">
            <!-- logo -->
            <h1><img src="../../../static/imgs/home/logo.png" alt=""></h1>
            <!-- 导航栏 -->
            <ul>
                <span class="to_li" style="left: 73%;"></span>
                <li><a href="../index.html" target="_self">Inicio</a></li>
                <li><a href="../about/about.html" target="_self">Sobre nosotros</a></li>
                <li><a href="../product/product.html" target="_self">Productos de fluidos de perforación</a></li>
                <li><a href="../system/system.html" target="_self">Sistemas de fluidos de perforación</a></li>
                <li><a href="../technology/technology.html" target="_self">Tecnología de fluidos de perforación</a></li>
                <li><a href="../team_lab/t_l_centers.html" class="red_bold" target="_self">Laboratorio/Equipo</a></li>
                <li><a href="../manu/manu.html" target="_self">Fabricación</a></li>
                <li><a href="../contact/contact.html" target="_self">Conéctese con nosotros</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>LABORATORIO/EQUIPO</p>
            <p>PIONERO EN SERVICIOS COMPLEJOS PARA YACIMIENTOS DE PETRÓLEO Y GAS</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: 705.484px;"></span>
                    <div class="tab"><a href="./t_l_centers.html">Centro de I+D</a></div>
                    <div class="tab"><a href="./t_l_lab.html" target="_self">Laboratorio</a></div>
                    <div class="tab active"><a href="./t_l_team.html" style="color: #c70009;">Equipo de servicio</a>
                    </div>
                    <div class="tab"><a href="./t_l_station.html" target="_self">Planta de purines líquidos</a></div>
                </div>
            </div>
            <!-- 标签页内容 -->
            <div class="content">
                <!-- SERVICE TEAM 团队 -->
                <div id="tab2" class="tab-content" style="display: block;">
                    <!-- 分类区域 -->
                    <div class="fen_cont">
                        <div class="text_cont">
                            <p class="hor_text">
                                Chuanqing Drilling & Exploration cuenta con más de 300 equipos de servicio de fluidos de
                                perforación y terminación, que pueden prestar servicios a 280 pozos o 280 plataformas al
                                mismo tiempo, con 1.383 empleados, 5 ingenieros superiores de nivel de profesor y 12
                                doctores. CCDCDF® cuenta con 235 profesionales de fluidos de perforación en el
                                extranjero, de los cuales hay 25 especialistas en lodo chinos en el extranjero y 210
                                ingenieros de fluidos de perforación extranjeros.
                            </p>
                        </div>
                        <p class="title">Taller de expertos</p>
                        <div class="export_cont">
                            <!-- <div>
                                <video src="../../static/video/高强实验室宣传片-高强工作室4.7导出 - 副本.m4v" class="video" controls
                                    muted autoplay loop></video>
                                <p>GAO QIANG DRILLING FLUID SKILLS EXPERT STUDIO</p>
                            </div>
                            <div>
                                <video src="../../static/video/20230302+“兰”心慧至“一带一路” 王兰工作室+v53.mp4" class="video"
                                    controls muted autoplay loop></video>
                                <p>WANG LAN'S "DOUBLE INNOVATiION" STUDIO</p>
                            </div>
                            <div>
                                <video src="../../static/video/20231027吉永忠工作室英文版.mp4" class="video" controls muted
                                    autoplay loop></video>
                                <p>Ji YONGZHONG STUDIO</p>
                            </div> -->
                        </div>
                    </div>
                    <div class="fen_cont" style="margin-top: 70px;">
                        <p class="title">Equipo de servicio</p>
                        <div class="team_cont">
                            <img src="../../../static/imgs/team_lab/service_team/service10.jpg" alt="">
                            <img src="../../../static/imgs/team_lab/service_team/service8.jpg" alt="">
                            <img src="../../../static/imgs/team_lab/service_team/service1.jpg" alt="">
                            <img src="../../../static/imgs/team_lab/service_team/service2.jpg" alt="">
                            <img src="../../../static/imgs/team_lab/service_team/service3.jpg" alt="">
                            <img src="../../../static/imgs/team_lab/service_team/service4.jpg" alt="">
                            <img src="../../../static/imgs/team_lab/service_team/service5.jpg" alt="">

                            <img src="../../../static/imgs/team_lab/service_team/service11.jpg" alt="">
                            <img src="../../../static/imgs/team_lab/service_team/service7.JPG" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <div class="fot">
        <!-- 尾部列表区域 -->
        <div class="all_ul">
            <div class="ul1">
                <span>PRODUCTOS</span>
                <ul>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/product/product_type.html?data=35&title=SECTION8">DRILDETER<sup>® </sup></a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/product/product_type.html?data=37&title=SECTION8_SERIES">DRILDETER<sup>® </sup> ABB PLUS</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/product/product_type.html?data=36&title=SECTION8_SERIES">DRILDETER<sup>® </sup> ABB</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/product/product_type.html?data=36&title=SECTION9">FOAMDRIL<sup>® </sup></a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/product/product_type.html?data=37&title=SECTION10">GERMCI<sup>® </sup></a>
                    </li>
                </ul>
            </div>
            <div class="ul1">
                <span>SISTEMA</span>
                <ul>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/system/system_detail.html?data=121">AMPOLDRIL<sup>® </sup> Hermafrodita <br> Líquido de perforación de polímeros</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/system/system_detail.html?data=122">SOLITOLERDRIL<sup>® </sup> Sólidos de alta resistencia <br> Sistema de fluidos de perforación a base de agua</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/system/system_detail.html?data=123">INHIBDRIL<sup>® </sup> Alto rendimiento <br> Sistema de fluidos de perforación a base de agua</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/system/system_detail.html?data=126">AKUAFAST<sup>® </sup> Entorno de perforación rápida <br> Sistema de fluido de perforación de protección</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/system/system_detail.html?data=127">AKUADRIL<sup>® </sup> Prevención del colapso y medio ambiente <br> Sistema de fluido de perforación de protección</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/system/system_detail.html?data=128">AKUASEAL<sup>® </sup> Medio Ambiente de bajo riesgo <br> Sistema de fluido de perforación de protección</a>
                    </li>
                </ul>
            </div>
            <div class="ul1">
                <span>TECNOLOGÍA</span>
                <ul>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/technology/technology_detail.html?data=124">LONGLARTEC<sup>® </sup>Tecnología de fluidos de perforación <br> Sección larga adecuada para grandes dimensiones</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/technology/technology_detail.html?data=139">HIPRESATEC<sup>® </sup>Un control especial <br> Tecnología de tratamiento de agua salada de alta presión</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/technology/technology_detail.html?data=140">BORENHANTEC<sup>® </sup>Refuerzo del pozo <br> Tecnología</a>
                    </li>
                    <li>
                        <a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/technology/technology_detail.html?data=141">HIFL-PLUGTEC<sup>® </sup>Solidificación de alta pérdida de líquido y <br> Tecnología de bloqueo</a>
                    </li>
                </ul>
            </div>
            <div class="ul1">
                <span>LABORATORIO/EQUIPO</span>
                <ul>
                    <li><a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/team_lab/t_l_centers.html">Centro de I+D</a></li>
                    <li><a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/team_lab/t_l_lab.html">Laboratorio</a></li>
                    <li><a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/team_lab/t_l_team.html">Equipo de servicio</a></li>
                    <li><a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/team_lab/t_l_station.html">Planta de purines líquidos</a></li>
                    <!-- <li>Academic exchange</li> -->
                </ul>
            </div>
            <div class="ul1">
                <span>FABRICACIÓN</span>
                <ul>
                    <li><a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/manu/manu.html?tab=1">Base de producción</a></li>
                    <li><a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/manu/manu.html?tab=2">Taller</a></li>
                    <li><a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/manu/manu.html?tab=3">Laboratorio de inspección de calidad</a></li>
                    <li><a href="http://www.ccdcdf.com:6080/pc/app/pages/Spain/manu/manu.html?tab=4">Almacén</a></li>
                </ul>
            </div>
            <div class="ul1">
                <span>CONÉCTESE CON NOSOTROS</span>
                <ul>
                    <li>Tel: +86-028-86011661</li>
                    <li>Fax: +86-028-86013997</li>
                    <li>Emal: cqswc@cnpc.com.cn</li>
                    <li>No. 6 mengzhuiwan street, chengdu, sichuan, China</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>
<!-- <script>
    //切换50
    function openTab(event, tabName) {
        // 获取所有标签页内容元素
        var tabContent = document.getElementsByClassName("tab-content");

        // 隐藏所有标签页内容
        for (var i = 0; i < tabContent.length; i++) {
            tabContent[i].style.display = "none";
        }

        // 移除所有标签页选项卡的 active 类
        var tabs = document.getElementsByClassName("tab");
        for (var i = 0; i < tabs.length; i++) {
            tabs[i].className = tabs[i].className.replace(" active", "");
        }

        // 显示当前选中标签页内容
        document.getElementById(tabName).style.display = "block";

        // 添加 active 类到当前选中标签页选项卡
        event.currentTarget.className += " active";
    }
</script> -->
<link rel="stylesheet" href="../../../../node_modules/swiper/swiper-bundle.min.css">
<script src="../../../../node_modules/swiper/swiper-bundle.min.js"></script>
<script>
    // $('.tab').click(function () {
    //     let left_distance = $(this).position().left + 16 + $(this).width() / 2 - 20
    //     $('.tab_to').css("left", left_distance)
    //     // console.log($(this).width())
    //     console.log($(this).position().left + 16 + $(this).width()/2 - 20)
    // })
    // var swiper = new Swiper('.Swiper1', {
    //     loop:true,
    //     autoplay:true,
    //     pagination: {
    //         el: ".swiper-pagination",
    //         clickable: true,
    //     }
    // })
    let urlStr = window.location.href
    let apilang = ''
    if (urlStr.includes('English')) {
        // url = url.replace('English',change)
        // window.location.href = url
        apilang = 'English'
    } else if (urlStr.includes('Chinese')) {
        apilang = 'Chinese'
    } else if (urlStr.includes('Russian')) {
        apilang = 'Russian'
    } else if (urlStr.includes('Spain')) {
        apilang = 'Spain'
    }
    let baseUrl = 'https://ccdcfile.oss-cn-chengdu.aliyuncs.com'
    $.get(`http://www.ccdcdf.com:6080/api/index/LaboratoryVideo?apilang=${apilang}`, function (res) {
        console.log('返回的数据', res)
        $('.export_cont').empty()
        let str = ''
        if (res.code == 1) {
            res.data.forEach(item => {

                str += `
            <div>
                <video src="${baseUrl + item.LaboratoryVideo}" class="video" controls
                    muted autoplay loop></video>
                <p>${item.title}</p>
            </div>
            `
            })

        }

        $('.export_cont').append(str)
    })
</script>

</html>