<!DOCTYPE html>
<html lang="zh-CN">
<head>
        <meta charset="utf-8">
        <title>精益能源管理工业互联网赋能平台</title>
        <script src="statics2/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
        <script src="statics2/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function () {
                new Swiper(".swiper-container", {

                    //默认功能属性
                    speed: 2000,
                    slidesPerView: 3,
                    spaceBetween: 0,
                    slidesPerGroup: 3,
                    loop: true,
                    autoplay: 2500,

                    //分页索引
                    pagination: {
                        el: ".swiper-pagination",
                        clickable: true
                    },

                    //分页按钮
                    navigation: {
                        nextEl: ".swiper-button-next",
                        prevEl: ".swiper-button-prev"
                    }

                });
            })
        </script>
        <script src="js/js.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="css/css.css">
        <link href="css/animate.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="statics/css/style.css">
        <link href="css/animate.css" rel="stylesheet" type="text/css">
        <script src="statics1/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="statics1/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" href="css/portal.css">
        <link rel="stylesheet" href="css/ty.css">
        <link rel="stylesheet" type="text/css" href="css/bootstrap-grid.min.css">
        <link rel="stylesheet" type="text/css" href="css/le.css">
        <link rel="stylesheet" href="statics1/css/style.css">
        <link rel="stylesheet" href="statics1/css/swiper-3.4.2.min.css">
        <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        <script src="templets/demo/js/index.js"></script>
        <link rel="stylesheet" href="css/anli.css">
        <link rel="stylesheet" type="text/css" href="statics2/css/swiper-3.4.2.min.css">
        <link rel="stylesheet" type="text/css" href="css/in.css">

        <!--页面布局样式-->
        <link rel="stylesheet" type="text/css" href="statics2/css/style.css">

    <style>
        .swiper-button-next,
        .swiper-button-prev {
            position: absolute;
            top: 50%;
            width: 27px;
            height: 44px;
            margin-top: -22px;
            z-index: 10;
            cursor: pointer;
            background-size: 27px 44px;
            background-position: center;
            background-repeat: no-repeat;
        }

        .swiper-button-prev,
        .swiper-container-rtl .swiper-button-next {
            background-image: url("img/icon-left.png");
            left: 10px;
            right: auto;
        }

        .swiper-button-next {
            margin-left: 1150px;
            background-image: url("img/icon-right.png");
        }
    </style><style>
        .home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide img {
            height: 150px;
            width: 200px;
        }
    </style><style>
        .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

            .animated.infinite {
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
            }

            .animated.hinge {
                -webkit-animation-duration: 2s;
                animation-duration: 2s;
            }


        img {
            vertical-align: middle;
            border-style: none;
        }

        .a p {
            color: black;
            font-size: 14px;
        }

        .work-card {
            width: 224px;
            height: 100px;
            float: left;
            margin-top: 20px;
            margin-right: 20px;
            background: rgba(255, 255, 255, 1);
            border: 1px solid rgba(218, 225, 234, 1);
            padding: 16px 22px;
        }
    </style><style>
        .service-title {
            margin-top: 50px;
        }

        .solution-box ul li {
            width: 0.29%;
        }

        .solution-box {
            margin-top: 50px;
        }

            .solution-box ul li {
                width: 365px;
                height: 420px;
            }

                .solution-box ul li span {
                    top: -45px;
                }

        .solution-cut {
            width: 1100px;
        }
    </style><style>
        .aboutUsBackImgDiv {
            background-image: url('../images/demo/gywm1_bg.png');
            margin: 0px auto;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            padding: 20px 0px;
            color: white;
            /* height: 360px; */
        }

        .idustryNewsRight p {
            margin-bottom: 2px;
        }

        .row {
            margin-top: 50px;
        }

        #dustryNewsDate {
            width: 65px;
            height: 55px;
            opacity: 0.9;
            background: #88AA55;
            display: inline;
            float: left;
            margin-top: 10px;
            color: white;
            text-align: center;
        }

        .aboutUsBackImgDiv h1 {
            margin-top: 0px;
        }

        .divDustryNewsDay {
            font-size: 24px;
        }

        .aboutUsBackImgDiv p {
            line-height: 25px;
        }

        a.more {
            /*  font-size:.8em;   */
            text-align: center;
            margin: 3px;
            border-radius: 2px;
        }

        .aboutUsLeftImgDiv {
            /* margin-left: 40px; */
            margin-right: 28px;
            margin-bottom: 15px;
            float: left;
            display: inline-block;
            /* box-shadow: darkgrey 7px 7px 20px 3px; */
        }

        .idustryNewsRight {
            margin-left: 70px;
        }

        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
            line-height: 1.1;
        }

        #aboutUsLeftImg {
            height: 260px;
        }

        .solution-box ul li {
            width: 0.26%;
        }

        .aboutUsRightTextDiv1 {
            margin-left: 120px;
            /*   float: left: ; */
            display: inline-block;
            /* width: 200px; */
        }

        .container {
            width: 100%;
            margin-left: 10px;
        }

        .container {
            margin-right: auto;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px;
        }

        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
            line-height: 1.1;
        }

        h4, .h4 {
            font-size: 18px;
        }

        .divDustryNewsDate {
            margin-top: -5px;
            font-size: 12px;
        }

        hr {
            opacity: 0.4;
        }

        .divMore {
            margin-top: 10px;
            float: right;
        }

        a.more:hover {
            padding: 4px 10px 4px 10px;
            background-color: #88AA55;
            color: white;
        }

        h4,
        .h4,
        h5,
        .h5,
        h6,
        .h6 {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .col-md-6 {
            width: 50%;
            float: left;
            position: relative;
            min-height: 1px;
            margin-left: 60px;
            padding-left: 15px;
            padding-right: 15px;
        }
    </style><script type="text/javascript">
        hdp({
            li: "li",	//默认值：li;默认用li包裹
            boxid: "boxhdp",	//最外面div  id
            imgid: "img",	//图片外面id
            optid: "li",	//opt外面id
            an: "an",		//左右按钮id，用于移上显示和隐藏
            prev: "prev",	//左边箭头id
            next: "next",	//右边箭头id
            ms: 2000		//多少毫秒切换一张,默认800毫秒
        })
    </script><style>
        .work-mate {
            padding-top: 58px;
            width: 1500px;
            height: 488px;
            margin-left: 80px;
        }

        .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

            .animated.infinite {
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
            }

            .animated.hinge {
                -webkit-animation-duration: 2s;
                animation-duration: 2s;
            }

        /*@-webkit-keyframes bounce {
            0%,20%,50%,80%,100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            40% {
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
            }

            60% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
            }
        }

        @keyframes bounce {
            0%,20%,50%,80%,100% {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            40% {
                -webkit-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                transform: translateY(-30px);
            }

            60% {
                -webkit-transform: translateY(-15px);
                -ms-transform: translateY(-15px);
                transform: translateY(-15px);
            }
        }

        .bounce {
            -webkit-animation-name: bounce;
            animation-name: bounce;
        }

        @-webkit-keyframes flash {
            0%,50%,100% {
                opacity: 1;
            }

            25%,75% {
                opacity: 0;
            }
        }

        @keyframes flash {
            0%,50%,100% {
                opacity: 1;
            }

            25%,75% {
                opacity: 0;
            }
        }

        .flash {
            -webkit-animation-name: flash;
            animation-name: flash;
        }

        @-webkit-keyframes pulse {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            50% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }

        @keyframes pulse {
            0% {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }

            50% {
                -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1);
            }

            100% {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }
        }

        .pulse {
            -webkit-animation-name: pulse;
            animation-name: pulse;
        }

        @-webkit-keyframes rubberBand {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            30% {
                -webkit-transform: scaleX(1.25) scaleY(.75);
                transform: scaleX(1.25) scaleY(.75);
            }

            40% {
                -webkit-transform: scaleX(.75) scaleY(1.25);
                transform: scaleX(.75) scaleY(1.25);
            }

            60% {
                -webkit-transform: scaleX(1.15) scaleY(.85);
                transform: scaleX(1.15) scaleY(.85);
            }

            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }

        @keyframes rubberBand {
            0% {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }

            30% {
                -webkit-transform: scaleX(1.25) scaleY(.75);
                -ms-transform: scaleX(1.25) scaleY(.75);
                transform: scaleX(1.25) scaleY(.75);
            }

            40% {
                -webkit-transform: scaleX(.75) scaleY(1.25);
                -ms-transform: scaleX(.75) scaleY(1.25);
                transform: scaleX(.75) scaleY(1.25);
            }

            60% {
                -webkit-transform: scaleX(1.15) scaleY(.85);
                -ms-transform: scaleX(1.15) scaleY(.85);
                transform: scaleX(1.15) scaleY(.85);
            }

            100% {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }
        }

        .rubberBand {
            -webkit-animation-name: rubberBand;
            animation-name: rubberBand;
        }

        @-webkit-keyframes shake {
            0%,100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            10%,30%,50%,70%,90% {
                -webkit-transform: translateX(-10px);
                transform: translateX(-10px);
            }

            20%,40%,60%,80% {
                -webkit-transform: translateX(10px);
                transform: translateX(10px);
            }
        }

        @keyframes shake {
            0%,100% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            10%,30%,50%,70%,90% {
                -webkit-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                transform: translateX(-10px);
            }

            20%,40%,60%,80% {
                -webkit-transform: translateX(10px);
                -ms-transform: translateX(10px);
                transform: translateX(10px);
            }
        }

        .shake {
            -webkit-animation-name: shake;
            animation-name: shake;
        }

        @-webkit-keyframes swing {
            20% {
                -webkit-transform: rotate(15deg);
                transform: rotate(15deg);
            }*/

            40% {
                -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
            }

            60% {
                -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
            }

            80% {
                -webkit-transform: rotate(-5deg);
                transform: rotate(-5deg);
            }

            100% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }

        @keyframes swing {
            20% {
                -webkit-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                transform: rotate(15deg);
            }

            40% {
                -webkit-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                transform: rotate(-10deg);
            }

            60% {
                -webkit-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                transform: rotate(5deg);
            }

            80% {
                -webkit-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                transform: rotate(-5deg);
            }

            100% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }
        }

        .swing {
            -webkit-transform-origin: top center;
            -ms-transform-origin: top center;
            transform-origin: top center;
            -webkit-animation-name: swing;
            animation-name: swing;
        }

        @-webkit-keyframes tada {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            10%,20% {
                -webkit-transform: scale(.9) rotate(-3deg);
                transform: scale(.9) rotate(-3deg);
            }

            30%,50%,70%,90% {
                -webkit-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg);
            }

            40%,60%,80% {
                -webkit-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg);
            }

            100% {
                -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0);
            }
        }

        @keyframes tada {
            0% {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }

            10%,20% {
                -webkit-transform: scale(.9) rotate(-3deg);
                -ms-transform: scale(.9) rotate(-3deg);
                transform: scale(.9) rotate(-3deg);
            }

            30%,50%,70%,90% {
                -webkit-transform: scale(1.1) rotate(3deg);
                -ms-transform: scale(1.1) rotate(3deg);
                transform: scale(1.1) rotate(3deg);
            }

            40%,60%,80% {
                -webkit-transform: scale(1.1) rotate(-3deg);
                -ms-transform: scale(1.1) rotate(-3deg);
                transform: scale(1.1) rotate(-3deg);
            }

            100% {
                -webkit-transform: scale(1) rotate(0);
                -ms-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0);
            }
        }

        .tada {
            -webkit-animation-name: tada;
            animation-name: tada;
        }

        @-webkit-keyframes wobble {
            0% {
                -webkit-transform: translateX(0%);
                transform: translateX(0%);
            }

            15% {
                -webkit-transform: translateX(-25%) rotate(-5deg);
                transform: translateX(-25%) rotate(-5deg);
            }

            30% {
                -webkit-transform: translateX(20%) rotate(3deg);
                transform: translateX(20%) rotate(3deg);
            }

            45% {
                -webkit-transform: translateX(-15%) rotate(-3deg);
                transform: translateX(-15%) rotate(-3deg);
            }

            60% {
                -webkit-transform: translateX(10%) rotate(2deg);
                transform: translateX(10%) rotate(2deg);
            }

            75% {
                -webkit-transform: translateX(-5%) rotate(-1deg);
                transform: translateX(-5%) rotate(-1deg);
            }

            100% {
                -webkit-transform: translateX(0%);
                transform: translateX(0%);
            }
        }

        @keyframes wobble {
            0% {
                -webkit-transform: translateX(0%);
                -ms-transform: translateX(0%);
                transform: translateX(0%);
            }

            15% {
                -webkit-transform: translateX(-25%) rotate(-5deg);
                -ms-transform: translateX(-25%) rotate(-5deg);
                transform: translateX(-25%) rotate(-5deg);
            }

            30% {
                -webkit-transform: translateX(20%) rotate(3deg);
                -ms-transform: translateX(20%) rotate(3deg);
                transform: translateX(20%) rotate(3deg);
            }

            45% {
                -webkit-transform: translateX(-15%) rotate(-3deg);
                -ms-transform: translateX(-15%) rotate(-3deg);
                transform: translateX(-15%) rotate(-3deg);
            }

            60% {
                -webkit-transform: translateX(10%) rotate(2deg);
                -ms-transform: translateX(10%) rotate(2deg);
                transform: translateX(10%) rotate(2deg);
            }

            75% {
                -webkit-transform: translateX(-5%) rotate(-1deg);
                -ms-transform: translateX(-5%) rotate(-1deg);
                transform: translateX(-5%) rotate(-1deg);
            }

            100% {
                -webkit-transform: translateX(0%);
                -ms-transform: translateX(0%);
                transform: translateX(0%);
            }
        }

        .wobble {
            -webkit-animation-name: wobble;
            animation-name: wobble;
        }

        @-webkit-keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                transform: scale(.3);
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }

            70% {
                -webkit-transform: scale(.9);
                transform: scale(.9);
            }

            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }

        @keyframes bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -ms-transform: scale(.3);
                transform: scale(.3);
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.05);
                -ms-transform: scale(1.05);
                transform: scale(1.05);
            }

            70% {
                -webkit-transform: scale(.9);
                -ms-transform: scale(.9);
                transform: scale(.9);
            }

            100% {
                opacity: 1;
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }
        }

        .bounceIn {
            -webkit-animation-name: bounceIn;
            animation-name: bounceIn;
        }

        @-webkit-keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(30px);
                transform: translateY(30px);
            }

            80% {
                -webkit-transform: translateY(-10px);
                transform: translateY(-10px);
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @keyframes bounceInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(30px);
                -ms-transform: translateY(30px);
                transform: translateY(30px);
            }

            80% {
                -webkit-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                transform: translateY(-10px);
            }

            100% {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
        }

        .bounceInDown {
            -webkit-animation-name: bounceInDown;
            animation-name: bounceInDown;
        }

        @-webkit-keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(30px);
                transform: translateX(30px);
            }

            80% {
                -webkit-transform: translateX(-10px);
                transform: translateX(-10px);
            }

            100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }

        @keyframes bounceInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(30px);
                -ms-transform: translateX(30px);
                transform: translateX(30px);
            }

            80% {
                -webkit-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                transform: translateX(-10px);
            }

            100% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
        }

        .bounceInLeft {
            -webkit-animation-name: bounceInLeft;
            animation-name: bounceInLeft;
        }

        @-webkit-keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                transform: translateX(2000px);
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                transform: translateX(-30px);
            }

            80% {
                -webkit-transform: translateX(10px);
                transform: translateX(10px);
            }

            100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }

        @keyframes bounceInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                transform: translateX(2000px);
            }

            60% {
                opacity: 1;
                -webkit-transform: translateX(-30px);
                -ms-transform: translateX(-30px);
                transform: translateX(-30px);
            }

            80% {
                -webkit-transform: translateX(10px);
                -ms-transform: translateX(10px);
                transform: translateX(10px);
            }

            100% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
        }

        .bounceInRight {
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
        }

        @-webkit-keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                transform: translateY(2000px);
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
            }

            80% {
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @keyframes bounceInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                transform: translateY(2000px);
            }

            60% {
                opacity: 1;
                -webkit-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                transform: translateY(-30px);
            }

            80% {
                -webkit-transform: translateY(10px);
                -ms-transform: translateY(10px);
                transform: translateY(10px);
            }

            100% {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
        }

        .bounceInUp {
            -webkit-animation-name: bounceInUp;
            animation-name: bounceInUp;
        }

        @-webkit-keyframes bounceOut {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            25% {
                -webkit-transform: scale(.95);
                transform: scale(.95);
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.3);
                transform: scale(.3);
            }
        }

        @keyframes bounceOut {
            0% {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
            }

            25% {
                -webkit-transform: scale(.95);
                -ms-transform: scale(.95);
                transform: scale(.95);
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                transform: scale(1.1);
            }

            100% {
                opacity: 0;
                -webkit-transform: scale(.3);
                -ms-transform: scale(.3);
                transform: scale(.3);
            }
        }

        .bounceOut {
            -webkit-animation-name: bounceOut;
            animation-name: bounceOut;
        }

        @-webkit-keyframes bounceOutDown {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                transform: translateY(2000px);
            }
        }

        @keyframes bounceOutDown {
            0% {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                transform: translateY(-20px);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                transform: translateY(2000px);
            }
        }

        .bounceOutDown {
            -webkit-animation-name: bounceOutDown;
            animation-name: bounceOutDown;
        }

        @-webkit-keyframes bounceOutLeft {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(20px);
                transform: translateX(20px);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }
        }

        @keyframes bounceOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(20px);
                -ms-transform: translateX(20px);
                transform: translateX(20px);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }
        }

        .bounceOutLeft {
            -webkit-animation-name: bounceOutLeft;
            animation-name: bounceOutLeft;
        }

        @-webkit-keyframes bounceOutRight {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                transform: translateX(2000px);
            }
        }

        @keyframes bounceOutRight {
            0% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            20% {
                opacity: 1;
                -webkit-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                transform: translateX(-20px);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                transform: translateX(2000px);
            }
        }

        .bounceOutRight {
            -webkit-animation-name: bounceOutRight;
            animation-name: bounceOutRight;
        }

        @-webkit-keyframes bounceOutUp {
            0% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(20px);
                transform: translateY(20px);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }
        }

        @keyframes bounceOutUp {
            0% {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            20% {
                opacity: 1;
                -webkit-transform: translateY(20px);
                -ms-transform: translateY(20px);
                transform: translateY(20px);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }
        }

        .bounceOutUp {
            -webkit-animation-name: bounceOutUp;
            animation-name: bounceOutUp;
        }

        @-webkit-keyframes fadeIn {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
        }

        @-webkit-keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @keyframes fadeInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                transform: translateY(-20px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
        }

        .fadeInDown {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
        }

        @-webkit-keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @keyframes fadeInDownBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
        }

        .fadeInDownBig {
            -webkit-animation-name: fadeInDownBig;
            animation-name: fadeInDownBig;
        }

        @-webkit-keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }

        @keyframes fadeInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                transform: translateX(-20px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
        }

        .fadeInLeft {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
        }

        @-webkit-keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }

        @keyframes fadeInLeftBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
        }

        /*.fadeInLeftBig {
            -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig;
        }

        @-webkit-keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                transform: translateX(20px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }

        @keyframes fadeInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -ms-transform: translateX(20px);
                transform: translateX(20px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
        }

        .fadeInRight {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
        }

        @-webkit-keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                transform: translateX(2000px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }

        @keyframes fadeInRightBig {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                transform: translateX(2000px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
        }

        .fadeInRightBig {
            -webkit-animation-name: fadeInRightBig;
            animation-name: fadeInRightBig;
        }

        @-webkit-keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                transform: translateY(20px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @keyframes fadeInUp {
            0% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -ms-transform: translateY(20px);
                transform: translateY(20px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
        }

        .fadeInUp {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }

        @-webkit-keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                transform: translateY(2000px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @keyframes fadeInUpBig {
            0% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                transform: translateY(2000px);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
        }

        .fadeInUpBig {
            -webkit-animation-name: fadeInUpBig;
            animation-name: fadeInUpBig;
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
        }

        @-webkit-keyframes fadeOutDown {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                transform: translateY(20px);
            }
        }

        @keyframes fadeOutDown {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -ms-transform: translateY(20px);
                transform: translateY(20px);
            }
        }

        .fadeOutDown {
            -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
        }

        @-webkit-keyframes fadeOutDownBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                transform: translateY(2000px);
            }
        }

        @keyframes fadeOutDownBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(2000px);
                -ms-transform: translateY(2000px);
                transform: translateY(2000px);
            }
        }

        .fadeOutDownBig {
            -webkit-animation-name: fadeOutDownBig;
            animation-name: fadeOutDownBig;
        }

        @-webkit-keyframes fadeOutLeft {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
            }
        }

        @keyframes fadeOutLeft {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-20px);
                -ms-transform: translateX(-20px);
                transform: translateX(-20px);
            }
        }

        .fadeOutLeft {
            -webkit-animation-name: fadeOutLeft;
            animation-name: fadeOutLeft;
        }

        @-webkit-keyframes fadeOutLeftBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }
        }

        @keyframes fadeOutLeftBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }
        }

        .fadeOutLeftBig {
            -webkit-animation-name: fadeOutLeftBig;
            animation-name: fadeOutLeftBig;
        }

        @-webkit-keyframes fadeOutRight {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                transform: translateX(20px);
            }
        }

        @keyframes fadeOutRight {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(20px);
                -ms-transform: translateX(20px);
                transform: translateX(20px);
            }
        }

        .fadeOutRight {
            -webkit-animation-name: fadeOutRight;
            animation-name: fadeOutRight;
        }

        @-webkit-keyframes fadeOutRightBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                transform: translateX(2000px);
            }
        }

        @keyframes fadeOutRightBig {
            0% {
                opacity: 1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                transform: translateX(2000px);
            }
        }

        .fadeOutRightBig {
            -webkit-animation-name: fadeOutRightBig;
            animation-name: fadeOutRightBig;
        }

        @-webkit-keyframes fadeOutUp {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
            }
        }

        @keyframes fadeOutUp {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-20px);
                -ms-transform: translateY(-20px);
                transform: translateY(-20px);
            }
        }

        .fadeOutUp {
            -webkit-animation-name: fadeOutUp;
            animation-name: fadeOutUp;
        }

        @-webkit-keyframes fadeOutUpBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }
        }

        @keyframes fadeOutUpBig {
            0% {
                opacity: 1;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }
        }

        .fadeOutUpBig {
            -webkit-animation-name: fadeOutUpBig;
            animation-name: fadeOutUpBig;
        }

        @-webkit-keyframes flip {
            0% {
                -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            40% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            50% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            80% {
                -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            100% {
                -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
        }

        @keyframes flip {
            0% {
                -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            40% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }

            50% {
                -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            80% {
                -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }

            100% {
                -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
        }

        .animated.flip {
            -webkit-backface-visibility: visible;
            -ms-backface-visibility: visible;
            backface-visibility: visible;
            -webkit-animation-name: flip;
            animation-name: flip;
        }

        @-webkit-keyframes flipInX {
            0% {
                -webkit-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg);
                opacity: 0;
            }

            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg);
                transform: perspective(400px) rotateX(-10deg);
            }

            70% {
                -webkit-transform: perspective(400px) rotateX(10deg);
                transform: perspective(400px) rotateX(10deg);
            }

            100% {
                -webkit-transform: perspective(400px) rotateX(0deg);
                transform: perspective(400px) rotateX(0deg);
                opacity: 1;
            }
        }

        @keyframes flipInX {
            0% {
                -webkit-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg);
                opacity: 0;
            }

            40% {
                -webkit-transform: perspective(400px) rotateX(-10deg);
                -ms-transform: perspective(400px) rotateX(-10deg);
                transform: perspective(400px) rotateX(-10deg);
            }

            70% {
                -webkit-transform: perspective(400px) rotateX(10deg);
                -ms-transform: perspective(400px) rotateX(10deg);
                transform: perspective(400px) rotateX(10deg);
            }

            100% {
                -webkit-transform: perspective(400px) rotateX(0deg);
                -ms-transform: perspective(400px) rotateX(0deg);
                transform: perspective(400px) rotateX(0deg);
                opacity: 1;
            }
        }

        .flipInX {
            -webkit-backface-visibility: visible !important;
            -ms-backface-visibility: visible !important;
            backface-visibility: visible !important;
            -webkit-animation-name: flipInX;
            animation-name: flipInX;
        }

        @-webkit-keyframes flipInY {
            0% {
                -webkit-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg);
                opacity: 0;
            }

            40% {
                -webkit-transform: perspective(400px) rotateY(-10deg);
                transform: perspective(400px) rotateY(-10deg);
            }

            70% {
                -webkit-transform: perspective(400px) rotateY(10deg);
                transform: perspective(400px) rotateY(10deg);
            }

            100% {
                -webkit-transform: perspective(400px) rotateY(0deg);
                transform: perspective(400px) rotateY(0deg);
                opacity: 1;
            }
        }

        @keyframes flipInY {
            0% {
                -webkit-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg);
                opacity: 0;
            }

            40% {
                -webkit-transform: perspective(400px) rotateY(-10deg);
                -ms-transform: perspective(400px) rotateY(-10deg);
                transform: perspective(400px) rotateY(-10deg);
            }

            70% {
                -webkit-transform: perspective(400px) rotateY(10deg);
                -ms-transform: perspective(400px) rotateY(10deg);
                transform: perspective(400px) rotateY(10deg);
            }

            100% {
                -webkit-transform: perspective(400px) rotateY(0deg);
                -ms-transform: perspective(400px) rotateY(0deg);
                transform: perspective(400px) rotateY(0deg);
                opacity: 1;
            }
        }

        .flipInY {
            -webkit-backface-visibility: visible !important;
            -ms-backface-visibility: visible !important;
            backface-visibility: visible !important;
            -webkit-animation-name: flipInY;
            animation-name: flipInY;
        }

        @-webkit-keyframes flipOutX {
            0% {
                -webkit-transform: perspective(400px) rotateX(0deg);
                transform: perspective(400px) rotateX(0deg);
                opacity: 1;
            }

            100% {
                -webkit-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg);
                opacity: 0;
            }
        }

        @keyframes flipOutX {
            0% {
                -webkit-transform: perspective(400px) rotateX(0deg);
                -ms-transform: perspective(400px) rotateX(0deg);
                transform: perspective(400px) rotateX(0deg);
                opacity: 1;
            }

            100% {
                -webkit-transform: perspective(400px) rotateX(90deg);
                -ms-transform: perspective(400px) rotateX(90deg);
                transform: perspective(400px) rotateX(90deg);
                opacity: 0;
            }
        }

        .flipOutX {
            -webkit-animation-name: flipOutX;
            animation-name: flipOutX;
            -webkit-backface-visibility: visible !important;
            -ms-backface-visibility: visible !important;
            backface-visibility: visible !important;
        }

        @-webkit-keyframes flipOutY {
            0% {
                -webkit-transform: perspective(400px) rotateY(0deg);
                transform: perspective(400px) rotateY(0deg);
                opacity: 1;
            }

            100% {
                -webkit-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg);
                opacity: 0;
            }
        }

        @keyframes flipOutY {
            0% {
                -webkit-transform: perspective(400px) rotateY(0deg);
                -ms-transform: perspective(400px) rotateY(0deg);
                transform: perspective(400px) rotateY(0deg);
                opacity: 1;
            }

            100% {
                -webkit-transform: perspective(400px) rotateY(90deg);
                -ms-transform: perspective(400px) rotateY(90deg);
                transform: perspective(400px) rotateY(90deg);
                opacity: 0;
            }
        }

        .flipOutY {
            -webkit-backface-visibility: visible !important;
            -ms-backface-visibility: visible !important;
            backface-visibility: visible !important;
            -webkit-animation-name: flipOutY;
            animation-name: flipOutY;
        }

        @-webkit-keyframes lightSpeedIn {
            0% {
                -webkit-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg);
                opacity: 0;
            }

            60% {
                -webkit-transform: translateX(-20%) skewX(30deg);
                transform: translateX(-20%) skewX(30deg);
                opacity: 1;
            }

            80% {
                -webkit-transform: translateX(0%) skewX(-15deg);
                transform: translateX(0%) skewX(-15deg);
                opacity: 1;
            }

            100% {
                -webkit-transform: translateX(0%) skewX(0deg);
                transform: translateX(0%) skewX(0deg);
                opacity: 1;
            }
        }

        @keyframes lightSpeedIn {
            0% {
                -webkit-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg);
                opacity: 0;
            }

            60% {
                -webkit-transform: translateX(-20%) skewX(30deg);
                -ms-transform: translateX(-20%) skewX(30deg);
                transform: translateX(-20%) skewX(30deg);
                opacity: 1;
            }

            80% {
                -webkit-transform: translateX(0%) skewX(-15deg);
                -ms-transform: translateX(0%) skewX(-15deg);
                transform: translateX(0%) skewX(-15deg);
                opacity: 1;
            }

            100% {
                -webkit-transform: translateX(0%) skewX(0deg);
                -ms-transform: translateX(0%) skewX(0deg);
                transform: translateX(0%) skewX(0deg);
                opacity: 1;
            }
        }

        .lightSpeedIn {
            -webkit-animation-name: lightSpeedIn;
            animation-name: lightSpeedIn;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        @-webkit-keyframes lightSpeedOut {
            0% {
                -webkit-transform: translateX(0%) skewX(0deg);
                transform: translateX(0%) skewX(0deg);
                opacity: 1;
            }

            100% {
                -webkit-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg);
                opacity: 0;
            }
        }

        @keyframes lightSpeedOut {
            0% {
                -webkit-transform: translateX(0%) skewX(0deg);
                -ms-transform: translateX(0%) skewX(0deg);
                transform: translateX(0%) skewX(0deg);
                opacity: 1;
            }

            100% {
                -webkit-transform: translateX(100%) skewX(-30deg);
                -ms-transform: translateX(100%) skewX(-30deg);
                transform: translateX(100%) skewX(-30deg);
                opacity: 0;
            }
        }

        .lightSpeedOut {
            -webkit-animation-name: lightSpeedOut;
            animation-name: lightSpeedOut;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        @-webkit-keyframes rotateIn {
            0% {
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-transform: rotate(-200deg);
                transform: rotate(-200deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        @keyframes rotateIn {
            0% {
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
                -webkit-transform: rotate(-200deg);
                -ms-transform: rotate(-200deg);
                transform: rotate(-200deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        .rotateIn {
            -webkit-animation-name: rotateIn;
            animation-name: rotateIn;
        }

        @-webkit-keyframes rotateInDownLeft {
            0% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        @keyframes rotateInDownLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        .rotateInDownLeft {
            -webkit-animation-name: rotateInDownLeft;
            animation-name: rotateInDownLeft;
        }

        @-webkit-keyframes rotateInDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        @keyframes rotateInDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        .rotateInDownRight {
            -webkit-animation-name: rotateInDownRight;
            animation-name: rotateInDownRight;
        }

        @-webkit-keyframes rotateInUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        @keyframes rotateInUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        .rotateInUpLeft {
            -webkit-animation-name: rotateInUpLeft;
            animation-name: rotateInUpLeft;
        }

        @-webkit-keyframes rotateInUpRight {
            0% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        @keyframes rotateInUpRight {
            0% {
                -webkit-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }
        }

        .rotateInUpRight {
            -webkit-animation-name: rotateInUpRight;
            animation-name: rotateInUpRight;
        }

        @-webkit-keyframes rotateOut {
            0% {
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: center center;
                transform-origin: center center;
                -webkit-transform: rotate(200deg);
                transform: rotate(200deg);
                opacity: 0;
            }
        }

        @keyframes rotateOut {
            0% {
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
                -webkit-transform: rotate(200deg);
                -ms-transform: rotate(200deg);
                transform: rotate(200deg);
                opacity: 0;
            }
        }

        .rotateOut {
            -webkit-animation-name: rotateOut;
            animation-name: rotateOut;
        }*/

        @-webkit-keyframes rotateOutDownLeft {
            0% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
            }
        }

        @keyframes rotateOutDownLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
            }
        }

        .rotateOutDownLeft {
            -webkit-animation-name: rotateOutDownLeft;
            animation-name: rotateOutDownLeft;
        }

        @-webkit-keyframes rotateOutDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                opacity: 0;
            }
        }

        @keyframes rotateOutDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
                opacity: 0;
            }
        }

        .rotateOutDownRight {
            -webkit-animation-name: rotateOutDownRight;
            animation-name: rotateOutDownRight;
        }

        @-webkit-keyframes rotateOutUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                opacity: 0;
            }
        }

        @keyframes rotateOutUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
                opacity: 0;
            }
        }

        .rotateOutUpLeft {
            -webkit-animation-name: rotateOutUpLeft;
            animation-name: rotateOutUpLeft;
        }

        @-webkit-keyframes rotateOutUpRight {
            0% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
            }
        }

        @keyframes rotateOutUpRight {
            0% {
                -webkit-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
                transform: rotate(0);
                opacity: 1;
            }

            100% {
                -webkit-transform-origin: right bottom;
                -ms-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0;
            }
        }

        .rotateOutUpRight {
            -webkit-animation-name: rotateOutUpRight;
            animation-name: rotateOutUpRight;
        }

        @-webkit-keyframes slideInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }

            100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
        }

        @keyframes slideInDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(-2000px);
                -ms-transform: translateY(-2000px);
                transform: translateY(-2000px);
            }

            100% {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
        }

        .slideInDown {
            -webkit-animation-name: slideInDown;
            animation-name: slideInDown;
        }

        @-webkit-keyframes slideInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }

            100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }

        @keyframes slideInLeft {
            0% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }

            100% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
        }

        .slideInLeft {
            -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;
        }

        @-webkit-keyframes slideInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                transform: translateX(2000px);
            }

            100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }

        @keyframes slideInRight {
            0% {
                opacity: 0;
                -webkit-transform: translateX(2000px);
                -ms-transform: translateX(2000px);
                transform: translateX(2000px);
            }

            100% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }
        }

        /*.slideInRight {
            -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
        }

        @-webkit-keyframes slideOutLeft {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }
        }

        @keyframes slideOutLeft {
            0% {
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
            }

            100% {
                opacity: 0;
                -webkit-transform: translateX(-2000px);
                -ms-transform: translateX(-2000px);
                transform: translateX(-2000px);
            }
        }

        .

        .zoomOutUp {
            -webkit-animation-name: zoomOutUp;
            animation-name: zoomOutUp;
        }

        img {
            vertical-align: middle;
            border-style: none;
        }

        .work-card {
            width: 224px;
            height: 100px;
            float: left;
            margin-top: 20px;
            margin-right: 20px;
            background: rgba(255,255,255,1);
            border: 1px solid rgba(218,225,234,1);
            padding: 16px 22px;
        }
    </style><style>
        .aboutusfontsize a {
            color: blue;
        }

        .nav-menu {
            position: absolute;
            top: 0;
            z-index: 3;
            height: 60px;
            line-height: 60px;
            left: 24%;
            width: 100%;
        }

            .nav-menu ul {
                list-style: none;
            }

            .nav-menu > ul > li {
                display: inline-block;
                width: 220px;
                text-align: center;
            }

            .nav-menu ul li a {
                display: inline-block;
                width: 100%;
                font-size: 18px;
                color: #fff;
                font-weight: 800;
                text-decoration: none;
                opacity: 1;
            }

            .nav-menu > ul > li a {
                height: 60px;
                line-height: 60px;
                font-family: "微软雅黑";
            }

            .nav-menu ul li ul li a {
                height: 60px;
                line-height: 60px;
                font-size: 15px;
                font-family: "微软雅黑";
                font-weight: 800;
            }

            .nav-menu ul li a:hover,
            .nav-menu ul li ul a:hover,
            .nav-menu > ul .current-menu-item ul a, .nav-menu > ul .current-menu-parent ul a {
                border-bottom: none;
            }

            .nav-menu ul li:hover ul {
                display: block;
                width: 120px;
            }

            .nav-menu ul li ul {
                position: absolute;
                background: rgba(0,0,0,0.3); /*firefox、chrome*/
                filter: alpha(opacity=50);
                border: 1px solid rgba(218,225,234,.2);
                display: none;
                text-align: center;
                width: 120px;
                padding: 0 40px;
                z-index: 1;
            }

                .nav-menu ul li ul li a:hover, .nav-menu ul li ul .current-menu-item a {
                    opacity: 1;
                }

        .nav-item {
            font-size: 14px;
            display: inline-block;
            height: 60px;
            line-height: 60px;
            color: #fff;
            margin-right: 70px;
            cursor: pointer;
            opacity: .8;
        }
    </style></head>
