@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;
    background-color: #eff3fc;
    overflow: hidden;
}

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 !important;
    /* -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", "宋体";
}

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

.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: "iconfont";
    /* Project id 2979230 */
    src: url('../font_icon/iconfont.woff2?t=1638338237541') format('woff2'), url('../font_icon/iconfont.woff?t=1638338237541') format('woff'), url('../font_icon/iconfont.ttf?t=1638338237541') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 32px;
    color: #ffffff;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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(15 * 100vw / 1920);
}

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

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

@media(max-width: 1584px) {
    .s16 {
        font-size: 13.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: 1472px) {
    .s18 {
        font-size: 13.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: 14.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: .8rem; */
}

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

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

.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; */
    display: inline-block;
    vertical-align: top;
    /* position: relative; */
    height: 100%;
    padding: 0 .3rem;
}

.h-e {
    display: block;
    line-height: .8rem;
    color: #001629;
    /* padding: 0 .3rem; */
    position: relative;
    font-family: 'SourceHanSansCN-Normal';
    display: flex;
    align-items: center;
}

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

.h-d:hover .h-e {
    color: #1165de;
}

.h-d.active .h-e {
    font-family: 'SourceHanSansCN-Normal';
    color: #1165de;
    /* position: relative; */
}

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

.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: 1.5rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -0.75rem;
    top: .8rem;
    z-index: 1000;
    padding: 0.05rem 0;
}

.h-sub>li>a {
    display: block;
    width: 100%;
    line-height: 1.71;
    padding: .1rem 0.03rem;
    text-align: center;
    color: #666;
    transition: background-color .3s;
}

.h-s {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: .44rem;
    height: .44rem;
    background-image: url(../images/113.png);
    background-size: .16rem .17rem;
    background-repeat: no-repeat;
    background-position: center center;
}

.h-form {
    width: 100%;
    font-size: 0;
    background-color: transparent;
    position: relative;
    padding-right: 2.64em;
    border-radius: 1.32em;
    overflow: hidden;
}

.h-m {
    width: 1.8rem;
    height: .3rem;
    line-height: .3rem;
    border: 1px solid #ccc;
    border-right: none;
    vertical-align: top;
    background-color: transparent;
    color: #333;
    padding: 0 .1rem;
}

.h-n {
    position: absolute;
    right: 0;
    top: 0;
    color: transparent;
    cursor: pointer;
    border: none;
    width: .3rem;
    height: .3rem;
    border: 1px solid #ccc;
    background-color: transparent;
    background-image: url(../images/113.png);
    background-size: .16rem .17rem;
    background-repeat: no-repeat;
    background-position: center center;
}

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;
}

@media(max-width: 1920px) {
    .h-sub {
        width: 150px;
        margin-left: -75px;
        padding: 5px 0;
    }
    .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: 1150px) {
    .h-sub>li>a:hover {
        color: #194c7f;
    }
    .h-one:hover {
        color: #194c7f;
    }
}


/* .has-nav .h-e::after {
      content: '';
      display: inline-block;
      width: 10px;
      height: 6px;
      background-image: url(../images/arrow.png);
      margin-left: 5px;
  } */

.h-menu {
    display: none;
}

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

.ph_wra img {
    width: 2.70rem;
    height: auto;
}

@media(max-width: 1200px) {
    .h-cont {
        width: 95%;
        margin: 0 auto;
        /* padding-left: 10px; */
    }
}

@media(min-width: 1170px) {
    .about_list {
        position: absolute;
        top: 100%;
        display: flex;
        width: 9.2rem;
        background-color: #fff;
        padding: .2rem .4rem;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }
    .ab_auto.tabbar:hover .about_list {
        display: flex;
    }
    .ab_tit {
        display: block;
        /* margin-bottom: .1rem; */
        color: #666;
        font-size: 20px;
        font-family: 'SourceHanSansCN-Medium';
        font-weight: bold;
        padding-bottom: .2rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    .ab_tit:hover {
        color: #1165de;
    }
    .about_item {
        width: 32%;
        margin-right: .25rem;
    }
    .ab_list {
        margin-top: .15rem;
    }
    .ab_list a {
        font-size: 14px;
        display: block;
        padding: .1rem 0;
        color: #333;
        font-family: SourceHanSansCN-Normal;
    }
    .ab_list a:hover {
        color: #1165de;
    }
    .h-right {
        display: none;
    }
    .h_new {
        display: flex;
        height: 100%;
    }
    .tabbar {
        position: relative;
        display: flex;
        align-items: center;
        margin: 0 .3rem;
        color: #212121;
    }
    .tabbar_item {
        position: absolute;
        top: 100%;
        width: 560px;
        display: flex;
        z-index: 9;
        left: -58px;
        /* overflow: auto; */
        height: 400px;
        height: 0;
    }
    .tabbar:hover .tabbar_item {
        height: 400px;
    }
    .ta_a {
        display: block;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .ta_a.active::after {
        position: absolute;
        width: 100%;
        content: '';
        height: 2px;
        background-color: #1165de;
        display: block;
        bottom: 0;
    }
    .ta_a:hover {
        color: #1165de;
    }
    .ta_a:hover::after {
        position: absolute;
        width: 100%;
        content: '';
        height: 2px;
        background-color: #1165de;
        display: block;
        bottom: 0;
    }
    .ta_left {
        overflow: auto;
        /* background-color: #fbfbfb; */
    }
    .ta_left a {
        display: block;
        text-decoration: none;
        width: 140px;
        padding: 20px;
        cursor: pointer;
        font-size: 16px;
        box-sizing: content-box;
        line-height: 1.5;
        background-color: #fbfbfb;
        font-family: SourceHanSansCN-Normal;
        text-align: center;
    }
    .ir_tit {
        font-weight: 600;
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 16px !important;
        color: #666;
        margin-bottom: 8px;
        padding: 28px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
    .ta_right {
        width: 370px;
        overflow: auto;
        background-color: #fbfbfb;
    }
    .item_right {
        display: none;
    }
    .item_right a {
        width: 33%;
        margin-top: 20px;
        margin-left: 28px;
        display: inline-block;
        cursor: pointer;
        text-decoration: none;
        font-size: 14px;
        color: #333;
        font-family: SourceHanSansCN-Normal;
    }
    .item_right a:hover {
        color: #1165de;
    }
    .ta_right::-webkit-scrollbar,
    .ta_left::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 3px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    .ta_right::-webkit-scrollbar-thumb,
    .ta_left::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: #535353;
    }
    .ta_right::-webkit-scrollbar-track,
    .ta_left::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background: #ededed;
    }
    .ta_left a:hover {
        color: #FFFFFF;
        background-color: #1165de;
    }
    .ta_left a.active {
        color: #FFFFFF;
        background-color: #1165de;
    }
}

@media(max-width: 1170px) {
    .about_list {
        display: none;
    }
    .h_new {
        display: none;
    }
    .h-right {
        display: block;
    }
    .hs_hidder {
        display: none;
    }
    .link_more {
        display: none;
    }
    .h-d.active .h-e::after {
        content: none;
    }
    .h-d:hover .h-e::after {
        content: none;
    }
    .ph_wra {
        order: -1;
    }
    .ph_l {
        order: 0;
    }
    .h-right {
        order: 1;
    }
    header {
        height: 44px;
    }
    .h-a {
        height: 44px;
    }
    .h-e {
        line-height: 44px;
    }
    .h-cont {
        width: 90%;
        margin: 0 auto;
        /* padding-left: 10px; */
    }
    .h-s {
        position: absolute;
        right: 44px;
        top: 0;
    }
    .h-menu {
        width: 30px;
        height: 100%;
        margin-left: 10px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .h-menu span {
        color: #044fa0;
        font-size: 27px;
        /* display: block;
         width: 100%;
         height: 5px;
         background-color: #223099;
         border-radius: 2px;
         margin: 3px 0; */
    }
    .h-nav {
        width: 100%;
        height: 100vh;
        overflow: auto;
        padding-right: 0;
        margin-right: 0;
        position: fixed;
        right: -100%;
        top: 0;
        background-color: #fff;
        z-index: 654321;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: all .3s;
        display: inline-block;
    }
    .t_line {
        display: none;
    }
    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;
        position: relative;
    }
    .h-e {
        padding: 0 40px 0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #666;
        margin: 0;
        /* text-align: center; */
    }
    .h-sub {
        width: 100%;
        margin-left: 0;
        top: 0;
        position: relative;
        left: 0;
        /* height: 5rem; */
        overflow-y: auto;
        /* height: auto !important; */
    }
    .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: "-";
    }
    .hs_hidder li {
        padding-left: .4rem;
        margin: .2rem 0;
        /* height: 20px; */
    }
    .hs_hidder li a {
        line-height: 1.5;
    }
}

.FormBox {
    position: fixed;
    left: 50%;
    top: 70px;
    background: #fff;
    width: 90%;
    padding: 10px 0;
    display: none;
    z-index: 8;
    transform: translateX(-50%);
    box-shadow: 2px 1px 21px 0px rgba(96, 96, 96, 0.6);
}

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

.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;
    border: none;
}

.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;
    border: none;
}

.lang_c {
    display: flex;
    align-items: center;
    height: 100%;
}

