body, input, select, textarea, button {
    font-family: Source Han Sans CN;
}

body, h1, h2, h3, h4, p, ul, ol, dd, dl, dt, form {
    margin: 0px;
    padding: 0px;
}

header, footer, article, section, nav, menu, hgroup {
    display: block;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

ul {
    padding-left: 0;
    list-style-type: none;
}

a {
    color: #333;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    outline: 0;
    border: 0;
    vertical-align: baseline;
}

em, i {
    font-style: normal;
}

input, select, textarea {
    font-size: 14px;
    color: #333;
    outline: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

    input[type=button], input[type=reset], input[type=submit], select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    input[type=button], input[type=reset], input[type=submit] {
        cursor: pointer;
    }

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

::-ms-input-placeholder {
    color: #999;
}

body {
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    background-color: #FFF;
}

.box {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1;
    _zoom: 1;
    zoom: 1;
}

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

.top {
    clear: both;
    overflow: hidden;
    padding: 15px 0;
}

    .top .logo {
        float: left;
    }

        .top .logo a {
            display: block;
        }

    .top .tel {
        float: right;
        padding-left: 50px;
        background: url(../images/tel.png) left center no-repeat;
        background-size: 36px;
    }

        .top .tel span {
            display: block;
            font-size: 14px;
            color: #333;
            line-height: 25px;
        }

        .top .tel p {
            font-size: 22px;
            color: #ed1c24;
            font-weight: 700;
        }

            .top .tel p em {
                font-size: 28px;
                display: inline-block;
                font-weight: 700;
            }

.nav {
    clear: both;
    overflow: hidden;
    background-color: #111;
}

    .nav ul li {
        position: relative;
        float: left;
        height: 65px;
        line-height: 65px;
        font-size: 17px;
        width: 12.5%;
        text-align: center;
    }

        .nav ul li a {
            display: block;
            color: #FFF;
        }

        .nav ul li:hover {
            background-color: #ed1c24;
        }

        .nav ul li a.nav-select {
            background-color: #ed1c24;
        }

.m-top {
    display: block;
    height: 40px;
    text-align: center;
}

    .m-top img {
        height: 30px;
        margin-top: 5px;
    }

.menu {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    background-color: #FDFDFD;
}

    .menu ul li {
        float: left;
        width: 12.5%;
        line-height: 32px;
        text-align: center;
    }

        .menu ul li a:hover {
            color: #00DFB9;
        }

.m-top, .menu {
    display: none;
}

@keyframes a {
    0% {
        background-position-x: 6600px
    }

    to {
        background-position-x: 0
    }
}

@-moz-keyframes a {
    0% {
        background-position-x: 6600px
    }

    to {
        background-position-x: 0
    }
}

@-webkit-keyframes a {
    0% {
        background-position-x: 6600px
    }

    to {
        background-position-x: 0
    }
}

@-o-keyframes a {
    0% {
        background-position-x: 6600px
    }

    to {
        background-position-x: 0
    }
}

.nav ul li i {
    height: 55px;
    width: 55px;
    position: absolute;
    top: -12px;
    right: -12px;
    background: url(../images/hot.png);
    background-size: auto 100%;
    background-position-y: 0;
    background-position-x: 6600px;
    animation-name: a;
    animation-timing-function: steps(60);
    animation-iteration-count: infinite;
    animation-duration: 4.8s;
}

/*banner*/
.banner {
    overflow: hidden;
}

    .banner img {
        margin: 0 auto;
        display: block;
    }

.ban-m {
    display: none;
    clear: both;
    overflow: hidden;
    text-align: center;
}

.ban-show {
    position: relative;
}

    .ban-show img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .ban-show .ban-txt p img {
        width: auto;
    }

.ban-txt {
    position: absolute;
    left: 20%;
    top: 50%;
    width: 60%;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    margin-top: -60px;
}

    .ban-txt b {
        font-size: 40px;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .ban-txt p {
        font-size: 16px;
        line-height: 30px;
        width: 80%;
        margin: 15px auto 0;
    }


#gotoTop {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 25px;
    transition: background 0.5s;
    text-decoration: none;
    overflow: hidden;
    width: 60px;
    height: 60px;
    z-index: 999;
    cursor: pointer;
    background: url(../images/totop.png) top left no-repeat;
}

.footer {
    clear: both;
    overflow: hidden;
    position: relative;
    color: #FFF;
    text-align: center;
    line-height: 2;
    padding: 20px 0;
    background-color: #53565a;
}

    .footer a {
        color: #FFF;
        margin: 0 10px;
    }

.index-pro {
    clear: both;
    overflow: hidden;
    margin-top: 50px;
}

.pro-tit {
    text-align: center;
    margin-bottom: 40px;
}

    .pro-tit h1 {
        font-size: 40px;
        font-weight: normal;
    }

    .pro-tit p {
        font-size: 16px;
        line-height: 1.2;
        margin-top: 15px;
    }

.pro-show {
    background-color: #FAFAFA;
    padding: 60px 0;
}

.show01 {
    position: relative;
    float: left;
    width: 46%;
    margin-right: 2%;
    text-align: center;
    padding: 40px 0 20px;
    background: #E9EDF8;
}

.show02 {
    position: relative;
    float: left;
    width: 26%;
    margin-right: 2%;
    text-align: center;
    padding: 35px 0;
    background-color: #E9EDF8;
}

.pro-show p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}

    .pro-show p a {
        color: #FFF;
    }

.show03 {
    float: right;
    width: 24%;
    text-align: center;
}

.show04 {
    position: relative;
    padding: 12px 0;
    margin-bottom: 10px;
    background-color: #E9EDF8;
}

.show05 {
    position: relative;
    padding: 12px 0;
    background-color: #E9EDF8;
}

.show-ico {
    position: absolute;
    right: 20px;
    top: 10px;
}


.change a {
    display: block;
    text-align: center;
}

.change b {
    display: block;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 20px 0 0;
}

.changes .prev {
    position: absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
    bottom: 20px;
    left: 20%;
    background: url(../images/btn01.png) no-repeat;
}

.changes .next {
    position: absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
    bottom: 20px;
    right: 20%;
    background: url(../images/btn02.png) no-repeat;
}


.index-about {
    clear: both;
    overflow: hidden;
    margin-top: 50px;
}

.index-tit {
    text-align: center;
}

    .index-tit h1 {
        font-size: 40px;
        font-weight: normal;
    }

    .index-tit h2 {
        font-size: 40px;
        font-weight: normal;
    }

.pro-tit h2 {
    font-size: 40px;
    font-weight: normal;
}

.index-tit p {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 15px;
}

.index-about ul {
    clear: both;
    overflow: hidden;
    margin-top: 40px;
    margin-left: -2%;
}

    .index-about ul li {
        float: left;
        width: 23%;
        margin-left: 2%;
        padding: 55px 0 35px;
        text-align: center;
        box-sizing: border-box;
        border: 1px solid #949da1;
    }

        .index-about ul li b {
            display: block;
            color: #BABABA;
            font-size: 24px;
            background: url(../images/shadow.png) top center no-repeat;
            padding-top: 60px;
            margin-top: 35px;
        }

        .index-about ul li p {
            line-height: 1.2;
            margin-top: 10px;
        }

.index-line {
    clear: both;
    margin-top: 55px;
}

    .index-line ul {
        clear: both;
        overflow: hidden;
        margin-top: 40px;
        margin-left: -0.2%;
        padding: 3px;
        box-sizing: border-box;
    }

        .index-line ul li {
            float: left;
            position: relative;
            width: 24.8%;
            margin-left: 0.2%;
            height: 100%;
            list-style: none;
            overflow: hidden;
            box-shadow: 1px 3px 3px 0 rgba(0,0,0,.1);
            -webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,.1);
            -moz-box-shadow: 1px 3px 3px 0 rgba(0,0,0,.1);
            box-sizing: border-box;
        }

            .index-line ul li .line1 img {
                width: 100%;
                height: auto;
            }

            .index-line ul li .line1 .line-name {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 66px;
                line-height: 66px;
                text-align: center;
                background-color: #FFF;
            }

                .index-line ul li .line1 .line-name h3 {
                    position: relative;
                    font-size: 20px;
                    font-weight: normal;
                    width: 100%;
                    height: 66px;
                    line-height: 66px;
                    text-align: center;
                    margin: 0 auto;
                    background-color: #FFF;
                }

            .index-line ul li .line2 {
                position: absolute;
                bottom: -100%;
                width: 100%;
                height: 100%;
                text-align: center;
                color: #FFF;
                background: rgba(0,0,0,.7);
                padding-top: 20%;
                box-sizing: border-box;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
            }

                .index-line ul li .line2 .p1 {
                    width: 100%;
                    text-align: center;
                    color: #FFF;
                    font-size: 30px;
                    font-weight: 700;
                }

                .index-line ul li .line2 .p2 {
                    text-align: center;
                    line-height: 20px;
                    margin-top: 20px;
                    font-size: 16px;
                    color: #FFF;
                }

                .index-line ul li .line2 .p3 {
                    width: 40%;
                    height: 42px;
                    line-height: 42px;
                    border-radius: 6px;
                    margin: 30px auto 0;
                    background-color: #ed1c24;
                }

                    .index-line ul li .line2 .p3 a {
                        display: block;
                        color: #FFF;
                    }

            .index-line ul li:hover .line2 {
                bottom: 0;
            }

            .index-line ul li:hover .line-name {
                display: none;
            }

.index-news {
    clear: both;
    overflow: hidden;
    margin-top: 60px;
}

.news-show {
    clear: both;
    overflow: hidden;
    margin-top: 40px;
}

.news-pr {
    float: left;
    width: 46%;
    margin-right: 4%;
}

    .news-pr h3, .news-data h3 {
        font-size: 30px;
        font-weight: normal;
    }

        .news-pr h3 span, .news-data h3 span {
            font-size: 14px;
            color: #DADADA;
            margin-left: 10px;
        }

    .news-pr ul {
        clear: both;
        ;
        overflow: hidden;
        margin-top: 5px;
    }

        .news-pr ul li {
            float: left;
            width: 100%;
            margin-top: 10px;
        }

            .news-pr ul li h4 {
                font-size: 16px;
                font-weight: normal;
                line-height: 1.6;
                padding-left: 32px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                background: url(../images/ico-pr01.png) left 5px no-repeat;
                background-size: 24px;
            }

                .news-pr ul li h4 a {
                    color: #333;
                }

                    .news-pr ul li h4 a:hover {
                        color: #ed1c24;
                    }

                .news-pr ul li h4:after {
                    content: "";
                    height: 1px;
                    width: 100%;
                    margin: 8px auto;
                    background-color: #EEE;
                    display: block;
                }

            .news-pr ul li p {
                color: #666;
                font-size: 14px;
                line-height: 24px;
                height: 48px;
                padding-left: 32px;
                overflow: hidden;
                background: url(../images/ico-pr02.png) left 3px no-repeat;
                background-size: 24px;
            }

.news-data {
    float: right;
    width: 46%;
    margin-left: 4%;
}

.data-tab {
    height: 90px;
    padding-bottom: 40px;
    margin-top: 25px;
}

    .data-tab ul {
        clear: both;
        overflow: hidden;
        border-bottom: 4px solid #666;
    }

        .data-tab ul li {
            position: relative;
            float: left;
            cursor: pointer;
            margin-right: 12px;
            padding-bottom: 40px;
            box-sizing: border-box;
        }

            .data-tab ul li span {
                display: block;
                color: #FFF;
                font-size: 42px;
                letter-spacing: -2px;
                width: 80px;
                height: 80px;
                line-height: 80px;
                text-align: center;
                border-radius: 25px;
                background-color: #ed1c24;
            }

            .data-tab ul li em {
                display: none;
            }

            .data-tab ul li i {
                font-size: 18px;
            }

            .data-tab ul li.selected em {
                display: block;
                position: absolute;
                left: 30px;
                bottom: 0;
                width: 20px;
                height: 8px;
            }

