html {
    position: relative;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.arrow1 {
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 12px;
    border-style: solid;
    border-color: #fff #fff #fff #272727;
}

.arrow2 {
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 12px;
    border-style: solid;
    border-color: #fff #fff #1c1c1c #fff;
}

.t-h {
    text-indent: -9999em;
    overflow: hidden;
}

.font1 {
    font-family: "Georgia";
}

.clear {
    height: 0px;
    clear: both;
    overflow: hidden;
    display: block;
    _zoom: 1;
}

.case h3 a, .company h3, .news h3 {
    width: 22%;
    height: 136px;
    float: left;
    display: block;
}
 .contact h3 {
    width: 19%;
    height: 136px;
    float: left;
    display: block;
}
.content-banner {
    position: relative;
}

    .content-banner .banner-title {
        position: absolute;
        left: 42px;
        top: 30%;
    }

    .content-banner .extend_title {
        top: 40%;
    }

    .content-banner .title_3d {
        top: 40%;
    }

    .content-banner h3 {
        padding: 0;
    }

    .content-banner img {
        width: 100%;
    }

    .content-banner .moblie-banner-title {
        width: 25%;
        left: 39%;
        top: 30%;
        text-align: center;
    }

.case h3 a, .company h3, .news h3, .contact h3 {
    font-size: 44px;
    line-height: 110px;
    text-indent: 42px;
    font-weight: 100;
    font-family: "Arial Narrow";
}

    .case h3 a, .contact h3 a {
        color: #000;
    }

    .news h3 a, .company h3 a {
        color: #fff;
    }

.content-banner h3 {
    font-size: 32px;
    font-weight: bold;
    color: #ef3125;
}

.content-banner h4 {
    font-size: 26px;
    color: #fff;
}

.content-banner p {
    font-size: 18px;
    color: #fff;
}



    header h1 {
        width: 234px;
        height: 181px;
        background: #000;
        position: absolute;
        left: 0;
        text-indent: -9999em;
        overflow: hidden;
        margin: 0;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
    }

    header nav {
        padding: 38px 0 0 240px;
        display: block;
        float: left;
    }

        header nav a {
            width: 70px;
            height: 15px;
            line-height: 14px;
            border-right: 1px dotted #ccc;
            float: left;
            display: block;
            text-align: center;
        }

            header nav a:last-child {
                border-right: none;
            }

            header nav a.hover {
                color: #EF3125;
            }

.btn-nav-bar {
    width: 90px;
    height: 70px;
    position: absolute;
    right: 0;
    background: #fff;
    border: none;
    border-left: 1px solid #ddd;
    cursor: pointer;
    display: none;
}

.icon-bar {
    margin: 5px 0 0 35px;
    background: #333;
    float: left;
    display: block;
    height: 3px;
    width: 20px;
}

.mobile-nav {
    position: absolute;
    display: none;
    top: 0px;
    right: -126px;
    width: 125px;
    border-left: 1px solid #ddd;
    height: 100%;
    background: #f9f9f9;
    display: block;
    z-index: 10000;
}

    .mobile-nav li {
        height: 50px;
        border-bottom: 1px solid #ddd;
        background: #f9f9f9;
        text-align: center;
    }

        .mobile-nav li a {
            width: 125px;
            height: 50px;
            line-height: 50px;
            display: block;
        }

            .mobile-nav li a:hover {
                background: #ddd;
            }

        .mobile-nav li.mobile-nav-list1 {
            height: 70px;
            background: #fff;
            border-right: 2px;
        }

            .mobile-nav li.mobile-nav-list1 a {
                width: 122px;
                height: 70px;
                border-right: 3px solid #ef3125;
                line-height: 70px;
            }

.top-banner {
    width: 245px;
    position: absolute;
    top: 25px;
    right: 60px;
    color: #7d7d7d;
    line-height: 40px;
}

header .contact-info {
    float: right;
}

.btn-nav-bar {
    *visibility: hidden;
}

.mobile-nav {
    display: none;
}

#banner {
    background: #94908d;
    position: relative;
    overflow: hidden;
    margin-top:80px;
   
}

    #banner ul {
        max-width: 100%;
        position: relative;
    }

        #banner ul li {
            max-width: 100%;
            position: absolute;
        }

    #banner li img {
        height: auto;
        display: block;
    }

    #banner .preNext {
        width: 20px;
        height: 38px;
        position: absolute;
        z-index: 1000;
        top: 44%;
        cursor: pointer;
    }

    #banner .pre {
        left: 10px;
    }

    #banner .next {
        right: 10px;
    }

    #banner .p-hover, #banner .n-hover {
        width: 25px;
        height: 41px;
    }

    #banner .btn {
        position: absolute;
        padding: 5px 0px;
        left: 0;
        bottom: 15px;
        text-align: center;
        width: 100%;
    }

        #banner .btn span {
            width: 10px;
            height: 10px;
            margin: 0 2px 0 3px;
            display: inline-block;
            cursor: pointer;
        }

        #banner .preNext, #banner .btn span {
            background: url("../img/ico2.png") no-repeat;
        }

    #banner .pre {
        background-position: -91px -4px;
    }

    #banner .next {
        background-position: -113px -4px;
    }

    #banner .p-hover {
        background-position: -133px -4px;
    }

    #banner .n-hover {
        background-position: -157px -4px;
    }

    #banner .btn span {
        background-position: -182px -17px;
    }

        #banner .btn span.on {
            background-position: -194px -17px;
        }

.case h3 a {
    width: 234px;
    background: #fff;
}

.case {
    -moz-user-select: none;
    -webkit-user-select: none;
    height: 654px;
    background: #000;
    position: relative;
    z-index: 1000;
}

.case-slider-wrapper {
    position: relative;
    overflow: hidden;
}

.case-wrapper {
    width: 3840px;
    position: relative;
    overflow: hidden;
}

.case-lg {
    width: 702px;
    position: absolute;
    z-index: 100;
}

    .case-lg img {
        width: 468px;
        height: 272px;
    }

.case-sm {
    width: 468px;
    position: absolute;
    z-index: 200;
}

.case-con {
    width: 234px;
    height: 136px;
    float: left;
    position: relative;
}

    .case-con h4 {
        padding: 10px 0 0 10px;
        font-size: 14px;
    }

    .case-con p {
        padding: 5px 10px 0 10px;
        line-height: 16px;
        font-size: 12px;
        color: #B5B5B6;
    }

    .case-con a:hover p {
        color: #ffffff;
    }

.case-con-b {
    position: absolute;
    top: 136px;
}

.case .black-bg {
    background: #333333;
    color: #fff;
}

    .case .black-bg a {
        color: #fff;
    }

.case .white-bg {
    background: #fff;
    color: #000;
}

    .case .white-bg a {
        color: #000;
    }

.case-slider-btn-bg {
    width: 100%;
    height: 10px;
    background: #e6e6e6;
    position: absolute;
    cursor: pointer;
}

.case-slider-btn {
    height: 10px;
    background: #7a7a7a;
    position: absolute;
    cursor: pointer;
}

.case-slider-btn-focus {
    position: absolute;
    display: block;
    width: 100%;
    bottom: -9px;
    height: 22px;
    z-index: 10000;
    cursor: pointer;
}

.case-lg-1 {
    top: 136px;
    left: 0;
}

.case-lg-2 {
    top: 272px;
    left: 468px;
}

.case-lg-3 {
    top: 0px;
    left: 702px;
}

.case-lg-4 {
    top: 272px;
    left: 1170px;
}

.case-lg-5 {
    top: 0px;
    left: 1638px;
}

.case-sm-1 {
    top: 0;
    left: 234px;
}

.case-sm-2 {
    top: 408px;
    left: 0;
}

.case-sm-3 {
    top: 408px;
    left: 936px;
}

.case-sm-4 {
    top: 136px;
    left: 1170px;
}

.case-sm-5 {
    top: 0;
    left: 1404px;
}

.case-sm-6 {
    top: 272px;
    left: 1872px;
}

.case-sm-7 {
    top: 408px;
    left: 1872px;
}

