.trans-scale .i {
    width: 100%;
    height: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.carsi_xicon {
    position: absolute;
    right: 200px;
}
a {
    text-decoration: none;
}
.trans-liro {
    position: relative;
    overflow: hidden
}

.trans-liro::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

@-webkit-keyframes animat-shake {

    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@keyframes animat-shake {

    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@media screen and (min-width: 951px) {
    .trans-scale:hover .i {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .trans-liro:hover::before {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .animat-shake:hover {
        -webkit-animation: animat-shake .5s;
        animation: animat-shake .5s
    }

    .animat-round::before {
        -webkit-animation: animat-round 5s linear infinite;
        animation: animat-round 5s linear infinite
    }

    .animat-steps::before {
        -webkit-animation: animat-round 2s steps(12, end) infinite;
        animation: animat-round 2s steps(12, end) infinite
    }
}

@font-face {
    font-family: "avian";
    src: url("../font/avian.eot");
    /* src: url("../font/avian.eot?#iefix") format("embedded-opentype"), url("../font/avian.woff") format("woff"), url("../font/avian.ttf") format("truetype"), url("../font/avian.svg#avian") format("svg"); */
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "xfont";
    src: url("../font/xfont.eot");
    /* src: url("../font/xfont.eot?#iefix") format("embedded-opentype"), url("../font/xfont.woff") format("woff"), url("../font/xfont.ttf") format("truetype"), url("../font/xfont.svg#xfont") format("svg"); */
    font-weight: normal;
    font-style: normal
}

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

html,
body,
div,
span,
p,
a,
table,
tr,
th,
td,
img,
iframe,
form,
input,
button,
select,
textarea {
    margin: 0;
    padding: 0
}

body {
    margin: auto;
    font-family: 'Microsoft Yahei', 'PingFang SC', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    /* opacity: 0 */
}

input,
button,
textarea,
select {
    outline: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit
}

input,
textarea,
select {
    min-height: 1.5em
}

/*input,select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}*/

textarea {
    overflow: auto;
    resize: none
}

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

img {
    border: 0;
    outline: 0;
    vertical-align: middle
}

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

:focus {
    outline: 0
}

svg:not(:root) {
    overflow: hidden
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0
}

input[type=date] {
    background-color: transparent;
    border: 0;
    filter: 'alpha(opacity=0)'
}

input:focus,
textarea:focus {
    color: inherit
}

input::-ms-clear,
::-ms-reveal {
    display: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #909090;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #909090;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #909090;
    opacity: 1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #909090;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #909090;
    opacity: 1
}

.placeholder {
    color: #909090
}

.init-screen {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: .01s;
    transition-delay: .01s
}

.lock-screen {
    overflow: hidden
}

.xfont,
.xicon {
    /* position: relative; */
    -webkit-transition-property: color, background;
    transition-property: color, background;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.xfont::before,
.xicon::before {
    display: block;
    text-align: center;
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}

.xicon {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.xicon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-left::before {
    content: '\e504'
}

.icon-right::before {
    content: '\e505'
}

.icon-up::before {
    content: '\e506'
}

.icon-down::before {
    content: '\e507'
}

.icon-search::before {
    content: '\e510'
}

/* .icon-close::before {
    content: '\e508'
} */

.icon-menu::before {
    content: '\e511'
}

.icon-load {
    -webkit-animation: animat-round 2s steps(12, end) infinite;
    animation: animat-round 2s steps(12, end) infinite
}

.icon-load::before {
    content: '\e512'
}

.icon-media-start::before {
    content: '\e520'
}

.icon-media-play::before {
    content: '\e521'
}

.icon-media-pause::before {
    content: '\e522'
}

.icon-media-buffer {
    -webkit-animation: animat-round 5s linear infinite;
    animation: animat-round 5s linear infinite
}

.icon-media-buffer::before {
    content: '\e513'
}

.icon-media-prev::before {
    content: '\e523'
}

.icon-media-next::before {
    content: '\e524'
}

.icon-media-volume::before {
    content: '\e52c'
}

.icon-media-muted::before {
    content: '\e52d'
}

.clear::after,
.x-wrap::after,
.nav-box::after,
.tools-mod::after,
.paging-box::after,
.slick-track::after,
.share-box::after {
    content: '';
    display: table;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.middle-box {
    font-size: 0
}

.middle-box::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.middle-box .middle-cont {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.justify-txt,
.justify-box {
    word-break: break-all;
    text-align: justify;
    text-justify: inter-ideograph
}

.justify-box::after {
    content: '';
    display: inline-block;
    padding-left: 100%;
    font-size: 0;
    line-height: 0;
    vertical-align: top
}

.pos-fix {
    position: fixed !important;
    left: 0;
    top: 0
}

.pos-abs {
    position: absolute !important;
    left: 0;
    top: 0
}

.mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.tac {
    text-align: center
}

[data-object-fit="cover"],
[object-fit="cover"] {
    -o-object-fit: cover;
    object-fit: cover
}

[data-object-fit="contain"],
[object-fit="contain"] {
    -o-object-fit: contain;
    object-fit: contain
}

[data-object-fit="scale-down"],
[object-fit="scale-down"] {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.x-table {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse
}

.x-cell,
.x-nano {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.x-cell {
    padding: 0 1em;
    width: 100%
}

.x-nano {
    width: 1%
}

.x-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.x-visible {
    opacity: 1;
    visibility: visible
}

.x-layout {
    position: relative;
    margin: auto;
    width: 100%;
    min-width: auto;
    max-width: 1920px;
    overflow: hidden;
    overflow-x: auto;
}

.x-wrap {
    position: relative;
    margin: auto;
    width: 1280px;
    height: 100%
}

.x-header,
.x-footer,
.x-container {
    position: relative;
    width: 100%;
    z-index: 1
}

.earth_more {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 44px;
    background-color: #38b372;
    color: #fff;
    border-radius: 20px
}

.earth_more span.txt {
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 11px;
    font-size: 16px;
    position: relative;
    z-index: 3
}

.earth_more span.line::before {
    content: '';
    width: 61px;
    height: 62px;
    background-image: url(../image/earth1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -11px;
    left: -8px;
    z-index: 2;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.earth_more span.line::after {
    content: '';
    width: 61px;
    height: 62px;
    background-image: url(../image/earth2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -11px;
    left: -8px;
    z-index: 2
}

.earth_more::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 20px;
    background: linear-gradient(-45deg, #38b372 50%, #32a066 60%, #38b372 70%);
    background-size: 600% 100%
}

.earth_more2 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #38b372;
    color: #fff;
    border-radius: 40px;
    line-height: 79px;
    font-size: 26px;
    font-family: 'avian';
    padding: 0 95px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

@media screen and (max-width: 950px) {
    .earth_more2 {
        font-size: 20px
    }
}

.earth_more2 .ico {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -140px;
    height: 140px;
    width: 71px
}

.earth_more2 .ico::before {
    content: '';
    width: 71px;
    height: 72px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 11px;
    left: 0;
    background-image: url(../image/earth3.png)
}

.earth_more2 .ico::after {
    content: '';
    border-left: 1px solid #38b372;
    height: 66px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@-webkit-keyframes shine {
    0% {
        background-position-x: 400%
    }

    50% {
        background-position-x: 0%
    }

    100% {
        background-position-x: -400%
    }
}

@keyframes shine {
    0% {
        background-position-x: 400%
    }

    50% {
        background-position-x: 0%
    }

    100% {
        background-position-x: -400%
    }
}

.tit38 {
    font-size: 26px
}

@media screen and (max-width: 950px) {
    .tit38 {
        font-size: 22px
    }
}

.x-container {
    background-repeat: no-repeat;
    background-position: right bottom
}

.loading1 {
    display: inline-block;
    font-size: 0;
    white-space: nowrap
}

.loading1 .icon-load {
    width: 33px;
    height: 33px;
    background-image: url(../image/lyj/load.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.loading1 .txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding-left: 20px
}

@media screen and (max-width: 950px) {
    .loading1 .txt {
        font-size: 16px
    }
}

@media screen and (min-width: 951px) {
    *.m-show {
        display: none
    }

    .lock-screen {
        margin-right: 17px
    }

    .lock-screen.full-screen {
        margin-right: 0
    }

    .earth_more:hover::after {
        -webkit-animation: shine 40s infinite linear;
        animation: shine 40s infinite linear
    }

    .earth_more:hover span.line::before {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .earth_more2:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width: 1440px) {
    .x-wrap {
        width: auto;
        /*1030px*/
        margin: 0 40px;
        /*0 auto*/
    }
}

@media screen and (max-width: 950px) {
    body {
        -webkit-overflow-scrolling: touch
    }

    *.p-show {
        display: none
    }

    .lock-screen {
        right: 0
    }

    .lock-screen .x-container .vd-adr {
        display: none !important
    }

    .menu-screen {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .x-layout {
        min-width: 320px
    }

    .x-wrap {
        padding: 0 15px;
        width: 100%;
        margin: 0
    }

    .earth_more2 {
        font-size: 18px;
        line-height: 50px;
        padding: 0 35px;
        border-radius: 30px
    }
}

@media screen and (max-width: 950px) and (max-width: 950px) {
    .earth_more2 {
        font-size: 16px
    }
}

@media screen and (max-width: 950px) {
    .earth_more2 .ico {
        width: 50px;
        height: 96px;
        bottom: -96px
    }

    .earth_more2 .ico::before {
        width: 50px;
        height: 50.7px
    }

    .earth_more2 .ico::after {
        height: 40px
    }
}

@media screen and (max-width: 750px) {
    .earth_more2 {
        font-size: 18px;
        line-height: 40px;
        padding: 0 25px;
        border-radius: 20px
    }
}

@media screen and (max-width: 750px) and (max-width: 950px) {
    .earth_more2 {
        font-size: 16px
    }
}

@media screen and (max-width: 750px) {
    .earth_more {
        padding-left: 35px
    }

    .earth_more span.txt {
        line-height: 36px
    }

    .earth_more span.line::before {
        width: 51px;
        height: 52px;
        top: -8px;
        background-size: contain
    }

    .earth_more span.line::after {
        width: 51px;
        height: 52px;
        top: -8px;
        background-size: contain
    }

    .loading1 .icon-load {
        width: 28px;
        height: 28px
    }
}

.x-header {
    z-index: 2
}

.x-header .x-wrap {
    width: auto;
    margin: 0
}

.x-header .logo {
    position: relative;
    overflow: hidden
}

.x-header .logo::before {
    content: '';
    display: block;
    padding-top: 12.12938%
}

.x-header .logo .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header .nav-mod .nav-item.cur>.nav-tit .nav-link {
    color: #3a61a1
}

@media screen and (min-width: 951px) {
    .x-header {
        height: 88px;
        -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
        padding: 0 6.19%
    }

    .x-header .flex {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .x-header .logo {
        width: 371px
    }

    .x-header .tool {
        position: absolute;
        right: 0;
        top: 30px;
        z-index: 2
    }

    .x-header .tools-mod .tools-item+.tools-item {
        margin-left: 35px
    }

    .x-header .tools-mod .tools-item {
        text-align: center;
        font-size: 0
    }

    .x-header .tools-mod .tools-item a {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }

    .x-header .tools-mod .tools-item .a_lang {
        font-size: 0
    }

    .x-header .tools-mod .tools-item .a_lang .hover_color {
        color: #3a61a1
    }

    .x-header .tools-mod .tools-item .a_lang+.a_lang {
        margin-left: 24px
    }

    .x-header .tools-mod .tools-item span {
        display: inline-block;
        vertical-align: middle
    }

    .x-header .tools-mod .tools-item .a_lang+.a_lang::before {
        content: '';
        position: absolute;
        left: -12px;
        top: 5px;
        width: 1px;
        height: 18px;
        background-color: #333
    }

    .x-header .tools-mod .lang {
        font-size: 16px
    }

    .x-header .tools-mod .tools-item .a_lang .icon {
        width: 22px;
        height: 22px;
        position: relative;
        overflow: hidden;
        margin-right: 3px;
        top: 1px
    }

    .x-header .tools-mod .tools-item .a_lang .icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out
    }

    .x-header .tools-mod .tools-item .a_lang .icon img.i2 {
        opacity: 1;
        visibility: visible
    }

    .x-header .tools-mod .tools-item .a_lang .laug {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #ddd;
        text-align: center;
        line-height: 28px;
        font-size: 14px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .x-header .tools-mod .a_lang:hover {
        color: #3a61a1
    }

    .x-header .tools-mod .a_lang:hover .icon .i1 {
        opacity: 0
    }

    .x-header .tools-mod .a_lang:hover .icon .i2 {
        opacity: 1;
        visibility: visible
    }

    .x-header .tools-mod .lang {
        position: relative
    }

    .x-header .tools-mod .lang::after {
        content: '';
        position: absolute;
        left: 51%;
        right: 51%;
        bottom: -9px;
        height: 5px;
        background-color: #2962a6;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 0
    }

    .x-header .tools-mod .a_lang:hover .lang::after {
        left: 0;
        right: 0;
        opacity: 1
    }

    .x-header .tools-mod .a_lang .lang.laug::after {
        display: none
    }

    .x-header .tools-mod .a_lang:hover .lang.laug {
        border-color: #3a61a1
    }

    .x-header .tools-mod .xicon:hover {
        color: #3a61a1
    }

    .x-header .nav-mod {
        margin: 0 50px;
        width: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .x-header .nav-mod .nav-item {
        position: relative
    }

    .x-header .nav-mod .nav-tit .arr {
        display: none
    }

    .x-header .nav-mod .nav-link {
        display: block;
        white-space: nowrap;
        -webkit-transition-property: color, background;
        transition-property: color, background;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .x-header .nav-mod .nav-lv {
        position: absolute;
        min-width: 100%;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-property: opacity, visibility;
        transition-property: opacity, visibility;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        white-space: nowrap;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .x-header .nav-mod .nav-grp {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
    }

    .x-header .nav-mod .nav-lv1 {
        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
    }

    .x-header .nav-mod .nav-lv1::after {
        display: none
    }

    .x-header .nav-mod .nav-lv1-item {
        float: left
    }

    .x-header .nav-mod .nav-lv1-link {
        line-height: 88px;
        position: relative;
        font-size: 16px
    }

    .x-header .nav-mod .nav-lv2-item {
        line-height: 1
    }

    .x-header .nav-mod .nav-lv2-tit {
        text-align: center
    }

    .x-header .nav-mod .nav-lv2-link {
        padding: 15px 7px 13px
    }

    .x-header .nav-mod .nav-lv2-link span {
        display: block
    }

    .x-header .nav-mod .nav-lv2-link span.en_span {
        margin-top: 5px
    }

    .x-header .nav-mod .nav-lv3 {
        left: 100%;
        top: 0
    }

    .x-header .nav-mod .nav-lv3-item {
        position: relative;
        float: left
    }

    .x-header .nav-mod .nav-lv3-item+.nav-lv3-item {
        margin-top: 8px
    }

    .x-header .nav-mod .nav-item>.nav-tit .nav-lv1-link::before {
        content: '';
        position: absolute;
        left: 51%;
        right: 51%;
        bottom: 23px;
        height: 5px;
        background-color: #3a61a1;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out
    }

    .x-header .nav-mod .nav-item .nav-lv .nav-grp::after {
        content: '';
        position: absolute;
        border-top: 10px solid #3a61a1;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        left: 50%;
        top: -25px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out
    }

    .x-header .nav-mod .nav-item.cur>.nav-tit .nav-lv1-link::before {
        left: 0;
        right: 0;
        opacity: 1
    }

    .x-header .nav-mod .nav-item.cur>.nav-tit .nav-lv2-link {
        background-color: #284980;
        color: #fff
    }

    .x-header .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link::before {
        left: 0;
        right: 0;
        opacity: 1
    }

    .x-header .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link::after {
        opacity: 1
    }

    .x-header .nav-mod .nav-item:hover>.nav-lv {
        opacity: 1;
        visibility: visible
    }

    .x-header .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
        color: #3a61a1
    }

    .x-header .nav-mod .nav-item:hover>.nav-tit .nav-lv2-link {
        background-color: #284980;
        color: #fff
    }

    .x-header.hz-nav .nav-grp {
        position: relative;
        padding: 20px 0;
        text-align: center
    }

    .x-header.hz-nav .nav-grp::before {
        content: '\e72e';
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-bottom: -11px;
        font-size: 30px;
        line-height: 1;
        color: #000;
        font-family: "xfont" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .x-header.hz-nav .nav-lv2 {
        background-color: #000;
        color: #fff
    }

    .x-header.hz-nav .nav-lv2-item {
        display: inline-block;
        vertical-align: top
    }

    .x-header.hz-nav .nav-lv2-item+.nav-lv2-item {
        margin-top: 0
    }
}

@media screen and (max-width: 1850px) {
    .x-header {
        padding: 0 60px
    }

    .x-header .tools-mod .tools-item+.tools-item {
        margin-left: 36px
    }

    .x-header .tool {
        margin-left: 18px
    }
}

@media screen and (max-width: 1680px) {
    .x-header {
        padding: 0 50px
    }

    .x-header .tools-mod .tools-item+.tools-item {
        margin-left: 30px
    }

    .x-header .tool {
        margin-left: 15px
    }
}

@media screen and (max-width: 1600px) {
    .x-header {
        padding: 0 40px
    }

    .x-header .tools-mod .tools-item+.tools-item {
        margin-left: 16px
    }

    .x-header .tool {
        margin-left: 8px
    }
}

@media screen and (max-width: 1440px) {
    .x-header .logo {
        width: 350px
    }

    .x-header {
        padding: 0 30px
    }

    .x-header .tools-mod .tools-item+.tools-item {
        margin-left: 10px
    }

    .x-header .tool {
        margin-left: 5px
    }

    .x-header .nav-mod {
        margin: 0 25px
    }
}

@media screen and (max-width: 1360px) {
    .x-header .logo {
        width: 280px
    }
}

@media screen and (max-width: 1280px) {
    .x-header {
        padding: 30px 30px 0;
        height: auto
    }

    .x-header .nav-mod .nav-lv1-link {
        line-height: 58px
    }

    .x-header .nav-mod .nav-item>.nav-tit .nav-lv1-link::before {
        bottom: 7px
    }

    .x-header .tool {
        top: -30px;
        padding: 2px 0;
        right: 5px
    }

    .x-header .tool+.flex {
        position: relative;
        width: 100% !important
    }

    .x-header .tool+.flex::before {
        content: '';
        position: absolute;
        left: -300px;
        right: -300px;
        top: 0;
        border-top: 1px solid #ddd;
        z-index: 9
    }

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

    .x-header .nav-mod {
        margin-right: 0
    }

    .x-header .tools-mod .tools-item .a_lang .laug {
        width: 24px;
        height: 24px;
        line-height: 22px
    }
}

@media screen and (max-width: 950px) {
    .x-header {
        padding: 0px 0 0
    }

    .x-header .x-wrap {
        padding: 0
    }

    .x-header .nav-mod {
        margin: 0
    }

    .x-header .menu-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding: 10px 15px;
        min-height: 50px;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        z-index: 1
    }

    .x-header .logo {
        width: 300px
    }

    .x-header .logo+* {
        margin-left: auto
    }

    .x-header .menu-btn {
        position: relative;
        width: 40px;
        overflow: hidden
    }

    .x-header .menu-btn::before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .x-header .menu-btn .line {
        width: 60%;
        height: 2px;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .x-header .menu-btn .line,
    .x-header .menu-btn .line::before,
    .x-header .menu-btn .line::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #333;
        border-radius: 1px
    }

    .x-header .menu-btn .line::before,
    .x-header .menu-btn .line::after {
        content: '';
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .x-header .menu-btn .line::before {
        -webkit-transform: translateY(-400%);
        transform: translateY(-400%)
    }

    .x-header .menu-btn .line::after {
        -webkit-transform: translateY(400%);
        transform: translateY(400%)
    }

    .x-header .search-box,
    .x-header .share-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        position: relative;
        padding: 5px 15px
    }

    .x-header .search-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ccc
    }

    .x-header .search-box>* {
        width: 0;
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .x-header .search-box>:last-child {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .x-header .search-box .search-input {
        display: block;
        width: 100%;
        height: 30px
    }

    .x-header .search-box .search-submit {
        width: 40px
    }

    .x-header .share-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #ccc
    }

    .x-header .share-box .share-item {
        font-size: 1.2em
    }

    .x-header .nav-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        overflow: hidden;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    .x-header .nav-box {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;
        overscroll-behavior-y: contain
    }

    .x-header .nav-item+.nav-item {
        border-top: 1px solid #ccc
    }

    .x-header .nav-item.act>.nav-tit .arr {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .x-header .nav-tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 15px
    }

    .x-header .nav-tit .arr {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 40px;
        height: auto
    }

    .x-header .nav-tit .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .x-header .nav-tit+.nav-lv {
        display: none
    }

    .x-header .nav-lv1-link {
        font-size: 1.125em
    }

    .x-header .nav-lv2 {
        padding: 0 15px;
        background-color: #eee
    }

    .x-header .nav-lv1-item.act {
        background-color: #ddd
    }

    .x-header.menu-open {
        z-index: 999
    }

    .x-header.menu-open .line {
        background-color: transparent
    }

    .x-header.menu-open .line::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .x-header.menu-open .line::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .x-header.menu-open .nav-mod {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        margin: 0
    }

    .x-header.menu-open .nav-mod .nav-lv1-link {
        line-height: 1.6
    }

    .x-header .tool {
        margin: 0;
        padding: 5px 22px 5px 15px;
        top: auto;
        position: relative;
        z-index: 999;
        right: auto;
        background-color: #fff
    }

    .x-header .tools-mod .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .x-header .tools-mod .tools-item+.tools-item {
        margin-left: 35px
    }

    .x-header .tools-mod .tools-item {
        text-align: center;
        font-size: 0
    }

    .x-header .tools-mod .tools-item a {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }

    .x-header .tools-mod .tools-item .a_lang {
        font-size: 0
    }

    .x-header .tools-mod .tools-item .a_lang .hover_color {
        color: #3a61a1
    }

    .x-header .tools-mod .tools-item .a_lang+.a_lang {
        margin-left: 24px
    }

    .x-header .tools-mod .tools-item span {
        display: inline-block;
        vertical-align: middle
    }

    .x-header .tools-mod .tools-item .a_lang+.a_lang::before {
        content: '';
        position: absolute;
        left: -12px;
        top: 5px;
        width: 1px;
        height: 18px;
        background-color: #333
    }

    .x-header .tools-mod .lang {
        font-size: 16px
    }

    .x-header .tools-mod .tools-item .a_lang .icon {
        width: 22px;
        height: 22px;
        position: relative;
        overflow: hidden;
        margin-right: 3px;
        top: 1px
    }

    .x-header .tools-mod .tools-item .a_lang .icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out
    }

    .x-header .tools-mod .tools-item .a_lang .icon img.i2 {
        opacity: 1;
        visibility: visible
    }

    .x-header .tools-mod .lang {
        position: relative
    }

    .x-header .tools-mod .tools-item .laug {
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 22px;
        border-radius: 50%;
        border: 1px solid #ddd;
        text-align: center;
        font-size: 14px
    }
}

@media screen and (max-width: 750px) {
    .x-header {
        background-color: #fff;
        padding: 0
    }

    .x-header .tool {
        padding-right: 15px;
        background-color: #3a61a1;
        color: #fff;
        padding: 5px 15px
    }

    .x-header .tools-mod .tools-item+.tools-item {
        margin-left: 8px
    }

    .x-header .tools-mod .lang {
        font-size: 14px;
        position: relative;
        top: 1px
    }

    .x-header .tools-mod .tools-item .a_lang .icon {
        width: 18px;
        height: 18px
    }

    .x-header .tools-mod .tools-item .a_lang .icon img.i1 {
        opacity: 0;
        visibility: hidden
    }

    .x-header .tools-mod .tools-item .a_lang .icon img.i3 {
        opacity: 1;
        visibility: visible
    }

    .x-header .tools-mod .tools-item .a_lang+.a_lang {
        margin-left: 16px
    }

    .x-header .tools-mod .tools-item .a_lang+.a_lang::before {
        left: -8px;
        height: 13px;
        top: 6px;
        background-color: #fff
    }

    .x-header .logo {
        width: 220px
    }

    .x-header .nav-lv1-link {
        font-size: 16px
    }

    .x-header .nav-lv2-link {
        font-size: 14px
    }

    .x-header .tool+.flex::before {
        display: none
    }

    .x-header .tools-mod .tools-item .laug {
        border-color: #fff
    }

    .x-header .tools-mod .tools-item .a_lang .hover_color {
        color: #fff
    }
}

.x-footer {
    background-color: #f0f0f0
}

.x-footer .top {
    padding: 60px 0 39px
}

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

.x-footer .top .left {
    position: relative;
    top: -8px;
    width: 892px
}

.x-footer .top .left .tit {
    font-size: 26px
}

@media screen and (max-width: 950px) {
    .x-footer .top .left .tit {
        font-size: 20px
    }
}

.x-footer .top .left .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 10px
}

.x-footer .top .left .list .li {
    padding-left: 18px;
    position: relative;
    font-size: 18px;
    font-family: 'avian';
    padding-right: 10px;
    margin-top: 18px
}

@media screen and (max-width: 950px) {
    .x-footer .top .left .list .li {
        font-size: 16px
    }
}

.x-footer .top .left .list .li::before {
    content: '';
    width: 11px;
    height: 11px;
    border: 2px solid #2d4d83;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px
}

.x-footer .top .left .list .li:nth-child(4n+1) {
    width: 243px
}

.x-footer .top .left .list .li:nth-child(4n+2) {
    width: 188px
}

.x-footer .top .left .list .li:nth-child(4n+3) {
    width: 230px
}

.x-footer .top .left .list .li:nth-child(4n) {
    width: 230px
}

.x-footer .top .right {
    /* width: calc(100% - 892px); */
    min-width: 220px
}

.x-footer .top .right .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.x-footer .top .right .flex .img {
    width: 129px;
    position: relative;
    overflow: hidden
}

.x-footer .top .right .flex .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.x-footer .top .right .flex .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .top .right .flex .txt {
    font-size: 18px;
    font-family: 'avian';
    width: calc(100% - 129px);
    padding-right: 22px;
    text-align: right
}

@media screen and (max-width: 950px) {
    .x-footer .top .right .flex .txt {
        font-size: 16px
    }
}

.x-footer .bot {
    position: relative;
    padding: 36px 0 40px
}

.x-footer .bot::before {
    content: '';
    position: absolute;
    top: 0;
    left: -500px;
    right: -500px;
    border-top: 1px solid #d9d9d9
}

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

.x-footer .bot .flex .img-mod {
    font-size: 0
}

.x-footer .bot .flex .img-mod .img {
    width: 119px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px
}

.x-footer .bot .flex .img-mod .img::before {
    content: '';
    display: block;
    padding-top: 27.73109%
}

.x-footer .bot .flex .img-mod .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-footer .bot .flex .beia {
    font-size: 16px;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 20px;
    text-align: center
}

.x-footer .bot .flex .beia span {
    margin-right: 15px
}

@media screen and (min-width: 951px) {
    .x-footer a {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .x-footer a:hover {
        color: #3a61a1
    }
}

@media screen and (max-width: 1000px) {
    .x-footer .top .left .list .li {
        font-size: 16px;
        margin-top: 10px
    }

    .x-footer .top .left .list .li:nth-child(4n+1) {
        width: 25%
    }

    .x-footer .top .left .list .li:nth-child(4n+2) {
        width: 25%
    }

    .x-footer .top .left .list .li:nth-child(4n+3) {
        width: 25%
    }

    .x-footer .top .left .list .li:nth-child(4n) {
        width: 25%
    }

    .x-footer .top .left {
        width: 100%
    }

    .x-footer .bot .flex .beia {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin: 8px 0
    }

    .x-footer .top .right {
        width: auto
    }
}

@media screen and (max-width: 750px) {
    .x-footer .top {
        padding: 25px 0
    }

    .x-footer .top .flex {
        display: block
    }

    .x-footer .top .left {
        top: 0
    }

    .x-footer .top .left .list {
        padding-top: 5px
    }

    .x-footer .top .left .list .li {
        margin-top: 5px
    }

    .x-footer .top .left .list .li:nth-child(4n+1) {
        width: 50%
    }

    .x-footer .top .left .list .li:nth-child(4n+2) {
        width: 50%
    }

    .x-footer .top .left .list .li:nth-child(4n+3) {
        width: 50%
    }

    .x-footer .top .left .list .li:nth-child(4n) {
        width: 50%
    }

    .x-footer .top .right {
        width: auto;
        margin-top: 15px
    }

    .x-footer .top .right .flex {
        display: block
    }

    .x-footer .top .right .flex .img {
        width: 120px;
        margin: 0 auto
    }

    .x-footer .top .right .flex .txt {
        width: auto;
        text-align: center;
        padding: 0;
        margin-top: 5px
    }

    .x-footer .top .right .flex .txt br {
        display: none
    }

    .x-footer .bot {
        padding: 25px 0
    }

    .x-footer .bot .flex {
        display: block
    }

    .x-footer .bot .flex .img-mod {
        text-align: center
    }

    .x-footer .bot .flex .img-mod .img {
        width: 100px;
        margin: 0 10px
    }

    .x-footer .bot .flex .beia {
        padding: 0;
        margin: 5px 0 0
    }

    .x-footer .bot .flex .beia span {
        margin: 0;
        display: block
    }

    .x-footer .bot .flex .ftbj {
        text-align: center
    }
}

.searBox .top {
    /*padding: 0 160px;*/
}

.searBox .top .iptBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.searBox .top .iptBox .ipt {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.searBox .top .iptBox .ipt .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    /*border-radius: 40px;*/
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    background-color: #fff
}

.searBox .top .iptBox .ipt .input {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 33px
}

.searBox .top .iptBox .ipt .input input {
    width: 100%;
    font-size: 22px;
    /*26px*/
}

@media screen and (max-width: 950px) {
    .searBox .top .iptBox .ipt .input input {
        font-size: 20px
    }
}

.searBox .top .iptBox .ipt .searBtn {
    padding: 0 68px;
    white-space: nowrap;
    color: #fff;
    font-size: 22px;
    background-color: #284980;
    /*border-radius: 40px;*/
    line-height: 80px;
    cursor: pointer
}

@media screen and (max-width: 950px) {
    .searBox .top .iptBox .ipt .searBtn {
        font-size: 20px
    }
}

.searBox .top .iptBox .allBox {
    margin-left: 20px
}

.searBox .top .iptBox .allBtn {
    line-height: 80px;
    color: #fff;
    font-size: 22px;
    padding: 0 58px;
    background-color: #284980;
    /*border-radius: 40px;*/
    display: block
}

@media screen and (max-width: 950px) {
    .searBox .top .iptBox .allBtn {
        font-size: 20px
    }
}

.searBox .top .tagBox {
    font-size: 18px;
    color: #666666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 33px 0 0;
    margin-top: 24px
}

@media screen and (max-width: 950px) {
    .searBox .top .tagBox {
        font-size: 16px
    }
}

.searBox .top .tagBox .t1 {
    margin-right: 33px
}

.searBox .top .tagBox .t2 {
    font-size: 0;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.searBox .top .tagBox .t2 a {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 34px;
}

@media screen and (max-width: 950px) {
    .searBox .top .tagBox .t2 a {
        font-size: 16px;
    }
}

.searBox .top .tagBox .t2 a:hover {
    color: #3a61a1;
}

.searBox .bot {
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    padding: 0 0 0 24px;
    /*0 0 14px 38px;*/
    margin-top: 44px;
}

.searBox .bot .tit {
    font-size: 22px;
    /*24px;*/
    text-align: center;
    padding: 10px 38px 0 0;
    /*30px 38px 0 0*/
}

@media screen and (max-width: 950px) {
    .searBox .bot .tit {
        font-size: 18px;
    }
}

.searBox .bot .padd {
    padding: 0 0 10px 0;
    /*10px 0 19px;*/
}

.searBox .bot .list {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 114px;
    overflow: hidden;
}

@media screen and (max-width: 950px) {
    .searBox .bot .list {
        font-size: 16px
    }
}

.searBox .bot .list.auto {
    height: auto
}

.searBox .bot .list .item {
    width: calc(100% / 7);
    color: #666666;
    padding: 5px 15px 5px 0;
    height: 38px
}

.searBox .bot .list .item a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.searBox .bot .list .item a:hover {
    color: #3a61a1
}

.searBox .bot .moreBox {
    text-align: center;
    font-size: 0
}

.searBox .bot .moreBox .click_more {
    width: 16px;
    height: 14px;
    background-image: url(../image/lyj/more1.png);
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block
}

.searBox .bot .moreBox .click_more.on {
    background-image: url(../image/lyj/more2.png)
}

@media screen and (max-width: 1440px) {
    .searBox .bot .list .item {
        width: calc(100% / 6)
    }

    .searBox .top .iptBox .ipt .flex {
        height: 50px;
        /*60px*/
    }

    .searBox .top .iptBox .ipt .searBtn,
    .searBox .top .iptBox .allBtn {
        line-height: 50px;
        /*60px;*/
        padding: 0 60px;
    }
}

@media screen and (max-width: 1280px) {
    .searBox .top {
        padding: 0 80px
    }

    .searBox .bot .list .item {
        width: 20%
    }
}

@media screen and (max-width: 1000px) {
    .searBox .bot .list .item {
        width: 25%
    }
}

@media screen and (max-width: 950px) {
    .searBox .top {
        padding: 0
    }

    .searBox .top .iptBox .ipt .flex {
        height: 60px
    }

    .searBox .top .iptBox .ipt .searBtn,
    .searBox .top .iptBox .allBtn {
        line-height: 60px;
        padding: 0 60px
    }
}

@media screen and (max-width: 750px) {
    .searBox .top .iptBox .allBox {
        margin-left: 10px
    }

    .searBox .top .iptBox .ipt .searBtn,
    .searBox .top .iptBox .allBtn {
        line-height: 35px;
        padding: 0 15px;
        font-size: 16px
    }

    .searBox .top .iptBox .ipt .flex {
        height: 35px
    }

    .searBox .top .iptBox .ipt .input {
        padding: 0 15px
    }

    .searBox .top .tagBox {
        padding: 0;
        font-size: 14px;
        margin-top: 15px
    }

    .searBox .top .tagBox .t1 {
        margin-right: 10px
    }

    .searBox .top .tagBox .t2 a {
        font-size: 14px;
        margin-right: 8px
    }

    .searBox .bot {
        margin-top: 15px;
        padding: 0 5px 15px 15px
    }

    .searBox .bot .tit {
        padding-top: 25px;
        padding-right: 10px
    }

    .searBox .bot .list .item {
        width: 50%
    }
}

.audio-mod.ui {
    position: relative;
    padding: 1em;
    border: 1px solid;
    border-radius: 5px
}

.audio-mod .audio-title {
    padding: 1em;
    text-align: center
}

.audio-mod .audio-list {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.audio-mod .audio-list .select-bar {
    border: 0;
    height: 30px
}

.audio-mod .audio-list .select-cont {
    left: auto;
    width: 300px
}

.audio-mod .audio-control {
    float: left
}

.audio-mod .audio-play {
    border: 1px solid;
    border-radius: 999px
}

.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
    -webkit-animation: animat-ring 3s linear infinite;
    animation: animat-ring 3s linear infinite
}

.audio-mod .audio-prev.disable,
.audio-mod .audio-next.disable {
    background: #ccc;
    cursor: default;
    pointer-events: none
}

.audio-mod .audio-volume {
    position: absolute;
    top: 50%;
    right: 4em;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.audio-mod .audio-volume .audio-volume-box {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 1em 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.audio-mod .audio-volume .audio-volume-track {
    position: relative;
    margin: auto;
    width: 4px;
    height: 50px;
    background: #eee
}

.audio-mod .audio-volume .audio-volume-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #666
}

.audio-mod .audio-volume .audio-volume-bar::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 999px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.audio-mod .audio-volume:hover .audio-volume-box {
    opacity: 1;
    visibility: visible
}

.audio-mod .audio-panel {
    margin-left: 4em;
    margin-top: 5px
}

.audio-mod .audio-progress {
    position: relative;
    margin-bottom: 5px;
    height: 4px;
    background-color: #eee
}

.audio-mod .audio-progress .audio-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #333
}

.audio-mod .audio-progress .audio-progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 999px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.audio-mod .audio-time {
    position: relative;
    font-family: arial;
    line-height: 1;
    overflow: hidden
}

.audio-mod .audio-current {
    float: left
}

.audio-mod .audio-duration {
    float: right
}

.audio-mod .audio-surplus {
    float: right
}

@media screen and (max-width: 950px) {
    .audio-mod .audio-volume-box {
        display: none
    }
}

div[data-search] * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

div[data-search] .BMapLib_sms_pnl_phone input,
div[data-search] .BMapLib_sms_pnl_phone button,
div[data-search] .BMapLib_sms_pnl_phone textarea,
div[data-search] .BMapLib_sms_pnl_phone select {
    min-height: auto;
    border: 1px solid
}

div[data-search] .BMapLib_bubble_content {
    overflow: auto
}

div[data-search] .infoBox {
    padding: 10px;
    width: 290px;
    background-color: #fff
}

div[data-search] .infoBox>img {
    top: 10px;
    right: 10px !important
}

.bdmap {
    height: 600px
}

.bread-mod {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
}

.bread-mod .x-wrap {
    font-size: 0;
    /*width:1280px;*/
}

.bread-mod .bread-item {
    display: inline-block;
    font-size: 16px
}

.bread-mod .bread-item+.bread-item::before {
    content: '';
    margin: 0 13px;
    font-family: Arial;
    color: #333;
    width: 8px;
    height: 9px;
    background-image: url(../image/bread.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle
}

.bread-mod .bread-item.cur {
    color: #3a61a1
}

@media screen and (min-width: 951px) {
    .bread-mod .bread-link {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .bread-mod .bread-link:hover {
        color: #3a61a1
    }
}

@media screen and (max-width: 750px) {
    .bread-mod {
        top: 10px
    }

    .bread-mod .bread-item {
        font-size: 14px
    }

    .bread-mod .bread-item+.bread-item::before {
        position: relative;
        top: -1px
    }
}

.paging-mod {
    text-align: center
}

.paging-mod .paging-box {
    display: inline-block;
    vertical-align: top
}

.paging-mod .paging-item {
    float: left;
    min-width: 36px;
    font-family: Arial;
    font-size: 16px;
    line-height: 34px
}

.paging-mod .paging-arrow,
.paging-mod .paging-link {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    color: #707070
}

.paging-mod .paging-arrow {
    color: #3a61a1;
    height: 36px;
    position: relative
}

.paging-mod .paging-arrow::before {
    content: '';
    width: 7px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../image/lyj/arr2.png);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.paging-mod .paging-arrow.icon-right::before {
    background-image: url(../image/lyj/arr3.png)
}

.paging-mod .paging-arrow.icon-right:hover::before {
    background-image: url(../image/lyj/arr3a.png)
}

.paging-mod .paging-arrow.icon-left:hover::before {
    background-image: url(../image/lyj/arr2a.png)
}

.paging-mod .paging-arrow:first-child {
    margin-right: 10px
}

.paging-mod .paging-link+.paging-link {
    margin-left: 5px
}

.paging-mod .paging-link+.paging-arrow {
    margin-left: 10px
}

.paging-mod .paging-link.cur {
    background-color: #3a61a1;
    border-color: #3a61a1;
    color: #fff;
    cursor: default;
    pointer-events: none
}

.paging-mod .paging-dot {
    margin: 0 5px;
    font-weight: bold;
    letter-spacing: 0.2em
}

.paging-mod .paging-jump {
    margin-left: 10px;
    width: 68px
}

.paging-mod .paging-table {
    display: table;
    width: 100%;
    height: 100%
}

.paging-mod .paging-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.paging-mod .paging-cell:first-child {
    border-radius: 4px 0 0 4px;
    border: 1px solid #ddd;
    border-right: none
}

.paging-mod .paging-cell:last-child {
    border-radius: 0 4px 4px 0;
    background: #3a61a1;
    color: #fff
}

.paging-mod .paging-input {
    display: block;
    padding: 0 2px;
    width: 100%;
    line-height: 1.5;
    text-align: center
}

.paging-mod .paging-btn {
    display: block;
    width: 34px;
    cursor: pointer;
    font-family: 'avian'
}

.paging-mod .paging-more {
    display: none
}

@media screen and (min-width: 951px) {

    .paging-mod .paging-link:not(.cur):hover,
    .paging-mod .paging-arrow:hover {
        background-color: #3a61a1;
        border-color: #3a61a1;
        color: #fff
    }
}

@media screen and (max-width: 750px) {
    .paging-mod .paging-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 34px;
        display: none
    }

    .paging-mod .paging-item,
    .paging-mod .paging-input {
        line-height: normal
    }

    .paging-mod .paging-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .paging-mod .paging-more {
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #ddd;
        border-radius: 999px
    }
}

.pop-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.pop-mod .pop-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    color: #707070;
    font-size: 28px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden
}

.pop-mod .pop-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.pop-mod .pop-panel::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.pop-mod .pop-dialog {
    position: relative;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.pop-mod .video-native {
    display: none
}

.pop-mod video,
.pop-mod iframe {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%
}

.pop-mod.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.pop-mod.x-show video,
.pop-mod.x-show iframe,
.pop-mod.x-show .video-native {
    display: block
}

@media screen and (min-width: 951px) {
    .pop-mod.x-show .pop-panel {
        overflow-y: scroll
    }

    .pop-mod.x-show>.pop-close {
        margin-right: 17px
    }

    .full-screen .pop-mod.x-show>.pop-close {
        margin-right: 0
    }

    .full-screen .pop-mod.x-show .pop-panel {
        overflow: auto
    }
}

@media screen and (max-width: 950px) {
    .pop-mod .pop-panel {
        padding: 0 15px;
        overflow: auto;
        overscroll-behavior-y: contain
    }

    .pop-mod .pop-panel .pop-dialog {
        width: 100%
    }
}

.scroll-mod {
    position: relative;
    overflow: hidden
}

.scroll-mod.scroll-axis-x {
    /*padding-bottom: 10px*/
}

.scroll-mod.scroll-axis-y {
    /*padding-right: 2.968vw*/
}

.scroll-cont {
    height: 100%;
    max-height: inherit;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scroll-cont::-webkit-scrollbar {
    display: none
}

.scroll-track-x,
.scroll-track-y {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1)
}

.scroll-bar-x,
.scroll-bar-y {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.scroll-track-x {
    bottom: 0;
    left: 0;
    right: 0
}

.scroll-bar-x {
    width: 0;
    height: 5px
}

.scroll-track-y {
    top: 0;
    bottom: 0;
    right: 6px;
    width: 3px;
    background-color: #194984
}

.scroll-bar-y {
    width: 15px;
    height: 0;
    margin-left: -6px;
    border-radius: 0;
    background-color: #00b66c
}

.scroll-track-disable {
    display: none
}

@media screen and (min-width: 951px) {
    .scroll-mod .scroll-bar-x {
        width: 0
    }
}

@media screen and (max-width: 950px) {
    .scroll-mod.scroll-axis-y {
        padding-right: 20px
    }

    .scroll-bar-y {
        width: 5px;
        margin-left: -1px
    }
}

.search-mod {
    position: relative
}

.search-mod .search-tap {
    z-index: 1
}

.search-mod .search-tap~.search-box {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    width: 200px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.search-mod.at-l .search-tap~.search-box {
    top: auto;
    bottom: 50%;
    margin-top: 0;
    width: 0;
    -webkit-transition-property: width, opacity, visibility;
    transition-property: width, opacity, visibility
}

.search-mod.at-l .search-tap~.search-box .search-submit {
    visibility: hidden
}

.search-mod .search-box {
    display: table;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.search-mod .search-txt,
.search-mod .search-btn {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.search-mod .search-txt {
    padding: 0 1em;
    width: 100%
}

.search-mod .search-btn {
    width: 1%
}

.search-mod .search-input {
    width: 100%
}

.search-mod .search-submit {
    display: block;
    height: 100%;
    cursor: pointer
}

.search-mod.x-show .search-tap~.search-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.search-mod.x-show.at-l .search-tap {
    z-index: -1;
    -webkit-transition-property: z-index;
    transition-property: z-index;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.search-mod.x-show.at-l .search-tap~.search-box {
    width: 200px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.search-mod.x-show.at-l .search-tap~.search-box .search-submit {
    visibility: visible;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media screen and (min-width: 951px) {

    .search-mod .search-tap:hover,
    .search-mod .search-submit:hover {
        color: #3a61a1
    }
}

.select-mod {
    position: relative
}

.select-mod .select-bar {
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden
}

.select-mod .select-native {
    display: none
}

.select-mod .select-trigger {
    cursor: pointer
}

.select-mod .select-btn {
    float: right;
    height: 100%
}

.select-mod .select-txt {
    position: relative;
    padding: 0 1em;
    height: 100%;
    overflow: hidden
}

.select-mod .select-val {
    position: relative;
    top: 50%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-mod .select-cont,
.select-mod .select-query {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 1em 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.select-mod .select-cont::before,
.select-mod .select-query::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.select-mod .select-opts {
    position: relative;
    max-height: 16em;
    overflow: hidden
}

.select-mod .select-opts.scroll-axis-y {
    padding-right: 30px
}

.select-mod .select-opts .scroll-track-y {
    right: 12px
}

.select-mod .select-item {
    padding: 0.4em 1em;
    line-height: 1.2;
    cursor: pointer
}

.select-mod .select-item.cur {
    color: #3a61a1
}

.select-mod.at-t .select-cont {
    top: auto;
    bottom: 100%
}

.select-mod.at-t .select-cont::before {
    top: 0;
    bottom: 1px
}

.select-mod.sc-show {
    z-index: 1
}

.select-mod.sc-show .select-cont {
    opacity: 1;
    visibility: visible
}

.select-mod.sc-show .select-trigger .select-btn,
.select-mod.sc-show .select-trigger.select-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-mod.sq-show .select-query {
    opacity: 1;
    visibility: visible
}

.select-mod .mCSB_scrollTools {
    right: 12px
}

@media screen and (min-width: 951px) {

    .select-mod .select-trigger:hover .select-btn,
    .select-mod .select-trigger.select-btn:hover,
    .select-mod .select-item:hover {
        color: #3a61a1
    }
}

@media screen and (max-width: 950px) {
    .select-mod .select-native {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .select-mod .select-opts {
        position: relative;
        height: 100%;
        overflow: auto
    }
}

.icon-wx::before {
    content: '\e601'
}

.icon-wb::before {
    content: '\e602'
}

.icon-qq::before {
    content: '\e603'
}

.icon-qz::before {
    content: '\e604'
}

.icon-twitter::before {
    content: '\e605'
}

.icon-facebook::before {
    content: '\e606'
}

.icon-linkedin::before {
    content: '\e607'
}

.icon-share::before {
    content: '\e608'
}

.share-mod .share-label,
.share-mod .share-label~.share-box {
    display: inline-block;
    vertical-align: middle
}

.share-box .share-item {
    float: left
}

.share-box .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.share-box .code img,
.share-box .code canvas {
    width: 100%
}

@media screen and (min-width: 951px) {
    .share-box .share-item:hover {
        color: #3a61a1
    }
}

.sidebar-mod {
    position: fixed;
    top: 50%;
    right: -60px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, right;
    transition-property: opacity, visibility, right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-mod .sidebar-item {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background-color: #eee;
    cursor: pointer
}

.sidebar-mod .sidebar-item+.sidebar-item {
    margin-top: 5px
}

.sidebar-mod .sidebar-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding: 10px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-mod .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.sidebar-mod .code img {
    display: block;
    width: 100%
}

.sidebar-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .sidebar-mod {
    z-index: -1
}

@media screen and (min-width: 951px) {
    .sidebar-mod .sidebar-item:hover .sidebar-cont {
        color: #3a61a1
    }

    .sidebar-mod:hover {
        right: 0
    }
}

.slick-slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-item {
    position: relative
}

.slick-list {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    cursor: pointer
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff
}

.slick-dots {
    margin: 0;
    padding: 0;
    z-index: 3
}

.slick-dot {
    cursor: pointer
}

.slick-arrow.slick-disabled,
.slick-arrow.slick-disabled:hover {
    opacity: 0.5;
    cursor: initial
}

.suds-mod {
    position: relative
}

.suds-mod .suds-pop {
    position: absolute;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.suds-mod .suds-pop::before,
.suds-mod .suds-pop::after {
    content: '';
    position: absolute;
    z-index: -1
}

.suds-mod .suds-pop::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #ddd
}

.suds-mod .suds-pop::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 5px
}

.suds-mod .suds-pop.at-t {
    left: 50%;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-b {
    left: 50%;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
}

.suds-mod .suds-pop.at-l {
    right: 100%;
    top: 50%;
    margin-right: 10px;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-r {
    left: 100%;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: translate(-10%, -50%);
    transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
    top: 50%;
    right: 100%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop>* {
    position: relative;
    z-index: 1
}

.suds-mod.x-show,
.suds-mod:hover {
    z-index: 1
}

.suds-mod.x-show>.suds-pop,
.suds-mod:hover>.suds-pop {
    opacity: 1;
    visibility: visible
}

.suds-mod.x-show>.suds-pop.at-t,
.suds-mod:hover>.suds-pop.at-t {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,
.suds-mod:hover>.suds-pop.at-b {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-l,
.suds-mod:hover>.suds-pop.at-l {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,
.suds-mod:hover>.suds-pop.at-r {
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod:hover>.suds-target+.suds-pop {
    opacity: 0;
    visibility: hidden
}

.suds-mod.x-show>.suds-target+.suds-pop {
    opacity: 1;
    visibility: visible
}

.tab-mod .tab-term {
    cursor: pointer
}

.tab-mod .tab-term.cur {
    color: #3a61a1
}

.tab-mod .tab-item {
    opacity: 0;
    visibility: hidden
}

.tab-mod .tab-item.act {
    opacity: 1;
    visibility: visible
}

.topping-mod {
    position: fixed;
    right: 15px;
    bottom: 10px;
    padding: 5px;
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, background, color;
    transition-property: opacity, visibility, background, color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topping-mod .s {
    font-family: Arial;
    text-transform: uppercase
}

.topping-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .topping-mod {
    z-index: -1
}

@media screen and (min-width: 951px) {
    .topping-mod:hover {
        background-color: #3a61a1
    }

    .lock-screen .topping-mod {
        margin-right: 17px
    }

    .lock-screen.full-screen .topping-mod {
        margin-right: 0
    }
}

.tracker-mod .tracker-prev {
    cursor: pointer
}

.tracker-mod .tracker-next {
    cursor: pointer
}

.tracker-mod .tracker-box {
    overflow: hidden
}

.tracker-mod .tracker-track {
    min-width: 100%;
    min-height: 100%
}

.tracker-mod .tracker-item {
    cursor: pointer
}

.tracker-mod .tracker-item.cur {
    color: #3a61a1
}

.tracker-mod.dir-hor .tracker-prev {
    float: left
}

.tracker-mod.dir-hor .tracker-next {
    float: right
}

.tracker-mod.dir-hor .tracker-box {
    text-align: center
}

.tracker-mod.dir-hor .tracker-track {
    display: table;
    /*white-space: nowrap;*/
    font-size: 0
}

.tracker-mod.dir-hor .tracker-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.tracker-mod.dir-ver .tracker-box {
    height: 300px
}

.tracker-mod.dir-ver .tracker-item {
    margin: 10px 0
}

.video-mod {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.video-mod::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.video-mod .video-js {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.video-mod .vjs-ended .vjs-poster {
    display: block
}

.video-mod.mini .video-js .vjs-control-bar {
    position: static;
    visibility: hidden
}

.video-mod.mini .video-js .vjs-progress-control {
    position: static;
    display: block
}

.video-mod.mini .video-js .vjs-progress-holder {
    position: static
}

.video-mod.mini .video-js .vjs-load-progress,
.video-mod.mini .video-js .vjs-mouse-display,
.video-mod.mini .video-js .vjs-play-progress::before,
.video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip,
.video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
    display: none
}

.video-mod.mini .video-js .vjs-play-progress {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: .3em;
    opacity: .5;
    visibility: visible
}

.video-mod.mini .vjs-ended .vjs-play-progress {
    visibility: hidden
}

@media screen and (min-width: 951px) {
    .vjs-no-flex .vjs-button {
        padding-bottom: 3em
    }
}

@media screen and (max-width: 950px) {
    .video-js .vjs-big-play-button {
        font-size: 3em
    }

    .video-js .vjs-control-bar {
        height: 2em
    }

    .video-js .vjs-control {
        width: 2em
    }

    .vjs-button>.vjs-icon-placeholder::before {
        font-size: 1em
    }

    .video-js .vjs-remaining-time {
        display: block;
        margin: 0 0.5em;
        width: auto;
        line-height: 2em
    }

    .vjs-current-time,
    .vjs-duration,
    .vjs-time-divider,
    .video-js .vjs-volume-panel {
        display: none
    }
}

.about1 {
    position: relative
}

.about1 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.about1 .left {
    width: 50%
}

.about1 .left .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.about1 .left .img::before {
    content: '';
    display: block;
    padding-top: 67.70833%
}

.about1 .left .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.about1 .right {
    width: 50%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.about1 .right .inner {
    color: #fff;
    padding: 0 7.51vw 0 10.36vw;
    height: 68.307%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.about1 .scroll-track-x {
    display: none
}

.about1 .right .inner .t1 {
    font-size: 1.25vw
}

.about1 .right .inner .t2 {
    font-size: 0.9375vw;
    margin-top: 8px;
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.5
}

body:not(.lang-en) .about1 .right .inner .t2 {
    text-align: justify;
    text-justify: inter-ideograph
}

.about1 .right .inner .t2 .scroll-mod {
    height: 100%
}

.about1 .right .inner .t2 .scroll-mod .desc {
    width: 99%
}

.about2 {
    padding: 117px 0 140px
}

.about2 .t1 {
    font-size: 1.979vw;
    text-align: center
}

.about2 .desc {
    font-size: 0.9375vw;
    text-align: center;
    /*padding: 0 9.375vw;*/
    color: #666666;
    margin-top: 16px
}

.about2 .cont {
    margin-top: 38px
}

.about2 .cont .list {
    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
}

.about2 .cont .list .item {
    width: 48.222%;
    border: 1px solid #eeeeee
}

.about2 .cont .list .item .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.about2 .cont .list .item .img::before {
    content: '';
    display: block;
    padding-top: 64.97696%
}

.about2 .cont .list .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.about3 {
    padding: 142px 0 108px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

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

.about3 .left {
    width: 50%
}

.about3 .right {
    width: 50%
}

.about3 .cont1 .tit {
    padding-right: 201px;
    text-align: center;
    font-size: 22px;
    position: relative
}

@media screen and (max-width: 950px) {
    .about3 .cont1 .tit {
        font-size: 18px
    }
}

.about3 .cont1 .tit .t1 {
    padding: 0 75px
}

.about3 .cont1 .tit .moreBox {
    position: absolute;
    top: -2px;
    right: 132px
}

.about3 .cont1 .chartBox {
    height: 19.427vw;
    margin-top: 59px;
    max-height: 373px
}

.about3 .echarts {
    width: 100%;
    height: 100%
}

.about3 .cont1 .right .tit {
    padding-right: 150px;
    padding-left: 212px
}

.about3 .cont1 .right .tit .t1 {
    padding: 0
}

.about3 .cont1 .right .tit .moreBox {
    right: 0
}

.about3 .cont2 {
    margin-top: 30px
}

.about3 .cont2 .tit {
    font-size: 22px;
    padding-left: 24px
}

@media screen and (max-width: 950px) {
    .about3 .cont2 .tit {
        font-size: 18px
    }
}

.about3 .cont2 .chartBox {
    height: 10vw;
    max-height: 192px
}

.about3 .cont2 .right {
    padding-left: 5%
}

.about4 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 92px 0 140px
}

.about4 .tit {
    font-size: 34px;
    text-align: center
}

@media screen and (max-width: 950px) {
    .about4 .tit {
        font-size: 22px
    }
}

.about4 .cont {
    padding: 0 76px;
    margin-top: 62px
}

.about4 .cont .slick-cont {
    text-align: center;
    position: relative;
    padding-bottom: 130px;
    min-height: 257px;
    width: calc((1350px - 152px) / 4)
}

.about4 .cont .slick-cont .t1 {
    font-size: 22px
}

@media screen and (max-width: 950px) {
    .about4 .cont .slick-cont .t1 {
        font-size: 18px
    }
}

.about4 .cont .slick-cont .t2 {
    font-size: 18px;
    white-space: normal;
    padding: 0 43px;
    margin-top: 8px
}

@media screen and (max-width: 950px) {
    .about4 .cont .slick-cont .t2 {
        font-size: 16px
    }
}

.about4 .cont .slick-cont .t3 {
    font-size: 38px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 950px) {
    .about4 .cont .slick-cont .t3 {
        font-size: 24px
    }
}

.about4 .cont .slick-cont .t3 .cir {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 74px
}

.about4 .cont .slick-cont .t3 .cir::before {
    content: '';
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.about4 .cont .slick-cont .t3 .cir::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-color: #38b372;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.about4 .cont .slick-cont .t3 .cir span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    border-radius: 50%;
    z-index: -1
}

.about4 .cont .slick-cont .t3 .cir span:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.about4 .cont .tracker-item.cur .slick-cont .t3 .cir span {
    background-color: #38b372
}

.about4 .tracker-mod .tracker-item.cur {
    color: #fff
}

.about4 .tracker-mod .tracker-item.cur .slick-cont .t3 .cir::before {
    width: 22px;
    height: 22px
}

.about4 .tracker-mod .tracker-item.cur .slick-cont .t3 .cir::after {
    opacity: 1;
    visibility: visible
}

.about4 .tracker-mod .tracker-item {
    vertical-align: bottom
}

.about4 .tracker-mod .tracker-box {
    width: 100%;
    position: relative
}

.about4 .tracker-mod .tracker-box::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 87px;
    height: 2px;
    background-image: url(../image/line1.png)
}

.about4 .tracker-mod {
    position: relative
}

.about4 .xicon {
    width: 60px;
    height: 21px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 77px
}

.about4 .xicon::before {
    display: none
}

.about4 .tracker-mod.dir-hor .tracker-next {
    background-image: url(../image/next1_a.png);
    float: none;
    right: -76px
}

.about4 .tracker-mod.dir-hor .tracker-prev {
    background-image: url(../image/prev1_a.png);
    float: none;
    left: -76px
}

.about4 .moreBox {
    text-align: center;
    margin-top: 48px
}

.about4 .scroll-track-x,
.about4 .scroll-track-y {
    display: none
}

.about4 .scroll-mod.scroll-axis-y {
    padding-right: 0
}

@-webkit-keyframes living {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes living {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes living1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes living1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@media screen and (min-width: 1920px) {
    .about1 .right .inner .t1 {
        font-size: 24px
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {
    .about1 .right .inner .t1 {
        font-size: 18px
    }
}

@media screen and (min-width: 1920px) {
    .about1 .right .inner .t2 {
        font-size: 18px
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {
    .about1 .right .inner .t2 {
        font-size: 16px
    }
}

@media screen and (min-width: 1920px) {
    .about2 .t1 {
        font-size: 30px
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {
    .about2 .t1 {
        font-size: 22px
    }
}

@media screen and (min-width: 1920px) {
    .about2 .t2 {
        font-size: 18px
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {
    .about2 .t2 {
        font-size: 16px
    }
}

@media screen and (min-width: 951px) {
    .about4 .cont .slick-cont:hover .t3 .cir span {
        -webkit-animation: living 2s linear infinite;
        animation: living 2s linear infinite
    }

    .about4 .cont .cur .slick-cont:hover .t3 .cir span {
        -webkit-animation: living1 2s linear infinite;
        animation: living1 2s linear infinite
    }
}

@media screen and (max-width: 1600px) {

    .about1 .right .inner .t1,
    .about2 .t1 {
        font-size: 24px
    }
}

@media screen and (max-width: 1600px) and (max-width: 950px) {

    .about1 .right .inner .t1,
    .about2 .t1 {
        font-size: 18px
    }
}

@media screen and (max-width: 1600px) {

    .about1 .right .inner .t2,
    .about2 .desc {
        font-size: 16px
    }
}

@media screen and (max-width: 1280px) {

    .about3 .cont1 .tit,
    .about3 .cont1 .right .tit {
        padding: 0
    }

    .about3 .cont1 .tit .t1 {
        padding: 0
    }

    .about3 .cont1 .tit .moreBox {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 20px
    }

    .about3 .cont1 .chartBox {
        margin-top: 30px
    }

    .about3 .cont2 .right {
        padding-left: 2%
    }

    .about3 .cont1 .chartBox {
        height: 180px
    }

    .about3 .cont2 .chartBox {
        height: 120px
    }
}

@media screen and (max-width: 950px) {
    .about4 {
        padding: 80px 0 96px
    }
}

@media screen and (max-width: 750px) {
    .about1 .flex {
        display: block
    }

    .about1 .left {
        width: auto
    }

    .about1 .right {
        width: auto
    }

    .about1 .right .inner {
        width: auto;
        height: auto;
        padding: 15px;
        position: relative;
        top: auto;
        -webkit-transform: none;
        transform: none
    }

    .about1 .right .inner .t2 .scroll-mod {
        height: 300px
    }

    .about2 {
        padding: 30px 0
    }

    .about2 .desc {
        padding: 0
    }

    .about2 .cont {
        margin-top: 25px
    }

    .about2 .cont .list {
        display: block
    }

    .about2 .cont .list .item {
        width: auto;
        margin-bottom: 15px
    }

    .about3 {
        padding: 30px 0
    }

    .about3 .flex {
        display: block
    }

    .about3 .left {
        width: auto
    }

    .about3 .right {
        width: auto;
        margin-top: 30px
    }

    .about3 .cont1 .chartBox {
        margin-top: 25px;
        height: 200px
    }

    .about3 .cont2 .tit {
        padding: 0;
        text-align: center
    }

    .about3 .cont2 .right {
        padding: 0
    }

    .about4 {
        padding: 30px 0 90px
    }

    .about4 .cont {
        padding: 0 30px;
        margin-top: 25px
    }

    .about4 .cont .slick-cont {
        min-height: 176px;
        padding-bottom: 90px
    }

    .about4 .cont .slick-cont .t2 {
        padding: 0
    }

    .about4 .cont .slick-cont .t3 .cir {
        bottom: 50px
    }

    .about4 .tracker-mod .tracker-box::after {
        bottom: 63px
    }

    .about4 .xicon {
        bottom: 49px;
        background-size: 61px auto;
        width: 30px;
        height: 30px
    }

    .about4 .tracker-mod.dir-hor .tracker-next {
        background-position: right;
        right: -32px
    }

    .about4 .tracker-mod.dir-hor .tracker-prev {
        background-position: left;
        left: -32px
    }

    .about4 .moreBox {
        margin-top: 30px
    }
}

.buyDetails1 {
    position: relative;
    padding: 40px 0px 5px 0px;
    /*126px 0 65px*/
}

.buyDetails1 .img {
    width: 300px;
    /*469px*/
    /*position: relative;
	overflow: hidden;*/
    margin: 0 auto
}

/*
.buyDetails1 .img::before {
	content: '';
	display: block;
	padding-top: 16.84435%
}

.buyDetails1 .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}*/
.buyDetails1 .img img {
    width: 100%;
    height: auto
}

.buyDetails1 .tit38 {
    margin-top: 20px;
    /*38px*/
}

.buyDetails1 .t1 {
    font-family: 'avian';
    font-size: 18px;
    /*22px;*/
    margin-top: 13px
}

@media screen and (max-width: 950px) {
    .buyDetails1 .t1 {
        font-size: 18px
    }
}

.buyDetails1 .desc {
    /*text-align: center;*/
    font-size: 18px;
    /*color: #666666;*/
    /*padding: 0 178px;*/
    margin-top: 26px;
}

@media screen and (max-width: 950px) {
    .buyDetails1 .desc {
        font-size: 16px
    }
}

.buyDetails1 .moreBox {
    position: absolute;
    right: 0;
    top: 0
}

.buyDetails1 .cont {
    background-color: #fff;
    background-image: url(../image/lyj/buyd2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    margin-top: 28px;
    /*48px;*/
    padding: 0px 40px 20px 40px;
    /*32px 52px 58px*/
}

.buyDetails1 .cont .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
    /*padding-top: 25px;*/
    padding: 22px 40px 0px 0px;
}

@media screen and (max-width: 950px) {
    .buyDetails1 .cont .list .item {
        font-size: 16px
    }
}

.buyDetails1 .cont .list .item .rl {
    /*width: 0;*/
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /*font-size: 0*/
}

.buyDetails1 .cont .list .item .rl a {
    display: inline-block;
    vertical-align: middle;
    /*margin-right: 30px;*/
    font-size: 18px
}

@media screen and (max-width: 950px) {
    .buyDetails1 .cont .list .item .rl a {
        font-size: 16px
    }
}

.buyDetails1 .tips {
    font-size: 18px;
    color: #aaa;
    padding: 24px 0px 52px 0px;
}

@media screen and (max-width: 950px) {
    .buyDetails1 .tips {
        font-size: 16px
    }
}

.buyDetails2 {
    padding: 55px 0 142px
}

.buyDetails2 .cont {
    margin-top: 0px;
    /*40px*/
}

.buyDetails2 .cont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.buyDetails2 .cont .list .item {
    width: 25%;
    /*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 30px 15px;
	background-color: #284980;
	color: #fff;
	font-size: 18px;
	border-bottom: 1px solid #6980a6;
	border-right: 1px solid #6980a6*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 15px 10px;
    font-size: 18px;
}

@media screen and (max-width: 950px) {
    .buyDetails2 .cont .list .item {
        font-size: 16px
    }
}

.buyDetails2 .moreBox {
    text-align: center;
    margin-top: 50px
}

@media screen and (min-width: 951px) {
    .buyDetails1 .cont .list .item .rl a:hover {
        color: #3a61a1
    }

    .buyDetails2 .cont .list .item a:hover {
        color: #6799eb
    }
}

@media screen and (max-width: 950px) {
    .buyDetails1 .moreBox {
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
        margin-top: 25px
    }

    .buyDetails1 .desc {
        padding: 0
    }
}

@media screen and (max-width: 750px) {
    .buyDetails1 {
        padding: 50px 0 25px
    }

    .buyDetails1 .img {
        width: 80%
    }

    .buyDetails1 .tit38 {
        margin-top: 25px
    }

    .buyDetails1 .desc {
        margin-top: 25px
    }

    .buyDetails1 .cont {
        margin-top: 25px;
        padding: 15px 15px 1px
    }

    .buyDetails1 .cont .list .item {
        padding-top: 0;
        margin-bottom: 15px;
        display: block
    }

    .buyDetails1 .cont .list .item .rl {
        width: auto
    }

    .buyDetails1 .cont .list .item .rl a {
        margin-right: 12px
    }

    .buyDetails1 .tips {
        padding: 15px 0 0
    }

    .buyDetails2 {
        padding: 25px 0 50px
    }

    .buyDetails2 .cont {
        margin-top: 25px
    }

    .buyDetails2 .cont .list .item {
        width: 50%;
        font-size: 14px;
        padding: 25px 10px
    }

    .buyDetails2 .moreBox {
        margin-top: 25px
    }
}

.contantUs1 {
    padding: 80px 0 140px;
    /*129px 0 140px*/
}

.contantUs1 .cont {
    margin-top: 38px
}

.contantUs1 .cont .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09)
}

.contantUs1 .cont .left {
    width: 47.111%
}

.contantUs1 .cont .left .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.contantUs1 .cont .left .img::before {
    content: '';
    display: block;
    padding-top: 78.7728%
}

.contantUs1 .cont .left .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.contantUs1 .cont .right {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.contantUs1 .cont .right .inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 43px;
    right: 43px
}

.contantUs1 .cont .right .inner .scroll-mod {
    height: 100%
}

.contantUs1 .cont .right .inner .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contantUs1 .cont .right .inner .list .item .lr {
    width: 150px;
    /*208px;*/
    text-align: right;
    font-size: 16px;
    /*20px*/
}

@media screen and (max-width: 950px) {
    .contantUs1 .cont .right .inner .list .item .lr {
        font-size: 18px
    }
}

.contantUs1 .cont .right .inner .list .item .rl {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 23px;
    color: #666666;
    font-size: 16px;
    /*18px*/
}

@media screen and (max-width: 950px) {
    .contantUs1 .cont .right .inner .list .item .rl {
        font-size: 16px
    }
}

.contantUs1 .cont .right .inner .list .item .rl .img {
    width: 100px;
    position: relative;
    overflow: hidden
}

.contantUs1 .cont .right .inner .list .item .rl .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.contantUs1 .cont .right .inner .list .item .rl .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.contantUs1 .cont .right .inner .list .item.col333 .rl {
    color: #333
}

.contantUs1 .cont .right .inner .list .item+.item {
    margin-top: 18px
}

.contantUs1 .scroll-track-x {
    display: none
}

@media screen and (max-width: 1280px) {
    .contantUs1 .cont .right .inner .list .item {
        display: block
    }

    .contantUs1 .cont .right .inner .list .item .lr {
        width: auto;
        text-align: left
    }

    .contantUs1 .cont .right .inner .list .item .rl {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding-left: 0;
        margin-top: 5px
    }

    .contantUs1 .cont .right .inner {
        height: 80%
    }
}

@media screen and (max-width: 750px) {
    .contantUs1 {
        padding: 50px 0
    }

    .contantUs1 .cont {
        margin-top: 25px
    }

    .contantUs1 .cont .flex {
        display: block
    }

    .contantUs1 .cont .left {
        width: auto;
        display: none
    }

    .contantUs1 .cont .right {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .contantUs1 .cont .right .inner {
        position: relative;
        top: auto;
        left: 0;
        right: 0;
        -webkit-transform: none;
        transform: none;
        padding: 15px
    }

    .contantUs1 .cont .right .inner .scroll-mod {
        height: auto
    }

    .contantUs1 .cont .right .inner .scroll-mod .scroll-track-x,
    .contantUs1 .cont .right .inner .scroll-mod .scroll-track-y {
        display: none
    }

    .contantUs1 .cont .right .inner {
        height: auto
    }
}

.experience1 {
    padding: 80px 0 140px;
    /*129px 0 140px*/
}

.experience1 .cont {
    margin-top: 29px
}

.experience1 .tracker-mod .tracker-item {
    font-size: 22px;
    /*26px*/
    margin: 0 161px
}

@media screen and (max-width: 950px) {
    .experience1 .tracker-mod .tracker-item {
        font-size: 20px
    }
}

.experience1 .tracker-mod .tracker-item .txt {
    color: #666
}

.experience1 .tracker-mod .tracker-item.cur .txt {
    color: #3a61a1
}

.experience1 .tracker-mod .tracker-item .txt a {
    display: block;
    padding: 0 0 4px;
    position: relative
}

.experience1 .tracker-mod .tracker-item .txt a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #3a61a1;
    opacity: 0;
    visibility: hidden
}

.experience1 .tracker-mod .tracker-item .txt a::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -21px;
    border-top: 22px solid #3a61a1;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    opacity: 0;
    visibility: hidden
}

.experience1 .tracker-mod .tracker-box {
    padding-bottom: 20px
}

.experience1 .tracker-mod .tracker-item.cur .txt a::before {
    opacity: 1;
    visibility: visible
}

.experience1 .tracker-mod .tracker-item.cur .txt a::after {
    opacity: 1;
    visibility: visible
}

.experience1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.experience1 .list .item {
    width: calc(33.33% - 16px);
    margin-right: 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    margin-bottom: 24px;
    position: relative
}

.experience1 .list .item::before {
    content: '';
    background-image: url(../image/earth3.png);
    width: 41px;
    /*71px*/
    height: 42px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 10px;
    bottom: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.experience1 .list .item.i3 {
    margin-right: 0
}

.experience1 .list .item a {
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.experience1 .list .item .flex {
    height: 100px;
    /*200px*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.experience1 .list .item .flex .txt {
    font-size: 16px;
    /*22px*/
    color: #194984;
    padding: 0 30px;
    /*0 60px*/
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    z-index: 2;
    width: 100%
}

@media screen and (max-width: 950px) {
    .experience1 .list .item .flex .txt {
        font-size: 18px
    }
}

.experience1 .tab-cont {
    margin-top: 20px;
    /*50px*/
}

.experience1 .tab-mod .tab-item {
    display: none
}

.experience1 .tab-mod .tab-item.act {
    display: block
}

.experience1 .pageBox {
    padding-top: 25px
}

@media screen and (min-width: 951px) {
    .experience1 .list .item:hover a {
        background-color: #194984
    }

    .experience1 .list .item:hover .txt {
        color: #fff
    }

    .experience1 .list .item:hover::before {
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width: 1280px) {
    .experience1 .list .item .flex .txt {
        padding: 0 30px;
        font-size: 18px
    }
}

@media screen and (max-width: 1280px) and (max-width: 950px) {
    .experience1 .list .item .flex .txt {
        font-size: 16px
    }
}

@media screen and (max-width: 1280px) {
    .experience1 .list .item .flex {
        height: 150px
    }

    .experience1 .tracker-mod .tracker-item {
        margin: 0 50px
    }

    .experience1 .list .item::before {
        display: none
    }
}

@media screen and (max-width: 750px) {
    .experience1 {
        padding: 50px 0
    }

    .experience1 .cont {
        margin-top: 25px
    }

    .experience1 .tracker-mod .tracker-item {
        margin: 0 10px
    }

    .experience1 .tab-cont {
        margin-top: 25px
    }

    .experience1 .list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .experience1 .list .item {
        width: 48%;
        margin: 0 0 15px 0;
        padding: 15px
    }

    .experience1 .list .item .flex {
        height: 100%
    }

    .experience1 .list .item a {
        height: 100%
    }

    .experience1 .list .item .flex .txt {
        padding: 0
    }

    .experience1 .pageBox {
        padding-top: 15px
    }

    .experience1 .tracker-mod .tracker-item .txt a::after {
        border-left-width: 8px;
        border-right-width: 8px;
        border-top-width: 12px;
        bottom: -11px
    }

    .experience1 .tracker-mod .tracker-box {
        padding-bottom: 10px
    }
}

.home1 {
    position: relative
}

.home1 .slick-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home1 .slick-cont .left {
    width: 50%
}

.home1 .slick-cont .left .img {
    position: relative;
    overflow: hidden
}

.home1 .slick-cont .left .img::before {
    content: '';
    display: block;
    padding-top: 67.91667%
}

.home1 .slick-cont .left .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home1 .slick-cont .right {
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    letter-spacing: -1.5em
}

.home1 .slick-cont .right .inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    color: #fff;
    padding: 2em 7.24vw;
    letter-spacing: 0
}

.home1 .slick-cont .right::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.home1 .slick-cont .right .inner .t1 {
    font-size: 1.25vw
}

.home1 .slick-cont .right .inner .t2 {
    font-size: 0.9375vw;
    margin-top: 1.25vw
}

.home1 .slick-cont .right .inner .t3 {
    font-size: 0.9375vw;
    font-family: 'avian';
    margin-top: 1.145vw
}

.home1 .slick-cont .right .inner .moreBox {
    margin-top: 4.167vw
}

.home1 .slick-nav {
    position: absolute;
    bottom: 0;
    padding-bottom: 57px;
    z-index: 2;
    right: 50%;
    -webkit-transform: translateX(-4.896vw);
    transform: translateX(-4.896vw)
}

.home1 .slick-nav::before {
    content: '';
    width: 1px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 75px;
    background-color: #38b372;
    bottom: 0
}

.home1 .slick-nav .slick-dots {
    width: 23px;
    list-style: none
}

.home1 .slick-nav .slick-dot {
    list-style: none;
    width: 11px;
    height: 46px;
    border-radius: 50%;
    margin: 0px auto;
    position: relative
}

.home1 .slick-nav .slick-dot::before {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #38b372;
    top: 50%;
    border-radius: 50%
}

.home1 .slick-nav .slick-dot.slick-active::before {
    width: 9px;
    height: 9px
}

.home1 .slick-nav .slick-dot.slick-active::after {
    content: '';
    width: 22px;
    height: 22px;
    border: 2px solid #38b372;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home1 .scroll-track-x {
    display: none
}

.home2 {
    padding: 7.29vw 0 4.68vw
}

.home2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home2 .list .item {
    width: calc(33.333% - 16px);
    height: 13.126vw;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    padding: 1.7vw 2.5vw 0;
    position: relative;
    margin-bottom: 2.5vw;
    margin-right: 24px
}

.home2 .list .item:nth-child(3n) {
    margin-right: 0
}

.home2 .list .item .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home2 .list .item .top .icon {
    width: 3.9vw;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.home2 .list .item .top .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.home2 .list .item .top .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .list .item .top .txt {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 13px;
    font-size: 1.14vw
}

.home2 .list .item .bot {
    position: absolute;
    bottom: 0.98vw;
    left: 0;
    right: 0;
    padding: 0 2.5vw
}

.home2 .list .item .bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.home2 .list .item .bot .num {
    color: #284980;
    font-family: 'avian';
    font-size: 3.64vw;
    line-height: 1.2
}

.home2 .list .item .bot .unit {
    font-size: 1.14vw;
    position: relative;
    top: -0.78vw;
    padding-left: 9px
}

.home3 {
    padding: 133px 0 260px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden
}

.home3 .desc {
    font-size: 20px;
    color: #fff
}

@media screen and (max-width: 950px) {
    .home3 .desc {
        font-size: 18px
    }
}

.home3 .cont {
    padding: 0 10.43vw;
    margin-top: 45px
}

.home3 .cont .slick-cont {
    text-align: center;
    color: #fff
}

.home3 .cont .slick-cont .t1 {
    font-family: 'avian';
    font-size: 2.396vw
}

.home3 .cont .slick-cont .t2 {
    font-size: 0.937vw;
    margin-top: 9px
}

.home3 .cont .slick-mod {
    margin: 0 -3.646vw
}

.home3 .cont .slick-slide {
    margin: 0 3.646vw
}

.home3 .slick-arrow {
    width: 60px;
    height: 21px;
    position: absolute;
    top: 2.5vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.home3 .slick-arrow.slick-prev {
    background-image: url(../image/prev1_a.png);
    left: -35px
}

.home3 .slick-arrow.slick-next {
    background-image: url(../image/next1_a.png);
    right: -35px
}

.home3 .moreBox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 140px;
    text-align: center
}

.home4 {
    padding: 7.291vw 0 5.729vw
}

.home4 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home4 .list .item {
    width: calc(50% - 25px);
    position: relative;
    margin-right: 50px;
    margin-bottom: 30px
}

.home4 .list .item:nth-child(2n) {
    margin-right: 0
}

.home4 .list .item a {
    display: block
}

.home4 .list .item .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.home4 .list .item .img::before {
    content: '';
    display: block;
    padding-top: 65.37867%
}

.home4 .list .item .img .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home4 .list .item .text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    padding: 0 2vw
}

.home4 .list .item .text .ico {
    width: 5.781vw;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.home4 .list .item .text .ico::before {
    content: '';
    display: block;
    padding-top: 84.68468%
}

.home4 .list .item .text .ico .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home4 .list .item .text .txt {
    text-align: center;
    font-size: 1.771vw;
    margin-top: 4px
}

.home1 .slick-slide {
    opacity: 0 !important;
    -webkit-transition: opacity 1s ease-in-out !important;
    transition: opacity 1s ease-in-out !important
}

.home1 .slick-slide.slick-active {
    opacity: 1 !important
}

@media screen and (min-width: 1920px) {
    .home1 .slick-cont .right .inner .t1 {
        font-size: 24px
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {
    .home1 .slick-cont .right .inner .t1 {
        font-size: 18px
    }
}

@media screen and (min-width: 1920px) {

    .home1 .slick-cont .right .inner .t2,
    .home1 .slick-cont .right .inner .t3 {
        font-size: 18px
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {

    .home1 .slick-cont .right .inner .t2,
    .home1 .slick-cont .right .inner .t3 {
        font-size: 16px
    }
}

@media screen and (min-width: 1920px) {
    .home1 .slick-cont .right .inner .moreBox {
        margin-top: 80px
    }

    .home2 .list .item .top .icon {
        width: 74px
    }

    .home2 .list .item .top .txt {
        font-size: 20px
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {
    .home2 .list .item .top .txt {
        font-size: 18px
    }
}

@media screen and (min-width: 1920px) {
    .home2 .list .item .bot .num {
        font-size: 70px;
        line-height: 1.2
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {
    .home2 .list .item .bot .num {
        font-size: 28px
    }
}

@media screen and (min-width: 1920px) {
    .home2 .list .item .bot .unit {
        font-size: 20px
    }
}

@media screen and (min-width: 1920px) and (max-width: 950px) {
    .home2 .list .item .bot .unit {
        font-size: 18px
    }
}

@media screen and (min-width: 951px) {
    .home2 .list .item:hover .top .icon {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .home4 .list .item:hover .text .ico {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
}

@media screen and (max-width: 1600px) {
    .home1 .slick-nav {
        padding-bottom: 40px
    }

    .home1 .slick-nav::before {
        height: 50px
    }

    .home1 .slick-nav .slick-dot {
        height: 31px
    }
}

@media screen and (max-width: 1440px) {
    .home1 .slick-nav .slick-dot.slick-active::before {
        width: 6px;
        height: 6px
    }

    .home1 .slick-nav .slick-dot::before {
        width: 10px;
        height: 10px
    }

    .home1 .slick-nav .slick-dot.slick-active::after {
        width: 18px;
        height: 18px
    }

    .home1 .slick-nav .slick-dot {
        height: 25px
    }

    .home1 .slick-cont .right .inner .t2 {
        font-size: 16px
    }

    .home3 .cont .slick-cont .t2 {
        font-size: 16px
    }
}

@media screen and (max-width: 1000px) {
    .home1 .slick-cont .right .inner .t2 .scroll-mod {
        height: 60px
    }

    .home1 .slick-cont .right .inner .t3 {
        font-size: 16px
    }

    .home2 .list .item .top .txt {
        font-size: 16px
    }

    .home4 .list .item .text .ico {
        width: 60px
    }

    .home4 .list .item .text .txt {
        font-size: 18px
    }
}

@media screen and (max-width: 1000px) and (max-width: 950px) {
    .home4 .list .item .text .txt {
        font-size: 16px
    }
}

@media screen and (max-width: 1000px) {
    .home1 .slick-cont .right .inner .t1 {
        font-size: 18px
    }
}

@media screen and (max-width: 1000px) and (max-width: 950px) {
    .home1 .slick-cont .right .inner .t1 {
        font-size: 16px
    }
}

@media screen and (max-width: 1000px) {
    .home1 .slick-nav {
        padding-bottom: 0px;
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }

    .home1 .slick-nav::before {
        display: none
    }

    .home1 .slick-nav .slick-dot {
        height: 11px;
        margin: 10px auto
    }
}

@media screen and (max-width: 950px) {
    .home1 .slick-cont .right .inner .moreBox {
        margin-top: 15px
    }

    .home2 .list .item {
        width: calc(50% - 16px)
    }

    .home2 .list .item:nth-child(3n) {
        margin-right: 24px
    }

    .home2 .list .item:nth-child(2n) {
        margin-right: 0px
    }

    .home3 {
        padding: 80px 0 180px;
        min-height: auto
    }

    .home3 .moreBox {
        bottom: 96px
    }

    .home4 .list .item {
        margin-right: 20px;
        width: calc(50% - 10px);
        margin-bottom: 20px
    }

    .home3 .cont .slick-cont .t1 {
        font-size: 16px
    }
}

@media screen and (max-width: 750px) {
    .home1 .slick-cont {
        display: block
    }

    .home1 .slick-cont .left {
        width: auto
    }

    .home1 .slick-cont .right {
        width: auto;
        padding: 0
    }

    .home1 .slick-cont .right .inner {
        padding: 15px
    }

    .home1 .slick-cont .right .inner .t2 .scroll-mod {
        height: auto;
        max-height: 120px
    }

    .home1 .slick-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        -webkit-transform: none;
        transform: none;
        bottom: auto
    }

    .home1 .slick-nav .slick-dots {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .home1 .slick-nav .slick-dot {
        width: 11px;
        height: 11px;
        margin: 0 10px
    }

    .home2 .list .item .bot .num {
        font-size: 24px
    }
}

@media screen and (max-width: 750px) and (max-width: 950px) {
    .home2 .list .item .bot .num {
        font-size: 18px
    }
}

@media screen and (max-width: 750px) {
    .home2 .list .item .bot .unit {
        top: 0px;
        font-size: 14px
    }

    .home2 .list .item .top .icon {
        width: 30px
    }

    .home2 {
        padding: 30px 0
    }

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

    .home2 .list .item {
        width: 48%;
        margin: 0 0 15px 0;
        padding: 15px;
        height: auto
    }

    .home2 .list .item .bot {
        position: relative;
        padding: 0;
        bottom: 0;
        margin-top: 15px
    }

    .home2 .list .item:nth-child(3n) {
        margin-right: 0
    }

    .home3 {
        padding: 30px 0 90px
    }

    .home3 .desc {
        font-size: 18px
    }
}

@media screen and (max-width: 750px) and (max-width: 950px) {
    .home3 .desc {
        font-size: 16px
    }
}

@media screen and (max-width: 750px) {
    .home3 .cont {
        padding: 0 55px;
        margin-top: 25px
    }

    .home3 .slick-arrow {
        width: 30px;
        height: 30px;
        background-size: 61px auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .home3 .slick-arrow.slick-prev {
        left: -30px;
        background-position: left center
    }

    .home3 .slick-arrow.slick-next {
        right: -30px;
        background-position: right center
    }

    .home3 .cont .slick-slide {
        margin: 0 10px
    }

    .home3 .cont .slick-mod {
        margin: 0 -10px
    }

    .home3 .moreBox {
        position: relative;
        bottom: auto;
        margin-top: 25px
    }

    .home4 {
        padding: 30px 0 15px
    }

    .home4 .list {
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .home4 .list .item {
        width: 48%;
        margin: 0 0 15px 0
    }

    .home4 .list .item .text .ico {
        width: 50px
    }

    .home1 .slick-nav {
        position: relative;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .home1 .slick-nav::before {
        content: '';
        display: block;
        padding-top: 67.91667%
    }

    .home1 .slick-nav .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .home1 .slick-nav::before {
        width: auto;
        position: relative;
        left: auto;
        height: auto;
        bottom: auto;
        background-color: transparent;
        -webkit-transform: none;
        transform: none
    }

    .home1 .slick-nav .slick-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15px
    }
}

.joinUs1 {
    padding: 80px 0 140px;
    /*129px 0 140px*/
}

.joinUs1 .tit38 {
    padding-bottom: 10px
}

.joinUs1 .tit {
    font-size: 22px;
    /*26px;*/
    padding: 0 0 22px 0;
    /*0 0 42px 0*/
}

@media screen and (max-width: 950px) {
    .joinUs1 .tit {
        font-size: 20px
    }
}

.joinUs1 .cont .list .item {
    position: relative
}

.joinUs1 .cont .list .item+.item {
    margin-top: 40px
}

.joinUs1 .cont .list .item .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.joinUs1 .cont .list .item .left {
    height: 325px;
    position: relative;
    width: 50%
}

.joinUs1 .cont .list .item .left .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -285px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09)
}

.joinUs1 .cont .list .item .right .bg {
    left: 0;
    right: -285px
}

.joinUs1 .cont .list .item .left .text {
    position: relative;
    z-index: 2;
    padding: 21px 41px 0 20px;
    /*41px 43px 0 24px*/
}

.joinUs1 .cont .list .item .left .text .t1 {
    font-size: 22px;
    color: #194984
}

@media screen and (max-width: 950px) {
    .joinUs1 .cont .list .item .left .text .t1 {
        font-size: 18px
    }
}

.joinUs1 .cont .list .item .left .text .t2 {
    font-size: 22px
}

@media screen and (max-width: 950px) {
    .joinUs1 .cont .list .item .left .text .t2 {
        font-size: 18px
    }
}

.joinUs1 .cont .list .item .left .text .t3 {
    font-size: 18px;
    margin-top: 12px
}

@media screen and (max-width: 950px) {
    .joinUs1 .cont .list .item .left .text .t3 {
        font-size: 16px
    }
}

.joinUs1 .cont .list .item .left .text .t3 .scroll-mod {
    height: 140px
}

.joinUs1 .cont .list .item .right .text {
    color: #fff
}

.joinUs1 .cont .list .item .right .text .t1 {
    color: #fff
}

.joinUs1 .cont .list .item .right .scroll-track-y {
    background-color: #fff
}

.joinUs1 .cont .list .item .img {
    width: 100%
}

.joinUs1 .cont .list .item .img img {
    display: block;
    width: 100%;
    height: auto
}

.joinUs1 .cont .list .item .ul {
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    padding: 33px;
    /*58px 43px 58px 52px*/
}

.joinUs1 .cont .list .item .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /*font-size: 22px*/
}

@media screen and (max-width: 950px) {
    .joinUs1 .cont .list .item .ul .li {
        font-size: 18px
    }
}

.joinUs1 .cont .list .item .ul .li+.li {
    margin-top: 25px
}

.joinUs1 .cont .list .item .ul .li .a1:nth-child(1) {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px
}

.joinUs1 .cont .list .item .ul .li .a1:nth-child(2) {
    width: 105px
}

.joinUs1 .cont .list .item .ul .li .a1:nth-child(3) {
    width: 130px;
    text-align: right
}

.joinUs1 .scroll-track-x {
    display: none
}

@media screen and (min-width: 951px) {
    .joinUs1 .cont .list .item .ul .li {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .joinUs1 .cont .list .item .ul .li:hover {
        /*background-color: #3a61a1;*/
        border-bottom: solid 1px #3a61a1;
        /*color: #fff;*/
    }
}

@media screen and (max-width: 1280px) {

    .joinUs1 .cont .list .item .ul .li .a1:nth-child(2),
    .joinUs1 .cont .list .item .ul .li .a1:nth-child(3) {
        width: auto;
        margin-left: 20px
    }
}

@media screen and (max-width: 950px) {
    .joinUs1 {
        padding: 50px 0
    }

    .joinUs1 .tit {
        padding-bottom: 15px
    }

    .joinUs1 .cont .list .item .flex {
        display: block
    }

    .joinUs1 .cont .list .item .flex .left {
        width: auto;
        height: auto
    }

    .joinUs1 .cont .list .item .left .bg {
        left: 0
    }

    .joinUs1 .cont .list .item .left .text {
        padding: 15px
    }

    .joinUs1 .cont .list .item .left .bg {
        right: 0
    }

    .joinUs1 .cont .list .item+.item {
        margin-top: 25px
    }

    .joinUs1 .cont .list .item .ul {
        padding: 15px
    }

    .joinUs1 .cont .list .item .ul .li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .joinUs1 .cont .list .item .ul .li .a1:nth-child(1) {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .joinUs1 .cont .list .item .ul .li .a1:nth-child(2),
    .joinUs1 .cont .list .item .ul .li .a1:nth-child(3) {
        margin-left: 0;
        margin-right: 15px;
        margin-top: 15px;
        color: #3a61a1;
    }

    .pop-img {
        background-color: #fff
    }

    .pop-img .pop-dialog {
        height: 100%;
        overflow: hidden
    }

    .pop-img .pop-cont {
        width: 100%;
        overflow: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .pop-img .pop-cont .img {
        width: 100%;
        position: relative;
        overflow: hidden
    }

    .pop-img .pop-cont .img::before {
        content: '';
        display: block;
        padding-top: 90.74074%
    }

    .pop-img .pop-cont .img .i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .pop-img .tips {
        font-size: 12px;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
        position: absolute
    }

    .pop-mod .pop-close {
        top: 15px;
        right: 15px;
        width: 30px;
        height: 30px
    }
}

.loginAfter1 {
    padding: 0 0 122px;
    margin-top: -63px
}

.loginAfter1 .cont .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.loginAfter1 .cont .left {
    width: 240px;
    /*270px*/
}

.loginAfter1 .cont .left .navTree {
    width: 100%;
    /*height: 668px;*/
    background-color: #284980;
    color: #fff;
    border: 2px solid #3a61a1;
    border-top: 0
}

.loginAfter1 .cont .left .navTree .list .item+.item {
    margin-top: -2px
}

.loginAfter1 .cont .left .navTree .list .item .tit {
    padding: 0 10px;
    /*0 36px*/
    cursor: pointer;
    background-image: url(../image/lyj/login2.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    border: 2px solid #3a61a1;
    border-left: 0;
    border-right: 0
}

.loginAfter1 .cont .left .navTree .list .item .tit .txt {
    height: 40px;
    /*62px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.loginAfter1 .cont .left .navTree .list .item .tit .txt span {
    font-size: 18px;
    /*26px;*/
    display: block;
    /*line-height: 1;*/
}

@media screen and (max-width: 950px) {
    .loginAfter1 .cont .left .navTree .list .item .tit .txt span {
        font-size: 20px
    }
}

.loginAfter1 .cont .left .navTree .list .item .tit .txt span.arr {
    width: 14px;
    height: 14px;
    background-image: url(../image/lyj/arr1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 2px;
    margin-left: 120px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out
}

.loginAfter1 .cont .left .navTree .list .item .ul {
    display: none
}

.loginAfter1 .cont .left .navTree .list .item .ul .li {
    padding: 0 16px 0 16px;
    /*0 26px 0 36px;*/
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.loginAfter1 .cont .left .navTree .list .item .ul .li .checkBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 39px;
}

.loginAfter1 .cont .left .navTree .list .item .ul .li .checkBox .icon {
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    position: relative;
}

.loginAfter1 .cont .left .navTree .list .item .ul .li .checkBox .icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../image/lyj/dui1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0
}

.loginAfter1 .cont .left .navTree .list .item .ul .li .checkBox .txt {
    font-size: 16px;
    /*18px;*/
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;
    /*16px;*/
}

@media screen and (max-width: 950px) {
    .loginAfter1 .cont .left .navTree .list .item .ul .li .checkBox .txt {
        font-size: 16px
    }
}

.loginAfter1 .cont .left .scroll-mod.scroll-axis-y {
    padding-right: 0
}

.loginAfter1 .cont .left .scroll-track-y {
    width: 4px;
    right: 0
}

.loginAfter1 .cont .left .scroll-bar-y {
    width: 4px;
    margin-left: 0;
    background-color: #fff
}

.loginAfter1 .cont .left .navTree .list .item .tit.on .txt span.arr {
    -webkit-transform: none;
    transform: none
}

.loginAfter1 .cont .left .navTree .list .item .ul .li.on .checkBox .icon::before {
    opacity: 1
}

.loginAfter1 .cont .left .navTree .list .item .ul .li.on {
    background-color: #3a61a1
}

.loginAfter1 .cont .right {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px
}

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

.loginAfter1 .cont .right .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    top: -4px;
    padding-left: 25px;
    /*79px*/
}

.loginAfter1 .cont .right .top .res {
    font-size: 18px;
    color: #666666;
}

@media screen and (max-width: 950px) {
    .loginAfter1 .cont .right .top .res {
        font-size: 16px
    }
}

.loginAfter1 .cont .right .top .tab .count {
    color: #666666;
    font-size: 0;
    margin-right: 9px;
    margin-right: 10px;
}

.loginAfter1 .cont .right .top .tab .count .li {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

@media screen and (max-width: 950px) {
    .loginAfter1 .cont .right .top .tab .count .li {
        font-size: 16px
    }
}

.loginAfter1 .cont .right .top .tab .icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loginAfter1 .cont .right .top .tab .icons .li+.li {
    margin-left: 10px;
    /*20px*/
}

.loginAfter1 .cont .right .top .tab .icons .li {
    width: 26px;
    /*41px;*/
    height: 26px;
    position: relative;
    cursor: pointer
}

.loginAfter1 .cont .right .top .tab .icons .li .ico {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.loginAfter1 .cont .right .top .tab .icons .li .ico::before {
    content: '';
    display: block;
    padding-top: 100%
}

.loginAfter1 .cont .right .top .tab .icons .li .ico .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.loginAfter1 .cont .right .top .tab .icons .li .ico1 {
    opacity: 1;
}

.loginAfter1 .cont .right .top .tab .count .li.cur {
    color: #284980;
}

.loginAfter1 .cont .right .top .tab .icons .li.cur .ico1 {
    opacity: 0;
}

.loginAfter1 .cont .right .top .tab .icons .li.cur .ico2 {
    opacity: 1;
}

.loginAfter1 .cont .right .tab-cont {
    margin-top: 5px;
}

.loginAfter1 .cont .right .tab-cont .con {
    display: none
}

.loginAfter1 .cont .right .tab-cont .con.act {
    display: block
}

.loginAfter1 .cont .right .tab-cont .con .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.loginAfter1 .cont .right .tab-cont .con .item {
    width: calc(33.333% - 10px);
    background-color: #fff;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.loginAfter1 .cont .right .tab-cont .con .item a {
    display: block;
    position: relative
}

.loginAfter1 .cont .right .tab-cont .con .item .flex {
    height: 120px;
    position: relative
}

.loginAfter1 .cont .right .tab-cont .con .item .icon {
    width: 64px;
    /*120px;*/
    position: relative;
    overflow: hidden;
    margin-left: 10px;
}

.loginAfter1 .cont .right .tab-cont .con .item .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.loginAfter1 .cont .right .tab-cont .con .item .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.loginAfter1 .cont .right .tab-cont .con .item .txt {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 5px 0 5px;
    /*0 20px 0 37px*/
    font-size: 16px;
    color: #666666;
    font-family: 'avian';
}

@media screen and (max-width: 950px) {
    .loginAfter1 .cont .right .tab-cont .con .item .txt {
        font-size: 16px;
    }
}

.loginAfter1 .pageBox {
    padding-top: 25px
}

.loginAfter1 .cont .right .tab-cont .con.text .item::before {
    width: 106px;
    height: 45px
}

.loginAfter1 .cont .right .tab-cont .con.text .item::after {
    width: 184px;
    height: 148px;
    background-image: url(../image/lyj/ico14.png)
}

.loginAfter1 .cont .right .tab-cont .con.text .list {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.loginAfter1 .cont .right .tab-cont .con.text .item {
    width: calc(50% - 16px);
}

.loginAfter1 .cont .right .tab-cont .con.text .item .flex {
    height: auto;
    padding: 20px;
    /*35px 22px 20px;*/
    display: block;
}

.loginAfter1 .cont .right .tab-cont .con.text .item .icon {
    /*width: 160px;*/
    /*190px;*/
    position: relative;
    overflow: hidden;
    height: 80px;
}

.loginAfter1 .cont .right .tab-cont .con.text .item .icon::before {
    content: '';
    display: block;
    padding-top: 43.15789%;
}

.loginAfter1 .cont .right .tab-cont .con.text .item .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.loginAfter1 .cont .right .tab-cont .con.text .item .t1 {
    font-size: 18px;
    word-break: break-word;
    margin-top: 7px
}

@media screen and (max-width: 950px) {
    .loginAfter1 .cont .right .tab-cont .con.text .item .t1 {
        font-size: 16px;
    }
}

.loginAfter1 .cont .right .tab-cont .con.text .item .t2 {
    font-size: 16px;
    /*text-transform: uppercase;*/
    word-break: break-word;
    margin-top: 7px;
}

.loginAfter1 .cont .right .top .tab .count .select-mod {
    font-size: 16px;
    min-width: 120px;
    margin-left: 10px;
}

@media screen and (max-width: 950px) {
    .loginAfter1 .cont .right .tab-cont .con.text .item .t2 {
        font-size: 16px;
    }
}

.loginAfter1 .cont .right .tab-cont .con.text .item .t3 {
    color: #666666;
    font-size: 16px;
    /*padding-right: 86px;*/
    word-break: break-word;
    margin-top: 8px;
}

body:not(.lang-en) .loginAfter1 .cont .right .tab-cont .con.text .item .t3 {
    text-align: justify;
    text-justify: inter-ideograph;
}

.loginAfter1 .cont .right .tab-cont .con.text .item .t4 {
    color: #666666;
    font-size: 16px;
    word-break: break-word;
    margin-top: 12px;
    /*padding-right: 86px*/
}

.loginAfter1 .menu-btn {
    opacity: 0
}

.loginAfter1 .cont .right .top .tab .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reversel
}

.loginAfter1 .cont .left .navTree .list .item .ul .scroll-mod {
    height: 360px;
    /*158px*/
}


@media screen and (min-width: 951px) {
    .loginAfter1 .cont .right .top .tab .count .li:hover {
        color: #284980;
    }

    .loginAfter1 .cont .right .top .tab .icons .li:hover .ico1 {
        opacity: 0;
    }

    .loginAfter1 .cont .right .top .tab .icons .li:hover .ico2 {
        opacity: 1;
    }

    .loginAfter1 .cont .right .tab-cont .con .item:hover {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
}

@media screen and (max-width: 1280px) {
    .loginAfter1 .cont .left {
        width: 200px
    }

    .loginAfter1 .cont .left .navTree .list .item .tit {
        padding: 0 15px
    }

    .loginAfter1 .cont .left .navTree .list .item .tit .txt {
        height: 52px
    }

    .loginAfter1 .cont .left .navTree .list .item .tit .txt span {
        font-size: 18px;
        /*20px*/
    }

    .loginAfter1 .cont .right .top .tab .count .select-mod {
        font-size: 16px
    }

    .loginAfter1 .cont .right .top .tab .count .select-mod .select-bar {
        height: 34px
    }

    .loginAfter1 .cont .right .top .tab .count .select-mod .select-val {
        margin-top: -1px
    }
}

@media screen and (max-width: 1280px) and (max-width: 950px) {
    .loginAfter1 .cont .left .navTree .list .item .tit .txt span {
        font-size: 18px
    }
}

@media screen and (max-width: 1280px) {
    .loginAfter1 .cont .left .navTree .list .item .tit .txt span.arr {
        margin-left: 10px;
        width: 16px;
        height: 16px
    }

    .loginAfter1 .cont .left .navTree .list .item .ul .li {
        padding: 0 15px
    }

    .loginAfter1 .cont .left .navTree .list .item .ul .li .checkBox {
        height: 41px
    }

    .loginAfter1 .cont .left .navTree .list .item .ul .li .checkBox .icon {
        width: 16px;
        height: 16px
    }

    .loginAfter1 .cont .left .navTree .list .item .ul .li .checkBox .txt {
        padding-left: 10px;
        font-size: 16px
    }

    .loginAfter1 .cont .right .tab-cont .con .item {
        width: calc(50% - 25px)
    }

    .loginAfter1 .cont .right .top {
        padding-left: 25px
    }

    .loginAfter1 .cont .right .top .tab .count .li {
        margin-right: 12px
    }

    .loginAfter1 .cont .right .top .tab .icons .li {
        width: 34px;
        height: 34px
    }

    .loginAfter1 .cont .right .top .tab .icons .li+.li {
        margin-left: 12px
    }

    .loginAfter1 .cont .left .navTree .list .item .ul .scroll-mod {
        height: 168px
    }
}

@media screen and (max-width: 950px) {

    .loginAfter1 .cont .right .tab-cont .con.text .item .t3,
    .loginAfter1 .cont .right .tab-cont .con.text .item .t4 {
        padding-right: 0
    }

    .loginAfter1 .cont .right .top .tab .count .select-mod {
        font-size: 16px;
    }
}

@media screen and (max-width: 750px) {
    .loginAfter1 {
        margin-top: 0;
        padding-bottom: 50px
    }

    .loginAfter1 .cont .flex {
        position: relative
    }

    .loginAfter1 .cont .left {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        left: -200px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out
    }

    .loginAfter1 .cont .left.show {
        left: 0
    }

    .loginAfter1 .cont .left .navTree {
        height: 100%
    }

    .loginAfter1 .cont {
        position: relative
    }

    .loginAfter1 .menu-btn {
        position: relative;
        width: 40px;
        overflow: hidden;
        opacity: 1
    }

    .loginAfter1 .menu-btn::before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .loginAfter1 .menu-btn .line,
    .loginAfter1 .menu-btn .line::before,
    .loginAfter1 .menu-btn .line::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #284980;
        border-radius: 1px;
        width: 60%;
        height: 2px;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .loginAfter1 .menu-btn .line::before,
    .loginAfter1 .menu-btn .line::after {
        content: '';
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .loginAfter1 .menu-btn .line::before {
        -webkit-transform: translateY(-400%);
        transform: translateY(-400%)
    }

    .loginAfter1 .menu-btn .line::after {
        -webkit-transform: translateY(400%);
        transform: translateY(400%)
    }

    .loginAfter1 .menu-btn.menu-open .line {
        background-color: transparent
    }

    .loginAfter1 .menu-btn.menu-open .line::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .loginAfter1 .menu-btn.menu-open .line::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .loginAfter1 .cont .right {
        padding-left: 0
    }

    .loginAfter1 .cont .right .top {
        padding-left: 0;
        top: 0;
        display: block
    }

    .loginAfter1 .cont .right .top .tab .flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 10px
    }

    .loginAfter1 .cont .right .top .tab .count {
        margin-right: 0;
        width: 100%;
        margin-top: 10px
    }

    .loginAfter1 .cont .right .tab-cont .con .item {
        margin-left: 0;
        margin-bottom: 15px;
        width: 48%
    }

    .loginAfter1 .cont .right .tab-cont .con .list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .loginAfter1 .cont .right .tab-cont .con .item::before,
    .loginAfter1 .cont .right .tab-cont .con .item::after {
        display: none
    }

    .loginAfter1 .cont .right .tab-cont .con .item {
        padding: 15px
    }

    .loginAfter1 .cont .right .tab-cont .con .item .flex {
        display: block;
        height: auto
    }

    .loginAfter1 .cont .right .tab-cont .con .item .icon {
        width: 60px;
        margin: 0 auto
    }

    .loginAfter1 .cont .right .tab-cont .con .item .txt {
        width: auto;
        padding: 0;
        text-align: center;
        margin-top: 10px
    }

    .loginAfter1 .cont .right .tab-cont .con.text .list {
        display: block
    }

    .loginAfter1 .cont .right .tab-cont .con.text .item {
        width: auto
    }

    .loginAfter1 .cont .right .tab-cont .con.text .item .flex {
        padding: 0
    }

    .loginAfter1 .cont .right .tab-cont .con.text .item .icon {
        width: 150px
    }

    .loginAfter1 .pageBox {
        padding-top: 20px
    }

    .loginAfter1 .cont .left .navTree .list .item .tit .txt span.arr {
        top: 0
    }

    .loginAfter1 .cont .left .navTree .list .item .ul .scroll-mod {
        height: calc((100vh - 168px) / 3)
    }


    .loginAfter1 .cont .right .top .tab .count {
        width: auto;
        margin-top: 0
    }

    .loginAfter1 .cont .right .top .tab .flex {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative
    }

    .loginAfter1 .cont .right .top .tab .count {
        margin-left: 15px
    }

    .loginAfter1 .cont .right .top .tab .count .select-mod {
        width: 150px;
        min-width: auto
    }

    .loginAfter1 .cont .right .top .tab .count .select-mod .select-txt {
        padding: 0 10px
    }

    .loginAfter1 .menu-btn {
        position: absolute;
        right: 0;
        top: -25px;
        /*50%;*/
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #f3f3f3;
    }

}

.news1 {
    padding: 80px 0 140px;
    /*129px 0 140px*/
}

.news1 .cont {
    margin-top: 22px;
    /*38px*/
}

.news1 .list .item {
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-bottom: 25px
}

.news1 .list .item a {
    display: block
}

.news1 .list .item .flex {
    min-height: 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 40px 16px 30px;
    /*21px 68px 18px 52px*/
}

.news1 .list .item .dateBox {
    font-family: 'avian';
    color: #284980;
    text-align: center;
    margin-top: -1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.news1 .list .item .dateBox .d1 {
    font-size: 40px;
    /*54px;*/
    line-height: 1.2;
}

@media screen and (max-width: 950px) {
    .news1 .list .item .dateBox .d1 {
        font-size: 28px
    }
}

.news1 .list .item .dateBox .d2 {
    font-size: 14px;
    position: relative;
    top: -7px;
    font-weight: bold
}

.news1 .list .item .text {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 44px
}

.news1 .list .item .text .t1 {
    font-size: 18px
}

@media screen and (max-width: 950px) {
    .news1 .list .item .text .t1 {
        font-size: 16px
    }
}

.news1 .list .item .text .t2 {
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.news1 .pageBox {
    padding-top: 25px
}

@media screen and (min-width: 951px) {
    .news1 .list .item:hover {
        background-color: #284980;
        color: #fff
    }

    .news1 .list .item:hover .dateBox {
        color: #fff
    }

    .news1 .list .item:hover .text {
        color: #fff
    }

    .news1 .list .item:hover .text .t2 {
        color: #fff
    }
}

@media screen and (max-width: 950px) {
    .news1 .list .item .dateBox {
        margin-top: 3px
    }
}

@media screen and (max-width: 750px) {
    .news1 {
        padding: 50px 0
    }

    .news1 .cont {
        margin-top: 25px
    }

    .news1 .list .item {
        margin-bottom: 15px
    }

    .news1 .list .item .flex {
        min-height: auto;
        padding: 15px
    }

    .news1 .list .item .dateBox .d2 {
        top: -3px
    }

    .news1 .list .item .text {
        padding-left: 15px
    }

    .news1 .pageBox {
        padding-top: 10px
    }
}

.newsDetails1 {
    padding: 140px 0
}

.newsDetails1 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.newsDetails1 .cont .left {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 25px
}

.newsDetails1 .cont .right {
    width: 380px
}

.newsDetails1 .cont .right .unit1 {
    color: #fff;
    background-color: #284980
}

.newsDetails1 .cont .right .unit1 .tit {
    font-size: 20px;
    padding: 22px 30px 22px
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont .right .unit1 .tit {
        font-size: 18px
    }
}

.newsDetails1 .cont .right .unit1 .item a {
    display: block
}

.newsDetails1 .cont .right .unit1 .item .inner {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 16px 30px 16px
}

.newsDetails1 .cont .right .unit1 .item .inner .t1 {
    font-size: 18px
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont .right .unit1 .item .inner .t1 {
        font-size: 16px
    }
}

.newsDetails1 .cont .right .unit1 .item .inner .t2 {
    font-size: 18px;
    margin-top: 10px
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont .right .unit1 .item .inner .t2 {
        font-size: 16px
    }
}

.newsDetails1 .cont .left .inner {
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    padding: 43px 35px 24px 32px
}

.newsDetails1 .cont .left .tit {
    font-size: 26px;
    text-align: center
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont .left .tit {
        font-size: 20px
    }
}

.newsDetails1 .cont .left .date1 {
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin-top: 15px
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont .left .date1 {
        font-size: 16px
    }
}

.newsDetails1 .cont .left .desc {
    font-size: 18px;
    color: #666666;
    margin-top: 4px
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont .left .desc {
        font-size: 16px
    }
}

.newsDetails1 .cont .left .desc .p {
    margin-top: 30px
}

.newsDetails1 .cont .left .desc p {
    margin-top: 30px
}

.newsDetails1 .cont .left .desc .p .img {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 13px;
    text-indent: 0
}

.newsDetails1 .cont .left .desc p .img {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 13px;
    text-indent: 0
}

.newsDetails1 .cont .left .desc .p .img img {
    max-width: 100%;
    height: auto
}

.newsDetails1 .cont .left .desc p .img img {
    max-width: 100%;
    height: auto
}

.newsDetails1 .cont .right .list .item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.newsDetails1 .cont .right .list .item .inner .t2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: -2px;
    text-align: center;
    font-family: 'avian';
    padding-right: 20px
}

.newsDetails1 .cont .right .list .item .inner .t2 .d2 {
    font-size: 26px
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont .right .list .item .inner .t2 .d2 {
        font-size: 20px
    }
}

.newsDetails1 .cont .right .list .item .inner .t2 .d1 {
    margin-top: -8px
}

.newsDetails1 .cont .right .list .item .inner .t1 {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.newsDetails1 .cont .right .unit1 .tit {
    font-size: 24px;
    font-weight: bold
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont .right .unit1 .tit {
        font-size: 18px
    }
}

@media screen and (min-width: 951px) {
    .newsDetails1 .cont .right .unit1 .item:hover .inner {
        background-color: #2a61a6
    }
}

@media screen and (max-width: 950px) {
    .newsDetails1 .cont {
        display: block
    }

    .newsDetails1 .cont .left {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding: 0
    }

    .newsDetails1 .cont .right {
        width: auto;
        margin-top: 30px
    }

    .newsDetails1 .cont .right .list .item .inner .t2 {
        margin-top: 0
    }
}

@media screen and (max-width: 750px) {
    .newsDetails1 {
        padding: 50px 0
    }

    .newsDetails1 .cont .left .inner {
        padding: 15px
    }

    .newsDetails1 .cont .left .date1 {
        margin-top: 5px
    }

    .newsDetails1 .cont .left .desc .p {
        margin-top: 10px
    }

    .newsDetails1 .cont .left .desc .p .img {
        padding: 10px 0
    }

    .newsDetails1 .cont .right {
        margin-top: 25px
    }

    .newsDetails1 .cont .right .unit1 .tit {
        padding: 15px
    }

    .newsDetails1 .cont .right .unit1 .item .inner {
        padding: 15px
    }
}

.notlogin1 {
    padding: 80px 0 50px 0;
    /*129px 0 120px*/
}

.notlogin1 .cont {
    margin-top: 39px
}

@media screen and (max-width: 750px) {
    .notlogin1 {
        padding: 50px 0
    }

    .notlogin1 .cont {
        margin-top: 25px
    }
}

.problem1 {
    position: relative;
    padding: 80px 0 140px;
    /*126px 0 140px*/
}

.problem1 .cont {
    margin-top: 25px;
    /*40px*/
}

.problem1 .list .item {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    margin-bottom: 25px
}

.problem1 .list .item .ques {
    font-size: 16px;
    /*22px;*/
    background-color: #fff;
    position: relative;
    padding: 10px 42px 10px 26px;
    /*28px 84px 27px 55px*/
    cursor: pointer;
    width: auto;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

@media screen and (max-width: 950px) {
    .problem1 .list .item .ques {
        font-size: 18px
    }
}

.problem1 .list .item .ques .icon {
    /*width: 25px;
	height: 25px;
	top: 50%;
	right: 30px;*/
    width: 16px;
    height: 16px;
    top: 40%;
    right: 20px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.problem1 .list .item .ques .icon::before {
    content: '\e501';
    left: auto;
    color: #284980;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
    line-height: 25px;
    font-size: 26px
}

@media screen and (max-width: 950px) {
    .problem1 .list .item .ques .icon::before {
        font-size: 16px;
        /*20px*/
    }
}

.problem1 .list .item .anser {
    font-size: 16px;
    /*18px*/
    color: #666666;
    padding: 10px 50px 20px 26px;
    /*25px 100px 25px 55px;*/
    /*height: 215px;*/
    display: none;
    line-height: 32px;
}

@media screen and (max-width: 950px) {
    .problem1 .list .item .anser {
        font-size: 16px
    }
}

body:not(.lang-en) .problem1 .list .item .anser {
    text-align: justify;
    text-justify: inter-ideograph
}

.problem1 .list .item .anser .scroll-mod {
    height: 100%
}

.problem1 .pageBox {
    padding-top: 25px
}

.problem1 .list .item.on .ques {
    background-color: #194984;
    color: #fff
}

.problem1 .list .item.on .ques .icon::before {
    color: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.problem1 .scroll-mod.scroll-axis-y {
    padding-right: 10px
}

.problem1 .scroll-track-y {
    right: 0
}

.problem1 .scroll-bar-y {
    width: 3px;
    margin-left: 0
}

@media screen and (min-width: 751px) {
    .problem1 .list .item:hover .ques {
        background-color: #194984;
        color: #fff
    }

    .problem1 .list .item:hover .ques .icon::before {
        color: #fff
    }
}

@media screen and (max-width: 950px) {
    .problem1 .list .item .ques {
        padding: 15px 45px 15px 15px
    }

    .problem1 .list .item .anser {
        padding: 15px
    }
}

@media screen and (max-width: 750px) {
    .problem1 {
        padding: 50px 0
    }

    .problem1 .cont {
        margin-top: 25px
    }

    .problem1 .list .item .ques .icon {
        right: 15px
    }

    .problem1 .list .item {
        margin-bottom: 15px
    }

    .problem1 .pageBox {
        padding-top: 10px
    }
}

.userId1 {
    padding: 137px 0 99px
}

.userId1 .list .item {
    height: 215px;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    margin-bottom: 40px;
    padding-left: 97px;
    padding-top: 38px
}

.userId1 .list .item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 325px;
    background-image: url(../image/lyj/user.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.userId1 .list .item .ul {
    position: relative
}

.userId1 .list .item .ul .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.userId1 .list .item .ul .li .lr {
    width: 228px;
    padding-right: 28px;
    font-size: 22px;
    color: #fff
}

@media screen and (max-width: 950px) {
    .userId1 .list .item .ul .li .lr {
        font-size: 18px
    }
}

.userId1 .list .item .ul .li .rl {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 42px;
    font-size: 18px
}

@media screen and (max-width: 950px) {
    .userId1 .list .item .ul .li .rl {
        font-size: 16px
    }
}

.userId1 .list .item .ul .li .rl .iptBox {
    width: 385px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    border-radius: 24px;
    position: relative;
    top: -6px
}

.userId1 .list .item .ul .li .rl .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.userId1 .list .item .ul .li .rl .ipt {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 15px
}

.userId1 .list .item .ul .li .rl .ipt input {
    width: 100%;
    font-size: 18px
}

@media screen and (max-width: 950px) {
    .userId1 .list .item .ul .li .rl .ipt input {
        font-size: 16px
    }
}

.userId1 .list .item .ul .li .rl .btnBox .btn1 {
    padding: 0 38px;
    line-height: 49px;
    border-radius: 24px;
    background-color: #194984;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

@media screen and (max-width: 950px) {
    .userId1 .list .item .ul .li .rl .btnBox .btn1 {
        font-size: 16px
    }
}

.userId1 .list .item .ul .li+.li {
    margin-top: 52px
}

.userId1 .list .item .ul .li .rl .notData {
    display: none;
    margin-top: 4px
}

.userId1 .list .item .ul .li .rl .notData.x-show {
    display: block
}

.userId1 .list .item .ul .li .lr .tips {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 7px
}

@media screen and (max-width: 950px) {
    .userId1 .list .item .ul .li .lr .tips {
        font-size: 16px
    }
}

.userId1 .list .item .ul .li .lr .btn_clear {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    background-color: #38b372;
    border-radius: 13px;
    padding: 0 24px;
    line-height: 28px;
    margin-top: 12px;
    color: #fff
}

.userId1 .list .item .ul .li .tagList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.userId1 .list .item .ul .li .tagList .tagLi {
    margin-right: 65px
}

.userId1 .list .item .ul .li .scroll-mod {
    height: 150px
}

.userId1 .list .item .ul .li .tagBox {
    margin-top: 4px
}

@media screen and (max-width: 1440px) {
    .userId1 .list .item .ul .li .tagList .tagLi {
        margin-right: 35px
    }
}

@media screen and (max-width: 950px) {
    .userId1 .list .item .ul .li .rl .notData {
        margin-top: 2px
    }

    .userId1 .list .item .ul .li .tagBox {
        margin-top: 2px
    }
}

@media screen and (max-width: 850px) {
    .userId1 .list .item .ul .li .rl .iptBox {
        width: auto
    }
}

@media screen and (max-width: 750px) {
    .userId1 {
        padding: 50px 0 35px
    }

    .userId1 .list .item {
        padding: 15px 15px 20px;
        margin-bottom: 25px;
        height: auto
    }

    .userId1 .list .item .ul .li {
        display: block
    }

    .userId1 .list .item .ul .li .lr {
        width: auto;
        color: #333;
        padding: 0
    }

    .userId1 .list .item .ul .li .rl {
        width: auto;
        padding: 0
    }

    .userId1 .list .item .ul .li+.li {
        margin-top: 25px
    }

    .userId1 .list .item .ul .li .rl {
        margin-top: 5px
    }

    .userId1 .list .item .ul .li .rl .notData {
        margin-top: 0
    }

    .userId1 .list .item .ul .li .rl .tagBox {
        margin-top: 0
    }

    .userId1 .list .item .ul .li .rl .iptBox {
        top: auto
    }

    .userId1 .list .item .ul .li .rl .btnBox .btn1 {
        line-height: 35px;
        padding: 0 20px
    }

    .userId1 .list .item::before {
        display: none
    }

    .userId1 .list .item .ul .li .lr .tips {
        color: #999;
        margin-top: 0
    }

    .userId1 .list .item .ul .li .lr .btn_clear {
        margin-top: 0
    }

    .userId1 .list .item .ul .li .lr .tipBox {
        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;
        margin-top: 10px
    }

    .userId1 .list .item .ul .li .scroll-mod {
        height: 200px
    }

    .userId1 .list .item .ul .li .rl .tagBox {
        margin-top: 15px
    }

    .userId1 .list .item .ul .li .tagList .tagLi {
        margin-right: 15px
    }
}

.userLogin1 {
    position: relative;
    padding: 80px 0 140px;
    /*129px 0 140px*/
}

.userLogin1 .unit1 {
    /*padding: 0 190px 0 63px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    /*40px*/
}

.userLogin1 .unit1 .tit {
    font-size: 26px;
    padding-right: 22px
}

@media screen and (max-width: 950px) {
    .userLogin1 .unit1 .tit {
        font-size: 20px
    }
}

.userLogin1 .unit1 .iptBox {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    border-radius: 2px;
    /*40px*/
}

.userLogin1 .unit1 .iptBox .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.userLogin1 .unit1 .iptBox .ipt {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 35px
}

.userLogin1 .unit1 .iptBox .ipt input {
    width: 100%;
    font-size: 22px
}

@media screen and (max-width: 950px) {
    .userLogin1 .unit1 .iptBox .ipt input {
        font-size: 18px
    }
}

.userLogin1 .unit1 .iptBox .ipt input::-webkit-input-placeholder {
    color: #999999
}

.userLogin1 .unit1 .iptBox .ipt input::-moz-placeholder {
    color: #999999
}

.userLogin1 .unit1 .iptBox .ipt input:-ms-input-placeholder {
    color: #999999
}

.userLogin1 .unit1 .iptBox .ipt input::-ms-input-placeholder {
    color: #999999
}

.userLogin1 .unit1 .iptBox .ipt input::placeholder {
    color: #999999
}

.userLogin1 .unit1 .iptBox .btnBox .btn1 {
    cursor: pointer;
    padding: 0 67px;
    color: #fff;
    background-color: #194984;
    border-radius: 2px;
    /*40px*/
    font-size: 26px;
    line-height: 79px
}

@media screen and (max-width: 950px) {
    .userLogin1 .unit1 .iptBox .btnBox .btn1 {
        font-size: 20px
    }
}

.userLogin1 .unit2 {
    /*margin-top: 31px;*/
    /*41px*/
}

.userLogin1 .unit2 .tit {
    font-size: 16px;
    color: #666;
}

@media screen and (max-width: 950px) {
    .userLogin1 .unit2 .tit {
        font-size: 18px
    }
}

.userLogin1 .unit2 .tit .t2 {
    font-size: 18px;
    color: #666666;
    margin-left: 10px
}

@media screen and (max-width: 950px) {
    .userLogin1 .unit2 .tit .t2 {
        font-size: 16px
    }
}

.userLogin1 .unit2 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 7px
}

.userLogin1 .unit2 .cont .tit {
    font-size: 22px;
    padding-right: 13px
}

@media screen and (max-width: 950px) {
    .userLogin1 .unit2 .cont .tit {
        font-size: 18px
    }
}

.userLogin1 .unit2 .cont .tabNav {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 5px
}

.userLogin1 .tracker-mod.dir-hor .tracker-box {
    text-align: left
}

.userLogin1 .tracker-mod.dir-hor .tracker-item {
    font-size: 18px;
    color: #666666
}

@media screen and (max-width: 950px) {
    .userLogin1 .tracker-mod.dir-hor .tracker-item {
        font-size: 16px
    }
}

.userLogin1 .tracker-mod.dir-hor .tracker-item+.tracker-item a {
    margin-left: 11px
}

.userLogin1 .tracker-mod.dir-hor .tracker-item.cur {
    color: #3a61a1
}

.userLogin1 .listBox {
    margin-top: 20px;
}

.userLogin1 .listBox .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.userLogin1 .listBox .list .item {
    width: calc(33.33% - 16px);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    margin-right: 24px;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.userLogin1 .listBox .list .item.i3 {
    margin-right: 0
}

.userLogin1 .listBox .list .item a {
    display: block
}

.userLogin1 .listBox .list .item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 48px 58px
}

.userLogin1 .listBox .list .item .inner .icon {
    width: 64px;
    /*116px;*/
    position: relative;
    overflow: hidden
}

.userLogin1 .listBox .list .item .inner .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.userLogin1 .listBox .list .item .inner .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.userLogin1 .listBox .list .item .inner .text {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    font-size: 18px
}

@media screen and (max-width: 950px) {
    .userLogin1 .listBox .list .item .inner .text {
        font-size: 16px
    }
}

.userLogin1 .listBox .list .item .inner .text .t2 {
    margin-top: 3px
}

.userLogin1 .loadBox {
    text-align: center;
    padding-top: 25px
}

@media screen and (min-width: 951px) {
    .userLogin1 .tracker-mod.dir-hor .tracker-item:hover {
        color: #3a61a1
    }

    .userLogin1 .listBox .list .item:hover {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
}

@media screen and (max-width: 1440px) {
    /*.userLogin1 .unit1 {
		padding-right: 63px
	}*/

    .userLogin1 .listBox .list .item .inner {
        padding: 20px;
        /*38px*/
    }

    .userLogin1 .unit1 .iptBox .btnBox .btn1 {
        line-height: 52px;
        /*60px*/
    }
}

@media screen and (max-width: 1280px) {
    .userLogin1 .listBox .list .item .inner {
        padding: 25px 15px
    }

    .userLogin1 .listBox .list .item .inner .icon {
        width: 86px
    }

    .userLogin1 .listBox .list .item .inner .text {
        padding-left: 15px;
        font-size: 16px
    }
}

@media screen and (max-width: 950px) {
    .userLogin1 .listBox .list .item {
        width: calc(50% - 12px)
    }

    .userLogin1 .listBox .list .item.i3 {
        margin-right: 24px
    }

    .userLogin1 .listBox .list .item:nth-child(even) {
        margin-right: 0
    }

    .userLogin1 .unit1 {
        padding: 0
    }

    .userLogin1 .unit2 .cont .tabNav {
        margin-top: 2px
    }
}

@media screen and (max-width: 750px) {
    .userLogin1 {
        padding: 50px 0
    }

    .userLogin1 .unit1 {
        margin-top: 25px;
        display: block
    }

    .userLogin1 .unit1 .tit {
        padding: 0;
        text-align: center
    }

    .userLogin1 .unit1 .iptBox {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-top: 15px
    }

    .userLogin1 .unit1 .iptBox .btnBox .btn1 {
        line-height: 35px;
        padding: 0 15px;
        font-size: 16px
    }

    .userLogin1 .unit1 .iptBox .ipt input {
        font-size: 16px
    }

    .userLogin1 .unit1 .iptBox .ipt {
        padding: 0 15px
    }

    .userLogin1 .unit2 {
        margin-top: 25px
    }

    .userLogin1 .listBox {
        margin-top: 25px
    }

    .userLogin1 .listBox .list .item {
        margin-right: 12px;
        width: calc(50% - 6px);
        margin-bottom: 12px
    }

    .userLogin1 .listBox .list .item .inner {
        padding: 15px;
        display: block
    }

    .userLogin1 .listBox .list .item .inner::before,
    .userLogin1 .listBox .list .item .inner::after {
        display: none
    }

    .userLogin1 .listBox .list .item .inner .icon {
        width: 60px;
        margin: 0 auto
    }

    .userLogin1 .listBox .list .item .inner .text {
        padding: 0;
        width: auto;
        font-size: 14px;
        margin-top: 10px;
        text-align: center
    }

    .userLogin1 .listBox .list .item.i3 {
        margin-right: 12px
    }

    .userLogin1 .listBox .list .item:nth-child(even) {
        margin-right: 0
    }

    .userLogin1 .loadBox {
        padding-top: 13px
    }
}

.vipIdp1 {
    position: relative;
    padding: 80px 0 140px
}

.vipIdp1 .titList {
    text-align: center;
    margin-top: 20px
}

.vipIdp1 .titList .titBox {
    display: inline-block
}

.vipIdp1 .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vipIdp1 .ul .li {
    margin-right: 45px;
    margin-top: 10px
}

.vipIdp1 .ul .li:last-child {
    margin-right: 0
}

.vipIdp1 .ul .li .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vipIdp1 .ul .li .icon {
    width: 30px;
    position: relative;
    overflow: hidden;
    margin-right: 10px
}

.vipIdp1 .ul .li .icon::before {
    content: '';
    display: block;
    padding-top: 104.65116%
}

.vipIdp1 .ul .li .icon .i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.vipIdp1 .ul .li .txt {
    font-size: 24px
}

@media screen and (max-width: 950px) {
    .vipIdp1 .ul .li .txt {
        font-size: 20px
    }
}

.vipIdp1 .condition {
    /*margin-top: 42px*/
    width: 100%;
    margin: 40px auto 0px auto;

}

.vipIdp1 .condition .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.vipIdp1 .condition .btnBox {
    margin-left: 20px
}

.vipIdp1 .condition .iptBox {
    margin-left: 0px;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
    border-radius: 2px
}

.vipIdp1 .condition .btn1 {
    font-size: 18px;
    color: #fff;
    background-color: #284980;
    padding: 0 48px;
    line-height: 50px;
    border-radius: 2px;
    display: block;
    cursor: pointer
}

@media screen and (max-width: 950px) {
    .vipIdp1 .condition .btn1 {
        font-size: 20px
    }
}

.vipIdp1 .condition .iptBox .btnBox {
    margin: 0
}

.vipIdp1 .condition .iptBox .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vipIdp1 .condition .iptBox .ipt {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 25px 0 36px
}

.vipIdp1 .condition .iptBox .ipt input {
    width: 100%;
    font-size: 22px
}

@media screen and (max-width: 950px) {
    .vipIdp1 .condition .iptBox .ipt input {
        font-size: 18px
    }
}

.vipIdp1 .condition .iptBox .btn1 {
    padding: 0 58px
}

.vipIdp1 .condition .selBox .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vipIdp1 .condition .selBox .btnBox {
    margin-left: 0;
    margin-right: 20px
}

.vipIdp1 .condition .selBox .btnBox .btn1 {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    color: #333;
    cursor: default
}

.vipIdp1 .condition .selBox .sel {
    width: 130px
}

.vipIdp1 .condition .selBox .sel .select-mod .select-bar {
    height: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
    border-radius: 2px;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vipIdp1 .condition .selBox .sel .select-mod .select-txt {
    padding: 0 15px;
    max-width: calc(100 - 27px);
    font-size: 22px;
    margin-top: -3px
}

@media screen and (max-width: 950px) {
    .vipIdp1 .condition .selBox .sel .select-mod .select-txt {
        font-size: 18px
    }
}

.vipIdp1 .condition .selBox .sel .select-mod .select-btn {
    float: none;
    width: 27px;
    position: relative
}

.vipIdp1 .condition .selBox .sel .select-mod .select-btn .iconBox {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px
}

.vipIdp1 .iconUp,
.vipIdp1 .iconDown {
    width: 13px;
    height: 11px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.vipIdp1 .iconUp {
    background-image: url(../image/lyj/arr_up1.png)
}

.vipIdp1 .iconDown {
    background-image: url(../image/lyj/arr_down1.png);
    margin-top: 1px
}

.vipIdp1 .condition .selBox .sel .select-mod .select-btn .iconUp.on {
    background-image: url(../image/lyj/arr_up3.png)
}

.vipIdp1 .condition .selBox .sel .select-mod .select-btn .iconDown.on {
    background-image: url(../image/lyj/arr_down3.png)
}

.vipIdp1 .condition .selBox .sel .select-mod .select-opts.scroll-axis-y {
    padding-right: 10px
}

.vipIdp1 .condition .selBox .sel .select-mod .select-opts .scroll-track-y {
    right: 5px
}

.vipIdp1 .condition .selBox .sel .scroll-bar-y {
    width: 3px;
    margin-left: 0
}

.vipIdp1 .cont {
    /*margin-top: 50px;*/
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
    width: 100%;
    margin: 50px auto 50px auto;
}

.vipIdp1 .cont .table table {
    width: 100%
}

.vipIdp1 .cont .table th {
    /*font-size: 20px;*/
    color: #fff;
    background-color: #284980;
    font-weight: normal
}

@media screen and (max-width: 950px) {
    .vipIdp1 .cont .table th {
        font-size: 18px
    }
}

.vipIdp1 .cont .table th .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vipIdp1 .cont .table th .flex .t2 {
    margin-left: 5px
}

.vipIdp1 .cont .table th .flex .t2 .iconUp {
    background-image: url(../image/lyj/arr_up2.png)
}

.vipIdp1 .cont .table th .flex .t2 .iconDown {
    background-image: url(../image/lyj/arr_down2.png)
}

.vipIdp1 .cont .table th .flex .t2 .iconUp.on {
    background-image: url(../image/lyj/arr_up3.png)
}

.vipIdp1 .cont .table th .flex .t2 .iconDown.on {
    background-image: url(../image/lyj/arr_down3.png)
}

.vipIdp1 .cont .table th:last-child {
    /*padding-right: 32px*/
}

.vipIdp1 .cont .table tr:nth-child(even) td {
    background-color: #e9ecf2
}

.vipIdp1 .cont .table tr .txt {
    text-align: center;
    /*font-size: 18px;*/
    color: #666666;
    padding: 16px 6px
}

@media screen and (max-width: 950px) {
    .vipIdp1 .cont .table tr .txt {
        font-size: 16px
    }
}

.vipIdp1 .cont .table tr:hover .txt {
    color: #284980
}

.vipIdp1 .click-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.vipIdp1 .click-select .t1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .vipIdp1 .condition .btn1 {
        line-height: 45px;
        padding: 0 30px
    }

    .vipIdp1 .condition .selBox .sel .select-mod .select-bar {
        height: 45px
    }

    .vipIdp1 .condition .iptBox .btn1 {
        padding: 0 30px
    }
}

@media screen and (max-width: 1280px) {
    .vipIdp1 .condition .flexBox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vipIdp1 .condition .iptBox {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: 60%;
        margin-top: 20px
    }

    .vipIdp1 .condition .selBox {
        width: calc(40% - 20px);
        margin-top: 20px
    }

    .vipIdp1 .condition .selBox .sel {
        width: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .vipIdp1 .cont .table table {
        white-space: nowrap
    }

    .vipIdp1 .cont .table table colgroup {
        display: none
    }

    .vipIdp1 .cont .table tr .txt {
        padding: 30px 15px 29px
    }

    .vipIdp1 .cont .table th .flex {
        padding: 26px 15px
    }

    .vipIdp1 .cont .table th:last-child {
        padding-right: 0
    }
}

@media screen and (max-width: 750px) {
    .vipIdp1 {
        padding: 50px 0
    }

    .vipIdp1 .titList {
        margin-top: 25px
    }

    .vipIdp1 .ul .li {
        margin-top: 8px;
        margin-right: 8px
    }

    .vipIdp1 .ul .li .icon {
        width: 14px;
        margin-right: 5px
    }

    .vipIdp1 .ul .li .txt {
        font-size: 14px
    }

    .vipIdp1 .condition {
        margin-top: 15px
    }

    .vipIdp1 .condition .btnBox {
        margin-left: 10px;
        margin-top: 10px
    }

    .vipIdp1 .condition .btn1 {
        font-size: 16px;
        padding: 0 15px;
        line-height: 35px
    }

    .vipIdp1 .condition .iptBox {
        margin-top: 10px;
        width: 100%;
        margin-left: 0
    }

    .vipIdp1 .condition .selBox {
        margin-top: 10px
    }

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

    .vipIdp1 .condition .iptBox .ipt {
        padding: 0 15px
    }

    .vipIdp1 .condition .iptBox .ipt input {
        font-size: 16px
    }

    .vipIdp1 .condition .iptBox .btn1 {
        padding: 0 15px
    }

    .vipIdp1 .condition .selBox {
        width: 100%
    }

    .vipIdp1 .condition .selBox .sel .select-mod .select-bar {
        height: 35px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .vipIdp1 .condition .selBox .flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .vipIdp1 .condition .selBox .sel .select-mod .select-txt {
        font-size: 16px;
        width: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .vipIdp1 .condition .selBox .btnBox {
        margin-top: 0;
        margin-right: 0;
        margin-left: 10px
    }

    .vipIdp1 .cont {
        margin-top: 25px
    }

    .vipIdp1 .cont .table th .flex {
        padding: 8px 15px
    }

    .vipIdp1 .cont .table tr .txt {
        padding: 8px 15px
    }

    .vipIdp1 .iconUp,
    .vipIdp1 .iconDown {
        width: 10px;
        height: 9px
    }
}

.vipIdp1.vipSp1 .cont .table th:last-child {
    padding: 0
}

.vipIdp1.vipSp1 .cont .table th:nth-child(3) .flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 78px
}

.vipIdp1.vipSp1 .cont .table tr td:nth-child(3) .txt {
    padding-left: 78px;
    text-align: left
}

.vipIdp1.vipSp1 .cont .table th:nth-child(4) .flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0px
}

.vipIdp1.vipSp1 .cont .table tr td:nth-child(4) .txt {
    padding-left: 0px;
    text-align: left
}

.vipIdp1.vipSp1 .cont .table .txt a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: #62b078;
    padding: 1px 13px;
    border-radius: 12px
}

@media screen and (max-width: 750px) {
    .vipIdp1.vipSp1 .cont .table th:nth-child(3) .flex {
        padding-left: 30px
    }

    .vipIdp1.vipSp1 .cont .table tr td:nth-child(3) .txt {
        padding-left: 30px
    }

    .vipIdp1.vipSp1 .cont .table .txt a {
        font-size: 14px;
        padding: 1px 15px
    }
}