.chanpin {
    width: 100%;
    margin: 0px auto 20px;
    overflow: hidden;
  }

  .chanpin .chanpin_list {
    margin-left: -8px;
    margin-right: -8px;
  }

  .chanpin .chanpin_list .list1 {
    width: 33.3%;
    overflow: hidden;
    float: left;
    cursor: pointer;
    padding: 8px 0.5%;
  }

  .chanpin .chanpin_list .list1 img {
    width: 100%;
  }

  .chanpin .chanpin_list .list1 .list1_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #999;
    overflow: hidden;
    margin-top: -4px;
  }

  .chanpin .chanpin_list .list1 .list1_title span {
    font-size: 14px;
    color: #fff;
    float: left;
    margin-left: 13px;
  }

  .chanpin .chanpin_list .list1 .list1_title div {
    width: 30%;
    max-width: 90px;
  height: 27px;
  border-radius: 5px;
  background: #fff;
  color: #585858;
  float: right;
  margin: 8px 8px 8px 0;
  border: none;
  display: block;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  }
  .list1_title a{
    color: #585858;
  }
/* jieshu */

.cti-year,

.suwis-banner,

.suwis-banner>img {
    width: 100%;
    

}
@media screen and (max-width: 1000px){
    .suwis-banner{
        margin-top:45px;
    }

    .chanpin .chanpin_list .list1 {
        width: 49.3%;
        overflow: hidden;
        float: left;
        cursor: pointer;
        padding: 8px 0.5%;
    }
}



.suwis-d-div>div,

.suwis-d-l {

    transition: .5s;

    cursor: pointer

}



.suwis-download {

    width: 100%;

    min-height: 900px;

    background: url(../../images/brand/group/back-02.jpg);

    position: relative;

    text-align: center

}



.suwis-hidden {

    opacity: 0

}



.suwis-banner-line {

    max-width: 1000px;

    position: relative;

    margin: 0 auto;
    /*padding-top: 45px;*/

}



.suwis-download .cti-year ul.suwis-show {

    opacity: 1

}



.cti-year {

    position: relative;

    color: #fff;

    margin-top: 20px

}



.cti-year>ul {

    position: relative;

    width: 90%;

    height: 44px;

    float: left;

    margin: 0 auto

}



.cti-year li,

.swiper-slide {

    float: left;

    margin-bottom: 30px

}



.cti-year li {

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-size: 14px

}



.cti-year li a {

    display: block;

    background-color: #b2b2b2;

    color: #fff

}



.cti-year>a>img {

    display: block;

    width: 100%

}



.swiper-slide {

    overflow: inherit;

    width: 33.3%

}



.cti-year .end,

.cti-year .front {

    position: absolute;

    z-index: 66;

    width: 20px;

    height: 44px;

    background: url(../../images/sales_grey_triangel.png) no-repeat #fff;

    top: 0

}



.cti-year .front {

    left: -10px

}



.cti-year .end {

    right: -10px

}



.cti-year .active .front {

    z-index: 88;

    background: url(../../images/sales_red_front_triangel.png) no-repeat #fff

}



.cti-year .active .end {

    z-index: 88;

    background: url(../../images/sales_red_end_triangel.png) no-repeat #fff

}



.cti-year li.active a,

.cti-year li:hover a {

    font-size: 18px;

    background-color: #dc0001;

    font-weight: 700

}



.cti-year li.active a {

    display: block

}



.cti-year li:hover .front {

    z-index: 99;

    background: url(../../images/sales_transparent_front_triangel.png) no-repeat

}



.cti-year li:hover .end {

    z-index: 99;

    background: url(../../images/sales_transparent_end_triangel.png) no-repeat

}



.cti-year a:hover {

    background-color: #dc0001

}



.cti-year a:hover img {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2)

}



.suwis-content {

    width: 100%;

    margin-top: 30px

}



.suwis-content>ul {

    width: 100%;

    position: relative

}



.suwis-content>ul>li {

    width: 100%;

    display: none

}



.suwis-f-l-l,

.suwis-f-left {

    width: 50%;

    float: left

}



.suwis-content>ul>li:nth-child(3) {

    left: 0;

    top: 0;

    margin-left: -10px;

    margin-right: -10px

}



.suwis-content>ul>li.suwis-show {

    display: block

}



.suwis-f-left .content {

    margin: 0 10px;

    padding: 20px;

    zoom: 1;

    background: #DADADA

}



.suwis-f-left .content::after {

    content: '';

    display: block;

    clear: both

}



.suwis-f-l-l {

    height: 100%

}



.suwis-f-l-l>div {

    width: 100%;

    float: left;

    margin-bottom: 20px

}



.suwis-f-l-l>div>img {

    float: left

}



.suwis-f-l-l>span {

    display: block;

    width: 100%;

    text-align: left;

    font-size: 12px;

    font-weight: 700

}



.suwis-f-l-r {

    float: left

}



.suwis-clear {

    clear: both

}



.suwis-tools>ul {

    width: 100%;

    height: 100%;

    max-width: 1000px

}



.suwis-tool {

    width: 30%;

    float: left;

    margin-right: 5%;

    margin-bottom: 30px;

    background: #fff

}



.suwis-size,

.suwis-tool>div,

.suwis-tool>div>img {

    width: 100%

}



.suwis-tool-hid {

    margin-right: 0

}



.suwis-tool>span {

    display: block;

    width: 100%;

    text-align: center;

    margin-top: 10px;

    font-size: 13px;

    font-weight: 700

}



.suwis-size>li {

    width: 30%;

    height: 25px;

    float: left;

    margin: 10px 0 15px

}



.suwis-size>li>a,

.suwis-sold {

    width: 100%;

    height: 100%

}



.suwis-size>li>a {

    display: block;

    font-size: 11px;

    color: #000;

    line-height: 25px

}