.lc_list {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.la_imem {
    padding: 0 5px;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    justify-content: center;
}

.la_imem:hover {
    color: #1165de;
}

.h_last {
    height: 100%;
    display: flex;
    align-items: center;
    /* margin-left: auto; */
}

.la_chinese {
    position: absolute;
    top: .8rem;
    width: 120%;
    height: 100%;
}

.seach_btn {
    width: 21px;
    margin: 0 .3rem;
    cursor: pointer;
}

.seach_btn span {
    color: #044fa0;
    font-size: 26px;
}

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

.SearchShow .FormBox {
    display: block;
}

.seach_btn {
    display: none;
}

.serach_inp form {
    display: flex;
    align-items: center;
    border-radius: .3rem;
    overflow: hidden;
    border: solid 1px gray;
}

.serach_inp input {
    padding-left: .2rem;
    min-width: 2rem;
    height: .4rem;
    background-color: #ffffff;
}

.serach_inp button {
    display: flex;
    min-width: .5rem;
    height: .40rem;
    /* background-color: #ca2b2f; */
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.serach_inp button img {
    width: .25rem;
    height: auto;
    /* margin-right: .1rem; */
}

.serach_inp button span {
    font-family: SourceHanSansSC-Normal;
    color: #ffffff;
}

.ser_item.serach_inp {
    display: none;
}

.lang_change {
    display: none;
}

.h_logot {
    display: none;
}

@media(max-width: 1000px) {
    .h_logot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 5%;
        box-shadow: 0px 10px 10px 0px rgb(0 1 0 / 10%);
        margin-bottom: .3rem;
        padding-bottom: .2rem;
    }
    .h_img {
        width: 2.7rem;
        height: auto;
    }
    .lang_change {
        display: flex;
        /* justify-content: center; */
        margin-top: .3rem;
        flex-wrap: wrap;
        padding: 0 5%;
        margin: .15rem 0;
    }
    .lang_change a {
        width: 25%;
        display: flex;
        color: #666;
        /* padding: .2rem .2rem; */
        align-items: center;
        box-sizing: border-box;
        border: 1px solid #666;
        justify-content: space-around;
        padding: .05rem 0;
    }
    .lang_change a img {
        width: 25px;
    }
    .ser_item.serach_inp {
        padding: 0 5%;
        width: 100%;
        display: block;
        height: 30px;
    }
    .ser_item.serach_inp form {
        height: 100%;
    }
    .ser_item.serach_inp button {
        height: .6rem;
        width: auto;
        padding: 0 .12rem;
        margin-left: auto;
        padding-right: 12px;
    }
    .ser_item.serach_inp button img {
        width: .3rem;
    }
    .ser_item.serach_inp input {
        font-size: 14px;
        width: 83%;
        height: .6rem;
    }
    .h_last {
        display: none;
    }
    .seach_btn {
        display: block;
    }
    .serach_inp {
        display: none;
    }
    .serach_wrap {
        margin-right: 0%;
    }
}

@media(max-width: 700px) {
    .logo_h.logo_img {
        display: none;
    }
    .stage-mask {
        position: absolute;
        bottom: 0;
        max-width: 100%;
        transform: translateY(-80%);
        /* height: 50px; */
        /* width: 100%; */
    }
    .lc_list {
        display: none;
        overflow: visible !important;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    .sanjiao {
        display: none;
    }
    .la_chinese {
        display: flex !important;
    }
    .lang_c {
        position: relative;
    }
    .la_imem {
        width: 1.5rem;
    }
}

.h_swiper {
    height: 100vh;
}

.h_swiper .swiper-slide {
    height: 100%;
    /* padding-bottom: 44.27%; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.h_swiper .swiper-pagination-bullet-active,
.hc_item1 .swiper-pagination-bullet-active {
    background-color: #ca2b2f;
}

.ha_act {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 11%;
    width: 5.5rem;
}

.ha_link {
    display: flex;
    width: 1.80rem;
    height: .50rem;
    background-color: #ca2b2f;
    align-items: center;
    justify-content: space-around;
    transition: .3s;
}

.hc_s {
    display: block;
}

.hb_up .ha_link img.active,
.hc_sl .ha_link img.active,
.hg_item .ha_link img.active,
.deep_link .ha_link img.active {
    display: none;
}

.hb_up .ha_link:hover,
.hc_sl .ha_link:hover,
.deep_link .ha_link:hover {
    border: 2px solid #044fa0;
}

.hb_up .ha_link:hover .s14,
.hc_sl .ha_link:hover .s14,
.deep_link .ha_link:hover .s14 {
    color: #044fa0;
}

.hb_up .ha_link:hover img,
.hc_sl .ha_link:hover img,
.deep_link .ha_link:hover img {
    display: none;
}

.hc_sl .ha_link:hover img.active,
.hb_up .ha_link:hover img.active,
.deep_link .ha_link:hover img.active {
    display: block;
}

.ha_link .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.ha_link img {
    width: .20rem;
    height: auto;
}

.ha_act .s55 {
    font-family: OPPOSans-B;
    color: #044fa0;
}

.ha_act .s26 {
    font-family: OPPOSans-R;
    color: #000000;
    margin-top: .4rem;
    margin-bottom: .8rem;
    line-height: 1.5;
}

.hb_item {
    width: 14.4rem;
    margin: 0 auto;
}

.hb_line {
    width: 6px;
    height: 35px;
    margin-right: .15rem;
}

.hb_tit .s36 {
    font-family: 'SourceHanSansCN-Bold';
    color: #044fa0;
}

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

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

.hb_up .ha_link {
    background-color: transparent;
    border: solid 2px #ca2b2f;
}

.hc_sl .ha_link,
.deep_link .ha_link {
    margin-top: .4rem;
    border: solid 2px #ca2b2f;
    background-color: transparent;
}

.hc_sl .ha_link .s14,
.hb_up .ha_link .s14,
.deep_link .ha_link .s14 {
    color: #ca2b2f;
}

.hb_wrap {
    margin-top: .4rem;
}

.hb_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .25rem;
}

.hb_a {
    width: 24.21%;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    margin-right: .15rem;
    padding: .4rem .3rem .2rem .3rem;
    box-sizing: border-box;
    position: relative;
    margin-bottom: .1rem;
}

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

.hc_tit {
    font-family: SourceHanSansCN-Medium;
    color: #044fa0;
    margin-bottom: .25rem;
}

.hb_i {
    width: 85%;
    overflow: hidden;
}

.hb_i img {
    width: 100%;
    height: auto;
    transition: transform .3s;
}


/* .hb_i img:hover {
     transform: scale(1.2);
     transition: transform .3s;
 } */

.ht_line {
    top: 0;
    left: 0;
    position: absolute;
    width: 0%;
    height: 3px;
    background-color: #044fa0;
    transition: width .5s;
}

.hb_a:hover .ht_line {
    width: 100%;
    transition: all .5s;
}

.hb_a:hover {
    transition: all .5s;
    transform: scale(1.1);
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.1);
    z-index: 2;
}

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

.hc_item {
    width: 14.4rem;
    margin: 0 auto;
    position: relative;
}

.hb_btn {
    position: absolute;
    top: 50%;
    z-index: 2;
}

.hb_prev,
.he_prev,
.he_prev1,
.he_prev2 {
    left: -5%;
}

.hb_next,
.he_next,
.he_next1,
.he_next2 {
    right: -5%;
}

.hc_sa {
    font-family: SourceHanSansCN-Bold;
    color: #044fa0;
}

.hc_sa::after {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background-color: #ca2b2f;
    margin-top: .3rem;
}

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

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

.hc_sb .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #000000;
    width: 50%;
    margin-bottom: .2rem;
    line-height: 1.5;
}

.hc_sb .s16::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #044fa0;
    border-radius: 50%;
    margin-right: .15rem;
}

.hc_s {
    display: flex;
    justify-content: space-between;
    padding: .5rem .25rem;
    padding-right: 1rem;
    align-items: center;
}

.hc_sl {
    width: 60%;
}

.hc_sr {
    width: 30%;
    overflow: hidden;
}

.hc_sr img {
    width: 100%;
    height: auto;
    transition: transform 3s;
    background-color: transparent;
}

.hc_sr img:hover {
    transform: scale(1.5);
    transition: transform 3s;
}

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

.hd_item,
.he_item {
    width: 14.4rem;
    margin: 0 auto;
}

.hd_item {
    position: relative;
}

.hd_wrap,
.he_wrap,
.hf_wrap {
    margin-top: .7rem;
}

.hd_swiper.swiper-container {
    width: 100%;
    margin-top: .3rem;
    padding-bottom: .3rem;
}

.hd_swiper .swiper-slide {
    /* border: .0001rem solid #fff; */
    width: 1.6rem;
    height: 4.8rem;
    cursor: pointer;
    transition: width .3s;
    box-sizing: border-box;
    /* background-color: #022653; */
}

.hd_swiper .swiper-slide.active {
    width: 8rem;
    transition: width .3s;
}

.hs_sa {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    /* transition: width 3s; */
}

.hd_a {
    width: 0%;
    height: 0%;
    position: relative;
    overflow: hidden;
    /* transition: width .01s; */
    /* display: none; */
}

.hd_swiper .swiper-slide.active .hs_sa {
    width: 0%;
    height: 0%;
    /* transition: width .01s; */
}

.hd_swiper .swiper-slide.active .hd_a {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    /* transition: width 3s; */
}

.hdb_img {
    width: .85rem;
    height: auto;
}

.hd_b {
    background-color: rgba(4, 79, 160, .95);
    opacity: 0.95;
    width: 5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: .35rem;
    box-sizing: border-box;
}

.hs_sb img {
    width: .85rem;
    display: block;
    margin: 0 auto;
    height: auto;
}

.hs_sb .s18 {
    font-family: SourceHanSansCN-Medium;
    text-align: center;
    color: #ffffff;
    margin-top: .2rem;
}

.hd_c {
    margin-left: .4rem;
}

.hd_c .s26 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
}

.hd_c .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    line-height: 1.5;
    margin-top: .25rem;
    margin-bottom: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    /* overflow-y: auto; */
}

.hd_c .ha_link {
    background-color: transparent;
    justify-content: flex-start;
    align-items: center;
}

.hd_c .ha_link .s14 {
    margin-right: .2rem;
}

.hd_swiper .hd_pag,
.de_swiper .hd_pag {
    top: auto !important;
    bottom: 0;
}

.de_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.hd_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #ca2b2f;
}

.he_sb img {
    max-width: 1.44rem;
    height: auto;
    transition: transform .3s;
}

.he_sb:hover img {
    transform: scale(1.2);
    transition: transform .3s;
}

.he_sb:hover .s16 {
    color: #1165de;
}

.he_swiper {
    margin-top: .35rem;
    border-bottom: 1px solid #cdd7ec;
    border-top: 1px solid #cdd7ec;
}

.he_swiper .swiper-slide {
    width: 2.0571rem;
    height: 3.01rem;
}

.he_sa {
    height: 100%;
    position: relative;
}

.he_sa::before {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background-color: #cdd7ec;
    display: block;
    top: 50%;
    transform: translateY(-50%);
}

