/***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 10ms linear;
  display: block;
  font-size:15px;
}
.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{width:100%;min-width:100%;clear:both;margin-top:80px}
.my-header{width:100%;}
.my-header .ax-nav .ax-item {
  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: 70px;;
  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: 54px;}/***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;min-width:80%;padding:0px}
	.ax-grade ul.ax-outer li {line-height:100%;transition: all 10ms linear 1000ms;font-size:var(--fsize-14);
	  border: 0px;background-color:rgba(0,0,0,0.85)}
	.ax-grade .ax-outer a{color:#FFF;display:block;padding:13px 22px 13px 12px !important;position:relaitve;line-height:1.2;
	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);top:17px;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:#000;font-weight:normal;font-size:var(--fz19);}
	
	.ax-nav2 .ax-item .ax-line{background-color:var(--c1) !important;height:3px !important;border-radius:3px}
	.ax-nav2 div:hover > .ax-text{color:var(--c1) !important;}
	.ax-nav2 .on a{color:var(--c1)}

.ax-nav3{margin-top:20px}
.ax-nav3 .ax-text{color:#FFF;font-weight:normal;font-size:var(--fsize-17);}
.my-header .ax-nav3 .ax-item {border-right:0px rgba(255,255,255,0.1) solid;position:relative}
.my-header .ax-nav3 .ax-item::before{
	content: "";
	position: absolute;right:-2px;top:24px;
	background:rgba(255,255,255,0.15);width:1px;height:16px;
	}
.my-header .ax-nav3 .ax-item a.ax-text {line-height: 60px;height: 60px;width: 100%;text-align: center;}/***1级高度***/
.my-header .ax-nav3 .ax-item .ax-line{top:45px;}
.ax-nav3 .ax-grade .ax-outer{width:170px  !important;}
.ax-nav3 .ax-grade ul.ax-outer a{font-size:14px !important;font-weight:normal}
.ax-nav3 .ax-grade .ax-outer{top: calc(100%)}
.ax-nav3 .ax-grade .ax-outer a{padding: 14px 10px !important;}