.suwis-banner,
.suwis-banner>img {
    width: 100%
}


.suwis-group {
    width: 100%;
    background: url(../../images/brand/group/back-02.jpg) center bottom;
    text-align: center;
    padding-bottom: 220px
}

.suwis-banner-line {
    width: 80%;
    position: relative;
    margin: 0 auto;
    padding-top: 30px
}

.suwis-group>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.suwis-line {
    width: 100%;
    height: 30px
}

.suwis-line>span {
    display: block;
    float: left;
    width: 40%;
    height: 2px;
    background: #DC0011;
    margin-top: 8px
}

.suwis-line>p {
    width: 15%;
    float: left;
    font-size: 26px;
    letter-spacing: 2px;
    text-align: center;
    color: #DC0011;
    font-weight: 800;
    margin: 0 2.5%
}

.suwis-suv {
    width: 95%;
    margin: 0 auto
}

.suwis-suv>li {
    width: 100%;
    height: 130px;
    padding-top: 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8
}

.suwis-suv>li>div {
    width: 100%
}

.suwis-suv>li>div>img {
    float: right;
    margin: 5px 0 0 3px
}

.suwis-suv>li>div>img:first-child {
    float: left;
    margin-right: 10px
}

.suwis-suv>li>div>p {
    float: left;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding-bottom: 8px
}

.suwis-suv>li>p {
    width: 90%;
    font-weight: 400;
    text-align: left;
    font-size: 12px;
    color: #000
}

.suwis-suv>li:nth-child(2) {
    border-bottom: none
}

.suwis-car {
    margin: auto;
    width: 85%;
    background: url(../../images/brand/group/loop_07.png) no-repeat;
    background-size: cover;
    background: 0 0\9
}

.suwis-car>ul {
    position: relative;
    width: 70%;
    height: 100%;
    margin: 0 auto;
    z-index: 66
}

.loop-ie8,
.suwis-car>ul>li>div,
.suwis-car>ul>li>p {
    position: absolute
}

.suwis-car>ul>li>* {
    cursor: pointer
}

.suwis-car>ul>li>.suwis-point {
    position: absolute;
    display: block;
    width: 21px;
    height: 21px
}

.suwis-car>ul>li>.suwis-point img {
    display: none
}

.suwis-car>ul>li:hover>.suwis-point img,
.suwis-car>ul>li>.suwis-point img:first-child {
    display: block
}

.suwis-car>ul>li:hover>.suwis-point img:first-child {
    display: none
}

.suwis-car>ul>li>div>span {
    display: block;
    text-align: left;
    margin: 30px 0 20px;
    padding-top: 15px
}

.suwis-car>ul>li>div>span:nth-child(3) {
    margin: 10px 0
}

.suwis-car>ul>li>p {
    font-size: 35px;
    color: #DC0011;
    font-weight: lighter;
    margin-top: -12px
}

.suwis-picture1>span {
    display: block;
    width: 180px;
    text-align: left;
    font-size: 11px
}

.suwis-picture18>span,
.suwis-picture2>span,
.suwis-picture4>span,
.suwis-picture6>span,
.suwis-picture8>span {
    text-align: right!important
}

@media screen and (max-width:1420px) {
    .suwis-car>ul>li>p {
        font-size: 25px;
        margin-top: -4px
    }
    .suwis-car>ul>li>div {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    .suwis-car>ul>li>div>span {
        font-size: 14px;
        padding-top: 0
    }
    .suwis-picture10>img,
    .suwis-picture12>img,
    .suwis-picture13>img,
    .suwis-picture14>img,
    .suwis-picture15>img:nth-child(2),
    .suwis-picture16>img,
    .suwis-picture18>img,
    .suwis-picture2>img,
    .suwis-picture5>img,
    .suwis-picture6>img,
    .suwis-picture8>img,
    .suwis-picture9>img {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4)
    }
}

.suwis-point1 {
    top: 2%;
    left: 8.2%
}

.suwis-picture1 {
    top: 2%;
    left: 16%
}

.suwis-p1 {
    top: 2%;
    left: 14%
}

.suwis-p2 {
    top: 11%;
    left: -7%
}

.suwis-picture2 {
    top: 11%;
    left: -12%
}

.suwis-point2 {
    top: 11%;
    left: 8.2%
}

.suwis-p3 {
    top: 22%;
    left: 13%
}

.suwis-picture3 {
    top: 22%;
    left: 14%
}

.suwis-point3 {
    top: 22%;
    left: 8.2%
}

.suwis-p4 {
    top: 33%;
    left: -7%
}

.suwis-picture4 {
    top: 33%;
    left: -21%
}

.suwis-point4 {
    top: 33%;
    left: 8.2%
}

.suwis-p5 {
    top: 44%;
    left: 13%
}

.suwis-picture5 {
    top: 44%;
    left: 14%
}

.suwis-point5 {
    top: 44%;
    left: 8.2%
}

