* {
    margin: 0;
    padding: 0;
  font-family: 'Microsoft YaHei', '寰蒋闆呴粦', sans-serif;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.isScroll {
    background-color: #a6b1b67d !important;
    backdrop-filter: saturate(50%) blur(4px);
}

.isScrollItem {
    color: #fff !important;
}

.center {
    background-color: #d5dee3;
}

.nav {
    z-index: 999999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3vw;
    background-color: #0000;
    border-bottom: 1px solid #a9b0b494;
}

.nav .logo {
    transform: translateY(-50%);
    /* width: clamp(120px, 8vw, 240px);
    height: clamp(13.44px, 1.344vw, 26.88px);     */
    width: 200px;
    height: 26.88px;
    position: absolute;
    top: 50%;
    left: 10vw;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor:pointer;
}

.nav .menu {
    position: absolute;
    right: 10vw;
}

.nav .menu .item,
.bottomNav .menu .item {
    float: left;
    width: clamp(100px, 12vw, 140px);
    padding: 1.2vw 0;
    line-height: 0.6vw;
    font-size: clamp(12px, 0.5vw, 18px);
    font-weight: 600;
    color: #000;
    text-align: center;
    cursor: pointer;
}

.nav .menu .item span,
.bottomNav .menu .item span {
    display: inline-block;
    width: 100%;
    border-right: 1px solid #999;
}

.nav .menu .item:hover,
.bottomNav .menu .item:hover {
    color: rgb(235, 86, 5);
}
.bottomNav .menu .item:first-child{
    text-align: left;
    width: clamp(80px, 12vw, 100px);
}

.nav .menu .item:last-child {
    vertical-align: text-top;
    border-right: none;
    position: relative;
}

.nav .menu .lang .select {
    padding-top: 1vw;
    display: none;
}

.nav .menu .lang .svg {
    width: clamp(14px, 0.5vw, 18px);
    height: clamp(14px, 0.5vw, 18px);
    margin-right: clamp(6px, 0.1vw, 10px);
    position: absolute;
    transform: translate(calc(-100% - clamp(8px, 0.1vw, 12px)), -50%);
    top: 1.5vw;
}

.nav .menu .lang .select .item {
    background-color: #aaa;
    padding: 0;
    width: 100%;
    text-align: center;
    line-height: clamp(45px, 1.5vw, 60px);
    height: clamp(45px, 1.5vw, 60px);
    float: left;
}

.nav .menu .lang:hover .select {
    display: block;
}

/* bottomNav */
.bottomNav {
    width: 100%;
    background-color: #d5dee3;
    border-top: 1px solid #999;
    font-weight: 700;
    position: relative;
}

.bottomNav .menu {
    padding-left: 10vw;
}

.bottomNav .menu .hover {
    border-bottom: 2px solid #333;
}

.bottomNav .menu .item:hover {
    border-bottom: 2px solid #333;
}

.bottomNav .menu .item:last-child span {
    border-right: none;
    position: relative;
}


.bottomNav .line1 {
    position: absolute;
    top: calc(3vw + 1px);
    width: 100%;
    border-top: 1px solid #999;
}

.bottomNav .line {
    width: 100%;
    border-top: 1px solid #999;
}

.bottomNav .content {
    position: relative;
    left: 10vw;
    width: 80vw;
    font-weight: 400;
}

.bottomNav .content #item1>.info {
    display: inline-block;
    border-bottom: 1px dashed #999;
    height: auto;
}

.bottomNav .content #item1 .info .piece {
    display: inline-block;
    padding-top: 2vw;
    width: 20vw;
    margin-bottom: 2vw;
    vertical-align: top;
}

.bottomNav .content #item1 .info .piece .title {
    font-weight: 600;
    font-size: 1vw;
    padding-bottom: 14px;
}

.bottomNav .content #item1 .info .piece .title img {
    height: 20px;
        margin-right: 0.3vw;

}

.bottomNav .content #item1 .info .piece .info {
    font-size: 14px;
}

