header .top .topContainer nav > ul > li .bg {
  min-height: 52px;
  opacity: 1;
  filter: Alpha(opacity=100);
  z-index: 95; }
header .top .topContainer nav > ul > li ul {
  display: block;
  background: #1890FF;
  min-height: 52px;
  opacity: 1; }
  header .top .topContainer nav > ul > li ul li ul {
    display: none !important; }
header .top .topContainer nav > ul > li:first-child .bg {
  z-index: 96; }
header .top .topContainer nav > ul > li ul.shownav {
  z-index: 100; }
header .top .topContainer nav > ul > li ul.hide_ {
  z-index: -1; }
header .top .topContainer nav > ul > li .bg.innerShow {
  z-index: 96; }
header .top .topContainer nav > ul > li.shownav > a:after {
  width: 100%; }

.gayBg {
  background: #FAFBFC;
  padding-bottom: 80px; }

.banner {
  height: 180px;
  line-height: 180px;
  text-align: center;
  color: rgba(9, 109, 217, 0.67);
  font-size: 14px;
  letter-spacing: 8px;
  background: url("../image/innerBanner.jpg") no-repeat center;
  background-size: auto 180px;
  margin-top: 52px;
  font-weight: 300; }

.htmlColumn {
  padding-bottom: 80px; }

