:root {
    --main: #004ea2;
    --main2: 0, 78, 162;
}

.cw1800 {
    max-width: 1800px;
    width: 92%;
    margin: auto;
}

@media (max-width: 1440px) {

    .cw1200,
    .cw1400,
    .cw1600,
    .cw1800 {
        width: 90%;
    }
}

@media (max-width: 1280px) {

    .cw1200,
    .cw1400,
    .cw1600,
    .cw1800 {
        width: 85%;
    }
}

@media (max-width: 992px) {

    .cw1200,
    .cw1400,
    .cw1600,
    .cw1800 {
        width: 88%;
    }
}

@media (max-width: 530px) {

    .cw1200,
    .cw1400,
    .cw1600,
    .cw1800 {
        width: 85%;
    }
}

body {
    overflow-x: hidden;
}


/* 椤甸潰鍏叡鏍囬鏍峰紡 */
.topTitle {
    font-size: 46px;
    line-height: 65px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

.topBrief {
    margin-top: 30px;
    font-size: 18px;
    line-height: 35px;
    color: var(--main);
}

.font_jt_svg {
    width: 15px !important;
    height: 15px !important;
}

@media (max-width: 1536px) {
    .topTitle {
        font-size: 44px;
        line-height: 1.5em;
    }

    .topBrief {
        margin-top: 25px;
        font-size: 16px;
        line-height: 1.5em;
    }
}

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

@media (max-width: 1200px) {
    .topTitle {
        font-size: 40px;
    }

    .topBrief {
        margin-top: 15px;
        font-size: 14px;
    }
}

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

@media (max-width: 992px) {
    .topTitle {
        font-size: 0.298rem;
    }

    .topBrief {
        margin-top: 0.15rem;
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    .topTitle {
        font-size: 0.42rem;
    }

    .topBrief {
        font-size: 0.16rem;
    }
}

@media (max-width: 576px) {
    .scrollbar::-webkit-scrollbar {
        width: 6px;
    }

    .topTitle {
        font-size: 0.42rem;
    }

    .topBrief {
        font-size: 0.26rem;
    }
}


/* 杞挱鍏叡鎸夐挳 */
.left_right_btn {
    width: 52px !important;
    height: 52px !important;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--main);
    position: relative;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_right_btn::before,
.left_right_btn::after {
    display: none;
}

.left_right_btn_svg {
    width: auto;
    height: max-content;
    fill: var(--main);
}

.left_right_btn.prev .left_right_btn_svg {
    transform: rotate(180deg) scale(1);
}

.left_right_btn.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

.left_right_btn:hover {
    background-color: var(--main);
}

.left_right_btn:hover .left_right_btn_svg {
    fill: #fff;
}

@media (max-width: 1366px) {
    .left_right_btn {
        width: 48px !important;
        height: 48px !important;
    }
}

@media (max-width: 768px) {
    .left_right_btn {
        width: 5vw !important;
        height: 5vw !important;
    }

    .left_right_btn:hover {
        background-color: #fff;
    }

    .left_right_btn:hover .left_right_btn_svg {
        fill: var(--main);
    }
}

@media (max-width: 576px) {
    .left_right_btn {
        width: 6.5vw !important;
        height: 6.5vw !important;
    }
}

@media (max-width: 530px) {
    .left_right_btn {
        width: 7vw !important;
        height: 7vw !important;
    }

    .left_right_btn_svg {
        transform: scale(0.85);
    }

    .left_right_btn.prev .left_right_btn_svg {
        transform: rotate(180deg) scale(0.85);
    }
}



/* 澶撮儴 */
#header {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    /* overflow: hidden; */
}

#header .header {
    width: 100%;
    height: 100px;
}

#header .header.index {
    height: 100px;
}

#header .logo {
    width: 252px;
    /* height: 61px; */
}

#header .back {
    margin-right: 30px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--main);
}

#header .back .svg {
    width: 50%;
    height: 50%;
}

#header_overlay {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    z-index: 5;
    border-bottom: 1px solid transparent;
}

#header_overlay.cur {
    transform: translateY(0);
    border-color: #f2f2f2;
}

@media (max-width: 768px) {
    #header .back {
        margin-right: 3vw;
        width: 5.5vw;
        height: 5.5vw;
    }

    #header .logo {
        width: 130px;
        height: 35px;
    }

    #header .header_btn_mb {
        display: flex;
    }

    #header .header_btn_mb .icon {
        width: 5.5vw;
        height: 5.5vw;
    }

    #header .header_btn_mb .svg {
        width: 100%;
        height: 100%;
        fill: var(--main);
    }

    #header .header_btn_mb .close {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.8);
        z-index: 2;
    }
}

@media (max-width: 576px) {

    #header .header,
    #header .header.index {
        height: 65px;
    }

    #header .back {
        margin-right: 2vw;
        width: 6.5vw;
        height: 6.5vw;
    }

    #header .logo {
        width: max-content;
        height: 6vw;
    }
}

@media (max-width: 530px) {
    #header .logo {
        width: max-content;
        height: 7vw;
    }

    #header .header_btn_mb .icon {
        width: 6vw;
        height: 6vw;
    }
}



/* 鑿滃崟鏍忔寜閽� */
#header_btn {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transform-origin: bottom left;
    z-index: 201;
    background-color: var(--main);
    border: none;
    padding: 35px 18px 44px;
    box-shadow: 10px 17.321px 30px 0px rgba(0, 37, 76, 0.2);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#header_btn:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -43%;
    top: -1px;
    z-index: 1;
    background-color: var(--main);
    transform: skewX(-8.5deg);
    transform-origin: top left;
    transition: all .4s ease;
    border: 1px solid #fff;
    border-left: 0;
}

#header_btn:hover:after {
    right: -60%;
}

#header_btn .icon {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 2;
}

#header_btn .text {
    margin-top: 15px;
    position: relative;
    z-index: 2;
    font-size: 0;
}

#header_btn .text span {
    writing-mode: vertical-rl;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    font-family: "MiSans-Medium";
}

#header_btn .close {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#header_btn.cur .open {
    opacity: 0;
}

#header_btn.cur .close {
    opacity: 1;
}

@media (max-width: 1440px) {
    #header_btn {
        padding: 37px 13px 40px
    }

    #header_btn .text span {
        font-size: 18px;
    }

    #header_btn:after {
        right: -50%;
    }
}

@media (max-width: 1366px) {
    #header_btn {
        padding: 30px 13px 35px;
    }

    #header_btn:after {
        width: 70%;
        right: -40%;
        transform: skewX(-8deg);
    }
}

@media (max-width: 1280px) {
    #header_btn {
        border: 0;
    }

    #header_btn:after {
        display: none;
    }

    #header_btn .text span {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    #header_btn {
        padding: 4vw 1vw;
    }

    #header_btn .text {
        margin-top: 0;
    }

    #header_btn .text span {
        display: none;
    }
}

@media (max-width: 768px) {
    #header_btn {
        display: none;
    }
}




/* 鑿滃崟鏍� */
.header_menu_back {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: hsla(0, 0%, 100%, .9);
    transition: opacity .4s ease, visibility .4s ease .4s;
    visibility: hidden;
    z-index: 199;
}

.header_menu_back.open {
    opacity: 1;
    transition: opacity .4s ease, visibility .4s ease;
    visibility: visible;
}

#header_menu {
    padding: 65px 90px 195px 120px;
    max-width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #002e5c, #0051a0);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    transition: transform .5s ease-out;
    z-index: 200;
    color: #fff;
}

#header_menu:before {
    content: "";
    display: block;
    width: 15.9451vh;
    height: 100%;
    background: linear-gradient(0deg, #002e5c, #0051a0);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 51;
    transform-origin: bottom;
    transition: transform .5s ease-out;
    z-index: 1;
}

#header_menu.open {
    transform: none;
}

#header_menu.open:before {
    transform: skewX(-8.5deg);
}

#header_menu .form {
    width: 240px;
    height: 50px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    position: relative;
    z-index: 2;
}

#header_menu .form .input {
    width: calc(100% - 60px);
    height: calc(100% - 2px);
    padding-left: 23px;
}

#header_menu .form input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #ffff;
}

#header_menu .form input::placeholder {
    color: #fff;
}

#header_menu .form .submit {
    width: 60px;
    height: calc(100% - 2px);
    background: url(/images/header-search.svg) no-repeat center center;
}

#header_menu .nav {
    margin-top: 55px;
    height: 100%;
}

#header_menu .inner {
    height: 100%;
}

#header_menu .listInner {
    height: calc(100% - 65px);
    overflow-y: auto;
}

#header_menu li {
    list-style: none;
}

#header_menu .name {
    width: 100%;
    position: relative;
}

#header_menu .name.first i {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 1;
}

#header_menu .link {
    display: inline-block;
    margin-top: 32px;
    padding-right: 18px;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    font-family: "MiSans-Medium";
    background: url(/images/header-jt.svg) no-repeat center right;
    opacity: 1;
    transition: opacity .3s ease-out;
}

#header_menu .link.nobg {
    background-image: none;
}

#header_menu .name.first .link {
    margin-top: 0;
}

#header_menu .name.itemOneName.first i {
    display: none;
}

#header_menu .inner.one {
    width: 200px;
}

#header_menu .listOne {
    width: 200px;
    height: 100%;
}

#header_menu .listTwo {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

#header_menu .listTwo .link {
    padding-left: 20px;
}

#header_menu .listThree {
    position: absolute;
    top: 0;
    left: 0;
    width: 305px;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

#header_menu .listThree .link {
    padding-left: 20px;
}

#header_menu .listFour {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}

#header_menu .listFour .link {
    padding-left: 20px;
}

#header_menu .list {
    z-index: 0;
}

#header_menu .active .list {
    z-index: 5;
}

#header_menu .inner.two {
    width: 490px;
}

#header_menu .inner.two .listTwo,
#header_menu .inner.three .listTwo,
#header_menu .inner.four .listTwo {
    left: 200px;
    width: 200px;
    pointer-events: auto;
}

#header_menu .inner.three {
    width: 840px;
}

#header_menu .inner.three .listThree,
#header_menu .inner.four .listThree {
    left: 200px;
    /*width: 280px;*/
    width: 380px;
    pointer-events: auto;
}

#header_menu .inner.industry {
    width: 665px;
}

#header_menu .item.industry .listThree {
    width: 200px;
}

#header_menu .inner.four {
    width: 1050px;
}

#header_menu .inner.four .listFour {
    left: 400px;
    width: 200px;
    pointer-events: auto;
}

#header_menu .item.other {
    margin-top: 100px;
}

#header_menu .item.other li {
    margin-top: 17px;
}

#header_menu .item.other li:first-child {
    margin-top: 0;
}

#header_menu .item.other a {
    font-size: 16px;
    line-height: 26px;
}

#header_menu .language {
    margin-top: 30px;
    width: 17px;
    height: 17px;
}

#header_menu .item .itemOneName .link.on,
#header_menu .item.active .itemOneName .link,
#header_menu .item.active .listTwo.open .itemTwoName .link.on,
#header_menu .item.active .listTwo.open .item.active .itemTwoName .link,
#header_menu .item.active .listTwo.open .listThree.open .itemThreeName .link.on,
#header_menu .item.active .listTwo.open .listThree.open .item.active .itemThreeName .link,
#header_menu .item.active .listTwo.open .listThree.open .listFour.open .name .link.on {
    opacity: 1 !important;
}


#header_menu .scrollbar::-webkit-scrollbar {
    background: transparent;
}

#header_menu .scrollbar::-webkit-scrollbar-thumb {
    background: #fff;
}

@media (max-width: 1680px) {
    #header_menu {
        padding: 60px 40px 100px 100px;
    }

    #header_menu .listInner {
        height: calc(100% - 9vw);
    }

    #header_menu .link {
        margin-top: 25px;
    }
}

@media (max-width: 1440px) {
    #header_menu .inner.three {
        width: 700px;
    }

    #header_menu .inner.four {
        width: 960px;
    }

    #header_menu .inner.four .listFour {
        left: 350px;
    }

    #header_menu .inner.three .listThree,
    #header_menu .inner.four .listThree {
        width: 280px;
    }
}

@media (max-width: 1366px) {
    #header_menu .nav {
        margin-top: 40px;
    }

    #header_menu .link {
        margin-top: 20px;
    }

    #header_menu .inner.four .listFour {
        left: 30px;
    }
}

@media (max-width: 1280px) {
    #header_menu {
        padding: 60px 40px 90px 75px;
    }

    #header_menu.open:before {
        width: 12.9451vh;
        transform: skewX(-7.2deg);
    }

    #header_menu .link {
        margin-top: 17px;
        font-size: 17px;
    }

    #header_menu .item.other {
        margin-top: 110px;
    }

    #header_menu .inner.four {
        width: 945px;
    }
}

@media (max-width: 1200px) {
    #header_menu {}

    #header_menu .inner {
        height: 87%;
        z-index: 2;
    }

    #header_menu .back {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        width: 20px;
    }

    #header_menu .inner.one,
    #header_menu .inner.two,
    #header_menu .inner.three,
    #header_menu .inner.four {
        width: 100%;
    }

    #header_menu .listOne,
    #header_menu .listTwo,
    #header_menu .listThree,
    #header_menu .listFour {
        width: 100%;
    }

    #header_menu .inner.two .listTwo,
    #header_menu .inner.three .listTwo,
    #header_menu .inner.four .listTwo,
    #header_menu .inner.two .listThree,
    #header_menu .inner.three .listThree,
    #header_menu .inner.four .listThree,
    #header_menu .inner.two .listFour,
    #header_menu .inner.Four .listFour,
    #header_menu .inner.four .listFour {
        left: 100%;
        width: 100%;
    }

    #header_menu .nav {
        width: 280px;
        overflow: hidden;
    }

    #header_menu .list {
        left: 100%;
    }

    #header_menu .inner .listTwo.open,
    #header_menu .inner .listThree.open,
    #header_menu .inner .listFour.open {
        left: 0;
    }

    #header_menu .inner.two {
        transform: translateX(-280px);
    }

    #header_menu .inner.three {
        transform: translateX(-560px);
    }

    #header_menu .inner.four {
        transform: translateX(-840px);
    }
}

@media (max-width: 992px) {
    #header_menu .form {
        width: 100%;
        height: 5vw;
    }

    #header_menu .form input {
        font-size: 0.125rem;
    }

    #header_menu .link,
    #header_menu .item.other a {
        font-size: 0.125rem;
        line-height: 1.5em;
    }

    #header_menu .link {
        background-size: 10px;
    }

    /* #header_menu .listTwo .link{background-size: 6%;} */
    #header_menu .back {
        margin-bottom: 3vw;
        width: 3vw;
    }
}

@media (max-width: 768px) {
    #header_menu {
        padding: 8vw;
        width: 98%;
    }

    #header_menu .form {
        width: 85%;
        height: 6vw;
    }

    #header_menu .form input {
        font-size: 0.16rem;
    }

    #header_menu .link,
    #header_menu .item.other a {
        font-size: 0.16rem;
    }

    #header_menu .header_btn_mb {
        display: flex;
    }

    #header_menu .header_btn_mb .icon {
        width: 4.5vw;
        height: 4.5vw;
    }

    #header_menu .header_btn_mb .svg {
        width: 100%;
        height: 100%;
        fill: #fff;
        transform: scale(0.8);
    }

    #header_menu .nav {
        width: 100%;
    }

    #header_menu .inner.two {
        transform: translateX(-100%);
    }

    #header_menu .inner.three {
        transform: translateX(-200%);
    }

    #header_menu .inner.four {
        transform: translateX(-300%);
    }
}

@media (max-width: 576px) {
    #header_menu .form {
        height: 9vw;
    }

    #header_menu .form input {
        font-size: 0.26rem;
    }

    #header_menu .link,
    #header_menu .item.other a {
        font-size: 0.26rem;
    }

    #header_menu .header_btn_mb .icon {
        width: 5.5vw;
        height: 5.5vw;
    }
}

@media (max-width: 530px) {
    #header_menu .form {
        height: 9vw;
    }

    #header_menu .back {
        margin-bottom: 6vw;
        width: 6vw;
    }

    #header_menu .name.first i {
        width: 6px;
        height: 6px;
        top: 1.3vw;
    }
}



/* 骞垮憡鍥� */
#banner {}

/* 棣栭〉骞垮憡 */
#index_swiper {
    width: 100%;
    margin: 0;
}

#index_swiper .swiper_pc {
    display: block;
}

#index_swiper .swiper_moblie {
    display: none;
}

#index_swiper .swiper {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    transform: translateY(0);
}

#index_swiper .pic {
    width: 100%;
    height: 100%;
    /*pointer-events: none;*/
    opacity: 0;
    transition: all 1s ease;
}

#index_swiper .slide.swiper-slide-active .pic {
    opacity: 1;
}

#index_swiper .pic img,
#index_swiper .pic video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#index_swiper .text {
    padding-top: 28vh;
    padding-left: 7.33%;
    width: 40.625%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 5;
    transform: translateX(-200%);
    transition: transform 1s ease;
}

#index_swiper .slide.swiper-slide-active .text {
    transform: translate(0);
}

#index_swiper .text::before,
#index_swiper .text::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: skewX(-8.5deg);
    transform-origin: bottom;
    z-index: 1;
}

#index_swiper .text::before {
    background-color: #fff;
    width: 14.9451001349vh;
    z-index: 1;
}

#index_swiper .text::after {
    background-color: #0051a0;
    right: -1px;
    width: 8px;
    z-index: 3;
}

#index_swiper .text * {
    position: relative;
    z-index: 2;
}

#index_swiper .subname {
    margin-bottom: 23px;
    font-size: 30px;
    line-height: 40px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#index_swiper .title {
    font-size: 60px;
    line-height: 77px;
    color: var(--main);
    font-family: "MiSans-Semibold";
}

#index_swiper .brief {
    margin-top: 23px;
    font-size: 22px;
    line-height: 30px;
    color: #333;
}

#index_swiper .btn {
    pointer-events: auto;
    margin-top: 75px;
    padding: 0 30px;
    width: 180px;
    height: 52px;
    background-color: var(--main);
}

#index_swiper .btn span {
    font-size: 16px;
    color: #fff;
}

#index_swiper .btn .svg {
    fill: #fff;
    width: 15px;
    height: 15px;
}

#index_swiper .btn:hover {
    opacity: 0.8;
}

#index_swiper .bot {
    width: max-content;
    bottom: 6.3vh;
    left: 7.33%;
    z-index: 5;
}

#index_swiper .bot .swiper_btn {
    position: relative;
    top: inherit;
    bottom: inherit;
    left: inherit;
    right: inherit;
    z-index: 10;
    margin: 0;
}

#index_swiper .bot .swiper_btn::after {
    display: none;
}

#index_swiper .swiper-pagination {
    margin: 0 15px;
    width: max-content;
    position: relative;
    top: inherit;
    bottom: inherit;
    left: inherit;
    right: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

#index_swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 7px;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    opacity: 1;
}

#index_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--main);
}

@media (max-width: 1680px) {
    #index_swiper .subname {
        font-size: 26px;
        line-height: 1.5em;
    }

    #index_swiper .title {
        font-size: 52px;
        line-height: 1.5em;
    }

    #index_swiper .brief {
        font-size: 20px;
        line-height: 1.5em;
    }

    #index_swiper .btn {
        margin-top: 60px;
    }
}

@media (max-width: 1536px) {
    #index_swiper .text {
        padding-top: 27vh;
    }

    #index_swiper .subname {
        margin-bottom: 15px;
        font-size: 24px;
    }

    #index_swiper .title {
        font-size: 46px;
    }

    #index_swiper .brief {
        margin-top: 15px;
        font-size: 18px;
    }

    #index_swiper .btn {
        margin-top: 50px;
    }
}

@media (max-width: 1440px) {
    #index_swiper .swiper {
        height: 94vh;
    }

    #index_swiper .text {
        padding-top: 21vh;
    }

    #index_swiper .subname {
        font-size: 22px;
    }

    #index_swiper .title {
        font-size: 44px;
    }

    #index_swiper .brief {
        font-size: 16px;
    }

    #index_swiper .btn {
        margin-top: 45px;
    }

    #index_swiper .bot {
        bottom: 4.3vh;
    }
}

@media (max-width: 1366px) {
    #index_swiper .swiper {
        height: 89vh;
    }

    #index_swiper .title {
        font-size: 42px;
        line-height: 1.4em;
    }

    #index_swiper .btn {
        width: 170px;
    }
}

@media (max-width: 1280px) {
    #index_swiper .swiper {
        height: 84vh;
    }

    #index_swiper .subname {
        margin-bottom: 10px;
        font-size: 20px;
    }

    #index_swiper .title {
        font-size: 40px;
    }

    #index_swiper .brief {
        margin-top: 10px;
        font-size: 15px;
    }

    #index_swiper .btn {
        margin-top: 35px;
    }

    #index_swiper .bot {
        bottom: 3.3vh;
    }
}

@media (max-width: 1200px) {
    #index_swiper .swiper {
        height: 75vh;
    }

    #index_swiper .subname {
        font-size: 18px;
    }

    #index_swiper .title {
        font-size: 38px;
    }

    #index_swiper .brief {
        font-size: 14px;
    }

    #index_swiper .btn {
        width: 165px;
    }
}

@media (max-width: 1050px) {
    #index_swiper .swiper {
        height: 70vh;
    }

    #index_swiper .text {
        padding-top: 15vh;
    }

    #index_swiper .subname {
        font-size: 16px;
    }

    #index_swiper .title {
        font-size: 34px;
    }

    #index_swiper .brief {
        font-size: 14px;
    }

    #index_swiper .btn {
        width: 160px;
        height: 48px;
    }

    #index_swiper .btn span {
        font-size: 15px;
    }

    #index_swiper .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}

@media (max-width: 992px) {
    #index_swiper .swiper {
        height: 67vh;
    }

    #index_swiper .subname {
        font-size: 0.135rem;
    }

    #index_swiper .title {
        font-size: 0.298rem;
    }

    #index_swiper .brief {
        font-size: 0.115rem;
    }

    #index_swiper .btn {
        width: 16vw;
        height: 5vw;
    }

    #index_swiper .btn span {
        font-size: 0.115rem;
    }
}

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

    #index_swiper .swiper_moblie {
        display: block;
        height: auto;
        border-bottom: 1px solid #f2f2f2;
    }

    #index_swiper .swiper_moblie .slide {
        height: auto;
        background: #fff;
    }

    #index_swiper .pic {
        height: 49vw;
    }

    #index_swiper .text {
        padding: 5vw;
        width: 100%;
        height: max-content;
        background-color: #fff;
        position: relative;
        top: inherit;
        left: inherit;
        z-index: 5;
        transform: translateX(0);
        transition: transform 1s ease;
        border-top: 8px solid var(--main);
    }

    #index_swiper .text::before,
    #index_swiper .text::after {
        display: none;
    }

    #index_swiper .subname {
        font-size: 0.2rem;
    }

    #index_swiper .title {
        font-size: 0.42rem;
    }

    #index_swiper .brief {
        font-size: 0.16rem;
    }

    #index_swiper .btn {
        margin-top: 4vw;
        width: max-content;
        min-width: 16vw;
        height: 6.5vw;
    }

    #index_swiper .btn span {
        display: inline-block;
        margin-right: 3vw;
        font-size: 0.16rem;
    }

    #index_swiper .btn:hover {
        opacity: 1;
    }

    #index_swiper .bot {
        bottom: inherit;
        top: 22vw;
        left: inherit;
        right: 3%;
    }
}

@media (max-width: 576px) {
    #index_swiper .pic {
        height: 100vw;
    }

    #index_swiper .bot {
        top: 44.5vw;
    }

    #index_swiper .text {
        padding: 6vw;
    }

    #index_swiper .subname {
        font-size: 0.28rem;
    }

    #index_swiper .title {
        font-size: 0.42rem;
    }

    #index_swiper .brief {
        font-size: 0.26rem;
    }

    #index_swiper .btn {
        min-width: 20vw;
        height: 7vw;
    }

    #index_swiper .btn span {
        margin-right: 3vw;
        font-size: 0.24rem;
    }
}

@media (max-width: 530px) {
    #index_swiper .btn {
        height: 8vw;
    }
}



/* 搴曢儴 */
.footer_top {
    padding: 69px 0 80px;
    border-top: 1px solid #ededed;
    background-color: #fff;
}

.footer_top .tit {
    margin-bottom: 27px;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    font-family: "MiSans-Medium";
}