.bottomNav .content #item1 .info .piece .info p {
    font-size: 17px;
    padding: 4px 0;
}

.bottomNav .content #item1 .tel {
    width: 20vw;
    position: absolute;
    bottom: 40px;
    right: 5.5vw;

}

.bottomNav .content #item1 .qrcode {
    width: 5vw;
    height: 5vw;
    position: absolute;
    bottom: 40px;
    right: 0;
    background-image: url(../img/qrcode.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bottomNav .content #item1 .tel .item {
    float: right;
    width: 50%;
    margin: 4px 0;
}

.bottomNav .content #item1 .tel .item p {
    text-align: right;
    font-weight: 700;
    font-size: 0.8vw;
}


.bottomNav1 {
    padding: 5vw 0;
    display: none;
    height: 20vw;
    background-color: #d5dee3;
}

.bottomNav1 .content #item1 {
    position: relative;
}

.bottomNav1 .content #item1 .tel {
    position: absolute;
    top: 0;
    left: 18vw;
    width: 75vw;
}

.bottomNav1 .content #item1 .qrcode {
    width: 20vw;
    height: 23.3vw;
    position: absolute;
    top: 0;
    left: 6.5vw;
    background-image: url(../img/qrcode2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.bottomNav1 .content #item1 .tel .alignAt{
    /*position: absolute;*/
    /*top: 100%;*/
    /*transform: translateY(100%);*/
}

.bottomNav1 .content #item1 .tel .item {
    height: calc(23.3vw / 2);
    float: right;
    width: 42%;
}

.bottomNav1 .content #item1 .tel .item .p {    
    display: inline-block;
    height: 50%;
    text-align: left;
    font-weight: 600;
    font-size: 3vw;
    position: relative;
    width: 100%;
    float: left;
}
.bottomNav1 .content #item1 .tel .item .p span{    
    position: absolute;
    width: 100%;
    top: 100%;
    transform: translateY(-100%);
}


.nav1Top {
    width: 100%;
    height: clamp(50px, 3vw, 3vw);
    background-color: #fff;
    display: none;
}

.nav1 {
    display: none;
    z-index: 999999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: clamp(50px, 3vw, 3vw);
    background-color: #fff;
    border-bottom: 1px solid #999;
}

.nav1 .logo {
    width: clamp(120px, 12vw, 240px);
    height: clamp(13.44px, 1.344vw, 26.88px);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.nav1 .logo img{
    width:100%
    
}

.nav1 .select {
    width: clamp(20px, 2vw, 2vw);
    height: clamp(20px, 2vw, 2vw);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    /*right: 10vw;*/
    right: calc(clamp(20px, 2vw, 2vw) + 8vw);
    z-index: 3;
        transition-duration: 1s;
}


.nav1 .input {
    width: 0;
    height: clamp(30px, 3vw, 3vw);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10vw;
    border:none;
    border-radius:3vw;
        transition-duration: 1s;
}
.nav1 .panel {
    width: clamp(20px, 2vw, 2vw);
    height: clamp(20px, 2vw, 2vw);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 5vw;
}

.nav1 .menu1 {
    transition-duration: .8s;
}

.nav1 .menu {
    position: absolute;
    right: 0;
    top: clamp(50px, 3vw, 3vw);
    width: 100%;
    background-color: #fff;
    transition-duration: 1s;
}

.nav1  .top {
    width: 90%;
    margin-bottom: 3vw;
    background-color: #fff;
    padding: 3vw 5vw;
    position: absolute;
    top: 0;
    transition-duration: 1s;
    
}
.nav1  .top .select1 {
    width: 90vw;
    height: 10vw;
    background-color: #f6f7f9;
    border-radius: 5vw;
    position: relative;
    overflow: hidden;
}
.nav1  .top .select1 .icon{
    position: absolute;
    left: 0;
    width: 10vw;
    height: 10vw;
    top: 0;
}
.nav1  .top .select1 .icon svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 4vw;
    height: 4vw;
}
.nav1  .top .select1 .input1{
    posinav1 .menution: absolute;
    left: 10%;
    width: 90%;
    height: 10vw;
    top: 0;
        position: absolute;
}
.nav1  .top .select1 .input1 input{
    border: none;
    width: 100%;
    height: 100%;
    color: #0009;
    font-size: 3vw;
    background-color: #f6f7f9;
}

