@charset "utf-8";

html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    touch-action: manipulation;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
    display: block;
    margin: 0;
    padding: 0；
}

main {
    background-size: cover;
    overflow: hidden;
    z-index: 3;


}


main.bg {
    background-color: #f7f7f7;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    border: 1px solid black;
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: 400;
}

dl,
ol,
ul {
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none;
    outline: none;
    font-family: Arial, Microsoft Yahei;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

button,
input[type=submit],
input[type=text],
input[type=button] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    blr: expression(this.onFocus=this.blur())
}

input {
    outline: 0;
    border: none;
}

input::-webkit-input-safebox-button {
    display: none;
}

body {
    background-color: #ffffff;
    color: #000;
    font-family: "My_font", "Arial", "微软雅黑", "sans-serif", "宋体";
}

body * {
    box-sizing: border-box;
    line-height: 1;
}

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

.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.eps2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



/* @font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/SOURCEHANSANSCN-NORMAL.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../fonts/SOURCEHANSANSCN-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../fonts/SOURCEHANSANSCN-MEDIUM.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../fonts/SOURCEHANSANSCN-BOLD.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('../fonts/SOURCEHANSANSCN-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
} */



/*
@font-face {
    font-family: "iconfont";

    src: url('../font-icons/iconfont.woff2?t=1648189469231') format('woff2'), url('../font-icons/iconfont.woff?t=1648189469231') format('woff'), url('../font-icons/iconfont.ttf?t=1648189469231') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

} */
.icon {
    width: 1.8em;
    height: 1.8em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

html {
    font-size: calc(100vw / 1920 * 100);
}

@media(max-width: 1000px) {
    html {
        font-size: calc(1000px / 1920 * 100);
    }
}

body {
    font-size: calc(16 * 100vw / 1920);
}

@media(max-width: 1584px) {
    body {
        font-size: 13.2px;
    }
}

.s12 {
    font-size: calc(12 * 100vw / 1920);
}

@media(max-width: 1920px) {
    .s12 {
        font-size: 12.0px;
    }
}

.s13 {
    font-size: calc(13 * 100vw / 1920);
}

@media(max-width: 1816px) {
    .s13 {
        font-size: 12.3px;
    }
}

.s14 {
    font-size: calc(14 * 100vw / 1920);
}

@media(max-width: 1728px) {
    .s14 {
        font-size: 12.6px;
    }
}

.s15 {
    font-size: calc(17 * 100vw / 1920);
}

@media(max-width: 1651px) {
    .s15 {
        font-size: 14.9px;
    }

}

.s16 {
    font-size: calc(18 * 100vw / 1920);
}

@media(max-width: 1584px) {
    .s16 {
        font-size: 16.2px;
    }
}

.s17 {
    font-size: calc(17 * 100vw / 1920);
}

@media(max-width: 1524px) {
    .s17 {
        font-size: 13.5px;
    }
}

.s18 {
    font-size: calc(18 * 100vw / 1920);
}

@media(max-width: 1651px) {
    .s18 {
        font-size: 16.9px;
    }
}

@media(max-width: 1472px) {
    .s18 {
        font-size: 15.8px;
    }
}

.s19 {
    font-size: calc(19 * 100vw / 1920);
}

@media(max-width: 1424px) {
    .s19 {
        font-size: 14.1px;
    }
}

.s20 {
    font-size: calc(20 * 100vw / 1920);
}

@media(max-width: 1382px) {
    .s20 {
        font-size: 16.4px;
    }
}

.s21 {
    font-size: calc(21 * 100vw / 1920);
}

@media(max-width: 1344px) {
    .s21 {
        font-size: 14.7px;
    }
}

.s22 {
    font-size: calc(22 * 100vw / 1920);
}

@media(max-width: 1309px) {
    .s22 {
        font-size: 15.0px;
    }
}

.s23 {
    font-size: calc(23 * 100vw / 1920);
}

@media(max-width: 1277px) {
    .s23 {
        font-size: 15.3px;
    }
}

.s24 {
    font-size: calc(24 * 100vw / 1920);
}

@media(max-width: 1248px) {
    .s24 {
        font-size: 15.6px;
    }
}

.s25 {
    font-size: calc(25 * 100vw / 1920);
}

@media(max-width: 1221px) {
    .s25 {
        font-size: 15.9px;
    }
}

.s26 {
    font-size: calc(26 * 100vw / 1920);
}

@media(max-width: 1196px) {
    .s26 {
        font-size: 16.2px;
    }
}

.s27 {
    font-size: calc(27 * 100vw / 1920);
}

@media(max-width: 1173px) {
    .s27 {
        font-size: 16.5px;
    }
}

.s28 {
    font-size: calc(28 * 100vw / 1920);
}

@media(max-width: 1152px) {
    .s28 {
        font-size: 16.8px;
    }
}

.s29 {
    font-size: calc(29 * 100vw / 1920);
}

@media(max-width: 1132px) {
    .s29 {
        font-size: 17.1px;
    }
}

.s30 {
    font-size: calc(30 * 100vw / 1920);
}

@media(max-width: 1113px) {
    .s30 {
        font-size: 17.4px;
    }
}

.s31 {
    font-size: calc(31 * 100vw / 1920);
}

@media(max-width: 1096px) {
    .s31 {
        font-size: 17.7px;
    }
}

.s32 {
    font-size: calc(32 * 100vw / 1920);
}

@media(max-width: 1080px) {
    .s32 {
        font-size: 18.0px;
    }
}

.s33 {
    font-size: calc(33 * 100vw / 1920);
}

@media(max-width: 1064px) {
    .s33 {
        font-size: 18.3px;
    }
}

.s34 {
    font-size: calc(34 * 100vw / 1920);
}

@media(max-width: 1050px) {
    .s34 {
        font-size: 18.6px;
    }
}

.s35 {
    font-size: calc(35 * 100vw / 1920);
}

@media(max-width: 1036px) {
    .s35 {
        font-size: 18.9px;
    }
}

.s36 {
    font-size: calc(36 * 100vw / 1920);
}

@media(max-width: 1024px) {
    .s36 {
        font-size: 19.2px;
    }
}

.s37 {
    font-size: calc(37 * 100vw / 1920);
}

@media(max-width: 1011px) {
    .s37 {
        font-size: 19.5px;
    }
}

.s38 {
    font-size: calc(38 * 100vw / 1920);
}

@media(max-width: 1000px) {
    .s38 {
        font-size: 19.8px;
    }
}

.s39 {
    font-size: calc(39 * 100vw / 1920);
}

@media(max-width: 989px) {
    .s39 {
        font-size: 20.1px;
    }
}

.s40 {
    font-size: calc(40 * 100vw / 1920);
}

@media(max-width: 979px) {
    .s40 {
        font-size: 20.4px;
    }
}

.s41 {
    font-size: calc(41 * 100vw / 1920);
}

@media(max-width: 969px) {
    .s41 {
        font-size: 20.7px;
    }
}

.s42 {
    font-size: calc(42 * 100vw / 1920);
}

@media(max-width: 960px) {
    .s42 {
        font-size: 21.0px;
    }
}

.s43 {
    font-size: calc(43 * 100vw / 1920);
}

@media(max-width: 951px) {
    .s43 {
        font-size: 21.3px;
    }
}

.s44 {
    font-size: calc(44 * 100vw / 1920);
}

@media(max-width: 942px) {
    .s44 {
        font-size: 21.6px;
    }
}

.s45 {
    font-size: calc(45 * 100vw / 1920);
}

@media(max-width: 934px) {
    .s45 {
        font-size: 21.9px;
    }
}

.s46 {
    font-size: calc(46 * 100vw / 1920);
}

@media(max-width: 926px) {
    .s46 {
        font-size: 22.2px;
    }
}

.s47 {
    font-size: calc(47 * 100vw / 1920);
}

@media(max-width: 919px) {
    .s47 {
        font-size: 22.5px;
    }
}

.s48 {
    font-size: calc(48 * 100vw / 1920);
}

@media(max-width: 911px) {
    .s48 {
        font-size: 22.8px;
    }
}

.s49 {
    font-size: calc(49 * 100vw / 1920);
}

@media(max-width: 905px) {
    .s49 {
        font-size: 23.1px;
    }
}

.s50 {
    font-size: calc(50 * 100vw / 1920);
}

@media(max-width: 898px) {
    .s50 {
        font-size: 23.4px;
    }
}

.s51 {
    font-size: calc(51 * 100vw / 1920);
}

@media(max-width: 892px) {
    .s51 {
        font-size: 23.7px;
    }
}

.s52 {
    font-size: calc(52 * 100vw / 1920);
}

@media(max-width: 886px) {
    .s52 {
        font-size: 24.0px;
    }
}

.s53 {
    font-size: calc(53 * 100vw / 1920);
}

@media(max-width: 880px) {
    .s53 {
        font-size: 24.3px;
    }
}

.s54 {
    font-size: calc(54 * 100vw / 1920);
}

@media(max-width: 874px) {
    .s54 {
        font-size: 24.6px;
    }
}

.s55 {
    font-size: calc(55 * 100vw / 1920);
}

@media(max-width: 869px) {
    .s55 {
        font-size: 24.9px;
    }
}

.s56 {
    font-size: calc(56 * 100vw / 1920);
}

@media(max-width: 864px) {
    .s56 {
        font-size: 25.2px;
    }
}

.s57 {
    font-size: calc(57 * 100vw / 1920);
}

@media(max-width: 858px) {
    .s57 {
        font-size: 25.5px;
    }
}

.s58 {
    font-size: calc(58 * 100vw / 1920);
}

@media(max-width: 854px) {
    .s58 {
        font-size: 25.8px;
    }
}

.s59 {
    font-size: calc(59 * 100vw / 1920);
}

@media(max-width: 849px) {
    .s59 {
        font-size: 26.1px;
    }
}

.s60 {
    font-size: calc(60 * 100vw / 1920);
}

@media(max-width: 844px) {
    .s60 {
        font-size: 26.4px;
    }
}

.s61 {
    font-size: calc(61 * 100vw / 1920);
}

@media(max-width: 840px) {
    .s60 {
        font-size: 26.7px;
    }
}

.s62 {
    font-size: calc(62 * 100vw / 1920);
}

@media(max-width: 836px) {
    .s60 {
        font-size: 27.0px;
    }
}

.s63 {
    font-size: calc(63 * 100vw / 1920);
}

@media(max-width: 832px) {
    .s60 {
        font-size: 27.3px;
    }
}

.s64 {
    font-size: calc(64 * 100vw / 1920);
}

@media(max-width: 828px) {
    .s60 {
        font-size: 27.6px;
    }
}

.s65 {
    font-size: calc(65 * 100vw / 1920);
}

@media(max-width: 824px) {
    .s60 {
        font-size: 27.9px;
    }
}

.s66 {
    font-size: calc(66 * 100vw / 1920);
}

@media(max-width: 820px) {
    .s60 {
        font-size: 28.2px;
    }
}

.s67 {
    font-size: calc(67 * 100vw / 1920);
}

@media(max-width: 816px) {
    .s67 {
        font-size: 28.5px;
    }
}

.s68 {
    font-size: calc(68 * 100vw / 1920);
}

@media(max-width: 813px) {
    .s68 {
        font-size: 28.8px;
    }
}

.s69 {
    font-size: calc(69 * 100vw / 1920);
}

@media(max-width: 809px) {
    .s69 {
        font-size: 29.1px;
    }
}

.s70 {
    font-size: calc(70 * 100vw / 1920);
}

@media(max-width: 806px) {
    .s70 {
        font-size: 29.4px;
    }
}

.s70 {
    font-size: calc(70 * 100vw / 1920);
}

@media(max-width: 803px) {
    .s70 {
        font-size: 29.7px;
    }
}

.s71 {
    font-size: calc(71 * 100vw / 1920);
}

@media(max-width: 800px) {
    .s71 {
        font-size: 30px;
    }
}

.s72 {
    font-size: calc(72 * 100vw / 1920);
}

@media(max-width: 796px) {
    .s72 {
        font-size: 30.3px;
    }
}

.s73 {
    font-size: calc(73 * 100vw / 1920);
}

@media(max-width: 793px) {
    .s73 {
        font-size: 30.6px;
    }
}

.s74 {
    font-size: calc(74 * 100vw / 1920);
}

@media(max-width: 791px) {
    .s74 {
        font-size: 30.9px;
    }
}

.s75 {
    font-size: calc(75 * 100vw / 1920);
}

@media(max-width: 788px) {
    .s75 {
        font-size: 31.2px;
    }
}

.s76 {
    font-size: calc(76 * 100vw / 1920);
}

@media(max-width: 79px) {
    .s76 {
        font-size: 31.5px;
    }
}

.s77 {
    font-size: calc(77 * 100vw / 1920);
}

@media(max-width: 785px) {
    .s77 {
        font-size: 31.8px;
    }
}

.s78 {
    font-size: calc(78 * 100vw / 1920);
}

@media(max-width: 782px) {
    .s78 {
        font-size: 32.1px;
    }
}

.s79 {
    font-size: calc(79 * 100vw / 1920);
}

@media(max-width: 780px) {
    .s79 {
        font-size: 32.4px;
    }
}

.s80 {
    font-size: calc(80 * 100vw / 1920);
}

@media(max-width: 777px) {
    .s80 {
        font-size: 32.7px;
    }
}

header {
    width: 100%;
    background-color: #fff;
    height: 1rem;
}

.h-a {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #ffffff;
    height: 1rem;
    box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.h-cont {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.h-right {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-left: auto; */
}

.h-nav {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    /* margin-right: .63rem; */
    display: flex;
    align-items: center;
    height: 100%;
}

.h-d {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 100%;
}

.h-e {
    display: block;
    line-height: 1rem;
    color: #001629;
    margin: 0 .25rem;
    position: relative;
    font-family: 'SourceHanSansCN-Normal';
    display: flex;
    align-items: center;

    word-break: keep-all;
    /* 不换行 */

    white-space: nowrap;
    /* 不换行 */
}

.h-d:hover .h-e {
    color: #ed1c24;
    font-family: 'SourceHanSansCN-Normal';
    font-weight: bold;
}

.h-d:hover .h-e::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #ec1e26;
    display: block;
    bottom: 0;
    left: 0;

}

/*
.h-d:hover .h-e::after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #e34d24;
    bottom: 0;
    display: block;
    position: absolute;
} */

.h-d.active .h-e {
    font-family: 'SourceHanSansCN-Normal';
    color: #ed1c24;
    position: relative;
    font-weight: bold;
}

.h-d.active .h-e::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #ec1e26;
    display: block;
    bottom: 0;
    left: 0;

}

/* .h-d.active .h-e::after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #e34d24;
    bottom: 0;
    display: block;
    position: absolute;
} */

.h-opa {
    left: -100vw;
    opacity: 0;
    transition: opacity .3s;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 122;
}

.h-sub {
    display: none;
    width: 100%;
    background-color: #fff;
    position: absolute;
    /* left: 50%; */
    /* margin-left: -0.75rem; */
    top: 1rem;
    z-index: 1000;
    padding: 0.05rem 0;
    box-shadow: 0 6px 8px 0 rgb(0 0 0 / 10%);
    border-radius: 0 0 5px 5px;
}

.h-sub>li>a {
    display: block;
    width: 100%;
    line-height: 1.71;
    padding: .1rem 0.03rem;
    /* text-align: center; */
    color: #001629;
    transition: background-color .3s;
    font-family: 'SourceHanSansCN-Normal';
    text-align: center;
    /* padding-left: .2rem; */
}

header.show-search .h-opa {
    left: 0;
    opacity: 1;
}

.h-one {
    display: block;
    width: 100%;
    line-height: p;
    color: #333;
}

header.show-lang .h-opa {
    left: 0;
    opacity: 1;
}

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

.lo_wrap .s24 {
    font-family: 'SourceHanSansCN-Medium';
    color: #333333;
}

.lo_img {

    cursor: pointer;
    position: relative;
}

.lo_img img {
    width: 19px;
    height: 19px;
}

@media(max-width: 1500px) {
    .h-cont {
        width: 95%;
        margin: 0 auto;

    }
}

@media(max-width: 1200px) {
    .h-e {
        font-size: 13.2px;
    }
}

@media(max-width: 1920px) {
    .h-sub {
        width: 100%;
        /* margin-left: -75px; */
        padding: 5px 0;
    }

    .h-sub>li>a {
        /* padding: 12px 3px; */
    }

    .h-s {
        width: 44px;
        height: 44px;
        background-size: 16px 17px;
    }

    .h-one {
        line-height: 35px;
        color: #333;
    }

    .h-m {
        width: 180px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    .h-n {
        width: 30px;
        height: 30px;
        background-size: 16px 17px;
    }
}

@media(min-width: 1201px) {
    .h-sub>li>a:hover {
        color: #ed1c24;
    }


}

.h-menu {
    display: none;
}

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

.ph_wra img {
    width: auto;
    height: .79rem;

}


@media(max-width: 1000px) {
    .has-nav .h-e::after {
        content: none;
    }

    .ph_wra {
        order: 1;
    }

    .h_last {
        order: 2;
        margin-left: auto;
    }

    .h-right {
        order: 3;
        margin-left: 0;
    }

    .h-d.active .h-e::after {
        content: none;
    }

    .h-d:hover .h-e::after {
        content: none;
    }

    header {
        height: 44px;
    }

    .h-a {
        height: 44px;
    }

    .h-e {
        line-height: 44px;
    }

    .h-cont {
        width: 95%;
        margin: 0 auto;
        /* padding-left: 10px; */
    }

    .h-s {
        position: absolute;
        right: 44px;
        top: 0;
    }

    .h-menu {
        width: 32px;
        height: 70%;
        margin-left: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        background-color: #f8fbff;
    }

    .h-menu span {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #18247e;
        border-radius: 3px;
    }

    .h-nav {
        width: 280px;
        height: 100vh;
        overflow: auto;
        padding-right: 0;
        margin-right: 0;
        position: fixed;
        right: -280px;
        top: 0;
        background-color: #fff;
        z-index: 123;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: all .3s;
        display: inline-block;
    }



    header.show-menu .h-opa {
        left: 0;
        opacity: 1;
    }

    header.show-menu .h-nav {
        right: 0;
    }

    .h-d {
        display: block;
        width: 100%;
        margin-left: 0;
        height: auto;
    }

    .h-e {
        padding: 0 40px 0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #666;
        margin: 0;
        /* text-align: center; */
        word-break: keep-all;
        /* 不换行 */

        white-space: nowrap;
        /* 不换行 */
        font-family: 'SourceHanSansCN-Normal';
    }

    .h-sub {
        width: 100%;
        margin-left: 0;
        top: 0;
        position: relative;
        left: 0;
        z-index: 10;
    }

    .h-sub>li>a {
        padding-left: 40px;
        text-align: left;
    }

    .h-d.has-nav:after {
        content: "+";
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #666;
    }

    .h-d.has-nav.show:after {
        content: "-";
    }

    .h-d.has-nav.active:after {
        color: #fff;
    }
}

.FormBox {
    z-index: 2;
    position: absolute;
    right: 0;
    top: .8rem;
    background: #fff;
    width: 40%;
    padding: 10px 0;
    display: none;
    box-shadow: 2px 1px 21px 0px rgb(96 96 96 / 60%);
}

.FormBox .form {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 40px;
}

.FormBox .exit {
    position: absolute;
    left: 10px;
    top: 0;
    height: 100%;
    width: 30px;
    background: url(../images/exit.png) no-repeat center / 16px auto;
    cursor: pointer;
}

.FormBox .Key {
    display: block;
    line-height: 42px;
    height: 42px;
    width: 100%;
    padding: 0 15px;
}

.FormBox .form .submit {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    width: 30px;
    background: url(../images/icon_search_h.png) no-repeat center;
}

.SmallHeader .data-header-pc-1,
.header_n.data-header-pc-1 {
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .2); */
    background-color: #fff;
}

.SearchShow .FormBox {
    display: block;
}



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


.lo_num .s28 {
    color: #db0f17;
    font-weight: bold;
}

footer {

    background-color: #1c187e;
    padding-top: .3rem;
    z-index: 3;
    position: relative;

}

.lo_line {
    width: 1px;
    height: 20px;
    background-color: #d9d9d9;
    margin: 0 .3rem;
}

.lo_num img {
    width: 22px;
    height: 22px;
    margin-right: .2rem;
}

.has_item {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-top: 1.04rem;
    padding-bottom: 1.96rem;
    height: 6.3rem;
    align-items: center;
    background-size: cover;
    background-position: center;
}

.has_left .s16 {
    font-family: ArialMT;
    margin-top: .25rem;
    margin-bottom: .35rem;
    color: #ffffff;
}

.has_left img {
    width: 4.21rem;
}

.has_right img{
    height: 3.3rem;
}

.has_link {
    width: 1.66rem;
    height: .48rem;
    border-radius: .24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #ffffff;
    color: #ffffff;
}

.has_link:hover {
    background-color: #18247e;
}













.ha_btn {
    width: .46rem;
    height: .46rem;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 39%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}

.ha_btn:hover {
    background-color: #18247e;
}

.ha_prev {
    left: 5%;
}

.ha_next {
    right: 5%;
}

.hb_wrap {
    background-color: #f7f7f7;
}

.data_list {
    width: 15rem;
    margin: 0 auto;
    display: flex;
    background-color: #ffffff;
    border-radius: .10rem;
    margin-top: -1.05rem;
    position: relative;
    z-index: 5;
    padding-bottom: .5rem;
}

.data_item {
    width: 25%;
    padding: .4rem .4rem 0 .4rem;
    border-right: 1px solid rgba(208, 215, 221, .3);
    position: relative;
    cursor: pointer;
}

.data_item .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    text-align: center;
}

