@charset "UTF-8";
/* CSS Document */

/*官网响应式
**20160726
**added by dongyg
*/
@media screen and (max-width:1100px){
  body{ overflow-x:hidden; overflow-y:auto;}
  .inner{ width:auto; padding:0 10px;}

  /*八大场景解决方案*/
  .funcs-scence3 {width:1070px;}

  /*一站式场景互动服务平台*/
  .funcs-list1 li .con{ width:210px;}
  .funcs-list1 li .line{ width:230px;}

  /*深度定制，想你所想*/
  .cases-list1 li .pics{ width:300px; height:212px;}
  .cases-list1 li .pics img{ width:300px; height:212px;}
  .cases-contact{ bottom:auto; padding:20px 30px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3);}

  /*会务推荐*/
  .cases-list2 .swiper-container{ width:100%;}
  .cases-list2 .item1 a{ width:300px;}
  .cases-list2 .item1 span.pic,
  .cases-list2 .item1 img{ width:300px; height:206px;}

  /*案例展示*/
  .cases-list3 li a{ width:300px;}
  .cases-list3 li img{ width:300px; height:194px;}

  /*钉钉部署页面*/
  .content-dingding{ padding-right:20px;}

  /*底部备案信息*/
  .logobottom{margin-right: 140px}
  .menu2-phone .btn-qqservice .p-code{
    left: -20px;
  }
}

@media screen and (max-width:1024px){
  /*导航*/
  .nav-list li:nth-child(5){ display:none;}
  .inner2{ width:auto; padding:0 10px;}

  /*footer*/
  .menu2-list{ float:none; display:block; width:auto; height:auto; border:none; padding:0 20px;}
  .menu2-list li{ padding:0; width:20%;}
  .menu2-phone{ float:none; display:block; clear:both; text-align:left; padding:0 20px;}
  .menu2-phone .btn-qqservice .p-code{
    left: -10px;
  }
  .menu2 .inner2{ width:auto;}
  .logobottom{ margin-left:20px;}
  .copyright{ margin-right:20px;}

  /*趣泡泡酒吧版*/
  .web-bar-intro{
    padding-left: 450px;
    margin-bottom: 30px;
  }
  .web-bar-intro .pic{
    width: 400px;
    margin-left: -450px;
  }
  .web-bar-intro .info2{
    font-size: 20px;
    padding: 20px 0 40px;
  }
  .web-bar-intro .info3{
    font-size: 16px;
    line-height: 30px;
  }
  .web-bar-tags .con{
    height: 140px;
    font-size: 16px;
    line-height: 30px;
    padding-top: 20px;
  }
  .web-bar-tags .item-hudong .con{
    padding-top: 35px;
    height: 125px;
  }

  /*八大场景解决方案*/
  .funcs-scence3 {width:100%;}

  /*商城首页--套餐*/
  .mall-meals li.step1 .box a,
  .mall-meals li .box a,
  .mall-meals2 li .box a,
  .mall-meals li.more .box a{ font-size:14px;}
  .mall-meals li .price,
  .mall-meals2 li .price{ font-size:26px;}
  .mall-meals li .price-prev,
  .mall-meals2 li .price-prev{ font-size:14px; padding:0 0 10px;}

  /*商城首页--现场支持*/
  .live{ padding-top:15px;}
  .live-tabs{ margin-top:-20px;}

}

