/* 在安卓使用时，点击不会有边框背景 */
* {
    -webkit-tap-highlight-color: transparent;
}

    *:focus {
        outline: none;
    }

input {
    outline: none;
}
/* 在安卓使用时，点击不会有边框背景 */
* {
    margin: 0px 0px;
    padding: 0px 0px;
    font-family: "microsoft yahei";
    font-size: 12px;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: "微软雅黑", "幼圆";
    background-color: #FFFFFF;
    min-width: 1100px;
    height: 100%;
    overflow-y: auto;
}

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

dl, dt, dd, ol {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline
}

input {
    font-family: 微软雅黑;
}

img {
    border: 0px;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

h1, h3 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

p {
    padding: 0px;
    margin: 0px;
    border-style: none;
}

i {
    font-style: normal;
}

a {
    color: #555555;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
}

    a:hover {
        color: #FF6600;
        text-decoration: none;
        padding: 0px;
        margin: 0px;
    }

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

.textright {
    text-align: right;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    clear: both;
}
/* padding、border等不占据宽度 */
.box-sizi {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

.row-fluid {
    width: 100%;
    /*float: left;*/
}

    .row-fluid .row {
        width: 1100px;
        height: auto;
        margin: 0px auto;
        padding: 0px 0px;
    }

/* header begin */
#navbar {
    position: fixed;
    background-color: #fff;
    width: 100%;
    min-width: 1100px;
    top: 0px;
    border-bottom: 1px solid #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    z-index: 99;
}

.navbar-container {
    width: 1100px;
    position: relative;
    left: 50%;
    margin-left: -550px;
}
    /* logo */
    .navbar-container .navbar-header.navbar-left {
        float: left;
    }

        .navbar-container .navbar-header.navbar-left .navbar-brand {
            float: left;
            width: 50px;
            height: 60px;
            line-height: 60px;
            margin: 0px 0px;
            padding: 0px 0px;
        }

            .navbar-container .navbar-header.navbar-left .navbar-brand:hover {
                margin: 0px 0px;
                padding: 0px 0px;
            }

            .navbar-container .navbar-header.navbar-left .navbar-brand img {
                float: left;
                margin-top: 5px;
            }
/* menu */

.navbar-collapse.collapse {
    display: block !important;
    padding: 0;
}

.navbar-container .navbar-nav.navbar-right {
    float: right;
}

    .navbar-container .navbar-nav.navbar-right li {
        float: left;
        padding: 0px 12px;
    }

.nav li a {
    color: #808080;
    font-size: 14px;
    cursor: pointer;
}

.nav > li > a {
    height: 60px;
    line-height: 60px;
    width: auto;
    padding: 0px 15px;
    text-align: center;
}

.nav li a:hover, .nav li a.active {
    color: #1fb7e6;
    background: none;
}

.nav > li > a:hover, .nav > li > a.active {
    border-bottom: 2px solid #1fb7e6;
}

.nav a, .nav a:hover, .nav a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.nav li > a, .nav li > a:hover, .nav li > a:focus {
    background-color: #fff;
}

.nav li.borbom > a {
    border-bottom: 2px solid #1fb7e6;
}
/* 子菜单 */
.dropdown-menu {
    display: none;
    border: none;
    right: auto;
    min-width: 100px;
    padding: 5px 0px;
    box-shadow: none;
    border-top: 1px solid #1FB7E6;
    border-bottom: 2px solid #1FB7E6;
    border-radius: 0px;
    filter: alpha(opacity=90); /* IE */
    -moz-opacity: 0.9; /* 老版Mozilla */
    -khtml-opacity: 0.9; /* 老版Safari */
    opacity: 0.9; /* 支持opacity的浏览器*/
    z-index: 99;
}

    .dropdown-menu li {
        width: 100%;
        padding: 0px 5px;
    }

        .dropdown-menu li a {
            width: auto;
            text-align: left;
            padding: 6px 0px;
            text-align: center;
            border-bottom: 0px;
        }
/* 产品中心  */
.navbar-container .navbar-nav.navbar-right li.navli-product {
    width: 180px;
    padding: 0px 30px;
}

    .navbar-container .navbar-nav.navbar-right li.navli-product li {
        padding: 0px 30px;
    }

.dropdown-menu.dropdown-product li a {
    text-align: left;
}

.navbar-collapse .tel-phone {
    float: right;
    display: inline-block;
    margin-left: 30px;
    padding-left: 30px;
    height: 60px;
    line-height: 60px;
    color: #1FB7E6;
    font-size: 16px;
    background: url(../images/tel-icon.png) no-repeat left center;
    font-weight: bold;
    cursor: pointer;
}
/* header end */

/* public begin */
/* pagination */
.page {
    float: left;
    margin-top: 40px;
    width: 100%;
    text-align: center;
}

    .page .pagination a {
        margin-left: 10px;
        padding: 0px 0px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #999999;
        border-radius: 4px;
    }

    .page .pagination > li > a:hover, .page .pagination > li > span:hover,
    .page .pagination > li > a:focus, .page .pagination > li > span:focus,
    .page .pagination > li.active > a {
        background-color: #1FB7E6;
        border: 1px solid #1FB7E6;
        color: #FFFFFF;
    }
/* public end */

/* container begin */
.container {
    margin: 0 auto;
    margin-top: 70px;
    padding: 0;
    width: 100% !important;
    max-width: 100%;
}

    /* 首页 begin */

    .container .Carousel-banner {
        width: 100%;
        height: 528px;
    }

        .container .Carousel-banner .carousel-inner .item {
            background: url(../images/banner.jpg) no-repeat center center;
            height: 528px;
            width: 100%;
            overflow: auto;
            text-align: center;
        }

        .container .Carousel-banner .carousel-inner .item-2 {
            background: url(../images/banner_2.jpg) no-repeat center center;
        }

        .container .Carousel-banner .carousel-inner .item a.link {
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0px 0px;
            padding: 0px 0px;
            left: 0px;
            top: 0px;
            z-index: 1;
        }

    /* 我们的产品  */
    .container .defalt-R1 {
        background-color: #edfbff;
    }

        .container .defalt-R1 .row {
            position: relative;
            width: 700px;
            height: auto;
        }

            .container .defalt-R1 .row .top {
                position: relative;
                width: 340px;
                height: 64px;
                margin: 70px auto 35px 180px;
            }

                .container .defalt-R1 .row .top span {
                    position: relative;
                    display: block;
                    width: 180px;
                    margin-left: 80px;
                    color: #333333;
                    font-size: 30px;
                    text-align: center;
                    background-color: #edfbff;
                    z-index: 2;
                }

                .container .defalt-R1 .row .top label {
                    display: block;
                    margin: 0px 0px;
                    padding: 0px 0px;
                    width: 100%;
                    color: #333333;
                    font-size: 14px;
                    font-weight: normal;
                    text-align: center;
                }

                .container .defalt-R1 .row .top hr {
                    position: absolute;
                    width: 280px;
                    left: 50%;
                    top: 4px;
                    margin-left: -140px;
                    border-top: 2px solid #000;
                    z-index: 1;
                }

        .container .defalt-R1 .line {
            float: left;
            width: 100%;
            height: auto;
            margin-bottom: 50px;
        }

            .container .defalt-R1 .line .product {
                float: left;
                width: 200px;
                height: auto;
            }

            .container .defalt-R1 .line .TT2, .container .defalt-R1 .line .TT4 {
                float: right;
            }

            .container .defalt-R1 .line .product a {
                display: block;
                width: 100%;
                height: 160px;
            }

            .container .defalt-R1 .line .TT1 a {
                background: url(../images/default-1.png) no-repeat center center;
            }

            .container .defalt-R1 .line .TT2 a {
                background: url(../images/default-2.png) no-repeat center center;
            }

            .container .defalt-R1 .line .TT3 a {
                background: url(../images/default-3.png) no-repeat center center;
            }

            .container .defalt-R1 .line .TT4 a {
                background: url(../images/default-4.png) no-repeat center center;
            }

            .container .defalt-R1 .line .product .PP1 {
                width: 100%;
                margin: 10px 0px;
                margin-top: 14px;
                font-size: 18px;
                color: #333333;
                text-align: center;
            }

            .container .defalt-R1 .line .product .PP2 {
                width: 100%;
                margin: 0px 0px;
                font-size: 14px;
                color: #333333;
                text-align: justify;
            }

    .container .collective {
        padding: 70px 0px;
        text-align: center;
        background-color: #FFFFFF;
    }

        .container .collective img {
            max-width: 1100px;
        }

        .container .collective .txt {
            width: 100%;
            height: auto;
            margin-top: 24px;
            margin-bottom: 40px;
            text-align: center;
            font-size: 21px;
            color: #555;
        }

    .container .default-news {
        padding: 70px 0px;
        background-color: #2ab6ff;
    }
        /*
.container .default-news .layout .top{
	float: left;
}
.container .default-news .layout .top span{
	display: block;
	font-size: 30px;
	color: #fff;
	text-align: left;
}
.container .default-news .layout .top i{
	display: block;
	margin-left: 5px;
	color: #fff;
	font-size: 14px;
}*/

        .container .default-news .advantage {
            float: left;
            width: 605px;
            height: 400px;
            background-color: #fff;
        }

            .container .default-news .advantage i {
                display: block;
                width: 100%;
                height: 161px;
                background: url(../images/advantage.jpg) no-repeat center center;
                background-size: 100% 100%;
            }

            .container .default-news .advantage .con {
                width: 100%;
            }

                .container .default-news .advantage .con .icon-line {
                    float: left;
                    width: 100%;
                    margin: 20px 0px;
                    padding-left: 32px;
                }

                    .container .default-news .advantage .con .icon-line a {
                        float: left;
                        display: block;
                        width: 136px;
                        height: 80px;
                        margin: 0px 0px;
                        padding: 0px 0px;
                        margin-left: 0px;
                        background-position: center center;
                        background-repeat: no-repeat;
                    }

                        .container .default-news .advantage .con .icon-line a.icon-1 {
                            background-image: url(../images/default-5.jpg);
                        }

                            .container .default-news .advantage .con .icon-line a.icon-1:hover {
                                background-image: url(../images/default-6.jpg);
                            }

                        .container .default-news .advantage .con .icon-line a.icon-2 {
                            background-image: url(../images/default-7.jpg);
                        }

                            .container .default-news .advantage .con .icon-line a.icon-2:hover {
                                background-image: url(../images/default-8.jpg);
                            }

                        .container .default-news .advantage .con .icon-line a.icon-3 {
                            background-image: url(../images/default-9.jpg);
                        }

                            .container .default-news .advantage .con .icon-line a.icon-3:hover {
                                background-image: url(../images/default-10.jpg);
                            }

                        .container .default-news .advantage .con .icon-line a.icon-4 {
                            background-image: url(../images/default-11.jpg);
                        }

                            .container .default-news .advantage .con .icon-line a.icon-4:hover {
                                background-image: url(../images/default-12.jpg);
                            }

                .container .default-news .advantage .con p {
                    float: left;
                    display: none;
                    width: 100%;
                    padding: 0px 72px;
                    margin: 0px 0px;
                    text-align: justify;
                    font-size: 14px;
                    color: #666666;
                    background: url(../images/default-13.png) no-repeat 57px 3px;
                }

                    .container .default-news .advantage .con p.PP1 {
                        display: block;
                    }

        .container .default-news .top {
            width: 100%;
            height: 56px;
            background: #2ab6ff;
        }

            .container .default-news .top span {
                display: block;
                float: left;
                font-size: 30px;
                color: #fff;
            }

            .container .default-news .top label {
                display: block;
                float: left;
                margin-left: 5px;
                font-size: 14px;
                color: #fff;
                margin-top: 20px;
            }

        .container .default-news .news {
            float: right;
            width: 466px;
            height: 400px;
            background-color: #fff;
        }

            .container .default-news .news i {
                display: block;
                width: 100%;
                height: 160px;
                background: url(../images/default-news.jpg) no-repeat center center;
                background-size: 100% 100%;
            }

            .container .default-news .news ul {
                float: right;
                width: 440px;
                height: auto;
                list-style-image: url(../images/li-listtype.png); /*--你的图片路径--*/
            }

                .container .default-news .news ul li {
                    position: relative;
                    float: left;
                    width: 100%;
                    height: 20px;
                    line-height: 20px;
                    margin-top: 10px;
                }

            .container .default-news .news .more_news {
                position: relative;
                float: left;
                width: 100%;
                height: 20px;
                line-height: 20px;
                margin-top: 5px;
            }

                .container .default-news .news .more_news a {
                    display: block;
                    position: absolute;
                    right: 10px;
                    top: 0px;
                    padding-right: 5px;
                    max-width: 290px;
                    height: 24px;
                    line-height: 24px;
                    color: #666666;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    text-align: left;
                    background-color: #FFFFFF;
                    cursor: pointer;
                    z-index: 2;
                }

                    .container .default-news .news .more_news a:hover {
                        color: #2ab6ff;
                    }

            .container .default-news .news ul li a {
                display: block;
                position: absolute;
                left: 0px;
                top: 0px;
                padding-right: 5px;
                max-width: 290px;
                height: 24px;
                line-height: 24px;
                color: #666666;
                overflow: hidden;
                text-overflow: ellipsis;
                text-align: left;
                background-color: #FFFFFF;
                cursor: pointer;
                z-index: 2;
            }

            .container .default-news .news ul li .date {
                display: block;
                position: absolute;
                right: 0px;
                top: 0px;
                width: 90px;
                text-align: center;
                height: 24px;
                line-height: 24px;
                color: #666666;
                background-color: #FFFFFF;
                z-index: 2;
            }

            .container .default-news .news ul li hr {
                position: absolute;
                width: 100%;
                left: 0px;
                top: 50%;
                margin: 0px;
                padding: 0px;
                border-bottom: 1px dotted #ccc;
                z-index: 1;
            }

/* 鼠标悬浮图片抖动 */
/* animation */
@keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}

