@media all  and (max-width: 1199px) {
  body {
    padding: 50px 0 49px;
}

.pc-dom-box {
  display: none !important;
}

.page-head-box {
  height: 50px;
  box-shadow: 0 1px 4px 0 rgba(153, 153, 153, 0.2);
}

.carousel-box .slideBox {
  height: 270px;
  display: none;
}

.slideBox .bd img {
  height: 270px;
}

.title-row-box {
  width: 100%;
  padding: 52px 20px 32px;
}

.title-row-box h1 {
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 16px;
  width: 100%;
}

.title-row-box p {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}

.tabs-row-box {
  height: 48px;
}

.tabs-row-box .tab {
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  cursor: default;
}

.tabs-row-box .tab:active, .tabs-row-box .tab:focus {
  background: #fff;
}

.mobile-tabs-row-box {
  padding: 0 12px;
  white-space: nowrap;
  overflow: auto;
}

.mobile-tabs-row-box .tab {
  width: auto;
  padding: 0 12px
}

.mobile-tabs-row-box .tab.active::after {
  width: 100%;
}

.tabs-main-box .title-row-box h2 {
  font-size: 24px;
  line-height: 34px;
}

.banner-card-box {
  width: 100vw;
  height: auto;
  padding: 52px 16px;
}

.banner-card-box .banner-card-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

.banner-card-box:nth-child(even) .banner-card-wrap .img-box {
  margin-right: 0;
}

.banner-card-box:nth-child(odd) .banner-card-wrap {
  flex-direction: column;
}

.banner-card-box:nth-child(odd) .banner-card-wrap .img-box {
  margin-right: 0;
}

.banner-card-box .banner-card-wrap .img-box {
  width: 100%;
}

.banner-card-box .banner-card-wrap .title-box {
  margin-bottom: 26px;
  text-align: center;
}

.banner-card-box .banner-card-wrap .title-box h2{
  font-size:24px;
  line-height:1.4
}

.presentation-row-box {
  width: 100vw;
  padding: 52px 20px;
}

.presentation-row-box .presentation-row-wrap {
  width: 100%;
}

.presentation-row-box .presentation-row-wrap h1 {
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 36px;
}

.presentation-row-box .presentation-row-wrap .presentation-row-main .item-box {
  width: 100%;
  margin-right: 0;
  padding: 16px 0;
}

.presentation-row-box .presentation-row-wrap .presentation-row-main .item-box .icon-box {
  width: 88px;
  height: 88px;
  margin-right: 16px;
}

.presentation-row-box .presentation-row-wrap .presentation-row-main .item-box h3 {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 12px;
}

.presentation-row-box .presentation-row-wrap .presentation-row-main .item-box p {
  font-size: 14px;
  line-height: 20px;
}

.product-tabs-box .product-tabs-wrap {
  width: auto;
  margin: 0;
  display: block;
  white-space: nowrap;
  overflow: auto;
}

.product-tabs-box .product-tabs-wrap .item-box {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  cursor: default;
}

.product-tabs-box .product-tabs-wrap .item-box .icon-box {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.product-tabs-box .product-tabs-wrap .item-box .icon-box img {
  max-width: 100%;
  max-height: 100%;
}

.product-tabs-box .product-tabs-wrap .item-box .txt {
  font-size: 14px;
  line-height: 14px;
}

.plan-row-box {
  width: 100vw;
  padding: 54px 20px;
}

.plan-row-box .plan-row-wrap {
  width: 100%;
}

.plan-row-box .plan-row-wrap .title-box {
  padding: 0 0 52px;
}

.plan-row-box .plan-row-wrap .plan-list-box {
  padding-bottom: 0;
}

.plan-row-box .plan-row-wrap .plan-list-box li {
  width: 101px;
  height: 63px;
  margin-right: 16px;
  margin-bottom: 16px;
}

.client-row-box {
  width: 100vw;
  padding: 20px;
}

.client-row-box .client-row-wrap {
  width: 100%;
}

.client-row-box .client-row-wrap li {
  width: 100%;
  height: 124px;
  margin-right: 16px;
  margin-bottom: 16px;
  line-height: 63px;
}

.client-row-box .client-row-wrap li:nth-child(3n) {
}

.client-row-box .client-row-wrap li:nth-child(2n) {
  margin-right: 0px;
}

.kechen-video ul li{

  overflow:hidden;
}
.kechen-video ul li img{width:100%}

.kechen-video ul li p {
    line-height: 18px;
    bottom: 0px;
    font-size: 14px;
    display: block;
    padding: 4px 8px;
    width: 100%;
    left: 0;
}
.kechen-video ul li span {
 font-size: 12px;
 padding: 0px 12px;

}

.pop-video {
    max-width: 100%;
    height: auto;
}


.service-row-box {
  width: 100vw;
  padding: 52px 20px;
}

.service-row-box .service-row-wrap {
  width: 100%;
}

.service-row-box .service-row-wrap h1 {
  font-size: 32px;
  line-height: 45px;
  margin-bottom: 36px;
}

.service-row-box .service-row-wrap li {
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0;
  padding: 16px 41px;
}

.service-row-box .service-row-wrap li .icon-box {
  width: 88px;
  height: 88px;
  margin-bottom: 16px;
}

.service-row-box .service-row-wrap li h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}

.service-row-box .service-row-wrap li p {
  font-size: 14px;
  line-height: 20px;
}

.service-row-box .service-row-wrap li h5 {
  font-size: 14px;
  line-height: 20px;
}

.aboutus-row-box {
  width: 100vw;
  padding: 52px 20px;
}

.aboutus-row-box .aboutus-row-wrap {
  width: 100%;
}

.aboutus-row-box .aboutus-row-wrap h1 {
  font-size: 32px;
  line-height: 45px;
  margin-bottom: 16px;
}

.aboutus-main {
  font-size: 14px;
}

.aboutus-main video {
  float: none;
  width: 100%;
  height: 150px;
  margin-top: 24px;
}

.mobile-dom-box {
  display: block;
}

.blog-row-box {
  width: 100vw;
  padding: 52px 12px;
}

.blog-row-box .blog-row-wrap {
  width: 100%;
}

.blog-row-box .blog-row-wrap li {
  border: 1px solid #e3e3e3;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.blog-row-box .blog-row-wrap .blogs-list-box {
  flex-direction: column;
}

.blog-row-box .blog-row-wrap .blogs-list-box .img-tit {
  width: 100%;
  margin-right: 0;
  height: 160px;
}

.blog-row-box .blog-row-wrap .blogs-list-box .main {
  padding: 12px;
}

.blog-row-box .blog-row-wrap .blogs-list-box .main .info {
  margin-top: 12px;
}

.blog-row-box .blog-row-wrap .paging-box {
  margin-bottom: 0;
  padding: 12px 0;
}

.application-row-box {
  width: 100vw;
  padding: 52px 20px;
}

.application-row-box .application-row-wrap {
  width: 100%;
}

.application-row-box .application-row-wrap li {
  width: 100%;
  padding: 8px;
}
.application-row-box .application-row-wrap li img{
  width: 100%;
}

.application-row-box .application-row-wrap li:nth-child(2n) {
  margin-right: 0;
}

.application-row-box .application-row-wrap li .text-box {
  padding: 0;
  margin-bottom: 0;
}

.contact-row-box {
  width: 100vw;
  padding: 52px 0;
}

.contact-row-box .contact-row-wrap {
  width: 100%;
}

.contact-row-box .contact-row-wrap .map-box {
  width: 100%;
  height: 320px;
}

.contact-row-box .contact-row-wrap .info-box {
  padding: 0 20px;
}

.core-row-box {
  width: 100vw;
  padding: 52px 20px;
}

.core-row-box .core-roe-wrap {
  width: 100%;
}

.core-row-box .core-roe-wrap h1 {
  font-size: 32px;
  line-height: 45px;
  margin-bottom: 16px;
}

.core-row-box .core-roe-wrap li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 16px;
}

