/**
 * CSS Global Style
 * @author: Wey;
 * @data: 2025-07-16;
**/
html, body, div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, input, button, textarea, p, span, form {
   margin: 0;
   padding: 0
}

body, input, button, select, textarea {
   font: 15px/1.5 "Microsoft Yahei", "PingFang SC", "Source Han Sans CN", -apple-system;
   color: #666666;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -moz-font-feature-settings: "liga", "kern";
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

img, a img {
   border: 0
}

a {
   color: #165DFF;
   outline: medium none;
   text-decoration: none;
   transition: color .2s linear, background-color .2s linear;
}

a:hover {
   text-decoration: none;
}

label {
   cursor: pointer
}

ul li, .ol li {
   list-style: none
}

em, cite, i {
   font-style: normal
}

/* 鍘婚櫎Chrome绛夋祻瑙堝櫒鏂囨湰妗嗛粯璁ゅ彂鍏夎竟妗� */

input:focus, textarea:focus {
   outline: none;
}


input::-ms-clear {
   display: none;
}

textarea {
   resize: none;
}


body {
   display: flex;
   flex-direction: column;
   align-items: center;
   background-color: #EFF5FF;
   /* image-rendering: -webkit-optimize-contrast; */
}

.row {
   display: flex;
}

.min-width-wrap {
   width: 1200px;
   overflow-x: hidden;
}

.btn-normal {
   display: inline-flex;
   align-items: center;
   background: #165DFF;
   box-shadow: 0 2px 6px 0 rgba(22, 93, 255, 0.34);
   border-radius: 8px;
   padding: 12px 28px;
   font-size: 20px;
   color: #fff;
   transition: transform .15s ease, box-shadow .15s ease;
   cursor: pointer;
}

.btn-normal:hover {
   transform: translateY(-2px);
   box-shadow: 0 5px 8px 0 rgba(22, 93, 255, 0.34);
}

.btn-light {
   display: inline-flex;
   align-items: center;
   background-color: #EAEFFF;
   color: #165DFF;
   padding: 8px 22px;
   font-size: 18px;
   border-radius: 8px;
   transition: transform .15s ease, box-shadow .15s ease;
   box-shadow: 0 0 0 0 transparent;
   cursor: pointer;
}

.btn-normal iconpark-icon,
.btn-light iconpark-icon {
   font-size: 150%;
}

.btn-light:hover {
   transform: translateY(-2px);
   box-shadow: 0 2px 3px 0 rgba(22, 93, 255, 0.1);
}

.header-wrap {
   display: flex;
   justify-content: center;
   align-self: stretch;
   background-color: rgba(255, 255, 255, 0.95);
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 99;
   backdrop-filter: blur(8px);
   /* transition: background-color .15s ease; */
}

.header-wrap.white {
   /* background-color: rgba(255, 255, 255, 0.95); */
}

.header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 68px;
}

.mobile-header-contact {
   display: none;
}

.header a {
   color: #333;
}

.header .logo {
   display: flex;
   align-items: center;
   font-size: 12px;
   line-height: 1;
}

.header .logo-text {
   display: none;
}

.header .logo img {
   display: block;
   width: 150px;
   height: 45px;
   /* border-radius: 45px; */
   /* background-color: #165DFF; */
   margin-right: 15px;
}

.header .logo h2,
.header .logo h1 {
   font-size: 22px;
   margin-bottom: 5px;
}

.menu-header-nav-container ul.menu {
   display: flex;
   font-size: 18px;
}

.menu-header-nav-container ul.menu li {
   margin-left: 20px;
   margin-right: 20px;
}

.menu-header-nav-container ul.menu li a:hover {
   color: #165DFF;
}

