body {
    background-color: #EFF5FF;
}
/* 解决方案列表 */
.profile-page-main {
    margin-bottom: 120px;
}

/* 广告位 */
.banner-container {
    margin-bottom: 96px;
}
.banner-container img {
    width: 100%;
}

/*介绍*/
.profile-intro {
    margin-top: 114px;
    margin-bottom: 155px;
}
.profile-intro .img {
    width: 852px;
    height: 552px;
}
.profile-intro .content {
    position: relative;
    width: 520px;
    height: 730px;
    padding: 115px 60px 0;
    margin-left: 45px;
    background: #FFFFFF;
    border-radius: 4px;
}
.profile-intro > div {
    margin-top: -198px;
}
.profile-intro .content::after {
    content: '';
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to right, #0859C0 0%, #0859C0 83%, #00DEFF 83%, #00DEFF 100%);
}
.profile-intro .content p {
    font-size: 24px;
    color: #333333;
    line-height: 31px;
    margin-bottom: 40px;
}

/*发展历程*/
.profile-history {
    margin-bottom: 84px;
    padding-top: 80px;
    background: #0859C0;
}
.profile-history .history-detail {
    margin-top: 55px;
}
.profile-history li {}
.profile-history .year {
    width: 116px;
    height: 60px;
    padding-right: 20px;
    text-align: left;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 60px;
}
.profile-history .content {
    position: relative;
    min-height: 60px;
    padding: 17px 20px 17px 42px;
    border-left: 1px solid #FFFFFF;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 26px;
}
.profile-history li:nth-last-child(1) .content {
    min-height: 180px;
}
.profile-history .content::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -10px;
    width: 20px;
    height: 20px;
    background: #00DEFF;
    border-radius: 50%;
    border: 4px solid rgba(255,255,255,0.4);
    box-sizing: border-box;
}

