/***ax2.0版导航下拉原样样式***/
/*grade menu*/
.ax-grade {
  position: relative;
}
.ax-grade .ax-outer {
  box-sizing: border-box;
  transform: translate(-50%, 0);
  background-color: #fff;
  display: none;
  position: absolute;
  top: calc(100%);
  left: 50%;
  z-index: 3;
}
.ax-grade:hover .ax-outer {
  display: block;
}
.ax-grade.ax-right .ax-outer {
  top: 0;
  left: auto;
  right: -14.8rem;
  transform: none;
}
.ax-grade.ax-right .ax-outer:before {
  content: '';
  width: 1rem;
  height: 3.8rem;
  position: absolute;
  left: -1rem;
  top: 0;
}
.ax-grade .ax-outer,
.ax-grade ul.ax-outer ul {
  width: 14rem;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
}
.ax-grade ul.ax-outer li {
  text-align: left;
  line-height: 3.8rem;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.ax-grade ul.ax-outer li:last-child,
.ax-grade ul.ax-outer ul li:last-child {
  border-width: 0;
}
.ax-grade ul.ax-outer li *[class*="-right"] {
  color: #ccc;
  position: absolute;
  right: 0.8rem;
  top: 0;
}
.ax-grade ul.ax-outer li ul {
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  position: absolute;
  width: 100%;
  top: -0.1rem;
  right: 0;
  display: none;
}
.ax-grade ul.ax-outer li:hover {
  color: #198cff;
  background-color: #f0f7ff;
}
.ax-grade ul.ax-outer li:hover svg {
  fill: #198cff;
}
.ax-grade ul.ax-outer li.ax-selected,
.ax-grade ul.ax-outer li.ax-selected:hover {
  color: #fff;
  background-color: #198cff;
}
.ax-grade ul.ax-outer li.ax-selected *[class*="-right"] {
  color: rgba(255, 255, 255, 0.5);
}
.ax-grade ul.ax-outer li.ax-selected svg {
  fill: rgba(255, 255, 255, 0.5);
}
.ax-grade ul.ax-outer a {
  box-sizing: border-box;
  padding: 0 0.8rem 0 0.8rem;
  transition: all 100ms linear;
  display: block;
}
.ax-grade ul.ax-outer li.ax-selected > a,
.ax-grade ul.ax-outer li.ax-selected:hover > a {
  color: #fff;
  background-color: #198cff;
}
.ax-grade ul.ax-outer li:hover > a + ul,
.ax-grade ul.ax-outer li:hover > *[class*="-right"] + ul {
  display: block;
}
.ax-grade ul.ax-outer li a *[class*="font"] {
  margin-right: 0.4rem;
}
.ax-grade ul.ax-outer li a svg {
  margin-right: 0.4rem;
}


/***ax-nav导航***/
/***引起ax-header部分***/
.nav_main{background:var(--c1);width:100%;min-width:1280px;}
.my-header{width:1280px;border-left:1px rgba(255,255,255,0.07) solid}
.my-header .ax-nav .ax-item {border-right:1px rgba(255,255,255,0.07) solid;
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
  position: relative;}
.my-header .ax-nav .ax-item a {transition: all 200ms linear;}
.my-header .ax-nav .ax-item a.ax-text {
  line-height: 52px;;font-weight:bold;
  width: 100%;
  text-align: center;}/***1级高度***/
.my-header .ax-nav .ax-item .ax-line {
  height: 0.2rem;
  background-color: #FFF;
  width: 2.8rem;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 200ms linear;
  position: absolute;
  left: 50%;
  top: 44px;}/***1级触碰下线***/
.my-header .ax-nav .ax-item.ax-selected > a {color: #198cff;}
.my-header .ax-nav .ax-item.ax-selected .ax-line {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);}
.my-header .ax-nav .ax-item:hover .ax-line {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);}
.ax-nav{display:flex}
.ax-nav .ax-item{flex:1;text-align:center;}
.ax-nav .ax-item{margin: 0 0 !important;}
	.ax-nav .ax-text{color:#FFF;font-weight:bold;font-size:var(--fsize-16)}
	.ax-nav .ax-text:hover{color:var(--c3)}
	.ax-nav .ax-item .ax-line{background-color:var(--c3) !important;height:0.3rem !important;}/***触碰后线***/
	.ax-nav div:hover > .ax-text{color: var(--c3);}/***触碰后样式保留***/
/***2级***/
	.ax-grade .ax-outer, .ax-grade ul.ax-outer ul{border: 0px solid rgba(0,0,0,0.8);border-radius:0px;width:100%;text-align:left;}
	.ax-grade .ax-outer{background-color:transparent !important;width:180px;padding:0px}
	.ax-grade ul.ax-outer li {line-height:100%;transition: all 1000ms linear 1000ms;font-size:var(--fsize-14);
	  border: 0px;background-color:rgba(0,0,0,0.8)}
	.ax-grade .ax-outer a{color:#FFF;display:block;padding:15px 15px !important;position:relaitve;
	border-bottom:0px rgba(255,255,255,0.05) solid}
	.ax-grade .ax-outer a::before{content: "\e76b";font-family: 'ax-iconfont';
	font-size:12px;position: absolute;right:calc(0.3rem + 0.2vw);color:rgba(255,255,255,0.4)}
	.ax-grade .ax-outer a:hover{color:#FFF;background:var(--c1);border-bottom:0px rgba(255,255,255,0.2) solid}
	.ax-nav .outer div:nth-child(224) .ax-outer{width:380%;}
	.ax-nav .outer div:nth-child(224) .ax-outer li{float:left;width:33.33%;}
	.ax-nav2 .ax-text{color:#FFF;font-weight:normal;font-size:var(--fsize-16)}
	.ax-nav2 .ax-text:hover{color:var(--c2) !important}
	.ax-nav2 .ax-item .ax-line{background-color:#ffd555 !important;height:3px !important;border-radius:3px}
	.ax-nav2 div:hover > .ax-text{color: #ffd555 !important;}