/*中屏幕  max-width: 1024px:宽度在768 - 1024    1046*/ 


@media screen and (min-width: 1099px) and (max-width: 1410px){


    .settlement, .supervision, .settlement .card ul, .megoAiDiv, .productList .content, .paging,
    .settlement .describe ul, .canteen .analysis ul,
    .nutrition .content, .intelligence, .customer ul, footer .content,
    .certificate .content, .moment, .joinUs, .productDetail .content,
    .settlement .method,
    .settlement .remark, .floor .content, .thirdFloor ul, .slogan  {
        width: 90%;
    }
    .header {
        height: 32rem;
    }
    .out ul li img {
        height: 32rem;
    }
    .out .img li {
        display: none;
    }
    .headerContent .menu ul li {
        padding: 0 0.2rem;
    }
    .headerContent .logo {
        margin-left: 2.8rem;
    }
    .headerContent .consult {
        margin-right: 2.8rem;
    }
    .bannerTitle .firstTitle {
        font-size: 1.1rem;
        width: 26rem;
    }
    .bannerTitle .secondTitle {
        font-size: 2.3rem;
        width: 25.5rem;
    }
    .bannerTitle .thirdTitle {
        font-size: .8rem;
        letter-spacing: 2.6rem;
    }
    .bannerStep {
        top: 16.5rem;
    }
    .bannerNumber {
        margin-top: -9.1rem;
    }
    .productList .products li {
        width: 15.25rem;
    }
    .floor .left .blueBg, .floor .right .orangeBg, .floor .right .purpleBg {
        padding: 1rem 1rem 0 1rem;
    }
    .floor .left .blueBg {
        width: 16rem;
    }
    .floor .right .orangeBg, .floor .right .purpleBg {
        width: 30rem;
    }
    .secondFloor .left, .secondFloor .right {
        width: 23.8rem;
    }
    .secondFloor .leftWords .describe, .secondFloor .rightWords .describe {
        width: 14.25rem;
    }
    .secondFloor .leftWords, .secondFloor .rightWords {
        margin: 1rem 0 0 1rem;
    }
    .thirdFloor .part li div:first-child {
        width: 11.75rem;
        height: 15.75rem;
    }
    .thirdFloor .part li:last-child img {
        width: 10.25rem;
        height: 14.25rem;
    }
    .thirdFloor .part .remark {
        width: 11rem;
        margin: 0 auto;
    }
    .forthFloor .part li:first-child img {
        width: 18.75rem;
    }
    .forthFloor .part li:last-child img {
        bottom: -0.2rem;
    }
    .intelligenceAbout .left {
        width: 24.1rem;
    }
    .certificate {
        height: auto;
        padding-bottom: 1.5rem;
    }
    .certificate .bottom ul {
       flex-wrap: wrap;
       justify-content: start;
    }
    .certificate .bottom ul li {
        margin-right: .25rem;
     }
    .certificate .bottom img {
        margin-bottom: 1rem;
    }
    .joinUs li:first-child, .joinUs li:last-child {
        width: 22rem;
    }
    .joinUs ul li span {
        font-size: 2.5rem;
    }
    .map {
        height: 22rem;
    }


}








@media screen and (min-width: 768px) and (max-width: 1100px){
    .settlement, .supervision, .settlement .card ul, .megoAiDiv, .productList .content, .paging,
    .settlement .describe ul, .canteen .analysis ul,
    .nutrition .content, .intelligence, .customer ul, footer .content,
    .certificate .content, .moment, .joinUs, .productDetail .content,
    .settlement .method,
    .settlement .remark, .floor .content, .thirdFloor ul, .slogan  {
        width: 90%;
    }
    .header, .out .img li, .out ul li img {
        height: 31rem;
    }
    .headerContent .menu ul li {
        padding: 0rem;
    }
    .headerContent .logo {
        margin-left: 2.8rem;
    }
    .headerContent .consult {
        margin-right: 2.8rem;
    }
    .bannerTitle {
        width: 21.5rem;
    }
    .bannerTitle .firstTitle {
        width: 22rem;
        font-size: .8rem;
        letter-spacing: .515rem;
    }
    .bannerTitle .secondTitle {
        font-size: 1.96rem;
        width: 22.3rem;
    }
    .bannerTitle .thirdTitle {
        font-size: .8rem;
        letter-spacing: 2.13rem;
        width: 24rem;
    }
    .bannerStep {
        top: 16.5rem;
    }
    .bannerNumber {
        margin-top: -9.1rem;
    }
    .productList .products li {
        width: 15.25rem;
    }
    .floor .left .blueBg, .floor .right .orangeBg, .floor .right .purpleBg {
        padding: 1rem 1rem 0 1rem;
    }
    .floor .left .blueBg {
        width: 14rem;
    }
    .floor .right .orangeBg, .floor .right .purpleBg {
        width: 18rem;
    }
    .secondFloor .left, .secondFloor .right {
        width: 16.8rem;
    }
    .secondFloor .leftWords .describe, .secondFloor .rightWords .describe {
        width: 8.25rem;
    }
    .secondFloor .left, .secondFloor .right {
        height: 13.4rem;
    }
    .secondFloor .leftWords, .secondFloor .rightWords {
        margin: 1rem 0 0 1rem;
    }
    .thirdFloor .part li div:first-child {
        width: 7.75rem;
        height: 15.75rem;
    }
    .thirdFloor .part li:last-child img {
        width: 7rem;
        height: 14.25rem;
    }
    .thirdFloor .part .title {
        font-size: 1rem;
    }
    .thirdFloor .part .remark {
        width: 9rem;
    }
    .forthFloor .part li:first-child img {
        width: 15.75rem;
    }
    .forthFloor .part li:last-child img {
        bottom: -0.2rem;
    }
    .slogan img {
        width: 28rem;
    }
    .intelligenceAbout .left {
        width: 24.1rem;
    }
    .certificate {
        height: auto;
        padding-bottom: 1.5rem;
    }
    .certificate .bottom ul {
       flex-wrap: wrap;
       justify-content: start;
    }
    .certificate .bottom ul li {
        margin-right: .25rem;
     }
    .certificate .bottom img {
        margin-bottom: 1rem;
    }
    .joinUs li:first-child, .joinUs li:last-child {
        width: 16rem;
    }
    .joinUs ul li span {
        font-size: 2rem;
    }
    .map {
        height: 18rem;
    }
    .settlement .secondMethod ul li:last-child {
        width: 11.6rem;
    }
    .canteen .content {
        width: 32.25rem;
    }
    .supervision .part {
        width: 9.9rem;
    }
    .supervision .part img {
        margin-bottom: 1.5rem;
    }
    .supervision .middle img {
        width: 11rem;
    }
    .nutrition .right {
        margin: 3rem 0 0 -0.5rem;
        width: 18rem;
    }
    .integrated .content .left img {
        width: 13.55rem;
        height: 11rem;
        margin-left: 3.9rem;
    }
    .intelligence .left {
        width: 19.85rem;
    }
    .customer ul {
        flex-wrap: wrap;
        justify-content: start;
    }
    .customer ul li {
        margin: 0 1rem 1rem 0;
    }
    .productList .products {
        padding-top: 2.2rem;
    }
    .productList {
        padding-bottom: 2rem;
    }





}