@-webkit-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}

@-moz-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}

@-o-keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}

.container .defalt-R1 .line .product a:hover {
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}
/* 鼠标悬浮图片抖动 */

/* 首页 end */
/* 宽度控制在1100px内  */
.row-minwidth {
    position: relative;
    left: 50%;
    width: 1100px;
    margin-left: -550px;
}

/* 全媒体营销系统、易捷客云电销平台、易捷客企业客服平台、智能通讯平台 begin */
/* banner */
.row-banner{
    /*float:left;*/
	width: 100%;
	height: 440px;
	background-position: center top;
	background-repeat: no-repeat;
}

    .row-banner.banner_making {
        background-image: url(../img/pro_banner1.png);
    }

    .row-banner > .row {
        position: relative;
        width: 1100px;
        height: 100%;
        left: 50%;
        margin-left: -550px;
    }

    .row-banner .PP1, .row-banner .PP2 {
        position: relative;
        margin-left: 50px;
        color: #fff;
        text-align: left;
    }

    .row-banner .PP1 {
        margin-top: 108px;
        margin-bottom: 30px;
        font-size: 36px;
    }

    .row-banner .PP2 {
        margin-bottom: 10px;
        font-size: 26px;
    }

    /*.row-banner a {
        display: block;
        position: relative;
        margin: 0px 0px;
        padding: 0px 0px;
        margin-top: 40px;
        margin-left: 50px;
        color: #204084;
        height: 50px;
        width: 150px;
        background-color: #fff;
        line-height: 50px;
        font-size: 24px;
        border-radius: 4px;
        text-decoration: none;
    }*/

        .row-banner a:hover {
            color: #f85506;
        }

/* banner */
.mark-type {
    float: left;
    width: 100%;
    height: 90px;
    margin-bottom: 5px;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    -moz-box-shadow: 0px 3px 3px #ccc;
    -webkit-box-shadow: 0px 3px 3px #e7e7e7;
    box-shadow: 0px 3px 3px #e7e7e7;
}

    .mark-type a {
        float: left;
        display: inline-block;
        width: 25%;
        height: 90px;
        margin: 0px 0px;
        padding: 0px 0px;
        background: url(../images/mak_4.jpg) no-repeat right center;
        cursor: pointer;
    }

        .mark-type a > i {
            display: inline-block;
            position: relative;
            left: 50%;
            margin-left: -70px;
            width: 150px;
            height: 90px;
            line-height: 90px;
            font-size: 20px;
            color: #333333;
            text-align: right;
            background-position: left center;
            background-repeat: no-repeat;
        }

        .mark-type a.TT1 > i {
            background-image: url(../images/mak_1.jpg);
        }

        .mark-type a.TT2 > i {
            background-image: url(../images/mak_2.jpg);
        }

        .mark-type a.TT3 > i {
            background-image: url(../images/mak_3.jpg);
        }
        .mark-type a.TT4 > i {
            background-image: url(../images/mak_8.jpg);
        }
/* mark-row */
.container .mark-row {
    width: 100%;
    float: left;
}

    .container .mark-row .row {
        width: 1100px;
        height: auto;
        margin: 0px auto;
        padding: 0px 0px;
    }

        /* title */
        .container .mark-row .row .top {
            position: relative;
            width: 340px;
            height: 64px;
            left: 50%;
            margin: 70px auto 35px -170px;
        }

            .container .mark-row .row .top span {
                position: relative;
                display: block;
                width: 180px;
                margin-left: 80px;
                color: #333333;
                font-size: 30px;
                text-align: center;
                background-color: #fff;
                z-index: 2;
            }
