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

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

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

fieldset,
img {
    border: 0
}

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

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

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

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

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

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none;
    outline: none;
    font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

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

input::-webkit-input-safebox-button {
    display: none;
    /*去掉搜狗浏览器密码软盘*/
}

body {
    font-size: 14px;
    color: #000;
    line-height: 1;
    font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

body * {
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    background-color: inherit;
    border: none;
    /* margin: 6px; */
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background-color: #F5F5F5; */
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    position: relative;
    right: 2px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #c6c6cd;
    width: 6px;
}

#web-ietip {
    width: 526px;
    height: 90px;
    padding: 83px 0 0 84px;
    overflow: hidden;
    background: url(../css/ietip/browser.png) no-repeat center center;
    margin: 200px auto 0;
}

#web-ietip a {
    display: block;
    width: 65px;
    height: 80px;
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
}

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

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


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

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

@media (min-width: 1921px) {
    .s12 {
        font-size: calc(12 * 100vw / 1920);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1920px) and (min-width: 551px) {
    .s12 {
        font-size: 12px;
    }

    .s13 {
        font-size: calc(12px + 1 * 100vw / 1920);
    }

    .s14 {
        font-size: calc(12px + 2 * 100vw / 1920);
    }

    .s15 {
        font-size: calc(12px + 3 * 100vw / 1920);
    }

    .s16 {
        font-size: calc(12px + 4 * 100vw / 1920);
    }

    .s17 {
        font-size: calc(12px + 5 * 100vw / 1920);
    }

    .s18 {
        font-size: calc(12px + 6 * 100vw / 1920);
    }

    .s19 {
        font-size: calc(12px + 7 * 100vw / 1920);
    }

    .s20 {
        font-size: calc(12px + 8 * 100vw / 1920);
    }

    .s21 {
        font-size: calc(12px + 9 * 100vw / 1920);
    }

    .s22 {
        font-size: calc(12px + 10 * 100vw / 1920);
    }

    .s23 {
        font-size: calc(12px + 11 * 100vw / 1920);
    }

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

    .s25 {
        font-size: calc(12px + 13 * 100vw / 1920);
    }

    .s26 {
        font-size: calc(12px + 14 * 100vw / 1920);
    }

    .s27 {
        font-size: calc(12px + 15 * 100vw / 1920);
    }

    .s28 {
        font-size: calc(12px + 16 * 100vw / 1920);
    }

    .s29 {
        font-size: calc(12px + 17 * 100vw / 1920);
    }

    .s30 {
        font-size: calc(12px + 18 * 100vw / 1920);
    }

    .s31 {
        font-size: calc(12px + 19 * 100vw / 1920);
    }

    .s32 {
        font-size: calc(12px + 20 * 100vw / 1920);
    }

    .s33 {
        font-size: calc(12px + 21 * 100vw / 1920);
    }

    .s34 {
        font-size: calc(12px + 22 * 100vw / 1920);
    }

    .s35 {
        font-size: calc(12px + 23 * 100vw / 1920);
    }

    .s36 {
        font-size: calc(12px + 24 * 100vw / 1920);
    }

    .s37 {
        font-size: calc(12px + 25 * 100vw / 1920);
    }

    .s38 {
        font-size: calc(12px + 26 * 100vw / 1920);
    }

    .s39 {
        font-size: calc(12px + 27 * 100vw / 1920);
    }

    .s40 {
        font-size: calc(12px + 28 * 100vw / 1920);
    }

    .s41 {
        font-size: calc(12px + 29 * 100vw / 1920);
    }

    .s42 {
        font-size: calc(12px + 30 * 100vw / 1920);
    }

    .s43 {
        font-size: calc(12px + 31 * 100vw / 1920);
    }

    .s44 {
        font-size: calc(12px + 32 * 100vw / 1920);
    }

    .s45 {
        font-size: calc(12px + 33 * 100vw / 1920);
    }

    .s46 {
        font-size: calc(12px + 34 * 100vw / 1920);
    }

    .s47 {
        font-size: calc(12px + 35 * 100vw / 1920);
    }

    .s48 {
        font-size: calc(12px + 36 * 100vw / 1920);
    }

    .s49 {
        font-size: calc(12px + 37 * 100vw / 1920);
    }

    .s50 {
        font-size: calc(12px + 38 * 100vw / 1920);
    }

    .s51 {
        font-size: calc(12px + 39 * 100vw / 1920);
    }

    .s52 {
        font-size: calc(12px + 40 * 100vw / 1920);
    }

    .s53 {
        font-size: calc(12px + 41 * 100vw / 1920);
    }

    .s54 {
        font-size: calc(12px + 42 * 100vw / 1920);
    }

    .s55 {
        font-size: calc(12px + 43 * 100vw / 1920);
    }

    .s56 {
        font-size: calc(12px + 44 * 100vw / 1920);
    }

    .s57 {
        font-size: calc(12px + 45 * 100vw / 1920);
    }

    .s58 {
        font-size: calc(12px + 46 * 100vw / 1920);
    }

    .s59 {
        font-size: calc(12px + 47 * 100vw / 1920);
    }

    .s60 {
        font-size: calc(12px + 48 * 100vw / 1920);
    }

    .s61 {
        font-size: calc(12px + 49 * 100vw / 1920);
    }

    .s62 {
        font-size: calc(12px + 50 * 100vw / 1920);
    }

    .s63 {
        font-size: calc(12px + 51 * 100vw / 1920);
    }

    .s64 {
        font-size: calc(12px + 52 * 100vw / 1920);
    }

    .s65 {
        font-size: calc(12px + 53 * 100vw / 1920);
    }

    .s66 {
        font-size: calc(12px + 54 * 100vw / 1920);
    }

    .s67 {
        font-size: calc(12px + 55 * 100vw / 1920);
    }

    .s68 {
        font-size: calc(12px + 56 * 100vw / 1920);
    }

    .s69 {
        font-size: calc(12px + 57 * 100vw / 1920);
    }

    .s70 {
        font-size: calc(12px + 58 * 100vw / 1920);
    }

    .s71 {
        font-size: calc(12px + 59 * 100vw / 1920);
    }

    .s72 {
        font-size: calc(12px + 60 * 100vw / 1920);
    }

    .s73 {
        font-size: calc(12px + 61 * 100vw / 1920);
    }

    .s74 {
        font-size: calc(12px + 62 * 100vw / 1920);
    }

    .s75 {
        font-size: calc(12px + 63 * 100vw / 1920);
    }

    .s76 {
        font-size: calc(12px + 64 * 100vw / 1920);
    }

    .s77 {
        font-size: calc(12px + 65 * 100vw / 1920);
    }

    .s78 {
        font-size: calc(12px + 66 * 100vw / 1920);
    }

    .s79 {
        font-size: calc(12px + 67 * 100vw / 1920);
    }

    .s80 {
        font-size: calc(12px + 68 * 100vw / 1920);
    }

    .s81 {
        font-size: calc(12px + 69 * 100vw / 1920);
    }

    .s82 {
        font-size: calc(12px + 70 * 100vw / 1920);
    }

    .s83 {
        font-size: calc(12px + 71 * 100vw / 1920);
    }

    .s84 {
        font-size: calc(12px + 72 * 100vw / 1920);
    }

    .s85 {
        font-size: calc(12px + 73 * 100vw / 1920);
    }

    .s86 {
        font-size: calc(12px + 74 * 100vw / 1920);
    }

    .s87 {
        font-size: calc(12px + 75 * 100vw / 1920);
    }

    .s88 {
        font-size: calc(12px + 76 * 100vw / 1920);
    }

    .s89 {
        font-size: calc(12px + 77 * 100vw / 1920);
    }

    .s90 {
        font-size: calc(12px + 78 * 100vw / 1920);
    }

    .s91 {
        font-size: calc(12px + 79 * 100vw / 1920);
    }

    .s92 {
        font-size: calc(12px + 80 * 100vw / 1920);
    }

    .s93 {
        font-size: calc(12px + 81 * 100vw / 1920);
    }

    .s94 {
        font-size: calc(12px + 82 * 100vw / 1920);
    }

    .s95 {
        font-size: calc(12px + 83 * 100vw / 1920);
    }

    .s96 {
        font-size: calc(12px + 84 * 100vw / 1920);
    }

    .s97 {
        font-size: calc(12px + 85 * 100vw / 1920);
    }

    .s98 {
        font-size: calc(12px + 86 * 100vw / 1920);
    }

    .s99 {
        font-size: calc(12px + 87 * 100vw / 1920);
    }

    .s100 {
        font-size: calc(12px + 88 * 100vw / 1920);
    }
}

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

    .s13 {
        font-size: calc(12px + 1 * 550px / 1920);
    }

    .s14 {
        font-size: calc(12px + 2 * 550px / 1920);
    }

    .s15 {
        font-size: calc(12px + 3 * 550px / 1920);
    }

    .s16 {
        font-size: calc(12px + 4 * 550px / 1920);
    }

    .s17 {
        font-size: calc(12px + 5 * 550px / 1920);
    }

    .s18 {
        font-size: calc(12px + 6 * 550px / 1920);
    }

    .s19 {
        font-size: calc(12px + 7 * 550px / 1920);
    }

    .s20 {
        font-size: calc(12px + 8 * 550px / 1920);
    }

    .s21 {
        font-size: calc(12px + 9 * 550px / 1920);
    }

    .s22 {
        font-size: calc(12px + 10 * 550px / 1920);
    }

    .s23 {
        font-size: calc(12px + 11 * 550px / 1920);
    }

    .s24 {
        font-size: calc(12px + 12 * 550px / 1920);
    }

    .s25 {
        font-size: calc(12px + 13 * 550px / 1920);
    }

    .s26 {
        font-size: calc(12px + 14 * 550px / 1920);
    }

    .s27 {
        font-size: calc(12px + 15 * 550px / 1920);
    }

    .s28 {
        font-size: calc(12px + 16 * 550px / 1920);
    }

    .s29 {
        font-size: calc(12px + 17 * 550px / 1920);
    }

    .s30 {
        font-size: calc(12px + 18 * 550px / 1920);
    }

    .s31 {
        font-size: calc(12px + 19 * 550px / 1920);
    }

    .s32 {
        font-size: calc(12px + 20 * 550px / 1920);
    }

    .s33 {
        font-size: calc(12px + 21 * 550px / 1920);
    }

    .s34 {
        font-size: calc(12px + 22 * 550px / 1920);
    }

    .s35 {
        font-size: calc(12px + 23 * 550px / 1920);
    }

    .s36 {
        font-size: calc(12px + 24 * 550px / 1920);
    }

    .s37 {
        font-size: calc(12px + 25 * 550px / 1920);
    }

    .s38 {
        font-size: calc(12px + 26 * 550px / 1920);
    }

    .s39 {
        font-size: calc(12px + 27 * 550px / 1920);
    }

    .s40 {
        font-size: calc(12px + 28 * 550px / 1920);
    }

    .s41 {
        font-size: calc(12px + 29 * 550px / 1920);
    }

    .s42 {
        font-size: calc(12px + 30 * 550px / 1920);
    }

    .s43 {
        font-size: calc(12px + 31 * 550px / 1920);
    }

    .s44 {
        font-size: calc(12px + 32 * 550px / 1920);
    }

    .s45 {
        font-size: calc(12px + 33 * 550px / 1920);
    }

    .s46 {
        font-size: calc(12px + 34 * 550px / 1920);
    }

    .s47 {
        font-size: calc(12px + 35 * 550px / 1920);
    }

    .s48 {
        font-size: calc(12px + 36 * 550px / 1920);
    }

    .s49 {
        font-size: calc(12px + 37 * 550px / 1920);
    }

    .s50 {
        font-size: calc(12px + 38 * 550px / 1920);
    }

    .s51 {
        font-size: calc(12px + 39 * 550px / 1920);
    }

    .s52 {
        font-size: calc(12px + 40 * 550px / 1920);
    }

    .s53 {
        font-size: calc(12px + 41 * 550px / 1920);
    }

    .s54 {
        font-size: calc(12px + 42 * 550px / 1920);
    }

    .s55 {
        font-size: calc(12px + 43 * 550px / 1920);
    }

    .s56 {
        font-size: calc(12px + 44 * 550px / 1920);
    }

    .s57 {
        font-size: calc(12px + 45 * 550px / 1920);
    }

    .s58 {
        font-size: calc(12px + 46 * 550px / 1920);
    }

    .s59 {
        font-size: calc(12px + 47 * 550px / 1920);
    }

    .s60 {
        font-size: calc(12px + 48 * 550px / 1920);
    }

    .s61 {
        font-size: calc(12px + 49 * 550px / 1920);
    }

    .s62 {
        font-size: calc(12px + 50 * 550px / 1920);
    }

    .s63 {
        font-size: calc(12px + 51 * 550px / 1920);
    }

    .s64 {
        font-size: calc(12px + 52 * 550px / 1920);
    }

    .s65 {
        font-size: calc(12px + 53 * 550px / 1920);
    }

    .s66 {
        font-size: calc(12px + 54 * 550px / 1920);
    }

    .s67 {
        font-size: calc(12px + 55 * 550px / 1920);
    }

    .s68 {
        font-size: calc(12px + 56 * 550px / 1920);
    }

    .s69 {
        font-size: calc(12px + 57 * 550px / 1920);
    }

    .s70 {
        font-size: calc(12px + 58 * 550px / 1920);
    }

    .s71 {
        font-size: calc(12px + 59 * 550px / 1920);
    }

    .s72 {
        font-size: calc(12px + 60 * 550px / 1920);
    }

    .s73 {
        font-size: calc(12px + 61 * 550px / 1920);
    }

    .s74 {
        font-size: calc(12px + 62 * 550px / 1920);
    }

    .s75 {
        font-size: calc(12px + 63 * 550px / 1920);
    }

    .s76 {
        font-size: calc(12px + 64 * 550px / 1920);
    }

    .s77 {
        font-size: calc(12px + 65 * 550px / 1920);
    }

    .s78 {
        font-size: calc(12px + 66 * 550px / 1920);
    }

    .s79 {
        font-size: calc(12px + 67 * 550px / 1920);
    }

    .s80 {
        font-size: calc(12px + 68 * 550px / 1920);
    }

    .s81 {
        font-size: calc(12px + 69 * 550px / 1920);
    }

    .s82 {
        font-size: calc(12px + 70 * 550px / 1920);
    }

    .s83 {
        font-size: calc(12px + 71 * 550px / 1920);
    }

    .s84 {
        font-size: calc(12px + 72 * 550px / 1920);
    }

    .s85 {
        font-size: calc(12px + 73 * 550px / 1920);
    }

    .s86 {
        font-size: calc(12px + 74 * 550px / 1920);
    }

    .s87 {
        font-size: calc(12px + 75 * 550px / 1920);
    }

    .s88 {
        font-size: calc(12px + 76 * 550px / 1920);
    }

    .s89 {
        font-size: calc(12px + 77 * 550px / 1920);
    }

    .s90 {
        font-size: calc(12px + 78 * 550px / 1920);
    }

    .s91 {
        font-size: calc(12px + 79 * 550px / 1920);
    }

    .s92 {
        font-size: calc(12px + 80 * 550px / 1920);
    }

    .s93 {
        font-size: calc(12px + 81 * 550px / 1920);
    }

    .s94 {
        font-size: calc(12px + 82 * 550px / 1920);
    }

    .s95 {
        font-size: calc(12px + 83 * 550px / 1920);
    }

    .s96 {
        font-size: calc(12px + 84 * 550px / 1920);
    }

    .s97 {
        font-size: calc(12px + 85 * 550px / 1920);
    }

    .s98 {
        font-size: calc(12px + 86 * 550px / 1920);
    }

    .s99 {
        font-size: calc(12px + 87 * 550px / 1920);
    }

    .s100 {
        font-size: calc(12px + 88 * 550px / 1920);
    }
}

