@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; }

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; }

.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; }

/*轮播图点点点*/
.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 #3d91ff;
  padding: 80px 40px;
  max-width: 320px;
  background: #ffffff;
  font-size: 14px;
  color: #666666; }
  .s_intro_three li:hover {
    box-shadow: 0 3px 19px 0 #e1eeff; }

.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; }

.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 .menu .active{
  border-bottom: 2px solid #0151fe;
}
  .navbar-no-fixed .logo {
    background-image: url("../images/logo.png") !important; }

  .navbar-no-fixed .arrowDown::after {
    border: 2px solid #333333 !important;
    border-top: none !important;
    border-right: none !important;
    /*top: 39%;

            right: 5px;*/ }

.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;
  color: #fff;
  height: 60px; }
  .navbar-fixed-top .row {
    margin: 0; }
  .navbar-fixed-top img {
    width: 145px; }
  .navbar-fixed-top .logo {
    background: url("../images/logo_white.png") center no-repeat;
    display: inline-block;
    width: 146px;
    height: 40px; }

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

.row {
  width: 100%; }

.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; }
    .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:nth-child(3) {
      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: 52px;
  line-height: 52px; }
  .menu a {
    color: #ffffff; }
  .menu li {
    padding: 0 25px;
    position: relative; }
.menu .active{
  border-bottom: 2px solid #ffffff;
}

.menu li .new{
  position: absolute;
  width: 30px;
  top:10px;
}


    .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;
      /*overflow: hidden;*/
      transition: all .5s ease;
      opacity: 0;
      transform: translateY(30px);
      /*pointer-events: none;*/
      visibility: hidden;
      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:nth-child(3):hover {
    cursor: pointer; }
    .menu li:nth-child(3):hover .solution {
      visibility: visible;
      opacity: 1;
      transform: translateY(0px); }

.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 {
    top: 0;
    max-width: 700px;
    height: 100%;
    color: #ffffff;
    text-align: left;
    box-sizing: border-box;
    padding-top: 150px;
    padding-right: 200px;
    margin: auto;
  }
    .bannerTop .wrap > p:nth-child(1) {
      font-size: 36px;
      font-weight: bold;
      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: 0px;
  bottom: 50px;
  margin: auto;
  color: #fff;
  font-size: 12px;
  background: #1C69F7;
  width: 70px;
  text-align: center;
  box-sizing: border-box;
  z-index: 999;
  height: 70px; }
  .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 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%; }

.product {
  /*margin-top: 64px; overflow: hidden; padding: 65px 0; box-sizing: border-box;*/ }
  .product .s_intro_three {
    /*margin: 0 auto!important;*/
    max-width: 100%; }
    .product .s_intro_three li {
      max-width: 370px;
      margin-bottom:20px;
      border-radius: 20px;
    }
    .product .s_intro_three .icon {
      width: 100px;
      height: 100px; }
  .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 .icon_changjing {
  background: url("../images/icon_changjing.png") no-repeat;
  background-size: 100% 100%;
 }
.product .icon_chaoqun {
  background: url("../images/icon_chaoqun.png") no-repeat;
  background-size: 100% 100%;
}
.product .icon_duoqudao {
  background: url("../images/icon_duoqudao.png") no-repeat;
  background-size: 100% 100%;
}
.product .icon_liebian {
  background: url("../images/icon_liebian.png") no-repeat;
  background-size: 100% 100%;
}
.product .icon_siyu {
  background: url("../images/icon_siyu.png") no-repeat;
  background-size: 100% 100%;
}
.product .icon_zidonghua {
  background: url("../images/icon_zidonghua.png") no-repeat;
  background-size: 100% 100%;
}
  .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_solution .list, .solution_page .list {
  margin: auto -15px !important;
  width: 1210px !important;

}
.solution{
  background: url(../images/bg11.png) center no-repeat;background-size:cover
}