#footer_info {
    width: 25.625%;
}

#footer_info .ul {
    width: 100%;
}

#footer_info .li {
    width: 100%;
    margin-top: 19px;
}

#footer_info .li:first-child {
    margin-top: 0;
}

#footer_info .li .icon {
    margin-right: 15px;
    width: 30px;
    height: 30px;
    background-color: var(--main);
    border-radius: 50%;
}

#footer_info .li .txt {
    /* width: calc(100% - 45px); */
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

#footer_info .code {
    width: 100%;
    margin-top: 80px;
}

#footer_info .code .pic {
    margin-right: 25px;
    width: 116px;
    height: 116px;
    background-color: #fff;
}

#footer_info .code .txt {
    width: calc(100% - 141px);
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

#footer_list {
    width: 13.875%;
}

#footer_list li {
    margin-top: 13px;
    font-size: 16px;
    line-height: 35px;
    color: #666;
}

#footer_list li:first-child {
    margin-top: 0;
}

#footer_list li:hover {
    color: var(--main);
}

#footer_form {
    width: 31.25%;
}

#footer_form .li {
    margin-top: 10px;
    width: 100%;
    height: 55px;
}

#footer_form .li:nth-child(-n+2) {
    margin-top: 0;
    width: 48.5%;
}

#footer_form .input,
#footer_form .text {
    display: block;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    border: 1px solid #e8e8e8;
    font-size: 16px;
    color: #333;
}

#footer_form .input::placeholder,
#footer_form .text::placeholder {
    color: #666;
}

#footer_form .textarea {
    height: 95px;
}

#footer_form .text {
    padding: 15px 20px;
}

#footer_form .input:hover,
#footer_form .text:hover,
#footer_form .input:focus,
#footer_form .text:focus {
    border-color: var(--main);
}

#footer_form .btn {
    margin-top: 39px;
    width: 180px;
    height: 52px;
    background-color: var(--main);
    border-radius: 50px;
    font-size: 18px;
    color: #fff;
    font-family: "MiSans-Medium";
}

#footer_form .btn .submit {
    z-index: 2;
}

#footer_form .btn:hover {
    opacity: 0.8;
}

#footer_form .tip {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 12px;
    color: #f00;
}

#footer_bot {
    padding: 20px 0;
    background-color: var(--main);
}

#footer_bot .txt {
    width: 50%;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    opacity: 0.5;
}

#footer_bot span {
    display: inline;
    padding: 0 10px;
}

@media (max-width: 1440px) {
    .footer_top {
        padding: 70px 0;
    }
}

@media (max-width: 1366px) {
    #footer_info .li .txt {
        line-height: 1.3;
    }

    #footer_info .code {
        margin-top: 40px;
    }

    #footer_form .text {
        padding: 12px 20px;
    }

    #footer_form .btn {
        margin-top: 30px;
        width: 170px;
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .footer_top {
        padding: 55px 0;
    }

    #footer_bot .txt {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .footer_top .tit {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 25px;
    }

    #footer_bot {
        padding: 15px 0;
    }
}

@media (max-width: 1050px) {
    #footer_info {
        width: 32%;
    }

    #footer_info .code .pic {
        margin-right: 10px;
    }

    #footer_form {
        width: 38.25%;
    }
}

@media (max-width: 992px) {
    .footer_top {
        padding: 6vw 0;
    }

    .footer_top .box {
        flex-wrap: wrap;
    }

    #footer_info {
        width: 100%;
    }

    #footer_list,
    #footer_form {
        width: 100%;
        margin-top: 4vw;
    }

    #footer_top .tit {
        margin-bottom: 1.5vw;
        font-size: 0.145rem;
        line-height: 1.5em;
    }

    #footer_info .li {
        margin-top: 1.5vw;
    }

    #footer_info .li .txt {
        font-size: 0.125rem;
        line-height: 1.5em;
    }

    #footer_info .code {
        margin-top: 3vw;
    }

    #footer_info .code .txt {
        font-size: 0.125rem;
        line-height: 1.5em;
    }

    #footer_list ul {
        display: flex;
        justify-content: space-between;
    }

    #footer_list li {
        margin-top: 0;
        font-size: 0.125rem;
        line-height: 1.5em;
    }

    #footer_form .input,
    #footer_form .text {
        font-size: 0.125rem;
    }

    #footer_form .li {
        height: 5.5vw;
    }

    #footer_form .textarea {
        height: 15vw;
    }

    #footer_form .btn {
        margin-top: 2.5vw;
        width: max-content;
        min-width: 15vw;
        padding: 0 3vw;
        font-size: 0.125rem;
    }

    #footer_bot {
        padding: 1.5vw 0;
    }

    #footer_bot .cont {
        flex-wrap: wrap;
    }

    #footer_bot .txt {
        width: 100%;
        font-size: 0.115rem;
        line-height: 1.5em;
        text-align: center;
    }
}

@media (max-width: 768px) {
    #footer_top .tit {
        font-size: 0.18rem;
    }

    #footer_info .li .txt,
    #footer_info .code .txt,
    #footer_list li,
    #footer_form .input,
    #footer_form .text,
    #footer_form .btn {
        font-size: 0.16rem;
    }

    #footer_form .li {
        height: 6.5vw;
    }

    #footer_form .textarea {
        height: 15vw;
    }

    #footer_form .btn {
        padding: 0 5vw;
    }

    #footer_form .input:hover,
    #footer_form .text:hover {
        border-color: #e8e8e8;
    }

    #footer_form .btn:hover {
        opacity: 1;
    }

    #footer_form .tip {
        font-size: 0.14rem;
    }

    #footer_list li:hover {
        color: #666;
    }

    #footer_bot {
        padding: 2vw 0;
    }

    #footer_bot .txt {
        font-size: 0.14rem;
    }
}

@media (max-width: 576px) {
    .footer_top .tit {
        margin-bottom: 2.5vw;
        font-size: 0.3rem;
    }

    #footer_info .li .txt,
    #footer_info .code .txt,
    #footer_list li,
    #footer_form .input,
    #footer_form .text {
        font-size: 0.26rem;
    }

    #footer_info .li {
        margin-top: 2.5vw;
    }

    #footer_form .input,
    #footer_form .text {
        padding: 0 3vw;
    }

    #footer_form .li {
        height: 8vw;
    }

    #footer_form .li:nth-child(-n+2) {
        width: 100%;
    }

    #footer_form .li:nth-child(2) {
        margin-top: 10px;
    }

    #footer_form .li.textarea {
        height: 18vw;
    }

    #footer_form .btn {
        padding: 0 5vw;
        font-size: 0.24rem;
        height: 8vw;
    }

    #footer_form .tip {
        font-size: 0.22rem;
        right: 3vw;
    }

    #footer_bot {
        padding: 4vw 0;
    }

    #footer_bot .txt {
        font-size: 0.2rem;
    }
}

@media (max-width: 530px) {
    #footer_form .li {
        height: 9vw;
    }

    #footer_form .li.textarea {
        height: 22vw;
    }
}



/* 渚ц竟鏍� */
#float_right {
    bottom: 60px;
    right: 30px;
    z-index: 20;
}

#float_right .icon {
    margin-top: 10px;
    width: 52px;
    height: 52px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 5px 8.66px 20px 0px rgba(0, 37, 76, 0.1);
}

#float_right .icon .svg {
    width: 24px;
    height: 24px;
    fill: #333;
}

#float_right .icon.page-top {
    background-color: var(--main);
}

#float_right .icon:not(.page-top):hover {
    background-color: var(--main);
}

#float_right .icon:not(.page-top):hover svg {
    fill: #fff;
}

#float_right .icon.page-top:hover {
    opacity: 0.8;
}

@media (max-width: 1366px) {
    #float_right {
        right: 20px;
    }

    #float_right .icon {
        width: 48px;
        height: 48px;
    }

    #float_right .icon .svg,
    #float_right .icon.page-top img {
        transform: scale(0.95);
    }
}

@media (max-width: 768px) {
    #float_right {
        right: 1vw;
        bottom: 10vw;
    }

    #float_right .icon {
        width: 6.5vw;
        height: 6.5vw;
    }

    #float_right .icon:not(.page-top):hover {
        background-color: #fff;
    }

    #float_right .icon:not(.page-top):hover svg {
        fill: #333;
    }

    #float_right .icon .svg,
    #float_right .icon.page-top img {
        transform: scale(0.85);
    }

    #float_right .icon.page-top:hover {
        opacity: 1;
    }
}

@media (max-width: 530px) {
    #float_right .icon {
        width: 8vw;
        height: 8vw;
    }

    #float_right .icon .svg,
    #float_right .icon.page-top img {
        transform: scale(0.7);
    }
}



/* 棣栭〉 */
/* 棣栭〉-琛屼笟搴旂敤 */
#ind_industry {
    padding: 107px 0 82px;
    background-color: #fcfcfc;
}

#ind_industry .cont {
    margin-top: 45px;
}

#ind_industry .container {
    padding-bottom: 75px;
}

#ind_industry .slide {
    /*margin-right: 2.5%; width: 31.625%;*/
    background-color: #fff;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease;
}

/* #ind_industry .pic{width: 100%; height: 15.6vw;}  */
#ind_industry .pic {
    width: 100%;
    height: 320px;
}

#ind_industry .info {
    padding: 23px 40px 40px;
}

#ind_industry .name {
    font-size: 24px;
    line-height: 35px;
    color: #333;
    font-family: "MiSans-Medium";
}

#ind_industry .brief {
    margin-top: 15px;
    font-size: 16px;
    line-height: 30px;
    height: calc(30px * 2);
    color: #666;
}

#ind_industry .icon {
    margin-top: 30px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--main);
}

#ind_industry .icon .svg {
    fill: var(--main);
}

#ind_industry .slide:hover {
    background-color: var(--main);
    box-shadow: 0px 20px 60px 0px rgba(0, 78, 162, 0.2);
}

#ind_industry .slide:hover .pic img {
    transform: scale(1.05);
}

#ind_industry .slide:hover .name,
#ind_industry .slide:hover .brief {
    color: #fff;
}

#ind_industry .slide:hover .icon {
    border-color: #fff;
}

#ind_industry .slide:hover .icon .svg {
    fill: #fff;
}

#ind_industry .left_right_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: var(--main);
}

#ind_industry .left_right_btn .left_right_btn_svg {
    fill: #fff;
}

#ind_industry .left_right_btn.prev {
    left: -5.5%;
}

#ind_industry .left_right_btn.next {
    right: -5.5%;
}

#ind_industry .left_right_btn:hover {
    opacity: 0.8;
}

#ind_industry .swiper-pagination {
    bottom: 0;
}

#ind_industry .swiper-pagination-bullet {
    margin: 0 7.5px;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: #ccc;
}

#ind_industry .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--main);
}

@media (max-width: 1680px) {
    #ind_industry .icon {
        margin-top: 25px;
    }

    #ind_industry .pic {
        height: 16.6vw;
    }

    #ind_industry .left_right_btn {
        top: 46%;
    }

    #ind_industry .left_right_btn.prev {
        left: -1.5%;
    }

    #ind_industry .left_right_btn.next {
        right: -1.5%;
    }
}

@media (max-width: 1440px) {
    #ind_industry {
        padding: 95px 0;
    }

    #ind_industry .info {
        padding: 25px 35px 30px;
    }

    #ind_industry .left_right_btn {
        top: 43%;
    }
}

@media (max-width: 1366px) {
    #ind_industry .name {
        font-size: 22px;
        line-height: 1.5em;
    }

    #ind_industry .brief {
        line-height: 1.5em;
        height: calc(1.5em * 2);
    }

    #ind_industry .icon {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 1280px) {
    #ind_industry {
        padding: 80px 0;
    }

    #ind_industry .name {
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    #ind_industry .container {
        padding-bottom: 55px;
    }

    #ind_industry .pic {
        height: 24.6vw;
    }

    #ind_industry .left_right_btn {
        top: 48%;
    }

    #ind_industry .left_right_btn.prev {
        left: -2.5%;
    }

    #ind_industry .left_right_btn.next {
        right: -2.5%;
    }

    #ind_industry .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}

@media (max-width: 992px) {
    #ind_industry {
        padding: 8vw 0;
    }

    #ind_industry .cont {
        margin-top: 5vw;
    }

    #ind_industry .container {
        padding-bottom: 5vw;
    }

    #ind_industry .info {
        padding: 3vw 4.5vw;
    }

    #ind_industry .name {
        font-size: 0.145rem;
    }

    #ind_industry .brief {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #ind_industry {
        overflow: hidden;
    }

    #ind_industry .container {
        width: 100%;
        overflow: visible;
    }

    #ind_industry .pic {
        height: 50.6vw;
    }

    #ind_industry .name {
        font-size: 0.22rem;
    }

    #ind_industry .brief {
        font-size: 0.16rem;
    }

    #ind_industry .slide:hover {
        background-color: #fff;
        box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
    }

    #ind_industry .slide:hover .pic img {
        transform: scale(1);
    }

    #ind_industry .slide:hover .name {
        color: #333;
    }

    #ind_industry .slide:hover .brief {
        color: #666;
    }

    #ind_industry .slide:hover .icon {
        border-color: var(--main);
    }

    #ind_industry .slide:hover .icon .svg {
        fill: var(--main);
    }

    #ind_industry .left_right_btn:hover {
        opacity: 1;
    }

    #ind_industry .icon {
        width: 5vw;
        height: 5vw;
    }
}

@media (max-width: 576px) {
    #ind_industry {
        padding: 10vw 0;
    }

    #ind_industry .container {
        padding-bottom: 9vw;
    }

    #ind_industry .info {
        padding: 4vw 6.5vw;
    }

    #ind_industry .name {
        font-size: 0.3rem;
    }

    #ind_industry .brief {
        font-size: 0.26rem;
    }

    #ind_industry .icon {
        width: 6.5vw;
        height: 6.5vw;
    }
}

@media (max-width: 530px) {
    #ind_industry .icon {
        width: 7vw;
        height: 7vw;
    }
}



/* 棣栭〉-浜у搧 */
#ind_products {}

#ind_products .item {
    width: 50%;
    height: 950px;
    background: url(/images/index/products-back.png) no-repeat top center/100% 100%;
}

#ind_products .back {
    padding-top: 110px;
}

#ind_products .name {
    font-size: 30px;
    line-height: 48px;
    color: #333;
    font-family: "MiSans-Medium";
}

#ind_products .brief {
    margin-top: 15px;
    width: 40.21%;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

#ind_products .more {
    margin-top: 30px;
}

#ind_products .more span {
    font-size: 16px;
    line-height: 1;
    color: var(--main);
}

#ind_products .more .icon {
    margin-left: 20px;
    width: 52px;
    height: 52px;
    border: 1px solid var(--main);
    border-radius: 50%;
}

#ind_products .more .svg {
    fill: var(--main);
}

#ind_products .pic {
    margin-top: 155px;
    width: 65.26%;
    height: 325px;
}

#ind_products .info {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    padding-top: 110px;
    background-color: rgba(var(--main2), 0.96);
}

#ind_products .info .name {
    color: #fff;
}

#ind_products .info .brief {
    color: #fff;
    opacity: 0.8;
}

#ind_products .pros {
    margin-top: 60px;
    padding: 0 18.5%;
    width: 100%;
}

#ind_products .ul {
    width: 100%;
    height: calc(229px + 176px);
    overflow-y: hidden;
}

#ind_products .li {
    margin-top: 22px;
}

#ind_products .li:first-child {
    margin-top: 0;
}

#ind_products .li .a {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    opacity: 0.5;
    font-family: "MiSans-Light";
}

#ind_products .li:hover .a {
    opacity: 1;
    font-family: "MiSans-Medium";
}

#ind_products .btn {
    margin-top: 85px;
    padding: 0 30px;
    width: max-content;
    min-width: 180px;
    height: 52px;
    background-color: transparent;
    border-radius: 50px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
}

#ind_products .btn .icon {
    margin-left: 30px;
}

#ind_products .btn .svg {
    fill: #fff;
}

#ind_products .btn:hover {
    background-color: #fff;
    color: var(--main);
}

#ind_products .btn:hover .svg {
    fill: var(--main);
}

#ind_products .item:hover .info {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1680px) {
    #ind_products .item {
        height: 96vh;
    }

    #ind_products .pic {
        margin-top: 130px;
        height: 18.5vw;
    }

    #ind_products .pros {
        margin-top: 40px;
    }

    #ind_products .btn {
        margin-top: 45px;
    }
}

@media (max-width: 1536px) {
    #ind_products .pic {
        margin-top: 100px;
    }

    #ind_products .brief {
        line-height: 1.5em;
    }
}

@media (max-width: 1440px) {
    #ind_products .item {
        height: 83vh;
    }

    #ind_products .back,
    #ind_products .info {
        padding-top: 75px;
    }

    #ind_products .name {
        font-size: 28px;
        line-height: 1.5em;
    }

    #ind_products .brief {
        width: 46.21%;
    }

    #ind_products .pic {
        height: 20.5vw;
        margin-top: 70px;
    }

    #ind_products .ul {
        height: 265px;
    }

    #ind_products .li {
        margin-top: 15px;
    }
}

@media (max-width: 1366px) {

    /* #ind_products .item{height: 92vh;} */
    #ind_products .more .icon {
        width: 48px;
        height: 48px;
    }

    /* #ind_products .ul{height: 300px} */
}

@media (max-width: 1280px) {
    #ind_products .item {
        height: 75vh;
    }

    #ind_products .back,
    #ind_products .info {
        padding-top: 60px;
    }

    #ind_products .name {
        font-size: 26px;
    }

    #ind_products .more {
        margin-top: 20px
    }

    #ind_products .pic {
        height: 19.5vw;
    }

    #ind_products .btn {
        margin-top: 1vw;
    }
}

@media (max-width: 1200px) {
    #ind_products .item {
        height: 67vh;
    }

    #ind_products .back,
    #ind_products .info {
        padding-top: 50px;
    }

    #ind_products .brief {
        font-size: 14px;
    }

    #ind_products .pros {
        margin-top: 30px;
    }

    /* #ind_products .ul{height: 300px} */
    #ind_products .li {
        margin-top: 10px;
    }

    #ind_products .li .a {
        font-size: 14px;
    }

    #ind_products .btn {
        min-width: 170px;
    }
}

@media (max-width: 1050px) {
    #ind_products .item {
        height: 64vh;
    }

    #ind_products .name {
        font-size: 24px;
    }

    #ind_products .brief {
        width: 57%;
    }

    #ind_products .ul {
        height: 280px
    }

    #ind_products .btn {
        min-width: 165px;
        height: 48px;
        font-size: 14px;
    }
}

@media (max-width: 992px) {

    #ind_products .back,
    #ind_products .info {
        padding-top: 8vw;
    }

    /* #ind_products .item{height: 74vh;} */
    #ind_products .name {
        font-size: 0.168rem;
    }

    #ind_products .brief {
        width: 57%;
        font-size: 0.115rem;
    }

    #ind_products .more span {
        font-size: 0.115rem;
    }

    #ind_products .pic {
        width: 68.26%;
    }

    #ind_products .ul {
        height: 250px;
    }

    #ind_products .li {
        margin-top: 1vw;
    }

    #ind_products .li .a {
        font-size: 0.115rem;
    }

    #ind_products .btn {
        min-width: 16vw;
        height: 5vw;
        font-size: 0.115rem;
    }
}

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

    #ind_products .item {
        height: 63vw;
    }

    #ind_products .name {
        font-size: 0.3rem;
    }

    #ind_products .brief {
        width: 80%;
        font-size: 0.16rem;
    }

    #ind_products .more span {
        font-size: 0.16rem;
    }

    #ind_products .more .icon {
        width: 5vw;
        height: 5vw;
    }

    #ind_products .pic {
        margin-top: 9vw;
    }
}

@media (max-width: 576px) {
    #ind_products {
        flex-wrap: wrap;
    }

    #ind_products .item {
        width: 100%;
        height: auto;
    }

    #ind_products .back {
        padding: 10vw 0;
        position: relative;
    }

    #ind_products .name {
        font-size: 0.32rem;
    }

    #ind_products .brief {
        margin-top: 2vw;
        width: 85%;
        font-size: 0.26rem;
    }

    #ind_products .more span {
        font-size: 0.26rem;
    }

    #ind_products .more .icon {
        width: 6.5vw;
        height: 6.5vw;
    }

    #ind_products .pic {
        margin-top: 12vw;
        height: 37.5vw;
    }
}

@media (max-width: 530px) {
    #ind_products .more .icon {
        width: 7vw;
        height: 7vw;
    }
}



/* 棣栭〉-鍏充簬鎴戜滑 */
.ind_about {
    background: #fff url(/images/index/about-back.jpg) no-repeat left top/50vw 100%;
}

#ind_about_info {
    padding: 135px 0;
    padding-left: 8.5%;
    width: 41.667%;
}

#ind_about_info .brief {
    margin-top: 40px;
    font-size: 30px;
    line-height: 44px;
    color: #333;
    font-family: "MiSans-Medium";
}

#ind_about_info .info {
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

#ind_about_info .more {
    margin-top: 105px;
    width: max-content;
}

#ind_about_info .more span {
    font-size: 16px;
    line-height: 1;
    color: var(--main);
}

#ind_about_info .more .icon {
    margin-left: 20px;
    width: 52px;
    height: 52px;
    background-color: #fff;
    border: 1px solid var(--main);
    border-radius: 50%;
}

#ind_about_info .more .svg {
    fill: var(--main);
}

#ind_about_info .more:hover .icon {
    background-color: var(--main);
}

#ind_about_info .more:hover .svg {
    fill: #fff;
}

@media (max-width: 1680px) {
    #ind_about_info {
        padding: 120px 0;
        padding-left: 7.5%;
    }
}

@media (max-width: 1536px) {
    #ind_about_info .brief {
        margin-top: 30px;
        font-size: 26px;
        line-height: 1.5em;
    }

    #ind_about_info .info {
        line-height: 1.5em;
    }

    #ind_about_info .more {
        margin-top: 90px;
    }
}

@media (max-width: 1440px) {
    #ind_about_info .brief {
        margin-top: 25px;
        font-size: 24px;
    }

    #ind_about_info .more {
        margin-top: 80px;
    }
}

@media (max-width: 1366px) {
    #ind_about_info {
        padding: 90px 0 90px 7.5%;
    }

    #ind_about_info .brief {
        font-size: 22px;
    }

    #ind_about_info .more .icon {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 1280px) {
    #ind_about_info {
        padding: 80px 0 80px 7.5%;
    }

    #ind_about_info .info {
        font-size: 15px;
    }
}

@media (max-width: 1050px) {
    #ind_about_info .brief {
        margin-top: 20px;
        font-size: 20px;
    }

    #ind_about_info .info {
        margin-top: 10px;
        font-size: 14px;
    }

    #ind_about_info .more {
        margin-top: 55px;
    }
}

@media (max-width: 992px) {
    #ind_about_info {
        padding: 8vw 0 8vw 6.5%;
    }

    #ind_about_info .brief {
        margin-top: 2vw;
        font-size: 0.145rem;
    }

    #ind_about_info .info {
        margin-top: 1.5vw;
        font-size: 0.115rem;
    }

    #ind_about_info .more {
        margin-top: 5.5vw;
    }

    #ind_about_info .more span {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    .ind_about {
        flex-direction: column;
        background-image: none;
    }

    #ind_about_info {
        padding: 8vw 6.5%;
        width: 100%;
        background: #fff url(/images/index/about-back.jpg) no-repeat left top/100% 100%;
    }

    #ind_about_info .brief {
        margin-top: 2.5vw;
        font-size: 0.26rem;
    }

    #ind_about_info .info {
        margin-top: 2.5vw;
        font-size: 0.16rem;
    }

    #ind_about_info .more {
        margin-top: 5vw;
    }

    #ind_about_info .more span {
        font-size: 0.16rem;
    }

    #ind_about_info .more .icon {
        width: 5vw;
        height: 5vw;
    }

    #ind_about_info .more:hover .icon {
        background-color: #fff;
    }

    #ind_about_info .more:hover .svg {
        fill: var(--main);
    }
}

@media (max-width: 576px) {
    #ind_about_info {
        padding: 10vw 6.5%;
    }

    #ind_about_info .brief {
        margin-top: 3vw;
        font-size: 0.28rem;
    }

    #ind_about_info .info {
        margin-top: 3vw;
        font-size: 0.24rem;
    }

    #ind_about_info .more span {
        font-size: 0.26rem;
    }

    #ind_about_info .more .icon {
        width: 6.5vw;
        height: 6.5vw;
    }
}

