/*分页样式*/
div.default {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei",Verdana;
    font-size: 12px;
}

    div.default a, div.default span {
        display: inline-block;
        padding: 0px 8px;
        line-height: 33px;
        height: 33px;
        background: #fff;
        color: #636363;
        text-decoration: none;
        background: #fff;
        min-width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin: 0px 3px;
    }

        div.default span:first-child {
        }

        div.default a:hover {
            background: #0ec3f7;
            color: #fff;
        }

        div.default span.current {
            color: #fff;
            background: #0ec3f7;
            border-color: #488FCD;
        }

        div.default span.disabled {
            color: #999;
            background: #fff;
        }

.pagelist {
    clear: both;
    display: block;
    margin: 0 0 20px 0;
}

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

    .pagelist .l-btns {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 0 10px;
        border: 1px solid #dbdbdb;
        height: 28px;
        overflow: hidden;
    }

        .pagelist .l-btns span {
            font-size: 12px;
            color: #333;
            line-height: 28px;
        }

        .pagelist .l-btns .pagenum {
            display: inline-block;
            margin: 0 5px;
            padding: 0 5px;
            border: 1px solid #dbdbdb;
            border-top: 0;
            border-bottom: 0;
            width: 30px;
            height: 28px;
            line-height: 28px;
            font-size: 12px;
            color: #333;
            text-align: center;
            vertical-align: top;
            overflow: hidden;
        }
/*分页样式结束*/



body {
    width: 100%;
    overflow-x: hidden;
    font-family: microsoft yahei, Tahoma, Helvetica, arial, sans-serif;
}

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