.container .mark-row .row .top label {
    display: block;
    margin: 0px 0px;
    padding: 0px 0px;
    width: 100%;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

            .container .mark-row .row .top hr {
                position: absolute;
                width: 280px;
                left: 50%;
                top: 4px;
                margin-left: -140px;
                border-top: 2px solid #000;
                z-index: 1;
            }

    /* 产品简介 */
    .container .mark-row.mark-R1 {
        text-align: center;
    }

        .container .mark-row.mark-R1 p {
            width: 100%;
            height: auto;
            padding: 0px 50px;
            text-align: justify;
            font-size: 16px;
            color: #666666;
            line-height: 28px;
        }

        .container .mark-row.mark-R1 img {
            margin-top: 15px;
        }

    /* 功能特点 */
    .container .mark-row.mark-function ul {
        position: relative;
        width: 1000px;
        margin: 0px 0px;
        padding: 0px 0px;
        margin-left: 50px;
    }

        .container .mark-row.mark-function ul li {
            position: relative;
            float: left;
            width: 220px;
            height: 200px;
            margin-left: 40px;
            margin-bottom: 30px;
            background-position: center 55px;
            background-repeat: no-repeat;
            border: 1px solid #ccc;
            overflow: hidden;
            cursor: pointer;
        }

            .container .mark-row.mark-function ul li.marleft0 {
                margin-left: 0px;
            }

            .container .mark-row.mark-function ul li p.PP1 {
                width: 100%;
                margin-top: 130px;
                text-align: center;
                font-size: 12px;
                color: #999;
            }

    /* 应用场景 */
    .container .mark-row.mark-R3 {
        /*margin-bottom: 70px;*/
    }

    .container .mark-row .context {
        width: 1000px;
        height: 300px;
        margin-left: 50px;
        background: url(../images/mak_6.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

        .container .mark-row .context .txt {
            float: right;
            width: 500px;
            height: 270px;
            margin-top: 30px;
            padding: 0px 20px;
        }

            .container .mark-row .context .txt .title {
                width: 457px;
                height: 90px;
                margin-top: 15px;
                padding-top: 20px;
                padding-left: 24px;
                background: url(../images/mak_7.png) no-repeat center center;
                background-size: 100% 100%;
            }

                .container .mark-row .context .txt .title p {
                    font-size: 24px;
                    color: #FFFFFF;
                }

                .container .mark-row .context .txt .title .hr {
                    width: 100px;
                    height: 6px;
                    margin: 0px 0px;
                    padding: 0px 0px;
                    margin-top: 10px;
                    background-color: #FFFFFF;
                }

            .container .mark-row .context .txt .row-p {
                width: 100%;
                margin-top: 20px;
            }

                .container .mark-row .context .txt .row-p p {
                    font-size: 16px;
                    color: #FFFFFF;
                }
.container .row .two {
    margin-left: 180px;
}
.container .row ul p {
    color: #555555;
    font-size: 12px;
    width: 100%;
    margin-top: 130px;
    text-align:center;
}
.container .row .case ul p {
    color: #555555;
    font-size: 18px;
    width: 100%;
    margin-top: 130px;
    text-align: center;
    color:#202020;
}
/*应用价值*/
.container .row ul {
    position: relative;
    width: 1000px;
    margin: 0px 0px;
    padding: 0px 0px;
    margin-left: 50px;
}
    .container .row ul li {
        position: relative;
        float: left;
        width: 250px;
        height: 200px;
        background-position: center 5px;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    .container .row .two li {
        position: relative;
        float: left;
        width: 250px;
        height: 170px;
        background-position: center 5px;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    .container .row .one li {
        position: relative;
        float: left;
        width: 200px;
        height: 170px;
        background-position: center 5px;
        background-repeat: no-repeat;
        overflow: hidden;
    }
.container .row .three li {
    position: relative;
    float: left;
    width: 200px;
    height: 170px;
    background-position: center 5px;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container .row .four {
    margin-left:150px;
}
    .container .row .four li {
        position: relative;
        float: left;
        width: 200px;
        height: 170px;
        background-position: center 5px;
        background-repeat: no-repeat;
        overflow: hidden;
    }
.container .row .case ul li {
    position: relative;
    float: left;
    width: 250px;
    height: 300px;
    background-position: center 5px;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color:#FFFFFF;
}
.container .row .case ul label {
    max-width: 80% !important;
    margin-left: 25px;
    text-align: center;
    color: #999;
    font-size:13px;
    font-weight:normal !important;
}
.container .row .case ul div {
    width: 79px;
    height: 33px;
    text-align: center;
    vertical-align: super;
    line-height: 30px;
    margin-left: 86px;
    cursor:pointer;
    margin-top:20px;
}
.container .row ul li p.PP1 {
    width: 100%;
    margin-top: 120px;
    text-align: center;
    font-size: 12px;
    color: #999;
}
/* 免费试用 */
.container .aheadbottom {
    float: left;
    width: 100%;
    height: 260px;
    text-align: center;
    background: url(../images/aheadbottom.jpg) no-repeat center center;
}
.container .aheadbottom h2{
	width: 100%;
	margin-top:75px;
	margin-bottom:40px;
	text-align: center;
	color:#fff;
	font-size:30px;
    text-shadow: 1px 1px rgba(0, 0, 0,0.8);
}
.container .aheadbottom .aheadbottom-inp{
    float:left;
    position:relative;
    left:50%;
    width:408px;
    margin-left:-204px;
}
.container .aheadbottom .aheadbottom-inp input{
    float:left;
    width:408px;
    height:50px;
    margin:0px 0px;
    padding:0px 0px;
    padding-left:5px;
    padding-right:160px;
    font-size:20px;
    color:#fff;
    border-radius:4px;
    border:1px solid #ffffff;
    background:transparent;
}
.container .aheadbottom .aheadbottom-inp input::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff;
    filter:alpha(opacity=50); /* IE */ 
    -moz-opacity:0.5; /* Moz + FF */ 
    opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
.container .aheadbottom .aheadbottom-inp input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #ffffff;
    filter:alpha(opacity=50); /* IE */ 
    -moz-opacity:0.5; /* Moz + FF */ 
    opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
.container .aheadbottom .aheadbottom-inp input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #ffffff;
    filter:alpha(opacity=50); /* IE */ 
    -moz-opacity:0.5; /* Moz + FF */ 
    opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
.container .aheadbottom .aheadbottom-inp input:-ms-input-placeholder {  /* Internet Explorer 10+ */
    color: #ffffff;
    filter:alpha(opacity=50); /* IE */ 
    -moz-opacity:0.5; /* Moz + FF */ 
    opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
.container .aheadbottom a{ 
    position:absolute;
	display:inline-block;
    top:0px;
    right:0px;
	width:150px;
	height:50px;
    margin-right:-2px;
	line-height:50px;
	background:#ffffff;
	color:#21b1fa;
	font-size:18px;
	text-decoration:none; 
	font-size: 24px;
    border-radius: 4px;
}

    .container .aheadbottom h2 {
        width: 100%;
        margin-top: 85px;
        margin-bottom: 40px;
        text-align: center;
        color: #fff;
        font-size: 30px;
        text-shadow: 1px 1px rgba(0, 0, 0,0.8);
    }

    .container .aheadbottom a {
        display: inline-block;
        width: 150px;
        height: 50px;
        line-height: 50px;
        background: #21b1fa;
        color: #FFFFFF;
        font-size: 18px;
        text-decoration: none;
        font-size: 24px;
        border-radius: 4px;
    }

/* 全媒体营销系统 、易捷客云电销平台、易捷客企业客服平台、智能通讯平台  end */


/* 全媒体营销系统 、易捷客云电销平台、易捷客企业客服平台、智能通讯平台   悬浮遮罩文字  begin */
.container .mark-row.mark-share ul li .share {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f000000,endColorstr=#5f000000);
    background: rgba(255,255,255,0.9);
    animation: myfirst 0.8s;
    -webkit-animation: myfirst 0.8s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 9;
    overflow: hidden;
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    from {
        top: 200px;
    }

    to {
        top: 0px;
    }
}

.container .mark-row.mark-share .share .PP2 {
    display: table-cell;
    height: 200px;
    line-height: 24px;
    padding: 15px;
    font-size: 12px;
    color: #555555;
    vertical-align: middle;
}
/* 全媒体营销系统 、易捷客云电销平台、易捷客企业客服平台、智能通讯平台 end */

/* 全媒体营销系统  begin */
.container .mark-row.mark-R2 ul li.icon-1 {
    background-image: url(../images/mak-icon-1.png);
}

.container .mark-row.mark-R2 ul li.icon-2 {
    background-image: url(../images/mak-icon-2.png);
}

.container .mark-row.mark-R2 ul li.icon-3 {
    background-image: url(../images/mak-icon-3.png);
}

.container .mark-row.mark-R2 ul li.icon-4 {
    background-image: url(../images/mak-icon-4.png);
}

.container .mark-row.mark-R2 ul li.icon-5 {
    background-image: url(../images/mak-icon-5.png);
}

.container .mark-row.mark-R2 ul li.icon-6 {
    background-image: url(../images/mak-icon-6.png);
}

.container .mark-row.mark-R2 ul li.icon-7 {
    background-image: url(../images/mak-icon-7.png);
}

.container .mark-row.mark-R2 ul li.icon-8 {
    background-image: url(../images/mak-icon-8.png);
}

.container .mark-row.mark-R2 ul li.icon-9 {
    background-image: url(../images/mak-icon-9.png);
}

.container .mark-row.mark-R2 ul li.icon-10 {
    background-image: url(../images/mak-icon-10.png);
}

.container .mark-row.mark-R2 ul li.icon-11 {
    background-image: url(../images/mak-icon-11.png);
}

.container .mark-row.mark-R2 ul li.icon-12 {
    background-image: url(../images/mak-icon-12.png);
}

.container .mark-row.mark-R2 ul li.icon-13 {
    background-image: url(../images/mak-icon-13.png);
}

.container .mark-row.mark-R2 ul li.icon-14 {
    background-image: url(../images/mak-icon-14.png);
}

.container .mark-row.mark-R2 ul li.icon-15 {
    background-image: url(../images/mak-icon-15.png);
}

.container .mark-row.mark-R2 ul li.icon-16 {
    background-image: url(../images/mak-icon-16.png);
}

.container .mark-row.mark-R2 ul li.icon-17 {
    background-image: url(../images/mak-icon-17.png);
}

.container .mark-row.mark-R2 ul li.icon-18 {
    background-image: url(../images/mak-icon-18.png);
}

.container .mark-row.mark-R2 ul li.icon-19 {
    background-image: url(../images/mak-icon-19.png);
}
.container .row ul li.icon-1 {
    background-image: url(../images/application_1.gif);
}

.container .mark-R4 .row ul li.icon-2 {
    background-image: url(../images/application_2.jpg);
}

.container .mark-R4 .row ul li.icon-3 {
    background-image: url(../images/application_3.jpg);
}

.container .mark-R4 .row ul li.icon-4 {
    background-image: url(../images/application_4.jpg);
}
.container .mark-R4 .row ul li.icon-5 {
    background-image: url(../images/application_5.jpg);
}

.container .mark-R4 .row ul li.icon-6 {
    background-image: url(../images/application_6.jpg);
}

.container .mark-R4 .row ul li.icon-7 {
    background-image: url(../images/application_7.jpg);
}

.container .mark-R4 .row ul li.icon-8 {
    background-image: url(../images/application_8.jpg);
}
.container .mark-R4 .row ul li.icon-9 {
    background-image: url(../images/application_9.jpg);
}

.container .mark-R4 .row ul li.icon-10 {
    background-image: url(../images/application_10.jpg);
}

.container .mark-R4 .row ul li.icon-11 {
    background-image: url(../images/application_11.jpg);
}

.container .mark-R4 .row ul li.icon-12 {
    background-image: url(../images/application_12.jpg);
}
.container .mark-R4 .row ul li.icon-13 {
    background-image: url(../images/application_13.jpg);
}
.container .mark-R4 .row ul li.icon-14 {
    background-image: url(../images/application_14.jpg);
}
.container .mark-R4 .row ul li.icon-15 {
    background-image: url(../images/application_15.jpg);
}
.container .mark-R4 .row ul li.icon-16{
    background-image: url(../images/application_16.jpg);
}
.container .row ul li.icon-9 {
    background-image: url(../images/sale_3.jpg);
}
.container .row ul li.icon-10 {
    background-image: url(../images/sale_5.jpg);
}
.container .row ul li.icon-11 {
    background-image: url(../images/sale_4.jpg);
}
.container .row ul li.icon-12 {
    background-image: url(../images/sale_2.jpg);
}
.container .row ul li.icon-13 {
    background-image: url(../images/sale_2.jpg);
}
.container .row ul li.icon-14 {
    background-image: url(../images/sale_2.jpg);
}
.container .row ul li.icon-15 {
    background-image: url(../images/sale_1.jpg);
}
.container .row ul li.icon-16 {
    background-image: url(../images/sale_6.jpg);
}
.container .row ul li.icon-17 {
    background-image: url(../images/sale_7.jpg);
}
.container .row ul li.icon-18 {
    background-image: url(../images/sale_8.jpg);
}
.container .row ul li.icon-19 {
    background-image: url(../images/sale_9.jpg);
}
.container .row ul li.icon-20 {
    background-image: url(../images/sale_10.jpg);
}
.container .row ul li.icon-21 {
    background-image: url(../images/sale_11.jpg);
}
.container .row ul li.icon-22 {
    background-image: url(../images/sale_12.jpg);
}
.container .row ul li.icon-23 {
    background-image: url(../images/sale_13.jpg);
}
.container .row ul li.icon-24 {
    background-image: url(../images/sale_14.jpg);
}
.container .row ul li.icon-25 {
    background-image: url(../images/sale_15.jpg);
}
.container .row ul li.icon-26 {
    background-image: url(../images/sale_16.jpg);
}
.container .row ul li.icon-27 {
    background-image: url(../images/sale_17.jpg);
}
.container .row ul li.icon-28{
    background-image: url(../images/sale_18.jpg);
}
.container .row ul li.icon-29 {
    background-image: url(../images/sale_19.jpg);
}
.container .row ul li.icon-30 {
    background-image: url(../images/sale_20.jpg);
}
.container .row ul li.icon-31 {
    background-image: url(../images/sale_21.jpg);
}
.container .row ul li.icon-32 {
    background-image: url(../images/sale_22.jpg);
}
.container .row ul li.icon-33 {
    background-image: url(../images/sale_23.jpg);
}
.container .row ul li.icon-34 {
    background-image: url(../images/sale_24.jpg);
}
.container .row ul li.icon-35 {
    background-image: url(../images/sale_14.jpg);
}
.container .row ul li.icon-36 {
    background-image: url(../images/sale_25.jpg);
}
.container .row ul li.icon-37 {
    background-image: url(../images/sale_26.jpg);
}
.container .row ul li.icon-38 {
    background-image: url(../images/sale_27.jpg);
}
.container .row ul li.icon-39{
    background-image: url(../images/sale_7.jpg);
}

.container .row ul li.icon-40 {
    background-image: url(../images/sale_23.jpg);
}

.container .row ul li.icon-41 {
    background-image: url(../images/sale_24.jpg);
}

.container .row ul li.icon-42 {
    background-image: url(../images/sale_28.jpg);
}
/* 全媒体营销系统  end */



/* 易捷客云电销平台  begin */

/* banner */
.row-banner.banner_telmaking {
    background-image: url(../img/pro_banner2.jpg);
}
/*.row-banner.banner_telmaking a{ color: #75cae5;}
.row-banner.banner_telmaking a:hover{ color: #f85506;}*/

/* 功能特点 */
.container .mark-row.markTel-R2 ul li.icon-1{ background-image: url(../images/makTel-icon-1.png);}
.container .mark-row.markTel-R2 ul li.icon-2{ background-image: url(../images/makTel-icon-2.png);}
.container .mark-row.markTel-R2 ul li.icon-3{ background-image: url(../images/makTel-icon-3.png);}
.container .mark-row.markTel-R2 ul li.icon-4{ background-image: url(../images/makTel-icon-4.png);}
.container .mark-row.markTel-R2 ul li.icon-5{ background-image: url(../images/makTel-icon-5.png);}
.container .mark-row.markTel-R2 ul li.icon-6{ background-image: url(../images/makTel-icon-6.png);}
.container .mark-row.markTel-R2 ul li.icon-7{ background-image: url(../images/makTel-icon-7.png);}
.container .mark-row.markTel-R2 ul li.icon-8{ background-image: url(../images/makTel-icon-8.png);}
.container .mark-row.markTel-R2 ul li.icon-9{ background-image: url(../images/makTel-icon-9.png);}
.container .mark-row.markTel-R2 ul li.icon-10{ background-image: url(../images/makTel-icon-10.png);}
.container .mark-row.markTel-R2 ul li.icon-11{ background-image: url(../images/makTel-icon-11.png);}
.container .mark-row.markTel-R2 ul li.icon-12{ background-image: url(../images/makTel-icon-12.png);}
.container .mark-row.markTel-R2 ul li.icon-13{ background-image: url(../images/makTel-icon-13.png);}
.container .mark-row.markTel-R2 ul li.icon-14{ background-image: url(../images/makTel-icon-14.png);}
/*.container .mark-row.markTel-R2 ul li.icon-15{ background-image: url(../images/makTel-icon-15.png);}
.container .mark-row.markTel-R2 ul li.icon-16{ background-image: url(../images/makTel-icon-16.png);}*/

/* 应用场景 */
.container .mark-row.marktel-R3 {
    /*margin-bottom: 70px;*/
}

    .container .mark-row.marktel-R3 .context {
        background: url(../images/mak_tel_1.jpg);
    }

/* 易捷客云电销平台  end */

/* 易捷客企业客服平台 begin */
/* banner */
.row-banner.banner_company {
    background-image: url(../img/pro_banner3.png);
}
.row-banner.banner_hot {
    background-image: url(../img/hot_banner.jpg);
}
/* 功能特点 */
.container .mark-row.markCompany-R2 ul li {
    background-position: center 45px;
}

.container .mark-row.markCompany-R2 ul li.icon-1 {
    background-image: url(../images/markCompany-icon-1.png);
}

.container .mark-row.markCompany-R2 ul li.icon-2 {
    background-image: url(../images/markCompany-icon-2.png);
}

.container .mark-row.markCompany-R2 ul li.icon-3 {
    background-image: url(../images/markCompany-icon-3.png);
}

.container .mark-row.markCompany-R2 ul li.icon-4 {
    background-image: url(../images/markCompany-icon-4.png);
}

.container .mark-row.markCompany-R2 ul li.icon-5 {
    background-image: url(../images/markCompany-icon-5.png);
}

.container .mark-row.markCompany-R2 ul li.icon-6 {
    background-image: url(../images/markCompany-icon-6.png);
}

.container .mark-row.markCompany-R2 ul li.icon-7 {
    background-image: url(../images/markCompany-icon-7.png);
}

.container .mark-row.markCompany-R2 ul li.icon-8 {
    background-image: url(../images/markCompany-icon-8.png);
}

.container .mark-row.markCompany-R2 ul li.icon-9 {
    background-image: url(../images/markCompany-icon-9.png);
}

.container .mark-row.markCompany-R2 ul li.icon-10 {
    background-image: url(../images/markCompany-icon-10.png);
}

.container .mark-row.markCompany-R2 ul li p.PP1 {
    margin-top: 140px;
}
    /*A3私域营销云系统*/
.row-banner.banner_A3 {
    background-image: url(../img/a3_banner.jpg);
}
#a3_item1 .title p {
    font-size: 20px;
    color: #464646;
    text-align: center;
    margin: 20px 0px 30px 0px;
}
#a3_item1 ul{
    width:120%;
}
#a3_item1 ul li {
    float: left;
    width: 230px;
    margin-right:100px;
    height: auto;
}
#a3_item1 ul li h4 {
    font-size: 16px;
    color: #393939;
    text-align: center;
    margin: 15px 0px;
}
#a3_item1 ul li i {
    display:block;
    width: 200px;
    margin:0 auto;
}
#a3_item1 ul li img {
    display: inline-block;
    width: 200px;
}
#a3_item1 ul li p{
    font-size: 14px;
    color: #666;
}
#a3_item2 .a3_item2_title ul {
    margin-top: 40px;
}
#a3_item2 .a3_item2_title ul li {
    float: left;
    width: 150px;
    margin: 0px 75px;
    cursor: pointer;
}
#a3_item2 .a3_item2_title ul li i {
    display: block;
    width: 80px;
    margin: 0 auto;
}
#a3_item2 .a3_item2_title ul li i img {
    display: block;
    width: 80px;
}
#a3_item2 .a3_item2_title ul li p {
    font-size: 14px;
    text-align: center;
    color: #222;
    margin-top: 10px;
}
#a3_item2 .a3_item2_title ul li:hover p {
    color: #007BFF;
}
#a3_item2 .a3_item2_title ul li.active p {
    color: #007BFF;
}
.a3_item2_box{
    margin-top:50px;
}
.a3_item2_box .item_box{
    display:none;
}
.a3_item2_box .item_box.show_active {
    display: block;
}
.a3_item2_box ul {
    float: left;
    width: 240px;
    height: 400px;
    padding: 30px 0px;
    background: #F9FAFB;
    border-radius: 10px 0px 0px 10px;
    margin-right: 30px;
}
.a3_item2_box ul li{
    width:100%;
    line-height:60px;
}
.a3_item2_box ul li.disActive {
    background: #007BFF;
    border-radius: 5px 5px 5px 5px;
}
.a3_item2_box ul li p {
    color: #222;
    font-size: 16px;
    text-align: center;
}
.a3_item2_box ul li.disActive p {
    color: #fff;
}
.a3_item2_box ol {
    float: left;
}
.a3_item2_box ol li{
    display: none;
}
.a3_item2_box ol li.show_disactive {
    display:block;
}
.a3_item2_box ol div{
    float:left;
    width:300px;
    margin-right:40px;
    margin-top:120px;
}
.a3_item2_box ol div p{
    font-size:14px;
    line-height:30px;
}
.a3_item2_box ol div p span {
    display: inline-block;
    margin-right: 48px;
    margin-top: 10px;
    color: #007BFF;
}
.a3_item2_box ol i {
    float: left;
}
.a3_item2_box ol i img{
    width:400px;
}
#a3_item3 ul{
    width:110%;
    margin-top:30px;
}
#a3_item3 ul li {
    float: left;
    width: 280px;
    height: 300px;
    padding: 40px;
    margin-right: 25px;
    border-radius: 15px 15px 15px 15px;
}
#a3_item3 ul li i{
    display:block;
    width:85px;
    height:85px;
    margin:0 auto;
}
#a3_item3 ul li h3{
    font-size:16px;
    color:#212121;
    line-height:40px;
    text-align:center;
}
#a3_item3 ul li p {
    font-size: 14px;
    color: #666;
}
#a3_item3 ul li.a3_item3_li1 {
    background: #FCFFF5;
}
#a3_item3 ul li.a3_item3_li2 {
    background: #F7F7FF;
}
#a3_item3 ul li.a3_item3_li3 {
    background: #F5F9FF;
}
#a3_item3 ul li.a3_item3_li4 {
    background: #F5FFFB;
}
/* 应用场景 */
.container .mark-row.markCompany-R3 {
    /*margin-bottom: 70px;*/
}