.data_item::before {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-size: cover;
    top: 8%;
    left: 8%;
    transition: all .3s;


}

.data_item:nth-child(1)::before {
    background-image: url(../images/dl_logo1.png);
}

.data_item:nth-child(2)::before {
    background-image: url(../images/dl_logo2.png);
}

.data_item:nth-child(3)::before {
    background-image: url(../images/dl_logo3.png);
}

.data_item:nth-child(4)::before {
    background-image: url(../images/dl_logo4.png);
}

.data_num .s56 {
    color: #ed1c24;

}

.data_num {
    display: flex;
    align-items: center;
    justify-content: center;
}

.data_num .s26 {
    font-family: SourceHanSansCN-Regular;
    color: #ed1c24;
    margin-left: 5px;
}

.data_num {
    text-align: center;
    margin: .2rem 0;
}

.data_item .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #999999;
    line-height: 1.6;
    text-align: center;
}

.data_item:hover::before {
    transition: all .3s;
    transform: rotateZ(360deg);
}

.hat_line {
    display: inline-block;
    width: 48px;
    height: 4px;
    background-color: #ed1c24;
}

.hb_Solution {
    margin-top: .55rem;
    padding-bottom: .7rem;
}

.ha_title {
    text-align: center;
}

.ha_title .s38 {
    font-weight: bold;
    color: #333333;
    margin: .15rem 0;
}