.htmlColumn.gay {
  background: #fafbfc; }

.newsDetailC {
  background: #fafbfc; }

.main {
  min-height: 200px; }
  .main .breadCrumbs {
    position: relative;
    z-index: 99;
    border-radius: 2px;
    margin-top: -26px; }
    .main .breadCrumbs .breadCrumbsContainer {
      display: inline-block;
      max-width: 100%;
      background: #0050B3;
      line-height: 22px;
      padding: 15px 72px 15px 24px; }
      .main .breadCrumbs .breadCrumbsContainer a {
        color: white;
        font-size: 14px; }
        .main .breadCrumbs .breadCrumbsContainer a i {
          font-size: 14px;
          opacity: 0.85; }
      .main .breadCrumbs .breadCrumbsContainer a:first-child {
        margin-right: 6px; }
      .main .breadCrumbs .breadCrumbsContainer a:first-child + span {
        display: none; }
      .main .breadCrumbs .breadCrumbsContainer span {
        color: white;
        margin: 0 6px; }
        .main .breadCrumbs .breadCrumbsContainer span i {
          font-size: 14px;
          opacity: 0.45; }
  .main .currentColumn.PC {
    margin-top: 22px;
    margin-bottom: 54px; }
    .main .currentColumn.PC .ch {
      line-height: 28px;
      color: #0050B3;
      font-size: 20px;
      position: relative;
      text-align: center; }
      .main .currentColumn.PC .ch span {
        color: #69C0FF;
        margin: 0 10px; }
    .main .currentColumn.PC .en {
      line-height: 22px;
      text-align: center;
      font-size: 14px;
      color: #69C0FF;
      letter-spacing: 2px;
      font-weight: 400;
      opacity: 0.45;
      filter: Alpha(opacity=45); }
  .main .list ul li {
    margin-bottom: 38px; }
    .main .list ul li > a {
      display: block; }
      .main .list ul li > a .imgContainer {
        display: block;
        width: 192px;
        float: left;
        height: 128px;
        overflow: hidden;
        border: 1px solid gainsboro;
        background-color: #eeeeee;
        border-radius: 2px;
        box-shadow: 0px 8px 24px 0px rgba(2, 31, 61, 0.06); }
        .main .list ul li > a .imgContainer img {
          border-radius: 2px; }
        .main .list ul li > a .imgContainer img.hoverClass {
          -moz-transition: all 300ms linear;
          -o-transition: all 300ms linear;
          -webkit-transition: all 300ms linear;
          transition: all 300ms linear; }
      .main .list ul li > a .imgContainer:hover img {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3); }
      .main .list ul li > a .newsInfo {
        width: calc( 100% - 192px - 40px );
        float: right;
        padding: 42px 0 0 88px;
        position: relative; }
        .main .list ul li > a .newsInfo:before {
          position: absolute;
          content: "";
          display: block;
          width: 180px;
          height: 74px;
          background: #69c0ff;
          box-shadow: 0px 8px 24px 0px rgba(9, 109, 217, 0.16);
          border-radius: 2px;
          z-index: 0;
          left: 0;
          top: 0;
          opacity: 0.12;
          filter: Alpha(opacity=12); }
        .main .list ul li > a .newsInfo .title {
          color: rgba(0, 0, 0, 0.85);
          line-height: 28px;
          font-size: 20px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 8px;
          -moz-transition: color 150ms;
          -o-transition: color 150ms;
          -webkit-transition: color 150ms;
          transition: color 150ms; }
        .main .list ul li > a .newsInfo .abstract {
          max-height: 50px;
          line-height: 26px;
          color: rgba(0, 0, 0, 0.45);
          font-size: 14px;
          text-align: justify;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
        .main .list ul li > a .newsInfo .time {
          display: none; }
        .main .list ul li > a .newsInfo .day {
          position: absolute;
          height: 56px;
          line-height: 56px;
          color: #0050B3;
          font-size: 40px;
          letter-spacing: 2px;
          top: -28px;
          left: 10px;
          width: 80px;
          text-align: center; }
        .main .list ul li > a .newsInfo .month {
          position: absolute;
          height: 25px;
          line-height: 25px;
          left: 10px;
          width: 80px;
          text-align: center;
          top: 26px;
          font-size: 18px;
          font-weight: 400;
          color: #1890ff;
          letter-spacing: 2px; }
        .main .list ul li > a .newsInfo .year {
          position: absolute;
          top: -14px;
          left: 85px;
          font-size: 40px;
          font-weight: 500;
          color: rgba(255, 255, 255, 0.65);
          line-height: 56px;
          letter-spacing: 2px; }
    .main .list ul li > a:hover .newsInfo .title {
      color: #1890FF; }
  .main .list.newsLsit {
    max-width: 900px;
    margin: 0 auto; }
    .main .list.newsLsit ul li > a .newsInfo {
      width: 100%; }
  .main .page {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 72px; }
    .main .page #info {
      font-size: 0; }
      .main .page #info a, .main .page #info span {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: rgba(0, 0, 0, 0.65);
        border-radius: 2px;
        margin: 0 5px;
        font-size: 14px;
        padding: 0 10px; }
      .main .page #info a {
        cursor: pointer;
        color: white;
        background: #1890FF; }
      .main .page #info a.prev, .main .page #info a.next {
        background: none; }
  .main .htmlPage {
    padding-left: 50%;
    position: relative;
    z-index: 6; }
    .main .htmlPage .columnImg {
      position: absolute;
      width: 50%;
      top: 0;
      left: 0;
      z-index: 8; }
      .main .htmlPage .columnImg img {
        width: 100%; }
    .main .htmlPage .bg {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 7;
      left: 0;
      bottom: 30px;
      background: url("../image/htmlPage_bg.png") no-repeat 10.9% bottom;
      background-size: 25% auto; }
    .main .htmlPage .keyWords {
      position: absolute;
      padding: 24px 48px;
      background: #1890FF;
      box-shadow: 0px 16px 32px 0px rgba(0, 80, 179, 0.12);
      border-radius: 2px 0px 0px 2px;
      width: 740px;
      top: -20px;
      left: 50%;
      margin-left: -20px;
      z-index: 11; }
      .main .htmlPage .keyWords div {
        line-height: 30px;
        font-size: 20px;
        color: white;
        width: 100%;
        max-width: 576px; }
    .main .htmlPage .columnInfo {
      position: relative;
      z-index: 7;
      background: white;
      margin-left: -40px;
      padding: 0 40px 40px 80px;
      box-shadow: 0px 16px 40px 0px rgba(2, 31, 61, 0.04);
      border-radius: 2px; }
      .main .htmlPage .columnInfo .contnet {
        position: relative;
        z-index: -1;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.65);
        line-height: 26px;
        font-size: 14px;
        min-height: 396px; }
        .main .htmlPage .columnInfo .contnet p {
          text-indent: 2em;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.65);
          line-height: 36px;
          font-size: 16px; }

.currentColumn.phone {
  display: none; }

.subMenu.phone {
  display: none; }

.htmlColumn .main .centerArea {
  position: relative;
  padding-top: 26px; }
.htmlColumn .main .breadCrumbs {
  position: absolute;
  top: 0;
  left: 0; }

.newsDetail {
  width: 100%;
  padding: 0 16px; }
  .newsDetail .newsContianaer {
    max-width: 868px;
    margin: 0 auto;
    padding: 64px;
    background: white;
    box-shadow: 0px 16px 40px 0px rgba(2, 31, 61, 0.04);
    border-radius: 2px; }
    .newsDetail .newsContianaer .newsTitle {
      font-weight: 500;
      color: rgba(0, 0, 0, 0.85);
      line-height: 28px;
      font-size: 20px;
      text-align: center;
      padding-bottom: 18px; }
    .newsDetail .newsContianaer .newsInfo {
      text-align: center;
      line-height: 22px;
      padding-bottom: 40px; }
      .newsDetail .newsContianaer .newsInfo span {
        font-weight: 400;
        color: rgba(0, 0, 0, 0.45);
        line-height: 22px;
        font-size: 14px;
        margin: 0 12px; }
        .newsDetail .newsContianaer .newsInfo span span {
          margin: 0;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.45);
          line-height: 22px;
          font-size: 14px; }
    .newsDetail .newsContianaer .content {
      overflow: hidden;
      width: 100%; }
      .newsDetail .newsContianaer .content * {
        max-width: 100% !important; }
      .newsDetail .newsContianaer .content p {
        font-weight: 400;
        color: rgba(0, 0, 0, 0.65);
        line-height: 1.625;
        font-size: 16px; }
      .newsDetail .newsContianaer .content video {
        background: black;
        position: relative;
        z-index: 0; }

