body {
    margin: 0px !important;
    padding: 0px !important;
}

.logo {
    width: 2.2rem;
    height: 0.25rem;
    margin-left: 2.6rem;
    margin-top: 0.2rem;
    background: url(../img/logo1.png);
    background-size: 100% 100%;
    display: inline-block;
}

.logo1 {
    width: 2.2rem;
    height: 0.25rem;
    margin-left: 2.6rem;
    margin-top: 0.2rem;
    background: url(../img/logo1.png);
    background-size: 100% 100%;
    display: inline-block;
    display: none;
}

#shouyeshipin {
    position: absolute;
    right: 0px;
    bottom: 0.2rem;
    min-width: 100%;
    min-height: 100%;
    /* 规定最小宽高 */
    height: auto;
    width: auto;
    z-index: -10;
}

#shouyeshipin source {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
}

#YeTouLogo {
    text-decoration: none;
    color: #ffffff;
}

#YeTouLogo h1 {
    display: inline-block;
    margin-left: 10%;
}

#YeTouUl {
    position: relative;
    top: -0.08rem;
    width: 40%;
    list-style-type: none;
    display: inline-block;
    margin-left: 27.5%;
    cursor: pointer;
}

.height {
    width: 100%;
    height: 2rem !important;
    margin: 0 auto;
    background-color: #fff;
    z-index: 999999;
}

.heightIndex {
    width: 100%;
    height: 1.8rem !important;
    margin: 0 auto;
    background-color: #fff;
    z-index: 999999;
}

#YeTouUl li {
    display: inline-block;
    margin-left: 6%;
    color: #333;
    font-size: 0.18rem;
    font-weight: 550;
}

#YeTou h3 a {
    text-decoration: none;
    color: #f8f5f4;
    font-weight: 200;
    display: inline-block;
}

#YeTou h3 {
    display: inline-block;
    color: #f8f5f4;
    font-weight: 200;
    margin-left: -6%;
}

#YeTou {
    width: 100%;
    padding-top: 5px;
    margin: 0px auto;
    height: 0.5rem;
    transition: height 0.2s;
    transition-timing-function: ease-in-out;
    -webkit-transition: height 0.4s;
    /* Safari and Chrome */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

.drop-down {
    height: 0.5rem;
}

.drop-down-content {
    height: 0px;
    position: absolute;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.2s;
    transition-timing-function: ease-in-out;
    -webkit-transition: height 0.4s;
    /* Safari and Chrome */
}


/* #YeTouLogo:hover .logo {
    background: url(../img/logo1.png);
    background-size: 100% 100%;
} */


/* #YeTou:hover .logo {
    background: url(../img/logo1.png);
    background-size: 100% 100%;
    z-index: 9999999999;
} */

.logoHover {
    background: url(../img/logo1.png) !important;
    background-size: 100% 100% !important;
}

#YeTouUl:hover li {
    color: #2b2e2e;
}


/* #YeTou:hover h3 a {
    color: #2b2e2e;
}

#YeTou:hover h3 {
    color: #2b2e2e;
} */

.drop-down:hover {
    width: auto;
    height: auto;
    /* border-bottom: #4e89e9 solid 3px; */
    padding-bottom: 7px;
    color: #4e89e9 !important;
}

.drop-down:hover .drop-down {
    color: #4e89e9 !important;
}

.drop-down:hover #YeTouUl #home {
    color: #4e89e9 !important;
}


/* #YeTouUl li:nth-child(1):hover .drop-down-content {
  display: block;
  width: 1.10rem;
  color: #2b2e2e;
  text-align: center;
  left: 0px;
  position: absolute;
  opacity: 1;
  height: 1.8rem;
} */

#YeTouUl li:hover .drop-down-content {
    display: flex;
    flex-flow: column;
    color: #2b2e2e;
    text-align: center;
    position: absolute;
    opacity: 1;
    height: 1.8rem;
    box-sizing: border-box;
    padding: 0.2rem 0;
    line-height: 0.4rem;
}


/* #YeTouUl li:nth-child(3):hover .drop-down-content {
  display: block;
  width: 1.10rem;
  color: #2b2e2e;
  text-align: center;
  position: absolute;
  left: 2.10rem;
  opacity: 1;
  height: 1.8rem;
}
#YeTouUl li:nth-child(4):hover .drop-down-content {
  display: block;
  width: 1.10rem;
  color: #2b2e2e;
  text-align: center;
  position: absolute;
  left: 3.25rem;
  opacity: 1;
  height: 1.8rem;
}
#YeTouUl li:nth-child(5):hover .drop-down-content {
  display: block;
  width: 1.10rem;
  color: #2b2e2e;
  text-align: center;
  position: absolute;
  left: 4.40rem;
  opacity: 1;
  height: 1.8rem;
}
#YeTouUl li:nth-child(6):hover .drop-down-content {
  display: block;
  width: 1.10rem;
  color: #2b2e2e;
  text-align: center;
  position: absolute;
  left: 5.55rem;
  opacity: 1;
  height: 1.8rem;
} */

.drop-down-content a {
    color: #6c6e6e;
    text-decoration: none;
    font-weight: 300;
    font-size: 0.16rem;
}

#YeTouUl li:hover .drop-down-content li {
    /* margin-top: .35rem; */
    margin-left: 0;
}

.drop-down-content li:hover a {
    color: black;
}