.zsm_item_style {
    cursor: pointer;
}


.zsm_item_style:hover::before,
.zsm_item_style:hover {
    animation: sun 5s infinite;
    color: #fff;
    background: linear-gradient(90deg, #3c91d2, #40f499, #3c91d2, #40f499);
    background-size: 400%;
    text-transform: uppercase;
}

.zsm_item_style:hover * {
    color: #fff !important;
}

.zsm_item_style::before {
    content: '';
    position: absolute;
    left: -0px;
    right: -0px;
    top: -0px;
    bottom: -0px;
    background-size: 400%;
    border-radius: 50px;
    filter: blur(2px);
    z-index: -1;
}

.cpxq_banner {
    width: 100%;
}

.cpxq_banner img {
    width: 100%;
    height: auto;
}

.cpxq_banner .swiper-pagination-bullet {
    background: #fff;
    outline: none;
    border: none;
}

.cpxq_banner .swiper-pagination-bullet-active {
    width: 18px;
    border-radius: 9px;
}

.cpxq_banner .swiper-pagination-bullet:focus {
    outline: none;
    border: none;
}

.cpxq_data_con {
    width: 100%;
    background: #fff;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 -6px 80px rgba(74, 74, 74, .10);
}

.cpxq_data_item {
    width: 20%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-right: 1px solid #EBEBEB;
}

.cpxq_data_item:last-child {
    border: none
}

.cpxq_data_item p {
    font-size: 16px;
    color: #666;
    margin: 32px 0 0 0;
    text-align: center;
    padding: 0;
    line-height: 18px;
    letter-spacing: 1px;
}

.cpxq_data_item div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-size: 48px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 2px;
}

.cpxq_data_item div text {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-left: 4px;
    font-weight: normal;
}

.cp_module {
    width: 100%;

}

.cp_module_head {
    width: 100%;
    text-align: center;
    padding: 80px 0 56px 0;
    font-size: 36px;
    color: #121212;
    line-height: 38px;
    letter-spacing: 2px;
}

.qing .cp_module_head {
    padding: 0px 0 56px 0;
}

.zsm_con {
    width: 100%;
    padding: 0 3%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 50px;
}

.zsm_item {

    width: 32.2%;
    background: #f5f8fa;
    margin-bottom: 30px;

}

.zsm_item_box {
    width: 100%;
    padding: 22px 40px 22px 56px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.zsm_item img {
    display: inline-block;
    width: 100px;
    height: auto;
    max-width: 100px;
    margin-right: 20px;
}


.zsm_text h5 {
    font-size: 20px;
    color: #121212;
    margin: 0;
    line-height: 22px;
    padding: 0;
    letter-spacing: 2px;
}

.zsm_text p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    color: #4e4e4e;
    letter-spacing: 1px;
}


/*支持功能*/
.zcgn_con {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 100px;
}

.zcgn_con_m {
    display: none;
}

