@charset "UTF-8";
.manage-box{
    overflow: hidden;
    padding: 2rem 5%;
    width: 100%;
}

.manage-box .title{
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

.manage-box .title span{
    padding-bottom: 0.3rem;
    border-bottom: solid 4px #666666;
}

.manage-box .member{
    width: 33%;
    float: left;
    display: inline-block;
    padding: 3rem 2rem;
}

.manage-box img{
    width: 100%;
    height: auto;
}

.manage-box .name{
    font-size: 30px;
    font-weight: bold;
    padding: 1rem 0;
    position: relative;
    left:10%;
}
.manage-box .position{
    font-size: 1rem;
    position: relative;
    left:10%;
}
.member a{color:#666;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
/* item-box */
.item-box{width:100%; overflow:hidden;}
.item-box ul{width:100%;}
.item-box ul li{float:left;margin-right:6px;margin-bottom:10px;display:inline;width:100%;height:auto;overflow:hidden;position:relative;}
.item-box ul li .photo{width:100%;height:auto;overflow:hidden;}
.item-box .rsp{width:100%;height:100%;overflow:hidden;position: absolute;background:#000;top:0px;left:0px; z-index: 1; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}
.item-box .text{position:absolute;width:95%;margin:2rem;top:0px;overflow:hidden; z-index:2; color:#FFF; left:-1000px; font-size:14px;}
.item-box .text h3{width:100%;margin-top:100px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}
.item-box .text a{text-decoration:none}

/*董事会开始*/
.header-box{
    width: 100%;
    overflow: hidden;
    background-color: #ececec;
    padding-left: 5%;
   padding-bottom: 5rem;
}
.header-box .title{
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding-top: 2rem;
}
.header-box .title span{
    padding-bottom: 0.3rem;
    border-bottom: solid 4px #666666;
}
.header-box .member{
    margin:3rem 3rem 0 1rem ;
    float: left;
    display: inline-block;
    background-color: #fff;
    width: 28%;
}
.header-box .member img{
    width: 100%;
}

.header-box .name{
    font-size: 30px;
    font-weight: bold;
    padding: 1rem 0;
    position: relative;
    left:10%;
}
.header-box .detail{
    font-size: 1rem;
    padding-bottom: 1.5rem;
    position: relative;
    left:10%;
    width: 90%;
    min-height: 6rem;
}
.header-box .detail span{
    display: block;
}
.header-box .detail span:before{
    content: "-";
}

@media  screen and (max-width: 768px) {
    header,.head {
        background: #eff0f4;
    }
    .m-visible {
        padding-top: 30px;
        display: block;
    }
    /*移动端首屏*/
    .m-img-text-box .text-box {
        top:50%;
        padding-left: 8%;
        padding-right: 5%;
    }

    /*董事会开始*/
    .m-header-box{
        width: 100%;
        background-color: #ececec;
    }
    .m-header-box .title{
        margin: 0 auto;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .m-header-box .title span{
        padding-bottom: 0.3rem;
    }
    .m-header-box .members-box{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        overflow: hidden;
    }
    .m-header-box .member{
        width: 100%;
        margin-bottom: 1rem;
        background-color: #fff;
    }
    .m-header-box .member img{
        width: 100%;
    }
    .m-header-box .name{
        font-size: 18px;
        font-weight: bold;
        padding: 1rem 0;
        position: relative;
        left:10%;
    }
    .m-header-box .detail{
        font-size: 14px;
        padding-bottom: 1rem;
        position: relative;
        left:10%;
        width: 90%;
        min-height: 4rem;
    }
    .m-header-box .detail span{
        display: block;
    }
    .m-header-box .detail span:before{
        content: "-";
    }
    .item-info{position:fixed; top:0; display:block; left:-5000px; width:100%; height:100%; background:#FFF; z-index:9999;}
    .item-info .goback{width:100%; height:20px; line-height:20px; margin-bottom:20px; font-size:12px; padding:0px 10px; text-align:center; position:relative;}
    .item-info .goback a{color:#333; position:absolute; right:20px; top:10px;}
    .item-info .goback img{width:20px;}
    .item-info .photo{width:45%; float:left; margin:0px 20px 30px 30px;}
    .item-info .photo img{width:100%; border-radius:50%;}
    .item-info .name{font-size:16px; margin:60px 0 10px 0;}
    .item-info .detail{font-size:12px; margin-right:30px;}
    .item-info .detail span{display:block;}
    .item-info .detail span:before{
        content: "-";
    }
    .item-info .text{padding:10px 0px; font-size:14px; clear:both; padding-top:10px; border-top:1px solid #CCC; margin:0px 30px;}
    .item .more{font-size:14px; text-align:right; padding-right:20px; padding-bottom:10px; color:#6ac3cf;}
    .item .icon-more::before {
        content: "\e634";
        box-sizing: border-box;
        margin-right:5px;
    }
}