/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@media (max-width: 1200px) {

    .section_one .container{padding:0 15px;}


    .service_tab{padding:0 50px;}


}

@media (max-width: 992px) {
    .nav{padding-right:0;}
    .nav li{padding:10px 5px;}

    .s_title{padding:55px 0 40px;}
    .s_title b{width:150px;}
    .s_title .ti_center{margin:0 30px;}
    .s_title .ti_center h3{font-size: 24px;line-height: 30px;}

    .brand_lt{padding:30px 50px 30px 0;}
    .brand_lt:before{width:26px;height:20px;background-size:26px;}
    .brand_rt{padding:30px 0 0 0;}
    .brand_rt:before{width:40px;background-size: 40px;height:30px;}
    .brand_rt h3{font-size: 20px;}
    .brand_rt .brand_txt{line-height: 26px;height:130px;-webkit-line-clamp:5;}

    .service_tab{padding:0 15px;}
    .service_list dd a span{font-size: 18px;}
}
@media (max-width: 767px) {

    .model-header{height:60px;padding:10px 15px;}
    .model-header-logo{height:40px;position: relative;}
    .model-header-logo img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-height: 100%;max-width: 100%;}
    .model-navbtn{width:30px;height:40px;float:right;position: relative;}
    .model-navbtn img{width: 28px;position: absolute;right:0;top:0;bottom:0;margin:auto;}


    .s_title{padding:45px 0 20px;}
    .s_title .ti_center h3{font-size: 20px;line-height: 24px;height:24px;overflow: hidden;}
    .s_title .ti_center span{line-height: 24px;height:24px;overflow: hidden;}
    .s_title .ti_center{margin:0 auto;width:150px;}
    .s_title b{width: 23%;}
    .section_one {padding-bottom:40px;}
    .brand_rt h3{font-size: 16px;height:20px;line-height: 20px;
        overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
    .brand_rt .brand_txt{margin:7px 0 5px;}

    .service_cont{padding:0 0 40px;}
    .service_list{width:49%;margin:0 0 20px 0;}
    .service_cont .service_list:nth-child(2n){float: right;}

    .news_list{float:none;width:100%;margin:0 0 20px;padding:0 10px;}
    .news_list dl{padding:20px;}
    .news_list dl dd .news_txt{line-height: 26px;height:52px;-webkit-line-clamp:2;}

    .contact_list li{float:none;width:100%;text-align: left;padding-left:6%;overflow: hidden;margin-bottom:10px;}
    .contact_list li span{float:left;width:50px;height:50px;}
    .contact_list li p{margin-left:70px;}
    .contact_list{padding-bottom:25px;}


    .copyM{background: #f9f9f9;color:#666;font-size: 14px;padding:10px 0;}
    .copyM a{color:#666;font-size: 14px;}
    #wrap_index{padding-bottom:56px;}
    #quickbar-wrap{padding-top:0;}
    .model-textlist-four ul li a:hover .newtime{padding-right:15px;}
    .model-phone-page a{padding:4px 4%;}

}


@media (max-width: 520px){
	.brand_rt{width:100%;}
    .brand_rt .brand_txt{height:auto;-webkit-line-clamp:3;}
    .brand_lt{padding-right:30px;}
    .brand_lt:after{right:15px;}
	

}
@media (max-width: 374px){
    .s_title b{width:18%;}
}


@media (min-width: 768px){
    .service_list:hover dd{display: block;}

    .news_list dl:hover{border-bottom:3px solid #f1453b;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);}
    .news_list dl:hover dd>a{color: #f1453b;}
}


@media (min-width: 1400px){
    .container{width: 1400px;}
}







@media screen and (max-width: 1200px) {
    .wrap, .wrap2, .wrap3 {
        width: 95%;
        max-width: 1200px;
    }
}

@media screen and (max-width: 992px) {
    .wrap, .wrap2, .wrap3 {
        width: 96%;
        max-width: 1000px;
    }
    
    /* 优化导航栏 */
    .header-v1 {
        height: auto !important;
        min-height: 80px;
    }
    
    .nav li {
        margin: 0 10px;
    }
}

@media screen and (max-width: 768px) {
    /* 确保移动设备上所有元素都是响应式的 */
    * {
        box-sizing: border-box !important;
    }
    
    /* 优化图片显示 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 优化表单元素 */
    input, textarea, select {
        max-width: 100% !important;
    }
    
    /* 优化页脚布局 */
    .f_bg .f_bg_div > div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 480px) {
    /* 确保小屏幕设备上文字可读 */
    body {
        font-size: 14px !important;
    }
    
    /* 优化按钮大小 */
    button, .bnts, .bnt1 {
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}



/* === 优化的自适应响应式样式 === */
/* 全局响应式设置 */
@media screen and (max-width: 1200px) {
    .wrap, .wrap2, .wrap3 {
        width: 95% !important;
        max-width: 1200px !important;
    }
}

@media screen and (max-width: 992px) {
    .wrap, .wrap2, .wrap3 {
        width: 96% !important;
        max-width: 1000px !important;
    }
    
    /* 优化导航栏 */
    .header-v1 {
        height: auto !important;
        min-height: 80px !important;
    }
    
    .nav li {
        margin: 0 10px !important;
    }
}

@media screen and (max-width: 768px) {
    /* 确保移动设备上所有元素都是响应式的 */
    * {
        box-sizing: border-box !important;
    }
    
    /* 优化图片显示 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 优化表单元素 */
    input, textarea, select {
        max-width: 100% !important;
    }
    
    /* 优化页脚布局 */
    .f_bg .f_bg_div > div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 480px) {
    /* 确保小屏幕设备上文字可读 */
    body {
        font-size: 14px !important;
    }
    
    /* 优化按钮大小 */
    button, .bnts, .bnt1 {
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}
/* === 优化的自适应响应式样式结束 === */



/* === 优化的自适应响应式样式 === */
/* 全局响应式设置 */
@media screen and (max-width: 1200px) {
    .wrap, .wrap2, .wrap3 {
        width: 95% !important;
        max-width: 1200px !important;
    }
}

@media screen and (max-width: 992px) {
    .wrap, .wrap2, .wrap3 {
        width: 96% !important;
        max-width: 1000px !important;
    }
    
    /* 优化导航栏 */
    .header-v1 {
        height: auto !important;
        min-height: 80px !important;
    }
    
    .nav li {
        margin: 0 10px !important;
    }
}

@media screen and (max-width: 768px) {
    /* 确保移动设备上所有元素都是响应式的 */
    * {
        box-sizing: border-box !important;
    }
    
    /* 优化图片显示 */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* 优化表单元素 */
    input, textarea, select {
        max-width: 100% !important;
    }
    
    /* 优化页脚布局 */
    .f_bg .f_bg_div > div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 480px) {
    /* 确保小屏幕设备上文字可读 */
    body {
        font-size: 14px !important;
    }
    
    /* 优化按钮大小 */
    button, .bnts, .bnt1 {
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}
/* === 优化的自适应响应式样式结束 === */