/* 当浏览器宽度小于992px时，调整slogan的定位 */
@media (max-width: 1450px) {
    header nav{ width: 40rem;}
    header nav li a{ padding: 0 1rem;color:#ccc;}
    .minor{display: none;cursor: pointer;}
    .subNav li{ padding: 0 5%;}
    .subNav2 li{ padding: 0 1px;}
    .contactCon{
        float: none;
        margin-bottom: 40px;
    }
    .input-field{
        width:100%;
        float: none;
        margin-top: 30px;
        box-sizing: border-box;}
    .map-box{ width:100%; box-sizing: border-box; }
    .contactCon,.guestBook{ width: 92%; margin: 0 auto;}
    .newsCon aside{ display: none;}
    .newsCon article{ width: 96%;margin:0 auto; float: none;}
    }
   
@media (max-width: 1024px) {
    header nav{display: none;}
    header nav li{
        float:none;
        line-height: 2rem;
    }
    header{ height: 5rem;}
    .slogan {
        left: 10%;
        bottom:60%;
    }
    .roll{
        width:100%; margin: 20px auto;
    }
    .rImg,.rNum{ float: none;}
    .rImg{ width: 100%; margin-bottom: 20px; height: auto;}
    .rImg li{ text-align: center;}
    .rImg img{ margin: 0 auto; position: static; padding: 3px; max-width: 96%; height: auto; border:1px solid #ccc;display: block;}
    .rImg li a{display: block;}
    .rNum{ width: 96%; margin: 0 auto;}
    .follow,.footInfo{ width: 100%;}
    /* 显示汉堡菜单按钮 */
    .hamburger {
    display: flex;
    float: right;
    margin-top: 30px;
    }
    /* 隐藏导航菜单 */
    .nav-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    background-color: #333;
    padding: 10px 0;
    }
    .nav-menu.active {
    display: flex;
    }
    .nav-menu li{ border-bottom: 1px dashed rgb(214, 214, 214); line-height: 40px;}
    .footInfo{ padding: 0;}
    .footInfo img,.footInfo ul,.footInfo p{ float: none; display: block; margin:15px auto;}
    .footInfo p{ padding: 10px;}
    .footInfo ul{ width:96%;}
    .footInfo li{ width: 16%;}
    footer{ padding: 10px 0;}
    .follow{ box-sizing: border-box; padding-bottom: 15px; padding-left: 10px;}
    .sp a{margin:20px 0 0 0;}

    .products,.news{
        padding:20px 0;
    }
    .banner { position: relative;}
    .banner h2{
        font-size:16px;
        position:absolute;
        top:78%;margin-left:-45%;
        }
    .banner h2 span{
        font-size:12px;
        display: inline;
        font-weight: normal;
    }
    
    article.fl,article.fr{float: none; width: 96%; margin: 0 auto;}
.qualification{width:100%; margin: 0 auto;}
.qualification li{ width: 45%; margin:2%;}
.qualification li img{ width: 100%; height: auto;}
.factoryPhotos{
    column-count:2;}



}
    
    
/* 当浏览器宽度小于768px时，再次调整slogan的定位 */
@media (max-width: 768px) {
    .slogan {
        left: 10%;
        top:20%;
    }
    .slogan strong{font-size:2rem; }
    .slogan em{font-size:1.5rem; line-height: 2rem;}

.motto strong{ font-size: 16px; line-height: 30px;}
.motto em{ line-height: 30px; font-size: 14px;}
.newsCon li h2{ font-size: 16px;line-height:30px;}
.newsCon li img{ width: 100%;}
.salesCenter{
    width:96%; margin: 0 auto;
}
.salesCenter li{
    width: 100%;
}
.newsCon li p,.newsCon li span,.newsCon li i{ display: none;}
.footInfo li a{ font-size:12px;}
.footInfo li a.first{ font-size:12px;}
.copyright p{
    height: 88px;
    line-height:30px;
    padding-top: 20px;
}
.un{ margin-right: 0;}
.con img{width:100%; height:100%;}
.search{ width: 96%; border: none;margin-top:0px;}
.search label{ display: block; line-height: 50px;}
.search input{ width:96%; border-radius:20px;}
.search button{ width: 60%; display: block; margin:30px auto; border-radius: 21px;}
}