html,
            body {
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
                font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
                -webkit-font-smoothing: antialiased;
            }

            html,
            body,
            div,
            span,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            em,
            img,
            strong,
            sub,
            sup,
            tt,
            dd,
            dl,
            dt,
            form,
            label,
            table,
            caption,
            tbody,
            tfoot,
            thead,
            tr,
            th,
            td,
            ul,
            li,
            p,
            a,
            section {
                margin: 0;
                padding: 0;
                font-weight: normal;
            }

            input,
            select,
            textarea {
                vertical-align: middle;
                -ms-behavior: url(css/PIE.htc);
                behavior: url(css/PIE.htc);
                outline: none;
            }

            img {
                border: 0;
                margin: 0;
                padding: 0;
                display: block;
            }

            ul li {
                list-style-type: none;
            }

            a {
                blr: expression(this.onFocus=this.blur());
                text-decoration: none;
            }

            * {
                margin: 0;
                padding: 0;
                border: 0;
            }

            div,
            a {
                tap-highlight-color: rgba(0, 0, 0, 0);
                focus-ring-color: rgba(0, 0, 0, 0);
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                -moz-tap-highlight-color: rgba(0, 0, 0, 0);
                -moz-focus-ring-color: rgba(0, 0, 0, 0);
            }
                input[type="text"] {
-webkit-appearance: none;
}
textarea{
-webkit-appearance: none;
}
            .contaienr {
                position: relative;
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
            }
            /* banner */

            .banner-i {
                position: relative;
                width: 100%;
                height: 500px;
                overflow: hidden;
            }

            #banner-video {
                width: 100%;
            }

            .player-btn-i {
                position: absolute;
                left: 50%;
                margin-left: -35px;
                margin-top: -35px;
                top: 50%;
                width: 70px;
                height: 70px;
                cursor: pointer;
            }

            .player-btn-i img {
                width: 100%;
            }

            .top {
                position: fixed;
                top: 0;
                left: 0;
                z-index: 500;
                width: 100%;
                height: 80px;
                background: #fff;
                margin: 0 auto;
            }

            .top.shadow {
                box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
                border-bottom: 1px solid #e6e6e6\9;
            }

            .logo-box {
                width: 284px;
                float: left;
                overflow: hidden;
                margin-top: 19px;
            }

            .logo {
                width: 99px;
                float: left;
                padding: 0 18px 0 0;
                margin-right: 18px;
                border-right: 1px solid #e5e5e5;
            }

            .kf-logo {
                width: 146px;
                margin-top: 4.5px;
                float: left;
                font-size: 22px;
                font-weight: 600;
            }

            .kf-logo a {
                color: #333333;
                font-weight: 600;
            }

            .logo-box img {
                width: 100%;
            }

            .nav {
                float: right;
                margin-top: 26px;
            }

            .nav li {
                position: relative;
                font-size: 16px;
                float: left;
                margin-left: 50px;
                color: #333333;
            }

            .nav li a {
                color: #333;
                padding-bottom: 30px;
                border-bottom: 3px solid #fff;
                display: block
            }

            .nav li:first-child {
                margin-left: 0;
            }

            .nav li.active a {
                color: #e70000;
                border-bottom: 3px solid #E70000;
            }

            .nav li:hover a {
                color: #e70000;
                border-bottom: 3px solid #E70000;
            }

            .s-list {
                position: absolute;
                left: 0;
                top: 100%;
                width: 207px;
                background: #fff;
                display: none;
                box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
            }

            .s-list-c {
                width: 170px;
                height: 100%;
                border-left: 1px solid #E5E5E5;
                float: right;
                padding-bottom: 20px;
            }

            .s-list-ul {
                width: 100%;
                margin-top: 30px;
                list-style: none;
            }

            .s-list-ul li {
                padding-left: 30px;
                margin-top: 23px;
                font-size: 14px;
                padding-bottom: 0;
                border-bottom: none;
                margin-left: -1px !important;
                float: none;
            }

            .s-list-ul li.active {
                border-left: 2px solid #E70000;
                padding-left: 28px;
            }

            .s-list-ul li.active a {
                color: #E70000 !important;
            }

            .s-list-ul li:hover {
                border-left: 2px solid #E70000;
                padding-left: 28px;
            }

            .s-list-ul li:hover a {
                color: #E70000 !important;
            }

            .s-list-ul li:first-child {
                margin-top: 0;
            }

            .s-list-ul li a {
                padding-bottom: 0;
                border-bottom: none !important;
                color: #333 !important;
            }

            .clear {
                clear: both;
            }

            .banner-d {
                width: 100%;
                height: 440px;
                background-image: url(../images/banner-d.jpg);
                background-size: cover;
                -ms-behavior: url(css/backgroundsize.min.htc);
                behavior: url(css/backgroundsize.min.htc);
                overflow: hidden;
                margin-top: 80px;
            }

            .banner-d.re {
                background-image: url(../images/banner-re.jpg);
            }

            .banner-d.case {
                background-image: url(../images/banner-case.jpg);
            }

            .banner-d.case-c {
                background-image: url(../images/so-banner.jpg);
            }

            .banner-d.solution {
                background-image: url(../images/banner-so.jpg);
            }

            .banner-txt {
                width: 100%;
                margin-top: 10%;
                font-size: 50px;
                color: #000;
                font-weight: 600;
            }

            .banner-c {
                width: 1200px;
                height: 100%;
                margin: 0 auto;
                overflow: hidden;
            }
            /* 面包屑 */

            .bd {
                width: 1200px;
                margin: 30px auto 0;
                overflow: hidden;
            }

            .bd-txt {
                float: left;
                font-size: 16px;
                color: #808080;
                margin-right: 8.5px;
            }

            .bd-txt a {
                color: #000000;
            }

            .bd-img {
                float: left;
                margin-right: 10.5px;
                margin-top: 7.5px;
            }

            .content-i {
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
            }

            .main {
                width: 1200px;
                margin: 0 auto;
            }

            .content {
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
            }

            .contaienr-i {
                position: relative;
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
            }

            .main {
                width: 1200px;
                margin: 0 auto;
            }

            .title-i {
                padding-left: 18px;
                border-left: 5px solid #E70000;
                font-size: 32px;
                color: #000000;
                margin: 40px auto 30px;
                line-height: 1.2em;
            }

            .page-txt {
                width: 90%;
                font-size: 16px;
                color: #323232;
                line-height: 1.8em;
                padding: 3% 4%;
                background: #F2F2F2;
                margin-top: 25px;
                border-top: 2px solid #E70000;
            }

            .page-txt.yc {
                width: 84%;
                padding: 3% 8%;
            }

            .cont {
                width: 1200px;
                margin: 0 auto;
                overflow: hidden;
            }

            .txt-l {
                width: 10%;
                margin-left: 10%;
                margin-top: 8%;
                float: left;
            }

            .txt-l-1 {
                width: 100%;
                text-align: left;
                margin: 0 auto;
                line-height: 35px;
                color: #323232;
                font-size: 20px;
                margin-bottom: 10%;
            }

            .txt-l-1>span {
                color: #E70000;
                font-size: 32px;
            }

            .txt-line {
                width: 48%;
                height: 4px;
                background: #ccc;
                margin-bottom: 20%;
            }

            .img-r {
                width: 64%;
                float: right;
            }

            .img-r img {
                width: 100%;
            }
            /*screen3*/

            .screen3 {
                width: 100%;
                background-color: #f2f2f2;
                margin-top: 30px;
            }

            .screen3 img {
                width: 100%;
            }

            .screen3-box {
                width: 1200px;
                margin: 0 auto;
                padding-top: 40px;
                padding-bottom: 60px;
            }

            .screen3-title {
                padding-left: 18px;
                border-left: 5px solid #E70000;
                font-size: 32px;
                color: #000000;
                margin: 0 auto 30px;
                line-height: 1.2em;
            }

            .screen3-pic1 {
                width: 101.83%;
                margin-left: -1%;
                padding-top: 15px;
            }
            /*screen4*/

            .screen4 {
                width: 100%;
            }

            .screen4 img {
                width: 100%;
            }

            .screen4-box {
                width: 1200px;
                margin: 0 auto;
                margin-bottom: 50px;
            }

            .title-i {
                padding-left: 18px;
                border-left: 5px solid #E70000;
                font-size: 32px;
                color: #000000;
                margin: 40px auto 30px;
                line-height: 1.2em;
            }

            .screen4-txt {
                width: 80.6%;
                margin: 0 auto 50px;
                padding-top: 10px;
                overflow: hidden;
            }

            .screen4-pic1 {
                width: 77.2%;
                margin-right: 9.4%;
                float: left;
            }

            .screen4-list {
                width: 13.4%;
                float: right;
                text-align: center;
                font-size: 32px;
                color: #000000;
                margin-top: 31px;
            }

            .screen4-list>li {
                line-height: 1.7em;
            }

            .screen4-list>li:first-child {
                color: #e70000;
            }

            .screen4-list>li>img {
                width: 20.2%;
                margin: 0 auto;
            }

            .screen4-table {
                width: 100%;
                overflow: hidden;
            }

            .screen4-t1 {
                width: 100%;
                font-size: 22px;
                line-height: 2.5em;
                color: #000000;
                text-align: center;
                margin: 0 auto;
                background-color: #f2f2f2;
            }

            .screen4-b {
                width: 33.22%;
                float: left;
                text-align: center;
                border: 1px solid #e5e5e5;
                border-left: none;
                padding: 30px 0;
            }

            .screen4-b1 {
                border-left: 1px solid #e5e5e5;
            }

            .screen4-t2 {
                font-size: 20px;
                color: #323232;
            }

            .screen4-line {
                width: 40px;
                height: 4px;
                background-color: #cbcbcb;
                margin: 15px auto 22px;
            }

            .screen4-logo {
                width: 100%;
                overflow: hidden;
                font-size: 24px;
                color: #e70000;
                margin-bottom: 25px;
            }

            .screen4-logo>img {
                display: inline-block;
                width: 29.7%;
                margin: 0 auto;
                margin-right: 2.3%;
            }

            .screen4-inf {
                width: 62.7%;
                overflow: hidden;
                margin: 0 auto;
            }

            .screen4-t3 {
                font-size: 14px;
                color: #323232;
                float: left;
                margin-left: 7.8%;
            }

            .screen4-t3:first-child {
                margin-left: 0;
            }

            .screen4-span {
                display: inline-block;
                color: #e70000;
                padding-right: 8px;
            }

            .bottom {
                width: 100%;
                height: 60px;
                background-color: #4d4d4d;
                text-align: center;
                font-size: 12px;
                line-height: 60px;
                color: #e5e5e5;
            }

            .bottom img {
                vertical-align: middle;
                display: inline-block;
                padding-left: 1%;
                padding-right: 0.5%;
            }

            .bottom.fix {
                position: fixed;
                bottom: 0;
            }

            .show-pc {
                display: block;
            }

            .show-phone {
                display: none;
            }

            .show-in {
                display: inline-block;
            }

            .screen3-t1 {
                display: none;
            }

            .screen4-pic2 {
                display: none;
            }

            .scr4-3 {
                display: none;
            }
             @media(max-width:1400px){
                .banner-d{
                    height:260px;
                }
                .banner-txt{
                    font-size:40px;
                    margin-top:5%;
                }
             }
            @media(max-width:768px) {
                .show-pc {
                    display: none;
                }
                .show-phone {
                    display: block;
                }
                .show-in {
                    display: none;
                }
                .main {
                    width: 100%;
                }
                .banner-d {
                    position: relative;
                    background: none;
                    height: auto;
                    margin-top: 0.1%;
                }
                .banner-d img {
                    width: 100%;
                }
                .banner-c {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                }
                .banner-txt {
                    width: 100%;
                    text-align: center;
                    font-size: 50px;
                }
                .top {
                    position: relative;
                    height: 48px;
                }
                .top.sh {
                    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
                }
                .logo-box {
                    margin-left: 16px;
                    margin-top: 10px;
                }
                .logo {
                    width: 70px;
                }
                .kf-logo {
                    margin-top: 0;
                }
                .menu-list {
                    width: 3%;
                    float: right;
                    margin-right: 5.3%;
                    margin-top: 2%;
                }
                .menu-list img {
                    width: 100%;
                }
                .nav {
                    display: block;
                    width: 100%;
                    float: none;
                    margin: 0;
                    display: none;
                }
                .nav li {
                    position: relative;
                    width: 100%;
                    line-height: 37px;
                    padding-bottom: 0;
                    border-bottom: 1px solid #e4e4e4;
                    margin-left: 0;
                    text-indent: 0.7em;
                }
                .nav li a {
                    padding-bottom: 0;
                    border: none;
                }
                .nav li.clear {
                    display: none;
                }
                .s-list {
                    position: relative;
                    left: 0;
                    top: 0;
                    width: 100%;
                    display: none;
                    height: auto;
                }
                .s-list-c {
                    width: 100%;
                    height: auto;
                    float: none;
                    padding-bottom: 0;
                }
                .s-list-ul {
                    width: 100%;
                    margin-top: 0;
                    background-color: #f7f7f7;
                }

                .s-list-ul li {
                    padding-left: 0;
                    border-left: none;
                    margin-top: 0;
                }
                .s-list-ul li:first-child {
                    border-top: 1px solid #e4e4e4;
                }
                .s-list-ul li:last-child {
                    border-bottom: none;
                }
                .nav li a {
                    display: inline-block;
                }
                .nav li:hover a {
                    color: #333;
                    border-bottom: none;
                }
                .nav-jia {
                    position: absolute;
                    right: 6%;
                    top: 13px;
                    width: 3.5%;
                }
                .nav-jia img {
                    width: 100%;
                }
                .screen4-box {
                    width: 76%;
                }
                .screen4-table {
                    width: 100%;
                }
                .screen4-b {
                    width: 98%;
                    border-left: 1px solid #e5e5e5;
                }

                .main.main-1 {
                    width: 93.1%;
                }
                .title-i {
                    width: 90%;
                    padding-left: 0;
                    border-left: none;
                    font-size: 5.2vw;
                    color: #000000;
                    margin: 40px auto 20px;
                    line-height: 1.2em;
                    text-align: center;
                }
                .line-red {
                    background: #e60000;
                    width: 7.4%;
                    height: 4px;
                    margin: 0 auto;
                }
                .page-txt {
                    width: 90%;
                    font-size: 3.1vw;
                    color: #000;
                    padding: 5%;
                    background: #F2F2F2;
                    border-top: 2px solid #E70000;
                    margin: 0 auto;
                    margin-top: 25px;
                }
                .cont {
                    width: 100%;
                    margin: 0 auto;
                    overflow: hidden;
                }

                .txt-l {
                    width: 93.1%;
                    margin: 5% auto 0;
                }

                .txt-l-1 {
                    width: auto;
                    text-align: left;
                    color: #323232;
                    font-size: 3.1vw;
                    float: left;
                    margin: 0 auto;
                    line-height: 1.7em;
                    padding-right: 7%;
                    margin-right: 7%;
                    border-right: 2px solid #CCCCCC;
                }
                .txt-l-1:first-child {
                    margin-left: 14%;
                }
                .txt-l-1>span {
                    color: #E70000;
                    font-size: 5.2vw;
                }
                .txt-l-1:last-child {
                    margin-right: 0;
                    padding-right: 0;
                    border-right: none;
                }


                .txt-line {
                    width: 2px;
                    height: 50px;
                    background: #ccc;
                    margin-bottom: 0%;
                    float: left;
                }

                .img-r {
                    width: 100%;
                    margin: 8% auto 0;
                }

                .img-r img {
                    width: 100%;
                }
                .bottom {
                    padding: 2.5% 0;
                    height: auto;
                    line-height: 1.75em;
                    font-size: 3vw;
                }
                .bottom span {
                    display: block;
                }
                .screen3 {
                    background-color: #fff;
                }
                .screen3-box {
                    width: 100%;
                    margin: 0 auto;
                    padding: 2% 0%;
                }
                .screen3-title {
                    padding-left: 0;
                    border-left: none;
                    font-size: 5.33vw;
                    text-align: center;
                    margin-bottom: 20px;
                }
                .screen-line {
                    width: 6.8%;
                    height: 5px;
                    background-color: #e70000;
                    margin: 0 auto 50px;
                }
                .screen3-pic1 {
                    width: 93.5%;
                    margin: 3% auto 0;
                }
                .screen3-t1 {
                    display: block;
                    font-size: 2.93vw;
                    color: #323232;
                    text-align: center;
                    margin-top: 4%;
                }
                .screen4-box {
                    width: 100%;
                }

                .screen4-txt {
                    width: 73.7%;
                    position: relative;
                    margin-top: 5%;
                }
                .screen4-pic1 {
                    display: none;
                }
                .screen4-pic2 {
                    display: block;
                    width: 100%;
                    margin: 14% auto 0;
                }

                .screen4-list {
                    width: 100%;
                    margin: 0 auto;
                    font-size: 4.27vw;
                    position: absolute;
                    top: 0;
                    left: 5.2%;
                    overflow: hidden;
                }
                .screen4-list>li {
                    float: left;
                    margin-left: 2.4%;
                    font-size: 3.8vw;
                }
                .screen4-list>li:first-child {
                    margin-left: 0;
                }
                .screen4-list>li>img {
                    width: 100%;
                    margin: 0 auto;
                    vertical-align: middle;
                }
                .scr4-2 {
                    display: none;
                }
                .scr4-3 {
                    padding-top: 0;
                    display: block;
                }
                .scr4-1 {
                    margin-top: -4% !important;
                }
                .screen4-table {
                    width: 73.7%;
                    margin: 0 auto;
                    overflow: visible;
                }
                .screen4-t1 {
                    width: 100%;
                    font-size: 4vw;
                    border: 1px solid #f2f2f2;
                }
                .screen4-b {
                    width: 100%;
                    text-align: center;
                    border: 1px solid #e5e5e5;
                    padding: 8% 0;
                }
                .screen4-t2 {
                    font-size: 3.73vw;
                    color: #323232;
                }
                .screen4-line {
                    width: 10.2%;
                    height: 4px;
                    margin: 3% auto 5%;
                }
                .screen4-logo {
                    font-size: 4.54vw;
                    margin-bottom: 3%;
                }
                .screen4-logo>img {
                    display: inline-block;
                    width: 29.7%;
                    margin: 0 auto;
                    margin-right: 2.3%;
                }
                .screen4-inf {
                    width: 72.7%;
                }
                .screen4-t3 {
                    font-size: 3.2vw;
                    margin-left: 4.8%;
                }
                .screen4-b:last-child {
                    margin-bottom: 10%;
                }
                .s-list-ul li:hover {
                    border-left: none;
                    padding-left: 0;
                }
                .s-list-ul li:hover a {
                    color: #333 !important;
                }
                .page-txt.yc{
                    width:80%;
                    padding:3% 6%;
                }
                .banner-txt{
                    margin-top:12%;
                }
               
                @media(max-width:640px) {
                    .logo {
                        margin-right: 3%;
                        padding-right: 3%;
                    }
                    .kf-logo {
                        font-size: 4vw;
                        margin-top: 1.5%;
                    }
                    .menu-list {
                        width: 5%;
                        margin-top: 4%;
                    }
                    .nav li {
                        font-size: 12px;
                    }
                    .banner-txt {
                        font-size: 6.5vw;
                    }
                    .title-i {
                        margin: 5% auto 2%;
                    }
                    .page-txt {
                        margin-top: 4%;
                    }
                }