@charset "UTF-8";
#main .content .news li .con.txt li, #main .content .news li h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#main .swiper-container .swiper-pagination-bullets {
  bottom: 120px;
  left: 0;
  width: 100%; }
#main .swiper-container .swiper-pagination-bullet {
  position: relative;
  width: 50px;
  height: 3px;
  border-radius: 0;
  opacity: .5;
  background: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }
  #main .swiper-container .swiper-pagination-bullet:after {
    content: " ";
    position: absolute;
    top: -15px;
    bottom: -15px;
    left: 0;
    right: 0; }
#main .swiper-container .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1; }
#main .banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #fff; }
  #main .banner li {
    position: relative; }
    #main .banner li img {
      width: 100%;
      height: 500px; }
    #main .banner li .bann_con {
      position: absolute;
      top: 97px;
      width: 100%; }
      #main .banner li .bann_con h2 {
        font-size: 44px; }
      #main .banner li .bann_con .goal {
        font-size: 18px;
        padding: 26px 0; }
      #main .banner li .bann_con .btn {
        margin: 6px 0; }
        #main .banner li .bann_con .btn a {
          display: inline-block;
          margin-right: 20px;
          padding: 12px 17px;
          font-size: 16px;
          color: #fff;
          border-radius: 3px;
          overflow: hidden;
          border: 1px solid #ff6800; }
        #main .banner li .bann_con .btn .try1 {
          background-color: #ff6800; }
        #main .banner li .bann_con .btn .try2 {
          border-color: #7495ff;
          background-color: #7495ff; }
        #main .banner li .bann_con .btn .try3 {
          color: #ff6642;
          border-color: #fedc9b;
          background-color: #fedc9b; }
        #main .banner li .bann_con .btn .detail {
          border-color: #fff; }
      #main .banner li .bann_con .tel {
        padding-left: 28px;
        line-height: 58px;
        background: url(../images/icon.png) -228px -152px no-repeat; }
  #main .banner .bann_footer {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.15); }
    #main .banner .bann_footer li a {
      float: left;
      display: flex;
      display: -webkit-flex;
      width: 300px;
      height: 105px;
      padding: 33px 37px 0;
      box-sizing: border-box;
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      color: #fff; }
      #main .banner .bann_footer li a:hover {
        background: rgba(255, 255, 255, 0.15); }
      #main .banner .bann_footer li a:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.2); }
      #main .banner .bann_footer li a .icon {
        width: 48px;
        height: 48px;
        background: url(../images/icon.png) -126px -76px; }
      #main .banner .bann_footer li a .con {
        padding-left: 19px; }
        #main .banner .bann_footer li a .con .title {
          font-size: 18px;
          font-weight: bold; }
        #main .banner .bann_footer li a .con p {
          padding: 15px 0; }
    #main .banner .bann_footer li:nth-child(2) .icon {
      background-position: -325px -76px; }
    #main .banner .bann_footer li:nth-child(3) .icon {
      background-position: -553px -76px; }
    #main .banner .bann_footer li:nth-child(4) .icon {
      width: 48px;
      height: 32.5px;
      background: url(../images/kemancards.png) no-repeat;
      background-size: 100% 100%; }