.menu-header-nav-container li.current-post-ancestor a,
.menu-header-nav-container li.current-category-ancestor a,
.menu-header-nav-container li.current-menu-item a {
   font-weight: 900;
   /* 创建背景渐变 */
   background: linear-gradient(90deg, #165DFF, #6FF9E5);
   /* 裁剪背景到文字形状 */
   -webkit-background-clip: text;
   background-clip: text;
   /* 设置文字透明（显示背景渐变） */
   color: transparent;
   /* 可选：控制渐变尺寸 */
   background-size: 150% auto;
}

.language-selector {
   display: flex;
   align-items: center;
}

.banner-wrap {
   display: flex;
   align-items: flex-end;
   justify-content: center;
   align-self: stretch;
   background-color: #a8c4dc;
   color: #333;
}

.home .banner-wrap {
   height: 600px;
   background-image: url(https://img.ruiyanrobot.com/wp-content/uploads/2025/07/banner1.jpg);
   background-size: auto 600px;
   background-repeat: no-repeat;
   background-position: center;
}

.gradient-title {
   font-size: 60px;
   font-weight: 900;
   /* 创建背景渐变 */
   background: linear-gradient(90deg, #165DFF, #6FF9E5);
   /* 裁剪背景到文字形状 */
   -webkit-background-clip: text;
   background-clip: text;
   /* 设置文字透明（显示背景渐变） */
   color: transparent;
   /* 可选：控制渐变尺寸 */
   background-size: 80% auto;
}

.banner-text {
   max-width: 50%;
   margin-bottom: 150px;
   font-size: 22px;
}

.index-title {
   font-size: 48px;
   font-weight: 900;
   color: #1E283B;
   margin-top: 100px;
}

.index-sub-title {
   font-size: 20px;
   text-align: center;
   margin-top: 15px;
   margin-bottom: 30px;
}

.index-video {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 1080px;
   height: 607px;
   background-color: #1E283B;
   border-radius: 16px;
   overflow: hidden;
   color: #fff;
   font-size: 22px;
   position: relative;
}

.index-video video {
   width: 1080px;
   height: 607px;
   object-fit: cover;
   position: absolute;
   z-index: 1;
}

.index-video .play-btn {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 9;
}

.index-video iconpark-icon[name=play-one] {
   width: 130px;
   height: 130px;
   border-radius: 130px;
   background-color: rgba(0, 0, 0, 0.6);
   color: #fff;
   margin-bottom: 20px;
   cursor: pointer;
   transition: background-color .15s ease;
}

.index-video iconpark-icon[name=play-one]:hover {
   background-color: rgba(0, 0, 0, 0.5);
}

.products-wrap {
   display: flex;
   margin-left: -15px;
   margin-right: -15px;
   margin-bottom: 30px;
}

.product-item {
   display: flex;
   max-width: 380px;
   flex-direction: column;
   align-items: center;
   background-color: #fff;
   margin: 15px;
   padding-bottom: 30px;
   border-radius: 16px;
   overflow: hidden;
}

.product-item-cover {
   align-self: stretch;
   margin-bottom: 20px;
   aspect-ratio: 4/3;
   background-color: #1E283B;
}

.product-item-cover>img {
   display: block;
   width: 100%;
   aspect-ratio: 4/3;
   object-fit: cover;
   transition: transform .15s ease;
}

.product-item-cover>img:hover {
   transform: scale(1.1);
}

.product-item-title a {
   color: #1E283B;
   font-size: 22px;
}

.product-item-title a:hover {
   color: #165DFF;
}

.product-item-describe {
   padding: 15px 20px;
   text-align: center;
   margin-bottom: 10px;
}

.index-white-bg {
   display: flex;
   justify-content: center;
   margin-top: 80px;
   align-self: stretch;
   background-color: #fff;
   padding-top: 80px;
   padding-bottom: 80px;
}

.index-white-bg .min-width-wrap {
   overflow-x: unset;
}

.tech-img {
   flex-shrink: 0;
   width: 580px;
   height: 500px;
   background-color: #1E283B;
   margin-left: 80px;
   border-radius: 16px;
   position: relative;
   background-image: url(https://img.ruiyanrobot.com/wp-content/uploads/2025/07/mobile-banner2.jpg);
   background-size: cover;
}

.tech-param-wrap {
   position: absolute;
   left: -6%;
   bottom: -15%;
   width: 60%;
   background-color: #fff;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10);
   border-radius: 15px;
   padding: 20px 30px;
}

.tech-param-wrap h4 {
   font-size: 20px;
   color: #1E283B;
}

.tech-param-list {
   display: flex;
}

.tech-param-list dl {
   flex: 50% 0 0;
}

.tech-param-list dl dt {
   font-size: 18px;
}

.tech-param-list dl dd {
   font-size: 38px;
   color: #165DFF;
   font-weight: 900;
   margin-top: 15px;
}

.tech-list li {
   position: relative;
   padding-left: 80px;
   margin-bottom: 30px;
}

.tech-list li iconpark-icon {
   width: 60px;
   height: 60px;
   border-radius: 60px;
   background-color: #EAEFFF;
   color: #165DFF;
   position: absolute;
   top: 0;
   left: 0;
   font-size: 28px;
}

.tech-list li iconpark-icon[name=cpu] {
   background-color: #EDFBF5;
   color: #37D399;
}

.tech-list li iconpark-icon[name=data-screen] {
   background-color: #FFF1ED;
   color: #FF6B36;
}

.tech-list li h3 {
   font-size: 24px;
   color: #1E283B;
   margin-bottom: 5px;
}

.index-solution {
   display: flex;
   margin-left: -10px;
   margin-right: -10px;
}

.index-solution>li {
   display: flex;
   flex-direction: column;
   justify-content: end;
   flex: 25% 1 1;
   background-color: #1E283B;
   height: 450px;
   color: #fff;
   border-radius: 16px;
   margin: 10px;
   padding: 20px 0 30px 20px;
   line-height: 1.8;
}

.index-solution>li h3 {
   font-size: 32px;
   font-weight: 900;
}

.index-solution>li p {
   font-size: 16px;
   margin-bottom: 20px;
}

.index-solution iconpark-icon {
   color: #37D399;
   vertical-align: middle;
   margin-right: 6px;
}


.case-wrap {
   display: flex;
   justify-content: center;
   margin-left: -15px;
   margin-right: -15px;
   margin-bottom: 30px;
}

.case-item {
   display: flex;
   max-width: 380px;
   flex-direction: column;
   background-color: #fff;
   margin: 15px;
   border-radius: 16px;
   overflow: hidden;
}

.case-item-cover {
   align-self: stretch;
   margin-bottom: 20px;
}

.case-item-cover>img {
   display: block;
   width: 100%;
   aspect-ratio: 4/3;
   background-color: #1E283B;
   transition: transform .15s ease;
}

.case-item-cover>img:hover {
   transform: scale(1.1);
}


.case-item-title {
   margin-left: 20px;
   margin-right: 20px;
}

.case-item-title a {
   color: #1E283B;
   font-size: 22px;
}

.case-item-title a:hover {
   color: #165DFF;
}

.case-item-describe {
   padding: 15px 20px;
   margin-bottom: 10px;
}

.case-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 60px;
   padding-left: 20px;
   padding-right: 20px;
}

.case-footer .case-inc iconpark-icon {
   vertical-align: middle;
   font-size: 126%;
   margin-right: 6px;
}

.case-footer .link {
   display: flex;
   align-items: center;
   font-size: 17px;
}

.case-footer .link iconpark-icon {
   font-size: 138%;
}

.partners-logos {
   display: flex;
   margin-top: 30px;
   margin-bottom: 100px;
}

.partners-logos img {
   flex: 50% 1 1;
}

.footer-wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   align-self: stretch;
   background-color: #1E283B;
   color: rgba(255, 255, 255, 0.6);
   padding-top: 60px;
}

.footer-wrap a {
   color: inherit;
}

.footer-wrap a:hover {
   color: #fff;
}

.footer-wrap .footer-company {
   flex: 30% 0 0;
   margin-right: 10%;
}

.footer-logo {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.footer-logo img {
   display: block;
   width: 100px;
   height: 30px;
   margin-right: 10px;
   filter: contrast(0.5);
}

.sosial-media {
   display: flex;
   margin-top: 20px;
}

.sosial-media iconpark-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 45px;
   height: 45px;
   border-radius: 45px;
   color: #ddd;
   background-color: rgba(255, 255, 255, 0.18);
   margin-right: 10px;
   font-size: 22px;
   transition: background-color .15s ease;
}

.sosial-media a:hover iconpark-icon {
   background-color: rgba(255, 255, 255, 0.28);
}

.footer-wrap .footer-nav {
   flex: 10% 1 0;
}

.footer-wrap h3 {
   color: #fff;
}

.footer-nav.contact {
   flex-basis: 16%;
}

.footer-nav li {
   margin-top: 10px;
}

.footer-bar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 60px;
   margin-top: 60px;
   border-top: 1px rgba(255, 255, 255, 0.1) solid;
   font-size: 14px;
}

.footer-bar-links a {
   margin-left: 10px;
}

.single .banner-wrap,
.page .banner-wrap,
.category .banner-wrap {
   height: 300px;
   background-color: #1E283B;
   color: #fff;
}

.category-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 30px;
   font-size: 22px;
}

