﻿<!DOCTYPE HTML>
<html>

<head>
    <title id="title">浙江太湖能谷科技有限公司</title>
    <meta charset="UTF-8">
<meta name="robots" content="all">
<meta name="keywords" content="太湖能谷,电池管理,电站,基站,储能,储能电站,用户侧储能,和平共储,发电侧储能">
<meta name="viewport"
  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
<link rel="stylesheet" href="/ThngElectric/public/static/element-ui/index.css">
<link rel="stylesheet" href="/ThngElectric/public/static/css/thng.css">
<link href="/ThngElectric/public/static/css/bootstrap.min.css" rel="stylesheet">

    <script src="/ThngElectric/public/static/js/vue.js"></script>
<script src="/ThngElectric/public/static/element-ui/index.js"></script>
<script src="/ThngElectric/public/static/js/axios.min.js"></script>

</head>
<style>
    .one-title {
        padding: 10vh 0 1vh 0;
        font-size: 2em;
        color: #000;
        text-align: center;
    }

    .hr-color {
        border: 1px solid #6d91f5;
        width: 4%;
        margin-left: 48%;
    }

    .one-title-small {


        color: #888;
        text-align: center;

    }

    .one-count {
        margin: 2vh 10vw;
        /* border: 1px solid red; */
    }

    .one-count3 {
        margin: 2vh 0;
    }

    .one-count-in {
        text-align: center;
        font-size: 2rem;
        /* padding: 2vh 0; */
    }

    p {
        text-align: left;
        padding-top: 4vh;
        font-size: 1em;
        color: #888;
    }

    .bcolor {
        background-color: #f1f1f1;
    }

    .bg2 {
        background: url("/ThngElectric/public/static/img/skill/tec_pic_1.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
    }

    .bg3 {
        background: url("/ThngElectric/public/static/img/skill/tec_pic_2.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
    }

    .bg4 {
        background: url("/ThngElectric/public/static/img/skill/tec_pic_3.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
    }

    .bg5 {
        background: url("/ThngElectric/public/static/img/skill/tec_pic_4.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
    }

    .img-bg {

        width: 70%;
        margin-left: 30%;
        height: 90%;

    }

    .font-count {
        padding: 4vw 2vw;
        text-align: left;
        color: #fff;
        font-size: 2em;
    }

</style>

<body>

    <style>
  /* 菜单导航 */
  .el-menu {
    border-right: transparent !important;
    list-style: none !important;
    padding-left: 0 !important;
    background-color: transparent !important;
    z-index: 999;
    text-align: center;
    position: fixed !important;
  }

  .el-menu.el-menu--horizontal {
    border-bottom: 0 !important;

  }

  .el-submenu__title:hover {

    background-color: rgba(109, 145, 245, 0.2) !important;

  }

  .el-menu-item:hover {

    background-color: rgba(109, 145, 245, 0.2) !important;
    text-align: center;


  }

  .el-menu-item.is-active {
    background-color: rgba(109, 145, 245, 0.2) !important;
    color: #fff !important;
  }

  a {
    text-decoration: none;
  }

  .el-menu--collapse .el-menu .el-submenu,
  .el-menu--popup {
    min-width: 120px !important;
    margin: 0;
  }

  element.style {
    color: rgb(255, 255, 255);
    border-bottom-color: transparent;
    background-color: transparent !important;
  }

  .el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid #409EFF;
    color: #fff !important;
  }

  .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #409EFF;
    color: #fff !important;
  }

  .el-submenu__title i {
    color: #fff;
  }

</style>

<style lang="scss" scoped>
  .el-input__inner {
    background-color: transparent !important;
    color: #d9d9d9;
    height: 40px;
    text-align: center;
  }

  /**修改边框和字体颜色 */
  .el-select {
    position: relative;
    width: 120px;

    .el-input {
      input {
        height: 40px;
        border-color: transparent;
        color: #fff;
        background-color: transparent !important;
      }
    }
  }

  /**修改下拉图标颜色 */
  .el-input__suffix {
    .el-input__suffix-inner {
      .el-icon-arrow-up:before {
        color: #fff;
        padding-left: 0.11rem;
      }
    }
  }

  .el-input__icon {
    height: 100%;
    width: 50px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 40px;
  }

  .el-input__inner {
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 80%;
  }

</style>

<div id="menu" v-cloak style="display: flex; justify-content: center;">
  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"
    :style="{display:show}" background-color="transparent" text-color="#fff">
    <span style="padding: 1vh 5vw 0 0;"><img src="/ThngElectric/public/static/img/index/nav_logo.png"></span>
    <el-menu-item index="1">首页</el-menu-item>
    <el-menu-item index="2">新闻中心</el-menu-item>
    <el-menu-item index="3">技术优势</el-menu-item>
    <el-menu-item index="4">解决方案</el-menu-item>
    <el-menu-item index="5">运维体系</el-menu-item>

    <el-submenu index="6" style="position: relative; flex-direction: column;justify-content: space-between;">
      <template slot="title">关于能谷</template>
      <el-menu-item index="6-1">公司简介</el-menu-item>
      <el-menu-item index="6-2">荣誉资质</el-menu-item>
      <el-menu-item index="6-3">发展历程</el-menu-item>
      <el-menu-item index="6-4">研究方向</el-menu-item>
      <el-menu-item index="6-5">团队介绍</el-menu-item>
      <el-menu-item index="6-6">企业文化</el-menu-item>
      <el-menu-item index="6-7">企业关怀</el-menu-item>
    </el-submenu>
    <!-- <el-menu-item index="7">加入我们</el-menu-item> -->
    <el-menu-item index="8">联系我们</el-menu-item>

    <el-select v-model="value" @change="changelang" style="padding-top: 1vh;" placeholder="中文">
      <el-option v-for="(item, m) in options" :key="m" :label="item.label" :value="item.value">
      </el-option>
    </el-select>


  </el-menu>
</div>
<script src="/ThngElectric/public/static/js/jquery.min.js"></script>
<script>
  new Vue({
    el: '#menu',
    data() {
      return {
        show: 'flex',
        activeIndex: '1',
        path: {
          '1': "/index/index.html",
          '2': "/news/newslist.html",
          '3': "/skill/info.html",
          '4': "/plan/planlist.html",
          '5': "/operation/info.html",
          '6-1': "/company/introduction.html",
          '6-2': "/company/honor.html",
          '6-3': "/company/develop.html",
          '6-4': "/company/direction.html",
          '6-5': "/company/team.html",
          '6-6': "/company/culture.html",
          '6-7': "/company/care.html",
          '7': "/join/info.html",
          '8': "/connect/info.html",
        },
        options: [{
          value: 'zh-cn',
          label: "中文"
        }, {
          value: 'en-us',
          label: "English"
        }],
        value: ''
      }
    },
    mounted() {
      window.addEventListener('scroll', this.handleScroll);
    },
    methods: {
      handleSelect(key) {
        window.location.href = this.path[key]
      },
      handleScroll() {
        // console.log(999)
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop ||
          document.body.scrollTop
        if (scrollTop == 0) {
          this.show = 'flex'
        } else {
          this.show = 'none'
        }

      },
      changelang() {

        axios.post("/index/lang.html", {"lang": this.value}).then((response) => {
          var data = response.data;
          console.log(data)
          location.reload();

        }).catch((e) => {
          console.log(e);
        })
      }

    }
  })
</script>

    <div id="page-item-area">
        <style>
  .nav-pic {
    position: absolute;
    /* display: flex;
    justify-content: center;
    justify-items: center; */
    top: 40%;
    font-size: 4.5em;
    color: #fff;

  }

  .pointsMap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 66;
    list-style: none;
  }

  .dot {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url(/ThngElectric/public/static/img/index/dot.png) no-repeat;
    background-size: 17px 17px;
    border: 5px solid #79e08b;
    border-radius: 50%;
  }

  .videoAnimate .pointsMap .dot::before {
    animation: dotAnimation 3s .75s infinite;
  }

  .videoAnimate .pointsMap .dot::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(0, 30, 180, 0.2);
  }

  .pointsMap .dot::after {
    animation: dotAnimation 3s infinite;
  }

  .pointsMap .dot::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(0, 30, 180, 0.2);
  }

  @keyframes dotAnimation {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0
    }

    20% {
      opacity: 1
    }

    75% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0
    }

    100% {
      opacity: 0
    }
  }

  .pointsMap .info {
    display: flex;
    align-items: center;
    position: absolute;
    /* height: 100%; */
    height: 30px;
    left: 36px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 14px;
    padding: 0 23px;
    line-height: 1 !important;
    /* pointer-events: none; */
    cursor: pointer;
  }

  .pointsMap .info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: rgba(0, 30, 180, .77);
    border-radius: 30px;
  }

  ul.pointsMap li:hover .info::before {
    width: 100%;
    transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
  }

  .pointsMap .info span {
    opacity: 0;
  }

  .pointsMap .info .text {
    color: #fff;
    /* font-size: 14px; */
    margin-bottom: 2px;
    font-weight: 400;
    margin-right: 15px;
    font-family: Microsoft-YaHei;
  }

  .pointsMap .info .dotArrow {
    width: 8px;
    height: 13px;
    background: url(/ThngElectric/public/static/img/index/dot_arrow.png) no-repeat;
    background-size: 8px 13px;
  }

  ul.pointsMap li:hover .info span {
    opacity: 1;
    transition: all .36s .25s;
  }

  .grnr {
    position: absolute;
    right: 1%;

    top: 40vh;
  }