.container .mark-row.markCompany-R3 .context {
    background: url(../images/markCompany-2.jpg);
}

/* 易捷客企业客服平台 end */

/* 智能通讯平台  begin */
/* banner */
.row-banner.banner_comm {
    background-image: url(../img/pro_banner4.png);
}
.row-banner.banner_sp {
    background-image: url(../img/spbanner.png);
}
    /* 功能特点 */
    .container .mark-row.markComm-R2 ul li.icon-1 {
        background-image: url(../images/makComm-icon-1.png);
    }

.container .mark-row.markComm-R2 ul li.icon-2 {
    background-image: url(../images/makComm-icon-2.png);
}

.container .mark-row.markComm-R2 ul li.icon-3 {
    background-image: url(../images/makComm-icon-3.png);
}

.container .mark-row.markComm-R2 ul li.icon-4 {
    background-image: url(../images/makComm-icon-4.png);
}

.container .mark-row.markComm-R2 ul li.icon-5 {
    background-image: url(../images/makComm-icon-5.png);
}

.container .mark-row.markComm-R2 ul li.icon-6 {
    background-image: url(../images/makComm-icon-6.png);
}

.container .mark-row.markComm-R2 ul li.icon-7 {
    background-image: url(../images/makComm-icon-7.png);
}

.container .mark-row.markComm-R2 ul li.icon-8 {
    background-image: url(../images/makComm-icon-8.png);
}
.container .mark-row.markComm-R1 .case ul li.icon-1 {
    background-image: url(../images/case1.jpg);
}
.container .mark-row.markComm-R1 .case ul li.icon-2 {
    background-image: url(../images/case2.jpg);
}
.container .mark-row.markComm-R1 .case ul li.icon-3 {
    background-image: url(../images/case3.jpg);
}
.container .mark-row.markComm-R1 .case ul li.icon-4 {
    background-image: url(../images/case4.jpg);
}
.container .mark-row.markComm-R1 .case ul li div {
    background-image: url(../images/caseBtn.png);
}
/* 应用场景 */
.container .mark-row.markComm-R3 {
    /*margin-bottom: 70px;*/
}

    .container .mark-row.markComm-R3 .context {
        background: url(../images/makComm_1.jpg);
    }
