/************************* 首页media *************************/

@media screen and (min-width: 1200px) {
  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide:hover .show-car {
    margin-top: 40px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide:hover .top .link {
    background-color: #f8b500;
  }

  .index-car .car-item:hover .show img {
    transform: scale(1.1);
  }

  .index-car .car-item:hover .info .more {
    background-color: #e3a80d;
  }

  .index-explain .wd1440 .explain-box:hover img {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    /* IE 9 */
    -webkit-transform: rotateY(180deg);
    /* Safari and Chrome */
  }
}
@media screen and (max-width: 1800px){
  .index-genre {
    background-size: cover;
    padding: 30px 0;
    overflow: hidden;
  }
  .index-genre .wd1440 .left .big-word {
    font-size: 80px;
  }
}

@media screen and (max-width: 1700px) {
  .index-about .wd1440 .big-show {
    margin-left: 0;
    /*  height: 255px; */
    width: 100%;
  }
}

@media screen and (max-width: 1440px) {
  .index-genre .wd1440 .left .genre-car {
    height: 150px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide {
    padding: 0 0 20px;
  }

  .index-car .car-item {
    width: 48%;
  }

  .index-news .news-title {
    position: initial;
    background: none;
    margin: 0 auto;
  }

  .index-news .news-title .big,
  .index-news .news-title .small span {
    color: #333;
  }
}

@media screen and (max-width: 1200px) {
  .index-banner {
    height: auto;
  }

  .index-serve .wd1440 .serve-box .serve-item .serve-show img{
    width:100%;
  }

  .index-explain .wd1440 {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .index-explain .wd1440 .explain-box {
    padding: 20px;
    width: 33%;
    box-sizing: border-box;
  }

  .index-genre .wd1440 {
    display: block;
  }

  .index-genre .wd1440>div {
    float: none;
  }

  .index-genre .wd1440 .left .big-word,
  .index-genre .wd1440 .left .genre-car {
    display: none;
  }

  .index-genre .wd1440 .right {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }

  .index-genre .wd1440>div {
    text-align: center;
  }

  .index-genre .wd1440 .left .intro {
    margin-top: 15px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .middle {
    padding-left: 0;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .middle .m-title {
    font-size: 24px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .middle .m-intro {
    font-size: 18px;
  }

  .index-genre .wd1440 .right .index-genre-swiper {
    padding: 0;
  }

  .index-about .wd1440 {
    flex-direction: column-reverse;
  }

  .index-about {
    background: none;
    padding: 30px 0;
    background-color: #f6f6f6;
  }

  .index-about .wd1440 .about-contain .a-title,
  .index-about .wd1440 .about-contain .e-word {
    justify-content: center;
  }

  .index-car .car-item {
    margin-bottom: 20px;
  }

  .index-about .wd1440 .about-contain .a-intro {
    max-width: none;
  }

  .index-about .wd1440 .about-contain .e-word {
    margin-bottom: 30px;
  }

  .index-serve {
    padding: 40px 0;
    background-size: cover;
  }

  .index-serve .wd1440 .serve-box {
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .index-serve .wd1440 .serve-box .serve-item {
    width: 49%;
    margin-bottom: 15px;
  }

  .index-serve .wd1440 .serve-box .serve-item2 {
    flex-direction: column;
  }

  .index-serve .wd1440 .serve-box .serve-item2 .serve-bot {
    margin-bottom: 0;
  }

  .index-serve .wd1440 .serve-box .serve-item .serve-bot {
    margin-top: 10px;
    text-align: center;
  }

  .index-serve .wd1440 .serve-box .serve-item .serve-bot .name{
    width: 100%;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-show {
    margin-right: 30px;
    height: auto;
  }

  .index-news .news-box .index-news-swiper .swiper-slide {
    align-items: flex-start;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-info .box-tab {
    margin-top: 30px;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-info .box-tab .item-tab .intro {
    margin-top: 20px;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-info .box-tab .item-tab .more {
    margin-top: 20px;
  }

  .index-news-swiper .swiper-button-next,
  .index-news-swiper .swiper-button-prev {
    display: none;
  }

  .index-news {
    padding: 0 15px 20px;
  }

  .index-new-l {
    flex-wrap: wrap;
  }

  .index-new-l .new-item {
    width: 32%;
    margin: 0;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 960px) {
  .index-car .car-item {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .index-explain .wd1440 .explain-box {
    width: 50%;
  }

  .index-explain .wd1440 .explain-box img {
    height: 40px;
  }

  .index-explain .wd1440 .explain-box .title {
    font-size: 16px;
  }

  .index-explain .wd1440 .explain-box .intro {
    font-size: 12px;
  }

  .index-serve .wd1440 .serve-box .serve-item .serve-show {
    height: auto;
  }

  .index-serve .wd1440 .serve-box .serve-item .serve-bot img {
    display: none;
  }

  .index-serve .wd1440 .serve-box .serve-item .serve-bot .name div {
    font-size: 18px;
    
  }

  .index-serve .wd1440 .serve-box .serve-item .serve-bot .name .f-16 {
    font-size: 14px;
  }

  .index-serve .wd1440 .serve-title .right {
    display: none;
  }

  .index-serve .wd1440 .serve-title {
    justify-content: center;
  }

  .index-serve .wd1440 .serve-title .left .Title div {
    display: none;
  }

  .index-serve .wd1440 .serve-title .left .Title span {
    margin-right: 0;
  }

  .index-serve .wd1440 .serve-title .left .Intro {
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
  }

  .index-serve .wd1440 .serve-title .left .Title {
    justify-content: center;
  }

  .index-serve .wd1440 .serve-title .left .Title span {
    font-size: 24px;
  }

  .index-news-swiper .swiper-pagination-bullets {
    display: none;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-show {
    margin-right: 15px;
  }

  .index-new-l .new-item {
    width: 49%;
  }

  .index-news .news-title .big {
    font-size: 24px;
    text-align: center;
  }

  .index-news .news-title {
    width: auto;
    height: auto;
    margin-bottom: 20px;
    padding: 30px 0 0;
  }

  .index-news .news-title .small {
    margin-top: 10px;
    justify-content: center;
  }

  .index-news .news-title .small .color {
    display: none;
  }

  .index-news .news-title .small span {
    font-size: 18px;
  }
}

@media screen and (max-width: 640px) {
  .index-banner {
    height: 200px;
  }

  .index-genre .wd1440 .left .title {
    font-size: 22px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .show-car {
    margin: 40px auto 0;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .middle {
    margin-top: 30px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .top {
    height: 40px;
    line-height: 40px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .top .mark {
    padding-left: 0;
    font-size: 20px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .middle .m-title {
    font-size: 18px;
  }

  .index-genre .wd1440 .right .index-genre-swiper .swiper-slide .middle .m-intro {
    font-size: 16px;
  }

  .index-car .car-item {
    width: 48%;
    display: block;
  }

  .index-car .car-item .info {
    width: 100%;
    margin-left: 0;
  }

  .index-car .car-item .info .more {
    display: none;
  }

  .index-car .car-item .info .title {
    margin-top: 15px;
    font-size: 16px;
  }

  .index-car .car-item .info .seat {
    font-size: 14px;
    margin-top: 15px;
  }

  .index-car .car-item .info .price p {
    font-size: 14px;
  }

  .index-car .car-item .info .price {
    margin-top: 15px;
  }

  .index-car .car-item .info .price p strong {
    font-size: 16px;
  }

  .index-car .car-item .show {
    height: auto;
  }

  .index-about .wd1440 .big-show {
    height: auto;
  }

  .index-about .wd1440 .about-contain .e-word .word {
    font-size: 16px;
  }

  .index-about .wd1440 .about-contain .a-title {
    font-size: 22px;
  }

  .index-serve .wd1440 .serve-box .serve-item {
    width: 100%;
  }

  .index-news .news-box .index-news-swiper .swiper-slide {
    display: block;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-show,
  .index-news .news-box .index-news-swiper .swiper-slide .news-info {
    width: 100%;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-info .news-nav {
    margin-top: 20px;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-info .box-tab .item-tab .more {
    display: none;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-info .box-tab .item-tab .title {
    font-size: 18px;
  }

  .index-news .news-box .index-news-swiper .swiper-slide .news-info .box-tab .item-tab .intro {
    margin-top: 10px;
  }

  .index-new-l {
    padding: 0 15px 30px;
  }

  .index-new-l .new-item {
    width: 100%;
  }

  .index-new-l .new-item .new-show {
    height: auto;
  }

  .index-new-l .new-item .new-info .title {
    margin-top: 20px;
    font-size: 20px;
  }

  .index-new-l .new-item .new-info .intro {
    margin-top: 15px;
  }

  .index-new-l .new-item .new-info .bot {
    margin-top: 20px;
  }

  .index-serve .wd1440 .more {
    display: block;
  }

  .index-genre-swiper .swiper-pagination-bullets {
    display: none;
  }
}

/************************* 首页media *************************/



/************************* 内页media *************************/
@media screen and (min-width: 1200px) {
  .Page .wd1440>div:hover {
    color: #fff;
    background-color: #11334f;
  }

  .Page .wd1440 ul li a:hover {
    color: #fff;
    background-color: #11334f;
  }

  .new-company .wd1440 .new-box .new-box-r .new-list:hover {
    background-color: #11334f;
  }

  .new-company .wd1440 .new-box .new-box-r .new-list:hover .top .tit,
  .new-company .wd1440 .new-box .new-box-r .new-list:hover .intro {
    color: #fff;
  }

  .brand-main .brand-box .car-item:hover .show img {
    transform: scale(1.1);
  }

  .brand-main .brand-box .car-item:hover .info .more {
    background-color: #e3a80d;
  }
}

@media screen and (max-width: 1440px) {
  .nei-banner {
    background-size: cover;
  }


  .brand-main .brand-box .car-item {
    width: 48%;
  }

  .A-feature {
    background-size: cover;
    background-position: center;
  }
}

@media screen and (max-width: 1200px) {
  .nei-banner {
    height: 300px;
  }


  .brand-main .brand-box .car-item {
    margin-bottom: 20px;
  }

  .new-company .wd1440 .new-box {
    display: none;
  }

  .new-company .wd1440 .index-new-l {
    display: flex;
    padding: 0;
  }

  .new-company {
    padding: 30px 0 20px;
  }

  .new-trade {
    padding: 30px 0;
  }

  .Contact {
    height: auto;
    padding: 30px 0;
    background-size: cover;
  }

  .Contact .wd1440 .fu-us {
    width: 100%;
    position: initial;
    margin-top: 20px;
    background-size: cover;
    padding: 20px;
  }

  .Contact .wd1440 .contact-word {
    max-width: none;
    line-height: 26px;
    margin-top: 20px;
  }

  .A-feature .wd1440 .feature-main {
    flex-wrap: wrap;
    margin-top: 300px;
  }

  .A-feature .wd1440 .feature-main .item {
    width: 50%;
    justify-content: center;
    margin-bottom: 20px;
  }

  .article-main {
    padding: 30px 0 0;
  }

  .brand-article-main .b-paramet .wd1440 {
    display: block;
  }

  .brand-article-main .b-paramet .wd1440 .word-r {
    margin-top: 25px;
  }

  .brand-article-main .b-paramet {
    padding: 30px 0;
  }

  .brand-article-main .b-paramet .wd1440 .picture-l {
    margin-right: 0;
  }
}

@media screen and (max-width: 960px) {
  .brand-show .wd1440 .b-model .model-l .e-word {
    font-size: 80px;
  }

  .brand-main .brand-box .car-item {
    width: 100%;
    margin-bottom: 15px;
  }

  .new-company .wd1440 .new-box .new-box-l,
  .new-company .wd1440 .new-box .new-box-r,
  .new-trade .wd1440 .trade-box .trade-item {
    width: 100%;
  }

  .About {
    background-size: 100% auto;
    padding: 30px 0;
  }

  .About .wd1440 {
    display: block;
  }

  .About .wd1440 .a-left .number {
    justify-content: center;
  }

  .About .wd1440 .a-left .about-car {
    height: auto;
  }

  .About .wd1440 .a-right {
    max-width: none;
  }

  .About .wd1440 .a-right p {
    margin-top: 15px;
  }
}

@media screen and (max-width: 768px) {
  .nei-banner .wd1440 div {
    font-size: 20px;
  }

  .brand-show .wd1440 .b-nav {
    padding-top: 30px;
  }

  .brand-show .wd1440 .b-nav li {
    margin-bottom: 20px;
    width: 50%;
  }

  .brand-show .wd1440 .b-nav .li-active a {
    padding-bottom: 2px;
    border-bottom: 1px solid #11334f;
  }

  .brand-show .wd1440 .b-nav li a {
    font-size: 16px;
  }

  .brand-show {
    padding: 30px 0 10px;
  }

  .brand-show .wd1440 .b-model .model-l .title {
    font-size: 24px;
  }

  .brand-show .wd1440 .b-model .model-l .intro {
    margin-top: 15px;
  }

  .brand-show .wd1440 .b-model .model-l .intro p {
    font-size: 16px;
  }

  .brand-main {
    padding: 30px 0;
  }

  .new-company .wd1440 .index-new-l {
    flex-wrap: wrap;
  }

  .new-company .wd1440 .index-new-l .new-item {
    width: 49%;
    margin-bottom: 20px;
  }

  .new-company .wd1440 .index-new-l .new-item .new-info .title {
    font-size: 18px;
  }

  .new-company .wd1440 .index-new-l .new-item .new-info .intro {
    margin-top: 15px;
  }

  .new-company .wd1440 .index-new-l .new-item .new-info .bot {
    margin-top: 20px;
  }

  .new-company .wd1440 .new-title,
  .new-trade .wd1440 .new-title {
    flex-direction: column;
    align-items: center;
  }

  .new-company .wd1440 .new-title div,
  .new-trade .wd1440 .new-title div {
    margin-right: 0;
    font-size: 24px;
  }

  .new-trade .wd1440 .trade-box .trade-item div {
    font-size: 18px;
  }

  .new-trade .wd1440 .trade-box .trade-item {
    margin-bottom: 30px;
  }

  .new-trade .wd1440 .trade-box {
    margin-top: 30px;
  }

  .Map #dituContent {
    height: 300px;
  }

  .About .wd1440 .a-left .number .num-box {
    margin-right: 0;
  }

  .About .wd1440 .a-left .number {
    justify-content: space-between;
  }

  .A-feature {
    padding: 30px 0;
  }

  .A-feature .wd1440 .title .name {
    font-size: 24px;
  }

  .A-feature .wd1440 .title .e-intro {
    font-size: 16px;
  }

  .A-feature .wd1440 .title img {
    height: 12px;
  }

  .A-feature .wd1440 .feature-main .item img {
    margin-right: 15px;
  }

  .A-feature .wd1440 .feature-main .item .info .type {
    font-size: 18px;
  }

  .A-feature {
    background-image: none;
    background-color: #152243;
  }

  .A-feature .wd1440 .feature-main {
    margin-top: 30px;
  }

  .A-feature .wd1440 .feature-main .item .info p {
    max-width: 270px;
  }

  .About .wd1440 .a-left .a-logo {
    height: auto;
    max-width: 100%;
  }

  .article-main .wd1440 .article-contain .jump {
    margin-top: 40px;
  }

  .brand-article-main .b-paramet .wd1440 .picture-l .paramet-swiper {
    width: 100%;
    height: auto;
  }

.brand-article-main .b-paramet .wd1440 .picture-l .paramet-swiper img{
  width: 100%;
  display: block;
}

  .brand-article-main .b-paramet .wd1440 .word-r .model {
    margin-top: 15px;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .price {
    padding: 15px 0;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .title {
    font-size: 20px;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .flac {
    margin-top: 20px;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .flac .flac-box {
    margin-top: 15px;
  }

  .brand-article-main .b-detail .b-detail-title {
    padding: 15px 0;
  }

  .brand-article-main .b-detail .detail-main {
    padding: 30px 0;
  }

  .paramet-swiper .swiper-button-next,
  .paramet-swiper .swiper-button-prev {
    width: 25px;
    height: 25px;
    background-size: 100%;
  }

  .brand-article-main .b-detail .b-detail-title,
  .brand-article-main .b-paramet .wd1440 .word-r .flac .f-title,
  .brand-article-main .b-paramet .wd1440 .word-r .price .left div strong {
    font-size: 20px;
  }
}

@media screen and (max-width: 640px) {
  .nei-banner {
    height: 150px;
  }

  .brand-show .wd1440 .b-model {
    display: block;
  }

  .brand-show .wd1440 .b-model .model-l .e-word {
    display: none;
  }

  .mobile-foot,
  .mobile-height {
    /*  max-width: 750px; */
    overflow: hidden;
  }

  .Page .page_phone {
    display: block;
  }

  .Page .page_pc {
    display: none;
  }

  .brand-show .wd1440 .b-model .model-r img {
    height: auto;
    margin-top: 20px;
    width: 100%;
  }

  .brand-show .wd1440 .b-model .model-l {
    text-align: center;
  }

  .brand-main .brand-box .car-item {
    display: block;
  }

  .brand-main .brand-box .car-item .info {
    width: 100%;
    margin-left: 0;
  }

  .brand-main .brand-box .car-item .info .more {
    margin-top: 20px;
    width: auto;
  }

  .brand-main .brand-box .car-item .info .title {
    margin-top: 15px;
    font-size: 20px;
  }

  .brand-main .brand-box .car-item .info .price {
    margin-top: 15px;
  }

  .brand-main .brand-box .car-item .info .price p strong {
    font-size: 20px;
  }

  .brand-main .brand-box .car-item .show {
    height: auto;
  }

  .Page .wd1440 {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .Page .wd1440>div,
  .Page .wd1440 ul li {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .Page .wd1440 ul li a,
  .Page .wd1440>div {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: auto;
    padding: 0 10px;
  }

  .Page .wd1440 .page-next,
  .Page .wd1440 .page-side {
    width: auto;
  }

  .new-company .wd1440 .index-new-l .new-item {
    width: 100%;
  }

  .new-trade .wd1440 .trade-box .trade-item span {
    display: none;
  }

  .new-trade .wd1440 .Page .wd1440 {
    padding: 0;
  }

  .Contact .wd1440 .fu-us .us-contain {
    display: block;
  }

  .Contact .wd1440 .fu-us .us-contain .us-item-site .item-info {
    max-width: none;
  }

  .Contact .wd1440 .fu-us .us-contain .us-item .item-tit {
    margin-bottom: 15px;
    font-size: 20px;
  }

  .Contact .wd1440 .fu-us .us-contain .us-item {
    margin-bottom: 20px;
    text-align: center;
  }

  .Contact .wd1440 .fu-us .us-contain .us-item-sao {
    text-align: center;
  }

  .Contact .wd1440 .fu-us {
    padding: 20px 15px;
  }

  .Contact .wd1440 .contact-word {
    font-size: 16px;
  }
  .Contact .wd1440 >img{
    max-width: 100%;
  }

  .About .wd1440 .a-left .number {
    flex-wrap: wrap;
    margin-top: 25px;
  }

  .About .wd1440 .a-left .number .num-box {
    width: 50%;
    margin-bottom: 15px;
  }

  .About .wd1440 .a-left .number .num-box .num div {
    font-size: 38px;
  }

  .About .wd1440 .a-left .about-car {
    margin-top: 25px;
    width: 100%;
  }

  .A-feature .wd1440 .feature-main .item {
    width: 100%;
    justify-content: flex-start;
  }

  .A-feature .wd1440 .feature-main .item img {
    margin-top: 0;
    width: 25px;
  }

  .A-feature .wd1440 .feature-main .item .info p {
    max-width: none;
    margin-top: 10px;
  }

  .article-main .wd1440 .article-contain {
    padding: 25px 15px;
    margin-top: 30px;
  }

  .article-main .wd1440 .article-contain .jump,
  .article-main .wd1440 .article-contain .jump .jump-r,
  .article-main .wd1440 .article-contain .jump .jump-l .point,
  .article-main .wd1440 .article-type {
    display: block;
  }

  .article-main .wd1440 .article-contain .jump .jump-l {
    margin-bottom: 20px;
    display: block;
  }

  .article-main .wd1440 .article-contain .jump .jump-l .point,
  .article-main .wd1440 .article-type .box {
    margin-bottom: 10px;
  }

  .article-main .wd1440 .article-contain .jump .jump-l .jump-line,
  .article-main .wd1440 .article-type .line {
    display: none;
  }

  .article-main .wd1440 .article-title {
    font-size: 18px;
    text-align: left;
  }

  .article-main .wd1440 .article-type .box img {
    margin-right: 10px;
  }

  .article-main .wd1440 .article-contain .jump .jump-r {
    margin: 0 auto;
  }
  .brand-article-main .b-paramet .wd1440 .word-r{
    width: auto;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .price .left {
    margin-right: 10px;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .price .right {
    flex: 1;
    width: auto;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .flac .flac-box {
    flex-wrap: wrap;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .flac .flac-box .flac-item {
    width: 32%!important;
    text-align: center;
    margin-bottom: 10px;
  }

  .brand-article-main .b-paramet .wd1440 .word-r .flac .flac-box .flac-item div {
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width: 480px) {

  .paramet-swiper .swiper-button-next,
  .paramet-swiper .swiper-button-prev {
    display: none;
  }
}

/************************* 内页media *************************/