.data-box {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
}

    .data-box ul li {
        float: left;
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid #EEE;
    }

        .data-box ul li:last-child {
            border-bottom: none;
        }

        .data-box ul li h4 {
            font-size: 18px;
            font-weight: normal;
            line-height: 1.6;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .data-box ul li h4 a {
                color: #333;
            }

                .data-box ul li h4 a:hover {
                    color: #ed1c24;
                }

        .data-box ul li p {
            color: #666;
            font-size: 14px;
            line-height: 24px;
            height: 72px;
            overflow: hidden;
            margin: 12px 0;
        }

        .data-box ul li b {
            display: block;
            color: #666;
            font-weight: normal;
        }

            .data-box ul li b img {
                width: 14px;
                margin-right: 6px;
            }

.index-ser {
    clear: both;
    overflow: hidden;
    padding: 50px 0;
    margin-top: 50px; /*background-color: #F2F2F2;*/
    background: url(../images/sygy.jpg) #F9F9FB no-repeat center 0;
}

.ser-list ul.items {
    margin: 60px auto 0;
}

    .ser-list ul.items li {
        float: left;
        width: 16.6%;
        height: 280px;
        background: url(../images/ico-serbg.png) no-repeat 0px 400px;
        overflow: hidden;
    }

        .ser-list ul.items li i {
            display: block;
            position: relative;
            margin: 0 auto;
            margin-top: 43px;
            height: 70px;
        }

        .ser-list ul.items li.ser01 i {
            width: 70px;
            background: url(../images/ico-ser.png) no-repeat -80px -5px;
        }

        .ser-list ul.items li.ser02 i {
            width: 70px;
            background: url(../images/ico-ser.png) no-repeat -240px -5px;
        }

        .ser-list ul.items li.ser03 i {
            width: 70px;
            background: url(../images/ico-ser.png) no-repeat -400px -5px;
        }

        .ser-list ul.items li.ser04 i {
            width: 70px;
            background: url(../images/ico-ser.png) no-repeat -80px -80px;
        }

        .ser-list ul.items li.ser05 i {
            width: 70px;
            background: url(../images/ico-ser.png) no-repeat -240px -80px;
        }

        .ser-list ul.items li.ser06 i {
            width: 70px;
            background: url(../images/ico-ser.png) no-repeat -400px -80px;
        }

        .ser-list ul.items li.ser01:hover i {
            background: url(../images/ico-ser.png) no-repeat 0px -5px;
        }

        .ser-list ul.items li.ser02:hover i {
            background: url(../images/ico-ser.png) no-repeat -160px -5px;
        }

        .ser-list ul.items li.ser03:hover i {
            background: url(../images/ico-ser.png) no-repeat -320px -5px;
        }

        .ser-list ul.items li.ser04:hover i {
            background: url(../images/ico-ser.png) no-repeat 0px -80px;
        }

        .ser-list ul.items li.ser05:hover i {
            background: url(../images/ico-ser.png) no-repeat -160px -80px;
        }

        .ser-list ul.items li.ser06:hover i {
            background: url(../images/ico-ser.png) no-repeat -320px -80px;
        }

        .ser-list ul.items li u {
            display: block;
            position: absolute;
            width: 200px;
            height: 155px;
            background: url(../images/ico-sers.png) center no-repeat;
            -webkit-transition: all .5s ease-in-out 0s;
            -moz-transition: all .5s ease-in-out 0s;
            -ms-transition: all .5s ease-in-out 0s;
            -o-transition: all .5s ease-in-out 0s;
            transition: all .5s ease-in-out 0s;
        }

            .ser-list ul.items li u.cl {
                clip: rect(0px,200px,-10px,70px);
            }

.ser-list.active ul.items li u.cl {
    clip: rect(0px,200px,200px,70px);
}

.ser-list ul.items li u.cr {
    clip: rect(140px,70px,200px,0px);
}

.ser-list.active ul.items li u.cr {
    clip: rect(0px,70px,200px,0px);
}

.ser-list ul.items li strong {
    display: block;
    margin-top: 55px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.ser-list ul.items li p {
    position: relative;
    top: 200px;
    color: #FFF;
    font-size: 13px;
    line-height: 20px;
    text-align: center
}

.ser-list ul.items li:hover {
    background-position: 0 0;
    -webkit-transition: all .5s ease-in-out .3s;
    -moz-transition: all .5s ease-in-out .3s;
    -ms-transition: all .5s ease-in-out .3s;
    -o-transition: all .5s ease-in-out .3s;
    transition: all .5s ease-in-out .3s
}

    .ser-list ul.items li:hover i {
        -webkit-transition: all .5s ease-in-out .4s;
        -moz-transition: all .5s ease-in-out .4s;
        -ms-transition: all .5s ease-in-out .4s;
        -o-transition: all .5s ease-in-out .4s;
        transition: all .5s ease-in-out .4s
    }

    .ser-list ul.items li:hover u.cl {
        clip: rect(0,156px,-10px,78px)
    }

    .ser-list ul.items li:hover u.cr {
        clip: rect(156px,78px,156px,0)
    }

    .ser-list ul.items li:hover strong {
        color: #fff;
        -webkit-transition-delay: .4s;
        -moz-transition-delay: .4s;
        -ms-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s
    }

    .ser-list ul.items li:hover p {
        top: 20px;
        -webkit-transition: all .3s ease-in-out .5s;
        -moz-transition: all .3s ease-in-out .5s;
        -ms-transition: all .3s ease-in-out .5s;
        -o-transition: all .3s ease-in-out .5s;
        transition: all .3s ease-in-out .5s
    }

.index-link {
    clear: both;
    overflow: hidden;
    margin: 30px auto;
    line-height: 26px;
}

    .index-link span {
        float: left;
        font-size: 14px;
    }

    .index-link ul {
        width: 100%;
    }

        .index-link ul li {
            float: left;
            margin: 0 11px;
        }

            .index-link ul li a {
                color: #333;
            }

                .index-link ul li a:hover {
                    text-decoration: underline;
                }

.position {
    height: 14px;
    line-height: 14px;
    color: #555;
    padding: 15px 0;
    border-bottom: 1px solid #EEE;
}

    .position img {
        width: 14px;
    }

    .position a {
        color: #555;
    }

    .position span {
        color: #333;
    }

/*product*/
.product-show {
    clear: both;
    overflow: hidden;
    margin: 50px auto;
}

.product-pic {
    float: left;
    width: 50%;
}

.product-info {
    float: right;
    width: 47%;
}

    .product-info h1 {
        font-size: 36px;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .product-info ul {
        clear: both;
        overflow: hidden;
        margin: 0px 0 20px -1.5%;
    }

        .product-info ul li {
            float: left;
            width: 31%;
            line-height: 1.4;
            padding: 10px;
            text-align: center;
            margin-left: 1.5%;
            border-radius: 6px;
            box-sizing: border-box;
            background-color: #EFEFEF;
        }

            .product-info ul li img {
                display: block;
                margin: 0 auto;
            }

            .product-info ul li b {
                display: block;
                font-size: 16px;
                color: #444;
                margin-top: 8px;
            }

            .product-info ul li p {
                color: #888;
                font-size: 14px;
            }

    .product-info p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 5px;
        color: #555;
    }
        /*.product-info p strong{ float: left; }*/
        .product-info p i {
            display: block;
            color: #555;
            overflow: hidden;
        }

.pro-tel {
    padding-left: 60px;
    margin-top: 30px;
    background: url(../images/ico-tel.png) left center no-repeat;
    background-size: 44px;
}

    .pro-tel span {
        display: block;
        font-size: 14px;
        color: #333;
        line-height: 25px;
    }

    .pro-tel p {
        font-size: 28px;
        color: #ed1c24;
        line-height: 1;
        font-weight: 700;
    }

        .pro-tel p em {
            font-size: 33px;
            display: inline-block;
            font-weight: 700;
        }

.pro-btn {
    position: relative;
    line-height: 60px;
    margin-top: 18px;
    margin-right: 40px;
    background-color: #ed1c24;
}

    .pro-btn em {
        position: absolute;
        right: -40px;
        top: 0px;
        height: 0px;
        width: 0px;
        border-top: 30px solid #ed1c24;
        border-left: 40px solid #ed1c24;
        border-bottom: 30px solid #ed1c24;
        border-right: 40px solid transparent;
        z-index: 0;
    }

    .pro-btn span {
        display: block;
        cursor: pointer;
        text-align: center;
    }

    .pro-btn img {
        z-index: 1;
        position: relative;
        vertical-align: middle;
    }

.product-fix {
    clear: both;
    overflow: hidden;
    padding: 20px 0;
    background: url(../images/bg-pro.jpg) #E6E6E6 left center no-repeat;
}

    .product-fix.leave {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 99;
        padding: 10px 0;
    }

        .product-fix.leave ul li img {
            display: none;
        }

    .product-fix ul {
        clear: both;
        overflow: hidden;
    }

        .product-fix ul li {
            float: left;
            width: 16.6%;
            text-align: center;
        }

            .product-fix ul li img {
                margin: 0 auto;
            }

            .product-fix ul li b {
                display: block;
                width: 100%;
                height: 16px;
                margin: 10px 0;
                background: url(../images/bg-fix.png) center no-repeat;
            }

            .product-fix ul li p {
                color: #555;
                font-size: 18px;
            }

            .product-fix ul li a {
                display: block;
            }

            .product-fix ul li.curr b {
                background: url(../images/bg-fixes.png) center no-repeat;
            }

            .product-fix ul li:hover b {
                background: url(../images/bg-fixes.png) center no-repeat;
            }

            .product-fix ul li:hover {
                cursor: pointer;
            }

.product-main {
    clear: both;
    overflow: hidden;
}

.pro-l a span {
    color: #ed1c24 !important;
}

.pro-l {
    float: left;
    width: 75%;
}

.pro-r {
    float: right;
    width: 22%;
}

.pro-l p {
    color: #333;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px;
}

    .pro-l p img {
        margin: 10px 0;
    }

.pro-l h2 {
    color: #333;
    font-size: 26px;
    font-weight: normal;
    margin: 20px 0;
    padding-left: 25px;
    background: url(../images/ico1.png) no-repeat 0px center;
    background-size: 16px;
}

.pro-l h3 {
    color: #333;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
}

.pro-l ul {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    margin-left: -2%;
}

    .pro-l ul li {
        position: relative;
        float: left;
        width: 48%;
        padding: 30px;
        margin-left: 2%;
        margin-bottom: 2%;
        box-sizing: border-box;
        background-color: #F3F3F3;
    }

        .pro-l ul li i {
            position: absolute;
            left: 0;
            top: 0;
            color: #FFF;
            font-size: 20px;
            width: 60px;
            height: 58px;
            padding: 4px 0 0 6px;
            box-sizing: border-box;
            background: url(../images/ico-shape.png) top left no-repeat;
        }

        .pro-l ul li b {
            display: block;
            color: #555;
            font-size: 22px;
            text-align: center;
        }

            .pro-l ul li b:after {
                position: absolute;
                content: "";
                left: 50%;
                top: 70px;
                width: 42px;
                height: 3px;
                margin-left: -21px;
                background-color: #ed1c24;
            }

        .pro-l ul li p {
            color: #777;
            margin-top: 30px;
            height: 84px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

.pro-about {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.pro-name {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #ed1c24;
}

    .pro-name img {
        margin-right: 10px;
        margin-top: 16px;
    }

.pro-about ul {
    clear: both;
    overflow: hidden;
    padding: 10px 10px 0 10px;
    border: 2px solid #EEE;
    border-top: none;
    box-sizing: border-box;
}

.pro-list01 li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .pro-list01 li img {
        width: 100%;
        height: auto;
    }

    .pro-list01 li a:hover img {
        transform: scale(1.08);
        -ms-transform: scale(1.08);
        -moz-transform: scale(1.08);
        -webkit-transform: scale(1.08);
        -o-transform: scale(1.08)
    }

    .pro-list01 li a {
        display: block;
        overflow: hidden;
    }

        .pro-list01 li a:hover {
            color: #ed1c24;
        }

    .pro-list01 li p {
        text-align: center;
        color: #333;
        font-size: 14px;
        line-height: 30px;
    }

.pro-list02 li {
    color: #333;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background-color: #E5E5E5;
    margin-bottom: 10px;
}

    .pro-list02 li:hover {
        background-color: #ed1c24;
    }

        .pro-list02 li:hover a {
            color: #FFF;
        }

.pro-line {
    clear: both;
    overflow: hidden;
    padding-top: 50px;
    margin-top: 50px;
    background: url(../images/bg-pro.png) top left;
}

    .pro-line.pro-anli {
        background: none;
        margin-top: 0;
    }

        .pro-line.pro-anli h2 {
            color: #333;
        }

    .pro-line h2 {
        color: #FFF;
        font-size: 34px;
        font-weight: normal;
        text-align: center;
    }

    .pro-line p {
        color: #FFF;
        font-size: 16px;
        text-align: center;
        margin: 20px 0;
    }

    .pro-line ul {
        clear: both;
        overflow: hidden;
        margin-left: -0.5%;
    }

        .pro-line ul li {
            float: left;
            width: 32.8%;
            margin-left: 0.5%;
        }

            .pro-line ul li .pro-img {
                position: relative;
                overflow: hidden;
                padding-top: 77.567%;
                display: block;
            }

                .pro-line ul li .pro-img img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                }

            .pro-line ul li .pro-shade {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                transition: .3s;
                -ms-transition: .3s;
                -moz-transition: .3s;
                - webkit-transition:.3s;
                -o-transition: .3s;
                background: url(../images/ico-picbg.png) center;
            }

                .pro-line ul li .pro-shade .shade-ico {
                    position: absolute;
                    width: 150px;
                    height: 150px;
                    left: 50%;
                    top: 50%;
                    margin-left: -75px;
                    margin-top: -75px;
                    background: url(../images/ico-pic.png) center no-repeat;
                }

            .pro-line ul li:hover .pro-shade {
                display: block;
            }

            .pro-line ul li p {
                color: #FFF;
                font-size: 18px;
                line-height: 24px;
                padding: 10px 0;
                margin: 0;
                background-color: #ed1c24;
            }

                .pro-line ul li p a {
                    display: block;
                    color: #FFF;
                }

.pro-news {
    clear: both;
    overflow: hidden;
    padding-top: 50px;
}

    .pro-news h2 {
        color: #333;
        font-size: 34px;
        font-weight: normal;
        text-align: center;
    }

.pro-new {
    clear: both;
    overflow: hidden;
    margin-top: 40px;
}

.news-pic {
    float: left;
    width: 320px;
    height: 360px;
}

.pro-new ul {
    overflow: hidden;
    padding-left: 60px;
}

    .pro-new ul li {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        border-bottom: 1px solid #EEE;
    }

        .pro-new ul li:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

        .pro-new ul li h3 {
            clear: both;
            overflow: hidden;
            line-height: 30px;
        }

            .pro-new ul li h3 a {
                float: left;
                color: #333;
                font-size: 18px;
                width: 84%;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .pro-new ul li h3 a:hover {
                    color: #ed1c24;
                }

            .pro-new ul li h3 span {
                float: right;
                color: #666;
                font-size: 14px;
                font-weight: normal;
            }

        .pro-new ul li p {
            color: #888;
            font-size: 14px;
            padding: 15px 0 20px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.pro-cont {
    clear: both;
    overflow: hidden;
    padding: 50px 0 60px;
}

    .pro-cont ul li {
        float: left;
        width: 25%;
        height: 300px;
        text-align: center;
        box-sizing: border-box;
    }

        .pro-cont ul li.cont01 {
            padding: 65px 40px;
            background: url(../images/ico-line.png) #ed1c24 top right no-repeat;
        }

            .pro-cont ul li.cont01 img {
                display: block;
                margin: 0 auto 20px;
            }

            .pro-cont ul li.cont01 b {
                display: block;
                color: #FFF;
                font-size: 26px;
            }

            .pro-cont ul li.cont01 p {
                color: #FFF;
                font-size: 18px;
                margin-top: 10px;
            }

        .pro-cont ul li.cont02 img {
            width: 100%;
        }

        .pro-cont ul li.cont03 {
            padding: 45px 50px;
            background: url(../images/ico-line.png) #2A2A51 top right no-repeat;
        }

            .pro-cont ul li.cont03 img {
                display: block;
                margin: 0 auto 30px;
            }

            .pro-cont ul li.cont03 b {
                display: block;
                color: #FFF;
                font-size: 14px;
                font-weight: normal;
                margin-top: 15px;
                text-align: left;
            }

            .pro-cont ul li.cont03 p {
                color: #FFF;
                font-size: 16px;
                text-align: left;
                margin-top: 16px;
            }

                .pro-cont ul li.cont03 p img {
                    float: right;
                    display: inline-block;
                    margin: 0;
                }

                .pro-cont ul li.cont03 p span {
                    color: #000;
                    padding: 4px 40px;
                    margin-left: 10px;
                    border-radius: 18px;
                    cursor: pointer;
                    background-color: #f9ebfa;
                }

        .pro-cont ul li.cont04 {
            padding: 40px 30px;
            background: url(../images/pic-cont02.jpg) top left no-repeat;
        }

            .pro-cont ul li.cont04 p {
                float: left;
                width: 42%;
                padding: 15px 5px;
                box-sizing: border-box;
                margin: 0 4%;
                margin-bottom: 20px;
                border-radius: 10px;
                background: rgba(0,0,0,.6);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
            }

                .pro-cont ul li.cont04 p img {
                    display: block;
                    margin: 5px auto 10px;
                }

            .pro-cont ul li.cont04 b {
                color: #FFF;
                font-size: 14px;
                font-weight: normal;
            }

.pro-navy {
    clear: both;
    overflow: hidden;
    margin-top: 45px;
}

    .pro-navy ul {
        clear: both;
        overflow: hidden;
    }

        .pro-navy ul li {
            float: left;
            width: 33.3%;
            text-align: center;
            border-radius: 6px;
            border: 1px solid #D5D5D5;
            box-sizing: border-box;
        }

            .pro-navy ul li a {
                display: block;
            }

            .pro-navy ul li .pro-nav {
                height: 84px;
                padding-top: 15px;
            }

            .pro-navy ul li .pro-nav01 {
                background: url(../images/ico-pic01.png) no-repeat center;
            }

            .pro-navy ul li .pro-nav02 {
                background: url(../images/ico-pic02.png) no-repeat center;
            }

            .pro-navy ul li .pro-nav03 {
                background: url(../images/ico-pic03.png) no-repeat center;
            }

            .pro-navy ul li .pro-nav04 {
                background: url(../images/ico-pic04.png) no-repeat center;
            }

            .pro-navy ul li .pro-nav05 {
                background: url(../images/ico-pic05.png) no-repeat center;
            }

            .pro-navy ul li .pro-nav06 {
                background: url(../images/ico-pic06.png) no-repeat center;
            }

            .pro-navy ul li p {
                font-size: 18px;
                margin-top: 3px;
            }

                .pro-navy ul li p a {
                    color: #333;
                }

            .pro-navy ul li b {
                display: block;
            }

                .pro-navy ul li b img {
                    margin: 6px auto;
                }

            .pro-navy ul li:hover {
                background: url(../images/ico-arrow04.png) #ed1c24 no-repeat right bottom;
                border: none;
                padding: 1px;
            }

                .pro-navy ul li:hover .pro-nav01 {
                    background-image: url(../images/ico-pic07.png);
                }

                .pro-navy ul li:hover .pro-nav02 {
                    background-image: url(../images/ico-pic08.png);
                }

                .pro-navy ul li:hover .pro-nav03 {
                    background-image: url(../images/ico-pic09.png);
                }

                .pro-navy ul li:hover .pro-nav04 {
                    background-image: url(../images/ico-pic10.png);
                }

                .pro-navy ul li:hover .pro-nav05 {
                    background-image: url(../images/ico-pic11.png);
                }

                .pro-navy ul li:hover .pro-nav06 {
                    background-image: url(../images/ico-pic12.png);
                }

                .pro-navy ul li:hover p a {
                    color: #FFF;
                }

            .pro-navy ul li.cur {
                background: url(../images/ico-arrow04.png) #ed1c24 no-repeat right bottom;
                border: none;
                padding: 1px;
            }

                .pro-navy ul li.cur .pro-nav01 {
                    background-image: url(../images/ico-pic07.png);
                }

                .pro-navy ul li.cur .pro-nav02 {
                    background-image: url(../images/ico-pic08.png);
                }

                .pro-navy ul li.cur .pro-nav03 {
                    background-image: url(../images/ico-pic09.png);
                }

                .pro-navy ul li.cur .pro-nav04 {
                    background-image: url(../images/ico-pic10.png);
                }

                .pro-navy ul li.cur .pro-nav05 {
                    background-image: url(../images/ico-pic11.png);
                }

                .pro-navy ul li.cur .pro-nav06 {
                    background-image: url(../images/ico-pic12.png);
                }

                .pro-navy ul li.cur p a {
                    color: #FFF;
                }

.pro-rank {
    clear: both;
    overflow: hidden;
    margin: 50px auto;
}

    .pro-rank ul {
        clear: both;
        overflow: hidden;
        margin-left: -2%;
    }

        .pro-rank ul li {
            float: left;
            width: 31.3%;
            margin-left: 2%;
            margin-bottom: 20px;
        }

            .pro-rank ul li a {
                display: block;
                overflow: hidden;
            }

            .pro-rank ul li p {
                position: relative;
                display: block;
                height: 50px;
                line-height: 50px;
                text-align: center;
                color: #333;
                font-size: 16px;
            }

                .pro-rank ul li p:after {
                    transition: all .5s cubic-bezier(.68,-.55,.27,1.55);
                    animation: lineout .5s infinite;
                    -webkit-animation: lineout .5s infinite;
                    animation-iteration-count: 1;
                    -webkit-animation-iteration-count: 1;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    display: inline-block;
                    content: "";
                    height: 2px;
                    width: 0;
                    background: #ed1c24;
                }

            .pro-rank ul li:hover p:after {
                transition: all .5s cubic-bezier(.68,-.55,.27,1.55);
                animation: linemove .5s infinite;
                -webkit-animation: linemove .5s infinite;
                animation-iteration-count: 1;
                -webkit-animation-iteration-count: 1;
                position: absolute;
                bottom: 0;
                left: 0;
                display: inline-block;
                content: "";
                height: 2px;
                width: 100%;
                background: #ed1c24;
            }

            .pro-rank ul li:hover p a {
                color: #ed1c24;
            }

.pro-rankul li img {
    width: 100%;
    height: auto;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.pro-rank ul li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transition: all 0.5s;
    - webkit-transition:all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.pro-type {
    clear: both;
    overflow: hidden;
    margin-top: 60px;
}

    .pro-type ul {
        clear: both;
        overflow: hidden;
        margin-left: -1%;
    }

        .pro-type ul li {
            position: relative;
            float: left;
            width: 49%;
            margin-left: 1%;
            margin-bottom: 1%;
        }

.type-pic {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.type-info {
    position: absolute;
    left: 36px;
    top: 20%;
}

    .type-info a {
        display: block;
    }

    .type-info h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }

        .type-info h3 a {
            color: #FFF;
        }

    .type-info p {
        color: #FFF;
        font-size: 14px;
        line-height: 26px;
    }

    .type-info a.type-btn {
        color: #FFF;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        width: 70px;
        text-align: center;
        border-radius: 12px;
        border: 1px solid #FFF;
        margin-top: 20px;
    }

        .type-info a.type-btn:hover {
            background-color: #FFF;
            color: #333;
        }

.pro-case {
    clear: both;
    overflow: hidden;
    margin-top: 50px;
    padding: 40px 0 50px;
    background-color: #EEE;
}

    .pro-case h2 {
        color: #010101;
        font-size: 36px;
        text-align: center;
    }

        .pro-case h2 i {
            font-weight: normal;
        }

    .pro-case ul {
        clear: both;
        overflow: hidden;
        padding: 30px;
        box-sizing: border-box;
        margin-top: 30px;
        margin-left: -3%;
        background-color: #FFF;
    }

        .pro-case ul li {
            float: left;
            width: 30.3%;
            margin-left: 3%;
        }

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

            .pro-case ul li a {
                display: block;
            }

            .pro-case ul li p {
                line-height: 20px;
                margin: 10px 0;
                text-align: center;
            }

                .pro-case ul li p a {
                    color: #333;
                    font-size: 16px;
                }

                    .pro-case ul li p a:hover {
                        color: #ed1c24;
                    }

.pro-need {
    clear: both;
    overflow: hidden;
    margin: 60px auto 40px;
}

    .pro-need h2 {
        color: #010101;
        font-size: 36px;
        text-align: center;
    }

        .pro-need h2 i {
            font-weight: normal;
        }

    .pro-need p {
        color: #FFF;
        font-size: 20px;
        width: 230px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        margin: 16px auto 46px;
        border-radius: 18px;
        background-color: #8ea8c9;
    }

    .pro-need ul {
        clear: both;
        overflow: hidden;
        margin-left: -3%;
    }

        .pro-need ul li {
            position: relative;
            float: left;
            width: 22%;
            margin-left: 3%;
            border-radius: 8px;
            overflow: hidden;
        }

            .pro-need ul li img {
                width: 100%;
                height: auto;
            }

            .pro-need ul li em {
                position: absolute;
                left: 50%;
                top: 0;
                width: 72px;
                height: 22px;
                text-align: center;
                border-radius: 0 0 8px 8px;
                margin-left: -36px;
                background-color: #FFF;
            }

.need-line {
    position: relative;
    height: 36px;
    margin: 0 11% 15px;
    border: 1px solid #BFBFBF;
    border-top: none;
}

    .need-line font {
        position: absolute;
        left: 50%;
        bottom: -15px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        color: #000;
        font-size: 18px;
        text-align: center;
        margin-left: -50px;
        background-color: #FFF;
    }

.line01 {
    margin: 50px 11% 0;
    border: 1px solid #BFBFBF;
    border-bottom: none;
}

    .line01 font {
        position: absolute;
        left: 50%;
        top: -15px;
    }

/*case*/
.case-list {
    clear: both;
    overflow: hidden;
    margin: 30px auto;
}

    .case-list ul {
        clear: both;
        overflow: hidden;
        margin-left: -2%;
    }

        .case-list ul li {
            float: left;
            width: 31.3%;
            margin-left: 2%;
            margin-bottom: 20px;
        }

            .case-list ul li a {
                display: block;
                overflow: hidden;
            }

            .case-list ul li p {
                position: relative;
                display: block;
                height: 50px;
                line-height: 50px;
                text-align: center;
                color: #333;
                font-size: 16px;
            }

                .case-list ul li p:after {
                    transition: all .5s cubic-bezier(.68,-.55,.27,1.55);
                    animation: lineout .5s infinite;
                    -webkit-animation: lineout .5s infinite;
                    animation-iteration-count: 1;
                    -webkit-animation-iteration-count: 1;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    display: inline-block;
                    content: "";
                    height: 2px;
                    width: 0;
                    background: #ed1c24;
                }

            .case-list ul li:hover p:after {
                transition: all .5s cubic-bezier(.68,-.55,.27,1.55);
                animation: linemove .5s infinite;
                -webkit-animation: linemove .5s infinite;
                animation-iteration-count: 1;
                -webkit-animation-iteration-count: 1;
                position: absolute;
                bottom: 0;
                left: 0;
                display: inline-block;
                content: "";
                height: 2px;
                width: 100%;
                background: #ed1c24;
            }

            .case-list ul li:hover p a {
                color: #ed1c24;
            }

            .case-list ul li img {
                width: 100%;
                height: auto;
                transition: all 0.5s;
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -ms-transition: all 0.5s;
            }

            .case-list ul li:hover img {
                transform: scale(1.05);
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                transition: all 0.5s;
                - webkit-transition:all 0.5s;
                -moz-transition: all 0.5s;
                -ms-transition: all 0.5s;
            }

.product-info ul.case-type li {
    width: 48.5%;
}

.case-tel {
    background-size: 32px;
    padding-left: 42px;
    margin-top: 35px;
}

    .case-tel span {
        display: inline-block;
    }

    .case-tel p {
        display: inline-block;
        font-weight: normal;
        margin-left: 10px;
    }

.case-sign {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
    line-height: 20px;
    margin-left: -6%;
}

    .case-sign font {
        color: #999;
        font-size: 16px;
        padding-left: 26px;
        margin-left: 6%;
        background: url(../images/ico-sign.png) top left no-repeat;
    }


/*news*/
.page {
    width: 100%;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    margin: 15px auto 40px;
}

    .page a {
        color: #999;
        margin-right: 5px;
        padding: 6px 18px;
        background: #FFF none repeat scroll 0 0;
        border: 1px solid #DDD;
    }

        .page a:hover {
            color: #FFF;
            text-decoration: none;
            border: 1px solid #ed1c24;
            background: #ed1c24 none repeat scroll 0 0;
        }

    .page .current {
        color: #FFF;
        text-decoration: none;
        margin-right: 5px;
        padding: 6px 18px;
        border: 1px solid #ed1c24;
        background: #ed1c24 none repeat scroll 0 0;
    }

.disabled {
    color: #999;
    margin-right: 5px;
    padding: 6px 18px;
    border: 1px solid #DDD;
    background: #FFF none repeat scroll 0 0;
}

.page ul li {
    display: inline-block;
}

.page .active span {
    display: block;
    color: #fff;
    padding: 6px 18px;
    background: red none repeat scroll 0 0;
    border: 1px solid #DDD;
}
/*.page .disabled span{padding:0px 18px;}*/

.news-list {
    clear: both;
    overflow: hidden;
    margin-top: 60px;
}

    .news-list ul {
        clear: both;
        ;
        overflow: hidden;
        margin-left: -4%;
    }

        .news-list ul li {
            float: left;
            width: 46%;
            padding-bottom: 20px;
            border-bottom: 1px solid #EEE;
            margin-left: 4%;
            margin-bottom: 25px;
        }

.list-time {
    float: left;
    color: #333;
    font-size: 14px;
    width: 90px;
    text-align: center;
    margin-right: 10px;
}

    .list-time b {
        display: block;
        color: #9C9C9C;
        font-size: 50px;
        font-family: Source Han Sans CN;
        font-weight: normal;
        margin-bottom: 5px;
    }

.list-info {
    display: block;
    overflow: hidden;
}

    .list-info h2 {
        color: #000;
        font-size: 20px;
        font-weight: normal;
        line-height: 1.2;
        margin-bottom: 15px;
    }

        .list-info h2 a {
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .list-info h2 a:hover {
                color: #ed1c24;
            }

    .list-info p {
        color: #333;
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }

.news-detail {
    clear: both;
    overflow: hidden;
    margin-top: 40px;
}

.news-nav {
    float: left;
    width: 420px;
    background: url('../images/bg-nav.jpg') #E5E5E5 no-repeat top center;
}

    .news-nav.place {
        top: 0;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
    }

        .news-nav.place p {
            margin-top: 150px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
        }

    .news-nav a {
        display: block;
        margin-top: 120px;
    }

        .news-nav a img {
            display: block;
            margin: 0 auto;
        }

    .news-nav b {
        display: block;
    }

        .news-nav b img {
            margin-top: 150px;
            margin-left: 230px;
        }

    .news-nav p {
        width: 100%;
        color: #707580;
        font-size: 20px;
        text-align: center;
        margin-top: 30px;
    }

        .news-nav p font {
            font-size: 22px;
            color: #ed1c24;
        }

            .news-nav p font i {
                font-size: 28px;
                font-weight: bold;
            }


.news-main {
    padding-left: 470px;
}

.news-time {
    color: #111;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
}

    .news-time span {
        display: inline-block;
        color: #FFF;
        border-radius: 14px;
        padding: 0 12px;
        margin-right: 15px;
        background-color: #BABABA;
    }

.news-main h1 {
    font-size: 34px;
    line-height: 1.2;
    margin: 40px 0;
}

.news-author {
    position: relative;
    height: 94px;
    width: 100%;
    margin-bottom: 45px;
    background: url('../images/ico-lines.png') no-repeat left bottom;
}

.news-intro {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    height: 92px;
    z-index: 2;
}

    .news-intro img {
        float: left;
        width: 72px;
        height: 72px;
        overflow: hidden;
        display: block;
    }

.news-text {
    display: inline-block;
    margin-left: 15px;
    margin-top: 5px;
}

    .news-text h3 {
        color: #000;
        font-size: 24px;
        height: 34px;
        line-height: 34px;
        font-weight: 500;
    }

.news-main .news-text p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.news-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #969696;
    z-index: -1;
}

.news-ico {
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 30px;
    height: 8px;
    background: url('../images/line-ico.jpg') no-repeat left bottom;
}

.news-author span {
    position: absolute;
    top: 20px;
    right: 0;
    color: #FFF;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 30px 0 60px;
    cursor: pointer;
    background: url('../images/ico-link.png') #ed1c24 no-repeat 30px center;
}


.news-main p {
    color: #555;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 16px;
}

    .news-main p a {
        color: #ed1c24;
        padding: 0 4px;
    }

        .news-main p a:hover {
            text-decoration: underline;
        }

    .news-main p video {
        width: 100%;
        height: auto;
        max-width: 800px;
    }

.news-main i {
    float: left;
    width: 63px;
    height: 28px;
    margin-right: 15px;
    background: url('../images/ico-txt.jpg') no-repeat left top;
}

.news-main h2 {
    color: #333;
    font-size: 26px;
    margin-bottom: 16px;
}

.news-main h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 16px;
}

.news-main table {
    margin-bottom: 20px;
}

.news-page {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

    .news-page p {
        color: #FF3900;
        line-height: 36px;
        margin: 0;
    }

        .news-page p span {
            float: left;
            width: 64px;
        }

        .news-page p a {
            display: block;
            color: #FF3900;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.news-about {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

.news-tit {
    overflow: hidden;
    padding-bottom: 26px;
}

    .news-tit h3 {
        position: relative;
        float: left;
        width: 128px;
        height: 38px;
        line-height: 37px;
        text-align: center;
        font-size: 18px;
        font-weight: normal;
        color: #FFF;
        background-color: #FF3900;
    }

        .news-tit h3::after {
            content: "";
            position: absolute;
            left: 0;
            width: 11px;
            height: 11px;
            bottom: -11px;
            background: url('../images/ico-tit.png') no-repeat left bottom;
        }

.news-about ul li {
    padding: 13px 15px 10px 68px;
    margin-bottom: 20px;
    background: #f6f6f6 url('../images/ico-arrow01.png') no-repeat left 18px center;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

    .news-about ul li a {
        display: block;
        font-size: 20px;
        color: #333;
        line-height: 30px;
        margin-bottom: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .news-about ul li span {
        display: inline-block;
        font-size: 14px;
        color: #999;
        line-height: 24px;
        margin-right: 25px;
    }

    .news-about ul li a:hover {
        color: #ff3900;
    }

.news-pro {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

    .news-pro ul {
        margin-left: -2%;
        margin-top: 10px;
    }

        .news-pro ul li {
            float: left;
            width: 48%;
            margin-left: 2%;
        }

            .news-pro ul li img {
                width: 100%;
                height: auto;
            }

            .news-pro ul li a {
                display: block;
            }

            .news-pro ul li p {
                color: #333;
                font-size: 18px;
                padding: 5px 0;
                margin: 0;
                margin-bottom: 10px;
                text-align: center;
            }

.news-foot {
    display: none;
}

.news-focus {
    clear: both;
    overflow: hidden;
    padding: 70px 0 80px;
    background: url('../images/bg-news01.jpg') repeat center top;
}

    .news-focus h1 {
        color: #000;
        font-size: 40px;
        text-align: center;
    }

    .news-focus p {
        color: #666;
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
        margin-top: 18px;
    }

    .news-focus ul {
        clear: both;
        overflow: hidden;
        margin-left: -2%;
        margin-top: 45px;
    }

        .news-focus ul li {
            float: left;
            width: 31.3%;
            margin-left: 2%;
        }

            .news-focus ul li a {
                display: block;
            }

            .news-focus ul li img {
                width: 100%;
                height: auto;
            }

.news-txt {
    padding: 15px 25px;
    box-sizing: border-box;
    background-color: #FFF;
}

    .news-txt h3 {
        color: #333;
        font-size: 16px;
        font-weight: normal;
        line-height: 30px;
        overflow: hidden;
    }

    .news-txt a:hover {
        color: #ed1c24;
    }

    .news-txt b {
        display: block;
        font-size: 14px;
        font-weight: normal;
        margin-top: 25px;
    }

.news-com {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
}

    .news-com h2 {
        line-height: 30px;
        font-weight: normal;
    }

        .news-com h2 span {
            color: #010101;
            font-size: 30px;
        }

        .news-com h2 a {
            float: right;
            color: #666;
            font-size: 14px;
        }

            .news-com h2 a:hover {
                text-decoration: underline;
            }

.com-show {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
}

.com-info {
    float: left;
    width: 58%;
}

    .com-info a {
        display: block;
    }

    .com-info img {
        width: 100%;
        height: auto;
    }

.com-txt {
    padding: 15px 25px;
    box-sizing: border-box;
    background-color: #F6F6F6;
}

    .com-txt h3 {
        font-size: 20px;
        font-weight: normal;
    }

        .com-txt h3 a {
            color: #333;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .com-txt h3 a:hover {
                color: #ed1c24;
            }

    .com-txt p {
        color: #666;
        font-size: 14px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
        margin: 20px 0;
    }

    .com-txt b {
        display: block;
        color: #666;
        font-size: 14px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        padding-left: 30px;
        box-sizing: border-box;
        background: url('../images/ico-data.png') no-repeat left center;
    }

.com-show ul {
    float: right;
    width: 38%;
}

    .com-show ul li {
        float: left;
        width: 100%;
        margin-bottom: 35px;
        border-bottom: 1px solid #ECF1F4;
    }

        .com-show ul li:last-child {
            margin-bottom: 0;
        }

        .com-show ul li b {
            display: block;
            font-weight: normal;
            line-height: 32px;
            color: #ed1c24;
            font-size: 30px;
        }

            .com-show ul li b em {
                float: right;
                color: #888;
                font-size: 16px;
            }

        .com-show ul li h3 {
            font-size: 18px;
            font-weight: normal;
            margin: 18px 0 12px;
        }

            .com-show ul li h3 a {
                display: block;
                color: #333;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .com-show ul li h3 a:hover {
                    color: #ed1c24;
                }

        .com-show ul li p {
            color: #666;
            font-size: 14px;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            margin: 14px 0 30px;
        }

.news-much {
    clear: both;
    overflow: hidden;
    margin-top: 90px;
}

    .news-much h2 {
        line-height: 36px;
        font-weight: normal;
        padding-bottom: 25px;
        border-bottom: 1px solid #D1DEE6;
    }

        .news-much h2 span {
            color: #010101;
            font-size: 30px;
        }

        .news-much h2 a {
            float: right;
            color: #666;
            font-size: 14px;
        }

            .news-much h2 a:hover {
                text-decoration: underline;
            }

    .news-much ul {
        clear: both;
        ;
        overflow: hidden;
        margin-left: -5%;
        margin-top: 40px;
    }

        .news-much ul li {
            float: left;
            width: 45%;
            padding-bottom: 20px;
            border-bottom: 1px solid #D1DEE6;
            margin-left: 5%;
            margin-bottom: 30px;
        }

.much-time {
    float: left;
    color: #FFF;
    font-size: 16px;
    width: 12%;
    text-align: center;
    padding: 10px 0;
    margin-right: 20px;
    background-color: #949494;
}

    .much-time b {
        display: block;
        color: #FFF;
        font-size: 30px;
        line-height: 1.1;
        font-family: Source Han Sans CN;
        font-weight: normal;
        margin-bottom: 5px;
    }

.much-info {
    display: block;
    overflow: hidden;
}

    .much-info h3 {
        color: #000;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.2;
        margin-bottom: 10px;
    }

        .much-info h3 a {
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .much-info h3 a:hover {
                color: #ed1c24;
            }

    .much-info p {
        color: #666;
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }

.news-other {
    clear: both;
    overflow: hidden;
    padding: 130px 0 160px;
    margin-top: 20px;
    background: url('../images/bg-news02.jpg') repeat center top;
}

.other-con {
    float: right;
    width: 57%;
    color: #FFF;
    text-align: right;
}

    .other-con b {
        font-size: 36px;
    }

    .other-con p {
        font-size: 17px;
        line-height: 30px;
        margin: 20px 0;
    }

    .other-con a {
        display: inline-block;
        color: #FFF;
        font-size: 14px;
        padding: 15px 70px;
        border: 1px solid #FFF;
        cursor: pointer;
    }

        .other-con a img {
            vertical-align: middle;
            margin-left: 10px;
        }

.ban-nav {
    position: absolute;
    left: 18%;
    bottom: 0;
}

    .ban-nav span {
        float: left;
        margin-right: 3px;
    }

        .ban-nav span a {
            display: block;
            padding: 20px 50px;
            background-color: #FFF;
        }

            .ban-nav span a:hover {
                color: #FFF;
                background-color: rgba(236,0,2,0.7);
            }

            .ban-nav span a.ban-cur {
                color: #FFF;
                background-color: rgba(236,0,2,0.7);
            }

.news-place {
    text-align: right;
}

/*about*/
.about-show {
    clear: both;
    overflow: hidden;
    margin-top: 70px;
}

    .about-show h1 {
        color: #000;
        font-size: 40px;
        font-weight: normal;
        text-align: center;
    }

    .about-show p {
        color: #333;
        font-size: 16px;
        line-height: 1.6;
        text-align: center;
        margin: 15px 0;
    }

.about-info {
    clear: both;
    overflow: hidden;
    margin-top: 35px;
}

.about-video {
    float: left;
    width: 62%;
    height: 500px;
    background: url('../images/video_bg.jpg') no-repeat left top;
    background-size: 100%;
}

    .about-video video {
        width: 100%;
        padding: 6px 16px;
        box-sizing: border-box;
    }

.about-info p {
    float: right;
    width: 39%;
    color: #333;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    padding: 50px 50px 60px 60px;
    box-sizing: border-box;
    margin-top: 25px;
    margin-left: -1%;
    border: 6px solid #DCDCDC;
    border-left: 0;
}

.about-course {
    height: 380px;
    padding: 70px 0;
    background: url('../images/bg-about01.jpg') repeat center top;
}

.cour-info {
    float: left;
    width: 80%;
    height: 380px;
    background: url('../images/ico-lc.png') #FFF no-repeat left top;
}

.cour-txt {
    margin: 80px 60px 0 370px;
}

    .cour-txt b {
        color: #ed1c24;
        font-size: 34px;
        font-weight: normal;
    }

        .cour-txt b em {
            font-weight: bold;
        }

    .cour-txt p {
        color: #333;
        font-size: 16px;
        line-height: 30px;
        margin-top: 40px;
    }

.cour-nav {
    float: right;
    width: 19.5%;
    height: 380px;
    background-color: #FFF;
}

    .cour-nav li {
        float: left;
        color: #333;
        font-size: 16px;
        width: 50%;
        text-align: center;
        height: 95px;
        line-height: 95px;
        cursor: pointer;
    }

        .cour-nav li i {
            color: #333;
            display: block;
            background-color: #F6F6F6;
        }

        .cour-nav li.selected {
            color: #FFF;
            background-color: #F24C4D;
        }

            .cour-nav li.selected i {
                color: #FFF;
                background-color: #F24C4D;
            }

        .cour-nav li:hover {
            color: #FFF;
            background-color: #F24C4D;
        }

            .cour-nav li:hover i {
                color: #FFF;
                background-color: #F24C4D;
            }

.about-main {
    clear: both;
    overflow: hidden;
    margin-top: 60px;
}

    .about-main h2 {
        color: #000;
        font-size: 38px;
        font-weight: normal;
        text-align: center;
    }

    .about-main p {
        color: #333;
        font-size: 16px;
        line-height: 1.6;
        text-align: center;
        margin: 15px 0;
    }

    .about-main ul {
        clear: both;
        overflow: hidden;
        margin-top: 25px;
        margin-left: -2%;
    }

        .about-main ul li {
            float: left;
            width: 31.3%;
            margin-left: 2%;
        }

.about-pic {
    position: relative;
    margin-bottom: 20px;
}

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

    .about-pic span {
        position: absolute;
        top: 36px;
        left: 30px;
        color: #FFF;
        font-size: 22px;
        font-weight: bold;
    }

        .about-pic span:after {
            position: absolute;
            content: "";
            left: 0;
            bottom: -16px;
            width: 58px;
            height: 2px;
            background-color: #FFF;
        }

.about-main ul li p {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

.about-main ul li b {
    display: block;
    text-align: center;
    margin: 10px 0;
}

    .about-main ul li b img {
        margin: 0 auto;
    }

.about-point {
    clear: both;
    overflow: hidden;
    height: 500px;
    margin-top: 60px;
}

.point-nav {
    float: left;
    width: 60%;
    height: 100%;
    background: url('../images/bg-about02.jpg') no-repeat center top;
}

    .point-nav ul {
        width: 100%;
        padding-left: 120px;
        box-sizing: border-box;
        margin-top: 130px;
    }

        .point-nav ul li {
            float: left;
            color: #FFF;
            text-align: right;
            width: 24%;
            padding: 0 4%;
            border-right: 1px solid #FFF;
        }

            .point-nav ul li:last-child {
                border-right: none;
            }

            .point-nav ul li i {
                position: relative;
                display: block;
                text-align: right;
                padding-bottom: 10px;
            }

                .point-nav ul li i:after {
                    position: absolute;
                    content: "";
                    right: 21px;
                    bottom: 0;
                    width: 48px;
                    height: 2px;
                    background-color: #F24C4D;
                }

            .point-nav ul li b {
                display: block;
                font-size: 22px;
                font-weight: normal;
                margin: 20px 0;
            }

            .point-nav ul li p {
                font-size: 14px;
                line-height: 26px;
            }

.point-txt {
    float: left;
    width: 40%;
    height: 100%;
    padding: 0 200px 0 50px;
    box-sizing: border-box;
    background-color: #F24C4D;
}

    .point-txt b {
        display: block;
        margin-top: 130px;
        color: #FFF;
        font-size: 34px;
        font-weight: normal;
    }

    .point-txt p {
        color: #FFF;
        font-size: 16px;
        line-height: 32px;
        margin-top: 20px;
    }

.about-range {
    clear: both;
    overflow: hidden;
    padding: 70px 0;
    background-color: #FCFCFC;
}

    .about-range h2 {
        color: #000;
        font-size: 38px;
        font-weight: normal;
        text-align: center;
    }

    .about-range p {
        color: #333;
        font-size: 16px;
        line-height: 1.6;
        text-align: center;
        margin: 15px 0;
    }

    .about-range ul {
        margin-top: 30px;
        margin-left: -3%;
    }

        .about-range ul li {
            float: left;
            width: 30%;
            margin-left: 3%;
            background-color: #E5E5E5;
            border-radius: 6px;
            text-align: center;
            padding: 30px 0;
        }

            .about-range ul li a {
                display: block;
            }

            .about-range ul li b {
                display: block;
                color: #333;
                font-size: 16px;
                font-weight: normal;
                margin-top: 5px;
            }

            .about-range ul li .about-nav {
                width: 84px;
                height: 84px;
                margin: 0 auto;
            }

            .about-range ul li .about-nav01 {
                background: url(../images/ico-pic01.png) no-repeat center;
            }

            .about-range ul li .about-nav02 {
                background: url(../images/ico-pic02.png) no-repeat center;
            }

            .about-range ul li .about-nav03 {
                background: url(../images/ico-pic03.png) no-repeat center;
            }

            .about-range ul li .about-nav04 {
                background: url(../images/ico-pic04.png) no-repeat center;
            }

            .about-range ul li:hover {
                background-color: #F24C4D;
            }

                .about-range ul li:hover .about-nav01 {
                    background: url(../images/ico-pic07.png) no-repeat center;
                }

                .about-range ul li:hover .about-nav02 {
                    background: url(../images/ico-pic08.png) no-repeat center;
                }

                .about-range ul li:hover .about-nav03 {
                    background: url(../images/ico-pic09.png) no-repeat center;
                }

                .about-range ul li:hover .about-nav04 {
                    background: url(../images/ico-pic10.png) no-repeat center;
                }

                .about-range ul li:hover b a {
                    color: #FFF;
                }

/*contact*/
.cont-show {
    clear: both;
    overflow: hidden;
    margin: 40px auto;
}

    .cont-show h1 {
        color: #000;
        font-size: 40px;
        font-weight: normal;
        text-align: center;
    }

    .cont-show b {
        display: block;
        color: #E5E5E5;
        font-size: 40px;
        text-align: center;
        margin: 0 0 5px;
    }

.cont-way {
    clear: both;
    overflow: hidden;
    padding-bottom: 80px;
    background: url(../images/bg-contact.jpg) no-repeat center bottom;
}

.way-info {
    float: left;
    width: 50%;
}

    .way-info h2 {
        color: #333;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .way-info p {
        line-height: 30px;
        color: #333;
        font-size: 16px;
        margin-bottom: 10px;
    }

        .way-info p img {
            margin-right: 10px;
        }

        .way-info p em {
            color: #ed1c24;
            font-size: 24px;
            font-weight: bold;
        }

.way-con {
    clear: both;
    overflow: hidden;
    padding-top: 50px;
    margin-top: 40px;
    border-top: 1px solid #EEE;
}

    .way-con img {
        float: left;
        width: 170px;
        height: 170px;
        margin-right: 15px;
    }

    .way-con b {
        display: block;
        color: #666;
        font-size: 15px;
        font-weight: normal;
        line-height: 30px;
        margin: 10px 0;
    }

    .way-con span {
        display: block;
        overflow: hidden;
        color: #FFF;
        font-size: 14px;
        width: 125px;
        height: 35px;
        line-height: 35px;
        border-radius: 5px;
        text-align: center;
        margin-top: 20px;
        cursor: pointer;
        background-color: #ed1c24;
    }

.way-map {
    float: right;
    width: 40%;
    border-radius: 50%;
    overflow: hidden;
}

#allmap {
    display: block;
    width: 100%;
    height: 460px;
    border-radius: 50%;
}

.BMap_bubble_content {
    line-height: 26px
}

#allmap img {
    max-width: 1000px;
}
/*service*/
.ser-show {
    clear: both;
    overflow: hidden;
    padding: 30px 0;
    background: url(../images/bg-service01.jpg) repeat center top;
}

    .ser-show .box {
        position: relative;
    }

.ser-name {
    float: left;
    width: 45%;
    margin: 50px 0;
}

    .ser-name h1 {
        color: #FFF;
        font-size: 40px;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .ser-name p {
        color: #FFF;
        font-size: 16px;
    }

.ser-show ul {
    clear: both;
    overflow: hidden;
}

    .ser-show ul li {
        float: left;
        margin-top: 1%;
        overflow: hidden;
    }

        .ser-show ul li img {
            width: 100%;
            height: auto;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
        }

        .ser-show ul li:hover img {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transition: all 0.5s;
            - webkit-transition:all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
        }

        .ser-show ul li.ser-ico:hover img {
            transform: rotateY(180deg);
        }

    .ser-show ul.ser-show01 {
        width: 46%;
        margin-left: -2%;
    }

    .ser-show ul.ser-show02 {
        width: 100%;
        margin-left: -1%;
    }

    .ser-show ul.ser-show01 li {
        margin-left: 2%;
    }

    .ser-show ul.ser-show02 li {
        margin-left: 1%;
    }

    .ser-show ul li img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .ser-show ul li i {
        display: block;
        color: #FFF;
        font-size: 22px;
        margin-top: 16px;
    }

    .ser-show ul li.ser-ico {
        text-align: center;
        padding: 40px 0 50px;
    }

        .ser-show ul li.ser-ico img {
            width: 70px;
            height: 70px;
        }

    .ser-show ul li.ser-ico01 {
        width: 48%;
        background-color: #F24C4D;
    }

    .ser-show ul li.ser-ico02 {
        width: 21%;
        background-color: #FFCC00;
    }

    .ser-show ul li.ser-ico03 {
        width: 22%;
        background-color: #f7ac1b;
    }

    .ser-show ul li.ser-pic01 {
        width: 48%;
    }

    .ser-show ul li.ser-pic02 {
        width: 22.2%;
    }

    .ser-show ul li.ser-pic03 {
        width: 30.5%;
    }

.ser-people {
    position: absolute;
    right: 45px;
    top: 1px;
}

.ser-aim {
    clear: both;
    overflow: hidden;
    margin-top: 60px;
}

    .ser-aim h2 {
        color: #333;
        font-size: 38px;
        ;
        font-weight: normal;
        text-align: center;
    }

    .ser-aim p {
        color: #333;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin: 20px auto;
    }

.aim-show {
    height: 440px;
    overflow: hidden;
}

    .aim-show li {
        float: left;
        width: 15%;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        cursor: pointer;
    }

        .aim-show li .aim-main {
            height: 440px;
        }

        .aim-show li .aim-con {
            display: none;
            width: 50%;
            padding-top: 80px;
            padding-left: 70px;
            color: #FFF;
        }

            .aim-show li .aim-con b {
                color: #FFF;
                font-size: 32px;
                margin-bottom: 30px;
                text-align: left;
            }

            .aim-show li .aim-con p {
                color: #FFF;
                font-size: 14px;
                line-height: 24px;
                text-align: left;
            }

        .aim-show li.on {
            width: 70%;
        }

    .aim-show .aim01 .aim-main {
        border-right: 2px solid #FFF;
        background: url(../images/ser_nav01.jpg) center center no-repeat;
    }

    .aim-show .aim02 .aim-main {
        border-right: 2px solid #FFF;
        background: url(../images/ser_nav02.jpg) center center no-repeat;
    }

    .aim-show .aim03 .aim-main {
        background: url(../images/ser_nav03.jpg) center center no-repeat;
    }

    .aim-show .aim01.on .aim-main {
        background: url(../images/ser_on01.jpg) center center no-repeat;
        background-size: cover;
    }

    .aim-show .aim02.on .aim-main {
        background: url(../images/ser_on02.jpg) center center no-repeat;
        background-size: cover;
    }

    .aim-show .aim03.on .aim-main {
        background: url(../images/ser_on03.jpg) center center no-repeat;
        background-size: cover;
    }

    .aim-show li.on .aim-con {
        display: block;
    }

.ser-trust {
    clear: both;
    overflow: hidden;
    margin-top: 60px;
}

    .ser-trust h2 {
        color: #333;
        font-size: 38px;
        ;
        font-weight: normal;
        text-align: center;
    }

    .ser-trust p {
        color: #333;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin: 20px auto;
    }

    .ser-trust ul {
        clear: both;
        overflow: hidden;
        margin-top: 30px;
        background: url(../images/bg-ser.jpg) center no-repeat;
    }

        .ser-trust ul li {
            float: left;
            width: 25%;
            padding: 100px 0;
            text-align: center;
            color: #FFF;
            line-height: 32px;
            border-right: 1px solid #FFF;
            box-sizing: border-box;
        }

            .ser-trust ul li:last-child {
                border-right: none;
            }

            .ser-trust ul li b {
                font-size: 16px;
                font-weight: normal;
            }

            .ser-trust ul li h3 {
                font-size: 24px;
                font-weight: normal;
            }

            .ser-trust ul li:hover {
                background: rgba(238,33,33,.8);
                transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
            }

.ser-flow {
    clear: both;
    overflow: hidden;
    height: 690px;
    padding-top: 60px;
    margin-top: 60px;
    background: url(../images/bg-flow.jpg) center bottom no-repeat;
}

    .ser-flow h2 {
        color: #FFF;
        font-size: 38px;
        ;
        font-weight: normal;
        text-align: center;
    }

    .ser-flow p {
        color: #FFF;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin: 20px auto;
    }

.error {
    position: relative;
    width: 100%;
    clear: both;
    overflow: hidden;
}

.error-pic {
    width: 100%;
    text-align: center;
}

    .error-pic img {
        width: 100%;
        height: auto;
    }

    .error-pic a {
        position: absolute;
        top: 400px;
        left: 50%;
        display: block;
        width: 180px;
        font-size: 20px;
        color: #EE0002;
        line-height: 44px;
        margin: 0 auto;
        margin-left: -90px;
        border: 1px solid #434343;
    }

.error-pc {
    height: 720px;
    background: url(../images/error01.jpg) center bottom no-repeat;
}

.error-mo {
    height: 400px;
    padding-bottom: 50px;
    background: url(../images/error02.jpg) center top no-repeat;
    background-size: 100%;
}

    .error-mo a {
        top: 80%;
    }

.error-mo {
    display: none;
}

.footer-btns {
    display: none;
}

.mobile_ban-show {
    display: none;
}

.pagination {
    width: 100%;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    margin: 15px auto 40px;
}

    .pagination li {
        display: inline-block;
    }

.disabled {
    color: #999;
    margin-right: 5px;
    padding: 6px 18px;
    border: 1px solid #DDD;
    background: #FFF none repeat scroll 0 0;
}

.pagination .active span {
    display: block;
    color: #fff;
    padding: 6px 18px;
    background: red none repeat scroll 0 0;
    border: 1px solid #DDD;
}

.pagination a {
    color: #999;
    margin-right: 5px;
    padding: 6px 18px;
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #DDD;
}

.news-no {
    display: none;
}

/* 产品内页留言板   开始 */
.pro-liuyanban {
    background: url(../images/liuyan-bg.jpg) no-repeat center top;
    padding: 60px 0 45px;
    background-size: 100% 100%;
    width: 1200px;
    margin: 50px auto 0;
}

    .pro-liuyanban.news-lyb {
        width: auto;
    }

.ly-menu {
    width: 910px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .8);
    text-align: center;
    border-radius: 8px;
    padding-bottom: 10px;
}

.news-lyb .ly-menu {
    width: 680px;
}

.news-lyb .ly-title {
    font-size: 16px;
}

.ly-title {
    font-size: 18px;
    color: #373737;
    line-height: 70px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

    .ly-title b {
        display: none;
    }

    .ly-title img {
        vertical-align: middle;
        margin-right: 15px;
    }

.form-group {
    clear: both;
    overflow: hidden;
    width: 70%;
    margin: 0 auto 35px;
}

.news-main .form-group {
    width: 92%;
}

.ly-menu label {
    line-height: 34px;
    font-size: 16px;
}

.ly-menu input,
.ly-menu textarea {
    float: right;
    background-color: #fff;
    width: 82%;
    line-height: 20px;
    padding: 7px 15px 7px 50px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transition: all 0.25s;
    box-sizing: border-box;
}

    .ly-menu input.btn-ly-tj {
        padding-left: 15px;
    }

    .ly-menu input:focus,
    .ly-menu textarea:focus {
        box-shadow: 0 3px 3px rgba(250, 2, 20, .1);
    }

.ly-bg01 {
    background: url(../images/tb-ly01.png) no-repeat 15px 7px;
}

.ly-bg02 {
    background: url(../images/tb-ly02.png) no-repeat 15px 5px;
}

.ly-bg03 {
    background: url(../images/tb-ly03.png) no-repeat 15px 7px;
}

.btn-ly-tj {
    width: 250px;
    height: 44px;
    margin-top: -10px;
    border: 0;
    outline: none;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    opacity: .9;
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    background: -webkit-linear-gradient(#ff8a80, #fc2f01); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ff8a80, #fc2f01); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ff8a80, #fc2f01); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ff8a80, #fc2f01); /* 标准的语法 */
    filter: progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#ff8a80,endColorStr=#fc2f01);
}

.ly-menu input.btn-ly-tj {
    border: none;
}

.btn-ly-tj:hover {
    opacity: 1;
}


/* 产品内页留言板   结束 */

/* 媒体查询样式 */

@media screen and (max-width:1300px) {
    .data-tab ul li {
        margin-right: 10px;
    }

    .index-line ul li .line2 .p1 {
        font-size: 24px;
    }

    .index-line ul li .line1 .line-name h3 a {
        font-size: 20px;
    }

    .ban-txt b {
        font-size: 30px;
    }

    .ban-txt p {
        font-size: 16px;
        margin-top: 15px;
    }

    .point-nav ul li {
        width: 23%;
        padding: 0 5%;
    }

    .point-txt {
        padding-right: 50px;
    }

    .ban-nav {
        left: 5%;
    }
}

@media screen and (max-width:1280px) {
    .pro-show {
        padding: 30px 0;
    }
}

@media screen and (max-width:1200px) {
    .nav ul li {
        font-size: 16px;
    }

    .show01 {
        padding-top: 64px;
    }

    .data-tab ul li span {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 36px;
    }

    .data-tab ul li {
        margin-right: 5px;
    }

    .ser-list ul.items li u {
        width: 166px;
    }

    .index-line ul li .line2 .p1 {
        font-size: 22px;
    }

    .index-line ul li .line2 .p2 {
        font-size: 15px;
    }

    .index-line ul li .line1 .line-name h3 a {
        font-size: 18px;
    }

    .pro-tel {
        margin-top: 10px;
    }

    .pro-cont ul li {
        width: 50%;
    }

        .pro-cont ul li.cont04 {
            background-size: 100% 100%;
        }

    .case-sign {
        margin-left: -3%;
    }

        .case-sign font {
            margin-left: 3%;
        }

    .news-focus {
        padding: 60px 0 50px;
    }

    .much-time {
        width: 14%;
    }

    .other-con b {
        font-size: 30px;
    }

    .com-show ul li {
        margin-bottom: 20px;
    }

    .ban-txt b {
        font-size: 26px;
    }

    .ban-txt p {
        line-height: 26px;
    }

    .about-info p {
        padding: 20px;
    }

    .point-nav ul {
        padding-left: 0;
    }

    .ban-nav {
        left: 1%;
    }

    .way-map {
        width: 50%;
    }

    .ser-people, .ser-show ul li.ser-pic02, .ser-show ul li.ser-pic03 {
        display: none;
    }

    .ser-name {
        width: 100%;
        margin: 10px 0 30px;
    }

    .ser-show ul.ser-show01, .ser-show ul.ser-show02 {
        clear: inherit;
        float: left;
        width: 50%;
        margin-left: 0;
    }

    .ser-show ul li.ser-pic01 {
        width: 48%;
        margin: 0 1%;
    }

    .ser-show ul li.ser-ico01 {
        width: 48%;
        margin: 0 1%;
    }

    .ser-show ul li.ser-ico02 {
        width: 48%;
        margin: 0 1%;
    }

    .ser-show ul li.ser-ico03 {
        width: 48%;
        margin: 0 1%;
    }

    .ser-show ul li.ser-ico {
        padding: 30px 0 35px;
    }

    .box {
        max-width: 970px;
    }

    .data-tab ul li span {
        width: 69px;
    }

    .index-about ul li {
        padding: 40px 0 25px;
    }

        .index-about ul li b {
            padding-top: 40px;
            margin-top: 20px;
        }

    /* 留言板移动端 */
    .pro-liuyanban {
        width: 100%;
    }

    .news-lyb .ly-menu {
        width: auto;
        margin: 0 15px;
    }

    .news-lyb .ly-title {
        padding: 10px 15px;
        line-height: 26px;
    }

    .news-lyb .ly-menu input,
    .news-lyb .ly-menu textarea {
        width: 100%;
        margin-left: 0;
    }

    .news-lyb .form-group {
        padding: 0 15px;
        text-align: left;
    }

        .news-lyb .form-group label {
            position: relative;
            display: block
        }
    /* .btn-ly-tj{
        width: auto;
        display: block;
        margin: 0 15px;
    } */
}

@media screen and (max-width:1000px) {
    .pro-tit h1, .product-info h1, .about-show h1, .ser-name h1 {
        font-size: 36px;
    }

    .index-tit h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2 {
        font-size: 32px;
    }

    .index-pro, .index-about, .index-line, .index-news, .index-news, .index-ser {
        margin-top: 40px;
    }

    .index-ser, .pro-show {
        padding: 20px 0;
    }

    .show01 {
        padding-top: 72px;
    }

    .data-tab ul li span {
        width: 68px;
        height: 68px;
        line-height: 68px;
    }

    .ser-list ul.items li u, .ser-list ul.items li p {
        display: none;
    }

    .ser-list ul.items li {
        background: none;
    }

        .ser-list ul.items li.ser01:hover i {
            background-position: -80px -5px;
        }

        .ser-list ul.items li.ser02:hover i {
            background-position: -240px -5px;
        }

        .ser-list ul.items li.ser03:hover i {
            background-position: -400px -5px;
        }

        .ser-list ul.items li.ser04:hover i {
            background-position: -80px -80px;
        }

        .ser-list ul.items li.ser05:hover i {
            background-position: -240px -80px;
        }

        .ser-list ul.items li.ser06:hover i {
            background-position: -400px -80px;
        }

        .ser-list ul.items li:hover strong {
            color: #333;
        }

        .ser-list ul.items li strong {
            margin-top: 30px;
        }

    .ser-list ul.items li {
        height: 200px;
    }

    .ser-list ul.items {
        margin-top: 30px;
    }
    /* .position{ display: none; } */
    .product-show {
        margin: 30px auto;
    }

    .product-info ul {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .pro-r {
        display: none;
    }

    .pro-l {
        width: 100%;
    }

    .slick-slider {
        display: none;
    }

    .news-list {
        margin-top: 30px;
    }

    .list-info h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .list-time b {
        font-size: 40px;
    }

    .news-list ul li {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .news-nav {
        display: none;
    }

    .news-main {
        padding-left: 0;
    }

    .news-foot {
        display: block;
    }

    .way-info {
        width: 100%;
    }

    .way-map {
        width: 100%;
        margin-top: 30px;
        overflow: initial;
    }

    .cont-way {
        padding-bottom: 0;
    }

    .pro-type, .ser-aim, .ser-trust, .ser-flow {
        margin-top: 30px;
    }

        .ser-aim p, .ser-trust p, .ser-flow p {
            margin: 15px auto;
        }

    .aim-show li .aim-con {
        width: 60%;
    }

        .aim-show li .aim-con b {
            font-size: 30px;
        }

    .ser-flow {
        display: none;
    }

    .ser-show ul li.ser-pic01 {
        display: none;
    }

    .ser-show ul.ser-show01 {
        width: 33.3%
    }

    .ser-show ul li.ser-ico01 {
        width: 98%;
        margin: 0 1%;
    }

    .ser-show ul.ser-show02 {
        width: 66.6%;
    }

    .ser-show ul li.ser-ico img {
        width: 60px;
        height: 60px;
    }

    .ser-show ul li i {
        font-size: 18px;
    }

    .ser-show ul li.ser-ico {
        padding: 40px 0;
    }

    .ser-name h1 {
        font-size: 34px;
    }

    .news-no {
        display: block;
    }
}

@media screen and (max-width:960px) {
    .box {
        width: 98%;
    }

    .m-top, .menu {
        display: block;
    }

    .m-top {
        text-align: left;
        border-bottom: 1px solid #e5e5e5;
        margin: 0 -10px;
        padding: 0 10px;
        background-color: #fff;
    }

    .top {
        display: none;
    }
    /* 移动端导航样式  开始 */
    .nav {
        background-color: #fff;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    }

    .navbar-toggle {
        position: relative;
        z-index: 9;
        /* display: none; */
        float: right;
        width: 26px;
        height: 26px;
        padding: 7px;
        cursor: pointer;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        cursor: pointer;
    }

        .navbar-toggle:focus {
            outline: 0;
        }

        .navbar-toggle .icon-bar {
            display: block;
            height: 3px;
            background-color: #222;
            margin: 3px 0 5px;
            border-radius: 2px;
            transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
        }

        .navbar-toggle.open .icon-bar {
            display: none;
            margin: 0;
            position: absolute;
            left: 5px;
            top: 50%;
            width: 30px;
        }

            .navbar-toggle.open .icon-bar:first-child {
                display: block;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
            }

            .navbar-toggle.open .icon-bar:last-child {
                display: block;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
            }

        .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .nav ul {
        font-size: 15px;
        line-height: 35px;
        text-align: center;
        overflow: hidden;
        position: fixed;
        right: -200px;
        top: 40px;
        width: 200px;
        height: 100%;
        /* display: none; */
        background-color: #fff;
        z-index: 9999;
        padding: 15px 0;
        margin: 0 -10px;
        transition: right 0.5s;
        -moz-transition: right 0.5s; /* Firefox 4 */
        -webkit-transition: right 0.5s; /* Safari 和 Chrome */
        -o-transition: right 0.5s; /* Opera */
    }

        .nav ul.nav-show {
            right: 0;
        }

        .nav ul li {
            width: 100%;
            height: 46px;
            line-height: 46px;
        }

            .nav ul li:hover {
                background-color: transparent;
            }

            .nav ul li a {
                color: #333;
                display: block;
                margin: 0 15px;
                border-bottom: 1px solid #eee;
                line-height: 45px;
            }

            .nav ul li i {
                display: none;
            }

            .nav ul li a.nav-select {
                color: #333;
                border-color: #ed1c24;
                background: none;
            }

    .nav.iphone-nav ul {
        position: relative;
        float: right;
        display: none;
        top: 0;
        right: 0;
        border-radius: 4px;
        -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
        box-shadow: 0 5px 5px rgba(0,0,0,.2);
    }

    .nav.iphone-nav {
        background-color: transparent;
    }

    body {
        padding-top: 40px;
    }
    /* 移动端导航样式  结束 */


    .pro-tit h1, .product-info h1, .news-focus h1, .about-show h1, .ser-name h1, .ser-name h1 {
        font-size: 32px;
    }

    .index-tit h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2 {
        font-size: 28px;
    }

    .news-pr h3 {
        font-size: 26px;
    }

    .index-pro, .index-about, .index-line, .index-news, .index-news, .index-ser {
        margin-top: 30px;
    }

    .index-ser {
        padding: 30px 0;
    }

    .pro-tit {
        margin-bottom: 30px;
    }

    .index-about ul, .index-line ul, .news-show {
        margin-top: 30px;
    }

    .pro-show {
        padding: 0;
        background-color: #FFF;
    }

    .show01 {
        width: 100%;
        margin: 0 0 10px 0;
        padding-top: 40px;
    }

    .show02 {
        width: 55%;
    }

    .show03 {
        width: 43%;
    }

    .news-pr {
        width: 100%;
        margin-right: 0;
    }

    .news-data {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .news-pr ul li p {
        -webkit-line-clamp: 1;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .data-tab ul li {
        padding-bottom: 20px;
    }

    .data-tab {
        height: 60px;
    }

    .index-tit p {
        font-size: 15px;
    }

    .ser-list ul.items li strong {
        font-size: 14px;
    }

    .index-line ul li:last-child {
        display: none;
    }

    .index-line ul li {
        width: 33.1%;
    }

    .product-info ul li b {
        font-size: 14px;
    }

    .product-info p {
        font-size: 14px;
    }

    .pro-btn {
        margin-top: 10px;
    }

    .pro-tel p {
        font-size: 24px;
    }

        .pro-tel p em {
            font-size: 30px;
        }

    .pro-btn img {
        width: 64%;
    }

    .pro-new ul {
        padding-left: 30px;
    }

    .news-detail {
        margin-top: 30px;
    }

    .news-time {
        font-size: 16px;
    }

    .news-main h1 {
        font-size: 30px;
        margin: 20px 0;
    }

    .news-main h2 {
        font-size: 24px;
    }

    .news-text h3 {
        font-size: 20px;
    }

    .news-author span {
        font-size: 18px;
    }

    .news-about ul li a {
        font-size: 18px;
    }

    .news-list ul {
        margin-left: 0;
    }

        .news-list ul li {
            width: 100%;
            margin-left: 0;
        }

    .com-info {
        width: 100%;
    }

    .com-show ul {
        width: 100%;
        margin-top: 20px;
    }

    .news-much {
        margin-top: 30px;
    }

        .news-much ul {
            margin-left: 0;
        }

            .news-much ul li {
                width: 100%;
                margin-left: 0;
            }

    .much-time {
        width: 10%;
    }

    .news-other {
        display: none;
    }

    .com-txt {
        padding: 15px;
    }

    .ban-txt {
        display: none;
    }

    .pro-navy ul li .pro-nav {
        background-size: 80%;
    }

    .pro-navy ul li p {
        font-size: 16px;
    }

    .about-video {
        width: 100%;
    }

    .about-info p {
        width: 100%;
        border-left: 6px solid #DCDCDC;
    }

    .cour-info {
        background: none;
        background-color: #FFF;
    }

    .cour-info {
        width: 70%;
    }

    .cour-nav {
        width: 29.5%;
    }

    .cour-txt {
        margin-left: 60px;
    }

    .point-txt b {
        margin-top: 80px;
    }

    .about-show, .about-main, .about-point {
        margin-top: 30px;
    }

    .about-range {
        padding: 30px 0;
    }

    .ban-nav {
        position: static;
        margin: 20px 0;
        text-align: center;
    }

        .ban-nav span {
            float: none;
            display: inline-block;
        }

            .ban-nav span a {
                padding: 15px 40px;
                background-color: #EEE;
            }

    .cont-show {
        margin: 30px auto;
    }

        .cont-show h1 {
            font-size: 32px;
        }

        .cont-show b {
            font-size: 26px;
        }

    .type-info {
        left: 18px;
    }

        .type-info h3 {
            font-size: 20px;
            margin-bottom: 15px;
        }

        .type-info a.type-btn {
            margin-top: 15px;
        }

    .pro-case {
        margin-top: 30px;
        padding: 30px 0;
    }

        .pro-case ul {
            margin-top: 20px;
            padding: 20px 20px 10px;
        }

    .pro-need {
        margin: 30px auto;
    }

    .product-fix {
        display: none;
    }

    .mo-bg {
        position: fixed;
        left: -100%;
        top: 40px;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        z-index: 999;
        transition: all 0.5s;
        -moz-transition: all 0.5s; /* Firefox 4 */
        -webkit-transition: all 0.5s; /* Safari 和 Chrome */
        -o-transition: all 0.5s; /* Opera */
    }

        .mo-bg.bg-show {
            left: 0;
        }

    .case-tel p {
        margin-left: 0;
    }

    /* 留言板移动端 */
    .ly-menu {
        width: auto;
        margin: 0 15px;
    }
}

@media screen and (max-width:768px) {
    .pro-tit h1, .product-info h1, .news-focus h1, .about-show h1, .cont-show h1, .ser-name h1, .ser-name h1 {
        font-size: 28px;
    }

    .index-tit h2, .pro-l h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2, .pro-tit h2 {
        font-size: 24px;
    }

    .news-pr h3 {
        font-size: 22px;
    }

    .index-about ul li {
        padding: 30px 0 20px;
    }

        .index-about ul li img {
            height: 50px;
        }

        .index-about ul li b {
            font-size: 18px;
        }

    .index-link, .footer a {
        display: none;
    }

    .index-about ul li p {
        line-height: 20px;
        height: 45px;
        padding: 0 5px;
    }

    .ser-list ul.items li {
        width: 33%;
        height: 120px;
    }

        .ser-list ul.items li i {
            margin-top: 10px;
        }

    .index-line ul li .line2 .p1 {
        font-size: 20px;
    }

    .index-line ul li .line1 .line-name h3 a {
        font-size: 16px;
    }

    .index-line ul li .line2 .p3 {
        width: 50%;
        left: 25%;
    }

    .index-line ul li .line1 .line-name, .index-line ul li .line1 .line-name h3 {
        height: 52px;
        line-height: 52px;
    }

    .index-line ul li:nth-child(3), .banner {
        display: none;
    }

    .index-line ul li {
        width: 49%;
        margin-left: 1%;
    }

    .index-line ul {
        margin-left: -1%;
    }

    .product-pic {
        width: 100%;
    }

        .product-pic img {
            width: 100%;
            height: auto;
        }

    .product-info {
        float: left;
        width: 100%;
        margin-top: 15px;
    }

    .pro-btn img {
        width: 36%;
    }

    .product-fix ul li img {
        width: 32px;
        height: 32px;
    }

    .product-fix ul li p {
        font-size: 16px;
    }

    .pro-l ul li b {
        font-size: 20px;
    }

    .pro-new ul li h3 a {
        width: 80%;
    }

    .case-list ul li {
        width: 48%;
    }

    .news-main h1 {
        font-size: 26px;
    }

    .news-main h2 {
        font-size: 22px;
    }

    .news-focus {
        padding: 30px 0;
    }

        .news-focus ul {
            margin-left: 0;
            margin-top: 30px;
        }

            .news-focus ul li {
                width: 100%;
                margin-left: 0;
                background-color: #FFF;
                margin-bottom: 20px;
            }

                .news-focus ul li a {
                    float: left;
                    width: 40%;
                }

    .news-txt {
        display: block;
        overflow: hidden;
    }

    .news-focus ul li .news-txt h3 a {
        width: 100%;
    }

    .news-focus p {
        margin-top: 10px;
    }

    .news-com h2 span, .news-much h2 span {
        font-size: 24px;
    }

    .com-show {
        margin-top: 15px;
    }

        .com-txt p, .com-show ul li h3, .com-show ul li p {
            margin: 10px 0;
        }

        .com-show ul li b {
            font-size: 24px;
        }

        .com-show ul li {
            margin-bottom: 10px;
        }

    .news-much h2 {
        padding-bottom: 15px;
    }

    .news-much ul {
        margin-top: 15px;
    }

        .news-much ul li {
            margin-bottom: 15px;
            padding-bottom: 15px;
        }

    .much-time {
        width: 12%;
    }

    .pro-rank ul li {
        width: 48%;
    }

    .cour-txt p {
        margin-top: 30px;
    }

    .about-pic span {
        top: 20px;
        left: 20px;
        font-size: 20px;
    }

    .point-nav {
        width: 100%;
    }

    .point-txt {
        display: none;
    }

    .ban-m {
        display: block;
    }

    .way-con {
        margin-top: 20px;
        padding-top: 20px;
    }

    .ser-trust ul li h3 {
        font-size: 22px;
    }

    .product-main video {
        width: 100%;
    }

    /* 隐藏移动端右侧浮动咨询按钮 */
    /* #LRdiv0,
    #LRdiv1{
        display: none!important;
    }*/

    /* 移动端底部版权部分替换为咨询按钮 */
    .footer {
        display: none !important;
    }

    .footer-btns {
        display: none;
        position: fixed;
        height: 36px;
        width: 100%;
        left: 0;
        bottom: 0;
        line-height: 36px;
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        box-shadow: 0px -0.2rem 0.2rem rgba(0, 0, 0, 0.05);
        z-index: 9999;
        background: -moz-linear-gradient(top, #F2F2F2, #ddd 100%);
        background: -webkit-linear-gradient(top, #F2F2F2 0%,#ddd 100%);
        background: -o-linear-gradient(top, #F2F2F2 0%,#ddd 100%);
        background: -ms-linear-gradient(top, #F2F2F2 0%,#ddd 100%);
        background: linear-gradient(to bottom, #F2F2F2 0%,#ddd 100%);
    }

        .footer-btns li {
            width: 33.3%;
            float: left;
            text-align: center;
        }

            .footer-btns li a,
            .footer-btns li span {
                display: inline-block;
                color: #666;
                line-height: 24px;
                text-align: center;
                padding-left: 24px;
            }

            .footer-btns li a {
                background: url(../images/foot-ico01.png) no-repeat left center;
                background-size: 18px auto;
            }

            .footer-btns li:nth-child(3) a {
                color: #D12726;
                background: url(../images/foot-ico05.png) no-repeat left center;
                background-size: 18px auto;
            }

            .footer-btns li span {
                border-right: 1px solid #e5e5e5;
                background: url(../images/foot-ico03.png) no-repeat left center;
                background-size: 18px auto;
            }

    .foot-links li:nth-child(1) a {
        color: #D12726;
        background: url(../images/foot-ico02.png) no-repeat left center;
        background-size: 18px auto;
    }

    .foot-links li:nth-child(3) a {
        color: #666;
        background: url(../images/foot-ico04.png) no-repeat left center;
        background-size: 18px auto;
    }

    body {
        padding-bottom: 40px;
    }

    .index-about ul li b {
        padding-top: 20px;
        margin-top: 10px;
    }

    .box {
        width: auto;
        padding: 0 10px;
    }

    .data-tab ul li span {
        font-size: 24px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 16px;
    }

        .data-tab ul li span i {
            font-size: 14px;
        }

    .pro-navy ul li {
        width: 33.3%;
    }

        .pro-navy ul li .pro-nav {
            height: 60px;
        }

        .pro-navy ul li p {
            font-size: 14px;
        }

        .pro-navy ul li b img {
            margin: 3px;
            height: 12px;
        }

    .pro-navy ul li {
        margin-bottom: 5px;
    }

    .about-range ul li {
        padding: 15px 0;
    }

        .about-range ul li b {
            font-size: 14px;
        }

    .way-info p img {
        width: 24px;
        vertical-align: middle;
    }

    .type-info h3 {
        font-size: 18px;
        font-weight: normal;
    }

    .ser-list ul.items li i {
        background-size: 330px !important;
        height: 50px;
    }

    .ser-list ul.items li.ser01 i {
        background-position: -45px -3px;
    }

    .ser-list ul.items li.ser02 i {
        background-position: -160px -3px;
    }

    .ser-list ul.items li.ser03 i {
        background-position: -272px -3px;
    }

    .ser-list ul.items li.ser04 i {
        background-position: -45px -55px;
    }

    .ser-list ul.items li.ser05 i {
        background-position: -160px -55px
    }

    .ser-list ul.items li.ser06 i {
        background-position: -272px -55px;
    }

    .ser-list ul.items li:hover i {
        -webkit-transition: all 50s ease-in-out .4s;
        -moz-transition: all 50s ease-in-out .4s;
        -ms-transition: all 50s ease-in-out .4s;
        -o-transition: all 50s ease-in-out .4s;
        transition: all 50s ease-in-out .4s
    }

    .ser-list ul.items li strong {
        margin-top: 10px;
    }

    .about-range ul li .about-nav {
        width: 35px;
        height: 35px;
        margin: 0 auto;
        background-size: auto 100%;
    }

    .pro-cont ul li.cont02,
    .pro-cont ul li.cont03 {
        display: none;
    }

    .ban-show {
        display: none;
    }

    .mobile_ban-show {
        display: block;
    }

    .pagination a {
        padding: 6px 15px;
    }

    .menu ul li a.nav-select {
        color: #ed1c24;
    }

    #allmap,
    .way-map {
        border-radius: 0;
    }

    /* 当前位置前面的文字隐藏  */
    .position .mylocation {
        display: none;
    }

    .position .box {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }


    .pro-tit {
        margin-bottom: 15px;
    }

    .index-about ul,
    .index-line ul,
    .news-show {
        margin-top: 15px;
    }

    .product-info h1 {
        margin-bottom: 0;
    }

    .pro-tel {
        padding-left: 45px;
        background-size: 34px;
    }
    /* 留言板移动端 */
    .ly-menu {
        width: auto;
        margin: 0 15px;
    }

    .ly-title {
        padding: 10px 15px;
        line-height: 26px;
        font-size: 16px;
    }

    .ly-menu input,
    .ly-menu textarea {
        width: 100%;
        margin-left: 0;
    }

    .form-group {
        margin: 0 15px;
        text-align: left;
    }

        .form-group label {
            position: relative;
            display: block
        }

    .ly-title {
        position: relative;
        padding-left: 50px;
        text-align: left;
    }

        .ly-title img {
            position: absolute;
            top: 12px;
            left: 12px;
            width: 24px;
            height: 24px;
        }

        .ly-title b {
            display: block;
            font-size: 18px;
            margin-bottom: 5px;
        }

    .form-group {
        width: 100%;
        margin: 0;
        margin-bottom: 8px;
    }

    .btn-ly-tj {
        margin-top: 15px;
    }

    .ly-menu .ly-bg03 {
        height: 120px;
    }

    .ly-menu form {
        margin: 0 15px;
    }

    .news-lyb .form-group {
        padding: 0;
    }

    .news-lyb .ly-title {
        padding-left: 50px;
    }

    .news-main .form-group {
        width: 100%;
    }
}

@media screen and (max-width:680px) {
    .news-pic {
        display: none;
    }

    .pro-new ul {
        padding-left: 0;
    }

    .pro-cont ul li.cont04 {
        padding: 40px 25px;
    }

    .pro-cont ul li.cont02 img {
        height: 100%;
    }

    .pro-navy ul li .pro-nav {
        background-size: 70%;
    }

    .about-video {
        height: 400px;
    }

    .cour-info {
        width: 100%;
    }

    .cour-nav {
        width: 100%;
        height: 40px;
        margin-top: 10px;
    }

        .cour-nav li {
            width: 12.5%;
            height: 40px;
            line-height: 40px;
        }

    .about-course {
        height: auto;
        padding: 30px 0;
    }

    .pro-type ul {
        margin-left: 0;
    }

        .pro-type ul li {
            width: 100%;
            margin-left: 0;
        }

    .pro-type {
        margin-top: 20px;
    }

    .show-ico img {
        width: 80px;
        height: auto;
    }

    .data-tab ul li span {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 22px;
    }

        .data-tab ul li span i {
            font-size: 12px;
        }

    .zhuanli {
        width: 100%;
        height: 240px;
        /* background: #00DFB9; */
    }

        .zhuanli h2 {
            color: #000;
            font-size: 38px;
            font-weight: normal;
            text-align: center;
            margin: 30px 0;
        }


        .zhuanli .swiper-slide img {
            /* width:400px !important; */
            height: 160px !important;
        }
    /* .swiper-slide.swiper-slide-active{
        width: 216px;
    }
     */

    .swiper-container {
        width: 1000px !important;
        /* background: #010101; */
    }

    .zhuanli .swiper-button-prev, .swiper-button-next {
        width: 30px;
        height: 50px;
        background: #010101;
    }

    .zhuanli .swiper-button-prev, .zhuanli .swiper-button-next {
        display: none;
    }
}

@media screen and (max-width:600px) {
    .show02 {
        padding: 12px 0 30px;
    }

    .index-about ul li {
        width: 48%;
        padding: 15px 0 10px;
        margin-bottom: 10px;
    }

    .index-tit p {
        font-size: 14px;
    }

    .index-line ul li .line2 {
        padding-top: 24%;
    }

    .product-fix ul li img {
        width: 26px;
        height: 26px;
    }

    .product-fix ul li p {
        font-size: 14px;
    }

    .pro-l p img, .pro-l p video {
        width: 100%;
        height: auto;
    }

    .pro-l p img {
        margin: 20px 0;
    }

    .pro-l ul li b {
        font-size: 18px;
    }

    .pro-line ul li p {
        font-size: 16px;
    }

    .pro-news {
        padding-top: 30px;
    }

    .pro-new {
        margin-top: 20px;
    }

        .pro-new ul li h3 a {
            font-size: 16px;
        }

        .pro-new ul li p {
            padding: 10px 0 15px;
        }

        .pro-new ul li {
            margin-bottom: 10px;
        }

    .case-sign {
        display: none;
    }

    .product-main {
        margin-top: 40px;
    }

    .news-main p img {
        width: 100%;
        height: auto;
    }

    .news-main h1 {
        font-size: 22px;
    }

    .news-main h2 {
        font-size: 20px;
    }

    .news-text {
        margin-left: 10px;
    }

    .news-intro img {
        width: 64px;
        height: 64px;
    }

    .news-intro {
        height: 80px;
    }

    .news-author {
        height: 84px;
        margin-bottom: 15px;
    }

        .news-author span {
            padding: 0 25px 0 55px;
        }

    .news-main p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .news-main h3 {
        margin-top: 20px;
    }

    .news-main .news-text h3 {
        margin-top: 0;
    }

    .news-page {
        margin-top: 10px;
    }

        .news-page p {
            margin: 0;
        }

    .news-about ul li {
        background-size: 20px;
        padding-left: 52px;
    }

        .news-about ul li a {
            font-size: 16px;
            margin-bottom: 5px;
        }

    .news-pro ul li p {
        font-size: 16px;
    }

    .news-txt {
        padding: 10px 20px;
    }

        .news-txt b {
            margin-top: 15px;
        }

    .news-focus ul li a {
        width: 42%;
    }

    .much-time {
        width: 15%;
        margin-right: 12px;
    }

    .pro-navy ul li .pro-nav {
        background-size: 60%;
    }

    .about-video {
        background: none;
        height: auto;
    }

        .about-video video {
            padding: 0;
        }

    .about-info {
        margin-top: 20px;
    }

    .way-info h2 {
        display: none;
    }

    .way-con b {
        font-size: 15px;
    }

    .pro-case h2, .pro-case h2, .pro-need h2 {
        font-size: 20px;
    }

    .pro-need p {
        font-size: 16px;
    }

    .aim-show li .aim-con {
        padding-left: 40px;
    }

    .ser-trust ul {
        background: none;
    }

        .ser-trust ul li {
            color: #333;
            width: 50%;
            padding: 20px 0;
            margin-bottom: 1px;
            background-color: #EEE;
        }

            .ser-trust ul li:hover {
                color: #FFF;
            }

    .ser-show ul li.ser-ico img {
        width: 52px;
        height: 52px;
    }
}

@media screen and (max-width:480px) {
    #gotoTop {
        width: 42px;
        height: 42px;
        background-size: 42px;
    }

    .pro-tit h1, .product-info h1, .news-focus h1, .about-show h1, .cont-show h1, .ser-name h1, .ser-name h1 {
        font-size: 24px;
    }

    .index-tit h2, .pro-l h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2 {
        font-size: 22px;
    }

    .news-pr h3, .news-data h3 {
        font-size: 20px;
    }

    .index-pro, .index-about, .index-line, .index-news, .index-news, .index-ser {
        margin-top: 20px;
    }

    .index-ser {
        padding: 20px 0;
    }

    .show02 img {
        width: 87%;
    }

    .index-tit p, .pro-tit p {
        display: none;
    }

    .data-tab ul li {
        margin-right: 3px;
    }
        /* .data-tab ul li span{ width: 58px; height: 60px; line-height: 60px;  border-radius: 16px;} */
        .data-tab ul li.selected em {
            left: 20px;
        }

    .data-tab {
        height: 40px;
    }

    .ser-list ul.items li strong {
        line-height: 22px;
        padding: 0 10px;
    }
    /* .index-line ul{ width: 98%; margin-left:1%; margin-right: 1%; } */
    .index-line ul {
        padding: 0 15px;
    }

        .index-line ul li {
            width: 100%;
            margin-left: 0;
            margin-bottom: 20px;
        }

    .pro-btn img {
        width: 52%;
    }

    .pro-l p img {
        margin: 10px 0;
    }

    .pro-l h2 {
        margin: 10px 0;
    }

    .pro-l ul {
        margin-left: 0;
    }

        .pro-l ul li {
            width: 100%;
            margin-left: 0;
        }

    .pro-line {
        margin-top: 30px;
    }

        .pro-line ul {
            margin-left: 0;
        }

            .pro-line ul li {
                width: 100%;
                margin-left: 0;
                margin-bottom: 10px;
            }

    .pro-line {
        padding: 30px 0;
    }

    .pro-cont ul li {
        height: 250px;
    }

        .pro-cont ul li.cont01 {
            padding: 40px 10px;
        }

        .pro-cont ul li.cont03 {
            padding: 25px 20px;
        }

        .pro-cont ul li.cont04 {
            padding: 20px 5px;
        }

            .pro-cont ul li.cont04 p {
                width: 46%;
                margin: 2%;
            }

        .pro-cont ul li.cont03 p span {
            font-size: 16px;
            padding: 4px 8px;
        }

        .pro-cont ul li.cont03 p img {
            display: none;
        }

    .list-time {
        width: 70px;
    }

        .list-time b {
            font-size: 36px;
        }

    .list-info h2 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .list-info p {
        color: #666;
    }

    .page a {
        padding: 6px 12px;
    }

    .page .current {
        padding: 6px 12px;
    }

    .disabled {
        padding: 6px 12px;
    }

    .news-focus ul li a {
        width: 100%;
    }

    .news-txt {
        padding: 10px;
        padding-bottom: 15px;
    }

        .news-txt b {
            margin-top: 10px;
        }

    .news-focus {
        padding-bottom: 10px;
    }

    .much-time {
        display: none;
    }

    .com-txt h3, .com-show ul li h3, .much-info h3 {
        font-size: 17px;
    }

    .news-txt h3 {
        height: auto;
        line-height: 24px;
    }
    /* .pro-navy ul li{ width: 33.3%; } */
    .pro-navy {
        margin-top: 30px;
    }

    .pro-rank {
        margin: 0 auto;
    }

    .cour-txt {
        margin: 30px;
    }

    .about-main ul {
        margin-left: 0;
    }

        .about-main ul li {
            width: 100%;
            margin-left: 0;
        }

    .about-point {
        display: none;
    }

    .about-range ul li {
        margin-bottom: 15px;
    }

    .way-con img {
        width: 150px;
        height: 150px;
    }

    .way-con b {
        line-height: 24px;
    }

    .cont-show {
        margin: 20px auto;
    }

    .way-info p {
        font-size: 15px;
    }

    .way-con span {
        margin-top: 15px;
    }

    .need-line {
        display: none;
    }

    .pro-need ul {
        clear: initial;
        float: left;
        width: 48%;
        margin-left: 0;
    }

        .pro-need ul.need-pic {
            margin-left: 2%;
        }

        .pro-need ul li {
            width: 100%;
            margin-left: 0;
            margin-bottom: 10px;
        }

    .pro-need p {
        margin-bottom: 20px;
    }

    .pro-case ul {
        margin-left: 0;
        padding: 10px;
    }

        .pro-case ul li {
            width: 100%;
            margin-left: 0;
        }

    .aim-show li.aim01, .aim-show li.aim03 {
        display: none;
    }

    .aim-show li, .aim-show li.on {
        width: 100%;
    }

        .aim-show li .aim-con {
            display: block;
            padding: 20px;
            width: 100%;
            box-sizing: border-box;
        }

            .aim-show li .aim-con b {
                font-size: 24px;
            }

    .aim-show .aim02 .aim-main {
        background: url(../images/ser_on02.jpg) center center no-repeat;
        background-size: cover;
    }

    .aim-show, .aim-show li .aim-main {
        height: auto;
    }

    .ser-aim p, .ser-trust p {
        font-size: 15px;
        margin: 10px auto;
    }

    .ser-trust ul li h3 {
        font-size: 18px;
    }

    .error-pc {
        display: none;
    }

    .error-mo {
        display: block;
    }

    .error-pic a {
        font-size: 16px;
    }

    .pro-navy ul li .pro-nav {
        height: 25px;
    }

    .ser-list ul.items li i {
        background-size: 260px !important;
        height: 40px;
    }

    .ser-list ul.items li.ser01 i {
        background-position: -39px -2px;
    }

    .ser-list ul.items li.ser02 i {
        background-position: -129px -2px;
    }

    .ser-list ul.items li.ser03 i {
        background-position: -219px -2px;
    }

    .ser-list ul.items li.ser04 i {
        background-position: -39px -48px;
    }

    .ser-list ul.items li.ser05 i {
        background-position: -129px -48px;
    }

    .ser-list ul.items li.ser06 i {
        background-position: -219px -48px;
    }

    .ser-list ul.items li i {
        width: 50px !important;
    }

    .pro-navy ul li:hover,
    .pro-navy ul li.cur {
        background-image: none;
    }

    .pro-navy ul li {
        border: 0;
    }

    .product-main {
        margin-top: 10px;
    }

    .way-info p img {
        margin: 5px 10px 5px 0;
        float: left;
    }

    .news-lyb .ly-title, .ly-title {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 22px;
    }

        .ly-title b {
            font-size: 16px;
        }

    .form-group label {
        font-size: 12px;
    }

    .form-group {
        margin-bottom: 8px;
    }
}

@media screen and (max-width:375px) {
    .footer {
        padding: 10px 0;
    }

    .news-focus h1, .about-show h1, .cont-show h1, .ser-name h1, .ser-name h1 {
        font-size: 24px;
    }

    .product-info h1 {
        font-weight: bold;
        font-size: 22px;
    }

    .pro-tit h1, .index-tit h2, .pro-l h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2 {
        font-size: 20px;
    }

    .news-pr h3 {
        font-size: 18px;
    }

    .data-tab ul li span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 22px;
    }

    .changes .prev, .changes .next {
        background-size: 90%;
    }

    .pro-show p {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .index-line ul li .line2 .p1 {
        font-size: 16px;
    }

    .index-line ul li .line2 .p3 {
        width: 60%;
        left: 20%;
    }

    .index-about ul li b {
        padding-top: 20px;
        margin-top: 0;
    }

    .pro-cont {
        padding: 30px 0;
    }

        .pro-cont ul li {
            width: 100%;
        }

            .pro-cont ul li.cont03 {
                padding: 25px 70px;
            }

            .pro-cont ul li.cont04 {
                padding: 10px 5px;
            }

    .product-show {
        margin: 0 auto;
    }

    .product-info ul li {
        padding: 10px 5px;
    }
    /* .pro-btn img{ width: 52%; } */
    .pro-btn em {
        display: none;
    }

    .pro-btn {
        margin-right: 0;
        line-height: 45px;
    }

    .case-list ul li p, .pro-rank ul li p {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }

        .case-list ul li p a, .pro-rank ul li p a {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .case-list ul li, .pro-rank ul li {
        margin-bottom: 8px;
    }

    .case-list {
        margin: 20px auto;
    }

    .list-time {
        width: 60px;
    }

    .news-list ul li {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .news-detail {
        margin-top: 20px;
    }

    .news-time {
        color: #999;
        font-size: 12px;
    }

    .news-main h1 {
        margin: 10px 0;
    }

    .news-time span {
        display: none;
    }

    .news-main h1 {
        font-size: 20px;
        line-height: 1.5;
    }

    .news-text h3 {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
    }

    .news-intro img {
        width: 52px;
        height: 52px;
    }

    .news-text {
        margin-top: 0;
    }

    .news-intro {
        height: 70px;
    }

    .news-author {
        height: 74px;
    }

        .news-author span {
            font-size: 16px;
            padding: 0 15px 0 45px;
            background-position: 20px center;
        }

    .news-about ul li {
        background: none;
        background-color: #F6F6F6;
        padding: 10px;
        margin-bottom: 10px;
    }

    .news-pro {
        margin-top: 10px;
    }

    .about-show p, .cour-txt p, .about-main p, .about-main ul li p, .about-range p {
        font-size: 14px;
        line-height: 1.6;
    }

    .cour-info {
        height: 300px;
    }

    .cour-txt b {
        font-size: 28px;
    }

    .ban-nav span a {
        padding: 14px 36px;
    }

    .cont-show b {
        font-size: 22px;
    }

    .pro-case h2, .pro-need h2 {
        font-size: 18px;
    }

    .ser-aim p, .ser-trust p {
        font-size: 14px;
    }

    .ser-aim, .ser-trust, .ser-trust ul {
        margin-top: 20px;
    }

    .aim-show li .aim-con b {
        font-size: 18px;
    }

    .ser-name {
        margin-bottom: 15px;
    }

    .ser-show ul li.ser-ico {
        padding: 25px 0;
    }

        .ser-show ul li.ser-ico img {
            width: 46px;
            height: 46px;
        }

    .ser-show ul li i {
        font-size: 16px;
    }

    .pro-new ul li h3 a {
        width: 100%;
    }

    .pro-new ul li h3 span {
        display: none;
    }

    .pro-cont {
        display: none;
    }
}

@media screen and (max-width:320px) {
    .news-pr ul li h4, .data-box ul li h4 {
        font-size: 16px;
    }

    .pro-tit {
        margin-bottom: 20px;
    }

    .index-about ul, .index-line ul, .news-show {
        margin-top: 20px;
    }

    .pro-show p {
        height: 32px;
        line-height: 32px;
        font-size: 15px;
    }

    .index-about ul li img {
        height: 48px;
    }

    .index-about ul li b {
        padding-top: 15px;
        margin-top: 5px;
        font-size: 18px;
    }

    .data-tab ul li span {
        width: 48px;
        height: 48px;
        line-height: 48px;
        border-radius: 12px;
        font-size: 26px;
    }

    .data-tab ul li {
        margin-right: 4px;
    }

        .data-tab ul li.selected em {
            left: 14px;
        }

    .data-tab {
        height: 20px;
    }

    .ser-list ul.items li {
        width: 30.4%;
    }

    .product-info ul li {
        padding: 10px;
    }

    .pro-new ul li h3 a {
        width: 100%;
        font-size: 15px;
    }

    .pro-new ul li p {
        padding: 5px 0 10px;
    }

    .list-time {
        display: none;
    }

    .news-list {
        margin-top: 20px;
    }

    .page {
        margin: 5px auto 20px;
    }

        .page a {
            padding: 5px 10px;
        }

        .page .current {
            padding: 5px 10px;
        }

    .disabled {
        padding: 5px 10px;
    }

    .news-time {
        display: none;
    }

    .news-main h1 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .news-pro ul {
        margin-top: 0;
    }

        .news-pro ul li p {
            font-size: 14px;
            line-height: 24px;
        }

    .way-info p {
        margin-bottom: 5px;
    }

    .way-con img {
        display: none;
    }

    .way-con {
        margin-top: 10px;
        padding-top: 10px;
    }

    .way-info p em {
        font-size: 22px;
        font-family: Source Han Sans CN;
    }

    .type-info {
        left: 10px;
        top: 10%;
    }
}

table td {
    padding: 5px 2px;
    word-break: break-all;
}

.pc_content {
    margin-bottom: 20px;
}

#phone {
    display: none;
}

@media screen and (max-width:768px) {
    #phone {
        display: block;
    }

    #computer {
        display: none;
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

    .slick-slide img {
        display: block;
        width: 100%;
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: 0
}

    .slick-next:focus, .slick-prev:focus {
        outline: 0
    }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: Source Han Sans CN;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .85;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

    .slick-prev:before {
        content: "\2190"
    }

.slick-next {
    right: -25px
}

    .slick-next:before {
        content: "\2192"
    }

.slick-dots {
    position: absolute;
    bottom: 12px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 16px;
        width: 16px;
        margin: 0 3px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 16px;
            width: 16px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            cursor: pointer
        }

            .slick-dots li button:focus {
                outline: 0
            }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\2022";
                width: 16px;
                height: 16px;
                font-family: Source Han Sans CN;
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                background: url(../images/dotoff.png) no-repeat;
            }

        .slick-dots li.slick-active button:before {
            background: url(../images/doton.png) no-repeat;
        }
/* .zhuanli{ */
/* width: 100%; */
/* height: 300px; */
/* background: #00DFB9; */
/* margin-top: 30px; */
/* } */
.zhuanli h2 {
    color: #000;
    font-size: 38px;
    font-weight: normal;
    text-align: center;
    margin: 30px 0;
}

.swiper-container {
    width: 100%;
    /* height: 300px; */
}

.zhuanli .swiper-container1 .swiper-slide img {
    height: 200px;
}


.zhuanli .swiper-container {
    /* width: ; */
    /* background: #010101; */
}

.zhuanli .swiper-button-prev, .swiper-button-next {
    width: 30px;
    height: 50px;
    background: #010101;
}

.zhuanli .swiper-button-prev, .zhuanli .swiper-button-next {
    display: none;
}

.renzheng .about-pic img {
    width: 100%;
    height: auto;
}