* { padding: 0; margin: 0; text-decoration: none; list-style: none; font-family: 'Microsoft Yahei', 'Hiragino Sans GB', 'Helvetica Neue', 'Helvetica', 'tahoma', 'arial', 'Verdana', 'sans-serif', "WenQuanYi Micro Hei", "\5B8B\4F53" }
html, body { width: 100%; background: #fff; min-width: 1200px; }
body { overflow-x: hidden; }
img { border: none; display: block; }
.main { width: 1166px; margin: 0 auto; }
.main:after { content: ""; display: block; clear: both; height: 0; }
.main h3 {
    font-size: 48px;
}
.main p {
    font-size: 28px;
}
/*头部导航*/
.header { height: 76px; background: #fff; z-index: 1000; }
.header .nav { float: right; width: 100%; height: 76px; }
.header .logo { float: left; height: 45px; margin-top: 16px; margin-bottom: 15px; }
.header .logo img{ height: 45px }
.header .navList { float: left; padding: 13px 0; }
.header .navList a { float: left; font-size: 16px; color: #333; line-height: 50px; margin-left: 48px; }
.header .navList a:hover { color: #45a2ef; }
.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    animation: headerSticky .95s ease forwards;
    z-index: 1001;
}
.in-banner {
    background-position-x: right;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 200px 0;
    position: relative;
}
.blur-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(2px);
    background: inherit;
    z-index: 1;
    transform: translateZ(0);
}
.w1800 {
    max-width: 1620px;
    margin: 0 auto;
    font-size: 16px;
    z-index: 100;
    position: relative;
}

.in-serve-bg {
    background: #eaf1fb url('/assets/images/in-serve-bg.png') no-repeat top right;
    background-size: 100% 100%;
}
.in-serve {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    padding: 80px 0;
}
.in-serve .title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}
.in-serve .serve-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    gap: 24px;
}
.in-serve .serve-content .serve-item {
    width: calc(33% - 16px);
    text-align: center;
    box-sizing: border-box;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background: #fff;
    border-radius: 10px;
}
.in-serve .serve-content .serve-item .serve-img {
    width: 90px;
}
.in-serve .serve-content .serve-item .item-con .item-title {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0;
}
.in-serve .serve-content .serve-item .item-con .item-desc {
    font-size: 16px;
    color: #595959;
}

.in-serve-bg.white-bg {
    background: #fff;
}
.in-serve .adv-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    gap: 40px;
}
.in-serve .adv-content .adv-item {
    width: calc(50% - 20px);
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e5e6eb;
}
.adv-item:hover {
    box-shadow: 0 4px 10px #f2f3f5;
}
.in-serve .adv-content .adv-item .serve-img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.in-serve .adv-content .adv-item .item-con {
    padding: 0 20px 48px 20px;
}
.in-serve .adv-content .adv-item .item-con .item-title {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0;
}
.in-serve .adv-content .adv-item .item-con .item-desc {
    font-size: 16px;
    color: #595959;
    margin-top: 20px;
}
.in-serve .adv-content .sol-item {
    display: flex;
    width: 100%;
    gap: 40px;
}
.in-serve .adv-content .sol-item .sol-con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 20px;
    flex: 1;
}
.in-serve .adv-content .sol-item .sol-con .sol-title {
    font-size: 28px;
    font-weight: bold;
    padding: 10px 0;
}
.in-serve .adv-content .sol-item .sol-con .sub-title {
    font-size: 22px;
}
.in-serve .adv-content .sol-item .sol-con  p {
    text-align: justify;
    line-height: 1.5;
}
.in-serve .adv-content .sol-item .sol-img {
    width: 50%;
}
.about-content {
    padding-top: 80px;
    font-size: 20px;
    line-height: 2;
}
.big-gap{
    gap: 160px
}

/*底部*/
.footer { background: url(../image/back3.png) no-repeat top; background-size: cover; }
.footer .main { height: auto; }
.footer .main>a { margin: 0 auto; display: block; width: 150px; height: 150px; padding-top: 2px}
.footer .main>a img { width: 80px; padding: 35px; }
.footer .main h4 { font-size: 30px; color: #45a2ef; text-align: center; line-height: 2; font-weight: 400; margin-top: 25px; }
.footer .main p { font-size: 14px; text-align: center; line-height: 40px; }
.footer p a { color: #fff; }
.footer .main .copyright { padding-top: 24px; color: #aaa; text-align: center; }
.footer .main .copyright a { color: #aaa; }


@media screen and (max-width: 850px) {
    html, body { width: 100%; background: #fff; min-width: unset; }
    .header .navList {
        display: none;
    }
    .main {
        width: 100%;
    }
    .header .logo {
        margin-left: 20px;
    }
    .w1800 {
        width: 100%;
    }
    .w1800 .main {
        text-align: center;
    }
    .main h3 {
        font-size: 32px;
    }
    .main p {
        margin-top: 12px;
        font-size: 18px;
    }
    .in-serve .serve-content {
        flex-direction: column;
        padding: 0 24px;
        margin-top: 40px;
    }
    .in-serve .serve-content .serve-item {
        width: 100%;
        flex-direction: column;
    }
    .in-serve .adv-content {
        flex-direction: column;
        padding: 0 24px;
        margin-top: 40px;
    }
    .in-serve .adv-content .adv-item {
        width: 100%;
    }
    .in-serve {
        padding: 40px 0;
    }
    .in-serve .adv-content .sol-item {
        flex-direction: column;
        gap: 20px;
    }
    .in-serve .adv-content .sol-item .sol-img {
        width: 100%;
    }
    .big-gap{
        gap: 80px
    }
    .flex-reserve {
        flex-direction: column-reverse !important;
    }
    .about-content {
        padding: 40px 24px;
        font-size: 18px;
        line-height: 1.5;
    }
    .copyright span, .copyright a {
        display: block;
    }
}