.suwis-size>li>a:nth-child(1) {

    margin-left: 15px

}



.suwis-size>li>a:hover {

    background: #DC0011;

    color: #fff

}



.suwis-sold-content {

    float: left;

    width: 49%;

    margin-right: 2%;

    display: none

}



.suwis-sold>div:nth-child(2) {

    float: right;

    margin-right: 0

}



.suwis-sold-content>img {

    float: left;

    width: 2%;

    margin: 7px 5px 0 0

}



.suwis-sold-content>span {

    display: block;

    float: left;

    width: 15%

}



.suwis-sold-s {

    float: left;

    width: 80%;

    margin-top: 10px

}



.suwis-sold-s>span {

    float: left;

    display: block;

    width: 20%;

    height: 1px;

    background: #000

}



.suwis-sold-s>div {

    float: left;

    width: 80%;

    height: 1px;

    background: #B2B2B2

}



.suwis-drop {

    margin-top: 10px;

    width: 100%;

    z-index: 999

}



.suwis-drop-content {

    float: right;

    width: 48.5%;

    height: 40px;

    margin-top: 10px;

    border-radius: 5px;

    line-height: 40px;

    z-index: 99

}



.suwis-drop>div:nth-child(2) {

    float: left

}



.cti-testdrive-select {

    width: 100%;

    height: 100%;

    position: relative

}



.cti-label {

    width: 100%;

    text-align: left

}



.cti-testdrive-select>span {

    margin-left: 10px;

    font-size: 12px;

    color: #000

}



.suwis-drop .cti-vselect {

    margin-top: -4px

}



.suwis-down.swiper-container {

    width: 100%;

    position: static

}



.suwis-downtop {

    width: 100%;

    max-width: 1000px;

    margin-top: 30px;

    position: relative

}



.suwis-down {

    width: 100%

}



.suwis-d-centent {

    width: 104%;

    position: relative;

    left: -2%

}



.suwis-d-l {

    position: absolute;

    width: 4%;

    height: 100%;

    text-align: center;

    background: #E5E5E5;

    color: #fff;

    line-height: 260px;

    font-size: 30px;

    z-index: 9

}



.suwis-d-left {

    top: 0;

    left: 0

}



.suwis-d-right {

    top: 0;

    right: 0

}



.suwis-d-l:hover {

    background: #fff;

    color: #000

}



.s-d-centent {

    height: 100%

}



.suwis-s-left {

    display: block;

    float: left;

    width: 6%;

    height: 100%

}



.suwis-s-right {

    display: block;

    float: left;

    width: 4%;

    height: 100%

}



.suwis-d-div {

    width: 90%;

    height: 100%;

    background: #E5E5E5;

    transition: .5s;

    margin: 0 auto

}



.suwis-s-left1 {

    width: 4%

}

.picWrap{

  position: relative;

}

.suwis-d-div img.mainPic{

  max-width:90%;

  margin-top:10px;

}

.suwis-d-div .videoPlay{

  position: absolute;

  width: 20%;

  top: 50%;

  left: 50%;

  margin-top: -10%;

  margin-left: -10%;

}

.suwis-d-div>p {

    width: 80%;

    font-size: 12px;

    font-weight: 700;

    margin: 5px 0 5px 16px;

    text-align: left;

    transition: .5s

}



.suwis-d-div>p.mux-text {

    height: 2.6em;

    line-height: 1.3em;

    overflow: hidden

}



.suwis-blank-left {

    display: block;

    width: 0;

    height: 100%;

    float: left

}



.suwis-down>ul>li {

    height: 100%

}



.suwis-down>ul>li:hover .suwis-d-div {

    background: #fff

}



.suwis-down>ul>li:hover .suwis-d-div>p {

    color: #DC0011

}



.suwis-down>ul>li:hover .suwis-d-div>div {

    background: #DC0011

}



.suwis-down>ul>li:hover .suwis-d-div>div a {

    color: #fff

}



.suwis-d-div>div {

    width: 80%;

    margin: 20px auto;

    height: 30px;

    text-align: center;

    line-height: 30px;

    font-size: 13px;

    background: #fff

}



.suwis-d-div>div a {

    color: #000;

    display: block

}



.f-c-1 {

    position: relative;

    width: 80%;

    margin: 0 auto;

    height: 300px

}



.f-c-3,

.f-c-4 {

    position: absolute;

    top: 0;

    float: left;

    color: #000;

    line-height: 300px

}



.f-c-2,

.f-c-2>div,

.f-c-3,

.f-c-4 {

    height: 100%

}



.f-c-2 {

    width: 70%

}



.f-c-1 .swiper-wrapper {

    width: 90%;

    margin: 0 auto

}



.f-c-3 {

    left: 0

}



.f-c-4 {

    right: 0

}



.f-c-2>div {

    float: left;

    color: #000;

    background: #ddd;

    line-height: 300px

}



.cti-btn-more {

    margin-bottom: 20px

}



@media screen and (max-width:1000px) {

    .suwis-banner-line {

        width: 95%;



    }

    .suwis-drop-content,

    .suwis-sold-content,

    .suwis-tool {

        width: 100%

    }

    .suwis-sold-content>span {

        width: auto

    }

    .swiper-slide {

        width: 100%

    }

    .suwis-f-left {

        width: 100%;

        margin-bottom: 3%

    }

    .suwis-f-l-l {

        width: 30%

    }

    .suwis-f-l-l>div>img,

    .suwis-f-l-r img {

        width: 100%

    }

    .suwis-f-l-r {

        width: 40%;

        float: right

    }

    .suwis-content>ul>li:nth-child(3),

    .suwis-f-left .content {

        margin: 0

    }

    .suwis-download {

        min-height: 630px

    }

}