.he_sb {
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.he_sb .s16 {
    margin-top: .25rem;
    font-family: SourceHanSansCN-Light;
    color: #000000;
}

.he_item {
    position: relative;
}

.he_item .hb_btn {
    top: 56%;
}

.hf_item {
    width: 14.4rem;
    margin: 0 auto;
}

.hf_a {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
}

.hf_b {
    padding: .3rem;
    box-sizing: border-box;
    padding-right: 18%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-size 1s;
}

.hf_b:hover {
    background-size: 110% 110%;
    transition: background-size 1s;
}

.hf_b,
.hf_c {
    width: 49.4%;
}

.hf_c {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hf_ba .s32 {
    font-family: SourceHanSansCN-Bold;
    color: #ffffff;
}

.hf_ba .s16 {
    margin-top: .25rem;
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    line-height: 1.6;
}

.hf_bc {
    display: flex;
    flex-wrap: wrap;
    margin-top: .4rem;
}

.hf_bd {
    width: 50%;
    margin-bottom: .3rem;
}

.hf_bd .s48 {
    font-family: Akrobat-ExtraBold;
    /* font-weight: bold; */
    color: #ffffff;
    /* margin-bottom: .15rem; */
}

.hf_be {
    margin-bottom: .15rem;
}

.hf_bd .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.hf_item .ha_link {
    border: none;
    background-color: transparent;
    justify-content: flex-start;
    margin-top: .5rem;
}

.hf_item .ha_link .s14 {
    margin-right: .15rem;
}

.hf_ca {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: .28rem;
    padding-right: 35%;
    transition: background-size 1s;
    background-position: center;
    cursor: pointer;
}

.hf_ca:hover {
    background-size: 110% 110%;
    transition: background-size 1s;
}

.hf_item .hf_c .ha_link {
    margin-top: .38rem;
}

.hg_item {
    width: 14.4rem;
    margin: 0 auto;
    position: relative;
}

.hg_wrap {
    margin-top: .7rem;
}

.hg_item .ha_link {
    border: solid 2px #ca2b2f;
}

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

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

.hg_swiper.swiper-container {
    margin-top: .3rem;
    padding-bottom: .3rem;
}

.hg_swiper .swiper-slide {
    width: 4.6rem;
}

.hg_a .s22 {
    font-family: 'SourceHanSansCN-Bold';
    color: #000000;
}

.hg_a .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.5;
    margin-top: .2rem;
    margin-bottom: .5rem;
}

.hg_down {
    background-color: #e1e9fa;
    padding: .3rem;
    box-sizing: border-box;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
}

.hg_bi .iconfont {
    color: #044fa0;
}

.hg_bi img.active {
    display: none;
}

.hg_more img.active {
    display: none;
}

.hg_date .s16 {
    margin-left: .1rem;
}

.hg_sa:hover .hg_down {
    background-color: #044fa0;
}

.hg_sa:hover .hg_down .s22,
.hg_sa:hover .hg_down .s16 {
    color: #ffffff;
}

.hg_sa .hg_bi .iconfont {
    color: #044fa0;
}

.hg_sa:hover .hg_bi .iconfont {
    color: #fff;
}

.hg_up {
    overflow: hidden;
}

.hg_up>img{
width: 100%;
height: 4.5rem;
object-fit: cover;
    transition: transform 1s;
}

.hg_sa:hover .hg_up img {
    transform: scale(1.3);
    transition: transform 1s;
}

.hg_logo {
    width: 14.4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: .7rem;
    margin: 0% auto;
    margin-top: .4rem;
}

.logo_img {
    width: 7.14%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .3rem;
    transition: 1s;
}

.logo_img:hover {
    transform: scale(1.2);
    transition: .3s;
}

.logo_img:nth-child(1) {
    margin-left: 0;
}

.logo_img img {
    max-width: .7rem;
}

.fa_link {
    font-family: 'SourceHanSansCN-Medium';
    color: #ffffff;
}

.fa_link img {
    display: none;
}

.fa {
    display: flex;
    justify-content: space-between;
    width: 14.4rem;
    margin: 0 auto;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    flex-wrap: wrap;
}

.fa_wrap {
    display: flex;
    margin-top: .3rem;
}

.fa_list {
    display: flex;
    flex-direction: column;
    margin-right: .3rem;
}

.fa_list .s14 {
    font-family: 'SourceHanSansCN-Normal';
    color: #ffffff;
    opacity: 0.5;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s;
}

.fa_list .s14:hover {
    opacity: 1;
    transition: all .3s;
}

.fa_b {
    display: flex;
}

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

.logo_list {
    margin: .25rem 0;
    flex-wrap: wrap;
    display: flex;
}

.icon_wrap {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fdbe3d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.serach_inp .deep_btn {
    display: flex;
    justify-content: center;
    width: 50%;
    background-color: #ca2b2f;
}

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

.fa_a img {
    width: 1.75rem;
}

.fb {
    width: 14.4rem;
    margin: 0 auto;
    padding: .25rem 0;
}

.fb .s14 {
    font-family: 'SourceHanSansCN-Normal';
    color: #ffffff;
    opacity: 0.5;
    margin-right: .5rem;
    line-height: 2;
}

aside {
    position: fixed;
    left: 2px;
    top: 50%;
    z-index: 9999;
    transform: translateY(-50%);
}

.as_item {
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #044fa0;
    padding: 7px;
    margin-bottom: 5px;
    flex-wrap: wrap;
    box-sizing: border-box;
    /* transform: scale(.8); */
}

.as_item img {
    width: 19px;
    height: auto;
}

.as_item .s14 {
    font-family: 'SourceHanSansCN-Normal';
    color: #ffffff;
    margin-top: .1rem;
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.top_up {
    width: 36px;
    height: 36px;
    background-color: #dbe3f1;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.top_up:hover {
    background-color: #ca2b2f;
}

.crumbs_wrap {
    padding: .2rem 0;
    background: #fff;
    position: relative;
}

.cw_lg {
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    position: absolute;
    background: linear-gradient(rgba(233, 240, 247, .9), rgba(0, 0, 0, 0));
}

.cw_item {
    width: 14.4rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.cw_item .s16 {
    font-family: 'SourceHanSansCN-Normal';
    color: #666666;
    margin-left: .1rem;
}

.cw_item .s16.active {
    color: #000000;
}

.a_banner {
    padding-bottom: 27%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.a_act {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13%;
}

.a_act .s48 {
    font-family: 'SourceHanSansCN-Bold';
    color: #ffffff;
}

.a_act .s26 {
    font-family: 'SourceHanSansCN-Normal';
    color: #ffffff;
    margin-top: .2rem;
}

footer {
    background-color: #131f3b;
    padding-top: .7rem;
}

.b_wrap {
    padding-top: .7rem;
}

.b_item {
    width: 14.4rem;
    margin: 0 auto;
}

.b_item .hb_a {
    width: 32%;
    margin-right: .2rem;
    margin-bottom: .25rem;
}

.b_item .hb_a:hover .b_men {
    height: 100%;
    transition: height .3s;
}

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

.b_item .hb_a .hb_i {
    margin: 0 auto;
}

.b_men {
    position: absolute;
    width: 100%;
    height: 0%;
    background-color: #044fa0;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    overflow: hidden;
    transition: height .3s;
    z-index: 1;
}

.bm_con {
    display: flex;
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
    /* overflow-y: auto; */
}

.bm_l,
.bm_r {
    width: 48%;
    margin-bottom: .1rem;
    display: inline-block;
    transition: transform .3s;
}

.bm_l:hover {
    transform: scale(1.15);
    transition: transform .3s;
}

.bm_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #fff;
    border-top: none;
    padding: .1rem 0;
}

.bm_u {
    display: block;
    font-family: 'SourceHanSansCN-Normal';
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: .1rem 0;
    padding-left: 10%;
}

.bm_list .s12 {
    display: block;
    width: 50%;
    text-align: center;
    padding: .07rem 0;
    font-family: 'SourceHanSansCN-Normal';
    color: #ffffff;
}

.bm_list .s12:hover,
.bm_r .s14:hover {
    color: #ca2b2f;
}

.b_men .s22 {
    width: 90%;
    margin: 0 auto;
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    margin-bottom: .2rem;
    line-height: 1.3;
    margin-top: .2rem;
}

.bm_r .s14 {
    display: block;
    text-align: center;
    font-family: 'SourceHanSansCN-Normal';
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: .1rem 0;
    margin-bottom: .1rem;
}

.b_wrap {
    width: 14.4rem;
    margin: 0 auto;
}

.ba_check_list {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 235px;
    /* margin: .1rem .15rem; */
    padding: .2rem .15rem;
    background-color: #fff;
}

.b_a {
    display: flex;
    /*flex-wrap: wrap;*/
    overflow-x: auto;
    border-left: solid 1px #c0d2ed;
    box-sizing: border-box;
}

.ba_inp {
    padding: .15rem;
    padding-left: .2rem;
    border-bottom: solid 1px #c0d2ed;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

.ba_inp a {
    display: block;
    width: 15px;
    height: 15px;
}

.ba_inp a img {
    width: 15px;
    height: 15px;
}

.ba_inp input {
    width: 70%;
    background-color: transparent;
}

.ba_tit {
    font-family: 'SourceHanSansCN-Normal';
    color: #111111;
    background-color: #c0d2ed;
    padding: .15rem 0;
    padding-left: .2rem;
    box-sizing: border-box;
}

.ba_check_list::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}

.ba_check_list:hover::-webkit-scrollbar-thumb:hover {
    background-color: rgba(4, 79, 160, 1);
}

.ba_check_list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(4, 79, 160, 1);
}

.ba_check_list::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: rgba(4, 79, 160, .2);
}

.ba_check_list::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    /* background: #ededed; */
    background-color: #c0d2ed;
}

.b_aa {
    border-right: solid 1px #c0d2ed;
    width: 2.37rem;
    box-sizing: border-box;
}

.return_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .15rem 0;
    color: #ca2b2f;
    border-top: solid 1px #c0d2ed;
    border-bottom: solid 1px #c0d2ed;
    cursor: pointer;
}

.b_a form {
    width: 16.6667%;
    flex-shrink: 0;
}

.b_aa {
    width: 100%;
}

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

.bc_a .serach_wrap {
    display: flex;
    margin-bottom: .15rem;
    flex-wrap: wrap;
}

.bc_link {
    /* min-width: 1.3rem; */
    height: 0.4rem;
    background-color: #ca2b2f;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    margin-left: .3rem;
    padding: 0 .1rem;
}