.case-img-wrapper {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .case-img-wrapper a {
        width: 100%;
        height: 100%;
        background: #f00;
        position: absolute;
        right: -100%;
        filter: alpha(opacity=50);
        opacity: 0.5;
        display: block;
    }

.case-lg .case-img-wrapper {
    width: 66.666%;
    height: 100%;
    display: block;
}

    .case-lg .case-img-wrapper a {
        width: 100%;
        height: 100%;
        right: -100%;
    }

.case-img-wrapper a {
    transform: skew(15deg,0deg) translate(20px,0px);
    -ms-transform: skew(15deg,0deg) translate(20px,0px);
    -moz-transform: skew(15deg,0deg) translate(20px,0px);
    -webkit-transform: skew(15deg,0deg) translate(20px,0px);
    -o-transform: skew(15deg,0deg) translate(20px,0px);
}

    .case-img-wrapper a.hover {
        transform: skew(0deg,0deg) translate(0px,0px);
        -ms-transform: skew(0deg,0deg) translate(0px,0px);
        -moz-transform: skew(0deg,0deg) translate(0px,0px);
        -webkit-transform: skew(0deg,0deg) translate(0px,0px);
        -o-transform: skew(0deg,0deg) translate(0px,0px);
    }

.case-lg .case-img-wrapper a {
    transform: translate(40px,0px);
    -ms-transform: skew(15deg,0deg) translate(40px,0px);
    -moz-transform: skew(15deg,0deg) translate(40px,0px);
    -webkit-transform: skew(15deg,0deg) translate(40px,0px);
    -o-transform: skew(15deg,0deg) translate(40px,0px);
}

.case-lg a.hover {
    transform: skew(0deg,0deg) translate(0px,0px);
    -ms-transform: skew(0deg,0deg) translate(0px,0px);
    -moz-transform: skew(0deg,0deg) translate(0px,0px);
    -webkit-transform: skew(0deg,0deg) translate(0px,0px);
    -o-transform: skew(0deg,0deg) translate(0px,0px);
}

.case-content .filter-btn {
    height: 37px;
    padding: 18px 0 0 0;
    background: url(../images/bg.gif);
    border-bottom: 1px solid #333;
    box-sizing: initial;
}

    .case-content .filter-btn ul {
        width: 440px;
        margin: 0 auto;
    }

    .case-content .filter-btn li {
        height: 25px;
        font-size: 12px;
        color: #fff;
        float: left;
        line-height: 25px;
        cursor: pointer;
    }

        .case-content .filter-btn li a {
            color: #fff;
            padding: 0 10px;
            display: block;
        }

        .case-content .filter-btn li:hover {
            color: #ef3125;
        }

        .case-content .filter-btn li.checked {
            color: #ef3125;
            background: #333;
        }

            .case-content .filter-btn li.checked a {
                color: #ef3125;
            }

.case-list {
    background: url(../images/bg.gif);
    padding-bottom: 30px;
    min-height: 500px;
    overflow: hidden;
}

    .case-list ul {
        max-width: 1440px;
        margin: 0 auto;
        background: #000000;
        height: 100%;
    }

    .case-list li {
        width: 16.5%;
        margin-left: 3.13%;
        height: 255px;
        padding-top: 30px;
        display: block;
        float: left;
        position: relative;
        max-width: 234px;
    }

        .case-list li a {
            width: 100%;
            color: #fff;
            display: block;
            overflow: hidden;
            position: relative;
            z-index: 200;
        }

            .case-list li a span {
                color: #777;
                font-size: 12px;
                display: block;
                padding-top: 5px;
            }

            .case-list li a img {
                max-width: 100%;
                padding-bottom: 5px;
                display: block;
                height: 141px;
            }

.case-bg {
    width: 110%;
    height: 75%;
    background: #ef3125;
    position: absolute;
    bottom: -5%;
    left: -5%;
    opacity: 0.95;
    filter: alpha(opacity=95);
    display: none;
}

.case-list .mask-point {
    position: absolute;
    top: 0;
}

.case-list .mask {
    background: #000;
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    right: -100%;
}

.case-list .mask {
    transform: skew(15deg,0deg) translate(20px,0px);
    -ms-transform: skew(15deg,0deg) translate(20px,0px);
    -moz-transform: skew(15deg,0deg) translate(20px,0px);
    -webkit-transform: skew(15deg,0deg) translate(20px,0px);
    -o-transform: skew(15deg,0deg) translate(20px,0px);
}

.case-list .mask-over {
    transform: skew(0deg,0deg) translate(0px,0px);
    -ms-transform: skew(0deg,0deg) translate(0px,0px);
    -moz-transform: skew(0deg,0deg) translate(0px,0px);
    -webkit-transform: skew(0deg,0deg) translate(0px,0px);
    -o-transform: skew(0deg,0deg) translate(0px,0px);
}

.do-more {
    width: 98%;
    text-align: center;
    padding: 20px 0px 0px 0px;
    float: left;
    display: block;
}

    .do-more a {
        margin: 0 auto;
    }

        .do-more a.loading {
            background: url(../images/loading.gif) no-repeat;
        }

        .do-more a.none {
            background: none;
            width: 100px;
            height: 20px;
            line-height: 20px;
        }

.case-article {
    padding: 0 42px;
    background: url(../images/bg.gif);
    padding-top: 40px;
    padding-bottom: 30px;
    min-height: 300px;
}

    .case-article h3 {
        font-size: 30px;
        font-weight: 100;
        color: #fff;
        text-align: center;
    }

    .case-article p {
        font-size: 12px;
        color: #9f9f9f;
        text-align: center;
        padding: 5px 0 15px 0;
    }

.case-images {
    text-align: center;
    background: #000;
}

    .case-images img {
        max-width: 100%;
        /*height: 100%;*/
    }

.company h3 {
    line-height: 178px;
}

.company {
    -moz-user-select: none;
    -webkit-user-select: none;
    width: 100%;
    height: 544px;
    position: relative;
    overflow: hidden;
}

    .company strong {
        width: 71%;
        padding: 60px 0 0 0;
        line-height: 42px;
        font-size: 27px;
        color: #fff;
        font-weight: 100;
        float: left;
        display: inline;
    }

    .company ul {
        width: 76%;
        padding: 10% 0 0 22%;
        float: left;
    }

        .company ul li {
            width: 13.8%;
            padding: 0 2.7% 0 0;
            text-align: center;
            float: left;
        }

            .company ul li a {
                display: block;
                float: left;
                color: #fff;
            }

            .company ul li span {
                color: #6f6f6f;
                display: block;
            }

.news {
    height: 185px;
    background: #272727;
    overflow: hidden;
    position: relative;
}

.news-show {
    width: 71.5%;
    position: relative;
    float: left;
}

.news-show-list {
    height: 180px;
    overflow: hidden;
}

.news-con-top {
    width: 32%;
    height: 85px;
    margin: 0 0 10px 0;
    background: #fff;
    position: absolute;
}

    .news-con-top h4 {
        padding: 12px 10px 0px 0;
        height: 20px;
        overflow: hidden;
        margin-bottom: 5px;
    }

    .news-con-top img {
        float: left;
        margin: 10px 10px 0 15px;
    }

    .news-con-top span {
        color: #aaa;
        font-size: 12px;
        display: block;
    }

        .news-con-top span.news-more {
            padding: 10px 0 0 15px;
            color: #333;
            font-size: 12px;
            display: none;
        }

.news-show-list ul {
    position: absolute;
    width: 100%;
}

    .news-show-list ul li {
        width: 32%;
        height: 145px;
        overflow: hidden;
        float: left;
        margin: 35px 1.2% 0 0;
    }

.news-show-list p {
    padding: 95px 0 0 0;
    font-size: 12px;
    color: #fff;
    height: 32px;
    overflow: hidden;
}

.news-select-left, .news-select-right {
    position: absolute;
    top: 70px;
    width: 17px;
    height: 17px;
    display: none;
    cursor: pointer;
    background: url(../images/btn_top.png) !important;
}

.news-select-left {
    right: -1.7%;
    top: 60px;
}

.news-select-right {
    right: -1.7%;
    background-position: bottom left !important;
    top: 80px;
}

.news-select-left:hover {
    background-position: right top !important;
}

.news-select-right:hover {
    background-position: right bottom !important;
}

.news-content {
    background: #f2f2f2;
    padding: 0 0 30px 0;
    margin-top:87px;
}

    .news-content .filter-btn {
        height: 37px;
        padding: 18px 0 0 0;
        background: #f2f2f2;
        border-bottom: 1px solid #e7e7e7;
    }

        .news-content .filter-btn ul {
            width: 145px;
            margin: 0 auto;
        }

        .news-content .filter-btn li {
            padding: 0 10px;
            height: 25px;
            font-size: 12px;
            color: #000;
            float: left;
            line-height: 25px;
            cursor: pointer;
        }

            .news-content .filter-btn li:hover {
                color: #ef3125;
            }

            .news-content .filter-btn li.checked {
                color: #ef3125;
                background: #fff;
            }

.news-list li {
    width: 22.5%;
    height: 200px;
    margin: 10px 0 0 2%;
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 200;
}

    .news-list li span {
        color: #9f9f9f;
        font-size: 12px;
        display: block;
        padding-top: 5px;
    }

    .news-list li p {
        padding: 120px 0 0 0;
        font-size: 13px;
        color: #999;
        line-height: 20px;
    }

.news-list .news-con-top {
    width: 100%;
    height: 115px;
}

    .news-list .news-con-top h4 {
        font-size: 16px;
        height: auto;
        max-height: 42px;
        line-height: 21px;
    }

.news .news-con-top h4 {
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
    margin: 12px 10px 5px 0;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.news-list .news-con-top span.news-more {
    position: absolute;
    top: 95px;
}

.news-article-title {
    padding: 0 0 1% 42px;
    border-bottom: 1px solid #dedede;
    position: relative;
}

    .news-article-title h3 {
        width: 100%;
        font-size: 32px;
        padding-bottom: 5px;
        padding-top: 20px;
        font-weight: bold;
    }

    .news-article-title span {
        width: 100%;
        font-size: 12px;
        color: #b5b5b5;
        display: block;
    }

/*.news-pages {
    width: 30%;
    display: inline;
    padding: 0 42px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -26px;
}*/
.news-pages {
    width: 96%;
    /* float: left; */
    margin-top: 20px;
    margin-bottom: 59px;
    padding: 0 42px;
}

.news-article {
    padding: 20px 42px 0;
    color: #777;
    line-height: 22px;
}

    .news-article img {
        max-width: 100% !important;
        height: auto !important;
        display:block;
        margin: 0 auto;
    }

.about-content {
    border-top: 1px solid #e3e3e3;
    margin-top:80px;
}

    .about-content h3 {
        font-size: 32px;
        font-weight: 100;
    }

    .about-content h3 {
        width: 11%;
        padding: 2% 5% 0 3%;
        float: left;
        display: block;
    }

.about-con {
    float: left;
    width: 73.5%;
    padding-top: 2%;
    padding-right: 7.5%;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
}

.about_con2 {
    max-width: 1080px;
    float: right;
    width: 100%;
}

.about-con p {
    padding-bottom: 5px;
    line-height: 23px;
}

.about {
    overflow: hidden;
    margin-bottom: 50px;
}

    .about .about-con h3 {
        font-size: 30px;
        width: auto;
        padding: 0;
        padding-bottom: 10px;
        float: none;
    }

    .about .about-con h4 {
        font-size: 22px;
    }

    .about .about-con strong {
        font-weight: 100;
        font-size: 18px;
    }

    .about .about-con ul {
        max-width: 1180px;
        padding: 75px 0 0 0;
        overflow: hidden;
    }

        .about .about-con ul li {
            width: 33.3%;
            padding-bottom: 15px;
            float: left;
            max-width: 360px;
        }

    .about .about-con div.team {
        width: 125px;
        height: 125px;
        float: left;
        overflow: hidden;
    }

    .about img {
        max-width: 100%;
    }

    .about .about-con em {
        color: #ef3125;
    }

.about-title {
    position: absolute;
    display: none;
}

.contact {
    height: 380px;
    position: relative;
}

.contact-article {
    display: none;
    float: left;
    width: 8%;
    height: 50%;
}

.contact h5 {
    font-size: 28px;
    font-weight: 100;
    line-height: 28px;
    float: left;
    width: 11%;
    padding: 2% 5% 0 3%;
    float: left;
    display: block;
    padding-top: 40px;
}

.contact .move_menu {
    width: 12%;
    height: 24px;
    background: #272727;
    position: absolute;
    left: 44px;
    top: 105px;
    *top: 100px;
    z-index: -100;
}

    .contact .move_menu .arrow1 {
        position: absolute;
        top: 0;
        right: -24px;
    }

.contact ul {
    width: 22%;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 0;
}

    .contact ul li {
        width: 60%;
        height: 24px;
        line-height: 24px;
        padding: 0 0 0 44px;
        margin: 5px 0 0 0;
        cursor: pointer;
        position: relative;
    }

        .contact ul li span {
            width: 100%;
            height: 24px;
            display: block;
            text-indent: 12px;
            cursor: pointer;
        }

        .contact ul li em {
            position: absolute;
            left: 118px;
            top: 0px;
            line-height: 25px;
            font-size: 11px;
        }

.contact .contact_list {
    width: 22.8%;
    padding-top: 40px;
    float: left;
}

    .contact .contact_list input {
        width: 95%;
        height: 30px;
        margin: 7px 0 0 0;
        padding-left: 5%;
        border: 1px solid #e6e6e6;
        color: #ccc;
        line-height: 30px;
    }

        .contact .contact_list input.changed {
            color: #333;
            border: 1px solid #ccc;
            box-shadow: 0 0 7px #bbb;
        }

    .contact .contact_list textarea {
        width: 95%;
        height: 75px;
        margin: 7px 0 0 0;
        padding: 2px 0 0 5%;
        line-height: 18px;
        border: 1px solid #e6e6e6;
        color: #ccc;
    }

        .contact .contact_list textarea.changed {
            color: #333;
            border: 1px solid #ccc;
            box-shadow: 0 0 7px #bbb;
        }

    .contact .contact_list input.button {
        width: 100%;
        height: 30px;
        margin: 7px 0 0 0;
        background: #2a2a2a;
        color: #fff;
         padding-left: 0% !important;
        text-align: center;
        border: none;
        cursor: pointer;
    }

.contact .contact-detail {
    width: 53%;
    height: 268px;
    overflow: hidden;
    margin: 47px 0 0 1.5%;
    border: 1px solid #e6e6e6;
    float: left;
    position: relative;
    z-index: 300;
}

    .contact .contact-detail h4 {
        font-size: 23px;
        color: #262626;
        font-weight: 100;
        padding: 12px 0 3px 50px;
    }

        .contact .contact-detail h4 strong {
            font-weight: bold;
            padding: 0 10px 0 0;
        }

    .contact .contact-detail address {
        padding: 0 0 0 5%;
        float: left;
    }

        .contact .contact-detail address p {
            line-height: 22px;
        }

            .contact .contact-detail address p.span {
                padding: 15px 0 0 0;
            }

        .contact .contact-detail address span {
            display: block;
        }

.contact-content {
    border-top: 1px solid #E3E3E3;
    padding: 0px 0 0 0;
    /*margin-top:80px;*/
}

.contact-map {
    overflow: hidden;
    margin: 40px 0px 30px 0px;
}

.contact-content p {
    padding: 0 3%;
    font-size: 16px;
    color: #000;
    line-height: 28px;
    text-align: center;
}

.service-content {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
    margin-top:80px;
}

    .service-content h3 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .service-content strong {
        font-size: 20px;
        font-weight: 100;
    }

.service {
    padding-top: 30px;
}

    .service h3, .service strong {
        text-align: center;
        display: block;
        padding: 0 18px;
    }

    .service h4 {
        font-size: 18px;
        padding-bottom: 5px;
        padding-left: 90px;
        font-weight: bold;
    }

    .service p {
        font-size: 14px;
        padding-bottom: 5px;
        padding-left: 90px;
    }

    .service ul {
        padding-top: 30px;
        overflow: hidden;
    }

    .service li {
        height: 190px;
        overflow: hidden;
        width: 29%;
        margin-left: 2.5%;
        margin-bottom: 40px;
        float: left;
        padding:10px 0px 0px 10px;
    }

        .service li ul {
            padding: 0;
            padding-left: 20px;
        }

            .service li ul li {
                width: auto;
                margin: 0;
                height: 20px;
                font-size: 12px;
                float: none;
                padding:0px;
            }

.service-view {
    height: 500px;
    background: url("../img/service-bg.png") no-repeat;
    position: relative;
    color: #fff;
    max-width: 1440px;
    margin: 0 auto;
}

.service-view-bg {
    background: url("../images/bg.gif");
    position: relative;
    color: #fff;
}

    .service-view-bg .zi {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 11;
        color: #fff;
    }

    .service-view-bg h3 {
        padding: 30px 0 0 42px;
    }

    .service-view-bg p.p1 {
        padding: 0 0 0 42px;
    }

.service-view div p {
    /*float: right;*/
    font-size: 24px;
    padding-left: 0;
}

.service-view div span {
    /*float: right;*/
}

.service-view .sv1 p {
    padding-top: 50px;
}

.service-view .sv2 p {
    padding-top: 45px;
}

.service-view .sv3 p {
    padding-top: 70px;
}

.service-view .sv4 p {
    padding-top: 65px;
}

.service-view .sv5 p {
    padding-top: 50px;
}

.service-view .sv6 p {
    padding-top: 50px;
}

.service-view .sv1 {
    width: 120px;
    height: 289px;
    position: absolute;
    left: 151px;
    bottom: 0;
}

.service-view .sv2 {
    width: 105px;
    height: 170px;
    position: absolute;
    left: 332px;
    bottom: 0;
}

.service-view .sv3 {
    width: 130px;
    height: 415px;
    position: absolute;
    left: 523px;
    bottom: 0;
}

.service-view .sv4 {
    width: 145px;
    height: 250px;
    position: absolute;
    left: 718px;
    bottom: 0;
}

.service-view .sv5 {
    width: 110px;
    height: 375px;
    position: absolute;
    left: 940px;
    bottom: 0;
}

.service-view .sv6 {
    width: 100px;
    height: 209px;
    position: absolute;
    left: 1100px;
    bottom: 0;
}

.service-view .service-re {
    position: absolute;
    top: -34px;
    right: 45%;
}

.service-view .service-bg {
    max-width: 100%;
}

.service-content .friend {
    margin: 30px 42px 0 42px;
}

    .service-content .friend ul {
        padding-top: 10px;
    }

    .service-content .friend li {
        width: 14%;
        height: 75px;
        margin: 0.1%;
        text-align: center;
        line-height: 75px;
        float: left;
    }

.job-top {
    margin: 0 42px;
    padding-top: 40px;
}

    .job-top h3 {
        font-size: 32px;
        font-weight: bold;
        padding-bottom: 12px;
    }

    .job-top a.send-email {
        color: #f00;
        text-decoration: underline;
    }

    .job-top strong {
        font-size: 24px;
        font-weight: 100;
        padding: 18px 0 14px 0;
        display: block;
    }

.job-content {
    border-top: 1px solid #e3e3e3;
    padding-bottom: 80px;
    position: relative;
}

    .job-content div.job {
        height: 80px;
        display: block;
        cursor: pointer;
    }

    .job-content ul {
        padding: 40px 0 0 0;
        overflow: hidden;
    }

        .job-content ul li {
            width: 28.66%;
            margin-left: 3.5%;
            padding-bottom: 30px;
            float: left;
        }

            .job-content ul li h4 {
                font-size: 18px;
                padding-top: 10px;
                padding-left: 90px;
            }

            .job-content ul li span {
                color: #aaa;
                padding-left: 10px;
            }

            .job-content ul li p {
                font-size: 12px;
                padding-left: 90px;
            }

            .job-content ul li div.job-ask {
                margin-top: 24px;
                padding: 15px;
                width: 90%;
                color: #fff;
                background: #1c1c1c;
                position: relative;
                display: none;
            }

            .job-content ul li i.arrow2 {
                position: absolute;
                top: -24px;
                left: 25px;
            }

.job-pid {
    position: absolute;
    right: 40px;
    top: 60px;
    display: block;
}

.extend {
    margin: 50px 42px 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}

    .extend h3 {
        font-size: 32px;
        font-weight: bold;
        color: #ef3125;
        padding-bottom: 10px;
    }

    .extend h4 {
        font-size: 32px;
        color: #282828;
        padding-bottom: 10px;
    }

    .extend ul {
        width: 75%;
        margin: 40px auto 0;
    }

        .extend ul li {
            width: 25%;
            float: left;
            height: 110px;
            text-align: center;
        }

            .extend ul li i {
                font-size: 28px;
                color: #fff;
                text-align: center;
                line-height: 46px;
                margin: 0 auto 10px;
            }

.extend-con {
    position: relative;
}

    .extend-con h5 {
        font-size: 24px;
        color: #ef3125;
        padding-bottom: 15px;
        padding-top: 30px;
    }

.extend-con-plan img {
    float: left;
    margin: 10px 5% 0 15%;
    max-width: 100%;
}

.extend-con-plan ul {
    width: 40%;
    margin: 0;
    overflow: hidden;
}

    .extend-con-plan ul li {
        width: 50%;
        text-align: left;
        height: 30px;
    }

.extend-con-plan h5 {
    padding-top: 70px;
}

.extend-con-seo {
    text-align: center;
}

    .extend-con-seo .extend-pic2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .extend-con-seo h5 {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .extend-con-seo p {
        line-height: 30px;
    }

    .extend-con-seo img {
        max-width: 100%;
    }

.extend-con-mobile {
    height: 250px;
    margin: 20px 0 0 0;
}

.extend-con pre {
    padding-top: 78px;
    margin: 15px 0 0 0;
    position: absolute;
    right: 37.5%;
}

.extend-pic3 {
    position: absolute;
    max-width: 100%;
    top: 0px;
    right: 30.5%;
    z-index: -100;
}

.c3d {
    height: 100%;
    overflow: hidden;
}

    .c3d h3 {
        font-size: 32px;
        font-weight: bold;
        text-align: center;
        color: #ef3125;
        padding: 30px 0;
    }

    .c3d h5 {
        font-size: 24px;
        color: #ef3125;
        padding: 0 42px;
        padding-bottom: 15px;
        padding-top: 30px;
    }

    .c3d h6 {
        font-size: 18px;
        padding: 0 42px;
        font-weight: bold;
    }

    .c3d strong {
        padding: 0 42px;
        padding-bottom: 10px;
        display: block;
    }

    .c3d em {
        color: #ef3125;
        padding: 42px;
        display: block;
        float: right;
    }

    .c3d img {
        max-width: 100%;
    }

    .c3d p {
        padding: 0 42px 5px;
    }

    .c3d div {
        overflow: hidden;
    }

.c3d-con2 p {
    padding-top: 2%;
}

.c3d-con5 {
    background: #f6f6f6;
    padding-bottom: 20px;
}

    .c3d-con5 img {
        margin: 35px 0 0 0;
    }

.c3d-con8 {
    padding-bottom: 100px;
}

.c3d-left, .c3d-right {
    width: 50%;
}

.c3d-left {
    float: left;
}

.c3d-right {
    float: right;
}

.mobile h3 {
    font-size: 32px;
    font-weight: bold;
    margin: 0 18px;
    text-align: center;
    color: #ef3125;
    padding: 30px 0;
}

.mobile-con1 ul {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
}

    .mobile-con1 ul li {
        width: 42%;
        padding: 0 0 0 8%;
        font-size: 18px;
        float: left;
        height: 60px;
        line-height: 40px;
    }

        .mobile-con1 ul li p {
            width: 84%;
            float: right;
            overflow: hidden;
            height: 30px;
        }

.mobile-con2 {
    text-align: center;
}

    .mobile-con2 ul {
        width: 90%;
        margin: 0 5%;
        overflow: hidden;
    }

        .mobile-con2 ul li {
            width: 28%;
            margin: 0 0 0 4%;
            float: left;
        }

            .mobile-con2 ul li .mobile-pic {
                height: 110px;
                line-height: 110px;
            }

                .mobile-con2 ul li .mobile-pic img {
                    line-height: 110px;
                }

            .mobile-con2 ul li h4, .mobile-con3 ul li h4 {
                font-size: 22px;
                color: #ef3125;
            }

.mobile-con3 ul {
    width: 90%;
    margin: 0 5% 50px;
    overflow: hidden;
}

    .mobile-con3 ul li {
        width: 22.66%;
        height: 90px;
        overflow: hidden;
        margin: 0 0 0 8%;
        margin-bottom: 30px;
        float: left;
    }

        .mobile-con3 ul li i {
            margin: 20px 20px 20px 0;
        }

.mobile-pic {
    max-width: 100%;
    margin: 10px 0 0 0;
}

.site-con2 h3, .site-con3 h3, .site-con4 h3, .site-con5 h3 {
    font-size: 32px;
    font-weight: bold;
    margin: 0 18px;
    text-align: center;
    color: #ef3125;
    padding: 30px 0 20px 0;
}

.site-con2 p, .site-con3 p, .site-con4 p, .site-con5 p {
    font-size: 18px;
    width: 600px;
    margin: 0 auto;
    padding: 0 18px;
    text-align: center;
}

.site-con3 h4, .site-con4 h4 {
    font-size: 26px;
    font-weight: 100;
    margin: 10px 18px 20px;
    text-align: center;
    color: #ef3125;
}

.site-content .site-con1 {
    padding: 50px 0 50px 0;
    float: left;
}

    .site-content .site-con1 ul {
        margin: 0 5%;
        border-bottom: 1px solid #ddd;
        float: left;
    }

        .site-content .site-con1 ul li {
            text-align: center;
            width: 20%;
            margin: 0 0 0 4%;
            float: left;
            height: 180px;
            position: relative;
        }

            .site-content .site-con1 ul li h4 {
                font-size: 20px;
                color: #ef3125;
                padding: 10px 0 0 0;
            }

            .site-content .site-con1 ul li p {
                height: 80px;
                overflow: hidden;
            }

            .site-content .site-con1 ul li span {
                width: 46px;
                height: 43px;
                display: block;
                background: url("../img/nav_i.png") no-repeat 0 -226px;
                color: #fff;
                text-align: center;
                line-height: 43px;
                font-size: 18px;
                position: absolute;
                bottom: -24px;
                z-index: 300;
                right: 43%;
            }

.site-content .site-con2 ul {
    width: 760px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    overflow: hidden;
}

    .site-content .site-con2 ul li {
        width: 106px;
        height: 63px;
        float: left;
        background: url("../img/con-radius.png") no-repeat;
        text-align: center;
        padding: 43px 0 20px 0;
        margin: 0 3%;
    }

        .site-content .site-con2 ul li.sli2 {
            height: 70px;
            padding-top: 36px;
        }

        .site-content .site-con2 ul li:last-child {
            padding-right: 0;
        }

.site-content .site-con3 ul {
    width: 780px;
    margin: 0 auto;
    overflow: hidden;
}

    .site-content .site-con3 ul li {
        width: 22%;
        background: url("../img/ico-site.png") no-repeat;
        height: 46px;
        line-height: 46px;
        padding: 0 0 0 50px;
        margin-left: 4.5%;
        float: left;
        margin-bottom: 20px;
    }

        .site-content .site-con3 ul li.sc3-li1 {
            background-position: 0 -35px;
        }

        .site-content .site-con3 ul li.sc3-li2 {
            background-position: 0 -81px;
        }

        .site-content .site-con3 ul li.sc3-li3 {
            background-position: 0 -127px;
        }

        .site-content .site-con3 ul li.sc3-li4 {
            background-position: 0 -173px;
        }

        .site-content .site-con3 ul li.sc3-li5 {
            background-position: 0 -219px;
        }

        .site-content .site-con3 ul li.sc3-li6 {
            background-position: 0 -265px;
        }

        .site-content .site-con3 ul li.sc3-li7 {
            background-position: 0 -311px;
        }

        .site-content .site-con3 ul li.sc3-li8 {
            background-position: 0 -357px;
        }

        .site-content .site-con3 ul li.sc3-li9 {
            background-position: 0 -403px;
        }

.site-con4 {
    overflow: hidden;
    width: 890px;
    margin: 0 auto;
}

    .site-con4 p {
        text-align: inherit;
        width: auto;
    }

.site-con-left, .site-con-cen, .site-con-right {
    float: left;
}

.site-con-left, .site-con-right {
    margin-top: 100px;
}

    .site-con-left strong, .site-con-right strong {
        font-size: 18px;
    }

.site-con-right {
    margin-left: 30px;
}

.site-tech {
    overflow: hidden;
    background: #EFEFEF;
    margin: 10px 0 0 0;
    padding: 0 8% 40px;
}

.site-tech-right {
    float: right;
    width: 50%;
}

    .site-tech-right h4 {
        margin-top: 10%;
        font-size: 18px;
        color: #ef3125;
        float: left;
    }

    .site-tech-right p {
        text-align: inherit;
        width: auto;
        margin: 0;
        padding: 0;
        padding-top: 100px;
        float: left;
        margin-left: -70px;
    }

    .site-tech-right ul {
        margin-top: 10%;
        float: right;
    }

        .site-tech-right ul li {
            height: 25px;
            font-size: 16px;
            line-height: 25px;
        }

.site-tech img {
    max-width: 100%;
    margin-top: 6%;
}

.visual-content h3 {
    font-size: 32px;
    font-weight: bold;
    color: #ef3125;
    text-align: center;
    padding: 30px 0 20px 0;
}

.visual-content h4 {
    font-size: 22px;
    color: #ef3125;
}

.visual1 {
    background: #f6f6f6;
}

    .visual1 .visual-con {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
    }

        .visual1 .visual-con h3 {
            margin: 0 6%;
            padding: 55px 0 10px 0;
            text-align: left;
        }

        .visual1 .visual-con p {
            font-size: 14px;
            color: #282828;
            margin: 0 26% 0 6%;
        }

        .visual1 .visual-con div {
            min-height: 270px;
            width: 33.33%;
            float: left;
            background: url("../img/visual-bg.png") no-repeat;
        }

        .visual1 .visual-con .visual-con-left {
            background-position: top right;
        }

        .visual1 .visual-con .visual-con-cen {
            background-position: center right;
        }

        .visual1 .visual-con .visual-con-right {
            background-position: bottom right;
        }

.visual2 ul, .visual4 ul {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

    .visual2 ul li, .visual4 ul li {
        width: 20%;
        margin: 0 0 0 4%;
        float: left;
    }

.visual3 {
    background: url("../img/visual-bg.jpg");
    padding-bottom: 50px;
    margin-top: 20px;
}

    .visual3 ul {
        overflow: hidden;
        width: 92%;
        padding-left: 8%;
    }

        .visual3 ul li h4 {
            padding-top: 30px;
            padding-right: 30px;
        }

        .visual3 ul li p {
            padding-right: 30px;
            padding-bottom: 10px;
        }

        .visual3 ul li span {
            font-size: 12px;
            padding-right: 30px;
            display: block;
        }

        .visual3 ul li {
            width: 45%;
            height: 240px;
            padding-bottom: 10px;
            overflow: hidden;
            margin: 20px 20px 0 0;
            background: #fff;
            float: left;
        }

.visual4 ul li span {
    display: block;
}

.visual4 {
    padding-bottom: 30px;
}

.shop-content h3 {
    font-size: 32px;
    font-weight: bold;
    color: #ef3125;
    text-align: center;
    padding: 30px 0 20px 0;
}

.shop-content h4 {
    font-size: 24px;
    color: #ef3125;
}

.shop1 {
    margin-top: 40px;
    height: 420px;
    background: url("../img/shop-bg.png") no-repeat top;
    overflow: hidden;
    max-width: 1400px;
}

    .shop1 h3 {
        margin: 30px 0 0 0;
        padding: 0;
        text-align: left;
    }

    .shop1 span {
        margin-bottom: 200px;
        margin-right: 20px;
        font-size: 48px;
        color: #fff;
        line-height: 70px;
        text-align: center;
        width: 70px;
        height: 70px;
        display: block;
        float: left;
        background: url("../img/con-radius2.png") no-repeat;
    }

    .shop1 div {
        overflow: hidden;
        width: 26.66%;
        margin-left: 5%;
        float: left;
    }

.shop1-left {
    margin-top: 220px;
}

.shop1-cen {
    margin-top: 180px;
}

.shop1-right {
    margin-top: 30px;
}

.shop2 ul {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

    .shop2 ul li {
        width: 26.66%;
        margin-left: 5%;
        float: left;
        text-align: center;
        vertical-align: middle;
    }

        .shop2 ul li img {
            max-width: 100%;
        }

.shop3 ul {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.shop3 h3 {
    margin-bottom: 20px;
}

.shop3 ul li {
    width: 26.66%;
    margin-left: 5%;
    float: left;
}

    .shop3 ul li p {
        padding-top: 15px;
    }

.shop4 h3 {
    padding-bottom: 10px;
}

.shop4 h4 {
    text-align: center;
}

.shop4 span, .shop5 span, .shop6 span, .shop8 span {
    display: block;
    height: 40px;
    background: url("../img/shop-con.png") no-repeat;
}

    .shop4 span.shop4-con-bottom, .shop5 span.shop5-con-bottom, .shop6 span.shop6-con-bottom, .shop8 span.shop8-con-bottom {
        background-position: bottom right;
    }

.shop4-top, .shop5-top, .shop6, .shop8-top {
    width: 890px;
    overflow: hidden;
    margin: 30px auto;
}

.shop4-con, .shop5-con, .shop6-con, .shop8-con {
    width: 45%;
    margin: 0 0 0 3.33%;
    float: left;
}

    .shop4-con p, .shop5-con p, .shop6-con p, .shop8-con p {
        padding: 0 60px;
    }

.shop4-bottom {
    width: 88%;
    margin: 0 6%;
    text-align: center;
}

.shop4 img {
    max-width: 100%;
}

.shop5 {
    padding: 40px 0 0 0;
}

    .shop5 h4 {
        text-align: center;
        margin: 0 6%;
    }

.shop5-bottom {
    width: 96%;
    margin: 0 auto;
    text-align: center;
    max-width: 1290px;
}

    .shop5-bottom img {
        max-width: 100%;
    }

    .shop5-bottom ul {
        overflow: hidden;
    }

        .shop5-bottom ul li {
            width: 9%;
            text-align: center;
            float: left;
            padding: 0 1.05%;
        }

.shop6 h4, .shop7 h4, .shop8 h4 {
    text-align: center;
    padding: 20px 0 20px 0;
}

.shop7 ul {
    width: 890px;
    margin: 0 auto;
    overflow: hidden;
}

.shop7 li {
    width: 107px;
    height: 67px;
    text-align: center;
    padding-top: 40px;
    display: block;
    float: left;
    background: url("../img/con-radius.png") no-repeat;
    margin: 0 0 10px 2%;
}

.shop8-bottom {
    width: 96%;
    height: 200px;
    margin: 0 auto;
    background: url("../img/shop-bg2.png") no-repeat;
    overflow: hidden;
    max-width: 1299px;
    margin: 0 auto;
}

    .shop8-bottom ul {
        overflow: hidden;
    }

        .shop8-bottom ul li {
            float: left;
            padding: 90px 0 0 30px;
        }

footer {
    height: 190px;
    background: #ca2720;
    overflow: hidden;
}

    footer address {
        width: 340px;
        padding: 20px 0 0 0;
        float: left;
    }

        footer address p {
            padding: 0 0 0 42px;
            color: #fff;
            letter-spacing: 0px;
        }

        footer address small {
            color: #fff;
            letter-spacing: normal;
            font-size: 12px;
            display: block;
        }

        footer address .f-photo {
            padding-top: 10px;
        }

        footer address p span {
            font-size: 22px;
            font-weight: bold;
            display: block;
            font-family: arial;
        }

    footer section {
        padding: 20px 0 0 0;
        width: 14.2%;
        float: left;
    }

        footer section dl dt a {
            color: #fff;
            font-size: 16px;
        }

            footer section dl dt a:hover {
                color: #fff;
            }

        footer section dl dd {
            padding: 1px 0 0 0;
        }

            footer section dl dd a {
                color: #ffffff;
                font-size: 12px;
            }

                footer section dl dd a:hover {
                    color: #fff;
                }

.side-bar {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 45px;
    z-index: 10000;
    display: none;
}

    .side-bar div {
        margin: 1px 0 0;
        float: right;
        cursor: pointer;
    }

        .side-bar div p {
            color: #fff;
            line-height: 45px;
        }

.to-top {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #cbcbcb;
    color: #fff;
    font-weight: bold;
    position: relative;
}

.side-bar-erweima {
    width: 45px;
    height: 45px;
    background: #9d120c;
    position: relative;
}

.erweima {
    width: 140px;
    height: 150px;
    display: none;
    position: absolute;
    top: -108px;
    left: -155px;
    background: #fff;
    border: 1px solid #ccc;
    float: right;
    cursor: default !important;
}

.side-bar-erweima .erweima p {
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}

.side-bar-erweima .arrow3 {
    width: 6px;
    height: 11px;
    display: block;
    background: url("../img/weixin-arrow.png")no-repeat;
    position: absolute;
    right: -6px;
    top: 122px;
}

.side-bar-erweima img {
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}

.side-bar-qq {
    width: 45px;
    height: 45px;
    background: #9d120c;
}

.side-bar-contact {
    width: 45px;
    height: 45px;
    background: #9d120c;
}

.top-banner i.ico1 {
    width: 36px;
    height: 39px;
    padding: 0 10px 0 0;
    float: left;
    display: block;
    box-sizing: initial;
}

header .contact-info a {
    width: 46px;
    height: 45px;
    display: block;
}

.case-con .ico2 {
    width: 7px;
    height: 14px;
    position: absolute;
    z-index: 1300;
    display: block;
}

.mask-point {
    margin: -21px 0 0 40%;
    width: 42px;
    height: 42px;
    display: none;
    position: absolute;
    z-index: 300;
    top: 50%;
    left: 0px;
}

.case-content .mask-point {
    margin: 20% 0 0 40%;
    top: 0;
    left: 0px;
}

.case-lg .mask-point {
    margin-left: 46%;
}

.case-con i.black-ico-l {
    left: -7px;
    top: 30px;
}

.case-con i.white-ico-l {
    left: -7px;
    top: 30px;
}

.case-con i.black-ico-r {
    right: -7px;
    top: 30px;
}

.case-con i.white-ico-r {
    right: -7px;
    top: 30px;
}

.case-article .ico-c, .news-content .ico-c {
    width: 51px;
    height: 51px;
    display: block;
}

.case-share .c-erweima div .ico2, .news-share .c-erweima div .ico2 {
    width: 14px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 80px;
    display: block;
}

.case-pages {
    height: 70px;
    padding: 15px 0 0 0;
    border-top: 1px solid #333;
    position:relative;
  
}
@media (max-width: 767px) {
  .case-pages{
    font-size: 12px;
  }
}

    .case-pages .prev, .news-pages .prev {
        margin: 0 10px 0 0;
    }

    /*.case-pages .link, .news-pages .back {
        margin: 0 10px 0 0;
    }*/

.case-share, .news-share {
    width: 183px;
    height: 75px;
    margin: 0 auto;
    padding: 35px 0 0 0;
}

.news-share {
    padding-bottom: 50px;
}

    .case-share .qq, .news-share .qq {
        margin: 0 10px 0 0;
    }

    .case-share .sina, .news-share .sina {
        margin: 0 10px 0 0;
    }

    .case-share .c-erweima, .news-share .c-erweima {
        position: relative;
    }

        .case-share .c-erweima div, .news-share .c-erweima div {
            width: 180px;
            height: 200px;
            background: #f7f7f7;
            position: absolute;
            top: -210px;
            left: -60px;
            display: none;
        }

            .case-share .c-erweima div img, .news-share .c-erweima div img {
                width: 148px;
                height: 148px;
                margin: 16px;
            }

        .case-share .c-erweima i.ico-c, .news-share .c-erweima i.ico-c {
            cursor: pointer;
        }

        .case-share .c-erweima span, .news-share .c-erweima span {
            font-size: 12px;
            position: absolute;
            bottom: 10px;
            left: 20px;
        }

.company ul li a i.ico2 {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto 5px;
}

.news-con-top .ico2 {
    width: 14px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 30px;
    display: block;
}

.contact ul li i {
    position: absolute;
    top: 0;
    right: -24px;
}

.icon-s {
    width: 70px;
    height: 70px;
    display: block;
    float: left;
    margin:0px 0px 40px 0;
}

.service-view i.icon-s2 {
    float: left;
}

.service-view .sv1 i.icon-s2 {
    width: 42px;
    height: 85px;
    display: block;
}

.service-view .sv2 i.icon-s2 {
    width: 43px;
    height: 170px;
    display: block;
}

.service-view .sv3 i.icon-s2 {
    width: 53px;
    height: 415px;
    display: block;
}

.service-view .sv4 i.icon-s2 {
    width: 49px;
    height: 250px;
    display: block;
}

.service-view .sv5 i.icon-s2 {
    width: 50px;
    height: 375px;
    display: block;
}

.service-view .sv6 i.icon-s2 {
    width: 44px;
    height: 86px;
    display: block;
}

.ico-j {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
}

.extend ul li i.ico-e {
    width: 46px;
    height: 46px;
    display: block;
}

.mobile .ico-m1, .mobile .ico-m2, .mobile .ico-m3, .mobile .ico-m4 {
    display: block;
    height: 33px;
    float: left;
}

.mobile .ico-m1 {
    width: 34px;
}

.mobile .ico-m2 {
    width: 33px;
}

.mobile .ico-m3 {
    width: 27px;
}

.mobile .ico-m4 {
    width: 39px;
}

.mobile .ico-m5, .mobile .ico-m6, .mobile .ico-m7, .mobile .ico-m8, .mobile .ico-m9, .mobile .ico-m10, .mobile .ico-m11, .mobile .ico-m12 {
    display: block;
    width: 50px;
    height: 51px;
    float: left;
}

.ico-site {
    width: 34px;
    height: 32px;
    display: block;
    margin: 0 auto;
}

.ico-st {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
}

.visual2 .icon-v {
    width: 205px;
    height: 125px;
    display: block;
    margin: 0 auto 10px;
}

.visual3 ul li .icon-v {
    width: 29px;
    height: 29px;
    margin: 100px 15px 200px 20px;
    display: block;
    float: left;
}

.shop {
}

footer address p i.ico1 {
    width: 29px;
    height: 29px;
    margin: 10px 10px 0 0;
    display: block;
    float: left;
}

.side-bar .ico2 {
    width: 46px;
    height: 46px;
    display: block;
    float: left;
}

.side-bar .side-bar-erweima .ico2 {
    float: right;
}

.to-top .ico2 {
    width: 12px;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 18px;
}

.ico1, .ico-e {
    background: url("../img/nav_i.png") no-repeat;
}

.contact-info a {
    background: url("../img/header-contace-bg.png") no-repeat;
}

.ico2 {
    background: url("../img/ico2.png") no-repeat;
}

.ico-c {
    background: url("../img/ico-c.png") no-repeat;
}

.icon-s {
    background: url("../img/ico-s.png") no-repeat;
}

.icon-s2 {
    background: url("../img/ico-s2.png") no-repeat;
}

.icon-m {
    background: url("../img/ico-m.png") no-repeat;
}

.ico-site, .ico-st {
    background: url("../img/ico-site.png") no-repeat;
}

.icon-v {
    background: url("../img/ico-v.png") no-repeat;
}

header h1 {
    background:url("../img/logo.png") no-repeat;
    
   

    

}

header .contact-info a.ci-qq-ico {
    background-position: 0 0;
}

header .contact-info a.ci-weibo-ico {
    background-position: 0 -45px;
}

header .contact-info a.ci-qq-ico:hover {
    background-position: -46px 0;
}

header .contact-info a.ci-weibo-ico:hover {
    background-position: -46px -45px;
}

.top-banner i.ico1 {
    background-position: 0 -90px;
}

.mask-point {
    background-position: -49px -2px;
}

.case-con .black-ico-l {
    background-position: 0 0;
}

.case-con .black-ico-r {
    background-position: -7px 0;
}

.case-con .white-ico-l {
    background-position: -14px 0;
}

.case-con .white-ico-r {
    background-position: -21px 0;
}

.case-article .case-pages a.prev i.ico-c {
    background-position: -52px 0;
}

.news-pages a.prev i.ico-c {
    background-position: -520px 0;
}

.case-article .case-pages a.link i.ico-c {
    background-position: -156px 0;
}

.case-article .case-pages a.next i.ico-c {
    background-position: -104px 0;
}

.case-article .case-share a.qq i.ico-c {
    background-position: -208px 0;
}

.case-article .case-share a.sina i.ico-c {
    background-position: -260px 0;
}

.case-article .case-share a.c-erweima i.ico-c {
    background-position: -312px 0;
}

.case-article .case-pages a.back:hover i.ico-c {
    background-position: 0 -52px;
}

.case-article .case-pages a.prev:hover i.ico-c {
    background-position: -52px -52px;
}

.case-article .case-pages a.link:hover i.ico-c {
    background-position: -156px -52px;
}

.case-article .case-pages a.next:hover i.ico-c {
    background-position: -104px -52px;
}

.case-article .case-share a.qq:hover i.ico-c {
    background-position: -208px -52px;
}

.case-article .case-share a.sina:hover i.ico-c {
    background-position: -260px -52px;
}

.case-article .case-share a.c-erweima:hover i.ico-c {
    background-position: -312px -52px;
}

.case-share .c-erweima div .ico2, .news-share .c-erweima div .ico2 {
    background-position: -15px -8px;
}

.news-pages a.back i.ico-c {
    background-position: -624px 0;
}

.news-pages a.next i.ico-c {
    background-position: -572px 0;
}

.news-share a.qq i.ico-c {
    background-position: -364px 0;
}

.news-share a.sina i.ico-c {
    background-position: -416px 0;
}

.news-share a.c-erweima i.ico-c {
    background-position: -468px 0;
}

.news-pages a.back:hover i.ico-c {
    background-position: -624px -51px;
}

.news-pages a.prev:hover i.ico-c {
    background-position: -520px -52px;
}

.news-pages a.next:hover i.ico-c {
    background-position: -572px -52px;
}

.news-share a.qq:hover i.ico-c {
    background-position: -364px -52px;
}

.news-share a.sina:hover i.ico-c {
    background-position: -416px -52px;
}

.news-share a.c-erweima:hover i.ico-c {
    background-position: -468px -52px;
}

.company {
    background: #020202 url("../img/company.jpg") no-repeat center center;
}

    .company ul li a i.c-1 {
        background-position: 0px -92px;
    }

    .company ul li a i.c-2 {
        background-position: -71px -92px;
    }

    .company ul li a i.c-3 {
        background-position: -142px -92px;
    }

    .company ul li a i.c-4 {
        background-position: -213px -92px;
    }

    .company ul li a i.c-5 {
        background-position: -284px -92px;
    }

    .company ul li a i.c-6 {
        background-position: -355px -92px;
    }

    .company ul li a i.c-1:hover {
        background-position: -0px -162px;
    }

    .company ul li a i.c-2:hover {
        background-position: -71px -162px;
    }

    .company ul li a i.c-3:hover {
        background-position: -142px -162px;
    }

    .company ul li a i.c-4:hover {
        background-position: -213px -162px;
    }

    .company ul li a i.c-5:hover {
        background-position: -284px -162px;
    }

    .company ul li a i.c-6:hover {
        background-position: -355px -162px;
    }

.news-con-top .ico2 {
    background-position: -14px -8px;
}

.news-select-left {
    background-position: 0 -160px;
}

.news-select-right {
    background-position: -17px -161px;
}

.service .i-s2 {
    background-position: -70px 0;
}

.service .i-s3 {
    background-position: -140px 0;
}

.service .i-s4 {
    background-position: 0px -70px;
}

.service .i-s5 {
    background-position: -70px -70px;
}

.service .i-s6 {
    background-position: -140px -70px;
}

.service a:hover .i-s1 {
    background-position: 0 -140px;
}

.service a:hover .i-s2 {
    background-position: -70px -140px;
}

.service a:hover .i-s3 {
    background-position: -140px -140px;
}

.service a:hover .i-s4 {
    background-position: 0px -210px;
}

.service a:hover .i-s5 {
    background-position: -70px -210px;
}

.service a:hover .i-s6 {
    background-position: -140px -210px;
}

.service-view .sv1 .icon-s2 {
    background-position: 0 -126px;
}

.service-view .sv2 .icon-s2 {
    background-position: -43px -245px;
}

.service-view .sv3 .icon-s2 {
    background-position: -87px 0;
}

.service-view .sv4 .icon-s2 {
    background-position: -141px -165px;
}

.service-view .sv5 .icon-s2 {
    background-position: -191px -40px;
}

.service-view .sv6 .icon-s2 {
    background-position: -242px -206px;
}

.job-content ul li i.i-j2 {
    background-position: -80px 0;
}

.job-content ul li i.i-j3 {
    background-position: -160px 0;
}

.job-content ul li i.i-j4 {
    background-position: 0 -80px;
}

.job-content ul li i.i-j5 {
    background-position: -80px -80px;
}

.job-content ul li i.i-j6 {
    background-position: -160px -80px;
}

.job-content ul li i.i-j7 {
    background-position: 0 -160px;
}

.job-content ul li i.i-j8 {
    background-position: -80px -160px;
}

.job-content ul li i.i-j9 {
    background-position: -160px -160px;
}

.extend ul li i.ico-e {
    background-position: 0 -180px;
}

.mobile .ico-m2 {
    background-position: -35px 0;
}

.mobile .ico-m3 {
    background-position: -70px 0;
}

.mobile .ico-m4 {
    background-position: -97px 0;
}

.mobile .ico-m5 {
    background-position: 0 -35px;
}

.mobile .ico-m6 {
    background-position: -51px -35px;
}

.mobile .ico-m7 {
    background-position: -102px -35px;
}

.mobile .ico-m8 {
    background-position: 0 -86px;
}

.mobile .ico-m9 {
    background-position: -51px -86px;
}

.mobile .ico-m10 {
    background-position: -102px -86px;
}

.mobile .ico-m11 {
    background-position: 0 -137px;
}

.mobile .ico-m12 {
    background-position: -51px -137px;
}

.site-content .is2 {
    background-position: -34px 0;
}

.site-content .is3 {
    background-position: -68px 0;
}

.site-content .is4 {
    background-position: -110px 0;
}

.ico-st {
    background-position: -155px 0;
}

.visual2 .iv2 {
    background-position: -200px 0;
}

.visual2 .iv3 {
    background-position: -390px 0;
}

.visual2 .iv4 {
    background-position: -580px 0;
}

.visual3 .iv5 {
    background-position: 0 -125px;
}

.visual3 .iv6 {
    background-position: -29px -125px;
}

.visual3 .iv7 {
    background-position: -62px -125px;
}

.visual3 .iv8 {
    background-position: -97px -125px;
}

footer address i.ico1 {
    background-position: 0 -132px;
}

.side-bar-erweima .ico2 {
    background-position: -46px -46px;
}

.side-bar-qq .ico2 {
    background-position: 2px -46px;
}

.side-bar-contact .ico2 {
    background-position: -92px -46px;
}

.to-top .ico2 {
    background-position: -28px -2px;
}

@media only screen and (min-width:1600px) {
    .about_con2 {
        padding-right: 10%;
    }
    header {
    height: 90px;
    background: #fff;
    position: absolute;
    z-index: 1000;
    overflow: hidden;
    width:100%;
    top:0px;
    -moz-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.3); box-shadow:0px 4px 6px rgba(0, 0, 0, 0.3);
}
}

@media only screen and (max-width:1440px) {
    .about_con2 {
        padding-right: 0;
    }
    header {
    height: 90px;
    background: #fff;
    position: absolute;
    z-index: 1000;
    overflow: hidden;
    width:100%;
    top:0px;
    -moz-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.3); box-shadow:0px 4px 6px rgba(0, 0, 0, 0.3);
}
}

body .news-content .jiathis_style span, body .content .jiathis_style span {
    background: none !important;
    float: none !important;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
}

.page {
    width: 100%;
    clear: left;
    height: 10px;
    overflow: hidden;
    line-height: 25px;
}

    .page a, .page b {
        text-align: right;
        color: #f6f6f6 !important;
        font-size: 11px;
        font-weight: bold;
    }

        .page a:hover {
            color: #f6f6f6 !important;
        }

#sucess_tj {
    width: 40%;
    position: fixed;
    height: 80px;
    border: 1px solid #ccc;
    box-shadow: 0 0 7px #bbb;
    top: 50%;
    margin-top: -40px;
    left: 50%;
    margin-left: -20%;
    background: #fff;
    z-index: 1111;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    display: none;
}

.case-content .page a, .case-content .page b {
    color: #060606 !important;
}

    .case-content .page a:hover {
        color: #060606 !important;
    }

#sucess_tj p {
    padding: 20px 0;
}

p.ftj a {
    font-size: 11px !important;
}

.contact form {
    position: relative;
}

.fbyzm {
    position: absolute;
    color: #fff;
    border: 1px solid #ccc;
    padding: 10px 5% 0;
    left: 0px;
    bottom: 0px;
    z-index: 111;
    background: #666;
    width: 90%;
    display: none;
}

.contact form .fbyzm input {
    width: 80px;
    float: left;
    margin-top: 0px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.contact form .fbyzm img {
    height: 32px;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

.contact form span {
    float: left;
    line-height: 32px;
    width: 90px;
    text-align: center;
    margin-bottom: 10px;
}

.contact form button {
    width: 70px;
    height: 30px;
    float: left;
    margin-bottom: 10px;
}

.listpage {
    width: 100%;
    clear: left;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
}

    .listpage .current {
        background: #666;
        padding: 10px;
        margin: 0px 10px;
    }

.ftj a {
    color: #fff;
}

header h1:hover {
    top: -91px;
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    z-index: 777;
}

.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 640px;
    height: 480px;
    background: #eee url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    z-index: 999;
}

    .reveal-modal.small {
        width: 200px;
        margin-left: -140px;
    }

    .reveal-modal.medium {
        width: 400px;
        margin-left: -240px;
    }

    .reveal-modal.large {
        width: 600px;
        margin-left: -340px;
    }

    .reveal-modal.xlarge {
        width: 800px;
        margin-left: -440px;
    }

    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
    }

.listpage a {
    background: #666;
    padding: 5px 10px;
    margin: 0px 5px;
    color: #ffffff;
}


/*头部*/
.headimg {
    width: 1270px;
    height: 259px;
    margin: 0 auto;
    border: solid 0px red;
}

    .headimg .left {
        width: 50px;
        height: 259px;
        float: left;
        border: solid 0px red;
    }

    .headimg .right {
        width: 50px;
        height: 259px;
        float: left;
        border: solid 0px red;
    }

.ykcontent {
    width: 1170px;
    overflow: hidden;
    margin: 0px auto;
    background: #222;
    min-height: 500px;
}

.dibu {
    width: 1000px;
    border: solid 0px red;
    text-align: center;
    margin: 0 auto;
    font-family: 微软雅黑;
    color: white;
}

@media screen and (min-width: 320px) and (max-width: 414px) {
    .headimg {
        width: 100%;
        height: auto;
        margin: 0 auto;
        border: solid 0px red;
    }

        .headimg .left {
            width: 0px;
            height: 259px;
            float: left;
            border: solid 0px red;
        }

        .headimg .right {
            width: 100%;
            height: auto;
            border: solid 0px red;
            top: 8x;
            position: absolute;
        }

            .headimg .right p {
                float: left;
                margin-right: 5px;
            }

    .dibu {
        width: 100%;
        border: solid 0px red;
        text-align: center;
        margin: 0 auto;
        font-family: 微软雅黑;
        color: white;
    }

    .ykcontent {
        width: 100%;
        overflow: hidden;
        margin: 0px auto;
        background: #222;
        min-height: 300px;
    }
}


.hezi {
    width: 554px;
    margin: 0 15px 30px 15px;
    border: 2px #942027 solid;
    float: left;
    position: relative;
}

    .hezi .title-over {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,0.8);
        padding: 5px 20px;
    }

        .hezi .title-over h4 {
            color: #ffffff;
            text-align: center;
            font-size: 17px;
            font-family: '微软雅黑';
        }

    .hezi img {
        float: left;
        width: 100%;
    }

.hezi2 {
    width: 554px;
    margin: 0 15px 30px 15px;
    float: left;
    ;
    border: 2px #942027 solid;
    position: relative;
}

    .hezi2 .title-over {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,0.8);
        padding: 5px 20px;
    }

        .hezi2 .title-over h4 {
            color: #ffffff;
            font-size: 17px;
            text-align: center;
            font-family: '微软雅黑';
        }

    .hezi2 img {
        float: left;
        width: 100%;
    }