.ha_title .s20 {
    color: #919191;
    opacity: 0.8;
}

.h_container {
    width: 12rem;
    display: flex;
    margin: 0 auto;
}

.hbs_list {
    flex-wrap: wrap;
    margin-top: .6rem;
}

.hbs_item {
    width: 23.333333%;
    margin-right: .25rem;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: .5rem;

}

.hbs_item:hover .hbs_img img {

    transform: scale(1.1);
    transition: all .3s;

}

.hbs_img {
    overflow: hidden;
    border-radius: 10px;
}

.hbs_img img {
    width: 100%;
    transition: all .3s;
}

.hbs_item:nth-child(4n) {
    margin-right: 0;
}

.hbs_item p.s18 {
    font-family: SourceHanSansCN-Regular;
    text-align: center;
    color: #333333;
    margin-top: .15rem;
}

.ha_link {
    width: 1.85rem;
    height: .48rem;
    background-color: #18247e;
    border-radius: .24rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: all .3s;
}

.ha_link:hover {
    transform: scale(1.1);
    transition: all .3s;
}

.hc_wrap {
    padding: .8rem 0;
    background-size: cover;
    background-position: center center;
}

.case_swiper.swiper-container {
    width: 12rem;
    margin-top: .65rem;
    margin-bottom: .65rem;
}

.case_swiper.swiper-container .swiper-slide {
    width: 23.333333%;
    margin-right: 0.25rem;
    cursor: pointer;

}

.case_swiper.swiper-container .swiper-slide:nth-child(1) {
    transition-delay: .3s;
}

.case_swiper.swiper-container .swiper-slide:nth-child(2) {
    transition-delay: .6s;
}

.case_swiper.swiper-container .swiper-slide:nth-child(3) {
    transition-delay: .9s;
}

.case_swiper.swiper-container .swiper-slide:nth-child(4) {
    transition-delay: 1s;
}

.case_p {
    position: absolute;
}

.case_h {
    position: relative;
    height: 0;
    padding-bottom: 139.86%;
    border-radius: 0px .30rem 0px .30rem;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.case_p {
    width: 100%;
    background-color: #4957bc;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    bottom: 0;
    padding: .25rem 0;
}

.case_p p {
    font-family: MicrosoftYaHei-Bold;

    font-weight: bold;
    color: #ffffff;
    line-height: 1.5;
}

.case_pop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    background-color: rgba(103, 116, 220, .94);
    padding: 0 .25rem;
    transition: all .3s;
    overflow-y: auto;
    padding-top: .9rem;

}

.case_h:hover .case_pop {
    top: 0;
    transition: all .3s;
}

.case_h:hover .case_p {
    opacity: 0;
    transition: all .3s;
}

.case_pop .s22 {
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.case_pop .s22::after {
    content: '';
    display: block;
    margin: 0 auto;
    width: 23px;
    height: 2px;
    background-color: #ffffff;
    margin-top: .25rem;
}

.case_pop .s13 {
    font-family: MicrosoftYaHei;
    line-height: 1.6;
    color: #ffffff;
    opacity: 0.8;
    margin-top: .2rem;
    margin-bottom: .35rem;
    text-align: center;
}

.case_link {

    font-family: MicrosoftYaHei;
    color: #ffffff;


    /* height: .34rem; */
    border-radius: .17rem;
    border: solid 1px #ffffff;
    margin: 0 auto;
    padding: .1rem .2rem;
    box-sizing: border-box;
}

.link_w {
    display: flex;
    justify-content: center;
}

.case_btn {
    width: .46rem;
    height: .46rem;
    background-color: #e9e9e9;
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 3;
    cursor: pointer;
}

.hc_case {
    position: relative;
}

.case_btn img.active {
    display: none;
}

.case_btn:hover {
    background-color: #ed1b23;
}

.case_btn:hover img {
    display: none;
}

.case_btn:hover img.active {
    display: block;
}

.hc_prev {
    left: 10%;
}

.hc_next {
    right: 10%;
}

.hd_wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: .8rem 0 1.5rem 0;
}

.hd_wrap .ha_title .s38,
.hd_wrap .ha_title .s20 {
    color: #fff;
}

.hdact_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: .65rem;
}

.hdact_logo {
    height: 28px;
    width: auto;
    margin-right: 10px;
}

.hd_act {
    width: 30%;
}

.hd_un {
    width: 12rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem;
}

.hi_p .s20 {
    font-weight: bold;
    color: #ffffff;
    margin-bottom: .3rem;
}

.hi_p .s15 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    line-height: 1.6;
}

.hd_img {
    width: 3.91rem;

}

.hd_img img {
    width: 100%;
    height: auto;
    -webkit-animation: spinCircle___1HIgk 8s linear infinite;
    animation: spinCircle___1HIgk 8s linear infinite;
}

