header {
  width: 100%;

  height: 66px;

  background-color: #333;

  line-height: 66px;

  text-align: center;

  position: fixed;

  z-index: 999;
}

header .logo {
  display: inline-block;

  width: 134px;

  height: 100%;

  background-image: url('../images/01.png');

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  vertical-align: top;
}

header .ul_wrapper {
  width: 1200px;

  display: inline-block;

  padding: 0 40px;

  vertical-align: top;

  transition: width 0.5s ease-out;
}

header .ul_wrapper ul {
  width: 100%;

  margin-right: 100px;

  display: flex;

  justify-content: space-between;

  flex-wrap: nowrap;
}

header .ul_wrapper ul li {
  display: inline-block;

  white-space: nowrap;

  position: relative;
  /* min-width: 90px; */
}

header .ul_wrapper ul li .header-nav-7 {
  width: 164px;

  padding: 30px 0;

  margin: 0;

  display: block;

  border: 1px solid #666;

  position: absolute;

  top: 66px;

  left: 50%;

  transform: translate(-50%);

  background-color: #333;

  z-index: 99;

  visibility: hidden;
}

header .ul_wrapper ul li .header-nav-7 li {
  width: 100%;

  height: 54px;

  line-height: 54px;

  display: block !important;
}

header .ul_wrapper ul li .header-nav-7 li a {
  display: inline-block;

  width: 100%;

  height: 100%;

  font-size: 16px;

  color: #fff;
}

header .ul_wrapper ul li a {
  color: #fff;
}
header .ul_wrapper ul li .penquan a {
  color: #fff;
}

header .ul_wrapper ul li a:hover {
  color: #cb232d;
}

header .ul_wrapper ul .active a {
  color: #cb232d;
}
header .ul_wrapper ul .active .penquan .pen_obj a {
  color: #fff;
}
header .ul_wrapper ul .active .penquan .pen_obj a:hover {
  color: #cb232d;
}
header .ul_wrapper ul li .penquan{
  display: none;

}
header .ul_wrapper ul li .penquan .pen_obj {
  /* color: #cb232d; */
  display: flex;
  flex-direction: column;
  background-color: rgb(0, 0,0,0.8);
  padding: 0 10px;
}
header .ul_wrapper ul li .active {
  display: block;
}
header .ul_wrapper ul li .penquan .pen_obj {
  line-height: 33px;
}

header .right {
  display: inline-block;

  position: relative;

  height: 66px;
}

header .right .search-logo {
  display: inline-block;

  width: 16px;

  height: 100%;

  background-image: url('../images/02.png');

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  vertical-align: middle;

  cursor: pointer;

  vertical-align: top;
}

header .right .language {
  display: inline-block;

  color: #fff;

  height: 100%;

  line-height: 66px;

  vertical-align: top;

  margin-left: 32px;

  cursor: pointer;
}

header .right .language a {
  color: #fff;
}

header .right .search-box {
  width: 390px;

  height: 50px;

  border-radius: 4px;

  overflow: hidden;

  position: absolute;

  bottom: -60px;

  right: 0;

  text-align: left;

  transition: width 0.5s ease-out;
}

header .right .search-box .input_wrapper {
  margin-top: 20px;

  overflow: hidden;

  width: 100%;

  height: 30px;

  font-size: 0;

  background-color: #dadada;

  width: 372px;
}

header .right .search-box .input_wrapper input {
  width: 312px;

  height: 100%;

  border: 0;

  text-indent: 10px;

  vertical-align: top;

  background-color: transparent;

  outline: none;

  font-size: 14px;

  color: #999;

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;
}

header .right .search-box .input_wrapper span {
  font-size: 14px;

  width: 60px;

  float: right;

  height: 100%;

  line-height: 30px;

  text-align: center;

  background-color: #333;

  color: #fff;

  cursor: pointer;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;
}

