/* 顶部导航栏
.top-nav {
  z-index: 3;
  position: relative;
  width: 750px;
  height: 369px;
  background: url(/act/xtl/newserver/20240905/appoint/m/img/head.png) 100%
    no-repeat;
  background-position: 0 -1023px;
}

.top-nav .nav-line {
  width: 750px;
  height: 39px;
  background: url(/act/xtl/newserver/20240905/appoint/m/img/banner_line.png)
    100% no-repeat;
}

.top-nav .nav-con {
  margin: 0 auto;
  width: 695px;
  height: 369px;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
}
.top-nav .nav-con a {
  position: relative;
  text-indent: -9999999px;
  display: block;
  width: 137px;
  height: 302px;
  background: url(/act/xtl/newserver/20240905/appoint/m/img/nav.png);
}
.top-nav .nav-con a::after {
  position: absolute;
  content: '';
  top: 1px;
  left: 50%;
  margin: 0 0 0 -76px;
  width: 154px;
  height: 302px;
  background: url(/act/xtl/newserver/20240905/appoint/m/img/nav-h.png);
  opacity: 0;
  transition: all 0.5s;
}
.top-nav .nav-con a.topnav0 {
  background-position: -8px -11px;
  margin-top: 12px;
}
.top-nav .nav-con a.topnav0::after {
  background-position: 0 -13px;
}
.top-nav .nav-con a.topnav1 {
  background-position: -193px 0;
}
.top-nav .nav-con a.topnav1::after {
  background-position: -184px 0;
  margin: 0 0 0 -77px;
  top: 0;
}
.top-nav .nav-con a.topnav2 {
  margin-top: 27px;
  background-position: -376px -31px;
}
.top-nav .nav-con a.topnav2::after {
  background-position: -367px -31px;
  margin: 0 0 0 -78px;
  top: 0;
}
.top-nav .nav-con a.topnav3 {
  margin-top: 59px;
  width: 172px;
  background-position: -541px -57px;
}
.top-nav .nav-con a.topnav3::after {
  background-position: -541px -57px;
}
.pg2 .top-nav .topnav0::after {
  opacity: 1;
}
.pg3 .top-nav {
  z-index: 4;
}
.pg3 .top-nav .topnav1::after {
  opacity: 1;
}
.pg5 .top-nav {
  z-index: 4;
}
.pg5 .top-nav .topnav2::after {
  opacity: 1;
} */

/* 顶部导航栏 */
.top-nav {
  position: relative;
  width: 750px;
  height: 170px;
}

/* .top-nav .nav-line {
  width: 750px;
  height: 170px;
  background: url(../m/img/banner_line.png) 100% no-repeat;
} */

.top-nav .nav-con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.top-nav a {
  display: block;
  font-size: 0;
  width: 172px;
  height: 170px;
	top: 0;
	position: absolute;
}

.top-nav .topnav0 {
  left: 15px;
  background: url(../m/img/banner_item1.png) 100% no-repeat;
}

.pg2 .top-nav .topnav0 {
  background: url(../m/img/banner_item1_active.png) 100% no-repeat;
}

.top-nav .topnav1 {
  left: 197px;
  background: url(../m/img/banner_item2.png) 100% no-repeat;
}

.pg3 .top-nav .topnav1 {
  background: url(../m/img/banner_item2_active.png) 100% no-repeat;
}

.top-nav .topnav2 {
  left: 380px;
  background: url(../m/img/banner_item3.png) 100% no-repeat;
}

.pg5 .top-nav .topnav2 {
  background: url(../m/img/banner_item3_active.png) 100% no-repeat;
}

.top-nav .topnav3 {
  left: 560px;
  background: url(../m/img/banner_item4.png?1024) 100% no-repeat;
}

/* .top-nav .topnav3 {
  position: absolute;
  left: 560px;
  top: 14px;
  background: url(../m/img/banner_item4_active.png) 100% no-repeat;
}  */