.banner-title {
   font-size: 50px;
   font-weight: 900;
}

.category-nav-wrap {
   display: flex;
   justify-content: center;
   margin-bottom: 30px;
   align-self: stretch;
   background-color: #fff;
}

.category-nav-wrap .menu {
   display: flex;
   align-items: center;
   height: 80px;
   font-size: 20px;
}

.category-nav-wrap .menu li a {
   padding: 8px 20px;
   margin: 0 15px;
   color: #1E283B;
}

.category-nav-wrap .menu li a:hover {
   color: #165DFF;
}

.category-nav-wrap .menu li.current-menu-item a {
   color: #165DFF;
   font-weight: 900;
   border: 1px solid rgba(22, 93, 255, 0.30);
   box-shadow: 0 4px 9px -7px rgba(100, 147, 253, 0.85);
   border-radius: 8px;
}

.category .products-wrap {
   flex-wrap: wrap;
}

.pagination {
   display: flex;
}

.pagination li {
   display: flex;
   align-items: stretch;
   width: 45px;
   height: 45px;
   color: #165DFF;
   border: 1px solid rgba(22, 93, 255, 0.30);
   box-shadow: 0 4px 9px -7px rgba(100, 147, 253, 0.85);
   border-radius: 8px;
   background-color: #fff;
   margin: 0 10px;
   font-size: 20px;
   transition: transform .15s ease, box-shadow .15s ease;
}

