@charset "utf-8"; /* 设置CSS文件字符编码为UTF-8 */

/* 1200px以上屏幕的样式 */
@media only screen and (min-width: 1004px) and (max-width: 2800px) {
    /* 空规则集 - 可添加大屏幕特定样式 */
}

/* 1600px以下屏幕的样式 */
@media only screen and (max-width: 1600px) {
    /* 空规则集 */
}

/* 1440px以下屏幕的样式 */
@media only screen and (max-width: 1440px) {
    /* 空规则集 */
}

/* 1200px以上屏幕的样式 */
@media only screen and (min-width: 1200px) {
    /* 空规则集 */
}

/** 1200px以下屏幕的样式 **/
@media only screen and (max-width: 1199px) {
    /* 空规则集 */
}

/** 1024px以下屏幕的样式 (平板和移动设备) **/
@media only screen and (max-width: 1023px) {
    /* 隐藏桌面导航，显示移动导航 */
    .header {
        display: none;
    }
    .header_m {
        display: block;
    }
    
    /* 调整轮播图文字大小 */
    .banner3 {
        font-size: 20px;
    }
    .banner4 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    
    /* 调整关于我们区域 */
    .about {
        padding: 30px 0; /* 减少内边距 */
    }
    .about2 {
        margin-top: 0;
        width: 100%; /* 全宽 */
    }
    .about3 {
        font-size: 20px; /* 缩小字体 */
        text-align: center; /* 居中 */
    }
    .about4 {
        margin-top: 5px;
        font-size: 14px; /* 缩小字体 */
        text-align: center; /* 居中 */
    }
    .about5 {
        margin-top: 12px;
        font-size: 18px; /* 缩小字体 */
    }
    .about6 {
        margin-top: 12px;
        font-size: 14px; /* 缩小字体 */
        line-height: 24px; /* 调整行高 */
    }
    .about7 {
        margin-top: 20px;
        width: 100%; /* 全宽 */
        padding-bottom: 0;
    }
    .abimg {
        margin-top: 10px;
        position: relative; /* 重置定位 */
        right: auto;
        bottom: auto;
    }
    
    /* 调整产品服务区域 */
    .serve {
        padding: 30px 0; /* 减少内边距 */
    }
    .serve1 {
        padding: 0; /* 移除左右内边距 */
    }
    .tit {
        font-size: 20px; /* 缩小标题 */
    }
    .tit1 {
        font-size: 14px; /* 缩小副标题 */
    }
    .serve1 ul li {
        width: calc((100% - 20px) / 2); /* 改为两列布局 */
        margin-right: 20px; /* 减少间距 */
        margin-top: 20px; /* 减少上边距 */
        padding: 16px 0 20px; /* 调整内边距 */
    }
    .serve1 ul li:nth-child(3n) {
        margin-right: 20px; /* 重置第三项右边距 */
    }
    .serve1 ul li:nth-child(2n) {
        margin-right: 0; /* 每行第二项清除右边距 */
    }
    .serve2 img {
        max-height: 40px; /* 限制图标高度 */
    }
    .serve3 {
        margin-top: 10px;
        font-size: 16px; /* 缩小标题 */
    }
    
    /* 调整品牌优势区域 */
    .advan {
        padding: 30px 0; /* 减少内边距 */
    }
    .advan1 {
        margin-top: 10px; /* 减少上边距 */
    }
    .advan2 {
        width: 100%; /* 单列布局 */
        margin-top: 20px; /* 增加上边距 */
        margin-right: 0; /* 清除右边距 */
    }
    .advan2:nth-child(3n) {
        margin-right: 0; /* 清除右边距 */
    }
    .advan5 > img {
        max-width: 40px; /* 限制图标大小 */
    }
    .advan6 {
        font-size: 16px; /* 缩小标题 */
        margin-bottom: 0; /* 清除下边距 */
    }
    
    /* 调整师资介绍区域 */
    .teacher {
        padding: 30px 0; /* 减少内边距 */
    }
    .teacher4 {
        margin-top: 15px; /* 减少上边距 */
    }
    .teacher4 img {
        width: 30px; /* 缩小箭头图标 */
    }
    
    /* 调整学员案例区域 */
    .case {
        padding: 30px 0; /* 减少内边距 */
    }
    .case2 {
        padding: 20px 10px; /* 调整内边距 */
    }
    
    /* 调整公司环境区域 */
    .environment {
        padding: 30px 0; /* 减少内边距 */
    }
    .environment1 {
        display: block; /* 改为单列布局 */
    }
    .environment2 {
        margin-top: 10px; /* 增加上边距 */
        width: 100%; /* 全宽 */
    }
    
    /* 调整联系我们区域 */
    .link {
        padding: 30px 0; /* 减少内边距 */
    }
    .link1 {
        display: block; /* 改为单列布局 */
    }
    .link2 {
        width: 100%; /* 全宽 */
        margin-top: 20px; /* 增加上边距 */
    }
    
    /* 调整页脚区域 */
    .footer1 {
        display: block; /* 改为单列布局 */
    }
    .footer3 {
        margin-top: 20px; /* 增加上边距 */
    }
    .footer3 span {
        margin: 0 20px 0 0; /* 调整间距 */
    }
}

/** 960px以下屏幕的样式 **/
@media only screen and (max-width: 959px) {
    /* 空规则集 */
}

/** 768px以下屏幕的样式 (小平板) **/
@media only screen and (max-width: 767px) {
    /* 空规则集 */
}

/** 640px以下屏幕的样式 **/
@media only screen and (max-width: 639px) {
    /* 空规则集 */
}

/** 480px以下屏幕的样式 (手机) **/
@media only screen and (max-width: 479px) {
    /* 空规则集 */
}

/** 360px以下屏幕的样式 (小手机) **/
@media only screen and (max-width: 360px) {
    /* 空规则集 */
}

/** 320px以下屏幕的样式 **/
@media only screen and (max-width: 319px) {
    /* 空规则集 */
}

/********************************* 首页结束 **********************************/

/*******************************************************************/
/* 1200px以上屏幕的样式 */
@media only screen and (min-width: 1200px) {
    /* 空规则集 */
}

/** 1365px以下屏幕的样式 **/
@media only screen and (max-width: 1365px) {
    /* 空规则集 */
}

/** 1200px以下屏幕的样式 **/
@media only screen and (max-width: 1199px) {
    /* 空规则集 */
}

/** 1024px以下屏幕的样式 **/
@media only screen and (max-width: 1023px) {
    /* 空规则集 */
}

/** 960px以下屏幕的样式 **/
@media only screen and (max-width: 959px) {
    /* 空规则集 */
}

/** 768px以下屏幕的样式 **/
@media only screen and (max-width: 767px) {
    /* 空规则集 */
}

/** 640px以下屏幕的样式 **/
@media only screen and (max-width: 639px) {
    /* 空规则集 */
}

/** 480px以下屏幕的样式 **/
@media only screen and (max-width: 479px) {
    /* 空规则集 */
}

/** 360px以下屏幕的样式 **/
@media only screen and (max-width: 360px) {
    /* 空规则集 */
}

/** 320px以下屏幕的样式 **/
@media only screen and (max-width: 319px) {
    /* 空规则集 */
}
/*******************************************************************/