<body style="">
        <link rel="stylesheet" type="text/css" href="css/css.css">
        <link href="css/animate.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="statics/css/style.css">
        <link href="css/animate.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="css/portal.css">
        <link rel="stylesheet" href="statics1/css/style.css">

        <style>
            .toolbar-item, .toolbar-layer {
                background: url(img/toolbar.png) no-repeat;
            }

            .toolbar {
                position: fixed;
                right: 0px;
                bottom: 50px;
            }
            /*假设网页宽度为1200px，导航条在右侧悬浮*/
            .toolbar-item {
                display: block;
                width: 52px;
                height: 52px;
                margin-top: 1px;
                position: relative;
                -moz-transition: background-position 1s;
                -ms-transition: background-position 1s;
                -o-moz-transition: background-position 1s;
                -webkit-moz-transition: background-position 1s;
                transition: background-position 1s;
            }

                .toolbar-item:hover .toolbar-layer {
                    opacity: 1;
                    filter: alpha(opacity=100);
                    transform: scale(1);
                    -webkit-transform: scale(1);
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    -o-transform: scale(1);
                }

            .toolbar-item-weixin {
                background-position: 0 -798px;
            }

                .toolbar-item-weixin:hover {
                    background-position: 0 -860px;
                }

                .toolbar-item-weixin .toolbar-layer {
                    height: 212px;
                    background-position: 0 0;
                }

            .toolbar-item-feedback {
                background-position: 0 -426px;
            }

                .toolbar-item-feedback:hover {
                    background-position: 0 -488px;
                }

            .toolbar-item-app {
                background-position: 0 -550px;
            }

                .toolbar-item-app:hover {
                    background-position: 0 -612px;
                }

                .toolbar-item-app .toolbar-layer {
                    height: 194px;
                    background-position: 0 -222px;
                }

            .toolbar-item-top {
                background-position: 0 -674px;
            }

                .toolbar-item-top:hover {
                    background-position: 0 -736px;
                }

            .toolbar-layer {
                position: absolute;
                right: 46px;
                bottom: -10px;
                width: 172px;
                opacity: 0;
                filter: alpha(opacity=0);
                transform-origin: 95% 95%;
                -moz-transform-origin: 95% 95%;
                -ms-transform-origin: 95% 95%;
                -o-transform-origin: 95% 95%;
                -webkit-transform-origin: 95% 95%;
                transform: scale(0.01);
                -moz-transform: scale(0.01);
                -ms-transform: scale(0.01);
                -o-transform: scale(0.01);
                -webkit-transform: scale(0.01);
                transition: all 1s;
                -moz-transition: all 1s;
                -ms-transition: all 1s;
                -o-transition: all 1s;
                -webkit-transition: all 1s;
            }
        </style>
        
        

            <div style="min-width: 1330px !important;z-index: 1000;height:160px;top:-5px;
	background: rgba(0,0,0,0.3);