.nav1 .menu .item {
    width: 96%;
    margin-left: 2%;
    line-height: 15vw;
    font-size: 4.2vw;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    position: relative;
}

.nav1 .menu .item span {
    text-align: left;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #9999;
    position: relative;
}

.nav1 .menu .item span .expand {
    position: absolute;
    top: 50%;
    right: 0;
}

.nav1 .menu .item .detail {
    border-bottom: 1px solid #9999;
    display: none;
}

.nav1 .menu .item .detail .menuItem {
    padding-left: 2%;
    font-weight: 400;
    line-height: 9.5vw;
    font-size: 4vw;
    color: #0009;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.bottomRegion {
    width: 100%;
    height: auto;
    padding: 3vw 0;
    background-color: #d5dee3;
    border-bottom: 1px solid #3333;
    display: none;
}

.bottomRegion .title {
    width: 100%;
    text-align: center;
    font-size: 3.8vw;
    font-weight: 600;
    line-height: 13vw;
}

.bottomRegion .info {
    margin-top: 1vw;
    width: 100%;
    text-align: center;
}

.bottomRegion .info span {
    display: inline-block;
    width: 12vw;
    text-align: center;
    font-size: 2.6vw;
    border-right: 1px solid #999;
}
 .filing{
/*text-align: center;*/
    padding: 2vw 0 2vw 0;
    border-top: 1px solid #0002;
    background-color: #d5dee3;
    font-size: 1.9vw;

}

.filing .content{
    position: relative;
    left: 6vw;
    width: 88vw;
    font-weight: 400;
}



.filing .content p{
    font-size: 0.8vw;
    color: #6b6e6f;
        line-height: 4vw;

}
.loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/static/zhiying//img/璧勬簮 44080.png');
    background-color:rgb(15,20,49) ;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      transition: all 1s ease-in-out;
      z-index: 999999999999999999999999999999999999999999999;

}
.loading .bottomImg{
      position: absolute;
      bottom:0;
      width: 100%;
      left: 0;
      z-index: 888888888;
    
}


    .star {
      position: absolute;
      background: white;
      box-shadow:
        #fff 200px 200px 100px -100px,
        #fff 100px 100px 100px -50px,
        #fff 150px 150px 100px -75px,
        #fff 200px 200px 100px -125px;
      border-radius: 50%;
      opacity: 0;
      transform: translateX(-9999px) translateY(-9999px);
      animation: twinkle 1s infinite alternate ease-in-out;
    }

    @keyframes twinkle {
      from {
        opacity: 1;
      }

      to {
        opacity: 0;
      }
    }
    
    .centerIcon{
      width: 10vw;
      position: absolute;
      top: 20%;
      left: 50%;
      transform: translate(-50%,-100%);
    }
    
    .center1{
      width: 20vw;
      height: 20vw;
      position: absolute;
      top: 60%;
      left: 50%;
      transform: translate(-50%,-100%);
      animation: centerA 1s infinite alternate ease-in-out;
      z-index: 9;
    }

@keyframes centerA {
  from {
    top: 60%;
  }

  to {
    top: 57%;
  }
}
@keyframes centerB {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}
    .ProgressBar{
      width: 20vw;
      height: 3px;
      position: absolute;
      top: 75%;
      left: 50%;
      transform: translateX(-50%);
      background-color: #fff;
      border-radius: 3px;
      overflow: hidden;
    }
    .ProgressBar .schedule{
      width: 0;
      height: 3px;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #000;
      border-radius: 3px;
      
  animation-name: centerB;
  animation-duration: 2s;
  animation-fill-mode: forwards;
    }
    
.onlyMobile{
    display: none;
}
.onlyPc{
    display: inline-block;
}