@charset "UTF-8";
/*!
 * @���ƣ�base.css
 * @���ܣ�1������������Ĭ����ʽ
 *       2������ͨ��ԭ����
 */
/* ��ֹ�û��Զ��屳����ɫ����ҳ��Ӱ�죬�������û������Զ������� */
html {
  background: white;
  color: black; }

body {
  scroll: no; }

* {
  box-sizing: border-box; }

/* �����߾�ͨ���ø�����������ʽ�ı���λ�ò�ͬ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

/* Ҫע������Ԫ�ز����̳и��� font ������ */
body, button, input, select, textarea, label, input, div, span, ul, li {
  font: 14px "Microsoft YaHei","STXihei"; }

input, select, textarea {
  font-size: 100%; }

/* ȥ�� table cell �ı߾ಢ�������غ� */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ie bug��th ���̳� text-align */
th {
  text-align: inherit; }

/* ȥ��Ĭ�ϱ߿� */
fieldset, img {
  border: none; }

/* ie6 7 8(q) bug ��ʾΪ���ڱ��� */
iframe {
  display: block; }

/* ȥ�� firefox �´�Ԫ�صı߿� */
abbr, acronym {
  border: none;
  font-variant: normal; }

/* һ�µ� del ��ʽ */
del {
  text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500; }

/* ȥ���б�ǰ�ı�ʶ��li ���̳� */
ol, ul {
  list-style: none; }

/* �������Ű�����Ҫ�����أ�����ʲô������ */
caption, th {
  text-align: left; }

/* ����yahoo���ñ��ⶼ�Զ��壬��Ӧ����ϵͳӦ�� */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500; }

q:before, q:after {
  content: ''; }

/* ͳһ�ϱ����±� */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* �������� hover ״̬����ʾ�»��� */
a:hover {
  text-decoration: none; }

a:visited {
  color: #000; }

/* Ĭ�ϲ���ʾ�»��ߣ�����ҳ������ */
ins, a {
  color: #000;
  text-decoration: none;
  transition: all 0.5s; }

/* ȥ�� ie6 & ie7 ������״�� */
a:focus, *:focus {
  outline: none; }

/* �������� */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both;
  overflow: hidden; }

.clearfix {
  zoom: 1;
  /* for ie6 & ie7 */ }

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden; }

/* ������ʾ�����أ�ͨ�������� js ���� */
.hide {
  display: none; }

.block {
  display: block; }

/* ���ø��������ٸ��������� bug */
.fl, .fr {
  display: inline; }

.fl {
  float: left; }

.fr {
  float: right; }

.remove-float {
  float: none; }

.font-small {
  font-size: 12px; }

.font-normal {
  font-size: 14px; }

.text-align-left {
  text-align: left; }

.text-align-right {
  text-align: right; }

.text-align-center {
  text-align: center; }

.text-vertical-top {
  vertical-align: top; }

.reset-padding {
  padding: 0; }

.content-title {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px; }
  .content-title h3 {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px; }
  .content-title h4 {
    color: #565656;
    width: 569px;
    margin: 0 auto;
    text-align: center; }

span.btn {
  width: 200px;
  height: 40px;
  display: block;
  line-height: 40px;
  color: #000000;
  font-size: 16px;
  border-radius: 180px;
  -moz-border-radius: 180px;
  -webkit-border-radius: 180px;
  border: 1px solid #DADADA;
  background-color: #fff;
  transition: all 0.5s;
  margin: 0 auto;
  margin-top: 100px; }

