@media only screen and (max-width: 414px) {
	#indexInfoBox .contentBox .telBox {
		text-align: center;
		background: url(/assets/addons/cms/images/telIcon.jpg) no-repeat 10% top !important;
	}
}

@media screen and (max-width: 768px) {
	#mainBox {
		width: 100vw;
		max-width: 100vw;
		padding: 0 1rem;
	}
	/* headerBox */
	#headerBox {
		position: fixed;
		top: 0;
		left: 0;
		max-height: 5rem;
		overflow: hidden;
		border-bottom: 1px solid var(--e3Color);
		z-index: 100;
	}

	#headerBox .loginBox img {
		width: 15rem;
	}

	#headerBox .mMenu {
		display: flex;
		justify-content: flex-end;
	}

	.buttonBox {
		display: none;
	}

	#headerBox .navBox {
		position: fixed !important;
		top: 5rem;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: var(--bColor);
		transform: translateX(101%);
		transition: 0.35s ease-in-out;
	}

	#headerBox .navBox:before,#headerBox .navBox:after {
		display: none;
	}

	#headerBox .navBox .topBox .nav {
		width: 100%;
		max-width: 100%;
	}

	#headerBox .navBox .topBox .nav:nth-last-child(1){
		display:block;
	}

	#headerBox .navBox .topBox .langNav {
		display: block;
	}

	#headerBox .navBox .topBox .nav:before {
		display: none;
	}

	#headerBox .navBox .topBox .nav .pc {
		display: none;
	}

	#headerBox .navBox .topBox .nav .mobile {
		display: block;
	}

	#headerBox .navBox .iconfont {
		display: inline-flex;
	}

	#headerBox .navBox .topBox .nav h1 {
		text-align: left;
		padding: 1.25rem 2rem;
		font-size: 0.875rem;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	#headerBox .navBox .topBox .nav:hover h1 {
		background: var(--hColor);
		transition: 0.35s ease-in-out;
	}

	#headerBox .navBox .topBox .nav:active h1 {
		background: var(--hColor);
		transition: 0.35s ease-in-out;
	}

	#headerBox .navBox .topBox .nav .childBox {
		display: block !important;
		position: relative;
		width: 100%;
		height: 0;
		margin: 0;
		transform: translateX(100%);
		transition: 0.35s ease-in-out;
		flex-wrap: wrap;
	}

	#headerBox .navBox .topBox .nav .childBox .child {
		width: 100%;
	}

	#headerBox .topBox .nav .childBox .child h2 {
		margin: 0;
		padding: 0rem 3rem;
		font-size: 0.875rem;
		color: var(--fColor);
		line-height: 3rem;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	#headerBox .topBox .nav .childBox .child:nth-child(1) h2 {
		border-left: none;
	}

	#headerBox .topBox .nav .childBox .child h2 {
		color: var(--fColor) !important;
		border-right: none;
	}
	/* bannerBox */
	#bannerBox {
		display: none;
		margin: 5rem auto 0;
	}

	#bannerBox img {
		width: 100%;
	}

	.smallBanner {
		display: block !important;
		width: 100%;
		height: auto;
		margin: 5rem auto 0 !important;
	}

	.smallBanner .leftSignBox {
		display: none;
	}

	.smallBanner .leftSignBoxen{
		display: none;
	}

	.smallBanner .swiper-pagination-smallBanner {
		right: 2rem;
		width: auto;
		height: 2rem;
	}

	.smallBanner .swiper-pagination-smallBanner .swiper-pagination-bullet {
		height: 2rem !important;
		padding: 0 0.5rem !important;
		line-height: 2rem !important;
	}

	.smallBanner .swiper-button-prev-smallBanner {
		left: 2rem;
	}

	.smallBanner .swiper-button-next-smallBanner {
		right: 2rem;
	}
	/* indexNewxBox */
	#indexNewsBox {
		width: 100%;
		height: auto;
		margin: 1rem auto 0;
		padding: 0;
	}

	#indexNewsBox .newsList {
		padding: 1rem;
	}

	#indexNewsBox .navBox ul li {
		width: calc(100%/3);
		max-width: calc(100%/2);
	}
	/* indexProductBox */
	#indexProductBox {
		width: 100%;
	}

	#scrollyPic {
		margin: 0;
		height: auto;
		max-height: 100%;
	}

	#scrollyPic .scPicBox {
		margin: 1rem;
	}

	#scrollyPic .scrIconBox {
		display: none;
	}
	/* indexInfoBox */
	#indexInfoBox {
		width: 100%;
		margin: 0;
	}
	body{ background:#fff;}

	#indexInfoBox .contentBox .telBox {
		text-align: center;
		background: url(/assets/addons/cms/images/telIcon.jpg) no-repeat 34% top;
	}
	.pBack{ position:inherit}
	/* pagesAbout */
	.pageBox {
		margin: 0 auto 0 !important; display:block!important;
	}

	.pageBox .pagesNavBox {
		width: 100%;
		background: none; display:none
	}

	.pagesMNav {
		display: block;
	}

	#leftIcon {
		display: none;
	}
	/* pagesNav */
	#pagesNav {
		position: fixed !important;
		width: 100%;
		height: 100vh;
		background: #f8f8f8;
		transform: translateX(101%);
		z-index: 10;
	}

	#pagesNav .navList .nav h2 {
		font-size: 0.875rem;
	}
	/* .pagesContentBox */
	.pagesContentBox {
		width: 100%;
	}

	

	.pageProduct .edit p, .pageProduct .edit span{
		font-size: 1rem;
	}

	#breadcrumb {
		height: auto;
		font-size: 0.875rem;
		flex-wrap: wrap;
	}

	#breadcrumb .position {
		display: none;
		width: 100%;
	}

	#breadcrumb .list {
		width: 100%;
		padding: 0.25rem 0;
		flex-wrap: wrap;
	}
	#breadcrumb .enList li a{
		line-height:2;
	}
	#breadcrumb .enList li i{
		line-height:2;
	}
	#breadcrumb .list li {
		margin: 0 0.25rem 0 0;
	}

	#breadcrumb .list li a {
		margin: 0 0.25rem 0 0;
		line-height: 2;
	}

	#breadcrumb .list li i {
		margin: 0 0.25rem 0 0;
		line-height: 2;
	}
	/* pagesAbout */
	.aboutHonor ul li span {
		padding: 0.5rem 0.5rem 0;
		font-size: 0.875rem;
		line-height: 1.5rem;
	}

	.companyNameBox .nameList li {
		width: 100%;
	}

	.pageProduct .listBox .list {
		padding: 0;flex-wrap: wrap;
	}

	.pageProduct .listBox .list .imgBox {
		width: 100%;
		padding: 0 0 48%;
	}

	.pageProduct .listBox .list .imgBox img {
		min-height: 12rem;
		max-height: 12rem;
	}
	.pageProduct .list .contentBox{
		margin:1rem auto;
		width:100%;
	}
	.pageProduct .list .contentBox .edit{
		
	max-height: 100%;margin: 1rem auto 2rem;}
	.pageProduct .list .contentBox .more{
		position:relative;
	margin: 0;}
	/* productDetail */
	#productDetail .formBox .form ul .list {
		white-space: inherit;
	}

	#productDetail .formBox .mobilePic img{
		display:block;
	}

	

	#productDetail .formBox .form .title .list {
		font-size: 0.375rem !important; line-height:4rem;
	}

	#productDetail .imgPicBox {
		flex-wrap: wrap;
	}

