/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
                        
                        html,
                        body,
                        div,
                        span,
                        applet,
                        object,
                        iframe,
                        h1,
                        h2,
                        h3,
                        h4,
                        h5,
                        h6,
                        p,
                        blockquote,
                        pre,
                        a,
                        abbr,
                        acronym,
                        address,
                        big,
                        cite,
                        code,
                        del,
                        dfn,
                        em,
                        img,
                        ins,
                        kbd,
                        q,
                        s,
                        samp,
                        small,
                        strike,
                        strong,
                        sub,
                        sup,
                        tt,
                        var,
                        b,
                        u,
                        i,
                        center,
                        dl,
                        dt,
                        dd,
                        ol,
                        ul,
                        li,
                        fieldset,
                        form,
                        label,
                        legend,
                        table,
                        caption,
                        tbody,
                        tfoot,
                        thead,
                        tr,
                        th,
                        td,
                        article,
                        aside,
                        canvas,
                        details,
                        embed,
                        figure,
                        figcaption,
                        footer,
                        header,
                        menu,
                        nav,
                        output,
                        ruby,
                        section,
                        summary,
                        time,
                        mark,
                        audio,
                        video,
                        input {
                            margin: 0;
                            padding: 0;
                            border: 0;
                            font-size: 14px;
                            font-weight: normal;
                            vertical-align: baseline;
                            font-family: "Microsoft YaHei";
                        }
                        /* HTML5 display-role reset for older browsers */
                        
                        article,
                        aside,
                        details,
                        figcaption,
                        figure,
                        footer,
                        header,
                        menu,
                        nav,
                        section {
                            display: block;
                        }
                        
                        body {
                            line-height: 1;
                        }
                        
                        blockquote,
                        q {
                            quotes: none;
                        }
                        
                        blockquote:before,
                        blockquote:after,
                        q:before,
                        q:after {
                            content: none;
                        }
                        
                        table {
                            border-collapse: collapse;
                            border-spacing: 0;
                        }
                        /* custom */
                        
                        a {
                            color: #fff;
                            text-decoration: none;
                            -webkit-backface-visibility: hidden;
                        }
                        
                        a:hover {
                            color: #1090eb;
                        }
                        
                        li {
                            list-style: none;
                        }
                        
                         ::-webkit-scrollbar {
                            width: 5px;
                            height: 5px;
                        }
                        
                         ::-webkit-scrollbar-track-piece {
                            background-color: rgba(0, 0, 0, 0.2);
                            -webkit-border-radius: 6px;
                        }
                        
                         ::-webkit-scrollbar-thumb:vertical {
                            height: 5px;
                            background-color: rgba(125, 125, 125, 0.7);
                            -webkit-border-radius: 6px;
                        }
                        
                         ::-webkit-scrollbar-thumb:horizontal {
                            width: 5px;
                            background-color: rgba(125, 125, 125, 0.7);
                            -webkit-border-radius: 6px;
                        }
                        
                        html{
                            height: 100%;
                        }
                        
                        body{
                            display: flex;
                            flex-direction: column;
                            height: 100%;
                        }
                        #app {
                            flex: 1 0 auto;
                        }
                        footer {
                            flex: 0 0 auto;
                        }
                        .fl {
                            float: left;
                        }
                        
                        .fr {
                            float: right;
                        }
                        
                        .clear {
                            clear: both;
                        }
                        
                        body {
                            -webkit-text-size-adjust: none;
                            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                        }
                        .flex {
                            display:flex;
                            align-items: center;
                        }
                        .gray {
                            background:#f0f0f0;
                        }
                        .container {
                            width: 1300px;
                            margin: 0 auto;
                            box-sizing: border-box;
                            clear: both;
                        }
                        
                        .container-layout {
                            width: 100%;
                            box-sizing: border-box;
                            clear: both;
                        }
                        
                        .top {
                            height: 30px;
                            line-height:30px;
                            background:#333;
                        }
                        
                        .top-text {
                            float:right;
                            font-size:12px;
                            color:#fff;
                        }
                        .nav {
                            height:80px;
                        }
                        .links {
                            margin-left:auto;
                        }

                        .nav a {
                            display: inline-block;
                            padding:0 28px;
                            height:80px;
                            line-height:80px;
                            font-size: 16px;
                            color: #333;
                            text-align: center;
                            transition: background-color 0.5s, color 0.5s, height 0.5s, line-height 0.5s;
                        }
                        
                        .nav a:hover,
                        .nav a.current {
                            background: #1090eb;
                            color: #fff;
                        }
                        .banner {
                            text-align: center;
                        }
                        .banner div {
                            border-bottom:2px solid #ececec;
                        }
                        .intro {
                            display:flex;
                            padding:40px 0;
                        }
                        .about-intro {
                            width:300px;
                            line-height:26px;
                            font-size:18px;
                            color:#000;
                        }
                        .about-intro h2 {
                            margin-bottom:24px;
                            position: relative;
                            font-size:28px;

                        }
                        .about-intro h2::before {
                            content:'';
                            position: absolute;
                            bottom:-14px;
                            width:46px;
                            height:2px;
                            background:#1090eb;
                        }
                        .about-intro-text div {
                            margin:12px 0;
                            font-size:16px;
                           
                        }
                        .about-intro-text .phone {
                            padding:0 12px;
                            color:#980a28;
                            font-size:22px;
                            font-style: italic;
                            font-family: impact,sans-serif;
                        }

                        .about-intro-text {
                            margin-left:auto;
                            width:900px;
                            font-size:16px;
                            line-height:28px;
                            text-align: left;
                            color:#666;
                        }
                        .case {
                            padding:40px 0;
                        }
                        .case h2 {
                            margin:24px auto 40px;
                            position: relative;
                            width:120px;
                            text-align: center;
                            font-size:28px;
                        }
                        .case h2::before {
                            content:'';
                            position: absolute;
                            left:38px;
                            bottom:-14px;
                            width:46px;
                            height:2px;
                            background:#1090eb;
                        }
                        .case .list {
                            display:flex;
                            justify-content: space-between;
                            margin:0 auto;
                            height:230px;
                        }
                        
                        .case .list .item {
                            position: relative;
                            width:320px;
                            height:200px;
                            cursor: pointer;
                        }
                        .case .list .item img {
                            width:320px;

                        }
                        .case .list h1 {
                            position: absolute;
                            width:320px;
                            top:70px;
                            font-size:30px;
                            color:#fff;
                            text-align: center;
                            z-index: 8;
                        }
                        .case .list .cover {
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            left: 0;
                            top: 0;
                            background: -webkit-linear-gradient(rgba(16,201,220,0.6),rgba(52,168,248,0.6));
                            z-index: 5;
                            opacity: 1;
                        }

                        .solution {
                            padding:20px 0;
                        }
                        .solution h2 {
                            margin:10px auto 18px;
                            position: relative;
                            width:120px;
                            text-align: center;
                            font-size:28px;
                        }
                        .solution h2::before {
                            content:'';
                            position: absolute;
                            left:38px;
                            bottom:-14px;
                            width:46px;
                            height:2px;
                            background:#1090eb;
                        }

                        .solution .list {
                            display:flex;
                            justify-content: space-between;
                            padding-bottom:60px;
                        }
                        .solution .list .item {
                            position: relative;
                            width:420px;
                            height:340px;
                            background:#fff;
                        }
                        .solution .list .item .img {
                            padding:40px 0 20px;
                            text-align: center;
                        }
                        .solution .list .item .img  img {
                            width:60px;
                        }
                        .solution .list .item h1 {
                            font-size:18px;
                            line-height:28px;
                            text-align: center;
                        }
                        .solution .list .item .text {
                            padding:20px 40px;
                            line-height: 22px;
                            color:#999;
                        } 
                        .solution .more {
                            position: absolute;
                            left:40px;
                            bottom:20px;
                            color:#000;
                            
                        }
                        footer {
                            padding: 25px 0;
                            background-color: #1f1f1f;
                            line-height: 30px;
                            color: #fff;
                            font-size: 12px;
                            text-align: center;
                        }

                        /* 分栏目 */

                        .sublm {
                            border-bottom: 1px solid #ddd;
                            background: #fff;
                        }
                        
                        .sublm ul {
                            margin: 0 auto;
                            text-align: center;
                        }

                        .sublm ul li {
                            padding: 0 12px;
                            line-height: 64px;
                            text-align: center;
                            font-size: 16px;
                            color: #666;
                            display: inline-block;
                            margin: 0 30px;
                            position: relative;
                            cursor: pointer;
                        }
                        
                        .sublm ul.productul {
                            margin: 0 auto;
                            text-align: left;
                            padding-left: 230px;
                        }
                        .sublm ul li.on {
                            color: #1090eb;
                        }
                        
                        .sublm ul li.on::before {
                            position: absolute;
                            width: 100%;
                            height: 2px;
                            background: #1090eb;
                            content: '';
                            left: 0;
                            bottom: 0;
                            z-index: 5;
                            transition: 0.4s;
                        }
                        .newsbox_subtitle {
                            margin: 0 auto;
                            text-align: center;
                            margin: 40px;
                        }
                        
                        .newsbox_subtitle span {
                            font-size: 28px;
                            position: relative;
                        }
                        
                        .company-area {
                            margin-bottom:80px;
                            width: 1160px;
                            padding: 0 30px;
                            font-size: 16px;
                            line-height: 30px;
                        }
                        
                        .company-area span {
                            font-size: 16px;
                            font-weight: bold;
                        }