/***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: 0px;
  right: -1px;
  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;
  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{background:var(--bg-c1);width:100%;min-width:1300px;padding:18px 0px}
.my-header{width:100%;}
.my-header .ax-nav .ax-item {border-right:1px rgba(255,255,255,0.1) solid;
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
  position: relative;}
.my-header .ax-nav .ax-item:last-child{border-right:0px;}

.my-header .ax-nav .ax-item a {transition: all 200ms linear;}
.my-header .ax-nav .ax-item a.ax-text {
  line-height: 20px;;
  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: 22px;}/***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;padding:0px 13px}
.ax-nav .ax-item:last-child{padding:0px 0px 0px 18px}

.ax-nav .ax-item{margin: 0 0 !important;}
	.ax-nav .ax-text{color:#FFF;}
	.ax-nav .ax-text:hover{color:var(--color-3)}
	.ax-nav .ax-item .ax-line{background-color:var(--color-3) !important;height:0.3rem !important;}/***触碰后线***/
	.ax-nav div:hover > .ax-text{color: var(--color-3);}/***触碰后样式保留***/
/***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:160px;padding-top:16px}
	.ax-grade ul.ax-outer li {line-height:100%;transition: all 10ms linear 10ms;font-size:var(--fsize-14);
	  border-bottom: 1px rgba(255,255,255,0.06) solid;background-color:var(--bg-c1)}

	.ax-grade .ax-outer a{color:#FFF;display:block;padding:16px 14px 16px 18px !important;position:relaitve;border-bottom:0px}
	.ax-grade .has-sub::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-size: contain;
	  transition: opacity .3s ease;

	background:#00347c url(../imgc/x-1.png);
	background-repeat: no-repeat; background-position: 20px 35px; background-size: 80px auto ;border-bottom:0px}
	.ax-grade ul.ax-outer li:hover {color: #198cff;background-color: #00347c;}


	.ax-nav .ax-text{color:#FFF;font-weight:normal;font-size:var(--fsize-17);font-family: "fcn2";}
	.ax-nav .ax-text:hover{color:#ffeaa9 !important}
	.ax-nav .ax-item .ax-line{background-color:#ffeaa9 !important;height:3px !important;border-radius:3px}
	.ax-nav div:hover > .ax-text{color: #ffeaa9 !important;}