filter: alpha(opacity=50);position: absolute;left: 0;right: 0;">
                <div class="top-nav">
                    <div class="nav-head">
                        <a href="index.html">

                            <img src="img/logoo.jpg" style="width: 80px;height: 80px;margin-top: 19px;">

                        </a>

                        <p style="font-size: 24px;color: white;font-family: '微软雅黑';
			margin-left:100px;margin-top: -60px;">精益能源管理工业互联网赋能平台</p>
                        <p style="font-size:20px;color: white;margin-left: 100px;
				 margin-top: 50px;font-family: '宋体';font-weight: 800;margin-top:15px;">数据相生，价值共享！</p>
                        <p style="font-size: 18px;float: right;color: white;margin-top:-50px;
				 margin-right: 240px;
		height: 50px;width: 300px;
			color: blanchedalmond;">0512-86868618 / 13962156529</p>
                    </div>

                    <div class="deng" style="margin-left:1550px;width:15%;margin-top: -50px;">
                        <a href="login.html" style="color: white;font-size: 16px;margin-left: 100px;">会员登录</a>
                        <a href="register.html" style="color: white;font-size: 16px;">注册</a>

                    </div>
                </div>
                <div class="nav-menu" style="z-index: 1000;margin-top: 20px;">
                    <ul id="menu-%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95v2" class="nav-item" style="opacity: 1;margin-top: 80px;">
                        <li id="menu-item-337" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-338">
                            <a href="http://www.fuzeleem.com/" aria-current="page">公司主站</a>
                        </li>
                        <li id="menu-item-338" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-338">
                            <a href="http://101.37.205.197:9880/" aria-current="page">能源驾驶舱平台</a>
                            <ul class="sub-menu">
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="http://101.37.205.197:9880/" style="font-size: 15px;font-family: '微软雅黑';">平台登录</a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="jsc.html">
                                        平台介绍
                                    </a>
                                </li>

                            </ul>
                        </li>
                        <li id="menu-item-339" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-339">
                            <a href="http://www.energymanagement.com.cn:7210" aria-current="page">风光储一体机平台</a>
                            <ul class="sub-menu">
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="http://www.energymanagement.com.cn:7210" style="font-size: 15px;font-family: '微软雅黑';">平台登录</a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="fgc.html">
                                        平台介绍
                                    </a>
                                </li>

                            </ul>
                        </li>
                        <li id="menu-item-340" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-340">
                            <a href="jzsjw.cn" aria-current="page">精益能源管理平台</a>
                            <ul class="sub-menu">
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="http://jzsjw.cn:12250/login.aspx" style="font-size: 15px;font-family: '微软雅黑';">平台登录</a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="jingyijieshao.html">
                                        平台介绍
                                    </a>
                                </li>

                            </ul>
                        </li>
						<li id="menu-item-360" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-340">
                            <a href="jzsjw.cn" aria-current="page">智慧照明平台</a>
                            <ul class="sub-menu">
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="http://115.159.144.115/login" style="font-size: 15px;font-family: '微软雅黑';">平台登录</a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="jingyijieshao.html">
                                        平台介绍
                                    </a>
                                </li>

                            </ul>
                        </li>
                        <li id="menu-item-341" class="menu-item menu-item-type-custom
					menu-item-object-custom menu-item-has-children menu-item-341">
                            <a href="peidianfangjs.html">配电房托管运维平台</a>
                            <ul class="sub-menu">
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="http://121.196.29.77:8089/#/subitemanalysis">平台登录</a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="peidianfangjs.html">
                                        平台介绍
                                    </a>
                                </li>

                            </ul>
                        </li>
                        <li id="menu-item-358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-358">
                            <a href="zhinengshebeipingtai.html">设备健康管理平台</a>
                            <ul class="sub-menu">
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="#">平台登录</a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="zhinengshebeipingtai.html">
                                        平台介绍
                                    </a>
                                </li>

                            </ul>
                        </li>
                        <li id="menu-item-359" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-359">
                            <a href="dashujuzhihuifenxi.html">专项大数据分析平台  </a>
                            <ul class="sub-menu">
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="dashujuzhihuifenxi.html">平台介绍</a>
                                </li>
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="#">平台登录</a>
                                </li>
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="#">空压机</a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="#">
                                        冰水机
                                    </a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="#">
                                        变压器
                                    </a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="#">
                                        电机
                                    </a>
                                </li>

                            </ul>
                        </li>
                        <li id="menu-item-357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357">
                            <a href="IBOM.html">IBOM智慧能管家服务平台</a>
                            <ul class="sub-menu">
                                <li id="menu-item-349" class="menu-item menu-item-type-post_type
							menu-item-object-page menu-item-349">
                                    <a href="#">平台登录</a>
                                </li>
                                <li id="menu-item-350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-350">
                                    <a href="IBOM.html">
                                        平台介绍
                                    </a>
                                </li>

                            </ul>
                        </li>
                    </ul>
                </div>


            </div>
            <div class="nav-head-shadow"></div>


