@charset "utf-8";
.logo-size{
   width: 32px;height: 32px;
}

.author-size{
   width: 40px;height: 40px;
}

h1{
   font-family: sans-serif;
   font-size: 4.25rem;
}

.sub-description{
   font-family:sans-serif;
   font-size: 1.5rem;
}

.text-white-75{
   --bs-text-opacity:1;color:rgba(255,255,255,.75)!important
}

.map{
   height: 450px;
   width: 100%;
}

.map-bg{
   background: linear-gradient(to bottom, rgba(92, 77, 66, 0.5) 0%, rgba(92, 77, 66, 1) 100%), url("../images/map-bg.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size:cover;
}

.home-bg{
   padding-top: 10rem;
   padding-bottom: 5.5rem;
   background: linear-gradient(to bottom, rgba(92, 77, 66, 0.5) 0%, rgba(92, 77, 66, 1) 100%), url("../images/header-bg.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: cover;
}

.sub-bg{
   padding-top: 10rem;
   padding-bottom: 5.5rem;
   background: linear-gradient(to bottom, rgba(92, 77, 66, 0.5) 0%, rgba(92, 77, 66, 1) 100%), url("../images/sub-bg.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: cover;
}

.company-bg{
   background: linear-gradient(to bottom, rgba(92, 77, 66, 1) 0%, rgba(92, 77, 66, 0.5) 100%), url("../images/company-bg.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-size: cover;
}


@media (min-width: 992px) {
   .home-bg{
      height: 100vh;
      min-height: 40rem;
      padding-top: 4.5rem;
      padding-bottom: 0;
   }
}

#mainNav {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   background-color: #dc3545;/*mo menubar bg*/
   transition: background-color 0.2s ease;
}
#mainNav .navbar-brand {
   font-weight: 700;
   color: #ffffff;
}
#mainNav .navbar-nav .nav-item .nav-link {
   color: #ffffff;/*mo menu link color*/
   font-weight: 700;
   font-size: 0.9rem;
   padding: 0.75rem 0;
}
#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
   color: #f4623a;
}
#mainNav .navbar-nav .nav-item .nav-link.active {
   color: #f4623a !important;
}
@media (min-width: 992px) {
   #mainNav {
      box-shadow: none;
      background-color: transparent;
   }
   #mainNav .navbar-brand {
      color: rgba(255, 255, 255, 0.7);
   }
   #mainNav .navbar-brand:hover {
      color: #fff;
   }
   #mainNav .navbar-nav .nav-item .nav-link {
      color: rgba(255, 255, 255, 0.7);
      padding: 0 1rem;
   }
   #mainNav .navbar-nav .nav-item .nav-link:hover {
      color: #fff;
   }
   #mainNav .navbar-nav .nav-item:last-child .nav-link {
      padding-right: 0;
   }
   #mainNav.navbar-aqiang {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      background-color: #dc3545;/*scroll pc menu bg*/
   }
   #mainNav.navbar-aqiang .navbar-brand {
      color: #ffffff;/*scroll pc brand text link color*/
   }
   #mainNav.navbar-aqiang .navbar-brand:hover {
      color: #fff3cd;/*scroll pc brand text hover color*/
   }
   #mainNav.navbar-aqiang .navbar-nav .nav-item .nav-link {
      color: #ffffff;/*scroll pc menu text link color*/
   }
   #mainNav.navbar-aqiang .navbar-nav .nav-item .nav-link:hover {
      color: #fff3cd;/*scroll pc menu text hover color*/
   }
}