@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  font-family: 'Microsoft YaHei'; }

ul, li {
  list-style: none; }

* {
  font-family: '微软雅黑'; }

a {
  text-decoration: none;
  color: #379BDE; }

body {
  min-width: 1200px;
  width: 100%; }

.headNavBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%; }
  .headNavBox.other {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    height: 100px; }
    .headNavBox.other ul li {
      line-height: 100px; }
      .headNavBox.other ul li a {
        color: #2C3E50; }
        .headNavBox.other ul li a.cut {
          color: #379BDE;
          position: relative;
          line-height: 30px;
          display: inline-block;
          border-bottom: 3px solid #379BDE; }
    .headNavBox.other .img {
      padding: 10px 0;
      width: 120px;
      border-radius: 0;
      background: none; }
      .headNavBox.other .img img {
        width: auto; }

.headNav {
  width: 1200px;
  margin: auto;
  height: 80px;
  z-index: 2;
  position: relative; }
  .headNav ul {
    float: right;
    font-size: 0; }
    .headNav ul li {
      display: inline-block;
      font-size: 16px;
      margin-right: 2em;
      line-height: 80px; }
      .headNav ul li a {
        text-decoration: none;
        color: #fff; }
        .headNav ul li a.cut {
          line-height: 30px;
          display: inline-block;
          border-bottom: 3px solid #fff; }
  .headNav .img {
    padding: 10px 20px;
    background: #fff;
    border-radius: 0 0 12px 12px;
    position: absolute; }

.header {
  max-width: 1920px;
  min-width: 1200px;
  margin: auto;
  position: relative;
  overflow: hidden; }
  .header.bgnews {
    background: url(../img/NEWS.png) no-repeat center 0/1920px 100%;
    height: 384px; }
  .header.bgcontact {
    background: url(../img/bridgeBg.jpg) no-repeat center 0/1920px 100%;
    height: 384px; }
  .header.bgabout {
    background: url(../img/bridgeBg.jpg) no-repeat center 0/1920px 100%;
    height: 384px; }
  .header .tabs {
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 0;
    font-size: 10px; }
    .header .tabs a {
      font-size: 14px;
      display: inline-block;
      min-width: 80px;
      line-height: 50px;
      text-decoration: none;
      background: #000000;
      background: rgba(0, 0, 0, 0.8);
      color: #fff;
      padding: 0 10px; }
      .header .tabs a.cut {
        color: #000;
        background: #fff;
        background: rgba(255, 255, 255, 0.8); }
  .header .swiper-slide img {
    width: 100%; }
  .header .headerSwiperBox {
    width: 1400px;
    margin: auto; }
    @media screen and (max-width: 1400px) {
      .header .headerSwiperBox {
        width: 1200px; } }
    .header .headerSwiperBox .btns {
      position: absolute;
      width: 1400px;
      top: 50%; }
      @media screen and (max-width: 1400px) {
        .header .headerSwiperBox .btns {
          width: 1200px; } }
      .header .headerSwiperBox .btns .swiper-button-prev {
        background: url(../img/arrPrev.png) no-repeat 0 0/100% 100%; }
      .header .headerSwiperBox .btns .swiper-button-next {
        background: url(../img/arrNext.png) no-repeat 0 0/100% 100%; }
  .header .mySwiperPage {
    bottom: 30px;
    line-height: 20px; }
    .header .mySwiperPage .swiper-pagination-bullet {
      display: inline-block;
      vertical-align: middle;
      line-height: 20px;
      background: #fff;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      opacity: 1; }
      .header .mySwiperPage .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 17px;
        height: 17px;
        background: none;
        border: 3px solid #fff;
        box-sizing: border-box; }
  .header h1, .header h2 {
    font-weight: normal;
    text-shadow: -3px 3px 5px #000000;
    color: #fff;
    text-align: center; }
  .header h1 {
    margin-top: 150px;
    font-size: 36px;
    letter-spacing: 5px;
    text-indent: 5px; }
  .header h2 {
    margin-top: 20px;
    font-size: 24px;
    letter-spacing: 15px;
    text-indent: 15px; }

.body {
  overflow: hidden; }
  .body.bgblue {
    background: #F2F6F7; }
  .body h4 {
    text-align: center;
    margin: 40px 0; }
  .body .product {
    width: 1200px;
    margin: auto;
    padding-bottom: 40px;
    font-size: 0; }
    .body .product .productItem {
      width: 370px;
      margin: 0 15px;
      height: 400px;
      background: #fff;
      display: inline-block; }
      .body .product .productItem .productImg {
        width: 370px;
        height: 200px; }
        .body .product .productItem .productImg img {
          width: 100%;
          height: 100%; }
    .body .product .productTitle {
      font-size: 24px;
      color: #012C67;
      margin: 30px 20px 0; }
    .body .product .productText {
      font-size: 16px;
      color: #012C67;
      margin: 40px 20px 0; }
  .body.bgnews {
    background: url(../img/newsBg.png) no-repeat center 0/1920px 100%;
    max-width: 1920px;
    width: 100%;
    height: 425px;
    color: #fff;
    margin: auto; }
  .body .newsBox {
    width: 1100px;
    margin: auto;
    font-size: 0;
    padding-top: 80px; }
    .body .newsBox .newsLeft {
      display: inline-block;
      vertical-align: top;
      width: 400px;
      margin-right: 70px; }
      .body .newsBox .newsLeft img {
        display: block;
        width: 400px;
        height: 220px; }
      .body .newsBox .newsLeft h6 {
        font-size: 16px;
        margin: 15px 0; }
      .body .newsBox .newsLeft span {
        font-size: 14px; }
    .body .newsBox .newsRight {
      display: inline-block;
      vertical-align: top;
      position: relative;
      top: -14px;
      width: 600px; }
      .body .newsBox .newsRight ul li {
        line-height: 48px;
        border-bottom: 1px solid #fff;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .body .newsBox .newsRight ul li span {
          display: inline-block;
          width: 150px;
          font-size: 16px; }
        .body .newsBox .newsRight ul li a {
          color: #fff;
          text-decoration: none; }
    .body .newsBox .rightBottom {
      margin-top: 28px;
      text-align: right; }
      .body .newsBox .rightBottom .moreBtn {
        display: inline-block;
        font-size: 16px;
        color: #379BDE;
        border: 1px solid #379BDE;
        border-radius: 4px;
        line-height: 36px;
        width: 120px;
        text-align: center;
        text-decoration: none; }
  .body .safeBox {
    width: 1200px;
    margin: auto;
    padding-bottom: 40px;
    font-size: 0; }
    .body .safeBox .safeItem {
      display: inline-block;
      width: 300px;
      height: 300px;
      text-align: center;
      overflow: hidden; }
      .body .safeBox .safeItem img {
        width: 90px;
        height: 90px;
        margin-top: 50px; }
      .body .safeBox .safeItem h6 {
        font-size: 20px;
        margin-top: 40px;
        margin-bottom: 30px; }
      .body .safeBox .safeItem:hover {
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px #eee; }
        .body .safeBox .safeItem:hover a {
          text-decoration: none;
          font-size: 14px;
          color: #379BDE; }
  .body.bgmap {
    transition: background-image 0.5s;
    height: 370px;
    max-width: 1920px;
    margin: auto; }
    .body.bgmap a[data-map] {
      cursor: pointer; }
    .body.bgmap .mapBox {
      padding-top: 72px; }
      .body.bgmap .mapBox .bubble {
        width: 180px;
        margin: auto;
        height: 180px;
        border-radius: 90px;
        background: #fff;
        position: relative;
        text-align: center;
        font-size: 14px; }
        .body.bgmap .mapBox .bubble:after {
          content: '';
          position: absolute;
          top: 111px;
          left: 162px;
          width: 0;
          height: 0;
          border: 10px solid #fff;
          border-color: transparent transparent #fff #fff; }
        .body.bgmap .mapBox .bubble h2 {
          font-size: 18px;
          font-weight: normal;
          padding-top: 40px;
          padding-bottom: 15px; }
        .body.bgmap .mapBox .bubble p {
          width: 10em;
          margin: auto;
          padding-bottom: 15px; }
      .body.bgmap .mapBox .mapNav {
        margin-top: 55px;
        text-align: center; }
        .body.bgmap .mapBox .mapNav a {
          margin: 0 20px;
          color: #fff;
          font-size: 16px; }

.footerBox {
  width: 100%;
  color: #9c9797;
  background: #1E2022;
  padding: 80px 0; }
  .footerBox .footer {
    width: 1200px;
    margin: auto; }
    .footerBox .footer * {
      text-align: left; }
    .footerBox .footer h3 {
      font-size: 16px;
      margin-bottom: 50px; }
    .footerBox .footer .footerBottom {
      font-size: 0; }
      .footerBox .footer .footerBottom .col {
        font-size: 14px;
        display: inline-block;
        vertical-align: top; }
        .footerBox .footer .footerBottom .col.qrCode {
          width: 135px;
          margin-right: 100px; }
          .footerBox .footer .footerBottom .col.qrCode img {
            display: block;
            width: 135px;
            height: 135px;
            background: #fff; }
          .footerBox .footer .footerBottom .col.qrCode p {
            margin-top: 14px;
            text-align: center;
            color: #fff; }
        .footerBox .footer .footerBottom .col.w200 {
          width: 200px; }
        .footerBox .footer .footerBottom .col.w300 {
          width: 300px; }
        .footerBox .footer .footerBottom .col.btns .telBtn {
          display: block;
          width: 265px;
          line-height: 50px;
          background: #1B92E0;
          color: #fff;
          text-align: center; }
        .footerBox .footer .footerBottom .col h4 {
          font-size: 16px;
          margin-bottom: 15px; }
        .footerBox .footer .footerBottom .col a {
          font-size: 14px;
          color: #9c9797;
          text-decoration: none; }
        .footerBox .footer .footerBottom .col div + div {
          margin-top: 40px; }
        .footerBox .footer .footerBottom .col > div > p {
          line-height: 24px; }

.newsBody {
  width: 1000px;
  margin: auto;
  overflow: hidden;
  padding-bottom: 80px; }
  .newsBody .newsItem {
    margin-top: 80px;
    font-size: 0; }
    .newsBody .newsItem .newsLeft {
      display: inline-block;
      width: 540px;
      margin-right: 80px; }
      .newsBody .newsItem .newsLeft .newsTop {
        position: relative;
        line-height: 30px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E5E5E5; }
        .newsBody .newsItem .newsLeft .newsTop h5 {
          font-weight: normal;
          width: 430px;
          font-size: 24px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
        .newsBody .newsItem .newsLeft .newsTop .time {
          float: right;
          display: block;
          width: 100px;
          font-size: 16px;
          text-align: right; }
      .newsBody .newsItem .newsLeft .newsText {
        color: #3A3A3A;
        padding-top: 20px;
        font-size: 16px; }
    .newsBody .newsItem .newsImg {
      display: inline-block;
      width: 300px;
      vertical-align: top; }
      .newsBody .newsItem .newsImg img {
        max-width: 300px;
        max-height: 200px; }

.contactBody {
  padding-top: 40px;
  padding-bottom: 75px; }
  .contactBody h2, .contactBody h3 {
    text-align: center; }
  .contactBody h2 {
    font-size: 30px;
    color: #3A3A3A; }
  .contactBody h3 {
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 30px; }
  .contactBody input, .contactBody textarea {
    background: #EEF0F2;
    color: #333333;
    border: none;
    outline: none;
    line-height: 40px;
    text-indent: 15px; }
  .contactBody .text {
    width: 300px; }
  .contactBody textarea {
    width: 680px;
    height: 120px; }
  .contactBody form {
    width: 680px;
    margin: auto;
    font-size: 0; }
    .contactBody form div {
      font-size: 14px;
      text-align: left; }
    .contactBody form .row {
      display: inline-block; }
      .contactBody form .row:first-child {
        margin-right: 80px; }
  .contactBody label {
    font-size: 16px;
    color: #666;
    display: block;
    margin-top: 30px;
    margin-bottom: 6px; }
  .contactBody .submit {
    display: block;
    margin: 35px auto 0;
    width: 330px;
    line-height: 50px;
    color: #fff;
    background: #1B92E0;
    font-size: 16px; }
  .contactBody ::-webkit-input-placeholder {
    color: #AFB1B3;
    font-size: 14px; }
  .contactBody :-moz-placeholder {
    color: #AFB1B3;
    font-size: 14px; }
  .contactBody :-ms-input-placeholder {
    color: #AFB1B3;
    font-size: 14px; }

.aboutBody {
  background: #F2F6F7;
  max-width: 1920px;
  margin: auto;
  overflow: hidden; }
  .aboutBody .recuitContent {
    width: 1200px;
    padding: 40px 0 20px;
    overflow: hidden;
    margin: auto; }
    .aboutBody .recuitContent .recuitInfo {
      float: right;
      width: 400px;
      padding: 0 30px 50px;
      background: #fff; }
      .aboutBody .recuitContent .recuitInfo h6 {
        font-size: 24px;
        color: #1B92E0;
        font-weight: normal;
        padding-top: 20px; }
      .aboutBody .recuitContent .recuitInfo p {
        font-size: 16px;
        color: #3A3A3A;
        margin-top: 25px; }
    .aboutBody .recuitContent .recuitTable {
      width: 725px;
      padding: 0 30px;
      margin-right: 15px;
      background: #fff;
      font-size: 18px; }
      .aboutBody .recuitContent .recuitTable th {
        line-height: 60px;
        border-bottom: 1px solid #e5e5e5;
        text-align: left; }
      .aboutBody .recuitContent .recuitTable td {
        line-height: 60px; }
  .aboutBody .briefContent {
    width: 920px;
    margin: auto;
    padding: 80px 0;
    font-size: 0; }
    .aboutBody .briefContent .briefLeft .briefTop {
      font-size: 30px;
      padding-bottom: 30px;
      font-weight: bold;
      border-bottom: 1px solid #E5E5E5; }
    .aboutBody .briefContent .briefLeft .briefText {
      color: #3A3A3A;
      padding-top: 20px;
      font-size: 16px; }
    .aboutBody .briefContent .briefImg {
      display: none;
      width: 300px;
      vertical-align: top; }
      .aboutBody .briefContent .briefImg img {
        max-width: 300px;
        max-height: 200px; }
    .aboutBody .briefContent img {
      width: 100%; }
    .aboutBody .briefContent p {
      margin-bottom: 1em; }
  .aboutBody .historyContent {
    max-width: 1920px;
    min-width: 1200px;
    margin: auto; }
    .aboutBody .historyContent .historyTop {
      width: 920px;
      margin: auto;
      font-size: 30px;
      padding-bottom: 30px;
      font-weight: bold; }
      .aboutBody .historyContent .historyTop span {
        font-size: 24px; }
    .aboutBody .historyContent .yearLine {
      max-width: 1200px;
      margin: auto;
      border-bottom: 1px solid #379BDE;
      text-align: center; }
      .aboutBody .historyContent .yearLine:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #379BDE;
        position: relative;
        top: 10px; }
    .aboutBody .historyContent .swiper-content {
      width: 1000px;
      overflow: hidden;
      margin: auto; }
    .aboutBody .historyContent .timeBtn {
      font-size: 14px;
      line-height: 50px;
      height: 50px;
      text-align: center;
      margin-bottom: 30px;
      cursor: pointer; }
    .aboutBody .historyContent .swiper-slide-active .timeBtn, .aboutBody .historyContent .swiper-slide-duplicate-active .timeBtn {
      transition: all 0.3s;
      color: #1B92E0;
      font-size: 24px; }
    .aboutBody .historyContent .historyItem {
      padding: 30px;
      text-align: center;
      background: #fff;
      color: #3A3A3A;
      transform: scale(0.9); }
      .aboutBody .historyContent .historyItem h2 {
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 20px; }
      .aboutBody .historyContent .historyItem p {
        font-size: 16px;
        line-height: 24px; }
      .aboutBody .historyContent .historyItem img {
        display: block;
        width: 100%;
        height: 160px;
        background: #A0A0A0;
        margin-top: 50px; }
    .aboutBody .historyContent .swiper-slide-active .historyItem, .aboutBody .historyContent .swiper-slide-duplicate-active .historyItem {
      transition: all 0.3s;
      transform: scale(1); }
  .aboutBody .mountainContent {
    background: url(../img/bgmountain.png) no-repeat center 0/1920px 100%;
    height: 425px;
    margin-top: 50px; }
    .aboutBody .mountainContent .history {
      position: relative;
      top: -67px; }
  .aboutBody .cultureContent {
    background: url(../img/bgculture.png) no-repeat center 0/1920px 100%;
    height: 417px;
    color: #fff; }
    .aboutBody .cultureContent .cultureBox {
      width: 1000px;
      margin: auto; }
    .aboutBody .cultureContent h4 {
      padding-top: 60px;
      font-size: 30px; }
    .aboutBody .cultureContent .cultureRight {
      width: 540px;
      float: right;
      margin-top: 80px; }
      .aboutBody .cultureContent .cultureRight h5 {
        font-size: 28px; }
      .aboutBody .cultureContent .cultureRight p {
        width: 475px;
        margin-top: 20px;
        font-size: 18px; }

.branchBody {
  max-width: 1920px;
  margin: auto; }
  .branchBody .mapContent {
    width: 1000px;
    margin: auto; }
  .branchBody .branchContent {
    width: 1000px;
    margin: 0 auto 30px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
    .branchBody .branchContent .branchItem {
      width: 400px;
      height: 125px;
      border-bottom: 1px solid #e5e5e5; }
      .branchBody .branchContent .branchItem.borderTop {
        border-top: 1px solid #e5e5e5; }
      .branchBody .branchContent .branchItem h6 {
        padding-top: 20px;
        font-size: 24px;
        font-weight: normal; }
        .branchBody .branchContent .branchItem h6 img {
          margin-right: 10px;
          width: 16px;
          height: 21px;
          vertical-align: middle; }
      .branchBody .branchContent .branchItem p {
        margin-top: 10px;
        margin-left: 26px;
        color: #3A3A3A;
        font-size: 14px; }

#cq {
  background: url(../img/mapcq.png) no-repeat center 0/1920px 100%; }

#cd {
  background: url(../img/mapcd.png) no-repeat center 0/1920px 100%; }

#bj {
  background: url(../img/mapbj.png) no-repeat center 0/1920px 100%; }

#nj {
  background: url(../img/mapnj.png) no-repeat center 0/1920px 100%; }

.swiper-button-prev, .swiper-button-next {
  width: 54px;
  height: 54px; }
  .swiper-button-prev:after, .swiper-button-next:after {
    content: ''; }

.swiper-button-prev {
  background: url(../img/arrLeft.png) no-repeat 0 0/100% 100%; }

.swiper-button-next {
  background: url(../img/arrRight.png) no-repeat 0 0/100% 100%; }

.swiperBtns {
  position: relative;
  top: -50%;
  width: 1200px;
  margin: auto; }

.page-box {
  margin-top: 80px;
  text-align: center; }
  .page-box span {
    border: 1px solid #379BDE;
    padding: 6px;
    margin: 0 5px;
    color: #379BDE; }
  .page-box a {
    border: 1px solid #379BDE;
    padding: 6px;
    margin: 0 5px;
    color: #379BDE; }
  .page-box .current {
    background: #379BDE;
    color: #fff; }

.body.bgmap#nomap {
  background: #666;
  height: auto; }
  .body.bgmap#nomap .mapBox {
    padding: 0; }
    .body.bgmap#nomap .mapBox .bubble {
      display: none; }
    .body.bgmap#nomap .mapBox .mapNav {
      margin: 0;
      line-height: 80px; }
    .body.bgmap#nomap .mapBox a[data-map] {
      cursor: text; }

.body .product {
  display: none; }

.productNew {
  font-size: 0;
  width: 1200px;
  margin: 0 auto 50px; }
  .productNew .productItem {
    width: 585px;
    height: 360px;
    display: inline-block;
    position: relative;
    color: #fff; }
    .productNew .productItem:first-child {
      margin-right: 30px; }
    .productNew .productItem img {
      width: 100%;
      height: 100%; }
    .productNew .productItem .productCover {
      display: none; }
    .productNew .productItem > h2 {
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 30px;
      text-indent: 20px;
      padding: 10px 0 20px;
      background: rgba(0, 0, 0, 0.6);
      font-weight: normal;
      width: 100%; }
    .productNew .productItem:hover > h2 {
      display: none; }
    .productNew .productItem:hover .productCover {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(15, 119, 208, 0.85);
      color: #fff;
      font-size: 14px;
      text-align: center;
      overflow: hidden; }
      .productNew .productItem:hover .productCover h2 {
        margin-top: 135px;
        font-size: 32px;
        text-align: center;
        font-weight: normal; }
      .productNew .productItem:hover .productCover p {
        margin: 25px 130px;
        font-size: 18px;
        text-align: left; }
      .productNew .productItem:hover .productCover em {
        font-style: normal; }