@media screen and (min-width:320px) and (max-width:768px) {
    * {
        box-sizing: border-box;
    }

    #mobileMenu {
        display: none;
    }

    .header {
        position: relative;
        margin: 0 auto;
        z-index: 88;
    }

    #myCarousel,
    #nyabout,
    .whyus,
    .middle,
    .leibietit,
    .research,
    .newbj {
        margin-top: 0px;
    }

    .header,
    .footer {
        text-align: center;
    }

    .header,
    .footer {
        background: #5d5d5d;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        line-height: 40px;
        font-family: ITC-MD, sans-serif;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        padding: 0 50px;
    }

    .header.fixed {
        position: fixed;
        top: 0;
        left: 0;
    }

    .footer.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
    }

    .header .hamburger {
        display: block;
        width: 50px;
        height: 40px;
        padding: 11px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .header .hamburger:before,
    .header .hamburger:after {
        content: '';
        display: block;
        background: #fff;
        height: 2px;
    }

    .header a span {
        background: #fff;
        display: block;
        height: 2px;
        margin: 6px 0;
    }

    .header p {
        float: right;
        position: absolute;
        width: 80px;
        top: 0;
        right: 11px;
        font-family: ITC-MD, sans-serif;
        font-size: 12px;
        color: #1e9c9b;
    }

    .header p a {
        font-family: ITC-MD, sans-serif;
        font-size: 12px;
        color: #1e9c9b;
    }

    .menuMask {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        background: black;
        display: none;
        opacity: .8;
        z-index: 99;
    }

    #closeMenu {
        width: 100%;
        height: 5vh;
    }

    #closeMenu img {
        float: right;
        padding: 3% 8%;
    }

    .menuMask .menuPos {
        width: 100%;
        height: 100vh;
        position: absolute;
        padding: 10% 20%;
    }

    .menuMask ul li {
        width: 100%;
        height: 8vh;
        border-bottom: solid #ffffff 1px;
    }

    .menuMask ul li:last-child {
        /*border: none;*/
    }

    .menuMask .menuPro {
        width: 100%;
        position: relative;
    }

    .menuMask .stage {
        width: 100%;
        top: 56px;
        padding-left: 8%;
        position: absolute;
        /* margin-top: -48vh; */
        z-index: 999;
        background: #0a4b3e;
        display: none;
    }

    .icon-next {
        float: right;
    }

    .menuMask ul li a,
    .menuMask ul li span {
        font-family: ITC-MD, sans-serif;
        font-size: 16px;
        letter-spacing: 3px;
        color: #ffffff;
        line-height: 8vh;
    }

    .icon-next {
        width: 20%;
        height: 8vh;

    }

    .icon-next img {
        float: right;
        margin-top: 50%;
    }

    /*首页*/
    .list li .bmbox {
        letter-spacing: 0;
    }

    /*whyus页面*/
    .fontBox b {
        font-size: 2.5rem;
        letter-spacing: 1px;
    }

    .fontBox p {
        font-size: 1rem;
    }

    /*底部菜单*/
    .mobileFooter {
        width: 100%;
        background: #26272c;
        height: 800px;
        clear: both;
    }

    .mobileFoot {
        width: 100%;
        padding: 3% 5% 0 5%;
    }

    .mobileFoot .fontBoder {
        border-bottom: 1px solid #ffffff;
        height: 30px;
        line-height: 30px;
    }

    .mobileFoot p a {
        width: 100%;
        font-family: ITC-MD, sans-serif;
        color: #ffffff;
        font-size: 14px;
        letter-spacing: 3px;
        padding: 2%;
        height: 30px;
        line-height: 30px;
    }

    .mobileFoot p {
        font-family: ITC-MD, sans-serif;
        color: #ffffff;
        margin: 0 0 10px;
    }

    .mobileFoot b {
        width: 100%;
        font-family: ITC-MD, sans-serif;
        color: #ffffff;
        font-size: 16px;
        letter-spacing: 3px;
    }

    .mobileFoot img {
        width: 100%;
        padding-left: 35%;
        padding-right: 35%;
    }

    /*新闻详情页*/
    .new_d img {
        width: 100%;
        height: auto;
    }
    .new_d{
        width: 95%;
        margin: auto;
    }
    /*产品列表页*/
    #proimg {
        width: 75%;
    }

    .lbt2 {
        margin-top: 0;
    }

    .cpt1 ul li {
        margin-top: 0px;
    }

    /*产品详情页*/
    .pro_dleft {
        width: 100%;
    }

    .pro_dright {
        width: 100%;
    }

    .pro_dright img {
        display: none;
    }

    .pro_dright ul li {
        width: 100%;
        height: auto;
        margin-left: 30px;
    }
    #new{margin: 0px;}
    .newnr img{width: 100%;}
    .newms{height: auto;padding: 0px;}
    .newRight{width: 100%}
    .newtit1{height: auto;padding: 5px 0px;margin: 0px}
    .newtime{padding: 0px;height: auto}
    .newmore{margin-left: 0px;}

    #myCarousel{margin: 0px}
    .cpt1 ul li img{width: 100%;height: auto}
    .cpt1 ul li{width: 50%}
    #proimg{width: 90%}
    .lbt2,.lbt2 img,.cpt1{height: auto}
    .lbt2{float: none;width: 100%;margin: 20px 0px}
    .lbt2 img{width: 100%}
    .footer{height: auto;color: #fff;padding: 0 10px;display: none}
    #csbody{flex-direction: column;    padding-top: 0px;}
    .footerContent{width:100%;flex-direction: column;}
    .footerLeft{width: 100%}
    .copyright, .copyright a{width: 100%;display: block;color: #fff}
    .footerRight{width: 100%}
}