﻿/***适配***/
@media screen and (min-width:1601px) {/***最小1601，大于1601***/
	.outer{width:70vw;margin: 0 auto;}
	header .ax-row {width:85vw; margin: 0 auto;}
}
@media screen and (min-width: 1501px) and (max-width: 1600px) {
	.outer{width:80vw;margin: 0 auto;}
	header .ax-row {width:90vw; margin: 0 auto;}

}
@media screen and (min-width: 1401px) and (max-width: 1500px) {
	.outer{width:85vw;margin: 0 auto;}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
	.outer{width:90vw;margin: 0 auto;}
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
	.outer{width:95vw;margin: 0 auto;}
}
@media screen and (min-width: 901px) {
	.wap-open{display:none;}
}
@media screen and (max-width: 900px) {
	.outer{width:95vw;margin: 0 auto;}

	/***獨立wap***/
	.my-wap-padding-top-1{padding-top:calc(4.0rem + 0.3vw);}
	.my-wap-padding-top-2{padding-top:calc(1.0rem + 1.0vw);}
	.ax-grid.ax-space-xxxl {margin: calc(-1.2rem/2) auto;}
	.ax-grid.ax-space-xxxl .ax-grid-inner {margin: auto calc(-1.2rem/2);}
	.ax-grid.ax-space-xxxl .ax-grid-block { padding: calc(1.2rem/2) calc(1.2rem/2);}
	.subnav-wap a{color:#bda77d;}
	/***清除pc***/
	.pc-padding-left-1{padding-left:0vw;}
	.pc-padding-right-1{padding-right:0vw;}
	.honor-content .honor-width{width:90%;padding-left:calc(1.0rem + 1.0vw);}
	.box-w1{padding: 0 calc(0.2rem + 2.8vw) 0 calc(0.2rem + 2.8vw);}
	.clear-right-1{padding-right:0px;}
	.my-pic-1{background:#f9f9f9;padding:calc(1.0rem + 1vw) ;}
	.my-pic-1 .h03 i {display:block;font-size: calc(1.0rem + 0.4vw);}
	.ax-header.ax-inherit {position: fixed !important;left: 0;top: 0;}
	.ax-header .ax-row {width: 100%;}
	.ax-header.ax-inherit + .ax-space-header {display: block;}
	.my-pic-3 p{position:absolute;z-index:10;top:0px;left:30%;letter-spacing: calc(0.1rem + 0.1vw);}
	.my-bg-img1{background-size:0 0;}
	.my-padding-t1{padding-top:calc(2.0rem + 3.0vw);clear:both;}
	.service-box1{overflow:hidden;margin:calc(2.0rem + 1.5vw) 0px;}
		.service-box1 img{width:100%;}
		.service-box1 .service-width1{width:100%;overflow:hidden;float:left;}
		.service-box1 .service-width2{width:100%;float:left;}
	.service-box2{overflow:hidden;margin-bottom:calc(2.0rem + 1.5vw);}
		.service-box2 img{width:100%;}
		.service-box2 .service-width1{width:100%;overflow:hidden;float:left;}
		.service-box2 .service-width2{width:100%;float:left;}
	.product-class{padding:calc(1.0rem + 1.0vw) 0px;width:100%;}
	.product-class a{padding:calc(0.5rem + 0.5vw) 0px;text-align:center;float:left;width:22.5%;
	margin:0px 0px calc(1.0rem + 1.0vw) calc(0.0rem + 1.0vw);}
	.my-list-2 li:nth-child(2n+1){float:left;width:100%;}
	.my-list-2 li:nth-child(2n){float:left;width:100%;}
	.link-2 img{width:30%;margin-top:calc(1.0rem + 1.0vw);}
	.box-gb-1::before {
		content: '';
		position: absolute;
		top: 0px;
		height: 50%;
		width: 100%;
		background: #f9f9f9;}
	.frame-footer{background-position: 30.0vw -8.0vw;}

	/***導航開關***/
	main .content {margin-left: 0;padding: 0 1.4rem;box-sizing: border-box;}
	main .menu {
	display: none;
	box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.12);
	padding-left: 1.4rem;
	box-sizing: border-box;
	width: 25rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 620;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff;}
	main .menu .ax-menu {width: 100%;}
	/***wap導航格式化***/
	.ax-menu li:hover > a .ax-name,
	.ax-menu li:hover > a .ax-legend,
	.ax-menu li:hover > a .ax-arrow { color: #a58b70;}/***wap開關樣式***/
	.ax-space-header { height: calc(3.0rem + 2.0vw);}/***waplogo大小***/
	.ax-header .ax-logo {height: calc(3.0rem + 2.0vw); display: inline-flex; justify-content: center; align-items: center;}
	.ax-header .ax-logo img {max-width:auto;max-height:auto;margin-top:calc(0.0rem + 0.6vw);}
	.wap-close{display:none;}
	.wap-open{display:block;}
	.wap-memu{display:block;float:right;display:flex;justify-content:flex-end;}
		.wap-memu a{color:#FFF;}
		.wap-memu i{font-size:calc(1.0rem + 1.5vw);}
		.wap-memu span{flex:initial;line-height:calc(4rem + 3vw);padding:0px calc(0.8rem + 0.8vw);}
		.wap-memu .wap-memu-1{text-align:right;}
		.wap-memu .wap-memu-2{text-align:right;}
}


@media screen and (max-width: 768px) {
	.md-close{display:none;}
}

@media screen and (max-width: 500px) {
	.sm-close{display:none;}
	.info-from-wrap{padding-bottom:calc(1.0rem + 2.0vw);}
	.info-from-wrap span{display:block;width:100%;clear:both;text-align:left;line-height:calc(1.0rem + 2.0vw);}
	.ax-grid.ax-space-md, .ax-grid.ax-space {grid-gap: 1.0rem;}/***格式式axui***/
}