html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica, Verdana, "微软雅黑", "Hiragino Sans GB", "Hiragino Sans GB W3", "宋体", Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    font-size: 14px;
    color: #fff;
    background: #000310;
    min-width: 1300px;
    min-height: 100vh;
}

body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #ddd;
}

body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(47, 134, 246, 0.6);
}

body::-webkit-scrollbar-thumb:hover {
    background: rgba(47, 134, 246, 0.6);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, progress, video, body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

i, address, cite, dfn, em, var {
    font-style: normal;
}

input[type=date] {
    outline: none;
    border: none;
}

a {
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:active, a:hover, a:focus {
    color: #2F86F6;
    outline-width: 0;
}

video {
    border: none;
    outline: none;
    display: block;
    width: 100%;
}

img, input[type=text], input[type=submit], input[type=password], textarea, select, button, footer, header {
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

input[type=file] {
    cursor: pointer;
}

::-moz-selection {
    background: #2F86F6;
    color: #fff;
}

::selection {
    background: #2F86F6;
    color: #fff;
}

::-moz-selection {
    background: #2F86F6;
    color: #fff;
}

img {
    width: auto;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

.uc-content {
    width: 100%;
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.uc-show {
    display: block !important;
}

.uc-hide {
    display: none !important;
}

.uc-h98 {
    width: 100%;
    height: 98px;
}

.uc-bg {
    background-color: #fff;
}

.uc-b {
    font-weight: bold;
}

.uc-small {
    font-size: .875em;
}

.uc-big {
    font-size: 1.25em;
}

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

.uc-lineCenter {
    text-decoration: line-through;
}

.uc-del {
    text-decoration: line-through;
    color: #999;
    margin-left: 20px;
}

.uc-del:first-child {
    margin-left: 0;
}

.animate, .uc-animate, .uc-revealOnScroll {
    opacity: 0;
}

.uc-left {
    float: left;
}

.uc-right {
    float: right;
}

.uc-underline {
    text-decoration: underline !important;
}

.uc-tLeft {
    text-align: left !important;
}

.uc-tCenter {
    text-align: center !important;
}

.uc-tRight {
    text-align: right !important;
}

.uc-icon16 {
    width: 16px;
    height: 16px;
}

.uc-icon20 {
    width: 20px;
    height: 20px;
}

.uc-icon24 {
    width: 24px;
    height: 24px;
}

.uc-icon28 {
    width: 28px;
    height: 28px;
}

.uc-icon32 {
    width: 32px;
    height: 32px;
}

.uc-icon36 {
    width: 36px;
    height: 36px;
}

.uc-icon40 {
    width: 40px;
    height: 40px;
}

.uc-icon44 {
    width: 44px;
    height: 44px;
}

.uc-icon48 {
    width: 48px;
    height: 48px;
}

.uc-icon50 {
    width: 50px;
    height: 50px;
}

.uc-icon64 {
    width: 64px;
    height: 64px;
}

.uc-icon70 {
    width: 70px;
    height: 70px;
}

.uc-icon80 {
    width: 80px;
    height: 80px;
}

.uc-icon90 {
    width: 90px;
    height: 90px;
}

.uc-icon100 {
    width: 100px;
    height: 100px;
}

.uc-icon120 {
    width: 120px;
    height: 120px;
}

.uc-icon150 {
    width: 150px;
    height: 150px;
}

.uc-icon200 {
    width: 200px;
    height: 200px;
}

@font-face {
    font-family: "uc-font";
    src: url("../font/iconfont.eot");
    src: url("../font/iconfont.eot") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg") format("svg");
}

.uc-font {
    font-family: "uc-font" !important;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.uc-checkbox-circle:before {
    content: "\e624";
}

.uc-checkbox-circle-on:before {
    content: "\e64f";
}

.uc-checkbox:before {
    content: "\e684";
}

.uc-checkbox-on:before {
    content: "\e67d";
}

.uc-checkbox-on-plain:before {
    content: "\e683";
}

.uc-radio-on:before {
    content: "\e7b3";
}

.uc-radio:before {
    content: "\e7b5";
}

.uc-arrow-left:before {
    content: "\e75b";
}

.uc-arrow-right:before {
    content: "\e75c";
}

.uc-arrow-right2:before {
    content: "\e6ae";
}

.uc-arrow-left2:before {
    content: "\e6d6";
}

.uc-arrow-down:before {
    content: "\e615";
}

.uc-arrow-top:before {
    content: "\e75d";
}

.uc-arrow-down2:before {
    content: "\e6a4";
}

.uc-arrow-top2:before {
    content: "\e6b2";
}

.uc-menu:before {
    content: "\e6a9";
}

.uc-close:before {
    content: "\e67f";
}

.uc-search:before {
    content: "\e66f";
}

.uc-add:before {
    content: "\e672";
}

.uc-reduce:before {
    content: "\e614";
}

.uc-next:before {
    content: "\e60c";
}

.uc-prev:before {
    content: "\e605";
}

.uc-arrow {
    position: relative;
    padding-right: 30px;
}

.uc-arrow:after {
    content: '\e75c';
    font-family: 'uc-font';
    font-size: 1.4em;
    right: -10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.uc-arrow.arrow-gray:after {
    color: #999;
}

.uc-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

.uc-flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.uc-flex-col.start {
    -ms-flex-line-pack: start;
    align-content: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.uc-flex-col.end {
    -ms-flex-line-pack: end;
    align-content: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.uc-flex-col.center {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

textarea {
    resize: none;
    height: auto;
    min-height: 120px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 100%;
}

input:-moz-placeholder {
    color: #ddd;
}

::-webkit-input-placeholder {
    color: #ddd;
}

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

[type=submit] {
    outline: none;
}

[type=submit]:hover {
    opacity: .8;
}

button {
    margin: 0;
    padding: 0;
    background: none;
    line-height: inherit;
    font-size: inherit;
    border: none;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

button:after {
    display: none;
}

.uc-input, .uc-select, .uc-button, .uc-textarea {
    width: 100%;
    border: rgba(216, 216, 216, 0.2) 1px solid;
    outline: none;
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    padding: 0 10px;
}

.uc-input:hover, .uc-input:focus, .uc-select:hover, .uc-select:focus, .uc-button:hover, .uc-button:focus, .uc-textarea:hover, .uc-textarea:focus {
    border-color: #2F86F6;
}

.uc-btn {
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    border-radius: 5px;
    padding: 0 10px;
}

.uc-btn img {
    margin-right: 10px;
}

.uc-btn:hover {
    opacity: .8;
    color: #fff;
}

.uc-btn.linear {
    background: -webkit-gradient(linear, left top, right top, from(#005AFF), to(#00DCD2));
    background: -webkit-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: -o-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: linear-gradient(to right, #005AFF 0%, #00DCD2 100%);
    color: #fff;
}

.uc-btn.blue {
    background-color: #2F86F6;
    border: #2F86F6 1px solid;
    color: #fff;
}

.uc-btn.blue-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgba(47, 134, 246, 0.7)), to(#2F86F6));
    background: -webkit-linear-gradient(left, rgba(47, 134, 246, 0.7) 0%, #2F86F6 100%);
    background: -o-linear-gradient(left, rgba(47, 134, 246, 0.7) 0%, #2F86F6 100%);
    background: linear-gradient(to right, rgba(47, 134, 246, 0.7) 0%, #2F86F6 100%);
    color: #fff;
}

.uc-btn.blue-plain {
    color: #2F86F6;
    border: #2F86F6 1px solid;
}

.uc-btn.blue-plain:hover {
    opacity: 1;
    background-color: #2F86F6;
    color: #fff;
}

.uc-btn.cyan {
    background-color: #00DAD3;
    border: #00DAD3 1px solid;
    color: #fff;
}

.uc-btn.cyan-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 218, 211, 0.7)), to(#00DAD3));
    background: -webkit-linear-gradient(left, rgba(0, 218, 211, 0.7) 0%, #00DAD3 100%);
    background: -o-linear-gradient(left, rgba(0, 218, 211, 0.7) 0%, #00DAD3 100%);
    background: linear-gradient(to right, rgba(0, 218, 211, 0.7) 0%, #00DAD3 100%);
    color: #fff;
}

.uc-btn.cyan-plain {
    color: #00DAD3;
    border: #00DAD3 1px solid;
}

.uc-btn.cyan-plain:hover {
    opacity: 1;
    background-color: #00DAD3;
    color: #fff;
}

.uc-btn.gray {
    background-color: #999;
    border: #999 1px solid;
    color: #fff;
}

.uc-btn.gray-linear {
    background: -webkit-gradient(linear, left top, right top, from(rgba(153, 153, 153, 0.7)), to(#999));
    background: -webkit-linear-gradient(left, rgba(153, 153, 153, 0.7) 0%, #999 100%);
    background: -o-linear-gradient(left, rgba(153, 153, 153, 0.7) 0%, #999 100%);
    background: linear-gradient(to right, rgba(153, 153, 153, 0.7) 0%, #999 100%);
    color: #fff;
}

.uc-btn.gray-plain {
    color: #999;
    border: #999 1px solid;
}

.uc-btn.gray-plain:hover {
    opacity: 1;
    background-color: #999;
    color: #fff;
}

.uc-btn img {
    margin-right: 10px;
}

.uc-phColor {
    color: #ddd;
}

.uc-blue {
    color: #2F86F6 !important;
}

.uc-cyan {
    color: #00DAD3 !important;
}

.uc-gray {
    color: #999 !important;
}

.uc-tag {
    display: inline-block;
    border-radius: 3px;
    padding: 0 5px;
}

.uc-tag:empty {
    display: none;
}

.uc-tag.blue {
    background-color: #2F86F6;
    color: #fff;
}

.uc-tag.cyan {
    background-color: #00DAD3;
    color: #fff;
}

.uc-tag.gray {
    background-color: rgba(153, 153, 153, 0.4);
    color: #fff;
}


.uc-footer-box {
    background: url("404.png") center center no-repeat;
    background-size: 100% auto;
}

.uc-section1-13 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.uc-section1-13 .left h2 {
    font-size: 60px;
    color: #00DAD3;
    margin-bottom: 20px;
    font-weight: bold;
}

.uc-section1-13 .left h3 {
    font-size: 32px;
    margin-bottom: 15px;
}

.uc-section1-13 .left p {
    color: #B3BCE7;
    margin-bottom: 15px;
}

.uc-section1-13 .left h4 {
    font-size: 24px;
    margin-bottom: 20px;
}

.uc-section1-13 .operate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-section1-13 .operate .uc-btn {
    width: 150px;
    height: 38px;
    margin-right: 20px;
    font-size: 16px;
}

.uc-section1-13 .operate .uc-btn.cyan-plain {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.uc-section1-13 img {
    display: block;
}

footer {
    background: url("../image/footer2.png") center top no-repeat;
    background-size: 100% auto;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
}

footer a {
    color: rgba(255, 255, 255, 0.4);
}

footer a:hover {
    color: #fff;
}

footer .ft1 .uc-content {
    padding: 20px 0;
    border-bottom: rgba(216, 216, 216, 0.2) 1px solid;
}

footer .ft1 .uc-content, footer .ft1 .uc-content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .ft1 .uc-content .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 60px;
    border-left: rgba(216, 216, 216, 0.2) 1px solid;
}

footer .ft1 .uc-content .item:first-child {
    border-left: none;
    padding-left: 0;
}

footer .ft1 .uc-content h3 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}

footer .ft1 .uc-content p {
    color: #B3BCE7;
}

footer .ft1 .uc-content .con {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
}

footer .ft2 .uc-content {
    padding: 20px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.7);
}

footer .ft2 a {
    display: inline-block;
    min-width: 6em;
    margin-right: 1em;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

footer .ft2 a:hover {
    color: #fff;
}

footer .ft2 h3 {
    font-size: 16px;
    margin-bottom: 35px;
    color: #fff;
}

footer .ft2 .part {
    padding-top: 10px;
}

footer .ft2 .part1 {
    width: 290px;
    padding-top: 0;
}

footer .ft2 .part1 .logo {
    margin-bottom: 10px;
    display: block;
}

footer .ft2 .part1 .logo img {
    display: block;
}

footer .ft2 .part1 .con {
    font-size: 12px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.4);
}

footer .ft2 .part2 {
    padding-top: 10px;
}

footer .ft2 .part2 h3 {
    margin-bottom: 45px;
}

footer .ft2 .part2 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

footer .ft2 .part3 .item, footer .ft2 .part4 .item {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    height: 30px;
}

footer .ft2 .part3 .item .icon, footer .ft2 .part4 .item .icon {
    width: 20px;
    margin-right: 10px;
}

footer .ft3 .uc-content {
    padding: 12px 0;
    line-height: 24px;
}

footer .ft3 .uc-content:last-child a {
    margin-right: 0;
    padding: 0 5px;
}

footer .ft3 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .ft3 a {
    margin-right: 1.5em;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

footer .ft3 a:last-child {
    margin-right: 0;
}

footer .ft4 {
    line-height: 24px;
    text-align: center;
}

footer .ft4 .uc-content {
    border-top: rgba(216, 216, 216, 0.2) 1px solid;
    padding: 12px 0;
}

footer .ft4:first-child {
    border-top: none;
}

body {
    padding-top: 35px;
}

header {
    background-color: rgba(0, 3, 16, 0.5);
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
}

header .top {
    position: absolute;
    left: 50%;
    margin-left: 480px;
    top: 0;
}

header .hd-top {
    font-size: 12px;
}

header .hd-top .uc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .hd-top .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
}

header .hd-top .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
}

header .hd-top .btns img {
    margin-right: 3px;
}

header .hd-top .btns i {
    margin-left: 3px;
}

header .hd-top .center {
    color: #B3BCE7;
}

header .hd-top .center a {
    color: #B3BCE7;
}

header .hd-top .center a:hover {
    color: #fff;
}

header .hd-center .uc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
}

header .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .list li {
    margin: 0 15px;
    line-height: 70px;
    position: relative;
    height: 70px;
    font-size: 1.1rem;
    margin-left: 1px;
    font-size: 16px;
}

header .list li:after {
    content: '';
    width: 0;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#005AFF), to(#00DCD2));
    background: -webkit-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: -o-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: linear-gradient(to right, #005AFF 0%, #00DCD2 100%);
    position: absolute;
    left: 50%;
    bottom: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

header .list li.on:after, header .list li:hover:after {
    width: 80%;
}

header .list li:hover .subMenu {
    display: block;
    height: auto;
}

header .list li:hover .subMenu .con {
    margin-top: 0;
}

header .list a {
    color: #fff;
}

header .subMenu {
    top: 70px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    overflow: hidden;
}

header .subMenu .con {
    width: 150px;
    background-color: #000310;
    padding: 15px 0;
    position: relative;
    margin-top: 15px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

header .subMenu a {
    display: block;
    line-height: 30px;
    padding-left: 3em;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

header .subMenu a:after {
    content: '';
    width: 8px;
    border-radius: 3px;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#005AFF), to(#00DCD2));
    background: -webkit-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: -o-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: linear-gradient(to right, #005AFF 0%, #00DCD2 100%);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.5em;
}

header .subMenu a:hover {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#005AFF), to(#00DCD2));
    background: -webkit-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: -o-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: linear-gradient(to right, #005AFF 0%, #00DCD2 100%);
}

header .contact {
    font-size: 12px;
}

header .contact h3 {
    font-size: 18px;
    margin-bottom: 5px;
}

.g-title {
    text-align: center;
    margin-bottom: 40px;
}

.g-title p {
    font-size: 24px;
    line-height: 30px;
    opacity: .3;
    text-transform: uppercase;
}

.g-title h2 {
    font-size: 30px;
    position: relative;
    z-index: 9;
    margin-top: -15px;
    font-weight: bold;
}

.g-title .line {
    width: 136px;
    height: 2px;
    background: url("../image/title1.png") center center no-repeat;
    background-size: 100% auto;
    margin: 10px auto 0;
}

.g-title.style-left {
    text-align: left;
}

.g-title.style-left p {
    padding-left: 2em;
}

.g-title.style-left .line {
    margin-left: 0;
    background-image: url("../image/title2.png");
}

.banner13 {
    height: 340px;
    overflow: hidden;
    width: 485px;
    position: relative;
}

.banner13 .hd {
    z-index: 1;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    height: 25px;
    width: 100%;
    text-align: center;
}

.banner13 .hd ul {
    overflow: hidden;
    zoom: 1;
    width: 100%;
    text-align: center;
    height: 25px;
}

.banner13 .hd li {
    text-align: center;
    background: #979797;
    cursor: pointer;
    margin: 0 4px;
    width: 20px;
    border-radius: 6px;
    height: 6px;
    display: inline-block;
}

.banner13 .hd li.on {
    background: #fff;
    width: 40px;
}

.banner13 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.banner13 .bd li {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    height: 340px;
    background: url("404.png") center top no-repeat;
    background-size: auto 340px;
}

.banner13 .bd img {
    width: 100%;
    height: 340px;
    display: block;
}

.banner13 .bd a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner11 {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.banner11 .hd {
    z-index: 1;
    overflow: hidden;
    position: absolute;
    bottom: 75px;
    height: 25px;
    width: 100%;
    text-align: center;
}

.banner11 .hd ul {
    overflow: hidden;
    zoom: 1;
    width: 100%;
    text-align: center;
    height: 25px;
}

.banner11 .hd li {
    text-align: center;
    background: #979797;
    cursor: pointer;
    margin: 0 4px;
    width: 20px;
    border-radius: 6px;
    height: 6px;
    display: inline-block;
}

.banner11 .hd li.on {
    background: #fff;
    width: 40px;
}

.banner11 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.banner11 .bd li {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    background: url("404.png") center top no-repeat;
}

.banner11 .bd img {
    width: 100%;
    display: block;
}

.banner11 .uc-content {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner11 .uc-content h2 {
    font-size: 45px;
    margin-bottom: 30px;
    font-weight: bold;
}

.banner11 .uc-content h3 {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.banner11 .uc-content .uc-btn {
    width: 150px;
    border-radius: 5px;
    height: 38px;
    margin: 0 auto;
    font-size: 16px;
}

.banner11 .prev, .banner11 .next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: .8;
    z-index: 99;
}

.banner11 .prev:hover, .banner11 .next:hover {
    opacity: 1;
}

.banner11 .prev {
    left: 50px;
}

.banner11 .next {
    right: 50px;
}







.uc-section1-3, .uc-section1-4, .uc-section1-5, .uc-section1-6, .uc-section1-7, .uc-section1-8, .uc-section1-9, .uc-section1-10, .uc-section1-11, .uc-section1-12, .uc-section1-13, .uc-section1-14 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.uc-section1-2 {
    position: relative;
    margin-top: 70px;
    z-index: 9;
}

.uc-section1-2 .list {
    box-shadow: 0px 4px 20px 0px rgba(0, 53, 150, 0.2);
    padding: 22px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-section1-2 .list .txt {
    text-align: left;
}

.uc-section1-2 .list li {
    padding: 0 56px 0 36px;
    display: flex;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    border-left: rgba(255, 255, 255, 0.2) 1px solid;
    text-align: center;
    font-size: 16px;
}

.uc-section1-2 .list li:first-child {
    border: none;
}

.uc-section1-2 .list .uc-big {
    font-size: 24px;
}

.uc-section1-2 .list img {
    display: block;
    margin: 0 auto 5px;
}



.uc-section1-3 {
    padding-bottom: 10px;
}

.uc-section1-3 .uc-content {
    width: 1300px;
    margin: auto;
}

.uc-section1-3 .headlinebox {
    width: 1300px;
    text-align: center;
    position: relative;
    margin: auto;
    margin-bottom: 48px;
}

.uc-section1-3 .SENSE {
    margin: auto;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.315);
    position: absolute;
    top: -26px;
    width: 300px;
    margin-left: 490px;
}

.uc-section1-3 .headline {
    margin: auto;
    font-size: 30px;
}

.uc-section1-3 .whybox {
    display: flex;
    justify-content: space-between;
}

.uc-section1-5 {
    background-size: cover;
    height: 663px;
    margin-top: 83px;
}

.uc-section1-5 .box {
    display: flex;
}

.uc-section1-5 .left {
    width: 40%;
}

.uc-section1-5 .right {
    text-align: left;
    width: 60%;
    padding: 10px 50px;
}

.uc-section1-5 .right .function {
    font-size: 20px;
}

.uc-section1-5 .right .function img {
    padding-right: 15px;
    height: 30px;
    vertical-align: middle;
}

.uc-section1-5 .right .list {
    display: flex;
    flex-wrap: wrap;
}

.uc-section1-5 .right .list .box {
    display: block;
    padding-top: 40px;
    width: 50%;
}

.uc-section1-5 .right .list .box .title{
    width: 100%;
}

.uc-section1-5 .right .list .box .title img {
    padding-right: 0px;
    width: 15px;
    vertical-align: middle;
    margin-right: 5px;
}

.uc-section1-5 .right .list .box .text {
    padding-left: 20px;
    width: 100%;
}

.uc-section1-5 .mybox {
    width: 25%;
    
    font-size: 18px;
    cursor: pointer;
}
.uc-section1-5 .mybox:hover {
    color:#fff;
}

.uc-section1-5 .mybox .box {
    position: relative;
}

.uc-section1-5 .mybox :hover .after-img {
    display: block;
}

.uc-section1-5 .mybox .box .before-img {
    width: 100%;
    height: 100%;
}

.uc-section1-5 .mybox .box .before-img img {
    width: 100%;
    height: 100%;
}

.uc-section1-5 .mybox .after-img {
    position: absolute;
    display: none;
    top: 0px;
    width: 100%;
    height: 100%;
}

.uc-section1-5 .mybox .after-img img {
    width: 100%;
    height: 100%;
}

.uc-section1-5 .mybox .text {
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
}

.uc-section1-5 .mybox .text img {
    width: 35px;
}

.uc-section1-5 .mybox .text p {
    font-size: 0.8em;
}

.uc-section1-5 .btn {
    background: linear-gradient(to right, #00DBD2, #005AFE);
    width: 280px;
    height: 50px;
    border-radius: 8px;
    margin-top: 42px;
    color: #fff;
    cursor: pointer;
}

.uc-section1-6 {
    height: 1278px;
    padding: 70px 0;
    background-size: cover;
}

.uc-section1-6 .title {
    font-size: 35px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.uc-section1-6 .txt {
    color: #B3BCE7;
    margin-bottom: 60px;
    text-align: center;
}

.g-title-f {
    color: #B3BCE7;
    margin-bottom: 60px;
    text-align: center;
}

.uc-section1-6 .operate {
    display: flex;
    justify-content: space-between;
    margin-bottom: 36px;
}

.uc-section1-6 .operate .kernelbox {
    background-size: cover !important;
    width: 530px;
    color: rgba(27, 29, 63, 1);
    padding: 0 90px 0 190px;
    align-items: center;
    height: 183px;
    display: flex;
    justify-content: space-between;
}

.uc-section1-6 .operate .kernelbox .lf {
    margin-left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.295);
    width: 120px;
}

.uc-section1-6 .operate .kernelbox .lf .list li {
    margin: 15px 0 10px 0;
    color: rgba(118, 120, 145, 1);
    list-style: disc !important;
}

.uc-section1-6 .operate .kernelbox .lf .xuyao {
    font-size: 18px
}

.uc-section1-6 .operate .kernelbox .lf .goutong {
    margin: 15px 0 10px 0;
    color: rgba(118, 120, 145, 1);
}

.uc-section1-6 .operate .kernelbox .rt .goutong {
    margin: 15px 0 10px 0;
}

.uc-section1-6 .operate .kernelbox .rt .list li {
    margin: 15px 0 10px 0;
    color: rgba(118, 120, 145, 1);
    list-style: disc !important;
}

.uc-section1-6 .operate .kernelbox .rt .xuyao {
    font-size: 18px
}

.uc-section1-6 .operate .kernelbox .rt .goutong {
    margin: 15px 0 10px 0;
}

.uc-section1-6 .operate .kernelbox .rt .bot {
    margin-top: 10px;
}

.uc-section1-6 .btn {
    background: linear-gradient(to right, #005AFE, #00DBD2);
    width: 150px;
    height: 38px;
    border-radius: 8px;
    margin-top: 25px;
    color: #fff;
    cursor: pointer;
}

.uc-section1-7 {
    background: url("../image/uc8-backimg4.png") center center no-repeat;
    background-size: cover;
}


.uc-section1-7 .boxbig {
    width: 25%;
    padding: 0px 20px 25px 20px;
}


.uc-section1-7 .boxbig .boxafter {
    
    height: 283px;
    border-radius: 10px;
    position: relative;
}

.uc-section1-7 .boxbig .boxaftertop {
    border-radius: 0px 0px 10px 10px;
    background-color: #00d1d57a;;
    
    font-size: 20px;
    height: 60px;
    text-align: center;
    padding-top: 17px;
}

.uc-section1-7 .boxbig .boxafterimg {
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    top: 0;;
    width: 230px;
    height: 283px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.459);
}

.uc-section1-7 .boxbig .boxhover {
    position: absolute;
    top: 0px;
    
    display: none;
    
    font-size: 12px;
    line-height: 20px;
    height: 240px;
    border-radius: 10px;
    overflow: hidden;
    background-image: linear-gradient(to bottom, rgba(87, 196, 237, 0.9), rgba(23, 105, 255, 0.8));
}

.uc-section1-7 .boxbig .boxhoverimg {
    width: 83px;
    height: 83px;
    margin: 44px 0 15px 74px;
}

.uc-section1-7 .boxbig .boxafter:hover .boxaftertopimg {
    
}

.uc-section1-7 .boxbig .boxafter:hover .boxaftertop {
    
}

.uc-section1-7 .boxbig .boxafter:hover .boxhover {
    display: block;
}

.uc-section1-7 .btn {
    background: linear-gradient(to right, #00DBD2, #005AFE);
    width: 280px;
    height: 50px;
    border-radius: 8px;
    margin-top: 72px;
}


.uc-section1-8 {
    background-size: cover;
    height: 743px;
}

.uc-section1-8 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.uc-section1-8 .filter {
    width: 1400px;
    padding: 25px 25px 25px 0;
}

.uc-section1-8 .filterBD {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.uc-section1-8 .tips {
    font-size: 14px;
    line-height: 24px;
    color: #B3BCE7;
    padding-left: 20px;
}

.uc-section1-8 .menu {
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.uc-section1-8 .menu li {
    width: 220px;
    color: #9CA0AD;
    background: #111C39;;
    height: 42px;
    padding: 10px 0;
    text-align: center;
    transition: all 0.3s linear;
    font-size: 18px;
}

.uc-section1-8 .menu li img {
    margin-right: 10px;
}

.uc-section1-8 .menu li.on, .uc-section1-8 .menu li:hover {
    background: -webkit-gradient(linear, left top, right top, from(#005AFF), to(#00DCD2));
    background: -webkit-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: -o-linear-gradient(left, #005AFF 0%, #00DCD2 100%);
    background: linear-gradient(to right, #005AFF 0%, #00DCD2 100%);
    color: white;
}



.uc-section1-8 .tab-con {
    display: none;
}

.uc-section1-8 .tab-con:first-child {
    display: block;
}

.uc-section1-8 .tab-con .conbox {
    display: flex;
    justify-content: space-between;
}

.uc-section1-8 .tab-con .conbox .conboximg {
    width: 347px;
    height: 250px;
    position: relative;
}

.uc-section1-8 .tab-con .conbox .conboxsize {
    width: 410px;
    display: none;
    height: 52px;
    background-color: #00000048;
    position: absolute;
    bottom: 0;
    font-size: 18px;
    text-align: center;
    line-height: 52px;
}

.uc-section1-8 .tab-con .conbox .conboximg:hover {
    width: 410px;
    height: 310px;
}

.uc-section1-8 .tab-con .conbox .img {
    width: 347px;
    height: 250px;
}

.uc-section1-8 .tab-con .conbox .conboximg:hover .img {
    width: 410px;
    height: 310px;
}

.uc-section1-8 .tab-con .conbox .conboximg:hover .conboxsize {
    display: block;
}


.uc-section1-10 {
    background: url("../image/bg1-10-1.png") center bottom no-repeat;
    background-size: 100% auto;
}

.uc-section1-10 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.uc-section1-10 .box .left {
    width: 662px;
    height: 420px;
    background: url("../image/bg1-10-3.png") center center no-repeat;
    background-size: 100% auto;
    position: relative;
    margin-left: -15px;
    padding: 60px 50px 30px 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
}

.uc-section1-10 .box .left p {
    margin-bottom: 4px;
}

.uc-section1-10 .box .left .line {
    width: 190px;
    height: 15px;
    background: -webkit-gradient(linear, left top, right top, from(#154298), to(#138081));
    background: -webkit-linear-gradient(left, #154298 0%, #138081 100%);
    background: -o-linear-gradient(left, #154298 0%, #138081 100%);
    background: linear-gradient(to right, #154298 0%, #138081 100%);
    position: absolute;
    left: 15px;
    top: 30px;
}

.uc-section1-10 .box .right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.uc-section1-12 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uc-section1-12 .part {
    width: 423px;
    height: 496px;
    padding: 25px 0 9px;
    background: url("../image/bg_zx@2x.png") center center no-repeat;
    background-size: cover !important;
}

.uc-section1-12 .part .title {
    width: 377px;
    height: 70px;
    background: url("../image/title1-12-3.png") center center no-repeat;
    background-size: cover;
    margin: 0 auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-section1-12 .part .title span {
    margin: 0 20px;
    font-size: 18px;
}

.uc-section1-12 .part:hover {
    background-image: url("../image/bg_zx_xz@2x.png");

}

.uc-section1-12 .part:hover .list .txt {
    color: rgba(197, 224, 255, 1);
}

.uc-section1-12 .list li {
    line-height: 36px;
    padding: 0 22px !important;
}

.uc-section1-12 .list li:hover {
    padding: 0 10px;
    
    
    
    
    background: url("../image/bcg.png");
}

.uc-section1-12 .list li:hover a {
    color: #fff;
}

.uc-section1-12 .list li:hover .i2 {
    display: block;
}

.uc-section1-12 .list li:hover .i1 {
    display: none;
}

.uc-section1-12 .list {
    padding: 0px 16px;
}

.uc-section1-12 .list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.uc-section1-12 .list .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: black;
}

.uc-section1-12 .list .i2 {
    display: none;
}

.uc-section1-12 .operate {
    margin-top: 30px;
}

.uc-section1-12 .operate .uc-btn {
    width: 170px;
    height: 38px;
    margin: 0 auto;
    font-size: 16px;
}

.whybox .xcx_icon_main {
    z-index: 0;
    height: 120px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 20px 0px rgba(0, 53, 150, 0.2);
    margin-top: 10px;
    width: 280px;
    padding-bottom: 34px;
    margin-top: -40px;
    
}
.whybox .xcx_icon_main .word3 {
    z-index: 891;
    height: 22px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(27, 29, 63, 1);
    font-size: 16px;
    font-family: PingFangSC-Medium;
    white-space: nowrap;
    line-height: 22px;
    text-align: center;
}