/* 顶部导航栏 */
.header_box {
  position: fixed;
  top: 0;
  left: 0;
  height: 85px;
  width: 100%;
  z-index: 1000;
  background-color: #5e4a99;

}


.header_box .header_content {
  max-width: 80%;
  min-width: 900px;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;

}

.header_box .header_content .header_logobox {
  width: 160px;
  height: 85px;
  display: flex;
  align-items: center;
}


.header_box .header_content .header_logobox .header_logo {
  width: 120px;
  height: 50px;
  cursor: pointer;
}

.header_box .header_content .header_search {
  width: 40%;
  max-width: 400px;
  margin-top: 10px;
  border-bottom: 1px solid #5E4A99;
  display: flex;
  align-items: center;
  transition: all .5s;
}

.header_box .header_content .header_search input {
  border: 0;
  outline: none;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  background-color: #fff;
  padding: 0 10px;
  /*border-radius: 30px;*/
  width: 100%;
}


.header_box .header_content .header_relation {
  width: 110px;
  height: 30px;
  display: flex;
  align-items: center;
  /* justify-content: space-evenly; */
  border-left: 1px solid #63509c;
  transition: all .5s;

}

.header_box .header_content .header_relation .relation_icon {
  width: 32px;
  /* height: 35px; */
  margin-left: 30px;
  cursor: pointer;
}

.header_box .header_tab {
  height: 45px;
  width: 100%;
}

.header_box .header_tab .header_tab_content {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  margin-left: 15%;

  align-items: center;
  height: 45px;
}

.header_box .header_tab .header_tab_content .header_tabitem {
  height: 45px;
  line-height: 45px;
  width: 150px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  border-right: 1px solid #fff;
}
.header_box .header_tab .header_tab_content .header_tabitem:nth-child(1){
    border-left: 1px solid #fff;
}
.header_box .header_tab .header_tab_content .header_tabitem a {
  color: #fff;

}


.header_box .header_tab .header_tab_content .header_tabitem:hover .Productbox {
  display: block;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.1);
}

.diaplayopacity {
  opacity: 0;
}

.diaplaynone {
  display: none !important;
}

.Productbox {
  background-color: #fff;
  width: 100%;
  position: absolute;
  top: 45px;
  left: 0;
  display: none;
}

.Productbox .Productbox-title {
  display: flex;
  align-items: center;
  /*justify-content: space-evenly;*/
  color: #000;
}

.Productbox .Productbox-title .Productbox-title-item{
        flex-grow: 1;
}
.Productbox .Productbox-title .Productbox-title-item .Productbox-name{
    height: 70px;
    line-height: 70px;
}
.Productbox .Productbox-title .Productbox-title-item .Productbox-name a {
  color: #000 !important;
} 
.Productbox .Productbox-title .Productbox-title-item:hover .Productbox-name a{
  color: #999 !important;
  width: 100%;
}

.Productbox .Productbox-title .Productbox-title-item:hover .reclassify_box,
.Productbox .Productbox-title .Productbox-title-item:hover .reclassify_box_img {
  display: block;
}

.Productbox .Productbox-title .Productbox-title-item .reclassify_box {
  position: absolute;
  display: none;
  left: 0;
  width: 100%;
  min-height: 200px;
  background-color: #fff;
  padding-bottom: 20px;
  box-shadow: 0px 7px 10px 1px rgba(0, 0, 0, 0.1);

}

.Productbox .Productbox-title .Productbox-title-item .reclassify_box_img {

  width: 50%;
  height: 100%;
  right: 40px;
  top: 0;
  position: absolute;
  display: none;
}

.Productbox .Productbox-title .Productbox-title-item .reclassify_box_img img {
  width: 100%;
  height: 200px;

  object-fit: cover;
}

.Productbox .Productbox-title .Productbox-title-item .reclassify_box .reclassify_item {
  height: 35px;
  line-height: 35px;
  width: 35%;
}

.Productbox .Productbox-title .Productbox-title-item .reclassify_box .reclassify_item a{
  height: 35px;
  line-height: 35px;
  width: 35%;
  color: #000;
}
.Productbox .Productbox-title .Productbox-title-item .reclassify_box .reclassify_item:hover a{
  color: #999;
}


/* 底部导航栏 */
.footer-box {
  background-color: #333333;
  position: relative;
  width: 100%;
}

.footer-box .footer-content {
  /* max-width: 980px; */
  min-width: 900px;
  margin: 0 auto;
  padding-bottom: 40px;
  position: relative;
  z-index: 10;
}

.footer-box .footer-content .footer-logo {
  width: 140px;
  height: 50px;
  margin: 0 auto;
  padding-top: 40px;
}

.footer-box .footer-content .footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* background-color: #000; */

}

.footer-box .footer-content .footer-text {
  display: flex;
  align-items: center;
  max-width: 900px;
  min-width: 900px;
  margin: 0 auto;
  flex-wrap: wrap;
  margin-top: 40px;
}

.footer-box .footer-content .footer-text>div a {
  width: 225px;
  display: block;
  font-size: 15px;
  text-align: center;
  color: #fff;
  /* line-height: 40px; */
  cursor: pointer;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}

.footer-box .footer-content .footer-text>div:last-child a {
  border: 0;
}

.footer-box .footer-content .footer-text>div a:hover {
  color: #999;
}

.footer-box .footer-content .footer-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.footer-box .footer-content .footer-icon img {
  width: 38px;
  height: 38px;
  /* background-color: #fff; */
  border-radius: 50%;
  margin: 10px 20px;
}