@media (max-width:760px) {



    /* CSS Document */

    .indexCase .readMore,

    .caseInfoList .readMore,

    .caseBox .readMore,

    .reNewsCon .readMore {

        display: block;

        margin: 0 auto;

        width: 176px;

        height: 32px;

        background-color: #fff;

        border: 2px solid #dadada;

        font-size: 14px;

        line-height: 32px;

        text-align: center;

        font-weight: bold;

        color: #b3b3b3;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .indexCase .readMore:hover,

    .caseInfoList .readMore:hover,

    .caseBox .readMore:hover,

    .reNewsCon .readMore:hover {

        background-color: #df0b19;

        border-color: #df0b19;

        color: #fff;

    }



    /* reset.css V1.2  Start*/

    body,

    h1,

    h2,

    h3,

    h4,

    h5,

    h6,

    p,

    dl,

    dt,

    dd,

    ul,

    ol,

    li,

    form,

    button,

    input,

    textarea,

    th,

    td {

        margin: 0px;

        padding: 0px;

        font-weight: normal;

    }



    body,

    button,

    input,

    select,

    textarea,

    h1,

    h2,

    h3,

    h4,

    h5,

    h6,

    i {

        font: normal 12px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma;

    }



    ul,

    ol,

    li {

        list-style: none;

    }



    a {

        text-decoration: none;

        color: #333;

    }



    a:hover {

        text-decoration: none;

    }



    img {

        border: 0;

        vertical-align: top;

    }



    button,

    input,

    select,

    textarea {

        font-size: 100%;

        vertical-align: middle;

        outline: none;

    }



    table {

        border-collapse: collapse;

        border-spacing: 0;

    }



    /* 0411 */

    ::-moz-selection {

        background: #ff5f3e;

        color: #fff;

    }



    ::selection {

        background: #ff5f3e;

        color: #fff;

    }



    ::-moz-selection {

        background: #ff5f3e;

        color: #fff;

    }



    /* end */

    .fixed:after {

        visibility: hidden;

        display: block;

        font-size: 0;

        content: " ";

        clear: both;

        height: 0;

    }



    .fixed {

        *zoom: 1;

    }



    .clear {

        clear: both;

    }



    .wp {

        margin: 0 auto;

        width: 370px;

        /* height: 700px; */

        overflow: hidden;

    }



    #web {

        min-width: 380px;

    }



    .pt45 {

        padding-top: 45px;

    }



    .por {

        position: relative;

    }



    .bgea,

    .caseInfoTit h6 {

        background-color: #eaeaea;

    }



    .fz18 {

        font-size: 18px;

    }



    .fz24 {

        font-size: 24px;

    }



    .pd5 {

        padding: 5px;

    }



    .fixedtop {

        position: fixed;

        width: 100%;

        top: 0;

        left: 0;

        background-color: #fff;

        z-index: 9999;

    }



    .fixedbottom {

        position: fixed;

        width: 100%;

        bottom: 0;

        left: 0;

        z-index: 9999;

    }



    .font-hei {

        font-family: '榛戜綋';

    }



    /* reset.css V1.2  End */

    .pagedcase {

        padding-bottom: 20px;

    }



    .paged {

        padding-top: 10px;

        text-align: center;

    }



    .paged a,

    .paged .p_info,

    .paged .current,

    .paged .currenton {

        display: inline-block;

        zoom: 1;

        *display: inline;

        margin: 0px 3px;

        padding: 5px 10px;

        font-size: 12px;

        text-align: center;

        border: 1px solid #cfcfcf;

        background: #fff;

        color: #333;

    }



    .paged .current,

    .paged .currenton,

    .paged a:hover {

        border: 1px solid #d51737;

        background: #d51737;

        color: #fff;

    }



    .pagedcase a,

    .pagedcase .p_info,

    .pagedcase .current,

    .pagedcase .currenton {

        padding: 7px 20px;

        margin: 0px 8px;

    }



    .pagedcase .readMore {

        display: inline;

        margin-right: 15px;

        padding: 7px 40px;

    }



    .pagedcase .readMore:hover {

        border: 2px solid #df0b19;

    }



    .pdisplay {

        display: none;

    }



    /* 0429 */

    /* 

.headerContact {

    height: 16px;

    line-height: 16px;

    padding-top: 27px;

    ol {

        float: right;

        margin-left: 10px;

        li {

            position: relative;

            float: left;

            margin-left: 12px;

            width: 21px;

            height: 16px;

            background-image: url(/public/image/index.png);

            // background-position: center center;

            background-repeat: no-repeat;

            cursor: pointer;

            z-index: 10000;

            &.weixin {

                // background-image: url(/public/image/icon2.png);

                background-position: 0 -52px;

                &:hover {

                    background-image: url(/public/image/icon3.png);

                    background-position: 0 0;

                    .erweima {

                        display: block;

                    }

                }

            }

            &.weibo {

                // background-image: url(/public/image/icon4.png);

                background-position: 0 -34px;

                a {

                    display: block;

                    height: 100%;

                }

                &:hover {

                    background-image: url(/public/image/icon5.png);

                    background-position: 0 0;

                }

            }

            &.search {

                // background-image: url(/public/image/icon6.png);

                background-position: 0 -17px;

            }

            &.qq {

                background: url(/public/image/icon74.png) center no-repeat;

                a {

                    display: block;

                    height: 100%;

                }

            }

        }

        .searchBox {

            display: block;

            position: absolute;

            height: 30px;

            width: 0;

            border: 1px solid #c9c9c9;

            top: -7px;

            right: 0;

            @include touming(0);

            overflow: hidden;

            input[type="text"] {

                display: block;

                float: left;

                padding-left: 5px;

                width: 155px;

                height: 30px;

                line-height: 30px;

                color: #999;

                border: none;

            }

            input[type="submit"] {

                display: block;

                float: left;

                width: 20px;

                height: 30px;

                background: none;

                border: none;

                cursor: pointer;

            }

        }

        .erweima {

            display: none;

            position: absolute;

            width: 100px;

            height: 100px;

            top: 27px;

            left: -44px;

            padding: 5px;

            background-color: #fff;

            border-radius: 5px;

            box-shadow: 2px 2px 5px #333;

            border: 1px solid #eee;

            i {

                position: absolute;

                display: block;

                width: 23px;

                height: 13px;

                top: -12px;

                left: 50%;

                margin-left: -12px;

                background: url(/public/image/arrow1.png) no-repeat;

            }

            img {

                width: 100%;

                height: 100%;

            }

        }

    }

    ul {

        float: right;

        li {

            float: left;

            padding-left: 20px;

            background: url(/public/image/icon1.png) 0 center no-repeat;

            font-size: 14px;

            color: #999;

            height: 16px;

            line-height: 16px;

            margin-left: 20px;

        }

    }

}

.logo {

    float: left;

    a {

        display: block;

        float: left;

        margin-right: 10px;

    }

    .label {

        float: left;

        overflow: hidden;

        span {

            display: block;

            margin-top: 10px;

            width: 30px;

            height: 16px;

            line-height: 16px;

            color: #fff;

            text-align: center;

            background-color: #989898;

            border-radius: 5px;

        }

        p {

            color: #666;

        }

    }

}

.nav {

    padding-top: 13px;

    float: right;

    position: relative;

    z-index: 9999;

    li {

        position: relative;

        float: left;

        margin-left: 30px;

        height: 30px;

        z-index: 9999;

        &:first-child {

            margin-left: 0;

        }

        a {

            font-size: 16px;

            display: block;

            line-height: 30px;

            &:hover {

                color: $navred;

            }

        }

        &.current {

            & > a {

                color: $navred;

            }

        }

        &.back {

            position: absolute;

            bottom: 0;

            height: 2px;

            background: $navred;

            z-index: 2;

        }

    }

    .sub {

        position: absolute;

        display: none;

        padding-top: 15px;

        right: -130px;

        top: 28px;

        z-index: 33;

        dl {

            position: relative;

            width: (95px*3);

            padding: 15px;

            background-color: #f8f8f8;

            border: 1px solid #e9e9e9;

        }

        dt {

            position: absolute;

            top: -9px;

            left: 150px;

            width: 18px;

            height: 10px;

            background: url(/public/image/arrow2.png) no-repeat;

        }

        dd {

            float: left;

            width: 95px;

            height: 30px;

            line-height: 30px;

            text-align: center;

            a {

                font-size: 14px;

                &:hover {

                    color: $wordred;

                }

            }

        }

    }

}

.nav .topnav2 .sub dt,

.nav .topnav3 .sub dt,

.nav .topnav4 .sub dt {

    left: 140px;

}

.nav .topnav6 .sub {

    right: 0;

}

.nav .topnav6 .sub dt {

    left: 270px;

} */

    /* 0317 */

    .indexBanner {

        position: relative;

        width: 100%;

        height: 540px;

        overflow: hidden;

    }



    .indexBanner .prev,

    .indexBanner .next {

        position: absolute;

        display: block;

        width: 45px;

        height: 50px;

        top: 50%;

        margin-top: -25px;

        z-index: 2;

        -webkit-opacity: 0.5;

        opacity: 0.5;

        filter: alpha(opacity=50);

    }



    .indexBanner .prev:hover,

    .indexBanner .next:hover {

        -webkit-opacity: 1;

        opacity: 1;

        filter: alpha(opacity=100);

    }



    .indexBanner .prev {

        left: 0;

        background: url(/public/image/zuo.png) no-repeat;

    }



    .indexBanner .next {

        right: 0;

        background: url(/public/image/you.png) no-repeat;

    }



    .indexBanner .bd {

        position: relative;

        width: 100%;

        height: 100%;

        overflow: hidden;

    }



    .indexBanner .bd ul {

        height: 100%;

    }



    .indexBanner .bd li {

        position: relative;

        width: 100%;

        height: 100%;

    }



    .indexBanner .bd li>div {

        position: absolute;

        left: 50%;

    }



    .indexBanner .bd li.l1 .pic1 {

        width: 390px;

        height: 312px;

        top: -50px;

        margin-left: 50px;

        opacity: 0;

    }



    .indexBanner .bd li.l1 .pic2 {

        width: 390px;

        height: 256px;

        top: 100px;

        margin-left: -550px;

        opacity: 0;

    }



    .indexBanner .bd li.l1 .pic2 .tips {

        font-size: 32px;

        font-weight: bold;

        color: #41b4d1;

        margin-bottom: 8px;

    }



    .indexBanner .bd li.l1 .pic2 .t {

        font-size: 65px;

        font-weight: bold;

        color: #edac45;

        margin-bottom: 10px;

    }



    .indexBanner .bd li.l1 .pic2 .p {

        font-size: 13px;

        color: #fff;

        line-height: 22px;

        margin-bottom: 20px;

    }



    .indexBanner .bd li.l2 .pic1 {

        width: 390px;

        height: 598px;

        top: -70px;

        margin-left: -575px;

        opacity: 0;

    }



    .indexBanner .bd li.l2 .pic2 {

        width: 390px;

        height: 178px;

        top: 130px;

        margin-left: 75px;

        opacity: 0;

        color: #fff;

    }



    .indexBanner .bd li.l2 .pic2 .more {

        position: absolute;

        display: block;

        width: 144px;

        height: 33px;

        left: 0;

        bottom: 0;

        background: url(/public/image/bannerpic/pic11.png);

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .indexBanner .bd li.l2 .pic2 .more:hover {

        -webkit-transform: translate(5px, 0);

        transform: translate(5px, 0);

    }



    .indexBanner .bd li.l2 .pic2 .t {

        font-size: 42px;

        font-weight: bold;

        margin-bottom: 10px;

    }



    .indexBanner .bd li.l2 .pic2 .tips {

        font-size: 28px;

        font-weight: bold;

        margin-bottom: 10px;

    }



    .indexBanner .bd li.l2 .pic2 .p {

        font-size: 16px;

    }



    .indexBanner .bd li.l3 .pic1 {

        width: 390px;

        height: 234px;

        top: 122px;

        margin-left: -537px;

        opacity: 0;

        color: #fff;

    }



    .indexBanner .bd li.l3 .pic1 .more {

        position: absolute;

        display: block;

        width: 147px;

        height: 40px;

        left: 0;

        bottom: 0;

        background: url(/public/image/bannerpic/pic14.png);

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .indexBanner .bd li.l3 .pic1 .more:hover {

        -webkit-transform: translate(5px, 0);

        transform: translate(5px, 0);

    }



    .indexBanner .bd li.l3 .pic1 .t {

        font-weight: bold;

        font-size: 54px;

        text-shadow: 4px 4px 0 #333;

        margin-bottom: 8px;

    }



    .indexBanner .bd li.l3 .pic1 .tips {

        font-weight: bold;

        font-size: 40px;

        margin-bottom: 12px;

        text-shadow: 3px 3px 0 #333;

    }



    .indexBanner .bd li.l3 .pic1 .p {

        font-size: 16px;

        line-height: 24px;

        text-shadow: 4px 4px 0 #333;

    }



    .indexBanner .bd li.l3 .pic2 {

        width: 390px;

        height: 527px;

        top: 8px;

        margin-left: -53px;

        opacity: 0;

    }



    .indexBanner .bd li.l4 .pic1 {

        width: 458px;

        height: 470px;

        bottom: 0;

        margin-left: -510px;

        opacity: 0;

    }



    .indexBanner .bd li.l4 .pic2 {

        width: 390px;

        height: 219px;

        top: 150px;

        margin-left: 15px;

        opacity: 0;

        color: #fff;

    }



    .indexBanner .bd li.l4 .pic2 .more {

        position: absolute;

        display: block;

        width: 148px;

        height: 39px;

        left: 0;

        bottom: 0;

        background: url(/public/image/bannerpic/pic5.png);

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .indexBanner .bd li.l4 .pic2 .more:hover {

        -webkit-transform: translate(1px, 1px);

        transform: translate(1px, 1px);

    }



    .indexBanner .bd li.l4 .pic2 .t {

        font-size: 48px;

        margin-bottom: 15px;

        text-shadow: 2px 4px 0 #333;

        font-weight: bold;

    }



    .indexBanner .bd li.l4 .pic2 .p {

        font-size: 18px;

        line-height: 26px;

        margin-bottom: 10px;

        text-shadow: 2px 5px 0 #333;

    }



    .indexBanner .bd li.l4 .pic2 .tips {

        font-size: 20px;

        line-height: 28px;

        text-shadow: 2px 5px 0 #333;

    }



    .indexBanner .bd li.l5 .pic1 {

        width: 390px;

        height: 384px;

        top: 90px;

        margin-left: -525px;

        opacity: 0;

    }



    .indexBanner .bd li.l5 .pic2 {

        width: 390px;

        height: 182px;

        top: 90px;

        margin-left: 70px;

        opacity: 0;

    }



    .indexBanner .bd li.l5 .pic2 .more {

        position: absolute;

        display: block;

        width: 143px;

        height: 33px;

        left: 0;

        bottom: 0;

        background: url(/public/image/bannerpic/pic8.png);

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .indexBanner .bd li.l5 .pic2 .more:hover {

        -webkit-transform: translate(5px, 0);

        transform: translate(5px, 0);

    }



    .indexBanner .bd li.l5 .pic2 .t {

        font-size: 42px;

        color: #016cb1;

        margin-bottom: 10px;

        font-weight: bold;

    }



    .indexBanner .bd li.l5 .pic2 .tips {

        font-size: 24px;

        color: #434343;

        margin-bottom: 10px;

    }



    .indexBanner .bd li.l5 .pic2 .p {

        font-size: 14px;

        color: #434343;

    }



    .indexBanner .hd {

        position: absolute;

        width: 100%;

        height: 18px;

        left: 0;

        bottom: 65px;

        z-index: 2;

    }



    .indexBanner .hd ul {

        width: 100%;

        text-align: center;

    }



    .indexBanner .hd ul li {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        width: 18px;

        height: 18px;

        margin: 0 5px;

        background: url(/public/image/dot1.png) center no-repeat;

        cursor: pointer;

    }



    .indexBanner .hd ul li.on {

        background: url(/public/image/index.png) 0 -86px no-repeat;

    }



    /* 0731 */

    .indexPro {

        position: relative;

        background-color: #fff;

        padding-top: 30px;

        padding-bottom: 70px;

        z-index: 5;

    }



    .indexPro dl {

        float: left;

        width: 250px;

        margin-left: 50px;

    }



    .indexPro dl:first-child {

        margin-left: 70px;

    }



    .indexPro dl.webCon dt a {

        background-image: url(/public/image/tit1.png);

    }



    .indexPro dl.app dt a {

        background-image: url(/public/image/tit2.png);

    }



    .indexPro dl.micro dt a {

        background-image: url(/public/image/tit3.png);

    }



    .indexPro dl.sim {

        width: 230px;

    }



    .indexPro dl.sim dt a {

        background-image: url(/public/image/tit4.png);

    }



    .indexPro dl dt a {

        padding-top: 135px;

        display: block;

        font-size: 14px;

        color: #333;

        margin-bottom: 15px;

        background-repeat: no-repeat;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .indexPro dl dt a h3 {

        display: block;

        font-size: 20px;

        font-weight: bold;

    }



    .indexPro dl dt a:hover {

        background-position-x: 5px;

    }



    .indexPro dl dt a:hover h3 {

        color: #df0b19;

    }



    .indexPro dd ul li {

        float: left;

        width: 100%;

        height: 30px;

        line-height: 30px;

    }



    .indexPro dd ul li a {

        font-size: 14px;

        color: #666;

    }



    .indexPro dd ul li a:hover {

        color: #df0b19;

    }



    .indexPro dd ul li.short {

        width: auto;

        margin-right: 42px;

        *margin-right: 51px;

    }



    /* 0731 */

    .indexCustom {

        position: relative;

        width: 100%;

        height: 577px;

        background: url(/public/image/bg1.jpg) center top no-repeat;

        z-index: 6;

    }



    .indexCustom .word {

        position: absolute;

        width: 350px;

        top: 85px;

        left: 0;

        color: #fff;

    }



    .indexCustom .word b {

        font-family: "Times New Roman";

        color: #d51737;

        font-size: 50px;

    }



    .indexCustom .word h2 {

        font-size: 40px;

        *line-height: 60px;

    }



    .indexCustom .word p {

        font-size: 14px;

        margin-bottom: 20px;

    }



    .indexCustom .word h4 {

        font-family: "Times New Roman";

        font-size: 30px;

        font-weight: bold;

    }



    .indexCustom .word h5 {

        font-size: 20px;

    }



    .indexCase {

        padding: 50px 0 40px;

        background-color: #eaeaea;

    }



    .indexCaseTit {

        float: left;

    }



    .indexCaseTit h5 {

        font-size: 40px;

        font-family: "Times New Roman";

        font-weight: bold;

    }



    .indexCaseTit h5 span {

        color: #d51737;

    }



    .indexCaseTit p {

        color: #666;

        line-height: 27px;

    }



    .indexCaseTit p span {

        font-size: 20px;

        color: #333;

        margin-right: 5px;

        font-weight: bold;

    }



    .indexCaseTop .more {

        position: relative;

        display: block;

        float: right;

        padding-right: 40px;

        background: url(/public/image/tit5.png) right center no-repeat;

        text-align: right;

    }



    .indexCaseTop .more span {

        font-family: "Times New Roman";

        font-size: 20px;

        font-weight: bold;

    }



    .indexCaseTop .more p {

        color: #848484;

    }



    .indexCaseTop .more i {

        display: block;

        position: absolute;

        top: 7px;

        *top: 7px;

        right: 9px;

        width: 8px;

        height: 26px;

        background: url(/public/image/index.png) 0 -179px no-repeat;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .indexCaseTop .more:hover i {

        right: 6px;

    }



    .indexCaseTop .more:hover p {

        color: #d51737;

    }



    /* 0731 */

    .waterFalls {

        position: relative;

        margin-bottom: 15px;

    }



    .waterFalls li {

        display: none;

        width: 278px;

        border-bottom: 2px solid #dadada;

        -webkit-transition: .5s ease-out all;

        transition: .5s ease-out all;

        background-color: #fff;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .waterFalls li a {

        position: relative;

        display: block;

        width: 100%;

        overflow: hidden;

    }



    .waterFalls li a .img {

        position: relative;

        background-color: #fff;

        overflow: hidden;

    }



    .waterFalls li a img {

        position: relative;

        display: block;

        width: 100%;

        z-index: 2;

    }



    .waterFalls li a h3 {

        font-size: 16px;

        color: #333;

        margin-bottom: 3px;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .waterFalls li a h3 span {

        color: #df0b19;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .waterFalls li a p {

        line-height: 22px;

        color: #999;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .waterFalls li a i {

        position: absolute;

        display: block;

        width: 100%;

        height: 100%;

        bottom: 99px;

        *bottom: 102px;

        left: 0;

        background-color: #d51737;

    }



    .waterFalls li .info {

        position: relative;

        padding: 15px 20px;

        z-index: 2;

    }



    .waterFalls li.on a h3,

    .waterFalls li.on a h3 span,

    .waterFalls li.on a p {

        color: #fff;

    }



    .waterFalls li.redborder {

        border-color: #d51737;

    }



    .indexAbout {

        width: 100%;

        height: 660px;

        background: url(/public/image/bg2.jpg) center top no-repeat;

    }



    .indexAboutTit {

        float: left;

        width: 230px;

    }



    .indexAboutTit h4 {

        font-size: 40px;

        font-family: "Times New Roman";

        font-weight: bold;

    }



    .indexAboutTit h4 span {

        color: #df0b19;

        margin-right: 5px;

    }



    .indexAboutTit h1 {

        font-size: 18px;

        font-weight: bold;

        margin-bottom: 3px;

    }



    .indexAboutTit p {

        color: #666;

        line-height: 18px;

        margin-bottom: 25px;

    }



    .indexAboutMenu li {

        margin: 0 5px 5px 0;

        float: left;

        width: 100px;

        height: 70px;

        line-height: 70px;

        text-align: center;

    }



    .indexAboutMenu li:nth-child(2) a {

        background-color: rgba(38, 43, 50, 0.95);

    }



    .indexAboutMenu li:nth-child(3) a {

        background-color: rgba(38, 43, 50, 0.9);

    }



    .indexAboutMenu li:nth-child(4) a {

        background-color: rgba(38, 43, 50, 0.85);

    }



    .indexAboutMenu li:nth-child(5) a {

        background-color: rgba(38, 43, 50, 0.8);

    }



    .indexAboutMenu li:nth-child(6) a {

        background-color: rgba(38, 43, 50, 0.75);

    }



    .indexAboutMenu li:nth-child(7) a {

        background-color: rgba(38, 43, 50, 0.7);

    }



    .indexAboutMenu li:nth-child(8) a {

        background-color: rgba(38, 43, 50, 0.65);

    }



    .indexAboutMenu li:nth-child(9) a {

        background-color: rgba(38, 43, 50, 0.6);

    }



    .indexAboutMenu li a {

        display: block;

        font-size: 14px;

        color: #dedede;

        background-color: #31353c;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .indexAboutMenu li a:hover {

        background-color: #d51737;

    }



    .indexAboutMenu li.on a {

        background-color: #d51737;

    }



    .indexAboutInfo {

        float: right;

        width: 390px;

    }



    .indexAboutInfo .readMore {

        float: right;

        margin-top: 10px;

        width: 63px;

        height: 26px;

        line-height: 26px;

        text-align: center;

    }



    .indexAboutInfo .readMore a {

        display: block;

        width: 100%;

        color: #999;

        background-color: #fff;

    }



    .indexAboutInfo .readMore a:hover {

        color: #fff;

        background-color: #d51737;

    }



    .indexAboutSlide {

        float: left;

        width: 390px;

        height: 505px;

        background-color: #fff;

    }



    .indexAboutSlide .bd .img {

        display: block;

        width: 100%;

        height: 333px;

    }



    .indexAboutSlide .bd .img img {

        width: 100%;

        height: 100%;

    }



    .indexAboutSlide .bd .img img:hover {

        -webkit-opacity: 0.9;

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .indexAboutSlide .bd .info {

        padding: 20px 25px;

    }



    .indexAboutSlide .bd .info a {

        font-size: 16px;

        color: #333;

        line-height: 22px;

    }



    .indexAboutSlide .bd .info a:hover {

        color: #d51737;

    }



    .indexAboutSlide .bd .info p {

        padding-top: 5px;

        color: #999;

        line-height: 20px;

    }



    .indexAboutSlide .hd {

        height: 12px;

    }



    .indexAboutSlide .hd ul {

        float: right;

        margin-right: 25px;

    }



    .indexAboutSlide .hd ul li {

        float: left;

        width: 12px;

        height: 12px;

        margin-left: 8px;

        background: url(/public/image/dot3.png) no-repeat;

        cursor: pointer;

    }



    .indexAboutSlide .hd ul li.on {

        background-image: url(/public/image/dot4.png);

    }



    .indexAboutList {

        width: 390px;

        float: right;

    }



    .indexAboutList li {

        margin-top: 15px;

        padding: 17px 20px;

        height: 124px;

        background-color: #fff;

        overflow: hidden;

    }



    .indexAboutList li:first-child {

        margin-top: 0;

    }



    .indexAboutList li .info a {

        font-size: 16px;

        color: #333;

    }



    .indexAboutList li .info a span {

        color: #df0b19;

    }



    .indexAboutList li .info p {

        color: #999;

        line-height: 20px;

        padding-top: 8px;

        height: 62px;

        overflow: hidden;

    }



    .indexAboutList li .img {

        float: right;

        margin-left: 20px;

        display: block;

        width: 146px;

        height: 124px;

        overflow: hidden;

    }



    .indexAboutList li .img img {

        width: 100%;

        height: 100%;

    }



    .indexAboutList li .img img:hover {

        -webkit-opacity: 0.9;

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .indexAboutList li:hover .info a {

        color: #df0b19;

    }



    .btmContact {

        width: 100%;

        height: 146px;

        background: url(/public/image/bg3.jpg) center top no-repeat;

        overflow: hidden;

    }



    .btmContact dl {

        padding-top: 33px;

    }



    .btmContact dt {

        float: left;

        margin-right: 65px;

        width: 200px;

        color: #fff;

    }



    .btmContact dt span {

        font-family: "Times New Roman";

        font-size: 40px;

        font-weight: bold;

    }



    .btmContact dt p {

        font-size: 20px;

    }



    .btmContact dd {

        float: left;

        width: 390px;

    }



    .btmContact dd.ddprig {

        float: left;

        width: 390px;

    }



    .btmContact dd .iconBox {

        float: left;

        width: 77px;

        height: 77px;

        background: url(/public/image/index.png) 0 -205px no-repeat;

        text-align: center;

        font-size: 14px;

        color: #eee1e3;

    }



    .btmContact dd .iconBox i {

        display: block;

        margin-left: auto;

        margin-right: auto;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .btmContact dd .iconBox i.gz {

        margin-top: 11px;

        width: 29px;

        height: 31px;

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

    }



    .btmContact dd .iconBox i.sz {

        margin-top: 15px;

        width: 26px;

        height: 25px;

    }



    .btmContact dd .info {

        margin-left: 88px;

        padding-top: 11px;

        color: #fff;

    }



    .btmContact dd .info span {

        font-size: 24px;

        font-weight: bold;

    }



    .btmContact dd .info p {

        font-size: 14px;

    }



    .btmContact dd .info p a {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        margin-left: 3px;

        width: 9px;

        height: 12px;

        background: url(/public/image/icon8.png) no-repeat;

    }



    .btmContact dd:hover .iconBox i.gz {

        -webkit-transform: rotate(-15deg);

        transform: rotate(-15deg);

    }



    .btmContact dd:hover .iconBox i.sz {

        -webkit-transform: scale(1.05);

        transform: scale(1.05);

    }



    .footer {

        padding: 30px 0 20px;

        background-color: #181a1d;

    }



    .footer .footerLeft {

        width: 390px;

        float: left;

    }



    .footer .fastLink {

        font-size: 14px;

        margin-bottom: 10px;

    }



    .footer .fastLink a {

        color: #848484;

        margin-right: 20px;

    }



    .footer .fastLink a:hover {

        color: #b12427;

    }



    .footer .friendLink {

        color: #5a5a5b;

        line-height: 24px;

    }



    .footer .friendLink a {

        color: #5a5a5b;

    }



    .footer .friendLink a:hover {

        color: #b12427;

    }



    .footer .copyRight {

        float: right;

        width: 230px;

        color: #5a5a5b;

        line-height: 18px;

        text-align: right;

    }



    .footer .copyRight a {

        color: #5a5a5b;

    }



    .footer .copyRight a:hover {

        color: #b12427;

    }



    .footer .copyRight ul {

        padding-top: 5px;

        float: right;

    }



    .footer .copyRight ul li {

        float: left;

        margin-left: 6px;

    }



    .indexCustomSlide {

        position: relative;

        padding-top: 98px;

        width: 100%;

        height: 425px;

    }



    .indexCustomSlide .bd {

        float: right;

        width: 390px;

    }



    .indexCustomSlide .bd li {

        float: left;

        width: 113px;

        height: 75px;

        margin: 0 0 10px 10px;

    }



    .indexCustomSlide .bd li a {

        position: relative;

        display: block;

        width: 100%;

        height: 100%;

    }



    .indexCustomSlide .bd li a img {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }



    .indexCustomSlide .bd li a p {

        position: absolute;

        display: none;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        text-align: center;

        line-height: 75px;

        color: #fff;

        font-size: 14px;

        background: url(/public/image/bgs/blank_80.png);

        z-index: 2;

        overflow: hidden;

    }



    .indexCustomSlide .bd li a:hover p {

        display: block;

    }



    .indexCustomSlide .next {

        position: absolute;

        display: block;

        width: 113px;

        height: 75px;

        right: 0;

        bottom: 10px;

        background: url(/public/image/index.png) 0 -104px no-repeat;

    }



    .indexCustomSlide .next:hover {

        -webkit-opacity: 0.9;

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .indexCustomSlide .hd {

        position: absolute;

        width: 170px;

        height: 18px;

        left: 0;

        top: 325px;

        cursor: pointer;

        z-index: 3;

    }



    .indexCustomSlide .hd ul li {

        float: left;

        width: 18px;

        height: 18px;

        margin-right: 7px;

        background: url(/public/image/dot5.png) center center no-repeat;

    }



    .indexCustomSlide .hd ul li.on {

        background: url(/public/image/index.png) 0 -86px no-repeat;

    }



    .box-3d {

        height: 540px;

        width: 100%;

        overflow: hidden;

    }



    .box-3d .wordBox {

        position: absolute;

        width: 390px;

        top: 108px;

        -webkit-opacity: 0;

    }



    .box-3d .wordBox .icon {

        float: left;

        width: 114px;

        height: 115px;

        text-align: center;

        line-height: 115px;

        font-size: 36px;

        font-weight: bold;

        color: #fff;

    }



    .box-3d .wordBox .info {

        margin-left: 115px;

        padding-top: 65px;

        color: #fff;

    }



    .box-3d .wordBox .info h1,

    .box-3d .wordBox .info h2 {

        font-size: 36px;

        font-weight: bold;

    }



    .box-3d .wordBox .info p {

        font-size: 14px;

        line-height: 30px;

        margin-bottom: 20px;

    }



    .box-3d .wordBox .info .more {

        display: block;

        width: 133px;

        height: 34px;

        border: 1px solid #fff;

        text-align: center;

        line-height: 34px;

        font-size: 14px;

        color: #fff;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .box-3d .imgBox {

        position: absolute;

    }



    .exp {

        background-color: #ea6046;

    }



    .exp .wordBox {

        left: 43px;

        width: 390px;

    }



    .exp .wordBox .icon {

        background: url(/public/image/icon10.png) center no-repeat;

    }



    .exp .wordBox .info .more:hover {

        background-color: #fff;

        color: #ea6046;

    }



    .exp .imgBox {

        top: 111px;

        right: 83px;

    }



    .overVeiw {

        background-color: #ea9a46;

    }



    .overVeiw .wordBox {

        right: 13px;

        -webkit-animation-delay: .5s;

        animation-delay: .5s;

    }



    .overVeiw .wordBox .icon {

        background: url(/public/image/icon11.png) center no-repeat;

    }



    .overVeiw .wordBox .info .more:hover {

        background-color: #fff;

        color: #ea9a46;

    }



    .overVeiw .imgBox {

        top: 100px;

        left: 35px;

    }



    .virSim {

        background-color: #3ab567;

    }



    .virSim .wordBox {

        left: 43px;

        width: 390px;

    }



    .virSim .wordBox .icon {

        background: url(/public/image/icon12.png) center no-repeat;

    }



    .virSim .wordBox .info .more:hover {

        background-color: #fff;

        color: #3ab567;

    }



    .virSim .imgBox {

        top: 177px;

        right: 20px;

    }



    .virSim .imgBox i {

        position: absolute;

        display: block;

        width: 26px;

        height: 34px;

        background: url(/public/image/index.png) 0 -282px no-repeat;

        -webkit-animation: icon3d 1s linear infinite;

        animation: icon3d 1s linear infinite;

    }



    .virSim .imgBox i.i1 {

        top: -43px;

        left: 275px;

    }



    .virSim .imgBox i.i2 {

        top: 97px;

        left: 60px;

    }



    .virSim .imgBox i.i3 {

        top: 112px;

        left: 160px;

    }



    .virSim .imgBox i.i4 {

        top: 75px;

        right: 54px;

    }



    .caseInfoBox {

        position: relative;

        width: 100%;

        padding-bottom: 100px;

    }



    .caseInfoBox .goNextBtn {

        position: absolute;

        left: 50%;

        bottom: 35px;

        margin-left: -23px;

        width: 45px;

        height: 45px;

        background: url(/public/image/icon14.png) no-repeat;

        cursor: pointer;

        -webkit-animation: goNextBtn 2s linear infinite;

        animation: goNextBtn 2s linear infinite;

    }



    .caseInfoList {

        padding-top: 70px;

        padding-bottom: 110px;

    }



    .caseInfoTit {

        position: relative;

        width: 390px;

        margin: 0 auto;

        border-top: 1px solid #cbcbcb;

        margin-bottom: 45px;

    }



    .caseInfoTit h6 {

        position: absolute;

        width: 90px;

        font-size: 20px;

        color: #999;

        height: 30px;

        line-height: 30px;

        left: 50%;

        top: -15px;

        margin-left: -45px;

        text-align: center;

    }



    /* 0731 */

    .caseInfoWater {

        position: relative;

    }



    .caseInfoWater li {

        display: none;

        width: 278px;

        border-bottom: 2px solid #dadada;

        -webkit-transition: .5s ease-out all;

        transition: .5s ease-out all;

        background-color: #fff;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .caseInfoWater li a {

        position: relative;

        display: block;

        width: 100%;

        overflow: hidden;

    }



    .caseInfoWater li a .img {

        position: relative;

        background-color: #fff;

        overflow: hidden;

    }



    .caseInfoWater li a img {

        position: relative;

        display: block;

        z-index: 2;

    }



    .caseInfoWater li a h3 {

        font-size: 16px;

        color: #333;

        margin-bottom: 3px;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .caseInfoWater li a h3 span {

        color: #df0b19;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .caseInfoWater li a p {

        line-height: 22px;

        color: #999;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

        max-height: 44px;

        min-height: 0;

        overflow: hidden;

    }



    .caseInfoWater li a i {

        position: absolute;

        display: block;

        width: 100%;

        height: 100%;

        bottom: 99px;

        *bottom: 102px;

        left: 0;

        background-color: #df0b19;

    }



    .caseInfoWater li .info {

        position: relative;

        padding: 15px 20px;

        z-index: 2;

    }



    .caseInfoWater li.on a h3,

    .caseInfoWater li.on a h3 span,

    .caseInfoWater li.on a p {

        color: #fff;

    }



    .caseInfoWater li.redborder {

        border-color: #df0b19;

    }



    .caseFloat {

        position: fixed;

        width: 50px;

        top: 200px;

        right: 10px;

    }



    .caseFloat li {

        margin-bottom: 1px;

        width: 50px;

        height: 50px;

        background-color: #fff;

        text-align: center;

        line-height: 50px;

        font-size: 14px;

        font-weight: bold;

        color: #ccc;

    }



    .caseFloat li a {

        display: block;

        height: 100%;

        background-repeat: no-repeat;

        background-position: center;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .caseFloat li a:hover {

        background-color: #df0b19;

    }



    .caseFloat li .goTop {

        color: #ccc;

    }



    .caseFloat li .goTop:hover {

        background-image: url(/public/image/icon24.png);

        font-size: 0;

    }



    .caseFloat li .nextPage {

        background-image: url(/public/image/icon15.png);

    }



    .caseFloat li .nextPage:hover {

        background-image: url(/public/image/icon16.png);

    }



    .caseFloat li .goList {

        background-image: url(/public/image/icon17.png);

    }



    .caseFloat li .goList:hover {

        background-image: url(/public/image/icon18.png);

    }



    .caseFloat li .prevPage {

        background-image: url(/public/image/icon20.png);

    }



    .caseFloat li .prevPage:hover {

        background-image: url(/public/image/icon21.png);

    }



    .caseFloat li .phone {

        background-image: url(/public/image/icon22.png);

    }



    .caseFloat li .phone:hover {

        background-image: url(/public/image/icon23.png);

    }



    .caseBanner {

        height: 227px;

    }



    .caseBox {

        padding-top: 35px;

        overflow: hidden;

    }



    .caseBox .hotTag {

        margin-bottom: 30px;

        line-height: 26px;

        font-size: 14px;

        color: #333;

    }



    .caseBox .hotTag a {

        display: inline-block;

        color: #333;

        margin: 0 10px;

    }



    .caseBox .hotTag a:hover,

    .caseBox .hotTag a.lion {

        color: #d51737;

    }



    .caseBox .readMore {

        margin-bottom: 40px;

    }



    .buildCon {

        width: 100%;

        overflow: hidden;

    }



    .buildCon .brand {

        height: 518px;

        background-color: #d6203f;

    }



    .buildCon .brand .rb {

        margin-left: -56px;

        z-index: 3;

    }



    .buildCon .brand .wordTit {

        -webkit-opacity: 0;

        -webkit-animation: wikiRTL .4s ease .6s forwards;

    }



    .buildCon .brand p {

        -webkit-opacity: 0;

        -webkit-animation: wikiRTL .4s ease .8s forwards;

    }



    .buildCon .brand .wordBox {

        top: 173px;

        margin-left: -500px;

    }



    .buildCon .brand .wordBox .more {

        background-color: #fff;

        color: #d6203f;

        -webkit-opacity: 0;

        -webkit-animation: wikiRTL .4s ease 1s forwards;

    }



    .buildCon .brand .wordBox .more:hover {

        background-color: #d6203f;

        color: #fff;

    }



    .buildCon .brand .img {

        position: absolute;

        width: 390px;

        top: 95px;

        left: 50%;

        margin-left: -160px;

        -webkit-transform-style: preserve-3d;

        z-index: 2;

    }



    .buildCon .brand .img img {

        position: absolute;

        display: block;

    }



    .buildCon .brand .img img.tv {

        top: 5px;

        right: 0;

        width: 390px;

        height: 349px;

        z-index: 1;

    }



    .buildCon .brand .img img.woman {

        top: 65px;

        left: 10px;

        width: 390px;

        height: 411px;

        z-index: 2;

        -webkit-animation-name: woman;

        -webkit-animation-duration: .6s;

        -webkit-animation-timing-function: linear;

        -webkit-animation-fill-mode: forwards;

    }



    .buildCon .portal {

        height: 632px;

        background-color: #fff;

    }



    .buildCon .portal .wordBox {

        top: 170px;

        margin-left: 85px;

        -webkit-opacity: 0;

    }



    .buildCon .portal .wordBox p,

    .buildCon .portal .wordBox .wordTit {

        color: #1c8fb9;

    }



    .buildCon .portal .wordBox .more {

        background-color: #1c8fb9;

    }



    .buildCon .portal .wordBox .more:hover {

        background-color: #fff;

        color: #1c8fb9;

        border-color: #1c8fb9;

    }



    .buildCon .portal .goNext {

        top: -63px;

    }



    .buildCon .portal .img {

        position: absolute;

        width: 390px;

        height: 452px;

        left: 50%;

        top: 140px;

        margin-left: -556px;

        -webkit-opacity: 0;

    }



    .buildCon .portal.anim .img {

        -webkit-animation: bounceInDown .6s ease forwards;

    }



    .buildCon .portal.anim .wordBox {

        -webkit-animation: wikifadeIn .6s linear .6s forwards;

    }



    .buildCon .market {

        height: 651px;

        background-color: #47c5a0;

        -webkit-transform-style: preserve-3d;

    }



    .buildCon .market .wordBox {

        top: 210px;

        margin-left: -500px;

        -webkit-opacity: 0;

    }



    .buildCon .market .wordBox .more {

        background-color: #fff;

        color: #47c5a0;

    }



    .buildCon .market .wordBox .more:hover {

        background-color: #47c5a0;

        color: #fff;

    }



    .buildCon .market .goNext {

        top: -42px;

    }



    .buildCon .market .img {

        position: absolute;

        width: 390px;

        height: 471px;

        left: 50%;

        top: 140px;

        margin-left: -150px;

        -webkit-opacity: 0;

    }



    .buildCon .market.anim .img {

        -webkit-animation: zoomInRightDown .6s both;

    }



    .buildCon .market.anim .wordBox {

        -webkit-animation: wikifadeIn .6s linear .6s forwards;

    }



    .buildCon .ec {

        height: 647px;

        background-color: #fef8e9;

    }



    .buildCon .ec .wordBox {

        top: 255px;

        margin-left: 50px;

        -webkit-opacity: 0;

    }



    .buildCon .ec .wordBox p,

    .buildCon .ec .wordBox .wordTit {

        color: #96b91c;

    }



    .buildCon .ec .wordBox .more {

        background-color: #96b91c;

    }



    .buildCon .ec .wordBox .more:hover {

        background-color: #fef8e9;

        color: #96b91c;

        border-color: #96b91c;

    }



    .buildCon .ec .goNext {

        top: -8px;

    }



    .buildCon .ec .img {

        position: absolute;

        width: 390px;

        height: 335px;

        left: 50%;

        top: 90px;

        margin-left: -780px;

        -webkit-opacity: 0;

    }



    .buildCon .ec .img .balloon {

        position: absolute;

        display: block;

        width: 76px;

        height: 156px;

        top: 0;

        left: 177px;

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-animation: shakeLR 4s infinite linear both;

    }



    .buildCon .ec.anim .img {

        -webkit-animation: wikifadeIn .6s both;

    }



    .buildCon .ec.anim .wordBox {

        -webkit-animation: wikifadeIn .6s linear .6s forwards;

    }



    .buildCon .infopor {

        height: 591px;

        background-color: #d4aa51;

    }



    .buildCon .infopor .wordBox {

        top: 145px;

        margin-left: -500px;

        -webkit-opacity: 0;

    }



    .buildCon .infopor .wordBox .more:hover {

        background-color: #fff;

        color: #d4aa51;

    }



    .buildCon .infopor .goNext {

        top: -8px;

    }



    .buildCon .infopor .img {

        position: absolute;

        width: 390px;

        height: 391px;

        left: 50%;

        top: 65px;

        margin-left: -43px;

        -webkit-opacity: 0;

    }



    .buildCon .infopor.anim .img {

        -webkit-animation: wikiLT2RB 1s forwards;

    }



    .buildCon .infopor.anim .wordBox {

        -webkit-animation: wikifadeIn .6s linear .6s forwards;

    }



    .buildCon .infopor .rb img {

        width: 390px;

    }



    .buildCon .group {

        height: 784px;

        background-color: #f3f3f3;

    }



    .buildCon .group .lt img {

        width: 390px;

    }



    .buildCon .group .wordBox {

        top: 285px;

        margin-left: 100px;

        -webkit-opacity: 0;

    }



    .buildCon .group .wordBox p,

    .buildCon .group .wordBox .wordTit {

        color: #3e3e3e;

    }



    .buildCon .group .wordBox .more {

        background-color: #36b4e3;

        border-color: #36b4e3;

    }



    .buildCon .group .wordBox .more:hover {

        background-color: #f3f3f3;

        color: #3e3e3e;

        border-color: #3e3e3e;

    }



    .buildCon .group .goNext {

        top: -30px;

        margin-left: 0;

    }



    .buildCon .group .img {

        position: absolute;

        width: 390px;

        height: 406px;

        left: 50%;

        top: 180px;

        margin-left: -750px;

        -webkit-opacity: 0;

    }



    .buildCon .group.anim .img {

        -webkit-animation: scaleIn .6s forwards;

    }



    .buildCon .group.anim .wordBox {

        -webkit-animation: wikifadeIn .6s linear .6s forwards;

    }



    .buildCon .rt {

        position: absolute;

        left: 50%;

        top: 0;

    }



    .buildCon .rb {

        position: absolute;

        left: 50%;

        bottom: 0;

    }



    .buildCon .lt {

        position: absolute;

        left: 50%;

        top: 0;

        margin-left: -954px;

    }



    .buildCon .lb {

        position: absolute;

        left: 50%;

        bottom: 0;

        margin-left: -954px;

    }



    .buildBox {

        position: relative;

        width: 100%;

        z-index: 1;

    }



    .buildBox .wordBox {

        position: absolute;

        left: 50%;

        width: 390px;

        color: #fff;

    }



    .buildBox .wordBox .wordTit {

        color: #fff;

    }



    .buildBox .wordBox .wordTit b {

        display: block;

        float: left;

        font-size: 70px;

        margin-right: 5px;

    }



    .buildBox .wordBox .wordTit h5 {

        font-size: 36px;

        font-weight: bold;

        line-height: 64px;

    }



    .buildBox .wordBox .wordTit h6 {

        font-family: "Arial";

        font-size: 24px;

        line-height: 15px;

    }



    .buildBox .wordBox p {

        margin-bottom: 25px;

        font-size: 14px;

        line-height: 28px;

        color: #fff;

    }



    .buildBox .wordBox .more {

        display: block;

        width: 127px;

        height: 32px;

        line-height: 32px;

        text-align: center;

        font-size: 14px;

        border-radius: 5px;

        color: #fff;

        border: 1px solid #fff;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .buildBox .goNext {

        position: absolute;

        width: 51px;

        height: 51px;

        left: 50%;

        margin-left: 25px;

        background: url(/public/image/icon25.png) no-repeat;

        cursor: pointer;

        transition: 1s ease all;

        -webkit-transition: 1s ease all;

        -moz-transition: 1s ease all;

        z-index: 9;

    }



    .buildBox .goNext.up {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg);

    }



    .buildBox .goNext:hover {

        -webkit-opacity: 0.8;

        opacity: 0.8;

        filter: alpha(opacity=80);

    }



    .buildFloat {

        position: fixed;

        width: 88px;

        top: 100px;

        right: 10px;

        z-index: 999;

        box-shadow: 1px 1px 5px #bbb;

        border-radius: 44px;

        overflow: hidden;

    }



    .buildFloat .bfTop {

        width: 100%;

        height: 40px;

        background: url(/public/image/icon27.png) no-repeat;

        border-top-right-radius: 44px;

        border-top-left-radius: 4px;

        overflow: hidden;

    }



    .buildFloat .bfBot {

        width: 100%;

        height: 40px;

        background: url(/public/image/icon26.png) no-repeat;

        border-bottom-right-radius: 44px;

        border-bottom-left-radius: 44px;

        overflow: hidden;

    }



    .buildFloat .bfBot a {

        display: block;

        width: 100%;

        height: 40px;

        background: url(/public/image/top1.png) center 10% no-repeat;

        -webkit-opacity: 0.5;

        opacity: 0.5;

        filter: alpha(opacity=50);

    }



    .buildFloat .bfBot a:hover {

        -webkit-opacity: 1;

        opacity: 1;

        filter: alpha(opacity=100);

    }



    .buildFloat ul {

        padding-top: 5px;

        width: 86px;

        border-right: 1px solid #e6e6e6;

        border-left: 1px solid #e6e6e6;

        background-color: #fff;

        overflow: hidden;

    }



    .buildFloat ul li {

        margin-bottom: 15px;

        text-align: center;

        font-size: 14px;

        line-height: 24px;

        cursor: pointer;

    }



    .buildFloat ul li:hover i {

        -webkit-transform: scale(1.1);

        transform: scale(1.1);

    }



    .buildFloat ul li i {

        display: block;

        width: 39px;

        height: 39px;

        margin: 0 auto;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .buildFloat ul li.bf1 {

        color: #d91e3e;

    }



    .buildFloat ul li.bf1 i {

        background: url(/public/image/icon28.png) no-repeat;

    }



    .buildFloat ul li.bf2 {

        color: #47a3c5;

    }



    .buildFloat ul li.bf2 i {

        background: url(/public/image/icon29.png) no-repeat;

    }



    .buildFloat ul li.bf3 {

        color: #199a79;

    }



    .buildFloat ul li.bf3 i {

        background: url(/public/image/icon30.png) no-repeat;

    }



    .buildFloat ul li.bf4 {

        color: #7b9b20;

    }



    .buildFloat ul li.bf4 i {

        background: url(/public/image/icon31.png) no-repeat;

    }



    .buildFloat ul li.bf5 {

        color: #b9871c;

    }



    .buildFloat ul li.bf5 i {

        background: url(/public/image/icon32.png) no-repeat;

    }



    .newsBanner {

        width: 100%;

        height: 150px;

        background: #121212 url(/public/image/bg5.jpg) center top no-repeat;

        background-size: auto 100%;

        overflow: hidden;

    }



    .newsBanner .newsMenu {

        margin: 52px auto 0;

        text-align: center;

    }



    .newsBanner .newsMenu li {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        width: 120px;

        height: 49px;

        line-height: 49px;

        overflow: hidden;

    }



    .newsBanner .newsMenu li a {

        display: block;

        height: 100%;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

        font-size: 20px;

        color: #fff;

        background: #4d4d4d;

    }



    .newsBanner .newsMenu li a:hover {

        background: #d51737;

    }



    .newsBanner .newsMenu li.on a {

        background: #d51737;

    }



    .newsCon {

        padding-top: 20px;

        padding-bottom: 50px;

        width: 100%;

        background-color: #eaeaea;

        background-image: url(/public/image/bg6.jpg);

        background-position: center top;

        background-attachment: fixed;

        background-repeat: no-repeat;

    }



    .newsCon .readMore {

        display: block;

        margin: 0 auto;

        width: 177px;

        height: 33px;

        border: 3px solid #d2d2d2;

        text-align: center;

        line-height: 33px;

        font-size: 14px;

        color: #929292;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .newsCon .readMore:hover {

        border-color: #d51737;

        background-color: #d51737;

        color: #fff;

    }



    .newsBox {

        margin-bottom: 5px;

        overflow: hidden;

    }



    .newsBox .newsList li {

        float: left;

        margin-bottom: 15px;

        padding: 17px 20px;

        width: 390px;

        height: 125px;

        background-color: #fff;

        overflow: hidden;

    }



    .newsBox .newsList li .info a {

        font-size: 16px;

        color: #333;

    }



    .newsBox .newsList li .info a span {

        color: #df0b19;

    }



    .newsBox .newsList li .info a:hover {

        color: #df0b19;

    }



    .newsBox .newsList li .info p {

        color: #999;

        line-height: 20px;

        padding-top: 8px;

        height: 62px;

        overflow: hidden;

    }



    .newsBox .newsList li .img {

        float: right;

        margin-left: 20px;

        display: block;

        width: 146px;

        height: 124px;

        overflow: hidden;

    }



    .newsBox .newsList li .img img {

        width: 100%;

        height: 100%;

    }



    .newsBox .newsList li .img img:hover {

        -webkit-opacity: 0.9;

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .newsBox .newsList li:first-child {

        margin-top: 348px;

        margin-right: 15px;

    }



    .newsBox .newsSlide {

        position: absolute;

        top: 0;

        left: 0;

        width: 390px;

        height: 333px;

        background-color: #fff;

    }



    .newsBox .newsSlide .bd {

        padding: 20px;

    }



    .newsBox .newsSlide .bd .img {

        display: block;

        float: left;

        width: 280px;

        height: 240px;

    }



    .newsBox .newsSlide .bd .img img {

        width: 100%;

        height: 100%;

    }



    .newsBox .newsSlide .bd .img img:hover {

        -webkit-opacity: 0.9;

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .newsBox .newsSlide .bd .info {

        margin-left: 300px;

    }



    .newsBox .newsSlide .bd .info a {

        font-size: 20px;

        color: #333;

        line-height: 1.5;

    }



    .newsBox .newsSlide .bd .info a span {

        color: #d51737;

    }



    .newsBox .newsSlide .bd .info a:hover {

        color: #d51737;

    }



    .newsBox .newsSlide .bd .info p {

        padding-top: 5px;

        color: #999;

        font-size: 14px;

        line-height: 24px;

    }



    .newsBox .newsSlide .hd {

        height: 12px;

    }



    .newsBox .newsSlide .hd ul {

        float: right;

        margin-right: 25px;

        margin-top: 20px;

    }



    .newsBox .newsSlide .hd ul li {

        float: left;

        width: 12px;

        height: 12px;

        margin-left: 8px;

        background: url(/public/image/dot3.png) no-repeat;

        cursor: pointer;

    }



    .newsBox .newsSlide .hd ul li.on {

        background-image: url(/public/image/dot4.png);

    }



    .newsNum {

        margin: 0 auto 10px;

        background: url(/public/image/icon33.png) center no-repeat;

        text-align: center;

        color: #ccc;

        font-family: "Arial";

        width: 39px;

        height: 12px;

        line-height: 12px;

    }



    /* 0325 */

    .newsInfoCon {

        position: relative;

        margin-top: -20px;

        margin-bottom: 55px;

        background-color: #fff;

    }



    .newsInfoCon .otherPage {

        border-top: 1px solid #e3e3e3;

        background-color: #f2f2f2;

    }



    .newsInfoCon .pageList {

        float: left;

        margin-left: 27px;

        padding: 12px 0;

    }



    .newsInfoCon .pageList li {

        line-height: 32px;

        font-size: 14px;

        color: #333;

    }



    .newsInfoCon .pageList li a {

        color: #333;

    }



    .newsInfoCon .pageList li a:hover {

        color: #d51737;

    }



    .newsInfoCon .otherTool {

        float: right;

        padding-top: 18px;

    }



    .newsInfoCon .otherTool li {

        position: relative;

        float: left;

        width: 58px;

        text-align: center;

        cursor: pointer;

    }



    .newsInfoCon .otherTool li a {

        display: block;

        line-height: 24px;

        font-size: 14px;

        color: #333;

        text-align: center !important;

        padding-top: 32px;

        padding-left: 0px;

        background: none;

        margin: 0px;

        float: none;

    }



    .newsInfoCon .otherTool li.close {

        background: url(/public/image/icon36.png) center top no-repeat;

    }



    .newsInfoCon .otherTool li.close a:hover {

        background: url(/public/image/icon36s.png) center top no-repeat;

    }



    .newsInfoCon .otherTool li.share {

        background: url(/public/image/icon37.png) center top no-repeat;

    }



    .newsInfoCon .otherTool li.share:hover .shareBox {

        display: block;

    }



    .newsInfoCon .otherTool li.share a:hover {

        background: url(/public/image/icon37s.png) center top no-repeat;

    }



    .newsInfoCon .otherTool li:hover a {

        color: #d51737;

    }



    .newsInfoCon .otherTool li .shareBox {

        position: absolute;

        display: none;

        width: 150px;

        bottom: 56px;

        left: 0;

        border: 1px solid #ccc;

        background-color: #fff;

    }



    .newsInfoCon .otherTool li .shareBox dt {

        line-height: 24px;

        border-bottom: 1px solid #ccc;

        background-color: #f1f1f1;

        font-size: 14px;

        text-indent: 10px;

        color: #333;

        text-align: left;

    }



    .newsInfoCon .otherTool li .shareBox dd {

        padding: 10px;

    }



    .newsInfoBox {

        padding: 50px 145px;

    }



    .newsInfoBox .closeBtn {

        position: absolute;

        top: -18px;

        right: 0;

        width: 59px;

        height: 70px;

        border-top: 2px solid #d51737;

        text-align: center;

        background-color: #fff;

        z-index: 3;

    }



    .newsInfoBox .closeBtn a {

        display: block;

        padding-top: 45px;

        height: 25px;

        line-height: 25px;

        font-size: 14px;

        color: #bcbcbc;

        background: url(/public/image/icon34.png) no-repeat;

    }



    .newsInfoBox .closeBtn a:hover {

        background: url(/public/image/icon35.png) no-repeat;

        color: #f2b9c3;

    }



    .newsInfoBox h1 {

        text-align: center;

        font-size: 30px;

        line-height: 1.2;

        margin-bottom: 7px;

    }



    .newsInfoBox .time {

        text-align: center;

        font-size: 14px;

        color: #999;

        margin-bottom: 40px;

    }



    .newsInfoBox .article {

        font-size: 14px;

        line-height: 30px;

        min-height: 300px;

    }



    .newsInfoBox .article p {

        margin-bottom: 15px;

    }



    .newsInfoBox .article img {

        max-width: 100%;

        height: auto !important;

    }



    .reNewsTit {

        margin: 0 auto 30px;

        font-size: 20px;

        color: #999;

        width: 433px;

        height: 21px;

        background: url(/public/image/icon38.png) no-repeat;

        text-align: center;

        line-height: 21px;

    }



    .reNewsBox {

        position: relative;

    }



    .reNewsBox .newsList {

        margin-bottom: 20px;

    }



    .reNewsBox .newsList li {

        float: left;

        margin-bottom: 15px;

        padding: 17px 20px;

        width: 553px;

        height: 125px;

        background-color: #fff;

        overflow: hidden;

    }



    .reNewsBox .newsList li .info a {

        font-size: 16px;

        color: #333;

    }



    .reNewsBox .newsList li .info a span {

        color: #df0b19;

    }



    .reNewsBox .newsList li .info a:hover {

        color: #df0b19;

    }



    .reNewsBox .newsList li .info p {

        color: #999;

        line-height: 20px;

        padding-top: 8px;

        height: 62px;

        overflow: hidden;

    }



    .reNewsBox .newsList li .img {

        float: right;

        margin-left: 20px;

        display: block;

        width: 146px;

        height: 124px;

        overflow: hidden;

    }



    .reNewsBox .newsList li .img img {

        width: 100%;

        height: 100%;

    }



    .reNewsBox .newsList li .img img:hover {

        -webkit-opacity: 0.9;

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .aboutBanner {

        width: 100%;

        height: 610px;

    }



    .aboutBox {

        padding-top: 90px;

        background-color: #fff;

    }



    .aboutTit {

        text-align: center;

    }



    .aboutTit h4 {

        height: 30px;

        line-height: 30px;

    }



    .aboutTit h4 b {

        padding-right: 35px;

        margin-right: 5px;

        font-size: 30px;

        color: #d51737;

        background: url(/public/image/tit7.png) right center no-repeat;

    }



    .aboutTit h4 span {

        font-size: 24px;

        font-weight: bold;

        font-family: "Times New Roman";

        color: #adadad;

    }



    .aboutTit h4.white b {

        background-image: url(/public/image/tit8.png);

    }



    .aboutTit h4.whiteColor b {

        color: #fff;

        background-image: url(/public/image/tit9.png);

    }



    .aboutTit h4.whiteColor span {

        color: #e6a7ab;

    }



    .aboutTit .grayWord {

        margin-top: 10px;

        font-size: 18px;

        color: #666;

    }



    .aboutTit .whiteWord {

        margin-top: 10px;

        color: #fff;

    }



    .aboutTit .divh4 {

        height: 30px;

        line-height: 30px;

    }



    .aboutTit .divh4 span {

        font-size: 24px;

        font-weight: bold;

        font-family: "Times New Roman";

        color: #adadad;

    }



    .aboutTit .divh4.white b {

        background-image: url(/public/image/tit8.png);

    }



    .aboutTit .divh4.whiteColor b {

        color: #fff;

        background-image: url(/public/image/tit9.png);

    }



    .aboutTit .divh4.whiteColor span {

        color: #e6a7ab;

    }



    .aboutTit h1 {

        display: inline;

        font-weight: bold;

        padding-right: 35px;

        margin-right: 5px;

        font-size: 30px;

        color: #d51737;

        background: url(/public/image/tit7.png) right center no-repeat;

    }



    .aboutArt {

        margin: 25px auto 60px;

        width: 910px;

        font-size: 14px;

        line-height: 28px;

        text-align: center;

        color: #666;

    }



    .aboutArtcom {

        text-align: left;

        text-indent: 2em;

    }



    .aboutSlide {

        position: relative;

        width: 100%;

        height: 178px;

        -webkit-opacity: 0;

        opacity: 0;

        filter: alpha(opacity=0);

        overflow: hidden;

    }



    .aboutSlide .bd {

        width: 100%;

    }



    .aboutSlide .bd li {

        width: 283px;

        height: 178px;

        margin-right: 1px;

        position: relative;

    }



    .aboutSlide .bd li img {

        display: block;

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

    }



    .aboutSlide .bd li .natural {

        z-index: 2;

    }



    .aboutSlide .bd li .gray {

        z-index: 3;

    }



    .aboutSlide .bd li:hover .gray {

        display: none;

    }



    .aboutSlide .prev,

    .aboutSlide .next {

        position: absolute;

        display: none;

        width: 50px;

        height: 50px;

        top: 50%;

        margin-top: -25px;

        z-index: 4;

    }



    .aboutSlide .prev:hover,

    .aboutSlide .next:hover {

        opacity: .6;

    }



    .aboutSlide .prev {

        left: 10px;

        background: url(/public/image/icon39.png) center no-repeat;

    }



    .aboutSlide .next {

        right: 10px;

        background: url(/public/image/icon40.png) center no-repeat;

    }



    .honorBox {

        padding-top: 75px;

        width: 100%;

        height: 475px;

        background: #fff url(/public/image/bg4.jpg) center top no-repeat;

    }



    .honorList {

        margin: 85px auto 0;

        width: 1100px;

        -webkit-opacity: 0;

    }



    .honorList dl {

        float: left;

        width: 50%;

    }



    .honorList dl dt {

        float: left;

        margin-right: 20px;

        width: 203px;

        height: 206px;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .honorList dl dt a {

        display: block;

        width: 100%;

        height: 100%;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .honorList dl dt img {

        display: block;

        width: 100%;

        height: 100%;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .honorList dl dt img:hover {

        -webkit-transform: scale3d(1.1, 1.1, 1) rotateZ(-5deg);

        transform: scale3d(1.1, 1.1, 1) rotateZ(-5deg);

        box-shadow: 2px 2px 5px #333;

    }



    .honorList dl dd {

        height: 29px;

        line-height: 29px;

        font-size: 14px;

    }



    .honorList dl dd span {

        margin-right: 15px;

        color: #d51737;

        font-style: italic;

    }



    .honorList dl dd a {

        color: #666;

    }



    .honorList dl dd a:hover {

        color: #d51737;

    }



    .partnerBox {

        padding-top: 85px;

        height: 562px;

        background: #202121 url(/public/image/bg7.jpg) center top no-repeat;

        overflow: hidden;

    }



    .partnerSlide {

        margin-top: 130px;

        width: 100%;

        height: 141px;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .partnerSlide .bd {

        width: 100%;

        -webkit-opacity: 0;

    }



    .partnerSlide li {

        margin-right: 20px;

        width: 215px;

        height: 141px;

    }



    .partnerSlide li a {

        display: block;

        width: 100%;

        height: 100%;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .partnerSlide li img {

        display: block;

        width: 100%;

        height: 100%;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .partnerSlide li img:hover {

        -webkit-opacity: 0.9;

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .workFlow {

        padding-top: 70px;

        height: 500px;

        background-color: #f8f8f8;

    }



    .wfBox {

        position: relative;

        margin-top: 85px;

        height: 230px;

    }



    .wfBox .line {

        position: absolute;

        top: 63px;

        left: 59px;

        width: 1087px;

        height: 112px;

        background: url(/public/image/line1.png) no-repeat;

        z-index: 1;

    }



    .wfBox .dot {

        position: absolute;

        width: 128px;

        height: 128px;

        background-image: url(/public/image/about.png);

        background-repeat: no-repeat;

        cursor: pointer;

        -webkit-opacity: 0;

        opacity: 0;

        filter: alpha(opacity=0);

        z-index: 2;

    }



    .wfBox .icon {

        position: relative;

        margin-left: auto;

        margin-right: auto;

        background-image: url(/public/image/about.png);

        background-repeat: no-repeat;

        z-index: 4;

    }



    .wfBox .wfBoxBg {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        z-index: 3;

        overflow: hidden;

    }



    .wfBox .wfBoxBg .bg {

        height: 0;

        overflow: hidden;

    }



    .wfBox h6 {

        position: relative;

        padding-top: 10px;

        text-align: center;

        font-size: 18px;

        color: #fff;

        z-index: 4;

    }



    .wfBox .topCir {

        display: none;

        width: 128px;

        height: 64px;

        background: url(/public/image/about.png) 0 -182px no-repeat;

        z-index: 3;

    }



    .wfBox .bottomCir {

        position: relative;

        display: none;

        width: 128px;

        height: 64px;

        background: url(/public/image/about.png) 0 -118px no-repeat;

        z-index: 3;

    }



    .wfBox ul {

        position: relative;

        padding-top: 45px;

        margin-bottom: -6px;

        background-color: #d51737;

        overflow: hidden;

        z-index: 4;

    }



    .wfBox ul li {

        font-size: 12px;

        text-align: center;

        line-height: 24px;

    }



    .wfBox ul li a {

        color: #fff;

    }



    .wfBox .odd {

        top: 0;

    }



    .wfBox .even {

        bottom: 0;

    }



    .wfBox .dot1 {

        left: 0;

        background-position: 0 -886px;

    }



    .wfBox .dot1 .icon {

        margin-top: 32px;

        margin-bottom: -1px;

        width: 27px;

        height: 33px;

        background-position: 0 -1270px;

    }



    .wfBox .dot2 {

        left: 154px;

        background-position: 0 -758px;

    }



    .wfBox .dot2 .icon {

        margin-top: 33px;

        margin-bottom: -1px;

        width: 36px;

        height: 33px;

        background-position: 0 -1303px;

    }



    .wfBox .dot3 {

        left: 307px;

        background-position: 0 -1142px;

    }



    .wfBox .dot3 .icon {

        margin-top: 25px;

        margin-bottom: -1px;

        width: 41px;

        height: 34px;

        background-position: 0 -1336px;

    }



    .wfBox .dot4 {

        left: 461px;

        background-position: 0 -1014px;

    }



    .wfBox .dot4 .icon {

        margin-top: 27px;

        margin-bottom: -1px;

        width: 40px;

        height: 41px;

        background-position: 0 -1370px;

    }



    .wfBox .dot5 {

        left: 615px;

        background-position: 0 -374px;

    }



    .wfBox .dot5 .icon {

        margin-top: 27px;

        margin-bottom: -1px;

        width: 51px;

        height: 38px;

        background-position: 0 -1411px;

    }



    .wfBox .dot6 {

        left: 769px;

        background-position: 0 -246px;

    }



    .wfBox .dot6 .icon {

        margin-top: 32px;

        margin-bottom: -1px;

        width: 28px;

        height: 36px;

        background-position: 0 -1449px;

    }



    .wfBox .dot7 {

        left: 922px;

        background-position: 0 -630px;

    }



    .wfBox .dot7 .icon {

        margin-top: 32px;

        margin-bottom: -1px;

        width: 42px;

        height: 36px;

        background-position: 0 -1485px;

    }



    .wfBox .dot8 {

        left: 1076px;

        background-position: 0 -502px;

    }



    .wfBox .dot8 .icon {

        margin-top: 35px;

        margin-bottom: -1px;

        width: 32px;

        height: 34px;

        background-position: 0 -1521px;

    }



    .aboutNewsCon {

        width: 100%;

        height: 610px;

        background: url(/public/image/bg2.jpg) center bottom no-repeat;

        overflow: hidden;

    }



    .aboutNewsSlide {

        padding-top: 75px;

    }



    .aboutNewsSlide .hd {

        margin-bottom: 27px;

        width: 100%;

        text-align: center;

    }



    .aboutNewsSlide .hd ul {

        width: 100%;

    }



    .aboutNewsSlide .hd li {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        width: 124px;

        height: 40px;

        line-height: 40px;

        background-color: #727272;

        font-size: 20px;

        color: #fff;

        cursor: pointer;

    }



    .aboutNewsSlide .hd li.on {

        background-color: #d51737;

    }



    .aboutNewsBox .more {

        padding-top: 10px;

        text-align: center;

    }



    .aboutNewsBox .more a {

        font-size: 14px;

        color: #848484;

    }



    .aboutNewsBox .more a:hover {

        color: #d51737;

    }



    .aboutHotNewsSlide {

        position: relative;

        float: left;

        width: 330px;

        height: 363px;

        background-color: #fff;

    }



    .aboutHotNewsSlide .ahnsHd {

        position: absolute;

        top: 262px;

        right: 0;

        width: 100%;

        height: 12px;

        z-index: 2;

    }



    .aboutHotNewsSlide .ahnsHd ul {

        float: right;

    }



    .aboutHotNewsSlide .ahnsHd li {

        float: left;

        margin-right: 8px;

        width: 12px;

        height: 12px;

        background-image: url(/public/image/about.png);

        background-repeat: no-repeat;

        background-position: 0 -24px;

        cursor: pointer;

    }



    .aboutHotNewsSlide .ahnsHd li.on {

        background-position: 0 -12px;

    }



    .aboutHotNewsSlide .ahnsBd li {

        width: 100%;

        height: 363px;

    }



    .aboutHotNewsSlide .ahnsBd .img {

        display: block;

        width: 100%;

        height: 282px;

    }



    .aboutHotNewsSlide .ahnsBd .img img {

        width: 330px;

        height: 282px;

    }



    .aboutHotNewsSlide .ahnsBd .img img:hover {

        -webkit-opacity: 0.8;

        opacity: 0.8;

        filter: alpha(opacity=80);

    }



    .aboutHotNewsSlide .ahnsBd .info {

        padding: 20px;

        height: 41px;

    }



    .aboutHotNewsSlide .ahnsBd .info a {

        font-size: 16px;

        color: #333;

        line-height: 21px;

    }



    .aboutHotNewsSlide .ahnsBd .info a:hover {

        color: #d51737;

    }



    .aboutHotNewsSlide .ahnsBd .info p {

        height: 20px;

        line-height: 20px;

        color: #999;

        overflow: hidden;

    }



    .aboutNewsList {

        margin-left: 330px;

    }



    .aboutNewsList li {

        float: left;

        margin: 0 0 13px 13px;

        padding: 25px 15px;

        width: 393px;

        height: 125px;

        background-color: #fff;

    }



    .aboutNewsList li:hover .info a {

        color: #df0b19;

    }



    .aboutNewsList li .info {

        height: 125px;

        overflow: hidden;

    }



    .aboutNewsList li .info a {

        font-size: 16px;

    }



    .aboutNewsList li .info a span,

    .aboutNewsList li .info a:hover {

        color: #df0b19;

    }



    .aboutNewsList li .info p {

        line-height: 20px;

        color: #999;

    }



    .aboutNewsList li .img {

        float: right;

        display: block;

        margin-left: 10px;

        width: 146px;

        height: 125px;

    }



    .aboutNewsList li .img img {

        width: 100%;

        height: 100%;

    }



    .aboutNewsList li .img img:hover {

        -webkit-opacity: 0.8;

        opacity: 0.8;

        filter: alpha(opacity=80);

    }



    .aboutContact {

        padding-top: 75px;

        width: 100%;

        height: 535px;

        background: #d01431 url(/public/image/bg8.jpg) center no-repeat;

        overflow: hidden;

    }



    .acCon {

        padding-top: 60px;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .acCardBox {

        float: left;

        padding: 5px;

        width: 490px;

        height: 285px;

        background-color: #fff;

        -webkit-transform-origin: left center;

        transform-origin: left center;

    }



    .acCardBox:first-child {

        margin-left: 85px;

        margin-right: 20px;

        -webkit-transform-origin: right center;

        transform-origin: right center;

        -webkit-transform: rotateY(90deg) skewY(20deg);

    }



    .acCardBox:last-child {

        -webkit-transform: rotateY(-90deg) skewY(-20deg);

    }



    .acCard {

        position: relative;

        padding: 40px 45px 35px;

        height: 208px;

        border: 1px solid #e3dadb;

        overflow: hidden;

    }



    .acCard h3 {

        margin-bottom: 10px;

        font-size: 24px;

        font-weight: bold;

    }



    .acCard h3 b {

        color: #d51737;

        margin-right: 5px;

    }



    .acCard p {

        width: 90%;

        font-size: 14px;

        line-height: 26px;

        color: #666;

    }



    .acCard p a {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        margin-left: 10px;

        width: 9px;

        height: 12px;

        vertical-align: middle;

        background: url(/public/image/about.png) 0 0 no-repeat;

    }



    .acCard .way {

        position: absolute;

        display: none;

        width: 100%;

        height: 26px;

        line-height: 26px;

        right: 0;

        bottom: 0;

        text-align: right;

    }



    .acCard .way a {

        margin: 0 10px;

    }



    .acCard .way a:hover {

        color: #d51737;

    }



    .acCard .way img {

        vertical-align: middle;

    }



    /* 0411 */

    .aboutFloat {

        position: fixed;

        top: 0;

        right: 0;

        width: 100%;

        height: 50px;

        border-bottom: 1px solid #e9e9e9;

        background-color: #fff;

        z-index: 999;

        display: none;

    }



    .aboutFloat ul {

        padding-bottom: 10px;

        width: 100%;

        text-align: center;

    }



    .aboutFloat ul li {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        width: 85px;

        height: 47px;

        line-height: 47px;

        font-size: 14px;

        text-align: center;

        border-bottom: 3px solid #fff;

        vertical-align: top;

    }



    .aboutFloat ul li a {

        display: inline-block;

        vertical-align: top;

        width: 100%;

        height: 47px;

        color: #666;

        text-align: center;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .aboutFloat ul li a:hover {

        color: #d51737;

    }



    .aboutFloat ul li.on {

        border-bottom-color: #d51737;

    }



    .aboutFloat ul li.on a {

        color: #d51737;

    }



    /* 0411 */

    .jobCon {

        width: 100%;

        padding-top: 105px;

        padding-bottom: 70px;

        background-image: url(/public/image/bg10.jpg);

        background-position: center top;

        background-repeat: no-repeat;

        background-attachment: fixed;

    }



    /* 0411 */

    .jobBox {

        padding: 30px 25px;

        margin: 0 auto;

        width: 1152px;

        background: url(/public/image/bgs/white_90.png);

        animation-duration: 1.5s;

        -webkit-animation-duration: 1.5s;

        min-height: 539px;

    }



    .jobBox table {

        width: 100%;

        font-size: 14px;

        color: #666;

    }



    .jobBox table tr:hover {

        background-color: #fff;

    }



    .jobBox table td,

    .jobBox table th {

        height: 48px;

        line-height: 48px;

        border-bottom: 1px solid #dedede;

    }



    .jobBox table th h4 {

        font-size: 24px;

        text-indent: 20px;

    }



    .jobBox table th span {

        display: block;

        text-indent: 30px;

    }



    .jobBox table td h5 {

        text-indent: 20px;

    }



    .jobBox table td h5 a {

        font-size: 14px;

        color: #2a4ca2;

    }



    .jobBox table td h5 a:hover {

        color: #d51737;

    }



    .jobBox table td span {

        display: block;

        text-indent: 30px;

    }



    .wxCon {

        position: relative;

        width: 100%;

        height: 1017px;

        background-color: #46c269;

        overflow: hidden;

    }



    .wxCon .arrow {

        position: absolute;

        bottom: 20px;

        left: 50%;

        margin-left: -35px;

        width: 22px;

        height: 24px;

        background: url(/public/image/arrow3.png) no-repeat;

        -webkit-animation: goNextBtn 2s linear infinite;

        animation: goNextBtn 2s linear infinite;

        cursor: pointer;

        z-index: 3;

    }



    .wxCon .introR {

        position: absolute;

        display: none;

        padding: 40px 55px;

        top: 50%;

        left: 50%;

        margin: 95px 0 0 214px;

        width: 199px;

        height: 153px;

        background: url(/public/image/wx.png) 0 -1124px no-repeat;

        font-size: 14px;

        color: #fff;

        line-height: 2;

    }



    .wxCon .introL {

        position: absolute;

        display: none;

        padding: 65px 55px;

        top: 50%;

        left: 50%;

        margin: 192px 0 0 -570px;

        width: 277px;

        height: 142px;

        background: url(/public/image/wx.png) 0 -1357px no-repeat;

        font-size: 16px;

        color: #fff;

        line-height: 35px;

    }



    .wxMainBg {

        position: absolute;

        display: none;

        left: 50%;

        bottom: 0;

        margin-left: -384px;

        width: 768px;

        height: 937px;

        background: url(/public/image/img8.png) center top no-repeat;

    }



    .wxMainBg .menu1 {

        position: absolute;

        width: 112px;

        height: 112px;

        top: 213px;

        left: 127px;

        background: url(/public/image/wx.png) 0 -655px no-repeat;

    }



    .wxMainBg .menu1 dt {

        line-height: 112px;

    }



    .wxMainBg .menu1 dd {

        top: 85px;

        left: -235px;

        background: url(/public/image/wx.png) 0 -83px no-repeat;

    }



    .wxMainBg .menu2 {

        position: absolute;

        width: 117px;

        height: 117px;

        top: 101px;

        left: 402px;

        background: url(/public/image/wx.png) 0 -767px no-repeat;

    }



    .wxMainBg .menu2 dt {

        line-height: 117px;

    }



    .wxMainBg .menu2 dd {

        top: 104px;

        left: 91px;

        background: url(/public/image/wx.png) 0 -39px no-repeat;

    }



    .wxMainBg .menu3 {

        position: absolute;

        width: 120px;

        height: 120px;

        top: 368px;

        left: 122px;

        background: url(/public/image/wx.png) 0 -884px no-repeat;

    }



    .wxMainBg .menu3 dd {

        top: 85px;

        left: -235px;

        background: url(/public/image/wx.png) 0 -171px no-repeat;

    }



    .wxMainBg .menu4 {

        position: absolute;

        width: 120px;

        height: 120px;

        top: 273px;

        left: 564px;

        background: url(/public/image/wx.png) 0 -1004px no-repeat;

    }



    .wxMainBg .menu4 dd {

        top: 104px;

        left: 91px;

        background: url(/public/image/wx.png) 0 -127px no-repeat;

    }



    .wxMainBg dt {

        width: 100%;

        height: 100%;

        font-size: 24px;

        color: #fff;

        text-align: center;

        line-height: 120px;

    }



    .wxMainBg dd {

        position: absolute;

        display: none;

        width: 243px;

        height: 44px;

        line-height: 44px;

        color: #fff;

        font-size: 16px;

        text-align: center;

        -webkit-transform-origin: center center;

        transform-origin: center center;

    }



    .wxHand {

        position: absolute;

        bottom: -10px;

        left: 50%;

        margin-left: -115px;

        width: 249px;

        height: 686px;

        background: url(/public/image/img9.png) center top no-repeat;

        -webkit-animation: goNextBtn 2s linear infinite;

    }



    .canHelp {

        width: 100%;

        padding: 100px 0;

        background: #18333a;

        text-align: center;

        overflow: hidden;

    }



    .canHelp h1 {

        font-size: 40px;

        color: #fff;

        margin-bottom: 55px;

    }



    .canHelp ol {

        margin-bottom: 40px;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .canHelp ol li {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        margin: 0 5px;

        width: 100px;

        text-align: center;

        -webkit-opacity: 0;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }



    .canHelp ol li i {

        display: block;

        margin: 0 auto 15px;

        width: 55px;

        height: 55px;

        background-image: url(/public/image/wx.png);

        background-repeat: no-repeat;

    }



    .canHelp ol li p {

        font-size: 20px;

    }



    .canHelp ol li.i1 i {

        background-position: 0 -490px;

    }



    .canHelp ol li.i1 p {

        color: #2a95a2;

    }



    .canHelp ol li.i2 i {

        background-position: 0 -435px;

    }



    .canHelp ol li.i2 p {

        color: #d2a226;

    }



    .canHelp ol li.i3 i {

        background-position: 0 -600px;

    }



    .canHelp ol li.i3 p {

        color: #53b46e;

    }



    .canHelp ol li.i4 i {

        background-position: 0 -545px;

    }



    .canHelp ol li.i4 p {

        color: #d86c58;

    }



    .canHelp ol li.i5 i {

        background-position: 0 -380px;

    }



    .canHelp ol li.i5 p {

        color: #288cd3;

    }



    .canHelp ol li.i6 i {

        background-position: 0 -325px;

    }



    .canHelp ol li.i6 p {

        color: #b3d172;

    }



    .canHelp ol li.i7 i {

        background-position: 0 -270px;

    }



    .canHelp ol li.i7 p {

        color: #e7ae40;

    }



    .canHelp ol li.i8 i {

        background-position: 0 -215px;

    }



    .canHelp ol li.i8 p {

        color: #e75340;

    }



    .canHelp .word {

        font-size: 16px;

        color: #729197;

        margin-bottom: 45px;

    }



    .canHelp .open {

        display: block;

        margin: 0 auto;

        width: 148px;

        height: 39px;

        line-height: 39px;

        background: url(/public/image/wx.png) 0 0 no-repeat;

        font-size: 20px;

        font-weight: bold;

        text-shadow: 1px 1px 5px #666;

        color: #fff;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .canHelp .open:hover {

        -webkit-transform: translate(0, 1px);

        transform: translate(0, 1px);

    }



    .mobileCon {

        position: relative;

        width: 100%;

        background-color: #4da0c7;

        overflow: hidden;

    }



    .mobileCon .child {

        width: 205px;

        float: left;

        height: 595px;

        position: relative;

        overflow: hidden;

    }



    .mobileCon .child .info {

        position: absolute;

        top: 80px;

        left: 10px;

        margin-left: 0;

        width: 180px;

        color: #fff;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

        z-index: 2;

    }



    .mobileCon .child .info h3 {

        margin-bottom: 10px;

        font-size: 28px;

        font-weight: bold;

    }



    .mobileCon .child .info h6 {

        font-size: 14px;

        line-height: 24px;

        color: #fff;

        margin-bottom: 15px;

    }



    .mobileCon .child .info p {

        font-size: 14px;

        line-height: 24px;

        color: #fff;

        margin-bottom: 15px;

    }



    .mobileCon .child .info .more {

        display: none;

        width: 125px;

        height: 35px;

        line-height: 35px;

        text-align: center;

        font-size: 14px;

        font-weight: bold;

        background-color: #fff;

        border-radius: 5px;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .mobileCon .child.on .info {

        width: 420px;

        left: 50%;

        margin-left: -300px;

    }



    .mobileCon .child.on .info h3 {

        font-size: 48px;

    }



    .mobileCon .child.on .info h6 {

        font-size: 24px;

        line-height: 32px;

        font-weight: bold;

    }



    .mobileCon .child.on .info .more {

        display: block;

    }



    .mobileCon .child .img {

        position: absolute;

        width: 180px;

        height: auto;

        right: 10px;

        transition: 0.4s ease all;

        -webkit-transition: 0.4s ease all;

        top: auto;

        bottom: 60px;

    }



    .mobileCon .child .img img {

        width: 100%;

        height: 100%;

    }



    .mobileCon .website {

        background-color: #4da0c7;

    }



    .mobileCon .website .more {

        border: 1px solid #4da0c7;

        color: #4da0c7;

    }



    .mobileCon .website .more:hover {

        color: #fff;

        background-color: #4da0c7;

        border-color: #fff;

    }



    .mobileCon .website.on .img {

        position: absolute;

        width: 489px;

        height: 381px;

        top: 190px;

        right: 50px;

    }



    .mobileCon .webapp {

        background-color: #80b24f;

    }



    .mobileCon .webapp .img {

        width: 100px;

        left: 50px;

    }



    .mobileCon .webapp .more {

        border: 1px solid #80b24f;

        color: #80b24f;

    }



    .mobileCon .webapp .more:hover {

        color: #fff;

        background-color: #80b24f;

        border-color: #fff;

    }



    .mobileCon .webapp.on .img {

        position: absolute;

        width: 300px;

        height: 406px;

        top: 190px;

        right: 10%;

        left: auto;

    }



    .mobileCon .webapp.on .info {

        left: 10%;

        margin-left: 0;

    }



    .mobileCon .response {

        background-color: #09ab8e;

    }



    .mobileCon .response .more {

        border: 1px solid #09ab8e;

        color: #09ab8e;

    }



    .mobileCon .response .more:hover {

        color: #fff;

        background-color: #09ab8e;

        border-color: #fff;

    }



    .mobileCon .response.on .img {

        position: absolute;

        width: 596px;

        height: 401px;

        top: 190px;

        right: 10%;

        left: auto;

    }



    .mobileCon .response.on .info {

        left: 10%;

        margin-left: 0;

    }



    .mobileCon .self {

        background-color: #a15c90;

    }



    .mobileCon .self .more {

        border: 1px solid #a15c90;

        color: #a15c90;

    }



    .mobileCon .self .more:hover {

        color: #fff;

        background-color: #a15c90;

        border-color: #fff;

    }



    .mobileCon .self.on .img {

        position: absolute;

        width: 483px;

        height: 438px;

        top: 190px;

        right: 10%;

        left: auto;

    }



    .mobileCon .self.on .info {

        left: 10%;

        margin-left: 0;

    }

}



@media screen and (max-width: 1440px) {

    .mobileCon .child .img img {

        height: auto;

    }



    .mobileCon .website.on .img {

        width: 300px;

        top: 290px;

    }



    .mobileCon .webapp.on .img {

        width: 200px;

        top: 300px;

    }



    .mobileCon .response.on .img {

        width: 300px;

        top: 360px;

    }



    .mobileCon .self.on .img {

        width: 300px;

        top: 310px;

    }

}



/* 0429 */

@media (max-width:760px) {

    .simpleBox {

        width: 1000px;

        margin: 0 auto;

    }



    .simpleBox .article {

        font-size: 14px;

        line-height: 30px;

        overflow: hidden;

    }



    .simpleBox .article p {

        margin-bottom: 10px;

    }



    .simpleBox .article img {

        max-width: 100%;

    }



    .boxSlide {

        width: 100%;

        margin-bottom: 25px;

    }



    .boxSlide .hd {

        margin-bottom: 10px;

    }



    .boxSlide .hd ul {

        width: 100%;

    }



    .boxSlide .hd li {

        float: left;

        padding: 0 7px;

        margin-right: 10px;

        height: 38px;

        line-height: 38px;

        text-align: center;

        font-size: 20px;

        cursor: pointer;

        color: #fff;

    }



    .boxSlide .bd .info {

        font-size: 14px;

        line-height: 30px;

    }



    .boxSlide .bd .info p {

        margin-bottom: 10px;

    }



    .boxSlide .bd .info img {

        max-width: 100%;

    }



    .strong {

        font-weight: bold;

    }



    .fontsize14 {

        font-size: 14px;

    }



    .jobBoxSer table table {

        width: auto;

    }



    .center {

        text-align: center;

    }



    .em {

        color: #c00;

        font-style: normal;

        font-weight: bold;

        margin-left: 5px;

        margin-right: 5px;

        text-decoration: underline;

    }



    /* 0429 */

    .indexFloatCon {

        position: fixed;

        display: block;

        right: 0;

        bottom: 0;

        width: 50px;

        z-index: 9999;

    }



    .indexFloatCon li {

        position: relative;

        margin-bottom: 1px;

        height: 50px;

    }



    .indexFloatCon li:first-child {

        height: 45px;

        overflow: hidden;

    }



    .indexFloatCon li.wenti>a {

        background: #35373a url(/public/image/tit12.png) left center no-repeat;

    }



    .indexFloatCon li.wenti:hover>a {

        background-color: #d51737;

    }



    .indexFloatCon li:hover a {

        -webkit-opacity: 1;

        opacity: 1;

        filter: alpha(opacity=100);

    }



    .indexFloatCon li.mb4 {

        margin-bottom: 4px;

    }



    .indexFloatCon li a {

        display: block;

        height: 50px;

        -webkit-opacity: 0.5;

        opacity: 0.5;

        filter: alpha(opacity=50);

    }



    .indexFloatCon li a.indexGoTop {

        position: absolute;

        width: 100%;

        left: 0;

        top: 46px;

        background: url(/public/image/top.png) no-repeat;

    }



    .indexFloatCon li a.on,

    .indexFloatCon li a:hover {

        -webkit-opacity: 1;

        opacity: 1;

        filter: alpha(opacity=100);

    }



    .indexFloatCon li a.online,

    .indexFloatCon li a.bf1,

    .indexFloatCon li a.bf2,

    .indexFloatCon li a.bf3,

    .indexFloatCon li a.bf4,

    .indexFloatCon li a.bf5,

    .indexFloatCon li a.bf6,

    .indexFloatCon li a.nextPage,

    .indexFloatCon li a.goList,

    .indexFloatCon li a.prevPage,

    .indexFloatCon li a.offical,

    .indexFloatCon li a.mini,

    .indexFloatCon li a.SMM {

        position: absolute;

        top: 0;

        left: 0;

        width: 140px;

        background: #35373a url(/public/image/icon72.png) left center no-repeat;

        font-size: 18px;

        color: #fff;

        line-height: 50px;

        text-indent: 50px;

    }



    .indexFloatCon li a.online:hover,

    .indexFloatCon li a.bf1:hover,

    .indexFloatCon li a.bf2:hover,

    .indexFloatCon li a.bf3:hover,

    .indexFloatCon li a.bf4:hover,

    .indexFloatCon li a.bf5:hover,

    .indexFloatCon li a.bf6:hover,

    .indexFloatCon li a.nextPage:hover,

    .indexFloatCon li a.goList:hover,

    .indexFloatCon li a.prevPage:hover,

    .indexFloatCon li a.offical:hover,

    .indexFloatCon li a.mini:hover,

    .indexFloatCon li a.SMM:hover {

        background-color: #d51737;

    }



    .indexFloatCon li a.online {

        background: #d51737 url(/public/image/icon72.png) left center no-repeat;

    }



    .indexFloatCon li a.offical {

        font-size: 16px;

        background: #35373a url(/public/image/icon106.png) left center no-repeat;

    }



    .indexFloatCon li a.offical:hover {

        background-color: #a0af10;

    }



    .indexFloatCon li a.mini {

        font-size: 16px;

        background: #35373a url(/public/image/icon107.png) left center no-repeat;

    }



    .indexFloatCon li a.mini:hover {

        background-color: #08b866;

    }



    .indexFloatCon li a.SMM {

        background: #35373a url(/public/image/icon108.png) left center no-repeat;

    }



    .indexFloatCon li a.SMM:hover {

        background-color: #0081dd;

    }



    .indexFloatCon li a.erweima {

        background: #35373a url(/public/image/tit11.png) left center no-repeat;

    }



    .indexFloatCon li a.erweima:hover {

        background-color: #d51737;

    }



    .indexFloatCon li a.bf1 {

        background: #35373a url(/public/image/tit13.png) left center no-repeat;

    }



    .indexFloatCon li a.bf1:hover,

    .indexFloatCon li a.bf1.on {

        background-color: #d51737;

    }



    .indexFloatCon li a.bf2 {

        background: #35373a url(/public/image/tit14.png) left center no-repeat;

    }



    .indexFloatCon li a.bf2:hover,

    .indexFloatCon li a.bf2.on {

        background-color: #1c8fb9;

    }



    .indexFloatCon li a.bf3 {

        background: #35373a url(/public/image/tit15.png) left center no-repeat;

    }



    .indexFloatCon li a.bf3:hover,

    .indexFloatCon li a.bf3.on {

        background-color: #1cb98b;

    }



    .indexFloatCon li a.bf4 {

        background: #35373a url(/public/image/tit16.png) left center no-repeat;

    }



    .indexFloatCon li a.bf4:hover,

    .indexFloatCon li a.bf4.on {

        background-color: #96b91c;

    }



    .indexFloatCon li a.bf5 {

        background: #35373a url(/public/image/tit17.png) left center no-repeat;

    }



    .indexFloatCon li a.bf5:hover,

    .indexFloatCon li a.bf5.on {

        background-color: #b9871c;

    }



    .indexFloatCon li a.bf6 {

        background: #35373a url(/public/image/tit18.png) left center no-repeat;

    }



    .indexFloatCon li a.bf6:hover,

    .indexFloatCon li a.bf6.on {

        background-color: #3e3e3e;

    }



    .indexFloatCon li a.nextPage {

        background-image: url(/public/image/icon15.png);

        background-color: #35373a;

    }



    .indexFloatCon li a.nextPage:hover {

        background-color: #d51737;

    }



    .indexFloatCon li a.goList {

        background-image: url(/public/image/icon17.png);

        background-color: #35373a;

    }



    .indexFloatCon li a.goList:hover {

        background-color: #d51737;

    }



    .indexFloatCon li a.prevPage {

        background-image: url(/public/image/icon20.png);

        background-color: #35373a;

    }



    .indexFloatCon li a.prevPage:hover {

        background-color: #d51737;

    }



    .indexFloatCon li .ewmCon {

        position: absolute;

        display: none;

        padding: 20px 10px 10px;

        bottom: 0;

        right: 50px;

        width: 210px;

        background-color: #fff;

        border: 1px solid #dbdbdb;

        box-shadow: 0 0 5px #dbdbdb;

    }



    .indexFloatCon li .ewmCon .ewm {

        float: left;

        margin: 0 10px;

        width: 85px;

        text-align: center;

    }



    .indexFloatCon li .ewmCon .ewm img {

        display: block;

        width: 100%;

    }



    .indexFloatCon li .ewmCon .ewm p {

        color: #666;

    }



    .indexFloatCon li .wentiCon {

        position: absolute;

        display: none;

        right: 50px;

        bottom: -52px;

        padding: 20px;

        width: 240px;

        border: 1px solid #ddd;

        background-color: #fff;

        overflow: hidden;

    }



    .indexFloatCon li .wentiCon dt {

        height: 22px;

        line-height: 22px;

        font-size: 16px;

        border-left: 3px solid #d6203f;

        padding-left: 10px;

        margin-bottom: 10px;

    }



    .indexFloatCon li .wentiCon dt a {

        float: right;

        font-size: 14px;

        color: #999;

        height: auto;

        display: none;

    }



    .indexFloatCon li .wentiCon dt a:hover {

        color: #d6203f;

    }



    .indexFloatCon li .wentiCon dd a {

        font-size: 14px;

        line-height: 26px;

        color: #666;

        height: auto;

    }



    .indexFloatCon li .wentiCon dd a:hover {

        color: #d6203f;

    }



    .indexFloatCon li .wentiCon:hover dt a {

        display: block;

    }



    /* 0318 */

    .falseHeader {

        margin-bottom: 20px;

        padding: 30px 0 0 35px;

        clear: both;

    }



    .falseBox {

        margin: 0 auto;

        padding-top: 145px;

        width: 510px;

        background: url(/public/image/false.jpg) center top no-repeat;

        text-align: center;

        overflow: hidden;

    }



    .falseBox p {

        margin-bottom: 70px;

        font-size: 18px;

        color: #7f7f7f;

        font-weight: bold;

        line-height: 2;

    }



    .falseBox .countdown {

        margin-bottom: 25px;

        font-size: 14px;

        color: #7f7f7f;

    }



    .falseBox .countdown span {

        font-size: 18px;

    }



    .falseBox ul {

        width: 100%;

    }



    .falseBox ul li {

        float: left;

        margin: 0 15px;

        width: 138px;

        height: 32px;

        line-height: 32px;

        border: 1px solid #d51737;

        border-radius: 16px;

        overflow: hidden;

    }



    .falseBox ul li a {

        display: block;

        color: #d51737;

        font-size: 18px;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .falseBox ul li a:hover {

        color: #fff;

        background-color: #d51737;

    }



    .falseBox ul li.goHome {

        background-color: #d51737;

    }



    .falseBox ul li.goHome a {

        color: #fff;

    }



    .falseBox ul li.goHome a:hover {

        background-color: #fff;

        color: #d51737;

    }



    /* 0411 */

    .jobIframe {

        position: absolute;

        display: none;

        left: 50%;

        margin-left: -600px;

        width: 1200px;

        height: 635px;

        background: url(/public/image/bgs/white_90.png);

        overflow: hidden;

        z-index: 999;

    }



    .jobIframe iframe {

        border: none;

    }



    .jobIframe .closeBtn {

        position: absolute;

        display: block;

        top: 0;

        right: 0;

        width: 50px;

        height: 50px;

        background-color: #f9f9f9;

        background: #eee url(/public/image/close.png) center no-repeat;

        cursor: pointer;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .jobIframe .closeBtn:hover {

        background-color: #e53c47;

        background-image: url(/public/image/close1.png);

    }



    .jobInfoCon {

        width: 100%;

        background: url(/public/image/bgs/white_90.png);

        overflow: hidden;

    }



    .jobInfoLeft {

        float: left;

        padding: 30px 40px 2000px;

        margin-bottom: -2000px;

        width: 205px;

        border-right: 1px solid #ececeb;

        background-color: #f9f9f9;

        overflow: hidden;

    }



    .jobInfoLeft h4 {

        margin-bottom: 20px;

        font-size: 24px;

    }



    .jobInfoLeft .require {

        margin-bottom: 50px;

        line-height: 30px;

        color: #666;

        font-size: 14px;

    }



    .jobInfoLeft .jobtou {

        display: block;

        margin: 0 auto 10px;

        width: 197px;

        height: 44px;

        text-align: center;

        line-height: 44px;

        background-color: #e53c47;

        font-size: 20px;

        color: #fff;

        cursor: pointer;

        border: none;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .jobInfoLeft .jobtou:hover {

        background-color: #e8535c;

    }



    .jobInfoLeft>p {

        font-size: 14px;

        line-height: 24px;

        color: #666;

    }



    .jobInfoLeft>p a {

        color: #666;

    }



    .jobInfoLeft>p a:hover {

        color: #e53c47;

    }



    .jobInfoRight {

        padding-bottom: 2000px;

        margin-bottom: -2000px;

        margin-left: 256px;

        overflow: hidden;

    }



    #scroll {

        padding: 35px 52px 35px 35px;

    }



    #scroll .viewport {

        overflow: hidden;

        position: relative;

    }



    #scroll .overview {

        list-style: none;

        position: absolute;

        left: 0;

        top: 0;

        padding: 0;

        margin: 0;

        font-size: 14px;

        line-height: 30px;

        color: #666;

    }



    #scroll .scrollbar {

        position: relative;

        float: right;

        width: 5px;

    }



    #scroll .track {

        height: 100%;

        width: 13px;

        position: relative;

        padding: 0 1px;

    }



    #scroll .thumb {

        background: rgba(0, 0, 0, 0.3);

        height: 20px;

        width: 5px;

        border-radius: 2px;

        cursor: pointer;

        overflow: hidden;

        position: absolute;

        top: 10px;

    }



    #scroll .thumb .end {

        overflow: hidden;

        height: 5px;

        width: 25px;

    }



    #scroll .disable {

        display: none;

    }



    .noSelect {

        -ms-user-select: none;

        user-select: none;

        -o-user-select: none;

        -moz-user-select: none;

        -khtml-user-select: none;

        -webkit-user-select: none;

    }



    /* 0411 */

    .contanier {

        padding-top: 40px;

        padding-bottom: 50px;

        background-color: #eaeaea;

    }



    .contanier .bread {

        font-size: 14px;

        color: #333;

        margin-bottom: 20px;

    }



    .contanier .bread a {

        color: #333;

    }



    .contanier .bread a:hover {

        color: #df0b19;

    }



    .webMapCon {

        float: left;

        width: 880px;

        background-color: #fff;

    }



    .webMapCon dl {

        border-top: 1px solid #e5e5e5;

        overflow: hidden;

    }



    .webMapCon dl:first-child {

        border-top: none;

    }



    .webMapCon .yewu {

        background-color: #d6203f;

    }



    .webMapCon .yewu dt {

        padding-top: 30px;

    }



    .webMapCon .yewu a.on {

        color: #d6203f;

    }



    .webMapCon .anli {

        background-color: #1c8fb9;

    }



    .webMapCon .anli a {

        font-size: 14px;

        line-height: 30px;

        margin-right: 18px;

    }



    .webMapCon .anli a:hover,

    .webMapCon .anli a.on {

        color: #1c8fb9;

    }



    .webMapCon .anli dt {

        line-height: 90px;

    }



    .webMapCon .uweb {

        background-color: #96b91c;

    }



    .webMapCon .uweb a {

        font-size: 14px;

        line-height: 30px;

        margin-right: 18px;

    }



    .webMapCon .uweb a:hover,

    .webMapCon .uweb a.on {

        color: #96b91c;

    }



    .webMapCon .uweb dt {

        line-height: 90px;

    }



    .webMapCon dt {

        width: 125px;

        float: left;

        text-align: center;

        font-size: 24px;

        color: #fff;

        overflow: hidden;

    }



    .webMapCon dd {

        background-color: #fff;

        margin-left: 125px;

        padding: 30px;

        overflow: hidden;

    }



    .webMapCon dd .list {

        float: left;

        width: 25%;

        *width: 24.5%;

    }



    .webMapCon dd .list a {

        color: #333;

    }



    .webMapCon dd .list a:hover {

        color: #d6203f;

    }



    .webMapCon dd .list .title {

        font-size: 20px;

        margin-bottom: 10px;

    }



    .webMapCon dd .list li {

        font-size: 14px;

        line-height: 30px;

    }



    .wentiBox {

        float: right;

        width: 265px;

        height: 448px;

        background-color: #fff;

        padding: 20px;

    }



    .wentiBox:hover h5 a {

        display: inline;

    }



    .wentiBox h5 {

        height: 22px;

        line-height: 22px;

        padding-left: 10px;

        border-left: 3px solid #d6203f;

        font-size: 16px;

        color: #333;

        margin-bottom: 20px;

    }



    .wentiBox h5 a {

        font-size: 14px;

        color: #666;

        float: right;

        display: none;

    }



    .wentiBox h5 a:hover {

        color: #d6203f;

    }



    .wentiBox li {

        line-height: 30px;

        height: 30px;

        overflow: hidden;

    }



    .wentiBox li a {

        color: #666;

        font-size: 14px;

    }



    .wentiBox li a:hover {

        color: #d6203f;

    }



    .wentiBox .zxfw {

        display: block;

        width: 245px;

        height: 50px;

        text-align: center;

        background-color: #d6203f;

        font-size: 16px;

        color: #fff;

        line-height: 50px;

        margin-top: 25px;

    }



    .wentiBox .zxfw i {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        width: 50px;

        height: 50px;

        background: url(/public/image/online.png) center no-repeat;

        vertical-align: top;

    }



    .wentiBox .zxfw:hover {

        background-color: #e0304e;

    }



    .faqCon {

        float: left;

        padding: 25px;

        width: 830px;

        background-color: #fff;

    }



    .faqHeader {

        position: relative;

        margin-bottom: 20px;

    }



    .faqHeader a {

        display: block;

        margin-right: 2px;

        float: left;

        width: 100px;

        height: 38px;

        text-align: center;

        line-height: 38px;

        background-color: #7b7b7b;

        font-size: 14px;

        font-weight: bold;

        color: #fff;

        transition: 0.2s ease all;

        -webkit-transition: 0.2s ease all;

        -moz-transition: 0.2s ease all;

    }



    .faqHeader a.on,

    .faqHeader a:hover {

        background-color: #d6203f;

    }



    .faqHeader .faqSearch {

        position: absolute;

        top: 0;

        right: 0;

        height: 36px;

        line-height: 36px;

        border: 1px solid #bdbdbd;

        overflow: hidden;

        z-index: 2;

    }



    .faqHeader .faqSearch input[type='text'] {

        float: left;

        width: 155px;

        height: 36px;

        line-height: 36px;

        padding: 0 0 0 5px;

        font-size: 14px;

        border: none;

        color: #999;

        margin: 0;

    }



    .faqHeader .faqSearch input[type='submit'] {

        float: left;

        width: 40px;

        height: 36px;

        border: none;

        background: #fff url(/public/image/icon6.png) center no-repeat;

        cursor: pointer;

    }



    .faqList li {

        border-top: 1px solid #e5e5e5;

        border-left: 1px solid #fff;

        border-right: 1px solid #fff;

        overflow: hidden;

    }



    .faqList li h3 {

        height: 39px;

        line-height: 39px;

        position: relative;

        background: url(/public/image/arrow6.png) 98% center no-repeat;

        cursor: pointer;

    }



    .faqList li h3 a {

        font-size: 14px;

        color: #666;

        padding-left: 10px;

    }



    .faqList li h3:hover a {

        color: #d6203f;

    }



    .faqList li h3 .more {

        position: absolute;

        display: none;

        height: 39px;

        top: 0;

        right: 30px;

        font-size: 12px;

        color: #1d89c0;

        line-height: 39px;

        text-decoration: underline;

        padding-left: 0;

        z-index: 2;

    }



    .faqList li .info {

        display: none;

        padding-bottom: 10px;

        padding-left: 10px;

        padding-right: 10px;

    }



    .faqList li .info p {

        background-color: #f3f3f3;

        font-size: 12px;

        line-height: 24px;

        color: #333;

        padding: 10px 20px;

    }



    .faqList li.on {

        border-left: 1px solid #e5e5e5;

        border-right: 1px solid #e5e5e5;

    }



    .faqList li.on h3 {

        background-image: url(/public/image/arrow7.png);

    }



    .faqList li.on h3 .more {

        display: block;

    }



    .faqRight {

        float: right;

        width: 305px;

    }



    .faqRight .zxfw {

        display: block;

        width: 100%;

        height: 50px;

        text-align: center;

        background-color: #d6203f;

        font-size: 16px;

        color: #fff;

        line-height: 50px;

        margin: 0 auto;

    }



    .faqRight .zxfw i {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        width: 50px;

        height: 50px;

        background: url(/public/image/online.png) center no-repeat;

        vertical-align: top;

    }



    .faqRight .zxfw:hover {

        background-color: #e0304e;

    }



    .faqNewsBox {

        width: 265px;

        background-color: #fff;

        padding: 20px;

        margin-bottom: 10px;

    }



    .faqNewsBox .tit {

        padding-bottom: 20px;

        border-bottom: 1px solid #e5e5e5;

    }



    .faqNewsBox .tit h5 {

        height: 22px;

        line-height: 22px;

        padding-left: 10px;

        border-left: 3px solid #d6203f;

        font-size: 16px;

        color: #333;

    }



    .faqNewsBox li {

        padding: 15px 5px;

        border-top: 1px solid #e5e5e5;

    }



    .faqNewsBox li a {

        display: block;

    }



    .faqNewsBox li a:hover img {

        -webkit-opacity: 0.9;

        opacity: 0.9;

        filter: alpha(opacity=90);

    }



    .faqNewsBox li a:hover .info {

        color: #d6203f;

    }



    .faqNewsBox li img {

        display: block;

        width: 74px;

        height: 63px;

        float: left;

    }



    .faqNewsBox li .info {

        margin-left: 84px;

        font-size: 14px;

        line-height: 24px;

        color: #666;

    }



    .faqNewsBox li:first-child {

        border-top: none;

    }



    .articlehdiv {

        text-align: right;

        border-bottom: 1px solid #eee;

        padding: 25px 0px;

        clear: both;

        margin-bottom: 15px;

        line-height: 24px;

        color: #666;

        font-size: 12px;

    }



    .articlehdiv a {

        color: #666;

    }



    .articlehdiv a:hover {

        text-decoration: underline;

        color: #d51737;

    }



    .articleh3 {

        padding: 15px 0px;

        line-height: 24px;

        color: #666;

        clear: both;

        font-size: 14px;

    }



    .keyword {

        color: #5a5a5b;

        padding-top: 5px;

    }



    .caseInfoart {

        position: relative;

        min-width: 1300px;

        overflow: hidden;

    }



    /* 0429 */

    .articleBottom {

        position: fixed;

        width: 100%;

        height: 50px;

        left: 0;

        bottom: 0;

        background: url(/public/image/bgs/blank_50.png);

        z-index: 9998;

    }



    .articleBottom.on {

        position: absolute;

    }



    .articleBottom .keyword {

        float: left;

        width: 425px;

        height: 50px;

        line-height: 50px;

        color: #fff;

    }



    .articleBottom .keyword a {

        color: #fff;

    }



    .articleBottom .keyword a:hover {

        text-decoration: underline;

    }



    .articleBottom .other {

        float: left;

        width: 425px;

        height: 50px;

        line-height: 50px;

        text-align: right;

    }



    .articleBottom .other>a {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        padding: 0 10px;

        color: #fff;

        background: #d51737;

    }



    .articleBottom .other>a:hover {

        background: #d51737;

    }



    .articleBottom .other .bottomSearch {

        position: relative;

        float: right;

        width: 60px;

    }



    .articleBottom .other .bottomSearch>a {

        position: relative;

        display: block;

        width: 60px;

        height: 50px;

        color: #fff;

        background: url(/public/image/icon73.png) left center no-repeat;

        text-indent: 20px;

        text-align: left;

        margin-left: 10px;

    }



    .articleBottom .other .bottomSearch .shareBox {

        position: absolute;

        display: none;

        width: 150px;

        bottom: 49px;

        left: -95px;

        border: 1px solid #ccc;

        background-color: #fff;

    }



    .articleBottom .other .bottomSearch .shareBox dt {

        line-height: 24px;

        border-bottom: 1px solid #ccc;

        background-color: #f1f1f1;

        font-size: 14px;

        text-indent: 10px;

        color: #333;

        text-align: left;

    }



    .articleBottom .other .bottomSearch .shareBox dd {

        padding: 10px;

    }



    .articleBottom .other .bottomSearch:hover .shareBox {

        display: block;

    }



    .articleBottom .bottomPage {

        float: left;

        width: 352px;

        height: 50px;

        line-height: 50px;

    }



    .articleBottom .bottomPage li {

        float: left;

        width: 136px;

        height: 50px;

    }



    .articleBottom .bottomPage li.returnList {

        width: 50px;

        height: 50px;

        background-color: #757575;

        background-image: url(/public/image/icon18.png);

        background-repeat: no-repeat;

        background-position: center;

    }



    .articleBottom .bottomPage li.returnList a {

        display: block;

        height: 100%;

    }



    .articleBottom .bottomPage li.returnList a:hover span {

        display: block;

    }



    .articleBottom .bottomPage li.returnList span {

        display: none;

        width: 30px;

        height: 30px;

        padding: 10px;

        background-color: #d41737;

        line-height: 14px;

        color: #fff;

        text-align: center;

    }



    .articleBottom .bottomPage li.prev {

        text-align: right;

    }



    .articleBottom .bottomPage li.prev a {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        padding: 0 15px;

        color: #fff;

        font-size: 14px;

    }



    .articleBottom .bottomPage li.prev a:hover {

        background-color: #d51737;

    }



    .articleBottom .bottomPage li.next a {

        display: inline-block;

        *display: inline;

        *zoom: 1;

        padding: 0 15px;

        color: #fff;

        font-size: 14px;

    }



    .articleBottom .bottomPage li.next a:hover {

        background-color: #d51737;

    }



    .hottaghead {

        height: 51px;

        line-height: 51px;

        text-align: center;

        color: #111;

        font-size: 18px;

        background: #fff;

    }



    .casecon {

        padding: 30px 0px 10px 0;

        background: url(/public/image/casebg.gif) left top #fafafa;

    }



    .casecon li {

        border-left: 1px solid #e1e1e1;

        text-align: center;

        height: 15px;

        line-height: 15px;

        float: left;

        margin-bottom: 18px;

        width: 119px;

    }



    .casecon li a {

        color: #777 !important;

    }



    .casecon li a:hover {

        color: #d5272b !important;

    }



    .casecon li.lion a {

        color: #d5272b !important;

    }



    .casecon li.casenoli {

        border: none;

    }



    .wx-box .wx-banner {

        width: 100%;

        height: 420px;

        background-position: center center;

        background-image: url(../image/banner8.jpg);

        overflow: hidden;

    }



    .wx-box .wx-banner .wp {

        z-index: 10;

        position: relative;

    }



    .wx-box .wx-banner .title {

        padding-top: 280px;

    }



    .wx-box .wx-banner .title h1 {

        font-size: 24px;

        color: #fff;

        font-weight: bold;

        margin-bottom: 22px;

        visibility: hidden;

    }



    .wx-box .wx-banner .title li {

        font-size: 13px;

        color: #fff;

        line-height: 36px;

        padding-left: 16px;

        position: relative;

        visibility: hidden;

    }



    .wx-box .wx-banner .title li span {

        display: block;

        position: absolute;

        left: 0;

        top: 50%;

        margin-top: -4px;

        box-sizing: border-box;

        width: 8px;

        height: 8px;

        border-radius: 50%;

        border: 4px solid #fff;

    }



    .wx-box .wx-banner .img {

        position: absolute;

        top: 0px;

    }



    .wx-box .wx-banner .img img {

        visibility: hidden;

    }



    .wx-box .wx-banner .particle-1 {

        z-index: 22;

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

    }



    .wx-box .wx-develop {

        height: 1388px;

    }



    .wx-box .wx-develop .title {

        text-align: center;

    }



    .wx-box .wx-develop .title h1 {

        padding-top: 80px;

        padding-bottom: 3px;

        font-size: 38px;

        color: #333;

    }



    .wx-box .wx-develop .title h2 {

        font-size: 12px;

        color: #101010;

        font-family: "Arial";

        opacity: 0.5;

        padding-bottom: 56px;

    }



    .wx-box .wx-develop .wx-develop-new li {

        box-sizing: border-box;

        width: 100%;

    }



    .wx-box .wx-develop .wx-develop-new li a {

        display: block;

        position: relative;

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



    .wx-box .wx-develop .wx-develop-new li a:hover {

        -webkit-transform: translate(0, -10px);

        transform: translate(0, -10px);

    }



    .wx-box .wx-develop .wx-develop-new li a:hover .img img {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

    }



    .wx-box .wx-develop .wx-develop-new li .icon {

        position: absolute;

        display: block;

        bottom: -25px;

        left: 0;

        width: 100%;

        height: 25px;

        background-image: url(/public/image/pic32.png);

        background-repeat: no-repeat;

    }



    .wx-box .wx-develop .wx-develop-new li .img {

        width: 100%;

        height: 356px;

        position: relative;

        overflow: hidden;

    }



    .wx-box .wx-develop .wx-develop-new li .img img {

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

    }



    .wx-box .wx-develop .wx-develop-new li .nr {

        height: 236px;

        background: #f7f7f7;

        border: 1px solid #e5e5e5;

        padding: 0 68px;

        border-top: 0;

        width: 100%;

        box-sizing: border-box;

        text-align: center;

    }



    .wx-box .wx-develop .wx-develop-new li .nr h1 {

        font-size: 24px;

        color: #333;

        padding-top: 58px;

        padding-bottom: 14px;

    }



    .wx-box .wx-develop .wx-develop-new li .nr .p {

        line-height: 30px;

        font-size: 14px;

        color: #666;

    }



    .wx-box .wx-develop .wx-develop-new .li {

        padding-left: 0px;

        padding-right: 0;

    }



    .wx-box .wx-solve-1 {

        background-position: center center;

        background-repeat: no-repeat;

        background-image: url(../image/bg11.jpg);

        width: 100%;

        height: 750px;

    }



    .wx-box .wx-solve-1 .title {

        text-align: center;

    }



    .wx-box .wx-solve-1 .title h1 {

        font-size: 24px;

        color: #fff;

        font-weight: bold;

        padding-top: 112px;

        padding-bottom: 22px;

    }



    .wx-box .wx-solve-1 .title .p {

        width: 370px;

        margin: 0 auto;

        padding-bottom: 64px;

        line-height: 24px;

        color: #fff;

        font-size: 14px;

    }



    .wx-box .wx-solve-1 ul {

        position: relative;

    }



    .wx-box .wx-solve-1 ul li {

        float: left;

        box-sizing: border-box;

        width: 49.7%;

        height: 204px;

    }



    .wx-box .wx-solve-1 ul li a {

        display: block;

        width: 100%;

        height: 202px;

        background: #fff;

        font-size: 0;

        padding-top: 60px;

        box-sizing: border-box;

    }



    .wx-box .wx-solve-1 ul li a:hover .img img {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }



    .wx-box .wx-solve-1 ul li .img {

        display: inline-block;

        vertical-align: top;

        margin-left: 60px;

        width: 108px;

        height: 50px;

        position: relative;

    }



    .wx-box .wx-solve-1 ul li .img img {

        position: absolute;

        left: 0;

        top: 10%;

        -webkit-transition: all 0.8s ease;

        transition: all 0.8s ease;

    }



    .wx-box .wx-solve-1 ul li .nr {

        display: inline-block;

        vertical-align: top;

        padding-left: 30px;

        width: 185px;

        border-left: 1px solid #e5e5e5;

        height: 93px;

    }



    .wx-box .wx-solve-1 ul li .nr h1 {

        color: #555;

        font-size: 18px;

    }



    .wx-box .wx-solve-1 ul li .nr .p {

        font-size: 12px;

        color: #999;

        line-height: 18px;

    }



    .wx-box .wx-solve-1 ul .li {

        border-bottom: 1px solid #a3c4e9;

    }



    .wx-box .wx-solve-1 ul .li-1 {

        border-left: 1px solid #a3c4e9;

    }



    .wx-box .wx-solve-1 ul .shadow {

        position: absolute;

        bottom: -46px;

        width: 100%;

        height: 46px;

        left: 0;

        background-image: url(/public/image/icon79.png);

        background-repeat: no-repeat;

    }



    .wx-box .wx-solve-2 {

        background-position: center center;

        background-repeat: repeat;

        background-image: url(/public/image/bg12.jpg);

        width: 100%;

        height: 1170px;

    }



    .wx-box .wx-solve-2 .title {

        text-align: center;

    }



    .wx-box .wx-solve-2 .title h1 {

        font-size: 24px;

        color: #666;

        padding-top: 50px;

        padding-bottom: 22px;

    }



    .wx-box .wx-solve-2 .title .p {

        width: 370px;

        margin: 0 auto;

        padding-bottom: 40px;

        line-height: 24px;

        color: #666;

        font-size: 14px;

    }



    .wx-box .wx-solve-2 ul {

        position: relative;

    }



    .wx-box .wx-solve-2 ul li {

        float: left;

        box-sizing: border-box;

        width: 25.2%;

        height: 162px;

        border: 1px solid #dfe0e1;

        margin-top: -1px;

        margin-left: -1px;

        background: #f8f9fb;

    }



    .wx-box .wx-solve-2 ul li a {

        width: 100%;

        height: 100%;

        box-sizing: border-box;

        display: block;

        padding-top: 15px;

    }



    .wx-box .wx-solve-2 ul li a:hover .img img {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

    }



    .wx-box .wx-solve-2 ul li .img {

        height: 102px;

        line-height: 102px;

        text-align: center;

    }



    .wx-box .wx-solve-2 ul li .img img {

        vertical-align: middle;

        -webkit-transition: all 0.5s ease;

        transition: all 0.5s ease;

    }



    .wx-box .wx-solve-2 ul li h1 {

        font-size: 12px;

        color: #555;

        text-align: center;

    }



    .wx-box .wx-solve-2 ul .shadow {

        position: absolute;

        bottom: -17px;

        left: 0;

        width: 100%;

        height: 17px;

        background-color: transparent;

        background-image: url(/public/image/y-1.png);

        background-repeat: no-repeat;

        border: 0;

        margin: 0;

    }



    .wx-box .wx-experience {

        background-position: center center;

        background-repeat: repeat;

        background-image: url(/public/image/bg13.jpg);

        width: 100%;

        height: 1104px;

        position: relative;

    }



    .wx-box .wx-experience .particle-2 {

        z-index: 22;

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

    }



    .wx-box .wx-experience .title {

        text-align: center;

    }



    .wx-box .wx-experience .title h1 {

        padding-top: 72px;

        font-size: 38px;

        color: #fff;

    }



    .wx-box .wx-experience .title h2 {

        font-size: 22px;

        color: #fff;

        padding: 7px 0;

    }



    .wx-box .wx-experience .title .p {

        margin-top: 22px;

        margin-bottom: 62px;

        text-align: center;

        font-size: 14px;

        color: #fff;

        line-height: 24px;

    }



    .wx-box .wx-experience .super-slide {

        position: relative;

    }



    .wx-box .wx-experience .hd {

        position: absolute;

        bottom: 190px;

        right: 362px;

        font-size: 0;

        z-index: 50;

    }



    .wx-box .wx-experience .hd a {

        cursor: pointer;

        display: inline-block;

        width: 89px;

        height: 60px;

        text-align: center;

        line-height: 60px;

        background: #2e62b7;

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        font-size: 14px;

    }



    .wx-box .wx-experience .hd a img {

        vertical-align: middle;

    }



    .wx-box .wx-experience .hd a:hover {

        opacity: 0.7;

    }



    .wx-box .wx-experience ul {

        position: relative;

    }



    .wx-box .wx-experience ul li {

        position: relative;

        font-size: 0;

        width: 100%;

        height: 700px;

    }



    .wx-box .wx-experience ul li .img {

        position: relative;

        z-index: 35;

        display: inline-block;

        vertical-align: top;

        height: 834px;

        width: 647px;

        line-height: 834px;

        text-align: center;

        margin-left: -68px;

        margin-top: -66px;

        font-size: 14px;

        background-image: url(/public/image/y-2.png);

    }



    .wx-box .wx-experience ul li .img img {

        max-width: 100%;

        height: auto;

        vertical-align: middle;

    }



    .wx-box .wx-experience ul li .nr {

        z-index: 33;

        position: absolute;

        background: #fff;

        left: 510px;

        right: 0;

        top: 111px;

        bottom: 0;

        padding: 136px 120px 0 140px;

        box-sizing: border-box;

    }



    .wx-box .wx-experience ul li .nr h1 {

        font-size: 30px;

        color: #1e1e1e;

    }



    .wx-box .wx-experience ul li .nr .p {

        margin-top: 22px;

        font-size: 13px;

        color: #555;

        line-height: 30px;

        height: 120px;

        overflow: hidden;

        width: 100%;

    }



    .wx-box-2 .wx-marketing {

        width: 100%;

        height: 742px;

        background-image: url(/public/image/bg22.jpg);

        background-position: center center;

        background-size: cover;

    }



    .wx-box-2 .wx-marketing .wp {

        position: relative;

        height: 100%;

    }



    .wx-box-2 .wx-marketing .img {

        position: absolute;

        left: 70px;

        top: 180px;

        visibility: hidden;

    }



    .wx-box-2 .wx-marketing .nr {

        padding-top: 236px;

        padding-left: 560px;

    }



    .wx-box-2 .wx-marketing .nr h1 {

        font-size: 56px;

        color: #fff;

        font-weight: bold;

        margin-bottom: 22px;

        visibility: hidden;

    }



    .wx-box-2 .wx-marketing .nr .p {

        font-size: 22px;

        color: #fff;

        margin-bottom: 36px;

        visibility: hidden;

    }



    .wx-box-2 .wx-marketing .nr .btn {

        visibility: hidden;

    }



    .wx-box-2 .wx-marketing .nr .btn a {

        display: block;

        width: 146px;

        height: 36px;

        line-height: 36px;

        background-color: #fff;

        text-align: center;

        font-size: 14px;

        color: #0c7ac7;

        border-radius: 4px;

    }



    .wx-box-2 .wx-applet {

        width: 100%;

        height: 860px;

        background-color: #02b2ca;

    }



    .wx-box-2 .wx-applet .wp {

        position: relative;

        height: 100%;

    }



    .wx-box-2 .wx-applet .nr {

        padding-top: 306px;

        padding-left: 700px;

    }



    .wx-box-2 .wx-applet .nr h1 {

        font-size: 56px;

        visibility: hidden;

        color: #fff;

        font-weight: bold;

        margin-bottom: 22px;

    }



    .wx-box-2 .wx-applet .nr .p {

        width: 480px;

        line-height: 35px;

        font-size: 22px;

        color: #fff;

        visibility: hidden;

        margin-bottom: 36px;

    }



    .wx-box-2 .wx-applet .nr .btn {

        visibility: hidden;

    }



    .wx-box-2 .wx-applet .nr .btn a {

        display: block;

        width: 146px;

        height: 36px;

        line-height: 36px;

        background-color: #fff;

        text-align: center;

        font-size: 14px;

        color: #0c7ac7;

        border-radius: 4px;

    }



    .wx-box-2 .wx-applet .img {

        visibility: hidden;

        position: absolute;

        left: -30px;

        top: 137px;

    }



    .wx-box-2 .wx-enterprise {

        width: 100%;

        height: 860px;

        background-color: #0c7ac7;

    }



    .wx-box-2 .wx-enterprise .wp {

        position: relative;

        height: 100%;

    }



    .wx-box-2 .wx-enterprise .nr {

        padding-top: 288px;

        padding-left: 90px;

    }



    .wx-box-2 .wx-enterprise .nr h1 {

        visibility: hidden;

        font-size: 56px;

        color: #fff;

        font-weight: bold;

        margin-bottom: 22px;

    }



    .wx-box-2 .wx-enterprise .nr .p {

        visibility: hidden;

        width: 536px;

        line-height: 35px;

        font-size: 22px;

        color: #fff;

        margin-bottom: 36px;

    }



    .wx-box-2 .wx-enterprise .nr .btn {

        visibility: hidden;

    }



    .wx-box-2 .wx-enterprise .nr .btn a {

        display: block;

        width: 146px;

        height: 36px;

        line-height: 36px;

        background-color: #fff;

        text-align: center;

        font-size: 14px;

        color: #0c7ac7;

        border-radius: 4px;

    }



    .wx-box-2 .wx-enterprise .img {

        visibility: hidden;

        position: absolute;

        right: 0;

        top: 182px;

    }



    .animated {

        -webkit-animation-duration: 1.5s;

        animation-duration: 1.5s;

        -webkit-animation-fill-mode: both;

        animation-fill-mode: both;

        visibility: visible !important;

    }



    .animated.infinite {

        animation-iteration-count: infinite;

        -webkit-animation-iteration-count: infinite;

    }



    .animated-delay-0 {

        -webkit-animation-delay: .4s;

        animation-delay: .4s;

    }



    .animated-delay-1 {

        -webkit-animation-delay: .8s;

        animation-delay: .8s;

    }



    .animated-delay-2 {

        -webkit-animation-delay: 1s;

        animation-delay: 1s;

    }



    .animated-delay-3 {

        -webkit-animation-delay: .2s;

        animation-delay: .2s;

    }



    .animated-delay-4 {

        -webkit-animation-delay: 1.2s;

        animation-delay: 1.2s;

    }



    @-webkit-keyframes fadeIn-left {

        0% {

            -webkit-transform: translate(-100px, 0);

            transform: translate(-100px, 0);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    @keyframes fadeIn-left {

        0% {

            -webkit-transform: translate(-100px, 0);

            transform: translate(-100px, 0);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    .fadeIn-left,

    .anim .fadein-left {

        -webkit-animation-name: fadeIn-left;

        animation-name: fadeIn-left;

    }



    @-webkit-keyframes fadeIn-right {

        0% {

            -webkit-transform: translate(100px, 0);

            transform: translate(100px, 0);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    @keyframes fadeIn-right {

        0% {

            -webkit-transform: translate(100px, 0);

            transform: translate(100px, 0);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    .fadeIn-right {

        -webkit-animation-name: fadeIn-right;

        animation-name: fadeIn-right;

    }



    @-webkit-keyframes fadeIn-top {

        0% {

            -webkit-transform: translate(0, -50px);

            transform: translate(0, -50px);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    @keyframes fadeIn-top {

        0% {

            -webkit-transform: translate(0, -50px);

            transform: translate(0, -50px);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    .fadeIn-top,

    .anim .fadein-top {

        -webkit-animation-name: fadeIn-top;

        animation-name: fadeIn-top;

    }



    @-webkit-keyframes fadeIn-bottom {

        0% {

            -webkit-transform: translate(0, 50px);

            transform: translate(0, 50px);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    @keyframes fadeIn-bottom {

        0% {

            -webkit-transform: translate(0, 50px);

            transform: translate(0, 50px);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    .anim .fadein-bottom {

        -webkit-animation-name: fadeIn-bottom;

        animation-name: fadeIn-bottom;

    }



    @-webkit-keyframes fadeIn-roll {

        0% {

            -webkit-transform: translate(50px, 0) rotate(90deg);

            transform: translate(50px, 0) rotate(90deg);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0) rotate(0);

            transform: translate(0, 0) rotate(0);

            opacity: 1;

        }

    }



    @keyframes fadeIn-roll {

        0% {

            -webkit-transform: translate(50px, 0) rotate(90deg);

            transform: translate(50px, 0) rotate(90deg);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0) rotate(0);

            transform: translate(0, 0) rotate(0);

            opacity: 1;

        }

    }



    .anim .fadein-roll {

        -webkit-animation-name: fadeIn-roll;

        animation-name: fadeIn-roll;

    }



    @-webkit-keyframes fadeIn-s {

        0% {

            -webkit-transform: translate(50px, 0);

            transform: translate(50px, 0);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    @keyframes fadeIn-s {

        0% {

            -webkit-transform: translate(50px, 0);

            transform: translate(50px, 0);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    @-webkit-keyframes fadeIn-ss {

        0% {

            -webkit-transform: translate(-100px, 100px);

            transform: translate(-100px, 100px);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    @keyframes fadeIn-ss {

        0% {

            -webkit-transform: translate(-100px, 100px);

            transform: translate(-100px, 100px);

            opacity: 0;

        }



        100% {

            -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

            opacity: 1;

        }

    }



    .fadeIn-ss {

        -webkit-animation-name: fadeIn-ss;

        animation-name: fadeIn-ss;

    }



    .wx-con {

        min-width: 1200px;

    }



    .wx-floor {

        position: relative;

        overflow: hidden;

    }



    .wx-floor-link-list a {

        display: inline-block;

        vertical-align: top;

        padding: 0 20px;

        position: relative;

        font-size: 15px;

        color: #555;

    }



    .wx-floor-link-list a:hover {

        color: #ed6e47;

    }



    .wx-floor-link-list a:after {

        position: absolute;

        display: block;

        content: '';

        width: 1px;

        height: 10px;

        background-color: #b1b1b1;

        top: 50%;

        margin-top: -5px;

        left: 0;

    }



    .wx-floor-link-list a:first-child:after {

        display: none;

    }



    .wx-floor .dashline {

        padding-bottom: 22px;

        border-bottom: 1px dashed #fff;

    }



    .wx-floor-1 {

        position: absolute;

        width: 640px;

        color: #fff;

        left: 50%;

        margin-left: -600px;

        z-index: 2;

        top: 285px;

    }



    .wx-floor-1 dt {

        font-size: 44px;

        font-weight: bold;

        margin-bottom: 20px;

    }



    .wx-floor-1 dd {

        font-size: 15px;

        line-height: 36px;

    }



    .wx-floor-1 dd:before {

        display: inline-block;

        vertical-align: middle;

        content: '';

        width: 6px;

        height: 6px;

        border-radius: 50%;

        background-color: #fff;

        margin-right: 7px;

    }



    .wx-teamwork {

        position: absolute;

        width: 360px;

        top: 380px;

        left: 50%;

        margin-left: 120px;

        text-align: center;

    }



    .wx-teamwork dt {

        font-size: 16px;

        color: #5c5c5c;

        margin-bottom: 25px;

    }



    .wx-teamwork dt b {

        font-size: 18px;

        color: #444;

        margin-right: 4px;

    }



    .wx-teamwork-icon {

        float: left;

        margin: 0 25px 15px;

        width: 130px;

    }



    .wx-teamwork-icon i {

        display: block;

        width: 130px;

        height: 130px;

        background-position: center center;

        background-repeat: no-repeat;

        margin-bottom: 10px;

        border-radius: 50%;

    }



    .wx-teamwork-icon p {

        font-size: 18px;

        color: #333;

    }



    .wx-teamwork .file {

        background-image: url(/public/image/wx_icon2.png);

    }



    .wx-teamwork .contact {

        background-image: url(/public/image/wx_icon3.png);

    }



    .wx-teamwork .work {

        background-image: url(/public/image/wx_icon4.png);

    }



    .wx-teamwork .log {

        background-image: url(/public/image/wx_icon5.png);

    }



    .wx-big-card {

        position: relative;

        width: 1200px;

        margin: 0 auto 40px;

    }



    .wx-big-card .wrapper {

        position: relative;

        padding: 64px 57px 50px 54px;

        background-color: #fff;

        border: 1px solid rgba(0, 0, 0, 0.1);

        z-index: 3;

    }



    .wx-big-card .shadow {

        position: absolute;

        z-index: 2;

        width: 90%;

        box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.2);

        left: 5%;

        bottom: 0;

        border-radius: 50%;

    }



    .wx-big-card .bg {

        position: relative;

        height: 290px;

        background-color: #f9f9f9;

    }



    .wx-big-card .bg img {

        position: absolute;

        display: block;

        top: -20px;

        left: 60px;

    }



    .wx-big-card .bg .info {

        margin-left: 528px;

        margin-right: 75px;

        padding-top: 50px;

    }



    .wx-big-card .bg .t {

        font-size: 20px;

        color: #000;

        margin-bottom: 10px;

    }



    .wx-big-card .bg .p {

        font-size: 13px;

        line-height: 30px;

        color: #777;

    }



    .wx-card-list {

        width: 1200px;

        margin: 0 auto;

    }



    .wx-card-list li {

        float: left;

        width: 50%;

    }



    .wx-card-list li .wrapper {

        position: relative;

        z-index: 3;

    }



    .wx-card-list li .bg {

        position: relative;

        padding: 20px;

        background-color: #fff;

        border: 1px solid rgba(0, 0, 0, 0.1);

        z-index: 3;

    }



    .wx-card-list li .bg img {

        display: block;

        float: left;

    }



    .wx-card-list li .bg .info {

        margin-left: 300px;

        padding-top: 35px;

    }



    .wx-card-list li .bg .info .t {

        font-size: 20px;

        color: #000;

        margin-bottom: 15px;

    }



    .wx-card-list li .bg .info .p {

        font-size: 13px;

        line-height: 32px;

        color: #777;

        height: 192px;

        overflow: hidden;

    }



    .wx-card-list li .shadow {

        position: absolute;

        z-index: 2;

        width: 90%;

        box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.2);

        left: 5%;

        bottom: 0;

        border-radius: 50%;

    }



    .wx-card-list li.odd .wrapper {

        margin-right: 18px;

    }



    .wx-card-list li.even .wrapper {

        margin-left: 18px;

    }



    .wx-awards li {

        float: left;

        border-left: 1px solid rgba(255, 255, 255, 0.5);

        border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    }



    .opacity-0 {

        opacity: 0;

        opacity: 1 \9 \0 !important;

    }



    .anim .anim-delay-0 {

        animation-delay: 0;

        -webkit-animation-delay: 0;

        -ms-animation-delay: 0;

    }



    .anim .anim-delay-2 {

        animation-delay: .2s;

        -webkit-animation-delay: .2s;

        -ms-animation-delay: .2s;

    }



    .anim .anim-delay-4 {

        animation-delay: .4s;

        -webkit-animation-delay: .4s;

        -ms-animation-delay: .4s;

    }



    .anim .anim-delay-6 {

        animation-delay: .6s;

        -webkit-animation-delay: .6s;

        -ms-animation-delay: .6s;

    }



    .anim .anim-delay-8 {

        animation-delay: .8s;

        -webkit-animation-delay: .8s;

        -ms-animation-delay: .8s;

    }



    .anim .anim-delay-12 {

        animation-delay: 1.2s;

        -webkit-animation-delay: 1.2s;

        -ms-animation-delay: 1.2s;

    }



    .anim .anim-delay-16 {

        animation-delay: 1.6s;

        -webkit-animation-delay: 1.6s;

        -ms-animation-delay: 1.6s;

    }



    .wx-box-4 .wx-banner {

        width: 100%;

        height: 480px;

        background-image: url(../image/bg24.jpg);

        background-position: center center;

        background-size: cover;

    }



    .wx-box-4 .wx-banner .wp {

        position: relative;

        height: 100%;

        display: flex;

        flex-direction: column;

        flex-flow: column-reverse;

    }



    /* .wx-box-4 .wx-banner .wp .img {

        visibility: hidden;

        position: absolute;

        right: 0px;

    } */



    .wx-box-4 .wx-banner .wp .img img {

        width: 380px;

        height: auto;

    }



    /* .wx-box-4 .wx-banner .wp .left {

        padding-top: 330px;

        padding-left: 7px;

    } */



    .wx-box-4 .wx-banner .wp .left h1 {

        visibility: hidden;

        font-size: 26px;

        color: #fff;

        margin-bottom: 25px;

        font-weight: bold;

    }



    .wx-box-4 .wx-banner .wp .left .p {

        color: #fff;

        font-size: 14px;

        line-height: 36px;

    }



    .wx-box-4 .wx-banner .wp .left .p p {

        visibility: hidden;

        padding-left: 16px;

        position: relative;

    }



    .wx-box-4 .wx-banner .wp .left .p p:after {

        content: "";

        top: 15px;

        left: 0;

        position: absolute;

        width: 7px;

        height: 7px;

        background: #fff;

        border-radius: 50%;

    }



    .wx-box-4 .wx-small-program {

        width: 100%;

        height: 1037px;

        background-image: url(../image/bg14.jpg);

        background-position: center center;

        background-size: cover;

    }



    .wx-box-4 .wx-small-program h1 {

        font-size: 26px;

        color: #333;

        padding-top: 50px;

        text-align: center;

    }



    .wx-box-4 .wx-small-program h2 {

        text-align: center;

        font-size: 13px;

        color: #999;

        margin-bottom: 50px;

    }



    .wx-box-4 .wx-small-program ul li {

        width: 50%;

        float: left;

        padding: 0 5px;

        box-sizing: border-box;

        height: 440px;

        text-align: center;

    }



    .wx-box-4 .wx-small-program ul li .img {

        width: 100%;

        padding-bottom: 76.28%;

        position: relative;

        z-index: 2;

        margin-bottom: 36px;

    }



    .wx-box-4 .wx-small-program ul li .img img {

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        position: absolute;

    }



    .wx-box-4 .wx-small-program ul li h4 {

        color: #333;

        font-size: 18px;

        position: relative;

        z-index: 2;

    }



    .wx-box-4 .wx-small-program ul li .nr {

        background: #fff;

        width: 100%;

        height: 100%;

        position: relative;

    }



    .wx-box-4 .wx-small-program ul li .nr:after {

        content: "";

        position: absolute;

        left: -100px;

        top: -98px;

        width: 159px;

        height: 440px;

        background-image: url(/public/image/y-4.png);

        background-size: 100% 100%;

        background-position: center center;

        background-repeat: no-repeat;

    }



    .wx-box-4 .wx-small-program ul li .icon {

        width: 30px;

        position: relative;

        z-index: 2;

        height: 1px;

        background: #d8d8d8;

        display: inline-block;

        vertical-align: top;

        margin: 18px auto 24px auto;

    }



    .wx-box-4 .wx-small-program ul li .p {

        position: relative;

        z-index: 2;

        padding: 0 34px;

        font-size: 14px;

        color: #999;

        line-height: 20px;

    }



    .wx-box-4 .wx-small-program-1 {

        width: 100%;

        height: 920px;

        background-image: url(../image/bg15.jpg);

        background-position: center center;

        background-size: cover;

        overflow: hidden;

    }



    .wx-box-4 .wx-small-program-1 h1 {

        font-size: 24px;

        color: #fff;

        padding-top: 60px;

        text-align: center;

        margin-bottom: 10px;

    }



    .wx-box-4 .wx-small-program-1 h2 {

        text-align: center;

        font-size: 14px;

        color: #fff;

        margin-bottom: 50px;

    }



    .wx-box-4 .wx-small-program-1 ul li {

        width: 33%;

        float: left;

        padding: 0 10px;

        box-sizing: border-box;

        height: 220px;

        text-align: center;

        margin-bottom: 20px;

    }



    .wx-box-4 .wx-small-program-1 ul .nr {

        width: 100%;

        background: #fff;

        height: 100%;

        text-align: center;

        position: relative;

    }



    .wx-box-4 .wx-small-program-1 ul .nr:after {

        content: "";

        position: absolute;

        left: -30px;

        top: -30px;

        width: 128px;

        height: 220px;

        background-image: url(/public/image/y-5.png);

        background-size: 100% 100%;

        background-repeat: no-repeat;

        background-position: center center;

    }



    .wx-box-4 .wx-small-program-1 ul .img {

        width: 100%;

        height: 160px;

        line-height: 160px;

        position: relative;

        z-index: 2;

    }



    .wx-box-4 .wx-small-program-1 ul .img img {

        margin-top: 32px;

        vertical-align: top;

    }



    .wx-box-4 .wx-small-program-1 ul .p {

        position: relative;

        z-index: 2;

        height: 60px;

        line-height: 60px;

        width: 100%;

        background: #ddecf9;

        font-size: 18px;

        color: #333;

        font-weight: bold;

    }



    .wx-box-4 .wx-small-program-case {

        width: 100%;

        height: 912px;

        background-image: url(/public/image/bg16.jpg);

        background-position: center center;

        background-size: cover;

        text-align: center;

    }



    .wx-box-4 .wx-small-program-case h1 {

        font-size: 40px;

        color: #333;

        padding-top: 100px;

        margin-bottom: 5px;

    }



    .wx-box-4 .wx-small-program-case h2 {

        font-size: 16px;

        color: #999;

        margin-bottom: 50px;

    }



    .wx-box-4 .wx-small-program-case ul {

        font-size: 0;

        margin-bottom: 23px;

    }



    .wx-box-4 .wx-small-program-case ul li {

        display: inline-block;

        vertical-align: top;

        margin-left: -30px;

    }



    .wx-box-4 .wx-small-program-case ul li img {

        max-width: 100%;

        height: auto;

    }



    .wx-box-4 .wx-small-program-case .p {

        font-size: 24px;

        color: #333;

    }



    .wx-official-slide .hd {

        position: absolute;

        bottom: 65px;

        left: 0;

        width: 100%;

        text-align: center;

    }



    .wx-official-slide .hd li {

        display: inline-block;

        vertical-align: top;

        width: 12px;

        height: 12px;

        border-radius: 50%;

        margin: 0 10px;

        background-color: #fff;

        cursor: pointer;

    }



    .wx-official-slide .hd li.on {

        background-color: #d6272b;

    }



    .build-recommendation-case-list {

        padding-top: 80px;

        padding-bottom: 90px;

        background: #eaeaea;

    }



    .build-recommendation-case-list .title {

        text-align: center;

        font-size: 20px;

        color: #999;

    }



    .build-recommendation-case-list .title span {

        position: relative;

    }



    .build-recommendation-case-list .title span:after {

        content: "";

        position: absolute;

        left: -158px;

        top: 50%;

        height: 1px;

        width: 156px;

        background: #cbcbcb;

    }



    .build-recommendation-case-list .title span:before {

        content: "";

        position: absolute;

        right: -158px;

        top: 50%;

        height: 1px;

        width: 156px;

        background: #cbcbcb;

    }



    .build-recommendation-case-list .caseInfoWater {

        margin-top: 32px;

    }



    .build-results-showcase {

        width: 100%;

        height: 856px;

        background-image: url(/public/image/bg17.jpg);

        background-repeat: repeat;

        padding-top: 82px;

        box-sizing: border-box;

    }



    .build-results-showcase .title {

        text-align: center;

    }



    .build-results-showcase .title h2 {

        font-size: 30px;

        color: #333;

        font-weight: bold;

        margin-bottom: 4px;

    }



    .build-results-showcase .title h2 .icon {

        display: inline-block;

        vertical-align: middle;

        width: 10px;

        height: 10px;

        background: #de2d31;

        border-radius: 50%;

        margin: 0 10px;

    }



    .build-results-showcase .title h3 {

        font-size: 15px;

        color: #333;

        font-family: "Arial";

        margin-bottom: 22px;

    }



    .build-results-showcase .title .i {

        margin-bottom: 37px;

    }



    .build-results-showcase .results-showcase-list {

        background: #fdfdfd;

        font-size: 0;

        position: relative;

    }



    .build-results-showcase .results-showcase-list:after {

        width: 1290px;

        height: 609px;

        position: absolute;

        content: "";

        left: -45px;

        top: -45px;

        background-image: url(/public/image/y-6.png);

        background-repeat: no-repeat;

    }



    .build-results-showcase .results-showcase-list>li {

        position: relative;

        z-index: 22;

        vertical-align: top;

        text-align: center;

        display: inline-block;

        width: 20%;

        box-sizing: border-box;

        border-left: 1px solid #ebebeb;

        padding-top: 40px;

        height: 100%;

    }



    .build-results-showcase .results-showcase-list>li .img {

        margin-bottom: 16px;

    }



    .build-results-showcase .results-showcase-list>li .name {

        font-size: 20px;

        color: #000;

        font-weight: bold;

        margin-bottom: 5px;

    }



    .build-results-showcase .results-showcase-list>li h3 {

        font-size: 13px;

        color: #999;

        font-family: "Arial";

        margin-bottom: 48px;

    }



    .build-results-showcase .results-showcase-list>li .details-list {

        display: inline-block;

        vertical-align: top;

        font-size: 14px;

        height: 285px;

        color: #666;

    }



    .build-results-showcase .results-showcase-list>li .details-list li {

        text-align: left;

        margin-bottom: 16px;

        padding-left: 12px;

        position: relative;

    }



    .build-results-showcase .results-showcase-list>li .details-list li:after {

        content: "";

        position: absolute;

        left: 0;

        top: 50%;

        width: 5px;

        height: 5px;

        background: #959595;

        border-radius: 50%;

        margin-top: -2.5px;

    }



    .wx-bottom-entry-con {

        background-color: #cb132d;

        height: 112px;

        overflow: hidden;

    }

    .wx-bottom-entry a.wx-bottom-entry-item{

        display: none;

    }

    .wx-bottom-entry a.wx-bottom-entry-item:last-child{

        display: block;

    }

    .wx-bottom-entry {

        margin: 0 auto;

        width: 100%;

        height: 112px;

        overflow: hidden;

    }



    .wx-bottom-entry-item {

        float: left;

        width: 100%;

        position: relative;

        height: 112px;

        display: block;

        padding-top: 33px;

    }



    .wx-bottom-entry-item .arrow {

        display: none;

        position: absolute;

        width: 0;

        height: 0;

        border-left: 15px solid transparent;

        border-right: 15px solid transparent;

        border-bottom: 10px solid #549be5;

        top: -10px;

        left: 50%;

        margin-left: -15px;

    }



    .wx-bottom-entry-item:before {

        position: absolute;

        display: block;

        width: 1px;

        height: 42px;

        left: 0;

        top: 50%;

        margin-top: -21px;

        background-color: #a90a22;

        content: '';

    }



    .wx-bottom-entry-item:after {

        position: absolute;

        display: block;

        width: 1px;

        height: 42px;

        left: 1px;

        top: 50%;

        margin-top: -21px;

        background-color: #d13047;

        content: '';

    }



    .wx-bottom-entry-item:first-child:before,

    .wx-bottom-entry-item:first-child:after {

        display: none;

    }



    .wx-bottom-entry-item:hover .wx-bottom-entry-icon {

        transform: translateY(-5px);

        -webkit-transform: translateY(-5px);

        -moz-transform: translateY(-5px);

        -ms-transform: translateY(-5px);

    }



    .wx-bottom-entry-item:hover .wx-bottom-entry-icon:after {

        transform: translateY(5px);

        -webkit-transform: translateY(5px);

        -moz-transform: translateY(5px);

        -ms-transform: translateY(5px);

    }



    .wx-bottom-entry-item.on {

        background-color: #549be5;

    }



    .wx-bottom-entry-item.on:before,

    .wx-bottom-entry-item.on:after {

        display: none;

    }



    .wx-bottom-entry-item.on .wx-bottom-entry-icon {

        background-color: #3075c1;

    }



    .wx-bottom-entry-item.on .arrow {

        display: block;

    }



    .wx-bottom-entry-icon {

        float: left;

        width: 80px;

        height: 80px;

        border-radius: 50%;

        position: relative;

        background-color: #a00018;

        margin-left: 60px;

        transition: 0.5s ease all;

        top: -10px;

        -webkit-transition: 0.5s ease all;

        -moz-transition: 0.5s ease all;

    }



    .wx-bottom-entry-icon img {

        display: block;

        width: 100%;

        height: 100%;

    }



    .wx-bottom-entry-icon:after {

        width: 64px;

        height: 10px;

        border-radius: 50%;

        background: url(/public/image/shadow_1.png);

        position: absolute;

        left: 50%;

        margin-left: -32px;

        bottom: -12px;

        content: '';

        opacity: .5;

        transition: 0.5s ease all;

        -webkit-transition: 0.5s ease all;

        -moz-transition: 0.5s ease all;

    }



    .wx-bottom-entry-info {

        margin-left: 160px;

        width: 250px;

        padding-top: 10px;

    }



    .wx-bottom-entry-info h6 {

        font-size: 24px;

        color: #fff;

        margin-bottom: 7px;

    }



    .wx-bottom-entry-info p {

        font-family: "Arial";

        font-size: 13px;

        color: rgba(255, 255, 255, 0.6);

        text-transform: uppercase;

    }

}