.ban{background:url("../images/single_staff_banner.jpg") center center no-repeat;width:100%;min-height:280px;margin-top:91px;padding-top:53px;}
.ban .brd{display:block;width:100%;clear:both;color:#fff;text-align:center;margin-bottom:21px}
.ban .brd span,
.ban .brd a{display:inline-block;vertical-align:top;font-size:16px;color:#fff;}
.ban h1{text-align:center;font-size:50px;margin-bottom:30px}
.ban .pos{display:block;text-align:center;color:#fff;font-size:21px;line-height:1.14em;display:block;text-transform:uppercase;font-weight:500;}
.ban .loc{display:block;text-align:center;color:#7cb5c1;font-size:21px;display:block;text-transform:uppercase;font-weight:500;}
.s1{padding:56px 0;margin-bottom:102px}
.s2 .row,
.s3 .row,
.s1 .row{max-width:1696px;}
.s1 .thmb{border:7px solid #f4f4f4;padding:15px 15px 15px;}
.s1 .thmb img{display:block;margin-bottom:25px;width:100%}
.s1 .thmb .btns{display:block;width:100%;text-align: center}
.s1 .thmb .btns .btn{padding-top:16px;background:#15253b;;margin:0 7px 15px;padding-left:35px;width:205px;height:66px;vertical-align:top;color:#fff;font-size:23px;font-weight:700;display:inline-block;text-transform:uppercase}
.s1 .thmb .btns .btn.em{background:url("../images/ic_s_em.png") 30px 22px no-repeat #15253b;}
.s1 .thmb .btns .btn.tw{background:url("../images/ic_s_tw.png") 30px center no-repeat #15253b;}
.s1 .thmb .btns .btn.fb{background:url("../images/ic_s_fb.png") 30px center no-repeat #15253b;}
.s1 .thmb .btns .btn.ph{background:url("../images/ic_s_ph.png") 30px 22px no-repeat #15253b;}
.s1 .thmb .btns .btn:hover{background-color:#ff5a00;}
.s1 p{color:#545454;font-size:20px;line-height:1.65em;margin-bottom:35px;font-weight:400}
.s2 .no_related{font-size:18px}
.s1 li a,
.s1 p a{color:#e39a07}
.hd{border-bottom: 4px solid #a8b6e0;padding-bottom:8px;margin-bottom:12px}
.hd h3{display:inline-block;font-size:40px;margin-bottom:0px}
.hd .btn{padding-top:8px;float:right;width:194px;height:45px;background:#efefef;color:#7a7a7a;;font-weight:700;text-transform:uppercase;text-align:center;font-size:21px;}
.hd .btn:hover{background-color:#ff5a00;color:#fff;}
.s2{margin-bottom:33px}
.s2 .item{padding:29px;cursor: pointer;}
.s2 .item a.th{margin-bottom:38px;display:block}
.s2 .item .title{color:#a7a7a7;text-transform:uppercase;font-size:16px;margin-bottom:19px;display:block;}
.s2 .item h4 a{color:#232323;font-size:30px;font-weight:500;line-height:1.23em}
.s2 .item p{color:#545454;font-size:18px;line-height:1.5em;font-weight:400;}
.s2 .item:hover{background:#6273a7}
.s2 .item:hover .title{color:#e3e8f8}
.s2 .item:hover h4 a{color:#fff;}
.s2 .item:hover p{color:#e3e8f8}

.blc{padding-bottom:36px;}
.blc h4 {font-weight:500;margin-bottom:21px}
.blc h4 a{color:#232323;font-size:30px;}
.blc .date{color:#878787;font-size:18px;margin-left:15px}
.blc p{font-size:18px;line-height:1.72em;padding-right:16px}
.blc .it{border-bottom:1px solid #cbcbcb;}
.blc .thumb{margin:0 auto;display:block;text-align:center}
.blc .it_ic{padding:50px 0 30px;margin:5px 0;}
.blc .it:hover .it_ic{background:#6273a7}
.blc .it:hover h4 a{color:#fff}
.blc .it:hover p{color:#fff;}
.blc .it:hover .date{color:#fff}
.blc .it:last-child{border-bottom:none}

.blc .bc{display: block;text-align: center;margin:30px 0;}
.blc .bc .btn1{max-width:195px;height:43px;padding-top:7px;font-size:20px;color:#7a7a7a;background:#efefef;}
.blc p.no_result{display:block;text-align:center;font-size:18px;padding:40px 0}

@media screen and (min-width: 1920px){
    .ban{background-size:cover;}
}
@media screen and (max-width: 1440px){
    .s2 .item h4 a{font-size:24px}

   
}
@media screen and (max-width:1366px){

    .s2 .item h4,
    .s2 .item h4 a{font-size:21px;line-height:1.38em}
    .s2 .item p{font-size:16px;line-height:1.81em}
    .blc h4 a{font-size:23px}
    .s1 .thmb .btns .btn{max-width:220px;}
    .s1 .thmb .btns .btn.tw{background-position:19px 21px}
    .s1 .thmb .btns .btn.fb{background-position:19px 21px}
    .s1 .thmb .btns .btn.ph{background-position:24px 21px;}
}
  
  @media screen and (max-width:1279px){
    .s1 p{font-size:16px}
    .s2 .item{padding:15px}
    .s2 .item .title{font-size:14px}
    .s2 .item h4,
    .s2 .item h4 a{font-size:18px;line-height:1.44em}
    .s2 .item p{font-size:14px;line-height:1.85em}
    .blc .date{font-size:14px}
    .blc h4{margin-top:10px;line-height:1.33em}
    .blc h4 a{font-size:18px;}
    .blc p{font-size:16px;line-height:1.75em}
    .s1 .thmb .btns .btn{max-width:175px;background-position:22px 22px}
    .s1 .thmb .btns .btn.em{background-position:18px 22px}
    .s1 .thmb .btns .btn.ph{background-position:18px 22px}

    
   
  }
  
  @media screen and (max-width: 1023px){
    .s1 .thmb{max-width:480px;display:block;margin: 0 auto 20px}
    .s2 .item p{line-height:1.6em}
    .ban h1{font-size:32px}
    .ban .pos{font-size:16px}
    .ban .loc{font-size:16px}
    .blc .date{text-align:center;display:block;margin-bottom:10px}
    .blc h4{display:block;text-align: center}
    .blc p{text-align:center}
    .blc .it{max-width:80%;margin:0 auto;}
    .blc .it p{padding:0 15px}
    .blc .it_ic{padding-top:20px}
    .blc h4 a{padding:0 15px}
  }

  @media screen and (max-width: 639px){
    .ban h1{font-size:24px}
    .ban .pos{font-size:14px}
    .ban .loc{font-size:14px}
    .s1 .thmb .btns .btn{max-width:100%;width:100%;margin:0px 0 10px}
    .s1 .thmb .btns .btn.ph{max-width:100%;width:100%;}
    .hd{padding-bottom:18px}
    .hd h3{font-size:16px}
    .hd .btn{font-size:16px;height:auto;margin-bottom:5px;padding:5px 10px;width:auto}
    .s2 .item{max-width:475px;margin:0 auto}
    .s1 .ic{max-width:475px;margin:0 auto;display:block;}
    .blc .it{max-width: 100%;}
   
  }