/* 智能通讯平台  end */

/* 客户案例 begin */
.row-banner.banner_case {
    background-image: url(../images/banner_case.jpg);
}

    .row-banner.banner_case .bcase_size {
        width: 100%;
        height: 100%;
        background: url(../images/bannerCase_size.png) no-repeat center center;
    }

.case_container {
    float: left;
    position: relative;
    left: 50%;
    width: 1000px;
    margin: 70px 0px;
    margin-left: -500px;
}
/* title */
    .case_container .topTitle {
        position: relative;
        width: 340px;
        height: 64px;
        left: 50%;
        margin: 70px auto 35px -170px;
    }
    .case_container .topTitle span {
        position: relative;
        display: block;
        width: 240px;
        margin-left: 80px;
        color: #333333;
        font-size: 30px;
        text-align: center;
        background-color: #fff;
        z-index: 2;
    }
.case_container .line {
    height: 1px;
    background-color: #e9e9e9;
    display: inline-block;
    width: 87%;
    margin-left:65px;
}
.case_container ul.title {
    float: left;
    width: 100%;
    height: auto;
    padding: 0px 65px;
}

        .case_container ul.title li {
            float: left;
            width: 150px;
            height: 48px;
            margin-right: 30px;
            margin-bottom: 25px;
            border-radius: 6px;
        }

            .case_container ul.title li.marR0 {
                margin-right: 0px;
            }

            .case_container ul.title li a {
                display: block;
                width: 100%;
                height: 100%;
                line-height: 48px;
                text-align: center;
                border: 1px solid #d2d2d2;
                background: #FFFFFF;
                color: #666666;
                border-radius: 6px;
                font-size: 18px;
                cursor: pointer;
            }

                .case_container ul.title li a:hover, .case_container ul.title li.active a {
                    border: 1px solid #1FB7E6;
                    background: #1FB7E6;
                    color: #FFFFFF;
                }

    .case_container ul.case_type {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 25px;
        margin-left:25px;
    }

        .case_container ul.case_type li {
            display: none;
            float: left;
            width: 100%;
            height: auto;
        }

            .case_container ul.case_type li.active {
                display: block;
            }

        .case_container ul.case_type .top {
            float: left;
            width: 100%;
            height: auto;
            padding-left: 65px;
        }

    .case_container .case_type .top .img {
        float: left;
        width: 230px;
        height: 150px;
    }

    .case_container .case_type .top .txt {
        float: left;
        width: 630px;
        margin-left: 10px;
    }

        .case_container .case_type .top .txt p {
            position: relative;
            width: 100%;
            height: auto;
            padding-left: 90px;
            margin-bottom: 5px;
            line-height: 24px;
            font-size: 16px;
            color: #666666;
            text-align: justify;
        }

            .case_container .case_type .top .txt p span {
                display: inline-block;
                position: absolute;
                left: 0px;
                top: 0px;
                font-size: 18px;
                color: #333333;
            }

    .case_container .case_type .line {
        float: left;
        width: 100%;
        height: 20px;
        margin: 50px 0px;
        background: url(../images/case_line.png) no-repeat center center;
    }

    .case_container .case_type .bom {
        float: left;
        width: 230px;
        text-align: center;
        display: inline-block;
        border: solid 1px #e9e9e9;
        height: 350px;
        margin-left:20px;
        margin-bottom:20px;
    }
        .case_container .case_type .bom .name {
            color: #202020;
            font-size: 18px;
            margin-top:20px;
            /*border-top: 1px dashed #eee;*/
        }
        .case_container .case_type .bom .jj {
            color: #999;
            width: 80%;
            font-size: 14px;
            margin-top: 20px;
            margin-left: 23px;
            text-align:left;
        }
        .case_container .case_type .bom .product {
            background-color: #ecf7ff;
            color: #40aefc;
            font-size: 14px;
            border-radius: 2px;
            width: auto;
            line-height: 30px;
            bottom: 30px;
            height: 30px;
            margin-top: 20px;
        }
        .case_container .case_type .bom img {
            margin: 3px 2px;
            width: 212px;
            height: 150px;
        }
/* 客户案例 end */


/* 服务支持 - public begin */
.row-banner.banner_services {
    background-image: url(../images/banner_services.jpg);
}

    .row-banner.banner_services .txt {
        position: relative;
        left: 50%;
        width: 1000px;
        height: 100%;
        margin-left: -500px;
    }

        .row-banner.banner_services .txt img {
            position: absolute;
            margin-top: 140px;
            margin-bottom: 30px;
        }

        .row-banner.banner_services .txt span {
            position: absolute;
            left: 0px;
            top: 246px;
            display: block;
            width: 388px;
            height: 50px;
            margin: 0px 0px;
            padding: 0px 0px;
            border: 1px solid #666666;
            border-radius: 25px;
            text-align: center;
            line-height: 50px;
            font-size: 28px;
            color: #333333;
        }

.services_con {
    padding-bottom: 70px;
    border-bottom: 1px solid #CCCCCC;
}

    /* title */
    .services_con .row-fluid .row.top {
        position: relative;
        width: 340px;
        height: 64px;
        left: 50%;
        margin: 70px auto 35px -170px;
    }

        .services_con .row-fluid .row.top span {
            position: relative;
            display: block;
            width: 180px;
            margin-left: 80px;
            color: #333333;
            font-size: 30px;
            text-align: center;
            background-color: #fff;
            z-index: 2;
        }

        .services_con .row-fluid .row.top label {
            display: block;
            margin: 0px 0px;
            padding: 0px 0px;
            width: 100%;
            color: #333333;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
        }

        .services_con .row-fluid .row.top hr {
            position: absolute;
            width: 280px;
            left: 50%;
            top: 4px;
            margin-left: -140px;
            border-top: 2px solid #000;
            z-index: 1;
        }

/* 服务支持 - public end */