.p_list {
    margin-top: .3rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.p_left {
    width: 20.8%;
}

.pl_tit {
    height: 1.02rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: SourceHanSansSC-Normal;
    color: #ffffff;
    position: relative;
}

.p_right {
    width: 77.38%;
    padding-bottom: .15rem;
}

.pc_item {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* height: .6rem; */
    /* background-color: #e1e9fa; */
    padding: 5% 10%;
    box-sizing: border-box;
}

.pc_item .s16 {
    font-family: SourceHanSansSC-Normal;
    color: #666666;
    line-height: 1.2;
    padding-right: .2rem;
}

.pc_item img.active {
    display: none;
}

.pl_con {
    margin-top: .15rem;
}

.pc_tit {
    background-color: #e1e9fa;
    position: relative;
    border-bottom: 1px solid rgba(4, 79, 160, .15);
}

.pc1_list,
.pc2_list {
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    display: none;
    z-index: 2;
}

.pc_tit:hover .pc1_list {
    display: block;
}

.pc1_list .pc1_item:hover .pc2_list {
    display: block;
}

.pc1_item {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .60rem;
    /* background-color: #e1e9fa; */
    padding: 0% 10%;
    box-sizing: border-box;
    background-color: rgba(4, 79, 160, .9);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    position: relative;
}

.pc2_list .pc1_item {
    background-color: rgba(202, 43, 47, .9);
}

.pc1_item:hover {
    background-color: #ca2b2f;
}

.pc1_item .s16 {
    color: #ffffff;
}

.pc_tit.active {
    background-color: transparent;
    background-image: url(../images/pi_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.pc_tit.active .pc_item .s16 {
    color: #ffffff;
}

.pc_tit.active .pc_item img {
    display: none;
}

.pc_tit.active .pc_item img.active {
    display: block;
}

.pc_tit:hover .pc_item .s16 {
    color: #ffffff;
}

.pc_tit:hover .pc_item img {
    display: none;
}

.pc_tit:hover .pc_item img.active {
    display: block;
}

.pc_tit:hover {
    background-color: transparent;
    background-image: url(../images/pi_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.pt_list {
    display: flex;
}

.pt_list .s18 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .60rem;
    background-color: #044fa0;
    border-right: 1px solid #fff;
}

.pt_list .s18:nth-child(1),
.pa_a:nth-child(1) {
    width: 20%;
}

.pt_list .s18:nth-child(2),
.pa_a:nth-child(2) {
    width: 28.636%;
}

.pt_list .s18:nth-child(3),
.pa_a:nth-child(3) {
    width: 12.727%;
}

.pt_list .s18:nth-child(4),
.pa_a:nth-child(4) {
    width: 12.727%;
}

.pt_list .s18:nth-child(5),
.pa_a:nth-child(5) {
    width: 12.727%;
}

.pt_list .s18:nth-child(6),
.pa_a:nth-child(6) {
    width: 12.727%;
}

.pa_a {
    display: flex;
    padding:0 .05rem;
    justify-content: center;
    align-items: center;
}

.pa_item {
    display: flex;
    border-bottom: 1px solid rgba(4, 79, 160, .15);
    padding: .3rem 0;
}

.pa_item:hover {
    background-color: #c0d2ed;
}

.pa_a img {
    max-width: 1.8rem;
    height: auto;
}

.pa_a .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    line-height: 1.5;
    word-break: break-all;
}

.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: .46rem;
    height: .46rem;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.page_wrap ul li a.active {
    background-color: #044fa0;
    color: #ffffff;
    transition: all .3s;
}

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

.page_wrap ul li a:hover {
    background-color: #044fa0;
    color: #ffffff;
    transition: all .3s;
}

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

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

.ps_item {
    width: 3rem;
    transition: transform 2s;
}

.ps_item:hover {
    transform: scale(1.5);
    transition: transform 2s;
}

.ps_imgs {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.75rem;
    overflow: hidden;
}

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

.ps_swiper .hb_btn img {
    width: 8px;
    height: 15px;
    transform: translateY(-50%);
}

.ps_swiper .hb_btn.hb_prev {
    left: 0%;
}

.ps_swiper .hb_btn.hb_next {
    right: 0%;
}

.ps_item img {
    width: 100%;
    height: auto;
}

.ps_item {
    display: none;
}

.ps_b {
    width: 1rem;
    height: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ps_a.swiper-container {
    width: 90%;
    margin: 0 auto;
}

.ps_a.swiper-container .swiper-slide {
    width: 1rem;
    border: solid 1px #c0d2ed;
    margin: 0 .08rem;
}

.ps_a.swiper-container .swiper-slide:hover {
    border: solid 1px #044fa0;
}

.ps_a.swiper-container .swiper-slide.active {
    border: solid 1px #044fa0;
}

.ps_b img {
    width: .49rem;
    height: auto;
}

.ps_wrap {
    background-color: #e1e9fa;
    display: flex;
    padding: .4rem .3rem;
    box-sizing: border-box;
    /* margin-bottom: .15rem; */
}
.ps_wrap table{
    width: 100%;
}

.pw_r {
    width: 50%;
    padding-left: 5%;
    /* background-color: #fff; */
}

.pw_l {
    width: 50%;
}

.pw_a .s32 {
    font-family: SourceHanSansCN-Bold;
    color: #044fa0;
}

.pw_a .s16 {
    margin-top: .1rem;
    font-family: SourceHanSansCN-Light;
    color: #666666;
    line-height: 2;
}

.pw_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .15rem;
    /* margin-right: .1rem; */
}

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

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

.pw_item {
    width: .60rem;
    height: .42rem;
    border: solid 1px #c0d2ed;
    margin-right: .1rem;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .1rem;
    cursor: pointer;
}

.pw_item.active {
    background-color: #044fa0;
    color: #ffffff;
}

.pw_item:hover {
    background-color: #044fa0;
    color: #ffffff;
}

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

.ps_wrap2 {
    margin-top: .15rem;
    background-color: #e1e9fa;
}

.ps_b1 {
    min-width: 1.6rem;
    padding: .15rem;
    border-right: 1px solid #e1e9fa;
    background-color: #c0d2ed;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    cursor: pointer;
}

.ps_b1:hover {
    color: #ffffff;
    background-color: #0062af;
}

.ps_b1.active {
    color: #ffffff;
    background-color: #0062af;
}

.ps_a2 {
    width: 92%;
    margin: 0 auto;
    margin-top: .4rem;
    padding-bottom: .3rem;
}

.pb2_line {
    width: 3px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: .15rem;
}

.pb2_tit {
    display: flex;
    align-items: center;
    margin-bottom: .15rem;
}

.pb2_tit .s16 {
    font-family: SourceHanSansCN-Bold;
    color: #0062af;
}

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

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

.ps_b2 {
    display: none;
}

.table_tit {
    display: flex;
    align-items: center;
    border: solid 1px #c0d2ed;
    padding: .15rem 0;
    background-color: #c0d2ed;
    padding-left: .3rem;
}

.ps_b2 {
    overflow-x: auto;
}

.pg_item {
    width: 1.6rem;
    height: 1.6rem;
    border: solid 1px #c0d2ed;
    margin-right: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .1rem;
    box-sizing: border-box;
    transition: all .3s;
}

.pg_item img {
    transition: all .3s;
}

.pg_item img:hover {
    transform: scale(1.2);
    transition: all .3s;
}

.pg_item:nth-child(6) {
    margin-right: 0;
}

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

.pg_item img {
    width: 60%;
    height: auto;
}

.ps_b21 {
    width: 2.40rem;
}

.ps_b21 img {
    width: 100%;
    height: auto;
}

.ps_b22 {
    width: 3.77rem;
}

.ps_b22 .s22 {
    font-family: SourceHanSansCN-Bold;
    color: #044fa0;
}

.ps_b22 .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    margin-top: .25rem;
    margin-bottom: .35rem;
}

.ps_b22 .ps_bc .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 2;
    margin: 0;
}

.ps_last {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #eff3fc;
    padding: .3rem;
    flex-wrap: wrap;
}

.ps_b23 a {
    display: block;
    width: 1.81rem;
align-items: center;
    min-height: .51rem;
    display: flex;
    padding: .15rem;
}

.ps_b23 a img {
    height: .21rem;
    width: auto;
    margin-right: .15rem;
}


/* .ps_b23 a:nth-child(1) {
    border: solid 2px #044fa0;
    margin-bottom: .2rem;
}

.ps_b23 a:nth-child(1) span {
    font-family: SourceHanSansCN-Normal;
    color: #044fa0;
} */

.ps_b23 a {
    border: solid 2px #ca2b2f;
    margin-bottom: .2rem;
}

.ps_b23 a img.active {
    display: none;
}

.ps_b23 a:hover {
    border: solid 2px #044fa0;
}

.ps_b23 a:hover span {
    color: #044fa0;
}

.ps_b23 a:hover img {
    display: none;
}

.ps_b23 a:hover img.active {
    display: block;
}

.ps_b23 a span {
    font-family: SourceHanSansCN-Normal;
    color: #ca2b2f;
     word-wrap:break-word;
       word-break:break-all; 
}

.list_wrap {
    margin-top: .3rem;
    padding-bottom: .4rem;
}

.list_wrap .page_wrap {
    margin-bottom: 0;
}

.d_wrap {
    display: flex;
    background-color: #e1e9fa;
    margin-top: .3rem;
    margin-bottom: .7rem;
}

.d_left {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3%;
}

.d_right {
    width: 60%;
    overflow: hidden;
}

.d_right img {
    width: 100%;
    height: auto;
    transition: transform 1s;
}

.d_right img:hover {
    transform: scale(1.3);
    transition: transform 1s;
}

.d_left .s16 {
    margin-top: .3rem;
    font-family: SourceHanSansCN-Normal;
    color: #000000;
    line-height: 1.8;
}

.e_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}

.e_item {
    width: 24.21%;
    margin-right: 0.13rem;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 28.57%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: .15rem;
    transition: transform .3s;
}

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

.e_item:hover {
    transform: scale(1.2);
    transition: transform .3s;
    z-index: 2;
}

.e_item .s26 {
    position: absolute;
    bottom: 7%;
    left: 10%;
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
}

.e_wrap {
    padding-bottom: .7rem;
}

.cw_left {
    display: flex;
    align-items: center;
    margin-right: .2rem;
}

.news_crumbs.crumbs_wrap {
    padding: 0;
}

.cw_right {
    display: flex;
    /* margin-left: auto; */
}

.crumbs_wrap .cw_right a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .25rem;
    margin: 0;
}