<div id="boxhdp" style="width: 100%;height: 700px;margin-top:-30px;">
		<ul id="img">
			<li class="current">
				
				<img src="img/dashuju.jpg" style="width: 100%;height: 700px;">
					<p class="animated fadeInLeftBig" style="font-family;color:yellow;
						font-family:'隶书';
position: absolute;font-size:100px;margin-top:-380px;text-align: center;
margin-left:450px;
	z-index: 1000;">
	数据创造价值</p><br>
	<p class="animated fadeInLeftBig" style="font-family;color:yellow;font-family:'隶书';
position: absolute;font-size:100px;margin-top:-320px;text-align: center;
margin-left:370px;
	z-index: 1000;font-weight:bold;">
Data Creates Value
		</p>
			</li>
			
			<li><img src="img/zhi.jpg" style="width: 100%;height: 700px;">
			     <p class="animated fadeInLeftBig" style="font-family;color:yellow;font-family:'隶书';
position: absolute;font-size:100px;margin-top:-420px;text-align: center;
margin-left:650px;
	z-index: 1000;font-weight:bold;">
	智慧</p>
	<br>
 	<p class="animated fadeInLeftBig" style="font-family;color:yellow;font-family:'隶书';
position: absolute;font-size:100px;margin-top:-370px;text-align: center;
margin-left:450px;
	z-index: 1000;font-weight:bold;">
	 Intelligence </p>
			</li>
			
			
			<li><img src="img/jysc.jpg" style="width: 100%;height: 700px;">
		 	<p class="animated fadeInLeftBig" style="font-family;color:yellow;
		 		font-family:'隶书';
