@import url("../homefile/AlibabaPuHuiTi-3-45-Light/result.css");
@import url("../homefile/AlibabaPuHuiTi-3-55-Regular/result.css");
@import url("../homefile/AlibabaPuHuiTi-3-85-Bold/result.css");
@import url("../homefile/AlibabaPuHuiTi-3-95-ExtraBold/result.css");


* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    outline: none;
}

body {
    width: 100%;
    overflow-x: hidden;
    font-family: "Alibaba PuHuiTi 3.0 55 Regular", "PingFang SC", "Noto Sans CJK SC", sans-serif;
}

html {
    font-size: 62.5%;
}

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



img {
    object-fit: cover;
    vertical-align: middle;
}

img:not(.none) {
    max-width: 100%;
    max-height: 100%;
}

textarea {
    resize: none;
    font-family: inherit;
}

button {
    border: none;
    cursor: pointer;
}

.bezier .swiper-wrapper,
.div_bezier {
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important;
}

table {
    border-collapse: collapse;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.4rem;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

[data-wheel]::-webkit-scrollbar {
    width: 7px;
}

[data-wheel]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.4rem;
}

[data-wheel]::-webkit-scrollbar-track {
    background-color: transparent;
}

.scroll-content {
    overflow: hidden;
}

.scrollbar-thumb {
    width: 5px !important;
}

@media screen and (max-width: 1024px) {
    .scrollbar-thumb {
        width: 0 !important;
    }
    .pc {
        display: none !important;
    }
    .ph {
        display: block !important;
    }
}

    

.scrollbar-track-y {
    z-index: 9999 !important;
}

.scrollbar-track {
    background-color: transparent !important;
    right: 0 !important;
}

.scrollbar-track:hover {
    cursor: grab;
}

.scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5) !important;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

section {
    overflow: hidden;
}

section.unset {
    overflow: unset;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 76px;
    z-index: 9999;
    padding: 0 260px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.6s ease;
}

.header:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #ffffff;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: 0.8s;
}

.header .logo {
    display: block;
    position: relative;
}

.header .logo img {
    display: block;
    width: 130px;
    transition: 0.6s;
}

.header .logo img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.header .header_r {
    display: flex;
    align-items: center;
    height: 100%;
}

.header .header_r .nav {
    display: flex;
    align-items: center;
    height: 100%;
}

.header .header_r .nav li {
    height: 100%;
}

.header .header_r .nav li .first {
    margin: 0 29px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.header .header_r .nav li .first a {
    height: 100%;
    line-height: 76px;
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    transition: 0.6s;
}

.header .header_r .nav li .first a:hover {
    color: #005cff !important;
}

.header .header_r .nav li .first:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #005cff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.6s;
    transform: scaleX(0);
}

.header .header_r .nav li .first:hover a {
    color: #005cff !important;
}

.header .header_r .nav li .first:hover:after {
    transform: scaleX(1);
}

.header .header_r .nav li .first.active:after {
    transform: scaleX(1);
    background: #ffffff;
}

.header .header_r .nav li .second {
    display: flex;
    position: fixed;
    top: 76px;
    left: 0;
    z-index: 999;
    background: #ffffff;
    border-top: 1px solid #d4d4d4;
    display: flex;
    width: 100%;
    clip-path: inset(0 0 100% 0);
    transition: 0.8s cubic-bezier(0.18, 0.73, 0.13, 0.99);
}

.header .header_r .nav li .second .l {
    padding: 60px 0 0 260px;
    width: 30vw;
    border-right: 1px solid #d9d9d9;
}

.header .header_r .nav li .second .l .item {
    display: flex;
    align-items: center;
    width: 250px;
    height: 53px;
    padding: 0 0 0 29px;
    position: relative;
    cursor: pointer;
    transform: translateY(50px);
    opacity: 0;
    pointer-events: none;
    transition: 0.6s;
}

.header .header_r .nav li .second .l .item:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 27px;
    background: #005cff;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.6s;
    opacity: 0;
}

.header .header_r .nav li .second .l .item p {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    transform: translateX(-32px);
    transition: 0.6s;
}

.header .header_r .nav li .second .l .item img {
    display: block;
    width: 22px;
    margin: 0 10px 0 0;
    position: relative;
    z-index: 2;
    opacity: 0;
    transition: 0.6s;
}

.header .header_r .nav li .second .l .item:not(:nth-last-child(1)) {
    margin: 0 0 6px;
}

.header .header_r .nav li .second .l .item.on p {
    transform: translateX(0);
    color: #fff !important;
}

.header .header_r .nav li .second .l .item.on img {
    opacity: 1;
}

.header .header_r .nav li .second .l .item.on:after {
    opacity: 1;
}

.header .header_r .nav li .second .l .item:hover p {
    color: #005cff;
}

.header .header_r .nav li .second .l_text {
    width: calc(100vw - 1040px);
    padding: 50px 0 0 260px;
    transform: translateY(25px);
    opacity: 0;
    transition: 1s;
}

.header .header_r .nav li .second .l_text h5 {
    font-weight: bold;
    font-size: 18px;
    color: #111111;
    margin: 0 0 25px;
}

.header .header_r .nav li .second .l_text p {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}

.header .header_r .nav li .second .l_text .more {
    display: flex;
    align-items: center;
    margin: 40px 0 0;
}

.header .header_r .nav li .second .l_text .more p {
    font-weight: 500;
    font-size: 14px;
    color: #111111;
    margin: 0 5px 0 0;
    transition: 0.6s;
}

.header .header_r .nav li .second .l_text .more .iconfont {
    font-size: 14px;
    color: #005cff;
}

.header .header_r .nav li .second .l_text .more:hover p {
    color: #005cff;
}

.header .header_r .nav li .second .r_link {
    padding: 55px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    position: relative;
    transform: translateY(25px);
    opacity: 0;
    transition: 1s;
}