@media (max-width: 530px) {
    #ind_about_info .more .icon {
        width: 7vw;
        height: 7vw;
    }
}



#ind_about_list {
    padding: 82px 8.5% 140px 11.71%;
    width: 56.198%;
    background: url(https://www.hangzhicn.cn/images/index/about-back2.png) no-repeat top right/100% 100%;
}

#ind_about_list .item {
    width: 100%;
    padding: 63px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#ind_about_list .info {
    width: 73%;
}

#ind_about_list .name {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-family: "MiSans-Medium";
}

#ind_about_list .brief {
    margin-top: 17px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

#ind_about_list .icon {
    margin-left: 20px;
    width: 52px;
    height: 52px;
    border: 1px solid #fff;
    border-radius: 50%;
}

#ind_about_list .icon .svg {
    fill: #fff;
}

#ind_about_list .item:hover {
    border-color: rgba(255, 255, 255, 1);
}

#ind_about_list .item:hover .icon {
    background-color: #fff;
}

#ind_about_list .item:hover .icon .svg {
    fill: var(--main);
}

@media (max-width: 1680px) {
    #ind_about_list {
        padding: 70px 8.5% 110px 11.71%;
    }

    #ind_about_list .item {
        padding: 60px 0;
    }
}

@media (max-width: 1536px) {
    #ind_about_list {
        padding: 70px 4.5% 110px 10.71%;
    }

    #ind_about_list .item {
        padding: 45px 0;
    }

    #ind_about_list .name {
        font-size: 22px;
        line-height: 1.5em;
    }

    #ind_about_list .brief {
        line-height: 1.5em;
    }
}

@media (max-width: 1440px) {
    #ind_about_list {
        padding: 50px 4.5% 90px 10.71%;
    }
}

@media (max-width: 1366px) {
    #ind_about_list .icon {
        width: 48px;
        height: 48px;
    }

    #ind_about_list .name {
        font-size: 20px;
    }
}

@media (max-width: 1280px) {
    #ind_about_list {
        padding: 50px 7.5% 80px 10.71%;
    }

    #ind_about_list .item {
        padding: 35px 0;
    }

    #ind_about_list .info {
        width: 80%;
    }

    #ind_about_list .name {
        font-size: 18px;
    }

    #ind_about_list .brief {
        margin-top: 15px;
        font-size: 15px;
    }
}

@media (max-width: 1050px) {
    #ind_about_list .brief {
        margin-top: 10px;
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    #ind_about_list {
        padding: 5vw 5.5% 8vw 10.71%;
    }

    #ind_about_list .item {
        padding: 3vw 0;
    }

    #ind_about_list .name {
        font-size: 0.125rem;
    }

    #ind_about_list .brief {
        margin-top: 1.5vw;
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #ind_about_list {
        padding: 4vw 6.5% 8vw;
        width: 100%;
        background: url(/images/index/about-back2.png) no-repeat top right/120% 100%;
    }

    #ind_about_list .name {
        font-size: 0.24rem;
    }

    #ind_about_list .brief {
        font-size: 0.16rem;
    }

    #ind_about_list .icon {
        width: 5vw;
        height: 5vw;
    }

    #ind_about_list .item:hover {
        border-color: rgba(255, 255, 255, 0.2);
    }

    #ind_about_list .item:hover .icon {
        background-color: transparent;
    }

    #ind_about_list .item:hover .icon .svg {
        fill: #fff;
    }
}

@media (max-width: 576px) {
    #ind_about_list {
        padding: 4vw 6.5% 10vw;
    }

    #ind_about_list .item {
        padding: 5vw 0;
    }

    #ind_about_list .info {
        width: 87%;
    }

    #ind_about_list .name {
        font-size: 0.28rem;
    }

    #ind_about_list .brief {
        font-size: 0.24rem;
    }

    #ind_about_list .icon {
        margin-left: 0;
        width: 6.5vw;
        height: 6.5vw;
    }
}

@media (max-width: 530px) {
    #ind_about_list .icon {
        width: 7vw;
        height: 7vw;
    }
}



/* 棣栭〉-鏂伴椈 */
.ind_blog {
    padding: 125px 0 165px;
}

#ind_blog_top {}

#ind_blog_top .left {
    width: 73.75%;
}

#ind_blog_top .cate_swiper {
    margin-left: 60px;
    width: calc(100% - 26%);
}

#ind_blog_top .swiper-slide {
    width: max-content;
    padding-left: 15px;
    margin-right: 60px;
    font-size: 18px;
    line-height: 53px;
    color: #333;
    font-family: "MiSans-Medium";
}

#ind_blog_top .swiper-slide::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: var(--main);
    border-radius: 50%;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 1;
    opacity: 0;
}

#ind_blog_top .swiper-slide.cur {
    color: var(--main);
}

#ind_blog_top .swiper-slide.cur::before {
    opacity: 1;
}

#ind_blog_top .more {}

#ind_blog_top .more span {
    font-size: 16px;
    line-height: 1;
    color: var(--main);
}

#ind_blog_top .more .icon {
    margin-left: 20px;
    width: 52px;
    height: 52px;
    border: 1px solid var(--main);
    border-radius: 50%;
}

#ind_blog_top .more .svg {
    fill: var(--main);
}

#ind_blog_top .more:hover .icon {
    background-color: var(--main);
}

#ind_blog_top .more:hover .svg {
    fill: #fff;
}

@media (max-width: 1680px) {
    .ind_blog {
        padding: 125px 0 145px;
    }

    #ind_blog_top .swiper-slide {
        margin-right: 40px;
    }
}

@media (max-width: 1536px) {
    .ind_blog {
        padding: 115px 0 125px;
    }

    #ind_blog_list .brief {
        line-height: 1.5em;
    }
}

@media (max-width: 1440px) {
    .ind_blog {
        padding: 90px 0;
    }

    #ind_blog_top .swiper-slide {
        margin-right: 35px;
        font-size: 16px;
        line-height: 45px;
    }

    #ind_blog_top .more .icon {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 1366px) {
    #ind_blog_top .left {
        width: 84.75%;
    }

    #ind_blog_top .cate_swiper {
        width: calc(100% - 30%);
    }

    #ind_blog_top .swiper-slide {
        margin-right: 30px;
        font-size: 16px;
    }
}

@media (max-width: 1280px) {
    .ind_blog {
        padding: 80px 0;
    }

    #ind_blog_top .swiper-slide {
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    #ind_blog_top .cate_swiper {
        margin-left: 40px;
    }

    #ind_blog_top .swiper-slide {
        font-size: 14px;
    }

    #ind_blog_top .swiper-slide::before {
        top: 18px;
    }
}

@media (max-width: 992px) {
    .ind_blog {
        padding: 8vw 0;
    }

    #ind_blog_top .left {
        width: 100%;
        justify-content: space-between;
    }

    #ind_blog_top .cate_swiper {
        margin: 0;
        width: max-content;
        max-width: 70%;
    }

    #ind_blog_top .swiper-slide {
        margin-right: 3vw;
        font-size: 0.115rem;
    }

    #ind_blog_top .swiper-slide:last-child {
        margin-right: 0;
    }

    #ind_blog_top .more.pc {
        display: none;
    }

    #ind_blog_top.mb {
        margin-top: 4vw;
        display: block;
    }

    #ind_blog_top .more span {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #ind_blog_top .left {
        align-items: flex-start;
        flex-direction: column;
    }

    #ind_blog_top .cate_swiper {
        margin-top: 3vw;
        width: 100%;
        max-width: 100%;
    }

    #ind_blog_top .swiper-slide {
        font-size: 0.16rem;
        line-height: 1.5em;
    }

    #ind_blog_top .swiper-slide::before {
        top: 0.5em;
    }

    #ind_blog_top .more span {
        font-size: 0.16rem;
    }

    #ind_blog_top .more .icon {
        width: 5vw;
        height: 5vw;
    }

    #ind_blog_top .more:hover .icon {
        background-color: #fff;
    }

    #ind_blog_top .more:hover .svg {
        fill: var(--main);
    }
}

@media (max-width: 576px) {
    .ind_blog {
        padding: 10vw 0;
    }

    #ind_blog_top .swiper-slide {
        font-size: 0.26rem;
    }

    #ind_blog_top .more {
        margin-top: 6vw;
    }

    #ind_blog_top .more span {
        font-size: 0.26rem;
    }

    #ind_blog_top .more .icon {
        width: 6.5vw;
        height: 6.5vw;
    }
}

@media (max-width: 530px) {
    #ind_blog_top .more .icon {
        width: 7vw;
        height: 7vw;
    }
}



#ind_blog_list {
    margin-top: 64px;
}

#ind_blog_list .li {
    margin-right: 4%;
    width: 21.875%;
    background-color: #fff;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
}

#ind_blog_list .ul .li:nth-child(4n) {
    margin-right: 0;
}

#ind_blog_list .pic {
    width: 100%;
    height: 240px;
}

#ind_blog_list .pic.nopic {
    background-color: #f1f1f1;
}

#ind_blog_list .pic.nopic img {
    width: 140px;
    height: 40px;
    opacity: 0.2;
    image-rendering: auto;
    filter: none !important;
    mix-blend-mode: normal !important;
}

#ind_blog_list .info {
    padding: 27px 30px 37px;
}

#ind_blog_list .name {
    font-size: 20px;
    line-height: 30px;
    color: #333;
    font-family: "MiSans-Medium";
}

#ind_blog_list .brief {
    margin-top: 5px;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}

#ind_blog_list .time {
    margin-top: 26px;
    font-size: 16px;
    line-height: 23px;
    color: #666;
}

#ind_blog_list .li:hover {
    background-color: var(--main);
    box-shadow: 0px 20px 60px 0px rgba(var(--main2), 0.2);
}

#ind_blog_list .li:hover .pic:not(.nopic) img {
    transform: scale(1.05);
}

#ind_blog_list .li:hover .name,
#ind_blog_list .li:hover .brief,
#ind_blog_list .li:hover .time {
    color: #fff;
}

#ind_blog_list .container {
    padding-bottom: 60px;
}

@media (max-width: 1680px) {
    #ind_blog_list .li {
        margin-right: 3%;
        width: 22.875%;
    }
}

@media (max-width: 1536px) {
    #ind_blog_list {
        margin-top: 50px;
    }

    #ind_blog_list .pic {
        height: 14vw;
    }
}

@media (max-width: 1440px) {
    #ind_blog_list .li {
        margin-right: 2%;
        width: 23.875%;
    }
}

@media (max-width: 1366px) {
    #ind_blog_list .name {
        font-size: 18px;
        line-height: 1.5em;
    }

    #ind_blog_list .brief,
    #ind_blog_list .time {
        font-size: 15px;
        line-height: 1.5em;
    }

    #ind_blog_list .time {
        margin-top: 15px;
    }
}

@media (max-width: 1280px) {
    #ind_blog_list {
        margin-top: 35px;
    }

    #ind_blog_list .pic {
        height: 13.3vw;
    }

    #ind_blog_list .info {
        padding: 24px;
    }

    #ind_blog_list .name {
        font-size: 16px;
    }

    #ind_blog_list .brief,
    #ind_blog_list .time {
        font-size: 14px;
    }
}

@media (max-width: 1050px) {
    #ind_blog_list .ul {
        flex-wrap: wrap;
    }

    #ind_blog_list .li {
        margin-top: 40px;
        margin-right: 4%;
        width: 47.875%;
    }

    #ind_blog_list .ul .li:nth-child(4n) {
        margin-right: 4%;
    }

    #ind_blog_list .ul .li:nth-child(2n) {
        margin-right: 0;
    }

    #ind_blog_list .ul .li:nth-child(-n+2) {
        margin-top: 0;
    }

    #ind_blog_list .pic {
        height: 27.3vw;
    }

    #ind_blog_list .name {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    #ind_blog_list {
        margin-top: 4vw;
    }

    #ind_blog_list .name {
        font-size: 0.145rem;
    }

    #ind_blog_list .brief,
    #ind_blog_list .time {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #ind_blog_list {
        overflow: hidden;
    }

    #ind_blog_list .info {
        padding: 3vw;
    }

    #ind_blog_list .name {
        font-size: 0.2rem;
    }

    #ind_blog_list .brief,
    #ind_blog_list .time {
        font-size: 0.16rem;
    }

    #ind_blog_list .li:hover {
        background-color: #fff;
        box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
    }

    #ind_blog_list .li:hover .pic:not(.nopic) img {
        transform: scale(1);
    }

    #ind_blog_list .li:hover .name {
        color: #333;
    }

    #ind_blog_list .li:hover .brief,
    #ind_blog_list .li:hover .time {
        color: #666;
    }

    #ind_blog_list .container {
        padding-bottom: 5em;
        overflow: visible !important;
    }

    #ind_blog_list .container .li {
        margin-top: 0;
    }
}

@media (max-width: 576px) {
    #ind_blog_list .li {
        width: 100%;
        margin-top: 5vw;
        margin-right: 0;
    }

    #ind_blog_list .ul .li:nth-child(-n+2) {
        margin-top: 5vw;
    }

    #ind_blog_list .ul .li:first-child {
        margin-top: 0;
    }

    #ind_blog_list .pic {
        height: 56.3vw;
    }

    #ind_blog_list .info {
        padding: 5vw;
    }

    #ind_blog_list .name {
        font-size: 0.3rem;
    }

    #ind_blog_list .brief,
    #ind_blog_list .time {
        font-size: 0.26rem;
    }
}


/* 棣栭〉-鍚堜綔浼欎即 */
#ind_partner {
    padding: 135px 0 190px;
    background-color: #fafafa;
}

#ind_partner::before,
#ind_partner::after {
    content: "";
    display: block;
    width: 20.292%;
    height: 100%;
    background: url() no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    z-index: 5;
}

#ind_partner::before {
    left: 0;
    background-image: url(/images/index/partner-back1.png);
    background-position: left top;
}

#ind_partner::after {
    right: 0;
    background-image: url(/images/index/partner-back2.png);
    background-position: right top;
}

#ind_partner .con {
    margin-top: 80px;
}

#ind_partner .one {
    margin-top: 70px;
    width: 100%;
    height: 75px;
    white-space: nowrap;
}

#ind_partner .wrapper {
    width: max-content;
    height: 100%;
}

#ind_partner .img {
    position: relative;
    margin: 0 22px;
    width: auto;
    height: 100%;
    overflow: hidden;
}

#ind_partner .img img {
    max-width: 100%;
    max-height: 100%;
}

#ind_partner .pictures:nth-child(2) .demos {
    top: 0;
    right: 0;
}

@media (max-width: 1680px) {
    #ind_partner {
        padding: 125px 0 160px;
    }
}

@media (max-width: 1536px) {
    #ind_partner {
        padding: 115px 0 125px;
    }

    #ind_partner .con {
        margin-top: 70px;
    }

    #ind_partner .one {
        margin-top: 65px;
    }
}

@media (max-width: 1440px) {
    #ind_partner {
        padding: 90px 0 110px;
    }
}

@media (max-width: 1366px) {
    #ind_partner .con {
        margin-top: 60px;
    }

    #ind_partner .one {
        margin-top: 50px;
    }
}

@media (max-width: 1280px) {
    #ind_partner {
        padding: 80px 0 100px;
    }
}

@media (max-width: 992px) {
    #ind_partner {
        padding: 8vw 0;
    }
}

@media (max-width: 768px) {
    #ind_partner .con {
        margin-top: 5vw;
    }

    #ind_partner .one {
        margin-top: 4vw;
    }
}

@media (max-width: 576px) {
    #ind_partner .one {
        margin-top: 6vw;
        height: 12vw;
    }
}



/* 鍐呴〉 */

/* 闈㈠寘灞� */
#breadcrumb {
    padding: 13px 0;
    width: 100%;
    height: max-content;
    /*border-top: 1px solid #f2f2f2;*/
}

#breadcrumb .bread_swiper {
    width: 100%;
    min-height: auto;
}

#breadcrumb .bread_swiper .slide {
    display: flex !important;
    width: max-content;
}

#breadcrumb .crumb {
    font-size: 16px;
    line-height: 25px;
    color: #666;
    position: relative;
}

#breadcrumb .crumb:hover,
#breadcrumb .slide:last-child .crumb {
    color: #333;
}

#breadcrumb span {
    display: inline;
    margin: 0 10px;
    font-size: 16px;
    color: #666;
}

@media (max-width: 1366px) {
    #breadcrumb .crumb {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    #breadcrumb {
        padding: 2vw 0;
    }

    #breadcrumb .crumb {
        font-size: 0.125rem;
    }

    #breadcrumb .icon {
        margin-right: 1vw;
    }

    #breadcrumb .jt {
        margin: 0 1.5vw;
    }
}

@media (max-width: 768px) {
    #breadcrumb {
        padding: 2vw 0;
    }

    #breadcrumb .crumb {
        font-size: 0.16rem;
    }

    #breadcrumb .crumb:hover {
        color: #666;
    }
}

@media (max-width: 576px) {
    #breadcrumb {
        padding: 3vw 0;
    }

    #breadcrumb .crumb {
        font-size: 0.24rem;
        line-height: 1.5em;
    }
}



/* 琛屼笟搴旂敤 */
/* 鑱氬悎椤� */
.industry_main {
    margin-top: 80px;
}

#industry {
    padding: 20px 0 130px;
}

#industry .list {
    margin-top: 50px;
}

#industry .li {
    margin-top: 27px;
    margin-right: 1.714%;
    width: 32.14%;
    background-color: #fff;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
}

#industry .li:nth-child(3n) {
    margin-right: 0;
}

#industry .li:nth-child(-n+3) {
    margin-top: 0;
}

#industry .pic {
    height: 276px;
}

#industry .info {
    padding: 20px 30px 27px;
}

#industry .name {
    font-size: 24px;
    line-height: 33px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#industry .brief {
    margin-top: 6px;
    font-size: 16px;
    line-height: 25px;
    height: calc(25px * 2);
    color: #666;
}

#industry .li:hover {
    background-color: var(--main);
    box-shadow: 0px 10px 40px 0px rgba(var(--main2), 0.2);
}

#industry .li:hover .pic img {
    transform: scale(1.05);
}

#industry .li:hover .name,
#industry .li:hover .brief {
    color: #fff;
}

@media (max-width: 1680px) {
    #industry .pic {
        height: 15.6vw;
    }

    #industry .name {
        font-size: 22px;
        line-height: 1.5em;
    }
}

@media (max-width: 1440px) {
    #industry .pic {
        height: 15.6vw;
    }

    #industry .name {
        font-size: 20px;
    }

    #industry .brief {
        line-height: 1.5em;
        height: calc(1.5em * 2);
    }
}

@media (max-width: 1366px) {
    #industry {
        padding: 20px 0 90px;
    }

    #industry .list {
        margin-top: 40px;
    }

    #industry .li {
        margin-top: 21px;
    }

    #industry .brief {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    #industry .pic {
        height: 15vw;
    }

    #industry .info {
        padding: 20px 25px 25px;
    }

    #industry .name {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    #industry {
        padding: 2vw 0 8vw;
    }

    #industry .list {
        margin-top: 4vw;
    }

    #industry .li {
        margin-right: 3.714%;
        margin-top: 3vw;
        width: 48.14%;
    }

    #industry .li:nth-child(3n) {
        margin-right: 3.714%;
    }

    #industry .li:nth-child(-n+3) {
        margin-top: 3vw;
    }

    #industry .li:nth-child(2n) {
        margin-right: 0;
    }

    #industry .li:nth-child(-n+2) {
        margin-top: 0;
    }

    #industry .pic {
        height: 25vw;
    }

    #industry .info {
        padding: 3vw;
    }

    #industry .name {
        font-size: 0.145rem;
    }

    #industry .brief {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #industry .name {
        font-size: 0.22rem;
    }

    #industry .brief {
        margin-top: 1.5vw;
        font-size: 0.16rem;
    }

    #industry .li:hover {
        background-color: #fff;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
    }

    #industry .li:hover .pic img {
        transform: scale(1);
    }

    #industry .li:hover .name {
        color: var(--main);
    }

    #industry .li:hover .brief {
        color: #666;
    }
}

@media (max-width: 576px) {
    .industry_main {
        margin-top: 65px;
    }

    #industry {
        padding: 3vw 0 10vw;
    }

    #industry .li {
        width: 100%;
        margin-right: 0;
    }

    #industry .li:nth-child(2n) {
        margin-right: 0;
    }

    #industry .li:nth-child(-n+2) {
        margin-top: 3vw;
    }

    #industry .li:first-child {
        margin-top: 0;
    }

    #industry .pic {
        height: 51vw;
    }

    #industry .info {
        padding: 5vw;
    }

    #industry .name {
        font-size: 0.3rem;
    }

    #industry .brief {
        margin-top: 1.5vw;
        font-size: 0.26rem;
    }
}




/* 鍒楄〃椤� */
#industry_list {
    padding: 20px 0 45px;
}

#industry_list .list {
    margin-top: 75px;
}

#industry_list .li {
    margin-top: 50px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
}

#industry_list .li:first-child {
    margin-top: 0;
}

#industry_list .pic {
    width: 32.86%;
    height: 340px;
    background-color: #fff;
}

#industry_list .right {
    width: calc(100% - 32.86%);
    padding: 30px 60px 30px 70px;
}

#industry_list .info {
    width: calc(100% - 110px);
}

#industry_list .name {
    font-size: 30px;
    line-height: 44px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#industry_list .brief {
    margin-top: 24px;
    font-size: 16px;
    line-height: 29px;
    color: #666;
}

#industry_list .icon {
    width: 52px;
    height: 52px;
    border: 1px solid var(--main);
    border-radius: 50%;
}

#industry_list .icon .svg {
    fill: var(--main);
}

#industry_list .li:hover {
    background-color: var(--main);
    box-shadow: 0px 10px 40px 0px rgba(var(--main2), 0.2);
}

#industry_list .li:hover .pic img {
    transform: translate(-50%, -50%) scale(1.05);
}

#industry_list .li:hover .name,
#industry_list .li:hover .brief {
    color: #fff;
}

#industry_list .li:hover .icon {
    border-color: #fff;
}

#industry_list .li:hover .icon .svg {
    fill: #fff;
}

@media (max-width: 1680px) {
    #industry_list .list {
        margin-top: 65px;
    }

    #industry_list .pic {
        height: 21vw;
    }
}

@media (max-width: 1536px) {
    #industry_list .brief {
        margin-top: 18px;
        line-height: 1.5em;
    }
}

@media (max-width: 1440px) {
    #industry_list .list {
        margin-top: 55px;
    }

    #industry_list .icon {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 1366px) {
    #industry_list {
        padding: 20px 0 90px;
    }

    #industry_list .list {
        margin-top: 50px;
    }

    #industry_list .li {
        margin-top: 40px;
    }

    #industry_list .right {
        padding: 30px 55px 30px 60px;
    }

    #industry_list .name {
        font-size: 28px;
        line-height: 1.5em;
    }

    #industry_list .brief {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    #industry_list {
        padding: 20px 0 80px;
    }

    #industry_list .right {
        padding: 30px 45px;
    }

    #industry_list .name {
        font-size: 26px;
    }
}

@media (max-width: 1200px) {
    #industry_list .info {
        width: calc(100% - 80px);
    }

    #industry_list .name {
        font-size: 24px;
    }

    #industry_list .brief {
        margin-top: 15px;
        font-size: 14px;
    }
}

@media (max-width: 1050px) {
    #industry_list .right {
        padding: 30px 40px;
    }

    #industry_list .name {
        font-size: 22px;
    }
}

@media (max-width: 992px) {
    #industry_list {
        padding: 2vw 0 8vw;
    }

    #industry_list .list {
        margin-top: 5vw;
    }

    #industry_list .li {
        margin-top: 4vw;
    }

    #industry_list .right {
        padding: 3vw 4vw;
    }

    #industry_list .info {
        width: 100%;
    }

    #industry_list .name {
        font-size: 0.145rem;
        line-height: 1.5em;
    }

    #industry_list .brief {
        font-size: 0.115rem;
        margin-top: 1.5vw;
    }

    #industry_list .icon {
        display: none;
    }
}