/* 服务支持-常见问题 begin */
.container_FAQ {
    float: left;
    position: relative;
    left: 50%;
    width: 1000px;
    height: auto;
    margin-left: -500px;
}

    .container_FAQ ul.list, .container_FAQ ul.list li {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
    }

    .container_FAQ ul.list {
        border-top: 1px dashed #CCCCCC;
    }

        .container_FAQ ul.list li {
            padding: 25px 0px 50px 0px;
            border-bottom: 1px dashed #CCCCCC;
            height: 200px;
        }

            .container_FAQ ul.list li .txt {
                width: 100%;
                height: 100%;
            }

                .container_FAQ ul.list li .txt span.h2 {
                    float: left;
                    display: block;
                    width: 100%;
                    margin-bottom: 12px;
                    color: #1FB7E6;
                    font-size: 18px;
                }

                .container_FAQ ul.list li .txt p {
                    float: left;
                    position: relative;
                    display: block;
                    width: 100%;
                    margin-bottom: 12px;
                    color: #333333;
                    font-size: 14px;
                    line-height: 24px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 4;
                }

                .container_FAQ ul.list li .txt .bom {
                    float: left;
                    display: block;
                    width: 100%;
                }

                    .container_FAQ ul.list li .txt .bom a {
                        float: left;
                        display: inline-block;
                        width: 72px;
                        height: 28px;
                        line-height: 28px;
                        text-align: center;
                        border-radius: 4px;
                        background-color: #1FB7E6;
                        color: #FFFFFF;
                        font-size: 14px;
                    }

                    .container_FAQ ul.list li .txt .bom span.date {
                        float: left;
                        display: inline-block;
                        margin-left: 25px;
                        width: auto;
                        height: 28px;
                        line-height: 28px;
                        font-size: 12px;
                        color: #999999;
                    }

            .container_FAQ ul.list li .img {
                position: absolute;
                right: 10px;
                top: 0px;
                width: 350px;
                height: 216px;
                margin-top: 80px;
                border: 1px solid #eee;
                border-radius: 15px;
                -webkit-box-shadow: 0 0 10px #CCCCCC;
                -moz-box-shadow: 0 0 10px #CCCCCC;
                box-shadow: 0 0 10px #CCCCCC;
            }

/* 服务支持-常见问题 end */

/* 服务支持-售后服务 begin */
.container_After {
    float: left;
    position: relative;
    left: 50%;
    width: 1000px;
    height: auto;
    margin-left: -500px;
}

    .container_After > p {
        width: 100%;
        height: auto;
        font-size: 16px;
        color: #666666;
    }

    .container_After > h2 {
        width: 100%;
        height: auto;
        margin-top: 20px;
        font-size: 16px;
        color: #666666;
    }

    .container_After > .row-tab {
        float: left;
        width: 100%;
        height: auto;
    }

        .container_After > .row-tab table {
            float: left;
            width: 600px;
            height: auto;
            border: 2px solid #1FB7E6;
        }

            .container_After > .row-tab table th {
                padding: 10px 0px;
                padding-left: 20px;
                background-color: #1FB7E6;
                color: #FFFFFF;
                font-size: 16px;
            }

            .container_After > .row-tab table tr th:first-child {
                width: 150px;
            }

            .container_After > .row-tab table tr th:first-child, .container_After > .row-tab table tr td:first-child {
                border-right: 2px solid #1FB7E6;
            }

            .container_After > .row-tab table td {
                padding: 12px 0px;
                padding-left: 20px;
                color: #666666;
                font-size: 16px;
                border-bottom: 2px solid #1FB7E6;
            }

        .container_After > .row-tab img {
            float: left;
            margin-left: 10px;
        }

    .container_After > .tel {
        float: left;
        width: 1000px;
        height: 30px;
        margin-top: 20px;
        font-size: 20px;
        color: #666666;
        text-align: center;
        background: url(../images/servicesAfter_2.png) no-repeat center center;
    }

        .container_After > .tel i {
            font-size: 20px;
            color: #1FB7E6;
        }

/* 服务支持-售后服务 end */

/* 服务支持-文档中心 begin */
.container_DOC > .list {
    position: relative;
    float: left;
    width: 800px;
    height: auto;
    left: 50%;
    margin-left: -400px;
}

    .container_DOC > .list li {
        float: left;
        width: 100%;
        padding: 20px 0px;
        margin: 0px 0px;
        border-bottom: 1px dashed #CCCCCC;
    }

        .container_DOC > .list li a, .container_DOC > .list li span {
            float: left;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            margin: 0px 0px;
            padding: 0px 0px;
            padding-right: 10px;
            color: #666666;
            font-size: 16px;
        }

            .container_DOC > .list li a.txt {
                width: 320px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                cursor: pointer;
            }

            .container_DOC > .list li span.type {
                width: 188px;
                color: #1FB7E6;
            }

            .container_DOC > .list li span.date {
                width: 150px;
            }

            .container_DOC > .list li a.down {
                float: right;
                width: 140px;
                background: url(../images/services_doc_down.jpg) no-repeat center center;
                padding-right: 0px;
                cursor: pointer;
            }

/* 服务支持-文档中心 end */

/* 新闻中心-public begin */
.row-banner.banner_news {
    background-image: url(../images/banner_news.jpg);
}

    .row-banner.banner_news .txt {
        position: relative;
        width: 100%;
        height: auto;
        top: 165px;
    }

        .row-banner.banner_news .txt span {
            display: block;
            width: 100%;
            height: auto;
            margin: 0px 0px;
            padding: 0px 0px;
            text-align: center;
            color: #FFFFFF;
        }

            .row-banner.banner_news .txt span.PP1 {
                font-size: 36px;
            }

            .row-banner.banner_news .txt span.PP2 {
                margin-top: 5px;
                height: 34px;
                line-height: 34px;
                font-size: 14px;
                background: url(../images/banner_news_bd.png) no-repeat center center;
            }

.newscenter_con {
    padding-bottom: 70px;
    border-bottom: 1px solid #CCCCCC;
    background-color: #F5F5F5;
}

    /* title */
    .newscenter_con .row-fluid .row.top {
        position: relative;
        width: 340px;
        height: 64px;
        left: 50%;
        margin: 70px auto 35px -170px;
    }

        .newscenter_con .row-fluid .row.top span {
            position: relative;
            display: block;
            width: 180px;
            margin-left: 80px;
            color: #333333;
            font-size: 30px;
            text-align: center;
            background-color: #F5F5F5;
            z-index: 2;
        }

        .newscenter_con .row-fluid .row.top label {
            display: block;
            margin: 0px 0px;
            padding: 0px 0px;
            width: 100%;
            color: #333333;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
        }

        .newscenter_con .row-fluid .row.top hr {
            position: absolute;
            width: 280px;
            left: 50%;
            top: 4px;
            margin-left: -140px;
            border-top: 2px solid #000;
            z-index: 1;
        }

/* 新闻中心-public end */

/* 新闻中心-公司动态 begin */
.container_newCPY {
    position: relative;
    left: 50%;
    width: 900px;
    height: auto;
    margin-left: -450px;
}

    .container_newCPY .newCPY_doc {
        float: left;
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px dashed #CCCCCC;
    }

        .container_newCPY .newCPY_doc img {
            float: left;
            margin-right: 15px;
            border-radius: 20px;
        }

            .container_newCPY .newCPY_doc img:hover {
                -webkit-box-shadow: 3px 3px 3px #ccc;
                -moz-box-shadow: 3px 3px 3px #ccc;
                box-shadow: 3px 3px 3px #ccc;
            }

        .container_newCPY .newCPY_doc .doc {
            float: left;
            position: relative;
            width: 534px;
            height: 211px;
        }

            .container_newCPY .newCPY_doc .doc span {
                float: left;
                margin-top: 45px;
                width: 100%;
                text-align: center;
                font-size: 18px;
                color: #333;
            }

            .container_newCPY .newCPY_doc .doc p {
                float: left;
                margin-top: 5px;
                width: 100%;
                color: #333;
                text-indent: 2em;
                font-size: 14px;
                line-height: 24px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }

        .container_newCPY .newCPY_doc a.detail {
            position: absolute;
            right: 0px;
            bottom: 0px;
            color: #1fb7e6;
            cursor: pointer;
        }

            .container_newCPY .newCPY_doc a.detail:hover {
                text-decoration: underline;
            }

    .container_newCPY .list {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 30px;
    }

        .container_newCPY .list li {
            float: left;
            position: relative;
            width: 100%;
            height: auto;
            margin-bottom: 24px;
        }

            .container_newCPY .list li a.txt {
                float: left;
                width: 430px;
                height: auto;
                color: #333333;
                font-size: 14px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                cursor: pointer;
            }

            .container_newCPY .list li:last-child {
                margin-bottom: 0px;
            }

            .container_newCPY .list li a.txt:hover {
                text-decoration: underline;
            }

            .container_newCPY .list li span.date {
                float: right;
                font-size: 14px;
                color: #999999;
            }

/* 新闻中心-公司动态 end */

