@charset "UTF-8";
/* body {
	background: #F44336;
} */
.menu-wrapper {
  position: absolute;
  z-index: 102;
  /* top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; */
  width: 27px;
  height: 18px;
  cursor: pointer; }

/*.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
  width: $bar-width;
	height: $bar-height;
}*/
.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
  height: 2px; }

.hamburger-menu {
  width: 27px; }

.hamburger-menu:after {
  width: 22px; }

.hamburger-menu:before {
  width: 17px; }

.hamburger-menu {
  position: relative;
  transform: translateY(8px);
  background: white;
  /*transition: all 0ms 300ms;*/ }
  .hamburger-menu.animate {
    background: rgba(255, 255, 255, 0) !important; }

.hamburger-menu:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  background: white;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.hamburger-menu:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: white;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.hamburger-menu.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  background: #979797;
  width: 21px;
  left: 10px; }

.hamburger-menu.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  background: #979797;
  width: 21px;
  left: 10px; }

.navbar-no-fixed {
  background: #fff !important;
  color: #333333 !important;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
  .navbar-no-fixed a {
    color: #333333 !important; }
  .navbar-no-fixed .logo {
    background-image: url("../images/svg/logo-blue.svg") !important;
    display: none !important; }
  .navbar-no-fixed .arrowDown::after {
    border: 2px solid #333333 !important;
    border-top: none !important;
    border-right: none !important;
    /*top: 39%;
            right: 5px;*/ }
  .navbar-no-fixed .logo-blue {
    display: block !important; }
  .navbar-no-fixed .text {
    color: #1c69f7 !important; }
    .navbar-no-fixed .text::after {
      content: '';
      width: 1px;
      height: 26px;
      position: absolute;
      background-color: #fff !important;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0; }

.menu-wrapper-show .hamburger-menu {
  background: #1C69F7; }
  .menu-wrapper-show .hamburger-menu::before, .menu-wrapper-show .hamburger-menu::after {
    background: #1C69F7; }

.navbar-fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  /* height: 60px; */
  color: #fff;
  /* a{
		color: #fff; font-size: 13px;
	} */ }
  .navbar-fixed-top .text {
    text-align: center;
    margin-left: 8px;
    position: relative;
    padding-left: 8px; }
    .navbar-fixed-top .text::after {
      content: '';
      width: 1px;
      height: 26px;
      position: absolute;
      background-color: #fff;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0; }
  .navbar-fixed-top .row {
    margin: 0; }
  .navbar-fixed-top img {
    width: 145px; }
  .navbar-fixed-top .wlogo {
    height: 40px;
    color: #fff;
    font-size: 13px; }
  .navbar-fixed-top .logo {
    /* background: url("../images/svg/logo.svg") center no-repeat; */
    display: inline-block;
    width: 146px;
    height: 40px; }
  .navbar-fixed-top .logo-blue {
    display: none; }

.menu-wrapper {
  right: 15px;
  display: none;
  z-index: 99999;
  top: 20px;
  position: fixed; }

.phone-menu {
  display: none; }
  .phone-menu .list {
    transition: all .6s ease;
    transform: translateX(100%); }
  .phone-menu .child-list {
    transition: all .6s ease;
    height: 0;
    overflow: hidden;
    /*display: none;*/ }
    .phone-menu .child-list.show {
      height: 486px; }

.phone-menu {
  /*菜单*/
  /*display: block;*/ }
  .phone-menu .list {
    width: 295px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    color: #666666;
    box-sizing: border-box;
    padding-top: 36px;
    font-size: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* > li:nth-child(3){
            background: #EEEEEE; padding: 0 15px;
        } */ }
    .phone-menu .list > li {
      /*height: 66px; line-height: 66px;*/
      padding: 20px 15px; }
      .phone-menu .list > li a {
        color: #666666; }
      .phone-menu .list > li.active {
        color: #1C69F7; }
        .phone-menu .list > li.active a {
          color: #1C69F7; }
        .phone-menu .list > li.active .icon1 {
          background: url("../images//m/icon-home-active.png") no-repeat;
          background-size: 100% 100%;
          /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
          /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
        .phone-menu .list > li.active .icon2 {
          background: url("../images//m/icon-solution-active.png") no-repeat;
          background-size: 100% 100%;
          /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
          /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
        .phone-menu .list > li.active .icon3 {
          background: url("../images//m/icon-case-active.png") no-repeat;
          background-size: 100% 100%;
          /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
          /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
        .phone-menu .list > li.active .icon4 {
          background: url("../images//m/icon-about-active.png") no-repeat;
          background-size: 100% 100%;
          /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
          /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
        .phone-menu .list > li.active .icon5 {
          background: url("../images//m/icon-news-active.png") no-repeat;
          background-size: 100% 100%;
          /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
          /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
        .phone-menu .list > li.active .icon6 {
          background: url("../images//m/icon-contact-active.png") no-repeat;
          background-size: 100% 100%;
          /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
          /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .phone-menu .list > li .icon {
        width: 18px;
        height: 16px;
        display: block;
        margin-right: 17px; }
      .phone-menu .list > li .icon1 {
        background: url("../images//m/icon-home.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .phone-menu .list > li .icon2 {
        background: url("../images//m/icon-solution.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .phone-menu .list > li .icon3 {
        background: url("../images//m/icon-case.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .phone-menu .list > li .icon4 {
        background: url("../images//m/icon-about.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .phone-menu .list > li .icon5 {
        background: url("../images//m/icon-news.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .phone-menu .list > li .icon6 {
        background: url("../images//m/icon-contact.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .phone-menu .list li.child-list {
      background: #EEEEEE;
      padding: 0 15px; }
    .phone-menu .list .c-list {
      padding-left: 30px; }
      .phone-menu .list .c-list li {
        /*padding: 16px 0;*/
        height: 54px;
        line-height: 54px; }
        .phone-menu .list .c-list li a {
          display: block;
          width: 100%;
          height: 100%; }

.menu {
  display: flex;
  font-size: 16px;
  height: 60px;
  line-height: 60px; }
  .menu a {
    color: #ffffff; }
  .menu li {
    padding: 0 25px;
    position: relative; }
    .menu li .solution {
      position: absolute;
      top: 60px;
      width: 546px;
      height: 310px;
      background: #ffffff;
      color: #666666;
      text-align: left;
      font-size: 14px;
      box-sizing: border-box;
      /*padding: 14px 0 25px;*/
      border-radius: 4px;
      left: -40px;
      transition: all .5s ease;
      opacity: 0;
      visibility: hidden;
      transform: translateY(30px);
      border: 1px solid #dddddd; }
      .menu li .solution a {
        color: #666666;
        display: block;
        width: 100%;
        height: 100%; }
      .menu li .solution li {
        padding: 0;
        /*margin-top: 25px; line-height: 1.3;*/
        height: 42px;
        line-height: 42px; }
      .menu li .solution .col-6 {
        padding: 0 40px; }
      .menu li .solution .col-6:nth-child(2) {
        background: #FAFAFA;
        border-radius: 0 4px 4px 0; }
      .menu li .solution ul {
        margin-top: 10px; }
      .menu li .solution .title {
        /*padding: 25px 0 13px;*/
        border-bottom: 1px solid #DDDDDD;
        cursor: default; }
      .menu li .solution::after {
        content: '';
        display: block;
        width: 17px;
        height: 17px;
        background: #FFF;
        position: absolute;
        left: 100px;
        top: 1px;
        margin-left: -10px;
        margin-top: -10px;
        z-index: 1000;
        border-radius: 4px;
        transform: rotate(45deg);
        border-top: 1px solid #E6E8ED;
        border-left: 1px solid #E6E8ED; }
  .menu .arrowDown::after {
    border: 2px solid #ffffff;
    border-top: none;
    border-right: none;
    top: 39%;
    right: 5px; }
  .menu li.arrowDown:hover {
    cursor: pointer; }
    .menu li.arrowDown:hover .solution {
      visibility: visible;
      opacity: 1;
      transform: translateY(0px); }

.arrowDown {
  position: relative; }
  .arrowDown::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 2px solid #979797;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    top: 38%;
    right: 20px; }

.arrowUp {
  position: relative; }
  .arrowUp::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 2px solid #979797;
    border-top: none;
    border-right: none;
    transform: rotate(135deg);
    display: inline-block;
    position: absolute;
    top: 45%;
    right: 20px; }

.btn11 {
  display: block; }

.btn22 {
  display: none; }

input, textarea {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: #1c69f7; }

a:link, a:visited {
  text-decoration: none;
  /*超链接无下划线*/ }

a:hover {
  text-decoration: none;
  /*鼠标放上去有下划线*/ }

.index-swiper-m {
  display: none; }

/*底部悬浮*/
.fixBottom {
  display: none; }
  .fixBottom ul {
    width: 100%;
    height: 49px;
    line-height: 49px;
    position: fixed;
    bottom: 0;
    font-size: 15px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: 99; }
  .fixBottom li {
    width: 50%;
    position: relative; }
    .fixBottom li i {
      display: block;
      width: 16px;
      height: 16px;
      margin-right: 7px; }
    .fixBottom li:nth-child(1) i {
      background: url("../images//m/icon-qq.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .fixBottom li:nth-child(1)::after {
      content: '';
      display: block;
      width: 2px;
      height: 12px;
      background: #1c69f7;
      position: absolute;
      right: 0;
      top: 38%; }
    .fixBottom li:nth-child(2) i {
      background: url("../images//m/icon-phone1.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .fixBottom a {
    color: #1C69F7; }

/*轮播图点点点*/
.swiper-pagination-bullet {
  width: 30px;
  height: 4px;
  border-radius: 0;
  background: white;
  position: relative; }

.swiper-pagination-bullet-child {
  background: #1C69F7;
  width: 0%;
  height: 100%; }

.swiper-pagination-bullet-active .swiper-pagination-bullet-child {
  /*background: #1C69F7; width: 100%; height: 100%;*/
  -webkit-animation: swiperBulletActive 3s linear forwards; }

.pcContain {
  position: relative;
  /*.swiper-text{
        color: #ffffff; position: absolute; left: 0; right: 0; margin: auto; top: 250px;
        h2{
            font-size: 32px; font-weight: 600;
        }
        .desc{
            font-size: 18px; margin-top: 30px;
        }
    }*/ }
  .pcContain .swiper-slide, .pcContain .swiper-container {
    width: 100%;
    height: 100%; }
  .pcContain i {
    display: block;
    width: 100%;
    height: 600px;
    background: url("../images/svg/bg.svg") center no-repeat;
    background-size: cover; }

@-webkit-keyframes swiperBulletActive {
  100% {
    width: 100%; } }

.coreTeam .swiper-pagination-bullet {
  width: 4px;
  height: 3px;
  /*background: rgba(0,0,0,1); opacity: 0.3013;*/ }

.coreTeam .swiper-pagination-bullet-active {
  background: #1C69F7;
  width: 11px;
  height: 3px;
  border-radius: 0; }

.coreTeam .swiper-pagination {
  bottom: 3px;
  left: 44%; }

.office .swiper-pagination-bullet {
  width: 8px;
  height: 4px;
  background: white;
  opacity: 0.4954; }

.office .swiper-pagination-bullet-active {
  background: #1C69F7;
  width: 16px;
  height: 4px;
  border-radius: 0; }

.office .swiper-pagination {
  bottom: 3px;
  left: 45%; }

/*顶部banner*/
.game_top {
  background: url("../images//game/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game_mould_top {
  background: url("../images//game/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc_mould_top {
  background: url("../images//pc_mould/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.about_top {
  background: url("../images//about/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.agent_top {
  background: url("../images//agent/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app_top {
  background: url("../images//app/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.contact_top {
  background: url("../images//contact/bg1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.hotel_top {
  background: url("../images//hotel/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  /*.wrap{
        padding-top: 165px!important;
    }*/ }

.join_top {
  background: url("../images//join/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.news_top {
  background: url("../images//news/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc_build_top {
  background: url("../images//pc_build/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.smallwx_top {
  background: url("../images//smallwx/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.case_top {
  background: url("../images//case/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  /*.wrap{
        padding-top: 175px!important;
    }*/ }

/*手机壳*/
.w_phone {
  max-width: 266px;
  height: 530px;
  background: url("../images/phone.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  padding: 0; }
  .w_phone .w_bg {
    width: 85%;
    height: 75.8%;
    position: relative;
    margin-top: -10px; }
  .w_phone .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .w_phone .code_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;
    position: absolute;
    display: none; }
    .w_phone .code_mask img {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 0;
      bottom: 0;
      width: 139px;
      height: 139px; }
  .w_phone:hover .code_mask {
    display: block; }

/*一行4块*/
.s_intro.row, .s_intro_four.row {
  margin: auto; }

.s_intro li, .s_intro_four li {
  border-radius: 2px;
  border: 1px solid #dddddd;
  padding: 60px 20px;
  max-width: 280px;
  height: 320px;
  font-size: 14px;
  color: #666666; }
  .s_intro li .icon, .s_intro_four li .icon {
    width: 50px;
    height: 50px;
    display: block;
    margin: auto; }
  .s_intro li h5, .s_intro_four li h5 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin: 30px auto;
    color: #333333; }

.s_intro li:not(:nth-child(4n)), .s_intro_four li:not(:nth-child(4n)) {
  margin-right: 20px; }

/*一行3块*/
.s_intro_three li {
  border-radius: 2px;
  border: 1px solid #dddddd;
  padding: 80px 40px;
  max-width: 320px;
  background: #ffffff;
  font-size: 14px;
  color: #666666; }
  .s_intro_three li:hover {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); }

.s_intro_three.row {
  max-width: 1020px;
  margin: 0 auto; }

.s_intro_three .icon {
  width: 50px;
  height: 55px;
  display: block;
  margin: auto; }

.s_intro_three h5 {
  color: #333333;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  margin: 30px 0; }

.s_intro_three li:not(:nth-child(3n)) {
  margin-right: 30px; }

/*图片上带文字*/
.pic_intro.row {
  margin: 0; }

.pic_intro li {
  max-width: 280px;
  position: relative;
  height: 160px;
  padding: 0;
  /*margin: 0 15px 20px;*/
  overflow: hidden;
  margin-bottom: 15px; }
  .pic_intro li:hover img {
    transform: scale(1.1); }
  .pic_intro li:hover .bule-mask {
    display: block; }
  .pic_intro li img {
    width: 100%;
    height: 100%;
    transition: all .5s ease; }
  .pic_intro li h5 {
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 60px;
    text-align: center; }
    .pic_intro li h5::after {
      content: '';
      display: block;
      width: 20px;
      height: 3px;
      background: #ffffff;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: -15px; }

.pic_intro li:not(:nth-child(4n)) {
  margin-right: 20px; }

li {
  list-style: none; }

p {
  margin-bottom: 0; }

ul {
  margin: 0;
  padding: 0; }

.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999; }

/*分页*/
.pagination {
  width: fit-content;
  margin: auto; }
  .pagination li {
    width: 32px;
    height: 32px;
    background: white;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    line-height: 32px;
    text-align: center;
    color: #000;
    font-size: 14px;
    margin-right: 8px; }
    .pagination li a {
      display: block;
      width: 100%;
      height: 100%; }
    .pagination li.active {
      background: #1C69F7;
      color: #ffffff;
      border: 1px solid #1C69F7; }

.w-title {
  position: relative;
  line-height: 1;
  margin-bottom: 50px; }
  .w-title h1.i_title {
    color: #666666;
    font-size: 24px;
    width: fit-content;
    position: relative; }
    .w-title h1.i_title::after {
      content: '';
      display: block;
      background: #1C69F7;
      height: 4px;
      width: 100%;
      bottom: -20px;
      position: absolute;
      left: 0; }
  .w-title .englistTitle {
    color: #333333;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px; }

h2.title2 {
  font-size: 32px;
  color: #333333;
  width: fit-content;
  margin: auto;
  font-weight: 600;
  margin-bottom: 66px;
  position: relative; }
  h2.title2::after {
    content: '';
    display: block;
    width: 80px;
    height: 6px;
    background: #1C69F7;
    position: absolute;
    bottom: -16px;
    margin: auto;
    left: 0;
    right: 0; }

.w_title2 {
  color: #666666;
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px; }
  .w_title2 h2 {
    color: #333333;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px; }

.w-title3 {
  text-align: center;
  margin-bottom: 40px; }
  .w-title3 h2 {
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 600; }
  .w-title3 .desc {
    font-size: 16px;
    color: #666666; }

.swiper-container img {
  width: 100%; }

.container-fluid, .container {
  padding: 0; }

.row {
  width: 100%; }

.btn-more {
  width: 121px;
  height: 45px;
  background: #ebebeb;
  border-radius: 23px;
  color: #333333;
  font-size: 10px;
  line-height: 45px;
  font-weight: bold;
  position: relative;
  margin: auto;
  cursor: pointer; }
  .btn-more span {
    transform: scale(0.9);
    display: block;
    position: absolute;
    right: 8px; }
  .btn-more img {
    width: 41px;
    height: 22px;
    position: absolute;
    top: 25%;
    left: -10px; }
  .btn-more a {
    color: #333333; }

.block {
  overflow: hidden;
  padding: 63px 0;
  box-sizing: border-box; }

/*头部共用*/
.bannerTop {
  height: 600px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position-x: center; }
  .bannerTop img {
    width: 100%; }
  .bannerTop img.title_pic {
    width: fit-content;
    display: block;
    margin: 167px auto 0; }
  .bannerTop .wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    padding-top: 267px; }
    .bannerTop .wrap > p:nth-child(1) {
      font-size: 36px;
      margin-bottom: 15px; }
    .bannerTop .wrap > p:nth-child(2) {
      font-size: 16px;
      letter-spacing: 4px; }
    .bannerTop .wrap .nums {
      width: 100%;
      height: 140px;
      background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%);
      position: absolute;
      bottom: 0;
      font-size: 18px;
      padding: 0 340px; }
      .bannerTop .wrap .nums > div {
        width: 136px; }
      .bannerTop .wrap .nums .num {
        font-size: 60px;
        font-weight: 600; }
  .bannerTop .apply {
    position: absolute;
    bottom: 72px;
    left: 0;
    right: 0;
    margin: auto;
    width: 146px;
    height: 51px;
    background: #1c69f7;
    border-radius: 2px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 51px; }
  .bannerTop .tryout {
    width: 144px;
    height: 34px;
    line-height: 34px;
    border-radius: 2px;
    border: 1px solid white;
    text-align: center;
    position: absolute;
    bottom: 144px;
    left: 0;
    right: 0;
    margin: auto;
    color: #ffffff;
    font-size: 14px; }
  .bannerTop .w_text {
    color: #ffffff;
    padding-top: 210px;
    position: relative; }
    .bannerTop .w_text .title {
      font-size: 48px;
      font-weight: 600;
      margin-bottom: 58px;
      position: relative; }
      .bannerTop .w_text .title::after {
        content: '';
        display: block;
        width: 50px;
        height: 5px;
        background: #ffffff;
        position: absolute;
        bottom: -23px;
        left: 0; }
    .bannerTop .w_text .desc {
      font-size: 18px; }
    .bannerTop .w_text .circle {
      width: 46px;
      height: 46px;
      position: absolute;
      margin-top: 30px;
      border: 1px solid #ffffff;
      overflow: hidden;
      border-radius: 50%; }
      .bannerTop .w_text .circle i {
        width: 16px;
        height: 16px;
        display: block;
        background: url("../images/svg/down.svg") center no-repeat;
        background-size: auto 100%;
        margin: auto;
        -webkit-animation: arrowDownToggle 1.1s linear infinite;
        transform: translateY(-50px); }

@-webkit-keyframes arrowDownToggle {
  0% {
    transform: translateY(-50px); }
  100% {
    transform: translateY(50px); } }

.bannerTop2 {
  height: 500px; }
  .bannerTop2 .wrap {
    padding-top: 225px; }

.fixRight {
  position: fixed;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-size: 12px;
  background: #1C69F7;
  width: 70px;
  text-align: center;
  box-sizing: border-box;
  z-index: 999;
  height: 280px; }
  .fixRight i {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 auto 3px; }
    .fixRight i.icon1 {
      background: url("../images/icon-fix1.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .fixRight i.icon2 {
      background: url("../images/icon-fix2.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .fixRight i.icon3 {
      background: url("../images/icon-fix3.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .fixRight i.icon4 {
      background: url("../images/icon-fix4.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .fixRight a {
    color: #ffffff; }
  .fixRight .redDot {
    width: 15px;
    height: 15px;
    background: #fd0002;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: 17px; }
  .fixRight li {
    /*border-bottom: 1px solid #ffffff;*/
    height: 70px;
    /*overflow: hidden;*/
    position: relative;
    padding-top: 15px;
    z-index: 999;
    /*&.active{
            background: #024FFF;
            .wrap{
                display: block;
            }
        }*/ }
    .fixRight li:not(:last-child)::after {
      content: '';
      display: block;
      width: 60px;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background: #fff; }
    .fixRight li:hover {
      background: #024FFF;
      cursor: pointer; }
      .fixRight li:hover .wrap {
        /*display: block;*/
        opacity: 1;
        transform: translateX(0%); }
    .fixRight li .wrap {
      position: absolute;
      top: 0;
      right: 85px;
      border-radius: 2px;
      border: 1px solid #e6e8ee;
      background: #fff;
      /*display: none;*/
      opacity: 0;
      transition: all .5s ease;
      transform: translateX(8%);
      pointer-events: none; }
      .fixRight li .wrap::after {
        content: '';
        border-right: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #fff;
        position: absolute;
        right: -9px;
        top: 50%;
        margin-left: -8px;
        margin-top: -10px; }
      .fixRight li .wrap::before {
        content: '';
        border-right: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #ccc;
        position: absolute;
        right: -10px;
        top: 50%;
        margin-left: -10px;
        margin-top: -10px; }
    .fixRight li:nth-child(2) .wrap {
      width: 226px;
      height: 61px;
      background: white;
      color: #1C69F7;
      font-size: 24px;
      line-height: 61px; }
    .fixRight li:nth-child(3) .wrap {
      padding: 6px; }
      .fixRight li:nth-child(3) .wrap img {
        width: 170px; }
      .fixRight li:nth-child(3) .wrap::after {
        top: 20%; }
      .fixRight li:nth-child(3) .wrap::before {
        top: 20%; }

.index-service {
  width: 93.59375%;
  height: 140px;
  background: white;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  margin: -70px auto 40px;
  padding: 0 5%;
  position: relative;
  z-index: 2; }
  .index-service .num {
    color: #1C69F7;
    font-size: 60px;
    font-weight: bold; }
  .index-service .d1 {
    color: #1C69F7;
    margin-bottom: 6px; }
  .index-service .right {
    font-size: 16px;
    color: #999999;
    margin-left: 20px; }
  .index-service .item-pc {
    display: block; }
  .index-service .item-mobile {
    display: none !important; }

.product {
  /*margin-top: 64px; overflow: hidden; padding: 65px 0; box-sizing: border-box;*/
  /* position: relative; z-index: 22; */ }
  .product .s_intro_three {
    /*margin: 0 auto!important;*/
    max-width: 100%; }
    .product .s_intro_three li {
      max-width: 370px; }
    .product .s_intro_three .icon {
      width: 62px;
      height: 60px; }
  .product .row {
    margin: 0;
    /*margin-top: 50px;*/ }
    .product .row .li {
      text-align: center;
      max-width: 370px; }
      .product .row .li:nth-child(1) {
        padding-left: 0; }
      .product .row .li:nth-child(2) {
        margin: 0 20px;
        padding: 0; }
      .product .row .li:nth-child(3) {
        padding-right: 0; }
      .product .row .li i {
        display: block;
        margin: auto;
        width: 83px;
        height: 81px; }
      .product .row .li h4 {
        font-size: 20px;
        color: #333333;
        margin: 30px auto;
        font-weight: bold; }
      .product .row .li .desc {
        font-size: 14px;
        color: #666666;
        text-align: left; }
      .product .row .li .icon1 {
        /*width: 62px; height: 65px;*/
        background: url("../images/icon1.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .product .row .li .icon2 {
        /*width: 62px; height: 65px;*/
        background: url("../images/icon10.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .product .row .li .icon3 {
        /*width: 62px; height: 65px;*/
        background: url("../images/icon11.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .product .row .li .col-div {
        padding: 83px 50px;
        max-height: 410px;
        max-width: 370px;
        height: 410px; }
  .product .icon1 {
    background: url("../images/icon1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .product .icon2 {
    background: url("../images/icon10.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .product .icon3 {
    background: url("../images/icon11.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.product .col-div {
  border-radius: 4px;
  border: 1px solid #dddddd; }
  .product .col-div:hover {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); }

.index_case .list, .case_page .list {
  margin: auto -15px !important;
  width: 1210px !important; }

.case .case-menu {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  margin-bottom: 42px; }
  .case .case-menu li {
    width: 170px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333333;
    background: whitesmoke;
    margin-right: 5px;
    font-size: 14px;
    display: flex;
    cursor: pointer;
    transition: all .5s ease;
    overflow: hidden; }
    .case .case-menu li a {
      color: #333333;
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
    .case .case-menu li i {
      display: inline-block;
      margin-right: 5px;
      width: 22px;
      height: 22px; }
    .case .case-menu li:nth-child(2) i {
      background: url("../images/icon-s1.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .case .case-menu li:nth-child(3) i {
      background: url("../images/icon-s2.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .case .case-menu li:nth-child(4) i {
      background: url("../images/icon-s3.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .case .case-menu li:nth-child(5) i {
      background: url("../images/icon-s4.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .case .case-menu li:nth-child(6) i {
      background: url("../images/icon-s5.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .case .case-menu li.active, .case .case-menu li:hover {
      background: #1c69f7; }
      .case .case-menu li.active a, .case .case-menu li:hover a {
        color: #ffffff; }
      .case .case-menu li.active:nth-child(2) i, .case .case-menu li:hover:nth-child(2) i {
        background: url("../images/icon-s1-active.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .case .case-menu li.active:nth-child(3) i, .case .case-menu li:hover:nth-child(3) i {
        background: url("../images/icon-s2-active.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .case .case-menu li.active:nth-child(4) i, .case .case-menu li:hover:nth-child(4) i {
        background: url("../images/icon-s3-active.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .case .case-menu li.active:nth-child(5) i, .case .case-menu li:hover:nth-child(5) i {
        background: url("../images/icon-s4-active.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .case .case-menu li.active:nth-child(6) i, .case .case-menu li:hover:nth-child(6) i {
        background: url("../images/icon-s5-active.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.case .list {
  margin: 0; }
  .case .list .li {
    border-radius: 4px;
    border: 1px solid #eeeeee;
    overflow: hidden;
    padding: 0;
    max-width: 370px;
    max-height: 340px;
    margin-bottom: 30px;
    position: relative;
    display: block; }
    .case .list .li img {
      width: 100%;
      transition: all .6s ease; }
    .case .list .li:nth-child(1) {
      padding-left: 0; }
    .case .list .li:nth-child(2) {
      margin: 0 35px;
      padding: 0; }
    .case .list .li:nth-child(3) {
      padding-right: 0; }
    .case .list .li h5 {
      color: #333333;
      font-size: 18px;
      font-weight: bold;
      margin: 0px auto 5px;
      line-height: 1; }
    .case .list .li .info {
      padding: 0 16px;
      overflow: hidden;
      box-sizing: border-box;
      color: #999999;
      font-size: 12px;
      display: flex;
      height: 70px; }
    .case .list .li .right {
      background: url("../images/arrow-gray.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
      background-size: auto 100%;
      background-position: center right;
      width: 70px;
      height: 16px;
      padding-right: 16px;
      line-height: 16px; }
    .case .list .li .w_pic {
      overflow: hidden; }
    .case .list .li::after {
      content: '';
      display: block;
      width: 0%;
      background: #1C69F7;
      height: 2px;
      position: absolute;
      bottom: 0;
      transition: all .3s ease; }
    .case .list .li:hover {
      /*&::after{
                    content: ''; display: block; width: 100%; background: #1C69F7; height: 2px; position: absolute; bottom: 0;
                }*/ }
      .case .list .li:hover::after {
        width: 100%; }
      .case .list .li:hover h5 {
        color: #1C69F7; }
      .case .list .li:hover img {
        transform: scale(1.1); }

.process ul {
  padding: 0;
  border: 1px solid #dddddd;
  background: #ffffff; }
  .process ul li {
    max-width: 236px;
    max-height: 321px;
    width: 236px;
    height: 321px;
    /*overflow: hidden;*/
    box-sizing: border-box;
    padding: 79px 26px 69px;
    position: relative; }
    .process ul li .num {
      letter-spacing: 2px;
      font-size: 30px;
      color: #1C69F7;
      font-weight: bold; }
    .process ul li h4 {
      font-size: 20px;
      margin: 23px auto 20px;
      font-weight: bold; }
    .process ul li .desc {
      font-size: 14px;
      color: #666666; }
    .process ul li:not(:last-child)::before {
      content: '';
      display: block;
      height: 119px;
      background: #DDDDDD;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px; }
    .process ul li:not(:last-child)::after {
      content: '';
      display: block;
      height: 119px;
      background: #DDDDDD;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 1px; }
    .process ul li img {
      width: 24px;
      height: 24px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: -12px; }
    .process ul li.active {
      background: #1C69F7;
      color: #fff; }
      .process ul li.active .num, .process ul li.active .desc {
        color: #fff; }

.process-m {
  display: none; }
  .process-m ul {
    border: 1px solid #dddddd;
    margin: 0 15px;
    text-align: center;
    padding: 20px 0; }
  .process-m .num {
    font-size: 24px;
    color: #1C69F7; }
  .process-m img {
    transform: rotate(90deg);
    /* margin-bottom: 10px; */ }
  .process-m li {
    padding: 0 40px; }
  .process-m h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin: 3px 0 0;
    margin-left: 7px; }
  .process-m .desc {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    /* &:not(:last-child){
            &::before{
                content: ''; display: block; width: 119px; height: 1px; background: #dddddd; position: absolute; left: -20px;
            }
            &::after{
                content: ''; display: block; width: 119px; height: 1px; background: #dddddd; position: absolute; right: -20px;
            }
        } */ }
    .process-m .desc::before {
      content: '';
      display: block;
      width: 119px;
      height: 1px;
      background: #dddddd;
      position: absolute;
      left: -20px;
      top: 0;
      bottom: 0;
      margin: auto; }
    .process-m .desc::after {
      content: '';
      display: block;
      width: 119px;
      height: 1px;
      background: #dddddd;
      position: absolute;
      right: -20px;
      top: 0;
      bottom: 0;
      margin: auto; }

.partner {
  background-color: #f6f7f9; }
  .partner .container {
    background: url("../images/partner.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    background-size: 100% auto;
    /* background-position-y: 70px;*/ }
  .partner ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD; }
  .partner li {
    padding: 0;
    /*border: 1px solid #DDDDDD;*/
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    overflow: hidden;
    background: #ffffff; }
    .partner li img {
      width: 100%; }
    .partner li .left, .partner li .right {
      transition: all .6s ease; }
    .partner li .right {
      position: absolute;
      right: -100%; }
    .partner li:hover .left, .partner li:hover .right {
      transform: translateX(-100%); }

.office {
  color: #333333;
  font-size: 14px; }
  .office .row {
    margin: 0; }
  .office .left {
    width: 271px; }
    .office .left .area {
      font-size: 60px;
      font-weight: bold;
      margin: 35px 0 0; }
  .office .swiper-container {
    width: 848px;
    height: 300px;
    margin: 0; }
  .office .office2 {
    display: none; }

.core {
  background-color: #f6f7f9; }
  .core ul {
    margin: 0; }
  .core h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 44px auto 10px; }
  .core li {
    text-align: center;
    margin-bottom: 70px; }
    .core li p {
      color: #666666;
      font-size: 14px; }
    .core li i {
      display: block;
      margin: auto;
      width: 83px;
      height: 81px; }
    .core li .icon1 {
      background: url("../images/icon4.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .core li .icon2 {
      background: url("../images/icon5.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .core li .icon3 {
      background: url("../images/icon6.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .core li .icon4 {
      background: url("../images/icon7.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .core li .icon5 {
      background: url("../images/icon8.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
    .core li .icon6 {
      background: url("../images/icon9.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.news {
  color: #999999;
  font-size: 12px; }
  .news .news2 {
    display: none; }
  .news .row {
    margin: 0; }
    .news .row .li {
      max-width: 380px;
      max-height: 452px;
      box-sizing: border-box;
      position: relative; }
      .news .row .li a {
        color: #999999; }
      .news .row .li .thumbnail {
        width: 100%;
        height: 270px; }
      .news .row .li h3 {
        color: #000000;
        font-size: 22px;
        font-weight: bold;
        margin: 10px auto 6px;
        padding: 0 12px; }
      .news .row .li .desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 12px; }
      .news .row .li .btn-more {
        margin: 20px 0;
        margin-left: 26px; }
      .news .row .li:not(:first-child) {
        border: 1px solid #dddddd; }
        .news .row .li:not(:first-child):hover::after {
          content: '';
          display: block;
          width: 100%;
          background: #1C69F7;
          height: 2px;
          position: absolute;
          bottom: 0; }
        .news .row .li:not(:first-child):hover h3 {
          color: #1C69F7; }
      .news .row .li:nth-child(2) {
        margin: 0 10px; }
      .news .row .li:first-child {
        background: #172F66;
        color: #fff; }
        .news .row .li:first-child h6 {
          font-size: 18px;
          margin: 32px 29px; }
        .news .row .li:first-child .btn-more {
          background: #1C69F7;
          color: #ffffff; }
          .news .row .li:first-child .btn-more a {
            color: #ffffff; }
        .news .row .li:first-child .list .info {
          width: 90%; }
        .news .row .li:first-child .list li {
          padding: 21px 29px 16px;
          line-height: 1; }
          .news .row .li:first-child .list li:hover {
            background: #1C69F7; }
          .news .row .li:first-child .list li .date {
            flex: 0 0 35px;
            text-align: center;
            margin-right: 21px; }
            .news .row .li:first-child .list li .date .day {
              font-size: 30px; }
          .news .row .li:first-child .list li .title {
            font-size: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
          .news .row .li:first-child .list li .desc {
            padding: 0;
            font-size: 12px;
            margin-top: 10px;
            line-height: 1.3; }
          .news .row .li:first-child .list li a {
            color: #FFFFFF;
            /*&.active{
                                background: #1C69F7;
                            }*/ }

.consult {
  width: 100%;
  height: 200px;
  text-align: center;
  background: url("../images/bg1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  color: #ffffff;
  font-size: 30px;
  overflow: hidden;
  letter-spacing: 2px; }
  .consult .btn-consult {
    width: 114px;
    height: 34px;
    border-radius: 2px;
    border: 1px solid white;
    font-size: 14px;
    line-height: 34px;
    margin: auto; }
  .consult p {
    margin: 64px auto 30px; }
  .consult a {
    color: #ffffff; }
  .consult .btn-submit {
    font-size: 16px;
    color: #fff;
    width: 218px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid white;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 22px;
    margin-left: 40px;
    cursor: pointer;
    margin: auto; }
  .consult input {
    flex: 1;
    outline: medium;
    border: none;
    color: #999999;
    font-size: 18px;
    /* width:476px;
		height:44px;
		background:rgba(255,255,255,1);
		border-radius:22px; color: #999999; font-size: 18px; padding: 0 36px; outline: medium; border: none; */ }
  .consult .group {
    width: 476px;
    height: 44px;
    background: white;
    border-radius: 22px;
    padding: 0 20px;
    margin: 0 auto 14px; }
  .consult .code {
    width: 108px;
    height: 38px;
    border-left: 1px solid rgba(18, 66, 198, 0.5); }
  .consult.consult2 {
    height: auto;
    padding-bottom: 19px; }

.contact {
  background: #F6F7F9; }
  .contact .right {
    width: 460px; }
    .contact .right img {
      width: 100%; }
  .contact .d-flex {
    background: #fff;
    padding: 59px 50px;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 18px;
    color: #999999; }
    .contact .d-flex .phone {
      font-size: 46px;
      color: #333333;
      font-weight: bold;
      line-height: 1; }
    .contact .d-flex .email, .contact .d-flex .address {
      font-size: 24px;
      color: #333333; }
    .contact .d-flex .li:not(:last-child) {
      margin-bottom: 46px; }

footer {
  color: #fff;
  line-height: 1;
  background: #1A1A1A;
  /*li{
        &:hover{
            cursor: pointer;
        }
    }*/ }
  footer a {
    color: #CCCCCC;
    font-size: 14px; }
  footer h6 {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px; }
    footer h6::after {
      content: '';
      display: block;
      width: 18px;
      height: 1px;
      position: absolute;
      left: 0;
      bottom: -12px;
      background: #fff; }
  footer .list li:not(:last-child) {
    margin-bottom: 14px;
    margin-right: 120px; }
  footer .info .btns {
    width: 98px;
    height: 31px;
    line-height: 31px;
    border: 1px solid white;
    text-align: center;
    font-size: 14px;
    margin: 14px auto;
    cursor: pointer; }
  footer .info i {
    display: inline-block;
    background: url("../images/qq.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    width: 13px;
    height: 14px;
    margin-right: 5px; }
  footer .info .phone {
    display: none; }
  footer .container {
    padding: 82px 0 74px; }
    footer .container .row {
      margin: 0; }
  footer .copyright {
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    width: 100%; }

/*关于*/
/*公司介绍*/
.introduction .left, .coreTeam .left {
  width: 470px;
  font-size: 16px; }
  .introduction .left .title, .coreTeam .left .title {
    font-size: 26px;
    margin-bottom: 28px;
    font-weight: 600; }
  .introduction .left .desc, .coreTeam .left .desc {
    line-height: 28px; }

.introduction .right, .coreTeam .right {
  width: 580px; }
  .introduction .right img, .coreTeam .right img {
    width: 100%; }

.team {
  padding-bottom: 0;
  /*h5{
        font-size: 20px; font-weight: bold; margin: 40px auto; color: #333333;
    }
    li{
        font-size: 14px; color: #666666; text-align: center;
        p{
            max-width: 270px; margin: auto;
        }
        .col-div{
            padding: 50px 30px; max-height: 310px; max-width: 370px; height: 310px;
        }
    }*/ }
  .team .s_intro_three {
    max-width: 100%; }
    .team .s_intro_three li {
      max-width: 370px; }
  .team .icon {
    width: 83px;
    height: 81px;
    display: block;
    margin: auto; }
  .team li {
    border: none;
    pointer-events: none; }
  .team .icon1 {
    background: url("../images/icon8.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .team .icon2 {
    background: url("../images/icon7.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .team .icon3 {
    background: url("../images/icon1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.coreTeam #hand-swiper {
  margin-top: 10px; }
  .coreTeam #hand-swiper .swiper-button-next {
    background: url("../images/icon-next.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    width: 30px;
    height: 30px;
    top: 60%; }
  .coreTeam #hand-swiper .swiper-button-prev {
    background: url("../images/icon-prev.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    width: 30px;
    height: 30px;
    top: 60%; }
  .coreTeam #hand-swiper .swiper-slide:hover .wrap {
    display: block; }
  .coreTeam #hand-swiper .wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(25, 46, 92, 0.5);
    top: 0;
    color: #ffffff;
    padding: 21px 14px;
    font-size: 14px;
    display: none; }
    .coreTeam #hand-swiper .wrap .name {
      margin-bottom: 31px;
      position: relative;
      font-size: 16px; }
      .coreTeam #hand-swiper .wrap .name::after {
        content: '';
        display: block;
        width: 9px;
        height: 2px;
        background: #ffffff;
        position: absolute;
        bottom: -17px;
        left: 0; }

.coreTeam #hand-swiper-m {
  margin-top: 6px;
  display: none; }
  .coreTeam #hand-swiper-m .w-swiper {
    justify-content: center;
    margin-top: 30px; }
  .coreTeam #hand-swiper-m .swiper-next, .coreTeam #hand-swiper-m .swiper-prev {
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #d9d9d9; }
  .coreTeam #hand-swiper-m .swiper-prev {
    margin-right: 30px; }
  .coreTeam #hand-swiper-m .row {
    margin: 0; }
  .coreTeam #hand-swiper-m li {
    position: relative;
    margin-bottom: 5px;
    overflow: hidden;
    /*&:hover{
                .wrap{
                    display: block;
                }
            }*/ }
    .coreTeam #hand-swiper-m li:nth-child(odd) {
      padding: 0 2px 0px 0; }
    .coreTeam #hand-swiper-m li:nth-child(even) {
      padding: 0 0px 0px 2px; }
    .coreTeam #hand-swiper-m li:hover .wrap {
      display: block; }
    .coreTeam #hand-swiper-m li .wrap {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(25, 46, 92, 0.5);
      top: 0;
      color: #ffffff;
      padding: 21px 14px;
      display: none; }
      .coreTeam #hand-swiper-m li .wrap .name {
        margin-bottom: 31px;
        position: relative; }
        .coreTeam #hand-swiper-m li .wrap .name::after {
          content: '';
          display: block;
          width: 9px;
          height: 2px;
          background: #ffffff;
          position: absolute;
          bottom: -17px;
          left: 0; }

/*新闻动态页*/
.newsDynamic {
  /* .newsList{
        margin-top: 50px;
        img{
            width: 100%;
        }*/
  /*.info{
            height: 82px; border-bottom: 1px solid #DDDDDD;
        }
        .left{
            text-align: center; line-height: 1;
        }
        .day{
            font-size: 30px; font-weight: 600;
        }
        .year{
            font-size: 14px; color: #666666;
        }*/
  /*}*/ }
  .newsDynamic .tab {
    width: 100%;
    border-bottom: 1px solid #dddddd; }
  .newsDynamic .w-title {
    margin-bottom: 10px; }
  .newsDynamic .wrap {
    height: 286px; }
  .newsDynamic .classify {
    font-size: 18px; }
    .newsDynamic .classify p {
      width: 140px;
      height: 47px;
      line-height: 47px;
      background: #F5F5F5;
      text-align: center;
      margin-left: 10px;
      cursor: pointer; }
    .newsDynamic .classify a {
      color: #333333; }
    .newsDynamic .classify .active {
      background: #1C69F7; }
      .newsDynamic .classify .active a {
        color: #ffffff; }
  .newsDynamic .list {
    margin-top: 50px;
    width: 1210px !important; }
    .newsDynamic .list .li {
      border-radius: 4px;
      border: 1px solid #eeeeee;
      overflow: hidden;
      padding: 0;
      max-width: 380px;
      max-height: 405px;
      height: 405px;
      margin-bottom: 20px;
      position: relative;
      cursor: pointer;
      display: block; }
      .newsDynamic .list .li img {
        width: 100%;
        transition: all .6s ease; }
      .newsDynamic .list .li:nth-child(1) {
        padding-left: 0; }
      .newsDynamic .list .li:nth-child(2) {
        margin: 0 20px;
        padding: 0; }
      .newsDynamic .list .li:nth-child(3) {
        padding-right: 0; }
      .newsDynamic .list .li h5 {
        color: #333333;
        font-size: 18px;
        font-weight: bold;
        margin: 0px auto 5px;
        line-height: 1.2; }
      .newsDynamic .list .li .details {
        color: #333333;
        padding: 0 16px;
        line-height: 36px;
        font-size: 12px;
        display: block;
        width: 100%;
        height: 36px;
        background: url("../images/arrow-gray.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
        background-size: auto;
        background-position: 96% center; }
      .newsDynamic .list .li .info {
        padding: 7px 0 10px;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 14px;
        color: #666666;
        text-align: center;
        margin: 0 16px;
        height: 82px;
        border-bottom: 1px solid #EEEEEE; }
        .newsDynamic .list .li .info .left {
          padding-right: 3px;
          border-right: 1px solid #EEEEEE;
          line-height: 1;
          flex: 0 0 73px;
          height: fit-content; }
        .newsDynamic .list .li .info .right {
          padding-left: 17px;
          text-align: left; }
        .newsDynamic .list .li .info .day {
          font-size: 30px;
          font-weight: 600;
          color: #333333;
          margin-bottom: 6px; }
      .newsDynamic .list .li .wrap {
        overflow: hidden; }
      .newsDynamic .list .li:hover::after {
        content: '';
        display: block;
        width: 100%;
        background: #1C69F7;
        height: 2px;
        position: absolute;
        bottom: 0; }
      .newsDynamic .list .li:hover h5 {
        color: #1C69F7; }
      .newsDynamic .list .li:hover img {
        transform: scale(1.1); }
  .newsDynamic .list-style-2 {
    font-size: 16px; }
    .newsDynamic .list-style-2 li {
      border-bottom: 1px dashed #d5d5d5;
      height: 67px;
      background: url("../images/icon-rect.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
      background-size: 15px 15px;
      background-position: 42px center; }
    .newsDynamic .list-style-2 a.d-flex {
      height: 67px;
      color: #333333;
      padding: 0 43px 0 78px; }

/*代理商*/
.agent1 {
  background: #f6f7f9; }
  .agent1 .row {
    margin: 0; }
  .agent1 li {
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    margin-bottom: 19px;
    max-width: 380px;
    box-sizing: border-box;
    padding: 30px 15px 30px 20px; }
  .agent1 li:not(:nth-child(3n)) {
    margin-right: 20px; }
  .agent1 .left {
    font-size: 14px;
    color: #666666; }
    .agent1 .left h3 {
      font-size: 24px;
      font-weight: 600;
      color: #333333; }
  .agent1 .icon {
    width: 94px;
    flex: 0 0 94px;
    height: 91px;
    display: block;
    margin-left: 11px; }
  .agent1 .icon1 {
    background: url("../images/icon12.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .agent1 .icon2 {
    background: url("../images/icon13.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .agent1 .icon3 {
    background: url("../images/icon14.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .agent1 .icon4 {
    background: url("../images/icon15.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .agent1 .icon5 {
    background: url("../images/icon16.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .agent1 .icon6 {
    background: url("../images/icon17.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.agent2 .row {
  margin: 0; }

.agent2 li {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 1px;
  padding: 0;
  max-width: 380px;
  height: 300px; }
  .agent2 li img {
    width: 100%;
    height: 193px; }
  .agent2 li p {
    padding: 25px 50px;
    font-weight: 600;
    font-size: 20px;
    text-align: center; }

.agent2 li:not(:nth-child(3n)) {
  margin-right: 20px; }

.agent3 .row {
  margin: 0; }

.agent3 li {
  background: #ffffff;
  padding: 0;
  max-width: 240px;
  font-size: 14px;
  color: #666666; }
  .agent3 li img {
    width: 100px;
    height: 100px;
    display: block;
    margin: auto; }
  .agent3 li h5 {
    color: #333333;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin: 30px 0; }

.agent3 li:not(:nth-child(4n)) {
  margin-right: 60px; }

.agent4 {
  text-align: center;
  /*li:not(:nth-child(5n)){
        margin-right: 20px;
    }*/ }
  .agent4 .row {
    margin: 0; }
  .agent4 li {
    background: #ffffff;
    margin-bottom: 19px;
    max-height: 243px;
    flex: 0 0 20%;
    font-size: 14px;
    color: #666666;
    /*max-width: 220px;*/ }
    .agent4 li .wrap {
      border-radius: 2px;
      border: 1px solid #dddddd;
      padding: 36px 30px 20px;
      height: 243px; }
    .agent4 li img {
      width: 52px;
      height: 52px; }
  .agent4 h5 {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 10px; }

.agent5 li {
  height: 145px;
  background: url("../images/circle1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  color: #ffffff;
  font-size: 16px;
  padding: 0;
  background-size: auto 100%; }
  .agent5 li div {
    width: 145px;
    height: 145px;
    text-align: center; }

.agent5 .process {
  width: 290px;
  height: 146px;
  background: url("../images/agent-lc-m.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  display: none;
  margin: auto; }

/*解决方案小程序*/
.smallWx1 {
  /*li{
        border-radius: 2px; border: 1px solid rgba(221,221,221,1); padding: 60px 20px; max-width: 280px;
        img{
            width: 50px; height: 50px; display: block; margin: auto;
        }
        h5{

        }
    }
    li:not(:nth-child(4n)){
        margin-right: 20px;
    }*/ }
  .smallWx1 .icon1 {
    background: url("../images/icon32.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx1 .icon2 {
    background: url("../images/icon33.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx1 .icon3 {
    background: url("../images/icon34.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx1 .icon4 {
    background: url("../images/icon35.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.smallWx2 {
  text-align: center;
  background: #F6F7F9; }
  .smallWx2 .row {
    margin: 0; }
  .smallWx2 h5 {
    color: #333333;
    font-size: 20px;
    font-weight: 600; }
  .smallWx2 ul {
    margin-top: -40px; }
  .smallWx2 li {
    margin-top: 90px; }
  .smallWx2 .icon {
    width: 36px;
    height: 31px;
    display: block;
    margin: 0 auto 20px; }
  .smallWx2 .icon1 {
    background: url("../images/icon-wx1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx2 .icon2 {
    background: url("../images/icon-wx2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx2 .icon3 {
    background: url("../images/icon-wx3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx2 .icon4 {
    background: url("../images/icon-wx4.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx2 .icon5 {
    background: url("../images/icon-wx5.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx2 .icon6 {
    background: url("../images/icon-wx6.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx2 .icon7 {
    background: url("../images/icon-wx7.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .smallWx2 .icon8 {
    background: url("../images/icon-wx8.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.bule-mask {
  width: 100%;
  height: 100%;
  background: rgba(28, 105, 247, 0.5);
  position: absolute;
  top: 0;
  display: none; }

.smallWx3, .app2 {
  /*.row{
        margin: 0;
    }
    li{
        max-width: 280px; position: relative; height: 160px; padding: 0; !*margin: 0 15px 20px;*!
        overflow: hidden; margin-bottom: 15px;
        &:hover{
            img{
                transform: scale(1.1);
            }
            .bule-mask{
                display: block;
            }
        }
        img{
            width: 100%; height: 100%; transition: all .5s ease;
        }
        h5{
            font-size: 24px; color: #fff; position: absolute; left: 0; right: 0; margin: auto; top: 60px; text-align: center;
            &::after{
                content: ''; display: block; width: 20px; height: 3px; background: #ffffff; position: absolute; left: 0; right: 0; margin: auto; bottom: -15px;
            }
        }
    }
    li:not(:nth-child(4n)){
        margin-right: 20px;
    }*/ }

.smallWx4, .app4 {
  background: #F6F7F9; }

/*解决方案app*/
.app1 {
  /*li{
        border-radius: 2px; border: 1px solid rgba(221,221,221,1); padding: 80px 40px; max-width: 320px;
        background: #ffffff; font-size: 14px; color: #666666;
    }
    .row{
        max-width: 1020px; margin: 0 auto;
    }
    .icon{
        width: 50px; height: 55px; display: block; margin: auto;
    }
    h5{
        color: #333333; font-size: 20px; text-align: center; font-weight: 600; margin: 30px 0;
    }
    li:not(:nth-child(3n)){
        margin-right: 30px;
    }*/ }
  .app1 .icon1 {
    background: url("../images/icon-app1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .app1 .icon2 {
    background: url("../images/icon-app2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .app1 .icon3 {
    background: url("../images/icon-app3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app2 {
  background: #F6F7F9; }

.app3 .icon {
  width: 54px;
  height: 50px;
  display: block;
  margin: auto; }

.app3 li {
  border: none; }

.app3 .icon1 {
  background: url("../images/icon-app4.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app3 .icon2 {
  background: url("../images/icon-app5.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app3 .icon3 {
  background: url("../images/icon-app6.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app3 .icon4 {
  background: url("../images/icon-app7.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app4 ul {
  background: #ffffff; }

.app5 .icon {
  width: 54px;
  height: 50px;
  display: block;
  margin: auto; }

.app5 li {
  border: none; }

.app5 .icon1 {
  background: url("../images/icon-app8.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app5 .icon2 {
  background: url("../images/icon-app9.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app5 .icon3 {
  background: url("../images/icon-app10.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.app5 .icon4 {
  background: url("../images/icon-app11.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

/*网站建设*/
.pc1 {
  background: #F6F7F9;
  font-size: 14px; }
  .pc1 .row {
    margin: auto; }
  .pc1 li {
    background: #ffffff;
    max-width: 580px;
    margin-bottom: 20px;
    max-height: 200px;
    padding: 65px 50px; }
  .pc1 li:not(:nth-child(2n)) {
    margin-right: 20px; }
  .pc1 h3 {
    font-size: 28px;
    font-weight: bold; }
  .pc1 .icon {
    width: 84px;
    height: 80px;
    display: block; }
  .pc1 .icon1 {
    background: url("../images/icon-pc1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc1 .icon2 {
    background: url("../images/icon-pc2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc1 .icon3 {
    background: url("../images/icon-pc3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc1 .icon4 {
    background: url("../images/icon-pc4.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc2 li {
  border: none; }

.pc2 .icon {
  width: 50px;
  height: 50px;
  display: block;
  margin: auto; }

.pc2 .icon1 {
  background: url("../images/icon-pc5.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc2 .icon2 {
  background: url("../images/icon-pc6.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc2 .icon3 {
  background: url("../images/icon-pc7.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc2 .icon4 {
  background: url("../images/icon-pc8.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc3 {
  background: #F6F7F9; }
  .pc3 ul {
    background: #ffffff; }

/*酒店*/
.hotel1 {
  /*.icon{
        width: 50px; height: 50px; display: block; margin: auto;
    }*/ }
  .hotel1 .icon1 {
    background: url("../images/icon-hotel1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel1 .icon2 {
    background: url("../images/icon-hotel2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel1 .icon3 {
    background: url("../images/icon-hotel3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel1 .icon4 {
    background: url("../images/icon-hotel4.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.hotel2 img {
  width: 100%; }

.hotel3 .wrap {
  max-width: 1440px;
  margin: auto;
  max-height: 550px; }

.hotel3 li {
  max-width: 360px;
  max-height: 550px;
  position: relative;
  font-size: 24px;
  color: #ffffff;
  overflow: hidden; }
  .hotel3 li:hover img {
    transform: scale(1.1); }
  .hotel3 li:hover .bule-mask {
    display: block; }
  .hotel3 li img {
    width: 100%;
    height: 100%;
    transition: all .5s ease; }
  .hotel3 li p {
    position: absolute;
    top: 330px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center; }
  .hotel3 li .num {
    font-size: 70px;
    top: 128px; }
    .hotel3 li .num::after {
      content: '';
      display: block;
      width: 30px;
      height: 3px;
      background: #ffffff;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 140px; }

.hotel4 {
  text-align: center;
  font-size: 12px; }
  .hotel4 .row {
    margin: 0; }
  .hotel4 h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 14px auto 30px; }
  .hotel4 .title2 {
    margin-bottom: 144px; }
  .hotel4 li {
    max-width: 280px;
    height: 220px;
    border-radius: 2px;
    border: 1px solid #dddddd;
    padding: 0 40px; }
  .hotel4 li:not(:last-child) {
    margin-right: 20px; }
  .hotel4 .icon {
    width: 105px;
    height: 105px;
    display: block;
    margin: -52px auto 0; }
  .hotel4 .icon1 {
    background: url("../images/icon-hotel5.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel4 .icon2 {
    background: url("../images/icon-hotel6.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel4 .icon3 {
    background: url("../images/icon-hotel7.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel4 .icon4 {
    background: url("../images/icon-hotel8.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.hotel5 {
  background: #F6F7F9;
  font-size: 14px; }
  .hotel5 .row {
    margin: 0; }
  .hotel5 li {
    background: #ffffff;
    max-width: 380px;
    margin-bottom: 20px;
    max-height: 130px;
    padding: 35px 25px; }
  .hotel5 li:not(:nth-child(3n)) {
    margin-right: 20px; }
  .hotel5 h3 {
    font-size: 24px;
    font-weight: 600; }
  .hotel5 .icon {
    width: 59px;
    height: 55px;
    display: block; }
  .hotel5 .icon1 {
    background: url("../images/icon-hotel9.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel5 .icon2 {
    background: url("../images/icon-hotel10.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel5 .icon3 {
    background: url("../images/icon-hotel11.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel5 .icon4 {
    background: url("../images/icon-hotel12.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel5 .icon5 {
    background: url("../images/icon-hotel13.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel5 .icon6 {
    background: url("../images/icon-hotel14.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.hotel6 {
  text-align: center; }
  .hotel6 .row {
    margin: 0; }
  .hotel6 p {
    font-size: 20px;
    margin-top: 30px;
    font-weight: 600; }
  .hotel6 .icon {
    width: 100px;
    height: 100px;
    display: block;
    margin: auto; }
  .hotel6 .icon1 {
    background: url("../images/icon-hotel15.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel6 .icon2 {
    background: url("../images/icon-hotel16.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel6 .icon3 {
    background: url("../images/icon-hotel17.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .hotel6 .icon4 {
    background: url("../images/icon-hotel18.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

/*解决方案-网站模板*/
.pc_mould1 {
  width: 100%;
  height: 500px;
  background: url("../images/common-bg.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  font-size: 16px;
  text-align: center;
  padding-top: 65px;
  position: relative; }
  .pc_mould1 .pc_mould_title1 {
    width: 666px;
    margin: auto; }
  .pc_mould1 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px; }
  .pc_mould1 img {
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -75px; }

.pc_mould2 {
  font-size: 14px;
  text-align: center;
  padding-top: 146px; }
  .pc_mould2 .row {
    margin: 0; }
  .pc_mould2 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px; }
  .pc_mould2 .icon {
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
    margin-bottom: 36px; }
  .pc_mould2 .icon1 {
    background: url("../images/icon-pc-mould1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc_mould2 .icon2 {
    background: url("../images/icon-pc-mould2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc_mould2 .icon3 {
    background: url("../images/icon-pc-mould3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc_mould2 .icon4 {
    background: url("../images/icon-pc-mould4.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc_mould2 .icon5 {
    background: url("../images/icon-pc-mould5.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc_mould2 .icon6 {
    background: url("../images/icon-pc-mould6.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc_mould3, .pc_mould5, .pc_mould7 {
  background: #F6F7F9; }

.pc_mould4 h2 {
  width: 300px; }

.pc_intro {
  font-size: 20px;
  color: #333333; }
  .pc_intro h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px; }
  .pc_intro .desc {
    color: #666666;
    font-size: 20px; }
  .pc_intro .wrap {
    width: fit-content;
    margin: auto; }
  .pc_intro ul {
    font-size: 16px;
    margin-top: 40px; }
    .pc_intro ul li {
      padding-left: 20px;
      background: url("../images/icon-dot.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
      background-size: auto;
      background-position: 0 center;
      margin-bottom: 10px; }
    .pc_intro ul .dotTop {
      background-position: 0 7px; }

.pc_intro_m {
  display: none; }
  .pc_intro_m li {
    width: 100%; }
  .pc_intro_m img {
    width: 100%; }

.pc_mould8 {
  text-align: center; }
  .pc_mould8 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px; }
  .pc_mould8 .row {
    margin: 0; }
  .pc_mould8 .w_search {
    width: 288px;
    height: 47px;
    background: #f6f7f9;
    border-radius: 24px;
    padding: 0 17px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto 40px;
    color: #333333; }
    .pc_mould8 .w_search .icon {
      width: 20px;
      height: 20px;
      display: block;
      background: url("../images//game/system-serchb.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
      margin-right: 10px; }
  .pc_mould8 li {
    position: relative;
    max-width: 360px;
    margin-bottom: 70px; }
    .pc_mould8 li .b_pic {
      max-width: 320px;
      max-height: 248px; }
    .pc_mould8 li .s_pic {
      max-width: 79px;
      max-height: 151px;
      position: absolute;
      right: -20px;
      bottom: -20px; }
  .pc_mould8 li:not(:nth-child(3n)) {
    margin-right: 50px; }

.pc_mould9 {
  text-align: center;
  padding: 0 0 30px;
  font-size: 20;
  font-weight: 600; }
  .pc_mould9 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px; }
  .pc_mould9 .row {
    margin: 0; }
  .pc_mould9 p {
    margin-top: 18px; }
  .pc_mould9 li {
    margin-bottom: 37px; }

.pc_mould9_m {
  text-align: center;
  display: none; }
  .pc_mould9_m h2 {
    font-weight: 600;
    margin-bottom: 30px; }
  .pc_mould9_m .swiper-slide {
    width: 70%; }

.pc_mould10 {
  text-align: center;
  background: #F6F7F9;
  /*li:not(:last-child){
        margin-right: 20px;
    }*/ }
  .pc_mould10 .row {
    margin: 0; }
  .pc_mould10 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 50px; }
  .pc_mould10 h5 {
    font-size: 16px;
    font-weight: 600; }
  .pc_mould10 li {
    font-size: 14px;
    position: relative; }
    .pc_mould10 li .wrap {
      max-width: 280px;
      height: 360px;
      background: #ffffff;
      padding: 50px 50px 0;
      overflow: hidden; }
    .pc_mould10 li .wrap > div {
      height: 100px; }
  .pc_mould10 .num {
    font-size: 100px;
    color: #F6F7F9;
    line-height: 1.4; }
  .pc_mould10 .icon {
    width: 72px;
    height: 72px;
    display: block;
    margin: 0 auto 46px; }
  .pc_mould10 .icon1 {
    background: url("../images//pc_mould/icon1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc_mould10 .icon2 {
    background: url("../images//pc_mould/icon2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc_mould10 .icon3 {
    background: url("../images//pc_mould/icon3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .pc_mould10 .icon4 {
    background: url("../images//pc_mould/icon4.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.pc_mould11 {
  background: url("../images//pc_mould/bg.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  height: 520px; }
  .pc_mould11 .row {
    margin: 0; }
  .pc_mould11 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 50px;
    color: #ffffff;
    text-align: center; }
  .pc_mould11 li {
    width: 600px;
    height: 50px;
    line-height: 50px;
    background: white;
    border-radius: 29px;
    font-size: 16px;
    padding-left: 20px;
    margin: 0 auto 20px; }
    .pc_mould11 li span {
      color: #1C69F7;
      margin-right: 10px; }

.pc_mould12 {
  /*padding-bottom: 20px;*/ }
  .pc_mould12 .row {
    margin: 0; }
  .pc_mould12 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center; }
  .pc_mould12 li {
    max-width: 260px;
    height: 340px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-bottom: 40px;
    padding: 0; }
    .pc_mould12 li img {
      width: 100%;
      height: 100%;
      display: block; }
  .pc_mould12 li:not(:nth-child(4n)) {
    margin-right: 40px; }
  .pc_mould12 .show_list_swiper {
    display: none; }

/*外卖*/
.waimaiTop {
  background: url("../images//waimai/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  background-size: cover;
  background-position-x: center; }

.waimai1 {
  height: 500px;
  background: url("../images/common-bg.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  font-size: 12px;
  padding-top: 63px; }
  .waimai1 .desc {
    font-size: 16px;
    margin-bottom: 36px; }
  .waimai1 .code {
    width: 139px;
    margin-bottom: 10px; }
  .waimai1 .col-sm-6 {
    padding: 0; }
  .waimai1 .cue {
    text-align: center; }
  .waimai1 .left {
    max-width: 530px; }
  .waimai1 .bg2 {
    margin-top: -70px; }

.waimai2 {
  padding: 200px 0 130px; }
  .waimai2 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center; }
  .waimai2 .pc_img {
    display: block;
    margin: auto; }
  .waimai2 .mobile_img {
    display: none;
    margin: auto;
    width: 321px; }

.wm_intro {
  font-size: 14px; }
  .wm_intro h2 {
    margin-bottom: 0; }
  .wm_intro .desc {
    margin-bottom: 20px; }
  .wm_intro img {
    max-width: 100%; }

.waimai3 {
  background: #F6F7F9;
  /*img{
        max-width: 496px;
    }*/ }

.waimai4 {
  /*img{
        max-width: 534px;
    }*/ }
  .waimai4 .wrap {
    margin-left: 100px; }

.waimai5 {
  background: #F6F7F9;
  /*img{
        max-width: 534px;
    }*/ }

.waimai6 {
  /*img{
        max-width: 556px;
    }*/ }

.waimai7 {
  background: #F6F7F9;
  /*img{
        max-width: 530px;
    }*/ }

.waimai8 {
  /*img{
        max-width: 596px;
    }*/ }
  .waimai8 .wrap {
    margin-left: 90px; }

.waimai9 {
  background: #F6F7F9;
  /*img{
        max-width: 596px;
    }*/ }

.waimai10 {
  /*img{
        max-width: 444px;
    }*/ }
  .waimai10 .wrap {
    margin-left: 128px; }

.waimai11 {
  background: #F6F7F9; }
  .waimai11 .w_title {
    text-align: center;
    margin-bottom: 40px; }
    .waimai11 .w_title h2 {
      font-size: 32px; }
    .waimai11 .w_title .desc {
      color: #666666;
      font-size: 16px; }
  .waimai11 .row {
    margin: auto; }
  .waimai11 .icon {
    width: 107px;
    height: 107px;
    display: block;
    margin: -53px auto 0;
    position: absolute;
    left: 0;
    right: 0;
    top: -0px; }
  .waimai11 .icon1 {
    background: url("../images//waimai/icon1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .waimai11 .icon2 {
    background: url("../images//waimai/icon2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .waimai11 .icon3 {
    background: url("../images//waimai/icon3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .waimai11 .icon4 {
    background: url("../images//waimai/icon4.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .waimai11 .icon5 {
    background: url("../images//waimai/icon5.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .waimai11 .icon6 {
    background: url("../images//waimai/icon6.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .waimai11 .icon7 {
    background: url("../images//waimai/icon7.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .waimai11 .icon8 {
    background: url("../images//waimai/icon8.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .waimai11 li {
    /*max-width: 280px;*/
    border-radius: 2px;
    font-size: 14px;
    text-align: center;
    margin-top: 100px; }
    .waimai11 li div {
      padding: 54px 30px 38px;
      height: 220px;
      background: #ffffff;
      /*height: 220px;*/
      position: relative; }
    .waimai11 li h5 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 30px;
      margin-top: 20px; }

.waimai12 {
  padding-bottom: 0;
  /*li:not(:nth-child(4n)){
        margin-right: 35px;
    }*/ }
  .waimai12 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center; }
  .waimai12 .row {
    margin: 0; }
  .waimai12 li {
    margin-bottom: 20px;
    /*padding: 0; justify-content: space-around;*/
    /*max-width: 266px; height: 530px; @include bg-image('phone'); padding: 0;
        .w_bg{
            width: 226px; height: 402px; position: relative; margin-top: -10px;
        }
        .bg{
            width: 226px; height: 402px; position: absolute; top: 0; left: 0;
        }
        .code_mask{
            width: 226px; height: 402px; background: rgba(0,0,0,.5); z-index: 3; position: absolute; display: none;
        }
        &:hover{
            display: block;
        }*/ }
    .waimai12 li:nth-child(n+5) {
      display: none; }
  .waimai12 .btn-more {
    margin-top: 60px; }

.show_list_swiper .swiper-slide {
  width: 41.6%; }

.waimai13 .show_list_swiper {
  display: none; }

.waimai13 h2 {
  font-size: 32px;
  margin-bottom: 40px; }

.wm_intro_m {
  display: none; }
  .wm_intro_m li {
    width: 100%; }
  .wm_intro_m img {
    width: 100%; }

/*互动营销游戏*/
.game1 {
  /*li:not(:nth-child(4n)){
        margin-right: 20px;
    }*/ }
  .game1 .icon1 {
    background: url("../images//game/icon1.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .game1 .icon2 {
    background: url("../images//game/icon2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .game1 .icon3 {
    background: url("../images//game/icon3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .game1 .icon4 {
    background: url("../images//game/icon4.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game2 img {
  width: 100%; }

.game3 .row {
  margin: auto; }

.game3 li {
  border-radius: 2px;
  padding: 60px 20px;
  max-width: 280px;
  height: 320px;
  font-size: 14px;
  color: #666666;
  border: none; }
  .game3 li .icon {
    width: 50px;
    height: 50px;
    display: block;
    margin: auto; }
  .game3 li h5 {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin: 30px auto;
    color: #333333; }

.game3 .icon1 {
  background: url("../images//game/icon5.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game3 .icon2 {
  background: url("../images//game/icon6.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game3 .icon3 {
  background: url("../images//game/icon7.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game3 .icon4 {
  background: url("../images//game/icon8.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game3 li:not(:nth-child(4n)) {
  margin-right: 20px; }

.game4 {
  background: #F6F7F9; }

.game5 {
  padding-bottom: 0;
  /*li:not(:nth-child(4n)){
        margin-right: 35px;
    }*/ }
  .game5 .row {
    margin: 0; }
  .game5 h2 {
    margin-bottom: 10px; }
  .game5 li {
    margin-bottom: 44px;
    padding: 0;
    justify-content: space-around; }

/*游戏模板*/
.game_mould1 {
  height: 500px;
  background: url("../images/common-bg.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  font-size: 12px;
  padding-top: 63px; }
  .game_mould1 .w_search {
    width: 274px;
    height: 47px;
    background: #ffffff;
    border-radius: 24px;
    padding: 0 17px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto 40px;
    color: #333333;
    margin-left: 20px; }
    .game_mould1 .w_search .icon {
      width: 20px;
      height: 20px;
      display: block;
      background: url("../images//game/system-serchb.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
      margin-right: 10px; }
  .game_mould1 .desc {
    font-size: 16px;
    margin-bottom: 36px; }
  .game_mould1 .code {
    width: 139px;
    margin-bottom: 10px; }
  .game_mould1 .col-sm-6 {
    padding: 0; }
  .game_mould1 .cue {
    text-align: center; }
  .game_mould1 .left {
    max-width: 530px;
    padding: 0; }
  .game_mould1 .bg2 {
    margin-top: -70px;
    margin-left: 100px; }

/*带手机壳的轮播*/
.phone-swiper-wrap .swiper-slide {
  /*width: 225px; height: 450px;*/ }
  .phone-swiper-wrap .swiper-slide img {
    /*width: 100%; height: 100%;*/
    width: 246px;
    height: 510px; }

.game_mould2 {
  padding: 200px 0 65px; }
  .game_mould2 .icon {
    width: 100px;
    height: 100px;
    display: block;
    margin: auto; }
  .game_mould2 li {
    text-align: center;
    color: #666666;
    font-size: 14px;
    width: 200px; }
    .game_mould2 li h5 {
      font-size: 20px;
      font-weight: bold;
      margin: 30px auto;
      color: #333333; }
  .game_mould2 li:not(:last-child) {
    margin-right: 40px; }
  .game_mould2 .icon1 {
    background: url("../images//game/icon10.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .game_mould2 .icon2 {
    background: url("../images//game/icon11.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .game_mould2 .icon3 {
    background: url("../images//game/icon12.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .game_mould2 .icon4 {
    background: url("../images//game/icon13.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
  .game_mould2 .icon5 {
    background: url("../images//game/icon14.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game_mould3 h3 {
  font-size: 32px;
  font-weight: 600; }

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

.game_mould3 .style1 .tag li {
  background: url("../images//game/style1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  color: #2757FF; }

.game_mould3 .style1 .case_list2 {
  background: url("../images//game/bg1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game_mould3 .style2 .tag li {
  background: url("../images//game/style2.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  color: #D35447; }

.game_mould3 .style2 .case_list2 {
  background: url("../images//game/bg2.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game_mould3 .style2 .line {
  background: #D35447 !important; }

.game_mould3 .style2 .right {
  background: #D35447 !important; }

.game_mould3 .style3 .tag li {
  background: url("../images//game/style3.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  color: #F5B54A; }

.game_mould3 .style3 .case_list2 {
  background: url("../images//game/bg3.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game_mould3 .style3 .line {
  background: #F5B54A !important; }

.game_mould3 .style3 .right {
  background: #F5B54A !important; }

.game_mould3 .style4 .tag li {
  background: url("../images//game/style4.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  color: #52B469; }

.game_mould3 .style4 .case_list2 {
  background: url("../images//game/bg4.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }

.game_mould3 .style4 .line {
  background: #52B469 !important; }

.game_mould3 .style4 .right {
  background: #52B469 !important; }

.game_mould3 .game_case {
  padding-top: 60px; }
  .game_mould3 .game_case .row {
    margin: 0; }
  .game_mould3 .game_case .w_top {
    /*padding-bottom: 16px;*/ }
    .game_mould3 .game_case .w_top .tag li {
      width: 60px;
      height: 26px;
      line-height: 26px;
      font-size: 12px;
      text-align: right;
      padding-right: 10px;
      margin-left: 19px; }
    .game_mould3 .game_case .w_top .desc {
      color: #666666;
      font-size: 24px;
      position: relative;
      /*&::after{
                    content: ''; display: block; width: 120px; height: 6px; background: #1C69F7; position: absolute; bottom: -16px;
                }*/ }
    .game_mould3 .game_case .w_top .line {
      display: block;
      width: 120px;
      height: 6px;
      background: #1C69F7;
      margin-top: 16px; }
    .game_mould3 .game_case .w_top .right {
      width: 88px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      background: #1C69F7;
      border-radius: 4px 4px 0px 0px;
      font-size: 14px; }
      .game_mould3 .game_case .w_top .right a {
        color: #ffffff; }
  .game_mould3 .game_case .case_list {
    width: 100%;
    height: 637px;
    padding-top: 55px; }
    .game_mould3 .game_case .case_list li {
      box-shadow: 0px 2px 4px 0px rgba(153, 153, 153, 0.2);
      border-radius: 5px;
      border: 1px solid #dddddd; }
      .game_mould3 .game_case .case_list li .mask {
        position: absolute;
        display: none; }
        .game_mould3 .game_case .case_list li .mask img {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          margin: auto;
          left: 0;
          bottom: 0; }
      .game_mould3 .game_case .case_list li:hover .mask {
        display: block; }
    .game_mould3 .game_case .case_list li:not(:last-child) {
      margin-right: 20px; }
    .game_mould3 .game_case .case_list .list_child_top {
      position: relative; }
    .game_mould3 .game_case .case_list .list_child_bottom {
      width: 100%;
      height: 70px;
      background: #ffffff; }
      .game_mould3 .game_case .case_list .list_child_bottom a {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #1C69F7;
        width: 126px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        border: 1px solid #1c69f7; }
  .game_mould3 .game_case .case_list2 {
    width: 100%;
    height: 637px;
    padding-top: 55px; }
    .game_mould3 .game_case .case_list2 li {
      padding: 0; }
      .game_mould3 .game_case .case_list2 li .w_game_case {
        box-shadow: 0px 2px 4px 0px rgba(153, 153, 153, 0.2);
        border-radius: 5px;
        border: 1px solid #dddddd;
        padding: 0;
        max-width: 280px;
        overflow: hidden; }
        .game_mould3 .game_case .case_list2 li .w_game_case:hover .mask {
          display: block; }
        .game_mould3 .game_case .case_list2 li .w_game_case .list_child_top > img {
          width: 100%; }
      .game_mould3 .game_case .case_list2 li .mask {
        position: absolute;
        display: none; }
        .game_mould3 .game_case .case_list2 li .mask img {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          margin: auto;
          left: 0;
          bottom: 0; }
    .game_mould3 .game_case .case_list2 .list_child_top {
      position: relative; }
    .game_mould3 .game_case .case_list2 .list_child_bottom {
      width: 100%;
      height: 70px;
      background: #ffffff; }
      .game_mould3 .game_case .case_list2 .list_child_bottom a {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #1C69F7;
        width: 126px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        border: 1px solid #1c69f7; }

.game_mould4 {
  padding-bottom: 10px; }
  .game_mould4 .row {
    margin: 0; }
  .game_mould4 h3 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 65px; }
  .game_mould4 li {
    color: #999999;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 50px; }
    .game_mould4 li > div {
      margin-bottom: 30px; }
  .game_mould4 .num {
    font-size: 50px;
    color: #999999;
    font-weight: 600;
    padding-right: 10px;
    position: relative; }
    .game_mould4 .num::after {
      content: '';
      display: block;
      width: 4px;
      height: 38px;
      position: absolute;
      right: 0;
      top: 8px;
      background: #3D7CFF; }
  .game_mould4 .right {
    padding-left: 10px; }
  .game_mould4 h5 {
    font-size: 20px;
    color: #333333;
    font-weight: 600; }

.game_mould5 {
  background: url("../images//game/bg5.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  height: 527px;
  width: 100%;
  color: #ffffff; }
  .game_mould5 .row {
    margin: 0; }
  .game_mould5 h3 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 65px; }
  .game_mould5 .list3 {
    display: none; }
  .game_mould5 .list1 {
    margin-bottom: 75px;
    font-family: serif; }
    .game_mould5 .list1 li {
      line-height: 1;
      font-size: 20px;
      padding: 0 30px;
      position: relative; }
      .game_mould5 .list1 li .num {
        font-size: 60px;
        margin-right: 10px; }
      .game_mould5 .list1 li .desc {
        font-size: 16px;
        margin-top: 8px; }
      .game_mould5 .list1 li > div {
        height: 100%;
        padding-top: 10px; }
    .game_mould5 .list1 li:nth-child(1) {
      padding-left: 70px !important; }
    .game_mould5 .list1 li:not(:last-child) {
      /*border-right: 2px solid #FFFFFF;*/ }
      .game_mould5 .list1 li:not(:last-child)::after {
        content: '';
        display: block;
        height: 60px;
        width: 2px;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        right: 0;
        top: 3px; }
  .game_mould5 .list2 li {
    /*margin-bottom: 20px;*/ }

/*联系我们*/
.page_contact .tab {
  width: 100%;
  border-bottom: 1px solid #dddddd; }
  .page_contact .tab ul {
    display: flex; }
    .page_contact .tab ul li {
      width: 140px;
      height: 47px;
      line-height: 47px;
      text-align: center;
      background: #ffffff;
      margin-right: 10px; }
      .page_contact .tab ul li a {
        color: #333333;
        width: 100%;
        height: 100%;
        display: block; }
      .page_contact .tab ul li.active {
        background: #1c69f7; }
        .page_contact .tab ul li.active a {
          color: #ffffff; }

.page_contact2 form input, .page_contact2 form textarea {
  width: 580px;
  border: 1px solid #dddddd;
  margin-top: 10px;
  /*transition: all .2s ease-in;*/ }
  .page_contact2 form input:focus, .page_contact2 form textarea:focus {
    border: 1px solid #1c69f7; }

.page_contact2 form textarea {
  height: 315px; }

.page_contact2 form input {
  height: 65px;
  text-indent: 2em; }

.page_contact2 form .left {
  height: 350px;
  margin-right: 20px; }

.page_contact2 form .left.inline-row {
  height: auto;
  margin-right: 0;
  width: 100%;
  display: flex;
  gap: 20px; }
  .page_contact2 form .left.inline-row > div {
    flex: 1; }
  .page_contact2 form .left.inline-row input {
    width: 100%; }

.page_contact2 form .btn-more {
  background: #1c69f7;
  color: #ffffff;
  margin-top: 45px;
  font-size: 14px; }
  .page_contact2 form .btn-more span {
    right: 20px;
    letter-spacing: 1px; }

.page_contact2 form .btn-more-contact {
  width: 121px;
  height: 45px;
  border-radius: 23px;
  line-height: 45px;
  font-weight: bold;
  position: relative;
  margin: auto;
  cursor: pointer;
  background: #1c69f7;
  color: #ffffff;
  margin-top: 45px;
  font-size: 14px; }
  .page_contact2 form .btn-more-contact span {
    transform: scale(0.9);
    display: block;
    position: absolute;
    right: 20px;
    letter-spacing: 1px; }
  .page_contact2 form .btn-more-contact img {
    width: 41px;
    height: 22px;
    position: absolute;
    top: 25%;
    left: -10px; }

.page_contact2 form .submit {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  margin-top: 0;
  cursor: pointer; }

.page_contact3 {
  background: url("../images//contact/bg2.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  width: 100%;
  height: 355px;
  color: #ffffff;
  overflow: hidden; }
  .page_contact3 .desc {
    color: #ffffff; }
  .page_contact3 h2 {
    margin: 0px auto 10px; }
  .page_contact3 a {
    display: block;
    width: 104px;
    height: 38px;
    background: #1c69f7;
    border-radius: 4px;
    border: 1px solid #1c69f7;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    margin: 40px auto 0; }

/*加入我们*/
.join1 {
  padding-bottom: 0; }
  .join1 .job_list {
    margin: 0; }
    .join1 .job_list .title {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 43px; }
    .join1 .job_list .info {
      display: flex;
      justify-content: space-between; }
      .join1 .job_list .info > div {
        width: 430px; }
      .join1 .job_list .info li {
        margin-bottom: 15px;
        font-size: 16px; }
      .join1 .job_list .info ol {
        padding-left: 0; }
        .join1 .job_list .info ol li {
          list-style: decimal; }
    .join1 .job_list h5 {
      width: 120px;
      height: 34px;
      line-height: 34px;
      background: #1c69f7;
      text-align: center;
      font-size: 18px;
      color: #fff;
      margin-bottom: 30px; }
    .join1 .job_list > li {
      background: #ffffff;
      padding: 35px 50px 55px;
      margin-top: 40px;
      width: 100%;
      font-size: 18px; }

.join2 {
  text-align: center;
  font-size: 18px;
  padding: 66px 0 55px;
  background: #f6f7f9; }
  .join2 h3 {
    font-size: 18px;
    margin-bottom: 30px; }
  .join2 a {
    display: block;
    width: 186px;
    height: 34px;
    background: #1c69f7;
    line-height: 34px;
    margin: auto;
    color: #ffffff; }

/*案例详情*/
.case_detail1 {
  background: url("../images/case_detail.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  background-size: cover;
  background-position: center bottom;
  /*background-color: #121a30;*/ }

.case_detail2 {
  font-size: 14px;
  padding: 20px 0 30px;
  background: #F6F7F9;
  overflow: hidden; }
  .case_detail2 h2 {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 55px; }
  .case_detail2 h3 {
    font-size: 26px;
    font-weight: bold; }
  .case_detail2 .bor-bottom {
    position: relative; }
    .case_detail2 .bor-bottom::after {
      content: '';
      display: block;
      width: 10px;
      height: 3px;
      background: #979797;
      position: absolute;
      left: 0;
      bottom: -14px; }
  .case_detail2 .left {
    width: 730px;
    background: #ffffff;
    padding: 87px 96px 77px 60px; }
    .case_detail2 .left .desc {
      color: #666666; }
    .case_detail2 .left .title {
      margin: 40px auto 20px;
      font-weight: 600;
      font-size: 16px; }
  .case_detail2 .right {
    width: 450px;
    background: #eeeeee;
    padding: 70px 200px 60px 60px; }
    .case_detail2 .right li {
      margin-bottom: 10px;
      padding-left: 14px;
      position: relative;
      color: #666666; }
      .case_detail2 .right li::after {
        width: 4px;
        height: 4px;
        background: #666666;
        content: '';
        display: block;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
  .case_detail2 .content {
    padding: 20px 100px;
    background: #ffffff;
    margin-top: 30px;
    font-size: 14px !important;
    line-height: 2em !important;
    color: #333333; }

/*商城*/
.shop_title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px; }

.shop_desc {
  font-size: 16px;
  color: #666666;
  margin-bottom: 55px;
  text-align: center; }

.shop_mould_top {
  background: url("../images//shop/top1.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  background-size: cover;
  background-position-x: center; }
  .shop_mould_top .wrap {
    padding-top: 167px; }
    .shop_mould_top .wrap p {
      font-size: 18px; }
    .shop_mould_top .wrap h3 {
      font-size: 36px; }
    .shop_mould_top .wrap .border {
      width: 322px;
      height: 40px;
      line-height: 40px;
      border-radius: 10px;
      margin: 35px auto 14px; }
      .shop_mould_top .wrap .border span {
        color: #02FBF8;
        font-size: 24px; }
    .shop_mould_top .wrap .limit {
      font-size: 28px; }

.shop_mould1 img {
  display: block;
  margin: auto; }

.shop_mould2 {
  background: #F6F7F9;
  height: 853px;
  position: relative; }
  .shop_mould2 .circle {
    width: 275px;
    height: 275px;
    background: url("../images/shop/circle.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 336px; }
  .shop_mould2 li {
    width: 378px;
    height: 134px;
    background: white;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 0 20px;
    position: absolute; }
    .shop_mould2 li h5 {
      color: #1C69F7;
      font-size: 18px; }
    .shop_mould2 li p {
      font-size: 14px;
      color: #333333; }
    .shop_mould2 li:nth-child(1) {
      top: -184px;
      left: -210px; }
    .shop_mould2 li:nth-child(2) {
      top: -144px;
      right: -370px; }
    .shop_mould2 li:nth-child(3) {
      top: 100px;
      right: -410px; }
    .shop_mould2 li:nth-child(4) {
      top: 320px;
      right: -250px; }
    .shop_mould2 li:nth-child(5) {
      top: 270px;
      left: -350px; }
    .shop_mould2 li:nth-child(6) {
      top: 40px;
      left: -410px; }

.shop_mould2_m {
  display: none; }
  .shop_mould2_m ul {
    padding: 0 15px; }
    .shop_mould2_m ul li {
      width: 100%;
      height: 84px;
      background: white;
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
      padding: 0 20px;
      margin-bottom: 10px; }
      .shop_mould2_m ul li h5 {
        color: #1C69F7;
        font-size: 14px; }
      .shop_mould2_m ul li p {
        font-size: 12px;
        color: #333333; }

.shop_mould3 {
  position: relative; }
  .shop_mould3 .container {
    position: relative; }
  .shop_mould3 .phone {
    width: 266px;
    height: 530px;
    background: url("../images/phone.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    margin: 46px auto 0; }
    .shop_mould3 .phone .wrap {
      width: 226px;
      height: 400px;
      overflow: hidden;
      margin-top: -14px;
      margin-right: -3px; }
      .shop_mould3 .phone .wrap img {
        width: 100%;
        height: 100%; }
  .shop_mould3 .intro_m {
    display: none;
    width: 54.66vw;
    height: 64.26vw;
    background: url("../images//shop/intro.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    position: absolute;
    top: 4vw;
    left: 34.8vw; }
  .shop_mould3 ul {
    position: absolute;
    top: 102px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1018px; }
  .shop_mould3 li {
    position: absolute; }
    .shop_mould3 li h5 {
      font-size: 18px;
      font-weight: bold; }
    .shop_mould3 li p {
      font-size: 14px;
      color: #666666; }
    .shop_mould3 li:nth-child(odd) {
      text-align: right;
      width: 252px; }
      .shop_mould3 li:nth-child(odd)::after {
        content: '';
        display: block;
        width: 99px;
        height: 26px;
        background: url("../images//shop/icon-dot.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
        transform: rotate(180deg);
        position: absolute;
        top: -5px;
        right: -120px; }
    .shop_mould3 li:nth-child(even) {
      left: 760px; }
      .shop_mould3 li:nth-child(even)::before {
        content: '';
        display: block;
        width: 99px;
        height: 26px;
        background: url("../images//shop/icon-dot.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
        position: absolute;
        top: -3px;
        left: -110px; }
    .shop_mould3 li:nth-child(3), .shop_mould3 li:nth-child(4) {
      top: 147px; }
    .shop_mould3 li:nth-child(5), .shop_mould3 li:nth-child(6) {
      top: 293px; }

.shop_mobile {
  display: none; }

.shop_mould4 .bg1 {
  width: 100%;
  margin-top: 50px; }

.shop_mould4 .bg2 {
  display: none;
  width: 90%;
  margin: auto;
  margin-top: 25px; }

.shop_mould5 .shop_intro {
  padding: 30px 0; }
  .shop_mould5 .shop_intro img {
    max-width: 100%; }
  .shop_mould5 .shop_intro h5 {
    font-size: 32px;
    font-weight: bold; }
  .shop_mould5 .shop_intro p {
    color: #666666;
    font-size: 20px;
    margin-bottom: 20px; }

.shop_mould5 .shop_intro3 .bg2 {
  max-width: 558px; }

.shop_mould5 .shop_intro3 .bg3 {
  display: none; }

.shop_mould5 .shop_intro3 h5 {
  padding-left: 65px;
  margin-bottom: 40px; }

.shop_mould5 .shop_intro4 h5, .shop_mould5 .shop_intro4 p {
  padding-left: 65px; }

.shop_mould5 .shop_intro1 .bg2 {
  max-width: 533px; }

.shop_mould5 .shop_intro:nth-child(odd) {
  background: #F6F7F9; }

.shop_mould6 {
  background: #F6F7F9; }
  .shop_mould6 .row {
    margin: 40px 0 0; }
  .shop_mould6 li {
    height: 126px;
    max-width: 220px; }
    .shop_mould6 li h5 {
      top: 45px;
      font-size: 20px; }
    .shop_mould6 li:not(:nth-child(4n)) {
      margin-right: 0; }
    .shop_mould6 li:not(:nth-child(5n)) {
      margin-right: 20px; }

.shop_mould7 {
  height: 355px;
  background-size: 100% auto; }
  .shop_mould7 .list1 li {
    padding: 0 20px; }
    .shop_mould7 .list1 li:nth-child(1) {
      padding-left: 40px !important; }

.shop_mould8 {
  padding-bottom: 65px; }
  .shop_mould8 .row {
    margin: 0; }
  .shop_mould8 .btn-more {
    margin-top: 0; }
  .shop_mould8 h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center; }
  .shop_mould8 li {
    margin-bottom: 20px; }

/*动画效果*/
.fadeIntop {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(50px); }

.fadeIntop.show {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: all 0.5s ease 0s; }

.call {
  background: url("../images/0625/icon-phone.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  width: 80px;
  height: 80px;
  position: fixed;
  right: 0;
  bottom: 100px;
  display: none;
  z-index: 2; }
  .call a {
    display: block;
    width: 100%;
    height: 100%; }

.n-fixBottom {
  display: none; }
  .n-fixBottom .p-list {
    width: 100%;
    height: 51px;
    line-height: 51px;
    position: fixed;
    bottom: 0;
    font-size: 13px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: 99; }
    .n-fixBottom .p-list .i-wrap {
      position: relative;
      background-color: #fff;
      z-index: 999;
      width: 100%; }
    .n-fixBottom .p-list li.item {
      width: 25%;
      position: relative; }
      .n-fixBottom .p-list li.item i {
        display: block;
        width: 15px;
        height: 14px;
        margin-right: 7px; }
      .n-fixBottom .p-list li.item .kefu {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      .n-fixBottom .p-list li.item .redDot {
        width: 15px;
        height: 15px;
        background: #fd0002;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 12px;
        position: absolute;
        top: 8px;
        left: 15px; }
      .n-fixBottom .p-list li.item:nth-child(1) i {
        background: url("../images/0625/icon-n1.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .n-fixBottom .p-list li.item:nth-child(2) i {
        background: url("../images/0625/wechat2.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .n-fixBottom .p-list li.item:nth-child(3) i {
        background: url("../images/0625/phone.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
      .n-fixBottom .p-list li.item:nth-child(4) i {
        background: url("../images/0625/icon-n4.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */ }
     .n-fixBottom .p-list li.item i.wx-icon {
        background: url("../images/0625/wechat2.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
     } */ }
     .n-fixBottom .p-list li.item i.phone-icon {
        background: url("../images/0625/phone.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
     } */ }
     .n-fixBottom .p-list li.item i.msg-icon {
        background: url("../images/0625/icon-n4.png") no-repeat;
        background-size: 100% 100%;
        /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
        /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
     } */ }
      .n-fixBottom .p-list li.item:not(:last-child)::after {
        content: '';
        display: block;
        width: 2px;
        height: 30px;
        background: #DDDDDD;
        position: absolute;
        right: 0;
        top: 19%;
        z-index: 999; }
    .n-fixBottom .p-list .list {
      position: absolute;
      width: 100%;
      background: #fff;
      bottom: 50px;
      transition: all .6s ease;
      transform: translateY(150%);
      left: -5%;
      right: -5%;
      margin: auto; }
      .n-fixBottom .p-list .list .c-item:not(:last-child) {
        border-bottom: 1px solid #DDDDDD; }
  .n-fixBottom a {
    color: #1C69F7; }

/* 小程序新页面20190703 */
.mini_bg {
  background: url("../images/0703/pc/bg.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  padding-top: 1.40rem;
  position: relative; }
  .mini_bg .section_one {
    width: 100%;
    position: relative; }
  .mini_bg .s_o_1 {
    width: 100%;
    height: 9.41rem;
    background: url("../images/0703/pc/-1.png") center no-repeat;
    background-size: cover; }
  .mini_bg .s_o_2 {
    width: 13.18rem;
    height: 7.77rem;
    background: url("../images/0703/pc/1.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 2.19rem; }
  .mini_bg .s_o_3 {
    width: 13.07rem;
    height: 7.82rem;
    background: url("../images/0703/pc/2.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 3.88rem; }
  .mini_bg .s_o_4 {
    width: 13.11rem;
    height: 7.88rem;
    background: url("../images/0703/pc/3.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 2.26rem; }
  .mini_bg .s_o_5 {
    width: 13.05rem;
    height: 7.90rem;
    background: url("../images/0703/pc/4.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 3.91rem; }
  .mini_bg .s_o_6 {
    width: 13.03rem;
    height: 7.78rem;
    background: url("../images/0703/pc/5.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 2.32rem; }
  .mini_bg .section_two {
    width: 100%;
    position: relative; }
  .mini_bg ._title {
    text-align: center;
    padding-top: 130px; }
  .mini_bg ._title_1 {
    font-size: 0.48rem;
    color: #1C1D20;
    font-weight: 600; }
  .mini_bg ._title_2 {
    font-size: 0.3rem;
    color: #AFB1B5;
    margin: 30px auto 20px; }
  .mini_bg .s_t_1 {
    width: 11.41rem;
    height: 5.24rem;
    background: url("../images/0703/pc/c1.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 2.86rem; }
  .mini_bg .s_t_2 {
    width: 10.55rem;
    height: 6.31rem;
    background: url("../images/0703/pc/c2.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 5.34rem; }
  .mini_bg .s_t_3 {
    width: 11.42rem;
    height: 6.01rem;
    background: url("../images/0703/pc/c3.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 2.86rem; }
  .mini_bg .s_t_4 {
    width: 10.56rem;
    height: 6.79rem;
    background: url("../images/0703/pc/c4.png") center no-repeat;
    background-size: contain;
    position: relative;
    left: 5.34rem; }
  .mini_bg .section_three {
    font-size: 0.48rem;
    color: #222528;
    margin: 90px auto;
    width: 10.67rem;
    box-shadow: 0px 0px 35px rgba(46, 135, 222, 0.1);
    border-radius: 25px;
    padding-bottom: 0.3rem;
    position: relative;
    padding-top: 2.8rem; }
    .mini_bg .section_three label {
      margin: 0;
      width: 2.6rem; }
    .mini_bg .section_three input {
      width: 5.2rem;
      border: none;
      border-bottom: 0.03rem solid #000000; }
    .mini_bg .section_three .group {
      margin: auto;
      padding: 0 1.4rem; }
    .mini_bg .section_three .title {
      width: 2.96rem;
      height: 2.32rem;
      background: url("../images/0703/pc/t1.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: -0.28rem; }
    .mini_bg .section_three .submit {
      width: 4.52rem;
      height: 1.17rem;
      background: url("../images/0703/pc/btn-submit.png") no-repeat;
      background-size: 100% 100%;
      /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
      /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
      margin: 1.28rem auto 0.6rem; }

/* 悬浮在线咨询 */
.fix-consult {
  width: 45px;
  height: 126px;
  background: url("../images/20190918/icon-zx.png") no-repeat;
  background-size: 100% 100%;
  /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
  /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
  position: fixed;
  right: 15px;
  top: 345px;
  z-index: 2;
  display: none; }
  .fix-consult .icon-close {
    width: 15px;
    height: 15px;
    background: url("../images/20190918/icon-close2.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    position: absolute;
    top: -7px;
    right: -7px; }

.fix-consolt-mask {
  display: none;
  /* input, select{
		width: 225px; height: 32px; background: rgba(245,246,248,1); border-radius: 26px; border: none; outline: medium; font-size: 12px; color: #666666;
		padding: 0 23px;
	} */ }
  .fix-consolt-mask .wrap {
    width: 286px;
    height: 377px;
    background: url("../images/20190918/bg.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .fix-consolt-mask .form {
    position: absolute;
    top: 167px;
    left: 28px; }
  .fix-consolt-mask .label {
    font-size: 12px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 4px; }
  .fix-consolt-mask select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative; }
  .fix-consolt-mask .group {
    width: 225px;
    height: 32px;
    background: #f5f6f8;
    border-radius: 26px;
    font-size: 12px;
    color: #666666;
    overflow: hidden;
    /* padding: 0 23px; */ }
  .fix-consolt-mask input {
    flex: 1;
    border: none;
    outline: medium;
    background: #f5f6f8;
    text-indent: 23px;
    /* padding-left: 23px; */ }
  .fix-consolt-mask .arrowDown::after {
    content: '';
    top: 58%; }
  .fix-consolt-mask button {
    font-size: 12px;
    color: #fff;
    width: 225px;
    height: 32px;
    background: #1c69f7;
    border-radius: 26px;
    border: none;
    margin-top: 34px; }
  .fix-consolt-mask .icon-close {
    width: 30px;
    height: 30px;
    background: url("../images/20190918/icon-close.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -45px;
    margin: auto; }
  .fix-consolt-mask .code {
    width: 82px;
    height: 32px; }

.fix-consolt-pc-mask {
  display: none;
  /* input, select{
		width: 349px; height: 39px; background: rgba(245,246,248,1); border-radius: 26px; font-size: 16px; color: #666666;
		padding: 0 23px;
	} */ }
  .fix-consolt-pc-mask .wrap {
    width: 481px;
    height: 526px;
    background: url("../images/20190918/wrap.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
  .fix-consolt-pc-mask .form {
    position: absolute;
    top: 256px;
    left: 53px; }
  .fix-consolt-pc-mask .label {
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 4px; }
  .fix-consolt-pc-mask .group {
    width: 349px;
    height: 39px;
    background: #f5f6f8;
    border-radius: 26px;
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    /* padding: 0 23px; */ }
  .fix-consolt-pc-mask input {
    flex: 1;
    border: none;
    outline: medium;
    background: #f5f6f8;
    text-indent: 23px;
    /* padding-left: 23px; */ }
  .fix-consolt-pc-mask .icon-close {
    width: 37px;
    height: 37px;
    background: url("../images/20190918/icon-close3.png") no-repeat;
    background-size: 100% 100%;
    /*background: url("../images/" + $url + "@2x.png") no-repeat; background-size: 100% 100%;*/
    /* @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
      background: url("../images/" + $url + "@3x.png") no-repeat; background-size: 100% 100%;
    } */
    display: block;
    position: absolute;
    top: 20px;
    right: -30px;
    margin: auto; }
  .fix-consolt-pc-mask button {
    font-size: 18px;
    color: #fff;
    width: 274px;
    height: 39px;
    background: #1c69f7;
    border-radius: 26px;
    border: none;
    margin: auto;
    margin-top: 34px;
    display: block; }
  .fix-consolt-pc-mask .code {
    width: 100px;
    height: 44px; }

/* 20200110 新增 */
.app-cover-pc {
  display: block;
  margin: 100px auto 0; }

.m-app-cover {
  display: none; }

.btn-more-blue {
  height: 45px;
  width: 180px;
  border-radius: 23px;
  color: #333333;
  font-size: 14px;
  line-height: 45px;
  font-weight: bold;
  position: relative;
  margin: 80px auto 0;
  cursor: pointer;
  background: #1C69F7;
  display: block;
  color: #fff; }
  .btn-more-blue span {
    transform: scale(0.9);
    display: block;
    position: absolute;
    right: 8px; }
  .btn-more-blue img {
    width: 41px;
    height: 22px;
    position: absolute;
    top: 25%;
    left: -10px; }
  .btn-more-blue:hover {
    color: #fff; }

.app-swiper-m {
  display: none; }

.app-swiper {
  display: block; }
  .app-swiper img {
    width: 304px;
    height: 617px;
    display: block;
    margin: auto; }
  .app-swiper .swiper-slide {
    text-align: center;
    background: #fff;
    transition: 300ms;
    transform: scale(0.7); }
  .app-swiper .swiper-slide-active, .app-swiper .swiper-slide-duplicate-active {
    transform: scale(1); }
  .app-swiper .name {
    font-size: 18px;
    color: #333333;
    margin: 15px auto 8px; }
  .app-swiper .more {
    font-size: 15rpx;
    width: 90px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #1c69f7;
    border-radius: 23px;
    color: #1c69f7;
    text-align: center;
    display: block;
    margin: auto; }
  .app-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #d5d5d5;
    border-radius: 50%; }
  .app-swiper .swiper-pagination-bullet-active {
    background: #1c69f7; }
  .app-swiper .swiper-pagination {
    position: relative;
    margin-top: 25px; }

.app-four .item {
  color: #999999;
  font-size: 14px;
  /* width:448px; */
  /* height:440px; */
  background: white;
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin: 0 auto 60px;
  text-align: center;
  padding: 33px 5px 23px;
  overflow: hidden; }
  .app-four .item h3 {
    color: #333333;
    font-size: 20px;
    margin: 30px auto 12px; }
  .app-four .item img {
    display: block;
    margin: auto;
    width: 110px; }

.app-partner .container {
  background-position-y: 0px; }

.app-partner .w_title2 {
  margin-bottom: 80px; }

.project-list .project-list-cover {
  margin: 60px auto 80px;
  display: block; }

.project-list .m-project-list-cover {
  display: none;
  width: 330px;
  /* display: block; */
  margin: 0 auto 24px; }

.project-list .btn-more {
  display: block;
  width: 205px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  background: #1c69f7;
  border-radius: 22px;
  color: #fff;
  font-size: 14px; }

.app-swiper-phone {
  max-width: 150px;
  height: 310px;
  margin: auto;
  pointer-events: none;
  padding: 0; }
  .app-swiper-phone img {
    width: 100%;
    height: 100%; }

.banner-pc {
  display: block; }

.banner-m {
  display: none; }

.banner-btn {
  display: block;
  width: 268px;
  height: 58px;
  background: white;
  border: 1px solid white;
  font-size: 24px;
  color: #1C69F7;
  border-radius: 29px;
  margin-top: 384px; }