.hd_img_l {
    width: .48rem;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.hd_center {
    position: relative;
}



@-webkit-keyframes spinCircle___1HIgk {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinCircle___1HIgk {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.he_list {
    width: 12rem;
    margin: 0 auto;
    display: flex;
    margin-top: .55rem;
}

.he_item {
    width: 31.6666%;
    margin-right: .3rem;

}

.he_img {
    overflow: hidden;
    height: 2.2rem;

}

.he_img img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}


.he_act {
    padding: .35rem .2rem;
    background-color: #fff;
    transition: all .3s;
}

.he_act .s18 {
    font-family: MicrosoftYaHei;

    color: #333333;
    line-height: 1.5;
}

.he_act .s14 {
    font-family: MicrosoftYaHei;

    color: #888888;
    line-height: 1.6;
    margin-top: .15rem;
}

.he_wrap {
    padding-top: .9rem;
    background-color: #f6f8ff;

    padding-bottom: .9rem;
    background-repeat: no-repeat;
    background-size: cover;

}

.he_item:hover .he_act .s18 {
    color: #ffffff;
}

.he_item:hover .he_act .s14 {
    color: #ffffff;
    opacity: 0.5;
}

.he_item:hover .he_act {
    background-color: #18247e;
    transition: all .3s;
}

.fimg_wrap {
    width: 100%;
    /* background-color: #f6f8ff; */
    position: relative;
    z-index: -99;
}

.we_i {
    position: absolute;
    bottom: -308%;
    left: 0%;

}

.wd_i {
    position: relative;
    z-index: 1;
}

.f_a {

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);


}

.he_con {
    position: relative;
    z-index: 3;
}

.f_con {
    width: 12rem;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.f_a a {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.68;
    /* margin-bottom: .35rem; */
    margin-bottom: .25rem;
}

.f_a span {
    display: block;
    width: 1px;
    height: 12px;
    background-color: #fff;
    opacity: .2;
    margin: 0 .25rem;
    margin-bottom: .25rem;

}

.f_b {
    display: flex;
    justify-content: space-between;
    margin-top: .7rem;
}

.fb_b p.s18 {
    font-family: SourceHanSansCN-Medium;

    color: #ffffff;
    opacity: 0.8;
    margin-bottom: .2rem;
}

.ph_num span:nth-child(1) {
    display: inline-block;
    min-width: 60px;
    text-align: justify;
}

.ph_num span {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.5;
    line-height: 1.6;
}


.fb_c {
    display: flex;
}

.fbc_img {
    margin-left: .3rem;
    width: 1rem;
}

.fbc_img .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.5;
    text-align: center;
    margin-top: .25rem;
    line-height: 1.5;
}

.fb_a {
    margin-right: .3rem;
}

.fb_a img {
    width: 1.87rem;
}

.f_c {
    width: 12rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.fc_link {
    display: flex;
}

.f_deep {
    background-color: #171371;
    padding: 10px 0;
    margin-top: .7rem;
}

.fc_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    margin-left: 10px;


}

.f_c .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.5;
    line-height: 1.6;
}

.he_bg {
    position: absolute;
    width: 100%;
    bottom: -38%;
    left: 0%;
    object-fit: cover;
    z-index: 1;
}

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


.abd_s_item {
    width: 3.8rem;
}

.abd_s_item img {
    width: 100%;
}








@media(max-width: 1200px) {

    .case_swiper.swiper-container,
    .he_list,
    .hd_un,
    .hbs_list,
    .f_a,
    .f_con,
    .f_c {
        width: 90%;
    }
}

@media(max-width: 750px) {


    .about_down {
        flex-wrap: wrap;
        margin-top: .35rem;
    }

    .f_a span {
        display: none;
    }

    .f_a a {
        width: 25%;
        text-align: center;
    }

    .FormBox,
    .abd_s_item,
    .abd_swiper.swiper-container {
        width: 100%;
    }

    .f_b {
        flex-wrap: wrap;
    }

    .fbc_img {
        width: 30%;
        margin: 0;
    }

    .fb_c {
        justify-content: space-between;
    }

    .hd_un {
        width: 90%;
        flex-wrap: wrap;
    }

    .fb_b {
        margin: .3rem 0;
    }

    .hd_act,
    .hd_center,
    .fb_a,
    .fb_b,
    .fb_c {
        width: 100%;
    }

    .hd_img {
        width: 100%;
    }

    .hd_img_l {
        width: 1rem;
    }

    .has_item {
        flex-wrap: wrap;
        height: 8.3rem;
    }

    .hc_prev {
        left: 2%;
    }

    .hc_next {
        right: 2%;
    }

    .h_container {
        width: 90%;
    }

    .data_list {
        width: 90%;
        flex-wrap: wrap;
    }

    .data_item {
        width: 50%;
        margin-bottom: .35rem;
    }

    .ha_btn {
        top: 40%;
        width: 40px;
        height: 40px;
    }

    .ha_next {
        right: 2%;
    }

    .ha_prev {
        left: 2%;
    }

    .has_left,
    .has_right {
        width: 100%;
        margin: 0 auto;
        justify-content: center;
        overflow: hidden;
        text-align: center;
    }

    .has_left {
        width: 95%;
        margin: 0 auto;
        margin-bottom: .25rem;
    }
}

@media(max-width: 700px) {
    .hbs_item {
        width: 48%;
        margin-right: 0;
    }

    .case_swiper.swiper-container .swiper-slide {
        width: 48%;
    }

    .hbs_list {
        justify-content: space-between;
    }

    .case_pop {
        padding: .3rem .3rem;
    }

    .he_list {
        flex-wrap: wrap;
    }

    .he_item {
        width: 100%;
        margin-bottom: .4rem;
        margin-right: 0;
    }
}



.o_banner {
    width: 100%;
    height: 0;
    padding-bottom: 26.04%;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.o_act {
    position: absolute;
    top: 40%;
    left: 18%;
}

.o_act .s60 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
}

.o_act .s24 {
    margin-top: .25rem;
    font-family: ArialMT;
    color: #ffffff;
}


.nav_wrap {
    overflow-x: auto;
}

.nav_con {
    width: 12rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;

    border-bottom: 1px solid #eee;

}

.nav_con a {
    display: block;
    padding: .2rem 0;
    margin: 0 .45rem;
    word-break: keep-all;
    /* 不换行 */

    white-space: nowrap;
    /* 不换行 */
}

.nav_con a.active {
    color: #18247e;
    font-weight: bold;
    border-bottom: 2px solid #18247e;
}

.about_con {
    width: 12rem;
    margin: 0 auto;
    margin-top: .5rem;
}

.aa_line {
    width: 1.62rem;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.1);
}

.aal_item {
    width: .42rem;
    height: 3px;
    background-color: #ec1e26;
}

.about_a {
    display: flex;
    justify-content: space-between;
}

.aal_act .s15 {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.8;
    text-indent: 2em;
}

.aal_act .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.8;
    text-indent: 2em;
    font-size: calc(19 * 100vw / 1920);
}

.aa_title .s40 {
    font-family: SourceHanSansCN-Medium;
    color: #000000;
    margin-bottom: .25rem;
}

.aa_title {
    margin-bottom: .35rem;
}

.calculator .aa_line {
    width: auto;
}

.aa_left {
    /*width: 57.41%;*/
    width: 100%;
}

.aa_left p{
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.8;
}

.aa_right {
    width: 4.53rem;
    overflow: hidden;

}

.aa_right img {
    width: 100%;
    transition: all .3s;
}

.aa_right:hover img {
    transform: scale(1.1);
    transition: all .3s;
}

.about_logo_list {
    display: flex;

}

.al_logo {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.al_logo:nth-child(1) {
    justify-content: flex-start;
}

.al_logo:last-child {
    justify-content: flex-end;
}

.all_up {
    display: flex;
    align-items: flex-end;
}

.al_img1 {
    width: .72rem;
    margin-right: .15rem;
}

.all_up .s48 {
    font-family: DINMittelschriftStd;
    color: #18247e;
}

.all_right .all_up .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #18247e;
}

.all_right p.s16 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
    margin-top: .15rem;
}

.about_b {
    margin: .7rem 0 .5rem 0;
}

.ac_a p {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.8;
    text-indent: 2em;
    font-size: calc(19 * 100vw / 1920);
}

.ac_b {
    display: flex;
    margin-top: .5rem;
    flex-wrap: wrap;
}

.acb_img {
    max-width: 31.5%;
    overflow: hidden;
    margin-right: .3rem;
}

.acb_img:last-child {
    margin-right: 0;
}



.acb_img img {
    width: 100%;
    transition: all .3s;

}

.acb_img:hover img {
    transform: scale(1.1);
    transition: all .3s;
}

.abd_btn .case_btn {
    position: static;
}

.abd_top .s40 {
    font-family: SourceHanSansCN-Medium;
    color: #000000;
}

.abd_top {
    display: flex;
    justify-content: space-between;
}

.abd_btn {
    display: flex;
}

.about_d {
    margin-top: 1rem;
    margin-bottom: .5rem;
}


.abd_swiper.swiper-container {
    flex: 1;
    margin-top: .4rem;
    margin-left: .25rem;
}



.abd_swiper .swiper-slide {
    width: 1.75rem;
    margin-right: .3rem;
}

.abd_a {
    background-color: #ffffff;
    border-radius: .10rem;
    border: solid 1px #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .3rem;
    height: 1.10rem;
}

.abd_a img {
    max-width: 80%;
}

.abd_next {
    margin-left: .2rem;
}


.culture {
    display: flex;
    margin-bottom: .5rem;
    align-items: center;
}

.culture:nth-child(2n) {
    flex-direction: row-reverse;
}

.culture:nth-child(2n) .cu_left {
    padding-left: .35rem;
    padding-right: 0;
}

.cu_left,
.cu_right {
    width: 50%;
}

.cu_left {
    padding-right: .3rem;
}

.cu_left .aa_line {
    margin: .2rem 0;
}

.cu_left .s18 {
    font-family: SourceHanSansCN-Medium;
    font-weight: bold;
    color: #333333;
    margin-bottom: .2rem;
}

.cu_left .s15 {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.8;
}

.cu_left .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.8;
}

.cu_left p {
    font-family: SourceHanSansCN-Regular;
    /*color: #555555;*/
    line-height: 1.8;
}

.cu_act_wrap {
    display: flex;

}

.caw_left {
    margin-right: .4rem;
}

.cu_list {
    padding-bottom: .5rem;
    padding-top: .4rem;
}

.cu_right {
    overflow: hidden;
    border-radius: 10px;
}

.cu_right img {
    width: 100%;
    transition: all .3s;

}

.cu_right:hover img {
    transform: scale(1.1);
    transition: all .3s;
}

.honor_list {
    display: flex;
    flex-wrap: wrap;
}

.honor_item {
    width: 31.25%;
    margin-right: .35rem;
    background-color: #ffffff;
    border-radius: .06rem;
    border: solid 1px #ecefff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: .4rem;
}