.zcgn_item {
    width: 250px;

    margin: 0 35px;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 16px rgba(74, 74, 74, .08);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.zcgn_item:hover {
    margin-top: -10px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.zcgn_item:nth-child(1) {
    margin-left: 0;
}

.zcgn_item:last-child {
    margin-right: 0;
}

.zcgn_item h5 {
    width: 100%;
    margin: 0;
    letter-spacing: 1px;
    padding: 0;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(right, #6185ff, #6974fb);
    background: -o-linear-gradient(right, #6185ff, #6974fb);
    background: -moz-linear-gradient(right, #6185ff, #6974fb);
    background: -mos-linear-gradient(right, #6185ff, #6974fb);
    background: linear-gradient(right, #6185ff, #6974fb);
}

.zcgn_item h5.cs_bj {
    background: -webkit-linear-gradient(right, #f8a246, #fd8d08);
    background: -o-linear-gradient(right, #f8a246, #fd8d08);
    background: -moz-linear-gradient(right, #f8a246, #fd8d08);
    background: -mos-linear-gradient(right, #f8a246, #fd8d08);
    background: linear-gradient(right, #f8a246, #fd8d08);
}

.zcgn_item h5.xl_bj {
    background: -webkit-linear-gradient(right, #3beb90, #0edf7c);
    background: -o-linear-gradient(right, #3beb90, #0edf7c);
    background: -moz-linear-gradient(right, #3beb90, #0edf7c);
    background: -mos-linear-gradient(right, #3beb90, #0edf7c);
    background: linear-gradient(right, #3beb90, #0edf7c);
}

.zcgn_item h5.ls_bj {
    background: -webkit-linear-gradient(right, #39a6de, #0291d8);
    background: -o-linear-gradient(right, #39a6de, #0291d8);
    background: -moz-linear-gradient(right, #39a6de, #0291d8);
    background: -mos-linear-gradient(right, #39a6de, #0291d8);
    background: linear-gradient(right, #39a6de, #0291d8);
}

.zcgn_item h5.ql_bj {
    background: -webkit-linear-gradient(right, #1dc3e7, #0ea6e5);
    background: -o-linear-gradient(right, #1dc3e7, #0ea6e5);
    background: -moz-linear-gradient(right, #1dc3e7, #0ea6e5);
    background: -mos-linear-gradient(right, #1dc3e7, #0ea6e5);
    background: linear-gradient(right, #1dc3e7, #0ea6e5);
}

.zcgn_item ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

.zcgn_item ul li {
    width: 100%;
    line-height: 60px;
    display: flex;
    justify-content: left;
    align-items: center;
    border-bottom: 1px solid #EBEBEB;
    padding-left: 70px;
    font-size: 14px;
    color: #4e4e4e;
}

.zcgn_item ul li img {
    display: inline-block;
    width: 22px;
    height: 20px;
    margin-right: 14px;
}

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



/*选择我们的理由*/
.xzwm_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 3%;
    padding-bottom: 70px;
}

.xzwm_item {
    width: 18.8%;
    background: #f5f8fa;
    margin-bottom: 28px;
}

.xzwm_item_box {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 28px 0 28px 50px;
}

.xzwm_item_box span {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(../images/ly_icon.png) no-repeat;
    background-size: 128px auto;
    margin-top: -4px;
    margin-right: 18px;
}

span.xz_icon01 {

    background-position: 0px 0px;
}

.xzwm_item_box:hover span.xz_icon01 {
    background-position: -64px 0px;
}

span.xz_icon02 {
    background-position: 0px -64px;
}

.xzwm_item_box:hover span.xz_icon02 {
    background-position: -64px -64px;
}

span.xz_icon03 {
    background-position: 0px -128px;
}

.xzwm_item_box:hover span.xz_icon03 {
    background-position: -64px -128px;
}

span.xz_icon04 {
    background-position: 0px -192px;
}

.xzwm_item_box:hover span.xz_icon04 {
    background-position: -64px -192px;
}

span.xz_icon05 {
    background-position: 0px -256px;
}

.xzwm_item_box:hover span.xz_icon05 {
    background-position: -64px -256px;
}

span.xz_icon06 {
    background-position: 0px -320px;
}

.xzwm_item_box:hover span.xz_icon06 {
    background-position: -64px -320px;
}

span.xz_icon07 {
    background-position: 0px -384px;
}

.xzwm_item_box:hover span.xz_icon07 {
    background-position: -64px -384px;
}

span.xz_icon08 {
    background-position: 0px -448px;
}

.xzwm_item_box:hover span.xz_icon08 {
    background-position: -64px -448px;
}

span.xz_icon09 {
    background-position: 0px -512px;
}

.xzwm_item_box:hover span.xz_icon09 {
    background-position: -64px -512px;
}

span.xz_icon10 {
    background-position: 0px -576px;
}

.xzwm_item_box:hover span.xz_icon10 {
    background-position: -64px -576px;
}

.xzwm_text {
    width: 180px;
}

.xzwm_text h5 {
    font-size: 20px;
    color: #121212;
    line-height: 22px;
    margin: 0;
    letter-spacing: 2px;
    padding: 0;
}

.xzwm_text p {
    font-size: 14px;
    line-height: 20px;
    color: #888;
    margin-top: 10px;
    letter-spacing: 1px;
    height: 40px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}



/*制作流程*/
.zzlc_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 90px;
}

.zzlc_item {
    display: inline-block;
    width: 13.4%;
    border-radius: 40px 0 40px 0;
    position: relative;
    height: 338px;
    background: #fff;
    overflow: hidden;
}

.zzlc_item:hover {
    box-shadow: 0 6px 12px rgba(74, 74, 74, .08);
}

.zzlc_item_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 28px;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}

.zzlc_item img {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.zzlc_item h5 {
    font-size: 24px;
    color: #121212;
    line-height: 32px;
    position: relative;
    margin-top: 20px;
    letter-spacing: 2px;
}

.zzlc_item h5::after {
    width: 58px;
    height: 1px;
    position: absolute;
    bottom: -12px;
    background: #0090D8;
    left: 50%;
    margin-left: -29px;
    content: '';
    display: inline-block;
}


.zzlc_item ul {
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 20px;

}

.zzlc_item ul li {
    width: 100%;
    font-size: 16px;
    line-height: 34px;
    color: #999999;
    position: relative;

}

.zzlc_item ul li::before {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #0090d8;
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -2px;
}

.step_numbe {
    font-size: 62px;
    font-weight: bold;
    line-height: 64px;
    color: #eff3fe;
    position: absolute;
    bottom: -10px;
    right: 20px;
    z-index: 1;
    letter-spacing: -1px;
}

.lc_arrow img {
    display: inline-block;
    width: 24px;
    height: auto;
    margin: 0 30px;
}



/*网站数据加密*/

.jm_con {
    width: 100%;

    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.jm_item {

    width: 20.8%;
    background: #f5f8fa;

    margin: 0 1%;
    position: relative;
    margin-bottom: 40px;

}

.jm_item:hover {
    background: #fff;
    box-shadow: 0 6px 12px rgba(74, 74, 74, .04);
}

.jm_item:hover::before {
    content: '';
    width: 100%;
    height: 100%;
    box-shadow: 0 -6px 12px rgba(74, 74, 74, .04);
    position: absolute;
    top: 0;
    left: 0;
}

.jm_item_box {
    width: 100%;
    padding: 40px 10% 40px 12%;
    display: flex;
    justify-content: left;
    align-items: center;
}



.jm_item img {
    display: inline-block;
    width: 70px;
    height: auto;
    max-width: 70px;
    margin-right: 20px;
}


.jm_text h5 {
    font-size: 22px;
    color: #121212;
    margin: 0;
    letter-spacing: 2px;
    line-height: 32px;
    padding: 0;
}

.jm_text p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    letter-spacing: 1px;
    color: #888;

    height: 44px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*丰富强大SEO功能*/
.cp_module_head_seo {
    padding-bottom: 76px;
}

.seo_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}



.seo_item {
    width: 13%;
    margin: 0 4.4%;
    margin-bottom: 80px;

}

.seo_item:hover h5 {
    color: #0090D8;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.seo_item h5::before {
    width: 0px;
    height: 1px;
    background: #0090D8;
    content: '';
    position: absolute;
    left: 50%;

    bottom: -8px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.seo_item:hover h5::before {
    width: 40px;
    left: 50%;
    margin-left: -20px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.seo_item:nth-child(1) {
    margin-left: 0;
}

.seo_item:last-child {
    margin-right: 0;
}

.seo_item_box {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.seo_item_box img {
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-bottom: 24px;
}

.seo_item_box h5 {
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 32px;
    color: #121212;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.seo_item_box p {
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 24px;
    color: #4e4e4e;
    margin-top: 14px;
    height: 72px;
    text-transform: uppercase;

    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}





/*网站多重安全防护*/


.fh_con {
    width: 100%;
    max-width: 1920px;
    padding: 30px 2% 80px 2%;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}



.fh_item {
    width: 18.3%;

}

.fh_item:hover h5 {
    color: #0090D8;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.fh_item h5::before {
    width: 0px;
    height: 1px;
    background: #0090D8;
    content: '';
    position: absolute;
    left: 50%;

    bottom: -8px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.fh_item:hover h5::before {
    width: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.fh_item:nth-child(1) {
    margin-left: 0;
}

.fh_item:last-child {
    margin-right: 0;
}

.fh_item_box {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.fh_item_box img {
    display: inline-block;
    width: 85px;
    height: 85px;
    margin-bottom: 40px;
}

.fh_item_box h5 {
    font-size: 22px;
    line-height: 32px;
    color: #121212;
    letter-spacing: 2px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.fh_item_box p {
    font-size: 14px;
    line-height: 28px;
    color: #888888;
    letter-spacing: 1px;
    margin-top: 14px;
    text-transform: uppercase;

    padding: 0;
}


/*适用行业*/
.hy_con {
    width: 100%;
    max-width: 1920px;
    padding: 0 3%;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 20px;
}

.hy_item {
    display: flex;
    justify-content: center;

    width: 240px;
    align-items: center;
    height: 200px;
    margin: 0 2.6% 60px 2.6%;
    border-radius: 10px;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 6px 16px rgba(74, 74, 74, .04);
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;

}

.hy_item::after {
    width: 0;
    height: 0px;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    background: #0090D8;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.hy_item:hover::after {
    width: 100%;
    left: 50%;
    border-radius: 10px;
    height: 2px;
    margin-left: -50%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.hy_item:hover h5 {
    color: #0090D8;
}

.hy_item:nth-child(1),
.hy_item:nth-child(6) {
    margin-left: 0;
}

.hy_item:nth-child(5),
.hy_item:nth-child(10) {
    margin-right: 0;
}

.hy_item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 -6px 16px rgba(74, 74, 74, .04);
}

.hy_item img {
    display: inline-block;
    width: 62px;
    height: 62px;
    margin-bottom: 24px;
}

.hy_item h5 {
    font-size: 18px;
    line-height: 32px;
    color: #232323;
    letter-spacing: 1px;
}


/*产品详情--优化*/
.yh_banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

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

.yh_b_con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.yh_b_box {
    width: 73%;
    height: 100%;
    max-width: 1400px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.yh_b_text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.yh_b_text h5 {
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    line-height: 44px;
    margin: 0;
    padding: 0;
}

.yh_b_text p {
    margin: 44px 0 0 0;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    padding: 0;
    letter-spacing: 2px;
}

.yh_b_right {
    height: 100%;
}

.yh_b_right .index_banner_pc {
    height: 97.2%;
    width: auto;
    max-height: 486px;
}

/*营销推广产品矩阵*/
.cpjz_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    padding: 0 3%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cpjz_item {
    width: 23.9%;
    background: #167fe6;
    border-radius: 4px;
    padding: 10px 0;
    margin-bottom: 50px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.cpjz_item:hover {
    background: #1274d5;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.cpjz_item:hover h5 {
    padding-left: 6px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.jz_item_box {
    width: 100%;
    position: relative;
}

.jz_pt {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jz_pt span:last-child {
    display: inline-block;
    width: 59%;
    max-width: 254px;
    margin-right: 4%;
}

.jz_pt span img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.jz_text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 10%;
    color: #fff;
}

.jz_text h5 {
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    letter-spacing: 2px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.jz_text p {
    font-size: 14px;
    line-height: 32px;
    margin: 10px 0 0 0;
    padding: 0;
    letter-spacing: 1px;
}

/*为什么我们的优化效果更明显？*/
.yhxg_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    padding: 0 3%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    padding-bottom: 110px;
}

.yhxg_item {
    padding: 46px 0 40px 0;
    width: 15.7%;
    border-radius: 4px;

    background: -webkit-linear-gradient(#2ACFDE, #148FDD);
    background: -o-linear-gradient(#2ACFDE, #148FDD);
    background: -moz-linear-gradient(#2ACFDE, #148FDD);
    background: -mos-linear-gradient(#2ACFDE, #148FDD);
    background: linear-gradient(#2ACFDE, #148FDD);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;

}



.yhxg_item:hover h5::after {
    width: 50%;
    margin-left: -25%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: #fff;
}

.yhxg_item_box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.yhxg_item_box img {
    display: inline-block;
    width: 70.4%;
    height: auto;
    max-width: 200px;
}

.yhxg_text {
    width: 70%;
    margin: auto;
}

.yhxg_text h5 {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 28px 0 0 0;
    letter-spacing: 2px;
    position: relative;
}

.yhxg_text h5::after {
    display: inline-block;
    width: 26px;
    height: 4px;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: -20px;
    content: '';
    background: #001EFF;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.yhxg_text p {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin: 34px 0 0 0;
    color: #fff;
    letter-spacing: 1px;
    padding: 0;
    height: 66px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/*让SEO也如此简单*/
.jd_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    padding: 60px 3%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jd_con .lc_arrow img {
    margin: 0;
}

.jd_item {
    width: 11.1%;
    background: #fff;
    border-radius: 40px 0 40px 0;
    position: relative;

}

.jd_item:hover {
    box-shadow: 0 6px 14px rgba(74, 74, 74, .04);
}

.jd_item:hover::after {
    content: '';
    width: 100%;
    height: 100%;
    box-shadow: 0 -6px 14px rgba(74, 74, 74, .04);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 40px 0 40px 0;
}

.jd_item_box {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: column;
    padding: 50px 0 38px 0;
}

.jd_item img {
    display: inline-block;
    width: 31%;
    max-width: 62px;
    height: auto;
}

.jd_item h5 {
    margin: 28px 0 0 0;
    padding: 0;
    font-size: 20px;
    color: #121212;
    line-height: 30px;
}


/*专业优势*/
.zyys_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    padding: 0 3%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.zyys_item {
    position: relative;
    width: 22.22%;
    box-shadow: 0 6px 14px rgba(74, 74, 74, .04);
    margin-bottom: 100px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.zyys_item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: 0 -6px 14px rgba(74, 74, 74, .04);
}

.zyys_item:hover h5 {
    color: #0090D8;
    border-color: #0090D8;
    padding-left: 4px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.zyys_item_box {
    width: 100%;
    background: url(../images/cp/yh/ys_01.png) no-repeat #fff;
    background-size: 23.5% auto;
    background-position: top right;
    border-radius: 6px;
    overflow: hidden;
    padding: 30px 9.5% 36px 9.5%;
}

.zyys_item:nth-child(2) .zyys_item_box {

    background: url(../images/cp/yh/ys_02.png) no-repeat #fff;
    background-size: 23.5% auto;
    background-position: top right;

}

.zyys_item:nth-child(3) .zyys_item_box {

    background: url(../images/cp/yh/ys_03.png) no-repeat #fff;
    background-size: 23.5% auto;
    background-position: top right;

}

.zyys_item:nth-child(4) .zyys_item_box {

    background: url(../images/cp/yh/ys_04.png) no-repeat #fff;
    background-size: 23.5% auto;
    background-position: top right;

}

.zyys_item_box h5 {
    font-size: 24px;
    line-height: 70px;
    border-bottom: 1px solid #EBEDF2;
    color: #121212;
    letter-spacing: 1px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.zyys_item_box p {
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #4e4e4e;
    line-height: 28px;
    letter-spacing: 1px;
    height: 112px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}


/*邮箱*/
.yx_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5%;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.yx_item {
    width: 23.3%;
    position: relative;
    margin-bottom: 38px;
    box-shadow: 0 6px 14px rgba(74, 74, 74, .04);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.m_hide {
    opacity: 0;
}

.yx_item:hover h5 {
    color: #0090D8;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.yx_item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    border-radius: 6px;
    box-shadow: 0 -6px 14px rgba(74, 74, 74, .04);

}

.yx_item_box {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    padding: 40px 0 24px 7%;
}

.yx_item_box img {
    display: inline-block;
    width: 16.25%;
    max-width: 65px;
    height: auto;
    min-width: 56px;
    margin-right: 5.5%;
    margin-top: 10px;
}

.yx_text {
    width: 68%;
}

.yx_text h5 {
    width: 100%;
    line-height: 36px;
    font-size: 20px;
    color: #121212;
    margin: 0;
    padding: 0;
}

.yx_text p {
    font-size: 14px;
    color: #888888;
    line-height: 22px;
    margin: 2px 0 0 0;
    padding: 0;

    height: 66px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}



/*整合方案*/
.zh_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    padding: 0 5%;
    justify-content: space-between;
    align-items: flex-start;
}

.zh_item {
    width: 15.2%;
    margin-bottom: 100px;
}

.zh_item:hover .zh_item_box {
    border-color: #0090D8;
}

.zh_item:hover .zh_item_box h5 {
    color: #0090D8;
}

.zh_item_box {
    width: 100%;
    border: 1px solid #EAEAEA;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 7% 30px 7%;
}

.zh_item_box img {
    width: 72.3%;
    height: auto;
    max-width: 188px;
    margin-bottom: 28px;
}

.zh_item_text {
    width: 100%;
}

.zh_item_text h5 {
    font-size: 18px;
    line-height: 32px;
    color: #121212;
    margin: 0;
    text-align: center;
    padding: 0;
}

.zh_item_text p {
    text-align: left;
    width: 100%;
    font-size: 14px;
    color: #888;
    line-height: 22px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: left;
    height: 66px;
    margin: 4px 0 0 0;
}





/*用户使用功能*/
.sygn_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    padding: 0 5%;
    justify-content: space-between;
    align-items: flex-start;
}

.sygn_item {
    width: 31.86%;
    margin-bottom: 40px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sygn_item:hover .sygn_item_box {
    border-color: #0090D8;
    background: #fff;
    box-shadow: 0 6px 14px rgba(74, 74, 74, .08);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sygn_item:hover .sygn_item_box h5 {
    color: #0090D8;
    padding-left: 6px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sygn_item_box {
    width: 100%;
    background: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 48px 10.9% 42px 10.9%;
}

.sygn_item_box img {
    width: 20%;
    max-width: 70px;
    height: auto;
    margin-top: 4px;

}

.sygn_text {
    width: 76%;
}

.sygn_text h5 {
    font-size: 20px;
    line-height: 32px;
    color: #121212;
    margin: 0;
    text-align: left;
    padding: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sygn_text p {
    text-align: left;
    width: 100%;
    font-size: 14px;
    color: #121212;
    line-height: 22px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
    height: 44px;
    margin: 14px 0 0 0;
}

.sygn_con01 {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 5% 80px 5%;
}

.sygn01_item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 25%;
    padding: 20px 2.6% 0 0;
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sygn01_item:hover h5 {
    color: #0090D8;
    padding-left: 20px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sygn01_item h5 {
    width: 100%;
    font-size: 20px;
    color: #121212;
    text-transform: uppercase;
    border-left: 4px solid #0090D8;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 14px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sygn01_item div {
    text-transform: uppercase;
    padding-left: 14px;
    width: 100%;
    font-size: 14px;
    color: #888;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: left;
    height: 66px;
    margin: 10px 0 0 0;
}

/*定制开发*/
/*第一块内容*/
.kf01_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 5%;
}

.kf01_item {
    width: 20%;
    margin-bottom: 80px;
}

.kf01_item:hover h5 {
    color: #0090D8;
    padding-left: 6px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


.kf01_item_box {
    width: 100%;
    padding-right: 16.2%;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-direction: column;
}

.kf01_item_box img {
    display: inline-block;
    width: 60px;
    height: auto;
    margin-bottom: 10px;
}

.kf01_item_box h5 {
    line-height: 40px;
    letter-spacing: 1px;
    font-size: 20px;
    color: #121212;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.kf01_item_box p {
    width: 100%;
    line-height: 22px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #888888;
}



/*第二块内容*/
.kf02_con {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 5%;
}

.kf02_item {
    width: 15.2%;
    margin-bottom: 80px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.kf02_item:hover h5 {
    color: #0090D8;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.kf02_item:hover h5::after {
    background: #0090D8;
    width: 80px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.kf02_item_box {
    position: relative;
    width: 100%;
    border: 1px solid #e6e7eb;
    padding: 48px 7% 30px 7%;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
}

.sz_span {
    display: inline-block;
    width: 82px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
}

.sz_span img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.kf02_item_box .kficon_img {
    display: inline-block;
    width: 60px;
    height: auto;
    margin-bottom: 10px;
}

.kf02_item_box h5 {
    line-height: 40px;
    position: relative;
    letter-spacing: 1px;
    font-size: 20px;
    color: #121212;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.kf02_item_box h5::after {
    content: '';
    width: 24px;
    border-radius: 2px;
    height: 2px;
    background: #121212;
    position: absolute;
    left: 0;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.kf02_item_box p {
    width: 100%;
    line-height: 22px;
    font-size: 14px;
    margin: 10px 0 0 0;
    padding: 0;
    color: #888888;
    height: 88px;
}

/*第三块内容*/
.kf03_con {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.kf03_item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 17.2%;
    margin-bottom: 90px;
}

.kf03_item h5 {
    font-size: 24px;
    color: #121212;
    line-height: 32px;
    text-align: center;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}

.kf03_item img {
    display: inline-block;
    width: 60px;
    height: auto;
    margin-bottom: 14px;
}


/*我们的承诺*/

.kf04_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1920px;
    margin: auto;
    padding: 0 9.2%;
}

.kf04_item {
    width: 13.5%;
    margin-bottom: 100px;

}

.kf04_item:hover h5 {
    color: #0090D8;
}

.kf04_item:hover .kf04_item_box {
    background: #fff;
    box-shadow: 0 4px 12px rgba(74, 74, 74, .04);
}

.kf04_item_box {
    width: 100%;
    padding: 20px 5.6%;
    background: #f6f8ff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.kf04_item_box span {
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    color: #000;
    letter-spacing: -1px;
}

.kf04_item_box h5 {
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    color: #121212;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}

.kf04_item_box p {
    font-size: 14px;
    line-height: 22px;
    color: #888888;
    margin: 4px 0 0 0;
    padding: 0;
    text-align: center;
    height: 88px;
}

/*软件研发服务流程*/
.kf05_con {
    width: 100%;
    padding: 0 12.3% 80px 12.3%;
    max-width: 1920px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.fwlc_side {
    width: 20%;
}

.fwlc_head {
    width: 100%;
    height: 70px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.fwlc_head_left {
    background: url(../images/sq_bj_pc.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.fwlc_head_center {
    background: url(../images/sz_bj_pc.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.fwlc_head_right {
    background: url(../images/sh_bj_pc.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.fwlc_center {
    width: 60%;
}

.fwlc_side_con {
    width: 100%;
    padding: 0 2.4%;
    display: flex;
    justify-content: flex-start;
    align-items: left;
    flex-direction: column;
}

.side_item {
    width: 100%;
    background: #089be4;
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    padding: 64px 12% 28px 12%;
}

.lc_n {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    color: #089BE4;
}

.side_item h5 {
    margin: 18px 0 30px 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    padding: 0;
}

.side_item div {
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    height: 112px;
}


.fwlc_m_con {
    width: 100%;
    padding: 0 2.4%;
}

.m_con_01 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.mcon01_item {
    width: 31.9%;

    background: #089be4;
    margin-top: 18px;

    color: #fff;
    padding: 28px 3% 4px 3%;
}

.mcon01_item div {
    display: flex;
    justify-content: left;
    align-items: center;
}

.mcon01_item div text {
    font-size: 20px;
    margin-left: 10px;
    line-height: 32px;
    font-weight: bold;
}

.mcon01_item p {
    font-size: 14px;
    text-align: left;
    line-height: 28px;
    height: 112px;
    margin: 20px 0 0 0;
    padding: 0;
}



.m_con_02 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.mcon02_item {
    width: 23%;

    background: #089be4;
    margin-top: 18px;

    color: #fff;
    padding: 28px 3% 18px 3%;
}

.mcon02_item div {
    display: flex;
    justify-content: left;
    align-items: center;
}

.mcon02_item div text {
    font-size: 20px;
    margin-left: 10px;
    line-height: 32px;
    font-weight: bold;
}

.mcon02_item p {
    font-size: 14px;
    text-align: left;
    line-height: 28px;
    height: 112px;
    margin: 20px 0 0 0;
    padding: 0;
}


@media screen and (max-width:1880px) {


    .xzwm_item_box {
        padding: 28px 0 28px 34px;
    }



    .xzwm_text {
        width: 170px;
    }

    /* .hy_item {

        margin: 0 2.3% 60px 2.3%;
    } */




    /*让SEO也如此简单*/

    .jd_item h5 {
        font-size: 18px;
        line-height: 28px;
    }



}

@media screen and (max-width:1680px) {

    .zsm_item_box {
        width: 100%;
        padding: 22px 30px 22px 36px;
    }

    .zcgn_item {
        margin: 0 30px;
    }




    /*选择我们的理由*/
    .xzwm_con {
        width: 100%;
        padding: 0 3%;
    }



    .xzwm_item_box {
        padding: 28px 0 28px 30px;
    }



    .xzwm_text {
        width: 170px;
    }

    .xzwm_text h5 {
        font-size: 18px;
        line-height: 20px;
    }




    /*网站数据加密*/





    .jm_item_box {
        width: 100%;
        padding: 40px 8.5% 40px 10%;
        display: flex;
        justify-content: left;
        align-items: center;
    }


    .hy_item {

        margin: 0 2.2% 60px 2.2%;
    }

    .mcon01_item div text {
        font-size: 18px;
        line-height: 28px;

    }

    .mcon02_item div text {
        font-size: 18px;
        line-height: 28px;

    }

    .side_item h5 {
        font-size: 18px;
        line-height: 24px;

    }

    .lc_n {
        display: inline-block;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }




    .fwlc_head {
        height: 62px;
        line-height: 62px;
    }

}

@media screen and (max-width:1650px) {

    .zsm_item_box {
        width: 100%;
        padding: 22px 30px 22px 36px;
    }

    .zsm_item img {

        margin-right: 14px;
    }

    .zsm_text h5 {
        font-size: 18px;
        line-height: 20px;
    }




    /*选择我们的理由*/



    .xzwm_item_box {
        padding: 26px 0 26px 24px;
    }

    .xzwm_item_box span {
        display: inline-block;
        width: 58px;
        height: 58px;
        background: url(../images/ly_icon.png) no-repeat;
        background-size: 112px auto;
        margin-right: 14px;

    }

    span.xz_icon01 {

        background-position: 0px 0px;
    }

    .xzwm_item_box:hover span.xz_icon01 {
        background-position: -56px 0px;
    }

    span.xz_icon02 {
        background-position: 0px -56px;
    }

    .xzwm_item_box:hover span.xz_icon02 {
        background-position: -56px -56px;
    }

    span.xz_icon03 {
        background-position: 0px -112px;
    }

    .xzwm_item_box:hover span.xz_icon03 {
        background-position: -56px -112px;
    }

    span.xz_icon04 {
        background-position: 0px -168px;
    }

    .xzwm_item_box:hover span.xz_icon04 {
        background-position: -56px -168px;
    }

    span.xz_icon05 {
        background-position: 0px -224px;
    }

    .xzwm_item_box:hover span.xz_icon05 {
        background-position: -56px -224px;
    }

    span.xz_icon06 {
        background-position: 0px -280px;
    }

    .xzwm_item_box:hover span.xz_icon06 {
        background-position: -56px -280px;
    }

    span.xz_icon07 {
        background-position: 0px -336px;
    }

    .xzwm_item_box:hover span.xz_icon07 {
        background-position: -56px -336px;
    }

    span.xz_icon08 {
        background-position: 0px -392px;
    }

    .xzwm_item_box:hover span.xz_icon08 {
        background-position: -56px -392px;
    }

    span.xz_icon09 {
        background-position: 0px -448px;
    }

    .xzwm_item_box:hover span.xz_icon09 {
        background-position: -56px -448px;
    }

    span.xz_icon10 {
        background-position: 0px -504px;
    }

    .xzwm_item_box:hover span.xz_icon10 {
        background-position: -56px -504px;
    }

    .xzwm_text {
        width: 170px;
    }

    .xzwm_text h5 {
        font-size: 17px;
        line-height: 20px;
    }

    .xzwm_text p {
        font-size: 13px;
        line-height: 18px;
        color: #888;
        height: 36px;

    }



    /*制作流程*/

    .zzlc_item {

        width: 14.4%;
    }


    .hy_item {
        width: 230px;
        height: 185px;
        margin: 0 2% 60px 2%;
    }

    .yh_b_text h5 {
        font-size: 38px;
        line-height: 40px;
    }

    .yh_b_text p {
        margin: 38px 0 0 0;
        font-size: 20px;
        line-height: 28px;
    }


    /*为什么我们的优化效果更明显？*/

    .yhxg_text {
        width: 80%;
        margin: auto;
    }

    .yhxg_text h5 {
        font-size: 22px;
        line-height: 30px;

    }




    /*让SEO也如此简单*/

    .jd_item {
        border-radius: 30px 0 30px 0;
    }

    .jd_item:hover::after {

        border-radius: 30px 0 30px 0;
    }

    .jd_item_box {
        padding: 46px 0 34px 0;
    }


    .jd_item h5 {
        font-size: 16px;
        line-height: 26px;
    }




    /*我们的承诺*/

    .kf04_con {
        padding: 0 8%;
    }

    .kf04_item {
        width: 14%;

    }

    .mcon01_item {
        padding: 28px 2% 4px 2%;
    }

    .mcon02_item {
        padding: 28px 2% 18px 2%;
    }


}

@media screen and (max-width:1440px) {

    .cp_module_head {
        font-size: 34px;
    }

    .zsm_item_box {
        width: 100%;
        padding: 22px 20px 22px 25px;
    }

    .zsm_item img {
        display: inline-block;
        width: 90px;
        max-width: 90px;
        margin-right: 12px;
    }

    .zsm_text h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .zsm_text p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 6px;
        color: #4e4e4e;
    }





    .zcgn_item {
        width: 230px;
        margin: 0 20px;
    }




    .zcgn_item h5 {
        line-height: 56px;
        font-size: 18px;

    }



    .zcgn_item ul li {
        width: 100%;
        line-height: 56px;

        padding-left: 65px;
    }

    .zcgn_item ul li img {
        width: 20px;
        height: auto;
    }





    /*选择我们的理由*/



    .xzwm_item_box {
        padding: 26px 0 26px 20px;
    }


    .xzwm_text {
        width: 154px;
    }


    /*制作流程*/


    .zzlc_item {
        width: 15%;
        height: 328px;
    }


    .zzlc_item h5 {
        font-size: 22px;
        line-height: 30px;
    }

    .zzlc_item h5::after {
        width: 54px;
        bottom: -12px;
        margin-left: -27px;
    }








    .lc_arrow img {
        width: 20px;
        margin: 0 24px;
    }






    /*网站数据加密*/
    .jm_item_box {
        width: 100%;
        padding: 40px 7.5% 40px 8.5%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .jm_item img {
        display: inline-block;
        width: 70px;
        height: auto;
        max-width: 70px;
        margin-right: 20px;
    }


    .jm_text h5 {
        font-size: 20px;
        line-height: 30px;
    }




    /*丰富强大SEO功能*/


    .seo_item {
        width: 15.5%;
        margin: 0 4%;
        margin-bottom: 80px;
    }


    .fh_con {
        padding-left: 1%;
        padding-right: 1%;
    }

    .fh_item {
        width: 20%;
    }



    .hy_item {
        width: 210px;
        height: 180px;
        margin: 0 1.7% 60px 1.7%;
    }



    .jz_text h5 {
        font-size: 22px;
        line-height: 30px;
        margin: 0;
        padding: 0;
    }

    .jz_text {
        padding-left: 7%;
    }

    .jz_text p {
        margin-top: 8px;
    }

    .zyys_item_box h5 {
        font-size: 22px;
        line-height: 68px;
    }




    /*邮箱*/


    .yx_item_box {
        padding: 30px 0 30px 7%;
    }




    .yx_text h5 {
        line-height: 34px;
        font-size: 18px;
    }

    .yx_text p {
        font-size: 14px;
        line-height: 22px;
        height: 66px;
        -webkit-line-clamp: 3;
    }



    .sygn_item_box {

        padding: 44px 9.9% 38px 9.9%;
    }

    .sygn_text h5 {
        font-size: 18px;
        line-height: 30px;
    }

    .sygn_text p {
        margin: 8px 0 0 0;
    }



    /*第三块内容*/

    .kf03_item h5 {
        font-size: 20px;
        color: #121212;
        line-height: 32px;
        text-align: center;
        margin: 0;
        padding: 0;
    }





    /*我们的承诺*/

    .kf04_con {
        padding: 0 6%;
    }

    .kf04_item {
        width: 14.8%;

    }




    .kf04_item_box span {
        font-size: 26px;
        line-height: 54px;
    }

    .kf04_item_box h5 {
        text-align: center;
        font-size: 18px;
        line-height: 30px;
    }

    .kf04_item_box p {
        font-size: 13px;
    }



    .mcon01_item {
        padding: 28px 2% 4px 2%;
    }

    .mcon02_item {
        padding: 28px 2% 18px 2%;
    }

    .mcon01_item div text {
        font-size: 16px;
    }

    .mcon02_item div text {
        font-size: 16px;

    }

    .side_item h5 {
        font-size: 16px;
    }



    .fwlc_head {
        height: 54px;
        line-height: 54px;
        font-size: 22px;
    }

}



@media screen and (max-width:1336px) {


    .zcgn_item {
        width: 220px;
        margin: 0 18px;
    }




    .zcgn_item h5 {
        line-height: 54px;
        font-size: 17px;

    }



    .zcgn_item ul li {

        line-height: 54px;

        padding-left: 60px;
    }

    .zcgn_item ul li img {
        width: 20px;
        height: auto;
    }






    /*选择我们的理由*/



    .xzwm_item_box {
        padding: 24px 0 24px 20px;
    }

    .xzwm_item_box span {
        display: inline-block;
        width: 54px;
        height: 54px;
        background: url(../images/ly_icon.png) no-repeat;
        background-size: 104px auto;
        margin-right: 10px;

    }

    span.xz_icon01 {

        background-position: 0px 0px;
    }

    .xzwm_item_box:hover span.xz_icon01 {
        background-position: -52px 0px;
    }

    span.xz_icon02 {
        background-position: 0px -52px;
    }

    .xzwm_item_box:hover span.xz_icon02 {
        background-position: -52px -52px;
    }

    span.xz_icon03 {
        background-position: 0px -104px;
    }

    .xzwm_item_box:hover span.xz_icon03 {
        background-position: -52px -104px;
    }

    span.xz_icon04 {
        background-position: 0px -156px;
    }

    .xzwm_item_box:hover span.xz_icon04 {
        background-position: -52px -156px;
    }

    span.xz_icon05 {
        background-position: 0px -208px;
    }

    .xzwm_item_box:hover span.xz_icon05 {
        background-position: -52px -208px;
    }

    span.xz_icon06 {
        background-position: 0px -260px;
    }

    .xzwm_item_box:hover span.xz_icon06 {
        background-position: -52px -260px;
    }

    span.xz_icon07 {
        background-position: 0px -312px;
    }

    .xzwm_item_box:hover span.xz_icon07 {
        background-position: -52px -312px;
    }

    span.xz_icon08 {
        background-position: 0px -364px;
    }

    .xzwm_item_box:hover span.xz_icon08 {
        background-position: -52px -364px;
    }

    span.xz_icon09 {
        background-position: 0px -416px;
    }

    .xzwm_item_box:hover span.xz_icon09 {
        background-position: -52px -416px;
    }

    span.xz_icon10 {
        background-position: 0px -468px;
    }

    .xzwm_item_box:hover span.xz_icon10 {
        background-position: -52px -468px;
    }

    .xzwm_text {
        width: 150px;
    }

    .xzwm_text h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .xzwm_text p {
        font-size: 12px;
        line-height: 16px;
        color: #888;
        margin-top: 10px;
        height: 32px;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }




    /*制作流程*/


    .zzlc_item {
        width: 14.5%;
        height: 328px;
    }


    .zzlc_item h5 {
        font-size: 20px;
        line-height: 34px;
    }

    .zzlc_item h5::after {
        width: 50px;
        margin-left: -25px;
    }


    .zzlc_item ul {
        width: auto;
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 20px;

    }

    .zzlc_item ul li {
        font-size: 14px;
        line-height: 32px;

    }





    .lc_arrow img {
        width: 20px;
        margin: 0 24px;
    }




    /*网站数据加密*/
    .jm_item_box {
        width: 100%;
        padding: 40px 7.5% 40px 8.5%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .jm_item img {
        display: inline-block;
        width: 70px;
        height: auto;
        max-width: 70px;
        margin-right: 14px;
    }


    .jm_text h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .jm_text p {
        font-size: 12px;
        line-height: 20px;
        height: 40px;

    }





    /*丰富强大SEO功能*/

    .seo_item {
        width: 15.5%;
        margin: 0 4%;
        margin-bottom: 80px;
    }


    .seo_item_box {
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .seo_item_box img {
        display: inline-block;
        width: 65px;
        height: 65px;
        margin-bottom: 24px;
    }

    .seo_item_box h5 {
        font-size: 18px;
        line-height: 30px;
    }

    .seo_item_box p {
        font-size: 12px;
        line-height: 20px;
        height: 60px;
    }



    /*网站多重安全防护*/

    .fh_item_box h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .fh_item_box p {
        font-size: 12px;
        line-height: 24px;
    }


    .yh_b_text h5 {
        font-size: 36px;
        line-height: 40px;
    }

    .yh_b_text p {
        margin: 30px 0 0 0;
        font-size: 18px;
        line-height: 26px;
    }



    /*为什么我们的优化效果更明显*/

    .yhxg_text {
        width: 80%;
    }

    .yhxg_text h5 {
        font-size: 18px;
        line-height: 28px;
        margin: 24px 0 0 0;
    }

    .yhxg_text h5::after {
        bottom: -17px;
    }

    .yhxg_text p {
        font-size: 13px;
        line-height: 20px;
        margin: 30px 0 0 0;
        padding: 0;
        height: 60px;
    }

    .zyys_item_box h5 {
        font-size: 20px;
        line-height: 66px;
    }

    .zyys_item_box p {
        font-size: 13px;
        line-height: 26px;
        height: 104px;
        color: #4E4E4E;
    }




    /*邮箱*/


    .yx_item_box {
        padding: 30px 0 30px 7%;
    }




    .yx_text h5 {
        line-height: 34px;
        font-size: 18px;
    }

    .yx_text p {
        font-size: 12px;
        line-height: 20px;
        height: 60px;
        -webkit-line-clamp: 3;
    }





    .mcon01_item {
        padding: 28px 1.5% 18px 1.5%;
    }

    .mcon02_item {
        padding: 28px 1.5% 18px 1.5%;
    }

    .mcon01_item div text {
        font-size: 15px;
    }

    .mcon02_item div text {
        font-size: 15px;

    }

    .side_item h5 {
        font-size: 15px;
    }

    .side_item div,
    .mcon02_item p,
    .mcon01_item p {
        font-size: 13px;
        line-height: 25px;
    }

    .side_item div {
        height: 108px;
    }

    .mcon02_item p,
    .mcon01_item p {
        height: 100px;
    }



    .fwlc_head {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

}





@media screen and (max-width:1279px) {

    .cp_module_head {
        font-size: 32px;
    }

    .zcgn_item {
        width: 220px;
        margin: 0 15px;
    }




    .zcgn_item h5 {
        line-height: 54px;
        font-size: 17px;

    }



    .zcgn_item ul li {

        line-height: 54px;

        padding-left: 60px;
    }

    .zcgn_item ul li img {
        width: 20px;
        height: auto;
    }




    /*选择我们的理由*/



    .xzwm_item_box {
        padding: 20px 0 20px 16px;
    }

    .xzwm_item_box span {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: url(../images/ly_icon.png) no-repeat;
        background-size: 96px auto;
        margin-right: 10px;

    }

    span.xz_icon01 {

        background-position: 0px 0px;
    }

    .xzwm_item_box:hover span.xz_icon01 {
        background-position: -48px 0px;
    }

    span.xz_icon02 {
        background-position: 0px -48px;
    }

    .xzwm_item_box:hover span.xz_icon02 {
        background-position: -48px -48px;
    }

    span.xz_icon03 {
        background-position: 0px -96px;
    }

    .xzwm_item_box:hover span.xz_icon03 {
        background-position: -48px -96px;
    }

    span.xz_icon04 {
        background-position: 0px -144px;
    }

    .xzwm_item_box:hover span.xz_icon04 {
        background-position: -48px -144px;
    }

    span.xz_icon05 {
        background-position: 0px -192px;
    }

    .xzwm_item_box:hover span.xz_icon05 {
        background-position: -48px -192px;
    }

    span.xz_icon06 {
        background-position: 0px -240px;
    }

    .xzwm_item_box:hover span.xz_icon06 {
        background-position: -48px -240px;
    }

    span.xz_icon07 {
        background-position: 0px -288px;
    }

    .xzwm_item_box:hover span.xz_icon07 {
        background-position: -48px -288px;
    }

    span.xz_icon08 {
        background-position: 0px -336px;
    }

    .xzwm_item_box:hover span.xz_icon08 {
        background-position: -48px -336px;
    }

    span.xz_icon09 {
        background-position: 0px -384px;
    }

    .xzwm_item_box:hover span.xz_icon09 {
        background-position: -48px -384px;
    }

    span.xz_icon10 {
        background-position: 0px -432px;
    }

    .xzwm_item_box:hover span.xz_icon10 {
        background-position: -48px -432px;
    }

    .xzwm_text {
        width: 140px;
    }


    .xzwm_text p {

        margin-top: 8px;

    }



    /*网站数据加密*/
    .jm_item_box {
        width: 100%;
        padding: 34px 7% 34px 8%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .jm_item img {
        display: inline-block;
        width: 64px;
        height: auto;
        max-width: 64px;
        margin-right: 14px;
    }


    .jm_text h5 {
        font-size: 16px;
        line-height: 26px;
    }

    .jm_text p {
        font-size: 12px;
        line-height: 20px;
        height: 40px;

    }


    .hy_item {
        width: 200px;
        height: 170px;
        margin: 0 1.4% 60px 1.4%;
    }

}




@media screen and (max-width:1200px) {


    .zcgn_item {
        width: 210px;
        margin: 0 13px;
    }




    .zcgn_item h5 {
        line-height: 52px;


    }



    .zcgn_item ul li {

        line-height: 52px;

        padding-left: 58px;
    }





    /*选择我们的理由*/



    .xzwm_item_box {
        padding: 20px 0 20px 14px;
    }

    .xzwm_item_box span {

        margin-right: 8px;

    }

    .xzwm_text {
        width: 135px;
    }

    .xzwm_text h5 {
        font-size: 15px;
        line-height: 17px;
    }

    .xzwm_text p {

        margin-top: 6px;

    }

}





@media screen and (max-width:1024px) {
    .cpxq_banner .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }

    .cpxq_banner .swiper-pagination-bullet-active {
        width: 10px;
        border-radius: 2px;
    }





    /*网站开发数据展示*/

    .cpxq_data_con {
        height: auto;
        padding: 6px 0;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        box-shadow: 0 -6px 80px rgba(74, 74, 74, .10);
    }

    .cpxq_data_item {
        width: 50%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 10px 0;
        border-right: 1px solid #EBEBEB;
        margin: 12px 0;
    }

    .cpxq_data_item:last-child,
    .cpxq_data_item:nth-child(2) {
        border: none
    }

    .cpxq_data_item p {
        font-size: 12px;
        margin: 10px 0 0 0;
        line-height: 14px;
    }

    .cpxq_data_item div {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        font-size: 30px;
        font-weight: bold;
        line-height: 32px;
    }

    .cpxq_data_item div text {
        font-size: 12px;
        color: #666;
        line-height: 24px;
        margin-left: 4px;
        font-weight: normal;
    }

    /*我们能做什么*/

    .cp_module_head {
        font-size: 22px;
        padding: 40px 10px 30px 10px;
    }

    .qing .cp_module_head {
        padding: 12px 10px 30px 10px;
    }

    .zsm_con {
        flex-wrap: wrap;
        padding-bottom: 25px;
    }

    .zsm_item {

        width: 100%;
        margin-bottom: 15px;

    }

    .zsm_item_box {
        width: 100%;
        padding: 16px 15px 16px 15px;
    }

    .zsm_item img {
        display: inline-block;
        width: 70px;
        height: auto;
        max-width: 70px;
        margin-right: 10px;
    }

    .zsm_text h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .zsm_text p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px;
    }


    /*支持功能*/
    .zcgn_con {
        display: none;
    }

    .zcgn_con_m {
        display: inline-block;
        width: 100%;
    }

    .zcgn_con_m .swiper-container {
        width: 100%;
        padding-bottom: 40px;
    }

    .zcgn_con_m .swiper-slide {
        text-align: center;

        width: 230px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


    .zcgn_con_m .swiper-slide:nth-child(1n) {
        margin-left: 10px !important;
    }

    .zcgn_item {
        width: 100%;
        margin: 0;
    }

    .zcgn_con_m .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }

    .zcgn_con_m .swiper-pagination-bullet-active {
        width: 12px;
        background: #0090d8;
        border-radius: 2px;
    }

    .zcgn_con_m .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 15px;
    }





    /*选择我们的理由*/

    .xzwm_item {
        width: 100%;
        margin-bottom: 15px;
    }

    .xzwm_item_box {
        padding: 20px 0 20px 16px;
    }

    .xzwm_item_box span {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: url(../images/ly_icon.png) no-repeat;
        background-size: 96px auto;
        margin-right: 10px;

    }

    span.xz_icon01 {

        background-position: 0px 0px;
    }

    .xzwm_item_box:hover span.xz_icon01 {
        background-position: -48px 0px;
    }

    span.xz_icon02 {
        background-position: 0px -48px;
    }

    .xzwm_item_box:hover span.xz_icon02 {
        background-position: -48px -48px;
    }

    span.xz_icon03 {
        background-position: 0px -96px;
    }

    .xzwm_item_box:hover span.xz_icon03 {
        background-position: -48px -96px;
    }

    span.xz_icon04 {
        background-position: 0px -144px;
    }

    .xzwm_item_box:hover span.xz_icon04 {
        background-position: -48px -144px;
    }

    span.xz_icon05 {
        background-position: 0px -192px;
    }

    .xzwm_item_box:hover span.xz_icon05 {
        background-position: -48px -192px;
    }

    span.xz_icon06 {
        background-position: 0px -240px;
    }

    .xzwm_item_box:hover span.xz_icon06 {
        background-position: -48px -240px;
    }

    span.xz_icon07 {
        background-position: 0px -288px;
    }

    .xzwm_item_box:hover span.xz_icon07 {
        background-position: -48px -288px;
    }

    span.xz_icon08 {
        background-position: 0px -336px;
    }

    .xzwm_item_box:hover span.xz_icon08 {
        background-position: -48px -336px;
    }

    span.xz_icon09 {
        background-position: 0px -384px;
    }

    .xzwm_item_box:hover span.xz_icon09 {
        background-position: -48px -384px;
    }

    span.xz_icon10 {
        background-position: 0px -432px;
    }

    .xzwm_item_box:hover span.xz_icon10 {
        background-position: -48px -432px;
    }

    .xzwm_text {
        width: 70%;
    }

    .xzwm_text h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .xzwm_text p {
        font-size: 12px;
        line-height: 16px;
        color: #888;
        margin-top: 10px;
        height: 32px;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }


    /*制作流程*/

    .zzlc_con {
        display: none;
    }

    .zzlc_con_m {
        width: 100%;
    }






    .zzlc_con_m .swiper-container {
        width: 100%;
        padding-bottom: 40px;
    }

    .zzlc_con_m .swiper-slide {
        text-align: center;

        width: 185px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .lc_swiper_box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* .zzlc_item {
        width: 150px;
    } */

    /* .zcgn_con_m .swiper-slide:nth-child(5n) {
        width: 150px;
    } */
    .zcgn_item:hover {
        margin-top: 0;
    }
    
    .zcgn_con_m .swiper-slide:nth-child(1n) {
        margin-left: 15px !important;
    }

    .lc_arrow {
        display: inline-block;
        width: 17px;
        height: auto;
    }

    .lc_arrow img {
        margin: 0;
    }

    .zcgn_con_m .swiper-slide:nth-child(5n) .lc_arrow {
        display: none;
    }



    /*网站数据加密*/

    .jm_con {
        width: 100%;
        padding: 0 3%;
        padding-bottom: 25px;
    }

    .jm_item {

        width: 100%;

        margin: 0;
        margin-bottom: 15px;

    }


    .jm_item_box {
        width: 100%;
        padding: 20px 5% 20px 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .jm_item img {
        display: inline-block;
        width: 40px;
        height: auto;
        margin-right: 0;
    }

    .jm_text {
        width: 80%;
    }

    .jm_text h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .jm_text p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px;
        color: #888;

        height: unset;
        padding: 0;
        overflow: unset;
        text-overflow: unset;
        display: inline-block
    }



    /*丰富强大SEO功能*/
    .cp_module_head_seo {

        padding: 40px 20px 30px 20px;
    }

    .seo_con {
        width: 100%;
        max-width: 100%;
        padding: 0 0 0 3%;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

    .seo_con:last-child .seo_item:last-child {
        margin-bottom: 40px;
    }


    .seo_item {
        width: 100%;
        margin: 0;
        margin-bottom: 25px;
    }

    .seo_item:hover h5::before {
        content: '';
        width: 0;
    }

    .seo_item_box {
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: flex-start;
        flex-direction: unset;
        text-align: left;
    }

    .seo_item_box img {
        display: inline-block;
        width: 48px;
        height: 48px;
        margin: 0 15px 0 0;
    }

    .seo_text {
        display: inline-block;
        width: 79%;
    }

    .seo_item_box h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .seo_item_box p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 6px;
        height: auto;

        overflow: visible;
        text-overflow: unset;
        display: inline-block;
        -webkit-box-orient: unset;
    }



    /*网站多重安全防护*/


    .fh_con {
        width: 100%;
        max-width: 100%;
        padding: 0 3% 15px 3%;
        margin: auto;
        display: flex;
        justify-content: left;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .fh_text {
        width: 78%;
    }

    .fh_item {
        width: 100%;
        margin-bottom: 25px;

    }




    .fh_item:hover h5::before {
        width: 0px;
    }



    .fh_item_box {
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: flex-start;
        flex-direction: unset;
        text-align: left;
    }

    .fh_item_box img {
        display: inline-block;
        width: 61px;
        height: 61px;
        margin: 0 15px 0 0;
    }

    .fh_item_box h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .fh_item_box p {
        font-size: 12px;
        line-height: 16px;
        color: #4e4e4e;
        margin-top: 6px;
    }



    /*适用行业*/
    .hy_con {
        width: 100%;
        max-width: 100%;
        padding: 0 9.2%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
        padding-bottom: 20px;
    }

    .hy_item {
        display: flex;
        justify-content: center;
        border-radius: 4px;
        width: 46%;
        align-items: center;
        height: auto;
        margin: 0 0 20px 0;
        padding: 28px 0;
        flex-direction: column;

    }




    .hy_item img {
        display: inline-block;
        width: 38px;
        height: 38px;
        margin-bottom: 10px;
    }

    .hy_item h5 {
        font-size: 12px;
        line-height: 16px;
    }





    .yh_b_box {
        width: 100%;
        padding: 0 0 0 3%;
        height: 100%;
        max-width: 100%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .yh_b_text {
        padding-left: 3%;
        width: 50%;
    }

    .yh_b_text h5 {
        font-size: 21px;
        line-height: 24px;
    }

    .yh_b_text p {
        margin: 16px 0 0 0;
        font-size: 12px;
        line-height: 16px;
    }

    .yh_b_right {
        height: 100%;
    }

    .yh_b_right .index_banner_m {
        height: 77.25%;
        width: auto;
        max-height: unset;
        margin-top: 11.37%;
    }





    /*营销推广产品矩阵*/
    .cpjz_con {
        max-width: 100%;
    }

    .cpjz_item {
        width: 100%;
        background: #167fe6;
        border-radius: 4px;
        padding: 5px 0;
        margin-bottom: 15px;
    }



    .jz_pt span:last-child {
        display: inline-block;
        width: 42%;
        margin-right: 4%;
    }


    .jz_text {
        position: absolute;
        top: 0;
        left: 0;
        padding-left: 4%;
    }

    .jz_text h5 {
        font-size: 16px;
        line-height: 18px;
    }

    .jz_text p {
        font-size: 12px;
        line-height: 16px;
        margin: 8px 0 0 0;
    }


    /*为什么我们的优化效果更明显？*/

    .yhxg_con {
        width: 100%;
        max-width: 100%;
        margin: auto;
        padding: 0 3%;

        flex-wrap: wrap;
        padding-bottom: 25px;
    }

    .yhxg_item {
        padding: 17px 0 17px 0;
        width: 31.3%;
        border-radius: 4px;
        margin-bottom: 10px;

    }

    .yhxg_item_box {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .yhxg_item_box img {
        display: inline-block;
        width: 76.8%;
        height: auto;
        max-width: unset;
    }



    .yhxg_text {
        width: 100%;
        margin: auto;
    }

    .yhxg_text h5 {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 1px;
        margin: 16px 0 0 0;
    }

    .yhxg_text h5::after {
        display: none;

    }

    .yhxg_text p {
        display: none;
    }





    /*让SEO也如此简单*/
    .jd_con {
        width: 100%;
        max-width: 100%;
        margin: auto;
        padding: 0px 3% 10px 3%;

        align-items: center;
        flex-wrap: wrap;
    }

    .jd_con .lc_arrow img,
    .jd_con .lc_arrow {
        display: none;
    }

    .jd_item {
        width: 31%;
        border-radius: 30px 0 30px 0;
        margin-bottom: 30px;

    }

    .jd_item_box {
        padding: 22px 0 18px 0;
    }

    .jd_item img {
        display: inline-block;
        width: 30%;
        height: auto;
    }

    .jd_item h5 {
        margin: 15px 0 0 0;
        font-size: 12px;
        line-height: 14px;
    }

    .jd_item:last-child {
        display: none;
    }




    /*专业优势*/
    .zyys_con {
        max-width: 100%;
        flex-wrap: wrap;
        padding-bottom: 30px;
    }

    .zyys_item {
        position: relative;
        width: 48.7%;

        margin-bottom: 10px;
    }


    .zyys_item_box {
        width: 100%;
        background: url(../images/cp/yh/ys_01.png) no-repeat #fff;
        background-size: 23.5% auto;
        background-position: top right;
        border-radius: 6px;
        overflow: hidden;
        padding: 8px 8.9% 18px 8.9%;
    }

    .zyys_item:nth-child(2) .zyys_item_box {

        background: url(../images/cp/yh/ys_02.png) no-repeat #fff;
        background-size: 23.5% auto;
        background-position: top right;

    }

    .zyys_item:nth-child(3) .zyys_item_box {

        background: url(../images/cp/yh/ys_03.png) no-repeat #fff;
        background-size: 23.5% auto;
        background-position: top right;

    }

    .zyys_item:nth-child(4) .zyys_item_box {

        background: url(../images/cp/yh/ys_04.png) no-repeat #fff;
        background-size: 23.5% auto;
        background-position: top right;

    }

    .zyys_item_box h5 {
        font-size: 14px;
        line-height: 44px;
    }

    .zyys_item_box p {
        margin: 10px 0 0 0;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
        height: 108px;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
    }





    /*邮箱*/
    .yx_con {
        width: 100%;
        max-width: 100%;
        padding: 0 2.5%;
        padding-bottom: 8px;
    }

    .yx_item {
        width: 100%;
        position: relative;
        margin-bottom: 12px;
        box-shadow: 0 4px 10px rgba(74, 74, 74, .04);
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }



    .yx_item::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        content: '';
        border-radius: 4px;
        box-shadow: 0 -4px 10px rgba(74, 74, 74, .04);

    }

    .yx_item_box {
        width: 100%;
        background: #fff;
        border-radius: 4px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 26px 3.8% 26px 4.2%;
    }

    .yx_item_box img {
        display: inline-block;
        width: 11.6%;
        max-width: unset;
        height: auto;
        margin: 0;
    }

    .yx_text {
        width: 75.9%;
    }

    .yx_text h5 {
        line-height: 18px;
        font-size: 16px;
    }

    .yx_text p {
        font-size: 12px;
        line-height: 16px;
        margin: 4px 0 0 0;

        height: unset;
        overflow: unset;
        text-overflow: unset;
        display: inline-block;
        -webkit-box-orient: unset;
        -webkit-line-clamp: unset;
    }

    .m_hide {
        display: none;
    }






    /*整合方案*/
    .zh_con {
        max-width: 100%;
        padding: 0 3% 25px 3%;
        flex-wrap: wrap;
    }

    .zh_item {
        width: 47.8%;
        margin-bottom: 15px;
    }

    .zh_item_box {
        width: 100%;
        border: 1px solid #EAEAEA;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 30px 7% 15px 7%;
    }

    .zh_item_box img {
        width: 64.2%;
        height: auto;
        max-width: unset;
        margin-bottom: 22px;
    }

    .zh_item_text {
        width: 100%;
    }

    .zh_item_text h5 {
        font-size: 16px;
        line-height: 30px;
    }

    .zh_item_text p {

        width: 100%;
        font-size: 13px;
        color: #888;
        line-height: 20px;

        -webkit-line-clamp: 4;

        height: 80px;
    }




    /*用户使用功能*/
    .sygn_con {
        max-width: 100%;
        flex-wrap: wrap;
        padding: 0 3%;
    }

    .sygn_item {
        width: 100%;
        margin-bottom: 13px;
    }



    .sygn_item_box {
        width: 100%;
        background: #fafafa;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 17px 3% 17px 3.2%;
    }

    .sygn_item_box img {
        width: 13.5%;
        max-width: unset;
        margin: 0px;

    }

    .sygn_text {
        width: 81.5%;
    }

    .sygn_text h5 {
        font-size: 16px;
        line-height: 18px;

    }

    .sygn_text p {

        font-size: 12px;

        line-height: 16px;
        padding: 0;
        overflow: visible;
        text-overflow: unset;
        display: inline-block;
        -webkit-box-orient: unset;
        -webkit-line-clamp: unset;
        text-align: left;
        height: auto;
        margin: 6px 0 0 0;
    }




    .sygn_con01 {
        max-width: 100%;
        padding: 0 3% 20px 3%;
    }

    .sygn01_item {
        width: 100%;
        padding: 24px 0 0 0;
        margin-bottom: 12px;
    }



    .sygn01_item h5 {

        font-size: 16px;

        border-left: 2px solid #0090D8;
        line-height: 18px;
    }

    .sygn01_item div {
        text-transform: uppercase;
        padding-left: 14px;
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        overflow: visible;
        text-overflow: unset;
        display: inline-block;
        -webkit-box-orient: unset;
        -webkit-line-clamp: unset;
        height: auto;
        margin: 6px 0 0 0;
    }








    /*定制开发*/
    /*第一块内容*/
    .kf01_con {
        max-width: 100%;
        flex-wrap: wrap;
        padding: 0 3% 0 4%;
    }

    .kf01_item {
        width: 100%;
        margin-bottom: 20px;
    }

    .kf01_item:hover h5 {
        color: #0090D8;
        padding-left: 0;
    }


    .kf01_item_box {
        width: 100%;
        padding: 0;

    }

    .kf01_item_box img {
        width: 36px;
        margin-bottom: 6px;
    }

    .kf01_item_box h5 {
        line-height: 20px;
        font-size: 16px;

    }

    .kf01_item_box p {
        line-height: 16px;
        font-size: 12px;
        margin-top: 8px;
    }



    /*第二块内容*/
    .kf02_con {
        max-width: 100%;
        flex-wrap: wrap;
        padding: 0 3% 24px 3%;
    }

    .kf02_item {
        width: 47.8%;
        margin-bottom: 15px;
    }

    .kf02_item:hover h5::after {
        width: 56px;
    }


    .kf02_item_box {
        position: relative;
        width: 100%;
        border: 1px solid #e6e7eb;
        padding: 18px 8% 18px 8%;

    }

    .sz_span {
        display: inline-block;
        width: 44px;
        height: auto;
    }


    .kf02_item_box .kficon_img {
        width: 36px;
        margin-bottom: 10px;
    }

    .kf02_item_box h5 {
        line-height: 32px;
        font-size: 16px;

    }

    .kf02_item_box h5::after {
        content: '';
        width: 18px;

    }

    .kf02_item_box p {
        width: 100%;
        line-height: 16px;
        font-size: 12px;
        margin: 10px 0 0 0;
        padding: 0;
        color: #888888;
        height: 80px;
    }



    /*第三块内容*/
    .kf03_con {
        flex-wrap: wrap;
    }

    .kf03_item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 50%;
        margin-bottom: 25px;
    }

    .kf03_item h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .kf03_item img {
        width: 38px;
        margin-bottom: 10px;
    }


    /*我们的承诺*/

    .kf04_con {
        flex-wrap: wrap;
        max-width: 100%;
        padding: 0 3% 30px 3%;
    }

    .kf04_item {
        width: 47.8%;
        margin-bottom: 15px;

    }


    .kf04_item_box {
        width: 100%;
        padding: 15px 9% 5px 9%;
    }

    .kf04_item_box span {
        font-size: 24px;
        line-height: 48px;
    }

    .kf04_item_box h5 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: unset;
    }

    .kf04_item_box p {
        font-size: 12px;
        line-height: 18px;
        margin: 4px 0 0 0;

        height: 90px;
    }





    /*软件研发服务流程*/
    .kf05_con {
        padding: 0 3% 20px 3%;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .fwlc_side {
        width: 100%;
        margin-bottom: 20px;
    }

    .fwlc_head {
        height: 36px;
        line-height: 36px;
        font-size: 16px;
    }

    .fwlc_head_left {
        background: url(../images/sq_bj_m.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .fwlc_head_center {
        background: url(../images/sz_bj_m.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .fwlc_head_right {
        background: url(../images/sq_bj_m.jpg) no-repeat center center;
        background-size: 100% 100%;
    }

    .fwlc_center {
        margin-bottom: 20px;
        width: 100%;
    }

    .fwlc_side_con {
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: unset;
    }

    .side_item {
        width: 47.8%;
        margin-top: 10px;
        padding: 20px 4% 10px 4%;
    }

    .lc_n {
        display: inline-block;
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 14px;
    }

    .side_item h5 {
        margin: 18px 0 6px 0;
        font-size: 16px;
        line-height: 22px;
    }

    .side_item div {
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        height: 80px;
    }


    .fwlc_m_con {
        padding: 0;
    }

    .m_con_01 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .mcon01_item {
        width: 47.8%;
        margin-top: 10px;
        padding: 20px 4% 10px 4%;
    }

    .mcon01_item div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .mcon01_item div text {
        margin: 18px 0 6px 0;
        font-size: 16px;
        line-height: 22px;
    }

    .mcon01_item p {
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        height: 80px;
    }



    .m_con_02 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .mcon02_item {
        width: 47.8%;
        margin-top: 10px;
        padding: 20px 4% 10px 4%;
    }

    .mcon02_item div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .mcon02_item div text {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .mcon02_item p {
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        height: 80px;
    }



}