</style>

<link rel="stylesheet" href="/ThngElectric/public/static/css/lb/bootstrap.min.css">
<script src="/ThngElectric/public/static/js/jquery.min.js"></script>
<script src="/ThngElectric/public/static/css/lb/bootstrap.min.js"></script>
<div id="myCarousel" class="carousel slide">
  <!-- 轮播（Carousel）指标 data-ride="carousel" data-interval="10000"-->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
  </ol>
  <!-- 轮播（Carousel）项目 -->
  <div class="carousel-inner" style="height: 100%;">
    <div class="item active" style="height: 100%;">
      <video style="position: fixed;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;" loop="loop"
        autoplay="autoplay" muted>
        <source src="https://meedu-aliyun-vod.taihuelectric.com/b01459d8c36371efbb5d4531949c0102/38c16b3714c74308a480a99ceec6c85c-61e093119b4e44e25219028ffb71e324-hd.mp4" type="video/mp4">
      </video>
      <ul class="pointsMap">
        <li style="top: 50%;left: 37%;position: absolute;">
          <span class="dot"></span>
          <a href="/company/introduction.html">
            <span class="info">
              <span class="text">公司简介</span>
              <span class="dotArrow"></span>
            </span>
          </a>
        </li>
        <li style="top: 72%;left: 25%;position: absolute;">
          <span class="dot"></span>
          <a href="/skill/info.html">
            <span class="info">
              <span class="text">技术优势</span>
              <span class="dotArrow"></span>
            </span>
          </a>
        </li>
        <li style="top: 40%;left: 25%;position: absolute;">
          <span class="dot"></span>
          <a href="/plan/planlist.html">
            <span class="info">
              <span class="text">解决方案</span>
              <span class="dotArrow"></span>
            </span>
          </a>
        </li>
        <li style="top: 35%;right: 20%;position: absolute;">
          <span class="dot"></span>
          <a href="/operation/info.html">
            <span class="info">
              <span class="text">运维体系</span>
              <span class="dotArrow"></span>
            </span>
          </a>
        </li>
      </ul>
    </div>
    <div class="item" style="height: 100%;">
      <img src="/ThngElectric/public/static/img/index/nav_pic1.png" style="width: 100%;height: 100%;">
      <div class="nav-pic img_title" style="left: 25%;">“数智”绿能&nbsp;&nbsp;引领“零碳”生活</div>
    </div>
    <div class="item" style="height: 100%;">
      <img src="/ThngElectric/public/static/img/index/nav_pic2.png" style="width: 100%;height: 100%;">
      <div class="nav-pic img_title" style="left: 30%;">智慧能源-管理解决方案</div>
    </div>
    <div class="item" style="height: 100%;">
      <img src="/ThngElectric/public/static/img/index/nav_pic3.png" style="width: 100%;height: 100%;">
      <div class="nav-pic img_title" style="left: 35%;">分布式智慧零碳电厂</div>
    </div>
    <!-- <div class="item" style="height: 100%;">
      <img src="/ThngElectric/public/static/img/1.jpg" style="width: 100%;height: 100%;">
    </div> -->
  </div>
  <!-- 轮播（Carousel）导航 -->
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"
    style="display: grid;justify-content: center;align-items: center;">
    <span class="glyphicon glyphicon-menu-left" aria-hidden="true" style="font-size: 2em;"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"
    style="display: grid;justify-content: center;align-items: center;">
    <span class="glyphicon glyphicon-menu-right" aria-hidden="true" style="font-size: 2em;"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