.honor_item:hover {
    border: solid 1px #18247e;
}

.honor_item:hover .s18 {
    background-color: #18247e;
    color: #fff;
}

.hi_img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .25rem 0;
    flex: 1;
}

.hi_img img {
    max-width: 80%;
}



.honor_item:nth-child(3n) {
    margin-right: 0;
}

.honor_item .s18 {
    text-align: center;
    background-color: #ecefff;
    padding: .2rem .15rem;
}


.page_wrap {
    margin: .3rem 0;
}

.page_wrap ul {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_wrap ul li {
    margin: 0 .1rem;
}

.page_wrap ul li a {
    width: .4rem;
    height: .4rem;
    /* background-color: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 1px #b5b5b5;
}

.page_wrap ul li a img {
    max-width: 30%;
}

.page_wrap ul li a {
    color: #666666;
    transition: all .3s;
}

.page_wrap ul li a.active {
    background-color: #ed1b23;
    color: #ffffff;
    transition: all .3s;
    border: none;
}

.page_wrap ul li a img.active {
    display: none;
}

.page_wrap ul li a:hover {
    background-color: #ed1b23;
    color: #ffffff;
    transition: all .3s;
    border: none;
}

.page_wrap ul li a:hover img {
    display: none;
}

.page_wrap ul li a:hover img.active {
    display: block;
    transition: all .3s;
}

.page_wrap ul li a.first_page {
    width: .69rem;
    height: .40rem;
    border-radius: .20rem;
    border: solid 1px #b5b5b5;
}

.about_title {
    text-align: center;
    margin: .4rem 0;
}

.about_title::after {
    width: 42px;
    height: 3px;
    background-color: #ec1e26;
    display: block;
    content: "";
    margin: 0 auto;
    margin-top: .2rem;
}

.cs_item {
    display: flex;
    align-items: center;
    padding: .3rem;
    background-color: #fff;
}

.csi_left {
    width: 4.8rem;
    margin-right: .5rem;
}

.csi_left img {
    width: 100%;
}

.csi_date .s30 {
    font-family: SourceHanSansCN-Bold;
    color: #ec1e26;
}


.csi_right {
    flex: 1;

}

.csi_p {
    margin-top: .4rem;
    max-height: 2rem;
    overflow-y: auto;
    padding-right: .35rem;
}

.csi_p .s14 {
    font-family: SourceHanSansCN-Regular;

    color: #555555;
    line-height: 2;
}

.csi_p::-webkit-scrollbar {

    width: 3px;

}

.csi_p::-webkit-scrollbar-track {
    background-color: #e9e9e9;



    border-radius: 2px;

}

.csi_p::-webkit-scrollbar-thumb {

    background-color: #ed1b23;
    border-radius: 2px;

}

.csi_p::-webkit-scrollbar-button {

    background-color: #eee;

    display: none;

}

.csi_p::-webkit-scrollbar-corner {
    background-color: black;
}


.course_a {
    background-color: #fff;
    position: relative;
}

.course {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 100%;
}

.course.c_video {
    background-position: center center;
    padding-bottom: .5rem;
}

.course.c_video .about_con {
    margin-top: 0;
    padding-top: .4rem;
}

.course.c_video .about_title {
    margin-top: 0;
}

.course_btn {
    position: absolute;
    right: .3rem;
    top: .3rem;
}

.course_btn .case_btn:hover {
    background-color: #18247e;
}

.course_btn .course_next {
    margin-left: .15rem;
}

.course_b {
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.course_b_swiper.swiper-container {
    padding: .4rem;
    width: 12rem;
    margin: 0 auto;
}

.cb_img {
    width: 100%;
    position: relative;
}

.cb_img img {
    width: 100%;

}

.cb_img::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #d0d0d0;
    border-radius: 50%;
    left: 0;
    bottom: 0;
    transform: translateX(-50%) translateY(-50%);
}

.course_b_swiper .swiper-slide {
    width: 1.65rem;
}

.cb_p {
    display: inline-block;
    transform: translateX(-50%);
    margin-top: .15rem;
}

.cb_p .s18 {
    color: #666666;
}

.course_b_swiper .swiper-slide.swiper-slide-thumb-active .cb_img::after {
    background-color: #ec1e26;
}

.course_b_swiper .swiper-slide.swiper-slide-thumb-active .cb_p .s18 {
    color: #ec1e26;
}

.cv_wrap {
    position: relative;
}

.cv_img {
    width: 100%;
}

.cv_video {
    width: 77.1%;
    height: 85.10%;
    position: absolute;
    top: 4.5%;
    left: 50%;
    transform: translateX(-50%);
}

.cv_video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .cv_video video::-webkit-media-controls {
    display: none !important;
} */

.cv_video video.active::-webkit-media-controls {
    display: none !important;
}

.cv_video img {
    width: .58rem;
    height: .58rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
    display: none;

}

@media(min-width: 1800px) {
    .cv_video {
        width: 74%;
        height: 85.10%;
        position: absolute;
        top: 4.5%;
        left: 50%;
        transform: translateX(-52%);
    }
}

.sa_wrap {
    margin-bottom: .7rem;
}

.sa_wrap .culture .cu_left {
    padding-left: .5rem;
}


.sa_a {
    margin: .4rem 0;
    padding-bottom: .4rem;
    border-bottom: 1px solid #f2f2f2;

}

.sa_a .s28 {
    font-family: SourceHanSansCN-Medium;

    color: #000000;
}

.sa_a .s16 {
    margin-top: .2rem;
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.6;
}

.sal_list {
    margin-top: .25rem;
    display: flex;
    /* flex-wrap: wrap; */
}

.sa_logo {
    width: .94rem;
    margin-right: .3rem;
    margin-bottom: .2rem;
}

.sa_lat {
    margin-top: .25rem;
}

.sa_lat img {
    width: 100%;

}

.sl_link {
    display: block;
    text-align: center;
    color: #1c187e;
    margin-top: .3rem;
}

.sa_lat {
    position: relative;
}

.sa_point li {
    position: absolute;
    cursor: pointer;
}

.sa_point li img {
    /*opacity: 0;*/
    width: .65rem;
}

.sa_point li:hover img {
    opacity: 1;
}

.sl_men {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 10;
    display: none;

}

.sl_pop_list {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999;
    display: none;
    max-height: 50%;
}


.slp_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem .35rem;
    border-bottom: 1px solid #c5c5c5;
}

.slp_title .s30 {
    font-family: SourceHanSansCN-Medium;

    color: #333333;
    position: relative;
    /* font-weight: bold; */
}


.slp_title .s30::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #ec1e26;
    border-radius: 2px;
    bottom: -.21rem;
    left: 0;
}

.sl_pop {
    width: 12rem;
    /* height: 7.70rem; */
    height: 50vh;
    background-color: #ffffff;
    border-radius: .10rem;
}

.slp_exit {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.slpi_item {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    padding: .35rem 5%;
    border-bottom: 1px solid #eaeaea;
}

.si_left {
    width: 4.56rem;
}

.si_top {
    margin-bottom: .3rem;
}

.si_top .s24 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.si_top .s18 {
    font-family: SourceHanSansCN-Regular;
    color: #ec1e26;
    margin-top: .15rem;
    line-height: 1.5;
}

.snum_a {
    display: flex;
    align-items: flex-start;
    margin-bottom: .15rem;
}

.snum_a p.s18 {
    line-height: 1.5;
}

.snum_a p.s16 {
    display: inline-block;
    text-align: justify;
    margin: 0 0 0 .15rem;
    min-width: 95px;
    line-height: 1.6;
}

.snum_a a.s16 {
    position: relative;
    line-height: 1.6;
}

.snum_a a.s16::after {
    display: block;

    width: 100%;
    background-color: #004098;
    position: absolute;
    bottom: -.05rem;
    height: 1px;

}

.snum_a:hover a.s16 {
    color: #004098;
}

.snum_a:hover a.s16::after {

    content: '';
}


.si_right {
    margin-left: .5rem;
}

.slpi_list {
    height: calc(50vh - 50px);
    overflow-y: auto;
}


.slpi_list::-webkit-scrollbar {

    width: 15px;

}

.slpi_list::-webkit-scrollbar-track {
    background-color: #e9e9e9;
    border-radius: 2px;

}

.slpi_list::-webkit-scrollbar-thumb {
    background-color: #004098;
    border-radius: 2px;
}

.slpi_list::-webkit-scrollbar-button {
    background-color: #eee;
    display: none;

}

.slpi_list::-webkit-scrollbar-corner {
    background-color: black;
}

.sc_list {
    padding-top: .35rem;
    padding-bottom: .35rem;
}


.sc_list .culture .cu_left {
    padding-left: .5rem;
}

.sc_a {
    margin-top: .2rem;
}

.sc_a .s19 {
    font-family: SourceHanSansCN-Medium;

    color: #333333;
    font-weight: bold;
    margin-bottom: .15rem;
}

.sca_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sc_title {
    border-bottom: 1px solid #18247e;
}

.sc_title .s22 {
    display: inline-block;
    padding: .15rem .25rem;
    border-radius: .1rem .1rem .1rem 0;
    background-color: #18247e;

    color: #ffffff;

}

.scb_con {
    margin-top: .3rem;
}

.scb_con p {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.6;
}

.sc_b {
    margin-bottom: .5rem;
}

.scb_con p a {
    color: #18247e;
}

.ecs_swiper.swiper-container {
    padding: 0 .4rem;
    height: 100%;
    background-color: #fff;
}

.ecs_swiper .swiper-slide {
    width: 1.4rem;
    height: 100%;
    cursor: pointer;
    background-color: #fff;
    width: auto;
    margin: 0 0.23rem;
    min-width: .9rem;
}

.ecs_swiper .swiper-slide .s16 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ecs_swiper .swiper-slide.active .s16 {
    color: #db0f17;
}

.e_case_select {
    height: .70rem;
    position: relative;
}

.ecs_btn {
    position: absolute;
    width: .4rem;
    height: 100%;
    background-color: #d6d6d6;

    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.ecs_btn:hover {
    background-color: #db0f17;
}

.ecs_prev {
    left: 0;
    top: 0;
    border-radius: .1rem 0 0 .1rem;
}

.ecs_next {
    right: 0;
    top: 0;
    border-radius: 0 .1rem .1rem 0;
}

.esc_list {
    margin-top: .5rem;
}

.esc_list .esci_wrap {
    width: 23.333333%;
    margin-right: 0.25rem;
    cursor: pointer;
    margin-bottom: .35rem;

}

.esc_list .esci_wrap .case_h {
    border-radius: .1rem;
}

.esc_list .esci_wrap .case_h .case_pop {
    background-color: #3846ac;
    padding: .8rem 20% .2rem 20%;
}

.esc_list .esci_wrap .case_h .case_pop .s22::after {
    content: none;
}

.esci_wrap .case_pop .s13 {
    color: #ffffff;
    opacity: 0.5;
}

.esc_list .esci_wrap:nth-child(4n) {
    margin-right: 0;
}

.esc_list {
    display: flex;
    flex-wrap: wrap;
}

.esc_link {
    min-width: 1rem;
    height: .36rem;
    text-align: center;
    margin: 0 auto;
}


.esc_wrap {
    padding-bottom: .4rem;
}

.esc_pop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 11;
    width: 12rem;
    max-height: 7.40rem;
    background-color: #ffffff;
    border-radius: .10rem;
    display: none;
}

.ep_down {
    padding: .3rem;
    display: flex;
    justify-content: space-around;
}

.ep_left {
    width: 70%;
    position: relative;
}

.epl_swiper .swiper-slide img {
    width: 100%;
}

.ep_right {
    width: 15%;
}

.epr_swiper {
    max-height: 5.2rem;
}

.epr_swiper .swiper-slide {
    margin-bottom: .3rem;
}

.epr_swiper .swiper-slide.swiper-slide-thumb-active {
    border: solid 2px #ec1e26;
    border-radius: .1rem;
    overflow: hidden;
}

.ep_left .case_btn {
    top: 40%;
}

.eq_prev {
    left: 3%;
}

.eq_next {
    right: 3%;
}

.course_wrap {
    background-color: #fff;
    padding-top: 1.2rem;
    padding-bottom: .7rem;
}

.course_item {
    margin-left: 1.81rem;
    padding-top: .45rem;
    padding-left: .35rem;
    padding-bottom: .45rem;
    border-left: 1px solid rgba(63, 73, 148, .12);
    position: relative;
}

.cou_logo {
    width: 43px;
    height: 43px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%) translateY(-100%);

}