@media screen and (max-width:960px){
  /*导航*/
  .nav-list li a{ padding:0 10px;}
  .logged{ display:none;}
  /*一站式场景互动服务平台*/
  .funcs-list1 li .line{ width:100%;}

  /*微信小程序*/
  .web-wxapp .pic{
    width: 25%;
  }
  .web-wxapp .con{
    padding-top: 30px;
    line-height: 1.5;
  }
  .web-wxapp .info1{
    font-size: 22px;
  }
  .web-wxapp .info2{
    font-size: 18px;
  }
  .web-wxapp .info3{
    font-size: 16px;
  }
  /*趣泡泡酒吧版*/
  .web-bar .con{
    padding-top: 0;
  }
  .web-bar .info3-pic img{
    margin-bottom: 10px;
  }
  .web-bar .info4{
    font-size: 16px;
  }
  .web-bar .btn-wxapp{
    margin-top: 15px;
  }

  /*深度定制，想你所想*/
  .cases-list1 li{ width:50%;}

  /*八大场景解决方案*/
  .funcs-scence3 .content .item li {width: 50%;}

  /*会务推荐*/
  .cases-list2 .item1 a{ width:280px;}
  .cases-list2 .item1 span.pic,
  .cases-list2 .item1 img{ width:280px; height:193px;}

  /*案例展示*/
  .cases-list3 li{ width:50%;}

  /*相关报道*/
  .news-list1 li{ padding:0 0 40px 315px;}
  .news-list1 li .pic{ width:298px; height:201px; line-height:200px; margin-left:-315px;}
  .news-list1 li .txt{ font-size:14px; line-height:24px; height:96px;}
  .news-list1 li h3{ font-size:16px; line-height:24px;}

  /*独家代理*/
  .agency-alone li a{ height: 50px; line-height: 50px; font-size: 20px;}

  /*首页--他们也在用*/
  .logoes-list1 li img{ width:90%;}

  /*商城首页--套餐*/
  .mall-meals li .box{ padding:23px 25px 0;}



}


