/* 平板样式 横屏 */
@media screen and (max-width: 1024px) {
	.hidden-xs {
		display: none !important;
	}

	.visible-xs {
		display: block !important;
	}

	.sprites-icon {
		background: url(imgs/css_sprites.png);
	}

	/* 头部导航 */
	.headerSJ {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto;
		position: fixed;
		top: 0;
		background: #FFF;
		z-index: 99;
		border-bottom: 1px #EEE solid;
		padding: 10px 20px;
	}
	.headerSJ .SJLeft {
		width: 85%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.SJLeft .mLogo a {
		display: inline-block;
	}
	.SJLeft .mSearch {
		width: 100%;
	}
	.SJLeft .mSearch div {
		display: flex;
		align-items: center;
		padding-left: 20px;
	}
	.SJLeft .mSearch input {
		width: 85%;
		border: 0;
		border-left: 1px solid #d1d1d1;
		border-top: 1px solid #d1d1d1;
		border-bottom: 1px solid #d1d1d1;
		border-radius: 20px 0 0 20px;
		padding: 5px 5px 5px 10px;
		font-size: 12px;
	}
	.SJLeft .mSearch button {
		width: 15%;
		border: 0;
		background-color: #fff;
		border-right: 1px solid #d1d1d1;
		border-top: 1px solid #d1d1d1;
		border-bottom: 1px solid #d1d1d1;
		border-radius: 0 20px 20px 0;
		padding: 5px 10px 5px 5px;
		text-align: right;
	}
	.headerSJ .SJRight {
		width: 10%;
	}
	.headerSJ .navbar {
		display: block;
		position: relative;
		padding: 5px;
		margin-right: 0px;
		background-color: transparent;
		background-image: none;
		border: 1px solid #333;
		border-radius: 4px;
		outline: none;
		right: 0;
		margin-bottom: 0 !important;
		min-height: 0 !important;
	}
	.headerSJ .navbar .icon-bar {
		display: block;
		width: 22px;
		height: 3px;
		border-radius: 1px;
		background-color: #333;
	}
	.headerSJ .navbar .icon-bar+.icon-bar {
		margin-top: 4px;
	}
	.navwrap {
		position: fixed;
		top: 0;
		left: -100%;
		width: 70%;
		height: 100%;
		z-index: 1100;
		background-color: #fff;
		padding: 1em 15px 10px;
		box-sizing: border-box;
	}
	.navwrap .nav {
		width: 100%;
		height: 100%;
		display: block;
	}
	.navwrap .nav li {
		line-height: 30px;
		border-bottom: 1px solid #ccc;
		padding: 3% 0;
	}
	.navwrap .nav li a {
		display: block;
		color: #000;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.navwrap .closeSJ {
		position: absolute;
		display: block;
		right: -31px;
		z-index: 20000;
		top: 0;
		width: 30px;
		height: 30px;
		background: #fff url(imgs/closeSJ.png) center center no-repeat;
		background-size: 50% auto;
	}
	.navbg {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.4);
		z-index: 1001;
		display: none;
	}
	.navwrap .nav .SJbod {
		display: none;
		padding: 3% 0 0;
	}
	.navwrap .nav .SJbod dd a {
		line-height: 3;
		color: #666;
		font-weight: normal;
	}
	.navwrap .nav .plus {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.navwrap .nav .plus a,.navwrap .nav .minus a {
		margin-right: 30px;
	}
	.navwrap .nav .plus b {
		background: url(imgs/plus.png) no-repeat center center;
		width: 16px;
		height: 16px;
		display: inline-block;
	}
	.navwrap .nav .minus b {
		background: url(imgs/minus.jpg) no-repeat center center;
		width: 16px;
		height: 16px;
		display: inline-block;
	}

	/* 底部导航 */
	footer {
		padding-top: 10px;
	}

	.footer-wrapper {
		background-color: #272727;
		padding: 5px 0 68px;
	}

	.footer-wrapper .footer-content {
		padding: 10px;
		color: #777;
		font-size: 14px;
	}

	.footer-content li {
		display: flex;
		justify-content: space-between;
		padding: 5px 0;
	}

	.footer-content li i {
		width: 24px;
		font-size: 18px;
		text-align: center;
		display: block;
	}

	.footer-content li span {
		flex-basis: calc(100% - 30px);
	}

	.footer-nav {
		border-top: 1px solid #777;
		text-align: center;
		padding: 5px 0;
	}

	.footer-nav li {
		display: inline-block;
		padding: 0 5px;
	}

	.footer-nav li a {
		color: #777;
		font-size: 12px;
	}

	.m-footer-copyright {
		color: #777;
		font-size: 12px;
		text-align: center;
	}

	/* 底部导航固定 */
	.fixed-footer {
		position: fixed;
		width: 100%;
		height: 48px;
		z-index: 2;
		background: #fff;
		bottom: 0;
		border-top: 1px solid #eee;
	}

	.fixed-footer ul {
		display: flex;
		height: 100%;
	}

	.fixed-footer ul li {
		flex: 25%;
		text-align: center;
		border-right: 1px solid #eee;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.fixed-footer ul li:last-child {
		border-right: 0;
	}

	.fixed-footer li a {
		width: 25px;
		height: 25px;
	}

	.fixed-footer li a img {
		max-height: 25px;
	}
	
	#banner {
		margin-bottom: 0;
		margin-top: 57px;
	}

	.m-nav-list {
		display: flex;
		background-color: #F2F2F2;
	}

	.m-nav-list li {
		flex: 1;
		padding: 10px 0;
		color: #333;
	}
	
	.m-nav-list li.active {
		background: #fff;
	}

	.m-nav-list li a {
		display: block;
	}

	.m-nav-list li i,
	.m-nav-list li span {
		display: block;
		text-align: center;
		font-size: 12px;
		font-weight: 700;
	}

	.m-nav-list li i {
		width: 25px;
		height: 25px;
		margin: 0 auto .1rem;
		background-size: 313px 309px;
	}

	.m-nav-list li:first-child i {
		background-position: -278px -55px;
	}

	.m-nav-list li:nth-child(2) i {
		background-position: -55px -274px;
	}

	.m-nav-list li:nth-child(3) i {
		background-position: -10px -274px;
	}

	.m-nav-list li:nth-child(4) i {
		background-position: -126px -116px;
	}

	.m-nav-list li:last-child i {
		background-position: -156px -228px;
	}

	.m-section {
		background-color: #F2F2F2 !important;
	}

	.m-section .bgWhite {
		background-color: #fff;
	}

	.p20 {
		padding-top: 3%;
	}

	.section-title {
		padding: 15px 15px 0;
	}

	.section-title>div {
		display: flex;
		justify-content: space-between;
		border-bottom: 2px #e6e6e6 solid;
		padding-bottom: 10px;
	}

	.section-title h2 {
		font-size: 18px;
		font-weight: 700;
		color: #333;
	}

	.section-title .more-icon::before {
		content: '+';
		display: inline-block;
		width: 20px;
		height: 20px;
		color: #d1d1d1;
		border: 1px solid #d1d1d1;
		text-align: center;
		font-size: 22px;
	}

	.choose-products-list {
		padding: 0 15px;
	}

	.choose-products-list ul li {
		flex-basis: 50%;
		width: 50%;
		padding: 10px 0;
		margin: 0;
		display: inline-block;
		border: none;
		border-bottom: 1px solid #eee
	}

	.choose-products-list ul li:nth-child(2n-1) {
		border-right: 1px solid #eee;
	}

	.choose-products-list .choose-products-pic {
		width: auto;
	}

	.choose-products-list .choose-products-pic a {
		height: 150px;
	}

	.choose-products-list .choose-products-pic img {
		height: 140px;
	}

	.choose-products-list .choose-products-txt {
		display: block;
	}

	.choose-products-list .choose-products-txt .h3 {
		text-align: center;
		font-size: 14px;
		font-weight: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		display: box;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.about-container {
		background: none;
		margin-top: 0;
		padding: ;
	}

	.about-container h3 {
		font-size: 18px;
		color: #333;
		text-shadow: initial;
		text-align: left;
		padding: 15px 15px 0;
		height: auto;
		line-height: 2;
	}

	.about-container p {
		text-shadow: inherit;
		color: #555;
		text-align: left;
		padding: 0 15px;
		margin: 0;
		width: 100%;
	}

	.about-container .more {
		width: 90%;
		margin: 10px auto;
		background: #888;
	}

	.hot-products .m-products-wrapper {
		padding: 0 15px;
	}

	.hot-products li {
		width: 100%;
		border-bottom: 1px #dfdfdf dashed;
	}

	.hot-products li:last-child {
		border-bottom: 0;
	}

	.hot-products li .products-box {
		margin: 0;
		border: 0;
		transition: none;
		padding: 20px 0;
		display: flex;
		flex-wrap: nowrap;
	}

	.products-box .products-pic {
		height: auto;
	}

	.products-box .products-pic a {
		width: 150px;
		height: 150px;
		display: flex;
		border: 1px #EEE solid;
		align-items: center;
		justify-content: center;
	}

	.products-box .products-pic img {
		max-height: auto;
		height: 140px;
	}

	.m-products-content {
		padding-left: 15px;
	}

	.m-products-content h3 {
		margin: 0;
		font-size: 16px;
		text-align: left;
		text-indent: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: box;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.m-products-content>div p {
		margin: 10px 0 0 0;
		text-align: left;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		display: box;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.m-news-list {
		padding: 0 15px;
	}

	.m-news-list li {
		border-bottom: 1px #EEE dashed;
	}

	.m-news-list li:last-child {
		border-bottom: 0;
	}

	.m-news-list li a {
		padding: 15px 0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}

	.date {
		flex-basis: 25%;
		padding-right: 5%;
		position: relative;
		padding-top: 7px;
	}

	.day {
		font-size: 30px;
		line-height: 1.2;
		text-align: center;
		color: #333;
	}

	.year {
		font-size: 12px;
		line-height: 1.1;
		text-align: center;
		color: #333;
	}

	.date:after {
		position: absolute;
		content: ' ';
		top: 1px;
		right: 0;
		height: 100%;
		background: #EEE;
		width: 1px;
	}

	.m-news-content {
		flex-basis: 70%;
	}

	.m-news-content h3 {
		margin: 0;
		font-size: 16px;
		color: #333;
		line-height: 18px;
		height: 18px;
		text-indent: 0;
		table-layout: fixed;
		word-break: normal;
		overflow: hidden;
	}

	.m-news-content>div {
		margin-top: 5px;
		line-height: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: box;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	/* 内页 */
	.inner-banner {
		margin-top: 57px;
	}
	.container {
		padding: 15px;
	}

	.p0 {
		padding-top: 0;
	}

	.main {
		padding: 0;
	}

	.article-list {
		margin: 0;
	}

	.info-content {
		padding: 0;
	}

	.info-content p img {
		display: block;
		float: initial !important;
	}

	.article-wrapper li a {
		width: 65%;
	}

	.article-content {
		padding: 0;
	}

	.input-item .input-title {
		width: 25%;
	}

	.input-item .input-inner {
		width: 75%;
	}

	.feedback-box .send-btn input {
		width: 100%;
		background-color: #1DA1F2;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
	}

	.page-box {
		display: block;
	}

	.page-box .page-title {
		width: 100%;
		font-size: 14px;
	}

	.pages .pages-item {
		margin: 2px;
	}

	/* 搜索主页 */
	.search-bg .search-info {
		width: 100%;
	}

	.search-bg .search-info h3 {
		font-size: 25px;
		padding: 30px 10px 0;
		text-transform: none;
	}

	.search-bg .search-info .searchBox {
		width: 90%;
		margin-top: 10px;
	}

	.nav-box .nav-list {
		width: 100%;
		text-align: left;
	}

	.nav-box .nav-list li {
		width: 24%;
		text-align: center;
	}

	.nav-box .nav-list li a {
		font-size: 14px;
		padding: 16px 8px;
	}

	.search-container {
		padding: 0 10px;
	}

	.search-container .search-title h3 {
		font-size: 28px;
	}

	.search-product .search-product-info {
		width: 100%;
	}

	.search-product .search-product-info li {
		width: 47%;
		height: auto;
		margin-bottom: 20px;
	}

	.search-product .search-product-info li a {
		display: block;
		width: 160px;
		height: 160px;
	}

	.search-product .search-product-info li a img {
		max-height: none;
		height: 150px;
	}

	.search-feedback .feedback-box form {
		max-width: 100%;
	}

	.search-feedback .input-item .input-title {
		font-size: 14px;
	}

	.search-feedback .feedback-box .send-btn input {
		width: auto;
		margin-top: 0;
	}

	/* 商品列表 */
	.products-wrapper ul {
		display: flex;
		flex-wrap: wrap;
	}

	.products-wrapper li {
		flex-basis: 50%;
		float: left;
		width: 50%;
		padding: 10px 0;
		margin: 0;
		display: inline-block;
	}

	.products-wrapper li:nth-child(2n-1) {
		border-right: 1px solid #eee;
	}

	.products-wrapper li .product-img-box {
		padding-right: 0;
		float: initial;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.products-wrapper li .product-img {
		border: 0;
	}

	.products-wrapper li .products-title {
		max-height: none;
		padding: 10px;
	}

	.products-wrapper li .products-title>div {
		font-size: 14px;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		display: box;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	/* 商品详情 */
	#mProImgs {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.m-products-title-box .m-products-title {
		font-size: 24px;
		line-height: 1.3;
		color: #333;
		font-weight: 500;
		padding-bottom: 10px;
		border-bottom: 2px solid #eee;
	}

	.m-products-title-box .m-products-note {
		padding: 10px 0;
		color: #333;
		font-size: 15px;
	}

	.m-products-title-box .send-title {
		background: #1DA1F2;
		color: #fff;
		width: 100%;
		display: block;
		text-align: center;
		line-height: 45px;
		font-size: 15px;
	}

	#gallery {
		--swiper-theme-color: #313437;
	}
	
	/* 标题 && 分类 样式 */
	.aside {
		padding: 30px 15px 0;
		box-sizing: border-box;
	}
	.aside .btn {
		border: 1px solid #eee;
		background: #f8f8f8;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 0;
		height: 50px;
		font-size: 1rem;
	}
	.aside .dropdown-menu {
		width: 100%;
		border-radius: 0;
		top: 48px;
		border: 1px solid #eee;
		border-top: 2px solid;
	}
	.aside .dropdown-menu > li > a {
		padding: 10px 15px;
		font-size: 1rem;
	}
	
}