@charset "utf-8";
@media only screen and (max-width: 640px) {
	* {
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}

	html {
		font-size: 62.5%;
	}
#container {
		width: 100%;
	}
.wrap{width: 100%;}
	body>.nav {
		width: 15rem;
		-webkit-transform: translate3d(-15rem, 0, 0);
		transform: translate3d(-15rem, 0, 0);
		transition: 0.3s;
	}

	body.open-menu .nav {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.loading .box img {
		width: 60%;
		display: inline-block;
		margin-bottom: 1.5rem;
		height: auto;
	}

	.loading .box p {
		width: 60%;
		margin: 0 auto;
		font-size: 3rem;
	}

	.nav .layui-nav-tree {
		position: absolute;
		left: 0;
		min-height: 100%;
		padding: 1rem 0;
		background: #fff;
		border-radius: 0;
		width: 100%;
	}

	.nav .layui-nav .layui-nav-item {
		line-height: 45px;
	}

	.nav .layui-nav .layui-nav-item p {
		padding: 0 2rem;
	}

	.nav .layui-nav .layui-nav-item p a {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.8rem;
		background: none;
	}

	.nav .layui-nav-tree .layui-nav-child {
		top: 0;
		border-radius: 0;
	}

	.nav .layui-nav-tree .layui-nav-child dd.layui-this,
	.nav .layui-nav-tree .layui-nav-child dd.layui-this a,
	.nav .layui-nav-tree .layui-this,
	.nav .layui-nav-tree.layui-this>a,
	.nav .layui-nav-tree .layui-this>a:hover {
	background-color: #1A85BB !important;
	color: #fff!important;
	}

	.nav .layui-nav-tree .layui-nav-more {
		display: block;
	}

	.nav .layui-nav-itemed>.layui-nav-child {
		background-color: #a89b8f !important;
	}

	.nav .layui-nav .layui-nav-item .layui-nav-child a {
		padding: 0 2rem;
		font-size: 1.6rem;
	}

	.pc_nav {
		display: none;
	}

	.mobile_nav {
		display: block;
	}

	.layui-nav-tree .layui-nav-item a:hover {
		color: #fff;
	}

	.main_box {
		position: relative;
		top: 4rem;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: auto;
	}
body.open-menu {
		overflow: hidden;
	}

	body.open-menu .layadmin-body-shade {
		transition: 0.3s;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transform: translate3d(15rem, 0, 0);
		z-index: 999;
		background: rgba(0, 0, 0, 0.3);
		overflow: hidden;
	}

	body>.header,
	body>.main_box {
		transition: 0.3s;
	}

	body.open-menu>.header,
	body.open-menu>.main_box {
		-webkit-transform: translate3d(15rem, 0, 0);
		transform: translate3d(15rem, 0, 0);
	}

	.header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99;
	}

	body.open-menu .main_box {
		position: fixed;
	}

	.main {}

	.header .nav {
		text-align: center;
		height: 4rem;
	}

	.header .nav .logo {
		float: none;
		display: inline-block;
		top: 1rem;
		margin: 0;
		position: relative;
	}

	.header .nav .logo img {
		height: 2rem;
	}

	.nav_menu {
		position: absolute;
		width: 20px;
		height: 14px;
		cursor: pointer;
		left: 5%;
		top: 1.3rem;
	}

	.nav_menu .line {
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #8A7A6C;
		left: 0;
		transition: all .5s ease;
		margin: 0;
	}

	.nav_menu .line1 {
		top: 0px;
		-webkit-transform-origin: left top 0;
		-ms-transform-origin: left top 0;
		transform-origin: left top 0;
	}

	.nav_menu .line2 {
		top: 8px;
	}

	.nav_menu .line3 {
		top: 16px;
		-webkit-transform-origin: left bottom 0;
		-ms-transform-origin: left bottom 0;
		transform-origin: left bottom 0;
	}

	.nav_menu.cur .line1 {
		transform: rotate(47deg);
	}

	.nav_menu.cur .line2 {
		display: none;
	}

	.nav_menu.cur .line3 {
		transform: rotate(-47deg);
	}
	
	.banner{/*padding-top: 50px!important;*/}
	.n_banner{/*margin-top:50px;height: auto;*/}
	.banner img,.n_banner img{width: 100%;}
	.product-box .shop .bd li{width: 48%;}
	.index-about .about-box>.fl{width: 90%;margin: 0 5%;}
	.index-about .about-box>.fr{width: 100%;}
	.about-box>.fr .more{text-align: center;}
	.partner-box .bd li{width: 50%;padding: 0;height: auto;padding: 10px;}
	.newli{width: 96%;margin: 2%;}
	.left,.right{float: none;width: 100%;}
	.n_contact,.sitemp .site,.sort_menu{display: none;}
	.nav-title{display: block;}
	.right .content{padding: 15px 10px 0 10px;}
	.product-box .shop .bd li .img{height: 120px;overflow: hidden;}
	.product_list{width: 100%;}
	.product_list li{width: 48%;/*margin: 1%;    display: block;*/}
	.product_list li a.img{display: block;width: 100%;max-height: 123px;overflow: hidden;}
	.product_list li a.img img{width: 100%;}
	.nav-title{
			display: block;
			padding: 15px 10px;
			position: relative;
		}
		.ico-list{width: 20px;height: 20px;background: url(../images/li.png)no-repeat;}
		#list_in{
			display: none;
			width: 96%;
			position: absolute;
			z-index: 999;
		}
		#list_in li{
			padding: 0 20px;
			background-color: #cfcfcf;
		}
		.nav-title a{
			/* display: block; */
			height: 30px;
			line-height: 30px;
			color: #FFFFFF;
			margin-right: 10px;
		}
		.product-box .shop .hd li {
		    margin-bottom: 10px;
		}
		.partner-box{height: 90px;}
	
}