@import url(reset.css);
div.header_wrap {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  height: 105px;
  z-index: 999; }
  div.header_wrap.in {
    border-bottom: 2px solid #0065b3; }
  div.header_wrap img.top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

div.header {
  font-family: microsoft yahei;
  width: 1220px;
  height: 105px;
  overflow: hidden;
  position: relative;
  z-index: 888;
  background: #fff;
  background: url(../images/header_logo.png) no-repeat center left;
  background-size: auto 60%; }
  div.header a.logohref {
    display: block;
    width: 200px;
    height: 105px;
    position: absolute;
    left: 0;
    top: 0; }
  div.header ul.nav {
    zoom: 1;
    margin-left: 240px;
    margin-top: 35px;
    height: 40px; }
    div.header ul.nav:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    div.header ul.nav li {
      zoom: 1;
      float: left;
      width: 110px;
      overflow: hidden;
      margin-left: 35px;
      height: 60px;
      overflow: hidden; }
      div.header ul.nav li:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0; }
      div.header ul.nav li a {
        display: block;
        color: #000;
        font-size: 14px;
        zoom: 1; }
        div.header ul.nav li a:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0; }
        div.header ul.nav li a span {
          font-size: 16px;
          display: block;
          height: 25px;
          text-align: center;
          padding-top: 3px; }
          div.header ul.nav li a span.cn {
            width: 100%;
            padding-top: 0px;
            color: #4c4948; }
          div.header ul.nav li a span.en {
            color: #949495;
            font-weight: normal;
            font-size: 14px; }
      div.header ul.nav li.selected a, div.header ul.nav li:hover a {
        color: #0065b5; }
      div.header ul.nav li.selected span.cn, div.header ul.nav li:hover span.cn {
        color: #e73562; }
      div.header ul.nav li.selected span.en, div.header ul.nav li:hover span.en {
        color: #0066b5; }

body > div.footer_wrap {
  width: 100%;
  padding-top: 4px;
  background: url(../images/footer_bg.png) no-repeat center top;
  background-size: 100% 4px;
  background-color: #32485c; }
  body > div.footer_wrap div.footer {
    width: 1020px;
    overflow: hidden;
    font-size: 12px;
    font-family: 'microsoft yahei'; }
    body > div.footer_wrap div.footer p.link {
      color: #fff;
      padding: 15px 0 30px 0; }
      body > div.footer_wrap div.footer p.link span.t {
        font-weight: bold;
        font-size: 12px;
        margin-right: 40px; }
      body > div.footer_wrap div.footer p.link a {
        font-size: 12px;
        color: #fff;
        font-family: 'microsoft yahei'; }
        body > div.footer_wrap div.footer p.link a:hover {
          text-decoration: underline; }
    body > div.footer_wrap div.footer div.nav_wrap {
      width: 100%;
      height: 53px;
      background: url(../images/logo_footer.png) no-repeat center left;
      margin-bottom: 40px;
      overflow: hidden; }
      body > div.footer_wrap div.footer div.nav_wrap div.nav {
        padding-left: 160px; }
        body > div.footer_wrap div.footer div.nav_wrap div.nav ul.list {
          zoom: 1;
          margin-top: 15px;
          height: 20px; }
          body > div.footer_wrap div.footer div.nav_wrap div.nav ul.list:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0; }
          body > div.footer_wrap div.footer div.nav_wrap div.nav ul.list li {
            float: left; }
            body > div.footer_wrap div.footer div.nav_wrap div.nav ul.list li a {
              color: #fff;
              font-size: 12px;
              margin-left: 10px; }
              body > div.footer_wrap div.footer div.nav_wrap div.nav ul.list li a:hover {
                text-decoration: underline; }
        body > div.footer_wrap div.footer div.nav_wrap div.nav > span {
          margin-top: 26px;
          font-size: 16px;
          display: block;
          height: 20px;
          line-height: 20px;
          display: block;
          color: #fff;
          text-indent: 10px;
          word-spacing: 10px;
          letter-spacing: 10px; }
    body > div.footer_wrap div.footer span.copyright {
      display: block;
      width: 100%;
      padding-bottom: 50px;
      border-top: 2px solid #9896a1;
      padding-top: 10px; }
      body > div.footer_wrap div.footer span.copyright > span {
        color: #fff; }
        body > div.footer_wrap div.footer span.copyright > span.l {
          float: left; }
        body > div.footer_wrap div.footer span.copyright > span.r {
          padding-left: 15px;
          float: right;
          background: url(../images/footer_icon_phone.png) no-repeat center left; }

body > div.index {
  width: 100%;
  position: relative;
  padding-top: 105px;
  font-family: 'microsoft yahei'; }
  body > div.index div.banner_wrap {
    width: 100%;
    height: 550px;
    overflow: hidden;
    border-bottom: 2px solid #e73562;
    position: relative; }
    body > div.index div.banner_wrap > i {
      display: block;
      width: 45px;
      height: 120px;
      position: absolute;
      z-index: 99;
      top: 216px;
      cursor: pointer; }
      body > div.index div.banner_wrap > i.prev {
        left: 20px;
        background: url(../images/banner_prev_icon.png) no-repeat center; }
      body > div.index div.banner_wrap > i.next {
        right: 20px;
        background: url(../images/banner_next_icon.png) no-repeat center; }
    body > div.index div.banner_wrap ul.imglist {
      height: 550px;
      position: relative; }
      body > div.index div.banner_wrap ul.imglist li {
        top: 0;
        height: 550px;
        position: absolute; }
        body > div.index div.banner_wrap ul.imglist li div.content {
          width: 100%;
          height: 550px;
          overflow: hidden;
          position: relative; }
          body > div.index div.banner_wrap ul.imglist li div.content.a img {
            position: absolute; }
            body > div.index div.banner_wrap ul.imglist li div.content.a img.iphone {
              width: 70px;
              z-index: 10;
              top: -820px;
              left: 240px; }
            body > div.index div.banner_wrap ul.imglist li div.content.a img.ipad {
              width: 174px;
              z-index: 9;
              top: 260px;
              left: -285px; }
            body > div.index div.banner_wrap ul.imglist li div.content.a img.imac {
              width: 515px;
              z-index: 8;
              top: -455px;
              left: 231.5px; }
            body > div.index div.banner_wrap ul.imglist li div.content.a img.macbook {
              width: 356px;
              z-index: 7;
              right: -543px;
              top: 250px; }
            body > div.index div.banner_wrap ul.imglist li div.content.a img.slogn {
              width: 185px;
              top: -185px;
              right: 25px; }
          body > div.index div.banner_wrap ul.imglist li div.content.b img {
            position: absolute; }
            body > div.index div.banner_wrap ul.imglist li div.content.b img.slogn {
              top: 175px;
              opacity: 0;
              filter: alpha(opacity=0); }
            body > div.index div.banner_wrap ul.imglist li div.content.b img.linet {
              width: 230px;
              top: -250px; }
            body > div.index div.banner_wrap ul.imglist li div.content.b img.lineb {
              bottom: -250px; }
            body > div.index div.banner_wrap ul.imglist li div.content.b img.pic {
              top: 0;
              left: -600px; }
          body > div.index div.banner_wrap ul.imglist li div.content.c img {
            position: absolute; }
            body > div.index div.banner_wrap ul.imglist li div.content.c img.slogn {
              top: 60px;
              opacity: 0;
              filter: alpha(opacity=0); }
            body > div.index div.banner_wrap ul.imglist li div.content.c img.watch {
              top: 160px;
              right: -90px;
              -webkit-transition: transform 2s ease-in;
              -moz-transition: transform 2s ease-in;
              -ms-transition: transform 2s ease-in;
              -o-transition: transform 2s ease-in;
              transition: transform 2s ease-in; }
            body > div.index div.banner_wrap ul.imglist li div.content.c img.pen {
              bottom: -150px; }
            body > div.index div.banner_wrap ul.imglist li div.content.c img.light {
              top: 0;
              left: -420px; }
          body > div.index div.banner_wrap ul.imglist li div.content.d img {
            position: absolute; }
            body > div.index div.banner_wrap ul.imglist li div.content.d img.slogn {
              bottom: 70px;
              right: -350px; }
            body > div.index div.banner_wrap ul.imglist li div.content.d img.pic {
              top: 0px;
              height: 100%;
              left: -560px; }
  body > div.index div.service_wrap {
    width: 100%; }
    body > div.index div.service_wrap div.bottom {
      width: 100%;
      height: 24px;
      background: url(../images/service_bottom_bg.png) repeat-x center; }
      body > div.index div.service_wrap div.bottom img {
        display: block; }
  body > div.index div.service {
    width: 1000px;
    position: relative;
    top: -42px;
    z-index: 10; }
    body > div.index div.service > ul.list {
      zoom: 1; }
      body > div.index div.service > ul.list:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0; }
      body > div.index div.service > ul.list > li {
        float: left;
        width: 200px;
        overflow: hidden;
        padding-top: 169px;
        background: url(../images/service_icon00.png) no-repeat center top; }
        body > div.index div.service > ul.list > li.b {
          background-image: url(../images/service_icon01.png);
          margin: 0 200px; }
        body > div.index div.service > ul.list > li.c {
          background-image: url(../images/service_icon02.png); }
        body > div.index div.service > ul.list > li h1 {
          color: #0066b5;
          font-size: 17px;
          text-align: center;
          font-weight: bold;
          padding: 25px 0; }
        body > div.index div.service > ul.list > li > ul li {
          width: 100%;
          text-align: center;
          font-size: 12px;
          line-height: 22px;
          color: #7d7d7d; }
          body > div.index div.service > ul.list > li > ul li.title {
            padding: 15px 0;
            background: url(../images/service_title_icon.png) no-repeat;
            background-position: 30px 50%;
            color: #e73562;
            font-size: 14px; }
  body > div.index div.case_wrap {
    width: 100%;
    background-color: #3f3b3a; }
    body > div.index div.case_wrap div.bottom {
      width: 100%;
      height: 24px;
      background: url(../images/case_bottom_bg.png) repeat-x center; }
      body > div.index div.case_wrap div.bottom img {
        display: block; }
    body > div.index div.case_wrap div.case {
      width: 1020px; }
      body > div.index div.case_wrap div.case > span.title {
        display: block;
        padding: 10px 0; }
        body > div.index div.case_wrap div.case > span.title img {
          display: block;
          max-width: 100%; }
      body > div.index div.case_wrap div.case div.type {
        width: 100%;
        padding: 30px 0; }
        body > div.index div.case_wrap div.case div.type ul {
          zoom: 1;
          overflow: hidden; }
          body > div.index div.case_wrap div.case div.type ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0; }
          body > div.index div.case_wrap div.case div.type ul li {
            float: left;
            color: #fff;
            cursor: pointer;
            margin-left: 65px;
            font-size: 17px;
            font-weight: bold;
            padding-bottom: 5px; }
            body > div.index div.case_wrap div.case div.type ul li.first {
              margin-left: 0; }
            body > div.index div.case_wrap div.case div.type ul li.selected, body > div.index div.case_wrap div.case div.type ul li:hover {
              color: #e73562;
              border-bottom: 2px solid #e73562; }
      body > div.index div.case_wrap div.case div.list {
        width: 100%;
        padding-bottom: 70px;
        overflow: hidden;
        display: none; }
        body > div.index div.case_wrap div.case div.list > div.dot {
          margin-top: 30px; }
          body > div.index div.case_wrap div.case div.list > div.dot ul.dot {
            position: relative;
            text-align: center;
            zoom: 1; }
            body > div.index div.case_wrap div.case div.list > div.dot ul.dot:after {
              visibility: hidden;
              display: block;
              font-size: 0;
              content: " ";
              clear: both;
              height: 0; }
            body > div.index div.case_wrap div.case div.list > div.dot ul.dot li {
              width: 20px;
              height: 20px;
              background: #fff;
              border-radius: 20px;
              display: inline-block;
              margin-right: 10px;
              cursor: pointer; }
              body > div.index div.case_wrap div.case div.list > div.dot ul.dot li.selected {
                background-color: #c5345d; }
        body > div.index div.case_wrap div.case div.list > ul.list {
          display: none;
          width: 100%;
          overflow: hidden;
          zoom: 1; }
          body > div.index div.case_wrap div.case div.list > ul.list:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0; }
          body > div.index div.case_wrap div.case div.list > ul.list > li {
            cursor: pointer;
            margin-top: 5px;
            float: left;
            margin-left: 8px;
            width: 249px;
            height: 175px;
            position: relative;
            overflow: hidden; }
            body > div.index div.case_wrap div.case div.list > ul.list > li:hover img {
              -webkit-transform: scale(1.1, 1.1);
              -moz-transform: scale(1.1, 1.1);
              -ms-transform: scale(1.1, 1.1);
              -o-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1); }
            body > div.index div.case_wrap div.case div.list > ul.list > li img {
              width: 100%;
              height: 100%;
              -webkit-transition: all 1s ease-out;
              -moz-transition: all 1s ease-out;
              -ms-transition: all 1s ease-out;
              -o-transition: all 1s ease-out;
              transition: all 1s ease-out; }
            body > div.index div.case_wrap div.case div.list > ul.list > li span.title {
              display: block;
              width: 100%;
              height: 60px;
              position: absolute;
              z-index: 2;
              bottom: -60px;
              left: 0;
              background-color: rgba(0, 0, 0, 0.6); }
              body > div.index div.case_wrap div.case div.list > ul.list > li span.title p {
                color: #fff;
                font-size: 12px;
                width: 95%; }
                body > div.index div.case_wrap div.case div.list > ul.list > li span.title p.t {
                  font-size: 16px;
                  padding: 5px 0; }
  body > div.index div.customer_wrap {
    margin-top: 10px;
    width: 100%; }
    body > div.index div.customer_wrap div.customer {
      width: 1030px;
      overflow: hidden;
      margin-bottom: 30px; }
      body > div.index div.customer_wrap div.customer span.title {
        display: block;
        padding: 30px 0; }
        body > div.index div.customer_wrap div.customer span.title img {
          display: block; }
      body > div.index div.customer_wrap div.customer div.list {
        width: 1030px; }
        body > div.index div.customer_wrap div.customer div.list ul {
          zoom: 1; }
          body > div.index div.customer_wrap div.customer div.list ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0; }
          body > div.index div.customer_wrap div.customer div.list ul li {
            float: left;
            width: 206px;
            height: 100px;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            background: url(../images/logo_bg.png) no-repeat center; }
            body > div.index div.customer_wrap div.customer div.list ul li > a {
              position: absolute;
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              z-index: 2;
              background-repeat: no-repeat;
              background-size: auto;
              background-position: center; }
              body > div.index div.customer_wrap div.customer div.list ul li > a.hover {
                z-index: 5;
                opacity: 0;
                filter: alpha(opacity=0); }
            body > div.index div.customer_wrap div.customer div.list ul li img {
              width: 100%;
              height: 100%; }
    body > div.index div.customer_wrap div.bottom {
      margin-top: 40px;
      width: 100%;
      height: 21px;
      background: url(../images/customer_bottom.png) no-repeat center;
      background-color: #0086c4; }
  body > div.index div.about_wrap {
    width: 100%;
    background-color: #0086c4;
    overflow: hidden; }
    body > div.index div.about_wrap div.bottom {
      height: 21px;
      width: 100%;
      background-color: #fff; }
      body > div.index div.about_wrap div.bottom img {
        display: block; }
    body > div.index div.about_wrap div.about {
      width: 1050px;
      margin-top: 40px; }
      body > div.index div.about_wrap div.about span.title {
        display: block;
        width: 100%; }
        body > div.index div.about_wrap div.about span.title img {
          display: block;
          max-width: 100%; }
      body > div.index div.about_wrap div.about div.content {
        zoom: 1; }
        body > div.index div.about_wrap div.about div.content:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0; }
        body > div.index div.about_wrap div.about div.content div.left {
          float: left;
          width: 640px;
          overflow: hidden; }
          body > div.index div.about_wrap div.about div.content div.left img {
            float: left; }
        body > div.index div.about_wrap div.about div.content div.right {
          float: right;
          width: 360px;
          overflow: hidden;
          margin-top: 80px; }
          body > div.index div.about_wrap div.about div.content div.right > p {
            font-size: 12px;
            color: #fff;
            padding: 10px 0;
            line-height: 22px; }
  body > div.index div.contact_wrap {
    padding-bottom: 50px;
    width: 100%; }
    body > div.index div.contact_wrap div.contact {
      width: 1020px;
      overflow: hidden; }
      body > div.index div.contact_wrap div.contact span.title {
        margin-top: 20px;
        display: block;
        width: 100%;
        margin-bottom: 20px; }
        body > div.index div.contact_wrap div.contact span.title img {
          display: block;
          max-width: 100%; }
      body > div.index div.contact_wrap div.contact p.title {
        padding: 5px 0;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: #4c4948;
        line-height: 25px; }
      body > div.index div.contact_wrap div.contact div.content {
        width: 100%;
        margin-top: 30px;
        zoom: 1; }
        body > div.index div.contact_wrap div.contact div.content:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0; }
        body > div.index div.contact_wrap div.contact div.content div.left {
          width: 510px;
          float: left; }
          body > div.index div.contact_wrap div.contact div.content div.left div.title {
            width: 100%; }
            body > div.index div.contact_wrap div.contact div.content div.left div.title span {
              color: #fff;
              background-color: #0086c4;
              padding: 0 10px; }
          body > div.index div.contact_wrap div.contact div.content div.left ul {
            width: 100%; }
            body > div.index div.contact_wrap div.contact div.content div.left ul li {
              zoom: 1;
              margin: 10px 0;
              width: 100%;
              height: 35px;
              overflow: hidden; }
              body > div.index div.contact_wrap div.contact div.content div.left ul li:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0; }
              body > div.index div.contact_wrap div.contact div.content div.left ul li span.name {
                display: block;
                float: left;
                height: 35px;
                line-height: 35px;
                width: 120px;
                color: #4c4948;
                font-size: 12px;
                overflow: hidden; }
              body > div.index div.contact_wrap div.contact div.content div.left ul li input[type='text'] {
                width: 328px;
                height: 33px;
                border: 1px solid #c6c6c7;
                float: left;
                font-family: 'microsoft yahei';
                text-indent: 12px;
                font-size: 12px; }
              body > div.index div.contact_wrap div.contact div.content div.left ul li input[type='submit'] {
                cursor: pointer;
                font-family: 'microsoft yahei';
                border: none;
                float: right;
                width: 90px;
                height: 30px;
                color: #fff;
                background-color: #e73562;
                margin-right: 60px; }
              body > div.index div.contact_wrap div.contact div.content div.left ul li.message {
                height: 135px; }
                body > div.index div.contact_wrap div.contact div.content div.left ul li.message textarea {
                  width: 330px;
                  height: 133px;
                  border: 1px solid #c6c6c7;
                  float: left;
                  resize: none;
                  overflow: hidden;
                  font-family: 'microsoft yahei';
                  text-indent: 12px;
                  font-size: 12px; }
        body > div.index div.contact_wrap div.contact div.content div.right {
          width: 440px;
          float: right; }
          body > div.index div.contact_wrap div.contact div.content div.right > ul.list {
            width: 100%; }
            body > div.index div.contact_wrap div.contact div.content div.right > ul.list > li {
              width: 100%;
              height: 30px;
              line-height: 30px;
              text-indent: 40px;
              display: block;
              background-position: center left;
              background-repeat: no-repeat;
              background-size: auto;
              margin: 15px 0;
              overflow: hidden;
              font-size: 14px;
              color: #595757; }
          body > div.index div.contact_wrap div.contact div.content div.right div.share {
            margin-top: 40px; }
            body > div.index div.contact_wrap div.contact div.content div.right div.share ul {
              zoom: 1; }
              body > div.index div.contact_wrap div.contact div.content div.right div.share ul:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0; }
              body > div.index div.contact_wrap div.contact div.content div.right div.share ul li {
                float: left;
                margin-right: 15px;
                position: relative; }
                body > div.index div.contact_wrap div.contact div.content div.right div.share ul li span.ewm {
                  display: block;
                  width: 150px;
                  height: 150px;
                  position: absolute;
                  top: -150px;
                  left: -50px;
                  z-index: 9;
                  display: none; }
                  body > div.index div.contact_wrap div.contact div.content div.right div.share ul li span.ewm img {
                    width: 100%;
                    height: 100%; }
  body > div.index div.servicesPage div.servBox {
    width: 100%; }
    body > div.index div.servicesPage div.servBox div.inner {
      width: 1000px;
      margin: 0 auto; }
      body > div.index div.servicesPage div.servBox div.inner .con {
        position: relative; }
  body > div.index div.servicesPage div.s1 {
    background: url(../images/newpage/servpage_bj.jpg) no-repeat;
    padding-top: 60px;
    background-size: 100% 100%;
    min-width: 1000px; }
    body > div.index div.servicesPage div.s1 span.line {
      width: 100%;
      height: 1px;
      background-color: #072136;
      display: block; }
    body > div.index div.servicesPage div.s1 div.inner {
      margin-top: -33px; }
      body > div.index div.servicesPage div.s1 div.inner .top {
        overflow: hidden; }
        body > div.index div.servicesPage div.s1 div.inner .top span {
          display: inline-block;
          float: left;
          background-color: #ffc600;
          padding: 0 20px 0 30px; }
        body > div.index div.servicesPage div.s1 div.inner .top div.setmap {
          float: right;
          font-size: 14px;
          color: #333;
          margin: 12px 20px 0 0;
          background-color: #ffc600; }
      body > div.index div.servicesPage div.s1 div.inner .con {
        height: 910px; }
        body > div.index div.servicesPage div.s1 div.inner .con div {
          position: absolute; }
        body > div.index div.servicesPage div.s1 div.inner .con span {
          color: #072136;
          display: block;
          font-size: 14px;
          line-height: 20px;
          margin-top: 10px; }
        body > div.index div.servicesPage div.s1 div.inner .con .centerimg {
          top: 10%;
          left: 25%; }
        body > div.index div.servicesPage div.s1 div.inner .con .leftimg {
          top: 15%;
          left: 5%; }
          body > div.index div.servicesPage div.s1 div.inner .con .leftimg span {
            padding-left: 40px; }
        body > div.index div.servicesPage div.s1 div.inner .con .rightimg {
          right: 5%;
          top: 20%; }
        body > div.index div.servicesPage div.s1 div.inner .con .bottomimg {
          left: 9%;
          bottom: 18%; }
          body > div.index div.servicesPage div.s1 div.inner .con .bottomimg span {
            padding-left: 40px; }
  body > div.index div.servicesPage div.s2 {
    margin-top: -145px; }
    body > div.index div.servicesPage div.s2 div.inner {
      text-align: center;
      padding-bottom: 100px; }
  body > div.index div.servicesPage div.s3 {
    width: 100%;
    background-color: #f7f5f5; }
    body > div.index div.servicesPage div.s3 div.inner .con {
      padding: 60px 0 30px;
      height: 630px; }
      body > div.index div.servicesPage div.s3 div.inner .con div {
        position: absolute;
        width: 112px;
        text-align: center; }
      body > div.index div.servicesPage div.s3 div.inner .con span {
        color: #072136;
        display: block;
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px; }
      body > div.index div.servicesPage div.s3 div.inner .con .centerimg {
        top: 10%;
        left: 25%; }
      body > div.index div.servicesPage div.s3 div.inner .con .leftimg1 {
        top: 18%;
        left: 8%; }
      body > div.index div.servicesPage div.s3 div.inner .con .leftimg2 {
        top: 63%;
        left: 15%; }
      body > div.index div.servicesPage div.s3 div.inner .con .rightimg1 {
        top: 17%;
        right: 8%; }
      body > div.index div.servicesPage div.s3 div.inner .con .rightimg2 {
        top: 57%;
        right: 13%; }
      body > div.index div.servicesPage div.s3 div.inner .con .bottomimg {
        bottom: 5%;
        left: 43%; }
  body > div.index div.casePage div.casewrap {
    background-color: #fff;
    padding-top: 60px;
    min-width: 1000px; }
    body > div.index div.casePage div.casewrap span.line {
      width: 100%;
      height: 1px;
      background-color: #072136;
      display: block; }
    body > div.index div.casePage div.casewrap div.inner {
      margin: -33px auto 30px;
      width: 1000px; }
      body > div.index div.casePage div.casewrap div.inner .top {
        overflow: hidden; }
        body > div.index div.casePage div.casewrap div.inner .top span {
          display: inline-block;
          float: left;
          background-color: #fff;
          padding: 0 20px 0 30px; }
        body > div.index div.casePage div.casewrap div.inner .top div.setmap {
          float: right;
          font-size: 14px;
          color: #333;
          margin: 12px 20px 0 0;
          background-color: #fff; }
      body > div.index div.casePage div.casewrap div.inner div.type {
        margin: 60px 0 10px; }
        body > div.index div.casePage div.casewrap div.inner div.type ul {
          text-align: center; }
          body > div.index div.casePage div.casewrap div.inner div.type ul li {
            padding: 10px 20px;
            color: #333;
            background-color: #fff;
            border: 1px solid transparent;
            display: inline-block;
            cursor: pointer; }
          body > div.index div.casePage div.casewrap div.inner div.type ul li:hover,
          body > div.index div.casePage div.casewrap div.inner div.type ul li.selected {
            color: #9dc0c8;
            border: 1px solid #9dc0c8; }
      body > div.index div.casePage div.casewrap div.inner div.list {
        width: 100%;
        overflow: hidden;
        display: none; }
        body > div.index div.casePage div.casewrap div.inner div.list > div.dot {
          margin: 30px 0 0px; }
          body > div.index div.casePage div.casewrap div.inner div.list > div.dot ul.dot {
            position: relative;
            text-align: center;
            zoom: 1; }
            body > div.index div.casePage div.casewrap div.inner div.list > div.dot ul.dot:after {
              visibility: hidden;
              display: block;
              font-size: 0;
              content: " ";
              clear: both;
              height: 0; }
            body > div.index div.casePage div.casewrap div.inner div.list > div.dot ul.dot li {
              width: 20px;
              height: 20px;
              background: #a49f98;
              border-radius: 20px;
              display: inline-block;
              margin-right: 10px;
              cursor: pointer; }
              body > div.index div.casePage div.casewrap div.inner div.list > div.dot ul.dot li.selected {
                background-color: #64b5ca; }
        body > div.index div.casePage div.casewrap div.inner div.list > ul.list {
          display: none;
          width: 880px;
          margin: 0 60px;
          overflow: hidden;
          zoom: 1; }
          body > div.index div.casePage div.casewrap div.inner div.list > ul.list:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0; }
          body > div.index div.casePage div.casewrap div.inner div.list > ul.list > li {
            width: 251px;
            text-align: left;
            float: left;
            margin: 20px 0 0 0;
            border: 1px solid transparent;
            background-color: #f1f1f1;
            padding: 10px; }
            body > div.index div.casePage div.casewrap div.inner div.list > ul.list > li span.title {
              padding-top: 6px;
              display: block; }
              body > div.index div.casePage div.casewrap div.inner div.list > ul.list > li span.title p {
                font-size: 14px;
                color: #333; }
              body > div.index div.casePage div.casewrap div.inner div.list > ul.list > li span.title p.t {
                font-size: 18px; }
          body > div.index div.casePage div.casewrap div.inner div.list > ul.list li.center {
            margin-left: 30.5px;
            margin-right: 30.5px; }
          body > div.index div.casePage div.casewrap div.inner div.list > ul.list li:hover {
            border: 1px solid #9dc0c8; }
  body > div.index div.aboutusPage {
    background-color: #fff;
    padding-top: 60px;
    min-width: 1000px; }
    body > div.index div.aboutusPage span.line {
      width: 100%;
      height: 1px;
      background-color: #072136;
      display: block; }
    body > div.index div.aboutusPage div.inner {
      margin: -33px auto 30px;
      width: 1000px; }
      body > div.index div.aboutusPage div.inner .top {
        overflow: hidden; }
        body > div.index div.aboutusPage div.inner .top span {
          display: inline-block;
          float: left;
          background-color: #fff;
          padding: 0 20px 0 30px; }
        body > div.index div.aboutusPage div.inner .top div.setmap {
          float: right;
          font-size: 14px;
          color: #333;
          margin: 12px 20px 0 0;
          background-color: #fff; }
      body > div.index div.aboutusPage div.inner div.con {
        overflow: hidden;
        width: 100%;
        margin-top: 60px; }
        body > div.index div.aboutusPage div.inner div.con div.left, body > div.index div.aboutusPage div.inner div.con div.right {
          float: left; }
        body > div.index div.aboutusPage div.inner div.con div.left {
          width: 496px; }
        body > div.index div.aboutusPage div.inner div.con div.right {
          width: 424px;
          min-height: 460px;
          padding: 40px 20px 20px 60px;
          background: url(../images/newpage/aboutpage_bj.jpg) no-repeat center center; }
          body > div.index div.aboutusPage div.inner div.con div.right p {
            font-size: 20px;
            color: #4e4e4e;
            line-height: 32px;
            text-indent: 24px;
            margin-bottom: 20px; }
  body > div.index div.customerPage {
    background-color: #fff;
    padding-top: 60px;
    min-width: 1000px; }
    body > div.index div.customerPage span.line {
      width: 100%;
      height: 1px;
      background-color: #072136;
      display: block; }
    body > div.index div.customerPage div.inner {
      margin: -33px auto 30px;
      width: 1030px; }
      body > div.index div.customerPage div.inner .top {
        overflow: hidden; }
        body > div.index div.customerPage div.inner .top span {
          display: inline-block;
          float: left;
          background-color: #fff;
          padding: 0 20px 0 30px; }
        body > div.index div.customerPage div.inner .top div.setmap {
          float: right;
          font-size: 14px;
          color: #333;
          margin: 12px 20px 0 0;
          background-color: #fff; }
      body > div.index div.customerPage div.inner div.con {
        margin-top: 15px;
        text-align: center;
        font-size: 14px;
        color: #4c4948; }
  body > div.index div.contactPage {
    background-color: #fff;
    padding-top: 60px;
    min-width: 1000px; }
    body > div.index div.contactPage span.line {
      width: 100%;
      height: 1px;
      background-color: #072136;
      display: block; }
    body > div.index div.contactPage div.inner {
      margin: -33px auto 30px;
      width: 1000px; }
      body > div.index div.contactPage div.inner .top {
        overflow: hidden; }
        body > div.index div.contactPage div.inner .top span {
          display: inline-block;
          float: left;
          background-color: #fff;
          padding: 0 20px 0 30px; }
        body > div.index div.contactPage div.inner .top div.setmap {
          float: right;
          font-size: 14px;
          color: #333;
          margin: 12px 20px 0 0;
          background-color: #fff; }
      body > div.index div.contactPage div.inner div.con {
        margin-top: 15px;
        font-size: 14px;
        color: #4c4948; }
        body > div.index div.contactPage div.inner div.con span.des {
          display: block;
          color: #333;
          font-size: 16px;
          line-height: 22px;
          text-align: left;
          padding-left: 40px;
          margin-bottom: 60px; }
        body > div.index div.contactPage div.inner div.con div.conbox {
          width: 100%; }
          body > div.index div.contactPage div.inner div.con div.conbox div.left, body > div.index div.contactPage div.inner div.con div.conbox div.right {
            float: left; }
          body > div.index div.contactPage div.inner div.con div.conbox div.left {
            width: 489px;
            padding-left: 20px;
            min-height: 380px; }
            body > div.index div.contactPage div.inner div.con div.conbox div.left div.share {
              position: relative;
              border: 1px solid #ccc;
              width: 182px;
              margin: 30px 0 30px 45px;
              padding: 10px 10px 20px 20px; }
              body > div.index div.contactPage div.inner div.con div.conbox div.left div.share ul {
                overflow: hidden; }
                body > div.index div.contactPage div.inner div.con div.conbox div.left div.share ul li {
                  float: left;
                  margin-right: 10px; }
                  body > div.index div.contactPage div.inner div.con div.conbox div.left div.share ul li span.ewm {
                    width: 150px;
                    height: 150px;
                    position: absolute;
                    top: -140px;
                    left: -50px;
                    z-index: 9;
                    display: none; }
                    body > div.index div.contactPage div.inner div.con div.conbox div.left div.share ul li span.ewm img {
                      width: 100%;
                      height: 100%; }
              body > div.index div.contactPage div.inner div.con div.conbox div.left div.share span.t {
                font-size: 18px;
                color: #595757;
                display: inline-block;
                background-color: #fff;
                height: 22px;
                line-height: 22px;
                position: absolute;
                bottom: -10px;
                left: 37px;
                padding: 0 5px; }
            body > div.index div.contactPage div.inner div.con div.conbox div.left ul.contact_list li {
              color: #595757;
              font-size: 14px;
              height: 29px;
              line-height: 29px;
              padding-left: 44px;
              margin-top: 10px; }
            body > div.index div.contactPage div.inner div.con div.conbox div.left ul.contact_list li.tel {
              background: url(../images/newpage/contactpage_icon02.png) no-repeat 5px center; }
            body > div.index div.contactPage div.inner div.con div.conbox div.left ul.contact_list li.cz {
              background: url(../images/newpage/contactpage_icon03.png) no-repeat 3px center; }
            body > div.index div.contactPage div.inner div.con div.conbox div.left ul.contact_list li.email1 {
              background: url(../images/newpage/contactpage_icon04.png) no-repeat 3px center; }
            body > div.index div.contactPage div.inner div.con div.conbox div.left ul.contact_list li.email2 {
              background: url(../images/newpage/contactpage_icon05.png) no-repeat 0 center; }
            body > div.index div.contactPage div.inner div.con div.conbox div.left ul.contact_list li.email3 {
              background: url(../images/newpage/contactpage_icon06.png) no-repeat 0 center; }
            body > div.index div.contactPage div.inner div.con div.conbox div.left ul.contact_list li.address {
              background: url(../images/newpage/contactpage_icon07.png) no-repeat 4px center; }
          body > div.index div.contactPage div.inner div.con div.conbox div.right {
            background: url(../images/newpage/contactpage_bj.png) no-repeat center center;
            width: 491px;
            min-height: 380px; }
            body > div.index div.contactPage div.inner div.con div.conbox div.right span.n {
              margin: 16px 0 0 10px;
              color: #fff;
              font-size: 14px;
              display: block;
              letter-spacing: 4px; }
            body > div.index div.contactPage div.inner div.con div.conbox div.right ul {
              margin: 30px 20px 0 30px; }
              body > div.index div.contactPage div.inner div.con div.conbox div.right ul li {
                margin-top: 10px; }
                body > div.index div.contactPage div.inner div.con div.conbox div.right ul li span {
                  font-size: 12px;
                  color: #4c4948;
                  margin-right: 7px;
                  width: 23%;
                  display: inline-block; }
                body > div.index div.contactPage div.inner div.con div.conbox div.right ul li input {
                  width: 320px;
                  height: 20px;
                  padding: 2px 5px;
                  border: 1px solid #767474; }
              body > div.index div.contactPage div.inner div.con div.conbox div.right ul li.message span.name {
                float: left;
                height: 136px;
                line-height: 136px; }
              body > div.index div.contactPage div.inner div.con div.conbox div.right ul li.message textarea {
                height: 130px;
                width: 320px;
                padding: 2px 5px;
                border: 1px solid #767474; }
              body > div.index div.contactPage div.inner div.con div.conbox div.right ul li.last {
                text-align: right; }
                body > div.index div.contactPage div.inner div.con div.conbox div.right ul li.last input {
                  width: 90px;
                  height: 30px;
                  color: #fff;
                  background-color: #e73562;
                  border: 1px solid #eb6688;
                  margin-right: 1px;
                  cursor: pointer;
                  font-family: 'microsoft yahei'; }

body > div.case_wrap {
  font-family: 'microsoft yahei';
  width: 100%;
  margin-top: 105px; }
  body > div.case_wrap div.case {
    width: 100%;
    zoom: 1;
    overflow: hidden;
    position: relative; }
    body > div.case_wrap div.case:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    body > div.case_wrap div.case div.title {
      margin: 40px 0 20px 0;
      text-align: center;
      font-size: 24px;
      color: #030000; }
      body > div.case_wrap div.case div.title img {
        display: block; }
    body > div.case_wrap div.case span.icon {
      display: block;
      width: 100%;
      height: 17px;
      background: url(../images/case_icon00.png) no-repeat center top;
      padding-bottom: 180px; }
    body > div.case_wrap div.case div.banner {
      width: 100%;
      background-color: #585959;
      position: relative; }
      body > div.case_wrap div.case div.banner div.bgt {
        width: 100%;
        height: 50%;
        background: #aa9764;
        bottom: 0;
        position: absolute; }
      body > div.case_wrap div.case div.banner img {
        display: block;
        position: relative;
        top: -100px;
        margin-top: 20px; }
    body > div.case_wrap div.case div.main {
      width: 100%;
      position: relative; }
      body > div.case_wrap div.case div.main > div.content_wrap {
        width: 100%;
        background-color: #747574;
        padding-bottom: 200px;
        position: relative; }
        body > div.case_wrap div.case div.main > div.content_wrap div.bgt {
          position: absolute;
          height: 20%;
          width: 100%;
          background-color: #464546;
          left: 0;
          bottom: 30%; }
        body > div.case_wrap div.case div.main > div.content_wrap div.bgh {
          position: absolute;
          width: 100%;
          background-color: #fff;
          height: 30%;
          bottom: 0;
          left: 0; }
      body > div.case_wrap div.case div.main > div.content_wrap > div.content {
        width: 1160px;
        position: relative;
        z-index: 2;
        zoom: 1; }
        body > div.case_wrap div.case div.main > div.content_wrap > div.content:after {
          visibility: hidden;
          display: block;
          font-size: 0;
          content: " ";
          clear: both;
          height: 0; }
        body > div.case_wrap div.case div.main > div.content_wrap > div.content div.img {
          width: 875px;
          float: left; }
          body > div.case_wrap div.case div.main > div.content_wrap > div.content div.img span.title {
            display: block;
            width: 100%;
            text-indent: 20px;
            background: url(../images/case_icon01.png) no-repeat center left;
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            margin: 35px 0; }
          body > div.case_wrap div.case div.main > div.content_wrap > div.content div.img img {
            width: 100%;
            margin-top: 20px; }
        body > div.case_wrap div.case div.main > div.content_wrap > div.content div.text {
          width: 220px;
          position: absolute;
          top: 0;
          right: 0; }
          body > div.case_wrap div.case div.main > div.content_wrap > div.content div.text span.title {
            display: block;
            width: 100%;
            text-indent: 20px;
            background: url(../images/case_icon01.png) no-repeat center left;
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            margin: 35px 0; }
          body > div.case_wrap div.case div.main > div.content_wrap > div.content div.text > ul li {
            width: 210px;
            overflow: hidden;
            font-size: 12px;
            color: #fff;
            line-height: 23px; }
            body > div.case_wrap div.case div.main > div.content_wrap > div.content div.text > ul li.title {
              font-size: 18px;
              text-indent: 40px;
              margin-top: 55px;
              margin-bottom: 20px;
              height: 25px;
              line-height: 25px; }
              body > div.case_wrap div.case div.main > div.content_wrap > div.content div.text > ul li.title.team {
                background: url(../images/case_icon02.png) no-repeat center left; }
              body > div.case_wrap div.case div.main > div.content_wrap > div.content div.text > ul li.title.original {
                background: url(../images/case_icon03.png) no-repeat center left; }
              body > div.case_wrap div.case div.main > div.content_wrap > div.content div.text > ul li.title.case {
                background: url(../images/case_icon04.png) no-repeat center left; }
      body > div.case_wrap div.case div.main div.list_wrap {
        width: 100%;
        background-color: #fff;
        padding-bottom: 50px; }
      body > div.case_wrap div.case div.main div.list {
        width: 1160px;
        overflow: hidden;
        position: relative;
        z-index: 3; }
        body > div.case_wrap div.case div.main div.list > i {
          display: block;
          width: 60px;
          height: 330px;
          position: absolute;
          bottom: 0;
          cursor: pointer; }
          body > div.case_wrap div.case div.main div.list > i.prev {
            left: 0;
            background: url(../images/case_icon06.png) no-repeat center left; }
          body > div.case_wrap div.case div.main div.list > i.next {
            right: 0;
            background: url(../images/case_icon07.png) no-repeat center right; }
        body > div.case_wrap div.case div.main div.list span.title {
          display: block;
          width: 100%;
          text-indent: 20px;
          background: url(../images/case_icon05.png) no-repeat center left;
          font-size: 14px;
          color: #585959;
          font-weight: bold;
          margin: 35px 0;
          height: 25px;
          line-height: 25px;
          letter-spacing: 5px;
          text-indent: 30px;
          position: relative; }
          body > div.case_wrap div.case div.main div.list span.title i.line {
            position: absolute;
            height: 1px;
            width: 1000px;
            background-color: #585959;
            top: 12px;
            right: 0; }
        body > div.case_wrap div.case div.main div.list div.content {
          width: 1040px;
          height: 100%;
          overflow: hidden; }
          body > div.case_wrap div.case div.main div.list div.content ul {
            height: 100%;
            margin-left: 0;
            zoom: 1; }
            body > div.case_wrap div.case div.main div.list div.content ul:after {
              visibility: hidden;
              display: block;
              font-size: 0;
              content: " ";
              clear: both;
              height: 0; }
            body > div.case_wrap div.case div.main div.list div.content ul li {
              width: 180px;
              height: 100%;
              float: left;
              overflow: hidden;
              cursor: pointer;
              margin-left: 28px; }
              body > div.case_wrap div.case div.main div.list div.content ul li img {
                width: 100%;
                height: 100%;
                display: block; }

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