/*=== 作者：Distantmemory - 时间：2018年11月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 

    .hengbok-home-banner { position: relative; margin-top: 0.56rem; padding: 0; background: #FFF url(../../../resource/hengbok/images/background/tile.gif) repeat center; }

    .hengbok-home-banner .swiper-pagination { position: absolute; top: 50%; left: 0; width: 0.56rem; z-index: 2; }
    .hengbok-home-banner .swiper-pagination span { display: block; margin: auto; width: 0.12rem; height: 0.12rem; background: rgba(255,255,255,0.9); border: 0.02rem solid #CBB8A8; outline: none; opacity: 1; 
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s; 
        transition: all 0.5s; }
    .hengbok-home-banner .swiper-pagination span + span { margin-top: 0.08rem; }

    .hengbok-home-banner .background { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.8rem; background: #F6F6F7; z-index: 1; }

}

@media ( min-width : 360px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {

} 

/*PC电脑*/
@media ( min-width : 1200px) { 
    
    .hengbok-home-banner { margin-top: 0; padding: 0 1.2rem; }

    .hengbok-home-banner .swiper-pagination { width: 1.2rem; }
    .hengbok-home-banner .swiper-pagination span { width: 0.16rem; height: 0.16rem; }
    .hengbok-home-banner .swiper-pagination span + span { margin-top: 0.16rem; }

} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
    .hengbok-home-banner .background { height: 1.6rem; }

}

/*=== Style ===*/
.hengbok-home-banner .swiper-container { position: relative; z-index: 2; }

.hengbok-home-banner .swiper-pagination span:hover,
.hengbok-home-banner .swiper-pagination .swiper-pagination-bullet-active { background: #CBB8A8; }

.hengbok-home-banner .slogan { display: none; position: absolute; top: 0; right: 0; padding: 0.08rem 0; width: 1.2rem; z-index: 2; }
.hengbok-home-banner .slogan span { display: block; margin: auto; width: 0.2rem; line-height: 0.2rem; word-wrap: break-word; color: #505050; }