@charset "utf-8";

body {
    /* 填写默认字体 */
    font-family: "", "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;
    color: #1e1d28;
    min-height: initial !important;
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont/iconfont.woff2?t=1681287520508') format('woff2'), url('../fonts/iconfont/iconfont.woff?t=1681287520508') format('woff'), url('../fonts/iconfont/iconfont.ttf?t=1681287520508') format('truetype');
}

/* 谷歌翻译后防止与sticky产生冲突 */
.iconfonts {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grahccale;
}

/* slick 懒加载图片去边框 */
.slick-loading {
    opacity: 0;
}

/* 去除翻译插件边框 */
.goog-te-gadget-simple {
    border: none !important;
}

/* h1隐藏 */
.fszero {
    display: none;
}

/* 去除input记忆填充底色 */
input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* ph去除载入效果 */
@media screen and (max-width: 1200px) {
    .wow {
        animation: none;
    }
}

:root {
    font-size: 16px;
    --main-color: #004BB2;
    --flex-margin: -22px;
    --flex-padding: 22px;
    --sticky-top: 180px;
    scroll-behavior: initial;
}

/* 翻译插件展位 */
.google-translate {
    min-width: 108px;
}

.fancybox-content {
    height: 800px !important;
}

.c_pcbtn {
    display: none;
}

.header {
    position: sticky;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}

.header-logo {
    width: 78px;
    display: block;
    line-height: var(--height);
}

.header-logo img {
    width: 100%;
}

ul {
    padding: 0;
}

.header-top {
    background-color: #002855;
    height: 34px;
    padding: 0 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0px 40px;
}

.header-top a {
    color: #fff;
    font-size: 14px;
    line-height: normal;
}

.header-bottom {
    padding: 0 60px;
    --height: 98px;
    background-color: #fff;
    position: relative;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}

.header-bottom .right {
    display: flex;
    align-items: center;
}

.header-bottom .mod-btns {
    --border-color: #002855;
    --bg: transparent;
    --color: #002855;
    --after-bg: #002855;
    --hover-textcolor: #fff;
    --hover-border-color: #002855;
}

@media screen and (min-width: 1200px) {
    .hd_list {
        display: flex;
        margin-right: 12px;
    }

    .hd_item {
        padding: 0 16px;
        position: relative;
    }

    .hd_link {
        display: flex;
        height: var(--height);
        align-items: center;
    }

    .hd_link p {
        color: #000;
        font-weight: 700;
        font-size: 15px;
        transition: all 0.5s;
    }

    .hd_link .iconfont {
        margin-left: 8px;
        transform: translateY(-1px) rotate(90deg);
        color: #000;
        font-size: 12px;
    }

    .hd_second {
        position: absolute;
        padding: 12px 24px 14px;
        background-color: #fff;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        transition: all 0.5s;
        opacity: 0;
        pointer-events: none;
    }

    .hd_second_link {
        font-size: 16px;
        line-height: 1.65;
        display: inline-block;
        padding: 5px 0;
        color: #333;
        white-space: nowrap;
    }

    .hd_item:hover .hd_second {
        opacity: 1;
        pointer-events: all;
    }

    .hd_item.hiddens {
        position: static;
    }

    .hd_item.hiddens .hd_second {
        display: none;
    }
}

.header-search {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 20px;
}

.header-search span {
    font-size: 16px;
    color: #000;
    margin-right: 10px;
}

.header-search p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #000;
}

/* search */
.search_view {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
    display: none;
}

.search_view form {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    animation: searchtit 1.3s ease both;
}

.search_view_tit {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: center;
}

.search_close {
    position: absolute;
    width: 34px;
    transition: all 0.36s;
    z-index: 1;
    right: 200px;
    top: 100px;
    cursor: pointer;
}

.search_close:hover {
    transform: rotate(-90deg);
}

body.search_open {
    overflow: hidden;
}

