/* 手机端响应式样式 - 完整版 */
@media screen and (max-width: 768px) {
    /* 基础布局 */
    .w1280{width: 100%;padding: 0 15px;box-sizing: border-box;}
    
    /* 顶部栏 */
    .head .top{height: auto;padding: 5px 0;}
    .head .top .topL{width: 100%;text-align: center;font-size: 12px;}
    .head .top .topR{display: none;}
    
    /* 导航栏 */
    .nav{position: relative;padding: 10px 0;height: 60px;}
    .nav .logo{width: 150px;}
    .nav .logo img{max-width: 100%;height: auto;}
    
    /* 汉堡菜单按钮 */
    .mobile-menu-btn{
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 24px;
        cursor: pointer;
        z-index: 1001;
    }
    .mobile-menu-btn span{
        display: block;
        width: 100%;
        height: 3px;
        background-color: #018dd6;
        margin-bottom: 6px;
        transition: all 0.3s ease;
        border-radius: 2px;
    }
    .mobile-menu-btn span:last-child{margin-bottom: 0;}
    .mobile-menu-btn.active span:nth-child(1){
        transform: rotate(45deg) translate(6px, 6px);
    }
    .mobile-menu-btn.active span:nth-child(2){
        opacity: 0;
    }
    .mobile-menu-btn.active span:nth-child(3){
        transform: rotate(-45deg) translate(7px, -7px);
    }
    
    /* 移动端菜单 - 黑色背景 */
    .nav .menu{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0,0,0,0.95);
        z-index: 1000;
        padding-top: 60px;
        overflow-y: auto;
        float: none !important;
    }
    .nav .menu.active{display: block;}
    .nav .menu ul{width: 100%;padding: 0 20px;}
    .nav .menu li{
        float: none;
        width: 100%;
        padding: 0;
        height: auto;
        border-bottom: 1px solid #333;
        position: relative;
    }
    .nav .menu li a{
        padding: 15px 0;
        font-size: 16px;
        display: block;
        color: #fff;
    }
    
    /* 子菜单 */
    .nav .menu li .subMenu{
        position: static;
        display: none;
        background-color: transparent;
        padding: 0 0 0 20px;
        width: 100%;
    }
    .nav .menu li:hover .subMenu{display: none;}
    .nav .menu li .subMenu a{
        color: #ccc;
        text-align: left;
        padding: 10px 0;
        border-bottom: none;
        font-size: 14px;
    }
    .nav .menu li .subMenu a:last-child{border-bottom: none;}
    
    /* 点击展开子菜单 */
    .nav .menu li.has-submenu > a:after{
        content: '+';
        float: right;
        font-size: 20px;
        color: #018dd6;
    }
    .nav .menu li.has-submenu.active > a:after{content: '-';}
    .nav .menu li.has-submenu.active .subMenu{display: block;}
    
    .nav .topTel{display: none;}
    
    /* 轮播图 */
    .banner a{height: 180px;background-size: cover !important;}
    .banner .wenzi{top: 20%;}
    .banner .wenzi h3{font-size: 20px;}
    .banner .wenzi p{font-size: 14px;margin-top: 10px;}
    
    /* 表单 */
    .biaodan{margin-top: 0;}
    .biaodan .box{padding: 15px;border-radius: 0;}
    .biaodan .box h3{font-size: 18px;text-align: center;}
    .biaodan .box .frmBox{width: 100%;float: none;}
    .biaodan .box .frmBox li{width: 100%;float: none;padding: 5px 0;}
    .biaodan .box .frmBox li input{width: 100%;}
    .biaodan .box .frmTel{width: 100%;float: none;margin-top: 20px;text-align: center;}
    .biaodan .box .frmTel p strong{font-size: 24px;}
    .biaodan .box .frmRight{width: 100%;float: none;margin-top: 20px;}
    .biaodan .box .frmRight li{width: 50%;float: left;font-size: 14px;}
    .biaodan .box .rightImg{display: none;}
    
    /* 服务范围 - 手机端一排两个 */
    .fuwu .box li{width: 48%;margin: 10px 1%;float: left;}
    .fuwu .box li img{width: 100%;height: auto;}
    .fuwu .box li p{font-size: 12px;padding: 10px;min-height: 60px;}
    .fuwu .box li h6{font-size: 12px;padding: 8px 0;}
    
    /* 管家 - 手机端一排两个 */
    .guanjia ul li{width: 48%;margin: 30px 1% 10px;min-height: auto;float: left;padding: 0 10px 20px;}
    .guanjia ul li img{margin-top: -30px;width: 60px;height: auto;}
    .guanjia ul li h3{font-size: 14px;margin: 10px 0;}
    .guanjia ul li p{font-size: 12px;}
    
    /* 关于我们 */
    .aboutIndex{background-size: cover;height: auto;padding: 30px 0;}
    .aboutIndex a{height: auto;display: block;}
    .aboutIndex img{width: 100%;height: auto;}
    .aboutIndex .video-con{position: static;width: 100%;height: auto;margin-top: 15px;padding: 0 15px;}
    .aboutIndex .video-con video{width: 100%;height: auto;}
    
    /* 五大保障 - 第一排三个，第二排两个 */
    .baozhang .box li{width: 33.33%;margin: 10px 0;float: left;padding: 0 5px;}
    .baozhang .box li:nth-child(4),
    .baozhang .box li:nth-child(5){width: 50%;}
    .baozhang .box li img{width: 60px;height: auto;}
    .baozhang .box li h3{font-size: 12px;}
    
    /* 品牌实力地图 */
    .mapIndex img{width: 100%;height: auto;}
    
    /* 八大运车流程 - 手机端垂直排列 */
    .liucheng {
        height: auto;
        background-size: cover;
        padding: 30px 0;
    }

    .liucheng ul {
        display: block;
    }

    .liucheng li {
        width: 100%;
        margin: 15px 0;
        float: none;
        padding: 0;
        text-align: center;
    }

    .liucheng li img {
        width: 60px;
        height: auto;
    }

    .liucheng li p {
        font-size: 14px;
        margin-top: 10px;
    }
    
    /* 运车小常识 - 手机端一排两个 */
    .cs .box li{width: 48%;margin: 10px 1%;float: left;}
    .cs .box li img{width: 80px;height: auto;margin-top: 10px;}
    .cs .box li h3{font-size: 14px;margin-bottom: 10px;}
    .cs .box li h6 a{font-size: 14px;}
    
    /* 客户案例 - 手机端一排两个 */
    .kehu .box li{width: 48%;margin: 10px 1%;float: left;}
    .kehu .box li img{width: 100%;height: auto;}
    
    /* 合作客户 - 三列网格布局 */
    .hezuo .mr_frbox{padding: 0 10px;height: auto;position: relative;}
    .mr_frUl{width: 100%;float: none;}
    .mr_frUl ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .mr_frUl ul li{width: 32%;min-width: 32%;height: auto;margin-right: 0;margin-bottom: 10px;}
    .mr_frUl ul li img{width: 100%;height: auto;object-fit: cover;}
    .mr_frBtnL, .mr_frBtnR{display: none;}
    
    /* 新闻中心 */
    .news .box .newsL{width: 100%;float: none;margin-bottom: 20px;}
    .news .box .newsL img{width: 100%;height: 200px;object-fit: cover;}
    .news .box .newsL h3{font-size: 16px;}
    .news .box .newsL p{font-size: 14px;}
    .news .newsR{width: 100%;float: none;}
    .news .newsR li{height: auto;padding: 10px 0;}
    .news .newsR li .timeL{width: 80px;padding-right: 10px;height: auto;}
    .news .newsR li .timeL strong{font-size: 16px;}
    .news .newsR li .timeR{width: calc(100% - 90px);padding: 5px 0;}
    .news .newsR li .timeR h3 a{font-size: 14px;}
    .news .newsR li .timeR p a{font-size: 12px;}
    
    /* 标题 */
    .tit h3{font-size: 20px;}
    .tit p{font-size: 14px;}
    
    /* 底部 */
    .fot{padding: 20px 0;}
    .fot .fotL{width: 100%;float: none;margin: 0;padding: 0;text-align: center;}
    .fot .fotL img{margin: 0 auto 15px;display: block;max-width: 150px;}
    .fot .fotL p{font-size: 12px;padding: 0 15px;}
    .fot .fotM{display: none;}
    .fot .fotContact{display: none;}
    .fot .ewmR{width: 100%;float: none;margin: 20px 0 0;padding: 0;}
    .fot .ewmR .fotEwm{width: 50%;float: left;padding: 10px 0;}
    .fot .ewmR .fotEwm img{width: 100px;height: auto;}
    .fotBtm{margin-top: 20px;font-size: 12px;}
    
    /* 内页通用样式 */
    .inBanner{height: 150px;}
    .inBanner img{height: 100%;}
    .inBannerText h3{font-size: 24px;}
    .inBannerText p{font-size: 14px;}
    
    /* 面包屑 */
    .breadCrumb{font-size: 12px;padding: 8px 0;}
    
    /* 二级菜单 */
    .ziMenu{padding: 20px 0;}
    .ziMenu a{padding: 8px 20px;font-size: 14px;margin: 5px;display: inline-block;}
    
    /* 内容页 */
    .newsBox .boxL{width: 100%;float: none;}
    .newsBox .boxR{width: 100%;float: none;margin-top: 20px;}
    .newsTitle h1{font-size: 18px;}
    .newsContent p{font-size: 14px;line-height: 1.8;}
    .newsContent img{max-width: 100%;height: auto;}
    
    /* 新闻列表样式 */
    .newsList li {
        padding: 15px 0;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: flex-start;
    }

    .newsList .newsDate {
        width: 60px;
        text-align: center;
        margin-right: 15px;
        flex-shrink: 0;
    }

    .newsList .newsDate strong {
        font-size: 24px;
        color: #018dd6;
        display: block;
        line-height: 1;
    }

    .newsList .newsDate span {
        font-size: 12px;
        color: #999;
    }

    .newsList .newsInfo {
        flex: 1;
    }

    .newsList .newsInfo h3 {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 1.4;
    }

    .newsList .newsInfo h3 a {
        color: #333;
    }

    .newsList .newsInfo p {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
    }

    /* 分页样式 */
    .pages {
        padding: 20px 0;
        text-align: center;
    }

    .pages a,
    .pages .cpb,
    .pages span {
        display: inline-block;
        padding: 8px 12px;
        margin: 2px;
        font-size: 13px;
        border: 1px solid #ddd;
        color: #666;
        text-decoration: none;
    }

    .pages a:hover,
    .pages .cpb {
        background: #018dd6;
        color: #fff;
        border-color: #018dd6;
    }

    .pages .pageinfo {
        display: block;
        margin-top: 10px;
        font-size: 13px;
        color: #666;
    }
    
    /* 关于我们页面 */
    .aboutBox p{font-size: 14px;padding: 15px;}
    .aboutZz .box .aboutJs{width: 100%;float: none;font-size: 14px;}
    
    /* 服务定位 - 2x2网格 */
    .fuwuDw .box li {
        width: 48%;
        margin: 10px 1%;
        float: left;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        overflow: hidden;
    }

    .fuwuDw .box li h6 {
        font-size: 14px;
        background: #018dd6;
        color: #fff;
        padding: 10px 0;
        margin: 0;
        text-align: center;
    }

    .fuwuDw .box li img {
        width: 100%;
        height: auto;
        display: block;
    }

    .fuwuDw .box li p {
        font-size: 12px;
        padding: 10px;
        color: #666;
        line-height: 1.5;
    }

    /* 员工风采 - 2列网格 */
    .yuangong .box li {
        width: 48%;
        margin: 10px 1%;
        float: left;
    }

    .yuangong .box li img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }
    
    /* 联系我们 */
    .contactBox .box .boxL{width: 100%;float: none;border-right: none;border-bottom: 1px solid #018dd6;height: auto;padding: 15px;}
    .contactBox .box .boxR{width: 100%;float: none;padding: 15px;}
    .contactBox .box .boxR li{width: 100%;float: none;margin: 10px 0;height: auto;}
    
    /* 运车手续页面 - 步骤样式 */
    .shouxu .box .ul01 li,
    .shouxu .box .ul02 li {
        width: 100%;
        margin: 15px 0;
        height: auto;
        padding: 15px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        text-align: center;
    }

    .shouxu .box li .num {
        width: 50px;
        height: 50px;
        line-height: 50px;
        background: #018dd6;
        color: #fff;
        border-radius: 50%;
        font-size: 18px;
        font-weight: bold;
        margin: 0 auto 10px;
        display: block;
    }

    .shouxu .box li p {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
    }

    /* 运车对比页面 */
    .duibi .box li {
        width: 100%;
        margin: 15px 0;
        height: auto;
        padding: 20px 15px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        text-align: center;
    }

    .duibi .box li img {
        width: 60px;
        height: auto;
        margin-bottom: 10px;
    }

    .duibi .box li h3 {
        font-size: 16px;
        color: #018dd6;
        margin-bottom: 10px;
    }

    .duibi .box li p {
        font-size: 13px;
        color: #666;
        line-height: 1.6;
    }

    /* 托运对比页面 - VS布局 */
    .contrastVs {
        display: flex;
        flex-direction: column;
        padding: 15px;
    }

    .contrastVs .vsItem {
        display: flex;
        align-items: center;
        margin: 10px 0;
        padding: 15px;
        background: #fff;
        border-radius: 8px;
    }

    .contrastVs .vsItem .vsLeft,
    .contrastVs .vsItem .vsRight {
        flex: 1;
        font-size: 13px;
        color: #666;
        padding: 0 10px;
    }

    .contrastVs .vsItem .vsCenter {
        width: 80px;
        background: #fed200;
        color: #333;
        padding: 10px 5px;
        text-align: center;
        font-weight: bold;
        border-radius: 4px;
    }

    .contrastVs .vsImg {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px 0;
    }

    .contrastVs .vsImg img {
        width: 45%;
        height: auto;
    }

    .contrastVs .vsImg .vsIcon {
        width: 60px;
        height: 60px;
        margin: 0 10px;
    }
    
    /* 保险购买 */
    .baoxian .box li{width: 100%;margin: 40px 0 10px;height: auto;}
    
    /* 常识流程 */
    .changshiBox .box li{width: 100%;margin: 40px 0 20px;height: auto;}
    
    /* 公司资质 */
    .zhengjian ul li{width: 48%;margin: 10px 1%;}
    
    /* 合同 */
    .hetong ul li{width: 100%;margin: 10px 0;}
    
    /* 资质列表 */
    .zizhiBox li{width: 100%;margin: 10px 0;padding: 15px;}
    .zizhiBox li .boxLi{width: 100%;float: none;padding-top: 10px;}
    
    /* 城市页面 */
    .citysList li{width: 48%;margin: 5px 1%;}
    
    /* 侧边栏 */
    .detailMain{width: 100%;float: none;}
    .detailSide{width: 100%;float: none;margin-top: 20px;}
    
    /* 在线咨询按钮 */
    .zixun, .zixun01{padding: 20px 0;}
    .zixun a, .zixun01 a{padding: 10px 30px;font-size: 14px;}
    
    /* 联系我们页面 - 新增 */
    .contactPage .contactHeader {
        text-align: center;
        padding: 30px 15px;
    }
    .contactPage .contactHeader h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .contactPage .contactHeader h2 span {
        color: #018dd6;
    }
    .contactPage .contactHeader .hotline {
        font-size: 24px;
        color: #018dd6;
        font-weight: bold;
    }
    .contactPage .qrCodes {
        display: flex;
        justify-content: space-around;
        padding: 20px 15px;
    }
    .contactPage .qrCodes .qrItem {
        text-align: center;
        width: 45%;
    }
    .contactPage .qrCodes .qrItem img {
        width: 100%;
        max-width: 150px;
    }
    .contactPage .qrCodes .qrItem p {
        font-size: 14px;
        margin-top: 10px;
    }
    .contactPage .contactList {
        padding: 15px;
    }
    .contactPage .contactList li {
        display: flex;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #eee;
    }
    .contactPage .contactList li i {
        width: 24px;
        height: 24px;
        margin-right: 10px;
        color: #018dd6;
    }
    .contactPage .contactList li span {
        font-size: 14px;
        color: #333;
    }
    .contactPage .branchList {
        padding: 15px;
    }
    .contactPage .branchItem {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    .contactPage .branchItem img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 15px;
        object-fit: cover;
    }
    .contactPage .branchItem .branchInfo h4 {
        font-size: 16px;
        color: #018dd6;
        margin-bottom: 5px;
    }
    .contactPage .branchItem .branchInfo p {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
    }
    
    /* 保险购买页面 - 新增 */
    .baoxianPage .intro {
        padding: 15px;
        font-size: 14px;
        line-height: 1.8;
        color: #666;
    }
    .baoxianPage .box li {
        width: 100%;
        margin: 20px 0;
        padding: 20px 15px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        text-align: center;
    }
    .baoxianPage .box li .icon {
        width: 80px;
        height: 80px;
        background: #018dd6;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 15px;
    }
    .baoxianPage .box li .icon img {
        width: 40px;
        height: 40px;
    }
    .baoxianPage .box li h3 {
        font-size: 18px;
        color: #018dd6;
        margin-bottom: 10px;
    }
    .baoxianPage .box li p {
        font-size: 13px;
        color: #666;
        line-height: 1.8;
        text-align: left;
    }
    
    /* 城市页面 - 新增 */
    .citysPage .hotCities {
        padding: 15px;
    }
    .citysPage .hotCities h3 {
        font-size: 16px;
        color: #ff6600;
        margin-bottom: 10px;
    }
    .citysPage .hotCities .cityTags {
        display: flex;
        flex-wrap: wrap;
    }
    .citysPage .hotCities .cityTags a {
        display: inline-block;
        padding: 5px 12px;
        margin: 5px;
        background: #f5f5f5;
        border-radius: 4px;
        font-size: 13px;
        color: #333;
    }
    .citysPage .provinceList {
        padding: 15px;
    }
    .citysPage .provinceItem {
        margin-bottom: 20px;
    }
    .citysPage .provinceItem h4 {
        font-size: 15px;
        color: #333;
        font-weight: bold;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
    }
    .citysPage .provinceItem .cityNames {
        display: flex;
        flex-wrap: wrap;
    }
    .citysPage .provinceItem .cityNames a {
        display: inline-block;
        padding: 3px 10px;
        margin: 3px;
        font-size: 13px;
        color: #666;
    }
    
    /* 服务优势页面 - 新增 */
    .youshiPage .box li {
        display: flex;
        align-items: flex-start;
        padding: 15px;
        margin-bottom: 15px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
    }
    .youshiPage .box li img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-right: 15px;
        object-fit: cover;
        flex-shrink: 0;
    }
    .youshiPage .box li .info h3 {
        font-size: 16px;
        color: #018dd6;
        margin-bottom: 8px;
    }
    .youshiPage .box li .info p {
        font-size: 13px;
        color: #666;
        line-height: 1.6;
    }
}

/* 更小的屏幕 */
@media screen and (max-width: 480px) {
    .nav .logo{width: 120px;}
    .banner a{height: 150px;}
    .banner .wenzi h3{font-size: 18px;}
    .banner .wenzi p{font-size: 12px;}
    
    .fuwu .box li{width: 100%;margin: 10px 0;}
    .guanjia ul li{width: 100%;margin: 30px 0 10px;}
    .cs .box li{width: 100%;margin: 10px 0;}
    .kehu .box li{width: 100%;margin: 10px 0;}
    .baozhang .box li{width: 50%;}
    .liucheng li{width: 25%;}
    
    .biaodan .box .frmRight li{width: 50%;font-size: 12px;}
    .biaodan .box h3{font-size: 16px;}
    
    .tit h3{font-size: 18px;}
    .tit p{font-size: 12px;}
}