.pagination li:empty {
   display: none;
}

.pagination li a {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-grow: 1;
}

.pagination li iconpark-icon {
   font-size: 128%;
}

.pagination li.current {
   align-items: center;
   justify-content: center;
   font-weight: 900;
   color: #fff;
   background-color: #165DFF;
   border: 1px solid rgba(22, 93, 255, 0.30);
   box-shadow: 0 4px 9px -7px rgba(100, 147, 253, 0.85);
   border-radius: 8px;
   pointer-events: none;
}

.pagination li.disable {
   border: 1px solid #eee;
   pointer-events: none;
   align-items: center;
   justify-content: center;
   box-shadow: unset;
   color: #999;
}

.pagination li:hover {
   transform: translateY(-2px);
   box-shadow: 0 2px 9px -7px rgba(100, 147, 253, 0.85);
}

.post-main {
   margin-top: 30px;
   margin-bottom: 50px;
}

.post-wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex-grow: 1;
}

.post-wrap .pager-wrap {
   margin-top: 20px;
}

.post-item {
   display: flex;
   background-color: #fff;
   border-radius: 12px;
   margin-bottom: 20px;
   padding: 20px;
}

.post-item-cover {
   width: 200px;
   height: 150px;
   margin-right: 15px;
   flex-shrink: 0;
}

.post-item-cover img {
   width: 100%;
   aspect-ratio: 4/3;
   background-color: #EAEFFF;
   border-radius: 8px;
}

.post-item-cover:empty {
   display: none;
}

.post-item-title {
   font-size: 24px;
   font-weight: 900;
   color: #1E283B;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   transition: color .15s ease;
}

.post-item-title:hover {
   color: #165DFF;
}

.post-item-meta {
   display: flex;
   align-items: center;
   font-size: 14px;
   color: #888;
   margin-top: 15px;
   margin-bottom: 15px;
}

.post-meta iconpark-icon,
.post-item-meta iconpark-icon {
   margin-right: 6px;
}

.post-sider {
   width: 280px;
   flex-shrink: 0;
   margin-left: 30px;
}

.sider-sosial-media li a {
   display: flex;
   align-items: center;
   background-color: #fff;
   border-radius: 8px;
   margin-top: 15px;
   padding: 15px 30px;
   color: #666;
   transition: color .15s ease;
}

.sider-sosial-media li a:hover {
   color: #165DFF;
}

.sider-sosial-media li a iconpark-icon {
   font-size: 128%;
   margin-right: 6px;
}