position: absolute;font-size:100px;margin-top:-400px;text-align: center;
margin-left:650px;
	z-index: 1000;font-weight:bold;">精益</p><br>
	
	<p class="animated fadeInLeftBig" style="font-family;color:yellow;font-family:'隶书';
	position: absolute;font-size:100px;margin-top:-360px;text-align: center;
margin-left:650px;
	z-index: 1000;font-weight:bold;">
	Lean
	
		</p>
			</li>
			<li>
				
				<img src="img/gf.jpg" style="width: 100%;height: 700px;">
			
	<p class="animated fadeInLeftBig" style="font-family;color:yellow;font-family:'隶书';
			 	
position: absolute;font-size:100px;margin-top:-400px;text-align: center;
margin-left:650px;
	z-index: 1000;font-weight:bold;">
	绿色<br>
	</p><p class="animated fadeInLeftBig" style="font-family;color:yellow;font-family:'隶书';
	
position: absolute;font-size:100px;margin-top:-330px;text-align: center;
margin-left:650px;
	z-index: 1000;font-weight:bold;">
Green
	
		</p>
			
			</li>
		
		
		</ul>
		<ul id="li">
			<li class="on"></li>
			<li></li>
			<li></li>
			<li></li>
		
		</ul>
		<div style="clear: both;"></div>
		<div class="an" id="an">
			<a href="javascript:;" id="prev">&lt;</a>
			<a href="javascript:;" id="next" class="an-a2">&gt;</a>
		</div>
	</div>

    
	
	<script type="text/javascript">
		hdp({
			li:"li",	//默认值：li;默认用li包裹
			boxid:"boxhdp",	//最外面div  id
			imgid:"img",	//图片外面id
			optid:"li",	//opt外面id	
			an:"an",		//左右按钮id，用于移上显示和隐藏
			prev:"prev",	//左边箭头id
			next:"next",	//右边箭头id
			ms:2000		//多少毫秒切换一张,默认800毫秒
		})
	</script>
	
