html {
        height: 100%;
        -webkit-text-size-adjust: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -webkit-overflow-scrolling: touch;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        background-color: #986500;
        color: #666;
        font: 400 12px/1.5 "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Arial, "Hiragino Sans GB", STHeiti, 'Microsoft Yahei', sans-serif;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    nav,
    section,
    summary {
        display: block;
    }

    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline;
    }

    audio:not([controls]) {
        display: none;
        height: 0;
    }

    [hidden],
    template {
        display: none;
    }

    a {
        background: 0 0;
    }

    a:active,
    a:hover {
        outline: 0;
        color: #1e67b2;
    }

    abbr[title] {
        border-bottom: 1px dotted;
    }

    b,
    strong {
        font-weight: 700;
    }

    small {
        font-size: 80%;
    }

    sub,
    sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline;
    }

    sup {
        top: -.5em;
    }

    sub {
        bottom: -.25em;
    }

    img {
        border: 0;
        width: 100%;
        height: auto;
    }

    svg:not(:root) {
        overflow: hidden;
    }

    figure {
        margin: 1em 40px;
    }

    button,
    optgroup,
    textarea {
        margin: 0;
        font: inherit;
        color: inherit;
        -webkit-appearance: none;
        outline: none;
        text-transform: none;
    }

    button {
        overflow: visible;
    }

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer;
    }

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    input {
        line-height: normal;
    }

    input[type=checkbox],
    input[type=radio] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    fieldset {
        padding: .35em .625em .75em;
        margin: 0 2px;
        border: 1px solid silver;
    }

    legend {
        padding: 0;
        border: 0;
    }

    textarea {
        overflow: auto;
    }

    optgroup {
        font-weight: 700;
    }

    table {
        border-spacing: 0;
        border-collapse: collapse;
    }

    ul,
    ol,
    dl,
    dd,
    dt {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    p {
        padding: 0;
        margin: 0;
    }

    * {
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        -webkit-tap-highlight-color: transparent;
    }

    body {
        -webkit-overflow-scrolling: touch;
        font-family: "Helvetica", "Helvetica Neue", "Microsoft YaHei";
        min-height: 100%;
        font-size: 14px;
        background-color: #fff;
        color: #666;
        margin: 0;
    }

    a {
        color: #666;
        text-decoration: none;
    }

    a:active {
        color: #1e67b2;
    }

    .clearfix:after {
        content: "\20";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix {
        display: inline-block;
    }
    /* Hides from IE-mac\*/

    *html .clearfix {
        height: 1%;
    }

    .clearfix {
        display: block;
    }

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* End hide from IE-mac*/

    button,
    input,
    select,
    textarea {
        vertical-align: baseline;
        *vertical-align: middle;
        font-family: "微软雅黑";
    }

    button,
    input,
    textarea {
        line-height: normal;
        /* 1 */
        *overflow: visible;
        /* 2 */
    }

    textarea {
        overflow: auto;
        /* 1 */
        vertical-align: top;
        /* 2 */
    }

    input:focus,
    textarea:focus,
    select:focus {
        outline-width: 0;
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #818181;
    }

    p {
        font-size: 14px;
        margin: 0;
        line-height: 25px;
    }
    /*===============
@Layout
================*/

    .wrapper {
        max-width: 1580px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        padding: 0 25px;
    }

    .head {
        width: 100%;
        clear: both;
        color: #fff;
        position: relative;
        overflow: hidden;
    }

    .topBar {
        width: 100%;
        float: left;
        z-index: 1000;
        position: relative;
        padding: 44px 0 20px 0;
    }

    .topBar > .container {
        width: 100%;
        margin: 0 auto;
        clear: both;
        height: 95px;
        position: relative;
    }

    #logo {
        display: block;
        width: 309px;
        float: left;
        line-height: 0;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
    }

    #mobileMenu {
        width: 24px;
        height: 100%;
        background: url(../images/mobile_menu.png) no-repeat center 60%;
        background-size: 80% auto;
        float: left;
        position: absolute;
        right: 15px;
    }

    .nav {
        float: right;
        display: block;
        top: 63px;
        position: absolute;
        width: 100%;
    }

    .nav-list {
        margin: 0 auto;
        width: 627px;
    }

    .nav-list > li {
        display: inline-block;
        width: auto;
        float: left;
        padding: 0 25px;
        position: relative;
    }

    .nav-list > li:last-child {
        background: none;
        padding-right: 0;
    }

    .nav-list > li > a {
        display: block;
        font-size: 16px;
        white-space: nowrap;
        text-align: center;
        color: #666;
    }

    .nav-list > li > a:hover,
    .nav-list > .active > a {
        color: #2068b3;
    }

    .nav-list > li > a > span {
        display: block;
    }

    .dropMenu {
        position: absolute;
        width: 190px;
        left: 0;
        display: none;
        z-index: 99;
    }

    .dropMenu > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.11);
        background-color: rgba(255, 255, 255, 0.8);
    }

    .dropMenu > li a {
        color: #666;
        padding: 0 3%;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        display: block;
        text-align: left;
        padding-left: 30px;
    }

    .dropMenu > li:last-child {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        overflow: hidden;
    }

    .dropMenu > li a:hover {
        color: #2068b3;
    }

    .hidden,
    .hidden body {
        overflow: hidden;
        height: 100%;
    }

    .main {
        width: 100%;
        min-height: 600px;
    }

    .mobileNavLogo {
        display: block;
        max-width: 180px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .mobileNav {
        margin-top: 0;
        position: fixed;
        display: block;
        height: 100%;
        background: rgba(255, 255, 255, 0.98);
        left: 0%;
        z-index: 1001;
        top: 0;
        overflow-y: auto;
        /*-ms-transform: translate(-100%, 0);*/
        -webkit-transform: translate(-100%, 0);
    }

    .mobileNav > .nav-list > li {
        float: none;
        width: 100%;
        text-align: left;
        padding: 0;
        border-bottom: 1px solid #d2d2d2;
    }

    .mobileNav > .nav-list > li a {
        text-align: left;
        padding: 15px 15px 15px 25px;
        color: #333;
        font-size: 16px;
        height: auto;
        line-height: normal;
        width: 100%;
    }

    .mobileNav > .nav-list > li > a:hover {
        color: #333;
    }

    .mobileNav > .nav-list > li .dropMenu {
        width: 100%;
        background-color: #f2f2f2;
        position: static;
        display: none;
    }

    .mobileNav > .nav-list > .active .dropMenu {
        display: block;
    }

    .mobileNav .dropMenu > li {
        background-color: #f2f2f2;
    }

    .mobileNav .dropMenu > li:first-child {
        border-top: 1px solid #d2d2d2;
    }

    .mobileNav .dropMenu > li:last-child {
        border-radius: 0;
        border-bottom: none;
    }

    .mobileNav .dropMenu > li a {
        background: none;
    }

    .mobileNav > .nav-list li.active > a {
        background-color: #38598e;
        color: #fff;
    }

    .mobileNav.active {
        display: block !important;
        -ms-animation: showDrop .5s .1s ease both;
        -webkit-animation: showDrop .5s .1s ease both;
    }

    @-ms-keyframes showDrop {
        0% {
            -ms-transform: translate(-100%, 0);
        }
        100% {
            -ms-transform: translate(0, 0);
        }
    }

    @-webkit-keyframes showDrop {
        0% {
            -webkit-transform: translate(-100%, 0);
        }
        100% {
            -webkit-transform: translate(0, 0);
        }
    }

    .mobileNav.active.hideAct {
        display: block !important;
        -ms-animation: showDrop2 .5s .1s ease both;
        -webkit-animation: showDrop2 .5s .1s ease both;
    }

    @-ms-keyframes showDrop2 {
        0% {
            -ms-transform: translate(0%, 0);
        }
        100% {
            -ms-transform: translate(-100%, 0);
        }
    }

    @-webkit-keyframes showDrop2 {
        0% {
            -webkit-transform: translate(0, 0);
        }
        100% {
            -webkit-transform: translate(-100%, 0);
        }
    }

    .zui-mask {
        position: fixed;
        z-index: 1000;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        display: none;
    }

    .foot {
        width: 100%;
        border-top: 1px solid #dfdfdf;
        margin-top: 20px;
    }

    .foot p {
        font-size: 12px;
        color: #666;
        padding: 20px 0;
        text-align: right;
    }

    .banner {
        width: 100%;
        height: 260px;
        position: relative;
    }

    .about-banner {
        background: url(../images/banner_about.jpg) no-repeat left center;
    }

    .advantage-banner {
        background: url(../images/banner_advantage.jpg) no-repeat left center;
    }

    .team-banner {
        background: url(../images/banner_team.jpg) no-repeat right center;
    }

    .contactus-banner {
        background: url(../images/banner_contactus.jpg) no-repeat right center;
    }

    .case-banner {
        background: url(../images/banner_case.jpg) no-repeat left center;
    }

    .partner-banner {
        background: url(../images/banner_partner.jpg) no-repeat center center;
    }

    .banner-text {
        display: block;
        line-height: 0;
        width: 162px;
        position: absolute;
        left: 20%;
        top: 85px;
    }

    .banner-text-advantage {
        width: 246px;
        left: 28%;
        top: 158px;
    }

    .team-banner-text {
        width: 175px;
        left: 25%;
        top: 85px;
    }

    .contactus-banner-text {
        width: 186px;
        left: 25%;
        top: 125px;
    }

    .case-banner-text {
        width: 147px;
        left: 25%;
        top: 85px;
    }

    .partner-banner-text {
        width: 275px;
        left: 25%;
        top: 125px;
    }

    .crumbs-bar {
        width: 100%;
        padding: 13px 0 10px 20px;
        border-bottom: 1px solid #dfdfdf;
        font-size: 12px;
        color: #666;
        background: url(../images/ico_home.png) no-repeat left center;
        margin-top: 30px;
    }

    .crumbs-bar span {
        padding-left: 5px;
    }

    .main >.container {
        width: 100%;
        padding: 2%;
    }

    .person-mod-row {
        max-width: 100%;
        margin: 0 auto;
        clear: both;
        overflow: hidden;
        margin-top: 50px;
    }

    .person-mod {
        width: 44%;
        float: left;
        text-align: center;
        margin: 0 3%;
    }

    .person-picture {
        max-width: 280px;
        margin: 0 auto;
        display: block;
    }

    .person-h1 {
        display: inline-block;
        border-bottom: 1px solid #5a5b5e;
        color: #1e67b2;
        font-size: 18px;
        padding-top: 12px;
    }

    .person-h2 {
        color: #5a5b5e;
        font-size: 14px;
        display: block;
        padding-top: 5px;
    }

    .person-content {
        border-radius: 5px;
        background-color: #ebebeb;
        padding: 30px;
        min-height: 400px;
        text-align: left;
        margin-top: 30px;
    }

    .person-row-2 .person-content {
        min-height: 280px;
    }

    .person-row-3 .person-content {
        min-height: 250px;
    }

    .person-row-4 .person-content {
        min-height: 250px;
    }

    .person-row-5 .person-content {
        min-height: 420px;
    }

    .person-content p {
        line-height: 30px;
        font-size: 14px;
    }

    .team-logo-title {
        margin-top: 50px;
    }

    .case-list-other {
        width: 100%;
        text-align: center;
    }

    .case-list-other li {
        display: inline-block;
        float: none!important;
    }

    .contactUs-main {
        width: 95%;
        clear: both;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 50px;
    }

    .contactUs-text {
        float: left;
        padding-top:20px;
    }

    .contactUs-text strong {
        font-size: 14px;
        color: #666;
        display: inline-block;
    }

    .contactUs-row {
        display: inline-block;
        font-size: 14px;
        padding-left: 20px;
        line-height: 21px;
        margin-left:10px;
    }

    .contactUs-map {
        float: right;
        width: 756px;
        height: 346px;
        padding: 10px;
        border: 1px solid #ccc;
    }

 /*   .contactUs-item-1 {
        background: url(../images/contactus_ico_1.png) no-repeat left 2px;
    }

    .contactUs-item-2 {
        background: url(../images/contactus_ico_2.png) no-repeat left 3px;
    }

    .contactUs-item-3 {
        background: url(../images/contactus_ico_3.png) no-repeat left 5px;
    }*/

    .global-h1 {
        color: #1e67b2;
        font-size: 18px;
        display: block;
        text-align: center;
        margin: 20px 0 30px 0;
    }

    .global-h2 {
        color: #666;
        font-size: 36px;
        display: block;
        text-align: center;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .global-h2 span {
        padding: 7px 10px 3px 10px;
        border-bottom: 2px solid #666;
    }

    .global-h3 {
        color: #666;
        font-size: 24px;
    }

    .global-pic-1 {
        text-align: center;
        line-height: 0;
        max-width: 785px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 90px;
    }

    .global-pic-2 {
        text-align: center;
        line-height: 0;
        max-width: 995px;
        margin: 0 auto;
        margin-top: 90px;
        margin-bottom: 80px;
    }

    .global-pic-3 {
        text-align: center;
        line-height: 0;
        max-width: 1024px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .global-pic-4 {
        text-align: center;
        line-height: 0;
        max-width: 1477px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .global-pic-5 {
        text-align: center;
        line-height: 0;
        max-width: 1001px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .global-pic-6 {
        text-align: center;
        line-height: 0;
        max-width: 629px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .case-box {
        clear: both;
        overflow: hidden;
        width: 100%;
        margin-top: 40px;
    }

    .case-list li {
        height: 63px;
        float: left;
        padding: 0 20px;
        margin-bottom: 25px;
    }

    .case-list li img {
        width: auto;
        height: 100%;
    }

    .global-text-1 {
        font-size: 14px;
        text-align: center;
        line-height: 30px;
    }

    .global-text {
        line-height: 30px;
    }

    .global-tit {
        font-size: 18px;
        display: block;
    }

    .pl-40 {
        padding-left: 40px;
    }

    .mb-15 {
        margin-bottom: 15px;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .advantage-mobile {
        display: none;
    }

    .home-banner {
        position: relative;
    }

    .banner-anim {
        position: absolute;
        width: 514px;
        left: 25%;
        top: 30%;
        opacity: 0;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
    }

    .start .banner-anim {
        -webkit-animation: p3Animc1 1s .8s ease both;
        -ms-animation: p3Animc1 1s .8s ease both;
    }

    @-ms-keyframes p3Animc1 {
        0% {
            opacity: 0;
            -ms-transform: translateY(50%);
        }
        100% {
            -ms-transform: translateY(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes p3Animc1 {
        0% {
            opacity: 0;
            -webkit-transform: translateY(50%);
        }
        100% {
            -webkit-transform: translateY(0);
            opacity: 1;
        }
    }

    .home_banner_mobile {
        display: none;
    }

    @media (max-width: 1160px) {
        .nav-list {
            float: right;
        }
        .contactUs-text {
            float: none;
            max-width: 756px;
            margin: 0 auto;
            margin-top: 0;
        }
        .contactUs-map {
            float: none;
            margin: 0 auto;
            margin-top: 30px;
        }
          .foot p{
            text-align: center;
            float:none;
        }

    }

    @media (min-width: 960px) {
        .mobileNav {
            display: none !important;
        }
        #mobileMenu {
            display: none !important;
        }
    }

    @media (max-width: 960px) {}

    @media (max-width: 960px) {
        .nav {
            display: none;
        }
        #mobileMenu {
            display: block;
        }
        .mobileNav {
            width: 70%;
        }
        .mobileNavList {
            float: left;
            width: 100%;
        }
        .wrapper {
            padding: 0;
        }
        .main {
            padding: 0 15px;
        }
        .topBar {
            padding: 10px 15px;
        }
        .topBar > .container {
            height: 55px;
        }
        #logo {
            width: 180px;
        }
        .crumbs-bar {
            margin-top: 10px;
        }
        .global-h2 {
            font-size: 24px;
        }
        .contactUs-main {
            margin-top: 0;
        }

    }

    @media (min-width: 735px) {}

    @media (max-width: 750px) {
        .person-mod {
            width: 100%;
            float: none;
            margin: 0;
            margin-bottom: 30px;
        }
        .person-picture {
            max-width: 160px;
        }
        .person-mod-row {
            margin-top: 0;
        }
        .person-mod .person-content {
            min-height: auto;
            padding: 15px;
        }
        .case-list li {
            height: 35px;
        }
        .main >.container {
            padding: 30px 0 0 0;
        }
        .home_banner_pc {
            display: none;
        }
        .home_banner_mobile {
            display: block;
        }
        .banner-anim {
            max-width: 80%;
            left: 10%;
        }
        .home-banner {
            padding: 0;
        }
        .contactUs-map {
            width: 320px;
        }

        .contactUs-text strong,.contactUs-text span,.foot p{
            display: block;
            text-align: center;
            padding:0;
            margin:0;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 640px) {}

    @media (max-width: 480px) {
        .advantage-mobile {
            display: block;
            max-width: 80%;
            margin: 0 auto;
        }
        .advantage-pc {
            display: none;
        }
        .contactUs-main {
            width: 100%;
            padding: 0;
        }
        .icp{
            display: block;
        }

    }

    @media (max-width: 414px) {}

    @media (max-width: 360px) {}