/* inside banner */
.inside-banner {
  padding: 1.3rem 0;
  color: #fff;
}

.inside-banner .content {
  max-width: 6.4rem;
  width: 100%;
}

.inside-banner h1 {
  font-size: .48rem;
  font-family: 'Hind-Bold';
}

.inside-banner p {
  font-size: .2rem;
}

.inside-banner ul {
  margin-top: .4rem;
}

.inside-banner ul li {
  position: relative;
  padding-left: .16rem;
  margin-bottom: .1rem;
}

.inside-banner ul li::before {
  position: absolute;
  top: .07rem;
  left: 0;
  width: .06rem;
  height: .06rem;
  content: '';
  background: #ffffff70;
}


/* inside tab */
.news-tab-container {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #fff;
}

.news-tab-container .content {
  padding: .27rem 0;
  justify-content: space-between;
  align-items: center;
}

.news-tab-container ul {
  flex-wrap: wrap;
}

.news-tab-menu li {
  position: relative;
  margin-right: .7rem;
  font-family: 'Hind-Medium';
}

.news-tab-menu li.active::before {
  position: absolute;
  bottom: -0.27rem;
  left: 0;
  width: 100%;
  height: .02rem;
  content: '';
  background: #009979;
}

.news-tab-menu li:hover a,
.news-tab-menu li.active a {
  color: #009979;
}






/* aside */
.aside {
  position: sticky;
  top: 1.6rem;
  flex: 1;
  max-width: 3.65rem;
  width: 100%;
  margin-left: .4rem;
}

.aside .top {
  padding: .5rem .35rem;
  border: .01rem solid #eee;
  background-color: #fff;
}

.aside-form {
  margin-bottom: .2rem;
}

.aside-form input {
  width: 100%;
  height: .6rem;
  background-color: #edf1f2;
}

.aside-form .flex {
  position: relative;
}

.aside-form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: .6rem;
  border: none;
  padding: 0;
  cursor: pointer;
  background: url(../image/nav_search.svg) no-repeat center;
}

.aside-title {
  display: flex;
  align-items: center;
  margin: 0 0 .2rem;
}

.aside-title h3 {
  position: relative;
  font-size: .2rem;
  font-family: 'Hind-Medium';
  margin-left: .12rem;
}

.popular-news li {
  margin-bottom: .2rem;
  font-size: .14rem;
}

.popular-news li:last-child {
  margin-bottom: 0;
}

.popular-news li span {
  display: block;
  color: #999;
  margin-top: .06rem;
}

.aside-share {
  margin: .2rem 0;
  height: 1.6rem;
  padding: 0 .25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: 'Hind-SemiBold';
  font-size: .16rem;
  text-align: center;
  background: linear-gradient(to right, #009979, #1b677a);
}

.aside-share ul li {
  display: block;
  margin-right: .34rem;
  margin-top: .16rem;
}

.aside-share ul li:last-child {
  margin-right: 0;
}

.aside-contact {
  padding: .5rem .35rem;
  background: #fff;
  border: .01rem solid #eee;
}

.aside-contact a {
  display: flex;
  align-items: center;
  font-family: 'Hind-SemiBold';
}

.aside-contact li {
  margin-bottom: .2rem;
}

.aside-contact li:last-child {
  margin-bottom: 0;
}

.aside-contact a img {
  margin-right: .2rem;
}

.aside-contact li:hover a {
  color: #009979;
}

@media (max-width: 1279px)  {
  .aside {
    margin-left: .3rem;
  }

  .aside .top {
    padding: .3rem;
  }
}

@media (max-width: 1023px) {
  .inside-banner {
    padding: 1rem 0;
  }

  .inside-banner h1 {
    font-size: .4rem;
  }
  
  .news-tab-container {
    /* top: .75rem; */
    top: 0;
  }

  .news-tab-menu li {
    margin-right: .5rem;
  }

}

@media (max-width: 767px) {
  .special-breadcrumbs {
    display: none;
  }

  .inside-banner {
    padding: .6rem 0;
    background-size: cover;
  }

  .inside-banner h1 {
    font-size: .64rem;
  }

  .news-tab-container {
    position: relative;
    top: 0;
  }

  .news-tab-menu {
    width: 100%;
  }

  .news-tab-container .content {
    padding: 0;
  }

  .news-tab-container ul {
    flex-wrap: initial;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .news-tab-container ul li {
    padding: .2rem 0;
    margin-right: .2rem;
    white-space: nowrap;
  }

  .news-tab-menu li.active::before {
    bottom: 0;
  }

  .inside-banner p {
    font-size: 0.32rem;
  }
}