.crumbs_wrap .cw_right a.active {
    font-family: SourceHanSansCN-Regular;
    background-color: #044fa0;
    color: #ffffff;
}

.crumbs_wrap .cw_right a:hover {
    background-color: #044fa0;
    color: #ffffff;
}

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

.news_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .3rem;
}

.news_list .hg_sa {
    width: 32.5%;
    margin-right: .15rem;
    margin-bottom: .2rem;
}

.news_list .hg_sa>img {
    width: 100%;
    height: 4.5rem;
    object-fit: cover;
}

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

.news_wrap .page_wrap {
    margin-bottom: 0;
}

.news_wrap {
    padding-bottom: .7rem;
}

.news_container {
    margin-top: .3rem;
    display: flex;
    justify-content: space-between;
}

.nc_left {
    width: 72.222%;
}

.nc_right {
    width: 25%;
}

.nc_tit {
    padding-bottom: .25rem;
    border-bottom: 1px solid rgba(4, 79, 160, 0.15);
}

.nc_tit .s26 {
    font-family: 'SourceHanSansCN-Bold';
    color: #000000;
    margin-bottom: .2rem;
}

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

.nc_item .s16 {
    font-family: SourceHanSansSC-Normal;
    color: #666666;
    line-height: 1.8;
}

.nc_img {
    width: 70%;
    margin: 0 auto;
}

.nc_img img {
    width: 100%;
    height: auto;
}

.nc_img2 {
    width: 70%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nc_img2 img {
    width: 48%;
    height: auto;
}

.nc_right .hg_down {
    display: block;
    margin-bottom: .3rem;
}

.nc_right .hg_down:hover {
    background-color: #044fa0;
}

.nc_right .hg_down:hover .s22,
.nc_right .hg_down:hover .s16 {
    color: #ffffff;
}


/* .nc_right .hg_down:hover .hg_bi img {
     display: none;
 } */


/* .nc_right .hg_down:hover .hg_bi img.active {
     display: block;
 }

 .nc_right .hg_down:hover .hg_more img {
     display: none;
 }

 .nc_right .hg_down:hover .hg_more img.active {
     display: block;
 } */

.nc_right .hg_down:hover .hg_bi .iconfont {
    color: #fff;
}

.news_share {
    padding: .3rem;
    background-color: #e1e9fa;
}

.news_share .s22 {
    font-family: 'SourceHanSansCN-Bold';
    color: #000000;
}

.ns_logo {
    margin-top: .2rem;
    margin-bottom: .3rem;
}

.ns_logo a {
    display: inline-block;
    width: .40rem;
    height: .40rem;
    border-radius: 50%;
    margin-right: .15rem;
}

.ns_logo a img {
    width: 100%;
    height: 100%;
}

.share_a {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: .50rem;
    background-color: #ca2b2f;
}

.share_a .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.ja_b,
.ja_c {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
}

.ja_b .hf_ca {
    width: 49.4%;
    padding-right: 25%;
}

.ja_wrap .hf_ca .ha_link {
    background-color: transparent;
    justify-content: flex-start;
}

.ja_wrap .hf_ca .ha_link .s14 {
    margin-right: .2rem;
}

.ja_b .hf_ca .s16 {
    margin-bottom: .4rem;
}

.ja_al,
.ja_ar {
    width: 49.4%;
}

.ja_ad {
    display: flex;
    justify-content: space-between;
    margin-top: .25rem;
}

.ja_ad .hf_ca {
    width: 49.4%;
    padding-right: 10%;
}

.ja_al .hf_ca .s16 {
    margin-bottom: 2.45rem;
}

.ja_al .hf_ca {
    height: 100%;
    box-sizing: border-box;
}

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

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

.qa_wrap .d_wrap .hc_sa::after {
    content: none;
}

.qa_wrap .d_wrap .d_left,
.qa_wrap .d_wrap .d_right {
    width: 50%;
}

.qa_wrap .d_wrap .d_left .s16 {
    color: #333333;
    opacity: 0.66;
}

.qa_list {
    display: flex;
}

.qa_wrap {
    margin-bottom: 1.7rem;
}

.qa_item {
    width: 24.21%;
    margin-right: 0.15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    border-bottom: 3px solid #044fa0;
    position: relative;
    padding: .75rem 0;
}

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

.qa_item .s22 {
    font-family: 'SourceHanSansCN-Bold';
    color: #044fa0;
    margin-bottom: .25rem;
}

.qa_item .s16 {
    font-family: 'SourceHanSansCN-Regular';
    color: #044fa0;
    text-align: center;
    line-height: 1.8;
    padding: 0 15%;
}

.qa_logo {
    width: 1.40rem;
    height: 1.40rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.de_swiper.swiper-container {
    margin-top: .4rem;
    width: 16.5rem;
    padding-left: .3rem;
    padding-bottom: .7rem;
}

.de_swiper .swiper-slide {
    width: 4.48rem;
    height: 6rem;
}

.de_swiper.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 85%;
}

.de_swiper .swiper-slide:nth-child(2n) .de_item {
    flex-direction: column-reverse;
}

.de_item {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.de_up,
.de_down {
    min-height: 3rem;
}

.de_up {
    border-left: 1px solid #c0d2ed;
}

.de_up,
.de_down {
    width: 3.48rem;
    padding-left: 10%;
    box-sizing: border-box;
}

.de_swiper .swiper-slide:nth-child(2n) .de_up {
    padding-top: .3rem;
}

.de_swiper .swiper-slide:nth-child(2n) .de_down {
    padding-top: 0.8rem;
}

.de_down {
    width: 100%;
    padding-top: .5rem;
    padding-right: 5%;
}

.de_item::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #c0d2ed;
    top: 50%;
    left: 0;
}

.de_item::before {
    content: "";
    display: block;
    width: .19rem;
    height: .19rem;
    position: absolute;
    background-image: url(../images/ed_point.png);
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    border-radius: 50%;
}

.de_img {
    width: 3rem;
    position: absolute;
    left: 10%;
    top: 0;
    overflow: hidden;
}

.de_img img {
    width: 100%;
    height: auto;
    transition: 1s;
}

.de_item:hover .de_img img {
    transform: scale(1.3);
    transition: 1s;
}

.de_swiper .swiper-slide:nth-child(2n) .de_img {
    top: auto;
    bottom: 0;
}

.de_down .s58 {
    font-family: Akrobat-ExtraBold;
    color: #044fa0;
    margin-bottom: .2rem;
}

.de_down .s16 {
    font-family: SourceHanSansSC-Light;
    color: #444444;
    line-height: 1.5;
}

.development_swiper {
    position: relative;
}

.de_btn {
    position: absolute;
    top: 39%;
    z-index: 3;
    width: .8rem;
    height: .80rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ps_b23 a:first-child{
    display: none;
} 

.de_btn img.active {
    display: none;
}

.de_btn:hover {
    background-color: #044fa0;
}

.de_btn:hover img {
    display: none;
}

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

.de_btn img {
    width: .17rem;
    height: auto;
}

.de_prev {
    left: -8%;
}

.de_next {
    right: -8%;
}

.cooperation_list {
    margin-top: .3rem;
    display: flex;
    flex-wrap: wrap;
}

.co_item {
    width: 16.6667%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .4rem 0;
}

.co_item .s16 {
    margin-top: 0.25rem;
    font-family: SourceHanSansCN-Light;
    color: #000000;
}

.co_item img {
    max-width: 85%;
}

.co_item:hover {
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
}

.ho_act {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.8;
    color: #666666;
    margin: .3rem 0;
}

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

.ho_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32%;
    margin-right: .2rem;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    padding: .25rem;
    box-sizing: border-box;
    margin-bottom: .2rem;
}

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

.ho_img {
    width: 80%;
    margin-bottom: .3rem;
}

.ho_img img {
    width: 100%;
    height: auto;
}

.ho_item .s20 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    text-align: center;
    line-height: 1.6;
}

.strength_con {
    display: flex;
    justify-content: space-between;
    margin: .3rem 0;
    padding-top: .35rem;
    border-top: 1px solid #044fa0;
    flex-wrap: wrap;
}

.str_im img {
    width: 2.70rem;
    height: auto;
}

.str_act {
    width: 9.53rem;
}

.str_act .s22 {
    font-family: SourceHanSansCN-Normal;
    color: #044fa0;
    margin-bottom: .25rem;
}

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

.str_a {
    width: 100%;
    padding-bottom: 41.6667%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.str_ab {
    position: absolute;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    bottom: 10%;
}

.str_ac {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* text-align: center; */
}

.str_ac .s58,
.str_ac .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.str_ac p.s16 {
    margin-top: .15rem;
}

.str_bb,
.str_bc {
    width: 50%;
    overflow: hidden;
    height: 100%;
}

.str_bb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s;
}

.str_bb img:hover {
    transform: scale(1.3);
    transition: transform 1s;
}

.str_ba {
    display: flex;
    margin-top: .5rem;
    flex-wrap: wrap;
    height: 7.95rem;
}

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

.str_bc {
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    padding: 0 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    overflow-y: auto;
}

.stc_actwrap {
    padding: .3rem 0;
    height: 100%;
    /* overflow-y: auto; */
    box-sizing: border-box;
}

.str_bc::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 3px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.str_bc::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.str_bc::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
}

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

.str_atit {
    display: flex;
    margin-bottom: .25rem;
}

.str_bc p .s32:nth-child(1) {
    font-family: SourceHanSansCN-Normal;
    color: #111111;
    display: inline-block;
}

.str_bc p .s32:nth-child(2) {
    color: #044fa0;
    display: inline-block;
}

.down_load {
    display: flex;
    flex-wrap: wrap;
    margin-top: .4rem;
}

.dl_item {
    width: 31.5%;
    margin-right: .2rem;
    background-image: url(../images/dl_bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: .35rem;
    box-sizing: border-box;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    margin-bottom: .25rem;
    transition: all .3s;
}

.dl_logo img {
    height: .24rem;
    width: auto;
}

.dl_act {
    margin: .3rem 0;
}

.dl_act .s22 {
    font-family: SourceHanSansCN-Bold;
    color: #044fa0;
    margin-bottom: .15rem;
}

.dl_act .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.5;
}

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

.dl_more img {
    height: 8px;
}

.dl_more img.active {
    height: 8px;
}

.dl_logo img.active,
.dl_more img.active {
    display: none;
}

.dl_item:hover {
    background-image: url(../images/dl_bg2.png);
    transition: all .3s;
}

