body{
    margin:0px;
    padding:0px;
}
.myiconfont{
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.std_title_one{
    font-size:18px;
}
.std_btn{
    border:1px solid #eee;
    text-align:center;
    height:50px;
    line-height:50px;
    border-radius:5px;
    width:150px;
    background-color:#333;
    color:#fff;
    cursor:pointer;
}
.pubbtnpdstd{
    padding:15px 20px;
}
.pubbtnpdmid{
    padding:20px 30px;
}
.pubbtnpdbig{
    padding:25px 40px;
}
.margin-bottom15{
    margin-bottom:15px;
}
.pubftsz10{
    font-size:10px;
}
.pubftsz14{
    font-size:14px;
}
.pubftsz18{
    font-size:18px;
}
.pubftsz22{
    font-size:22px;
}
.pubftsz26{
    font-size:26px;
}
.pubftsz30{
    font-size:30px;
}
.pubftsz40{
    font-size:40px;
}
.pubftsz50{
    font-size:50px;
}
.pubftsz80{
    font-size:80px;
}
.pubftsz100{
    font-size:100px;
}
.pubbtnrd_no{
    border-radius:0px;
}
.pubbtnrd_5{
    border-radius:5px;
}
.pubbtnrd_10{
    border-radius:10px;
}
.pubbtnrd_50{
    border-radius:50px;
}
.pubpd0{
    padding:0px;
}
.margin_auto{
    margin:auto;
}
.topradius{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.bottomradius{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/** 公共css 可提取出去 自动限制宽高比的图片框  **/

 .myse_bdd{
    border:1px solid rgb(12, 12, 12);
}
.boxtipsbditms{
    border-top: 1px red dashed;
    border-bottom: 1px red dashed;
}
.mybdlineintro{
    background-color:#ececec;
}
.mybdlineintroflash{
    background: #fff;
}
.myblockmenk{
    opacity: 0.9;
}
.myse_sdb{
    box-shadow: 3px 3px 20px rgba(12, 12, 12,0.28);
}

h1,h2,h3,h4{
    padding:10px 5px;
    line-height:1.4;
}
p{
    padding-left:5px;
}
.my_sub_desp, p{
    font-size:18px;
    line-height:1.5;
}
.swiper-pagination-bullet-active{
    background: rgb(12, 12, 12);
}
.swiper-button-next, .swiper-button-prev{
    color:rgb(12, 12, 12);
}
.swiper-bottom-pad{
    padding-bottom:40px;
}
#loader-1::before{
    border: 2px solid transparent;
    border-top-color: rgb(12, 12, 12);
    border-top-width: 2px;
}  
.js-my-replace-txt img{
      max-width:100%;
  }
  .mytxttable td{
      padding:10px;
      border:1px solid #ddd;
  }
  .mytxttable{
      margin:10px 0;
  }
  
.iconckbtbox {
    width: 50px;
    margin-top: 15px;
    text-align: center;
  }
  .iconckbtbox svg path {
    fill: none;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.4s;
  }
  .iconckbtbox.activecs svg path:nth-child(1){
      d:path("M10, 5 L90,85");
  }
  .iconckbtbox.activecs svg path:nth-child(2){
      opacity: 0;
  }
  .iconckbtbox.activecs svg path:nth-child(3){
      d:path("M10, 85 L90,5");
  }
      .js-my-replace-img,.js-my-replace-txt{
          cursor:pointer;
          word-break: break-word;
      }
      .btmgwgogo:hover{
          font-weight:600;text-decoration:underline;
      }
      lhz{display:block;padding:0;margin:0}
      .boxdivborder{
          width:100%;
          height:50px;
          line-height:50px;
          text-align:center;
          background-color:#333;
          color:#fff;
      }
      .myfullwidth img,.myfullimg{
          width:100%;
      }
      .bgsize100{
          background-size:100%;
      }
         .pubbtnrd_50p{
              width:50px;
              height:50px;
              line-height:50px;
              text-align:center;
              border-radius:50%;
              padding:0px;
          }
          .pubbtnrd_80p{
              width:80px;
              height:80px;
              line-height:80px;
              text-align:center;
              border-radius:50%;
              padding:0px;
          }
          .pubbtnrd_100p{
              width:100px;
              height:100px;
              line-height:100px;
              text-align:center;
              border-radius:50%;
              padding:0px;
          }
          .wt_bgcc, .cc_bgcc{
              background-color:#fff;
          }
          .wt_ftcc{
              color:#fff;
          }
          .bk_ftcc{
              color:#000;
          }
          .gray_ftcc{
              color:#eee;
          }
          .bk_bgcc{
              background-color:#000;
          }
          .pubcc{
              color:rgb(12, 12, 12) ; 
          }
          .pubbgcc{
              background-color:rgb(12, 12, 12) ; 
          }
          .pubbdcc{
              border-color:rgb(12, 12, 12) ; 
          }
          .stdpblock_one{
              margin-top:15px;
              line-height:20px;
          }
          .ctras_cc{
              color:#fff;
          }
          .web_ftcc{
              color:#fff;
          }
          .navboxcc .current{
              background-color:rgb(12, 12, 12) ;
              color:#fff;
          }
          .pubbtnbg{
              background-color:rgb(12, 12, 12) ; 
              border:none ; 
              color:#fff;
          }
          .pubbtnwtbg{
              background-color:#eee ; 
              border:none ; 
              color:#333;
          }
          .pubbtnline{
              border-color:rgb(12, 12, 12) ; 
              color:rgb(12, 12, 12);
          }
          .pubbtnline:hover{
              background-color:rgb(12, 12, 12) ; 
              border-color:#fff ; 
              color:#fff;
          } 
          .pubbtnbg:hover{
              background-color:#fff ; 
              border-color:rgb(12, 12, 12) ; 
              color:rgb(12, 12, 12);
          }    
          .nav_item_hover:hover,.nav_item_act{
              background-color:rgb(12, 12, 12) ;
              color: #fff;
          }
          .bold_hover:hover,.bold_hover_act{
              
          }
          .pubbtnrd_0p{
              background-color:rgba(0,0,0,0);
              color:rgb(12, 12, 12);
              padding:0px;
          }
          .pubbtnrd_0p:hover{
              background-color:rgba(0,0,0,0);
          }
          .pubbtnsdcc{
              box-shadow: 0 0 4px rgba(12, 12, 12,0.55), 0 4px 8px rgba(12, 12, 12,0.28);
          }
          .pubbtnsdhb{
              box-shadow: 0 0 4px rgba(0,0,0,0.8), 0 4px 8px rgba(0,0,0,0.28);
          }
          .pubreadcc{
              color:rgb(12, 12, 12);
          }
          .my_img_mask_out{
              position:relative;width:100%;height:100%;
          }
          .my_img_mask_inner{
              position:absolute;opacity:0.8;background:rgb(12, 12, 12);width:100%;height:100%;
          }
          .my_img_mask_inner:hover{
              display:block;
          }
          .inneritemstd{
              border:1px solid #ececec;
              border-radius:8px;
              box-shadow: 0 1px 3px rgba(26,26,26,.1);
          }
          .inneritemstd2{
              border:1px solid #ececec;
              border-radius:8px;
          }
          .inneritemstd3{
              border:1px solid #ececec;
              box-shadow: 0 1px 3px rgba(26,26,26,.1);
          }
          .inneritemstd4{
              border:1px solid #ececec;
          }
          .publinearcc{
               background-image: linear-gradient(to bottom , rgb(12, 12, 12),rgb(12, 12, 12),rgb(38,36,36),rgb(64,57,55),rgb(89,77,71),rgb(115,98,83))        }
          @media (max-width: 800px) {
              .autovcenterpox{
                  display: flex;
                  align-items: center;
              }
              .autopadding30_1,.myse_pdbg{
                   padding:5px;
              }
              .automg-bt-30{
                  margin-bottom:15px;
              }
              .automg-bt-100{
                  margin-bottom:20px;
              }
              .autopd-bt-100{
                  padding-bottom:20px;
              }
              .autopadding15,.myse_pda{
                   padding:5px;
              }
              .autopd-vt-big{
                  padding-top:15px;
              }
              .autopd-vt-bktit{
                  margin-bottom:15px;
              }
              .litdisplaybk{
                  display:block
              }
              .pubautow50_100{
                  width:100%;
              }
                  .pubautow40,.pubautow60{
                      width:100%;
                      display:block;
                  }    
              .justmbshow{
                  display:block;
              }
              .justpcshow{
                  display:none;
              }
              .fixedimgboxdiv_auto_big{
                  display: block;
                  width: 100%;
                  padding-top: 100%;
                  position: relative;
                  overflow:hidden;
              }
          }
          @media (min-width: 800px) {
              .pcclearfix{
                  clear:both;
              }
              .autovcenterpox{
                  display: flex;
                  align-items: center;
              }
              .autopadding30_1,.myse_pdbg{
                  padding:30px;
              }
              .automg-bt-30{
                  margin-bottom:30px;
              }
              .automg-bt-100{
                  margin-bottom:100px;
              }
              .autopd-bt-100{
                  padding-bottom:100px;
              }
              .autopadding15,.myse_pda{
                   padding:15px;
              }
              .autopd-vt-big{
                  padding-top:50px;
              }
              .autopd-vt-bktit{
                  margin-bottom:50px;
              }
              .pubautow50_100{
                  width:50%;
              }
              .pubautow40{
                  width:40%;
              }   
              .pubautow60{
                  width:60%;
              }   
              .justpcshow{
                  display:block;
              }
              .justmbshow{
                  display:none;
              }
              .autosz40{
                  font-size:40px;
              }
              .autosz60{
                  font-size:60px;
              }
              .autosz80{
                  font-size:80px;
              }
              .fixedimgboxdiv_auto_big{
                  display: block;
                  width: 100%;
                  padding-top: 50%;
                  position: relative;
                  overflow:hidden;
              }
          } 
          .myblocksetbtn{
              background-color: #333;
              padding-bottom:15px;
          }
          .myblocksetbtnsub{
              margin-left:5px;
              float:left;
              text-align: center;
              font-size:14px;
              cursor:pointer
          }
          .mybtnp_close{
               color: #fff;
               text-align:center;
          }     
          @media (min-width: 600px) {
               .clearpc{
                   clear:both;
               }
               .clearmb{
                   display:none;
               }
           }
           @media (max-width: 600px) {
               .clearpc{
                   display:none;
               }
               .clearmb{
                   clear:both;
               }
               .bktitbox h1{
                   font-size:28px;
                   margin:0px;
                   padding:10px 0;
               }
           }

@media (max-width:1200px) {
    #word_break_helper {
        display: block;
    }
}@media (min-width:1200px) {
    #word_break_helper {
        display: none;
    }
}


