@charset "UTF-8";
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul, dl, ol {
  list-style: none; }

img, fieldset, input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a, button, input, img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

input, select, textarea {
  outline: none;
  font-family: "SimHei"; }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.ct {
  text-align: center; }

.ri {
  text-align: right; }

.le {
  text-align: left; }

.bl {
  display: block; }

.inbl {
  display: inline-block; }

.line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.line3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.line4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

html, body {
  /*禁止用户选择元素*/
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html {
  width: 100%;
  outline: 0;
  -webkit-text-size-adjust: none; }

body {
  height: 100%;
  margin: 0;
  position: relative; }

.border {
  display: block;
  position: relative; }

.border:hover:after {
  height: 99%;
  width: 100%;
  border-width: 0 0 3px 3px;
  transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s; }

.border:hover:before {
  height: 99%;
  width: 100%;
  border-width: 3px 3px 0 0;
  transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s; }

.border:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  right: 0;
  bottom: 0;
  border: solid #00a8ed;
  display: block;
  border-width: 0;
  transition: all ease-in-out;
  -webkit-transition: all ease-in-out;
  z-index: 2; }

.border:before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  height: 0;
  width: 0;
  border: solid #00a8ed;
  border-width: 0;
  z-index: 2;
  transition: all ease-in-out; }

.img_wrap {
  overflow: hidden; }
  .img_wrap:hover img {
    transition: all .3s linear;
    transform: scale(1.1); }

.box-shadow {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09); }

.shadow {
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.09); }

.imgfont_wrap {
  position: relative;
  overflow: hidden; }
  .imgfont_wrap:after {
    padding-top: 57.14%;
    content: "";
    display: block; }
  .imgfont_wrap img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .6s linear; }
  .imgfont_wrap:hover span {
    background: rgba(0, 0, 0, 0.6); }
  .imgfont_wrap:hover span:before {
    height: 60px; }
  .imgfont_wrap:hover span:after {
    width: 190px; }
  .imgfont_wrap:hover img {
    transform: scale(1.2); }
  .imgfont_wrap span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent; }
    .imgfont_wrap span:before {
      content: attr(ndata);
      overflow: hidden;
      white-space: nowrap;
      font-size: 14px;
      color: white;
      line-height: 90px;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      position: absolute;
      height: 0;
      width: 200px;
      border-left: 1px solid white;
      border-right: 1px solid white;
      transition: height .6s ease;
      text-align: center;
      font-family: "SimHei"; }
    .imgfont_wrap span:after {
      content: attr(mdata);
      overflow: hidden;
      white-space: nowrap;
      text-align: center;
      font-size: 20px;
      color: white;
      line-height: 45px;
      letter-spacing: 1px;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      position: absolute;
      width: 0;
      height: 75px;
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      transition: width .6s ease;
      font-family: "SimHei"; }

.btn-more {
  padding: 6px 0;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 20px;
  font-size: 16px;
  display: block;
  margin: 0 auto;
  width: 120px; }

.btn-more.btn-c {
  color: #fff; }

.btn-mor-c.btn {
  width: 120px;
  display: block;
  margin: 0 auto;
  border-radius: 20px;
  font-size: 16px;
  border: 1px solid #e0e0e0;
  color: #333; }

.btn-more:hover {
  color: #fff;
  border-color: #3c1c6b; }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none; }

.btn-c {
  position: relative;
  color: #3c1c6b;
  z-index: 2;
  overflow: hidden;
  background: transparent; }

.btn-c:before, .btn-c:after, .btn-c::before, .btn-c::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background: #0c7b97;
  border-radius: 50%;
  z-index: -1; }

.btn-c:before, .btn-c::before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*     animation: criss-cross-left 0.8s reverse; */
  z-index: -1; }

.btn-c:after, .btn-c::after {
  right: -20px;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  /*     animation: criss-cross-right 0.8s reverse; */
  z-index: -1; }

.btn-c:hover {
  color: #fff; }

.btn-c:hover:before, .btn-c:hover::before {
  -webkit-animation: criss-cross-left 0.8s both;
  animation: criss-cross-left 0.8s both; }

.btn-c:hover:after, .btn-c:hover::after {
  -webkit-animation: criss-cross-right 0.8s both;
  animation: criss-cross-right 0.8s both; }

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px; }
  50% {
    left: 50%;
    width: 20px;
    height: 20px; }
  100% {
    left: 50%;
    width: 375px;
    height: 375px; } }
@keyframes criss-cross-left {
  0% {
    left: -20px; }
  50% {
    left: 50%;
    width: 20px;
    height: 20px; }
  100% {
    left: 50%;
    width: 375px;
    height: 375px; } }
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px; }
  50% {
    right: 50%;
    width: 20px;
    height: 20px; }
  100% {
    right: 50%;
    width: 375px;
    height: 375px; } }