.core-row-box .core-roe-wrap li .icon-box {
  width: 88px;
  height: 88px;
}

.advantage-row-box {
  width: 100vw;
  padding: 52px 20px;
}

.advantage-row-box .advantage-row-wrap {
  width: 100%;
}

.advantage-row-box .advantage-row-wrap h1 {
  font-size: 32px;
  line-height: 45px;
  margin-bottom: 16px;
}

.advantage-row-box .advantage-row-wrap li {
  width: 100%;
}

.advantage-row-box .advantage-row-wrap li .item-box .icon-box {
  width: 66px;
  height: 66px;
}

.advantage-row-box .advantage-row-wrap li .item-box .info-box p {
  font-size: 14px;
}

.advantage-row-box .advantage-row-wrap li .item-box .info-box h2 {
  font-size: 20px;
}
.suspension-fun-box{display:None;}
.website-case-detail .row{
  width:100%;
  padding:0 15px;
}

.slideBox-mobile{ position:relative; overflow:hidden; margin:0 auto;  max-width:100vw;/* è®¾ç½®ç„¦ç‚¹å›¾æœ€å¤§å®½åº¦ */ }
//.slideBox-mobile .mobile-hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
//.slideBox-mobile .mobile-hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
//.slideBox-mobile .mobile-hd li.on{ background:#fff;  }