header .right .search-box .close {
  position: absolute;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  top: 0px;

  right: 0px;

  background: url('../images/16.png') no-repeat center;

  background-color: #ccc;

  cursor: pointer;
}

header .right .search-box.guan {
  width: 0;
}

header .more {
  width: 40px;

  height: 26px;

  font-size: 0;

  line-height: 0;

  margin-right: 30px;

  vertical-align: top;

  margin-top: 18px;

  display: none;
}

header .more span {
  display: inline-block;

  width: 40px;

  height: 2px;

  background-color: #fff;

  margin-bottom: 12px;
}

@media screen and (max-width: 1465px) {
  header .ul_wrapper {
    width: 800px;
  }
}

@media screen and (max-width: 1165px) {
  header {
    box-sizing: border-box;

    width: 100%;

    padding: 0 24px;

    text-align: left;
  }

  header .ul_wrapper {
    position: fixed;

    top: 66px;

    width: 100%;

    z-index: 66;

    height: auto;

    padding: 0;

    left: 0;

    background-color: #333;

    display: none;
  }

  header .ul_wrapper ul {
    display: block;
  }

  header .ul_wrapper ul li {
    display: block;

    border-bottom: 1px solid #666;
  }

  header .ul_wrapper ul li .header-nav-7 {
    display: none;
  }

  header .ul_wrapper ul li a {
    display: inline-block;

    width: 100%;

    height: 100%;

    font-size: 16px;

    text-align: center;
  }

  header .right {
    float: right;
  }

  header .more {
    display: inline-block;
  }

  .header-nav-list {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  header {
    width: 100%;

    padding: 0 0.24rem;

    height: 0.66rem;
  }

  header .more {
    width: 0.4rem;

    height: 0.26rem;

    margin-right: 0.3rem;

    vertical-align: top;

    margin-top: 0.18rem;
  }

  header .more span {
    width: 0.4rem;

    height: 1px;

    margin-bottom: 0.1rem;
  }

  header .logo {
    width: 1.34rem;
  }

  header .right .search-box {
    width: 5.2rem;

    height: 50px;

    border-radius: 4px;

    overflow: hidden;

    position: absolute;

    bottom: -0.6rem;
  }

  header .right .search-box .input_wrapper {
    margin-top: 0.2rem;

    overflow: hidden;

    width: 100%;

    height: 30px;

    width: 5.02rem;
  }

  header .right .search-box .input_wrapper input {
    width: 4.12rem;

    height: 100%;

    border: 0;

    text-indent: 0.1rem;
  }

  header .right .search-box .input_wrapper span {
    font-size: 14px;

    width: 0.9rem;

    line-height: 30px;
  }

  header .right .search-box .close {
    width: 16px;

    height: 16px;
  }

  header .right .search-logo {
    height: 0.66rem;
  }

  header .right .search.active {
    width: 5rem;
  }

  header .right .language {
    line-height: 0.66rem;

    margin-left: 0.32rem;

    font-size: 0.2rem;
  }

  header .ul_wrapper {
    position: absolute;

    top: 0.67rem;
  }

  header .ul_wrapper ul li {
    height: 0.9rem;

    line-height: 0.9rem;
  }

  header .ul_wrapper ul li a {
    display: inline-block;

    width: 100%;

    height: 100%;

    font-size: 16px;

    text-align: center;
  }
}

.header-nav-list {
  width: 100%;

  min-height: 388px;

  background-color: #333;

  position: fixed;

  top: 66px;

  text-align: center;

  border-top: 1px solid #666;

  z-index: 99;

  visibility: hidden;
}

.header-nav-list .wrapper {
  width: 1200px;

  margin: 0 auto;
}

.header-nav-list .wrapper li {
  display: inline-block;

  width: 142px;

  text-align: left;

  margin-right: 117px;

  vertical-align: top;

  margin-top: 30px;

  margin-bottom: 30px;
}

.header-nav-list .wrapper li p:nth-of-type(1) {
  font-size: 16px;

  color: #fff;

  line-height: 24px;

  margin-bottom: 10px;

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;
}

.header-nav-list .wrapper li p:nth-of-type(2) {
  font-size: 14px;

  color: #ccc;

  line-height: 20px;
}

.header-nav-list .wrapper li .img-wrapper {
  width: 100%;

  height: 97px;

  margin-top: 20px;
}

.header-nav-list .wrapper li .img-wrapper img {
  width: 100%;

  max-height: 100%;
}

.header-nav-list .wrapper li:nth-of-type(5n) {
  margin-right: 0;
}

.header-nav-list .wrapper li:last-child {
  margin-right: 0;
}

.header_wrapper {
  width: 100%;

  height: 66px;
}

@media screen and (max-width: 750px) {
  .header_wrapper {
    height: 0.66rem;
  }

  .nav-list {
    top: 0.66rem;
  }

  .nav-list .wrapper {
    width: 100%;
  }

  .nav-list .wrapper li {
    margin-right: 30px;
  }

  .nav-list .wrapper li p:nth-of-type(1) {
    font-weight: 100;
  }

  .nav-list .wrapper li:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 750px) {
  .nav-list {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  header .ul_wrapper ul li a {
    font-size: 0.2rem;
  }

  header .right .search-logo {
    height: 0.66rem;

    width: 0.3rem;
  }
}

#footer {
  width: 100%;

  background-color: #272727;
}

#footer .top {
  border-bottom: 1px solid #666;
}

