html{scroll-behavior: smooth;}

.Home-box {position: relative;}
.banner .swiper-slide img:nth-child(1) {width: 100%;height: 400px;object-fit: cover;}
/* 公用 */
#ft {margin-top: 0px;}
.us-service {#F8FAFD}
.us-service2 {background: url(/uiFramework/commonResource/image/2024101114010286193.png) no-repeat;background-size: cover;padding: 5rem 0;}
@media screen and (max-width: 1024px) {
.us-service2 {padding: 2rem 0;}
}
/* tab切换 */
.tab-list {margin: 1.875rem 0;position: relative;}
.tab-list ul {padding-bottom: 10px;}
.tab-list ul li {color: #000000; font-weight: regular;font-size: 1.3rem;line-height: normal;letter-spacing: 0px;text-align: left;margin-right: 6rem;cursor: pointer;overflow: initial;text-align: center;}
.tab-list ul li span {position: relative;}

.tab-list ul li:last-child {margin-right: 0;}
.tab-list ul li.tab-list_li span {color: #012194;}
.tab-list ul li.tab-list_li span::after {content: "";position: absolute;bottom: -0.625rem;left: 0;width: 100%;border: 0 none;height: 3px;background-color: var(--color-primary);border-radius: 15px 15px 0 0;box-sizing: border-box;pointer-events: none;}
@media screen and (max-width: 1024px) {
.tab-list ul.ul1024 {overflow-y: hidden;justify-content: left;}
.tab-list ul {}
.tab-list ul li {margin-right: 1.5rem;}
}
/* tab切换 end*/
/* 公用 :end*/
/* IaaS 基础设施服务 */
.IaaS-box {display: none;}
.IaaS-box.IaaS-box-act {display: block;}

.IaaS-box1 {opacity: 0;z-index: -1;width: 100%;top: 0;position: relative;height: 0;overflow:hidden;}
.IaaS-box1.IaaS-box-act1 {opacity: 1;z-index: 9;height: auto;}
/* 文字描述 */
.IaaS_tit p {font-size: 1.2rem;text-indent: 2em;color: #4C4D51;line-height: 2.5rem;}
@media screen and (max-width: 1024px) {
.IaaS_tit p {font-size: 16px;line-height: 35px;}
}
/* 内容 */
.IaaS_ul {margin-top: 2.5rem;}
.IaaS_ul li {width: 24%;height: 14.5625rem;background-color: #fff;border-radius: 15px;margin-right: 1.33%;text-align: center;padding: 2rem 2.5rem 0;margin-bottom: 1.25rem;transition: all .4s linear;cursor: pointer;border: 1px solid #fff;}
.IaaS_ul li:nth-child(4n) {margin-right: 0;}
.IaaS_ul li img {width: 2.8rem;height: 2.8rem;}
.IaaS_ul li h6 {margin: 2rem 0 1.29rem;font-size: 1.2rem;color: #000000;}
.IaaS_ul li p {font-size: 0.95rem;color: #7F7F7F;line-height: 1.5rem;}
.IaaS_ul li:hover {background: linear-gradient(153.09deg, #F3F3F3 0%, #E5EFFF 100%), #E6EDFF;border: 1px solid #012194;box-shadow: 6px 8px 25px 0px #0000000F;}
@media screen and (max-width: 1024px) {
.IaaS_ul {display: block;}
.IaaS_ul li {width: 100%;}
}
/* IaaS 基础设施服务 end*/


/* PasS技术平台服务 */
.PasS-lf {width: 50%;}
.PasS-rt {width: 45%;}
.cont3-cont {display: none;}
.cont3-cont.cont3-cont-act {display: block;}
/* 左侧内容 */
.PasS_ul {margin-top: 2.75rem;height: 24.5rem;}
.PasS_ul li {width: 50%;margin-bottom: 1rem;}
.PasS_ul li:nth-child(2n) {padding-left: 2.5rem;}
.PasS_ul li a {display: block;padding-left: 1.375rem;}
.PasS_ul li h6 {font-size: 1.2rem;color: #000000;position: relative;transition: 0.4s; margin-bottom:.5em;}
.PasS_ul li h6::after {content: "";position: absolute;top: 50%;left: -10px;transform: translate(-50%, -50%);width: 0.625rem;height: 0.625rem;border-radius: 30px;background-color: #012194;}
.PasS_ul li p {font-size: 0.95rem;color: #7F7F7F;line-height: 1.5;transition: 0.4s;height: 3rem;}

.PasS_ul li a:hover h6 ,.PasS_ul li a:hover p {color: #012194;} 
/* 右侧图片 */
.PasS_rtIMG {border-radius: 15px;overflow: hidden;}
.PasS_rtIMG img {width: 100%;height:30rem;}
@media screen and (max-width: 1024px) {
.PasS-lf ,.PasS_ul li {width: 100%;}
/* 左侧内容 */
.PasS_ul {height: auto;}
.PasS_ul li ,.PasS_ul li:nth-child(2n) {padding-left: 15px;}
.PasS_ul li h6 {font-size: 16px;margin-bottom: 0.5rem;}
.PasS_ul li h6::after {width: 10px;height: 10px;}
.PasS_ul li p {font-size: 12px;line-height: 24px;overflow: visible;-webkit-box-orient: horizontal;height: auto;}
/* 右侧图片 */
.PasS_rtIMG img {height: auto;}
}
/* PasS技术平台服务 end*/

/* SasS 应用系统服务 */
/* 轮播部分 */
.SasS_Swiper {overflow: hidden;}
.SasS_Swiper_tab {width: 95%;margin: 0 auto;}
/* 左右切换 */
.SasS_Swiper-next, .SasS_Swiper-prev {position: absolute;top: 50%;width: 27px;height: 26px;z-index: 10;cursor: pointer;transform: translate(0, -50%);}
.SasS_Swiper-next {right: 10px;left: auto;}
.SasS_Swiper-prev {left: 10px;right: auto;}
.SasS_Swiper-next::after ,.SasS_Swiper-prev::after {position: absolute;content: "\e602";left: 0;top: -4px;font-family: 'layui-icon';font-size: 24px;color: #012194;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.SasS_Swiper-prev::after {transform: rotate(180deg);}
.SasS_Swiper-next.swiper-button-disabled ,.SasS_Swiper-prev.swiper-button-disabled {opacity: .35;}

@media screen and (max-width:1530px){
.SasS_Swiper-next {right: 0px;left: auto;}
.SasS_Swiper-prev {left: 0px;right: auto;}
}
/* 分页 */
.SasS_pagination {text-align: center;margin-top: 25px;}
.SasS_pagination span {width: 100px;height: 4px;border-radius: 0;}
/* 轮播部分 end*/
.SasS-box {position: relative;}
.SasS-box2 {width: 32rem;position: relative;max-width: 31.8%;}
/* 内容  图片部分 */
.SasS_img {width: 100%; background-color: #fff;border-radius: 15px;text-align: center;padding-top: 1.7rem;cursor: pointer;}
.SasS_img.SasS_img2 {height: 23rem;} 
.SasS_img img {width: 27.875rem;max-width: 87.6%; object-fit: cover;}
.SasS_img p {font-size: 1.2rem;color: #000000; padding: 1em 0;}
.SasS_img.SasS_img2 p {padding-top: 1.5rem;}
/* 列表内容 */
.SasS_tit {width: 99.9%;height: 100%;border: 1px solid #012194;border-radius: 15px;padding: 2.2375rem 2.25rem 0;position: absolute;top: 0;opacity: 0;z-index: -1;transition: 0.4s;background: linear-gradient(153.09deg, #F3F3F3 0%, #E5EFFF 100%), #E6EDFF;box-shadow: 6px 8px 25px 0px #0000000F;transition:all 0.4s;}
.SasS_tit.SasS_tit2 {height: 23rem;}
.SasS_tit.SasS_tit-act {opacity: 1;z-index: 1;}
.SasS_tit ul {}
.SasS_tit ul li {}
.SasS_tit ul li a {transition: 0.4s;}
.SasS_tit ul li h6 {font-size: 1.2rem;color: #000000;position: relative;transition: 0.4s;}
.SasS_tit ul li h6::after {content: "";position: absolute;top: 50%;left: -10px;transform: translate(-50%, -50%);width: 0.375rem;height: 0.375rem;border-radius: 30px;background-color: #012194;}
.SasS_tit ul li p {font-size: 1.2rem;color: #56585E;margin: 0.5rem 0 1.35rem;line-height: 2rem;text-align: justify;}
.SasS_tit ul li p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;}
.SasS_tit ul li a:hover h6 {color: #012194;}
@media screen and (max-width: 1600px) {
.SasS_tit ul li p {margin: 0.5rem 0 0.5rem;}
}
@media screen and (max-width: 1024px) {
.SasS-box {width: 100%;max-width: none;margin-bottom: 10px;}
.SasS_tit {padding-top: 1rem;}
/* 轮播部分 */
/* .SasS_Swiper_tab {width: 100%;} */
.SasS_Swiper-next {right: -20px;left: auto;}
.SasS_Swiper-prev {left: -20px;right: auto;}
.SasS_pagination span {width: 30px;}
}
/* SasS 应用系统服务 end*/