.sider-title {
   font-size: 24px;
   color: #1E283B;
}

.single-main {
   background-color: #fff;
   border-radius: 16px;
   width: 890px;
}

.post-content {
   padding: 50px;
   font-size: 17px;
   line-height: 1.8;
   color: #1E283B;
   align-self: stretch;
}

.bread-nav {
   display: flex;
   align-items: center;
   height: 50px;
   align-self: stretch;
   padding-left: 50px;
   border-bottom: 1px #EFF5FF solid;
}

.bread-nav a {
   margin-right: 15px;
   position: relative;
}

.bread-nav a::after {
   content: '/';
   width: 15px;
   text-align: center;
   position: absolute;
   right: -15px;
   color: rgba(128, 128, 128, 0.6);
   pointer-events: none;
}

.post-title {
   font-size: 38px;
   text-align: center;
   line-height: 1.4;
}

.post-meta {
   display: flex;
   height: 80px;
   align-items: center;
   font-size: 14px;
   color: #888;
}

.post-meta::before,
.post-meta::after {
   content: '';
   display: block;
   height: 1px;
   background-color: #EAEFFF;
   flex-grow: 1;
}

.post-meta::before {
   margin-right: 20px;
}

.post-meta::after {
   margin-left: 20px;
}

.post-content>* {
   margin-top: 16px;
   margin-bottom: 16px;
}

.post-content p {
   text-align: justify;
}

.post-content a:hover {
   text-decoration: underline;
}

.post-content figure {
   margin-left: 0;
   margin-right: 0;
}

.post-content .wp-post-image,
.post-content .wp-block-image img {
   display: block;
   max-width: 100%;
   height: auto;
   margin-left: auto;
   margin-right: auto;
}

.post-content table {
   width: 100%;
   border: 1px #eee solid;
}

.post-content table thead tr,
.post-content table tbody tr:nth-child(even) {
   background-color: #f9f9f9;
}

.post-content th,
.post-content td {
   text-align: left;
   padding: 0.6em 0.6em 0.5em 1.5em;
   /* border: 1px #eee solid; */
   color: #555;
   font-size: 90%;
}

.post-footer {
   display: flex;
   justify-content: center;
}

.banner-wrap.product-single-banner {
   height: 480px;
}

.index-white-bg.product-single {
   margin-top: 0;
}

.product-single-header {
   display: flex;
   position: relative;
   top: 60px;
   overflow-x: unset;
}

.product-single-cover {
   display: block;
   flex-shrink: 0;
   width: 380px;
   height: 380px;
   border-radius: 16px;
   background-color: #eee;
   margin-right: 30px;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10);
}

.product-single-info {
   display: flex;
   flex-direction: column;
   font-size: 16px;
   padding-top: 20px;
   padding-bottom: 100px;
}

.product-single-info .bread-nav {
   padding-left: unset;
   margin-bottom: auto;
   color: rgba(255, 255, 255, 0.6);
   border-color: rgba(255, 255, 255, 0.2);
}

.product-single-info .bread-nav a {
   color: #fff;
}

.product-single-title {
   font-size: 38px;
   font-weight: 900;
   margin-bottom: 30px;
}

.service-fixed {
   position: fixed;
   right: 0;
   top: 32%;
   background-color: #fff;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10);
   border-radius: 12px 0 0 12px;
   padding-top: 8px;
   padding-bottom: 8px;
   z-index: 99;
}

.service-header {
   display: none;
}

.service-item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 68px;
   height: 80px;
   font-size: 14px;
   cursor: pointer;
   color: #666;
}

.service-item:hover {
   background-color: #EFF5FF50;
}

.service-item iconpark-icon,
.service-pop iconpark-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 45px;
   height: 45px;
   background-color: #EFF5FF;
   color: #165DFF;
   border-radius: 45px;
}

.service-item iconpark-icon[name=wechat] {
   background-color: #EDFBF5;
   color: #37D399;
}

.service-item iconpark-icon[name=mail],
.service-pop iconpark-icon[name=mail] {
   background-color: #FFF1ED;
   color: #FF6B36;
}