@media (max-width: 768px) {
    #industry_list .li a {
        flex-direction: column;
    }

    #industry_list .pic {
        width: 100%;
        height: 44vw;
    }

    #industry_list .right {
        padding: 5vw;
        width: 100%;
    }

    #industry_list .name {
        font-size: 0.22rem;
    }

    #industry_list .brief {
        font-size: 0.16rem;
    }

    #industry_list .li:hover {
        background-color: #fff;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
        ;
    }

    #industry_list .li:hover .pic img {
        transform: translate(-50%, -50%) scale(1);
    }

    #industry_list .li:hover .name {
        color: var(--main);
    }

    #industry_list .li:hover .brief {
        color: #666;
    }
}

@media (max-width: 576px) {
    #industry_list {
        padding: 3vw 0 10vw;
    }

    #industry_list .pic {
        height: 59vw;
    }

    #industry_list .right {
        padding: 5vw 6vw;
    }

    #industry_list .name {
        font-size: 0.3rem;
    }

    #industry_list .brief {
        font-size: 0.26rem;
    }
}



/* 璇︽儏椤� */
#industry_detail {
    padding: 37px 0 130px;
}

#industry_detail .detail_box {
    margin-top: 30px;
}

#industry_detail .detail_box .moblie {
    display: none;
}

@media (max-width: 1536px) {
    #industry_detail {
        padding: 37px 0 120px;
    }
}

@media (max-width: 1440px) {
    #industry_detail {
        padding: 20px 0 100px;
    }
}

@media (max-width: 1366px) {
    #industry_detail {
        padding: 20px 0 90px;
    }
}

@media (max-width: 992px) {
    #industry_detail {
        padding: 2vw 0 8vw;
    }

    #industry_detail .detail_box {
        margin-top: 4vw;
    }
}

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

    #industry_detail .detail_box.hasMb .moblie {
        display: block;
    }
}

@media (max-width: 576px) {
    #industry_detail {
        padding: 3vw 0 10vw;
    }
}



/* 鐩稿叧浜у搧 */
#industry_products {
    padding: 90px 0 120px;
    background-color: #f8f8f8;
}

#industry_products .title {
    font-size: 36px;
    line-height: 54px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#industry_products .cont {
    margin-top: 30px;
}

#industry_products .slide {
    background-color: #fff;
    padding-top: 44px;
    min-height: 379px;
    overflow: hidden;
}

#industry_products .pic {
    width: 100%;
    height: 223px;
}

#industry_products .pic img {
    max-width: 35%;
}

#industry_products .info {
    padding: 0 30px 33px;
    width: 100%;
    height: max-content;
    bottom: 0;
    left: 0;
}

#industry_products .name {
    font-size: 18px;
    line-height: 36px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#industry_products .brief {
    height: 0;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-weight: normal;
}

#industry_products .more {
    margin: 0 auto;
    padding: 0 30px;
    width: max-content;
    min-width: 140px;
    height: 0;
    background-color: #fff;
    border-radius: 50px;
    font-size: 16px;
    color: var(--main);
}

#industry_products .more .icon {
    margin-left: 10px;
}

#industry_products .more .svg {
    transform: scale(0.6);
    stroke: var(--main);
}

#industry_products .slide:hover .pic {
    height: 200px;
}

#industry_products .slide:hover .pic img {
    transform: translate(-50%, -50%) scale(0.95);
}

#industry_products .slide:hover .info {
    padding: 23px 30px 30px;
    background-color: var(--main);
}

#industry_products .slide:hover .name {
    color: #fff;
}

#industry_products .slide:hover .brief {
    height: 25px;
    color: #fff;
}

#industry_products .slide:hover .more {
    margin-top: 15px;
    height: 50px;
}

#industry_products .left_right_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    background-color: var(--main);
}

#industry_products .left_right_btn.prev {
    left: -7%;
}

#industry_products .left_right_btn.next {
    right: -7%;
}

#industry_products .left_right_btn .left_right_btn_svg {
    fill: #fff;
}

#industry_products .left_right_btn:hover {
    opacity: 0.8;
}

@media (max-width: 1536px) {
    #industry_products .slide {
        padding-top: 35px;
        min-height: 370px;
    }

    #industry_products .pic {
        height: 14.3vw;
    }

    #industry_products .pic img {
        max-width: 38%;
    }

    #industry_products .slide:hover .pic {
        height: 13vw;
    }

    #industry_products .slide:hover .info {
        padding: 23px 30px;
    }

    #industry_products .left_right_btn.prev {
        left: -2%;
    }

    #industry_products .left_right_btn.next {
        right: -2%;
    }
}

@media (max-width: 1440px) {
    #industry_products {
        padding: 90px 0 110px;
    }

    #industry_products .slide {
        min-height: 365px;
    }
}

@media (max-width: 1366px) {
    #industry_products {
        padding: 90px 0;
    }

    #industry_products .slide {
        min-height: 360px;
        padding-top: 30px;
    }

    #industry_products .brief {
        font-family: 15px;
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    #industry_products {
        padding: 80px 0;
    }

    #industry_products .slide {
        min-height: 320px;
        padding-top: 25px;
    }

    #industry_products .name {
        font-size: 16px;
        line-height: 1.5em;
    }

    #industry_products .brief {
        font-family: 14px;
        line-height: 1.5em;
    }

    #industry_products .slide:hover .brief {
        margin-top: 10px;
        height: 1.5em;
        color: #fff;
    }

    #industry_products .slide:hover .more {
        margin-top: 10px;
        height: 48px;
    }
}

@media (max-width: 1200px) {
    #industry_products .slide {
        min-height: 285px;
        padding-top: 20px;
    }

    #industry_products .pic {
        height: 19.3vw;
    }

    #industry_products .slide:hover .pic {
        height: 18vw;
    }
}

@media (max-width: 992px) {
    #industry_products {
        padding: 8vw 0;
    }

    #industry_products .title {
        font-size: 0.255rem;
        line-height: 1.5em;
    }

    #industry_products .cont {
        margin-top: 3vw;
    }

    #industry_products .name {
        font-size: 0.145rem;
    }

    #industry_products .brief {
        font-family: 0.115rem;
    }

    #industry_products .more {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #industry_products .title {
        font-size: 0.36rem;
        line-height: 1.5em;
    }

    #industry_products .cont {
        margin-top: 5vw;
    }

    #industry_products .slide {
        min-height: max-content;
        padding-top: 0;
    }

    #industry_products .slide .pic,
    #industry_products .slide:hover .pic {
        height: 39.3vw;
    }

    #industry_products .slide .pic img,
    #industry_products .slide:hover .pic img {
        transform: translate(-50%, -50%) scale(0.95);
    }

    #industry_products .slide .info,
    #industry_products .slide:hover .info {
        position: relative;
        bottom: inherit;
        left: inherit;
        padding: 3vw;
        background-color: var(--main);
    }

    #industry_products .slide .name {
        font-size: 0.18rem;
        color: #fff;
    }

    #industry_products .slide .brief,
    #industry_products .slide:hover .brief {
        margin-top: 1.5vw;
        font-size: 0.16rem;
        line-height: 1.5em;
        height: 1.5em;
        color: #fff;
    }

    #industry_products .slide .more,
    #industry_products .slide:hover .more {
        margin-top: 1.5vw;
        height: 7vw;
        font-size: 0.16rem;
    }
}

@media (max-width: 576px) {
    #industry_products {
        padding: 10vw 0;
    }

    #industry_products .title {
        font-size: 0.38rem;
        line-height: 1.5em;
    }

    #industry_products .slide .info,
    #industry_products .slide:hover .info {
        padding: 6vw;
    }

    #industry_products .slide .name {
        font-size: 0.3rem;
    }

    #industry_products .slide .brief,
    #industry_products .slide:hover .brief {
        font-size: 0.26rem;
    }

    #industry_products .slide .more,
    #industry_products .slide:hover .more {
        margin-top: 4.5vw;
        height: 7.5vw;
        font-size: 0.26rem;
    }

    #industry_products .more .svg {
        margin-left: 3vw;
        transform: scale(0.8);
    }

    #industry_products .left_right_btn.prev {
        left: -3%;
    }

    #industry_products .left_right_btn.next {
        right: -3%;
    }
}

@media (max-width: 530px) {

    #industry_products .slide .more,
    #industry_products .slide:hover .more {
        height: 8.5vw;
    }
}




/* 鍏朵粬搴旂敤 */
#industry_app {
    padding: 75px 0 100px;
    background-color: #fff;
}

#industry_app .title {
    font-size: 36px;
    line-height: 54px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#industry_app .list {
    margin-top: 30px;
}

#industry_app .li {
    margin-top: 44px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
}

#industry_app .li:first-child {
    margin-top: 0;
}

#industry_app .pic {
    width: 32.86%;
    height: 290px;
    background-color: #fff;
}

#industry_app .right {
    width: calc(100% - 32.86%);
    padding: 30px 60px;
}

#industry_app .info {
    width: calc(100% - 110px);
}

#industry_app .name {
    font-size: 28px;
    line-height: 44px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#industry_app .brief {
    margin-top: 15px;
    font-size: 16px;
    line-height: 29px;
    color: #666;
}

#industry_app .icon {
    width: 52px;
    height: 52px;
    border: 1px solid var(--main);
    border-radius: 50%;
}

#industry_app .icon .svg {
    fill: var(--main);
}

#industry_app .li:hover {
    background-color: var(--main);
    box-shadow: 0px 10px 40px 0px rgba(var(--main2), 0.2);
}

#industry_app .li:hover .pic img {
    transform: translate(-50%, -50%) scale(1.05);
}

#industry_app .li:hover .name,
#industry_app .li:hover .brief {
    color: #fff;
}

#industry_app .li:hover .icon {
    border-color: #fff;
}

#industry_app .li:hover .icon .svg {
    fill: #fff;
}

@media (max-width: 1680px) {

    /* #industry_app .list{margin-top: 65px;} */
    #industry_app .pic {
        height: 21vw;
    }
}

@media (max-width: 1536px) {
    #industry_app .brief {
        margin-top: 18px;
        line-height: 1.5em;
    }
}

@media (max-width: 1440px) {
    #industry_app .icon {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 1366px) {
    #industry_app .li {
        margin-top: 40px;
    }

    #industry_app .right {
        padding: 30px 55px 30px 60px;
    }

    #industry_app .name {
        font-size: 28px;
        line-height: 1.5em;
    }

    #industry_app .brief {
        font-size: 15px;
    }
}

@media (max-width: 1280px) {
    #industry_app {
        padding: 75px 0 80px;
    }

    #industry_app .right {
        padding: 30px 45px;
    }

    #industry_app .name {
        font-size: 26px;
    }
}

@media (max-width: 1200px) {
    #industry_app .info {
        width: calc(100% - 80px);
    }

    #industry_app .name {
        font-size: 24px;
    }

    #industry_app .brief {
        margin-top: 15px;
        font-size: 14px;
    }
}

@media (max-width: 1050px) {
    #industry_app .right {
        padding: 30px 40px;
    }

    #industry_app .name {
        font-size: 22px;
    }
}

@media (max-width: 992px) {
    #industry_app {
        padding: 8vw 0;
    }

    #industry_app .title {
        font-size: 0.255rem;
        line-height: 1.5em;
    }

    #industry_app .list {
        margin-top: 3vw;
    }

    #industry_app .li {
        margin-top: 3vw;
    }

    #industry_app .right {
        padding: 3vw 4vw;
    }

    #industry_app .info {
        width: 100%;
    }

    #industry_app .name {
        font-size: 0.145rem;
        line-height: 1.5em;
    }

    #industry_app .brief {
        font-size: 0.115rem;
        margin-top: 1.5vw;
    }

    #industry_app .icon {
        display: none;
    }
}

@media (max-width: 768px) {
    #industry_app .title {
        font-size: 0.36rem;
        line-height: 1.5em;
    }

    #industry_app .li a {
        flex-direction: column;
    }

    #industry_app .pic {
        width: 100%;
        height: 44vw;
    }

    #industry_app .right {
        padding: 5vw;
        width: 100%;
    }

    #industry_app .name {
        font-size: 0.22rem;
    }

    #industry_app .brief {
        font-size: 0.16rem;
    }

    #industry_app .li:hover {
        background-color: #fff;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
        ;
    }

    #industry_app .li:hover .pic img {
        transform: translate(-50%, -50%) scale(1);
    }

    #industry_app .li:hover .name {
        color: var(--main);
    }

    #industry_app .li:hover .brief {
        color: #666;
    }
}

@media (max-width: 576px) {
    #industry_app {
        padding: 10vw 0;
    }

    #industry_app .title {
        font-size: 0.38rem;
        line-height: 1.5em;
    }

    #industry_app .pic {
        height: 59vw;
    }

    #industry_app .right {
        padding: 5vw 6vw;
    }

    #industry_app .name {
        font-size: 0.3rem;
    }

    #industry_app .brief {
        font-size: 0.26rem;
    }
}



/* 浜у搧 */
.products_main {
    margin-top: 80px;
    padding: 20px 0 85px;
}

@media (max-width: 992px) {
    .products_main {
        padding: 0 0 8vw;
    }
}

@media (max-width: 576px) {
    .products_main {
        margin-top: 65px;
        padding: 0 0 10vw;
    }
}

/* 浜у搧鍒楄〃 - 澶撮儴鏍囬 */
#pro_top {
    margin-top: 80px;
}

#pro_top .brief {
    margin-top: 12px;
    font-size: 20px;
    line-height: 34px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

@media (max-width: 1280px) {
    #pro_top .brief {
        line-height: 1.5em;
    }
}

@media (max-width: 1200px) {
    #pro_top .brief {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    #pro_top {
        margin-top: 8vw;
    }

    #pro_top .brief {
        margin-top: 1.5vw;
        font-size: 0.16rem;
        line-height: 1.5em
    }
}

@media (max-width: 768px) {
    #pro_top .brief {
        font-size: 0.2rem;
    }
}

@media (max-width: 576px) {
    #pro_top {
        margin-top: 10vw;
    }

    #pro_top .brief {
        font-size: 0.26rem;
    }
}


/* 绉诲姩鍚庣殑鎼滅储鏍忔牱寮� */
#pro_top .search {
    width: 25.57%;
    /*top: 50%;*/
    top: 5px;
    right: 0;
    /*transform: translateY(-50%);*/
    z-index: 1;
}

#pro_top .form {
    margin: 0 auto;
    width: 100%;
    height: 56px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #fff;
}

#pro_top .text {
    width: calc(100% - 66px);
    height: 100%;
}

#pro_top .input {
    padding-left: 20px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
}

#pro_top .submit {
    width: 66px;
    height: 100%;
}

#pro_top .form:hover {
    border-color: var(--main);
}

@media (max-width: 1366px) {
    #pro_top .form {
        height: 55px;
    }
}

@media (max-width: 1280px) {
    #pro_top .search {
        width: 29.57%;
    }
}

@media (max-width: 1050px) {
    #pro_top .search {
        margin: 20px auto;
        position: relative;
        top: auto;
        left: auto;
        width: 53%;
    }
}

@media (max-width: 992px) {
    #pro_top .search {
        margin: 3vw auto;
    }

    #pro_top .input {
        padding-left: 2.5vw;
        font-size: 0.125rem;
    }
}

@media (max-width: 768px) {
    #pro_top .search {
        width: 60%;
        height: 7.5vw;
    }

    #pro_top .form:hover {
        border-color: #e6e6e6;
    }

    #pro_top .input {
        font-size: 0.16rem;
    }
}

@media (max-width: 576px) {
    #pro_top .search {
        width: 100%;
        margin: 4vw auto 8vw;
    }

    #pro_top .form {
        height: 9vw;
    }

    #pro_top .input {
        font-size: 0.24rem;
    }

    #pro_top .submit img {
        transform: scale(0.85);
    }
}

@media (max-width: 530px) {
    #pro_top .form {
        height: 10vw;
    }

    #pro_top .input {
        font-size: 0.26rem;
    }
}




/* 浜у搧鍒楄〃 - 鎼滅储鏍� */
/*
#pro_search{margin-top: 60px;}
#pro_search .box{padding: 47px 0; background-color: #f8f8f8; }
#pro_search .form{margin: 0 auto; width: 33.57%; height: 56px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #fff;}
#pro_search .text{width: calc(100% - 66px); height: 100%; }
#pro_search .input{padding-left: 30px; width: 100%; height: 100%; font-size: 16px; color: #333;}
#pro_search .submit{width: 66px; height: 100%;}
#pro_search .form:hover{border-color: var(--main);}

@media (max-width: 1440px) {
	#pro_search{margin-top: 50px}
	#pro_search .box{padding: 55px 0;}
}
@media (max-width: 1366px) {
	#pro_search{margin-top: 45px}
	#pro_search .form{width: 37.57%; height: 55px;}
}
@media (max-width: 1280px) {
	#pro_search .form{width: 46.57%;}
	#pro_search .input{padding-left: 25px;}
}
@media (max-width: 1200px) {
	#pro_search{margin-top: 40px}
	#pro_search .box{padding: 45px 0;}
}
@media (max-width: 1050px) {
	#pro_search .form{width: 53%;}
}
@media (max-width: 992px) {
	#pro_search{margin-top: 4vw; }
	#pro_search .box{padding: 5vw 0;}
	#pro_search .input{padding-left: 2.5vw; font-size: 0.125rem;}
}
@media (max-width: 768px) {
	#pro_search .form{width: 60%; height: 7.5vw;}
	#pro_search .form:hover{border-color: #ccc;}
	#pro_search .input{font-size: 0.16rem;}
}
@media (max-width: 576px) {
	#pro_search .form{width: 85%; height: 9vw;}
	#pro_search .input{font-size: 0.24rem;}
	#pro_search .submit img{transform: scale(0.85);}
}
@media (max-width: 530px) {
	#pro_search .form{height: 10vw;}
	#pro_search .input{font-size: 0.26rem;}
}
*/



/* 浜у搧鍒楄〃 - 宸︿晶鍒嗙被 */
.pro_cont {
    margin-top: 80px;
}

/* .pro_cate {width: 18.571%;} */
.pro_cate {
    width: 21.571%;
}

#pro_cate_pc .ul {
    margin-top: 45px;
}

#pro_cate_pc .ul:first-child {
    margin-top: 0;
}

#pro_cate_pc .cate_one {
    padding-right: 30px;
    font-size: 24px;
    line-height: 1;
    color: var(--main);
    font-family: "MiSans-Medium";
    background: url(/images/jt-2.svg) no-repeat center right;
    transition: all 0.5s ease;
    position: relative;
}

#pro_cate_pc .cate_one::before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--main);
    position: absolute;
    bottom: -23px;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease;
}

#pro_cate_pc .ul.active .cate_one {
    background-image: url(/images/jt-2-2.svg);
}

#pro_cate_pc .ul.active .cate_one::before {
    opacity: 0;
}

#pro_cate_pc .box {
    margin-top: 20px;
    border: 1px solid #f2f2f2;
    border-top: 3px solid var(--main);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}

#pro_cate_pc .cate_two {
    padding: 14px 7%;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-family: "MiSans-Medium";
}

#pro_cate_pc .down {}

#pro_cate_pc .cate_three {
    border-top: 1px solid #f2f2f2;
}

#pro_cate_pc .ul.instrument .down:first-child .cate_three {
    border-top: 0;
}

#pro_cate_pc .tit {
    padding: 15px 10.2% 12px 7%;
    font-size: 16px;
    line-height: 23px;
    color: #666;
}

#pro_cate_pc .tit.flex-left .a {
    margin-left: 10px;
}

#pro_cate_pc .tit i {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #666;
    border-radius: 50%;
    transition: all 0.5s ease;
}

#pro_cate_pc .tit .a {
    width: calc(100% - 7px);
    transition: all 0.5s ease;
}

#pro_cate_pc .tit .svg {
    width: 14px;
    height: 15px;
    stroke: #999;
    transition: all 0.5s ease;
}

#pro_cate_pc .four {
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

#pro_cate_pc .four .four_in {
    padding: 7px 16%;
}

#pro_cate_pc .li {
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

#pro_cate_pc .li i {
    margin-right: 23px;
    width: 13px;
    height: 1px;
    background-color: #666;
}

#pro_cate_pc .li span {
    width: calc(100% - 23px);
}

#pro_cate_pc .cate_three.cur {}

#pro_cate_pc .cate_three.cur .tit {
    background-color: var(--main);
    color: #fff;
}

#pro_cate_pc .cate_three.cur .tit i {
    background-color: #fff;
}

#pro_cate_pc .cate_three.cur .tit .svg {
    transform: rotate(-90deg);
    stroke: #fff;
}

#pro_cate_pc .cate_three:not(.cur) .tit:hover,
#pro_cate_pc .li:hover,
#pro_cate_pc .li.cur {
    color: var(--main);
}

@media (max-width: 1536px) {
    .pro_cont {
        margin-top: 65px;
    }
}

@media (max-width: 1440px) {
    .pro_cate {
        width: 23.571%;
    }

    #pro_cate_pc .cate_one {
        font-size: 22px;
    }
}

@media (max-width: 1366px) {
    #pro_cate_pc .cate_one {
        font-size: 21px;
    }

    #pro_cate_pc .cate_two {
        padding: 13px 7%;
        font-size: 17px;
        line-height: 1.5em;
    }

    #pro_cate_pc .tit,
    #pro_cate_pc .li {
        font-size: 15px;
    }

    #pro_cate_pc .li i {
        margin-right: 17px;
    }
}

@media (max-width: 1280px) {
    .pro_cont {
        margin-top: 50px;
    }

    #pro_cate_pc .cate_one {
        font-size: 18px;
        line-height: 1.3em;
        padding-right: 20px;
    }

    #pro_cate_pc .cate_two {
        font-size: 16px;
    }

    #pro_cate_pc .tit,
    #pro_cate_pc .li {
        font-size: 14px;
    }

    #pro_cate_pc .tit {
        padding: 10px 10.2% 10px 7%;
    }

    #pro_cate_pc .four .four_in {
        padding: 7px 14%;
    }
}

@media (max-width: 1050px) {
    .pro_cont {
        margin-top: 30px;
        flex-wrap: wrap;
    }

    .pro_cate {
        width: 100%;
    }

    #pro_cate_pc {
        display: none;
    }

    #pro_cate_mb {
        display: flex;
        justify-content: space-between;
        width: 100%;
        position: relative;
    }

    #pro_cate_mb .cate_item {
        width: 48%;
    }

    #pro_cate_mb .list {
        display: none;
        width: 100%;
        z-index: 2;
        background-color: #fff;
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
    }

    #pro_cate_mb .list_in {
        max-height: 50vw;
        overflow: auto;
    }

    #pro_cate_mb .cate_one {
        height: 55px;
        border-bottom: 3px solid var(--main);
        font-size: 20px;
        line-height: 1.2;
        font-family: "MiSans-Medium";
    }

    #pro_cate_mb .a {
        max-width: 88%;
    }

    #pro_cate_mb .jt {
        width: 14px;
        height: 15px;
        stroke: #999;
        transition: all 0.5s ease;
    }

    #pro_cate_mb .cate_two {
        padding: 14px 4%;
        font-size: 18px;
        line-height: 1;
        color: var(--main);
        font-family: "MiSans-Medium";
        border-bottom: 1px solid #f2f2f2;
    }

    #pro_cate_mb .cate_item.cur .cate_one .jt {
        transform: rotate(-90deg);
    }

    #pro_cate_mb .tit {
        padding: 15px 6% 12px 4%;
        font-size: 16px;
        line-height: 23px;
        color: #666;
    }

    #pro_cate_mb .tit i {
        display: block;
        width: 6px;
        height: 6px;
        background-color: #666;
        border-radius: 50%;
        transition: all 0.5s ease;
    }

    #pro_cate_mb .tit .a {
        width: calc(100% - 50px);
        transition: all 0.5s ease;
    }

    #pro_cate_mb .tit .svg {
        width: 14px;
        height: 15px;
        stroke: #999;
        transition: all 0.5s ease;
    }

    #pro_cate_mb .four {
        display: none;
    }

    #pro_cate_mb .four .four_in {
        padding: 10px 6%;
    }

    #pro_cate_mb .li {
        padding: 8px 0;
        font-size: 16px;
        line-height: 1.5em;
        color: #666;
    }

    #pro_cate_mb .li i {
        margin-right: 23px;
        width: 13px;
        height: 1px;
        background-color: #666;
    }

    #pro_cate_mb .li span {
        width: calc(100% - 23px);
    }

    #pro_cate_mb .cate_three {
        border-top: 1px solid #f2f2f2;
    }

    #pro_cate_mb .cate_three .icon {
        width: 30px;
        display: flex;
        align-self: center;
        justify-content: center;
    }

    #pro_cate_mb .cate_three.cur {}

    #pro_cate_mb .cate_three.cur .tit {
        background-color: var(--main);
        color: #fff;
    }

    #pro_cate_mb .cate_three.cur .tit i {
        background-color: #fff;
    }

    #pro_cate_mb .cate_three.cur .tit .svg {
        transform: rotate(-90deg);
        stroke: #fff;
    }

    #pro_cate_mb .li.cur {
        color: var(--main);
    }
}

