body {
  background: #e3e3ed; }

.W2 {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  overflow: hidden; }

.W1 {
  width: 100%;
  height: auto;
  overflow: hidden; }

.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  .banner .left {
    float: left;
    color: white;
    width: 42.55%;
    position: absolute;
    top: 48.12%;
    left: 0;
    height: auto;
    overflow: hidden; }
    .banner .left .blue {
      width: 5.20%;
      height: 220px;
      background-color: #183573;
      float: left;
      margin-right: 2.44%; }
    .banner .left .tx {
      float: left;
      width: 90%; }
      .banner .left .tx .title {
        font-size: 60px;
        font-style: italic; }
      .banner .left .tx h2 {
        font-size: 48px;
        font-weight: 200;
        font-style: italic;
        margin-bottom: 18px; }
      .banner .left .tx p {
        font-size: 16px;
        line-height: 27px; }
  .banner .pic {
    float: right;
    width: 44.27%;
    height: auto;
    box-shadow: 0px 20px 49px 0px rgba(9, 9, 9, 0.61);
    position: absolute;
    bottom: 14.9%;
    right: 5.20%;
    overflow: hidden; }
    .banner .pic img {
      width: 100%;
      height: auto; }

.contact {
  margin: 100px auto; }
  .contact .left {
    width: 669px;
    float: left; }
    .contact .left .title {
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 0px;
      color: #181818;
      margin-bottom: 38px; }
      .contact .left .title span {
        font-size: 24px;
        font-weight: 600; }
    .contact .left p {
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #181818;
      text-indent: 2rem;
      line-height: 22px;
      margin-bottom: 24px; }
  .contact .right {
    float: right;
    width: 474px;
    height: 443px;
    overflow: hidden; }
    .contact .right img {
      width: 100%; }

.profile {
  height: 300px; }
  .profile .left {
    height: 100%;
    float: left;
    width: 34.73%;
    background-color: #d2d2dc; }
    .profile .left .cons {
      width: 307px;
      float: right; }
      .profile .left .cons .title {
        margin-top: 43px;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #181818;
        margin-bottom: 54px; }
        .profile .left .cons .title span {
          font-size: 24px;
          font-weight: 600; }
      .profile .left .cons .year {
        width: 282px;
        height: 69px;
        background-color: #183573;
        margin-bottom: 20px;
        color: white;
        line-height: 69px;
        text-align: center; }
      .profile .left .cons .click_year {
        padding: 0 20px;
        box-sizing: border-box;
        text-align: left;
        background: url(../image/changjiantou.png) no-repeat 202px center;
        background-color: #183573; }
  .profile .pro_right {
    float: left;
    height: 100%;
    width: 65.27%;
    background-color: #183573;
    color: white;
    padding-right: 1.5%;
    box-sizing: border-box; }
    .profile .pro_right .navs {
      width: 100%;
      height: 85px;
      line-height: 85px;
      border-bottom: 1px solid #FFFFFF;
      padding-left: 45px;
      box-sizing: border-box; }
      .profile .pro_right .navs .ye {
        float: left;
        font-size: 24px;
        letter-spacing: 1px;
        width: 100px;
        text-align: center;
        margin-right: 20px;
        box-sizing: border-box;
        height: 84px; }
      .profile .pro_right .navs .click_ye {
        border-bottom: 2px solid white; }
    .profile .pro_right .bottom {
      padding: 74px 0 0 107px; }
      .profile .pro_right .bottom .conse {
        width: 672px;
        height: auto;
        font-family: MicrosoftYaHei;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: 0px;
        color: #ffffff;
        display: none; }
      .profile .pro_right .bottom .conse_click {
        display: block; }

.year2 {
  display: none; }

.ln {
  height: 450px;
  padding-top: 85px;
  box-sizing: border-box; }
  .ln .title {
    float: left;
    color: #181818;
    font-size: 16px; }
    .ln .title span {
      font-size: 24px; }
  .ln .list {
    float: left;
    width: 151px;
    margin-left: 87px;
    text-align: center; }
    .ln .list .txt {
      margin: 20px 0;
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #181818; }
    .ln .list p {
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #181818;
      text-align: left; }

.div3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 30px;
  box-sizing: border-box; }
  .div3 .top {
    width: 100%;
    height: 100px;
    background-color: #d2d2dc; }
    .div3 .top .left {
      width: 667px;
      background-color: #183573;
      height: 100%;
      float: left;
      padding-left: 355px;
      box-sizing: border-box; }
      .div3 .top .left .tit {
        color: #fff;
        padding-left: 50px;
        box-sizing: border-box;
        float: left;
        line-height: 100px; }
        .div3 .top .left .tit h4 {
          display: inline-block;
          font-family: MicrosoftYaHei;
          font-size: 24px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px; }
        .div3 .top .left .tit span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          letter-spacing: 0px; }
    .div3 .top .right {
      float: left; }
      .div3 .top .right ul li {
        float: left;
        width: 100px;
        text-align: center;
        line-height: 98px;
        margin-left: 300px; }
      .div3 .top .right ul .active {
        border-bottom: 2px solid #183573; }
  .div3 .rightt {
    width: 1200px;
    margin: auto;
    position: relative;
    margin-top: 30px; }
    .div3 .rightt .swiper-container-horizontal {
      height: 100%; }
      .div3 .rightt .swiper-container-horizontal .threeg {
        text-align: center; }
        .div3 .rightt .swiper-container-horizontal .threeg .img {
          width: 80%;
          height: 60%;
          margin: auto;
          overflow: hidden;
          margin-top: 95px; }
          .div3 .rightt .swiper-container-horizontal .threeg .img img {
            width: 100%;
            height: auto; }
        .div3 .rightt .swiper-container-horizontal .threeg p {
          margin-top: 45px; }
@keyframes myfirsts {
  0% {
    transform: translateX(-6px); }
  50% {
    transform: translateX(3px); }
  100% {
    transform: translateX(-6px); } }
    .div3 .rightt .threene {
      background-image: none !important;
      width: 50px !important;
      height: 50px !important;
      text-align: center;
      background-color: #183573 !important; }
      .div3 .rightt .threene img {
        margin-top: 13px;
        animation: myfirsts 3s infinite; }
    .div3 .rightt .threepr {
      background-image: none !important;
      width: 50px !important;
      height: 50px !important;
      text-align: center;
      margin-top: 13px;
      background-color: #183573 !important; }
      .div3 .rightt .threepr img {
        margin-top: 13px;
        animation: myfirsts 3s infinite; }

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