.suwis-p6 {
    top: 55%;
    left: -7%
}

.suwis-picture6 {
    top: 55%;
    left: -12%
}

.suwis-point6 {
    top: 55%;
    left: 8.2%
}

.suwis-p7 {
    top: 66%;
    left: 13%
}

.suwis-picture7 {
    top: 66%;
    left: 14%
}

.suwis-point7 {
    top: 66%;
    left: 8.2%
}

.suwis-p8 {
    top: 78%;
    left: -7%
}

.suwis-picture8 {
    top: 78%;
    left: -12%
}

.suwis-point8 {
    top: 78%;
    left: 8.2%
}

.suwis-p9 {
    top: 92%;
    left: -3%
}

.suwis-picture9 {
    top: 92%;
    left: -5%
}

.suwis-point9 {
    top: 92%;
    left: 19.2%
}

.suwis-p10,
.suwis-picture10 {
    top: 100%;
    left: 44%
}

.suwis-point10 {
    top: 97.6%;
    left: 49%
}

.suwis-p11 {
    top: 88%;
    right: -2%
}

.suwis-picture11 {
    top: 88%;
    right: -17%
}

.suwis-point11 {
    top: 88%;
    right: 11.8%
}

.suwis-p12,
.suwis-picture12 {
    top: 79%;
    right: 13%
}

.suwis-point12 {
    top: 79%;
    right: 7.2%
}

.suwis-p13 {
    top: 66%;
    right: -7%
}

.suwis-picture13 {
    top: 66%;
    right: -13%
}

.suwis-point13 {
    top: 66%;
    right: 7.3%
}

.suwis-p14,
.suwis-picture14 {
    top: 58%;
    right: 13%
}

.suwis-point14 {
    top: 58%;
    right: 7.2%
}

.suwis-p15 {
    top: 42%;
    right: -8%
}

.suwis-picture15 {
    top: 42%;
    right: -22%
}

.suwis-point15 {
    top: 42%;
    right: 7.2%
}

.suwis-p16,
.suwis-picture16 {
    top: 32%;
    right: 13%
}

.suwis-point16 {
    top: 32%;
    right: 7.3%
}

.suwis-p17 {
    top: 22%;
    right: -7%
}

.suwis-picture17 {
    top: 22%;
    right: -22%
}

.suwis-point17 {
    top: 22%;
    right: 7.3%
}

.suwis-p18,
.suwis-picture18 {
    top: 12%;
    right: 13%
}

.suwis-point18 {
    top: 12%;
    right: 7.3%
}

.suwis-p19 {
    top: 2%;
    right: -7%
}

.suwis-picture19 {
    top: 2%;
    right: -22%
}

.suwis-point19 {
    top: 2%;
    right: 7.3%
}

.suwis-car>ul>li>div>img.img15 {
    margin-left: -90px
}

.loop-ie8 {
    width: 100%;
    left: 7.3%;
    display: none;
    display: block\9
}

@media screen and (max-width:1240px) {
    .suwis-car>ul>li>p {
        font-size: 20px
    }
    .suwis-car>ul>li>div {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }
    .suwis-car>ul>li>div>span {
        font-size: 13px
    }
    .suwis-picture1 {
        top: 0;
        left: 10%
    }
    .suwis-p1 {
        top: 2%;
        left: 15%
    }
    .suwis-picture2 {
        left: -14%
    }
    .suwis-p2,
    .suwis-p4 {
        left: -3%
    }
    .suwis-picture4 {
        left: -24%
    }
    .suwis-p6 {
        left: -3%
    }
    .suwis-picture6 {
        left: -16%
    }
    .suwis-p8 {
        left: -3%
    }
    .suwis-picture8 {
        left: -16%
    }
    .suwis-p9 {
        left: 6%
    }
    .suwis-picture3 {
        top: 20%;
        left: 8%
    }
    .suwis-picture5 {
        top: 43%;
        left: 8%
    }
    .suwis-picture7 {
        top: 64%;
        left: 8%
    }
    .suwis-picture10 {
        left: 30%
    }
    .suwis-picture12 {
        top: 78%
    }
    .suwis-p12,
    .suwis-p14,
    .suwis-p16,
    .suwis-p18 {
        right: 14%
    }
    .suwis-p13,
    .suwis-p15,
    .suwis-p17,
    .suwis-p19 {
        right: -4%
    }
    .suwis-picture19 {
        top: 0;
        right: -25%
    }
    .suwis-picture18 {
        top: 11%;
        right: 11%
    }
    .suwis-picture17 {
        top: 20%;
        right: -25%
    }
    .suwis-picture16 {
        top: 31%;
        right: 11%
    }
    .suwis-picture15 {
        top: 40%;
        right: -25%
    }
    .suwis-picture14 {
        top: 57%;
        right: 11%
    }
    .suwis-picture13 {
        top: 64%;
        right: -15%
    }
    .suwis-point1,
    .suwis-point2,
    .suwis-point3,
    .suwis-point4,
    .suwis-point5,
    .suwis-point6,
    .suwis-point7,
    .suwis-point8 {
        left: 7.5%
    }
    .suwis-point10 {
        right: 7.5%
    }
    .suwis-point12,
    .suwis-point13,
    .suwis-point14,
    .suwis-point15,
    .suwis-point16,
    .suwis-point17,
    .suwis-point18,
    .suwis-point19 {
        right: 7%
    }
}