<script>
  $('#myCarousel').height(document.documentElement.clientHeight)
</script>


        <div id="main" v-cloak>
            <el-row class="page-item" :style="{height:oneheight}">
                <el-col :span="6"
                    style="height: 100%;background: url('/ThngElectric/public/static/img/index/industry_normal1.png') no-repeat;background-size: 100% 100%;">
                    <el-row style="height: 100%;">
                        <el-col :span=" 24" class="one-count-in" style="height: 90%;padding-top: 40%;">
                            <img src="/ThngElectric/public/static/img/index/hexinyewu1.png">
                            <div style="color: #fff;padding-top: 2vh;">用户侧、发电侧、电网<br>侧等储能电站的应用</div>
                        </el-col>
                        <el-col :span="24" class="one-count-in">
                            <img src="/ThngElectric/public/static/img/index/more_normal.png" style="cursor: pointer;"
                                @click="openindustry('one')">
                        </el-col>
                    </el-row>
                </el-col>
                <el-col :span="6"
                    style="height: 100%;background: url('/ThngElectric/public/static/img/index/industry_normal2.png') no-repeat;background-size: 100% 100%;">
                    <el-row style="height: 100%;">
                        <el-col :span="24" class="one-count-in" style="height: 90%;padding-top: 40%;">
                            <img src="/ThngElectric/public/static/img/index/hexinyewu2.png">
                            <div style="color: #fff;padding-top: 2vh;">通讯基站及IDC储能与<br>备电的应用</div>
                        </el-col>
                        <el-col :span="24" class="one-count-in">
                            <img src="/ThngElectric/public/static/img/index/more_normal.png" style="cursor: pointer;"
                                @click="openindustry('two')">
                        </el-col>
                    </el-row>
                </el-col>
                <el-col :span="6"
                    style="height: 100%;background: url('/ThngElectric/public/static/img/index/industry_normal3.png') no-repeat;background-size: 100% 100%;">
                    <el-row style="height: 100%;">
                        <el-col :span="24" class="one-count-in" style="height: 90%;padding-top: 40%;">
                            <img src="/ThngElectric/public/static/img/index/hexinyewu3.png">
                            <div style="color: #fff;padding-top: 2vh;">城市储能</div>
                        </el-col>
                        <el-col :span="24" class="one-count-in">
                            <img src="/ThngElectric/public/static/img/index/more_normal.png" style="cursor: pointer;"
                                @click="openindustry('three')">
                        </el-col>
                    </el-row>
                </el-col>
                <el-col :span="6"
                    style="height: 100%;background: url('/ThngElectric/public/static/img/index/industry_normal4.png') no-repeat;background-size: 100% 100%;">
                    <el-row style="height: 100%;">
                        <el-col :span="24" class="one-count-in" style="height: 90%;padding-top: 40%;">
                            <img src="/ThngElectric/public/static/img/index/hexinyewu4.png">
                            <div style="color: #fff;padding-top: 2vh;">“储能+”业务</div>
                        </el-col>
                        <el-col :span="24" class="one-count-in">
                            <img src="/ThngElectric/public/static/img/index/more_normal.png" style="cursor: pointer;"
                                @click="openindustry('four')">
                        </el-col>
                    </el-row>
                </el-col>
            </el-row>

            <el-row class="page-item" :class="change_bg"
                :style="{height:oneheight, transition: '0.3s background-image ease'}">
                <el-col :span="24">
                    <el-row>
                        <el-col :span="24">
                            <div class="one-title" style="padding-top: 5vh;color: #fff;">技术优势                            </div>
                            <hr class="hr-color">
                            <div class="one-title-small" style="color: #FFF3C7;">Technical advantages
                            </div>
                        </el-col>
                    </el-row>

                    <el-row :style="{height:onecountheight}">
                        <el-col :span="24">
                            <el-row align="middle" type="flex" justify="center">
                                <el-col :span="12" style="height: 100%;padding-top: 3%;">
                                    <div class="img-bg">
                                        <img :src="change_img" style="width: 100%; height: 100%;">
                                    </div>
                                </el-col>
                                <el-col :span=12 class="font-count">
                                    <div>{{info_1}}</div>
                                    <p style="color: #FFF3C7;">{{info_2}}</p>
                                </el-col>
                            </el-row>

                            <el-row style="padding-top: 8vh">
                                <el-col :span="5" :offset="2" style="text-align: center;">
                                    <img src="/ThngElectric/public/static/img/index/icon_tec_normal.png"
                                        onMouseOver="this.src='/ThngElectric/public/static/img/index/icon_tec2_pressed.png'"
                                        onMouseOut="this.src='/ThngElectric/public/static/img/index/icon_tec_normal.png'"
                                        style="cursor: pointer; width: 33%;mix-blend-mode: luminosity;"
                                        @click="openskill('one')">
                                    <div style="font-weight: bold;font-size: 2rem;padding: 1vh 0;color: #fff;">
                                        科技智能                                    </div>
                                    <div style="color: #FFF3C7;">让世界没有难用的清洁能源</div>
                                </el-col>
                                <el-col :span="5" style="text-align: center;">
                                    <img src="/ThngElectric/public/static/img/index/icon_d_normal.png"
                                        onMouseOver="this.src='/ThngElectric/public/static/img/index/icon_d_pressed.png'"
                                        onMouseOut="this.src='/ThngElectric/public/static/img/index/icon_d_normal.png'"
                                        style="cursor: pointer;width: 33%;mix-blend-mode: luminosity;"
                                        @click="openskill('two')">
                                    <div style="font-weight: bold;font-size: 2rem;padding: 1vh 0;color: #fff;">
                                        TEC-Engine™技术                                    </div>
                                    <div style="color: #FFF3C7;">能源互联网及虚拟电厂</div>
                                </el-col>
                                <el-col :span="5" style="text-align: center;">
                                    <img src="/ThngElectric/public/static/img/index/icon_secure_normal.png"
                                        onMouseOver="this.src='/ThngElectric/public/static/img/index/icon_secure_pressed.png'"
                                        onMouseOut="this.src='/ThngElectric/public/static/img/index/icon_secure_normal.png'"
                                        style="cursor: pointer;width: 33%;mix-blend-mode: luminosity;"
                                        @click="openskill('three')">
                                    <div style="font-weight: bold;font-size: 2rem;padding: 1vh 0;color: #fff;">
                                        安全高效                                    </div>
                                    <div style="color: #FFF3C7;">TEC-Engine™+铅酸电池</div>
                                </el-col>
                                <el-col :span="5" style="text-align: center;">
                                    <img src="/ThngElectric/public/static/img/index/icon_share_normal.png"
                                        onMouseOver="this.src='/ThngElectric/public/static/img/index/icon_share_pressed.png'"
                                        onMouseOut="this.src='/ThngElectric/public/static/img/index/icon_share_normal.png'"
                                        style="cursor: pointer;width: 33%;mix-blend-mode: luminosity;"
                                        @click="openskill('four')">
                                    <div style="font-weight: bold;font-size: 2rem;padding: 1vh 0;color: #fff;">
                                        共享储能+                                    </div>
                                    <div style="color: #FFF3C7;">绿色能源解决方案</div>
                                </el-col>
                            </el-row>

                        </el-col>
                    </el-row>
                </el-col>
            </el-row>

            <el-row class="bcolor page-item" :style="{height:oneheight}">
                <el-col :span="24">
                    <el-row>
                        <el-col :span="24">
                            <div class="one-title">解决方案</div>
                            <hr class="hr-color">
                            <div class="one-title-small">Solution</div>
                        </el-col>
                    </el-row>

                    <el-row class="one-count" :style="{height:onecountheight}">
                        <el-col :span="24" style="height: 100%;color: #fff;">
                            <el-row style="height: 100%;">
                                <el-col :span="12" style="height: 100%;">
                                    <el-row style="height: 100%;">
                                        <el-col :span="24" style="height: 70%;padding: 1vh 0.5vh 0.5vh 1vh;">
                                            <div class="move" style="height: 100%;"
                                                @click="openplan(2)">
                                                <img class="move_img"
                                                    src="https://taihuelectric-index.oss-cn-hangzhou.aliyuncs.com/uploads\20230816\4b090a743a987dcea974ae6f58abbd23.jpg!zip"
                                                    style="width: 100%;height: 100%;">
                                                <div class="img-font">和平共储项目</div>
                                            </div>

                                        </el-col>
                                        <el-col :span="12" style="height: 30%;padding: 0.5vh 0.5vh 1vh 1vh;">
                                            <div class="move" style="height: 100%;"
                                                @click="openplan(1)">
                                                <img class="move_img"
                                                    src="https://taihuelectric-index.oss-cn-hangzhou.aliyuncs.com/uploads\20241211\e544c6e0ff9676b1cf20db0949b22958.jpg!zip"
                                                    style="width: 100%;height: 100%;">
                                                <div class="img-font">金大地用户侧储能项目</div>
                                            </div>

                                        </el-col>
                                        <el-col :span="12" style="height: 30%;padding: 0.5vh 0.5vh 1vh 0.5vh;">
                                            <div class="move" style="height: 100%;"
                                                @click="openplan(3)">
                                                <img class="move_img"
                                                    src="https://taihuelectric-index.oss-cn-hangzhou.aliyuncs.com/uploads\20230607\0cbd95da3ca6ee84a0498dbb725278b0.png!zip"
                                                    style="width: 100%;height: 100%;">
                                                <div class="img-font">江苏长强</div>
                                            </div>

                                        </el-col>
                                    </el-row>
                                </el-col>
                                <el-col :span="12" style="height: 100%;">
                                    <el-row style="height: 100%;">
                                        <el-col :span="12" style="height: 30%;padding: 1vh 0.5vh 0.5vh 0.5vh;">
                                            <div class="move" style="height: 100%;"
                                                @click="openplan(4)">
                                                <img class="move_img"
                                                    src="https://taihuelectric-index.oss-cn-hangzhou.aliyuncs.com/uploads\20230607\03bbe86bbe0c021397db61a46db3e3ac.jpg!zip"
                                                    style="width: 100%;height: 100%;">
                                                <div class="img-font">长兴郎山</div>
                                            </div>

                                        </el-col>
                                        <el-col :span="12" style="height: 30%;padding: 1vh 1vh 0.5vh 0.5vh;">
                                            <div class="move" style="height: 100%;"
                                                @click="openplan(5)">
                                                <img class="move_img"
                                                    src="https://taihuelectric-index.oss-cn-hangzhou.aliyuncs.com/uploads\20230816\f7299878e4787b1589f07f6c6c1c436e.jpg!zip"
                                                    style="width: 100%;height: 100%;">
                                                <div class="img-font">西藏沛德</div>
                                            </div>

                                        </el-col>
                                        <el-col :span="24" style="height: 70%;padding: 0.5vh 1vh 1vh 0.5vh;">
                                            <div class="move" style="height: 100%;"
                                                @click="openplan(6)">
                                                <img class="move_img"
                                                    src="https://taihuelectric-index.oss-cn-hangzhou.aliyuncs.com/uploads\20230816\9cfb38415654f9bfd5b44c9691df96fb.jpg!zip"
                                                    style="width: 100%;height: 100%;">
                                                <div class="img-font">中节能</div>
                                            </div>

                                        </el-col>

                                    </el-row>
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>

                </el-col>
            </el-row>

            <el-row class="page-item" :style="{height:oneheight}">
                <el-col :span="24" style="text-align: center;">
                    <el-row>
                        <el-col :span="24">
                            <div class="one-title">运维体系</div>
                            <hr class="hr-color">
                            <div class="one-title-small">Operation and maintenance system</div>
                        </el-col>
                    </el-row>

                    <el-row class="one-count" :style="{height:onecountheight}">
                        <el-col :span="24" style="height: 100%;color: #fff;">
                            <el-carousel :interval="5000" arrow="always" style="width: 100%;" :height="carheight"
                                type="card">
                                <el-carousel-item v-for="item in oppicks" :key="item">
                                    <img :src="item" style="background-size: contain;">
                                </el-carousel-item>
                            </el-carousel>
                        </el-col>
                    </el-row>
                    <el-button round @click.native="openoperation" style="margin-top: 2vh;">更多</el-button>
                </el-col>
            </el-row>

            <el-row class="page-item" :style="{height:oneheight}">
                <el-col :span="24" style="text-align: center;">
                    <el-row>
                        <el-col :span="24">
                            <div class="one-title">关于能谷</div>
                            <hr class="hr-color">
                            <div class="one-title-small">About us</div>
                        </el-col>
                    </el-row>

                    <el-row class="one-count" :style="{height:onecountheight}">
                        <el-col :span="24" style="height: 100%;color: #303133;">
                            <el-row style="height: 100%;">
                                <el-col :span="16" style="height: 100%;">
                                    <el-row style="height: 100%;padding-top:2%;">
                                        <el-col :span="24" style="height: 70%;">
                                            <div style="text-align: left;font-size: 2rem;">浙江太湖能谷科技有限公司                                            </div>
                                            <p style="color: #606266;font-size: 1.5rem;">
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;太湖能谷成立于2016年4月，是由资深国际研发和商业运行团队领军的高科技能源企业。公司汇集了国际高端技术、战略、电池制造、金融等专业团队，是国家专精特新“小巨人”企业、国家高新技术企业。
  公司自主研发的TEC-Engine™技术,构建了普适于各类电化学储能的实时远程监控、运营运维管理的全生命周期管理平台,创建了极其安全、超高经济性(超低成本)和高可循环再利用(99.9% 以上)的完整储能产品及系统,大幅提高储能系统的安全性和性价比,打造全方位电力服务智慧能源平台。                                            </p>
                                            <p style="color: #606266;">
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在国家“双碳”战略的大背景下，公司已与若干央企和大型地方国企达成深度战略合作，致力于为实现国家的双碳战略做出有意义、有规模的贡献！                                            </p>
                                        </el-col>
                                        <el-col :span="6" style="height: 30%;">
                                            <img src="/ThngElectric/public/static/img/index/us/about_honor_normal.png"
                                                onMouseOver="this.src='/ThngElectric/public/static/img/index/us/about_honor_pressed.png'"
                                                onMouseOut="this.src='/ThngElectric/public/static/img/index/us/about_honor_normal.png'"
                                                style="cursor: pointer;" @click="openhonor">
                                            <div style="padding-top: 1vh;">荣誉资质</div>
                                        </el-col>
                                        <el-col :span="6" style="height: 40%;">
                                            <img src="/ThngElectric/public/static/img/index/us/about_develop_normal.png"
                                                onMouseOver="this.src='/ThngElectric/public/static/img/index/us/about_develop_pressed.png'"
                                                onMouseOut="this.src='/ThngElectric/public/static/img/index/us/about_develop_normal.png'"
                                                style="cursor: pointer;" @click="opendevelop">
                                            <div style="padding-top: 1vh;">发展历程</div>
                                        </el-col>
                                        <el-col :span="6" style="height: 40%;">
                                            <img src="/ThngElectric/public/static/img/index/us/about_study_normal.png"
                                                onMouseOver="this.src='/ThngElectric/public/static/img/index/us/about_study_pressed.png'"
                                                onMouseOut="this.src='/ThngElectric/public/static/img/index/us/about_study_normal.png'"
                                                style="cursor: pointer;" @click="opendirection">
                                            <div style="padding-top: 1vh;">研究方向</div>
                                        </el-col>
                                        <el-col :span="6" style="height: 40%;">
                                            <img src="/ThngElectric/public/static/img/index/us/about_team_normal.png"
                                                onMouseOver="this.src='/ThngElectric/public/static/img/index/us/about_team_pressed.png'"
                                                onMouseOut="this.src='/ThngElectric/public/static/img/index/us/about_team_normal.png'"
                                                style="cursor: pointer;" @click="openteam">
                                            <div style="padding-top: 1vh;">团队介绍</div>
                                        </el-col>
                                    </el-row>
                                </el-col>
                                <el-col :span="8" style="height: 100%;padding-left:1vw;">
                                    <img src="/ThngElectric/public/static/img/index/us/about_pic1.png"
                                        style="width: 100%;height: 100%;">
                                </el-col>
                            </el-row>
                        </el-col>
                    </el-row>

                    <el-button round @click.native="openus" style="margin-top: 2vh;">更多</el-button>

                </el-col>
            </el-row>

            <el-row class="bcolor page-item" :style="{height:oneheight}">
                <el-col :span="24">
                    <el-row>
                        <el-col :span="24">
                            <div class="one-title">新闻中心</div>
                            <hr class="hr-color">
                            <div class="one-title-small">News Center</div>
                        </el-col>
                    </el-row>

                    <el-row class="one-count" :style="{height:onecountheight}">
                        <el-col :span="24" style="height: 100%;color: #fff;">
                            <div style="position: relative;background-color: #fff;color: #000;width: 60%;height: 90%;">
                                <div style="padding: 10% 10% 5% 10%; color: #606266;">{{news_data.date}}</div>
                                <div style="color: #303133;padding: 0 20% 0 10%;font-size: 2.5rem;">
                                    {{news_data.title}}
                                </div>
                                <div
                                    style="color: #606266;font-size: 1.5rem;padding: 5% 20% 5% 10%;height: 15rem;overflow:hidden;">
                                    {{news_data.content}}
                                </div>
                                <div style="border: 1px solid #E6E6E6;border-radius: 25px;color: #0071C3;padding: 1vh;width: 15%;margin-left: 10%;text-align: center;"
                                    @click="opennews(news_data.id, news_data.type, news_data.url)">
                                    查看详情
                                </div>
                            </div>
                            <div style="position: absolute;top: 10%;left: 50%;height: 100%;width: 50%;">
                                <img :src="getPic(news_data.pic)" style="width: 100%;height: 60%;">
                            </div>

                            <div style="position: absolute;top:45%;left: -5%;cursor: pointer;">
                                <img src="/ThngElectric/public/static/img/index/operation/switch_left.png"
                                    @click="beforenews(news_data.id)">
                            </div>
                            <div style="position: absolute;top:45%;right: -5%;cursor: pointer;">
                                <img src="/ThngElectric/public/static/img/index/operation/switch_right.png"
                                    @click="nextnews(news_data.id)">
                            </div>
                        </el-col>
                    </el-row>

                </el-col>
            </el-row>

            <el-row class="page-item" :style="{height:oneheight}">
                <el-col :span="24" style="text-align: center;">
                    <el-row>
                        <el-col :span="24">
                            <div class="one-title">合作伙伴</div>
                            <hr class="hr-color">
                            <div class="one-title-small">Companies & Industries</div>
                        </el-col>
                    </el-row>

                    <el-row class="one-count3" :style="{height:onecountheight}">
                        <el-col :span="24" style="height: 100%;color: #fff;">
                            <div style="font-size: 3em;">200+合作伙伴</div>
                            <div style="padding-bottom: 2%;">客户来自国家电投、中国南方电网、中国通信服务、国家电投等</div>
                            <img src="/ThngElectric/public/static/img/index/partners.png" style="height: 80%;width: 80%;">
                        </el-col>
                    </el-row>

                </el-col>
            </el-row>
        </div>

        <style>
  .footer-center {
    text-align: center;
  }

  .f-padding {
    padding-top: 1vh;
  }