/* 2024-7-2 加 */

/* 动画 */
.teaser{opacity:0;transform:translate3d(0,80px,0);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}

/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 388;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;}
.xv-main {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 800px;max-width: 94%;}
.xv-cont {width: 100%;}
.xv-close {display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #134677; position: absolute;right: -20px;top: -20px;cursor: pointer;z-index: 10000;}
.xv-icon {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;}
.xv-iframe {width: 100%;height: 60vh;}
.xv-video {width: 100%;height: auto;max-height: 90vh;}
@media(max-width:1200px) {
    .xv-close {right: 0;top: -45px;}
}

.my-top{width: 100%;margin-bottom: .25rem;}
.my-en{width: 100%;margin-bottom: .05rem; color: #666666;line-height: 1.5;}
.my-titles{width: 100%;color: #134677;line-height: 1.2;font-weight: bold;}
.my-subtitle{width: 100%;color: #666666;line-height: 1.2;}

.wa-a{width: 100%;position: relative;}
.wa-b{width: 100%;}
.wa-item{display: block;width: 100%;}
.wa-link{display: block;cursor: pointer; width: 100%;position: relative;}
.wa-img{width: 100%;padding-top: calc(960/1920*100%);overflow: hidden;position: relative;}
.wa-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wa-text{position: absolute;top: 46.87%;left: 50%;transform: translate(-50%,0);width: 12.7rem;}
.wa-top{width: 100%;padding-bottom: .25rem;margin-bottom: .25rem; position: relative;}
.wa-top:after{content: '';position: absolute;bottom: 0;left: 0;	width: .86rem;height: .03rem;background-color: #134677;background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wa-titles{width: 100%;color: #ffffff;font-weight: bold;line-height: 1;}
.wa-subtitle{width: 100%;color: #ffffff;line-height: 1.25;}
.wa-en{width: 100%;color: #ffffff;line-height: 1.76;}
.wa-top,.wa-en{opacity:0;transform:translate3d(0,80px,0);}
.wa-item.swiper-slide-active .wa-top{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.wa-item.swiper-slide-active .wa-en{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.wa-item.swiper-slide-active .wa-top {transition-delay: .5s;}
.wa-item.swiper-slide-active .wa-en {transition-delay: .8s;}

.wa-pagination{position: absolute;bottom: .4rem;left: 0;width: 100%;text-align: center;font-size: 0;}
.wa-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: 0 .05rem;border-radius: 0; opacity: 0.5;width: .4rem;height: .03rem;background-color: #ffffff;}
.wa-pagination .swiper-pagination-bullet-active{opacity: 1;}
.wa-prev{position: absolute;left: .4rem;width: .18rem;height: .5rem;background-image: url('../images/wa5.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wa-next{transform: rotate(-180deg); position: absolute;right: .4rem;width: .18rem;height: .5rem;background-image: url('../images/wa5.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}


@media (max-width: 900px) {
    .wa-img{padding-top: calc(570/750*100%);}
    .wa-text{top: 50%;transform: translate(-50%,-50%);width: 100%;padding: 0 10px;padding-right: 50%;}
    .wa-prev{display: none;}
    .wa-next{display: none;}
}

.wb-a{width: 100%;padding-top: 1.1rem;padding-bottom: 1.1rem;}
.wb-a .my-top{margin-bottom: .35rem;}
.wb-main{width: 14.4rem;margin: 0 auto;}
.wb-cont{width: 100%;position: relative; display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.wb-cont:before{content: '';position: absolute;top: .6rem;left: 1.28rem;width: 4.14rem;height: 4.78rem;background-image: url('../images/wb6.jpg');background-size: contain;background-position: center center;background-repeat: no-repeat;}
.wb-left{width: 6.5rem;position: relative;z-index: 18;}
.wb-intro{width: 100%;margin-bottom: .4rem; color: #666666;line-height: 1.77;}
.wb-more{display: inline-block;cursor: pointer;position: relative;padding: 0 .4rem;color: #ffffff;line-height: .6rem;background-color: #134677;border-radius: 0px .3rem 0px 0px;}
.wb-more:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wb-more:after{content: '';display: inline-block;vertical-align: top;margin-left: .17rem; width: .83em;height: .6rem;background-image: url('../images/wa7.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wb-list{width: 100%;font-size: 0;padding-top: .45rem;}
.wb-item{display: inline-block;vertical-align: top;width: 33.33%;text-align: center;padding: 0 .15rem;margin-top: .4rem;}
.wb-box{display: inline-block;max-width: 100%;text-align: left;}
.wb-icon{width: 100%;margin-bottom: .3rem;}
.wb-icon img{height: .21rem;}
.wb-b{width: 100%;font-size: 0;}
.wb-nub{display: inline-block;vertical-align: text-bottom;line-height: 1;color: #134677;font-weight: bold;}
.wb-unit{display: inline-block;vertical-align: text-bottom;margin-bottom: .2em; line-height: 1;color: #134677;font-weight: bold;}
.wb-tip{width: 100%;color: #666666;line-height: 1.5;}
.wb-right{display: block;cursor: pointer; width: 6.5rem;position: relative;z-index: 18;}
.wb-bg{width: 100%;}
.wb-bg img{width: 100%;}
.wb-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: .93rem;}
.wb-play img{width: 100%;}

@media (max-width: 900px) {
    .wb-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wb-left{width: 100%;margin-bottom: .5rem;}
    .wb-right{width: 100%;}
}

.wc-a{overflow: hidden; width: 100%;padding-top: 1.05rem;padding-bottom: 1.05rem;background-image: url('../images/wb5.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wc-a .my-en{color: #ffffff;}
.wc-a .my-titles{color: #ffffff;}
.wc-main{width: 15rem;margin: 0 auto;}
.wc-bottom{width: 100%;position: relative;}
.wc-swiper{width: 100%;}
.wc-b{width: 100%;overflow: visible;}
.wc-item{width: 50%;padding: 0 .3rem;}
.wc-link{display: block;cursor: pointer; position: relative;width: 100%;}
.wc-img{width: 100%;padding-top: calc(450/650*100%);overflow: hidden;position: relative; }
.wc-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
/* .wc-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 .3rem;backdrop-filter: blur(8px);} */
.wc-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 .3rem;background-color: rgba(0,0,0,.3);}
.wc-name{width: 100%;line-height: .8rem;color: #ffffff; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wc-link:hover .wc-img img{transform: scale(1.05);}
.wc-buttom{width: 100%;padding-top: .65rem; display: flex;align-items: center;justify-content: space-between;}
.wc_s-tip{font-size: 0;}
.wc_s-nub{display: inline-block;vertical-align: text-bottom;margin-right: .1rem; color: #ffffff;line-height: 1.45;}
.wc_s-line{display: inline-block;vertical-align: text-bottom;color: #ffffff;line-height: 1.7;}
.wc_s-line:after{content: '/';}
.wc_s-sum{display: inline-block;vertical-align: text-bottom;color: #ffffff;line-height: 1.7;}
.wc-pagination{position: static;font-size: 0;}
.wc-pagination  .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1; margin-left: .1rem;transition: all ease .5s; width: .1rem;height: .1rem;border-radius: .05rem;background-color: #ffffff;}
.wc-pagination .swiper-pagination-bullet-active{width: .4rem;}

.wc-a .my-top{padding: 0 .3rem;}
.wc-a .wc-buttom{padding: .65rem .3rem 0;}
@media (max-width: 900px) {
    .wc-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wc-item{width: 100%;}
}

.wd-a{overflow: hidden; width: 100%;padding-top: 1.05rem;padding-bottom:  .7rem;background-image: url('../images/wb7.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wd-a .my-top{margin-bottom: .5rem;}
.wd-main{width: 14.4rem;margin: 0 auto;}
.wd-top{width: 100%;margin-bottom: .25rem; border-top: .02rem solid #666666;}
.wd-b{width: 100%;}
.wd-nav{width: auto;cursor: pointer; min-width: 25%;text-align: center;padding: 0 .15rem;}
.wd-name{display: inline-block;min-width: 2.4rem;position: relative;padding: .25rem .15rem;color: #666666;line-height: 1.6;}
.wd-name:before{content: '';position: absolute;top: 0;left: 0;width: 0;transition: all ease .5s;height: .05rem;background-color: #c1d558;background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wd-nav:hover .wd-name:before{width: 100%;}
.wd-nav.active .wd-name:before{width: 100%;}
.wd-bottom{width: 100%;}
.wd-c{width: 100%;}
.wd-item{display: block;width: 100%;height: auto;}
.wd-link{display: block;cursor: pointer; font-size: 0;width: 100%;height: 100%; background-color: #ffffff;}
.wd-link:after{content: '';position: absolute;bottom: 0;right: 0;width: 50%;height: .03rem;background-color: #134677; background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wd-lt{display: inline-block;vertical-align: middle;width: 50%;}
.wd-img{width: 100%;padding-top: calc(500/720*100%);overflow: hidden;position: relative;}
.wd-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.wd-rt{display: inline-block;vertical-align: middle;position: relative; width: 50%;padding: .5rem 1rem;max-height: 5rem;overflow: auto;}
.wd-icon{position: absolute;top: 0;left: 0;padding: 0 .75rem; width: 100%;text-align: right;}
.wd-icon img{height: .26rem;}
.wd-en{width: 100%;margin-bottom: .2rem; color: #134677;font-weight: bold;line-height: 1.3;}
.wd-textbox{width: 100%;min-height: 2.3rem;padding-bottom: .1rem; color: #666666;line-height: 1.5;}
.wd-textbox p{margin-bottom: .2rem;}
.wd-textbox *{line-height: inherit;}
.wd-more{display: inline-block;	color: #134677;line-height: 1.5;}
.wd-more:after{content: '';display: inline-block;vertical-align: top;margin-left: .17rem; width: .83em;height:1.5em;background-image: url('../images/wa7-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wd-link:hover .wd-img img{transform: scale(1.05);}

.wd-pagination{position: static;width: 100%;text-align: center;margin-top: .4rem; font-size: 0;}
.wd-pagination  .swiper-pagination-bullet{display: inline-block;vertical-align: middle;opacity: 1;margin: 0 .05rem; transition: all ease .5s; width: .1rem;height: .1rem;border-radius: .05rem;background-color: #134677;}
.wd-pagination .swiper-pagination-bullet-active{width: .4rem;background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}

@media (max-width: 900px) {
    .wd-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wd-name{min-width: 10px;}
    .wd-link:after{width: 100%;}
    .wd-lt{width: 100%;}
    .wd-rt{width: 100%;padding:.5rem .3rem;max-height: none;}
    .wd-icon{position: relative;padding: 0;}
}

.we-a{width: 100%;padding-top: 1.05rem;padding-bottom: 1.1rem;}
.we-a .my-top{margin-bottom: .7rem;}
.we-main{width: 14.4rem;margin: 0 auto;}
.we-cont{width: 100%;position: relative;}
.we-b{width: 100%;}
.we-item{width: 32.66%; margin-right: 1%;}
.we-item:last-child{margin-right: 0;}
.we-link{display: block;cursor: pointer;position: relative; width: 100%;border: solid 1px #cccccc;}
.we-link:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-color: #164f79;background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.we-img{width: 100%;padding-top: calc(299/470*100%);overflow: hidden;position: relative;}
.we-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.we-text{width: 100%;}
.we-top{width: 100%;padding: .3rem .35rem .55rem;border-bottom: 1px solid #cccccc;}
.we-classify{width: 100%;margin-bottom: .05rem; color: #134677;line-height: 1.6;}
.we-name{width: 100%;color: #000000;font-weight: bold; line-height: 1.5;height: 3em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.we-time{width: 100%;position: relative;padding: .3rem .6rem .3rem .35rem;color: #666666;line-height: 1.5;}
.we-time:after{content: '';position: absolute;top: 0;right: .35rem;width: .15rem;height: 100%;background-image: url('../images/wa7-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.we-link:hover .we-img img{transform: scale(1.05);}
.we-link:hover .we-name{color: #134677;}

@media (max-width: 900px) {
    .we-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .we-item{width: calc(50% - 5px);margin-right: 10px;}
}

/* .wf-a{width: 100%;position: relative; background-color: #1c252e !important;}
.wf-a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-color: #164f79;background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wf-top{width: 100%;padding: .18rem 0; border-bottom: 1px solid rgba(255,255,255,.08);}
.wf-topmain{width: 14rem;margin: 0 auto;}
.wf-logo{display: inline-block;cursor: pointer;}
.wf-logo img{height: .36rem;}
.wf-center{width: 100%;padding-top: .55rem;padding-bottom: .85rem;border-bottom: 1px solid rgba(255,255,255,.08);}
.wf-centermain{width: 14rem;margin: 0 auto;}
.wf-centermain:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wf-left{float: left;font-size: 0;width: 7.4rem;padding-top: .4rem;}
.wf-item{display: inline-block;vertical-align: top;width: 50%;margin-bottom: .15rem;}
.wf-icon{display: inline-block;vertical-align: middle;width: .42rem;}
.wf-icon img{width: 100%;}
.wf-text{display: inline-block;vertical-align: middle;width: calc(100% - .7rem);padding-left: .2rem;}
.wf-tip{width: 100%;color: rgba(255,255,255,.5);line-height: 1.5;}
.wf-intro{width: 100%;color: #ffffff;line-height: 1.5;}
.wf-right{float: right;width: 4.95rem;font-size: 0;}
.wf-one{display: inline-block;vertical-align: top;cursor: pointer; margin-bottom: .4rem; width: 37%;padding-right: .1rem;}
.wf-one span{display: inline-block;position: relative;min-width: 4em;text-align: justify; color: #ffffff;line-height: 1.5;}
.wf-one span:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);width: 0;transition: all ease .5s; height: .02rem;background-color: #164f79;	background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wf-one:hover span:before{width: calc(100% + .1rem);}
.wf-bottom{width: 100%;padding: .15rem 0;}
.wf-bottommain{width: 14rem;margin: 0 auto;text-align: center; font-size: 0;}
.wf-sharebox{display: inline-block;vertical-align: middle;padding: .1rem 0;}
.wf-share{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .15rem;}
.wf-share>img{opacity: .5;height: 1em;}
.wf-share:hover>img{opacity: 1;}
.wf-textbox{display: inline-block;vertical-align: middle;width: 100%;max-width: 8.1rem;padding: .1rem .15rem;line-height: 1.7; color: rgba(255,255,255,.5);}
.wf-link{display: inline-block;vertical-align: middle;margin: .1rem .15rem; color: rgba(255,255,255,.5);line-height: 1.7;}
.wf-link a{cursor: pointer;}
.wf-link a:hover{color: #fff;}
@media (min-width: 901px) {
    .wf-one:nth-child(3n){width: 26%;}
}
@media (max-width: 900px) {
    .wf-topmain{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wf-centermain{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wf-bottommain{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wf-logo img{height: 30px;}
    .wf-left{width: 100%;margin-bottom: .3rem;}
    .wf-item{width: 100%;}
    .wf-right{width: 100%;}
    .wf-one{width: auto; min-width: 33.33%;}
    .wf-sharebox{width: 100%;}
    .wf-textbox{max-width: 100%;}
} */

.wf-a{position: relative;padding-top: .5rem;padding-bottom: .05rem;width: 100%;background-color: #1c252e;background-image: url('../images/wb12.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat; }
.wf-a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-color: #c1d558;background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wf-main{width: 14.4rem;margin: 0 auto;}
.wf-top{width: 100%;padding-bottom: .1rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.wf-left{display: block;}
.wf-logo{display: block;cursor: pointer;width: 1.18rem;}
.wf-logo img{width: 100%;}
.wf-right{font-size: 0;padding-top: .1rem;}
.wf-list{display: flex;flex-wrap: wrap; width: 100%;}
.wf-one{display: block;cursor: pointer; margin-bottom: .15rem; color: #ffffff;line-height: 1.5;}
.wf-one:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .7rem;width: 1px;height: .2rem;background-color: #ffffff;opacity: 0.6;}
.wf-one:last-child:after{display: none;}
.wf-cont{display: flex;justify-content: space-between;width: 100%;}
.wf-item{display: block;padding-right: .15rem;padding-top: .12rem;}
.wf-item:last-child{padding-right: 0;}
.wf-box{width: 100%;margin-bottom: .05rem; display: flex;align-items: center;}
.wf-icon{display: block;margin-right: .13rem; width: 1em;height: 1em;line-height: 1em;}
.wf-icon img{max-width: 100%;max-height: 100%;}
.wf-tip{flex: 1;color: rgba(255,255,255,.5);line-height: 1.5;}
.wf-intro{width: 100%;color: #ffffff;line-height: 1.6;}
.wf-sharebox{width: 100%;font-size: 0;padding-bottom: .15rem;}
.wf-share{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .15rem;margin-bottom: .15rem;width: 1.6em;height: 1.6em;line-height: 1.6em;text-align: center;background-color: #666666;border-radius: .05rem;}
.wf-share>img{opacity: .6;width: .93em;}
.wf-share:hover{background-color: #c1d558;background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wf-share:hover>img{opacity: 1;}
.wf-bottom{width: 100%;padding: .1rem 0;border-top: 1px solid rgba(255,255,255,.6); display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;}
.wf-lt{font-size: 0;}
.wf-rt{font-size: 0;}
.wf-link{display: inline-block;vertical-align: middle;padding: .05rem 0;color: rgba(255,255,255,.5);line-height: 1.7;}
.wf-bottom a:hover{color: #fff;cursor: pointer;}

@media (max-width: 900px) {
    .wf-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wf-left{width: 100%;margin-bottom: .3rem;}
    .wf-right{width: 100%;}
    .wf-one:after{margin: 0 .2rem;}
    .wf-cont{flex-wrap: wrap;}
    .wf-item{width: 100%;}
    .wf-sharebox{text-align: center;}
    .wf-lt{width: 100%;text-align: center;}
    .wf-rt{width: 100%;text-align: center;}
}

main{margin-top: 0 !important;}
.header{position: fixed;top: 0;left: 0;z-index: 188; width: 100%;background-color: transparent !important; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.1);box-shadow: 0 1px 1px rgba(255,255,255,.1);}
.wh-main{width:  100%;margin: 0 auto;padding: 0 .7rem;}
.wh-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.wh-left{float: left;font-size: 0;}
.wh-logo{display: block;}
.wh-link{display: block;cursor: pointer;font-size: 0; height: .9rem;line-height: .9rem;}
.wh-link img{height: .43rem;max-width: none;}
.wh-right{float: right;font-size: 0;}
.wh-h{display: inline-block;vertical-align: middle;}
.wh-i{display: inline-block;vertical-align: middle;cursor: pointer;position: relative; padding: 0 .3rem;}
.wh-j{display: inline-block;position: relative;color: #ffffff;height: .9rem;line-height: .9rem;}
.wh-j:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .5s;overflow: hidden; height: .03rem;background-color: #c1d558; background-image: linear-gradient(90deg, #c1d558 0%, #70b16e 26%, #1e8d84 52%, #164f79 100%);}
.wh-sub {display: none;min-width: 100%;background-color: #fff;position: absolute;left: 50%;top: 100%;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.wh-sub>li>a {display: block;cursor: pointer;width: 100%;padding: 10px 8px;white-space: nowrap; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.wh-sub>li>a:hover {color: #fff;background-color: #134677;}


.wh-k{display: inline-block;vertical-align: middle;margin-left:  .15rem;}
.wh-search{display: block;cursor: pointer;width: 1em;height:.9rem;background-image: url('../images/wa2.png');background-size:  100% auto;background-position: center center;background-repeat: no-repeat;}
.hs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.hs-form{font-size: 0;display: inline-block;}
.hs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #134677;background-image: url('../images/wa2.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}
.header.search-state .hs-a {display: block;}
.header.search-state .wh-opa {display: block;}

.wh-language{display: inline-block;vertical-align: middle;position: relative;cursor: pointer;margin-left: .4rem;}
.wh-language:before{content: '';position: absolute;top: 50%;left: -.2rem;margin-top: -.09rem;width: 1px;height: .18rem;background-color: #ffffff;opacity: 0.1;}
.hl-tip{display: block;height: .9rem;line-height: .9rem;color: #fff;}
.hl-tip:before{content: '';display: inline-block;vertical-align: top;margin-right: .07rem; width: 1em;height: .9rem;background-image: url('../images/wa3.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hl-tip:after{opacity: .6; content: '';display: inline-block;vertical-align: top;  width: .55em;height: .9rem;background-image: url('../images/wa4.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hl-list{display: none; position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item {display: block;cursor: pointer;min-width: 5em; padding: 10px 8px;white-space: nowrap; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hl-item:hover{color: #fff;background-color: #134677;}

.wh-menu {display: none; position: absolute;top: 0;right: 0; cursor: pointer; width:.9rem;height:.9rem;background-image: url('../images/wa-menu.png');background-size: 30px auto;background-position: center center;background-repeat: no-repeat;}
.wh-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}

@media(min-width: 1201px){
    .wh-i:hover .wh-j:after{width: 100%;}
    .wh-i.active .wh-j:after{width: 100%;}

    .header.color{background-color: #134677 !important;}
    .header:hover{background-color: #134677 !important;}
    body.no-banner main{margin-top: .9rem !important;}
    body.no-banner .header{background-color: #134677 !important;}
}

@media(max-width:1200px){
    main{margin-top: .9rem !important;}
    .header{background-color: #134677 !important;}

    .wh-main{width: 100%;padding-left: 10px;padding-right: 10px;}
    .wh-h {margin-left: 0; width: 260px;position: fixed;text-align: left; right: 0;top: 0;height: 100vh;background-color: #fff;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .wh-i {width: 100%;padding: 0 !important;margin: 0 !important;}
    .wh-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666;font-size: 16px;}
    .wh-i.has-nav:after {content: "";background-image: url('../images/wa-right.png');background-size: 16px auto;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .wh-i.has-nav.show:after {background-size: 18px auto;background-image: url('../images/wa-down.png');}
    .wh-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .wh-sub>li>a {white-space: normal;text-align: left;padding-left: 40px;color: #666 ;font-size: 14px;}
    .wh-i.active .wh-j {color: #134677;}

    .wh-right{margin-right: .9rem;}
    .wh-k{margin-left: 0;}
    /* 菜单 */
    .wh-menu {display: block; }
    .header.menu-state .wh-h {transform: translate(0, 0);}
    .header.menu-state .wh-opa {display: block;}
}

@media(max-width: 500px) {
    .hs-text{width: 5rem;height: 35px;}
    .hs-submit{width: 35px;height: 35px;}
}

.nav{width: 100%;background-color: #ffffff;border-bottom: 1px solid #f3f3f3;}
.nav-main{max-width: 14.4rem;margin: 0 auto;}
.nav-cont{width: 100%;font-size: 0;} 
.nav-left{font-size: 0;}
.nav-one{display: inline-block;vertical-align: middle;color: #666666;line-height: .6rem;height: .6rem;}
.nav-one:after{content: '/';margin: 0 .07rem;}
.nav-one:last-child:after{display: none;}
.nav-one:nth-child(1):before{content: '';display: inline-block;vertical-align: top;margin-right: .1rem;width: 1.31em;height: .6rem;background-image: url('../images/wa18.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
 
@media (max-width: 900px) {
    .nav-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .nav-left{white-space: nowrap;overflow: auto;}
}

@media (max-width: 900px) { 
    .page8 .developmentHistory .box .img{width: 100% !important;}
}

/*

background-size: 100% auto;background-position: center center;background-repeat: no-repeat;
.wb-a{width: 100%;padding-top: 1.1rem;padding-bottom: 1.1rem;}
.wb-main{width: 14.4rem;margin: 0 auto;}

background-color: #134677;
.wa-img{width: 100%;padding-top: calc(960/1920*100%);overflow: hidden;position: relative;}
.wa-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.teaser.delay2  {transition-delay: .2s;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;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;}


*/