.header .header_r .nav li .second .r_link:after {
    content: "";
    width: 1px;
    height: calc(100% - 90px);
    background: #000000;
    opacity: 0.1;
    position: absolute;
    top: 40px;
    left: calc((100vw - 1040px - 260px - 480px) / 2 * -1);
}

.header .header_r .nav li .second .r_link .a_item {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.header .header_r .nav li .second .r_link .a_item p {
    font-weight: 400;
    font-size: 16px;
    color: #111111;
    transition: 0.6s;
    margin: 0 0 0 20px;
}

.header .header_r .nav li .second .r_link .a_item .icon {
    width: 20px;
    filter: brightness(0);
    transition: 0.6s;
}
.header .header_r .nav li .second .r_link .a_item .icon img {
    width: 100%;
}
.header .header_r .nav li .second .r_link .a_item:not(:nth-child(4n)) {
    margin: 0 105px 50px 0;
}

.header .header_r .nav li .second .r_link .a_item:hover p,
.header .header_r .nav li .second .r_link .a_item:hover .icon,
.header .header_r .nav li .second .r_link .a_item.on p,
.header .header_r .nav li .second .r_link .a_item.on .icon {
    color: #005cff;
}
.header .header_r .nav li .second .r_link .a_item.on .icon,.header .header_r .nav li .second .r_link .a_item:hover .icon {
   filter: brightness(1);
}
.header .header_r .nav li .second .r {
    width: 70vw;
    padding: 60px 0 60px 3vw;
    transform: translateY(25px);
    opacity: 0;
    transition: 1s;
}

.header .header_r .nav li .second .r .mater {
    display: none;
}

.header .header_r .nav li .second .r .mater.on {
    display: block;
}

/*.header .header_r .nav li .second .r .mater h1 {*/
/*    font-weight: 700;*/
/*    font-size: 30px;*/
/*    color: #111111;*/
/*    margin: 0 0 25px;*/
/*}*/
.header .header_r .nav li .second .r .mater h3 {
    font-weight: 700;
    font-size: 30px;
    color: #111111;
    margin: 0 0 25px;
}

.header .header_r .nav li .second .r .mater .flex {
    display: flex;
    flex-wrap: wrap;
    width: 1050px;
}

.header .header_r .nav li .second .r .mater .flex .item {
    display: block;
    width: 160px;
    padding: 14px 0 23px;
    text-align: center;
    margin-bottom: 30px;
    transition: 0.6s;
}

.header .header_r .nav li .second .r .mater .flex .item .img {
    width: 80%;
    margin: 0 auto 18px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .header_r .nav li .second .r .mater .flex .item .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.header .header_r .nav li .second .r .mater .flex .item h5 {
    font-weight: 600;
    font-size: 14px;
    color: #111111;
    width: 90%;
    margin: 0 auto 8px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.6s;
}

.header .header_r .nav li .second .r .mater .flex .item p {
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    width: 90%;
    margin: 0 auto;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.6s;
}

.header .header_r .nav li .second .r .mater .flex .item:not(:nth-child(6n)) {
    margin: 0 17px 30px 0;
}

.header .header_r .nav li .second .r .mater .flex .item:hover {
    background: #005cff;
}

.header .header_r .nav li .second .r .mater .flex .item:hover h5,
.header .header_r .nav li .second .r .mater .flex .item:hover p {
    color: #ffffff;
}

.header .header_r .nav li .second .r .mater .more {
    width: 1050px;
}

.header .header_r .nav li .second .r .mater .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 121px;
    height: 41px;
    border-radius: 20px;
    border: 1px solid #005cff;
    font-weight: 400;
    font-size: 14px;
    color: #005cff;
    transition: 0.6s;
    margin: 0 0 0 auto;
}

.header.header_active {
    background: #FFFFFF
}

.pro_header {
    position: fixed;
    height: 60px;
    top: 76px;
    width: 100vw;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 10px 2px rgba(34, 34, 34, .1);
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_header a {
    display: block;
    color: #111111;
    font-weight: 700;
    font-size: 14px;
    transition: 0.6s;
}

.pro_header a:hover, .pro_header a.on {
    color: #005CFF;
}

.pro_header a:not(:nth-last-child(1)) {
    margin-right: 60px;
}

.header.header_active .logo img:nth-child(1) {
    opacity: 0
}

.header.header_active .logo img:nth-child(2) {
    opacity: 1
}

.header.header_active .header_r .nav li .first a {
    color: #333333
}

.header.header_active .header_r .nav li .first.active:after {
    background: #005CFF
}

.header.header_active .header_r .lan .iconfont, .header.header_active .header_r .lan p {
    color: #333333
}

.header.header_active .header_r .search .search_btn {
    background: #005CFF
}

.header.header_active .header_r .search .search_btn > p, .header.header_active .header_r .search .search_btn .iconfont {
    color: #FFFFFF
}

.header .header_r .nav li .second .r .mater .more a:hover {
    background: #005cff;
    color: #ffffff;
}

.header .header_r .nav li:hover .second {
    clip-path: inset(0 0 0% 0);
}

.header .header_r .nav li:hover .second .l .item {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.header .header_r .nav li:hover .second .l .item:nth-child(1) {
    transition-delay: 0.1s;
}

.header .header_r .nav li:hover .second .l .item:nth-child(2) {
    transition-delay: 0.2s;
}

.header .header_r .nav li:hover .second .l .item:nth-child(3) {
    transition-delay: 0.3s;
}

.header .header_r .nav li:hover .second .l .item:nth-child(4) {
    transition-delay: 0.4s;
}

.header .header_r .nav li:hover .second .l .item:nth-child(5) {
    transition-delay: 0.5s;
}

.header .header_r .nav li:hover .second .l .item:nth-child(6) {
    transition-delay: 0.6s;
}

.header .header_r .nav li:hover .second .r,
.header .header_r .nav li:hover .second .l_text {
    transform: translateY(0px);
    opacity: 1;
}

.header .header_r .nav li:hover .second .r_link {
    transition-delay: 0.2s;
    transform: translateY(0px);
    opacity: 1;
}

.header .header_r .lan {
    display: flex;
    align-items: center;
    margin: 0 62px 0 29px;
}

.header .header_r .lan .iconfont {
    font-size: 20px;
    color: #ffffff;
    transition: 0.6s;
}

.header .header_r .lan p {
    font-size: 16px;
    color: #ffffff;
    transition: 0.6s;
    margin: 0 0 0 5px;
}

.header.on .header_r .lan p {
    color: #333333;
}

.header.header_on .header_r .lan p {
    color: #333333;
}

.header .header_r .lan:hover .iconfont, .header .header_r .lan:hover p {
    color: #005cff !important;
}

.header .header_r .search {
    position: relative;
}

.header .header_r .search .search_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 28px;
    background: #ffffff;
    border-radius: 14px;
    cursor: pointer;
    transition: 0.6s;
}

.header .header_r .search .search_btn > p {
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin: 0 5px 0 0;
    transition: 0.6s;
}

.header .header_r .search .search_btn .iconfont {
    font-size: 16px;
    color: #000000;
    transition: 0.6s;
}

.header .header_r .search .search_btn:hover {
    background: #005cff;
}

.header .header_r .search .search_btn:hover > p,
.header .header_r .search .search_btn:hover .iconfont {
    color: #ffffff;
}

.header .header_r .search .close {
    width: 30px;
    height: 30px;
    background: #005cff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.6s;
    cursor: pointer;
}

.header .header_r .search .close span {
    display: block;
    position: absolute;
    width: 18px;
    height: 1px;
    background: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.header .header_r .search .close span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.header .header_r .search.click .search_btn {
    opacity: 0;
}

.header .header_r .search.click .close {
    opacity: 1;
    pointer-events: auto;
}

.header .search_box {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #f7f7f7;
    left: 0;
    top: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: inset(0 0 100% 0);
    transition: 1.4s cubic-bezier(0.18, 0.73, 0.13, 0.99);
}

.header .search_box .wrap {
    width: 1000px;
    opacity: 0;
    transform: translateY(40px);
    transition: 0.6s;
}

.header .search_box .wrap form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid rgba(17, 17, 17, 0.2);
    padding: 0 20px 15px 10px;
    margin: 0 0 40px;
}

.header .search_box .wrap form input {
    width: 900px;
    font-weight: 400;
    font-size: 20px;
    color: #111111;
    border: unset;
    background: unset;
}

.header .search_box .wrap form input::placeholder {
    color: #999999;
}

.header .search_box .wrap form button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 28px;
    background: #111111;
    border-radius: 14px;
    transition: 0.6s;
}

.header .search_box .wrap form button p {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    margin: 0 7px 0 0;
}

.header .search_box .wrap form button .iconfont {
    font-size: 14px;
    color: #ffffff;
}

.header .search_box .wrap form button:hover {
    background: #005cff;
}

.header .search_box .wrap .content h5 {
    font-weight: 500;
    font-size: 24px;
    color: #111111;
    margin: 0 0 40px;
}

.header .search_box .wrap .content .box {
    height: 500px;
    overflow-y: auto;
}

.header .search_box .wrap .content .box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 26px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 28px;
    position: relative;
}