.rightWindow {
  position: fixed;
  bottom: 115px;
  width: 58px;
  right: 0;
  z-index: 9997;
  border-radius: 2px;
  -moz-transition: width 150ms;
  -o-transition: width 150ms;
  -webkit-transition: width 150ms;
  transition: width 150ms; }
  .rightWindow .goTop {
    height: 106px;
    background: #1890FF url("../image/goTop.png") no-repeat center;
    background-size: 42px auto;
    cursor: pointer; }
  .rightWindow .infoContainer {
    padding: 22px 17px;
    background: #f3faff;
    position: relative; }
    .rightWindow .infoContainer .title {
      text-align: center;
      line-height: 20px;
      color: #69C0FF;
      font-size: 0;
      display: none; }
    .rightWindow .infoContainer .title + div {
      padding-left: 34px;
      line-height: 24px;
      color: #04AE0F;
      background: url("../image/wechat.png") no-repeat left center;
      font-size: 0;
      position: relative;
      height: 24px; }
      .rightWindow .infoContainer .title + div i {
        font-size: 14px; }
    .rightWindow .infoContainer .title + div + div {
      margin-top: 10px;
      padding-left: 34px;
      font-size: 14px;
      line-height: 24px;
      color: #EA5D5C;
      background: url("../image/weibo.png") no-repeat left center;
      font-size: 0;
      height: 24px; }
      .rightWindow .infoContainer .title + div + div i {
        font-size: 14px; }
    .rightWindow .infoContainer div.weixinCode {
      position: absolute;
      left: -150px;
      top: -24px;
      display: none;
      width: 142px;
      height: 136px;
      background: url("../image/code.png") no-repeat center; }
  .rightWindow .goIndex {
    display: block;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #e3f1ff;
    box-shadow: 0px 8px 32px 0px rgba(2, 31, 61, 0.03);
    overflow: hidden; }
    .rightWindow .goIndex span {
      color: #1890FF;
      width: 0;
      -moz-transition: width 150ms;
      -o-transition: width 150ms;
      -webkit-transition: width 150ms;
      transition: width 150ms; }
    .rightWindow .goIndex span {
      font-size: 0; }
    .rightWindow .goIndex i {
      margin-right: -3px;
      margin-top: 14px;
      font-size: 22px;
      color: #1890FF;
      -moz-transition: width 150ms;
      -o-transition: width 150ms;
      -webkit-transition: width 150ms;
      transition: width 150ms; }

.rightWindow:hover {
  width: 154px; }
  .rightWindow:hover .title + div, .rightWindow:hover .title + div + div, .rightWindow:hover .goIndex span {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden; }
  .rightWindow:hover .goIndex span {
    width: auto; }
  .rightWindow:hover .goIndex i {
    margin-right: 10px; }

.rightWindow div.weixinCode.show {
  display: block; }

footer {
  background: #0050B3; }
  footer .footerContainer .leftSide div a {
    color: white; }
  footer .footerContainer .leftSide div a:hover {
    color: #69c0ff; }
  footer .footerContainer .leftSide div span {
    background: white; }
  footer .footerContainer .rightSide div:first-child, footer .footerContainer .rightSide div:first-child + div {
    color: white; }
    footer .footerContainer .rightSide div:first-child a, footer .footerContainer .rightSide div:first-child + div a {
      color: white; }

/*
联系我们start
*/
.contactUsWrap footer {
  margin-top: 80px; }

.contactUs {
  background: #f7fbff url("../image/infoBG_top.png") no-repeat left top;
  position: relative;
  margin-top: 86px; }
  .contactUs .name {
    width: 320px;
    height: 76px;
    background: #1890FF url("../image/nameBG_top.png") no-repeat left top;
    box-shadow: 0px 16px 32px 0px rgba(0, 80, 179, 0.12);
    position: absolute;
    left: 50%;
    margin-left: -160px;
    top: -38px; }
    .contactUs .name div {
      line-height: 76px;
      text-align: center;
      font-size: 20px;
      color: white;
      background: url("../image/nameBG_bottom.png") no-repeat right bottom; }
  .contactUs .addressTitle {
    padding-top: 84px;
    font-weight: 500;
    color: #1890ff;
    line-height: 28px;
    text-align: center;
    font-size: 20px; }
  .contactUs .address {
    padding-top: 24px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 26px;
    font-size: 18px;
    text-align: center; }
    .contactUs .address i {
      font-size: 18px;
      color: rgba(105, 192, 255, 0.65);
      margin-right: 12px; }
  .contactUs .otherInfo {
    padding-top: 24px;
    padding-bottom: 56px;
    text-align: center;
    background: url("../image/infoBG_bottom.png") no-repeat right bottom; }
    .contactUs .otherInfo .info {
      display: inline-block;
      color: rgba(0, 0, 0, 0.65);
      line-height: 26px;
      font-size: 18px;
      text-align: center;
      margin: 0 12px; }
      .contactUs .otherInfo .info i {
        font-size: 18px;
        color: rgba(105, 192, 255, 0.65);
        margin-right: 12px; }

.map {
  height: 500px;
  position: relative; }
  .map #mapContainer {
    height: 100%; }
  .map .mapMask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 98;
    display: none; }