#main .content {
  text-align: center; }
  #main .content h3 {
    font-size: 32px;
    color: #333;
    padding-top: 50px; }
  #main .content .sub {
    font-size: 16px;
    color: #666;
    padding: 12px 0 43px; }
  #main .content .system {
    padding: 0 0 68px; }
    #main .content .system ul {
      display: flex;
      flex-wrap: wrap; }
      #main .content .system ul li {
        position: relative;
        width: 390px;
        height: 220px;
        margin: 0 15px 20px 0;
        overflow: hidden; }
        #main .content .system ul li:nth-of-type(3n) {
          margin-right: 0; }
        #main .content .system ul li .shadow {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background: rgba(0, 0, 0, 0.5); }
          #main .content .system ul li .shadow p {
            font-size: 28px;
            color: #fff;
            margin-top: 80px;
            text-align: center; }
          #main .content .system ul li .shadow span {
            font-size: 16px;
            color: #fff;
            margin-top: 18px;
            text-align: center;
            display: block; }
        #main .content .system ul li:nth-child(1) {
          background: url(../images/system1.png);
          background-size: cover; }
        #main .content .system ul li:nth-child(2) {
          background: url(../images/system2.png); }
        #main .content .system ul li:nth-child(3) {
          background: url(../images/system3.png); }
        #main .content .system ul li:nth-child(4) {
          background: url(../images/system4.png); }
        #main .content .system ul li:nth-child(5) {
          background: url(../images/system5.png); }
        #main .content .system ul li:nth-child(6) {
          background: url(../images/system6.png); }
        #main .content .system ul li .version {
          position: absolute;
          width: 230px;
          height: 80px;
          left: 0;
          right: 0;
          margin: 90px auto 0;
          border-radius: 55px;
          font: 35px/80px "Microsoft YaHei",sans-serif;
          /*font:bold 35px/80px "宋体","Microsoft YaHei",sans-serif;*/
          background: rgba(255, 255, 255, 0.75);
          color: #ff6800;
          font-weight: bold; }
        #main .content .system ul li .mask {
          position: absolute;
          z-index: 10;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 0px;
          overflow: hidden;
          box-sizing: border-box;
          background: -webkit-linear-gradient(left, #ff7200, #ff9630);
          background: -o-linear-gradient(right, #ff7200, #ff9630);
          /* Opera 11.1 - 12.0 */
          background: -moz-linear-gradient(right, #ff7200, #ff9630);
          /* Firefox 3.6 - 15 */
          background: linear-gradient(to right, #ff7200, #ff9630);
          /* 标准的语法 */
          color: #fff; }
          #main .content .system ul li .mask .title {
            padding: 30px 0 18px;
            font-size: 21px; }
          #main .content .system ul li .mask p {
            padding: 0 30px;
            font-size: 15px;
            line-height: 24px;
            margin-bottom: 18px;
            text-align: left; }
          #main .content .system ul li .mask .detail {
            width: 100px;
            height: 36px;
            line-height: 36px;
            display: block;
            margin: 0 auto;
            border: 1px solid #fff;
            color: #fff;
            font-size: 12px;
            border-radius: 4px; }
        #main .content .system ul li:hover .mask {
          display: block; }
  #main .content .promotion {
    height: 420px;
    position: relative;
    z-index: 2000;
    /*background-image:url(../images/bg1.png);*/
    color: #fff; }
    #main .content .promotion h3 {
      padding: 50px 0;
      color: #fff; }
    #main .content .promotion ul {
      display: flex;
      display: -webkit-flex; }
    #main .content .promotion li {
      width: 25%;
      height: 158px;
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      justify-content: space-between; }
      #main .content .promotion li .top {
        display: flex;
        display: -webkit-flex;
        justify-content: center; }
      #main .content .promotion li em {
        font-size: 80px; }
      #main .content .promotion li span {
        width: 40px;
        margin-left: 11px;
        background: url(../images/icon3.png) -31px -62px; }
      #main .content .promotion li:nth-child(2) span {
        background-position: -130px -62px; }
      #main .content .promotion li:nth-child(3) span {
        background-position: -230px -62px; }
      #main .content .promotion li:nth-child(4) span {
        background-position: -31px -62px; }
      #main .content .promotion li .bottom {
        padding-bottom: 17px;
        font-size: 18px; }
    #main .content .promotion .btn {
      display: block;
      width: 138px;
      margin: 39px auto 46px;
      padding: 15px 0;
      border: 1px solid #fff;
      border-radius: 3px;
      font-size: 16px;
      color: #fff; }
  #main .content #canvas {
    width: 100%;
    height: 420px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(#FF6800, #FF7A22);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FF6800, #FF7A22);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FF6800, #FF7A22);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(#FF6800, #FF7A22);
    /* 标准的语法 */ }
  #main .content .canvas-wrap {
    position: relative; }
  #main .content .category {
    background: #f4f4f4;
    padding-bottom: 27px; }
    #main .content .category ul {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    #main .content .category li {
      width: 230px;
      height: 160px;
      box-sizing: border-box;
      margin-bottom: 21px;
      padding: 22px 20px;
      background: #fff;
      border: 1px solid #e5e5e5;
      border-radius: 9px;
      text-align: left; }
      #main .content .category li .img {
        display: block;
        width: 60px;
        height: 60px;
        margin: 0 auto;
        background: url(../images/category.png) no-repeat; }
      #main .content .category li:nth-child(1) .img {
        background-position: 0 0; }
      #main .content .category li:nth-child(2) .img {
        background-position: -60px 0; }
      #main .content .category li:nth-child(3) .img {
        background-position: -120px 0; }
      #main .content .category li:nth-child(4) .img {
        background-position: -180px 0; }
      #main .content .category li:nth-child(5) .img {
        background-position: -240px 0; }
      #main .content .category li:nth-child(6) .img {
        background-position: 0 -60px; }
      #main .content .category li:nth-child(7) .img {
        background-position: -60px -60px; }
      #main .content .category li:nth-child(8) .img {
        background-position: -120px -60px; }
      #main .content .category li:nth-child(9) .img {
        background-position: -180px -60px; }
      #main .content .category li:nth-child(10) .img {
        background-position: -240px -60px; }
      #main .content .category li:nth-child(11) .img {
        background-position: 0 -120px; }
      #main .content .category li:nth-child(12) .img {
        background-position: -60px -120px; }
      #main .content .category li:nth-child(13) .img {
        background-position: -120px -120px; }
      #main .content .category li:nth-child(14) .img {
        background-position: -180px -120px; }
      #main .content .category li:nth-child(15) .img {
        background-position: -240px -120px; }
      #main .content .category li .title {
        font-size: 16px;
        font-weight: bold;
        text-align: center; }
      #main .content .category li p {
        padding: 15px 0 20px;
        color: #868686;
        text-align: center; }
  #main .content .example {
    height: 780px;
    overflow: hidden;
    background: url(../images/bg3.png) center;
    color: #fff; }
    #main .content .example h3 {
      padding-top: 70px;
      color: #fff; }
    #main .content .example .sub {
      padding: 34px 0 72px;
      color: #fff; }
    #main .content .example .menu {
      width: 200px; }
      #main .content .example .menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        background-color: rgba(255, 255, 255, 0.2); }
        #main .content .example .menu li:first-child {
          background-color: #ff6800; }
        #main .content .example .menu li:last-child {
          border-bottom: 0; }
        #main .content .example .menu li a {
          display: block;
          height: 60px;
          line-height: 60px;
          padding-left: 40px;
          box-sizing: border-box;
          text-align: left;
          font-size: 16px;
          color: #fff; }
        #main .content .example .menu li i {
          display: inline-block;
          width: 26px;
          height: 25px;
          margin-right: 18px;
          margin-bottom: -6px;
          background: url(../images/i_icons.png) no-repeat; }
        #main .content .example .menu li .medical {
          /* 医疗 */
          background-position: 0 0; }
        #main .content .example .menu li .photograph {
          /* 摄影 */
          background-position: 0 -29px; }
        #main .content .example .menu li .supermarket {
          /* 商超 */
          background-position: 0 -58px; }
        #main .content .example .menu li .clothes {
          /* 服装 */
          background-position: 0 -87px; }
        #main .content .example .menu li .milk_tea {
          /* 奶茶店 */
          background-position: 0 -116px; }
        #main .content .example .menu li .beauty {
          /* 丽人 */
          background-position: 0 -145px; }
        #main .content .example .menu li .yoga {
          /* 瑜伽 */
          background-position: -30px 0; }
        #main .content .example .menu li .ktv {
          /* ktv */
          background-position: -30px -29px; }
        #main .content .example .menu li .fruit {
          /* 生鲜水果 */
          background-position: -30px -58px; }
        #main .content .example .menu li .bread {
          /* 西点面包 */
          background-position: -30px -87px; }
        #main .content .example .menu li .bar {
          /* 酒吧 */
          background-position: -30px -116px; }
        #main .content .example .menu li .pedicure {
          /* 足疗 */
          background-position: -60px 0; }
        #main .content .example .menu li .takeout {
          /* 自营外卖 */
          background-position: -60px -29px; }
        #main .content .example .menu li .cleaners {
          /* 洗衣店 */
          background-position: -60px -58px; }
        #main .content .example .menu li .food {
          /* 餐饮 */
          background-position: -60px -87px; }
        #main .content .example .menu li .travel {
          /* 旅行社 */
          background-position: -60px -116px; }
        #main .content .example .menu li .jewel {
          /* 珠宝 */
          background-position: -90px 0; }
        #main .content .example .menu li .trading_area {
          /* 商圈 */
          background-position: -90px -29px; }
        #main .content .example .menu li .qinzi_edu {
          /* 亲子早教 */
          background-position: -90px -58px; }
        #main .content .example .menu li .housekeeping {
          /* 家政 */
          background-position: -90px -87px; }
        #main .content .example .menu li .exercise {
          /* 健身 */
          background-position: -90px -116px; }
        #main .content .example .menu li .house {
          /* 房产中心 */
          background-position: -120px 0; }
        #main .content .example .menu li .flower {
          /* 鲜花 */
          background-position: -120px -29px; }
        #main .content .example .menu li .animal {
          /* 宠物 */
          background-position: -120px -58px; }
        #main .content .example .menu li .company {
          /* 企业微官网 */
          background-position: -120px -87px; }
        #main .content .example .menu li .edu {
          /* 教育培训 */
          background-position: -120px -116px; }
        #main .content .example .menu li .mall {
          /* 商城 */
          background-position: -150px 0; }
        #main .content .example .menu li .furniture {
          /* 家居城 */
          background-position: -150px -29px; }
        #main .content .example .menu li .other {
          /* 其他 */
          background-position: -150px -58px; }
        #main .content .example .menu li .car {
          /* 汽车4s */
          background-position: -150px -87px; }
        #main .content .example .menu li .hotel {
          /* 酒店 */
          background-position: -150px -116px; }
    #main .content .example .information {
      position: relative;
      width: 946px; }
      #main .content .example .information .info_con {
        display: none;
        position: absolute;
        top: 0;
        width: 946px; }
      #main .content .example .information ul {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between; }
        #main .content .example .information ul li {
          height: 350px; }
          #main .content .example .information ul li .wx {
            width: 180px;
            height: 180px;
            overflow: hidden;
            border: 10px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%; }
            #main .content .example .information ul li .wx img {
              display: block;
              width: 100%;
              height: 100%;
              margin: 0 auto; }
          #main .content .example .information ul li p {
            padding-top: 22px; }
      #main .content .example .information .txt {
        padding: 0 10px;
        text-align: left; }
        #main .content .example .information .txt .title {
          font-size: 20px; }
        #main .content .example .information .txt .intro {
          padding: 20px 0; }
        #main .content .example .information .txt .more {
          display: inline-block;
          margin: 12px 0;
          padding: 14px 20px;
          border: 1px solid rgba(255, 255, 255, 0.5);
          border-radius: 4px;
          color: #fff; }
          #main .content .example .information .txt .more i {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-left: 5px;
            background: url(../images/icon.png) -347px 131px; }
  #main .content .advantage {
    background-color: #f4f4f4; }
    #main .content .advantage h3 {
      padding-top: 83px; }
    #main .content .advantage .sub {
      padding: 13px 0 60px; }
    #main .content .advantage ul {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding-bottom: 6px; }
      #main .content .advantage ul li {
        display: flex;
        display: -webkit-flex;
        height: 160px;
        margin-bottom: 38px;
        padding: 37px 87px 37px 0;
        box-sizing: border-box;
        border: 1px solid #e5e5e5;
        border-radius: 9px;
        background: #fff;
        text-align: left; }
        #main .content .advantage ul li:hover {
          box-shadow: 0 8px 24px #dbdbdb; }
        #main .content .advantage ul li .icon {
          width: 100px;
          height: 100px;
          margin: 0 10px 0 32px;
          background: url(../images/icon2.png) -65px -100px no-repeat; }
        #main .content .advantage ul li .con {
          width: 350px; }
          #main .content .advantage ul li .con .title {
            font-size: 18px;
            padding-bottom: 16px;
            color: #333; }
          #main .content .advantage ul li .con p {
            line-height: 18px;
            color: #666; }
        #main .content .advantage ul li:nth-child(2) .icon {
          background-position: -313px -100px; }
        #main .content .advantage ul li:nth-child(3) .icon {
          background-position: -582px -100px; }
        #main .content .advantage ul li:nth-child(4) .icon {
          background-position: -63px -255px; }
        #main .content .advantage ul li:nth-child(5) .icon {
          background-position: -332px -255px; }
        #main .content .advantage ul li:nth-child(6) .icon {
          background-position: -582px -255px; }
  #main .content .city {
    background: url(../images/map_bg.png) center;
    color: #fff; }
    #main .content .city h3 {
      padding-top: 80px;
      color: #fff; }
    #main .content .city p {
      color: #fff; }
    #main .content .city .w_1200 {
      position: relative;
      height: 800px;
      background: url(../images/light.png) no-repeat 190px 214px, url(map.html) no-repeat center left; }
    #main .content .city .district span {
      position: absolute;
      font-size: 20px;
      color: #919297; }
      #main .content .city .district span:nth-child(1) {
        top: 360px;
        left: 188px; }
      #main .content .city .district span:nth-child(2) {
        top: 504px;
        left: 250px; }
      #main .content .city .district span:nth-child(3) {
        top: 613px;
        left: 430px; }
      #main .content .city .district span:nth-child(4) {
        top: 253px;
        left: 612px; }
      #main .content .city .district span:nth-child(5) {
        top: 363px;
        left: 435px; }
      #main .content .city .district span:nth-child(6) {
        top: 530px;
        left: 530px; }
    #main .content .city .right li {
      margin-top: 58px;
      padding-left: 70px; }
      #main .content .city .right li:nth-child(1) {
        background: url(../images/provider1.png) no-repeat; }
      #main .content .city .right li:nth-child(2) {
        background: url(../images/provider2.png) no-repeat; }
      #main .content .city .right li:nth-child(3) {
        background: url(../images/provider3.png)no-repeat; }
        #main .content .city .right li:nth-child(3) p {
          border-bottom: 0; }
      #main .content .city .right li .num {
        font-size: 50px; }
      #main .content .city .right li p {
        padding: 20px 0 35px;
        font-size: 20px;
        color: #cacaca;
        border-bottom: 1px solid #424456; }
  #main .content .news {
    background: #f4f4f4; }
    #main .content .news h3 {
      padding-top: 65px; }
    #main .content .news .sub {
      font-size: 18px;
      padding: 20px 0 60px; }
    #main .content .news ul {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      flex-wrap: wrap;
      text-align: left; }
    #main .content .news li {
      width: 350px; }
      #main .content .news li .title {
        padding: 0 10px;
        border-left: 3px solid #ff6800;
        font-size: 16px;
        font-weight: bold;
        color: #333; }
      #main .content .news li .con {
        width: 350px;
        height: 200px;
        margin-top: 17px;
        border-radius: 8px;
        overflow: hidden;
        background: #ededed; }
        #main .content .news li .con img {
          display: block;
          width: 100%;
          height: 100%; }
        #main .content .news li .con.txt {
          padding-bottom: 29px; }
          #main .content .news li .con.txt li {
            margin-top: 16px;
            margin-right: 20px;
            padding-left: 22px;
            background: url(../images/icon3.png) -16px -23px; }
            #main .content .news li .con.txt li a {
              color: #333; }
      #main .content .news li h5 {
        padding: 15px 0;
        color: #333;
        font-size: 16px; }
      #main .content .news li p {
        overflow: hidden;
        height: 44px;
        color: #999;
        line-height: 22px; }
      #main .content .news li .more {
        margin: 10px 0 36px;
        cursor: default; }
        #main .content .news li .more a {
          font-size: 16px;
          color: #0a6dee; }
  #main .content .company h3 {
    padding-top: 84px; }
  #main .content .company .sub {
    font-size: 18px;
    padding: 20px 0 0; }
  #main .content .company img {
    display: block;
    margin: 70px auto 100px; }
  #main .content .free_experience {
    height: 280px;
    background: url(../images/bg2.png) center; }
    #main .content .free_experience h3 {
      padding-top: 75px;
      color: #fff; }
    #main .content .free_experience .input {
      width: 515px;
      border: 2px solid #fff;
      border-radius: 5px;
      box-sizing: border-box;
      margin: 40px auto;
      background: #fff;
      color: #fff;
      text-align: left; }
      #main .content .free_experience .input input {
        width: 65%;
        height: 46px;
        padding: 0 17px;
        font-size: 16px;
        color: #999; }
      #main .content .free_experience .input .exp_btn {
        height: 46px;
        line-height: 46px;
        padding: 0 32px;
        background: #ff6800;
        border-radius: 3px;
        font-size: 14px;
        color: #fff; }

