.banner{
   width: 100%;
   height: auto;
   display: inline-block;
}
.banner img{
   width: 100%;
}
.main {
   width: 100%;
   height: auto;
   display: inline-block;
}
.main-top{
   width: 100%;
   height: auto;
   display: inline-block;
   border-bottom: 1px solid#e8e8e8;
}
.main-left{
   float: left;
   line-height: 65px;
   letter-spacing: 1px;
}
.main-left img{
   float: left;
   margin-right: 6px;
   margin-top: 24px;
}
.main-left p{
   float: left;
}
.main-left p a{
   color: #434343;
}
.main-nav{
   float: right;
   line-height: 73px;
}
.main-nav li{
   float: left;
   margin-left: 26px;
}
.main-nav li a{
   font-size: 16px;
}
.main-nav li:hover{
   border-bottom: 2px solid#1e63ac;
}
.product ul{
   margin-top: 20px;
   width: 100%;
   height: auto;
   display: inline-block;
}
.product li {
   width: 31%;
   float: left;
   text-align: center;
   margin-bottom: 30px;
   margin-right: 10px;
   margin-left: 10px;
}
.product li img {
   width: 100%;
   border: 1px solid #bababa;
   height: 297px;
}
.product li p {
   font-size: 14px;
   color: #000;
   padding-top: 11px;
   height: 20px;
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
   .banner {
      width: 100%;
      height: auto;
      display: inline-block;
      margin-top: 12%;
   }
   .product ul {
      margin-top: 20px;
      width: 100%;
      height: auto;
      display: inline-block;
      overflow: hidden;
   }
   .product li {
      width: 100%;
      float: left;
      text-align: center;
      margin-bottom: 30px;
      margin-right: 0px;
      margin-left: 0px;
   }
   .product li img {
      width: 100%;
      border: 1px solid #bababa;
      height: auto;
   }
}