.service-pop {
   position: absolute;
   top: calc(50% - 80px);
   right: 80px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 160px;
   height: 160px;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10);
   border-radius: 12px;
   color: inherit;
   background-color: #fff;
   pointer-events: none;
   opacity: 0;
   transition: opacity .15s ease;
}

.service-item:hover+.service-pop {
   opacity: 1;
}

.service-pop iconpark-icon {
   width: 68px;
   height: 68px;
   margin-bottom: 10px;
   font-size: 32px;
}

.service-pop .phone {
   font-size: 22px;
   font-weight: 900;
}

.service-weixin-qrcode {
   width: 100px;
   height: 100px;
   margin-bottom: 6px;
}

.to-top {
   display: flex;
   align-items: center;
   justify-content: center;
   position: fixed;
   right: 50px;
   bottom: 50px;
   width: 55px;
   height: 55px;
   color: #fff;
   background: #165DFF;
   border-radius: 55px;
   font-size: 32px;
   box-shadow: 0 2px 6px 0 rgba(22, 93, 255, 0.34);
   cursor: pointer;
   transition: transform .15s ease;
   z-index: 98;
}

.to-top:hover {
   transform: translateY(-3px);
}

@media screen and (max-width: 568px) {
   .min-width-wrap {
      width: 100%;
      overflow: unset;
   }

   .header-wrap {
      height: 90px;
   }

   .header {
      flex-direction: row-reverse;
      height: 45px;
      padding-left: 10px;
      padding-right: 10px;
   }

   .mobile-header-contact {
      display: flex;
      justify-content: end;
      color: #165DFF;
      font-size: 15px;
      width: 64px;
   }

   .mobile-header-contact iconpark-icon {
      font-size: 126%;
      margin-right: 3px;
   }

   .language-selector {
      width: 64px;
   }

   .header .logo img {
      width: 100px;
      height: 30px;
      margin-right: 6px;
   }

   .header .logo h2, .header .logo h1 {
      font-size: 16px;
      margin-bottom: 2px;
   }

   .header .logo .logo-text p {
      font-size: 10px;
   }

   .header .menu-header-nav-container {
      position: absolute;
      top: 45px;
      left: 0;
      right: 0;
   }

   .menu-header-nav-container ul.menu {
      justify-content: space-evenly;
      align-items: center;
      height: 45px;
      font-size: 15px;
   }

   .menu-header-nav-container ul.menu li {
      margin-left: unset;
      margin-right: unset;
   }

   .menu-header-nav-container ul.menu li a {
      padding: 3px;
   }

   .home .banner-wrap {
      background-image: url(https://img.ruiyanrobot.com/wp-content/uploads/2025/07/mobile-banner2.jpg);
   }

   .gradient-title {
      font-size: 32px;
      background-size: unset;
      text-align: center;
   }

   .banner-text {
      max-width: 80%;
      margin-top: 10px;
      margin-bottom: 30px;
      margin-left: auto;
      margin-right: auto;
      font-size: 15px;
   }

   .index-title {
      font-size: 28px;
      text-align: center;
   }

   .index-sub-title {
      font-size: 15px;
      padding-left: 10px;
      padding-right: 10px;
   }

   .index-sub-title br {
      display: none;
   }

   .index-video {
      width: 92%;
   }

   .products-wrap {
      flex-direction: column;
      margin-left: unset;
      margin-right: unset;
   }

   .product-item, .case-item {
      max-width: unset;
      margin-bottom: 0;
   }

   .tech-block .row {
      flex-direction: column;
   }

   .tech-block .tech-list {
      padding-left: 15px;
      padding-right: 15px;
   }

   .tech-block .btn-normal {
      margin-left: 15px;
   }

   .tech-img {
      width: unset;
      margin-left: unset;
      margin-top: 30px;
      border-radius: unset;
   }

   .tech-param-wrap {
      left: 15px;
      right: 15px;
      bottom: -30px;
      width: unset;
   }

   .tech-param-list.row {
      flex-direction: row;
   }

   .index-solution {
      flex-wrap: wrap;
      margin-left: unset;
      margin-right: unset;
   }

   .index-solution>li {
      border-radius: unset;
      margin: unset;
      flex-basis: 50%;
      box-sizing: border-box;
      height: 320px;
      background-size: cover;
      padding: 0 0 20px 10px;
   }

   .index-solution>li h3 {
      font-size: 24px;
   }

   .index-solution>li p {
      font-size: 13px;
      margin-bottom: 10px;
   }

   .case-wrap {
      flex-direction: column;
      margin-left: unset;
      margin-right: unset;
   }

   .footer-wrap {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 14px;
   }

   .footer-wrap .row {
      flex-direction: column;
   }

   .footer-wrap .footer-company {
      margin-right: unset;
      margin-bottom: 20px;
   }

   .to-top,
   .footer-nav h3,
   .footer-nav.product,
   .footer-nav.service {
      display: none;
   }

   .footer-bar {
      font-size: 11px;
   }

   .service-fixed {
      padding-top: 2px;
      padding-bottom: 2px;
      top: 10px;
      left: 10px;
      right: 10px;
      border-radius: 12px;
      z-index: 999;
      height: 210px;
      transform: translateY(-260px);
      transition: transform .25s ease;
   }

   .service-fixed.show {
      transform: translateY(0);
   }

   .service-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 50px;
      margin-left: 20px;
      margin-right: 10px;
      font-size: 20px;
   }

   .service-header iconpark-icon {
      width: 36px;
      height: 36px;
      border-radius: 36px;
      background-color: #EFF5FF80;
   }

   .service-item {
      display: none;
   }

   .service-pop {
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      position: unset;
      opacity: unset;
      background-color: unset;
      box-shadow: unset;
      border-radius: unset;
      margin-left: 138px;
      margin-top: 20px;
      height: unset;
      font-size: 17px;
      pointer-events: unset;
   }

   .service-pop .phone {
      font-size: unset;
      font-weight: unset;
   }

   div.service-pop {
      flex-direction: column;
      justify-content: center;
      position: absolute;
      left: 10px;
      width: 120px;
      margin-left: unset;
      top: 64px;
      margin-top: 0;
      font-size: 13px;
   }

   .service-pop iconpark-icon {
      width: 36px;
      height: 36px;
      font-size: 20px;
      flex-shrink: 0;
      margin-bottom: unset;
      margin-right: 8px;
   }


   .banner-title {
      font-size: 32px;
   }

   .category-header {
      font-size: 16px;
   }

   .category-nav-wrap {
      position: sticky;
      top: 90px;
   }

   .category-nav-wrap .menu {
      justify-content: space-evenly;
      width: 100%;
      height: 50px;
      font-size: 15px;
   }

   .category-nav-wrap .menu li a {
      margin: 0;
      padding: 6px;
   }

   .post-main {
      flex-direction: column;
      margin-top: 0;
   }

   .post-item {
      padding: 15px;
      margin: 10px;
   }

   .post-item-cover {
      width: 120px;
      height: 90px;
      margin-right: 8px;
   }

   .post-item-title {
      font-size: 18px;
   }

   .post-item-meta {
      font-size: 13px;
      margin-top: 6px;
      margin-bottom: 6px;
   }

   .post-item-describe {
      font-size: 13px;
   }

   .post-sider {
      width: unset;
      margin-left: unset;
      margin: 30px 10px;
   }

   .pagination {
      margin-top: 20px;
      margin-bottom: 20px;
   }

   .pagination li {
      margin: 0 3px;
      width: 38px;
      height: 36px;
   }

   .single-main {
      width: unset;
      border-radius: unset;
   }

   .bread-nav {
      padding-left: 10px;
   }

   .post-content {
      padding: 15px;
   }

   .post-title {
      font-size: 24px;
   }

   .banner-wrap.product-single-banner {
      height: unset;
   }

   .product-single-header {
      padding-top: 50px;
      flex-direction: column;
      align-items: center;
   }

   .product-single-cover {
      width: 300px;
      height: 300px;
      margin-right: unset;
   }

   .product-single-info {
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
   }

   .product-single-info .bread-nav {
      justify-content: center;
   }

   .product-single-title {
      font-size: 24px;
      margin-top: 50px;
   }

   .index-white-bg.product-single {
      padding-top: 0;
   }

   .post-content th, .post-content td {
      padding: 0.6em 0.6em 0.5em 0.6em;
      font-size: 84%;
   }

   .index-video video {
      width: 100%;
   }

   .play-btn {
      display: none !important;
   }

   .partners-logos {
      flex-direction: column;
   }
}