/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/


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

    .hengbok-home-banner { position: relative; margin-top: 0.56rem; padding: 0; background: #FFF url(../images/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; }