@media screen and (max-width:1900px) {}
/* Large desktop :1920px. */
@media (min-width: 1920px) {}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {}

@media (min-width: 1680px) and (max-width: 1920px) {
  .about .company-content li {flex-basis: calc((100% - 200px) / 5);margin-left: 40px;}
}

@media screen and (max-width: 1600px) {
  .home-services .tabs li {font-size: 16px;}
  .home-services .tabs li.active .tabhover {font-size: 20px;}
  .iuxp-right {padding-top: 80px;}
  .about .company-content {margin-left: 0;}
  .about .company-content li {flex-basis: calc(100% / 5);margin-left: 0;}
}

@media screen and (max-width: 1400px) {
  .home-slides .slick-prev { left: 3%; }
  .home-slides .slick-next { right: 3%; }
  .home-services .tab-box {overflow:hidden;overflow-x: scroll;}
  .home-services .tabs {width: 1100px;}
  /* .home-services .tabs li {font-size: 14px;} */
  .uxclass_content .left pre {white-space: normal;}
}

@media (min-width: 1199px) and (max-width: 1680px) {
  .about .company-content {margin-left: 0;}
  .about .company-content li {flex-basis: calc((100%) / 5);margin-left: 0px;}
}
@media (min-width: 1350px) and (max-width: 1550px){
  .about .company-content {transform: scale(0.9); margin-left: -4.5%;}
 }
@media (min-width: 1199px) and (max-width: 1350px){
  .main-footer .mfcr-info>li:first-child p span:last-child {margin-left: 0;display: block;}
  .about .company-content {transform: scale(0.8); margin-left: -10%;}
 }
/* @media screen and (max-width: 1200px) {} */