.cou_title {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cou_title .s30 {
    font-family: SourceHanSansCN-Bold;
    color: #18247e;
    font-weight: bold;
}

.cou_title.active .s30 {
    color: #ec1e26;
}

.cou_title img {
    margin-left: .15rem;
}

.cou_title img.active {
    display: none;
}

.cou_title.active img {
    display: none;
}

.cou_title.active img.active {
    display: block;
}

.cou_list {
    margin-top: .25rem;


}

.cou_p p {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.8;
    position: relative;
}

.cou_p {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.8;
    position: relative;
}

.cou_p p::before {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background-color: #18247e;
    border-radius: 50%;
    left: -.35rem;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}

.cou_item {
    margin-bottom: .45rem;
}


.news_list {
    display: flex;
    flex-wrap: wrap;
}

.news_item {
    width: 31.6666%;
    margin-right: 0.3rem;
    border-radius: .10rem;
    overflow: hidden;
    margin-bottom: .35rem;
}


.news_item:hover .news_act .s18 {
    color: #ed1b23;
}


.news_item:hover .news_more img {
    display: none;
}

.news_item:hover .news_more img.active {
    display: block;
}

.news_img {
    overflow: hidden;
    height: 2.2rem;
}

.news_img img {
    transition: all .3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_item:hover .news_img img {
    transform: scale(1.1);
    transition: all .3s;
}

.news_item:nth-child(3n) {
    margin-right: 0;
}


.news_date .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;

}

.news_act {
    margin: .2rem 0;
}

.news_act .s18 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    line-height: 1.5;
}

.news_act .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
    margin-top: .2rem;
    line-height: 1.6;
}

.news_p {
    background-color: #fff;
    padding: .2rem;
}

.news_more img.active {
    display: none;
}

.nt_right {
    display: flex;
    align-items: center;
    margin-left: auto;
    /* margin-top: .35rem; */
}

.news_titlie {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news_detail {
    background-color: #fff;
    padding: .35rem;
}


.news_titlie .s30 {
    line-height: 1.6;
    font-family: SourceHanSansCN-Medium;

    color: #333333;
}

.nt_right p {
    font-family: SourceHanSansCN-Regular;

    color: #888888;
    margin-left: .15rem;
}

.nt_right img.active {
    display: none;
}

.nt_right:hover img.active {
    display: block;
}

.nt_right:hover img {
    display: none;
}

.nt_right:hover .s14 {
    color: #18247e;
}

.news_t_list {
    margin-top: .35rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.nt_date {
    display: flex;
    align-items: flex-end;
}

.nt_date img {
    margin-right: .1rem;
}

.news_t_list .s16 {
    margin-right: .35rem;
    color: #999999;
}

.nt_l a {
    margin-right: .2rem;
}

.news_top {
    padding-bottom: .3rem;
    border-bottom: 1px solid #f5f6fa;
}

.news_con {
    padding-top: .4rem;
    font-family: SourceHanSansCN-Normal;
    color: #555555;
    font-size: 16px;
}

.news_con iframe {
    width: 100%;
    height: 6rem;
}

.news_con p {
    line-height: 1.8;
}

.news_con a {
    color: #1c187e;
}

.news_page {
    margin-top: .35rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15rem .3rem;
    flex-wrap: wrap;
}

.news_p_left {
    max-width: 40%;
}

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

.news_p_left img.active {
    display: none;
}

.news_p_left .s15 {
    font-family: SourceHanSansCN-Normal;
    margin: 0 .35rem;
    color: #bfbfbf;
}

.news_menu img.active {
    display: none;

}

.news_p_left:hover img {
    display: none;
}

.news_p_left:hover img.active {
    display: block;
}

.news_p_left:hover .s15 {
    color: #eb161e;
}

.news_menu:hover img {
    display: none;
}

.news_menu:hover img.active {
    display: block;
}

.contact_a {
    display: flex;
}

.ca_right {
    width: 62.5%;
}

.ca_right img {
    width: 100%;

}

.ca_left {
    flex: 1;
    padding: .3rem;
    background-color: #fff;
}

.cal_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: .2rem;
    padding-right: .35rem;
}


.cal_item img {
    max-width: 20px;
    margin-right: .15rem;

}

.cal_item .s16 {
    line-height: 1.6;
}

.cal_tlt {
    margin-bottom: .3rem;
}

.cal_tlt .s18 {
    font-family: SourceHanSansCN-Medium;
    color: #ed1a22;
    font-weight: bold;
}


.cal_tlt .s24 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    margin-top: .15rem;

}


.contact_b {
    margin-top: .7rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.cb_item {
    width: 48%;
    background-color: #ffffff;
    border-radius: .10rem;
    overflow: hidden;
    margin-bottom: .35rem;
    box-sizing: border-box;
    border: solid 1px transparent;
    transition: all .3s;

    cursor: pointer;
}

.cb_item:hover .cb_tit {
    background-color: #ed1a22;
    transition: all .3s;
}

.cb_item:hover {
    border: solid 1px #ed1a22;
    transition: all .3s;
}

.cb_item .cal_list {
    padding: .3rem;
    max-height: 2.8rem;
    overflow-y: auto;
}

/* 设置滚动条的样式 */
.cb_item .cal_list::-webkit-scrollbar {
    width: 5px;
}

/* 滚动槽 */
.cb_item .cal_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

/* 滚动条滑块 */
.cb_item .cal_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}

.cb_item .cal_list::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.4);
}

.cb_tit {
    padding: .2rem .3rem;
    background-color: #18247e;
}

.cb_tit .s24 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    font-weight: bold;
}

.calculator {
    background-color: #fff;
    padding: .35rem;
}


.calc_form {
    margin-top: .8rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: .35rem;
    border-bottom: 1px dashed #dcdcdc;
}





.calc_item {
    width: 50%;
    display: flex;
    position: relative;
    /* z-index: 10; */
    align-items: center;
    margin-bottom: .3rem;

    justify-content: center;
}

.calc_item p .s16:nth-child(1) {
    color: #ed1b23;
}

.calc_item p {
    margin-right: .15rem;
}

.calc_item p .s16:nth-child(2) {
    font-family: SourceHanSansCN-Regular;

    color: #888888;
}

.calc_item .layui-form-select {
    width: 4.30rem;
    /* height: 46px; */
}


.calc_inp {
    position: relative;
}

.calc_inp .s16 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}


.calc_inp input {
    width: 4.30rem;
    height: 38px;
    display: block;
    background-color: #ffffff;
    border-radius: .06rem;
    border: solid 1px #e5e5e5;
    padding-left: 15px;
}


.calc_item button {

    width: 4.30rem;
    height: 38px;
    background-color: #ed1b23;
    border-radius: 6px;
    border: none;
    color: #ffffff;
}

.calc_result {
    margin-top: .35rem;
    background-color: #f8f8f8;
    border-radius: 0.06rem;
    padding-bottom: .4rem;
    display: none;
}


.cr_title {
    padding: .15rem .25rem;
    background-color: #292c8f;
    border-radius: 0.06rem;
}

