@charset "utf-8";
/* CSS Document */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font: normal normal 0.32rem/1 sans-serif;
    color: #000;
    background: #fff;
}

textarea, input {
    font: normal normal 0.28rem/1.5 sans-serif;
}

img {
    display: block;
    border: none;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

input[type=button], input[type=submit], input[type=file], input[type=reset], button {
    cursor: pointer;
    -webkit-appearance: none;
}

body, p, ol, ul, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    list-style: none;
    font: normal normal 0.28rem/1.5 sans-serif;
}

button {
    font: normal normal 0.28rem/1.5 sans-serif;
}

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

.i100 {
    overflow: hidden;
}

.i100 > img {
    width: 100%;
}

.i200 {
    overflow: hidden;
}

.i200 > img {
    height: 100%;
}

.i300 {
    overflow: hidden;
}

.i300 > img {
    width: 100%;
    height: 100%;
}

a > img {
    width: 100%;
}

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

.a1 {
    position: relative;
}

.a1 > a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

input {
    border: 0;
    display: block;
    outline: none;
    background: none;
    box-sizing: border-box;
}

select {
    border: 0;
    display: block;
    outline: none;
    background: none;
    box-sizing: border-box;
}

button {
    border: 0;
    display: block;
    outline: none;
    background: none;
    box-sizing: border-box;
}

textarea {
    border: 0;
    display: block;
    outline: none;
    background: none;
    box-sizing: border-box;
    resize: none;
}