</style>
<div id="footer" v-cloak>
  <el-row style="background-color:#222222 ; padding-top: 5vh;color: #f8fcfb;">
    <el-col :span="24">
      <el-row>
        <el-col :span="8" class="footer-center">
          <img src="/ThngElectric/public/static/img/index/down-logo-1.png" style="width: 10rem;">
          <div style="font-size: 1.2em;padding-top: 2vh;">浙江太湖能谷科技有限公司</div>
        </el-col>
        <el-col :span="8" style="display:flex;flex-direction: column;justify-content: space-between;">
          <div style="font-size: 1.2em;" class="f-padding">联系我们</div>
          <div class="f-padding">地址：浙江省湖州市长兴县太湖大道1358号</div>
          <div class="f-padding">电话：0572-6069166</div>
          <div class="f-padding">邮箱：info@taihuelectric.com</div>
        </el-col>
        <el-col :span="8" class="footer-center">
          <img src="/ThngElectric/public/static/img/gongzhonghao.jpg" style="width: 8em;height: 8em;">
          <div style="padding: 2vh 0;">公众号</div>
        </el-col>
      </el-row>
    </el-col>
  </el-row>
  <el-row style="background-color:#222222 ; padding: 2vh 0;color: #575757;border-top: 1px solid #414141;">
    <el-col :span="24" class="footer-center">
      <div style="display: flex; justify-content: center; align-items: center;">© 2016-2024
        浙江太湖能谷科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;

        <span style="display: flex; align-items: center;">
          <a target="_blank" href="http://beian.miit.gov.cn/"
            style="color: #575757;">浙ICP备19024527号-1</a>&nbsp;&nbsp;&nbsp;&nbsp;
          <img src="/ThngElectric/public/static/img/index/us/jin.png" style="width: 1rem;margin-right: 0.25rem;">
          <a target="_blank" style="color: #575757;"
            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33052202000315">浙江网安备33052202000315号          </a>
        </span>
      </div>
    </el-col>
  </el-row>