.dl_item:hover .dl_logo img,
.dl_item:hover .dl_more img {
    display: none;
}

.dl_item:hover .dl_logo img.active,
.dl_item:hover .dl_more img.active {
    display: block;
}

.dl_item:hover .dl_act p {
    color: #ffffff;
}

.dl_select {
    display: flex;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    align-items: center;
    padding: .45rem 0;
    padding-left: .25rem;
    margin: .3rem 0;
}

.dl_select span {
    font-family: SourceHanSansCN-Normal;
    color: #044fa0;
}

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

.dl_sb {
    display: block;
    padding: .2rem .3rem;
    background-color: #eff3fc;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    margin-left: .25rem;
    margin-bottom: .25rem;
}

.dl_sb.active {
    color: #ffffff;
    background-color: #044fa0;
    box-shadow: 0px 10px 15px 0px rgba(4, 79, 160, 0.3);
}

.dl_sb:hover {
    color: #ffffff;
    background-color: #044fa0;
    box-shadow: 0px 10px 15px 0px rgba(4, 79, 160, 0.3);
}

.dl_list .ps_last {
    /* cursor: pointer; */
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    margin-bottom: .3rem;
}

.dl_list .ps_last .ps_b22 {
    width: 6.77rem;
}

.dl_list .ps_last .ps_b22 .s22 {
    color: #000000;
}

.dl_list .ps_last:hover .ps_b22 .s22 {
    color: #044fa0;
}

.news_btlist {
    display: flex;
    flex-wrap: wrap;
    background-color: #e1e9fa;
}

.news_a {
    display: flex;
    flex-wrap: wrap;
    margin-top: .3rem;
}

.news_b,
.news_ex {
    width: 31.5%;
    margin-right: .2rem;
}

.news_bt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'SourceHanSansCN-Bold';
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    padding: .3rem 0;
    background-size: cover;
}

.news_ba {
    display: flex;
    align-items: center;
    padding: .15rem .15rem;
    border-bottom: 1px solid #dbe2f1;
}

.news_ba:hover .nb_act .s18 {
    color: #044fa0;
}

.nb_img {
    margin-right: .2rem;
}

.nb_img img {
    width: 1.38rem;
}

.nb_act .s18 {
    font-family: 'SourceHanSansCN-Regular';
    color: #000000;
    margin-bottom: .1rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nb_act .hg_date .s16 {
    color: #666666;
}

.news_link {
    background-color: #e1e9fa;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem;
    background-color: #e1e9fa;
}

.news_link .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #ca2b2f;
    margin-right: .3rem;
}

.news_link img.active {
    display: none;
}

.news_link:hover {
    background-color: #044fa0;
}

.news_link:hover .s14 {
    color: #ffffff;
}

.news_link:hover img {
    display: none;
}

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

.ex_img {
    overflow: hidden;
}

.ex_img img {
    width: 100%;
    height: 3.5rem;
    object-fit: cover;
    transition: transform 1s;
}

.ex_img img:hover {
    transform: scale(1.3);
    transition: transform 1s;
}

.news_ex .s22 {
    max-height: 1.50rem;
    padding: .3rem;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgb(0 34 70 / 8%);
    margin-bottom: .3rem;
    line-height: 1.5;
}

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

.news_ex:hover .s22 {
    color: #ffffff;
    background-color: #044fa0;
}

.ps_b23 a.disable {
    display: none;
}

@media(max-width: 1150px) {
    .hb_item,
    .hc_item,
    .hd_item,
    .he_item,
    .hf_item,
    .hg_item,
    .fa,
    .fb,
    .cw_item,
    .b_wrap,
    .hg_logo {
        width: 95%;
    }
    .qa_item {
        height: 3.8rem;
    }
    .b_item {
        width: 100%;
    }
    .fa {
        flex-wrap: wrap;
    }
    .hb_a {
        width: 24%;
    }
    .hb_next,
    .he_next,
    .he_next1,
    .he_next2 {
        right: -1%;
    }
    .hb_prev,
    .he_prev,
    .he_prev1,
    .he_prev2 {
        left: -1%;
    }
}

@media(max-width: 1000px) {
    .pc_item {
        height: auto;
    }
    .de_swiper.swiper-container-horizontal>.swiper-pagination-progressbar {
        width: 100%;
    }
    .de_prev {
        left: -0%;
    }
    .de_next {
        right: -0%;
    }
    .de_swiper.swiper-container {
        width: 100%;
    }
    .bc_a .serach_inp {
        display: block;
    }
}

@media(max-width: 750px) {
    .hd_swiper .swiper-slide {
        transition: width 0s;
    }
    .hc_item1 .swiper-slide .hc_s {
        height: 10.26rem;
    }
    .hd_swiper .swiper-slide.active {
        width: 100%;
        transition: width 0s;
    }
    .str_ba {
        height: auto;
    }
    .news_b {
        width: 100%;
        margin-bottom: .4rem;
    }
    .ps_b23 a {
        display: flex;
        width: 100%;
        /* padding: .2rem 0; */
        align-items: center;
    }
    .ps_b23 {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    .dl_list .ps_last .ps_b22 {
        margin: .25rem 0;
        width: 100%;
    }
    .str_act {
        width: 100%;
        margin-top: .25rem;
    }
    .str_a {
        padding-bottom: 62%;
    }
    .str_ac {
        width: 50%;
        text-align: center;
        margin-top: .4rem;
    }
    .co_item {
        width: 33.3333%;
    }
    .e_item {
        width: 48%;
        margin-right: .2rem;
        padding-bottom: 55.57%;
    }
    .e_item:nth-child(2n),
    .qa_item:nth-child(2n) {
        margin-right: 0;
    }
    .qa_item {
        width: 47.5%;
        margin-right: .2rem;
        margin-bottom: 1rem;
    }
    .p_left {
        display: none;
    }
    .p_right,
    .str_bb,
    .str_bc {
        width: 100%;
    }
    .str_bc {
        padding-top: .2rem;
    }
    .bc_link {
        padding: .15rem;
        font-size: 12px;
    }
    .b_a form {
        width: 50%;
    }
    .fa {
        align-items: center;
        justify-content: center;
    }
    .hc_sb .s16 {
        width: 45%;
    }
    .fa_b {
        width: 90%;
        margin: .3rem 0;
        justify-content: space-between;
        margin-bottom: .5rem;
        flex-wrap: wrap;
    }
    .fa_ba {
        width: 100%;
        /* text-align: center; */
        padding: .25rem;
    }
    .fa_c,
    .b_item .hb_a {
        width: 100%;
        margin-right: 0;
    }
    .fa_wrap {
        display: none;
    }
    .fa_list {
        padding-left: 15px;
    }
    .hc_s,
    .hf_a,
    .qa_list {
        flex-wrap: wrap;
    }
    .hc_sl,
    .hc_sr,
    .hf_b,
    .hf_c {
        width: 100%;
    }
    .hf_b {
        margin-bottom: .5rem;
    }
    .hf_ca {
        margin-bottom: .3rem;
    }
    .hc_sc {
        justify-content: space-between;
    }
}

@media(max-width: 650px) {
    .pa_a img {
        width: 100%;
    }
    .pa_a {
        margin-right: .1rem;
    }
    .serach_inp {
        margin-right: 1rem;
    }
    .clear {
        margin: 0;
        margin-top: .3rem;
    }
    .news_ex {
        width: 100%;
        margin-right: 0;
    }
    .ho_item {
        width: 48%;
        margin-right: .2rem;
    }
    .ho_item:nth-child(3n) {
        margin-right: .2rem;
    }
    .ho_item:nth-child(2n) {
        margin-right: 0;
    }
    .qa_wrap .d_wrap .d_left,
    .qa_wrap .d_wrap .d_right {
        width: 100%;
    }
    .cw_left {
        margin: .15rem 0;
    }
    .news_container,
    .ja_b,
    .ja_c {
        flex-wrap: wrap;
    }
    .news_list .hg_sa,
    .ja_b .hf_ca,
    .dl_item {
        width: 100%;
        margin: 0;
        margin-bottom: .45rem;
    }
    .nc_left {
        margin-bottom: .3rem;
    }
    .ps_b21,
    .nc_left,
    .nc_right,
    .ja_al,
    .ja_ar {
        width: 100%;
    }
    .d_wrap {
        padding-top: .3rem;
    }
    .ps_wrap,
    .d_wrap {
        flex-wrap: wrap;
    }
    .pw_l,
    .pw_r,
    .d_left,
    .d_right {
        width: 100%;
    }
    .d_left {
        margin-bottom: .15rem;
    }
    .pw_r {
        margin-top: .3rem;
    }
    .logo_img {
        /* display: block; */
        width: 25%;
        transition: 1s;
    }
    .ha_act .s26 {
        margin-top: 0.2rem;
        margin-bottom: 0.4rem;
        font-size: 12px;
    }
    .ha_act .s55 {
        font: 16px;
    }
    .ha_act {
        width: 100%;
        padding: 5%;
        left: 0;
        top: 25%;
    }
    .hb_a {
        width: 50%;
        margin-right: 0;
    }
}

.aw_left {
    width: 57%;
}

.aw_right {
    width: 43%;
}

.aw_left .swiper-slide {
    overflow: hidden;
}

.aw_left .swiper-slide img {
    transition: 1s;
}

.aw_left .swiper-slide img:hover {
    transform: scale(1.3);
    transition: 1s;
}

.advantage_wrap {
    margin-top: .3rem;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    display: flex;
}

.aw_left .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 0.6;
}

.aw_left .swiper-pagination-bullet-active {
    background-color: #ca2b2f;
    opacity: 1;
}

.aw_right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.aw_list {
    width: 70%;
}

.al_item {
    background-color: #eff3fc;
    border-right: 2px solid #044fa0;
    padding: .1rem 0;
    padding-left: .2rem;
    margin-bottom: .15rem;
}

.al_item .s24 {
    color: #044fa0;
    margin-right: .1rem;
}

.al_item .s16 {
    font-family: 'SourceHanSansCN-Regular';
    color: #333333;
    line-height: 1.5;
}

.benefits_wrap {
    margin: .5rem 0;
}

.benefits_wrap .qa_list {
    margin-top: .3rem;
    flex-wrap: wrap;
}

.benefits_wrap .qa_list .qa_item {
    margin-bottom: .15rem;
    height: 2.2rem;
}

