.header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  display: flex;
  align-items: center;
  height: .90rem;
  /*no*/
  margin: auto;
  color: #333;
  background-color: transparent;
}

.header .nav {
  display: flex;
  justify-content: space-around;
  width: 100%;
  /*no*/
  margin: auto;
}

.header .nav .site_logo {
  width: 15%;
  display: flex;
  align-items: center;
}

.header .nav ul {
  float: right;
  display: inline-flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  margin-top: -0.04rem;
  /*no*/
  padding-left: 1.10rem;
  /*no*/
  height: .90rem;
  /*no*/
}

.header .nav .site_mobild {
  display: flex;
  align-items: center;
}

.header .nav ul .nav_item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  margin-right: 0.6rem;
  /*no*/
  list-style-type: none;
  font-size: 0.18rem;
  /*no*/
  height: 100%;
}

.header .nav ul .nav_item a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}

.header .nav ul .nav_item a:hover {
  color: #ff6f0a;
}

.header .nav ul .nav_item .under_line {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: auto;
  margin-left: -.25rem;
  padding-bottom: .15rem;
  /*no*/
  width: .50rem;
  /*no*/
  height: 0;
  border-bottom: .03rem solid transparent;
  /*no*/
}

.header .nav ul .nav_item:hover .under_line {
  border-bottom: .03rem solid #ff6f0a;
  /*no*/
}

.header .nav ul .nav_item:hover .under_line_black {
  border-bottom: .03rem solid #1f1f1f;
  /*no*/
}

.header .nav ul .nav_item_actived .under_line {
  border-bottom: .03rem solid #ff6f0a;
  /*no*/
}

.header .nav ul .nav_item_actived .under_line_black {
  border-bottom: .03rem solid #1f1f1f;
  /*no*/
}

.header .nav ul .nav_item_actived .under_text {
  color: #ff6f0a;
  /*no*/
}

.header .nav ul .contact {
  position: relative;
}

.header .nav ul .contact:hover .contact_box {
  display: block;
  transition: all 0.3s ease-in;
}

.header .nav ul .contact:hover .under_line {
  border-bottom: .03rem solid transparent;
  /*no*/
}

.header .nav ul .contact .contact_box {
  display: none;
  position: absolute;
  top: .40rem;
  /*no*/
  left: 0;
  width: 1.75rem;
  /*no*/
  height: .70rem;
  /*no*/
  border: .1rem solid #cfcfcf;
  /*no*/
  border-radius: .5rem;
  /*no*/
  margin-left: -3.75rem;
  /*no*/
  background-color: #fff;
}

.header .nav ul .contact .contact_box .angle {
  margin: auto;
  margin-top: -0.06rem;
  /*no*/
  width: .12rem;
  /*no*/
  height: .12rem;
  /*no*/
  border-top-right-radius: .05rem;
  /*no*/
  border-top: .01rem solid #cfcfcf;
  /*no*/
  border-right: .01rem solid #cfcfcf;
  /*no*/
  transform: rotateZ(-45deg);
  background-color: #fff;
}

.header .nav ul .contact .contact_box .contact_text {
  width: 100%;
  color: #4a4a4a;
  font-size: .17rem;
  /*no*/
  text-align: center;
  display: flex;
  align-items: center;
  line-height: .28rem;
  /*no*/
}

.site_mobild {
  font-size: .18rem;
}

/* 弹窗 */

.design_case_popup {
  display: none;
}

#design_service:hover .design_case_popup {
  display: flex;
}

.design_case_popup {
  position: absolute;
  top: .90rem;
  left: -7.74rem;
  width: 19.20rem;
  max-width: 19.20rem;
  height: 3.24rem;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.design_case_popup .design_service_case {
  width: 1.60rem;
  margin: 0 2.95rem;
}

.design_case_popup .design_service_case .design_service_title {
  width: 100%;
  padding-top: .20rem;
  font-size: .20rem;
  text-align: center;
  color: #FFFFFF;
}

.design_case_popup .design_service_case .design_service_img {
  /* overflow: hidden; */
  width: 1.60rem;
  height: 1.60rem;
}

.design_case_popup .design_service_case:hover .design_service_img>img {
  transform: scale(1.2);
}

/* ------------------------------------------------------------------- */

.aside {
  position: fixed;
  top: 0%;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #262829;
  padding: 0.05rem 0;
  border-radius: 0.04rem;
  transform: translateY(-50%);
  text-decoration: none;
  text-shadow: none;
  z-index: 99;
}

.customer_service {
  position: fixed;
  top: 3.97rem;
  right: .42rem;
  padding: .28rem 0 .37rem;
  width: 2.23rem;
  height: 2.5rem;
  text-align: center;
  background-color: #fff;
  border: .01rem solid #fccd68;
  border-radius: .30rem;
  -webkit-box-shadow: 0rem .10rem .20rem #ececec;
  z-index: 10000;
}

.customer_service .code_box .code {
  overflow: hidden;
  margin: auto;
  width: 1.20rem;
  height: 1.20rem;
}

.customer_service .code_box .code img {
  width: 100%;
  height: 100%;
}

.customer_service .code_box .text {
  font-size: .16rem;
}

.customer_service .phone_box .text {
  padding-top: .35rem;
  margin-top: .10rem;
  font-size: .16rem;
  border-top: .01rem solid #fccd68;
}

.customer_service .phone_box .phone {
  margin-top: .05rem;
  font-size: .24rem;
}

.header_m {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  font-size: 14px;
}

.header_m .site_logo_m {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 22.5px;
  z-index: 2;
}
.header_m .site_wx_m {
  position: absolute;
  top: 25%;
  right: 1%;
  width: 105px;
  height: 22.5px;
  z-index: 2;
}

.drop-menu, .drop-menu .nav {
  top: 0;
  right: 0;
  bottom: 0;
  transition: all ease 350ms
}

.drop-menu, .drop-menu .nav, .header .toolbar span {
  transition: all ease 350ms
}

.header_m .toolbar {
  position: relative;
  -moz-box-sizing: border-box
}

.header_m .toolbar {
  z-index: 1100;
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  padding: 8px
}

.header_m .toolbar span {
  margin: 6px 0;
  display: block;
  width: 24px;
  height: 2px;
  background-color: #ff6f0a
}

.header_m .toolbar.active span:first-child {
  -ms-transform-origin: center center;
  transform-origin: center center;
  -ms-transform: rotate(45deg) translate(5px, 6px);
  transform: rotate(45deg) translate(5px, 6px)
}

.header_m .toolbar.active span:nth-child(2) {
  opacity: 0
}

.header_m .toolbar.active span:last-child {
  -ms-transform-origin: center center;
  transform-origin: center center;
  -ms-transform: rotate(-45deg) translate(5px, -6px);
  transform: rotate(-45deg) translate(5px, -6px)
}

.drop-menu {
  position: fixed;
  width: 100%;
  height: 406px;
  z-index: 1;
  left: 0;
  background: url(../img/manu.png) no-repeat 100%;
}

.drop-menu.active {
  opacity: 1
}

.drop-menu.active .nav {
  left: 0
}

.drop-menu .nav {
  padding: 65px 44px;
  font-size: 18px;
}
.drop-menu .nav div{
  margin-bottom: 25px;
}