/*
联系我们end
*/
/* 业务领域start */
.businessArea .contentContianer {
  height: 250px; }
.businessArea .contentContianer.DEVELOPMENT {
  background: url("../image/dckf.jpg") no-repeat center;
  background-size: auto 250px; }
.businessArea .contentContianer.ENGINEERING.SERVICE {
  background: url("../image/gcfw.jpg") no-repeat center;
  background-size: auto 250px; }
.businessArea .PROPERTY.MANAGEMENT {
  background: url("../image/wyjy.jpg") no-repeat center;
  background-size: auto 250px; }
.businessArea .COMMERCIAL.SERVICE {
  background: url("../image/wyfw.jpg") no-repeat center;
  background-size: auto 250px; }
.businessArea .contentInfo {
  margin-top: 40px; }
  .businessArea .contentInfo p {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 26px; }

.columnTabs .tabNameList {
  background: #f0f9ff;
  border-radius: 2px;
  margin-top: 80px; }
  .columnTabs .tabNameList .tabName {
    width: 33.3333%;
    float: left;
    height: 58px; }
    .columnTabs .tabNameList .tabName a {
      display: block;
      line-height: 58px;
      text-align: center;
      color: #1890FF;
      font-size: 18px;
      text-decoration: none; }
    .columnTabs .tabNameList .tabName a:hover {
      text-decoration: none; }
  .columnTabs .tabNameList .tabName:hover {
    background: rgba(24, 144, 255, 0.08); }
  .columnTabs .tabNameList .tabName.active {
    background: #1890FF url("../image/nameBG_top.png") no-repeat left top; }
    .columnTabs .tabNameList .tabName.active a {
      color: white;
      background: url("../image/nameBG_bottom.png") no-repeat right bottom; }
.columnTabs .dropup {
  width: 100%;
  margin-top: 40px;
  display: none; }
  .columnTabs .dropup button {
    width: 100%;
    height: 58px;
    background: #1890FF;
    text-align: left;
    position: relative;
    font-size: 18px;
    color: white;
    border: none; }
    .columnTabs .dropup button i {
      display: block;
      position: absolute;
      font-size: 50px;
      color: white;
      right: 16px;
      top: 4px; }
  .columnTabs .dropup ul {
    width: 100%; }
    .columnTabs .dropup ul li a {
      padding: 16px;
      line-height: 26px;
      font-size: 16px; }
.columnTabs .tabList {
  margin-top: 40px; }
  .columnTabs .tabList ul li {
    width: 33.33333%;
    float: left;
    margin-bottom: 56px; }
    .columnTabs .tabList ul li .imgContainer {
      display: block;
      width: 100%;
      max-height: 218px;
      overflow: hidden;
      border-radius: 2px;
      box-shadow: 0px 8px 24px 0px rgba(2, 31, 61, 0.06); }
      .columnTabs .tabList ul li .imgContainer img.hoverClass {
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -webkit-transition: all 300ms linear;
        transition: all 300ms linear; }
    .columnTabs .tabList ul li .imgContainer:hover img.hoverClass {
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3); }
    .columnTabs .tabList ul li .title {
      padding-top: 16px;
      line-height: 24px;
      text-align: center;
      color: rgba(0, 0, 0, 0.65);
      font-size: 16px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .columnTabs .tabList ul li:nth-child(3n+1) {
    padding-right: 12px;
    padding-left: 0; }
  .columnTabs .tabList ul li:nth-child(3n+2) {
    padding: 0 6px; }
  .columnTabs .tabList ul li:nth-child(3n+3) {
    padding-left: 12px;
    padding-right: 0; }

/* 业务领域end */
/* 发展历程start */
.historyWrap .main {
  min-height: 0; }
.historyWrap .historyList {
  background: #f7fbff url("../image/infoBG_top.png") no-repeat left top;
  padding-top: 80px;
  padding-bottom: 80px; }
  .historyWrap .historyList .historyListContainer {
    background: url("../image/infoBG_bottom.png") no-repeat right bottom; }
    .historyWrap .historyList .historyListContainer .history {
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
      background: url("../image/timeBG.png") repeat-y center top; }
      .historyWrap .historyList .historyListContainer .history .col-md-6 {
        padding: 0 0 60px 0;
        min-height: 20px; }
        .historyWrap .historyList .historyListContainer .history .col-md-6 .year {
          font-size: 64px;
          font-weight: 500;
          color: #389fff;
          line-height: 87px;
          letter-spacing: 1px;
          margin-top: -30px;
          font-family: Oswald-Medium !important; }
        .historyWrap .historyList .historyListContainer .history .col-md-6 .event {
          font-size: 16px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.45);
          line-height: 24px; }
      .historyWrap .historyList .historyListContainer .history .col-md-6:first-child {
        padding-right: 36px; }
        .historyWrap .historyList .historyListContainer .history .col-md-6:first-child .year, .historyWrap .historyList .historyListContainer .history .col-md-6:first-child .event {
          text-align: right; }
      .historyWrap .historyList .historyListContainer .history .col-md-6:first-child + .col-md-6 {
        padding-left: 36px;
        margin-left: -1px; }
      .historyWrap .historyList .historyListContainer .history .sign {
        position: absolute;
        width: 26px;
        height: 26px;
        left: 50%;
        top: 0;
        border-radius: 50%;
        margin-left: -13px;
        background: #69c0ff;
        border: 5px solid rgba(255, 255, 255, 0.65); }
    .historyWrap .historyList .historyListContainer .history:nth-child(2n+1) .col-md-6:first-child {
      border: 0; }
    .historyWrap .historyList .historyListContainer .history:nth-child(2n) .col-md-6:first-child + .col-md-6 {
      border: 0; }
    .historyWrap .historyList .historyListContainer .history:last-child {
      background: none; }
      .historyWrap .historyList .historyListContainer .history:last-child .col-md-6:first-child + .col-md-6, .historyWrap .historyList .historyListContainer .history:last-child .col-md-6:first-child {
        border: 0; }