/*荣誉资质*/
.profile-honor {
    margin-bottom: 120px;
}
.profile-honor .honor-navs {
    margin-top: 84px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.profile-honor .honor-navs li {
    width: 260px;
    height: 80px;
    margin: 0 20px;
    background: #ffffff;
    border-radius: 40px;
    text-align: center;
    line-height: 80px;
    font-size: 36px;
    color: #0859C0;
    cursor: pointer;
}
.profile-honor .honor-navs li.active,
.profile-honor .honor-navs li:hover {
    background: #0859C0;
    color: #FFFFFF;
}
.profile-honor .honor-detail [data-content] {
    display: none;
}
.profile-honor .honor-detail [data-content].active {
    display: block;
}
.profile-honor .company-header {
    margin: 64px 0;
}
.profile-honor .line {
    width: 100%;
    height: 8px;
    background: #0859C0;
    border-radius: 4px;
    border-left: 490px solid #D1E3FF;
    border-right: 490px solid #D1E3FF;
    box-sizing: border-box;
}
.profile-honor .company-header .swiper-container {
    padding: 38px 0;
}
.profile-honor .company-header .com-item {
    width: 423px;
    height: 271px;
    transition: transform 0.3s ease-out;
}
.profile-honor .company-header .swiper-slide-active {
    transform: scale(1.23);
}
.profile-honor .company-body {}
.profile-honor .company-body .calc p {
    font-size: 24px;
    color: #333333;
}
.profile-honor .company-body .calc p span {
    font-size: 280px;
    color: #0859C0;
    line-height: 280px;
}
.profile-honor .company-body .calc p i {
    transform: translateY(-50%);
    font-size: 100px;
    color: #0859C0;
    line-height: 150px;
    font-style: normal;
}
.profile-honor .company-body .list {
    margin-top: 80px;
}
.profile-honor .company-body .list .li {
    width: 300px;
    height: 48px;
    font-size: 24px;
    color: #333333;
    text-align: center;
    line-height: 46px;
    border: 1px solid #0859C0;
}
.profile-honor .cert-content .cert-header {
    margin: 63px 0 40px;
}
.profile-honor .cert-content .li {
    margin-top: 59px;
    text-align: center;
}
.profile-honor .cert-content .li .num {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background: #FFFFFF;
    font-size: 80px;
    color: #0859C0;
    line-height: 200px;
    text-align: center;
    border-radius: 50%;
}
.profile-honor .cert-content .li span {
    font-size: 36px;
}
.profile-honor .cert-content .li i {
    display: inline-block;
    font-size: 36px;
    font-style: normal;
    transform: translateY(-20%);
}
.profile-honor .cert-content .li .name {
    margin-top: 40px;
    font-size: 24px;
    color: #333333;
    line-height: 31px;
}
.profile-honor .sys-content {
    margin-top: 95px;
}
.profile-honor .sys-left .title {
    margin-bottom: 60px;
    font-size: 24px;
    color: #0859C0;
    line-height: 31px;
    text-align: center;
}
.profile-honor .sys-left .info {
    width: 100%;
    min-height: 60px;
    margin-bottom: 40px;
    padding: 15px 20px 15px 32px;
    background: #FFFFFF;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    box-sizing: border-box;
    border-left: 12px solid #0859C0;
}
.profile-honor .sys-left .info:nth-child(even) {
    transform: translateX(54px);
}
.profile-honor .sys-left {
    width: 506px;
}
.profile-honor .sys-right {
    position: relative;
    margin-left: 140px;
    box-sizing: border-box;
    overflow: hidden;
}
.profile-honor .sys-right .title {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 214px;
    height: 214px;
    padding: 0 40px;
    border: 1px solid #0859C0;
    font-size: 24px;
    color: #0859C0;
    border-radius: 50%;
}
.profile-honor .sys-right .tag {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    white-space: nowrap;
    background: #FFFFFF;
    border-radius: 50%;
    font-size: 24px;
    color: #0859C0;
    transform-origin: 50px 285px;
}
.profile-honor .sys-right .tag::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -45px;
    margin: auto;
    width: 14px;
    height: 14px;
    background: #00DEFF;
    border-radius: 50%;
}
.profile-honor .sys-right .tag span {
    display: inline-block;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.profile-honor .tag:nth-child(1) span {transform: rotate(0deg);animation-name: sysSpanRotate;}
.profile-honor .tag:nth-child(2) {transform: rotate(36deg);}
.profile-honor .tag:nth-child(2) span {transform: rotate(-36deg);animation-name: sysSpanRotate2;}
.profile-honor .tag:nth-child(3) {transform: rotate(72deg);}
.profile-honor .tag:nth-child(3) span {transform: rotate(-72deg);animation-name: sysSpanRotate3;}
.profile-honor .tag:nth-child(4) {transform: rotate(108deg);}
.profile-honor .tag:nth-child(4) span {transform: rotate(-108deg);animation-name: sysSpanRotate4;}
.profile-honor .tag:nth-child(5) {transform: rotate(144deg);}
.profile-honor .tag:nth-child(5) span {transform: rotate(-144deg);animation-name: sysSpanRotate5;}
.profile-honor .tag:nth-child(6) {transform: rotate(180deg);}
.profile-honor .tag:nth-child(6) span {transform: rotate(-180deg);animation-name: sysSpanRotate6;}
.profile-honor .tag:nth-child(7) {transform: rotate(216deg);}
.profile-honor .tag:nth-child(7) span {transform: rotate(-216deg);animation-name: sysSpanRotate7;}
.profile-honor .tag:nth-child(8) {transform: rotate(252deg);}
.profile-honor .tag:nth-child(8) span {transform: rotate(-252deg);animation-name: sysSpanRotate8;}
.profile-honor .tag:nth-child(9) {transform: rotate(288deg);}
.profile-honor .tag:nth-child(9) span {transform: rotate(-288deg);animation-name: sysSpanRotate9;}
.profile-honor .tag:nth-child(10) {transform: rotate(324deg);}
.profile-honor .tag:nth-child(10) span {transform: rotate(-324deg);animation-name: sysSpanRotate10;}
.profile-honor .sys-content .sys-right ul {
    width: 570px;
    height: 570px;
    transform-origin: center;
    animation: sysRotate 10s linear infinite;
}
@keyframes sysRotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}
@keyframes sysSpanRotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
@keyframes sysSpanRotate2 { 0% {transform: rotate(-36deg);} 100% {transform: rotate(324deg);} }
@keyframes sysSpanRotate3 { 0% {transform: rotate(-72deg);} 100% {transform: rotate(288deg);} }
@keyframes sysSpanRotate4 { 0% {transform: rotate(-108deg);} 100% {transform: rotate(252deg);} }
@keyframes sysSpanRotate5 { 0% {transform: rotate(-144deg);} 100% {transform: rotate(216deg);} }
@keyframes sysSpanRotate6 { 0% {transform: rotate(-180deg);} 100% {transform: rotate(180deg);} }
@keyframes sysSpanRotate7 { 0% {transform: rotate(-216deg);} 100% {transform: rotate(144deg);} }
@keyframes sysSpanRotate8 { 0% {transform: rotate(-252deg);} 100% {transform: rotate(108deg);} }
@keyframes sysSpanRotate9 { 0% {transform: rotate(-288deg);} 100% {transform: rotate(72deg);} }
@keyframes sysSpanRotate10 { 0% {transform: rotate(-324deg);} 100% {transform: rotate(36deg);} }