<div class="swiper-container-solution" style="background-color:white">
	<div class="selected-solution">
		<div>
			<div class="swiper-container">
				<div class="layer-title" style="font-size: 30px;">产品中心</div>
				<div class="solution-cardlist swiper-wrapper">
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<a href="kt.html">福泽磁悬浮空调</a>
						
							<img src="img/xinchan.png" style="width: 300px;height:200px;">
							<h3>福泽磁悬浮空调</h3>
							
							<span style="margin-top:-15px;"><a href="kt.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
						
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/jiedianqi.png" style="width: 300px;height:200px;">
							<h3>福泽节能保护装置(节电器)</h3>
							
							<span style="margin-top:-15px;">
								<a href="jiedianqi.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
						
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/sanwei.png" style="width: 300px;height:200px;">
							<h3>福泽三维热管</h3>
							
							<span style="margin-top:-15px;"><a href="sanwei.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/rehuishou.png" style="width:300px;height:200px;">
							<h3>福泽空压机余热回收</h3>
							
							<span style="margin-top:-15px;"><a href="yurehuishou.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/shuibeng.png" style="width: 300px;height:200px;">
							<h3>福泽循环水泵</h3>
							
							<span style="margin-top:-15px;">
								<a href="xunhuanshui.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/ycdj.png" style="width: 300px;height:200px;">
							<h3>福泽永磁电机</h3>
							
							<span style="margin-top:-15px;">
								<a href="ycdj.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/zmyh.png" style="width: 300px;height:200px;">
							<h3>福泽LED照明优化</h3>
							
							<span style="margin-top:-15px;"><a href="zmyh.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
				    <div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/zhusuji.png" style="width: 300px;height:200px;">
							<h3>福泽注塑机</h3>
							
							<span style="margin-top:-15px;"><a href="zhusuji.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
                    <div class="col-sm-4 swiper-slide">
                        <div class="solution-card" style="width:300px;height:400px;">
                        <img src="img/ytj.png" style="width: 300px;height:200px;">
                        <h3>风光储一体机</h3>     
                        <span style="margin-top:-15px;"><a href="ytj.html">
                            <span class="arrow-more" style="margin-top: -17px;">了解详情</span>
                            <span class="arrow-f"></span>
                        </a>
                        
                        </span>
                        </div>
                    </div>
				<div class="swiper-pagination solution-pagination"></div>
			</div>
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
		</div>
	</div>
