/*小屏幕  max-width: 768px:宽度在768以下 */ 
@media screen and (max-width: 767px){

    .header, .out .img li, .out ul li img {
        height: 14rem;
    }
    .settlement .leftSide .advantage {
        font-size: 2.5rem;
    }
    .floor .top .cnTitle {
        font-size: 1rem;
    }
    .commonTitle .bgWord {
        font-size: 1.5rem;
     }
     .commonTitle .middle .title {
        font-size: 1rem;
     }
     .certificate .cnWord, .moment .cnTitle, .joinUs .cnTitle {
        font-size: 1rem;
    }
    .floor .name, .secondFloor .leftWords .title, .secondFloor .rightWords .title,
    .thirdFloor .part .title {
        font-size: .8rem;
    }
    .settlement .method .left .cnWord, .settlement .secondMethod .right .title, .productDetail .right .consult,
    .thirdFloor .part .title {
        font-size: .9rem;
    }
    .about .firstTitle {
        font-size: .85rem;
    }
    .headerContent .menu ul li, .settlement .method .right .imgWord, .supervision .centerTitle,
    .supervision .part .cnTitle, .intelligence .left, .intelligence .right .words .title,
    footer .left .company, .productList .title, .productDetail .right .describe {
        font-size: .75rem;
    }
    .headerContent .consult, .bannerNumber, .bannerStep .prev, .bannerStep .next, .settlement .expression .cn,
    .settlement .remark, .settlement .secondMethod .right .content, .canteen .content, .supervision .part .remark,
    .nutrition .right .remark, .floor .content, .secondFloor .leftWords .describe, .secondFloor .rightWords .describe,
    .thirdFloor .part .remark {
        font-size: .6rem;
    }
    .settlement .leftSide .word, .settlement .describe ul, .settlement .method .left .enWord,
    .supervision .part .enTitle, .nutrition .right .theme, .intelligence .right .words .remark,
    footer, .certificate .enWord, .moment .describe, .moment .enTitle, .joinUs .expect, .joinUs .enTitle,
    .productList .model, .productList .remark, .productDetail .left .name, .floor .top .enTitle  {
        font-size: .7rem;
    }
    .paging ul li { 
        font-size: .65rem;
    }
    .settlement .expression .en, .certificate .top .right .word, .paging .total {
        font-size: .6rem;
    }
    .joinUs ul li span {
        font-size: 2.95rem;
    }

    .settlement, .supervision, .settlement .card ul, .megoAiDiv, .productList .content, .paging,
    .settlement .describe ul, .canteen .analysis ul,
    .nutrition .content, .intelligence, footer .content,
    .certificate .content, .moment, .joinUs, .productDetail .content,
    .settlement .method,
    .settlement .remark, .floor .content, .thirdFloor ul, .slogan  {
        width: 90%;
    }
    .customer ul {
        width: 83%;
    }
    .settlement .arrow, .supervision .content .middle, .nutrition .content .left img {
       display: none;
    }
    .settlement .card ul,
    .settlement .method .right ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .secondFloor, .nutrition .contentBg {
        margin-top: 2rem;
    }
    .settlement .describe ul, .settlement .method, .supervision, .settlement .remark,
    .nutrition, .certificate, .moment, .joinUs, .map, .settlement .method .left,
    .settlement .secondMethod .right .title {
        margin-top: 1.8rem;
    }
    .intelligence {
        margin-top: .8rem;
    }
    .settlement .remark, .canteen .content, .intelligence .left .remark, .joinUs .enTitle {
        line-height: 1.2rem;
    }
    .supervision .part .remark, .nutrition .right .remark, .section,
    .secondFloor .leftWords .describe, .secondFloor .rightWords .describe {
        line-height: 1.1rem;
    }
    .nutrition .commonTitle {
        width: 15.8rem;
    }

    .header {
        height: 12rem;
        overflow: hidden;
    }
    .headerContent {
        height: 3rem;
        justify-content: center;
        top: 0;
    }
    .headerContent .menu {
        margin-left: 0;
    }
    .headerContent .menu ul li {
        padding: 0 1rem;
    }
    .headerContent .logo , .headerContent .consult, .intelligence .left img {
        display: none;
    }
    .bannerTitle {
        margin-top: unset;
        width: auto;
        top: 2.5rem;
    }
    .bannerTitle .firstTitle {
        font-size: .8rem;
        letter-spacing: 0;
        width: auto;
        text-align: center;
        margin-top: 1rem;
    }
    .bannerTitle .secondTitle {
        font-size: 1.1rem;
        text-align: center;
    }
    .bannerTitle .thirdTitle {
        width: auto;
        letter-spacing: .5rem;
        text-align: center;
        font-size: .6rem;
    }
    .bannerStep {
        width: 15rem;
        bottom: 0.6rem;
        margin: 0 auto;
        text-align: center;
        left: unset;
        top: 5rem;
    }
    .bannerStep .step {
        margin: 0 1rem;
    }
    .bannerStep .step ul li {
        width: 2rem;
    }
    .bannerStep .step ul li.active {
        border-bottom: 1px solid #ffffff;
        margin-top: unset
    }
    .bannerNumber {
        right: .6rem;
        margin-top: -16.2rem;
    }
    .productList .products {
        padding-top: 1.2rem;
    }
    .productList .products li {
        width: 48%;
        height: 13.5rem;
    }
    .productList .nopic {
        height: 4rem;
        padding: .55rem 0;
    }
    .productList img {
        width: 7.15rem;
        height: 5.15rem;
    }
    .productDetail {
        padding: .5rem 0;
    }
    .productDetail .content {
        display: unset;
    }
    .productDetail .left {
        width: auto;
        height: 14.15rem;
        border-radius: unset;
    }
    .productDetail .left .productDetailImg li {
        left: 50%;
        margin-left: -5.5rem;
    }
    .productDetail .left img {
        width: 11rem;
        height: 11rem;
    }
    .productDetail .left .name {
        position: relative;
        top: 1.1rem;
    }
    .productDetail .left .productDetailCircle {
        top: 10.4rem;
    }
    .productDetail .right {
        width: 17rem;
        margin-left: unset;
        margin: 0 auto;
        margin-top: 2rem;
    }
    .productDetail .right .describe {
        margin-bottom: 0.8rem;
    }
    .productDetail .right .consult {
        margin: 2rem auto 1rem auto;
    }

	.productList .nopic {
		width:6.55rem;
	}

    .floor .left .blueBg, .floor .right .orangeBg, .floor .right .purpleBg {
        padding: .5rem .5rem 0 .5rem;
    }
    .floor .left .blueBg, .floor .right .orangeBg, .floor .right .purpleBg {
        width: 8rem;
    }

    .secondFloor .part {
        display: unset;
    }
    .secondFloor .left, .secondFloor .right {
        width: auto;
        height: 10.5rem;
    }
    .secondFloor .right {
        height: 12.5rem;
    }
    .secondFloor .leftWords .describe, .secondFloor .rightWords .describe {
        width: 9.25rem;
    }
    .secondFloor .leftWords, .secondFloor .rightWords {
        margin: 1rem 0 0 1rem;
    }
    .thirdFloor .part ul {
        display: unset;
    }
    .thirdFloor .part li {
        width: auto;
    }
    .thirdFloor .part li div:first-child {
        width: auto;
        height: 15.75rem;
    }
    .thirdFloor .part li:last-child img {
        width: 7rem;
        height: 14.25rem;
    }
    .thirdFloor .part .title {
        font-size: 1rem;
        margin: 1rem 1rem;
    }
    .thirdFloor .part .remark {
        width: 14rem;
        margin-bottom: 1rem;
    }
    .forthFloor .part li:first-child img {
        width: 13.75rem;
    }
    .forthFloor .part li:last-child img {
        bottom: -0.2rem;
    }
    .slogan img {
        width: 15rem;
        height: 8.3rem;
    }
    .intelligenceAbout .left {
        width: 24.1rem;
    }
    .certificate {
        height: auto;
        padding-bottom: 1.5rem;
    }
    .certificate .bottom ul {
       flex-wrap: wrap;
       justify-content: space-between;
    }
    .certificate .bottom ul li {
        margin-right: .25rem;
     }
    .certificate .bottom img {
        margin-bottom: 1rem;
    }
    .joinUs li:first-child, .joinUs li:last-child {
        width: 16rem;
        height: 6.4rem;
        margin: 1rem 0 1rem 0;
    }
    .joinUs ul li span {
        font-size: 1.5rem;
    }
    .joinUs .h5Svg {
        margin: 1rem 0 0 1rem;
    }
    .joinUs .javaSvg {
        margin: .8rem 0 0 1rem;
    }
    .map {
        height: 20rem;
        object-fit: none;
		overflow: hidden;
    }
    .settlement .secondMethod ul li:last-child {
        width: 11.6rem;
    }
    .canteen .content {
        width: auto;
        margin: 0 .8rem;
    }
    .supervision .part img {
        margin-bottom: 1.5rem;
    }
    .supervision .middle img {
        width: 11rem;
    }
    .nutrition .right {
        margin: 0;
        width: 16.5rem;
    }
    .nutrition .right .theme {
        margin-bottom: 0.9rem;
    }
    .nutrition .right .imgList img {
        margin-right: 0.75rem;
    }
    .nutrition .right .remark {
        margin-bottom: 1.5rem;
    }
    .nutrition .contentBg {
        padding: 1rem 0;
        height: auto;
    }
    .integrated .content .left img {
        width: 13.55rem;
        height: 11rem;
        margin-left: 3.9rem;
    }
    .intelligence .right {
        margin-top: 3rem;
    }
    .intelligence .content {
        display: unset;
    }
    .intelligence .left, .intelligence .right {
        width: auto;
    }
    .intelligence .left {
        margin-top: 1.8rem;
    }
    .integrated .right .remark {
        margin-bottom: 0;
    }
    .intelligence .right .year {
        margin-right: 1.3rem;
    }
    .intelligence .right .year .height {
        height: 1.4rem;
    }
    .intelligence .right .year .secondHeight {
        height: 4.2rem;
    }
    .dividingLine {
        margin-top: 0;
    }
    .customer ul {
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 1.8rem auto 1.8rem auto;
    }
    .customer ul li {
        margin: 0 1rem 1rem 0;
    }
    .customer ul li:nth-child(2n) {
        margin: 0 0 1rem 0;
    }
    .productList {
        padding-bottom: 2rem;
    }
    .productList .remark {
        width: auto;
        margin: 0 .1rem;
    }
    .commonTitle {
        width: 13.5rem;
        height: 3.2rem;
    }
    .commonTitle .middle .underline {
        left: 4.8rem;
    }
    .settlement .num {
        font-size: 3rem;
    }
    .settlement .num ul li, .settlement .expression div {
        width: 4.75rem;
    }
    .settlement .citcle ul li {
        width: 3.75rem;
    }
    .settlement .citcle ul li:first-child div {
        left: .98rem;
    }
    .settlement .citcle ul li:nth-child(2) div {
        left: 1.15rem;
    }
    .settlement .citcle ul li:last-child div {
        left: 1.4rem;
    }
    .settlement .citcle {
        margin-top: -1rem;
    }
    .settlement .leftSide {
        display: none;
    }
    h1.title{
        text-align: center;
    }
    .main_product img{width: 17rem;}
    .myclass{padding-left: 2rem;}
    .myclass li{padding: 0;}
    .main_product{margin-top: 4.4rem;}
    .settlement .card ul {
        margin-top: 5.3rem;
    }
    .settlement .card ul li {
        margin-bottom: .25rem;
        height: 5rem;
        width: 49%;
        margin-right: unset;
    }
    .settlement .card ul li img {
        border-radius: unset;
    }

    .settlement .describe ul li {
        margin-right: 1rem;
    }
    .settlement .method {
        display: unset;
    }
    .settlement .method .left {
        text-align: center;
        width: auto;
        height: auto;
    }
    .settlement .method .left .enWord {
        margin: .4rem 0 1rem 0;
    }
    .settlement .method .right {
        width: auto;
        height: 14rem;
        margin-top: 1rem;
    }
    .settlement .method .right ul {
        justify-content: space-evenly;
    }
    .settlement .method .right li {
        width: auto;
    }
    .settlement .secondMethod .right ul li:last-child  {
        width: auto;
    }
    .settlement .secondMethod .right .title {
        text-align: center;
    }
    .settlement .secondMethod .right .content {
        margin-top: 1rem;
        line-height: 1.1rem;
    }
    .canteen {
        margin-top: 3.4rem;
    }
    .canteen .analysis {
        padding-bottom: 1rem;
    }

    .canteen .analysis ul {
        display: unset;
    }
    .canteen .analysis ul li {
        margin: 0 .5rem .5rem .5rem;
    }
    .canteen .analysis ul li:last-child {
        margin-right: .5rem;
    }
    .supervision .commonTitle {
        width: inherit;
    }
    .supervision .centerTitle {
        margin-top: 2.5rem;
    }
    .supervision .part {
        width: 7.9rem;
        height: 20.25rem;
    }
    .supervision .left .part:first-child, .supervision .right .part:first-child {
        margin-bottom: 0rem;
    }
    footer {
        height: unset;
    }
    footer .content {
        display: unset;
    }
    footer .left {
       margin: 0 1.7rem;
       padding-top: 1.2rem;
    }
    footer .right ul {
        margin-top: 1.15rem;
        justify-content: space-around;
        padding-bottom: 1rem;
    }
    .product {
        height: 10rem;
    }
    .about .bannerTitle {
        top: 3.5rem;
    }
    .megoAi {
        margin-top: 1.2rem;
        width: 100%;
    }
    .floor .top .enTitle {
        margin: .85rem 0 1.9rem 0;
    }
    .digitization {
        margin-top: 2.35rem;
    }
    .floor .name {
        margin-bottom: 1rem;
    }
    .section {
        margin-bottom: 1rem;
    }
    .secondFloor .leftImg img, .secondFloor .rightImg img {
        margin: -4.15rem 0 0 0.8rem;
    }
    .secondFloor .left {
        margin-bottom: 6rem;
    }
    .about {
        height: 10rem;
    }
    .intelligence .left .remark {
        margin-top: 1rem;
    }
    .intelligence .right .words .remark {
        margin: .55rem 0 1.45rem 0;
    }
    .intelligence .right .year {
        display: unset;
    }
    .certificate .cnWord {
        margin: 0.8rem 0 .85rem 0;
        text-align: center;
        padding-top: 1rem;
    }
    .certificate .enWord {
        text-align: center;
    }
    .certificate .top {
        display: unset;
    }
    .certificate .top .right .word {
        margin-top: 1.3rem;
        font-size: .55rem;
        text-align: center;
    }
    .certificate .top .right img {
        top: -1.8rem;
    }
    .certificate .bottom {
        margin-top: unset;
    }
    .moment ul { 
        flex-wrap: wrap;
    }
    .moment ul li {
        width: 49%;
        margin-bottom: .3rem;
        height: 6rem;
    }
    .moment ul img {
        height: 6rem;
    }
    .moment .describe {
        margin-bottom: 1rem;
    }
    .joinUs ul {
        display: unset;
    }
    .solution {
        height: 12rem;
    }
    .floor .content, .thirdFloor {
        margin-top: 2rem;
    }
    .secondFloor .top {
        margin-bottom: 5.5rem;
    }
    .thirdFloor .content {
        padding: 0;
    }
    .productList .content {
        flex-wrap: wrap;
    }
    .paging .total {
        display: none;
    }
	.vedio-bg{
		width: 40px;
		height: 40px;
		margin-top: 6%;
	}
	
	.vedio_content{
		padding-top: 30px;
	}

}