.case-content .filter-btn li a:active {
    color: #ef3125;
    background: #333;
}


.Whole-country {
    font-weight: normal;
    margin-top: 12px;
    font-size: 17px;
    font-family: '微软雅黑';
    margin-bottom: 3px;
    letter-spacing: 0.3px;
}

.font-normal {
    font-weight: normal;
    font-size: 19px;
    padding-left: 39px;
}

.number-four {
    padding-left: 39px;
    font-weight: normal;
    letter-spacing: 1.6px;
    font-size: 19px;
}


/*新建*/
.service-title p {
    font-size: 22px;
    color: #0c0c0c;
    margin-bottom: 20px;
}

.service-title span {
    font-size: 12px;
    color: #bcbcbc;
}

.service-col-li {
    width: 70px;
    height: 70px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #dc252a;
    overflow: hidden;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
    display: inline-block;
}

.service-col a {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 40px;
}

    .service-col a:hover, .service-both a:focus {
        text-decoration: none;
    }

.ser-li {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: block;
}

.i-ser1 {
   
     background-image:url(../img/Image-planning.png); background-repeat:no-repeat; background-size:100% 100%; 
    transition: background 0.5s;
}

.i-ser2 {  
    background-image:url(../img/Product-sample.png); background-repeat:no-repeat;
     background-size:100% 100%; 
    transition: background 0.5s;
}