/* About US */
@media (max-width: 800px) {
    .sg_imgleft {
        float: left;
        width: 100%;
    }

    .sg_sayleft {
        float: right;
        width: 100%;
    }
}

@media (min-width: 800px) {
    .sg_imgleft {
        float: left;
        width: 50%;
    }

    .sg_sayleft {
        float: right;
        width: 50%;
    }
}

/* Face */
#bk_636 .mask_video_p_aft {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: rgba(5,5,5);
    opacity:0.8;
    z-index: 0;
}
#bk_636 .mask_video_p_bak:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(5,5,5);
    opacity:0.8;
    z-index: -1;
}
#bk_636 .mask_video_p_txt{
    width:100%;
}

@media (min-width: 800px) {   
    #bk_636 .mask_video_p_out{
        position:relative;width:100%;height:100%;
    }
    #bk_636 .mask_video_p_txt_out{  
        position:absolute;   
        top: -10%;
        display: flex;
        width:100%;
        height:100%;
        color:#fff;
        z-index:2;
        align-items: center;
        text-align:center;
    }
    #bk_636 .mask_video_p {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 1;
    }
    #bk_636 .mybigimgbox{
        overflow:hidden;
    }
} 
@media (max-width: 800px) {
    #bk_636 {
        padding-top: 70px;
    }
    #bk_636 .mask_video_p_out{
        position:relative;width:100%;height:100%;
        background-color:#fff;
    }
        #bk_636 .mask_video_p_txt{
            background-color:#fff;
        }
    #bk_636 .mask_video_p_aft{
            height: 0;
        }
    #bk_636 .mask_video_p_txt_out{
        width:100%;
        height:100%;
        text-align:center;
        color:#333;
        background-color:#fff;
        display: block;
        align-items: center;
        }
    #bk_636 .mask_video_p {
        width: 100%;
        padding-top:10px;
        margin-top: -10px;
    }
    #bk_636 .mybigimgbox{
        height: auto;
        overflow:hidden;
    }
    .mask_video_p_txt{
        padding-bottom:15px;
    }
}

