@media only screen and (max-width: 768px){
	.hidden{ 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{ padding: 12px 0; }
	header .logo img{ max-height: 55px; }
	header .navbtn{ position: relative; float: right; display: block; width: 38px; height: 27px; top: 25px; right: 1%; }
	header .navbtn i{ margin-top: 9px; display: block; width: 38px; height: 3px; background: #999; }
	header .navbtn i:first-child{ margin-top: 0; }
	nav{ float: none; position: absolute; top: 79px; 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: #000; border-bottom: 1px solid #000; }
	
	.MainTable{ padding: 30px 0; }
	.MainTit,
	.MainBox{ float: none; 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 .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{ display: none !important; }

	.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: #34373b;
        font-weight: bold;
        font-size: 18px;
        color: #fff;
    }
    .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; }
}