/*首页*/
.index_box {
    width: 100%;
    height: auto;
}
/*首页--解决方案*/
.index_solution {
    width: 100%;
    height: 668px;
    background-image: url("../images/index_bg1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

.index_solution_tit {
    width: 100%;
    height: auto;
    padding-top: 24px;
}

    .index_solution_tit h1 {
        font-size: 30px;
    }

    .index_solution_tit .h1 {
        font-size: 30px;
    }

.index_solution .index_solution_tit h2 {
    font-size: 18px;
    width: 160px;
    height: 25px;
    line-height: 25px;
    background-image: url("../images/line3.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 16px auto 20px;
}

.index_solution .index_solution_tit .h2 {
    font-size: 18px;
    width: 160px;
    height: 25px;
    line-height: 25px;
    background-image: url("../images/line3.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 16px auto 20px;
}

.index_solution_tit .h2 {
    font-size: 18px;
    width: 160px;
    height: 25px;
    line-height: 25px;
    background-image: url("../images/line.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 16px auto 20px;
}

.index_solution_tit h3 {
    width: 234px;
    height: 30px;
    margin: 0 auto;
}

.index_solution_tit .h3 {
    width: 234px;
    height: 30px;
    margin: 0 auto;
}

.index_solution_tit h3 a {
    font-size: 16px;
    width: 234px;
    height: 30px;
    display: block;
    border: 1px solid #fff;
    line-height: 30px;
}

.index_solution_tit .h3 a {
    font-size: 16px;
    width: 234px;
    height: 30px;
    display: block;
    border: 1px solid #fff;
    line-height: 30px;
}

.index_solution_tit h4 {
    font-size: 24px;
    margin-top: 10px;
}

.index_solution_tit .h4 {
    font-size: 24px;
    margin-top: 10px;
}

.index_solution_tit h5 {
    width: 234px;
    height: 30px;
    margin: 0 auto;
}

    .index_solution_tit h5 a {
        font-size: 16px;
        width: 234px;
        height: 30px;
        border: 1px solid #ccc;
        line-height: 30px;
        display: block;
    }

.index_solution_tit .h5 {
    width: 234px;
    height: 30px;
    margin: 0 auto;
}

    .index_solution_tit .h5 a {
        font-size: 16px;
        width: 234px;
        height: 30px;
        border: 1px solid #ccc;
        line-height: 30px;
        display: block;
    }

        .index_solution_tit h3 a:hover, .index_solution_tit h5 a:hover, .index_solution_tit .h3 a:hover, .index_solution_tit .h5 a:hover {
            background-color: #1cd1ae;
            color: #fff;
            border: 1px solid #1cd1ae;
        }

.index_solution_type {
    width: 100%;
    height: 410px;
    margin-top: 60px;
}

.index_solution_box {
    width: 1060px;
    height: 410px;
    margin: 0 auto;
}

    .index_solution_box li {
        width: 204px;
        height: 184px;
        float: left;
        position: relative;
    }

.index_solution_1, .index_solution_2, .index_solution_3, .index_solution_4, .index_solution_6, .index_solution_7, .index_solution_8, .index_solution_9 {
    margin-right: 10px;
}

.index_solution_6, .index_solution_7, .index_solution_8, .index_solution_9, .index_solution_10, .index_solution_61, .index_solution_71, .index_solution_81, .index_solution_91, .index_solution_101 {
    margin-top: 42px;
}

.index_solution_box li a {
    width: 204px;
    height: 64px;
    display: block;
    color: #fff;
    background-repeat: no-repeat;
    padding-top: 120px;
    text-align: center;
    background-position: center 25px;
}

.index_solution_1 {
    background-image: url("../images/index_so1.png");
}

.index_solution_2 {
    background-image: url("../images/index_so2.png");
}

.index_solution_3 {
    background-image: url("../images/index_so3.png");
}

.index_solution_4 {
    background-image: url("../images/index_so4.png");
}

.index_solution_5 {
    background-image: url("../images/index_so5.png");
}

.index_solution_6 {
    background-image: url("../images/index_so6.png");
}

.index_solution_7 {
    background-image: url("../images/index_so7.png");
}

.index_solution_8 {
    background-image: url("../images/index_so8.png");
}

.index_solution_9 {
    background-image: url("../images/index_so9.png");
}

.index_solution_10 {
    background-image: url("../images/index_so10.png");
}

.index_solution_11 {
    background-image: url("../images/index_so1.png");
    background-color: #1cd1ae;
}

.index_solution_21 {
    background-image: url("../images/index_so2.png");
    background-color: #b783f5;
}

.index_solution_31 {
    background-image: url("../images/index_so3.png");
    background-color: #fa9944;
}

.index_solution_41 {
    background-image: url("../images/index_so4.png");
    background-color: #1cd1ae;
}

.index_solution_51 {
    background-image: url("../images/index_so5.png");
    background-color: #b783f5;
}

.index_solution_61 {
    background-image: url("../images/index_so6.png");
    background-color: #fa9944;
}

.index_solution_71 {
    background-image: url("../images/index_so7.png");
    background-color: #1cd1ae;
}

.index_solution_81 {
    background-image: url("../images/index_so8.png");
    background-color: #b783f5;
}

.index_solution_91 {
    background-image: url("../images/index_so9.png");
    background-color: #fa9944;
}

.index_solution_101 {
    background-image: url("../images/index_so10.png");
    background-color: #1cd1ae;
}


.positive, .back {
    position: absolute;
    top: 0;
    left: 0;
}

a.positive {
    z-index: 2;
    background-color: #fff;
    background-color: transparent;
}

a.back {
    z-index: 1;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.index_solution_box li:hover a.positive {
    -webkit-animation: a16 .5s 0s ease both;
    -moz-animation: a16 .5s 0s ease both;
    animation: a16 .5s 0s ease both;
}

.index_solution_box li:hover a.back {
    z-index: 3;
    -webkit-animation: a17 1.5s 0s ease both;
    -moz-animation: a17 1.5s 0s ease both;
    animation: a17 1.5s 0s ease both;
    opacity: 1;
    filter: Alpha(opacity=100);
}

@-webkit-keyframes a16 {
    0% {
        opacity: 1;
        transform: translate(0, 0px);
    }

    100% {
        opacity: 0;
        transform: translate(0, 0);
    }
}

@-webkit-keyframes a17 {
    from {
        -webkit-transform: rotateY(-180deg);
    }

    to {
        -webkit-transform: rotateY(0deg);
    }
}

@-moz-keyframes a17 {
    from {
        -webkit-transform: rotateY(-180deg);
    }

    to {
        -webkit-transform: rotateY(0deg);
    }
}

@keyframes a17 {
    from {
        -webkit-transform: rotateY(-180deg);
    }

    to {
        -webkit-transform: rotateY(0deg);
    }
}

h4.finish {
    font-size: 24px;
}
/*首页--开发合作流程*/
.index_develo {
    width: 100%;
    height: 744px;
    background-image: url("../images/index_bg2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

    .index_develo .index_solution_tit h2 {
        font-size: 18px;
        width: 160px;
        height: 25px;
        line-height: 25px;
        background-image: url("../images/line2.png");
        background-repeat: no-repeat;
        background-position: center center;
        margin: 16px auto 20px;
    }

.index_develo_box {
    width: 100%;
    height: auto;
    margin: 40px auto 60px;
}

.index_develo_box2 {
    width: 380px;
    height: auto;
    margin: 0 auto;
    line-height: 17px;
}

.index_develo1 {
    width: 100%;
    height: 17px;
    background-image: url("../images/yuan2.png");
    background-position: 148px center;
    background-repeat: no-repeat;
}

.index_develo2 {
    width: 100%;
}

.index_develo_box .xiexian {
    margin: 4px 60px 0 170px;
    vertical-align: bottom;
}

.index_develo_box .xiexian2 {
    margin: 4px 180px 0 50px;
    vertical-align: bottom;
}
/*首页--新闻资讯*/
.index_news {
    width: 100%;
    height: 680px;
    text-align: center;
}

    .index_news .index_solution_tit h2 {
        font-size: 18px;
        width: 160px;
        height: 25px;
        line-height: 25px;
        background-image: url("../images/line.png");
        background-repeat: no-repeat;
        background-position: center center;
        margin: 16px auto 20px;
    }

    .index_news .index_solution_tit {
        margin-top: 50px;
    }

.flip_btn2 {
    font-size: 14px;
    margin: 0 auto 30px;
    width: 100%;
}

    .flip_btn2 #list1 {
        float: left;
        width: 124px;
        height: 30px;
        background-color: #ececec;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
    }

        .flip_btn2 #list1.hover {
            background-color: #1cd1ae;
            color: #fff;
        }

    .flip_btn2 #list2 {
        float: left;
        width: 124px;
        height: 30px;
        background-color: #ececec;
        text-align: center;
        line-height: 30px;
        margin-left: 35px;
        cursor: pointer;
    }

        .flip_btn2 #list2.hover {
            background-color: #1cd1ae;
            color: #fff;
        }

    .flip_btn2 #list3 {
        float: left;
        width: 124px;
        height: 30px;
        background-color: #ececec;
        text-align: center;
        line-height: 30px;
        margin-left: 35px;
        cursor: pointer;
    }

        .flip_btn2 #list3.hover {
            background-color: #1cd1ae;
            color: #fff;
        }

.media_box .flip_btn2 ul {
    width: 450px;
    height: 30px;
    margin: 0 auto;
}

.index_news .media_box .media_word {
    text-align: left;
}
/*首页--核心服务*/
.index_service {
    width: 100%;
    height: 600px;
    background-image: url("../images/index_bg3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

    .index_service .index_solution_tit h2 {
        font-size: 18px;
        width: 160px;
        height: 25px;
        line-height: 25px;
        background-image: url("../images/line.png");
        background-repeat: no-repeat;
        background-position: center center;
        margin: 16px auto 20px;
    }

.index_service_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

    .index_service_box ul {
        width: 100%;
        height: auto;
        margin-top: 70px;
    }

        .index_service_box ul li {
            width: 180px;
            height: 310px;
            float: left;
            margin-left: 96px;
        }

            .index_service_box ul li a {
                padding-top: 150px;
                text-align: left;
                width: 180px;
                height: 160px;
                display: block;
                background-size: 130px 130px;
                background-repeat: no-repeat;
                background-position: center 0;
            }

.index_service_tit {
    text-align: center;
    font-size: 18px;
}

.index_service_con {
    text-align: left;
    font-size: 12px;
    margin-top: 20px;
    line-height: 24px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.index_service1 {
    background-image: url("../images/service1.png");
}

.index_service2 {
    background-image: url("../images/service2.png");
}

.index_service3 {
    background-image: url("../images/service3.png");
}

.index_service4 {
    background-image: url("../images/service4.png");
}

.index_service5 {
    background-image: url("../images/service5.png");
}

.index_service1:hover {
    background-image: url("../images/service1_1.png");
}

.index_service2:hover {
    background-image: url("../images/service2_1.png");
}

.index_service3:hover {
    background-image: url("../images/service3_1.png");
}

.index_service4:hover {
    background-image: url("../images/service4_1.png");
}

.index_service5:hover {
    background-image: url("../images/service5_1.png");
}

    .index_service1:hover .index_service_tit, .index_service1:hover .index_service_con, .index_service2:hover .index_service_tit, .index_service2:hover .index_service_con, .index_service3:hover .index_service_tit, .index_service3:hover .index_service_con, .index_service4:hover .index_service_tit, .index_service4:hover .index_service_con, .index_service5:hover .index_service_tit, .index_service5:hover .index_service_con {
        color: #1cd1ae;
    }
/*首页--联系我们*/
.index_contact {
    width: 100%;
    height: 530px;
    background-image: url("../images/index_bg4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}

    .index_contact .index_solution_tit h1 {
        font-size: 30px;
        margin-top: 48px;
    }

    .index_contact .index_solution_tit h2 {
        font-size: 18px;
        width: 160px;
        height: 25px;
        line-height: 25px;
        background-image: url("../images/line.png");
        background-repeat: no-repeat;
        background-position: center center;
        margin: 16px auto 20px;
    }

.index_contact_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

    .index_contact_box ul {
        width: 100%;
        height: auto;
    }

        .index_contact_box ul li {
            width: 320px;
            height: auto;
            float: left;
            margin-top: 60px;
        }

.mlr120 {
    margin: 0 120px;
}

.index_contact_box ul li a {
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 25px;
    background-color: #fff;
}

    .index_contact_box ul li a:hover {
        border-bottom: 5px solid #1cd1ae;
    }

    .index_contact_box ul li a img {
        margin-top: 35px;
    }

.contact_1 {
    font-size: 18px;
    margin-top: 15px;
}

.contact_2 {
    width: 36px;
    height: 5px;
    background-color: #1cd1ae;
    margin: 12px auto;
}

.contact_3 {
    font-size: 14px;
    margin-top: 36px;
    word-wrap: break-word;
    word-break: break-all;
}
/*关于我们*/
.about_us_box {
    width: 100%;
    height: auto;
    background-color: #fff;
}

.about_us_img {
    width: 100%;
    height: auto;
}

    .about_us_img img {
        width: 100%;
        height: auto;
        display: block;
    }

.about_title_box {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    background-color: #fff;
}

.about_pos {
    font-size: 14px;
    margin-top: 14px;
}

    .about_pos img {
        margin: 0 5px;
    }

    .about_pos a:hover {
        color: #1cd1ae;
    }

.about_title_box h1 {
    font-size: 30px;
    margin-top: 36px;
}

.about_title_box h4 {
    font-size: 18px;
    width: 160px;
    height: 25px;
    line-height: 25px;
    background-image: url("../images/line.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 10px auto;
}

.about_title_box h1, .about_title_box h4 {
    text-align: center;
    color: #4c4c4c;
}

.about_title_box h3.about_tit {
    text-align: center;
    color: #4c4c4c;
    font-size: 30px;
    margin-top: 36px;
    font-weight: normal;
}

.about_btn {
    width: 439px;
    height: 33px;
    margin: 28px auto 0;
}

    .about_btn li {
        width: 113px;
        height: 33px;
        float: left;
        margin-left: 50px;
    }

        .about_btn li:first-child {
            margin-left: 0;
        }

        .about_btn li a {
            width: 113px;
            height: 33px;
            line-height: 33px;
            text-align: center;
            background-color: #ececec;
            display: block;
        }

            .about_btn li a.abtou_btn_bg {
                background-color: #1cd1ae;
            }

            .about_btn li a:hover {
                background-color: #1cd1ae;
                color: #fff;
            }

.brief_box {
    width: 100%;
    height: 824px;
    background-image: url("../images/about_img.png");
    background-size: 100% 100%;
    background-position: center center;
}

.brief_con_box h1 {
    margin-top: 120px;
    text-align: center;
}

.brief_con_box {
    width: 100%;
}

.brief_con {
    width: 1200px;
    margin: 40px auto 0;
}

    .brief_con p {
        text-indent: 2em;
        line-height: 24px;
        font-size: 14px;
    }

.know_more {
    font-size: 14px;
    line-height: 24px;
    margin-top: 80px;
}

    .know_more a:hover {
        color: #139f85;
    }
/*内容*/
.business_intro {
    width: 100%;
    height: 846px;
    background-image: url("../images/about_img.png");
    background-size: 100% 100%;
    background-position: center center;
}

.business_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.business_con {
    width: 100%;
    position: relative;
    margin-top: 120px;
}

    .business_con li {
        width: 100%;
        height: auto;
        line-height: 24px;
    }

.business_img1 {
    width: 90px;
    height: 90px;
    background-image: url("../images/develop.png");
    position: absolute;
    right: 555px;
    cursor: pointer;
}

.business_img2 {
    width: 90px;
    height: 90px;
    background-image: url("../images/html5.png");
    position: absolute;
    right: 555px;
    top: 167px;
    cursor: pointer;
}

.business_img3 {
    width: 90px;
    height: 90px;
    background-image: url("../images/we_chat.png");
    position: absolute;
    right: 555px;
    top: 334px;
    cursor: pointer;
}

.business_img4 {
    width: 90px;
    height: 90px;
    background-image: url("../images/union.png");
    position: absolute;
    right: 555px;
    top: 501px;
    cursor: pointer;
}

.business_content1 {
    width: 525px;
    position: absolute;
    right: 0;
    top: 0;
}

.business_content2 {
    width: 525px;
    text-align: right;
    position: absolute;
    top: 167px;
}

.business_content3 {
    width: 525px;
    position: absolute;
    right: 0;
    top: 334px;
}

.business_content4 {
    width: 525px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 501px;
}

.line2 {
    width: 2px;
    height: 591px;
    background-color: #dfdddd;
    position: absolute;
    left: 50%;
}

.business_img1:hover {
    background-image: url("../images/develop2.png");
}

.business_img2:hover {
    background-image: url("../images/html5_2.png");
}

.business_img3:hover {
    background-image: url("../images/we_chat2.png");
}

.business_img4:hover {
    background-image: url("../images/union2.png");
}
/*联系我们*/
.cantact_box {
    width: 100%;
    height: 934px;
    background-image: url("../images/about_img.png");
    background-size: 100% 100%;
    background-position: center center;
    text-align: center;
}

.cantact_con {
    width: 100%;
}

    .cantact_con p {
        color: #2d3e50;
    }

.can_p1 {
    margin-top: 120px;
}

.can_p2 {
    margin-top: 48px;
}

.can_p3 {
    margin-top: 32px;
}

.can_p4 {
    margin-top: 24px;
}

.can_p5 {
    margin-top: 24px;
    width: 1200px;
    height: auto;
    margin: 24px auto;
}

.can_p6 {
    margin-top: 24px;
}

.can_p67 {
    margin-top: 35px;
}
/*我们的优势*/
.our_box {
    width: 100%;
    height: 780px;
    background-image: url("../images/about_img2.png");
    background-size: 100% 100%;
    background-position: center center;
    text-align: center;
}

.our_ad_box {
    width: 100%;
}

    .our_ad_box h1 {
        margin-top: 120px;
        text-align: center;
    }

    .our_ad_box h2 {
        text-align: center;
        font-size: 14px;
        margin-top: 30px;
    }

.our_ad_con {
    width: 100%;
    height: auto;
    position: relative;
}

    .our_ad_con ul {
        width: 1200px;
        height: auto;
        margin: 0 auto;
        position: relative;
        z-index: 5;
    }

.heng_line {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    top: 25px;
    z-index: 4;
}

.our_ad_con ul li {
    width: 190px;
    float: left;
    margin-left: 60px;
    margin-top: 15px;
}

    .our_ad_con ul li:first-child {
        margin-left: 10px;
    }

.yuan_img {
    text-align: center;
    display: block;
    margin: 0 85px;
}

.line3 {
    height: 108px;
    background-image: url("../images/line2.png");
    background-repeat: no-repeat;
    background-size: 1px 108px;
    width: 100%;
    display: block;
    text-align: center;
    background-position: center center;
    line-height: 108px;
}

.con_img {
    display: block;
    margin: 14px 41px 0;
}

.our_ad_con {
    margin-top: 20px;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
}
/*案例详情-商城版*/
.case_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.case_con {
    width: 790px;
    height: auto;
    margin: 0 auto;
}

    .case_con h1 {
        font-size: 18px;
        text-align: center;
        margin-top: 32px;
        border-bottom: 2px solid #1cd1ae;
        line-height: 48px;
    }

.case_tit {
    line-height: 28px;
    margin-top: 36px;
}

    .case_tit img {
        vertical-align: top;
        margin-right: 10px;
    }

.case_con p {
    text-indent: 2em;
    margin-top: 15px;
    line-height: 1.8;
    font-size: 14px;
}

.case_show {
    width: 1200px;
    height: auto;
    margin: 0 auto 50px;
}

    .case_show ul li {
        float: left;
        margin: 50px 0 0 85px;
    }
/*APP资讯*/
.app_infor_box {
    width: 100%;
    height: auto;
}

.app_infor {
    width: 1200px;
    height: auto;
    margin: 80px auto;
}

    .app_infor ul {
        width: 100%;
    }

    .app_infor li {
        width: 100%;
        height: 140px;
        border-bottom: 1px dashed #ccc;
        margin-top: 20px;
        cursor: pointer;
    }

        .app_infor li img {
            display: block;
            float: left;
        }

.app_infor_con {
    width: 800px;
    height: 120px;
    overflow: hidden;
    margin-left: 48px;
}

.app_infor_tit {
    margin-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.app_infor_word {
    font-size: 14px;
    margin-top: 20px;
    line-height: 1.5;
}

.app_infor_date {
    margin: 12px 25px 0 0;
}

.flip_btn {
    font-size: 14px;
    margin: 80px auto 30px;
    width: 100%;
}
    /*.flip_btn .prev { width: 84px; height: 30px; background-color: #ececec; text-align: center; line-height: 30px; cursor: pointer; }
.flip_btn .next { width: 84px; height: 30px; background-color: #ececec; text-align: center; line-height: 30px; margin-left: 72px; cursor: pointer; }*/


    .flip_btn span {
        margin: 0px 5px;
        padding: 6px 17px;
        color: #666;
        width: 84px;
        height: 30px;
        background-color: #ececec;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
    }

    .flip_btn a {
        margin: 0px 5px;
        padding: 6px 17px;
        color: #666;
        width: 84px;
        height: 30px;
        background-color: #ececec;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
    }

    .flip_btn .current {
        color: #FF0000;
    }

    .flip_btn p {
        width: 655px;
        height: 30px;
        margin: 0 auto;
    }

    .flip_btn .prev:hover, .flip_btn .next:hover {
        background-color: #1cd1ae;
        color: #fff;
    }
/*APP资讯详情页*/

.app_infor_det {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

    .app_infor_det h1 {
        font-size: 18px;
        text-align: center;
        margin-top: 50px;
    }

.source_date {
    width: 1200px;
    height: auto;
    margin: 10px auto;
    padding: 7px 0;
    border-bottom: 2px solid #1cd1ae;
    color: #666;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
}

    .source_date img {
        vertical-align: top;
        margin: 0 10px 0 30px;
    }

.app_infor_det_word {
    width: 100%;
    height: auto;
    font-size: 14px;
}

    .app_infor_det_word p {
        line-height: 36px;
    }

.flip_word {
    width: 1200px;
    height: 103px;
    margin: 30px auto;
    border-top: 1px dashed #1cd1ae;
}

.prev_word {
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    margin-top: 30px;
}

    .prev_word img {
        vertical-align: top;
        margin-right: 15px;
    }

.next_word {
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    margin-top: 20px;
}

.prev_word a {
    color: #666;
}

.next_word a {
    color: #666;
}

    .next_word a:hover, .prev_word a:hover {
        color: #1cd1ae;
    }

.next_word:hover, .prev_word:hover {
    color: #1cd1ae;
}

.next_word img {
    vertical-align: top;
    margin-right: 15px;
}

.other_links {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

    .other_links ul {
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 120px;
    }

        .other_links ul li {
            width: 334px;
            float: left;
            height: auto;
            padding-top: 10px;
            border-top: 1px dashed #1cd1ae;
        }

.mlr {
    margin: 0 99px;
}

.other_links ul li p {
    line-height: 36px;
    color: #666;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .other_links ul li p a {
        color: #666;
        font-size: 14px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
    }

        .other_links ul li p a:hover {
            color: #1cd1ae;
        }
/*媒体报道*/
.media_box {
    width: 1200px;
    height: auto;
    margin: 40px auto;
}

    .media_box ul.fl {
        width: 1200px;
        height: auto;
    }

        .media_box ul.fl li {
            width: 575px;
            height: 90px;
            background-color: #f5f5f5;
            margin-top: 30px;
        }

.media_date {
    width: 88px;
    height: 100%;
    text-align: right;
    padding: 0 31px;
    color: #2d3e50;
}

.month {
    font-size: 30px;
    margin-top: 14px;
}

.year {
    font-size: 18px;
}

.media_word {
    width: 400px;
    margin-left: 20px;
    height: 100%;
}

.media_tit {
    font-size: 18px;
    float: left;
    width: 400px;
    color: #2d3e50;
    margin: 9px 0;
}

.media_con {
    width: 400px;
    height: 36px;
    font-size: 12px;
    float: left;
    color: #808080;
    line-height: 18px;
    overflow: hidden;
}

.media_box li:hover .media_tit, .media_box li:hover .media_con {
    color: #1cd1ae;
}

.media_box li:hover .media_date {
    background: #1cd1ae;
    color: #fff;
}
/*解决方案*/
.solution_box {
    width: 100%;
    height: auto;
}

.solution_con {
    width: 1200px;
    height: auto;
    margin: 30px auto;
}

    .solution_con ul {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

        .solution_con ul li {
            width: 100px;
            height: 128px;
            float: left;
            margin-left: 10px;
        }

            .solution_con ul li:first-child {
                margin-left: 0;
            }

            .solution_con ul li a {
                width: 100px;
                height: 24px;
                display: block;
                color: #fff;
                font-size: 14px;
                text-align: center;
                padding-top: 64px;
                background-repeat: no-repeat;
                background-position: center 15px;
            }

.solution_1 {
    background-color: #e0cff4;
    background-image: url("../images/solution1.png");
}

.solution_2 {
    background-color: #f4b2af;
    background-image: url("../images/solution2.png");
    margin-top: 40px;
}

.solution_3 {
    background-color: #c5e4a2;
    background-image: url("../images/solution3.png");
}

.solution_4 {
    background-color: #f8bfa2;
    background-image: url("../images/solution4.png");
    margin-top: 40px;
}

.solution_5 {
    background-color: #fcc3dd;
    background-image: url("../images/solution5.png");
}

.solution_6 {
    background-color: #9bbef0;
    background-image: url("../images/solution6.png");
    margin-top: 40px;
}

.solution_7 {
    background-color: #f5c98b;
    background-image: url("../images/solution7.png");
}

.solution_8 {
    background-color: #9ee0fb;
    background-image: url("../images/solution8.png");
    margin-top: 40px;
}

.solution_9 {
    background-color: #e6cbde;
    background-image: url("../images/solution9.png");
}

.solution_10 {
    background-color: #abf1d1;
    background-image: url("../images/solution10.png");
    margin-top: 40px;
}

.solution_con ul li a.solution_11 {
    background-color: #b4e8be;
    background-image: url("../images/solution11.png");
    background-position: center 25px;
}

.solution_1:hover {
    background-color: #b786ef;
}

.solution_2:hover {
    background-color: #ef7670;
}

.solution_3:hover {
    background-color: #a1da5f;
}

.solution_4:hover {
    background-color: #f28d5b;
}

.solution_5:hover {
    background-color: #f870af;
}

.solution_6:hover {
    background-color: #448efc;
}

.solution_7:hover {
    background-color: #f8b04c;
}

.solution_8:hover {
    background-color: #3eb9ec;
}

.solution_9:hover {
    background-color: #ee7fcf;
}

.solution_10:hover {
    background-color: #7ae5b4;
}

.solution_con ul li a.solution_11:hover {
    background-color: #64d379;
}

.solution_1_1 {
    background-color: #b786ef;
    background-image: url("../images/solution1.png");
}

.solution_2_1 {
    background-color: #ef7670;
    background-image: url("../images/solution2.png");
    margin-top: 40px;
}

.solution_3_1 {
    background-color: #a1da5f;
    background-image: url("../images/solution3.png");
}

.solution_4_1 {
    background-color: #f28d5b;
    background-image: url("../images/solution4.png");
    margin-top: 40px;
}

.solution_5_1 {
    background-color: #f870af;
    background-image: url("../images/solution5.png");
}

.solution_6_1 {
    background-color: #448efc;
    background-image: url("../images/solution6.png");
    margin-top: 40px;
}

.solution_7_1 {
    background-color: #f8b04c;
    background-image: url("../images/solution7.png");
}

.solution_8_1 {
    background-color: #3eb9ec;
    background-image: url("../images/solution8.png");
    margin-top: 40px;
}

.solution_9_1 {
    background-color: #ee7fcf;
    background-image: url("../images/solution9.png");
}

.solution_10_1 {
    background-color: #7ae5b4;
    background-image: url("../images/solution10.png");
    margin-top: 40px;
}

.solution_con ul li a.solution_11_1 {
    background-color: #64d379;
    background-image: url("../images/solution11.png");
    background-position: center 25px;
}

.solution_content {
    width: 1200px;
    height: auto;
    margin: 100px auto;
}

    .solution_content h1 {
        font-size: 24px;
    }

.h_line {
    display: block;
    width: 80px;
    height: 2px;
    background-color: #1cd1ae;
    margin-top: 20px;
}

.solution_word {
    margin-top: 40px;
}

    .solution_word h2 {
        font-size: 14px;
    }

    .solution_word p {
        font-size: 14px;
        text-indent: 2em;
        line-height: 30px;
    }







.index_news .media_box .media_word {
    text-align: left;
}



@media screen and (max-width: 1199px) {
    .h_box {
        width: 1200px;
    }

    .index_box {
        width: 1200px;
    }

    .f_box {
        width: 1200px;
    }

    .about_us_box {
        width: 1200px;
    }

    .cases_bg {
        width: 1200px;
    }
}


.newp {
    font-size: 16px;
    line-height: 24px;
     /* width: 440px; */
    margin: 10px auto;
    color: #4c4c4c;
    text-align: center;
}

    .newp span {
        display: inline;
    }

    .newp p, .newp span {
        font-size: 16px;
        line-height: 24px;
        color: #4c4c4c;
    }


.dev-idea, .tech-patrner, .innovation-service-mode {
    background: #f8f8f8;
}
.common-pad {
    padding: 55px 0 62px;
}
.common-tit {
    text-align: center;
    margin-bottom: 10px;
}
.common-tit .level-1 {
    font-size: 30px;
    color: #333333;
}
.common-tit .level-2 {
    font-size: 16px;
    color: #666666;
    line-height: 50px;
}
.get-solution {
    margin-top: 35px;
}
.t-c {
    text-align: center;
}
.get-solution a {
    transition: all 0.25s;
    display: inline-block;
    position: relative;
    color: #ffffff;
    line-height: 1;
    background-color: #1cd1ae;
    border-radius: 8px;
    font-size: 30px;
    padding: 20px 40px;
}
.get-solution a img {
    vertical-align: middle;
    margin-left: 10px;
}
.y-flex-wrap-6-w {
    flex-wrap: wrap;
}
.y-flex-wrap {
    display: -moz-box;  /* Firefox */
display: -ms-flexbox;    /* IE10 */
display: -webkit-box;    /* Safari */ 
display: -webkit-flex;    /* Chrome, WebKit */
display: box; 
display: flexbox; 
display: flex;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.y-flex-wrap-6-w .flex-item {
    width: 32%;
    margin: 0 0 2%;
    float:left;
}
.y-flex-wrap-6-w .flex-item:nth-child(3n+2){
    margin-right: 2%;margin-left: 2%;
}
.tp-item {
    width: 300px;
    height: 102px;
    background-color: #ffffff;
    border: 1px solid #b8d0ff;
    padding:24px 40px;
}
.tp-item .item-pic {
    position: relative;
    font-size: 0;
    float:left;
    margin-top:17px;
}
.tp-item .item-pic .img-in {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-22.5px;
    margin-left:-22.5px;
}
.tp-item .item-desc {
    width: 195px;
    margin-left: 27px;
}
    .tp-item .item-desc {
    
    float:left;
    }
.tp-item .item-desc .p1{color: #1cd1ae;font-size: 18px;line-height:1;margin-bottom: 8px;}
.tp-item .item-desc .p2{color: #666666;font-size: 14px;line-height:25px;height:75px;overflow: hidden;}