@media (max-width: 992px) {
    .pro_cont {
        margin-top: 3vw;
    }

    #pro_cate_mb .cate_one {
        height: 6vw;
        font-size: 0.145rem;
    }

    #pro_cate_mb .cate_two {
        padding: 1.5vw 4%;
        font-size: 0.125rem;
    }

    #pro_cate_mb .tit,
    #pro_cate_mb .li {
        font-size: 0.115rem;
        line-height: 1.5em;
    }

    #pro_cate_mb .tit {
        padding: 1.4vw 6% 1.4vw 4%;
    }

    #pro_cate_mb .four .four_in {
        padding: 1vw 6%;
    }

    #pro_cate_mb .li {
        padding: 1vw 0;
    }
}

@media (max-width: 768px) {
    #pro_cate_mb {
        flex-wrap: wrap;
    }

    #pro_cate_mb .cate_item {
        margin-top: 3vw;
        width: 100%;
    }

    #pro_cate_mb .cate_item:first-child {
        margin-top: 0;
    }

    #pro_cate_mb .cate_one {
        height: 7vw;
        font-size: 0.2rem;
    }

    #pro_cate_mb .cate_two {
        padding: 1.5vw 4%;
        font-size: 0.18rem;
    }

    #pro_cate_mb .tit,
    #pro_cate_mb .li {
        font-size: 0.16rem;
    }
}

@media (max-width: 576px) {
    #pro_cate_mb .cate_one {
        height: 8vw;
        font-size: 0.3rem;
    }

    #pro_cate_mb .cate_one .icon {
        width: 5vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #pro_cate_mb .cate_two {
        padding: 2.5vw 4%;
        font-size: 0.26rem;
    }

    #pro_cate_mb .tit,
    #pro_cate_mb .li {
        font-size: 0.26rem;
    }

    #pro_cate_mb .tit {
        padding: 2.4vw 6% 2.4vw 4%;
    }
}

@media (max-width: 530px) {
    #pro_cate_mb .cate_one {
        height: 10vw;
    }
}


/* 浜у搧鍒楄〃 - 鍙充晶 */
/* .pro_right {width: 78.571%;} */
.pro_right {
    width: 75.571%;
}

#pro_cate_info {
    width: 100%;
    padding: 48px 7.27% 0;
    background: url() no-repeat center center;
}

#pro_cate_info .info {
    padding-top: 35px;
    width: 45.73%;
}

#pro_cate_info .name {
    font-size: 42px;
    line-height: 60px;
    color: #333;
    font-family: "MiSans-Semibold";
}

#pro_cate_info .cate {
    font-size: 28px;
    line-height: 48px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#pro_cate_info .pic {
    width: 47.73%;
    height: 250px;
    max-height: 100%;
}

@media (max-width: 1536px) {
    #pro_cate_info .name {
        font-size: 40px;
        line-height: 1.5em;
    }

    #pro_cate_info .cate {
        font-size: 26px;
        line-height: 1.5em;
    }

    #pro_cate_info .pic {
        height: 16vw;
    }
}

@media (max-width: 1440px) {
    .pro_right {
        width: 73.571%;
    }

    #pro_cate_info {
        padding: 40px 7.27% 10px;
    }

    #pro_cate_info .name {
        font-size: 38px;
    }

    #pro_cate_info .cate {
        font-size: 24px;
    }
}

@media (max-width: 1366px) {
    #pro_cate_info {
        padding: 40px 6.27% 10px;
    }

    #pro_cate_info .info {
        padding-top: 30px;
    }

    #pro_cate_info .name {
        font-size: 36px;
    }

    #pro_cate_info .cate {
        font-size: 22px;
        margin-top: 5px;
    }
}

@media (max-width: 1280px) {
    #pro_cate_info {
        padding: 30px 6.27% 10px;
    }

    #pro_cate_info .name {
        font-size: 34px;
    }

    #pro_cate_info .cate {
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    #pro_cate_info {
        padding: 30px 6.27% 10px;
    }

    #pro_cate_info .name {
        font-size: 32px;
    }

    #pro_cate_info .cate {
        font-size: 18px;
    }
}

@media (max-width: 1050px) {
    .pro_right {
        margin-top: 50px;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .pro_right {
        margin-top: 5vw;
    }

    #pro_cate_info {
        padding: 3vw 6.27% 2vw;
    }

    #pro_cate_info .name {
        font-size: 0.225rem;
    }

    #pro_cate_info .cate {
        font-size: 0.125rem;
    }
}

@media (max-width: 768px) {
    #pro_cate_info .name {
        font-size: 0.3rem;
    }

    #pro_cate_info .cate {
        font-size: 0.16rem;
    }

    #pro_cate_info .pic {
        height: 22vw;
    }
}

@media (max-width: 576px) {
    #pro_cate_info {
        padding: 5vw 6.27%;
        flex-direction: column-reverse;
    }

    #pro_cate_info .info {
        padding-top: 4vw;
        width: 100%;
    }

    #pro_cate_info .pic {
        width: 100%;
        height: 27vw;
    }

    #pro_cate_info .name {
        text-align: center;
    }

    #pro_cate_info .cate {
        text-align: center;
        font-size: 0.26rem;
    }
}



/* 浜у搧鍒楄〃 - 鍒楄〃鏍峰紡 */
#pro_list .item {
    padding-top: 18px;
    margin-top: 40px;
    margin-right: 3.5%;
    width: 30.91%;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}

#pro_list .item:nth-child(3n) {
    margin-right: 0;
}

#pro_list .pic {
    width: 100%;
    height: 197px;
}

#pro_list .pic img {
    transform: translate(-50%, -50%) scale(1);
    max-height: 85%;
}

#pro_list .name {
    margin-bottom: 35px;
    padding: 0 8.82%;
    font-size: 20px;
    line-height: 40px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#pro_list .info {
    padding: 22px 8.82% 25px;
}

#pro_list .cate {
    font-size: 18px;
    line-height: 34px;
    color: #333;
    font-family: "MiSans-Medium";
}

#pro_list .brief {
    margin-top: 5px;
    font-size: 16px;
    line-height: 25px;
    color: #666;
}

#pro_list .item:hover .pic img {
    transform: translate(-50%, -50%) scale(1.05);
}

#pro_list .item:hover .info {
    background-color: var(--main);
}

#pro_list .item:hover .cate,
#pro_list .item:hover .brief {
    color: #fff;
}

@media (max-width: 1536px) {
    #pro_list .item {
        margin-top: 38px;
    }

    #pro_list .name {
        margin-bottom: 25px;
    }

    #pro_list .pic {
        height: 13vw;
    }

    #pro_list .info {
        padding: 15px 8.82% 25px;
    }
}

@media (max-width: 1440px) {
    #pro_list .item {
        margin-top: 36px;
    }

    #pro_list .name {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 1.5em;
    }
}

@media (max-width: 1366px) {
    #pro_list .item {
        margin-top: 34px;
    }

    #pro_list .name {
        margin-bottom: 17px;
        font-size: 17px;
    }

    #pro_list .cate {
        font-size: 17px;
        line-height: 1.5em;
    }

    #pro_list .brief {
        font-size: 15px;
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    #pro_list .info {
        padding: 15px 8.82% 20px;
    }
}

@media (max-width: 1200px) {
    #pro_list .item {
        margin-top: 27px;
    }

    #pro_list .name {
        margin-bottom: 15px;
        font-size: 16px;
    }

    #pro_list .cate {
        font-size: 16px;
    }

    #pro_list .brief {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    #pro_list .item {
        margin-top: 2.5vw;
        padding-top: 1.5vw;
    }

    #pro_list .pic {
        height: 17vw;
    }

    #pro_list .name {
        margin-bottom: 1.5vw;
        font-size: 0.135rem;
    }

    #pro_list .cate {
        font-size: 0.135rem;
    }

    #pro_list .brief {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #pro_list .item {
        width: 48.5%;
        margin-top: 3vw;
        margin-right: 3%;
        padding-top: 3.5vw;
    }

    #pro_list .item:nth-child(3n) {
        margin-right: 3%;
    }

    #pro_list .item:nth-child(2n) {
        margin-right: 0;
    }

    #pro_list .pic {
        height: 24vw;
    }

    #pro_list .name {
        margin-bottom: 1.5vw;
        font-size: 0.2rem;
    }

    #pro_list .cate {
        font-size: 0.18rem;
    }

    #pro_list .brief {
        font-size: 0.16rem;
    }

    #pro_list .item:hover .pic img {
        transform: translate(-50%, -50%) scale(1);
    }

    #pro_list .item:hover .info {
        background-color: #fff;
    }

    #pro_list .item:hover .cate {
        color: #333;
    }

    #pro_list .item:hover .brief {
        color: #666;
    }
}

@media (max-width: 576px) {
    #pro_list .item {
        width: 100%;
        margin-right: 0;
        margin-top: 5vw;
    }

    #pro_list .item:nth-child(3n) {
        margin-right: 0;
    }

    #pro_list .pic {
        height: 51vw;
    }

    #pro_list .info {
        padding: 2vw 8.82% 5vw;
    }

    #pro_list .name {
        margin-bottom: 1.5vw;
        font-size: 0.3rem;
    }

    #pro_list .cate {
        font-size: 0.28rem;
    }

    #pro_list .brief {
        font-size: 0.26rem;
    }
}



/* 浜у搧鍒楄〃 - 杈撳叆鎼滅储鍏抽敭璇嶇殑鍒楄〃 */
.has_key {
    margin-top: 0px;
}

.has_key .pro_cate,
.has_key #pro_cate_info {
    display: none;
}

.has_key .pro_right {
    width: 100%;
}

.has_key #pro_list .item {
    width: 22.35%;
}

.has_key #pro_list .item:nth-child(3n) {
    margin-right: 3.5%;
}

.has_key #pro_list .item:nth-child(4n) {
    margin-right: 0;
}

@media (max-width: 1440px) {
    .has_key #pro_list .item {
        margin-top: 45px;
    }
}

@media (max-width: 1366px) {
    .has_key #pro_list .item {
        margin-top: 43px;
    }
}

@media (max-width: 1280px) {
    .has_key #pro_list .item {
        margin-top: 37px;
    }
}

@media (max-width: 1200px) {
    .has_key #pro_list .item {
        margin-top: 2.8vw;
    }
}

@media (max-width: 1050px) {
    .has_key .pro_right {
        margin-top: 0;
    }
}

@media (max-width: 992px) {
    .has_key #pro_list .item {
        margin-top: 2.5vw;
        margin-right: 3.5%;
        width: 30.91%;
    }

    .has_key #pro_list .item:nth-child(4n) {
        margin-right: 3.5%;
    }

    .has_key #pro_list .item:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .has_key #pro_list .item {
        width: 48.5%;
        margin-top: 3vw;
        margin-right: 3%;
        padding-top: 3.5vw;
    }

    .has_key #pro_list .item:nth-child(3n) {
        margin-right: 3%;
    }

    .has_key #pro_list .item:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 576px) {
    .has_key #pro_list .item {
        width: 100%;
        margin-right: 0;
        margin-top: 5vw;
    }

    .has_key #pro_list .item:nth-child(3n) {
        margin-right: 0;
    }
}



/* 浜у搧璇︽儏 - 骞垮憡鍥� */
#pro_banner {
    width: 100%;
    height: 800px;
    background: url(/images/products/detail-back.jpg) no-repeat center top/ 100% 100%;
}

#pro_banner .box {
    padding-top: 100px;
}

#pro_banner #breadcrumb {
    padding: 0;
}

#pro_banner .cont {
    margin-top: 82px;
}

#pro_banner .left {
    width: 50%;
}

#pro_banner .cate {
    font-size: 20px;
    line-height: 28px;
    color: #333;
    font-family: "MiSans-Medium";
}

#pro_banner .name {
    margin-top: 14px;
    font-size: 46px;
    line-height: 62px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#pro_banner .brief {
    margin-top: 12px;
    font-size: 18px;
    line-height: 27px;
    color: #666;
}

#pro_banner .btn {
    margin-top: 65px;
    padding: 0 30px;
    width: max-content;
    min-width: 160px;
    height: 50px;
    background-color: var(--main);
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
}

#pro_banner .btn .icon {
    margin-right: 7px;
    width: 21px;
    height: 22px;
}

#pro_banner .btn:hover {
    opacity: 0.8;
}

#pro_banner .pic_swiper {
    width: 50%;
    height: 440px;
}

#pro_banner .pic_swiper .slide {
    width: 100%;
    height: 100%;
}

#pro_banner .pic_swiper .slide img {
    max-width: 100%;
    max-height: 100%;
}

#pro_banner .pic_swiper .swiper-pagination {
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#pro_banner .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
    width: 10px;
    height: 10px;
    background: #000;
    opacity: 0.1;
    transition: all 0.3s ease;
}

#pro_banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: var(--main);
    opacity: 1;
}

@media (max-width: 1680px) {
    #pro_banner {
        height: 45vw;
    }

    #pro_banner .btn {
        margin-top: 50px;
    }

    #pro_banner .pic_swiper {
        height: 26vw;
    }
}

@media (max-width: 1536px) {
    #pro_banner .cate {
        font-size: 20px;
        line-height: 1.5em;
    }

    #pro_banner .name {
        font-size: 45px;
        line-height: 1.5em;
    }

    #pro_banner .brief {
        font-size: 18px;
        line-height: 1.5em;
    }
}

@media (max-width: 1440px) {
    #pro_banner .cont {
        margin-top: 60px;
    }

    #pro_banner .cate {
        font-size: 18px;
    }

    #pro_banner .name {
        font-size: 42px;
    }

    #pro_banner .brief {
        font-size: 16px;
    }

    #pro_banner .pic_swiper {
        height: 28vw;
    }
}

@media (max-width: 1366px) {
    #pro_banner .cont {
        margin-top: 50px;
    }

    #pro_banner .cate {
        font-size: 16px;
    }

    #pro_banner .name {
        font-size: 40px;
    }

    #pro_banner .brief {
        font-size: 15px;
    }

    #pro_banner .pic_swiper {
        height: 26vw;
    }
}

@media (max-width: 1280px) {
    #pro_banner .cont {
        margin-top: 45px;
    }

    #pro_banner .cate {
        font-size: 15px;
    }

    #pro_banner .name {
        font-size: 38px;
    }

    #pro_banner .btn {
        height: 48px;
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    #pro_banner .cont {
        margin-top: 40px;
    }

    #pro_banner .name {
        font-size: 36px;
    }

    #pro_banner .btn {
        margin-top: 35px;
    }
}

@media (max-width: 1050px) {
    #pro_banner .name {
        font-size: 34px;
    }
}

@media (max-width: 992px) {
    #pro_banner {
        height: auto;
    }

    #pro_banner .cont {
        margin-top: 5vw;
        flex-direction: column-reverse;
    }

    #pro_banner .box {
        position: relative;
        height: max-content;
    }

    #pro_banner .pic_swiper {
        width: 100%;
        height: 42vw;
    }

    #pro_banner .left {
        width: 100%;
        padding: 4vw 0 6vw;
    }

    #pro_banner .cate {
        font-size: 0.145rem;
    }

    #pro_banner .name {
        font-size: 0.298rem;
    }

    #pro_banner .brief {
        font-size: 0.115rem;
    }

    #pro_banner .btn {
        margin-top: 4vw;
        height: 5vw;
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #pro_banner .pic_swiper .slide img {
        max-height: 90%;
    }

    #pro_banner .cate {
        font-size: 0.2rem;
    }

    #pro_banner .name {
        font-size: 0.4rem;
    }

    #pro_banner .brief {
        font-size: 0.16rem;
    }

    #pro_banner .btn {
        margin-top: 4.5vw;
        min-width: 16vw;
        height: 6vw;
        font-size: 0.16rem;
    }
}

@media (max-width: 576px) {
    #pro_banner .box {
        padding-top: 80px;
    }

    #pro_banner .cate {
        font-size: 0.3rem;
    }

    #pro_banner .name {
        font-size: 0.42rem;
    }

    #pro_banner .brief {
        font-size: 0.26rem;
    }

    #pro_banner .btn {
        margin-top: 5vw;
        min-width: 20vw;
        height: 8vw;
        font-size: 0.24rem;
    }
}

@media (max-width: 530px) {
    #pro_banner .btn {
        height: 10vw;
    }
}



/* 浜у搧璇︽儏 */
.pro_detail_main {
    padding-bottom: 140px;
}

.proTitle {
    font-size: 36px;
    line-height: 1;
    color: var(--main);
    font-family: "MiSans-Medium";
}

@media (max-width: 1536px) {
    .pro_detail_main {
        padding-bottom: 120px;
    }
}

@media (max-width: 1440px) {
    .pro_detail_main {
        padding-bottom: 100px;
    }

    .proTitle {
        font-size: 34px;
        line-height: 1.3em;
    }
}

@media (max-width: 1366px) {
    .pro_detail_main {
        padding-bottom: 90px;
    }

    .proTitle {
        font-size: 32px;
    }
}

@media (max-width: 1280px) {
    .pro_detail_main {
        padding-bottom: 80px;
    }

    .proTitle {
        font-size: 30px;
    }
}

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

@media (max-width: 992px) {
    .pro_detail_main {
        padding-bottom: 8vw;
    }

    .proTitle {
        font-size: 0.26rem;
    }
}

@media (max-width: 768px) {
    .proTitle {
        font-size: 0.3rem;
    }
}

@media (max-width: 576px) {
    .pro_detail_main {
        padding-bottom: 10vw;
    }

    .proTitle {
        font-size: 0.36rem;
    }
}



/* 浜у搧璇︽儏 - 鑿滃崟鏍� */
#pro_menu {
    padding-top: 72px;
}

#pro_menu .box {
    border-bottom: 1px solid #e4e4e4;
}

#pro_menu .item {
    margin-right: 6.43%;
    width: auto;
    font-size: 20px;
    line-height: 84px;
    color: #333;
    font-family: "MiSans-Medium";
    position: relative;
}

#pro_menu .item::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--main);
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
    opacity: 0;
}

#pro_menu .item.cur,
#pro_menu .item:hover {
    color: var(--main);
}

#pro_menu .item.cur::before {
    opacity: 1;
}

@media (max-width: 1680px) {
    #pro_menu {
        padding-top: 65px;
    }
}

@media (max-width: 1536px) {
    #pro_menu .item {
        margin-right: 5.43%;
        line-height: 75px;
    }
}

@media (max-width: 1440px) {
    #pro_menu .item {
        margin-right: 5%;
        font-size: 18px;
        line-height: 65px;
    }
}

@media (max-width: 1366px) {
    #pro_menu {
        padding-top: 50px;
    }

    #pro_menu .item {
        margin-right: 4%;
        font-size: 18px;
        line-height: 50px;
    }
}

@media (max-width: 1050px) {
    #pro_menu {
        padding-top: 40px;
    }
}

@media (max-width: 992px) {
    #pro_menu {
        padding-top: 4vw;
    }

    #pro_menu .item {
        margin-right: 4%;
        font-size: 0.145rem;
        line-height: 5.5vw;
    }
}

@media (max-width: 768px) {
    #pro_menu .item {
        margin-right: 6%;
        font-size: 0.18rem;
        line-height: 7vw;
    }
}

@media (max-width: 576px) {
    #pro_menu .item {
        margin-right: 6%;
        font-size: 0.26rem;
        line-height: 12vw;
    }
}



/* 浜у搧璇︽儏 - 浜у搧鐗圭偣 */
#pro_feature {
    padding-top: 100px;
}

#pro_feature .item {
    padding: 28px 35px;
    margin-top: 43px;
    margin-right: 2.857%;
    width: 31.33%;
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06);
    border-left: 4px solid var(--main);
}

#pro_feature .item:nth-child(3n) {
    margin-right: 0;
}

#pro_feature .tit {
    font-size: 18px;
    line-height: 33px;
    color: var(--main);
    font-family: "MiSans-Semibold";
}

#pro_feature .brief {
    font-size: 16px;
    line-height: 33px;
    color: #666;
}

@media (max-width: 1536px) {
    #pro_feature {
        padding-top: 90px;
    }
}

@media (max-width: 1440px) {
    #pro_feature .item {
        padding: 25px 30px;
        margin-top: 35px;
    }
}

@media (max-width: 1280px) {
    #pro_feature {
        padding-top: 80px;
    }

    #pro_feature .item {
        margin-top: 30px;
    }

    #pro_feature .tit {
        font-size: 17px;
        line-height: 1.5em;
    }

    #pro_feature .brief {
        margin-top: 5px;
        font-size: 15px;
        line-height: 1.5em;
    }
}

@media (max-width: 992px) {
    #pro_feature {
        padding-top: 8vw;
    }

    #pro_feature .item {
        margin-top: 3vw;
        padding: 2.5vw 3vw;
        width: 48%;
        margin-right: 3%;
    }

    #pro_feature .item:nth-child(3n) {
        margin-right: 3%;
    }

    #pro_feature .item:nth-child(2n) {
        margin-right: 0;
    }

    #pro_feature .tit {
        font-size: 0.145rem;
    }

    #pro_feature .brief {
        margin-top: 1vw;
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #pro_feature .tit {
        font-size: 0.18rem;
    }

    #pro_feature .brief {
        margin-top: 1.5vw;
        font-size: 0.16rem;
    }
}

@media (max-width: 576px) {
    #pro_feature {
        padding-top: 10vw;
    }

    #pro_feature .item {
        margin-top: 4vw;
        padding: 4vw 5vw;
        width: 100%;
        margin-right: 0;
    }

    #pro_feature .item:nth-child(3n) {
        margin-right: 0;
    }

    #pro_feature .tit {
        font-size: 0.28rem;
    }

    #pro_feature .brief {
        margin-top: 1.5vw;
        font-size: 0.26rem;
    }
}



/* 浜у搧璇︽儏 - 浜у搧鐗圭偣 */
#pro_model {
    padding-top: 100px;
}

#pro_model .box {
    margin-top: 40px;
    /*width: 100%;*/
}

#pro_model .in_box {
    width: 100%;
    border: 1px solid #e6e6e6;
}

#pro_model .li {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    line-height: 1.1;
    color: #333;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

#pro_model .li span {
    display: block;
    width: 100%;
    padding: 13px 5.5% 15px;
    line-height: 22px;
}

#pro_model .li1 {
    flex: 1.6;
    justify-content: flex-start;
    text-align: left;
}

#pro_model .li1 span {
    padding: 13px 15.5% 15px;
}

#pro_model .down_li {
    flex: 1.6;
    border-right: 0;
}

#pro_model .tit_box {
    background-color: var(--main);
    width: 100%;
    height: 70px;
}

#pro_model .tit_box .li {
    color: #fff;
    font-family: "MiSans-Medium";
    border-top: 0;
}

#pro_model .item {
    width: 100%;
}

#pro_model .item:nth-child(2n+1) {
    background-color: #fafafa;
}

#pro_model .item .li1 {
    color: var(--main);
    font-family: "MiSans-Medium";
}

#pro_model .item .down_li span {
    width: max-content;
    padding: 0;
}

#pro_model .item .down_li .icon {
    margin-left: 18px;
    width: 20px;
    height: 20px;
    background-color: var(--main);
    border-radius: 50%;
}

@media (max-width: 1536px) {
    #pro_model {
        padding-top: 90px;
    }
}

@media (max-width: 1280px) {
    #pro_model {
        padding-top: 80px;
    }

    #pro_model .li {
        font-size: 13px;
    }

    #pro_model .tit_box .li1 span {
        padding: 13px 30px 15px;
    }

    /* #pro_model .item .li1 span{padding: 13px 28px 15px;} */
}

@media (max-width: 1200px) {
    #pro_model .box {
        margin-top: 35px;
        /*width: 100%;*/
        overflow: auto;
    }

    #pro_model .in_box {
        width: 1400px;
    }
}

@media (max-width: 992px) {
    #pro_model {
        padding-top: 8vw;
    }

    #pro_model .box {
        padding-bottom: 2vw;
    }

    #pro_model .li {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #pro_model .li {
        font-size: 0.14rem;
    }
}