.cr_title .s24 {
    font-family: SourceHanSansCN-Medium;

    color: #ffffff;
}


.cr_list {
    margin-top: .3rem;
}


.cr_list {
    display: flex;
    flex-wrap: wrap;

}


.cr_result {
    width: 4rem;
    /* height: 46px; */
    background-color: #ffffff;
    border-radius: 6px;
    border: solid 1px #e5e5e5;
    padding: .15rem .2rem;
    margin-left: .25rem;
}

.cr_item {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .2rem;
}


.cala_l span:nth-child(1) {
    color: #ed1b23;

}


.cala_b {
    margin-top: .45rem;
}

.cala_b .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
    line-height: 1.8;
}



.calc_form .layui-form-select dl dd.layui-this {
    background-color: #292c8f
}


.search_a {
    display: flex;
    align-items: center;
    position: relative;
}


.search_a button {
    width: 1.80rem;
    height: 50px;
    background-color: #ec1e26;
    border: none;
    font-family: SourceHanSansCN-Regular;

    color: #ffffff;
    cursor: pointer;
}


.search_a input {
    flex: 1;
    height: 50px;
    background-color: #f7f7f7;
    padding-left: .85rem;
}

.sea_logo {
    position: absolute;
    top: 50%;
    left: .5rem;
    transform: translateY(-50%);
}


.colour {
    margin-top: .35rem;
}

.colour .aa_line {
    width: auto;
}


.color_list {
    display: flex;
    flex-wrap: wrap;
}


.colour .aa_title .s32 {
    font-family: SourceHanSansCN-Medium;
    margin-bottom: .2rem;
    color: #000000;
}

.color_box {
    position: relative;
    width: 2.7rem;
    height: 2.7rem;
    margin-right: .4rem;
    margin-bottom: .4rem;
}


.color_box:nth-child(4n) {
    margin-right: 0;
}

.color_item {
    position: absolute;
    left: 0;
    top: 0;
    border: 3px solid #fff;
    border-right: 0;
    border-bottom: 0;
    margin-left: -3px;
    margin-top: -3px;
    cursor: pointer;
    box-sizing: border-box;
    width: 38px;
    height: 38px;
    background: rgb(255, 236, 227);
}

.color_content {
    height: 100%;
    display: none;
    line-height: 1.2;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    white-space: nowrap;
    cursor: default;
    transform: scale(0.4);
    font-weight: bold;
}

.color_name {
    letter-spacing: 1px;
    line-height: 1.5;
}

.color_item.x {
    transition: transform 0.3s;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.color_item.active>.color_content {
    display: flex;
    color: #fff;
}

.color_item.first_row>.color_content {
    transform: none;
}

.color_item.x1 {
    transform: scale(2.7);
    border: 1.1111111111px solid #fff;
    z-index: 40;
}

.color_item.x2 {
    transform: scale(2.3);
    border: 1.3043478261px solid #fff;
    z-index: 30;
}

.color_item.x3 {
    transform: scale(1.9);
    border: 1.5789473684px solid #fff;
    z-index: 20;
}

.color_item.x4 {
    transform: scale(1.5);
    border: 2px solid #fff;
    z-index: 10;
}

.color_item.x5 {
    transform: scale(1.2);
    border: 2.5px solid #fff;
    z-index: 5;
}

.color_more {
    /* padding-top: 0.714em; */
    padding-top: 1.5em;
}

.color_more>a {
    color: inherit;
}

.color_more>a:hover {
    text-decoration: underline;
}

.color_s_item {
    width: 2.03rem;
    height: 2.03rem;
    border: 3px solid #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    margin-bottom: .38rem;
    margin-right: .38rem;

    cursor: pointer;
}

.color_item_list {
    display: flex;
    flex-wrap: wrap;
}


.color_s_item:nth-child(5n) {
    margin-right: 0;
}


.color_s_item .s24 {
    line-height: 1.6;
}


.Join_video {
    border-radius: 10px;
    overflow: hidden;
    display: flex;

}

.jv_right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.jv_img{
    padding: .3rem 0;
}

.jv_img img {
    display: block;
    margin: 0 auto;
}


.jv_item {
    width: 75%;
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    height: auto;
    height: 6rem;
}


.jv_link {
    display: flex;
    align-items: center;
    width: 80%;
    background-color: #ed1b23;
    border-radius: 6px;
    padding: .15rem 0;
    justify-content: center;
    margin: .3rem auto;
}

.jv_title {
    padding: .3rem 0;
    text-align: center;
}

.jv_title .s48 {
    font-family: YouSheBiaoTiHei;
    color: #fefefe;
    font-style: italic;
    font-weight: bold;
    margin-bottom: .15rem;
}

.jv_title .s12 {
    font-family: SourceHanSansCN-Regular;

    color: #ffffff;
    opacity: 0.5;
}

.jv_link .s24 {
    font-family: Arial-BoldMT;
    font-weight: bold;
    color: #ffffff;
    margin-left: .15rem;
}


.psb_wrap {
    width: 12rem;
    margin: 0 auto;
}

.psb_wrap .aa_line {
    background-color: transparent;
}


.psb_wrap .culture .s16 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.8;
    color: #555555;
}

.psb_wrap .culture {
    background-color: #fff;
    border-radius: .1rem;
    overflow: hidden;
}

.psb_wrap .culture .cu_left {
    padding-left: .45rem;
}


.psb_act .s16 {
    min-width: 50%;
}

.psb_act {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    color: #555555;
}




@media(max-width: 1200px) {

    .aal_act .s16 {
        font-family: SourceHanSansCN-Regular;
        color: #555555;
        line-height: 1.8;
        text-indent: 2em;
        font-size: calc(26 * 100vw / 1920);
    }

    .ac_a p {
        font-size: calc(26 * 100vw / 1920);
    }

    .aa_right {
        width: 6.53rem;
    }

    .about_con,
    .course_b_swiper.swiper-container,
    .sl_pop_list,
    .esc_pop {
        width: 90%;
    }

    .news_con {
    font-size: 16px;
    }

    .news_con iframe {
    height: 9rem;
    }

    .sl_pop {
        width: 100%;
        /* height: 12.7rem; */
        height: 50vh;
    }

    .slpi_list {
        /* height: 11.9rem; */
    }

    .nav_con {
        width: 90%;
        overflow-x: auto;
    }

    .color_box {
        width: 3.9rem;
        height: 3.9rem;
    }
}

@media(max-width: 1000px) {
    .course_item {
        margin-left: .45rem;
        padding-right: .15rem;
    }

    .sal_list {
        flex-wrap: wrap;
    }
    .color_box {
        width: 3.5rem;
        height: 3.5rem;
        margin-right: 0.2rem;
    }
}

@media(max-width: 860px) {
    .color_box {
        width: 3rem;
        height: 3rem;
    }
}

@media(max-width: 750px) {
    .cb_item .cal_list {
        height: auto;
        max-height: none;
    }

    .sa_wrap .culture .cu_left {
        margin-top: .35rem;
        padding-left: 0;
    }

    .aal_act .s16 {
        font-size: 14px;
    }

    .ac_a p {
        font-size: 14px;
    }

    .culture:nth-child(2n) .cu_left {
        padding-left: 0;
    }

    .news_con {
    font-size: 14px;
    }

    .news_con iframe {
    height: 6rem;
    }

    .Join_video {
        flex-wrap: wrap;
    }


    .jv_item {
        width: 100%;
        height: 240px;
    }


    .jv_right {
        width: 100%;
        padding: .35rem 0;
    }


    .jv_img {
        margin: .25rem 0;
    }


    .color_s_item:nth-child(5n) {
        margin-right: .3rem;
    }

    .color_s_item:nth-child(3n) {
        margin-right: 0;
    }

    .color_list {
        flex-wrap: wrap;
    }

    .cal_item img {
        max-width: 15px;
    }

    .color_list {
        justify-content: center;
    }


    .color_item {
        width: 45px;
        height: 45px;
    }


    .color_box {
        width: 315px;
        height: 315px;
    }

    .color_box {

        margin-bottom: 45px;
        margin-right: 6px;

    }

    .calc_item {
        width: 100%;
    }

    .cr_item {
        width: 100%;
    }

    .ca_left,
    .ca_right,
    .cb_item {
        width: 100%;
    }

    .contact_a {
        flex-wrap: wrap;
    }

    .news_t_list {
        justify-content: space-between;
    }

    .nt_l,
    .nt_right {
        margin-top: .3rem;
    }

    .news_item {
        width: 100%;
        margin-right: 0;
    }
    .news_img{
        height: auto;
    }

    .ep_right {
        display: none;
    }

    .ep_left {
        width: 100%;
    }

    .eq_prev {
        left: 1%;
    }

    .eq_next {
        right: 1%;
    }

    .epr_swiper {
        max-height: 2.8rem;
    }

    .esc_list {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .esc_list .esci_wrap {
        width: 48%;
        margin-right: 0;
    }

    .sc_list .culture .cu_left {
        padding: 0;
        margin-top: .35rem;
    }

    .course_btn {
        margin-top: .35rem;
        position: static;
    }

    .honor_item {
        width: 48%;
        margin-right: 0;
    }

    .honor_list {
        justify-content: space-between;
    }

    .culture,
    .cs_item,
    .slpi_item {
        flex-wrap: wrap;
    }

    .cu_left {
        margin-bottom: .35rem;
    }

    .cu_left,
    .cu_right,
    .csi_left,
    .csi_right，.si_left,
    .si_right {
        width: 100%;
    }

    .csi_left {
        margin-bottom: .35rem;
        width: 100%;
        margin-right: 0;
    }

    .about_logo_list {
        flex-wrap: wrap;
    }

    .al_logo {
        width: 50%;
        justify-content: flex-start !important;
        margin-bottom: .35rem;
    }


    .acb_img {
        width: 100%;
        margin-bottom: .35rem;
        max-width: none;
    }

    .about_a {
        flex-wrap: wrap;
    }

    .aa_left {
        margin-bottom: .35rem;
    }

    .aa_left,
    .aa_right {
        width: 100%;
    }

    .nav_con {
        justify-content: flex-start;
    }

    .o_banner {
        padding-bottom: 52%;
    }
}


@media(max-width: 550px) {
.news_con iframe {
    height: 4.5rem;
}
}



.psa_list.swiper-container .swiper-slide {
    width: 31.5%;
    margin-right: .31rem;

}

.psa_list.swiper-container .swiper-slide:last-child {
    margin-right: 0;
}

.psa_item {
    width: 100%;
    border-radius: .1rem;
    overflow: hidden;
    position: relative;

}

.psa_item img {
    width: 100%;
}


.psa_item .s18 {
    font-family: SourceHanSansCN-Regular;
    position: absolute;
    color: #ffffff;
    left: .2rem;
    bottom: .2rem;
}

@media(max-width: 750px) {
    .psa_list.swiper-container .swiper-slide {
        width: 100%;
        margin-right: .3rem;

    }

    .color_s_item {
        width: 30%;
        margin-right: .3rem;
    }

    .color_s_item:nth-child(3n) {
        margin-right: 0;
    }
}


.cl_title {
    color: #333333;
    font-weight: bold;
    margin-bottom: .2rem;
}

.cbi_act .s18 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin-bottom: .15rem;
}