/*  发展历程end */
/* 搜索start */
.search_form {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 50px auto;
  border-bottom: 3px solid #1890FF;
  position: relative; }
  .search_form input[type='text'] {
    width: 100%;
    height: 32px;
    font-size: 18px;
    line-height: 32px;
    border: none;
    outline: none;
    margin-bottom: 10px;
    padding-right: 45px; }
  .search_form .sub {
    display: block;
    height: 21px;
    width: 21px;
    position: absolute;
    right: 18px;
    bottom: 18px; }

/* 搜索end */
/* 默认单篇start */
.defaultHtmlPage .defaultHtmlPageContainer {
  background: white;
  box-shadow: 0px 16px 40px 0px rgba(2, 31, 61, 0.04);
  border-radius: 0px 0px 2px 2px;
  padding-bottom: 80px; }
  .defaultHtmlPage .defaultHtmlPageContainer .columnBanner {
    height: 250px;
    margin-bottom: 64px; }
    .defaultHtmlPage .defaultHtmlPageContainer .columnBanner div {
      width: 100%;
      height: 100%; }
  .defaultHtmlPage .defaultHtmlPageContainer .content {
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    padding: 0 16px;
    width: 100%;
    max-width: 740px;
    margin: 0 auto; }
    .defaultHtmlPage .defaultHtmlPageContainer .content p {
      font-size: 16px;
      line-height: 1.8;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.65); }
    .defaultHtmlPage .defaultHtmlPageContainer .content img {
      max-width: 100% !important; }
  .defaultHtmlPage .defaultHtmlPageContainer .noBanner {
    padding-top: 40px;
    max-width: 100%; }

.building {
  height: 380px;
  background: url("../image/building.png") no-repeat center; }

/* 默认单篇end */
/* 链接列表start */
.main .list.linksLsit ul li {
  text-align: center; }
  .main .list.linksLsit ul li > a {
    display: inline-block; }
    .main .list.linksLsit ul li > a .newsInfo {
      padding: 0;
      width: 100%;
      text-align: center; }
      .main .list.linksLsit ul li > a .newsInfo:before {
        display: none; }
.main .list.linksLsit ul li:nth-child(2n+1) {
  padding-left: 0;
  padding-right: 16px; }
.main .list.linksLsit ul li:nth-child(2n) {
  padding-right: 0;
  padding-left: 16px; }