.solution .solution-menu {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  width:30%;
  float: left;
  height: 500px;
  overflow-y: auto;
}
.solution .solution-menu::-webkit-scrollbar {/*滚动条整体样式*/
  width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
  scrollbar-arrow-color:#eeeeee;

}
.solution .solution-menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.2);
  scrollbar-arrow-color:#ffffff;
}
.solution .solution-menu::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.4);
  border-radius: 0;
  background: rgba(255,255,255,0.2);
}
.solution-index-content{
  width: 100%;
  position: relative;
  display: flex;
}
.solution .solution-info
{
  width: 70%;


}
.solution .solution-content-img{
  text-align: center;padding: 20px
}
.solution .solution-content-img img{
  width: 80%;
}
.solution .solution-info .solution-spec
{
  display: none;
  height: 100%;
  border-radius: 0 10px 10px 0;
}
.solution .solution-info .solution-spec .solution-title
{
  padding: 30px;
  padding-top: 0px;
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.solution .solution-info .solution-spec .solution-desc
{
  font-size: 20px;
  padding-left: 30px;
  padding-right: 30px;
  color: #ffffff;
  margin-bottom: 30px;
  text-align: center;
}
.solution .solution-info .solution-spec .btn-more
{
  background-color: #ffffff;
}
.solution .solution-menu li {
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
  color: #333333;
  background: whitesmoke;
  margin-right: 5px;
  font-size: 18px;
  display: flex;
  cursor: pointer;
  transition: all .5s ease;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;

}
.solution .solution-menu li a {
  color: #333333;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
.solution .solution-menu li i {
  display: inline-block;
  margin-right: 5px;
  width: 22px;
  height: 22px; }
.solution .solution-menu li:nth-child(2) i {
  background: url("../images/icon-s1.png") no-repeat;
  background-size: 100% 100%;
 }
.solution .solution-menu li:nth-child(3) i {
  background: url("../images/icon-s2.png") no-repeat;
  background-size: 100% 100%;
 }
.solution .solution-menu li:nth-child(4) i {
  background: url("../images/icon-s3.png") no-repeat;
  background-size: 100% 100%;
 }
.solution .solution-menu li:nth-child(5) i {
  background: url("../images/icon-s4.png") no-repeat;
  background-size: 100% 100%;
 }
.solution .solution-menu li:nth-child(6) i {
  background: url("../images/icon-s5.png") no-repeat;
  background-size: 100% 100%;
}
.solution .solution-menu li.active, .solution .solution-menu li:hover {
  background: #1c69f7; }
.solution .solution-menu li.active a, .solution .solution-menu li:hover a {
  color: #ffffff; }
.solution .solution-menu li.active:nth-child(2) i, .solution .solution-menu li:hover:nth-child(2) i {
  background: url("../images/icon-s1-active.png") no-repeat;
  background-size: 100% 100%;
}
.solution .solution-menu li.active:nth-child(3) i, .solution .solution-menu li:hover:nth-child(3) i {
  background: url("../images/icon-s2-active.png") no-repeat;
  background-size: 100% 100%;
}
.solution .solution-menu li.active:nth-child(4) i, .solution .solution-menu li:hover:nth-child(4) i {
  background: url("../images/icon-s3-active.png") no-repeat;
  background-size: 100% 100%;
 }
.solution .solution-menu li.active:nth-child(5) i, .solution .solution-menu li:hover:nth-child(5) i {
  background: url("../images/icon-s4-active.png") no-repeat;
  background-size: 100% 100%;
}
.solution .solution-menu li.active:nth-child(6) i, .solution .solution-menu li:hover:nth-child(6) i {
  background: url("../images/icon-s5-active.png") no-repeat;
  background-size: 100% 100%;
}


.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{
  background-color: #F6FAFF;
}

.process ul {
  padding: 0;
  border: 0px 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: 16px;
    margin-bottom: 10px;
    position: relative; }
    .process-m .desc:not(:last-child)::before {
      content: '';
      display: block;
      width: 119px;
      height: 1px;
      background: #dddddd;
      position: absolute;
      left: -20px;
      bottom: -25px; }
    .process-m .desc:not(:last-child)::after {
      content: '';
      display: block;
      width: 119px;
      height: 1px;
      background: #dddddd;
      position: absolute;
      right: -20px;
      bottom: -25px; }

.partner {

}
  .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: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: #F6FAFF; }
  .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 .icon_core1 {
      background: url("../images/icon_core1.png") no-repeat;
      background-size: 100% 100%;
      }
.core li .icon_core2 {
  background: url("../images/icon_core2.png") no-repeat;
  background-size: 100% 100%;
}
.core li .icon_core3 {
  background: url("../images/icon_core3.png") no-repeat;
  background-size: 100% 100%;
}
.core li .icon_core4 {
   background: url("../images/icon_core4.png") no-repeat;
   background-size: 100% 100%;
 }
.core li .icon_core5 {
  background: url("../images/icon_core5.png") no-repeat;
  background-size: 100% 100%;
}
.core li .icon_core6 {
  background: url("../images/icon_core6.png") no-repeat;
  background-size: 100% 100%;
}
.core li .icon_core7 {
  background: url("../images/icon_core7.png") no-repeat;
  background-size: 100% 100%;
}
.core li .icon_core8 {
  background: url("../images/icon_core8.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; }

.contact {
  background: #F6FAFF; }
  .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: 20px;
    margin-top: 20px;
    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; }
      .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); }

/*代理商*/
.agent1 {
  background: #F6FAFF; }
  .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: #F6FAFF; }
  .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: #F6FAFF; }

/*解决方案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: #F6FAFF; }

.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: #F6FAFF;
  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: #F6FAFF; }
  .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: #F6FAFF;
  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: #F6FAFF; }

.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: #F6FAFF;
    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: #F6FAFF;
  /*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: #F6FAFF;
    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: #F6FAFF;
  /*img{

        max-width: 496px;

    }*/ }

.waimai4 {
  /*img{

        max-width: 534px;

    }*/ }
  .waimai4 .wrap {
    margin-left: 100px; }

.waimai5 {
  background: #F6FAFF;
  /*img{

        max-width: 534px;

    }*/ }

.waimai6 {
  /*img{

        max-width: 556px;

    }*/ }

.waimai7 {
  background: #F6FAFF;
  /*img{

        max-width: 530px;

    }*/ }

.waimai8 {
  /*img{

        max-width: 596px;

    }*/ }
  .waimai8 .wrap {
    margin-left: 90px; }

.waimai9 {
  background: #F6FAFF;
  /*img{

        max-width: 596px;

    }*/ }

.waimai10 {
  /*img{

        max-width: 444px;

    }*/ }
  .waimai10 .wrap {
    margin-left: 128px; }

.waimai11 {
  background: #F6FAFF; }
  .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: #F6FAFF; }

.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 .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 .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: #F6FAFF; }
  .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: #F6FAFF;
  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: #F6FAFF;
  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: #F6FAFF; }

.shop_mould6 {
  background: #F6FAFF; }
  .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; }

.li_downmenu
{
}

.li_downmenu ul
{
    /*background-color:#ffffff;  */
    /*display:none;*/
    /*color:#000;*/
    /*position:absolute;*/
    /*width:200px;*/
    /*z-index: 1000;*/
}

.compair-header
{
  background-color: #e2e2e2;
  width: 100%;
  height:50px;
}
.compair-col20{
  width: 10%;
}
.compair-col40{
  width: 45%;
}
.compair-col
{
  text-align: center;
  float: left;
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
}
.compair-item
{
  width: 100%;
  float: left;
  border-bottom: 1px solid #ebebeb;
  margin-top:1px;
}

.compair-item-left
{
  background-color: #2a71ef;
  text-align: center;
  color: #ffffff;
  float: left;
  font-size: 18px;
  line-height: 60px;
  font-weight: bold;
}
.compair-item-col
{
  text-align: left;
  float: left;
  font-size: 15px;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
}

.choice {
  background-color: #2375f1;
}
.choice .container {
  background: url("../images/index_bottom.jpg") no-repeat;
  background-size: 100% 100%;
  height: 400px;
  text-align: center;
}
.choice .container .choice-title
{
  padding: 30px;
  padding-top: 100px;
  font-size: 40px;
  font-weight: bold;
  color: #ffffff;
}
.choice .container .choice-desc
{
  font-size: 20px;
  padding-left: 30px;
  padding-right: 30px;
  color: #ffffff;
  padding-bottom: 30px;
}
.choice .container .choice-btn
{
  width:150px;
  padding: 10px;
  border-radius: 20px;
  font-size: 20px;
  background-color: #fff;
  color: #2a71ef;
  margin: auto;
}
.data-safe
{
  text-align: center;
  width: 100%;
}

.contact li {
  text-align: center;
  margin-bottom: 40px; }
.contact li p {
  color: #666666;
  font-size: 14px; }
.contact li i {
  display: block;
  margin: auto;
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
}

.contact li .icon_contact1 {
  background: url("../images/contact/icon_contact1.png") no-repeat;
  background-size: 100% 100%;
}
.contact li .icon_contact2 {
  background: url("../images/contact/icon_contact2.png") no-repeat;
  background-size: 100% 100%;
}
.contact li .icon_contact3 {
  background: url("../images/contact/icon_contact3.png") no-repeat;
  background-size: 100% 100%;
}
.contact li .icon_contact4 {
  background: url("../images/contact/icon_contact4.png") no-repeat;
  background-size: 100% 100%;
}
.contact li .icon_contact5 {
  background: url("../images/contact/icon_contact5.png") no-repeat;
  background-size: 100% 100%;
}
.contact li .icon_contact6 {
  background: url("../images/contact/icon_contact6.png") no-repeat;
  background-size: 100% 100%;
}
.contact li .icon_contact7 {
  background: url("../images/contact/icon_contact7.png") no-repeat;
  background-size: 100% 100%;
}
.contact li .icon_contact8 {
  background: url("../images/contact/icon_contact8.png") no-repeat;
  background-size: 100% 100%;
}

.contact .icon_contact_11 {
  background: url("../images/contact/icon_contact_11.png") no-repeat;
  background-size: 100% 100%;
}
.contact .icon_contact_12 {
  background: url("../images/contact/icon_contact_12.png") no-repeat;
  background-size: 100% 100%;
}
.contact .icon_contact_13 {
  background: url("../images/contact/icon_contact_13.png") no-repeat;
  background-size: 100% 100%;
}
.contact-list
{
   border:1px solid #b2b2b2;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.contact-list i{
  display: block;
  margin: auto;
  width: 60px;
  height: 60px;
  float: left;
  margin: 30px;
}

.contact-item
{
  margin-top: 20px;
  float: left;
}
.contact-item .i_title
{
  margin-bottom: 30px;
}

.scene-info
{

}
.scene-info .scene-spec
{
  display: none;
}

.scene-desc
{
  float: left;
  width: 60%;
  padding: 30px;
  padding-top: 100px;
}

.scene-pic{
  width: 40%;
  float: right;

}
.scene-pic img{
  width: 100%;
  padding:20px;
}
.solution-detail
{
  font-size: 14px;
  padding: 20px 0 30px;
  background: #F6FAFF;
  overflow: hidden;
}
.solution-desc-left
{
  float: left;
  width: 60%;
  padding: 30px;
  padding-top: 100px;
}
.solution-desc-left b{
  font-size: 20px;
}
.solution-desc-right
{
  float: right;
  width: 60%;
  padding: 30px;
  padding-top: 100px;
}
.solution-desc-right b{
  font-size: 20px;
}
.solution-pic-right
{
  width: 40%;
  float: right;
  text-align: right;
}

.solution-pic-left
{
  width: 40%;
  float: left;
  text-align: left;
}
.solution-pic-right img
{
  width: 100%;
}
.solution-pic-left img
{
  width: 100%;
}
#solution_menu{
  display: none;
  background-color: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 300px;
}

#solution_menu li{
  color: #000;
}
#solution_menu li:hover{
  background-color: #0151fe;
  color: #fff;
}

#solution_menu_m{
  display: none;
  margin-left:20px;
  font-size:14px;
  background-color: #EEEEEE;
  margin-top: 10px;
  border-radius: 4px;
}
#solution_menu_m li{
  color: #666666;
  padding:5px ;
  padding-left: 15px;
}
#solution_menu_m li:hover{
  background-color: #0151fe;
  color: #fff;
}
.solution-content
{
  width: 100%;
  float: left;
  padding:20px;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
}
.swiper-slide-content{
  position: absolute;
  top:150px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;

}
.swiper-slide-content img{
  width: 180px;
  height: 80px;
}
.swiper-slide-content-text{
  max-width: 800px;
  text-align: left;
  margin: auto;
  padding-right: 200px;

}
.swiper-slide-content-m
{
  top:50px;
  min-width: 480px;
  transform: scale(0.7);
  text-align: left;
  left:-50px;

}
.solution .englistTitle{
  color: #fff;
}
.solution .w-title h1.i_title{
  color: #ddd;
}