/* 新闻中心-行业资讯 begin */
.container_newIFM {
    position: relative;
    left: 50%;
    width: 1100px;
    height: auto;
    margin-left: -550px;
}

    .container_newIFM .list {
        float: left;
        width: 100%;
        height: auto;
    }

        .container_newIFM .list li {
            float: left;
            position: relative;
            width: 100%;
            height: 120px;
            margin-bottom: 30px;
            padding-left: 136px;
            background-color: #FFFFFF;
            cursor: pointer;
        }

            .container_newIFM .list li:hover {
                -webkit-box-shadow: 3px 3px 3px #ccc;
                -moz-box-shadow: 3px 3px 3px #ccc;
                box-shadow: 3px 3px 3px #ccc;
            }

            .container_newIFM .list li:last-child {
                margin-bottom: 0px;
            }

            .container_newIFM .list li span.date {
                position: absolute;
                left: 0px;
                top: 0px;
                width: 136px;
                height: 120px;
                padding-left: 30px;
                font-size: 16px;
                background-color: #333333;
                color: #FFFFFF;
            }

            .container_newIFM .list li:nth-child(even) span.date {
                background: #EEEEEE;
                color: #333333;
            }

            .container_newIFM .list li span.date i {
                display: block;
                width: 100%;
                height: 70px;
                line-height: 70px;
                font-size: 28px;
            }

            .container_newIFM .list li span.date:after, .container_newIFM .list li span.date:before {
                border: solid transparent;
                content: ' ';
                height: 0;
                right: 0px; /*根据三角形的位置，可以随意更改。*/
                position: absolute;
                width: 0;
            }

            .container_newIFM .list li span.date:after {
                border-width: 12px;
                border-right-color: #FFFFFF;
                top: 50%; /*根据三角的位置改变*/
                margin-top: -12px;
            }
            /*此处是一个白色的三角*/

            .container_newIFM .list li a {
                display: inline-block;
                width: 100%;
                margin: 0px 0px;
                padding: 24px 30px;
            }

                .container_newIFM .list li a label {
                    display: block;
                    font-size: 18px;
                    color: #333;
                    font-weight: 400;
                }

                .container_newIFM .list li a p {
                    display: block;
                    width: 100%;
                    font-size: 14px;
                    color: #999;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
/* 新闻中心-行业资讯 end */

/* 关于我们-public begin */
.row-banner.banner_about {
    background-image: url(../images/banner_about.jpg);
}

    .row-banner.banner_about .img {
        position: relative;
        width: 400px;
        height: 86px;
        left: 50%;
        top: 50%;
        margin-top: -43px;
        margin-left: -200px;
        border: 0px;
        background: url(../images/banner_about_txt.png) no-repeat center center;
    }

.about_con {
    padding-bottom: 70px;
    border-bottom: 1px solid #CCCCCC;
}

    /* title */
    .about_con .row-fluid .row.top {
        position: relative;
        width: 340px;
        height: 64px;
        left: 50%;
        margin: 70px auto 35px -170px;
    }

        .about_con .row-fluid .row.top span {
            position: relative;
            display: block;
            width: 180px;
            margin-left: 80px;
            color: #333333;
            font-size: 30px;
            text-align: center;
            background-color: #FFFFFF;
            z-index: 2;
        }

        .about_con .row-fluid .row.top label {
            display: block;
            margin: 0px 0px;
            padding: 0px 0px;
            width: 100%;
            color: #333333;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
        }

        .about_con .row-fluid .row.top hr {
            position: absolute;
            width: 280px;
            left: 50%;
            top: 4px;
            margin-left: -140px;
            border-top: 2px solid #000;
            z-index: 1;
        }

/* 关于我们-public end */

/* 关于我们-领先简介  begin */
.container_CPY .company_doc {
    position: relative;
    left: 50%;
    width: 1000px;
    height: auto;
    margin-left: -500px;
}

    .container_CPY .company_doc p {
        width: 100%;
        height: auto;
        margin-bottom: 24px;
        text-indent: 2em;
        text-align: justify;
        color: #333333;
        font-size: 16px;
    }

.container_CPY .con_img {
    width: 100%;
    height: auto;
    text-align: center;
}

/* 关于我们-领先简介 end */

/* 关于我们-联系我们  begin */
.contact_con {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.container_contact p {
    float: left;
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
    text-align: center;
}

    .container_contact p.PP1 {
        font-size: 16px;
        color: #666666;
        padding-bottom: 10px;
    }

    .container_contact p.PP2 {
        font-size: 24px;
        color: #333333;
        margin-bottom: 30px;
    }

.container_contact .contact {
    float: left;
    position: relative;
    width: auto;
    left: 50%;
    margin-left: -360px;
    text-align: center;
}

    .container_contact .contact li {
        position: relative;
        float: left;
        width: 330px;
        height: 90px;
        border: 1px solid #1fb7e6;
        margin-right: 55px;
    }

        .container_contact .contact li:last-child {
            margin-right: 0px;
        }

        .container_contact .contact li i {
            float: left;
            display: inline-block;
            width: 40px;
            height: 90px;
            margin-left: 60px;
            background-position: center center;
            background-repeat: no-repeat;
        }

            .container_contact .contact li i.icon-1 {
                background-image: url(../images/contactUs_1.png);
            }

            .container_contact .contact li i.icon-2 {
                background-image: url(../images/contactUs_2.png);
            }

            .container_contact .contact li i.icon-3 {
                background-image: url(../images/contactUs_3.png);
            }

        .container_contact .contact li .txt {
            position: absolute;
            right: 0px;
            top: 0px;
            width: auto;
            height: 90px;
            padding-top: 20px;
        }

            .container_contact .contact li .txt p {
                width: 100%;
                padding-left: 150px;
                margin-bottom: 5px;
                text-align: left;
                color: #666666;
                font-size: 16px;
            }

/*.container_contact .address {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 50px 0px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    background: url(../images/contactUs_4.png) no-repeat center center;
}*/
.container_contact .address {
    float: left;
    position:relative;
    width: 100%;
    height: auto;
    margin-top:50px;
}
.container_contact .address ul{
    float:left;
    position:relative;
    width:1000px;
    height:auto;
    left:50%;
    margin-left:-500px;
}
.container_contact .address ul li{
    float:left;
    width:33.333%;
    height:auto;
    padding-left:70px;
}
.container_contact .address ul li:first-child{ padding-left:0px;}
.container_contact .address ul li:last-child{ padding-left:120px;}
.container_contact .address ul li p{
    width:100%;
    margin:0px 0px;
    padding:0px 0px;
    font-size:16px;
    color:#666666;
    text-align:left;
    line-height:28px;
}
.container_contact .address ul li p.PP1{
    font-weight:bold;
}

.container_contact .map_tabs {
    float: left;
    position:relative;
    width: 100%;
    height: auto;
    margin-top:50px;
    margin-bottom:40px;
}
.container_contact .map_tabs ul{
    float:left;
    position:relative;
    width:1000px;
    height:auto;
    left:50%;
    margin-left:-500px;
    padding-left:310px;
    border-bottom:1px solid #ccc;
}
.container_contact .map_tabs ul li{
    float:left;
    width:auto;
    height:auto;
    margin-right:10px;
}
.container_contact .map_tabs ul li a{
    display:block;
    width:auto;
    padding:0px 10px;
    height:36px;
    line-height:36px;
    font-size:18px;
    color:#333;
    cursor:pointer;
}
.container_contact .map_tabs ul li.active,.container_contact .map_tabs ul li:hover{
    border-bottom:2px solid #00afff;
}

.container_contact .map {
    float: left;
    width: 100%;
    height: 260px;
    background: url(../images/mapBg.png) no-repeat center center;
}
.container_contact .map .BMap_Marker .BMapLabel {
    min-width: 125px !important;
}

/* 关于我们-联系我们 end */

/* 关于我们-人才招聘 begin */
.container_JoinUs {
    padding-top: 70px;
}

    .container_JoinUs > .list {
        position: relative;
        float: left;
        width: 800px;
        height: auto;
        left: 50%;
        margin-left: -400px;
    }

        .container_JoinUs > .list li {
            float: left;
            width: 100%;
            padding: 20px 0px;
            margin: 0px 0px;
            border-bottom: 1px dashed #CCCCCC;
        }

            .container_JoinUs > .list li a, .container_JoinUs > .list li span {
                float: left;
                display: inline-block;
                height: 40px;
                line-height: 40px;
                margin: 0px 0px;
                padding: 0px 0px;
                padding-right: 10px;
                color: #666666;
                font-size: 16px;
            }

                .container_JoinUs > .list li a.txt {
                    width: 320px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    cursor: pointer;
                }

                .container_JoinUs > .list li span.type {
                    width: 188px;
                    color: #1FB7E6;
                }

                .container_JoinUs > .list li span.date {
                    width: 150px;
                }

                .container_JoinUs > .list li a.down {
                    float: right;
                    width: 140px;
                    background: url(../images/JoinUs_1.jpg) no-repeat center center;
                    padding-right: 0px;
                    cursor: pointer;
                }

/* 关于我们-人才招聘 end */

/* 关于我们-企业文化 begin */
.container_culture {
    padding: 70px 0px;
    border-bottom: 1px solid #CCCCCC;
    background: url(../images/culture_3.jpg) no-repeat center bottom;
}

    .container_culture .txt {
        float: left;
        width: 100%;
    }

        .container_culture .txt p {
            float: left;
            width: 100%;
            font-size: 30px;
            text-align: center;
            color: #333333;
        }

            .container_culture .txt p.PP1 {
                font-size: 36px;
                font-weight: bold;
            }

            .container_culture .txt p.PP2 {
                margin-bottom: 40px;
                margin-top: 20px;
            }

                .container_culture .txt p.PP2:first-child {
                    margin-top: 0px;
                }

                .container_culture .txt p.PP2:last-child {
                    margin-bottom: 0px;
                }

    .container_culture .img {
        float: left;
        position: relative;
        margin-top: 50px;
        width: 1100px;
        height: 822px;
        left: 50%;
        margin-left: -550px;
        text-align: center;
    }

        .container_culture .img ul {
            position: absolute;
            width: 800px;
            left: 160px;
            top: 160px;
            transform: rotate(-45deg);
            -ms-transform: rotate(-45deg); /* IE 9 */
            -moz-transform: rotate(-45deg); /* Firefox */
            -webkit-transform: rotate(-45deg); /* Safari 和 Chrome */
            -o-transform: rotate(-45deg); /* Opera */
        }

        .container_culture .img li {
            float: left;
            display: inline-block;
            width: 189px;
            height: 189px;
            margin-right: 10px;
            margin-bottom: 10px;
            background-image: url(../images/culture_1.png);
            cursor: pointer;
        }

            .container_culture .img li:hover {
                background-image: url(../images/culture_2.png);
            }

            .container_culture .img li.culture_img_1 {
                background-position: -63px -22px;
            }

            .container_culture .img li.culture_img_2 {
                background-position: -259px -22px;
            }

            .container_culture .img li.culture_img_3 {
                background-position: -456px -22px;
            }

            .container_culture .img li.culture_img_4 {
                background-position: -653px -22px;
            }

            .container_culture .img li.culture_img_5 {
                background-position: -259px -218px;
            }

            .container_culture .img li.culture_img_6 {
                background-position: -456px -218px;
            }

            .container_culture .img li.culture_img_7 {
                background-position: -653px -218px;
            }

            .container_culture .img li.culture_img_8 {
                background-position: -259px -417px;
            }

            .container_culture .img li.culture_img_9 {
                background-position: -456px -417px;
            }

            .container_culture .img li.culture_img_10 {
                background-position: -653px -417px;
            }

            .container_culture .img li.culture_img_11 {
                background-position: -653px -613px;
            }

            .container_culture .img li.culture_img_null {
                background: transparent !important;
            }

/* 关于我们-企业文化 end */

/* 详情页 public begin */
/* public */
.linkTips_header {
    float: left;
    width: 100%;
    height: 52px;
    background: #1FB7E6;
}

    .linkTips_header .link {
        position: relative;
        width: 1000px;
        left: 50%;
        margin-left: -500px;
    }

        .linkTips_header .link a, .linkTips_header .link span {
            display: inline-block;
            float: left;
            height: 52px;
            line-height: 52px;
            color: #FFFFFF;
            font-size: 18px;
        }

            .linkTips_header .link a:hover {
                text-decoration: underline;
                cursor: pointer;
            }


/* 详情页-人才招聘 begin */
.conDetail_JoinUs .JobDetai {
    float: left;
    position: relative;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
}

    .conDetail_JoinUs .JobDetai h2 {
        width: 100%;
        margin-top: 50px;
        margin-bottom: 25px;
        font-size: 24px;
        color: #333333;
        text-align: left;
    }

    .conDetail_JoinUs .JobDetai .list {
        float: left;
        width: 100%;
        height: auto;
        border: 1px solid #CCCCCC;
        border-radius: 4px;
    }

        .conDetail_JoinUs .JobDetai .list .header {
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding-left: 22px;
            font-size: 18px;
            color: #333333;
            background-color: #F5F5F5;
            border-bottom: 1px solid #CCCCCC;
        }

        .conDetail_JoinUs .JobDetai .list .box {
            width: 100%;
            height: auto;
            padding-left: 40px;
            margin-top: 25px;
        }

            .conDetail_JoinUs .JobDetai .list .box p {
                width: 100%;
                margin: 0px 0px;
            }

        .conDetail_JoinUs .JobDetai .list .btn {
            display: block;
            width: 96px;
            height: 38px;
            line-height: 38px;
            padding: 0px 0px;
            margin: 30px auto 40px 40px;
            text-align: center;
            background-color: #1FB7E6;
            color: #FFFFFF;
            font-size: 18px;
        }
/* 详情页-人才招聘 end */

/* 详情页-常见问题/新闻中心 begin */
.NewsDetai_Con{
	position: relative;
	padding-bottom: 70px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #ffffff;
}
.conDetail_News .NewsDetai{
	float: left;
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
    margin-top:20px;
}
.conDetail_News .NewsDetai h2{
	float: left;
	width: 100%;
	margin-top: 45px;
	font-size: 24px;
	color: #333333;
	text-align: center;
}
.conDetail_News .NewsDetai .date{
	float: left;
	position: relative;
	width: 100%;
	height: 30px;
}
.conDetail_News .NewsDetai .date span{
	position: absolute;
	left: 50%;
	width: 120px;
	height: 30px;
	line-height: 30px;
	margin-left: -60px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	background-color: #ffffff;
	z-index: 2;
}
.conDetail_News .NewsDetai .date .line{
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	z-index: 1;
}

.conDetail_News .NewsDetai {
    float: left;
    position: relative;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    margin-bottom:20px;
}

    .conDetail_News .NewsDetai h2 {
        float: left;
        width: 100%;
        margin-top: 45px;
        font-size: 24px;
        color: #333333;
        text-align: center;
    }

    .conDetail_News .NewsDetai .date {
        float: left;
        position: relative;
        width: 100%;
        height: 30px;
    }

        .conDetail_News .NewsDetai .date span {
            position: absolute;
            left: 50%;
            width: 120px;
            height: 30px;
            line-height: 30px;
            margin-left: -60px;
            text-align: center;
            font-size: 16px;
            color: #666666;
            background-color: #F5F5F5;
            z-index: 2;
        }

        .conDetail_News .NewsDetai .date .line {
            position: absolute;
            left: 0px;
            top: 50%;
            width: 100%;
            border-bottom: 1px solid #CCCCCC;
            z-index: 1;
        }

    .conDetail_News .NewsDetai .box {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }

    .conDetail_News .NewsDetai .news_page {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

        .conDetail_News .NewsDetai .news_page p {
            width: 100%;
            font-size: 16px;
            color: #666666;
        }

            .conDetail_News .NewsDetai .news_page p a {
                color: #666666;
                font-size: 16px;
                cursor: pointer;
            }

                .conDetail_News .NewsDetai .news_page p a:hover {
                    color: #666666;
                    text-decoration: underline;
                }
    .conDetail_News .NewsDetai .head span {
        font-size:18px ;
    }
    .conDetail_News .NewsDetai .head label {
        font-weight: 700;
        font-size: 18px;
        margin-left:10px;
    }
    .conDetail_News .NewsDetai .title {
        font-weight: 700;
        margin-left: 20px;
        height:64px;
        margin-top:20px;
    }
    .conDetail_News .NewsDetai .title span {
        font-size: 18px;
    }
.conDetail_News .NewsDetai .title .sp {
    width: 10px;
    display: inline-block;
    height: 5px;
    border-top: solid 2px #1fb7e6;
    margin-right: 5px;
}
    .conDetail_News .NewsDetai .jj{
        font-size:14px;
        color:#999;
    }
    .conDetail_News .NewsDetai .request {
        font-size: 16px;
    } 
    .conDetail_News .NewsDetai .logo {
        width: 210px;
        height: 150px;
        display: inline-block;
        vertical-align:middle;
        line-height:20px;
    }
    .conDetail_News .NewsDetai .left {
        /*position: relative;
        top: 20px;
        left: 20px;*/
        margin-top:10px;
        margin-bottom:10px;
       margin-left:2%;
        width: 96%;
        height: 100px;
        background: linear-gradient(to left, #69cced, #69cced) left top no-repeat, linear-gradient(to bottom, #69cced, #69cced) left top no-repeat, linear-gradient(to left, #f5f5f5, #f5f5f5) right top no-repeat, linear-gradient(to bottom, #f5f5f5, #f5f5f5) right top no-repeat, linear-gradient(to left, #f5f5f5, #f5f5f5) left bottom no-repeat, linear-gradient(to bottom, #f5f5f5, #f5f5f5) left bottom no-repeat, linear-gradient(to left, #69cced, #69cced) right bottom no-repeat, linear-gradient(to left, #69cced, #69cced) right bottom no-repeat;
        background-size: 1px 20px, 20px 1px, 1px 20px, 20px 1px;
        display: inline-block;
    }
        .conDetail_News .NewsDetai .left .word {
            margin:20px 0 0 20px;
            font-size:14px;
            color:#999;
        }
        .NewsDetai_Con .back_top {
            position: absolute;
            display: block;
            right: 50px;
            bottom: 50px;
            width: 50px;
            height: 50px;
            background: url(../images/news_linkTop_1.png) no-repeat center center;
            cursor: pointer;
        }
.conDetail_News .NewsDetai .case1 {
    display:none;
}
.conDetail_News .NewsDetai .case2 {
    display: none;
}
.conDetail_News .NewsDetai .case3 {
    display: none;
}
.conDetail_News .NewsDetai .case4 {
    display: none;
}
.NewsDetai_Con .back_top:hover {
    background: url(../images/news_linkTop_2.png) no-repeat center center;
}

/* 详情页-常见问题/新闻中心 end */

/* 详情页 end */

/* container end */

/* footer begin */
.footer {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
    background-color: #FFFFFF;
}

    .footer .footerOne {
        position: relative;
        width: auto;
        height: auto;
        margin: 0px auto 0px auto;
        padding: 70px 0px 30px 0px;
        border-bottom: 1px solid #CCCCCC;
    }

        .footer .footerOne table {
            position: relative;
            left: 50%;
            margin-left: -517px;
        }

            .footer .footerOne table th {
                text-align: left;
                color: #1FB7E6;
                font-size: 18px;
                padding-bottom: 20px;
            }

                .footer .footerOne table th.code {
                    padding-left: 10px;
                }

            .footer .footerOne table td {
                padding-right: 100px;
            }

                .footer .footerOne table td a {
                    display: inline-block;
                    float: left;
                    height: 30px;
                    line-height: 30px;
                    padding-left: 10px;
                    color: #555555;
                    font-size: 14px;
                    background: url(../images/foot-icon.png) no-repeat left center;
                    cursor: pointer;
                }

                    .footer .footerOne table td a:hover {
                        text-decoration: underline;
                    }

                .footer .footerOne table td.case a {
                    min-width: 100px;
                }

                .footer .footerOne table td.code img {
                    margin-left: 10px;
                }

                .footer .footerOne table td.code p {
                    margin-top: 4px;
                    width: 80px;
                    text-align: center;
                    font-size: 12px;
                    color: #555555;
                    margin-bottom: 10px;
                }

    .footer .footerTwo {
        width: 1100px;
        padding: 30px 0px;
        margin: 0px auto;
    }

        .footer .footerTwo span {
            display: inline-block;
            height: 26px;
            line-height: 26px;
            padding-left: 10px;
            margin-left: 32px;
            border-left: 2px solid #1FB7E6;
            color: #1FB7E6;
            font-size: 18px;
        }

        .footer .footerTwo a {
            display: inline-block;
            height: 26px;
            line-height: 26px;
            color: #555555;
            font-size: 14px;
            cursor: pointer;
        }

            .footer .footerTwo a:hover {
                text-decoration: underline;
            }

    .footer .footerThird {
        width: 100%;
        height: 60px;
        background-color: #21b1fb;
    }

        .footer .footerThird p {
            position: relative;
            left: 50%;
            margin-left: -190px;
            width: 380px;
            height: 60px;
            line-height: 60px;
            padding-left: 54px;
            color: #FFFFFF;
            text-align: left;
            font-size: 24px;
            background: url(../images/foot-tel-icon.png) no-repeat left center;
        }

    .footer .footerFour {
        width: 100%;
        padding: 30px 0px;
        background-color: #EEEEEE;
    }

        .footer .footerFour p {
            width: 100%;
            height: 24px;
            line-height: 24px;
            text-align: center;
            font-size: 14px;
            color: #555555;
        }

/* footer end */