@charset "utf-8";
/*根元素代码*/
:root {--dominant-color: #b7000e;--linear-color: linear-gradient(223deg, rgba(99, 229, 242, 0.2), rgba(58, 174, 239, 0.8));}
/*--------------------------------------------------------*/
/*通用*/
.index-padding {padding:60px 0;}
@media screen and (max-width: 768px) {.index-padding {padding: 30px 0;}}
.index-title {margin-bottom: 20px;}
.index-title .sup {color: var(--dominant-color);font-size: 16px;}
.index-title .title {font-family: Outfit-SemiBold;font-size: 36px;color: #000;line-height: 1.1; font-weight:bold;}
@media screen and (max-width: 1600px) {.index-title .title {font-size: 36px;}}
@media screen and (max-width: 1366px) {.index-title .title {font-size: 28px;}}
@media screen and (max-width: 768px) {.index-title .title {font-size: 20px;}}
.index-title .title span {color: var(--dominant-color);font-style: italic;}
.index-title .tip {font-size: 14px;margin-top: 6px;color: #666666;}
.index-title .summary {color: #111;font-size: 1.5625vw;line-height: 1.6;margin: 20px 0;font-family: Outfit-SemiBold;}
@media screen and (max-width: 768px) {.index-title .summary {font-size: 12px;margin-top: 4px;}}
.index-title .summary2 {font-size: 18px;color: #666666;margin: 30px 0 40px;line-height: 1.6;}
@media screen and (max-width: 768px) {.index-title .summary2 {font-size: 14px;}}
.index-title .summary3 {font-size: 16px;color: #666666;margin: 30px 0 40px;line-height: 1.6;}
@media screen and (max-width: 768px) {.index-title .summary3 {font-size: 14px;}}
.index-title .summary3 a {color: var(--dominant-color);}
.f-more {font-size: 16px;color: var(--dominant-color);line-height: 1;text-align: center;border: 1px solid var(--dominant-color);border-radius: 24px;transition: all 0.5s;padding: 15px 22px;display: flex;align-items: center;justify-content: center;width: fit-content;}
.f-more::after {content: '';width: 8px;height: 8px;background: var(--dominant-color);border-radius: 50%;margin-left: 20px;transition: all 0.5s;}
@media screen and (max-width: 1280px) {.f-more {font-size: 14px;}}
@media screen and (max-width: 1280px) {.f-more {font-size: 12px;}}
.f-more:hover {background: var(--dominant-color);color: #fff;}
.f-more:hover::after {background: #fff;}
.f-more-show {font-size: 16px;color: var(--dominant-color);line-height: 1;padding: 15px 22px;display: flex;align-items: center;justify-content: center;width: fit-content;margin: auto;cursor: pointer;}/*--------------------------------------------------------*/
/*首页*/
/*轮播*/
.banner {width: 100%;}
.banner .img {height: 100%;}
.banner .img img,.banner .img video {width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-banner {height: 100%;}
.banner .swiper-banner .text {margin: auto;position: absolute;top: 0;right: 0;left: 0;bottom: 0;color: #fff;text-align: left;height: fit-content;}
@media screen and (max-width: 1366px) {.banner .swiper-banner .text {flex-direction: column;}}
@media screen and (max-width: 768px) {.banner .swiper-banner .text {top: 20%;bottom: auto;}}
.banner .swiper-banner .text .img {transition: all 1s;transform: translateY(100px);opacity: 0;}
.banner .swiper-banner .text img {transition: all 1s; max-width:280px; margin-bottom:10px;}
.banner .swiper-banner .text .img img {max-width: 724px;width: 37.708vw;}
.banner .swiper-banner .text .title {font-size: 78px;transition: all 1s;transform: translateY(100px);opacity: 0;width: 100%;line-height: 1.1;color: #fff;font-family: Outfit-SemiBold; font-weight:bold;}
@media screen and (max-width: 1600px) {.banner .swiper-banner .text .title {font-size: 38px;}}
@media screen and (max-width: 1366px) {.banner .swiper-banner .text .title {font-size: 28px;}}
@media screen and (max-width: 768px) {.banner .swiper-banner .text .title {font-size: 24px;}
.banner .swiper-banner .text img {transition: all 1s; max-width:150px; margin-bottom:10px;}
}
.banner .swiper-banner .text .summary {margin-top: 20px;font-size: 28px;transition: all 1s;transform: translateY(100px);opacity: 0;width: 100%;margin-bottom: 40px;}
@media screen and (max-width: 1600px) {.banner .swiper-banner .text .summary {font-size: 24px;}}
@media screen and (max-width: 1366px) {.banner .swiper-banner .text .summary {font-size: 20px;}}
@media screen and (max-width: 768px) {.banner .swiper-banner .text .summary {font-size: 16px;margin-top: 10px;margin-bottom: 10px;}}
.banner .swiper-banner .text .tip {transition: all 1s;transform: translateY(100px);opacity: 0;}
.banner .swiper-banner .text .banner-more {transition: all 1s;transform: translateY(100px);opacity: 0;text-align: left;margin-top: 40px;}
.banner .swiper-banner .swiper-slide-active .img {transform: translateY(0);opacity: 1;transition-delay: 0.3s;}
.banner .swiper-banner .swiper-slide-active .title {transform: translateY(0);opacity: 1;transition-delay: 0.5s;}
.banner .swiper-banner .swiper-slide-active .summary {transform: translateY(0);opacity: 1;transition-delay: 0.7s;}
.banner .swiper-banner .swiper-slide-active .numbers {transform: translateY(0);opacity: 1;transition-delay: 0.7s;}
.banner .swiper-banner .swiper-slide-active .tip {transform: translateY(0);opacity: 1;transition-delay: 0.9s;}
.banner .swiper-banner .swiper-slide-active .banner-more {transform: translateY(0);opacity: 1;transition-delay: 0.9s;}
.banner .swiper-banner .swiper-horizontal > .swiper-pagination-bullets,.banner .swiper-banner .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 30px;width: 90%;max-width: 1720px;margin: auto;left: 0;right: 0;}
.banner .swiper-banner .swiper-pagination-bullet {--swiper-pagination-bullet-inactive-color: #fff;opacity: 0.5;--swiper-pagination-bullet-width: 40px;--swiper-pagination-bullet-height: 4px;--swiper-pagination-bullet-horizontal-gap: 5px;position: relative;border-radius: 4px;}
.banner .swiper-banner .swiper-pagination-bullet::after {width: 8px;height: 8px;border-radius: 50%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: #fff;opacity: 0.8;}
.banner .swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {--swiper-pagination-color: var(--dominant-color);opacity: 1;}
.banner .swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {background: var(--dominant-color);}
.banner .swiper-banner .swiper-pager {display: flex;position: absolute;bottom: 10%;left: 0;right: 0;z-index: 1;width: 90%;max-width: 1740px;margin: auto;align-items: center;color: #fff;}
.banner .swiper-banner .swiper-pagination-progressbar {position: initial;max-width: 700px;margin: 0 20px;}
@media screen and (max-width: 768px) {.banner .swiper-banner .swiper-pagination-progressbar {max-width: 50%;}}
.banner .swiper-banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #fff;}
.banner .swiper-banner .swiper-pagination-progressbar.swiper-pagination-horizontal {height: 2px;}

.index1 .index1-box {max-width: 1800px;margin-top:40px;position: relative;}
@media screen and (max-width: 768px) {.index1 .index1-box {margin-top: 20px;}}
.index1 .swiper {border-radius: 10px;width: calc(100% - 200px);position: initial;overflow:hidden;}
@media screen and (max-width: 768px) {.index1 .swiper {width: 100%;}}
.index1 .swiper-slide {border-radius: 10px;cursor: pointer;transition: all 0.5s;height:450px; border:2px solid #eee; overflow:hidden;}
@media screen and (max-width: 768px) {.index1 .swiper-slide {height:400px;}}
.index1 .swiper-slide .img {height:85%;}
.index1 .swiper-slide.swiperW {width: 25% !important;}
.index1 .swiper-slide.swiperW.swiperW2 {width: 50% !important;}
.index1 .swiper-slide::after {content: '';width: 100%;height: 100%;background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));opacity: 0;transition: all 0.5s;position: absolute;top: 0;left: 0;}
.index1 .swiper-slide .text {position: absolute;left: 0;bottom:10px;width: 100%;text-align:center;color: #000;z-index: 3;}
.index1 .swiper-slide .text .title {font-size: 24px;transition: all 0.5s;}
@media screen and (max-width: 1600px) {.index1 .swiper-slide .text .title {font-size: 20px;}}
.index1 .swiper-slide .text .summary {margin-top: 10px;font-size: 16px;transition: all 0.5s;opacity: 0;max-height: 0;}
.index1 .swiper-slide:hover::after {opacity: 1;}
.index1 .swiper-slide:hover .summary {opacity: 0.6;max-height: 100px;}

.index2 {position: relative;width: 100%;overflow: hidden;}
.index2 .tabs-change .item {position: relative;opacity: 0;pointer-events: none;transition: all 0.5s;}
.index2 .tabs-change .item img {display: block;width: 100%;min-height:400px;object-fit: cover;}
.index2 .tabs-change .item:nth-child(n+2) {position: absolute;top: 0;left: 0;width: 100%;}
.index2 .tabs-change .item.active {opacity: 1;pointer-events: auto;}
.index2 .tabs-change .item .text {position: absolute;top:10%;left: 0;right: 0;margin: auto;z-index: 2; }
.index2 .tabs-change .item .text .title {color: #fff; text-transform:uppercase; margin-top:10px; font-weight:bold;}
.index2 .tabs-change .item .text .f-more {margin-top: 40px;}
.index2 .tabs {z-index: 2;position: absolute;left: 0;right: 0;bottom: 1.604vw;overflow: hidden;}
.index2 .tabs .swiper {position: relative;width: 100%;overflow: hidden;}
.index2 .tabs .item {border-radius: 20px;background: rgba(107, 107, 107, 0.3);backdrop-filter: blur(10px);width: 100%;padding:30px;height: 120px;transition: all 0.5s;cursor: pointer;}
@media screen and (max-width: 1600px) {.index2 .tabs .item {height:60px;padding:10px;}}
.index2 .tabs .item .number {color: #fff;font-size:20px;}
.index2 .tabs .item .icon {display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;position: absolute;right: 20px;top: 20px;}
@media screen and (max-width: 1600px) {.index2 .tabs .item .icon {width:25px;height: 25px;right:10px;top:10px;}}
.index2 .tabs .item .icon img {object-fit: contain;max-height: 100%;max-width: 100%;}
.index2 .tabs .item .text {font-size: 20px;position: absolute;bottom: 30px;color: #fff;opacity: 0.6;transition: all 0.5s;}
@media screen and (max-width: 1600px) {.index2 .tabs .item .text {font-size: 14px;bottom:5px;}

}
.index2 .tabs .item.active,.index2 .tabs .item:hover {background: #b7000e;}
.index2 .tabs .item.active .number,.index2 .tabs .item:hover .number {color:#fff; font-weight:bold;}
.index2 .tabs .item.active .icon,.index2 .tabs .item:hover .icon {filter: none;opacity: 1;}
.index2 .tabs .item.active .text,.index2 .tabs .item:hover .text {color: #fff;opacity: 1;}
.index2 .tabs-change .item .text .txt{margin-top: 18px;font-size:20px;color: #cccccc;line-height: 2; max-width:70%;}
@media screen and (max-width: 1440px){
.index2 .tabs-change .item .text .txt{margin-top: 12px;max-width:100%;font-size:18px;line-height:1.5;}
}

@media screen and (max-width: 640px){
.index2 .tabs-change .item .text .txt{margin-top: 12px;max-width:100%;font-size:14px;line-height:1.5;bottom:0px;}
.index2 .tabs-change .item .text .f-more {margin-top:10px;}

}


.index3 .top {display: flex;justify-content: space-between;align-items: center;}
@media screen and (max-width: 768px) {.index3 .top {flex-direction: column;}}
.index3 .top .left {flex-basis: 45%;}
.index3 .top .right {flex-basis: 48%;height: fit-content;position: relative;cursor: pointer;}
.index3 .top .right .play {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
@media screen and (max-width: 768px) {.index3 .top .right .play {width: 60px;height: 60px;}}
.index3 .bottom {margin-top:2vw;display: flex;align-items: baseline;justify-content: space-between;}
@media screen and (max-width: 768px) {.index3 .bottom {flex-wrap: wrap;}}
@media screen and (max-width: 768px) {.index3 .bottom .item {flex-basis: 50%;margin-bottom: 30px;}}
.index3 .bottom .number {font-size: 3.021vw;line-height: 1.4;color: var(--dominant-color);font-family: Outfit-SemiBold;}
.index3 .bottom .number span {font-family: Outfit-SemiBold;}
@media screen and (max-width: 768px) {.index3 .bottom .number {font-size: 24px;}}
.index3 .bottom .number sup {font-size: 1.25vw;color: var(--dominant-color);margin-left: 0.521vw;position: absolute;margin-top: 10px;}
@media screen and (max-width: 768px) {.index3 .bottom .number sup {font-size: 14px;}}
.index3 .bottom .text {font-size: 1vw;line-height: 1.1;}
@media screen and (max-width: 768px) {.index3 .bottom .text {font-size: 12px;}}
.index4 {max-height: 1060px;overflow: hidden;}
.index4 .index4-box {display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.index4 .index4-box {flex-direction: column-reverse;}}
.index4 .index4-box .left {flex-basis: 50%;max-height: 720px;overflow: hidden;margin-top: 40px;display: flex;flex-direction: column;justify-content: space-between;}
.index4 .index4-box .left .list {display: flex;flex-direction: column;transition: all 0.5s;}
.index4 .index4-box .left .swiper{position: relative;width: 100%;height: 630px;overflow: hidden;margin-bottom: 35px;}
.index4 .index4-box .left .swiper-vertical>.swiper-wrapper {flex-direction: column;}
.index4 .index4-box .left .swiper-slide{height: auto;}
.index4 .index4-box .left .list .item {color: #fff;margin-bottom: 50px;}
.index4 .index4-box .left .list .item .icon {width: 50px;height: 50px;filter: brightness(10);opacity: 0.6;transition: all 0.5s;}
.index4 .index4-box .left .list .item .title {font-size: 30px;margin-top: 10px;opacity: 0.6;transition: all 0.5s;}
@media screen and (max-width: 768px) {.index4 .index4-box .left .list .item .title {font-size: 16px;}}
.index4 .index4-box .left .list .item .summary {margin-top: 20px;line-height: 2;opacity: 0.6;}
.index4 .index4-box .left .list .item .summary ul {padding-left: 20px;}
.index4 .index4-box .left .list .item .summary li {list-style: disc;font-size: 16px;}
@media screen and (max-width: 768px) {.index4 .index4-box .left .list .item .summary li {font-size: 12px;}}
.index4 .index4-box .left .list .item .summary li::marker {color: var(--dominant-color);}
.index4 .index4-box .left .list .item .f-more {margin-top: 30px;}
@media screen and (max-width: 768px) {.index4 .index4-box .left .list .item.active {display: block;}}
.index4 .index4-box .left .list .item.active .title {opacity: 1;}
.index4 .index4-box .left .list .swiper-slide .icon,.index4 .index4-box .left .list .swiper-slide-active .icon,.index4 .index4-box .left .list .item.active .icon{filter: none;opacity: 1;}
.index4 .index4-box .left .list .item.active .hide-box {max-height: 300px;}
.index4 .index4-box .right .img {position: relative;}
@media screen and (max-width: 768px) {.index4{max-height: 100%;}
.index4 .index4-box .left{display: block;max-height: 100%;padding-bottom: 10px;}
.index4 .index4-box .left .swiper{height: 350px;margin-bottom: 20px;}
.index4 .index4-box .left .list .item{margin-bottom: 35px;}.index4 .index4-box .right .img {width: 70%;margin: auto;}}




.index6 .index6-box {display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.index6 .index6-box {flex-direction: column;}}
.index6 .index6-box .left {flex-basis: 40%;}
.index6 .index6-box .right {flex-basis: 50%;}
.form {display: flex;grid-gap: 30px;flex-wrap: wrap;}
@media screen and (max-width: 768px) {.form {grid-gap: 10px;}}
.form label {display: block;flex-basis: calc(50% - 15px);}
@media screen and (max-width: 768px) {.form label {flex-basis: 100%;}}
.form label.w100 {flex-basis: 100%;}
.form select {height: 58px;padding-left: 20px;background: #f1f1f1;border: none;font-size: 16px;}
@media screen and (max-width: 768px) {.form select {font-size: 12px;}}
.form input {width: 100%;height: 58px;border-radius: 10px;background: #f1f1f1;border: none;padding: 0 20px;text-indent: 0;font-size: 16px;}
.form textarea {border-radius: 10px;height: 154px;background: #f1f1f1;border: none;padding: 20px;text-indent: 0;font-size: 16px;}
#save {width: 100%;margin: auto;height: 58px;background: var(--dominant-color);color: #fff;display: block;border-radius: 10px;font-size: 18px;}
@media screen and (max-width: 768px) {.form button {font-size: 16px;}}
.f-button {display: flex;width: 200px;height: 50px;background: #00abf1;border-radius: 4px;color: #fff;justify-content: center;align-items: center;font-size: 16px;}
.goTop {width: 140px;height: 140px;border-radius: 50%;position: absolute;transition: all 0.5s;z-index: 1000;top: -70px;left: 0;right: 0;margin: auto;}
.goTop:hover .button span {transform: translateY(-10px);}
@media screen and (max-width: 768px) {.goTop {transform: scale(0.5);}}
.goTop .lazy {position: absolute;display: block;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: 100%;background-size: cover;-webkit-animation-name: spin;animation-name: spin;-webkit-animation-duration: 4s;animation-duration: 4s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.goTop .button {width: 80px;height: 80px;color: var(--dominant-color);background: #fff;border-radius: 50%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;font-size: 24px;display: flex;align-items: center;justify-content: center;}
.goTop .button span {transition: all 0.5s;}
.goTop svg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: calc(100% - 55px);height: calc(100% - 55px);}
.goTop svg.cm {transition: none;opacity: 1;}
.goTop svg .p1 {animation: circleRotate 4s linear infinite;transform-origin: 50% 50%;}
.goTop svg circle {fill: #fff;stroke: transparent;}
.goTop svg .p2 {animation: circleRotateReverse 4s linear infinite;}
.goTop.button-div {display: block;width: 60px;height: 60px;top: 0;margin-left: 0;transform-origin: 0;transform: scale(1);}
.goTop.button-div .button {width: 30px;height: 30px;}
.goTop.button-div .button span {font-size: 14px;transform: translateY(0) !important;}
/*--------------------------------------------------------*/
/*内页*//*内页通用*/
.page-title {text-align: left;position: relative;}
.page-title.textC {text-align: center;}
.page-title.colorW {color: #fff;}
.page-title .title {line-height: 2.4;font-size: 24px;color: var(--dominant-color);display: inline-block;position: relative;}
.page-title .title::after {content: '';position: absolute;width: 100%;height: 4px;bottom: 0;left: 0;background: var(--dominant-color);z-index: 2;}
@media screen and (max-width: 1600px) {.page-title .title {font-size: 26px;}}
@media screen and (max-width: 768px) {.page-title .title {font-size: 20px;}}
.page-title .summary {color: #666;font-size: 16px;}
@media screen and (max-width: 768px) {.page-title .summary {font-size: 12px;}}
/*内页大图*/
.pageBanner {transition: all 0.5s;display: flex;align-items: center;justify-content: center;position: relative;height:300px;color: #fff;}
.pageBanner.pageBanner2 {height: 650px;}
@media screen and (max-width: 768px) {.pageBanner.pageBanner2 {height: 360px;}}
@media screen and (max-width: 768px) {.pageBanner {height:350px;}}
.pageBanner .img {width: 100%;}
.pageBanner .img img {width: 100%;}
.pageBanner .banner-box {margin: auto;position: absolute;left: 0;right: 0;}
.pageBanner .banner-box .banner-title {color: #fff;font-size: 3.542vw;display: flex;align-items: center;font-family: Outfit-SemiBold; display:none;}
.pageBanner .banner-box .banner-title.banner-title2 {font-size: 2.396vw;}
@media screen and (max-width: 768px) {.pageBanner .banner-box .banner-title.banner-title2 {font-size: 18px;}}
.pageBanner .banner-box .banner-summary {max-width: 1000px;font-size: 18px;margin-top: 30px;opacity: 0.6;line-height: 1.6;}
@media screen and (max-width: 768px) {.pageBanner .banner-box .banner-summary {font-size: 14px;}}
.pageBanner .banner-box .banner-download {margin-top: 5%;font-family: Outfit-SemiBold;font-size: 20px;text-decoration: underline;display: flex;align-items: center;}
@media screen and (max-width: 768px) {.pageBanner .banner-box .banner-download {font-size: 14px;}}
.pageBanner .banner-box .banner-download span {color: var(--dominant-color);margin: 0 10px;}
.pageBanner .banner-box .banner-download img {margin-left: 20px;}
.pageBanner .swiper {width: 100%;height: 100%;}
.pageBanner .swiper .swiper-pagination {bottom: 30px;top: auto;width: 80px;height: 3px;text-align: center;left: 0;right: 0;margin: auto;border-radius: 12px;overflow: hidden;--swiper-theme-color: #fff;}
.aboutBanner {height: 100vh;position: sticky;top: 0;}
.aboutBanner .banner-box .banner-title {text-align: left;}
@media screen and (max-width: 768px) {.aboutBanner .banner-box .banner-title {font-size: 24px;}}
.aboutBanner video {width: 100%;height: 100%;object-fit: cover;}
@keyframes sizing {0%,100% {transform: scale3d(1, 1, 1);}50% {transform: scale3d(1.05, 1.05, 1.05);}}
/*内页侧边栏*/
/*内页导航*/
.page-menu {width: 100%;}
.page-menu .top-title {font-size: 26px;background: var(--dominant-color);position: relative;color: #fff;padding: 10px 30px;}
.page-menu .top-title .img {width: 100px;position: absolute;right: 0;bottom: -20px;z-index: -1;animation: sizing 1s infinite linear;}
.page-menu .page-phone-click {display: none;}
@media screen and (max-width: 768px) {.page-menu .page-phone-click {display: flex;justify-content: center;align-items: center;height: 40px;background: var(--dominant-color);color: #fff;font-size: 14px;}}
@media screen and (max-width: 768px) {.page-menu {width: 100%;}}
.page-menu .menu-box {display: flex;align-items: center;flex-direction: column;overflow: hidden;height: auto;margin-bottom: 50px;}
@media screen and (max-width: 768px) {.page-menu .menu-box {display: none;margin-bottom: 0;}}
@media screen and (max-width: 768px) {.page-menu {flex-direction: column;font-size: 14px;height: auto;margin-bottom: 20px;}}
.page-menu .first-menu {width: 100%;position: relative;background: #fff;margin-bottom: 10px;}
.page-menu .first-menu.active span {background: #15808f;}
.page-menu .first-menu.active span .f-title {color: #fff;}
.page-menu .first-menu.active span i::before,.page-menu .first-menu.active span i::after {background: #fff;}
.page-menu .first-menu span {position: relative;width: 100%;}
.page-menu .first-menu span i {position: absolute;top: 0;bottom: 0;font-size: 12px;transition: all 0.5s;border-radius: 50%;width: 50px;height: 100%;display: flex;right: 0;margin: auto;}
@media screen and (max-width: 768px) {}
.page-menu .first-menu span i::before,.page-menu .first-menu span i::after {content: '';position: absolute;background: #000;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
.page-menu .first-menu span i::before {width: 14px;height: 2px;}
.page-menu .first-menu span i::after {height: 14px;width: 2px;}
.page-menu .first-menu span:hover i::before,.page-menu .first-menu span:hover i::after {background: #fff;}
.page-menu .first-menu span:hover .f-title {background: #ed941e;color: #fff;}
.page-menu .first-menu .f-title {font-size: 16px;position: relative;color: #000;text-align: left;justify-content: flex-start;display: flex;align-items: center;padding: 15px 30px;border: 1px solid #ddd;line-height: 1.4;transition: all 0.5s;}
@media screen and (max-width: 1280px) {.page-menu .first-menu .f-title {font-size: 14px;}}
@media screen and (max-width: 768px) {.page-menu .first-menu .f-title {padding: 0;height: 40px;line-height: 40px;text-align: center;justify-content: center;}}
.page-menu .first-menu .f-title.active,.page-menu .first-menu .f-title:hover {background: #ed941e;color: #fff;}
.page-menu .first-menu .f-title.active::after,.page-menu .first-menu .f-title:hover::after {width: 100%;}
.page-menu .first-menu .s-box {display: none;}
.page-menu .first-menu .s-box a {font-size: 16px;text-align: left;justify-content: flex-start;background: #fff;border: 1px solid #ddd;width: 100%;padding: 15px 40px;display: block;}
.page-menu .first-menu .s-box a::after {display: none;}
.page-menu .first-menu .s-box a:hover {background: #ed941e;color: #fff;}
@media screen and (max-width: 1600px) {.page-menu .first-menu .s-box a {font-size: 14px;}}
@media screen and (max-width: 768px) {.page-menu .first-menu .s-box a {font-size: 12px;height: 40px;text-align: center;justify-content: center;line-height: 40px;padding: 0;}}
/*面包屑*/
.location {display: flex;align-items: center;color: #666;flex-wrap: wrap;padding: 30px 0;}
.location i {color: #9e9e9e;}
@media screen and (max-width: 768px) {}
.location span {margin-left: 4px;}
.location a {color: #666;font-size: 16px;margin: 0 8px;}
.location a i {color: var(--dominant-color);margin-right: 4px;}
@media screen and (max-width: 768px) {.location a {font-size: 14px;}}
.location a:hover {text-decoration: underline;}
/*分页*/
.pager {display: flex;justify-content: center;align-items: center;margin-top:2vw; margin-bottom:2vw;}
.pager a {width: 48px;height: 48px;margin: 0 6px;border: 1px solid #ddd;color: #6e6e6e;transition: all 0.5s;background: #fff;border-radius: 50%;}
@media screen and (max-width: 768px) {.pager a {width: 30px;height: 30px;font-size: 12px;margin: 0 4px;}}
.pager a:hover,.pager a.active {background: var(--dominant-color);border-color: var(--dominant-color);color: #fff;}
/*内页左右结构*/
.page-box {display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.page-box {flex-direction: column;}}
.page-box .left {flex-basis: 300px;position: relative;}
@media screen and (max-width: 1440px) {.page-box .left {flex-basis: 200px;}}
@media screen and (max-width: 768px) {.page-box .left {width: 100%;flex-basis: 100%;}}
.page-box .right {flex: 1;margin-left: 50px;}
@media screen and (max-width: 768px) {.page-box .right {margin-left: 0;}}
@media screen and (max-width: 768px) {.page-box .right .right-content {padding: 10px;}}
.pages {display: flex;justify-content: space-between;flex-direction: column;margin-bottom: 30px;border-top: 1px solid #eee;padding-top: 50px;}
.pages .prev,.pages .next {flex-basis: 100%;transition: all 0.5s;font-size: 20px;color: var(--dominant-color);margin-bottom: 20px;display: inline-block;}
.pages .prev:hover,.pages .next:hover {text-decoration: underline;}
/*新闻资讯*/
.news .news-box {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px;margin-top: 40px;}
@media screen and (max-width: 1440px) {.news .news-box {grid-gap: 20px;}}
@media screen and (max-width: 768px) {.news .news-box {grid-template-columns: repeat(1, 1fr);}}
.news .news-box .item {transition: all 0.5s;position: relative;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);border-radius: 10px;overflow: hidden;background: #fff;}
.news .news-box .item .img {position: relative;border-radius: 10px;overflow: hidden;}
.news .news-box .item .img .play {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 44px;height: 44px;}
.news .news-box .item .imgBox {padding-bottom: 55%;}
.news .news-box .item .text {flex: 1;font-size: 14px;color: #666;padding: 40px;}
@media screen and (max-width: 768px) {.news .news-box .item .text {padding: 20px;}}
.news .news-box .item .text.text2 {padding: 20px;text-align: center;}
.news .news-box .item .text.text2 .title {margin-top: 0;font-size: 20px;}
.news .news-box .item .text .time {display: flex;align-items: center;color: var(--dominant-color);}
.news .news-box .item .text .time svg {width: 20px;height: 20px;margin-right: 4px;}
.news .news-box .item .text .title {font-size: 1.25vw;color: #222;transition: all 0.5s;font-weight: 600;width: 100%;margin-top: 10px;}
@media screen and (max-width: 1440px) {.news .news-box .item .text .title {font-size: 16px;}}
.news .news-box .item .text .summary {font-size: 0.833vw;color: #666;margin-top: 1.042vw;margin-bottom: 40px;line-height: 1.4;}
@media screen and (max-width: 1440px) {.news .news-box .item .text .summary {font-size: 14px;}}
@media screen and (max-width: 768px) {.news .news-box .item .text .summary {margin-bottom: 20px;margin-top: 10px;}}
.news .news-box .item .text .detail {margin-top: 20px;color: var(--dominant-color);}
.news .news-box .item:hover::after {height: 100%;top: 0;}
.news .news-box .item:hover .title {color: var(--dominant-color);}
/*新闻详情*/
.news-detail {max-width: 1440px;}
.news-detail .title {font-size: 2.083vw;font-family: Outfit-SemiBold;line-height: 1.1;text-align: center;max-width: 1120px;margin: 0 auto 20px;}
@media screen and (max-width: 1366px) {.news-detail .title {font-size: 26px;}}
@media screen and (max-width: 768px) {.news-detail .title {font-size: 20px;}}
.news-detail .mid {display: flex;align-items: center;justify-content: center;color: #999;}
.news-detail .mid .item {display: flex;align-items: center;margin: 0 20px;color: #999;}
.news-detail .mid .item .icon {width: 24px;height: 20px;margin-right: 10px;}
.news-detail .mid .item .icon img {object-fit: contain;height: 100%;}
.news-detail .details {font-size: 18px;margin-top: 30px;color: #333333;line-height: 1.8;min-height: 300px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 40px 0;}
.news-detail .details p{padding: 10px 0;}
@media screen and (max-width: 768px) {
.news-detail .details {font-size: 14px;}
.news-detail .details img {max-width: 100% !important;height: auto !important;}
}
.news-detail .detail-pager {margin-top: 2.083vw;display: flex;justify-content: space-between;}
.news-detail .detail-pager a {display: flex;align-items: center;justify-content: center;padding: 15px 22px;border: 1px solid #eee;grid-gap: 16px;border-radius: 25px;transition: all 0.5s;}
.news-detail .detail-pager a img {transition: all 0.5s;}
.news-detail .detail-pager a:nth-child(2) img {transform: rotate(180deg);}
.news-detail .detail-pager a:hover {background: var(--dominant-color);border-color: var(--dominant-color);color: #fff;}
.news-detail .detail-pager a:hover img {filter: brightness(10);}
/*展会*/
.exhibition .exhibition-box {margin-top: 40px;overflow: auto;}
.exhibition .exhibition-box .exhibition-form {min-width: 1000px;overflow: auto;}
.exhibition .exhibition-box .item-top {background: var(--dominant-color);font-size: 1.042vw;height: 74px;border-radius: 10px 10px 0 0;color: #fff;}
@media screen and (max-width: 1600px) {.exhibition .exhibition-box .item-top {font-size: 18px;}}
.exhibition .exhibition-box .item-top .top .add {pointer-events: none;}
.exhibition .exhibition-box .item,.exhibition .exhibition-box .item-top {padding: 0 40px;display: flex;align-items: center;justify-content: space-between;}
@media screen and (max-width: 1600px) {.exhibition .exhibition-box .item,.exhibition .exhibition-box .item-top {padding: 0 20px;}}
.exhibition .exhibition-box .item .top,.exhibition .exhibition-box .item-top .top {width: 100%;display: flex;align-items: center;}
.exhibition .exhibition-box .item .top .left,.exhibition .exhibition-box .item-top .top .left {flex: 1;padding-right: 20px;}
.exhibition .exhibition-box .item .top .mid,.exhibition .exhibition-box .item-top .top .mid {flex-basis: 480px;padding-right: 120px;}
@media screen and (max-width: 1600px) {.exhibition .exhibition-box .item .top .mid,.exhibition .exhibition-box .item-top .top .mid {flex-basis: 380px;padding-right: 60px;}}
@media screen and (max-width: 1366px) {.exhibition .exhibition-box .item .top .mid,.exhibition .exhibition-box .item-top .top .mid {flex-basis: 280px;padding-right: 30px;}}
.exhibition .exhibition-box .item .top .right,.exhibition .exhibition-box .item-top .top .right {flex-basis: 320px;}
@media screen and (max-width: 1600px) {.exhibition .exhibition-box .item .top .right,.exhibition .exhibition-box .item-top .top .right {flex-basis: 280px;}}
@media screen and (max-width: 1366px) {.exhibition .exhibition-box .item .top .right,.exhibition .exhibition-box .item-top .top .right {flex-basis: 250px;padding-right: 30px;}}
.exhibition .exhibition-box .item .top .add,.exhibition .exhibition-box .item-top .top .add {flex-basis: 38px;}
.exhibition .exhibition-box .item {display: flex;flex-direction: column;border-bottom: 1px solid #eee;}
.exhibition .exhibition-box .item .top {height: 90px;display: flex;align-items: center;font-size: 16px;}
@media screen and (max-width: 768px) {.exhibition .exhibition-box .item .top {font-size: 14px;}}
.exhibition .exhibition-box .item .top .left {background: url("../images/img29.png") no-repeat center left / 20px;padding-left: 30px;display: flex;align-items: center;flex-wrap: wrap;}
.exhibition .exhibition-box .item .top .left img {margin-left: 20px;}
.exhibition .exhibition-box .item .top .mid {background: url("../images/img30.png") no-repeat center left / 17px;padding-left: 30px;}
.exhibition .exhibition-box .item .top .right {background: url("../images/img31.png") no-repeat center left / 20px;padding-left: 30px;}
.exhibition .exhibition-box .item .top .add {width: 38px;height: 38px;border: 1px solid var(--dominant-color);position: relative;border-radius: 50%;cursor: pointer;transition: all 0.5s;}
.exhibition .exhibition-box .item .top .add::before,.exhibition .exhibition-box .item .top .add::after {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;font-size: 28px;display: flex;align-items: center;justify-content: center;transform: translateY(-1px);transition: all 0.5s;}
.exhibition .exhibition-box .item .top .add::before {content: '+';color: var(--dominant-color);}
.exhibition .exhibition-box .item .top .add::after {opacity: 0;content: '-';color: #fff;}
.exhibition .exhibition-box .item .top.active .add {background: var(--dominant-color);}
.exhibition .exhibition-box .item .top.active .add::before {opacity: 0;}
.exhibition .exhibition-box .item .top.active .add::after {opacity: 1;}
.exhibition .exhibition-box .item .bottom {border-top: 2px solid var(--dominant-color);width: 100%;display: none;padding-top: 50px;padding-bottom: 50px;}
.exhibition .exhibition-box .item .bottom .b-items {display: flex;}
.exhibition .exhibition-box .item .bottom .b-items .b-item {flex-basis: 40%;margin-right: 10%;}
.exhibition .exhibition-box .item .bottom .b-items .b-item .b-title {font-size: 1.5625vw;border-bottom: 1px solid #eee;padding-bottom: 20px;}
@media screen and (max-width: 1600px) {.exhibition .exhibition-box .item .bottom .b-items .b-item .b-title {font-size: 20px;}}
@media screen and (max-width: 768px) {.exhibition .exhibition-box .item .bottom .b-items .b-item .b-title {font-size: 16px;}}
.exhibition .exhibition-box .item .bottom .b-items .b-item .b-box li {display: flex;align-items: center;margin-top: 30px;font-size: 16px;}
.exhibition .exhibition-box .item .bottom .b-items .b-item .b-box li .icon {flex-basis: 20px;margin-right: 10px;display: flex;align-items: center;justify-content: center;}
.exhibition .exhibition-box .item .bottom .b-items .b-item .b-box li .text {flex: 1;}
/*资源*/
.resources .resources-box {margin-top: 40px;}
.resources .resources-box form {max-width: 600px;width: 90%;margin: auto auto 50px;}
.resources .resources-box form label {border-radius: 32px;overflow: hidden;display: block;position: relative;}
.resources .resources-box form label input {height: 64px;width: 100%;border: none;padding-left: 50px;font-size: 18px;background: #fbfbfb url("../images/img52.png") no-repeat center left 20px/20px;}
@media screen and (max-width: 1280px) {.resources .resources-box form label input {height: 40px;}}
.resources .resources-box form label button {width: 120px;border-radius: 32px;position: absolute;right: 0;top: 0;height: 64px;font-size: 20px;color: #fff;background: var(--dominant-color);}
@media screen and (max-width: 1280px) {.resources .resources-box form label button {font-size: 14px;height: 40px;}}
.resources .resources-box .resources01 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 25px;}
@media screen and (max-width: 1280px) {.resources .resources-box .resources01 {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}}
@media screen and (max-width: 768px) {.resources .resources-box .resources01 {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}}
.resources .resources-box .resources01 .item {padding: 40px 30px 50px;border: 1px solid #eee;border-radius: 10px;overflow: hidden;transition: all 0.5s;}
@media screen and (max-width: 1280px) {.resources .resources-box .resources01 .item {padding: 20px;}}
.resources .resources-box .resources01 .item .top {display: flex;align-items: center;justify-content: space-between;}
.resources .resources-box .resources01 .item .top .text .time {color: #666;margin-bottom: 10px;}
/*20241126*/
.resources .resources-box .resources01 .item .top .text .title {font-family: Outfit-SemiBold;font-size: 22px;transition: all 0.5s;}
@media screen and (max-width: 1920px) and (min-width: 1025px){.page-menu2 a{font-size: 1.04vw;}.resources .resources-box .resources01 .item .top .text .title {font-size: 1.1vw;}}
@media screen and (max-width: 1024px){.resources .resources-box .resources01 .item .top .text .title {font-size: 16px;}}
.resources .resources-box .resources01 .item .top .text{flex: 1;}
.resources .resources-box .resources01 .item .top .text .title{word-break: break-word;}
.resources .resources-box .resources01 .item .top .icon{flex-shrink: 0;margin-left: 10px;}
/**/
.resources .resources-box .resources01 .item .top .icon {width: 29px;height: 36px;background: url("../images/img74.png") no-repeat center / contain;filter: brightness(0);opacity: 0.3;transition: all 0.5s;}
.resources .resources-box .resources01 .item .bottom {border-top: 1px solid #eee;margin-top: 20px;padding-top: 20px;}
.resources .resources-box .resources01 .item .bottom a {font-size: 16px;padding-right: 30px;margin-right: 30px;display: inline-block;color: var(--dominant-color);transition: all 0.5s;filter: brightness(0);opacity: 0.4;}
@media screen and (max-width: 1440px) {.resources .resources-box .resources01 .item .bottom a {font-size: 12px;}}
.resources .resources-box .resources01 .item .bottom a.preview {background: url("../images/img75.png") no-repeat center right / 21px 14px;}
.resources .resources-box .resources01 .item .bottom a.download {background: url("../images/img76.png") no-repeat center right / 21px 16px;}
.resources .resources-box .resources01 .item .bottom a:hover {filter: none;opacity: 1;}
.resources .resources-box .resources01 .item:hover {box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);}
.resources .resources-box .resources01 .item:hover .title {color: var(--dominant-color);}
.resources .resources-box .resources01 .item:hover .icon {filter: none;opacity: 1;}
.resources .resources-box .resources02 {display: flex;grid-gap: 20px;align-items: flex-start;}
@media screen and (max-width: 768px) {.resources .resources-box .resources02 {flex-wrap: wrap;}}
.resources .resources-box .resources02 .items {flex: 1;display: grid;grid-gap: 20px;}
@media screen and (max-width: 1366px) {.resources .resources-box .resources02 .items {flex-basis: 100%;}}
.resources .resources-box .resources02 .items .item {cursor: pointer;position: relative;background: #000;overflow: hidden;border-radius: 10px;}
.resources .resources-box .resources02 .items .item .img {transition: all 0.5s;opacity: 0.6;}
.resources .resources-box .resources02 .items .item .img .imgBox {padding-bottom: 63%;}
.resources .resources-box .resources02 .items .item .text {transition: all 0.5s;position: absolute;bottom: 0;left: 20px;right: 20px;color: #fff;font-size: 16px;padding: 20px;text-align: center;opacity: 0.6;}
.resources .resources-box .resources02 .items .item .show-text {padding: 20px;position: absolute;bottom: -100%;left: 0;transition: all 0.5s;z-index: 3;}
.resources .resources-box .resources02 .items .item .show-text .show-title {font-size: 20px;color: #fff;}
@media screen and (max-width: 1366px) {.resources .resources-box .resources02 .items .item .show-text .show-title {font-size: 14px;}}
.resources .resources-box .resources02 .items .item .show-text .show-summary {color: #fff;opacity: 0.6;margin-top: 6px;line-height: 1.6;}
@media screen and (max-width: 1366px) {.resources .resources-box .resources02 .items .item .show-text .show-summary {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}}
.resources .resources-box .resources02 .items .item::before {content: '';width: 44px;height: 44px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;position: absolute;background: url("../images/img50.png") no-repeat center / contain;opacity: 0;transition: all 0.5s;z-index: 3;}
.resources .resources-box .resources02 .items .item::after {content: '';width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));opacity: 0;transition: all 0.5s;}
.resources .resources-box .resources02 .items .item:hover .img,.resources .resources-box .resources02 .items .item:hover::before,.resources .resources-box .resources02 .items .item:hover::after {opacity: 1;}
.resources .resources-box .resources02 .items .item:hover .text {opacity: 0;}
.resources .resources-box .resources02 .items .item:hover .show-text {bottom: 0;}
.resources .resources-box .resources02 .items:nth-child(odd) {margin-top: 50px;}
@media screen and (max-width: 1366px) {.resources .resources-box .resources02 .items:nth-child(odd) {margin-top: 0;}}
.resources .resources-box .resources02 .items:nth-child(odd) .item:nth-child(even) .img .imgBox {padding-bottom: 131%;}
@media screen and (max-width: 1366px) {.resources .resources-box .resources02 .items:nth-child(odd) .item:nth-child(even) .img .imgBox {padding-bottom: 63%;}}
.resources .resources-box .resources02 .items:nth-child(even) .item:nth-child(odd) .img .imgBox {padding-bottom: 131%;}
@media screen and (max-width: 1366px) {.resources .resources-box .resources02 .items:nth-child(even) .item:nth-child(odd) .img .imgBox {padding-bottom: 63%;}}
.resources .resources-box .resources03 {border-top: 1px solid #eee;}
.resources .resources-box .resources03 .resources03-box .item {border-bottom: 1px solid #eee;padding: 30px 0;}
.resources .resources-box .resources03 .resources03-box .item .list {display: flex;font-size: 18px;align-items: baseline;}
@media screen and (max-width: 768px) {.resources .resources-box .resources03 .resources03-box .item .list {font-size: 14px;}}
.resources .resources-box .resources03 .resources03-box .item .list .key {background:var(--dominant-color);display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 50%;color: #fff;}
.resources .resources-box .resources03 .resources03-box .item .list .value {flex: 1;margin-left: 20px;color: var(--dominant-color);}
.resources .resources-box .resources03 .resources03-box .item .list:nth-child(2) {margin-top: 20px;}
.resources .resources-box .resources03 .resources03-box .item .list:nth-child(2) .key {background: #fdeced;color: var(--dominant-color);}
.resources .resources-box .resources03 .resources03-box .item .list:nth-child(2) .value {color: #666666;}
.resources .resources-box .resources03 .f-more {margin: 60px auto 0;}
/*应用*/
.applications {overflow: hidden;}
.applications .applications01 {display: flex;justify-content: space-between;align-items: center;}
@media screen and (max-width: 768px) {.applications .applications01 {flex-direction: column;}}
.applications .applications01 .left {flex-basis: 50%;}
@media screen and (max-width: 768px) {.applications .applications01 .left {margin-bottom: 20px;}}
.applications .applications01 .right {flex: 1;margin-left: 120px;}
@media screen and (max-width: 768px) {.applications .applications01 .right {margin-left: 0;}}
.applications .applications01 .right .list {display: flex;align-items: center;}
@media screen and (max-width: 768px) {.applications .applications01 .right .list {flex-direction: column;}}
@media screen and (max-width: 768px) {.applications .applications01 .right .list .f-more {width: 100%;}}
.applications .applications01 .right .list .download {margin-left: 30px;}
@media screen and (max-width: 768px) {.applications .applications01 .right .list .download {margin-top: 20px;margin-left: 0;}}
.applications .applications01 .right .list .download::after {display: none;}
.applications .applications01 .right .list .download img {margin-left: 20px;}
.applications .applications01 .right .list .download:hover img {filter: brightness(10);}
.applications .applications02 .applications02-box {margin-top: 40px;display: flex;justify-content: space-between;grid-gap: 20px;}
@media screen and (max-width: 768px) {.applications .applications02 .applications02-box {flex-wrap: wrap;}}
.applications .applications02 .applications02-box .item {flex: 1;}
@media screen and (max-width: 768px) {.applications .applications02 .applications02-box .item {flex-basis: 45%;}}
.applications .applications02 .applications02-box .item .text {text-align: center;font-size: 20px;color: #666;}
@media screen and (max-width: 1600px) {.applications .applications02 .applications02-box .item .text {font-size: 16px;}}
.applications .applications03 .applications03-box {margin-top: 40px;position: relative;}
.applications .applications03 .applications03-box .img {width: 38%;margin: auto;position: relative;animation: fade 5s infinite linear;}
@media screen and (max-width: 1440px) {.applications .applications03 .applications03-box .img {width: 40%;}}
@media screen and (max-width: 768px) {.applications .applications03 .applications03-box .img {width: 100%;}}
.applications .applications03 .applications03-box .points {position: absolute;width: 38%;height: 100%;top: 0;left: 0;right: 0;margin: auto;}
@media screen and (max-width: 1440px) {.applications .applications03 .applications03-box .points {width: 40%;}}
@media screen and (max-width: 768px) {.applications .applications03 .applications03-box .points {width: 100%;}}
.applications .applications03 .applications03-box .points .point {width: 25px;height: 25px;border-radius: 50%;background: var(--dominant-color);position: absolute;cursor: pointer;}
.applications .applications03 .applications03-box .points .point::after {content: '';width: 5px;height: 5px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;}
.applications .applications03 .applications03-box .points .point.point1 {left: 15%;top: 37%;}
.applications .applications03 .applications03-box .points .point.point2 {left: 23%;bottom: 36%;}
.applications .applications03 .applications03-box .points .point.point3 {left: 35%;bottom: 22%;}
.applications .applications03 .applications03-box .points .point.point4 {right: 5%;top: 19%;}
.applications .applications03 .applications03-box .points .point.point5 {right: 10%;top: 59%;}
.applications .applications03 .applications03-box .points .point.point6 {right: 33%;bottom: 19%;}
.applications .applications03 .applications03-box .points .point .waves .wave {display: none;}
.applications .applications03 .applications03-box .points .point.active .waves .wave.wave1 {display: block;animation: warn2 2s infinite;}
.applications .applications03 .applications03-box .points .point.active .waves .wave.wave2 {display: block;animation: warn 2s infinite;}
.applications .applications03 .applications03-box .text-box {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
@media screen and (max-width: 768px) {.applications .applications03 .applications03-box .text-box {position: initial;}}
.applications .applications03 .applications03-box .text-box .item {position: absolute;cursor: pointer;}
@media screen and (max-width: 768px) {.applications .applications03 .applications03-box .text-box .item {position: initial;background: none !important;width: 100% !important;height: auto !important;margin-bottom: 30px;text-align: left !important;}}
.applications .applications03 .applications03-box .text-box .item .title {font-size: 24px;position: absolute;top: -46px;width: 100%;transition: all 0.5s;}
@media screen and (max-width: 768px) {.applications .applications03 .applications03-box .text-box .item .title {position: initial;font-size: 18px;text-align: left !important;}}
.applications .applications03 .applications03-box .text-box .item .summary {width: 100%;font-size: 16px;color: #666;max-width: 300px;position: absolute;top: 16px;}
@media screen and (max-width: 768px) {.applications .applications03 .applications03-box .text-box .item .summary {position: initial;font-size: 14px;max-width: 100%;text-align: left !important;}}
.applications .applications03 .applications03-box .text-box .item:hover .title {transform: scale(1.1);color: var(--dominant-color);}
.applications .applications03 .applications03-box .text-box .item1 {top: 24%;left: 2%;width: 35%;height: 102px;background: url("../images/img249.png") no-repeat center right;}
.applications .applications03 .applications03-box .text-box .item2 {top: 55%;left: 2%;width: 39%;height: 51px;background: url("../images/img250.png") no-repeat center right;}
.applications .applications03 .applications03-box .text-box .item3 {top: 76%;left: 2%;width: 43%;height: 1px;background: url("../images/img251.png") no-repeat center right;}
.applications .applications03 .applications03-box .text-box .item4 {text-align: right;top: 13%;right: 2%;width: 31%;height: 51px;background: url("../images/img252.png") no-repeat center left;}
.applications .applications03 .applications03-box .text-box .item5 {text-align: right;top: 53%;right: 2%;width: 33%;height: 51px;background: url("../images/img253.png") no-repeat center left;}
.applications .applications03 .applications03-box .text-box .item6 {text-align: right;top: 79.5%;right: 2%;width: 42%;height: 1px;background: url("../images/img254.png") no-repeat center left;}
.applications .applications03 .applications03-box .text-box .item4 .title,.applications .applications03 .applications03-box .text-box .item5 .title,.applications .applications03 .applications03-box .text-box .item6 .title {text-align: right;}
.applications .applications03 .applications03-box .text-box .item4 .summary,.applications .applications03 .applications03-box .text-box .item5 .summary,.applications .applications03 .applications03-box .text-box .item6 .summary {right: 0;}
.applications .applications04 {width: 100vw;}
.applications .applications04 .applications04-box {position: relative;max-width: 1800px;margin-top: 40px;}
.applications .applications04 .applications04-box .swiper {width: calc(100% - 200px);margin: auto;position: initial;overflow: initial;}
@media screen and (max-width: 768px) {.applications .applications04 .applications04-box .swiper {width: 100%;}}
.applications .applications04 .applications04-box .swiper .swiper-slide {opacity: 0;pointer-events: none;transition: opacity 0.5s;}
.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-active,.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-active + .swiper-slide,.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {opacity: 1;pointer-events: auto;}
.applications .applications04 .applications04-box .swiper .swiper-slide .imgBox {border-radius: 10px 10px 0 0;padding-bottom: 70%;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text {background: #fff;padding: 0 40px 40px;font-size: 18px;border-radius: 0 0 10px 10px;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary-box {max-height: 0;overflow: hidden;transition: all 0.5s;position: absolute;top: 90%;left: 0;background: #fff;box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.03);border-radius: 0 0 10px 10px;pointer-events: none;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary {width: 100%;padding: 40px;font-size: 18px;color: #666;line-height: 1.6;}
.applications .applications04 .applications04-box .swiper .swiper-slide.swiper-slide-prev ~ .swiper-slide {pointer-events: auto;}
.applications .applications04 .applications04-box .swiper .swiper-slide:hover .text {color: var(--dominant-color);}
.applications .applications04 .applications04-box .swiper .swiper-slide:hover .text .summary-box {pointer-events: auto;max-height: 300px;}
.applications .applications05 .applications05-box {margin-top: 60px;display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.applications .applications05 .applications05-box {flex-direction: column;margin-top: 20px;}}
.applications .applications05 .applications05-box .left {flex-basis: 45%;}
.applications .applications05 .applications05-box .right {flex-basis: 45%;max-height: 600px;overflow: auto;padding-right: 10px;}
@media screen and (max-width: 768px) {.applications .applications05 .applications05-box .right {margin-top: 30px;}}
.applications .applications05 .applications05-box .right .item {margin-bottom: 50px;}
.applications .applications05 .applications05-box .right .item .icon {width: 48px;}
.applications .applications05 .applications05-box .right .item .title {font-size: 24px;margin: 20px 0;}
@media screen and (max-width: 768px) {.applications .applications05 .applications05-box .right .item .title {font-size: 18px;margin: 10px 0;}}
.applications .applications05 .applications05-box .right .item .summary {font-size: 16px;}
@media screen and (max-width: 768px) {.applications .applications05 .applications05-box .right .item .summary {font-size: 14px;}}
.applications .applications06 .applications06-box {display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.applications .applications06 .applications06-box {flex-direction: column;}}
.applications .applications06 .left {width: 45%;}
@media screen and (max-width: 768px) {.applications .applications06 .left {width: 100%;}}
.applications .applications06 .left .items {margin-top: 30px;display: flex;flex-direction: column;position: relative;}
.applications .applications06 .left .items .item {position: relative;color: #666;font-size: 16px;line-height: 1.6;padding-left: 40px;padding-bottom: 30px;}
.applications .applications06 .left .items .item::after {content: '';border-radius: 50%;position: absolute;top: 0;left: 11px;width: 1px;height: 100%;background: url("../images/img276.png") no-repeat center;}
.applications .applications06 .left .items .item:last-child::after {display: none;}
.applications .applications06 .left .items .item i {position: absolute;background: var(--dominant-color);border-radius: 50%;width: 22px;height: 22px;left: 0;top: 0;z-index: 2;}
.applications .applications06 .left .items .item i::after {content: '';background: #fff;border-radius: 50%;position: absolute;top: 0;left: 0;width: 6px;height: 6px;right: 0;bottom: 0;margin: auto;}
.applications .applications06 .right {width: 45%;}
@media screen and (max-width: 768px) {.applications .applications06 .right {width: 100%;margin-top: 30px;}}
.applications .applications06 .right .swiper-slide {border-radius: 10px;overflow: hidden;}
.applications .applications06 .right .swiper-slide .imgBox {padding-bottom: 108%;}
.applications .applications06 .swiper-small {margin-top: 60px;}
.applications .applications06 .swiper-small .swiper-slide {opacity: 0.5;border-radius: 10px;overflow: hidden;}
.applications .applications06 .swiper-small .swiper-slide.swiper-slide-thumb-active {opacity: 1;}
.applications .applications06 .swiper-small .swiper-slide .imgBox {padding-bottom: 70%;}
/*联系我们*/
.contact .contact1 {display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.contact .contact1 {flex-direction: column;}}
.contact .contact1 .left {flex-basis: 45%;}
.contact .contact1 .left .bottom .b-item {display: flex;align-items: flex-start;border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;font-size: 16px;flex-direction: column;}
.contact .contact1 .left .bottom .b-item a {display: block;}
.contact .contact1 .left .bottom .b-item .key {font-size: 16px;color: #999;}
.contact .contact1 .left .bottom .b-item .value {font-size: 1.25vw;margin-top: 10px;}
@media screen and (max-width: 768px) {.contact .contact1 .left .bottom .b-item .value {font-size: 14px;}}
.contact .contact1 .left .bottom .b-item .value .link {display: flex;align-items: center;grid-gap: 20px;}
.contact .contact1 .left .bottom .b-item .value .link .item {border-radius: 50%;background: #9e9e9e;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;transition: all 0.5s;}
.contact .contact1 .left .bottom .b-item .value .link .item i {font-size: 18px;color: #fff;}
.contact .contact1 .left .bottom .b-item .value .link .item .show {position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 120px;display: none;}
.contact .contact1 .left .bottom .b-item .value .link .item:hover {background: var(--dominant-color);}
.contact .contact1 .left .bottom .b-item .value .link .item:hover .show {display: block;}
.contact .contact1 .right {width: 40%;margin-top: 30px;}
@media screen and (max-width: 768px) {.contact .contact1 .right {width: 100%;}}
.contact .contact1 .right .right-title {font-size: 16px;margin-bottom: 30px;}
.contact .contact1 .right .right-title span {color: var(--dominant-color);}
.contact .contact1 .right .form label {position: relative;flex-basis: 100%;}
.contact .contact1 .right .form label input,.contact .contact1 .right .form label select {background: none;border-bottom: 1px solid #eee;text-indent: 0;padding: 0;font-size: 16px;}
.contact .contact1 .right .form label textarea {background: none;border-bottom: 1px solid #eee;padding: 20px 0 0;font-size: 16px;height: 100px;}
.contact .contact1 .right .form label img {position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.contact .contact1 .right .form label .check-box {width: 18px;height: 18px;margin-right: 6px;}
.contact .contact1 .right .form button {width: 150px;height: 48px;border-radius: 25px;margin-left: 0;}
.contact .contact2 .contact2-box {margin-top: 40px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px;}
@media screen and (max-width: 768px) {.contact .contact2 .contact2-box {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}}
.contact .contact2 .contact2-box .item {border-radius: 10px;overflow: hidden;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.01);transition: all 0.5s;}
.contact .contact2 .contact2-box .item .imgBox {padding-bottom: 55%;}
.contact .contact2 .contact2-box .item .text {padding: 30px;}
@media screen and (max-width: 768px) {.contact .contact2 .contact2-box .item .text {padding: 20px;}}
.contact .contact2 .contact2-box .item .text .title {font-size: 1.25vw;transition: all 0.5s;margin-bottom: 20px;}
@media screen and (max-width: 768px) {.contact .contact2 .contact2-box .item .text .title {font-size: 16px;}}
.contact .contact2 .contact2-box .item .text .summary {font-size: 16px;color: #666;line-height: 1.6;}
@media screen and (max-width: 768px) {.contact .contact2 .contact2-box .item .text .summary {font-size: 14px;}}
.contact .contact2 .contact2-box .item .text .summary span {color: #000;}
.contact .contact2 .contact2-box .item:hover {box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);}
.contact .contact2 .contact2-box .item:hover .title {color: var(--dominant-color);}
/*关于我们*/
.about {z-index: 2;position: relative;min-height: 400px;padding-bottom: 0;}
.about .about01 .about01-1 .about01-video-box {position: relative;display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.about .about01 .about01-1 .about01-video-box {flex-direction: column;}}
.about .about01 .about01-1 .left {flex-basis:50%;margin-right: 50px;position: relative; padding-top:50px;}
@media screen and (max-width: 768px) {.about .about01 .about01-1 .left {flex-basis: 100%;margin-bottom: 30px;}}
.about .about01 .about01-1 .left::after {content: '';height: 50%;width: 100%;position: absolute;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));bottom: 0;left: 0;pointer-events: none;}
.about .about01 .about01-1 .left .about01-1-box {background: url("../images/img263.png") no-repeat top left;padding-left: 40px;padding-bottom: 10%;max-height: 750px;overflow: auto;position: relative;}
.about .about01 .about01-1 .left .about01-1-box::-webkit-scrollbar {width: 0;}
.about .about01 .about01-1 .left .about01-1-box .top .title {font-size: 30px;color: var(--dominant-color);font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {.about .about01 .about01-1 .left .about01-1-box .top .title {font-size: 22px;}}
.about .about01 .about01-1 .left .about01-1-box .top .summary {font-size: 18px;color: #666;margin-top: 20px; line-height:25px;}
@media screen and (max-width: 1600px) {.about .about01 .about01-1 .left .about01-1-box .top .summary {font-size: 14px;}}
.about .about01 .about01-1 .left .about01-1-box .bottom {margin-top: 40px;}
.about .about01 .about01-1 .left .about01-1-box .bottom .title {font-size: 30px;font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {.about .about01 .about01-1 .left .about01-1-box .bottom .title {font-size: 20px;}}
.about .about01 .about01-1 .left .about01-1-box .bottom .item {margin-top: 30px;}
.about .about01 .about01-1 .left .about01-1-box .bottom .item .icon {width: 48px;}
.about .about01 .about01-1 .left .about01-1-box .bottom .item .i-title {font-size: 24px;margin: 20px 0;}
@media screen and (max-width: 1600px) {.about .about01 .about01-1 .left .about01-1-box .bottom .item .i-title {font-size: 18px;}}
.about .about01 .about01-1 .left .about01-1-box .bottom .item .i-summary {font-size: 16px;color: #666;margin-top: 10px;}
@media screen and (max-width: 1600px) {.about .about01 .about01-1 .left .about01-1-box .bottom .item .i-summary {font-size: 14px;}}
.about .about01 .about01-1 .right {flex-basis: 45%;}
.about .about01 .about01-1 .right .img {cursor: pointer;border-radius: 10px;overflow: hidden;margin-top: 40px;position: relative;height:100%;}
.about .about01 .about01-1 .right .img img{position: absolute;left: 0;top: 0;width: 100%;height: auto;object-fit: cover;}
.about .about01 .about01-1 .right .img .play {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 124px;height: 124px;}
@media screen and (max-width: 768px) {.about .about01 .about01-1 .right .img .play {width: 40px;height: 40px;}}
.about .about01 .about01-1 video, .about .about01 .about01-1 iframe {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;display: none;}
.about .about01 .about01-1 .pause-active {height: 1px;width: 100%;opacity: 0;}
.about .about01 .about01-2 {overflow: hidden;}
.about .about01 .about01-2 .about01-2-box {margin-top: 60px;}
.about .about01 .about01-2 .top .swiper {overflow: initial;}
.about .about01 .about01-2 .top .swiper-slide {transition: all 0.5s, width 0s;}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide {opacity: 0;pointer-events: none;}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active {margin-left: 8.854vw;opacity: 1;pointer-events: auto;}
@media screen and (max-width: 1366px) {.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active {margin-left: 0;}}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active .time {color: var(--dominant-color);position: relative;}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active .time::after {content: '';width: 100%;left: -100%;top: 0;bottom: 0;margin: auto;height: 1px;background: #cdcecf;position: absolute;}
@media screen and (max-width: 1600px) {.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active .time::after {width: 80%;left: -80%;}}
@media screen and (max-width: 1366px) {.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active .time::after {width: 30%;left: -30%;}}
@media screen and (max-width: 768px) {.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active .time::after {display: none;}}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active .time::before {content: '';width: 6px;height: 6px;background: var(--dominant-color);border-radius: 50%;left: -6px;top: 0;bottom: 0;position: absolute;margin: auto;z-index: 2;}
@media screen and (max-width: 768px) {.about .about01 .about01-2 .top .swiper-slide.swiper-slide-active .time::before {display: none;}}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-prev {opacity: 1;pointer-events: auto;}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-next {opacity: 1;pointer-events: auto;}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-next .time {position: relative;transition: all 0.5s;background: url("../images/img281.png") no-repeat center;}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-next .time::after {content: '';background: url("../images/img281.png") no-repeat center;height: 1px;top: 0;bottom: 0;left: -50%;position: absolute;width: 50%;margin: auto;}
@media screen and (max-width: 1366px) {.about .about01 .about01-2 .top .swiper-slide.swiper-slide-next .time::after {width: 30%;left: -30%;}}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-next .time span {opacity: 0;}
.about .about01 .about01-2 .top .swiper-slide.swiper-slide-next::after {content: '';right: 0;width: 100%;height: 100%;position: absolute;top: 0;background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);}
.about .about01 .about01-2 .top .swiper-slide .time {font-size: 120px;font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {.about .about01 .about01-2 .top .swiper-slide .time {font-size: 96px;}}
@media screen and (max-width: 768px) {.about .about01 .about01-2 .top .swiper-slide .time {font-size: 48px;}}
.about .about01 .about01-2 .top .swiper-slide .title {font-size: 20px;font-family: Outfit-SemiBold;}
.about .about01 .about01-2 .top .swiper-slide .summary {font-size: 16px;color: #666;margin-top: 20px;}
.about .about01 .about01-2 .top .swiper-slide .img {border-radius: 10px;overflow: hidden;margin-top: 60px;}
.about .about01 .about01-2 .top .swiper-slide .img .imgBox {padding-bottom: 60%;}
.about .about01 .about01-2 .bottom {margin-top: 60px;background: #fff;height: 88px;border-radius: 44px;display: flex;align-items: center;justify-content: center;position: relative;}
@media screen and (max-width: 768px) {.about .about01 .about01-2 .bottom {height: 60px;}}
.about .about01 .about01-2 .bottom .swiper {width: calc(100% - 400px);position: initial;padding: 0 10px;}
@media screen and (max-width: 1600px) {.about .about01 .about01-2 .bottom .swiper {width: calc(100% - 300px);}}
@media screen and (max-width: 768px) {.about .about01 .about01-2 .bottom .swiper {width: calc(100% - 100px);}}
.about .about01 .about01-2 .bottom .swiper .swiper-slide {font-size: 18px;color: #666;position: relative;padding: 10px 0;cursor: pointer;text-align: center;}
@media screen and (max-width: 768px) {.about .about01 .about01-2 .bottom .swiper .swiper-slide {font-size: 14px;}}
.about .about01 .about01-2 .bottom .swiper .swiper-slide::after {content: '';width: 6px;height: 6px;border-radius: 50%;background: var(--dominant-color);bottom: 0;left: 0;right: 0;margin: auto;position: absolute;opacity: 0;}
.about .about01 .about01-2 .bottom .swiper .swiper-slide.swiper-slide-thumb-active {color: var(--dominant-color);}
.about .about01 .about01-2 .bottom .swiper .swiper-slide.swiper-slide-thumb-active::after {opacity: 1;}
.about .about01 .about01-2 .bottom .swiper-button-prev,.about .about01 .about01-2 .bottom .swiper-button-next {border: none;font-size: 20px;top: 0;bottom: 0;margin: auto;}
.about .about01 .about01-2 .bottom .swiper-button-prev img,.about .about01 .about01-2 .bottom .swiper-button-next img {filter: brightness(0);transition: all 0.5s;opacity: 0.5;}
.about .about01 .about01-2 .bottom .swiper-button-prev::after,.about .about01 .about01-2 .bottom .swiper-button-next::after {display: none;}
.about .about01 .about01-2 .bottom .swiper-button-prev:hover,.about .about01 .about01-2 .bottom .swiper-button-next:hover {background: none;color: var(--dominant-color);}
.about .about01 .about01-2 .bottom .swiper-button-prev:hover img,.about .about01 .about01-2 .bottom .swiper-button-next:hover img {filter: none;}
.about .about01 .about01-2 .bottom .swiper-button-prev {left: 40px;}
@media screen and (max-width: 768px) {.about .about01 .about01-2 .bottom .swiper-button-prev {left: 20px;}}
.about .about01 .about01-2 .bottom .swiper-button-next {right: 40px;}
@media screen and (max-width: 768px) {.about .about01 .about01-2 .bottom .swiper-button-next {right: 20px;}}
.about .about01 .about01-3 {overflow: hidden;}
.about .about01 .about01-3 .about01-3-box {position: relative;}
.about .about01 .about01-3 .about01-3-box .img {position: relative;}
.about .about01 .about01-3 .about01-3-box .points {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.about .about01 .about01-3 .about01-3-box .points .point {position: absolute;width: 8px;height: 8px;border-radius: 50%;background: var(--dominant-color);box-shadow: rgba(234, 32, 42, 0.2) 0 0 0 7px;cursor: pointer;z-index: 3;animation: opacity 1.5s infinite linear;}
@media screen and (max-width: 768px) {.about .about01 .about01-3 .about01-3-box .points .point {box-shadow: none;}}
.about .about01 .about01-3 .about01-3-box .points .point::after {content: '';top: 0;bottom: 0;right: -360px;margin: auto;background: url("../images/img251.png") no-repeat center;width: 360px;height: 1px;position: absolute;opacity: 0;pointer-events: none;transition: all 0.5s;}
.about .about01 .about01-3 .about01-3-box .points .point.active::after {opacity: 1;}
.about .about01 .about01-3 .about01-3-box .points .point span {width: max-content;position: absolute;color: #666;top: 20px;bottom: 0;margin: auto;left: 50%;transform: translateX(-50%);pointer-events: none;}
.about .about01 .about01-3 .about01-3-box .points .point.point1 {top: 44.5%;right: 19%;width: 10px;height: 10px;}
.about .about01 .about01-3 .about01-3-box .points .point.point1::after {left: -360px;right: auto;}
.about .about01 .about01-3 .about01-3-box .points .point.point2 {top: 49%;left: 36%;}
.about .about01 .about01-3 .about01-3-box .points .point.point2 span {right: 20px;top: -5px;left: auto;transform: translateX(0);}
.about .about01 .about01-3 .about01-3-box .points .point.point3 {top: 54.5%;left: 34.5%;width: 10px;height: 10px;}
.about .about01 .about01-3 .about01-3-box .points .point.point4 {top: 50%;left: 37%;}
.about .about01 .about01-3 .about01-3-box .points .point.point4 span {top: 8px;}
.about .about01 .about01-3 .about01-3-box .points .point.point5 {top: 47%;left: 36.5%;width: 12px;height: 12px;}
.about .about01 .about01-3 .about01-3-box .points .point.point5 span {top: -20px;}
.about .about01 .about01-3 .about01-3-box .points .point.point6 {top: 48%;left: 37.5%;}
.about .about01 .about01-3 .about01-3-box .points .point.point6 span {left: 20px;top: -5px;transform: translateX(0);}
.about .about01 .about01-3 .about01-3-box .points .point.point7 {top: 41%;left: 44%;width: 10px;height: 10px;}
.about .about01 .about01-3 .about01-3-box .text-box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 768px) {.about .about01 .about01-3 .about01-3-box .text-box {position: initial;}}
.about .about01 .about01-3 .about01-3-box .text-box .item {position: absolute;width: 460px;background: #fff;border-radius: 10px;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);z-index: 3;transition: all 0.5s;opacity: 0;pointer-events: none;}
@media screen and (max-width: 1600px) {.about .about01 .about01-3 .about01-3-box .text-box .item {width: 400px;}}
@media screen and (max-width: 768px) {.about .about01 .about01-3 .about01-3-box .text-box .item {display: block;position: initial;width: 100%;margin-top: 30px;opacity: 1;}}
.about .about01 .about01-3 .about01-3-box .text-box .item.active {opacity: 1;}
.about .about01 .about01-3 .about01-3-box .text-box .item .imgBox {padding-bottom: 60%;}
.about .about01 .about01-3 .about01-3-box .text-box .item .text {padding: 40px;}
@media screen and (max-width: 768px) {.about .about01 .about01-3 .about01-3-box .text-box .item .text {padding: 20px;}}
.about .about01 .about01-3 .about01-3-box .text-box .item .text .title {font-size: 24px;}
@media screen and (max-width: 1600px) {.about .about01 .about01-3 .about01-3-box .text-box .item .text .title {font-size: 18px;}}
.about .about01 .about01-3 .about01-3-box .text-box .item .text .summary {margin-top: 20px;color: #666;line-height: 1.6;}
@media screen and (max-width: 1600px) {.about .about01 .about01-3 .about01-3-box .text-box .item .text .summary {margin-top: 10px;}}
.about .about01 .about01-3 .about01-3-box .text-box .item .text .summary span {color: #000;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item1 {top: 0;right: 30%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item2 {top: 18%;right: 12%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item3 {top: 23.5%;right: 13.5%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item4 {top: 19%;right: 11%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item5 {top: 15.5%;right: 11.5%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item6 {top: 17%;right: 10.5%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item7 {top: 10%;right: 4%;}
.about .about01 .about01-4 .about01-4-box {display: grid;grid-gap: 30px;grid-template-columns: repeat(3, 1fr);}
@media screen and (max-width: 768px) {.about .about01 .about01-4 .about01-4-box {grid-template-columns: repeat(1, 1fr);}}
.about .about01 .about01-4 .about01-4-box .item {position: relative;border-radius: 10px;overflow: hidden;}
.about .about01 .about01-4 .about01-4-box .item::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: -100%;transition: all 0.5s;background: linear-gradient(rgba(234, 34, 42, 0) 30%, rgba(234, 34, 42, 0.8));}
.about .about01 .about01-4 .about01-4-box .item .imgBox {padding-bottom: 135%;}
.about .about01 .about01-4 .about01-4-box .item .text {position: absolute;bottom: 0;left: 0;padding: 30px 30px 40px;color: #fff;z-index: 2;}
.about .about01 .about01-4 .about01-4-box .item .text .icon {width: 44px;}
.about .about01 .about01-4 .about01-4-box .item .text .title {margin-top: 20px;font-size: 30px;margin-bottom: 10px;}
@media screen and (max-width: 1600px) {.about .about01 .about01-4 .about01-4-box .item .text .title {font-size: 20px;}}
.about .about01 .about01-4 .about01-4-box .item .text .summary {font-size: 18px;opacity: 0.6;max-height: 0;transition: all 0.5s;}
.about .about01 .about01-4 .about01-4-box .item:hover::after {bottom: 0;}
.about .about01 .about01-4 .about01-4-box .item:hover .summary {max-height: 100px;}
.about .about01 .about01-5 .swiper img {width: 100%;}
.about .about01 .about01-5 .swiper .swiper-button-prev {left: 60px;}
@media screen and (max-width: 768px) {.about .about01 .about01-5 .swiper .swiper-button-prev {left: 20px;}}
.about .about01 .about01-5 .swiper .swiper-button-next {right: 60px;}
@media screen and (max-width: 768px) {.about .about01 .about01-5 .swiper .swiper-button-next {right: 20px;}}
.about .about02 .about02-1 {display: flex;}
@media screen and (max-width: 768px) {.about .about02 .about02-1 {flex-direction: column;}}
.about .about02 .about02-1 .left {flex-basis: 500px;margin-right: 50px;}
@media screen and (max-width: 768px) {.about .about02 .about02-1 .left {flex-basis: 100%;margin-bottom: 30px;}}
.about .about02 .about02-1 .right {flex: 1;}
.about .about02 .about02-1 .right .summary2 {margin: 0;}
.about .about02 .about02-1 .right .img {border-radius: 10px;overflow: hidden;margin-top: 40px;}
.about .about02 .about02-2 .about02-2-box {max-width: 1130px;}
.about .about02 .about02-2 .swiper {padding: 100px 0 25%;}
.about .about02 .about02-2 .swiper-slide {text-align: center;}
.about .about02 .about02-2 .swiper-slide .img {transform: scale(0.5);transform-origin: left;transition: all 0.5s;position: relative;}
.about .about02 .about02-2 .swiper-slide img {border-radius: 50%;width: 100%;}
.about .about02 .about02-2 .swiper-slide .img::after {content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);top: 0;left: 0;position: absolute;border-radius: 50%;}
.about .about02 .about02-2 .swiper-slide .text {opacity: 0;position: absolute;bottom: -110%;width: 300%;transform: translateX(-50%);left: 50%;}
.about .about02 .about02-2 .swiper-slide .text .title {font-size: 24px;color: #fff;font-weight: 600;margin-bottom: 20px;}
.about .about02 .about02-2 .swiper-slide .text .summary {color: #fff;font-size: 16px;opacity: 0.6;line-height: 1.8;text-indent: 2em;}
.about .about02 .about02-2 .swiper-slide.swiper-slide-active .text {opacity: 1;display: block;}
.about .about02 .about02-2 .swiper-slide.swiper-slide-active .img {transform: scale(1);transition: all 0.5s;}
.about .about02 .about02-2 .swiper-slide.swiper-slide-next .img,.about .about02 .about02-2 .swiper-slide.swiper-slide-next ~ .swiper-slide .img {transform-origin: right;}
.about .about02 .about02-2 .swiper-slide.swiper-slide-active .img::before,.about .about02 .about02-2 .swiper-slide.swiper-slide-active .img::after {content: '';position: absolute;}
.about .about02 .about02-2 .swiper-slide.swiper-slide-active .img::before {width: calc(100% + 60px);height: calc(100% + 60px);background: #fff;opacity: 0.1;left: -30px;top: -30px;border-radius: 50%;}
.about .about02 .about02-2 .swiper-slide.swiper-slide-active .img::after {width: calc(100% + 120px);height: calc(100% + 120px);opacity: 0.1;background: #fff;left: -60px;top: -60px;border-radius: 50%;}
.about .about02 .about02-2 .swiper-slide.swiper-slide-active img {z-index: 10;position: relative;}
.about .about02 .about02-2 .button-box {position: absolute;bottom: 18%;left: 0;right: 0;margin: auto;width: 100%;}
.about .about02 .about02-2 .swiper-button-prev,.about .about02 .about02-2 .swiper-button-next {position: inherit;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 50%;width: 55px;height: 55px;background: none;}
.about .about02 .about02-2 .swiper-button-prev::after,.about .about02 .about02-2 .swiper-button-next::after {font-size: 16px;color: rgba(255, 255, 255, 0.3);}
.about .about02 .about02-2 .swiper-button-prev:hover,.about .about02 .about02-2 .swiper-button-next:hover {background: var(--dominant-color);border-color: var(--dominant-color);}
.about .about02 .about02-3 .about02-3-box {position: relative;margin-top: 60px;}
.about .about02 .about02-3 .img img {min-height: 500px;object-fit: cover;}
@media screen and (max-width: 768px) {.about .about02 .about02-3 .img img {min-height: auto;}}
.about .about02 .about02-3 .items {position: absolute;top: 0;left: 0;display: flex;width: 100%;height: 100%;}
@media screen and (max-width: 768px) {.about .about02 .about02-3 .items {flex-direction: column;position: initial;}}
.about .about02 .about02-3 .items .item {position: relative;border-right: 1px solid rgba(255, 255, 255, 0.2);flex: 1;}
@media screen and (max-width: 768px) {.about .about02 .about02-3 .items .item {margin-top: 20px;}}
.about .about02 .about02-3 .items .item .text {position: absolute;color: #fff;font-size: 24px;padding: 30px;text-align: center;left: 0;bottom: 0;width: 100%;transition: all 0.5s;}
.about .about02 .about02-3 .items .item .show-text {padding: 30px;color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;background: rgba(234, 33, 42, 0.8);backdrop-filter: blur(20px);text-align: center;height: 100%;opacity: 0;pointer-events: none;transition: all 0.5s;}
@media screen and (max-width: 768px) {.about .about02 .about02-3 .items .item .show-text {opacity: 1;pointer-events: auto;}}
.about .about02 .about02-3 .items .item .show-text .icon {width: 44px;height: 44px;margin: auto;}
.about .about02 .about02-3 .items .item .show-text .title {font-size: 24px;margin: 20px auto;}
@media screen and (max-width: 768px) {.about .about02 .about02-3 .items .item .show-text .title {font-size: 16px;}}
.about .about02 .about02-3 .items .item .show-text .summary {font-size: 16px;opacity: 0.6;}
@media screen and (max-width: 768px) {.about .about02 .about02-3 .items .item .show-text .summary {font-size: 14px;}}
.about .about02 .about02-3 .items .item:hover .text {opacity: 0;}
.about .about02 .about02-3 .items .item:hover .show-text {opacity: 1;pointer-events: auto;}
.about .about02 .about02-4 .about02-4-box {margin-top: 40px;}
@media screen and (max-width: 768px) {.about .about02 .about02-4 .about02-4-box {margin-top: 20px;}}
.about .about02 .about02-4 .box1,.about .about02 .about02-4 .box2 {overflow: hidden;}
.about .about02 .about02-4 .items {grid-gap: 25px;display: flex;}
.about .about02 .about02-4 .items img {width: 100%;transition: all 0.5s;}
.about .about02 .about02-4 .items .item {border-radius: 10px;overflow: hidden;}
.about .about02 .about02-4 .items:nth-child(1) {margin-top: 25px;transform: translateX(-80px);}
.about .about02 .about02-4 .items:nth-child(2) {margin-top: 25px;transform: translateX(80px);}
.about .about02 .about02-5 .about02-5-box {border-top: 1px solid #eee;}
.about .about02 .about02-5 .item {cursor: pointer;border-bottom: 1px solid #eee;}
.about .about02 .about02-5 .item .top {display: flex;align-items: center;padding: 20px 40px;justify-content: space-between;border-radius: 10px;}
@media screen and (max-width: 768px) {.about .about02 .about02-5 .item .top {padding: 20px 10px;}}
.about .about02 .about02-5 .item .top .icon {width: 38px;height: 38px;border-radius: 50%;border: 2px solid var(--dominant-color);display: flex;align-items: center;justify-content: center;color: var(--dominant-color);font-size: 20px;}
.about .about02 .about02-5 .item .top .icon .hide {display: none;}
.about .about02 .about02-5 .item .top .title {display: flex;align-items: center;font-size: 18px;}
@media screen and (max-width: 768px) {.about .about02 .about02-5 .item .top .title {font-size: 14px;}}
.about .about02 .about02-5 .item .top .title img {margin-right: 10px;}
.about .about02 .about02-5 .item .bottom {display: none;padding: 40px;}
@media screen and (max-width: 768px) {.about .about02 .about02-5 .item .bottom {padding: 20px 10px;}}
.about .about02 .about02-5 .item .bottom .b-item {margin-bottom: 50px;}
.about .about02 .about02-5 .item .bottom .b-item .key {font-size: 24px;margin-bottom: 10px;}
@media screen and (max-width: 768px) {.about .about02 .about02-5 .item .bottom .b-item .key {font-size: 18px;}}
.about .about02 .about02-5 .item .bottom .b-item .value {font-size: 16px;color: #666;line-height: 1.8;}
@media screen and (max-width: 768px) {.about .about02 .about02-5 .item .bottom .b-item .value {font-size: 14px;}}
.about .about02 .about02-5 .item.active .top {background: var(--dominant-color);color: #fff;}
.about .about02 .about02-5 .item.active .top .title img {filter: brightness(10);}
.about .about02 .about02-5 .item.active .top .icon {border-color: #fff;color: var(--dominant-color);background: #fff;}
.about .about02 .about02-5 .item.active .top .icon span {display: none;}
.about .about02 .about02-5 .item.active .top .icon span.hide {display: block;}
.about .about03 .about03-1 .text-box {position: relative;z-index: 2;width: 90%;margin: -60px auto 0;background: #fff;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.01);padding: 60px;display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box {width: 100%;margin-top: 30px;padding: 0;flex-direction: column;}}
.about .about03 .about03-1 .text-box .left {flex-basis: 300px;}
@media screen and (max-width: 1440px) {.about .about03 .about03-1 .text-box .left {flex-basis: 250px;}}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .left {flex-basis: 100%;display: flex;justify-content: space-between;}}
.about .about03 .about03-1 .text-box .left .tabs .item {padding: 6px 0 6px 20px;font-size: 16px;border-left: 2px solid #eee;cursor: pointer;transition: all 0.5s;}
.about .about03 .about03-1 .text-box .left .tabs .item.active,.about .about03 .about03-1 .text-box .left .tabs .item:hover {border-left: 2px solid var(--dominant-color);color: var(--dominant-color);}
.about .about03 .about03-1 .text-box .left .button-change {margin-top: 60px;}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .left .button-change {margin-top: 0;}}
.about .about03 .about03-1 .text-box .left .button-change .item {display: none;}
.about .about03 .about03-1 .text-box .left .button-change .item.active {display: block;}
.about .about03 .about03-1 .text-box .right {flex: 1;}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .right {margin-top: 30px;}}
.about .about03 .about03-1 .text-box .right .title {font-size: 30px;}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .right .title {font-size: 20px;}}
.about .about03 .about03-1 .text-box .right .summary {font-size: 16px;color: #666;margin-top: 20px;line-height: 1.6;}
.about .about03 .about03-1 .text-box .right .number-box {margin-top: 50px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 40px 20px;}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .right .number-box {grid-template-columns: repeat(2, 1fr);}}
.about .about03 .about03-1 .text-box .right .number-box .number {color: var(--dominant-color);font-size: 24px;position: relative;}
@media screen and (max-width: 1440px) {.about .about03 .about03-1 .text-box .right .number-box .number {font-size: 18px;}}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .right .number-box .number {font-size: 12px;}}
.about .about03 .about03-1 .text-box .right .number-box .number .gd-count {font-size: 58px;color: var(--dominant-color);font-family: Outfit-SemiBold;margin-right: 10px;}
@media screen and (max-width: 1440px) {.about .about03 .about03-1 .text-box .right .number-box .number .gd-count {font-size: 40px;}}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .right .number-box .number .gd-count {font-size: 24px;}}
.about .about03 .about03-1 .text-box .right .number-box .number sup {position: absolute;top: 10px;color: var(--dominant-color);}
@media screen and (max-width: 1440px) {.about .about03 .about03-1 .text-box .right .number-box .number sup {line-height: 1;}}
.about .about03 .about03-1 .text-box .right .number-box .number span {color: #666;font-size: 14px;}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .right .number-box .number span {font-size: 12px;}}
.about .about03 .about03-1 .text-box .right .number-box .value {font-size: 16px;color: #666;}
@media screen and (max-width: 768px) {.about .about03 .about03-1 .text-box .right .number-box .value {font-size: 12px;}}
.about .about03 .about03-1 .text-box .right .item {display: none;transform: translateY(10px);transition: all 0.5s;}
.about .about03 .about03-1 .text-box .right .item.active {display: block;transform: translateY(0);}
.about .about03 .about03-2 .top,.about .about03 .about03-2 .bottom {display: flex;height: 350px;}
@media screen and (max-width: 768px) {.about .about03 .about03-2 .top,.about .about03 .about03-2 .bottom {height: auto;flex-direction: column;}}
.about .about03 .about03-2 .top .item,.about .about03 .about03-2 .bottom .item {width: calc(100% / 6);display: flex;justify-content: flex-end;flex-direction: column;text-align: center;padding: 0 20px;}
@media screen and (max-width: 768px) {.about .about03 .about03-2 .top .item,.about .about03 .about03-2 .bottom .item {width: 100%;margin-bottom: 30px;}}
.about .about03 .about03-2 .top .item .img,.about .about03 .about03-2 .bottom .item .img {height: 110px;}
.about .about03 .about03-2 .top .item .img img,.about .about03 .about03-2 .bottom .item .img img {object-fit: contain;}
.about .about03 .about03-2 .top .item .title,.about .about03 .about03-2 .bottom .item .title {font-size: 18px;margin-top: 10px;}
@media screen and (max-width: 1600px) {.about .about03 .about03-2 .top .item .title,.about .about03 .about03-2 .bottom .item .title {font-size: 16px;}}
.about .about03 .about03-2 .top .item .summary,.about .about03 .about03-2 .bottom .item .summary {text-align: left;margin-top: 10px;line-height: 1.6;color: #666;max-height: 0;transition: all 0.5s;opacity: 0;}
@media screen and (max-width: 768px) {.about .about03 .about03-2 .top .item .summary,.about .about03 .about03-2 .bottom .item .summary {display: block;text-align: center;max-height: initial;opacity: 1;}}
.about .about03 .about03-2 .top .item:hover .summary,.about .about03 .about03-2 .bottom .item:hover .summary {max-height: 200px;opacity: 1;}
.about .about03 .about03-2 .bottom {flex-direction: row-reverse;}
@media screen and (max-width: 768px) {.about .about03 .about03-2 .bottom {flex-direction: column;}}
.about .about03 .about03-2 .bottom .item {width: calc(100% / 5);justify-content: flex-start;}
@media screen and (max-width: 768px) {.about .about03 .about03-2 .bottom .item {width: 100%;}}
.about .about03 .about03-2 .mid {margin: 30px auto;position: relative;}
@media screen and (max-width: 768px) {.about .about03 .about03-2 .mid {display: none;}}
.about .about03 .about03-2 .mid .m-text {font-size: 18px;position: absolute;font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {.about .about03 .about03-2 .mid .m-text {font-size: 16px;}}
.about .about03 .about03-2 .mid .m-text1 {top: 28%;left: 2%;color: #ed7d31;}
.about .about03 .about03-2 .mid .m-text2 {top: 28%;right: 35%;color: #333;}
.about .about03 .about03-2 .mid .m-text3 {top: 53%;left: 33%;color: #2f5597;}
.about .about03 .about03-3 .about03-3-box {max-width: 1800px;margin-top: 40px;}
.about .about03 .about03-3 .about03-3-box .top {padding-bottom: 300px;}
@media screen and (max-width: 1600px) {.about .about03 .about03-3 .about03-3-box .top {padding-bottom: 50px;}}
.about .about03 .about03-3 .about03-3-box .top .items {display: flex;grid-gap: 20px;}
@media screen and (max-width: 1600px) {.about .about03 .about03-3 .about03-3-box .top .items {grid-gap: 10px;flex-wrap: wrap;}}
.about .about03 .about03-3 .about03-3-box .top .items .t-item {position: relative;cursor: pointer;}
@media screen and (max-width: 768px) {.about .about03 .about03-3 .about03-3-box .top .items .t-item {width: 100%;margin-bottom: 30px;}}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .title {border: 2px solid #fff;color: #fff;border-radius: 10px;font-size: 16px;min-width: 120px;height: 75px;padding: 15px 15px 0;transition: all 0.5s;}
@media screen and (max-width: 1600px) {.about .about03 .about03-3 .about03-3-box .top .items .t-item .title {font-size: 14px;min-width: 80px;}}
@media screen and (max-width: 768px) {.about .about03 .about03-3 .about03-3-box .top .items .t-item .title {height: 50px;width: 100%;}}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .title::after {position: absolute;bottom: -20px;left: 50%;content: '';border-style: solid;border-width: 10px;width: 0;height: 0;transform: translateX(-50%);border-color: var(--dominant-color) transparent transparent transparent;box-shadow: 0 0 0 var(--dominant-color);z-index: 12;opacity: 0;transition: all 0.5s;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary {position: absolute;width: max-content;padding: 20px;border-radius: 10px;top: 100px;border: 2px solid var(--dominant-color);color: #fff;opacity: 0;transition: all 0.5s;line-height: 1.8;pointer-events: none;}
@media screen and (max-width: 1600px) {.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary {font-size: 14px;}}
@media screen and (max-width: 768px) {.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary {opacity: 1;position: initial;margin-top: 20px;width: 100%;}}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary .s-title {font-size: 20px;margin-bottom: 10px;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary ul {padding-left: 10px;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary ul li {list-style: disc;font-size: 16px;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item.no-slider {opacity: 0.3;pointer-events: none;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item.active,.about .about03 .about03-3 .about03-3-box .top .items .t-item:hover {z-index: 2;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item.active .title,.about .about03 .about03-3 .about03-3-box .top .items .t-item:hover .title {border-color: var(--dominant-color);background: var(--dominant-color);color: #fff;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item.active .title::after,.about .about03 .about03-3 .about03-3-box .top .items .t-item:hover .title::after {opacity: 1;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item.active .summary,.about .about03 .about03-3 .about03-3-box .top .items .t-item:hover .summary {opacity: 1;pointer-events: none;}
@media screen and (max-width: 768px) {
.about .about03 .about03-3 .about03-3-box .top .items .t-item.slider .title {background: var(--dominant-color);color: #fff;border-color: var(--dominant-color);}
.about .about03 .about03-3 .about03-3-box .top .items .t-item.slider .title::after {opacity: 1;top: 50px;bottom: auto;}}
.about .about03 .about03-3 .about03-3-box .mid {width: 100%;height: 2px;margin-bottom: 60px;background: rgba(255, 255, 255, 0.3);}
.about .about03 .about03-3 .about03-3-box .mid .line {background: var(--dominant-color);width: 0;height: 100%;transition: all 0.5s;}
.about .about03 .about03-3 .about03-3-box .bottom-bg {position: relative;display: flex;}
.about .about03 .about03-3 .about03-3-box .bottom-bg .left {width: 60px;height: 216px;background: url("../images/img283.png") no-repeat;}
@media screen and (max-width: 768px) {.about .about03 .about03-3 .about03-3-box .bottom-bg .left {display: none;}}
.about .about03 .about03-3 .about03-3-box .bottom-bg .mid {width: calc(100% - 200px);height: 216px;background: url("../images/img285.png") repeat-x;display: flex;align-items: center;}
@media screen and (max-width: 768px) {.about .about03 .about03-3 .about03-3-box .bottom-bg .mid {width: 100%;background: url("../images/img211.png") repeat-x center / cover;animation: scrollBackground 20s linear infinite;height: auto;}}
.about .about03 .about03-3 .about03-3-box .bottom-bg .right {width: 140px;height: 216px;background: url("../images/img284.png") no-repeat;}
@media screen and (max-width: 768px) {.about .about03 .about03-3 .about03-3-box .bottom-bg .right {display: none;}}
.about .about03 .about03-3 .about03-3-box .bottom {width: 100%;color: #fff;font-size: 24px;text-align: center;}
@media screen and (max-width: 1600px) {.about .about03 .about03-3 .about03-3-box .bottom {font-size: 20px;}}
@media screen and (max-width: 768px) {.about .about03 .about03-3 .about03-3-box .bottom {font-size: 16px;border-radius: 10px;border: 2px solid #fff;padding: 50px;}}
.about .about03 .about03-3 .about03-3-box .bottom span {color: var(--dominant-color);}
.about .about03 .about03-4 .top {overflow: auto;}
.about .about03 .about03-4 table {width: 100%;border-left: 1px solid #eee;overflow: hidden;min-width: 600px;}
.about .about03 .about03-4 table tr {display: flex;overflow: hidden;}
.about .about03 .about03-4 table tr:first-child {border-radius: 10px 10px 0 0;}
.about .about03 .about03-4 table tr:last-child {border-radius: 0 0 10px 10px;}
.about .about03 .about03-4 table tr td,.about .about03 .about03-4 table tr th {flex: 1;text-align: center;border-bottom: 1px solid #eee;border-right: 1px solid #eee;font-size: 16px;padding: 30px 10px;color: #666;}
@media screen and (max-width: 768px) {.about .about03 .about03-4 table tr td,.about .about03 .about03-4 table tr th {font-size: 14px;padding: 10px;}}
.about .about03 .about03-4 table tr th {background: var(--dominant-color);color: #fff;}
.about .about03 .about03-4 .bottom {margin-top: 60px;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}
@media screen and (max-width: 768px) {.about .about03 .about03-4 .bottom {grid-template-columns: repeat(2, 1fr);}}
.about .about03 .about03-4 .bottom .imgBox {border-radius: 10px;padding-bottom: 75%;}
.about .about03 .about03-4 .bottom .title {text-align: center;padding: 20px;font-size: 18px;color: #666;transition: all 0.5s;}
@media screen and (max-width: 768px) {.about .about03 .about03-4 .bottom .title {font-size: 14px;padding: 10px;}}
.about .about03 .about03-4 .bottom .item:hover .title {color: var(--dominant-color);}
.about .about03 .about03-4 .f-more-show {margin: 60px auto 0;cursor: pointer;}
.about .about03 .about03-5 .about03-6-box {max-width: 1800px;position: relative;margin-top: 40px;}
.about .about03 .about03-5 .about03-6-box .swiper {width: calc(100% - 200px);position: initial;}
@media screen and (max-width: 768px) {.about .about03 .about03-5 .about03-6-box .swiper {width: 100%;}}
.about .about03 .about03-5 .about03-6-box .swiper img {transition: all 0.5s;}
.about .about03 .about03-5 .about03-6-box .swiper .text {color: #fff;text-align: center;font-size: 20px;margin-top: 20px;}
@media screen and (max-width: 768px) {.about .about03 .about03-5 .about03-6-box .swiper .text {font-size: 14px;}}
.about .about04 .about04-1 .about04-title {font-size: 1.823vw;text-align: center;}
@media screen and (max-width: 768px) {.about .about04 .about04-1 .about04-title {font-size: 18px;}}
.about .about04 .about04-1 .items {display: flex;justify-content: center;grid-gap: 40px;margin-top: 60px;margin-bottom: 8%;}
@media screen and (max-width: 768px) {.about .about04 .about04-1 .items {grid-gap: 10px;}}
.about .about04 .about04-1 .items .item {flex-basis: 150px;}
.about .about04 .about04-1 .list {display: grid;grid-gap: 30px;grid-template-columns: repeat(3, 1fr);}
@media screen and (max-width: 768px) {.about .about04 .about04-1 .list {grid-template-columns: repeat(1, 1fr);}}
.about .about04 .about04-1 .list .item {position: relative;border-radius: 10px;overflow: hidden;cursor: pointer;}
.about .about04 .about04-1 .list .item .icon {position: absolute;right: 30px;top: 30px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.about .about04 .about04-1 .list .item .icon img {max-width: 100%;max-height: 100%;object-fit: contain;}
.about .about04 .about04-1 .list .item .text {top: 10%;left: 0;padding: 30px;z-index: 2;position: absolute;color: #fff;}
.about .about04 .about04-1 .list .item .text .title {font-size: 24px;font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {.about .about04 .about04-1 .list .item .text .title {font-size: 18px;}}
.about .about04 .about04-1 .list .item .text .summary {margin-top: 5%;font-size: 18px;line-height: 1.4;opacity: 0.6;}
@media screen and (max-width: 1600px) {.about .about04 .about04-1 .list .item .text .summary {font-size: 14px;}}
.about .about04 .about04-1 .list .item .img {transition: all 0.5s;overflow: hidden;}
.about .about04 .about04-1 .list .item .img img {transition: all 0.5s;}
.about .about04 .about04-1 .list .item:hover .img img {transform: scale(1.1);}
.about .about04 .about04-1 .list .item:hover::after {opacity: 0;}
.about .about04 .about04-1 .list .item::after {content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);top: 0;left: 0;position: absolute;transition: all 0.5s;}
.about .about04 .about04-2 {max-width: 1440px;}
.about .about04 .about04-2 .about04-2-box {margin-top: 40px;}
.about .about04 .about04-2 .about04-2-box .item {display: flex;justify-content: space-between;align-items: center;border-radius: 10px;overflow: hidden;margin-bottom: 50px;background: #fafafa url("../images/img118.png") no-repeat center bottom;transition: all 0.5s;position: relative;}
@media screen and (max-width: 768px) {.about .about04 .about04-2 .about04-2-box .item {flex-direction: column !important;}}
.about .about04 .about04-2 .about04-2-box .item::after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #eee;transition: all 0.5s;opacity: 0;}
.about .about04 .about04-2 .about04-2-box .item .img {flex-basis: 46%;border-radius: 10px;overflow: hidden;position: relative;z-index: 2;}
@media screen and (max-width: 768px) {.about .about04 .about04-2 .about04-2-box .item .img {width: 100%;}}
.about .about04 .about04-2 .about04-2-box .item .img .imgBox {padding-bottom: 60%;}
.about .about04 .about04-2 .about04-2-box .item .text {flex-basis: 45%;padding-right: 40px;position: relative;z-index: 2;}
@media screen and (max-width: 768px) {.about .about04 .about04-2 .about04-2-box .item .text {padding: 20px;}}
.about .about04 .about04-2 .about04-2-box .item .text .title {font-size: 1.5625vw;font-family: Outfit-SemiBold;transition: all 0.5s;}
@media screen and (max-width: 768px) {.about .about04 .about04-2 .about04-2-box .item .text .title {font-size: 16px;}}
.about .about04 .about04-2 .about04-2-box .item .text .summary {font-size: 18px;color: #666;margin-top: 40px;transition: all 0.5s;}
@media screen and (max-width: 768px) {.about .about04 .about04-2 .about04-2-box .item .text .summary {font-size: 14px;margin-top: 10px;}}
.about .about04 .about04-2 .about04-2-box .item .text .f-more {margin-top: 40px;}
@media screen and (max-width: 768px) {.about .about04 .about04-2 .about04-2-box .item .text .f-more {margin-top: 20px;}}
.about .about04 .about04-2 .about04-2-box .item:nth-child(even) {flex-direction: row-reverse;background: #fafafa url("../images/img118-1.png") no-repeat center bottom;}
.about .about04 .about04-2 .about04-2-box .item:nth-child(even) .text {padding-left: 40px;padding-right: 0;}
@media screen and (max-width: 768px) {.about .about04 .about04-2 .about04-2-box .item:nth-child(even) .text {padding: 20px;}}
.about .about04 .about04-2 .about04-2-box .item:hover::after {opacity: 1;}
.about .about04 .about04-3 .about04-3-box {margin-top: 3%;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px 50px;}
@media screen and (max-width: 768px) {.about .about04 .about04-3 .about04-3-box {grid-template-columns: repeat(1, 1fr);}}
.about .about04 .about04-3 .about04-3-box .item {background: #fff url("../images/img120.png") no-repeat center / cover;font-size: 20px;color: #333;transition: all 0.5s;padding: 30px;display: flex;align-items: center;border-radius: 10px;overflow: hidden;}
@media screen and (max-width: 1600px) {.about .about04 .about04-3 .about04-3-box .item {font-size: 16px;}}
.about .about04 .about04-3 .about04-3-box .item span {text-decoration: underline;}
.about .about04 .about04-3 .about04-3-box .item img {transition: all 0.5s;margin-left: 20px;}
.about .about04 .about04-3 .about04-3-box .item:hover {background: var(--dominant-color) url("../images/img120.png") no-repeat center / cover;color: #fff;}
.about .about04 .about04-3 .about04-3-box .item:hover img {filter: brightness(10);}
@keyframes scrollBackground {0% {background-position: 0 50%;/* 初始位置 */}100% {background-position: -100% 50%;/* 终点位置，使背景图完全滚出视窗 */}}
@keyframes opacity {0% {box-shadow: rgba(234, 32, 42, 0.2) 0 0 0 7px;}50% {box-shadow: rgba(234, 32, 42, 0.2) 0 0 0 0;}100% {box-shadow: rgba(234, 32, 42, 0.2) 0 0 0 7px;}}/*服务*/.service {overflow: hidden;}
.service .service1 {display: flex;}
@media screen and (max-width: 768px) {.service .service1 {flex-direction: column;}}
.service .service1 .left {flex-basis: 500px;margin-right: 50px;}
@media screen and (max-width: 768px) {.service .service1 .left {flex-basis: 100%;}}
.service .service1 .right {flex: 1;}
.service .service1 .right .summary2 {margin: 0;}
.service .service2 .items {margin-top: 40px;display: flex;grid-gap: 2.604vw;flex-direction: column;}
.service .service2 .items .item {box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.04);display: flex;border-radius: 10px;overflow: hidden;align-items: center;}
@media screen and (max-width: 768px) {.service .service2 .items .item {flex-direction: column-reverse !important;}}
.service .service2 .items .item .text,.service .service2 .items .item .img {flex-basis: 50%;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text,.service .service2 .items .item .img {width: 100%;}}
.service .service2 .items .item .text {padding: 20px 50px;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text {padding: 20px;}}
.service .service2 .items .item .text .title {font-size: 1.5625vw;font-family: Outfit-SemiBold;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text .title {font-size: 16px;}}
.service .service2 .items .item .text .summary {font-size: 0.833vw;color: #666;margin-top: 30px;line-height: 1.6;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text .summary {font-size: 14px;}}
.service .service2 .items .item .text .list {display: flex;flex-wrap: wrap;grid-gap: 20px;margin-top: 30px;}
@media screen and (max-width: 768px) {}
.service .service2 .items .item .text .f-more {margin-top: 50px;}
@media screen and (max-width: 768px) {.service .service2 .items .item .text .f-more {margin-top: 20px;}}
.service .service2 .items .item .img {border-radius: 10px;overflow: hidden;}
.service .service2 .items .item .img .imgBox {padding-bottom: 66%;}
.service .service2 .items .item:nth-child(even) {flex-direction: row-reverse;}
.service .service3 .items {margin-top: 40px;display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.service .service3 .items {flex-direction: column;}}
.service .service3 .items .item {flex: 1;padding: 0 30px;position: relative;}
@media screen and (max-width: 768px) {.service .service3 .items .item {margin-bottom: 40px;}}
.service .service3 .items .item .icon {width: 120px;height: 120px;margin: auto;border-radius: 50%;border: 1px dashed var(--dominant-color);display: flex;align-items: center;justify-content: center;transition: all 0.5s;}
@media screen and (max-width: 1366px) {.service .service3 .items .item .icon {width: 80px;height: 80px;}}
.service .service3 .items .item .icon img {transition: all 0.5s;}
@media screen and (max-width: 1366px) {.service .service3 .items .item .icon img {width: 30px;}}
.service .service3 .items .item .text {color: #fff;text-align: center;}
.service .service3 .items .item .text .title {font-size: 1.25vw;margin: 20px auto 10px;}
@media screen and (max-width: 1600px) {.service .service3 .items .item .text .title {font-size: 18px;}}
.service .service3 .items .item .text .summary {font-size: 0.833vw;opacity: 0.6;line-height: 1.6;}
@media screen and (max-width: 1600px) {.service .service3 .items .item .text .summary {font-size: 14px;}}
.service .service3 .items .item:hover .icon {background: var(--dominant-color);}
.service .service3 .items .item:hover .icon img {filter: brightness(10);}
.service .service3 .items .item::after {content: '';width: 60%;border-top: 1px dashed var(--dominant-color);position: absolute;right: -30%;top: 60px;}
@media screen and (max-width: 768px) {.service .service3 .items .item::after {display: none;}}
.service .service3 .items .item:last-child::after {display: none;}
.service .service4 .service4-box {margin-top: 40px;}
.service .service5 input,.service .service5 select,.service .service5 textarea {background: none;border: 1px solid #eee;}
.service .service5 .button-box {display: flex;justify-content: center;grid-gap: 20px;margin: auto;}
.service .service5 .button-box button {width: 240px;}
@media screen and (max-width: 768px) {.service .service5 .button-box button {font-size: 14px;width: 150px;}}
.service .service5 .button-box .reset {width: 240px;margin: auto;height: 58px;border-radius: 10px;font-size: 18px;display: flex;align-items: center;border: 1px solid #eee;color: #666;transition: all 0.5s;justify-content: center;cursor: pointer;}
@media screen and (max-width: 768px) {.service .service5 .button-box .reset {font-size: 14px;width: 150px;}}
.service .service5 .button-box .reset:hover {background: var(--dominant-color);color: #fff;}
.service .service6 .service6-box {margin-top: 40px;}
.service .service6 .service6-box .swiper {overflow: initial;}
.service .service6 .service6-box .swiper .swiper-slide {border-radius: 10px;overflow: hidden;cursor: pointer;}
.service .service6 .service6-box .swiper .swiper-slide .imgBox {padding-bottom: 130%;}
.service .service6 .service6-box .swiper .swiper-slide .text {position: absolute;bottom: 0;padding: 20px;text-align: center;z-index: 3;font-size: 1.25vw;width: 100%;color: #fff;opacity: 0.6;transition: all 0.5s;}
@media screen and (max-width: 768px) {.service .service6 .service6-box .swiper .swiper-slide .text {font-size: 16px;}}
.service .service6 .service6-box .swiper .swiper-slide::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: -100%;transition: all 0.5s;background: linear-gradient(rgba(234, 34, 42, 0) 30%, rgba(234, 34, 42, 0.8));}
.service .service6 .service6-box .swiper .swiper-slide:hover::after {bottom: 0;}
.service .service6 .service6-box .swiper .swiper-slide:hover .text {opacity: 1;}
.service .service6 .service6-box .swiper .swiper-pagination {position: initial;margin-top: 80px;background: rgba(0, 0, 0, 0.05);}
.service .service6 .service6-box .swiper .swiper-pagination .swiper-pagination-progressbar-fill {background: var(--dominant-color);}
.service .service7 {margin-top: 40px;}
.service .service7 .items {display: grid;grid-gap: 30px;grid-template-columns: repeat(3, 1fr);}
@media screen and (max-width: 768px) {.service .service7 .items {grid-template-columns: repeat(1, 1fr);}}
.service .service7 .items .item {box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.04);border-radius: 10px;overflow: hidden;}
.service .service7 .items .item .text {padding: 40px 30px 0;text-align: center;position: relative;}
.service .service7 .items .item .text .title {font-size: 1.5625vw;color: var(--dominant-color);font-family: Outfit-SemiBold;}
@media screen and (max-width: 768px) {.service .service7 .items .item .text .title {font-size: 16px;}}
.service .service7 .items .item .text .summary {margin-top: 10px;font-size: 16px;color: #666;}
@media screen and (max-width: 768px) {.service .service7 .items .item .text .summary {font-size: 14px;}}
.service .service7 .items .item .text .more {width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;background: var(--dominant-color);border-radius: 50%;margin: 30px auto 20px;position: absolute;top: 100%;z-index: 2;left: 0;right: 0;opacity: 0;transition: all 0.5s;}
.service .service7 .items .item .imgBox img {object-fit: contain;}
.service .service7 .items .item:hover .text .more {opacity: 1;}/*研发*/.ability-banner {position: relative;}
.ability-banner img {width: 100%;min-height: 500px;object-fit: cover;}
.ability-banner .text {position: absolute;text-align: center;left: 0;right: 0;top: 30%;height: fit-content;margin: auto;color: #fff;}
@media screen and (max-width: 1440px) {.ability-banner .text {top: 20%;}}
.ability-banner .text .title {font-size: 58px;font-family: Outfit-SemiBold;}
@media screen and (max-width: 1440px) {.ability-banner .text .title {font-size: 38px;}}
@media screen and (max-width: 768px) {.ability-banner .text .title {font-size: 24px;}}
.ability-banner .text .summary {font-size: 20px;opacity: 0.6;}
@media screen and (max-width: 1440px) {.ability-banner .text .summary {font-size: 14px;}}
.ability-banner .bottom {display: flex;position: absolute;bottom: 50px;font-size: 18px;left: 0;right: 0;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(20px);border-radius: 10px;}
@media screen and (max-width: 1440px) {.ability-banner .bottom {font-size: 14px;overflow: auto;}}
.ability-banner .bottom .item {padding: 30px;color: #fff;flex: 1;border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.1);border-left: none;cursor: pointer;transition: all 0.5s;}
@media screen and (max-width: 1440px) {.ability-banner .bottom .item {padding: 20px;}}
.ability-banner .bottom .item:hover {background: var(--dominant-color);}
.ability-banner .bottom .num {font-size: 14px;margin-bottom: 20px;opacity: 0.6;}
.ability .ability1 {display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.ability .ability1 {flex-direction: column;}}
.ability .ability1 .left {flex-basis:50%; font-size:18px; line-height:30px;color: #666;}
@media screen and (max-width: 768px) {.ability .ability1 .left {margin-bottom: 30px;font-size:14px;}}
.ability .ability1 .left ul {margin-top: 40px;padding-left: 20px;line-height: 1.6;}
.ability .ability1 .left ul li {list-style: disc;color: #666;font-size: 16px;margin-bottom: 10px;}
@media screen and (max-width: 768px) {.ability .ability1 .left ul li {font-size: 14px;}}
.ability .ability1 .left ul li::marker {color: var(--dominant-color);}
.ability .ability1 .right {flex-basis: 45%;}
.ability .ability2 .ability2-box {margin-top: 5%;margin-bottom: 5%;}
.ability .ability2 .img {position: relative;margin: auto;width: fit-content;}
@media screen and (max-width: 1440px) {.ability .ability2 .img {width: 600px;}}
@media screen and (max-width: 768px) {.ability .ability2 .img {width: 80%;margin: 50px auto;}}
.ability .ability2 .img img {animation: fade 3s infinite linear;}
.ability .ability2 .points {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.ability .ability2 .points .point {position: absolute;display: flex;align-items: center;grid-gap: 30px;font-size: 24px;color: #fff;}
.ability .ability2 .points .point::after {content: '';width: 260px;height: 200px;background: url("../images/img216.png") no-repeat center;left: 40px;bottom: 30px;position: absolute;opacity: 0;transition: all 0.5s;pointer-events: none;}
@media screen and (max-width: 768px) {.ability .ability2 .points .point::after {display: none;}}
.ability .ability2 .points .point .title {position: absolute;width: max-content;right: 80px;transition: all 0.5s;pointer-events: none;}
@media screen and (max-width: 768px) {.ability .ability2 .points .point .title {display: none;}}
.ability .ability2 .points .point .button {cursor: pointer;width: 50px;height: 50px;border-radius: 50%;background: rgba(236, 34, 42, 0.5);display: flex;align-items: center;justify-content: center;z-index: 2;}
.ability .ability2 .points .point .button span {display: flex;width: 38px;height: 38px;justify-content: center;align-items: center;background: var(--dominant-color);border-radius: 50%;}
.ability .ability2 .points .point .button span.show {display: none;}
.ability .ability2 .points .point.point1 {top: 22%;left: 5%;}
.ability .ability2 .points .point.point2 {top: 22%;left: 55%;}
.ability .ability2 .points .point.point2 .title {left: 80px;right: auto;}
.ability .ability2 .points .point.point3 {bottom: 15%;left: 66%;}
.ability .ability2 .points .point.active::after {opacity: 1;}
.ability .ability2 .points .point.active .title {opacity: 0;}
.ability .ability2 .points .point.active span {display: none;}
.ability .ability2 .points .point.active span.show {display: flex;}
.ability .ability2 .points .point.active .point-container {opacity: 1;}
@media screen and (max-width: 768px) {.ability .ability2 .points .point .point-container {display: none !important;}}
.ability .ability2 .point-container {background: rgba(201, 201, 201, 0.1);backdrop-filter: blur(20px);border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.2);padding: 40px;width: 470px;position: absolute;left: 300px;top: -250px;z-index: 3;opacity: 0;pointer-events: none;transition: all 0.5s;}
@media screen and (max-width: 1600px) {.ability .ability2 .point-container {left: 150px;}}
@media screen and (max-width: 1440px) {.ability .ability2 .point-container {width: 400px;}}
@media screen and (max-width: 1440px) {.ability .ability2 .point-container {width: 100%;}}
.ability .ability2 .point-container.active {display: block;position: initial;}
.ability .ability2 .point-container .icon {width: 60px;}
.ability .ability2 .point-container .icon img {object-fit: contain;}
.ability .ability2 .point-container .p-title {font-size: 24px;font-family: Outfit-SemiBold;margin-bottom: 20px;margin-top: 20px;color: #fff;}
@media screen and (max-width: 1440px) {.ability .ability2 .point-container .p-title {font-size: 18px;}}
.ability .ability2 .point-container ul {padding-left: 20px;}
.ability .ability2 .point-container ul li {list-style: disc;margin-bottom: 10px;font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.ability .ability3 .ability3-img {margin: 60px auto;}
@media screen and (max-width: 768px) {.ability .ability3 .ability3-img {margin: 20px auto;}}
.ability .ability3 .ability3-box {margin-top: 80px;display: grid;grid-gap: 120px 20px;grid-template-columns: repeat(4, 1fr);}
@media screen and (max-width: 768px) {.ability .ability3 .ability3-box {grid-template-columns: repeat(2, 1fr);grid-gap: 30px;}}
.ability .ability3 .ability3-box .img {width: 120px;margin: auto;}
@media screen and (max-width: 1600px) {.ability .ability3 .ability3-box .img {width: 100px;}}
@media screen and (max-width: 768px) {.ability .ability3 .ability3-box .img {width: 60px;}}
.ability .ability3 .ability3-box .text {text-align: center;color: #666;font-size: 20px;margin-top: 20px;}
@media screen and (max-width: 1600px) {.ability .ability3 .ability3-box .text {font-size: 16px;}}
@media screen and (max-width: 768px) {.ability .ability3 .ability3-box .text {font-size: 14px;}}
.ability .ability4 .ability4-box {margin-top: 60px;}
.ability .ability4 .ability4-box .ability4-top {display: flex;grid-gap: 30px;}
@media screen and (max-width: 768px) {.ability .ability4 .ability4-box .ability4-top {flex-direction: column;grid-gap: 10px;}}
.ability .ability4 .ability4-box .ability4-top .item {border: 2px solid rgba(255, 255, 255, 0.2);border-radius: 10px;background: url("../images/img211.png") no-repeat center / cover;flex-basis: 30%;padding: 20px;text-align: center;color: #fff;font-size: 24px;}
@media screen and (max-width: 1600px) {.ability .ability4 .ability4-box .ability4-top .item {font-size: 20px;}}
@media screen and (max-width: 768px) {.ability .ability4 .ability4-box .ability4-top .item {font-size: 14px;}}
.ability .ability4 .ability4-box .ability4-top .item:nth-child(2) {flex-basis: 40%;}
.ability .ability4 .ability4-box .ability4-mid {margin-top: 50px;margin-bottom: 60px;}
.ability .ability4 .ability4-box .ability4-mid .about {min-height: auto;}
.ability .ability4 .ability4-box .ability4-mid .top {padding-bottom: 0;}
.ability .ability4 .ability4-box .ability4-mid .top .items {grid-gap: 0;}
.ability .ability4 .ability4-box .ability4-mid .top .items .t-item {margin-bottom: 20px;}
.ability .ability4 .ability4-box .ability4-mid .top .items .t-item .title {opacity: 0.4;min-width: auto;}
@media screen and (max-width: 768px) {.ability .ability4 .ability4-box .ability4-mid .top .items .t-item .title {opacity: 1;}}
.ability .ability4 .ability4-box .ability4-mid .top .items .t-item.active .title,.ability .ability4 .ability4-box .ability4-mid .top .items .t-item:hover .title {opacity: 1;}
.ability .ability4 .ability4-box .ability4-mid .top .items .t-item:hover {z-index: 5;}
.ability .ability4 .ability4-box .ability4-mid .next {display: flex;align-items: center;margin: 0 10px;}
@media screen and (max-width: 768px) {.ability .ability4 .ability4-box .ability4-mid .next {display: none;}}
.ability .ability4 .ability4-box .ability4-bottom {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 30px;}
@media screen and (max-width: 768px) {.ability .ability4 .ability4-box .ability4-bottom {grid-template-columns: repeat(2, 1fr);grid-gap: 10px;}}
.ability .ability4 .ability4-box .ability4-bottom .item {border-radius: 10px;overflow: hidden;position: relative;}
.ability .ability4 .ability4-box .ability4-bottom .item .imgBox {padding-bottom: 143%;}
.ability .ability4 .ability4-box .ability4-bottom .item .number {position: absolute;top: 40px;left: 40px;font-size: 68px;color: #fff;opacity: 0.4;}
@media screen and (max-width: 1600px) {.ability .ability4 .ability4-box .ability4-bottom .item .number {font-size: 38px;}}
.ability .ability4 .ability4-box .ability4-bottom .item .text {position: absolute;bottom: 0;left: 0;padding: 30px;color: #fff;opacity: 0.6;z-index: 2;transition: all 0.5s;}
@media screen and (max-width: 768px) {.ability .ability4 .ability4-box .ability4-bottom .item .text {padding: 10px;}}
.ability .ability4 .ability4-box .ability4-bottom .item .text .title {font-size: 24px;}
@media screen and (max-width: 1600px) {.ability .ability4 .ability4-box .ability4-bottom .item .text .title {font-size: 18px;}}
.ability .ability4 .ability4-box .ability4-bottom .item .text .summary {margin-top: 10px;font-size: 16px;}
@media screen and (max-width: 1600px) {.ability .ability4 .ability4-box .ability4-bottom .item .text .summary {font-size: 14px;}}
.ability .ability4 .ability4-box .ability4-bottom .item::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: -100%;
transition: all 0.5s;background: linear-gradient(rgba(234, 34, 42, 0) 30%, rgba(234, 34, 42, 0.8));}
.ability .ability4 .ability4-box .ability4-bottom .item:hover::after {bottom: 0;}
.ability .ability4 .ability4-box .ability4-bottom .item:hover .text {opacity: 1;}
.ability .ability5 .ability5-box {position: relative;max-width: 1200px;margin-top: 60px;}
.ability .ability5 .ability5-box .swiper {overflow: initial;}
.ability .ability5 .ability5-box .swiper .swiper-slide {border-radius: 10px;overflow: hidden;}
.ability .ability5 .ability5-box .swiper .swiper-slide::after {content: '';position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));width: 100%;height: 100%;}
.ability .ability5 .ability5-box .swiper .swiper-slide .imgBox {padding-bottom: 50%;}
.ability .ability5 .ability5-box .swiper .swiper-slide .text {position: absolute;left: 40px;bottom: 40px;color: #fff;font-size: 28px;z-index: 2;}
@media screen and (max-width: 1600px) {.ability .ability5 .ability5-box .swiper .swiper-slide .text {font-size: 20px;}}
.ability .ability5 .ability5-box .swiper-button {display: flex;align-items: center;justify-content: space-between;margin-top: 30px;}
.ability .ability5 .ability5-box .swiper-button .left {flex: 1;}
.ability .ability5 .ability5-box .swiper-button .left .swiper-pagination {position: initial;text-align: left;}
.ability .ability5 .ability5-box .swiper-button .left .swiper-pagination .swiper-pagination-bullet {border-radius: 0;width: 18px;height: 2px;}
.ability .ability5 .ability5-box .swiper-button .left .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #333;}
.ability .ability5 .ability5-box .swiper-button .right {flex-basis: 80px;display: flex;justify-content: space-between;}
.ability .ability5 .ability5-box .swiper-button .right .swiper-button-prev,.ability .ability5 .ability5-box .swiper-button .right .swiper-button-next {position: initial;margin-top: auto;width: 35px;height: 35px;border-color: #eee;}
.ability .ability5 .ability5-box .swiper-button .right .swiper-button-prev::after,.ability .ability5 .ability5-box .swiper-button .right .swiper-button-next::after {font-size: 12px;}
.ability .ability6 .ability6-top {display: flex;grid-gap: 80px;justify-content: center;position: relative;margin-bottom: 60px;flex-wrap: wrap;}
@media screen and (max-width: 1366px) {.ability .ability6 .ability6-top {grid-gap: 20px;}}
.ability .ability6 .ability6-top .item {position: relative;}
.ability .ability6 .ability6-top .text {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 12px;}
.ability .ability6 .ability6-top .text .key {font-size: 18px;color: var(--dominant-color);line-height: 1;}
.ability .ability6 .ability6-top .text .key span {font-size: 42px;font-family: Outfit-SemiBold;}
.ability .ability6 .ability6-top .text .value {text-align: center;max-width: 80%;margin-left: auto;margin-right: auto;}
.ability .ability6 .ability6-bottom {display: grid;grid-gap: 40px;grid-template-columns: repeat(5, 1fr);}
@media screen and (max-width: 768px) {.ability .ability6 .ability6-bottom {grid-template-columns: repeat(2, 1fr);}}
@keyframes fade {0% {transform: translateY(-20px);}50% {transform: translateY(0);}100% {transform: translateY(-20px);}}/*产品中心*/.product-detail {background: #fff;margin-bottom: 50px;}
.product-detail .features {overflow: hidden;background: url("../images/img130.png") no-repeat center / cover;padding: 60px 0;}
.product-detail .features .product-detail-top {display: flex;justify-content: space-between;flex-wrap: wrap;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top {flex-direction: column;margin-bottom: 30px;}}
.product-detail .features .product-detail-top .p-left {width: 47%;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .p-left {width: 100%;margin-bottom: 30px;}}
.product-detail .features .product-detail-top .p-left .swiper-big .imgBox {padding-bottom: 60%;}
.product-detail .features .product-detail-top .p-left .swiper-big .imgBox img {object-fit: contain;}
.product-detail .features .product-detail-top .p-left .swiper-small-box {position: relative;margin-top: 20px;}
.product-detail .features .product-detail-top .p-left .swiper-small-box .swiper-button-prev,.product-detail .features .product-detail-top .p-left .swiper-small-box .swiper-button-next {color: var(--dominant-color);width: 40px;height: 40px;border: none;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .p-left .swiper-small-box .swiper-button-prev,.product-detail .features .product-detail-top .p-left .swiper-small-box .swiper-button-next {display: none;}}
.product-detail .features .product-detail-top .p-left .swiper-small-box .swiper-button-prev::after,.product-detail .features .product-detail-top .p-left .swiper-small-box .swiper-button-next::after {font-size: 16px;}
.product-detail .features .product-detail-top .p-left .swiper-small-box .swiper-button-prev {justify-content: flex-start;left: 0;}
.product-detail .features .product-detail-top .p-left .swiper-small-box .swiper-button-next {justify-content: flex-end;right: 0;}
.product-detail .features .product-detail-top .p-left .swiper-small {margin: auto;padding: 2px;}
.product-detail .features .product-detail-top .p-left .swiper-small .swiper-slide {border: 1px solid #eee;padding: 10px;cursor: pointer;border-radius: 6px;}
.product-detail .features .product-detail-top .p-left .swiper-small .swiper-slide.swiper-slide-thumb-active {border-color: var(--dominant-color);}
.product-detail .features .product-detail-top .p-left .swiper-small .swiper-slide .imgBox {padding-bottom: 60%;}
.product-detail .features .product-detail-top .p-left .swiper-small .swiper-slide .imgBox img {object-fit: contain;}
.product-detail .features .product-detail-top .p-right {flex: 1;margin-left: 80px;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .p-right {margin-left: 0;}}
.product-detail .features .product-detail-top .p-right .text .title {font-size: 50px;line-height: 1.2;font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-top .p-right .text .title {font-size: 30px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .p-right .text .title {font-size: 20px;}}
.product-detail .features .product-detail-top .p-right .text .tip {font-size: 18px;color: #666;line-height: 1.5;margin: 20px 0;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-top .p-right .text .tip {font-size: 14px;line-height: 1.2;}}
.product-detail .features .product-detail-top .p-right .text .list .item {border-bottom: 1px solid #eee;display: flex;align-items: center;padding: 20px 0;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-top .p-right .text .list .item {padding: 12px 0;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .p-right .text .list .item {flex-direction: column;align-items: flex-start;}}
.product-detail .features .product-detail-top .p-right .text .list .item .key {flex-basis: 240px;font-size: 20px;padding-right: 20px;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-top .p-right .text .list .item .key {font-size: 16px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .p-right .text .list .item .key {font-size: 14px;flex-basis: 100%;width: 100%;}}
.product-detail .features .product-detail-top .p-right .text .list .item .value {flex: 1;font-size: 16px;color: #666;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-top .p-right .text .list .item .value {font-size: 14px;margin-top: 10px;}}
.product-detail .features .product-detail-top .p-right .text .download {width: 160px;height: 48px;background: var(--dominant-color);display: flex;justify-content: center;align-items: center;border-radius: 24px;font-size: 16px;color: #fff;margin-top: 40px;}
.product-detail .features .product-detail-top .p-right .text .download img {margin-left: 20px;filter: brightness(10);}
.product-detail .features .product-detail-top .p-right .text .list2 {display: flex;align-items: center;margin-top: 40px;justify-content: space-between;flex-wrap: wrap;}
.product-detail .features .product-detail-top .p-right .text .list2 .item {display: flex;align-items: center;margin-bottom: 20px;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .p-right .text .list2 .item {flex-basis: 48%;}}
.product-detail .features .product-detail-top .p-right .text .list2 .item .icon {flex-basis: 44px;}
.product-detail .features .product-detail-top .p-right .text .list2 .item .value {flex: 1;margin-left: 20px;font-size: 16px;color: #333;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-top .p-right .text .list2 .item .value {font-size: 14px;}}
.product-detail .features .product-detail-top .p-right .summary {font-size: 16px;color: #666;line-height: 1.6;}
.product-detail .features .product-detail-top .p-right .summary ul {list-style: disc;padding-left: 20px;}
.product-detail .features .product-detail-top .p-right .summary ul li {margin-bottom: 4px;list-style: disc;}
.product-detail .features .product-detail-top .p-right .summary ul li::marker {color: #000;}
.product-detail .features .product-detail-top .p-right .summary p {margin-bottom: 4px;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-top .p-right .summary {font-size: 14px;line-height: 1.6;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .p-right .summary {font-size: 14px;}}
.product-detail .features .product-detail-top .list3 {display: flex;align-items: center;margin-top: 40px;justify-content: space-between;flex-wrap: wrap;padding: 20px 50px;background: #fff;border-radius: 57px;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .list3 {padding: 20px 10px;}}
.product-detail .features .product-detail-top .list3 .item {display: flex;align-items: center;margin-top: 20px;margin-bottom: 20px;justify-content: center;flex-basis: 25%;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-top .list3 .item {flex-basis: 48%;}}
.product-detail .features .product-detail-top .list3 .item .icon {flex-basis: 44px;}
.product-detail .features .product-detail-top .list3 .item .value {margin-left: 20px;font-size: 20px;color: #333;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-top .list3 .item .value {font-size: 14px;}}
.product-detail .features .product-detail-bottom .font74 {font-size: 74px;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .font74 {font-size: 40px;}}
@media screen and (max-width: 1440px) {.product-detail .features .product-detail-bottom .font74 {font-size: 36px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .font74 {font-size: 28px;}}
.product-detail .features .product-detail-bottom .font60 {font-size: 60px;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .font60 {font-size: 40px;}}
@media screen and (max-width: 1440px) {.product-detail .features .product-detail-bottom .font60 {font-size: 28px;}}
@media screen and (max-width: 1280px) {.product-detail .features .product-detail-bottom .font60 {font-size: 26px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .font60 {font-size: 28px;}}
.product-detail .features .product-detail-bottom .item {position: relative;}
.product-detail .features .product-detail-bottom .item .img img {width: 100%;object-fit: cover;}
@media only screen and (max-width: 933px) and (orientation: landscape) {.product-detail .features .product-detail-bottom .item .img img {height: 500px;}}
@media screen and (max-width: 768px) {}
.product-detail .features .product-detail-bottom .item .text {position: absolute;top: 6.771vw;left: 0;right: 0;z-index: 2;color: #fff;text-align: center;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .text {top: 10%;text-align: left;}}
.product-detail .features .product-detail-bottom .item .text .title {line-height: 1.2;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .text .title br {display: none;}}
.product-detail .features .product-detail-bottom .item .text .title.colorStyle {/* 设置文本的颜色为白色，以便于背景渐变的颜色遮罩 */color: white;/* 使用 blend-mode 实现文本颜色与背景渐变颜色的混合 */-webkit-background-clip: text;/* 使用 color 作为遮罩，实际看到的是背景渐变 */-webkit-text-fill-color: transparent;-webkit-text-fill-color: transparent;/* 防止文本阴影遮挡背景渐变 */-webkit-box-decoration-break: clone;-webkit-box-decoration-break: clone;background-clip: text;}
.product-detail .features .product-detail-bottom .item .text .summary {margin-top: 10px;font-size: 28px;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item .text .summary {font-size: 22px;margin-top: 0;}}
@media screen and (max-width: 1440px) {.product-detail .features .product-detail-bottom .item .text .summary {font-size: 18px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .text .summary {font-size: 14px;justify-content: flex-start;}}
.product-detail .features .product-detail-bottom .item .text .summary .summary2 {/* 设置文本的颜色为白色，以便于背景渐变的颜色遮罩 */color: white;/* 设置文本的背景为线性渐变 */background: linear-gradient(135deg, #01ef8e, #4ae5fd);/* 使用 blend-mode 实现文本颜色与背景渐变颜色的混合 */background-clip: text;-webkit-background-clip: text;/* 使用 color 作为遮罩，实际看到的是背景渐变 */-webkit-text-fill-color: transparent;-webkit-text-fill-color: transparent;/* 防止文本阴影遮挡背景渐变 */-webkit-box-decoration-break: clone;-webkit-box-decoration-break: clone;position: relative;padding-left: 20px;margin-left: 20px;font-family: HarmonyOS_Sans_SC_Medium;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .text .summary .summary2 {padding-left: 10px;margin-left: 10px;}}
.product-detail .features .product-detail-bottom .item .text .summary .summary2::after {content: '';left: 0;top: -2px;bottom: 0;margin: auto;position: absolute;background: #fff;width: 1px;height: 50%;}
.product-detail .features .product-detail-bottom .item .text .summary-text {margin-top: 30px;font-size: 20px;font-family: HarmonyOS_Sans_SC_Light;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item .text .summary-text {margin-top: 20px;font-size: 16px;line-height: 1.6;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .text .summary-text {font-size: 14px;line-height: 1.5 !important;margin-top: 10px;}.product-detail .features .product-detail-bottom .item .text .summary-text br {display: none;}}
.product-detail .features .product-detail-bottom .item .text .summary-text p {font-family: HarmonyOS_Sans_SC_Light;}
.product-detail .features .product-detail-bottom .item .text .list-box .l-box {margin-top: 20px;display: flex;align-items: center;}
.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-img {width: 48px;height: 48px;margin-right: 20px;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 1440px) {.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-img {width: 30px;height: 30px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-img {width: 20px;height: 20px;margin-right: 10px;}}
.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-img img {object-fit: contain;}
.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-text {flex: 1;}
.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-text .key {font-size: 20px;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-text .key {font-size: 18px;}}
@media screen and (max-width: 1440px) {.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-text .key {font-size: 14px;line-height: 1.4;margin-bottom: 4px;}}
.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-text .value {font-size: 16px;font-family: HarmonyOS_Sans_SC_Light;}
@media screen and (max-width: 1440px) {.product-detail .features .product-detail-bottom .item .text .list-box .l-box .l-text .value {font-size: 12px;line-height: 1.4;}}
.product-detail .features .product-detail-bottom .item .text .type {font-size: 28px;padding: 4px 0;color: #fff;display: block;width: fit-content;margin-top: 50px;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .text .type {font-size: 14px;margin-top: 10px;}}
.product-detail .features .product-detail-bottom .item .item-bottom {display: flex;position: absolute;bottom: 5.208vw;left: 0;right: 0;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 15px;backdrop-filter: blur(30px);padding: 40px 0;background: rgba(255, 255, 255, 0.15);box-shadow: 0 -2px 0px 1px rgba(255, 255, 255, 0.25);}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .item-bottom {overflow: auto;padding: 20px 10px;bottom: 30px;flex-wrap: wrap;}}
.product-detail .features .product-detail-bottom .item .item-bottom .i-box {flex: 1 0 0;position: relative;transition: all 0.5s;}
.product-detail .features .product-detail-bottom .item .item-bottom .i-box:hover {transform: translateY(-20px);}
.product-detail .features .product-detail-bottom .item .item-bottom .i-box:hover::after {transform: translateY(20px);}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .item-bottom .i-box {flex-basis: 33.3%;margin: 6px 0;pointer-events: none;}.product-detail .features .product-detail-bottom .item .item-bottom .i-box:nth-of-type(3n)::after {display: none;}}
.product-detail .features .product-detail-bottom .item .item-bottom .i-box::after {content: '';position: absolute;right: 0;top: 0;bottom: 0;height: 80%;width: 1px;background: #fff;opacity: 0.2;margin: auto;transition: all 0.5s;}
.product-detail .features .product-detail-bottom .item .item-bottom .i-box:last-child::after {display: none;}
.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-img {width: 60px;height: 60px;margin: auto;display: flex;justify-content: center;align-items: center;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-img {width: 50px;height: 50px;}}
@media screen and (max-width: 1366px) {.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-img {width: 40px;height: 40px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-img {width: 30px;height: 30px;}}
.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-img img {max-width: 100%;max-height: 100%;object-fit: contain;}
.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-title {text-align: center;color: #fff;font-size: 20px;margin-top: 10px;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-title {font-size: 18px;}}
@media screen and (max-width: 1366px) {.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-title {font-size: 16px;}}
@media screen and (max-width: 1280px) {.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-title {font-size: 14px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item .item-bottom .i-box .i-title {font-size: 12px;}}
.product-detail .features .product-detail-bottom .item.item1 .text .summary-text {opacity: 0.6;line-height: 1.6;font-family: HarmonyOS_Sans_SC_Regular;}
.product-detail .features .product-detail-bottom .item.item2 .text {top: 0;bottom: 0;height: fit-content;text-align: left;display: flex;align-items: flex-end;flex-direction: column;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item.item2 .text {max-width: 90%;width: 100%;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item2 .text {top: 10%;margin-top: inherit;max-width: 84%;}}
.product-detail .features .product-detail-bottom .item.item2 .text .title,.product-detail .features .product-detail-bottom .item.item2 .text .summary,.product-detail .features .product-detail-bottom .item.item2 .text .summary-text {max-width: 540px;width: 100%;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item.item2 .text .title,.product-detail .features .product-detail-bottom .item.item2 .text .summary,.product-detail .features .product-detail-bottom .item.item2 .text .summary-text {max-width: 45%;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item2 .text .title,.product-detail .features .product-detail-bottom .item.item2 .text .summary,.product-detail .features .product-detail-bottom .item.item2 .text .summary-text {max-width: 100%;}}
.product-detail .features .product-detail-bottom .item.item2 .text .summary {justify-content: flex-start;}
.product-detail .features .product-detail-bottom .item.item3 .text {top: 0;bottom: 0;height: fit-content;text-align: left;display: flex;flex-direction: column;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item3 .text {margin-top: 0;top: 10%;}}
.product-detail .features .product-detail-bottom .item.item3 .text .title,.product-detail .features .product-detail-bottom .item.item3 .text .summary {max-width: 720px;width: 100%;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item.item3 .text .title,.product-detail .features .product-detail-bottom .item.item3 .text .summary {max-width: 45%;}}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item3 .text .title,.product-detail .features .product-detail-bottom .item.item3 .text .summary {max-width: 100%;}}
.product-detail .features .product-detail-bottom .item.item3 .text .summary-text {max-width: 640px;width: 100%;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item.item3 .text .summary-text {max-width: 45%;}}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item3 .text .summary-text {max-width: 100%;}}
.product-detail .features .product-detail-bottom .item.item3 .text .summary {justify-content: flex-start;}
.product-detail .features .product-detail-bottom .item.item4 {padding: 6% 0;}
.product-detail .features .product-detail-bottom .item.item4 .item4-box {max-width: 1400px;display: flex;flex-wrap: wrap;}
.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box {flex-basis: 25%;padding: 3% 0;transition: all 0.5s;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box {flex-basis: 50%;}}
.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box .img {height: 78px;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box .img {height: 50px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box .img {height: 30px;}}
.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box .img img {max-height: 100%;width: auto;min-height: auto;}
.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box .title {margin-top: 20px;font-size: 24px;color: #fff;text-align: center;}
@media screen and (max-width: 1600px) {.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box .title {font-size: 16px;}}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box .title {font-size: 12px;margin-top: 14px;line-height: 1.2;}}
@media screen and (min-width: 769px) {.product-detail .features .product-detail-bottom .item.item4 .item4-box .i-box:hover {transform: translateY(-20px);}}
.product-detail .features .product-detail-bottom .item.item6 {background: #000;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item6 {padding: 80px 0;}}
.product-detail .features .product-detail-bottom .item.item6 .index-banner {height: auto;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item6 .index-banner {height: 0;overflow: hidden;}}
.product-detail .features .product-detail-bottom .item.item6 .index-banner .swiper-line {bottom: 100px;}
.product-detail .features .product-detail-bottom .item.item6 .index-banner .swiper-line .text {position: initial;text-align: center;margin-bottom: 10px;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item6 .index-banner .swiper-line {bottom: 20px;}}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperBig {overflow: visible;}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperBig .swiper-slide {border-radius: 10px;overflow: hidden;}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperSmall {transition: all 0.5s;position: relative;margin: 40px auto 0;border-bottom: 1px solid rgba(255, 255, 255, 0.5);width: fit-content;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperSmall {width: auto;overflow: auto;margin-top: 20px;}}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperSmall .swiperSmall2 {display: flex;align-items: center;transition: all 0.5s;}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperSmall .swiper-slide {color: #fff;width: auto;font-size: 20px;position: relative;padding-bottom: 5px;opacity: 0.6;cursor: pointer;margin-right: 40px;}
@media screen and (max-width: 768px) {.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperSmall .swiper-slide {font-size: 16px;margin-right: 20px;}}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperSmall .swiper-slide:last-child {margin-right: 0 !important;}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperSmall .swiper-slide::after {content: '';width: 0;height: 2px;position: absolute;bottom: 0;left: 0;background: #fff;transition: all 0.5s;}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .swiperSmall .swiper-slide.active {opacity: 1;}
.product-detail .features .product-detail-bottom .item.item6 .item6-swiper .line {position: absolute;bottom: 0;left: 0;background: #fff;height: 2px;width: 100px;transition: all 0.5s;}
.product-detail .features .product-detail-bottom .item.item6 .text {position: initial;margin-bottom: 40px;}
.product-detail .features .product-detail-bottom .item.item7 {height: 100vh;}
.product-detail .features .product-detail-bottom .item.item7 .img {height: 100%;}
.product-detail .features .product-detail-bottom .item.item7 .img img {height: 100%;object-fit: cover;}
.product-detail .features .product-detail-bottom .item.item7 .move-img {transform: scale(0.5);width: 100%;font-weight: 900;font-size: 10vw;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: fit-content;max-width: 800px;/* 设置文本的颜色为白色，以便于背景渐变的颜色遮罩 */color: white;/* 使用 blend-mode 实现文本颜色与背景渐变颜色的混合 *//* 使用 color 作为遮罩，实际看到的是背景渐变 */-webkit-text-fill-color: transparent;-webkit-text-fill-color: transparent;/* 防止文本阴影遮挡背景渐变 */-webkit-box-decoration-break: clone;-webkit-box-decoration-break: clone;text-align: center;font-family: HarmonyOS_Sans_SC_Medium;}
.product-detail .features .product-detail-bottom .item.item8 {position: relative !important;background: #fff;}
.product-detail .features .product-detail-bottom .item.item8 img {max-width: 100%;width: 100%;}
.product-detail .features .detail-box {font-size: 16px;color: #666;}
.product-detail .features .detail-box .title {font-size: 18px;color: #000;border-bottom: 1px solid #000;padding-bottom: 10px;margin-bottom: 10px;}
.product-detail .card1 {height: 100vh;}
.product-detail .card1 .index-title {height: 400px;display: flex;align-items: center;z-index: 2;position: relative;flex-direction: column;justify-content: center;}
@media screen and (max-width: 1600px) {.product-detail .card1 .index-title {height: 300px;}}
.product-detail .card1 .img {position: absolute;top: 360px;left: 0;width: 90%;max-width: 1600px;right: 0;margin: auto;height: 50%;border-radius: 10px;overflow: hidden;}
@media screen and (max-width: 1600px) {.product-detail .card1 .img {top: 260px;}}
.product-detail .card1 .img img {width: 100vw;height: 100vh;object-fit: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.product-detail .card2 {position: relative;}
@media screen and (max-width: 768px) {.product-detail .card2 {margin-top: 60px;}}
.product-detail .card2 img {width: 100%;}
@media screen and (max-width: 768px) {.product-detail .card2 img {height: 60vh;object-fit: cover;}}
.product-detail .card2 .swiper-small {position: absolute;left: 0;bottom: 70px;right: 0;z-index: 2;color: #fff;font-size: 20px;}
@media screen and (max-width: 768px) {.product-detail .card2 .swiper-small {bottom: 20px;}}
.product-detail .card2 .swiper-small .swiper-slide {border-bottom: 2px solid rgba(255, 255, 255, 0.2);text-align: center;padding-bottom: 20px;position: relative;height: auto;}
@media screen and (max-width: 1600px) {.product-detail .card2 .swiper-small .swiper-slide {font-size: 14px;}}
.product-detail .card2 .swiper-small .swiper-slide::after {content: '';height: 2px;width: 0;position: absolute;bottom: 0;left: 0;background: #fff;}
.product-detail .card2 .swiper-small .swiper-slide.swiper-slide-thumb-active::after {animation: run 6s linear forwards;}
.product-detail .card3 {margin-top: 120px;}
@media screen and (max-width: 768px) {.product-detail .card3 {margin-top: 60px;}}
.product-detail .card3 .list {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 20px;margin-top: 60px;margin-bottom: 3%;}
@media screen and (max-width: 768px) {.product-detail .card3 .list {margin-top: 20px;margin-bottom: 20px;}}
@media screen and (max-width: 768px) {.product-detail .card3 .list {grid-template-columns: repeat(2, 1fr);}}
.product-detail .card3 .list .item {box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.04);padding: 40px 20px;border-radius: 10px;transition: all 0.5s;}
.product-detail .card3 .list .item .i-text {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.product-detail .card3 .list .item .i-text .title {font-size: 24px;margin-top: 20px;color: var(--dominant-color);transition: all 0.5s;}
@media screen and (max-width: 1366px) {.product-detail .card3 .list .item .i-text .title {font-size: 18px;}}
.product-detail .card3 .list .item .i-text .summary {font-size: 16px;color: #666;transition: all 0.5s;text-align: center;}
@media screen and (max-width: 1366px) {.product-detail .card3 .list .item .i-text .summary {font-size: 14px;}}
.product-detail .card3 .list .item .icon {transition: all 0.5s;width: 60px;margin: auto;height: 60px;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 1366px) {.product-detail .card3 .list .item .icon {width: 40px;height: 40px;}}
@media screen and (max-width: 768px) {.product-detail .card3 .list .item .icon {width: 30px;height: 30px;}}
.product-detail .card3 .list .item .icon img {object-fit: contain;}
.product-detail .card3 .list .item:hover {transform: translateY(-10px);background: var(--dominant-color);}
.product-detail .card3 .list .item:hover .icon {filter: brightness(20);}
.product-detail .card3 .list .item:hover .title,.product-detail .card3 .list .item:hover .summary {color: #fff;}
.product-detail .card3 .items .items-title {font-size: 30px;font-family: Outfit-SemiBold;text-align: center;margin-bottom: 30px;}
@media screen and (max-width: 768px) {.product-detail .card3 .items .items-title {font-size: 18px;margin-bottom: 10px;margin-top: 30px;}}
.product-detail .card3 .items .item {border-bottom: 1px solid rgba(0, 0, 0, 0.8);}
.product-detail .card3 .items .item:last-child {border-bottom: none;}
.product-detail .card3 .items .item .item-title {display: flex;justify-content: space-between;padding: 15px 30px;background: #222;font-size: 20px;color: #fff;align-items: center;cursor: pointer;}
@media screen and (max-width: 768px) {.product-detail .card3 .items .item .item-title {font-size: 14px;padding: 5px 20px;}}
.product-detail .card3 .items .item .item-title i {margin-top: 2px;transition: all 0.5s;}
.product-detail .card3 .items .item.active i {transform: rotate(180deg);}
.product-detail .card3 .items .item:nth-of-type(1) .table {display: block;}
.product-detail .card3 .items .item .table {width: 100%;}
.product-detail .card3 .items .item .table table {width: 100%;}
.product-detail .card3 .items .item .table tbody {width: 100%;}
.product-detail .card3 .items .item .table tr {display: flex;padding: 20px 40px;min-height: 62px;font-size: 14px;line-height: 1.6;border-bottom: 1px solid #eee;}
@media screen and (max-width: 768px) {.product-detail .card3 .items .item .table tr {padding: 10px 10px;font-size: 12px;min-height: 30px;}}
.product-detail .card3 .items .item .table tr:first-child td {font-weight: bold;}
.product-detail .card3 .items .item .table tr td,.product-detail .card3 .items .item .table tr th {width: 50%;text-align: left;font-size: 16px;color: #666;}
@media screen and (max-width: 768px) {.product-detail .card3 .items .item .table tr td:nth-child(1),.product-detail .card3 .items .item .table tr th:nth-child(1) {width: 120px;padding-right: 10px;font-size: 14px;}}
.product-detail .card3 .items .item .table tr td:nth-child(2),.product-detail .card3 .items .item .table tr th:nth-child(2) {width: 50%;}
@media screen and (max-width: 768px) {.product-detail .card3 .items .item .table tr td:nth-child(2),.product-detail .card3 .items .item .table tr th:nth-child(2) {width: calc(100% - 100px);font-size: 14px;}}
.product-detail .card4 .card4-box {display: flex;justify-content: space-between;}
@media screen and (max-width: 768px) {.product-detail .card4 .card4-box {flex-direction: column;}}
.product-detail .card4 .card4-box .left {flex-basis: 45%;}
.product-detail .card4 .card4-box .left ul {padding-left: 20px;color: #fff;}
.product-detail .card4 .card4-box .left ul li {list-style: disc;font-size: 16px;line-height: 1.6;margin-bottom: 10px;}
.product-detail .card4 .card4-box .left ul li::marker {color: var(--dominant-color);}
.product-detail .card4 .card4-box .right {flex-basis: 45%;text-align: right;}
@media screen and (max-width: 768px) {.product-detail .card4 .card4-box .right {margin-top: 30px;}}
.product-detail .card4 .card4-box .right img {animation: fade 3s infinite;}
.product-detail .card5 {margin-top: 120px;}
.product-detail .card5 .items {margin-top: 40px;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 30px;}
@media screen and (max-width: 768px) {.product-detail .card5 .items {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}}
.product-detail .card5 .items .item {box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);border-radius: 10px;display: flex;overflow: hidden;justify-content: space-between;}
@media screen and (max-width: 768px) {.product-detail .card5 .items .item {flex-direction: column-reverse;}}
.product-detail .card5 .items .item .text {flex-basis: 45%;padding: 50px 0 50px 80px;}
@media screen and (max-width: 1366px) {
	.product-detail .card5 .items .item .text {padding: 50px 0 50px 30px;}}
@media screen and (max-width: 768px) {.product-detail .card5 .items .item .text {padding: 20px;}}
.product-detail .card5 .items .item .text .title {font-size: 30px;font-family: Outfit-SemiBold;}
@media screen and (max-width: 1366px) {.product-detail .card5 .items .item .text .title {font-size: 18px;}}
.product-detail .card5 .items .item .text .summary {margin-top: 20px;color: #666;line-height: 1.6;}
.product-detail .card5 .items .item .text .f-more {margin-top: 30px;}
.product-detail .card5 .items .item .img {flex: 1;}
.product-detail .card6 .item5-box {margin-top: 40px;}
.product-detail .card6 .item5-box img {width: 100%;}
.product-detail .card6 .item5-box .img {transition: all 0.5s;}
.product-detail .card6 .item5-box .list {border-radius: 20px;overflow: hidden;position: relative;background: #131313;transition: all 0.5s;border: 1px solid transparent;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list {border-radius: 10px;}}
.product-detail .card6 .item5-box .list .l-text {width: 100%;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;color: #fff;padding: 35px;display: flex;align-items: flex-start;flex-direction: column;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list .l-text {padding: 20px;}}
.product-detail .card6 .item5-box .list .l-text.l-text-top {bottom: auto;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list .l-text.l-text-top {bottom: 0;}.product-detail .card6 .item5-box .list .l-text.l-text-top.l-text-top2 {flex-direction: row;top: 0;bottom: auto;height: calc((100% - 24px) / 3);}.product-detail .card6 .item5-box .list .l-text.l-text-top.l-text-top2 .l-text-icon {margin-bottom: 10px;}.product-detail .card6 .item5-box .list .l-text.l-text-top.l-text-top2.l-text-top3 {height: calc((100% - 12px) / 2);}}
.product-detail .card6 .item5-box .list .l-text.l-flex-top {flex-direction: column-reverse;padding: 10px 35px;justify-content: center;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list .l-text.l-flex-top {padding: 0 10px;text-align: center;}}
.product-detail .card6 .item5-box .list .l-text.l-flex-top .title {margin-top: 20px;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list .l-text.l-flex-top .title {margin-top: 0;}}
.product-detail .card6 .item5-box .list .l-text .l-text-icon {width: 60px;height: 60px;text-align: center;transition: all 0.5s;align-items: center;justify-content: center;display: flex;}
@media screen and (max-width: 1600px) {.product-detail .card6 .item5-box .list .l-text .l-text-icon {width: 40px;height: 40px;}}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list .l-text .l-text-icon {width: 20px;height: 20px;}}
.product-detail .card6 .item5-box .list .l-text .l-text-icon img {width: auto;max-height: 100%;}
.product-detail .card6 .item5-box .list .l-text .title {margin-top: 20px;font-size: 30px;line-height: 1.2;margin-bottom: 10px;}
@media screen and (max-width: 1600px) {.product-detail .card6 .item5-box .list .l-text .title {font-size: 20px;}}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list .l-text .title {font-size: 14px;}}
.product-detail .card6 .item5-box .list .l-text .title img {height: 52px;width: auto;margin-bottom: 10px;}
@media screen and (max-width: 1600px) {.product-detail .card6 .item5-box .list .l-text .title img {height: 40px;}}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list .l-text .title img {height: 14px;margin-bottom: 4px;}}
.product-detail .card6 .item5-box .list .l-text .summary {font-size: 16px;opacity: 0.6;}
@media screen and (max-width: 1600px) {.product-detail .card6 .item5-box .list .l-text .summary {font-size: 14px;}}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .list .l-text .summary {font-size: 12px;line-height: 1;margin-top: 4px;}}
.product-detail .card6 .item5-box .list:hover {box-shadow: 0 0 20px 5px rgba(83, 185, 254, 0.2);border-color: rgba(83, 185, 254, 0.5);}
.product-detail .card6 .item5-box .list:hover .l-text-icon {transform: scale(1.05);}
.product-detail .card6 .item5-box .list:hover .img {transform: scale(1.05);}
.product-detail .card6 .item5-box .top {width: 100%;display: flex;grid-gap: 10px;}
@media screen and (max-width: 1024px) {.product-detail .card6 .item5-box .top {flex-wrap: wrap;}}
.product-detail .card6 .item5-box .top .left {flex-basis: 50%;}
@media screen and (max-width: 1024px) {.product-detail .card6 .item5-box .top .left {flex-basis: 100%;}}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .left {flex-basis: 100%;}}
.product-detail .card6 .item5-box .top .left .t-top .imgBox {padding-bottom: calc(420 / 786 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .left .t-top .imgBox {padding-bottom: 150px;}}
.product-detail .card6 .item5-box .top .left .t-bottom {margin-top: 10px;display: flex;grid-gap: 10px;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .left .t-bottom {flex-direction: column;}}
.product-detail .card6 .item5-box .top .left .t-bottom .bottom-left {flex-basis: calc(386 / 786 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .left .t-bottom .bottom-left {flex-basis: calc(50% - 5px);}}
.product-detail .card6 .item5-box .top .left .t-bottom .bottom-left .imgBox {padding-bottom: calc(350 / 386 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .left .t-bottom .bottom-left .imgBox {padding-bottom: 150px;}}
.product-detail .card6 .item5-box .top .left .t-bottom .bottom-right {flex-basis: calc(386 / 786 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .left .t-bottom .bottom-right {flex-basis: calc(50% - 5px);}}
.product-detail .card6 .item5-box .top .left .t-bottom .bottom-right .list {margin-bottom: 10px;}
.product-detail .card6 .item5-box .top .left .t-bottom .bottom-right .list:last-child {margin-bottom: 0;}
.product-detail .card6 .item5-box .top .left .t-bottom .bottom-right .imgBox {padding-bottom: calc(350 / 386 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .left .t-bottom .bottom-right .imgBox {padding-bottom: 150px;}}
.product-detail .card6 .item5-box .top .right {flex-basis: 50%;}
@media screen and (max-width: 1024px) {.product-detail .card6 .item5-box .top .right {flex-basis: 100%;}}
.product-detail .card6 .item5-box .top .right .t-top .imgBox {padding-bottom: calc(260 / 786 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .right .t-top .imgBox {padding-bottom: 150px;}}
.product-detail .card6 .item5-box .top .right .t-bottom {margin-top: 10px;display: flex;grid-gap: 10px;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .right .t-bottom {flex-direction: column;}}
.product-detail .card6 .item5-box .top .right .t-bottom .bottom-left {flex-basis: calc(350 / 786 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .right .t-bottom .bottom-left {flex-basis: calc(50% - 5px);}}
.product-detail .card6 .item5-box .top .right .t-bottom .bottom-left .imgBox {padding-bottom: calc(510 / 350 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .right .t-bottom .bottom-left .imgBox {padding-bottom: 150px;}}
.product-detail .card6 .item5-box .top .right .t-bottom .bottom-right {flex-basis: calc(422 / 786 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .right .t-bottom .bottom-right {flex-basis: calc(50% - 5px);}}
.product-detail .card6 .item5-box .top .right .t-bottom .bottom-right .list {margin-bottom: 10px;}
.product-detail .card6 .item5-box .top .right .t-bottom .bottom-right .list:last-child {margin-bottom: 0;}
.product-detail .card6 .item5-box .top .right .t-bottom .bottom-right .imgBox {padding-bottom: calc(248 / 422 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .top .right .t-bottom .bottom-right .imgBox {padding-bottom: 150px;}}
.product-detail .card6 .item5-box .bottom {margin-top: 10px;display: flex;grid-gap: 10px;position: relative;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .bottom {flex-wrap: wrap;
}}
.product-detail .card6 .item5-box .bottom .list {flex: 1;flex-basis: 0;}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .bottom .list {flex: auto;}.product-detail .card6 .item5-box .bottom .list:nth-child(1) {order: 3;flex-basis: calc(50% - 5px);}.product-detail .card6 .item5-box .bottom .list:nth-child(1) .imgBox {padding-bottom: 152px;}.product-detail .card6 .item5-box .bottom .list:nth-child(2) {flex-basis: calc(50% - 5px);height: fit-content;}.product-detail .card6 .item5-box .bottom .list:nth-child(3) {position: absolute;top: 82px;left: 0;height: 70px;width: calc(50% - 5px);}.product-detail .card6 .item5-box .bottom .list .l-text-icon {margin-bottom: 10px;}}
.product-detail .card6 .item5-box .bottom .list .imgBox {padding-bottom: calc(160 / 460 * 100%);}
@media screen and (max-width: 768px) {.product-detail .card6 .item5-box .bottom .list .imgBox {padding-bottom: 70px;}}
.product-detail .card6 .item5-box .bottom .list .title {font-family: HarmonyOS_Sans_SC_Regular;}
.product-detail .card7 {padding-bottom: 0;}
.product-detail .card7 .card7-box {margin-top: 60px;position: relative;padding-right: 100px;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box {margin-top: 20px;padding-right: 0;}}
.product-detail .card7 .card7-box::after {background: url("../images/img177.png") no-repeat center right;content: '';width: 258px;height: 258px;position: absolute;right: 0;top: 15px;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box::after {display: none;}}
.product-detail .card7 .card7-box .top,.product-detail .card7 .card7-box .bottom {display: flex;justify-content: center;position: relative;height: 254px;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box .top,.product-detail .card7 .card7-box .bottom {flex-direction: column;height: auto;}}
.product-detail .card7 .card7-box .top::before,.product-detail .card7 .card7-box .bottom::before {content: '';height: 4px;background: #e5e5e5;width: calc(50%);right: 8%;top: 15px;position: absolute;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box .top::before,.product-detail .card7 .card7-box .bottom::before {display: none;}}
.product-detail .card7 .card7-box .top .item:first-child::after {display: none;}
.product-detail .card7 .card7-box .top .item:last-child::before {display: none;}
.product-detail .card7 .card7-box .bottom {flex-direction: row-reverse;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box .bottom {flex-direction: column;
}}
.product-detail .card7 .card7-box .bottom .item:first-child::after {display: none;}
.product-detail .card7 .card7-box .bottom .item:last-child::after {display: none;}
.product-detail .card7 .card7-box .item {position: relative;z-index: 2;width: 20%;display: flex;flex-direction: column;align-items: center;text-align: center;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box .item {width: 100%;margin-bottom: 30px;border-bottom: 1px solid #eee;padding-bottom: 30px;}}
.product-detail .card7 .card7-box .item .number {width: 33px;height: 33px;border-radius: 50%;background: var(--dominant-color);color: #fff;font-size: 24px;font-family: Outfit-SemiBold;display: flex;align-items: center;justify-content: center;border: 3px solid #e5e5e5;z-index: 2;}
.product-detail .card7 .card7-box .item .title {font-size: 18px;margin-top: 20px;color: #333;transition: all 0.5s;}
@media screen and (max-width: 1440px) {.product-detail .card7 .card7-box .item .title {font-size: 14px;}}
.product-detail .card7 .card7-box .item .summary {color: #666;margin-top: 20px;opacity: 0;transition: all 0.5s;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box .item .summary {opacity: 1;}}
.product-detail .card7 .card7-box .item::before {content: '';height: 4px;background: #e5e5e5;width: calc(50%);right: -15px;top: 15px;position: absolute;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box .item::before {display: none;}}
.product-detail .card7 .card7-box .item::after {content: '';height: 4px;background: #e5e5e5;width: calc(50% + 60px);left: -60px;top: 15px;position: absolute;}
@media screen and (max-width: 768px) {.product-detail .card7 .card7-box .item::after {display: none;}}
.product-detail .card7 .card7-box .item:hover .title {color: var(--dominant-color);}
.product-detail .card7 .card7-box .item:hover .summary {
	opacity: 1;}
.product-detail .card8 {overflow: initial;}
.product-detail .card8 .card8-box {margin-top: 40px;position: relative;max-width: 1800px;/*.swiper {position: initial;width: calc(100% - 200px);@media screen and (max-width: 768px) {width: 100%;}.swiper-slide {background: #fff;border-radius: 10px;overflow: hidden;}.imgBox {padding-bottom: 75%;}.t-text {padding: 20px 30px 40px;line-height: 1.6;font-size: 18px;@media screen and (max-width: 768px) {font-size: 14px;}}.swiper-button-prev,.swiper-button-next {@media screen and (max-width: 768px) {display: none;}}}*/}
.product-detail .card9 .card9-box {margin-top: 40px;display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 30px;}
@media screen and (max-width: 768px) {.product-detail .card9 .card9-box {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}}
.product-detail .card9 .card9-box .item {box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.04);}
.product-detail .card9 .card9-box .item .imgBox {padding-bottom: 50%;}
.product-detail .card10 {padding-top: 120px;}
@media screen and (max-width: 768px) {.product-detail .card10 {padding-top: 60px;}}
@keyframes run {0% {width: 0;}100% {width: 100%;}}/*搜索结果*/.search .search-box {/*grid-template-columns: repeat(3, 1fr);display: grid;grid-gap: 30px;border-top: 1px solid #eee;padding-top: 40px;*//*.img {border: 1px solid #eee;}.text {margin-top: 10px;.title {font-size: 16px;}.summary {font-size: 14px;color: #666;}}*//*@media screen and (max-width: 768px) {grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;}*/}
.search .search-box .download-box .item .time {flex-basis: 180px;}
@media screen and (max-width: 768px) {.search .search-box .download-box .item .time {flex-basis: 70px;}}
.search .search-box .type {flex-basis: 180px;}
@media screen and (max-width: 768px) {.search .search-box .type {flex-basis: 60px;}}
.messages {margin-top: 50px;}
.messages .title {font-size: 24px;margin-bottom: 20px;text-align: center;}
@media screen and (max-width: 1600px) {.messages .title {font-size: 20px;}}
@media screen and (max-width: 768px) {.messages .title {font-size: 16px;}}
.messages form {display: flex;flex-wrap: wrap;}
.messages label {display: block;width: calc((100% - 10px) / 2);margin-right: 10px;margin-bottom: 10px;}
@media screen and (max-width: 768px) {.messages label {width: 100%;margin-right: 0;margin-bottom: 10px;}}
.messages label:last-of-type {width: 100%;margin-right: 0;margin-bottom: 10px;}
.messages label:nth-of-type(even) {margin-right: 0;}
.messages label textarea {height: 160px;border: 1px solid #eee;}
.messages label input {width: 100%;height: 50px;border: 1px solid #eee;}
.messages button {height: 50px;width: 100%;margin-top: 10px;color: #fff;transition: all 0.5s;font-size: 16px;background: #999;}
.messages button:hover {background: var(--dominant-color);}
.page-top {display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column;}
@media screen and (max-width: 768px) {.page-top {justify-content: center;}}
.page-menu2 {width: 100%;}
.page-menu2 .section {display: flex;align-items: center;justify-content: center;}
.page-menu2 a {font-size: 18px;position: relative;height: 70px;display: flex;align-items: center;padding-right: 30px;width: 100%;border-bottom: 1px solid #eee;}
@media screen and (max-width: 768px) {.page-menu2 a {padding: 10px 10px;font-size: 14px;}}
.page-menu2 a:hover,.page-menu2 a.active {color: var(--dominant-color);background: url("../images/img73.png") no-repeat center right;}
.page-menu2 a:hover::after,.page-menu2 a.active::after {width: 100%;}
.page-menu2 a:first-child::before {display: none;}
.page-menu2 a::after {content: '';position: absolute;left: 0;bottom: 0;margin: auto;height: 2px;background: var(--dominant-color);width: 0;transition: all 0.3s;}
.page-menu2 a::before {position: absolute;left: 0;height: 16px;width: 1px;background: #ccc;top: 0;bottom: 0;margin: auto;}#messages {scroll-margin: 90px;}/*20241113*/.searchtit{text-align: right;font-size: 24px;color: #111111;}
.searchtit span{display: inline-block;font-family: Outfit-SemiBold;color: #eb1111;}
.searchlist{margin-top: 50px;}
.searchlist ul li{padding-bottom: 40px;margin-bottom: 40px;border-bottom: #e9e9e9 solid 1px;}
.searchlist ul li .t1{font-family: Outfit-SemiBold;color: #000000;font-size: 14px;text-transform: uppercase;}
.searchlist ul li .t2{position: relative;padding-left: 15px;margin-top: 12px;font-family: Outfit-SemiBold;color: #b72a30;font-size: 16px;}
.searchlist ul li .t2 i{position: absolute;left: 0;top: 3px;display: inline-block;width: 8px;height: 14px;background: url("../images/img286.png") left center no-repeat;background-size: 100%;}
.searchlist ul li .t3{color: #111111;font-size: 16px;line-height: 1.7;margin-top: 18px;}
@media screen and (max-width: 768px) {.searchtit{font-size: 20px;}
.searchlist{margin-top: 30px;}
.searchlist ul li{padding-bottom: 20px;margin-bottom: 20px;}
.searchlist ul li .t2{margin-top: 8px;padding-left: 12px;}
.searchlist ul li .t2 i{width: 6px;}
.searchlist ul li .t3{font-size: 14px;margin-top: 12px;}}/*20241121*/.about .about02 .about02-4 .items .item{position: relative;width: 358px;height: 262px;}
.about .about02 .about02-4 .items .item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.about .about03 .about03-2 .top{justify-content: flex-end;}
.about .about03 .about03-2 .top .item .img, .about .about03 .about03-2 .bottom .item .img{display: flex;justify-content: center;height: 140px;}
.exhibition .exhibition-box .item .top .left img{max-height: 25px;}
.about .about01 .about01-4 .about01-4-box .item .text .summary{max-height: 100%;overflow: hidden;}
.about .about01 .about01-4 .about01-4-box .item{position: relative;}
.about .about01 .about01-4 .about01-4-box .item .text::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: -1;transition: all 0.5s;background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.about .about01 .about01-4 .about01-4-box .item:hover .text::before{opacity: 0;}
.about .about01 .about01-3 .about01-3-box .points .point{animation: opacity 3s infinite linear;}
.about .about01 .about01-1 .left::after{display: none;} .about .about01 .about01-2 .top .swiper-slide.swiper-slide{pointer-events: auto;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select: none;}
.about .about01 .about01-3 .about01-3-box .points .point span{display: inline-block;pointer-events: auto;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item2 {right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item3 {right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item4 {right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item5 {right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item6 {top: 15.5%;
right: 20%;}
.about .about01 .about01-3 .about01-3-box .text-box .item.item7 {right: 15%;}
.about .about01 .about01-1 video, .about .about01 .about01-1 iframe{/*left: 0;*/}
.about .about01 .about01-1 video, .about .about01 .about01-1 iframe{display: block;width: 45%;z-index: -99;visibility: hidden;opacity: 0;pointer-events: none;transition: width 1.5s ease;top: 50%;transform: translateY(-50%);right: 0;}
@media screen and (max-width: 1024px){.about .about03 .about03-2 .top .item .img, .about .about03 .about03-2 .bottom .item .img{height: 110px;}}
@media screen and (max-width: 768px){.about .about01 .about01-3 .about01-3-box .points .point::after{display: none;}}/*20241125*/.applications .applications04 .applications04-box .swiper .swiper-slide {border-radius: 10px;background: #ffffff;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary-box{width: 100%;}
.applications .applications04 .applications04-box .swiper .swiper-slide:hover .text .summary-box{max-height: 200%;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary{box-sizing: border-box;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary{/*will-change: transform;*/transition: all 0s;}
.about .about03 .about03-3 .about03-3-box .top .items .t-item .summary:after{content: '';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(255,255,255,0.1);backdrop-filter: blur(5px);border-radius: 10px;}
.product-detail .features .product-detail-top .list3 .item .icon{flex-shrink: 0;}
.product-detail .features .product-detail-top .list3 .item .icon img{width: 100%;}
.applications .applications05 .applications05-box .right .item .icon img{width: 100%;}
.searchlist{display: flex;justify-content: flex-start;align-items: flex-start;}
.searchlist .left_w{min-width: 190px;max-width: 26.5625%;padding-right: 2.5%;box-sizing: border-box;}
.searchlist .left_w dl dd{margin-bottom: 24px;}
.searchlist .left_w dl dd a{display: inline-block;max-width: 100%;font-family: Outfit-SemiBold;color: #111111;font-size: 20px;transition: all 0.5s ease;}
.searchlist .left_w dl dd.on a,.searchlist .left_w dl dd a:hover{color: #bc2b31;text-decoration: underline;}
.searchlist .right_w{width: 73.4375%;}
@media screen and (min-width: 1025px){.applications .applications02 .applications02-box{flex-wrap: wrap;justify-content: flex-start;}
.applications .applications02 .applications02-box .item{max-width: calc((100% - 100px) / 6);min-width: calc((100% - 120px) / 7);}}
@media screen and (max-width: 1920px) and (min-width: 1025px){.applications .applications04 .applications04-box .swiper .swiper-slide .text{padding: 0 2.083333333333333vw 2.083333333333333vw;}
.applications .applications04 .applications04-box .swiper .swiper-slide .text .summary{font-size: 16px;padding: 2.083333333333333vw;}
.product-detail .features .product-detail-top .list3 .item .icon{flex-basis: 2.291666666666667vw;}
.product-detail .features .product-detail-top .list3 .item .value{margin-left: 1vw;}}
@media screen and (max-width: 1024px){.applications .applications02 .applications02-box{flex-wrap: wrap;justify-content: flex-start;display: grid;grid-template-columns: repeat(3, 1fr); }
.applications .applications02 .applications02-box .item{max-width: 100%;min-width: 100%;}
.searchlist{flex-wrap: wrap;}
.searchlist .left_w{width: 100%;max-width: 100%;}
.searchlist .left_w dl{display: flex;justify-content: flex-start;align-items: center;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;gap: 30px;}
.searchlist .left_w dl::-webkit-scrollbar {width: 0px;height: 0px;}
.searchlist .left_w dl::-webkit-scrollbar-button {background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-corner {background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar-resizer {background-color: rgba(0, 0, 0, 0);}
.searchlist .left_w dl::-webkit-scrollbar {width: 0px;height: 0px;}
.searchlist .left_w dl dd{margin-bottom: 0;}
.searchlist .right_w{width: 100%;margin-top: 40px;}
.product-detail .features .product-detail-top .list3 .item .icon{flex-basis: 36px;}
.product-detail .features .product-detail-top .list3 .item .value{margin-left: 15px;}}
@media screen and (max-width: 768px){.applications .applications02 .applications02-box{display: grid;grid-template-columns: repeat(2, 1fr); }
.product-detail .features .product-detail-top .list3{padding: 20px;border-radius: 30px;}
.product-detail .features .product-detail-top .list3 .item{justify-content: flex-start;}
.product-detail .features .product-detail-top .list3 .item .icon{flex-basis: 30px;}
.product-detail .features .product-detail-top .list3 .item .value{margin-left: 10px;}}
@media screen and (max-width: 480px){.searchlist .left_w dl dd a{font-size: 18px;}
.product-detail .features .product-detail-top .list3{padding: 10px;}
.product-detail .features .product-detail-top .list3 .item .icon{flex-basis: 28px;}
.product-detail .features .product-detail-top .list3 .item .value{margin-left: 8px;}}/*20241126*/.page-menu2 a{font-size: 20px;}
@media screen and (max-width: 1920px) and (min-width: 1025px){.page-menu2 a{font-size: 1.04vw;}}/*20241206*/.about .about03 .about03-5 .about03-6-box .swiper .swiper-wrapper.center{justify-content: center;}li,.index-title .summary2 li{list-style: initial;}
.searchlist ul li,.about .about02 .about02-4 .items .item,.exhibition .exhibition-box .item .bottom .b-items .b-item .b-box li{list-style: none;}
/*# sourceMappingURL=index.css.map */
/*20241231*/
.index3 .top .left{position: relative;}
.index3 .top .left .top,.index3 .top .left .bottom{flex-wrap: wrap;}
.index3 .top .left .about01-1-box {background: url("../images/img263.png") no-repeat top left;padding-left: 40px;padding-bottom: 10%;max-height: 750px;overflow: auto;position: relative;}
.index3 .top .left .about01-1-box::-webkit-scrollbar {width: 0;}
.index3 .top .left .about01-1-box .top .title {font-size: 30px;color: var(--dominant-color);font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {.index3 .top .left .about01-1-box .top .title {font-size: 22px;}}
.index3 .top .left .about01-1-box .top .summary {font-size: 18px;color: #666;margin-top: 20px;}
@media screen and (max-width: 1600px) {.index3 .top .left .about01-1-box .top .summary {font-size: 14px;}}
.index3 .top .left .about01-1-box .bottom {margin-top: 40px;}
.index3 .top .left .about01-1-box .bottom .title {font-size: 30px;font-family: Outfit-SemiBold;}
@media screen and (max-width: 1600px) {.index3 .top .left .about01-1-box .bottom .title {font-size: 20px;}}
.index3 .top .left .about01-1-box .bottom .item {margin-top: 30px;}
@media screen and (max-width: 768px){.index3 .top .left .about01-1-box .bottom .item{flex-basis: 100%;margin-bottom: 0;}}
.index3 .top .left .about01-1-box .bottom .item .icon {width: 48px;}
.index3 .top .left .about01-1-box .bottom .item .i-title {font-size: 24px;margin: 20px 0;}
@media screen and (max-width: 1600px) {.index3 .top .left .about01-1-box .bottom .item .i-title {font-size: 18px;}}
.index3 .top .left .about01-1-box .bottom .item .i-summary {font-size: 16px;color: #666;margin-top: 10px;}
@media screen and (max-width: 1600px) {.index3 .top .left .about01-1-box .bottom .item .i-summary {font-size: 14px;}}
.add-details{margin-top: 5%;padding-top: 30px;padding-bottom: 30px;color: rgba(0,0,0,0.6);font-size: 16px;line-height: 2;}
.add-details h3{color: #000000;font-size: 24px;}
@media screen and (max-width: 640px) {.add-details{font-size: 14px;}
.add-details h3{font-size: 20px;}}
.detailnav{position: sticky;left: 0;top: 90px;z-index: 5;width: 100%;background: var(--dominant-color);}
.detailnav ul{display: flex;padding: 15px 0px;}
.detailnav ul li{list-style: none;display: flex;align-items: center;height: 40px;color: #FFFFFF;font-size: 20px;padding: 0px 20px;margin-right: 20px;cursor: pointer;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;border-radius: 20px;}
.detailnav ul li:hover,.detailnav ul li.active{background: #FFFFFF;color: var(--dominant-color);}
@media screen and (max-width: 1024px) {.detailnav{top: 60px;}
.detailnav ul{padding: 12px 0px;overflow-x: auto;}
.detailnav ul li{height: 36px;font-size: 18px;margin-right: 10px;}}
@media screen and (max-width: 640px) {.detailnav ul{padding: 10px 0px;}
.detailnav ul li{height: 30px;font-size: 16px;padding: 0px 14px;margin-right: 5px;}}
@media screen and (max-width: 480px) {.detailnav ul li{font-size: 14px;padding: 0px 12px;}}
.product-detail .card3 .items .item .table tr{display: table-row;width: 100%;}
.product-detail .card3 .items .item .table tr td, .product-detail .card3 .items .item .table tr th{padding-top: 10px;padding-bottom: 10px;}
.product-detail .card3 .items .item .table tr td{width: 65%;}
.product-detail .card3 .items .item .table tr td:first-child{width: 35%;}
.product-detail .features .product-detail-top .p-right .text .tip{line-height: 2;}
.about .about03 .about03-1 .img .imgli{display: none;}
.about .about03 .about03-1 .img .imgli.active{display: block;}
.about .about01 .about01-3 .about01-3-box .points .point.point6 span{top: 5px;}
.applications .applications03 .applications03-box .img{text-align: center;}
@media screen and (max-width: 768px){.applications .applications03 .applications03-box .img img{width: 100%;}}
.applications .applications03 .applications03-box .picbox{position: relative;}
.applications .applications03 .applications03-box.structure1 .points .point.point1 {left: 61%;top: 29%;}
.applications .applications03 .applications03-box.structure1 .points .point.point2 {left: 4%;bottom: auto;top: 31.5%;}
.applications .applications03 .applications03-box.structure1 .points .point.point3{left: auto;right: 19%;bottom: 0;top: 22.5%;}
.applications .applications03 .applications03-box.structure1 .points .point.point4{top: 28.5%;right: 9%;}
.applications .applications03 .applications03-box.structure1 .points .point.point5{right: 22%;top: 63%;}
.applications .applications03 .applications03-box.structure1 .text-box .item1{top: 17%;width: 53%;
background: url(../images/img249a.png) no-repeat center right;}
.applications .applications03 .applications03-box.structure1 .text-box .item2{top: 33%;width: 31%;height: 1px;background: url("../images/img251.png") no-repeat center right;}
.applications .applications03 .applications03-box.structure1 .text-box .item3{text-align: right;top: 24%;left: auto;right: 0;width: 39%;height: 1px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item3 .summary{right: 0;max-width: 310px;}
.applications .applications03 .applications03-box.structure1 .text-box .item4{top: 30%;right: 0;width: 35%;height: 102px;background: url(../images/img249b.png) no-repeat center left;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4 .title{top: 55px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4 .summary{top: 116px;}
.applications .applications03 .applications03-box.structure1 .text-box .item5{top: 58%;right: 0;width: 40%;height: 102px;background: url("../images/img251.png") no-repeat center right;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item5 .title{top: 0;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item5 .summary{top: 68px;}
@media screen and (max-width: 1600px) {.applications .applications03 .applications03-box.structure1 .points .point.point1{left: 59%;top: 30%;}
.applications .applications03 .applications03-box.structure1 .points .point.point4{right: 5%;}
.applications .applications03 .applications03-box.structure1 .text-box .item4{width: 33%;}}
@media screen and (max-width: 1024px) {.applications .applications03 .applications03-box .text-box .item .title{font-size: 20px;}
.applications .applications03 .applications03-box .text-box .item .summary{font-size: 14px;}
.applications .applications03 .applications03-box.structure1 .text-box .item1{top: 11%;}
.applications .applications03 .applications03-box.structure1 .text-box .item .summary,.applications .applications03 .applications03-box.structure1 .text-box .item.item3 .summary{max-width: 280px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4{width: 36%;height: 80px;background: url(../images/img249b.png) no-repeat bottom left;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4 .title{top: 36px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item4 .summary{top: 92px;}
.applications .applications03 .applications03-box.structure1 .text-box .item.item5 .title{top: 15px;}
.applications .applications03 .applications03-box.structure1 .points .point.point5{top: 66%;}}
@media screen and (max-width: 768px) {.applications .applications03 .applications03-box.structure1 .points .point.point1{left: 61%;top: 29%;}
.applications .applications03 .applications03-box.structure1 .points .point.point3{right: 16%;}
.applications .applications03 .applications03-box.structure1 .points .point.point4{right: 7%;}
.applications .applications03 .applications03-box.structure1 .points .point.point5{top: 62%;right: 32%;}}
@media screen and (max-width: 640px) {.applications .applications03 .applications03-box.structure1 .points .point.point1{left: 60%;}.applications .applications03 .applications03-box.structure1 .points .point.point3 {right: 14%;top: 19%;}
.applications .applications03 .applications03-box.structure1 .points .point.point4{right: 4%;}
.applications .applications03 .applications03-box.structure1 .points .point.point5{right: 22%;}}/*structure2*/.applications .applications03 .applications03-box.structure2 .points .point.point1{top: 10%;}
.applications .applications03 .applications03-box.structure2 .points .point.point2{left: 40%;bottom: 50%;}
.applications .applications03 .applications03-box.structure2 .points .point.point3{left: 19%;}
.applications .applications03 .applications03-box.structure2 .points .point.point4{right: 21%;top: 31%;}
.applications .applications03 .applications03-box.structure2 .points .point.point5{right: 16%;top: 77%;}
.applications .applications03 .applications03-box.structure2 .text-box .item1{top: 12%;height: 1px;background: url("../images/img251.png") repeat-x center right;}
.applications .applications03 .applications03-box.structure2 .text-box .item2{top: 48%;width: 45%;height: 1px;background: url("../images/img251.png") repeat-x center right;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure2 .text-box .item3{width: 37%;}
.applications .applications03 .applications03-box.structure2 .text-box .item4{top: 24%;width: 38%;background: url(../images/img252.png) no-repeat top left;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure2 .text-box .item5{top: 71%;width: 36%;}
@media screen and (max-width: 1024px) {.applications .applications03 .applications03-box.structure2 .text-box .item .summary{max-width: 250px;}}
.applications .applications03 .applications03-box.structure3 .points .point.point1{left: 54%;top: 43%;}
.applications .applications03 .applications03-box.structure3 .points .point.point2{bottom: 22%;left: 10%;}
.applications .applications03 .applications03-box.structure3 .points .point.point3{left: auto;bottom: auto;right: 11%;top: 22%;}
.applications .applications03 .applications03-box.structure3 .points .point.point4{right: 16%;top: 44%;}
.applications .applications03 .applications03-box.structure3 .points .point.point5{right: 35%;top: 71%;}
.applications .applications03 .applications03-box.structure3 .text-box .item1{top: 30%;width: 53%;background: url(../images/img249.png) no-repeat top right;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure3 .text-box .item2{top: 72%;width: 33%;background: url(../images/img251.png) no-repeat center right;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item2 .title{top: -20px;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item2 .summary{top: 36px;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item3{top: 24%;left: auto;right: 0;text-align: right;width: 36%;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item3 .summary{right: 0;}
.applications .applications03 .applications03-box.structure3 .text-box .item4{top: 42%;width: 36%;background: url(../images/img251.png) no-repeat center left;background-size: 100% auto;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item4 .title{top: -20px;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item4 .summary{top: 36px;}
.applications .applications03 .applications03-box.structure3 .text-box .item.item5{top: 73%;width: 43%;height: 1px;background: url(../images/img251.png) no-repeat center left;background-size: 100% auto;}
@media screen and (max-width: 1600px) {.applications .applications03 .applications03-box.structure3 .text-box .item1{top: 27%;}
.applications .applications03 .applications03-box.structure3 .points .point.point1 {left: 56%;top: 42%;}
.applications .applications03 .applications03-box.structure3 .text-box .item .summary{max-width: 280px;}}
.pop-up .pop-up-box video{max-height: 86vh;}
        
.nav-menu {width:100%; margin-top:-50px;}
.menu-item {margin-bottom:10px;width:calc(20% - 8px); position:relative; float:left; margin-right:8px;}
.menu-title {background:#e9e8e8;font-size:16px;color:#666;padding: 15px 20px;cursor: pointer;transition: all 0.3s ease;text-align:center;display:flex;justify-content: space-between;align-items: center;}
.menu-title:hover { background: #f08619; transform: translateY(-2px); color:#fff;}
.menu-title:hover a{ color:#fff;}
.menu-title::after { content: "▼"; font-size: 12px;transition: transform 0.3s;}
.menu-item:hover .menu-title::after {transform: rotate(180deg);}
.submenu {position: absolute;width: 100%;background: white;border-radius: 0 0 6px 6px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 100;padding: 5px 0;}
.menu-item:hover .submenu {opacity: 1;visibility: visible;transform: translateY(0);}
.submenu a {display: block;padding: 12px 25px;color: #555;text-decoration: none;transition: all 0.2s ease;border-bottom: 1px solid #f0f0f0;}
.submenu a:hover {background: #fcca97;color: #000;padding-left: 30px;}
.submenu a:last-child {border-bottom: none;}

.info{ color:#5d5d5d; font-size:16px; line-height:20px; margin-top:20px; padding-bottom:50px;overflow:auto;}
.info table{border:1px solid #ccc;width:100%;border-collapse:collapse; overflow:auto;}
.info table td{ border-bottom:1px solid #ccc; border-right:1px solid #ccc;text-align:center; line-height:30px;color:#000;}
table{border:1px solid #ccc;width:99%;border-collapse:collapse;word-wrap: break-word;overflow:auto; }
table td{ border-bottom:1px solid #ccc; border-right:1px solid #000;text-align:center;line-height:30px; color:#000;}
tr:first-child td {    background-color:#b7000e; height:60px; line-height:60px; color:#fff;}
table tr td:nth-of-type(1), table tr th:nth-of-type(1) {  width:180px;}

.bzBanner{flex-basis:45%; height:auto; overflow:hidden; position: relative; }
.bzBanner .content,.bzBanner .col,.bzBanner .col a{width:100%; height:100%; position: absolute; top:0px; left:0px; }
.bzBanner .btn{position: absolute; bottom:20px; left:40%; z-index:5; }
.bzBanner .btn i{display:block; float: left; width:10px; height:10px; padding:0 5px; border-radius:10px; margin-left:10px; background:#666; overflow:hidden; opacity:0.4; filter:alpha(opacity=40); cursor:pointer; }
.bzBanner .btn i:hover{background:#e9212a; }
.bzBanner .btn i.act{opacity:0.8; filter:alpha(opacity=80); background:#e9212a; }
.bzBanner .pre,.bzBanner .next{display:inline-block; width:72px; height:72px; background:url(../images/btn.png) no-repeat; position:absolute; top:50%; margin-top:-50px; z-index:3; }
.bzBanner .pre{left:-10px; }
.bzBanner .next{right:-10px; background-position:0 -72px; }
.bzBanner .pre:hover{background-position:0 -144px; }
.bzBanner .next:hover{background-position:0 -216px; }
.bzBanner .col a{color:white; }

@media (max-width: 768px) {
.nav-menu {width:100%; margin-top:0px;}
.menu-title {font-size:14px;}
.menu-item {width:calc(50% - 8px);}
.bzBanner{flex-basis:45%; height:auto; overflow: visible; position: relative; margin-bottom:30px;}
.bzBanner .btn{left:25%;}
.bzBanner .pre{left:10px; }
.bzBanner .next{right:10px;}
.info{  font-size:12px;padding-bottom:30px;overflow:auto;}
table{border:1px solid #ccc;width:99%;border-collapse:collapse;word-wrap: break-word;overflow:auto; }
table td{ border-bottom:1px solid #ccc; border-right:1px solid #000;text-align:center;line-height:30px; color:#000;word-wrap: break-word;overflow:auto;}

}