<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="keywords" content="光伏补贴,光伏安装,太阳能光伏,光伏发电收益,光伏电站,户用光伏,家庭光伏发电,分布式光伏,家用光伏发电">
    <meta name="description" content="光伏补贴,光伏安装,太阳能光伏,光伏发电收益,光伏电站,户用光伏,家庭光伏发电,分布式光伏,家用光伏发电">
    <title>碳银网—乡村绿能绿居解决方案运营商</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script src="assets/js/head.js"></script>
</head>
<body>
<div class="x_headWrap">
    <div class="x_head">
        <div class="flexBetWeen flex1">
            <div class="logo"><img src="assets/img/logo.png"></div>
            <ul class="menu">
                <li class="active"><a href="/">首页</a></li>
                <li><a href="product.html">产品介绍</a></li>
                <li><a href="market.html">市场合作</a></li>
                <li><a href="app.html">碳银App</a></li>
                <li><a href="info.html">资讯前沿</a></li>
                <li><a href="about.html">关于我们</a></li>
            </ul>
            <div class="flex loginBox posRe">
                <img src="assets/img/icon-login2.png">
                <span>登录</span>
                <div class="jumpPop">
                    <div class="arrow"></div>
                    <div class="jumpMain">
                        <ul>
                            <li><a href="https://flow.tanwin.cn/" target="_blank">后台管理(新)</a></li>
                            <li><a href="http://team.tanwin.cn/login.html" target="_blank">后台管理(老)</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="headpic">
    <div class="main">
        <div class="slogan">
            <span class="big">TANWIN碳银</span>
            <span>绿能绿居 ·产业数字服务平台</span>
        </div>
        <div class="smallSlogan">碳银为城乡绿色产业小微企业提供数字化 全价值链服务支持与解决方案</div>
        <div class="wonder">这里有你想知道的></div>
    </div>
</div>
<div class="introduce flex">
    <div><img src="assets/img/img2.png" alt="管理工具、供应链整合、产融服务、售后运维"></div>
    <div class="right">
        <div class="introduceMain one flex">
            <dl>
                <dt>
                    <img src="assets/img/icon1.png">
                </dt>
                <dd>
                    <p class="tit">高效的业务整合能力</p>
                    <p class="cont">整合一批具备营销、安装、运维等全流程行业经验的合作伙伴，业务范围遍布全国。</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="assets/img/icon2.png">
                </dt>
                <dd>
                    <p class="tit">智能的平台化管理</p>
                    <p class="cont">以全自动流程引擎、AI决策、行业大数据、共享服务、标准化结算和智能风控组成智能化管理平台。</p>
                </dd>
            </dl>
        </div>
        <div class="introduceMain two flex">
            <dl>
                <dt>
                    <img src="assets/img/icon3.png">
                </dt>
                <dd>
                    <p class="tit">先进的数字化服务</p>
                    <p class="cont">建立标准化、模块化的业务流程、将业务流程从线下搬到线上，实现项目全生命周期的数字化管理。</p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="assets/img/icon4.png">
                </dt>
                <dd>
                    <p class="tit">优质的供应链服务</p>
                    <p class="cont">协同产业链上下游，提供产品采购、工程安装、技术培训、仓配运输等优质供应链服务。</p>
                </dd>
            </dl>
        </div>
    </div>
</div>
<div class="moduTit">
    <p class="text">碳银合作伙伴保障体系</p>
    <p class="smallText">TANWIN Silver Partner Guarantee System</p>
    <p class="dividingLine"><img src="assets/img/img3.png" alt="碳银合作伙伴保障体系"></p>
</div>
<div class="securitySystem">
    <div class="main">
        <div class="box1">
            <img src="assets/img/icon5.png">
            <div class="line"></div>
            <div class="text">智能化的管理工具</div>
        </div>
        <div class="box2">
            <div class="top">
                <img src="assets/img/icon6.png">
                <div class="line"></div>
                <div class="text">多元化的产品方案</div>
            </div>
            <div class="bottom">
                <img src="assets/img/icon7.png">
                <div class="line"></div>
                <div class="text">高效的仓配送体系</div>
            </div>
        </div>
        <div class="box3">
            <img src="assets/img/icon10.png">
            <div class="line"></div>
            <div class="text">精细化的售后服务</div>
        </div>
        <div class="box4">
            <div class="top">
                <img src="assets/img/icon8.png">
                <div class="line"></div>
                <div class="text">全方位的培训支持</div>
            </div>
            <div class="bottom">
                <img src="assets/img/icon9.png">
                <div class="line"></div>
                <div class="text">多维度的营销助力</div>
            </div>
        </div>
    </div>