.to2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to9 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.to10 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*hd1*/
@media only screen and (min-width: 1750px) {
    .hd1-a1 {
        width: 100%;
        height: 110px;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .hd1-a2 {
        height: 50px;
        position: absolute;
        top: calc(50% - 50px / 2);
        left: calc(50% - 1710px / 2);
    }

    .hd1-a3 {
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(50% - 570px);
    }

    .hd1-a4 {
        float: left;
        height: 110px;
        position: relative;
        font-size: 18px;
        line-height: 110px;
        color: #333333;
        margin-right: 80px;
    }

    .hd1-a4:last-child {
        margin-right: 0;
    }

    .hd1-a4 > div {
        width: 0;
        height: 3px;
        background: #22419c;
        position: absolute;
        bottom: 0;
        left: 50%;
        transition: 0.5s;
    }

    .hd1-a4:hover > div {
        width: calc(100% + 10px * 2);
        left: -10px;
        transition: 0.5s;
    }

    .hd1-a4.on1 > div {
        width: calc(100% + 10px * 2);
        left: -10px;
    }

    .hd1-a5 {
        height: 26px;
        position: absolute;
        top: calc(50% - 26px / 2);
        right: calc(50% - 1710px / 2);
    }

    .hd1-a6 {
        height: 20px;
        position: relative;
        top: 3px;
        cursor: pointer;
        float: left;
        margin-right: 30px;
    }

    .hd1-a5 form {
        width: 120px;
        height: 26px;
        position: absolute;
        top: 0;
        right: 100%;
    }

    .hd1-a5 form input {
        width: 120px;
        height: 100%;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        line-height: 26px;
        color: #22439d;
    }

    .hd1-a7 {
        width: 0;
        height: 1px;
        background: #22439d;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.5s;
    }

    .hd1-a7.on1 {
        width: 100%;
        transition: 0.5s;
    }

    .hd1-a8 {
        width: 1px;
        height: 100%;
        background: #cecece;
        float: left;
        margin-right: 30px;
    }

    .hd1-a9 {
        height: 26px;
        position: relative;
        float: left;
    }

    .hd1-a10 {
        width: 1710px;
        height: 1px;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        bottom: 0;
        left: calc(50% - 1710px / 2);
        display: none;
    }

    .hd1-a1.on1 {
        background: none;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    .hd1-a1 img:nth-child(1) {
        display: none;
    }

    .hd1-a1 img:nth-child(2) {
        display: block;
    }

    .hd1-a1.on1 img:nth-child(1) {
        display: block;
    }

    .hd1-a1.on1 img:nth-child(2) {
        display: none;
    }

    .hd1-a1.on1.on2 img:nth-child(1) {
        display: none;
    }

    .hd1-a1.on1.on2 img:nth-child(2) {
        display: block;
    }

    .hd1-a1.on1 .hd1-a4 {
        color: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a4 {
        color: #333;
    }

    .hd1-a1.on1 .hd1-a5 form input {
        color: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a5 form input {
        color: #22439d;
    }

    .hd1-a1.on1 .hd1-a7 {
        background: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a7 {
        background: #22439d;
    }

    .hd1-a1.on1 .hd1-a10 {
        display: block;
    }

    .hd1-a1.on1.on2 .hd1-a10 {
        background: #e5e5e5;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .hd1-a1 {
        width: 100%;
        height: 110px;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .hd1-a2 {
        height: 50px;
        position: absolute;
        top: calc(50% - 50px / 2);
        left: calc(50% - 1400px / 2);
    }

    .hd1-a3 {
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(50% - 450px);
    }

    .hd1-a4 {
        float: left;
        height: 110px;
        position: relative;
        font-size: 18px;
        line-height: 110px;
        color: #333333;
        margin-right: 50px;
    }

    .hd1-a4:last-child {
        margin-right: 0;
    }

    .hd1-a4 > div {
        width: 0;
        height: 3px;
        background: #22419c;
        position: absolute;
        bottom: 0;
        left: 50%;
        transition: 0.5s;
    }

    .hd1-a4:hover > div {
        width: calc(100% + 10px * 2);
        left: -10px;
        transition: 0.5s;
    }

    .hd1-a4.on1 > div {
        width: calc(100% + 10px * 2);
        left: -10px;
    }

    .hd1-a5 {
        height: 26px;
        position: absolute;
        top: calc(50% - 26px / 2);
        right: calc(50% - 1400px / 2);
    }

    .hd1-a6 {
        height: 20px;
        position: relative;
        top: 3px;
        cursor: pointer;
        float: left;
        margin-right: 30px;
    }

    .hd1-a5 form {
        width: 120px;
        height: 26px;
        position: absolute;
        top: 0;
        right: 100%;
    }

    .hd1-a5 form input {
        width: 120px;
        height: 100%;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        line-height: 26px;
        color: #22439d;
    }

    .hd1-a7 {
        width: 0;
        height: 1px;
        background: #22439d;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.5s;
    }

    .hd1-a7.on1 {
        width: 100%;
        transition: 0.5s;
    }

    .hd1-a8 {
        width: 1px;
        height: 100%;
        background: #cecece;
        float: left;
        margin-right: 30px;
    }

    .hd1-a9 {
        height: 26px;
        position: relative;
        float: left;
    }

    .hd1-a10 {
        width: 1400px;
        height: 1px;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        bottom: 0;
        left: calc(50% - 1400px / 2);
        display: none;
    }

    .hd1-a1.on1 {
        background: none;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    .hd1-a1 img:nth-child(1) {
        display: none;
    }

    .hd1-a1 img:nth-child(2) {
        display: block;
    }

    .hd1-a1.on1 img:nth-child(1) {
        display: block;
    }

    .hd1-a1.on1 img:nth-child(2) {
        display: none;
    }

    .hd1-a1.on1.on2 img:nth-child(1) {
        display: none;
    }

    .hd1-a1.on1.on2 img:nth-child(2) {
        display: block;
    }

    .hd1-a1.on1 .hd1-a4 {
        color: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a4 {
        color: #333;
    }

    .hd1-a1.on1 .hd1-a5 form input {
        color: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a5 form input {
        color: #22439d;
    }

    .hd1-a1.on1 .hd1-a7 {
        background: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a7 {
        background: #22439d;
    }

    .hd1-a1.on1 .hd1-a10 {
        display: block;
    }

    .hd1-a1.on1.on2 .hd1-a10 {
        background: #e5e5e5;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .hd1-a1 {
        width: 100%;
        height: 80px;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .hd1-a2 {
        height: 40px;
        position: absolute;
        top: calc(50% - 40px / 2);
        left: calc(50% - 1240px / 2);
    }

    .hd1-a3 {
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(50% - 400px);
    }

    .hd1-a4 {
        float: left;
        height: 80px;
        position: relative;
        font-size: 16px;
        line-height: 80px;
        color: #333333;
        margin-right: 40px;
    }

    .hd1-a4:last-child {
        margin-right: 0;
    }

    .hd1-a4 > div {
        width: 0;
        height: 3px;
        background: #22419c;
        position: absolute;
        bottom: 0;
        left: 50%;
        transition: 0.5s;
    }

    .hd1-a4:hover > div {
        width: calc(100% + 10px * 2);
        left: -10px;
        transition: 0.5s;
    }

    .hd1-a4.on1 > div {
        width: calc(100% + 10px * 2);
        left: -10px;
    }

    .hd1-a5 {
        height: 24px;
        position: absolute;
        top: calc(50% - 24px / 2);
        right: calc(50% - 1240px / 2);
    }

    .hd1-a6 {
        height: 20px;
        position: relative;
        top: 3px;
        cursor: pointer;
        float: left;
        margin-right: 24px;
    }

    .hd1-a5 form {
        width: 120px;
        height: 24px;
        position: absolute;
        top: 0;
        right: 100%;
    }

    .hd1-a5 form input {
        width: 120px;
        height: 100%;
        position: relative;
        cursor: pointer;
        font-size: 14px;
        line-height: 24px;
        color: #22439d;
    }

    .hd1-a7 {
        width: 0;
        height: 1px;
        background: #22439d;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.5s;
    }

    .hd1-a7.on1 {
        width: 100%;
        transition: 0.5s;
    }

    .hd1-a8 {
        width: 1px;
        height: 100%;
        background: #cecece;
        float: left;
        margin-right: 24px;
    }

    .hd1-a9 {
        height: 24px;
        position: relative;
        float: left;
    }

    .hd1-a10 {
        width: 1240px;
        height: 1px;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        bottom: 0;
        left: calc(50% - 1240px / 2);
        display: none;
    }

    .hd1-a1.on1 {
        background: none;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    .hd1-a1 img:nth-child(1) {
        display: none;
    }

    .hd1-a1 img:nth-child(2) {
        display: block;
    }

    .hd1-a1.on1 img:nth-child(1) {
        display: block;
    }

    .hd1-a1.on1 img:nth-child(2) {
        display: none;
    }

    .hd1-a1.on1.on2 img:nth-child(1) {
        display: none;
    }

    .hd1-a1.on1.on2 img:nth-child(2) {
        display: block;
    }

    .hd1-a1.on1 .hd1-a4 {
        color: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a4 {
        color: #333;
    }

    .hd1-a1.on1 .hd1-a5 form input {
        color: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a5 form input {
        color: #22439d;
    }

    .hd1-a1.on1 .hd1-a7 {
        background: #fff;
    }

    .hd1-a1.on1.on2 .hd1-a7 {
        background: #22439d;
    }

    .hd1-a1.on1 .hd1-a10 {
        display: block;
    }

    .hd1-a1.on1.on2 .hd1-a10 {
        background: #e5e5e5;
    }
}

/*ft1*/
@media only screen and (min-width: 1750px) {
    .ft1-a1 {
        width: 100%;
        height: 64px;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
    }

    .ft1-a2 {
        width: 1710px;
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .ft1-a3 {
        font-size: 15px;
        line-height: 64px;
        color: #666666;
        float: left;
    }

    .ft1-a4 {
        height: 64px;
        float: right;
    }

    .ft1-a5 {
        width: 22px;
        height: 18px;
        position: relative;
        top: calc(64px / 2 - 18px / 2);
        float: left;
        margin-right: 20px;
    }

    .ft1-a6 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ft1-a7 {
        width: 125px;
        position: absolute;
        bottom: 110%;
        left: calc(50% - 125px / 2);
        transform: scale(0);
        transition: 0.5s;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .ft1-a6:hover + .ft1-a7 {
        transform: scale(1);
        transition: 0.5s;
    }

    .ft1-a8 {
        float: left;
        font-size: 15px;
        line-height: 64px;
        color: #666666;
    }

    .ft1-a8 a {
        margin: 0 32px;
    }

    .ft1-a8 a:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .ft1-a1 {
        width: 100%;
        height: 64px;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
    }

    .ft1-a2 {
        width: 1400px;
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .ft1-a3 {
        font-size: 15px;
        line-height: 64px;
        color: #666666;
        float: left;
    }

    .ft1-a4 {
        height: 64px;
        float: right;
    }

    .ft1-a5 {
        width: 22px;
        height: 18px;
        position: relative;
        top: calc(64px / 2 - 18px / 2);
        float: left;
        margin-right: 20px;
    }

    .ft1-a6 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ft1-a7 {
        width: 125px;
        position: absolute;
        bottom: 110%;
        left: calc(50% - 125px / 2);
        transform: scale(0);
        transition: 0.5s;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .ft1-a6:hover + .ft1-a7 {
        transform: scale(1);
        transition: 0.5s;
    }

    .ft1-a8 {
        float: left;
        font-size: 15px;
        line-height: 64px;
        color: #666666;
    }

    .ft1-a8 a {
        margin: 0 32px;
    }

    .ft1-a8 a:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .ft1-a1 {
        width: 100%;
        height: 40px;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
    }

    .ft1-a2 {
        width: 1240px;
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .ft1-a3 {
        font-size: 12px;
        line-height: 40px;
        color: #666666;
        float: left;
    }

    .ft1-a4 {
        height: 40px;
        float: right;
    }

    .ft1-a5 {
        width: 20px;
        height: 16px;
        position: relative;
        top: calc(40px / 2 - 16px / 2);
        float: left;
        margin-right: 20px;
    }

    .ft1-a6 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ft1-a7 {
        width: 100px;
        position: absolute;
        bottom: 110%;
        left: calc(50% - 100px / 2);
        transform: scale(0);
        transition: 0.5s;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .ft1-a6:hover + .ft1-a7 {
        transform: scale(1);
        transition: 0.5s;
    }

    .ft1-a8 {
        float: left;
        font-size: 12px;
        line-height: 40px;
        color: #666666;
    }

    .ft1-a8 a {
        margin: 0 20px;
    }

    .ft1-a8 a:last-child {
        margin-right: 0;
    }
}

/*t1*/
@media only screen and (min-width: 1750px) {
    .t1-a1 {
        position: absolute;
        top: 170px;
        left: calc(50% - 1560px / 2);
    }

    .t1-a2 span {
        font-size: 98px;
        line-height: 98px;
        color: #22419c;
        opacity: 0.08;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Oswald';
    }

    .t1-a3 {
        font-size: 38px;
        line-height: 38px;
        color: #454545;
        font-weight: bold;
        margin-top: -44px;
        margin-bottom: 34px;
        margin-left: 2px;
    }

    .t1-a4 {
        width: 30px;
        height: 4px;
        background: #22419c;
        margin-left: 4px;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .t1-a1 {
        position: absolute;
        top: 170px;
        left: calc(50% - 1400px / 2);
    }

    .t1-a2 span {
        font-size: 98px;
        line-height: 98px;
        color: #22419c;
        opacity: 0.08;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Oswald';
    }

    .t1-a3 {
        font-size: 38px;
        line-height: 38px;
        color: #454545;
        font-weight: bold;
        margin-top: -44px;
        margin-bottom: 34px;
        margin-left: 2px;
    }

    .t1-a4 {
        width: 30px;
        height: 4px;
        background: #22419c;
        margin-left: 4px;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .t1-a1 {
        position: absolute;
        top: 100px;
        left: calc(50% - 1240px / 2);
    }

    .t1-a2 span {
        font-size: 76px;
        line-height: 76px;
        color: #22419c;
        opacity: 0.08;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'Oswald';
    }

    .t1-a3 {
        font-size: 28px;
        line-height: 28px;
        color: #454545;
        font-weight: bold;
        margin-top: -36px;
        margin-bottom: 24px;
        margin-left: 2px;
    }

    .t1-a4 {
        width: 30px;
        height: 4px;
        background: #22419c;
        margin-left: 4px;
    }
}

/*lan1*/
@media only screen and (min-width: 1750px) {
    .lan1-a1 {
        position: absolute;
        top: 270px;
        right: calc(50% - 1560px / 2);
    }

    .lan1-a2 {
        font-size: 18px;
        line-height: 18px;
        color: #454545;
        float: left;
        margin-left: 44px;
        padding-top: 4px;
        transition: 0.5s;
    }

    .lan1-a2:first-child {
        margin-left: 0;
    }

    .lan1-a2:hover {
        font-size: 22px;
        line-height: 22px;
        font-weight: bold;
        padding-top: 0;
        transition: 0.5s;
    }

    .lan1-a2.on1 {
        font-size: 22px;
        line-height: 22px;
        font-weight: bold;
        padding-top: 0;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .lan1-a1 {
        position: absolute;
        top: 270px;
        right: calc(50% - 1400px / 2);
    }

    .lan1-a2 {
        font-size: 18px;
        line-height: 18px;
        color: #454545;
        float: left;
        margin-left: 44px;
        padding-top: 4px;
        transition: 0.5s;
    }

    .lan1-a2:first-child {
        margin-left: 0;
    }

    .lan1-a2:hover {
        font-size: 22px;
        line-height: 22px;
        font-weight: bold;
        padding-top: 0;
        transition: 0.5s;
    }

    .lan1-a2.on1 {
        font-size: 22px;
        line-height: 22px;
        font-weight: bold;
        padding-top: 0;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .lan1-a1 {
        position: absolute;
        top: 170px;
        right: calc(50% - 1240px / 2);
    }

    .lan1-a2 {
        font-size: 14px;
        line-height: 14px;
        color: #454545;
        float: left;
        margin-left: 28px;
        padding-top: 4px;
        transition: 0.5s;
    }

    .lan1-a2:first-child {
        margin-left: 0;
    }

    .lan1-a2:hover {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        padding-top: 0;
        transition: 0.5s;
    }

    .lan1-a2.on1 {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        padding-top: 0;
    }
}

/*t1*/
@media only screen and (min-width: 1750px) {
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
}

/*window2*/
@media only screen and (min-width: 1750px) {
    .window2-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        overflow: hidden;
        background-size: 1920px 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .window2-a2 {
        width: 1560px;
        height: 650px;
        position: fixed;
        top: calc((100% - 110px - 64px - 650px) / 2 + 110px);
        left: calc(50% - 1560px / 2);
        background: #fff;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .window2-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        overflow: hidden;
        background-size: 1920px 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .window2-a2 {
        width: 1400px;
        height: 650px;
        position: fixed;
        top: calc((100% - 110px - 64px - 650px) / 2 + 110px);
        left: calc(50% - 1400px / 2);
        background: #fff;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .window2-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        overflow: hidden;
        background-size: 1440px auto;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .window2-a2 {
        width: 1240px;
        height: 440px;
        position: fixed;
        top: calc((100% - 80px - 40px - 440px) / 2 + 80px);
        left: calc(50% - 1240px / 2);
        background: #fff;
    }
}

/*window1*/
@media only screen and (min-width: 1750px) {
    .window1-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .window111 {
        width: 1920px !important;
        height: 100% !important;
        position: relative;
        margin-left: calc(50% - 1920px / 2);
    }

    .window111 > div > .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .window111 > div > .swiper-slide > div {
        transform: scale(0.84);
        transition: 0.5s;
    }

    .window111 > div > .swiper-slide-active > div {
        transform: scale(1);
        transition: 0.5s;
        transition-delay: 0.2s;
    }

    .window112 {
        width: 5px;
        position: fixed;
        top: calc(50% - (5px * 7 + 24px * 6) / 2);
        right:105px;
        z-index: 5;
    }

    .window112 .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #004098;
        margin-bottom: 24px;
        position: relative;
        opacity: 1;
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active {
        background: none;
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet > div:nth-child(1) {
        width: 36px;
        height: 36px;
        position: absolute;
        top: calc(50% - 36px / 2);
        left: calc(50% - 36px / 2);
        transform: scale(0);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active > div:nth-child(1) {
        transform: scale(1);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet > div:nth-child(2) {
        font-size: 14px;
        line-height: 16px;
        white-space: nowrap;
        position: absolute;
        top: calc(50% - 16px / 2);
        left: calc(28px + 100%);
        transform-origin: 0 50%;
        transform: scale(0);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active > div:nth-child(2) {
        transform: scale(1);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet:nth-child(1) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(2) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(3) > div:nth-child(2) {
        color: #fff;
    }

    .window112 .swiper-pagination-bullet:nth-child(4) > div:nth-child(2) {
        color: #fff;
    }

    .window112 .swiper-pagination-bullet:nth-child(5) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(6) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(7) > div:nth-child(2) {
        color: #fff;
    }

    .window113 {
        width: 97px;
        height: 37px;
        background: none;
        margin: 0;
        padding: 0;
        position: fixed;
        top: auto;
        left: auto;
        right: calc(50% - 1710px / 2);
        bottom: 60px;
        z-index: 5;
    }

    .window113 > img {
        height: 100%;
    }

    .window1-a2 {
        display: none;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .window1-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .window111 {
        width: 1920px !important;
        height: 100% !important;
        position: relative;
        margin-left: calc(50% - 1920px / 2);
    }

    .window111 > div > .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .window111 > div > .swiper-slide > div {
        transform: scale(0.84);
        transition: 0.5s;
    }

    .window111 > div > .swiper-slide-active > div {
        transform: scale(1);
        transition: 0.5s;
        transition-delay: 0.2s;
    }

    .window112 {
        width: 5px;
        position: fixed;
        top: calc(50% - (5px * 7 + 24px * 6) / 2);
        right: 60px;
        z-index: 5;
    }

    .window112 .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #004098;
        margin-bottom: 24px;
        position: relative;
        opacity: 1;
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active {
        background: none;
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet > div:nth-child(1) {
        width: 36px;
        height: 36px;
        position: absolute;
        top: calc(50% - 36px / 2);
        left: calc(50% - 36px / 2);
        transform: scale(0);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active > div:nth-child(1) {
        transform: scale(1);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet > div:nth-child(2) {
        font-size: 14px;
        line-height: 16px;
        white-space: nowrap;
        position: absolute;
        top: calc(50% - 16px / 2);
        left: calc(28px + 100%);
        transform-origin: 0 50%;
        transform: scale(0);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active > div:nth-child(2) {
        transform: scale(1);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet:nth-child(1) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(2) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(3) > div:nth-child(2) {
        color: #fff;
    }

    .window112 .swiper-pagination-bullet:nth-child(4) > div:nth-child(2) {
        color: #fff;
    }

    .window112 .swiper-pagination-bullet:nth-child(5) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(6) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(7) > div:nth-child(2) {
        color: #fff;
    }

    .window113 {
        width: 97px;
        height: 37px;
        background: none;
        margin: 0;
        padding: 0;
        position: fixed;
        top: auto;
        left: auto;
        right: calc(50% - 1400px / 2);
        bottom: 60px;
        z-index: 5;
    }

    .window113 > img {
        height: 100%;
    }

    .window1-a2 {
        display: none;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .window1-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .window111 {
        width: 1920px !important;
        height: 100% !important;
        position: relative;
        margin-left: calc(50% - 1920px / 2);
    }

    .window111 > div > .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .window111 > div > .swiper-slide > div {
        transform: scale(0.84);
        transition: 0.5s;
    }

    .window111 > div > .swiper-slide-active > div {
        transform: scale(1);
        transition: 0.5s;
        transition-delay: 0.2s;
    }

    .window112 {
        width: 5px;
        position: fixed;
        top: calc(50% - (5px * 7 + 18px * 6) / 2);
        right: 60px;
        z-index: 5;
    }

    .window112 .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #004098;
        margin-bottom: 18px;
        position: relative;
        opacity: 1;
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active {
        background: none;
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet > div:nth-child(1) {
        width: 30px;
        height: 30px;
        position: absolute;
        top: calc(50% - 30px / 2);
        left: calc(50% - 30px / 2);
        transform: scale(0);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active > div:nth-child(1) {
        transform: scale(1);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet > div:nth-child(2) {
        font-size: 12px;
        line-height: 14px;
        white-space: nowrap;
        position: absolute;
        top: calc(50% - 14px / 2);
        left: calc(20px + 100%);
        transform-origin: 0 50%;
        transform: scale(0);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet-active > div:nth-child(2) {
        transform: scale(1);
        transition: 0.5s;
    }

    .window112 .swiper-pagination-bullet:nth-child(1) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(2) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(3) > div:nth-child(2) {
        color: #fff;
    }

    .window112 .swiper-pagination-bullet:nth-child(4) > div:nth-child(2) {
        color: #fff;
    }

    .window112 .swiper-pagination-bullet:nth-child(5) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(6) > div:nth-child(2) {
        color: #004098;
    }

    .window112 .swiper-pagination-bullet:nth-child(7) > div:nth-child(2) {
        color: #fff;
    }

    .window113 {
        width: 64px;
        height: 24px;
        background: none;
        margin: 0;
        padding: 0;
        position: fixed;
        top: auto;
        left: auto;
        right: calc(50% - 1240px / 2);
        bottom: 30px;
        z-index: 5;
    }

    .window113 > img {
        height: 100%;
    }

    .window1-a2 {
        display: none;
    }
}

/*ind1*/
@media only screen and (min-width: 1750px) {
    .ind1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .ind111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        z-index: 1;
    }

    .ind111 .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ind1-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ind1-a2 img {
        min-height: 100%;
    }

    .ind1-a3 {
        width: calc(626 / 1920 * 100%);
        position: absolute;
        top: calc(315 / 960 * 100%);
        left: calc(350 / 1920 * 100%);
    }

    .ind1-a4 {
        width: calc(836 / 1920 * 100%);
        position: absolute;
        top: calc(435 / 960 * 100%);
        left: calc(350 / 1920 * 100%);
    }

    .ind1-a5 {
        width: calc(726 / 1920 * 100%);
        position: absolute;
        top: calc(535 / 960 * 100%);
        left: calc(540 / 1920 * 100%);
    }

    .ind112 {
        display: none;
    }

    .ind1-b1 {
        position: absolute;
        bottom: 70px;
        left: calc(50% - 1710px / 2 + 35px);
        z-index: 2;
    }

    .ind1-b2 {
        font-size: 42px;
        line-height: 42px;
        color: #fff;
        font-weight: bold;
    }

    .ind1-b3 {
        font-size: 30px;
        line-height: 42px;
        color: rgba(255, 255, 255, 0.3);
        font-weight: bold;
    }
    .swiper-button-next1{
        position: absolute;
        bottom: 78px;
        left: calc(50% - 1710px / 2 + 260px);
        z-index: 2;
        top:initial;
        background-image:url("../img/zl.png");
        background-size:100% 100%;
        width:12px;
        height:19px;
    }
    .swiper-button-prev{
        position: absolute;
        bottom: 78px;
        left: calc(50% - 1710px / 2 + 220px);
        z-index: 2;
        top:initial;
        background-image:url("../img/zr.png");
        background-size:100% 100%;
        width:12px;
        height:19px;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .ind1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .ind111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        z-index: 1;
    }

    .ind111 .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ind1-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ind1-a2 img {
        min-height: 100%;
    }

    .ind1-a3 {
        width: calc(626 / 1920 * 100%);
        position: absolute;
        top: calc(315 / 960 * 100%);
        left: calc(350 / 1920 * 100%);
    }

    .ind1-a4 {
        width: calc(836 / 1920 * 100%);
        position: absolute;
        top: calc(435 / 960 * 100%);
        left: calc(350 / 1920 * 100%);
    }

    .ind1-a5 {
        width: calc(726 / 1920 * 100%);
        position: absolute;
        top: calc(535 / 960 * 100%);
        left: calc(540 / 1920 * 100%);
    }

    .ind112 {
        display: none;
    }

    .ind1-b1 {
        position: absolute;
        bottom: 70px;
        left: calc(50% - 1710px / 2 + 35px);
        z-index: 2;
    }

    .ind1-b2 {
        font-size: 42px;
        line-height: 42px;
        color: #fff;
        font-weight: bold;
    }

    .ind1-b3 {
        font-size: 30px;
        line-height: 42px;
        color: rgba(255, 255, 255, 0.3);
        font-weight: bold;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .ind1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .ind111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        z-index: 1;
    }

    .ind111 .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ind1-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ind1-a2 img {
        min-height: 100%;
    }

    .ind1-a3 {
        width: calc(526 / 1920 * 100%);
        position: absolute;
        top: calc(315 / 960 * 100%);
        left: calc(450 / 1920 * 100%);
    }

    .ind1-a4 {
        width: calc(736 / 1920 * 100%);
        position: absolute;
        top: calc(465 / 960 * 100%);
        left: calc(450 / 1920 * 100%);
    }

    .ind1-a5 {
        width: calc(626 / 1920 * 100%);
        position: absolute;
        top: calc(575 / 960 * 100%);
        left: calc(640 / 1920 * 100%);
    }

    .ind112 {
        display: none;
    }

    .ind1-b1 {
        position: absolute;
        bottom: 70px;
        left: calc(50% - 1710px / 2 + 35px);
        z-index: 2;
    }

    .ind1-b2 {
        font-size: 42px;
        line-height: 42px;
        color: #fff;
        font-weight: bold;
    }

    .ind1-b3 {
        font-size: 30px;
        line-height: 42px;
        color: rgba(255, 255, 255, 0.3);
        font-weight: bold;
    }
}

/*ind2*/
@media only screen and (min-width: 1750px) {
    .ind2-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .ind2-a1 {
        background-image: url("../img/z01.png");
        background-size: 100% 100%;
    }
    .video111-a3 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        overflow: hidden;
        z-index: 100;
        background: rgba(0,0,0,.6);
    }
    .video111-a4 {
        width: 100%;
        height: 100%;
        position: relative;
        cursor: pointer;
    }
    .video111-a5 {
        width: 1000px;
        height: calc(1000px/16*9);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        overflow:hidden;
    }
    .video111-a5 iframe {
        width: 100%!important;
        height: 100%!important;
        position: relative;
        overflow: hidden;
    }
    .ind2-a2-fL {
        left:calc(50% - 1560px / 2 + 120px);
        top: 220px;
        position: absolute;
        width: 1000px;
    }

    .ind2-a2-fL-tit {
        font-size: 38px;
        color: #004098;
        margin-bottom: 35px;
        line-height: 38px;
        font-weight:bolder;
    }

    .ind2-a2-fL-line {
        width: 30px;
        height: 4px;
        background: #004098;
    }

    .ind2-a2-fL-text {
        width: 630px;
        padding-top: 55px;
        font-size: 16px;
        color: #454545;
        line-height: 26px;
        margin-bottom: 70px;
        height: 255px;
        overflow-y: auto;
    }

    .f2-a2 {
        width: 630px;
    }

    .f2-a2 .about1-a8 {
        display: inline-block;
        margin-right: 80px;
    }

    .f2-a2 .about1-a8:last-child {
        margin-right: 0;
    }

    .ind2-a2-fL-link {
        margin-top: 70px;
        width: 170px;
        height: 50px;
        background: #004098;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 16px;
    }

    .ind2-a2-fL-link img {
        width: 34px;
        height: 9px;
        margin-left: 20px;
    }

    .ind2-a2-fl1 {
        float: left;
    }

    .ind2-a2-fr {
        float: left;
        margin-left: 80px;
    }

    .ind2-a2-fr-list {
        margin-bottom: 25px;
        color: #333333;
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    .ind2-a2-fr-list img {
        display: inline-block;
        height: 53px;
        margin-right: 20px;
    }

    .ind2-a2-fr-list span {
        opacity: 0;
    }

    .ind2-a2-fr-list:hover span {
        opacity: 1;
    }

    .ind2-a2-fR1 {
        right: calc(50% - 1560px / 2);
        position: absolute;
        top: 170px;
    }

    .ind2-a2-fR1-box {
        position: relative;
    }

    .ind2-a2-fR1-bg {
        width: 232px;
        height: 280px;
    }

    .ind2-a2-fR1-vv {
        position: absolute;
        right: 78px;
        top: 70px;
        width: 360px;
        height: 410px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .ind2-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .ind2-a1 {
        background-image: url("../img/z01.png");
        background-size: 100% 100%;
    }

    .ind2-a2-fL {
        left: calc(50% - 1400px / 2);
        top: 220px;
        position: absolute;
        width: 900px;
    }

    .ind2-a2-fL-tit {
        font-size: 38px;
        color: #004098;
        margin-bottom: 35px;
        line-height: 38px;
    }

    .ind2-a2-fL-line {
        width: 30px;
        height: 4px;
        background: #004098;
    }

    .ind2-a2-fL-text {
        width: 630px;
        padding-top: 55px;
        font-size: 16px;
        color: #454545;
        line-height: 26px;
        margin-bottom: 70px;
    }

    .f2-a2 {
        width: 630px;
    }

    .f2-a2 .about1-a8 {
        display: inline-block;
        margin-right: 80px;
    }

    .f2-a2 .about1-a8:last-child {
        margin-right: 0;
    }

    .ind2-a2-fL-link {
        margin-top: 70px;
        width: 170px;
        height: 50px;
        background: #004098;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 16px;
    }

    .ind2-a2-fL-link img {
        width: 34px;
        height: 9px;
        margin-left: 20px;
    }

    .ind2-a2-fl1 {
        float: left;
    }

    .ind2-a2-fr {
        float: left;
        margin-left: 80px;
    }

    .ind2-a2-fr-list {
        margin-bottom: 25px;
        color: #333333;
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    .ind2-a2-fr-list img {
        display: inline-block;
        height: 53px;
        margin-right: 20px;
    }

    .ind2-a2-fr-list span {
        opacity: 0;
    }

    .ind2-a2-fr-list:hover span {
        opacity: 1;
    }

    .ind2-a2-fR1 {
        right: calc(50% - 1400px / 2);
        position: absolute;
        top: 170px;
    }

    .ind2-a2-fR1-box {
        position: relative;
    }

    .ind2-a2-fR1-bg {
        width: 232px;
        height: 280px;
    }

    .ind2-a2-fR1-vv {
        position: absolute;
        right: 78px;
        top: 70px;
        width: 360px;
        height: 410px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .ind2-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .ind2-a1 {
        background-image: url("../img/z01.png");
        background-size: 100% 100%;
    }

    .ind2-a2-fL {
        left: calc(50% - 1240px / 2);
        top: 140px;
        position: absolute;
        width: 800px;
    }

    .ind2-a2-fL-tit {
        font-size: 28px;
        color: #004098;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .ind2-a2-fL-line {
        width: 30px;
        height: 4px;
        background: #004098;
    }

    .ind2-a2-fL-text {
        width: 600px;
        padding-top: 40px;
        font-size: 14px;
        color: #454545;
        line-height: 24px;
        margin-bottom: 50px;
    }

    .f2-a2 {
        width: 630px;
    }

    .f2-a2 .about1-a8 {
        display: inline-block;
        margin-right: 80px;
    }

    .f2-a2 .about1-a8:last-child {
        margin-right: 0;
    }

    .ind2-a2-fL-link {
        margin-top: 50px;
        width: 135px;
        height: 50px;
        background: #004098;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 16px;
    }

    .ind2-a2-fL-link img {
        width: 34px;
        height: 9px;
        margin-left: 20px;
    }

    .ind2-a2-fl1 {
        float: left;
    }

    .ind2-a2-fr {
        float: left;
        margin-left: 20px;
    }

    .ind2-a2-fr-list {
        margin-bottom: 25px;
        color: #333333;
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    .ind2-a2-fr-list img {
        display: inline-block;
        height: 53px;
        margin-right: 20px;
    }

    .ind2-a2-fr-list span {
        opacity: 0;
    }

    .ind2-a2-fr-list:hover span {
        opacity: 1;
    }

    .ind2-a2-fR1 {
        right: calc(50% - 1240px / 2);
        position: absolute;
        top: 170px;
    }

    .ind2-a2-fR1-box {
        position: relative;
    }

    .ind2-a2-fR1-bg {
        width: 232px;
        height: 280px;
    }

    .ind2-a2-fR1-vv {
        position: absolute;
        right: 78px;
        top: 70px;
        width: 310px;
        height: 390px;
        overflow: hidden;
    }
}

/*ind3*/
@media only screen and (min-width: 1750px) {
    .hd1-b1{width: 100%;height: 100%;position: fixed;top: -100%;left: 0;background-image:url("../img/sea11.png");background-size:100% 100%;z-index: 11;transition: 0.5s;}
    .hd1-b1.on1{top: 0;transition: 0.5s;}
    .hd1-b2{font-size:68px;line-height: 68px;color: #fff;font-weight: bold;text-align: center;width: 100%;position: absolute;top: calc(50% - 160px);left: 0;opacity: 0;transform: matrix(1,0,0,1,0,160);transition: 1s;}
    .hd1-b1.on1 .hd1-b2{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b3{font-size: 72px;line-height: 72px;color: #fff;font-weight: lighter;text-align: center;width: 100%;position: absolute;top: calc(50% - 72px);left: 0;opacity: 0;transform: matrix(1,0,0,1,0,100);transition: 1s;}
    .hd1-b1.on1 .hd1-b3{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b4{width: 770px;height: 56px;border-radius: 28px;background: rgba(255,255,255,1);position: absolute;top: 47%;left: calc(50% - 770px/2);opacity: 0;transform: matrix(1,0,0,1,0,60);transition: 1s;}
    .hd1-b1.on1 .hd1-b4{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b5{width: 600px;height: 40px;position: absolute;top: calc(50% - 40px/2);left: 44px;}
    .hd1-b5 input{width: 100%;height: 100%;position: relative;font-size: 16px;line-height: 40px;color: #787878;}
    .hd1-b5 input::placeholder{color:#787878;}
    .hd1-b6{width: 24px;height: 24px;position: absolute;top: calc(50% - 24px/2);right: 30px;cursor: pointer;}
    .hd1-b6+input{display: none;}
    .hd1-b7{width: 44px;height: 44px;position: absolute;top: 40px;right: 40px;cursor: pointer}
    .hd1-b8{position: absolute;width: 770px;top:calc(50% + 80px);left: calc(50% - 770px/2);text-align: center;}
    .hd1-b8 a{color:#fff;margin-right:20px;font-size:16px;}
    .hd1-b8 a:first-child{font-weight:bolder;font-size:20px;}
    .hd1-b9{position: absolute;top: 40px;left: 40px;cursor: pointer;}
	.ind3-a1 {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
    .ind3-a2{
        width:25%;
        height: 100%;
        position:relative;
        float:left;
        transition:.3s;
        overflow: hidden;
    }
    .ind3-a1 .on1 .ind3-a7{
        opacity:1;
        width:100%;
        transition:.3s;
    }
    .ind3-a1 .on1{
        width:50%;
        transition:.3s;
    }

    .ind3-a3{
        width:100%;
        height:100%;
        position:relative;
        transition:.3s;
    }
    .ind3-a4{
        width:200%;
        height:100%;
        display: block;
        margin-left: -50%;
        transition: 0.3s;
    }
    .ind3-a2.on1 .ind3-a4{
        width: 100%;
        margin-left: 0;
        transition: 0.3s;
    }
    .ind3-a5{
        position:absolute;
        top:0;
        left:0;
        display:table;
        width:100%;
        height:100%;
        cursor:pointer;
    }
    .ind3-a6{
        display:table-cell;
        vertical-align:middle;
    }
    .ind3-a6>div{
        width:292px;
        margin:0 auto;
    }
    .ind3-a6-tit{
        color:#fff;
        font-size:26px;
        margin-bottom:10px;
        line-height:26px;
    }
    .ind3-a6-en{
        font-size:16px;
        color:#fff;
        opacity:.45;
        line-height:16px;
        padding-bottom:26px;
        border-bottom:1px solid #fff;
        text-transform:uppercase;
    }
    .ind3-a7{
        width:100%;
        position:absolute;
        top: 0;
        left: 0;
        opacity:0;
        transition:.3s;
    }
    .ind3-a7-img{
        display:block;
        width:100%;
        height:100%;
    }
    .ind3-a8{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        display:table;
        padding:0 50px;
    }
    .ind3-a8-table{
        margin-top:170px;
    }
    .ind3-a8-tit{
        font-size:36px;
        opacity:1;
        font-weight:bolder;
        color:#fff;
        margin-bottom:50px;
    }
    .ind3-a8-tit span{
        opacity:.52;
        font-size:17px;
        font-weight:normal;
        display:block;
        margin-top:10px;
    }
    .ind3-a8-ul{
        width:80%;
        margin-bottom:240px;
    }
    .ind3-a8-ul li{
        display:inline-block;
        color:#fff;
        min-width:165px;
        height:40px;
        line-height:40px;
        border-radius:30px;
        border:1px solid #d6e1f5;
        margin-right:20px;
        margin-bottom:20px;
        font-size:16px;
        text-align:center;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .hd1-b1{width: 100%;height: 100%;position: fixed;top: -100%;left: 0;background-image:url("../img/sea11.png");background-size:100% 100%;z-index: 11;transition: 0.5s;}
    .hd1-b1.on1{top: 0;transition: 0.5s;}
    .hd1-b2{font-size:68px;line-height: 68px;color: #fff;font-weight: bold;text-align: center;width: 100%;position: absolute;top: calc(50% - 160px);left: 0;opacity: 0;transform: matrix(1,0,0,1,0,160);transition: 1s;}
    .hd1-b1.on1 .hd1-b2{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b3{font-size: 72px;line-height: 72px;color: #fff;font-weight: lighter;text-align: center;width: 100%;position: absolute;top: calc(50% - 72px);left: 0;opacity: 0;transform: matrix(1,0,0,1,0,100);transition: 1s;}
    .hd1-b1.on1 .hd1-b3{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b4{width: 770px;height: 56px;border-radius: 28px;background: rgba(255,255,255,1);position: absolute;top: 47%;left: calc(50% - 770px/2);opacity: 0;transform: matrix(1,0,0,1,0,60);transition: 1s;}
    .hd1-b1.on1 .hd1-b4{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b5{width: 600px;height: 40px;position: absolute;top: calc(50% - 40px/2);left: 44px;}
    .hd1-b5 input{width: 100%;height: 100%;position: relative;font-size: 16px;line-height: 40px;color: #787878;}
    .hd1-b5 input::placeholder{color:#787878;}
    .hd1-b6{width: 24px;height: 24px;position: absolute;top: calc(50% - 24px/2);right: 30px;cursor: pointer;}
    .hd1-b6+input{display: none;}
    .hd1-b7{width: 44px;height: 44px;position: absolute;top: 40px;right: 40px;cursor: pointer}
    .hd1-b8{position: absolute;width: 770px;top:calc(50% + 80px);left: calc(50% - 770px/2);text-align: center;}
    .hd1-b8 a{color:#fff;margin-right:20px;font-size:16px;}
    .hd1-b8 a:first-child{font-weight:bolder;font-size:20px;}
    .hd1-b9{position: absolute;top: 40px;left: 40px;cursor: pointer;}
    .ind3-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind3-a2{
        width:30%;
        height: 100%;
        position:relative;
        float:left;
        transition:.3s;
        overflow: hidden;
    }
    .ind3-a1 .on1{
        width:40%;
    }
    .ind3-a1 .on1 .ind3-a7{
        opacity:1;
        width:100%;
        transition:.3s;
    }
    .ind3-a3{
        width:100%;
        height:100%;
        position:relative;
        transition:.3s;
    }
    .ind3-a4{
        width:133%;
        height:100%;
        display: block;
        margin-left: -16.5%;
        transition: 0.3s;
    }
    .ind3-a2.on1 .ind3-a4{
        width: 100%;
        margin-left: 0;
        transition: 0.3s;
    }
    .ind3-a5{
        position:absolute;
        top:0;
        left:0;
        display:table;
        width:100%;
        height:100%;
        cursor:pointer;
    }
    .ind3-a6{
        display:table-cell;
        vertical-align:middle;
    }
    .ind3-a6>div{
        width:292px;
        margin:0 auto;
    }
    .ind3-a6-tit{
        color:#fff;
        font-size:26px;
        margin-bottom:10px;
        line-height:26px;
    }
    .ind3-a6-en{
        font-size:16px;
        color:#fff;
        opacity:.45;
        line-height:16px;
        padding-bottom:26px;
        border-bottom:1px solid #fff;
        text-transform:uppercase;
    }
    .ind3-a7{
        width:100%;
        position:absolute;
        top: 0;
        left: 0;
        opacity:0;
        transition:.3s;
    }
    .ind3-a7-img{
        display:block;
        width:100%;
        height:100%;
    }
    .ind3-a8{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        display:table;
        padding:0 50px;
    }
    .ind3-a8-table{
        margin-top:170px;
    }
    .ind3-a8-tit{
        font-size:36px;
        opacity:1;
        font-weight:bolder;
        color:#fff;
        margin-bottom:50px;
    }
    .ind3-a8-tit span{
        opacity:.52;
        font-size:17px;
        font-weight:normal;
        display:block;
        margin-top:10px;
    }
    .ind3-a8-ul{
        width:80%;
        margin-bottom:240px;
    }
    .ind3-a8-ul li{
        display:inline-block;
        color:#fff;
        min-width:165px;
        height:40px;
        line-height:40px;
        border-radius:30px;
        border:1px solid #d6e1f5;
        margin-right:20px;
        margin-bottom:20px;
        font-size:16px;
        text-align:center;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .hd1-b1{width: 100%;height: 100%;position: fixed;top: -100%;left: 0;background-image:url("../img/sea11.png");background-size:100% 100%;z-index: 11;transition: 0.5s;}
    .hd1-b1.on1{top: 0;transition: 0.5s;}
    .hd1-b2{font-size:68px;line-height: 68px;color: #fff;font-weight: bold;text-align: center;width: 100%;position: absolute;top: calc(50% - 160px);left: 0;opacity: 0;transform: matrix(1,0,0,1,0,160);transition: 1s;}
    .hd1-b1.on1 .hd1-b2{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b3{font-size: 72px;line-height: 72px;color: #fff;font-weight: lighter;text-align: center;width: 100%;position: absolute;top: calc(50% - 72px);left: 0;opacity: 0;transform: matrix(1,0,0,1,0,100);transition: 1s;}
    .hd1-b1.on1 .hd1-b3{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b4{width: 770px;height: 56px;border-radius: 28px;background: rgba(255,255,255,1);position: absolute;top: 47%;left: calc(50% - 770px/2);opacity: 0;transform: matrix(1,0,0,1,0,60);transition: 1s;}
    .hd1-b1.on1 .hd1-b4{transform: matrix(1,0,0,1,0,0);opacity: 1;transition: 1s;}
    .hd1-b5{width: 600px;height: 40px;position: absolute;top: calc(50% - 40px/2);left: 44px;}
    .hd1-b5 input{width: 100%;height: 100%;position: relative;font-size: 16px;line-height: 40px;color: #787878;}
    .hd1-b5 input::placeholder{color:#787878;}
    .hd1-b6{width: 24px;height: 24px;position: absolute;top: calc(50% - 24px/2);right: 30px;cursor: pointer;}
    .hd1-b6+input{display: none;}
    .hd1-b7{width: 44px;height: 44px;position: absolute;top: 40px;right: 40px;cursor: pointer}
    .hd1-b8{position: absolute;width: 770px;top:calc(50% + 80px);left: calc(50% - 770px/2);text-align: center;}
    .hd1-b8 a{color:#fff;margin-right:20px;font-size:16px;}
    .hd1-b8 a:first-child{font-weight:bolder;font-size:20px;}
    .hd1-b9{position: absolute;top: 40px;left: 40px;cursor: pointer;}
    .ind3-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind3-a2{
        width:30%;
        height: 100%;
        position:relative;
        float:left;
        transition:.3s;
        overflow: hidden;
    }
    .ind3-a1 .on1{
        width:40%;
    }
    .ind3-a1 .on1 .ind3-a7{
        opacity:1;
        width:100%;
        transition:.3s;
    }
    .ind3-a3{
        width:100%;
        height:100%;
        position:relative;
        transition:.3s;
    }
    .ind3-a4{
        width:133%;
        height:100%;
        display: block;
        margin-left: -16.5%;
        transition: 0.3s;
    }
    .ind3-a2.on1 .ind3-a4{
        width: 100%;
        margin-left: 0;
        transition: 0.3s;
    }
    .ind3-a5{
        position:absolute;
        top:0;
        left:0;
        display:table;
        width:100%;
        height:100%;
        cursor:pointer;
    }
    .ind3-a6{
        display:table-cell;
        vertical-align:middle;
    }
    .ind3-a6>div{
        width:292px;
        margin:0 auto;
    }
    .ind3-a6-tit{
        color:#fff;
        font-size:22px;
        margin-bottom:10px;
        line-height:22px;
    }
    .ind3-a6-en{
        font-size:14px;
        color:#fff;
        opacity:.45;
        line-height:14px;
        padding-bottom:20px;
        border-bottom:1px solid #fff;
        text-transform:uppercase;
    }
    .ind3-a7{
        width:100%;
        position:absolute;
        top: 0;
        left: 0;
        opacity:0;
        transition:.3s;
    }
    .ind3-a7-img{
        display:block;
        width:100%;
        height:100%;
    }
    .ind3-a8{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        display:table;
        padding:0 30px;
    }
    .ind3-a8-table{
        margin-top:110px;
    }
    .ind3-a8-tit{
        font-size:30px;
        opacity:1;
        font-weight:bolder;
        color:#fff;
        margin-bottom:30px;
    }
    .ind3-a8-tit span{
        opacity:.52;
        font-size:15px;
        font-weight:normal;
        display:block;
        margin-top:10px;
    }
    .ind3-a8-ul{
        width:80%;
        margin-bottom:120px;
    }
    .ind3-a8-ul li{
        display:inline-block;
        color:#fff;
        min-width:160px;
        height:36px;
        line-height:36px;
        border-radius:30px;
        border:1px solid #d6e1f5;
        margin-right:20px;
        margin-bottom:20px;
        font-size:14px;
        text-align:center;
    }
}

/*ind4*/
@media only screen and (min-width: 1750px) {
    .ind4-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind4-a1{
        background-image:url("../img/z12.png");
        background-size:100% 100%;
    }
    .ind4-a2{
        width:392px;
        height:100%;
        position:absolute;
        left: calc(50% - 1560px / 2);
        top:0;
        background-image:url("../img/z13.png");
    }
    .swiper-container-zz{
        width:630px!important;
        height:100%;
        color:#fff;
        font-size:18px;
        overflow: inherit;
        position: absolute;
        left: 0;
        top: 30%;
    }
    .swiper-container-zz .ind4-a2-line{
        display:block;
        height:100%!important;
    }
    .swiper-container-zz .ind4-a2-list{
        height:calc(100% / 3)!important;
        position:absolute;
        top:18%;
        left:-18%;
        opacity:0;
        transition:.5s;
        white-space:nowrap;
    }
    .swiper-container-zz .on5{
        position:absolute;
        top:16%;
        left:-15%;
        z-index:99;
        opacity:1;
        transition:.5s;
    }
    .swiper-container-zz .on4{
        position:absolute;
        top:-6%;
        left:3%;
        opacity:1;
        transition:.5s;
    }
    .swiper-container-zz .on3{
        position:absolute;
        top:45%;
        left:0;
        opacity:1;
        transition:.5s;
    }
    .swiper-container-zz .ono4{
        position:absolute;
        top: -28%;
        left: 27%;
        opacity:0;
        transition:.5s;
    }
    .swiper-container-zz .ono5{
        position:absolute;
        top:60%;
        left:0;
        opacity:0;
        transition:.5s;
    }
    .swiper-container-zz .on2{
        position:absolute;
        top: -28%;
        left: 27%;
        opacity:0;
        /*transition:.5s;*/
    }
    .swiper-container-zz .on1{
        position:absolute;
        top:60%;
        left:0;
        opacity:0;
        /*transition:.5s;*/
    }
    .swiper-container-zz .on4 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
    }
    .swiper-container-zz .on3 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
        white-space:nowrap;
    }
    .swiper-container-zz .on5 a{
        display:block;
        background-image:url("../img/z15.png");
        width:170px;
        height:170px;
        text-align:center;
        color:#fff;
        line-height:170px;
        font-size:24px;
    }
    .ind4-a2 .ind4-a4{
        position:absolute;
        top:22%;
        left:-18%;
    }
    .ind4-a2 .ind4-a4 a{
        display:block;
        background-image:url("../img/z15.png");
        width:170px;
        height:170px;
        text-align:center;
        color:#fff;
        line-height:170px;
        font-size:24px;
    }
    .ind4-a2 .ind4-a5{
        position:absolute;
        bottom:2%;
        left:3%;
    }
    .ind4-a2 .ind4-a5 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
    }
    .ind4-a6{
        position:absolute;
        width:412px;
        left: calc(50% - 1560px / 2 + 180px);
        display:table;
        height:100%;
        top:0;
    }
    .ind4-a6>div{
        display:table-cell;
        vertical-align:middle;
    }
    .ind4-a7{
        color:#fff;
        font-size:38px;
        padding-bottom:20px;
        line-height:38px;
    }
    .ind4-a8{
        width:32px;
        height:3px;
        background:#fff;
        opacity:.5;
        margin-bottom:25px;
    }
    .ind4-a9{
        font-size:16px;
        color:#fff;
        margin-bottom:60px;
    }
    .ind4-a10{
        display:flex;
        justify-content:center;
        align-items:center;
        width:177px;
        height:52px;
        color:#fff;
        border:1px solid rgba(251,251,251,.25);
        font-size:16px;
    }
    .ind4-a10 img{
        margin-left:10px;
    }
    .ind4-a11{
        position:absolute;
        right:0;
        top:200px;
    }
    .swiper-button-next-zz{
        background-image:url("../img/fei12.png");
        background-size:100% 100%;
        width:33px;
        height:35px;
        top:123px;
        left:160px;
        position:absolute;
        cursor:pointer;
    }
    .swiper-button-prev-zz{
        background-image:url("../img/fei13.png");
        background-size:100% 100%;
        width:33px;
        height:35px;
        bottom:40px;
        left:110px;
        top: auto;
        position:absolute;
        cursor:pointer;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .ind4-a11{
        position: absolute;
        right: 0;
        top:100px;
    }
    .ind4-a2{
        display:none;
    }
    .swiper-container-zz .ind4-a2-line{
        display:block;
        height:100%!important;
    }
    .swiper-container-zz .ind4-a2-list{
        height:calc(100% / 3)!important;
        position:absolute;
        top:18%;
        left:-18%;
        opacity:0;
        transition:.5s;
        white-space:nowrap;
    }
    .swiper-container-zz .on5{
        position:absolute;
        top:16%;
        left:-15%;
        z-index:99;
        opacity:1;
        transition:.5s;
    }
    .swiper-container-zz .on4{
        position:absolute;
        top:-6%;
        left:3%;
        opacity:1;
        transition:.5s;
    }
    .swiper-container-zz .on3{
        position:absolute;
        top:45%;
        left:0;
        opacity:1;
        transition:.5s;
    }
    .swiper-container-zz .ono4{
        position:absolute;
        top: -28%;
        left: 27%;
        opacity:0;
        transition:.5s;
    }
    .swiper-container-zz .ono5{
        position:absolute;
        top:60%;
        left:0;
        opacity:0;
        transition:.5s;
    }
    .swiper-container-zz .on2{
        position:absolute;
        top: -28%;
        left: 27%;
        opacity:0;
        /*transition:.5s;*/
    }
    .swiper-container-zz .on1{
        position:absolute;
        top:60%;
        left:0;
        opacity:0;
        /*transition:.5s;*/
    }
    .swiper-container-zz .on4 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
    }
    .swiper-container-zz .on3 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
        white-space:nowrap;
    }
    .swiper-container-zz .on5 a{
        display:block;
        background-image:url("../img/z15.png");
        width:170px;
        height:170px;
        text-align:center;
        color:#fff;
        line-height:170px;
        font-size:24px;
    }
    .ind4-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind4-a1{
        background-image:url("../img/z12.png");
        background-size:100% 100%;
    }
    .ind4-a2{
        width:392px;
        height:100%;
        position:absolute;
        left: calc(50% - 1300px / 2);
        top:0;
        background-image:url("../img/z13.png");
    }
    .ind4-a2>div{
        display:table;
        height:calc(100% / 3);
        position:absolute;
    }
    .ind4-a2>div>p{
        display:table-cell;
        vertical-align:middle;
    }
    .ind4-a3{
        position:absolute;
        top:14%;
        left:3%;
    }
    .ind4-a3 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
    }
    .ind4-a4{
        position:absolute;
        top:43%;
        left:-18%;
    }
    .ind4-a4 a{
        display:block;
        background-image:url("../img/z15.png");
        width:170px;
        height:170px;
        text-align:center;
        color:#fff;
        line-height:170px;
        font-size:24px;
    }
    .ind4-a5{
        position:absolute;
        bottom:-2%;
        left:0;
    }
    .ind4-a5 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
    }
    .ind4-a6{
        position:absolute;
        width:412px;
        left: calc(50% - 1300px / 2 + 180px);
        display:table;
        height:100%;
        top:0;
    }
    .ind4-a6>div{
        display:table-cell;
        vertical-align:middle;
    }
    .ind4-a7{
        color:#fff;
        font-size:38px;
        padding-bottom:20px;
        line-height:38px;
    }
    .ind4-a8{
        width:32px;
        height:3px;
        background:#fff;
        opacity:.5;
        margin-bottom:25px;
    }
    .ind4-a9{
        font-size:16px;
        color:#fff;
        margin-bottom:60px;
    }
    .ind4-a10{
        display:flex;
        justify-content:center;
        align-items:center;
        width:177px;
        height:52px;
        color:#fff;
        border:1px solid rgba(251,251,251,.25);
        font-size:16px;
    }
    .ind4-a10 img{
        margin-left:10px;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .ind4-a11{
        position: absolute;
        right: 0;
        top:100px;
    }
    .ind4-a2{
        display:none;
    }
    .ind4-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind4-a1{
        background-image:url("../img/z12.png");
        background-size:100% 100%;
    }
    .ind4-a2{
        width:392px;
        height:100%;
        position:absolute;
        left: calc(50% - 1150px / 2);
        top:0;
        background-image:url("../img/z13.png");
    }
    .ind4-a2>div{
        display:table;
        height:calc(100% / 3);
        position:absolute;
    }
    .ind4-a2>div>p{
        display:table-cell;
        vertical-align:middle;
    }
    .ind4-a3{
        position:absolute;
        top:11%;
        left:3%;
    }
    .ind4-a3 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
    }
    .ind4-a4{
        position:absolute;
        top:34%;
        left:-18%;
    }
    .ind4-a4 a{
        display:block;
        background-image:url("../img/z15.png");
        width:170px;
        height:170px;
        text-align:center;
        color:#fff;
        line-height:170px;
        font-size:24px;
    }
    .ind4-a5{
        position:absolute;
        bottom:8%;
        left:0;
    }
    .ind4-a5 a{
        display:block;
        width:130px;
        height:130px;
        text-align:center;
        background-image:url("../img/z14.png");
        line-height:130px;
        font-size:18px;
        color:#fff;
    }
    .ind4-a6{
        position:absolute;
        width:412px;
        left: calc(50% - 1150px / 2 + 180px);
        display:table;
        height:100%;
        top:0;
    }
    .ind4-a6>div{
        display:table-cell;
        vertical-align:middle;
    }
    .ind4-a7{
        color:#fff;
        font-size:38px;
        padding-bottom:20px;
        line-height:38px;
    }
    .ind4-a8{
        width:32px;
        height:3px;
        background:#fff;
        opacity:.5;
        margin-bottom:25px;
    }
    .ind4-a9{
        font-size:16px;
        color:#fff;
        margin-bottom:60px;
    }
    .ind4-a10{
        display:flex;
        justify-content:center;
        align-items:center;
        width:177px;
        height:52px;
        color:#fff;
        border:1px solid rgba(251,251,251,.25);
        font-size:16px;
    }
    .ind4-a10 img{
        margin-left:10px;
    }
}

/*ind5*/
@media only screen and (min-width: 1750px) {
    .ind5-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .ind5-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ind5-a3 {
        position: absolute;
    }
    .ind5-a3:nth-child(1) {
        width: calc(875 / 1920 * 100%);
        height: 100%;
        top: 0;
        left: 0;
    }

    .ind5-a3:nth-child(2) {
        width: calc(1045 / 1920 * 100%);
        height: calc(520 / 960 * 100%);
        top: 0;
        right: 0;
    }

    .ind5-a3:nth-child(3) {
        width: calc(1045 / 1920 * 100%);
        height: calc(440 / 960 * 100%);
        bottom: 0;
        right: 0;
    }

    .ind5-a4 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow:hidden;
    }
    .ind5-a4 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .ind5-a3:hover .ind5-a4 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .ind5-a5 {
        position: absolute;
    }

    .ind5-a3:nth-child(1) .ind5-a5 {
        top: 375px;
        left: 170px;
    }

    .ind5-a3:nth-child(2) .ind5-a5 {
        top: 220px;
        left: 85px;
    }

    .ind5-a3:nth-child(3) .ind5-a5 {
        top: 135px;
        left: 85px;
    }

    .ind5-a5 > div:nth-child(1) {
        font-size: 34px;
        line-height: 34px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 20px;
        text-shadow: 0 1px 0 rgba(66, 66, 66, 0.6);
    }

    .ind5-a5 > div:nth-child(2) {
        font-size: 32px;
        line-height: 32px;
        color: #fff;
        text-shadow: 0 1px 0 rgba(66, 66, 66, 0.6);
    }

    .ind5-a6 {
        position: absolute;
        top: calc(50% - 245px);
        left: 170px;
    }

    .ind5-a6 > div:nth-child(1) {
        font-size: 38px;
        line-height: 38px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 28px;
    }

    .ind5-a6 > div:nth-child(2) {
        width: 50px;
        height: 2px;
        background: #fff;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .ind5-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .ind5-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ind5-a3 {
        position: absolute;
    }

    .ind5-a3:nth-child(1) {
        width: calc(875 / 1920 * 100%);
        height: 100%;
        top: 0;
        left: 0;
    }

    .ind5-a3:nth-child(2) {
        width: calc(1045 / 1920 * 100%);
        height: calc(520 / 960 * 100%);
        top: 0;
        right: 0;
    }

    .ind5-a3:nth-child(3) {
        width: calc(1045 / 1920 * 100%);
        height: calc(440 / 960 * 100%);
        bottom: 0;
        right: 0;
    }

    .ind5-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ind5-a4 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .ind5-a3: .ind5-a4 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .ind5-a5 {
        position: absolute;
    }

    .ind5-a3:nth-child(1) .ind5-a5 {
        top: 375px;
        left: 340px;
    }

    .ind5-a3:nth-child(2) .ind5-a5 {
        top: 220px;
        left: 85px;
    }

    .ind5-a3:nth-child(3) .ind5-a5 {
        top: 135px;
        left: 85px;
    }

    .ind5-a5 > div:nth-child(1) {
        font-size: 34px;
        line-height: 34px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 20px;
        text-shadow: 0 1px 0 rgba(66, 66, 66, 0.6);
    }

    .ind5-a5 > div:nth-child(2) {
        font-size: 32px;
        line-height: 32px;
        color: #fff;
        text-shadow: 0 1px 0 rgba(66, 66, 66, 0.6);
    }

    .ind5-a6 {
        position: absolute;
        top: calc(50% - 245px);
        left: 340px;
    }

    .ind5-a6 > div:nth-child(1) {
        font-size: 38px;
        line-height: 38px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 28px;
    }

    .ind5-a6 > div:nth-child(2) {
        width: 50px;
        height: 2px;
        background: #fff;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .ind5-a1 {
        width: 1440px;
        height: 100%;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
    }

    .ind5-a2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ind5-a3 {
        position: absolute;
    }

    .ind5-a3:nth-child(1) {
        width: calc(875 / 1920 * 100%);
        height: 100%;
        top: 0;
        left: 0;
    }

    .ind5-a3:nth-child(2) {
        width: calc(1045 / 1920 * 100%);
        height: calc(520 / 960 * 100%);
        top: 0;
        right: 0;
    }

    .ind5-a3:nth-child(3) {
        width: calc(1045 / 1920 * 100%);
        height: calc(440 / 960 * 100%);
        bottom: 0;
        right: 0;
    }

    .ind5-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .ind5-a4 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .ind5-a3: .ind5-a4 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .ind5-a5 {
        position: absolute;
    }

    .ind5-a3:nth-child(1) .ind5-a5 {
        top: 300px;
        left: 200px;
    }

    .ind5-a3:nth-child(2) .ind5-a5 {
        top: 160px;
        left: 80px;
    }

    .ind5-a3:nth-child(3) .ind5-a5 {
        top: 100px;
        left: 80px;
    }

    .ind5-a5 > div:nth-child(1) {
        font-size: 28px;
        line-height: 28px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 16px;
        text-shadow: 0 1px 0 rgba(66, 66, 66, 0.6);
    }

    .ind5-a5 > div:nth-child(2) {
        font-size: 24px;
        line-height: 24px;
        color: #fff;
        text-shadow: 0 1px 0 rgba(66, 66, 66, 0.6);
    }

    .ind5-a6 {
        position: absolute;
        top: calc(50% - 180px);
        left: 200px;
    }

    .ind5-a6 > div:nth-child(1) {
        font-size: 30px;
        line-height: 30px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .ind5-a6 > div:nth-child(2) {
        width: 50px;
        height: 2px;
        background: #fff;
    }
}

/*ind6*/
@media only screen and (min-width: 1750px) {
    .ind6-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind6-a1{
        background-image:url("../img/z17.png");
        background-size:100% 100%;
    }
    .ind6-a2{position:absolute;left: calc(50% - 1440px/2);top:170px;display:flex;align-items:baseline;justify-content:space-between;width:1440px;}
    .ind6-a2>span{font-size:38px;color:#004098;font-weight:bolder;}
    .ind6-a2 .ind7-c8{position:sticky;}
    .ind7-a2{width: 1440px;position: absolute;top: calc(50% - 180px);left: calc(50% - 1440px/2);}
    .ind7-b1{width: 455px;height: 528px;background: #fff;position: relative;overflow: hidden;float: left;margin-right: 25px;}
    .ind7-b2{width: 100%;height: 286px;position: relative;}
    .ind7-b2 img{min-height: 100%;transition: 0.5s;}
    .ind7-b1:hover .ind7-b2 img{transform: scale(1.08);transition: 0.5s;}
    .ind7-b3{width: 100%;padding: 0 28px;position: absolute;top: 333px;left: 0;}
    .ind7-b4{font-size: 26px;line-height: 26px;color: #374584;font-weight: bold;float: left;}
    .ind7-b5{height: 26px;float: right;padding-top: 3px;}
    .ind7-b5 img{height: 20px;float: left;margin-right: 12px;}
    .ind7-b5 div{font-size: 16px;line-height: 20px;color: #777777;float: left;opacity: 0.6;}
    .ind7-b6{width: 100%;max-height: calc(36px*2);font-size: 20px;line-height: 36px;color: #333333;position: absolute;top: 380px;left: 0;padding: 0 28px;}
    .ind7-b6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c1{width: 455px;height: 528px;background: #004099;position: relative;overflow: hidden;float: left;}
    .ind7-c2{width: calc(100% - 15px*2);height: calc(100% - 15px*2);position: absolute;top: 15px;left: 15px;}
    .ind7-c3{width: calc(100% - 50px*2);position: absolute;top: 66px;left: 50px;}
    .ind7-c4{font-size: 26px;line-height: 26px;color: #fff;font-weight: bold;float: left;}
    .ind7-c5{height: 26px;float: right;padding-top: 3px;}
    .ind7-c5 img{height: 20px;float: left;margin-right: 12px;}
    .ind7-c5 div{font-size: 16px;line-height: 20px;color: #fff;float: left;opacity: 0.6;}
    .ind7-c6{width: 100%;max-height: calc(40px*2);padding: 0 50px;font-size: 24px;line-height: 40px;color: #fff;position: absolute;top: 146px;left: 0;}
    .ind7-c6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c7{width: 100%;max-height: calc(34px*3);padding: 0 50px;font-size: 16px;line-height: 34px;color: #fff;opacity: 0.6;position: absolute;top: 260px;left: 0;}
    .ind7-c7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c8{width: 180px;height: 50px;background: #fff;position: absolute;bottom: 66px;left: 50px;}
    .ind7-c8 div{font-size: 16px;line-height: 50px;color: #004099;position: absolute;top: 0;left: 22px;}
    .ind7-c8 img{width: 33px;height: 9px;position: absolute;top: calc(50% - 9px/2);right: 34px;transition: 0.5s;}
    .ind7-c8:hover img{right: 24px;transition: 0.5s;}
    .ind7-d1{width: 476px;position: relative;float: right;}
    .ind7-d2{width: 100%;height: 146px;margin-bottom: 42px;position: relative;}
    .ind7-d3{width: 222px;height: 146px;position: relative;}
    .ind7-d3 img{min-height: 100%;transition: 0.5s;}
    .ind7-d2:hover .ind7-d3 img{transform: scale(1.08);transition: 0.5s;}
    .ind7-d4{width: calc(100% - 240px);max-height: calc(30px*2);font-size: 18px;line-height: 30px;color: #333333;position: absolute;top: 15px;right: 0;}
    .ind7-d4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-d5{height: 9px;position: absolute;top: 118px;left: 240px;transition: 0.5s;}
    .ind7-d2:hover .ind7-d5{left: 260px;transition: 0.5s;}
    .ind7-e1{display: none;}
    .ind7-a1 .bt1-a1{display: none;}
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .ind6-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind6-a1{
        background-image:url("../img/z17.png");
        background-size:100% 100%;
    }
    .ind6-a2{position:absolute;left: calc(50% - 1400px/2);top:170px;display:flex;align-items:baseline;justify-content:space-between;width:1440px;}
    .ind6-a2>span{font-size:38px;color:#004098;font-weight:bolder;}
    .ind6-a2 .ind7-c8{position:sticky;}
    .ind7-a2{width: 960px;position: absolute;top: calc(50% - 160px);left: calc(50% - 960px/2);}
    .ind7-b1{width: 300px;height: 352px;background: #fff;position: relative;overflow: hidden;float: left;margin-right: 30px;}
    .ind7-b2{width: 100%;height: 188px;position: relative;}
    .ind7-b2 img{min-height: 100%;transition: 0.5s;}
    .ind7-b1:hover .ind7-b2 img{transform: scale(1.08);transition: 0.5s;}
    .ind7-b3{width: 100%;padding: 0 20px;position: absolute;top: 210px;left: 0;}
    .ind7-b4{font-size: 20px;line-height: 20px;color: #a82224;font-weight: bold;float: left;}
    .ind7-b5{height: 20px;float: right;padding-top: 2px;}
    .ind7-b5 img{height: 16px;float: left;margin-right: 8px;}
    .ind7-b5 div{font-size: 12px;line-height: 16px;color: #777777;float: left;opacity: 0.6;}
    .ind7-b6{width: 100%;max-height: calc(28px*2);font-size: 16px;line-height: 28px;color: #333333;position: absolute;top: 250px;left: 0;padding: 0 20px;}
    .ind7-b6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c1{width: 300px;height: 352px;background: #004099;position: relative;overflow: hidden;float: left;}
    .ind7-c2{width: calc(100% - 10px*2);height: calc(100% - 10px*2);position: absolute;top: 10px;left: 10px;}
    .ind7-c3{width: calc(100% - 24px*2);position: absolute;top: 48px;left: 24px;}
    .ind7-c4{font-size: 20px;line-height: 20px;color: #fff;font-weight: bold;float: left;}
    .ind7-c5{height: 20px;float: right;padding-top: 2px;}
    .ind7-c5 img{height: 16px;float: left;margin-right: 8px;}
    .ind7-c5 div{font-size: 12px;line-height: 16px;color: #fff;float: left;opacity: 0.6;}
    .ind7-c6{width: 100%;max-height: calc(28px*2);padding: 0 24px;font-size: 20px;line-height: 28px;color: #fff;position: absolute;top: 90px;left: 0;}
    .ind7-c6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c7{width: 100%;max-height: calc(28px*3);padding: 0 24px;font-size: 12px;line-height: 28px;color: #fff;opacity: 0.6;position: absolute;top: 160px;left: 0;}
    .ind7-c7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c8{width: 140px;height:36px;background: #fff;position: absolute;bottom: 48px;left: 24px;}
    .ind7-c8 div{font-size: 12px;line-height: 36px;color: #004099;position: absolute;top: 0;left: 20px;}
    .ind7-c8 img{width: 25px;height: 7px;position: absolute;top: calc(50% - 7px/2);right: 30px;transition: 0.5s;}
    .ind7-c8:hover img{right: 20px;transition: 0.5s;}
    .ind7-d1{width: 300px;position: relative;float: right;}
    .ind7-d2{width: 100%;height: 100px;margin-bottom: 26px;position: relative;}
    .ind7-d3{width: 152px;height: 100px;position: relative;}
    .ind7-d3 img{min-height: 100%;transition: 0.5s;}
    .ind7-d2:hover .ind7-d3 img{transform: scale(1.08);transition: 0.5s;}
    .ind7-d4{width: calc(100% - 170px);max-height: calc(24px*2);font-size: 14px;line-height: 24px;color: #333333;position: absolute;top: 10px;right: 0;}
    .ind7-d4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-d5{height: 7px;position: absolute;top: 76px;left: 170px;transition: 0.5s;}
    .ind7-d2:hover .ind7-d5{left: 184px;transition: 0.5s;}
    .ind7-e1{display: none;}
    .ind7-a1 .bt1-a1{display: none;}
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .ind6-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind6-a1{
        background-image:url("../img/z17.png");
        background-size:100% 100%;
    }
    .ind6-a2{position:absolute;left: calc(50% - 960px/2);top:100px;display:flex;align-items:baseline;justify-content:space-between;width:960px;}
    .ind6-a2>span{font-size:36px;color:#004098;font-weight:bolder;}
    .ind6-a2 .ind7-c8{position:sticky;}
    .ind6-a2{position:absolute;left: calc(50% - 960px/2);top:170px;display:flex;align-items:baseline;justify-content:space-between;width:960px;}
    .ind6-a2>span{font-size:38px;color:#004098;font-weight:bolder;}
    .ind6-a2 .ind7-c8{position:sticky;}
    .ind7-a2{width: 960px;position: absolute;top: calc(50% - 160px);left: calc(50% - 960px/2);}
    .ind7-b1{width: 300px;height: 352px;background: #fff;position: relative;overflow: hidden;float: left;margin-right: 30px;}
    .ind7-b2{width: 100%;height: 188px;position: relative;}
    .ind7-b2 img{min-height: 100%;transition: 0.5s;}
    .ind7-b1:hover .ind7-b2 img{transform: scale(1.08);transition: 0.5s;}
    .ind7-b3{width: 100%;padding: 0 20px;position: absolute;top: 210px;left: 0;}
    .ind7-b4{font-size: 20px;line-height: 20px;color: #a82224;font-weight: bold;float: left;}
    .ind7-b5{height: 20px;float: right;padding-top: 2px;}
    .ind7-b5 img{height: 16px;float: left;margin-right: 8px;}
    .ind7-b5 div{font-size: 12px;line-height: 16px;color: #777777;float: left;opacity: 0.6;}
    .ind7-b6{width: 100%;max-height: calc(28px*2);font-size: 16px;line-height: 28px;color: #333333;position: absolute;top: 250px;left: 0;padding: 0 20px;}
    .ind7-b6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c1{width: 300px;height: 352px;background: #004099;position: relative;overflow: hidden;float: left;}
    .ind7-c2{width: calc(100% - 10px*2);height: calc(100% - 10px*2);position: absolute;top: 10px;left: 10px;}
    .ind7-c3{width: calc(100% - 24px*2);position: absolute;top: 48px;left: 24px;}
    .ind7-c4{font-size: 20px;line-height: 20px;color: #fff;font-weight: bold;float: left;}
    .ind7-c5{height: 20px;float: right;padding-top: 2px;}
    .ind7-c5 img{height: 16px;float: left;margin-right: 8px;}
    .ind7-c5 div{font-size: 12px;line-height: 16px;color: #fff;float: left;opacity: 0.6;}
    .ind7-c6{width: 100%;max-height: calc(28px*2);padding: 0 24px;font-size: 20px;line-height: 28px;color: #fff;position: absolute;top: 90px;left: 0;}
    .ind7-c6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c7{width: 100%;max-height: calc(28px*3);padding: 0 24px;font-size: 12px;line-height: 28px;color: #fff;opacity: 0.6;position: absolute;top: 160px;left: 0;}
    .ind7-c7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-c8{width: 140px;height:36px;background: #fff;position: absolute;bottom: 48px;left: 24px;}
    .ind7-c8 div{font-size: 12px;line-height: 36px;color: #004099;position: absolute;top: 0;left: 20px;}
    .ind7-c8 img{width: 25px;height: 7px;position: absolute;top: calc(50% - 7px/2);right: 30px;transition: 0.5s;}
    .ind7-c8:hover img{right: 20px;transition: 0.5s;}
    .ind7-d1{width: 300px;position: relative;float: right;}
    .ind7-d2{width: 100%;height: 100px;margin-bottom: 26px;position: relative;}
    .ind7-d3{width: 152px;height: 100px;position: relative;}
    .ind7-d3 img{min-height: 100%;transition: 0.5s;}
    .ind7-d2:hover .ind7-d3 img{transform: scale(1.08);transition: 0.5s;}
    .ind7-d4{width: calc(100% - 170px);max-height: calc(24px*2);font-size: 14px;line-height: 24px;color: #333333;position: absolute;top: 10px;right: 0;}
    .ind7-d4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
    .ind7-d5{height: 7px;position: absolute;top: 76px;left: 170px;transition: 0.5s;}
    .ind7-d2:hover .ind7-d5{left: 184px;transition: 0.5s;}
    .ind7-e1{display: none;}
    .ind7-a1 .bt1-a1{display: none;}

}
/*人才招聘*/
.in-recruitment{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.in-recruitment{
    background-image:url("../img/hff1.png");
    background-size:100% 100%;
}
.in-recruitment-box{
    width: 1440px;
    position: absolute;
    top: calc(50% - 210px);
    left: calc(50% - 1440px/2);
    color:#fff;
}
.in-recruitment-tit{
    font-size:38px;
    line-height:38px;
    font-weight:bold;
    margin-bottom:20px;
}
.in-recruitment-line{
    width:32px;
    height:3px;
    background:rgba(251,251,251,.5);
    margin-bottom:37px;
}
.in-recruitment-tit1{
    font-size:24px;
    color:#fff;
    font-weight:bold;
    line-height:24px;
    margin-bottom:22px;
}
.in-recruitment-text{
    width:810px;
    line-height:40px;
    font-size:16px;
    color:#d6dfeb;
    margin-bottom: 50px;
}
.in-recruitment-box .ind4-a10{
    border: 1px solid rgba(251,251,251,1);
    margin-bottom:70px;
}
.in-recruitment-swiper{
    width:100%;
    height:103px;
    background:rgba(255,255,255,.9);
    padding:0 50px;
}
.in-recruitment-swiper .swiper-slide{
    height:100%;
    line-height:103px;
}
.in-recruitment-swiper .swiper-slide .in-recruitment-swiper-tit1{
    color:#454545;
    font-size:22px;
    font-weight:bold;
}
.in-recruitment-swiper .swiper-slide i{
   font-size:16px;
    color:#777;
    font-style:normal;
    display:inline-block;
    margin:0 5px;
}
.in-recruitment-swiper .swiper-slide .in-recruitment-swiper-tit2{
    font-size:16px;
    color:#777;
}
.in-recruitment-box .swiper-button-next-in{
    background-image:url("../img/a21.png");
    background-size:100% 100%;
    width:37px;
    height:9px;
    right: 0;
    margin: 0;
    top: 45%;
}
.in-recruitment-box .in-recruitment-swiper .swiper-slide-active span{
    color:#004098!important;
}

/*ind7*/
@media only screen and (min-width: 1750px) {
    .ind8-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind8-a1{
        background-image:url("../img/z20.png");
        background-size:100% 100%;
    }
    .ind8-a1-box{
        position:absolute;
        width:100%;
        left:0;
        top:170px;
    }
    .ind8-a2{
        color:#fff;
        font-size:38px;
        text-align:center;
        padding-bottom:20px;
        line-height: 38px;
    }
    .ind8-a3{
        width:40px;
        height:3px;
        background:#fff;
        margin: 0 auto;
    }
    .ind8-a4{
        width:1560px;
        margin:0 auto;
        padding-top:55px;
    }
    .ind8-a5{
        display:flex;
        justify-content:space-between;
    }
    .ind8-a5 .ind8-a5-list{
        flex:1;
        display:inline-flex;
        color:#fff;
    }
    .ind8-a5 .ind8-a5-list .ind8-a5-list-line{
        height:56px;
        padding-right:20px;
        margin-right:20px;
        border-right:1px solid rgba(251,251,251,.35);
    }
    .ind8-a5-list-text{
        font-size:16px;
        color:#fff;
        line-height:36px;
    }
    .ind8-a4 .us1-b1{
        width: 823px;
        right: calc(50% - 1560px / 2);
        left:initial;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .ind8-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind8-a1{
        background-image:url("../img/z20.png");
        background-size:100% 100%;
    }
    .ind8-a1-box{
        position:absolute;
        width:100%;
        left:0;
        top:170px;
    }
    .ind8-a2{
        color:#fff;
        font-size:36px;
        text-align:center;
        padding-bottom:20px;
        line-height: 36px;
    }
    .ind8-a3{
        width:40px;
        height:3px;
        background:#fff;
        margin: 0 auto;
    }
    .ind8-a4{
        width:1400px;
        margin:0 auto;
        padding-top:40px;
    }
    .ind8-a5{
        display:flex;
        justify-content:space-between;
    }
    .ind8-a5 .ind8-a5-list{
        flex:1;
        display:inline-flex;
        color:#fff;
    }
    .ind8-a5 .ind8-a5-list .ind8-a5-list-line{
        height:56px;
        padding-right:20px;
        margin-right:20px;
        border-right:1px solid rgba(251,251,251,.35);
    }
    .ind8-a5-list-text{
        font-size:16px;
        color:#fff;
        line-height:36px;
    }
    .ind8-a4 .us1-b1{
        width: 823px;
        right: calc(50% - 1400px / 2);
        left:initial;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .ind8-a1{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .ind8-a1{
        background-image:url("../img/z20.png");
        background-size:100% 100%;
    }
    .ind8-a1-box{
        position:absolute;
        width:100%;
        left:0;
        top:170px;
    }
    .ind8-a2{
        color:#fff;
        font-size:36px;
        text-align:center;
        padding-bottom:20px;
        line-height: 36px;
    }
    .ind8-a3{
        width:40px;
        height:3px;
        background:#fff;
        margin: 0 auto;
    }
    .ind8-a4{
        width:1240px;
        margin:0 auto;
        padding-top:40px;
    }
    .ind8-a5{
        display:flex;
        justify-content:space-between;
    }
    .ind8-a5 .ind8-a5-list{
        flex:1;
        display:inline-flex;
        color:#fff;
    }
    .ind8-a5 .ind8-a5-list .ind8-a5-list-line{
        height:56px;
        padding-right:20px;
        margin-right:20px;
        border-right:1px solid rgba(251,251,251,.35);
    }
    .ind8-a5-list-text{
        font-size:16px;
        color:#fff;
        line-height:36px;
    }
    .ind8-a4 .us1-b1{
        width: 823px;
        right: calc(50% - 1240px / 2);
        left:initial;
    }
}

/*news1*/
@media only screen and (min-width: 1750px) {
    .news1-a1 {
        width: 1560px;
        height: 460px;
        position: absolute;
        top: 300px;
        left: calc(50% - 1560px / 2);
    }

    .news1-a2 {
        width: calc((1560px - 360px * 4) / 3 * 4 + 360px * 4);
        height: 100%;
        position: relative;
        margin-left: calc(50% - ((1560px - 360px * 4) / 3 * 4 + 360px * 4) / 2);
    }

    .news111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .news111 .swiper-slide {
        width: 25% !important;
        height: 100% !important;
        position: relative;
    }

    .news1-b1 {
        width: 360px;
        height: 424px;
        border: 1px solid #f5f4f4;
        background: #fff;
        padding: 9px;
        position: absolute;
        top: 24px;
        left: calc(50% - 360px / 2);
        transition: 0.5s;
    }

    .news1-b1:hover {
        border: 1px solid #fff;
        top: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
        transition: 0.5s;
    }

    .news1-b2 {
        width: 100%;
        height: 224px;
        margin-bottom: 24px;
    }

    .news1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .news1-b3 {
        width: 100%;
        padding: 0 14px;
        font-size: 20px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 12px;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b3 {
        color: #22419c;
        transition: 0.5s;
    }

    .news1-b4 {
        width: 100%;
        padding: 0 14px;
        height: 60px;
        font-size: 16px;
        line-height: 30px;
        color: #8a8a8a;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b4 {
        color: #454545;
        transition: 0.5s;
    }

    .news1-b5 {
        font-size: 16px;
        line-height: 16px;
        color: #454545;
        position: absolute;
        bottom: 16px;
        left: calc(9px + 14px);
        opacity: 1;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b5 {
        opacity: 0;
        transition: 0.5s;
    }

    .news1-b6 {
        position: absolute;
        bottom: 16px;
        left: calc(9px + 14px);
        opacity: 0;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b6 {
        opacity: 1;
        transition: 0.5s;
    }

    .news1-b6 div {
        font-size: 16px;
        line-height: 16px;
        color: #22419c;
        float: left;
        margin-right: 24px;
    }

    .news1-b6 img {
        width: 33px;
        height: 8px;
        position: relative;
        top: 4px;
        float: left;
    }

    .news112 {
        left: calc(50% - 106px);
    }

    .news113 {
        right: calc(50% - 106px);
    }

    .news114 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 20px);
    }

    .news114 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .news114 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .news114 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .news114:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .news114:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .news1-a1 {
        width: 1400px;
        height: 460px;
        position: absolute;
        top: 320px;
        left: calc(50% - 1400px / 2);
    }

    .news1-a2 {
        width: calc((1400px - 320px * 4) / 3 * 4 + 320px * 4);
        height: 100%;
        position: relative;
        margin-left: calc(50% - ((1400px - 320px * 4) / 3 * 4 + 320px * 4) / 2);
    }

    .news111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .news111 .swiper-slide {
        width: 25% !important;
        height: 100% !important;
        position: relative;
    }

    .news1-b1 {
        width: 320px;
        height: 424px;
        border: 1px solid #f5f4f4;
        background: #fff;
        padding: 9px;
        position: absolute;
        top: 24px;
        left: calc(50% - 320px / 2);
        transition: 0.5s;
    }

    .news1-b1:hover {
        border: 1px solid #fff;
        top: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
        transition: 0.5s;
    }

    .news1-b2 {
        width: 100%;
        height: 224px;
        margin-bottom: 24px;
    }

    .news1-b2 img {
        width: 340px;
        min-height: 100%;
        transition: 0.5s;
        margin-left: -20px;
    }

    .news1-b1:hover .news1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .news1-b3 {
        width: 100%;
        padding: 0 8px;
        font-size: 20px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 12px;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b3 {
        color: #22419c;
        transition: 0.5s;
    }

    .news1-b4 {
        width: 100%;
        padding: 0 8px;
        height: 60px;
        font-size: 16px;
        line-height: 30px;
        color: #8a8a8a;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b4 {
        color: #454545;
        transition: 0.5s;
    }

    .news1-b5 {
        font-size: 16px;
        line-height: 16px;
        color: #454545;
        position: absolute;
        bottom: 16px;
        left: calc(9px + 8px);
        opacity: 1;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b5 {
        opacity: 0;
        transition: 0.5s;
    }

    .news1-b6 {
        position: absolute;
        bottom: 16px;
        left: calc(9px + 8px);
        opacity: 0;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b6 {
        opacity: 1;
        transition: 0.5s;
    }

    .news1-b6 div {
        font-size: 16px;
        line-height: 16px;
        color: #22419c;
        float: left;
        margin-right: 24px;
    }

    .news1-b6 img {
        width: 33px;
        height: 8px;
        position: relative;
        top: 4px;
        float: left;
    }

    .news112 {
        left: calc(50% - 106px);
    }

    .news113 {
        right: calc(50% - 106px);
    }

    .news114 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 20px);
    }

    .news114 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .news114 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .news114 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .news114:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .news114:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .news1-a1 {
        width: 1240px;
        height: 350px;
        position: absolute;
        top: 170px;
        left: calc(50% - 1240px / 2);
    }

    .news1-a2 {
        width: calc((1240px - 280px * 4) / 3 * 4 + 280px * 4);
        height: 100%;
        position: relative;
        margin-left: calc(50% - ((1240px - 280px * 4) / 3 * 4 + 280px * 4) / 2);
    }

    .news111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .news111 .swiper-slide {
        width: 25% !important;
        height: 100% !important;
        position: relative;
    }

    .news1-b1 {
        width: 280px;
        height: 314px;
        border: 1px solid #f5f4f4;
        background: #fff;
        padding: 4px;
        position: absolute;
        top: 24px;
        left: calc(50% - 280px / 2);
        transition: 0.5s;
    }

    .news1-b1:hover {
        border: 1px solid #fff;
        top: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
        transition: 0.5s;
    }

    .news1-b2 {
        width: 100%;
        height: 178px;
        margin-bottom: 12px;
    }

    .news1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .news1-b3 {
        width: 100%;
        padding: 0 8px;
        font-size: 16px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 6px;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b3 {
        color: #22419c;
        transition: 0.5s;
    }

    .news1-b4 {
        width: 100%;
        padding: 0 8px;
        height: 48px;
        font-size: 14px;
        line-height: 24px;
        color: #8a8a8a;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b4 {
        color: #454545;
        transition: 0.5s;
    }

    .news1-b5 {
        font-size: 14px;
        line-height: 14px;
        color: #454545;
        position: absolute;
        bottom: 12px;
        left: calc(4px + 8px);
        opacity: 1;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b5 {
        opacity: 0;
        transition: 0.5s;
    }

    .news1-b6 {
        position: absolute;
        bottom: 12px;
        left: calc(4px + 8px);
        opacity: 0;
        transition: 0.5s;
    }

    .news1-b1:hover .news1-b6 {
        opacity: 1;
        transition: 0.5s;
    }

    .news1-b6 div {
        font-size: 14px;
        line-height: 14px;
        color: #22419c;
        float: left;
        margin-right: 16px;
    }

    .news1-b6 img {
        width: 24px;
        height: 6px;
        position: relative;
        top: 4px;
        float: left;
    }

    .news112 {
        left: calc(50% - 106px);
    }

    .news113 {
        right: calc(50% - 106px);
    }

    .news114 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 2px);
    }

    .news114 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .news114 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .news114 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .news114:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .news114:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

/*newsshow1*/
@media only screen and (min-width: 1750px) {
    .newsshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 45px;
    }

    .newsshow1-a2 {
        width: 100%;
        height: 116px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 36px;
        padding-top: 50px;
    }

    .newsshow1-a3 {
        font-size: 26px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
        width: 1000px;
    }

    .newsshow1-a4 {
        height: 30px;
        position: relative;
        float: right;
    }

    .newsshow1-a5 {
        width: 1px;
        height: 30px;
        background: #eee;
        float: left;
        margin-right: 30px;
    }

    .newsshow1-a6 {
        font-size: 18px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 18px;
    }

    .newsshow1-a7 {
        width: 25px;
        height: 23px;
        position: relative;
        top: 4px;
        float: left;
    }

    .newsshow1-a8 {
        height: 30px;
        float: right;
        margin-right: 30px;
    }

    .newsshow1-a8 img {
        width: 25px;
        height: 16px;
        position: relative;
        top: 7px;
        float: left;
        margin-right: 10px;
    }

    .newsshow1-a8 div {
        font-size: 16px;
        line-height: 30px;
        color: #999999;
        float: left;
    }

    .newsshow1-a9 {
        height: 30px;
        float: right;
        margin-right: 30px;
    }

    .newsshow1-a9 img {
        width: 22px;
        height: 24px;
        position: relative;
        top: 3px;
        float: left;
        margin-right: 10px;
    }

    .newsshow1-a9 div {
        font-size: 16px;
        line-height: 30px;
        color: #999999;
        float: left;
    }

    .newsshow1-b1 {
        width: 100%;
    }

    .newsshow1-b2 {
        width: 1200px;
        position: relative;
        float: left;
    }

    .newsshow1-b3 {
        width: 100%;
        height: 432px;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .newsshow1-b3::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .newsshow1-b3::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .newsshow1-b3::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .newsshow1-b4 {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
    }

    .newsshow1-b5 {
        position: relative;
        width: 100%;
        padding-top: 20px;
    }

    .newsshow1-b6 {
        height: 20px;
        position: relative;
        float: right;
    }

    .newsshow1-b6:first-child {
        margin-right: 70px;
    }

    .newsshow1-b6:last-child {
        border-right: 1px solid #e5e5e5;
    }

    .newsshow1-b6 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .newsshow1-b6 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }

    .newsshow1-b7 {
        width: 214px;
        position: relative;
        float: right;
    }

    .newsshow1-b8 {
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        font-weight: bold;
        margin-top: -10px;
        margin-bottom: 24px;
    }

    .newsshow1-b9 {
        width: 100%;
    }

    .newsshow1-b10 {
        width: 100%;
        margin-bottom: 18px;
    }

    .newsshow1-b11 {
        width: 100%;
        height: 140px;
        position: relative;
        margin-bottom: 6px;
    }

    .newsshow1-b11 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .newsshow1-b10:hover .newsshow1-b11 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .newsshow1-b12 {
        width: 100%;
        height: 56px;
        font-size: 16px;
        line-height: 28px;
        color: #454545;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .newsshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 30px;
    }

    .newsshow1-a2 {
        width: 100%;
        height: 116px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 36px;
        padding-top: 50px;
    }

    .newsshow1-a3 {
        font-size: 26px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
        width: 800px;
    }

    .newsshow1-a4 {
        height: 30px;
        position: relative;
        float: right;
    }

    .newsshow1-a5 {
        width: 1px;
        height: 30px;
        background: #eee;
        float: left;
        margin-right: 30px;
    }

    .newsshow1-a6 {
        font-size: 18px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 18px;
    }

    .newsshow1-a7 {
        width: 25px;
        height: 23px;
        position: relative;
        top: 4px;
        float: left;
    }

    .newsshow1-a8 {
        height: 30px;
        float: right;
        margin-right: 30px;
    }

    .newsshow1-a8 img {
        width: 25px;
        height: 16px;
        position: relative;
        top: 7px;
        float: left;
        margin-right: 10px;
    }

    .newsshow1-a8 div {
        font-size: 16px;
        line-height: 30px;
        color: #999999;
        float: left;
    }

    .newsshow1-a9 {
        height: 30px;
        float: right;
        margin-right: 30px;
    }

    .newsshow1-a9 img {
        width: 22px;
        height: 24px;
        position: relative;
        top: 3px;
        float: left;
        margin-right: 10px;
    }

    .newsshow1-a9 div {
        font-size: 16px;
        line-height: 30px;
        color: #999999;
        float: left;
    }

    .newsshow1-b1 {
        width: 100%;
    }

    .newsshow1-b2 {
        width: 1040px;
        position: relative;
        float: left;
    }

    .newsshow1-b3 {
        width: 100%;
        height: 432px;
        position: relative;
        float: right;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .newsshow1-b3::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .newsshow1-b3::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .newsshow1-b3::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .newsshow1-b4 {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
    }

    .newsshow1-b5 {
        position: relative;
        width: 100%;
        padding-top: 20px;
    }

    .newsshow1-b6 {
        height: 20px;
        position: relative;
        float: right;
    }

    .newsshow1-b6:first-child {
        margin-right: 70px;
    }

    .newsshow1-b6:last-child {
        border-right: 1px solid #e5e5e5;
    }

    .newsshow1-b6 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .newsshow1-b6 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }

    .newsshow1-b7 {
        width: 214px;
        position: relative;
        float: right;
    }

    .newsshow1-b8 {
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        font-weight: bold;
        margin-top: -10px;
        margin-bottom: 24px;
    }

    .newsshow1-b9 {
        width: 100%;
    }

    .newsshow1-b10 {
        width: 100%;
        margin-bottom: 18px;
    }

    .newsshow1-b11 {
        width: 100%;
        height: 140px;
        position: relative;
        margin-bottom: 6px;
    }

    .newsshow1-b11 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .newsshow1-b10:hover .newsshow1-b11 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .newsshow1-b12 {
        width: 100%;
        height: 56px;
        font-size: 16px;
        line-height: 28px;
        color: #454545;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .newsshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 30px;
    }

    .newsshow1-a2 {
        width: 100%;
        height: 70px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 24px;
        padding-top: 24px;
    }

    .newsshow1-a3 {
        font-size: 22px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        float: left;
    }

    .newsshow1-a4 {
        height: 24px;
        position: relative;
        float: right;
    }

    .newsshow1-a5 {
        width: 1px;
        height: 24px;
        background: #eee;
        float: left;
        margin-right: 20px;
    }

    .newsshow1-a6 {
        font-size: 14px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 12px;
    }

    .newsshow1-a7 {
        width: 20px;
        height: 18px;
        position: relative;
        top: 3px;
        float: left;
    }

    .newsshow1-a8 {
        height: 30px;
        float: right;
        margin-right: 30px;
    }

    .newsshow1-a8 img {
        width: 20px;
        height: 12px;
        position: relative;
        top: 6px;
        float: left;
        margin-right: 10px;
    }

    .newsshow1-a8 div {
        font-size: 14px;
        line-height: 24px;
        color: #999999;
        float: left;
    }

    .newsshow1-a9 {
        height: 24px;
        float: right;
        margin-right: 30px;
    }

    .newsshow1-a9 img {
        width: 20px;
        height: 22px;
        position: relative;
        top: 1px;
        float: left;
        margin-right: 10px;
    }

    .newsshow1-a9 div {
        font-size: 14px;
        line-height: 24px;
        color: #999999;
        float: left;
    }

    .newsshow1-b1 {
        width: 100%;
    }

    .newsshow1-b2 {
        width: 960px;
        position: relative;
        float: left;
    }

    .newsshow1-b3 {
        width: 100%;
        height: 280px;
        position: relative;
        float: right;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .newsshow1-b3::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .newsshow1-b3::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .newsshow1-b3::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .newsshow1-b4 {
        font-size: 14px;
        line-height: 28px;
        color: #454545;
        text-align: justify;
    }

    .newsshow1-b5 {
        position: relative;
        width: 100%;
        padding-top: 20px;
    }

    .newsshow1-b6 {
        height: 20px;
        position: relative;
        float: right;
    }

    .newsshow1-b6:first-child {
        margin-right: 50px;
    }

    .newsshow1-b6:last-child {
        border-right: 1px solid #e5e5e5;
    }

    .newsshow1-b6 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .newsshow1-b6 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }

    .newsshow1-b7 {
        width: 150px;
        position: relative;
        float: right;
    }

    .newsshow1-b8 {
        font-size: 16px;
        line-height: 26px;
        color: #454545;
        font-weight: bold;
        margin-top: -8px;
        margin-bottom: 10px;
    }

    .newsshow1-b9 {
        width: 100%;
    }

    .newsshow1-b10 {
        width: 100%;
        margin-bottom: 10px;
    }

    .newsshow1-b11 {
        width: 100%;
        height: 100px;
        position: relative;
        margin-bottom: 4px;
    }

    .newsshow1-b11 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .newsshow1-b10:hover .newsshow1-b11 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .newsshow1-b12 {
        width: 100%;
        height: 48px;
        font-size: 14px;
        line-height: 24px;
        color: #454545;
    }
}

/*products1*/
@media only screen and (min-width: 1750px) {
    .products1-a1 {
        width: 1560px;
        height: 474px;
        position: absolute;
        top: 355px;
        left: calc(50% - 1560px / 2);
    }

    .products1-a2 {
        width: calc(416px * 3 + 60px * 3);
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .products111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .products111 .swiper-slide {
        width: calc(100% / 3) !important;
        height: 100% !important;
        position: relative;
    }

    .products1-b1 {
        width: 416px;
        height: calc(100% - 20px);
        position: relative;
        top: 10px;
        margin: 0 auto;
        transition: 0.5s;
    }

    .products1-b1:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        transition: 0.5s;
    }

    .products1-b2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .products1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .products1-b3 {
        width: calc(100% - 35px * 2);
        height: 128px;
        background: rgba(255, 255, 255, 0.85);
        transition: 0.5s;
        padding: 24px 35px 0;
        position: absolute;
        bottom: 0;
        left: 35px;
    }

    .products1-b1:hover .products1-b3 {
        background: rgba(255, 255, 255, 1);
        transition: 0.5s;
    }

    .products1-b4 {
        font-size: 24px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        text-align: center;
        margin-bottom: 12px;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b4 {
        color: #004098;
        transition: 0.5s;
    }

    .products1-b5 {
        font-size: 16px;
        line-height: 20px;
        color: #666666;
        text-align: center;
        margin-bottom: 15px;
    }

    .products1-b6 {
        width: 36px;
        position: relative;
        margin: 0 auto;
    }

    .products1-b6 img:nth-child(1) {
        position: relative;
        opacity: 1;
        transition: 0.5s;
    }

    .products1-b6 img:nth-child(2) {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b6 img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b6 img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }

    .products112 {
        left: 0;
    }

    .products113 {
        right: 0;
    }

    .products114 {
        width: 40px;
        height: 82px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(50% - 82px / 2);
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .products1-a1 {
        width: 1400px;
        height: 474px;
        position: absolute;
        top: 355px;
        left: calc(50% - 1400px / 2);
    }

    .products1-a2 {
        width: calc(416px * 3 + 30px * 3);
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .products111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .products111 .swiper-slide {
        width: calc(100% / 3) !important;
        height: 100% !important;
        position: relative;
    }

    .products1-b1 {
        width: 416px;
        height: calc(100% - 20px);
        position: relative;
        top: 10px;
        margin: 0 auto;
        transition: 0.5s;
    }

    .products1-b1:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        transition: 0.5s;
    }

    .products1-b2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .products1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .products1-b3 {
        width: calc(100% - 35px * 2);
        height: 128px;
        background: rgba(255, 255, 255, 0.85);
        transition: 0.5s;
        padding: 24px 35px 0;
        position: absolute;
        bottom: 0;
        left: 35px;
    }

    .products1-b1:hover .products1-b3 {
        background: rgba(255, 255, 255, 1);
        transition: 0.5s;
    }

    .products1-b4 {
        font-size: 24px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        text-align: center;
        margin-bottom: 12px;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b4 {
        color: #004098;
        transition: 0.5s;
    }

    .products1-b5 {
        font-size: 16px;
        line-height: 20px;
        color: #666666;
        text-align: center;
        margin-bottom: 15px;
    }

    .products1-b6 {
        width: 36px;
        position: relative;
        margin: 0 auto;
    }

    .products1-b6 img:nth-child(1) {
        position: relative;
        opacity: 1;
        transition: 0.5s;
    }

    .products1-b6 img:nth-child(2) {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b6 img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b6 img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }

    .products112 {
        left: 0;
    }

    .products113 {
        right: 0;
    }

    .products114 {
        width: 40px;
        height: 82px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(50% - 82px / 2);
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .products1-a1 {
        width: 1240px;
        height: 368px;
        position: absolute;
        top: 210px;
        left: calc(50% - 1240px / 2);
    }

    .products1-a2 {
        width: calc(320px * 3 + 40px * 3);
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .products111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .products111 .swiper-slide {
        width: calc(100% / 3) !important;
        height: 100% !important;
        position: relative;
    }

    .products1-b1 {
        width: 320px;
        height: calc(100% - 20px);
        position: relative;
        top: 10px;
        margin: 0 auto;
        transition: 0.5s;
    }

    .products1-b1:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        transition: 0.5s;
    }

    .products1-b2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .products1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .products1-b3 {
        width: calc(100% - 24px * 2);
        height: 102px;
        background: rgba(255, 255, 255, 0.85);
        transition: 0.5s;
        padding: 16px 24px 0;
        position: absolute;
        bottom: 0;
        left: 24px;
    }

    .products1-b1:hover .products1-b3 {
        background: rgba(255, 255, 255, 1);
        transition: 0.5s;
    }

    .products1-b4 {
        font-size: 20px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        text-align: center;
        margin-bottom: 8px;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b4 {
        color: #004098;
        transition: 0.5s;
    }

    .products1-b5 {
        font-size: 14px;
        line-height: 16px;
        color: #666666;
        text-align: center;
        margin-bottom: 12px;
    }

    .products1-b6 {
        width: 36px;
        position: relative;
        margin: 0 auto;
    }

    .products1-b6 img:nth-child(1) {
        position: relative;
        opacity: 1;
        transition: 0.5s;
    }

    .products1-b6 img:nth-child(2) {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b6 img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .products1-b1:hover .products1-b6 img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }

    .products112 {
        left: 0;
    }

    .products113 {
        right: 0;
    }

    .products114 {
        width: 40px;
        height: 82px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(50% - 82px / 2);
    }
}

/*productsshow1*/
@media only screen and (min-width: 1750px) {
    .productsshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 45px;
    }

    .productsshow1-a2 {
        width: 100%;
        height: 116px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 36px;
        padding-top: 50px;
    }

    .productsshow1-a3 {
        font-size: 26px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
    }

    .productsshow1-a4 {
        height: 30px;
        position: relative;
        float: right;
    }

    .productsshow1-a5 {
        width: 1px;
        height: 30px;
        background: #eee;
        float: left;
        margin-right: 30px;
    }

    .productsshow1-a6 {
        font-size: 18px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 18px;
    }

    .productsshow1-a7 {
        width: 25px;
        height: 23px;
        position: relative;
        top: 4px;
        float: left;
    }

    .productsshow1-b1 {
        width: 100%;
        height: 444px;
        position: relative;
    }

    .productsshow1-b2 {
        width: 408px;
        height: 444px;
        position: relative;
        float: left;
        margin-right: 10px;
    }

    .productsshow1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .productsshow1-b2:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .productsshow1-b3 {
        width: 96px;
        height: 444px;
        position: relative;
        float: left;
    }

    .productsshow1-b4 {
        width: 100%;
        height: calc(106px * 3 + 10px * 3);
        position: absolute;
        top: calc(50% - 106px * 3 / 2 - 10px * 3 / 2);
        left: 0;
    }

    .productsshow111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .productsshow111 .swiper-slide {
        width: 100% !important;
        height: calc(106px + 10px) !important;
        position: relative;
    }

    .productsshow111 .swiper-slide div {
        width: 100%;
        height: 106px;
        position: absolute;
        top: 5px;
        left: 0;
        cursor: pointer;
    }

    .productsshow111 .swiper-slide div img {
        min-height: 100%;
    }

    .productsshow112 {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
    }

    .productsshow113 {
        top: auto;
        left: auto;
        right: 0;
        bottom: 0;
    }

    .productsshow114 {
        width: 96px;
        height: 40px;
        background: none;
        padding: 0;
        margin: 0;
        position: absolute;
    }

    .productsshow1-b5 {
        width: 888px;
        height: 444px;
        position: relative;
        float: right;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .productsshow1-b5::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .productsshow1-b5::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .productsshow1-b5::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .productsshow1-b6 {
        width: 100%;
    }

    .productsshow1-b7 {
        font-size: 26px;
        line-height: 36px;
        color: #454545;
        padding-top: 22px;
        margin-bottom: 24px;
    }

    .productsshow1-b8 {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
    }

    .productsshow1-b9 {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
    }

    .productsshow1-b10 {
        height: 20px;
        position: relative;
        float: left;
    }

    .productsshow1-b10:first-child {
        border-right: 1px solid #e5e5e5;
    }

    .productsshow1-b10 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .productsshow1-b10 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .productsshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 30px;
    }

    .productsshow1-a2 {
        width: 100%;
        height: 116px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 36px;
        padding-top: 50px;
    }

    .productsshow1-a3 {
        font-size: 26px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
    }

    .productsshow1-a4 {
        height: 30px;
        position: relative;
        float: right;
    }

    .productsshow1-a5 {
        width: 1px;
        height: 30px;
        background: #eee;
        float: left;
        margin-right: 30px;
    }

    .productsshow1-a6 {
        font-size: 18px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 18px;
    }

    .productsshow1-a7 {
        width: 25px;
        height: 23px;
        position: relative;
        top: 4px;
        float: left;
    }

    .productsshow1-b1 {
        width: 100%;
        height: 444px;
        position: relative;
    }

    .productsshow1-b2 {
        width: 408px;
        height: 444px;
        position: relative;
        float: left;
        margin-right: 10px;
    }

    .productsshow1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .productsshow1-b2:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .productsshow1-b3 {
        width: 96px;
        height: 444px;
        position: relative;
        float: left;
    }

    .productsshow1-b4 {
        width: 100%;
        height: calc(106px * 3 + 10px * 3);
        position: absolute;
        top: calc(50% - 106px * 3 / 2 - 10px * 3 / 2);
        left: 0;
    }

    .productsshow111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .productsshow111 .swiper-slide {
        width: 100% !important;
        height: calc(106px + 10px) !important;
        position: relative;
    }

    .productsshow111 .swiper-slide div {
        width: 100%;
        height: 106px;
        position: absolute;
        top: 5px;
        left: 0;
        cursor: pointer;
    }

    .productsshow111 .swiper-slide div img {
        min-height: 100%;
    }

    .productsshow112 {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
    }

    .productsshow113 {
        top: auto;
        left: auto;
        right: 0;
        bottom: 0;
    }

    .productsshow114 {
        width: 96px;
        height: 40px;
        background: none;
        padding: 0;
        margin: 0;
        position: absolute;
    }

    .productsshow1-b5 {
        width: 758px;
        height: 444px;
        position: relative;
        float: right;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .productsshow1-b5::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .productsshow1-b5::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .productsshow1-b5::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .productsshow1-b6 {
        width: 100%;
    }

    .productsshow1-b7 {
        font-size: 26px;
        line-height: 36px;
        color: #454545;
        padding-top: 22px;
        margin-bottom: 24px;
    }

    .productsshow1-b8 {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
    }

    .productsshow1-b9 {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
    }

    .productsshow1-b10 {
        height: 20px;
        position: relative;
        float: left;
    }

    .productsshow1-b10:first-child {
        border-right: 1px solid #e5e5e5;
    }

    .productsshow1-b10 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .productsshow1-b10 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .productsshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 30px;
    }

    .productsshow1-a2 {
        width: 100%;
        height: 70px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 24px;
        padding-top: 24px;
    }

    .productsshow1-a3 {
        font-size: 22px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        float: left;
    }

    .productsshow1-a4 {
        height: 24px;
        position: relative;
        float: right;
    }

    .productsshow1-a5 {
        width: 1px;
        height: 24px;
        background: #eee;
        float: left;
        margin-right: 20px;
    }

    .productsshow1-a6 {
        font-size: 14px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 12px;
    }

    .productsshow1-a7 {
        width: 20px;
        height: 18px;
        position: relative;
        top: 3px;
        float: left;
    }

    .productsshow1-b1 {
        width: 100%;
        height: 305px;
        position: relative;
    }

    .productsshow1-b2 {
        width: 280px;
        height: 305px;
        position: relative;
        float: left;
        margin-right: 10px;
    }

    .productsshow1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .productsshow1-b2:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .productsshow1-b3 {
        width: 72px;
        height: 305px;
        position: relative;
        float: left;
    }

    .productsshow1-b4 {
        width: 100%;
        height: calc(76px * 3 + 4px * 3);
        position: absolute;
        top: calc(50% - 76px * 3 / 2 - 4px * 3 / 2);
        left: 0;
    }

    .productsshow111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .productsshow111 .swiper-slide {
        width: 100% !important;
        height: calc(76px + 4px) !important;
        position: relative;
    }

    .productsshow111 .swiper-slide div {
        width: 100%;
        height: 76px;
        position: absolute;
        top: 2px;
        left: 0;
        cursor: pointer;
    }

    .productsshow111 .swiper-slide div img {
        min-height: 100%;
    }

    .productsshow112 {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
    }

    .productsshow113 {
        top: auto;
        left: auto;
        right: 0;
        bottom: 0;
    }

    .productsshow114 {
        width: 72px;
        height: 30px;
        background: none;
        padding: 0;
        margin: 0;
        position: absolute;
    }

    .productsshow1-b5 {
        width: 760px;
        height: 305px;
        position: relative;
        float: right;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .productsshow1-b5::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .productsshow1-b5::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .productsshow1-b5::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .productsshow1-b6 {
        width: 100%;
    }

    .productsshow1-b7 {
        font-size: 22px;
        line-height: 30px;
        color: #454545;
        padding-top: 16px;
        margin-bottom: 10px;
    }

    .productsshow1-b8 {
        font-size: 14px;
        line-height: 28px;
        color: #454545;
        text-align: justify;
    }

    .productsshow1-b9 {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
    }

    .productsshow1-b10 {
        height: 20px;
        position: relative;
        float: left;
    }

    .productsshow1-b10:first-child {
        border-right: 1px solid #e5e5e5;
    }

    .productsshow1-b10 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .productsshow1-b10 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }
}

/*abolity1*/
@media only screen and (min-width: 1750px) {
    .abolityshow1-b2 img{display:inline-block;}
    .ability1-a1 {
        width: 830px;
        height: 32px;
        position: absolute;
        top: 170px;
        right: calc(50% - 1560px / 2);
    }

    .ability1-a2 {
        /*width: calc(100% - 50px * 2);*/
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .ability111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ability111 .swiper-slide {
        width: auto !important;
        height: 100% !important;
        position: relative;
        font-size: 18px;
        line-height: 32px;
        color: #454545;
        white-space: nowrap;
        padding-right: 44px;
        transition: 0.5s;
    }

    .ability111 .swiper-slide-active {
        font-weight: bold;
        font-size: 22px;
        transition: 0.5s;
    }
    .ability1-a2 .z-ability1-a2>a{
        min-width:146px;
        height:37px;
        line-height:37px;
        margin-right:10px;
        font-size:16px;
        color:#454545;
        border:1px solid #dcdcdc;
        text-align:center;
        display:inline-block;
        border-radius:30px;
        margin-bottom:10px;
    }
    .ability1-a2 .z-ability1-a2>a:hover{
        color:#22419c;
        border:1px solid #22419c;
    }
    .ability1-a2 .z-ability1-a2>a.on1{
        color:#22419c;
        border:1px solid #22419c;
    }
    .ability112 {
        left: 0;
    }

    .ability113 {
        right: 0;
    }

    .ability114 {
        width: 32px;
        height: 32px;
        background: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
    }

    .ability1-a3 {
        width: 1560px;
        height: 415px;
        position: absolute;
        top: 365px;
        left: calc(50% - 1560px / 2);
    }

    .ability1-a4 {
        width: calc(100% + 70px);
        height: 100%;
        position: relative;
        margin-left: calc(-70px / 2);
    }

    .ability211 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ability211 .swiper-slide {
        width: 50% !important;
        height: 100% !important;
        position: relative;
    }

    .ability1-b1 {
        width: calc(100% - 70px);
        height: 100%;
        position: relative;
        margin: 0 auto;
        border-radius: 25px 0 0 0;
        overflow: hidden;
    }

    .ability1-b2 {
        width: 100%;
        height: 100%;
    }

    .ability1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .ability1-b1:hover .ability1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .ability1-b3 {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability1-b4 {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability1-b5 {
        font-size: 28px;
        line-height: 28px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 90px;
        left: 50px;
    }

    .ability1-b6 {
        width: 240px;
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        position: absolute;
        top: 145px;
        left: 50px;
    }

    .ability212 {
        left: calc(50% - 106px);
    }

    .ability213 {
        right: calc(50% - 106px);
    }

    .ability214 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 20px);
    }

    .ability214 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability214 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .ability214 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .ability214:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .ability214:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .abolityshow1-b2 img{display:inline-block;}
    .z-ability1-a2{height: 125px;overflow-y: auto;}
    .ability1-a2 .z-ability1-a2>a{
        min-width:132px;
        height:36px;
        line-height:36px;
        margin-right:10px;
        font-size:16px;
        color:#454545;
        border:1px solid #dcdcdc;
        text-align:center;
        display:inline-block;
        border-radius:30px;
        margin-bottom:10px;
    }
    .ability1-a2 .z-ability1-a2>a:hover{
        color:#22419c;
        border:1px solid #22419c;
    }
    .ability1-a2 .z-ability1-a2>a.on1{
        color:#22419c;
        border:1px solid #22419c;
    }
    .ability1-a1 {
        width: 830px;
        height: 32px;
        position: absolute;
        top: 170px;
        right: calc(50% - 1400px / 2);
    }

    .ability1-a2 {
        width: calc(100% - 50px * 2);
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .ability111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ability111 .swiper-slide {
        width: auto !important;
        height: 100% !important;
        position: relative;
        font-size: 18px;
        line-height: 32px;
        color: #454545;
        white-space: nowrap;
        padding-right: 44px;
        transition: 0.5s;
    }

    .ability111 .swiper-slide-active {
        font-weight: bold;
        font-size: 22px;
        transition: 0.5s;
    }

    .ability112 {
        left: 0;
    }

    .ability113 {
        right: 0;
    }

    .ability114 {
        width: 32px;
        height: 32px;
        background: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
    }

    .ability1-a3 {
        width: 1400px;
        height: 415px;
        position: absolute;
        top: 365px;
        left: calc(50% - 1400px / 2);
    }

    .ability1-a4 {
        width: calc(100% + 70px);
        height: 100%;
        position: relative;
        margin-left: calc(-70px / 2);
    }

    .ability211 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ability211 .swiper-slide {
        width: 50% !important;
        height: 100% !important;
        position: relative;
    }

    .ability1-b1 {
        width: calc(100% - 70px);
        height: 100%;
        position: relative;
        margin: 0 auto;
        border-radius: 25px 0 0 0;
        overflow: hidden;
    }

    .ability1-b2 {
        width: calc(100% + 80px);
        height: 100%;
        margin-left: -40px;
    }

    .ability1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .ability1-b1:hover .ability1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .ability1-b3 {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability1-b4 {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability1-b5 {
        font-size: 28px;
        line-height: 28px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 90px;
        left: 50px;
    }

    .ability1-b6 {
        width: 240px;
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        position: absolute;
        top: 145px;
        left: 50px;
    }

    .ability212 {
        left: calc(50% - 106px);
    }

    .ability213 {
        right: calc(50% - 106px);
    }

    .ability214 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 20px);
    }

    .ability214 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability214 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .ability214 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .ability214:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .ability214:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .ability1-a2 .z-ability1-a2>a{
        font-size:22px;
        padding-right:44px;
    }
    .ability1-a1 {
        width: 720px;
        height: 32px;
        position: absolute;
        top: 180px;
        right: calc(50% - 1240px / 2);
    }

    .ability1-a2 {
        width: calc(100% - 50px * 2);
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .ability111 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ability111 .swiper-slide {
        width: auto !important;
        height: 100% !important;
        position: relative;
        font-size: 18px;
        line-height: 32px;
        color: #454545;
        white-space: nowrap;
        padding-right: 30px;
        transition: 0.5s;
    }

    .ability111 .swiper-slide-active {
        font-weight: bold;
        font-size: 22px;
        transition: 0.5s;
    }

    .ability112 {
        left: 0;
    }

    .ability113 {
        right: 0;
    }

    .ability114 {
        width: 32px;
        height: 32px;
        background: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
    }

    .ability1-a3 {
        width: 1240px;
        height: 328px;
        position: absolute;
        top: 220px;
        left: calc(50% - 1240px / 2);
    }

    .ability1-a4 {
        width: calc(100% + 60px);
        height: 100%;
        position: relative;
        margin-left: calc(-60px / 2);
    }

    .ability211 {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .ability211 .swiper-slide {
        width: 50% !important;
        height: 100% !important;
        position: relative;
    }

    .ability1-b1 {
        width: calc(100% - 60px);
        height: 100%;
        position: relative;
        margin: 0 auto;
        border-radius: 25px 0 0 0;
        overflow: hidden;
    }

    .ability1-b2 {
        width: 100%;
        height: 100%;
    }

    .ability1-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .ability1-b1:hover .ability1-b2 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .ability1-b3 {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability1-b4 {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability1-b5 {
        font-size: 24px;
        line-height: 24px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 60px;
        left: 40px;
    }

    .ability1-b6 {
        width: 200px;
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        position: absolute;
        top: 110px;
        left: 40px;
    }

    .ability212 {
        left: calc(50% - 106px);
    }

    .ability213 {
        right: calc(50% - 106px);
    }

    .ability214 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 4px);
    }

    .ability214 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .ability214 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .ability214 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .ability214:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .ability214:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

/*abolityshow1*/
@media only screen and (min-width: 1750px) {
    .abolityshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 45px;
    }

    .abolityshow1-a2 {
        width: 100%;
        height: 116px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 36px;
        padding-top: 50px;
    }

    .abolityshow1-a3 {
        font-size: 26px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
    }

    .abolityshow1-a4 {
        height: 30px;
        position: relative;
        float: right;
    }

    .abolityshow1-a5 {
        width: 1px;
        height: 30px;
        background: #eee;
        float: left;
        margin-right: 30px;
    }

    .abolityshow1-a6 {
        font-size: 18px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 18px;
    }

    .abolityshow1-a7 {
        width: 25px;
        height: 23px;
        position: relative;
        top: 4px;
        float: left;
    }

    .abolityshow1-b1 {
        width: 100%;
        position: relative;
    }

    .abolityshow1-b2 {
        width: 100%;
        height: 360px;
        position: relative;
        float: right;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .abolityshow1-b2::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .abolityshow1-b2::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .abolityshow1-b2::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .abolityshow1-b3 {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
    }

    .abolityshow1-b4 {
        position: relative;
        width: 100%;
        padding-top: 20px;
    }

    .abolityshow1-b5 {
        height: 20px;
        position: relative;
        float: right;
    }

    .abolityshow1-b5:last-child {
        border-right: 1px solid #e5e5e5;
    }

    .abolityshow1-b5 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .abolityshow1-b5 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .abolityshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 30px;
    }

    .abolityshow1-a2 {
        width: 100%;
        height: 116px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 36px;
        padding-top: 50px;
    }

    .abolityshow1-a3 {
        font-size: 26px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
    }

    .abolityshow1-a4 {
        height: 30px;
        position: relative;
        float: right;
    }

    .abolityshow1-a5 {
        width: 1px;
        height: 30px;
        background: #eee;
        float: left;
        margin-right: 30px;
    }

    .abolityshow1-a6 {
        font-size: 18px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 18px;
    }

    .abolityshow1-a7 {
        width: 25px;
        height: 23px;
        position: relative;
        top: 4px;
        float: left;
    }

    .abolityshow1-b1 {
        width: 100%;
        position: relative;
    }

    .abolityshow1-b2 {
        width: 100%;
        height: 360px;
        position: relative;
        float: right;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .abolityshow1-b2::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .abolityshow1-b2::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .abolityshow1-b2::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .abolityshow1-b3 {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
    }

    .abolityshow1-b4 {
        position: relative;
        width: 100%;
        padding-top: 20px;
    }

    .abolityshow1-b5 {
        height: 20px;
        position: relative;
        float: right;
    }

    .abolityshow1-b5:last-child {
        border-right: 1px solid #e5e5e5;
    }

    .abolityshow1-b5 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .abolityshow1-b5 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .abolityshow1-a1 {
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0 30px;
    }

    .abolityshow1-a2 {
        width: 100%;
        height: 70px;
        border-bottom: 1px solid #f8f8f8;
        margin-bottom: 24px;
        padding-top: 24px;
    }

    .abolityshow1-a3 {
        font-size: 22px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        float: left;
    }

    .abolityshow1-a4 {
        height: 24px;
        position: relative;
        float: right;
    }

    .abolityshow1-a5 {
        width: 1px;
        height: 24px;
        background: #eee;
        float: left;
        margin-right: 20px;
    }

    .abolityshow1-a6 {
        font-size: 14px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        float: left;
        margin-right: 12px;
    }

    .abolityshow1-a7 {
        width: 20px;
        height: 18px;
        position: relative;
        top: 3px;
        float: left;
    }

    .abolityshow1-b1 {
        width: 100%;
        position: relative;
    }

    .abolityshow1-b2 {
        width: 100%;
        height: 280px;
        position: relative;
        float: right;
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .abolityshow1-b2::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .abolityshow1-b2::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .abolityshow1-b2::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .abolityshow1-b3 {
        font-size: 14px;
        line-height: 28px;
        color: #454545;
        text-align: justify;
    }

    .abolityshow1-b4 {
        position: relative;
        width: 100%;
        padding-top: 20px;
    }

    .abolityshow1-b5 {
        height: 20px;
        position: relative;
        float: right;
    }

    .abolityshow1-b5:last-child {
        border-right: 1px solid #e5e5e5;
    }

    .abolityshow1-b5 > div {
        font-size: 14px;
        line-height: 20px;
        color: #454545;
        float: left;
        margin: 0 20px;
    }

    .abolityshow1-b5 > img {
        width: 9px;
        height: 15px;
        position: relative;
        top: calc(20px / 2 - 15px / 2);
        float: left;
    }
}

/*talent1*/
@media only screen and (min-width: 1750px) {
    .talent1-a1 {
        width: 870px;
        height: 460px;
        position: absolute;
        top: 350px;
        left: calc(50% - 1560px / 2);
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .talent1-a1::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .talent1-a1::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .talent1-a1::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .talent1-a2 {
        font-size: 24px;
        line-height: 36px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 32px;
        padding-top: 20px;
    }

    .talent1-a3 {
        font-size: 16px;
        line-height: 30px;
        color: #454545;
    }

    .talent1-a4 {
        width: 570px;
        height: 400px;
        background: #004098;
        position: absolute;
        top: 370px;
        right: calc(50% - 1560px / 2);
        overflow: hidden;
        padding: 40px 70px 0 44px;
    }

    .talent1-a5 {
        height: 258px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .talent1-a6 {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        margin-bottom: 30px;
    }

    .talent1-a7 {
        width: calc(100% - 50px);
        height: 1px;
        background: rgba(255, 255, 255, 0.15);
        margin-bottom: 36px;
    }

    .talent1-a8 {
        font-size: 34px;
        line-height: 34px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 18px;
    }

    .talent1-a9 {
        font-size: 16px;
        line-height: 26px;
        color: #92b3e1;
        margin-bottom: 40px;
    }

    .talent1-a9 span {
        font-size: 26px;
        color: #fff;
        font-weight: bold;
        margin-left:20px;
    }

    .talent1-a10 {
        width: 170px;
        height: 52px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        transition: 0.5s;
        position: relative;
    }

    .talent1-a10:hover {
        background: #fff;
        border: 1px solid #fff;
        transition: 0.5s;
    }

    .talent1-a10 img {
        width: 10px;
        height: 15px;
        position: absolute;
        top: calc(50% - 15px / 2);
        left: 32px;
    }

    .talent1-a10 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent1-a10 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent1-a10:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent1-a10:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent1-a10 div {
        font-size: 16px;
        line-height: 16px;
        color: #fff;
        position: absolute;
        top: calc(50% - 16px / 2);
        right: 44px;
        transition: 0.5s;
    }

    .talent1-a10:hover div {
        color: #004098;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .talent1-a1 {
        width: 740px;
        height: 460px;
        position: absolute;
        top: 350px;
        left: calc(50% - 1400px / 2);
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .talent1-a1::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .talent1-a1::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .talent1-a1::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .talent1-a2 {
        font-size: 24px;
        line-height: 36px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 32px;
        padding-top: 20px;
    }

    .talent1-a3 {
        font-size: 16px;
        line-height: 30px;
        color: #454545;
    }

    .talent1-a4 {
        width: 570px;
        height: 400px;
        background: #004098;
        position: absolute;
        top: 370px;
        right: calc(50% - 1400px / 2);
        overflow: hidden;
        padding: 40px 70px 0 44px;
    }

    .talent1-a5 {
        height: 258px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .talent1-a6 {
        font-size: 16px;
        line-height: 36px;
        color: #fff;
        margin-bottom: 30px;
    }

    .talent1-a7 {
        width: calc(100% - 50px);
        height: 1px;
        background: rgba(255, 255, 255, 0.15);
        margin-bottom: 36px;
    }

    .talent1-a8 {
        font-size: 34px;
        line-height: 34px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 18px;
    }

    .talent1-a9 {
        font-size: 16px;
        line-height: 26px;
        color: #92b3e1;
        margin-bottom: 40px;
    }

    .talent1-a9 span {
        font-size: 26px;
        color: #fff;
        font-weight: bold;
        margin-left:20px;
    }

    .talent1-a10 {
        width: 170px;
        height: 52px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        transition: 0.5s;
        position: relative;
    }

    .talent1-a10:hover {
        background: #fff;
        border: 1px solid #fff;
        transition: 0.5s;
    }

    .talent1-a10 img {
        width: 10px;
        height: 15px;
        position: absolute;
        top: calc(50% - 15px / 2);
        left: 32px;
    }

    .talent1-a10 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent1-a10 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent1-a10:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent1-a10:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent1-a10 div {
        font-size: 16px;
        line-height: 16px;
        color: #fff;
        position: absolute;
        top: calc(50% - 16px / 2);
        right: 44px;
        transition: 0.5s;
    }

    .talent1-a10:hover div {
        color: #004098;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1439px) and (min-width:20px) {
    .talent1-a1 {
        width: 740px;
        height: 300px;
        position: absolute;
        top: 220px;
        left: calc(50% - 1240px / 2);
        padding-right: 55px;
        overflow: hidden;
        overflow-y: scroll;
    }

    .talent1-a1::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .talent1-a1::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .talent1-a1::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .talent1-a2 {
        font-size: 20px;
        line-height: 30px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 24px;
        padding-top: 16px;
    }

    .talent1-a3 {
        font-size: 14px;
        line-height: 24px;
        color: #454545;
    }

    .talent1-a4 {
        width: 420px;
        height: 270px;
        background: #004098;
        position: absolute;
        top: 240px;
        right: calc(50% - 1240px / 2);
        overflow: hidden;
        padding: 24px 40px 0 30px;
    }

    .talent1-a5 {
        height: 180px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .talent1-a6 {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        margin-bottom: 20px;
    }

    .talent1-a7 {
        width: calc(100% - 40px);
        height: 1px;
        background: rgba(255, 255, 255, 0.15);
        margin-bottom: 20px;
    }

    .talent1-a8 {
        font-size: 24px;
        line-height: 24px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .talent1-a9 {
        font-size: 14px;
        line-height: 22px;
        color: #92b3e1;
        margin-bottom: 20px;
    }

    .talent1-a9 span {
        font-size: 22px;
        color: #fff;
        font-weight: bold;
        margin-left:20px;
    }

    .talent1-a10 {
        width: 120px;
        height: 34px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        transition: 0.5s;
        position: relative;
    }

    .talent1-a10:hover {
        background: #fff;
        border: 1px solid #fff;
        transition: 0.5s;
    }

    .talent1-a10 img {
        width: 10px;
        height: 15px;
        position: absolute;
        top: calc(50% - 15px / 2);
        left: 16px;
    }

    .talent1-a10 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent1-a10 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent1-a10:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent1-a10:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent1-a10 div {
        font-size: 14px;
        line-height: 14px;
        color: #fff;
        position: absolute;
        top: calc(50% - 14px / 2);
        right: 24px;
        transition: 0.5s;
    }

    .talent1-a10:hover div {
        color: #004098;
        transition: 0.5s;
    }
}

/*talent2*/
@media only screen and (min-width: 1750px) {
    .talent2-a1 {
        width: 1560px;
        font-size: 30px;
        line-height: 30px;
        color: #454545;
        text-align: center;
        position: absolute;
        top: 180px;
        left: calc(50% - 1560px / 2);
    }

    .talent2-a2 {
        width: 1240px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 250px;
        left: calc(50% - 1240px / 2);
    }

    .talent2-a3 {
        width: 382px;
        height: 56px;
        position: relative;
        background: #fff;
    }

    .talent2-a4 {
        width: 16px;
        height: 9px;
        position: absolute;
        top: calc(50% - 9px / 2);
        right: 24px;
    }

    .talent2-a5 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .talent2-a5 select {
        width: 100%;
        height: 100%;
        position: relative;
        border: 1px solid #eeeeee;
        padding: 0 64px 0 24px;
        font-size: 16px;
        line-height: 54px;
        color: #8a8a8a;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .talent2-b1 {
        width: 1560px;
        position: absolute;
        top: 360px;
        left: calc(50% - 1560px / 2);
    }

    .talent2-b2 {
        width: 100%;
        height: 68px;
        background: #22419c;
    }

    .talent2-b2 > div {
        height: 68px;
        position: relative;
        float: left;
        font-size: 16px;
        line-height: 68px;
        color: #fff;
        font-weight: bold;
        padding-left: 48px;
    }

    .talent2-b2 > div:nth-child(1) {
        width: calc(90 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(2) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(3) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(4) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(5) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(6) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(7) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b3 {
        width: 100%;
        height: calc(62px * 7);
        position: relative;
        overflow: hidden;
        overflow-y: auto;
    }

    .talent2-b3::-webkit-scrollbar {
        width: 0;
        height: 0%;
    }

    .talent2-b3::-webkit-scrollbar-thumb {
        width: 0;
        height: 0;
        border-radius: 0;
        background: none;
    }

    .talent2-b3::-webkit-scrollbar-track {
        border-radius: 0;
        border: 0;
        background: none;
    }

    .talent2-b4 {
        width: 100%;
        background-image: url(../img/c05.jpg);
        background-size: 100% 124px;
        background-position: top center;
        background-repeat: repeat-y;
    }

    .talent2-b5 {
        width: 100%;
        margin-top: -1px;
        position: relative;
    }

    .talent2-b5:nth-child(1) {
        margin-top: 0;
    }

    .talent2-b6 {
        width: 90px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: table;
        padding: 0 30px;
    }

    .talent2-b5:nth-child(odd) .talent2-b6 {
        background: #e1e7f9;
    }

    .talent2-b5:nth-child(even) .talent2-b6 {
        background: #ebf2fb;
    }

    .talent2-b6 > div {
        display: table-cell;
        vertical-align: middle;
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        font-weight: bold;
        text-align: center;
    }

    .talent2-b7 {
        width: calc(100% - 90px);
        margin-left: 90px;
        border: 1px solid #eeeeee;
        background-image: url(../img/c05.jpg);
        background-size: 100% 124px;
        background-position: top center;
        background-repeat: repeat-y;
    }

    .talent2-b8 {
        width: calc(100% / 3);
        height: 62px;
        border: 1px solid #eeeeee;
        position: relative;
        float: left;
        border-left: 0;
        border-top: 0;
    }

    .talent2-b8:nth-child(3n) {
        border-right: 0;
    }

    .talent2-b8 > div {
        font-size: 16px;
        line-height: 62px;
        color: #454545;
        float: left;
        height: 100%;
        padding-left: 48px;
    }

    .talent2-b8 > div:nth-child(1) {
        width: calc(220 / 490 * 100%);
    }

    .talent2-b8 > div:nth-child(2) {
        width: calc(270 / 490 * 100%);
    }

    .talent2-b8 > img {
        width: 24px;
        height: 10px;
        position: absolute;
        top: calc(50% - 10px / 2);
        right: 40px;
    }

    .talent2-b8 > img:nth-child(3) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent2-b8 > img:nth-child(4) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent2-b8:hover > img:nth-child(3) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent2-b8:hover > img:nth-child(4) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .talent2-a1 {
        width: 1400px;
        font-size: 30px;
        line-height: 30px;
        color: #454545;
        text-align: center;
        position: absolute;
        top: 180px;
        left: calc(50% - 1400px / 2);
    }

    .talent2-a2 {
        width: 1240px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 250px;
        left: calc(50% - 1240px / 2);
    }

    .talent2-a3 {
        width: 382px;
        height: 56px;
        position: relative;
        background: #fff;
    }

    .talent2-a4 {
        width: 16px;
        height: 9px;
        position: absolute;
        top: calc(50% - 9px / 2);
        right: 24px;
    }

    .talent2-a5 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .talent2-a5 select {
        width: 100%;
        height: 100%;
        position: relative;
        border: 1px solid #eeeeee;
        padding: 0 64px 0 24px;
        font-size: 16px;
        line-height: 54px;
        color: #8a8a8a;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .talent2-b1 {
        width: 1400px;
        position: absolute;
        top: 360px;
        left: calc(50% - 1400px / 2);
    }

    .talent2-b2 {
        width: 100%;
        height: 68px;
        background: #22419c;
    }

    .talent2-b2 > div {
        height: 68px;
        position: relative;
        float: left;
        font-size: 16px;
        line-height: 68px;
        color: #fff;
        font-weight: bold;
        padding-left: 36px;
    }

    .talent2-b2 > div:nth-child(1) {
        width: calc(90 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(2) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(3) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(4) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(5) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(6) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(7) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b3 {
        width: 100%;
        height: calc(62px * 7);
        position: relative;
        overflow: hidden;
        overflow-y: auto;
    }

    .talent2-b3::-webkit-scrollbar {
        width: 0;
        height: 0%;
    }

    .talent2-b3::-webkit-scrollbar-thumb {
        width: 0;
        height: 0;
        border-radius: 0;
        background: none;
    }

    .talent2-b3::-webkit-scrollbar-track {
        border-radius: 0;
        border: 0;
        background: none;
    }

    .talent2-b4 {
        width: 100%;
        background-image: url(../img/c05.jpg);
        background-size: 100% 124px;
        background-position: top center;
        background-repeat: repeat-y;
    }

    .talent2-b5 {
        width: 100%;
        margin-top: -1px;
        position: relative;
    }

    .talent2-b5:nth-child(1) {
        margin-top: 0;
    }

    .talent2-b6 {
        width: 90px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: table;
        padding: 0 30px;
    }

    .talent2-b5:nth-child(odd) .talent2-b6 {
        background: #e1e7f9;
    }

    .talent2-b5:nth-child(even) .talent2-b6 {
        background: #ebf2fb;
    }

    .talent2-b6 > div {
        display: table-cell;
        vertical-align: middle;
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        font-weight: bold;
        text-align: center;
    }

    .talent2-b7 {
        width: calc(100% - 90px);
        margin-left: 90px;
        border: 1px solid #eeeeee;
        background-image: url(../img/c05.jpg);
        background-size: 100% 124px;
        background-position: top center;
        background-repeat: repeat-y;
    }

    .talent2-b8 {
        width: calc(100% / 3);
        height: 62px;
        border: 1px solid #eeeeee;
        position: relative;
        float: left;
        border-left: 0;
        border-top: 0;
    }

    .talent2-b8:nth-child(3n) {
        border-right: 0;
    }

    .talent2-b8 > div {
        font-size: 16px;
        line-height: 62px;
        color: #454545;
        float: left;
        height: 100%;
        padding-left: 36px;
    }

    .talent2-b8 > div:nth-child(1) {
        width: calc(220 / 490 * 100%);
    }

    .talent2-b8 > div:nth-child(2) {
        width: calc(270 / 490 * 100%);
    }

    .talent2-b8 > img {
        width: 24px;
        height: 10px;
        position: absolute;
        top: calc(50% - 10px / 2);
        right: 30px;
    }

    .talent2-b8 > img:nth-child(3) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent2-b8 > img:nth-child(4) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent2-b8:hover > img:nth-child(3) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent2-b8:hover > img:nth-child(4) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .talent2-a1 {
        width: 1240px;
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        text-align: center;
        position: absolute;
        top: 110px;
        left: calc(50% - 1240px / 2);
    }

    .talent2-a2 {
        width: 1120px;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 160px;
        left: calc(50% - 1120px / 2);
    }

    .talent2-a3 {
        width: 320px;
        height: 42px;
        position: relative;
        background: #fff;
    }

    .talent2-a4 {
        width: 16px;
        height: 9px;
        position: absolute;
        top: calc(50% - 9px / 2);
        right: 20px;
    }

    .talent2-a5 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .talent2-a5 select {
        width: 100%;
        height: 100%;
        position: relative;
        border: 1px solid #eeeeee;
        padding: 0 50px 0 20px;
        font-size: 14px;
        line-height: 40px;
        color: #8a8a8a;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .talent2-b1 {
        width: 1240px;
        position: absolute;
        top: 230px;
        left: calc(50% - 1240px / 2);
    }

    .talent2-b2 {
        width: 100%;
        height: 48px;
        background: #22419c;
    }

    .talent2-b2 > div {
        height: 48px;
        position: relative;
        float: left;
        font-size: 14px;
        line-height: 48px;
        color: #fff;
        font-weight: bold;
        padding-left: 30px;
    }

    .talent2-b2 > div:nth-child(1) {
        width: calc(90 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(2) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(3) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(4) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(5) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(6) {
        width: calc(220 / 1560 * 100%);
    }

    .talent2-b2 > div:nth-child(7) {
        width: calc(270 / 1560 * 100%);
    }

    .talent2-b3 {
        width: 100%;
        height: calc(40px * 7);
        position: relative;
        overflow: hidden;
        overflow-y: auto;
    }

    .talent2-b3::-webkit-scrollbar {
        width: 0;
        height: 0%;
    }

    .talent2-b3::-webkit-scrollbar-thumb {
        width: 0;
        height: 0;
        border-radius: 0;
        background: none;
    }

    .talent2-b3::-webkit-scrollbar-track {
        border-radius: 0;
        border: 0;
        background: none;
    }

    .talent2-b4 {
        width: 100%;
        background-image: url(../img/c05.jpg);
        background-size: 100% 96px;
        background-position: top center;
        background-repeat: repeat-y;
    }

    .talent2-b5 {
        width: 100%;
        margin-top: -1px;
        position: relative;
    }

    .talent2-b5:nth-child(1) {
        margin-top: 0;
    }

    .talent2-b6 {
        width: 72px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: table;
        padding: 0 26px;
    }

    .talent2-b5:nth-child(odd) .talent2-b6 {
        background: #e1e7f9;
    }

    .talent2-b5:nth-child(even) .talent2-b6 {
        background: #ebf2fb;
    }

    .talent2-b6 > div {
        display: table-cell;
        vertical-align: middle;
        font-size: 20px;
        line-height: 20px;
        color: #454545;
        font-weight: bold;
        text-align: center;
    }

    .talent2-b7 {
        width: calc(100% - 72px);
        margin-left: 72px;
        border: 1px solid #eeeeee;
        background-image: url(../img/c05.jpg);
        background-size: 100% 124px;
        background-position: top center;
        background-repeat: repeat-y;
    }

    .talent2-b8 {
        width: calc(100% / 3);
        height: 40px;
        border: 1px solid #eeeeee;
        position: relative;
        float: left;
        border-left: 0;
        border-top: 0;
    }

    .talent2-b8:nth-child(3n) {
        border-right: 0;
    }

    .talent2-b8 > div {
        font-size: 14px;
        line-height: 40px;
        color: #454545;
        float: left;
        height: 100%;
        padding-left: 30px;
    }

    .talent2-b8 > div:nth-child(1) {
        width: calc(220 / 490 * 100%);
    }

    .talent2-b8 > div:nth-child(2) {
        width: calc(270 / 490 * 100%);
    }

    .talent2-b8 > img {
        width: 24px;
        height: 10px;
        position: absolute;
        top: calc(50% - 10px / 2);
        right: 30px;
    }

    .talent2-b8 > img:nth-child(3) {
        opacity: 1;
        transition: 0.5s;
    }

    .talent2-b8 > img:nth-child(4) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent2-b8:hover > img:nth-child(3) {
        opacity: 0;
        transition: 0.5s;
    }

    .talent2-b8:hover > img:nth-child(4) {
        opacity: 1;
        transition: 0.5s;
    }
}

/*industry1*/
@media only screen and (min-width: 1750px) {
    .industry1-a1 {
        width: 740px;
        position: absolute;
        top: 365px;
        left: calc(50% - 1560px / 2);
    }

    .industry1-a2 {
        font-size: 28px;
        line-height: 28px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .industry1-a3 {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
        margin-bottom: 44px;
    }
    .industry1-a3 p{
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
    }
    .industry1-a4 {
        width: 110%;
    }

    .industry1-a4 > div {
        font-size: 18px;
        line-height: 18px;
        color: #454545;
        font-weight: bold;
        float: left;
        min-width: 150px;
        border-right: 1px solid #cdcdcd;
        margin-right: 50px;
        margin-bottom: 30px;
    }

    .industry1-a4 > div:nth-child(4n) {
        border: 0;
        margin-right: 0;
    }

    .industry1-b1 {
        width: 685px;
        position: absolute;
        top: 280px;
        right: calc(50% - 1560px / 2);
    }

    .industry1-b2 {
        width: 100%;
        height: 160px;
        border-radius: 10px;
        margin-bottom: 36px;
        background: rgba(255, 255, 255, 0.8);
        position: relative;
        overflow: hidden;
        transition: 0.5s;
    }

    .industry1-b2:hover {
        background: #004098;
        transition: 0.5s;
    }

    .industry1-b3 {
        position: absolute;
    }

    .industry1-b2:nth-child(1) .industry1-b3 {
        height: 117px;
        top: 16px;
        right: 2px;
    }

    .industry1-b2:nth-child(2) .industry1-b3 {
        height: 146px;
        top: 8px;
        right: 36px;
    }

    .industry1-b2:nth-child(3) .industry1-b3 {
        height: 137px;
        top: 10px;
        right: 28px;
    }

    .industry1-b4 {
        font-size: 22px;
        line-height: 22px;
        color: #454545;
        font-weight: bold;
        position: absolute;
        top: 36px;
        left: 44px;
        transition: 0.5s;
    }

    .industry1-b2:hover .industry1-b4 {
        color: #fff;
        transition: 0.5s;
    }

    .industry1-b5 {
        width: 400px;
        font-size: 16px;
        line-height: 30px;
        color: #8a8a8a;
        position: absolute;
        top: 76px;
        left: 44px;
        transition: 0.5s;
    }

    .industry1-b2:hover .industry1-b5 {
        color: #fff;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .industry1-a1 {
        width: 700px;
        position: absolute;
        top: 365px;
        left: calc(50% - 1400px / 2);
    }

    .industry1-a2 {
        font-size: 28px;
        line-height: 28px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .industry1-a3 {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        text-align: justify;
        margin-bottom: 44px;
    }

    .industry1-a4 {
        width: 110%;
    }

    .industry1-a4 > div {
        font-size: 18px;
        line-height: 18px;
        color: #454545;
        font-weight: bold;
        float: left;
        min-width: 150px;
        border-right: 1px solid #cdcdcd;
        margin-right: 50px;
        margin-bottom: 30px;
    }

    .industry1-a4 > div:nth-child(4n) {
        border: 0;
        margin-right: 0;
    }

    .industry1-b1 {
        width: 620px;
        position: absolute;
        top: 280px;
        right: calc(50% - 1400px / 2);
    }

    .industry1-b2 {
        width: 100%;
        height: 160px;
        border-radius: 10px;
        margin-bottom: 36px;
        background: rgba(255, 255, 255, 0.8);
        position: relative;
        overflow: hidden;
        transition: 0.5s;
    }

    .industry1-b2:hover {
        background: #004098;
        transition: 0.5s;
    }

    .industry1-b3 {
        position: absolute;
    }

    .industry1-b2:nth-child(1) .industry1-b3 {
        height: 117px;
        top: 16px;
        right: 2px;
    }

    .industry1-b2:nth-child(2) .industry1-b3 {
        height: 146px;
        top: 8px;
        right: 36px;
    }

    .industry1-b2:nth-child(3) .industry1-b3 {
        height: 137px;
        top: 10px;
        right: 28px;
    }

    .industry1-b4 {
        font-size: 22px;
        line-height: 22px;
        color: #454545;
        font-weight: bold;
        position: absolute;
        top: 36px;
        left: 44px;
        transition: 0.5s;
    }

    .industry1-b2:hover .industry1-b4 {
        color: #fff;
        transition: 0.5s;
    }

    .industry1-b5 {
        width: 340px;
        font-size: 16px;
        line-height: 30px;
        color: #8a8a8a;
        position: absolute;
        top: 76px;
        left: 44px;
        transition: 0.5s;
    }

    .industry1-b2:hover .industry1-b5 {
        color: #fff;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .industry1-a1 {
        width: 640px;
        position: absolute;
        top: 210px;
        left: calc(50% - 1240px / 2);
    }

    .industry1-a2 {
        font-size: 24px;
        line-height: 24px;
        color: #454545;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .industry1-a3 {
        font-size: 14px;
        line-height: 28px;
        color: #454545;
        text-align: justify;
        margin-bottom: 28px;
    }

    .industry1-a4 {
        width: 110%;
    }

    .industry1-a4 > div {
        font-size: 16px;
        line-height: 16px;
        color: #454545;
        font-weight: bold;
        float: left;
        min-width: 130px;
        border-right: 1px solid #cdcdcd;
        margin-right: 40px;
        margin-bottom: 20px;
    }

    .industry1-a4 > div:nth-child(4n) {
        border: 0;
        margin-right: 0;
    }

    .industry1-b1 {
        width: 540px;
        position: absolute;
        top: 200px;
        right: calc(50% - 1240px / 2);
    }

    .industry1-b2 {
        width: 100%;
        height: 120px;
        border-radius: 10px;
        margin-bottom: 20px;
        background: rgba(255, 255, 255, 0.8);
        position: relative;
        overflow: hidden;
        transition: 0.5s;
    }

    .industry1-b2:hover {
        background: #004098;
        transition: 0.5s;
    }

    .industry1-b3 {
        position: absolute;
    }

    .industry1-b2:nth-child(1) .industry1-b3 {
        height: 90px;
        top: 10px;
        right: 2px;
    }

    .industry1-b2:nth-child(2) .industry1-b3 {
        height: 110px;
        top: 10px;
        right: 20px;
    }

    .industry1-b2:nth-child(3) .industry1-b3 {
        height: 100px;
        top: 10px;
        right: 20px;
    }

    .industry1-b4 {
        font-size: 18px;
        line-height: 18px;
        color: #454545;
        font-weight: bold;
        position: absolute;
        top: 24px;
        left: 28px;
        transition: 0.5s;
    }

    .industry1-b2:hover .industry1-b4 {
        color: #fff;
        transition: 0.5s;
    }

    .industry1-b5 {
        width: 340px;
        font-size: 14px;
        line-height: 24px;
        color: #8a8a8a;
        position: absolute;
        top: 56px;
        left: 28px;
        transition: 0.5s;
    }

    .industry1-b2:hover .industry1-b5 {
        color: #fff;
        transition: 0.5s;
    }
}

/*us1*/
@media only screen and (min-width: 1750px) {
    .us1-a1 {
        width: 800px;
        position: absolute;
        top: 200px;
        right: calc(50% - 1560px / 2);
    }

    .us1-a2 {
        width: 125px;
        position: relative;
        float: right;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-a3 {
        float: left;
    }

    .us1-a4 {
        font-size: 22px;
        line-height: 22px;
        color: #666666;
        font-weight: bold;
        padding-top: 14px;
        margin-bottom: 18px;
    }

    .us1-a5 {
        position: relative;
    }

    .us1-a6 {
        padding-left: 76px;
        float: left;
        margin-right: 60px;
        position: relative;
    }

    .us1-a6:last-child {
        margin-right: 0;
    }

    .us1-a7 {
        position: absolute;
        top: 10px;
        left: 0;
        height: 52px;
    }

    .us1-a8 {
        position: relative;
    }

    .us1-a8 > div {
        font-size: 16px;
        line-height: 36px;
        color: #777777;
        white-space: nowrap;
    }

    .us1-b1 {
        width: 1560px;
        height: 280px;
        position: absolute;
        top: 365px;
        left: calc(50% - 1560px / 2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-b1 #map {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .us1-b1 #map .anchorTR, .us1-b1 #map .anchorBL {
        display: none;
    }

    .BMap_pop div {
        border: 0 !important;
        background: none !important;
    }

    .BMap_pop > div:nth-last-child(4) {
        display: none;
    }

    .BMap_pop > img {
        display: none !important;
    }

    .BMap_shadow {
        display: none;
    }

    .BMap_pop .map1-a1 {
        width: 290px;
        height: 90px;
        background: #0153a5 !important;
        position: relative;
    }

    .map1-a2 {
        width: 53px;
        height: 55px;
        position: absolute;
        top: calc(50% - 55px / 2);
        left: 16px;
    }

    .map1-a3 {
        position: absolute;
        top: 16px;
        left: 80px;
    }

    .map1-a4 {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        font-weight: bold;
    }

    .map1-a5 {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
    }

    .us1-c1 {
        width: 1560px;
        position: absolute;
        top: 660px;
        left: calc(50% - 1560px / 2);
        display: flex;
        justify-content: space-between;
    }

    .us1-c2 {
        width: calc((1560px - 10px * 2) / 3);
        height: 200px;
        background: #fff;
        padding: 24px 30px 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-c3 {
        position: absolute;
    }

    .us1-c2:nth-child(1) .us1-c3 {
        height: 105px;
        bottom: 15px;
        right: 10px;
    }

    .us1-c2:nth-child(2) .us1-c3 {
        height: 120px;
        bottom: 0;
        right: 30px;
    }

    .us1-c2:nth-child(3) .us1-c3 {
        height: 120px;
        bottom: 0;
        right: 30px;
    }

    .us1-c4 {
        font-size: 22px;
        line-height: 36px;
        color: #454545;
        margin-bottom: 16px;
    }

    .us1-c5 {
        width: calc(100% + 10px * 2);
        height: 1px;
        background: #eeeeee;
        margin-left: -10px;
        margin-bottom: 16px;
    }

    .us1-c6 {
        font-size: 16px;
        line-height: 32px;
        color: #454545;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .us1-a1 {
        width: 800px;
        position: absolute;
        top: 200px;
        right: calc(50% - 1400px / 2);
    }

    .us1-a2 {
        width: 125px;
        position: relative;
        float: right;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-a3 {
        float: left;
    }

    .us1-a4 {
        font-size: 22px;
        line-height: 22px;
        color: #666666;
        font-weight: bold;
        padding-top: 14px;
        margin-bottom: 18px;
    }

    .us1-a5 {
        position: relative;
    }

    .us1-a6 {
        padding-left: 76px;
        float: left;
        margin-right: 60px;
        position: relative;
    }

    .us1-a6:last-child {
        margin-right: 0;
    }

    .us1-a7 {
        position: absolute;
        top: 10px;
        left: 0;
        height: 52px;
    }

    .us1-a8 {
        position: relative;
    }

    .us1-a8 > div {
        font-size: 16px;
        line-height: 36px;
        color: #777777;
        white-space: nowrap;
    }

    .us1-b1 {
        width: 1400px;
        height: 280px;
        position: absolute;
        top: 365px;
        left: calc(50% - 1400px / 2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-b1 #map {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .us1-b1 #map .anchorTR, .us1-b1 #map .anchorBL {
        display: none;
    }

    .BMap_pop div {
        border: 0 !important;
        background: none !important;
    }

    .BMap_pop > div:nth-last-child(4) {
        display: none;
    }

    .BMap_pop > img {
        display: none !important;
    }

    .BMap_shadow {
        display: none;
    }

    .BMap_pop .map1-a1 {
        width: 290px;
        height: 90px;
        background: #0153a5 !important;
        position: relative;
    }

    .map1-a2 {
        width: 53px;
        height: 55px;
        position: absolute;
        top: calc(50% - 55px / 2);
        left: 16px;
    }

    .map1-a3 {
        position: absolute;
        top: 16px;
        left: 80px;
    }

    .map1-a4 {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        font-weight: bold;
    }

    .map1-a5 {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
    }

    .us1-c1 {
        width: 1400px;
        position: absolute;
        top: 660px;
        left: calc(50% - 1400px / 2);
        display: flex;
        justify-content: space-between;
    }

    .us1-c2 {
        width: calc((1400px - 10px * 2) / 3);
        height: 200px;
        background: #fff;
        padding: 24px 30px 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-c3 {
        position: absolute;
    }

    .us1-c2:nth-child(1) .us1-c3 {
        height: 105px;
        bottom: 15px;
        right: 10px;
    }

    .us1-c2:nth-child(2) .us1-c3 {
        height: 120px;
        bottom: 0;
        right: 30px;
    }

    .us1-c2:nth-child(3) .us1-c3 {
        height: 120px;
        bottom: 0;
        right: 30px;
    }

    .us1-c4 {
        font-size: 22px;
        line-height: 36px;
        color: #454545;
        margin-bottom: 16px;
    }

    .us1-c5 {
        width: calc(100% + 10px * 2);
        height: 1px;
        background: #eeeeee;
        margin-left: -10px;
        margin-bottom: 16px;
    }

    .us1-c6 {
        font-size: 16px;
        line-height: 32px;
        color: #454545;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .us1-a1 {
        width: 640px;
        position: absolute;
        top: 120px;
        right: calc(50% - 1240px / 2);
    }

    .us1-a2 {
        width: 100px;
        position: relative;
        float: right;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-a3 {
        float: left;
    }

    .us1-a4 {
        font-size: 18px;
        line-height: 18px;
        color: #666666;
        font-weight: bold;
        padding-top: 10px;
        margin-bottom: 12px;
    }

    .us1-a5 {
        position: relative;
    }

    .us1-a6 {
        padding-left: 56px;
        float: left;
        margin-right: 40px;
        position: relative;
    }

    .us1-a6:last-child {
        margin-right: 0;
    }

    .us1-a7 {
        position: absolute;
        top: 8px;
        left: 0;
        height: 40px;
    }

    .us1-a8 {
        position: relative;
    }

    .us1-a8 > div {
        font-size: 14px;
        line-height: 28px;
        color: #777777;
        white-space: nowrap;
    }

    .us1-b1 {
        width: 1240px;
        height: 160px;
        position: absolute;
        top: 240px;
        left: calc(50% - 1240px / 2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-b1 #map {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .us1-b1 #map .anchorTR, .us1-b1 #map .anchorBL {
        display: none;
    }

    .BMap_pop div {
        border: 0 !important;
        background: none !important;
    }

    .BMap_pop > div:nth-last-child(4) {
        display: none;
    }

    .BMap_pop > img {
        display: none !important;
    }

    .BMap_shadow {
        display: none;
    }

    .BMap_pop .map1-a1 {
        width: 290px;
        height: 90px;
        background: #0153a5 !important;
        position: relative;
    }

    .map1-a2 {
        width: 53px;
        height: 55px;
        position: absolute;
        top: calc(50% - 55px / 2);
        left: 16px;
    }

    .map1-a3 {
        position: absolute;
        top: 16px;
        left: 80px;
    }

    .map1-a4 {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        font-weight: bold;
    }

    .map1-a5 {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
    }

    .us1-c1 {
        width: 1240px;
        position: absolute;
        top: 420px;
        left: calc(50% - 1240px / 2);
        display: flex;
        justify-content: space-between;
    }

    .us1-c2 {
        width: calc((1240px - 10px * 2) / 3);
        height: 160px;
        background: #fff;
        padding: 20px 24px 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .us1-c3 {
        position: absolute;
    }

    .us1-c2:nth-child(1) .us1-c3 {
        height: 85px;
        bottom: 15px;
        right: 10px;
    }

    .us1-c2:nth-child(2) .us1-c3 {
        height: 100px;
        bottom: 0;
        right: 20px;
    }

    .us1-c2:nth-child(3) .us1-c3 {
        height: 100px;
        bottom: 0;
        right: 20px;
    }

    .us1-c4 {
        font-size: 18px;
        line-height: 28px;
        color: #454545;
        margin-bottom: 10px;
    }

    .us1-c5 {
        width: calc(100% + 6px * 2);
        height: 1px;
        background: #eeeeee;
        margin-left: -6px;
        margin-bottom: 10px;
    }

    .us1-c6 {
        font-size: 14px;
        line-height: 24px;
        color: #454545;
    }
}

/*about0*/
@media only screen and (min-width: 1750px) {
    .about0-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .about000 {
        width: 1920px !important;
        height: 100% !important;
        position: relative;
        margin-left: calc(50% - 1920px / 2);
    }

    .about000 > div > .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .about0-a2 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .about000 > div > .swiper-slide > .about0-a2 {
        transform: scale(0.84);
        transition: 0.5s;
    }

    .about000 > div > .swiper-slide-active > .about0-a2 {
        transform: scale(1);
        transition: 0.5s;
        transition-delay: 0.2s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .about0-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .about000 {
        width: 1920px !important;
        height: 100% !important;
        position: relative;
        margin-left: calc(50% - 1920px / 2);
    }

    .about000 > div > .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .about0-a2 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .about000 > div > .swiper-slide > .about0-a2 {
        transform: scale(0.84);
        transition: 0.5s;
    }

    .about000 > div > .swiper-slide-active > .about0-a2 {
        transform: scale(1);
        transition: 0.5s;
        transition-delay: 0.2s;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .about0-a1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .about000 {
        width: 1920px !important;
        height: 100% !important;
        position: relative;
        margin-left: calc(50% - 1920px / 2);
    }

    .about000 > div > .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .about0-a2 {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .about000 > div > .swiper-slide > .about0-a2 {
        transform: scale(0.84);
        transition: 0.5s;
    }

    .about000 > div > .swiper-slide-active > .about0-a2 {
        transform: scale(1);
        transition: 0.5s;
        transition-delay: 0.2s;
    }
}

/*about1*/
@media only screen and (min-width: 1750px) {
    .about1-a1 {
        width: 845px;
        height: 450px;
        position: relative;
        float: right;
        padding-right: 70px;
        overflow: hidden;
        overflow-y: scroll;
        position: absolute;
        top: 350px;
        left: calc(50% - 1560px / 2);
    }

    .about1-a1::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .about1-a1::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .about1-a1::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .about1-a1 > div {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
    }

    .about1-a2 {
        width: 580px;
        position: absolute;
        top: 360px;
        right: calc(50% - 1560px / 2);
    }

    .about1-a3 {
        width: 100%;
        height: 336px;
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .about1-a4 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .about1-a4 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .about1-a3:hover .about1-a4 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .about1-a5 {
        width: 75px;
        position: absolute;
        top: calc(50% - 75px / 2);
        left: calc(50% - 75px / 2);
    }

    .about1-a3:hover .about1-a5 {
        transform: rotateY(360deg);
        transition: 0.5s;
    }

    .about1-a6 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        display: none;
    }

    .about1-a6 video {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .about1-a7 {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .about1-a8 {
        position: relative;
    }

    .about1-a9 {
        font-size: 16px;
        line-height: 16px;
        color: #777777;
        text-align: center;
        margin-bottom: 22px;
    }

    .about1-a10 {
        text-align: center;
    }

    .about1-a11 {
        height: 52px;
        position: relative;
        display: inline-block;
    }

    .about1-a11 > div {
        font-size: 52px;
        line-height: 52px;
        color: #004098;
        font-family: Impact;
    }

    .about1-a12 {
        font-size: 18px;
        line-height: 52px;
        color: #004098;
        display: inline-block;
    }

    .about1-a13 {
        width: 1px;
        height: 50px;
        background: #eeeeee;
        position: relative;
        top: 16px;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .about1-a1 {
        width: 760px;
        height: 450px;
        position: relative;
        float: right;
        padding-right: 70px;
        overflow: hidden;
        overflow-y: scroll;
        position: absolute;
        top: 350px;
        left: calc(50% - 1400px / 2);
    }

    .about1-a1::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .about1-a1::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .about1-a1::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .about1-a1 > div {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
    }

    .about1-a2 {
        width: 580px;
        position: absolute;
        top: 360px;
        right: calc(50% - 1400px / 2);
    }

    .about1-a3 {
        width: 100%;
        height: 336px;
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .about1-a4 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .about1-a4 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .about1-a3:hover .about1-a4 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .about1-a5 {
        width: 75px;
        position: absolute;
        top: calc(50% - 75px / 2);
        left: calc(50% - 75px / 2);
    }

    .about1-a3:hover .about1-a5 {
        transform: rotateY(360deg);
        transition: 0.5s;
    }

    .about1-a6 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        display: none;
    }

    .about1-a6 video {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .about1-a7 {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .about1-a8 {
        position: relative;
    }

    .about1-a9 {
        font-size: 16px;
        line-height: 16px;
        color: #777777;
        text-align: center;
        margin-bottom: 22px;
    }

    .about1-a10 {
        text-align: center;
    }

    .about1-a11 {
        height: 52px;
        position: relative;
        display: inline-block;
    }

    .about1-a11 > div {
        font-size: 52px;
        line-height: 52px;
        color: #004098;
        font-family: Impact;
    }

    .about1-a12 {
        font-size: 18px;
        line-height: 52px;
        color: #004098;
        display: inline-block;
    }

    .about1-a13 {
        width: 1px;
        height: 50px;
        background: #eeeeee;
        position: relative;
        top: 16px;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .about1-a1 {
        width: 600px;
        height: 360px;
        position: relative;
        float: right;
        padding-right: 50px;
        overflow: hidden;
        overflow-y: scroll;
        position: absolute;
        top: 220px;
        left: calc(50% - 1240px / 2);
    }

    .about1-a1::-webkit-scrollbar {
        width: 12px;
        height: 100%;
    }

    .about1-a1::-webkit-scrollbar-thumb {
        width: 8px;
        height: 210px;
        border-radius: 4px;
        background: #cccfd5;
    }

    .about1-a1::-webkit-scrollbar-track {
        border-radius: 6px;
        border: 1px solid #dee1e6;
        background: #e1e4e9;
    }

    .about1-a1 > div {
        font-size: 14px;
        line-height: 28px;
        color: #454545;
    }

    .about1-a2 {
        width: 480px;
        position: absolute;
        top: 220px;
        right: calc(50% - 1240px / 2);
    }

    .about1-a3 {
        width: 100%;
        height: 278px;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .about1-a4 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .about1-a4 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .about1-a3:hover .about1-a4 img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .about1-a5 {
        width: 60px;
        position: absolute;
        top: calc(50% - 60px / 2);
        left: calc(50% - 60px / 2);
    }

    .about1-a3:hover .about1-a5 {
        transform: rotateY(360deg);
        transition: 0.5s;
    }

    .about1-a6 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        display: none;
    }

    .about1-a6 video {
        width: 100% !important;
        height: 100% !important;
        position: relative;
    }

    .about1-a7 {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .about1-a8 {
        position: relative;
    }

    .about1-a9 {
        font-size: 14px;
        line-height: 14px;
        color: #777777;
        text-align: center;
        margin-bottom: 10px;
    }

    .about1-a10 {
        text-align: center;
    }

    .about1-a11 {
        height: 42px;
        position: relative;
        display: inline-block;
    }

    .about1-a11 > div {
        font-size: 42px;
        line-height: 42px;
        color: #004098;
        font-family: Impact;
    }

    .about1-a12 {
        font-size: 14px;
        line-height: 42px;
        color: #004098;
        display: inline-block;
    }

    .about1-a13 {
        width: 1px;
        height: 40px;
        background: #eeeeee;
        position: relative;
        top: 12px;
    }
}

/*about2*/
@media only screen and (min-width: 1750px) {
    .about2-a1 {
        width: 1560px;
        height: 590px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 230px;
        left: calc(50% - 1560px / 2);
    }

    .about2-a2 {
        width: 475px;
        height: 100%;
        position: relative;
    }

    .about2-a3 {
        width: calc(100% - 475px);
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .about2-a4 {
        width: calc(100% - 64px * 2);
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        position: absolute;
        top: 80px;
        left: 64px;
    }

    .about2-a5 {
        width: 228px;
        position: absolute;
        bottom: 40px;
        right: 95px;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .about2-a1 {
        width: 1400px;
        height: 590px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 230px;
        left: calc(50% - 1400px / 2);
    }

    .about2-a2 {
        width: 475px;
        height: 100%;
        position: relative;
    }

    .about2-a3 {
        width: calc(100% - 475px);
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .about2-a4 {
        width: calc(100% - 64px * 2);
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        position: absolute;
        top: 80px;
        left: 64px;
    }

    .about2-a5 {
        width: 228px;
        position: absolute;
        bottom: 40px;
        right: 95px;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .about2-a1 {
        width: 1240px;
        height: 474px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 110px;
        left: calc(50% - 1240px / 2);
    }

    .about2-a2 {
        width: 380px;
        height: 100%;
        position: relative;
    }

    .about2-a3 {
        width: calc(100% - 380px);
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .about2-a4 {
        width: calc(100% - 48px * 2);
        font-size: 14px;
        line-height: 32px;
        color: #454545;
        position: absolute;
        top: 60px;
        left: 48px;
    }

    .about2-a5 {
        width: 152px;
        position: absolute;
        bottom: 30px;
        right: 72px;
    }
}

/*about3*/
@media only screen and (min-width: 1750px) {
    .about3-a1 {
        width: 600px;
        font-size: 18px;
        line-height: 42px;
        color: #454545;
        position: absolute;
        top: 330px;
        left: calc(50% - 1560px / 2);
    }

    .about3-a2 {
        width: 600px;
        font-size: 22px;
        line-height: 60px;
        color: #454545;
        font-weight: bold;
        position: absolute;
        top: 500px;
        left: calc(50% - 1560px / 2);
    }

    .about3-a2 span {
        color: #004098;
    }

    .about3-b1 {
        position: absolute;
        top: 240px;
        right: calc(50% - 1560px / 2);
    }

    .about3-b2 {
        width: 246px;
        height: 446px;
        float: left;
        position: relative;
        margin-right: 25px;
    }

    .about3-b2:last-child {
        margin-right: 0;
    }

    .about3-b2:nth-child(odd) {
        top: 75px;
    }

    .about3-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .about3-b2:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .about3-a1 {
        width: 600px;
        font-size: 18px;
        line-height: 42px;
        color: #454545;
        position: absolute;
        top: 330px;
        left: calc(50% - 1400px / 2);
    }

    .about3-a2 {
        width: 600px;
        font-size: 22px;
        line-height: 60px;
        color: #454545;
        font-weight: bold;
        position: absolute;
        top: 500px;
        left: calc(50% - 1400px / 2);
    }

    .about3-a2 span {
        color: #004098;
    }

    .about3-b1 {
        position: absolute;
        top: 240px;
        right: calc(50% - 1400px / 2);
    }

    .about3-b2 {
        width: 246px;
        height: 446px;
        float: left;
        position: relative;
        margin-right: 20px;
    }

    .about3-b2:last-child {
        margin-right: 0;
    }

    .about3-b2:nth-child(odd) {
        top: 75px;
    }

    .about3-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .about3-b2:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .about3-a1 {
        width: 500px;
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        position: absolute;
        top: 220px;
        left: calc(50% - 1240px / 2);
    }

    .about3-a2 {
        width: 500px;
        font-size: 20px;
        line-height: 54px;
        color: #454545;
        font-weight: bold;
        position: absolute;
        top: 360px;
        left: calc(50% - 1240px / 2);
    }

    .about3-a2 span {
        color: #004098;
    }

    .about3-b1 {
        position: absolute;
        top: 160px;
        right: calc(50% - 1240px / 2);
    }

    .about3-b2 {
        width: 200px;
        height: 363px;
        float: left;
        position: relative;
        margin-right: 20px;
    }

    .about3-b2:last-child {
        margin-right: 0;
    }

    .about3-b2:nth-child(odd) {
        top: 50px;
    }

    .about3-b2 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .about3-b2:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
}

/*about4*/
@media only screen and (min-width: 1750px) {
    .about4-a1 {
        width: 1560px;
        height: 420px;
        position: absolute;
        top: 360px;
        left: calc(50% - 1560px / 2);
    }

    .about411 {
        width: calc(100% + 30px) !important;
        height: 100% !important;
        position: relative;
        margin-left: -15px;
    }

    .about411 .swiper-slide {
        width: 20% !important;
        height: 100% !important;
        position: relative;
    }

    .about4-b1 {
        width: calc(100% - 30px);
        position: relative;
        left: 15px;
    }

    .about4-b1.on1 {
        top: 40px;
    }

    .about4-b1.on2 {
        top: 80px;
    }

    .about4-b1.on3 {
        top: 0;
    }

    .about4-b2 {
        font-size: 18px;
        line-height: 28px;
        color: #666666;
        margin-bottom: 20px;
    }

    .about4-b2 strong {
        font-size: 36px;
        color: #454545;
    }

    .about4-b3 {
        width: 100%;
        height: 180px;
        position: relative;
        margin-bottom: 24px;
    }

    .about4-b3 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .about4-b3:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .about4-b4 {
        width: 100%;
        position: relative;
        padding-left: 14px;
    }

    .about4-b5 {
        width: 4px;
        height: 20px;
        background: #004098;
        position: absolute;
        top: 5px;
        left: 0;
    }

    .about4-b6 {
        font-size: 16px;
        line-height: 30px;
        color: #666666;
    }

    .about412 {
        left: calc(50% - 106px);
    }

    .about413 {
        right: calc(50% - 106px);
    }

    .about414 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 4px);
    }

    .about414 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .about414 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .about414 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .about414:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .about414:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .about4-a1 {
        width: 1400px;
        height: 420px;
        position: absolute;
        top: 360px;
        left: calc(50% - 1400px / 2);
    }

    .about411 {
        width: calc(100% + 30px) !important;
        height: 100% !important;
        position: relative;
        margin-left: -15px;
    }

    .about411 .swiper-slide {
        width: 20% !important;
        height: 100% !important;
        position: relative;
    }

    .about4-b1 {
        width: calc(100% - 30px);
        position: relative;
        left: 15px;
    }

    .about4-b1.on1 {
        top: 40px;
    }

    .about4-b1.on2 {
        top: 80px;
    }

    .about4-b1.on3 {
        top: 0;
    }

    .about4-b2 {
        font-size: 18px;
        line-height: 28px;
        color: #666666;
        margin-bottom: 20px;
    }

    .about4-b2 strong {
        font-size: 36px;
        color: #454545;
    }

    .about4-b3 {
        width: 100%;
        height: 180px;
        position: relative;
        margin-bottom: 24px;
    }

    .about4-b3 img {
        min-height: 100%;
        transition: 0.5s;
        width: 288px;
        margin-left: -16px;
    }

    .about4-b3:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .about4-b4 {
        width: 100%;
        position: relative;
        padding-left: 14px;
    }

    .about4-b5 {
        width: 4px;
        height: 20px;
        background: #004098;
        position: absolute;
        top: 5px;
        left: 0;
    }

    .about4-b6 {
        font-size: 16px;
        line-height: 30px;
        color: #666666;
    }

    .about412 {
        left: calc(50% - 106px);
    }

    .about413 {
        right: calc(50% - 106px);
    }

    .about414 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 4px);
    }

    .about414 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .about414 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .about414 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .about414:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .about414:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .about4-a1 {
        width: 1240px;
        height: 320px;
        position: absolute;
        top: 220px;
        left: calc(50% - 1240px / 2);
    }

    .about411 {
        width: calc(100% + 30px) !important;
        height: 100% !important;
        position: relative;
        margin-left: -15px;
    }

    .about411 .swiper-slide {
        width: 20% !important;
        height: 100% !important;
        position: relative;
    }

    .about4-b1 {
        width: calc(100% - 30px);
        position: relative;
        left: 15px;
    }

    .about4-b1.on1 {
        top: 20px;
    }

    .about4-b1.on2 {
        top: 40px;
    }

    .about4-b1.on3 {
        top: 0;
    }

    .about4-b2 {
        font-size: 16px;
        line-height: 24px;
        color: #666666;
        margin-bottom: 16px;
    }

    .about4-b2 strong {
        font-size: 30px;
        color: #454545;
    }

    .about4-b3 {
        width: 100%;
        height: 138px;
        position: relative;
        margin-bottom: 18px;
    }

    .about4-b3 img {
        min-height: 100%;
        transition: 0.5s;
    }

    .about4-b3:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .about4-b4 {
        width: 100%;
        position: relative;
        padding-left: 14px;
    }

    .about4-b5 {
        width: 3px;
        height: 16px;
        background: #004098;
        position: absolute;
        top: 4px;
        left: 0;
    }

    .about4-b6 {
        font-size: 14px;
        line-height: 24px;
        color: #666666;
    }

    .about412 {
        left: calc(50% - 106px);
    }

    .about413 {
        right: calc(50% - 106px);
    }

    .about414 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 4px);
    }

    .about414 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .about414 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .about414 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .about414:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .about414:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

/*about5*/
@media only screen and (min-width: 1750px) {
    .about5-a1 {
        width: 570px;
        position: absolute;
        top: 410px;
        left: calc(50% - 1560px / 2);
    }

    .about5-a1 > div {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
    }

    .about5-b1 {
        width: 846px;
        height: 376px;
        position: absolute;
        top: 335px;
        right: calc(50% - 1560px / 2);
    }

    .about5-b2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .about5-b3 {
        width: 205px;
        height: 290px;
        position: absolute;
        top: calc(50% - 290px / 2);
        left: calc(50% - 205px / 2);
        z-index: 1;
        transition: 0.5s;
    }

    .about5-b3.on1 {
        left: 0;
        z-index: 2;
        transition: 0.5s;
    }

    .about5-b3.on2 {
        left: calc(100% - 205px);
        z-index: 1;
        transition: 0.5s;
    }

    .about5-b3.on3 {
        width: 220px;
        height: 326px;
        top: calc(50% - 326px / 2);
        left: 130px;
        z-index: 3;
        transition: 0.5s;
    }

    .about5-b3.on4 {
        width: 220px;
        height: 326px;
        top: calc(50% - 326px / 2);
        left: calc(100% - 220px - 130px);
        z-index: 3;
        transition: 0.5s;
    }

    .about5-b3.on5 {
        width: 268px;
        height: 375px;
        top: 0;
        left: calc(50% - 268px / 2);
        z-index: 4;
        transition: 0.5s;
    }

    .about5-b3 img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .about5-b4 {
        left: calc(50% - 106px);
    }

    .about5-b5 {
        right: calc(50% - 106px);
    }

    .about5-b6 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 65px);
    }

    .about5-b6 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .about5-b6 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .about5-b6 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .about5-b6:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .about5-b6:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
    .about5-a1 {
        width: 570px;
        position: absolute;
        top: 410px;
        left: calc(50% - 1400px / 2);
    }

    .about5-a1 > div {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
    }

    .about5-b1 {
        width: 766px;
        height: 376px;
        position: absolute;
        top: 335px;
        right: calc(50% - 1400px / 2);
    }

    .about5-b2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .about5-b3 {
        width: 205px;
        height: 290px;
        position: absolute;
        top: calc(50% - 290px / 2);
        left: calc(50% - 205px / 2);
        z-index: 1;
        transition: 0.5s;
    }

    .about5-b3.on1 {
        left: 0;
        z-index: 2;
        transition: 0.5s;
    }

    .about5-b3.on2 {
        left: calc(100% - 205px);
        z-index: 1;
        transition: 0.5s;
    }

    .about5-b3.on3 {
        width: 220px;
        height: 326px;
        top: calc(50% - 326px / 2);
        left: 110px;
        z-index: 3;
        transition: 0.5s;
    }

    .about5-b3.on4 {
        width: 220px;
        height: 326px;
        top: calc(50% - 326px / 2);
        left: calc(100% - 220px - 110px);
        z-index: 3;
        transition: 0.5s;
    }

    .about5-b3.on5 {
        width: 268px;
        height: 375px;
        top: 0;
        left: calc(50% - 268px / 2);
        z-index: 4;
        transition: 0.5s;
    }

    .about5-b3 img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .about5-b4 {
        left: calc(50% - 106px);
    }

    .about5-b5 {
        right: calc(50% - 106px);
    }

    .about5-b6 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 65px);
    }

    .about5-b6 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .about5-b6 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .about5-b6 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .about5-b6:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .about5-b6:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 20px) {
    .about5-a1 {
        width: 480px;
        position: absolute;
        top: 220px;
        left: calc(50% - 1240px / 2);
    }

    .about5-a1 > div {
        font-size: 14px;
        line-height: 28px;
        color: #454545;
    }

    .about5-b1 {
        width: 700px;
        height: 376px;
        position: absolute;
        top: 150px;
        right: calc(50% - 1240px / 2);
    }

    .about5-b2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .about5-b3 {
        width: 205px;
        height: 290px;
        position: absolute;
        top: calc(50% - 290px / 2);
        left: calc(50% - 205px / 2);
        z-index: 1;
        transition: 0.5s;
    }

    .about5-b3.on1 {
        left: 0;
        z-index: 2;
        transition: 0.5s;
    }

    .about5-b3.on2 {
        left: calc(100% - 205px);
        z-index: 1;
        transition: 0.5s;
    }

    .about5-b3.on3 {
        width: 220px;
        height: 326px;
        top: calc(50% - 326px / 2);
        left: 90px;
        z-index: 3;
        transition: 0.5s;
    }

    .about5-b3.on4 {
        width: 220px;
        height: 326px;
        top: calc(50% - 326px / 2);
        left: calc(100% - 220px - 90px);
        z-index: 3;
        transition: 0.5s;
    }

    .about5-b3.on5 {
        width: 268px;
        height: 375px;
        top: 0;
        left: calc(50% - 268px / 2);
        z-index: 4;
        transition: 0.5s;
    }

    .about5-b3 img {
        max-width: 90%;
        max-height: 90%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .about5-b4 {
        left: calc(50% - 106px);
    }

    .about5-b5 {
        right: calc(50% - 106px);
    }

    .about5-b6 {
        width: 96px;
        height: 36px;
        margin: 0;
        padding: 0;
        background: none;
        position: absolute;
        top: calc(100% + 0px);
    }

    .about5-b6 img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .about5-b6 img:nth-child(1) {
        opacity: 1;
        transition: 0.5s;
    }

    .about5-b6 img:nth-child(2) {
        opacity: 0;
        transition: 0.5s;
    }

    .about5-b6:hover img:nth-child(1) {
        opacity: 0;
        transition: 0.5s;
    }

    .about5-b6:hover img:nth-child(2) {
        opacity: 1;
        transition: 0.5s;
    }
}


/**/
@media only screen and (min-width: 1750px) {
}

@media only screen and (max-width: 1749px) and (min-width: 1440px) {
}

@media only screen and (max-width: 1439px) and (min-width: 1280px) {
}