html, body {
    position: relative;
    height: 100%;
}
.h5_banner_none {
    display: none;
}
.pc-banner {
    background: url(images/top_main_bg01.jpg) no-repeat center top/100% auto;
    width: 100%;
    float: left;
}

.swiper-container {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    height: 215px;
}


.swiper-slide {
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-slide-active, .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

}

.none-effect {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.swiper-slide a {
    display: block;
}

.swiper-slide-active a:after {
    background: none;
}

.swiper-slide img {
    width: 100%;
    display: block;
}


.swiper-pagination {
    position: relative;
    margin-bottom: 30px;
}

.swiper-pagination-bullet {
    background: #00a0e9;
    margin-left: 4px;
    margin-right: 4px;
    width: 17px;
    height: 17px;
    opacity: 1;
    margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    background: #FFF;
    border: 6px solid #00a0e9;
    margin-bottom: 0;
}

.swiper-no-swiping {
    height: 348px !important;
}

.swiper-slide-active {
    height: 100% !important;
}


.swiper-pagination-bullet {
    background: #fff;
    margin-left: 4px;
    margin-right: 4px;
    width: 8px;
    height: 8px;
    opacity: 0.8;
    margin-bottom: 4px;
    border-radius: 8px;
}

.swiper-pagination-bullet-active {
    background: #c0191f;
    border: none;
}

.subbrand_return {
    color: #fff;
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 11;
}
.swiper-no-swiping .shi {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #b1a367;
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.swiper-no-swiping .jia {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #0096df;
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.swiper-no-swiping .han {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.swiper-no-swiping .bai {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #8d8b00;
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.swiper-no-swiping .e2 {
    background: #7d4697;
}
.swiper-no-swiping .xin2 {
    background: #eecb1e;
}
.swiper-no-swiping .yi2 {
    background: #003763;
}
.swiper-no-swiping .yunw {
    background: #a50000;
}
.swiper-no-swiping .mo2 {
    background: #00793c;
}
.swiper-no-swiping .ru2 {
    background: #b86b79;
}
.swiper-no-swiping .shangq {
    background: #727171;
}
.swiper-no-swiping .jingw {
    background: #938168;
}
.swiper-no-swiping .ge2 {
    background: #4295b1;
}
.swiper-no-swiping .su1 {
    background: #685040;
}
.swiper-no-swiping .yi1 {
    background: #987023;
}
.swiper-no-swiping .zhii {
    background: #644848;
}
.swiper-no-swiping .zun2 {
    background: #c4a958;
}
.swiper-no-swiping .xiu4 {
    background: #e50012;
}
.swiper-no-swiping .mi4 {
    background: #32b9d9;
}
.swiper-no-swiping .jing4 {
    background: #c0ac49;
}
.swiper-no-swiping .pu4 {
    background: #cec5a6;
}
.swiper-no-swiping .nan4 {
    background: #009844;
}
.swiper-no-swiping .jian4 {
    background: #ff7300;
}
.swiper-no-swiping .sby {
    background: #b1a367;
}
.swiper-no-swiping .yunik {
    background: #6d3b46;
}
.center_hkl_subbrand .subbrand_img {
    width: 204px !important;
    height: 121px !important;
}
.center_hkl_subbrand .high_end_buttom img {
    height: 185px;
    width: 50% !important;
    margin: 0;
    display: inline-block;
}

.center_hkl_subbrand .high_end_buttom {
    padding-left: 5%;
    padding-right: 4%;
    padding-bottom: 28px;
}
.center_hkl_subbrand .subbrand_imgquan {
    width: 323px !important;
    height: 595px !important;
}
.center_hkl_subbrand .subbrand_jia {
    height: 156px !important;
}
.center_hkl_subbrand .subbrand_tu {
    width: 94% !important;
    height: 143px !important;
}
.center_hkl_subbrand .high_end_buttom span {
    font-size: 13px;
    color: #333333;
    line-height: 26px;
    width: 46%;
    margin-left: 5px;
    text-indent: 1em;
    vertical-align: top;
    letter-spacing: 1px;
    display: inline-block;
}
.center_hkl_subbrand p {
    color: #666;
}
.subbraand .swiper-wrapper .swiper-slide, .subbraand .swiper-pagination-bullet {
    display: none;
}
.subbraand .swiper-wrapper .swiper-slide-active, .subbraand .swiper-pagination-bullet-active {
    display: inline-block;
}
.swiper-wrapper .swiper-slide a img {
    opacity: 1 !important;
}