@media screen and (max-width:885px){
  /*导航*/
  .logged, .nav-login{ display:none;}
  .nav-list li.years2017{ padding:0 10px;}
  /*banner*/
  .pc-banner{ display:none;}
  .banner-wrap{ display:block;}

  /*一站式场景互动服务平台*/
  .funcs-list1 li .con{ width:180px;}

  /*会务推荐*/
  .cases-list2 .swiper-container,
  .cases-list2 .swiper-slide{ height:auto; padding:0 0 20px;}
  .cases-list2 .item1 a{ width:auto; margin:0 10px;}
  .cases-list2 .item1 span.pic,
  .cases-list2 .item1 img{ width:100%; height:auto; position:static;}
  .cases-list2 .item1 a:hover img{ -webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  .cases-list2 .item1 span.title{ font-size:14px; line-height:22px; height:66px;}

  /*联系我们*/
  .locationbox{ display:block; width:100%; float:none; padding:0 0 20px;}
  .sendus{ display:block; float:none;}

  /*商城首页--banner*/
  .banner-mall .btn-buy{ margin-left:-80px; top:200px;}

  /*钉钉部署页面*/
  .content-dingding{ padding-left:120px; margin-top:-50px;}
  /*商城首页--套餐*/
  .mall-meals li.step1 .box a,
  .mall-meals li.more .box a{ font-size:12px;}

}

@media screen and (max-width: 896px){
  .copyright{display: none;}
}
@media screen and (max-width:768px){
  /*导航*/
  .wrap{
    padding-top: 45px;
  }
  .header{ height: 45px; }
  .logo{ height: 45px; -moz-background-size: auto 35px; background-size: auto 35px; margin-left:0px;}
  .logo a{ height: 45px; }
  .btn-menu{ display:block; width:45px; height:45px; text-align:center; background:none; border:none; position:relative; cursor:pointer;}
  .btn-menu span{ display:block; width:26px; height:4px; background:#000; -webkit-transition:all .35s cubic-bezier(0,.5,.5,1.6); -moz-transition:all .35s cubic-bezier(0,.5,.5,1.6); transition:all .35s cubic-bezier(0,.5,.5,1.6); position: absolute; left:50%; margin-left:-13px;}
  .btn-menu span:nth-child(1){ top: 14px; }
  .btn-menu span:nth-child(2){ top: 22px; }
  .btn-menu span:nth-child(3){ top: 30px; }
  .btn-menu.curr span:nth-child(1){ margin-top:8px; margin-left: -15px; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
  .btn-menu.curr span:nth-child(3){ margin-top:-7px; margin-left: -15px; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
  .btn-menu.curr span:nth-child(2){ -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
  .logged{ display:;}
  .nav-list ul{ display: none; position:absolute; top:100%; right:0px; width:auto; height:auto; padding:0;}

  .nav-list li{ float:none; height:auto; background:#fff; border-top:1px solid rgba(0,0,0,0.4); margin:0;}
  .nav-list li:nth-child(2),
  .nav-list li:nth-child(5){ display:none;}
 .nav-list li.hideLi{display: block;}
  .nav-list li.cooperate > a{ display:none;}
  .nav-list li.cooperate{ border:none;}
  .nav-list li.cooperate .subnav{ position:static; display:block;}
  .nav-list li .subnav li a{ height:34px; line-height:34px; padding:5px 15px; text-align:left; border:none;}
  .nav-list li .subnav li.border,
  .nav-list li .subnav li.border a{ border-bottom:none;}
  .nav-list li > a{ display:block; min-width:80px; font-size:14px; padding:5px 15px;}
  .nav-list li > a{ height:34px; line-height:34px;}
  .nav-list > ul > li.shadow > a,
  .nav-list > ul > li.curr > a,
  .nav-list > ul > li > a:hover,
  .nav-list > ul > li:hover > a{ height:34px; line-height:34px;}
  .nav-list li .subnav li a{ height:30px; line-height:30px; font-size:12px; padding:5px 15px; text-align:left; border:none;}
  .nav-list li .subnav li.border,
  .nav-list li .subnav li.border a{ border-bottom:none;}
  .nav-list li.years2017 a{ width:102px; height:34px; -moz-background-size:100% auto; background-size:100% auto; background-position:center center; margin:7px auto 8px;}
  .icon-hot2{ top:0px; right:5px;}
  .nav-login{ display:none; padding-top:18px;}
  .logged{ display:none; height:42px; padding:18px 0 0;}
  .iconlevel{ display:none;}

  /*宣传视频*/
  .pop-video-box .btn-close{ width:25px; height:25px; -moz-background-size:100% auto; background-size:100% auto;}
  /*直播浮层*/
  .pop-zhibo{top:70px;}
  /*首页--banner*/
  .banner-wrap,
  .banner-wrap .swiper-container,
  .banner-wrap .swiper-wrapper,
  .banner-list li{ height:300px;}
  .banner-img{ width:1255px; height:300px; margin-left:-627px;}
  .banner-img img{ height:300px;}
  #navi{ bottom:10px;}
  #navi a, #navi span{ width:8px; height:8px; margin:0 4px;}

  .with-img{ height:310px;}
  .with-word h2, .with-word2 h2, .with-word3 h2{ font-size:20px; padding:10px 0;}
  .with-word p{ font-size:14px;}

  /*一站式场景互动服务平台*/
  .funcs-list1 li .con{ min-width:130px; width:auto; margin:0 10px;}

  /*微信小程序*/
  .web-wxapp .pic img{
    -moz-border-radius: 15px;
         border-radius: 15px;
  }
  .web-wxapp .con{
    padding-top: 30px;
    line-height: 1.5;
  }
  .web-wxapp .info1{
    font-size: 18px;
  }
  .web-wxapp .info2{
    font-size: 16px;
  }
  .web-wxapp .info3, .web-bar .info4{
    font-size: 14px;
  }
  .web-wxapp .btn-wxapp{
    margin-top: 30px;
  }
  /*趣泡泡酒吧版*/
  .web-bar .con{
    padding-top: 0px;
  }
  .web-bar .btn-wxapp{
    margin-top: 15px;
  }

  /*相关报道*/
  .news-list1 li{ padding:0 0 20px 224px;}
  .news-list1 li .pic{ width:207px; height:140px; line-height:140px; margin-left:-224px;}
  .news-list1 li .pic img{ max-width:90%; max-height:90%;}
  .news-list1 li .txt{ font-size:14px; line-height:24px; height:96px;}
  .news-list1 li h3{ font-size:16px; line-height:24px;}
  .news-list1 li .con{ padding:5px 0 0;}

  /*合作伙伴*/
  .logoes-list1 li{ margin-bottom:10px;}

  /*footer*/
  .menu2{ position:relative;}
  .menu2-list li{ width:33.33%; margin-bottom:15px;}
  .menu2-phone{ width:auto; padding:0; }
  .menu2-phone h3{ font-size:18px;}
  .menu2-phone p{ font-size:12px; line-height:30px; padding:0;}
  .logo-sun{ display:none;}
  a.btn-online,
  .tips-shang{ display:none;}
  .logo-sup{ margin-right:7px;}

  /*商城首页--套餐*/
  .nav-mall li{ width:auto;}
  .nav-mall li a{ white-space:nowrap;}
  .mall-meals li .con,
  .mall-meals2 li .con{ -moz-border-radius:0px; border-radius:0px; margin:0 10px;}
  .mall-meals li h4,
  .mall-meals2 li h4{ height:40px; line-height:40px; font-size:20px;}
  .mall-meals li .box{ padding:15px 15px 0;}
  .mall-meals li .price,
  .mall-meals2 li .price{ padding:10px 0 0;}
  .mall-meals li .btn-buy,
  .mall-meals2 li .btn-buy{ height:40px; line-height:40px; font-size:16px; margin:0 30px;}

  /*商城首页--应用*/
  .funcs-list3 li{ width:33.33%;}
  .funcs-list3 li .name{ font-size:14px;}
  .funcs-list3 li .price{ font-size:14px;}

  /*商城首页--现场支持*/
  .live-con{ padding-left:43%; width:auto; height:auto; -moz-background-size:35% auto; background-size:35% auto;}
  .live-con .text{ padding:0 0 20px; height:auto;}

  /*钉钉部署页面*/
  .content-dingding{ padding-left:100px; margin-top:-30px;}
  .content-dingding h3{ font-size:16px; line-height:24px;}
  .content-dingding p{ font-size:14px; line-height:22px;}

    .copyright{display: none;}

}

@media screen and (max-width:715px){

  /*八大场景互动解决方案*/
  .funcs-scence{ height:380px;}
  .funcs-scence > ul > li{ height:auto; padding:0 0 40px;}
  .funcs-scence > ul > li .pic{ width:100%; height:auto; margin:0 0 15px;}
  .funcs-scence > ul > li .pic img{ width:100%; height:auto;}
  .funcs-scence > ul > li .title{ top:10px; bottom:10px; right:-7px;}
  .funcs-list2 li{ vertical-align:top; padding:0 10px;}
  .funcs-list2 li .name{  font-size:14px; line-height:24px;}
  .funcs-scence.swiper-container-horizontal>.swiper-pagination{ bottom:20px;}

  /*独家代理*/
  .agency-alone li a{ font-size: 18px;}
  .agency-alone li a.item-shandong{ margin-right: 10px; }
  .agency-alone li a.item-guangxi{ margin: 0 5px; }
  .agency-alone li a.item-other{ margin-left: 10px; }

  /*footer*/
  .footer{ height:auto;}
  .copyright{ display:none;}

  /*商城首页--套餐*/
  .mall-meals li .con{ -moz-border-radius:0px; border-radius:0px; margin:0 5px;}
  .mall-meals li .price,
  .mall-meals2 li .price{ font-size:20px;}
  .mall-meals li .price span,
  .mall-meals2 li .price span{ font-size:14px;}
  .mall-meals li .price-prev,
  .mall-meals2 li .price-prev{ font-size:14px;}

  .link-en ul{margin-right: 0 }
}

@media screen and (max-width:641px){
  .web-column .title1{ line-height:normal; padding:30px 0;}

  /*八大场景互动解决方案*/
  .funcs-list2 li{ width:40px; padding:0 2px; vertical-align:top;}
  .funcs-list2 li .aicon{ -webkit-transform:translateX(-15%) scale3d(0.7,0.7,0.7);}
  .funcs-list2 li .name{ margin:-10px -5px 0; padding:0 5px; font-size:12px; line-height:18px;}
  .funcs-scence3 .navs li{ font-size: 14px;}
  .funcs-scence3 .content .item li a >div {padding: 0 5px;}
  .funcs-scence3 .content .item li a >div img{width: 100%;height: auto;}
  .funcs-scence3 .content .item li a{width: 100%;}

  /*深度定制，想你所想*/
  .cases-list1 li .pics{ margin:0 5px; width:auto; height:auto;}
  .cases-list1 li .pics img{ width:100%; height:auto;}
  .cases-list1 li .title{ height:30px; line-height:30px; font-size:14px;}
  .cases-list1 li .swiper-pagination{ bottom:8px; left:5px;}

  /*案例展示*/
  .cases-list3 li a{ width:auto; margin:0 5px;}
  .cases-list3 li img{ width:100%; height:auto;}

  /*相关报道*/
  .news-list1 li h3{ height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

  /*联系我们*/
  .locationbox p{ font-size:12px; line-height:20px;}

  /*商城首页--banner*/
  .banner-mall{ height:200px; -moz-background-size:auto 100%; background-size:auto 100%;}
  .banner-mall .btn-buy{ margin-left:-53px; top:155px;}


  /*商城首页--套餐*/
  .mall-meals{ padding-bottom:20px;}
  .mall-meals li,
  .mall-meals2 li{ width:100%; margin-bottom:10px;}
  .mall-meals li .con,
  .mall-meals2 li .con{ margin:0 20px;}
  .mall-meals .swiper-button-prev,
  .mall-meals2 > .swiper-button-prev{ display:block; width:10px; height:16px; background:url(../images/website/arrow5.png) left top no-repeat; opacity:1; visibility:inherit; left:0;}
  .mall-meals .swiper-button-next,
  .mall-meals2 > .swiper-button-next{ display:block; width:10px; height:16px; background:url(../images/website/arrow5.png) right top no-repeat; opacity:1; visibility:inherit; right:0;}
  .mall-meals2 li .swiper-button-prev,
  .mall-meals2 li .swiper-button-next{ display:none; visibility:hidden; opacity:0;}
  .mall-meals2 li .swiper-pagination{ width:auto; height:auto; left:auto; right:10px; top:50%; bottom:auto; margin-top:10px;}
  .mall-meals2 li .swiper-pagination span.swiper-pagination-bullet{ margin:5px 0;}
  .mall-meals2 li .swiper-pagination span.swiper-pagination-bullet-active{ background:#13c1ab;}

}

@media screen and (max-width:590px){
  /*导航*/
  .logo{ width:120px;}
  .logged > a{ padding:0;}

  .web-column .title1{ font-size:20px; padding-bottom:15px;}
  .web-column .title1 a{ display:block; margin:0 auto;}

  /*一站式场景互动服务平台*/
  .funcs-list1 li{ width:50%;}
  .funcs-list1 li .con{ min-width:130px; width:auto; margin:0 10px;}

  /*微信小程序*/
  .web-wxapp .pic{
    width: 30%;
  }
  .web-wxapp .con{
    width: 63%;
    padding-top: 10px;
    line-height: 1.5;
  }
  .web-wxapp .info1{
    font-size: 16px;
  }
  .web-wxapp .info2{
    font-size: 14px;
    padding: 10px 0 5px;
  }
  .web-wxapp .info3{
    font-size: 12px;
  }
  .web-wxapp .btn-wxapp{
    margin-top: 15px;
    width: 120px;
    height: 40px;
    line-height: 40px;
  }

  /*八大场景*/
  .funcs-scence{ height:340px;}

  /*会务推荐*/
  .cases-list2 .swiper-container,
  .cases-list2 .swiper-slide{ padding:0 0 10px;}
  .cases-list2 .item1{ padding:15px 0 0;}
  .cases-list2 .item1 a{ margin:0 5px;}
  .cases-list2 .item1 span.title{ font-size:12px; line-height:18px; height:54px;}
  .cases-list2 .swiper-pagination span,
  .cases-list2 .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ font-size:15px;}

  /*独家代理*/
  .agency-alone li a{ font-size: 16px;}

  /*footer*/
  .sendus > p{ margin-bottom:10px;}
  .sendus > p input{ width:100%;}
  .sendus > p{ padding:0 10px;}
  .sendus > p input{ margin:0 -10px;}
  .sendus{ float:none; display:block; width:auto;}
  .senttxt2{ width:100%; margin:0 -10px;}

  /*footer*/
  .support-logo{ padding-top:14px;}
  .logobottom .logo{ width:100px; -moz-background-size:100% auto; background-size:100% auto; background-position:left top;}
  .logo-sup{ height:20px; -moz-background-size:auto 20px; background-size:auto 20px; margin-right:2px;}
  .logo-g{ width:19px;}
  .logo-h{ width:17px; background-position:-22px 0;}
  .logo-s{ width:82px; background-position:-41px 0;}
  .logo-qq-yun{ width:47px; -moz-background-size:80px auto; background-size:80px auto; background-position:right 0px;}

  /*商城首页--现场支持*/
  .column-top{ margin-bottom:25px;}
  .column-top h3{ font-size:20px; line-height:35px;}
  .column-top p{ font-size:12px; line-height:20px;}
  .live-tabs{ width:auto; height:32px; border:none; text-align:center; margin:-10px auto 15px;}
  .live-tabs li{ float:none; display:inline-block; width:auto; height:30px; line-height:30px; border-top:1px solid #32b16c; border-bottom:1px solid #32b16c; font-size:14px; padding:0 15px; margin:0 -2px;}
  .live-tabs li:first-child{ border-left:1px solid #32b16c;}
  .live-con{ width:auto; height:auto; padding-left:40%; -moz-background-size:auto 100%; background-size:auto 100%;}
  .live-con p{ font-size:12px; line-height:20px; padding-bottom:5px;}
  .live-con p.price,
  .live-con p.price2{ font-size:16px; padding:0 0 10px;}
  .live-con .btn-buy{ width:110px; height:30px; line-height:30px; font-size:14px;}

}

@media screen and (max-width:525px){
  /*商城首页--现场支持*/
  .live-con{ -moz-background-size:auto 82%; background-size:auto 82%;}

  /*钉钉部署页面*/
  .content-dingding{ padding-left:80px; margin-top:-30px;}

  /*八大场景*/
  .funcs-scence3 .navList{padding: 0 25px;}
  .funcs-scence3 .navList li{margin-right: 0px;border:none;}
  @-moz-keyframes moveLeft1 {
    0%{-moz-transform: translateX(0px);transform: translateX(0px);-webkit-transform: translateX(0px);}
    100%{-moz-transform: translateX(-525px);transform: translateX(-525px);-webkit-transform: translateX(-525px);}
  }
  @keyframes moveLeft1 {
    0%{-moz-transform: translateX(0px);transform: translateX(0px);-webkit-transform: translateX(0px);}
    100%{-moz-transform: translateX(-525px);transform: translateX(-525px);-webkit-transform: translateX(-525px);}
  }
  @-webkit-keyframes moveLeft1 {
    0%{transform: translateX(0px);-webkit-transform: translateX(0px);}
    100%{transform: translateX(-525px);-webkit-transform: translateX(-525px);}
  }
  @-moz-keyframes moveLeft2 {
    0%{-moz-transform: translateX(525px);transform: translateX(525px);-webkit-transform: translateX(525px);opacity: 1}
    100%{-moz-transform: translateX(0px);transform: translateX(0px);-webkit-transform: translateX(0px);opacity: 1}
  }
  @keyframes moveLeft2 {
    0%{-moz-transform: translateX(525px);transform: translateX(525px);-webkit-transform: translateX(525px);opacity: 1}
    100%{-moz-transform: translateX(0px);transform: translateX(0px);-webkit-transform: translateX(0px);opacity: 1}
  }
  @-webkit-keyframes moveLeft2 {
    0%{transform: translateX(525px);-webkit-transform: translateX(525px);opacity: 1}
    100%{transform: translateX(0px);-webkit-transform: translateX(0px);opacity: 1}
  }
  @-moz-keyframes moveRight1 {
    0%{-moz-transform: translateX(0);transform: translateX(0);-webkit-transform: translateX(0px);}
    100%{-moz-transform: translateX(525px);transform: translateX(525px);-webkit-transform: translateX(525px);}
  }
  @keyframes moveRight1 {
    0%{-moz-transform: translateX(0);transform: translateX(0);-webkit-transform: translateX(0px);}
    100%{-moz-transform: translateX(525px);transform: translateX(525px);-webkit-transform: translateX(525px);}
  }
  @-webkit-keyframes moveRight1 {
    0%{transform: translateX(0);-webkit-transform: translateX(0px);}
    100%{transform: translateX(525px);-webkit-transform: translateX(525px);}
  }
  @-moz-keyframes moveRight2 {
    0%{-moz-transform: translateX(-525px);transform: translateX(-525px);-webkit-transform: translateX(-525px);opacity: 1}
    100%{-moz-transform: translateX(0px);transform: translateX(0px);-webkit-transform: translateX(0px);opacity: 1}
  }
  @keyframes moveRight2 {
    0%{-moz-transform: translateX(-525px);transform: translateX(-525px);-webkit-transform: translateX(-525px);opacity: 1}
    100%{-moz-transform: translateX(0px);transform: translateX(0px);-webkit-transform: translateX(0px);opacity: 1}
  }
  @-webkit-keyframes moveRight2 {
    0%{transform: translateX(-525px);-webkit-transform: translateX(-525px);opacity: 1}
    100%{transform: translateX(0px);-webkit-transform: translateX(0px);opacity: 1}
  }

  /*独家代理*/
  .agency-alone li a{ font-size: 14px;}
}

@media screen and (max-width:480px){
  .link-en ul li{ margin-left: 10px;}
  /*首页--banner*/
  .banner-wrap,
  .banner-wrap .swiper-container,
  .banner-wrap .swiper-wrapper,
  .banner-list li{ height:145px;}
  .banner-img{ width:607px; height:145px; margin-left:-304px;}
  .banner-img img{ height:145px;}

  /*一站式场景*/
  .funcs-list1 li{
    padding-bottom: 20px;
  }
  .funcs-list1 li .icon-sign,
  .funcs-list1 li .icon-checkin,
  .funcs-list1 li .icon-hudong,
  .funcs-list1 li .icon-collect{
    -webkit-transform: scale3d(.8,.8,.8);
    -moz-transform: scale3d(.8,.8,.8);
    transform: scale3d(.8,.8,.8);
  }
  .funcs-list1 li .con{
    height: 310px;
  }
  .funcs-list1 li h3{
    font-size: 16px;
    line-height: 26px;
  }
  .funcs-list1 li .line{
    margin-bottom: 10px;
  }
  .funcs-list1 li p{
    font-size: 14px;
    line-height: 24px;
  }

  /*微信小程序*/
  .web-wxapp .con{
    width: 63%;
    padding-top: 00px;
    line-height: 1.5;
  }
  .web-wxapp .info1{
    font-size: 14px;
  }
  .web-wxapp .info2{
    font-size: 12px;
  }
  .web-wxapp .info3, .web-bar .info4{
    font-size: 12px;
  }
  .web-wxapp .btn-wxapp{
    margin-top: 15px;
  }
  /*趣泡泡酒吧版*/
  .web-bar .con{
    padding-top: 0px;
  }
  .web-bar .btn-wxapp{
    margin-top: 15px;
  }

  /*八大场景*/
  .funcs-scence{ height:320px;}

  /*独家代理*/
  .agency-alone li{ float: none; width: 90%; margin: 0 auto 10px; }
  .agency-alone li a.item-shandong,
  .agency-alone li a.item-guangxi,
  .agency-alone li a.item-other{ margin: 0; }

  /*footer*/
  .menu2{ padding:20px 0 40px;}
  .menu2-list li{ width:50%;}
  .menu2-list{ margin:0 15px; padding:0;}
  .menu2-list li h3{ font-size:16px; height:28px;}
  .menu2-list li p,  .menu2-list li div.name{ line-height:20px;}
  .menu2-list .p-code{
    left: 65px;
    right: auto;
    bottom: 0;
  }
  .menu2-phone{ width:150px; font-size:12px; padding: 0; position: absolute; left:50%; bottom:75px;}
  .menu2-phone h3{ font-size:20px;}
  .menu2-phone p{ line-height:20px; padding:0;}
  .footer{ position:relative;}
  .copyright{ float:none; display:none; text-indent:50px; line-height:25px; font-size:12px; position:absolute; right:0; bottom:0; margin-right:15px;}
  .menu2-phone .btn-qqservice .p-code{
    left: -140px;
  }
  /*商城首页--应用*/
  .web-column .title1{ padding:25px 0 15px;}
  .funcs-list3 li{ width:50%;}
  .funcs-list3 li a{ padding:20px 0 0; height:160px;}
  .funcs-list3 li .name{ line-height:20px;}
  .funcs-list3 li .price{ line-height:20px; font-size:12px;}

  /*钉钉部署页面*/
  .content-dingding{ padding-left:60px; margin-top:-30px;}

}

@media screen and (max-width:414px){
  /*商城首页*/
  .live-con{ -moz-background-size:auto 70%; background-size:auto 70%;}

  /*八大场景*/
  .funcs-scence{ height:290px;}
  .funcs-scence3 .navs li{
    font-size: 12px;
  }
  /*深度定制*/
  .cases-list1 li .title{
    font-size: 12px;
  }
  /*案例展示*/
  .cases-list3 li{
    margin-bottom: 15px;
  }
  .cases-list3 li span{
    height: 20px;
    font-size: 12px;
    line-height: 20px;
  }
}


@media screen and (max-width:375px){
  /*八大场景*/
  .funcs-scence{ height:280px;}

  /*30+花样互动,主宰每个现场*/
  .live-map{ -webkit-transform:translate(-33.5%, 0) scale(0.3, 0.3); margin:-230px -44px -210px;}

  /*相关报道*/
  .news-list1 li{ padding-left:140px;}
  .news-list1 li .pic{ width:123px; height:; margin-left:-140px;}

  /*钉钉部署页面*/
  .content-dingding{ padding-left:45px; margin-top:-30px;}

}

@media screen and (max-width:335px){
  /*八大场景互动解决方案*/
  .funcs-scence{ height:260px;}
  .funcs-list2{ width:auto; margin:0 -10px;}
  .funcs-list2 li{ width:40px; padding:0; margin:0 -1px; vertical-align:top;}
  .funcs-list2 li .aicon{ -webkit-transform:translateX(-15%) scale3d(0.7,0.7,0.7);}
  .funcs-list2 li .name{ margin:-10px -5px 0; padding:0 5px; font-size:12px; line-height:18px;}
}

@media screen and (max-width:320px){
  /*商城首页*/
  .live-con{ padding-left:42%; -moz-background-size:auto 78%; background-size:auto 78%; background-position:-30px bottom;}
}