img {
    border: none;
    max-width: 100%;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.w-1170 {
    width: 1170px;
    margin: 0 auto;
}

    .w-1170 .solution-box {
        width: 1170px;
        margin: 0 auto;
        background: #f2f2f2;
    }

        .w-1170 .solution-box h1 {
            font-size: 24px;
            height: 30px;
            border-bottom: 1px solid #d4d4d4;
            margin-bottom: 35px;
            position: relative;
        }

            .w-1170 .solution-box h1 span {
                position: absolute;
                left: 0px;
                top: 15px;
                display: inline-block;
                background: #f2f2f2;
                padding-right: 10px;
            }

        .w-1170 .solution-box ul {
            width: 100%;
            height: 742px;
            background: url(../images/solution-bg.png) no-repeat left top;
            margin-bottom: 35px;
        }

            .w-1170 .solution-box ul li {
                width: 25%;
                height: 242px;
                float: left;
                text-align: center;
                line-height: 35px;
                padding: 10px;
            }

                .w-1170 .solution-box ul li div {
                    padding-top: 35px;
                }

                .w-1170 .solution-box ul li h2 {
                    font-size: 16px;
                }

                    .w-1170 .solution-box ul li h2 a {
                        color: #404040;
                    }

                .w-1170 .solution-box ul li p {
                }

                    .w-1170 .solution-box ul li p a {
                        color: #0ec3f7;
                    }

                    .w-1170 .solution-box ul li p img {
                        margin-bottom: 15px;
                        transition: all .4s ease-in-out;
                    }

                .w-1170 .solution-box ul li:hover img {
                    transform: rotateY(180deg);
                }





.clear {
    clear: both;
}


.carousel-control {
    width: 60px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
    opacity: 0;
    text-shadow: none;
}

.carousel:hover .carousel-control {
    opacity: 0.5;
}

.carousel-control.right {
    background: #0ec3f7;
}

.carousel-control.left {
    background: #0ec3f7;
}

.carousel-control.right:hover {
    opacity: 1;
}

.carousel-control.left:hover {
    opacity: 1;
}


.header-top-wrap {
    z-index: 999;
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #e2e2e2;
    color: #666;
    font-size: 12px;
    position: relative;
}

.header-top .tel {
    float: left;
    margin-right: 20px;
}

.header-top .time {
    float: left;
}

.header-top span {
    color: #999;
    display: inline-block;
    padding-right: 5px;
}

.header-top .hui {
    float: right;
    line-height: 32px;
    height: 32px;
}

    .header-top .hui .login {
        font-size: 14px;
        color: #0fc4f8;
        display: inline-block;
        border-right: 1px solid #e2e2e2;
        float: left;
        padding: 0px 20px;
    }

    .header-top .hui .a {
        display: inline-block;
        width: 40px;
        height: 32px;
        border-right: 1px solid #e2e2e2;
        float: left;
        text-decoration: none;
    }

        .header-top .hui .a.bg1 {
            background: url("../images/icon01.png") no-repeat center;
        }

        .header-top .hui .a.bg2 {
            background: url("../images/icon02.png") no-repeat center;
        }

        .header-top .hui .a.bg3 {
            background: url("../images/icon03.png") no-repeat center;
            position: relative;
        }

            .header-top .hui .a.bg3 .wx-img {
                position: absolute;
                left: -30px;
                top: 32px;
                width: 100px;
                display: none;
                border: 1px solid #aaa;
            }

                .header-top .hui .a.bg3 .wx-img img {
                    display: block;
                    width: 100%;
                }

            .header-top .hui .a.bg3:hover .wx-img {
                display: block;
            }

        .header-top .hui .a.bg4 {
            background: url("../images/icon04.png") no-repeat center;
        }

        .header-top .hui .a.bg5.top-sou {
            background: url("../images/icon05.png") no-repeat center;
        }

        .header-top .hui .a.bg5.clo {
            background: url("../images/icon05.png") no-repeat center;
        }



        .header-top .hui .a.clo {
            background: none;
            text-align: center;
            display: none;
        }

    .header-top .hui .sou-nei {
        display: none;
        position: absolute;
        left: 0px;
        top: 32px;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 3px #aaa;
        height: 30px;
        line-height: 30px;
        z-index: 999;
    }

        .header-top .hui .sou-nei .input-w {
            background: red;
            width: 1170px;
            margin: 0 auto;
            max-width: 100%;
        }

            .header-top .hui .sou-nei .input-w input {
                display: block;
                width: 100%;
                height: 30px;
                line-height: 30px;
                border: none;
                text-indent: 10px;
            }



.main-header-wrap {
    background: #fff;
    width: 100%;
    height: 80px;
    z-index: 9999;
    -webkit-transition: width .25s ease, height .25s ease;
    -moz-transition: width .25s ease, height .25s ease;
    -o-transition: width .25s ease, height .25s ease;
    -ms-transition: width .25s ease, height .25s ease;
    transition: width .25s ease, height .25s ease;
}

.header {
    margin: 0 auto;
    height: 80px;
    position: relative;
    z-index: 990;
}

    .header .logo {
        display: block;
        float: left;
    }

        .header .logo img {
            display: block;
            height: 78px;
            -webkit-transition: width .25s ease, height .25s ease;
            -moz-transition: width .25s ease, height .25s ease;
            -o-transition: width .25s ease, height .25s ease;
            -ms-transition: width .25s ease, height .25s ease;
            transition: width .25s ease, height .25s ease;
        }

    .header nav {
        float: right;
        height: 100%;
    }

        .header nav ul li {
            display: block;
            width: 80px;
            line-height: 80px;
            text-align: center;
            font-size: 14px;
            position: relative;
            float: left;
            position: relative;
            height: 80px;
        }

            .header nav ul li a {
                display: block;
                color: #000;
                text-decoration: none;
            }

            .header nav ul li:hover {
                background: #0ec3f7;
                color: #fff;
            }

                .header nav ul li:hover a {
                    color: #fff;
                    text-decoration: none;
                }

            .header nav ul li.hover {
                background: #0ec3f7;
                color: #fff;
            }

                .header nav ul li.hover a {
                    color: #fff;
                    text-decoration: none;
                }

            .header nav ul li .sub-con {
                display: none;
                position: absolute;
                left: 0px;
                width: 180px;
                background: #2a323c;
                top: auto;
            }

                .header nav ul li .sub-con a {
                    display: block;
                    line-height: 30px;
                    text-indent: 20px;
                    color: #fff;
                    text-decoration: none;
                }

                    .header nav ul li .sub-con a:hover {
                        background: #0ec3f7;
                    }

            .header nav ul li:hover .sub-con {
                display: block;
                text-align: left;
            }

                .header nav ul li:hover .sub-con a {
                    font-size: 12px;
                    text-decoration: none;
                }

/*Banner样式*/
.slide-box {
    position: relative;
    margin: 0;
    width: 100%;
    height: 454px;
    text-align: center;
    overflow: hidden;
}

    .slide-box .list-box {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
        width: 1920px;
        height: 100%;
        background: #fff;
    }

        .slide-box .list-box li {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0;
            filter: alpha:opacity(0);
        }

            .slide-box .list-box li a {
                display: block;
                width: 100%;
                height: 100%;
            }

                .slide-box .list-box li a img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

    .slide-box .speed-box {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        height: 10px;
        text-align: center;
        z-index: 999;
    }

    .slide-box .speed-btn {
        display: inline-block;
        margin: auto 0;
    }

        .slide-box .speed-btn a {
            display: block;
            float: left;
            margin: 0 5px;
            width: 10px;
            height: 10px;
            background: url(../images/slide_btns.png) 0 -166px no-repeat;
            overflow: hidden;
            *float: none;
            *display: inline-block;
        }

            .slide-box .speed-btn a.selected {
                background-position: 0 -176px;
            }

    .slide-box .prev-btn, .slide-box .next-btn {
        position: absolute;
        top: 50%;
        display: block;
        margin-top: -41px;
        width: 42px;
        height: 82px;
        z-index: 999;
        opacity: 0.5;
        filter: alpha:opacity(50);
        background: url(../images/slide_btns.png) no-repeat;
        display: none;
        overflow: hidden;
    }

    .slide-box .prev-btn {
        left: 31px;
        background-position: 0 0;
    }

    .slide-box .next-btn {
        right: 31px;
        background-position: 0 -82px;
    }
/*幻灯片样式*/
.focus-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    _position: relative;
}

    .focus-box .slides {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        zoom: 1;
        overflow: hidden;
    }

        .focus-box .slides:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .focus-box .slides li {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            .focus-box .slides li img {
                min-width: 100%;
                min-height: 100%;
                _width: 100%;
                _height: 100%;
            }

            .focus-box .slides li .note-bg {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 50px;
                background: #000;
                filter: alpha(Opacity=30);
                -moz-opacity: 0.3;
                opacity: 0.3;
                background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
                _background: url(none) 0 0 repeat #000;
            }

            .focus-box .slides li .note-txt {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                padding: 10px;
                height: 24px;
                line-height: 24px;
                color: #fff;
                font-size: 16px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

    .focus-box .flex-control-nav {
        position: absolute;
        right: 5px;
        bottom: 10px;
        display: block;
        z-index: 4;
    }

        .focus-box .flex-control-nav li {
            margin: 0 5px 0 0;
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

            .focus-box .flex-control-nav li a {
                display: block;
                width: 8px;
                height: 8px;
                text-indent: -9999px;
                border: 1px solid #fafafa;
                border-radius: 8px;
                cursor: pointer;
                overflow: hidden;
            }

    .focus-box .flex-control-paging li a:hover {
        background: #333;
    }

    .focus-box .flex-control-paging li a.flex-active {
        background: #c81623;
        border-color: #c81623;
        cursor: default;
    }




.slideBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0px;
}

    .slideBox .hd {
        position: absolute;
        height: 28px;
        line-height: 28px;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

        .slideBox .hd li {
            display: inline-block;
            width: 5px;
            height: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background: #333;
            text-indent: -9999px;
            overflow: hidden;
            margin: 0 6px;
        }

            .slideBox .hd li.on {
                background: #fff;
            }

    .slideBox .bd {
        position: relative;
        z-index: 0;
    }

        .slideBox .bd li {
            position: relative;
            text-align: center;
        }

            .slideBox .bd li img {
                display: block;
                width: 100%;
            }

            .slideBox .bd li a {
                display: block;
                width: 100%;
                text-decoration: none;
            }

.index-sec01-wrap {
    padding: 35px 0px;
    border-bottom: 1px solid #e2e2e2;
}

.index-sec01 .index-sec01-c {
    background: #fdfdfd;
    padding: 20px;
}

    .index-sec01 .index-sec01-c .tit {
        font-size: 25px;
        color: #2d2d2d;
        text-align: center;
    }

    .index-sec01 .index-sec01-c .index-tit {
        font-size: 25px;
    }

    .index-sec01 .index-sec01-c ul {
        display: block;
        margin-top: 20px;
    }

        .index-sec01 .index-sec01-c ul li {
            display: block;
            height: 30px;
            overflow: hidden;
        }

            .index-sec01 .index-sec01-c ul li a {
                display: block;
                width: 70%;
                overflow: hidden;
                line-height: 30px;
                float: left;
                font-size: 14px;
                color: #666666;
                text-decoration: none;
            }

                .index-sec01 .index-sec01-c ul li a span {
                    display: inline-block;
                    padding-right: 5px;
                }

            .index-sec01 .index-sec01-c ul li .time {
                font-size: 14px;
                float: right;
                color: #999;
                line-height: 30px;
            }

            .index-sec01 .index-sec01-c ul li a:hover {
                color: #0ec3f7;
            }

.index-sec02 {
    margin: 35px auto;
}

    .index-sec02 .tit {
        font-size: 34px;
        text-align: center;
        color: #2d2d2d;
    }

    .index-sec02 .txt {
        font-size: 14px;
        line-height: 24px;
        color: #666;
        margin: 45px 40px;
        text-align: center;
    }

    .index-sec02 dl dt {
        width: 50px;
        float: left;
    }

        .index-sec02 dl dt img {
            display: block;
            margin: 0 auto;
            padding-top: 10px;
        }

    .index-sec02 dl dd {
        margin-left: 50px;
    }

        .index-sec02 dl dd .dd-t {
            font-size: 14px;
            color: #0ec3f7;
            padding: 10px 0px;
            font-weight: bold;
            text-decoration: none;
        }

        .index-sec02 dl dd .dd-c {
            font-size: 12px;
            line-height: 21px;
            color: #666;
        }

            .index-sec02 dl dd .dd-c span {
                display: inline-block;
                width: 30%;
            }

        .index-sec02 dl dd .xiang {
            display: block;
            color: #0ec3f7;
            line-height: 24px;
        }

.index-sec03-wrap {
    background: #f2f2f2;
    padding: 30px 0px;
}

.index-tit {
    font-size: 34px;
    text-align: center;
    line-height: 50px;
}

    .index-tit span {
        display: inline-block;
    }

    .index-tit a {
        display: inline-block;
        height: 50px;
        width: 40px;
        background: url("../images/icon12.png") no-repeat center;
        text-indent: -9999999px;
        text-decoration: none;
    }

        .index-tit a:hover {
            background: url("../images/icon120.png") no-repeat center;
        }

.index-sec03 .txt {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin: 45px 40px;
    text-align: center;
}

.index-sec03-c {
    margin: 20px auto;
}

    .index-sec03-c a {
        display: block;
        position: relative;
        text-decoration: none;
    }

        .index-sec03-c a img {
            display: block;
            width: 100%;
        }

        .index-sec03-c a span {
            display: none;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background: url("../images/bg4.png") repeat;
        }

        .index-sec03-c a:hover span {
            display: block;
        }

        .index-sec03-c a .txt1 {
            display: none;
            position: absolute;
            height: 40px;
            left: 0px;
            width: 100%;
            text-align: center;
            line-height: 40px;
            top: 50%;
            margin-top: -20px;
            font-size: 16px;
            color: #fff;
        }

        .index-sec03-c a:hover .txt1 {
            display: block;
        }

.index-sec04 {
    margin: 35px auto;
}

    .index-sec04 .txt {
        font-size: 14px;
        line-height: 24px;
        color: #666;
        margin: 45px 40px;
        text-align: center;
    }

    .index-sec04 .index-sec04-c a {
        display: block;
        width: 90%;
        margin: 0 auto;
        width: 230px;
        height: 230px;
        border-radius: 100%;
        position: relative;
        overflow: hidden;
        text-decoration: none;
    }

        .index-sec04 .index-sec04-c a span {
            display: none;
            width: 100%;
            height: 100%;
            background: url("../images/bg4.png") repeat;
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .index-sec04 .index-sec04-c a .txt1 {
            display: none;
            position: absolute;
            height: 40px;
            left: 0px;
            width: 100%;
            text-align: center;
            line-height: 40px;
            top: 50%;
            margin-top: -20px;
            font-size: 16px;
            color: #fff;
        }

        .index-sec04 .index-sec04-c a:hover span {
            display: block;
        }

        .index-sec04 .index-sec04-c a:hover .txt1 {
            display: block;
        }

        .index-sec04 .index-sec04-c a img {
            display: block;
            width: 100%;
            border-radius: 100%;
            margin: 0 auto;
        }

    .index-sec04 .index-sec04-c .but {
        margin: 20px auto;
        width: 90%;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        background: #0ec3f7;
        border-radius: 20px;
    }

    .index-sec04 .index-sec04-c .c {
        font-size: 12px;
        line-height: 22px;
        color: #666;
        width: 90%;
        margin: 0 auto;
    }

.index-sec05-wrap {
    background: #99b1be;
    padding: 30px 0px 0px 0px;
}

.index-sec05 .tit {
    font-size: 34px;
    text-align: center;
    color: #fff;
}

.index-sec05 .txt {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin: 45px 40px;
    text-align: center;
    color: #fff;
}

.index-sec05 ul li {
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    padding-left: 50px;
    background: url("../images/icon13.jpg") no-repeat 0px center;
}

.index-sec05 .img img {
    display: block;
    width: 100%;
}

.index-sec05 .button {
    margin: 35px auto;
}

    .index-sec05 .button a {
        display: inline-block;
        width: 40%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        margin-right: 3%;
        text-decoration: none;
    }

        .index-sec05 .button a.bg1 {
            border: 2px solid #0ec3f7;
            background: #0ec3f7;
        }

        .index-sec05 .button a.bg2 {
            border: 2px solid #fff;
        }

.index-sec06 {
    margin: 35px auto;
}

    .index-sec06 .ji-w {
        margin: 25px auto;
    }

        .index-sec06 .ji-w dl {
            margin: 15px auto;
        }

            .index-sec06 .ji-w dl dt {
                width: 80px;
                float: left;
                height: 90px;
                background: #0ec3f7;
                text-align: center;
                color: #fff;
            }

                .index-sec06 .ji-w dl dt .ri {
                    padding: 10px 0px 0px 0px;
                    font-size: 14px;
                }

                .index-sec06 .ji-w dl dt .i {
                    font-size: 40px;
                    font-weight: bold;
                }

            .index-sec06 .ji-w dl dd {
                margin-left: 100px;
            }

                .index-sec06 .ji-w dl dd .dd-t {
                    display: block;
                    height: 18px;
                    line-height: 18px;
                    color: #484848;
                    overflow: hidden;
                    text-decoration: none;
                    font-size: 16px;
                }

                .index-sec06 .ji-w dl dd .b {
                    font-size: 12px;
                    color: #666;
                    padding: 5px 0px;
                }

                .index-sec06 .ji-w dl dd .dd-c {
                    padding: 5px 0px 5px 0;
                    margin: 5px 0px 0 0;
                    border-top: 1px solid #e2e2e2;
                    font-size: 14px;
                    line-height: 20px;
                    color: #666;
                }

                .index-sec06 .ji-w dl dd .xiang {
                    font-size: 14px;
                    color: #0ec3f7;
                    display: block;
                }

    .index-sec06 .p-w {
        margin: 25px auto;
    }

        .index-sec06 .p-w ul li {
            display: block;
            margin: 35px auto;
            border: 2px solid #e2e2e2;
            padding: 20px;
        }

            .index-sec06 .p-w ul li .left {
                width: 130px;
                float: left;
            }

                .index-sec06 .p-w ul li .left img {
                    display: block;
                    width: 90px;
                    height: 90px;
                    border-radius: 100%;
                    margin: 0 auto;
                }

            .index-sec06 .p-w ul li .right {
                margin-left: 150px;
            }

                .index-sec06 .p-w ul li .right .c {
                    font-size: 14px;
                    line-height: 24px;
                    color: #666;
                }

                .index-sec06 .p-w ul li .right .t {
                    font-size: 16px;
                    color: #0ec3f7;
                    margin: 10px auto;
                }

.index-links-wrap {
    padding: 15px 0px;
    border-top: 1px solid #e2e2e2;
}

    .index-links-wrap strong {
        display: inline-block;
        margin-right: 15px;
        color: #0ec3f7;
        line-height: 30px;
        width: 100%;
        min-width: 50px;
    }

    .index-links-wrap a {
        display: inline-block;
        margin-right: 15px;
        line-height: 30px;
        text-decoration: none;
    }

    .index-links-wrap a {
        color: #666;
        text-decoration: none;
    }

        .index-links-wrap a:hover {
            color: #0ec3f7;
        }

    .index-links-wrap .index-links dl {
        display: flex;
        height: 30px;
        overflow: hidden;
    }

        .index-links-wrap .index-links dl dt {
            min-width: 75px;
            max-width: 75px;
        }

        .index-links-wrap .index-links dl dd.fri-links {
            flex-grow: 1;
        }

        .index-links-wrap .index-links dl dd.btn-down {
            width: 30px;
            min-width: 30px;
            line-height: 30px;
            text-align: center;
            color: #0ec3f7;
            height: 30px;
            background: url("../images/fri-link-open.png") no-repeat center center;
            cursor: pointer;
            align-self: flex-end;
        }

            .index-links-wrap .index-links dl dd.btn-down i {
                font-style: normal;
            }


.footer-wrap {
    padding: 25px 0px;
    background: #39404a;
    color: #fff;
}

    .footer-wrap .tit {
        font-size: 24px;
        padding: 10px 0px;
    }

    .footer-wrap .lian ul li {
        margin: 10px auto;
        font-size: 14px;
        line-height: 24px;
        padding-left: 20px;
        padding: 10px 0px 10px 35px;
    }

        .footer-wrap .lian ul li.bg1 {
            background: url("../images/icon14.jpg") no-repeat 0px center;
        }

        .footer-wrap .lian ul li.bg2 {
            background: url("../images/icon15.jpg") no-repeat 0px center;
        }

        .footer-wrap .lian ul li.bg3 {
            background: url("../images/icon16.jpg") no-repeat 0px center;
        }

        .footer-wrap .lian ul li.bg4 {
            background: url("../images/icon17.jpg") no-repeat 0px center;
        }

        .footer-wrap .lian ul li.bg5 {
            background: url("../images/icon18.jpg") no-repeat 0px center;
        }

    .footer-wrap .fu dl {
        margin: 20px auto;
    }

        .footer-wrap .fu dl dt {
            width: 75px;
            float: left;
            position: relative;
        }

            .footer-wrap .fu dl dt img {
                display: block;
                width: 75px;
                height: 75px;
            }

            .footer-wrap .fu dl dt span {
                display: none;
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                background: url("../images/bg4.png") repeat;
            }

            .footer-wrap .fu dl dt:hover span {
                display: block;
            }

        .footer-wrap .fu dl dd {
            margin-left: 80px;
        }

            .footer-wrap .fu dl dd .dd-t {
                display: block;
                font-size: 14px;
                color: #fff;
                text-decoration: none;
            }

                .footer-wrap .fu dl dd .dd-t:hover {
                    color: #0ec3f7;
                    text-decoration: none;
                }

            .footer-wrap .fu dl dd .dd-c {
                font-size: 12px;
                line-height: 18px;
                margin: 15px 0px 0 0;
            }

    .footer-wrap .wei {
        margin: 13px auto;
        font-size: 12px;
        line-height: 24px;
    }

        .footer-wrap .wei .c {
            margin-bottom: 10px;
        }

        .footer-wrap .wei img {
            display: block;
        }

.bottom {
    padding: 10px 0px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

    .bottom .copy {
        float: left;
    }

    .bottom .b-nav {
        float: right;
    }

        .bottom .b-nav a {
            display: inline-block;
            color: #666;
            font-size: 12px;
            margin: 0px 5px;
            text-decoration: none;
        }

            .bottom .b-nav a:hover {
                color: #0ec3f7;
            }

.menu {
    display: none;
    position: relative;
}

.menu {
    float: right;
    height: 50px;
    width: 60px;
}

    .menu:before, .menu:after, .menu span {
        position: absolute;
        display: block;
        content: '';
    }

    .menu:before, .menu:after, .menu span {
        left: 10px;
        width: 60%;
        height: 3px;
        -webkit-transition: opacity .4s linear,-webkit-transform .4s linear;
        -moz-transition: transform .4s linear,opacity .4s linear,-moz-transform .4s linear;
        transition: opacity .4s linear,-webkit-transform .4s linear;
        transition: transform .4s linear,opacity .4s linear;
        transition: transform .4s linear,opacity .4s linear,-webkit-transform .4s linear,-moz-transform .4s linear;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        background: #0ec3f7;
    }

    .menu:before {
        top: 10px;
    }

    .menu span {
        top: 23px;
    }

    .menu:after {
        bottom: 12px;
    }

    .menu.open:before {
        transform-origin: 0 2px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menu.open span {
        opacity: 0;
    }

    .menu.open:after {
        transform-origin: 0 2px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


.menu-con {
    display: none;
    position: absolute;
    left: 0px;
    top: 60px;
    width: 100%;
    overflow: auto;
    border-top: 1px solid #e2e2e2;
    z-index: 999;
    overflow: scroll;
    background: rgba(255,255,255,0.9);
}

.subNav {
    border-bottom: solid 1px #e5e3da;
    cursor: pointer;
    line-height: 40px;
    text-indent: 10px;
    font-size: 14px;
    display: block;
    background: url("../images/right-arrow.png") no-repeat right center;
}

.navContent {
    display: none;
    border-bottom: solid 1px #e5e3da;
    background: #204d74;
    margin: 0px;
}

    .navContent li a {
        display: block;
        color: #fff;
        line-height: 30px;
        text-align: center;
    }

        .navContent li a:hover {
            color: #fff;
            background-color: #277fc2;
        }

.sub-a {
    border-bottom: solid 1px #e5e3da;
    cursor: pointer;
    line-height: 40px;
    text-indent: 10px;
    font-size: 14px;
    display: block;
    color: #333;
}

.nei-banner {
    width: 100%;
    height: 144px;
    background: url("../images/nei-banner.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: 100% 144px;
}

    .nei-banner .content {
        padding-top: 40px;
        font-size: 22px;
        color: #fff;
    }

.nei-container-wrap {
    background: #f2f2f2;
    padding: 20px 0px 30px 0px;
    overflow: hidden;
}


    
.nei-container-wrap .list-comment{width: 1200px;margin: 20px auto 0;padding:25px 0;border-top: 1px solid #e2e2e2;}
.nei-container-wrap .list-comment dl{width:100%;margin-bottom: 38px;}
.nei-container-wrap .list-comment dl dt{background:#fff;text-align:center;float: left;width: 184px;padding:6px 0;float: left;border-radius: 50%;position: relative;top:8px;transition:All 0.4s ease-in-out;}
.nei-container-wrap .list-comment dl dt img{display: block;width: 90%;height: 90%;border-radius: 100%;margin: 0 auto;}
.nei-container-wrap .list-comment dl dt:hover{transform:rotate(360deg);
}
.nei-container-wrap .list-comment dl dd{height: 204px;float: right;width: 915px;background: url(../images/list-comment-bg.png) no-repeat;}
.nei-container-wrap .list-comment dl dd h2{width: 800px;margin: 0 auto;font-size: 18px;color: #0ec3f7;border-bottom: 1px dashed #d9d9d9;padding:25px 0 8px;margin-bottom: 5px;}
.nei-container-wrap .list-comment dl dd p{width: 800px;margin: 0 auto;line-height: 23px;padding:3px 0;color: #666666;}
.nei-container-wrap .list-comment dl.right dt{float: right;}
.nei-container-wrap .list-comment dl.right dd{float: left;background: url(../images/list-comment-bg2.png) no-repeat;}
.nei-container-wrap .list-comment dl.right dt.mobile{display: none;}
.nei-container-wrap .list-comment dl.right dt.pc{display: block;}


.nei-nav {
    margin: 20px 0;
    position: static;
    top: 30px;
    z-index: 999;
    width: 100%;
    left: 0px;
    padding-bottom: 1px;
}

    .nei-nav.mar {
        margin: 20px 0px;
    }

    .nei-nav a {
        display: inline-block;
        width: 80px;
        height: 26px;
        background: #fff;
        font-size: 12px;
        color: #636363;
        line-height: 26px;
        text-align: center;
        margin-right: 5px;
        text-decoration: none;
        margin-bottom: 8px;
    }

        .nei-nav a:hover {
            background: #636363;
            color: #fff;
        }

        .nei-nav a.hover {
            background: #636363;
            color: #fff;
        }

.contact {
    background: #fff;
}

    .contact .contact-c {
        margin: 0px 30px;
        padding: 15px 0px;
    }

        .contact .contact-c .di .tit {
            font-size: 18px;
            color: #0ec3f7;
            padding: 10px 0px;
        }

        .contact .contact-c .di .map {
            height: 300px;
            z-index: 9999;
        }

            .contact .contact-c .di .map img {
                max-width: inherit;
            }

            .contact .contact-c .di .map .BMap_Marker.BMap_noprint {
                background: red;
                display: block;
            }

        .contact .contact-c .zi {
            margin: 15px auto;
            font-size: 14px;
            color: #606060;
            line-height: 24px;
            text-align: center;
        }

            .contact .contact-c .zi table {
                border: 1px solid #e2e2e2;
            }

                .contact .contact-c .zi table tr td {
                    padding: 15px;
                    text-align: center;
                }

            .contact .contact-c .zi .t {
                font-size: 12px;
                color: #333;
                margin: 5px 0px;
            }

        .contact .contact-c .ru .tit {
            font-size: 24px;
            color: #0ec3f7;
            text-align: center;
            margin: 20px 0px;
        }

        .contact .contact-c .ru dl dt {
            width: 50px;
            float: left;
        }

            .contact .contact-c .ru dl dt img {
                display: block;
                margin: 0 auto;
                padding-top: 10px;
            }

        .contact .contact-c .ru dl dd {
            margin-left: 50px;
        }

            .contact .contact-c .ru dl dd .dd-t {
                font-size: 16px;
                color: #000;
                padding: 10px 0px;
                text-decoration: none;
            }

            .contact .contact-c .ru dl dd .dd-c {
                font-size: 14px;
                line-height: 21px;
                color: #666;
            }

                .contact .contact-c .ru dl dd .dd-c span {
                    display: inline-block;
                    width: 30%;
                }

        .contact .contact-c .xu .tit {
            font-size: 24px;
            color: #0ec3f7;
            text-align: center;
            margin: 20px 0px;
        }

        .contact .contact-c .xu {
            padding: 20px 0px;
            border-top: 1px solid #e2e2e2;
        }

            .contact .contact-c .xu ul li {
                display: block;
                margin: 10px auto;
            }

                .contact .contact-c .xu ul li .left {
                    width: 50%;
                    float: left;
                }

                .contact .contact-c .xu ul li .right {
                    width: 49%;
                    float: right;
                }

                .contact .contact-c .xu ul li .input-w {
                    border: 1px solid #e2e2e2;
                    height: 36px;
                }

                    .contact .contact-c .xu ul li .input-w input {
                        display: block;
                        border: none;
                        outline: none;
                        text-indent: 10px;
                        background: none;
                        line-height: 24px;
                        padding: 6px 0px;
                        font-size: 13px;
                    }

                .contact .contact-c .xu ul li .check-w {
                    border: 1px solid #e2e2e2;
                    padding: 10px;
                }

                    .contact .contact-c .xu ul li .check-w .check span {
                        display: block;
                        float: left;
                        font-size: 14px;
                        line-height: 30px;
                        margin: 0px 10px;
                    }

                    .contact .contact-c .xu ul li .check-w .check label {
                        display: block;
                        float: left;
                        font-size: 14px;
                        line-height: 30px;
                        color: #606060;
                        margin: 0px 10px;
                        font-weight: normal;
                    }

                        .contact .contact-c .xu ul li .check-w .check label input {
                            float: left;
                            margin-top: 10px;
                            margin-right: 5px;
                        }

                    .contact .contact-c .xu ul li .check-w .radio span {
                        display: block;
                        float: left;
                        font-size: 14px;
                        line-height: 30px;
                        margin: 0px 10px;
                    }

                    .contact .contact-c .xu ul li .check-w .radio label {
                        display: block;
                        float: left;
                        font-size: 14px;
                        line-height: 30px;
                        color: #606060;
                        margin: 0px 10px;
                        font-weight: normal;
                    }

                        .contact .contact-c .xu ul li .check-w .radio label input {
                            float: left;
                            margin-top: 8px;
                        }

                .contact .contact-c .xu ul li .text-w {
                    border: 1px solid #e2e2e2;
                    padding: 10px;
                }

                    .contact .contact-c .xu ul li .text-w textarea {
                        display: block;
                        width: 100%;
                        min-height: 200px;
                        border: none;
                        outline: none;
                        background: none;
                        font-size: 14px;
                        line-height: 24px;
                    }

                .contact .contact-c .xu ul li .yan {
                    width: 135px;
                    float: left;
                }

                .contact .contact-c .xu ul li .ma {
                    float: left;
                    margin-left: 10px;
                    border: 1px solid #e2e2e2;
                }

                    .contact .contact-c .xu ul li .ma img {
                        display: block;
                        height: 32px;
                    }

                .contact .contact-c .xu ul li .button {
                    padding: 25px 0px;
                }

                    .contact .contact-c .xu ul li .button .but {
                        width: 135px;
                        height: 30px;
                        display: inline-block;
                        line-height: 30px;
                        text-align: center;
                        font-size: 12px;
                        color: #fff;
                        background: #0ec3f7;
                    }

                    .contact .contact-c .xu ul li .button .txt {
                        font-size: 14px;
                        line-height: 30px;
                        color: #0ec3f7;
                        margin: 0px 10px;
                        display: inline-block;
                    }

.join {
    background: #fff;
}

    .join .join-c {
        margin: 0px 30px;
        padding: 15px 0px;
    }

        .join .join-c .txt {
            font-size: 14px;
            line-height: 24px;
            color: #636363;
            margin: 10px 0px;
        }

        .join .join-c .t {
            font-size: 14px;
            color: #0ec3f7;
            margin: 20px 0px;
            font-weight: 700;
        }

        .join .join-c .table {
            margin: 15px 0px;
        }

        .join .join-c table {
            border: 1px solid #0ec3f7;
        }

            .join .join-c table tr td {
                padding: 20px;
                border: 1px solid #0ec3f7;
            }

                .join .join-c table tr td .t {
                    margin: 0px;
                }

    .join .xian {
        height: 1px;
        border-bottom: 1px dashed #e2e2e2;
    }

    .join .xin {
        max-width: 210px;
        border: 1px solid #e2e2e2;
    }

        .join .xin .img {
            display: block;
            margin: 20px auto;
            border-radius: 100%;
        }

        .join .xin .x {
            text-align: center;
        }

        .join .xin .tt {
            font-size: 14px;
            text-align: center;
            padding: 15px 0px;
        }

.zhao {
    background: #fff;
    font-size: 14px;
    line-height: 24px;
    color: #636363;
}

    .zhao .zhao-c {
        margin: 0px 30px;
        padding: 15px 0px;
    }

    .zhao .t {
        font-weight: bold;
        padding: 15px 0px;
    }

    .zhao .txt {
        margin: 10px 0px;
    }

    .zhao .table {
        padding: 15px 0px;
    }

        .zhao .table table {
            width: 100%;
        }

            .zhao .table table td {
                border: 1px solid #e2e2e2;
                padding: 5px 10px;
                text-align: left;
            }

.xia {
    background: #fff;
}

    .xia .xia-c {
        margin: 0px 30px;
        padding: 15px 0px;
    }

        .xia .xia-c table {
            border: none;
        }

            .xia .xia-c table .name {
                padding-left: 20px;
                position: relative;
            }

                .xia .xia-c table .name i {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                }

            .xia .xia-c table tr td {
                color: #636363;
                padding: 15px 10px;
                border: none;
            }

                .xia .xia-c table tr td a {
                    color: #636363;
                    text-decoration: none;
                }

            .xia .xia-c table tr:hover td {
                color: #0ec3f7;
            }

                .xia .xia-c table tr:hover td a {
                    color: #0ec3f7;
                    text-decoration: none;
                }

            .xia .xia-c table tr td:nth-last-child(1) {
                text-align: right;
            }

            .xia .xia-c table tr td:nth-last-child(2) {
                text-align: center;
            }

.page {
    padding: 25px 0px 0px 0px;
    text-align: center;
}

    .page a {
        display: inline-block;
        background: #fff;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin: 0px 3px;
        color: #636363;
        text-decoration: none;
    }

        .page a:hover {
            background: #0ec3f7;
            color: #fff;
        }

        .page a.hover {
            background: #0ec3f7;
            color: #fff;
        }

.pc-case .case-c {
    background: #fff;
    margin: 10px 0px;
    width: 100%;
    float: left;
    margin: 0px 25px 25px 0px;
    padding: 10px;
    background: #fff;
    position: relative;
    cursor: pointer;
}

    .pc-case .case-c a {
        display: block;
        text-decoration: none;
    }

        .pc-case .case-c a .pr {
            position: relative;
            overflow: hidden;
        }

        .pc-case .case-c a .pa {
            position: absolute;
        }

        .pc-case .case-c a .trans-3 {
            transition: all 0.35s linear;
            -webkit-transition: all 0.35s linear;
        }

        .pc-case .case-c a .trans-8 {
            transition: all 0.8s;
            -webkit-transition: all 0.8s;
            -moz-transition: 0.3s;
        }

        .pc-case .case-c a .trans-12 {
            transition: all 0.8s;
            -webkit-transition: all 1.2s;
            -moz-transition: 0.3s;
        }

        .pc-case .case-c a .scale-0x {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }

        .pc-case .case-c a .scale-1x {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

        .pc-case .case-c a .radius-5 {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .pc-case .case-c a .radius-half {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .pc-case .case-c a .shadow {
            -webkit-box-shadow: 7px 7px 7px #dad6d6;
            -moz-box-shadow: 7px 7px 7px #dad6d6;
            box-shadow: 7px 7px 7px #dad6d6;
        }

        .pc-case .case-c a .border-top {
            width: 0;
            height: 1px;
            top: 6%;
            left: 5%;
        }

        .pc-case .case-c a .border-right {
            width: 1px;
            height: 0;
            top: 94%;
            right: 5%;
        }

        .pc-case .case-c a .border-bottom {
            width: 0;
            height: 1px;
            bottom: 6%;
            left: 95%;
        }

        .pc-case .case-c a .border-left {
            width: 1px;
            height: 0;
            top: 6%;
            left: 5%;
        }

        .pc-case .case-c a span {
            background: #fff;
            z-index: 999;
        }

        .pc-case .case-c a :hover img {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            transform: scale(1.05);
        }

        .pc-case .case-c a :hover .border-top, .pc-case .case-c a :hover .border-bottom {
            width: 90%;
            height: 1px;
        }

        .pc-case .case-c a :hover .border-right, .pc-case .case-c a :hover .border-left {
            height: 88%;
            width: 1px;
        }

        .pc-case .case-c a :hover .border-bottom {
            left: 5%;
        }

        .pc-case .case-c a :hover .border-right {
            top: 6%;
        }

        .pc-case .case-c a .opacity {
            display: none;
            width: 100%;
            height: 100%;
            background: url(../images/opacity-bg.png) repeat;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 9;
        }

        .pc-case .case-c a :hover h2 a {
            color: #0fc4f8;
        }

        .pc-case .case-c a :hover .opacity {
            display: block;
        }



        .pc-case .case-c a .img {
            position: relative;
            overflow: hidden;
        }

            .pc-case .case-c a .img span {
                display: block;
                position: absolute;
                width: 50%;
                height: 50%;
                background: rgba(127,222,250,0.5);
            }

                .pc-case .case-c a .img span.s1 {
                    top: -50%;
                    left: -50%;
                    -o-transition: .3s;
                    -ms-transition: .3s;
                    -moz-transition: .3s;
                    -webkit-transition: .3s;
                    transition: .3s;
                }

                .pc-case .case-c a .img span.s2 {
                    top: -50%;
                    right: -50%;
                    -o-transition: .3s;
                    -ms-transition: .3s;
                    -moz-transition: .3s;
                    -webkit-transition: .3s;
                    transition: .3s;
                }

                .pc-case .case-c a .img span.s3 {
                    bottom: -50%;
                    left: -50%;
                    -o-transition: .3s;
                    -ms-transition: .3s;
                    -moz-transition: .3s;
                    -webkit-transition: .3s;
                    transition: .3s;
                }

                .pc-case .case-c a .img span.s4 {
                    bottom: -50%;
                    right: -50%;
                    -o-transition: .3s;
                    -ms-transition: .3s;
                    -moz-transition: .3s;
                    -webkit-transition: .3s;
                    transition: .3s;
                }

    .pc-case .case-c:hover a .img span.s1 {
        left: 0px;
        top: 0px;
    }

    .pc-case .case-c:hover a .img span.s2 {
        right: 0px;
        top: 0px;
    }

    .pc-case .case-c:hover a .img span.s3 {
        left: 0px;
        bottom: 0px;
    }

    .pc-case .case-c:hover a .img span.s4 {
        right: 0px;
        bottom: 0px;
    }

    .pc-case .case-c .img-m {
        padding: 10px;
        display: block;
    }

    .pc-case .case-c .img-m2 {
        display: block;
        margin-bottom: 10px;
    }

    .pc-case .case-c a .img img {
        display: block;
        width: 100%;
    }

    .pc-case .case-c .img-m:hover .img span {
        display: block;
    }

    .pc-case .case-c .t {
        font-size: 14px;
        text-align: center;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
        margin: 1px 0px 10px 0px;
    }

    .pc-case .case-c:hover .t {
        color: #0ec3f7;
    }

    .pc-case .case-c .t a {
        color: #666666;
        text-decoration: none;
    }

    .pc-case .case-c .icon {
        padding: 5px 0px;
        border-top: 1px solid #e2e2e2;
        text-align: center;
    }

        .pc-case .case-c .icon span {
            display: inline-block;
            float: left;
            width: 33%;
            border-right: 1px solid #e2e2e2;
            color: #666;
            line-height: 24px;
        }

            .pc-case .case-c .icon span i {
                display: inline-block;
                width: 40px;
                height: 24px;
                text-indent: -99999px;
            }

                .pc-case .case-c .icon span i.i1 {
                    background: url("../images/icon381.png") no-repeat center;
                }

                .pc-case .case-c .icon span i.i2 {
                    background: url("../images/icon393.png") no-repeat center;
                }

                .pc-case .case-c .icon span i.i3 {
                    background: url("../images/icon391.png") no-repeat center;
                }

            .pc-case .case-c .icon span:nth-child(3n) {
                border: none;
            }

    .pc-case .case-c:hover .icon span i.i1 {
        background: url("../images/icon382.png") no-repeat center;
    }

    .pc-case .case-c:hover .icon span i.i2 {
        background: url("../images/icon394.png") no-repeat center;
    }

    .pc-case .case-c:hover .icon span i.i3 {
        background: url("../images/icon392.png") no-repeat center;
    }

    .pc-case .case-c .cell-link {
        text-align: center;
        font-size: 13px;
        color: #666666;
        margin-bottom: 15px;
    }

        .pc-case .case-c .cell-link a {
            text-decoration: underline;
            color: #666666;
            text-decoration: none;
        }

.pc-xiang {
    background: #fff;
}

    .pc-xiang .pc-xiang-c {
        margin: 0px 30px;
        padding: 15px 0px;
    }

        .pc-xiang .pc-xiang-c .tit {
            font-size: 20px;
            padding: 20px 15px;
            border-bottom: 1px solid #e2e2e2;
            position: relative;
        }

        .pc-xiang .pc-xiang-c .zan {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            border: 1px solid #e2e2e2;
            background: url("../images/icon41.png") no-repeat center 10px;
            padding-top: 25px;
            font-size: 12px;
            color: #636363;
            text-align: center;
            cursor: pointer;
        }

            .pc-xiang .pc-xiang-c .zan.bg-zan {
                background: #ff0000 url("../images/icon42.png") no-repeat center 10px;
                color: #fff;
                border: 1px solid #ff0000;
            }

        .pc-xiang .pc-xiang-c .tit.pc-tit .case-link {
            right: 60px;
            top: 5px;
        }

        .pc-xiang .pc-xiang-c .wen {
            margin: 15px 0px 25px 0px;
            font-size: 14px;
            line-height: 26px;
            color: #666;
        }

        .pc-xiang .pc-xiang-c .img {
            margin: 20px;
        }

            .pc-xiang .pc-xiang-c .img img {
                display: block;
                width: 100%;
                box-shadow: 0px 0px 10px #aaa;
            }

        .pc-xiang .pc-xiang-c .tit p {
        }

        .pc-xiang .pc-xiang-c .case-link {
            width: 105px;
            height: 40px;
            position: absolute;
            right: 0px;
            top: 10px;
        }

        .pc-xiang .pc-xiang-c .fang {
            width: 105px;
            height: 40px;
            background: #0ec3f7;
            font-size: 14px;
            color: #fff;
            line-height: 40px;
            text-align: center;
            position: absolute;
            right: 0px;
            top: 10px;
            cursor: pointer;
        }

        .pc-xiang .pc-xiang-c .we {
            position: absolute;
            top: 53px;
            right: 0px;
            width: 105px;
            display: none;
            padding:2px;
            z-index: 111;
            border: 2px solid #aaa;
        }

            .pc-xiang .pc-xiang-c .we img {
                display: block;
                width: 105px;
                height: 105px;
                 
            }

.m-case {
    margin: 0 auto;
}

    .m-case ul li {
        display: block;
        float: left;
        margin: 20px 0px 20px 0px;
        cursor: pointer;
    }

        .m-case ul li .img {
            width: 165px;
            height: 347px;
            background: url("../images/bg1.png") no-repeat center;
            display: block;
            margin: 0 auto;
        }

            .m-case ul li .img .i {
                display: block;
                width: 150px;
                height: 255px;
                margin: 0 auto;
                position: relative;
                top: 48px;
                background: #333;
            }

                .m-case ul li .img .i img {
                    display: block;
                    width: 150px;
                    height: 255px;
                }

                .m-case ul li .img .i .w-bg {
                    background-color: rgba(0,0,0,0.5);
                    position: absolute;
                    display: none;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    top: 0px;
                }

                    .m-case ul li .img .i .w-bg .sao {
                        padding-top: 30px;
                        text-align: center;
                    }

                        .m-case ul li .img .i .w-bg .sao .s {
                            font-size: 14px;
                            color: #fff;
                            text-align: center;
                        }

                        .m-case ul li .img .i .w-bg .sao img {
                            display: block;
                            width: 95px;
                            height: 95px;
                            margin: 15px auto;
                            top: 0px;
                            border: 4px solid white;
                        }

                        .m-case ul li .img .i .w-bg .sao .but {
                            display: block;
                            width: 95px;
                            height: 30px;
                            background: #0ec3f7;
                            font-size: 12px;
                            color: #fff;
                            line-height: 30px;
                            margin: 10px auto;
                        }

        .m-case ul li:hover .img {
            background: url("../images/bg2.png") no-repeat center;
        }

            .m-case ul li:hover .img .i .w-bg {
                display: block;
            }

        .m-case ul li .t {
            font-size: 12px;
            line-height: 24px;
            height: 24px;
            text-align: center;
            color: #636363;
            overflow: hidden;
            margin: 10px 0px 0px 0px;
            display: block;
        }

.ruan-case .ruan {
    background: #fff;
    margin: 15px 0px;
}

    .ruan-case .ruan .img {
        display: block;
        padding: 10px;
    }

        .ruan-case .ruan .img a {
            position: relative;
            display: block;
            overflow: hidden;
            text-decoration: none;
        }

    .ruan-case .ruan a img {
        display: block;
        width: 100%;
    }

    .ruan-case .ruan .t {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 50px;
        height: 50px;
        overflow: hidden;
        text-align: center;
        color: #555;
    }

    .ruan-case .ruan .c {
        padding: 10px 0px;
        border-top: 1px solid #e2e2e2;
        text-align: center;
        color: #666;
    }

        .ruan-case .ruan .c .cc {
            height: 20px;
            margin: 0px 10px;
            overflow: hidden;
            line-height: 20px;
        }

    .ruan-case .ruan:hover .t {
        color: #0ec3f7;
    }

    .ruan-case .ruan .img a span {
        display: block;
        position: absolute;
        width: 50%;
        height: 50%;
        background: rgba(127,222,250,0.5);
    }

        .ruan-case .ruan .img a span.s1 {
            top: -50%;
            left: -50%;
            -o-transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .ruan-case .ruan .img a span.s2 {
            top: -50%;
            right: -50%;
            -o-transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .ruan-case .ruan .img a span.s3 {
            bottom: -50%;
            left: -50%;
            -o-transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .ruan-case .ruan .img a span.s4 {
            bottom: -50%;
            right: -50%;
            -o-transition: .3s;
            -ms-transition: .3s;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s;
        }

    .ruan-case .ruan:hover .img a span.s1 {
        left: 0px;
        top: 0px;
    }

    .ruan-case .ruan:hover .img a span.s2 {
        right: 0px;
        top: 0px;
    }

    .ruan-case .ruan:hover .img a span.s3 {
        left: 0px;
        bottom: 0px;
    }

    .ruan-case .ruan:hover .img a span.s4 {
        right: 0px;
        bottom: 0px;
    }



.jie-case ul li {
    margin: 0px auto;
}

    .jie-case ul li .left {
        width: 110px;
        float: left;
        position: relative;
        padding-top: 20px;
        border-top: 1px solid #e2e2e2;
    }

        .jie-case ul li .left .i {
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .jie-case ul li .left .nian {
            font-size: 12px;
            color: #999;
            text-align: center;
        }

        .jie-case ul li .left .ri {
            font-size: 40px;
            color: #999;
            font-weight: bold;
            text-align: center;
        }

    .jie-case ul li .right {
        margin-left: 150px;
        padding: 20px 0px;
        border-top: 1px solid #e2e2e2;
    }

        .jie-case ul li .right dl {
            margin: 0px;
        }

            .jie-case ul li .right dl dt {
                width: 220px;
                float: left;
            }

                .jie-case ul li .right dl dt a {
                    display: block;
                    text-decoration: none;
                }

                    .jie-case ul li .right dl dt a img {
                        display: block;
                        width: auto;
                        height: 100px;
                    }

            .jie-case ul li .right dl dd {
                margin-left: 250px;
            }

                .jie-case ul li .right dl dd .dd-t {
                    font-size: 18px;
                    color: #0ec3f7;
                    display: block;
                    text-decoration: none;
                }

                .jie-case ul li .right dl dd .dd-d {
                    margin: 10px 0px;
                }

                .jie-case ul li .right dl dd .dd-c {
                    font-size: 12px;
                    line-height: 20px;
                    max-height: 40px;
                    overflow: hidden;
                    color: #636363;
                }

.xin-case {
    background: #fff;
}

    .xin-case .xin-case-c {
        margin: 0px 30px;
        padding: 15px 0px;
    }

        .xin-case .xin-case-c .tit {
            font-size: 18px;
            line-height: 24px;
            font-weight: bold;
        }

        .xin-case .xin-case-c .time {
            font-size: 12px;
            padding: 10px 0px;
            border-bottom: 1px solid #e2e2e2;
        }

            .xin-case .xin-case-c .time font {
                color: #888;
            }

            .xin-case .xin-case-c .time span {
                float: right;
            }

        .xin-case .xin-case-c .txt {
            font-size: 14px;
            line-height: 30px;
            margin: 20px 0px;
        }

        .xin-case .xin-case-c .other {
            padding: 20px 0px;
            border-top: 1px solid #e2e2e2;
            margin-top: 20px;
            font-size: 12px;
            line-height: 24px;
        }

            .xin-case .xin-case-c .other a {
                display: block;
                float: left;
                width: 40%;
                color: #333;
                text-decoration: none;
            }

                .xin-case .xin-case-c .other a span {
                    color: #999;
                }

                .xin-case .xin-case-c .other a:hover {
                    color: #0ec3f7;
                }

                .xin-case .xin-case-c .other a:nth-child(2) {
                    float: right;
                }


.tuan {
    background: #fff;
    padding: 20px 0px;
}

    .tuan .tit {
        font-size: 18px;
        color: #636363;
        padding: 20px 0px;
        border-bottom: 1px solid #e2e2e2;
        text-indent: 20px;
        font-weight: bold;
    }

        .tuan .tit font {
            color: #0ec3f7;
        }

    .tuan dl {
        padding: 20px 0px;
        border-bottom: 1px solid #e2e2e2;
        margin: 0px 20px;
    }

        .tuan dl dt {
            width: 310px;
            float: left;
            background: url("../images/bg3.jpg") no-repeat right center;
            margin: 15px 0px;
        }

            .tuan dl dt a {
                display: block;
                text-decoration: none;
            }

                .tuan dl dt a img {
                    display: block;
                    width: 250px;
                    height: 250px;
                    border-radius: 100%;
                    margin: 0 0px 0px 20px;
                }

        .tuan dl dd {
            margin-left: 330px;
            font-size: 12px;
            line-height: 24px;
        }

            .tuan dl dd span {
                display: inline-block;
                margin-right: 20px;
            }

.nei-tit {
    font-size: 18px;
    color: #636363;
    padding: 20px 0px;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 40px;
}

    .nei-tit font {
        color: #0ec3f7;
    }

    .nei-tit span {
        display: inline-block;
    }

        .nei-tit span.xian {
            color: #0ec3f7;
            padding: 0px 5px;
            font-weight: bold;
        }

        .nei-tit span.ch {
            font-weight: bold;
        }

        .nei-tit span.en {
            font-family: Arial;
        }

.gong {
    background: #fff;
    padding: 20px 0px;
}

    .gong .tit {
        font-size: 18px;
        color: #636363;
        padding: 20px 0px;
        border-bottom: 1px solid #e2e2e2;
        text-indent: 40px;
        font-weight: bold;
    }

        .gong .tit font {
            color: #0ec3f7;
        }

    .gong .txt {
        font-size: 14px;
        line-height: 30px;
        margin: 20px 40px;
    }

    .gong .img {
        margin: 20px 40px;
    }

        .gong .img img {
            display: block;
            width: 100%;
            margin-bottom: 10px;
        }

        .gong .img .fl {
            float: left;
        }

        .gong .img .img1 {
            overflow: hidden;
        }

        .gong .img .img-w {
            position: relative;
            margin-bottom: 5px;
            cursor: pointer;
        }

            .gong .img .img-w img {
                display: block;
                margin: 0px;
            }

            .gong .img .img-w span {
                display: none;
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.5);
                transition: background 1s;
                -moz-transition: background 1s; /* Firefox 4 */
                -webkit-transition: background 1s; /* Safari and Chrome */
                -o-transition: background 1s; /* Opera */
                cursor: pointer;
            }

            .gong .img .img-w:hover span {
                display: block;
            }

            .gong .img .img-w .jia {
                position: absolute;
                left: 0px;
                top: 50%;
                margin-top: -33px;
                width: 100%;
                display: none;
            }

                .gong .img .img-w .jia img {
                    display: block;
                    width: auto;
                    height: auto;
                    margin: 0 auto;
                }

            .gong .img .img-w:hover .jia {
                display: block;
            }

        .gong .img .img1 .w1 {
            width: 325px;
            margin-right: 12px;
        }

        .gong .img .img1 .w2 {
            width: 300px;
            margin-right: 12px;
        }

        .gong .img .img1 .w3 {
            width: 440px;
        }

        .gong .img .img2 {
            overflow: hidden;
            margin: 5px 0px;
        }

        .gong .img .img3 {
            margin: 5px 0px;
        }

            .gong .img .img3 .w {
                width: 33.333%;
                float: left;
            }

                .gong .img .img3 .w img {
                }

                .gong .img .img3 .w .ww {
                    width: 98%;
                    margin: 0 auto;
                    position: relative;
                }

                    .gong .img .img3 .w .ww img {
                        width: 100%;
                    }

                    .gong .img .img3 .w .ww .jia img {
                        width: auto;
                    }


    .gong .yin {
        margin: 20px 40px;
        font-size: 12px;
        color: #000;
    }

        .gong .yin span {
            color: #636363;
        }

        .gong .yin .table .td1 {
            width: 330px;
            padding: 0px;
        }

        .gong .yin .table .td2 {
            width: 130px;
        }

            .gong .yin .table .td2 img {
                display: block;
                margin: 0 auto;
            }

.img-w-tan-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    display: none;
    z-index: 9999;
    left: 0px;
    top: 0px;
    opacity: 0.1;
}

.img-w-tan {
    position: fixed;
    width: 90%;
    left: 5%;
    top: 10%;
    display: none;
    z-index: 99999;
    height: 80%;
}

.gong .img .img-w-tan img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    height: 100%;
}

.img-w-tan .tan-w {
    height: 100%;
}

.gong .img .close {
    font-weight: normal;
    opacity: 1;
    z-index: 999999;
    display: none;
    position: fixed;
    top: 5%;
    right: 2%;
    width: 20px;
    height: 20px;
    background: #000;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

.gong .yin {
    margin: 20px 40px;
    font-size: 12px;
    color: #000;
}

    .gong .yin span {
        color: #636363;
    }

    .gong .yin .table .td1 {
        width: 330px;
        padding: 0px;
    }

    .gong .yin .table .td2 {
        width: 130px;
    }

        .gong .yin .table .td2 img {
            display: block;
            margin: 0 auto;
        }

.zhong {
    margin: 0px 29px;
}

    .zhong ul li {
        display: block;
        width: 250px;
        float: left;
        padding: 15px 0px;
        border: 1px solid #a2c9c9;
        margin: 25px 14px 0px 14px;
    }

        .zhong ul li a {
            display: block;
            text-decoration: none;
        }

            .zhong ul li a img {
                display: block;
                width: 95%;
                margin: 0 auto;
            }

.you {
    margin: 20px 40px;
}

    .you table tr td:nth-child(1) {
        width: 100px;
    }

    .you table tr td:nth-last-child(1) {
        width: 100px;
    }

    .you .tt {
        font-size: 30px;
        color: #0ec3f7;
        text-align: center;
        margin: 10px 0px;
    }

    .you .ttt {
        font-size: 14px;
        color: #636363;
        margin: 10px 0px;
        font-family: songti;
        font-weight: 600;
    }

    .you .c {
        color: #636363;
        line-height: 18px;
        font-size: 12px;
    }

    .you table tr td {
        padding: 10px;
        vertical-align: middle;
    }

        .you table tr td img {
            width: auto;
            margin: 0 auto;
            display: block;
        }

.yong {
    margin: 20px 0px;
}

.picScroll {
    text-align: center;
    position: relative;
}

    .picScroll .hd ul {
        display: none;
    }

    .picScroll .bd ul {
        width: 100%;
        float: left;
        padding-top: 10px;
    }

    .picScroll .bd li {
        width: 25%;
        float: left;
        font-size: 14px;
        text-align: center;
    }

        .picScroll .bd li a {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
            text-decoration: none;
        }

        .picScroll .bd li img {
            width: 210px;
            background: url(images/loading.gif) #fff center center no-repeat;
        }

    .picScroll .hd {
        height: 0px;
    }

    .picScroll .prev {
        cursor: pointer;
        font-family: songti;
        z-index: 99;
        position: absolute;
        left: 20px;
        top: 50%;
        height: 50px;
        margin-top: -25px;
        font-size: 36px;
        color: #0ec3f7;
        line-height: 50px;
        text-align: center;
    }

    .picScroll .next {
        cursor: pointer;
        font-family: songti;
        z-index: 99;
        position: absolute;
        right: 20px;
        top: 50%;
        height: 50px;
        margin-top: -25px;
        font-size: 36px;
        color: #0ec3f7;
        line-height: 50px;
        text-align: center;
    }

.carousel-indicators li {
    height: 5px;
    border-radius: 0px;
    width: 15px;
    background: #78cfea;
    border: none;
}

.carousel-indicators .active {
    width: 15px;
    height: 5px;
    border-radius: 0px;
    background: #0fc3f8;
    border: none;
    margin: 1px;
}

.ping {
    background: #fff;
    margin: 20px 0px;
    padding: 20px 0px;
}

    .ping .ping-c {
        margin: 0 40px;
    }

        .ping .ping-c .miao .left {
            width: 50px;
            float: left;
        }

            .ping .ping-c .miao .left img {
                display: block;
                width: 50px;
                height: 50px;
            }

        .ping .ping-c .miao .right {
            margin-left: 70px;
            height: 105px;
            border: 1px solid #e2e2e2;
            position: relative;
        }

            .ping .ping-c .miao .right textarea {
                display: block;
                border: none;
                outline: none;
                background: none;
                font-size: 14px;
                line-height: 24px;
                width: 80%;
                padding: 10px;
            }

            .ping .ping-c .miao .right .but {
                position: absolute;
                right: 0px;
                top: 0px;
                width: 20%;
                background: #0ec3f7;
                height: 103px;
                display: block;
                font-size: 18px;
                line-height: 100px;
                color: #fff;
                text-align: center;
            }

        .ping .ping-c .quan {
            margin: 20px 0px;
        }

            .ping .ping-c .quan .tit {
                font-size: 18px;
                color: #636363;
                padding: 10px 0px;
            }

            .ping .ping-c .quan ul li {
                display: block;
                padding: 20px 0px;
                border-top: 1px solid #e2e2e2;
                margin: 15px 0px;
            }

                .ping .ping-c .quan ul li .left {
                    width: 50px;
                    float: left;
                }

                .ping .ping-c .quan ul li .right {
                    margin-left: 70px;
                }

                    .ping .ping-c .quan ul li .right .t {
                        height: 24px;
                    }

                        .ping .ping-c .quan ul li .right .t .tt {
                            width: 60%;
                            height: 24px;
                            font-size: 14px;
                            line-height: 24px;
                            overflow: hidden;
                            float: left;
                        }

                        .ping .ping-c .quan ul li .right .t .time {
                            float: right;
                            color: #999;
                            line-height: 24px;
                        }

                    .ping .ping-c .quan ul li .right .c {
                        margin: 5px 0px;
                    }

            .ping .ping-c .quan .more {
                padding: 20px 0px;
                text-align: center;
            }

                .ping .ping-c .quan .more a {
                    display: inline-block;
                    background: url("../images/icon44.jpg") no-repeat right center;
                    padding-right: 20px;
                    font-size: 14px;
                    color: #0ec3f7;
                    line-height: 30px;
                    text-decoration: none;
                }

.fix-right {
    position: fixed;
    right: 0px;
    top: 50%;
    z-index: 999;
}

    .fix-right ul li {
        display: block;
        margin: 3px 0px;
        cursor: pointer;
        position: relative;
        height: 50px;
    }

        .fix-right ul li .li-w1 {
            background: #0ec3f7;
            height: 50px;
            position: absolute;
            right: 0px;
            top: 0px;
            display: none;
            width: 240px;
        }

            .fix-right ul li .li-w1 span {
                float: left;
            }

            .fix-right ul li .li-w1 .zai {
                width: 190px;
                height: 50px;
                font-size: 12px;
                float: left;
                text-align: center;
                line-height: 50px;
                color: #fff;
                display: block;
            }

            .fix-right ul li .li-w1 .ke {
                text-align: center;
                width: 190px;
                height: 50px;
                font-size: 12px;
                float: left;
                line-height: 50px;
            }

                .fix-right ul li .li-w1 .ke a {
                    display: inline-block;
                    margin: 0px 6px;
                    color: #fff;
                    text-decoration: none;
                }

        .fix-right ul li span {
            display: block;
            width: 50px;
            height: 50px;
            border: 1px solid #0ec3f7;
        }

            .fix-right ul li span.t {
                background: #fff url("../images/k1.png") no-repeat center;
            }

            .fix-right ul li span.k {
                background: #fff url("../images/ke2.png") no-repeat center;
            }

            .fix-right ul li span.q {
                background: #fff url("../images/ke3.png") no-repeat center;
            }

            .fix-right ul li span.w {
                background: #fff url("../images/ke4.png") no-repeat center;
            }

            .fix-right ul li span.p {
                background: #fff url("../images/ke5.png") no-repeat center;
            }

        .fix-right ul li:hover .li-w1 {
            display: block;
        }

        .fix-right ul li:hover span.s1 {
            display: none;
        }

        .fix-right ul li:hover .li-w1 span {
            display: block;
            float: left;
        }

        .fix-right ul li.wxx {
            position: relative;
            overflow: visible;
        }

            .fix-right ul li.wxx .www {
                display: none;
                position: absolute;
                left: -250px;
                top: -60px;
                width: 230px;
                border: 1px solid #e0e0e0;
                padding: 10px 10px 0px 10px;
                z-index: 9999;
                background: #fff;
            }

                .fix-right ul li.wxx .www img {
                    display: block;
                    width: 100%;
                }

                .fix-right ul li.wxx .www .tt {
                    text-align: center;
                    font-size: 12px;
                    line-height: 30px;
                    color: #666;
                }

            .fix-right ul li.wxx:hover .www {
                display: block;
            }

.back-white {
    background: #fff;
}

.serve-pc-pro {
    margin-top: 20px;
    padding: 0;
}

    .serve-pc-pro dl {
        border: 1px solid #d4d4d4;
    }

        .serve-pc-pro dl dt {
            border-bottom: 1px solid #d4d4d4;
            text-align: center;
            height: 100px;
        }

            .serve-pc-pro dl dt h4 {
                padding-top: 15px;
                margin: 0;
            }

            .serve-pc-pro dl dt p {
                margin-top: 5px;
            }

            .serve-pc-pro dl dt h4 span {
                font-size: 18px;
                margin-left: 22px;
                vertical-align: middle;
            }

            .serve-pc-pro dl dt p {
                color: #78868e;
                font-size: 14px;
            }

        .serve-pc-pro dl dd {
            height: 100px;
        }

            .serve-pc-pro dl dd ul {
                width: 200px;
                margin: 0 auto;
                padding-top: 10px;
            }

                .serve-pc-pro dl dd ul li {
                    line-height: 25px;
                }

                    .serve-pc-pro dl dd ul li.add-red {
                        color: #fe5377;
                    }

                    .serve-pc-pro dl dd ul li a {
                        float: right;
                        color: #000;
                        text-decoration: none;
                    }

                        .serve-pc-pro dl dd ul li a:hover {
                            color: #0ec3f7;
                        }

            .serve-pc-pro dl dd .model-web {
                width: 180px;
                margin: 0 auto;
                padding-top: 10px;
                position: relative;
                height: 80px;
                font-size: 14px;
            }

                .serve-pc-pro dl dd .model-web a {
                    position: absolute;
                    width: 80px;
                    height: 28px;
                    background: #fe5377;
                    line-height: 28px;
                    text-align: center;
                    color: #fff;
                    font-size: 14px;
                    right: 0;
                    bottom: 0;
                    text-decoration: none;
                }

.line-head {
    background: url(../images/line-bg.jpg) repeat-x left center;
    margin-bottom: 10px;
    height: 34px;
}

    .line-head p {
        font-size: 24px;
        line-height: 34px;
        background: #fff;
        float: left;
        height: 34px;
        padding-right: 10px;
    }

.kernel-advan {
    margin-top: 40px;
}

.kernel-main {
    margin-top: 20px;
}

    .kernel-main dl {
        margin-bottom: 25px;
    }

    .kernel-main dt {
        height: 34px;
        padding: 0;
    }

        .kernel-main dt h5 {
            float: left;
            color: #fff;
            background: #fe5377;
            font-size: 16px;
            height: 34px;
            line-height: 34px;
            margin: 0;
            padding: 0 25px;
        }

    .kernel-main dd p {
        font-size: 14px;
        padding: 0 5px;
        margin-top: 20px;
    }

.techno-ex {
    margin-top: 90px;
    margin-bottom: 50px;
}

    .techno-ex .container-fluid {
        padding: 0;
    }

    .techno-ex .row {
    }

    .techno-ex dl dt {
        color: #fe4846;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .techno-ex dl dd .techno-show {
        width: 146px;
        margin: 0 auto;
    }

        .techno-ex dl dd .techno-show p {
            text-align: center;
            font-size: 12px;
            margin-top: 14px;
        }

.serve-phone-pro {
    margin-bottom: 15px;
}

    .serve-phone-pro.container-fluid {
    }

    .serve-phone-pro .row {
    }

    .serve-phone-pro dl dd {
        height: 135px;
    }

        .serve-phone-pro dl dd ul {
            width: 220px;
            padding-top: 15px;
        }

.need-phone-main > p {
    color: #fe5377;
    font-size: 14px;
    font-family: '宋体 Regular';
    font-weight: bold;
    margin-top: 25px;
    margin-top: 25px;
    line-height: 26px;
    margin-bottom: 25px;
}

.need-phone-main ul {
}

    .need-phone-main ul li + li {
        margin-top: 24px;
    }

.need-phone-main li {
    height: auto;
    border: 1px solid #8de3fb;
    position: relative;
}


    .need-phone-main li .need-num-tit {
    }

        .need-phone-main li .need-num-tit span {
            vertical-align: middle;
            color: #0ec3f7;
            font-size: 36px;
        }

    .need-phone-main li .need-icon {
        width: 9.4%;
        height: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        font-size: 0;
    }

        .need-phone-main li .need-icon::before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            line-height: 100%;
        }

    .need-phone-main li .need-pro {
        width: 81.2%;
        height: 100%;
        min-height: 110px;
        border: 1px solid #8de3fb;
        border-top: none;
        border-bottom: none;
        margin-left: 9.4%;
        font-size: 12px;
    }

        .need-phone-main li .need-pro h3 {
            font-size: 14px;
            font-weight: bold;
            padding: 20px 20px;
            margin: 0;
        }

        .need-phone-main li .need-pro p {
            padding: 0 20px;
            line-height: 18px;
        }

    .need-phone-main li .need-num-tit {
        width: 9.4%;
        position: absolute;
        height: 100%;
        text-align: center;
        top: 0;
        font-size: 36px;
        line-height: 0px;
        letter-spacing: 0;
        font-size: 0px;
    }

        .need-phone-main li .need-num-tit::after {
            content: '';
            vertical-align: middle;
            display: inline-block;
            height: 100%;
            padding: 0;
        }

.pl0 {
    left: 0;
}

.pr0 {
    right: 0;
}

.ph-web-adv {
    margin-top: 40px;
}

    .ph-web-adv .ph-adv-main {
        margin-top: 25px;
    }

        .ph-web-adv .ph-adv-main > ul > li {
            border-bottom: 1px dashed #d4d4d4;
        }

            .ph-web-adv .ph-adv-main > ul > li:last-child {
                border: none;
            }

    .ph-web-adv li > div {
        width: 50%;
    }

    .ph-web-adv .ph-adv-main > ul > li + li {
        margin-top: 20px;
    }

    .ph-web-adv li > div.ph-adv-pic {
        text-align: center;
        font-size: 0;
        padding-bottom: 20px;
    }

        .ph-web-adv li > div.ph-adv-pic.padd0 {
            padding: 0;
        }

        .ph-web-adv li > div.ph-adv-pic::after {
            content: '';
            display: inline-block;
            height: 100%;
        }

    .ph-web-adv .ph-adv-pro .ph-adv-h h4 {
        font-size: 14px;
        color: #fe5377;
        font-weight: bold;
        float: left;
        border-bottom: 1px solid #d4d4d4;
        padding-bottom: 10px;
        margin-left: 10px;
    }

    .ph-web-adv .ph-adv-pro {
        font-size: 12px;
    }

        .ph-web-adv .ph-adv-pro h5 {
            font-weight: bold;
            font-size: 12px;
            margin-left: 10px;
        }

        .ph-web-adv .ph-adv-pro p {
            margin-left: 10px;
        }

.ph-list {
    margin-top: 46px;
}

    .ph-list .container-fluid {
        padding: 0;
    }

        .ph-list .container-fluid .row {
            margin-bottom: 20px;
        }

    .ph-list dl:hover dt .ph-case-wrap .case-cover {
        display: block;
    }

    .ph-list dl dt {
        width: 165px;
        height: 347px;
        background: url(../images/phone-bg.jpg) no-repeat center center;
        position: relative;
        margin: 0 auto;
    }

        .ph-list dl dt .ph-case-wrap {
            width: 150px;
            height: 256px;
            position: absolute;
            left: 9px;
            top: 46px;
        }

            .ph-list dl dt .ph-case-wrap .case-cover {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background: url(../images/shadow-bg.png);
                display: none;
            }

                .ph-list dl dt .ph-case-wrap .case-cover p {
                    text-align: center;
                    color: #fff;
                    font-size: 14px;
                }

                    .ph-list dl dt .ph-case-wrap .case-cover p a {
                        display: block;
                        width: 85px;
                        height: 22px;
                        color: #fff;
                        background: #0ec3f8;
                        line-height: 22px;
                        margin: 0 auto;
                        text-decoration: none;
                    }

                    .ph-list dl dt .ph-case-wrap .case-cover p:first-child {
                        margin-top: 50px;
                    }

                    .ph-list dl dt .ph-case-wrap .case-cover p img {
                        width: 94px;
                        height: 94px;
                    }

    .ph-list dl dd {
        text-align: center;
        font-size: 12px;
        margin-top: 18px;
    }

        .ph-list dl dd a {
            color: #636363;
            text-decoration: none;
        }

.case-more {
    text-align: center;
}

    .case-more a {
        font-size: 18px;
        color: #0ec3f8;
        text-decoration: none;
    }

.soft-model-pro {
}

    .soft-model-pro .container-fluid {
        padding: 0;
        margin-top: 20px;
    }

        .soft-model-pro .container-fluid .row {
            margin: 0 -12px;
        }

.soft-model-main {
    text-align: center;
    border: 1px solid #0ec3f7;
    margin: 0 -3px;
    padding: 5px 0 15px;
    margin-bottom: 30px;
}

    .soft-model-main h3 {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .soft-model-main p {
        font-size: 14px;
        margin: 0;
        line-height: 20px;
    }

        .soft-model-main p img {
            margin-top: 20px;
        }

.soft-adv-main {
    margin-top: 25px;
}

.soft-adv-cell {
    position: relative;
    height: 100%;
    display: table;
    min-height: 120px;
}

.soft-adv-main > .container-fluid {
    position: relative;
}

    .soft-adv-main > .container-fluid .line-16 {
        position: absolute;
        height: 100%;
        width: 1px;
        background: #95e5fc;
        top: 0;
        left: 16.667%;
    }

    .soft-adv-main > .container-fluid > .row {
        border: 1px solid #95e5fc;
        height: 100%;
        position: relative;
    }

.soft-adv-main .row {
    height: inherit;
}

    .soft-adv-main .row + .row {
        margin-top: 25px;
    }

    .soft-adv-main .row .line-33 {
        position: absolute;
        height: 100%;
        top: 0;
        left: 33.33%;
        width: 1px;
        background: #95e5fc;
    }

    .soft-adv-main .row .line-66 {
        position: absolute;
        height: 100%;
        top: 0;
        left: 66.67%;
        width: 1px;
        background: #95e5fc;
    }

.soft-adv-main .cell {
    min-height: 120px;
}

.soft-adv-cell dl {
    vertical-align: middle;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

    .soft-adv-cell dl dt {
        float: left;
        font-size: 0;
        width: 20%;
    }

        .soft-adv-cell dl dt img {
            width: 100%;
            height: auto;
            max-width: 56px;
        }

    .soft-adv-cell dl dd {
        float: right;
        width: 75%;
        font-size: 12px;
    }

        .soft-adv-cell dl dd b {
            font-size: 14px;
        }

        .soft-adv-cell dl dd p {
            margin-top: 14px;
        }

.soft-adv-main > .container-fluid .col-lg-10 {
}

.soft-adv-main .cell {
    display: table;
    text-align: center;
}

    .soft-adv-main .cell span {
        display: table-cell;
        vertical-align: middle;
        font-size: 18px;
    }

.soft-solution li {
    padding-bottom: 20px;
}

    .soft-solution li > .ph-adv-pro {
        width: 55%;
    }

    .soft-solution li > .ph-adv-pic {
        width: 45%;
    }

    .soft-solution li h4 {
        font-size: 18px;
        margin-left: 10px;
        margin-bottom: 25px;
    }

    .soft-solution li p + h5 {
        margin-top: 30px;
    }

.soft-solution .ph-adv-main > ul > li + li {
    margin-top: 50px;
}

.ph-case-show {
    margin-bottom: 58px;
}

    .ph-case-show > img {
        margin-top: 40px;
    }

.soft-case-show .case-c {
    border: 1px solid #ccc;
}

.soft-case-show .container-fluid {
    padding: 0;
    margin-top: 20px;
}

.soft-case-show .case-more {
    margin-top: 25px;
}


.wei-hao {
    margin-top: 30px;
    margin-bottom: 50px;
}

    .wei-hao .wei-hao-c {
        text-align: center;
        margin: 0 auto;
        min-width: 100%;
        margin: 0 -10px;
    }

        .wei-hao .wei-hao-c h2 {
            font-size: 18px;
            margin: 30px 0 10px;
        }

        .wei-hao .wei-hao-c p {
            font-size: 14px;
            color: #78868e;
        }

.wei-act {
    margin-bottom: 50px;
}

    .wei-act .container-fluid {
        padding: 0;
    }

        .wei-act .container-fluid .col-lg-2 {
            padding: 0;
        }

    .wei-act .wei-act-c {
        width: 158px;
        max-width: 90%;
        box-sizing: border-box;
        height: 158px;
        border: 1px solid #3ebbf2;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 25px;
    }

        .wei-act .wei-act-c img {
            margin-top: 20px;
            margin-bottom: 30px;
        }

.app-use-main {
}

    .app-use-main .clearfix {
        height: 0;
        clear: both;
    }

    .app-use-main .c-blue {
        color: #0ec3f7;
    }

    .app-use-main > p {
        font-size: 18px;
        margin: 30px 0;
    }

    .app-use-main dl {
        float: left;
        width: 20%;
        font-size: 18px;
        color: #8f9090;
        padding-right: 10px;
        margin: 0;
    }

        .app-use-main dl dt {
            font-weight: normal;
        }

        .app-use-main dl dd b {
            font-size: 24px;
        }

.app-serve {
    margin-top: 30px;
}

.app-serve-main {
    margin: 40px 0;
}

.app-serve-c {
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

    .app-serve-c dl dt {
        margin: 20px 0;
    }


.app-adv-main {
    margin: 30px 0 40px;
}

.app-adv .container-fluid {
    position: relative;
}

    .app-adv .container-fluid .row + .row {
        margin-top: 15px;
    }

.app-adv .row {
    position: relative;
    border-left: 1px solid #8de3fb;
    border-right: none;
    border-top: none;
}

.app-adv .line-33 {
    position: absolute;
    top: 0;
    left: 33.34%;
    width: 1px;
    background: #8de3fb;
    height: 100%;
}

.app-adv .line-66 {
    position: absolute;
    top: 0;
    left: 66.67%;
    width: 1px;
    background: #8de3fb;
    height: 100%;
}

.app-adv .row > div {
    padding: 0 15px;
    height: 100%;
    min-height: 112px;
    display: table;
    border-right: 1px solid #8de3fb;
    border-top: 1px solid #8de3fb;
    border-bottom: 1px solid #8de3fb;
}

.app-adv .row dl {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

    .app-adv .row dl dt {
        float: left;
        width: 20%;
    }

    .app-adv .row dl dd {
        margin: 0;
        float: right;
        width: 75%;
    }

        .app-adv .row dl dd h4 {
            font-size: 14px;
            font-weight: bold;
        }

        .app-adv .row dl dd p {
            margin: 0;
            font-size: 12px;
        }

.app-solu {
    margin-bottom: 55px;
}

    .app-solu .container-fluid {
        padding: 0;
    }

        .app-solu .container-fluid .row .col-lg-2 {
            margin-top: 26px;
        }

.app-solu-c {
    border: 1px solid #8de3fb;
    max-width: 160px;
    min-height: 200px;
    margin: 0 auto;
    text-align: center;
}

    .app-solu-c img {
        margin-top: 20px;
    }

    .app-solu-c h4 {
        font-size: 18px;
        color: #525354;
        margin-top: 20px;
    }

    .app-solu-c p {
        font-size: 12px;
        color: #525354;
        margin: 0;
        line-height: 20px;
        padding: 0 15px;
    }


.app-type ul li {
    border-bottom: 1px dashed #b0afaf;
    padding-bottom: 20px;
}

    .app-type ul li + li {
        margin-top: 23px;
    }

    .app-type ul li:last-child {
        border: none;
    }

.app-type .app-type-pro {
    width: 55%;
    margin-top: 37px;
    padding-left: 10px;
}

.app-type .app-type-pic {
    width: 45%;
    text-align: center;
    height: 100%;
}

.app-type .app-type-h {
    margin-bottom: 46px;
}

    .app-type .app-type-h h2 {
        font-size: 24px;
        margin: 0;
    }

    .app-type .app-type-h p {
        font-size: 12px;
        margin: 10px 0;
    }

.app-type .app-type-pro > p {
    font-size: 12px;
    color: #504f4f;
    line-height: 25px;
    margin: 0;
}

    .app-type .app-type-pro > p + p {
        margin-top: 20px;
    }

    .app-type .app-type-pro > p.app-case {
        color: #000;
    }

        .app-type .app-type-pro > p.app-case span {
            color: #fb6161;
        }



.app-made {
    margin: 20px 0;
}

.app-made-main {
    margin-top: 20px;
}

    .app-made-main p {
        color: #000;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 25px;
    }

.app-made .container-fluid {
    padding: 0;
}

.app-made .row > div {
    padding: 0;
}

    .app-made .row > div div {
    }

        .app-made .row > div div dl {
            text-align: center;
        }

            .app-made .row > div div dl dd {
                margin-top: 23px;
                font-size: 14px;
                color: #000;
            }

.web-market-nav a {
    width: 160px;
    height: 26px;
    background: #f2f2f2;
    text-decoration: none;
}

    .web-market-nav a:hover, .web-market-nav a.hover {
        background: #6ba8a9;
    }


.web-market-main {
    margin-top: 50px;
    margin-left: 15px;
}

.web-market-h {
    text-align: center;
    margin-bottom: 35px;
}

    .web-market-h h1 {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 1px;
        margin: 0;
    }

    .web-market-h p {
        font-size: 14px;
        color: #fff;
        margin: 9px 0 0 0;
    }

        .web-market-h p b {
            display: inline-block;
            background: #0ec3f7;
            height: 22px;
            line-height: 22px;
            padding: 0 4px;
        }


.web-optimize-why .web-opt-reason {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 35px;
}

    .web-optimize-why .web-opt-reason span {
        color: #0ec3f7;
    }

.web-optimize-why .container-fluid {
    padding: 0;
}

.web-delay-c1 {
    display: table;
    width: 100%;
}

    .web-delay-c1 .web-delay1-l {
        width: 38%;
    }

        .web-delay-c1 .web-delay1-l span {
            background: #0ec3f7;
            display: inline-block;
            padding: 6px 0;
            color: #fff;
            font-size: 16px;
            width: 100%;
            text-align: center;
        }

    .web-delay-c1 .web-delay1-r {
        width: 52%;
    }

    .web-delay-c1 .web-delay-equal {
        width: 10%;
        text-align: center;
    }

        .web-delay-c1 .web-delay-equal img {
            width: 50%;
        }

    .web-delay-c1 div {
        display: table-cell;
        vertical-align: middle;
    }

    .web-delay-c1 ul {
        display: table-cell;
        vertical-align: middle;
    }

        .web-delay-c1 ul li {
            padding: 4px 0;
            background: #e0d5d3;
            text-align: center;
            font-size: 14px;
            width: 95%;
        }

            .web-delay-c1 ul li + li {
                margin-top: 12px;
            }

.web-delay-c2 {
    border: 1px solid #d9d9d9;
    min-height: 108px;
    position: relative;
    padding: 0;
}

    .web-delay-c2 .web-delay-line1 {
        position: absolute;
        height: 100%;
        width: 1px;
        background: #d9d9d9;
        left: 33.33%;
        top: 0;
    }

    .web-delay-c2 .web-delay-line2 {
        position: absolute;
        height: 100%;
        width: 1px;
        background: #d9d9d9;
        left: 66.67%;
        top: 0;
    }

    .web-delay-c2 .clearfix {
        width: 0;
    }

    .web-delay-c2 > div {
        height: 100%;
        min-height: 90px;
    }

        .web-delay-c2 > div dl {
            text-align: center;
            padding: 0;
            margin: 0;
        }

            .web-delay-c2 > div dl dt {
                padding: 15px 0;
                margin: 0;
            }

            .web-delay-c2 > div dl dd {
                margin: 0;
                font-size: 14px;
            }

.web-opt-chart img {
    width: 100%;
    height: auto;
    margin-top: 35px;
}

.web-opt-chart p {
    font-size: 12px;
}

.web-opt-good h4 {
    text-align: center;
    font-size: 14px;
    color: #3c3c3c;
}

.opt-good-tab {
    display: table;
    width: 100%;
    border: 1px solid #dbdbdb;
    vertical-align: middle;
}

    .opt-good-tab .opt-good-cell {
        display: table-cell;
        width: 33.33%;
        text-align: center;
        border-right: 1px solid #dbdbdb;
        vertical-align: middle;
        height: 100%;
        height: 125px;
    }

        .opt-good-tab .opt-good-cell p {
            margin-top: 20px;
            height: 20px;
        }

        .opt-good-tab .opt-good-cell:last-child {
            border: none;
        }

.web-opt-adv {
    margin-top: 48px;
}

    .web-opt-adv .web-market-h {
        margin-bottom: 22px;
    }

        .web-opt-adv .web-market-h p b {
            width: 320px;
        }

    .web-opt-adv > p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .web-opt-adv .qianyi-opt-pic {
    }

    .web-opt-adv .sm-qian-map {
        background: url(../images/arrow-bg.jpg) repeat-y center top;
        display: none;
    }

        .web-opt-adv .sm-qian-map > div {
            text-align: center;
            width: 180px;
            background: #1ac6f7;
            height: 46px;
            margin: 0 auto;
            line-height: 46px;
            color: #fff;
            font-size: 16px;
        }

            .web-opt-adv .sm-qian-map > div + div {
                margin-top: 30px;
            }

        .web-opt-adv .sm-qian-map .opt-two-block {
            width: 300px;
            background: none;
            height: 25px;
        }

    .web-opt-adv .opt-two-block .opt-two-l {
        float: left;
        width: 50%;
        font-size: 14px;
        background: url(../images/right-arrow.jpg) no-repeat 125px center;
        height: 25px;
        line-height: 25px;
    }

        .web-opt-adv .opt-two-block .opt-two-l p {
            width: 120px;
            background: #1ac6f7;
        }

    .web-opt-adv .opt-two-block .opt-two-r {
        float: right;
        width: 50%;
        font-size: 14px;
        background: url(../images/left-arrow.jpg) no-repeat 7px center;
        height: 25px;
        line-height: 25px;
    }

        .web-opt-adv .opt-two-block .opt-two-r p {
            width: 120px;
            background: #1ac6f7;
            float: right;
        }

    .web-opt-adv .sm-qian-map .qian-opt-succ {
        padding-top: 19px;
        background: url(../images/arrow-h.jpg) no-repeat center top;
    }

        .web-opt-adv .sm-qian-map .qian-opt-succ p {
            height: 46px;
            background: #1ac6f7;
        }

    .web-opt-adv .sm-qian-map > div.bg-col {
        background: #5986c7;
    }

.qian-six-star {
    margin-top: 54px;
}

    .qian-six-star .web-market-h {
        margin-bottom: 28px;
    }

        .qian-six-star .web-market-h p b {
            padding: 0 15px;
            font-size: 14px;
        }

    .qian-six-star .diag1-pic1 {
    }

        .qian-six-star .diag1-pic1 img {
            width: 100%;
            height: auto;
        }

    .qian-six-star .diag1-main {
        margin-top: 20px;
    }

    .qian-six-star > div:not(.web-market-h) > h2 {
        font-size: 20px;
        font-weight: bold;
        color: #0ec3f7;
    }

    .qian-six-star > div:not(.web-market-h) > p {
        color: #333;
        font-size: 14px;
    }

    .qian-six-star .diag1-main .diag1-map {
        position: relative;
        display: none;
    }

    .qian-six-star .diag1-main .diag1-cells {
        width: 53%;
        float: right;
    }

        .qian-six-star .diag1-main .diag1-cells .diag1-c {
            width: 160px;
            height: 34px;
            font-size: 14px;
            color: #fff;
            background: #5986c7;
            text-align: center;
            line-height: 34px;
            border-radius: 8px;
        }

            .qian-six-star .diag1-main .diag1-cells .diag1-c + .diag1-c {
                margin-top: 20px;
            }

    .qian-six-star .diag1-main .diag1-tit {
        width: 140px;
        max-width: 150px;
        height: 50px;
        background: url(../images/right-arrow1.jpg) no-repeat right center;
        color: #fff;
        font-size: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 53%;
        margin-right: 10px;
    }

        .qian-six-star .diag1-main .diag1-tit p {
            width: 110px;
            height: 50px;
            line-height: 50px;
            border-radius: 8px;
            text-align: center;
            background: #0ec3f7;
        }


.diag2-main {
    margin-top: 25px;
}

    .diag2-main > div {
        float: left;
    }

        .diag2-main > div + div {
            margin-left: 15px;
        }

        .diag2-main > div > div {
            border-radius: 8px;
            border-style: solid;
            border-width: 2px;
            min-height: 136px;
            max-width: 240px;
        }

            .diag2-main > div > div h4 {
                font-size: 16px;
                font-weight: bold;
                padding: 0 25px;
                margin-top: 20px;
            }

            .diag2-main > div > div p {
                font-size: 14px;
                padding: 0 25px;
                line-height: 20px;
            }

    .diag2-main .w26prec {
        width: 23.5%;
        padding-right: 40px;
    }

    .diag2-main .w22prec {
        width: 22.4%;
    }

    .diag2-main .diag2-c1 {
        background: url(../images/right-arrow1.jpg) no-repeat right 62px;
    }

    .diag2-main .diag2-c2 {
        background: url(../images/right-arrow2.jpg) no-repeat right 62px;
    }

    .diag2-main .diag2-c3 {
        background: url(../images/right-arrow3.jpg) no-repeat right 62px;
    }

    .diag2-main .diag2-c1 div {
        border-color: #20aaac;
    }

    .diag2-main .diag2-c2 div {
        border-color: #e64c66;
    }

    .diag2-main .diag2-c3 div {
        border-color: #40bf4e;
    }

    .diag2-main .diag2-c4 div {
        border-color: #d39e2c;
    }

    .diag2-main .diag2-c1 div h4 {
        color: #20aaac;
    }

    .diag2-main .diag2-c2 div h4 {
        color: #e64c66;
    }

    .diag2-main .diag2-c3 div h4 {
        color: #40bf4e;
    }

    .diag2-main .diag2-c4 div h4 {
        color: #d39e2c;
    }

.diag3-main {
    margin-top: 20px;
}

    .diag3-main img {
        width: 100%;
        height: auto;
    }

.diag4-main .diag4-tab {
    display: table;
    border: 1px solid #dcdcdc;
    min-height: 148px;
}

    .diag4-main .diag4-tab .diag4-cell {
        display: table-cell;
        width: 33.33%;
        border-left: 1px solid #dcdcdc;
        vertical-align: middle;
    }

        .diag4-main .diag4-tab .diag4-cell:first-child {
            border: none;
        }

        .diag4-main .diag4-tab .diag4-cell h4 {
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            padding: 0 20px;
        }

        .diag4-main .diag4-tab .diag4-cell p {
            padding: 0 20px;
            font-size: 14px;
            color: #333;
        }


.web-opt-serve {
    margin-top: 37px;
}

    .web-opt-serve .web-market-h p b {
        padding: 0 20px;
    }

    .web-opt-serve .opt-ser-main .opt-ser-pic {
    }

        .web-opt-serve .opt-ser-main .opt-ser-pic img {
            width: 100%;
            height: auto;
        }

    .web-opt-serve .opt-ser-main .opt-ser-map {
        display: none;
    }

.opt-ser-map ul li + li {
    margin-top: 5px;
}

.opt-ser-map ul li:last-child {
    background: none;
    height: 40px;
}

.opt-ser-map li {
    text-align: center;
    height: 63px;
    background: url(../images/down-arrow.jpg) no-repeat center bottom;
}

    .opt-ser-map li p {
        margin: 0;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        min-width: 230px;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
    }

.web-market-main > h1 {
    font-size: 30px;
    font-weight: bold;
    color: #666;
    text-align: center;
    margin-bottom: 37px;
}

.web-market-main > p:first-of-type {
    font-size: 14px;
    color: #333;
}

    .web-market-main > p:first-of-type span {
        font-size: 16px;
        font-weight: bold;
        color: #0ec3f7;
    }

.preci-market1 {
    margin-top: 30px;
}

.preci-market > h3 {
    color: #0ec3f7;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 17px;
}

.preci-market1 > p {
    font-size: 14px;
    line-height: 26px;
}

    .preci-market1 > p + p {
        margin-top: 25px;
    }

.preci-market1 > dl {
    text-align: center;
    color: #fff;
    margin: 30px 0;
}

    .preci-market1 > dl dt {
        border: 1px solid #3a8dc3;
        border-bottom: none;
        padding: 25px 0;
    }

    .preci-market1 > dl dd {
        line-height: 32px;
        background: #0ec3f7;
    }



.preci-market2 .container-fluid {
    padding: 0;
    position: relative;
    margin-top: 30px;
}

    .preci-market2 .container-fluid .gray-line {
        position: absolute;
        height: 100%;
        width: 1px;
        background: #dcdcdc;
        top: 0;
        left: 50%;
        z-index: 999;
    }

    .preci-market2 .container-fluid .row > div {
        padding: 0;
    }

.preci-market2 dl {
    text-align: center;
    font-size: 14px;
}

    .preci-market2 dl dt {
        line-height: 30px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        background: #0ec3f7;
        text-align: center;
    }

    .preci-market2 dl dd {
        min-height: 217px;
    }

        .preci-market2 dl dd img {
            margin: 47px 0 25px;
        }

        .preci-market2 dl dd p {
            max-width: 483px;
            line-height: 26px;
            margin: 0 auto;
            text-align: left;
        }

        .preci-market2 dl dd ul li {
            line-height: 26px;
            text-align: left;
            max-width: 490px;
            margin: 0 auto;
            background: url(../images/red-point.jpg) no-repeat left 12px;
            padding: 0 0 0 15px;
        }

.preci-market3 {
    margin-top: 50px;
}

    .preci-market3 p {
        line-height: 26px;
        margin-top: 24px;
    }

        .preci-market3 p.pic {
            text-align: center;
            margin-bottom: 40px;
        }

.socie-web-main > h2 {
    font-size: 20px;
    color: #0ec3f7;
    text-align: center;
    font-weight: bold;
    margin-top: 0;
}

.socie-web-main > p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
    margin: 15px 0;
}

.socie-mark-what .response-part {
    margin-top: 28px;
}

    .socie-mark-what .response-part > img {
        width: 100%;
        height: auto;
        text-align: center;
    }

.socie-media-solu {
    margin-top: 30px;
}

    .socie-media-solu .response-part {
    }

        .socie-media-solu .response-part .pic img {
            width: 100%;
            height: auto;
        }

        .socie-media-solu .response-part .container-fluid {
            padding: 0;
            border: 1px solid #d3d3d3;
            position: relative;
            margin-top: 37px;
        }

            .socie-media-solu .response-part .container-fluid .line1 {
                position: absolute;
                height: 100%;
                width: 1px;
                background: #d3d3d3;
                top: 0;
                left: 25%;
                z-index: 99;
            }

            .socie-media-solu .response-part .container-fluid .line2 {
                position: absolute;
                height: 100%;
                width: 1px;
                background: #d3d3d3;
                top: 0;
                left: 50%;
                z-index: 99;
            }

            .socie-media-solu .response-part .container-fluid .line3 {
                position: absolute;
                height: 100%;
                width: 1px;
                background: #d3d3d3;
                top: 0;
                left: 75%;
                z-index: 99;
            }

            .socie-media-solu .response-part .container-fluid .row {
                margin: 0;
                border-bottom: 1px solid #d3d3d3;
            }

                .socie-media-solu .response-part .container-fluid .row:last-child {
                    border: none;
                }

                .socie-media-solu .response-part .container-fluid .row > div {
                    padding: 0;
                }

                    .socie-media-solu .response-part .container-fluid .row > div dl {
                        padding: 25px 30px;
                        margin: 0;
                    }

                        .socie-media-solu .response-part .container-fluid .row > div dl dt {
                            text-align: center;
                        }

                        .socie-media-solu .response-part .container-fluid .row > div dl dd h4 {
                            text-align: center;
                            font-size: 18px;
                            font-weight: bold;
                            margin: 18px 0;
                        }

                        .socie-media-solu .response-part .container-fluid .row > div dl dd p {
                            margin: 0;
                            font-size: 14px;
                            color: #333;
                            line-height: 24px;
                        }

.socie-media-adv {
    margin-top: 25px;
}

.socie-adv-main {
    margin-top: 30px;
}

    .socie-adv-main .socie-adv-tab {
        display: table;
        border: 1px solid #d7d7d7;
    }

        .socie-adv-main .socie-adv-tab > div {
            display: table-cell;
            vertical-align: middle;
        }

    .socie-adv-main .socie-adv-pic {
        width: 25%;
        text-align: center;
        padding: 10px 0;
        border-right: 1px solid #d7d7d7;
    }

    .socie-adv-main .socie-adv-tit {
        width: 13%;
        text-align: center;
        font-size: 20px;
        color: #30c7f8;
        border-right: 1px solid #d7d7d7;
    }

    .socie-adv-main .socie-adv-pro {
        width: 62%;
        padding: 0 30px;
        line-height: 28px;
        font-size: 14px;
    }

    .socie-adv-main > .socie-adv-tab:nth-of-type(1) {
        border-bottom: none;
    }

    .socie-adv-main > .socie-adv-tab:nth-of-type(2) {
        border-bottom: none;
    }


.whole-market-main > h3 {
    font-weight: bold;
    font-size: 18px;
    color: #0ec3f7;
    margin-bottom: 15px;
}

.whole-market-main > h2 {
    font-weight: bold;
    font-size: 22px;
    color: #0ec3f7;
    text-align: center;
    margin-top: 30px;
}

.whole-market-main > p {
    font-size: 14px;
    color: #333;
    line-height: 32px;
    margin-bottom: 20px;
}

.whole-mark-proc {
    overflow: hidden;
    margin-top: 20px;
}

    .whole-mark-proc ul {
        margin-right: -28px;
        display: table;
    }

        .whole-mark-proc ul > li:last-child {
            background: none;
        }

    .whole-mark-proc li {
        width: 16.66%;
        background: url(../images/whole-market-arrow.jpg) no-repeat 95.5% 99px;
        padding-top: 20px;
        display: table-cell;
    }

        .whole-mark-proc li > div {
            margin-right: 28px;
            border: 2px solid #3a8dc3;
            position: relative;
            padding-top: 34px;
            min-height: 180px;
        }

            .whole-mark-proc li > div .num {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #0ec3f7;
                font-weight: bold;
                font-size: 24px;
                color: #fff;
                line-height: 40px;
                text-align: center;
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                top: -20px;
            }

            .whole-mark-proc li > div p {
                padding: 0 15px;
                line-height: 26px;
                color: #535353;
            }

.whole-mark-good {
    padding-bottom: 4px;
    background: url(../images/whole-market-arrow-h.jpg) no-repeat right bottom;
    margin-top: 26px;
}

    .whole-mark-good .whole-mark-tab {
        display: table;
        min-height: 110px;
        border-bottom: 1px solid #0ec3f7;
        margin: 0;
    }

        .whole-mark-good .whole-mark-tab li {
            display: table-cell;
            position: relative;
            width: 20%;
            border-left: 1px solid #0ec3f7;
        }

            .whole-mark-good .whole-mark-tab li div {
                position: absolute;
                width: 25px;
                height: 25px;
                line-height: 25px;
                text-align: center;
                background: #0ec3f7;
                color: #fff;
                font-size: 18px;
                font-weight: bold;
                left: 0;
                top: 0;
            }

            .whole-mark-good .whole-mark-tab li p {
                margin-left: 35px;
                margin-right: 25px;
                color: #333;
                line-height: 25px;
            }


.whole-mark-spread {
    padding-top: 20px;
}

    .whole-mark-spread .clear {
    }

    .whole-mark-spread ul {
        background: url(../images/gray-line.jpg) repeat-y 15px top;
        float: left;
        padding: 0;
    }

        .whole-mark-spread ul li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .whole-mark-spread ul li {
            margin-top: -20px;
            padding-bottom: 20px;
            position: relative;
        }

            .whole-mark-spread ul li div.line-point {
                width: 5px;
                height: 5px;
                background: url(../images/whole-market-disc.jpg) no-repeat center center;
                position: absolute;
                bottom: 0;
                left: 13px;
            }

            .whole-mark-spread ul li dl {
                margin: 0;
                padding-left: 15px;
            }

            .whole-mark-spread ul li dt {
                padding-left: 15px;
                min-height: 40px;
                position: relative;
                margin: 0;
                background: url(../images/gray-line.jpg) repeat-x left 20px;
            }

                .whole-mark-spread ul li dt h4 {
                    margin: 0;
                    line-height: 40px;
                    margin-left: 20px;
                    background: #f7f7f7;
                    font-size: 16px;
                    color: #0ec3f7;
                    padding-left: 10px;
                }

                .whole-mark-spread ul li dt img {
                    position: absolute;
                    left: -15px;
                    top: 5px;
                }

            .whole-mark-spread ul li dd {
                margin: 0;
                margin-left: 35px;
                padding: 25px 0;
            }

                .whole-mark-spread ul li dd p {
                    margin: 0;
                    padding-left: 30px;
                    background: url(../images/whole-market-shadow-bg.jpg) repeat-y left top;
                    line-height: 26px;
                    font-size: 14px;
                }



.web-preserve {
    margin-left: 15px;
    margin-top: 30px;
}

.web-preser-pro .preser-pro-l {
    float: left;
}

.web-preser-pro .preser-pro-r {
    float: right;
}

    .web-preser-pro .preser-pro-r li p {
        margin: 0;
        line-height: 42px;
        border: 1px dashed #0ec3f7;
        text-align: center;
        font-size: 14px;
        color: #606060;
        border-radius: 8px;
        min-width: 192px;
    }

    .web-preser-pro .preser-pro-r li h4 {
        margin: 0;
        line-height: 42px;
        border: 1px dashed #0ec3f7;
        text-align: center;
        font-size: 18px;
        color: #000;
        border-radius: 8px;
        min-width: 192px;
    }

    .web-preser-pro .preser-pro-r h5 {
        margin: 0;
        text-align: center;
        font-size: 36px;
        height: 44px;
        line-height: 44px;
        color: #0ec3f7;
    }

.web-preser-pro .preser-pro-l > div h3 {
    color: #0ec3f7;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
}

.web-preser-pro .preser-pro-l > div + div {
    margin-top: 37px;
}

.web-preser-pro .preser-pro-l ul {
    margin: 0;
}

.web-preser-pro .preser-pro-l li {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}

.web-preser-pro .preser-pro-l .preser-pro-l2 li p {
    padding-left: 1em;
}

.web-preser-pro .preser-pro-l li p {
    margin: 0;
}

.web-ser-comb h3 {
    font-weight: bold;
    font-size: 18px;
}

.ser-comb-main > div + div {
    margin-top: 22px;
}

.ser-comb-main {
    margin-top: 25px;
}

    .ser-comb-main .ser-comb-tab {
        display: table;
        border: 1px solid #cfcfcf;
        width: 100%;
    }

        .ser-comb-main .ser-comb-tab > div {
            display: table-cell;
        }

    .ser-comb-main .ser-comb-cl {
        padding: 6px;
        width: 198px;
        vertical-align: middle;
    }

    .ser-comb-main .ser-comb-cr {
        border-left: 1px solid #cfcfcf;
    }

    .ser-comb-main .ser-comb-cl p {
        display: inline-block;
        width: 100%;
        height: 100%;
        margin: 0;
        text-align: center;
        min-height: 144px;
        width: 198px;
    }

        .ser-comb-main .ser-comb-cl p:after {
            content: '';
            display: inline-block;
            height: 100%;
            width: 0;
            vertical-align: middle;
        }

        .ser-comb-main .ser-comb-cl p span {
            display: inline-block;
            vertical-align: middle;
            font-size: 24px;
            color: #fff;
            line-height: 42px;
        }

    .ser-comb-main .ser-comb-cr {
        vertical-align: middle;
        font-size: 14px;
        line-height: 26px;
        padding-left: 18px;
        padding-top: 10px;
        padding-bottom: 5px;
    }

.web-ser-single h3 {
    font-weight: bold;
    font-size: 18px;
}

.web-ser-single {
    margin-top: 30px;
}

.ser-sin-main {
    margin-top: 30px;
}

    .ser-sin-main table {
        border: 1px solid #cfcfcf;
        width: 100%;
    }

        .ser-sin-main table tr {
        }

        .ser-sin-main table th {
            width: 22%;
            border: 1px solid #cfcfcf;
            text-align: center;
            vertical-align: middle;
            font-size: 14px;
            color: #0ec3f7;
            font-weight: normal;
            line-height: 36px;
        }

            .ser-sin-main table th.th2 {
                width: 34%;
            }

        .ser-sin-main table td {
            border: 1px solid #cfcfcf;
            text-align: center;
            vertical-align: middle;
            line-height: 36px;
        }


.web-ser-problem {
    margin-top: 45px;
}

    .web-ser-problem h3 {
        font-weight: bold;
        font-size: 18px;
    }

    .web-ser-problem dl {
        font-size: 14px;
        margin-top: 20px;
        line-height: 24px;
    }

        .web-ser-problem dl dt {
            line-height: 24px;
        }

        .web-ser-problem dl dd {
            color: #606060;
            padding-left: 1.6em;
            line-height: 24px;
        }


.cloud-buy-list .row dl dd {
    height: auto;
    display: table;
    width: 100%;
    border-top: 1px solid #d4d4d4;
}

    .cloud-buy-list .row dl dd ul {
        display: table-cell;
        vertical-align: middle;
        padding-left: 45px;
        padding-top: 0;
    }

.cloud-buy-list .row dl .dd1 {
    height: 100px;
    border: none;
}

.cloud-buy-list .row dl .dd2 {
    height: 116px;
}

.cloud-buy-list .row dl .dd3 {
    height: 164px;
}

    .cloud-buy-list .row dl .dd3 ul {
        padding: 0;
    }

    .cloud-buy-list .row dl .dd3 li {
        text-align: center;
    }

        .cloud-buy-list .row dl .dd3 li.cloud-price {
            font-size: 24px;
            color: #0ec3f7;
            margin-bottom: 30px;
        }

        .cloud-buy-list .row dl .dd3 li a {
            float: none;
            display: inline-block;
            width: 110px;
            height: 40px;
            background: #0ec3f7;
            color: #fff;
            line-height: 40px;
            font-size: 18px;
            text-decoration: none;
        }

.cloud-pro-adv .row > div {
    border-right: 1px dashed #d8d8d8;
    padding-bottom: 0;
    height: 278px;
}

    .cloud-pro-adv .row > div:last-child {
        border: none;
    }

.cloud-pro-adv .row dl {
    margin: 0;
    padding: 24px 0 30px 0;
}

    .cloud-pro-adv .row dl dt {
        text-align: center;
        height: 140px;
    }

        .cloud-pro-adv .row dl dt img {
            margin-bottom:;
        }

        .cloud-pro-adv .row dl dt h4 {
            font-size: 16px;
            margin: 25px 0 16px 0;
        }

        .cloud-pro-adv .row dl dt p {
            font-size: 12px;
            color: #82978e;
            font-weight: normal;
            margin: 0;
        }

    .cloud-pro-adv .row dl dd {
        text-align: center;
        margin-top: 40px;
    }

        .cloud-pro-adv .row dl dd p {
            font-size: 12px;
            padding: 0 10px;
            margin: 0;
            line-height: 22px;
        }


.cloud-argu {
    width: 100%;
    margin-top: 14px;
}

.cloud-argu-tab {
    margin-top: 50px;
}

    .cloud-argu-tab table {
        border: 1px solid #d4d4d4;
        width: 100%;
    }

        .cloud-argu-tab table th {
            border: 1px solid #d4d4d4;
            vertical-align: middle;
            text-align: center;
            padding: 10px 0;
            width: 21.15%;
            font-weight: normal;
            font-size: 14px;
            line-height: 20px;
        }

            .cloud-argu-tab table th.w15 {
                width: 15.4%;
            }

        .cloud-argu-tab table td {
            border: 1px solid #d4d4d4;
            vertical-align: middle;
            text-align: center;
            font-size: 14px;
            padding: 10px 5px;
            line-height: 20px;
            word-break: break-all;
        }

            .cloud-argu-tab table td img {
                vertical-align: middle;
                margin-right: 10px;
            }

            .cloud-argu-tab table td span {
                vertical-align: bottom;
            }

            .cloud-argu-tab table td p {
                vertical-align: middle;
                margin: 0;
            }

.cloud-support {
    margin-top: 40px;
}

.cloud-supp-tab table {
    width: 100%;
    margin-top: 30px;
}

    .cloud-supp-tab table th {
        border: 1px solid #d4d4d4;
        width: 45%;
        padding: 10px 0;
        vertical-align: middle;
        text-align: center;
        padding: 10px 0;
        width: 21.15%;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
    }

    .cloud-supp-tab table tr {
        width: 100%;
    }

        .cloud-supp-tab table tr > th:first-child {
            width: 10%;
        }

    .cloud-supp-tab table td {
        border: 1px solid #d4d4d4;
        padding: 10px 5px;
        vertical-align: middle;
        text-align: center;
        font-size: 14px;
        padding: 10px 5px;
        line-height: 20px;
        word-break: break-all;
    }

    .cloud-supp-tab table th img {
        vertical-align: middle;
        margin-right: 10px;
    }

.cloud-case {
    margin-top: 40px;
}

.cloud-case-main {
    position: relative;
    display: none;
}

    .cloud-case-main .box {
        margin: 0 auto;
    }

    .cloud-case-main .bd ul {
        margin: 0 auto;
        width: 100%;
        display: table;
    }

    .cloud-case-main .bd li {
        padding: 20px 35px;
        margin: 0;
        width: 50%;
        display: table-cell;
    }

    .cloud-case-main .bd ul li:nth-child(1) {
        border-right: 1px dashed #d8d8d8;
    }

    .cloud-case-main .bd li dl {
        display: table;
        margin: 0;
    }

    .cloud-case-main .bd li dt {
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        border: 1px solid #d4f0e9;
        text-align: center;
    }

    .cloud-case-main .bd li dd {
        display: table-cell;
        padding-left: 28px;
    }

        .cloud-case-main .bd li dd h4 {
            font-size: 14px;
            margin: 0;
            margin-bottom: 7px;
        }

            .cloud-case-main .bd li dd h4 a {
                color: #000;
                text-decoration: none;
            }

        .cloud-case-main .bd li dd p {
            font-size: 12px;
            color: #636363;
            line-height: 22px;
            margin: 0;
        }

.cloud-case .prev {
    width: 19px;
    height: 35px;
    background: url(../images/cloud-arrows.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 0;
    z-index: 99;
    cursor: pointer;
}

.cloud-case .next {
    width: 19px;
    height: 35px;
    background: url(../images/cloud-arrows.png) no-repeat -19px 0;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: 0;
    z-index: 99;
    cursor: pointer;
}

.cloud-case .prev:hover {
    background: url(../images/cloud-arrows.png) no-repeat 0 -35px;
}

.cloud-case .next:hover {
    background: url(../images/cloud-arrows.png) no-repeat -19px -35px;
}

.cloud-case-main2 {
    position: relative;
}

    .cloud-case-main2 .bd ul {
        margin: 0 auto;
        width: 100%;
    }

    .cloud-case-main2 .bd li {
        padding: 20px 35px;
        margin: 0;
        width: 100%;
    }

    .cloud-case-main2 .bd ul li:nth-child(1) {
    }

    .cloud-case-main2 .bd li dl {
        display: table;
        margin: 0;
    }

    .cloud-case-main2 .bd li dt {
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        border: 1px solid #d4f0e9;
        text-align: center;
    }

    .cloud-case-main2 .bd li dd {
        display: table-cell;
        padding-left: 28px;
    }

        .cloud-case-main2 .bd li dd h4 {
            font-size: 14px;
            margin: 0;
            margin-bottom: 7px;
        }

            .cloud-case-main2 .bd li dd h4 a {
                color: #000;
                text-decoration: none;
            }

        .cloud-case-main2 .bd li dd p {
            font-size: 12px;
            color: #636363;
            line-height: 22px;
            margin: 0;
        }

.cloud-mail-buy {
    padding: 0;
}

    .cloud-mail-buy > .row {
        float: left;
        width: 75%;
        margin: 0 -5px;
    }

    .cloud-mail-buy .enter-and-manage {
        float: right;
        width: 25%;
        padding-left: 0px;
    }

    .cloud-mail-buy > .row > div {
        padding: 0;
        padding: 0 5px;
    }

        .cloud-mail-buy > .row > div > dl {
            border: 1px solid #d3d3d3;
            margin: 0;
        }

            .cloud-mail-buy > .row > div > dl > dt {
                border-bottom: 1px solid #d3d3d3;
            }

                .cloud-mail-buy > .row > div > dl > dt dl {
                    display: table;
                    margin: 0 auto;
                }

                    .cloud-mail-buy > .row > div > dl > dt dl dt {
                        display: table-cell;
                        vertical-align: middle;
                        padding-right: 20px;
                        margin: 0;
                        height: 78px;
                    }

                    .cloud-mail-buy > .row > div > dl > dt dl dd {
                        display: table-cell;
                        vertical-align: middle;
                        margin: 0;
                    }

                        .cloud-mail-buy > .row > div > dl > dt dl dd p {
                            margin: 0;
                            font-size: 18px;
                            line-height: 22px;
                        }

                            .cloud-mail-buy > .row > div > dl > dt dl dd p span {
                                font-size: 12px;
                                color: #636363;
                            }

            .cloud-mail-buy > .row > div > dl > dd {
                min-height: 267px;
            }

                .cloud-mail-buy > .row > div > dl > dd .mailbox-argu {
                    margin-bottom: 50px;
                }

                    .cloud-mail-buy > .row > div > dl > dd .mailbox-argu h5 {
                        margin: 0;
                        padding: 22px 0;
                        font-size: 14px;
                    }

                    .cloud-mail-buy > .row > div > dl > dd .mailbox-argu p {
                        margin: 0;
                        font-size: 14px;
                    }

                        .cloud-mail-buy > .row > div > dl > dd .mailbox-argu p big {
                            margin: 0;
                            font-size: 24px;
                        }

                    .cloud-mail-buy > .row > div > dl > dd .mailbox-argu > div {
                        padding: 0;
                        text-align: center;
                    }

                .cloud-mail-buy > .row > div > dl > dd > p {
                    font-size: 12px;
                    text-align: center;
                    margin: 0;
                }

                    .cloud-mail-buy > .row > div > dl > dd > p a {
                        display: inline-block;
                        width: 110px;
                        height: 40px;
                        line-height: 40px;
                        background: #0ec3f7;
                        color: #fff;
                        font-size: 18px;
                        text-decoration: none;
                    }

                    .cloud-mail-buy > .row > div > dl > dd > p.buy-link {
                        margin-top: 26px;
                    }

    .cloud-mail-buy .enter-and-manage .ent-man-main {
    }

.ent-man-main dl {
    border: 1px solid #d4d4d4;
    margin: 0;
}

    .ent-man-main dl dt {
        height: 39px;
        font-size: 16px;
        line-height: 16px;
        display: table;
        width: 100%;
        border-bottom: 1px solid #d4d4d4;
    }

        .ent-man-main dl dt p {
            margin: 0;
            line-height: 16px;
            font-size: 16px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .ent-man-main dl dt p img {
                vertical-align: middle;
                margin-right: 24px;
            }

            .ent-man-main dl dt p span {
                vertical-align: middle;
            }

    .ent-man-main dl dd div {
        min-height: 267px;
        display: table;
        width: 100%;
    }

    .ent-man-main dl dd form {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .ent-man-main dl dd p {
        margin: 0;
        padding: 0 15px;
        font-size: 16px;
        position: relative;
    }

        .ent-man-main dl dd p + p {
            margin-top: 15px;
        }

        .ent-man-main dl dd p input {
            width: 100%;
        }

            .ent-man-main dl dd p input[type="submit"] {
                background: #0ec3f7;
                border: none;
                color: #fff;
                height: 40px;
                line-height: 40px;
                font-size: 18px;
            }

            .ent-man-main dl dd p input[type="text"] {
                height: 30px;
                text-indent: 5px;
            }

            .ent-man-main dl dd p input[type="password"] {
                height: 30px;
                text-indent: 5px;
            }

        .ent-man-main dl dd p a {
            position: absolute;
            right: 15px;
            top: 0;
            color: #0e8aad;
            font-size: 14px;
            text-decoration: none;
        }

    .ent-man-main dl dd ul {
        display: table-cell;
        vertical-align: middle;
    }

        .ent-man-main dl dd ul li {
            line-height: 24px;
            padding-left: 7%;
        }

            .ent-man-main dl dd ul li a {
                color: #666;
                font-size: 12px;
                text-decoration: none;
            }

    .ent-man-main dl:last-child {
        border-top: none;
        border-bottom: none;
    }

        .ent-man-main dl:last-child dt {
            border-top: 1px solid #d4d4d4;
        }

        .ent-man-main dl:last-child dd {
            border-bottom: 1px solid #d4d4d4;
        }

    .ent-man-main dl:first-child {
        border-bottom: none;
    }

        .ent-man-main dl:first-child dt {
            border: none;
        }

        .ent-man-main dl:first-child dd {
            display: none;
            border-top: 1px solid #d4d4d4;
        }


.mailbox-adv {
    margin-top: 25px;
}

.mail-adv-main .container-fluid {
    padding: 0;
}

.mail-adv-main .row {
    display: table;
}

    .mail-adv-main .row > div {
        display: table-cell;
        border-left: 1px dashed #d8d8d8;
        float: none;
        padding: 20px 0;
    }

        .mail-adv-main .row > div:first-child {
            border: none;
        }

        .mail-adv-main .row > div dl {
            margin: 0;
        }

        .mail-adv-main .row > div dt {
            text-align: center;
        }

        .mail-adv-main .row > div dd h4 {
            font-size: 16px;
            text-align: center;
            margin: 30px 0;
        }

        .mail-adv-main .row > div dd p {
            margin: 0;
            padding: 0 18px;
            font-size: 12px;
            line-height: 20px;
        }

.mailbox-use {
    margin-top: 25px;
}

.mail-use-main .mail-use-tab {
    width: 100%;
}

    .mail-use-main .mail-use-tab .row {
        display: table;
        border: 1px solid #d8d8d8;
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .mail-use-main .mail-use-tab .row > div {
            display: table-cell;
            float: none;
            border-left: 1px dashed #d8d8d8;
            text-align: center;
            margin: 0;
        }

            .mail-use-main .mail-use-tab .row > div:first-child {
                border: none;
            }

            .mail-use-main .mail-use-tab .row > div p {
                margin: 0;
                line-height: 22px;
                font-size: 12px;
            }

            .mail-use-main .mail-use-tab .row > div h5 {
                font-size: 16px;
                margin: 16px 0;
            }

            .mail-use-main .mail-use-tab .row > div > dl {
                margin: 40px 0;
            }

            .mail-use-main .mail-use-tab .row > div dl dd {
                margin: 0;
            }


.mail-use-list .row > div:not(.clear) {
    margin-top: 35px;
}

.mail-use-list h4 {
    font-size: 16px;
    background: url(../images/maibox-disc.jpg) no-repeat left center;
    padding-left: 20px;
    margin: 0;
    margin-bottom: 8px;
}

.mail-use-list p {
    padding-left: 20px;
    font-size: 12px;
    margin: 0;
    line-height: 20px;
}

.mar-t45 {
    margin-top: 45px;
}


.realm-check {
    width: 850px;
    float: left;
}

.realm-ch-h b {
    font-size: 24px;
    color: #0ec3f7;
}

.realm-ch-h span {
    font-size: 16px;
    color: #636363;
    margin-left: 25px;
}

.realm-ch-inp {
    margin-top: 20px;
}

    .realm-ch-inp .form-pc .checkboxs {
        margin-top: 48px;
    }

    .realm-ch-inp .form-pc .search input[type='text'] {
        height: 47px;
        width: 562px;
        outline: none;
        font-size: 16px;
        text-indent: 10px;
        vertical-align: middle;
        border: 1px solid #cfcfcf;
    }

    .realm-ch-inp .form-pc .search input[type='button'] {
        height: 47px;
        width: 153px;
        background: #0ec3f7;
        color: #fff;
        border: none;
        font-size: 23px;
        font-weight: bold;
        vertical-align: middle;
        margin-left: 12px;
    }

    .realm-ch-inp .form-pc .search select {
        width: 123px;
        height: 47px;
        vertical-align: middle;
        outline: none;
        background: #f5f5f3 url("../images/select-down.png") no-repeat 80px center;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #cfcfcf;
        border-left: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 25px;
    }

        .realm-ch-inp .form-pc .search select::-ms-expand {
            display: none;
        }

        .realm-ch-inp .form-pc .search select option {
            border: none;
        }

    .realm-ch-inp .form-mob {
        display: none;
    }

    .realm-ch-inp .checkboxs label {
        float: left;
    }

        .realm-ch-inp .checkboxs label span {
            vertical-align: top;
            margin: 0 10px;
        }

        .realm-ch-inp .checkboxs label input {
            vertical-align: top;
        }

    .realm-ch-inp .checkboxs b {
        position: relative;
        width: 14px;
        height: 14px;
        float: left;
        margin-right: 30px;
    }

        .realm-ch-inp .checkboxs b img {
            vertical-align: middle;
        }

        .realm-ch-inp .checkboxs b div {
            position: absolute;
            min-width: 212px;
            border: 1px solid #bbb;
            background: #feffe6;
            border-radius: 3px;
            left: -9px;
            bottom: 20px;
            padding: 0 10px;
            line-height: 28px;
            display: none;
        }

            .realm-ch-inp .checkboxs b div img {
                position: absolute;
                left: 10px;
                bottom: -6px;
            }

        .realm-ch-inp .checkboxs b:hover div {
            display: block;
        }


.realm-pro {
    width: 840px;
    margin-top: 30px;
}

.realm-pro-b {
    height: 295px;
    width: 840px;
    overflow-y: scroll;
    border-bottom: 1px solid #cfcfcf;
}

    .realm-pro-b tr td {
        box-sizing: border-box;
        height: 48px;
        width: 174px;
        text-align: center;
        border: 1px solid #cfcfcf;
        font-size: 12px;
    }

    .realm-pro-b table tr:first-child td {
        border-top: none;
    }

    .realm-pro-b table tr:last-child td {
        border-bottom: none;
    }

    .realm-pro-b tr td:first-child {
        width: 318px;
        text-align: left;
    }

    .realm-pro-b tr td > * {
        float: left;
        height: 100%;
        line-height: 48px;
    }

    .realm-pro-b tr td em {
        width: 42px;
        text-align: center;
    }

    .realm-pro-b tr td b {
        width: 80px;
        font-size: 16px;
    }

    .realm-pro-b tr td span {
        font-size: 12px;
    }

.realm-pro-h {
    display: table;
    width: 100%;
    border: 1px solid #cfcfcf;
}

    .realm-pro-h div {
        display: table-cell;
        height: 39px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        width: 170px;
        background: #f5f5f3;
        border-left: 1px solid #cfcfcf;
    }

        .realm-pro-h div:first-child {
            width: 310px;
            border: none;
        }

        .realm-pro-h div:last-child {
            width: 187px;
        }

.realm-problem {
    width: 288px;
    float: right;
}

    .realm-problem dl {
        width: 286px;
        border: 1px solid #d1d1d1;
    }

        .realm-problem dl dt {
            border-bottom: 1px solid #d1d1d1;
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            color: #606060;
            text-align: center;
            font-weight: normal;
        }

        .realm-problem dl dd {
            height: 487px;
        }

            .realm-problem dl dd ul {
                padding-top: 20px;
            }

            .realm-problem dl dd li {
                line-height: 30px;
                font-size: 12px;
                color: #606060;
                padding-left: 20px;
            }

                .realm-problem dl dd li a {
                    color: #606060;
                    text-decoration: none;
                }

.realm-border {
    border: 1px solid #cfcfcf;
    margin-top: 23px;
}

    .realm-border > h3 {
        margin: 0;
        font-size: 24px;
        paddong: 0 5px;
        margin-top: -16px;
    }

        .realm-border > h3 span {
            padding: 0 7px;
            background: #fff;
            display: inline-block;
            margin-left: 14px;
        }

.realm-protect .container-fluid {
    padding: 0%;
}

.realm-protect .row {
    margin: 0;
    padding-bottom: 50px;
}

    .realm-protect .row > div {
        padding: 0 26px;
        margin-top: 42px;
    }

    .realm-protect .row dt {
        width: 85px;
        height: 85px;
        border-radius: 50%;
        margin: 0 auto;
        text-align: center;
        display: table;
    }

        .realm-protect .row dt span {
            display: table-cell;
            vertical-align: middle;
            font-size: 14px;
            color: #fff;
            font-weight: normal;
            line-height: 26px;
        }

    .realm-protect .row > div:nth-child(1) dt {
        background: #ef8182;
    }

    .realm-protect .row > div:nth-child(2) dt {
        background: #7bcaf5;
    }

    .realm-protect .row > div:nth-child(3) dt {
        background: #c080b6;
    }

    .realm-protect .row > div:nth-child(4) dt {
        background: #f79f3c;
    }

    .realm-protect .row dl {
        margin: 0;
    }

    .realm-protect .row dd {
        margin: 0;
        margin-top: 26px;
    }

        .realm-protect .row dd h4 {
            font-size: 14px;
            text-align: left;
            margin: 0;
            margin-bottom: 20px;
        }

        .realm-protect .row dd p {
            margin: 0;
            font-size: 12px;
            color: #606060;
            line-height: 20px;
        }

.realm-trust {
    margin-top: 40px;
}

    .realm-trust .container-fluid {
        padding: 0%;
    }

    .realm-trust .row {
        margin: 15px 0 23px 0;
    }

        .realm-trust .row > div:first-child {
            border-right: 1px dashed #d8d8d8;
        }

        .realm-trust .row > div {
            padding: 20px 0;
        }

            .realm-trust .row > div dl + dl {
                margin-top: 60px;
            }

        .realm-trust .row dl {
            width: 480px;
            margin: 0 auto;
            min-height: 100px;
        }

            .realm-trust .row dl:after {
                content: '';
                display: block;
                clear: both;
                height: 0%;
            }

        .realm-trust .row dt {
            float: left;
            width: 55px;
            text-align: center;
        }

        .realm-trust .row dd {
            float: right;
            width: 395px;
        }

            .realm-trust .row dd h4 {
                margin: 0;
                font-size: 18px;
                margin-bottom: 10px;
            }

            .realm-trust .row dd p {
                margin: 0;
                font-size: 12px;
                color: #606060;
                line-height: 22px;
            }

.realm-client {
    margin-top: 40px;
}

.realm-client {
    text-align: center;
}

    .realm-client h3 {
        text-align: left;
    }

    .realm-client img {
        margin: 10px auto;
        display: block;
    }


.cloud-server-select {
}

.cloud-sel-h {
    font-size: 18px;
}

    .cloud-sel-h img {
        vertical-align: top;
    }

    .cloud-sel-h span {
        vertical-align: bottom;
        margin-left: 10px;
    }



.cloud-func-con > div {
    display: table;
}

    .cloud-func-con > div + div {
        margin-top: 40px;
    }

    .cloud-func-con > div > div {
        display: table-cell;
    }

.cloud-func-con .cloud-func-tit {
    background: #ececec;
    vertical-align: middle;
    text-align: center;
    width: 44px;
    font-size: 12px;
    color: #757575;
}

    .cloud-func-con .cloud-func-tit span {
        display: inline-block;
        width: 14px;
    }

.cloud-func-con .cloud-func-main {
    padding-left: 30px;
}

    .cloud-func-con .cloud-func-main * {
        margin: 0%;
    }

    .cloud-func-con .cloud-func-main dl + dl {
        margin-top: 35px;
    }

    .cloud-func-con .cloud-func-main > dl > dt {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .cloud-func-con .cloud-func-main > dl > dd {
        font-size: 12px;
        color: #757575;
    }

        .cloud-func-con .cloud-func-main > dl > dd > p {
            line-height: 28px;
        }

        .cloud-func-con .cloud-func-main > dl > dd > table {
            width: 100%;
            margin: 10px 0;
        }

            .cloud-func-con .cloud-func-main > dl > dd > table th {
                vertical-align: middle;
                background: #ececec;
                border: 1px solid #d4d4d4;
                font-size: 14px;
                color: #757575;
            }

            .cloud-func-con .cloud-func-main > dl > dd > table td {
                border: 1px solid #d4d4d4;
                line-height: 30px;
            }

.cloud-func-cell1 .cloud-func-main > dl > dd > table th {
    width: 25%;
    height: 44px;
    text-align: center;
}

.cloud-func-cell1 .cloud-func-main > dl > dd > table td {
    width: 25%;
    height: 75px;
    text-align: center;
}

.cloud-func-cell2 .cloud-func-main > dl > dd > table th {
    width: 20%;
    min-height: 60px;
    text-align: left;
    padding-left: 10px;
}

.cloud-func-cell2 .cloud-func-main > dl > dd > table td {
    width: 20%;
    min-height: 55px;
    text-align: left;
    padding-left: 10px;
    word-break: break-all;
}

.cloud-func-cell2 .cloud-func-main > dl > dd > table tr:nth-child(6) {
    min-height: 95px;
}

    .cloud-func-cell2 .cloud-func-main > dl > dd > table tr:nth-child(6) td:nth-child(2) {
        text-align: center;
        padding-left: 0px;
    }

.cloud-func-cell2 .cloud-func-main > dl > dd > table tr:nth-child(7) {
    min-height: 90px;
}


.cloud-software {
    margin-top: 40px;
}

    .cloud-software > h3 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 25px;
    }

.cloud-soft-tab .row {
    border: 1px solid #d4d4d4;
    margin: 0px;
}

    .cloud-soft-tab .row > div {
        border-left: 1px solid #d4d4d4;
        height: 250px;
    }

        .cloud-soft-tab .row > div:first-child {
            border: none;
        }

    .cloud-soft-tab .row dl {
        margin: 0px;
        text-align: center;
        margin-top: 33px;
    }

        .cloud-soft-tab .row dl dd p {
            margin: 0;
        }

        .cloud-soft-tab .row dl dd img {
            margin: 32px 0 23px 0;
        }

.cloud-after-sell li {
    float: left;
    width: 20%;
}

    .cloud-after-sell li dl {
        margin: 0px;
    }

        .cloud-after-sell li dl:after {
            content: '';
            display: block;
            clear: both;
            height: 0px;
        }

    .cloud-after-sell li dt {
        float: left;
        font-size: 60px;
        font-weight: normal;
        color: #535353;
    }

    .cloud-after-sell li dd {
        float: left;
        color: #535353;
        font-size: 18px;
        line-height: 28px;
        padding: 18px 0 0 12px;
    }

        .cloud-after-sell li dd p {
            margin: 0px;
        }


.fix-bot {
    display: none;
    z-index: 99;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
    background: #ffffff;
}

.fix-bot {
    display: none;
    z-index: 9999;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
    background: #2bc2ea;
}

    .fix-bot li {
        width: 25%;
        float: left;
        display: table;
    }

        .fix-bot li a {
            display: table-cell;
            width: 100%;
            height: 50px;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
        }

            .fix-bot li a img {
                vertical-align: middle;
                text-align: center;
            }



.index-banner {
    display: none;
}

.in-video {
     
    overflow: hidden;
    background: #000000;
    position: relative;
}

    .in-video .videos {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .in-video video {
        width: auto;
        position: absolute;
        left: 0px;
        top: 0px;
        display: none;
    }

    .in-video .hd {
        position: absolute;
        width: 1200px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 0px;
        max-width: 100%;
    }

        .in-video .hd dd {
            width: 84px;
            height: 84px;
            border-radius: 50%;
            display: inline-block;
            margin: 0px 5px;
            cursor: pointer;
        }

            .in-video .hd dd.on {
                background: #0ec3f7;
            }

            .in-video .hd dd img {
                display: block;
            }

        .in-video .hd dt {
            color: #ffffff;
            margin-bottom: 20px;
        }


.img-banner {
    display: none;
}

    .img-banner img {
        display: block;
        width: 100%;
    }


.other_news {
}

    .other_news .other_news_cell {
        padding: 10px;
    }

        .other_news .other_news_cell h2 {
            font-size: 24px;
            color: #999;
            background: url(../images/search_nav_img1_03.png) no-repeat left center;
            padding-left: 30px;
            margin-bottom: 10px;
        }

        .other_news .other_news_cell ul {
            border: 1px solid #e8e8e8;
            padding: 10px;
        }

            .other_news .other_news_cell ul li {
                line-height: 24px;
            }

                .other_news .other_news_cell ul li a:before {
                    content: '■';
                    color: #0ec3f7;
                    margin-right: 10px;
                    display: inline-block;
                }

                .other_news .other_news_cell ul li span {
                    float: right;
                    margin-left: 25px;
                }

                .other_news .other_news_cell ul li a {
                    display: inline-block;
                    width: 100%;
                    color: #000;
                    height: 24px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-size: 14px;
                    text-decoration: none;
                }

                    .other_news .other_news_cell ul li a:hover {
                        color: #0ec3f7;
                    }


.login-h {
    padding: 13px 0;
}

    .login-h img {
        font-size: 0px;
    }

    .login-h .login-time {
        float: right;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        margin-top: 25px;
    }

        .login-h .login-time img {
            vertical-align: top;
            margin-right: 8px;
        }

.login-main {
    background: #0ec3f8;
    padding: 65px 0;
}

.login-l {
    float: left;
}

    .login-l img {
        display: block;
    }

.login-r {
    width: 445px;
    float: right;
    background: #ffffff;
}

    .login-r .login-link {
        height: 74px;
        line-height: 74px;
        font-size: 14px;
        text-align: center;
        border-bottom: 1px solid #d8d8d8;
    }

        .login-r .login-link span {
            margin: 0px 10px;
            color: #595959;
        }

        .login-r .login-link a {
            color: #595959;
            font-size: 18px;
            text-decoration: none;
        }

            .login-r .login-link a.this {
                color: #0ec3f8;
            }

.login-form {
    width: 323px;
    max-width: 100%;
    margin: 0% auto;
    padding: 30px 0;
}

    .login-form input {
        border: none;
        outline: none;
    }

    .login-form label {
        display: flex;
        width: 100%;
        border: 1px solid #b5b5b5;
        height: 40px;
        margin-bottom: 24px;
    }

        .login-form label span {
            width: 49px;
            text-align: center;
            vertical-align: middle;
            height: 100%;
            border-right: 1px solid #b5b5b5;
            align-self: center;
            line-height: 49px;
        }

            .login-form label span img {
                vertical-align: top;
            }

        .login-form label input {
            flex-grow: 1;
            font-weight: normal;
            text-align: center;
        }

    .login-form .check-code {
        display: flex;
        width: 100%;
        margin-bottom: 24px;
    }

        .login-form .check-code input {
            height: 42px;
            width: 173px;
            border: 1px solid #b5b5b5;
            text-align: center;
        }

        .login-form .check-code .code-box {
            width: 135px;
            height: 42px;
            margin-left: auto;
        }

            .login-form .check-code .code-box img {
                display: block;
                height: 100%;
                margin-left: auto;
                border: 1px solid #b5b5b5;
            }

            .login-form .check-code .code-box .cyan {
                width: 100%;
                height: 42px;
                background: #33beff;
                color: #ffffff;
                font-size: 14px;
                line-height: 42px;
                text-align: center;
                cursor: pointer;
            }

            .login-form .check-code .code-box .gray {
                background: #d4d4d4;
            }

    .login-form p {
        margin-bottom: 24px;
    }

        .login-form p input {
            width: 100%;
            height: 44px;
            background: #33beff;
            color: #ffffff;
            font-size: 18px;
        }

    .login-form .other-login {
    }

        .login-form .other-login span {
            font-size: 16px;
            color: #0ec3f8;
        }

        .login-form .other-login a {
            margin-left: 25px;
            text-decoration: none;
        }

    .login-form .phone-check {
        display: flex;
    }

        .login-form .phone-check label {
            width: 186px;
            display: flex;
        }

            .login-form .phone-check label span {
                width: 49px;
                text-align: center;
                vertical-align: middle;
                height: 100%;
                border-right: 1px solid #b5b5b5;
                align-self: center;
                line-height: 49px;
            }

            .login-form .phone-check label input {
                flex-grow: 1;
                min-width: 0;
                width: 136px;
            }

        .login-form .phone-check a {
            display: block;
            width: 120px;
            height: 40px;
            background: #eb6876;
            margin-left: auto;
            line-height: 40px;
            text-align: center;
            font-size: 12px;
            color: #ffffff;
            text-decoration: none;
        }




@media screen and (max-width:1200px) {
    
.nei-container-wrap .list-comment{width: 90%;}
.nei-container-wrap .list-comment dl dd,
.nei-container-wrap .list-comment dl.right dd{width: 68%;background: none;}
.nei-container-wrap .list-comment dl dd p{width: 100%;}

.nei-container-wrap .list-soft .list-soft-box{width: 100%;}
.nei-container-wrap .list-soft .list-soft-box ul{width: 95%;margin:0 auto;}
.nei-container-wrap .list-soft .list-soft-box ul li{width: 46%;margin: 0px 2% 25px 2%;}
.nei-container-wrap .list-soft .list-soft-box ul li a.thumb{width: 100%;height: auto;}
.nei-container-wrap .list-soft .list-soft-box ul li img{width:100%;height:auto;}

    div.table-responsive table tr {
        border-bottom: 1px dashed #ccc;
    }

    .xia .xia-c table tr td {
        padding: 12px 0;
    }


    .tuan dl dt {
        text-align: center;
    }

        .tuan dl dt a img {
            width: 50%;
            height: auto;
            margin: 0;
            display: inline-block;
        }

    .nei-container-wrap .nei-container {
        width: 90%;
    }

    .nei-container-wrap.pt {
        padding-bottom: 12px;
    }

    .zhao .table table {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .cloud-pro-adv .row > div:nth-child(2n) {
        border: none;
    }

    .cloud-pro-adv .row > div:nth-child(1) {
        border-bottom: 1px dashed #d8d8d8;
    }

    .cloud-pro-adv .row > div:nth-child(2) {
        border-bottom: 1px dashed #d8d8d8;
    }

    .gong .yin .table .td1 {
        width: 30%;
    }

        .gong .yin .table .td1 img {
            width: 100%;
        }

    .gong .yin .table .td2 {
        width: 20%;
    }

        .gong .yin .table .td2 img {
            width: 100%;
        }


    .w-1170 .solution-box {
        width: 100%;
    }

        .w-1170 .solution-box h1 {
            width: 95%;
            margin: 0 auto;
        }

        .w-1170 .solution-box ul {
            background: none;
            height: auto;
        }

            .w-1170 .solution-box ul li {
                width: 50%;
                height: auto;
            }

                .w-1170 .solution-box ul li p img {
                    width: 40%;
                }

                .w-1170 .solution-box ul li h2 {
                    font-size: 22px;
                    line-height: 55px;
                }

                .w-1170 .solution-box ul li p a {
                    font-size: 20px;
                    line-height: 35px;
                }
}

@media screen and (max-width:1170px) {
    .w-1170 {
        width: 100%;
    }

    .cloud-buy-list .row dl dd ul {
        padding-left: 0px;
        text-align: center;
    }

    .realm-problem {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        width: 600px;
    }

        .realm-problem dl {
            width: auto;
        }

            .realm-problem dl dd {
                height: auto;
            }

                .realm-problem dl dd ul:after {
                    content: '';
                    display: block;
                    height: 0;
                    clear: both;
                }

                .realm-problem dl dd ul {
                    padding: 20px 0;
                }

                .realm-problem dl dd li {
                    padding: 0;
                    width: 50%;
                    text-indent: 2em;
                }

                    .realm-problem dl dd li:nth-child(odd) {
                        float: left;
                    }

                    .realm-problem dl dd li:nth-child(even) {
                        float: right;
                    }

    .realm-check {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:1023px) {
    .in-video {
        display: none;
    }

    .img-banner {
        display: block;
    }


    .header-top .hui .sou-nei {
        display: none;
        position: absolute;
        left: 0px;
        top: 58px;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 3px #aaa;
        height: 30px;
        line-height: 30px;
    }

    .header-top-wrap {
        height: auto;
        line-height: 24px;
    }

    .header-top {
        text-align: center;
        height: auto;
    }

        .header-top .tel {
            display: inline-block;
            float: none;
            margin-right: 5px;
        }

        .header-top .time {
            display: inline-block;
            float: none;
            letter-spacing: -1px;
        }

        .header-top .hui {
            float: none;
            width: 100%;
            height: 32px;
            border-top: 1px solid #e2e2e2;
            line-height: 32px;
        }

            .header-top .hui .login {
                float: none;
                border: none;
                height: 32px;
                vertical-align: top;
            }

            .header-top .hui .a {
                float: none;
                border: none;
                line-height: 32px;
                width: 40px;
                height: 32px;
            }

                .header-top .hui .a.clo {
                    width: 40px;
                    height: 32px;
                }






    .header nav {
        display: none;
    }

    .header {
        height: 60px;
    }

        .header .logo img {
            height: 60px;
        }

    .main-header-wrap {
        height: 60px;
    }

    .header {
        height: 60px;
    }

    .menu {
        display: block;
    }



    .index-links {
        width: 90%;
        margin: 0 auto;
    }

    .nei-nav {
        margin: 20px 0;
        padding-top: 8px;
    }

    .nei-banner .content {
        width: 95%;
        margin: 0 auto;
    }

    .contact .contact-c .xu ul li .right {
        width: 100%;
        float: none;
    }

    .contact .contact-c .xu ul li .left {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .contact .contact-c {
        margin: 0px 10px;
    }

    .zhao .zhao-c {
        margin: 0px 10px;
    }

    .join .join-c {
        margin: 0px 10px;
    }

    .jie-case ul li .left {
        float: none;
        width: 100%;
    }

    .jie-case ul li .right {
        margin-left: 0px;
    }

    .tuan dl dt {
        float: none;
        width: 100%;
        background: none;
    }

    .tuan dl dd {
        margin-left: 0px;
    }

    .gong .tit {
        text-indent: 10px;
    }

    .gong .txt {
        margin: 20px 10px;
    }

    .gong .img {
        margin: 20px 10px;
    }

    .you {
        margin: 20px 10px;
    }

    .zhong {
        margin: 20px 10px;
    }

        .zhong ul li {
            width: 21%;
            margin: 10px 2%;
        }

    .gong .yin {
        margin: 20px 10px;
    }

        .gong .yin table td {
            width: 40%;
        }
}

@media screen and (max-width:992px) {
    .web-delay-c2 {
        margin-top: 20px;
    }

    .soft-adv-main .cell {
        border-bottom: 1px solid #95e5fc;
        min-height: 60px;
    }

    .web-delay-c2 > div {
        border-bottom: 1px solid #d9d9d9;
    }

        .web-delay-c2 > div.no-border {
            border: none;
        }

    .socie-media-solu .response-part .container-fluid {
        border-top: none;
    }

        .socie-media-solu .response-part .container-fluid .line1 {
            left: 50%;
        }

        .socie-media-solu .response-part .container-fluid .row {
            border: none;
        }

            .socie-media-solu .response-part .container-fluid .row dl {
                border-top: 1px solid #d3d3d3;
            }

    .whole-mark-proc ul {
        margin-right: -28px;
        display: block;
    }

    .whole-mark-proc li {
        width: 50%;
        background: url(../images/whole-market-arrow2.jpg) no-repeat center bottom;
        padding-top: 20px;
        display: block;
        margin: 0 auto;
        padding-bottom: 20px;
    }

        .whole-mark-proc li + li {
            margin-top: 5px;
        }

        .whole-mark-proc li > div {
            margin-right: 0;
            border: 2px solid #3a8dc3;
            position: relative;
            padding-top: 34px;
            min-height: 0px;
            padding-bottom: 20px;
        }

    .whole-mark-proc ul > li:last-child {
        background: none;
    }

    .web-preser-pro > div.preser-pro-l {
        float: none;
    }

    .web-preser-pro > div.preser-pro-r {
        float: none;
        width: 60%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .cloud-mail-buy > .row > div + div {
        margin-top: 20px;
    }

    .realm-ch-inp {
        display: none;
    }

    .checkboxs {
        display: none;
    }

    .realm-pro {
        display: none;
    }

    .realm-check {
        width: 100%;
    }

    .realm-check-mob {
        margin-top: 15px;
    }

        .realm-check-mob div {
            border: 10px solid #0ec3f7;
        }

            .realm-check-mob div:after {
                content: '';
                display: block;
                clear: both;
                height: 0%;
            }

        .realm-check-mob input {
            vertical-align: middle;
            float: left;
            height: 50px;
        }

            .realm-check-mob input[type='text'] {
                width: 80%;
                border: none;
                font-size: 20px;
                text-indent: 10px;
                outline: none;
            }

            .realm-check-mob input[type='button'] {
                width: 20%;
                border: none;
                background: #e7f1f4 url("../images/top-ico-01.png" ) no-repeat center center;
            }

    .realm-trust .row > div:first-child {
        border-right: none;
    }

    .realm-trust .row > div {
        padding: 10px;
    }

        .realm-trust .row > div dl + dl {
            margin-top: 30px;
        }

    .cloud-soft-tab .row > div:nth-child(3) {
        border: none;
        border-top: 1px solid #d4d4d4;
    }

    .cloud-soft-tab .row > div:nth-child(4) {
        border-top: 1px solid #d4d4d4;
    }

    .cloud-after-sell li {
        width: 33.33%;
    }

        .cloud-after-sell li dl {
            margin: 0px auto;
            width: 200px;
        }

        .cloud-after-sell li:nth-child(4) {
            width: 50%;
        }

        .cloud-after-sell li:nth-child(5) {
            width: 50%;
        }
}

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

.nei-container-wrap .list-comment{width: 90%;}
.nei-container-wrap .list-comment dl{margin-bottom: 10px;}
.nei-container-wrap .list-comment dl dt{width: 100%;background: none;}
 
.nei-container-wrap .list-comment dl dd,
.nei-container-wrap .list-comment dl.right dd{width: 100%;height:auto;background: none;}
.nei-container-wrap .list-comment dl dd p{width: 100%;}
.nei-container-wrap .list-comment dl.right dt.mobile{display: block;}
.nei-container-wrap .list-comment dl.right dt.pc{display: none;}
.nei-container-wrap .list-soft .list-soft-box ul li h2{font-size: 14px;text-indent: 0.5em;}

    .xin-case .xin-case-c .other a {
        width: 100%;
    }

    .login-h {
        padding: 13px 0;
    }

        .login-h img {
            font-size: 0px;
        }

        .login-h .login-time {
            float: right;
            font-size: 12px;
            height: 30px;
            line-height: 30px;
            margin-top: 25px;
        }

            .login-h .login-time img {
                vertical-align: top;
                margin-right: 8px;
            }

    .login-main {
        background: #0ec3f8;
        padding: 65px 0;
    }

    .login-l {
        float: left;
        display: none;
    }

        .login-l img {
            display: block;
        }

    .login-r {
        width: 445px;
        max-width: 100%;
        float: none;
        background: #ffffff;
        margin: 0px auto;
    }

        .login-r .login-link {
            height: 74px;
            line-height: 74px;
            font-size: 14px;
            text-align: center;
            border-bottom: 1px solid #d8d8d8;
        }

            .login-r .login-link span {
                margin: 0px 10px;
                color: #595959;
            }

            .login-r .login-link a {
                color: #595959;
                font-size: 18px;
                text-decoration: none;
            }

                .login-r .login-link a.this {
                    color: #0ec3f8;
                }

    .login-form {
        width: 323px;
        max-width: 100%;
        margin: 0% auto;
        padding: 30px 0px;
    }

        .login-form input {
            border: none;
        }

        .login-form label {
            display: flex;
            width: 100%;
            border: 1px solid #b5b5b5;
            height: 40px;
            margin-bottom: 24px;
        }

            .login-form label span {
                width: 49px;
                text-align: center;
                vertical-align: middle;
                height: 100%;
                border-right: 1px solid #b5b5b5;
                align-self: center;
                line-height: 49px;
            }

                .login-form label span img {
                    vertical-align: top;
                }

            .login-form label input {
                flex-grow: 1;
                font-weight: normal;
                text-align: center;
            }

        .login-form .check-code {
            display: flex;
            width: 100%;
            margin-bottom: 24px;
        }

            .login-form .check-code input {
                height: 42px;
                width: 173px;
                border: 1px solid #b5b5b5;
                text-align: center;
            }

            .login-form .check-code .code-box {
                width: 135px;
                height: 42px;
                margin-left: auto;
            }

                .login-form .check-code .code-box img {
                    display: block;
                    height: 100%;
                    margin-left: auto;
                    border: 1px solid #b5b5b5;
                }

                .login-form .check-code .code-box .cyan {
                    width: 100%;
                    height: 42px;
                    background: #33beff;
                    color: #ffffff;
                    font-size: 14px;
                    line-height: 42px;
                    text-align: center;
                    cursor: pointer;
                }

                .login-form .check-code .code-box .gray {
                    background: #d4d4d4;
                }

        .login-form p {
            margin-bottom: 24px;
        }

            .login-form p input {
                width: 100%;
                height: 44px;
                background: #33beff;
                color: #ffffff;
                font-size: 18px;
            }

        .login-form .other-login {
        }

            .login-form .other-login span {
                font-size: 16px;
                color: #0ec3f8;
            }

            .login-form .other-login a {
                margin-left: 18px;
                text-decoration: none;
            }
 }

@media screen and (max-width:768px) {
    .qian-six-star .diag1-pic1 {
        display: none;
    }

    .qian-six-star .diag1-main .diag1-map {
        display: block;
    }

    .soft-adv-main .cell {
        border-bottom: none;
        min-height: 60px;
        height: 165px;
    }

    .soft-adv-cell {
        border-top: 1px solid #95e5fc;
    }

    .opt-good-tab {
        display: block;
    }

        .opt-good-tab .opt-good-cell {
            display: block;
            width: 100%;
            border: none;
            border-top: 1px solid #dbdbdb;
        }

            .opt-good-tab .opt-good-cell img {
                margin-top: 20px;
            }

            .opt-good-tab .opt-good-cell:last-child {
                border-top: 1px solid #dbdbdb;
            }

            .opt-good-tab .opt-good-cell:first-child {
                border: none;
            }

    .web-opt-adv .qianyi-opt-pic {
        display: none;
    }

    .web-opt-adv .sm-qian-map {
        display: block;
    }

    .diag2-main > div {
        float: none;
        height: 160px;
    }

        .diag2-main > div > div {
            margin: 0 auto;
        }

        .diag2-main > div + div {
            margin-left: 0px;
            margin-top: 5px;
        }

    .diag2-main .w26prec {
        width: 100%;
        padding-right: 0px;
        background: url(../images/down-arrow.jpg) no-repeat center bottom;
    }

    .diag2-main .w22prec {
        width: 100%;
        height: 136px;
    }

    .web-opt-serve .opt-ser-main .opt-ser-map {
        display: block;
    }

    .web-opt-serve .opt-ser-main .opt-ser-pic {
        display: none;
    }

    .socie-adv-main .socie-adv-tab > div.socie-adv-pic {
        display: none;
    }

    .whole-mark-good {
        padding-bottom: 0px;
        background: none;
    }

        .whole-mark-good .whole-mark-tab {
            display: block;
            min-height: 110px;
            border-bottom: none;
            margin: 0;
            background: url(../images/whole-market-arrow-h2.jpg) no-repeat left bottom;
            padding-left: 4px;
            width: 60%;
            margin: 0 auto;
        }

            .whole-mark-good .whole-mark-tab li {
                display: block;
                position: relative;
                width: 100%;
                border-left: 1px solid #0ec3f7;
                margin: 0;
                min-height: 110px;
                border-top: 1px solid #0ec3f7;
            }

                .whole-mark-good .whole-mark-tab li div {
                    position: absolute;
                    width: 25px;
                    height: 25px;
                    line-height: 25px;
                    text-align: center;
                    background: #0ec3f7;
                    color: #fff;
                    font-size: 18px;
                    font-weight: bold;
                    left: 0;
                    top: 0;
                }

                .whole-mark-good .whole-mark-tab li p {
                    margin-left: 35px;
                    margin-right: 25px;
                    color: #333;
                    line-height: 25px;
                    margin-bottom: 0;
                }

    .cloud-pro-adv .row > div {
        border-right: none;
        border-bottom: 1px dashed #d8d8d8;
    }

    .cloud-mail-buy .enter-and-manage {
        float: none;
        width: 80%;
        padding-left: 0px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .cloud-mail-buy > .row {
        float: none;
        width: 80%;
        padding-left: 0px;
        margin: 0 auto;
    }

        .cloud-mail-buy > .row > div {
            padding: 0;
        }

    .mail-adv-main .row {
        display: block;
    }

        .mail-adv-main .row > div {
            display: block;
            border-right: none;
            float: left;
            padding: 20px 0;
            border-top: 1px dashed #d8d8d8;
        }

            .mail-adv-main .row > div dd p {
                text-align: center;
            }

    .mail-use-main .mail-use-tab .row {
        display: block;
        border: 1px solid #d8d8d8;
        padding: 0;
    }

        .mail-use-main .mail-use-tab .row > div {
            display: block;
            float: left;
            border-left: none;
            text-align: center;
            margin: 0;
            border-top: 1px dashed #d8d8d8;
        }

    .realm-problem {
        width: 100%;
        margin-top: 15px;
    }

    .cloud-soft-tab .row > div {
        border-top: 1px solid #d4d4d4;
    }

        .cloud-soft-tab .row > div:first-child {
            border: none;
        }
}

@media screen and (max-width:640px) {
    .xia .xia-c table tr td {
        text-align: left;
        text-indent: 0.5em;
    }

        .xia .xia-c table tr td:nth-last-child(1) {
            text-align: left;
            text-indent: 0.5em;
        }

        .xia .xia-c table tr td:nth-child(2), .xia .xia-c table tr td:nth-child(3), .xia .xia-c table tr td:nth-child(4) {
            display: none;
        }

    .join .join-c table tr td:nth-child(1) {
        width: 20%;
    }

    .join .join-c table tr td img {
        width: 100%;
        max-width: 100%;
        display: block;
    }

    .join .xin {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .zhao .table {
        padding: 0;
        border-top: 0;
    }

        .zhao .table table tr td {
            line-height: 20px;
        }

    .w-1170 .solution-box {
        width: 100%;
    }

        .w-1170 .solution-box h1 {
            width: 95%;
            margin: 0 auto;
        }

        .w-1170 .solution-box ul {
            background: none;
            height: auto;
            padding: 15px 0;
        }

            .w-1170 .solution-box ul li {
                width: 50%;
                height: auto;
            }

                .w-1170 .solution-box ul li div {
                    padding-top: 10px;
                }

                .w-1170 .solution-box ul li p img {
                    width: 50%;
                }

                .w-1170 .solution-box ul li h2 {
                    font-size: 16px;
                    line-height: 35px;
                }

                .w-1170 .solution-box ul li p a {
                    font-size: 14px;
                    line-height: 25px;
                }

    body {
        padding-bottom: 50px;
    }

    .fix-right {
        display: none;
    }

    .fix-bot {
        display: block;
    }

    .index-sec06 .p-w {
        margin: 25px auto;
    }

        .index-sec06 .p-w ul li {
            display: block;
            margin: 35px auto;
            border: 2px solid #e2e2e2;
            padding: 10px;
        }

            .index-sec06 .p-w ul li .left {
                width: auto;
                float: none;
                text-align: center;
            }

                .index-sec06 .p-w ul li .left img {
                    display: block;
                    width: 90px;
                    height: 90px;
                    border-radius: 100%;
                    margin: 0 auto;
                }

            .index-sec06 .p-w ul li .right {
                margin-left: 0px;
                margin-top: 10px;
            }

                .index-sec06 .p-w ul li .right .c {
                    font-size: 14px;
                    line-height: 24px;
                    color: #666;
                }

                .index-sec06 .p-w ul li .right .t {
                    font-size: 16px;
                    color: #0ec3f7;
                    margin: 10px auto;
                }




    .need-phone-main li {
        padding-top: 36px;
    }

        .need-phone-main li .need-icon {
            display: none;
        }

        .need-phone-main li .need-pro {
            width: 100%;
            height: 100%;
            margin-left: 0;
            border: none;
        }

        .need-phone-main li .need-num-tit {
            width: 100%;
            height: 36px;
            font-size: 24px;
            border-bottom: 1px solid #8de3fb;
        }

    .ph-web-adv li > div {
        width: 100%;
    }

        .ph-web-adv li > div + div {
            margin-top: 20px;
        }

    .soft-solution li > .ph-adv-pro {
        width: 100%;
    }

    .soft-solution li > .ph-adv-pic {
        width: 100%;
    }

    .app-use-main dl {
        width: 100%;
    }

        .app-use-main dl + dl {
            margin-top: 20px;
        }

    .app-type .app-type-pro {
        width: 100%;
    }

    .app-type .app-type-pic {
        width: 100%;
        margin-top: 20px;
    }

    .diag4-main .diag4-tab {
        display: block;
    }

        .diag4-main .diag4-tab .diag4-cell {
            display: block;
            width: 100%;
            border-left: none;
            border-top: 1px solid #dcdcdc;
            padding: 0 30px;
        }

    .socie-adv-main .socie-adv-tab > div.socie-adv-tit {
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #d7d7d7;
        padding: 10px 0;
    }

    .socie-adv-main .socie-adv-tab > div.socie-adv-pro {
        display: block;
        width: 100%;
        padding: 10px 30px;
    }

    .ser-comb-main .ser-comb-tab {
        display: block;
        border: 1px solid #cfcfcf;
        width: 100%;
    }

        .ser-comb-main .ser-comb-tab > div {
            display: block;
        }

    .ser-comb-main .ser-comb-cl {
        padding: 6px;
        width: 100%;
        vertical-align: middle;
        border-bottom: 1px solid #cfcfcf;
    }

    .ser-comb-main .ser-comb-cr {
        border-left: none;
    }

    .ser-comb-main .ser-comb-cl p {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center;
        min-height: 60px;
    }

        .ser-comb-main .ser-comb-cl p:after {
            content: '';
            display: inline-block;
            height: 100%;
            width: 0;
            vertical-align: middle;
        }

        .ser-comb-main .ser-comb-cl p span {
            display: inline-block;
            vertical-align: middle;
            font-size: 24px;
            color: #fff;
            line-height: 42px;
        }

    .ser-comb-main .ser-comb-cr {
        vertical-align: middle;
        font-size: 14px;
        line-height: 26px;
        padding-left: 18px;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .realm-problem dl dd li:nth-child(odd) {
        float: none;
    }

    .realm-problem dl dd li:nth-child(even) {
        float: none;
    }

    .realm-problem dl dd ul {
        padding: 0 0;
    }

    .realm-problem dl dd li {
        padding: 0;
        width: auto;
        text-indent: 2em;
        font-size: 14px;
    }

    .realm-trust .row dl {
        width: 100%;
        margin: 0 auto;
        min-height: 100px;
    }

    .realm-trust .row dt {
        float: none;
        width: 55px;
        text-align: center;
    }

    .realm-trust .row dd {
        float: none;
        width: auto;
        margin-top: 15px;
    }

    .cloud-func-cell2 .cloud-func-main > dl > dd > table th {
        text-align: center;
        padding-left: 0;
    }

    .cloud-func-cell2 .cloud-func-main > dl > dd > table td {
        text-align: center;
        padding-left: 0;
    }

    .cloud-func-con > div {
        display: block;
    }

        .cloud-func-con > div + div {
            margin-top: 25px;
        }

        .cloud-func-con > div > div {
            display: block;
        }

    .cloud-func-con .cloud-func-tit {
        background: #ececec;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        font-size: 18px;
        color: #757575;
        font-weight: bold;
        margin-bottom: 20px;
        height: 40px;
        line-height: 40px;
    }

        .cloud-func-con .cloud-func-tit span {
            display: inline-block;
            width: auto;
        }

    .cloud-func-con .cloud-func-main {
        padding-left: 0px;
    }

        .cloud-func-con .cloud-func-main * {
            margin: 0%;
        }

        .cloud-func-con .cloud-func-main dl + dl {
            margin-top: 20px;
        }

        .cloud-func-con .cloud-func-main > dl > dt {
            margin-bottom: 15px;
            font-size: 18px;
        }

    .cloud-after-sell li {
        width: 100%;
    }

        .cloud-after-sell li:nth-child(4) {
            width: 100%;
        }

        .cloud-after-sell li:nth-child(5) {
            width: 100%;
        }

        .cloud-after-sell li dl {
            width: 200px;
            margin: 0px auto;
        }

        .cloud-after-sell li + li {
            margin-top: 10px;
        }

    .jie-case ul li {
        margin: 0px auto;
    }

        .jie-case ul li .left {
            display: none;
            width: 110px;
            float: left;
            position: relative;
            padding-top: 20px;
            border-top: 1px solid #e2e2e2;
        }

            .jie-case ul li .left .i {
                position: absolute;
                left: 0px;
                top: 0px;
            }

            .jie-case ul li .left .nian {
                font-size: 12px;
                color: #999;
                text-align: center;
            }

            .jie-case ul li .left .ri {
                font-size: 40px;
                color: #999;
                font-weight: bold;
                text-align: center;
            }

        .jie-case ul li .right {
             width: 100%;
            margin-left: 0px;
            padding: 20px 0px;
            border-top: 1px solid #e2e2e2;
        }

            .jie-case ul li .right dl {
                margin: 0px;
            }

                .jie-case ul li .right dl dt {
                    width: 220px;
                    height: 165px;
                    ;
                    float: left;
                    display: none;
                }

                    .jie-case ul li .right dl dt a {
                        display: block;
                        text-decoration: none;
                    }

                        .jie-case ul li .right dl dt a img {
                            display: block;
                            width: 100%;
                            height: 165px;
                        }

                .jie-case ul li .right dl dd {
                    margin-left: 0px;
                    padding: 0 10px;
                }

                    .jie-case ul li .right dl dd .dd-t {
                        font-size: 18px;
                        color: #0ec3f7;
                        display: block;
                        text-decoration: none;
                    }

                    .jie-case ul li .right dl dd .dd-d {
                        margin: 10px 0px;
                    }

                        .jie-case ul li .right dl dd .dd-d span {
                            margin-left: 10px;
                            display: inline-block;
                        }

                    .jie-case ul li .right dl dd .dd-c {
                        font-size: 12px;
                        line-height: 20px;
                        max-height: 40px;
                        overflow: hidden;
                        color: #636363;
                    }



    .other_news .other_news_cell ul li span {
        float: right;
        margin-left: 10px;
        display: none;
    }

    .pc-xiang .pc-xiang-c {
        margin: 0px 10px;
        padding: 15px 0px;
    }

    .ping .ping-c {
        margin: 0 10px;
    }

    .pc-xiang .pc-xiang-c .tit p {
        text-align: center;
    }

    .pc-xiang .pc-xiang-c .case-link {
        width: 105px;
        height: 40px;
        position: inherit;
        right: auto;
        top: auto;
        margin: 0 auto;
    }

    .pc-xiang .pc-xiang-c .zan {
        position: inherit;
        right: auto;
        top: auto;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        border: 1px solid #e2e2e2;
        background: url("../images/icon41.png") no-repeat center 10px;
        padding-top: 25px;
        font-size: 12px;
        color: #636363;
        text-align: center;
        cursor: pointer;
        margin: 0px auto;
        margin-top: 10px;
    }

        .pc-xiang .pc-xiang-c .zan.bg-zan {
            background: #ff0000 url("../images/icon42.png") no-repeat center 10px;
            color: #fff;
            border: 1px solid #ff0000;
        }

    .pc-xiang .pc-xiang-c .tit.pc-tit .case-link {
        right: auto;
        top: auto;
    }

    .ping .ping-c .miao {
    }

        .ping .ping-c .miao .left {
            width: 50px;
            float: left;
        }

            .ping .ping-c .miao .left img {
                display: block;
                width: 50px;
                height: 50px;
            }

        .ping .ping-c .miao .right {
            margin-left: 70px;
            height: auto;
            border: 1px solid #e2e2e2;
            position: relative;
        }

            .ping .ping-c .miao .right textarea {
                display: block;
                border: none;
                outline: none;
                background: none;
                font-size: 14px;
                line-height: 24px;
                width: 100%;
                height: 100px;
                padding: 10px;
                resize: none;
            }

            .ping .ping-c .miao .right .but {
                position: inherit;
                display: block;
                right: auto;
                top: auto;
                width: auto;
                background: #0ec3f7;
                height: 50px;
                display: block;
                font-size: 18px;
                line-height: 50px;
                color: #fff;
                text-align: center;
                margin-top: 0px;
            }

    .gong .yin table {
        margin-bottom: 10px;
        border: 1px solid #ddd;
    }

        .gong .yin table tr td {
            border: 1px solid #ddd;
            padding: 5px;
            margin: 0px;
        }

            .gong .yin table tr td.td1 {
                width: 35%;
            }

                .gong .yin table tr td.td1 img {
                    width: 100%;
                }

            .gong .yin table tr td span {
                padding-left: 5px;
            }

    .gong .yin .table .td1 {
        width: 35%;
    }

        .gong .yin .table .td1 img {
            width: 100%;
        }

    .gong .yin table tr td:nth-child(2) {
        width: 65%;
    }

    .gong .yin .table.wechat tr td:nth-child(1) {
        width: 22.7%;
    }

    .gong .yin .table.alipay tr td:nth-child(3) {
        display: none;
    }

    .gong .yin .table.wechat tr td:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width:450px) {
    .gong .img .img-w:hover .jia {
        display: none;
    }

    .gong .img .img-w:hover span {
        display: none;
    }

    .login-h {
        padding: 5px 0;
    }

        .login-h img {
            font-size: 0px;
        }

        .login-h .login-time {
            float: none;
            font-size: 12px;
            height: 30px;
            line-height: 30px;
            margin-top: 10px;
            text-align: center;
        }

            .login-h .login-time img {
                vertical-align: top;
                margin-right: 8px;
            }

    .login-form {
        width: 323px;
        max-width: 100%;
        margin: 0% auto;
        padding: 30px 5px;
    }
}
.bottomm{padding: 0;line-height:10px;font-size:14px;color:#666}.bottom .copy{float:left}.bottom .b-nav{float:right}.bottom .b-nav a{display:inline-block;color:#666;font-size:12px;margin:0 5px;text-decoration:none}.bottom .b-nav a:hover{color:#0ec3f7}.bottomm .b-nav{float:right}.bottomm .b-nav a{display:inline-block;color:#666;font-size:12px;margin:0 5px;text-decoration:none}.bottomm .b-nav a:hover{color:#0ec3f7}