#productDetail .imgPicBox {
    flex-wrap: wrap;
    display: block !important;
}


	#productDetail .imgPicBox .list {
		width: 100%;
		margin: 0;
	}

	#productDetail .imgPicBox .list .imgBox {
		width: 100%;
		max-height: 14rem; margin:0 auto; text-align:center
	}

	#productDetail .imgPicBox .list .imgBox img {
		min-height: 14rem;
	}

	#footerBox {
		height: auto;
		margin: 0;
		padding: 1.5rem 0 1rem;
		background-size: contain;
	}
}

@media only screen and (min-width: 769px) and (max-width:1024px) {
	/* headerBox */
	#headerBox {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		max-height: 5rem;
		overflow: hidden;
		border-bottom: 1px solid var(--e3Color);
		z-index: 100;
	}

	#headerBox .loginBox img {
		width: 15rem;
	}

	#headerBox .mMenu {
		display: flex;
		justify-content: flex-end;
	}

	.buttonBox {
		display: none;
	}

	#headerBox .navBox {
		position: fixed !important;
		top: 5rem;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: var(--bColor);
		transform: translateX(101%);
		transition: 0.35s ease-in-out;
	}

	#headerBox .navBox:before,#headerBox .navBox:after {
		display: none;
	}

	#headerBox .navBox .topBox .nav {
		width: 100%;
		max-width: 100%;
	}

	#headerBox .navBox .topBox .langNav {
		display: block;
	}

	#headerBox .navBox .topBox .nav:before {
		display: none;
	}

	#headerBox .navBox .topBox .nav .pc {
		display: none;
	}

	#headerBox .navBox .topBox .nav .mobile {
		display: block;
	}

	#headerBox .navBox .iconfont {
		display: inline-flex;
	}

	#headerBox .navBox .topBox .nav h1 {
		text-align: left;
		padding: 1.25rem 2rem;
		font-size: 0.875rem;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	#headerBox .navBox .topBox .nav:hover h1 {
		background: var(--hColor);
		transition: 0.35s ease-in-out;
	}

	#headerBox .navBox .topBox .nav:active h1 {
		background: var(--hColor);
		transition: 0.35s ease-in-out;
	}

	#headerBox .navBox .topBox .nav .childBox {
		display: block !important;
		position: relative;
		width: 100%;
		height: 0;
		margin: 0;
		transform: translateX(100%);
		transition: 0.35s ease-in-out;
		flex-wrap: wrap;
	}

	#headerBox .navBox .topBox .nav .childBox .child {
		width: 100%;
	}

	#headerBox .topBox .nav .childBox .child h2 {
		margin: 0;
		padding: 0rem 3rem;
		font-size: 0.875rem;
		color: var(--fColor);
		line-height: 3rem;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	#headerBox .topBox .nav .childBox .child:nth-child(1) h2 {
		border-left: none;
	}

	#headerBox .topBox .nav .childBox .child h2 {
		border-right: none;
	}
	/* bannerBox */
	#bannerBox {
		display: block;
		margin: 5rem auto 0;
	}

	#bannerBox img {
		width: 100%;
	}

	.smallBanner {
		display: none !important;
		width: 100%;
		height: auto;
		margin: 5rem auto 0 !important;
	}

	.smallBanner .leftSignBox {
		display: none;
	}

	.smallBanner .swiper-pagination-smallBanner {
		right: 2rem;
		width: auto;
		height: 2rem;
	}

	.smallBanner .swiper-pagination-smallBanner .swiper-pagination-bullet {
		height: 2rem !important;
		padding: 0 0.5rem !important;
		line-height: 2rem !important;
	}

	.smallBanner .swiper-button-prev-smallBanner {
		left: 2rem;
	}

	.smallBanner .swiper-button-next-smallBanner {
		right: 2rem;
	}
	/* indexNewxBox */
	#indexNewsBox {
		width: 100%;
		height: auto;
		margin: 1rem auto 0;
		padding: 0;
	}

	#indexNewsBox .newsList {
		padding: 1rem;
	}

	#indexNewsBox .listBox {
		display: flex;
		margin: 0;
		flex-wrap: wrap;
	}

	#indexNewsBox .newsList li {
		width: calc(100%/2);
		float: left;
	}

	#indexNewsBox .navBox ul li {
		width: calc(100%/3);
		max-width: calc(100%/2);
	}
	/* indexProductBox */
	#indexProductBox {
		width: 100%;
	}

	#scrollyPic {
		width: 100%;
		height: auto;
		max-height: 100%;
		margin: 0;
	}

	#scrollyPic .scPicBox {
		width: 100%;
		margin: 1rem;
	}

	#scrollyPic .scrIconBox {
		display: none;
	}
	/* indexInfoBox */
	#indexInfoBox {
		width: 100%;
		margin: 0;
	}

	#indexInfoBox .contentBox .telBox {
		text-align: center;
		background: url(/assets/addons/cms/images/telIcon.jpg) no-repeat 34% top;
	}
	/* pagesAbout */
	.aboutHonor ul li span {
		padding: 0.5rem 0.5rem 0;
		font-size: 0.875rem;
		line-height: 1.5rem;
	}

	.companyNameBox .nameList li {
		width: calc((100% - 2rem)/2);
	}
	#breadcrumb{
		padding: 0.5rem 0;
	}
	#breadcrumb .position{
		line-height: 1.5rem;
	}
	#breadcrumb .list li a{
		line-height: 1.5rem;
	}
	#breadcrumb .list li i{
		line-height: 1.5rem;
	}
}
@media only screen and (min-width: 1025px) and (max-width:1280px) {
	#breadcrumb{
		padding: 0.5rem 0;
	}
	#breadcrumb .position{
		line-height: 1.5rem;
	}
	#breadcrumb .list li a{
		line-height: 1.5rem;
	}
	#breadcrumb .list li i{
		line-height: 1.5rem;
	}
}
@media only screen and (min-width: 1281px) and (max-width:1366px) {
	#breadcrumb{
		padding: 0.5rem 0;
	}
	#breadcrumb .position{
		line-height: 1.5rem;
	}
	#breadcrumb .list li a{
		line-height: 1.5rem;
	}
	#breadcrumb .list li i{
		line-height: 1.5rem;
	}
}
@media only screen and (min-width: 1367px) and (max-width:1440px) {
	#breadcrumb{
		padding: 0.5rem 0;
	}
	#breadcrumb .position{
		line-height: 1.5rem;
	}
	#breadcrumb .list li a{
		line-height: 1.5rem;
	}
	#breadcrumb .list li i{
		line-height: 1.5rem;
	}
}
@media only screen and (min-width: 1441px) and (max-width:1680px) {
	#breadcrumb{
		padding: 0.5rem 0;
	}
	#breadcrumb .position{
		line-height: 1.5rem;
	}
	#breadcrumb .list li a{
		line-height: 1.5rem;
	}
	#breadcrumb .list li i{
		line-height: 1.5rem;
	}
}