.i-ser3 {
    background: url(../img/Brand-website.png)no-repeat center;
     background-size:100% 100%; 
    transition: background 0.5s;
}

.i-ser4 {
    background: url(../img/three-video.png)no-repeat center;
     background-size:100% 100%; 
    transition: background 0.5s;
}

.i-ser5 {
    background: url(../img/Monthly-promotion.png)no-repeat center;
    background-size: 100% 100%;
    transition: background 0.5s;
}

.i-ser6 {
    background: url(../img/prc-platform.png)no-repeat center;
     background-size:100% 100%; 
    transition: background 0.5s;
}

.service-col-li:hover .i-ser1 {
    background: url(../img/Image-planning2.png)no-repeat center;
    background-size:100%;
    -webkit-animation: toLeftFromRight 0.5s forwards;
    -moz-animation: toLeftFromRight 0.5s forwards;
    animation: toLeftFromRight 0.5s forwards;
}

.service-col-li:hover .i-ser2 {
    background: url(../img/Product-sample2.png)no-repeat center;
     background-size:100%;
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

.service-col-li:hover .i-ser3 {
    background: url(../img/Brand-website2.png)no-repeat center;
     background-size:100%;
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

.service-col-li:hover .i-ser4 {
    background: url(../img/three-video2.png)no-repeat center;
     background-size:100%;
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

.service-col-li:hover .i-ser5 {
    background: url(../img/Monthly-promotion2.png)no-repeat center;
     background-size:100%;
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

.service-col-li:hover .i-ser6 {
    background: url(../img/prc-platform2.png)no-repeat center;
     background-size:100%;
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}


.service-col-li:hover {
    background: #dc252a;
    box-shadow: 0 0 0 8px #fdcacc;
}

.case {
    z-index: 0;
}


@-webkit-keyframes toLeftFromRight {


    49% {
        -webkit-transform: translate(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

.service-col:after,
.news-main:after,
.news-main > li:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.service-title {
    width: 500px;
    text-align: center;
    margin: 75px auto 60px;
}

.service-col {
    margin-top: 75px;
    text-align: center;
}

    .service-col li {
        width: 16.666%;
        float: left;
    }

.service-ul p {
    font-size: 16px;
    color: #2c2c2c;
    margin-top: 25px;
    font-family: "微软雅黑";
}

.we-case, .service_main {
    overflow: hidden;
}

    .service_main > div {
        width: 1200px;
        margin: 0 auto;
    }

/*主页新闻*/


.news-main {
    margin-top: 70px;
}

.news-time {
    width: 13%;
    float: left;
    padding: 2%;
    text-align: right;
    background: #eeeeee;
    font-family: "arial, helvetica, sans-serif";
}

.news-time p {
    color: #000000;
    font-size: 28px;
    margin-bottom: 5px;
}

.news-time span {
    color: #777777;
    display: block;
    font-size: 16px;
    text-align: right;
    margin-bottom: 5px;
}

.news-con {
    width: 60%;
    background: white;
    float: left;
    padding:  2% 5% 5% 5%;
}

    .news-con p {
        color: #000000;
        font-size: 18px;
        margin-bottom: 15px;
        white-space: nowrap; /* 防止文本换行 */
        overflow: hidden; /* 隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 显示省略号 */
    }

.news-con span {
    width: 100%;
    height: 36px;
    color: #bcbcbc;
    display: block;
    font-size: 12px;
    overflow: hidden;
    line-height: 18px;
}

.news-li:hover .news-con {
    background: #202020;
}

.news-li:hover .news-con p {
    color: white;
}

.news-li:hover .news-time {
    background: #dc252a;
    color: white !important;
}

.news-li:hover .news-time span {
    color: white;
}

.news-li:hover .news-time p {
    color: white;
}

.news-main > li {
    width: 50%;
    margin-bottom: 10px;
    float: left;
}

.VIEW-MORE {
    width: 182px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #202020;
    border-radius: 20px;
    margin: 0 auto 60px;
    font-size: 14px;
    color: #202020;
    cursor: pointer;
    font-weight: normal;
}

.News-information > div, .footer-nav {
    width: 1200px;
    margin: 0 auto;
}

.news-li:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

/* 底部*/
.bottom {
    background: #232323;
    border-top: 10px solid #dc252a;
}

.foot-list {
    color: #858585;
    font-size: 12px;
}

.foot-list:after {
    height: 0;
    clear: both;
    display: block;
    content: "clear";
    overflow: hidden;
    visibility: hidden;
}

.foot-list {
    padding-bottom: 49px;
    border-bottom: 1px solid #3d3d3c;
}

.weixin span {
    font-size: 12px;
    color: #000000;
    margin-left: 8px;
}

.weixin {
    width: 130px;
    float: right;
    background: white;
    text-align: center;
}

.weixin > img {
    width: 110px;
    margin: 10px;
}

.weixin > div {
    line-height: 50px;
    text-align: center;
}

.foot-list:after,
.footer-nav:after,
.foot-li:after,
.filter-btn:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.footer-bottom {
    font-size: 12px;
    line-height: 60px;
    color: #5b5b5b;
    text-align: center;
}

.footer-bot {
    line-height: 25px;
    font-size: 12px;
}

.footer-title {
    background: #232323;
}

.footer-bot span {
    margin-right: 10px;
    color: #5b5b5b;
}

.footer-bot span:last-of-type {
    margin-right: 0px;
}

.foot-li dl {
    float: left;
    width: 33%;
}

.foot-li dt {
    margin-bottom: 25px;
}

.foot-li dt a {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.foot-li dd a {
    font-size: 12px;
    color: #8b8b8b;
}

.footer-nav {
    overflow: hidden;
}

.foot-li dd {
    margin-bottom: 10px;
}

.foot-li, .foot-text {
    width: 40%;
    float: left;
    height: 220px;
    box-sizing: border-box;
    margin-top: 56px;
}

.foot-li {
    border-right: 1px solid #2b2b2b;
}

.foot-text {
    border-left: 1px solid #000000;
    border-right: 1px solid #2b2b2b;
}

.foot-text ul {
    margin-left: 25%;
}

.foot-text ul li:first-of-type {
    color: #dc252a;
    font-size: 18px;
    font-weight: bold;
}

.foot-text ul li:nth-child(2) {
    color: #8b8b8b;
    font-size: 14px;
    margin: 27px 0 17px;
}

.foot-text ul li:nth-child(2) img {
    margin-right: 10px;
}

.foot-text ul li:nth-child(3) {
    color: #8b8b8b;
    font-size: 18px;
    margin-left: 28px;
    font-weight: bold;
}

.foot-text ul li:nth-child(4) {
    color: #8b8b8b;
    margin-top: 5px;
    font-size: 18px;
    margin-left: 28px;
    font-weight: bold;
}

.foot-con {
    width: 20%;
    float: left;
    height: 220px;
    margin-top: 56px;
    box-sizing: border-box;
    border-left: 1px solid #000000;
}

#ascrail2000 {
    z-index: 10001 !important;
}



/*案例*/
.case-nav ul li {
    width: 115px;
    line-height: 45px;
    border: 1px solid #202020;
    font-size: 14px;
    color: #070707;
    text-align: center;
    float: left;
    margin: 52px 22px 0;
}
.case-nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
}
.case-nav ul:after {
    height: 0;
    clear: both;
    display: block;
    content: "clear";
    overflow: hidden;
    visibility: hidden;
}
.case-nav ul {
    margin: 0 auto 52px;
    display: inline-block;
}
.case-nav {
    /*border-top: 1px solid #E3E3E3;*/
    margin-top: 80px;
    text-align: center;
}
.case-nav ul li:hover {
    background: #dc252a;
    border: 1px solid white;
}
.case-nav ul li:hover a {
    color: white;
}
.case-navhover {
    background: #dc252a;
    border: 1px solid white !important;
}
.case-navhover a {
    color: white;
}
.case-cons {
    overflow: hidden;
    margin-bottom: 20px;
}

.case-wrapper .case-info {
    width: auto;
}
.case-info {
    width: 25%;
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
}
.case-in {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(220, 37, 42, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease-out;
}

.case-in span {
    color: #ffffff;
    font-size: 24px;
    display: block;
}

.case-in p {
    width: 40px;
    height: 3px;
    margin-top: 20px;
   	background: white;
    display: inline-block;
}

.view-more {
    right: 5%;
    bottom: 5%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
}

.view-more img {
    width: 100% !important;
}

.case-info:hover .case-in {
    left: 0;
}

.case-wrapper {
    width: 3840px;
}

.case {
    height: 664px;
    background: #e6e6e6;
}

.case-slider-wrapper {
    height: 100%;
}

.case-wrapper img {
    float: left;
}
.backVishow {
    position: relative !important;
    left: 50%;
    margin-left: -115px;
}
.backVishow01 {
    position: relative !important;
    left: 50%;
    margin-left: -85px;
}
.linkVishow {
       position: absolute;
      left: 50%;
      margin-left: 0px !important;
}

@media (min-width: 768px) {

    .service_main > div, .News-information > div, .footer-nav {
        width: 750px;
    }

    .news-time {
        width: 18%;
    }

        .news-time p {
            font-size: 24px;
        }
         .case-info img {
        width: 100%;
    }
          .contact-content span {
       
        font-size:14px !important;
    }
           .case-navList  {
           
            margin-left:35px !important;           

}
             .NewBs-navList  {
           
            margin-left:25px !important;           

}
}

@media (min-width: 992px) {
    .service_main > div, .News-information > div, .footer-nav {
        width: 970px;
    }

    .news-time {
        width: 15%;
    }

        .news-time p {
            font-size: 26px;
        }
          .case-info img {
        width: 100%;
    }
          header {
    height: 90px;
    background: #fff;
    position: fixed;
    z-index: 1000;
    overflow: hidden;
    width:100%;
    top:0px;
    -moz-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1); box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);
}
          .contact .contact-detail address {
        padding: 15px 0 0 5%;
        float: left;
    }
 .case-navList  {
           
            margin-left:6px !important;           

}
    .NewBs-navList {
       margin-left:25px !important;         
    }

}

@media (min-width: 1200px) {
    .service_main > div, .News-information > div, .footer-nav {
        width: 1200px;
    }

    .news-time {
        width: 13%;
    }
      .case-info img {
        width: 100%;
    }
      header {
    height: 90px;
    background: #fff;
    position: fixed;
    z-index: 1000;
    overflow: hidden;
    width:100%;
    top:0px;
    -moz-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1); box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);
}
   
   
}


@media (max-width: 992px) {

    .service-col li {
        width: 33.33%;
    }

    .case-nav ul li {
        width: 80px;
        margin: 52px 21px 0px !important;

    }

    .case-nav ul {
        display: inline-block;
        margin: 0 auto 32px;
    }

    .case-info {
        width: 33.333%;
    }
    header {
    height: 90px;
    background: #fff;
    position: fixed;
    z-index: 1000;
    overflow: hidden;
    width:100%;
    top:0px;
    -moz-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);; box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);
}
}

@media (max-width: 1024px) {
    .case-info {
        width: 50%;
    }
    header {
    height: 90px;
    background: #fff;
    position: fixed;
    z-index: 1000;
    overflow: hidden;
    width:100%;
    top:0px;
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
}


@media (max-width: 960px) {
    .case-wrapper .case-info {
        width: 50%;
    }

    .case-wrapper img {
        width: 100%;
    }
    header {
    height: 90px;
    background: #fff;
    position: fixed;
    z-index: 1000;
    overflow: hidden;
    width:100%;
    top:0px;
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);

}
}


@media (max-width: 767px) {

    .case-info {
        width: 50%;
    }
    .case-nav {
        text-align: center;
        margin: 90px 20px 0px 50px;
    }
    .case-nav ul li {
    width: 24%;
    margin: 13px 5px 0 !important;
        line-height:28px;
}


    .service-both {
        margin: 0 15px;
    }

    .news-main > li {
        width: 100%;
        text-align: center;
    }

    .News-information > div {
        width: 100%;
    }

    .news-time {
        width: 70px;
        height: 70px;
        padding: 10px;
    }

    .news-con {
        width: 400px;
        padding: 30px;
        text-align: left;
    }

    .service_main > div {
        width: 100%;
        margin: 0 auto;
    }

    .service-col li {
        width: 33.33%;
    }

    .side-bar {
        display: none !important;
    }

    .service-title {
        width: 100%;
    }

    .case-in p {
    }

    .case-in span {
        font-size: 18px;
    }

    .case-in p {
        display: inline-block;
        background: white;
        width: 40px;
        height: 3px;
        margin-top: 10px;
    }

    .view-more {
        width: 30px;
        height: 30px;
    }

   .service-title {
    margin: 0px auto 30px;
    padding: 0 15px;
    box-sizing: border-box;
    overflow:hidden;
}

    .news-li {
        margin: 0 15px;
        display: inline-block;
    }

    .news-time p {
        font-size: 24px;
    }
    .News-information {
      margin-top:30px;
    }
    .news-main {
    margin-top: 00px;
}
    .News-information > div, .footer-nav {
        width: 100%;
    }

    .foot-li {
        display: none;
    }

    .foot-text {
        width: 50%;
        text-align: center;
    }

    .foot-con {
        width: 50%;
        text-align: center;
    }

    .weixin {
        float: none;
        text-align: center;
        display: inline-block;
    }

    .foot-text ul {
        margin-left: 0;
        display: inline-block;
        text-align: left;
    }

        .foot-text ul li:nth-child(3) {
            margin-left: 0;
        }

        .foot-text ul li:nth-child(4) {
            margin-left: 0;
        }

    .footer-bot {
        padding: 0 15px;
    }

    header {
        height: 90px;
        background: #fff;
        position: absolute;
        z-index: 1000;
        overflow: hidden;
        width: 100%;
        top: 0px;
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);
        box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);
    }


    .case-info img {
        width: 100%;
    }
     .contact-content span {
       
        font-size:13px !important;
    }
       .case-navList  {
           
            margin-left:15px !important;           

}
        .NewBs-navList {
       margin-left:15px !important;         
    }
    .service-view span {
    display:none;
    }
    .service-view div p {
     float:left !important;
    }
}