.qa_item .s48 {
    color: #044fa0;
    margin-bottom: .2rem;
}

.qa_item .s24 {
    font-family: 'SourceHanSansCN-Regular';
    color: #044fa0;
}

.re_wrap {
    position: relative;
}

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

.re_swiper .swiper-slide {
    transition: all .3s;
    width: 2.20rem;
    height: 2.2rem;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
}

.re_swiper .swiper-slide .re_item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.re_img img {
    max-width: .71rem;
    height: auto;
}

.re_img img.active {
    display: none;
}

.re_item .s24 {
    margin-top: .2rem;
    font-family: 'SourceHanSansCN-Regular';
    color: #333333;
}

.re_swiper .swiper-slide:hover {
    transition: all .3s;
    background-color: #044fa0;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
}

.re_swiper .swiper-slide:hover .re_img img {
    display: none;
}

.re_swiper .swiper-slide:hover .re_img img.active {
    display: block;
}

.re_swiper .swiper-slide:hover .re_item .s24 {
    color: #ffffff;
}

.re_swiper .swiper-slide.swiper-slide-active .re_img img {
    display: none;
}

.re_swiper .swiper-slide.swiper-slide-active .re_img img.active {
    display: block;
}

.re_swiper .swiper-slide.swiper-slide-active .re_item .s24 {
    color: #ffffff;
}

.re_swiper .swiper-slide.swiper-slide-active {
    background-color: #044fa0;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
}

.hb_next2 {
    right: -5%;
}

.hb_prev2 {
    left: -5%;
}

.re_wrap .hb_btn {
    top: 58%;
}

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

.interview_list {
    margin-top: .4rem;
    display: flex;
    flex-wrap: wrap;
}

.il_item {
    width: 1.70rem;
    margin-right: 6%;
}

.il_item:nth-last-child(1) {
    width: 1.4rem;
}

.il_w {
    width: 1.40rem;
    height: 1.40rem;
    border-radius: 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px dashed #044fa0; */
}

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

.il_img img {
    max-width: .56rem;
}

.il_img img.active {
    display: none;
}

.il_item:hover .il_img {
    width: 1.00rem;
    height: 1.00rem;
    background-color: #044fa0;
    box-shadow: 0px 0px 20px 0px rgba(0, 34, 70, 0.08);
    border-radius: 50px;
}

.il_item:hover .il_img img {
    display: none;
}

.il_item:hover .il_img img.active {
    display: block;
}

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

.il_down .s24 {
    font-family: 'SourceHanSansCN-Regular';
    color: #333333;
    text-align: center;
}

.il_up {
    display: flex;
    align-items: center;
    position: relative;
    /* box-sizing: border-box; */
}

.il_up::after {
    right: -33%;
    position: absolute;
    content: '';
    display: inline-block;
    width: 37px;
    height: 7px;
    background-image: url(../images/li_point.png);
    background-size: cover;
}

.il_item:nth-last-child(1) {
    margin-right: 0;
}

.il_item:nth-last-child(1) .il_up::after {
    content: none;
}

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

.culture_item {
    padding-top: .4rem;
    padding-bottom: .7rem;
    margin-top: .3rem;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
}

.cw_tit {
    font-family: 'SourceHanSansCN-Regular';
    color: #044fa0;
    text-align: center;
    line-height: 1.5;
}

.cw_a {
    text-align: center;
    margin: .3rem 0;
}

.cw_a .s24 {
    font-family: 'SourceHanSansCN-Regular';
    color: #333333;
    margin-bottom: .15rem;
}

.cw_a .s16 {
    font-family: 'SourceHanSansCN-Regular';
    color: #666666;
}

.cw_ab {
    margin-top: .2rem;
    display: flex;
    justify-content: center;
}

.cw_ada {
    display: flex;
    align-items: center;
    margin-right: .2rem;
}

.cw_ada p.s20 {
    width: .40rem;
    height: .40rem;
    background-color: #044fa0;
    border-radius: 50%;
    font-family: 'SourceHanSansCN-Regular';
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .03rem;
}

.cw_ada span.s20 {
    color: #333333;
}

.cw_baa {
    width: .90rem;
    height: .90rem;
    background-color: #eff3fc;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: .15rem;
}

.cw_baa .s24 {
    font-family: 'SourceHanSansCN-Bold';
    color: #044fa0;
    line-height: 1;
}

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

.cw_ba {
    width: 4.40rem;
    min-height: 1.89rem;
    display: flex;
    align-items: center;
    border: solid 2px #cdd7ec;
    padding: .15rem 0;
    padding-left: .2rem;
    box-sizing: border-box;
}

.cw_bab .s14 {
    font-family: 'SourceHanSansCN-Regular';
    color: #666666;
    line-height: 1.6;
}

.cw_baa p.s18:nth-child(1) {
    font-family: 'SourceHanSansCN-Regular';
    color: #333333;
}

.cw_baa p.s18:nth-child(2) {
    color: #044fa0;
}

.cw_bba {
    width: 2.00rem;
    min-height: 1.89rem;
    border: solid 2px #cdd7ec;
    border-radius: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .3rem;
}

.cw_bb {
    display: flex;
    align-items: center;
    margin: 0 .3rem;
}

.cw_bb img {
    width: .3rem;
    height: auto;
}

.cw_c {
    width: 8.2rem;
    margin: 0 auto;
    margin-top: .5rem;
}

.cw_c .s24 {
    text-align: center;
    font-family: 'SourceHanSansCN-Regular';
    color: #333333;
    margin-bottom: .3rem;
}

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

.idea_wrap .qa_logo {
    position: static;
    transform: translateX(0) translateY(0);
    margin-bottom: .3rem;
    margin-top: .3rem;
}

.idea_wrap .qa_item {
    height: auto;
    padding-bottom: .5rem;
    /* min-height: 2.8rem; */
    justify-content: flex-start;
}

.idea_wrap .qa_list {
    margin-top: .3rem;
}

.ci_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: .3rem;
}

.ci_item {
    width: 24.12%;
    margin-right: 0.15rem;
    display: flex;
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    box-sizing: border-box;
    justify-content: space-between;
    padding: .25rem;
}

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

.ci_right img {
    max-width: .94rem;
    margin-left: .5rem;
}

.ci_left .s22 {
    font-family: SourceHanSansCN-Medium;
    color: #044fa0;
    margin-bottom: .15rem;
}

.ci_left .s18 {
    color: #000000;
    line-height: 1.6;
}

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

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

.cs_a {
    width: 66.666666%;
}

.cs_c {
    width: 33.33333%;
}

.cs_c img {
    width: 100%;
    height: auto;
}

.cs_aimg {
    width: 46.875%;
}

.cs_aimg img {
    width: 100%;
    height: auto;
}

.cs_act {
    width: 53%;
    background-color: #e1e9fa;
    padding: .3rem;
    box-sizing: border-box;
    transition: all .3s;
}

.cs_act:hover {
    transition: all .3s;
    background-color: #044fa0;
}

.cs_act:hover .cs_tit {
    color: #ffffff;
}

.cs_act:hover .cs_logo img {
    display: none;
}

.cs_act:hover .cs_logo img.active {
    display: block;
}

.cs_act:hover .cs_p .s18,
.cs_act:hover .cs_p .s16 {
    color: #ffffff;
}

.cs_logo img.active {
    display: none;
}

.cs_logo img {
    width: .50rem;
    height: auto;
    margin-right: .2rem;
}

.cs_litem {
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
}

.cs_tit {
    font-family: SourceHanSansCN-Bold;
    color: #044fa0;
    margin-bottom: .2rem;
}

.cs_p .s18,
.cs_p .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    /* margin-bottom: .05rem; */
}

.cs_p .s18 {
    margin-bottom: .05rem;
}

.ci_b {
    margin-top: .4rem;
    position: relative;
}

.ci_b .hb_btn {
    transform: translateY(-50%);
}

.advice {
    padding: .3rem;
    margin-top: .3rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.au_input {
    display: flex;
    align-items: center;
    width: 33.33333%;
}

.au_input input {
    width: 82%;
    height: .50rem;
    border: solid 2px #ffffff;
    background-color: rgba(0, 0, 0, 0.1);
    padding-left: .2rem;
    box-sizing: border-box;
}

.advice .ha_link {
    border: none;
    margin: 0 auto;
    margin-top: .3rem;
    cursor: pointer;
}

.au_act .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #ff0000;
}

.au_act .s22 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
}

.advice_down {
    margin-top: .3rem;
    display: flex;
}