</div>

<div class="service-title" style="margin-top: 60px;">
  <h2>解决方案</h2>
</div>
<div class="solution-box">
  <div class="solution-cut">
	<button class="fa fa-back"></button>
	<button class="fa fa-more"></button>
	<div class="solution-swiper">
	  <ul class="solution-wrapper">

		<li class="solution-slide">
		  <span>
			<i class="fa fa-wxbgongju"></i>
			<hr>
			<h3 style="font-size: 20px;">福泽综合能源管理平台</h3>
			<p>福泽综合能源管理平台提供能源管理所需的一整套管理工具，涵盖能源管理价值链上下游各环节。通过 完成系统诊断、方案设置、实施改善、审计验收四个步骤，不仅能够获得实时的能耗数据，分析评估主要负 荷用能情况及节能效果，同时还能提出节能改造及管理方案，并对终端实现智能远程管理
</p>
			<a href="solution-energy.htm">查看详情</a>
		  </span>
		  <img src="statics/images/1.jpg">
		</li>

		<li class="solution-slide">
		  <span>
			<i class="fa fa-wxbgongju"></i>
			<hr>
			<h3 style="font-size: 20px;">配电房(所)安全智能运维APP</h3>
			<p>
			配电房(所)安全智能运维APP提供的一种以计算机网络通讯技术为基础、实现信息的集中采集、集中传输、集 中分析、
			集中应用管理监控模式，可与其他系统的交互应用，体现出自动化、智能化和高效率的技术手段。

			</p>
			<a href="solution-energy1.htm">查看详情</a>
		  </span>
		  <img src="statics/images/2.jpg">
		</li>

		<li class="solution-slide">
		  <span>
			<i class="fa fa-wxbgongju"></i>
			<hr>
			<h3 style="font-size: 20px;">智慧用电安全管理平台</h3>
			<p>
	借鉴精益能源管理的理念和工具，结合多学科技术----
							互联网+、物联网、云计算、大数据分析等，通过 物联网传感终端（现场监
							控模块、传输模块），将用电侧电气安全数据（负荷、剩余电流、电压、温度等）
							 实时传送至云平台，实现漏电、过载、短路、电缆温度等异常情况的电气安全隐患大数据
							 分析。		</p>
			<a href="solution-energy2.htm">查看详情</a>
		  </span>
		  <img src="statics/images/3.jpg">
		</li>

		<li class="solution-slide">
		  <span>
			<i class="fa fa-all"></i>
			<hr>
			<h3>四川雅化EMS系統</h3>
			<p>
					实现计量数据的实时自动统计、提高能源计量统计工作的效率，使统计数据的实时性和准确性上了一 个台阶；
					实时监控并存储电能表的各项数据.定时打印电能表的各项统计数据报表（班报表、日报表、周报 表、月报表）供统计、分析；
					
			</p>
			<a href="solution-energy3.htm">查看详情</a>
		  </span>
		  <img src="statics/images/4.jpg">
		</li>

		<li class="solution-slide">
		  <span>
			<i class="fa fa-security"></i>
			<hr>
			<h3 style="font-size: 20px;">智慧校园安全用电平台</h3>
			<p>
				通过数据挖掘分析，提前发现隐患，识别隐患类 型，洞察隐患发生发展的规律，进而预测隐患发展趋势，
				并将相关风险因素和社会化服务体系进行联动，最终实 现预测预警、隐患治理、社会化服务和政府信息收集四方联动的安全生产预防体系，
			
			</p>
			<a href="solution-energy4.htm">查看详情</a>
		  </span>
		  <img src="statics/images/5.jpg">
		</li>

		<li class="solution-slide">
		  <span>
			<i class="fa fa-huanhuobz"></i>
			<hr>
			<h3 style="font-size: 20px;">欧莱雅零碳工厂展示及能量管理平台
</h3>
			<p>
	通过多能互补、能量综合平衡调度，负荷耦合等先进智能能源管理技术实现企业智能化用能，能源安全 预警管理，能效综合提升，能源成本最小化的目的
			</p>
			<a href="solution-energy5.htm">查看详情</a>
		  </span>
		  <img src="statics/images/6.jpg">
		</li>

        <li class="solution-slide">
            <span>
              <i class="fa fa-wxbgongju"></i>
              <hr>
              <h3 style="font-size: 20px;">驾驶舱平台</h3>
              <p>驾驶舱平台基于平台面向业务的全段数据基础收集，实时采集、治理、储存、查询、数据展示，并搭载数据智能引擎，高效积累数据资产，赋能业务应用场景，助力企业构建扎实的数据根基，实现数字化经营。
  </p>
              <a href="jsc.html">查看详情</a>
            </span>
            <img src="statics/images/8.jpg">
          </li>

          <li class="solution-slide">
            <span>
              <i class="fa fa-wxbgongju"></i>
              <hr>
              <h3 style="font-size: 20px;">风光储一体机智慧运维平台</h3>
              <p>风光储一体机智慧运维平台提供了设备监测、设备控制和设备运维等功能，使用户能够全面掌握风光储一体机的性能和状态。
  </p>
              <a href="fgc.html">查看详情</a>
            </span>
            <img src="statics/images/9.jpg">
          </li>
		

	  </ul>
	</div>
  </div>
</div>	
<br>


<!--//案例-->
<div class="swiper-container-solution" style="background-color:white">
	<div class="selected-solution">
		<div>
			<div class="swiper-container">
				<div class="layer-title" style="font-size: 30px;">成功案例</div>
				<div class="solution-cardlist swiper-wrapper">
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
						
						
							<img src="img/xinchan.png" style="width: 300px;height:200px;">
							<h3>四川金象赛瑞化工股份有限公司循环水泵改造项目/h3&gt;
								<a href="shuibeng.html">
							<span style="margin-top:-15px;"></span></a><a href="">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
						
							
						</h3></div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/an4.png" style="width: 300px;height:200px;">
							<h3>耐世特汽车系统（苏州）有限公司空压机余热回收项目</h3>
							
							<span style="margin-top:-15px;">
								<a href="naishite.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
						
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/an1.png" style="width: 300px;height:200px;">
							<h3>江苏金象赛瑞化工科技有限公司低温余热发电项目</h3>
							
							<span style="margin-top:-15px;"><a href="jinxiangxq.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/an2.png" style="width:300px;height:200px;">
							<h3>宿迁翔翔实业有限公司永磁电机改造项目</h3>
							
							<span style="margin-top:-15px;"><a href="suqian.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/0.png" style="width: 300px;height:200px;">
							<h3>哈金森工业橡胶制品(苏州)有限公司工艺冷却水冷却塔节能项目</h3>
							
							<span style="margin-top:-15px;">
								<a href="hajinsin.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/an8.png" style="width: 300px;height:200px;">
							<h3>哈金森工业橡胶制品(苏州)有限公司空压机+锅炉余热回收进行锅炉补给项目</h3>
							
							<span style="margin-top:-15px;">
								<a href="hajinsinguo.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					<div class="col-sm-4 swiper-slide">
						<div class="solution-card" style="width:300px;height:400px;">
							<img src="img/0.png" style="width: 300px;height:200px;">
							<h3>哈金森工业橡胶制品(苏州)有限公司工艺冷却水冷却塔节能项目</h3>
							
							<span style="margin-top:-15px;">
								<a href="hajinsin.html">
								<span class="arrow-more" style="margin-top: -17px;">了解详情</span>
								<span class="arrow-f"></span>
							</a>
							
							</span>
						</div>
					</div>
					
				
				<div class="swiper-pagination solution-pagination"></div>
			</div>
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
		</div>
	</div>
</div>


<div class="aboutUsBackImgDiv" style="background-color:gray;height: 470px;margin-top:50px;">

	<div class="container" style="font-size:16px;color: white;width: 80%;">
		<div>
			<h1 class="text-center" style="text-align: center;font-size: 35px;margin-top: 10px;">关于我们</h1>
			<h5 class="text-center" style="text-align: center;font-size: 25px;margin-top:17px;">About Us</h5>
		</div>
		<div class="aboutUsLeftImgDiv">
			<img id="aboutUsLeftImg" src="img/g2.png" alt="" style="width: 300px;height: 300px;">
		</div>

		 <div class="row"> 
		<div>
      <div class="aboutusfontsize">
                           <p>