@media (max-width: 600px) {

    .news-con {
        width: 300px;
    }

    .foot-text {
        width: 100%;
    }

    .foot-con {
        width: 234px;
        text-align: left;
        margin-top: 0;
        display: inline-block;
        border-left: none;
        float: none;
    }

    .foot-li, .foot-text {
        height: 200px;
    }

    .foot-list {
        padding-bottom: 10px;
        text-align: center;
    }
}

@media (max-width: 480px) {

    /*.news-con {
        width: 200px;
        padding: 20px;
    }*/
   .news-con {
    width: 220px;
    padding: 12px 10px 20px 10px;
    height: 58px;
    overflow: hidden;
}
    #banner .btn {
     display:none !important;
    
    }
}

@media (max-width: 360px) {

    .news-con {
        width: 130px;
        padding: 20px;
    }

    .news-time p {
        font-size: 20px;
    }


    .news-time span {
        font-size: 14px;
    }

    .news-time {
        width: 60px;
        height: 60px;
        padding: 10px;
    }

    .case-nav ul li {
        width: 43%;
        margin: 22px 5px 0;
    }

    .case-nav ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    #banner .btn {
     display:none !important;
    
    }
}

@media (max-width:639px) {

                    .VideoList{ float:left;  color:#8c8c8c; }
.mainVideo{ float:left; PADDING-LEFT: 0px; margin-top:-32px; WIDTH: 100%; height:auto;PADDING-RIGHT: 0px; background-color:#f3f2f0;}
.VideoList .ProListLI{ float:left; width:330px; height:265px; border:#d5d5d5 1px solid; margin-left:20px; margin-bottom:20px }
.VideoList .ProListLI h3{ padding-left:5px; font-size:15px; font-weight:normal; color:#000; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI h3 a{ color:#000; }
.VideoList .ProListLI img{ width:330px; height:187px;}
.VideoList .ProListLI p span{ float:left; margin-top:20px; margin-left:5px;}
.VideoList .ProListLI p b{ float:right; margin-top:20px; margin-right:10px;}

.VideoList .ProListLI2{ float:left; width:330px; height:265px; background:#ca2720; overflow:hidden; border:#ca2720 1px solid;margin-left:20px; margin-bottom:20px }
.VideoList .ProListLI2 h3{ padding-left:5px; font-size:15px; color:#fff; font-weight:normal; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI2 h3 a{ color:#fff; }
.VideoList .ProListLI2 img{ width:330px; height:187px;}
.VideoList .ProListLI2 p span{ float:left; margin-top:20px;  color:#fff; margin-left:5px;}
.VideoList .ProListLI2 p b{ float:right; margin-top:20px;  color:#fff; margin-right:10px;}
 .VideoCss {
        width: 100%; height:300px;
    }
 #banner .btn {
     display:none !important;
    
    }
    .news-list li {
        width: 22.5%;
        height: 200px;
        margin: 10px 0 0 4.5%!important;
    }
            .case-navList ul li {
    width: 80px;
    line-height: 20px;
    border: 1px solid #cecece;
    font-size: 12px;
   
     background:#353535;  
    margin-left:-30px;
    text-align: center;
    float: left;
    margin: 0px 2px 0;
}
  .NewBs-navList ul li {
    width: 80px;
    line-height: 20px;
    border: 1px solid #cecece;
    font-size: 12px;
   
     background:#353535;  
    margin-left:-30px;
    text-align: center;
    float: left;
    margin: 0px 2px 0;
}
}

@media   (min-width: 640px) and  (max-width: 767px) {

                    .VideoList{ float:left;  color:#8c8c8c; }
.mainVideo{ float:left; PADDING-LEFT: 0px; margin-top:-32px; WIDTH: 100%; text-align:center; height:auto;PADDING-RIGHT: 0px; background-color:#f3f2f0;}
.VideoList .ProListLI{ width:330px; height:265px; border:#d5d5d5 1px solid; margin:0px auto; margin-bottom:20px }
.VideoList .ProListLI h3{ padding-left:5px; font-size:15px; font-weight:normal; color:#000; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI h3 a{ color:#000; }
.VideoList .ProListLI img{ width:330px; height:187px;}
.VideoList .ProListLI p span{ float:left; margin-top:20px; margin-left:5px;}
.VideoList .ProListLI p b{ float:right; margin-top:20px; margin-right:10px;}

.VideoList .ProListLI2{ float:left; width:330px; height:265px; background:#ca2720; overflow:hidden; border:#ca2720 1px solid;margin-left:20px; margin-bottom:20px }
.VideoList .ProListLI2 h3{ padding-left:5px; font-size:15px; color:#fff; font-weight:normal; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI2 h3 a{ color:#fff; }
.VideoList .ProListLI2 img{ width:330px; height:187px;}
.VideoList .ProListLI2 p span{ float:left; margin-top:20px;  color:#fff; margin-left:5px;}
.VideoList .ProListLI2 p b{ float:right; margin-top:20px;  color:#fff; margin-right:10px;}
 .VideoCss {
        width: 100%; height:300px;
    }
  .contact .contact_list input.button {
        width: 100%;
        height: 30px;
        margin: 7px 0 0 0;
        background: #2a2a2a;
        color: #fff;
          padding-left: 10% !important;
        text-align: center;
        border: none;
        cursor: pointer;
         -webkit-appearance : none ;
    }
    #banner .btn {
     display:none !important;
    
    }
    #banner {
      display:none !important;
    }
     .MobileBannerList {
      display:block;
    }

     
}

@media (min-width: 768px) and (max-width: 991px) {
	
	
.VideoList{ float:left;  color:#8c8c8c; padding-left:10px; }
.mainVideo{ float:left; PADDING-LEFT: 0px; margin-top:-32px; WIDTH: 100%; height:auto;PADDING-RIGHT: 0px; background-color:#f3f2f0;}
.VideoList .ProListLI{ float:left; width:330px; height:265px; border:#d5d5d5 1px solid; margin-left:30px; margin-bottom:30px }
.VideoList .ProListLI h3{ padding-left:5px; font-size:15px; font-weight:normal; color:#000; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI h3 a{ color:#000; }
.VideoList .ProListLI img{ width:330px; height:187px;}
.VideoList .ProListLI p span{ float:left; margin-top:20px; margin-left:5px;}
.VideoList .ProListLI p b{ float:right; margin-top:20px; margin-right:10px;}

.VideoList .ProListLI2{ float:left; width:330px; height:265px; background:#ca2720; overflow:hidden; border:#ca2720 1px solid;margin-left:30px; margin-bottom:30px }
.VideoList .ProListLI2 h3{ padding-left:5px; font-size:15px; color:#fff; font-weight:normal; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI2 h3 a{ color:#fff; }
.VideoList .ProListLI2 img{ width:330px; height:187px;}
.VideoList .ProListLI2 p span{ float:left; margin-top:20px;  color:#fff; margin-left:5px;}
.VideoList .ProListLI2 p b{ float:right; margin-top:20px;  color:#fff; margin-right:10px;}
 .VideoCss {
        width: 100%; height:400px;
    }
 .foot-text ul {
    margin-left: 15%;
}
 .case h3 a, .company h3, .news h3 {
    width: 20%;
    height: 136px;
    float: left;
    display: block;
}
  .contact h3 {
    width: 19%;
    height: 136px;
    float: left;
    display: block;
}
  .contact .contact_list input.button {
        width: 100%;
        height: 30px;
        margin: 7px 0 0 0;
        background: #2a2a2a;
        color: #fff;
          padding-left: 10% !important;
        text-align: center;
        border: none;
        cursor: pointer;
         -webkit-appearance : none ;
    }
  .modal-dialog {
      width:650px !important;
    
    }
    .VideoCss {
        width: 100%; height:400px;
    }
    .case-navList {
    margin-left: 34px !important;
}
    .Newbs-navList {
    margin-left: 34px !important;
}
     .MobileBannerList {
      display:none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
	
.VideoList{ float:left;  color:#8c8c8c;}
.mainVideo{ float:left; PADDING-LEFT: 0px; margin-top:-32px; WIDTH: 100%; height:auto;PADDING-RIGHT: 0px; background-color:#f3f2f0;}
.VideoList .ProListLI{ float:left; width:330px; height:265px; border:#d5d5d5 1px solid; margin-left:10px; margin-bottom:10px }
.VideoList .ProListLI h3{ padding-left:5px; font-size:15px; font-weight:normal; color:#000; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI h3 a{ color:#000; }
.VideoList .ProListLI img{ width:330px; height:187px;}
.VideoList .ProListLI p span{ float:left; margin-top:20px; margin-left:5px;}
.VideoList .ProListLI p b{ float:right; margin-top:20px; margin-right:10px;}

.VideoList .ProListLI2{ float:left; width:330px; height:265px; background:#ca2720; overflow:hidden; border:#ca2720 1px solid;margin-left:10px; margin-bottom:10px }
.VideoList .ProListLI2 h3{ padding-left:5px; font-size:15px; color:#fff; font-weight:normal; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI2 h3 a{ color:#fff; }
.VideoList .ProListLI2 img{ width:330px; height:187px;}
.VideoList .ProListLI2 p span{ float:left; margin-top:20px;  color:#fff; margin-left:5px;}
.VideoList .ProListLI2 p b{ float:right; margin-top:20px;  color:#fff; margin-right:10px;}

 .about-content h3 {
    width: 13%;
    padding: 2% 2% 0 3%;
    float: left;
    display: block;
}
 .contact h5 {
    font-size: 28px;
    font-weight: 100;
    line-height: 28px;
    float: left;
    width: 14%;
    padding: 2% 2% 0 3%;
    float: left;
    display: block;
    padding-top: 40px;
}
  .contact .contact_list input.button {
        width: 100%;
        height: 30px;
        margin: 7px 0 0 0;
        background: #2a2a2a;
        color: #fff;
          padding-left: 10% !important;
        text-align: center;
        border: none;
        cursor: pointer;
         -webkit-appearance : none ;
    }

  .modal-dialog {
      width:700px !important;
    
    }
    .VideoCss {
        width: 100%; height:450px;
    }
    .case-navList {
    margin-left: 6px !important;
}
     .NewBs-navList {
    margin-left: 25px !important;
}
     .MobileBannerList {
      display:none;
    }
}

@media (min-width: 1200px) {

.VideoList{ float:left;  color:#8c8c8c;}
.mainVideo{ float:left; PADDING-LEFT: 0px; margin-top:-32px; WIDTH: 100%; height:auto;PADDING-RIGHT: 0px; background-color:#f3f2f0;}
.VideoList .ProListLI{ float:left; width:330px; height:265px; border:#d5d5d5 1px solid; margin-left:40px; margin-bottom:40px }
.VideoList .ProListLI h3{ padding-left:5px; font-size:15px; font-weight:normal; color:#000; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI h3 a{ color:#000; }
.VideoList .ProListLI img{ width:330px; height:187px;}
.VideoList .ProListLI p span{ float:left; margin-top:20px; margin-left:5px;}
.VideoList .ProListLI p b{ float:right; margin-top:20px; margin-right:10px;}

.VideoList .ProListLI2{ float:left; width:330px; height:265px; background:#ca2720; overflow:hidden; border:#ca2720 1px solid;margin-left:40px; margin-bottom:40px }
.VideoList .ProListLI2 h3{ padding-left:5px; font-size:15px; color:#fff; font-weight:normal; margin-top:4px !important; margin-bottom:0px !important; }
.VideoList .ProListLI2 h3 a{ color:#fff; }
.VideoList .ProListLI2 img{ width:330px; height:187px;}
.VideoList .ProListLI2 p span{ float:left; margin-top:20px;  color:#fff; margin-left:5px;}
.VideoList .ProListLI2 p b{ float:right; margin-top:20px;  color:#fff; margin-right:10px;}
.modal-dialog {
      width:1000px !important;
    
    }
    .VideoCss {
        width: 100%; height:600px;
    }
    .case-navList {
    margin-left: 36px !important;
}
    .NewBs-navList {
    margin-left: 36px !important;
}
     .MobileBannerList {
      display:none;
    }
}
.go-back{
	width: 35px;
	padding: 10px;
	overflow: hidden;
	border-radius: 10px;
	position: fixed;
	top: 65%;
	right: 0;
	font-size: 14px;
	text-align: center;
	background-color: #dc252a;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/*网站链接*/

.WebUrl {
 width:100%;
 text-align:center;
 position:absolute;
}
.WebUrl {
      text-decoration: underline !important;
}
/*联系地址更改后样式*/
.contact_address{
	width: 100%;
	overflow: hidden;
	padding: 0 0 10px 50px;
	line-height: 20px;
}
.contact_address h2{
	font-size: 24px;
	margin: 0 0 10px;
}
.contact_address p{
	display: block;
	width: 100%;
	clear: both;
}
.contact_address span{
	display: block;
	float: left;
	width: 305px;
}
.contact-detail .contact_form{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
}
.contact-detail .contact_form li{
	width: 25%;
	height: auto;
	overflow: hidden;
	float: left;
	line-height: 22px;
	padding: 0 0 0 50px;
}
.contact-detail .contact_form li p:first-of-type{
	font-size: 15px;
	font-weight: bold;
}
@media only screen and (max-width:991px ) {
	.contact .contact-detail h4 {
	    padding: 12px 0 3px 10px;
	}
	.contact_address{
		padding: 0 0 10px 10px;
		font-size: 12px;
		line-height: 18px;
	}
	.contact_address span{
		width: 305px;
	}
	.contact-detail .contact_form li{
		padding: 0 0 0 10px;
		width: auto;
		font-size: 12px;
		line-height: 18px;
		margin: 0 0 10px;
	}
	.contact-detail .contact_form li:nth-of-type(2){
		padding: 0 0 0 30px;
	}
	.contact .contact-detail{
		height: auto;
		padding: 0 0 10px;
	}
}
@media only screen and (max-width:767px ) {
	.contact-detail .contact_form{
		display: block;
	}
	.contact-detail .contact_form li{
		width: 100%;
		padding: 0 0 0 10px !important;
	}
}
@media only screen and (min-width:992px ) {
	.contact .contact-detail h4 {
	    padding: 12px 0 3px 20px;
	}
	.contact_address{
		padding: 0 0 10px 20px;
		font-size: 12px;
		line-height: 18px;
	}
	.contact_address span{
		width: 188px;
	}
	.contact-detail .contact_form{
		padding: 0 0 0 20px;
	}
	.contact-detail .contact_form li{
		padding: 0;
		width: auto;
		font-size: 12px;
		line-height: 18px;
		margin: 0 20px 0 0;
	}
	.contact-detail .contact_form li:last-of-type(3){
		margin: 0;
	}
}
@media only screen and (min-width:1200px ) {
	.contact .contact-detail h4 {
	    padding: 12px 0 3px 50px;
	}
	.contact_address{
		padding: 0 0 10px 50px;
		font-size: 14px;
		line-height: 22px;
	}
	.contact_address span{
		width: 32%;
	}
	.contact-detail .contact_form{
		padding: 0 0 0 50px;
	}
	.contact-detail .contact_form li{
		padding: 0;
		width: 32%;
		font-size: 14px;
		line-height: 22px;
		margin: 0;
	}
}