/*研发实力*/
.profile-strength {
    margin-bottom: 120px;
    padding: 120px 0 40px;
    background: #0859C0;
}
.profile-strength .intro {
    margin-top: 40px;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 31px;
    text-align: center;
}
.profile-strength .strength-detail {
    margin-top: 68px;
}
.profile-strength .strength-detail li {
    position: relative;
    width: calc(25% - 75px);
    height: 80px;
    margin-left: 100px;
    margin-bottom: 80px;
    background: rgba(255,255,255,0.9);
    border-radius: 4px;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    color: #0859C0;
}
.profile-strength .strength-detail li:nth-child(4n+1) {
    margin-left: 0;
}
.profile-strength .strength-detail li::after {
    display: inline-block;
    position: absolute;
    margin: auto;
    font-size: 30px;
    color: #ffffff;
}
.profile-strength .strength-detail li:nth-child(8n+1)::after,
.profile-strength .strength-detail li:nth-child(8n+2)::after,
.profile-strength .strength-detail li:nth-child(8n+3)::after {
    content: '→';
    right: -65px;
    top: 0;
    bottom: 0;
}
.profile-strength .strength-detail li:nth-child(8n+6)::after,
.profile-strength .strength-detail li:nth-child(8n+7)::after,
.profile-strength .strength-detail li:nth-child(8n+8)::after {
    content: '←';
    left: -65px;
    top: 0;
    bottom: 0;
}
.profile-strength .strength-detail li:nth-child(8n+4)::after,
.profile-strength .strength-detail li:nth-child(8n+5)::after {
    content: '↓';
    bottom: -80px;
    right: 0;
    left: 0;
}
.profile-strength .strength-detail li:nth-last-child(1)::after {
    display: none;
}

/*生产实力*/
.profile-product {
    margin-bottom: 120px;
}
.profile-product .intro {
    margin-top: 74px;
    font-size: 24px;
    color: #0859C0;
    line-height: 31px;
    text-align: center;
}
.profile-product .product-detail {
    margin-top: 48px;
}
.profile-product .product-detail li {
    width: calc(25% - 15px);
    height: 276px;
    margin-left: 20px;
    margin-bottom: 30px;
    background: #eeeeee;
}
.profile-product .product-detail li:nth-child(4n + 1) {
    margin-left: 0;
}
.profile-product .intro-list {
    margin-top: 80px;
}
.profile-product .pro-lis {
    text-align: center;
}
.profile-product .pro-lis .title {
    min-width: 234px;
    width: fit-content;
    height: 48px;
    margin: 0 auto;
    padding: 0 30px;
    background: #0859C0;
    border-radius: 24px;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    color: #FFFFFF;
    box-sizing: border-box;
}
.profile-product .pro-lis .info {
    margin-top: 30px;
    font-size: 24px;
    color: #333333;
    line-height: 31px;
}

/*合作客户*/
.profile-client {
    padding: 90px 0;
    background: #0859C0;
}
.profile-client .client-detail {
    position: relative;
    margin-top: 122px;
}
.profile-client .swiper-container {
    width: 100%;
    padding-bottom: 100px;
}
.profile-client .client-item {
    width: 320px;
    height: 148px;
    background: #FFFFFF;
    transform: skewX(-15deg);
    text-align: center;
    line-height: 148px;
}
.profile-client .client-item img {
    max-width: 75%;
    max-height: 60px;
    vertical-align: middle;
    transform: skewX(15deg);
}
.profile-client .swiper-pagination {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    height: 12px;
    background: #FFFFFF;
    border-radius: 6px;
    line-height: 12px;
}
.profile-client .swiper-bullet {
    display: inline-block;
    width: 40px;
    height: 12px;
    background: transparent;
    border-radius: 6px;
    margin-top: -2px;
    vertical-align: middle;
    cursor: pointer;
}
.profile-client .swiper-pagination-bullet-active {
    background: #00DEFF;
}
.profile-client {}
.profile-client {}
.profile-client {}