@charset "UTF-8";
/* Css Document */

.sinochem-nav {
  width: 100%;
  border-bottom: 1px solid #1D4F91;
  position: fixed;
  left: 0;
  z-index: 10;
}

/* 二级导航定位 */
.topheader_fix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
}

/*子导航*/
.subnav_box {
  background: #fff;
}

.sub_nav {
  display: flex;
  justify-content: center;
}

.subnav_li {
  float: left;
}

.subnav_tit {
  padding: 0.109rem 0 0.088rem;
  margin: 0 0.104rem;
  line-height: 1.35;
  border-bottom: 0.021rem solid transparent;
  position: relative;
}

.subnav_tit.active {
  border-bottom-color: #1D4F91;
}

.subnav_tit:before {
  content: "";
  display: block;
  width: 1px;
  height: 0.161rem;
  background: #1D4F91;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.104rem;
}

.subnav_li:first-child .subnav_tit:before {
  display: none;
}

.subnavli_active .subnav_tit:after {
  content: "";
  display: block;
  width: 1px;
  height: 0.161rem;
  background: #1D4F91;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: -0.104rem;
  bottom: 0;
}

.subnav_tit a {
  font-size: 0.104rem;
  font-weight: bold;
  color: #1D4F91;
}

.subnav_cont {
  display: none;
}

.snc_ul {
  margin: 0 0.115rem;
}

.snc_ul0 {
  margin: 0;
}

.snc_li {
  float: left;
  margin: 0 0.078rem;
  padding: 0.109rem 0;
  line-height: 1.35;
  transform: perspective(1px) translateZ(0);
  position: relative;
  transition-duration: .3s;
}

.snc_li:after {
  content: "";
  position: absolute;
  left: 51%;
  right: 51%;
  bottom: -1px;
  background: #1D4F91;
  height: 0.021rem;
  transition-property: left, right;
  transition-duration: 0.3s;
}

.snc_li:hover:after {
  left: 0;
  right: 0;
}

.snc_li a {
  font-size: 0.104rem;
  color: #1D4F91;
}

.sncli_active:after {
  left: 0;
  right: 0;
}

.subnavli_active .subnav_cont {
  display: block;
}

/* pad */
@media screen and (max-width: 1028px) {

  .subnav_tit a,
  .snc_li a {
    display: block;
  }
}

/* pad & 移动 */
@media only screen and (max-width: 1020px) {
  .sinochem-nav{
    border: unset;
  }
  .sinochem-nav *{
    height: 0px;
    overflow: hidden;
  }
}