.slideBox-mobile .mobile-hd {
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 24px;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slideBox-mobile .mobile-hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.slideBox-mobile .mobile-hd ul li {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  width: 6px;
  height: 6px;
  background: url(icon-q1.png) no-repeat;
  background-size: 6px 6px;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 0;
}

.slideBox-mobile .mobile-hd ul li.on {
  width: 24px;
  height: 6px;
  background: url(icon-q2.png) no-repeat;
  background-size: 24px 6px;
}


.slideBox-mobile .mobile-bd{ position:relative; z-index:0; }
.slideBox-mobile .mobile-bd li{ position:relative; text-align:center;  }
.slideBox-mobile .mobile-bd li img{vertical-align:top; width:100%;/* å›¾ç‰‡å®½åº¦100%ï¼Œè¾¾åˆ°è‡ªé€‚åº”æ•ˆæžœ */}
.slideBox-mobile .mobile-bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* åŽ»æŽ‰é“¾æŽ¥è§¦æ‘¸é«˜äº® */
.slideBox-mobile .mobile-bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

.slideBox-mobile .mobile-bd li .home-banner-tips-wrap{
  display:inline-block;
  width:100%;
  padding:44px 24px;
  position: absolute;
  top:0;
  left:0;
  color:#fff !important;
}
.slideBox-mobile .mobile-bd li .home-banner-tips-wrap span{
  color:#fff !important;
}
.slideBox-mobile .mobile-bd li .home-banner-tips-wrap .cls2{
  margin-top:24px
}

.btn-banner-1 {
  font-size: 18px;
  line-height: 48px;
  display: inline-block;
  vertical-align: baseline;
  width:160px;
  height:48px;
  border-radius: 50px;
  color: #fff;
  background:rgba(255,185,25,1);
  cursor:pointer;
  text-align:center;
}
.btn-banner-1:hover{
  box-shadow:0 2px 12px 0 rgba(0,106,149,.4)
}

.btn-banner-2 {
  font-size: 18px;
  line-height: 48px;
  display: inline-block;
  vertical-align: baseline;
  width:160px;
  height:48px;
  border-radius: 50px;
  color: #20ade5;
  cursor:pointer;
  text-align:center;
  background:rgba(255,255,255,.7);
}


.product-slide-box {
  width:100%;
  position: absolute;
  top: 0;
  left: 0;
  padding:48px 24px;
}

.product-slide-box h2 {
  font-size: 32px;
  line-height: 1.3em;
  color: #fff;
  margin-bottom:24px;
}
.lianying-slide-box{
  width:100%;
}
.lianying-slide-box h2{
  font-size:12px;
  margin-bottom:12px;
}

.affix-wrap-box{
  transform:none;
  top: auto;
  bottom: 10%;
  right:12px;
  width:auto;
}
.affix-wrap-box #jsToTopBox{
  border-radius:50%;
  overflow: hidden;
}
.affix-wrap-box .to-top p{
  display:none
}

.case-row-box .case-row-wrap{
  width:100%;
  margin:0 auto;
  text-align:center;
  padding: 0 16px;
}

.case-row-box .case-row-wrap .title-box{
  font-size:28px;
  line-height:1.4;
  padding:0 16px;
  margin-bottom:20px;
}
.case-row-box .case-row-wrap .tips-box{
  font-size:14px;
  line-height:1.5;
  margin-bottom:26px;
}
.case-row-box .case-row-wrap .case-row-main-box .main-item-box{
  width:100%;
  height:458px;
  margin-bottom:13px;
}

