/* 引入 style.css 中的变量 */
@import url('style.css');
@import url('nav-mobile.css');
@import url('footer-mobile.css');
@media (max-width: 767px) {
    /* 全局重置 */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* 基础样式 */
    body {
        font-size: 14px;
        line-height: 1.6;
    }

    .product-container h2{
        color: #181818;
    }

    .product-container p{
        color: #495770;
    }

    /* 容器 */
    .container {
        width: 1200px;;
        margin: 0 auto;
        padding: 40px 20px;
    }

    /* Banner */
    .header-banner {
        margin-top: 56px;
        background: url('../images/header-bg.png') no-repeat center/cover;
        padding: 40px 15px;
    }

    .header-banner h1 {
        font-size: 25px;
        margin: 15px 0;
    }

    .header-banner h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .header-banner p {
        font-size: 14px;
    }


    /* 行业动态 */

    .dynamic-section {
        padding: 60px 0;
        text-align: center;
        border-bottom: 1px solid var(--gray-300);
    }

    .dynamic-section h2 {
        font-size: 24px;
        margin: 10px;
        margin-bottom: 5px;
    }
    .dynamic-section p {
        color: var(--gray-400);
        margin-bottom: 30px;
    }
    .dynamic-container {
        width: 1200px;;
        margin: 0 auto;
    }

    .dynamic-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 0 15px;
    }

    .dynamic-item {
        position: relative;
        margin: 2px;
        color: var(--white);
        height: auto;
        padding: 15px;
        border-radius: 8px;
    }

    .dynamic-item p {
        color: var(--white);
        -webkit-line-clamp: 2;
        font-size: 14px;
        text-align: left;
    }

    .dynamic-item:nth-child(1){
        background: url("../images/industry/1.png") no-repeat center/cover;
    }
    .dynamic-item:nth-child(2){
        background: url("../images/industry/2.png") no-repeat center/cover;
    }
    .dynamic-item:nth-child(3){
        background: url("../images/industry/3.png") no-repeat center/cover;
    }
    .dynamic-item:nth-child(4){
        background: url("../images/industry/4.png") no-repeat center/cover;
    }

    .dynamic-item div {
        position: absolute;
        left: 20px;
        bottom: 10px;
    }

    .dynamic-item a {
        display: inline-block;
        padding: 4px 25px;
        background: white;
        color: var(--primary);
        text-decoration: none;
        border: 1px solid var(--gray-200);
        border-radius: 4px;
        position: relative;
        z-index: 1;
        transition: background 0.3s;
    }

    .dynamic-item a:hover {
        background: var(--color-gray-50);
    }

    /* 公司简介 */
    .company-box{
        padding: 10px 0px 30px 0px;
    }

    .company-box h2 {
        text-align: center;
        margin-bottom: 5px;
    }

    .company-info {
        /*padding: 20px 15px;*/
    }

    .company-desc {
        text-align: center;
        color: var(--gray-400);
        padding: 0 10px;
    }

    .info-content {
        padding: 15px;
        max-width: 100%;
        background: url("../images/picture.png") no-repeat center/cover;
    }

    .info-image {
        /*height: 200px;*/
    }

    .info-image img{
        height: 200px;
    }
}