.cbi_act .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    line-height: 1.8;
}

.cal_b_item {
    display: flex;
    align-items: flex-start;
    padding: .25rem 0;
    border-bottom: 1px solid #f2f2f2;
}

.cal_b_l.cal_list {
    padding-top: 0;
}

.cbi_act {
    margin-left: .2rem;
}



.teaser {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity 1s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.lter {
    opacity: 0;
    transform: translate3d(-70px, 0, 0);
    transition: opacity 1s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.lter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rter {
    opacity: 0;
    transform: translate3d(70px, 0, 0);
    transition: opacity 1s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.rter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.teaser2 {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.teaser2.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


#ip-left,
#ip-right {
    display: flex;

    align-items: center;
}


.psaa_item {
    display: flex;
    padding: .35rem 0;
}

.pass_left {
    padding: .35rem;
    width: 50%;
    padding: 0 .35rem;
    border-right: 1px solid #e3e3e3;
}

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


.pass_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .35rem;
}

.psa_act {
    background-color: #f8f8f8;
    border-radius: 10px;
    margin-top: .35rem;
}

.pass_list p {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    line-height: 1.6;
    margin-bottom: .2rem;
    font-size: calc(16 * 100vw / 1920);
}

.pass_list {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    line-height: 1.6;
    font-size: calc(16 * 100vw / 1920);
}

.pass_title img {
    max-width: .39rem;
    margin-right: .3rem;
}

.pass_right .pass_list .s16 {
    width: 33.333%;
}

.pass_right.pass_left {
    border: none;
    padding-left: .5rem;
}


.product_support_b {
    background-color: #f6f6f6;
    padding: .5rem 0;
    margin-top: .7rem;
}


.psc_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.psc_item {
    width: 48%;
    margin-bottom: .35rem;
}

.psci_title {
    display: flex;
    margin-bottom: .15rem;
}

.psci_title .s28 {
    font-weight: bold;
    color: #ec1e26;
}

.psci_title .s24 {
    font-family: SourceHanSansCN-Medium;
    color: #000000;
    margin-left: .1rem;
}

.psci_act .s16 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #666666;
}


.psc_item {
    background-color: #f6f6f6;
    border-radius: .1rem;
    padding: .25rem .35rem;
}

.psc_down {
    display: flex;
    background-color: #f6f6f6;
    border-radius: 10px;
}

.psc_left {
    width: 58.8%;
}


.psc_right .cu_left {
    width: auto;
    padding-left: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-right: .35rem;
}

.psc_right {
    flex: 1;
}

.psc_right .cu_left .s24 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;

}

.psc_p {
    margin-top: .25rem;
}


.psc_p .s16 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #666666;
}

.product_support_c {
    padding-bottom: .35rem;
}

.wechat .sl_pop {
    width: 4rem;
    height: auto;
    margin: 0 auto;
}

.wechat_img {
    width: 50%;
    margin: 0 auto;
    padding: .25rem 0;
}

.wechat_img img {
    width: 100%;
}

.wechat_img .s24 {
    text-align: center;
    padding-top: .25rem;
    font-weight: bold;
}

@media(max-width: 1200px) {
    .psb_wrap {
        width: 90%;
    }
}

@media(max-width: 750px) {
    .psc_down {
        flex-wrap: wrap;
    }

    .psc_item,
    .psc_left,
    .psc_right {
        width: 100%;
    }

    .psb_wrap .culture .cu_left {
        padding: .25rem !important;
    }

    .pass_list .s16 {
        padding-right: .2rem;
    }

    .psaa_item {
        flex-wrap: wrap;
    }

    .pass_left {
        width: 100%;
        margin-bottom: .35rem;
    }

    .pub_item_list {
        justify-content: space-between;
    }

    .pass_right.pass_left {
        padding-left: .3rem;
    }
}

/**
    新增2022/6/6
 */
.about_act {
    margin-bottom: .5rem;
}

.about_act p {
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.7);
}


.color_swiper .swiper-slide {
    width: 31.5%;
    overflow: hidden;
    display: block;
    margin-right: 0.3rem;
}

.color_swiper .swiper-slide:last-child {
    margin-right: 0;
}



.color_swiper_wrap {
    position: relative;
    margin-bottom: 1rem;

}


.color_prev.case_btn {

    left: 0;
    transform: translateX(-50%) translateY(-50%);
}

.color_next.case_btn {
    right: 0;
    transform: translateX(50%) translateY(-50%);
}

.color_prev1.case_btn {

    left: 0;
    transform: translateX(-50%) translateY(-50%);
}

.color_next1.case_btn {
    right: 0;
    transform: translateX(50%) translateY(-50%);
}


.color_swiper1 .swiper-slide {
    width: 31.5%;
    overflow: hidden;
    margin-right: 0.3rem;
}

.color_swiper1 .swiper-slide:last-child {
    margin-right: 0;
}


@media(max-width: 750px) {
    .color_swiper1 .swiper-slide {
        width: 100%;
        overflow: hidden;
        margin-right: 0rem;
    }

    .color_swiper .swiper-slide {
        width: 100%;
        overflow: hidden;
        margin-right: 0rem;
    }
}

.fimg_wrap.is_home_footer {
    background-color: #f6f8ff;
    z-index: 2;
}
.sp_mmeg{
    z-index: 4;
}



/* 侧边栏 */
.right-side {
    width: 72px;

    position: fixed;
    right: 1px;
    top: 40%;
    z-index: 1000;
}

.right-side .r-item {
    display: block;
    width: 100%;
    height: 73px;
    border-bottom: 1px solid #858585;
    background-color: #666;
    cursor: pointer;
    position: relative;
}

.right-side .r-icon1 {
    background-image: url(../images/icon-service.png);
}

.right-side .r-icon {
    display: block;
    width: 100%;
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
}

.right-side .r-title {
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.right-side .r-item1 .r-sub1 {
    display: none;
    width: 156px;
    position: absolute;
    left: -156px;
    top: 0;
    background-color: #fff;
    cursor: default;
}

.title {
    text-align: center;
    font-size: 20px;
    color: #919191;
    line-height: 30px;
}

.right-side .r-item1 .r-sub1 .qq-list {
    padding-top: 18px;
    border: 1px solid #efefef;
}

.right-side .r-icon2 {
    background-image: url(../images/icon-phone.png);
}

.right-side .r-sub {
    display: none;
    width: 255px;
    border: 1px solid #e3e3e3;
    position: absolute;
    left: -257px;
    top: 0;
    background-color: #fff;
    cursor: default;
}

.right-side .r-sub-b1 {
    padding-top: 14px;
    padding-bottom: 13px;
    padding-left: 15px;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    font-size: 0;
}

.right-side .r-sub-b1 .dt {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
    color: #494949;
}

.right-side .r-sub-b1 .dd {
    display: inline-block;
    vertical-align: top;
    width: 125px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: bold;
}

.right-side .r-sub-b1 .dd>span {
    display: inline-block;
}

.right-side .r-sub-b2 {
    padding: 12px 14px 10px 14px;
}

.right-side .r-sub-b2 .tit {
    font-size: 14px;
    color: #666;
    padding-bottom: 5px;
}

.right-side .r-sub-b2 p {
    font-size: 13px;
    color: #686868;
    line-height: 20px;
}

.right-side .r-icon3 {
    background-image: url(../images/icon-weixin.png);
}

.right-side .r-code-box {
    width: 100px;
    margin: 5px auto;
}

.right-side .r-code-box img {
    width: 100%;
}

.right-side .r-icon4 {
    background-image: url(../images/arrow-up.png);
    height: 38px;
    background-position: center 18px;
}

.right-side .r-item:hover {
    background-color: #1E3485;
}

.right-side .r-item1:hover>.r-sub1 {
    display: block;
}

.right-side .r-item1 .r-sub1 .one-qq:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 16px;
    background-image: url(../images/icon-pen.png);
    margin-right: 12px;
}

.right-side .r-item1 .r-sub1 .one-qq {
    display: block;
    margin: 0 auto;
    width: 118px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #000;
    background-image: url(../images/qq-bg.png);
    margin-bottom: 15px;
}

.right-side .r-item2:hover>.r-sub {
    display: block;
}

.right-side .r-item3:hover>.r-sub {
    display: block;
}