</div>

<script>
  new Vue({
    el: '#footer'
  })
</script>

    </div>
    <script src="/ThngElectric/public/static/js/jquery.min.js"></script>
</body>

<script>
    var app = new Vue({
        el: '#main',
        data() {
            return {
                oneheight: document.documentElement.clientHeight + 'px',
                onecountheight: document.documentElement.clientHeight * 0.6 + 'px',
                carheight: screen.height * 0.5 + 'px',
                oppicks: ['/ThngElectric/public/static/img/index/operation/op-1.png', '/ThngElectric/public/static/img/index/operation/op-2.png', '/ThngElectric/public/static/img/index/operation/op-3.png', '/ThngElectric/public/static/img/index/operation/op-4.png'],
                news_data: JSON.parse('{"id":65,"date":"2025-05-09","title":"兰溪市委副书记、市长朱俊华赴太湖能谷参观考察","content":"5月9日，浙江省兰溪市委副书记、市长朱俊华带领考察团一行到访太湖能谷，深入调研储能技术创新与应用成果。","pic":"uploads\/20250528\/034b2f8974dde9a7c9340163dcc0d27d.jpg","type":1,"url":"https:\/\/mp.weixin.qq.com\/s\/SIuGsfVAMQq4PzpJmT1z-g"}'),
                change_bg: 'bg2',
                change_img: '/ThngElectric/public/static/img/skill/system_pic_1.png',
                info_1: '储能运维平台',
                info_2: '全生命周期管理，具备安全监测、策略编排、充放策略优化以及电量结算等功能。',
            }
        },
        mounted() {

        },
        methods: {
            openoperation() {
                window.location.href = "/operation/info.html"
            },
            openus() {
                window.location.href = "/company/introduction.html"
            },
            opennews(id, t, u) {
                // window.location.href = "/news/newsdetail.html"
                // location.href = "/news/newsdetail.html" + "?id=" + id;
                if (t == 0) {
                    location.href = "/news/newsdetail.html" + "?id=" + id;
                } else {
                    window.open(u, "_blank");
                }
            },
            openindustry(item) {
                window.location.href = "/plan/companyindustry.html?id=" + item
            },
            openhonor() {
                window.location.href = "/company/honor.html"
            },
            opendevelop() {
                window.location.href = "/company/develop.html"
            },
            opendirection() {
                window.location.href = "/company/direction.html"
            },
            openteam() {
                window.location.href = "/company/team.html"
            },
            openskill(item) {
                if (item == 'one') {
                    this.change_bg = 'bg2';
                    this.change_img = '/ThngElectric/public/static/img/skill/system_pic_1.png';
                    this.info_1 = '储能运维平台';
                    this.info_2 = '全生命周期管理，具备安全监测、策略编排、充放策略优化以及电量结算等功能。';
                } else if (item == 'two') {
                    this.change_bg = 'bg3';
                    this.change_img = '/ThngElectric/public/static/img/skill/system_pic_2.png';
                    this.info_1 = '电价管理平台';
                    this.info_2 = '自动追踪并收集不同地区、不同类型及不同月份的电价，并提供给多个其他平台使用。';
                } else if (item == 'three') {
                    this.change_bg = 'bg4';
                    this.change_img = '/ThngElectric/public/static/img/skill/system_pic_3.png';
                    this.info_1 = '能谷数据中心';
                    this.info_2 = '所有平台中枢，能快速调度不同平台的储能信息，并通过WebGL,Echarts等手段将其呈现在数据中心。';
                } else if (item == 'four') {
                    this.change_bg = 'bg5';
                    this.change_img = '/ThngElectric/public/static/img/skill/system_pic_4.png';
                    this.info_1 = '资费管理平台';
                    this.info_2 = '根据不同的电价政策和客户，按月自动生成账单，并根据客户的不同需求要提供多种结算方式。';
                }
                //window.location.href = "/skill/info.html?id=" + item
            },
            getPic(pic) {
                return "https://taihuelectric-index.oss-cn-hangzhou.aliyuncs.com/" + pic + "!zip";
            },
            beforenews(id) {
                axios.post("/news/data.html", {"id": id, "flag": -1}).then((response) => {
                    var data = response.data;
                    if (data.news_data.length === 1) {
                        app.news_data = data.news_data[0];
                    }
                    console.log(app.news_data);
                });
            },
            nextnews(id) {
                axios.post("/news/data.html", {"id": id, "flag": 1}).then((response) => {
                    var data = response.data;
                    if (data.news_data.length === 1) {
                        app.news_data = data.news_data[0];
                    }
                    console.log(app.news_data);
                });
            },
            openplan(id) {
                location.href = "/plan/detail.html" + "?id=" + id;
            }
        }
    })

    console.log(app.news_data);
</script>

</html>