@media (max-width: 576px) {
    #pro_model {
        padding-top: 10vw;
    }

    #pro_model .li {
        font-size: 0.24rem;
    }

    #pro_model .in_box {
        width: 1680px;
    }

    /* #pro_model .tit_box .li1{padding: 1.5vw 3vw;} */
    /* #pro_model .item .li1 span{padding: 2.5vw 3vw;} */
    #pro_model .item .li span {
        padding: 2.5vw 5.5%;
    }

    #pro_model .item .down_li .icon {
        margin-left: 1.5vw;
        width: 4vw;
        height: 4vw;
    }
}

/* 浜у搧閫夊瀷琛ㄦ牸 */
.pro_model_table {
    width: 100%;
    border: 1px solid #e6e6e6;
}

.pro_model_table tr {
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    color: #333;
}

.pro_model_table tr.bgfa {
    background-color: #fafafa;
}

.pro_model_table tr:not(.firstRow):nth-child(2n+1) {
    background-color: #fafafa;
}

.pro_model_table tr td {
    font-size: 14px;
    padding: 15px 12px 14px;
    border-right: 1px solid #e6e6e6;
    text-align: center;
}

.pro_model_table .firstRow {
    width: 100%;
    background-color: var(--main);
}

.pro_model_table .firstRow td {
    padding: 18px 0;
    border-right: 1px solid #e6e6e6;
    color: #fff;
    font-family: "MiSans-Medium";
    text-align: center;
}

.pro_model_table .firstRow td:first-child,
.pro_model_table tr td:first-child {
    padding-left: 40px;
    text-align: left;
}

.pro_model_table tr:not(.firstRow) td:first-child {
    color: var(--main);
    font-family: "MiSans-Medium";
}

.pro_model_table .down_li {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--main);
}

.pro_model_table .down_li span {
    width: max-content;
    padding: 0;
}

.pro_model_table .down_li .icon {
    margin-left: 18px;
    width: 20px;
    height: 20px;
    background-color: var(--main);
    border-radius: 50%;
}

@media (max-width: 1050px) {

    .pro_model_table .firstRow td:first-child,
    .pro_model_table tr td:first-child {
        padding-left: 20px;
    }
}

@media (max-width: 992px) {
    .pro_model_table {
        width: 1400px !important;
    }

    .pro_model_table .firstRow td {
        font-size: 0.125rem;
    }

    .pro_model_table tr td,
    .pro_model_table .titRow {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    .pro_model_table .firstRow td {
        font-size: 0.18rem;
    }

    .pro_model_table tr td,
    .pro_model_table .titRow {
        font-size: 0.14rem;
    }
}

@media (max-width: 576px) {
    .pro_model_table .firstRow td {
        font-size: 0.28rem;
    }

    .pro_model_table tr td,
    .pro_model_table .titRow {
        font-size: 0.26rem;
    }

    .pro_model_table .down_li .icon {
        margin-left: 1.5vw;
        width: 4vw;
        height: 4vw;
    }
}



/* 浜у搧璇︽儏 - 搴旂敤棰嗗煙 */
#pro_area {
    padding-top: 90px;
}

#pro_area .item {
    padding: 65px 0 60px;
    border-bottom: 1px solid #f6f6f6;
}

#pro_area .item:last-child {
    padding-bottom: 0;
    border: 0;
}

#pro_area .info {
    width: 61.786%;
}

#pro_area .name {
    font-size: 24px;
    line-height: 42px;
    color: #333;
    font-family: "MiSans-Medium";
}

#pro_area .brief {
    margin-top: 12px;
    font-size: 16px;
    line-height: 31px;
    color: #666;
}

#pro_area .pic {
    width: 30%;
    height: 260px;
}

#pro_area .item:hover .pic img {
    transform: scale(1.05);
}

#pro_area .item:hover .name {
    color: var(--main);
}

@media (max-width: 1680px) {
    #pro_area .item {
        padding: 60px 0 55px;
    }

    #pro_area .pic {
        height: 16vw;
    }
}

@media (max-width: 1536px) {
    #pro_area .item {
        padding: 55px 0;
    }
}

@media (max-width: 1440px) {
    #pro_area .item {
        padding: 45px 0;
    }

    #pro_area .name {
        font-size: 22px;
        line-height: 1.5em;
    }

    #pro_area .brief {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    #pro_area {
        padding-top: 80px;
    }

    #pro_area .item {
        padding: 30px 0;
    }

    #pro_area .name {
        font-size: 20px;
    }

    #pro_area .brief {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    #pro_area {
        padding-top: 8vw;
    }

    #pro_area .item {
        padding: 3vw 0;
    }

    #pro_area .name {
        font-size: 0.145rem;
    }

    #pro_area .brief {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #pro_area {
        padding-top: 8vw;
    }

    #pro_area .list {
        margin-top: 5vw;
    }

    #pro_area .item {
        padding: 0;
        padding-bottom: 5vw;
        margin-bottom: 5vw;
    }

    #pro_area .item:last-child {
        margin-bottom: 0;
        border: 0;
    }

    #pro_area .item a {
        flex-direction: column-reverse;
    }

    #pro_area .pic {
        width: 100%;
        height: 58vw;
    }

    #pro_area .info {
        padding-top: 4vw;
        width: 100%;
    }

    #pro_area .name {
        font-size: 0.2rem;
    }

    #pro_area .brief {
        font-size: 0.16rem;
    }

    #pro_area .item:hover .pic img {
        transform: scale(1);
    }

    #pro_area .item:hover .name {
        color: #333;
    }
}

@media (max-width: 576px) {
    #pro_area {
        padding-top: 10vw;
    }

    #pro_area .name {
        font-size: 0.3rem;
    }

    #pro_area .brief {
        font-size: 0.26rem;
    }
}



/* 浜у搧璇︽儏 - 鎶€鏈崗璁笅杞� */
#pro_download {
    padding-top: 80px;
    margin-bottom: 45px;
}

@media (max-width: 1280px) {
    #pro_download {
        margin-bottom: 35px;
    }
}

@media (max-width: 992px) {
    #pro_download {
        padding-top: 8vw;
        margin-bottom: 3vw;
    }
}

@media (max-width: 576px) {
    #pro_download {
        padding-top: 10vw;
        margin-bottom: 5vw;
    }
}


/* 浜у搧璇︽儏-鎶€鏈鏍� */
#pro_specs {
    padding-top: 90px;
    margin-bottom: 40px;
}

.pro_specs .box {
    overflow: auto;
}

.pro_specs_table {
    width: 100%;
    border: 1px solid #e6e6e6;
}

.pro_specs_table tr {
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    color: #333;
}

.pro_specs_table tr.bgfa {
    background-color: #fafafa;
}

.pro_specs_table tr td {
    font-size: 16px;
    padding: 12px;
    border-right: 1px solid #e6e6e6;
}

.pro_specs_table tr td:first-child {
    width: 12% !important;
    font-family: "MiSans-Medium";
}

.pro_specs_table .firstRow {
    width: 100%;
    background-color: var(--main);
}

.pro_specs_table .firstRow td {
    width: 25%;
    padding: 18px 0;
    border-right: 1px solid #e6e6e6;
    font-size: 18px;
    color: #fff;
    font-family: "MiSans-Medium";
    text-align: center;
}

.pro_specs_table .firstRow td:first-child {
    padding-left: 20px;
    text-align: left;
}

.pro_specs_table .titRow {
    font-size: 18px;
    color: #333;
    font-family: "MiSans-Medium";
    background-color: #ebeef2;
}

.pro_specs_table .titRow td {
    padding: 13px 0;
}

@media (max-width: 1280px) {
    #pro_specs {
        padding-top: 80px;
    }
}

@media (max-width: 992px) {
    #pro_specs {
        padding-top: 8vw;
    }

    .pro_specs .box {
        padding-bottom: 2vw;
    }

    .pro_specs_table {
        width: 1400px;
    }

    .pro_specs_table .firstRow td {
        font-size: 0.125rem;
    }

    .pro_specs_table tr td,
    .pro_specs_table .titRow {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #pro_specs {
        margin-bottom: 4vw;
    }

    .pro_specs_table .firstRow td {
        font-size: 0.18rem;
    }

    .pro_specs_table tr td,
    .pro_specs_table .titRow {
        font-size: 0.14rem;
    }
}

@media (max-width: 576px) {
    #pro_specs {
        padding-top: 10vw;
        margin-bottom: 5vw;
    }

    .pro_specs_table .firstRow td {
        font-size: 0.28rem;
    }

    .pro_specs_table tr td,
    .pro_specs_table .titRow {
        font-size: 0.26rem;
    }
}



/* 璧勮涓績 */
.blog_main {
    margin-top: 80px;
}

.blog_box {
    padding: 20px 0 70px;
}

.blog #faqs_cate {
    margin-top: 50px;
}


#blog .item {
    margin-top: 50px;
    margin-right: 3.75%;
    width: 30.833%;
    background-color: #f8f8f8;
}

#blog .item:nth-child(3n) {
    margin-right: 0;
}

#blog .item:nth-child(-n+3) {
    margin-top: 0;
}

#blog .pic {
    width: 100%;
    height: 254px;
}

#blog .pic.nopic {
    background-color: #f1f1f1;
}

#blog .pic.nopic img {
    width: 140px;
    height: 40px;
    opacity: 0.2;
}

#blog .info {
    padding: 22px 30px 28px;
}

#blog .name {
    font-size: 22px;
    line-height: 30px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#blog .brief {
    margin-top: 21px;
    font-size: 16px;
    line-height: 24px;
    color: #888;
}

#blog .time {
    margin-top: 28px;
    font-size: 16px;
    line-height: 21px;
    color: #999;
}

#blog .item:hover {
    background-color: var(--main);
}

#blog .item:hover .pic:not(.nopic) img {
    transform: scale(1.05);
}

#blog .item:hover .name,
#blog .item:hover .brief,
#blog .item:hover .time {
    color: #fff;
}

@media (max-width: 1680px) {
    #blog .pic {
        height: 15.1vw;
    }
}

@media (max-width: 1440px) {
    #blog .item {
        margin-top: 45px;
    }

    #blog .pic {
        height: 17vw;
    }

    #blog .name {
        font-size: 20px;
        line-height: 1.5em;
    }

    #blog .brief {
        margin-top: 15px;
        font-size: 16px;
        line-height: 1.5em;
    }

    #blog .time {
        margin-top: 25px;
        line-height: 1.5em;
    }
}

@media (max-width: 1366px) {
    #blog .brief {
        margin-top: 12px;
    }

    #blog .time {
        margin-top: 20px;
    }
}

@media (max-width: 1280px) {
    #blog .item {
        margin-top: 29px;
        margin-right: 2.75%;
        width: 31.43%;
    }
}

@media (max-width: 1280px) {
    #blog .name {
        font-size: 18px;
    }

    #blog .brief,
    #blog .time {
        font-size: 15px;
    }

    #blog .brief {
        margin-top: 10px;
    }

    #blog .time {
        margin-top: 15px;
    }
}

@media (max-width: 1200px) {
    #blog .item {
        margin-top: 27px;
    }

    #blog .info {
        padding: 22px 25px;
    }
}

@media (max-width: 992px) {
    .blog_box {
        padding: 2vw 0 8vw;
    }

    .blog #faqs_cate {
        margin-top: 4vw;
    }

    #blog .item {
        margin-top: 4vw;
        margin-right: 3.75%;
        width: 48%;
    }

    #blog .item:nth-child(3n) {
        margin-right: 3.75%;
    }

    #blog .item:nth-child(-n+3) {
        margin-top: 4vw;
    }

    #blog .item:nth-child(2n) {
        margin-right: 0;
    }

    #blog .item:nth-child(-n+2) {
        margin-top: 0;
    }

    #blog .pic {
        height: 27vw;
    }

    #blog .info {
        padding: 2.5vw 3vw;
    }

    #blog .name {
        font-size: 0.145rem;
    }

    #blog .brief,
    #blog .time {
        font-size: 0.115rem;
    }

    #blog .brief {
        margin-top: 1vw;
    }

    #blog .time {
        margin-top: 2vw;
    }
}

@media (max-width: 768px) {
    #blog .item {
        margin-top: 4vw;
        margin-right: 0;
        width: 100%;
    }

    #blog .item:nth-child(-n+2) {
        margin-top: 4vw;
    }

    #blog .item:first-child {
        margin-top: 0;
    }

    #blog .pic {
        height: 59vw;
    }

    #blog .info {
        padding: 5vw 5.5vw;
    }

    #blog .name {
        font-size: 0.22rem;
    }

    #blog .brief,
    #blog .time {
        font-size: 0.16rem;
    }

    #blog .item:hover {
        background-color: #f8f8f8;
    }

    #blog .item:hover .pic:not(.nopic) img {
        transform: scale(1);
    }

    #blog .item:hover .name {
        color: var(--main);
    }

    #blog .item:hover .brief {
        color: #888;
    }

    #blog .item:hover .time {
        color: #999;
    }
}

@media (max-width: 576px) {
    .blog_main {
        margin-top: 65px;
    }

    .blog_box {
        padding: 3vw 0 10vw;
    }

    #blog .item {
        margin-top: 5vw;
    }

    #blog .name {
        font-size: 0.3rem;
    }

    #blog .brief,
    #blog .time {
        font-size: 0.26rem;
    }

    #blog .brief {
        margin-top: 1.5vw;
    }
}


/* 鏂伴椈璇︽儏 */
.blog_detail {
    padding: 57px 0 95px;
}

#blog_detail_detail {
    width: 70%;
}

#blog_detail_detail .title {
    font-size: 36px;
    line-height: 53px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#blog_detail_detail .time {
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #999;
}

#blog_detail_detail .time .icon {
    margin-right: 10px;
    margin-top: 2px;
}

#blog_detail_detail .content {
    margin-top: 60px;
}

#blog_detail_detail .btn_box {
    margin-top: 95px;
}

#blog_detail_detail .btns {
    width: 48.979%;
    padding: 50px 6.1% 60px;
    overflow: hidden;
    background: #f8f8f8;
}

#blog_detail_detail .btns .jt {
    width: 16px;
    height: 20px;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    z-index: 1;
}

#blog_detail_detail .btns .jt .svg {
    fill: var(--main);
}

#blog_detail_detail .btns .jt .svg {
    transform: scale(1.5);
}

#blog_detail_detail .btns.prev .jt .svg {
    transform: rotate(180deg) scale(1.5);
}

#blog_detail_detail .btns .t1 {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 34px;
    color: #1a1a1a;
    font-family: "MiSans-Medium";
}

#blog_detail_detail .btns .t2 {
    font-size: 18px;
    line-height: 34px;
    color: #1a1a1a;
    width: 90%;
}

#blog_detail_detail .btns.next .jt {
    left: auto;
    right: 30px;
}

#blog_detail_detail .btns:hover {
    background-color: var(--main);
}

#blog_detail_detail .btns:hover .t1 {
    color: #fff;
    font-family: "MiSans-Semibold";
}

#blog_detail_detail .btns:hover .t2 {
    color: #fff;
}

#blog_detail_detail .btns:hover .jt .svg {
    fill: #fff;
}

@media (max-width: 1680px) {
    .blog_detail {
        padding: 50px 0 90px;
    }

    #blog_detail_detail .btn_box {
        margin-top: 80px;
    }
}

@media (max-width: 1536px) {
    #blog_detail_detail {
        width: 72%;
    }

    #blog_detail_detail .content {
        margin-top: 50px;
    }
}

@media (max-width: 1366px) {
    #blog_detail_detail .title {
        font-size: 34px;
        line-height: 1.5em;
    }

    #blog_detail_detail .btns {
        padding: 40px 5.1% 50px;
    }
}

@media (max-width: 1280px) {
    .blog_detail {
        padding: 40px 0 90px;
    }

    #blog_detail_detail .time {
        margin-top: 15px;
        font-size: 15px;
        line-height: 1.5em;
    }

    #blog_detail_detail .content {
        margin-top: 40px;
    }

    #blog_detail_detail .btn_box {
        margin-top: 60px;
    }

    #blog_detail_detail .btns {
        padding: 40px 5.1%;
    }

    #blog_detail_detail .btns .t1,
    #blog_detail_detail .btns .t2 {
        font-size: 17px;
        line-height: 1.5em;
    }
}

@media (max-width: 1050px) {
    .blog_detail {
        padding: 20px 0 80px;
    }

    .blog_detail .box {
        flex-wrap: wrap;
    }

    #blog_detail_detail {
        width: 100%;
    }

    #blog_detail_detail .btn_box {
        margin-top: 50px;
    }
}

@media (max-width: 992px) {
    .blog_detail {
        padding: 2vw 0 8vw;
    }

    #blog_detail_detail .title {
        font-size: 0.245rem;
    }

    #blog_detail_detail .time {
        margin-top: 1.5vw;
        font-size: 0.115rem;
    }

    #blog_detail_detail .content {
        margin-top: 4vw;
    }

    #blog_detail_detail .btn_box {
        margin-top: 5vw;
    }

    #blog_detail_detail .btns {
        padding: 4vw 5.1%;
    }

    #blog_detail_detail .btns .t1,
    #blog_detail_detail .btns .t2 {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #blog_detail_detail .title {
        font-size: 0.36rem;
    }

    #blog_detail_detail .time {
        margin-top: 1.5vw;
        font-size: 0.16rem;
    }

    #blog_detail_detail .btns.prev {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #blog_detail_detail .btns .t1,
    #blog_detail_detail .btns .t2 {
        width: 87%;
        font-size: 0.16rem;
    }

    #blog_detail_detail .btns:hover {
        background-color: #f8f8f8;
    }

    #blog_detail_detail .btns:hover .t1 {
        color: #1a1a1a;
        font-family: "MiSans-Medium";
    }

    #blog_detail_detail .btns:hover .t2 {
        color: #1a1a1a;
    }

    #blog_detail_detail .btns:hover .jt .svg {
        fill: var(--main);
    }
}

@media (max-width: 576px) {
    .blog_detail {
        padding: 3vw 0 10vw;
    }

    #blog_detail_detail .title {
        font-size: 0.42rem;
    }

    #blog_detail_detail .time {
        margin-top: 2.5vw;
        font-size: 0.26rem;
    }

    #blog_detail_detail .btn_box {
        flex-wrap: wrap;
    }

    #blog_detail_detail .btns {
        padding: 5vw 6.1%;
        width: 100%;
        margin-top: 3vw;
    }

    #blog_detail_detail .btns.prev {
        margin-top: 0;
        align-items: flex-start;
        text-align: left;
    }

    #blog_detail_detail .btns.prev .jt {
        left: auto;
        right: 30px;
        transform: translateY(-50%) rotate(180deg);
    }

    #blog_detail_detail .btns .jt .svg {
        transform: scale(0.8);
    }

    #blog_detail_detail .btns .t1,
    #blog_detail_detail .btns .t2 {
        width: 87%;
        font-size: 0.26rem;
    }
}



/* 鏂伴椈璇︽儏-鎺ㄨ崘鏂伴椈 */
#blog_detail_recom {
    width: 21.49%;
}

#blog_detail_recom .title {
    font-size: 24px;
    line-height: 53px;
    color: #333;
    font-family: "MiSans-Semibold";
}

#blog_detail_recom .cont {
    margin-top: 10px;
}

#blog_detail_recom .li {
    margin-bottom: 36px;
}

#blog_detail_recom .pic {
    width: 100%;
    height: 205px;
}

#blog_detail_recom .pic.nopic {
    background-color: #f1f1f1;
}

#blog_detail_recom .pic.nopic img {
    width: 140px;
    height: 40px;
    opacity: 0.2;
}

#blog_detail_recom .name {
    margin-top: 25px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-family: "MiSans-Medium";
}

#blog_detail_recom .time {
    margin-top: 10px;
    font-size: 16px;
    line-height: 23px;
    color: #999;
}

#blog_detail_recom .li:hover .pic img {
    transform: scale(1.05);
}

#blog_detail_recom .li:hover .pic:not(.nopic) img {
    transform: scale(1.05);
}

#blog_detail_recom .li:hover .name {
    color: var(--main);
}

@media (max-width: 1680px) {
    #blog_detail_recom .pic {
        height: 11.5vw;
    }
}

@media (max-width: 1440px) {
    #blog_detail_recom .name {
        margin-top: 20px;
        font-size: 17px;
        line-height: 1.5em;
    }
}

@media (max-width: 1366px) {
    #blog_detail_recom .title {
        font-size: 22px;
        line-height: 50px;
    }

    #blog_detail_recom .name {
        font-size: 16px;
    }

    #blog_detail_recom .time {
        font-size: 15px;
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    #blog_detail_recom {
        width: 22.49%;
    }

    #blog_detail_recom .li {
        margin-bottom: 30px;
    }

    #blog_detail_recom .pic {
        height: 12.5vw;
    }

    #blog_detail_recom .name {
        margin-top: 15px;
    }

    #blog_detail_recom .time {
        font-size: 14px;
    }
}

@media (max-width: 1050px) {
    #blog_detail_recom {
        margin-top: 50px;
        width: 100%;
    }

    #blog_detail_recom .cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #blog_detail_recom .li {
        width: 48.5%;
        margin-top: 30px;
        margin-bottom: 0;
    }

    #blog_detail_recom .li:nth-child(-n+2) {
        margin-top: 0;
    }

    #blog_detail_recom .pic {
        height: 27.5vw;
    }
}

@media (max-width: 992px) {
    #blog_detail_recom {
        margin-top: 5vw;
    }

    #blog_detail_recom .title {
        font-size: 0.2rem;
        line-height: 1.5em;
    }

    #blog_detail_recom .cont {
        margin-top: 3vw;
    }

    #blog_detail_recom .li {
        margin-top: 4vw;
    }

    #blog_detail_recom .name {
        margin-top: 1.5vw;
        font-size: 0.125rem;
    }

    #blog_detail_recom .time {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #blog_detail_recom .title {
        font-size: 0.24rem;
    }

    #blog_detail_recom .name {
        margin-top: 2.5vw;
        font-size: 0.18rem;
    }

    #blog_detail_recom .time {
        font-size: 0.16rem;
    }

    #blog_detail_recom .li:hover .pic img {
        transform: scale(1);
    }

    #blog_detail_recom .li:hover .pic:not(.nopic) img {
        transform: scale(1);
    }

    #blog_detail_recom .li:hover .name {
        color: #333;
    }
}

@media (max-width: 576px) {
    #blog_detail_recom {
        margin-top: 8vw;
    }

    #blog_detail_recom .title {
        font-size: 0.36rem;
    }

    #blog_detail_recom .li {
        width: 100%;
        margin-top: 5vw;
    }

    #blog_detail_recom .li:nth-child(-n+2) {
        margin-top: 5vw;
    }

    #blog_detail_recom .li:first-child {
        margin-top: 0;
    }

    #blog_detail_recom .pic {
        height: 58vw;
    }

    #blog_detail_recom .name {
        margin-top: 3.5vw;
        font-size: 0.3rem;
    }

    #blog_detail_recom .time {
        font-size: 0.26rem;
    }
}



/* 鏈嶅姟涓庢敮鎸� */
.service_main {
    margin-top: 80px;
}

.service_box {
    padding: 20px 0 110px;
}

#faqs_search {
    margin-top: 72px;
    padding: 65px 0 60px;
    background-color: #f8f8f8;
    position: relative;
    z-index: 2;
}

#faqs_search .form {
    margin: 0 auto;
    width: 33.57%;
    height: 56px;
    border: 1px solid #ccc;
    background-color: #fff;
}

#faqs_search .text {
    width: calc(100% - 76px);
    height: 100%;
}

#faqs_search .input {
    padding-left: 30px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
}

#faqs_search .submit {
    width: 76px;
    height: 100%;
}

#faqs_search .form:hover {
    border-color: var(--main);
}

@media (max-width: 1680px) {
    #faqs_search {
        margin-top: 60px
    }
}

@media (max-width: 1536px) {
    .service_box {
        padding: 20px 0 100px;
    }
}

@media (max-width: 1440px) {
    #faqs_search {
        padding: 55px 0;
    }
}

@media (max-width: 1366px) {
    .service_box {
        padding: 20px 0 90px;
    }

    #faqs_search {
        margin-top: 45px
    }

    #faqs_search .form {
        width: 37.57%;
        height: 55px;
    }
}

@media (max-width: 1280px) {
    #faqs_search .form {
        width: 46.57%;
    }
}

