.mainContainer {
  width: 780px;
  margin: 0 auto;
}
#nav .subnav {
  display: none;
}
#nav .navul li:hover .subnav {
  display: block;
}
#nav .subli {
  position: relative;
  height: 49px;
  line-height: 49px;
  z-index: 99;
  background-color: white;
}
#nav .subactive {
  background-color: #d90000;
}
#banner {
  width: 100%;
  height: 475px;
  position: relative;
}
#banner img {
  width: 100%;
  height: 475px;
}
#banner h1 {
  /* 622 */
  top: 190px;
  left: calc(50% - 338px);
  position: absolute;
  font-size: 77px;
  color: #ffffff;
}
#banner p {
  position: absolute;
  font-size: 30px;
  left: calc(50% - 325px);
  top: 287px;
  color:#c0c0c0;
}
#content .main{
  height: 1045px;
  /* background-color: skyblue; */
}
#content .top {
  box-sizing: border-box;
  padding-left: 20px;
  height: 420px;
  /* background-color: pink; */
}
#content .top img {
  margin-top: 20px;
  width: 380px;
  height: 380px;
}
#content .top .toptext {
  box-sizing: border-box;
  padding-top: 85px;
  padding-left: 45px;
  width: 50%;
  height: 420px;
  float: right;
  /* background-color: antiquewhite; */
}
#content .top .toptext p:not(.topt) {
  font-size: 14px;
  color: #848484;
}
#content .topt {
   font-size: 20px;
}
#content .topt:nth-child(2) {
  font-size: 10px;
  color: #848484;
  margin-bottom: 40px;
}
#content .toptext li img{
  float: left;
    width: 35px;
    height: 35px;
    margin-right: 22px;
    margin-top: 40px;
}

#content .middle {
  height: 385px;
  background-color: #222222;
}
#content .middle input {
  margin-right: 36px;
  width: 180px;
  height: 55px;
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom:1px solid #999999 ;
}
#content .middle button {
  width: 400px;
  height: 44px;
  background-color: #d90000;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-top: 40px;
}





#content .bottom {
  height: 240px;
  background-color: antiquewhite;
}