/* Gallery */
.fixcovertit{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index:2;
    transition: .3s all;
    width:100%;
    height:100%;
    vertical-align:middle;
    padding:15px;
    padding-top:45%;
    color:#fff0;
}
#bk_547 .fixcovertit:hover{
    background-color:rgba(12, 12, 12,0.5);
    color:#fff;  
}
.projectbox {
    padding: 2px;
    margin: 0px;
}
@media (max-width: 700px) {
    #bk_547 .fixcovertit {
        /*background-color: rgba(12, 12, 12,0.5);*/
        color: #fff;
    }
}

/* Our Process */
@media (max-width: 700px) {
    .mymbmaxwithbox img{
        width:100%;
    }
}

/* The Team */
.roundimgbox{
    height:100px;
    margin-top:15px;
    margin-bottom:30px;
    text-align:center;
}
 .roundimgbox img{
    width:100px;
    height:100px;
    border-radius: 50px;
}
.squareimgbox {
    height:300px;
    text-align: center;
}
.squareimgbox img {
    width: 100%;
    max-width: 300px;
    max-height: 300px;
}
.team_title{
    margin: 0;
    margin-top: 10px;
}
.team_name{
    margin-top: 0;
}

@media (max-width: 800px) {
    .team_imgleft{
        float: left;
        width: 100%;
    }
    .team_sayleft{
        float: right;
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 800px) {
    .team_imgleft{
        float: left;
        width: 40%;
    }
    .team_sayleft{
        float: right;
        width: 60%;
        text-align: left;
    }
}