</p><p style="text-indent: 2em; text-align: center;"><br>
</p>
<p style="text-indent: 2em; margin-bottom: 5px; line-height:200%">
	<span style="font-family:'微软雅黑'">
 苏州福泽能源科技有限公司成立于2009年。是一家提供“数字化”、“智能化”、“精益化”、“绿色化”的“综合能源管理服务”的新型科技型企业。
 它立足于DSM，创新地把“精益管理”理念和管理工具导入到工厂能源管理领域； 自主研发“精益能源管理服务平台”；以“能源管家”托管服务模式
 ，提供覆盖能源使用的监测、管理、分析、优化、改造、评估及认证全服务链的服务。公司主要产品有：咨询类：能源审计、能源评估、绿色工厂；
 系统平台类：能源管理中心、DSM平台、电气火灾预警系统、能源环境安全平台、设备安全健康管理平台SHE、智慧校园、公共建筑节能监管平台
 、变压器人工智能诊断平台，空压机智能控制系统、电机震动监测系统等；综合能源服务类：工艺节能、建筑节能、配电房托管服务、储能、屋顶光伏等<br>
 免责声明：所载内容来源互联网，微信公众号等公开渠道，我们对其所述观点保持中立，仅供参考，交流之目的。转载的稿件版权归原作者和机构所有，如有侵权，请联系我们删除。
	</span>
<br>
	<span style="font-family:'微软雅黑'>
主要平台有：
工业精益能耗监测管理平台,能源环境安全平台。
公司主要服务有：公司客户数100多家（外资为主），监测客户总电量近20亿度电，节能改造项目: 如高效电机,永磁电机,磁悬浮空调,水蓄冷,空气源热泵,循环水泵节能控制,电能质量改善(APF和三相不平衡),变压器优化,大功率LED工矿灯、空压机联动控制与余热回收、注塑机红外加热与伺服、锅炉余热利用,压铸机集中供热,隧道炉自动化与节能综合改造,窑炉余热发电等节能优化项目，大大降低企业的能耗成本。
   公司主要资质荣誉：国家高新技术企业；工业互联网精益能耗监测与管理APP 平台服务商；国家电力需求侧备案二级企业；江苏省中小型科技企业，江苏省民营科技企业，江苏省两化融合试点企业，工业园区优秀节能服务商等。

</span>


                            </p>
                           
                
                

                 <div class=" divmore"="">
                      <a class="more" href="rongyu.html">MORE</a>
                </span></p></div>
            </div>
   <div style="clear: both"></div>
    </div>

</div>

	<div class="work-mate" style="overflow:hidden;width: 1500px;height: 488px;margin:0 auto">
	<div style="text-align:center;font-size:36px;
		font-family:'微软雅黑';
		font-weight:400;color:rgba(51,51,51,1);margin-top:150px;">合作伙伴</div>
	<div style="width:1500px;margin:0 auto;margin-top:20px;margin-left:35px">
		<div class="work-card first-card wow bounceInRight animated" style="visibility: visible;">
			<div style="width:180px;height:68px;">
		<img src="img/tu7.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card second-card wow bounceInRight animated" style="visibility: visible;">
			<div style="width:180px;height:68px;">
				<img src="img/tu1.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card third-card wow bounceInRight animated" style="visibility: visible;">
			<div style="width:180px;height:68px;"> 
			<img src="img/tu10.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card fourth-card wow bounceInRight animated" style="visibility: visible;">
			<div style="width:180px;height:68px;"> 
		<img src="img/tu6.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card fifth-card wow bounceInRight animated" style="visibility: visible;">
			<div style="width:180px;height:68px;"> 
		<img src="img/tu12.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card sixth-card wow bounceInRight animated" style="visibility: visible;">
			<div style="width:180px;height:68px;">
				<img src="img/tu13.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card seven-card wow bounceInRight animated" style="visibility: visible;">
			<div style="width:180px;height:68px;"> 
				<img src="img/tu3.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card eight-card wow bounceInRight animated" style="visibility: visible;">
			<div style="width:180px;height:68px;"> 
				<img src="img/tu11.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card wow bounceInRight last-card animated" style="visibility: visible;">
			<div style="width:180px;height:68px;"> 
				<img src="img/tu8.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div class="work-card wow bounceInRight last-card animated" style="visibility: visible;">
			<div style="width:180px;height:68px;"> 
				<img src="img/tu4.png" style="width: 100%;height: 100%;"></div>
		</div>
		<div style="clear:both"></div>
	</div>
</div>

 <div class="footer" style="margin-top: 200px;background-color: #3e3e3e;width:100%;float:none;height:400px">
        <div class="footop" style="background-color: #3e3e3e;margin:0 auto;width:80%;float:none;">
<dl>
    <dt>关于福泽</dt>
    <dd>
		        <a href="rongyu.html">公司介绍</a>
		      
		        <a href="rongyu.html">荣誉资质</a>
		         <a href="rongyu.html">服务介绍</a>
		        
		        
		    </dd>
</dl>
<dl>
    <dt>资讯中心</dt>
    <dd>
		        <a href="xinwen.html">新闻中心</a>
		    </dd>
</dl>
<dl>
    <dt>产品解决方案</dt>
    <dd>
		        <a href="solution-energy.htm">福泽综合能源管理平台</a>
		        <a href="solution-energy1.htm">配电房(所)安全智能运维APP</a>
		        <a href="solution-energy2.htm">智慧用电安全管理平台</a>
		        <a href="solution-energy3.htm">四川雅化EMS系統</a>
		        <a href="solution-energy4.htm">智慧校园安全用电平台</a>
		        <a href="solution-energy5.htm">欧莱雅零碳工厂展示及能量管理平台</a>
		      
		    </dd>
</dl>
<dl style="margin-left:100px;">
    <dt>公司产品</dt>
    <dd>
		    
						<a href="jinyiguanli.html">精益能源管理</a>
				
			
						<a href="chuneng.html">储能电站</a>
				
									<a href="jieneng.html">节能改造</a>
					
					
						<a href="san.html">三相四线电表</a>
				
							<a href="hugan.html">互感器</a>
					
						<a href="she.html">数据采集器</a>
					
						
						<a href="xiangmu.html">软件项目</a>
					
						<a href="jicheng.html">系统集成</a>
					
						<a href="guanli.html">能效管理系统</a>
					
		    </dd>
</dl>
<dl>
    <dt>成功案例</dt>
    <dd>
		       <a href="djyouhua.html">电机优化</a>
		      	<a href="zmguanli.html">照明管理</a>
		        	<a href="nytihuan.html">能源替换</a>
		        				<a href="shebei.html">设备改造</a>
		    </dd>
</dl>

   




            </div>
        </div>
        <div class="wrapper" style="text-align:center;width:100%;background-color:#3e3e3e;height:100px">
            <!--<a href="http://www.miitbeian.gov.cn" style="color:#ffffff;
        margin-left:10px;" target="_blank">-->
		<div style="margin:0 auto;width:22%;height:100px">
		<img src="img/备案图标.png" style="width:20px; height:20px;float:left"/>
		<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32059002003469">苏公网安备 32059002003469号</a>
            <a href="http://beian.miit.gov.cn">苏ICP备17048968号-1</a><!--</a>-->
		<div>
        </div>

<div class="toolbar">
            <a href="###" class="toolbar-item toolbar-item-weixin">
                <span class="toolbar-layer"></span>
            </a>
            <a href="###" class="toolbar-item toolbar-item-app">
                <span class="toolbar-layer"></span>
            </a>
            <a href="javascript:scroll(0,0)" id="top" 
            class="toolbar-item toolbar-item-top">
            </a>
</div>

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="statics/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(document).ready(function(e) {
		new Swiper('.solution-swiper',{
			wrapperClass: 'solution-wrapper',
			slideClass: 'solution-slide',
			slidesPerView: 'auto',
			loop: true,
			observer:true,
			observeParents: true,
			centeredSlides: true,
			prevButton: '.solution-cut .fa-back',
			nextButton: '.solution-cut .fa-more'
		});
	});			
</script>
<style>
    #div1 {
        height:192px;
        overflow:hidden;
        
    }
    .col-xs-2{
    margin-left: 20px;
    }
</style>

</div></div>


</body>