@media (max-width: 1200px) {
    #faqs_search {
        padding: 45px 0;
    }
}

@media (max-width: 1050px) {
    #faqs_search .form {
        width: 53%;
    }
}

@media (max-width: 992px) {
    .service_box {
        padding: 2vw 0 8vw;
    }

    #faqs_search {
        margin-top: 4vw;
        padding: 5vw 0;
    }

    #faqs_search .input {
        font-size: 0.125rem;
    }
}

@media (max-width: 768px) {
    #faqs_search .form {
        width: 60%;
        height: 7.5vw;
    }

    #faqs_search .form:hover {
        border-color: #ccc;
    }

    #faqs_search .input {
        font-size: 0.16rem;
    }
}

@media (max-width: 576px) {
    .service_main {
        margin-top: 65px;
    }

    .service_box {
        padding: 3vw 0 10vw;
    }

    #faqs_search .form {
        width: 85%;
        height: 10vw;
    }

    #faqs_search .input {
        font-size: 0.26rem;
    }

    #faqs_search .submit img {
        transform: scale(0.85);
    }
}


#faqs_cate {
    margin: 80px 0 50px;
}

#faqs_cate .container {
    margin: 0 auto;
    width: max-content;
    max-width: 100%;
}

#faqs_cate .slide {
    display: flex;
    margin: 0 5px;
    padding: 0 38px;
    width: max-content;
    min-width: 110px;
    height: 50px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 18px;
    line-height: 1;
    color: #333;
    transition: all 0.5s ease;
}

#faqs_cate .slide h2 {
    font-size: inherit;
}

#faqs_cate .slide.cur {
    border-color: var(--main);
    background-color: var(--main);
    color: #fff;
}

#faqs_cate .slide:not(.cur):hover {
    border-color: var(--main);
    color: var(--main);
}

#faqs_cate .slide.cur:hover {
    opacity: 0.9;
}

@media (max-width: 1680px) {
    #faqs_cate {
        margin: 70px 0 50px;
    }
}

@media (max-width: 1536px) {
    #faqs_cate {
        margin: 60px 0 50px;
    }
}

@media (max-width: 1440px) {
    #faqs_cate {
        margin: 55px 0;
    }
}

@media (max-width: 1366px) {
    #faqs_cate {
        margin: 50px 0;
    }
}

@media (max-width: 1200px) {
    #faqs_cate .slide {
        padding: 0 30px;
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    #faqs_cate {
        margin: 4vw 0;
    }

    #faqs_cate .slide {
        padding: 0 2.5vw;
        min-width: 100px;
        font-size: 0.125rem;
        height: 5vw;
    }
}

@media (max-width: 768px) {
    #faqs_cate .slide {
        height: 5.5vw;
        font-size: 0.16rem;
    }

    #faqs_cate .slide:not(.cur):hover {
        border-color: #ccc;
        color: #333;
    }

    #faqs_cate .slide.cur:hover {
        opacity: 1;
    }
}

@media (max-width: 576px) {
    #faqs_cate {
        margin: 5.5vw 0;
    }

    #faqs_cate .slide {
        padding: 0 4.5vw;
        height: 8vw;
        font-size: 0.24rem;
    }
}


#faqs_list .list {}

#faqs_list .item {
    padding: 39px 30px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
}

#faqs_list .name {
    max-width: 80%;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-family: "MiSans-Medium";
}

#faqs_list .jt {
    width: 10px;
    height: 10px;
}

#faqs_list .jt .svg {
    width: 10px;
    height: 10px;
    fill: #333;
}

#faqs_list .children {
    width: 80%;
    height: 0;
}

#faqs_list .txt {
    padding-top: 9px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

#faqs_list .txt a {
    text-decoration: underline;
}

#faqs_list .item.cur {
    background-color: var(--main);
}

#faqs_list .item.cur .name {
    color: #fff;
}

#faqs_list .item.cur .jt {
    transform: rotate(-180deg);
}

#faqs_list .item.cur .jt .svg {
    fill: #fff;
}

@media (max-width: 1536px) {
    #faqs_list .item {
        padding: 35px 30px;
    }
}

@media (max-width: 1440px) {
    #faqs_list .item {
        padding: 30px 30px;
    }

    #faqs_list .txt {
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    #faqs_list .name {
        max-width: 95%;
    }

    #faqs_list .children {
        width: 95%;
    }
}

@media (max-width: 1200px) {
    #faqs_list .name {
        font-size: 16px;
        line-height: 1.5em;
    }

    #faqs_list .txt {
        font-size: 15px;
        line-height: 1.5em;
    }
}

@media (max-width: 1050px) {
    #faqs_list .item {
        padding: 2.5vw;
    }

    #faqs_list .name {
        font-size: 0.125rem;
    }

    #faqs_list .txt {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #faqs_list .item {
        padding: 3vw;
    }

    #faqs_list .name {
        max-width: 90%;
    }

    #faqs_list .children {
        width: 90%;
    }

    #faqs_list .name {
        font-size: 0.18rem;
    }

    #faqs_list .txt {
        padding-top: 1.5vw;
        font-size: 0.16rem;
    }

    #faqs_list .jt .svg {
        transform: scale(1.2);
    }
}

@media (max-width: 576px) {
    #faqs_list .item {
        padding: 4.5vw;
    }

    #faqs_list .name {
        max-width: 94%;
    }

    #faqs_list .children {
        width: 94%;
    }

    #faqs_list .name {
        font-size: 0.26rem;
    }

    #faqs_list .txt {
        padding-top: 2.5vw;
        font-size: 0.24rem;
    }
}



#faqs_form {
    padding-top: 90px;
}

#faqs_form .box {
    background-color: #f8f8f8
}

#faqs_form .top {
    padding: 70px 8.57% 85px;
    background: url(/images/service/1.jpg) no-repeat center/100% 100%;
    font-size: 30px;
    line-height: 45px;
    color: #fff;
    font-family: "MiSans-Medium";
    ;
}

#faqs_form .form {
    padding: 46px 0 67px;
    width: 61.43%;
    margin: 0 auto;
}

#faqs_form .li {
    margin-top: 14px;
    width: 48.54%;
}

#faqs_form .li:nth-child(-n+2) {
    margin-top: 0;
}

#faqs_form .tit {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 25px;
    color: #333;
}

#faqs_form .tit span {
    color: #f00;
}

#faqs_form .input,
#faqs_form .text {
    padding: 0 20px;
    width: 100%;
    height: 50px;
    line-height: calc(50px - 2px);
    background-color: #fff;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    color: #333;
}

#faqs_form .input::placeholder,
#faqs_form .text::placeholder {
    color: #666;
}

#faqs_form .textarea {
    width: 100%;
}

#faqs_form .textarea .text {
    padding: 0px 20px;
    width: 100%;
    height: 150px;
}

#faqs_form .input:hover,
#faqs_form .text:hover,
#faqs_form .input:focus,
#faqs_form .text:focus {
    border-color: var(--main);
}

#faqs_form .btn {
    margin: 57px auto 0;
    width: 180px;
    height: 60px;
    background-color: var(--main);
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    font-family: "MiSans-Medium";
}

#faqs_form .btn .submit {
    z-index: 2;
}

#faqs_form .btn:hover {
    opacity: 0.8;
}

#faqs_form .tip {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 12px;
    color: #f00;
}

@media (max-width: 1680px) {
    #faqs_form .top {
        padding: 70px 5.57% 85px;
    }
}

@media (max-width: 1536px) {
    #faqs_form .top {
        padding: 65px 5.57% 75px;
        font-size: 28px;
        line-height: 1.5em;
    }

    #faqs_form .form {
        padding: 45px 0 60px;
    }

    #faqs_form .btn {
        margin-top: 50px;
    }
}

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

    #faqs_form .btn {
        font-size: 18px;
    }
}

@media (max-width: 1366px) {
    #faqs_form .top {
        font-size: 24px;
    }

    #faqs_form .btn {
        margin-top: 35px;
    }
}

@media (max-width: 1280px) {
    #faqs_form .top {
        padding: 60px 5.57% 65px;
        font-size: 22px;
    }

    #faqs_form .form {
        width: 65%;
    }
}

@media (max-width: 1200px) {
    #faqs_form .top {
        font-size: 20px;
    }

    #faqs_form .form {
        width: 75%;
    }

    #faqs_form .btn {
        font-size: 16px;
        height: 55px;
    }
}

@media (max-width: 1050px) {
    #faqs_form .top {
        padding: 55px 5.57%;
    }

    #faqs_form .form {
        width: 85%;
    }
}

@media (max-width: 992px) {
    #faqs_form {
        padding-top: 8vw;
    }

    #faqs_form .top {
        padding: 5vw 5.5vw;
        font-size: 0.145rem;
    }

    #faqs_form .form {
        padding: 5vw 0 6vw;
    }

    #faqs_form .li {
        margin-top: 1.5vw;
    }

    #faqs_form .tit,
    #faqs_form .input,
    #faqs_form .text {
        font-size: 0.115rem;
    }

    #faqs_form .btn {
        font-size: 0.115rem;
        width: 15vw;
        height: 6vw;
    }
}

@media (max-width: 768px) {
    #faqs_form .top {
        padding: 6vw 5.5vw;
        font-size: 0.22rem;
        background-position: top right 45%;
        background-size: auto 100%;
    }

    #faqs_form .li {
        margin-top: 2vw;
        width: 100%;
    }

    #faqs_form .li:nth-child(-n+2) {
        margin-top: 2vw;
    }

    #faqs_form .li:first-child {
        margin-top: 0;
    }

    #faqs_form .tit,
    #faqs_form .input,
    #faqs_form .text {
        font-size: 0.16rem;
    }

    #faqs_form .input {
        height: 6vw;
    }

    #faqs_form .textarea .text {
        height: 18vw;
    }

    #faqs_form .input:hover,
    #faqs_form .text:hover,
    #faqs_form .input:focus,
    #faqs_form .text:focus {
        border-color: #e6e6e6;
    }

    #faqs_form .btn {
        font-size: 0.16rem;
        width: 19vw;
        height: 7vw;
    }

    #faqs_form .btn:hover {
        opacity: 1;
    }

    #faqs_form .tip {
        font-size: 0.14rem;
    }
}

@media (max-width: 576px) {
    #faqs_form {
        padding-top: 10vw;
    }

    #faqs_form .li {
        margin-top: 2.5vw;
    }

    #faqs_form .tit {
        margin-top: 1vw;
    }

    #faqs_form .tit,
    #faqs_form .input,
    #faqs_form .text {
        font-size: 0.26rem;
    }

    #faqs_form .input {
        height: 7.5vw;
    }

    #faqs_form .textarea .text {
        height: 25vw;
    }

    #faqs_form .btn {
        font-size: 0.26rem;
        width: 30vw;
        height: 9.5vw;
    }

    #faqs_form .tip {
        font-size: 0.22rem;
    }
}

@media (max-width: 530px) {
    #faqs_form .input {
        height: 8.5vw;
    }
}


/* 涓嬭浇鍒楄〃 */
#download {}

#download .list {}

#download .item {
    margin-top: 20px;
    padding: 33px 40px 33px 50px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.06);
}

#download .item:first-child {
    margin-top: 0;
}

#download .info {
    width: 46.43%;
}

#download .cate {
    margin-top: 5px;
    font-size: 16px;
    line-height: 25px;
    color: #999;
}

#download .name {
    font-size: 20px;
    line-height: 37px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#download .right {
    width: 40.71%;
}

#download .datas {
    max-width: calc(100% - 150px);
    font-size: 16px;
    line-height: 33px;
    color: #666;
}

#download .down {
    width: 135px;
    height: 50px;
    background-color: var(--main);
    border-radius: 30px;
}

#download .down .icon {
    margin-right: 13px;
    width: 19px;
    height: 17px;
    background: url(/images/service/down-w.png) no-repeat center center;
}

#download .down .txt {
    font-size: 16px;
    color: #fff;
}

#download .item:hover {
    background-color: var(--main);
}

#download .item:hover .cate,
#download .item:hover .name,
#download .item:hover .datas {
    color: #fff;
}

#download .item:hover .down {
    background-color: #fff;
}

#download .item:hover .down .icon {
    background-image: url(/images/service/down-b.png);
}

#download .item:hover .down .txt {
    color: var(--main);
}

@media (max-width: 1440px) {
    #download .item {
        padding: 33px 40px;
    }

    #download .right {
        width: 44%;
    }
}

@media (max-width: 1366px) {
    #download .name {
        font-size: 18px;
        line-height: 1.5em;
    }

    #download .cate,
    #download .datas {
        font-size: 15px;
        line-height: 1.6em;
    }

    #download .down .txt {
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    #download .down {
        width: 130px;
        height: 45px;
    }
}

@media (max-width: 1050px) {
    #download .right {
        width: 51%;
    }
}

@media (max-width: 992px) {
    #download .item {
        margin-top: 2vw;
        padding: 3.5vw 4vw;
    }

    #download .name {
        font-size: 0.135rem;
    }

    #download .cate,
    #download .datas,
    #download .down .txt {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #download .item {
        flex-wrap: wrap;
    }

    #download .info {
        width: 100%;
    }

    #download .right {
        width: 100%;
        margin-top: 3vw;
    }

    #download .name {
        font-size: 0.2rem;
    }

    #download .cate,
    #download .datas,
    #download .down .txt {
        font-size: 0.16rem;
    }

    #download .datas {
        width: calc(100% - 20vw);
    }

    #download .down {
        width: 18vw;
        height: 6vw;
    }

    #download .item:hover {
        background-color: #fff;
    }

    #download .item:hover .cate {
        color: #999;
    }

    #download .item:hover .name {
        color: var(--main);
    }

    #download .item:hover .datas {
        color: #666;
    }

    #download .item:hover .down {
        background-color: var(--main);
    }

    #download .item:hover .down .icon {
        background-image: url(/images/service/down-w.png);
    }

    #download .item:hover .down .txt {
        color: #fff;
    }
}

@media (max-width: 576px) {
    #download .item {
        margin-top: 4vw;
        padding: 5vw;
    }

    #download .right {
        margin-top: 4vw;
    }

    #download .name {
        font-size: 0.3rem;
    }

    #download .cate {
        font-size: 0.26rem;
    }

    #download .datas,
    #download .down .txt {
        font-size: 0.24rem;
    }

    #download .datas {
        width: calc(100% - 20vw);
    }

    #download .down {
        width: 20vw;
        height: 8vw;
    }
}

@media (max-width: 530px) {
    #download .down .icon {
        display: none;
    }
}


/* 鍏充簬鎴戜滑 */
.about_main {
    margin-top: 80px;
}

.about_intro {
    padding-bottom: 120px;
}


/* 鍏徃绠€浠� */
#about_intro {
    padding-top: 30px;
}

#about_intro .brief {
    margin-top: 18px;
    font-size: 24px;
    line-height: 38px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#about_intro .info {
    margin-top: 35px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

#about_intro .pic {
    margin-top: 53px;
    width: 100%;
    height: 480px;
}

@media (max-width: 1680px) {
    #about_intro .pic {
        height: 28vw;
    }
}

@media (max-width: 1440px) {
    .about_intro {
        padding-bottom: 100px;
    }

    #about_intro {
        padding-top: 20px;
    }

    #about_intro .brief {
        margin-top: 15px;
        font-size: 22px;
        line-height: 1.5em;
    }

    #about_intro .info {
        margin-top: 30px;
        font-size: 16px;
        line-height: 1.5em;
    }

    #about_intro .pic {
        margin-top: 35px;
    }
}

@media (max-width: 1280px) {
    .about_intro {
        padding-bottom: 80px;
    }

    #about_intro .brief {
        font-size: 20px;
    }

    #about_intro .info {
        margin-top: 25px;
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    #about_intro .brief {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .about_intro {
        padding-bottom: 8vw;
    }

    #about_intro {
        padding-top: 2vw;
    }

    #about_intro .brief {
        margin-top: 1.5vw;
        font-size: 0.145rem;
    }

    #about_intro .info {
        margin-top: 3vw;
        font-size: 0.115rem;
    }

    #about_intro .pic {
        margin-top: 3.5vw;
    }
}

@media (max-width: 768px) {
    #about_intro .brief {
        font-size: 0.24rem;
    }

    #about_intro .info {
        font-size: 0.16rem;
    }
}

@media (max-width: 576px) {
    .about_main {
        margin-top: 65px;
    }

    .about_intro {
        padding-bottom: 10vw;
    }

    #about_intro {
        padding-top: 3vw;
    }

    #about_intro .brief {
        font-size: 0.3rem;
    }

    #about_intro .info {
        font-size: 0.26rem;
        text-align: justify;
    }
}




/* 鍚堜綔椤圭洰 */
#about_cooperate {
    padding-top: 100px;
}

#about_cooperate .cont {
    margin-top: 50px;
}

#about_cooperate .slide {
    margin-right: 2.857%;
    width: 22.857%;
}

#about_cooperate .slide:last-child {
    margin-right: 0;
}

#about_cooperate .pic {
    width: 100%;
    height: 420px;
}

#about_cooperate .pic img {
    transition: all 0.5s ease;
}

#about_cooperate .slide:hover .pic img {
    transform: scale(1.05);
}

#about_cooperate .info {
    left: 0;
    top: auto;
    bottom: 0;
    z-index: 2;
    padding: 20px;
    width: 100%;
    height: max-content;
    background: url(/images/about/back.png) no-repeat center left/100% 100%;
}

#about_cooperate .name {
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    font-family: "MiSans-Medium";
}

#about_cooperate .left_right_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    background-color: var(--main);
}

#about_cooperate .left_right_btn.prev {
    left: -7%;
}

#about_cooperate .left_right_btn.next {
    right: -7%;
}

#about_cooperate .left_right_btn .left_right_btn_svg {
    fill: #fff;
}

#about_cooperate .left_right_btn:hover {
    opacity: 0.8;
}

@media (max-width: 1680px) {
    #about_cooperate .pic {
        height: 25vw;
    }
}

@media (max-width: 1536px) {
    #about_cooperate .pic {
        height: 27vw;
    }

    #about_cooperate .left_right_btn.prev {
        left: -2%;
    }

    #about_cooperate .left_right_btn.next {
        right: -2%;
    }
}

@media (max-width: 1440px) {
    #about_cooperate {
        padding-top: 90px;
    }

    #about_cooperate .cont {
        margin-top: 40px;
    }
}

@media (max-width: 1366px) {
    #about_cooperate .info {
        padding: 15px 20px;
    }

    #about_cooperate .name {
        font-size: 16px;
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    #about_cooperate {
        padding-top: 80px;
    }
}

@media (max-width: 1200px) {
    #about_cooperate .slide {
        width: 31.857%;
    }

    #about_cooperate .pic {
        height: 35vw;
    }
}

@media (max-width: 992px) {
    #about_cooperate {
        padding-top: 8vw;
    }

    #about_cooperate .cont {
        margin-top: 5vw;
    }

    #about_cooperate .info {
        padding: 1.5vw 2vw;
    }

    #about_cooperate .name {
        font-size: 0.115rem;
    }

    #about_cooperate .left_right_btn.prev {
        left: -2.5%;
    }

    #about_cooperate .left_right_btn.next {
        right: -2.5%;
    }
}

@media (max-width: 768px) {
    #about_cooperate .slide {
        width: 48%;
    }

    #about_cooperate .pic {
        height: 54vw;
    }

    #about_cooperate .slide:hover .pic img {
        transform: scale(1);
    }

    #about_cooperate .info {
        padding: 3vw;
    }

    #about_cooperate .name {
        font-size: 0.18rem;
    }
}

@media (max-width: 576px) {
    #about_cooperate {
        padding-top: 10vw;
    }

    #about_cooperate .slide {
        width: 100%;
    }

    #about_cooperate .pic {
        height: 111vw;
    }

    #about_cooperate .info {
        padding: 4vw 4.5vw;
    }

    #about_cooperate .name {
        font-size: 0.3rem;
    }
}



/* 鍙戝睍鍘嗙▼ */
#about_history {
    padding: 90px 0;
    background-color: #f8f8f8;
}

#about_history::before,
#about_history::after {
    content: "";
    display: block;
    width: 28.8%;
    height: 100%;
    background: url() no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}

#about_history::before {
    left: 0;
    background-image: url(/images/about/shadow1.png);
    background-position: left top;
}

#about_history::after {
    right: 0;
    background-image: url(/images/about/shadow2.png);
    background-position: right top;
}

#about_history .cont {
    margin-top: 40px;
}

#about_history .container {
    width: 41.57%;
    overflow: visible !important;
}

#about_history .slide {
    width: 100%;
}

#about_history .pic {
    width: 100%;
    height: 352px;
}

#about_history .pic img {
    max-width: 90%;
    max-height: 90%;
}

#about_history .info {
    opacity: 0;
    margin: 15px auto 0;
    width: 77.41%;
}

#about_history .year {
    font-size: 40px;
    line-height: 54px;
    color: var(--main);
    font-family: "MiSans-Semibold";
}

#about_history .brief {
    margin-top: 13px;
    font-size: 18px;
    line-height: 30px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#about_history .slide.swiper-slide-active .info {
    opacity: 1;
}

#about_history .btn {
    bottom: 0;
    z-index: 4;
    width: 30px;
    height: 55px;
}

#about_history .btn .svg {
    transform: scale(1.85);
    fill: var(--main);
}

#about_history .btn.prev {
    left: 28%;
}

#about_history .btn.next {
    right: 28%;
}

#about_history .btn:hover .svg {
    opacity: 0.8;
}

@media (max-width: 1680px) {
    #about_history .pic {
        height: 21vw;
    }
}

@media (max-width: 1536px) {
    #about_history .year {
        font-size: 36px;
        line-height: 1.5em;
    }

    #about_history .btn .svg {
        transform: scale(0.8);
    }
}

@media (max-width: 1440px) {
    #about_history .brief {
        line-height: 1.5em;
    }

    #about_history .btn .svg {
        transform: scale(0.75);
    }
}

@media (max-width: 1366px) {
    #about_history .container {
        width: 45.57%;
    }

    #about_history .btn .svg {
        transform: scale(0.7);
    }
}

@media (max-width: 1280px) {
    #about_history {
        padding: 80px 0;
    }

    #about_history .year {
        font-size: 30px;
        line-height: 1.5em;
    }

    #about_history .brief {
        font-size: 16px;
        line-height: 1.5em;
    }

    #about_history .btn .svg {
        transform: scale(0.65);
    }
}

@media (max-width: 1280px) {
    #about_history .container {
        width: 55.57%;
    }

    #about_history .pic {
        height: 24vw;
    }

    #about_history .btn.prev {
        left: 21%;
    }

    #about_history .btn.next {
        right: 21%;
    }
}

@media (max-width: 992px) {
    #about_history {
        padding: 8vw 0;
    }

    #about_history .pic {
        height: 29vw;
    }

    #about_history .year {
        font-size: 0.2rem;
    }

    #about_history .brief {
        margin-top: 1.5vw;
        font-size: 0.115rem;
    }

    #about_history .btn .svg {
        transform: scale(0.6);
    }
}

@media (max-width: 768px) {

    #about_history::before,
    #about_history::after {
        width: 20%;
    }

    #about_history .container {
        width: 78%;
    }

    #about_history .pic {
        height: 42vw;
    }

    #about_history .year {
        font-size: 0.36rem;
    }

    #about_history .brief {
        margin-top: 2vw;
        font-size: 0.16rem;
    }

    #about_history .btn.prev {
        left: 9%;
    }

    #about_history .btn.next {
        right: 9%;
    }

    #about_history .btn:hover .svg {
        opacity: 1;
    }
}

@media (max-width: 576px) {
    #about_history {
        padding: 10vw 0;
    }

    #about_history .container {
        width: 85%;
    }

    #about_history .pic {
        height: 52vw;
    }

    #about_history .info {
        margin-top: 3.5vw;
    }

    #about_history .brief {
        margin-top: 3vw;
        font-size: 0.24rem;
    }

    #about_history .btn {
        bottom: 38vw;
    }

    #about_history .btn.prev {
        left: 3%;
    }

    #about_history .btn.next {
        right: 3%;
    }
}

@media (max-width: 530px) {
    #about_history .btn .svg {
        transform: scale(0.5);
    }
}



/* 鑽ｈ獕璧勮川 */
#about_honor {
    padding: 100px 0;
    background: #fff url(/images/about/back2.png) no-repeat top center/100% 100%;
}



#about_honor .list {
    margin-top: 50px;
    padding-bottom: 60px;
}

