/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@charset "utf-8";
/* usually */
html {
    font-family: PingFang SC, Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif;
    word-wrap: normal;
    line-height: 1.4;
}

body {
    font-size: 14px;
    color: #333;
}

body, div, h1, h2, h3, h4, h5, h6, hr, p, span, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, a, :after, :before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul, ol, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333
}

.auto {
    margin-left: auto;
    margin-right: auto;
}

.l {
    float: left;
}

.r {
    float: right;
}

.tc {
    text-align: center;
}

.ti2 {
    text-indent: 2em;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.dib {
    display: inline-block;
}

.ovh {
    overflow: hidden;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.fix:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.fix-flex:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.fix-web:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.fix-phone:after {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

.ellipsis {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.ellipsis1 {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

img {
    border: none;
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.swiper-slide {
    user-select: none;
}

/*margin*/
.m0 {
    margin: 0px;
}

.m1 {
    margin: 1px;
}

.ml1 {
    margin-left: 1px;
}

.mt1 {
    margin-top: 1px;
}

.mr1 {
    margin-right: 1px;
}

.mb1 {
    margin-bottom: 1px;
}

.m2 {
    margin: 2px;
}

.ml2 {
    margin-left: 2px;
}

.mt2 {
    margin-top: 2px;
}

.mr2 {
    margin-right: 2px;
}

.mb2 {
    margin-bottom: 2px;
}

.m5 {
    margin: 5px;
}

.ml5 {
    margin-left: 5px;
}

.mt5 {
    margin-top: 5px;
}

.mr5 {
    margin-right: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.m10 {
    margin: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.m15 {
    margin: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mt15 {
    margin-top: 15px;
}

.mr15 {
    margin-right: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.m20 {
    margin: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mr25 {
    margin-right: 25px;
}

/*padding*/
.p0 {
    padding: 0px;
}

.p1 {
    padding: 1px;
}

.pl1 {
    padding-left: 1px;
}

.pt1 {
    padding-top: 1px;
}

.pr1 {
    padding-right: 1px;
}

.pb1 {
    padding-bottom: 1px;
}

.p2 {
    padding: 2px;
}

.pl2 {
    padding-left: 2px;
}

.pt2 {
    padding-top: 2px;
}

.pr2 {
    padding-right: 2px;
}

.pb2 {
    padding-bottom: 2px;
}

.p5 {
    padding: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.p10 {
    padding: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.p15 {
    padding: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pt15 {
    padding-top: 15px;
}

.pr15 {
    padding-right: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mb25 {
    margin-bottom: 25px;
}

.heigh100 {
    height: 100%;
}

.icon-plus {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    cursor: pointer;
}

.icon-plus::before, .icon-plus:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    transition: transform .3s ease-in;
    border-radius: 4px;
}

.icon-plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.icon-plus.rotate:after {
    transform: translate(-50%, -50%) rotate(0);
}

.mobile-left .nav-ul-box {
    left: 0;
}

body {
    transition: margin-left .3s ease;
    width: 100%;
}

body.mobile-left {
    margin-left: 250px;
}

.pages {
    text-align: center;
    padding: 60px 0;
}

.pages li {
    display: inline-block;
    font-size: 14px;
    margin-right: 0.5%;
    border: 1px solid #dcdcdc;
    color: #666666;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

.pages li .iconfont::before {
    font-size: 14px;
}

.pages li a {
    padding: 6px 12px 5px;
    display: inline-block;
    color: #666666;
}

.pages li span {
    padding: 6px 12px 5px;
    display: inline-block;
}

.pages-select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/arrow-down-fill.png) no-repeat 96% center;
    border: 1px solid #dadada;
    outline: none;
    font-size: 14px;
    border-radius: 4px;
    padding: 5px;
    padding-right: 16px;
}

.pages .active {
    background: #1B75F8;
    border-color: #1B75F8;
    color: #ffffff
}

.pages li.thisclass {
    background: #1B75F8;
    border-color: #1B75F8;
}

.pages li.thisclass a {
    color: #fff;
}

.pages li.noborder {
    border: none;
    background-color: transparent;
    padding: 0;
}

.pages li .turn-input {
    color: #666666;
    padding: 8px 12px 7px;
    background-color: #fff;
    width: 48px;
}

input[type="text"], input[type="password"], input[type="number"], textarea, button, input[type="email"], input[type="date"] {
    border: none;
    outline: none;
    background-color: transparent;
}

input[type="date"] {
    color: #fff;
}

input[type="text"] {
    -webkit-appearance: none;
}

/* ::-webkit-input-placeholder{}
:-moz-placeholder{}
::-moz-placeholder{}
:-ms-input-placeholder{}  */

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.just-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.just-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.no {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.abs-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.banner {
    position: relative;
}

.banner-i {
    width: 100%;
    display: block;
}

.lan {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/arrow-down.png) no-repeat right center;
    padding-right: 16px;
}

.normal-select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    background-color: transparent;
}

.select_provice {
    width: 110px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #bfbfbf;
    outline: none;
    font-size: 14px;
    border-radius: 4px;
    padding-right: 16px;
    text-align: center;
    flex: 1;
}

.mobile-img {
    display: none;
}

.menu {
    display: none;
    margin-left: 10px;
}

.menu i {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #1B75F8;
    margin-top: 6px;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.menu i:first-child {
    margin-top: 0;
}

.menu.rotate i:nth-of-type(1) {
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg);
}

.menu.rotate i:nth-of-type(2) {
    opacity: 0;
}

.menu.rotate i:nth-of-type(3) {
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg);
}

.normal-place ::-webkit-input-placeholder {
    font-size: 24px;
    color: #BBBBBB;
    font-family: PingFang SC, Arial, Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif;
}

.normal-place :-moz-placeholder {
    font-size: 24px;
    color: #BBBBBB;
    font-family: PingFang SC, Arial, Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif;
}

.normal-place :-ms-input-placeholder {
    font-size: 24px;
    color: #BBBBBB;
    font-family: PingFang SC, Arial, Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif;
}

img[class*=avatar] {
    border-radius: 50%;
}

.hover-a a:hover {
    color: #1B75F8;
}

.hover-tit a:hover [class*=tit] {
    color: #1B75F8;
}

._h-img {
    transition: transform .3s ease;
}

.hover-img a:hover ._h-img {
    transform: scale(1.1);
}

.bold {
    font-weight: 600;
}

.tl {
    text-align: left;
}

[class*=btn] {
    cursor: pointer;
}

.upload-file {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 99;
}

@-webkit-keyframes circleMove {
    from {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes circleMove {
    from {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

.lg_sfdh {
    animation: play_btn 0.5s infinite alternate;
}

.video-js {
    width: 100%;
    height: 100%;
}

.video-js .vjs-tech {
    object-fit: cover;
}

@keyframes play_btn {
    0% {
        transform: scale(1.0)
    }
    100% {
        transform: scale(1.1)
    }
}

@keyframes hideIndex {
    0% {
        opacity: 0;
        padding-top: 15px;
    }
    100% {
        opacity: 1;
        padding-top: 0;
    }
}

@keyframes hideIndex1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .main-swiper-bright {
        max-width: calc(100% - 400px);
    }

    .nav-ul > li:hover .drop-content {
        display: block;
        animation: hideIndex .3s ease;
    }

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

.center-box {
    max-width: 1345px;
    margin-left: auto;
    margin-right: auto;
}

.responsive-y {
    overflow-y: auto;
}

.responsive-y::-webkit-scrollbar { /*滚动条整体样式*/
    width: 3px;
    height: 0;
}

.responsive-y::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 3px;
    background: #1B75F8;
}

/*428  305 187 305 1225*/
.grid-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 32.19% 1.04vw 32.19% 1.04vw 32.19%;
    grid-template-columns: 32.19% 32.19% 32.19%;
    gap: 1.04vw;
    -ms-grid-rows: auto 1.04vw auto;
    grid-template-rows: auto auto;
}

.grid-item:hover {
    box-shadow: 5px 5px 16px rgba(81, 81, 81, 0.24);
}

.grid-item {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s ease;
}

.grid-item:nth-of-type(1) {
    /*grid-column-start: span 2;*/
    /*-ms-grid-row: 1;*/
    /*-ms-grid-column: 1;*/
    /*-ms-grid-column-span: 2;*/
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.grid-item:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.grid-item:nth-of-type(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.grid-item:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}

.grid-item:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
}

.normal-item {
    display: none;
}

.block {
    display: block;
    width: 100%;
}

.head {
    padding: 10px 0;
}

.head-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 99;
    width: 100%;
}

.head-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.nav-ul > li {
    font-size: 16px;
    position: relative;
    padding: 15px 0;
    margin-right: 3.125vw;
}

.nav-ul > li::after {
    content: "";
    display: block;
    width: 35px;
    height: 4px;
    background-color: #1B75F8;
    border-radius: 999px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    transition: width .3s ease;
}

.nav-ul > li.on::after, .nav-ul > li:hover::after {
    width: 35px;
}

.nav-ul > li.on .drop-tab a, .nav-ul > li:hover .drop-tab a {
    color: #1B75F8;
}

.tel-box {
    font-size: 16px;
    font-weight: 600;
}

.banner-list-word {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
}

.banner-list-tit {
    font-size: 60px;
}

.normal-tit {
    font-size: 48px;
}

.normal-desc {
    font-size: 18px;
    margin-top: 20px;
}

.tech-box {
    padding: 60px 0 80px;
}

.tech-ul {
    padding-top: 25px;
}

.tech-ul > li {
    width: 32.41%;
    margin-left: 1.37%;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
}

.tech-ul > li:nth-of-type(3n+1) {
    margin-left: 0;
}

.tech-bott {
    padding: 20px;
}

.tech-tit {
    font-size: 18px;
    font-weight: 600;
}

.tech-desc {
    font-size: 16px;
    line-height: 1.875em;
}

.h-img {
    transition: transform .3s ease;
}

.hover-img > li:hover .h-img {
    transform: scale(1.1);
}

.step-ul {
    padding-top: 35px;
}

.step-ul > li {
    width: 16.66%;
    text-align: center;
    margin-top: 25px;
}

.step-box {
    padding: 80px 0;
}

.new-sale {
    padding: 80px 0;
}

.new-news {
    padding: 80px 0;
}

.step-box-bj {
    background-color: #f7f8f9;
}

.step-top {
    padding-bottom: 30px;
    position: relative;
    font-size: 0;
}

.step-bott {
    font-size: 18px;
    padding-top: 20px;
}

.step-top::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #e5e5e5;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    border-radius: 50%;
}

.step-top::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #dcdcdc;
    position: absolute;
    bottom: 0;
}

.step-img {
    max-width: 55%;
}

.picMarquee {
    margin-top: 40px;
}

.voice-ul {
    padding: 20px 0 !important;
}

.voice-box {
    padding: 80px 0 60px;
}

.voice-ul > li {
    width: calc(20% - 15px);
    float: left;
    margin: 0 15px;
    box-shadow: 5px 5px 16px rgba(81, 81, 81, 0.16);
    border-radius: 10px;
    overflow: hidden;
    transition: transform .3s ease;
}

.comp-ul > li {
    width: calc(16.66% - 20px);
    float: left;
    margin: 0 10px;
}

.voice-ul > li:hover {
    transform: translate3d(0, -15px, 0);
}

.voice-tit {
    text-align: center;
    font-size: 20px;
}

.voice-bott {
    position: relative;
    padding: 50px 20px 25px;
}

.v-avatar {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 5px 5px 16px rgba(81, 81, 81, 0.09);
}

.win-box {
    padding: 80px 0;
}

.win-tit {
    font-size: 48px;
    font-weight: 600;
}

.win-links {
    display: inline-flex;
    width: 135px;
    height: 48px;
    background-color: #fff;
    border-radius: 999px;
    color: #1B75F8;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    font-size: 16px;
}

.footer-top-left {
    width: 43.95%;
    padding-top: 30px;
}

.footer-logo {
    max-width: 105px;
}

.footer-ul {
    padding-top: 10px;
}

.footer-ul > li a {
    font-size: 16px;
    font-weight: 600;
}

.footer-ul > li {
    padding: 0 10px;
    position: relative;
    margin-top: 5px;
}

.footer-ul > li::before {
    content: "";
    width: 1px;
    height: 80%;
    background-color: #333333;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}

.footer-ul > li:first-child {
    padding-left: 0;
}

.footer-ul > li:first-child::before {
    display: none;
}

.footer-tel {
    font-size: 24px;
    font-weight: 600;
}

.footer-top-right {
    width: 56.05%;
}

.footer-text {
    line-height: 1.875em;
    font-size: 16px;
}

.footer-top {
    padding: 30px 0;
}

.code-img {
    width: 74px;
}

.map-iframe {
    width: 100%;
    height: 377px;
}

.footer-bott {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.drop-content {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 100%);
    bottom: 1px;
    display: none;
    z-index: 9;
}

.tempWrap {
    width: 100% !important;
}

.drop-ul {
    min-width: 240px;
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    padding: 10px 0 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.mt25 {
    margin-top: 25px;
}

html, body {
    background-color: #f7f8f9;
}

.drop-ul > li {
    margin-top: 10px;
    color: #333;
    font-size: 20px;
    position: relative;
}

.cont-ul > li {
    padding: 0 5.20vw;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #e5e5e5;
}

.cont-ul > li.on a {
    color: #1B75F8;
}

.cont-ul > li:first-child {
    border-left: none;
}

.cont-ul > li .iconfont {
    font-size: 45px;
}

.cont-ul {
    padding: 20px 0;
}

.cont-cont {
    padding-bottom: 80px;
}

.cont-cdesc {
    font-size: 16px;
}

.cont-cul {
    padding-top: 10px;
}

.cont-ctop, .cont-ctop .iconfont {
    font-size: 20px;
}

.cont-cul > li {
    width: 48.69%;
    margin-top: 30px;
    background-color: #fff;
    padding: 2.08vw 2.60vw;
}

.details-show {
    font-size: 16px;
    line-height: 1.875em;
    padding: 40px 0;
}

.cul-flag {
    font-size: 55px;
    font-weight: 600;
    color: rgba(62, 167, 111, 0.23);
}

.cul-tit {
    font-size: 30px;
    font-weight: 600;
    transform: translate(-20px, 0);
    color: #1B75F8;
    text-transform: uppercase;
}

.sa-right {
    width: 58.56%;
}

.sa-left {
    width: 41.42%;
}

.sa-ul {
    padding-top: 40px;
}

.sa-ul > li {
    padding: 25px 25px 25px 60px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    transition: all .3s ease;
}

.sa-ul > li:hover {
    box-shadow: 5px 5px 16px rgba(81, 81, 81, 0.09)
}

.sa-tit {
    font-size: 42px;
    line-height: 1.5em;
}

.sa-desc {
    font-size: 18px;
    color: #666;
    line-height: 2em;
}

.news-right {
    width: 19.47%;
}

.news-left {
    width: 71.82%;
}

.news-img {
    border-radius: 16px;
}

.news-time {
    font-size: 16px;
    color: #666;
}

.news-tit {
    font-size: 18px;
    font-weight: 600;
}

.news-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.875em;
}

.news-left {
    position: relative;
    overflow: hidden;
}

.news-left::after {
    content: "";
    height: 1px;
    background-color: #e5e5e5;
    width: 100%;
    bottom: 10px;
    left: 0;
    position: absolute;
    transition: transform .3s ease;
}

.news-left::before {
    content: "";
    height: 1px;
    background-color: #1B75F8;
    width: 100%;
    bottom: 10px;
    left: 0;
    position: absolute;
    transform: translate(-100%, 0);
    transition: transform .3s ease;
}

.news-ul > li:hover .news-left::after {
    transform: translate(100%, 0);
}

.news-ul > li:hover .news-left::before {
    transform: translate(0, 0);
}

.news-ul > li {
    margin-top: 30px;
}

.news-ul {
    padding-top: 25px;
}

.details-top {
    padding: 40px 0;
    background-color: #f3f4f6;
}

.details-tit {
    font-size: 24px;
    font-weight: 600;
}

.details-tinfo {
    font-size: 16px;
    color: #666;
}

.banner-word {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
}

.banner-tit {
    font-size: 60px;
    font-weight: 600;
}

.banner-desc {
    font-size: 24px;
}

.banner-btn {
    display: inline-flex;
    width: 135px;
    height: 48px;
    border: 1px solid #1B75F8;
    color: #1B75F8;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.banner-btn.on {
    background-color: #1B75F8;
    color: #fff;
}

.banner-btn-box {
    margin-top: 40px;
}

.mySwiper {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

.main-thumb-box {
    margin-top: 40px;
}

.mySwiper .swiper-slide.swiper-slide-thumb-active {
    color: #1B75F8;
}

.main-thumb-inner {
    padding: 0 10px 25px 10px;
    font-size: 20px;
    display: inline-block;
}

.mySwiper .swiper-slide.swiper-slide-thumb-active .main-thumb-inner {
    border-bottom: 2px solid #1B75F8;
}

.mt-arrow-down {
    display: inline-flex;
    width: 10px;
    height: 7px;
    background: url(../img/arrow-down.png) no-repeat center;
    background-size: auto;
    transition: transform .3s ease;
}

.main-swiper-tab {
    font-size: 18px;
}

.main-swiper-tab .iconfont {
    font-size: 28px;
    color: #1B75F8;
}

.main-swiper-bleft {
    width: 400px;
}

.mySwiper .swiper-slide {
    text-align: center;
    cursor: pointer;
}

.mian-swiper-box {
    margin-top: 40px;
}

.mySwiper2 {
    position: absolute;
    top: 4%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 77.56%;
    max-height: 388px;
}

.main-swiper-cont {
    font-size: 16px;
    color: #666;
    line-height: 1.875em;
    padding: 0 20px 25px;
    border-radius: 10px;
    display: none;
}

.main-swiper-bul > li {
    border-bottom: 1px solid #e5e5e5;
}

.main-swiper-tab {
    padding: 20px;
    cursor: pointer;
}

.main-swiper-bul > li.on {
    border-bottom-color: transparent;
    box-shadow: 5px 5px 16px rgba(81, 81, 81, 0.15);
    background: linear-gradient(to bottom, #f7fffb, #f7fffb);
}

.main-swiper-bul > li.on .main-swiper-tab {
    color: #1B75F8;
}

.main-swiper-bul > li.on .mt-arrow-down {
    transform: rotate(180deg);
}

.new-news-tit {
    font-size: 32px;
    font-weight: 600;
}

.grid-tit {
    font-size: 20px;
}

.grid-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.75em;
    margin-top: 10px;
}

.grid-bott {
    padding: 20px 15px 20px;
}

.grid-time {
    font-size: 16px;
    color: #999;
    margin-top: 20px;
}

.bt {
    border-bottom: 1px solid #dcdcdc;
}

@media (min-width: 1992px) {
    .nav-ul > li {
        margin-right: 60px;
    }

    .cont-ul > li {
        padding: 0 100px;
    }
}

.tr {
    text-align: right;
}

.hide-pc {
    display: none;
}

.webkit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.line2 {
    -webkit-line-clamp: 2;
}

.line3 {
    -webkit-line-clamp: 3;
}

.line4 {
    -webkit-line-clamp: 4;
}

.line5 {
    -webkit-line-clamp: 5;
}

.col-000 {
    color: #000;
}

.col-333 {
    color: #333;
}

.col-666 {
    color: #666;
}

.col-999 {
    color: #999;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.col-fff {
    color: #fff;
}

.bgfff {
    background-color: #fff;
}

.theme {
    color: #1B75F8;
}

.marks {position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 999;display: none;}
.marks-inner {width: 500px;max-width: 94%;border-radius: 10px;background-color: #fff;padding: 40px 25px;}
.marks-tit {font-size: 20px;font-weight: 600;}
.marks-dl>dt {width: 66px;font-size: 16px;line-height: 40px;}
.bt {border-bottom: 1px solid #dcdcdc;}
.marks-dl .marks-val {height: 40px;border: 1px solid #ddd;border-radius: 4px;width: 100%;flex: 1;font-size: 14px;padding: 0 15px;color: #666;}
.marks-dl .marks-text {height: 120px;resize: none;padding: 15px;}
.marks-dl {margin-top: 20px;}
.marks-btn {width: 120px;height: 40px;background-color: #1B75F8;font-size: 16px;justify-content: center;align-items: center;display: inline-flex;color: #fff;}
.marks .icon-closefill{position: absolute;right: 20px;top: 20px;font-size: 28px;cursor: pointer;}
.marks .icon-closefill:hover {color: #1B75F8;}
@media (min-width: 1992px) {
    .nav-ul>li {margin-right: 60px;}
    .cont-ul>li {padding: 0 100px;}
}
.tr {text-align: right;}
.hide-pc {display: none;}
.webkit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.line2 {
    -webkit-line-clamp: 2;
}
.line3 {
    -webkit-line-clamp: 3;
}
.line4 {
    -webkit-line-clamp: 4;
}
.line5 {
    -webkit-line-clamp: 5;
}
.col-000 {
    color: #000;
}
.col-333 {
    color: #333;
}
.col-666 {
    color: #666;
}
.col-999 {
    color: #999;
}
.fs12 {
    font-size: 12px;
}
.fs14 {
    font-size: 14px;
}
.fs16 {
    font-size: 16px;
}
.col-fff {
    color: #fff;
}
.bgfff {
    background-color: #fff;
}

.theme {color: #1B75F8;}



.customer {padding: 5.20vw 0 10.04vw;}
.normal-bj {background-repeat: no-repeat;background-size: cover;background-position: center;}
.cust-tit {font-size: 48px;line-height: 1.45em;}
.cust-img {display: block;}
.cust-ul {max-width: 470px;}
.cust-ul>li {width: 33.33%;margin-top: 50px;display: flex;text-align: center;}
.cust-text {font-size: 18px;margin-top: 15px;}
.banner-btn + .banner-btn {margin-left: 15px;}
.sa-ul>li:nth-of-type(2n+1)>a {flex-direction: row-reverse;}
.sa-left {padding-right: 30px;}
.sa-ul>li:nth-of-type(2n+1) .sa-left {padding-left: 30px;}
@media (min-width: 1992px) {
    .nav-ul>li {margin-right: 60px;}
    .cont-ul>li {padding: 0 100px;}
}
.tr {text-align: right;}
.hide-pc {display: none;}
.webkit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.line2 {
    -webkit-line-clamp: 2;
}
.line3 {
    -webkit-line-clamp: 3;
}
.line4 {
    -webkit-line-clamp: 4;
}
.line5 {
    -webkit-line-clamp: 5;
}
.col-000 {
    color: #000;
}
.col-333 {
    color: #333;
}
.col-666 {
    color: #666;
}
.col-999 {
    color: #999;
}
.fs12 {
    font-size: 12px;
}
.fs14 {
    font-size: 14px;
}
.fs16 {
    font-size: 16px;
}
.col-fff {
    color: #fff;
}
.bgfff {
    background-color: #fff;
}

.theme {color: #1B75F8;}