/* 链接列表end */
/* 图册start */
.atlas .atlasList ul li {
  text-align: center;
  margin-bottom: 56px; }
  .atlas .atlasList ul li .imgContainer {
    display: block;
    width: 100%;
    box-shadow: 0px 8px 24px 0px rgba(2, 31, 61, 0.06);
    border-radius: 2px; }
  .atlas .atlasList ul li .imgContainer:hover {
    box-shadow: 0px 16px 40px 0px rgba(2, 31, 61, 0.12); }
  .atlas .atlasList ul li .title {
    display: inline-block;
    max-width: 100%;
    margin-top: 24px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65); }
  .atlas .atlasList ul li .title:hover {
    color: #1890FF; }

/* 图册end */
/* 微视频start */
.video .videoList ul li {
  margin-bottom: 56px;
  display: inline-block;
   }
  .video .videoList ul li > div {
    background: #fcfcfc;
    box-shadow: 0px 8px 24px 0px rgba(2, 31, 61, 0.06);
    border-radius: 2px;
    overflow: hidden;
    position: relative; }
  .video .videoList ul li .imgContainer {
    display: block;
    width: 100%;
    overflow: hidden; }
    .video .videoList ul li .imgContainer img {
      -moz-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      -webkit-transition: all 300ms linear;
      transition: all 300ms linear; }
      .video .videoList ul li .imgContainer img:hover {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3); }
  .video .videoList ul li .title {
    padding: 22px 120px 22px 24px; }
    .video .videoList ul li .title a {
      display: inline-block;
      height: 48px;
      overflow: hidden;
      font-size: 16px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.65);
      line-height: 24px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      -moz-transition: color 150ms;
      -o-transition: color 150ms;
      -webkit-transition: color 150ms;
      transition: color 150ms; }
      .video .videoList ul li .title a:hover {
        color: #1890ff; }
  .video .videoList ul li .videoIco {
    background-image: url("../image/videoIcon_hover.png"); }
  .video .videoList ul li .videoIco {
    position: absolute;
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: white url("../image/videoIcon.png") no-repeat center;
    box-shadow: 0px 8px 24px 0px rgba(2, 31, 61, 0.06);
    right: 32px;
    bottom: 56px;
    -moz-transition: background 300ms;
    -o-transition: background 300ms;
    -webkit-transition: background 300ms;
    transition: background 300ms; }
    .video .videoList ul li .videoIco:hover {
      background: #1890FF url("../image/videoIcon_hover.png") no-repeat center; }

/* 微视频end */
/* 自媒体start */
.selfMedia .codeList ul li .imgContainer {
  background: #fcfcfc;
  box-shadow: 0px 8px 24px 0px rgba(2, 31, 61, 0.06);
  border-radius: 2px;
  cursor: pointer; }
  .selfMedia .codeList ul li .imgContainer img {
    width: 100%;
    height: 100%; }
  .selfMedia .codeList ul li .imgContainer:hover {
    box-shadow: 0px 16px 48px 0px rgba(2, 31, 61, 0.12); }
.selfMedia .codeList ul li .title {
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 24px;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  -webkit-transition: color 300ms;
  transition: color 300ms;
  cursor: pointer; }
  .selfMedia .codeList ul li .title:hover {
    color: #1890FF; }

/* 自媒体end */
.selfMedia .newsList .more, .atlas .newsList .more, .video .newsList .more {
  height: 58px;
  background: #f0f9ff;
  border-radius: 2px;
  line-height: 58px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #1890ff;
  margin-bottom: 80px;
  -moz-transition: background 300ms;
  -o-transition: background 300ms;
  -webkit-transition: background 300ms;
  transition: background 300ms;
  cursor: pointer; }
  .selfMedia .newsList .more:hover, .atlas .newsList .more:hover, .video .newsList .more:hover {
    background: #dff0ff; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .contactUs {
    background: #f7fbff url("../image/infoBG_top_2x.png") no-repeat left top;
    background-size: auto 166px; }
    .contactUs .name {
      background: #1890FF url("../image/nameBG_top-2x.png") no-repeat left top;
      background-size: auto 58px; }
      .contactUs .name div {
        background: url("../image/nameBG_bottom-2x.png") no-repeat right bottom;
        background-size: auto 58px; }
    .contactUs .otherInfo {
      background: url("../image/infoBG_botom_2x.png") no-repeat right bottom;
      background-size: auto 166px; }

  .businessArea .contentContianer {
    background-image: url("../image/dckf_2x.png"); }

  .columnTabs .tabNameList .tabName.active {
    background: #1890FF url("../image/nameBG_top-2x.png") no-repeat left top;
    background-size: auto 58px; }
    .columnTabs .tabNameList .tabName.active a {
      background: url("../image/nameBG_bottom-2x.png") no-repeat right bottom;
      background-size: auto 58px; }

  .historyList {
    background: #f7fbff url("../image/infoBG_top_2x.png") no-repeat left top;
    background-size: auto 166px; }
    .historyList .historyListContainer {
      background: url("../image/infoBG_botom_2x.png") no-repeat right bottom;
      background-size: auto 166px; }

  .video .videoList ul li .videoIco {
    background-image: url("../image/videoIcon_hover_2x.png"); }
  .video .videoList ul li .videoIco {
    background: white url("../image/videoIcon_2x.png") no-repeat center;
    background-size: 24px; }
    .video .videoList ul li .videoIco:hover {
      background: #1890FF url("../image/videoIcon_hover_2x.png") no-repeat center; } }
@media only screen and (max-width: 1024px) {
  .banner {
    margin-top: 0; }

  header .top .topContainer nav > ul > li ul {
    display: none;
    background: none;
    min-height: 0;
    opacity: 1; } }
@media only screen and (max-width: 1200px) {
  .main .htmlPage .keyWords {
    width: calc( 50% + 20px + 16px  ); } }
@media only screen and (min-width: 993px) {
  .main {
    min-height: calc( 100vh - 366px ); }

  .htmlColumn .main {
    min-height: calc( 100vh - 472px ); } }
@media only screen and (max-width: 992px) {
  .main {
    min-height: calc( 100vh - 248px ); }

  .htmlColumn .main {
    min-height: calc( 100vh - 332px ); }

  header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background: white; }

  header.position_absolute {
    position: absolute; }

  .htmlColumn {
    background: none;
    padding-bottom: 20px; }
    .htmlColumn .main .centerArea {
      padding-top: 0; }

  .newsDetailC .main.leave_white {
    padding: 0; }
    .newsDetailC .main.leave_white .newsDetail {
      padding: 0; }
      .newsDetailC .main.leave_white .newsDetail .newsContianaer {
        padding: 24px 16px; }

  .main {
    margin-top: 168px; }
    .main .currentColumn.PC {
      display: none; }
    .main .breadCrumbs {
      display: none; }
    .main .htmlPage {
      padding: 0; }
      .main .htmlPage .columnImg {
        position: static;
        text-align: center;
        width: 100%;
        background: white;
        padding-top: 20px; }
        .main .htmlPage .columnImg img {
          display: inline-block;
          width: auto;
          max-width: 100%; }
      .main .htmlPage .keyWords {
        position: static;
        margin-top: 20px;
        width: 100%;
        margin-left: 0; }
      .main .htmlPage .columnInfo {
        background: none;
        width: 95%;
        padding: 16px 0;
        margin-left: 2.5%;
        box-shadow: none; }
        .main .htmlPage .columnInfo .contnet {
          min-height: 100px; }
          .main .htmlPage .columnInfo .contnet p {
            line-height: 26px;
            font-size: 14px; }
      .main .htmlPage .bg {
        display: none; }
    .main .list.linksLsit ul li, .main .list.linksLsit ul li:nth-child(2n), .main .list.linksLsit ul li:nth-child(2n+1) {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 0; }

  .rightWindow.PC {
    width: 50px; }
    .rightWindow.PC .infoContainer {
      display: none; }
    .rightWindow.PC .goTop {
      height: 80px;
      background: #1890FF url("../image/goTop-2x.png") no-repeat center 12px;
      background-size: 35px auto;
      cursor: pointer; }
    .rightWindow.PC .goIndex span {
      font-size: 0; }
    .rightWindow.PC .goIndex i {
      font-size: 30px;
      display: block;
      float: left;
      margin: 12px; }

  .banner {
    display: none; }

  .currentColumn.phone {
    display: block;
    height: 72px;
    line-height: 72px;
    background: #1890FF;
    text-align: center;
    font-size: 20px;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 9;
    color: white; }
    .currentColumn.phone i {
      display: block;
      position: absolute;
      font-size: 50px;
      color: white;
      right: 16px;
      top: 11px; }

  .currentColumn.phone.position_absolute {
    position: absolute; }

  .subMenu.phone {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: #1890FF;
    top: 0;
    left: 0;
    display: none; }
    .subMenu.phone .subMenuClose {
      position: absolute;
      top: 0;
      right: 0;
      width: 70px;
      height: 70px;
      background: url("../image/subMenuClose.svg") no-repeat center;
      background-size: 24px auto;
      -webkit-transform: scale(0.5, 0.5);
      -webkit-transition: -webkit-transform 300ms; }
    .subMenu.phone .menuContainer {
      position: absolute;
      top: 50%;
      width: 100%;
      -webkit-transform: scale(0.5, 0.5);
      -webkit-transition: -webkit-transform 300ms; }
      .subMenu.phone .menuContainer ul {
        width: 100%; }
        .subMenu.phone .menuContainer ul li {
          width: 100%; }
          .subMenu.phone .menuContainer ul li a {
            display: block;
            font-size: 26px;
            line-height: 66px;
            text-align: center;
            color: #fff; }
          .subMenu.phone .menuContainer ul li ul {
            display: none; }

  .subMenu.phone.show {
    display: block; }
    .subMenu.phone.show .menuContainer.show, .subMenu.phone.show .subMenuClose.show {
      -webkit-transform: scale(1, 1); }

  .contactUsWrap .leave_white .contactUs {
    margin-top: 206px;
    padding-left: 16px;
    padding-right: 16px; }
    .contactUsWrap .leave_white .contactUs .addressTitle {
      padding-top: 76px; }
    .contactUsWrap .leave_white .contactUs .address {
      font-size: 16px; }
    .contactUsWrap .leave_white .contactUs .otherInfo .info {
      display: block;
      font-size: 16px;
      text-align: center;
      margin-bottom: 5px; }
  .contactUsWrap .map .mapMask {
    display: block; }
  .contactUsWrap footer {
    margin-top: 40px; }

  .columnTabs .tabNameList.soMany {
    display: none; }
  .columnTabs .soMany.dropup {
    display: block; }

  .video .videoList ul li .title {
    padding: 16px 80px 16px 18px; }
  .video .videoList ul li .videoIco {
    right: 16px;
    bottom: 52px;
    width: 64px;
    height: 64px; } }
@media only screen and (max-width: 800px) {
  .columnTabs .tabList ul li {
    width: 50%; }
  .columnTabs .tabList ul li:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 9px;
    width: 50%; }
  .columnTabs .tabList ul li:nth-child(2n+2) {
    padding-right: 0;
    padding-left: 9px;
    width: 50%; } }
@media only screen and (min-width: 769px) {
  .atlas .atlasList ul li:nth-child(4n+1) {
    padding: 0 40px 0 0; }
  .atlas .atlasList ul li:nth-child(4n+2) {
    padding: 0 26px 0 14px; }
  .atlas .atlasList ul li:nth-child(4n+3) {
    padding: 0 14px 0 26px; }
  .atlas .atlasList ul li:nth-child(4n) {
    padding: 0 0 0 40px; }

  .video .videoList ul li:nth-child(3n+1) {
    padding: 0 30px 0 0; }
  .video .videoList ul li:nth-child(3n+2) {
    padding: 0 15px; }
  .video .videoList ul li:nth-child(3n) {
    padding: 0 0 0 30px; }

  .selfMedia .codeList ul li {
    margin-bottom: 56px; }
  .selfMedia .codeList ul li:nth-child(2n+1), .selfMedia .codeList ul li:nth-child(2n) {
    width: 15.8%;
    margin-left: 5.25%;
    padding: 0; }
  .selfMedia .codeList ul li:nth-child(5n+1) {
    margin-left: 0; } }
@media only screen and (max-width: 768px) {
  .main .htmlPage .columnImg {
    position: relative;
    z-index: -1; }
  .main .htmlPage .keyWords {
    padding: 10px 16px 10px 16px;
    width: 97.5%;
    margin-left: 2.5%;
    margin-top: -20px; }
    .main .htmlPage .keyWords div {
      font-size: 16px;
      line-height: 26px; }
  .main .list ul li > a .imgContainer {
    float: none;
    width: 100%; }
  .main .list ul li > a .newsInfo {
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 14px; }
    .main .list ul li > a .newsInfo .title {
      white-space: normal; }
    .main .list ul li > a .newsInfo .day, .main .list ul li > a .newsInfo .month, .main .list ul li > a .newsInfo .year {
      display: none; }
    .main .list ul li > a .newsInfo .time {
      display: block;
      font-size: 14px;
      margin-top: 6px;
      color: rgba(0, 0, 0, 0.45); }
  .main .list ul li > a .newsInfo:before {
    display: none; }

  .defaultHtmlPage .defaultHtmlPageContainer .columnBanner {
    background-size: auto 125px;
    height: 125px;
    margin-bottom: 32px; }

  .atlas .atlasList ul li:nth-child(2n+1) {
    padding: 0 16px 0 0; }
  .atlas .atlasList ul li:nth-child(2n) {
    padding: 0 0 0 16px; }

  .video .videoList ul li {
    margin-bottom: 36px; }

  .selfMedia .codeList ul li {
    margin-bottom: 36px; }
    .selfMedia .codeList ul li .title {
      margin-top: 16px; }
  .selfMedia .codeList ul li {
    width: 50%; }

  .selfMedia .newsList .more, .atlas .newsList .more, .video .newsList .more {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    margin-bottom: 40px; } }

/*# sourceMappingURL=inner.css.map */