html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
input,
textarea,
select,
button,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: initial;
    vertical-align: baseline;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0 auto !important;
    font-size: 16px;
    line-height: 1.4;
    color: #333;
    max-width: 100%;
    min-width: 320px;
    width: 100%;
    zoom: 1;
    background: #fff;
    font-weight: 300;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
}

* {
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

p,
span {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
i {
    font-weight: normal;
    font-style: normal;
}

ul,
ol,
li {
    list-style-type: none;
}

a {
    text-decoration: none;
    outline: none;
    color: #333;
    cursor: pointer;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

a img {
    border: none;
}

select,
input,
textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
}

input:focus {
    outline: none;
}

input,
button,
select,
textarea {
    outline: none;
}

textarea {
    resize: none;
}

textarea,
input,
select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

table {
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    width: 60%;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    box-sizing: border-box;
}


@media screen and (max-width: 768px) {
   table {
    width: 100%;
}
}

table th {
    color: white;
    background-color: #f9f9f9;
    text-align: center;
    box-sizing: border-box;
}

table td,
table th {
    font-size: 20px;
    color: white;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

main,
footer {
    display: block;
}

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

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

.clearfix {
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.fleximportant {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

.inlineflex {
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
}

.d_flex>* {
    display: block;
}

.f_direction_column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.f_direction_row {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

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

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

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

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

.j_around {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.a_start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.a_end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.a_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.a_baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.flex_wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.flex_auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
}

.flex_1 {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.order_2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.order_3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}

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

.dh {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.fd {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.imgfd {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}

.xzx {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.xzy {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.abimg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.w1800 {
    width: 100%;
    max-width: 100%;
    padding: 0 60px;
}

.w1680 {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
}

.w1600 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.w1580 {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
}

.w1440 {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.w1400,
.wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.w1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    color: gray;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.pc {
    display: block;
}
@media (min-width: 1441px) {
 .pc {
    min-height: 110px;
    }   
}

@media (max-width: 1441px) {
 .pc {
    min-height: 80px;
    }   
}

.wap {
    display: none;
}

@media (max-width:1800px) {
    .w1680 {
        max-width: 100%;
        padding: 0 60px;
    }
}

@media (max-width:1720px) {
    .w1600 {
        max-width: 100%;
        padding: 0 60px;
    }
}

@media (max-width:1700px) {
    .w1580 {
        max-width: 100%;
        padding: 0 60px;
    }
}

@media (max-width:1560px) {
    .w1440 {
        max-width: 100%;
        padding: 0 60px;
    }
}

@media (max-width:1520px) {

    .w1400,
    .wrap {
        max-width: 100%;
        padding: 0 60px;
    }
}

@media (max-width:1320px) {
    .w1200 {
        max-width: 100%;
        padding: 0 60px;
    }
}

@media (max-width:1024px) {

    .w1800,
    .w1680,
    .w1600,
    .w1580,
    .w1440,
    .w1400,
    .wrap,
    .w1200 {
        padding: 0 30px;
    }
}

@media (max-width:990px) {

    .w1800,
    .w1680,
    .w1600,
    .w1580,
    .w1440,
    .w1400,
    .wrap,
    .w1200 {
        padding: 0 20px;
    }
}

@media (max-width:768px) {
    .pc {
        display: none;
    }

    .wap {
        display: block;
    }
}

@font-face {
    font-family: "fra_b";
    src: url('../font/FRABK.TTF');
}

@font-face {
    font-family: "fra_m";
    src: url('../font/FRADM.TTF');
}

@font-face {
    font-family: "din_m";
    src: url('/wstmart/home/view/default/fonts/DIN-MEDIUM.OTF');
}

@font-face {
    font-family: "got_b";
    src: url('/wstmart/home/view/default/fonts/GOTHAMRND-BOOK.OTF');
}

.fra_b {
    font-family: "fra_b";
    font-weight: 300;
}

.fra_m {
    font-family: "fra_m";
    font-weight: 400;
}

.din_m {
    font-family: "din_m";
    font-weight: 600;
}

.got_b {
    font-family: "got_b";
    font-weight: 600;
}

body {
    font-family: "fra_b";
}

div::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #d4d6d7;
}

div::-webkit-scrollbar-thumb {
    background-color: #163c6d;
    border-radius: 10px;
}

h2.h2 {
    font-size: 70px;
    line-height: 1.2;
}

@media (max-width: 1680px) {
    h2.h2 {
        font-size: 61.25px;
    }
}

@media (max-width: 1440px) {
    h2.h2 {
        font-size: 52.5px;
    }
}

@media (max-width: 1280px) {
    h2.h2 {
        font-size: 46.66666667px;
    }
}

@media (max-width: 1024px) {
    h2.h2 {
        font-size: 37.33333333px;
    }
}

h3.h3 {
    font-size: 48px;
    line-height: 1.2;
}

@media (max-width: 1680px) {
    h3.h3 {
        font-size: 42px;
    }
}

@media (max-width: 1440px) {
    h3.h3 {
        font-size: 36px;
    }
}

@media (max-width: 1280px) {
    h3.h3 {
        font-size: 32px;
    }
}

@media (max-width: 1024px) {
    h3.h3 {
        font-size: 25.6px;
    }
}

@media (max-width: 1680px) {
    h3.h3 {
        font-size: 42px;
    }
}

@media (max-width: 1440px) {
    h3.h3 {
        font-size: 32px;
    }
}

@media (max-width: 1280px) {
    h3.h3 {
        font-size: 28px;
    }
}

@media (max-width: 1024px) {
    h3.h3 {
        font-size: 24px;
    }
}

h4.h4 {
    font-size: 40px;
    line-height: 1.2;
}

@media (max-width: 1680px) {
    h4.h4 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    h4.h4 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    h4.h4 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    h4.h4 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    h4.h4 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    h4.h4 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    h4.h4 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    h4.h4 {
        font-size: 20px;
    }
}

h5.h5 {
    font-size: 30px;
    line-height: 1.2;
}

@media (max-width: 1680px) {
    h5.h5 {
        font-size: 26.25px;
    }
}

@media (max-width: 1440px) {
    h5.h5 {
        font-size: 22.5px;
    }
}

@media (max-width: 1280px) {
    h5.h5 {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    h5.h5 {
        font-size: 16px;
    }
}

@media (max-width: 1680px) {
    h5.h5 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    h5.h5 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    h5.h5 {
        font-size: 18px;
    }
}

h6.h6 {
    font-size: 26px;
    line-height: 1.2;
}

@media (max-width: 1680px) {
    h6.h6 {
        font-size: 22.75px;
    }
}

@media (max-width: 1440px) {
    h6.h6 {
        font-size: 19.5px;
    }
}

@media (max-width: 1280px) {
    h6.h6 {
        font-size: 17.33333333px;
    }
}

@media (max-width: 1024px) {
    h6.h6 {
        font-size: 13.86666667px;
    }
}

@media (max-width: 1680px) {
    h6.h6 {
        font-size: 22px;
    }
}

@media (max-width: 1440px) {
    h6.h6 {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    h6.h6 {
        font-size: 16px;
    }
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@keyframes run {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes run2 {
    0% {
        transform: rotate(0deg);
    }

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

#progress {
    animation: circleProgress 20s infinite;
}

@keyframes circleProgress {
    0% {
        stroke-dashoffset: 314;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes show {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes fd {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes ripple {
    0% {
        opacity: 0.8;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

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

.cle {
    clear: both;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    font-size: 0px;
}

.imgmid {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    width: 1px;
    margin-left: -1px;
    vertical-align: middle;
    font-size: 0px;
}

.dks {
    width: 40px;
    height: 40px;
    margin: 0 auto 25px;
    position: relative;
}

.dks:before,
.dks:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    border-radius: 50%;
    background: #163c6d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-sizing: border-box;
}

.dks:before {
    animation: ripple 3s ease-out 0s infinite;
}

.dks:after {
    animation: ripple 3s ease-out 1.5s infinite;
}

.dks i {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #163c6d;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .dks i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .dks i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .dks i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .dks i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .dks i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .dks i {
        font-size: 16px;
    }
}

.videomark {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9998;
    display: none;
}

.videobox {
    position: fixed;
    width: 1400px;
    max-width: calc(100% - 100px);
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
}

.videobox video {
    width: 100%;
    object-fit: fill;
}

.videobox .close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 30px;
    color: #163c6d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.videobox .close:hover {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    background: #163c6d;
    color: #fff;
}

.videobox .video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.videobox .video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.videobox .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

@media (max-width:1440px) {
    .videobox {
        max-width: 70%;
    }
}

@media (max-width:768px) {
    .videobox {
        width: 100%;
        max-width: 100%;
    }

    .videobox .close {
        right: 0;
        top: -40px;
    }
}

.form_mark {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9998;
    display: none;
}

.form_markbox {
    position: fixed;
    width: 900px;
    max-width: 90%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
    background: #fff;
    border-radius: 25px;
    padding: 50px;
}

.form_markbox .close_form {
    position: absolute;
    top: 0;
    right: 0.78vw;
    display: block;
}

.form_markbox .close_form:hover i {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.form_markbox .close_form i {
    font-size: 50px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: block;
}

@media (max-width: 1680px) {
    .form_markbox .close_form i {
        font-size: 43.75px;
    }
}

@media (max-width: 1440px) {
    .form_markbox .close_form i {
        font-size: 37.5px;
    }
}

@media (max-width: 1280px) {
    .form_markbox .close_form i {
        font-size: 33.33333333px;
    }
}

@media (max-width: 1024px) {
    .form_markbox .close_form i {
        font-size: 26.66666667px;
    }
}

.form_markbox .info {
    margin-top: 10px;
    font-size: 16px;
}

@media (max-width: 1680px) {
    .form_markbox .info {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .form_markbox .info {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .form_markbox .info {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .form_markbox .info {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .form_markbox .info {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .form_markbox .info {
        font-size: 14px;
    }
}

.form_markbox .form1 label {
    height: 40px;
    margin-bottom: 15px;
}

.form_markbox .form1 label.l2 {
    margin-bottom: 1.56vw;
}

@media (max-width:1280px) {
    .form_markbox .info {
        max-height: 250px;
        overflow-y: auto;
        padding-right: 5px;
    }
}

@media (max-width:768px) {
    .form_markbox {
        padding: 30px 20px;
        border-radius: 10px;
    }

    .form_markbox .info {
        max-height: 110px;
        margin-bottom: 15px;
    }

    .form_markbox .form1 label {
        height: 30px;
        margin-bottom: 10px;
    }

    .form_markbox .form1 label.l2 {
        margin-bottom: 15px;
    }

    .form_markbox .form1 button {
        height: 40px;
        border-radius: 20px;
    }
}

header {
    position: fixed;
    z-index: 998;
    width: 100%;
    max-width: 100%;
    height: 110px;
    background: rgba(0, 0, 0, 0.72);
    padding: 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    top: 0;
    font-size: 22px;
    color: #fff;
    font-family: "fra_b";
    font-weight: 300;
}

header.on {
    height: 80px;
}

header.scroll {
    top: -110px;
}

header:hover,
header.on,
header.header2 {
    background: rgba(0, 0, 0, 0.8);
}

header .left {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

header .right {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media (max-width: 1680px) {
    header {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    header {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    header {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    header {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    header {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header {
        font-size: 16px;
    }
}

header a {
    font-size: 22px;
    color: #fff;
    white-space: nowrap;
    font-family: "fra_b";
    font-weight: 300;
}

@media (max-width: 1680px) {
    header a {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    header a {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    header a {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    header a {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    header a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header a {
        font-size: 16px;
    }
}

header .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    min-width: 120px;
}

header .logo img {
    display: block;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    max-height: 60px;
}

header .logo img.img {
    transform: translateY(0);
    opacity: 1;
}

header .logo img.img2 {
    position: absolute;
    display: block;
    top: 20px;
    opacity: 0;
}

header .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    margin-left: 80px;
}

header .nav li {
    height: 100%;
}

header .nav li.l1 {
    position: relative;
}

header .nav li:hover .li_a:before {
    width: calc(100% - 3.6vw);
    background: #fff;
}

header .nav li:hover .subnav,
header .nav li:hover ul {
    visibility: initial;
    margin-top: 0;
    opacity: 1;
}

header .nav li:hover .nav_li6 {
    max-height: 100vh;
    padding: 3.65vw 0;
    box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.15) inset;
}

header .nav li:hover .item_a {
    max-height: none;
    top: 100%;
}

header .nav li.on .li_a:before {
    width: calc(100% - 3.6vw);
    background: #fff;
}

header .nav li .li_a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.8vw;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


header .nav li .li_a:before {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    background: transparent;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 15px;
}

header .nav li .subnav {
    width: 100%;
    height: auto;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
}

header .nav li .subnav::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url('../image/prolefticon.png') no-repeat left / auto 85%;
}

header .nav li .subnav::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    background: #000 url('../image/prorighticon.png') no-repeat right / auto 85%;
    opacity: 0.9;
}

header .nav li .subnav .center {
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}

header .nav li .subnav .center .tabs {
    width: 30%;
    max-width: 260px;
    height: auto;
    margin: 3.6vw 0;
}

header .nav li .subnav .center .tabs .item {
    padding: 12px;
    width: 100%;
    height: auto;
    line-height: 1.5;
    overflow: hidden;
}


header .nav li .subnav .center .tabs .item:hover a{
    color: black;
    font-size: 16px;
    color: white;
}

header .nav li .subnav .center .tabs .item a {
    display: inline;
    font-size: 16px;
    color: white;
}

header .nav li .subnav .center .tabs .item a::after {
    display: none;
}

header .nav li .subnav .center .tabs .item a:hover {
    color: white;
    font-size: 17px;
}

header .nav li .subnav .center .tabs .item a.on {
    color: #163c6d;
}

header .nav li .subnav .center .tabs .item:first-child {
    margin-top: 0;
}

header .nav li .subnav .center .line {
    width: 1px;
    height: auto;
    margin: 0 4vw;
    background: #fff;
    opacity: 0.2;
}

header .nav li .subnav .center .content {
    width: auto;
    flex: 1;
    height: auto;
    margin: 3.6vw 0;
    overflow: hidden;
}

header .nav li .subnav .center .content .items {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
}

header .nav li .subnav .center .content .items .center {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
}

header .nav li .subnav .center .content .items .center .links {
    width: auto;
    flex: 1;
    height: auto;
    margin-right: 20px;
    overflow: hidden;
}

header .nav li .subnav .center .content .items .center .links .one {
    padding: 12px;
    width: 100%;
    height: auto;
    line-height: 1.5;
    overflow: hidden;
}



header .nav li .subnav .center .content .items .center .links .one:hover a{
    color: white;
    font-size: 17px;
}

header .nav li .subnav .center .content .items .center .links .one a {
    display: inline;
    font-size: 16px;
    color: #fff;
}

header .nav li .subnav .center .content .items .center .links .one a::after {
    display: none;
}


header .nav li .subnav .center .content .items .center .links .one:first-child {
    margin-top: 0;
}

header .nav li .subnav .center .content .items .center .images {
    width: 40%;
    height: auto;
    text-align: center;
    overflow: hidden;
}

header .nav li .subnav .center .content .items .center .images .pb {
    position: relative;
    padding-bottom: 100%;
    font-size: 0;
}

header .nav li .subnav .center .content .items:first-child {
    display: block;
}

header .nav li .nav_li6 {
    position: absolute;
    width: 100%;
    padding: 0px 0;
    background: #fff;
    left: 0;
    color: #333;
    z-index: 1;
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

header .nav li .nav_li6:before {
    content: '';
    width: 67.7%;
    background: #f7f7f7;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

header .nav li .nav_li6 .nav_box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

header .nav li .nav_li6 .nav_box .nav_l {
    width: 250px;
    max-width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: -2.08vw;
}

header .nav li .nav_li6 .nav_box .nav_l a {
    color: #333333;
    font-size: 20px;
    min-width: 33%;
    text-align: center;
    margin-bottom: 2.08vw;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-right: 15px;
}

@media (max-width: 1680px) {
    header .nav li .nav_li6 .nav_box .nav_l a {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    header .nav li .nav_li6 .nav_box .nav_l a {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    header .nav li .nav_li6 .nav_box .nav_l a {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    header .nav li .nav_li6 .nav_box .nav_l a {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    header .nav li .nav_li6 .nav_box .nav_l a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header .nav li .nav_li6 .nav_box .nav_l a {
        font-size: 16px;
    }
}

header .nav li .nav_li6 .nav_box .nav_l a:hover,
header .nav li .nav_li6 .nav_box .nav_l a.on {
    color: #163c6d;
}

header .nav li .nav_li6 .nav_box .nav_r {
    width: 66%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

header .nav li .nav_li6 .nav_box .nav_r .art {
    width: 57%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

header .nav li .nav_li6 .nav_box .nav_r .art h2 {
    font-size: 44px;
}

@media (max-width: 1680px) {
    header .nav li .nav_li6 .nav_box .nav_r .art h2 {
        font-size: 38.5px;
    }
}

@media (max-width: 1440px) {
    header .nav li .nav_li6 .nav_box .nav_r .art h2 {
        font-size: 33px;
    }
}

@media (max-width: 1280px) {
    header .nav li .nav_li6 .nav_box .nav_r .art h2 {
        font-size: 29.33333333px;
    }
}

@media (max-width: 1024px) {
    header .nav li .nav_li6 .nav_box .nav_r .art h2 {
        font-size: 23.46666667px;
    }
}

@media (max-width: 1680px) {
    header .nav li .nav_li6 .nav_box .nav_r .art h2 {
        font-size: 38px;
    }
}

@media (max-width: 1440px) {
    header .nav li .nav_li6 .nav_box .nav_r .art h2 {
        font-size: 28px;
    }
}

@media (max-width: 1280px) {
    header .nav li .nav_li6 .nav_box .nav_r .art h2 {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    header .nav li .nav_li6 .nav_box .nav_r .art h2 {
        font-size: 22px;
    }
}

header .nav li .nav_li6 .nav_box .nav_r .art .info {
    font-size: 18px;
    line-height: 36px;
    color: #666666;
    margin: 20px 0 45px;
}

@media (max-width: 1680px) {
    header .nav li .nav_li6 .nav_box .nav_r .art .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    header .nav li .nav_li6 .nav_box .nav_r .art .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    header .nav li .nav_li6 .nav_box .nav_r .art .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    header .nav li .nav_li6 .nav_box .nav_r .art .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    header .nav li .nav_li6 .nav_box .nav_r .art .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header .nav li .nav_li6 .nav_box .nav_r .art .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    header .nav li .nav_li6 .nav_box .nav_r .art .info {
        font-size: 14px;
    }
}

header .nav li .nav_li6 .nav_box .nav_r .art a {
    padding: 0 15px 0 25px;
    background: #fff;
    color: #163c6d;
    border-radius: 27px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #dde2ea;
    font-size: 18px;
}

@media (max-width: 1680px) {
    header .nav li .nav_li6 .nav_box .nav_r .art a {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    header .nav li .nav_li6 .nav_box .nav_r .art a {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    header .nav li .nav_li6 .nav_box .nav_r .art a {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    header .nav li .nav_li6 .nav_box .nav_r .art a {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    header .nav li .nav_li6 .nav_box .nav_r .art a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header .nav li .nav_li6 .nav_box .nav_r .art a {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    header .nav li .nav_li6 .nav_box .nav_r .art a {
        font-size: 14px;
    }
}

header .nav li .nav_li6 .nav_box .nav_r .art a i {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background: #163c6d;
    font-size: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 1.56vw;
    position: relative;
    z-index: 1;
    box-shadow: 5px 5px 10px 0 rgba(0, 113, 227, 0.5);
    font-weight: 300;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

header .nav li .nav_li6 .nav_box .nav_r .art a:hover {
    background: #163c6d;
    color: #fff;
}

header .nav li .nav_li6 .nav_box .nav_r .art a:hover i {
    background: #fff;
    color: #163c6d;
}

header .nav li .nav_li6 .nav_box .nav_r .imgbox {
    width: 35.6%;
    max-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

@media (max-width:1440px) {
    header .nav li .nav_li6 .nav_box .nav_r .art .info {
        font-size: 14px;
        line-height: 26px;
        margin: 10px 0 20px;
    }

    header .nav li .nav_li6 .nav_box .nav_r .art a {
        height: 44px;
    }
}

header .nav li .item_a {
    height: auto;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 95%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 200px;
    margin-left: -100px;
    background: rgba(0, 0, 0, 0.85);
}

header .nav li .item_a a {
    display: block;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

header .nav li .item_a a:hover{
    color: white;
    font-size: 17px;
}

@media (max-width: 1680px) {
    header .nav li .item_a a {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    header .nav li .item_a a {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    header .nav li .item_a a {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    header .nav li .item_a a {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    header .nav li .item_a a {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    header .nav li .item_a a {
        font-size: 14px;
    }
}

/*header .nav li .item_a a.on,*/
/*header .nav li .item_a a:hover {*/
/*    color: #163c6d;*/
/*    background-color: white;*/
/*}*/

header .nav li .item_a a.active{
     color: #163c6d;
    background-color: white;
}

header .nav li .item_a a:first-child {
    padding-top: 10px;
}

header .nav li .item_a a:last-child {
    padding-bottom: 10px;
}

header .lan {
    width: auto;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 1.67vw;
}

header .lan:hover .lan_a {
    color: #163c6d;
}

header .lan:hover .lan_box {
    display: block;
}

header .lan .lan_a {
    width: 100%;
    height: 32px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    header .lan .lan_a {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    header .lan .lan_a {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    header .lan .lan_a {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    header .lan .lan_a {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    header .lan .lan_a {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    header .lan .lan_a {
        font-size: 14px;
    }
}

header .lan .lan_a span {
    margin: 0 10px;
}

header .lan .lan_a i:first-child {
    font-size: 22px;
}

@media (max-width: 1680px) {
    header .lan .lan_a i:first-child {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    header .lan .lan_a i:first-child {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    header .lan .lan_a i:first-child {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    header .lan .lan_a i:first-child {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    header .lan .lan_a i:first-child {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header .lan .lan_a i:first-child {
        font-size: 16px;
    }
}

header .lan .lan_a i:last-child {
    font-size: 12px;
    margin-left: 5px;
}

header .lan .lan_box {
    position: absolute;
    left: 50%;
    top: 70%;
    width: 100px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 5px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: none;
    animation: show 0.2s;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    margin-left: -50px;
}

header .lan .lan_box a {
    text-align: center;
    display: block;
    line-height: 40px;
    text-transform: capitalize;
    color: #333;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 16px;
}

@media (max-width: 1680px) {
    header .lan .lan_box a {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    header .lan .lan_box a {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    header .lan .lan_box a {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    header .lan .lan_box a {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    header .lan .lan_box a {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    header .lan .lan_box a {
        font-size: 14px;
    }
}

header .lan .lan_box a:hover {
    color: #163c6d;
}

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

header .search.on .search_form {
    width: 295px;
}

header .search.on .open_search {
    width: 0;
}

header .search .open_search {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 22px;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    header .search .open_search {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    header .search .open_search {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    header .search .open_search {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    header .search .open_search {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    header .search .open_search {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header .search .open_search {
        font-size: 16px;
    }
}

header .search .open_search:hover {
    color: #163c6d;
}

header .search .search_form {
    width: 0;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

header .search .search_form input {
    width: 200px;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    font-size: 16px;
    color: #163c6d;
    padding: 0 10px;
    border-right: none;
}

header .search .search_form input::placeholder {
    font-size: 16px;
    color: #999;
}

header .search .search_form a {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
}

header .search .search_form a.close_search {
    border-radius: 50%;
    margin-left: 15px;
}

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

header .tel i {
    font-size: 22px;
    margin-right: 15px;
}

@media (max-width: 1680px) {
    header .tel i {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    header .tel i {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    header .tel i {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    header .tel i {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    header .tel i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header .tel i {
        font-size: 16px;
    }
}

header .tel .art {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 20px;
}

header .tel span {
    font-size: 16px;
    color: #999999;
}

@media (max-width: 1680px) {
    header .tel span {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    header .tel span {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    header .tel span {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    header .tel span {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    header .tel span {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    header .tel span {
        font-size: 14px;
    }
}

header .tel p {
    font-size: 18px;
}

@media (max-width: 1680px) {
    header .tel p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    header .tel p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    header .tel p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    header .tel p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    header .tel p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    header .tel p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    header .tel p {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    header {
        height: 80px;
    }
}

@media (max-width:1280px) {
    header {
        font-size: 16px;
    }

    header .logo img {
        max-height: 46px;
    }

    header a {
        font-size: 16px;
    }

    header .nav {
        margin-left: 40px;
    }

    header .tel p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width:990px) {
    header {
        display: none;
    }
}

.header_d {
    height: 0;
}

@media (max-width:990px) {
    .header_d {
        height: 60px;
    }
}

.header_d2 {
    height: 100px;
}

@media (max-width:1440px) {
    .header_d2 {
        height: 80px;
    }
}

@media (max-width:990px) {
    .header_d2 {
        height: 0px;
    }
}

.head_wap {
    display: none;
}

@media (max-width:990px) {
    .head_wap {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        z-index: 999;
        background: #fff;
    }

    .head_wap .h_top {
        height: 100%;
        padding: 0 20px;
        border-bottom: 1px solid #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .head_wap .h_top .logo {
        line-height: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .head_wap .h_top .logo img {
        max-height: 35px;
        margin-right: 5px;
    }

    .head_wap .h_top .open_nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .head_wap .h_top .open_nav.on i:first-child {
        -webkit-transform: translate(0, 7px) rotate(45deg);
        -ms-transform: translate(0, 7px) rotate(45deg);
        transform: translate(0, 7px) rotate(45deg);
    }

    .head_wap .h_top .open_nav.on i:nth-child(2) {
        opacity: 0;
    }

    .head_wap .h_top .open_nav.on i:last-child {
        -webkit-transform: translate(0, -7px) rotate(-45deg);
        -ms-transform: translate(0, -7px) rotate(-45deg);
        transform: translate(0, -7px) rotate(-45deg);
    }

    .head_wap .h_top .open_nav i {
        width: 24px;
        height: 2px;
        background-color: #163c6d;
        margin: 2.5px 0;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    .head_wap .h_bot {
        position: absolute;
        width: 100%;
        left: 0;
        background: #f7f7f7;
        overflow: hidden;
        padding: 20px;
        display: none;
    }

    .head_wap .h_bot .h_nav a:hover {
        color: #163c6d;
    }

    .head_wap .h_bot .h_nav li.on .a1 .top a {
        color: #163c6d;
    }

    .head_wap .h_bot .h_nav li .a1 .top {
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        border-bottom: 1px solid transparent;
    }

    .head_wap .h_bot .h_nav li .a1 .top.on {
        border-color: #163c6d;
    }

    .head_wap .h_bot .h_nav li .a1 .top.on a {
        color: #163c6d;
    }

    .head_wap .h_bot .h_nav li .a1 .top.on i {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        color: #163c6d;
    }

    .head_wap .h_bot .h_nav li .a1 .top a {
        width: calc(100% - 50px);
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 16px;
        text-transform: uppercase;
    }

    .head_wap .h_bot .h_nav li .a1 .top i {
        width: 40px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 24px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    .head_wap .h_bot .h_nav li .a1 .box {
        display: none;
        padding: 0 10px;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .top2 {
        height: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        border-bottom: 1px solid transparent;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .top2.on {
        border-color: #163c6d;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .top2.on a {
        color: #163c6d;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .top2.on i {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        color: #163c6d;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .top2 a {
        width: calc(100% - 50px);
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 14px;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .top2 i {
        width: 40px;
        height: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 20px;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .box2 {
        display: none;
        padding: 0 10px;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .box2 a {
        width: 100%;
        line-height: 30px;
        font-size: 13px;
        display: block;
    }

    .head_wap .h_bot .h_nav li .a1 .box .a2 .box2 a.on {
        color: #163c6d;
    }

    .head_wap .h_bot .h_search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 40px;
        margin: 10px 0;
    }

    .head_wap .h_bot .h_search input {
        width: calc(100% - 40px);
        height: 100%;
        background: #fff;
        padding: 0 15px;
        font-size: 16px;
        color: #333;
    }

    .head_wap .h_bot .h_search input::placeholder {
        font-size: 16px;
        color: #333;
    }

    .head_wap .h_bot .h_search a,
    .head_wap .h_bot .h_search button {
        width: 40px;
        height: 100%;
        background: #163c6d;
        color: #fff;
        font-size: 20px;
        text-align: center;
        line-height: 40px;
    }

    .head_wap .h_bot .h_lan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 40px;
        margin: 10px 0;
    }

    .head_wap .h_bot .h_lan a {
        font-size: 16px;
        color: #333;
        margin: 0 8px;
    }

    .head_wap .h_bot .h_lan a.on {
        color: #163c6d;
    }
}

@keyframes line {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.banner {
    overflow: hidden;
    position: relative;
}

.banner .sb {
    width: auto;
    height: 120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.banner .sb i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 20px;
    height: 32px;
    border: 1px solid #fff;
    position: relative;
    border-radius: 14px;
}

.banner .sb i:before {
    content: '';
    width: 2px;
    height: 6px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -1px;
}

.banner .sb p {
    font-size: 28px;
    font-family: "got_b";
    font-weight: 600;
    color: #fff;
    margin: 10px 0 18px;
}

@media (max-width: 1680px) {
    .banner .sb p {
        font-size: 28px;
    }
}

@media (max-width: 1440px) {
    .banner .sb p {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .banner .sb p {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .banner .sb p {
        font-size: 20px;
    }
}

@media (max-width: 1680px) {
    .banner .sb p {
        font-size: 20px;
    }
}

@media (max-width: 1280px) {
    .banner .sb p {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    .banner .sb p {
        font-size: 20px;
    }
}

.banner .sb .line {
    width: 2px;
    height: 46px;
    background: rgba(255, 255, 255, 0.2);
    position: relative;
}

.banner .sb .line:before {
    content: '';
    width: 100%;
    height: 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.banner .swiper-pagination {
    text-align: right;
    padding-right: 8.8vw;
    bottom: 3.13vw;
    z-index: 2;
}

.banner .swiper-pagination span {
    color: #fff;
    width: 10px;
    height: 10px;
    background: transparent;
    position: relative;
    opacity: 1;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
    background: #fff;
}

.banner .swiper-button-prev:after,
.banner .swiper-button-next:after {
    font-size: 22px;
    color: #fff;
    width: 25px;
}

.banner .swiper-button-prev {
    left: 8.8vw;
    text-align: left;
}

.banner .swiper-button-next {
    right: 8.8vw;
    text-align: right;
}

.banner .swiper-slide.swiper-slide-active .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    animation: fd 6s infinite;
    animation-iteration-count: 1;
}

.banner .swiper-slide.swiper-slide-active .sb .line:before {
    animation: line 6s infinite;
    animation-iteration-count: 1;
}

.banner .swiper-slide .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.banner .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .swiper-slide .img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

.banner .swiper-slide video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.banner .swiper-slide .art {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner .swiper-slide .art .w1600 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-bottom: 170px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1.1;
}

.banner .swiper-slide .art h3 {
    font-size: 40px;
    color: #fff;
    position: relative;
    font-family: "fra_b";
    font-weight: 300;
}

@media (max-width: 1680px) {
    .banner .swiper-slide .art h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .banner .swiper-slide .art h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .banner .swiper-slide .art h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .banner .swiper-slide .art h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .banner .swiper-slide .art h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .banner .swiper-slide .art h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .banner .swiper-slide .art h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .banner .swiper-slide .art h3 {
        font-size: 20px;
    }
}

.banner .swiper-slide .art h2 {
    font-size: 70px;
    color: #fff;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .banner .swiper-slide .art h2 {
        font-size: 61.25px;
    }
}

@media (max-width: 1440px) {
    .banner .swiper-slide .art h2 {
        font-size: 52.5px;
    }
}

@media (max-width: 1280px) {
    .banner .swiper-slide .art h2 {
        font-size: 46.66666667px;
    }
}

@media (max-width: 1024px) {
    .banner .swiper-slide .art h2 {
        font-size: 37.33333333px;
    }
}

@media (max-width:1720px) {
    .banner .swiper-pagination {
        padding-right: 60px;
    }

    .banner .swiper-button-prev {
        left: 60px;
    }

    .banner .swiper-button-next {
        right: 60px;
    }
}

@media (max-width:1024px) {
    .banner .swiper-slide .img {
        height: auto;
    }

    .banner .swiper-pagination {
        padding-right: 30px;
    }

    .banner .swiper-button-prev {
        left: 30px;
    }

    .banner .swiper-button-next {
        right: 30px;
    }

    .banner .sb {
        display: none;
    }

    .banner .swiper-slide .art .w1600 {
        padding-bottom: 60px;
    }
}

@media (max-width:990px) {
    .banner .swiper-slide .art h2 {
        font-size: 28px;
        margin-top: 5px;
    }

    .banner .swiper-pagination {
        padding-right: 20px;
    }

    .banner .swiper-button-prev {
        left: 20px;
    }

    .banner .swiper-button-next {
        right: 20px;
    }
}

@media (max-width:768px) {
    .banner .swiper-slide .img img {
        min-height: 250px;
    }

    .banner .swiper-slide .art h2 {
        font-size: 24px;
    }

    .banner .swiper-slide .art h2 b {
        font-size: 24px;
    }

    .banner .swiper-slide .art .btn_a {
        margin-top: 0;
    }

    .banner .swiper-button-prev {
        left: 15px;
    }

    .banner .swiper-button-next {
        right: 15px;
    }
}

.pro_index {
    position: relative;
}

.pro_index .swiper {
    overflow: hidden;
}

.pro_index .swiper-button-prev,
.pro_index .swiper-button-next {
    width: 7.81vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    padding: 0;
    transform: translate(0);
    top: auto;
    min-width: 50px;
}

.pro_index .swiper-button-prev:after,
.pro_index .swiper-button-next:after {
    font-size: 22px;
    color: #fff;
}

.pro_index .swiper-button-prev {
    left: 0;
}

.pro_index .swiper-button-prev:after {
    position: absolute;
    left: 30px;
}

.pro_index .swiper-button-prev:hover {
    background: url(../image/l_bg.png) no-repeat center;
}

.pro_index .swiper-button-next {
    right: 0;
}

.pro_index .swiper-button-next:after {
    position: absolute;
    right: 30px;
}

.pro_index .swiper-button-next:hover {
    background: url(../image/r_bg.png) no-repeat center;
}

.pro_index .swiper-slide:hover a:before {
    opacity: 1;
}

.pro_index .swiper-slide:hover a h2 {
    color: #fff;
}

.pro_index .swiper-slide:hover a h2:before {
    width: 100%;
}

.pro_index .swiper-slide:hover a i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: #163c6d;
    color: #fff;
}

.pro_index .swiper-slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5.99vw 0;
    border: none;
    line-height: 1.2;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.pro_index .swiper-slide a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: url(../image/j1.jpg) no-repeat center / cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-sizing: border-box;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
}

.pro_index .swiper-slide a .imgbox {
    height: 62vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro_index .swiper-slide a .imgbox img {
    /*max-height: 70%;*/
    width: 100%;
}

.pro_index .swiper-slide a h2 {
    font-size: 42px;
    color: #222222;
    font-family: "fra_m";
    font-weight: 400;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

@media (max-width: 1680px) {
    .pro_index .swiper-slide a h2 {
        font-size: 36.75px;
    }
}

@media (max-width: 1440px) {
    .pro_index .swiper-slide a h2 {
        font-size: 31.5px;
    }
}

@media (max-width: 1280px) {
    .pro_index .swiper-slide a h2 {
        font-size: 28px;
    }
}

@media (max-width: 1024px) {
    .pro_index .swiper-slide a h2 {
        font-size: 22.4px;
    }
}

.pro_index .swiper-slide a h2:before {
    content: '';
    width: 0;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 10%;
    background: #163c6d;
    z-index: -1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.pro_index .swiper-slide a h3 {
    font-size: 22px;
    color: #999999;
    font-family: "fra_b";
    font-weight: 300;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .pro_index .swiper-slide a h3 {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .pro_index .swiper-slide a h3 {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .pro_index .swiper-slide a h3 {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro_index .swiper-slide a h3 {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .pro_index .swiper-slide a h3 {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_index .swiper-slide a h3 {
        font-size: 16px;
    }
}

.pro_index .swiper-slide a i {
    width: 2.92vw;
    height: 2.92vw;
    background: #f1f3f7;
    color: #a4abb8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 20px;
    min-width: 35px;
    min-height: 35px;
}

@media (max-width: 1680px) {
    .pro_index .swiper-slide a i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .pro_index .swiper-slide a i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .pro_index .swiper-slide a i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .pro_index .swiper-slide a i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .pro_index .swiper-slide a i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_index .swiper-slide a i {
        font-size: 16px;
    }
}

@media (max-width:768px) {

    .pro_index .swiper-button-prev:hover,
    .pro_index .swiper-button-next:hover {
        background-size: 100% 100%;
    }

    .pro_index .swiper-button-prev {
        background: url(../image/l_bg.png) no-repeat center;
        background-size: 100% 100%;
    }

    .pro_index .swiper-button-prev:after {
        left: 15px;
    }

    .pro_index .swiper-button-next {
        background: url(../image/r_bg.png) no-repeat center;
        background-size: 100% 100%;
    }

    .pro_index .swiper-button-next:after {
        right: 15px;
    }

    .pro_index .swiper-slide a {
        padding: 40px 0;
    }

    .pro_index .swiper-slide a .imgbox {
        height: 220px;
    }

    .pro_index .swiper-slide a h3 {
        margin-top: 5px;
        line-height: 22px;
        font-size: 14px;
    }

    .pro_index .swiper-slide.swiper-slide-active1 a:before {
        opacity: 1;
    }

    .pro_index .swiper-slide.swiper-slide-active1 a h2 {
        color: #fff;
    }

    .pro_index .swiper-slide.swiper-slide-active1 a h2:before {
        width: 100%;
    }

    .pro_index .swiper-slide.swiper-slide-active1 a i {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        background: #163c6d;
        color: #fff;
    }
}

.h2_title {
    font-size: 70px;
    font-family: "fra_m";
    font-weight: 400;
    text-transform: uppercase;
}

@media (max-width: 1680px) {
    .h2_title {
        font-size: 61.25px;
    }
}

@media (max-width: 1440px) {
    .h2_title {
        font-size: 52.5px;
    }
}

@media (max-width: 1280px) {
    .h2_title {
        font-size: 46.66666667px;
    }
}

@media (max-width: 1024px) {
    .h2_title {
        font-size: 37.33333333px;
    }
}

.h2_title span {
    position: relative;
    z-index: 1;
}

.h2_title span:before {
    content: '';
    width: 1.56vw;
    height: 1.56vw;
    background: #163c6d;
    border-radius: 50%;
    position: absolute;
    top: -0.16vw;
    left: -0.36vw;
    z-index: -1;
    min-width: 15px;
    min-height: 15px;
    display: none;
}

.app_index {
    position: relative;
    z-index: 1;
    padding: 4.95vw 0 0;
}

.app_index h2 {
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
}

.app_index .swiper {
    overflow: hidden;
}

.app_index .app_s1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.app_index .app_s1 .swiper-slide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.app_index .app_s1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.app_index .app_s2 {
    width: 50%;
    background: url(../image/bg1.png) no-repeat center / cover;
    margin: 0vw 0 4.95vw 50%;
}

.app_index .app_s2 .swiper-button-prev::after,
.app_index .app_s2 .swiper-button-next::after {
    font-size: 22px;
    color: #fff;
}

.app_index .app_s2 a {
    padding: 3.39vw;
    display: block;
    width: 100%;
}

.app_index .app_s2 a:hover .more i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.app_index .app_s2 h3 {
    font-size: 42px;
    font-family: "got_b";
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

@media (max-width: 1680px) {
    .app_index .app_s2 h3 {
        font-size: 36.75px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s2 h3 {
        font-size: 31.5px;
    }
}

@media (max-width: 1280px) {
    .app_index .app_s2 h3 {
        font-size: 28px;
    }
}

@media (max-width: 1024px) {
    .app_index .app_s2 h3 {
        font-size: 22.4px;
    }
}

.app_index .app_s2 .info {
    font-family: "fra_b";
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    height: 90px;
    padding-right: 5px;
    overflow-y: auto;
    margin: 10px 0 2.34vw;
}

@media (max-width: 1680px) {
    .app_index .app_s2 .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s2 .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .app_index .app_s2 .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .app_index .app_s2 .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .app_index .app_s2 .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s2 .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .app_index .app_s2 .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .app_index .app_s2 .info {
        line-height: 26px;
        height: 78px;
    }
}

@media (max-width:1280px) {
    .app_index .app_s2 .info {
        line-height: 24px;
        height: 72px;
    }
}

.app_index .app_s2 .more {
    font-size: 18px;
    font-family: "got_b";
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media (max-width: 1680px) {
    .app_index .app_s2 .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s2 .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .app_index .app_s2 .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .app_index .app_s2 .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .app_index .app_s2 .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s2 .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .app_index .app_s2 .more {
        font-size: 14px;
    }
}

.app_index .app_s2 .more i {
    font-size: 22px;
    margin-right: 15px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .app_index .app_s2 .more i {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s2 .more i {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .app_index .app_s2 .more i {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .app_index .app_s2 .more i {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .app_index .app_s2 .more i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s2 .more i {
        font-size: 16px;
    }
}

.app_index .app_s3 {
    margin: 20px 0 12.24vw;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-left: none;
    border-right: none;
}

.app_index .app_s3 .swiper-slide.swiper-slide-active a {
    opacity: 1;
    background: rgba(255, 255, 255, 0.15);
}

.app_index .app_s3 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0.3;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding: 40px 0;
}

.app_index .app_s3 a:hover {
    opacity: 1;
}

.app_index .app_s3 a .icon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.app_index .app_s3 a p {
    font-size: 22px;
    color: #fff;
    font-family: "fra_b";
    font-weight: 300;
    margin-top: 15px;
    text-align: center;
}

@media (max-width: 1680px) {
    .app_index .app_s3 a p {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s3 a p {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .app_index .app_s3 a p {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .app_index .app_s3 a p {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .app_index .app_s3 a p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .app_index .app_s3 a p {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .app_index .app_s3 a .icon {
        width: 60px;
        height: 60px;
    }
}

@media (max-width:1280px) {
    .app_index .app_s3 a .icon {
        width: 50px;
        height: 50px;
    }

    .app_index .app_s3 a p {
        font-size: 14px;
    }

    .app_index .app_s2 .more {
        font-size: 14px;
    }
}

@media (max-width:768px) {
    .app_index {
        padding: 50px 0 35px;
        background-color: #000;
    }

    .app_index .app_s2 {
        margin: 30px 0;
        width: 100%;
    }

    .app_index .app_s2 a {
        padding: 20px 15px;
    }

    .app_index .app_s2 .more {
        font-size: 13px;
    }

    .app_index .app_s2 .info {
        line-height: 22px;
        height: 110px;
    }

    .app_index .app_s1 {
        height: calc(100% - 120px);
    }

    .app_index .app_s3 {
        height: 100px;
    }

    .app_index .app_s3 a .icon {
        width: 40px;
        height: 40px;
    }
}

.case_index {
    padding: 5.21vw 0 6.25vw;
    background: #f1f3f7;
    overflow: hidden;
}

.case_index h2 {
    text-align: center;
}

.case_index h2 span:before {
    display: none;
}

.case_index .case_taba {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.04vw;
}

.case_index .case_taba .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media (min-width: 768px) {
    .case_index .case_taba .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.case_index .case_taba .swiper-slide {
    width: auto;
    padding: 0px 50px 0 30px;
    background: #fff;
    border-radius: 25px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #a4abb8;
    font-size: 18px;
    cursor: pointer;
}

@media (max-width: 1680px) {
    .case_index .case_taba .swiper-slide {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_index .case_taba .swiper-slide {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_index .case_taba .swiper-slide {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_index .case_taba .swiper-slide {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_index .case_taba .swiper-slide {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_index .case_taba .swiper-slide {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_index .case_taba .swiper-slide {
        font-size: 14px;
    }
}

.case_index .case_taba .swiper-slide:hover,
.case_index .case_taba .swiper-slide.swiper-slide-active {
    background: #163c6d;
    color: #fff;
}

.case_index .case_taba .swiper-slide:hover i,
.case_index .case_taba .swiper-slide.swiper-slide-active i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.case_index .case_taba .swiper-slide i {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transition: transform 0.2s;
}

.case_index .case_taba .swiper-slide span {
    white-space: nowrap;
}

.case_index .case_tabb {
    margin-top: 2.6vw;
}

.case_index .case_tabb .item {
    height: auto;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s;
}

.case_index .case_tabb .item.on {
    max-height: 800px;
    overflow: visible;
    opacity: 1;
}

.case_index .case_tabb .case_s .swiper-slide.swiper-slide-prev {
    opacity: 0.3;
}

.case_index .case_tabb .case_s .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide {
    opacity: 0.3;
}

.case_index .case_tabb .case_s a {
    display: block;
    position: relative;
}

.case_index .case_tabb .case_s a:before {
    content: '';
    width: 0;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #163c6d;
    z-index: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.case_index .case_tabb .case_s a:hover:before {
    width: 100%;
}

.case_index .case_tabb .case_s a:hover .imgbox {
    padding-bottom: calc(75% - 44px);
}

.case_index .case_tabb .case_s a:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.case_index .case_tabb .case_s a:hover .art p {
    max-height: 44px;
    height: 44px;
}

.case_index .case_tabb .case_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.case_index .case_tabb .case_s a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.case_index .case_tabb .case_s a .art {
    background: #fff;
    padding: 1.82vw 2.34vw 2.08vw;
    position: relative;
}

.case_index .case_tabb .case_s a .art h3 {
    font-size: 28px;
    color: #222222;
    font-family: "got_b";
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .case_index .case_tabb .case_s a .art h3 {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .case_index .case_tabb .case_s a .art h3 {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .case_index .case_tabb .case_s a .art h3 {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .case_index .case_tabb .case_s a .art h3 {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .case_index .case_tabb .case_s a .art h3 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .case_index .case_tabb .case_s a .art h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .case_index .case_tabb .case_s a .art h3 {
        font-size: 18px;
    }
}

.case_index .case_tabb .case_s a .art .other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 5px 0 10px;
}

.case_index .case_tabb .case_s a .art .other span {
    padding-left: 25px;
    margin-right: 1.56vw;
    font-size: 14px;
    font-family: "fra_b";
    font-weight: 300;
    margin-bottom: 5px;
}

.case_index .case_tabb .case_s a .art .other span:last-child {
    margin-right: 0;
}

.case_index .case_tabb .case_s a .art .other .s1 {
    background: url(../image/i7.png) no-repeat left center;
}

.case_index .case_tabb .case_s a .art .other .s2 {
    background: url(../image/i8.png) no-repeat left center;
}

.case_index .case_tabb .case_s a .art .other .s3 {
    background: url(../image/i9.png) no-repeat left center;
}

.case_index .case_tabb .case_s a .art .other .s4 {
    background: url(../image/i10.png) no-repeat left center;
}

.case_index .case_tabb .case_s a .art p {
    font-size: 16px;
    line-height: 22px;
    height: auto;
    max-height: 0;
    color: #a4abb8;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 22;
    overflow: hidden;
}

@media (max-width: 1680px) {
    .case_index .case_tabb .case_s a .art p {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .case_index .case_tabb .case_s a .art p {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .case_index .case_tabb .case_s a .art p {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .case_index .case_tabb .case_s a .art p {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .case_index .case_tabb .case_s a .art p {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .case_index .case_tabb .case_s a .art p {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .case_index .case_taba .swiper-slide {
        padding: 0 40px 0 20px;
        height: 44px;
        border-radius: 22px;
    }

    .case_index .case_taba .swiper-slide i {
        margin-right: 20px;
    }
}

@media (max-width:1280px) {
    .case_index .case_tabb .case_s a:before {
        height: 3px;
    }

    .case_index .case_tabb .case_s a .art .other {
        margin-bottom: 5px;
    }

    .case_index .case_taba .swiper-slide {
        padding: 0 30px 0 15px;
        height: 40px;
        border-radius: 20px;
    }

    .case_index .case_taba .swiper-slide i {
        margin-right: 15px;
    }
}

@media (max-width:768px) {
    .case_index .case_taba {
        padding-bottom: 10px;
        margin-top: 10px;
    }

    .case_index .case_taba .swiper-slide {
        padding: 0 25px 0 15px;
        height: 36px;
        border-radius: 18px;
        margin: 0 7.5px;
    }

    .case_index .case_taba .swiper-slide i {
        margin-right: 10px;
    }

    .case_index .case_tabb .case_s a:before {
        width: 100%;
        height: 2px;
    }

    .case_index .case_tabb .case_s a:hover .imgbox {
        padding-bottom: 75%;
    }

    .case_index .case_tabb .case_s a .art {
        padding: 15px;
    }

    .case_index .case_tabb .case_s a .art .other {
        margin-bottom: 5px;
    }

    .case_index .case_tabb .case_s a .art .other span {
        width: 50%;
        padding-left: 20px;
        margin-right: 0;
        background-size: auto 14px !important;
    }

    .case_index .case_tabb .case_s a .art p {
        max-height: 44px;
    }
}

.news_index {
    padding: 5.21vw 0 6.25vw;
    overflow: hidden;
}

.news_index h2 {
    text-align: center;
}

.news_index .news_taba {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.04vw;
}

.news_index .news_taba .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media (min-width: 768px) {
    .news_index .news_taba .swiper-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.news_index .news_taba .swiper-slide {
    width: auto;
    padding: 0px 50px 0 30px;
    background: #f1f3f7;
    border-radius: 25px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #a4abb8;
    font-size: 18px;
    cursor: pointer;
}

@media (max-width: 1680px) {
    .news_index .news_taba .swiper-slide {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_index .news_taba .swiper-slide {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_index .news_taba .swiper-slide {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_index .news_taba .swiper-slide {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_index .news_taba .swiper-slide {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_index .news_taba .swiper-slide {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_index .news_taba .swiper-slide {
        font-size: 14px;
    }
}

.news_index .news_taba .swiper-slide:hover,
.news_index .news_taba .swiper-slide.swiper-slide-active {
    background: #163c6d;
    color: #fff;
}

.news_index .news_taba .swiper-slide:hover i,
.news_index .news_taba .swiper-slide.swiper-slide-active i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.news_index .news_taba .swiper-slide i {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transition: transform 0.2s;
}

.news_index .news_taba .swiper-slide span {
    white-space: nowrap;
}

.news_index .news_tabb {
    margin-top: 2.6vw;
}

.news_index .news_tabb .item {
    height: auto;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s;
}

.news_index .news_tabb .item.on {
    max-height: 800px;
    overflow: visible;
    opacity: 1;
}

.news_index .news_tabb .news_s .swiper-slide.swiper-slide-prev {
    opacity: 0.3;
}

.news_index .news_tabb .news_s .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide {
    opacity: 0.3;
}

.news_index .news_tabb .news_s a {
    display: block;
    position: relative;
}

.news_index .news_tabb .news_s a:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.news_index .news_tabb .news_s a:hover .art h3 {
    text-decoration-color: #163c6d;
}

.news_index .news_tabb .news_s a:hover .art .bot .s1 {
    padding: 0 30px;
    color: #fff;
}

.news_index .news_tabb .news_s a:hover .art .bot .s1:before {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    box-shadow: 0px 15px 35px 0px rgba(198, 0, 16, 0.35);
}

.news_index .news_tabb .news_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news_index .news_tabb .news_s a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news_index .news_tabb .news_s a .art {
    background: #fff;
    position: relative;
    padding: 20px;
}

.news_index .news_tabb .news_s a .art h3 {
    font-size: 28px;
    color: #222222;
    font-family: "got_b";
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 36px;
    height: 72px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: underline;
    text-decoration-color: transparent;
    margin: 1.82vw 0 1.56vw;
}

@media (max-width: 1680px) {
    .news_index .news_tabb .news_s a .art h3 {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .news_index .news_tabb .news_s a .art h3 {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .news_index .news_tabb .news_s a .art h3 {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .news_index .news_tabb .news_s a .art h3 {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .news_index .news_tabb .news_s a .art h3 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .news_index .news_tabb .news_s a .art h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .news_index .news_tabb .news_s a .art h3 {
        font-size: 18px;
    }
}

.news_index .news_tabb .news_s a .art .bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;
    color: #999999;
    font-family: "fra_b";
    font-weight: 300;
}

.news_index .news_tabb .news_s a .art .bot .s1 {
    padding: 0 20px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    color: #163c6d;
    z-index: 1;
    border-radius: 15px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news_index .news_tabb .news_s a .art .bot .s1:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #163c6d;
    z-index: -1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news_index .news_tabb .news_s a .art .bot .s2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.news_index .news_tabb .news_s a .art .bot .s2 i {
    margin-right: 5px;
    font-size: 16px;
}

@media (max-width: 1680px) {
    .news_index .news_tabb .news_s a .art .bot .s2 i {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .news_index .news_tabb .news_s a .art .bot .s2 i {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .news_index .news_tabb .news_s a .art .bot .s2 i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .news_index .news_tabb .news_s a .art .bot .s2 i {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .news_index .news_tabb .news_s a .art .bot .s2 i {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .news_index .news_tabb .news_s a .art .bot .s2 i {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .news_index .news_taba .swiper-slide {
        padding: 0 40px 0 20px;
        height: 44px;
        border-radius: 22px;
    }

    .news_index .news_taba .swiper-slide i {
        margin-right: 20px;
    }

    .news_index .news_tabb .news_s a .art h3 {
        line-height: 30px;
        height: 60px;
    }
}

@media (max-width:1280px) {
    .news_index .news .swiper-slide {
        padding: 0 30px 0 15px;
        height: 40px;
        border-radius: 20px;
    }

    .news_index .news .swiper-slide i {
        margin-right: 15px;
    }

    .news_index .news_tabb .news_s a .art h3 {
        line-height: 26px;
        height: 52px;
    }
}

@media (max-width:768px) {
    .news_index .news_taba {
        padding-bottom: 10px;
        margin-top: 10px;
    }

    .news_index .news_taba .swiper-slide {
        padding: 0 25px 0 15px;
        height: 36px;
        border-radius: 18px;
        margin: 0 7.5px;
    }

    .news_index .news_taba .swiper-slide i {
        margin-right: 10px;
    }

    .news_index .news_tabb .news_s a:before {
        width: 100%;
        height: 2px;
    }

    .news_index .news_tabb .news_s a .art h3 {
        margin: 10px 0 5px;
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }
}

footer {
    overflow: hidden;
}

footer .foot1 {
    background: #000000;
    padding: 9.64vw 0 6.25vw;
}

footer .foot1 .w1580 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

footer .foot1 .w1580 .left {
    width: 31%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

footer .foot1 .w1580 .left h2 {
    font-size: 54px;
    color: #fff;
    font-family: "fra_b";
    font-weight: 300;
    position: relative;
    z-index: 1;
    line-height: 1.1;
}

@media (max-width: 1680px) {
    footer .foot1 .w1580 .left h2 {
        font-size: 47.25px;
    }
}

@media (max-width: 1440px) {
    footer .foot1 .w1580 .left h2 {
        font-size: 40.5px;
    }
}

@media (max-width: 1280px) {
    footer .foot1 .w1580 .left h2 {
        font-size: 36px;
    }
}

@media (max-width: 1024px) {
    footer .foot1 .w1580 .left h2 {
        font-size: 28.8px;
    }
}

footer .foot1 .w1580 .left h2:before {
    content: '';
    width: 9.38vw;
    height: 9.38vw;
    position: absolute;
    z-index: -1;
    left: -2.86vw;
    top: -2.86vw;
    background: url(../image/bg2.png) no-repeat center / cover;
}

footer .foot1 .w1580 .left h2 span {
    font-family: "fra_m";
    font-weight: 400;
}

footer .foot1 .w1580 .left .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

footer .foot1 .w1580 .left .share a {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-right: 2.08vw;
    opacity: 0.3;
}

footer .foot1 .w1580 .left .share a:hover {
    opacity: 1;
}

@media (max-width:768px) {
    footer .foot1 .w1580 .left .share {
        margin-top: 15px;
    }

    footer .foot1 .w1580 .left .share a {
        margin-right: 15px;
    }
}

footer .foot1 .w1580 .mid {
    width: 24%;
}

.titleBox {
    padding: 0.94vw 0;
    padding-top: 0;
    font-size: 30px;
    font-weight: 900;
    color: #fff;
}

.titleBox .titleB {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
}

.titleBox .subtitleB {
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
    padding-bottom: 10px;
}

@media (max-width:1600px) {
    .titleBox .titleB {
        font-size: 24px;
    }
}

@media (max-width:1366px) {
    .titleBox .titleB {
        font-size: 20px;
    }
}

@media (max-width:1024px) {
    .titleBox .titleB {
        font-size: 19px;
    }

    .titleBox .subtitleB {
        font-size: 15px;
    }
}

@media (max-width:768px) {
    .titleBox {
        font-size: 18px;
    }

    .titleBox .subtitleB {
        font-size: 14px;
    }
}

footer .foot1 .w1580 .mid .item {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    margin-bottom: 1.3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0.94vw 1.5vw 1.3vw;
}

footer .foot1 .w1580 .mid .item:last-child {
    margin-bottom: 0;
}

footer .foot1 .w1580 .mid .item .icon {
    width: 45px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

footer .foot1 .w1580 .mid .item .icon img {
    margin-top: 10px;
}

footer .foot1 .w1580 .mid .item .art {
    width: calc(100% - 45px);
    font-family: "fra_b";
    font-weight: 300;
}

footer .foot1 .w1580 .mid .item .art span {
    font-size: 14px;
    color: #999999;
}

@media (max-width: 1680px) {
    footer .foot1 .w1580 .mid .item .art span {
        font-size: 12.25px;
    }
}

@media (max-width: 1440px) {
    footer .foot1 .w1580 .mid .item .art span {
        font-size: 10.5px;
    }
}

@media (max-width: 1280px) {
    footer .foot1 .w1580 .mid .item .art span {
        font-size: 9.33333333px;
    }
}

@media (max-width: 1024px) {
    footer .foot1 .w1580 .mid .item .art span {
        font-size: 7.46666667px;
    }
}

@media (max-width: 1680px) {
    footer .foot1 .w1580 .mid .item .art span {
        font-size: 14px;
    }
}

@media (max-width: 1280px) {
    footer .foot1 .w1580 .mid .item .art span {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    footer .foot1 .w1580 .mid .item .art span {
        font-size: 13px;
    }
}

footer .foot1 .w1580 .mid .item .art p {
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    word-break: break-all;
}

@media (max-width: 1680px) {
    footer .foot1 .w1580 .mid .item .art p {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    footer .foot1 .w1580 .mid .item .art p {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    footer .foot1 .w1580 .mid .item .art p {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    footer .foot1 .w1580 .mid .item .art p {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    footer .foot1 .w1580 .mid .item .art p {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    footer .foot1 .w1580 .mid .item .art p {
        font-size: 14px;
    }
}

footer .foot1 .w1580 .right {
    width: 38%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-content: flex-start;
}

footer .foot1 .w1580 .right label {
    width: calc(50% - 1.04vw);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative;
    margin-bottom: 1.04vw;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    overflow: hidden;
}

footer .foot1 .w1580 .right .footerBox {
    width: 100%;
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    padding-bottom: 25px;
}

footer .foot1 .w1580 .right label.l1 {
    width: 100%;
}

footer .foot1 .w1580 .right label.lname span {
    position: absolute;
    top: -10px;
    left: 1.56vw;
    color: rgba(255, 255, 255, 0.2);
}

footer .foot1 .w1580 .right label input {
    height: 3.65vw;
    padding: 0 1.56vw;
    min-height: 40px;
    font-size: 18px;
    color: #ffffff;
    width: 100%;
}

footer .foot1 .w1580 .right label textarea {
    height: 160px;
    padding: 1vw 1.56vw;
    min-height: 40px;
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    font-family: horizontal-tb !important;
}

/*textarea*/

@media (max-width: 1680px) {
    footer .foot1 .w1580 .right label input {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    footer .foot1 .w1580 .right label input {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    footer .foot1 .w1580 .right label input {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    footer .foot1 .w1580 .right label input {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    footer .foot1 .w1580 .right label input {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    footer .foot1 .w1580 .right label input {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    footer .foot1 .w1580 .right label input {
        font-size: 14px;
    }
}

footer .foot1 .w1580 .right label input::placeholder {
    font-size: 18px;
    color: #ffffff;
}

footer .foot1 .w1580 .right label textarea::placeholder {
    font-size: 18px;
    color: #ffffff;
}

footer .foot1 .w1580 .right label textarea::-webkit-input-placeholder {
    /* WebKit browsers，webkit内核浏览器 */
    font-size: 18px;
    color: #ffffff;
}

footer .foot1 .w1580 .right label textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 18px;
    color: #ffffff;
}

footer .foot1 .w1580 .right label textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 18px;
    color: #ffffff;
}

footer .foot1 .w1580 .right label textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 18px;
    color: #ffffff;
}

@media (max-width: 1680px) {
    footer .foot1 .w1580 .right label input::placeholder {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    footer .foot1 .w1580 .right label input::placeholder {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    footer .foot1 .w1580 .right label input::placeholder {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    footer .foot1 .w1580 .right label input::placeholder {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    footer .foot1 .w1580 .right label input::placeholder {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    footer .foot1 .w1580 .right label input::placeholder {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    footer .foot1 .w1580 .right label input::placeholder {
        font-size: 14px;
    }
}

footer .foot1 .w1580 .right label:before {
    content: '';
    width: 45px;
    height: 2px;
    position: absolute;
    left: 1.56vw;
    bottom: -1px;
    background: #163c6d;
}

footer .foot1 .w1580 .right button {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    height: 56px;
    padding: 0 45px;
    border-radius: 28px;
    margin-top: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

footer .foot1 .w1580 .right button i {
    margin-left: 25px;
}

footer .foot1 .w1580 .right button:hover {
    background: #fff;
    color: #163c6d;
}

footer .foot2 {
    padding: 2.5vw 0;
    background: #111111;
}

footer .foot2 .w1580 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

footer .foot2 .w1580 a {
    font-size: 16px;
    color: #999999;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    footer .foot2 .w1580 a {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    footer .foot2 .w1580 a {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    footer .foot2 .w1580 a {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    footer .foot2 .w1580 a {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    footer .foot2 .w1580 a {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    footer .foot2 .w1580 a {
        font-size: 14px;
    }
}

footer .foot2 .w1580 a:hover {
    color: #fff;
}

footer .foot2 .w1580 .left a {
    text-decoration: none;
    margin-right: 15px;
}

footer .foot2 .w1580 .left a:last-child {
    margin-right: 0;
    text-decoration: none;
}

@media (max-width:1440px) {
    footer .foot1 .w1580 .left {
        width: 30%;
    }

    footer .foot1 .w1580 .right button {
        height: 46px;
        padding: 0 35px;
    }
}

@media (max-width:1280px) {
    footer .foot1 .w1580 .left {
        width: 28%;
    }
}

@media (max-width:768px) {
    footer .foot1 .w1580 {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    footer .foot1 .w1580 .left {
        width: 100%;
    }

    footer .foot1 .w1580 .mid {
        width: 100%;
        margin: 15px 0 20px;
    }

    footer .foot1 .w1580 .right {
        width: 100%;
    }

    footer .foot1 .w1580 .right label {
        width: 100%;
    }

    footer .foot1 .w1580 .right button {
        height: 40px;
        padding: 0 25px;
        margin-top: 15px;
    }

    footer .foot2 {
        padding: 10px 0;
    }

    footer .foot2 .w1580 .left {
        width: 100%;
        margin-bottom: 5px;
    }

    footer .foot2 .w1580 .left a {
        margin-right: 10px;
    }
}

.banner_info {
    position: relative;
}

.banner_info .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.banner_info .img img {
    width: 100%;
    min-height: 220px;
    object-fit: cover;
}

.banner_info .art {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner_info .art.art2 .w1580 {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.banner_info .art.art2 .w1580 h2 {
    margin-bottom: 5.21vw;
}

.banner_info .art .w1580 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.banner_info .art h2 {
    font-size: 100px;
    color: #fff;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .banner_info .art h2 {
        font-size: 87.5px;
    }
}

@media (max-width: 1440px) {
    .banner_info .art h2 {
        font-size: 75px;
    }
}

@media (max-width: 1280px) {
    .banner_info .art h2 {
        font-size: 66.66666667px;
    }
}

@media (max-width: 1024px) {
    .banner_info .art h2 {
        font-size: 53.33333333px;
    }
}

@media (max-width:768px) {
    .banner_info .art h2 {
        font-size: 28px;
    }
}

.crumbs {
    position: absolute;
    top: 140px;
    width: 100%;
}

.crumbs a {
    font-size: 20px;
    color: #fff;
}

@media (max-width: 1680px) {
    .crumbs a {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .crumbs a {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .crumbs a {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .crumbs a {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .crumbs a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .crumbs a {
        font-size: 16px;
    }
}

.crumbs a i {
    font-size: 20px;
    margin-right: 15px;
}

@media (max-width: 1680px) {
    .crumbs a i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .crumbs a i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .crumbs a i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .crumbs a i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .crumbs a i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .crumbs a i {
        font-size: 16px;
    }
}

.crumbs i {
    margin: 0 15px;
    color: #fff;
}

@media (max-width:1440px) {
    .crumbs {
        top: 110px;
    }
}

@media (max-width:990px) {
    .crumbs {
        top: 20px;
    }

    .crumbs a {
        font-size: 14px;
    }

    .crumbs a i {
        margin-right: 5px;
        font-size: 14px;
    }

    .crumbs i {
        margin: 0 5px;
        font-size: 14px;
    }
}

.bgf5 {
    background: #f5f5f5;
}

.nav_info {
    padding: 4.43vw 0;
}

.nav_info.nav_info2 .left {
    width: auto;
    padding-right: 15px;
    margin-bottom: 30px;
}

.nav_info.nav_info2 .right {
    width: auto;
}

.nav_info.nav_info2 .right::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
  height: 8px;
}
 
/* 滚动条滑块样式 */
.nav_info.nav_info2 .right::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 100px;
}
 
/* 滚动条轨道hover状态样式 */
.nav_info.nav_info2 .right::-webkit-scrollbar-track:hover {
  background-color: #f1f1f1; 
}
 
/* 滚动条滑块hover状态样式 */
.nav_info.nav_info2 .right::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

@media (max-width:768px) {
    .nav_info.nav_info2 .left,
    .nav_info.nav_info2 .right {
        width: 100%;
    }
}

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

.nav_info .left {
    width: 50%;
}

.nav_info .right {
    width: 50%;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-pack: end;*/
    /*-ms-flex-pack: end;*/
    /*-webkit-justify-content: flex-end;*/
    /*justify-content: flex-end;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    /*overflow-x: auto;*/
}
.nav_info .right .spanbox{
    padding-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
}
.nav_info .right .spanbox a {
    padding-bottom: 5px;
    position: relative;
    margin-left: 1.56vw;
    font-size: 22px;
}

@media (max-width: 1680px) {
    .nav_info .right .spanbox a {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .nav_info .right .spanbox a {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .nav_info .right .spanbox a {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .nav_info .right .spanbox a {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .nav_info .right .spanbox a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .nav_info .right .spanbox a {
        font-size: 16px;
    }
}

.nav_info .right .spanbox a:first-child {
    margin-left: 0;
}

.nav_info .right .spanbox a:hover,
.nav_info .right .spanbox a.on {
    color: #163c6d;
}

.nav_info .right .spanbox a:hover:before,
.nav_info .right .spanbox a.on:before {
    width: 100%;
    left: 0;
}

.nav_info .right .spanbox a:before {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #163c6d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.nav_info h2 {
    font-size: 72px;
    line-height: 1.05;
}

@media (max-width: 1680px) {
    .nav_info h2 {
        font-size: 63px;
    }
}

@media (max-width: 1440px) {
    .nav_info h2 {
        font-size: 54px;
    }
}

@media (max-width: 1280px) {
    .nav_info h2 {
        font-size: 48px;
    }
}

@media (max-width: 1024px) {
    .nav_info h2 {
        font-size: 38.4px;
    }
}

.nav_info h4 {
    font-size: 30px;
    margin-top: -0.26vw;
    line-height: 1.2;
}

@media (max-width: 1680px) {
    .nav_info h4 {
        font-size: 26.25px;
    }
}

@media (max-width: 1440px) {
    .nav_info h4 {
        font-size: 22.5px;
    }
}

@media (max-width: 1280px) {
    .nav_info h4 {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    .nav_info h4 {
        font-size: 16px;
    }
}

@media (max-width: 1680px) {
    .nav_info h4 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .nav_info h4 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .nav_info h4 {
        font-size: 18px;
    }
}

@media (max-width:1440px) {
    .nav_info h4 {
        margin-top: 0;
    }
}

@media (max-width:768px) {
    .nav_info {
        padding: 35px 0 20px;
    }

    .nav_info .left {
        width: 100%;
    }

    .nav_info .right {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-bottom: 5px;
        margin-top: 15px;
    }

    .nav_info .right .spanbox a {
        margin-left: 15px;
        line-height: 30px;
        font-size: 15px;
    }

    .nav_info .right .spanbox a:before {
        height: 2px;
    }

    .nav_info h4 {
        line-height: 22px;
        margin-top: 2px;
        font-size: 16px;
    }
}

.about1 .video {
    width: 100%;
    height: 0;
    padding-bottom: 40.5%;
    position: relative;
    overflow: hidden;
    display: block;
}

.about1 .video .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about1 .video .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 4.17vw;
    min-width: 40px;
}

.about1 .art {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 3.13vw 0 90px;
}

.about1 .art .left {
    width: 30%;
}

.about1 .art .left h5 {
    color: #163c6d;
    margin-top: -5px;
}

.about1 .art .right {
    width: 65.8%;
    font-size: 22px;
    line-height: 40px;
}

@media (max-width: 1680px) {
    .about1 .art .right {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .about1 .art .right {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .about1 .art .right {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .about1 .art .right {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .about1 .art .right {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .about1 .art .right {
        font-size: 16px;
    }
}

.about1 .art .right p {
    margin-bottom: 20px;
}

.about1 .art .right p:last-child {
    margin-bottom: 0;
}

@media (max-width:1440px) {
    .about1 .art .right {
        line-height: 30px;
    }

    .about1 .art .right p {
        margin-bottom: 15px;
    }
}

@media (max-width:1280px) {
    .about1 .art .right {
        line-height: 26px;
    }

    .about1 .art .right p {
        margin-bottom: 10px;
    }
}

@media (max-width:768px) {
    .about1 .art {
        margin: 20px 0 40px;
    }

    .about1 .art .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .about1 .art .left h5 {
        margin-top: 0;
    }

    .about1 .art .right {
        width: 100%;
        line-height: 22px;
    }

    .about1 .art .right p {
        margin-bottom: 5px;
    }
}

.about2 {
    padding: 5.21vw 0;
    background: #19191d;
}

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

.about2 .items .item {
    width: 31.64%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.about2 .items .item .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about2 .items .item:hover .art,
.about2 .items .item.on .art {
    background: rgba(230, 0, 18, 0.75);
}

.about2 .items .item:hover .art .info,
.about2 .items .item.on .art .info {
    max-height: 90px;
    margin-top: 2.6vw;
}

.about2 .items .item .art {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: calc(100% - 3.13vw);
    height: calc(100% - 3.13vw);
    background: rgba(230, 0, 18, 0);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.about2 .items .item .art .icon {
    width: 5.21vw;
    min-width: 40px;
    margin-bottom: 15px;
}

.about2 .items .item .art h5 {
    color: #fff;
    text-transform: uppercase;
}

.about2 .items .item .art .info {
    padding: 0 1.56vw;
    text-align: center;
    height: auto;
    max-height: 0;
    overflow: hidden;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    transition: margin 0.2s;
}

@media (max-width: 1680px) {
    .about2 .items .item .art .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .about2 .items .item .art .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .about2 .items .item .art .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .about2 .items .item .art .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .about2 .items .item .art .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .about2 .items .item .art .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .about2 .items .item .art .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .about2 .items .item .art .info {
        line-height: 26px;
    }
}

@media (max-width:1280px) {
    .about2 .items .item .art .info {
        line-height: 24px;
    }
}

@media (max-width:768px) {
    .about2 {
        padding: 40px 0;
    }

    .about2 .items .item {
        width: 100%;
        height: 200px;
        margin-bottom: 15px;
    }

    .about2 .items .item .art {
        background: rgba(230, 0, 18, 0.75);
        width: calc(100% - 30px);
        height: calc(100% - 30px);
    }

    .about2 .items .item .art .info {
        max-height: 66px;
        padding: 0 15px;
        line-height: 22px;
    }
}

.about3 {
    padding: 80px 0 90px;
    overflow: hidden;
}

.about3 h2 {
    text-align: center;
}

.about3 .about3_s1 {
    margin-top: 2.6vw;
    position: relative;
}

.about3 .about3_s1 .swiper-button-prev,
.about3 .about3_s1 .swiper-button-next {
    color: #e5e5e5;
}

.about3 .about3_s1 .swiper-button-prev:after,
.about3 .about3_s1 .swiper-button-next:after {
    font-size: 30px;
}

@media (max-width: 1680px) {

    .about3 .about3_s1 .swiper-button-prev:after,
    .about3 .about3_s1 .swiper-button-next:after {
        font-size: 26.25px;
    }
}

@media (max-width: 1440px) {

    .about3 .about3_s1 .swiper-button-prev:after,
    .about3 .about3_s1 .swiper-button-next:after {
        font-size: 22.5px;
    }
}

@media (max-width: 1280px) {

    .about3 .about3_s1 .swiper-button-prev:after,
    .about3 .about3_s1 .swiper-button-next:after {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {

    .about3 .about3_s1 .swiper-button-prev:after,
    .about3 .about3_s1 .swiper-button-next:after {
        font-size: 16px;
    }
}

@media (max-width: 1680px) {

    .about3 .about3_s1 .swiper-button-prev:after,
    .about3 .about3_s1 .swiper-button-next:after {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {

    .about3 .about3_s1 .swiper-button-prev:after,
    .about3 .about3_s1 .swiper-button-next:after {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {

    .about3 .about3_s1 .swiper-button-prev:after,
    .about3 .about3_s1 .swiper-button-next:after {
        font-size: 18px;
    }
}

.about3 .about3_s1 .swiper-button-prev {
    left: -80px;
}

.about3 .about3_s1 .swiper-button-next {
    right: -80px;
}

.about3 .about3_s1 .swiper-slide {
    padding: 3.13vw;
    box-shadow: 0px 0px 60px 0px rgba(38, 41, 50, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.about3 .about3_s1 .swiper-slide .left {
    width: 44.5%;
}

.about3 .about3_s1 .swiper-slide .right {
    width: 52%;
}

.about3 .about3_s1 .swiper-slide .right h4 {
    margin-bottom: 1.56vw;
    font-family: "fra_m";
    font-weight: 400;
}

.about3 .about3_s1 .swiper-slide .right .info {
    font-size: 18px;
    line-height: 32px;
    color: #666;
    max-height: 160px;
    overflow-y: auto;
    padding-right: 5px;
}

@media (max-width: 1680px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        font-size: 14px;
    }
}

.about3 .about3_s2 {
    background: url(../image/sjz.png) repeat-x bottom 4px center;
    height: 5.21vw;
    min-height: 60px;
}

.about3 .about3_s2 .swiper {
    width: 612px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    padding-bottom: 4px;
}

.about3 .about3_s2 .swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    font-size: 28px;
    color: #999999;
    font-family: "din_m";
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

@media (max-width: 1680px) {
    .about3 .about3_s2 .swiper .swiper-slide {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .about3 .about3_s2 .swiper .swiper-slide {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .about3 .about3_s2 .swiper .swiper-slide {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .about3 .about3_s2 .swiper .swiper-slide {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .about3 .about3_s2 .swiper .swiper-slide {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .about3 .about3_s2 .swiper .swiper-slide {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .about3 .about3_s2 .swiper .swiper-slide {
        font-size: 18px;
    }
}

.about3 .about3_s2 .swiper .swiper-slide:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 4px);
    background: #cfcfcf;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.about3 .about3_s2 .swiper .swiper-slide.swiper-slide-active {
    color: #163c6d;
}

.about3 .about3_s2 .swiper .swiper-slide.swiper-slide-active:before {
    background: #163c6d;
}

@media (max-width:1700px) {
    .about3 .about3_s1 .swiper-button-prev {
        left: -40px;
    }

    .about3 .about3_s1 .swiper-button-next {
        right: -40px;
    }
}

@media (max-width:1440px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        line-height: 26px;
        max-height: 130px;
    }
}

@media (max-width:1280px) {
    .about3 .about3_s1 .swiper-slide .right .info {
        line-height: 24px;
        max-height: 120px;
    }
}

@media (max-width:1024px) {
    .about3 .about3_s1 .swiper-button-prev {
        left: -25px;
    }

    .about3 .about3_s1 .swiper-button-next {
        right: -25px;
    }
}

@media (max-width:768px) {
    .about3 {
        padding: 40px 0;
    }

    .about3 .about3_s1 {
        margin-top: 15px;
    }

    .about3 .about3_s1 .swiper-slide {
        padding: 15px;
    }

    .about3 .about3_s1 .swiper-slide .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .about3 .about3_s1 .swiper-slide .right {
        width: 100%;
    }

    .about3 .about3_s1 .swiper-slide .right .info {
        line-height: 22px;
        max-height: 110px;
    }

    .about3 .about3_s2 .swiper {
        width: 306px;
    }
}

.about4 {
    padding-top: 4.17vw;
    background: #f5f5f5;
    margin-bottom: 5.21vw;
}

.about4.rd4 {
    background: #fff;
}

.about4 h2 {
    text-align: center;
}

.about4 .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 39.24%;
    position: relative;
    overflow: hidden;
    margin-top: 2.24vw;
}

.about4 .items {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.about4 .items .item {
    width: 50%;
    height: 100%;
}

.about4 .items .item .box {
    width: 100%;
    height: 100%;
    background: #b2bec5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.about4 .items .item .box:hover .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.about4 .items .item .box p {
    font-size: 22px;
    color: #fff;
}

@media (max-width: 1680px) {
    .about4 .items .item .box p {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .about4 .items .item .box p {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .about4 .items .item .box p {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .about4 .items .item .box p {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .about4 .items .item .box p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .about4 .items .item .box p {
        font-size: 16px;
    }
}

.about4 .items .item .box h3 {
    font-family: "fra_m";
    font-weight: 400;
    color: #fff;
}

.about4 .items .item .box .img {
    width: 100%;
    height: 69%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    overflow: hidden;
}

.about4 .items .item .box .img img {
    max-width: 48%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.about4 .items .item2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.about4 .items .item2 .box {
    width: 50%;
    height: 50%;
}

.about4 .items .item2 .box p {
    font-size: 18px;
    color: #fff;
}

@media (max-width: 1680px) {
    .about4 .items .item2 .box p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .about4 .items .item2 .box p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .about4 .items .item2 .box p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .about4 .items .item2 .box p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .about4 .items .item2 .box p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .about4 .items .item2 .box p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .about4 .items .item2 .box p {
        font-size: 14px;
    }
}

.about4 .items .item2 .box h3 {
    font-family: "fra_m";
    font-weight: 400;
    color: #fff;
    font-size: 28px;
}

@media (max-width: 1680px) {
    .about4 .items .item2 .box h3 {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .about4 .items .item2 .box h3 {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .about4 .items .item2 .box h3 {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .about4 .items .item2 .box h3 {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .about4 .items .item2 .box h3 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .about4 .items .item2 .box h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .about4 .items .item2 .box h3 {
        font-size: 18px;
    }
}

.about4 .items .item2 .box .img {
    height: 65%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.about4 .items .item2 .box .img img {
    max-height: none;
    max-width: 46%;
}

.about4 .items .item2 .box:first-child {
    background: #c4d1d9;
}

.about4 .items .item2 .box:nth-child(2) {
    background: #b8c2c9;
}

.about4 .items .item2 .box:nth-child(3) {
    background: #bbc7d1;
}

.about4 .items .item2 .box:nth-child(4) {
    background: #c1ced5;
}

@media (max-width:768px) {
    .about4 {
        padding-top: 40px;
        margin-bottom: 40px;
    }

    .about4 .imgbox {
        padding-bottom: 160%;
        margin-top: 15px;
    }

    .about4 .items {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .about4 .items .item {
        width: 100%;
        height: 40%;
    }

    .about4 .items .item .box .img img {
        max-width: 60%;
    }

    .about4 .items .item2 {
        height: 60%;
    }

    .about4 .items .item2 .box .img img {
        max-width: 60%;
    }
}

.about5 {
    position: absolute;
    z-index: 1;
    margin: 8vw;
}

.about5 .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.about5 .about5_list {
    width: 650px;
    max-width: 100%;
    padding: 2.6vw 3.13vw;
    background: #fff;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #163c6d transparent;
}

.about5 .about5_list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #e0e3e7;
}

.about5 .about5_list::-webkit-scrollbar-thumb {
    background-color: #163c6d;
    border-radius: 10px;
}

.about5 .about5_list li {
    margin-bottom: 2.6vw;
}

.about5 .about5_list li:last-child {
    margin-bottom: 0;
}

.about5 .about5_list h3 {
    font-size: 22px;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .about5 .about5_list h3 {
        font-size: 26.25px;
    }
}

@media (max-width: 1440px) {
    .about5 .about5_list h3 {
        font-size: 22.5px;
    }
}

@media (max-width: 1280px) {
    .about5 .about5_list h3 {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    .about5 .about5_list h3 {
        font-size: 16px;
    }
}

@media (max-width: 1680px) {
    .about5 .about5_list h3 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .about5 .about5_list h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .about5 .about5_list h3 {
        font-size: 18px;
    }
}

.about5 .about5_list .info {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin-top: 10px;
}

@media (max-width: 1680px) {
    .about5 .about5_list .info {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .about5 .about5_list .info {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .about5 .about5_list .info {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .about5 .about5_list .info {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .about5 .about5_list .info {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .about5 .about5_list .info {
        font-size: 14px;
    }
}

.about5 .about5_list .info p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 5px;
}

.about5 .about5_list .info p i {
    width: 26px;
    height: 26px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media (max-width:1700px) {
    .about5 .about5_list {
        height: 31.8vw;
    }
}

@media (max-width:768px) {
    .about5 {
        padding: 40px 0;
    }

    .about5 .about5_list {
        height: 380px;
        scrollbar-width: thin;
        scrollbar-color: #163c6d transparent;
        padding: 20px 15px;
        background: rgba(255, 255, 255, 0.8);
    }

    .about5 .about5_list::-webkit-scrollbar {
        width: 2px;
        height: 2px;
        background-color: #e0e3e7;
    }

    .about5 .about5_list::-webkit-scrollbar-thumb {
        background-color: #163c6d;
        border-radius: 10px;
    }

    .about5 .about5_list .info p {
        margin-bottom: 2px;
    }

    .about5 .about5_list .info p i {
        margin-right: 10px;
        font-size: 14px;
    }
}

.contact_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: #ffffff;
    box-shadow: 0px 0px 60px 0px rgba(38, 41, 50, 0.1);
    margin-bottom: 5.21vw;
}

.contact_list li:nth-child(2n) .left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.contact_list li .left {
    line-height: 0;
    width: 50%;
}

.contact_list li .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact_list li .right {
    padding: 1.56vw 3.91vw;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.contact_list li .right h3 {
    font-size: 40px;
    font-family: "fra_m";
    font-weight: 400;
    margin-bottom: 2.6vw;
}

@media (max-width: 1680px) {
    .contact_list li .right h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .contact_list li .right h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .contact_list li .right h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .contact_list li .right h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .contact_list li .right h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .contact_list li .right h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .contact_list li .right h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .contact_list li .right h3 {
        font-size: 20px;
    }
}

.contact_list li .right .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1.82vw;
}

.contact_list li .right .item:last-child {
    margin-bottom: 0;
}

.contact_list li .right .item i {
    color: #163c6d;
    margin-right: 1.56vw;
    font-size: 20px;
}

@media (max-width: 1680px) {
    .contact_list li .right .item i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .contact_list li .right .item i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .contact_list li .right .item i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .contact_list li .right .item i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .contact_list li .right .item i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .contact_list li .right .item i {
        font-size: 16px;
    }
}

.contact_list li .right .item .art {
    width: calc(100% - 55px);
}

.contact_list li .right .item .art span {
    font-size: 16px;
}

@media (max-width: 1680px) {
    .contact_list li .right .item .art span {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .contact_list li .right .item .art span {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .contact_list li .right .item .art span {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .contact_list li .right .item .art span {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .contact_list li .right .item .art span {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .contact_list li .right .item .art span {
        font-size: 14px;
    }
}

.contact_list li .right .item .art p {
    font-size: 22px;
    line-height: 1.27;
}

@media (max-width: 1680px) {
    .contact_list li .right .item .art p {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .contact_list li .right .item .art p {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .contact_list li .right .item .art p {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .contact_list li .right .item .art p {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .contact_list li .right .item .art p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .contact_list li .right .item .art p {
        font-size: 16px;
    }
}

@media (max-width:768px) {
    .contact_list {
        margin-bottom: 40px;
    }

    .contact_list li {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .contact_list li .left {
        width: 100%;
    }

    .contact_list li .right {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        padding: 15px;
    }

    .contact_list li .right h3 {
        font-size: 18px;
    }

    .contact_list li .right .item i {
        margin-right: 10px;
        margin-top: 2px;
    }

    .contact_list li .right .item .art p {
        line-height: 22px;
        font-size: 16px;
        word-break: break-word;
    }
}

.contact {
    border-top: 1px solid #e5e5e5;
    padding: 40px 0 6.77vw;
}

.contact h2 {
    font-size: 54px;
    text-align: center;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .contact h2 {
        font-size: 47.25px;
    }
}

@media (max-width: 1440px) {
    .contact h2 {
        font-size: 40.5px;
    }
}

@media (max-width: 1280px) {
    .contact h2 {
        font-size: 36px;
    }
}

@media (max-width: 1024px) {
    .contact h2 {
        font-size: 28.8px;
    }
}

@media (max-width:768px) {
    .contact {
        padding: 35px 0 40px;
    }
}

.form1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: 2.08vw;
}

.form1 label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: calc(50% - 1.56vw);
    height: 55px;
    position: relative;
    padding: 0 20px;
    margin-bottom: 1.56vw;
}

.form1 label.l1 {
    width: 100%;
}

.form1 label.l2 {
    margin-bottom: 4.17vw;
    height: auto;
}

.form1 label.l2 span {
    align-items: baseline;
}

.form1 label:before,
.form1 label:after {
    content: '';
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.form1 label:before {
    width: 100%;
    background: #e5e5e5;
}

.form1 label:after {
    width: 0%;
    background: #163c6d;
    height: 2px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.form1 label:hover:after {
    width: 100%;
}

.form1 label span {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    color: #666666;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .form1 label span {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .form1 label span {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .form1 label span {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .form1 label span {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .form1 label span {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .form1 label span {
        font-size: 14px;
    }
}

.form1 label input,
.form1 label textarea {
    padding-left: 4.69vw;
    font-size: 16px;
    color: #222222;
    width: 100%;
}

@media (max-width: 1680px) {
    .form1 label input {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .form1 label input {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .form1 label input {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .form1 label input {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .form1 label input {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .form1 label input {
        font-size: 14px;
    }
}

.form1 label input::placeholder {
    font-size: 16px;
    color: #222222;
}

@media (max-width: 1680px) {
    .form1 label input::placeholder {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .form1 label input::placeholder {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .form1 label input::placeholder {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .form1 label input::placeholder {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .form1 label input::placeholder {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .form1 label input::placeholder {
        font-size: 14px;
    }
}

.form1 button {
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background: #163c6d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .form1 button {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .form1 button {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .form1 button {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .form1 button {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .form1 button {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .form1 button {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .form1 button {
        font-size: 14px;
    }
}

.form1 button i {
    margin-right: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.form1 button:hover {
    box-shadow: 0 0 30px 0 rgba(198, 0, 16, 0.35);
}

.form1 button:hover i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

@media (max-width:1440px) {
    .form1 label {
        height: 50px;
    }
}

@media (max-width:1280px) {
    .form1 label {
        height: 45px;
    }
}

@media (max-width:768px) {
    .form1 {
        margin-top: 10px;
    }

    .form1 label {
        width: 100%;
        padding: 0 15px;
    }

    .form1 label input {
        padding-left: 15px;
    }

    .form1 label.l1 {
        margin-bottom: 25px;
    }

    .form1 button {
        height: 45px;
        width: 150px;
    }
}

.factory_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    background: #ffffff;
    box-shadow: 0px 0px 60px 0px rgba(38, 41, 50, 0.1);
    margin-bottom: 5.21vw;
}

.factory_list a:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.factory_list a:hover .more {
    background: #163c6d;
    color: #fff;
    border-color: #163c6d;
}

.factory_list a:hover .more i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.factory_list a:nth-child(2n) .left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.factory_list a .left {
    width: 50%;
}

.factory_list a .right {
    width: 50%;
    padding: 3.13vw;
    position: relative;
}

.factory_list a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 53.16%;
    position: relative;
    overflow: hidden;
}

.factory_list a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.factory_list a h3 {
    font-size: 40px;
    margin-bottom: 1.04vw;
}

@media (max-width: 1680px) {
    .factory_list a h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .factory_list a h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .factory_list a h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .factory_list a h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .factory_list a h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .factory_list a h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .factory_list a h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .factory_list a h3 {
        font-size: 20px;
    }
}

.factory_list a .info {
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #666;
}

@media (max-width: 1680px) {
    .factory_list a .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .factory_list a .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .factory_list a .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .factory_list a .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .factory_list a .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .factory_list a .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .factory_list a .info {
        font-size: 14px;
    }
}

.factory_list a .more {
    height: 50px;
    background: transparent;
    border-radius: 25px;
    padding: 0 35px;
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
    position: absolute;
    left: 3.13vw;
    bottom: 3.13vw;
    font-size: 18px;
    color: #333333;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #333;
}

@media (max-width: 1680px) {
    .factory_list a .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .factory_list a .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .factory_list a .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .factory_list a .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .factory_list a .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .factory_list a .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .factory_list a .more {
        font-size: 14px;
    }
}

.factory_list a .more i {
    margin-right: 15px;
    transition: transform 0.2s;
}

@media (max-width:1440px) {
    .factory_list a .info {
        line-height: 26px;
    }

    .factory_list a .more {
        height: 45px;
        border-radius: 22.5px;
        padding: 0 30px;
    }
}

@media (max-width:1280px) {
    .factory_list a .info {
        line-height: 24px;
    }

    .factory_list a .more {
        height: 40px;
        border-radius: 20px;
        padding: 0 25px;
    }
}

@media (max-width:768px) {
    .factory_list a .left {
        width: 100%;
    }

    .factory_list a .right {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        padding: 15px 15px 70px 15px;
    }

    .factory_list a .info {
        line-height: 22px;
        -webkit-line-clamp: 5;
    }

    .factory_list a .more {
        height: 35px;
        border-radius: 17.5px;
        padding: 0 20px;
        bottom: 15px;
        left: 15px;
    }
}

.factory_info_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 20px;
}

.factory_info_list li {
    width: calc(33.33% - 26.67px);
    margin: 0 40px 40px 0;
}

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

.factory_info_list li:hover .imgbox:before {
    opacity: 1;
}

.factory_info_list li:hover p:after {
    width: 100%;
}

.factory_info_list li .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 72%;
    position: relative;
    overflow: hidden;
}

.factory_info_list li .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.factory_info_list li .imgbox:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    top: 0;
    left: 0;
    background: url(../image/fd.png) no-repeat center rgba(230, 0, 18, 0.7);
}

.factory_info_list li p {
    font-size: 22px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1.3vw 15px;
    text-align: center;
    position: relative;
}

@media (max-width: 1680px) {
    .factory_info_list li p {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .factory_info_list li p {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .factory_info_list li p {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .factory_info_list li p {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .factory_info_list li p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .factory_info_list li p {
        font-size: 16px;
    }
}

.factory_info_list li p:before,
.factory_info_list li p:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #bababa;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.factory_info_list li p:after {
    width: 0;
    background: #163c6d;
}

@media (max-width:1440px) {
    .factory_info_list li {
        width: calc(33.33% - 20px);
        margin: 0 30px 30px 0;
    }
}

@media (max-width:1280px) {
    .factory_info_list li {
        width: calc(33.33% - 13.3px);
        margin: 0 20px 20px 0;
    }
}

@media (max-width:768px) {
    .factory_info_list {
        margin-bottom: 20px;
    }

    .factory_info_list li {
        width: calc(50% - 7.5px);
        margin: 0 15px 15px 0;
    }

    .factory_info_list li:nth-child(3n) {
        margin-right: 15px;
    }

    .factory_info_list li:nth-child(2n) {
        margin-right: 0;
    }

    .factory_info_list li p {
        padding: 10px 15px;
    }
}

.list_con {
    padding-bottom: 5.21vw;
}

@media (max-width:768px) {
    .list_con {
        padding-bottom: 40px;
    }
}

.fyq2 .layui-laypage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.fyq2 .layui-laypage a,
.fyq2 .layui-laypage em {
    font-size: 16px;
    color: #cccccc;
    margin: 0 8px;
    width: 40px;
    height: 40px;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {

    .fyq2 .layui-laypage a,
    .fyq2 .layui-laypage em {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {

    .fyq2 .layui-laypage a,
    .fyq2 .layui-laypage em {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {

    .fyq2 .layui-laypage a,
    .fyq2 .layui-laypage em {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {

    .fyq2 .layui-laypage a,
    .fyq2 .layui-laypage em {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {

    .fyq2 .layui-laypage a,
    .fyq2 .layui-laypage em {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {

    .fyq2 .layui-laypage a,
    .fyq2 .layui-laypage em {
        font-size: 14px;
    }
}

@media (max-width:768px) {

    .fyq2 .layui-laypage a,
    .fyq2 .layui-laypage em {
        height: 30px;
        width: 30px;
        margin: 0 3px;
    }
}

.fyq2 .layui-laypage a:hover {
    background: #163c6d;
    color: #fff;
    border-color: #163c6d;
}

.fyq2 .layui-laypage .layui-laypage-curr .layui-laypage-em {
    display: none;
}

.fyq2 .layui-laypage .layui-laypage-curr em {
    background: #163c6d;
    color: #fff;
    border-color: #163c6d;
}

.fyq2 .layui-laypage .layui-laypage-prev,
.fyq2 .layui-laypage .layui-laypage-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 10px;
    width: auto;
    border-radius: 20px;
    padding: 0 20px;
}

@media (max-width:768px) {

    .fyq2 .layui-laypage .layui-laypage-prev,
    .fyq2 .layui-laypage .layui-laypage-next {
        margin: 0 4px;
        padding: 0 10px;
        border-radius: 15px;
        font-size: 12px;
    }
}

.fyq2 .layui-laypage .layui-laypage-prev:hover i,
.fyq2 .layui-laypage .layui-laypage-next:hover i {
    background: #163c6d;
}

.fyq2 .layui-laypage .layui-laypage-prev i,
.fyq2 .layui-laypage .layui-laypage-next i {
    width: 16px;
    height: 16px;
    background: #ccc;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 12px;
}

.fyq2 .layui-laypage .layui-laypage-prev i {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    margin-left: 10px;
}

.fyq2 .layui-laypage .layui-laypage-next i {
    margin-right: 10px;
    padding-top: 2px;
}

.rd_info_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 20px;
}

.rd_info_list li {
    width: calc(25% - 30px);
    margin: 0 40px 40px 0;
    background: #fff;
    padding: 2.08vw;
}

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

.rd_info_list li:hover .imgbox img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}

.rd_info_list li .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 130%;
    position: relative;
    overflow: hidden;
}

.rd_info_list li .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    object-fit: cover;
}

.rd_info_list li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 22px;
    color: #666666;
    margin-top: 20px;
}

@media (max-width: 1680px) {
    .rd_info_list li p {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .rd_info_list li p {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .rd_info_list li p {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .rd_info_list li p {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .rd_info_list li p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd_info_list li p {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .rd_info_list li {
        width: calc(25% - 22.5px);
        margin: 0 30px 30px 0;
    }
}

@media (max-width:1280px) {
    .rd_info_list li {
        width: calc(25% - 15px);
        margin: 0 20px 20px 0;
    }
}

@media (max-width:768px) {
    .rd_info_list {
        margin-bottom: 15px;
    }

    .rd_info_list li {
        width: calc(50% - 7.5px);
        margin: 0 15px 15px 0;
        padding: 15px;
    }

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

    .rd_info_list li:nth-child(2n) {
        margin-right: 0;
    }

    .rd_info_list li .imgbox {
        padding-bottom: 142%;
    }

    .rd_info_list li p {
        margin-top: 15px;
    }
}

.rd1_s {
    position: relative;
    overflow: hidden;
    margin-bottom: 6.25vw;
}

.rd1_s .swiper-pagination {
    width: 50%;
    left: 0;
    bottom: 2vw;
}

.rd1_s .swiper-pagination span {
    background: transparent;
    border: 1px solid #fff;
    opacity: 1;
}

.rd1_s .swiper-pagination span.swiper-pagination-bullet-active {
    background: #fff;
}

.rd1_s a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    background: #fff;
}

.rd1_s a:hover .right .more {
    background: #163c6d;
    color: #fff;
    border-color: #163c6d;
}

.rd1_s a .left {
    width: 50%;
}

.rd1_s a .left .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 68.35%;
    position: relative;
    overflow: hidden;
}

.rd1_s a .left .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.rd1_s a .right {
    width: 50%;
    padding: 3.13vw;
    position: relative;
}

.rd1_s a .right h3 {
    font-size: 40px;
    margin-bottom: 1.3vw;
}

@media (max-width: 1680px) {
    .rd1_s a .right h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .rd1_s a .right h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .rd1_s a .right h3 {
        font-size: 20px;
    }
}

.rd1_s a .right .info {
    font-size: 22px;
    line-height: 40px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (max-width: 1680px) {
    .rd1_s a .right .info {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .info {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .info {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .rd1_s a .right .info {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .info {
        font-size: 16px;
    }
}

.rd1_s a .right .info em {
    text-decoration: underline;
    font-size: 22px;
    text-decoration-color: #163c6d;
}

@media (max-width: 1680px) {
    .rd1_s a .right .info em {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .info em {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .info em {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .rd1_s a .right .info em {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right .info em {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .info em {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .rd1_s a .right .info {
        line-height: 30px;
    }
}

@media (max-width:1280px) {
    .rd1_s a .right .info {
        line-height: 26px;
    }
}

@media (max-width:1024px) {
    .rd1_s a .right .info {
        line-height: 24px;
    }
}

.rd1_s a .right .more {
    position: absolute;
    left: 3.13vw;
    bottom: 3.13vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #163c6d;
    width: 190px;
    height: 50px;
    border: 1px solid #adadad;
    border-radius: 25px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 18px;
}

@media (max-width: 1680px) {
    .rd1_s a .right .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .rd1_s a .right .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .more {
        font-size: 14px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .rd1_s a .right .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .more {
        font-size: 14px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .rd1_s a .right .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .more {
        font-size: 14px;
    }
}

.rd1_s a .right .more i {
    margin-left: 15px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    font-size: 20px;
}

@media (max-width: 1680px) {
    .rd1_s a .right .more i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .more i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .rd1_s a .right .more i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .rd1_s a .right .more i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .rd1_s a .right .more i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd1_s a .right .more i {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .rd1_s a .right .more {
        width: 160px;
        height: 40px;
        border-radius: 20px;
    }
}

@media (max-width:768px) {
    .rd1_s a .right .more {
        width: 150px;
    }

    .rd1_s a .right .more i {
        margin-left: 10px;
    }
}

@media (max-width:768px) {
    .rd1_s .swiper-pagination {
        width: 100%;
        bottom: 210px;
    }

    .rd1_s a .left {
        width: 100%;
    }

    .rd1_s a .right {
        width: 100%;
        height: 200px;
        padding: 15px;
    }

    .rd1_s a .right .more {
        left: 15px;
        bottom: 20px;
    }
}

.rd2 {
    background: #19191d;
    padding: 4.69vw 0 5.73vw;
}

.rd2 h2 {
    text-align: center;
    color: #fff;
}

.rd2 .info {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}

@media (max-width: 1680px) {
    .rd2 .info {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .rd2 .info {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .rd2 .info {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .rd2 .info {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .rd2 .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd2 .info {
        font-size: 16px;
    }
}

@media (max-width:768px) {
    .rd2 {
        padding: 40px 0 30px;
    }
}

.rd2_s {
    margin-top: 2.6vw;
    padding-bottom: 3.54vw;
    position: relative;
}

.rd2_s .swiper-pagination {
    bottom: 0;
    text-align: center;
    width: 100%;
}

.rd2_s .swiper-pagination span {
    background: transparent;
    border: 1px solid #fff;
    margin: 0 4px;
    opacity: 1;
}

.rd2_s .swiper-pagination span.swiper-pagination-bullet-active {
    background: #163c6d;
    border-color: #163c6d;
}

.rd2_s .swiper {
    overflow: hidden;
}

.rd2_s a {
    padding: 2.86vw;
    background: #212227;
    display: block;
}

.rd2_s a:hover .imgbox img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}

.rd2_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 142%;
    position: relative;
    overflow: hidden;
}

.rd2_s a .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.rd2_s a p {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 15px;
}

@media (max-width: 1680px) {
    .rd2_s a p {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .rd2_s a p {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .rd2_s a p {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .rd2_s a p {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .rd2_s a p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd2_s a p {
        font-size: 16px;
    }
}

@media (max-width:768px) {
    .rd2_s {
        margin-top: 20px;
        padding-bottom: 30px;
    }

    .rd2_s a {
        padding: 15px;
    }
}

.rd3 {
    background: #ffffff;
    padding-top: 4.69vw;
}

.rd3 h2 {
    text-align: center;
    color: #222222;
}

.rd3 .info {
    font-size: 22px;
    color: #222222;
    text-align: center;
}

@media (max-width: 1680px) {
    .rd3 .info {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .rd3 .info {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .rd3 .info {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .rd3 .info {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .rd3 .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd3 .info {
        font-size: 16px;
    }
}

@media (max-width:768px) {
    .rd3 {
        padding: 40px 0 0px;
    }
}

.rd3_s {
    margin-top: 2.6vw;
    overflow: hidden;
}

.rd3_s .swiper-slide.swiper-slide-active a:after {
    opacity: 0;
}

.rd3_s .swiper-slide.swiper-slide-active a:before {
    opacity: 1;
}

.rd3_s .swiper-slide.swiper-slide-active a p {
    opacity: 1;
}

.rd3_s a {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.rd3_s a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/bg3.png) no-repeat center / cover;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.rd3_s a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.rd3_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

.rd3_s a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rd3_s a p {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2.6vw;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
    font-size: 22px;
    padding: 0 3.13vw;
    z-index: 2;
    opacity: 0;
}

@media (max-width: 1680px) {
    .rd3_s a p {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .rd3_s a p {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .rd3_s a p {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .rd3_s a p {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .rd3_s a p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .rd3_s a p {
        font-size: 16px;
    }
}

@media (max-width:768px) {
    .rd3_s {
        margin-top: 20px;
    }

    .rd3_s a p {
        padding: 0 15px;
        bottom: 15px;
    }
}

.team_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 20px;
}

.team_list li {
    width: calc(25% - 30px);
    margin: 0 40px 40px 0;
}

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

.team_list li a {
    display: block;
    position: relative;
    background: #acb9c1;
    padding: 2.86vw 2.08vw 0;
    overflow: hidden;
}

.team_list li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(230, 0, 18, 0.75);
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.team_list li a:hover:before {
    opacity: 1;
}

.team_list li a:hover .info {
    opacity: 1;
}

.team_list li .p1 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

@media (max-width: 1680px) {
    .team_list li .p1 {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .team_list li .p1 {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .team_list li .p1 {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .team_list li .p1 {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .team_list li .p1 {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .team_list li .p1 {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .team_list li .p1 {
        font-size: 14px;
    }
}

.team_list li h3 {
    font-family: "fra_m";
    font-weight: 400;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1.2;
    position: relative;
    z-index: 2;
    margin-bottom: 1.04vw;
}

@media (max-width: 1680px) {
    .team_list li h3 {
        font-size: 21px;
    }
}

@media (max-width: 1440px) {
    .team_list li h3 {
        font-size: 18px;
    }
}

@media (max-width: 1280px) {
    .team_list li h3 {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    .team_list li h3 {
        font-size: 12.8px;
    }
}

@media (max-width: 1680px) {
    .team_list li h3 {
        font-size: 20px;
    }
}

@media (max-width: 1440px) {
    .team_list li h3 {
        font-size: 18px;
    }
}

@media (max-width: 1280px) {
    .team_list li h3 {
        font-size: 16px;
    }
}

.team_list li .img {
    height: 255px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.team_list li .img img {
    max-width: none;
}

.team_list li .info {
    height: 220px;
    position: absolute;
    bottom: 30px;
    z-index: 2;
    width: calc(100% - 4.16vw);
    word-wrap: break-word;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    line-height: 22px;
    overflow-y: auto;
    padding-bottom: 40px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .team_list li .info {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .team_list li .info {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .team_list li .info {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .team_list li .info {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .team_list li .info {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .team_list li .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .team_list li {
        width: calc(25% - 22.5px);
        margin: 0 30px 30px 0;
    }

    .team_list li .img {
        height: 200px;
    }

    .team_list li .info {
        height: 176px;
        bottom: 24px;
    }
}

@media (max-width:1280px) {
    .team_list li {
        width: calc(25% - 15px);
        margin: 0 20px 20px 0;
    }

    .team_list li .img {
        height: 160px;
    }

    .team_list li .info {
        height: 154px;
        bottom: 6px;
    }
}

@media (max-width:768px) {
    .team_list {
        margin-bottom: 15px;
    }

    .team_list li {
        width: calc(50% - 7.5px);
        margin: 0 15px 15px 0;
    }

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

    .team_list li:nth-child(2n) {
        margin-right: 0;
    }

    .team_list li a {
        padding: 20px 15px 0;
    }

    .team_list li h3 {
        margin-bottom: 5px;
    }

    .team_list li .img {
        height: 120px;
    }

    .team_list li .info {
        height: 110px;
        bottom: 10px;
        width: calc(100% - 30px);
    }
}

.case_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    background: #fff;
}

.case_top:hover .left .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.case_top:hover .more {
    background: #163c6d;
    color: #fff;
    border-color: #163c6d;
}

.case_top .left {
    width: 50%;
}

.case_top .left .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 60.75%;
    position: relative;
    overflow: hidden;
}

.case_top .left .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.case_top .right {
    width: 50%;
    padding: 3.65vw 4.17vw;
    position: relative;
}

.case_top h3 {
    font-size: 40px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .case_top h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .case_top h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .case_top h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .case_top h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .case_top h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .case_top h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .case_top h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .case_top h3 {
        font-size: 20px;
    }
}

.case_top .other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
}

.case_top .other p {
    font-size: 18px;
    padding-left: 30px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
    margin-right: 2.6vw;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .case_top .other p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_top .other p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_top .other p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_top .other p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_top .other p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_top .other p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_top .other p {
        font-size: 14px;
    }
}

.case_top .other p:last-child {
    margin-right: 0;
}

.case_top .other .p1 {
    background-image: url(../image/p6.png);
}

.case_top .other .p2 {
    background-image: url(../image/p7.png);
}

.case_top .other .p3 {
    background-image: url(../image/p8.png);
}

.case_top .other .p4 {
    background-image: url(../image/p9.png);
    background-size: auto 18px;
}

@media (max-width:1280px) {
    .case_top .other p {
        padding-left: 20px;
        background-size: auto 14px;
    }

    .case_top .other .p4 {
        background-size: auto 13px;
    }
}

@media (max-width:1024px) {
    .case_top .other p {
        font-size: 12px;
        margin-right: 10px;
        padding-left: 18px;
        background-size: auto 12px;
    }

    .case_top .other .p4 {
        background-size: auto 11px;
    }
}

.case_top .info {
    font-size: 18px;
    line-height: 28px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 3.13vw;
}

@media (max-width: 1680px) {
    .case_top .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_top .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_top .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_top .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_top .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_top .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_top .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .case_top .info {
        line-height: 26px;
    }
}

@media (max-width:1280px) {
    .case_top .info {
        line-height: 24px;
    }
}

@media (max-width:1024px) {
    .case_top .info {
        line-height: 22px;
    }
}

.case_top .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    left: 4.17vw;
    bottom: 3.65vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #163c6d;
    width: 190px;
    height: 50px;
    border: 1px solid #adadad;
    border-radius: 25px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 18px;
}

@media (max-width: 1680px) {
    .case_top .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_top .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_top .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_top .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_top .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_top .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_top .more {
        font-size: 14px;
    }
}

@media (max-width: 1680px) {
    .case_top .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_top .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_top .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_top .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_top .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_top .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_top .more {
        font-size: 14px;
    }
}

.case_top .more i {
    margin-left: 15px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    font-size: 20px;
}

@media (max-width: 1680px) {
    .case_top .more i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .case_top .more i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .case_top .more i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .case_top .more i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .case_top .more i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_top .more i {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .case_top .more {
        width: 160px;
        height: 40px;
        border-radius: 20px;
    }
}

@media (max-width:768px) {
    .case_top .more {
        width: 150px;
    }

    .case_top .more i {
        margin-left: 10px;
    }
}

@media (max-width:768px) {
    .case_top .left {
        width: 100%;
    }

    .case_top .right {
        width: 100%;
        padding: 15px 15px 70px;
    }
}

.case_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 3.13vw;
}

.case_list li {
    width: calc(50% - 2.6vw);
    margin-top: 5.21vw;
}

.case_list li a {
    display: block;
    position: relative;
}

.case_list li a:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.case_list li a:hover .art .more {
    padding-bottom: 8px;
    padding-top: 25px;
    max-height: none;
    opacity: 1;
}

.case_list li a:hover .art .more i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.case_list li a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 64.86%;
    position: relative;
    overflow: hidden;
}

.case_list li a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.case_list li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/bg4.png) no-repeat center / cover;
    z-index: 1;
}

.case_list li a .art {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.13vw;
    z-index: 2;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 100%;
}

.case_list li a .art h3 {
    font-size: 40px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .case_list li a .art h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .case_list li a .art h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .case_list li a .art h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .case_list li a .art h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .case_list li a .art h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .case_list li a .art h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .case_list li a .art h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .case_list li a .art h3 {
        font-size: 20px;
    }
}

.case_list li a .art .other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
}

.case_list li a .art .other p {
    font-size: 18px;
    padding-left: 30px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
    margin-right: 2.6vw;
    white-space: nowrap;
    color: #fff;
}

@media (max-width: 1680px) {
    .case_list li a .art .other p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_list li a .art .other p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_list li a .art .other p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_list li a .art .other p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_list li a .art .other p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_list li a .art .other p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_list li a .art .other p {
        font-size: 14px;
    }
}

.case_list li a .art .other p:last-child {
    margin-right: 0;
}

.case_list li a .art .other .p1 {
    background-image: url(../image/p6.png);
}

.case_list li a .art .other .p2 {
    background-image: url(../image/p7.png);
}

.case_list li a .art .other .p3 {
    background-image: url(../image/p8.png);
}

.case_list li a .art .other .p4 {
    background-image: url(../image/p9.png);
    background-size: auto 18px;
}

@media (max-width:1280px) {
    .case_list li a .art .other p {
        padding-left: 20px;
        background-size: auto 14px;
    }

    .case_list li a .art .other .p4 {
        background-size: auto 13px;
    }
}

@media (max-width:1024px) {
    .case_list li a .art .other p {
        font-size: 12px;
        margin-right: 10px;
        padding-left: 18px;
        background-size: auto 12px;
    }

    .case_list li a .art .other .p4 {
        background-size: auto 11px;
    }
}

.case_list li a .art .more {
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    opacity: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    max-height: 0;
    height: auto;
    position: relative;
    padding: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .case_list li a .art .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_list li a .art .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_list li a .art .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_list li a .art .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_list li a .art .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_list li a .art .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_list li a .art .more {
        font-size: 14px;
    }
}

.case_list li a .art .more:before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #163c6d;
}

.case_list li a .art .more span {
    margin-right: 10px;
}

.case_list li a .art .more i {
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .case_list li a .art .more i {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_list li a .art .more i {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_list li a .art .more i {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_list li a .art .more i {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_list li a .art .more i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_list li a .art .more i {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_list li a .art .more i {
        font-size: 14px;
    }
}

@media (max-width:768px) {
    .case_list li a .art .more {
        padding-bottom: 5px;
        padding-top: 10px;
        max-height: none;
        opacity: 1;
    }

    .case_list li a .art .more:before {
        height: 2px;
    }
}

@media (max-width:768px) {
    .case_list {
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .case_list li {
        width: 100%;
        margin-top: 15px;
    }

    .case_list li a .art {
        padding: 20px 15px;
    }
}

.case_info {
    background: #19191d;
    padding-top: 110px;
}

.case_info .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 100px;
}

.case_info .art {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 2.08vw 0 3.13vw;
}

.case_info .art .left {
    width: 53.75%;
}

.case_info .art .left h2 {
    font-size: 60px;
    color: #fff;
}

@media (max-width: 1680px) {
    .case_info .art .left h2 {
        font-size: 52.5px;
    }
}

@media (max-width: 1440px) {
    .case_info .art .left h2 {
        font-size: 45px;
    }
}

@media (max-width: 1280px) {
    .case_info .art .left h2 {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .case_info .art .left h2 {
        font-size: 32px;
    }
}

.case_info .art .left .info {
    font-size: 18px;
    line-height: 30px;
    color: #999999;
}

@media (max-width: 1680px) {
    .case_info .art .left .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_info .art .left .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_info .art .left .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_info .art .left .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_info .art .left .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_info .art .left .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_info .art .left .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .case_info .art .left .info {
        line-height: 26px;
    }
}

@media (max-width:1280px) {
    .case_info .art .left .info {
        line-height: 24px;
    }
}

@media (max-width:768px) {
    .case_info .art .left .info {
        line-height: 22px;
    }
}

.case_info .art .line {
    width: 1px;
    height: 6.25vw;
    background: #222222;
}

.case_info .art .right {
    width: 20%;
}

.case_info .art .right p {
    font-size: 18px;
    color: #999999;
    margin-bottom: 15px;
}

@media (max-width: 1680px) {
    .case_info .art .right p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_info .art .right p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_info .art .right p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_info .art .right p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_info .art .right p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_info .art .right p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_info .art .right p {
        font-size: 14px;
    }
}

.case_info .art .right .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.case_info .art .right .share a {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.case_info .art .right .share a:hover {
    opacity: 0.8;
}

@media (max-width:768px) {
    .case_info .art {
        padding: 15px 0 20px;
    }

    .case_info .art .left {
        width: 100%;
    }

    .case_info .art .line {
        display: none;
    }

    .case_info .art .right {
        width: 100%;
        margin: 15px 0 0;
    }

    .case_info .art .right p {
        margin-bottom: 10px;
    }

    .case_info .art .right .share {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .case_info .art .right .share a {
        margin-right: 15px;
    }
}

.case_info .other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 2.6vw 3.65vw 1.04vw;
    background: #212227;
}

.case_info .other p {
    width: 25%;
    font-size: 18px;
    padding-left: 30px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
    white-space: nowrap;
    color: #fff;
    margin-bottom: 1.56vw;
    position: relative;
}

@media (max-width: 1680px) {
    .case_info .other p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_info .other p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_info .other p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_info .other p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_info .other p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_info .other p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_info .other p {
        font-size: 14px;
    }
}

.case_info .other p:last-child {
    margin-right: 0;
}

.case_info .other p span {
    position: absolute;
    font-size: 12px;
    color: #666666;
    left: 30px;
    top: 100%;
}

.case_info .other .p1 {
    background-image: url(../image/p6.png);
}

.case_info .other .p2 {
    background-image: url(../image/p7.png);
}

.case_info .other .p3 {
    background-image: url(../image/p8.png);
}

.case_info .other .p4 {
    background-image: url(../image/p9.png);
}

.case_info .other .p5 {
    background-image: url(../image/p15.png);
}

.case_info .other .p6 {
    background-image: url(../image/p16.png);
}

.case_info .other .pp {
    background-size: auto 18px;
}

@media (max-width:1280px) {
    .case_info .other p {
        padding-left: 20px;
        background-size: auto 14px;
    }

    .case_info .other p span {
        left: 20px;
        top: 90%;
    }

    .case_info .other .pp {
        background-size: auto 13px;
    }
}

@media (max-width:1024px) {
    .case_info .other p {
        font-size: 14px;
        width: 33%;
        padding-left: 18px;
        background-size: auto 12px;
    }

    .case_info .other p span {
        left: 18px;
    }

    .case_info .other .pp {
        background-size: auto 11px;
    }
}

@media (max-width:768px) {
    .case_info .other {
        padding: 15px;
    }

    .case_info .other p {
        min-width: 50%;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .case_info .other p span {
        top: 80%;
    }
}

@media (max-width:1440px) {
    .case_info {
        padding-top: 80px;
    }

    .case_info .img {
        margin-top: 80px;
    }
}

@media (max-width:990px) {
    .case_info {
        padding-top: 55px;
    }

    .case_info .crumbs {
        top: 75px;
    }

    .case_info .img {
        margin-top: 0;
    }
}

.case_info2 {
    padding: 50px 0 65px;
}

.case_info2 h3 {
    font-size: 40px;
    color: #222222;
}

@media (max-width: 1680px) {
    .case_info2 h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .case_info2 h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .case_info2 h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .case_info2 h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .case_info2 h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .case_info2 h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .case_info2 h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .case_info2 h3 {
        font-size: 20px;
    }
}

.case_info2 .info {
    font-size: 18px;
    color: #999999;
    line-height: 32px;
    margin-top: 1.04vw;
}

@media (max-width: 1680px) {
    .case_info2 .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_info2 .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_info2 .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_info2 .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_info2 .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_info2 .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_info2 .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .case_info2 .info {
        line-height: 28px;
    }
}

@media (max-width:1280px) {
    .case_info2 .info {
        line-height: 24px;
    }
}

@media (max-width:768px) {
    .case_info2 .info {
        line-height: 22px;
    }
}

.case_info2 .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 2.34vw;
}

.case_info2 .img img {
    min-height: 150px;
    object-fit: cover;
}

.case_info2 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    background: #ffffff;
    margin: 2.34vw 0 2.6vw;
}

.case_info2 .box:hover .right .more {
    box-shadow: 0 0 30px 0 rgba(198, 0, 16, 0.35);
}

.case_info2 .box .left {
    width: 45%;
}

.case_info2 .box .left .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.case_info2 .box .left .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    max-width: 60%;
    max-height: 60%;
}

.case_info2 .box .right {
    width: 55%;
    padding-right: 4.17vw;
}

.case_info2 .box .right h2 {
    font-size: 44px;
}

@media (max-width: 1680px) {
    .case_info2 .box .right h2 {
        font-size: 38.5px;
    }
}

@media (max-width: 1440px) {
    .case_info2 .box .right h2 {
        font-size: 33px;
    }
}

@media (max-width: 1280px) {
    .case_info2 .box .right h2 {
        font-size: 29.33333333px;
    }
}

@media (max-width: 1024px) {
    .case_info2 .box .right h2 {
        font-size: 23.46666667px;
    }
}

@media (max-width: 1680px) {
    .case_info2 .box .right h2 {
        font-size: 38px;
    }
}

@media (max-width: 1440px) {
    .case_info2 .box .right h2 {
        font-size: 28px;
    }
}

@media (max-width: 1280px) {
    .case_info2 .box .right h2 {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .case_info2 .box .right h2 {
        font-size: 22px;
    }
}

.case_info2 .box .right .info {
    margin: 1vw 0 2.6vw;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.case_info2 .box .right .more {
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background: #163c6d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .case_info2 .box .right .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .case_info2 .box .right .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .case_info2 .box .right .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .case_info2 .box .right .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .case_info2 .box .right .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .case_info2 .box .right .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .case_info2 .box .right .more {
        font-size: 14px;
    }
}

.case_info2 .box .right .more i {
    margin-right: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

@media (max-width:1440px) {
    .case_info2 .box .right .more {
        width: 180px;
        height: 45px;
    }
}

@media (max-width:768px) {
    .case_info2 .box {
        margin: 15px 0 20px;
    }

    .case_info2 .box .left {
        width: 100%;
    }

    .case_info2 .box .left .imgbox {
        padding-bottom: 66%;
    }

    .case_info2 .box .left .imgbox img {
        max-height: 80%;
    }

    .case_info2 .box .right {
        width: 100%;
        padding: 15px 15px 20px;
    }

    .case_info2 .box .right .info {
        margin: 5px 0 15px;
    }

    .case_info2 .box .right .more {
        width: 150px;
        height: 40px;
    }

    .case_info2 .box .right .more i {
        margin-right: 15px;
    }
}

@media (max-width:1440px) {
    .case_info2 {
        padding: 45px 0 55px;
    }
}

@media (max-width:768px) {
    .case_info2 {
        padding: 30px 0 40px;
    }

    .case_info2 .info {
        margin-top: 5px;
    }

    .case_info2 .img {
        margin-top: 15px;
    }
}

.case_line {
    width: 100%;
    height: 1px;
    background: #e8e8e8;
}

.my_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
}

.my_btns a {
    height: 50px;
    padding: 0 40px;
    border-radius: 25px;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 18px;
    color: #999999;
    margin: 0 10px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .my_btns a {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .my_btns a {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .my_btns a {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .my_btns a {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .my_btns a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .my_btns a {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .my_btns a {
        font-size: 14px;
    }
}

.my_btns a i {
    font-size: 18px;
}

@media (max-width: 1680px) {
    .my_btns a i {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .my_btns a i {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .my_btns a i {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .my_btns a i {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .my_btns a i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .my_btns a i {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .my_btns a i {
        font-size: 14px;
    }
}

.my_btns a:hover {
    background: #163c6d;
    color: #fff;
    box-shadow: 0 0 30px 0 rgba(198, 0, 16, 0.35);
}

.my_btns .a1 i {
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    margin-right: 15px;
}

.my_btns .a2 i {
    margin-left: 15px;
}

@media (max-width:1440px) {
    .my_btns {
        margin-bottom: 10px;
    }

    .my_btns a {
        height: 45px;
        padding: 0 30px;
    }
}

@media (max-width:768px) {
    .my_btns {
        margin-bottom: 0;
    }

    .my_btns a {
        height: 40px;
        padding: 0 25px;
        margin: 0 7.5px;
    }

    .my_btns .a1 i {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        margin-right: 10px;
    }

    .my_btns .a2 i {
        margin-left: 10px;
    }
}

.news_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    background: #fff;
}

.news_top:hover .left .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.news_top:hover .more {
    background: #163c6d;
    color: #fff;
    border-color: #163c6d;
}

.news_top .left {
    width: 50%;
}

.news_top .left .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 60.75%;
    position: relative;
    overflow: hidden;
}

.news_top .left .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news_top .right {
    width: 50%;
    padding: 3.65vw 4.17vw;
    position: relative;
}

.news_top h3 {
    font-size: 40px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 1.56vw;
    line-height: 48px;
    height: 96px;
}

@media (max-width: 1680px) {
    .news_top h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .news_top h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .news_top h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .news_top h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .news_top h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .news_top h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .news_top h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .news_top h3 {
        font-size: 20px;
    }
}

@media (max-width:1680px) {
    .news_top h3 {
        line-height: 40px;
        height: 80px;
    }
}

@media (max-width:1440px) {
    .news_top h3 {
        line-height: 30px;
        height: 60px;
    }
}

@media (max-width:1280px) {
    .news_top h3 {
        line-height: 26px;
        height: 52px;
    }
}

@media (max-width:1024px) {
    .news_top h3 {
        line-height: 24px;
        height: 48px;
    }
}

.news_top .time {
    background-image: url(../image/p8.png);
    font-size: 18px;
    padding-left: 30px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
    margin-right: 2.6vw;
    white-space: nowrap;
    color: #163c6d;
    margin-bottom: 1.04vw;
}

@media (max-width: 1680px) {
    .news_top .time {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_top .time {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_top .time {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_top .time {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_top .time {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_top .time {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_top .time {
        font-size: 14px;
    }
}

@media (max-width:1280px) {
    .news_top .time {
        padding-left: 20px;
        background-size: auto 14px;
    }
}

@media (max-width:1024px) {
    .news_top .time {
        padding-left: 18px;
        background-size: auto 12px;
    }
}

.news_top .info {
    font-size: 18px;
    line-height: 32px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media (max-width: 1680px) {
    .news_top .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_top .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_top .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_top .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_top .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_top .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_top .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .news_top .info {
        line-height: 26px;
    }
}

@media (max-width:1280px) {
    .news_top .info {
        line-height: 24px;
    }
}

@media (max-width:1024px) {
    .news_top .info {
        line-height: 22px;
    }
}

.news_top .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    left: 4.17vw;
    bottom: 3.65vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #163c6d;
    width: 190px;
    height: 50px;
    border: 1px solid #adadad;
    border-radius: 25px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 18px;
}

@media (max-width: 1680px) {
    .news_top .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_top .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_top .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_top .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_top .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_top .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_top .more {
        font-size: 14px;
    }
}

@media (max-width: 1680px) {
    .news_top .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_top .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_top .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_top .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_top .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_top .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_top .more {
        font-size: 14px;
    }
}

.news_top .more i {
    margin-left: 15px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    font-size: 20px;
}

@media (max-width: 1680px) {
    .news_top .more i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .news_top .more i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .news_top .more i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .news_top .more i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .news_top .more i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_top .more i {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .news_top .more {
        width: 160px;
        height: 40px;
        border-radius: 20px;
    }
}

@media (max-width:768px) {
    .news_top .more {
        width: 150px;
    }

    .news_top .more i {
        margin-left: 10px;
    }
}

@media (max-width:768px) {
    .news_top .left {
        width: 100%;
    }

    .news_top .right {
        width: 100%;
        padding: 15px 15px 70px;
    }

    .news_top .time {
        margin-bottom: 8px;
    }

    .news_top h3 {
        margin-bottom: 10px;
    }
}

.news_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: 60px;
    margin-bottom: 10px;
}

.news_list li {
    width: calc(33.33% - 26.67px);
    margin: 0 40px 40px 0;
}

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

.news_list li a {
    display: block;
    position: relative;
}

.news_list li a:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.news_list li a:hover .art .more {
    color: #163c6d;
}

.news_list li a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
    overflow: hidden;
}

.news_list li a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news_list li a .art {
    padding: 1.82vw 1.98vw 2.08vw;
    z-index: 2;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background: #fff;
    width: 100%;
}

.news_list li a .art h3 {
    font-size: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 26px;
    height: 52px;
    margin-bottom: 2.34vw;
}

@media (max-width: 1680px) {
    .news_list li a .art h3 {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .news_list li a .art h3 {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .news_list li a .art h3 {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .news_list li a .art h3 {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .news_list li a .art h3 {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_list li a .art h3 {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .news_list li a .art h3 {
        line-height: 24px;
        height: 48px;
    }
}

.news_list li a .art .bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.news_list li a .art .time {
    background-image: url(../image/p8_1.png);
    font-size: 18px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
    white-space: nowrap;
    color: #999999;
    margin-top: 2px;
}

@media (max-width: 1680px) {
    .news_list li a .art .time {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_list li a .art .time {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_list li a .art .time {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_list li a .art .time {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_list li a .art .time {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_list li a .art .time {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_list li a .art .time {
        font-size: 14px;
    }
}

@media (max-width:1280px) {
    .news_list li a .art .time {
        padding-left: 20px;
        background-size: auto 14px;
    }
}

@media (max-width:1024px) {
    .news_list li a .art .time {
        padding-left: 18px;
        background-size: auto 12px;
    }
}

.news_list li a .art .more {
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    color: #999999;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .news_list li a .art .more {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .news_list li a .art .more {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .news_list li a .art .more {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .news_list li a .art .more {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .news_list li a .art .more {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .news_list li a .art .more {
        font-size: 14px;
    }
}

.news_list li a .art .more i {
    font-size: 18px;
    margin-right: 10px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

@media (max-width: 1680px) {
    .news_list li a .art .more i {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_list li a .art .more i {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_list li a .art .more i {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_list li a .art .more i {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_list li a .art .more i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_list li a .art .more i {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_list li a .art .more i {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .news_list {
        margin-top: 50px;
    }

    .news_list li {
        width: calc(33.33% - 20px);
        margin: 0 30px 30px 0;
    }
}

@media (max-width:1280px) {
    .news_list {
        margin-top: 40px;
    }

    .news_list li {
        width: calc(33.33% - 13.33px);
        margin: 0 20px 20px 0;
    }
}

@media (max-width:768px) {
    .news_list {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .news_list li {
        width: 100%;
        margin-bottom: 15px;
    }

    .news_list li a .art {
        padding: 15px;
    }

    .news_list li a .art h3 {
        margin-bottom: 10px;
    }
}

.news_info {
    padding-top: 110px;
}

.news_info .crumbs a,
.news_info .crumbs i {
    color: #333;
}

.news_info .art {
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.news_info .art .left {
    width: 65%;
}

.news_info .art .left h2 {
    font-size: 40px;
    color: #333333;
    line-height: 1.2;
}

@media (max-width: 1680px) {
    .news_info .art .left h2 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .news_info .art .left h2 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .news_info .art .left h2 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .news_info .art .left h2 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .news_info .art .left h2 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .news_info .art .left h2 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .news_info .art .left h2 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .news_info .art .left h2 {
        font-size: 20px;
    }
}

.news_info .art .left .info {
    font-size: 18px;
    line-height: 30px;
    color: #999999;
}

@media (max-width: 1680px) {
    .news_info .art .left .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_info .art .left .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_info .art .left .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_info .art .left .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_info .art .left .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_info .art .left .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_info .art .left .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .news_info .art .left .info {
        line-height: 26px;
    }
}

@media (max-width:1280px) {
    .news_info .art .left .info {
        line-height: 24px;
    }
}

@media (max-width:768px) {
    .news_info .art .left .info {
        line-height: 22px;
    }
}

.news_info .art .left .time {
    background-image: url(../image/p8_1.png);
    font-size: 18px;
    padding-left: 30px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
    margin-right: 2.6vw;
    white-space: nowrap;
    color: #999999;
    margin-top: 15px;
}

@media (max-width: 1680px) {
    .news_info .art .left .time {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_info .art .left .time {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_info .art .left .time {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_info .art .left .time {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_info .art .left .time {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_info .art .left .time {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_info .art .left .time {
        font-size: 14px;
    }
}

@media (max-width:1280px) {
    .news_info .art .left .time {
        padding-left: 20px;
        background-size: auto 14px;
    }
}

@media (max-width:1024px) {
    .news_info .art .left .time {
        padding-left: 18px;
        background-size: auto 12px;
    }
}

@media (max-width:768px) {
    .news_info .art .left .time {
        margin-top: 10px;
    }
}

.news_info .art .line {
    width: 1px;
    height: 6.25vw;
    background: #e6e6e6;
}

.news_info .art .right {
    width: 20%;
}

.news_info .art .right p {
    font-size: 18px;
    color: #999999;
    margin-bottom: 15px;
}

@media (max-width: 1680px) {
    .news_info .art .right p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_info .art .right p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .news_info .art .right p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .news_info .art .right p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_info .art .right p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_info .art .right p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_info .art .right p {
        font-size: 14px;
    }
}

.news_info .art .right .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.news_info .art .right .share a {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news_info .art .right .share a:hover {
    opacity: 0.8;
}

@media (max-width:768px) {
    .news_info .art {
        padding: 0;
    }

    .news_info .art .left {
        width: 100%;
    }

    .news_info .art .line {
        display: none;
    }

    .news_info .art .right {
        width: 100%;
        margin: 10px 0 0;
    }

    .news_info .art .right p {
        margin-bottom: 10px;
    }

    .news_info .art .right .share {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .news_info .art .right .share a {
        margin-right: 15px;
    }
}

@media (max-width:1440px) {
    .news_info {
        padding-top: 80px;
    }

    .news_info .art {
        margin-top: 80px;
    }
}

@media (max-width:990px) {
    .news_info {
        padding-top: 55px;
    }

    .news_info .crumbs {
        top: 75px;
    }

    .news_info .art {
        margin-top: 0;
    }
}

.news_line {
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    margin: 2.86vw 0 2.34vw;
}

@media (max-width:768px) {
    .news_line {
        margin: 20px 0;
    }
}

.news_info2 {
    font-size: 18px;
    line-height: 32px;
    color: #999999;
    margin-bottom: 5.21vw;
}

@media (max-width: 1680px) {
    .news_info2 {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .news_info2 {
        font-size: 13.5px;
    }
}

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

@media (max-width: 1024px) {
    .news_info2 {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .news_info2 {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .news_info2 {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .news_info2 {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .news_info2 {
        line-height: 26px;
    }
}

@media (max-width:1280px) {
    .news_info2 {
        line-height: 24px;
    }
}

.news_info2 img {
    margin-top: 15px;
    margin-bottom: 15px;
    height: auto !important;
}

.news_info2 .my_btns a {
    background: #212227;
    color: #999999;
}

.news_info2 .my_btns a:hover {
    background: #163c6d;
    color: #fff;
}

@media (max-width:768px) {
    .news_info2 {
        margin-bottom: 40px;
    }
}

.service1 {
    background: #fff;
    padding: 3.65vw 4.69vw 4.69vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.service1 .img {
    position: absolute;
    left: 4.69vw;
    bottom: 0;
    transform: translateY(25%);
    z-index: -1;
    max-width: 14.58vw;
}

.service1 .left {
    width: 20%;
}

.service1 .right {
    width: 69%;
    font-size: 22px;
    color: #666666;
    line-height: 40px;
}

@media (max-width: 1680px) {
    .service1 .right {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .service1 .right {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .service1 .right {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .service1 .right {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .service1 .right {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .service1 .right {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .service1 .right {
        line-height: 30px;
    }
}

@media (max-width:1280px) {
    .service1 .right {
        line-height: 24px;
    }
}

.service1 h2 {
    font-size: 40px;
    line-height: 1.2;
}

@media (max-width: 1680px) {
    .service1 h2 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .service1 h2 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .service1 h2 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .service1 h2 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .service1 h2 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .service1 h2 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .service1 h2 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .service1 h2 {
        font-size: 20px;
    }
}

@media (max-width:768px) {
    .service1 {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        padding: 15px;
    }

    .service1 .img {
        max-width: 150px;
        left: auto;
        right: 15px;
    }

    .service1 .left {
        width: 100%;
        margin-bottom: 10px;
    }

    .service1 .right {
        width: 100%;
    }
}

.service2 {
    margin-top: 3.13vw;
}

.service2 .img {
    transform: translateY(27%);
}

.service2 .p1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.service2 .p1 img {
    margin-left: 20px;
    margin-right: 10px;
}

.service2 .box {
    margin-top: 1.3vw;
}

.service2 .box a {
    margin-right: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.service2 .box a img {
    width: 3.13vw;
    min-width: 40px;
}

.service2 .box a:hover {
    opacity: 0.8;
}

@media (max-width:768px) {
    .service2 .p1 span {
        width: 100%;
    }

    .service2 .p1 img {
        margin-left: 0;
        width: 14px;
        margin-top: 2px;
    }

    .service2 .box {
        margin-top: 15px;
    }

    .service2 .box a {
        margin-right: 15px;
    }
}

.faq {
    background-color: #fff;
    padding-top: 5.21vw;
}

.faq h2 {
    text-align: center;
    margin-bottom: 3.13vw;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width:768px) {
    .faq {
        padding-top: 40px;
    }

    .faq h2 {
        margin-bottom: 20px;
    }
}

.faq_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: -3.13vw;
}

.faq_list li {
    width: calc(50% - 1.56vw);
    background: #f5f5f5;
    padding: 3.39vw;
    margin-bottom: 3.13vw;
}

.faq_list .d1 {
    font-size: 22px;
    line-height: 40px;
    padding-left: 2.5vw;
    position: relative;
    color: #999999;
}

@media (max-width: 1680px) {
    .faq_list .d1 {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .faq_list .d1 {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .faq_list .d1 {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .faq_list .d1 {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .faq_list .d1 {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .faq_list .d1 {
        font-size: 16px;
    }
}

.faq_list .d1:before {
    position: absolute;
    left: 0;
    font-size: 33px;
    color: #999999;
    text-transform: uppercase;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .faq_list .d1:before {
        font-size: 28.875px;
    }
}

@media (max-width: 1440px) {
    .faq_list .d1:before {
        font-size: 24.75px;
    }
}

@media (max-width: 1280px) {
    .faq_list .d1:before {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .faq_list .d1:before {
        font-size: 17.6px;
    }
}

.faq_list .q {
    margin-bottom: 0.78vw;
}

.faq_list .q:before {
    content: 'q';
}

.faq_list .a {
    color: #333;
}

.faq_list .a:before {
    content: 'a';
    color: #163c6d;
}

@media (max-width:1440px) {
    .faq_list .d1 {
        line-height: 30px;
    }
}

@media (max-width:1280px) {
    .faq_list .d1 {
        line-height: 24px;
    }
}

@media (max-width:768px) {
    .faq_list {
        margin-bottom: -15px;
    }

    .faq_list li {
        width: 100%;
        padding: 15px;
        margin-bottom: 15px;
    }

    .faq_list .d1 {
        padding-left: 20px;
    }

    .faq_list .q {
        margin-bottom: 5px;
    }
}

.download {
    background-color: #fff;
    padding: 5.21vw 0 4.17vw;
}

.download h2 {
    text-align: center;
    margin-bottom: 3.13vw;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width:768px) {
    .download {
        padding: 40px 0;
    }

    .download h2 {
        margin-bottom: 20px;
    }
}

.down_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 4.69vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    min-height: 50px;
}

.down_list li a:hover {
    background: #222;
}

.down_list li a:hover span {
    color: #fff;
}

.down_list li a:hover span.s5 {
    background: #163c6d;
}

.down_list li a:hover span.s5 i {
    background: transparent;
}

.down_list li span {
    font-size: 18px;
    color: #222222;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .down_list li span {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .down_list li span {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .down_list li span {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .down_list li span {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .down_list li span {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .down_list li span {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .down_list li span {
        font-size: 14px;
    }
}

.down_list li span.s1 {
    width: 35%;
    font-size: 22px;
    padding-left: 3.39vw;
}

@media (max-width: 1680px) {
    .down_list li span.s1 {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .down_list li span.s1 {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .down_list li span.s1 {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .down_list li span.s1 {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .down_list li span.s1 {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .down_list li span.s1 {
        font-size: 16px;
    }
}

.down_list li span.s2 {
    width: 22%;
}

.down_list li span.s3 {
    width: 16%;
}

.down_list li span.s4 {
    width: 14.5%;
}

.down_list li span.s5 {
    width: 12.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}

.down_list li span.s5 i {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background: #222222;
    color: #fff;
    border-radius: 50%;
}

@media (max-width:768px) {

    .down_list li a span.s2,
    .down_list li a span.s3,
    .down_list li a span.s4 {
        display: none;
    }

    .down_list li a span.s1 {
        width: calc(100% - 50px);
    }

    .down_list li a span.s5 {
        width: 50px;
    }

    .down_list li a span.s5 i {
        width: 26px;
        height: 26px;
    }
}

.feedbacks {
    padding: 5.21vw 0 4.17vw;
}

.feedbacks h2 {
    text-align: center;
    margin-bottom: 3.13vw;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width:768px) {
    .feedbacks {
        padding: 40px 0;
    }

    .feedbacks h2 {
        margin-bottom: 20px;
    }
}

.form2 {
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
}

.download2 {
    padding-bottom: 5.21vw;
}

.download2 .down_list {
    margin-bottom: 2.6vw;
}

.download2 .down_list li a:hover {
    background: #fff;
}

.download2 .down_list li a:hover span {
    color: #333;
}

.download2 .down_list li a:hover span.s5 i {
    background: transparent;
}

.download2 .down_list li a span {
    color: #828282;
}

.download2 .down_list li a span.s5 i {
    background: #828282;
}

@media (max-width:768px) {
    .download2 {
        padding-bottom: 40px;
    }

    .download2 .down_list {
        margin-bottom: 15px;
    }
}

.faq2 {
    padding-bottom: 5.21vw;
}

.faq2 .faq_list {
    margin-bottom: 1.04vw;
}

.faq2 .faq_list li {
    background: #fff;
}

@media (max-width:768px) {
    .faq2 {
        padding-bottom: 40px;
    }

    .faq2 .faq_list {
        margin-bottom: 10px;
    }
}

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

.pro_top:hover .right .more {
    box-shadow: 0 0 30px 0 rgba(198, 0, 16, 0.35);
}

.pro_top .left {
    width: 45.5%;
}

.pro_top .left .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.pro_top .left .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    max-width: 60%;
    max-height: 60%;
}

.pro_top .right {
    width: 53%;
    padding-right: 4.17vw;
}

.pro_top .right h2 {
    font-size: 72px;
    line-height: 1.2;
    margin-top: -1.04vw;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .pro_top .right h2 {
        font-size: 63px;
    }
}

@media (max-width: 1440px) {
    .pro_top .right h2 {
        font-size: 54px;
    }
}

@media (max-width: 1280px) {
    .pro_top .right h2 {
        font-size: 48px;
    }
}

@media (max-width: 1024px) {
    .pro_top .right h2 {
        font-size: 38.4px;
    }
}

.pro_top .right h4 {
    font-size: 36px;
}

@media (max-width: 1680px) {
    .pro_top .right h4 {
        font-size: 31.5px;
    }
}

@media (max-width: 1440px) {
    .pro_top .right h4 {
        font-size: 27px;
    }
}

@media (max-width: 1280px) {
    .pro_top .right h4 {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .pro_top .right h4 {
        font-size: 19.2px;
    }
}

.pro_top .right .info {
    margin: 1.56vw 0 3.13vw;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 22px;
    line-height: 40px;
}

@media (max-width: 1680px) {
    .pro_top .right .info {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .pro_top .right .info {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .pro_top .right .info {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro_top .right .info {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .pro_top .right .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_top .right .info {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .pro_top .right .info {
        line-height: 30px;
    }
}

@media (max-width:1280px) {
    .pro_top .right .info {
        line-height: 24px;
    }
}

.pro_top .right .more {
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background: #163c6d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .pro_top .right .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro_top .right .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro_top .right .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro_top .right .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro_top .right .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_top .right .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro_top .right .more {
        font-size: 14px;
    }
}

.pro_top .right .more i {
    margin-right: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

@media (max-width:1440px) {
    .pro_top .right .more {
        width: 180px;
        height: 45px;
    }
}

@media (max-width:768px) {
    .pro_top {
        margin: 15px 0 20px;
    }

    .pro_top .left {
        width: 100%;
    }

    .pro_top .left .imgbox {
        padding-bottom: 66%;
    }

    .pro_top .left .imgbox img {
        max-height: 80%;
    }

    .pro_top .right {
        width: 100%;
        padding: 15px 15px 20px;
    }

    .pro_top .right .info {
        margin: 5px 0 15px;
    }

    .pro_top .right .more {
        width: 150px;
        height: 40px;
    }

    .pro_top .right .more i {
        margin-right: 10px;
    }
}

.pro_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 3.13vw;
}

.pro_list li {
    width: calc(50% - 2.6vw);
    margin-top: 5.21vw;
    background: #fff;
}
.fyq2 li {
    float: left;
}

.pro_list li a {
    display: block;
    position: relative;
}

.pro_list li a:hover .imgbox img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}

.pro_list li a:hover .art .more {
    background: #163c6d;
    color: #fff;
    border-color: #163c6d;
}

.pro_list li a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 94%;
    position: relative;
    overflow: hidden;
}

.pro_list li a .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    max-width: 90%;
    max-height: 90%;
}

.pro_list li a .art {
    padding: 0vw 3.13vw 2.6vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro_list li a .art .left {
    width: calc(100% - 200px);
}

.pro_list li a .art .left h3 {
    font-size: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .pro_list li a .art .left h3 {
        font-size: 31.5px;
    }
}

@media (max-width: 1440px) {
    .pro_list li a .art .left h3 {
        font-size: 27px;
    }
}

@media (max-width: 1280px) {
    .pro_list li a .art .left h3 {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .pro_list li a .art .left h3 {
        font-size: 19.2px;
    }
}

.pro_list li a .art .left p {
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .pro_list li a .art .left p {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .pro_list li a .art .left p {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .pro_list li a .art .left p {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro_list li a .art .left p {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .pro_list li a .art .left p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_list li a .art .left p {
        font-size: 16px;
    }
}

.pro_list li a .art .more {
    width: 190px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #adadad;
    border-radius: 25px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 18px;
}

@media (max-width: 1680px) {
    .pro_list li a .art .more {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro_list li a .art .more {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro_list li a .art .more {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro_list li a .art .more {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro_list li a .art .more {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_list li a .art .more {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro_list li a .art .more {
        font-size: 14px;
    }
}

.pro_list li a .art .more i {
    margin-right: 15px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    font-size: 20px;
}

@media (max-width: 1680px) {
    .pro_list li a .art .more i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .pro_list li a .art .more i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .pro_list li a .art .more i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .pro_list li a .art .more i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .pro_list li a .art .more i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_list li a .art .more i {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .pro_list li a .art .more {
        width: 160px;
        height: 40px;
        border-radius: 20px;
    }

    .pro_list li a .art .left {
        width: calc(100% - 170px);
    }
}

@media (max-width:768px) {
    .pro_list {
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .pro_list li {
        width: 100%;
        margin-top: 15px;
    }

    .pro_list li a .imgbox {
        padding-bottom: 66%;
    }

    .pro_list li a .art {
        padding: 0px 15px 20px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .pro_list li a .art .left {
        width: 100%;
        margin-bottom: 15px;
    }

    .pro_list li a .art .more {
        width: 150px;
    }
}

.app_h2 {
    font-size: 60px;
    font-family: "fra_m";
    font-weight: 400;
    line-height: 1.13;
}

@media (max-width: 1680px) {
    .app_h2 {
        font-size: 52.5px;
    }
}

@media (max-width: 1440px) {
    .app_h2 {
        font-size: 45px;
    }
}

@media (max-width: 1280px) {
    .app_h2 {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .app_h2 {
        font-size: 32px;
    }
}

@media (max-width:768px) {
    .app_h2 {
        font-size: 28px;
        line-height: 1.2;
    }
}

.app1 {
    padding: 5.73vw 0;
    background: #19191d;
}

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

.app1 .left {
    width: 48.1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.app1 .right {
    width: 51.9%;
    padding-left: 5.21vw;
    font-size: 18px;
    line-height: 30px;
    color: white;
}

.app1 .right h1{
    color: white;
    font-size: 39px;
    margin-bottom: 30px;
    font-weight: bold;
}
.app1 .right p{
    font-size: 18px;
    line-height: 30px;
    color: white;
}

.app1 h2 {
    color: #fff;
    margin-bottom: 2.6vw;
}

.app1 .info {
    font-size: 28px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1680px) {
    .app1 .info {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .app1 .info {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .app1 .info {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .app1 .info {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .app1 .info {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .app1 .info {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .app1 .info {
        font-size: 18px;
    }
}

@media (max-width:1440px) {
    .app1 .info {
        line-height: 1.4;
    }
}

@media (max-width:768px) {
    .app1 {
        padding: 40px 0;
    }

    .app1 .left {
        width: 100%;
        margin-bottom: 15px;
    }

    .app1 .right {
        width: 100%;
        padding-left: 0;
    }

    .app1 h2 p {
        display: inline-block;
    }

    .app1 .info {
        font-size: 16px;
        line-height: 24px;
    }
}

.app2 {
    padding: 5.47vw 0 5.99vw;
    overflow: hidden;
}

.app2 h2 {
    text-align: center;
}

@media (max-width:768px) {
    .app2 {
        padding: 40px 0;
    }
}

.app2_s {
    margin-top: 2.86vw;
}

.app2_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 72%;
    position: relative;
    overflow: hidden;
}

.app2_s a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.app2_s a p {
    font-size: 28px;
    margin-top: 1.56vw;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .app2_s a p {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .app2_s a p {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .app2_s a p {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .app2_s a p {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .app2_s a p {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .app2_s a p {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .app2_s a p {
        font-size: 18px;
    }
}

@media (max-width:768px) {
    .app2_s {
        margin-top: 20px;
    }
}

.app3 {
    overflow: hidden;
    position: relative;
}

.app3 .art {
    padding: 7.81vw 0 calc(8.85vw + 80px);
    color: #fff;
}

.app3 .art .info {
    font-size: 40px;
    line-height: 40px;
    width: 600px;
    max-width: 100%;
    margin-top: 1.04vw;
    margin-bottom: 2.6vw;
    height: 120px;
}

@media (max-width: 1680px) {
    .app3 .art .info {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .app3 .art .info {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .app3 .art .info {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .app3 .art .info {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .app3 .art .info {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .app3 .art .info {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .app3 .art .info {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .app3 .art .info {
        font-size: 20px;
    }
}

@media (max-width:1440px) {
    .app3 .art .info {
        line-height: 30px;
        height: 90px;
    }
}

@media (max-width:1280px) {
    .app3 .art .info {
        line-height: 26px;
        height: 78px;
    }
}

@media (max-width:768px) {
    .app3 .art .info {
        margin: 15px 0 30px;
        line-height: 24px;
        height: 72px;
    }
}

.app3 .art .box {
    width: 70px;
    height: 35px;
    position: relative;
}

.app3 .art .box .swiper-button-prev,
.app3 .art .box .swiper-button-next {
    color: #fff;
    height: 35px;
}

.app3 .art .box .swiper-button-prev:after,
.app3 .art .box .swiper-button-next:after {
    font-size: 30px;
}

@media (max-width: 1680px) {

    .app3 .art .box .swiper-button-prev:after,
    .app3 .art .box .swiper-button-next:after {
        font-size: 26.25px;
    }
}

@media (max-width: 1440px) {

    .app3 .art .box .swiper-button-prev:after,
    .app3 .art .box .swiper-button-next:after {
        font-size: 22.5px;
    }
}

@media (max-width: 1280px) {

    .app3 .art .box .swiper-button-prev:after,
    .app3 .art .box .swiper-button-next:after {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {

    .app3 .art .box .swiper-button-prev:after,
    .app3 .art .box .swiper-button-next:after {
        font-size: 16px;
    }
}

@media (max-width: 1680px) {

    .app3 .art .box .swiper-button-prev:after,
    .app3 .art .box .swiper-button-next:after {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {

    .app3 .art .box .swiper-button-prev:after,
    .app3 .art .box .swiper-button-next:after {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {

    .app3 .art .box .swiper-button-prev:after,
    .app3 .art .box .swiper-button-next:after {
        font-size: 18px;
    }
}

.app3 .art .box .swiper-button-prev {
    left: 0;
}

.app3 .art .box .swiper-button-next {
    right: 0;
}

.app3 .swiper-pagination {
    width: 100%;
    height: 2px;
    bottom: 80px;
    background: transparent;
}

.app3 .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #fff;
}

.app3 .app3_s2 {
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.app3 .app3_s2 .w1580 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.app3 .app3_s2 .w1580 a {
    text-align: center;
    width: 33.33%;
    color: #fff;
    font-size: 18px;
}

@media (max-width: 1680px) {
    .app3 .app3_s2 .w1580 a {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .app3 .app3_s2 .w1580 a {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .app3 .app3_s2 .w1580 a {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .app3 .app3_s2 .w1580 a {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .app3 .app3_s2 .w1580 a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .app3 .app3_s2 .w1580 a {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .app3 .app3_s2 .w1580 a {
        font-size: 14px;
    }
}

.app3 .app3_s .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width:1440px) {
    .app3 .art {
        padding: 7.81vw 0 calc(8.85vw + 60px);
    }

    .app3 .swiper-pagination {
        bottom: 60px;
    }

    .app3 .app3_s2 {
        height: 60px;
    }
}

@media (max-width:768px) {
    .app3 .art {
        padding: 40px 0 120px;
    }

    .app3 .app3_s2 .w1580 a {
        width: 30%;
    }
}

.app4 {
    padding-top: 4.69vw;
    background: #fff;
}

.app4 h2 {
    text-align: center;
}

.app4 .app4_s {
    margin-top: 2.08vw;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.app4 .app4_s:before {
    content: '';
    width: 100%;
    height: 145px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f5f5f5;
}

.app4 .app4_s .swiper-button-next,
.app4 .app4_s .swiper-button-prev {
    width: 80px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.app4 .app4_s .swiper-button-next:after,
.app4 .app4_s .swiper-button-prev:after {
    font-size: 30px;
}

@media (max-width: 1680px) {

    .app4 .app4_s .swiper-button-next:after,
    .app4 .app4_s .swiper-button-prev:after {
        font-size: 26.25px;
    }
}

@media (max-width: 1440px) {

    .app4 .app4_s .swiper-button-next:after,
    .app4 .app4_s .swiper-button-prev:after {
        font-size: 22.5px;
    }
}

@media (max-width: 1280px) {

    .app4 .app4_s .swiper-button-next:after,
    .app4 .app4_s .swiper-button-prev:after {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {

    .app4 .app4_s .swiper-button-next:after,
    .app4 .app4_s .swiper-button-prev:after {
        font-size: 16px;
    }
}

@media (max-width: 1680px) {

    .app4 .app4_s .swiper-button-next:after,
    .app4 .app4_s .swiper-button-prev:after {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {

    .app4 .app4_s .swiper-button-next:after,
    .app4 .app4_s .swiper-button-prev:after {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {

    .app4 .app4_s .swiper-button-next:after,
    .app4 .app4_s .swiper-button-prev:after {
        font-size: 18px;
    }
}

.app4 .app4_s .swiper-button-next:hover,
.app4 .app4_s .swiper-button-prev:hover {
    color: #163c6d;
}

.app4 .app4_s .swiper-button-next {
    right: 12.5%;
}

.app4 .app4_s .swiper-button-prev {
    left: 12.5%;
}

.app4 .app4_s .swiper-slide.swiper-slide-active a .art {
    opacity: 1;
}

.app4 .app4_s a {
    display: block;
    position: relative;
}

.app4 .app4_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 39.06%;
    position: relative;
    overflow: hidden;
}

.app4 .app4_s a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.app4 .app4_s a .art {
    width: 685px;
    height: 145px;
    left: 0;
    bottom: 0;
    position: absolute;
    max-width: 80%;
    background: rgba(245, 245, 245, 0.8);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.app4 .app4_s a .art span {
    width: 18%;
    text-align: center;
    font-size: 72px;
    color: #163c6d;
    font-family: "din_m";
    font-weight: 600;
    font-style: italic;
}

@media (max-width: 1680px) {
    .app4 .app4_s a .art span {
        font-size: 63px;
    }
}

@media (max-width: 1440px) {
    .app4 .app4_s a .art span {
        font-size: 54px;
    }
}

@media (max-width: 1280px) {
    .app4 .app4_s a .art span {
        font-size: 48px;
    }
}

@media (max-width: 1024px) {
    .app4 .app4_s a .art span {
        font-size: 38.4px;
    }
}

.app4 .app4_s a .art .info {
    width: 72%;
}

.app4 .app4_s a .art .info h3 {
    font-size: 30px;
    font-family: "fra_m";
    font-weight: 400;
    color: #212227;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}

@media (max-width: 1680px) {
    .app4 .app4_s a .art .info h3 {
        font-size: 26.25px;
    }
}

@media (max-width: 1440px) {
    .app4 .app4_s a .art .info h3 {
        font-size: 22.5px;
    }
}

@media (max-width: 1280px) {
    .app4 .app4_s a .art .info h3 {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    .app4 .app4_s a .art .info h3 {
        font-size: 16px;
    }
}

@media (max-width: 1680px) {
    .app4 .app4_s a .art .info h3 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .app4 .app4_s a .art .info h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .app4 .app4_s a .art .info h3 {
        font-size: 18px;
    }
}

.app4 .app4_s a .art .info p {
    font-size: 18px;
    line-height: 20px;
    height: 40px;
    color: #666666;
}

@media (max-width: 1680px) {
    .app4 .app4_s a .art .info p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .app4 .app4_s a .art .info p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .app4 .app4_s a .art .info p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .app4 .app4_s a .art .info p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .app4 .app4_s a .art .info p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .app4 .app4_s a .art .info p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .app4 .app4_s a .art .info p {
        font-size: 14px;
    }
}

@media (max-width:1680px) {
    .app4 .app4_s .swiper-button-next {
        right: 12%;
    }

    .app4 .app4_s .swiper-button-prev {
        left: 12%;
    }
}

@media (max-width:1440px) {

    .app4 .app4_s .swiper-button-prev,
    .app4 .app4_s .swiper-button-next {
        width: 60px;
    }

    .app4 .app4_s .swiper-button-next {
        right: 12.3%;
    }

    .app4 .app4_s .swiper-button-prev {
        left: 12.3%;
    }

    .app4 .app4_s:before {
        height: 125px;
    }

    .app4 .app4_s a .art {
        height: 125px;
    }
}

@media (max-width:1280px) {

    .app4 .app4_s .swiper-button-prev,
    .app4 .app4_s .swiper-button-next {
        width: 40px;
    }

    .app4 .app4_s .swiper-button-next {
        right: 13.2%;
    }

    .app4 .app4_s .swiper-button-prev {
        left: 13.2%;
    }

    .app4 .app4_s:before {
        height: 105px;
    }

    .app4 .app4_s a .art {
        height: 105px;
    }

    .app4 .app4_s a .art .info h3 {
        margin-bottom: 0;
    }
}

@media (max-width:768px) {
    .app4 {
        padding-top: 40px;
    }

    .app4 .app4_s {
        margin-top: 20px;
        padding: 0 20px;
    }

    .app4 .app4_s .swiper-button-prev,
    .app4 .app4_s .swiper-button-next {
        width: 20px;
    }

    .app4 .app4_s .swiper-button-next {
        right: 0;
    }

    .app4 .app4_s .swiper-button-prev {
        left: 0;
    }

    .app4 .app4_s a .imgbox {
        padding-bottom: 60%;
    }

    .app4 .app4_s a .art {
        position: relative;
        max-width: 100%;
        width: 100%;
        background: #fff;
    }

    .app4 .app4_s a .art span {
        margin-right: 10px;
    }

    .app4 .app4_s a .art .info p {
        height: 60px;
        overflow-y: auto;
        padding-right: 5px;
    }
}

.app5 {
    padding: 5.21vw 0;
}

.app5 .app_h2 {
    text-align: center;
}

.app5 .box {
    background: #fff;
    padding: 0 6.25vw;
    margin-bottom: 5.21vw;
}

.app5 .box .left {
    width: 43.5%;
}

.app5 .box .right {
    width: 53%;
}

@media (max-width:768px) {
    .app5 {
        padding: 40px 0;
    }

    .app5 .box {
        padding: 0;
        margin-bottom: 30px;
    }

    .app5 .box .left {
        width: 100%;
    }

    .app5 .box .right {
        width: 100%;
    }
}

.app6 {
    position: relative;
    z-index: 1;
    padding: 5.47vw 0 6.51vw;
}

.app6 .img2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.app6 .con {
    width: 720px;
    max-width: 80%;
    margin: 0 auto;
}

.app6 .con .info {
    font-size: 22px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.3);
    position: relative;
}

@media (max-width: 1680px) {
    .app6 .con .info {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .app6 .con .info {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .app6 .con .info {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .app6 .con .info {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .app6 .con .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .app6 .con .info {
        font-size: 16px;
    }
}

.app6 .con .info p {
    margin-bottom: 0.78vw;
}

.app6 .con .info .img3 {
    position: absolute;
    width: 2.08vw;
    min-width: 15px;
    left: -5.73vw;
    top: 0;
}

.app6 .con .info .img4 {
    left: auto;
    right: -5.21vw;
    top: auto;
    bottom: 0;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

@media (max-width:1440px) {
    .app6 .con .info {
        line-height: 26px;
    }
}

@media (max-width:1280px) {
    .app6 .con .info {
        line-height: 24px;
    }
}

.app6 .con h2 {
    font-size: 40px;
    color: #fff;
    font-family: "fra_m";
    font-weight: 400;
    line-height: 1.2;
    margin-top: 1.82vw;
}

@media (max-width: 1680px) {
    .app6 .con h2 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .app6 .con h2 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .app6 .con h2 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .app6 .con h2 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .app6 .con h2 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .app6 .con h2 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .app6 .con h2 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .app6 .con h2 {
        font-size: 20px;
    }
}

.app6 .con h4 {
    font-size: 28px;
    color: #fff;
}

@media (max-width: 1680px) {
    .app6 .con h4 {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .app6 .con h4 {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .app6 .con h4 {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .app6 .con h4 {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .app6 .con h4 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .app6 .con h4 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .app6 .con h4 {
        font-size: 18px;
    }
}

@media (max-width:768px) {
    .app6 {
        padding: 50px 0;
    }

    .app6 .con {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    .app6 .con .info p {
        margin-bottom: 5px;
    }

    .app6 .con .info .img3 {
        display: none;
    }

    .app6 .con h2 {
        margin-top: 15px;
    }
}

.app7 {
    background: #fff;
    padding: 4.43vw 0 5.21vw;
    overflow: hidden;
}

.app7 h2 {
    text-align: center;
}

.app7 .case_s {
    margin-top: 2.08vw;
}

.app7 .case_s a {
    display: block;
    position: relative;
}

.app7 .case_s a:before {
    content: '';
    width: 0;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #163c6d;
    z-index: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.app7 .case_s a:hover:before {
    width: 100%;
}

.app7 .case_s a:hover .imgbox {
    padding-bottom: calc(75% - 44px);
}

.app7 .case_s a:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.app7 .case_s a:hover .art {
    background: #f8f8f8;
}

.app7 .case_s a:hover .art p {
    max-height: 44px;
    height: 44px;
}

.app7 .case_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.app7 .case_s a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.app7 .case_s a .art {
    background: #fafafa;
    padding: 1.82vw 2.34vw 2.08vw;
    position: relative;
}

.app7 .case_s a .art h3 {
    font-size: 28px;
    color: #222222;
    font-family: "got_b";
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .app7 .case_s a .art h3 {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .app7 .case_s a .art h3 {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .app7 .case_s a .art h3 {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .app7 .case_s a .art h3 {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .app7 .case_s a .art h3 {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .app7 .case_s a .art h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .app7 .case_s a .art h3 {
        font-size: 18px;
    }
}

.app7 .case_s a .art .other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 5px 0 10px;
}

.app7 .case_s a .art .other span {
    padding-left: 25px;
    margin-right: 1.56vw;
    font-size: 14px;
    font-family: "fra_b";
    font-weight: 300;
    margin-bottom: 5px;
}

.app7 .case_s a .art .other span:last-child {
    margin-right: 0;
}

.app7 .case_s a .art .other .s1 {
    background: url(../image/i7.png) no-repeat left center;
}

.app7 .case_s a .art .other .s2 {
    background: url(../image/i8.png) no-repeat left center;
}

.app7 .case_s a .art .other .s3 {
    background: url(../image/i9.png) no-repeat left center;
}

.app7 .case_s a .art .other .s4 {
    background: url(../image/i10.png) no-repeat left center;
}

.app7 .case_s a .art p {
    font-size: 16px;
    line-height: 22px;
    height: auto;
    max-height: 0;
    color: #a4abb8;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 22;
    overflow: hidden;
}

@media (max-width: 1680px) {
    .app7 .case_s a .art p {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .app7 .case_s a .art p {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .app7 .case_s a .art p {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .app7 .case_s a .art p {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .app7 .case_s a .art p {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .app7 .case_s a .art p {
        font-size: 14px;
    }
}

@media (max-width:1280px) {
    .app7 .case_s a:before {
        height: 3px;
    }

    .app7 .case_s a .art .other {
        margin-bottom: 5px;
    }
}

@media (max-width:768px) {
    .app7 {
        padding: 40px 0;
    }

    .app7 .case_s {
        margin-top: 20px;
    }

    .app7 .case_s a:before {
        width: 100%;
        height: 2px;
    }

    .app7 .case_s a:hover .imgbox {
        padding-bottom: 75%;
    }

    .app7 .case_s a .art {
        padding: 15px;
    }

    .app7 .case_s a .art .other {
        margin-bottom: 5px;
    }

    .app7 .case_s a .art .other span {
        width: 50%;
        padding-left: 20px;
        margin-right: 0;
        background-size: auto 14px !important;
    }

    .app7 .case_s a .art p {
        max-height: 44px;
    }
}

.pro1 {
    position: relative;
}

.pro1 .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro1 .img img {
    width: 100%;
    object-fit: cover;
}

.pro1 h2 {
    font-size: 100px;
    font-family: "fra_m";
    font-weight: 400;
    color: #fff;
    position: absolute;
    bottom: 8%;
    width: 100%;
    left: 0;
    text-align: center;
}

@media (min-width: 769px) and (max-width: 990px) {
    .pc{
        min-height: 0;
    }
}
@media (max-width: 1680px) {
    .pro1 h2 {
        font-size: 87.5px;
    }
}

@media (max-width: 1440px) {
    .pro1 h2 {
        font-size: 75px;
    }
}

@media (max-width: 1280px) {
    .pro1 h2 {
        font-size: 66.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro1 h2 {
        font-size: 53.33333333px;
    }
}

.pro1 .line {
    width: 2px;
    height: 2.4vw;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    min-height: 30px;
}

.pro1 .line:before {
    content: '';
    width: 100%;
    height: 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    animation: line 5s infinite;
}

@media (max-width:990px) {
    .pro1 .art h2 {
        font-size: 28px;
    }

    .pro1 .line {
        display: none;
    }
}

.pro2 {
    background: #19191d;
    height: 80px;
    position: relative;
}

.pro2:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.1);
}

.pro2 .w1580 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.pro2 .crumbs {
    position: relative;
    top: auto;
    width: auto;
}

.pro2 .crumbs a,
.pro2 .crumbs i {
    color: #a4abb8;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.pro2 .crumbs a:hover {
    color: #fff;
}

.pro2 .right {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}

.pro2 .right a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    color: #494950;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-right: 3.13vw;
    position: relative;
    font-size: 18px;
    white-space: nowrap;
}

@media (max-width: 1680px) {
    .pro2 .right a {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro2 .right a {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro2 .right a {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro2 .right a {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro2 .right a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro2 .right a {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro2 .right a {
        font-size: 14px;
    }
}

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

.pro2 .right a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.pro2 .right a:hover,
.pro2 .right a.on {
    color: #fff;
}

.pro2 .right a:hover:before,
.pro2 .right a.on:before {
    width: 100%;
    left: 0;
}

@media (max-width:1440px) {
    .pro2 {
        height: 60px;
    }
}

@media (max-width:768px) {
    .pro2 {
        height: 50px;
        overflow-x: auto;
    }

    .pro2 .crumbs {
        display: none;
    }
}

.about_h2 {
    font-size: 72px;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .about_h2 {
        font-size: 63px;
    }
}

@media (max-width: 1440px) {
    .about_h2 {
        font-size: 54px;
    }
}

@media (max-width: 1280px) {
    .about_h2 {
        font-size: 48px;
    }
}

@media (max-width: 1024px) {
    .about_h2 {
        font-size: 38.4px;
    }
}

@media (max-width:768px) {
    .about_h2 {
        font-size: 38px;
    }
}

.pro3 {
    background: #19191d;
    padding-top: 4.69vw;
}

.pro3 .w1580 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro3 h2 {
    color: #fff;
}

.pro3 h3 {
    font-size: 36px;
    color: #fff;
}

@media (max-width: 1680px) {
    .pro3 h3 {
        font-size: 31.5px;
    }
}

@media (max-width: 1440px) {
    .pro3 h3 {
        font-size: 27px;
    }
}

@media (max-width: 1280px) {
    .pro3 h3 {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .pro3 h3 {
        font-size: 19.2px;
    }
}

.pro3 .info {
    font-size: 22px;
    line-height: 40px;
    color: #999999;
    text-align: center;
    width: 1000px;
    max-width: 100%;
    margin: 1.56vw 0 2.6vw;
}

@media (max-width: 1680px) {
    .pro3 .info {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .pro3 .info {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .pro3 .info {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro3 .info {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .pro3 .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro3 .info {
        font-size: 16px;
    }
}

@media (max-width:1440px) {
    .pro3 .info {
        line-height: 30px;
    }
}

@media (max-width:1280px) {
    .pro3 .info {
        line-height: 24px;
    }
}

.pro3 .down_a {
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    padding: 1.25vw 2.8vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #fff;
}

@media (max-width: 1680px) {
    .pro3 .down_a {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .pro3 .down_a {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .pro3 .down_a {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro3 .down_a {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .pro3 .down_a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro3 .down_a {
        font-size: 16px;
    }
}

.pro3 .down_a img {
    margin-right: 15px;
}

.pro3 .down_a:hover {
    box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.2);
}

.pro3 .img {
    margin-top: 5.47vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 80%;
}

@media (max-width:768px) {
    .pro3 {
        padding-top: 40px;
    }

    .pro3 .info {
        margin: 15px 0 25px;
    }

    .pro3 .down_a {
        padding: 10px 25px;
    }

    .pro3 .down_a img {
        height: 20px;
    }

    .pro3 .img {
        margin-top: 30px;
    }
}

.pro4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.pro4:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 12.66vw;
    height: 12.66vw;
    min-width: 150px;
    min-height: 150px;
    background: url(../image/play2.png) no-repeat center;
    background-size: 100% 100%;
}

.pro5 {
    padding: 5.21vw 0;
    background: url(../image/p28.png) no-repeat center #19191d;
}

@media (max-width:768px) {
    .pro5 {
        padding: 40px 0 25px;
    }
}

.pro5_s {
    overflow: hidden;
}

.pro5_s .swiper-slide {
    height: 640px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 300px;
}

.pro5_s .swiper-slide img {
    max-height: 90%;
}

@media (max-width:1700px) {
    .pro5_s .swiper-slide {
        height: 37.6vw;
    }
}

.pro5_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 1.56vw;
}

.pro5_list a {
    width: 280px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 35px;
    margin: 0 1.04vw;
    background: #212227;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 1680px) {
    .pro5_list a {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro5_list a {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro5_list a {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro5_list a {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro5_list a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro5_list a {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro5_list a {
        font-size: 14px;
    }
}

.pro5_list a span {
    width: calc(100% - 20px);
}

.pro5_list a i {
    width: 20px;
    font-size: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: transform 0.2s;
}

@media (max-width: 1680px) {
    .pro5_list a i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .pro5_list a i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .pro5_list a i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .pro5_list a i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .pro5_list a i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro5_list a i {
        font-size: 16px;
    }
}

.pro5_list a.on {
    background: #163c6d;
    border-radius: 5px;
    color: #fff;
}

.pro5_list a.on i {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

@media (min-width: 768px) {
    .pro5_list a:hover {
        background: #163c6d;
        border-radius: 5px;
        color: #fff;
    }

    .pro5_list a:hover i {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}

@media (max-width:1440px) {
    .pro5_list a {
        width: 260px;
        height: 60px;
        padding: 0 25px;
    }
}

@media (max-width:768px) {
    .pro5_list {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        margin-top: 20px;
    }

    .pro5_list a {
        width: calc(50% - 7.5px);
        height: 45px;
        padding: 0 15px;
        margin: 0 15px 15px 0;
    }

    .pro5_list a:nth-child(2n) {
        margin-right: 0;
    }
}

.pro6 {
    padding: 7.81vw 0 5.73vw;
}

.pro6 h2 {
    text-align: center;
}

@media (max-width:768px) {
    .pro6 {
        padding: 40px 0;
    }
}

.pro6_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: 3.65vw;
}

.pro6_list li {
    width: 25%;
    padding: 0 2.6vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 4.69vw;
    cursor: pointer;
}

.pro6_list li:hover .icon {
    background: #163c6d;
}

.pro6_list li:hover .icon .img1 {
    opacity: 0;
}

.pro6_list li:hover .icon .img2 {
    opacity: 1;
}

.pro6_list li .icon {
    width: 4.17vw;
    height: 4.17vw;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-right: 1.3vw;
    position: relative;
}

.pro6_list li .icon img {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    max-width: 50%;
    max-height: 50%;
}

.pro6_list li .icon .img1 {
    opacity: 1;
}

.pro6_list li .icon .img2 {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    max-width: 50%;
    max-height: 50%;
}

.pro6_list li .art {
    font-size: 18px;
    width: calc(100% - 5.47vw);
}

@media (max-width: 1680px) {
    .pro6_list li .art {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro6_list li .art {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro6_list li .art {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro6_list li .art {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro6_list li .art {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro6_list li .art {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro6_list li .art {
        font-size: 14px;
    }
}

@media (max-width:1280px) {
    .pro6_list li .icon {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }

    .pro6_list li .art {
        width: calc(100% - 60px);
    }
}

@media (max-width:768px) {
    .pro6_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: -15px;
    }

    .pro6_list li {
        width: calc(50% - 7.5px);
        padding: 0;
        margin-bottom: 15px;
    }

    .pro6_list li .icon {
        width: 45px;
        height: 45px;
        margin-right: 10px;
    }

    .pro6_list li .art {
        line-height: 18px;
        width: calc(100% - 55px);
    }
}

.pro7 {
    padding: 4.69vw 0 3.13vw;
    background: #eeeeee;
}

.pro7 h2 {
    text-align: center;
}

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

.pro7 .box ul {
    width: 50%;
}

.pro7 .box ul li {
    width: 50%;
}

.pro7 .box ul li.on .icon {
    background: #163c6d;
}

.pro7 .box ul li.on .icon .img1 {
    opacity: 0;
}

.pro7 .box ul li.on .icon .img2 {
    opacity: 1;
}

.pro7 .box .right {
    width: 50%;
}

.pro7 .box .right .pro7_s {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pro7 .box .right .pro7_s .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro7 .box .right img {
    max-width: 80%;
    max-height: 31.41vw;
}

@media (max-width:768px) {
    .pro7 {
        padding: 40px 0;
    }

    .pro7 .box ul {
        width: 100%;
        margin-bottom: 15px;
    }

    .pro7 .box .right {
        width: 100%;
    }

    .pro7 .box .right img {
        max-height: 200px;
    }
}

.pro8 {
    padding-top: 4.69vw;
    position: relative;
    z-index: 2;
}

.pro8 h2 {
    text-align: center;
}

.pro8 .h_info {
    width: 1280px;
    max-width: 100%;
    margin: 20px auto 4.69vw;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: #999999;
}

@media (max-width: 1680px) {
    .pro8 .h_info {
        font-size: 19.25px;
    }
}

@media (max-width: 1440px) {
    .pro8 .h_info {
        font-size: 16.5px;
    }
}

@media (max-width: 1280px) {
    .pro8 .h_info {
        font-size: 14.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro8 .h_info {
        font-size: 11.73333333px;
    }
}

@media (max-width: 1680px) {
    .pro8 .h_info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro8 .h_info {
        font-size: 16px;
    }
}

.pro8 .item_a {
    width: 100%;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.pro8 .item_a a {
    width: 345px;
    height: 4.17vw;
    background: #eeeeee;
    margin: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #666666;
    font-size: 18px;
    padding: 0 40px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    min-height: 50px;
}

@media (max-width: 1680px) {
    .pro8 .item_a a {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro8 .item_a a {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro8 .item_a a {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro8 .item_a a {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro8 .item_a a {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro8 .item_a a {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro8 .item_a a {
        font-size: 14px;
    }
}

.pro8 .item_a a:hover,
.pro8 .item_a a.on {
    background: #163c6d;
    border-radius: 10px;
    color: #fff;
}

.pro8 .item_a a:hover i,
.pro8 .item_a a.on i {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: transform 0.2s;
}

.pro8 .item_a a span {
    width: calc(100% - 20px);
}

.pro8 .item_a a i {
    width: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

@media (max-width:1440px) {
    .pro8 .h_info {
        line-height: 30px;
    }

    .pro8 .item_a a {
        margin: 0 15px;
        padding: 0 30px;
    }
}

@media (max-width:1280px) {
    .pro8 .h_info {
        line-height: 26px;
    }

    .pro8 .item_a a {
        margin: 0 10px;
        padding: 0 20px;
    }
}

@media (max-width:768px) {
    .pro8 {
        padding-top: 40px;
    }

    .pro8 h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .pro8 .h_info {
        margin: 15px 0 45px;
    }

    .pro8 .item_a {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .pro8 .item_a a {
        margin: 0;
        padding: 0 10px;
        width: calc(33.33% - 7.5px);
        font-size: 14px;
    }

    .pro8 .item_a a span {
        width: 100%;
    }

    .pro8 .item_a a i {
        display: none;
    }
}

.pro_list1 {
    position: relative;
    z-index: 1;
}

.pro_list1 li {
    position: relative;
    height: 36.46vw;
    width: 100%;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro_list1 li:nth-child(2n) .imgbox {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.pro_list1 li .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

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

.pro_list1 li .imgbox {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro_list1 li .imgbox img {
    max-width: 80%;
    max-height: 80%;
}

.pro_list1 li .art {
    width: 50%;
}

.pro_list1 li .art h3 {
    font-size: 40px;
    color: #fff;
    text-align: left;
    line-height: 1.2;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .pro_list1 li .art h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .pro_list1 li .art h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .pro_list1 li .art h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro_list1 li .art h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .pro_list1 li .art h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .pro_list1 li .art h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .pro_list1 li .art h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .pro_list1 li .art h3 {
        font-size: 20px;
    }
}

.pro_list1 li .art .info {
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: #fff;
    margin-top: 2vw;
}

@media (max-width: 1680px) {
    .pro_list1 li .art .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro_list1 li .art .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro_list1 li .art .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro_list1 li .art .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro_list1 li .art .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_list1 li .art .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro_list1 li .art .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .pro_list1 li .art .info {
        line-height: 30px;
    }
}

@media (max-width:1280px) {
    .pro_list1 li .art .info {
        line-height: 26px;
    }
}

@media (max-width:768px) {
    .pro_list1 li .art .info {
        line-height: 24px;
    }
}

@media (max-width:768px) {
    .pro_list1 li {
        padding: 40px 0;
    }

    .pro_list1 li .imgbox {
        width: 100%;
        height: 150px;
        margin-bottom: 20px;
    }

    .pro_list1 li .art {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        height: 150;
    }

    .pro_list1 li .art .info {
        max-height: 120px;
        overflow-y: auto;
        padding-right: 5px;
    }
}

.pro_list2 li {
    position: relative;
    z-index: 1;
    height: 31.25vw;
    min-height: 300px;
    background: #f5f5f5;
}

.pro_list2 li:nth-child(2n) .img {
    right: auto;
    left: 0;
}

.pro_list2 li:nth-child(2n) .w1580 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.pro_list2 li:nth-child(2n) .w1580 .art {
    text-align: right;
    padding-right: 0;
    padding-left: 4.69vw;
}

.pro_list2 li:nth-child(2n) .w1580 .art .info {
    text-align: right;
}

.pro_list2 li .img {
    width: 50%;
    height: 100%;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;
}

.pro_list2 li .w1580 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.pro_list2 li .w1580 .art {
    width: 50%;
    padding-right: 4.69vw;
    height: 100%;
    padding-top: 5.47vw;
}

.pro_list2 li .w1580 .art h1 {
    font-size: 40px;
    line-height: 1.2;
    font-family: "fra_m";
    font-weight: 400;
}

.pro_list2 li .w1580 .art h3 {
    font-size: 40px;
    line-height: 1.2;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .pro_list2 li .w1580 .art h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .pro_list2 li .w1580 .art h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .pro_list2 li .w1580 .art h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro_list2 li .w1580 .art h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .pro_list2 li .w1580 .art h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .pro_list2 li .w1580 .art h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .pro_list2 li .w1580 .art h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .pro_list2 li .w1580 .art h3 {
        font-size: 20px;
    }
}

.pro_list2 li .w1580 .art .info {
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: black;
    margin-top: 2.08vw;
}

@media (max-width: 1680px) {
    .pro_list2 li .w1580 .art .info {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro_list2 li .w1580 .art .info {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro_list2 li .w1580 .art .info {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro_list2 li .w1580 .art .info {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro_list2 li .w1580 .art .info {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_list2 li .w1580 .art .info {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro_list2 li .w1580 .art .info {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .pro_list2 li .w1580 .art .info {
        line-height: 30px;
    }
}

@media (max-width:1280px) {
    .pro_list2 li .w1580 .art .info {
        line-height: 26px;
    }
}

@media (max-width:768px) {
    .pro_list2 li .w1580 .art .info {
        line-height: 24px;
    }
}

.pro_list2 li .w1580 .art .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 2.08vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.pro_list2 li .w1580 .art .items .item .imgbox {
    width: 100%;
    height: 7.29vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro_list2 li .w1580 .art .items .item .imgbox img {
    max-width: 80%;
    max-height: 80%;
}

.pro_list2 li .w1580 .art .items .item p {
    text-align: center;
    font-size: 14px;
    color: #222222;
    line-height: 16px;
    width: 100px;
    max-width: 100%;
    margin: 0 auto;
}

@media (max-width:768px) {
    .pro_list2 li {
        padding: 220px 0 30px;
        height: auto;
    }

    .pro_list2 li .img {
        top: 0;
        right: auto;
        left: 0;
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    .pro_list2 li .w1580 .art {
        width: 100%;
        padding-right: 0;
    }

    .pro_list2 li .w1580 .art .items {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .pro_list2 li:nth-child(2n) .w1580 .art {
        text-align: left;
        padding-left: 0;
    }

    .pro_list2 li:nth-child(2n) .w1580 .art .info {
        text-align: left;
    }
}

.pro_list3 {
    padding: 40px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.pro_list3 li {
    width: calc(50% - 20px);
    background: #f5f5f5;
    padding: 3.13vw 4.17vw;
}

.pro_list3 li .imgbox {
    height: 16.93vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 150px;
}

.pro_list3 li .imgbox img {
    max-width: 80%;
    max-height: 80%;
}

.pro_list3 li .art {
    margin-top: 1.56vw;
}

.pro_list3 li .art h3 {
    font-size: 40px;
    font-family: "fra_m";
    font-weight: 400;
}

@media (max-width: 1680px) {
    .pro_list3 li .art h3 {
        font-size: 35px;
    }
}

@media (max-width: 1440px) {
    .pro_list3 li .art h3 {
        font-size: 30px;
    }
}

@media (max-width: 1280px) {
    .pro_list3 li .art h3 {
        font-size: 26.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro_list3 li .art h3 {
        font-size: 21.33333333px;
    }
}

@media (max-width: 1680px) {
    .pro_list3 li .art h3 {
        font-size: 34px;
    }
}

@media (max-width: 1440px) {
    .pro_list3 li .art h3 {
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    .pro_list3 li .art h3 {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .pro_list3 li .art h3 {
        font-size: 20px;
    }
}

.pro_list3 li .art p {
    font-size: 18px;
    line-height: 32px;
    text-align: left;
    color: #999999;
}

@media (max-width: 1680px) {
    .pro_list3 li .art p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro_list3 li .art p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro_list3 li .art p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro_list3 li .art p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro_list3 li .art p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro_list3 li .art p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro_list3 li .art p {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .pro_list3 li .art p {
        line-height: 30px;
    }
}

@media (max-width:1280px) {
    .pro_list3 li .art p {
        line-height: 26px;
    }
}

@media (max-width:768px) {
    .pro_list3 li .art p {
        line-height: 24px;
    }
}

@media (max-width:1440px) {
    .pro_list3 {
        padding: 30px;
    }

    .pro_list3 li {
        width: calc(50% - 15px);
    }
}

@media (max-width:1280px) {
    .pro_list3 {
        padding: 20px;
    }

    .pro_list3 li {
        width: calc(50% - 10px);
    }
}

@media (max-width:768px) {
    .pro_list3 li {
        width: 100%;
        margin-bottom: 15px;
        padding: 20px 15px;
    }

    .pro_list3 li .art p {
        line-height: 22px;
    }
}

.pro9 {
    padding: 5.21vw 0;
    background: #19191d;
}

.pro9 h2 {
    text-align: center;
    font-family: "fra_m";
    font-weight: 400;
    color: #fff;
}

.pro9 .table {
    width: 100%;
    overflow-x: auto;
    margin-top: 2.08vw;
}

.pro9 .table table {
    width: auto;
    min-width: 600px;
    margin: 0 auto;
}

.pro9 .table table td {
    border: 1px solid #212227;
    color: #aaaaaa;
    font-size: 16px;
    padding: 15px 20px;
    width: auto;
}

@media (max-width: 1680px) {
    .pro9 .table table td {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .pro9 .table table td {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {
    .pro9 .table table td {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro9 .table table td {
        font-size: 8.53333333px;
    }
}

@media (max-width: 1680px) {
    .pro9 .table table td {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    .pro9 .table table td {
        font-size: 14px;
    }
}

.pro9 .table table td:first-child {
    color: #505057;
    min-width: 200px;
}

@media (max-width:768px) {
    .pro9 {
        padding: 40px 0 20px;
    }

    .pro9 .table {
        margin-top: 20px;
    }
}

.pro10 {
    padding: 1.04vw 0 7.03vw;
    background: #19191d;
}

.pro10 h2 {
    text-align: center;
    font-family: "fra_m";
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}

.pro10 .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 3.13vw;
}

.pro10 .img img {
    max-width: 80%;
}

.pro10 .tableauto{
    width: 95%!important;
    overflow: auto;
}

.pro10 .tableauto table{
    margin: 0 auto;
}


.pro10 .tableauto::-webkit-scrollbar {
    height: 15px;
}

.pro10 .tableauto::-webkit-scrollbar-thumb {
    background: #888; 
}

.pro10 .tableauto::-webkit-scrollbar-thumb:hover {
    background: #555; 
}


@media (max-width:768px) {
    .pro10 {
        padding: 20px 0 40px;
    }

    .pro10 .img {
        margin-top: 30px;
    }
}

.pro11 {
    padding: 5.21vw 0 6.25vw;
    background: #f5f5f5;
    overflow: hidden;
}

.pro11 h2 {
    text-align: center;
    font-family: "fra_m";
    font-weight: 400;
}

.pro11 .pro11_s {
    padding: 0 40px;
    margin-top: 2.6vw;
    position: relative;
}

.pro11 .pro11_s .swiper-pagination {
    display: none;
}

.pro11 .pro11_s a {
    position: relative;
    display: block;
}

.pro11 .pro11_s a:hover .imgbox img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.pro11 .pro11_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 66.67%;
    position: relative;
    overflow: hidden;
}

.pro11 .pro11_s a .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.pro11 .pro11_s a p {
    font-size: 42px;
    color: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 2.86vw 3.13vw;
}

@media (max-width: 1680px) {
    .pro11 .pro11_s a p {
        font-size: 36.75px;
    }
}

@media (max-width: 1440px) {
    .pro11 .pro11_s a p {
        font-size: 31.5px;
    }
}

@media (max-width: 1280px) {
    .pro11 .pro11_s a p {
        font-size: 28px;
    }
}

@media (max-width: 1024px) {
    .pro11 .pro11_s a p {
        font-size: 22.4px;
    }
}

@media (max-width:1440px) {
    .pro11 .pro11_s {
        padding: 0 30px;
    }
}

@media (max-width:1280px) {
    .pro11 .pro11_s {
        padding: 0 20px;
    }
}

@media (max-width:768px) {
    .pro11 {
        padding: 40px 0 60px;
    }

    .pro11 .pro11_s {
        margin-top: 20px;
    }

    .pro11 .pro11_s .swiper-pagination {
        display: block;
        bottom: -30px;
    }

    .pro11 .pro11_s .swiper-pagination span {
        background: #163c6d;
    }

    .pro11 .pro11_s a p {
        padding: 10px 15px;
    }
}

.pro12 {
    padding: 100px 0;
    background: #fff;
}

.pro12 h2 {
    text-align: center;
    font-family: "fra_m";
    font-weight: 400;
}

.pro12 .pro12_s {
    margin-top: 1.04vw;
    position: relative;
}

.pro12 .pro12_s .swiper {
    overflow: hidden;
}

.pro12 .pro12_s .swiper-pagination {
    display: none;
    text-align: center;
    width: 100%;
}

.pro12 .pro12_s .swiper-pagination span {
    margin: 0 4px;
}

.pro12 .pro12_s a:hover .imgbox img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}

.pro12 .pro12_s a .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.pro12 .pro12_s a .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.pro12 .pro12_s a p {
    text-align: center;
    font-size: 28px;
}

@media (max-width: 1680px) {
    .pro12 .pro12_s a p {
        font-size: 24.5px;
    }
}

@media (max-width: 1440px) {
    .pro12 .pro12_s a p {
        font-size: 21px;
    }
}

@media (max-width: 1280px) {
    .pro12 .pro12_s a p {
        font-size: 18.66666667px;
    }
}

@media (max-width: 1024px) {
    .pro12 .pro12_s a p {
        font-size: 14.93333333px;
    }
}

@media (max-width: 1680px) {
    .pro12 .pro12_s a p {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .pro12 .pro12_s a p {
        font-size: 22px;
    }
}

@media (max-width: 1024px) {
    .pro12 .pro12_s a p {
        font-size: 18px;
    }
}

@media (max-width:768px) {
    .pro12 {
        padding: 40px 0 60px;
    }

    .pro12 .pro12_s {
        margin-top: 20px;
    }

    .pro12 .pro12_s .swiper-pagination {
        display: block;
        bottom: -30px;
    }

    .pro12 .pro12_s .swiper-pagination span {
        background: #163c6d;
    }

    .pro12 .pro12_s a .imgbox {
        padding-bottom: 80%;
    }

    .pro12 .pro12_s a p {
        padding: 10px 15px;
    }
}

.pro13 {
    background: #f1f3f7;
    padding: 5.21vw 0 6.25vw;
}

@media (max-width:768px) {
    .pro13 {
        padding: 40px 0;
    }
}

.pro14 {
    background: #fff;
    padding: 5.21vw 0 8.33vw;
}

@media (max-width:768px) {
    .pro14 {
        padding: 40px 0;
    }
}

.pro15 {
    padding: 4.17vw 0;
    line-height: 32px;
}

.pro15 p {
    font-size: 18px;
    color: #999999;
}

@media (max-width: 1680px) {
    .pro15 p {
        font-size: 15.75px;
    }
}

@media (max-width: 1440px) {
    .pro15 p {
        font-size: 13.5px;
    }
}

@media (max-width: 1280px) {
    .pro15 p {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .pro15 p {
        font-size: 9.6px;
    }
}

@media (max-width: 1680px) {
    .pro15 p {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .pro15 p {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .pro15 p {
        font-size: 14px;
    }
}

@media (max-width:1440px) {
    .pro15 {
        line-height: 26px;
    }
}

@media (max-width:1280px) {
    .pro15 {
        line-height: 24px;
    }
}

.pro15 img {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width:768px) {
    .pro15 {
        padding: 40px 0;
    }

    .pro15 img {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.search_box {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19;
    background: #fff;
    padding-top: 100px;
    display: none;
    overflow: hidden;
}

.search_box .search_main {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}

.search_box .search_head {
    width: 100%;
    height: auto;
    flex: 1;
    overflow: hidden;
}

.search_box .search_head .search_main {
    width: 100%;
    height: auto;
    margin: 2.6vw auto;
    overflow: hidden;
}

.search_box .search_head .search_main .search_form {
    width: 100%;
    height: 80px;
    overflow: hidden;
}

.search_box .search_head .search_main .search_form form {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #f5f5f5;
    overflow: hidden;
}

.search_box .search_head .search_main .search_form form .layui_icon {
    width: 120px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #999;
    overflow: hidden;
}

.search_box .search_head .search_main .search_form form .layui_icon i {
    font-size: 30px;
}

.search_box .search_head .search_main .search_form form .layui_input {
    flex: 1;
}

.search_box .search_head .search_main .search_form form .layui_input .layui-input {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    padding: 0 20px 0 0;
    background: none;
    font-size: 24px;
    overflow: hidden;
}

.search_box .search_head .search_main .search_form form .layui_submit {
    width: 20%;
    max-width: 200px;
    height: 100%;
    overflow: hidden;
}

.search_box .search_head .search_main .search_form form .layui_submit .layui-btn {
    width: 100%;
    height: 100%;
    background: #163c6d;
    font-size: 24px;
    color: #fff;
}

.search_box .search_head .search_main .search_hot {
    width: 100%;
    height: auto;
    margin: 1.5vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
}

.search_box .search_head .search_main .search_hot .title {
    line-height: 2;
    font-size: 18px;
    color: #999;
}

.search_box .search_head .search_main .search_hot .details {
    margin-left: 20px;
    flex: 1;
}

.search_box .search_head .search_main .search_hot .details a {
    margin-right: 20px;
    padding-right: 20px;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    color: #999;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    line-height: 2;
    font-size: 18px;
}

.search_box .search_head .search_main .search_hot .details a::after {
    content: '';
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    margin-top: -5px;
    background: #999;
}

.search_box .search_head .search_main .search_hot .details a:last-child::after {
    padding: 0;
    display: none;
}

.search_box .search_head .search_main .search_hot .details a:hover {
    color: #163c6d;
}

.search_box .search_head .search_main .search_title {
    width: 100%;
    height: auto;
    margin-top: 3vw;
    padding-bottom: 20px;
    font-size: 30px;
    color: #000;
    border-bottom: 2px solid #eee;
    overflow: hidden;
}

.search_box .search_head .search_main .search_info {
    width: 100%;
    height: auto;
    margin-top: 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}

.search_box .search_head .search_main .search_info .menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.search_box .search_head .search_main .search_info .menu ul li {
    margin-right: 3vw;
}

.search_box .search_head .search_main .search_info .menu ul li a {
    font-size: 18px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.search_box .search_head .search_main .search_info .menu ul li a:hover {
    color: #163c6d;
}

.search_box .search_head .search_main .search_info .menu ul li ul {
    display: block;
    margin-top: 20px;
}

.search_box .search_head .search_main .search_info .menu ul li ul li {
    margin: 10px 0 0;
}

.search_box .search_head .search_main .search_info .menu ul li ul li a {
    line-height: 1;
    font-size: 14px;
    color: #999;
}

.search_box .search_head .search_main .search_info .menu ul li ul li:first-child {
    margin-top: 0;
}

.search_box .search_head .search_main .search_info .menu ul li:last-child {
    margin-right: 0;
}

.search_box .search_head .search_main .search_info .follow_box {
    width: auto;
    height: auto;
}

.search_box .search_head .search_main .search_info .follow_box .title {
    font-size: 18px;
    color: #000;
    text-align: right;
}

.search_box .search_head .search_main .search_info .follow_box .icons {
    width: 100%;
    margin-top: 20px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.search_box .search_head .search_main .search_info .follow_box .icons .icon {
    max-width: 35px;
    font-size: 0;
    margin-right: 12px;
    overflow: hidden;
}

.search_box .search_head .search_main .search_info .follow_box .icons .icon a {
    filter: brightness(80%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.search_box .search_head .search_main .search_info .follow_box .icons .icon:last-child {
    margin-right: 0;
}

.search_box .search_head .search_main .search_info .follow_box .icons .icon:hover a {
    filter: brightness(40%);
}

.search_box .search_body {
    width: 100%;
    height: auto;
    background: url('../image/coloedfdfbag1.jpg') no-repeat center / cover;
    overflow: hidden;
}

.search_box .search_body .body_main {
    width: 100%;
    height: auto;
    margin: 1.5vw auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.search_box .search_body .body_main .s_contact {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.search_box .search_body .body_main .s_contact .s_content {
    width: auto;
    height: auto;
}

.search_box .search_body .body_main .s_contact .s_content .title {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    opacity: 0.8;
}

.search_box .search_body .body_main .s_contact .s_content .phone {
    margin-top: 5px;
    font-size: 24px;
    color: #fff;
}

.search_box .search_body .body_main .s_contact .more {
    width: auto;
    height: 50px;
    margin-left: 5vw;
    overflow: hidden;
}

.search_box .search_body .body_main .s_contact .more a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    padding: 0 20px;
    border-radius: 6px;
    background: #fff;
    color: #163c6d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.search_box .search_body .body_main .s_contact .more a .icon i {
    font-size: 24px;
}

.search_box .search_body .body_main .s_contact .more a .title {
    margin-left: 10px;
    font-size: 16px;
    white-space: nowrap;
}

.search_box .search_body .body_main .s_contact .more a:hover {
    border-radius: 50px;
}

.search_box .search_body .body_main .close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
}

.search_box .search_body .body_main .close .title {
    font-size: 18px;
    margin-right: 20px;
}

.search_box .search_body .body_main .close .icon {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.search_box .search_body .body_main .close .icon i {
    font-size: 18px;
}

.search_box .search_body .body_main .close:hover .icon {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

@media (max-width:1440px) {
    .search_box .search_head .search_main .search_form {
        height: 70px;
    }

    .search_box .search_head .search_main .search_form form .layui_icon i {
        font-size: 24px;
    }

    .search_box .search_head .search_main .search_form form .layui_input .layui-input {
        font-size: 18px;
    }

    .search_box .search_head .search_main .search_form form .layui_submit .layui-btn {
        font-size: 18px;
    }

    .search_box .search_head .search_main .search_hot .title,
    .search_box .search_head .search_main .search_hot .details a {
        font-size: 16px;
    }

    .search_box .search_head .search_main .search_title {
        font-size: 24px;
        padding-bottom: 12px;
    }

    .search_box .search_head .search_main .search_info .menu ul li a {
        font-size: 16px;
    }

    .search_box .search_head .search_main .search_info .menu ul li ul li a {
        font-size: 13px;
    }

    .search_box .search_head .search_main .search_info .follow_box .title {
        font-size: 16px;
    }
}

@media (max-width:1200px) {
    .search_box .search_head .search_main .search_form {
        height: 60px;
    }

    .search_box .search_head .search_main .search_form form .layui_icon i {
        font-size: 20px;
    }

    .search_box .search_head .search_main .search_form form .layui_input .layui-input {
        font-size: 16px;
    }

    .search_box .search_head .search_main .search_form form .layui_submit .layui-btn {
        font-size: 16px;
    }

    .search_box .search_head .search_main .search_hot .title,
    .search_box .search_head .search_main .search_hot .details a {
        font-size: 14px;
    }

    .search_box .search_head .search_main .search_title {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .search_box .search_head .search_main .search_info .menu ul li a {
        font-size: 14px;
    }

    .search_box .search_head .search_main .search_info .menu ul li ul li a {
        font-size: 12px;
    }

    .search_box .search_head .search_main .search_info .follow_box .title {
        font-size: 14px;
    }

    .search_box .search_head .search_main .search_info .follow_box .icons .icon {
        max-width: 30px;
    }
}

.kf {
    position: fixed;
    right: -68px;
    bottom: 1%;
    width: 60px;
    padding: 15px 0 0;
    background: #163c6d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 999;
    border-radius: 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #163c6d;
}

.kf.on {
    right: 0px;
}

.kf .item {
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    width: 100%;
    height: 30px;
}

.kf .item.gotop {
    border-top: 1px solid #f0f0f0;
    margin-bottom: 0;
    width: 53px;
    height: auto;
}

.kf .item.gotop .itembox {
    background: transparent !important;
    box-shadow: none !important;
}

.kf .item .itembox {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 0 auto 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    background: #fff;
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 15px 0px rgba(152, 152, 152, 0.15);
}

.kf .item .itembox img {
    display: block;
}

.kf .item .itembox img.on {
    display: none;
}

.kf .item .itembox {
    background: transparent;
}

.kf .item .itembox i {
    font-size: 20px;
    color: #fff;
}

.kf .item .itembox i.tranRo {
    transform: rotate(180deg);
}

@media (max-width: 1680px) {
    .kf .item .itembox i {
        font-size: 17.5px;
    }
}

@media (max-width: 1440px) {
    .kf .item .itembox i {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    .kf .item .itembox i {
        font-size: 13.33333333px;
    }
}

@media (max-width: 1024px) {
    .kf .item .itembox i {
        font-size: 10.66666667px;
    }
}

@media (max-width: 1680px) {
    .kf .item .itembox i {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .kf .item .itembox i {
        font-size: 16px;
    }
}

.kf .item p {
    font-size: 14px;
    color: #777777;
    text-align: center;
    width: 100%;
}

.kf .item .box {
    position: absolute;
    right: -350px;
    height: 70px;
    color: #e21727;
    padding: 0 25px;
    text-align: center;
    line-height: 64px;
    font-size: 30px;
    font-family: 'din_b';
    white-space: nowrap;
    top: 50%;
    margin-top: -35px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #f0f0f0;
    opacity: 0;
}

.kf .item .box2 {
    position: absolute;
    right: -150px;
    width: 134px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #d8d8d8;
    background: #ffffff;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.kf .item .box2 img {
    width: 134px;
    height: 134px;
    display: block;
}

.kf .item .box2 p {
    font-size: 16px;
    height: 40px;
    border-top: 1px solid #d8d8d8;
    line-height: 40px;
    text-align: center;
}

.kf .item:hover .box {
    right: 66px;
    background: #fff;
    opacity: 1;
}

.kf .item:hover .box2 {
    right: 70px;
}

.kf .item:hover p {
    color: #e21727;
}

.kf .item:hover .itembox {
    background: rgba(255, 255, 255, 0.35);
    box-shadow: 0px 0px 15px 0px rgba(226, 23, 39, 0.3);
}

.kf .item:hover .itembox img {
    display: none;
}

.kf .item:hover .itembox img.on {
    display: block;
}

.kefu {
    display: none;
    position: fixed;
    width: 240px;
    overflow: hidden;
    z-index: 400;
    background: rgba(0, 0, 0, 0.5);
    left: 50%;
    margin-left: -120px;
    bottom: 35px;
    padding: 8px 0;
    transition: all 0.2s;
}

.kefu li {
    width: 40px;
    float: left;
    border-left: 1px solid #fff;
}

.kefu li:first-child {
    border-left: none;
}

.kefu li a {
    font-size: 20px;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: white;
}

@media (max-width: 768px) {
    .kf {
        display: none;
    }

    .kefu {
        display: block;
    }
}



/*# sourceMappingURL=./style.css.map */