/* 客服弹出框 */
#service {
  display: none;
  position: fixed;
  z-index: 1000;
  width: 500px;
  top: 20px;
  left: 0;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 0 19px #b6b6b6; }
  #service .service_con {
    padding: 30px 55px 0; }
    #service .service_con h2 {
      font-size: 30px;
      font-weight: bold;
      color: #2e3642; }
    #service .service_con .sub {
      padding-top: 12px;
      font-size: 16px;
      color: #2e3642; }
    #service .service_con .service_tel {
      position: relative;
      width: 100%;
      margin-top: 15px;
      box-sizing: border-box;
      border: 1px solid #bfbfbf;
      border-radius: 20px; }
      #service .service_con .service_tel input {
        width: 70%;
        height: 38px;
        padding: 0 10px;
        border-radius: 50%;
        color: #999; }
      #service .service_con .service_tel button {
        position: absolute;
        right: 1px;
        top: 1px;
        height: 36px;
        line-height: 36px;
        border-top-right-radius: 17px 18px;
        border-bottom-right-radius: 17px 18px;
        background: #f75a55;
        padding: 0 18px;
        font-size: 16px;
        color: #fff; }
    #service .service_con p {
      padding: 11px 0;
      font-size: 12px;
      line-height: 20px;
      color: #999; }
  #service .close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: url(../images/close.png); }
  #service .consult {
    padding: 10px 0;
    display: flex;
    display: -webkit-flex;
    text-align: center;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    overflow: hidden;
    background: url(../images/consult_bg.png); }
    #service .consult a {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      width: 50%;
      box-sizing: border-box;
      font-size: 18px;
      line-height: 30px;
      color: #fff; }
      #service .consult a i {
        display: block;
        width: 31px;
        height: 100%;
        margin-right: 10px;
        background: url(../images/consult.png); }
      #service .consult a.consult_qq {
        border-right: 1px solid rgba(255, 255, 255, 0.3); }
        #service .consult a.consult_qq i {
          display: block;
          width: 31px;
          height: 100%;
          margin-right: 10px;
          background-position: 0 0; }
      #service .consult a.consult_online i {
        background-position: 0 -100px; }

