body{
    font-family: "Microsoft Yahei", "微软雅黑", "Arial";
}
.contents{width: 1280px;margin: 0 auto;display: block;}

.wrap {width:1280px; margin-right:auto; margin-left:auto;display: table;}
/* .mwrap {max-width:1366px; margin-right:auto; margin-left:auto;} */

.zwh{margin-top: 60px;}
.common_smaltit .line{width: 46px;
    height: 4px;
    background: #B76E12;}
.common_smaltit .tit{
    padding-top: 12px;
    padding-bottom: 50px;
font-weight: 600;
font-size: 32px;
color: #333333;
line-height: 45px;
text-align: justify;
font-style: normal;
}
.zwh .content .zwhimg{
    float: left;
}
.zwh .content .zwhmc{
    float: left;
    width: 787px;
    height: 338px;
    background: linear-gradient( 90deg, #FAF5ED 0%, #FFFFFF 100%);
    border-radius: 2px;
}
.zwh .content .zwhmc .name{

font-weight: 600;
font-size: 30px;
color: #000000;
line-height: 42px;
text-align: justify;
font-style: normal;
margin-top: 88px;
margin-left: 90px;
}
.zwh .content .zwhmc .zw{
margin-top: 20px;
font-weight: 400;
font-size: 22px;
color: #333333;
line-height: 30px;
text-align: justify;
font-style: normal;
margin-left: 90px;
}

.dsh{
    margin-top: 80px;
}

/* 公共大标题 */
.common_bigtit .tit{font-size:36px; line-height:36px; color:#552a03; margin-bottom:15px;}
.common_bigtit .con{font-size:14px; line-height:24px; color:#777; }


 .infor{margin-bottom:50px;margin-top: 30px;}
 .infor .tit{position:relative; padding-left:36px; 
    font-weight: 600;
    font-size: 32px;
    color: #333333;
    line-height: 45px;
    text-align: justify;
    font-style: normal;}
 .infor .tit::before{content:""; position:absolute; left:0; top:14px;  height:16px; width:16px; border-radius:50%; background:#000;}
 .content .role_table{text-align:center; display: table;}
 .content .role_table .cell{float:left; box-sizing:border-box; width:270px; height:100px; font-size:24px; line-height:33px; /*font-weight:bold;*/ color:#000; display:flex; align-items:center; justify-content:center;
    border-bottom: 1px solid #E4E4E4;flex-direction: column;}


 .content .role_table .row{box-sizing:border-box; display: table;}
 .content .role_table .cell.cell_head{width: 199px;; background:#FAF5ED; }
 .content .role_table .cell-top{position: relative;height: 100px;}
       
 .content .role_table .cell-top:before {
        content: '';
        position: absolute;
        width: 1px;
height: 220px;
top: 0;
left: 0;
background-color: #E4E4E4;
display: block;
transform: rotate(-63deg);
transform-origin: top;
-ms-transform: rotate(-75deg);
-ms-transform-origin: top;
      }
      .content .role_table .cell-top .xm{
        position: absolute;
        bottom: 17px;
        left: 20px;
      }
      .content .role_table .cell-top .zw{
        position: absolute;
        top: 16px;
        right: 20px;
      }
.content{display: table}
.content .role_table .row.row_head .cell{border: none;}
 .content .role_table .row.row_head{background:#FAF5ED;height: 100px;border-bottom:2px solid #FFFFFF;}
 .content .role_table .row.row_head .cell.cell1{border-left:3px solid #fff;}
 .content .role_table .row .cell.cell_head{border-right:2px solid #FFFFFF;border-bottom: none;}
 .content .role_table .cell .dot{display:block; width:18px; height:18px; border-radius:50%;}
 .content .role_table .cell .dot.active{display:block;}
 .content .role_table .cell .active-cy {background:#55A2D9;}
 .content .role_table .cell .active-zx {background:#E57C11;}
 .wrap .boottom-bg{
font-weight: 400;
font-size: 18px;
color: #333333;
line-height: 25px;
text-align: justify;
font-style: normal;
margin-top: 26px;
 }
 .wrap .boottom-bg .active-cy {background:#55A2D9;display: inline-block; width:18px; height:18px; border-radius:50%;top: 3px;
    position: relative;margin: auto 10px;
}
 .wrap .boottom-bg .active-zx {background:#E57C11; display: inline-block;width:18px; height:18px; border-radius:50%;top: 3px;
    position: relative;margin: auto 10px;
}
/* 公司高层 */
.contents .gc_common_list{display: table;}
.contents .gc_common_list .item{float:left; box-sizing:border-box; width: 400px;; margin-right:40px; padding:0; /*border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; */}
.contents .gc_common_list .item:nth-child(3n){margin-right: 0;}
.contents .gc_common_list .item>a{display:block;}
.contents .gc_common_list .item .intro{background:#FAF5ED; padding:20px 10px; text-align:center; margin-bottom:20px;}
.contents .gc_common_list .item .intro .tit{
font-weight: 600;
font-size: 26px;
color: #000000;
line-height: 37px;
text-align: justify;
font-style: normal;
text-align: center;
}
.contents .gc_common_list .item .intro .con{
font-weight: 400;
font-size: 20px;
color: #333333;
line-height: 28px;
text-align: justify;
font-style: normal;
text-align: center;
padding-top: 8px;
}
.contents .gc_common_list .item ul{height:112px;}
.contents .gc_common_list .item .line{position:relative; padding-left:22px; 
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 25px;
    text-align: justify;
    font-style: normal;
    margin-bottom: 12px;
}
.contents .gc_common_list .item .line::before{content:""; position:absolute; left:3px; top:11px; margin-top:-3px; width:10px; height:10px; border:1px solid #D7D7D7; border-radius:50%; }
.contents .gc_common_list .item .line::after{content:""; position:absolute; left:0; top:11px; margin-top:-6px; width:16px; height:16px; border:1px solid #D7D7D7; border-radius:50%; }
.footer{margin-top: 37px;}


@media (max-width:750px) {
    .contents{width: auto;padding: 0 14px;}
    .common_smaltit .tit{height: 28px;padding-bottom: 20px;padding-top: 4px;font-size: 20px;line-height: 28px;letter-spacing: 1px;}
    .common_smaltit .line{width: 23px;height: 2px;}
    .zwh .content .zwhimg,
    .wrap{width: 100%;}
    .zwh{margin-top: 27px;margin-bottom: 40px;}
    .zwh .content .zwhimg img{width: 100%!important;height: auto!important;}
    .zwh .content .zwhmc{width: 100%;height: 90px;background: #FAF5ED;border-radius: 1px;}
    .zwh .content .zwhmc .name{margin-top: 20px;text-align: center;font-size: 19px;line-height: 27px;margin-left: auto;}
    .zwh .content .zwhmc .zw{margin-top: 2px;margin-left: auto;font-size: 14px;line-height: 20px;text-align: center;}
    .content{width: 100%;}
    .contents .gc_common_list .item{width: 49%;margin-right: 0px;}
    .contents .gc_common_list .item:nth-child(2n){margin-right:  0;margin-left: 2%;}
    .contents .gc_common_list .item .intro .tit{font-size: 18px;line-height: 25px;}
    .contents .gc_common_list .item .intro .con{font-size: 14px;line-height: 20px;padding-top: 2px;}
    .contents .gc_common_list .item .intro{padding: 9px;margin-bottom: 10px;}
    .contents .gc_common_list .item .line{font-size: 12px;line-height: 17px;margin-bottom: 10px;}
    .contents .gc_common_list .item .line::after{width: 10px;height: 10px;}
    .contents .gc_common_list .item .line::before{width: 7px;height: 7px;left: 2px;top: 10px;}
    .contents .gc_common_list{width: 100%;}
    .dsh{margin-top: 0px;}
       /* 董事会专门委员角色与分工 */
    .infor{margin-top: 40px;}
    .infor .tit{font-size: 20px;line-height: 28px;padding-left: 18px;}
    .infor .tit::before{width: 8px;height: 8px;}
    .new23_gsgc02{overflow-x: scroll;}
    .content .role_table .cell{font-size: 14px;line-height: 20px;height: 40px;}
    .content .role_table .cell.cell_head{width: 114px;}
    .content .role_table{width: 1200px;}
    .content .role_table .row.row_head{height: 40px;}
    .content .role_table .cell-top:before{height: 118px;transform: rotate(-70deg);}
    .content .role_table .cell-top .zw{top: 2px;right: 13px;}
    .content .role_table .cell-top .xm{bottom: 2px;left: 13px;}
    .cell-name{font-size: 12px!important;line-height: 17px;}

    .wrap .boottom-bg{font-size: 12px;margin-top: 13px;line-height: 17px;margin-bottom: 12px;}
    .contents .gc_common_list .item ul{height: 112px!important;}
}

@media(min-width:750px) and (max-width:1280px){
    .contents{width: auto;padding: 0 28px;}
    .common_smaltit .tit{width: auto;height: 56px;padding-bottom: 40px;padding-top: 8px;font-size: 40px;line-height: 56px;letter-spacing: 2px;}
    .common_smaltit .line{width: 46px;height: 4px;}
    .zwh .content .zwhimg,
    .wrap{width: 100%;}
    .zwh{margin-top: 53px;}
    .zwh .content .zwhimg img{width: 100%!important;height: auto!important;}
    .zwh .content .zwhmc{width: 100%;height: 180px;background: #FAF5ED;border-radius: 2px;}
    .zwh .content .zwhmc .name{margin-top: 41px;text-align: center;font-size: 38px;line-height: 53px;margin-left: auto;}
    .zwh .content .zwhmc .zw{margin-top: 4px;margin-left: auto;font-size: 28px;line-height: 40px;text-align: center;}
    .content{width: 100%;}
    .contents .gc_common_list .item{width: 49%;margin-right: 0px;}
    .contents .gc_common_list .item:nth-child(2n){margin-right:  0;margin-left: 2%;}
    .contents .gc_common_list .item .intro .tit{font-size: 36px;line-height: 50px;}
    .contents .gc_common_list .item .intro .con{font-size: 28px;line-height: 40px;padding-top: 4px;}
    .contents .gc_common_list .item .intro{padding: 18px;margin-bottom: 20px;}
    .contents .gc_common_list .item .line{font-size: 24px;line-height: 33px;margin-bottom: 20px;}
    .contents .gc_common_list .item .line::after{width: 20px;height: 20px;}
    .contents .gc_common_list .item .line::before{width: 13px;height: 13px;left: 3px;top: 12px;}
    .contents .gc_common_list{width: 100%;}
 
    /* 董事会专门委员角色与分工 */
    .infor{margin-top: 80px;}
    .infor .tit{font-size: 40px;line-height: 56px;top: 20px;}
    .infor .tit::before{width: 16px;height: 16px;}
    .new23_gsgc02{overflow-x: scroll;}

    .content .role_table .cell{font-size: 28px;line-height: 30px;height: 80px;}
    .content .role_table .cell.cell_head{width: 227px;}
    .content .role_table{width: 1314px;}
    .content .role_table .row.row_head{height: 80px;}
    .content .role_table .cell-top:before{height: 236px;transform: rotate(-70.5deg);}
    .content .role_table .cell-top .zw{top: 10px;right: 16px;}
    .content .role_table .cell-top .xm{bottom: 10px;left: 16px;}
    .cell-name{font-size: 24px!important;line-height: 33px;}

    .wrap .boottom-bg{font-size: 24px;margin-top: 26px;line-height: 34px;margin-bottom: 24px;}
}