#footer .top .content {
  width: 1200px;

  margin: 0 auto;
}

#footer .top .content .logo {
  width: 100%;

  height: 90px;

  border-bottom: 1px solid #666;

  background-image: url('../images/01.png');

  background-repeat: no-repeat;

  background-position: center;

  background-size: 162px 44px;
}

#footer .top .content .item1 {
  width: 100%;

  display: flex;

  justify-content: space-between;

  padding: 34px 0;
}

#footer .top .content .item1 ul p {
  font-size: 16px;

  color: #fff;

  margin-bottom: 20px;
}

#footer .top .content .item1 ul li a {
  color: #b7b7b7;

  font-size: 14px;

  line-height: 44px;
}

#footer .top .content .item1 ul li a:hover {
  color: #cb242e;
}

#footer .top .content .item2 {
  display: none;
}

#footer .bottom {
  width: 1200px;

  margin: 0 auto;

  height: 60px;

  color: #b7b7b7;

  font-size: 14px;
}

#footer .bottom p:nth-of-type(1) {
  margin-top: 10px;
}
#footer .bottom p:nth-of-type(2) {
  margin-top: 5px;
}

#footer .bottom span {
  float: right;
}

#footer .bottom span a {
  color: #fff;
}

@media screen and (max-width: 1220px) {
  #footer .top {
    width: 100%;

    box-sizing: border-box;

    padding: 0 24px;
  }

  #footer .top .content {
    width: 100%;
  }

  #footer .bottom {
    width: 100%;

    box-sizing: border-box;

    padding: 0 24px;
  }
}

@media screen and (max-width: 750px) {
  #footer .top .content .logo {
    height: 0.9rem;

    background-size: 1.62rem 0.44rem;
  }

  #footer .top .content .item1 {
    display: none;
  }

  #footer .top .content .item2 {
    width: 100%;

    display: block;
  }

  #footer .top .content .item2 ul {
    width: 100%;

    font-size: 14px;

    text-align: center;
  }

  #footer .top .content .item2 ul li {
    margin: 0.3rem 0;
  }

  #footer .top .content .item2 ul li a {
    color: #b7b7b7;
  }

  #footer .top .content .item2 ul li a:hover {
    color: #cb242e;
  }

  #footer .bottom {
    display: none;
  }
}

/*# sourceMappingURL=header.css.map */