</div>
<div class="moduTit">
    <p class="text">碳银产业服务体系</p>
    <p class="smallText">TANWIN Industrial Service System</p>
    <p class="dividingLine"><img src="assets/img/img3.png"></p>
</div>
<div class="serviceSystem flexBetWeen">
    <div class="box">
        <dl class="flexBetWeen">
            <dt>
                <span class="tit">家庭清洁能源产业</span>
                <span class="text">让阳光收益惠及千家万户</span>
            </dt>
            <dd><img src="assets/img/icon11.png"></dd>
        </dl>
        <ul>
            <li><em></em><span>原厂直供</span></li>
            <li><em></em><span>订单管理</span></li>
            <li><em></em><span>正品低价</span></li>
            <li><em></em><span>共享仓库</span></li>
            <li><em></em><span>产品溯源</span></li>
            <li><em></em><span>物流配送</span></li>
        </ul>
    </div>
    <div class="box">
        <dl class="flexBetWeen">
            <dt>
                <span class="tit">分布式光伏电站投资</span>
                <span class="text">共创共赢 阳光未来</span>
            </dt>
            <dd><img src="assets/img/icon12.png"></dd>
        </dl>
        <ul>
            <li><em></em><span>原厂直供</span></li>
            <li><em></em><span>智能运维</span></li>
            <li><em></em><span>售后无忧</span></li>
            <li><em></em><span>灵活合作</span></li>
            <li><em></em><span>收益可观</span></li>
            <li><em></em><span>资源共享</span></li>
        </ul>
    </div>
    <div class="box">
        <dl class="flexBetWeen">
            <dt>
                <span class="tit">城乡绿色旅居数字智造产业</span>
                <span class="text">智造旅居 无限可能</span>
            </dt>
            <dd><img src="assets/img/icon13.png"></dd>
        </dl>
        <ul>
            <li><em></em><span>节能70%</span></li>
            <li><em></em><span>节地50%</span></li>
            <li><em></em><span>节财30%</span></li>
            <li><em></em><span>节时80%</span></li>
            <li><em></em><span>保温隔音</span></li>
            <li><em></em><span>高抗火性</span></li>
        </ul>
    </div>
</div>
<div class="cAPP">
    <div class="moduTit">
        <p class="text">碳盈协同APP</p>
        <p class="smallText">TANWIN Collaborative APP</p>
        <p class="dividingLine"><img src="assets/img/img3.png"></p>
    </div>
    <div class="main">
        <div class="left">
            <img src="assets/img/img4.png">
            <!--            <div class="btn">为我定制方案</div>-->
        </div>
        <div class="right">
            <div class="tit">一款自带创业资源的APP</div>
            <dl>
                <dt>
                    <span class="text1">合伙人招商火热进行中... ...</span>
                    <span class="text2">集聚产品、供应链、营销、商机等优质资源、 轻松实现0门槛、低成本创业 </span>
                </dt>
                <dd><img src="assets/img/img5.png" style="width: 150px;"></dd>
            </dl>
            <ul>
                <li>
                    <img src="assets/img/img6.png">
                    <p>商机合作</p>
                </li>
                <li>
                    <img src="assets/img/img7.png">
                    <p>产品矩阵</p>
                </li>
                <li>
                    <img src="assets/img/img8.png">
                    <p>高效管理</p>
                </li>
                <li>
                    <img src="assets/img/img9.png">
                    <p>工程运维</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="moduTit">
    <p class="text">资讯前沿</p>
    <p class="smallText">Information Frontier</p>
    <p class="dividingLine"><img src="assets/img/img3.png"></p>
</div>
<div class="information" id="app" v-cloak>
    <ul>
        <li v-for="item in informationList" :key="item.id">
            <img class="pic" v-if="item.previewType === 0" :src="item.previewPath + '?x-oss-process=image/resize,w_576,h_362,m_fill'" alt="资讯前沿">
            <!-- :poster="item.imgPath + '?x-oss-process=video/snapshot,t_0,f_png,w_375,h_375,m_fast" -->
            <video class="pic" v-if="item.previewType === 1" controls autoplay muted loop>
                <source :src="item.previewPath" type="video/ogg">
                <source :src="item.previewPath" type="video/mp4">
                <source :src="item.previewPath" type="video/webm">
                你的浏览器不支持video标签。
            </video>
            <p class="text">{{item.title}}</p>
            <div class="detail">
                <div class="title">{{ item.description }}</div>
                <div class="btn">
                    <a :href="item.link ? item.link : `view.html?location=${item.location}&id=${item.id}`"
                       :target="item.link?'_blank':''">查看详情</a>
                </div>
                <div class="line"></div>
                <div class="bottom">{{ item.title }}</div>
            </div>
        </li>
    </ul>
