body {
    color: #666;
    background: #fff
}

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

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

.suwis-banner-line {
    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-sign,
.suwis-ul>ul {
    margin: 30px auto
}

.suwis-sign {
    width: 160px;
    height: 70px
}

.suwis-ul {
    width: 100%
}

.suwis-ul>ul>li {
    float: left;
    width: 200px;
    height: 230px
}

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

.clear {
    clear: both
}

.suwis-ul>ul>li>img {
    width: 100%;
    height: 100%
}

.suwis-banner-line>span {
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    padding-top: 45px;
    color: #000
}

.suwis-int {
    margin-top: 50px
}

@media screen and (max-width:1440px) {
    .suwis-ul>ul {
        width: 320%;
        /*width: 127%;*/
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 15% 50%;
        -moz-transform-origin: 15% 50%;
        -ms-transform-origin: 15% 50%;
        -o-transform-origin: 15% 50%;
        transform-origin: 15% 50%
    }
    .suwis-int {
        margin-top: 80px
    }
    .suwis-banner-line>span {
        width: 85%;
        margin-top: 50px;
        font-size: 23px
    }
}

@media screen and (max-width:1024px) {
    .suwis-ul>ul {
        width: 157%;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: -8% 50%;
        -moz-transform-origin: -8% 50%;
        -ms-transform-origin: -8% 50%;
        -o-transform-origin: -8% 50%;
        transform-origin: -8% 50%
    }
}

@media screen and (max-width:1000px) {
    .suwis-ul>ul {
        width: 100%;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: -8% 50%;
        -moz-transform-origin: -8% 50%;
        -ms-transform-origin: -8% 50%;
        -o-transform-origin: -8% 50%;
        transform-origin: -8% 50%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
    .suwis-ul>ul>li {
        width: 33.3%;
        height: auto
    }
       .suwis-banner {
        padding-bottom: 0;
        width: 100%;
        padding-top: 45px;
        /*width: 1000px;*/
        text-align: center;
    }

    .suwis-banner img {
        overflow: hidden;
        /*margin-left: -42%;*/
    }
}