@media screen and (max-width:1199px) {
  .isar-container {padding-left: 5%; padding-right: 5%; }
  .width-4-8 {width:100%;}

  /* :root { --top-nav: 60px; --fs-11:.65rem; --fs-12:.7rem; --fs-14:.75rem; --fs-15:.8rem; --fs-16:.88rem; --fs-18:1rem; --fs-20:1.1rem; --fs-22:1.2rem; --fs-24:1.3rem; --fs-26:1.45rem; --fs-36:1.95rem; --left-pad: 0; --add-pad: 20px; --less-pad: -20px; --top-pad: 5.5rem } */
  :root { --top-nav: 60px; }
  .top-nav-social { display: none !important }
  /* html { font-size: 112.5%; width: 100% } */
  /* body { width: 100%; line-height: 2; overflow-x: visible; overflow-y: scroll; -webkit-overflow-scrolling: touch } */
  /* body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { font-weight: 400 } */
  .frame-wide { padding-right: var(--add-pad); padding-left: var(--add-pad) }
  .frame-middle, .frame-narrow { padding-right: 0; padding-left: 0 }
  .p-t { padding-top: 2rem }
  .p-b { padding-bottom: 2rem }
  .p-b-md { padding-bottom: 1.5rem }
  .m-t { margin-top: 2rem }
  .m-b { margin-bottom: 2rem }
  .m-b-sm { margin-bottom: 1.25rem }
  .p-t-md { padding-top: 1.5rem }
  .p-t-sm { padding-top: 1.25rem }
  .l-h-sm { line-height: 1.7 }
  .mobile-break { display: inline-block }
  .top-nav-btn { height: 100% }
  .top-lang { margin-right: .75rem }
  .top-lang a.link { display: block;}
  .top-toggle-nav:before { content: ''; width: 350%; height: 250%; position: absolute; right: var(--less-pad); top: -80%; z-index: 2 }
  .top-nav-logo { width: 24.375rem; }
  .main-nav-bar { width: 100vw }
  .mobile-menu .top-lang { opacity: 0; transition: opacity .15s; pointer-events: unset }
  .top-nav-menu dt a { font-size: 1.65rem; line-height: 3.75rem; }
  .top-nav-menu { padding-top: 8vh; justify-content: flex-start }
  .top-nav-menu dt {text-align: left;padding-left: 2.5rem;}
  .top-nav-contact { justify-content: flex-end; padding-top: 2.5rem; padding-right: 1.8rem }
  .top-nav-contact a.fs-28 { font-size: 1rem }
  .hb-tips { bottom: 4rem }
  .mouse-scroll { border-color: transparent; transform: rotate(180deg) }
  .mouse-scroll:before {background-color: #fff;}
  .ani-text-up { line-height: 2.8rem; margin-bottom: 0; text-align: justify }
  .slides-info {padding-left:3%;}
  .slides-info .subject { line-height: 1.5 }
  .isar-slides-info .subject { line-height: 1.5 }
  .ani-icon>em { padding-right: .75rem; max-width: unset !important; font-size: inherit }
  /* .ani-icon>i { top: 50% } */
  /* .ani-icon>i:before, .ani-icon>i:after { font-size: .85rem } */
  .h-w-list { padding-top: 1rem }
  .brand-icon, .works .brand-icon { left: .85rem; width: 2.75rem; height: 2.75rem }
  .h-i-more, .h-a-more { text-align: center; padding-bottom: 4rem }
  .ha-container { margin-left: var(--less-pad); margin-right: var(--less-pad) }
  .home-about { padding-top: var(--top-pad) }
  .home-insights .h-i-more { padding-bottom: 0 }

  /* 底部 */
  .main-footer { padding-top: 5rem; padding-bottom: 1.5rem }
  .mf-container { display: block }
  .mfcr-empty { display: none }
  .mfcr-info { padding-top: 2rem }
  .mfcr-info dl {line-height: 1.8 }
  .mfcr-info dl dt { flex-shrink: 0; padding-right: 1rem }
  .mfcr-info dl dd { flex-grow: 1 }
  .main-footer .mfcr-info li:nth-child(-n+3) dl { padding-top: 0 }
  .main-footer .mfcr-info li:nth-child(4) dl { margin-top: 1rem }
  .mfcl-footer { position: relative; padding-top: 1.5rem;bottom: 0; }

  /* isar */
  .home-case-item .left h2 {margin-bottom: 1rem;}
  .home-services .tab-box {margin-top: 40px;margin-bottom: 30px;}
  .home-services .tabs {width: 1100px;padding: 20px 0;}
  .about .company-content {flex-wrap: wrap;}
  .about .company-content li {flex-basis: calc(100% / 3);}
  
  
}

@media screen and (max-width: 1000px) {  
  .home-services-content .tabs-box .text {height: 460px;}
  .case-menu .case-menu-item.active a {font-size: 1rem;}
  .case-menu .case-menu-item:first-child {width: 50px;}
  .news-menu .news-menu-item.active a {font-size: 1rem;}
  .news-menu .news-menu-item:first-child {width: 50px;}
  .about .teambox li:first-child .bottom h2 {font-size:1.35rem;}
  .about .teambox li:first-child .bottom div {font-size:0.9rem;}
  .about .custom .tabs li {font-size: 14px;margin-left: 40px;}
  .about .custom .tabs li.active .tabhover {font-size: 20px;}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* pad 手机 样式 */
@media (max-width: 992px) {
  html,body {font-weight: 400;}
  body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { font-weight: 400 }
  .nodata img {width: 40%;}
  
/* @media (max-width: 767px) { */
  .ani-icon {padding-right: 1.5rem;}
  .ani-icon>em {padding-right:0.25rem;}
  .pagination>li.prev, .pagination>li.next {font-size: 1.2rem;}

  .isar-content {padding-top: 3rem;}
  .top-lang { opacity: 0; transition: opacity .15s; pointer-events: none }
  .top-nav-menu dt a {font-size: 1.44rem;}
  .nav-lang img {width:1.625rem;}
  .top-nav-logo img {width:3.56rem;}

  .home-video-player .intro-video-pc {display: none;}
  .home-video-player .intro-video-mobile {display: block;}

  .banner-height {height: 16.9rem;}
  .slides-info {padding-left: 0;}
  /* .slides-info .text {width: 100%;height: 100%;padding-bottom: 0;display: flex;justify-content:center;align-items:center;}
  .slides-info .text .ani-text-up {text-align: center;} */
  .slides-info .text {width: 100%;height: 100%;padding-bottom: 0;display: flex;align-items:center;padding-left:1.25rem;}
  .slides-info .text .ani-text-up {text-align: left;}
  .slides-info .subject {font-weight: 400;font-size:1.75rem;line-height: 2.66rem;}
  .isar-slides-info {padding-left:0;padding-right: 0;}
  /* .isar-slides-info .text {width: 100%;height: 100%;padding-bottom: 0;display: flex;justify-content:center;align-items:center;}
  .isar-slides-info .text .ani-text-up {text-align: center;margin-top: 2rem;} */
  .isar-slides-info .text {width: 100%;height: 100%;padding-bottom: 0;display: flex;align-items:center;padding: 0 2.5rem 0 1.25rem;}
  .isar-slides-info .text .ani-text-up {text-align: left;margin-top: 2rem;}
  .isar-slides-info .subject {font-weight: 400;font-size: 1.44rem;}
  /* .article_detail .isar-slides-info .text {padding-right: 2.5rem;} */

  /* .home-services .tabs {padding-left: 10px} */
  .home-services .title {padding-right: 2.5rem;}
  .home-services .tabs {width: 55.8rem;}
  .home-services .tabs li {font-size: 1rem;margin-left: 1.6rem;}
  .home-services .tabs li .tabhover {display: none;left: -5%;font-weight: 500;}
  .home-services .tabs li.active .tabhover {display: block;font-size: 1.1rem;}
  .home-services-content .tabs-box .text p {line-height: 1.6;}
  
  /* .home-services .tabs li .tabnormal {opacity: 1;} */
  /* .home-services .tabs li.active .tabnormal{font-size: 1.1rem;font-weight:500;color: #fff;}
  .home-services .tabs li .tabhover {display: none;}
  .home-services .tabs li.active .tabnormal {opacity: 1;} */
  /* .home-services .tabs li:first-child .tabhover {left: 0;} */
  /* .home-services .tabs li span.tabnormal:after {
    display: block;
    content: "";
    width: 0;
    height: 10px;
    background: var(--hover);
    position: absolute;
    left: -5px;
    bottom: -2px;
    z-index: -1;
    transition: width .5s ease;
  }
  .home-services .tabs li.active span.tabnormal:after {
    width: calc(100% + 10px);
  } */


  .home-services .tab-box {margin-top: 1rem;margin-bottom: 0.4rem;margin-left: -5%;margin-right: -5%;padding-left: calc(5% + 5px);}
  .home-services-content .tabs-box.active {display: flex;flex-direction: column-reverse;}
  .home-services-content .tabs-box .img {width:100%;position:initial;margin-left: 0;}
  .home-services-content .tabs-box .img a{width:100%;}
  .home-services-content .tabs-box .text {width: 100%;height:auto; padding: 0;background: none;}
  .home-services-content .tabs-box .text>div {margin-top: 1.8rem;position: initial;}
  .home-services-content .tabs-box .text h2 {margin: 1.5rem 0 0.6rem;}
  .home-services-content .tabs-box .text h3 {display: none;}
  .home-services .tabs li span:after {bottom: 0;}

  /* 首页行业案例 */
  .home-case-pc {display: none;}
  .home-case-mobile {display: block;}

  /* iuxp */
  .home-iuxp .title {line-height: 1.55;padding-right: 2.5rem;}
  .home-iuxp .title .spacil {display: block;}
  .home-iuxp .tip-content {margin-top: 0.15rem;margin-left: 0.56rem;}
  .home-iuxp .tip-content>svg {width: 0.8rem;}
  .home-iuxp .tip {margin-top: 3px;font-size: 0.8rem;}
  .home-iuxp .tip .tip-text {font-weight: 400;}
  .iuxp-main {display: none;}
  .iuxp-main-mobile {display:block; margin-top: 1.625rem;}
  /* .world_map {width: 100%;height: 12rem;} */
  .world_map {width: 31.25rem;height: 13.75rem;margin-left: -3.66rem;}
  .iuxp-right {display:flex;width: 100%;text-align: left;padding-top: 18px;}
  .iuxp-line {display:none;}
  .iuxp-right>div {width:50%;border: 1px solid #4D4D4D;padding-left: 1.25rem;padding-top: 1rem;padding-bottom: 1rem;}
  .iuxp-right>div:first-child {border-right: none;border-left: none;}
  .iuxp-right p {font-size: 0.8rem;}
  .iuxp-right h2 , .iuxp-right h1{font-size: 0.8rem;justify-content: flex-start;}

  /* 首页资讯 */
  .home-new-main {margin-top: 1.625rem;margin-left: 0;margin-right: 0;}
  .home-new-content {margin-bottom: 1.25rem;padding: 0;}
  .home-new-content:last-child {margin-bottom: 0;}
  /* .home-new-content:last-child .home-new-item {border-bottom: none;} */
  .home-new-item {display: flex;flex-direction: row-reverse;justify-content: space-between;padding-bottom: 0.8rem;border-bottom: 0.06rem solid rgba(216, 216, 216, 0.2);background-color: transparent;border-radius: 0;}
  .home-new-item:hover {background-color: transparent;}
  .home-new-item .imgbox {width: 40%;margin-left: 0.875rem;flex-shrink: 0;}
  .home-new-text {min-height: auto;padding: 0;}
  .home-new-text h2 {font-size: 1rem;font-weight: 400;line-height: 1.5;overflow: hidden;white-space: initial;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
  .home-new-text p,.home-new-item .read{display: none;}
  .home-new .more-btn {margin-top: 1.25rem;}

  /* 案例 */
  .case-menu {padding-right: 0;padding-left: 0;}
  .case-menu .case-menu-item {height: 2rem;line-height: 2rem;}
  .case-menu .case-menu-item:first-child {width:3.25rem;}
  .case-menu .case-menu-item:nth-child(2) {width:5.62rem;}
  .case-menu>div {padding-bottom: 1.06rem;padding-left: 5%;padding-right: 5%;border-bottom: 0.06rem solid rgba(151, 151, 151, 0.20);}
  .case-menu .case-menu-item.active a {font-size: 1.2rem;}
  .case-sub-menu {margin-bottom: 1.625rem;}
  .case-sub-menu>ul {margin-top: 0.625rem;margin-right: -8px;}
  .case-sub-menu li {width: 33.3%;}
  .case-sub-menu li a{background-color: #141414;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;display: block;height:2rem; line-height: 2rem;font-size: 0.81rem;}
  .case-sub-menu li.active>a {font-weight: 400;}
  .case-list-content {margin-bottom: 2rem;}
  .case-list-content .scale-imgbox{border-radius: 2px;overflow: hidden;}
  .case-list-text {display: flex;flex-direction: column-reverse;}
  .case-list-text p {margin: 0;}
  .case-list-text .title {margin-top: 1rem;margin-bottom: 0.3rem;}
  .case .pagination-content {margin-top: 0;}

  /* 行业资讯 */
  .news-menu {padding-right: 0;padding-left: 0;}
  .news-menu .news-menu-item:first-child {width:3.25rem;}
  .news-menu .news-menu-item:nth-child(2) {width:5.62rem;}
  .news-menu>div {padding-bottom: 1.06rem;padding-left: 5%;padding-right: 5%;border-bottom: 0.06rem solid rgba(151, 151, 151, 0.20);}
  .news-menu .news-menu-item.active a {font-size: 1.2rem;}
  .news-sub-menu {margin-bottom: 1.625rem;}
  .news-sub-menu>ul {margin-top: 0.625rem;margin-left: -0.62rem;margin-right: -0.62rem}
  .news-sub-menu li {margin-top: 0.625rem; padding: 0 0.31rem;width: 33.3%;}
  .news-sub-menu li a{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;display: block;height:2rem; line-height: 2rem;font-size: 0.81rem;}
  .news-list-content {margin-bottom: 1.25rem;}
  .news-list-content:last-child {margin-bottom: 0;}
  .news-list-content:last-child .news-list-item {border-bottom: none;}
  .news-list-item {display: flex;flex-direction: row-reverse;justify-content: space-between;padding-bottom: 1rem;border-bottom: 0.06rem solid #E6E6E6;background-color: transparent;border-radius: 0;}
  .news-list-item:hover {box-shadow:none;}
  .news-list-item .imgbox {width: 40%;margin-left: 0.875rem;flex-shrink: 0;border-radius: 0.0625rem;}
  .news-list-text {min-height: auto;padding: 0;}
  .news-list-text h2 {font-size: 1rem;font-weight: 400;line-height: 1.5;overflow: hidden;white-space: initial;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
  .news-list-text p,.news-list-item .read {display: none;}
  .news .pagination-content {margin-top: 0px;}

  /* 我们 */
  .about .isar-content-small {padding-top: 11%;padding-bottom: 11%;}
  .about .nummain {margin-bottom: 1.875rem;margin-top: 2.87rem;flex-wrap: wrap;}
  .about .nummain span {margin-top: -0.4rem;}
  .about .introducebox .nummain>div {width: 50%;padding-left: 0;}
  .about .introducebox .nummain>div:nth-child(2) {padding-left: 1.75rem;}
  .about .introducebox .nummain>div:nth-child(3) {border-left: none;margin-top: 2.125rem;}
  .about .introducebox .nummain>div:nth-child(4) {padding-left: 1.75rem;margin-top: 2.125rem;}
  .about .swiper-pagination-bullet {width: 0.375rem;height: 0.375rem;}
  .about .swiper-pagination-bullet-active {width: 0.75rem; height: 0.375rem;}
  .about .nummain>div {border-left: 0.06rem solid #666;}
  .about .nummain>div>span {margin-top: 0.5rem;font-size: 0.75rem;}
  .about .introduce {margin-bottom: 1.25rem;font-weight: 400; font-size: 0.94rem;}
  .animate-line:before {height: 0.1875rem;}
  .animate-line:after {height: 0.125rem;}
  .about .zizhi-box ul {margin-top: 2.75rem;}
  .about .zizhi-box ul li {width: 100%;margin-bottom: 2rem;}
  .about .zizhi-box ul li .text {margin-top: 0.875rem;font-size: 1rem;}
  .about .teambox ul {flex-wrap: wrap;width: calc(100% + 0.94rem);margin-left: -0.94rem;margin-top: 2rem;}
  .about .teambox li {width: 50%;margin-top: 1.25rem;padding-left: 0.94rem;}
  .about .teambox li .bottom {padding:1.06rem 1rem;}
  .about .teambox li .bottom h2 {margin-bottom: 0.375rem;font-size: 1rem;}
  .about .teambox li .bottom div {font-size: 0.875rem;}
  .about .teambox li:first-child>div {margin-bottom: 0.5rem;}
  .about .teambox li:first-child .imgbox {width: 52%;margin-right: 1.25rem;border-radius: 0;}
  .about .teambox li:first-child .imgbox img {width:89%;}
  .about .teambox li:first-child .bottom h2 {font-size: 1.125rem;margin-bottom: 1rem;}
  .about .teambox li:first-child .bottom div {font-size: 0.875rem;}
  .about .teambox li:first-child .bottom div+div {margin-top: 0.5rem;}
  .about .custom .nummain>div {width: 33%;padding-left: 1.25rem;border-left: none;}
  .about .custom .nummain>div:first-child {padding-left: 0;}
  .about .custom .tabs {width: 43rem;padding: 1.06rem 0 1.06rem 5px;}
  .about .custom .tab-box {overflow:hidden;overflow-x: scroll;margin-top: 1.625rem;margin-left: -5%;padding-left:calc(5% + 5px);margin-right: -5%;}
  .about .custom .tab-line {height: 0.06rem;margin-bottom: 0.75rem;}
  .about .custom .tabs li .tabhover {display: none;}
  .about .custom .tabs li.active .tabhover {font-size:1rem;display: block;}
  .about .custom .tab-content ul {margin-bottom: 1.5rem;}
  .about .custom .tab-content .tab-content-scroll-outer {margin-bottom: 1.5rem;}
  .about .custom .tab-content-scroll-outer:after, .about .custom .tab-content-scroll-outer:before {width: 2.5rem;}
  @-webkit-keyframes move1 {
    0% {
      left: 0;
    }
    100% {
      left: -525%;
    }
  }
  @keyframes move1 {
    0% {
      left: 0;
    }
    100% {
      left: -525%;
    }
  }
  @-webkit-keyframes move2 {
    0% {
      left: 525%;
    }
    100% {
      left: 0;
    }
  }
  @keyframes move2 {
    0% {
      left: 525%;
    }
    100% {
      left: 0;
    }
  }
  .about .custom .tab-content .tab-content-item-all .tab-content-scroll-outer>ul {width:175%;}
  .about .custom .tab-content-scroll-inner {width:525%;}
  .about .custom .tab-content-scroll-inner.scroll2 {left: 525%;}

  .about .custom .tab-content .tab-content-item:not(.tab-content-item-all) li {flex-basis: calc(100% / 4);}
  .about .company-content {margin-top: 1.375rem;}
  .about .company-content li {flex-basis: calc(100% / 2);padding: 1.3rem 1.2rem;border: 0.06rem solid rgba(151,151,151,0.2);border-left: none;border-bottom:none;margin-top: -0.06rem;height: 11.5rem;}
  .about .company-content li:nth-child(4) {border-bottom: 0.06rem solid rgba(151,151,151,0.2);}
  .about .company-content li:hover {background-color:transparent;color: var(--sublight);}
  .about .company-content li>div {bottom: auto;margin-top: 0.5rem;}
  .about .company-content li::after {display: none;}
  .about .company-content li>p .web {display: none;}
  .about .company-content li>p .mobile {display: inline;}
  .about .company-content li>p {margin-top: 1.125rem;}
  .about .company-content li h2 {font-size:1rem;}
  .about .company-content li svg {min-width:0.9rem;width:0.9rem;margin-right: 0.25rem;margin-top: 0.05rem;}
  .about .company>div {padding-left: 0;padding-right: 0;padding-bottom: 0;}
  .about .company .title {padding-left: 5%;}

  /* 案例和行业资讯 详情 */
  .article_detail {margin-bottom: 0;}
  .article_detail .article-main {padding-left: 0;padding-right:0}
  .isar-slides-info .time {margin-top: -0.125rem;}
  .article-content {background-color: transparent;margin-top: 0;margin-bottom: 1.25rem; padding: 1.875rem 1.25rem 3rem;border-bottom: 0.06rem solid rgba(151,151,151,0.2);}
  .article-content .see-other {margin-top: 5.5rem;}
  .article-content .see-other a {color: #333333;}
  .article_detail .pc-time {display:none;}
  .article_detail .mobile-time {display:block; color: #CDCDCD;}
  /* .article_detail .mobile-time::before,.article_detail .mobile-time::after {display:inline-block; content:'';width: 2rem;height: 0.0625rem;background-color:#CDCDCD;vertical-align: middle;}
  .article_detail .mobile-time::before {margin-right: 0.375rem;}
  .article_detail .mobile-time::after {margin-left: 0.375rem;} */

  /* 服务 */
  .server-list {margin-top: 0;}
  .server-list-item {padding: 0;margin-top: 2rem;background-color: #171717 !important;border-radius: 2px !important; overflow: hidden;}
  .server-list-item img {position: initial;display: block;height: auto;width: 100%; max-width: 100%;}
  .server-list-item:hover .ani-icon {opacity: 0;}
  .server-list-item p {padding: 0 1.25rem;margin-bottom: 1.25rem;font-size: 0.81rem;}
  .server-list-item h2 {padding: 0 1.25rem;margin-top: 1.25rem;margin-bottom: 0.75rem;display: flex; justify-content:space-between;align-items: center;font-size: 1.125rem;}
  .server-list-item h2 .icon {display: block; width: 1.5rem;}
  .user_experience_box {margin-top: 1.25rem;width: 42rem;}
  .user_experience_box_pc {display: none;}
  .user_experience_box_mobile {display: flex;}
  .user_experience .isar-container {padding-right: 0;}
  .user_experience.isar-content {padding-bottom: 0;}
  .user_experience_scroll {overflow-x: scroll;padding-bottom: 10%;}
  .user_experience_item {width: 10.15rem;}
  .server-design .isar-container {padding-right: 0;}
  .server-design.isar-content {padding-bottom:0;}
  .server-design-content {display: none;}
  .server-design-mobile-scroll {overflow-x: scroll;padding-bottom: 10%;display: block;margin-top: 2rem;margin-left: -5%;padding-left: 5%;}
  .server-design-mobile-content {display: flex;width: 54rem;padding-right: 1rem;justify-content: space-between;}
  .server-design-mobile-list {background-color: #2E2E2E;width: 9.37rem;position: relative;}
  .server-design-mobile-list::after {display: block;content: "";width: 100%;height: 4px;background-color: var(--hover);position: absolute;left: 0;bottom: 0;}
  .server-design-mobile-list .top {display: flex;box-shadow: inset 0px -0.06rem 0px 0px rgba(230,230,230,0.12);padding-top: 1rem;padding-bottom: 0.875rem;}
  .server-design-mobile-list .top img {width: 2rem;height: 2rem; margin-left: 0.3rem;}
  .server-design-mobile-list .top p {margin-top: 0.2rem;}
  .server-design-mobile-list .top>div span {font-size:0.75rem;}
  .server-design-mobile-list .bottom {padding: 0.75rem 0 1.25rem 2.3rem;}
  .server-design-mobile-list .bottom dl:last-child {margin-top: 0.75rem;}
  .server-design-mobile-list .bottom dt {font-size: 0.875rem;}
  .server-design-mobile-list .bottom dd {font-size: 0.6875rem;}
  .server-design-arrow img {width: 1rem;}


  /* ux大学堂 */
  .uxclass {padding-top: 4rem;}
  .uxclass_bg_pc {opacity: 0;}
  .uxclass_bg_mobile {opacity: 1;}
  .uxclass_content {display: block;}
  .uxclass_content .left {width: 100%;} /*text-align: center;*/
  .uxclass_content .left .title{margin-bottom: 1rem;font-size: 1.75rem;}
  .uxclass_content .mobilebtn {display: block;width: 100%;height: 2.55rem;line-height: 2.55rem;font-size: 1rem;margin-top: 1.8rem;font-weight: 500;}
  .uxclass_content .left a {display: none;}
  .uxclass_content .pclist {display: none;}
  .uxclass_content .mobilelist {display: flex; flex-wrap:wrap;width: 100%;margin-top: 0.875rem;}
  .uxclass_content .left p{font-size:0.875rem;line-height: 1.5;}
  .uxclass_content .right a span {font-size: 0.9375rem;}
  .uxclass_content .right a.mobile-item{ width: 47.6%;height: 5.5rem;border-radius: 0.3125rem;margin-top: 0.9375rem;}
  .uxclass_content .right a:nth-child(3){background-color: #D2F2FF;border: 1px solid #EAF7FF;}
  .uxclass_content .right a:nth-child(4){background-color: #F4E5FF;border: 1px solid #F8EFFF;}
  .uxclass_footer {background-color:transparent;height:auto;}
  /* .uxclass_copyright {display: block;text-align: center; } */
  .uxclass_copyright a,.uxclass_copyright p {font-size: 0.5625rem; color: #808080;}





   /* 底部 */
  .main-footer {display: none;}
  .main-footer-mobile {display:block;padding-top: 3rem; padding-bottom: 1.5rem;background-color: var(--deep);}
  .main-footer-mobile .footer-logo {margin-bottom: 0;}
  .main-footer-mobile .mfcr-info {padding-top: 0.5rem;display: flex;flex-wrap: wrap;}
  .main-footer-mobile .mfcr-info dl {padding-top: 2rem;}
  .main-footer-mobile .mfcr-info li dt {font-size: 1rem;}
  .main-footer-mobile .mfcr-info li dd p{font-size: 0.8125rem;text-decoration: none;}
  .main-footer-mobile .mfcr-info li dd p:first-child{font-size: 1rem;margin-top: 0.4rem;}
  .main-footer-mobile .mfcr-info li:first-child {width: 100%;}
  .main-footer-mobile .mfcr-info li:first-child dd p {font-size: 1rem;}
  .main-footer-mobile .mfcr-info li:first-child p:last-child {margin-top: 0.625rem;}
  .main-footer-mobile .mfcr-info li:first-child p span:last-child {margin-left: 1.125rem;font-size: 0.8125rem;}
  /* .main-footer-mobile .mfcr-info li:nth-child(3) {padding-left: 2rem;} */
  .main-footer-mobile .guanzhu {border-top: 1px solid rgba(216, 216, 216, 0.10);padding-top: 2rem;margin-top: 2rem;}
  .main-footer-mobile .guanzhu>div {text-align: center;font-size: 1rem;}
  .main-footer-mobile .copyright p,.main-footer-mobile .copyright a{font-size:0.7rem; line-height: 1;}
  .mfcl-footer { text-align: center;position: initial; }
  .mfcl-social li .social {padding: 0.875rem 0.2rem 0.625rem;}
  .mfcl-social li .social p {line-height: 1.1;}
  .mfcl-social li .social-guanzhu {width:15.5rem; padding-bottom: 0.625rem;margin-left: -8.5rem;}
  .mfcl-social li .social img {width: 6.25rem;}
  .kf {display: none;}
  .mfcr-info>li {min-width:44.5%;}
  .mobile_blacktop {display:none;text-align: center;position: fixed;right: 1rem;bottom: 2rem;width: 2.38rem;height: 2.38rem;background: rgba(46,46,46,0.8);border-radius: 50%;z-index: 999;}
  .mobile_blacktop svg {margin-top: 0.35rem;}

  .whitefooter .main-footer-mobile {background-color:#F5F5F5;}
  .whitefooter .main-footer-mobile .copyright p,.whitefooter .main-footer-mobile .copyright a,.whitefooter .main-footer-mobile li dt{color: #666;}
  .whitefooter .main-footer-mobile li dt{font-weight: 500;}
  .whitefooter .main-footer-mobile li dd {color:#141414;}
  

}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 992px) {
  .world_map {width: 100%;height: 33rem;}
  .user_experience_box {width: 100%;}
  .user_experience_item {width: 25%;}
  .user_experience .isar-container {padding-right: 5%;}
  .user_experience_scroll {overflow-x: auto;}
  .server-design .isar-container {padding-right: 5%;}
  .server-design-mobile-content {width: 100%;padding-right: 0;}
  .server-design-mobile-list {width: 17.5%;}
  .server-design-mobile-list .bottom {padding-left: 1rem;}
}

@media screen and (max-width:374px) {
  .frame-wide { padding-right: 10px; padding-left: 10px }
  .frame-middle, .frame-narrow { padding-right: 10px; padding-left: 10px }
}