</div>
<div class="service">
    <div class="moduTit">
        <p class="text">服务流程</p>
        <p class="smallText">Service Process</p>
        <p class="dividingLine"><img src="assets/img/img27.png"></p>
    </div>
    <div class="main">
        <p class="slogan">城乡绿色产业一站式解决方案</p>
        <p class="smallSlogan">碳银为从事家庭清洁能源服务和分布式光伏能源投资的小微企业提供“供、管、融、维”等全价值链服务支持，帮助业内小微企业创业与发展</p>
        <div class="graph">
            <ul>
                <li><img src="assets/img/img15.png"></li>
                <li><img src="assets/img/img16.png"></li>
                <li><img src="assets/img/img17.png"></li>
                <li><img src="assets/img/img18.png"></li>
                <li><img src="assets/img/img19.png"></li>
                <li><img src="assets/img/img24.png"></li>
                <li><img src="assets/img/img23.png"></li>
                <li><img src="assets/img/img22.png"></li>
                <li><img src="assets/img/img21.png"></li>
                <li><img src="assets/img/img20.png"></li>
            </ul>
        </div>
    </div>
</div>
<div class="x_footer">
    <div class="main">
        <div class="top">
            <div class="contactUs">
                <div class="tit">联系我们</div>
                <p class="text">Tel：400-963-6880</p>
                <p class="text">E-mail：4009636880@tanwin.cn</p>
                <p class="text">地址：浙江省杭州市钱江世纪城民和路479号.国泰科技大厦17楼</p>
            </div>
            <div class="services">
                <div class="tit">产品与服务</div>
                <p class="text">家庭清洁能源</p>
                <p class="text">绿色旅居智造</p>
                <p class="text">光伏电站投资</p></div>
            <div class="tanwin">
                <img src="assets/img/img28.png">
                <p class="text">碳银网微信公众号</p>
            </div>
            <div class="guangliang">
                <img src="assets/img/img29.png">
                <p class="text">碳银光良微信公众号</p>
            </div>
        </div>
        <div class="line"></div>
        <div class="bottom">
            <span>Copyright © 2021 TanWin All Rights Reserved <a style="color:#FFF" href="https://beian.miit.gov.cn/"
                                                                 target="_blank"
                                                                 rel="nofollow">浙ICP备15025931号-2</a></span>
            <span>技术支持：浙江碳银数智绿能科技有限公司</span>
        </div>
    </div>
</div>
<script src="assets/lib/vue.2.6.14.min.js"></script>
<script src="assets/lib/axios.0.20.0.js"></script>
<script src="assets/lib/qs.min.js"></script>
<script src="assets/js/common.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            informationList: [],
            formJson: {
                search: {
                    platform: 3
                },
                current: 1,
                size: 4,
            }
        },
        mounted() {
            this.getInformation();
        },
        methods: {
            //location: 30、碳银官网-碳银动态；31、碳银官网-媒体报道；32、碳银官网-行业动态
            getData(type){
                this.formJson['search']['location'] = type;
                return axios.post(API_PATH + API_DATA.comm_000, this.formJson);
            },
            getInformation(){
                axios.all(
                    [this.getData(30), this.getData(31), this.getData(32)]
                ).then(axios.spread((dynamic, report, industry) => {
                    (dynamic.data.data.list || []).forEach(item => {
                        item.location = 30;
                    });
                    (report.data.data.list || []).forEach(item => {
                        item.location = 31;
                    });
                    (industry.data.data.list || []).forEach(item => {
                        item.location = 32;
                    });
                    let allData = [...(dynamic.data.data.list || []), ...(report.data.data.list || []), ...(industry.data.data.list || [])];
                    this.informationList = allData.sort(function (a, b) {
                        return b.gmtPublish - a.gmtPublish
                    });
                    this.informationList.length > 4 && (this.informationList.splice(3, this.informationList.length - 4));
                }));
            }
        }
    });
</script>
</body>
</html>