@charset "utf-8";
html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {width:100%;min-height:100vh;vertical-align:baseline;word-wrap:break-word;color:#282a2d;background:#fff;transition:background-color .3s}
body,input,button,select,optgroup,option,textarea,blockquote,dd,dl,figure,form,pre,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {font-family:'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif}
body,html {height:100%;margin:0;padding:0;border:0}
*, ::after, ::before {box-sizing: border-box;}
a {color:#282a2d;outline:0!important;text-decoration:none}
a:hover {text-decoration:none;color:#9333ea}
p {margin:0;white-space:normal;word-break:break-all}
em,i {font-style:normal}
ul,li,p,h1,h2,h3 {list-style-type:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:400;line-height:1.4;color:#9333ea;margin:0;}
div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd {margin:0px;padding:0;outline:0;}
img {border:0;max-width: 100%;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
input::placeholder {color: #dfdede;}
/*header*/
.header {position: fixed;top: 0px;backdrop-filter: blur(10px);box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px;width:100%;z-index:9;}
.header>.container-fluid {display:flex;justify-content:space-between;}
.navbar-header {display:flex;}
.header .menu{display: flex;}
.navbar-header .logo {align-items:center;display:flex;font-size:20px;height:80px;line-height:1;margin:0;padding:0;transition:all .3s ease-out 0s;}
.navbar-header .logo img {display:block;height:min(40px,45px);max-width:fit-content;transition:all .3s ease-out 0s;width:auto;}
.navbar-header .logo a{display: flex;}
.navbar-header .logo p{position: relative;display: flex;flex-direction: column;justify-content: center;padding: 0px 0 0px 10px;color: #1f2937;font-size: 16px;font-weight: 700;}
.menu-wrap {align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-left:2.5em; }
.navbar-nav {display:flex;margin:0;position:relative;align-items:center;font-size:14px;}
.navbar-nav>li{white-space: nowrap;}
.navbar-nav>li,.navbar-nav>li>a {display:block;position:relative;}
.navbar-nav>li.active>a {color:#9333ea;}
.navbar-nav>li>a {color:#4b5563;font-size:.875rem;line-height:80px;padding:0 15px;white-space: nowrap;}
.navbar-nav>li:hover>a {color:#9333ea;}
.navbar-nav>.dropdown {position:relative;}
.navbar-nav>.dropdown>a {position:relative;z-index:1001;padding-right:calc(calc(20px/2) + 1em);}
.navbar-nav>.dropdown:after {content:"\e6a4";font-family:"iconfont" !important;font-size:1.7rem;line-height:80px;opacity:.7;position:absolute;right:0;top:0;font-weight:500;-webkit-transform:scale(1);transform:rotate(0deg) scale(1);transition:transform .3s;}
.navbar-nav>.dropdown:hover:after {transform:rotate(180deg) scale(1);}
.navbar-nav>li ul.dropdown-menu {position:absolute;left:-5%;top:85%;z-index:100;padding:0.375rem 0.75rem;border:2px solid #fff;min-width:130px;text-align:left;opacity:0;visibility:hidden;transform:translateY(-15px);transition:all 500ms ease;border-radius: 5px; background:#fff; box-shadow: 0 1px 10px rgba(0,0,0,.15);}
.navbar-nav>li ul.dropdown-menu li {display:block;position:relative;}
.navbar-nav>li ul.dropdown-menu li a {position:relative;display:block;padding:0.575rem 0.75rem;border-radius: 5px; transition:all 0.1s ease-in;z-index:1;font-size:.875rem;text-shadow:0 1px 1px #fff;}
.navbar-nav>li ul.dropdown-menu li:hover a{background-color: #f5f5f5;color:#9333ea;}
.navbar-nav>li.dropdown:hover > .dropdown-menu {visibility:visible;opacity:1;transform:translateX(0);transition-delay:0s;pointer-events:all}
.m-dropdown{display: none;}
.navbar-action {display:flex;gap:16px;align-items:center;white-space:nowrap;margin-left:10px;}
.navbar-action .btn-a {color:#1a1a1a;font-size:14px;line-height:26px;}
.navbar-action .btn-a i {font-weight:500;font-size:1.2rem;margin-right:2px;vertical-align:bottom;}
.navbar-action .btn-b {border-radius:5px;font-size:.875rem;line-height:14px;padding:11px 15px;background-color:#9333ea;color:#fff;transition:all .1s ease-out 0s;}

.menu-toggle {cursor: pointer;display: none;padding: 9px 10px;}

@media (max-width: 1199px) {
.navbar-nav>li>a{padding:0 calc(28px/2*0.6);}
}
/*header end*/
.sdl-sec{padding-top: 5rem;}
.index-page{background-color: #faf5ff;background: linear-gradient(180deg, #faf5ff, #eff6ff);}
.page-home-header{background-color: #9333ea;background: linear-gradient(180deg, #591c8a, #203b8e);padding:4rem;margin: 0 1rem;border-bottom-right-radius: 1.2rem;border-bottom-left-radius: 1.2rem;}
.page-home-header .banner-subtitle{position: relative;}
.page-home-header .banner-subtitle h1{font-size: 3.45rem;color:#fff; margin-bottom: 1rem;font-weight: 700;line-height: 1.25;letter-spacing: -0.025em;text-align: center;}

.service-item{border-radius: 0.75rem;overflow: hidden;transition:all .2s;min-height: 100%;background: #fff;}
.service-item:hover {box-shadow: 0 4px 24px #2764af1a;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
.service-item .item-head{padding: 1rem;border-color: #22c55e;background: linear-gradient(90deg,#22c55e,#10b981);}
.service-item .item-foot{background-color: #fff;padding: 1.25rem;}
.service-item .item-head .head-con{display: flex;justify-content: space-between;align-items: center;}
.service-item .item-head .head-con h3{font-size: 18px;color:#fff;font-weight: 600;}
.service-item .item-head .head-con .ico{display: flex;justify-content: center;align-items: center;width: 3rem;height: 3rem; background-color: rgb(255 255 255 / 0.2);border-radius:50%;}
.service-item .item-head .head-con .ico i{font-size: 20px;color:#fff;}
.service-item .foot-con{position: relative;}
.service-item .foot-con .sdl{display: flex;align-items: center;justify-content: space-between;}
.service-item .foot-con .sdl span{color:#374151;font-size: 16px;}
.service-item .foot-con .sdl .info{background-color: #dcfce7;color: #166534;font-size: 0.75rem;line-height: 1rem;padding:0.25rem 0.75rem;border-radius: 15px;}
.service-item .foot-con .rg{display: flex;align-items: center;justify-content: space-between;margin-top:1rem;}
.service-item .foot-con .rg span{color:#6b7280;font-size: 16px;}
.service-item .foot-con .rg .info{font-size: 14px;color:#9ca3af;}
.service-item .foot-con .bfb{background-color: #f3f4f6;border-radius: 15px; margin-top:1rem;overflow: hidden;width: 100%;height: 0.625rem;}
.service-item .foot-con .bfb div{border-color: #22c55e;background: linear-gradient(90deg,#22c55e,#10b981);height: 100%;border-radius: 10px;}
.service-item .foot-con .text{margin-top:1rem;}
.service-item .foot-con p{display: flex;align-items: flex-start;}
.service-item .foot-con p:nth-child(2){padding-top:.5rem;}
.service-item .foot-con p i{color:#22c55e;margin-top: 0.125rem;margin-right: 0.5rem;font-weight: 700;}
.service-item .foot-con p span{color:#4b5563;font-size: 14px;}
.service-item.s-1 .item-head{border-color: #facc15;background: linear-gradient(90deg,#facc15,#eab308);}
.service-item.s-1 .foot-con .bfb div{border-color: #facc15;background: linear-gradient(90deg,#facc15,#eab308);}
.service-item.s-2 .item-head{border-color: #3b82f6;background: linear-gradient(90deg,#3b82f6,#06b6d4);}
.service-item.s-2 .foot-con .bfb div{border-color: #3b82f6;background: linear-gradient(90deg,#3b82f6,#06b6d4);}
.service-item.s-3 .item-head{border-color: #a855f7;background: linear-gradient(90deg,#a855f7,#ec4899);}
.service-item.s-3 .foot-con .bfb div{border-color: #a855f7;background: linear-gradient(90deg,#a855f7,#ec4899);}
.service-item.s-4 .item-head{border-color: #f97316;background: linear-gradient(90deg,#f97316,#f59e0b);}
.service-item.s-4 .foot-con .bfb div{border-color: #f97316;background: linear-gradient(90deg,#f97316,#f59e0b);}
.service-item.s-5 .item-head{border-color: #22c55e;background: linear-gradient(90deg,#22c55e,#10b981);}
.service-item.s-5 .foot-con .bfb div{border-color: #22c55e;background: linear-gradient(90deg,#22c55e,#10b981);}

.page-home-header .s-btn{position: relative;display: flex;justify-content: center;flex-direction: row;gap: 1rem;margin:3rem 0;}
.page-home-header .s-btn a{color:#fff; font-size: 0.875rem;line-height: 1.25rem;font-weight: 700;padding:0.75rem 2rem;border-radius: 0.5rem;font-weight: 700;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;}
.page-home-header .s-btn a i{margin-right: .5rem;color:#fff;font-size: 18px;vertical-align: middle;}
.page-home-header .s-btn a.down{border-color: #9333ea;background: linear-gradient(90deg, #9333ea, #3b82f6);}
.page-home-header .s-btn a.video{background-color: rgb(255 255 255 / 0.1);border:1px solid rgb(255 255 255 / 0.3);}
.page-home-header .s-btn a:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}


.section-swiper .swiper {height: 500px;background-color: rgb(255 255 255 / 0.05);border:1px solid rgb(168 85 247 / 0.3);border-radius:1rem;}
.section-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.section-swiper .swiper-button-next,.section-swiper .swiper-button-prev {width:45px;color:#fff;opacity:0;visibility:hidden;transform-origin:0 0 0;transition:all 0.3s ease-out 0s;}
.section-swiper:hover .swiper-button-next,.section-swiper:hover .swiper-button-prev {opacity:1;visibility:visible;}
.section-swiper:hover .swiper-button-next {right:3%}
.section-swiper:hover .swiper-button-prev {left:3%}
.section-swiper .swiper-button-next:hover {color:#dbdbdb;}
.section-swiper .swiper-button-prev:hover {color:#dbdbdb;}
.section-swiper .swiper-button-next:after,.section-swiper .swiper-button-prev:after {position:relative;font-size:1.5rem;}
.section-swiper .swiper-button-prev:after {left:-1px}
.section-swiper .swiper-button-next:after {left:1px}
.section-swiper .swiper-button-next.swiper-button-disabled,.section-swiper .swiper-button-prev.swiper-button-disabled {opacity:0;visibility:hidden;}
.section-swiper .swiper .swiper-pagination-bullet{background:#fff;}
.section-swiper .swiper .swiper-pagination-bullet-active{background:#fff;width: 30px;border-radius: 10px;}

.cross{padding-top: 1.5rem;border-top:1px solid rgb(255 255 255 / 0.1);margin-top:3rem;}
.cross p{font-size: 0.875rem;line-height: 1.25rem;margin-bottom: 1rem;color: rgb(255 255 255 / 0.6);text-align: center;}
.cross-desc{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 2rem;}
.cross-desc .desc{color: rgb(255 255 255 / 0.6);font-size: 0.875rem;line-height: 1.25rem;}

.features-sec{position: relative;margin:5rem 0;}
.features-sec .container-fluid{padding:0 8rem;}
.section-title{text-align: center;margin-bottom: 4rem;}
.section-title h2{font-size: 2.25rem;color:#111827;font-weight: 700;margin-bottom: 1.5rem;}
.section-title p{color: #4b5563;font-size: 1.125rem;line-height: 1.55rem;text-align: center;}
.section-tit{text-align: center;margin-bottom: 4rem;}
.section-tit h2{font-size: 2rem;color:#111827;font-weight: 700;margin-bottom: 1rem;}
.section-tit p{color: #4b5563;font-size: 1rem;line-height: 1.55rem;text-align: center;}
.section-tit:after{display: block;content: '';width: 100px;border-radius: 10px; height: 4px;margin: 20px auto 0;background-color:#3b82f6;background: linear-gradient(90deg, #a855f7, #3b82f6);}
.features-item{overflow: hidden;background-color: #fff;border:1px solid #f3f4f6;box-shadow: 0 15px 30px rgba(0, 0, 0, .1);border-radius: 10px;min-height: 100%;}
.features-item .item-icon{padding: 1.4rem;border-color: #3b82f6;background: linear-gradient(90deg, #3b82f6, #06b6d4);}
.features-item .item-icon .ico{display: flex;justify-content: center;align-items: center;border-radius: 0.5rem;background-color: rgb(255 255 255 / 0.2);width: 3rem;height: 3rem;}
.features-item .item-icon .ico i{font-size: 20px;color:#fff;}
.features-item .item-text{background-color: #fff;padding: 1.4rem;}
.features-item .item-text h3{color: #111827;font-weight: 700;font-size: 1.25rem;line-height: 1.75rem;margin-bottom: 0.75rem;}
.features-item .item-text p{color: #4b5563;margin-bottom: 1.5rem;font-size: 16px;line-height: 1.5rem;}
.features-item .item-text ul{margin-bottom: .5rem;}
.features-item .item-text ul li{display: flex;align-items: flex-start;margin-bottom: .75rem;}
.features-item .item-text ul li .faicon{display: flex;align-items: center;justify-content: center;border-radius: 15px;width: 1.25rem;height: 1.25rem;background-color: rgba(99, 97, 97, 0.2);margin-right: 0.35rem;}
.features-item .item-text ul li .faicon i{font-size: 12px;color:#000;}
.features-item .item-text ul li span{color: #374151;font-size: 0.875rem;line-height: 1.25rem;}

.features-item.fea-1 .item-icon{border-color: #3b82f6;background: linear-gradient(90deg, #3b82f6, #06b6d4);}
.features-item.fea-1 .item-text ul li .faicon{background-color:#3b82f6;}
.features-item.fea-2 .item-icon{border-color: #a855f7;background: linear-gradient(90deg, #a855f7, #ec4899);}
.features-item.fea-2 .item-text ul li .faicon{background-color:#a855f7;}
.features-item.fea-3 .item-icon{border-color: #10b981;background: linear-gradient(90deg, #10b981, #14b8a6);}
.features-item.fea-3 .item-text ul li .faicon{background-color:#10b981;}
.features-item.fea-4 .item-icon{border-color: #f59e0b;background: linear-gradient(90deg, #f59e0b, #f97316);}
.features-item.fea-4 .item-text ul li .faicon{background-color:#f59e0b;}


.unique-sec{position: relative;margin:5rem 0;}
.unique-sec .container-fluid{padding:0 8rem;}
.unique-sec .unique-box{background-color: #fff;background: linear-gradient(90deg, #f9fafb, #faf5ff);padding:2.5rem;border-radius: 10px;}
.unique-item{padding:1.5rem;border-radius: 8px; background-color: #fff;text-align: center;display: flex;align-items: center;flex-direction: column;box-shadow: 0 1px 6px rgba(0, 0, 0, .1);}
.unique-item .item-icon{display: flex;align-items: center;justify-content: center;width: 3.5rem;height: 3.5rem;border-radius: 30px;background-color: #f3e8ff;margin-bottom: 1.25rem;}
.unique-item .item-icon i{color:#9333ea;font-size: 18px;}
.unique-item .item-text{position: relative;}
.unique-item .item-text h3{margin-bottom: 0.75rem;font-size: 1.125rem;line-height: 1.75rem;font-weight: 700;color: #111827;}
.unique-item .item-text p{color: #4b5563;font-size: 16px;line-height: 1.5rem;}


.value-sec{position: relative;margin:5rem 0;}
.value-sec .container-fluid{padding:0 8rem;}
.value-sec .section-title h2{color:#111827;font-size:46px;}
.value-sec .section-title h2 span{display: inline-block;color: #4f46e5;background: linear-gradient(32.72deg, #4f46e5 50%, #9333ea 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.value-item{overflow: hidden;background-color: #fff;border:1px solid #f3f4f6;box-shadow: 0 15px 30px rgba(0, 0, 0, .1);border-radius: 10px;min-height: 100%;}
.value-item .item-icon{display: flex;align-items: flex-start;justify-content: space-between;   padding: 1.4rem;border-color: #3b82f6;background: linear-gradient(90deg, #3b82f6, #06b6d4);}
.value-item .item-icon .ico{display: flex;justify-content: center;align-items: center;border-radius: 0.5rem;background-color: rgb(255 255 255 / 0.2);width: 3rem;height: 3rem;}
.value-item .item-icon .ico i{font-size: 20px;color:#fff;}
.value-item .item-icon .arrow{display: flex;justify-content: center;align-items: center;background-color: rgb(255 255 255 / 0.2);padding:0.25rem;border-radius: 20px;width: 2rem;height: 2rem;}
.value-item .item-icon .arrow i{color:#fff;font-size: 16px;transform: rotate(51deg) scale(1);}
.value-item .item-text{background-color: #fff;padding: 1.4rem;}
.value-item .item-text h3{color: #111827;font-weight: 700;font-size: 1.25rem;line-height: 1.75rem;margin-bottom: 0.75rem;}
.value-item .item-text p{color: #4b5563;margin-bottom: 1.5rem;font-size: 16px;line-height: 1.5rem;}
.percentage{display: flex;align-items: flex-end;justify-content: space-between;}
.percentage .per{position: relative;}
.percentage .per .pers{color: #4f46e5;font-size: 1.475rem;line-height: 2.25rem;font-weight: 700;}
.percentage .per span{color: #6b7280;font-size: 0.875rem;line-height: 1.25rem;}
.percentage .ico{display: flex;align-items: center;justify-content: center;width: 2.8rem;height: 2.8rem;border-radius: 30px;background-color: #4f46e5;}
.percentage .ico i{font-size: 18px;color:#fff;}

.value-item.value-1 .item-icon{background: linear-gradient(90deg, #4f46e5, #9333ea);}
.value-item.value-1 .percentage .per .pers{color:#4f46e5;}
.value-item.value-1 .percentage .ico{background-color: #4f46e5;}
.value-item.value-2 .item-icon{background: linear-gradient(90deg, #2563eb, #0891b2);}
.value-item.value-2 .percentage .per .pers{color:#2563eb;}
.value-item.value-2 .percentage .ico{background-color: #2563eb;}
.value-item.value-3 .item-icon{background: linear-gradient(90deg, #059669, #0d9488);}
.value-item.value-3 .percentage .per .pers{color:#059669;}
.value-item.value-3 .percentage .ico{background-color: #059669;}
.value-item.value-4 .item-icon{background: linear-gradient(90deg, #d97706, #ea580c);}
.value-item.value-4 .percentage .per .pers{color:#d97706;}
.value-item.value-4 .percentage .ico{background-color: #d97706;}


.customer-sec {position: relative;margin: 5rem 0;}
.customer-sec .container-fluid{padding:0 8rem;}
.customer{padding: 1.5rem;background-color:#fff;border-radius: 10px;box-shadow: 0 0 15px rgba(0,0,0,.1);border:1px solid #f1f1f1;transition:all .3s ease 0s;}
.customer:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);border:1px solid #d8b4fe;}
.customer .star{display: flex;align-items: center;margin-bottom: 1rem;}
.customer .star i{color:#facc15;}

.customer .text{margin-bottom: 1.5rem;color:#4b5563;font-size: 16px;}
.customer .text i{display: block;vertical-align: middle;color: #d8b4fe;font-size:26px;width: 1.5rem;height: 1.5rem;margin-bottom: 0.5rem;}
.customer .people{display: flex;align-items: center;}
.customer .people img{object-fit: cover;width: 3rem;height: 3rem;border-radius: 30px;margin-right: 1rem;}
.customer .people .peo-box{position: relative;}
.customer .people .peo-box .name{color:#1f2937;font-weight:600;font-size: 16px;}
.customer .people .peo-box .zw{color:#6b7280;font-size: 0.875rem;line-height: 1.25rem;}



.news-sec {position: relative;margin: 5rem 0;}
.news-sec .container-fluid{padding:0 8rem;}
.post-loop-image{display: flex;flex-wrap: wrap;margin: -10px -10px 10px;}
.post-loop-image .item {box-sizing: border-box;flex-shrink: 0;padding: 10px;width: 33.33%;transition:all .3s ease 0s;}
.post-loop-image .item-inner {background:#fff;border-radius:6px;box-shadow:0px 6px 40px 0px rgba(34,87,179,0.12);overflow:hidden;transition:all .2s ease-out 0s;}
.post-loop-image .item:hover .item-inner{box-shadow:0 1rem 3rem rgba(31,45,61,.13)}
.post-loop-image .item-img {overflow:hidden;position:relative;}
.post-loop-image .item-thumb {display:block;height:100%;width:100%;}
.post-loop-image .item-thumb img {display:block;height:100%;object-fit:cover;width:100%;transition:all .2s ease-out 0s;}
.post-loop-image .item:hover .item-thumb img{transform:scale(1.02)}
.post-loop-image .item-img .item-category {background:#ef4444;border-radius:3px;color:#fff;font-size:12px;left:10px;line-height:14px;padding:4px 8px;position:absolute;top:10px;}
.post-loop-image .item-title {font-size:18px;font-weight:600;margin:0;padding:15px;}
.post-loop-image .item-title a {color:#111827;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;text-decoration:none;transition:all .2s ease-out 0s;}
.post-loop-image .item:hover .item-title a{color:#ef4444;}
.post-loop-image .item-excerpt {color:#878787;font-size:14px;line-height:1.425;padding:0 15px;margin-bottom:15px;max-height:52px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2}
.post-loop-image .item-excerpt p {color:#878787;font-size:14px;margin-bottom:0}
.post-loop-image .item-meta {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a1a1a8;padding:0 15px 0px;margin-top:12px;}
.post-loop-image .item-meta .meta-li {color:#a1a1a1;font-size: 12px; display: inline-block;line-height: inherit;margin-right: 15px;vertical-align: top;}
.post-loop-image .item-meta .meta-li i {margin-right:.2rem;font-size: 12px;}
.post-loop-image .item-inner .tags{display: flex;align-items: center;justify-content: space-between;padding: 0 15px;margin-bottom: 15px;}
.post-loop-image .item-inner .tags .tag{display: flex;flex-wrap: wrap;gap: 0.25rem;}
.post-loop-image .item-inner .tags .tag a{background-color: #f3f4f6;font-size: 12px;color: #4b5563;padding:0.125rem 0.5rem;border-radius: 10px;}
.post-loop-image .item-inner .tags .more{display: flex;}
.post-loop-image .item-inner .tags .more a{color:#dc2626;font-size: 12px;}
.post-loop-image .item-inner .tags .more a i{font-size: 12px;margin-left:5px;}
.news-more{text-align: center;margin-top:2rem;}
.news-more a{color: #9333ea;align-items: center;display: inline-flex;}
.news-more a i{margin-left:.5rem;font-size: 14px;color: #9333ea;}


.price-sec {position: relative;margin: 5rem 0;}
.price-sec .container-fluid{padding:0 8rem;}
.price-tit{border-color: #3b82f6;background: linear-gradient(90deg, #9333ea, #3b82f6);border-radius: 10px;padding:1.5rem;margin-bottom: 2rem;}
.price-tit h2{font-size: 20px;text-align: center;margin-bottom: 0.25rem;font-weight: 700;color:#fff;}
.price-tit p{color:#fff; opacity: 0.9;font-size: 14px;line-height: 1.25rem;text-align: center;}
.price-box table tr:hover{background-color: #faf5ff;}
.price-box table tr td i{color: #22c55e;font-size: 18px;}
table {text-indent:0;border-color:inherit;border-collapse:collapse;}
*,::after,::before {box-sizing:border-box;border-width:0;border-style:solid;/* border-color:#e5e7eb;*/}
.border-gray-200 {border-color:#e5e7eb;}
.w-full {width:100%;}
.overflow-hidden {overflow:hidden;}
.rounded-xl {border-radius:0.75rem;}
.bg-gray-50 {background-color:#f9fafb;}
.text-gray-500 {color:#6b7280;}
.border-b {border-bottom-width:1px;}
.bg-white {background-color:#fff;}
.font-bold {font-weight:700;}
.bg-purple-600 {background-color:#9333ea;}
.text-purple-700 {color:#9333ea;}
.rounded-full {border-radius:9999px;}
.text-sm {font-size:0.875rem;line-height:1.25rem;}
.text-lg {font-size:1.125rem;line-height:1.75rem;}
.text-xs {font-size:0.75rem;line-height:1rem;}
.text-white {color:#fff;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.font-bold {font-weight:700;}
.inline-block {display:inline-block;}
.text-green-500 {color:#22c55e;}
.bg-blue-500 {background-color:#3b82f6;}
.bg-green-500 {background-color:#22c55e;}
.bg-purple-500 {background-color:#a855f7;}
.from-purple-600 {background:linear-gradient(90deg,#9333ea,#3b82f6);}
.text-gray-300 {color:#d1d5db;}
.rounded-lg {border-radius:0.5rem;}
.w-5 {width:1.25rem;}
.h-5 {height:1.25rem;}

.price-text{margin-top: 2rem;color: #4b5563;font-size: 0.875rem;line-height: 1.25rem;text-align: center;}
.price-text p{margin-bottom: 1rem;}
.price-text p a{color: #9333ea;}
.price-text .zhichi{display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;}
.price-text .zhichi .item{color: #6b7280;font-size: 0.75rem;line-height: 1rem;display: flex;align-items: center;}
.price-text .zhichi .item i{color:#22c55e;font-size: 16px;margin-right:.2rem;}

.function-sec {position: relative;margin: 5rem 0;}
.function-sec .container-fluid{padding:0 8rem;}
.fun-item{overflow: hidden;background-color: #fff;border: 1px solid #f3f4f6;box-shadow: 0 15px 30px rgba(0, 0, 0, .1);border-radius: 10px;min-height: 100%;}
.fun-item .item-icon{display: flex;align-items: flex-start;justify-content: space-between;padding: 1.4rem;background-color: #a855f7;background: linear-gradient(90deg, #a855f7, #ec4899);}
.fun-item .item-icon .tit h3{font-weight: 600;color:#fff;margin-bottom: 0.25rem;}
.fun-item .item-icon .tit p{color:#ffffffcc;font-size: 14px;}
.fun-item .item-icon .ico{display: flex;justify-content: center;align-items: center;background-color: rgb(255 255 255 / 0.2);padding: 0.25rem;border-radius: 30px;width: 2.5rem;height: 2.5rem;}
.fun-item .item-icon .ico i{color: #fff;font-size: 19px;}
.fun-item .item-text{background-color: #fff;padding: 1.4rem;}
.fun-item .item-text .fun-list li{display: flex;align-items: flex-start;margin-bottom:1.5rem;}
.fun-item .item-text .fun-list li .ico{display: flex;justify-content: center;align-items: center;margin-right:.4rem; background-color: #a855f7;padding: 10px;border-radius: 30px;}
.fun-item .item-text .fun-list li .ico i{display: flex;align-items: center;justify-content: center;font-size: 12px;color: #fff;width: .8rem;height: .8rem;}
.fun-item .item-text .fun-list li .info h4{color:#1f2937;}
.fun-item .item-text .fun-list li .info p{font-size: 0.875rem;line-height: 1.25rem;color:#4b5563;}


.fun-item.fun-1 .item-icon {background-color: #a855f7;background: linear-gradient(90deg, #a855f7, #ec4899);}
.fun-item.fun-1 .item-text .fun-list li .ico{background-color: #a855f7;}
.fun-item.fun-2 .item-icon {background-color: #3b82f6;background: linear-gradient(90deg, #3b82f6, #06b6d4);}
.fun-item.fun-2 .item-text .fun-list li .ico{background-color: #3b82f6;}
.fun-item.fun-3 .item-icon {background-color: #22c55e;background: linear-gradient(90deg, #22c55e, #10b981);}
.fun-item.fun-3 .item-text .fun-list li .ico{background-color: #22c55e;}
.fun-item.fun-4 .item-icon {background-color: #f59e0b;background: linear-gradient(90deg, #f59e0b, #f97316);}
.fun-item.fun-4 .item-text .fun-list li .ico{background-color: #f59e0b;}
.fun-item.fun-5 .item-icon {background-color: #ef4444;background: linear-gradient(90deg, #ef4444, #f43f5e);}
.fun-item.fun-5 .item-text .fun-list li .ico{background-color: #ef4444;}
.fun-item.fun-6 .item-icon {background-color: #14b8a6;background: linear-gradient(90deg, #14b8a6, #10b981);}
.fun-item.fun-6 .item-text .fun-list li .ico{background-color: #14b8a6;}

.down-sec{position: relative;margin:2rem 0;}
.down-sec .container-fluid {padding: 0 8rem;}
.down-box{border:2px solid #a855f7;border-radius: 15px;background-color: #fff;padding:2rem 0;}
.down-box .section-title{margin-bottom: 2rem;}
.down-box .section-title h2{font-size: 28px;margin-bottom: 1rem;}
.down-box .section-title p{font-size: 16px;}
.down-box .d-btn{position: relative;display: flex;justify-content: center;flex-direction: row;gap: 1rem;margin:1rem 0;}
.down-box .d-btn a{color:#fff; font-size: 1rem;font-weight: 700;padding:0.85rem 2.2rem;border-radius: 30px;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;box-shadow: 0 1px 6px rgba(0, 0, 0, .1);}
.down-box .d-btn a i{margin-right: .5rem;color:#fff;font-size: 18px;vertical-align: middle;}
.down-box .d-btn a.down{border-color: #9333ea;background: linear-gradient(90deg, #9333ea, #3b82f6);}
.down-box .d-btn a.demo{background-color: rgb(255 255 255 / 0.1);border:1px solid #f1f1f1;color:#000;font-weight: 600;}
.down-box .d-btn a.demo i{color:#000;transform: rotate(90deg) scale(1);margin-left:.5rem;}
.down-box .d-btn a:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.down-box .d-foot{display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;border-top:1px solid #f3f4f6;padding-top:1.5rem;margin:1.5rem 10rem 0;}
.down-box .d-foot .item{color: #6b7280;font-size: 0.875rem;line-height: 1rem;display: flex;align-items: center;}
.down-box .d-foot .item i{color:#22c55e;font-size: 16px;margin-right:.2rem;}


.franchise-sec{position: relative;margin:2rem 0;}
.franchise-sec .container-fluid {padding: 0 8rem;}
.franchise-tit{border-color: #3b82f6;background: linear-gradient(90deg, #9333ea, #3b82f6);border-radius: 10px 10px 0 0;padding:1.5rem;}
.franchise-tit h2{font-size: 24px;text-align: center;margin-bottom: 0.25rem;font-weight: 700;color:#fff;}

.fran-tit{text-align: center;}
.fran-tit h2{font-size: 30px;color:#9333ea;font-weight: 700;margin-bottom: 1rem;}
.fran-tit p{color: #4b5563;font-size: 1.125rem;line-height: 1.55rem;text-align: center;}
.franchise-box{padding: 2.5rem;background-color: #fff;box-shadow: 2.5px 5px 18px 0 rgba(49, 83, 236, 0.07);}
.fran-box{position: relative;margin-top:3rem;}
.fran-item{height: 100%; padding:1.5rem;border-radius: 8px; background-color: #fff;background: linear-gradient(180deg, #faf5ff, #eef2ff);text-align: center;display: flex;align-items: center;flex-direction: column;box-shadow: 0 1px 6px rgba(0, 0, 0, .1);}
.fran-item .item-icon{display: flex;align-items: center;justify-content: center;width: 3.5rem;height: 3.5rem;border-radius: 30px;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px;margin-bottom: 1.25rem;}
.fran-item .item-icon i{color:#9333ea;font-size: 18px;}
.fran-item .item-text{position: relative;}
.fran-item .item-text h3{margin-bottom: 0.75rem;font-size: 1.125rem;line-height: 1.75rem;font-weight: 700;color: #111827;}
.fran-item .item-text p{color: #4b5563;font-size: 16px;line-height: 1.5rem;}
.franchise-contact{text-align: center;margin-top:3rem;}
.franchise-contact .phone{display: inline-block;padding: 0.45rem .8rem;border:1px solid #e9d5ff;border-radius: 30px;margin-bottom:1rem;}
.franchise-contact .phone span{color:#6b21a8;font-weight: 600;font-size: 1.5rem;}
.franchise-contact .phone i{color:#6b21a8;font-weight: 600;font-size: 1.5rem;}
.franchise-contact .text{color:#6b7280;font-size: .875rem;margin-bottom:2rem;}
.franchise-contact .down{color: #fff;font-size: 0.875rem;line-height: 1.25rem;font-weight: 700;padding: 0.75rem 2rem;border-radius: 30px;font-weight: 700;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;background-color: #9333ea; background: linear-gradient(90deg, #9333ea, #4f46e5);}
.franchise-contact .down i{transform: rotate(90deg) scale(1);margin-left:1rem;}

.footer-sec{position: relative;margin:2rem 0;}
.footer-sec .container-fluid {padding: 0 5rem;}
.footer{background-color: #111827;border-radius: 10px 10px 0 0;}
.footer-nav{padding:3rem 2rem;}
.logo-wrapper {position:relative;}
.logo-wrapper .flogo {color:#f5f5f5;display: flex;justify-content: flex-start;}
.logo-wrapper .flogo img {max-width:100%;width:3rem;}
.logo-wrapper .text-sm {font-size:14px;line-height:22px;color:#636b77;margin:1rem 0;}
.share .social-share .social-share-icon{border:none;background-color: #1f2937;padding: 3px;width: 38px;height: 38px;}
.share .social-share .icon-weibo,.share .social-share .icon-wechat,.share .social-share .icon-qq,.share .social-share .icon-qzone{color:#fff;}
.share .social-share .icon-weibo:hover,.share .social-share .icon-wechat:hover,.share .social-share .icon-qq:hover,.share .social-share .icon-qzone:hover{background-color: #6b21a8;}


.footer-menu h4{color:#fff;font-size: 1.125rem;line-height: 1.75rem;text-align: left;font-weight: 700;margin-bottom:.75rem;}
.footer-menu ul{font-size: 0.875rem;line-height: 1.25rem;}
.footer-menu ul li{text-align: left;margin-top:.75rem;}
.footer-menu ul li a{display: flex;align-items: center;justify-content: flex-start;color:#9ca3af;font-size: 14px;}
.footer-menu ul li a:hover{color:#fff;}
.footer-menu ul li a i{margin-right: .2rem;color:#9ca3af;font-size: 14px;} 
.footer-menu .contact li{color:#9ca3af;font-size: 14px;}
.footer-menu .contact li i{color:#c084fc;font-size: 14px;margin-right:.5rem;}
.search-foot{margin-top: 1.5rem;}
.search-foot h5{text-align: left;color:#fff;font-size: 16px;margin-bottom: 0.75rem;}
.search-foot .search-form form{display: flex;}
.search-foot .search-form .keyword{font-size: 0.875rem;line-height: 1.25rem;padding: .5rem 1rem;background-color: #1f2937;color:#fff;border-radius: 8px 0 0 8px;width: 100%;}
.search-foot .search-form .submit{background-color: #9333ea;border-radius: 0 8px 8px 0;letter-spacing: 5px;color:#fff;font-size: 16px;padding: .5rem 1rem;cursor: pointer;writing-mode: vertical-rl; text-orientation: mixed;}
.search-foot .search-form .submit:hover{background-color: #8c25ec;}

.copyright{border-top:1px solid #1f2937;padding:2rem 2rem;color: #656567;font-size: .75rem;}
.copyright a{color: #656567;}
.copyright .copy{display: flex;align-items: center;justify-content: space-between;flex-direction: row;}
.copyright .copy .copy-l{color: #9ca3af;font-size: 0.875rem;line-height: 1.25rem;}
.copyright .copy .copy-r .footer-btn{display: flex;}
.copyright .copy .copy-r{display: flex}
.copyright .copy .copy-r a{color: #9ca3af;font-size: 0.875rem;line-height: 1.25rem;display: flex;align-items: center;padding-left:1rem;}
.copyright .copy .copy-r a i{margin-right: 0.3rem;font-size: 14px;color:#9ca3af;}
.copyright .copy .copy-r a:hover,.copyright .copy .copy-r a:hover i{color:#fff;}
.copyright .instructions{margin-top: 1.5rem;color:#6b7280;font-size: 12px;line-height: 22px;text-align: center;}
/*list single page*/
.list-page{background-color: #faf5ff;background: linear-gradient(180deg, #faf5ff, #eff6ff);}

.cat-bg{display: flex;justify-content: center;align-items: center; height: 220px;
    position: relative;
    margin-top:5rem;background-size: cover;background-position: 50% 50%;
    background-repeat: no-repeat;}
.cat-overlay {
    background: rgba(34, 34, 34, 0);
}
.cat-banner{    padding: 30px 30px;text-align: center !important;position: absolute !important;top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
color:#fff;}
.cat-banner h3{color: #fff;
    font-size: 28px;
    letter-spacing: 1px;}

.cat-tj{
    margin-left: 10px;
    background: #fe6130;
    display: inline-block;
    font-size: 12px;
    padding: 0 10px 1px 10px;
    line-height: 16px;
    margin-top: 0px;
    color: #ffffff;
    position: relative;
    border-radius: 2px;
    font-style: normal;
    font-stretch: normal;
    top: -4px;
}
.cat-tj:after {
    content: "";
    width: 4px;
    height: 0px;
    border-width: 6px;
    border-color: transparent #fe6130 transparent transparent;
    border-style: solid;
    position: absolute;
    left: -11px;
    top: 2px;
}
.crumb {
    position: absolute;
    font-size: 0.875rem;
    color: #fff;
    line-height: 48px;
    z-index: 1;
}
.crumb a {
    color: #fff;
}
.list-sec{}
.list-main{padding: 4rem;margin: 0 1rem;}
.list-box{position: relative;}
.post-loop-news .item {align-items:stretch;border-bottom:1px solid #f4f4f4;display:flex;overflow:hidden;transition:all .3s ease 0s;padding: 1rem;border-radius: 4px;background-color: #fff;}
.post-loop-news .item-img {flex-grow:0;flex-shrink:0;position:relative;transition:box-shadow .3s ease 0s;width:30%;padding-right: 20px;}
.post-loop-news .item-img .item-img-inner {border-radius:8px;display:block;overflow:hidden;position:relative}
.post-loop-news .item-img img {display:block;height:100%;object-fit:cover;transition:all .3s ease-out 0s;width:100%}
.post-loop-news .item-img .item-img-inner:hover img {transform:scale(1.03);transition:all .3s ease-out 0s}

.post-loop-news .item-category {background:rgba(0,0,0,.5);border-radius:3px;color:#fff;font-size:12px;left:10px;line-height:14px;padding:4px 8px;position:absolute;text-decoration:none;top:10px}
.post-loop-news .item-category:hover {background:#9333ea;}

.post-loop-news .item-content {display: grid;align-content: space-between;row-gap: 0;width: 100%;}
.post-loop-news .item-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.post-loop-news .item-title {font-size: 20px;font-weight: 500;line-height: 1.5;margin: 0 0 10px;font-weight: 600;}
.post-loop-news .item-title a {color:#333;font-size: 18px;max-height:56px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;text-decoration:none}
.post-loop-news .item-title a:hover {color:#9333ea;}
.post-loop-news .item-excerpt {color:#bdbdbd;font-size:14px;line-height:1.625;margin-bottom:15px;max-height:52px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2}
.post-loop-news .item-excerpt p {color:#bdbdbd;font-size:14px;margin-bottom:0}

.post-loop-news .item-meta {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content: space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a1a1a8;}
.post-loop-news .item-meta .meta-li {color:#bdbdbd;font-size: 14px; display:flex;align-items: center;line-height: inherit;margin-right: 15px;vertical-align: top;}
.post-loop-news .item-meta .meta-li i {margin-right:.2rem;}

.post-loop-news .item-meta .meta-li.avatar img {
    border-radius: 50%;width: 20px;
    height: 20px;margin-right:.2rem;
}
.post-loop-news  .item-meta .left-group, .post-loop-news  .item-meta .right-group {
    display: flex;
    gap: 15px; /* 可选：设置元素间距 */
}
.pagination {display:block;margin:0;text-align: center;border-radius:0;padding:1.5rem 0;}
.pagination a,.pagination span{display:inline-block;margin-right:2px;}
.pagination a,.pagination span{margin: 0 .2rem;font-size:14px;color:#3b3b3b;font-weight:700;display:inline-block;padding:9px 18px;background: hsla(0,0%,100%,.5);box-shadow: 0 4px 24px #2764af1a;border-radius: 4px;}
.pagination a:hover,.pagination a:focus,.pagination  > a.active,.pagination  > span.active {color:#fff;background-color: #9333ea;background: linear-gradient(200deg,#a24ef0,#9333ea 89%);}.explains {padding:0 8px;margin-bottom:2rem;}

.list-box-r {position:relative;background-color:#fff;clear:both;overflow:hidden;margin-bottom:1.5rem;border-radius: 6px;}
.list-box-r .tit{padding:1rem 0;}

.sing-tit {padding: .5rem 0;display: inline-block;width: 100%;position: relative;border-bottom: 1px solid #f4f4f4;}
.sing-tit h3 {position:relative;padding:0 0 0 15px;font-size:1rem;color:#666;font-weight:500;}
.sing-tit h3:before {position:absolute;left:0;top:0px;width:5px;height:100%;border-radius:1px;content:"";background-color:#9333ea;box-shadow: 3px 0px 10px -1px #9333ea;border-radius: 2px;}
.list-grid{position: relative;padding:0 1rem;}
.list-grid li {margin:0;padding:15px 0;display:flex;width:100%;position:relative;overflow:hidden;}
.list-grid li .item-img {width:100px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.list-grid li .item-img-inner {display:block;}
.list-grid li .item-img img {display:block;width:100%;height:80px;object-fit:cover;transition:opacity .3s,transform .3s ease-in-out}
.list-grid li:hover img{opacity:.86;transform:scale(1.05)}
.list-grid li .item-content {position:relative;margin-left:10px;width:calc(100% - 110px);flex-shrink:1;}
.list-grid li .item-content .item-title {margin-top:2px;margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;line-height:1.4;}
.list-grid li .item-content .item-title a {color:#262626;font-size:14px;}
.list-grid li .item-content .item-title a:hover {color:#9333ea;}
.list-grid li .item-content p i {font-size:14px;margin-right:4px;}
.list-grid li .item-content .item-date {position:absolute;bottom:5px;margin:0;font-size:12px;color:#828282;line-height:14px;}

.tags-item{position: relative;padding:1rem 1rem;}
.tags-item a {
    display: inline-block;
    font-size: 12px;
    color: #aaa;
    background: #f6f6f6;
    padding: 4px 10px;
    border-radius: 3px;
    margin: 3px;
    border-radius: 4px !important;
}
.tags-item a:hover{background-color:#9333ea;color:#fff}
.feature-post {width:100%;position:relative;display:inline-block;padding:1rem;}
.feature-post ul{display: flex;flex-wrap: wrap; gap:15px;}
.feature-post li {flex: 0 0 calc(50% - 8px);position:relative;border-radius:4px;overflow:hidden;background:#fff}
.feature-post li:last-child {margin-bottom:0}
.feature-post li:hover img {-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-out 0s}
.feature-post a {display:block;transition:all .3s ease-out 0s;}
.feature-post img {width:100%;height:140px;vertical-align:top;transition:all .3s ease-out 0s;}
.feature-post span {position:absolute;display:block;left:0;bottom:0;width:100%;padding:5px 20px;line-height:22px;color:#fff;font-size:14px;background:rgba(0,0,0,.3);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.page-menu{border:1px solid #f4f4f4;background-color: #fff;border-radius: 6px;}
.page-menu ul li{padding:20px 0;margin:0!important;border-bottom:1px solid #f4f4f4;text-indent:20px}
.page-menu ul li:last-child{border:none}
.page-menu ul li a{display:block;color:#888;font-size:15px}
.page-menu .current-menu-item{background:#fafafa}
.page-menu .current-menu-item a{position:relative;font-weight:bold;color:#9333ea!important}
.page-menu .current-menu-item a::after{content:'';position:absolute;width:5px;height:100%;background:#9333ea;left:0;box-shadow:3px 0px 10px -1px #9333ea;border-radius:2px}

.page-main{border:1px solid #f4f4f4;background-color: #fff;border-radius: 6px;padding:2rem;}
.page-main h3 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px !important;
    color:#000;
}
.page-main p {
    line-height: 1.5;
    margin-bottom: 20px;
}
.page-main h3:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #9333ea;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    box-shadow: 0px 0px 10px 2px #9333ea;
}


.single-sec{padding-top:5rem;}
.single-warp {
    padding: 30px;
    border-radius: 4px !important;
    background-color: #fff;
    margin-bottom: 20px !important;
    border: 1px solid #f4f4f4;
}
.article-detail {position:relative;margin-bottom:20px;border-bottom:1px solid #ebebf1;padding-bottom:20px;}
.article-detail .detail-title {color:#333; font-size:24px;font-weight:500;-webkit-line-clamp:inherit;height:auto;line-height:normal;margin-bottom:1rem;}
.article-detail .item-meta {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content: space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a1a1a8;}
.article-detail .item-meta .meta-li {color:#bdbdbd;font-size: 14px; display:flex;align-items: center;line-height: inherit;margin-right: 15px;vertical-align: top;}
.article-detail .item-meta .meta-li i {margin-right:.2rem;}
.article-detail .item-meta .left-group, .article-detail  .item-meta .right-group {display: flex;gap: 15px;}

.article-body {color:#292c35;font-size:16px;margin-bottom:10px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal;}
.article-body .body-img {text-align:center;}
.article-body img {max-width:100%;height:auto;margin-bottom:20px;border-radius:5px;}
pre,blockquote {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-family:"Microsoft Yahei";}
.article-body pre,.article-body blockquote {margin:20px 0;font-size:12px;line-height:24px;background:#4a4a4a;padding:10px 20px;color:#f8f8d4;border:0;white-space:pre-line;}
.article-body pre code,.article-body blockquote p {padding:0;font-family:"Microsoft YaHei";font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0;}
.article-body p {margin:5px 0;color:#2f3340;font-size:16px;}
.article-body h1,.article-body h2,.article-body h3 {color:#000;font-size:22px;margin-top:1rem;margin-bottom:.5rem;}
.article-body h4 {color:#2b548b;font-size:15px;font-weight:600;}

.single-cop {
    background: #f5f6f8;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.8;
    padding:.5rem 1rem;
}
.single-cop p{color:#b4b4b4;font-size: 12px;padding:1rem 0;}
.single-tags{border-top:1px solid #f4f4f4;margin: 20px 0;padding-top:20px;}
.single-tags a {
    margin: 3px 5px 3px 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    padding: 0 12px;
    font-size: 14px !important;
    line-height: 30px;
    vertical-align: top;
    border-radius: 4px;
    color: #9333ea;
    background: rgba(232, 120, 247, 0.1);
}
.single-tags a:hover {background:#9333ea;color:#fff;}

.entry-page{display: flex;gap: 1rem;}
.entry-page-next,.entry-page-prev {background-position:50%;background-size:cover;border-radius:4px;color:#fff;float:left;overflow:hidden;padding:10px 15px 10px;position:relative;width:49%;}
.entry-page-next:before,.entry-page-prev:before {background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;}
.entry-page-next a,.entry-page-prev a {color:#fff;font-size:16px;height:100%;position:relative;width:100%;z-index:1;}
.entry-page-next a span,.entry-page-prev a span {display:block;line-height:20px;overflow:hidden;padding:10px 0;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.entry-page-next .entry-page-info,.entry-page-prev .entry-page-info {font-size:12px;line-height:16px;overflow:hidden;position:relative;}
.entry-page-next .entry-page-info span, .entry-page-prev .entry-page-info span{color:#fff;}
.entry-page-next:hover:before,.entry-page-prev:hover:before{background:rgba(0,0,0,.7)}

.widget-title {line-height:1;margin:10px 0 15px;padding:0 0 0 0px;position:relative;}
.widget-title i{color:#9333ea;font-size: 20px;margin-right: 5px;}
.widget-title span{color:#121212;font-size:16px;font-weight:600;}
.entry-related-posts{background: #fff;padding: 20px;margin-bottom: 20px;display: block;border-radius: 4px;box-shadow: 0 4px 24px #2764af1a;}
.entry-related-posts .article-item ul li{padding:20px 0px;}
.entry-related-posts .widget-title{margin: 10px 0 5px;}
.article-relevant ul {padding-top:1rem;}
.article-relevant li {position:relative;padding-left:15px;margin-bottom:12px;list-style:none;}
.article-relevant li:before {position:absolute;content:'';width:5px;height:5px;left:0;top:7px;border-radius:50%;background:#9333ea;}
.article-relevant li a {color:#16133d;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.topic-list {width:100%;display: flex;flex-wrap: wrap;gap: 10px;margin-top:2rem;}
.topic-list .topic {display:inline-block;flex: 0 0 calc(25% - 8px);position: relative;}
.topic-list .topic:nth-child(4n+1) {margin-left:0}
.topic-list .topic:nth-child(4n+4) {margin-right:0}
.topic-list .topic-wrap {position:relative;display:block;width:100%;text-decoration:none;border-radius:3px;overflow:hidden;}
.topic-list .topic-wrap:hover {text-decoration:none}
.topic-list .cover-container img {object-fit:cover;/*height:108px;*/vertical-align:top;  }
.topic-list p {width:100%;font-size:14px;margin-top:5px;line-height:22px;color:#2f3340;box-sizing:border-box;display: -webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;}
.topic-list .topic:hover p{color:#9333ea;}

.catnav{margin-top:1rem;}
.crumbs {
    position: relative;
    font-size: 0.875rem;
    color: #1b1b1b;
    line-height: 48px;
    z-index: 1;
}
.crumbs a {
    color: #1b1b1b;
}
.fixed-contact{display: none;}

.wximg{background:#f3f4f6;padding:1rem;border-radius: 6px;margin:.5rem 0;}
.wximg img{width: 200px;}
.popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center;animation:fadeIn 0.3s ease;}
.popup-content {background:white;border-radius:15px;padding:30px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.3);position:relative;animation:slideUp 0.4s ease;}
.popup-header {display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.popup-header i {font-size:24px;color:#07c160;margin-right:10px;}
.popup-header h2 {color:#333;font-size:22px;font-weight: 600;}
.wechat-id {background:#f5f5f5;padding:15px;border-radius:10px;margin:20px 0;font-size:22px;font-weight:bold;color:#333;letter-spacing:2px;border:2px dashed #ddd;}
.copy-btn {background:#07c160;color:white;border:none;padding:12px 30px;font-size:16px;border-radius:50px;cursor:pointer;transition:all 0.3s ease;margin-bottom:20px;width:100%;font-weight:500;}
.copy-btn:hover {background:#06a652;transform:translateY(-2px);box-shadow:0 5px 10px rgba(7,193,96,0.3);}
.close {background:#f0f0f0;color:#666;border:none;padding:10px 20px;font-size:14px;border-radius:50px;cursor:pointer;transition:all 0.3s ease;width:100%;}
.close:hover {background:#e0e0e0;}
.success-message {color:#07c160;margin-top:10px;font-size:14px;display:none;}
@keyframes fadeIn {from {opacity:0;}
to {opacity:1;}
}
@keyframes slideUp {from {opacity:0;transform:translateY(30px);}
to {opacity:1;transform:translateY(0);}
}
@media (max-width:480px) {.container {padding:30px 20px;}
h1 {font-size:24px;}
.popup-content {padding:25px 20px;}
}




@media (max-width:991px) {
.header-topbar{display: none;}

.canvas-close {display:-webkit-box;position:absolute;right:10px;top:10px;width:40px;height:40px;z-index:99999;color:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.canvas-close i{font-size: 1.8rem;}
.hua-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999;opacity:0;backdrop-filter:blur(2px);transition:ease-out .2s;}
.header .menu-wrap {width:80%;margin-left:0;position:fixed;top:0;left:0;display:flex;flex-direction:column;height:100vh;z-index:99999;background:#fff;transform:translateX(-100%);transition:all 0.3s;}
.header .menu-wrap.show {transform:translateX(0);}
.header .menu-wrap .navbar-nav {display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:0;overflow-y:auto;width:100%;margin-top:4rem;}

.navbar-nav>li{border-bottom:1px solid #f4f4f4;width:100%;}
.navbar-nav>li>a{font-size: 1rem;padding: 0 25px;}
.navbar-nav>li:hover>a{color:#1a1a1a;}
.navbar-nav>.dropdown:after{display: none;}
.m-dropdown {display:block;position:absolute;right:5px;text-align:center;top:0;width:65px;z-index:1003;}
.m-dropdown i {display:inline-block;font-size:2.5rem;line-height:64px;transition:all .3s ease-out 0s;}
.m-dropdown.s-icon i {transform:rotate(180deg);transition:all .3s ease-out 0s;}
.navbar-nav>li ul.dropdown-menu {padding:0.75rem 0.75rem;background-color:#f5f5f5;border:none;border-radius:0;border-top:0;box-shadow:none;box-sizing:border-box!important;display:none;top:0;left:0!important;max-width:none;opacity:1;position:relative;transform:scaleY(1);visibility:visible;width:100%!important;transition:transform .3s,opacity .1s;}
.navbar-nav>li ul.dropdown-menu li a {font-size:.875rem;color:#282a2d;font-weight:400;line-height:24px!important;overflow:hidden;padding:12px 20px;white-space:normal;}
.navbar-action .btn-b,.navbar-action .btn-a{display: none;}

.navbar-action{gap:10px;}
.menu-toggle {display: block;cursor: pointer;padding: 9px 10px;}
.menu-toggle:before,.menu-toggle:after,.menu-toggle span {display:block;height:2px;background-color:#000;content:'';}
.menu-toggle span {width:12px;margin:6px 0 6px 12px;}
.menu-toggle:before {width:24px;}
.menu-toggle:after {width:18px;margin-left:6px;}
.footer-sec .container-fluid{padding: 0;}
.footer-menu{margin-top:2rem;}
.copyright .copy{flex-direction: column;gap: 1rem;}
.copyright .copy .copy-r .footer-btn{    gap: .6rem;}
.copyright .copy .copy-r a{padding-left:0;}
/*index*/
.page-home-header{margin:0;}
.page-home-header{padding:1rem;}
.page-home-header .banner-subtitle h1{font-size: 28px;margin-top:2rem;}
.page-home-header .s-btn{flex-direction: column;}
.page-home-header .s-btn a{text-align: center;}
.features-sec .container-fluid{padding: 0 2rem;}
.unique-sec .container-fluid{padding: 0 2rem;}
.value-sec .container-fluid{padding: 0 2rem;}
.customer-sec .container-fluid{padding: 0 2rem;}
.news-sec .container-fluid{padding: 0 2rem;}
.price-sec .container-fluid{padding: 0 2rem;}
.function-sec .container-fluid{padding: 0 2rem;}
.down-sec .container-fluid{padding: 0 2rem;}
.franchise-sec .container-fluid{padding: 0 2rem;}
.value-sec .section-title h2{font-size: 30px;}

.price-box {overflow-x: auto;}
.down-box .d-btn{flex-direction: column;text-align: center;}
.down-box .section-title h2{font-size: 24px;}
.down-box{padding: 2rem 1rem;}
.down-box .d-foot{margin: 0;}

.section-swiper .swiper {height: 260px;}
.section-swiper .swiper-button-next,.section-swiper .swiper-button-prev {display: none !important;}
.list-sec{padding-top:1rem;}
.post-loop-image .item{width: 100%;}
.post-loop-image .item-title{font-size: 15px;font-weight: 500;padding: 8px;}
.post-loop-image .item-meta .meta-li.category{display: none;}
.post-loop-image .item-excerpt{padding: 0 8px;}
.post-loop-image .item-meta{padding: 0 8px 10px;}

.post-loop-news .item-img {width:33%}
.post-loop-news .item-category {display:none}
.post-loop-news .item-title {font-size:17px;font-weight:400;line-height:1.36}
.post-loop-news .item-title a {max-height:50px;font-size:17px;}
.post-loop-news .item-excerpt {display:none}
.post-loop-news .item-content {padding-left: 10px;}
.post-loop-news .item-meta .meta-li.category{display: none;}


/*page*/
.article-detail .item-meta .meta-li.category{display: none;}
.entry-page{flex-direction: column;}
.entry-page-next, .entry-page-prev{width: 100%;}
.topic-list .topic{flex: 0 0 calc(50% - 8px);;}

.list-main{padding: 0rem;margin: 0 0rem;}

.fixed-contact{position: fixed;display: flex;gap: 1rem;justify-content: center;bottom: 1.5rem;left: 0px;right: 0px;z-index: 40;padding: 0 2rem;}
.fixed-contact .phone{background-color: #22c55e;display: flex;flex: 1 1 0%;align-items: center;justify-content: center;padding:.75rem 1rem;border-radius: 30px;color: #fff;font-size: 16px;}
.fixed-contact .weixin{background-color: #22c55e;display: flex;flex: 1 1 0%;justify-content: center;align-items: center;padding:.75rem 1rem;border-radius: 30px;color: #fff;font-size: 16px;}
.fixed-contact .phone i{font-size: 20px;margin-right: .3rem;}
.fixed-contact .weixin i{font-size: 18px;margin-right: .3rem;}
}