#about_honor .item {
    width: 50%;
}

#about_honor .tit {
    font-size: 30px;
    line-height: 44px;
    color: #fff;
    font-family: "MiSans-Medium";
}



#about_honor .pic_swi .slide {
    width: 38.4%;
    height: max-content;
}

#about_honor .pic_swi .pic {
    width: 100%;
    height: 535px;
}

#about_honor .pic_swi .pic::before {
    content: "";
    display: block;
    width: 106%;
    height: 62px;
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0.1));
    position: absolute;
    top: 82%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0.1;
}

#about_honor .pic_swi img:nth-child(1) {
    top: 40px;
    width: 100%;
    height: 74.62%;
    transform: translate(-50%, 0) scale(1);
    z-index: 5;
    object-fit: contain;
    transition: all 0.5s ease;
}

#about_honor .pic_swi img:nth-child(2) {
    opacity: 0.08;
    width: 100%;
    height: 60px;
    overflow: hidden;
    top: 81%;
    transform: translateX(-50%) scale(1) rotate(180deg);
    object-position: bottom;
}

#about_honor .pic_swi img {
    max-width: 100%;
    max-height: 100%;
}

#about_honor .pic_swi img:nth-child(1):hover {
    transform: translate(-50%, 0) scale(1.05);
}

#about_honor .txt_swi {
    top: 100%;
    width: 100%;
}

#about_honor .txt_swi .slide {
    display: flex !important;
    height: 100%;
    height: auto;
}

#about_honor .txt_swi .name {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-family: "MiSans-Medium";
}

#about_honor .txt_swi .container {
    margin: 0 10px;
    width: 38.125%;
}

#about_honor .btn {
    width: 23px;
    height: 43px;
}

#about_honor .btn .svg {
    transform: scale(1.8);
    fill: #ccc;
}

#about_honor .btn:hover .svg {
    fill: var(--main);
}

@media (max-width: 1680px) {
    #about_honor .pic_swi .pic {
        height: 30vw;
    }
}

@media (max-width: 1536px) {
    #about_honor .txt_swi .container {
        margin: 0 25px;
        width: 45.125%;
    }

    #about_honor .pic_swi .pic::before,
    #about_honor .pic_swi img:nth-child(2) {
        width: 90%;
        height: 50px;
    }
}

@media (max-width: 1440px) {
    #about_honor {
        padding: 90px 0;
    }

    #about_honor .tit {
        font-size: 26px;
        line-height: 1.5em;
    }

    #about_honor .list {
        margin-top: 30px;
        padding-bottom: 45px;
    }

    #about_honor .pic_swi .pic::before {
        opacity: 0.8;
        height: 60px;
    }

    #about_honor .pic_swi img:nth-child(2) {
        opacity: 0.05;
    }
}

@media (max-width: 1280px) {
    #about_honor {
        padding: 80px 0;
    }

    #about_honor .tit {
        font-size: 24px;
    }

    #about_honor .pic_swi .slide {
        width: 48.4%;
    }

    #about_honor .pic_swi .pic {
        height: 28vw;
    }

    #about_honor .pic_swi .pic::before,
    #about_honor .pic_swi img:nth-child(2) {
        display: none;
    }

    #about_honor .txt_swi .name {
        font-size: 16px;
        line-height: 1.5em;
    }

    #about_honor .btn .svg {
        transform: scale(0.8);
    }
}

@media (max-width: 1200px) {
    #about_honor .tit {
        font-size: 22px;
    }

    #about_honor .list {
        padding-bottom: 0;
    }

    #about_honor .pic_swi {
        margin: 25px 0;
    }

    #about_honor .pic_swi .slide {
        width: 50.4%;
    }

    #about_honor .pic_swi img:nth-child(1) {
        height: 100%;
        top: 50%;
        transform: translate(-50%, -50%) scale(1);
    }

    #about_honor .txt_swi {
        position: relative;
        top: inherit;
    }

    #about_honor .txt_swi .container {
        width: 55%;
    }

    #about_honor .btn .svg {
        transform: scale(0.75);
    }
}

@media (max-width: 1050px) {
    #about_honor .pic_swi .slide {
        width: 52%;
    }
}

@media (max-width: 992px) {
    #about_honor {
        padding: 8vw 0;
        background-image: none;
    }

    #about_honor .topTitle {
        color: #333;
    }

    #about_honor .list {
        margin-top: 0;
        flex-wrap: wrap;
    }

    #about_honor .item {
        margin-top: 4vw;
        width: 100%;
    }

    #about_honor .tit {
        font-size: 0.2rem;
        color: #333;
    }

    #about_honor .pic_swi .slide {
        width: 40%;
    }

    #about_honor .pic_swi .pic {
        height: 40vw;
    }

    #about_honor .txt_swi .name {
        font-size: 0.145rem;
        line-height: 1.5em;
    }

    #about_honor .btn .svg {
        transform: scale(0.65);
    }
}

@media (max-width: 768px) {
    #about_honor .tit {
        font-size: 0.3rem;
        color: #333;
    }

    #about_honor .pic_swi img:nth-child(1):hover {
        transform: translate(-50%, 0) scale();
    }

    #about_honor .txt_swi .name {
        font-size: 0.18rem;
    }

    #about_honor .btn:hover .svg {
        fill: #ccc;
    }
}

@media (max-width: 576px) {
    #about_honor {
        padding: 10vw 0;
    }

    #about_honor .pic_swi {
        margin: 5vw 0;
    }

    #about_honor .pic_swi .slide {
        width: 75%;
    }

    #about_honor .pic_swi .pic {
        height: 65vw;
    }

    #about_honor .txt_swi .container {
        width: 80%;
    }

    #about_honor .txt_swi .name {
        font-size: 0.26rem;
    }
}



/* 浼佷笟鏂囧寲 */
.about_culture {
    background: #fff url(/images/about/back3.jpg) no-repeat left top/auto 100%;
}

#culture_info {
    padding: 115px 0;
    padding-left: 8.5%;
    width: 41.667%;
}

#culture_info .brief {
    margin-top: 65px;
    font-size: 24px;
    line-height: 32px;
    color: #333;
    font-family: "MiSans-Medium";
}

#culture_info .info {
    margin-top: 17px;
    font-size: 32px;
    line-height: 50px;
    color: #333;
}

@media (max-width: 1680px) {
    #culture_info {
        padding: 100px 0 100px 8.5%;
    }
}

@media (max-width: 1440px) {
    #culture_info {
        padding: 90px 0 90px 7.5%;
    }

    #culture_info .brief {
        margin-top: 40px;
        font-size: 22px;
        line-height: 1.5em;
    }

    #culture_info .info {
        margin-top: 15px;
        font-size: 28px;
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    #culture_info {
        padding: 80px 0 80px 7.5%;
    }

    #culture_info .brief {
        margin-top: 30px;
        font-size: 20px;
    }

    #culture_info .info {
        margin-top: 12px;
        font-size: 26px;
    }
}

@media (max-width: 1280px) {
    #culture_info {
        padding: 80px 0 80px 7.5%;
    }

    #culture_info .brief {
        margin-top: 25px;
        font-size: 18px;
    }

    #culture_info .info {
        margin-top: 10px;
        font-size: 22px;
    }
}

@media (max-width: 992px) {
    #culture_info {
        padding: 8vw 0 8vw 6.5%;
    }

    #culture_info .brief {
        margin-top: 2vw;
        font-size: 0.145rem;
    }

    #culture_info .info {
        margin-top: 1.5vw;
        font-size: 0.2rem;
    }
}

@media (max-width: 768px) {
    .about_culture {
        flex-direction: column;
        background-image: none;
    }

    #culture_info {
        padding: 8vw 6.5% 15vw;
        width: 100%;
        background: #fff url(/images/about/back3.jpg) no-repeat left top/160% 100%;
    }

    #culture_info .brief {
        margin-top: 5.5vw;
        font-size: 0.24rem;
    }

    #culture_info .info {
        margin-top: 1.5vw;
        font-size: 0.32rem;
    }
}

@media (max-width: 576px) {
    #culture_info {
        padding: 10vw 6.5% 20vw;
    }

    #culture_info .brief {
        font-size: 0.26rem;
    }

    #culture_info .info {
        margin-top: 2vw;
        font-size: 0.36rem;
    }
}


#culture_list {
    padding: 115px 8.5% 130px 11.71%;
    width: 56.198%;
    background: url(/images/about/back4.png) no-repeat top right/100% 100%;
}

#culture_list .box {
    margin-top: 125px;
    padding-right: 20px;
    width: 100%;
    height: max-content;
    max-height: 430px;
    overflow: auto;
}

#culture_list .title {
    padding-bottom: 22px;
    font-size: 24px;
    line-height: 38px;
    color: #fff;
    font-family: "MiSans-Medium";
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

#culture_list .item {
    width: 100%;
    padding: 17px 0;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

#culture_list .name {
    width: 20%;
    font-family: "MiSans-Medium";
}

#culture_list .brief {
    width: 80%;
}

#culture_list .item:hover {
    border-color: #fff;
}

@media (max-width: 1680px) {
    #culture_list {
        padding: 100px 8.5% 100px 11.71%;
    }
}

@media (max-width: 1440px) {
    #culture_list {
        padding: 90px 4.5% 90px 9.71%;
    }

    #culture_list .box {
        margin-top: 100px;
    }

    #culture_list .title {
        padding-bottom: 20px;
        font-size: 22px;
        line-height: 1.5em;
    }

    #culture_list .item {
        padding: 15px 0;
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    #culture_list {
        padding: 80px 4.5% 80px 9.71%;
    }

    #culture_list .title {
        padding-bottom: 15px;
        font-size: 20px;
    }

    #culture_list .item {
        padding: 12px 0;
        font-size: 15px;
    }
}

@media (max-width: 1200px) {
    #culture_list .title {
        padding-bottom: 10px;
        font-size: 18px;
    }

    #culture_list .item {
        font-size: 14px;
    }
}

@media (max-width: 1050px) {
    #culture_list .box {
        margin-top: 75px;
        max-height: 325px;
    }
}

@media (max-width: 992px) {
    #culture_list {
        padding: 8vw 4.5% 8vw 9.71%;
    }

    #culture_list .box {
        margin-top: 7vw;
        max-height: 325px;
    }

    #culture_list .title {
        padding-bottom: 1.5vw;
        font-size: 0.165rem;
    }

    #culture_list .item {
        padding: 1.2vw 0;
        font-size: 0.115rem;
    }

    #culture_list .name {
        width: 28%;
    }

    #culture_list .brief {
        width: 72%;
    }
}

@media (max-width: 768px) {
    #culture_list {
        padding: 8vw 6.5%;
        width: 100%;
        background: url(/images/about/back4.png) no-repeat top right/120% 100%;
    }

    #culture_list .box {
        margin-top: 0;
        max-height: max-content;
    }

    #culture_list .item {
        padding: 2vw 0;
        align-items: flex-start;
        font-size: 0.16rem;
        line-height: 1.5em;
    }

    #culture_list .title {
        font-size: 0.24rem;
        line-height: 1.5em;
    }

    #culture_list .name {
        width: 19%;
    }

    #culture_list .brief {
        width: 81%;
    }

    #culture_list .item:hover {
        border-color: rgba(255, 255, 255, 0.22);
    }
}

@media (max-width: 576px) {
    #culture_list {
        padding: 10vw 6.5%;
    }

    #culture_list .item {
        padding: 2.5vw 0;
        font-size: 0.26rem;
    }

    #culture_list .title {
        font-size: 0.3rem;
    }

    #culture_list .name {
        width: 23%;
    }

    #culture_list .brief {
        width: 77%;
    }
}


/* 绀句細璐ｄ换 */
.about_duty {
    padding: 60px 0 90px;
}

#duty_info .title {
    font-size: 24px;
    line-height: 44px;
    color: #333;
    font-family: "MiSans-Medium";
}

#duty_info .brief {
    margin-top: 5px;
    font-size: 16px;
    line-height: 25px;
    color: #666;
}

#duty_list {
    margin-top: 27px;
}

#duty_list .container {
    padding-bottom: 48px;
}

#duty_list .slide {
    margin-right: 2.85%;
    width: 31.43%;
}

#duty_list .pic {
    width: 100%;
    height: 280px;
}

#duty_list .info {
    width: 100%;
    padding-top: 20px;
}

#duty_list .name {
    font-size: 20px;
    line-height: 38px;
    color: #333;
    font-family: "MiSans-Medium";
}

#duty_list .brief {
    margin-top: 4px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}

#duty_list .swiper-pagination {
    bottom: 0;
}

#duty_list .swiper-pagination-bullet {
    margin: 0 10px;
    width: 12px;
    height: 12px;
    border: 2px solid #ccc;
    background-color: #fff;
    opacity: 1;
    transition: all 0.3s ease;
}

#duty_list .swiper-pagination-bullet-active {
    width: 26px;
    border-radius: 10px;
    border-color: var(--main);
    background-color: var(--main);
}

#duty_list .slide:hover .pic img {
    transform: scale(1.05);
}

@media (max-width: 1680px) {
    #duty_list .pic {
        height: 16.5vw;
    }
}

@media (max-width: 1366px) {
    #duty_list .name {
        font-size: 18px;
        line-height: 1.5em;
    }

    #duty_list .brief {
        font-size: 16px;
        line-height: 1.5em;
    }
}

@media (max-width: 1280px) {
    .about_duty {
        padding: 80px 0;
    }

    #duty_info .title {
        font-size: 22px;
        line-height: 1.5em;
    }

    #duty_info .brief {
        margin-top: 5px;
        font-size: 15px;
        line-height: 1.5em;
        ;
    }

    #duty_list .name {
        font-size: 17px;
    }

    #duty_list .brief {
        font-size: 15px;
    }

    #duty_list .swiper-pagination-bullet {
        margin: 0 8px;
        width: 10px;
        height: 10px;
    }

    #duty_list .swiper-pagination-bullet-active {
        width: 20px;
    }
}

@media (max-width: 992px) {
    .about_duty {
        padding: 8vw 0;
    }

    #duty_info .title {
        font-size: 0.2rem;
    }

    #duty_info .brief {
        margin-top: 5px;
        font-size: 0.145rem;
        ;
    }

    #duty_list .name {
        font-size: 0.145rem;
    }

    #duty_list .brief {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #duty_info .title {
        font-size: 0.24rem;
    }

    #duty_info .brief {
        margin-top: 1vw;
        font-size: 0.16rem;
    }

    #duty_list .slide {
        width: 48%;
    }

    #duty_list .pic {
        height: 26.5vw;
    }

    #duty_list .info {
        padding-top: 2vw;
    }

    #duty_list .name {
        font-size: 0.18rem;
    }

    #duty_list .brief {
        margin-top: 1vw;
        font-size: 0.16rem;
    }

    #duty_list .slide:hover .pic img {
        transform: scale(1);
    }
}

@media (max-width: 576px) {
    .about_duty {
        padding: 10vw 0;
    }

    #duty_info .title {
        font-size: 0.36rem;
    }

    #duty_info .brief {
        margin-top: 1.5vw;
        font-size: 0.26rem;
    }

    #duty_list .container {
        padding-bottom: 6vw;
    }

    #duty_list .slide {
        width: 100%;
    }

    #duty_list .pic {
        height: 55vw;
    }

    #duty_list .info {
        padding-top: 2.5vw;
    }

    #duty_list .name {
        font-size: 0.28rem;
    }

    #duty_list .brief {
        margin-top: 1.5vw;
        font-size: 0.26rem;
    }
}



/* 鑱旂郴鎴戜滑 */
#contact {
    padding: 17px 0 170px;
}

#contact .list {
    margin-top: 70px;
}

#contact .item {
    margin-top: 40px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
}

#contact .pic {
    width: 30.5%;
    height: 281px;
}

#contact .cont {
    width: calc(100% - 30.5%);
    padding: 50px 5.8% 70px;
}

#contact .info {
    width: calc(100% - 100px);
}

#contact .info.noAddr {
    width: 100%;
}

#contact .info .name {
    font-size: 24px;
    line-height: 40px;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#contact .info .txt {
    margin-top: 10px;
    font-size: 16px;
    line-height: 37px;
    color: #333;
}

#contact .info .txt span,
#contact .info .txt a {
    color: var(--main);
}

#contact .address {
    min-width: 75px;
}

#contact .address .icon {
    width: 75px;
    height: 40px;
}

#contact .address .tit {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.1;
    color: var(--main);
    font-family: "MiSans-Medium";
}

#contact .item:hover {
    box-shadow: 0px 10px 40px 0px rgba(0, 78, 162, 0.2);
}

#contact .item:hover .pic img {
    transform: scale(1.05);
}

@media (max-width: 1680px) {
    #contact .pic {
        height: 18vw;
    }

    #contact .cont {
        padding: 50px 4.8%;
    }
}

@media (max-width: 1536px) {
    #contact {
        padding: 17px 0 110px;
    }

    #contact .info .txt {
        line-height: 30px;
    }
}

@media (max-width: 1366px) {
    #contact {
        padding: 17px 0 90px;
    }

    #contact .list {
        margin-top: 55px;
    }

    #contact .info .name {
        font-size: 22px;
        line-height: 1.5em;
    }

    #contact .info .txt {
        line-height: 1.8em;
    }
}

@media (max-width: 1280px) {
    #contact {
        padding: 20px 0 80px;
    }

    #contact .cont {
        padding: 30px 3.8%;
    }

    #contact .info .name {
        font-size: 20px;
    }

    #contact .info .txt,
    #contact .address .tit {
        font-size: 15px;
        line-height: 1.5em;
    }
}

@media (max-width: 1200px) {
    #contact .list {
        margin-top: 40px;
    }

    #contact .address .tit {
        margin-top: 12px;
    }
}

@media (max-width: 1050px) {
    #contact .cont {
        padding: 25px 3%;
    }

    #contact .info {
        width: calc(100% - 80px);
    }

    #contact .info.noAddr {
        width: 100%;
    }
}

@media (max-width: 992px) {
    #contact {
        padding: 2vw 0 8vw;
    }

    #contact .list {
        margin-top: 0;
    }

    #contact .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #contact .item {
        margin-top: 4vw;
        width: 48%;
        flex-wrap: wrap;
    }

    #contact .pic {
        width: 100%;
        height: 29vw;
    }

    #contact .cont {
        width: 100%;
        padding: 3vw;
        flex-wrap: wrap;
    }

    #contact .info {
        width: 100%;
    }

    #contact .address {
        min-width: auto;
        width: max-content;
    }

    #contact .address .icon {
        display: none;
    }

    #contact .info .name {
        font-size: 0.145rem;
    }

    #contact .info .txt,
    #contact .address .tit {
        font-size: 0.115rem;
    }
}

@media (max-width: 768px) {
    #contact .item {
        margin-top: 4vw;
        width: 100%;
        flex-wrap: wrap;
    }

    #contact .pic {
        height: 59vw;
    }

    #contact .cont {
        padding: 4.5vw;
        flex-wrap: wrap;
    }

    #contact .info {
        width: 100%;
    }

    #contact .info .name {
        font-size: 0.22rem;
    }

    #contact .info .txt,
    #contact .address .tit {
        font-size: 0.16rem;
    }

    #contact .address .tit {
        margin-top: 2.5vw;
    }

    #contact .item:hover {
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
    }

    #contact .item:hover .pic img {
        transform: scale(1);
    }
}

@media (max-width: 576px) {
    #contact {
        padding: 3vw 0 10vw;
    }

    #contact .item {
        margin-top: 5vw;
        width: 100%;
    }

    #contact .cont {
        padding: 5vw;
    }

    #contact .info .name {
        font-size: 0.3rem;
    }

    #contact .info .txt,
    #contact .address .tit {
        font-size: 0.26rem;
    }
}




/* 鍏ㄥ眬鎼滅储 */
.search_form {
    border-top: 1px solid #e2e6ec;
    margin-top: 80px;
    padding: 100px 0;
}

#search_form {
    position: relative;
    z-index: 2;
}

#search_form .form {
    margin: 50px auto 0;
    width: 50%;
    height: 60px;
    border: 1px solid #e2e6ec;
    background: transparent;
}

#search_form .text {
    width: calc(100% - 102px);
    height: 100%;
}

#search_form .input {
    padding: 0 30px;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #333;
}

#search_form .submit {
    width: 100px;
    height: 100%;
    background-color: var(--main);
    border-top-left-radius: 26px;
    border-bottom-left-radius: 26px;
}

#search_form .form:hover {
    border-color: var(--main);
    background: #fff;
}

#search {
    margin-top: 40px;
}

#search .list {
    display: block;
    width: 100%;
}

#search li {
    padding: 25px 0;
    border-bottom: 1px solid #e2e6ec;
}

#search li:first-child {
    border-top: 1px solid #e2e6ec;
}

#search div {
    cursor: pointer;
}

#search .title {
    font-size: 20px;
    line-height: 1.3;
    color: #333;
    width: 100%;
}

#search .desc {
    font-size: 18px;
    line-height: 1.3;
    color: #666;
    margin-top: 10px;
}

#search .info {
    margin-top: 5px;
}

#search .txt {
    font-size: 18px;
    line-height: 1.3;
    color: #666;
    margin-right: 20px;
}

#search li:hover .title {
    color: var(--main);
}

#search .notTip {
    font-size: 16px;
    line-height: 1.2;
    color: var(--main);
}

@media (max-width: 1536px) {
    .search_form {
        padding: 80px 0;
    }
}

@media (max-width: 1440px) {
    #search_form .form {
        height: 55px;
    }

    #search .desc,
    #search .txt {
        font-size: 16px;
    }
}

@media (max-width: 1366px) {
    .search_form {
        padding: 70px 0;
    }

    #search_form .input,
    #search_form .title {
        font-size: 18px;
    }

    #search .desc,
    #search .txt {
        font-size: 14px;
    }
}

@media (max-width: 1050px) {
    #search_form .form {
        width: 65%;
    }
}

@media (max-width: 992px) {
    .search_form {
        padding: 8vw 0;
    }

    #search_form .form {
        margin-top: 5vw;
        width: 70%;
        height: 5vw;
    }

    #search_form .text {
        width: calc(100% - 10vw);
    }

    #search_form .input {
        padding: 0 2.5vw;
        font-size: 0.125rem;
    }

    #search_form .submit {
        width: 10vw;
    }

    #search {
        margin-top: 4vw;
    }

    #search li {
        padding: 2vw 0;
    }

    #search .title {
        font-size: 0.145rem;
        line-height: 1.5;
    }

    #search .desc,
    #search .txt {
        font-size: 0.125rem;
    }

    #search .notTip {
        font-size: 0.125rem;
        line-height: 1.5em;
    }
}

@media (max-width: 768px) {
    #search_form .form {
        width: 80%;
        height: 6.5vw;
    }

    #search_form .form:hover {
        border-color: #e2e6ec;
        background: transparent;
    }

    #search_form .text {
        width: calc(100% - 12vw);
    }

    #search_form .input {
        padding: 0 2.8vw;
        font-size: 0.18rem;
    }

    #search_form .submit {
        width: 12vw;
    }

    #search .title {
        font-size: 0.18rem;
    }

    #search .desc,
    #search .txt {
        font-size: 0.16rem;
    }

    #search li:hover .title {
        color: #333;
    }

    #search .notTip {
        font-size: 0.16rem;
        line-height: 1.5em;
    }

  

}

@media (max-width: 576px) {
    .search_form {
        margin-top: 65px;
        padding: 10vw 0;
    }

    #search_form .form {
        height: 8vw;
    }

    #search_form .input {
        padding: 0 4.5vw;
        font-size: 0.26rem;
    }

    #search_form .text {
        width: calc(100% - 13vw);
    }

    #search_form .submit {
        width: 13vw;
    }

    #search_form .submit .svg {
        transform: scale(1);
    }

    #search li {
        padding: 3vw 0;
    }

    #search .title {
        font-size: 0.3rem;
        line-height: 1.5;
    }

    #search .desc,
    #search .txt {
        font-size: 0.24rem;
        line-height: 1.5;
    }

    #search .notTip {
        font-size: 0.26rem;
        line-height: 1.5em;
    }
}

@media (max-width: 530px) {
    #search_form .form {
        height: 9vw;
    }
}



/* 鍒楄〃鍒嗛〉 */
#page {
    margin-top: 66px;
}

@media (max-width: 1200px) {
    #page {
        margin-top: 50px;
    }
}

@media (max-width: 992px) {
    #page {
        margin-top: 5vw;
    }
}