*{
  font-family: SimHei;
}
.px1,
.px1-t,
.px1-b,
.px1-tb,
.px1-l,
.px1-r {
  position: relative;
}
.px1:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  height: 200%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.px1-t:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.px1-b:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.px1-tb:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.px1-tb:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.px1-l:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
.px1-r:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
}
@media screen and (max-width: 767px) {
  .page-logo {
    margin-left: 0.1rem;
  }
  .swiper-slide {
    background: #f7f8ff no-repeat -813px 0;
    background-size: auto 83%;
  }
  .mobile-style {
    display: block !important;
  }
  header.page-header .web-box,
  header.page-header .page-il8n > a {
    display: none;
  }
  #home-index .mobile-menu-btn {
    padding: .2rem .1rem;
    outline: none;
    position: absolute;
    right: 0;
    top: 0.05rem;
    z-index: 99999;
  }
  #home-index .mobile-menu-btn.active span {
    opacity: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #home-index .mobile-menu-btn.active span:nth-child(2) {
    width: 0;
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
  }
  #home-index .mobile-menu-btn.active span:last-child {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #home-index .mobile-menu-btn span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 0px;
            transform-origin: 0px;
    -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s;
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  #home-index .mobile-menu-btn span:nth-child(2) {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
  }
  #home-index .mobile-menu-btn span:last-child {
    margin-bottom: 0;
  }
  .webApp-box {
    position: fixed;
    top: 0;
    right: -73%;
    bottom: 0;
    width: 73%;
    height: 100%;
    overflow-y: auto;
    background-color: #1B1B1B;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-top: 0.65rem;
    z-index: 9993;
    text-align: left;
  }
  .webApp-box.active {
    -webkit-transform: translate(-73vw);
            transform: translate(-73vw);
  }
  .webApp-box > .page-navigation-item {
    display: block;
    line-height: 0.5rem;
    margin: 0;
    position: relative;
  }
  .webApp-box > .page-navigation-item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
  .webApp-box > .page-navigation-item > nav.page-sub-navigation {
    display: none;
  }
  .webApp-box > .page-navigation-item > a {
    padding: 0 0.15rem;
    color: #fff;
    display: block;
    font-size: 0.16rem;
  }
  .webApp-box > .page-navigation-item > a i {
    float: right;
  }
  .webApp-box > .page-navigation-item > a.active {
    color: #4385F5;
    background-color: rgba(163, 165, 171, 0.08);
  }
  .webApp-box > .page-navigation-item > a.active > a {
    color: #4385F5;
  }
  .webApp-box > .page-navigation-item > a.active > nav.page-sub-navigation {
    display: block;
  }
  .webApp-box > .page-navigation-item .page-sub-navigation a {
    border-bottom: 1px solid #292929;
  }
  .webApp-box > .page-navigation-item .page-sub-navigation > a.active {
    color: #4385F5;
  }
  .webApp-box > .page-navigation-item.active > .page-navigation-item-title > .iconfont {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .webApp-box > .page-navigation-item.active > a {
    color: #4385F5;
  }
  .webApp-box > .page-navigation-item.active > nav.page-sub-navigation {
    display: block;
  }
  .webApp-box > .page-navigation-item.active > .page-navigation {
    display: block;
  }
  .webApp-box > .page-navigation-item-title .iconfont {
    float: right;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  }
  .webApp-box > .page-navigation-item-title::after {
    content: "";
    display: block;
    clear: both;
  }
  .webApp-box > .page-navigation-item.active::after,
  .webApp-box > .page-navigation-item:hover::after {
    border-bottom-width: 0;
  }
  .webApp-box > .page-navigation-item:last-child {
    position: relative;
  }
  .webApp-box > .page-navigation-item:last-child:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
  .webApp-box > .page-navigation-item:last-child:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
  .webApp-box > .page-navigation-item:last-child::after {
    width: auto;
  }
  .webApp-box > .page-navigation-item .page-sub-navigation {
    background: #212121;
  }
  .webApp-box > .page-navigation-item .page-sub-navigation a {
    padding-left: 0.3rem;
    color: #fff;
    display: block;
    font-size: 0.14rem;
  }
  .webApp-box > .page-navigation-item > .page-navigation {
    background-color: #242424;
    display: none;
  }
  .webApp-box > .page-navigation-item > .page-navigation > .page-navigation-item > a {
    padding-left: 0.3rem ;
    padding-right: 0.15rem ;
    color: #fff;
    display: block;
    font-size: 0.14rem;
    border-bottom: 1px solid #212121;
  }
  .webApp-box > .page-navigation-item > .page-navigation > .page-navigation-item > a i {
    float: right;
  }
  .webApp-box > .page-navigation-item > .page-navigation > .page-navigation-item .page-sub-navigation {
    font-size: 0.12rem;
    display: none;
  }
  .webApp-box > .page-navigation-item > .page-navigation > .page-navigation-item .page-sub-navigation a {
    padding-left: 0.45rem;
    font-size: 0.12rem;
    border-bottom: 1px solid #292929;
  }
  .webApp-box > .page-navigation-item > .page-navigation > .page-navigation-item .page-sub-navigation a.active {
    color: #4385F5;
  }
  .webApp-box > .page-navigation-item > .page-navigation .active > a {
    color: #4385F5;
    background-color: #242424;
  }
  .webApp-box > .page-navigation-item > .page-navigation .active .page-sub-navigation {
    display: block;
  }
  .webApp-box > .page-navigation-item > .page-navigation .active .page-navigation-item-title > .iconfont {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .detail-body header.page-header-inner {
    display: none;
  }
  #home-index .top-name-box {
    position: relative;
    padding: 0.28rem 0 0.15rem;
    margin: 0;
    width: 100%;
    color: #19232D;
    font-size: 0.18rem;
    font-weight: 500;
    text-align: center;
    background: #fff;
  }
  #home-index .top-name-box .top-arrow-left {
    position: absolute;
    top: 50%;
    left: 0.1rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    width: 0.28rem;
    height: 0.55rem;
    padding: 0.1rem;
    z-index: 10;
  }
  #home-index .top-name-box .top-arrow-left .iconfont {
    color: #4385F5;
    font-size: 0.18rem;
  }
  #home-index .top-name-box .mobile-menu-btn {
    position: absolute;
    right: 0;
    top: 65%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: .2rem .1rem;
    outline: none;
    z-index: 99999;
    color: #19232D;
  }
  #home-index .top-name-box .mobile-menu-btn.active span {
    opacity: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    color: #19232D;
  }
  #home-index .top-name-box .mobile-menu-btn.active span:nth-child(2) {
    width: 0;
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
  }
  #home-index .top-name-box .mobile-menu-btn.active span:last-child {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #home-index .top-name-box .mobile-menu-btn span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #4385F5;
    border-radius: 3px;
    z-index: 1;
    color: #19232D;
    -webkit-transform-origin: 0px;
            transform-origin: 0px;
    -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s;
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  #home-index .top-name-box .mobile-menu-btn span:nth-child(2) {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
  }
  #home-index .top-name-box .mobile-menu-btn span:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .layui-container {
    width: 100% !important;
  }
  img.about-img,
  .home-about-partners,
  .footer-nav-box {
    display: none;
  }
  footer.page-footer {
    height: 4.5rem;
  }
  footer.page-footer .footer-list-wrapper {
    margin-top: .29rem;
    padding-left: .15rem;
  }
  footer.page-footer .footer-list-wrapper dt {
    font-size: .17rem;
    margin-bottom: .35rem;
  }
  footer.page-footer .footer-list-wrapper dd {
    font-size: .14rem;
    color: #ddd;
  }
  footer.page-footer .footer-list-wrapper .footer-address-list {
    line-height: .3rem;
  }
  footer.page-footer .footer-list-wrapper .footer-address-list > div {
    margin: 0.35rem 0.35rem;
  }
  footer.page-footer .footer-copyright {
    padding-top: 0;
    margin-bottom: .05rem;
  }
  footer.page-footer .footer-copyright em {
    font-size: .1rem;
  }
}
@media screen and (max-width: 767px) {
  .pc-show-item {
    display: none !important;
  }
  .mobile-show-item {
    display: block !important;
  }
  #home-index.index-box .home-index-banner,
  #home-index.index-box .el-label-banner {
    height: 5rem;
  }
  #home-index.index-box .home-index-banner > .home-index-container,
  #home-index.index-box .el-label-banner > .home-index-container {
    height: 107%;
  }
  #home-index.index-box .home-index-banner .banner-slide-text,
  #home-index.index-box .el-label-banner .banner-slide-text {
    width: 100%;
  }
  #home-index.index-box .home-index-banner .banner-slide-text h2.banner-title,
  #home-index.index-box .el-label-banner .banner-slide-text h2.banner-title {
    padding: 0.2rem 0 0 6%;
    font-size: .25rem;
  }
  #home-index.index-box .home-index-banner .banner-slide-text p.banner-title-intro,
  #home-index.index-box .el-label-banner .banner-slide-text p.banner-title-intro {
    padding-left: 6%;
    font-size: .15rem;
  }
  #home-index.index-box .home-index-banner .layui-container,
  #home-index.index-box .el-label-banner .layui-container {
    width: 100%;
  }
  #home-index.index-box .home-index-banner .layui-container .banner-title-list,
  #home-index.index-box .el-label-banner .layui-container .banner-title-list {
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 102%;
    height: .6rem;
    overflow-x: auto;
  }
  #home-index.index-box .home-index-banner .layui-container .banner-title-list::after,
  #home-index.index-box .el-label-banner .layui-container .banner-title-list::after {
    display: none;
  }
  #home-index.index-box .home-index-banner .layui-container .banner-title-list li,
  #home-index.index-box .el-label-banner .layui-container .banner-title-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0;
    height: .6rem;
    font-size: .14rem;
    line-height: .6rem;
    text-align: center;
  }
  #home-index.index-box .home-index-banner .layui-container .banner-title-list li a h4,
  #home-index.index-box .el-label-banner .layui-container .banner-title-list li a h4,
  #home-index.index-box .home-index-banner .layui-container .banner-title-list li a p,
  #home-index.index-box .el-label-banner .layui-container .banner-title-list li a p {
    display: none;
  }
  #home-index.index-box .home-index-banner .layui-container .banner-title-list li a .mobile-style,
  #home-index.index-box .el-label-banner .layui-container .banner-title-list li a .mobile-style {
    color: #fff;
  }
  #home-index.index-box .home-section {
    min-height: 4.85rem;
    /* height: auto; */
  }
  #home-index .home-solution-layout
  {
    height: auto;
    padding-bottom: 20px;
  }
  #home-index.index-box .home-section .layui-container {
    width: 100%;
  }
  #home-index.index-box .home-section .layui-container .layui-container-main h2.layui-container-title {
    margin: .35rem 0 .1rem 0;
    font-size: 0.2rem;
  }
  #home-index.index-box .home-section .layui-container .layui-container-main p {
    font-size: 0.12rem;
  }
  #home-index.index-box .home-section div.layout-swiper-container.swiper-container-initialized {
    position: relative;
    top: 0;
    margin-top: .2rem;
    height: auto;
  }
  #home-index.index-box .home-section div.layout-swiper-container.swiper-container-initialized .swiper-wrapper {
    display: none;
  }
  #home-index.index-box .home-section div.layout-swiper-container.swiper-container-initialized .mobile-solution-box .swiper-slide {
    float: left;
    width: 1.04rem;
    height: 1.4rem;
    margin: .12rem 0 0 .14rem;
    background: #fff;
    text-align: center;
    font-size: .13rem;
    color: #333;
  }
  #home-index.index-box .home-section div.layout-swiper-container.swiper-container-initialized .mobile-solution-box .swiper-slide img {
    margin-top: .28rem;
    margin-bottom: .1rem;
    width: .45rem;
  }
  #home-index.index-box .home-product-layout {
    height: 5rem;
  }
  #home-index.index-box .home-product-layout .layui-container {
    width: 100%;
  }
  #home-index.index-box .home-product-layout .layui-container .product-info-area {
    height: .85rem;
    line-height: normal;
  }
  #home-index.index-box .home-product-layout .layui-container .product-info-area h2.layui-container-title {
    margin: .35rem 0 .1rem 0;
    font-size: .2rem;
    line-height: normal;
  }
  #home-index.index-box .home-product-layout .layui-container .product-info-area p {
    font-size: 0.12rem;
  }
  #home-index.index-box .home-product-layout .product-show-box {
    height: 3.7rem;
  }
  #home-index.index-box .home-product-layout .product-show-box .mobile-style .swiper-slide.product-display-item {
    width: 1.05rem !important;
    height: 1.34rem;
    margin: .2rem 0 0 .13rem !important;
    background-color: #F5F5F9;
    position: relative;
  }
  #home-index .home-about-layout article
  {
    width: 100%;
  }
  #home-index.index-box .home-product-layout .product-show-box .mobile-style .swiper-slide.product-display-item a img {
    position: absolute;
    width: .51rem;
  }
  #home-index.index-box .home-product-layout .product-show-box .mobile-style .swiper-slide.product-display-item a h4 {
    bottom: .1rem;
    height: .6rem;
    font-size: .14rem;
  }
  #home-index.index-box .home-product-layout .product-show-box .mobile-style .swiper-slide.product-display-item a h4::after {
    display: none;
  }
  #home-index.index-box .home-product-layout .product-show-box .swiper-wrapper {
    display: none;
  }
  #home-index.index-box .home-product-layout .product-show-box .product-display-area {
    height: 90%;
  }
  #home-index.index-box .home-product-layout .product-show-box .check-more-product {
    position: relative;
    width: 100%;
    height: .5rem;
    color: #4385F5;
    font-size: .14rem;
    text-align: center;
    z-index: 99;
  }
  #home-index.index-box .home-product-layout .swiper-pagination-bullets.swiper-pagination-product {
    display: none;
  }
  #home-index.index-box .home-tech-layout {
    height: 5.2rem;
    padding: .09rem 0;
  }
  #home-index.index-box .home-tech-layout .layui-container {
    width: 100%;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-info-area {
    height: .85rem;
    line-height: normal;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-info-area h2.layui-container-title {
    margin: .35rem 0 .1rem 0;
    font-size: .2rem;
    line-height: normal;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-info-area p {
    font-size: 0.12rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box {
    padding-top: .1rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-left,
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right {
    width: 100%;
    height: 1.8rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-left::before,
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right::before {
    content: "";
    display: table;
    clear: both;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-left img,
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right img {
    top: .6rem;
    width: .42rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-left a,
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right a {
    top: 1.17rem;
    font-size: .2rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-left .tech-service-box,
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right .tech-service-box {
    border: 0.01rem solid rgba(49, 113, 255, 0.7);
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-left .tech-service-box h3,
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right .tech-service-box h3 {
    top: .1rem;
    font-size: .15rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-left .tech-service-box article,
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right .tech-service-box article {
    top: .38rem;
    font-size: .09rem;
    line-height: .18rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-left .tech-service-box a,
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right .tech-service-box a {
    top: 1.44rem;
    width: .75rem;
    height: .25rem;
    line-height: .23rem;
    font-size: .09rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-show-box-right {
    margin-top: .1rem;
  }
  #home-index.index-box .home-tech-layout .layui-container .tech-show-box .tech-service-box {
    position: relative;
    height: 1.8rem;
  }
  #home-index.index-box .home-news-layout {
    height: 5rem;
    background: #fff;
  }
  #home-index.index-box .home-news-layout .layui-container {
    width: 100%;
  }
  #home-index.index-box .home-news-layout .layui-container h2.home-section-title {
    margin: .35rem 0 .1rem 0;
    font-size: .2rem;
    line-height: normal;
  }
  #home-index.index-box .home-news-layout .layui-container p {
    font-size: 0.12rem;
  }
  #home-index.index-box .home-news-layout .home-news-article {
    display: none;
  }
  #home-index.index-box .home-news-layout .home-news-list {
    margin-left: .05rem;
    padding: .15rem .15rem 0;
    width: 100%;
  }
  #home-index.index-box .home-news-layout .home-news-list li {
    margin-bottom: .2rem;
  }
  #home-index.index-box .home-news-layout .home-news-list li a strong {
    padding-bottom: .1rem;
    font-size: .18rem;
  }
  #home-index.index-box .home-news-layout .home-news-list li a p {
    font-size: .12rem;
    margin-bottom: .1rem;
  }
  #home-index.index-box .home-news-layout .home-news-list li a time {
    font-size: .1rem;
  }
  #home-index.index-box .home-news-layout .news-item-more {
    margin: 0 0 0 .2rem;
    width: .95rem;
    height: .23rem;
    line-height: .23rem;
    text-align: left;
    background: none;
  }
  #home-index.index-box .home-news-layout .news-item-more > span {
    height: .23rem;
    font-size: .14rem;
    line-height: .23rem;
    background: none;
  }
  #home-index.index-box .home-news-layout .news-item-more > span::after {
    content: ">>";
  }
  #home-index.index-box .home-about-layout {
    height: 2.5rem;
    background: #fff  center top;
    background-size: 100% 100%;
  }
  #home-index.index-box .home-about-layout .layui-container {
    width: 100%;
  }
  #home-index.index-box .home-about-layout .layui-container h2.home-section-title {
    margin: .35rem 0 .1rem 0;
    font-size: .2rem;
    line-height: normal;
  }
  #home-index.index-box .home-about-layout .layui-container article.about-article {
    padding: .15rem;
    margin-bottom: .3rem;
    width: 100%;
    font-size: .09rem;
    line-height: .25rem;
  }
}
@media screen and (max-width: 767px) {
  #home-index.el-label-box .el-label-banner {
    margin-top: 0;
    height: 2.3rem;
    background: #ffffff no-repeat right 0.58rem;
    background-size: 266% 84%;
  }
  #home-index.el-label-box .el-label-banner .layui-container {
    width: 100%;
  }
  #home-index.el-label-box .el-label-banner .layui-container .banner-title {
    margin-top: 1.35rem;
    margin-left: 0.3rem;
    font-size: 0.22rem;
  }
  #home-index.el-label-box .el-label-banner .layui-container .banner-title-intro {
    display: none;
  }
  #home-index.el-label-box .el-label-details {
    height: auto;
    font-size: 0.08rem;
    line-height: 0.3rem;
  }
  #home-index.el-label-box .el-label-details > .el-label-nav {
    height: 0.5rem;
    line-height: 0.5rem;
    overflow-x: auto;
  }
  #home-index.el-label-box .el-label-details > .el-label-nav::-webkit-scrollbar {
    display: none;
  }
  #home-index.el-label-box .el-label-details > .el-label-nav > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    white-space: nowrap;
    padding-left: 0.2rem;
    min-width: 2.5rem;
    width: unset;
    font-size: 0.14rem;
  }
  #home-index.el-label-box .el-label-details > .el-label-nav > div .tech-operate-service {
    width: unset;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 0.08rem;
    margin-right: 0.1rem;
  }
  #home-index.el-label-box .el-label-details > .el-label-nav > div .tech-operate-service::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60%;
  }
  #home-index.el-label-box .el-label-details .label-display-box {
    padding: 0.05rem;
    margin: 0.1rem auto;
  }
  #home-index.el-label-box .el-label-details .label-display-box > .items-box .item-box {
    margin: 0.1rem 0 0 0.15rem;
    width: 43.5%;
    height: 1.75rem;
  }
  #home-index.el-label-box .el-label-details .label-display-box > .items-box .item-box img {
    width: 100%;
  }
  #home-index.el-label-box .el-label-details .label-display-box > .items-box .item-box p {
    height: 0.35rem;
    line-height: 0.35rem;
  }
  #home-index.el-detail-box .label-detail-banner > .layui-container.label-detail-banner-container {
    display: none;
  }
  #home-index.el-detail-box .label-detail-banner .label-product-area {
    margin-top: 0;
    height: 4.25rem;
    background: #F5F5F9;
  }
  #home-index.el-detail-box .label-detail-banner .label-product-area .layui-container > div {
    width: 100%;
  }
  #home-index.el-detail-box .label-detail-banner .label-product-area .layui-container > div .view {
    position: relative;
    left: 0;
    top: 0;
    width: 2rem;
    margin: 0 auto;
  }
  #home-index.el-detail-box .label-detail-banner .label-product-area .layui-container > div .view .swiper-slide {
    margin-top: 0.75rem;
    width: 2rem !important;
    overflow: hidden;
  }
  #home-index.el-detail-box .label-detail-banner .label-product-area .layui-container > div h3,
  #home-index.el-detail-box .label-detail-banner .label-product-area .layui-container > div article {
    position: relative;
    left: 0;
    top: 0;
    font-size: 0.22rem;
    text-align: center;
    color: #000;
    padding: 0.1rem 0 0;
  }
  #home-index.el-detail-box .label-detail-banner .label-product-area .layui-container > div article {
    text-align: left;
    text-indent: 2em;
    font-size: 0.12rem;
    color: #0F1C37;
    line-height: 0.24rem;
    width: 90%;
    margin: 0 auto;
  }
  #home-index.el-detail-box .pc-slide {
    margin-top: 0.15rem;
    height: 0.98rem;
    border-bottom: 1px solid #EBEBEB;
  }
  #home-index.el-detail-box .pc-slide .preview {
    height: 0.88rem;
    padding-left: 0.25rem;
  }
  #home-index.el-detail-box .pc-slide .preview .arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.19rem;
    height: 0.44rem;
    border-radius: 3px;
    text-align: center;
    color: #666;
    line-height: 0.44rem;
  }
  #home-index.el-detail-box .pc-slide .preview .arrow i {
    font-size: 0.2rem;
  }
  #home-index.el-detail-box .pc-slide .preview .arrow-left {
    left: 0;
    padding-left: 0.01rem;
    background-size: 50%;
  }
  #home-index.el-detail-box .pc-slide .preview .arrow-right {
    right: 0;
    background-size: 50%;
  }
  #home-index.el-detail-box .pc-slide .preview .swiper-container {
    width: 92.5%;
    margin: 0;
  }
  #home-index.el-detail-box .pc-slide .preview .swiper-container .swiper-wrapper .swiper-slide {
    width: 1.2rem !important;
    height: 0.77rem;
    padding: 0.025rem;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature {
    min-height: 10rem;
    margin-top: 0.2rem;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature > h3 {
    margin-top: 0.3rem;
    font-size: 0.16rem;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature ul li {
    max-height: 3rem;
    height: auto;
    min-height: 2.82rem;
    width: 100%;
    border: none;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature ul li .details-desc {
    padding: 0;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature ul li img {
    display: block;
    height: 1.6rem;
    margin: 0 auto;
    text-align: center;
    clear: both;
    float: none;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature ul li .details-desc-smll {
    float: none;
    margin: 0 auto;
    width: 80%;
    text-align: center;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature ul li .details-desc-smll h4 {
    padding: 0;
    margin: 0.15rem 0 0.1rem;
    font-size: 0.16rem;
    padding-top: 0.05rem;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature ul li .details-desc-smll h4::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0.2rem;
    height: 0.02rem;
  }
  #home-index.el-detail-box .label-details-main .details-main-feature ul li .details-desc-smll p {
    font-size: 0.14rem;
    text-align: center;
    line-height: 0.2rem;
  }
  #home-index.el-detail-box .label-details-main .details-main-params > h4 {
    font-size: 0.17rem;
  }
  #home-index.el-detail-box .label-details-main table {
    max-width: 100% !important;
    width: 100%  !important;
  }
  #home-index.el-detail-box .label-details-main .details-main-params > section {
    float: left;
    width: 92%;
    height: auto;
    margin: 0.15rem 4% 0;
    padding: 0.35rem 0.15rem;
    background-color: #F5F5F9;
    border: none;
  }
  #home-index.el-detail-box .label-details-main .details-main-params > section:last-child {
    margin-bottom: 0.3rem;
  }
  #home-index.el-detail-box .label-details-main .details-main-params > section h4 {
    float: none;
    width: 100%;
    margin-bottom: 0.15rem;
    font-size: 0.16rem;
    text-align: left;
  }
  #home-index.el-detail-box .label-details-main .details-main-params > section .details-main-params-info {
    width: 100%;
    clear: both;
  }
  #home-index.el-detail-box .label-details-main .details-main-params > section .details-main-params-info p {
    font-size: 0.14rem;
    line-height: 0.28rem;
  }
  #home-index.el-detail-box .label-details-main .details-main-params > section .details-main-params-info p span:first-child {
    width: 37%;
  }
  #home-index.el-detail-box .label-details-main .details-main-params > section .details-main-params-info p span:last-child {
    width: 62%;
  }
  #home-index.el-detail-box .top-desc-box {
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transform: translateX(5rem);
            transform: translateX(5rem);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9995;
  }
  #home-index.el-detail-box .top-desc-box .alert-box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 94%;
    height: 3.8rem;
    background: #fff;
    z-index: 9996;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .alert-close {
    position: absolute;
    right: 0;
    top: -0.06rem;
    padding: 0.05rem 0.1rem;
    font-size: 0.4rem;
    font-weight: 400;
    color: #333;
    z-index: 9997;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .view {
    position: relative;
    left: 0;
    top: 0.15rem;
    width: 100%;
    margin: 0 auto;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .view .arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0.19rem;
    height: 0.34rem;
    border-radius: 3px;
    background-color: rgba(84, 91, 108, 0.4);
    color: #fff;
    text-align: center;
    line-height: 0.34rem;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .view .arrow i {
    font-size: 0.2rem;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .view .arrow-left {
    left: 0;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .view .arrow-right {
    right: 0;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .view .swiper-container {
    width: 2.5rem !important;
    height: 2.5rem;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .view .swiper-container .swiper-wrapper .swiper-slide {
    width: 2.5rem !important;
    height: 2.5rem;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .view .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .pc-slide {
    border: none;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .pc-slide .preview {
    padding-left: 0.1rem;
    padding-right: 0.15rem;
    height: 1.2rem;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .pc-slide .preview > .swiper-container {
    width: 100%;
    height: 1rem;
    overflow-x: auto;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .pc-slide .preview > .swiper-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 4px;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .pc-slide .preview > .swiper-container::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(67, 133, 245, 0.2);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
  #home-index.el-detail-box .top-desc-box .alert-box .pc-slide .preview > .swiper-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
            box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }
  #home-index.el-detail-box .top-desc-box .alert-box .pc-slide .preview > .swiper-container .swiper-slide {
    width: 0.98rem !important;
    height: 0.62rem;
  }
}
@media screen and (max-width: 767px) {
  #home-index.news-box .news-banner {
    height: 1.6rem;
  }
  #home-index.news-box .news-banner .layui-container .banner-title {
    margin-top: 0.7rem;
    margin-left: 0.3rem;
    font-size: 0.22rem;
  }
  #home-index.news-box .news-banner .layui-container .banner-title-intro {
    display: none;
  }
  #home-index.news-box .news-live-details .news-live-nav {
    height: 0.5rem;
    line-height: 0.5rem;
  }
  #home-index.news-box .news-live-details .news-live-nav > div {
    width: 99%;
    font-size: 0.14rem;
  }
  #home-index.news-box .news-live-details .news-live-nav > div .tech-soft-service::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60%;
  }
  #home-index.news-box .news-live-details .news-display-box {
    width: 100%;
    padding: 0.15rem;
    margin-bottom: 0.25rem;
  }
  #home-index.news-box .news-live-details .news-display-box li {
    padding: 0.15rem 0;
  }
  #home-index.news-box .news-live-details .news-display-box li a img {
    width: 0.99rem;
    height: 0.66rem;
    margin-right: 0.15rem;
  }
  #home-index.news-box .news-live-details .news-display-box li a dl dt {
    font-size: 0.16rem;
    line-height: 0.25rem;
  }
  #home-index.news-box .news-live-details .news-display-box li a dl dd {
    font-size: 0.14rem;
  }
  #home-index.news-box .news-live-details .news-display-box li a dl dd:nth-child(2) {
    display: none;
  }
  #home-index.news-box .news-live-details .news-pagination {
    float: right;
    max-width: 100%;
    width: auto;
    padding: 0 0.15rem 0.15rem;
  }
  #home-index.news-details-box .news-detail-banner {
    display: none;
  }
  #home-index.news-details-box .news-details-main .layui-container article {
    width: 92%;
    margin: 0.02rem auto;
  }
  #home-index.news-details-box .news-details-main .layui-container article h3 {
    color: #19232D;
    font-size: 0.21rem;
    text-indent: 2em;
    font-weight: 600;
    line-height: 0.28rem;
  }
  #home-index.news-details-box .news-details-main .layui-container article time {
    margin: 0.1rem 0;
    color: #52627C;
    font-size: 0.12rem;
  }
  #home-index.news-details-box .news-details-main .layui-container article p {
    color: #333333;
    font-size: 0.14rem;
    margin-bottom: 0.15rem;
  }
  #home-index.news-details-box .news-details-main .layui-container article div.news-main {
    position: relative;
    padding: 0.15rem 0.12rem;
    margin-bottom: 0.15rem;
    background: #f8faff;
  }
  #home-index.news-details-box .news-details-main .layui-container article div.news-main::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0.03rem;
    height: 100%;
    background: #4385f5;
  }
  #home-index.news-details-box .news-details-main .layui-container article div.news-main h6 {
    font: 0.14rem "SimHei";
    color: #4A4A4A;
  }
  #home-index.news-details-box .news-details-main .layui-container article div.news-main p {
    margin: 0.05rem 0 0;
    font: 0.14rem "SimHei";
    color: #9B9B9B;
  }
  #home-index.news-details-box .news-details-main .layui-container article img {
    width: 100%;
  }
  #home-index.news-details-box .news-details-main .layui-container article figure {
    position: relative;
    margin: 0 0 0.15rem;
  }
  #home-index.news-details-box .news-details-main .layui-container article figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 0.05rem;
    color: #fff;
    font-size: 0.12rem;
    background: rgba(0, 0, 0, 0.4);
  }
  #home-index.news-details-box .news-details-main .layui-container dl {
    width: 92%;
    margin: 0.02rem auto;
  }
  #home-index.news-details-box .news-details-main .layui-container dl dd {
    margin-bottom: 0.12rem;
    color: #9B9B9B;
    font-size: 0.14rem;
  }
  #home-index.news-details-box .news-details-main .layui-container dl dd a {
    color: #4385F5;
  }
}
@media screen and (max-width: 767px) {
  #home-index.about-us-box .about-us-banner {
    margin-top: 65px;
    height: 1.6rem;
    background-size: 171% 100%;
    background-position: -0.75rem 0;
  }
  #home-index.about-us-box .about-us-banner .layui-container .banner-title {
    margin-top: 0.7rem;
    margin-left: 0.3rem;
    font-size: 0.22rem;
  }
  #home-index.about-us-box .about-us-banner .layui-container .banner-title-intro {
    display: none;
  }
  #home-index.about-us-box .about-us-details .about-us-nav {
    height: 0.5rem;
    line-height: 0.5rem;
    border: none;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    overflow-x: auto;
  }
  #home-index.about-us-box .about-us-details .about-us-nav::-webkit-scrollbar {
    display: none;
  }
  #home-index.about-us-box .about-us-details .about-us-nav > div {
    width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 0.14rem;
  }
  #home-index.about-us-box .about-us-details .about-us-nav > div .tech-operate-service:not(:first-child)::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 30%;
    background: #EBEBEB;
  }
  #home-index.about-us-box .about-us-details .about-us-nav > div .tech-operate-service {
    width: unset;
    padding: 0 0.12rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #home-index.about-us-box .about-us-details .about-us-nav > div .tech-operate-service::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60%;
  }
  #home-index.about-us-box .about-us-details .about-us-nav > div .tech-operate-service a strong {
    font-size: 0.14rem;
    font-weight: 500;
  }
  #home-index.about-us-box .about-us-details .our-company {
    padding: 0.25rem 0.15rem;
  }
  #home-index.about-us-box .about-us-details .our-company .section-title {
    font-size: 0.2rem;
    line-height: 0.24rem;
  }
  #home-index.about-us-box .about-us-details .our-company article {
    margin-top: 0.25rem;
    color: #333;
    font-size: 0.14rem;
    text-indent: 2em;
  }
  #home-index.about-us-box .about-us-details .our-company article p {
    margin-bottom: 0.15rem;
  }
  #home-index.about-us-box .about-us-details .company-develop {
    padding-top: 0.25rem;
    height: 5rem;
  }
  #home-index.about-us-box .about-us-details .company-develop .layui-container h4 {
    width: auto;
    font-size: 0.2rem;
    line-height: 0.24rem;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box {
    margin-top: 0.25rem;
    overflow-y: auto;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-inner {
    display: none;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app {
    padding: 0.15rem;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide {
    position: relative;
    background: none;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0.09rem;
    height: 0.09rem;
    border-radius: 50%;
    background: #4385F5;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide::after {
    position: absolute;
    left: 0.04rem;
    top: 0;
    content: "";
    width: 0.01rem;
    height: 100%;
    background: rgba(67, 133, 245, 0.2);
    clear: both;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide:first-child {
    width: 0.52rem;
    height: 0.22rem;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide:first-child::before {
    display: none;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide:first-child .pin {
    position: absolute;
    left: -0.03rem;
    top: -0.15rem;
    width: 0.15rem;
    height: 0.15rem;
    background: #4385F5;
    border-radius: 50% 50% 50% 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide:first-child .pin::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    content: "";
    width: 50%;
    height: 50%;
    background: #fff;
    border-radius: 50%;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide:last-child::after {
    display: none;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide span {
    position: relative;
    top: 0;
    left: 0.15rem;
    padding-left: 0.3rem;
    font-size: 0.12rem;
    color: #0F1C37;
    display: block;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide span::before {
    position: absolute;
    left: 0;
    top: 45%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    content: "";
    width: 0.2rem;
    height: 0.01rem;
    border-top: 1px dashed rgba(67, 133, 245, 0.2);
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide dl {
    top: 0.22rem;
    bottom: auto;
    background: #fff;
    padding: 0.1rem;
    width: 2.59rem;
    margin: 0.09rem 0 0.09rem 0.45rem;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(255, 255, 255, 0.1) inset;
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(255, 255, 255, 0.1) inset;
    color: #717C8D;
    line-height: 0.2rem;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide dl dd {
    margin-left: 0;
    padding-left: 0.15rem;
    font-size: 0.12rem;
  }
  #home-index.about-us-box .about-us-details .company-develop .develop-history-box .develop-history-box-app .swiper-slide dl dd::before {
    left: 0;
    width: 0.04rem;
    height: 0.04rem;
    border-radius: 50%;
  }
  #home-index.about-us-box .about-us-details .company-honor {
    padding: 0.25rem 0 0 0.15rem;
  }
  #home-index.about-us-box .about-us-details .company-honor .section-title {
    font-size: 0.2rem;
  }
  #home-index.about-us-box .about-us-details .company-honor .honor-display {
    margin: 0 auto;
    padding: 0.25rem 0;
    height: auto;
  }
  #home-index.about-us-box .about-us-details .company-honor .honor-display .swiper-wrapper {
    display: none;
  }
  #home-index.about-us-box .about-us-details .company-honor .honor-display .swiper-wrapper-app li {
    position: relative;
    margin: 0.15rem 0.08rem 0 0;
    padding: 0;
    width: 1.06rem;
    height: 0.84rem;
    background: #fff;
    -webkit-box-shadow: 0 1px 0.1rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 0.1rem rgba(0, 0, 0, 0.2);
    overflow: hidden;
  }
  #home-index.about-us-box .about-us-details .company-honor .honor-display .swiper-wrapper-app li img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    margin: 0;
  }
  #home-index.about-us-box .about-us-details .company-honor .swiper-button-prev-honor,
  #home-index.about-us-box .about-us-details .company-honor .swiper-button-next-honor {
    display: none;
  }
  #home-index.about-us-box .about-us-details .company-adviser {
    padding: 0 0 0.25rem 0.15rem;
  }
  #home-index.about-us-box .about-us-details .company-adviser .section-title {
    font-size: 0.2rem;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display {
    height: auto;
    margin-top: 0.25rem;
    padding: 0;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper,
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-button-prev,
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-button-next {
    display: none;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app {
    padding-bottom: 0.2rem;
    padding-top: 0.1rem;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app::after {
    content: "";
    display: table;
    clear: both;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app li.swiper-slide {
    margin-bottom: 0.1rem;
    padding-top: 0.15rem;
    height: 3rem;
    width: 48%;
    line-height: 0.2rem;
    background: none;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app li.swiper-slide .adv-line {
    top: 0.15rem;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app li.swiper-slide .adv-box {
    top: -0.01rem;
    width: 0.69rem;
    height: 0.69rem;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 11111;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app li.swiper-slide dl {
    bottom: auto;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app li.swiper-slide dt {
    margin-top: 0.5rem;
    font-size: 0.14rem;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app li.swiper-slide dd {
    line-height: 0.18rem;
    margin-bottom: 0.04rem;
    color: #A9AEB6;
    font-size: 0.1rem;
    text-align: center;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app li.swiper-slide dd:last-child {
    color: #717C8D;
    text-indent: 2em;
    text-align: left;
    font-size: 0.11rem;
  }
  #home-index.about-us-box .about-us-details .company-adviser .adviser-display .swiper-wrapper-app .check-more {
    position: absolute;
    bottom: 0;
    padding: 0.1rem;
    width: 100%;
    text-align: right;
    color: #4385F5;
    font-size: 0.14reml;
  }
  #home-index.about-us-box .about-us-details .company-culture {
    height: 5rem;
    margin-top: 0.05rem;
    padding-top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
  }
  #home-index.about-us-box .about-us-details .company-concat {
    padding-top: 0.25rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .section-title {
    font-size: 0.2rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box {
    margin: 0 auto;
    float: none;
    height: auto;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .amap-container {
    display: none;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box {
    width: 94%;
    padding-left: 0.15rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .company-name-area {
    margin-top: 0.15rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .company-name-area dt {
    font-size: 0.17rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .company-name-area dd {
    color: #A9AEB6;
    font-size: 0.12rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .company-concat-area {
    margin-top: 0.15rem;
    color: #717C8D;
    font-size: 0.12rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .company-concat-area p {
    margin: 0.1rem 0 0;
    line-height: 0.2rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .qrcode-area {
    width: 2.12rem;
    height: 1.2rem;
    margin: 0.2rem auto;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .qrcode-area::after {
    content: "";
    display: none;
    clear: both;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .qrcode-area div {
    width: 0.88rem;
    margin-right: 0;
    font-size: 0.11rem;
    color: #717C8D;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .qrcode-area div:first-child {
    margin-right: 0.3rem;
  }
  #home-index.about-us-box .about-us-details .company-concat .concat-box .info-box .qrcode-area div img {
    margin-top: 0.1rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #home-index.safe-city-box .safe-city-banner {
    margin-top: 0;
    height: 2.3rem;
    background: #ffffff no-repeat -3.9rem 0.58rem;
    background-size: 266% 84%;
  }
  #home-index.safe-city-box .safe-city-banner .layui-container .banner-title {
    margin-top: 1.35rem;
    margin-left: 0.3rem;
    font-size: 0.22rem;
  }
  #home-index.safe-city-box .safe-city-banner .layui-container .banner-title-intro {
    display: none;
  }
  #home-index.safe-city-box .safe-city-details article {
    width: 100%;
    margin: 0.1rem 0;
    padding: 0.1rem;
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #333;
  }
  #home-index.safe-city-box .safe-city-details .safe-city-layout {
    width: 100%;
    height: 2.08rem;
    background-size: 97% 97%;
    background-repeat: no-repeat;
    background-position: center ;
  }
  #home-index.safe-city-box .safe-city-details h3 {
    margin: 0.2rem 0;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  #home-index.safe-city-box .safe-city-details .sys-info {
    margin: 0.15rem auto;
    width: 94%;
    height: 4.75rem;
    border: none;
  }
  #home-index.safe-city-box .safe-city-details .sys-info .sys-introduce {
    margin: 0;
    padding: 0.2rem 0.1rem;
    width: 99%;
  }
  #home-index.safe-city-box .safe-city-details .sys-info .sys-introduce h4 {
    margin: 0.2rem 0.1rem;
    font-size: 0.2rem;
    color: #19232D;
  }
  #home-index.safe-city-box .safe-city-details .sys-info .sys-introduce article {
    padding: 0;
    margin: 0;
    font-size: 0.14rem;
  }
  #home-index.safe-city-box .safe-city-details .sys-info .sys-feature {
    margin: 0.15rem 0.1rem;
  }
  #home-index.safe-city-box .safe-city-details .sys-info .sys-feature::after {
    content: "";
    display: table;
    clear: both;
  }
  #home-index.safe-city-box .safe-city-details .sys-info .sys-feature dt {
    margin-bottom: 0.15rem;
  }
  #home-index.safe-city-box .safe-city-details .sys-info .sys-feature dd {
    float: left;
    margin-right: 0.2rem;
  }
  #home-index.safe-city-box .safe-city-details .product-show-box {
    height: auto;
    padding: 0.15rem 0 0 0.15rem;
    margin: 0.15rem 0 0.3rem;
  }
  #home-index.safe-city-box .safe-city-details .product-show-box h3 {
    margin: 0;
  }
  #home-index.safe-city-box .safe-city-details .product-show-box ul li {
    width: 46%;
    margin-top: 0.15rem;
    margin-right: 0.1rem;
  }
  #home-index.safe-city-box .safe-city-details .product-show-box ul li:last-child::after {
    content: "";
    display: table;
    clear: both;
  }
  #home-index.safe-city-box .safe-city-details .product-show-box ul::after {
    content: "";
    display: table;
    clear: both;
  }
  #home-index.tech-service-box .tech-service-banner {
    height: 1.6rem;
  }
  #home-index.tech-service-box .tech-service-banner .layui-container .banner-title {
    margin-top: 0.7rem;
    margin-left: 0.3rem;
    font-size: 0.22rem;
  }
  #home-index.tech-service-box .tech-service-banner .layui-container .banner-title-intro {
    display: none;
  }
  #home-index.tech-service-box .tech-service-details .tech-service-nav {
    height: 0.5rem;
    line-height: 0.5rem;
  }
  #home-index.tech-service-box .tech-service-details .tech-service-nav > div {
    width: 99%;
    font-size: 0.14rem;
  }
  #home-index.tech-service-box .tech-service-details .tech-service-nav > div .tech-soft-service::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60%;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area {
    width: 100%;
    padding: 0.2rem 0.15rem;
    margin: 0;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area article {
    font-size: .14rem;
    line-height: 0.26rem;
    color: #333333;
    text-indent: 2em;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-show {
    margin: 0.25rem 0 0.1rem;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-show img {
    width: 100%;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-show article {
    width: 100%;
    text-indent: 2em;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-show article h4 {
    width: 100%;
    padding: 0;
    height: auto;
    margin-top: 0.25rem;
    margin-bottom: 0.15rem;
    font-size: .16rem;
    text-align: center;
    text-indent: 0;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-show article p {
    color: #333;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area h3 {
    height: auto;
    text-indent: 0;
    line-height: 0.4rem;
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area h4 {
    height: auto;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    text-indent: 0;
    line-height: 0.4rem;
    font-size: 0.16rem;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-area {
    margin: 0.15rem 0;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-area div {
    width: 48%;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-area div img {
    width: 0.8rem !important;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-area div strong {
    display: inline-block;
    margin-bottom: 0.25rem;
    font-size: 0.08rem;
    width: 65%;
    font-weight: 500;
    line-height: 0.22rem;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-area.custom-product-area-mobile {
    padding: 0 0.15rem;
  }
  #home-index.tech-service-box .tech-service-details .dev-for-custom-area .custom-product-area.custom-product-area-mobile div {
    width: 32%;
  }
  #home-index.oprarion-service-box .tech-service-banner {
    height: 1.6rem;
  }
  #home-index.oprarion-service-box .tech-service-banner .layui-container .banner-title {
    margin-top: 0.7rem;
    margin-left: 0.3rem;
    font-size: 0.22rem;
  }
  #home-index.oprarion-service-box .tech-service-banner .layui-container .banner-title-intro {
    display: none;
  }
  #home-index.oprarion-service-box .tech-service-details .tech-service-nav {
    height: 0.5rem;
    line-height: 0.5rem;
  }
  #home-index.oprarion-service-box .tech-service-details .tech-service-nav > div {
    width: 99%;
    font-size: 0.14rem;
  }
  #home-index.oprarion-service-box .tech-service-details .tech-service-nav > div .tech-soft-service::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60%;
  }
}