.w1200-1400 {
  margin: 0 auto 0 auto;
  min-width: 1200px;
  max-width: 1600px;
  width: 100%;
}
.w1200 {
  margin: 0 auto 0 auto;
  width: 1200px;
}
@media screen and (max-width: 900px) {
  div.bannerPanel {
    min-width: auto;
    height: 100vh;
    background-size: cover;
  }
  div.mainPanel {
    min-width: auto;
    overflow: hidden;
  }
  .loveCarNav {
    position: absolute;
  }
}
.bannerPanel {
  text-align: center;
  height: 550px;
  overflow: hidden;
  background: url("https://www.foton.com.cn/static/images/loveCar/customer_car_banner.jpg") no-repeat center center;
}
.bannerPanel h1 {
  position: relative;
  margin-top: 210px;
  font-weight: normal;
  color: #FFF;
  text-align: center;
}
.bannerPanel h1 .enTitle {
  display: block;
  font-family: Arial;
  font-size: 38px;
  font-weight: bold;
}
.bannerPanel h1 .cnTitle {
  display: block;
  font-size: 32px;
}
.loveCarNav {
  border-bottom: 1px solid #a0a0a0;
  height: 140px;
}
.loveCarNav a {
  display: block;
  width: 239px;
  border-right: 1px solid #a0a0a0;
  font-size: 26px;
  color: #424242;
  float: left;
  text-align: center;
  background: url("https://www.foton.com.cn/static/images/loveCar/loveCar_Nav.png") no-repeat 50% -139px;
  padding-top: 83px;
  height: 56px;
}
.loveCarNav a.nav_0 {
  background: url("https://www.foton.com.cn/static/images/loveCar/zhcx1.png") no-repeat 50% 25px;
}
.loveCarNav a.nav_2 {
  background-position: 50% -417px;
}
.w1200-1400 {
  margin: 0 auto 0 auto;
  min-width: 1200px;
  max-width: 1600px;
  width: 100%;
}
.w1200 {
  margin: 0 auto 0 auto;
  width: 1200px;
}
.loveCarNav a.nav_3 {
  background-position: 50% -695px;
}
.loveCarNav a.nav_4 {
  background-position: 50% -973px;
}
.loveCarNav a.nav_5 {
  background-position: 50% -1117px;
}
.loveCarNav a.last {
  border-right: 0;
}
.loveCarNav a.nav_1 {
  background-position: 50% -139px;
}
.loveCarNav a.nav_0:hover,
.loveCarNav a.nav_0Hover {
  background-position: 50% -51px;
  background-color: #00c9ff;
  color: #fff;
}
.loveCarNav a.nav_1:hover,
.loveCarNav a.nav_1Hover {
  background-position: 50% 0;
  background-color: #00c9ff;
  color: #fff;
}
.loveCarNav a.nav_2:hover,
.loveCarNav a.nav_2Hover {
  background-position: 50% -278px;
  background-color: #00c9ff;
  color: #fff;
}
.loveCarNav a.nav_3:hover,
.loveCarNav a.nav_3Hover {
  background-position: 50% -556px;
  background-color: #00c9ff;
  color: #fff;
}
.loveCarNav a.nav_4:hover,
.loveCarNav a.nav_4Hover {
  background-position: 50% -834px;
  background-color: #00c9ff;
  color: #fff;
}
.mainPanel {
  margin-top: 80px;
}
.mainPanel .searchBox {
  text-align: right;
  width: 900px;
  margin: 0 auto;
}
.mainPanel .searchBox form {
  float: right;
  border: 1px solid #a0a0a0;
}
.mainPanel .searchBox input.searchInput {
  display: inline-block;
  width: 193px;
  padding: 0 10px;
  height: 38px;
  float: right;
  border: 0;
}
.mainPanel .searchBox input.searchBtn {
  display: inline-block;
  float: right;
  width: 35px;
  height: 38px;
  background: #fbfbfb url("https://www.foton.com.cn/webback/static/images/header_search.png") no-repeat 50% 3px;
  border: 0;
  cursor: hand;
  cursor: pointer;
}
.mainPanel .searchBox input.searchBtn:hover {
  background-position: 50% -27px;
}
.mainPanel .searchBox input:focus {
  outline: none;
  border: 0;
}
.mainPanel .listPanel {
  margin: 40px auto 0 auto;
  width: 900px;
}
.mainPanel .listPanel .listItem {
  display: block;
  color: #555;
  clear: both;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  border-bottom: solid 1px #e1e2e4;
}
.mainPanel .listPanel .listItem:hover {
  color: #FFF;
  background-color: #0066b3;
}
.mainPanel .listPanel .listItem .title {
  margin-left: 30px;
  float: left;
}
.mainPanel .listPanel .listItem .date {
  margin-right: 30px;
  float: right;
}
.mainPanel .pageList {
  margin: 40px auto 0 auto;
  width: 900px;
  height: 135px;
}
.mainPanel .pageList a {
  display: block;
  float: left;
  color: #494949;
  border: solid 1px #d5d5d5;
  margin-right: 5px;
  text-align: center;
  border-radius: 3px;
}
.mainPanel .pageList a:hover {
  color: #FFF;
  background-color: #00c9ff;
}
.mainPanel .pageList .prevPage {
  width: 100px;
  height: 35px;
  line-height: 35px;
}
.mainPanel .pageList .nextPage {
  margin-right: 0;
  width: 100px;
  height: 35px;
  line-height: 35px;
}
.mainPanel .pageList .page {
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.carGuideText {
  margin-top: 75px;
}
.carGuideText .p1 {
  font-size: 18px;
  color: #494949;
  margin-bottom: 30px;
}
.guideImg {
  display: block;
  margin: 35px 0 100px;
  float: left;
}
.carGuideText strong {
  color: #0066b3;
  font-weight: 500;
}
.carGuideText .p2 {
  color: #494949;
  line-height: 26px;
}
.carGuideText div {
  float: left;
  width: 478px;
}
.marginR150 {
  margin-right: 150px;
}
.No_ {
  float: left;
  width: 77px;
  text-indent: 42px;
}
.trans-color {
  moz-transition: background 0.2s ease-out, color 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out, color 0.2s ease-out;
  -o-transition: background 0.2s ease-out, color 0.2s ease-out;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
.mainPanel .pageList a.present {
  color: #FFF;
  background-color: #00c9ff;
}
#maodian {
  height: 0;
  position: relative;
  top: -68px;
}