.header .search_box .wrap .content .box a:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #005cff;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.6s;
}

.header .search_box .wrap .content .box a .l {
    display: flex;
    align-items: center;
}

.header .search_box .wrap .content .box a .l span {
    font-weight: 400;
    font-size: 16px;
    color: #005cff;
}

.header .search_box .wrap .content .box a .l p {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    transition: 0.6s;
}

.header .search_box .wrap .content .box a .r {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}

.header .search_box .wrap .content .box a:hover:after {
    transform: scaleX(1);
}

.header .search_box .wrap .content .box a:hover .l p {
    color: #005cff;
}

.header .search_box.active {
    clip-path: inset(0 0 0% 0);
}

.header .search_box.active .wrap {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

.header.on {
    background: #ffffff;
}

.header.on .logo img:nth-child(1) {
    opacity: 0;
}

.header.on .logo img:nth-child(2) {
    opacity: 1;
}

.header.on .header_r .nav li .first a {
    color: #333333;
}

.header.on .header_r .nav li .first.active:after {
    background: #005cff;
}

.header.on .header_r .lan .iconfont {
    color: #333333;
}

.header.on .header_r .search .search_btn {
    background: #005cff;
}

.header.on .header_r .search .search_btn > p,
.header.on .header_r .search .search_btn .iconfont {
    color: #ffffff;
}

.header.header_on {
    background: #ffffff;
}

.header.header_on .logo img:nth-child(1) {
    opacity: 0;
}

.header.header_on .logo img:nth-child(2) {
    opacity: 1;
}

.header.header_on .header_r .nav li .first a {
    color: #333333;
}

.header.header_on .header_r .nav li .first.active:after {
    background: #005cff;
}

.header.header_on .header_r .lan .iconfont {
    color: #333333;
}

.header.header_on .header_r .search .search_btn {
    background: #005cff;
}

.header.header_on .header_r .search .search_btn > p,
.header.header_on .header_r .search .search_btn .iconfont {
    color: #ffffff;
}

.header.header_search {
    background: #ffffff;
}

.header.header_search:after {
    opacity: 1;
}

.header.header_search .logo img:nth-child(1) {
    opacity: 0;
}

.header.header_search .logo img:nth-child(2) {
    opacity: 1;
}

.header.header_search .header_r .nav li .first a {
    color: #333333;
}

.header.header_search .header_r .nav li .first.active:after {
    background: #005cff;
}

.header.header_search .header_r .lan .iconfont {
    color: #333333;
}

.header.header_search .header_r .search .search_btn {
    background: #005cff;
}

.header.header_search .header_r .search .search_btn > p,
.header.header_search .header_r .search .search_btn .iconfont {
    color: #ffffff;
}

.header.head_nav_hover {
    background: #ffffff;
}

.header.head_nav_hover .logo img:nth-child(1) {
    opacity: 0;
}

.header.head_nav_hover .logo img:nth-child(2) {
    opacity: 1;
}

.header.head_nav_hover .header_r .nav li .first a {
    color: #333333;
}

.header.head_nav_hover .header_r .nav li .first.active:after {
    background: #005cff;
}

.header.head_nav_hover .header_r .lan .iconfont, .header.head_nav_hover .header_r .lan p {
    color: #333333;
}

.header.head_nav_hover .header_r .search .search_btn {
    background: #005cff;
}

.header.head_nav_hover .header_r .search .search_btn > p,
.header.head_nav_hover .header_r .search .search_btn .iconfont {
    color: #ffffff;
}

.footer {
    position: relative;
    padding: 90px 0 0;
}

.footer .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.footer .bg img {
    display: block;
    width: 100%;
    height: 100%;
}

.footer .main {
    width: 1200px;
    margin: 0 auto;
}

.footer .main .footer_top {
    display: flex;
    justify-content: space-between;
    margin: 0 0 110px;
}

.footer .main .footer_top .footer_top_l .logo {
    width: 390px;
    margin: 0 0 50px;
}

.footer .main .footer_top .footer_top_l .tel {
    margin: 0 0 60px;
}

.footer .main .footer_top .footer_top_l .tel h5 {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    opacity: 0.5;
    margin: 0 0 10px;
}

.footer .main .footer_top .footer_top_l .tel p {
    font-weight: bold;
    font-size: 30px;
    color: #ff8c1f;
    line-height: 1;
}

.footer .main .footer_top .footer_top_l .ewm {
    width: 110px;
}

.footer .main .footer_top .footer_top_l .ewm .img {
    width: 100%;
    margin: 0 0 9px;
}

.footer .main .footer_top .footer_top_l .ewm .img img {
    width: 100%;
    display: block;
}

.footer .main .footer_top .footer_top_l .ewm p {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    opacity: 0.5;
    text-align: center;
}

.footer .main .footer_top .footer_top_r {
    display: flex;
}

.footer .main .footer_top .footer_top_r li {
    margin: 0 0 0 86px;
}

.footer .main .footer_top .footer_top_r li a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    opacity: 0.5;
    transition: 0.6s;
}