.case-row-box .case-row-wrap .case-row-main-box .main-item-box .case-shadow .shadow-inner{
  overflow: visible;
  height:240px;
  padding:0 28px;
}
.case-row-box .case-row-wrap .case-row-main-box .main-item-box .case-shadow .case-icon .iconfont{
  font-size:73px;
}
.case-row-box .case-row-wrap .case-row-main-box .main-item-box .case-shadow .case-title{
  font-size:28px;
  line-height:28px;
  padding-top:16px;
}
.case-row-box .case-row-wrap .case-row-main-box .main-item-box .case-shadow .two-lines-text {
  font-size:18px;
  line-height:27px;
  padding:0;
  margin-top:28px;
  margin-bottom:28px;
}

.case-row-box .case-row-wrap .case-row-main-box .main-item-box .case-shadow .getcase-button{
  width: 100px;
  height: 28px;
  font-size:16px;
  line-height:28px;
  border-radius: 4px;
}
.banner-btn-box {
  padding-bottom:52px;
}

.price-page-body {
        padding: 52px 16px;
    }
.price-page-body.bg-1{
background:#fff
}
.price-page-body.bg-2{
background:rgba(247, 253, 255, 1) !important
}
    .price-page-body .price-page-main {
        width: 100%;
    }

    .price-page-body .price-page-main h1 {
        font-size: 32px;
        line-height: 1.4;
        margin-bottom: 52px;
    }

    .price-page-body .price-page-main h2 {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 46px;
    }

    .price-page-body .price-box .price-card {
        width: 100%;
        margin-bottom: 26px;
        height: 357px;
        padding: 24px 52px;
    }

    .price-page-body .price-box .price-card:last-child {
        margin-bottom: 0;
    }

    .price-page-body .price-box .price-card h3 {
        font-size: 20px;
        line-height: 1.4;
    }

    .price-page-body .price-box .price-card .txt-box {
        font-size: 14px;
        height: auto;
        padding-bottom: 16px;
    }

    .price-page-body .price-box .price-card .line {
        height: 2px;
    }

    .price-page-body .price-box .price-card .h168 {
        height: 150px;
    }

    .price-page-body .price-box .price-card .txt-box p {
        font-size: 16px;
    }

    .price-page-table {
        width: 100%;
        padding: 52px 0;
    }

    .price-page-table h2 {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 8px;
    }

    .price-page-table th {
        height: 52px;
        padding: 0 8px;
        font-size: 14px;
        text-align: left;
    }

    .price-page-table th:nth-child(2), .price-page-table th:nth-child(3), .price-page-table th:nth-child(4), .price-page-table th:nth-child(5), .price-page-table th:nth-child(6) {
        width: 58px;
    }

    .price-page-appreciation {
        padding: 52px 16px;
    }

    .price-page-appreciation .wrap {
        width: 100%;
    }

    .price-page-appreciation h2 {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 16px;
    }

    .price-page-appreciation p {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 26px;
    }

    .price-page-appreciation .appreciation-list {
        margin-top: 0;
    }

    .price-page-appreciation .appreciation-list .card {
        width: 100%;
        margin-bottom: 26px;
        margin-right: 0;
    }

    .price-page-table .sticky table {
        width: 100%;
    }

    .price-page-table .sticky th {
        padding-bottom: 0;
    }

    .price-page-table .sticky th:nth-child(1) {
        width: auto;
    }

    .price-page-table th:nth-child(2), .price-page-table th:nth-child(3), .price-page-table th:nth-child(4), .price-page-table th:nth-child(5), .price-page-table th:nth-child(6) {
        width: 58px;
    }
.page-foot-wrap {
    display: inline-flex;
    padding: 6px;
    width: 100%;
}
.page-foot-box .copyright {
    padding: 24px;
    background: rgba(245, 245, 245, 1);
    color: rgba(153, 153, 153, 1);
    text-align: center;
    font-size: 12px;
}
.page-foot-wrap .foot-menu-wrap {
    display: flex;
    width: 100%;
}
.page-foot-wrap .foot-menu-wrap dl {
    width: 25%;
    text-align: left;
    padding: 4px 12px;
}
}







