@media only screen and (max-width: 768px){
	.hidden{ display: none !important;}
    .pcShow{ display: none; }
    .webShow{ display: block; }
    .BodyBox{ min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; }
    .MainCon{ width: 100%; }
    header{ padding: 0 2%; }
    header .logo{ position: relative; z-index: 9; text-align: center; flex: 7 !important; padding: 12px 0; }
    header .logo img{ max-height: 35px; }
    header .navbtn{position: relative;z-index: 999;display: block; padding-top: 18px; float: left; display: block; width: 28px; height: 100%;/* top: 25px; right: 1%;*//* background: url(../images/navbtn.png) no-repeat center; */}
    /*header .navbtn i{ margin-top: 9px; display: block; width: 38px; height: 3px; background: #999; }
    header .navbtn i:first-child{ margin-top: 0; }*/
    nav{display: none;
     float: none; position: absolute; top: 60px; left: 0; display: none; width: 100%; height: auto; background: #fff; z-index: 9999; }
    nav>ul{border-top: 1px solid #e2e2e2;}
    nav>ul>li{ width: 100%; height: auto; padding: 0; }
    nav>ul>li>a{ padding: 0; width: 100%; height: 46px; line-height: 46px; border-bottom: 1px solid #e2e2e2; }
    nav>ul>li>a:hover,nav>ul>li>a.jd{ color: #edcf8d; border-bottom: 1px solid #edcf8d; }
    .MainTable{ padding: 30px 0; }
    .MainTit,
    .MainBox{ width: 100%;}
    .MainTit{ text-align: center; padding-bottom: 15px; }
    .MainTit a{ display: none; }
    .M1Con .pics{ width: 100%; padding-right: 0; }
    .M1Con .pics img{ width: 100%; }
    .M1Con .text{ width: 100%; padding: 15px; }
    .M2Con .M2list li a{ padding: 5px; }
    .M3Con .NewsCon ul{ width: 100%; padding: 0 15px; }
    .M3Con .NewsCon .pisc{ display: none; }
    footer{ background: #dd9e70; }
    footer .footertxt{padding-top: 0; float: none; width: 100%; }
    footer .footertxt .ewm,
    footer .footertxt .txt{ text-align: center;
     float: none; width: 100%; color: #fff; }
    footer .footertxt .ewm{ padding: 20px 0; }
    footer .footertxt .ewm img{ width: 150px; height: 150px; }
    footer .footertxt .txt h2{ font-size: 20px; }
    footer .footertxt .txt h3,
    footer .footertxt .txt h4,
    footer .footertxt .txt h5{ font-size: 16px; line-height: 2; }
    footer .footertxt .txt span{ font-size: 30px; }
    footer .items{ width: 100%; padding: 5%; }
    footer .items .title,
    footer .items .ewm{ text-align: center; }
    .copyright{ line-height: 25px; color: #817f7d; border: 0; }
    .copyright a{color: #817f7d;}
    .copyright .le,.copyright .ri{ float: none; text-align: center; }
    .ueditor_baidumap{ width: 100%; }
    .productlist ul li{ width: 50%; }
    .productlist ul li .items{ padding: 5px; }
    .productlist ul li p{}
    .productlist .imgTable{}
    .productlist .imgTable span{ height: 15rem; max-width: 100%; }
    .productlist .imgTable span img{ max-height: 15rem; }
    .newslist .items{ width: 50%; }
    .sidebar{ display: none; }
    .sidebar-first{ display: block; }
    .sidebar-button{ 
        display: block;
        border: 0; 
        width: 45px; 
        height: 45px; 
        background: none;
        font-weight: bold;
        font-size: 23px;
        color: #dd9e70;
    }
    .sidebar-close{ 
        display: none; 
        position: absolute;
        z-index: 999;
        right: 0;
        /*background: #ad4932; */
    }
    .sidebar-first{ position: relative; }
    .sidebar-first-box{ display: none; }
    .sidebar-first-box section> ul{
        padding-bottom: 2rem;
    }
    .sidebar-first-box section> ul > li{
        border-bottom: 1px solid #e2e2e2;
    }
    .sidebar-first-box section> ul > li > a{
        position: relative;
        display: block;
        padding: 1.6rem 2.3rem;
        /*color: #757575;*/
        font-size: 1.3rem;
        text-transform: uppercase;
    }
    .sidebar-first-box section> ul > li:hover a,
    .sidebar-first-box section> ul > li > a.jd{
        color: #000;
    }
    .sidebar-first-box section> ul > li:hover a::before,
    .sidebar-first-box section> ul > li > a.jd::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 5px;
        background-color: #000;
    }   
}
@media only screen and (max-width: 320px){
    header .logo img{ max-height: 45px; }
    header .navbtn{ width: 28px; height: 28px; top: 12px; }
    header .navbtn i{ width: 28px; height: 2px; }
    nav{ top: 54px; }
    .M2 .innerTxt h2{ font-size: 25px; }
    .M2 .items h2{ font-size: 14px; }
}