@keyframes criss-cross-right {
  0% {
    right: -20px; }
  50% {
    right: 50%;
    width: 20px;
    height: 20px; }
  100% {
    right: 50%;
    width: 375px;
    height: 375px; } }
body {
  font-family: "SimHei","ヒラギノ角ゴ Pro W5", "メイリオ", Meiryo, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif, "ＭＳ Ｐゴシック", "MS Pゴシック", Osaka; }

.container {
  width: 1210px !important;
  margin: 0 auto; }

header {
  height: 70px;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  margin: auto;
  z-index: 29;
  padding-top: 14px;
  background-color: rgba(255, 255, 255, 0.6); }
  header .fr {
    margin-right: 3%; }
  header .ri {
    font-size: 0; }
    header .ri a {
      font-size: 12px;
      color: #00809e;
      padding: 0 5px;
      display: inline-block; }
      header .ri a:first-of-type {
        border-right: 1px solid #00809E; }
      header .ri a:hover {
        font-style: italic;
        text-decoration: underline;
        color: #333; }

.nav a {
  font-size: 12px;
  color: #000;
  display: block;
  transition: all .1s linear; }
.nav > li {
  height: 40px;
  line-height: 40px;
  transition: all .3s linear;
  position: relative;
  float: left; }
  .nav > li:hover {
    background: linear-gradient(#46aef7, #16d9e3); }
    .nav > li:hover > a {
      color: #fff;
      font-weight: bold; }
    .nav > li:hover ul {
      height: auto; }
  .nav > li > a {
    padding: 0 15px;
    font-size: 14px; }
  .nav > li ul {
    position: absolute;
    height: 0;
    transition: all .3s linear;
    overflow: hidden; }
    .nav > li ul li {
      padding: 0 15px;
      height: 40px;
      line-height: 40px;
      background-color: #fff; }
      .nav > li ul li a {
        font-size: 13px;
        color: #00809E;
        transition: all .1s linear; }
      .nav > li ul li:hover {
        background-color: rgba(48, 199, 236, 0.8); }
        .nav > li ul li:hover a {
          color: #fff; }
.nav .wid200 {
  width: 200px; }

.pcphone {
  position: fixed;
  top: 30px;
  right: 40px;
  font-size: 0;
  border-radius: 3px;
  z-index: 66;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
  .pcphone .wrap {
    display: inline-block;
    background: #fff;
    text-align: center; }
    .pcphone .wrap a {
      display: block;
      padding: 14px;
      padding-bottom: 11px; }
    .pcphone .wrap i {
      font-size: 20px;
      color: #666; }
    .pcphone .wrap span {
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      color: #fff;
      padding: 8px 16px;
      position: absolute;
      bottom: -38px;
      min-width: 56px;
      width: 120px;
      display: none;
      background-color: rgba(35, 45, 60, 0.9); }
    .pcphone .wrap .sanjiao {
      border: 8px solid transparent;
      border-bottom-width: 4px;
      border-bottom-color: rgba(35, 45, 60, 0.9);
      border-top: none;
      left: 20%;
      position: absolute;
      top: 48px;
      display: none; }
    .pcphone .wrap .abso1 {
      left: -30px; }
    .pcphone .wrap .abso2 {
      left: 10px; }
    .pcphone .wrap .sj2 {
      left: 65%; }
    .pcphone .wrap:hover span {
      display: block; }
    .pcphone .wrap:hover .sanjiao {
      display: block; }
  .pcphone .active {
    background: #609EE9; }
    .pcphone .active i {
      color: #fff; }

.section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden; }

.aboutus .fr .more {
  display: none; }

.fontposi {
  position: relative; }
  .fontposi .font {
    position: absolute;
    top: 18%;
    left: 10%; }
    .fontposi .font h3 {
      font-size: 48px;
      color: #566e82;
      text-align: left; }
    .fontposi .font p {
      margin-top: 15px;
      color: #6a798d;
      font-size: 42px; }
  .fontposi .erfont {
    position: absolute;
    width: 100%;
    top: 20%; }
    .fontposi .erfont p {
      font-size: 30px;
      color: #2A3747; }
    .fontposi .erfont h3 {
      font-size: 48px;
      color: #2A3747;
      font-weight: 500; }
    .fontposi .erfont span {
      font-size: 14px;
      display: block;
      color: #000;
      margin-top: 1.5%; }
  .fontposi .sanfont {
    position: absolute;
    width: 100%;
    top: 12%; }
    .fontposi .sanfont h3 {
      font-size: 36px;
      color: #0c7b97; }
    .fontposi .sanfont p {
      font-size: 14px;
      color: #68778a;
      position: relative; }
      .fontposi .sanfont p:after {
        position: absolute;
        content: "";
        display: block;
        width: 20%;
        right: 0;
        left: 0;
        bottom: -50%;
        height: 1px;
        background-color: #0c7b97;
        margin: auto;
        z-index: 1; }
      .fontposi .sanfont p:before {
        position: absolute;
        content: "";
        display: block;
        width: 8%;
        right: 0;
        left: 0;
        bottom: -54%;
        height: 5px;
        background-color: #e88b13;
        margin: auto;
        z-index: 3; }

.imgpos {
  position: absolute;
  bottom: 0%;
  color: #fff;
  font-size: 12px;
  width: 100%; }
  .imgpos img {
    width: 50px; }

.flexa {
  cursor: pointer;
  color: #fff;
  animation: fade 3s infinite linear;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 66; }
  .flexa i {
    font-size: 38px;
    font-weight: bold; }

@keyframes fade {
  0% {
    opacity: 1;
    bottom: 20px; }
  50% {
    opacity: 0.3;
    bottom: 10px; }
  100% {
    opacity: 1;
    bottom: 20px; } }
#fullPage-nav li .active span, .fullPage-slidesNav .active span {
  background-color: #ff9900;
  border-color: #ff9900; }

#fullPage-nav span, .fullPage-slidesNav span {
  border-color: #00809e;
  width: 15px;
  height: 15px; }

#fullPage-nav li, .fullPage-slidesNav li {
  margin: 10px; }

.top40 {
  position: absolute;
  top: 40%;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%; }

.fourwrap {
  float: left;
  width: 23.14%;
  /* padding: 5% 0 3%; */
  background-color: #fff;
  transition: all 0.3s linear;
  margin-right: 2.4%; }
  .fourwrap:nth-of-type(4n) {
    margin-right: 0; }
  .fourwrap:hover {
    background: url(../img/imgbg.jpg) no-repeat center;
    background-size: cover;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(0, -5px, 0); }
  .fourwrap .img_wrap {
    width: 56%;
    margin: 0 auto;
    margin-bottom: 8%;
    overflow: hidden;
    position: relative; }
    .fourwrap .img_wrap:after {
      padding-top: 100%;
      content: "";
      display: block; }
    .fourwrap .img_wrap img {
      position: absolute;
      top: 0;
      left: 0; }
  .fourwrap p {
    text-align: center;
    color: #434a54;
    font-size: 20px;
    font-weight: bold;
    font-family: Microsoft YaHei; }

.casele {
  width: 57.5%;
  overflow: hidden;
  position: relative; }

.min-swiper-container {
  width: 100%;
  height: 530px;
  overflow: hidden; }
  .min-swiper-container .swiper-slide {
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    .min-swiper-container .swiper-slide .sli_font {
      position: absolute; }
    .min-swiper-container .swiper-slide .font1 {
      font-size: 54px;
      font-weight: 500;
      color: #fff;
      top: 40%;
      text-align: center;
      left: 0;
      right: 0;
      margin: auto; }
    .min-swiper-container .swiper-slide .font2 {
      font-size: 54px;
      font-weight: 500;
      color: #fff;
      text-align: center;
      top: 40%;
      left: 0;
      right: 0;
      margin: auto; }
    .min-swiper-container .swiper-slide .font3 {
      background-color: rgba(255, 255, 255, 0.3);
      padding: 10px 10px;
      font-size: 38px;
      font-size: 500;
      color: #333;
      top: 10%;
      left: 5%; }
  .min-swiper-container .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #fff;
    opacity: 1; }
  .min-swiper-container .swiper-pagination-bullet-active {
    background: #74b1c5; }

.more {
  display: block;
  width: 114px;
  line-height: 36px;
  background-color: #b1b8c2;
  color: #fff;
  transition: all .3s linear;
  text-align: center; }
  .more:hover {
    background-color: #666666; }

.caseri {
  width: 42.45%; }
  .caseri .wrap {
    width: 50%;
    height: 265px;
    overflow: hidden;
    position: relative;
    float: left;
    background-color: #fff; }
    .caseri .wrap .top {
      margin: 30px 10% 0;
      border-bottom: 1px solid #0c7b97; }
      .caseri .wrap .top p {
        color: #0C7B97;
        font-size: 16px;
        line-height: 30px; }
      .caseri .wrap .top h3 {
        font-size: 18px;
        color: #68778a;
        margin-bottom: 10px; }
    .caseri .wrap .bottom {
      margin: 20px 10% 0; }
      .caseri .wrap .bottom p {
        line-height: 28px;
        font-size: 14px;
        color: #68778a; }
    .caseri .wrap .more {
      position: absolute;
      bottom: 0;
      left: 0; }
      .caseri .wrap .more span {
        display: inline-block;
        font-size: 16px;
        transition: all .3s linear;
        font-weight: bold;
        vertical-align: middle; }
      .caseri .wrap .more em {
        font-size: 14px;
        vertical-align: middle; }
      .caseri .wrap .more:hover span {
        transform: rotate(180deg); }

.top25 {
  top: 25%; }

.bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.top70 {
  position: absolute;
  top: 120px;
  width: 100%; 
  height: 400px;
}

.aboutus .fl {
  width: 45%;
  margin-right: 3%;
  padding-left: 6%;
  padding-top: 30px; }
  .aboutus .fl .title h3 {
    font-size: 36px;
    color: #00809e; }
  .aboutus .fl .title p {
    position: relative;
    font-size: 14px;
    color: #68778a; }
    .aboutus .fl .title p:after {
      position: absolute;
      content: "";
      display: block;
      width: 60%;
      bottom: -50%;
      height: 1px;
      background-color: #0c7b97;
      z-index: 1; }
    .aboutus .fl .title p:before {
      position: absolute;
      content: "";
      display: block;
      width: 25%;
      bottom: -60%;
      height: 5px;
      background-color: #e88b13;
      z-index: 3; }
  .aboutus .fl .fontwrap {
    margin-top: 40px;
    font-size: 0; }
    .aboutus .fl .fontwrap h3 {
      font-size: 24px;
      color: #6a798d;
      margin-bottom: 20px; }
    .aboutus .fl .fontwrap p {
      font-size: 18px;
      line-height: 24px;
      color: #6a798d; }
      .aboutus .fl .fontwrap p span {
        color: #00809e; 
        display: inline-block;text-indent: 2em;}
.aboutus .fr {
  height: 100%;
  width: 51.66%;
  background-image: url(../img/Index/four_banner.jpg); }
  .aboutus .fr .fontwrap {
    padding-top: 137px;
    padding-left: 65px;
    position: relative; }
    .aboutus .fr .fontwrap h3 {
      font-size: 24px;
      color: #00809e;
      margin-bottom: 20px; }
    .aboutus .fr .fontwrap p {
      font-size: 18px;
      line-height: 24px;
      color: #1d3c64; }
  .aboutus .fr .more {
    width: 143px;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff; }
    .aboutus .fr .more:hover {
      background: #fff; }

.usbot {
  position: absolute;
  top: 430px;
  width: 100%;
  height: 320px; }
  .usbot img {
    width: 100%; }

.top35 {
  top: 35%; }

.yingye .wrap {
  display: block;
  width: 19.5%;
  overflow: hidden;
  height: 330px;
  float: left;
  position: relative;
  margin-right: 0.6%; }
  .yingye .wrap:nth-of-type(5n) {
    margin-right: 0; }
  .yingye .wrap .bg {
    height: 100%; }
  .yingye .wrap p {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    bottom: 0;
    color: #fff;
    height: 0;
    padding: 10px;
    position: absolute; }
    .yingye .wrap p span {
      font-size: 16px;
      font-weight: normal;
      line-height: 30px;
      text-align: left;
      display: block; }
  .yingye .wrap:hover p {
    height: 100%;
    padding-top: 30%;
    transition: all .5s linear; }

.six {
  top: 28%; }
  .six .fl {
    width: 48%; }
    .six .fl .six-swiper-container {
      width: 100%;
      height: 375px;
      position: relative; }
    .six .fl .swiper-pagination .swiper-pagination-bullet {
      width: 40px;
      height: 4px;
      background: #d9dbdd;
      opacity: 1;
      border-radius: 0; }
    .six .fl .swiper-pagination .swiper-pagination-bullet-active {
      background: #474746; }
  .six .fr {
    width: 46%; }
    .six .fr .wrap {
      width: 100%;
      height: 106px;
      line-height: 106px;
      background-color: rgba(255, 255, 255, 0.5);
      font-size: 0;
      padding: 0 25px;
      transition: all .3s linear;
      margin-bottom: 5px; }
      .six .fr .wrap span {
        font-size: 32px;
        font-weight: bold;
        vertical-align: middle; }
      .six .fr .wrap a {
        display: inline-block;
        width: 70%;
        font-size: 16px;
        color: #333;
        vertical-align: middle;
        margin: 0 15px; }
        .six .fr .wrap a:hover {
          text-decoration: underline; }
      .six .fr .wrap em {
        font-size: 12px;
        color: #999;
        vertical-align: middle; }
      .six .fr .wrap:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        transform: translate3d(0, -3px, 0); }

.join {
  position: relative;
  height: 100%;
  overflow: hidden; }
  .join .callus {
    position: absolute;
    top: 23%;
    right: 0;
    width: 360px;
    border: 5px solid #fff;
    padding: 24px 32px 30px; }
    .join .callus p {
      font-size: 18px;
      color: #fff;
      margin-bottom: 12px; }
    .join .callus input {
      margin-bottom: 20px;
      border: 2px solid #fff;
      width: 100%;
      height: 40px;
      padding: 0 15px;
      line-height: 40px;
      color: #fff;
      background: transparent; }
      .join .callus input::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #fff;
        opacity: .5; }
      .join .callus input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #fff;
        opacity: .5; }
      .join .callus input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #fff;
        opacity: .5; }
      .join .callus input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #fff;
        opacity: .5; }
    .join .callus textarea {
      margin-bottom: 20px;
      border: 2px solid #fff;
      resize: none;
      color: #fff;
      width: 100%;
      padding: 10px 15px;
      height: 100px;
      background: transparent; }
      .join .callus textarea::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #fff;
        opacity: .5; }
      .join .callus textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #fff;
        opacity: .5; }
      .join .callus textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #fff;
        opacity: .5; }
      .join .callus textarea:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #fff;
        opacity: .5; }
    .join .callus .sub {
      width: 105px;
      line-height: 42px;
      height: 42px;
      background: #fff;
      font-size: 18px;
      cursor: pointer;
      color: #00809e;
      transition: all .3s linear;
      border-radius: 0; }
      .join .callus .sub:hover {
        background: #00809e;
        color: #fff;
        border-color: #00809e; }
  .join .bot {
    position: absolute;
    bottom: 30px;
    width: 100%; }

.link ul {
  margin-right: 80px;
  float: left; }
.link li {
  padding: 6px 8px;
  font-size: 14px; }
  .link li a {
    color: #fff; }
  .link li:hover {
    background-color: rgba(67, 86, 111, 0.35); }
.link .bold {
  font-size: 16px;
  padding: 12px 8px; }
  .link .bold a {
    font-weight: bold; }

.bolder li {
  font-size: 16px;
  padding: 12px 8px;
  font-weight: bold; }
  .bolder li a {
    font-weight: bold; }

.ewm {
  padding-top: 15px; }

.footbot {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  text-align: center;
  background: #00809e;
  height: 30px;
  line-height: 30px;
  color: #FFFFFF; }

.content {
  padding-top: 70px; }

.posi {
  padding-top: 18px;
  font-size: 12px; }
  .posi a {
    color: #6a798d; }

.company {
  padding-top: 42px;
  padding-bottom: 20px;
  min-height: 500px; }
  .company:nth-of-type(2n) {
    background: #edf2f8; }
    .company:nth-of-type(2n) .font {
      width: 60%;
      margin-left: 10%; }
  .company .img {
    width: 27.36%; }
    .company .img .img_wrap {
      position: relative;
      margin-bottom: 16px; }
      .company .img .img_wrap:after {
        padding-top: 62%;
        content: "";
        display: block; }
      .company .img .img_wrap img {
        position: absolute;
        top: 0;
        left: 0; }
  .company .font {
    width: 70%; }
    .company .font ul li {
      width: 100%;
      margin-bottom: 10px;
      font-size: 12px;
      color: #00809e;
      font-weight: bold; }
      .company .font ul li p {
        line-height: 22px; }
        .company .font ul li p span {
          float: none; }
      .company .font ul li span {
        font-weight: normal;
        display: inline-block;
        width: 82%;
        float: right;
        color: #6a798d;
        font-size: 12px; }

footer {
  background: #6d7c8f;
  padding-top: 20px;
  padding-bottom: 35px; }
  footer .footbot {
    background: #003a47; }

.bgcontent {
  height: 100%;
  position: relative;
  z-index: 1; }

.flexbg {
  position: relative;
  min-height: 380px;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1; }

.minh230 {
  min-height: 230px; }

.scrollingbg {
  min-height: 100%; }

.titleh3 {
  display: inline-block;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 5px;
  padding-right: 140px;
  border-bottom: 5px solid #fff;
  margin-bottom: 12px; }

.conp {
  font-size: 24px;
  color: #fff; }

.top28 {
  position: absolute;
  top: 20%; }

.jieshao {
  padding-top: 72px;
  padding-bottom: 72px; }
  .jieshao .fl {
    padding-top: 30px;
    width: 59%;
    font-size: 18px;
    color: #6a798d;
    margin-left: 20px;
    line-height: 28px; }
  .jieshao .img_wrap {
    width: 31.85%;
    position: relative; }
    .jieshao .img_wrap:after {
      padding-top: 62%;
      content: "";
      display: block; }
    .jieshao .img_wrap img {
      position: absolute;
      top: 0;
      left: 0; }

.type {
  padding: 60px 0 10px; }
  .type > .fl {
    width: 43%;
    padding-right: 12%; }
  .type ul {
    margin-top: 50px; }
    .type ul li .h3 {
      font-size: 18px;
      color: #333;
      margin-bottom: 10px; }
    .type ul li .p {
      color: #6a798d;
      font-size: 14px;
      line-height: 28px;
      margin-bottom: 28px; }
  .type > .fr {
    width: 53%; }
    .type > .fr > .fr {
      width: 46%; }
    .type > .fr > .fl {
      width: 46%; }

.jstitle {
  font-size: 24px;
  color: #00809e;
  width: 350px;
  font-weight: bold;
  border-bottom: 5px solid #00809e;
  padding-bottom: 5px; }

.case_wrap {
  overflow: hidden;
  padding: 48px 0 90px; }
  .case_wrap .case-swiper-container {
    height: 275px;
    margin-top: 64px;
    position: relative; }
  .case_wrap .imgwrap {
    position: relative;
    margin: 0 12px; }
    .case_wrap .imgwrap:after {
      content: '';
      display: block;
      padding-top: 72%; }
    .case_wrap .imgwrap img {
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .case_wrap .imgwrap .font {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      background-color: #6d7c8f;
      padding: 4px 0;
      padding-left: 26px; }
      .case_wrap .imgwrap .font h3 {
        font-size: 16px;
        color: #fff;
        font-weight: bold; }
        .case_wrap .imgwrap .font h3 span {
          font-size: 15px;
          font-weight: normal;
          margin-left: 5px; }

.fuwu .fuwu_wrap {
  padding-top: 46px;
  padding-bottom: 46px; }
  .fuwu .fuwu_wrap:nth-of-type(2n) {
    background-color: #edf2f8;
    padding: 60px 0 60px; }
.fuwu .img {
  width: 50%; }
.fuwu .font {
  width: 50%; }
  .fuwu .font .wrap {
    width: 46%;
    float: left;
    margin: 0 2%; }
    .fuwu .font .wrap h3 {
      font-size: 18px;
      color: #0380a0;
      margin-bottom: 36px; }
    .fuwu .font .wrap p {
      font-size: 14px;
      color: #687b8c;
      line-height: 22px; }

.lt {
  margin-top: 28px;
  margin-bottom: 64px; }
  .lt .bgwrap {
    height: 100%;
    width: 70%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .lt .wrap {
    height: 304px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .lt .wrap .font {
      padding: 38px 30px;
      width: 30%;
      height: 100%;
      color: #fff; }
      .lt .wrap .font .img {
        height: 64px; }
        .lt .wrap .font .img img {
          height: 100%; }
      .lt .wrap .font h3 {
        font-size: 30px;
        font-weight: bold; }
      .lt .wrap .font h4 {
        font-size: 20px;
        margin: 16px 0;
        font-weight: bold; }
      .lt .wrap .font p {
        font-size: 16px;
        line-height: 24px; }
    .lt .wrap:first-of-type {
      background-color: #cccccc; }
    .lt .wrap:nth-of-type(2) .bgwrap {
      transform: translateX(42.9%); }
    .lt .wrap:nth-of-type(2) .font {
      background-color: #00809e;
      transform: translateX(-233.3%); }
    .lt .wrap:nth-of-type(3) .font {
      background-color: #cccccc; }
    .lt .wrap:nth-of-type(4) .bgwrap {
        transform: translateX(42.9%); }
    .lt .wrap:nth-of-type(4) .font {
      background-color: #0c7b97; 
      transform: translateX(-233.3%);}

.lnfont {
  padding-top: 60px; }
  .lnfont h3 {
    width: 270px;
    font-size: 23px;
    color: #00809e;
    padding-bottom: 8px;
    border-bottom: 1px solid #00809e;
    margin-bottom: 12px; }
  .lnfont p {
    font-size: 18px;
    line-height: 24px;
    color: #6a798d; }
    .lnfont p span {
      color: #00809e; }

.white {
  float: right; }
  .white h3 {
    width: auto;
    text-align: right;
    color: #fff;
    border-bottom: 1px solid #fff; }
  .white p {
    color: #fff; }

.page {
  font-size: 0; }
  .page a {
    display: inline-block;
    font-size: 12px;
    padding: 6px 8px;
    color: #666;
    margin-right: 10px;
    margin-top: 15px;
    background-color: #e6e8eb;
    border-radius: 3px; }
    .page a:hover {
      color: #fff;
      background-color: #00a8ed; }
  .page .active {
    color: #fff;
    background-color: #00a8ed; }

.rc {
  margin-top: 40px;
  margin-bottom: 60px; }
  .rc .rc-swiper-container {
    width: 56%;
    height: 430px;
    position: relative; }
    .rc .rc-swiper-container .swiper-pagination-bullet {
      width: 16px;
      height: 16px; }
    .rc .rc-swiper-container .swiper-pagination-bullet-active {
      background: #fff; }
  .rc .font {
    width: 38%; }
    .rc .font > h3 {
      font-size: 22px;
      font-weight: normal;
      padding-left: 10px;
      border-left: 5px solid #00a8ed; }
    .rc .font ul {
      margin-top: 10px; }
      .rc .font ul li {
        padding-top: 10px;
        padding-bottom: 15px;
        border-bottom: 1px dashed #d5d8da; }
        .rc .font ul li h3 {
          font-size: 13px;
          color: #333;
          margin-bottom: 15px; }
        .rc .font ul li p {
          font-size: 12px;
          color: #999;
          margin-bottom: 12px; }
        .rc .font ul li .time {
          font-size: 12px;
          color: #ccc; }
        .rc .font ul li .time + .fr {
          font-size: 12px;
          color: #ccc; }
        .rc .font ul li i {
          font-size: 12px;
          color: #ccc; }

.download {
  padding: 88px 0 70px; }
  .download > h3 {
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    color: #fff;
    border-left: 5px solid #00a8ed; }
  .download ul {
    margin-top: 50px; }
    .download ul li {
      width: 50%;
      color: #fff;
      padding-bottom: 28px;
      border-bottom: 1px solid #00a8ed;
      padding-right: 30px;
      margin-bottom: 30px; }
      .download ul li:last-of-type {
        border: none; }
      .download ul li .line1 {
        font-size: 18px;
        margin-top: 14px;
        margin-left: 22px;
        height: 50px;
        width: 80%; }
        .download ul li .line1 .dwp {
          font-size: 12px; }
      .download ul li .fr {
        font-size: 12px;
        padding-top: 28px; }
  .download .page a {
    background-color: #000000;
    color: #00c0ff; }
    .download .page a:hover {
      background-color: #00c0ff;
      color: #fff; }
    .download .page a:first-of-type {
      color: #fff;
      background-color: #00a8ed; }
    .download .page a:last-of-type {
      color: #fff;
      background-color: #00a8ed; }
    .download .page a i {
      font-size: 12px; }

.us {
  padding-top: 10%;
  position: relative;
  z-index: 11; }
  .us h4 {
    font-size: 36px;
    color: #00809e;
    font-weight: normal;
    margin-bottom: 20px; }
  .us h3 {
    font-weight: bold;
    font-size: 24px;
    color: #6a798d;
    margin-bottom: 66px; }
  .us p {
    padding-left: 36px;
    font-size: 16px;
    color: #244362;
    margin-bottom: 30px; }

.usimg {
  position: absolute;
  width: 100%; }
  .usimg img {
    width: 100%; }

.wd_top {
  margin-top: 15px;
  padding-bottom: 36px; }
  .wd_top .top-swiper-container {
    width: 38%;
    height: 248px; }
  .wd_top .font {
    padding-top: 20px;
    width: 55.28%;
    padding-right: 16%; }
    .wd_top .font .h3 {
      font-size: 24px;
      color: #00809e;
      display: inline-block;
      font-weight: bold;
      padding-bottom: 8px;
      border-bottom: 1px solid #00809E;
      display: inline-block; }
    .wd_top .font .p {
      line-height: 22px;
      font-size: 12px;
      color: #6a798d;
      margin-top: 10px; }
    .wd_top .font a {
      font-size: 0px;
      padding: 10px;
      background: #00809e;
      display: inline-block;
      color: #fff;
      margin-top: 28px;
      transition: all .3s linear;
      border: 1px solid #00809E; }
      .wd_top .font a i {
        color: #fff;
        margin-left: 8px;
        vertical-align: middle; }
      .wd_top .font a span {
        vertical-align: middle;
        font-size: 12px; }
      .wd_top .font a:hover {
        border: 1px solid #00809E;
        color: #00809E;
        background-color: #fff; }
        .wd_top .font a:hover i {
          color: #00809E; }

.wd_middle .h3 {
  font-size: 24px;
  color: #00809e;
  font-weight: bold;
  margin-top: 28px;
  display: inline-block;
  padding-bottom: 18px; }
  .wd_middle .h3:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    border-bottom: 1px solid #00809E; }
.wd_middle .p {
  font-size: 12px;
  color: #6a798d;
  line-height: 20px; }
.wd_middle .pd {
  padding-bottom: 24px; }
.wd_middle .wrap {
  background: url(../img/wdimg_03.png) no-repeat center;
  background-size: 100%;
  padding: 0 38px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px; }
  .wd_middle .wrap .fl {
    width: 46%; }
    .wd_middle .wrap .fl .h4 {
      font-size: 18px;
      color: #00809e;
      margin-bottom: 15px;
      font-weight: normal; }
    .wd_middle .wrap .fl .img img {
      width: 48%;
      height: 170px;
      margin-right: 1%;
      margin-bottom: 10px;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35); }
  .wd_middle .wrap .fr {
    width: 52%; }

.yingye .wrap :hover p {
  transition: all .5s linear;
  height: 100%;
  padding-top: 30%; }

.section .sanfont h3 {
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  z-index: 9; }

.section.active .sanfont h3 {
  opacity: 1;
  transition: all 0.5s linear .8s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 9; }

.section .sanfont p {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 8; }

.section.active .sanfont p {
  opacity: 1;
  transition: all 0.5s linear 1.1s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 9; }

.section .sanfont p:after {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 8; }

.section.active .sanfont p:after {
  opacity: 1;
  transition: all 0.5s linear 1.5s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 8; }

.section .sanfont p:before {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 7; }

.section.active .sanfont p:before {
  opacity: 1;
  transition: all 0.5s linear 1.5s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 9; }

.section .aboutus .fl .title > h3 {
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  z-index: 9; }

.active .aboutus .fl .title > h3 {
  opacity: 1;
  transition: all 0.5s linear .8s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 9; }

.section .aboutus .fontwrap > p {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 8; }

.active .aboutus .fontwrap > p {
  opacity: 1;
  transition: all 0.5s linear 1.1s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 9; }

.section .aboutus .fl .title p:after {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 8; }

.active .aboutus .fl .title p:after {
  opacity: 1;
  transition: all 0.5s linear 1.5s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 8; }

.section .aboutus .fl .title p:before {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 7; }

.active .aboutus .fl .title p:before {
  opacity: 1;
  transition: all 0.5s linear 1.5s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 9; }

.section .six .fr .wrap {
  opacity: 0;
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  z-index: 9; }

.active .six .fr .wrap:first-of-type {
  opacity: 1;
  transition: all 0.5s linear .6s;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.active .six .fr .wrap:nth-of-type(2) {
  opacity: 1;
  transition: all 0.5s linear 1s;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.active .six .fr .wrap:nth-of-type(3) {
  opacity: 1;
  transition: all 0.5s linear 1.5s;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.section .yingye {
  opacity: 0;
  -webkit-transform: scale(0.01);
  transform: translateX(0.01); }

.active .yingye {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: translateX(1);
  transition: all 1s linear .6s; }

.section .aboutus .fl .fontwrap {
  opacity: 0;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  z-index: 9; }

.active .aboutus .fl .fontwrap {
  opacity: 1;
  transition: all 1s linear 1s;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.section .aboutus .fr .fontwrap {
  opacity: 0;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
  z-index: 9; }

.active .aboutus .fr .fontwrap {
  opacity: 1;
  transition: all 1s linear 1s;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.zptab {
  padding-top: 30px;
  margin-bottom: 30px; }
  .zptab li {
    float: left;
    padding: 10px 8px;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 14px; }
  .zptab .active {
    background: rgba(118, 165, 175, 0.6); }

.zp {
  min-height: 1000px;
  padding-top: 30px;
  padding-bottom: 10px; }
  .zp .wrap {
    padding: 30px 45px;
    width: 92%;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 1px dashed #fff;
    transition: all .3s linear; }
    .zp .wrap a {
      display: block; }
    .zp .wrap .zph3 {
      font-size: 18px;
      font-weight: bold;
      color: #FFF;
      margin-bottom: 8px; }
    .zp .wrap .zpp {
      font-size: 14px;
      color: #fff;
      line-height: 24px; }
    .zp .wrap:hover {
      border-color: #2188ca;
      box-shadow: 0 14px 11px rgba(7, 55, 99, 0.32);
      background: rgba(118, 165, 175, 0.3); }

@media (max-height: 760px) {
  .aboutus .fl {
    padding-top: 10px;
    min-height: 260px; }

  .aboutus .fr .fontwrap {
    padding-top: 93px; }

  .aboutus .fl .fontwrap {
    margin-top: 25px; }

  .aboutus .fr {
    min-height: 260px; }

  .usbot {
    top: 330px; }

  .aboutus .fl .title h3 {
    font-size: 28px; }

  .aboutus .fl .title p {
    font-size: 12px; }

  .aboutus .fl .fontwrap h3 {
    font-size: 20px;
    margin-bottom: 12px; }

  .aboutus .fl .fontwrap p {
    font-size: 14px;
    line-height: 22px; }

  .aboutus .fr .fontwrap h3 {
    font-size: 20px;
    margin-bottom: 12px; }

  .aboutus .fr .fontwrap p {
    font-size: 14px;
    line-height: 22px; } }

/*# sourceMappingURL=common.css.map */
.logo_self{
  width: 508px;
  height: 300px;
  margin: -91px 0 0 -50px;
}
.service-zhiyuan{
  width: 100%;
  height: 380px;
  background: url(../img/Service/banner.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 30px;
  padding: 50px;
}
.service-zhiyuan .title{
  color: #fff;
  font-size: 32px;
}
.service-zhiyuan .content-subtitle{
  color: #fff;
  font-size: 24px;
  margin-top: 35px;
}
.about_us{
  width: 80vw;
  height: 70vh;
  border: 1px solid black;
  margin: 170px auto;
  display: flex;
  justify-content: space-between;
}
.about_us .content{
  width: 50%;
}