.footer .main .footer_top .footer_top_r li a:hover {
    opacity: 1;
}

.footer .main .footer_top .footer_top_r li a:nth-child(1) {
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    opacity: 1;
    margin: 0 0 10px;
}

.footer .main .footer_top .footer_top_r li a:nth-child(1):hover {
    color: #ff8c1f;
}

.footer .main .footer_center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 35px;
}

.footer .main .footer_center .l {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.footer .main .footer_center .l h5,
.footer .main .footer_center .l a {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
}

.footer .main .footer_center .l a {
    display: block;
    margin: 0 10px 0 0;
}

.footer .main .footer_center .l a:hover {
    color: #fff;
}

.footer .main .footer_center .r .website_group {
    position: relative;
}

.footer .main .footer_center .r .website_group .website_group_box {
    width: 140px;
    height: 45px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: 0.6s;
}

.footer .main .footer_center .r .website_group .website_group_box p {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    transition: 0.6s;
}

.footer .main .footer_center .r .website_group .website_group_box .iconfont {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    transform: rotate(-90deg);
    margin: 0 0 0 10px;
    transition: 0.6s;
}

.footer .main .footer_center .r .website_group .website_group_box:hover {
    border: 1px solid #fff;
    background: #ffffff;
}

.footer .main .footer_center .r .website_group .website_group_box:hover p,
.footer
.main
.footer_center
.r
.website_group
.website_group_box:hover
.iconfont {
    color: #005cff;
}

.footer .main .footer_center .r .website_group .website_group_list {
    position: absolute;
    bottom: 45px;
    left: 0;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: 0.6s;
}

.footer .main .footer_center .r .website_group .website_group_list a {
    display: block;
    width: 140px;
    line-height: 45px;
    text-align: center;
    background: #ffffff;
    font-size: 14px;
    color: #111111;
    transition: 0.6s;
}

.footer
.main
.footer_center
.r
.website_group
.website_group_list
a:not(:nth-last-child(1)) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.footer .main .footer_center .r .website_group .website_group_list a:hover {
    color: #005cff;
}

.footer .main .footer_center .r .website_group:hover .website_group_list {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
}

.footer .main .footer_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0 38px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .main .footer_bottom p {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
}

.footer .main .footer_bottom p a {
    transition: 0.6s;
    color: #ffffff;
    opacity: 0.5;
}

.footer .main .footer_bottom p a:hover {
    opacity: 1;
}

.footer .main .footer_bottom > a {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 1;
    transition: 0.6s;
}

.footer .main .footer_bottom > a:hover {
    color: #ff8c1f;
}

.banner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banner .img {
    width: 100%;
}

.banner .img img {
    display: block;
    width: 100%;
    transition: 3s;
    transform: scale(1);
}

.banner .text {
    position: absolute;
    left: 260px;
    top: 50%;
    transform: translateY(-50%);
}

.banner .text h1 {
    font-weight: bold;
    font-size: 40px;
    color: #ffffff;
    line-height: 54px;
    letter-spacing: 2px;

}

.links {
    border-bottom: 1px solid rgba(27, 27, 29, 0.1);
}

.links .wrap {
    height: 86px;
    display: flex;
    align-items: center;
    width: 1440px;
    margin: 0 auto;
    position: relative;
}

.links .wrap .links_search {
    position: absolute;
    right: 0;
    width: 340px;
    height: 45px;
    background: rgba(27, 27, 29, 0);
    border-radius: 23px;
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.links .wrap .links_search .iconfont {
    color: #999999;
    font-size: 16px;
    margin: 0 9px 0 0;
    cursor: pointer;
}

.links .wrap .links_search input {
    width: 80%;
    height: 100%;
    border: 1px solid transparent;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
}

.links .wrap .links_search input::placeholder {
    color: #999999;
}

.links .wrap a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    transition: 0.6s;
    margin: 0 70px 0 0;
}

.links .wrap a:hover {
    color: #005cff;
}

.links .wrap a.on {
    font-weight: bold;
    color: #005cff;
}

.page {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transition: 0.6s;
    margin: 0 7px;
    font-weight: 500;
    font-size: 14px;
    color: #999999;
}

.page a.on {
    background: #005cff;
    color: #fff !important;
}

.page a:hover {
    color: #005cff;
}

.page a:nth-child(1),
.page a:nth-last-child(1) {
    font-size: 16px;
    color: #111111;
    border: 1px solid #b5b5b5;
}

.page a:nth-child(1):hover,
.page a:nth-last-child(1):hover {
    background: #005cff;
    border: 1px solid #005cff;
    color: #ffffff;
}

.page a:nth-child(1) {
    transform: rotate(180deg);
}

.sidebar {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    right: 36px;
    opacity: 0;
    pointer-events: none;
    transition: 0.6s;
}

.sidebar.active {
    opacity: 1;
    pointer-events: auto;
}

.sidebar .item {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 0 16px;
    transition: 0.6s;
    cursor: pointer;
}

.sidebar .item.kefu {
    box-shadow: 3px 4px 10px 0px rgba(0, 46, 127, 0.2);
}

.sidebar .item.ewm {
    background: rgba(242, 242, 242, 0.7);
}

.sidebar .item.ewm .iconfont {
    font-size: 30px;
    color: #5d6066;
    transition: 0.6s;
}

.sidebar .item.ewm:hover {
    background: #005cff;
}

.sidebar .item.ewm:hover .iconfont {
    color: #ffffff;
}

.sidebar .item.top {
    background: rgba(242, 242, 242, 0.7);
}

.sidebar .item.top .iconfont {
    font-size: 30px;
    color: #5d6066;
    transition: 0.6s;
}

.sidebar .item.top:hover {
    background: #005cff;
}

.sidebar .item.top:hover .iconfont {
    color: #ffffff;
}

.sidebar .item .ewm_box {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    width: 120px;
    height: 120px;
    padding: 15px;
    background: #005cff;
    border-radius: 10px;
    opacity: 0;
    pointer-events: none;
    transition: 0.6s;
}

.sidebar .item:hover .ewm_box {
    transform: translate(-120%, -50%);
    opacity: 1;
    pointer-events: auto;
}
@media screen and (max-width: 1919px) {
  ::-webkit-scrollbar{
    width: 0.3125vw;
  }
  [data-wheel]::-webkit-scrollbar{
    width: 0.3645833333vw;
  }
  .scrollbar-thumb{
    width: 0.2604166667vw !important;
  }
  .header{
    height: 3.9583333333vw;
    padding: 0px 13.5416666667vw;
  }
  .header .logo img{
    width: 6.7708333333vw;
  }
  .header .header_r .nav li .first{
    margin: 0px 1.5104166667vw;
  }
  .header .header_r .nav li .first a{
    line-height: 3.9583333333vw;
    font-size: 0.8333333333vw;
  }
  .header .header_r .nav li .first::after{
    height: 0.1041666667vw;
  }
  .header .header_r .nav li .second{
    top: 3.9583333333vw;
  }
  .header .header_r .nav li .second .l{
    padding: 3.125vw 0px 0px 13.5416666667vw;
  }
  .header .header_r .nav li .second .l .item{
    width: 13.0208333333vw;
    height: 2.7604166667vw;
    padding: 0px 0px 0px 1.5104166667vw;
    transform: translateY(2.6041666667vw);
  }
  .header .header_r .nav li .second .l .item::after{
    border-radius: 1.40625vw;
  }
  .header .header_r .nav li .second .l .item p{
    font-size: 0.8333333333vw;
    transform: translateX(-1.6666666667vw);
  }
  .header .header_r .nav li .second .l .item img{
    width: 1.1458333333vw;
    margin: 0px 0.5208333333vw 0px 0px;
  }
  .header .header_r .nav li .second .l .item:not(:nth-last-child(1)){
    margin: 0px 0px 0.3125vw;
  }
  .header .header_r .nav li .second .l_text{
    width: calc(-54.1666666667vw + 100vw);
    padding: 2.6041666667vw 0px 0px 13.5416666667vw;
    transform: translateY(1.3020833333vw);
  }
  .header .header_r .nav li .second .l_text h5{
    font-size: 0.9375vw;
    margin: 0px 0px 1.3020833333vw;
  }
  .header .header_r .nav li .second .l_text p{
    font-size: 0.7291666667vw;
  }
  .header .header_r .nav li .second .l_text .more{
    margin: 2.0833333333vw 0px 0px;
  }
  .header .header_r .nav li .second .l_text .more p{
    font-size: 0.7291666667vw;
    margin: 0px 0.2604166667vw 0px 0px;
  }
  .header .header_r .nav li .second .l_text .more .iconfont{
    font-size: 0.7291666667vw;
  }
  .header .header_r .nav li .second .r_link{
    padding: 2.8645833333vw 0px 2.6041666667vw;
    width: 41.6666666667vw;
    transform: translateY(1.3020833333vw);
  }
  .header .header_r .nav li .second .r_link::after{
    height: calc(100% - 4.6875vw);
    top: 2.0833333333vw;
    left: calc(46.3541666667vw - 50vw);
  }
  .header .header_r .nav li .second .r_link .a_item{
    margin-bottom: 2.6041666667vw;
  }
  .header .header_r .nav li .second .r_link .a_item p{
    font-size: 0.8333333333vw;
    margin: 0px 0px 0px 1.0416666667vw;
  }
  .header .header_r .nav li .second .r_link .a_item .iconfont{
    width: 1.0416666667vw;
  }
  .header .header_r .nav li .second .r_link .a_item:not(:nth-child(4n)){
    margin: 0px 5.46875vw 2.6041666667vw 0px;
  }
  .header .header_r .nav li .second .r{
    padding: 3.125vw 0px 3.125vw 3vw;
    transform: translateY(1.3020833333vw);
  }
  /*.header .header_r .nav li .second .r .mater h1{*/
  /*  font-size: 1.5625vw;*/
  /*  margin: 0px 0px 1.3020833333vw;*/
  /*}*/
  .header .header_r .nav li .second .r .mater h3{
    font-size: 1.5625vw;
    margin: 0px 0px 1.3020833333vw;
  }
  .header .header_r .nav li .second .r .mater .flex{
    width: 54.6875vw;
  }
  .header .header_r .nav li .second .r .mater .flex .item{
    width: 8.3333333333vw;
    padding: 0.7291666667vw 0px 1.1979166667vw;
    margin-bottom: 1.5625vw;
  }
  .header .header_r .nav li .second .r .mater .flex .item .img{
    margin: 0px auto 0.9375vw;
    height: 5.7291666667vw;
  }
  .header .header_r .nav li .second .r .mater .flex .item h5{
    font-size: 0.7291666667vw;
    margin: 0px auto 0.4166666667vw;
  }
  .header .header_r .nav li .second .r .mater .flex .item p{
    font-size: 0.625vw;
  }
  .header .header_r .nav li .second .r .mater .flex .item:not(:nth-child(6n)){
    margin: 0px 0.8854166667vw 1.5625vw 0px;
  }
  .header .header_r .nav li .second .r .mater .more{
    width: 54.6875vw;
  }
  .header .header_r .nav li .second .r .mater .more a{
    width: 6.3020833333vw;
    height: 2.1354166667vw;
    border-radius: 1.0416666667vw;
    font-size: 0.7291666667vw;
  }
  .pro_header{
    height: 3.125vw;
    top: 3.9583333333vw;
    box-shadow: rgba(34, 34, 34, 0.1) 0px 0px 0.5208333333vw 0.1041666667vw;
  }
  .pro_header a{
    font-size: 0.7291666667vw;
  }
  .pro_header a:not(:nth-last-child(1)){
    margin-right: 3.125vw;
  }
  .header .header_r .lan{
    margin: 0px 3.2291666667vw 0px 1.5104166667vw;
  }
  .header .header_r .lan .iconfont{
    font-size: 1.0416666667vw;
  }
  .header .header_r .lan p{
    font-size: 0.8333333333vw;
    margin: 0px 0px 0px 0.2604166667vw;
  }
  .header .header_r .search .search_btn{
    width: 3.75vw;
    height: 1.4583333333vw;
    border-radius: 0.7291666667vw;
  }
  .header .header_r .search .search_btn > p{
    font-size: 0.7291666667vw;
    margin: 0px 0.2604166667vw 0px 0px;
  }
  .header .header_r .search .search_btn .iconfont{
    font-size: 0.8333333333vw;
  }
  .header .header_r .search .close{
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .header .header_r .search .close span{
    width: 0.9375vw;
  }
  .header .search_box .wrap{
    width: 52.0833333333vw;
    transform: translateY(2.0833333333vw);
  }
  .header .search_box .wrap form{
    padding: 0px 1.0416666667vw 0.78125vw 0.5208333333vw;
    margin: 0px 0px 2.0833333333vw;
  }
  .header .search_box .wrap form input{
    width: 46.875vw;
    font-size: 1.0416666667vw;
  }
  .header .search_box .wrap form button{
    width: 3.75vw;
    height: 1.4583333333vw;
    border-radius: 0.7291666667vw;
  }
  .header .search_box .wrap form button p{
    font-size: 0.7291666667vw;
    margin: 0px 0.3645833333vw 0px 0px;
  }
  .header .search_box .wrap form button .iconfont{
    font-size: 0.7291666667vw;
  }
  .header .search_box .wrap .content h5{
    font-size: 1.25vw;
    margin: 0px 0px 2.0833333333vw;
  }
  .header .search_box .wrap .content .box{
    height: 26.0416666667vw;
  }
  .header .search_box .wrap .content .box a{
    padding: 0px 0px 1.3541666667vw;
    margin: 0px 0px 1.4583333333vw;
  }
  .header .search_box .wrap .content .box a .l span{
    font-size: 0.8333333333vw;
  }
  .header .search_box .wrap .content .box a .l p{
    font-size: 0.8333333333vw;
  }
  .header .search_box .wrap .content .box a .r{
    font-size: 0.8333333333vw;
  }
  .footer{
    padding: 4.6875vw 0px 0px;
  }
  .footer .main{
    width: 62.5vw;
  }
  .footer .main .footer_top{
    margin: 0px 0px 5.7291666667vw;
  }
  .footer .main .footer_top .footer_top_l .logo{
    width: 20.3125vw;
    margin: 0px 0px 2.6041666667vw;
  }
  .footer .main .footer_top .footer_top_l .tel{
    margin: 0px 0px 3.125vw;
  }
  .footer .main .footer_top .footer_top_l .tel h5{
    font-size: 0.7291666667vw;
    margin: 0px 0px 0.5208333333vw;
  }
  .footer .main .footer_top .footer_top_l .tel p{
    font-size: 1.5625vw;
  }
  .footer .main .footer_top .footer_top_l .ewm{
    width: 5.7291666667vw;
  }
  .footer .main .footer_top .footer_top_l .ewm .img{
    margin: 0px 0px 0.46875vw;
  }
  .footer .main .footer_top .footer_top_l .ewm p{
    font-size: 0.7291666667vw;
  }
  .footer .main .footer_top .footer_top_r li{
    margin: 0px 0px 0px 4.3791666667vw;
  }
  .footer .main .footer_top .footer_top_r li a{
    font-size: 0.7291666667vw;
    line-height: 2.0833333333vw;
  }
  .footer .main .footer_top .footer_top_r li a:nth-child(1){
    font-size: 0.8333333333vw;
    margin: 0px 0px 0.5208333333vw;
  }
  .footer .main .footer_center{
    margin: 0px 0px 1.8229166667vw;
  }
  .footer .main .footer_center .l h5, .footer .main .footer_center .l a{
    font-size: 0.7291666667vw;
  }
  .footer .main .footer_center .l a{
    margin: 0px 0.5208333333vw 0px 0px;
  }
  .footer .main .footer_center .r .website_group .website_group_box{
    width: 7.2916666667vw;
    height: 2.34375vw;
    border-radius: 0.2604166667vw;
  }
  .footer .main .footer_center .r .website_group .website_group_box p{
    font-size: 0.7291666667vw;
  }
  .footer .main .footer_center .r .website_group .website_group_box .iconfont{
    font-size: 0.8333333333vw;
    margin: 0px 0px 0px 0.5208333333vw;
  }
  .footer .main .footer_center .r .website_group .website_group_list{
    bottom: 2.34375vw;
    transform: translateY(1.0416666667vw);
  }
  .footer .main .footer_center .r .website_group .website_group_list a{
    width: 7.2916666667vw;
    line-height: 2.34375vw;
    font-size: 0.7291666667vw;
  }
  .footer .main .footer_bottom{
    padding: 1.25vw 0px 1.9791666667vw;
  }
  .footer .main .footer_bottom p{
    font-size: 0.7291666667vw;
  }
  .footer .main .footer_bottom > a{
    font-size: 0.7291666667vw;
  }
  .banner .text{
    left: 13.5416666667vw;
  }
  .banner .text h1{
    font-size: 2.0833333333vw;
    line-height: 2.8125vw;
    letter-spacing: 0.1041666667vw;
  }
  .links .wrap{
    height: 4.4791666667vw;
    width: 75vw;
  }
  .links .wrap .links_search{
    width: 17.7083333333vw;
    height: 2.34375vw;
    border-radius: 1.1979166667vw;
    padding: 0px 1.0416666667vw;
  }
  .links .wrap .links_search .iconfont{
    font-size: 0.8333333333vw;
    margin: 0px 0.46875vw 0px 0px;
  }
  .links .wrap .links_search input{
    font-size: 0.7291666667vw;
  }
  .links .wrap a{
    font-size: 0.8333333333vw;
    margin: 0px 3.6458333333vw 0px 0px;
  }
  .page a{
    width: 2.34375vw;
    height: 2.34375vw;
    margin: 0px 0.3645833333vw;
    font-size: 0.7291666667vw;
  }
  .page a:nth-child(1), .page a:nth-last-child(1){
    font-size: 0.8333333333vw;
  }
  .sidebar{
    right: 1.875vw;
  }
  .sidebar .item{
    width: 2.9166666667vw;
    height: 2.9166666667vw;
    margin: 0px 0px 0.8333333333vw;
  }
  .sidebar .item.kefu{
    box-shadow: rgba(0, 46, 127, 0.2) 0.15625vw 0.2083333333vw 0.5208333333vw 0px;
  }
  .sidebar .item.ewm .iconfont{
    font-size: 1.5625vw;
  }
  .sidebar .item.top .iconfont{
    font-size: 1.5625vw;
  }
  .sidebar .item .ewm_box{
    width: 6.25vw;
    height: 6.25vw;
    padding: 0.78125vw;
    border-radius: 0.5208333333vw;
  }
}
@media screen and (max-width: 1024px) {
    .aside {
        display: none !important;
    }
    .sidebar {
        display: none !important;
    }
    .header {
        height: 60px;
        padding: 0 5vw;
        background: #FFFFFF;
    }

    .header .header_r .nav {
        display: none;
    }
    .header .logo img {
        width: 110px;
    }
    .header .logo img:nth-child(2) {
        opacity: 1;

    }
    .header .logo img:nth-child(1) {
        opacity: 0;
    }
    .footer .main {
        width: 90%;
    }
    .footer .main .footer_top .footer_top_r {
        display: none;
    }
    .footer .main .footer_top .footer_top_l {
        width: 100%;
    }
    .footer .main .footer_top .footer_top_l .logo {
        width: 125px;
        margin: 0 auto 20px;
    }
    .footer .main .footer_top .footer_top_l .logo img:nth-child(1) {
        display: none !important;
    }
    .footer .main .footer_top .footer_top_l .logo img:nth-child(2) {
        display: block !important;
    }
    .footer {
        padding: 40px 0 0;
    }
    .footer .main .footer_top .footer_top_l .tel h5 {
        font-size: 16px;
        text-align: center;
    }
    .footer .main .footer_top .footer_top_l .tel p {
        font-size: 24px;
         text-align: center;
    }
    .footer .main .footer_top .footer_top_l .ewm {
        width: 100%;
    }
    .footer .main .footer_top .footer_top_l .ewm .img {
        width: 80px;
        margin: 0 auto 10px;
    }
    .footer .main .footer_top .footer_top_l .ewm p {
        font-size: 14px;
        text-align: center;
    }
    .footer .main .footer_top .footer_top_l .tel {
        margin: 0px 0px 30px;
    }
    .footer .main .footer_center .l h5, .footer .main .footer_center .l a {
        font-size: 12px;
    }
    .footer .main .footer_bottom p {
        font-size: 12px;
        text-align: center;
        line-height: 1.4;
    }
    .footer .main .footer_center {
        justify-content: center;
        margin: 0px 0px 10px;
    }
    .footer .main .footer_bottom {
        padding: 10px 0;
    }
    .footer .main .footer_center .r {
        display: none;
    }
    .footer .main .footer_center .l a {
        /*margin: 0 10px 0 0;*/
        margin: 0 10px 6px 0;
    }
    .footer .main .footer_center .l a:nth-last-child(1) {
        margin: 0 0 6px 0;
    }
    .head_click {
        display: block !important;
        position: relative;
        width: 22px;
        height: 16px;
        cursor: pointer;
        margin: 0 0 0 0px;
    }

    .head_click .show {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .head_click .show div:first-child {
        transition-delay: 0.4s;

    }

    .head_click .show div:nth-child(2) {
        transition-delay: 0.5s;
    }

    .head_click .show div:last-child {
        transition-delay: 0.6s;
    }

    .head_click .show div {
        width: 100%;
        height: 2px;
        background: #000;
        transition: 0.3s;
    }

    .head_click .hide {
        width: 100%;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .head_click .hide:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 2px;
        background: #000;
        transform: rotate(45deg) scaleX(0);
        transition: .75s cubic-bezier(.19, 1, .22, 1);
    }

    .head_click .hide:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 2px;
        background: #000;
        transform: rotate(-45deg) scaleX(0);
        transition: .75s cubic-bezier(.19, 1, .22, 1);
    }

    .head_click.on .show div {
        transition-delay: unset;
    }

    .head_click.on .show div:first-child {
        width: 0;
    }

    .head_click.on .show div:nth-child(2) {
        width: 0;
        transition-delay: 0.1s;
    }

    .head_click.on .show div:last-child {
        width: 0;
        transition-delay: 0.2s;
    }

    .head_click.on .hide:after {
        transform: rotate(45deg) scaleX(1);
        transition-delay: 0.6s;
    }

    .head_click.on .hide:before {
        transform: rotate(-45deg) scaleX(1);
        transition-delay: 0.6s;
    }
    .menu_nav {
        width: 100vw;
        height: 100vh;
        background: #FFFFFF;
        position: fixed;
        top: 0;
        left: 0;
        display: block !important;
        z-index: -1;
        padding: 80px 5vw 0;
        clip-path: inset(0% 0% 100% 0%);
        transition: .6s;
    }
    .menu_nav.on {
           clip-path: inset(0% 0% 0% 0%);
    }
    .menu_nav li {
        border-bottom: 1px solid #eee;
        position: relative;
    }
    .menu_nav li:after {
        content: "";
        width: 8px;
        height: 10px;
        background: #111111;
        position: absolute;
        top: 22px;
        right: 0;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        transition: 0.6s;
    }
    .menu_nav li.item_active:after {
        transform: rotate(90deg);
    }
    .menu_nav li:nth-child(1):after,.menu_nav li:nth-child(2):after  {
        display: none;
    }
    .menu_nav .first {
        width: 100%;
        height: 50px;
        
    }
    .menu_nav li:nth-child(1) .first a,.menu_nav li:nth-child(2) .first a {
        width: 100%;
    }
    .menu_nav .first a {
        display: block;
        width: 50%;
        font-size: 16px;
        color: #111111;
        line-height: 50px;
    }
    .menu_nav .second {
        padding: 0 0 15px;
        display: none;
    }
    .menu_nav .second .r_link a {
        display: block;
        font-size: 14px;
        color: #666666;
        line-height: 30px;
        position: relative;
        padding: 0 0 0 15px;
    }
    .menu_nav .second .r_link a:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 3px;
        transform: translateY(-50%);
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #666666;
    }
    .banner {
        height: 60vh;
    }
    .banner .img,.banner .img img {
        height: 100%;
    }
    .banner .text {
        left: 5vw;
    }
    .banner .text h1 {
        font-size: 24px;
        line-height: 1.6;
    }
    .page a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        margin: 0 5px;
    }
    .links .wrap {
        width: 90%;
        height: 50px;
    }
    .links .wrap a {
        font-size: 14px;
        margin: 0 15px 0 0;
    }
    .links .wrap .links_search {
        display: none;
    }
    .header .header_r .lan {
        display: flex;
    }
    .header .header_r .lan .iconfont,.header .header_r .lan p {
        color: #111111 !important;
        font-size: 16px;
    }
    .header .header_r .lan .iconfont {
        margin: 0 2px 0 0;
    }
    .header .header_r .lan {
        margin: 0 15px 0 0;
    }
    .banner .img {
        transform: unset !important;
    }
    .banner .img img {
        transform: scale(1) !important;
    }
    .header .header_r .search .search_btn > p {
        font-size: 14px;
        margin: 0 5px 0 0;
        color: #111 !important;
    }
    .header .header_r .search .search_btn .iconfont {
        font-size: 14px;
        color: #111 !important;
    }
    .header .header_r .search .search_btn {
        width: fit-content;
        height: fit-content;
        margin: 0 10px 0 0;
        background: unset !important;
    }
    .header .header_r .search .close {
        width: 20px;
        height: 20px;
       right: 50%;
        transform: translate(50%,-50%);
    }
    .header .header_r .search .close span {
        width: 12px;
 
    }
    .header .search_box .wrap {
        width: 90%;
    }
    .header .search_box .wrap form input {
        width: 70vw;
        font-size: 16px;
    }
    .header .search_box .wrap form button .iconfont {
        font-size: 14px;
    }
    .header .search_box .wrap form button p {
        font-size: 14px;
        margin: 0 5px 0 0;
    }
    .header .search_box .wrap form button {
        width: 80px;
        height: 34px;
        border-radius: 40px;
    }
    .header .search_box .wrap form {
        padding: 0 0 10px;
    }
    .links .wrap {
        flex-wrap: wrap;
        height: unset;
        padding: 10px 0;
    }
    .links .wrap a {
        width: 25%;
        margin: 10px 0 !important;
        text-align: center;
    }
}



/* 按钮基础样式 */
        .consult-btn {
            height: 1.74999999996vw;
           /*padding: 6px 2px 6px 2px;*/
    min-width: 100px;
    display: inline-block;
    color: #fff;
    font-family: "Microsoft YaHei";
    text-align: center;
    text-decoration: none;
    background-color: #005cff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        /* 鼠标悬停效果 */
        .consult-btn:hover {
            background-color: #ff8c1f;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }

        /* 按钮激活效果 */
        .consult-btn:active {
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }
        .consult-desc {
  font-weight:400;
  letter-spacing:0.2em;
  font-size:14px;
}
        .header.on .header_r .consult-btn {
    background-color: #ff8c1f;
        }
        .header.header_on .header_r .consult-btn {
    background-color: #ff8c1f;
}
.header.head_nav_hover .header_r .consult-btn {
    background-color: #ff8c1f;
}
.header.header_active .header_r .consult-btn {
    background-color: #ff8c1f;
}