.advice_down textarea {
    padding-left: .2rem;
    padding-top: .2rem;
    width: auto;
    width: 94%;
    height: 3rem;
    border: solid 2px #ffffff;
    background-color: rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

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

.qu_img {
    height: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qu_img img.active {
    display: none;
}

.qu_up {
    padding: .25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.qu_item {
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    cursor: pointer;
    margin-bottom: .15rem;
}

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

.sli_up {
    text-align: end;
}

.qu_down {
    display: none;
    padding: .25rem .25rem .25rem .4rem;
}

.sli_up {
    font-family: SourceHanSansSC-Normal;
    color: #044fa0;
}

.qu_down p.s16 {
    margin-bottom: .15rem;
    line-height: 1.5;
}

.qu_down p.s16::before {
    margin-right: .1rem;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #044fa0;
    display: inline-block;
    border-radius: 50%;
}

.active.qu_up {
    background-color: #044fa0;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
}

.active.qu_up .qu_act {
    color: #ffffff;
}

.active.qu_up .qu_img img {
    display: none;
}

.active.qu_up .qu_img img.active {
    display: block;
}

.js_list {
    display: flex;
}

.js_a,
.js_b,
.js_d {
    width: 20%;
}

.js_d {
    margin-left: auto;
    text-align: end;
}

.js_list p {
    margin-bottom: .15rem;
}

.js_list p .s16:nth-child(1) {
    font-family: 'SourceHanSansCN-Normal';
    color: #999999;
}

.js_list p .s16:nth-child(2) {
    font-family: 'SourceHanSansCN-Normal';
    color: #333333;
    line-height: 1.5;
}

.js_tit {
    font-family: 'SourceHanSansCN-Bold';
    color: #000000;
    margin-bottom: .2rem;
}

.js_c {
    width: 40%;
}

.jw_item {
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    padding: .25rem;
    margin-bottom: .4rem;
    display: block;
}

.js_d .s36 {
    font-family: 'SourceHanSansCN-Normal';
    color: #ca2b2f;
}

.jw_item:hover {
    background-color: #044fa0;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
}

.jw_item:hover p {
    color: #ffffff;
}

.jw_item:hover p span.s16 {
    color: #ffffff;
}

.jw_item:hover .s22 {
    color: #ffffff;
}

.nc_left .js_c {
    width: 100%;
    display: flex;
}

.nc_left .jw_item {
    pointer-events: none;
}

.nc_left .js_c p .s16:nth-child(1) {
    font-family: 'SourceHanSansCN-Normal';
    color: #999999;
}

.nc_left .js_c p .s16:nth-child(2) {
    font-family: 'SourceHanSansCN-Normal';
    color: #333333;
    line-height: 1.5;
}

.nc_left .js_a {
    margin-right: 1rem;
}

.la_tit .s18 {
    font-family: 'SourceHanSansCN-Medium';
    color: #044fa0;
    display: flex;
    align-items: center;
}

.la_tit .s18::before {
    margin-right: .1rem;
    display: inline-block;
    content: '';
    width: 3px;
    height: 16px;
    background-color: #044fa0;
}

.la_item {
    display: flex;
    margin-top: .3rem;
}

.la_item .s16 {
    font-family: SourceHanSansSC-Light;
    color: #333333;
    display: flex;
    align-items: center;
    margin-right: .5rem;
    line-height: 1.6;
}

.la_item .s16::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #044fa0;
    margin-right: .1rem;
}

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

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

.la_a span.s16 {
    font-family: 'SourceHanSansCN-Medium';
    margin-bottom: .15rem;
    line-height: 2;
    color: #333333;
}

.la_a p.s16 {
    font-family: 'SourceHanSansCN-Normal';
    line-height: 1.6;
    color: #333333;
}

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

.lm_act {
    background-color: #e1e9fa;
    box-shadow: 0px 10px 10px 0px rgba(0, 34, 70, 0.08);
    padding: .25rem;
    display: flex;
}

.lm_a {
    margin-right: .8rem;
}

.lm_a .s16 {
    color: #666666;
}

.lm_a .s22 {
    font-family: 'SourceHanSansCN-Bold';
    color: #044fa0;
    margin-top: .15rem;
    font-weight: bold;
}

.lm_item img {
    width: 100%;
    height: auto;
}

.dr_wrap {
    margin-top: .35rem;
    background-color: #e1e9fa;
    padding: .3rem;
}

.dr_wrap .s22 {
    font-family: 'SourceHanSansCN-Bold';
    margin-bottom: .3rem;
}

.dr_wrap input {
    padding-left: .15rem;
    width: 100%;
    border: solid 1px rgba(4, 79, 160, .15);
    background-color: transparent;
    height: .50rem;
    margin-bottom: .15rem;
}

.dr_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .50rem;
    border: solid 1px #ca2b2f;
    font-family: SourceHanSansCN-Normal;
    color: #ca2b2f;
    margin-bottom: .1rem;
}

.dr_wrap button.s14 {
    margin-top: .25rem;
    width: 100%;
    border: none;
    background-color: #044fa0;
    color: #ffffff;
    height: .50rem;
}

@media(max-width: 1250px) {
    .au_input input {
        width: 80%;
    }
    .advice_down textarea {
        width: 93.5%;
    }
}

@media(max-width: 1000px) {
    .ci_item {
        width: 48.5%;
        margin-bottom: .2rem;
    }
    .au_input input {
        width: 73%;
    }
    .advice_down textarea {
        width: 90.5%;
    }
}

@media(max-width: 750px) {
    .fa_link {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .fa_link img {
        width: 13px;
    }
    .fa_link img.active {
        display: block;
    }
    .fa_ba.active img.active {
        display: none;
    }
    .fa_ba.active img {
        display: block;
    }
    .la_item {
        flex-wrap: wrap;
    }
    .la_item .s16 {
        width: 100%;
        margin-bottom: .3re;
    }
    .lm_act {
        flex-wrap: wrap;
    }
    .js_list {
        flex-wrap: wrap;
    }
    .lm_a {
        width: 100%;
        margin-top: .3rem;
    }
    .js_a,
    .js_b,
    .js_d,
    .js_c {
        width: 50%;
        margin-bottom: .3rem;
    }
    .nc_left .js_b {
        text-align: left;
    }
    .js_b {
        text-align: end;
    }
    .advice_up {
        flex-wrap: wrap;
    }
    .advice_down textarea {
        width: 73.5%;
    }
    .cs_a,
    .cs_c,
    .au_input {
        width: 100%;
    }
    .au_input {
        margin-bottom: .3rem;
    }
    .ci_item {
        width: 100%;
        margin-right: 0;
    }
    .cw_c {
        width: 100%;
    }
    .il_up::after {
        right: -30%;
    }
    .il_item {
        margin-right: 8%;
    }
    .hb_next2 {
        right: 0%;
    }
    .hb_prev2 {
        left: 0%;
    }
    .advantage_wrap {
        flex-wrap: wrap;
    }
    .aw_left {
        width: 100%;
    }
    .aw_right {
        padding: .3rem 0;
        width: 100%;
    }
}

@media(max-width: 650px) {
    .cw_bb {
        flex-direction: column;
    }
    .cw_ba {
        width: 100%;
        margin: .2rem 0;
    }
    .cs_aimg,
    .cs_act {
        width: 100%;
    }
    .cw_bba {
        margin: .2rem 0;
    }
    .cw_bb img {
        transform: rotateZ(90deg);
    }
}

#outData {
    width: 96%;
    background: #FFFFFF;
    height: 100%;
    text-align: right;
    margin: 0 auto;
}

#upload {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
}

#upbutton {
    width: 100%;
    /* height: 20px; */
    height: 0.5rem;
    border: solid 1px #ca2b2f;
    font-family: SourceHanSansCN-Normal;
    color: #ca2b2f;
}

#hidefileupload {
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
}

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

.deep_link .ha_link {
    background-color: transparent;
}

.addtow,
.addthree {
    position: relative;
}

@media(min-width: 650px) {
    .addtow:hover .ap_more,
    .addthree:hover .ph_more {
        display: block;
    }
    .as_item:hover {
        background-color: #ca2b2f;
    }
}

.addtow.active .ap_more,
.addthree.active .ph_more {
    display: block;
}

.addtow.active,
.addthree.active {
    background-color: #ca2b2f;
}

.as_slide {
    font-size: 30px;
    padding: 0;
    color: #fff;
    /* font-weight: bold; */
}

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

.as_slide p.active {
    display: none;
}

.as_slide.active p {
    display: none;
}

.as_slide.active p.active {
    display: block;
}

.ap_more,
.ph_more {
    display: none;
    padding: 20px;
    background-color: #fff;
    position: absolute;
    width: auto;
    top: 0;
    right: -206px;
    border-radius: 5px;
    width: 166px;
}

.ph_item {
    margin-bottom: 10px;
}

.ph_item p {
    line-height: 1.5;
}

.ph_item:hover {
    color: #1165de;
}

.ap_more a {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
}
.ap_more a:hover{
    color: #044fa0;
    font-weight: bold;
}

.tow_wrap {
    margin-bottom: 15px;
}

.ps_men {
    position: relative;
}

.ps_men:hover .ps_tan {
    transform: scaleY(1);
}

.ps_tan {
    position: absolute;
    left: 0;
    bottom: 35px;
    padding: 10px 15px;
    background: #fff;
    border-radius: 5px;
    transform: scaleY(0);
    transform-origin: center bottom;
    transition: 0.3s;
    left: 0;
    bottom: 35px;
}

.ps_tan {
    width: 100%;
}

.ps_tan img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

.ps_tan::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    background: #fff;
    bottom: -4px;
}

.tow_link {
    width: 90%;
    display: flex;
    margin: 0 auto;
    color: #fff;
    align-items: center;
    justify-content: center;
    background-color: #044fa0;
    text-align: center;
    padding: .2rem 0;
}

.layui-layer-rim {
    width: 7rem;
    height: 50%;
    overflow: auto;
}

iframe {
    min-height: 450px;
    overflow: auto;
    /* overflow: hidden; */
}

.layui-layer-title {
    font-size: 22px !important;
    color: #044fa0 !important;
    font-weight: bold;
    padding-left: 10px !important;
}

@media(max-width: 650px) {
    .fa_c .fa_link {
        display: none;
    }
    .layui-layer-rim {
        width: 80%;
        height: 60%;
    }
    .as_item .s14 {
        display: none;
    }
    .h_swiper {
        height: inherit;
    }
    .h_swiper .swiper-slide {
        height: 0;
        padding-bottom: 70.27%;
        background-position: center;
    }
    .hg_swiper .swiper-slide {
        width: 48.5%;
    }
    .ba_check_list {
        height: 150px;
    }
    .pt_list .s18 {
        font-size: 12px;
        text-align: center;
    }
    .cw_right.x_q {
        display: none;
    }
}

.logo_list a {
    /* margin: 0 .3rem; */
    display: block;
    position: relative;
}

.ps_tan {
    position: absolute;
    left: 50%;
    bottom: 35px;
    padding: .10rem .15rem;
    background: #fff;
    border-radius: 5px;
    transform: scaleY(0) translateX(-50%);
    transform-origin: center bottom;
    transition: 0.3s;
    /* left: 0; */
    width: 2rem;
}

.ps_tan img {
    width: 100%;
    height: auto;
}

.logo_list a:hover .ps_tan {
    transform: scaleY(1);
    transform: scaleY(1) translateX(-50%);
}

.ps_tan::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    background: #fff;
    bottom: -4px;
}

.ps_b2 td {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    border-color: #c0d2ed;
    color: #666666;
}

.ps_b2 tr:hover {
    background-color: #FAFAFA;
}



.sku-aside{
    height: 100% !important ;
    overflow: auto !important;
}
.aside-real .real-link .real-title{
    margin-top: 0 !important;
}
.aside-real li:hover  .real-link .real-title{
     text-align: left !important; 
   white-space: pre-wrap;
    overflow: visible !important;
       text-overflow: unset !important;
 
}


@media(max-width: 1200px){
    .sku-aside{
    height: auto !important;

    width: 100%;
    overflow: auto !important;
    }
    
    .aside-real{
            flex-wrap: nowrap !important;
    }
    .aside-real li{
        flex-shrink: 0;
    }
}