span.btn:hover {
  border: 1px solid #00A0E9;
  cursor: pointer;
  color: #00A0E9; }

span.btn.message {
  margin-top: 57px;
  margin-bottom: 50px; }

.message-part {
  float: left;
  width: 360px;
  height: 340px;
  background-color: #fff;
  margin-right: 30px; }
  .message-part img.message-banner {
    width: 358px;
    height: 160px; }
  .message-part .message-part-content {
    margin: 15px 20px;
    text-align: left; }
    .message-part .message-part-content h5 {
      color: #777779;
      font-size: 12px; }
    .message-part .message-part-content h3 {
      font-size: 16px;
      margin-bottom: 15px; }
      .message-part .message-part-content h3 a {
        color: #000000; }
      .message-part .message-part-content h3 a:hover {
        text-decoration: underline; }
    .message-part .message-part-content p {
      color: #565656; }
    .message-part .message-part-content .message-details {
      float: right;
      margin-top: 15px; }
      .message-part .message-part-content .message-details span {
        font-size: 12px; }
        .message-part .message-part-content .message-details span a {
          color: #000000; }
        .message-part .message-part-content .message-details span a:hover {
          text-decoration: underline; }

.message-part.nomargin {
  margin-right: 0; }

.header-wrapper {
  width: 100%;
  margin: 0;
  border-top: 6px solid #000000;
  height: auto;
  background-color: #fff;
  position: fixed;
  z-index: 9999; }
  .header-wrapper .header-center {
    width: 1140px;
    height: 80px;
    margin: 0 auto; }
    .header-wrapper .header-center img.logo {
      float: left;
      margin: 25px 0 0; }
    .header-wrapper .header-center .nav {
      float: right;
      margin: 20px 0 0; }
      .header-wrapper .header-center .nav ul {
        float: left; }
        .header-wrapper .header-center .nav ul li {
          float: left;
          margin-right: 35px;
          margin-top: 10px;
          font-size: 16px; }
          .header-wrapper .header-center .nav ul li a {
            color: #565656;
            transition: all 0.5s; }
        .header-wrapper .header-center .nav ul li a:hover,
        .header-wrapper .header-center .nav ul li.current a {
          color: #000000;
          font-weight: bold;
          border-bottom: 2px solid #000000; }
      .header-wrapper .header-center .nav img.header-tel {
        margin-top: 5px; }

.banner-wrapper {
  padding-top: 86px; }
  .banner-wrapper .bx-wrapper {
    height: 500px; }
    .banner-wrapper .bx-wrapper .bx-viewport {
      border: none; }
  .banner-wrapper ul.bxsliderban li img {
    height: 500px; }
  .banner-wrapper .bx-wrapper .bx-pager {
    bottom: 15px; }
  .banner-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
    background: #D8D8D8; }
  .banner-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
    border: 1px solid #fff;
    width: 11px;
    height: 11px; }

.footer {
  width: 100%;
  height: 160px;
  background-color: #312F38; }
  .footer .footer-center {
    width: 1140px;
    margin: 0 auto; }
    .footer .footer-center img.footer-logo {
      margin-top: 64px;
      float: left;
      margin-right: 10px; }
    .footer .footer-center .footer-txt {
      float: left;
      margin-right: 70px;
      margin-top: 64px; }
      .footer .footer-center .footer-txt h4 {
        color: #fff;
        font-size: 12px; }
        .footer .footer-center .footer-txt h4 a span {
          color: #fff; }
        .footer .footer-center .footer-txt h4 a:hover span {
          text-decoration: underline; }
    .footer .footer-center img.footer-er {
      margin-top: 40px;
      margin-left: 30px;
      float: right; }
    .footer .footer-center img.footer-er.nomargin {
      margin-left: 0; }

.severce {
  width: 100%; }
  .severce .severce-center {
    width: 1140px;
    margin: 0 auto; }
    .severce .severce-center .severce-content .severce-part {
      float: left;
      display: inline-block;
      width: 200px;
      margin-right: 113px; }
      .severce .severce-center .severce-content .severce-part a.icon {
        width: 140px;
        height: 140px;
        display: block;
        border: 4px solid rgba(66, 71, 83, 0.3);
        border-radius: 80px;
        margin-left: 30px;
        transition: all 0.4s; }
        .severce .severce-center .severce-content .severce-part a.icon span {
          display: block;
          width: 140px;
          height: 140px;
          -webkit-transition: 0.5s all;
          -moz-transition: 0.5s all;
          -ms-transition: 0.5s all;
          transition: 0.5s all;
          transition: background 0.5s; }
      .severce .severce-center .severce-content .severce-part a.icon:hover {
        border: 4px solid #05A0E9; }
      .severce .severce-center .severce-content .severce-part a.icon.one span {
        background: url("../images/1.png") no-repeat 42px 45px; }
      .severce .severce-center .severce-content .severce-part a.icon.one:hover span {
        background: url("../images/1-1.png") no-repeat 42px 45px; }
      .severce .severce-center .severce-content .severce-part a.icon.two span {
        background: url("../images/2.png") no-repeat 45px 45px; }
      .severce .severce-center .severce-content .severce-part a.icon.two:hover span {
        background: url("../images/2-1.png") no-repeat 45px 45px; }
      .severce .severce-center .severce-content .severce-part a.icon.three span {
        background: url("../images/3.png") no-repeat 45px 43px; }
      .severce .severce-center .severce-content .severce-part a.icon.three:hover span {
        background: url("../images/3-1.png") no-repeat 45px 43px; }
      .severce .severce-center .severce-content .severce-part a.icon.four span {
        background: url("../images/4.png") no-repeat 45px 45px; }
      .severce .severce-center .severce-content .severce-part a.icon.four:hover span {
        background: url("../images/4-1.png") no-repeat 45px 45px; }
      .severce .severce-center .severce-content .severce-part h3 {
        font-size: 20px;
        color: #000;
        text-align: center;
        font-weight: bold;
        margin-top: 40px; }
      .severce .severce-center .severce-content .severce-part p {
        color: #565656;
        margin-top: 21px;
        margin-bottom: 25px; }
      .severce .severce-center .severce-content .severce-part ul li {
        float: left;
        font-size: 12px;
        margin-bottom: 10px; }
        .severce .severce-center .severce-content .severce-part ul li a {
          display: block;
          width: 91px;
          height: 31px;
          color: #777777;
          border: 1px solid #DADADA;
          line-height: 31px;
          text-align: center;
          transition: all 0.8s; }
        .severce .severce-center .severce-content .severce-part ul li a:hover {
          border: 1px solid #00A0E9;
          color: #0168b8;
          cursor: pointer;
          background-color: #e7f7ff; }
      .severce .severce-center .severce-content .severce-part ul li:first-child,
      .severce .severce-center .severce-content .severce-part ul li:nth-child(3) {
        margin-right: 10px; }
    .severce .severce-center .severce-content .severce-part.nomargin {
      margin-right: 0; }

.case {
  width: 100%;
  background: #EFEFEF;
  margin-top: 50px;
  padding-bottom: 40px; }
  .case .case-center {
    width: 1140px;
    margin: 0 auto;
    text-align: center; }
    .case .case-center .case-content #main {
      width: 1140px;
      margin: auto; }
    .case .case-center .case-content #main ul {
      *overflow: hidden;
      _height: 1%; }
    .case .case-center .case-content #main ul li {
      float: left;
      display: inline;
      list-style: none;
      margin-bottom: 15px;
      background: #FFF;
      width: 270px;
      position: relative;
      transition: all 0.5s; }
    .case .case-center .case-content #main ul li.hover {
      border: 1px solid #fa3241;
      border-bottom: 2px solid #fa3241; }
    .case .case-center .case-content #main ul li img {
      width: 240px;
      display: block; }
    .case .case-center .case-content #main ul li a h3 {
      padding: 20px 0 0 15px;
      color: #000000;
      font-size: 16px;
      text-align: left; }
    .case .case-center .case-content #main ul li a:hover h3 {
      color: #00A0E9; }
    .case .case-center .case-content .img_block {
      position: relative;
      padding: 15px; }
    .case .case-center .case-content #main ul li img.guquan {
      position: absolute;
      width: 46px;
      height: 46px;
      top: 0;
      right: 0; }

.partner {
  width: 100%; }
  .partner .content-title {
    padding-bottom: 0; }
  .partner .partner-center {
    width: 1140px;
    margin: 0 auto; }
    .partner .partner-center .partner-content {
      padding-bottom: 30px; }
      .partner .partner-center .partner-content ul li {
        float: left;
        margin-left: 0; }
        .partner .partner-center .partner-content ul li a {
          display: block; }
          .partner .partner-center .partner-content ul li a img {
            width: 190px;
            height: 100px; }

.message {
  width: 100%;
  background: #EFEFEF; }
  .message .message-center {
    width: 1140px;
    margin: 0 auto; }
    .message .message-center .message-content {
      text-align: center; }
      .message .message-center .message-content .newsmore {
        float: left;
        text-align: center;
        width: 100%; }
      .message .message-center .message-content .message-part {
        float: left;
        width: 360px;
        height: 340px;
        background-color: #fff; }
        .message .message-center .message-content .message-part img.message-banner {
          width: 360px;
          height: 160px;
          -webkit-transition: 0.4s all;
          -moz-transition: 0.4s all;
          -ms-transition: 0.4s all;
          transition: 0.4s all; }
        .message .message-center .message-content .message-part img.message-banner:hover {
          -webkit-transform: scale(1.02);
          -moz-transform: scale(1.02);
          -ms-transform: scale(1.02);
          transform: scale(1.02); }
        .message .message-center .message-content .message-part .message-part-content {
          margin: 15px 20px;
          text-align: left; }
          .message .message-center .message-content .message-part .message-part-content h5 {
            color: #777779;
            font-size: 12px; }
          .message .message-center .message-content .message-part .message-part-content h3 {
            font-size: 16px;
            margin-bottom: 15px; }
            .message .message-center .message-content .message-part .message-part-content h3 a {
              color: #000000; }
            .message .message-center .message-content .message-part .message-part-content h3 a:hover {
              text-decoration: underline; }
          .message .message-center .message-content .message-part .message-part-content p {
            color: #565656; }
          .message .message-center .message-content .message-part .message-part-content .message-details {
            float: right;
            margin-top: 15px; }
            .message .message-center .message-content .message-part .message-part-content .message-details span {
              font-size: 12px; }
              .message .message-center .message-content .message-part .message-part-content .message-details span a {
                color: #000000; }
              .message .message-center .message-content .message-part .message-part-content .message-details span a:hover {
                text-decoration: underline; }
      .message .message-center .message-content .message-part.nomargin {
        margin-left: 0; }

.casehover {
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
  transform: translate3d(0px, -10px, 10px); }

.product-partone {
  width: 100%;
  margin-bottom: 40px; }
  .product-partone .product-partone-center {
    width: 1140px;
    margin: 0 auto; }
    .product-partone .product-partone-center .product-partone-content .product-partone-left {
      width: 480px;
      float: left; }
      .product-partone .product-partone-center .product-partone-content .product-partone-left p {
        color: #565656;
        line-height: 32px;
        padding-bottom: 30px; }
    .product-partone .product-partone-center .product-partone-content .product-partone-right {
      float: right; }

.product-feature {
  width: 100%;
  height: 380px;
  background-color: #EFEFEF; }
  .product-feature .product-feature-center {
    width: 1140px;
    margin: 0 auto;
    padding: 30px 0; }
    .product-feature .product-feature-center ul li {
      float: left;
      border-left: 1px solid #DADADA; }
      .product-feature .product-feature-center ul li a {
        display: block;
        background-color: #fff;
        width: 227px;
        height: 320px;
        transition: all 1.5s; }
        .product-feature .product-feature-center ul li a h3 {
          font-size: 20px;
          text-align: center;
          padding-top: 150px; }
        .product-feature .product-feature-center ul li a p {
          width: 180px;
          margin: 12px 0px 0 30px;
          color: #565656; }
      .product-feature .product-feature-center ul li a:hover {
        background-color: #00A0E9; }
        .product-feature .product-feature-center ul li a:hover h3, .product-feature .product-feature-center ul li a:hover p {
          color: #fff; }
    .product-feature .product-feature-center ul li.feater-one {
      border-left: none; }
      .product-feature .product-feature-center ul li.feater-one a {
        background: #fff url(../images/jg.png) no-repeat 89px 56px; }
      .product-feature .product-feature-center ul li.feater-one a:hover {
        background: #00A0E9 url(../images/jg-1.png) no-repeat 89px 56px; }
    .product-feature .product-feature-center ul li.feater-two a {
      background: #fff url(../images/nh.png) no-repeat 89px 65px; }
    .product-feature .product-feature-center ul li.feater-two a:hover {
      background: #00A0E9 url(../images/nh-1.png) no-repeat 89px 65px; }
    .product-feature .product-feature-center ul li.feater-three a {
      background: #fff url(../images/gn.png) no-repeat 89px 62px; }
    .product-feature .product-feature-center ul li.feater-three a:hover {
      background: #00A0E9 url(../images/gn-1.png) no-repeat 89px 62px; }
    .product-feature .product-feature-center ul li.feater-four a {
      background: #fff url(../images/aq.png) no-repeat 89px 56px; }
    .product-feature .product-feature-center ul li.feater-four a:hover {
      background: #00A0E9 url(../images/aq-1.png) no-repeat 89px 56px; }
    .product-feature .product-feature-center ul li.feater-five a {
      background: #fff url(../images/kz.png) no-repeat 89px 60px; }
    .product-feature .product-feature-center ul li.feater-five a:hover {
      background: #00A0E9 url(../images/kz-1.png) no-repeat 89px 60px; }

.product-partwo {
  width: 100%;
  padding-bottom: 120px; }
  .product-partwo .floatright {
    float: right !important; }
  .product-partwo .margin-left {
    margin-left: 80px; }
  .product-partwo .margin-right {
    margin-right: 80px; }
  .product-partwo .product-partwo-content {
    width: 100%;
    border-top: 1px solid #DADADA;
    padding-bottom: 50px; }
    .product-partwo .product-partwo-content .product-partwo-content-center {
      width: 1140px;
      margin: 0 auto; }
      .product-partwo .product-partwo-content .product-partwo-content-center .product-partwo-content-img {
        float: left;
        padding-top: 70px; }
      .product-partwo .product-partwo-content .product-partwo-content-center .product-partwo-content-img.medical {
        padding-top: 50px; }
      .product-partwo .product-partwo-content .product-partwo-content-center .product-partwo-content-txt {
        float: left;
        width: 423px; }
        .product-partwo .product-partwo-content .product-partwo-content-center .product-partwo-content-txt h3 {
          font-size: 20px;
          color: #000000;
          padding-top: 70px;
          padding-bottom: 13px; }
        .product-partwo .product-partwo-content .product-partwo-content-center .product-partwo-content-txt p {
          color: #565656;
          line-height: 22px;
          padding-bottom: 20px; }

.serve-way {
  width: 100%;
  background: #EFEFEF;
  padding-bottom: 90px; }
  .serve-way .serve-way-center {
    width: 1140px;
    margin: 0 auto; }
    .serve-way .serve-way-center .serve-way-content ul.list {
      width: 1140px;
      margin: 0 auto; }
      .serve-way .serve-way-center .serve-way-content ul.list li {
        width: 168px;
        float: left;
        margin: 0 100px; }
        .serve-way .serve-way-center .serve-way-content ul.list li .ico {
          width: 168px;
          height: 168px;
          border-radius: 50%;
          -webkit-transition: 0.2s all;
          -moz-transition: 0.2s all;
          -ms-transition: 0.2s all;
          transition: 0.2s all; }
          .serve-way .serve-way-center .serve-way-content ul.list li .ico a {
            display: block;
            width: 100%;
            height: 100%; }
          .serve-way .serve-way-center .serve-way-content ul.list li .ico a:hover {
            transform: translate(0, -10px);
            -webkit-transform: translate(0, -10px);
            -moz-transform: translate(0, -10px);
            -o-transform: translate(0, -10px);
            -ms-transform: translate(0, -10px); }
        .serve-way .serve-way-center .serve-way-content ul.list li .ico._1 {
          width: 168px;
          height: 168px;
          background: #00A0E9; }
          .serve-way .serve-way-center .serve-way-content ul.list li .ico._1 a {
            background: url("../images/xj.png") no-repeat 43px 55px; }
        .serve-way .serve-way-center .serve-way-content ul.list li .ico._2 {
          width: 168px;
          height: 168px;
          background: #5EB202; }
          .serve-way .serve-way-center .serve-way-content ul.list li .ico._2 a {
            background: url("../images/xjjgq.png") no-repeat 43px 50px; }
        .serve-way .serve-way-center .serve-way-content ul.list li .ico._3 {
          width: 168px;
          height: 168px;
          background: #FF001F; }
          .serve-way .serve-way-center .serve-way-content ul.list li .ico._3 a {
            background: url("../images/cgq.png") no-repeat 55px 40px; }
        .serve-way .serve-way-center .serve-way-content ul.list li p {
          text-align: center;
          font-size: 24px;
          padding-top: 22px; }

.serve-flow {
  width: 100%; }
  .serve-flow .serve-flow-center {
    width: 1140px;
    margin: 0 auto 300px; }
    .serve-flow .serve-flow-center .serve-flow-content {
      width: 1140px;
      height: 430px;
      border-top: 5px solid #00A0E9;
      position: relative;
      border-right: 1px solid #DADADA;
      margin-bottom: 110px; }
      .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.two {
        background-color: #F5A623;
        width: 285px;
        height: 424px; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.two h3 {
          padding-left: 35px; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.two p {
          width: 215px;
          padding-left: 35px; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.two img {
          left: 33px;
          top: 345px; }
      .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.three {
        background-color: #5EB202; }
      .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.four {
        background-color: #FF001F;
        width: 285px;
        height: 424px; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.four h3 {
          padding-left: 35px; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.four p {
          width: 215px;
          padding-left: 35px; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title.four img {
          left: 33px;
          top: 345px; }
      .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title {
        background-color: #00A0E9;
        width: 570px;
        height: 212px;
        display: inline-block;
        float: left;
        position: relative; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title h3 {
          font-size: 32px;
          color: #fff;
          padding: 29px 0 22px 27px; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title p {
          width: 446px;
          color: #fff;
          padding-left: 27px;
          font-size: 18px;
          line-height: 32px; }
        .serve-flow .serve-flow-center .serve-flow-content .flow-partone-title img {
          position: absolute;
          right: 20px;
          top: 27px; }
      .serve-flow .serve-flow-center .serve-flow-content ul li {
        float: left;
        text-align: center; }
        .serve-flow .serve-flow-center .serve-flow-content ul li a {
          display: block;
          width: 284.5px;
          height: 212px;
          border-bottom: 1px solid #DADADA;
          border-left: 1px solid #DADADA;
          transition: background 0.8s; }
          .serve-flow .serve-flow-center .serve-flow-content ul li a h3 {
            font-size: 18px;
            padding-top: 144px; }
        .serve-flow .serve-flow-center .serve-flow-content ul li a:hover h3 {
          color: #fff; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-one a {
        background: url("../images/hz.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-one a:hover {
        background: url("../images/hz-1.png") no-repeat 113px 66px;
        background-color: #00A0E9; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-two a {
        background: url("../images/wd.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-two a:hover {
        background: url("../images/wd-1.png") no-repeat 113px 66px;
        background-color: #00A0E9; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-three a {
        background: url("../images/tn.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-three a:hover {
        background: url("../images/tn-1.png") no-repeat 113px 66px;
        background-color: #00A0E9; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-four a {
        background: url("../images/bg.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-four a:hover {
        background: url("../images/bg-1.png") no-repeat 113px 66px;
        background-color: #00A0E9; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-five a {
        background: url("../images/app.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-five a:hover {
        background: url("../images/app-1.png") no-repeat 113px 66px;
        background-color: #00A0E9; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-six a {
        background: url("../images/wz.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content ul li.content-six a:hover {
        background: url("../images/wz-1.png") no-repeat 113px 66px;
        background-color: #00A0E9; }
    .serve-flow .serve-flow-center .serve-flow-content.two {
      border-top: 5px solid #F5A623; }
      .serve-flow .serve-flow-center .serve-flow-content.two ul.two {
        float: left; }
        .serve-flow .serve-flow-center .serve-flow-content.two ul.two li {
          float: none; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-one a {
        background: url("../images/rw.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-one a:hover {
        background: url("../images/rw-1.png") no-repeat 113px 66px;
        background-color: #F5A623; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-two a {
        background: url("../images/jd.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-two a:hover {
        background: url("../images/jd-1.png") no-repeat 113px 66px;
        background-color: #F5A623; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-three a {
        background: url("../images/xt.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-three a:hover {
        background: url("../images/xt-1.png") no-repeat 113px 66px;
        background-color: #F5A623; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-four a {
        background: url("../images/cs.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-four a:hover {
        background: url("../images/cs-1.png") no-repeat 113px 66px;
        background-color: #F5A623; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-five a {
        background: url("../images/mn.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-five a:hover {
        background: url("../images/mn-1.png") no-repeat 113px 66px;
        background-color: #F5A623; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-six a {
        background: url("../images/bs.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.two li.content-six a:hover {
        background: url("../images/bs-1.png") no-repeat 113px 66px;
        background-color: #F5A623; }
    .serve-flow .serve-flow-center .serve-flow-content.three {
      border-top: 5px solid #5EB202; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-one a {
        background: url("../images/mt.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-one a:hover {
        background: url("../images/mt-1.png") no-repeat 113px 66px;
        background-color: #5EB202; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-two a {
        background: url("../images/zt.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-two a:hover {
        background: url("../images/zt-1.png") no-repeat 113px 66px;
        background-color: #5EB202; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-three a {
        background: url("../images/sc.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-three a:hover {
        background: url("../images/sc-1.png") no-repeat 113px 66px;
        background-color: #5EB202; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-four a {
        background: url("../images/wx.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-four a:hover {
        background: url("../images/wx-1.png") no-repeat 113px 66px;
        background-color: #5EB202; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-five a {
        background: url("../images/yy.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-five a:hover {
        background: url("../images/yy-1.png") no-repeat 113px 66px;
        background-color: #5EB202; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-six a {
        background: url("../images/dd.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.three li.content-six a:hover {
        background: url("../images/dd-1.png") no-repeat 113px 66px;
        background-color: #5EB202; }
    .serve-flow .serve-flow-center .serve-flow-content.four {
      border-top: 5px solid #FF001F; }
      .serve-flow .serve-flow-center .serve-flow-content.four ul {
        float: left;
        width: 854px; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-one a {
        background: url("../images/rz.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-one a:hover {
        background: url("../images/rz-1.png") no-repeat 113px 66px;
        background-color: #FF001F; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-two a {
        background: url("../images/qd.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-two a:hover {
        background: url("../images/qd-1.png") no-repeat 113px 66px;
        background-color: #FF001F; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-three a {
        background: url("../images/zl.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-three a:hover {
        background: url("../images/zl-1.png") no-repeat 113px 66px;
        background-color: #FF001F; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-four a {
        background: url("../images/ry.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-four a:hover {
        background: url("../images/ry-1.png") no-repeat 113px 66px;
        background-color: #FF001F; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-five a {
        background: url("../images/gq.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-five a:hover {
        background: url("../images/gq-1.png") no-repeat 113px 66px;
        background-color: #FF001F; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-six a {
        background: url("../images/mx.png") no-repeat 113px 66px;
        background-color: #F8F8F8; }
      .serve-flow .serve-flow-center .serve-flow-content.four li.content-six a:hover {
        background: url("../images/mx-1.png") no-repeat 113px 66px;
        background-color: #FF001F; }

.page-case {
  width: 100%; }
  .page-case .page-case-title {
    width: 1140px;
    height: 106px;
    margin: 0 auto; }
    .page-case .page-case-title ul {
      padding-top: 40px;
      width: auto;
      float: left; }
      .page-case .page-case-title ul li {
        float: left;
        padding: 6px 16px;
        border: 1px solid #DADADA;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        margin-right: 20px;
        transition: 0.5s; }
      .page-case .page-case-title ul li:hover {
        color: #fff;
        background-color: #000;
        cursor: pointer;
        border: 1px solid #000000; }
    .page-case .page-case-title h3 {
      float: right;
      color: #777779;
      font-size: 16px;
      margin-top: 40px;
      margin-right: 15px; }
  .page-case .case-center.page-case {
    padding-top: 70px; }
  .page-case .case {
    margin-top: 0px;
    padding-bottom: 500px; }

.page-case-current {
  color: #fff;
  background-color: #000;
  cursor: pointer;
  border: 1px solid #000000; }

.case-details {
  width: 100%;
  background-color: #EFEFEF; }
  .case-details .case-details-center {
    width: 1140px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 176px; }
    .case-details .case-details-center h3 {
      font-size: 20px;
      padding-top: 78px;
      margin-bottom: 10px; }
    .case-details .case-details-center h4 {
      color: #777779;
      font-size: 12px;
      margin-bottom: 35px; }
    .case-details .case-details-center p {
      color: #666666;
      line-height: 24px;
      text-align: left;
      padding-bottom: 20px; }
    .case-details .case-details-center img {
      width: 100%;
      margin-top: 43px; }

.about-ekoo {
  width: 100%; }
  .about-ekoo .about-ekoo-center {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 90px; }
    .about-ekoo .about-ekoo-center .content-title {
      padding-bottom: 0; }
    .about-ekoo .about-ekoo-center .about-ekoo-txt {
      float: left;
      padding-top: 50px; }
      .about-ekoo .about-ekoo-center .about-ekoo-txt p {
        width: 692px;
        color: #666666;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px; }
    .about-ekoo .about-ekoo-center .about-ekoo-img {
      float: right; }

.ekoo-content {
  width: 100%;
  background-color: #EFEFEF; }
  .ekoo-content .ekoo-content-center {
    width: 1140px;
    margin: 0 auto;
    text-align: center; }

.ekoo-value {
  width: 100%; }
  .ekoo-value .ekoo-value-center {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 90px; }
    .ekoo-value .ekoo-value-center ul li {
      float: left;
      width: 220px;
      margin-left: 86px;
      text-align: center; }
      .ekoo-value .ekoo-value-center ul li h3 {
        font-size: 20px;
        margin-top: 25px;
        margin-bottom: 20px; }
      .ekoo-value .ekoo-value-center ul li p {
        text-align: left;
        color: #565656; }
    .ekoo-value .ekoo-value-center ul li:first-child {
      margin-left: 0; }

.job-ent {
  width: 100%;
  background-color: #EFEFEF; }
  .job-ent .job-ent-center {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 40px; }

.honor {
  width: 100%; }
  .honor .honor-center {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 50px; }
    .honor .honor-center .honor-one {
      margin-bottom: 40px; }
      .honor .honor-center .honor-one img {
        margin-left: 61px; }
      .honor .honor-center .honor-one img:first-child {
        margin-left: 0; }
    .honor .honor-center .honor-two img {
      margin-left: 31.5px; }
    .honor .honor-center .honor-two img:first-child {
      margin-left: 0; }

.contact {
  width: 100%;
  background-color: #f3f3f3; }
  .contact .contact-center {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 50px; }
    .contact .contact-center .contact-map {
      float: left; }
    .contact .contact-center .contact-txt {
      margin-top: 100px; }
      .contact .contact-center .contact-txt p {
        line-height: 40px; }
        .contact .contact-center .contact-txt p a:hover {
          text-decoration: underline; }
      .contact .contact-center .contact-txt a span {
        display: inline-block;
        text-align: center;
        padding-left: 30px;
        margin-top: 20px;
        line-height: 40px;
        font-size: 16px;
        width: 160px;
        height: 40px;
        border: 1px solid #DADADA;
        border-radius: 180px;
        -webkit-border-radius: 180px;
        -moz-border-radius: 180px;
        background: #fff url("../images/qq.png") no-repeat 30px 8px; }
      .contact .contact-center .contact-txt a:hover span {
        color: #00A0E9; }

.job-ent-content ul, .job-ent-content li {
  margin: 0;
  padding: 0;
  list-style: none; }

.job-ent-content img {
  border: 0;
  vertical-align: top; }

.job-ent-content {
  position: relative;
  height: 480px;
  background: url("../images/bg3.jpg") no-repeat center 0;
  text-align: left; }

.job-ent-content .d_img {
  position: relative;
  margin: 0 auto;
  width: 1140px;
  height: 100%; }

.job-ent-content .d_img li {
  position: absolute;
  display: none;
  z-index: 0; }

.job-ent-content .d_img li img {
  width: 100%; }

.job-ent-content .d_img li.img-left {
  display: block;
  width: 515px;
  left: 8%;
  top: 60px;
  z-index: 2; }

.job-ent-content .d_img li.img-center {
  display: block;
  width: 735px;
  left: 17%;
  top: 0px;
  z-index: 3; }

.job-ent-content .d_img li.img-right {
  display: block;
  width: 515px;
  right: 10%;
  top: 60px;
  z-index: 2; }

.job-ent-content .d_menu {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center; }

.job-ent-content .d_menu li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #D8D8D8;
  cursor: pointer;
  margin-right: 10px; }

.job-ent-content .d_menu li.d_select {
  background-color: #000; }

.job-ent-content .d_next {
  position: absolute;
  left: 55%;
  margin-left: 475px;
  top: 190px;
  z-index: 10;
  cursor: pointer; }

.job-ent-content .d_prev {
  position: absolute;
  left: 46%;
  margin-left: -525px;
  top: 190px;
  z-index: 10;
  cursor: pointer; }

.news {
  width: 100%; }
  .news .news-center {
    width: 1140px;
    margin: 0 auto;
    padding-top: 80px; }
    .news .news-center .message-part {
      border: 1px solid #DADADA;
      margin-bottom: 45px; }
      .news .news-center .message-part img.message-banner {
        width: 358px;
        height: 160px;
        -webkit-transition: 0.4s all;
        -moz-transition: 0.4s all;
        -ms-transition: 0.4s all;
        transition: 0.4s all; }
      .news .news-center .message-part img.message-banner:hover {
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02); }
    .news .news-center .news-details-title {
      border-bottom: 1px solid #DADADA;
      text-align: center;
      margin-bottom: 70px; }
      .news .news-center .news-details-title h2 {
        font-size: 16px; }
      .news .news-center .news-details-title h3 {
        color: #777779;
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 66px; }
    .news .news-center .news-details-content {
      text-align: center; }
      .news .news-center .news-details-content p {
        color: #565656;
        margin-bottom: 30px;
        text-align: left;
        line-height: 24px; }
      .news .news-center .news-details-content img {
        text-align: center;
        margin-bottom: 50px;
        margin-top: 15px; }

.news-turnpage {
  width: 100%;
  margin-top: 15px;
  float: left;
  text-align: center; }
  .news-turnpage ul {
    display: inline-block; }
    .news-turnpage ul li {
      float: left;
      margin-left: 10px; }
      .news-turnpage ul li a {
        width: 10px;
        height: 10px;
        display: block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background-color: #D8D8D8; }
    .news-turnpage ul li a:hover,
    .news-turnpage ul li.current-page a {
      background-color: #000; }

.fanye {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 400px;
  text-align: center; }
  .fanye ul {
    display: inline-block; }
    .fanye ul li {
      float: left;
      margin-left: 10px; }
      .fanye ul li a {
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid; }
    .fanye ul li.prev a, .fanye ul li.next a {
      line-height: 14px; }
    .fanye ul li a:hover,
    .fanye ul li.active a {
      background: #666; }

.recruit {
  width: 100%; }
  .recruit .recruit-center {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 200px; }
    .recruit .recruit-center .recruit-title {
      padding-top: 80px;
      padding-bottom: 26px; }
      .recruit .recruit-center .recruit-title h3 {
        font-size: 36px;
        float: left; }
      .recruit .recruit-center .recruit-title .email {
        float: right;
        padding-top: 25px; }
        .recruit .recruit-center .recruit-title .email p {
          display: inline-block;
          margin-right: 14px; }
        .recruit .recruit-center .recruit-title .email span {
          display: inline-block;
          width: 167px;
          height: 21px;
          color: #fff;
          background-color: #00A0E9;
          border-radius: 100px;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px;
          text-align: center; }
    .recruit .recruit-center .recruit-content {
      width: 1140px;
      height: 500px;
      margin-bottom: 60px; }
      .recruit .recruit-center .recruit-content .recruit-txt {
        float: left;
        width: 570px;
        height: 500px;
        background: #EFEFEF; }
        .recruit .recruit-center .recruit-content .recruit-txt .recruit-txt-content {
          padding: 40px; }
          .recruit .recruit-center .recruit-content .recruit-txt .recruit-txt-content p {
            color: #565656;
            line-height: 28px; }
      .recruit .recruit-center .recruit-content .recruit-img {
        width: 570px;
        float: left; }
        .recruit .recruit-center .recruit-content .recruit-img img {
          width: 570px;
          height: 500px;
          z-index: 9;
          position: absolute; }
        .recruit .recruit-center .recruit-content .recruit-img .recruit-content-title {
          position: relative;
          top: 40px;
          z-index: 99;
          padding: 0;
          text-align: center;
          color: #fff; }
          .recruit .recruit-center .recruit-content .recruit-img .recruit-content-title h3 {
            font-size: 28px;
            margin-bottom: 15px; }
          .recruit .recruit-center .recruit-content .recruit-img .recruit-content-title h4, .recruit .recruit-center .recruit-content .recruit-img .recruit-content-title h5 {
            margin-bottom: 10px; }