@media screen and (max-width:1000px) {
    .suwis-car {
        background: url(../../images/brand/group/loop_07-wap.png) center center repeat-y
    }
    .suwis-suv>li {
        height: auto
    }
    .suwis-point {
        left: 50%;
        margin-left: -10.5px
    }
       .suwis-banner {
        padding-bottom: 0;
        /*width: 1000px;*/
        text-align: center;
        padding-top: 45px;
    }

    .suwis-banner img {
        overflow: hidden;
        /*margin-left: -42%;*/
    }
    .suwis-p1,
    .suwis-p11,
    .suwis-p13,
    .suwis-p15,
    .suwis-p17,
    .suwis-p19,
    .suwis-p3,
    .suwis-p5,
    .suwis-p7,
    .suwis-p9 {
        right: auto;
        left: 70%
    }
    .suwis-p10,
    .suwis-p12,
    .suwis-p14,
    .suwis-p16,
    .suwis-p18,
    .suwis-p2,
    .suwis-p4,
    .suwis-p6,
    .suwis-p8 {
        left: auto;
        right: 70%
    }
    .suwis-picture1,
    .suwis-picture11,
    .suwis-picture13,
    .suwis-picture15,
    .suwis-picture17,
    .suwis-picture19,
    .suwis-picture3,
    .suwis-picture5,
    .suwis-picture7,
    .suwis-picture9 {
        right: auto;
        left: 59%
    }
    .suwis-picture10,
    .suwis-picture12,
    .suwis-picture14,
    .suwis-picture16,
    .suwis-picture18,
    .suwis-picture2,
    .suwis-picture4,
    .suwis-picture6,
    .suwis-picture8 {
        left: auto;
        right: 63%
    }
    .suwis-p1,
    .suwis-point1 {
        top: 2%
    }
    .suwis-p2,
    .suwis-point2 {
        top: 7%
    }
    .suwis-p3,
    .suwis-point3 {
        top: 12%
    }
    .suwis-p4,
    .suwis-point4 {
        top: 17%
    }
    .suwis-p5,
    .suwis-point5 {
        top: 22%
    }
    .suwis-p6,
    .suwis-point6 {
        top: 27%
    }
    .suwis-p7,
    .suwis-point7 {
        top: 32%
    }
    .suwis-p8,
    .suwis-point8 {
        top: 37%
    }
    .suwis-p9,
    .suwis-point9 {
        top: 42%
    }
    .suwis-p10,
    .suwis-point10 {
        top: 47%
    }
    .suwis-p11,
    .suwis-point11 {
        top: 52%
    }
    .suwis-p12,
    .suwis-point12 {
        top: 57%
    }
    .suwis-p13,
    .suwis-point13 {
        top: 62%
    }
    .suwis-p14,
    .suwis-point14 {
        top: 67%
    }
    .suwis-p15,
    .suwis-point15 {
        top: 72%
    }
    .suwis-p16,
    .suwis-point16 {
        top: 77%
    }
    .suwis-p17,
    .suwis-point17 {
        top: 82%
    }
    .suwis-p18,
    .suwis-point18 {
        top: 87%
    }
    .suwis-p19,
    .suwis-point19 {
        top: 92%
    }
    .suwis-picture1 {
        top: 1%
    }
    .suwis-picture2 {
        top: 6%
    }
    .suwis-picture3 {
        top: 11%
    }
    .suwis-picture4 {
        top: 16%
    }
    .suwis-picture5 {
        top: 21%
    }
    .suwis-picture6 {
        top: 26%
    }
    .suwis-picture7 {
        top: 31%
    }
    .suwis-picture8 {
        top: 36%
    }
    .suwis-picture9 {
        top: 41%
    }
    .suwis-picture10 {
        top: 46%
    }
    .suwis-picture11 {
        top: 51%
    }
    .suwis-picture12 {
        top: 56%
    }
    .suwis-picture13 {
        top: 61%
    }
    .suwis-picture14 {
        top: 66%
    }
    .suwis-picture15 {
        top: 70%
    }
    .suwis-picture16 {
        top: 76%
    }
    .suwis-picture17 {
        top: 81%
    }
    .suwis-picture18 {
        top: 86%
    }
    .suwis-picture19 {
        top: 91%
    }
    .suwis-group {
        padding-bottom: 0
    }
    .logo-wap {
        width: 40%;
        display: block;
        margin: 0 auto;
        padding: 8% 0
    }
}