@charset "UTF-8";



.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(/images/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(/images/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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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(/images/j1.jpg) no-repeat center / cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
}

.pro_index .swiper-slide a .imgbox {
    height: 62vh;
    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%;
}

.pro_index .swiper-slide a h2 {
    font-size: 42px;
    color: #222222;
    font-family: "poppins";
    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: #206BBA;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.pro_index .swiper-slide a h3 {
    font-size: 22px;
    color: #999999;
    font-family: "poppins";
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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(../images/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(../images/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: #206BBA;
        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: #206BBA;
    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(/images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition: transform 0.5s;
}

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

.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: #206BBA;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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(../images/i7.png) no-repeat left center;
}

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

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

.case_index .case_tabb .case_s a .art .other .s4 {
    background: url(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition: transform 0.5s;
}

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

.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: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

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

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    z-index: 1;
    border-radius: 15px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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%;
}
/*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: #206BBA;
}

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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

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

footer .foot1 .w1580 .right button:hover {
    background: #fff;
    color: #206BBA;
}

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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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: underline;
    margin-right: 15px;
}

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

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

.nav_info.nav_info2 .right {
    width: auto;
}

@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 a {
    padding-bottom: 5px;
    position: relative;
    white-space: nowrap;
    margin-left: 1.56vw;
    font-size: 22px;
}

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

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

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

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

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

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

.nav_info .right a:first-child {
    margin-left: 0;
}

.nav_info .right a:hover,
.nav_info .right a.on {
    color: #206BBA;
}

.nav_info .right a:hover:before,
.nav_info .right a.on:before {
    width: 100%;
    left: 0;
}

.nav_info .right a:before {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #206BBA;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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 a {
        margin-left: 15px;
        line-height: 30px;
        font-size: 15px;
    }

    .nav_info .right 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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
}

@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(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.about3 .about3_s2 .swiper .swiper-slide.swiper-slide-active {
    color: #206BBA;
}

.about3 .about3_s2 .swiper .swiper-slide.swiper-slide-active:before {
    background: #206BBA;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: relative;
    z-index: 1;
    padding: 5.73vw 0;
}

.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;
    height: 540px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #206BBA transparent;
}

.about5 .about5_list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #e0e3e7;
}

.about5 .about5_list::-webkit-scrollbar-thumb {
    background-color: #206BBA;
    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: 30px;
    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: #206BBA 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: #206BBA;
        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: #206BBA;
    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: #206BBA;
    height: 2px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
    color: #fff;
    border-color: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.factory_info_list li .imgbox:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    top: 0;
    left: 0;
    background: url(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.factory_info_list li p:after {
    width: 0;
    background: #206BBA;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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: #206BBA;
    color: #fff;
    border-color: #206BBA;
}

.fyq2 .layui-laypage .layui-laypage-curr .layui-laypage-em {
    display: none;
}

.fyq2 .layui-laypage .layui-laypage-curr em {
    background: #206BBA;
    color: #fff;
    border-color: #206BBA;
}

.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: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    color: #fff;
    border-color: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
}

@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: #206BBA;
    width: 190px;
    height: 50px;
    border: 1px solid #adadad;
    border-radius: 25px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    border-color: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.rd3_s a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg3.png) no-repeat center / cover;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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: #206BBA;
    color: #fff;
    border-color: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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(../images/p6.png);
}

.case_top .other .p2 {
    background-image: url(../images/p7.png);
}

.case_top .other .p3 {
    background-image: url(../images/p8.png);
}

.case_top .other .p4 {
    background-image: url(../images/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: #206BBA;
    width: 190px;
    height: 50px;
    border: 1px solid #adadad;
    border-radius: 25px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.case_list li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg4.png) no-repeat center / cover;
    z-index: 1;
}

.case_list li a .art {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 3.13vw;
    z-index: 2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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(../images/p6.png);
}

.case_list li a .art .other .p2 {
    background-image: url(../images/p7.png);
}

.case_list li a .art .other .p3 {
    background-image: url(../images/p8.png);
}

.case_list li a .art .other .p4 {
    background-image: url(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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(../images/p6.png);
}

.case_info .other .p2 {
    background-image: url(../images/p7.png);
}

.case_info .other .p3 {
    background-image: url(../images/p8.png);
}

.case_info .other .p4 {
    background-image: url(../images/p9.png);
}

.case_info .other .p5 {
    background-image: url(../images/p15.png);
}

.case_info .other .p6 {
    background-image: url(../images/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: #f5f5f5;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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: #206BBA;
    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: #206BBA;
    color: #fff;
    border-color: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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(../images/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: #206BBA;
    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: #206BBA;
    width: 190px;
    height: 50px;
    border: 1px solid #adadad;
    border-radius: 25px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.news_list li a .art {
    padding: 1.82vw 1.98vw 2.08vw;
    z-index: 2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
}

.down_list li a:hover span.s5 i {
    background: transparent;
}

.down_list li span {
    font-size: 18px;
    color: #222222;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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;
}

.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: #206BBA;
    color: #fff;
    border-color: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    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: #206BBA;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

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

.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(../images/i7.png) no-repeat left center;
}

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

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

.app7 .case_s a .art .other .s4 {
    background: url(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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;
    min-height: 250px;
}

.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 (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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 12.66vw;
    height: 12.66vw;
    min-width: 150px;
    min-height: 150px;
    background: url(../images/play2.png) no-repeat center;
    background-size: 100% 100%;
}

.pro5 {
    padding: 5.21vw 0;
    background: url(../images/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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@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.5s;
}

@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: #206BBA;
    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: #206BBA;
        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: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 1.3vw;
    position: relative;
}

.pro6_list li .icon img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
    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.5s;
}

.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 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: #999999;
    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;
}

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

@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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
    }

    .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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: #206BBA;
    }

    .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: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.search_box .search_head .search_main .search_info .menu ul li a:hover {
    color: #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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('../images/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: #206BBA;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.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: 20%;
    width: 60px;
    padding: 15px 0 0;
    background: #206BBA;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #206BBA;
}

.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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    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.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

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

.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 */