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

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

    .hengbok-about-us .about .flower { position: absolute; bottom: -2rem; right: -3.6rem; z-index: 1; opacity: 0.2; }

    .hengbok-about-us .about .swiper-pagination { position: absolute; bottom: 0.16rem; width: 100%; z-index: 2; }
    .hengbok-about-us .about .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-about-us .about .swiper-pagination span + span { margin-top: 0.08rem; }

    .hengbok-about-us .about { position: relative; padding: 0.32rem 0; background: url(../image/tile.png) repeat; }
    .hengbok-about-us .about .company-name { padding: 0.08rem; background: #CBB8A8; }
    .hengbok-about-us .about .company-name span { display: block; padding: 0.08rem; border: 0.01rem solid rgba(255,255,255,0.7); line-height: 0.4rem; letter-spacing: 0.02rem; font-size: 0.24rem; color: #FFF; }

    .hengbok-about-us .team .unit .box { position: relative; padding: 0.32rem; background: rgba(255,255,255,0.9); border-radius: 0.02rem; box-shadow: 0 0 0.08rem rgba(0,0,0,0.02); overflow: hidden; }
    .hengbok-about-us .team .unit .box .info { padding-left: 1.28rem; overflow: hidden; }
}

@media ( min-width : 360px) { 

} 

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

}

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

} 

/*PC电脑*/
@media ( min-width : 1200px) { 

    .hengbok-about-us .about .flower { opacity: 1; }

    .hengbok-about-us .about .swiper-pagination span { width: 0.16rem; height: 0.16rem; }
    .hengbok-about-us .about .swiper-pagination span + span { margin-top: 0.16rem; }

    .hengbok-about-us .about { padding: 0.64rem 0; }
    .hengbok-about-us .about .company-name { padding: 0.16rem; }
    .hengbok-about-us .about .company-name span { padding: 0.16rem; line-height: 0.48rem; font-size: 0.3rem; }

    
    .hengbok-about-us .team .unit .box { height: 1.6rem; }
    .hengbok-about-us .team .unit .box .info { height: 0.96rem; }

} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 

}

/*=== Style ===*/
.hengbok-about-us .about .uk-container { position: relative; z-index: 2; }

.hengbok-about-us .about .picture { position: relative; }
.hengbok-about-us .about .swiper-container { position: relative; z-index: 2; }
.hengbok-about-us .about .swiper-pagination span:hover,
.hengbok-about-us .about .swiper-pagination .swiper-pagination-bullet-active { background: #CBB8A8; border-color: rgba(255,255,255,0.9); }

.hengbok-about-us .about .content { padding: 0.32rem 0; line-height: 0.28rem; color: #9E9E9E; }

.hengbok-about-us .team { padding: 0.64rem 0 1.6rem 0; background: #F0ECE9; }
.hengbok-about-us .team .title { padding-bottom: 0.32rem; line-height: 0.48rem; letter-spacing: 0.02rem; font-size: 0.3rem; color: #C8B8AB; }
.hengbok-about-us .team .unit + .unit { padding-top: 0.32rem; }
.hengbok-about-us .team .unit .box .avatar { position: absolute; max-width: 0.96rem; border-radius: 50%; overflow: hidden; }
.hengbok-about-us .team .unit .box .info .name-box { padding: 0.08rem 0; }
.hengbok-about-us .team .unit .box .info .name-box .job { position: relative; margin-left: 0.32rem; font-size: 0.14rem; color: #C8B8AB; }
.hengbok-about-us .team .unit .box .info .name-box .job::before { content: ""; display: block; position: absolute; left: -0.16rem; top: 50%; margin-top: -0.005rem; width: 0.08rem; height: 0.01rem; background: #C8B8AB; }
.hengbok-about-us .team .unit .box .info .text { line-height: 0.26rem; font-size: 0.14rem; color: #9E9E9E; }
.hengbok-about-us .team .more { margin-top: 0.64rem; }
.hengbok-about-us .team .more span,
.hengbok-about-us .team .more i { display: inline-block; padding: 0.12rem; background: rgba(255,255,255,0.9); box-shadow: 0 0 0.08rem rgba(0,0,0,0.02); border-radius: 0.04rem; cursor: pointer; }
.hengbok-about-us .team .more span { font-size: 0.14rem; color: #9E9E9E; }
.hengbok-about-us .team .more i:hover { background: #C8B8AB; box-shadow: 0 0 0.12rem rgba(0,0,0,0.04); color: #FFF; }