@keyframes searchtit {
    from {
        transform: translateY(-80px) scale(0.5);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.search_view_cont {
    position: relative;
    width: 1200px;
}

.search_view_cont input {
    width: 100%;
    height: 50px;
    color: #fff;
    padding-left: 10px;
    padding-right: 40px;
    border-bottom: 1px solid #999;
    transition: all 0.36s;
}

.search_view_cont input:focus {
    border-bottom: 1px solid #fff;
}

.search_view_cont button {
    padding: 4px;
    font-size: 26px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 1680px) {
    .search_view_tit {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .search_view_cont button {
        font-size: 24px;
    }

    .search_close {
        width: 28px;
    }
}

@media screen and (max-width: 1440px) {
    .search_view_cont {
        width: 82.5%;
    }

    .search_view_tit {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .search_view_cont button {
        font-size: 22px;
    }

    .search_close {
        right: 140px;
        top: 100px;
        width: 24px;
    }

    .search_view_cont input {
        height: 45px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 991px) {
    .search_close {
        right: 90px;
        top: 100px;
        width: 24px;
    }

    .search_view_tit {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .search_close {
        right: 40px;
        top: 80px;
        width: 20px;
    }

    .search_view_tit {
        font-size: 20px;
    }

    .search_view_cont button {
        font-size: 18px;
    }

    .search_view_cont input {
        height: 40px;
    }
}

/* search-end */
.header-pc {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #fff;
    z-index: 1;
}

.header-pc-first {
    width: 320px;
    background-color: #002855;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 30px;
    min-height: 360px;
}

.header-pc-first .more-all {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

@media screen and (min-width: 1200px) {
    .header-pc-first .more-all:hover {
        text-decoration: underline;
    }
}

.header-pc-link {
    padding: 20px;
    display: block;
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    position: relative;
}

.header-pc-link span {
    font-size: 12px;
    color: #fff;
    top: 50%;
    transform: translateY(-49%);
    right: 20px;
    position: absolute;
    opacity: 0;
}

@media screen and (min-width: 1200px) {
    .header-pc-item:hover .header-pc-link {
        background-color: #3E8EDB;
    }

    .header-pc-item:hover .header-pc-link span {
        opacity: 1;
    }
}

.header-pc-item.active .header-pc-link {
    background-color: #3E8EDB;
}

.header-pc-item.active .header-pc-link span {
    opacity: 1;
}

.header-pcsecond-box {
    position: absolute;
    left: 320px;
    width: calc(100% - 320px);
    top: 0;
    height: 100%;
}

.hd_item.header-indus .header-pcsecond {
    width: 0px;
}

.hd_item.header-indus .header-pc-content {
    position: absolute;
    left: 0px;
    width: calc(100%);
}

.header-pcsecond {
    width: 320px;
    background-color: #002146;
}

.header-pcsecond-link {
    padding: 20px;
    display: flex;
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    position: relative;
    justify-content: center;
    align-items: center;
    min-height: 72px;
}

.header-pcsecond-link span {
    font-size: 12px;
    color: #fff;
    top: 50%;
    transform: translateY(-49%);
    right: 20px;
    position: absolute;
    opacity: 0;
}

@media screen and (min-width: 1200px) {
    .header-pcsecond-item:hover .header-pcsecond-link {
        background-color: #3E8EDB;
    }

    .header-pcsecond-item:hover .header-pcsecond-link span {
        opacity: 1;
    }
}

.header-pcsecond-item.active .header-pcsecond-link {
    background-color: #3E8EDB;
}

.header-pcsecond-item.active .header-pcsecond-link span {
    opacity: 1;
}

.header-pc-content {
    position: absolute;
    left: 320px;
    width: calc(100% - 320px);
    top: 0;
    height: 100%;
    padding: 20px 45px;
}

.header-pc-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 25px;
}

.header-pc-hd p {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.45;
    color: #000;
}

.header-pc-hd a {
    font-size: 16px;
    color: #333;
    line-height: 1.65;
}

@media screen and (min-width: 1200px) {
    .header-pc-hd a:hover {
        text-decoration: underline;
        color: #0082FF;
    }
}

.header-pc-clist {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: calc(100% - 150px);
}

.header-pc-clist li {
    margin-bottom: 14px;
}

.header-pc-clist a {
    font-size: 16px;
    color: #000;
    line-height: 1.5;
}

@media screen and (min-width: 1200px) {
    .header-pc-clist a:hover {
        text-decoration: underline;
        color: #0082FF;
    }
}

.header-pc-item:not(:first-child) .header-pcsecond-box {
    display: none;
}

.header-pcsecond-item:not(:first-child) .header-pc-content {
    display: none;
}

@media screen and (min-width: 1200px) {
    .hd_item.hiddens:hover .header-pc {
        opacity: 1;
        pointer-events: all;
    }
}

.header-pc {
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s;
}

.hc_cont1240 {
    width: 1240px;
    margin: 0 auto;
}

.home-solution .flex {
    display: flex;
    align-items: flex-start;
}

.home-solution .left {
    width: 50%;
    padding-left: calc((100% - 1240px) / 2);
    padding-right: 80px;
    position: sticky;
    padding-top: clamp(3rem, 5rem, 5rem);
    padding-bottom: 6.5rem;
    left: 0;
    top: 5rem;
}

.home-solution .left .title {
    margin-bottom: 35px;
}

.home-solution .left .text {
    margin-bottom: 30px;
}

.home-solution .right {
    width: 50%;
    padding-right: 50px;
}

.mod-tit1 {
    color: #232833;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
}

.home-solution-btns {
    display: flex;
}

.home-solution-btns .mod-btns {
    margin-right: 24px;
}

.mod-btns {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 48px;
    border-radius: 48px;
    padding: 0 24px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    cursor: pointer;
    border: 1.5px solid var(--border-color);
    background-color: var(--bg);
    --border-color: #0082FF;
    --bg: #0082FF;
    --color: #fff;
    --after-bg: #0067cb;
    --hover-textcolor: #fff;
    --hover-border-color: #0082FF;
}

.mod-btns p {
    color: var(--color);
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in;
}

.mod-btns::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    min-width: 150%;
    min-height: 275%;
    border-radius: 50%;
    transform: scale(0) translateY(55%) translateX(-50%);
    transform-origin: bottom left;
    transition: transform 0.5s ease-in;
    aspect-ratio: 1;
    background-color: var(--after-bg);
}

@media screen and (min-width: 1200px) {
    .mod-btns:hover {
        border-color: var(--hover-border-color);
    }

    .mod-btns:hover::after {
        transform: scale(1) translateY(55%) translateX(-50%);
        transition-timing-function: ease-out;
    }

    .mod-btns:hover p {
        color: var(--hover-textcolor);
        transition-timing-function: ease-out;
    }
}

.mod-text1 p {
    font-size: 16px;
    line-height: 2.2;
    color: #40434d;
}

.product-btn {
    --border-color: #002855;
    --bg: transparent;
    --color: #002855;
    --after-bg: #002855;
    --hover-border-color: #002855;
}

.home-solution-list {
    flex-wrap: wrap;
    display: grid;
    gap: 45px;
    margin-top: -12.5rem;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 0rem;
    padding-bottom: 4rem;
    overflow: hidden;
}

.home-solution-item {
    border-radius: 7px;
    box-shadow: -5px 5px 8px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.home-solution-item:nth-child(3n+2) {
    transform: translateY(50%);
}

.home-solution-conts .img_box {
    padding-top: 100%;
}

.home-solution-other {
    background-color: #002855;
    padding: 20px 0;
}

.home-solution-other .flexs {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-solution-other .items {
    display: flex;
    align-items: center;
    margin: 0 25px;
}

.home-solution-other .items img {
    width: 56px;
    flex-shrink: 0;
    margin-right: 15px;
}

.home-solution-other .items p {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    width: 240px;
}

.home-product {
    padding: 80px 0;
}

.home-product .title {
    margin-bottom: 35px;
}

.home-product-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.home-product-list .item {
    padding: 0 20px;
    width: 50%;
}

.home-product-list .item:nth-child(2n) .link {
    background-color: #6AC16D;
}

.home-product-list .item:nth-child(2n) .link::after {
    background-color: #5DBC61;
}

.home-product-list .link {
    display: block;
    background-color: #8A1453;
    padding-bottom: 36px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 8px;
    height: 100%;
}

.home-product-list .link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    min-width: 150%;
    min-height: 275%;
    border-radius: 50%;
    transform: scale(0) translateY(55%) translateX(-50%);
    transform-origin: bottom left;
    transition: transform 0.5s ease-in;
    aspect-ratio: 1;
    background-color: #800045;
    z-index: -1;
}

.home-product-list .link .img_box {
    padding-top: 66.666666%;
}

.home-product-list .link .tits {
    margin: 20px 0;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
    padding: 0 40px;
}

.home-product-list .link .link-btns {
    text-align: center;
}

.home-product-list .link .link-btns .mod-btns {
    --border-color: #FFFFFF;
    --bg: #FFFFFF;
    --color: #002855;
    --after-bg: #002855;
    --hover-textcolor: #fff;
    --hover-border-color: #002855;
    border: none !important;
}

.home-product-list .link:hover::after {
    transform: scale(1) translateY(55%) translateX(-50%);
    transition-timing-function: ease-out;
}

.home-product-list .link:hover .link-btns .mod-btns {
    border-color: var(--hover-border-color);
}

.home-product-list .link:hover .link-btns .mod-btns::after {
    transform: scale(1) translateY(55%) translateX(-50%);
    transition-timing-function: ease-out;
}

.home-product-list .link:hover .link-btns .mod-btns p {
    color: var(--hover-textcolor);
    transition-timing-function: ease-out;
}

.home-application .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.home-application .left {
    width: 41.6129032%;
    position: sticky;
    top: 180px;
    left: 0;
}

.home-application .left .text {
    margin-top: 30px;
}

.home-application .left .mod-btns {
    margin-top: 30px;
    --border-color: #0082FF;
    --bg: #0082FF;
    --color: #fff;
    --after-bg: #0067CB;
    --hover-textcolor: #fff;
    --hover-border-color: #0067CB;
}

.home-application .right {
    width: 50%;
}

.home-application .right .item {
    border-top: 1px solid #e8ecef;
    padding: 16px 0;
}

.home-application .right .item:last-child {
    padding-bottom: 0;
}

.home-application .right .links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-application .right .links .left-box {
    display: flex;
    align-items: center;
    transition: all 0.5s;
}

.home-application .right .links .left-box .imgs {
    width: 128px;
    flex-shrink: 0;
    margin-right: 35px;
}

.home-application .right .links .left-box .imgs .img_box {
    padding-top: 100%;
}

.home-application .right .links .left-box .tits {
    color: #232833;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.5;
    transition: all 0.5s;
    padding-right: 70px;
}

.home-application .right .links .iconfont {
    font-size: 16px;
    color: #3E8EDB;
    opacity: 0;
}

@media screen and (min-width: 1200px) {
    .home-application .right .links:hover .left-box {
        transform: translateX(20px);
    }

    .home-application .right .links:hover .left-box .tits {
        color: #3E8EDB;
    }

    .home-application .right .links:hover .iconfont {
        opacity: 1;
    }
}

.home-about {
    padding: 120px 0;
    min-height: 36vw;
    background-color: #445261;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-about .title {
    text-align: center;
    color: #fff;
    width: 1200px;
    max-width: 100%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.home-about .home-about-more {
    text-align: center;
}

.home-about .mod-btns {
    --border-color: #fff;
    --bg: transparent;
    --color: #fff;
    --after-bg: #fff;
    --hover-textcolor: #455261;
    --hover-border-color: #fff;
}

.home-contact-box {
    display: flex;
}

.home-contact-box .home-contact-link {
    width: 50%;
    display: inline-block;
    padding: 80px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home-contact-box .home-contact-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    min-width: 150%;
    min-height: 275%;
    border-radius: 50%;
    transform: scale(0) translateY(55%) translateX(-50%);
    transform-origin: bottom left;
    transition: transform 0.5s ease-in;
    aspect-ratio: 1;
    z-index: -1;
}

.home-contact-box .home-contact-link .tits {
    color: #fff;
    margin-bottom: 20px;
}

.home-contact-box .home-contact-link .texts {
    margin-bottom: 25px;
}

.home-contact-box .home-contact-link .texts p {
    font-size: 16px;
    color: #fff;
    line-height: 1.65;
}

.home-contact-box .home-contact-link .mod-btns {
    --border-color: #fff;
    --bg: transparent;
    --color: #fff;
    --after-bg: #fff;
    --hover-textcolor: #455261;
    --hover-border-color: #fff;
}

@media screen and (min-width: 1200px) {
    .home-contact-box .home-contact-link:hover::after {
        transform: scale(1) translateY(55%) translateX(-50%);
        transition-timing-function: ease-out;
    }

    .home-contact-box .home-contact-link:hover .mod-btns {
        border-color: var(--hover-border-color);
    }

    .home-contact-box .home-contact-link:hover .mod-btns::after {
        transform: scale(1) translateY(55%) translateX(-50%);
        transition-timing-function: ease-out;
    }

    .home-contact-box .home-contact-link:hover .mod-btns p {
        color: var(--hover-textcolor);
        transition-timing-function: ease-out;
    }
}

.home-contact-box .home-contact-link:nth-child(1) {
    background-color: #4D97DD;
}

.home-contact-box .home-contact-link:nth-child(1)::after {
    background-color: #3E8EDB;
}

.home-contact-box .home-contact-link:nth-child(2) {
    background-color: #149D81;
}

.home-contact-box .home-contact-link:nth-child(2)::after {
    background-color: #009576;
}

.home-contact-conts {
    width: 470px;
    max-width: 100%;
}

.home-contact-bottom {
    background-color: #002855;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-contact-bottom .tits {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    margin-right: 50px;
}

.home-contact-bottom .mod-btns {
    --border-color: #fff;
    --bg: transparent;
    --color: #fff;
    --after-bg: #fff;
    --hover-textcolor: #455261;
    --hover-border-color: #fff;
}

.footer {
    position: sticky;
    left: 0;
    bottom: 0;
}

main {
    box-shadow: 0 40px 50px 0 rgba(0, 0, 0, 0.35);
    position: relative;
    z-index: 4;
    background-color: #fff;
}

.footer__images {
    padding-bottom: 13.5416666vw;
    position: relative;
    z-index: 1;
}

.footer__images-grid {
    top: -90px;
    gap: 45px;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    display: flex;
    width: auto;
}

.footer__image-wrapper {
    width: 13vw;
}

.footer__image-wrapper .img_box {
    padding-top: 100%;
    border-radius: 7px;
}

.footer__image-wrapper:nth-child(2n) {
    transform: translateY(-45px);
}

.footer-info {
    border-top: 1px solid #e8ecef;
    border-bottom: 1px solid #e8ecef;
    padding: 56px 4.25rem;
}

.footer-info .tits {
    font-size: 42px;
    color: #232833;
    line-height: 1.3;
    font-weight: 900;
    margin-bottom: 12px;
}

.footer-info .texts p {
    color: #474b59;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    line-height: 1.6;
}

@media screen and (max-width:1680px) {
    .footer-info .tits {
        font-size: 34px;
    }
}

@media screen and (max-width:1440px) {
    .footer-info .texts p {
        font-size: 16px;
    }

    .footer-info .tits {
        font-size: 30px;
    }
}

@media screen and (max-width:1200px) {
    .footer-info .tits {
        font-size: 26px;
    }
}

@media screen and (max-width:991px) {
    .footer-info .tits {
        font-size: 24px;
    }
}


.footer-info-form {
    display: flex;
    width: 450px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}

.footer-info-form input {
    width: calc(100% - 110px - 15px);
    height: 54px;
    background-color: #ffffff;
    border: 1px solid #949596;
    font-size: 18px;
    font-weight: 400;
    padding: 0 16px;
    border-radius: 6px;
}

.footer-info-form button {
    width: 110px;
    height: 54px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #558BDA;
    color: #fff;
    font-size: 16px;
}

.footer-top {
    padding: 24px 4.25rem;
}

.footer-top .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-top .controls {
    display: flex;
    align-items: center;
}

.footer-top .controls .mod-btns {
    margin-right: 30px;
    --border-color: #07102C;
    --bg: transparent;
    --color: #07102C;
    --after-bg: #07102C;
    --hover-textcolor: #fff;
    --hover-border-color: #07102C;
}

.footer-top .controls .links span {
    font-size: 20px;
    color: #07102C;
}

.footer-bottom {
    background-color: #002855;
    padding: 24px 4.25rem;
}

.footer-bottom .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom .left {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
}

.footer-bottom .list {
    display: flex;
}

.footer-bottom .list li {
    margin-right: 25px;
}

.footer-bottom .list li a {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
}

.footer-bottom .list li:last-child {
    margin-right: 0;
}

.block-interior-header {
    padding: 40px 0;
}

.block-interior-header .content {
    background-color: #3E8EDB;
    padding: 80px 40px;
}

.block-interior-header .content .title {
    color: #fff;
}

.block-interior-header .content .text {
    margin-top: 30px;
}

.block-interior-header .content .text p {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

.facs-block {
    padding: 80px 0;
}

.facs-block .edit h3 {
    color: #232833;
    font-weight: 900;
    line-height: 1.4;
    margin: 12px 0;
    font-size: 24px;
}

.facs-block .edit p {
    color: #40434d;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.6;
}

.facs-block .edit a {
    color: #40434d;
    font-size: 16px;
    line-height: 1.6;
    text-decoration: underline;
}

.facs-block .edit> :last-child {
    margin-bottom: 0 !important;
}

.contact .block-interior-header {
    padding-bottom: 0;
}

.contact-info {
    padding-top: 80px;
    padding-bottom: 80px;
}

.contact-info .flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.contact-info .flex .title {
    color: #232833;
    font-weight: 900;
    line-height: 1.3;
    font-size: 48px;
    margin-bottom: 30px;
    margin-top: 24px;
}

.contact-info .left {
    width: 41.6129032%;
    position: sticky;
    left: 0;
    top: var(--sticky-top);
}

.contact-info .left .text p {
    color: #40434d;
    line-height: 1.75;
    font-size: 16px;
}

.contact-info .left .text a {
    text-decoration: underline;
    color: #40434d;
}

@media screen and (min-width: 1200px) {
    .contact-info .left .text a:hover {
        color: var(--main-color);
    }
}

.contact-info .right {
    width: 50%;
}

.contact-info .right .contact-info-list label {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.contact-info .right .contact-info-list label .tits {
    font-size: 16px;
    color: #000;
    line-height: normal;
    margin-bottom: 8px;
}

.contact-info .right .contact-info-list label input {
    width: 100%;
    height: 40px;
    background-color: #F2F6FA;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
    line-height: 1.65;
}

.contact-info .right .contact-info-list label select {
    width: 100%;
    height: 40px;
    background-color: #F2F6FA;
    padding: 0 15px;
    line-height: 1.65;
    font-size: 16px;
    color: #000;
}

.contact-info .right .contact-info-list label textarea {
    width: 100%;
    min-height: 50px;
    resize: vertical;
    background-color: #F2F6FA;
    padding: 10px 15px;
    line-height: 1.65;
    font-size: 16px;
}

.contact-info .right .contact-info-list button {
    width: 100%;
    height: 46px;
    border-radius: 46px;
    background-color: #0082FF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.contact-sites {
    padding-bottom: 80px;
}

.contact-sites .title {
    color: #232833;
    font-weight: 900;
    font-size: 56px;
    line-height: 1.3;
    margin-bottom: 32px;
}

.contact-sites .contact-sites-list {
    margin: 0 var(--flex-margin) -40px;
}

.contact-sites .contact-sites-item {
    padding: 0 var(--flex-padding);
    margin-bottom: 40px;
}

.contact-sites .contact-sites-conts {
    background-color: #D8E8F8;
    padding: 40px 32px;
    height: 100%;
}

.contact-sites .contact-sites-conts .tits {
    font-size: 24px;
    font-weight: bold;
    color: #232833;
    line-height: 1.3;
    margin-bottom: 12px;
}

.contact-sites .contact-sites-conts .texts p {
    color: #40434d;
    font-size: 16px;
    line-height: 1.75;
}

.about-mod1 {
    padding: 40px 0;
}

.about-mod1 .flex {
    display: flex;
}

.about-mod1 .left {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 80px 40px;
    background-color: #3E8EDB;
}

.about-mod1 .left .title {
    font-size: 48px;
    color: #fff;
    line-height: 1.3;
    font-weight: bold;
}

.about-mod1 .left .text {
    margin-top: 30px;
}

.about-mod1 .left .text p {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

.about-mod1 .right {
    width: 50%;
}

.about-mod1 .right .img_box {
    height: 100%;
    padding-top: 67.69230769%;
}

.about-mod1 .right .img_box img {
    object-fit: cover;
}

.about-mod2 .title {
    width: 1150px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0;
    text-align: center;
    color: #232833;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
}

.about-mod2-btn {
    --border-color: #0082FF;
    --bg: #0082FF;
    --color: #fff;
    --after-bg: #0067CB;
    --hover-textcolor: #fff;
    --hover-border-color: #0067CB;
    margin-top: 10px;
}

.about-mod2-btnbox {
    text-align: center;
}

.about-mod3.row-reverse .flex {
    flex-direction: row-reverse;
}

.about-mod3 .flex {
    display: flex;
    align-items: center;
    margin: 0 var(--flex-margin);
}

.about-mod3 .flex .left {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.about-mod3 .flex .left .title {
    color: #232833;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 24px;
    width: 550px;
    max-width: 100%;
}

.about-mod3 .flex .left .text {
    margin-bottom: 24px;
    width: 550px;
    max-width: 100%;
}

.about-mod3 .flex .left .text p {
    color: #40434d;
    font-size: 16px;
    line-height: 1.6;
}

.about-mod3 .flex .left .about-mod3-btn {
    --border-color: #0082FF;
    --bg: #0082FF;
    --color: #fff;
    --after-bg: #0067CB;
    --hover-textcolor: #fff;
    --hover-border-color: #0067CB;
}

.about-mod3 .flex .right {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.about-mod3 .flex .right .img_box {
    height: 100%;
    padding-top: 66.6666666%;
}

.about-mod3 .flex .right .img_box img {
    object-fit: cover;
}

.about-chaucer .title {
    color: #232833;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 32px;
}

.about-chaucer .about-chaucer-list {
    margin: 0 var(--flex-margin) -40px;
}

.about-chaucer .about-chaucer-item {
    padding: 0 var(--flex-padding);
    margin-bottom: 40px;
}

.about-chaucer .about-chaucer-conts {
    background-color: #002855;
    padding: 40px 32px;
    height: 100%;
}

.about-chaucer .about-chaucer-conts .tits {
    font-weight: 900;
    font-size: 24px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 12px;
}

.about-chaucer .about-chaucer-conts .texts p {
    line-height: 1.6;
    color: #fff;
    font-size: 16px;
}

.about-chaucer-item:nth-child(2n) .about-chaucer-conts,
.about-chaucer-item:nth-child(2n + 1) .about-chaucer-conts {
    background-color: #3E8EDB;
}

.about-chaucer-item:first-child .about-chaucer-conts,
.about-chaucer-item:last-child .about-chaucer-conts {
    background-color: #002855;
}

.about-mod4 .title {
    color: #232833;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 32px;
}

.about-mod4 .about-mod4-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--flex-margin) -40px;
}

.about-mod4 .about-mod4-item {
    padding: 0 var(--flex-padding);
    margin-bottom: 40px;
    width: 25%;
}

.about-mod4 .about-mod4-conts {
    background-color: #D8E8F8;
    padding: 30px 24px;
    height: 100%;
}

.about-mod4 .about-mod4-conts .imgs {
    width: 50px;
    padding-top: 24px;
    margin-bottom: 30px;
}

.about-mod4 .about-mod4-conts .imgs img {
    width: 100%;
}

.about-mod4 .about-mod4-conts .tits {
    margin-bottom: 35px;
    line-height: 1.5;
    color: #232833;
    font-weight: 900;
    font-size: 20px;
}

.about-mod4 .about-mod4-conts .texts p {
    color: #40434d;
    font-size: 16px;
    line-height: 1.6;
}

.history-content .flex {
    display: flex;
    align-items: flex-start;
}

.history-content .left {
    width: 50%;
    position: sticky;
    left: 0;
    top: var(--sticky-top);
    padding-right: 30px;
}

.history-content .left .title {
    width: 516px;
    max-width: 100%;
    color: #232833;
    font-weight: 700;
    line-height: 1.3;
    font-size: 36px;
    margin: 20px 0;
}

.history-content .left .text {
    width: 516px;
    max-width: 100%;
}

.history-content .left .text p {
    color: #40434d;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 24px;
}

.history-content .right {
    width: 50%;
    border-left: 1px solid #3e8edb;
    padding: 10px 24px;
}

.history-content .history-item {
    margin-bottom: 60px;
}

.history-content .history-item .year {
    color: #232833;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 24px;
}

.history-content .history-item .tits {
    line-height: 1.5;
    color: #232833;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 10px;
}

.history-content .history-item .texts p {
    line-height: 1.6;
    color: #40434d;
    font-size: 16px;
}

.history-content .history-item:last-child {
    margin-bottom: 0;
}

.careers-positions .mod-tit1 {
    margin-bottom: 30px;
}

.careers-positions-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s;
    padding: 24px 0;
    border-top: 1px solid #eaebf0;
}

.careers-positions-link .more {
    flex-shrink: 0;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
    transition: all 0.5s;
    font-weight: bold;
}

@media screen and (min-width: 1200px) {
    .careers-positions-link .more:hover {
        color: #3e8edb;
        border-color: #3e8edb !important;
    }
}

.careers-positions-link .left {
    transition: all 0.5s;
    padding-right: 30px;
}

.careers-positions-link .left .tits {
    color: #232833;
    font-weight: 900;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 16px;
}

.careers-positions-link .left .info {
    display: flex;
    align-items: flex-start;
}

.careers-positions-link .left .info .texts {
    width: 450px;
    margin-right: 40px;
}

.careers-positions-link .left .info .texts p {
    font-size: 16px;
    color: #000;
    line-height: 1.75;
}

.careers-positions-link .left .info .time {
    display: flex;
    align-items: center;
}

.careers-positions-link .left .info .time span {
    font-size: 16px;
    color: #000;
    margin-right: 10px;
}

.careers-positions-link .left .info .time p {
    font-size: 16px;
    color: #000;
    line-height: 1.75;
}

@media screen and (min-width: 1200px) {
    .careers-positions-link:hover {
        background-color: #F2F6FA;
    }

    .careers-positions-link:hover .more {
        color: #3e8edb;
        border-color: #3e8edb !important;
    }

    .careers-positions-link:hover .left {
        transform: translateX(36px);
    }
}

.careers .about-mod4 .about-mod4-item {
    width: 33.33333%;
}

.careers-other {
    padding: 40px 0;
}

.careers-other-content {
    padding: 56px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #002855;
}

.careers-other-content .mod-btns {
    padding: 0 20px;
    --border-color: #fff;
    --bg: transparent;
    --color: #fff;
    --after-bg: #fff;
    --hover-textcolor: #002855;
    --hover-border-color: #fff;
}

.careers-other-content .left {
    width: calc(100% - 200px);
    padding-right: 40px;
}

.careers-other-content .left .title {
    font-size: 36px;
    line-height: 1.3;
    color: #fff;
    font-weight: bold;
    margin-bottom: 24px;
}

.careers-other-content .left .text p {
    line-height: 1.6;
    font-size: 16px;
    color: #fff;
}

.careers-other-content .right {
    width: 200px;
}

.about-mod5 .title {
    color: #232833;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 32px;
}

.about-mod5 .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 var(--flex-margin);
    align-items: flex-start;
}

.about-mod5 .left {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.about-mod5 .right {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.about-mod5 .edit p {
    margin-bottom: 24px;
    color: #40434d;
    line-height: 1.6;
    font-size: 16px;
}

.about-mod5 .edit p:last-child {
    margin-bottom: 0;
}

.about-mod5 .edit p:first-child {
    padding-top: 0;
}

.about-mod5 .edit ul {
    padding-left: 0em;
}

.about-mod5 .edit ul li {
    margin-bottom: 20px;
    list-style: inherit;
}

.about-mod5 .edit ul li {
    font-size: 16px;
    color: #000;
}

.about-mod5 .edit ul a {
    text-decoration: underline;
}

@media screen and (min-width: 1200px) {
    .about-mod5 .edit ul a:hover {
        color: #0067CB;
    }
}

.about-mod5.text-img .right {
    position: sticky;
    top: var(--sticky-top);
    right: 0;
}

.about-mod6 .flex {
    display: flex;
    justify-content: space-between;
    margin: 0 var(--flex-margin);
}

.about-mod6 .left,
.about-mod6 .right {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.about-mod6 .title {
    color: #232833;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 32px;
}

.about-mod6 .text p {
    margin-bottom: 24px;
    color: #40434d;
    line-height: 1.6;
    font-size: 16px;
}

.about-mod6 .text p:last-child {
    margin-bottom: 0;
}

.about-mod6 .text p:first-child {
    padding-top: 0;
}

.about-mod6 .text ul {
    padding-left: 1.2em;
}

.about-mod6 .text ul li {
    margin-bottom: 24px;
    list-style: inherit;
}

.about-mod6 .text ul li {
    font-size: 16px;
    color: #000;
}

.about-mod6 .text ul a {
    text-decoration: underline;
    color: #000;
}

@media screen and (min-width: 1200px) {
    .about-mod6 .text ul a:hover {
        color: #0067CB;
    }
}

.paddTop80 {
    padding-top: 80px;
}

.paddBottom80 {
    padding-bottom: 80px;
}

.about-mod7.row-reverse .flex {
    flex-direction: row-reverse;
}

.about-mod7 .flex {
    display: flex;
    align-items: center;
    margin: 0 var(--flex-margin);
}

.about-mod7 .flex .left {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.about-mod7 .flex .left .title {
    color: #232833;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 24px;
    width: 550px;
    max-width: 100%;
}

.about-mod7 .flex .left .text {
    width: 550px;
    max-width: 100%;
}

.about-mod7 .flex .left .text p {
    color: #40434d;
    font-size: 16px;
    line-height: 1.6;
}

.about-mod7 .flex .left .mod-btns {
    margin-top: 30px;
}

.about-mod7 .flex .left .about-mod3-btn {
    --border-color: #0082FF;
    --bg: #0082FF;
    --color: #fff;
    --after-bg: #0067CB;
    --hover-textcolor: #fff;
    --hover-border-color: #0067CB;
}

.about-mod7 .flex .left .group-btn {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.about-mod7 .flex .left .group-btn .about-mod7-btn1 {
    margin-right: 30px;
    --border-color: #0082FF;
    --bg: #0082FF;
    --color: #fff;
    --after-bg: #0067CB;
    --hover-textcolor: #fff;
    --hover-border-color: #0067CB;
}

.about-mod7 .flex .left .group-btn .about-mod7-btn2 {
    --border-color: #002855;
    --bg: transparent;
    --color: #002855;
    --after-bg: #002855;
    --hover-textcolor: #fff;
    --hover-border-color: #002855;
}

.about-mod7 .flex .right {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.about-mod7 .flex .right .conts {
    width: 100%;
}

.about-mod7 .flex .right .conts img {
    width: 100%;
}

.brands .about-mod1 {
    padding-bottom: 0 !important;
}

.news-bar {
    padding: 30px 0;
    position: relative;
    z-index: 1;
}

.news-bar .key {
    color: #40434d;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom: 8px;
}

.news-bar .select-box {
    display: inline-flex;
    align-items: center;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.news-bar .select-box p {
    font-size: 16px;
    color: #666;
    padding: 0 15px;
    position: relative;
}

.news-bar .select-box p::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dbdbdb;
}

.news-bar .select-box span {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #666;
    font-size: 16px;
}

.news-bar .select-box.active .iconfont {
    transform: rotate(180deg);
}

.news-bar-list {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid #b3b3b3;
}

.news-bar-list a {
    display: inline-block;
    font-size: 15px;
    color: #666;
    padding: 6px 0;
    line-height: 1.65;
    white-space: nowrap;
}

@media screen and (min-width: 1200px) {
    .news-bar-list a:hover {
        color: var(--main-color);
    }
}

.news-list {
    margin: 0 -20px -40px;
}

.news-item {
    padding: 0 20px;
    margin-bottom: 40px;
}

.news-link {
    display: block;
    height: 100%;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
}

.news-link .img_box {
    padding-top: 56.25%;
    flex-shrink: 0;
}

.news-link .img_box img {
    object-fit: cover;
}

.news-link .conts {
    padding: 24px;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

.news-link .time {
    color: #474b59;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 1.6;
    margin-bottom: 20px;
}

.news-link .tits {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    color: #232833;
}

.news-link .tops {
    margin-bottom: 40px;
    height: 100%;
}

.news-link .more {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #000;
}

@media screen and (min-width: 1200px) {
    .news-link:hover {
        box-shadow: 0 15px 30px 0 rgba(64, 105, 144, 0.25);
    }

    .news-link:hover .img_box img {
        transform: scale(1.05);
    }

    .news-link:hover .more {
        color: var(--main-color);
        text-decoration: underline;
    }
}

.news-morebtn {
    text-align: center;
    margin-top: 50px;
}

.hc_cont810 {
    width: 810px;
    margin-left: auto;
    margin-right: auto;
}

.newsdeta .tab {
    display: inline-block;
    font-size: 13px;
    padding: 4px 15px;
    border: 1px solid #002855;
    color: #002855;
    line-height: 1.43;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 24px;
}

.newsdeta .title {
    margin-bottom: 24px;
    color: #232833;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
}

.newsdeta .time {
    font-size: 16px;
    color: #000;
    line-height: normal;
}

.newsdeta .imgs {
    margin-top: 40px;
}

.newsdeta .edit {
    margin-top: 30px;
}

.newsdeta .edit p {
    color: #40434d;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 24px;
}

.newsdeta .edit h3 {
    font-weight: bold;
    color: #232833;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
    margin: 24px 0;
}

.newsdeta-contact {
    padding: 40px;
    background-color: #C6ECFF;
    margin-top: 60px;
}

.newsdeta-contact .text {
    text-align: center;
}

.newsdeta-contact .text p {
    color: #40434d;
    line-height: 1.6;
    font-size: 16px;
    margin-bottom: 24px;
}

.newsdeta-contact .newsdeta-contact-btn {
    text-align: center;
}

.newsdeta-share {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsdeta-share p {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-right: 15px;
}

.newsdeta-continue {
    background-color: #F2F6FA;
    overflow: hidden;
}

.mod-tit48 {
    font-weight: 900;
    font-size: 48px;
    color: #232833;
    line-height: 1.3;
}

.newsdeta-continue-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.newsdeta-continue-list {
    margin: 0 var(--flex-margin) 40px;
}

.newsdeta-continue-list .slick-list {
    overflow: initial !important;
}

.newsdeta-continue-list .slick-track {
    display: flex;
    flex-wrap: wrap;
}

.newsdeta-continue-list .slick-slide {
    height: initial !important;
}

.newsdeta-continue-list .slick-slide>div {
    height: 100%;
}

.newsdeta-continue-list .newsdeta-continue-item {
    height: 100%;
}

.newsdeta-continue-list .news-link {
    height: 100%;
}

.newsdeta-continue-item {
    padding: 0 var(--flex-padding);
}

.newsdeta-arrow {
    display: flex;
    justify-content: flex-end;
}

.newsdeta-arrow .prev,
.newsdeta-arrow .next {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #030a21;
    cursor: pointer;
    transition: all 0.5s;
}

.newsdeta-arrow .prev span,
.newsdeta-arrow .next span {
    color: #030a21;
    font-size: 18px;
}

.newsdeta-arrow .slick-disabled.prev,
.newsdeta-arrow .slick-disabled.next {
    border: 1px solid #999 !important;
}

.newsdeta-arrow .slick-disabled.prev span,
.newsdeta-arrow .slick-disabled.next span {
    color: #999 !important;
}

@media screen and (min-width: 1200px) {

    .newsdeta-arrow .prev:hover,
    .newsdeta-arrow .next:hover {
        border: 1px solid #3e8edb;
    }

    .newsdeta-arrow .prev:hover span,
    .newsdeta-arrow .next:hover span {
        color: #3e8edb;
    }
}

.newsdeta-arrow .prev {
    transform: rotate(180deg);
    margin-right: 20px;
}

.mod-tit36 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    color: #232833;
}

.applist-list {
    margin: 0 var(--flex-margin) -40px;
}

.applist-item {
    padding: 0 var(--flex-padding);
    margin-bottom: 40px;
}

.applist-link {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
}

.applist-link .tops .img_box {
    padding-top: 100%;
    margin-bottom: 14px;
}

.applist-link .tops .tits {
    font-size: 23px;
    color: #232833;
    font-weight: 900;
    line-height: 1.5;
    margin-bottom: 5px;
}

.applist-link .tops .used {
    margin-bottom: 24px;
}

.applist-link .tops .used p {
    font-size: 19px;
    color: #40434d;
    line-height: 1.6;
}

.applist-link .tops .used p:first-child {
    font-weight: 700;
}

.applist-link .mores {
    font-size: 17px;
    color: #000;
    line-height: normal;
    font-weight: 700;
}

@media screen and (min-width: 1200px) {
    .applist-link:hover {
        box-shadow: 0 15px 30px 0 rgba(64, 105, 144, 0.25);
    }

    .applist-link:hover .tops .img_box img {
        transform: scale(1.05);
    }

    .applist-link:hover .mores {
        color: #3e8edb;
        text-decoration: underline;
    }
}

.appdeta-info {
    padding: 40px 0;
}

.appdeta-info .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -20px;
}

.appdeta-info .left {
    width: 50%;
    padding-left: 20px;
    padding-right: 110px;
}

.appdeta-info .left .title {
    font-size: 56px;
    color: #232833;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 30px;
}

.appdeta-info .right {
    width: 50%;
    padding: 0 20px;
}

.appdeta-info .right .img_box {
    padding-top: 100%;
}

.img_box img {
    object-fit: cover;
}

/* bread */
.bread {
    width: 100%;
    --text-color: #7F7F7F;
    --text-interval: 8px;
    --text-fontsize: 15px;
    --icon-fontsize: 18px;
    --hover-color: #000;
    margin-bottom: 40px;
}

.mod_bread {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mod_bread_item {
    display: flex;
    align-items: center;
}

.mod_bread_link {
    display: flex;
    align-items: center;
}

.mod_bread_link span {
    color: var(--text-color);
    font-size: var(--icon-fontsize);
}

.mod_bread_link .text {
    color: var(--text-color);
    font-size: var(--text-fontsize);
    transition: all 0.36s;
    font-weight: bold;
    line-height: 1.8;
}

.mod_bread_item>span {
    margin: 0 var(--text-interval);
    display: inline-block;
    font-size: var(--text-fontsize);
    color: var(--text-color);
    font-weight: bold;
    line-height: 1.8;
}

.mod_bread_item:last-child>span {
    display: none;
}

.mod_bread_link:hover .text {
    color: var(--hover-color) !important;
}

.mod_bread_link:hover span {
    color: var(--hover-color) !important;
}

.mod_bread_item:last-child .mod_bread_link .text {
    opacity: 1 !important;
}

/* bread-end */
.appdeta-prouse .tits {
    color: #232833;
    font-weight: 900;
    margin-bottom: 24px;
    font-size: 20px;
}

.appdeta-prouse-list {
    display: flex;
    flex-wrap: wrap;
    gap: 35px 35px;
}

.appdeta-prouse-link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.appdeta-prouse-link .imgs {
    width: 60px;
    flex-shrink: 0;
    margin-right: 12px;
}

.appdeta-prouse-link .imgs .img_box {
    padding-top: 100%;
}

.appdeta-prouse-link .names {
    color: #232833;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 900;
    transition: all 0.5s;
}

@media screen and (min-width: 1200px) {
    .appdeta-prouse-link:hover .imgs .img_box img {
        transform: scale(1.05);
    }

    .appdeta-prouse-link:hover .names {
        color: #0082FF;
        text-decoration: underline;
    }
}

.appdeta-details {
    padding-top: 60px;
}

.appdeta-details .row {
    margin: 0 var(--flex-margin);
}

.appdeta-details .left,
.appdeta-details .right {
    padding: 0 var(--flex-padding);
    display: flex;
    flex-direction: column;
}

.appdeta-details .title {
    margin-bottom: 24px;
    flex-shrink: 0;
}

.appdeta-details .conts {
    background-color: #D8E8F8;
    padding: 40px 32px;
    flex-grow: 1;
}

.appdeta-details .conts p {
    font-size: 18px !important;
    color: #000;
    line-height: 1.65;
    margin-bottom: 14px;
}

.appdeta-details .conts p:last-child {
    margin-bottom: 0;
}

.appdeta-details .conts li {
    margin-bottom: 12px;
}

.appdeta-other .left,
.appdeta-other .right {
    padding: 0 var(--flex-padding);
}

.appdeta-other .row {
    margin: 0 var(--flex-margin);
}

.appdeta-other .left .text {
    margin-top: 24px;
}

.appdeta-other .left .text p {
    color: #40434d;
    font-size: 16px;
    line-height: 1.75;
}

.appdeta-other .right .conts {
    padding-left: 60px;
}

.appdeta-other .right .conts ul {
    display: flex;
    flex-wrap: wrap;
}

.appdeta-other .right .conts li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 14px;
}

.appdeta-other .right .conts a {
    color: #40434d;
    font-size: 16px;
    line-height: 1.4;
}

@media screen and (min-width: 1200px) {
    .appdeta-other .right .conts a:hover {
        color: #0082FF;
        text-decoration: underline;
    }
}

.appdeta-benefits {
    background-color: #002855;
}

.appdeta-benefits .title {
    color: #fff;
    margin-bottom: 35px;
}

.appdeta-benefits-list {
    margin: 0 var(--flex-margin) -15px;
}

.appdeta-benefits-item {
    padding: 0 var(--flex-padding);
    margin-bottom: 15px;
}

.appdeta-benefits-conts {
    display: flex;
}

.appdeta-benefits-conts span {
    font-size: 22px;
    color: #3E8EDB;
    margin-right: 12px;
    padding-top: 3px;
}

.appdeta-benefits-conts p {
    color: #fff;
    font-size: 16px;
    line-height: 1.65;
}

.appdeta-related .title {
    margin-bottom: 25px;
}

.product-banner {
    min-height: 320px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.product-banner .bgs {
    position: absolute;
    width: 59.89583333%;
    right: 0;
    top: 0;
    z-index: -1;
    height: 100%;
}

.product-banner .bgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-banner .bread .mod_bread_link .text {
    opacity: 0.6;
    color: #fff;
}

.product-banner .bread .mod_bread_item>span {
    opacity: 0.6;
    color: #fff;
}

.product-banner .bread .mod_bread_link:hover .text {
    color: #fff !important;
    opacity: 1;
}

.product-banner .title {
    color: #fff;
    font-size: 76px;
    line-height: 1.3;
    font-weight: 900;
}

.product-banner.type1 {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-banner.type2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-jump {
    background-color: #002855;
    margin-top: 30px;
    padding: 14px 0;
}

.banner-jump .flex {
    display: flex;
    align-items: center;
}

.banner-jump p {
    flex-shrink: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 900;
    margin-right: 15px;
}

.banner-jump .list {
    display: flex;
}

.banner-jump .list li {
    margin-right: 15px;
    min-width: 50px;
    padding: 13px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1A3E66;
    color: #fff;
    font-weight: 900;
    font-size: 16px;
    line-height: normal;
    cursor: pointer;
    transition: all 0.5s;
}

@media screen and (min-width: 1200px) {
    .banner-jump .list li:hover {
        background-color: #fff;
        color: #002855;
    }
}

.product-hds {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-hds .left {
    padding-right: 110px;
}

.product-hds .left .text {
    margin-top: 24px;
}

.product-hds .left .text p{
    font-size: 19px;
}

.product-hds .mod-btns {
    flex-shrink: 0;
}

.product-section-list {
    margin: 36px var(--flex-margin) 0;
}

.product-section-item {
    padding: 0 var(--flex-padding);
}

.product-section-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    padding-right: 40px;
    border-top: 1px solid #e8ecef;
}

.product-section-link .left {
    display: flex;
    align-items: center;
    transition: all 0.5s;
}

.product-section-link .left .imgs {
    width: 128px;
    flex-shrink: 0;
    margin-right: 40px;
}

.product-section-link .left .imgs .img_box {
    padding-top: 100%;
}

.product-section-link .left .tits {
    font-size: 20px;
    color: #232833;
    font-weight: 900;
    line-height: 1.5;
    transition: all 0.5s;
}

.product-section-link .left .texts {
    margin-top: 5px;
    width: 300px;
}

.product-section-link .left .texts p {
    color: #474b59;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 1.6;
}

.product-section-link .iconfont {
    font-size: 18px;
    color: #3e8edb;
    opacity: 0;
}

@media screen and (min-width: 1200px) {
    .product-section-link:hover .left {
        transform: translateX(20px);
    }

    .product-section-link:hover .left .tits {
        color: #3e8edb;
    }

    .product-section-link:hover .iconfont {
        opacity: 1;
    }
}

.product .appdeta-related,
.prodeta .appdeta-related {
    background-color: #F2F6FA;
}

.product .applist-link,
.prodeta .applist-link {
    background-color: #fff;
}

.product .appdeta-related .title,
.prodeta .appdeta-related .title {
    margin-bottom: 35px;
}

.prosecond-list {
    margin: 36px var(--flex-margin) 40px;
}

.prosecond-item {
    padding: 0 var(--flex-padding);
}

.prosecond-section {
    overflow: hidden;
}

.prosecond-section:nth-child(even) {
    background-color: #F2F6FA;
}

.prosecond-list .slick-list {
    overflow: initial !important;
}

.prosecond-list .slick-track {
    display: flex;
    flex-wrap: wrap;
}

.prosecond-list .slick-slide {
    height: initial !important;
}

.prosecond-list .slick-slide>div {
    height: 100%;
}

.prosecond-list .prosecond-item {
    height: 100%;
}

.prosecond-list .applist-link {
    height: 100%;
}

.prothree-list {
    margin: 0 var(--flex-margin) -40px;
}

.prothree-item {
    padding: 0 var(--flex-padding);
    margin-bottom: 40px;
}

.prothree-section {
    padding: 60px 0;
}

.prothree .about-chaucer .about-chaucer-conts .tits,
.propowder .about-chaucer .about-chaucer-conts .tits {
    color: #fff;
    font-weight: 900;
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 24px;
}

.prothree .about-chaucer .about-chaucer-conts .texts,
.propowder .about-chaucer .about-chaucer-conts .texts {
    margin-bottom: 30px;
}

.prothree .about-chaucer .about-chaucer-conts .mod-btns,
.propowder .about-chaucer .about-chaucer-conts .mod-btns {
    --border-color: #fff;
    --bg: #fff;
    --color: #002855;
    --after-bg: #002855;
    --hover-textcolor: #fff;
    --hover-border-color: #002855;
}

.propowder-info {
    padding: 80px 0;
}

.propowder-info .flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 var(--flex-margin);
}

.propowder-info .left,
.propowder-info .right {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.propowder-info .left .title {
    margin-bottom: 24px;
}

.propowder-info .left .text {
    margin-bottom: 24px;
}

.propowder-info .right .img_box {
    padding-top: 100%;
}

.propowder-fruits-list {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 var(--flex-margin) -24px;
}

.propowder-fruits-item {
    width: 16.66666666%;
    padding: 0 var(--flex-padding);
    margin-bottom: 34px;
}

.propowder-fruits-link {
    display: block;
}

.propowder-fruits-link .img_box {
    padding-top: 100%;
    margin-bottom: 10px;
}

.propowder-fruits-link .tits {
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
}

.propowder-fruits .texts {
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 1.65;
}

.prodeta-infotext {
    margin-bottom: 30px;
}

.prodeta-available {
    margin-bottom: 40px;
}

.prodeta-available .tits {
    font-size: 20px;
    color: #232833;
    font-weight: 900;
    line-height: 1.5;
    margin-bottom: 14px;
}

.prodeta-available .prodeta-available-list {
    padding-left: 26px;
    column-count: 2;
    list-style: disc;
}

.prodeta-available .prodeta-available-item {
    font-size: 16px;
    color: #000;
    line-height: 1.4;
    padding-right: 20px;
    list-style: disc;
    margin-bottom: 12px;
}

.appdeta-applications .title {
    margin-bottom: 30px;
}

.appdeta-applications .flex .left {
    background-color: #3E8EDB;
    padding: 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.appdeta-applications .flex .left .tits {
    color: #fff;
    margin-bottom: 24px;
}

.appdeta-applications .flex .left .texts {
    margin-bottom: 24px;
}

.appdeta-applications .flex .left .texts p {
    color: #fff;
}

.appdeta-applications .flex .left .used {
    margin-bottom: 40px;
}

.appdeta-applications .flex .left .used .used-tits {
    margin: 10px 0 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

.appdeta-applications .flex .left .used .used-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -24px;
}

.appdeta-applications .flex .left .used .used-list li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 24px;
}

.appdeta-applications .flex .left .used .used-list a {
    display: flex;
    align-items: center;
}

.appdeta-applications .flex .left .used .used-list a .imgs {
    width: 60px;
    flex-shrink: 0;
    margin-right: 10px;
}

.appdeta-applications .flex .left .used .used-list a .imgs .img_box {
    padding-top: 100%;
}

.appdeta-applications .flex .left .used .used-list a p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

.appdeta-applications .flex .left .mod-btns {
    --border-color: #fff;
    --bg: #fff;
    --color: #002855;
    --after-bg: #002855;
    --hover-textcolor: #fff;
    --hover-border-color: #002855;
}

.appdeta-applications .flex .right {
    padding: 0 !important;
}

.appdeta-applications .flex .right .img_box {
    height: 100%;
    padding-top: 79%;
}

.industries-list .product-section-list {
    margin-top: 0 !important;
}

.indetails-section {
    display: flex;
    margin: 0 var(--flex-margin);
    align-items: flex-start;
}

.indetails-section .left,
.indetails-section .right {
    width: 50%;
    padding: 0 var(--flex-padding);
}

.indetails-section .left .text {
    margin-top: 24px;
}

.indetails-section .left .text p {
    margin-bottom: 24px;
}

.indetails-section .left .text p:last-child {
    margin-bottom: 0;
}

.indetails-section .right {
    position: sticky;
    right: 0;
    top: var(--sticky-top);
}

.indetails-section.row-reverse {
    flex-direction: row-reverse;
}

.indetails-section.row-reverse .right {
    position: sticky;
    left: 0;
    top: var(--sticky-top);
}

.slick-arrow.slick-hidden {
    display: none !important;
}

.prosecond-section .prosecond-list .slick-track {
    margin-left: initial;
    margin-right: initial;
}

.prosecond-section .prosecond-list .news-link .tits {
    font-size: 22px;
}

/* sitemap */
.sitemap_cont {
    padding: 3rem 0 7rem;
}

.sitemap_cont_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.sitemap_cont_item {
    width: 25%;
    padding: 0 10px;
}

.sitemap_cont_link {
    display: block;
    text-align: center;
    line-height: 50px;
    background-color: #3E8EDB;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.sitemap_cont_link:hover {
    text-decoration: underline;
}

.sitemap_second_list {
    margin-top: 15px;
}

.sitemap_second_item {
    margin-bottom: 10px;
}

.sitemap_second_link {
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    transition: all 0.36s;
    display: block;
    color: #222;
    padding: 4px 0;
}

@media screen and (min-width: 1200px) {
    .sitemap_second_link:hover {
        color: #3E8EDB;
        text-decoration: underline;
    }
}

@media screen and (max-width: 1680px) {
    .sitemap_cont_link {
        line-height: 45px;
    }

    .sitemap_second_item {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 1440px) {
    .sitemap_cont_item {
        padding: 0 8px;
    }

    .sitemap_cont_list {
        margin: 0 -8px;
    }

    .sitemap_cont_link {
        line-height: 40px;
        font-size: 16px;
    }

    .sitemap_second_link {
        padding: 4px 0;
        line-height: 26px;
        font-size: 15px;
    }
}

@media screen and (max-width: 991px) {
    .sitemap_cont_item {
        padding: 0 5px;
    }

    .sitemap_cont_list {
        margin: 0 -5px;
        flex-wrap: wrap;
    }

    .sitemap_cont_item {
        width: 33.333333%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .sitemap_cont {
        padding: 7rem 0;
    }

    .sitemap_cont_list {
        flex-direction: column;
    }

    .sitemap_cont_item {
        width: 100%;
        margin-bottom: 10px;
    }

    .sitemap_second_list {
        margin-top: 10px;
    }
}

/* sitemap-end */
@media screen and (max-width: 1440px) {
    .careers-details {
        padding-top: 50px;
    }
}

.careers-details .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 60px;
    border-bottom: 1px solid #d8e0e9;
}

@media screen and (max-width: 991px) {
    .careers-details .flex {
        flex-direction: column;
        padding-bottom: 50px;
    }
}

.careers-details .left {
    width: 58.8709677%;
}

@media screen and (max-width: 991px) {
    .careers-details .left {
        width: 100%;
    }
}

.careers-details .left .edit p {
    font-size: 16px;
    line-height: 1.6;
    color: #40434d;
}

.careers-details .right {
    width: 33.8709677%;
    position: sticky;
    right: 0;
    top: var(--sticky-top);
}

@media screen and (max-width: 991px) {
    .careers-details .right {
        position: static;
        width: 100%;
        margin-top: 30px;
    }
}

.careers-details-list {
    padding: 30px 26px;
    border: 1px solid #d8e0e9;
    border-radius: 12px;
}

.careers-details-list li {
    margin-bottom: 30px;
}

.careers-details-list li .key {
    line-height: 1.5;
    color: #232833;
    font-weight: 900;
    font-size: 20px;
    margin: 10px 0;
}

@media screen and (max-width: 991px) {
    .careers-details-list li .key {
        font-size: 18px;
        margin: 8px 0;
    }
}

.careers-details-list li .val p {
    line-height: 1.6;
    font-size: 16px;
    color: #6b6d79;
}

.careers-details-list li:first-child .key {
    margin-top: 0;
}

.careers-details-list li:last-child {
    margin-bottom: 0;
}

.careers-message {
    padding: 70px 0;
}

@media screen and (max-width: 991px) {
    .careers-message {
        padding: 50px 0 60px;
    }
}

.careers-message .title {
    font-size: 22px;
    color: #000;
    line-height: 1.45;
    margin-bottom: 35px;
}

.careers-form {
    width: 510px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 768px) {
    .careers-form {
        width: 100%;
    }
}

.careers-form label {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}

.careers-form label .key {
    font-size: 16px;
    color: #41444e;
    line-height: 1.6;
    margin-bottom: 10px;
}

.careers-form label input {
    width: 100%;
    height: 40px;
    background-color: #F2F6FA;
    padding: 0 16px;
}

.careers-form label textarea {
    width: 100%;
    min-height: 160px;
    background-color: #F2F6FA;
    padding: 14px 16px;
    resize: vertical;
}

.careers-form>button {
    height: 46px;
    border-radius: 46px;
    background-color: #0082FF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (max-width: 991px) {
    .careers-form>button {
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .file-drop-zone {
        min-height: 164px;
    }

    .file-drop-zone-title {
        font-size: 1.4em;
        padding: 60px 10px;
    }

    .careers-details-list li {
        margin-bottom: 25px;
    }

    .careers-details {
        padding-top: 40px;
    }

    .careers-message {
        padding: 45px 0 60px;
    }

    .careers-details .flex {
        padding-bottom: 45px;
    }

    .careers-message .title {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

.search-content {
    padding: 40px 0 80px;
}

@media screen and (max-width: 1440px) {
    .search-content {
        padding: 40px 0 60px;
    }
}

@media screen and (max-width: 1200px) {
    .search-content {
        padding: 40px 0 50px;
    }
}

.search-content .flex {
    padding: 80px 40px;
    background-color: #3E8EDB;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media screen and (max-width: 1440px) {
    .search-content .flex {
        padding: 60px 40px;
    }
}

@media screen and (max-width: 1200px) {
    .search-content .flex {
        padding: 40px 40px;
    }
}

@media screen and (max-width: 768px) {
    .search-content .flex {
        padding: 30px 20px;
    }
}

.search-content .title {
    color: #fff;
    margin-bottom: 25px;
}

@media screen and (max-width: 1200px) {
    .search-content .title {
        margin-bottom: 20px;
    }
}

.search-content .texts {
    text-align: center;
    margin-bottom: 10px;
}

.search-content .texts p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.65;
}

.search-content form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 45px;
}

@media screen and (max-width: 1440px) {
    .search-content form {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .search-content form {
        flex-direction: column;
        width: 100%;
    }
}

.search-content form input {
    width: 360px;
    height: 40px;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 16px;
    margin-right: 13px;
    background-color: #F2F6FA;
}

@media screen and (max-width: 768px) {
    .search-content form input {
        width: 100%;
        margin-bottom: 18px;
        margin-right: 0;
    }
}

.search-content form button {
    width: 100px;
    height: 40px;
    border-radius: 40px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
}

.search-content .search-content-data {
    color: #fff;
    font-size: 16px;
    line-height: 1.65;
    font-weight: bold;
}

.search-list {
    padding-bottom: 20px;
}

.search-link {
    padding: 56px 0;
    display: block;
    border-top: 1px solid #d8e0e9;
}

@media screen and (max-width: 1440px) {
    .search-link {
        padding: 40px 0;
    }
}

.search-link .tab {
    font-size: 14px;
    color: #40434d;
    line-height: 1.65;
    margin-bottom: 15px;
    font-weight: 700;
}

.search-link .tits {
    font-size: 24px;
    font-weight: bold;
    color: #232833;
    line-height: 1.3;
    margin-bottom: 24px;
}

@media screen and (max-width: 1440px) {
    .search-link .tits {
        font-size: 22px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .search-link .tits {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    .search-link .tits {
        font-size: 18px;
    }
}

.search-link .mores {
    font-size: 16px;
    color: #000;
    line-height: normal;
    font-weight: bold;
}

@media screen and (min-width: 1200px) {
    .search-link:hover .mores {
        color: #3E8EDB;
        text-decoration: underline;
    }
}

/* 分页 */
.mod_page {
    display: flex;
    align-items: center;
    justify-content: center;
    --margin-x: 7px;
    --fs: 16px;
    --iconfs: 20px;
    --wh: 50px;
    --bg: #e6e6e6;
    --page-color: #222;
}

.mod_page_item {
    margin: 0 var(--margin-x);
}

.mod_page .prev,
.mod_page .next {
    margin: 0 var(--margin-x) !important;
}

.mod_page .prev svg,
.mod_page .next svg {
    width: 22px;
}

.mod_page .prev svg path,
.mod_page .next svg path {
    transition: all 0.5s;
}

@media screen and (min-width: 1200px) {

    .mod_page .prev:hover svg path,
    .mod_page .next:hover svg path {
        fill: #3E8EDB;
    }
}

.mod_page .prev svg {
    transform: rotate(180deg);
}

.mod_page_item a {
    color: #40434d;
    transition: all 0.36s;
    display: block;
    text-align: center;
    border-radius: 50%;
    width: initial;
    line-height: initial;
    font-size: var(--fs);
}

.mod_page .prev a,
.mod_page .next a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--wh);
}

.mod_page .prev span {
    transform: rotate(180deg);
}

.mod_page .next span {
    transform: rotate(0deg);
}

.mod_page .prev span,
.mod_page .next span {
    font-size: var(--iconfs);
}

.mod_page_item.act a {
    color: #3E8EDB;
}

@media screen and (min-width: 1200px) {

    .mod_page_item.prev a:hover span,
    .mod_page_item.next a:hover span {
        color: #3E8EDB;
    }

    .mod_page_item:not(.prev, .next) a:hover {
        color: #3E8EDB;
    }
}

.mod_page_item.omit {
    pointer-events: none;
}

/* 分页-end */


.industries-elevate .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.industries-elevate .left {
    width: 41.6129032%;
    position: sticky;
    top: 180px;
    left: 0;
}

.industries-elevate .left .text {
    margin-top: 30px;
}

.industries-elevate .left .mod-btns {
    margin-top: 30px;
    --border-color: #0082FF;
    --bg: #0082FF;
    --color: #fff;
    --after-bg: #0067CB;
    --hover-textcolor: #fff;
    --hover-border-color: #0067CB;
}

.industries-elevate .right {
    width: 50%;
}

.industries-elevate .right .item {
    border-top: 1px solid #e8ecef;
    padding: 16px 0;
}

.industries-elevate .right .item:last-child {
    padding-bottom: 0;
}

.industries-elevate .right .links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.industries-elevate .right .links .left-box {
    display: flex;
    align-items: center;
    transition: all 0.5s;
}

.industries-elevate .right .links .left-box .imgs {
    width: 128px;
    flex-shrink: 0;
    margin-right: 35px;
}

.industries-elevate .right .links .left-box .imgs .img_box {
    padding-top: 100%;
}

.industries-elevate .right .links .left-box .tits {
    color: #232833;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.5;
    transition: all 0.5s;
    padding-right: 70px;
}

.industries-elevate .right .links .iconfont {
    font-size: 16px;
    color: #3E8EDB;
    opacity: 0;
}

@media screen and (min-width: 1200px) {
    .industries-elevate .right .links:hover .left-box {
        transform: translateX(20px);
    }

    .industries-elevate .right .links:hover .left-box .tits {
        color: #3E8EDB;
    }

    .industries-elevate .right .links:hover .iconfont {
        opacity: 1;
    }
}

.home-application .right .links .left-box .texts{
    font-size: 16px;
    line-height: 1.65;
    color: #555;
    margin-top: 10px;
}

.appdeta-details .conts ul p{
    font-size: 18px;
    /* color: rgb(227, 35, 35); */
}

.appdeta-details .conts ul li::marker{
    /* color: rgb(227, 35, 35); */
}

.appdeta-applications .flex .left .used{
    width: 100%;
}

.home-solution .left .title{
    font-size: 50px;
}

@media screen and (max-width:1680px) {
    .home-solution .left .title{
        font-size: 46px;
    }
}

@media screen and (max-width:1440px) {
    .home-solution .left .title{
        font-size: 42px;
    }
}

@media screen and (max-width:1200px) {
    .home-solution .left .title{
        font-size: 38px;
    }
}

@media screen and (max-width:991px) {
    .home-solution .left .title{
        font-size: 34px;
    }
}

@media screen and (max-width:768px) {
    .home-solution .left .title{
        font-size: 30px;
    }
}
/* 
.appdeta-details .conts p:nth-child(1){
    font-size: 20px;
}

.appdeta-details .conts p:nth-child(2){
    font-size: 18px;
} */


/* gj */

.gj {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.gj .imgs {
    width: 60px;
    flex-shrink: 0;
    margin-right: 12px;
}

.gj .imgs .img_box {
    padding-top: 100%;
}

.gj .names {
    color: #232833;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 900;
    transition: all 0.5s;
}

@media screen and (min-width: 1200px) {
    .gj:hover .imgs .img_box img {
        transform: scale(1.05);
    }

    .gj:hover .names {
        color: #0082FF;
        text-decoration: underline;
    }
}

/* 。 */