﻿/***适配***/
.wap-open {
	display: none
}
.overflow-width {
	min-width: 800px
}
@media screen and (min-width:1601px) {/***最小1301，大于1301***/
.outer {
	width: 70vw;
	margin: 0 auto;
}
}
@media screen and (min-width: 1501px) and (max-width: 1600px) {
.outer {
	width: 80vw;
	margin: 0 auto;
}
}
@media screen and (min-width: 1401px) and (max-width: 1500px) {
.outer {
	width: 90vw;
	margin: 0 auto;
}
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
.outer {
	width: 95vw;
	margin: 0 auto;
}
/***栏目***//***清除pc***/
.nav-tab:after {
	width: 90%;
}
.nav-tab ul {
	padding-right: calc(2.0rem + 2.0vw)
}
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
.outer {
	width: 95vw;
	margin: 0 auto;
}
.wap-outer {
	width: 85vw;
}
}
 @media screen and (max-width: 1200px) {
/***栏目***//***清除pc***/
.nav-tab:after {
	width: 100%;
	background: #014099;
}
.nav-tab ul {
	padding-right: 0px;
	text-align: center;
	padding: calc(0.3rem + 0.3vw) 0px calc(0.1rem + 0.1vw) 0px
}
.nav-tab {
	margin-top: -5px
}
.ax-row[class*="my-split"], .ax-flex-row[class*="my-split"], .ax-flex-col[class*="my-split"] {
	display: block;
}
}
 @media screen and (min-width: 901px) {
.wap-open {
	display: none
}
}
@media screen and (max-width: 900px) {
.outer {
	width: 90vw;
	margin: 0 auto;
}
.nav-tab:after {
	width: 100%;
	background: #014099;
}
.nav-tab ul {
	padding-right: 0px;
	text-align: center;
	display: block;
	padding: calc(0.3rem + 0.3vw) 0px calc(0.1rem + 0.1vw) 0px
}
.nav-tab li {
	flex: block;
	width: 33%;
	float: left
}
.nav-tab {
	margin-top: -5px
}
.index-nav {
	padding-right: 0px;
	margin-bottom: calc(0.3rem + 0.3vw)
}
.index-nav ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: calc(0.3rem + 0.3vw);
}
.index-nav a {
	margin-bottom: 0px
}
.header-top {
	height: auto;
	position: fixed;
	z-index: 10;
	background: #FFF;
	width: 100% !important;
	padding: calc(0.5rem + 0.5vw) calc(1.0rem + 1.0vw) !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.header-logo a {
	display: block;
	height: 100%;
	display: flex;
	align-items: center
}
.header-logo img {
	height: auto;
	width:53%;
	/*width: calc(4.0rem + 2.0vw);*/
	vertical-align: middle;
	align-items: center;
}
.ax-header .ax-col {
	text-align: left
}
#menuDrawer {
	text-align: right;
	float: right;
}
#menuDrawer i {
	color: var(--word-color-2);
	/*font-size: var(--fsize-13)*/
	font-size:25px;
}
.wap-height {
	height: calc(4.0rem + 2vw);
}
.info_previous_next_wrap dl:first-child {
	border-right: 0px;
	border-bottom: 1px var(--rgba-005) solid;
)
}
/***右侧内容***//*清除pc*/
.right-box1 {
	width: 100%;
	display: flex;
}
.picture1-banne {
	width: 40%;
}
.picture1-banne p {
	background-size: cover;
	height: calc(0.0rem + 30.0vh);
}
.picture-list {
	flex: 1;
	width: 60%;
	top: 0px;
	bottom: 0px;
	background: #c5a960;
	height: calc(0.0rem + 30.0vh);
	padding: calc(1.0rem + 1.0vw);
	padding-top: calc(1.0rem + 1.0vw)
}
.picture-list li:nth-child(n+4) {
	display: none
}
.about-pic {
	width: 100%;
	height: calc(5.0rem + 15.0vh)
}
/***标题***//*清除pc*/
.title-m1 h1 {
	font-weight: bold
}
.title-m1 h1::before {
	height: 3px
}
.title-m2 h1 {
	font-weight: bold
}
.title-m2 h1::before {
	height: 3px
}
.title-m3 h1 {
	font-weight: bold
}
.title-m3 h1::before {
	height: 3px
}
.index-xnav {
	width: 100%;
	margin: 0 auto
}
/***独立wap***/
.my-wap-padding-top-1 {
	padding-top: calc(1.0rem + 1.0vw)
}
.my-wap-margin-t1 {
	margin-top: calc(1.0rem + 1.0vw)
}
.my-wap-margin-b1 {
	margin-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
}
.my-wap-padding-1 {
	padding: calc(1.0rem + 0.3vw)
}
.box-wap-bx {
	border-bottom: 1px rgba(0,0,0,0.08) solid;
	padding-bottom: calc(1.0rem + 0.3vw)
}
/***导航开关***/
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;
	text-align: right
}
.ax-btmnav {
	background-color: #fff;
	background: linear-gradient(to right, #f03535, #ce0f0f) !important;
	box-shadow: 0 0rem 0 0 rgb(0 0 0 / 0%) !important;
}
.ax-btmnav a {
	color: #FFF
}
.ax-btmnav .ax-figure {
	font-size: 1.8rem !important;
	;
}
/*layout grid split*/
.ax-row[class*="ax-split"],  .ax-flex-row[class*="ax-split"],  .ax-flex-col[class*="ax-split"] {
	display: block;
}
.ax-row[class*="ax-split"]:after,  .ax-flex-row[class*="ax-split"]:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ax-row.ax-split > .ax-col,  .ax-flex-row.ax-split > *[class*="ax-flex-block"],  .ax-row.ax-split-1 > .ax-col,  .ax-flex-row.ax-split-1 > *[class*="ax-flex-block"] {
	width: 100%;
}
.ax-row[class*="ax-split"] *[class*="ax-gutter"] {
	display: none;
}
.ax-row.ax-split-2 > .ax-col,  .ax-flex-row.ax-split-2 > *[class*="ax-flex-block"] {
	width: 50%;
	float: left;
}
.ax-row.ax-split-3 > .ax-col,  .ax-flex-row.ax-split-3 > *[class*="ax-flex-block"] {
	width: 33.33%;
	float: left;
}
.ax-row.ax-split-4 > .ax-col,  .ax-flex-row.ax-split-4 > *[class*="ax-flex-block"] {
	width: 25%;
	float: left;
}
.ax-row.ax-split-5 > .ax-col,  .ax-flex-row.ax-split-5 > *[class*="ax-flex-block"] {
	width: 20%;
	float: left;
}
.ax-row.ax-split-6 > .ax-col,  .ax-flex-row.ax-split-6 > *[class*="ax-flex-block"] {
	width: 16.66%;
	float: left;
}
.ax-grid.ax-split .ax-grid-block,  .ax-grid.ax-split-1 .ax-grid-block,  .ax-grid-table.ax-split .ax-grid-block,  .ax-grid-table.ax-split-1 .ax-grid-block {
	width: 100%;
}
.ax-grid.ax-split-2 .ax-grid-block,  .ax-grid-table.ax-split-2 .ax-grid-block {
	width: 50%;
}
.ax-grid.ax-split-3 .ax-grid-block,  .ax-grid-table.ax-split-3 .ax-grid-block {
	width: 33.33%;
}
.ax-grid.ax-split-4 .ax-grid-block,  .ax-grid-table.ax-split-4 .ax-grid-block {
	width: 25%;
}
.ax-grid.ax-split-5 .ax-grid-block,  .ax-grid-table.ax-split-5 .ax-grid-block {
	width: 20%;
}
.ax-grid.ax-split-6 .ax-grid-block,  .ax-grid-table.ax-split-6 .ax-grid-block {
	width: 16.66%;
}
/*layout grid split*/

	  /*overflow*/
.ax-overflow {
	position: relative;
}
.ax-overflow.ax-done .ax-inner {
	padding-right: 3.8rem;
}
.ax-overflow .ax-inner {
	width: 100%;
	box-sizing: border-box;
	overflow-y: hidden;
	overflow-x: auto;
}
.ax-overflow:before {
	content: '\203A';
	font-size: 2.2rem;
	color: #198cff;
	width: 4.4rem;
	height: 100%;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	box-sizing: border-box;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff);
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}
.ax-overflow.ax-done:before {
	display: flex;
	animation: ax-overflow 1s linear infinite;
}
 @keyframes ax-overflow {
 0% {
 text-indent: 2.8rem;
}
 50% {
 text-indent: 3.6rem;
}
 100% {
 text-indent: 2.8rem;
}
}
}
 @media screen and (max-width: 768px) {
.md-close {
	display: none
}
.product-imgsclass .ax-space-xxl {
	grid-gap: 1.2rem;
}
.my-box-xxl .ax-grid.ax-space-xxl {
	grid-gap: 1.0rem;
}
.ax-grid.ax-space-lg, .ax-grid.ax-space-xl, .ax-grid.ax-space-xxl {
	margin: 0 auto
}/***wap导航格式化***/
.my-background-3 {
	height: auto;
}/*清除pc*/
.my-pic-left {
	height: calc(10.0rem + 10.0vw)
}
.my-pic-right {
	height: auto
}
}
 @media screen and (max-width: 500px) {
.sm-close {
	display: none
}
.outer {
	width: 94vw;
	margin: 0 auto;
}
.info-from-wrap {
	color: #a6a6a6;
	font-size: calc(0.8rem + 0.5vw);
	border-bottom: 1px rgba(0,0,0,0.05) solid;
	clear: both;
	width: 100%;
	text-align: left;
	display: grid;
	grid: calc(1.8rem + 1.8vw) / auto auto;
}
.img-content img {
	width: 100%
}
}
