body {
  background-color: #F5F5F5;
}
.hover_line {
  background-image: linear-gradient(to right, #05D3D0, #311303);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0% 1px;
  transition: background-size 0.35s;
}
.container {
  padding: 0 13%;
}
.G_navlist {
  width: 100vw;
  height: 1rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #fff;
}
.G_navlist .content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.G_navlist .content .left {
  height: 0.45rem;
}
.G_navlist .content .left img {
  height: 100%;
}
.G_navlist .content .right a {
  font-size: 0.16rem;
  color: #999;
  margin-right: 0.38rem;
  padding: 0.1rem 0;
}
.G_navlist .content .right a:hover {
  color: #05D3D0;
}
.G_navlist .content .right a.on {
  color: #05D3D0;
}
.G_navlist .content .right a:last-of-type {
  margin-right: unset;
}
.G_navlist .content .right a.link {
  background-color: #05D3D0;
  color: #fff;
  padding: 0.05rem 0.1rem;
  border-radius: 0.08rem;
}
.G_product_mask {
  position: fixed;
  left: 0;
  top: 1rem;
  width: 100vw;
  height: calc(100vh - 1rem);
  transform-origin: 0px 0px;
  transform: scale(0, 0);
  opacity: 0;
  z-index: 9999;
}
.G_product_mask .mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.G_product_mask .content {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  left: 0;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 0.8rem;
  box-sizing: border-box;
}
.G_product_mask .content .list {
  width: calc((100% - 1.2rem) / 2);
  margin-right: 0.6rem;
}
.G_product_mask .content .list:last-of-type {
  margin-right: unset;
}
.G_product_mask .content .list .h2 {
  font-size: 0.3rem;
  padding-bottom: 0.1rem;
  border-bottom: 0.01rem solid #fff;
  margin-bottom: 0.36rem;
}
.G_product_mask .content .list .li {
  margin-top: 0.24rem;
  text-transform: uppercase;
}
.G_product_mask .content .list .li a {
  display: block;
  width: min-content;
  white-space: nowrap;
  padding: 0.05rem 0;
  font-size: 0.18rem;
  transition: all .3s linear;
}
.G_product_mask .content .list .li a:hover {
  color: #05D3D0;
}
.G_product_mask .close {
  width: 0.32rem;
  height: 0.32rem;
  position: absolute;
  right: 10%;
  top: 0.5rem;
  z-index: 9;
  cursor: pointer;
}
.G_product_mask .close img {
  width: 100%;
  height: 100%;
}
.G_sideNavigation {
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -1.42rem;
  z-index: 999;
}
.G_sideNavigation .item {
  width: 0.88rem;
  height: 0.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 0.08rem;
  margin-bottom: 0.1rem;
  cursor: pointer;
  box-shadow: 0 0 0.04rem 0 rgba(0, 0, 0, 0.15);
}
.G_sideNavigation .item:last-of-type {
  margin-bottom: 0.1rem;
}
.G_sideNavigation .item .img {
  width: 0.32rem;
  height: 0.32rem;
}
.G_sideNavigation .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.G_sideNavigation .item .txt {
  font-size: 0.16rem;
  margin-top: 0.1rem;
}
.G_pages {
  margin-top: 0.8rem;
}
.G_pages .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.G_pages .pagination .page-item,
.G_pages .pagination .page-num {
  width: 0.28rem;
  height: 0.28rem;
  background: #fff;
  border-radius: 0.04rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #303434;
  margin: 0 0.05rem;
  font-size: 0.12rem;
  line-height: 1;
  transition: all 0.3s linear;
}
.G_pages .pagination .page-item:hover,
.G_pages .pagination .page-num:hover {
  background: #05D3D0;
  color: #fff;
}
.G_pages .pagination .page-item img,
.G_pages .pagination .page-num img {
  width: 0.1rem;
  height: 0.1rem;
  object-fit: cover;
}
.G_footer {
  background-color: #222;
}
.G_footer .foot_nav {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
.G_footer .foot_nav::after {
  position: absolute;
  content: '';
  width: 0.01rem;
  height: 100%;
  background-color: #fff;
  opacity: 0.15;
  left: 2.6rem;
  top: 0;
}
.G_footer .foot_nav .left {
  width: 2.2rem;
  height: 100%;
  flex-shrink: 0;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  box-sizing: border-box;
}
.G_footer .foot_nav .left .logo {
  width: 1.5rem;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.24rem;
}
.G_footer .foot_nav .left .icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.G_footer .foot_nav .left .icon img {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.1rem;
}
.G_footer .foot_nav .left .icon .p {
  font-size: 0.14rem;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  opacity: 0.6;
}
.G_footer .foot_nav .right {
  width: 100%;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  box-sizing: border-box;
  padding-left: 0.4rem;
  margin-left: 0.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.G_footer .foot_nav .right .list {
  margin-right: 0.8rem;
  white-space: nowrap;
}
.G_footer .foot_nav .right .list:last-of-type {
  margin-right: unset;
  white-space: unset;
}
.G_footer .foot_nav .right .list .h2 {
  font-size: 0.16rem;
  color: #fff;
  margin-bottom: 0.24rem;
}
.G_footer .foot_nav .right .list .li {
  font-size: 0.14rem;
  color: #fff;
  opacity: 0.6;
  display: block;
  padding-bottom: 0.05rem;
  margin-bottom: 0.15rem;
  transition: all 0.1s linear;
  text-transform: uppercase;
}
.G_footer .foot_nav .right .list .li:hover {
  opacity: 1;
}
.G_footer .foot_nav .right .list .li:last-of-type {
  margin-bottom: unset;
}
.G_footer .foot_nav .right .list .li.address {
  display: flex;
}
.G_footer .foot_nav .right .list .li.address .p {
  white-space: nowrap;
}
.G_footer .foot_nav .to_top {
  position: absolute;
  right: -.54rem;
  top: 0.8rem;
  width: 0.54rem;
  height: 0.54rem;
  z-index: 9;
  cursor: pointer;
}
.G_footer .foot_nav .to_top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.G_footer .foot_tips {
  border: 0.01rem solid rgba(255, 255, 255, 0.15);
  width: 100%;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.G_footer .foot_tips .p {
  font-size: 0.14rem;
  color: #fff;
  opacity: 0.6;
}

.G_mb_navlist,.mb_navlist {
  display: none;
}
@media screen and (max-width: 768px) {
  .G_navlist {
    display: none;
  }
  .G_mb_navlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5vw;
    box-sizing: border-box;
    height: 56px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    background-color: #fff;
    z-index: 999999;
  }
  .G_mb_navlist .logo {
    height: 60%;
  }
  .G_mb_navlist .logo img {
    height: 100%;
  }
  .G_mb_navlist .right {
    width: 24px;
    height: 24px;
    position: relative;
  }
  .G_mb_navlist .right .l {
    width: 100%;
    height: 2px;
    background-color: #303434;
    position: absolute;
    right: 0;
    transition: all 0.3s linear;
  }
  .G_mb_navlist .right .t {
    top: 0;
  }
  .G_mb_navlist .right .c {
    width: 12px;
    top: 50%;
    margin-top: -1px;
  }
  .G_mb_navlist .right .b {
    bottom: 0;
  }
  .G_mb_navlist.on .right .l {
    transform: rotate(45deg);
    top: 50%;
    margin-top: -1px;
  }
  .G_mb_navlist.on .right .c {
    width: 0;
  }
  .G_mb_navlist.on .right .b {
    transform: rotate(-45deg);
    top: 50%;
    margin-top: -1px;
  }
  .mb_navlist {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding-top: calc(100vh - 56px);
    z-index: 9999;
    display: none;
  }
  .mb_navlist .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 56px;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
  }
  .mb_navlist .content {
    transform: translateX(-100%);
    width: 70vw;
    height: calc(100vh - 56px);
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 56px;
    overflow-y: scroll;
    padding: 0.4rem 0;
    padding-left: 5vw;
    box-sizing: border-box;
  }
  .mb_navlist .content .item .tab1 {
    width: 100%;
    min-height: 1rem;
    border-bottom: 0.01rem solid #909090;
    display: block;
    line-height: 1rem;
    font-size: 16px;
  }
  .mb_navlist .content .item .list {
    width: 100%;
    border-bottom: 0.01rem solid #909090;
    display: block;
    padding-left: 2vw;
  }
  .mb_navlist .content .item .list .h2 {
    font-size: 14px;
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #999;
  }
  .mb_navlist .content .item .list .li {
    margin-left: 4vw;
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #666;
  }
  .mb_navlist .content .item .list .li:last-of-type {
    border-bottom: unset;
  }
  .w1200 {
    width: 100%;
    padding: 0 5vw;
    box-sizing: border-box;
  }
  .G_footer .foot_nav{
      flex-wrap: wrap;
  }
  .G_footer .foot_nav::after{
      display: none;
  }
  .G_footer .foot_nav .left{
      width: 100%;
      margin-bottom: unset;
      padding-bottom: unset;
  }
  .G_footer .foot_nav .left .logo{
      width: 40vw;
  }
  .G_footer .foot_nav .left .icon img{
      width: 42.5vw;
      height: 42.5vw;
  }
  .G_footer .foot_nav .left .icon .p{
      font-size: 14px;
  }
  .G_footer .foot_nav .right .list{
      margin-right: unset;
      width: 100%;
      margin-top: 5vw;
  }
  .G_footer .foot_nav .to_top{
      right: 5vw;
  }
  .G_footer .foot_nav .right{
      padding: 0;
      margin: 0;
      flex-wrap: wrap;
  }
  .G_footer .foot_nav .right .list .h2{
      font-size: 14px;
  }
  .G_footer .foot_nav .right .list .li{
      font-size: 12px;
  }
  .G_footer .foot_tips{
      height: auto;
      padding: 10px 0;
      margin-top: 10px;
  }
  .G_footer .foot_tips .p{
      font-size: 12px;
  }
}