/*
 * 飞讯官网响应式增强
 * 仅在视口小于 1200px 时生效，原有电脑端布局与样式保持不变。
 */

.fx-nav-toggle,
.fx-submenu-toggle,
.hl_nav .fx-mobile-call {
    display: none;
}

@media (max-width: 1199px) {
    html,
    body {
        width: 100%;
        min-width: 0 !important;
        overflow-x: hidden;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    img,
    video,
    iframe,
    embed,
    object {
        max-width: 100%;
    }

    table {
        max-width: 100%;
    }

    .container,
    .center,
    .w1200,
    .wide1190,
    .main-min,
    .dataBox,
    .syysc,
    .ys_title,
    .ys_nr,
    .tab .box,
    #tabCon_0,
    #tabCon_1,
    .nav-menu,
    .sibu ul.sb_content,
    .liudaquanyi,
    .zhenhao,
    .xiaoguozhanshi,
    .shilipai,
    .anxinshouhou,
    .db_dy,
    .qw_liu dl,
    .zc_anli,
    .zc_anli_bt,
    .mail-wrap,
    .utext,
    .dtext {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container,
    .center,
    .w1200,
    .wide1190,
    .main-min,
    .dataBox {
        padding-left: 24px;
        padding-right: 24px;
    }

    /* 公共头部与导航 */
    .header {
        height: 96px;
    }

    .header .container {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .logo {
        width: auto;
        max-width: calc(100% - 340px);
        display: flex;
        align-items: center;
    }

    .logo img {
        float: none;
        width: auto;
        max-width: 260px;
        height: auto;
    }

    .logor {
        float: none;
        margin-top: 0;
    }

    .hd_r {
        float: none;
        width: auto;
        min-width: 310px;
    }

    .hd_r ul {
        margin-left: 0;
    }

    .header .tel {
        margin-top: 28px;
    }

    .hl_nav {
        min-width: 0;
    }

    .hl_nav .nav_list {
        width: 100%;
        left: 0;
        margin-left: 0;
        display: flex;
        justify-content: center;
    }

    .hl_nav .nav_list > li {
        width: 11.111%;
        min-width: 0;
    }

    /* 轮播与内页横幅 */
    #wrapper,
    .fullwidthbanner-container,
    .fullwidthbanner,
    .tp-simpleresponsive {
        max-width: 100% !important;
    }

    .fullwidthbanner-container img {
        height: auto !important;
    }

    .ny_banner {
        width: 100%;
        background-size: cover !important;
        background-position: center !important;
    }

    /* 首页 */
    .syys {
        background-size: cover;
    }

    .syysc {
        padding-left: 24px;
        padding-right: 24px;
    }

    .ys_nr {
        max-width: 1000px !important;
    }

    .days {
        max-width: 38%;
    }

    .tab .box {
        padding: 0 24px;
    }

    .tab .box .menus {
        width: 18%;
    }

    .tab .box .menus li {
        width: 100%;
    }

    .tab .right {
        width: 80%;
    }

    .tab .tab_right {
        width: 100%;
        padding: 0 8px;
    }

    .tab .tab_right ul li {
        width: calc(25% - 12px);
        margin-left: 8px;
    }

    .n_l {
        width: calc(33.333% - 12px);
    }

    /* 通用内页、列表与详情 */
    .ny {
        padding-left: 0;
        padding-right: 0;
    }

    .ny_fenlei ul {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .ny_fenlei ul li,
    .current {
        width: auto;
        min-width: 150px;
        flex: 1 1 auto;
    }

    .pic_list ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .pic_list ul li {
        float: none;
        width: auto;
        margin: 0;
    }

    .pic_list ul li a.p_pic {
        width: 100%;
    }

    .ny_news dl dd.n_list {
        width: calc(100% - 95px);
    }

    #iteminfo_column_1,
    #newsinfo_column_1,
    #productinfo_column_1,
    #sellinfo_column_1 {
        max-width: 100%;
    }

    #iteminfo_column_1 img,
    #newsinfo_column_1 img,
    #productinfo_column_1 img,
    #sellinfo_column_1 img,
    .ny_con img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 业务落地页的通用双栏与网格 */
    .strategy-l,
    .strategy-r,
    .strategy-l2,
    .strategy-r2,
    .strategy-l3,
    .strategy-r3,
    .seol1,
    .seor1,
    .fxi-l1,
    .fxi-r1 {
        max-width: 50%;
    }

    .box_one,
    .two_bg .box_two {
        width: auto;
        max-width: 100%;
        margin-left: 24px;
        margin-right: 24px;
    }

    .webappSpecial_addvantage ul,
    .wx7-step,
    .serve-box,
    .dataBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .webappSpecial_addvantage ul li {
        width: calc(25% - 30px);
        margin: 15px;
    }

    .wx7-step-box {
        width: calc(25% - 30px);
        margin: 15px !important;
    }

    .dataBox .data {
        width: 33.333%;
    }

    .ui-hometodo ul {
        margin-left: 0;
        margin-right: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .ui-hometodo ul li {
        width: 25%;
        padding: 12px;
    }

    .server-item {
        width: 20%;
    }

    .sibu ul.sb_content {
        display: flex;
        justify-content: center;
    }

    .sibu ul.sb_content li.sibu_item {
        width: 18%;
    }

    .sibu ul.sb_content li.sibu_sep {
        width: 2.5%;
    }

    li.yihuo_item {
        width: calc(50% - 20px);
        height: auto;
    }

    li.yihuo_item:nth-of-type(2n) {
        margin-left: 20px;
    }

    li.yihuo_item p.jd_title,
    li.yihuo_item p.jd_intro {
        width: 100%;
        float: none;
    }

    /* 页脚 */
    .ft_l {
        width: 68%;
    }

    .ft_l dl {
        width: 20%;
        margin-right: 0;
    }

    .ft_r {
        width: 30%;
        display: flex;
        justify-content: flex-end;
    }

    .ewm {
        width: 46%;
        margin-left: 4%;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 15px;
    }

    body.fx-nav-lock {
        overflow: hidden;
    }

    .container,
    .center,
    .w1200,
    .wide1190,
    .main-min,
    .dataBox,
    .tab .box {
        padding-left: 15px;
        padding-right: 15px;
    }

    h1,
    .ny_tit {
        word-break: break-word;
    }

    p {
        word-break: break-word;
    }

    /* 手机头部 */
    .header {
        height: 72px;
        background: #fff;
    }

    .header .container {
        padding: 8px 15px;
    }

    .logo {
        width: 100%;
        max-width: 100%;
    }

    .logo img {
        max-width: 185px;
        max-height: 54px;
    }

    .logor,
    .hd_r {
        display: none;
    }

    .hl_nav {
        display: flex;
        align-items: center;
        height: 48px;
        min-height: 48px;
        z-index: 10000;
    }

    .fx-nav-toggle {
        position: relative;
        z-index: 10002;
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        gap: 10px;
        width: auto;
        height: 48px;
        padding: 0 15px;
        border: 0;
        background: #137cd8;
        color: #fff;
        font: 16px/1.2 "Microsoft YaHei", sans-serif;
        text-align: left;
        touch-action: manipulation;
        cursor: pointer;
    }

    .hl_nav .fx-mobile-call {
        position: relative;
        z-index: 10002;
        display: flex;
        flex: 0 0 108px;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 48px;
        border-left: 1px solid rgba(255, 255, 255, .28);
        background: #137cd8;
        color: #fff;
        font-size: 14px;
    }

    .fx-mobile-call:hover {
        color: #fff;
        font-size: 14px;
    }

    .fx-nav-toggle-icon,
    .fx-nav-toggle-icon::before,
    .fx-nav-toggle-icon::after {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 2px;
        background: #fff;
        transition: transform .25s ease, opacity .25s ease;
    }

    .fx-nav-toggle-icon {
        position: relative;
    }

    .fx-nav-toggle-icon::before,
    .fx-nav-toggle-icon::after {
        content: "";
        position: absolute;
        left: 0;
    }

    .fx-nav-toggle-icon::before {
        top: -7px;
    }

    .fx-nav-toggle-icon::after {
        top: 7px;
    }

    .fx-nav-open .fx-nav-toggle-icon {
        background: transparent;
    }

    .fx-nav-open .fx-nav-toggle-icon::before {
        top: 0;
        transform: rotate(45deg);
    }

    .fx-nav-open .fx-nav-toggle-icon::after {
        top: 0;
        transform: rotate(-45deg);
    }

    .hl_nav .nav_list {
        position: fixed;
        z-index: 10001;
        top: 120px;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
        width: 100%;
        height: auto !important;
        margin: 0;
        padding: 8px 15px 30px;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
    }

    .hl_nav.fx-nav-open .nav_list {
        display: block;
    }

    .hl_nav .nav_list > li {
        position: relative;
        float: none;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #edf0f2;
        text-align: left;
    }

    .hl_nav .nav_list > li:hover,
    .hl_nav .nav_list > li.highlight:hover {
        background: transparent;
    }

    .hl_nav .nav_head {
        height: 48px;
        padding: 0 50px 0 12px;
        background: #fff !important;
        color: #333;
        font-size: 16px;
        line-height: 48px;
    }

    .hl_nav .nav_list > li.active .nav_head {
        color: #137cd8;
    }

    .hl_nav .nav_icon {
        width: 25px;
        color: #137cd8;
        text-align: center;
    }

    .fx-submenu-toggle {
        position: absolute;
        z-index: 2;
        top: 5px;
        right: 0;
        display: block;
        width: 42px;
        height: 38px;
        padding: 0;
        border: 0;
        background: transparent;
        touch-action: manipulation;
        cursor: pointer;
    }

    .fx-submenu-toggle span::before,
    .fx-submenu-toggle span::after {
        content: "";
        position: absolute;
        top: 18px;
        left: 13px;
        width: 16px;
        height: 2px;
        background: #777;
    }

    .fx-submenu-toggle span::after {
        transform: rotate(90deg);
        transition: transform .2s ease;
    }

    .fx-submenu-open .fx-submenu-toggle span::after {
        transform: rotate(0);
    }

    .hl_nav .item {
        display: none;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto;
        min-height: 42px;
        padding: 10px 20px 10px 46px;
        border-top: 1px dashed #e8e8e8;
        background: #f8fafc;
        color: #555;
        line-height: 22px;
        text-align: left;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .hl_nav .fx-has-submenu.fx-submenu-open > .item {
        display: block !important;
    }

    .hl_nav .shade {
        display: none !important;
    }

    /* 横幅 */
    .fullwidthbanner-container,
    .fullwidthbanner-container .fullwidthabnner {
        min-height: 0 !important;
    }

    .fullwidthbanner > ul > li {
        width: 100% !important;
        height: 100% !important;
    }

    .fullwidthbanner > ul > li img {
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover;
        opacity: 1 !important;
    }

    .tp-bullets,
    .tparrows {
        display: none !important;
    }

    .ny_banner {
        height: 150px !important;
    }

    /* 首页 */
    .service,
    .case,
    .qyfc,
    .news {
        padding: 35px 0;
    }

    .service {
        padding-left: 15px;
        padding-right: 15px;
    }

    .service .f {
        width: 100%;
        height: auto;
        border-left: 0;
        overflow: visible;
    }

    .service .f ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .service .f li,
    .service .f li.hover,
    .service .f.two1s li,
    .service .f.two1s li.hover {
        float: none;
        width: 100%;
    }

    .service .f li .x span {
        padding-top: 24px;
        font-size: 16px;
    }

    .service .f li .x b {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .syys {
        background: #f6f8fa;
    }

    .syysc {
        padding: 35px 15px;
    }

    .ys_nr {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        height: auto;
        margin-top: 0;
    }

    .days,
    .wz1,
    .wz2,
    .wz3,
    .wz4,
    .wz5,
    .wz6 {
        position: static;
        width: 100%;
        max-width: 100%;
        padding: 18px;
        border: 1px solid #e6eaed;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(31, 55, 79, .06);
    }

    .days h1,
    .wz4 h1,
    .wz5 h1,
    .wz6 h1 {
        font-size: 18px;
        line-height: 32px;
        text-align: left;
    }

    .tab {
        margin-top: 18px;
    }

    .tab .box .menus {
        display: flex;
        width: 100%;
        margin-bottom: 12px;
        overflow-x: auto;
        border-radius: 6px;
    }

    .tab .box .menus li,
    .tab .box .menus li.t_bg {
        flex: 0 0 auto;
        width: auto;
        height: 44px !important;
        padding: 0 16px;
        border-right: 1px solid #e7e7e9;
        border-bottom: 0;
        line-height: 44px !important;
    }

    .tab .box .menus li a {
        font-size: 15px;
        white-space: nowrap;
    }

    .tab .right {
        float: none;
        width: 100%;
        height: 375px;
    }

    .tab .tab_right {
        height: 375px;
    }

    .tab .tab_right ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .tab .tab_right ul li {
        float: none;
        width: auto;
        margin: 8px 0 0;
    }

    .tab .tab_right ul li a.a_pic {
        height: 300px;
    }

    #tabCon_0 {
        display: grid;
    }

    #tabCon_0,
    #tabCon_1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 20px 15px 0;
    }

    #tabCon_0 dl,
    #tabCon_1 dl {
        float: none;
        width: 100%;
        margin: 0;
    }

    #tabCon_0 dl dt,
    #tabCon_1 dl dt {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        padding: 3px;
        line-height: 0;
    }

    #tabCon_0 dl dt img#d_img,
    #tabCon_1 dl dt img#d_img {
        display: none !important;
    }

    #tabCon_0 dl dt img:not(#d_img),
    #tabCon_1 dl dt img:not(#d_img) {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        object-fit: cover;
        object-position: center;
        transform: none;
    }

    #tabCon_0 dl dt:hover img:not(#d_img),
    #tabCon_1 dl dt:hover img:not(#d_img) {
        transform: none;
    }

    #tabCon_0 > .clearboth,
    #tabCon_1 > .clearboth {
        display: none;
    }

    .news_con {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .n_l,
    .n_l:nth-of-type(1) {
        float: none;
        width: 100%;
        margin: 0;
    }

    /* 通用内页 */
    .ny {
        padding: 25px 0;
    }

    .ny_tit {
        height: auto;
        min-height: 48px;
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 1.4;
    }

    .ny_tit h1,
    .ny_box .ny_tit h1,
    .ny_box .ny_tit h1 a {
        font-size: 23px;
        line-height: 1.45;
    }

    .ny_tit h1 span {
        display: block;
        float: none;
        margin-top: 8px;
    }

    .ny_fenlei {
        margin: 15px 0 20px;
    }

    .ny_fenlei ul li,
    .current {
        min-width: calc(50% - 4px);
        height: 42px;
        line-height: 42px;
    }

    .ny_con {
        font-size: 15px;
        line-height: 1.8;
    }

    .ny_con table,
    #iteminfo_column_1 table,
    #newsinfo_column_1 table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .pic_list ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px 10px;
    }

    .pic_list ul li a.p_pic {
        height: 245px;
    }

    .pic_list ul li a.p_pic img {
        max-width: 100%;
        max-height: 245px;
    }

    .ny_news {
        padding-top: 10px;
    }

    .ny_news dl {
        position: relative;
        padding: 16px 0;
        border-bottom: 1px solid #e8e8e8;
    }

    .ny_news dl dt.nll {
        display: none;
    }

    .ny_news dl dd.n_list {
        float: none;
        width: 100%;
        height: auto;
    }

    .ny_news dl dd.n_list h2 {
        height: auto;
        margin-bottom: 8px;
        line-height: 1.45;
    }

    .ny_news dl dd.n_list h2 a {
        font-size: 18px;
    }

    .ny_news dl dd.n_list h2 span {
        display: block;
        margin: 6px 0 0;
    }

    /* 通用双栏变单栏 */
    .strategy-l,
    .strategy-r,
    .strategy-l2,
    .strategy-r2,
    .strategy-l3,
    .strategy-r3,
    .seol1,
    .seor1,
    .fxi-l1,
    .fxi-r1,
    .yhyy_l,
    .yhyy_m,
    .yhyy_r,
    .box_one .one_left,
    .box_one .one_rit,
    .two_bg .box_two .two_left,
    .two_bg .box_two .two_rit,
    .scys02fl,
    .scys02fr,
    .scthirdpic,
    .scthirdtext,
    .lefttext,
    .righttext,
    .c_right {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto 20px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .box_one,
    .two_bg .box_two {
        margin-left: 15px;
        margin-right: 15px;
    }

    .box_one .one_left img,
    .box_one .three_img img,
    .box_one .five_img img,
    .two_bg .box_two .two_rit img,
    .two_bg .box_two .four_img img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .box_one .one_rit h1,
    .two_bg .box_two .two_left h1 {
        height: auto;
        margin: 0 0 15px;
        font-size: 28px;
        line-height: 1.4;
    }

    .common-k1,
    .common-k2,
    .common-k3,
    .common-k4,
    .common-k5,
    .common-k6,
    .common-k7,
    .common-k8,
    .make-con3,
    .make-con5,
    .make-con6,
    .make-con7,
    .make-con9 {
        padding-top: 35px;
        padding-bottom: 35px;
        margin-top: 0;
    }

    .common-con1,
    .common-con4,
    .common-con5,
    .common-con6,
    .makebg5 p,
    .makebg5 span {
        padding-left: 0;
    }

    [class*="revealator-"] {
        opacity: 1 !important;
        transform: none !important;
    }

    .a-but-seo,
    .a-but-seo1,
    .a-but-planmake,
    .a-but-xxl,
    .a-but-aslepr {
        position: static;
        display: block;
        width: 185px;
        margin: 20px auto;
    }

    .common-con4 ul li strong,
    .common-con4 ul li p {
        float: none;
        margin-right: 0;
    }

    .webappSpecial_addvantage ul li,
    .wx7-step-box,
    .serve-box .serve-item,
    .col-sm-4,
    .ui-hometodo ul li,
    .server-item,
    .dataBox .data {
        float: none;
        width: calc(50% - 16px);
        height: auto;
        margin: 8px !important;
    }

    .dataBox .data {
        padding: 18px 8px;
        border: 1px solid #eee !important;
    }

    .dataBox .txt > div {
        width: 100%;
        margin: 0;
    }

    .circle-text {
        font-size: 36px;
        line-height: 110px;
    }

    .container_con_jsk {
        height: auto;
        min-height: 300px;
        background-size: cover;
    }

    .container_con_jsk img {
        position: static;
        display: inline-block;
        width: 30%;
        margin: 8px;
        animation: none !important;
    }

    .sibu {
        height: auto;
        padding-bottom: 30px;
        background-size: cover;
    }

    .sibu ul.sb_content {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        padding: 20px 15px 0;
    }

    .sibu ul.sb_content li.sibu_item {
        width: 100%;
    }

    .sibu ul.sb_content li.sibu_sep {
        display: none;
    }

    .sibu ul.sb_content li.sibu_item p.sb_title01 {
        padding-top: 20px;
    }

    li.yihuo_item,
    li.yihuo_item:nth-of-type(2n) {
        float: none;
        width: 100%;
        margin: 0 0 15px;
    }

    .seo-advantage > img,
    .mghonor > img,
    .planmake > img {
        display: none;
    }

    .seo-advantage ul,
    .mghonor ul,
    .planmake ul {
        position: static;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .seo-advantage ul li,
    .mghonor ul li,
    .planmake ul li,
    .seo-advantage ul li.ad1,
    .seo-advantage ul li.ad2,
    .seo-advantage ul li.ad3,
    .seo-advantage ul li.ad4,
    .seo-advantage ul li.ad5,
    .seo-advantage ul li.ad6,
    .mghonor ul li.ad1,
    .mghonor ul li.ad2,
    .mghonor ul li.ad3,
    .mghonor ul li.ad4,
    .mghonor ul li.ad5,
    .planmake ul li.pl1,
    .planmake ul li.pl2,
    .planmake ul li.pl3,
    .planmake ul li.pl4,
    .planmake ul li.pl5,
    .planmake ul li.pl6 {
        position: static;
        width: 100%;
        padding: 16px;
        border: 1px solid #e8e8e8;
        border-radius: 8px;
        background: #fff;
    }

    .yh2,
    .yh3 {
        height: auto;
        background: none;
    }

    .yh2_yy01,
    .yh2_yy02,
    .yh2_yy03,
    .yh2_yy04,
    .yh3_yy01,
    .yh3_yy02,
    .yh3_yy03,
    .yh3_yy04,
    .yh3_yy05,
    .yh3_yy06 {
        position: static;
        float: none;
        width: 100%;
        margin: 0 0 12px;
        padding: 16px;
        border-radius: 8px;
        background: #f5f6f6;
        text-align: left;
    }

    .yh3_yy01 h2,
    .yh3_yy02 h2,
    .yh3_yy03 h2,
    .yh3_yy04 h2,
    .yh3_yy05 h2,
    .yh3_yy06 h2,
    .yh3_p01,
    .yh3_p02 {
        position: static;
    }

    .bg2,
    .center2,
    .bp_ban #particles-js {
        width: 100%;
        height: auto;
        min-height: 280px;
        margin-left: 0;
        background-size: cover;
    }

    .bp_ban img.ban_wz {
        top: 50%;
        left: 5%;
        width: 90%;
        margin: 0;
        transform: translateY(-50%);
    }

    /* 页脚 */
    .footer {
        padding: 25px 0;
    }

    .ft_l,
    .ft_r {
        float: none;
        width: 100%;
    }

    .ft_l {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 15px;
    }

    .ft_l dl {
        float: none;
        width: 100%;
        margin: 0;
    }

    .ft_l dl li {
        height: auto;
    }

    .ft_r {
        display: flex;
        justify-content: center;
        margin-top: 25px;
    }

    .ewm {
        float: none;
        width: 45%;
        max-width: 150px;
        margin: 0 10px;
    }

    .bq {
        height: auto;
        padding: 12px 0;
        line-height: 1.8;
        text-align: center;
    }

    #common_kefu1,
    #common_kefu2,
    .embed-icon {
        display: none !important;
    }

    /* 搜索、RSS、站点地图与地区分站等旧式独立页面 */
    .fx-legacy-page {
        min-width: 0 !important;
        padding-bottom: 20px;
        font-family: "Microsoft YaHei", sans-serif;
    }

    .fx-legacy-page .container {
        width: auto !important;
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .fx-legacy-page .top {
        height: auto;
        min-height: 58px;
        padding: 0 15px;
        line-height: 58px;
    }

    .fx-legacy-page .top .container {
        padding-left: 0;
        padding-right: 0;
    }

    .fx-legacy-page .logo {
        width: auto;
        max-width: 210px;
    }

    .fx-legacy-page .dh {
        height: auto;
        min-height: 38px;
        line-height: 1.6;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .fx-legacy-page .fenlei {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .fx-legacy-page .left {
        float: none;
        width: 100%;
        padding: 12px 15px;
        border-bottom: 1px solid #e8e8e8;
        text-align: left;
    }

    .fx-legacy-page .right {
        float: none;
        width: 100%;
        padding: 12px 15px;
        border-left: 0;
    }

    .fx-legacy-page .xtdt ul li,
    .fx-legacy-page .danpin {
        float: none;
        display: inline-block;
        width: auto;
        max-width: 100%;
        margin: 2px;
    }
}

@media (max-width: 479px) {
    .logo img {
        max-width: 165px;
    }

    .pic_list ul,
    .sibu ul.sb_content {
        grid-template-columns: 1fr;
    }

    .tab .right,
    .tab .tab_right {
        height: 325px;
    }

    .tab .tab_right ul li a.a_pic {
        height: 250px;
    }

    .webappSpecial_addvantage ul li,
    .wx7-step-box,
    .serve-box .serve-item,
    .col-sm-4,
    .ui-hometodo ul li,
    .server-item,
    .dataBox .data {
        width: 100%;
        margin: 8px 0 !important;
    }

    .ft_l {
        grid-template-columns: 1fr 1fr;
    }
}

@media (prefers-reduced-motion: reduce) and (max-width: 1199px) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* 其余独立业务模板的固定宽度兼容 */
@media (max-width: 1199px) {
    .w860,
    .ww,
    .web04_nr,
    .function_4,
    .how .box,
    .how .box ul,
    .bg02-tit,
    .bg02-nr,
    .bg03b ul,
    .bg04 ul,
    .m1 .wrap li,
    .m1 .wrap .img,
    .m1 .wrap .title,
    .scdz_ys ul,
    .scdz_ys ul li,
    .scxcxthreelist,
    #scthirdcon,
    .laifx ul,
    .mr_frUl,
    .shilipaishipin,
    .dyps-one .container01,
    .ymcx-main-s .s-m .li-o,
    .ymcx-main-s .s-m .li-t,
    .ymcx-main-s .s-adv,
    .p-verify-code .svg,
    #newsinfo_column_1 > .s > .ny_con,
    .ny .ny_con,
    .ny_box .ny_con {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .mail-advantage .advantage-list li {
        width: calc(33.333% - 28px);
        margin-right: 14px;
        margin-left: 14px;
    }
}

@media (max-width: 767px) {
    /* 网站建设系列 */
    .main-title {
        margin: 28px 0;
    }

    .main-title .cn {
        font-size: 27px;
        line-height: 1.4;
    }

    .how .box {
        height: auto;
        padding: 0 15px;
        overflow: visible;
        background: none;
    }

    .how .box ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .how .box li {
        float: none;
        width: 100%;
        height: auto;
        min-height: 210px;
        margin: 0;
        border: 1px solid #eee;
    }

    .advan .item {
        display: flex;
        flex-direction: column;
        margin-bottom: 25px;
    }

    .advan .item .title,
    .advan .item .box {
        width: 100%;
        margin: 10px 0;
        font-size: 24px;
    }

    .standard {
        padding-bottom: 35px;
    }

    .standard h2 {
        padding-top: 25px;
        font-size: 28px;
        line-height: 1.4;
    }

    .standard .lujin ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 10px;
    }

    .standard .lujin ul li,
    .standard .lujin ul li:nth-child(n) {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background: none;
    }

    .qn_bg01 {
        padding: 40px 15px;
    }

    .qn_bg02 {
        padding: 35px 15px;
        background: #eef5fb;
    }

    .bg02a,
    .bg02b,
    .bg02c,
    .bg02d,
    .bg02e {
        display: none;
    }

    .bg02-tit,
    .bg02-nr {
        position: static;
        margin: 0 !important;
        text-align: center;
    }

    .bg02-nr {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 20px !important;
    }

    .bg02-nr li,
    .bg02-nr .lt-80,
    .bg02-nr .lt-365,
    .bg02-nr .rt-80,
    .bg02-nr .rt-365 {
        position: static;
        width: 100%;
        padding: 15px;
        border-radius: 8px;
        background: #137cd8;
        color: #fff;
    }

    .bg03a,
    .bg03b,
    .bg03c {
        height: auto;
    }

    .bg03b {
        padding: 25px 15px;
        background-size: cover;
    }

    .bg03b ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .bg03b ul li {
        float: none;
        width: 100%;
        height: auto;
        min-height: 150px;
        margin: 0;
        padding: 20px 10px;
    }

    .bg04 {
        padding: 35px 15px;
    }

    .bg04 ul {
        padding-left: 0;
    }

    .bg04 ul li {
        float: none;
        margin-bottom: 10px;
    }

    .m1 .wrap ul {
        padding: 0 15px;
    }

    .m1 .wrap li {
        float: none;
        margin-bottom: 20px;
    }

    .m1 .wrap .title,
    .m1 .wrap .img {
        width: 100%;
        margin-bottom: 25px;
    }

    .nB2Cmall1,
    .nB2Cmall2 ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 0 15px;
    }

    .nB2Cmall1 li,
    .nB2Cmall2 li {
        float: none;
        width: 100%;
        margin: 0;
    }

    .nB2Cmall2 li a {
        height: auto;
        min-height: 230px;
        padding: 35px 25px;
    }

    .scdz_ys ul li {
        float: none;
        height: auto;
        min-height: 220px;
        padding: 20px;
        background-position: center !important;
        background-size: cover !important;
    }

    .scdz_ys ul div {
        float: none !important;
        width: 100%;
        height: auto;
        padding: 25px;
        background: rgba(255, 255, 255, .88);
    }

    .content-slide {
        width: calc(50% - 12px);
    }

    .other_fa ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .other_fa ul li {
        float: none;
        width: auto;
    }

    /* 商城、小程序与短视频 */
    .xit_yi ul {
        display: grid;
        grid-template-columns: 1fr;
    }

    .xit_yi ul li,
    .xit_yi ul li.xit_yilib,
    .xit_yi ul li.xit_yilic {
        float: none;
        width: 100%;
        margin: 15px 0;
    }

    .xit_wza,
    .xit_wzd {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .function_4 ul,
    .function_5 ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .function_4 ul li,
    .function_5 ul li {
        width: 100%;
        padding: 10px;
    }

    .scxcxthreelist {
        padding: 0 15px;
    }

    #scthirdcon {
        flex-direction: column;
        gap: 20px;
    }

    .wh {
        min-height: 0;
        background-size: cover;
    }

    .wh_c,
    .wh_c p {
        float: none;
        width: 100%;
        height: auto;
        padding: 30px 15px;
    }

    .wwhy {
        height: auto;
        padding: 30px 15px;
    }

    .wwhy_m {
        display: flex;
        flex-direction: column;
    }

    .wwhy_l,
    .wwhy_r {
        float: none;
        width: 100%;
        height: auto;
        min-height: 300px;
        margin: 0 0 20px;
        background-size: contain;
    }

    .dyps-one {
        margin-top: 35px;
    }

    .dyps-one .container01 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0 15px;
    }

    /* 增值业务 */
    .mail-state {
        padding-top: 35px;
    }

    .mail-state .state-column .column-list,
    .mail-advantage .advantage-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        padding-top: 25px;
    }

    .mail-state .state-column .column-list li,
    .mail-advantage .advantage-list li {
        float: none;
        width: 100%;
        margin: 0;
        padding: 15px;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
    }

    .mail-state .state-column .column-list li dl,
    .mail-state .state-column .column-list li:first-child dl,
    .mail-state .state-column .column-list li:last-child dl {
        padding: 10px 15px 20px;
    }

    .mail-advantage {
        padding: 45px 0;
    }

    .columnList li,
    .westhostlist li {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }

    .first-col,
    .last-col {
        margin-left: 0;
        margin-right: 0;
    }

    .ymcx-main-s .s-t {
        display: flex;
        overflow-x: auto;
    }

    .ymcx-main-s .s-t li {
        flex: 0 0 150px;
        width: 150px;
    }

    .ymcx-main-s .s-m {
        height: auto;
        min-height: 520px;
        overflow: hidden;
    }

    .ymcx-main-s .s-m .li-o,
    .ymcx-main-s .s-m .li-t {
        padding: 0 15px;
    }

    .ymcx-main-s .s-m .li-o-m {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ymcx-main-s .s-m .li-o-m table,
    .ymcx-main-s .s-m .li-o-m-tr {
        min-width: 760px;
    }

    .ymcx-main-s .s-m .li-t-m {
        float: none;
        width: 100%;
        margin: 25px 0;
    }

    .ymcx-main-s .s-m .li-t-m .m-img,
    .ymcx-main-s .s-m .li-t-m h4,
    .ymcx-main-s .s-m .li-t-m p {
        margin-left: 0 !important;
    }

    .ymcx-main-s .s-adv .bd {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .ymcx-main-s .s-adv .bd li {
        float: none;
        width: 100%;
        margin: 0;
    }

    .ymcx-main-s .s-adv .bd li img {
        width: 100%;
        height: auto;
    }

    .p-verify-code .svg {
        height: auto;
        min-height: 400px;
        margin-bottom: -100px !important;
        transform: scale(.7);
        transform-origin: top center;
    }

    /* 爱采购长页 */
    .laifx {
        height: auto;
        min-height: 500px;
        padding: 60px 15px;
        background-size: cover;
    }

    .laifx h3 {
        font-size: 29px;
        line-height: 1.4;
    }

    .laifx ul {
        margin-top: 50px !important;
    }

    .liudaquanyi {
        height: auto;
        padding: 45px 15px;
        background: #f5f8fc;
    }

    .liudaquanyititle {
        padding-top: 0;
    }

    .liudaquanyititle h3 {
        font-size: 32px;
        line-height: 1.3;
    }

    .liudaquanyititle h3 b {
        font-size: 70px;
    }

    .liudaquanyititle p {
        font-size: 22px;
        line-height: 1.6;
    }

    .liudaquanyi ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .liudaquanyi ul li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .zhenhao {
        height: auto;
        padding: 35px 15px;
    }

    .zhenhaotitle,
    .zhenhaoimg,
    .haopingshipin {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        background-size: contain;
    }

    .mr_frbox,
    .mr_frUl {
        height: auto;
        min-height: 320px;
    }

    .xiaoguozhanshi,
    .shilipai,
    .anxinshouhou {
        height: auto;
        min-height: 360px;
        margin: 30px auto !important;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .shilipaishipin {
        position: static;
        height: auto;
        min-height: 250px;
        padding: 15px;
    }

    .qw_liu {
        height: auto;
        padding: 30px 15px;
    }

    .qw_liu dl {
        padding-top: 0;
    }

    .qw_liu dl dt,
    .qw_liu dl dd {
        float: none;
        width: 100%;
    }

    .qw_liu dl dt p,
    .qw_liu dl dd p {
        height: auto;
        min-height: 150px;
    }

    .qw_liu dl dt p span,
    .qw_liu dl dd p span {
        width: calc(100% - 100px);
        padding: 30px 10px 10px 20px;
    }
}

/* 短视频运营页面 */
@media (max-width: 767px) {
    .video_title {
        margin-top: 38px;
        margin-bottom: 18px;
        padding: 0 5px;
        line-height: 1.5;
    }

    .video_title h3 {
        font-size: 27px;
        line-height: 1.35;
    }

    .video_title p {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.7;
    }

    .dspyyfir {
        padding-bottom: 35px;
    }

    .dspyyfir_box {
        display: flex;
        flex-direction: column;
        gap: 18px;
        margin-top: 25px;
    }

    .dspyyfir_box-left,
    .dspyyfir_box-center,
    .dspyyfir_box-right {
        align-self: auto;
        width: 100%;
        margin: 0;
    }

    .dspyyfir_box-left img {
        width: auto;
        max-width: 260px;
        margin: 0 auto;
    }

    .dspyyfir_box-right img {
        width: 100%;
        margin: 0 auto;
    }

    .dspyyfir_item,
    .dspyyfir_item:nth-of-type(2) {
        margin-top: 10px;
        padding: 15px;
        border-radius: 10px;
        background: linear-gradient(135deg, #4110cc, #315bf3);
    }

    .dspyyfir_item-title {
        font-size: 19px;
    }

    .dspyyfir_item-desc {
        font-size: 14px;
        line-height: 1.7;
    }

    .video01,
    .video03,
    .video04,
    .video05,
    .video02 {
        overflow: hidden;
    }

    .video01-con,
    .video04-con {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .video01_pic,
    .video04-con .video01_pic,
    .video01-txt,
    .video04-con .video01-txt {
        width: 100%;
    }

    .video01_pic {
        display: block;
        height: auto;
        margin-top: 0;
        border-radius: 16px;
    }

    .video01-txt {
        justify-content: flex-start;
    }

    .video01-txt dl,
    .video04-con .video01-txt dl {
        width: 50%;
        margin: 0;
        padding: 12px 5px;
    }

    .video01-txt dl dt {
        font-size: 36px;
        line-height: 1.25;
    }

    .video01-txt dl dd {
        font-size: 14px;
        line-height: 1.6;
    }

    .video03-con {
        width: 100%;
        height: auto;
        margin: 20px 0 35px;
        padding: 0;
        background: none;
    }

    .video03-con ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 0;
    }

    .video03-con ul li,
    .video03-con ul li:nth-child(2n) {
        float: none;
        width: 100%;
        height: auto;
        min-height: 58px;
        margin: 0;
        padding: 16px 18px;
        border-radius: 12px;
        line-height: 1.6;
        text-align: left;
    }

    .video04 {
        padding-bottom: 40px;
        background-size: cover;
    }

    .video04-con {
        margin-top: 25px;
    }

    .video04-con .video01-txt dl dt {
        margin-bottom: 6px;
        font-size: 20px;
    }

    .video05 {
        padding-bottom: 35px;
    }

    .video05-con {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 12px;
    }

    .video05-con dl {
        width: 100%;
    }

    .video05-con dl dt img {
        max-width: 82px;
    }

    .video05-con dl dd {
        margin-top: 10px;
        font-size: 15px;
    }

    .video05-con dl::after {
        display: none;
    }

    .video02 {
        margin-top: 20px;
        padding-bottom: 0;
        background-size: cover;
    }

    .video02-con {
        padding-top: 20px;
    }

    .video02-con ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .video02-con ul li,
    .video02-con ul li:nth-child(3n) {
        float: none;
        width: 100%;
        margin: 0;
        padding: 30px 18px;
    }

    .video02-con ul li .h2 {
        height: auto;
        margin-top: 12px;
        font-size: 21px;
        line-height: 1.5;
    }

    .video02-con ul li .p {
        font-size: 14px;
        line-height: 1.75;
    }

    .video02 .dz {
        height: auto;
        margin-top: 30px !important;
        padding: 16px 15px;
        line-height: 1.5;
        text-align: center;
    }
}

/* 短视频推广、拍摄子页面 */
@media (max-width: 767px) {
    .douyin02-con .video01_pic,
    .douyin02-con .video01-txt,
    .douyin02-con .video01-txt02 {
        width: 100%;
        margin: 0;
    }

    .douyin02-con .video01_pic img {
        display: block;
        width: auto;
        max-width: 260px;
        margin: 0 auto;
    }

    .douyin02-con .video01-txt dl {
        width: 100%;
        margin: 0 0 12px;
        padding: 18px 12px;
    }

    .douyin02-con .video01-txt dl::after,
    .douyin02-con .video01-txt02 dl::after {
        display: none;
    }

    .douyin03 .video03-con {
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: stretch;
    }

    .douyin03pic,
    .douyin03 .video03-con ul {
        width: 100%;
    }

    .douyin03 .video03-con ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 0;
    }

    .douyin03 .video03-con ul li {
        width: 100%;
        min-height: 52px;
        margin: 0;
        padding: 14px 10px;
        font-size: 16px;
        text-align: center;
    }

    .douyin04 {
        background-size: cover;
    }

    .douyin04-con {
        display: flex;
        flex-direction: column;
        height: auto;
        gap: 15px;
    }

    .douyin04-con h3 {
        position: static;
        font-size: 27px;
        text-align: center;
    }

    .douyin04pic,
    .douyin04-con ul {
        width: 100%;
    }

    .douyin04-con ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .douyin04-con ul li {
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
        padding: 18px;
        line-height: 1.6;
    }

    .douyin04-con ul li h4 {
        font-size: 20px;
    }

    .douyin04-con ul li p {
        margin-top: 6px;
        font-size: 15px;
    }

    .douyin05 {
        padding: 30px 0;
        background-size: cover;
    }

    .douyin05 .container {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .douyin05 .fl,
    .douyin05 .fr {
        float: none;
        width: 100%;
    }

    .douyin05 h3 {
        margin-top: 0;
        font-size: 26px;
    }

    .douyin05 p {
        margin: 10px 0 20px;
        font-size: 16px;
        line-height: 1.7;
    }

    .douyin05 .dz {
        width: 100%;
        margin: 0 !important;
    }

    .paishe02-con {
        position: static;
        display: flex;
        flex-direction: column;
        height: auto;
        gap: 16px;
    }

    .paishe02-contxt {
        position: static;
        width: 100%;
        height: auto;
        padding: 22px 18px;
        border-radius: 16px;
        clip-path: none;
    }

    .paishe02-contxt p {
        width: 100%;
        margin: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    .paishe02pic {
        position: static;
        width: auto;
        max-width: 230px;
        margin: 0 auto;
    }

    .paishe02-con ul {
        position: static;
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .paishe02-con ul li {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 20px 18px;
    }

    .paishe01 {
        padding-bottom: 40px;
    }

    .paishe01-con .video01-txt dl {
        width: 100%;
        min-height: 0;
        margin: 0 0 12px;
        padding: 18px 12px;
    }

    .paishe01-con .video01-txt dl dt {
        width: 25%;
    }

    .paishe01-con .video01-txt dl dd {
        width: 75%;
    }
}

/* 400 电话页面 */
@media (max-width: 767px) {
    .content .section {
        margin-top: 35px;
    }

    .content .section > .w1200 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .boxtit h3 {
        font-size: 25px;
        line-height: 1.4;
    }

    .boxtit p {
        font-size: 14px;
        line-height: 1.7;
    }

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

    .need ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .need ul li,
    .need ul li:first-child {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 12px;
        border: 1px solid #eee;
        border-radius: 8px;
    }

    .need-text {
        flex: 1;
        min-width: 0;
        font-size: 14px;
        line-height: 1.6;
    }

    .need-text i {
        font-size: 16px;
    }

    .chosen {
        display: flex;
        flex-direction: column;
    }

    .chosen-left,
    .chosen-right {
        float: none;
        width: 100%;
    }

    .chosen-menu {
        display: flex;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .chosen-menu span,
    .chosen-menu span:first-child {
        flex: 0 0 145px;
        width: 145px;
        margin: 0 6px 0 0;
    }

    .numberbox {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        height: auto;
    }

    .numberbox li,
    .numberbox li:nth-child(4n) {
        float: none;
        width: 100%;
        height: 125px;
        border-right: 1px solid #ccc;
    }

    .numberbox li:nth-child(2n) {
        border-right: 0;
    }

    .numberbox li > span {
        margin-top: 25px;
        font-size: 16px;
    }

    .numberbox li a,
    .numberbox li:hover a {
        width: 78%;
        margin: 10px auto 0;
        opacity: 1;
        visibility: visible;
    }

    .numberbox li:hover span {
        margin-top: 25px;
    }

    .chosen-right {
        height: 575px;
        margin-top: 15px;
        background-size: cover;
    }

    .movingbox {
        height: 66px;
        overflow: hidden;
    }

    .moving {
        margin-left: 55px;
    }

    .laba {
        width: 55px;
    }

    .moving ul li span {
        font-size: 14px;
    }

    .corel ul,
    .process ul,
    .exclusive,
    .bigcurstomer ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 0;
    }

    .corel ul li,
    .corel ul li.across,
    .process ul li,
    .process ul li:first-child,
    .exbox,
    .exbox:first-child,
    .bigcurstomer ul li,
    .bigcurstomer ul li:first-child {
        width: 100%;
        height: auto;
        min-height: 0;
        margin: 0;
    }

    .corel ul li,
    .corel ul li.across {
        padding: 20px;
        text-align: center;
    }

    .across .corelicon {
        float: none;
        margin: 15px auto 20px;
    }

    .across h4,
    .across p {
        margin-left: 0;
    }

    .process ul li {
        padding: 22px 18px;
    }

    .process ul li .maintxt {
        height: auto;
    }

    .exclusive .exbox {
        display: flex;
        align-items: center;
        padding: 18px 12px;
    }

    .exbox span {
        margin: 0;
    }

    .eximg {
        flex: 0 0 115px;
        width: 115px;
        height: auto;
    }

    .extext {
        flex: 1;
        width: auto;
    }

    .bigcurstomer ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bigcurstomer ul li span {
        width: 100%;
        height: 90px;
    }

    .bigcurstomer ul li span img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

/* 网站托管页面 */
@media (max-width: 767px) {
    .mainm {
        padding: 40px 0;
        background: #f7fafb;
    }

    .mainm .w1200 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 0 15px;
    }

    .mainm .to-animate {
        font-size: 28px;
        line-height: 1.4;
    }

    .gwzl,
    .gwzr,
    .gwzl2,
    .gwzr2,
    .gwzrm {
        float: none;
        width: 100%;
        margin: 0;
    }

    .gwzl li,
    .gwzl div {
        width: 100%;
    }

    .gwzl p,
    .gwzr p,
    .rrr {
        text-align: left !important;
    }

    .tuoguan_1 {
        padding: 35px 0;
        background: none;
    }

    .fh5co-explore .row,
    .fh5co-pricing .row {
        margin-right: 0;
        margin-left: 0;
    }

    .fh5co-explore [class*="col-md-"],
    .fh5co-pricing [class*="col-md-"],
    .weihu {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding-right: 0;
        padding-left: 0;
    }

    .fh5co-explore {
        padding: 25px 0;
    }

    .fh5co-explore .mt {
        margin: 20px 0;
    }

    .fh5co-explore .mt h3 {
        font-size: 26px;
        line-height: 1.45;
    }

    .fh5co-explore .ad-img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .section-heading {
        padding-bottom: 25px;
    }

    .section-heading h2,
    .to-animate {
        font-size: 28px;
        line-height: 1.4;
    }

    .section-heading h3 {
        width: 100%;
        padding-bottom: 20px;
    }

    .fh5co-pricing {
        padding-top: 35px;
    }

    .fh5co-pricing .pricing {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .fh5co-pricing .price-box {
        margin-bottom: 0;
        padding: 25px 15px;
    }

    .fh5co-pricing .price {
        font-size: 52px;
    }
}

/* 内容页、表单和富文本兜底 */
@media (max-width: 767px) {
    .ny_con,
    #iteminfo_column_1,
    #newsinfo_column_1,
    .content {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .ny_con img,
    #iteminfo_column_1 img,
    #newsinfo_column_1 img {
        height: auto !important;
    }

    input,
    select,
    textarea {
        max-width: 100%;
        font-size: 16px;
    }

    pre,
    code {
        max-width: 100%;
        white-space: pre-wrap;
        word-break: break-word;
    }
}

/* 商城网站页面 */
@media (max-width: 767px) {
    .wrap,
    .scxcxthreelist {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .scxcxone,
    .scxcxtwo,
    .scxcxthree,
    .scxcxfour,
    .scsecond {
        padding: 35px 0 !important;
    }

    .scxcxone_title h3 {
        font-size: 28px;
        line-height: 1.4;
    }

    .scxcxone_title p {
        padding-top: 20px;
        font-size: 15px;
        line-height: 1.7;
    }

    .scxcxone_con {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 10px;
        margin-top: 30px;
    }

    .scxcxone_con dl {
        width: 100%;
        min-height: 0;
        max-height: none;
        margin: 0;
    }

    .scxcxone_con dl dd {
        width: 100%;
        padding: 0 5px;
    }

    .scxcxtwo_con {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 25px;
    }

    .scxcxtwo_con dl {
        width: 100%;
        min-height: 105px;
        max-height: none;
        margin: 0;
    }

    .scxcxthree-con {
        margin-top: 30px;
    }

    .scxcxthree-con .scxcxthreetab ul.tab-hd01 {
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .scxcxthree-con .scxcxthreetab ul.tab-hd01 li {
        flex: 0 0 115px;
        width: 115px;
        padding: 14px 5px;
    }

    .scxcxthreelist li.thisclass {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .scxcxthreelist li a {
        float: none;
        width: 100%;
        height: auto;
        min-height: 210px;
        margin: 0;
    }

    .scxcxfour-con {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 30px;
    }

    .scxcxfour-con dl {
        width: 100%;
    }

    .scxcxfour-con dl dt {
        margin-top: 20px;
    }

    .scxcxfour-con dl dd {
        margin: 18px 0 25px;
    }

    .sccontent h3 {
        margin-top: 0;
        padding-bottom: 18px;
        font-size: 28px;
        line-height: 1.4;
    }

    .sccontent h6 {
        margin-top: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    .scfifth h2 {
        font-size: 28px;
        line-height: 1.4;
    }

    .scfifth p {
        font-size: 15px;
        line-height: 1.8;
    }

    .scfifmore {
        width: 220px;
        height: 48px;
        font-size: 18px;
        line-height: 48px;
    }
}

/* 手机网站页面 */
@media (max-width: 767px) {
    .wwhy_l .wws1,
    .wwhy_l .wws2,
    .wwhy_l .wws3,
    .wwhy_l .wws4 {
        display: none;
    }

    .wwhy_r {
        padding: 0 5px;
    }

    .wst1 {
        margin-top: 15px;
        font-size: 30px;
    }

    .wst2,
    .wst2 .yellow {
        font-size: 28px;
        line-height: 1.4;
    }

    .wspan {
        width: 100%;
        height: auto;
        min-height: 119px;
        background-size: cover;
    }

    .advantage {
        margin-top: 25px;
        padding: 0 15px;
    }

    .advantage_t {
        height: 150px;
        background-size: contain;
    }

    .advantage_m {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .advantage_m dl {
        float: none;
        width: 100%;
        height: auto;
        min-height: 310px;
        margin: 0;
        background-color: #f7fafc;
    }

    .wap-bg {
        height: auto;
        padding: 40px 0;
        background: #f7f9fc;
    }

    .wap-box {
        position: static;
        min-height: 0;
    }

    .wap-bg1,
    .wap-pic1,
    .wap-pic2 {
        display: none;
    }

    .wap-txt {
        position: static !important;
        width: 100%;
        padding: 0 15px;
        opacity: 1 !important;
    }

    .case-txt big {
        font-size: 38px;
        line-height: 1.3;
        color: #d9e0e8;
    }

    .case-txt small,
    .case-txt small strong {
        font-size: 27px;
        line-height: 1.5;
    }

    .case-txt p {
        font-size: 16px;
        line-height: 1.8;
    }
}

/* 软件开发子页面 */
@media (max-width: 767px) {
    .content01,
    #mMain.ct,
    .container_con_jsk {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .content01,
    #mMain.ct {
        padding-right: 15px;
        padding-left: 15px;
    }

    .content01 .lefttext,
    .content01 .righttext {
        float: none;
        width: 100% !important;
        max-width: 100%;
    }

    .content01 .lefttext li {
        width: 100%;
        line-height: 1.6;
    }

    .content01 .c_right ul {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 15px;
    }

    .container_con_jsk {
        height: auto;
        min-height: 260px;
        padding: 20px 5px;
    }

    #mMain.ct > img {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .syhy_t {
        height: auto;
        min-height: 55px;
        padding: 8px 0;
        font-size: 27px;
        line-height: 1.4;
    }

    .am-avg-sm-1 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .am-avg-sm-1 li {
        float: none;
        width: 100%;
        margin: 0;
    }

    .am-avg-sm-1 li > div {
        padding: 15px !important;
    }
}

/* 爱采购页面移动端咨询入口 */
@media (max-width: 767px) {
    .laifxlianxi {
        position: static;
        display: block;
        width: 210px;
        height: 52px;
        margin: 25px auto 0;
        border-radius: 26px;
        background: #e5483f;
        color: #fff;
        font-size: 17px;
        line-height: 52px;
        text-align: center;
    }

    .laifxlianxi::before {
        content: "立即咨询";
    }
}

@media (max-width: 479px) {
    .bg03b ul,
    .standard .lujin ul,
    .other_fa ul,
    .function_4 ul,
    .function_5 ul,
    .dyps-one .container01,
    .ymcx-main-s .s-adv .bd {
        grid-template-columns: 1fr;
    }

    .content-slide {
        width: calc(100% - 12px);
    }

    .numberbox {
        grid-template-columns: 1fr;
    }

    .numberbox li,
    .numberbox li:nth-child(2n),
    .numberbox li:nth-child(4n) {
        border-right: 0;
    }

    .bigcurstomer ul {
        grid-template-columns: 1fr;
    }
}