/*# sourceMappingURL=index.css.map */
.mall_advan {
  height: 800px;
  background: url(../images/bg2-1.png)center;
  text-align: center; }
  .mall_advan h3 {
    padding: 62px 0 45px;
    color: #fff; font-size:30px }
  .mall_advan ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .mall_advan li {
    width: 275px;
    height: 240px;
    margin-bottom: 30px;
    padding: 106px 28px 0;
    box-sizing: border-box;
    border-radius: 10px;
    cursor: pointer;
    background: #fff url(../images/ad1.png) center 30px no-repeat; }
    .mall_advan li .title {
      font-size: 18px;
      line-height: 42px; }
    .mall_advan li p {
      line-height: 26px;
      text-align: left;
      color: #888; }
    .mall_advan li:hover {
      color: #fff; }
      .mall_advan li:hover p {
        color: #fff; }
    .mall_advan li:nth-child(1) {
      background-image: url(../images/ad1.png); }
      .mall_advan li:nth-child(1):hover {
        background: #f74564 url(../images/ad1whi.png) center 30px no-repeat; }
    .mall_advan li:nth-child(2) {
      background-image: url(../images/ad2.png); }
      .mall_advan li:nth-child(2):hover {
        background: #f74564 url(../images/ad2whi.png) center 30px no-repeat; }
    .mall_advan li:nth-child(3) {
      background-image: url(../images/ad3.png); }
      .mall_advan li:nth-child(3):hover {
        background: #f74564 url(../images/ad3whi.png)center 30px no-repeat; }
    .mall_advan li:nth-child(4) {
      background-image: url(../images/ad4.png); }
      .mall_advan li:nth-child(4):hover {
        background: #f74564 url(../images/ad4whi.png) center 30px no-repeat; }
    .mall_advan li:nth-child(5) {
      background-image: url(../images/ad5.png); }
      .mall_advan li:nth-child(5):hover {
        background: #f74564 url(../images/ad5whi.png) center 30px no-repeat; }
    .mall_advan li:nth-child(6) {
      background-image: url(../images/ad6.png); }
      .mall_advan li:nth-child(6):hover {
        background: #f74564 url(../images/ad6whi.png) center 30px no-repeat; }
    .mall_advan li:nth-child(7) {
      background-image: url(../images/ad7.png); }
      .mall_advan li:nth-child(7):hover {
        background: #f74564 url(../images/ad7whi.png) center 30px no-repeat; }
    .mall_advan li:nth-child(8) {
      background-image: url(../images/ad8.png); }
      .mall_advan li:nth-child(8):hover {
        background: #f74564 url(../images/ad8whi.png) center 30px no-repeat; }
    .mall_advan li:nth-child(9) {
      background-image: url(../images/ad9.png); }
      .mall_advan li:nth-child(9):hover {
        background: #f74564 url(../images/ad9whi.png) center 30px no-repeat; }
    .mall_advan li:nth-child(10) {
      background-image: url(../images/ad10.png); }
      .mall_advan li:nth-child(10):hover {
        background: #f74564 url(../images/ad10whi.png) center 30px no-repeat; }
  .mall_advan .btn {
    margin-top: 28px; }
    .mall_advan .btn a {
      display: inline-block;
      height: 40px;
      line-height: 40px;
      box-sizing: border-box;
      border-radius: 2px;
      color: #fff; }
      .mall_advan .btn a.more {
        width: 160px;
        margin-right: 15px;
        border: 1px solid #fff; }
      .mall_advan .btn a.expe {
        width: 100px;
        background: url(../images/btn_bg1.png); }
.process {
  height: 752px;
  background: #f9f9f9; }
  .process h3 {
    padding: 80px 0 47px; }
  .process ul {
    height: 500px;
    padding-left: 150px;
    background: url(../images/12345.gif) 50px center no-repeat; }
  .process li {
    width: 1013px;
    height: 80px;
    background: url(../images/triangle.png) center no-repeat;
    padding: 17px 23px 0 35px;
    margin-bottom: 19px;
    box-sizing: border-box; text-align:left}
    .process li:last-child {
      margin-bottom: 0; }
    .process li .title {
      font-size: 16px;
      color: #ff6800;
      margin-bottom: 12px; }
    .process li p {
      color: #666; }
.ensure {
  text-align: center; }
  .ensure h3 {
    padding: 60px 0 33px; }
  .ensure .ensure_con {
    padding-bottom: 63px; }
    .ensure .ensure_con li {
      float: left;
      width: 260px;
      padding-right: 53px;
      background: url(../images/arrow.png) 275px 38px no-repeat; }
      .ensure .ensure_con li:last-child {
        padding-right: 0; }
      .ensure .ensure_con li .icon {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 50%;
        background: #fea500 url(../images/business1.png) center no-repeat; }
      .ensure .ensure_con li .title {
        padding: 21px 0;
        font-size: 22px;
        clor: #666; }
      .ensure .ensure_con li p {
        color: #666; }
      .ensure .ensure_con li:nth-child(2) .icon {
        background: #fea500 url(../images/business2.png)center no-repeat; }
      .ensure .ensure_con li:nth-child(3) .icon {
        background: #fea500 url(../images/business3.png) center no-repeat; }
      .ensure .ensure_con li:nth-child(4) .icon {
        background: #fea500 url(../images/business4.png) center no-repeat; }
  .ensure .business {
    padding-bottom: 15px; }
    .ensure .business ul {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    .ensure .business li {
      position: relative;
      float: left;
      width: 260px;
      height: 190px;
      box-sizing: border-box;
      border: 1px solid #e5e5e5;
      border-radius: 10px;
      margin-bottom: 40px; }
      .ensure .business li:nth-child(1) .img {
        background: url(../images/bg1.png; }
      .ensure .business li:nth-child(2) .img {
        background: url(../images/bg2.png); }
      .ensure .business li:nth-child(3) .img {
        background: url(../images/bg3.png); }
      .ensure .business li:nth-child(4) .img {
        background: url(../images/bg4.png); }
      .ensure .business li:nth-child(5) .img {
        background: url(../images/bg5.png); }
      .ensure .business li:nth-child(6) .img {
        background: url(../images/bg6.png); }
      .ensure .business li:nth-child(7) .img {
        background: url(../images/bg7.png); }
      .ensure .business li:nth-child(8) .img {
        background: url(../images/bg8.png); }
    .ensure .business .img {
      position: relative;
      left: -1px;
      width: 260px;
      height: 120px;
      color: #fff; }
    .ensure .business .category {
      font-size: 22px;
      padding: 41px 0 10px; }
    .ensure .business .type {
      font-size: 16px; }
    .ensure .business .con {
      padding: 15px 14px 0;
      text-align: left; }
    .ensure .business .title {
      padding-bottom: 12px; }
    .ensure .business .count {
      padding-left: 20px;
      background: url(../images/person.png) no-repeat;
      color: #666; }
	 .btn {
    margin-top: 28px; }
.ensure .btn a{
   line-height: 40px;
}
   .btn a {
      display: inline-block;
      height: 40px;
     /* line-height: 40px;*/
      box-sizing: border-box;
      border-radius: 2px;
      color: #fff; }
   .btn a.more {
        width: 160px;
        margin-right: 15px;
        border: 1px solid #fff; }
   .btn a.expe {
        width: 100px;
        background: url(../images/btn_bg1.png); }